@font-face {
font-family: 'Metropolis';
src: url(//fmgseg.com.br/wp-content/themes/fmg/assets/fonts/metropolis-bold-webfont.woff2) format("woff2"), url(//fmgseg.com.br/wp-content/themes/fmg/assets/fonts/metropolis-bold-webfont.woff) format("woff");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Metropolis';
src: url(//fmgseg.com.br/wp-content/themes/fmg/assets/fonts/metropolis-semibold-webfont.woff2) format("woff2"), url(//fmgseg.com.br/wp-content/themes/fmg/assets/fonts/metropolis-semibold-webfont.woff) format("woff");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Metropolis';
src: url(//fmgseg.com.br/wp-content/themes/fmg/assets/fonts/metropolis-medium-webfont.woff2) format("woff2"), url(//fmgseg.com.br/wp-content/themes/fmg/assets/fonts/metropolis-medium-webfont.woff) format("woff");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Metropolis';
src: url(//fmgseg.com.br/wp-content/themes/fmg/assets/fonts/metropolis-regular-webfont.woff2) format("woff2"), url(//fmgseg.com.br/wp-content/themes/fmg/assets/fonts/metropolis-regular-webfont.woff) format("woff");
font-weight: normal;
font-style: normal;
}
body {
color: #485A68;
font-family: 'Metropolis', sans-serif;
letter-spacing: -0.02em;
padding-top: 84px;
}
@media (min-width: 992px) {
body {
padding-top: 0;
}
}
a:focus {
outline: none;
}
@media (max-width: 575px) {
.container {
padding-left: 25px;
padding-right: 25px;
}
}
.h2, h2, .h3, h3, .h4, h4, .h5, h5 {
font-weight: 600;
}
.h1, h1 {
color: #051221;
font-size: 48px;
font-weight: 700;
line-height: 1;
}
@media (min-width: 992px) {
.h1, h1 {
font-size: 64px;
}
}
.h2, h2 {
color: #051221;
font-size: 26px;
line-height: 1.3076;
}
@media (min-width: 992px) {
.h2, h2 {
font-size: 42px;
line-height: 1.2857;
}
}
.h3, h3 {
color: #051221;
font-size: 20px;
line-height: 1.4;
margin-bottom: 20px;
}
@media (min-width: 992px) {
.h3, h3 {
font-size: 30px;
line-height: 1;
margin-bottom: 40px;
}
}
.h4, h4 {
color: #051221;
font-size: 20px;
line-height: 1.4;
}
.h5, h5 {
color: #051221;
font-size: 18px;
line-height: 1.5556;
margin-bottom: 10px;
}
.collapsing {
transition: none;
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
white-space: nowrap;
}
@media (max-width: 991px) {
.breadcrumb {
display: none;
}
}
@media (min-width: 992px) {
.breadcrumb {
background-color: transparent;
font-size: 12px;
margin-bottom: 27px;
padding: 13px 0;
text-transform: uppercase;
}
.breadcrumb a {
color: #fff;
display: block;
}
.breadcrumb-item {
line-height: 2.1667;
}
.breadcrumb-item + .breadcrumb-item {
padding-left: 20px;
}
.breadcrumb-item + .breadcrumb-item:before {
background: url(//fmgseg.com.br/wp-content/themes/fmg/assets/images/sprite.svg#g-breadcrumb) no-repeat center;
background-size: 6px 12px;
margin-right: 20px;
width: 6px;
content: "";
}
.breadcrumb-item.active {
color: #007FFF;
}
}
.btn {
font-size: 16px;
font-weight: 600;
line-height: 1;
padding: 17px 30px;
}
.btn-sm {
padding-bottom: 13px;
padding-top: 13px;
}
.btn-lg {
padding-bottom: 21px;
padding-top: 21px;
}
.btn .icon {
fill: currentColor;
position: relative;
}
.btn .icon-right {
left: 0;
margin-left: 9px;
transition: left 0.3s ease;
}
.btn .icon-left {
margin-right: 9px;
right: 0;
transition: right 0.3s ease;
}
.btn:focus, .btn.focus, .btn:not(:disabled):not(.disabled):active:focus, .btn:not(:disabled):not(.disabled).active:focus {
box-shadow: none;
}
.btn:not(:disabled):not(.disabled):hover .icon-right {
left: 5px;
}
.btn:not(:disabled):not(.disabled):hover .icon-left {
right: 5px;
}
.btn.disabled, .btn:disabled {
cursor: no-drop;
opacity: 1;
}
.btn-primary {
background-color: #56CCF2;
border-color: #56CCF2;
box-shadow: 0px 100px 132px rgba(86, 204, 242, 0.0425538), 0px 46.1997px 62.2157px rgba(86, 204, 242, 0.0681404), 0px 28.4403px 36.1732px rgba(86, 204, 242, 0.08428), 0px 19.1204px 22.2598px rgba(86, 204, 242, 0.0967362), 0px 12.8717px 13.5969px rgba(86, 204, 242, 0.111879), 0px 8.00822px 7.68089px rgba(86, 204, 242, 0.140996), 0px 3.83092px 3.35386px rgba(86, 204, 242, 0.23);
color: #fff;
}
.btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):hover, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active {
background-color: #0575E6;
border-color: #0575E6;
box-shadow: 0px 100px 132px rgba(5, 117, 230, 0.0425538), 0px 46.1997px 62.2157px rgba(5, 117, 230, 0.0681404), 0px 28.4403px 36.1732px rgba(5, 117, 230, 0.08428), 0px 19.1204px 22.2598px rgba(5, 117, 230, 0.0967362), 0px 12.8717px 13.5969px rgba(5, 117, 230, 0.111879), 0px 8.00822px 7.68089px rgba(5, 117, 230, 0.140996), 0px 3.83092px 3.35386px rgba(5, 117, 230, 0.23);
color: #fff;
}
.btn-primary.disabled, .btn-primary:disabled {
background-color: #ebebeb;
border-color: #ebebeb;
color: #aaa;
}
.btn-whatsapp {
background-color: #14CC9E;
border-color: #14CC9E;
color: #fff;
padding-right: 24px;
padding-left: 24px;
}
.btn-whatsapp .icon {
margin-right: 6px;
}
.btn-whatsapp.focus, .btn-whatsapp:focus, .btn-whatsapp:not(:disabled):not(.disabled):hover, .btn-whatsapp:not(:disabled):not(.disabled):active, .btn-whatsapp:not(:disabled):not(.disabled).active {
background-color: #009688;
border-color: #009688;
color: #fff;
}
.btn-whatsapp.disabled, .btn-whatsapp:disabled {
background-color: #ebebeb;
border-color: #ebebeb;
color: #aaa;
}
.btn-float-whatsapp {
bottom: 115px;
color: #fff;
filter: drop-shadow(0 13px 11px rgba(20, 204, 158, 0.15));
position: fixed;
right: 25px;
transition: transform 0.3s ease, filter 0.15s ease;
}
.btn-float-whatsapp > .icon {
fill: currentColor;
}
.btn-float-whatsapp:hover {
color: #fff;
transform: scale(1.1);
}
@media (min-width: 992px) {
.btn-float-whatsapp {
bottom: 100px;
right: 50px;
}
}
.any-questions {
color: #627D98;
margin-top: 52px;
}
.any-questions .h5 {
color: #485A68;
}
.any-questions .contacts-social {
margin-top: 40px;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url(//fmgseg.com.br/wp-content/themes/fmg/assets/images/sprite.svg#g-select) no-repeat right 26px center;
background-size: 13px 8px;
}
.form-group {
margin-bottom: 20px;
position: relative;
}
.form-control {
border-color: transparent;
font-size: 14px;
font-weight: 500;
height: 60px;
letter-spacing: -0.02em;
line-height: 20px;
padding: 19px 15px;
}
.form-control ~ label {
color: #485A68;
font-size: 14px;
font-weight: 500;
left: 16px;
line-height: 20px;
pointer-events: none;
position: absolute;
top: 20px;
transition: all 0.15s ease;
}
.form-control:not(:-moz-placeholder-shown):not(select) {
padding-bottom: 15px;
padding-top: 23px;
}
.form-control:not(:-ms-input-placeholder):not(select) {
padding-bottom: 15px;
padding-top: 23px;
}
.form-control.filled, .form-control:not(:placeholder-shown):not(select) {
padding-bottom: 15px;
padding-top: 23px;
}
.form-control:not(:-moz-placeholder-shown):not(select) ~ label {
color: #B0C3D0;
font-size: 12px;
top: 4px;
}
.form-control:not(:-ms-input-placeholder):not(select) ~ label {
color: #B0C3D0;
font-size: 12px;
top: 4px;
}
.form-control.filled ~ label, .form-control:not(:placeholder-shown):not(select) ~ label {
color: #B0C3D0;
font-size: 12px;
top: 4px;
}
.form-control, .form-control:focus {
background-color: rgba(217, 226, 236, 0.2);
box-shadow: inset 0px 1px 2px rgba(51, 78, 104, 0.2);
}
.form-control.filled, .form-control:not(select), .form-control:focus.filled, .form-control:focus:not(select) {
color: #007FFF;
}
.form-control:focus {
border-color: #007FFF;
}
.form .btn[type=submit] {
margin-top: 40px;
}
.form [required]:valid {
background-image: url(//fmgseg.com.br/wp-content/themes/fmg/assets/images/sprite.svg#g-check-circle);
background-position: right 20px center;
background-repeat: no-repeat;
background-size: 20px 20px;
border-color: #56CCF2;
}
.form.invalid [required]:invalid {
border-color: #f00;
}
.form.invalid [required]:invalid ~ label {
color: #f00;
}
textarea.form-control {
height: 150px;
}
.g-recaptcha {
transform: scale(0.8);
transform-origin: left;
}
@media (min-width: 576px) {
.g-recaptcha {
transform: scale(1);
}
}
.form-search {
margin-bottom: 103px;
}
.form-search .form-control {
background-color: transparent;
border: none;
box-shadow: none;
font-size: 16px;
margin-bottom: 38px;
padding: 0;
height: 74px;
}
.form-search .form-control::-moz-placeholder {
color: #627D98;
}
.form-search .form-control:-ms-input-placeholder {
color: #627D98;
}
.form-search .form-control::placeholder {
color: #627D98;
}
.is-mobile .form-search-tips {
display: none;
}
body:not(.is-mobile) .form-search .btn {
display: none;
}
body:not(.is-mobile) .form-search-tips {
color: #627D98;
display: block;
flex-grow: 0;
font-size: 18px;
font-weight: 500;
line-height: 1.5555;
white-space: nowrap;
}
body:not(.is-mobile) .form-search-tips > span {
color: #0575E6;
}
@media (min-width: 576px) {
.form-search {
height: 110px;
justify-content: space-between;
padding-right: 36px;
}
.form-search .form-control {
font-size: 18px;
height: 100%;
margin-bottom: 0;
}
}
@media (min-width: 992px) {
.form-search {
align-items: center;
display: flex;
margin-bottom: 0;
}
}
@media (min-width: 1200px) {
.form-search {
padding-right: 0;
}
}
.wpcf7-not-valid-tip,
.screen-reader-response {
display: none !important;
}
.wpcf7-response-output {
font-size: 16px;
margin-top: 10px;
text-align: center;
}
.card {
border: none;
box-shadow: 0px 20px 20px -10px rgba(176, 195, 208, 0.2);
}
.card .card-body {
padding: 44px 24px 74px;
}
.card-contact {
margin-bottom: 40px;
}
.card-quote {
margin-bottom: 27px;
}
.card-quote .h3 {
margin-bottom: 70px;
text-align: center;
}
.card-quote .card-body .btn {
display: block;
width: 100%;
}
@media (min-width: 992px) {
.card-contact .card-body {
padding: 68px 53px 45px;
}
.card-quote {
margin-bottom: 0;
}
.card-quote .card-body {
padding: 67px 112px 55px;
}
.card-quote .card-body .btn {
margin-left: auto;
margin-right: auto;
min-width: 466px;
width: auto;
}
}
@media (max-width: 991px) {
.modal-open .modal-navbar {
overflow-y: hidden;
}
}
.modal-close {
background-color: transparent;
border: none;
color: #485A68;
line-height: 1;
margin-left: auto;
padding: 32px 25px;
}
.modal-close .icon {
fill: currentColor;
}
.modal-close:focus {
outline: none;
}
@media (min-width: 992px) {
.modal-close {
border: 1px solid transparent;
border-left-color: #EDF2F5;
padding-left: 32px;
padding-right: 32px;
}
}
.modal-header {
border-bottom-color: #EDF2F5;
}
.modal-body {
padding: 25px;
}
.modal-search .modal-dialog, .modal-search .modal-content {
height: 100%;
}
.modal-search .modal-dialog {
margin: 0;
}
.modal-search .modal-content {
border: none;
border-radius: 0;
color: #627D98;
}
.modal-search .modal-body {
overflow-y: auto;
padding-top: 75px;
}
.modal-search .modal-close {
position: absolute;
right: 0;
z-index: 1;
}
@media (min-width: 576px) {
.modal-search .modal-dialog {
max-width: none;
}
}
@media (min-width: 992px) {
.modal-search .modal-dialog, .modal-search .modal-content {
height: auto;
}
.modal-search .modal-dialog {
max-width: none;
}
.modal-search .modal-body {
padding: 0 165px;
}
.modal-search .modal-close {
height: 100%;
width: 112px;
}
}
.modal-navbar {
height: calc(100% - 84px);
top: 84px;
}
.modal-navbar .modal-close {
padding: 46px 50px;
}
.modal-navbar .modal-dialog, .modal-navbar .modal-content {
height: 100%;
}
.modal-navbar .modal-dialog {
margin: 0 0 0 auto;
}
.modal-navbar .modal-content {
border: none;
border-radius: 0;
}
.modal-navbar .modal-header {
display: none;
}
.modal-navbar .modal-body {
overflow-y: auto;
padding-top: 33px;
}
.modal-navbar .nav-link {
color: #051221;
font-size: 20px;
font-weight: 500;
line-height: 1.4;
padding: 20px 37px;
text-transform: uppercase;
}
.modal-navbar .subnav {
display: none;
list-style: none;
margin-bottom: 0;
padding-left: 0;
padding-top: 20px;
}
.modal-navbar .subnav-item {
margin-bottom: 20px;
}
.modal-navbar .subnav-item-title {
color: #627D98;
cursor: pointer;
display: block;
font-size: 18px;
font-weight: normal;
line-height: 1.5555;
margin-bottom: 9px;
padding-left: 37px;
padding-right: 37px;
text-transform: uppercase;
}
.modal-navbar .subnav-item-title:after, .modal-navbar .subnav-item-title:before {
background-color: #80A0B7;
}
.modal-navbar .subnav-item > ul {
display: none;
list-style: none;
margin-bottom: 0;
padding-left: 0;
}
.modal-navbar .subnav-item .nav-link {
color: #627D98;
font-size: 16px;
font-weight: normal;
padding-bottom: 9px;
padding-top: 9px;
text-transform: none;
}
.modal-navbar .subnav-item.active > ul {
display: block;
}
.modal-navbar .subnav-item.active .subnav-item-title {
color: #0575E6;
}
.modal-navbar .subnav-item.active .subnav-item-title:after {
display: none;
}
.modal-navbar .subnav-item.active .subnav-item-title:before {
background-color: #0575E6;
}
.modal-navbar .has-subnav {
cursor: pointer;
}
.modal-navbar .has-subnav > .nav-link:after, .modal-navbar .has-subnav > .nav-link:before {
background-color: #051221;
}
.modal-navbar .has-subnav.active > .nav-link:after {
display: none;
}
.modal-navbar .has-subnav.active .subnav {
display: block;
}
.modal-navbar .has-subnav > .nav-link,
.modal-navbar .subnav-item-title {
position: relative;
}
.modal-navbar .has-subnav > .nav-link:after, .modal-navbar .has-subnav > .nav-link:before,
.modal-navbar .subnav-item-title:after,
.modal-navbar .subnav-item-title:before {
content: "";
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.modal-navbar .has-subnav > .nav-link:after,
.modal-navbar .subnav-item-title:after {
height: 14px;
left: 6px;
width: 2px;
}
.modal-navbar .has-subnav > .nav-link:before,
.modal-navbar .subnav-item-title:before {
height: 2px;
left: 0;
width: 14px;
}
@media (min-width: 576px) {
.modal-navbar .modal-dialog {
max-width: none;
}
}
@media (min-width: 768px) {
.modal-navbar .modal-dialog {
max-width: 705px;
}
}
@media (min-width: 992px) {
.modal-navbar {
top: 0;
height: 100%;
}
.modal-navbar .modal-header {
display: flex;
padding: 0;
}
.modal-navbar .modal-body {
padding: 53px 114px;
}
.modal-navbar .nav-link {
font-size: 30px;
line-height: 1;
}
.modal-navbar .subnav {
padding-left: 37px;
}
.modal-navbar .subnav-item-title {
font-size: 20px;
line-height: 1.4;
}
.modal-navbar .subnav-item .nav-link {
font-size: 18px;
padding-bottom: 11px;
padding-top: 11px;
}
.modal-navbar.fade .modal-dialog {
transform: translate(50px, 0);
}
.modal-navbar.show .modal-dialog {
transform: none;
}
}
@media (min-width: 576px) {
.modal-products .modal-dialog {
margin-top: 117px;
max-width: 1340px;
}
}
@media (min-width: 992px) {
.modal-products .modal-content {
border: none;
border-radius: 4px;
flex-direction: row;
overflow: hidden;
}
.modal-products .modal-body {
padding: 37px 115px;
}
.modal-products .nav-categories {
flex-direction: column;
}
.modal-products .nav-categories > .category-item {
color: #627D98;
cursor: pointer;
font-size: 15px;
font-weight: 500;
line-height: 16px;
padding: 20px 32px;
position: relative;
}
.modal-products .nav-categories > .category-item svg {
fill: currentColor;
height: 16px;
left: 0;
position: absolute;
top: calc(50% - 1px);
transform: translateY(-50%);
width: 18px;
}
.modal-products .nav-categories > .category-item.active {
color: #0575E6;
font-weight: 600;
}
.modal-products .nav-categories > li {
text-transform: uppercase;
}
.modal-products .nav-categories:after {
background-color: #EDF2F5;
content: "";
display: block;
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 1px;
}
.modal-products .nav-products {
align-items: flex-start;
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-between;
padding-top: 8px;
padding-left: 35px;
}
.modal-products .nav-products ul {
list-style: none;
margin-bottom: 0;
}
.modal-products .nav-products ul a {
color: #627D98;
display: block;
font-size: 14px;
line-height: 22px;
padding: 6px 0;
}
.modal-products .nav-products ul a:hover {
color: #0575E6;
text-decoration: none;
}
.modal-products .row-products {
width: 100%;
}
.modal-products .row-products:not(.active) {
display: none;
}
.modal-products .btn-products {
color: #56CCF2;
font-size: 14px;
font-weight: 400;
padding-left: 0;
padding-right: 0;
}
.modal-products .btn-contact {
color: #007FFF;
font-style: 14px;
font-weight: 400;
padding-left: 0;
padding-right: 0;
}
.modal-products .btn-contact > span {
text-decoration: underline;
}
.modal-products .aside-nav-products {
align-items: center;
background-color: #8695A8;
display: flex;
color: #fff;
flex: 0 0 343px;
flex-direction: column;
justify-content: center;
padding: 40px;
position: relative;
text-align: center;
width: 343px;
z-index: 0;
}
.modal-products .aside-nav-products b {
font-size: 24px;
font-weight: 700;
}
.modal-products .aside-nav-products .btn {
box-shadow: none;
margin-top: 40px;
}
.modal-products .aside-nav-products .btn.focus, .modal-products .aside-nav-products .btn:focus, .modal-products .aside-nav-products .btn:not(:disabled):not(.disabled):hover, .modal-products .aside-nav-products .btn:not(:disabled):not(.disabled):active, .modal-products .aside-nav-products .btn:not(:disabled):not(.disabled).active {
box-shadow: none;
}
.modal-products .aside-nav-title {
font-size: 26px;
font-weight: 600;
line-height: 1.3076;
margin-bottom: 14px;
}
.modal-products .aside-nav-bg {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.modal-products .aside-nav-bg > img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
pointer-events: none;
width: 100%;
}
}
.modal-backdrop.show {
display: none;
}
@media (min-width: 992px) {
.modal-backdrop {
background-color: #051221;
}
.modal-backdrop.show {
display: block;
opacity: 0.3;
}
}
.slick-arrow {
background-color: transparent;
border: none;
color: #007FFF;
padding: 0;
position: absolute;
transition: color 0.15s ease, opacity 0.15s ease;
}
.slick-arrow > .icon {
fill: currentColor;
}
.slick-arrow:focus {
outline: none;
}
.slick-arrow.slick-disabled {
color: #B0C3D0;
pointer-events: none;
opacity: 0.3;
}
.slick-dots {
margin-bottom: 0;
list-style: none;
padding-left: 0;
text-align: center;
}
.slick-dots li {
display: inline-block;
}
.slick-dots button {
background-color: transparent;
border: none;
font-size: 0;
padding: 5px 4px;
}
.slick-dots button:before {
border-radius: 50%;
background-color: #B0C3D0;
content: "";
display: block;
height: 10px;
width: 10px;
}
.slick-dots button:focus {
outline: none;
}
.slick-dots .slick-active button:before {
background-color: #007FFF;
}
.testimonials {
padding-bottom: 32px;
text-align: center;
}
.testimonials > .container {
position: relative;
z-index: 0;
}
.testimonials-header {
margin-bottom: 53px;
}
.testimonials .h2 {
margin-bottom: 20px;
}
.testimonials-list {
text-align: left;
}
.testimonials .opening {
color: #627D98;
line-height: 1.5;
}
.testimonials-bg {
top: 140px;
left: 50%;
position: absolute;
transform: translateX(-50%);
z-index: -1;
}
.testimonial-item {
background: #fff;
box-shadow: 0px 100px 92px rgba(128, 160, 183, 0.07), 0px 49.1914px 44.271px rgba(128, 160, 183, 0.0513001), 0px 34.5037px 29.2419px rgba(128, 160, 183, 0.0443581), 0px 25.417px 20.4773px rgba(128, 160, 183, 0.0388041), 0px 17.3234px 13.4738px rgba(128, 160, 183, 0.0322491), 0px 8.98565px 6.83005px rgba(128, 160, 183, 0.0220928);
border-radius: 4px;
color: #80A0B7;
font-size: 16px;
flex: 0 0 312px;
line-height: 1.5;
margin-bottom: 40px;
padding: 37px 35px;
}
.testimonial-item > p {
margin-bottom: 11px;
}
.testimonial-item-title {
font-size: 20px;
font-weight: 600;
line-height: 1.4;
margin-bottom: 14px;
}
.testimonial-item-date {
margin-bottom: 0;
}
@media (min-width: 992px) {
.testimonial-item {
margin-left: 15px;
margin-right: 15px;
width: 312px;
}
.testimonial-item > p {
margin-bottom: 19px;
}
.testimonial-item:first-child {
margin-top: 34px;
}
.testimonial-item:nth-child(2) {
margin-top: 117px;
}
}
.testimonial-author {
font-size: 14px;
font-weight: 600;
line-height: 1;
min-height: 46px;
padding: 5px 0 0 73px;
position: relative;
}
.testimonial-author-image {
height: 46px;
left: 0;
position: absolute;
top: 0;
width: 46px;
}
.testimonial-author-image > img {
border-radius: 50%;
-o-object-fit: cover;
object-fit: cover;
height: 100%;
width: 100%;
}
.testimonial-author-image:after {
background: #F3FAFF url(//fmgseg.com.br/wp-content/themes/fmg/assets/images/sprite.svg#g-testimonial-heart) no-repeat center;
background-size: 12px 12px;
box-shadow: 0px 115px 118.45px rgba(5, 117, 230, 0.22), 0px 49.9504px 49.4856px rgba(5, 117, 230, 0.133743), 0px 27.9255px 26.4574px rgba(5, 117, 230, 0.10821), 0px 16.4329px 14.8318px rgba(5, 117, 230, 0.0946777), 0px 9.19976px 7.87705px rgba(5, 117, 230, 0.0814495), 0px 4.04681px 3.27782px rgba(5, 117, 230, 0.0582721);
content: "";
display: block;
border-radius: 50%;
height: 24px;
position: absolute;
right: -8px;
top: -8px;
width: 24px;
}
.testimonial-author-name {
color: #0575E6;
margin-bottom: 8px;
}
@media (min-width: 768px) {
.testimonials-bg {
bottom: 61px;
left: 0;
top: auto;
transform: none;
max-width: 100%;
}
}
@media (min-width: 992px) {
.testimonials {
padding-bottom: 82px;
}
.testimonials-header {
margin-bottom: 72px;
}
.testimonials .h2 {
margin-bottom: 14px;
}
.testimonials .opening {
font-size: 20px;
line-height: 1.4;
}
.testimonials-list {
align-items: flex-start;
display: flex;
justify-content: center;
}
}
.partners {
padding-bottom: 72px;
text-align: center;
}
.partners-list {
text-align: left;
}
.partners-list:not(.slick-initialized) {
align-items: center;
display: flex;
overflow: hidden;
}
.partners-list .slick-track {
align-items: center;
display: flex;
}
.partners-list .slick-dots {
margin-top: 40px;
}
.partners-header {
margin-bottom: 40px;
}
.partners .h2 {
margin-bottom: 14px;
}
.partners .opening {
color: #627D98;
font-size: 16px;
line-height: 1.5;
}
.partner-item > img {
display: block;
margin: 0 auto;
max-width: 100%;
}
@media (min-width: 992px) {
.partners {
padding-bottom: 150px;
}
.partners-list .slick-dots {
margin-top: 57px;
}
.partners-header {
margin-bottom: 72px;
}
.partners .opening {
font-size: 20px;
line-height: 1.4;
}
.partner-item {
flex: 0 0 20%;
width: 20%;
}
}
.why-us {
background: linear-gradient(180deg, #F5FAFF 42.76%, rgba(245, 250, 255, 0) 107.17%);
padding-bottom: 144px;
padding-top: 72px;
}
.why-us-header {
margin-bottom: 40px;
}
.why-us-header .opening {
color: #627D98;
font-size: 16px;
line-height: 1.5;
}
.why-us-title {
margin-bottom: 14px;
}
.why-us-list {
margin-bottom: 56px;
text-align: left;
}
.why-us-item {
color: #627D98;
margin-bottom: 40px;
line-height: 1.625;
}
.why-us-item .icon {
fill: #56CCF2;
margin-right: 15px;
position: relative;
top: -1px;
}
.why-us-item-title {
color: #0575E6;
display: block;
font-size: 20px;
line-height: 1.4;
margin-bottom: 14px;
}
@media (min-width: 992px) {
.why-us {
padding-bottom: 120px;
padding-top: 121px;
text-align: center;
}
.why-us-header {
margin-bottom: 72px;
margin-right: 0;
}
.why-us .opening {
font-size: 20px;
line-height: 1.4;
}
.why-us-list {
margin: 0 -40px 40px;
display: flex;
}
.why-us-list .why-us-item {
flex: 0 0 25%;
margin-bottom: 40px;
padding-left: 40px;
padding-right: 40px;
width: 25%;
}
.why-us-item .icon-wrapper {
align-items: center;
display: flex;
height: 36px;
margin-bottom: 24px;
}
.why-us-item .icon {
margin-right: 0;
top: 0;
}
.why-us-item-title {
font-size: 24px;
line-height: 1.1667;
}
}
.faq {
background-color: #485A68;
color: #A2C5E4;
padding-bottom: 72px;
padding-top: 72px;
}
.faq-tag {
color: #80A0B7;
font-weight: 500;
font-size: 14px;
line-height: 1.4285;
margin-bottom: 14px;
}
.faq-title {
color: #fff;
margin-bottom: 20px;
}
.faq-btn {
color: #56CCF2;
display: inline-block;
margin-top: 20px;
}
.faq-btn .icon {
fill: currentColor;
margin-left: 5px;
}
.faq-btn:hover {
color: #56CCF2;
}
.faq-item-title {
align-items: center;
color: #fff;
cursor: pointer;
display: flex;
font-size: 16px;
font-weight: 500;
justify-content: space-between;
line-height: 1.5;
padding-bottom: 20px;
padding-top: 20px;
}
.faq-item-title .icon {
fill: #80A0B7;
flex: 0 0 9px;
margin-left: 29px;
}
.faq-item-body {
display: none;
line-height: 1.5;
padding-bottom: 20px;
}
.faq-item-body :last-child {
margin-bottom: 0;
}
.faq-item.active .faq-item-title .icon {
transform: rotate(90deg);
}
.faq-item.active .faq-item-body {
display: block;
}
.faq-item + .faq-item {
border-top: 1px solid #556A7B;
}
@media (min-width: 992px) {
.faq {
padding-bottom: 120px;
padding-top: 120px;
}
.faq-tag {
font-size: 20px;
line-height: 1;
margin-bottom: 8px;
}
.faq-title {
margin-bottom: 40px;
}
.faq-btn {
margin-top: 0;
}
.faq-item-title {
font-size: 18px;
line-height: 1.5555;
padding-bottom: 30px;
padding-top: 30px;
}
.faq-item-body {
line-height: 1.5555;
padding-bottom: 30px;
}
}
.ads {
border-radius: 4px;
color: #F3FAFF;
display: flex;
flex-direction: column;
font-weight: 500;
height: 400px;
justify-content: center;
margin-bottom: 155px;
margin-top: 40px;
overflow: hidden;
padding-left: 25px;
padding-right: 25px;
position: relative;
z-index: 0;
}
.ads-body {
font-size: 20px;
line-height: 1.25;
margin-bottom: 14px;
}
.ads-body > span {
color: #0575E6;
}
.ads a, .ads a:hover {
color: #F3FAFF;
}
.ads a .icon {
fill: currentColor;
margin-left: 5px;
}
.ads .attachment-full {
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
@media (min-width: 992px) {
.ads {
margin-top: 0;
padding-left: 79px;
padding-right: 79px;
}
.ads-body {
font-size: 30px;
line-height: 1.5;
margin-bottom: 26px;
}
.ads-body > span {
font-weight: 700;
}
}
.home-hero {
color: #627D98;
font-size: 16px;
height: 456px;
line-height: 1.4;
margin-bottom: 120px;
position: relative;
z-index: 0;
}
.home-hero > .container {
align-items: flex-start;
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
position: relative;
}
.home-hero .h1 {
margin-bottom: 14px;
text-transform: uppercase;
}
.home-hero .h1 > span {
color: #0575E6;
display: block;
}
.home-hero .opening {
margin-bottom: 40px;
max-width: 190px;
}
.home-hero .nav-link {
color: #485A68;
}
.home-hero-list {
height: 100%;
position: absolute;
width: 100%;
z-index: 1;
}
.home-hero-item {
align-items: center;
display: flex;
height: 100%;
}
.home-hero-item:not(:first-child) {
display: none;
}
.home-hero-bg {
height: 100%;
left: 0;
position: absolute;
top: 0;
z-index: -1;
width: 100%;
}
.home-hero-bg img {
display: block;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 70%;
object-position: 70%;
width: 100%;
}
.home-why-us {
background: linear-gradient(180deg, #F3FAFF 0%, rgba(243, 250, 255, 0) 60.99%);
padding-bottom: 72px;
padding-top: 72px;
}
.home-why-us .why-us-header {
margin-bottom: 40px;
}
.home-why-us .btn {
margin-top: 18px;
}
@media (min-width: 992px) {
.home-why-us {
padding-bottom: 54px;
padding-top: 120px;
}
.home-why-us .why-us-item {
margin-bottom: 58px;
}
.home-why-us .btn {
margin-top: 0;
}
}
@media (max-width: 991px) {
.home-hero .h1 {
font-size: 30px;
}
}
@media (min-width: 576px) {
.home-hero .opening {
max-width: 331px;
}
.home-hero-bg img {
-o-object-position: left;
object-position: left;
}
}
@media (min-width: 768px) {
.home-hero {
align-items: center;
display: flex;
}
.home-hero .h1 > span {
display: inline-block;
}
.home-hero .opening {
max-width: 340px;
}
.home-hero-list,
.home-hero-list .slick-list,
.home-hero-list .slick-track {
height: 100%;
}
.home-hero-list .slick-slide {
align-items: center;
display: flex;
position: relative;
}
.home-hero-list .slick-slide > div {
flex-grow: 1;
}
.home-hero-item .home-hero-bg {
display: block;
}
.home-hero-controls {
align-items: center;
bottom: 70px;
display: flex;
padding: 0 40px;
position: absolute;
z-index: 1;
}
.home-hero-controls .slick-arrow {
color: #485A68;
}
.home-hero-controls .slick-prev {
left: 0;
}
.home-hero-controls .slick-next {
right: 0;
}
.home-hero-controls .slick-dots {
counter-reset: dots;
font-size: 13px;
font-weight: 600;
line-height: 1;
}
.home-hero-controls .slick-dots > li {
counter-increment: dots;
}
.home-hero-controls .slick-dots > li:not(.slick-active) {
font-size: 0;
opacity: 0;
overflow: hidden;
position: absolute;
width: 0;
}
.home-hero-controls .slick-dots:after {
color: #485A68;
content: " / 0" counter(dots);
opacity: 0.3;
}
}
@media (min-width: 992px) {
.home-hero {
font-size: 20px;
height: 690px;
margin-bottom: 78px;
}
.home-hero .opening {
max-width: 445px;
}
.home-hero-controls {
bottom: 156px;
}
.home-hero-bg {
left: 50%;
max-width: 100%;
overflow: hidden;
transform: translateX(-50%);
width: auto;
}
.home-hero-bg img {
-o-object-position: center;
object-position: center;
width: auto;
}
.home-hero-bg-shadow {
left: 0;
position: absolute;
top: 0;
height: 100%;
width: 100%;
}
}
.how-it-works {
border-radius: 4px;
bottom: -252px;
color: #F3FAFF;
counter-reset: items;
font-size: 16px;
height: 282px;
left: 0;
line-height: 1.2223;
overflow: hidden;
position: absolute;
right: 0;
z-index: 1;
}
.how-it-works-container {
align-items: center;
display: flex;
height: 302px;
overflow-x: scroll;
padding-left: 21px;
padding-bottom: 152px;
}
.how-it-works-header, .how-it-works-item {
background-color: #0575E6;
border-radius: 4px;
box-shadow: 0px 100px 132px rgba(5, 117, 230, 0.0425538), 0px 46.1997px 62.2157px rgba(5, 117, 230, 0.0681404), 0px 28.4403px 36.1732px rgba(5, 117, 230, 0.08428), 0px 19.1204px 22.2598px rgba(5, 117, 230, 0.0967362), 0px 12.8717px 13.5969px rgba(5, 117, 230, 0.111879), 0px 8.00822px 7.68089px rgba(5, 117, 230, 0.140996), 0px 3.83092px 3.35386px rgba(5, 117, 230, 0.23);
height: 100%;
margin-left: 4px;
margin-right: 4px;
padding: 30px 26px;
}
.how-it-works-header {
align-items: center;
display: flex;
flex: 0 0 260px;
width: 260px;
}
.how-it-works-title {
color: #F3FAFF;
font-size: 22px;
line-height: 1.1667;
margin-bottom: 0;
}
.how-it-works-list {
align-items: center;
display: flex;
height: 100%;
justify-content: space-between;
padding-right: 21px;
}
.how-it-works-item {
display: flex;
flex: 0 0 260px;
flex-direction: column;
justify-content: center;
padding-left: 94px;
position: relative;
width: 260px;
}
.how-it-works-item > a {
color: #14CC9E;
text-decoration: underline;
}
.how-it-works-item:before {
background-color: #F3FAFF;
border-radius: 50%;
color: #0575E6;
counter-increment: items;
content: counter(items);
display: block;
font-size: 24px;
font-weight: 700;
height: 44px;
left: 26px;
line-height: 44px;
position: absolute;
text-align: center;
top: 50%;
transform: translateY(-50%);
width: 44px;
}
.how-it-works-item.checked:after {
background: #14CC9E url(//fmgseg.com.br/wp-content/themes/fmg/assets/images/sprite.svg#g-check) no-repeat center;
background-size: 14px 10px;
border-radius: 50%;
content: "";
display: block;
height: 24px;
left: 54px;
position: absolute;
top: 50%;
transform: translateY(-30px);
width: 24px;
}
@media (min-width: 992px) {
.how-it-works {
background-color: #0575E6;
bottom: -78px;
box-shadow: 0px 100px 132px rgba(5, 117, 230, 0.0425538), 0px 46.1997px 62.2157px rgba(5, 117, 230, 0.0681404), 0px 28.4403px 36.1732px rgba(5, 117, 230, 0.08428), 0px 19.1204px 22.2598px rgba(5, 117, 230, 0.0967362), 0 12.8717px 13.5969px rgba(5, 117, 230, 0.111879), 0 8.00822px 7.68089px rgba(5, 117, 230, 0.140996), 0 3.83092px 3.35386px rgba(5, 117, 230, 0.23);
font-size: 17px;
height: 155px;
left: 15px;
padding: 34px 38px;
right: 15px;
}
.how-it-works-container {
height: auto;
overflow-x: visible;
padding: 0;
}
.how-it-works-header, .how-it-works-item {
background-color: transparent;
border-radius: 0;
box-shadow: none;
margin-left: 0;
margin-right: 0;
}
.how-it-works-header {
flex: 0 0 235px;
padding: 0 50px 0 0;
width: 235px;
}
.how-it-works-list {
flex: 0 1 auto;
padding-right: 0;
}
.how-it-works-item {
flex: 0 0 40%;
padding: 0 50px 0 65px;
width: auto;
}
.how-it-works-item:before {
left: 0;
}
.how-it-works-item.checked:after {
left: 27px;
}
.how-it-works-item:first-child {
flex: 0 0 34%;
}
.how-it-works-item:last-child {
flex: 0 0 26%;
padding-right: 0;
}
}
.choose-us {
overflow: hidden;
padding-bottom: 72px;
padding-top: 72px;
text-align: center;
}
.choose-us-header {
margin-bottom: 40px;
text-align: left;
}
.choose-us-title {
margin-bottom: 14px;
}
.choose-us .opening {
color: #627D98;
font-size: 16px;
line-height: 1.5;
}
.choose-us .slick-list {
padding-left: 43px;
}
.choose-us-list {
display: flex;
margin: 0 -50px 36px;
overflow-x: scroll;
text-align: left;
}
.choose-us-item {
flex: 0 0 243px;
padding-left: 7px;
padding-right: 7px;
width: 243px !important;
}
.choose-us-item-image {
background-color: #F3FAFF;
height: 135px;
}
.choose-us-item-image > img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.choose-us-item-body {
padding: 20px 13px;
}
.choose-us-item p {
margin-bottom: 20px;
}
.choose-us-link {
border-radius: 4px;
color: #627D98;
display: block;
line-height: 1.625;
overflow: hidden;
}
.choose-us-link-btn {
color: #56CCF2;
}
.choose-us-link-btn .icon {
fill: currentColor;
margin-left: 5px;
}
.choose-us-link:hover {
color: #627D98;
text-decoration: none;
}
@media (min-width: 992px) {
.choose-us {
padding-bottom: 115px;
padding-top: 120px;
}
.choose-us-header {
margin-bottom: 72px;
}
.choose-us .slick-arrow {
top: -107px;
}
.choose-us .slick-prev {
right: 37px;
}
.choose-us .slick-next {
right: 0;
}
.choose-us .slick-list {
overflow: visible !important;
padding-left: 0;
}
.choose-us .slick-track {
margin-left: -15px;
}
.choose-us-list {
margin: 0 0 72px;
overflow-x: visible;
padding-left: 0;
}
.choose-us-list:not(.slick-initialized) {
margin-left: -15px;
}
.choose-us-item {
flex: 0 0 343px;
padding-left: 15px;
padding-right: 15px;
width: 343px !important;
}
.choose-us-item-image {
height: 210px;
}
.choose-us-item-body {
padding: 24px 23px 31px;
}
.choose-us-item p {
margin-bottom: 24px;
}
.choose-us-item:last-child {
flex: 0 0 343px;
padding-right: 15px;
width: 343px !important;
}
.choose-us-link {
transition: box-shadow 0.15s ease;
}
.choose-us-link-btn {
transition: opacity 0.15s ease;
opacity: 0;
}
.choose-us-link:hover {
box-shadow: 0px 100px 92px rgba(128, 160, 183, 0.07), 0px 49.1914px 44.271px rgba(128, 160, 183, 0.0513001), 0px 34.5037px 29.2419px rgba(128, 160, 183, 0.0443581), 0px 25.417px 20.4773px rgba(128, 160, 183, 0.0388041), 0px 17.3234px 13.4738px rgba(128, 160, 183, 0.0322491), 0px 8.98565px 6.83005px rgba(128, 160, 183, 0.0220928);
}
.choose-us-link:hover .choose-us-link-btn {
opacity: 1;
}
}
.who-we-are {
background-color: #051221;
color: #fff;
font-size: 16px;
line-height: 1.5;
margin-bottom: 72px;
padding-bottom: 102px;
padding-top: 101px;
position: relative;
text-align: center;
z-index: 0;
}
.who-we-are-title {
color: #fff;
font-size: 26px;
line-height: 1.3076;
margin-bottom: 20px;
text-transform: uppercase;
}
.who-we-are-title > span {
color: #007FFF;
display: block;
}
.who-we-are p {
margin-bottom: 40px;
}
.who-we-are .btn {
background-color: #56CCF2;
border-radius: 33px;
color: #fff;
font-size: 0;
height: 66px;
padding: 25px 0;
width: 66px;
}
.who-we-are .btn:focus, .who-we-are .btn:hover {
background-color: #0575E6;
border-color: #0575E6;
}
.who-we-are .attachment-full {
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
width: 100%;
z-index: -2;
}
@media (min-width: 768px) {
.who-we-are-title > span {
display: inline;
}
}
@media (min-width: 992px) {
.who-we-are {
font-size: 20px;
line-height: 1.4;
margin-bottom: 120px;
padding-bottom: 125px;
padding-top: 124px;
}
.who-we-are-title {
font-size: 42px;
line-height: 1.2857;
margin-bottom: 14px;
}
}
.page-header {
color: #F3FAFF;
height: 456px;
padding-top: 40px;
position: relative;
z-index: 0;
}
.page-header > .container {
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
position: relative;
}
.page-header-title {
color: #F3FAFF;
margin-bottom: 20px;
}
.page-header-title > span {
display: block;
font-weight: 700;
}
.page-header .nav-link {
color: #fff;
}
.page-header .breadcrumb {
bottom: 0;
position: absolute;
}
.page-header-bg {
height: 100%;
left: 0;
position: absolute;
top: 0;
z-index: -2;
width: 100%;
}
.page-header .wp-post-image {
display: block;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: right;
object-position: right;
width: 100%;
}
.page-social {
display: none;
}
.page-opening {
font-size: 18px;
font-weight: 500;
line-height: 1.5556;
max-width: 265px;
}
.page-opening > p {
margin-bottom: 0;
}
.page-body {
color: #627D98;
line-height: 1.5;
padding-bottom: 42px;
padding-top: 72px;
}
.page-body p {
margin-bottom: 30px;
}
.page-title {
color: #627D98;
font-size: 14px;
font-weight: 500;
line-height: 1.4285;
margin-bottom: 20px;
}
@media (max-width: 991px) {
.page-header-title > span {
font-size: 32px;
}
}
@media (min-width: 576px) {
.page-header .wp-post-image {
-o-object-position: center;
object-position: center;
}
}
@media (min-width: 768px) {
.page-social {
display: block;
position: absolute;
right: 0;
z-index: 1;
}
.page-social .nav-link {
padding: 17px;
font-size: 0;
}
.page-social .icon {
fill: currentColor;
}
}
@media (min-width: 992px) {
.page-header {
overflow: hidden;
padding-top: 0;
height: 600px;
}
.page-header-title > span {
display: inline-block;
font-weight: 700;
}
.page-header-bg {
left: 50%;
transform: translateX(-50%);
max-width: 100%;
overflow: hidden;
top: 0;
width: auto;
}
.page-header-bg-shadow {
left: 0;
position: absolute;
top: 0;
height: 100%;
width: 100%;
}
.page-header .wp-post-image {
width: auto;
}
.page-opening {
max-width: 445px;
}
.page-body {
font-size: 18px;
line-height: 1.5555;
}
.page-title {
font-size: 18px;
line-height: 1.5555;
margin-bottom: 14px;
}
}
@media (min-width: 1200px) {
.page-body {
padding-bottom: 90px;
padding-top: 116px;
}
}
@media (min-width: 992px) {
.search .page-body,
.page-template-page-products .page-body {
font-size: 16px;
}
}
.search .page-header:after, .search .page-header:before,
.page-template-page-products .page-header:after,
.page-template-page-products .page-header:before,
.single-products .page-header:after,
.single-products .page-header:before {
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.search .page-header:before,
.page-template-page-products .page-header:before,
.single-products .page-header:before {
background-image: linear-gradient(180deg, #051221 18.67%, rgba(5, 18, 33, 0) 41%), linear-gradient(180deg, rgba(5, 18, 33, 0) 0%, #051221 100%);
opacity: 0.3;
}
.search .page-header:after,
.page-template-page-products .page-header:after,
.single-products .page-header:after {
background: #051221;
opacity: 0.8;
}
.search .page-opening,
.page-template-page-products .page-opening,
.single-products .page-opening {
max-width: 486px;
}
.page-template-page-contact .page-header,
.page-template-page-quote .page-header {
height: 117px;
}
.page-template-page-contact .page-header-title,
.page-template-page-quote .page-header-title {
display: none;
}
.page-template-page-contact .page-social,
.page-template-page-quote .page-social {
display: none;
}
.page-template-page-contact .page-body,
.page-template-page-quote .page-body {
background: linear-gradient(180deg, #F5FAFF 0%, rgba(245, 250, 255, 0) 123.51%);
}
@media (min-width: 768px) {
.page-template-page-contact .page-header,
.page-template-page-quote .page-header {
height: 300px;
}
}
.contacts-list {
font-size: 16px;
list-style: none;
margin-bottom: 40px;
padding-left: 0;
}
.contacts-list li {
color: #007FFF;
line-height: 1.625;
}
.contacts-list li + li {
margin-top: 10px;
}
.contacts-list a {
color: #007FFF;
text-decoration: none;
}
.contacts-list .icon {
fill: currentColor;
margin-right: 14px;
}
.contact-location {
border-bottom: 1px solid #D7ECFE;
color: #485A68;
padding-bottom: 40px;
margin-bottom: 40px;
}
.contact-location .icon {
fill: #007FFF;
margin-right: 10px;
position: relative;
top: -1px;
}
.contacts-social {
margin-left: -20px;
margin-right: -20px;
}
.contacts-social a {
color: #485A68;
display: inline-block;
padding: 10px 20px;
}
.contacts-social .icon {
fill: currentColor;
}
@media (min-width: 992px) {
.contacts-list {
margin-bottom: 72px;
}
}
.error404 .h1 {
margin-bottom: 20px;
}
.error404 .h3 {
color: #0575E6;
margin-bottom: 8px;
}
.error404 .page-body {
padding-bottom: 100px;
padding-top: 155px;
text-align: center;
}
.error404 .page-body .btn {
margin-top: 40px;
}
.error404 .row {
align-items: center;
}
.error404 .img-fluid {
margin-bottom: 25px;
margin-top: 40px;
}
@media (min-width: 992px) {
.error404 .header {
background-color: #051221;
}
.error404 .page-body {
padding-bottom: 201px;
padding-top: 249px;
text-align: left;
}
}
.products-list {
margin: 0 -13px;
padding-left: 0;
list-style: none;
}
.products-category {
margin-bottom: 30px;
}
.products-category-title {
color: #0575E6;
font-size: 20px;
font-weight: 600;
line-height: 1;
margin-bottom: 29px;
padding-left: 30px;
position: relative;
text-transform: uppercase;
}
.products-category-title svg {
fill: currentColor;
height: 16px;
left: 0;
position: absolute;
top: 1px;
width: 18px;
}
.products-category + .products-category {
border-top: 1px solid #DAECF9;
padding-top: 40px;
}
.product-link {
align-items: center;
color: #485A68;
display: flex;
height: 66px;
line-height: 1.25;
padding-left: 13px;
padding-right: 13px;
}
.product-link:before {
background: #F3FAFF url(//fmgseg.com.br/wp-content/themes/fmg/assets/images/sprite.svg#g-plus) no-repeat center;
background-size: 14px 14px;
border-radius: 50%;
content: "";
display: inline-block;
flex: 0 0 46px;
height: 46px;
margin-right: 14px;
transition: background 0.15s ease;
vertical-align: middle;
width: 46px;
}
.product-link:hover {
color: #485A68;
text-decoration: none;
}
.product-opening {
margin-bottom: 40px;
}
.product-more-info .h3 {
color: #0575E6;
}
.product-more-info .h3 svg {
fill: currentColor;
height: 21px;
margin-right: 11px;
position: relative;
top: -1px;
width: 24px;
}
.product-coverage {
background: linear-gradient(180deg, #F5FAFF 42.76%, rgba(245, 250, 255, 0) 107.17%);
padding-bottom: 72px;
padding-top: 75px;
}
.product-coverage .h2 {
margin-bottom: 30px;
}
.product-coverages-list {
list-style: none;
margin-bottom: 46px;
padding-left: 0;
}
.product-coverage-item {
flex: 0 0 20%;
color: #0575E6;
display: flex;
font-size: 20px;
font-weight: 600;
line-height: 1.2;
padding-bottom: 10px;
padding-top: 10px;
}
.product-coverage-item:before {
background: url(//fmgseg.com.br/wp-content/themes/fmg/assets/images/sprite.svg#g-check-circle) no-repeat center;
background-size: cover;
content: "";
display: block;
flex: 0 0 20px;
height: 28px;
margin-right: 14px;
position: relative;
top: -2px;
width: 28px;
}
@media (min-width: 576px) {
.products-list {
display: flex;
flex-wrap: wrap;
}
.product-item {
flex: 0 0 50%;
}
}
@media (min-width: 992px) {
.products-category {
margin-bottom: 60px;
}
.products-category-title {
margin-bottom: 20px;
}
.products-category + .products-category {
padding-top: 84px;
}
.product-item {
flex: 0 0 20%;
}
.product-link {
height: 94px;
}
.product-link:hover:before {
background-color: #0575E6;
background-image: url(//fmgseg.com.br/wp-content/themes/fmg/assets/images/sprite.svg#g-plus-hover);
}
.product-more-info {
margin-top: 106px;
}
.product-more-info .h3 svg {
top: 0;
vertical-align: baseline;
}
.product-coverage {
padding-bottom: 122px;
padding-top: 121px;
}
.product-coverage .h2 {
margin-bottom: 25px;
}
.product-coverages-list {
margin-bottom: 25px;
}
.product-coverage-item {
line-height: 1.4;
}
.product-coverage-item:before {
top: 0;
}
}
.more-products {
overflow: hidden;
padding-bottom: 69px;
padding-top: 72px;
}
.more-products .h3 {
margin-bottom: 42px;
}
.more-products-list {
align-items: flex-start;
display: flex;
list-style: none;
margin: 0 -25px;
overflow-x: scroll;
padding-left: 0;
}
.more-products-item {
flex: 0 0 272px;
padding-left: 15px;
padding-right: 15px;
width: 272px;
}
.more-products-item:first-child, .more-products-item:last-child {
flex: 0 0 282px;
width: 282px;
}
.more-products-item:first-child {
padding-left: 25px;
}
.more-products-item:last-child {
padding-right: 25px;
}
.more-products-item-title {
color: #F3FAFF;
font-size: 18px;
line-height: 1;
margin-bottom: 14px;
position: relative;
padding-left: 30px;
}
.more-products-item-title svg {
fill: currentColor;
height: 14px;
left: 0;
position: absolute;
top: 2px;
width: 16px;
}
.more-products-link {
background-color: #007FFF;
border-radius: 4px;
color: #fff;
display: block;
font-size: 14px;
line-height: 1.4285;
padding: 25px;
}
.more-products-link p {
margin-bottom: 14px;
}
.more-products-link:after {
background: #F3FAFF url(//fmgseg.com.br/wp-content/themes/fmg/assets/images/sprite.svg#g-plus) no-repeat center;
background-size: 14px 14px;
border-radius: 50%;
content: "";
display: block;
height: 46px;
width: 46px;
}
.more-products-link:hover {
color: #fff;
text-decoration: none;
}
.more-products .slick-arrow {
top: -66px;
}
.more-products .slick-prev {
right: 61px;
}
.more-products .slick-next {
right: 24px;
}
@media (min-width: 992px) {
.more-products {
padding-bottom: 116px;
padding-top: 120px;
}
.more-products-list {
margin: 0 -24px;
overflow-x: visible;
}
.more-products-item {
flex: 0 0 25%;
padding-left: 24px;
padding-right: 24px;
width: 25%;
}
}
.header {
background-color: #fff;
height: 84px;
transition: background-color 0.15s ease, box-shadow 0.15s;
}
.header .nav-link {
border: 1px solid transparent;
border-radius: 4px;
color: #627D98;
font-size: 15px;
font-weight: 600;
line-height: 1;
padding-bottom: 16px;
padding-top: 16px;
text-transform: uppercase;
transition: border-color 0.15s ease, color 0.15s ease;
}
.header .nav-link .icon {
fill: currentColor;
}
.header-scroll .header {
box-shadow: 0px 18px 112px rgba(128, 160, 183, 0.07), 0px 8.4115px 52.1092px rgba(128, 160, 183, 0.0491494), 0px 5.2679px 31.0724px rgba(128, 160, 183, 0.0399575), 0px 3.50432px 19.4344px rgba(128, 160, 183, 0.033366), 0px 2.20995px 11.5577px rgba(128, 160, 183, 0.0271675), 0px 1.08385px 5.39337px rgba(128, 160, 183, 0.0192769);
}
@media (min-width: 1200px) {
.header {
background-color: transparent;
height: 110px;
}
.header-scroll .header {
background-color: #fff;
}
.header-scroll:not(.home) .navbar-brand {
background-image: none !important;
}
body:not(.home):not(.header-scroll) .header .nav-link {
color: #fff;
}
body:not(.home):not(.header-scroll) .navbar-toggler > span {
background-color: #fff;
}
body:not(.home):not(.header-scroll) .navbar-brand > img {
opacity: 0;
}
}
#navbar {
align-items: center;
display: flex;
flex-basis: auto;
flex-grow: 1;
justify-content: flex-end;
}
.navbar {
flex-flow: row nowrap;
justify-content: flex-start;
padding: 17px 25px;
}
.navbar-brand {
background-size: cover;
padding-bottom: 0;
padding-top: 0;
}
.navbar-brand > img {
transition: opacity 0.15s ease;
}
.navbar-toggler {
border: none;
font-size: 0;
padding: 19px 0;
position: relative;
width: 18px;
}
.navbar-toggler > span {
background-color: #556A7B;
display: inline-block;
height: 2px;
position: relative;
top: 0;
width: 100%;
}
.navbar-toggler > span + span {
margin-top: 3px;
}
.navbar-toggler:focus {
outline: none;
}
@media (max-width: 991px) {
.navbar-toggler.modal-shown > span:first-child {
transform: rotate(45deg);
top: 5px;
}
.navbar-toggler.modal-shown > span:nth-child(2) {
opacity: 0;
}
.navbar-toggler.modal-shown > span:last-child {
transform: rotate(-45deg);
top: -5px;
}
}
@media (min-width: 1200px) {
.navbar {
padding: 23px 50px;
}
.navbar-brand > img {
height: 64px;
}
}
.navbar-expand .navbar-nav {
align-items: center;
}
.navbar-expand .navbar-nav .nav-link {
padding-right: 15px;
padding-left: 15px;
}
.navbar-expand .navbar-right {
margin-left: 24px;
margin-right: -14px;
}
.navbar-expand .navbar-right .btn {
display: none;
}
.navbar-expand .navbar-right .navbar-toggler {
display: block;
width: 46px;
}
.navbar-expand .navbar-right .navbar-toggler,
.navbar-expand .navbar-right .nav-link {
padding-right: 14px;
padding-left: 14px;
}
@media (min-width: 992px) {
.navbar-expand .navbar-nav:not(.navbar-right) .nav-link:hover {
border-color: #0575E6;
color: #0575E6 !important;
}
.navbar-expand .navbar-nav:not(.navbar-right) .active .nav-link {
color: #0575E6 !important;
}
.navbar-expand .has-subnav .icon {
margin-left: 8px;
}
}
@media (min-width: 1200px) {
.navbar-expand .navbar-right .btn {
display: block;
margin-right: 37px;
}
}
@media (min-width: 1446px) {
.navbar-expand .navbar-nav:not(.navbar-right) {
left: 50%;
position: absolute;
transform: translateX(-50%);
}
.navbar-expand .navbar-nav:not(.navbar-right) .nav-link {
padding-right: 29px;
padding-left: 29px;
}
}
.footer {
background: linear-gradient(180deg, #F5FAFF 0%, rgba(245, 250, 255, 0) 100%);
color: #627D98;
font-size: 14px;
font-weight: 500;
line-height: 1.4285;
padding-bottom: 38px;
padding-top: 66px;
}
.footer > .container {
position: relative;
}
.footer .navbar-title {
margin-bottom: 17px;
color: #0575E6;
display: block;
margin-bottom: 17px;
text-transform: uppercase;
}
.footer .nav-item:hover,
.footer .nav-link:hover {
color: #0575E6;
font-weight: 600;
}
.footer .nav-item:hover .icon,
.footer .nav-link:hover .icon {
fill: #0575E6;
}
.footer .nav-link {
color: #627D98;
line-height: 20px;
padding: 7px 0;
}
.footer .active .nav-link {
color: #0575E6;
font-weight: 600;
}
.footer .btn-whatsapp {
width: 198px;
}
.footer-logo {
display: block;
margin-bottom: 24px;
}
.footer-description {
margin-bottom: 26px;
}
.footer-location {
color: #485A68;
margin-bottom: 42px;
}
.footer-location .icon {
fill: #007FFF;
margin-right: 10px;
position: relative;
top: -1px;
}
.footer-links {
list-style: none;
margin-bottom: 33px;
padding-left: 0;
}
.footer-links .nav-link {
text-transform: uppercase;
}
.footer-social {
flex-direction: column;
}
.footer-social .icon {
margin-right: 12px;
fill: #56CCF2;
}
.footer-contacts {
flex-direction: column;
margin-bottom: 36px;
margin-top: 16px;
}
.footer-contacts .nav-item a {
color: #627D98;
display: inline-block;
line-height: 20px;
padding-bottom: 2px;
padding-top: 2px;
}
.footer-contacts .nav-item,
.footer-contacts .nav-item > a {
align-items: center;
display: flex;
}
.footer-contacts .nav-item-phones a:hover {
color: #0575E6;
text-decoration: none;
}
.footer-contacts .icon {
fill: #485A68;
margin-right: 14px;
}
.footer-copyright {
color: #B0C3D0;
font-size: 12px;
line-height: 1.6667;
max-width: 185px;
}
@media (min-width: 992px) {
.footer {
padding-bottom: 29px;
}
.footer-location {
margin-bottom: 47px;
}
.footer-links {
margin-bottom: 0;
}
.footer-contacts {
justify-content: flex-end;
margin-bottom: 0;
margin-top: 40px;
}
.footer-contacts .nav-item,
.footer-contacts .nav-item > a {
flex-direction: row-reverse;
}
.footer-contacts .icon {
fill: #485A68;
margin-right: 0;
margin-left: 14px;
}
.footer-copyright {
max-width: none;
}
}
.developed-by {
bottom: 0;
position: absolute;
right: 15px;
}