/*IMPORT SCSS*/
/*-------------------------------------------*/
/*-------------------------------------------*/
/* FONTS */
/*-------------------------------------------*/
/*-------------------------------------------*/
/* COLORS */
/*-------------------------------------------*/
/*-------------------------------------------*/
section#main-content img { max-width: 100%; height: auto; }

section#main-content p:not(:last-child) { margin-bottom: 24px; }

section#main-content a img { -ms-transition: all ease 0.3s; /* IE 9 */ -webkit-transition: all ease 0.3s; /* Safari */ transition: all ease 0.3s; }

section#main-content a img:hover { -ms-transform: scale(1.03); /* IE 9 */ -webkit-transform: scale(1.03); /* Safari */ transform: scale(1.03); }

section#meet-experts { background: url("../images/gray-bg-large.jpg") center/cover; }

section#meet-experts .experts-row { margin-right: -24px; margin-left: -24px; margin-bottom: -34px; }

section#meet-experts .experts-row > div { padding-left: 24px; padding-right: 24px; }

section#meet-experts .experts-row > div img { /*@include transition-time(0.5s); @include transform-scale(1.015); transform-origin: bottom center;*/ }

section#meet-experts .experts-row > div .column-details { /*position: absolute; top: 100%; margin-top: -48px; left: 0;*/ background-color: #2E4A5B; color: #fff; padding: 35px 20px; /*@include transition-time(0.5s);*/ /*div { position: absolute; @include transition-time(0.5s); top: 50%; @include transform_translate(0,-50%); left: 20px; width: calc(100% - 40px); opacity: 0; }*/ }

section#meet-experts .experts-row > div .column-details p { line-height: 1.5; }

section#meet-experts .experts-row > div .column-details .column-title { /*opacity: 1; @include transition-property(opacity); @include transition-delay(0.2s);*/ }

section#meet-experts .experts-row > div:hover, section#meet-experts .experts-row > div:focus { /*img {@include transform-scale(1);}*/ /*.column-details { top: 0; margin-top: 0; background-color: rgba(46,74,91,0.9); .column-title {opacity: 0;@include transition-delay(0s);} div { opacity: 1; } }*/ }

section#second-featured img { max-width: 100%; height: auto; margin-top: 12px; height: calc(100% - 12px); }

section#second-featured p:not(:last-child) { margin-bottom: 24px; }

section#golden-rules .golden-row { margin-left: -24px; margin-right: -24px; }

section#golden-rules .golden-row > div { padding-left: 24px; padding-right: 24px; }

section#golden-rules .golden-column .image-wrapper { background-color: #E7ECEE; }

section#golden-rules .golden-column p:not(:last-child) { margin-bottom: 20px; }

section#golden-rules .customer { background-color: #2E4A5B; height: 75px; }

section#golden-rules .customer .img-wrapper { position: absolute; left: 35px; top: 50%; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); border-radius: 100%; border: 15px solid #FF2A42; box-shadow: 9px 2px 10px rgba(0, 0, 0, 0.4); }

section#golden-rules .customer .img-wrapper img { height: 66px; margin: 17px; }

section#golden-rules .customer .img-wrapper:before { content: ""; display: block; height: calc(100% - 20px); width: 75px; background-color: #2E4A5B; position: absolute; left: -50px; top: 10px; z-index: -1; }

section#golden-rules .customer .img-wrapper:after { content: ""; display: block; border-radius: 100%; height: 100px; width: 100px; box-shadow: 5px 2px 5px rgba(0, 0, 0, 0.6); background-color: #fff; position: absolute; top: 0; left: 0; z-index: -1; }

@media (min-width: 768px) { #top-nav.custom-header.make-me-solid { background-color: transparent !important; }
  #top-nav.custom-header.make-me-solid-now { background-color: #fff !important; }
  #main { margin-top: 0 !important; } }

@media (max-width: 991px) { section#second-featured img { margin-top: 30px; height: auto; } }

@media (max-width: 575px) { section#meet-experts .experts-row .image-wrapper { max-width: 250px; margin-left: auto; margin-right: auto; } }
