/* codeDESIGN - custom_code_hardcoded.css */ @charset "utf-8"; /* CUSTOM CODE HARDCODED */ .custom_code_hardcoded [class^="col-"], .custom_code_hardcoded [class*=" col-"] { padding-left: 0px; padding-right: 0px; } div.layout_custom_icons { background: #141414; } div.custom_code_icons { /*margin-top: -60px;*/ } .bloc-service { position: relative; overflow: hidden; display: flex; z-index: 1; flex-direction: column; justify-content: center; align-items: center; padding: 15px; min-height: 300px; text-align: center; color: #fff; transition: .3s ease-out all; background-color: #141414; } .bloc-service { /*min-height: 371px;*/ } .bloc-service:hover { background-color: #1c1c1c; } .bloc-service::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 50%; border-bottom: 3px solid #74a21c; visibility: hidden; opacity: 0; transition: .3s ease-out all; } .bloc-service:hover::before { width: 100%; visibility: visible; opacity: 1; } a.bloc-service, a.bloc-service:link, a.bloc-service:visited { text-decoration: none; font-weight: 600; } .bloc-service svg * { stroke: #74a21c; width: 50px; } .bloc-service-inner svg { width: 50%; } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .custom_code_icons h5 { font: 700 13px/13px 'Montserrat',sans-serif; text-transform: uppercase; text-align: center; color: #fff; margin: 0px 0px 0px 0px; padding: 60px 0px 0px 0px; -moz-hyphens: none; -o-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; } @media only screen and (max-width: 991px) { .custom_code_icons h5::after { content: "\f077"; font-family: 'Font Awesome 5 Pro'; font-weight: 100; font-size: 1.6em; display: block; position: absolute; right: 20px; bottom: calc(50% - 10px); -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -moz-transform: rotate(90deg) translateY(-50%); -webkit-transform: rotate(90deg) translateY(-50%); -o-transform: rotate(90deg) translateY(-50%); -ms-transform: rotate(90deg) translateY(-50%); } } @media only screen and (max-width: 767px) { .bloc-service { min-height: auto; } .bloc-service-inner { width: 100%; } .custom_code_icons h5 { float: right; margin: 15px 20px 0px 0px; word-wrap: normal; width: calc(80% - 20px); } .fadeInUp { width: 15%; float: left; } .bloc-service svg { width: auto; height: 40px; } .custom_code_icons h5 { padding: 0px; } } @media only screen and (max-width: 364px) { .bloc-service svg { width: 40px; } } @media only screen and (max-width: 300px) { .custom_code_icons h5 { font-size: 11px; line-height: 11px; font-weight: 500; } } @media only screen and (max-width: 991px) { .custom_code_icons .col-sm-6 a { border-bottom: 1px solid #74a21c; } .custom_code_icons .col-sm-6:hover a { background: #222220; } .custom_code_icons h5 { text-align: left; } }