body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 100vh;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
color: #666;
font-family: 'Rubik', sans-serif;
line-height: 1.6;
font-size: 16px;
overflow-x: hidden;
position: relative;
font-weight: 300
}
main {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
color: #1a4863;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
margin-bottom: 0;
}
.mega-text {
font-size: 56px !important;
letter-spacing: -2px;
line-height: 1.1;
font-weight: 700;
}
.label {
font-size: 14px;
margin-bottom: .5rem;
text-transform: uppercase !important;
font-weight: 400;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
letter-spacing: 0.3px;
color: #32759F;
}
.label:after {
content: '';
width: 100px;
height: 1px;
background: #ccc;
margin-left: 1rem;
}
.label.small {
font-size: 15px;
font-weight: 500;
}
.label.divider:after {
content: '';
width: calc(100% - 230px);
height: 1px;
background: #ddd;
position: absolute;
right: 0;
top: 0.5rem;
}
h1 {
font-size: 2.75rem;
padding-bottom: 0.5rem;
font-weight: 700;
}
p {
margin-top: 0;
margin-bottom: 1.75rem;
}
a {
color: #2a80b8;
}
a:hover,
a:focus {
color: #004a80;
}
ol,
ul {
padding-left: 1rem;
}
ol li,
ul li {
padding: 0.25rem 0;
line-height: 1.3;
}
ol.li-m-1 li,
ul.li-m-1 li {
padding: 0.5rem 0;
line-height: 1.3;
}
ul ul { padding-top: 0.5rem;
list-style: disc;
}
ul ul ul li:last-child {
padding-bottom: 0;
}
p.lead {
font-size: 1.5rem !important;
line-height: 1.3;
}
b,
strong {
font-weight: 500;
}
.font-light {
font-weight: 300 !important;
}
.upper {
text-transform: uppercase;
}
.c_lightblue {
color: #0081bb;
}
.site-header-image {
display: block;
margin: auto;
}
.wp-caption {}
.wp-caption-text {}
.sticky {}
.screen-reader-text {}
.gallery-caption {}
.bypostauthor {}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.aligncenter {
clear: both;
display: block;
} img,
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
max-width: 100%;
height: auto;
} .author-bio .avatar {
border: 1px solid #dee2e6;
border-radius: 50%;
}   input:focus::-webkit-input-placeholder {
color: transparent;
}
input:focus:-moz-placeholder {
color: transparent;
} input:focus::-moz-placeholder {
color: transparent;
} textarea:focus::-webkit-input-placeholder {
color: transparent;
}
textarea:focus:-moz-placeholder {
color: transparent;
} textarea:focus::-moz-placeholder {
color: transparent;
}  #comments,
#reply-title {
margin-top: 1.5rem;
margin-bottom: 1rem;
}
.commentlist,
.commentlist ul {
padding-left: 0;
}
.commentlist li {
padding: 1rem;
}
.comment-meta {
margin-bottom: 1rem;
}
.commentlist .children {
margin-top: 1rem;
} .container-fluid {
max-width: 1400px;
}
@media (min-width:567px) {
.container-fluid {
padding-left: 2rem;
padding-right: 2rem;
}
}
@media (min-width:768px) {
.container-fluid {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
}
.btn {
text-transform: uppercase;
font-size: 14px;
font-weight: 400;
padding: 0.5rem 1.5rem;
}
.btn-primary {
color: #fff !important;
background-color: #32759c !important;
border: 1px solid #32759c !important;
}
.btn-frame {
color: #32759c !important;
background-color: transparent !important;
border: 1px solid #32759c !important;
}
.btn-frame:hover,
.btn-frame:focus {
color: #fff !important;
background-color: #32759c !important;
border: 1px solid #32759c !important;
}
.btn-sm {
font-size: 12px;
padding: 0.375rem 0.75rem;
font-weight: 400;
line-height: 1.2;
letter-spacing: .5px;
}
.btn-frame.frame-light {
color: rgba(255, 255, 255, 0.75) !important;
background-color: transparent !important;
border: 1px solid rgba(255, 255, 255, 0.75) !important;
}
.btn-frame.frame-light:hover,
.btn-frame.frame-light:focus {
color: rgba(255, 255, 255, 1) !important;
background-color: transparent !important;
border: 1px solid rgba(255, 255, 255, 1) !important;
}
.btn.reveal {
-webkit-transform: scale(0.3);
transform: scale(0.3);
opacity: 0;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.btn.visible {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.has-divider:before {
content: '';
width: 50px;
height: 1px;
background: #32759c;
margin-bottom: 1rem;
display: block;
}
.topbar {
min-height: 40px;
z-index: 3 !important;
position: relative;
border-bottom: 1px solid #eee;
}
.topbar .navbar {
padding: 0;
}
.topbar-menu li {
padding-right: 1rem;
}
.topbar-menu .nav-link {
font-size: 12px;
font-weight: 400;
letter-spacing: .25px;
color: #333;
padding: 5px 7.5px;
-webkit-transition: all .3s;
transition: all .3s;
}
.topbar-menu .nav-link:hover,
.topbar-menu .nav-link:focus {
color: #333;
}
.topbar-menu li.menu-destak .nav-link {
background: #96c0db;
color: #fff;
}
.sub-header {
background: #eee !important;
}
.bottom-header-menu {
padding: 0 !important;
}
.bottom-header-menu .navbar-nav {
width: 100%;
} .breadcrumbs {
padding: 0.5rem 0;
color: #bbb;
}
.breadcrumbs a {
color: #93b5cb;
}
#crumbs {
font-size: 12px;
font-weight: 400;
position: relative;
}
.contact-wrap {
font-size: 20px;
line-height: 0.9;
position: relative;
color: #5f9cc5;
margin-top: 0.5rem;
}
.ml6 .text-wrapper {
position: relative;
display: inline-block;
padding-top: 0.2em;
padding-right: 0.05em;
overflow: hidden;
}
.ml6 .letter {
display: inline-block;
}
.mobiletopbar {
background-color: #1e6691;
text-align: right;
}
.mobiletopbar a {
display: inline-block;
margin-left: 1px;
margin-right: 0;
color: #fff;
font-size: 16px;
border-right: 1px solid #175173;
padding: 0.5rem 0.75rem;
}
@media(min-width:992px) {
.mobiletopbar {
display: none;
}
} .navbar {
padding: 1rem 0;
font-family: 'Montserrat', sans-serif;
z-index: 3 !important;
position: relative;
}
.main-navbar {
background: #fff;
padding: 1.5rem 0;
position: relative;
}
@media (min-width:992px) {
.main-navbar {
background: #fff;
padding: 0.5rem 0 1rem;
position: relative;
min-height: 70px;
}
}
.main-navbar .container-fluid {
height: 100%;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
@media (min-width:992px) {
.main-navbar .navbar-collapse {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.main-navbar .navbar-collapse li.has-icon a:before {
font-family: 'FontAwesome';
content: '\f00c';
margin-right: 5px;
margin-left: 0px;
font-size: 13px;
}
.main-navbar .navbar-collapse li.has-icon a {
padding-left: 1.75rem;
}
.main-navbar .navbar-collapse li.has-icon.contact a:before {
content: '\f003';
}
.main-navbar .navbar-collapse li.has-icon.payment a:before {
content: '\f09d';
}
.main-navbar .navbar-collapse li.has-icon.help a:before {
content: '\f11a';
}
}
.main-navbar .navbar-nav {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.main-navbar .navbar-nav li {
padding-bottom: 0;
}
.main-navbar .navbar-collapse .nav-link {
padding: 0 1rem !important;
text-transform: none;
font-weight: 400;
line-height: 1 !important;
}
.navbar .dropdown-menu {
border-radius: 0;
border: 1px solid #eee;
}
.navbar .dropdown-item {
padding: .25rem 1rem;
font-size: 14px;
color: #6f809c;
}
.navbar .dropdown-item:hover,
.navbar .dropdown-item:focus {
color: #6f809c;
background: #eee !important;
}
.navbar-brand {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-top: 0;
padding-bottom: 0;
margin-left: 0.5rem;
}
.navbar-brand span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: 1.2;
padding-left: 1rem;
font-size: 16px;
text-transform: uppercase;
font-weight: 400;
}
.navbar-brand img {
height: auto;
}
.navbar .nav-link {
text-transform: uppercase;
font-size: 12px;
letter-spacing: .3px;
font-weight: 600;
color: #2c6693;
}
@media (min-width: 992px) {
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 1rem;
padding-left: 1rem;
}
}
.navbar .nav-link:hover,
.navbar .nav-link:focus {
color: #004a80;
}
@media (min-width:992px) {
.navbar .desktop-hidden {
display: none;
visibility: hidden;
}
}
@media (max-width:991px) {
.navbar .mobile-hidden {
display: none;
visibility: hidden;
}
} .navbar .widget-area .yawp_wim_title {
display: none;
}
.navbar .widget-area .menu-description {
padding: 1rem;
font-size: 14px;
}
@media (min-width:992px) {
.navbar li.has-mega-menu .dropdown-menu {
width: 600px;
margin-left: -250px;
}
}
.navbar li.has-mega-menu .container-fluid {
padding-left: 0;
padding-right: 0;
}
@media (max-width: 991.98px) {
.navbar-expand-lg>.container,
.navbar-expand-lg>.container-fluid {
padding-right: 2rem;
padding-left: 2rem;
}
}
@media (max-width:991px) {
.main-navbar .navbar-nav li {
padding: 0;
}
.main-navbar .navbar-nav li .nav-link {
padding: 1rem 1rem !important;
border-top: 1px solid #eee;
font-size: 15px;
}
.navbar .dropdown-menu {
border-radius: 0;
border: 0;
margin: 0;
padding: 0 0 1rem;
}
.navbar .dropdown-menu .dropdown-item {
padding: 0.5rem 1rem !important;
}
}
.search-wrapper {
width: 0;
background: rgba(0, 0, 0, 0.1);
position: relative;
overflow: hidden;
-webkit-transition: 0.3s;
transition: 0.3s;
margin-left: 0rem;
margin-right: 0rem;
border-left: 1px solid rgba(0, 0, 0, 0.01);
}
.search-wrapper .btn {
border: 0 solid transparent;
background: transparent;
position: absolute;
right: 0;
padding-right: 0;
-webkit-transition: 0.3s all;
transition: 0.3s all;
color: rgba(255, 255, 255, 0.75);
width: 40px;
height: 40px;
border-radius: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 18px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0;
}
.search-wrapper.active .btn {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s;
}
.search-btn {
padding: 0rem;
position: relative;
cursor: pointer;
margin-right: 2.5rem;
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.search-btn i {
color: rgba(255, 255, 255, 0.75);
}
.search-btn i:hover {
text-decoration: none;
color: rgba(255, 255, 255, 1);
}
.search-btn i {
font-size: 18px !important;
text-align: center;
line-height: 40px;
height: 40px;
width: 40px;
overflow: hidden;
transition: all 0.25s ease, opacity 0.2s linear;
-webkit-transition: all 0.25s ease, opacity 0.2s linear;
display: none;
}
.search-btn i.active {
display: block;
}
.search-btn i:before,
.search-btn i:after {
display: block;
-webkit-transition: opacity 0.2s linear, -webkit-transform 0.25s ease;
transition: opacity 0.2s linear, -webkit-transform 0.25s ease;
transition: transform 0.25s ease, opacity 0.2s linear;
transition: transform 0.25s ease, opacity 0.2s linear, -webkit-transform 0.25s ease;
-webkit-transition: -webkit-transform 0.25s ease, opacity 0.2s linear;
}
.search-btn i:hover:before,
.search-btn i:hover:after {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.search-btn i.fa-search:before,
.search-btn i.fa-search:after {
content: '\f002';
}
.search-btn i.fa-times:before,
.search-btn i.fa-times:after {
content: '\f00d';
}
.search-wrapper .form-control {
border-radius: 0;
border: 0 solid transparent;
font-size: 14px;
width: 150px;
height: 40px;
background: transparent;
text-transform: none;
margin-top: 0px;
color: #fff;
-webkit-box-shadow: 0 0 0 transparent !important;
box-shadow: 0 0 0 transparent !important;
}
.search-wrapper.active {
width: 200px;
}
.search-wrapper ::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.75);
}
.search-wrapper ::-moz-placeholder {
color: rgba(255, 255, 255, 0.75);
}
.search-wrapper :-ms-input-placeholder {
color: rgba(255, 255, 255, 0.75);
}
.search-wrapper :-moz-placeholder {
color: rgba(255, 255, 255, 0.75);
} .main-wrapper {
padding-top: 0rem;
padding-bottom: 0rem;
} .social-media-icons {
list-style: none;
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: 1rem;
}
.social-media-icons li {
border-left: 1px solid rgba(0, 0, 0, 0.1);
padding: 0;
}
.social-media-icons i {
font-size: 18px !important;
color: inherit !important;
text-align: center;
line-height: 40px;
height: 40px;
width: 40px;
overflow: hidden;
transition: all 0.25s ease, opacity 0.2s linear;
-webkit-transition: all 0.25s ease, opacity 0.2s linear;
}
.social-media-icons a {
color: rgba(255, 255, 255, 0.75);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.social-media-icons a:hover {
text-decoration: none;
color: rgba(255, 255, 255, 1);
}
.social-media-icons i:before,
.social-media-icons i:after {
display: block;
-webkit-transition: opacity 0.2s linear, -webkit-transform 0.25s ease;
transition: opacity 0.2s linear, -webkit-transform 0.25s ease;
transition: transform 0.25s ease, opacity 0.2s linear;
transition: transform 0.25s ease, opacity 0.2s linear, -webkit-transform 0.25s ease;
-webkit-transition: -webkit-transform 0.25s ease, opacity 0.2s linear;
}
.social-media-icons i:hover:before,
.social-media-icons i:hover:after {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.social-media-icons .fa-facebook-f:before,
.social-media-icons .fa-facebook:before,
.social-media-icons .fa-facebook-f:after,
.social-media-icons .fa-facebook:after {
content: "\f09a";
}
.social-media-icons .fa-google-plus:before,
.social-media-icons .fa-google-plus:after {
content: "\f0d5";
}
.social-media-icons .fa-instagram:before,
.social-media-icons .fa-instagram:after {
content: "\f16d";
}
.social-media-icons .fa-twitter:before,
.social-media-icons .fa-twitter:after {
content: "\f099";
}
.social-media-icons .fa-flickr:before,
.social-media-icons .fa-flickr:after {
content: "\f16e";
}
.social-media-icons .fa-pinterest:before,
.social-media-icons .fa-pinterest:after {
content: "\f0d2";
}
.social-media-icons .fa-youtube:before,
.social-media-icons .fa-youtube:after {
content: "\f167";
}
.social-media-icons .fa-vimeo-square:before,
.social-media-icons .fa-vimeo-square:after {
content: "\f194";
}
.social-media-icons .fa-tumblr:before,
.social-media-icons .fa-tumblr:after {
content: "\f173";
}
.social-media-icons .fa-dribbble:before,
.social-media-icons .fa-dribbble:after {
content: "\f17d";
}
.social-media-icons .fa-feed:before,
.social-media-icons .fa-rss:before,
.social-media-icons .fa-feed:after,
.social-media-icons .fa-rss:after {
content: "\f09e";
}
.social-media-icons .fa-linkedin:before,
.social-media-icons .fa-linkedin:after {
content: "\f0e1";
}
.social-media-icons .fa-tripadvisor:before,
.social-media-icons .fa-tripadvisor:after {
content: "\f262" !important;
}
.social-media-icons .fa-envelope:before,
.social-media-icons .fa-envelope:after {
content: "\f0e0";
} .hero-slider-wrap {
padding: 0rem;
}
.hero-slide {
background-position: center;
background-size: cover;
}
.slide-image {
background-position: center;
background-size: cover;
padding-bottom: 25%;
}
@media (min-width:992px) {
.hero-slider-wrap.desktop-hidden {
display: none;
visibility: hidden;
}
}
@media (max-width:991px) {
.slide-image {
padding-bottom: 50%;
}
.hero-slider-wrap.mobile-hidden {
display: none;
visibility: hidden;
}
}
.slide-content {
padding: 4rem 4rem 3rem !important;
color: rgba(255, 255, 255, 0.75);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
overflow: hidden;
min-height: calc(100vh - 300px);
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.hero-slide .btn {
background-color: #e4564a !important;
border: 1px solid #e4564a !important;
}
.hero-slide>.row.red .btn {
background-color: transparent !important;
border: 1px solid #fff !important;
}
.slide-content h1,
.slide-content h2 {
font-size: 2.75rem;
color: #fff;
padding-bottom: 0rem;
font-weight: 700;
}
.slide-content h1:before,
.slide-content h2:before {
content: '';
margin-bottom: 1rem;
width: 60px;
height: 2px;
background: rgb(86, 154, 200);
display: block;
}
.slide-content p.lead {
font-size: 1.75rem !important;
color: rgba(255, 255, 255, 0.5);
} section.advantages {
padding: 0rem 0;
}
.feature {
color: rgba(255, 255, 255, 0.75);
background: #ccc;
padding: 3rem;
}
.feature .icon {
width: 60px;
height: auto;
float: left;
}
.feature h2 {
color: #fff;
margin-bottom: 1rem;
}
.feature p {
margin-bottom: 0;
} .about-section {
padding-top: 8rem;
padding-bottom: 6rem;
background: #eee;
background-size: cover;
background-position: center;
position: relative;
color: rgba(255, 255, 255, 0.75);
}
.about-section h2,
.about-section h3 {
color: #fff;
font-weight: 700;
}
.about-section::before {
position: absolute;
content: '';
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(25, 72, 99, 0.9);
display: block;
} .quote-section {
padding: 6rem 0;
background: #eee;
font-family: 'Montserrat', sans-serif;
background-image: url(//multi-windows.com/wp-content/themes/b4st-master/images/banner-frase.jpg);
background-position: center;
background-size: cover;
position: relative;
}
.quote-section:before {
background: #eeeeee;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.75;
display: block;
position: absolute;
}
.quote-section .quote {
font-size: 40px;
font-weight: 500;
line-height: 1.2;
color: #1a4863;
}
.quote-section .quote:before,
.quote-section .quote:after {
font-size: 60px;
content: '"';
color: #80b2d5;
display: inline-block;
position: absolute;
margin-top: -0.75rem;
font-weight: 300;
}
.quote-section .quote:before {
margin-left: -2rem;
}
.quote-section .quote:after {
margin-left: 1rem;
}
.quote-section .quote-author {
font-size: 14px;
color: #80b2d5;
margin-bottom: 0;
font-weight: 500;
} .relative {}
.profiles-section {
padding: 6rem 0 3rem;
}
.profiles-section header {
background: #32759c;
padding: 1rem 0;
}
.profiles-section header h2 {
color: #fff;
text-transform: uppercase;
margin: 0;
}
.profile {
padding: 2rem 2rem 4rem;
border-radius: 1rem;
position: relative;
height: 100%;
}
.profile .btn {
position: absolute;
bottom: 2rem;
}
.profile span.label {
margin-bottom: 0.25rem;
}
.profile:after {
content: '';
width: 1px;
height: 100%;
position: absolute;
right: -1rem;
top: 0rem;
display: block;
background: #eee;
}
.profiles-section>.container-fluid>.row>.profile-wrap:last-child .profile:after {
display: none;
}
.profile p {
font-size: 14px;
}
.profile img {
padding: 0 2rem 1rem;
max-width: 260px;
margin: auto;
display: block;
}
.profile h2 {
text-transform: uppercase;
} .payment-section {
padding: 3rem 0 6rem;
}
@media(min-width:992px) {
.payment-section .container .payment-block {
margin-left: -3rem;
margin-right: -3rem;
}
}
.payment-block {
padding: 3rem 2rem 3rem;
}
.payment-section p.lead {
margin-bottom: 0;
color: #32759c;
} .glass-section {
padding: 6rem 0;
background-color: #eee;
background-image: url(//multi-windows.com/wp-content/themes/b4st-master/images/multi-windows-estores.jpg);
background-size: cover;
background-position: center;
min-height: 500px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.glass-content {
padding: 0;
} .main-navbar .lang {
display: none;
visibility: hidden;
}
.lang {
margin-left: 1.5rem;
}
.lang .nav-link {
font-size: 12px;
padding-top: 7.5px;
padding-bottom: 7.5px;
}
img.flag-selected {
margin-right: 0.25rem;
margin-top: -3px;
} .swiper-container {
width: 100%;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
}
.about-section .swiper-slide img {
-webkit-filter: grayscale(70%);
filter: grayscale(70%);
} .about-section .label {
color: #75add2;
}
.vantagem-thumb {
margin-bottom: 1rem;
}
.vantagem-thumb img {
max-width: 70px;
display: block;
margin: 0 auto;
}
.vantagem-thumb h3 {
font-size: 1.125rem;
text-transform: uppercase;
margin-bottom: 0;
margin-top: 1rem;
}
.vantagem-thumb p {
font-size: 14px;
}
.products-section {
padding-top: 4rem;
padding-bottom: 6rem;
padding-left: 4rem;
padding-right: 4rem;
font-size: 14px;
}
.produto-thumb {
margin-top: 1rem;
}
.swiper-content {
padding: 3rem;
color: #fff;
text-align: left;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width:1500px) {
.content-swipper .swiper-content {
min-height: 540px;
}
}
.swiper-content p {
font-size: 14px;
}
.content-swipper>.swiper-wrapper>.swiper-slide>.row {
background: #2c6693;
}
.content-swipper>.swiper-wrapper>.swiper-slide>.row.lightblue {
background: #2980b9;
}
.content-swipper>.swiper-wrapper>.swiper-slide>.row.white {
background: #eee;
color: #6f809c;
}
.content-swipper>.swiper-wrapper>.swiper-slide>.row.lightblue h2 {
color: rgba(255, 255, 255, 1);
}
.content-swipper>.swiper-wrapper>.swiper-slide>.row.lightblue p {
color: rgba(255, 255, 255, 0.75);
}
.content-swipper>.swiper-wrapper>.swiper-slide>.row.white h2 {
color: #2980b9;
}
.content-swipper>.swiper-wrapper>.swiper-slide>.row.white p {
color: #6f809c;
}
.accordion {
border-top: 1px dotted #ccc;
}
.card {
border-radius: 0;
border: 0;
background: transparent;
}
.card-header {
padding: 0;
border-bottom: 0;
border-radius: 0 !important;
background: transparent;
}
.card-header button.btn-link {
display: block;
width: 100%;
padding: 0.75rem 0rem;
color: #6f809c;
font-weight: 700;
border-bottom: 1px dotted #ccc;
}
.card-header .btn-link {
font-weight: 500;
color: #2c6693;
text-align: left;
border-radius: 0;
}
.card-header a {
color: #666;
}
.card-header i {
margin-right: 0.5rem;
}
.card-body {
padding: 1.5rem 0;
}
.card-body p,
.card-body ul {
font-size: 14px;
margin-bottom: 0;
}
ul.clean,
ul.check {
margin: 0;
padding: 0;
list-style: none;
}
ul.larger {
font-size: 17px !important;
}
.c_warm_grey {
color: #999 !important;
}
ul.check li {
padding-left: 1.75rem;
}
ul.check li:before {
font-family: 'FontAwesome';
content: '\f00c';
margin-right: 15px;
margin-left: -29px;
color: rgb(78, 169, 139, 1);
font-size: 13px;
}
.color_thumb span {
opacity: 0;
-webkit-transition: all .3s;
transition: all .3s;
font-size: 11px;
position: absolute;
z-index: 5;
bottom: 0;
padding: 5px;
line-height: 1;
background: rgba(255, 255, 255, 0.75);
display: block;
width: 100%;
color: #333;
font-weight: 400;
}
.color_thumb:hover span,
.color_thumb:focus span {
opacity: 1;
}
.window-system {
min-width: 160px;
height: auto;
}
.table-systems td {
vertical-align: middle;
font-size: 14px;
font-weight: 400;
padding: 0.25rem 0.5rem;
}
.table-systems {
border-top: 0;
margin-top: -1rem;
}
.table-systems tr:first-child td {
border-top: 0;
}
.hero-image {
overflow: hidden;
position: relative;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
color: #fff;
min-height: 380px;
}
.header-wrap {
padding: 2rem 0;
}
.header-wrap.block-header {
padding: 3rem;
}
@media(max-width:991px) {
.header-wrap.block-header {
padding: 3rem 1rem;
}
}
.hero-wrap {
padding: 3rem 0rem 0;
}
.hero-wrap h1 {
font-size: 2.75rem;
padding-bottom: 0.5rem;
font-weight: 600;
color: #1a4863;
}
.hero-wrap p {
margin-bottom: 0rem;
}
.hero-wrap p.lead {
font-size: 1.5rem !important;
margin-bottom: 0.5rem;
color: #32759c;
}
.single-product-section {
padding-top: 3rem;
padding-bottom: 3rem;
}
.single-product-section:nth-child(odd)>.container-fluid>.row {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.single-product-section h3 {
font-weight: 300;
margin-top: 2.75rem;
margin-bottom: 2rem !important;
font-size: 1.125rem;
color: #777;
}
@media (min-width:992px) {
.single-product-section:nth-child(odd)>.container-fluid>.row>.prod-tab-wrapper {
padding-right: 4rem;
}
.single-product-section:nth-child(even)>.container-fluid>.row>.prod-tab-wrapper {
padding-left: 4rem;
}
.single-product-section:nth-child(even)>.container-fluid>.row>.prod-content-wrap {
padding-right: 4rem;
}
.single-product-section:nth-child(odd)>.container-fluid>.row>.prod-content-wrap {
padding-left: 4rem;
}
}
.single-product-section:nth-child(even) {}
.single-product-section:nth-child(odd) {
background: #eee;
}
.single-product-section h2.prod_title {
font-size: 28px;
margin-top: 1rem;
margin-bottom: 1rem;
}
.single-product-section h2.prod_title:before {
content: '';
width: 30px;
height: 3px;
background: #cb6f60;
margin: 0rem 0 1.5rem;
display: block;
}
.prod-gallery-top {
height: auto;
}
.prod-gallery-thumb {
height: 100px;
margin-top: 10px;
}
.prod-gallery-thumb .swiper-slide {
background-position: center;
background-size: cover;
}
ul.techical_list {
list-style: none;
margin: 0;
padding: 0;
}
ul.techical_list li {
text-transform: uppercase;
font-size: 12px;
font-weight: 400;
padding: 0.333rem 0;
}
ul.techical_list li a {
color: #6f809c;
} .ekko-lightbox {
display: -ms-flexbox !important;
display: -webkit-box !important;
display: flex !important;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
padding-right: 0 !important
}
.ekko-lightbox-container {
position: relative
}
.ekko-lightbox-container>div.ekko-lightbox-item {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%
}
.ekko-lightbox iframe {
width: 100%;
height: 100%
}
.ekko-lightbox-nav-overlay {
z-index: 1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: -ms-flexbox;
display: -webkit-box;
display: flex
}
.ekko-lightbox-nav-overlay a {
-ms-flex: 1;
-webkit-box-flex: 1;
flex: 1;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
opacity: 0;
-webkit-transition: opacity .5s;
transition: opacity .5s;
color: #666;
font-size: 40px;
font-weight: 300;
z-index: 1
}
.ekko-lightbox-nav-overlay a>* {
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1
}
.ekko-lightbox-nav-overlay a>:focus {
outline: none
}
.ekko-lightbox-nav-overlay a span {
padding: 0 15px;
font-size: 16px;
}
.ekko-lightbox-nav-overlay a:last-child span {
text-align: right
}
.ekko-lightbox-nav-overlay a:hover {
text-decoration: none
}
.ekko-lightbox-nav-overlay a:focus {
outline: none
}
.ekko-lightbox-nav-overlay a.disabled {
cursor: default;
visibility: hidden
}
.ekko-lightbox a:hover {
opacity: 1;
text-decoration: none
}
.ekko-lightbox .modal-dialog {
display: none
}
.ekko-lightbox .modal-footer {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
font-size: 14px;
border-top: 0;
padding-top: 0;
}
.ekko-lightbox-loader {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center
}
.ekko-lightbox-loader>div {
width: 40px;
height: 40px;
position: relative;
text-align: center
}
.ekko-lightbox-loader>div>div {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #fff;
opacity: .6;
position: absolute;
top: 0;
left: 0;
-webkit-animation: a 2s infinite ease-in-out;
animation: a 2s infinite ease-in-out
}
.ekko-lightbox-loader>div>div:last-child {
-webkit-animation-delay: -1s;
animation-delay: -1s
}
.modal-dialog .ekko-lightbox-loader>div>div {
background-color: #333
}
@-webkit-keyframes a {
0%,
to {
transform: scale(0);
-webkit-transform: scale(0)
}
50% {
transform: scale(1);
-webkit-transform: scale(1)
}
}
@keyframes a {
0%,
to {
transform: scale(0);
-webkit-transform: scale(0)
}
50% {
transform: scale(1);
-webkit-transform: scale(1)
}
}
.ekko-lightbox img {
min-width: 300px;
min-height: 300;
display: block;
}
.modal-title {
font-size: 16px;
}
.prod-gallery-top .swiper-slide span {
position: absolute;
top: 0px;
background: rgba(255, 255, 255, 0.75);
padding: 0.5rem;
right: 0;
font-size: 12px;
font-weight: 400;
}
.pagecontent-section {
padding-top: 6rem;
padding-bottom: 6rem;
}
.about-swiper .swiper-slide {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.about-swiper .swiper-slide a {
display: block;
position: relative;
width: 100%;
background: #3a80bb;
}
.about-swiper .swiper-slide-img {
background-size: cover;
background-position: center;
padding-bottom: 150%;
width: 100%;
-webkit-filter: grayscale(75%);
filter: grayscale(75%);
opacity: 0.85;
-webkit-transition: all .3s;
transition: all .3s;
}
.about-swiper .swiper-slide-img:hover {
-webkit-filter: grayscale(15%);
filter: grayscale(15%);
}
.hero-slider-wrap {
position: relative;
}
.slide-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.2;
display: block;
background: transparent;
}
.hero-mask {
padding: 6rem 0 4rem;
background: #eee;
} .visually-hidden {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important; border: 0 !important;
}
.hero-slider-wrap .carousel-control-prev-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill='none' d='M0 0h20v20H0z'/%3E%3Cpath fill='%23fff' d='M13.9 18.5l.7-.7L6.8 10l7.8-7.8-.7-.7L5.4 10z'/%3E%3C/svg%3E");
}
.hero-slider-wrap .carousel-control-next-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill='none' d='M0 0h20v20H0z'/%3E%3Cpath fill='%23fff' d='M6.1 1.5l-.7.7 7.8 7.8-7.8 7.8.7.7 8.5-8.5z'/%3E%3C/svg%3E");
}
.hero-slider-wrap .carousel-control-prev-icon,
.hero-slider-wrap .carousel-control-next-icon {
background-size: 40px 40px;
width: 40px;
height: 40px;
}
.swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill='none' d='M0 0h20v20H0z'/%3E%3Cpath fill='%23fff' d='M13.9 18.5l.7-.7L6.8 10l7.8-7.8-.7-.7L5.4 10z'/%3E%3C/svg%3E");
}
.swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill='none' d='M0 0h20v20H0z'/%3E%3Cpath fill='%23fff' d='M6.1 1.5l-.7.7 7.8 7.8-7.8 7.8.7.7 8.5-8.5z'/%3E%3C/svg%3E");
}
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
z-index: 10;
cursor: pointer;
background-size: 40px 40px;
background-position: center;
background-repeat: no-repeat;
}
.gallery-img-wrap {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 2rem;
overflow: hidden;
}
.gallery-img-wrap a {
display: block;
position: relative;
width: 100%;
}
.gallery-img-wrap .gallery-img {
background-size: cover;
background-position: center;
padding-bottom: 100%;
width: 100%;
-webkit-filter: grayscale(75%);
filter: grayscale(75%);
opacity: 0.85;
-webkit-transition: all .75s;
transition: all .75s;
}
.gallery-img-wrap .gallery-img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-filter: grayscale(15%);
filter: grayscale(15%);
opacity: 1;
}
.budget-modal {
background: rgba(0, 102, 148, 0.95);
}
.budget-modal.show .modal-dialog {
-webkit-transform: translate(0, 5rem);
transform: translate(0, 5rem);
}
.budget-modal .modal-content {
background: transparent;
border: 1px solid rgba(0, 0, 0, 0);
}
.budget-modal .modal-content label {
color: rgba(255, 255, 255, 0.65);
text-transform: uppercase;
font-size: 13px;
font-weight: 400;
}
.budget-modal .modal-header {
border-bottom: 0px;
color: #fff;
}
.budget-modal p {
color: rgba(255, 255, 255, 0.65);
}
.budget-modal a {
color: rgba(255, 255, 255, 0.75);
text-decoration: underline;
}
.budget-modal .close {
float: right;
font-size: 2.5rem;
font-weight: 300;
line-height: 1;
color: #fff;
text-shadow: 0 0px 0 transparent;
opacity: .75;
}
.budget-modal .close:hover {
opacity: 1;
color: #fff;
}
.budget-modal .modal-title {
font-size: 24px;
color: #fff;
}
span.required {
color: #f3b829 !important;
font-size: 18px;
font-weight: 300;
}
.budget-modal .form-control {
display: block;
width: 100%;
height: calc(2.25rem + 2px);
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
color: #fff;
background-color: transparent;
background-clip: padding-box;
border: 1px solid transparent;
border-bottom: 1px solid rgba(255, 255, 255, 0.75);
border-radius: 0;
-webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}
.budget-modal textarea.form-control {
height: auto;
}
.budget-modal span.wpcf7-not-valid-tip {
color: #d0b75d;
font-size: 12px;
line-height: 1.8;
font-weight: normal;
display: block;
}
.budget-modal div.wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0;
border: 0px solid #ff0000;
color: #d9b857;
}
.budget-modal div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
border: 0px solid #f7e700;
color: #d9b857;
font-weight: 500;
font-size: 18px;
}
.budget-modal .checkboxes span.wpcf7-list-item {
display: inline-block;
margin: 0 1.5rem 0 0;
}
.budget-modal .checkboxes label span.wpcf7-list-item-label {
text-transform: none;
font-size: 14px;
color: #fff;
}
.budget-modal input[type=checkbox],
.budget-modal input[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
margin-right: 0.5rem;
}
.budget-modal hr {
margin-top: 1rem;
margin-bottom: 3rem;
border: 0;
border-top: 1px solid rgba(255, 255, 255, 0);
}
.md-text p {
font-size: 14px;
}
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
color: #006696;
background-color: transparent;
border-bottom: 2px solid #0081bb;
}
.nav-pills .nav-link {
border-radius: 0;
text-transform: uppercase;
font-weight: 400;
font-size: 14px;
font-family: Montserrat;
}
.contact-form-wrap {
padding-top: 2.25rem;
}
.map-wrap iframe {
position: absolute;
top: 0;
right: 0;
width: calc(100% - 1rem);
border: 0;
}
.site-footer {
font-size: 14px;
padding: 3rem 0;
}
.site-footer ul {
padding: 0;
margin: 0;
list-style: none;
}
.site-footer .widget_nav_menu ul {
font-size: 14px;
border-top: 1px dotted #ddd;
}
.site-footer .widget_nav_menu ul li {
padding: 0.75rem 0;
border-bottom: 1px dotted #ddd;
}
.site-footer .widget_nav_menu ul li a {
color: #6f809c;
}
.sub-footer {
padding: 2rem 0;
background: #2a80b8;
color: rgba(255, 255, 255, 0.5);
font-size: 12px;
}
.sub-footer p {
margin-bottom: 0;
}
.sub-footer a {
color: rgba(255, 255, 255, 0.5);
}
@media (min-width:992px) {
.sub-footer .additional-links {
text-align: right;
}
}
.extra-info {
background: #216fa2;
padding: 1rem 0;
}
.extra-info p {
margin-bottom: 0;
color: rgba(255, 255, 255, 0.5);
}
.extra-info a {
color: rgba(255, 255, 255, 0.5);
}
.extra-info p {
font-size: 10px;
}
.search-thumb {
font-size: 14px;
} .section.partner-types-wrap {
padding: 0 3rem;
}
.partner-type {
padding: 3rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 200px;
}
.partner-type:nth-child(odd) {
background: #ccc;
}
.partner-type:nth-child(even) {
background: #bbb;
}
.counter {
font-weight: 500;
}
.count {
font-size: 60px;
font-weight: 600;
color: #1b4863;
line-height: 1;
margin-left: -0.25rem;
}
.section.company-values {}
.count.megacount {
font-size: 120px;
top: 0px;
z-index: -1;
color: #bfdef3;
line-height: 0.8;
letter-spacing: -6px;
}
.section.company-values .block-value {
padding: 3rem;
min-height: 300px;
position: relative;
color: #fff !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.section.company-values .block-value h3 {
color: #80b2d5;
}
.section.company-values .block-value p {
font-size: 14px;
color: #fff !important;
}
.section.company-values .block-value * {
z-index: 2;
position: relative;
}
.section.company-values .block-value:before {
background: rgba(0, 0, 0, 0.25);
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
display: block;
z-index: 0;
}
.window-addons-section {
padding: 0 2rem !important;
}
.window-addons-image {
min-height: 220px;
}
.window-addons-content {
min-height: 220px;
padding: 3rem !important;
background: #F7F7F7;
}
@media(max-width:991px) {
.main-navbar .navbar-collapse.hidemobile,
.hidemobile {
display: none !important;
visibility: hidden;
}
.main-navbar .navbar-collapse.hidedesktop {
margin-top: 1rem !important;
}
}
@media(min-width:992px) {
.main-navbar .navbar-collapse.hidedesktop {
display: none !important;
visibility: hidden;
}
} .font-xs p,
p.font-xs {
font-size: 12px;
}
.font-sm p,
p.font-sm {
font-size: 14px;
}
.font-lg p,
p.font-lg {
font-size: 18px;
}
.color-col {
color: rgba(255, 255, 255, 0.75);
}
.color-col h2,
.color-col h3 {
color: rgba(255, 255, 255, 1);
} .section {
padding-top: 3rem;
padding-bottom: 3rem;
} .bg_image-content {
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
padding: 2rem;
color: #fff;
} .swiper-bg {
padding-bottom: 100%; background-size: cover;
background-position: center;
overflow: hidden;
}
.swiper-content {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.swiper-overlay .swiper-slide:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
} #Etapas_Swiper .swiper-bg {
padding-bottom: 68%;
} #Etapas_Swiper .swiper-pagination {
color: #fff;
font-size: 12px;
font-weight: 400;
}
#Etapas_Swiper .swiper-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: center;
text-transform: uppercase;
padding: 2rem;
}
#Etapas_Swiper .swiper-content h2 {
font-size: 14px;
font-weight: 600;
}
#Etapas_Swiper .swiper-content p {
font-size: 13px;
color: rgba(255, 255, 255, 0.75);
margin-bottom: 0;
text-transform: uppercase;
}
#Etapas_Swiper .swiper-slide .swiper-content,
#Etapas_Swiper .swiper-slide:before {
opacity: 1;
-webkit-transition: all .3s;
transition: all .3s;
background: rgba(0, 0, 0, 0.05);
}
#Etapas_Swiper .swiper-slide:hover .swiper-content,
#Etapas_Swiper .swiper-slide:hover:before {
opacity: 0;
} .bg_grey_8 {
background: #eee !important;
}
.bg_grey_9 {
background: #F7F7F7 !important;
}
.border_blue_8 {
border: 2px solid #80b2d5;
}
.bg_blue_9 {
background: #ebf7ff !important;
}
.bg_blue_8 {
background: #80b2d5 !important;
}
.bg_blue_5 { background: #33759c !important;
}
.bg_blue_2 {
background: #1b4863 !important;
}
.c_blue_9 {
color: #ebf7ff !important;
}
.c_blue_8 {
color: #80b2d5 !important;
}
.c_blue_5 { color: #33759c !important;
}
.c_blue_2 {
color: #1b4863 !important;
}
.c_blue_1 {
color: #1a4863 !important;
}
.c_white {
color: #fff;
}
.product-page {
margin-top: 6rem;
}
.downloads {
padding-top: 1rem;
margin-bottom: 0;
}
.download-title i {
margin-right: 0.5rem;
}
.download-title {
display: block;
width: 100%;
padding: 0.75rem 0rem;
color: #6f809c;
font-weight: 700;
font-family: Montserrat;
font-size: 14px;
text-transform: uppercase;
}
.tabs-wrapper h3 {
font-size: 14px;
}
.tabs-wrapper .card-body p,
.tabs-wrapper .card-body ul {
font-size: 14px;
margin-bottom: 1rem;
}
.swiper-promos-container {
position: relative;
overflow: hidden;
}
.swiper-button-prev {
width: 30px;
height: 30px;
background-size: 30px 35px;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill='none' d='M0 0h20v20H0z'/%3E%3Cpath fill='%23999' d='M13.9 18.5l.7-.7L6.8 10l7.8-7.8-.7-.7L5.4 10z'/%3E%3C/svg%3E");
}
.swiper-button-next {
width: 30px;
height: 30px;
background-size: 30px 35px;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath fill='none' d='M0 0h20v20H0z'/%3E%3Cpath fill='%23999' d='M6.1 1.5l-.7.7 7.8 7.8-7.8 7.8.7.7 8.5-8.5z'/%3E%3C/svg%3E");
}
.swiper-promos-container .swiper-button-prev,
.swiper-promos-container .swiper-button-next {
opacity: 0;
-webkit-transition: all .3s;
transition: all .3s;
}
.swiper-promos-container:hover .swiper-button-prev,
.swiper-promos-container:hover .swiper-button-next {
opacity: 1;
-webkit-transition: all .3s;
transition: all .3s;
}
.promo-slide {
min-height: 400px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-size: cover;
background-position: center;
}
.promo-slide-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.3;
background: transparent;
}
.promo-slide-content-wrap {
background: #f7f7f7;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 3rem 4rem !important;
text-align: left;
}
.promo-slide-content h1,
.promo-slide-content h2 {
font-size: 2.5rem;
padding-bottom: 0.5rem;
font-weight: 600;
}
.product-list-wrap {
padding-top: 4rem;
}
@media (min-width:1200px) {
.product-list-wrap .row .xl-5 {
-ms-flex: 0 0 20%;
-webkit-box-flex: 0;
flex: 0 0 20%;
max-width: 20%;
}
}
.listing-thumbs {
font-size: 13px;
}
.listing-thumbs a:hover {
text-decoration: none;
}
.listing-thumbs p {
margin-bottom: 0.5rem;
}
.prod-preview-swiper {
position: relative;
overflow: hidden;
}
.product-list-swiper .swiper-slide {
text-align: left;
}
.promo-small-image {
background-size: cover;
background-position: center;
margin-bottom: 1rem;
padding-bottom: 64%;
}
.promo-thumb h2,
.promo-thumb h3,
.promo-thumb h4 {
font-size: 18px;
font-weight: 600;
}
.promo-thumb p {
font-size: 14px;
margin-bottom: 0;
}
.promo-thumb p.small {
font-size: 11px !important;
}
.promo-thumb p.lead {
font-size: 16px !important;
margin-bottom: 0 !important;
color: #4a87a9;
}
#menu-topbar-menu {
width: 100%;
}
.budget-btn {
margin-left: auto;
}
.navigation {
clear: both;
}
.navigation ul {
padding: 0;
margin: 0;
clear: both;
}
.navigation li a,
.navigation li.disabled {
text-decoration: none;
font-size: 12px;
display: table;
padding: 6px 10px;
min-width: 30px;
height: 30px;
text-align: center;
cursor: pointer;
text-transform: uppercase;
font-weight: 500;
}
.navigation ul li {
display: inline-block;
margin: 0;
padding-left: 0;
min-width: 30px;
padding: 0;
}
.navigation li a:hover {
background-color: #ccc;
color: #fff !important;
}
.navigation ul li:before {
content: '';
display: none;
}
.navigation li.active a {
background-color: #347ba1;
color: #fff !important;
}
@media (max-width:991px) {
#budgetModalLong .modal-body {
padding-bottom: 10rem;
}
}
.pagination {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
list-style: none;
padding: 1rem 0;
margin: 0;
}
.pagination .page-item .current,
.pagination .page-item .page-link {
display: block;
padding: 8px 16px;
font-size: 14px;
font-weight: 500;
text-decoration: none;
border-radius: 4px;
border: 1px solid #e0e0e0;
color: #333;
background-color: #fff;
transition: all 0.2s ease-in-out;
}
.pagination .page-item .current {
background-color: #0073aa;
color: #fff;
border-color: #0073aa;
}
.pagination .page-item .page-link:hover {
background-color: #f5f5f5;
border-color: #999;
}
.pagination .page-item .page-link i {
margin-left: 4px;
}
.pagination .page-link i.fa-angle-right::before {
content: "→" !important;
font-family: inherit !important;
font-weight: bold;
}
.pagination .page-link i.fa-angle-left::before {
content: "←" !important;
font-family: inherit !important;
font-weight: bold;
}
.tel-contacts {
min-width: 173px;
}