@charset "utf-8"; /**=========================================================
 * Theme Name : Promax Protective Solutions
 * Author : Jayesh Morker / Shekai(Theme)
 * Description  :  May 2023
 * File Name: style.css
=========================================================**/ 
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
/*
font-family: 'Manrope', sans-serif;
font-family: 'Poppins', sans-serif;
*/
:root {
--primary:#2AC3A9; /*Primary Color*/
--secondary: #B2E12F; /* Secondary Color*/
--body: #292929; /*Body Text Color/*/
--title:#1D2700; /* Title Color*/
--alternate:#4A5A1E; /* Alternate Color*/
--light: #cccccc; /*Light*/
--dark: #333333; /*Dark*/
--black: #000000; /*Black*/
--red: #AE0000; /*Red*/
--white:#ffffff; /*White fontStyle1*/
--fontPrimary:'Poppins', sans-serif;
--fontSecondary:'Manrope', sans-serif;
} 
a{color:var(--primary);}
a:hover{color:var(--black);}
body { font-family: 'Poppins', sans-serif; font-size: 16px; color: var(--body); }
 @media print {
aside { display: none; }
a[href]:after { content: none !important; }
}
ul, ol { margin: 0; }
img { max-width: 100%; }
a:hover { text-decoration: none; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.tabs-content { display: none; }
.tabs-content.active { display: block; }
.full-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 6; }
.slick-slide { outline: none; }
.slick-arrow { width: 40px; height: 40px; outline: none !important; }
.slick-arrow:before { font-weight: bold; font-family: "Font Awesome 5 Pro"; font-size: 20px; line-height: 20px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; height: auto; border: none; color: #006BDE; outline: none !important; }
.slick-next:before { content: '\f054'; }
.slick-prev:before { content: '\f053'; }
.bg-cover, .bg-image, .bg-get-image { background-size: cover; background-position: center; background-repeat: no-repeat; }
.bgimg { opacity: 0; }
p[align=center] { text-align: center !important; }
p[align=left] { text-align: left !important; }
p[align=right] { text-align: right !important; }
.page-wrapper { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; min-height: 100vh; }
.page-main { -webkit-flex-grow: 1; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }
.hover-img { overflow: hidden; }
.hover-img .bg-image, .hover-img .bg-get-image { -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; }
.hover-img:hover .bg-image, .hover-img:hover .bg-get-image { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
.menu-icon { width: 50px; height: 48px; position: relative; z-index: 999; cursor: pointer; }
.menu-icon span { width: 30px; height: 3px; background: var(--body); position: absolute; top: 22px; right: 10px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.menu-icon span:before { position: absolute; background:  var(--body); right: 0; top: 10px; content: ''; width: 100%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; height: 100%; }
.menu-icon span:after { position: absolute; background:  var(--body); right: 0; bottom: 10px; content: ''; width: 100%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; height: 100%; }
.menu-icon.active span { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); background: transparent; }
.menu-icon.active span:before { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 0; left: -10px; }
.menu-icon.active span:after { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 0; right: 10px; }
.header { position: fixed; width: 100%; z-index: 5; padding: 5px 0; background-color:var(--white); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.header .navigation > ul > li { padding: 25px 0; }
/* .header.active { background-color: rgba(0, 0, 0, 0.3); } */
.header.active .navigation > ul > li { padding: 52px 0; }
.header.active .logo img { width: 100px; }
 @media (min-width: 1200px) {
.header.active .logo img { width: 329px; }
}
.header .container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.header .logo { display: inline-block; }
/* .header .logo img { width: 90px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } */ */
 @media (min-width: 1200px) {
.header .logo img { width: 120px;}
}
.header-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.header .bag { position: relative; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.header .bag span { position: absolute; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; border-radius: 50%; width: 25px; height: 25px; background-color: var(--primary); color: #fff; top: -10px; right: -16px; font-weight: bold; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.header .bag:hover img { -webkit-filter: invert(61%) sepia(46%) saturate(553%) hue-rotate(120deg) brightness(93%) contrast(104%); }
.header .bag:hover span { color: var(--primary); background-color: var(--body); }
 @media (min-width: 1200px) {
.header { padding: 0; }
.header .menu-icon { display: none; }
}
 @media (max-width: 1199px) {
.header .navigation { background-color:var(--white); }
}
.fp-enabled .header, .fp-enabled .header.active { background-color:var(--white); }
.fp-enabled .fp-viewing-1Page .header { background-color: rgba(255, 255, 255, 0.75); }
.menu-bg { display: none; }
 @media (max-width: 990px) {
.menu-bg.active { display: block; position: fixed; z-index: 8; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.8); }
}
.footer { color: #fff; background-color: #000000; padding: 38px 0 23px;  margin-top: auto; }
.footer a { color: #fff; }
.footer a:hover { color: var(--primary); }
.footer .container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.footer p { margin: 0 0 15px; }
.footer ul { padding: 0; margin: 0 0 15px; display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; }
.footer ul li + li { position: relative; margin-left: 30px; }
.footer ul li + li:before { content: '|'; position: absolute; left: -15px; }
.breadcrumb { background-color: #F4F4F4; }
.breadcrumb ul { padding: 0; margin: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.breadcrumb ul li { color: #959595; font-weight: 300; }
.breadcrumb ul a { color: var(--primary); position: relative; }
.breadcrumb ul a:after { content: '/'; color: #959595; margin: 0 15px; }
.breadcrumb ul a:hover { color: var(--primary); font-weight: bold; }
body.active { overflow: hidden; }
body.active .header { background-color: black; }
.container-2 { max-width: 1130px; margin: auto; padding: 0 15px; }
.container-3 { max-width: 760px; margin: auto; padding: 0 15px; }
.container-about { max-width: 1020px; }
 @media (min-width: 1400px) {
.container { max-width: 1430px; }
}
.main-banner { padding: 200px 0 140px; }
.main-banner h4 { margin: 0 0 20px; }
 @media (min-width: 1200px) {
.main-banner { padding: 325px 0 300px; }
}
.row-pd-50 { overflow: hidden; }
 @media (min-width: 1300px) {
.row-pd-50 .row { margin-left: -50px; margin-right: -50px; }
.row-pd-50 .row > * { padding-left: 50px; padding-right: 50px; }
}
.row > div { width: 100%; }
#fp-nav ul li { width: auto; height: auto; margin: 0; }
#fp-nav ul li .fp-tooltip{ color: var(--body);}
#fp-nav ul li .fp-tooltip.fp-right { right: 40px; top: 12px; }
#fp-nav ul li:last-child { display: none; }
#fp-nav ul li a { width: 37px; height: 37px; margin: -5px 0; }
#fp-nav ul li a span { width: 12px; height: 12px; background-color: var(--body); opacity: .55; }
#fp-nav ul li a.active { margin: 10px 0; }
#fp-nav ul li a.active span { background-color: transparent; font-size: 16px; color: var(--body); line-height: 16px; overflow: visible; clip: auto; width: 37px; height: 37px; background-image: url(../img/circle.png); background-size: cover; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; left: 10px; top: 10px; opacity: 1; }
#fp-nav ul li:hover a span { margin: -2px 0 0 -2px; width: 12px; height: 12px; background-color: #000; }
#fp-nav ul li:hover a.active span { background-color: transparent; font-size: 16px; color: var(--body); line-height: 16px; overflow: visible; clip: auto; width: 37px; height: 37px; background-image: url(../img/circle.png); background-size: cover; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; left: 10px; top: 10px; }
.btn-1 { padding: 10px 20px; border-radius: 30px; border: 2px solid var(--body); color: var(--body); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; font-weight: bold; text-transform: uppercase; text-align: center; }
.btn-1:hover { border-color: var(--primary); color: var(--body); text-decoration: none; }
 @media (min-width: 500px) {
.btn-1 { padding: 14px 30px; }
}
 @media (min-width: 768px) {
.btn-1 { padding: 18px 36px; }
}
.btn-2 { min-width: auto; text-align: center; font-size: 18px; border-radius: 30px; border: 2px solid var(--primary); background-color: var(--primary); padding: 15px 35px; color: #fff; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; font-weight: bold; display: inline-block; text-transform: uppercase; margin-top: 30px; }
.btn-2:hover { border-color: var(--primary); color: var(--primary); background-color: #fff; }
 @media (min-width: 768px) {
.btn-2 { padding: 15px; min-width: 280px; }
}
.btn-bg { background-color: var(--primary); border-color: var(--primary); }
.btn-bg:hover { background-color: #fff; border-color: #fff; color: var(--primary); }
.list-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.list-btn a + a { margin-left: 15px; }
h1,h2,h3,h4,h5,h6{font-family:'Manrope', sans-serif; font-weight: 400; }
.title-1 { font-size: 35px; font-family:'Manrope', sans-serif; margin: 0 0 15px; font-weight: 400; }
 @media (min-width: 1200px) {
.title-1 { font-size:45px; }
}
.title-2 { font-size: 21px; margin: 0 0 15px; font-weight: 600; }
 @media (min-width: 768px) {
.title-2 { font-size: 25px; }
}
.title-3 { font-size: 16px; font-family: 'Manrope', sans-serif; margin: 0 0 30px; font-weight: 700; text-transform: uppercase; }
 @media (min-width: 768px) {
.title-3 { font-size: 18px; }
}
.title-4 { font-size: 16px; margin: 0 0 10px; font-weight: 400; }
 @media (min-width: 768px) {
.title-4 { font-size: 18px; }
}
.title-5 { font-size: 22px; margin: 0 0 30px; font-weight: 400; }
 @media (min-width: 768px) {
.title-5 { font-size: 26px; }
}
.title-6 { font-size: 20px; margin: 0 0 30px; font-weight: 400; }
 @media (min-width: 768px) {
.title-6 { font-size: 22px; }
}
.title-about { font-size: 45px; margin: 0 0 20px; font-family: 'Manrope', sans-serif; }
 @media (min-width: 992px) {
.title-about { font-size: 75px; }
}
.title-big { font-size: 60px; font-family: 'Manrope', sans-serif; margin: 0 0 30px; font-weight: 400; }
@media (min-width: 992px) {
.title-big { font-size: 80px; }
}
 @media (min-width: 1200px) {
.title-big { font-size: 95px; }
}
@media (max-width:479.98px) {
.title-1 { font-size:30px; } 
.title-2,.title-2 * { font-size: 20px !important; }
.title-3 { font-size: 16px; }  
.title-4 { font-size: 16px; }
.title-5 { font-size: 20px; }
.title-about { font-size: 30px; }
.title-big { font-size: 30px; }
h1 br,h2 br,h3 br,h4 br,h5 br,h6 br{ display: none;}
}
.list-1 { padding-bottom: 30px; z-index: 1; position: relative; }
.list-1 h4 { margin: 15px 0 10px; }
.list-1 figure { position: relative; min-height: 320px; }
.list-1 figure:before { content: "\f03e"; font-family: 'Font Awesome 5 Pro'; font-weight: 900; font-size: 60px; color: #D3D3D3; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -1; }
.list-1 figure:after { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: #F2F2F2; z-index: -2; }
.list-1 figcaption { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(248, 128, 32, 0.9); opacity: 0; z-index: 1; color: #fff; font-size: 40px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.list-1 figcaption:before { content: "\f302"; font-family: 'Font Awesome 5 Pro'; font-weight: 900; font-size: 20px; color: #D3D3D3; position: absolute; top: 16px; right: 15px; color: #fff; }
 @media (min-width: 992px) {
.list-1 { margin-bottom: 40px; }
.list-1 h4 { margin: 27px 0 14px; font-weight: 600;}
}
.list-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 35px; max-width: 25%; width: 100%; }
.list-2 figure { width: 30px; color: var(--primary); }
.list-2--content { width: calc(100% - 30px); }
.list-2 h4 { margin: 0 0 10px; font-size: 22px; font-family: 'Manrope', sans-serif; }
 @media (max-width: 768px) {
.list-2 { max-width: 50%; }
}
.ul-1 { margin-bottom: 30px; padding: 0; list-style: none; }
.ul-1 li { padding-left: 35px; position: relative; margin-bottom: 20px; margin-top: 40px; }
.ul-1 li:before { content: "\f00c"; font-family: 'Font Awesome 5 Pro'; font-weight: 900; font-size: 16px; color: var(--primary); left: 0; top: 0; position: absolute; }
.contact-form .form-group { margin-bottom: 20px; }
.contact-form .form-control { height: 40px; border-radius: 10px; background-color: #fff; border-color: #E8E8E8; }
 @media (min-width: 992px) {
.contact-form .form-control { height: 60px; }
}
.contact-form .btn-2 { min-width: auto; padding: 15px 43px; display: table; margin: 30px auto 0; }
.navigation > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.navigation > ul > li { position: relative; display: inline-block; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
 @media (min-width: 1200px) {
.navigation > ul > li { margin-right: 30px; }
.navigation > ul > li > a:before { content: ''; width: 0; background-color: var(--primary); height: 2px; position: absolute; bottom: 0px; left: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
}
 @media (min-width: 1400px) {
.navigation > ul > li { margin-right: 50px; }
}
.navigation > ul > li > a { font-weight: 500; display: inline-block; position: relative; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; padding: 10px 0; text-transform: uppercase; }
.navigation > ul > li > a:hover { color: var(--primary); }
.navigation > ul > li > a:hover:before { width: 100%; }
.navigation > ul > li.active > a { color: var(--primary); }
.navigation > ul > li.active > a:before { width: 100%; }
.navigation > ul > li:hover > .sub-menu { opacity: 1; top: 100%; visibility: visible; }
.navigation ul { padding: 0; margin: 0; list-style: none; }
.navigation a { color: var(--body); }
.navigation .sub-menu { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; display: none; }
.navigation .sub-menu li { display: block; }
.navigation .sub-menu li a { display: block; padding: 10px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.navigation .sub-menu li a:hover { background-color: var(--primary); }
.navigation .sub-menu li.active a { background-color: var(--primary); }
 @media (min-width: 1200px) {
.navigation { height: auto !important; }
.navigation .sub-menu { display: block !important; opacity: 0; visibility: hidden; top: calc(100% + 20px); left: -45px; position: absolute; width: 320px; }
.navigation .sub-menu li a { padding: 15px 40px; background-color: #000; color: #fff;}
}
 @media (max-width: 1199px) {
.navigation { overflow-y: auto; position: absolute; left: -600px; width: 600px; top: 100%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; padding: 20px; }
.navigation > ul > li { display: block; width: 100%; padding: 5px 0 !important; }
.navigation > ul > li a { display: block; }
.navigation.active { left: 0; }
}
 @media (max-width: 767px) {
.navigation { left: -300px; width: 300px; }
}
.pagination { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding-top: 10px; }
.pagination ul { padding: 0; margin: 0; list-style: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.pagination li { margin: 0 5px; }
.pagination li a, .pagination li span { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; border-radius: 50%; width: 29px; height: 29px; color: #333333; }
.pagination li a:hover, .pagination li span:hover { background-color: var(--primary); color: #fff; }
.pagination li.active a, .pagination li.active span { background-color: var(--primary); color: #fff; }
 @media (min-width: 992px) {
.pagination { padding-top: 30px; }
}
.mb-45 { margin-bottom: 45px; }
.scroll-page { position: absolute; left: calc(50% - 14px); bottom: 10px; width: 50px; display: none; }
.scroll-page img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
.scroll-page .only-pc { display: none; }
.scroll-page:before { content: ''; width: 1px; height: 30px; position: absolute; bottom: calc(100% + 17px); left: 50%; display: none; background: #fff; }
 @media (min-width: 1200px) {
.scroll-page { bottom: 50px; width: auto; }
.scroll-page .only-pc { display: block; }
.scroll-page .only-sp { display: none; }
.scroll-page:before { height: 104px; display: block; }
}
.cl-white { color: #fff; }
.cl-white * { color: #fff; }
.cl-orange { color: var(--primary); }
.cl-orange * { color: var(--primary); }
.whatsapp { font-size: 60px; width: auto; }
.whatsapp i { color: #4FC65A; }
.cart_totals h2 { margin: 30px 0 20px; }
.woocommerce-order h2, .woocommerce-order h3 { margin: 20px 0; display: inline-block; width: 100%; }
.page-wrapper { display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; min-height: 100vh; }
.section .list-btn { margin-top: 40px; }
 @media (max-width: 520px) {
.section .btn-1 { width: 100%; margin: 0 0 10px 0; }
}
.pdt .intro { padding: 120px 0 30px; }
 @media (min-width: 1200px) {
.pdt .intro { padding: 150px 0 0; }
}
/* .fp-viewing-4Page #fp-nav ul li a span, .fp-viewing-Footer #fp-nav ul li a span { background-color: #C3C3C3; color: #C3C3C3; } */
.fp-viewing-4Page #fp-nav ul li a.active span, .fp-viewing-Footer #fp-nav ul li a.active span { background-color: transparent; }
.about { background-color: #FAFAFA; padding: 50px 0; overflow: hidden; }
.about-list { border-top: 1px dashed #BCBCBC; margin-top: 50px; padding-top: 50px; }
.about-list figure { margin-bottom: 30px; }
 @media (min-width: 1200px) {
.about-list { margin-top: 100px; padding-top: 100px; }
}
 @media (min-width: 1200px) {
.about { padding: 100px 0; }
}
.services { margin: 40px 0; }
.services-list { margin-bottom: 30px; }
 @media (min-width: 1200px) {
.services { margin: 70px 0 80px; }
}
.products { margin: 30px 0 20px; }
.products-detail { margin: 50px 0; }
 @media (min-width: 992px) {
.products { margin: 56px 0 30px; }
.products-detail { margin: 90px 0; }
}
.our-team { padding: 80px 0 60px; min-height: 300px; position: relative; }
 @media (min-width: 1200px) {
.our-team { padding: 250px 0 300px; }
}
 @media (max-width: 767px) {
.our-team { background-position: center right -50px; }
}
 @media (max-width: 991px) {
.our-team:before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.4); }
.our-team .container { position: relative; z-index: 2; }
}
.client { margin: 40px 0 60px; }
.client-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px; border-radius: 15px; margin-bottom: 30px; }
.client-item figure { background-color: #fff; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; border-radius: 50%; width: 100px; height: 100px; padding: 10px; margin: 0; }
.client-item figure i { font-size: 40px; color: var(--primary); }
.client-item--left { background-color: #FAFAFA; }
.client-item--left figure { margin: 0 0 20px; }
.client-item--right { background-color: #F7F1EB; }
.client-item--right figure { margin: 0 0 20px; }
.client-item--content { width: 100%; }
 @media (min-width: 576px) {
.client-item--left figure { margin: 0 30px 0 0; }
.client-item--right { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-flow: row-reverse; flex-flow: row-reverse; }
.client-item--right figure { margin: 0 0 0 30px; }
.client-item--content { width: calc(100% - 130px); }
}
 @media (min-width: 992px) {
.client { margin: 70px 0 100px; }
.client-item { padding: 40px 75px; border-radius: 400px; }
.client-item figure { width: 160px; height: 160px; }
.client-item figure i { font-size: 70px; }
.client-item--content { width: calc(100% - 190px); }
}
.gallery { margin: 50px 0 60px; }
.gallery .list-1:hover figcaption { opacity: 1; }
 @media (min-width: 992px) {
.gallery { margin: 70px 0 90px; }
}
.contact { margin: 50px 0 60px; }
.contact iframe { width: 100%; display: block; height: 320px; }
.contact-address { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 30px 0 40px; border-bottom: 1px dashed #BCBCBC; }
.contact-address a { color: #333333; }
.contact-address a:hover { color: var(--primary); }
 @media (min-width: 992px) {
.contact-address .list-2 { width: auto; }
}
 @media (max-width: 767px) {
.contact-address > div { width: 50%; }
}
 @media (min-width: 992px) {
.contact { margin: 70px 0 90px; }
.contact-address { margin: 45px 0 70px; }
}
.thanks { min-height: calc(100vh - 100px); }
.thanks .list-btn { margin: 40px 0px 0; }
 @media (min-width: 576px) {
.thanks .list-btn { margin: 40px -8px 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.thanks .list-btn .btn-1 { margin: 0 8px; }
}
.thanks .list-btn .btn-1 { display: table;}
 @media (max-width: 576.98px) {
    .thanks .list-btn .btn-1 {  font-size: 14px; width: 100%; margin: 5px 0px;}
 }
textarea.form-control{ height: 110px !important;}