@charset "utf-8";
@font-face {
    font-family: 'SuisseIntl';
    src: url(./fonts/SuisseIntl-Regular.ttf);
    font-weight: 400;
}
@font-face {
    font-family: 'SuisseIntl';
    src: url(./fonts/SuisseIntl-SemiBold.ttf);
    font-weight: 600;
}
@font-face {
    font-family: 'SuisseIntl';
    src: url(./fonts/SuisseIntl-Bold.otf);
    font-weight: 700;
}
body,html{font-family:'SuisseIntl',sans-serif;font-weight:400;color:var(--default);font-size:15px;line-height:24px;word-wrap:break-word;background:#fff}
:root{--default:#2E3856;--black:#111111;--white:#FEFEFE;--grey:#D7DEE3;--blue:#396BEA;--borderColor:rgba(255,255,255,.2);--footerColor:#EEF3F8;}
:focus{outline:0}
h1{font-family: 'Plus Jakarta Sans', sans-serif; font-size:36px;line-height:inherit;font-weight:700;padding:inherit;text-transform: uppercase;}
h1.categoryTitle{font-size:28px;color:var(--default);font-weight:700;margin-bottom:10px}
h2{font-family: 'SuisseIntl', sans-serif; font-size:24px;text-align: center;line-height:inherit;font-weight:700;margin:inherit;position: relative;text-transform: uppercase; margin: 50px 0;}
h3{font-family: 'SuisseIntl', sans-serif; font-size:22px;line-height:inherit;font-weight:700;margin:inherit;position: relative;}
a{text-decoration:none;color:inherit;outline:0}
p{margin:0 0 20px}
p:last-child{margin:0}
input:focus{outline:0}
body.doNotScroll{overflow:hidden;height:100vh}
.flex{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.centerFlex{place-content:center}
.flexHeader{display:flex;align-items:center;justify-content:space-between;padding:20px 0 0}
.align-items-start{-ms-flex-align:start;align-items:flex-start}
.align-items-center{-ms-flex-align:center;align-items:center}
.align-items-end{-ms-flex-align:end;align-items:flex-end}
.transition2s{transition:all .2s linear 0s;-webkit-transition:all .2s linear 0s;-moz-transition:all .2s linear 0s;-o-transition:all .2s linear 0s;-ms-transition:all .2s linear 0s}
.transition3s{transition:all .3s linear 0s;-webkit-transition:all .3s linear 0s;-moz-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;-ms-transition:all .3s linear 0s}
.nonMobile{display:block}
.mobile{display:none}
.text-small{font-size:14px;color:#757575}
.pp-r{font-family:'SuisseIntl',sans-serif}
.pp-m{font-family:'SuisseIntl',sans-serif}
.pp-b{font-family:'SuisseIntl',sans-serif}
.pp-sb{font-family:'SuisseIntl'}
img:not([alt]){border:5px solid red}
.italic{font-style: italic;}
.strong{font-weight: 700;}
.ui-accordion .ui-accordion-header { cursor: pointer;}
.blueText{color: var(--blue);}
.paragraphTitle{font-size: 18px; font-weight: 600; margin: 20px 0;}

.divBehind{width: 100%; height: 120px;}
header{position: fixed; width: 100%; z-index: 999; top: 0;}
.topHead{background-color: var(--default); padding: 10px 0;}
.topHead .topHeadHolder{display: flex; justify-content: space-between; align-items: center;}
.topHead .topHeadHolder .contacts{display: flex; justify-content: space-between; align-items: center;width: 50%;}
.topHead .topHeadHolder .contacts p{color: #fff; margin: 0; margin-left: 20px;}
.topHead .topHeadHolder .contacts p:first-of-type{margin-left: 0;}
/*.topHead .topHeadHolder .contacts p:first-child{margin-right: 20px;}*/
.topHead .topHeadHolder .contacts p i{margin-right: 10px;}
.topHead .topHeadHolder .headerSocial{display: flex; justify-content: space-evenly; align-items: center;}
.topHead .topHeadHolder .headerSocial a{color: #fff;margin-left: 20px; font-size: 16px;}
.topHead .topHeadHolder .headerSocial a i:hover{color: #17161a;}
.bottomHead{background-color: #fff;}
.bottomHead .container{display: flex; justify-content: center;}
.bottomHead .bottomHeadHolder{display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.bottomHead .bottomHeadHolder .headerLogo{width: 150px;}
.bottomHead .bottomHeadHolder .headerLogo a{display: block; width: 100%;}
.bottomHead .bottomHeadHolder .headerLogo a img{width: 100%; height: 100%;}
.bottomHead .bottomHeadHolder .headerMenu{list-style: none; display: flex; flex-direction: row; justify-content: space-between; align-content: center; margin: 0;}
.bottomHead .bottomHeadHolder .headerMenu > li{margin-left: 10px; position: relative; line-height: 75px;}
.bottomHead .bottomHeadHolder .headerMenu li a{font-size: 15px; font-weight: 400; color: var(--default); text-transform: uppercase; padding: 12px 24px;}
.bottomHead .bottomHeadHolder .headerMenu li a.menuHighlight{background-color: var(--default); color: var(--white);}
.bottomHead .bottomHeadHolder .headerMenu li a.menuHighlight:hover{background-color: var(--blue); color: var(--white);}
.bottomHead .bottomHeadHolder .headerMenu li:first-of-type a{color: var(--blue);}
.bottomHead .bottomHeadHolder .headerMenu li a:hover{color: var(--blue);}
.bottomHead .bottomHeadHolder .headerMenu li a i{margin-left: 5px; font-size: 13px;}
.bottomHead .bottomHeadHolder .headerMenu .headerSubMenu{display: none; list-style: none; padding: 0; width: 250px;}
.bottomHead .bottomHeadHolder .headerMenu .headerSubMenu li a{font-size: 13px; font-weight: 400; text-transform: uppercase; color: var(--blue);}
.bottomHead .bottomHeadHolder .headerMenu li .headerSubMenu > li{padding: 15px 0 15px 15px; position: relative; width: 100%; border-bottom: 1px solid var(--default); line-height: 15px;}
.bottomHead .bottomHeadHolder .headerMenu li:hover .headerSubMenu{position: absolute; z-index: 9999; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; transform: scale(1); color: var(--blue); background-color: var(--footerColor); box-shadow: 0 0 30px rgb(0 0 0 / 9%); border-top: 3px solid var(--default);}
.bottomHead .bottomHeadHolder .headerMenu li .headerSubMenu > li .lowerMenu{display: none; list-style: none; padding: 0; width: 250px;}
.bottomHead .bottomHeadHolder .headerMenu li .headerSubMenu > li:hover{color: var(--default) !important; background-color: var(--white);}
.bottomHead .bottomHeadHolder .headerMenu li .headerSubMenu > li:hover a{color: var(--default) !important;}
.bottomHead .bottomHeadHolder .headerMenu li .headerSubMenu > li:hover .lowerMenu{position: absolute; top:0; left: 250px; z-index: 9999; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; transform: scale(1);  color: var(--blue) !important; background-color: var(--footerColor); box-shadow: 0 0 30px rgb(0 0 0 / 9%);}
.bottomHead .bottomHeadHolder .headerMenu li .headerSubMenu .lowerMenu > li{padding: 15px 0 15px 15px; position: relative; width: 100%; border-bottom: 1px solid var(--default);}
.bottomHead .bottomHeadHolder .headerMenu li .headerSubMenu .lowerMenu > li a{font-size: 13px; color: var(--blue) !important;}
.bottomHead .bottomHeadHolder .headerMenu li .headerSubMenu .lowerMenu > li:hover{background-color: var(--white);}
.bottomHead .bottomHeadHolder .headerMenu li .headerSubMenu .lowerMenu > li:hover a{color: var(--default) !important;}
.fixed{top: -46px; width: 100%; box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%); z-index: 999;}

.titlebar{background-color: var(--default); padding: 25px 0 35px; margin-bottom: 50px;}
.titlebar h1{color: var(--white); font-weight: 400;}
.titlebar p{color: var(--white);}
.titlebar p a{color: rgba( 238,243,248,0.7);}
.titlebar p a:hover{color: var(--white);}

#videoHome .videoHolder {display: flex; justify-content: center; max-height: 480px; overflow: hidden;}

#slider{position: relative; top: -120px;}
.mainSwiper .swiper-wrapper{width: 100%; height: calc(500vw/12); margin-top: 150px;}
.mainSwiper .swiper-wrapper .topItemHolder{height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover;}
.mainSwiper .swiper-wrapper .topItemHolder .bannerTextHolder{width: 35%; position: relative; top: 200px;}
.mainSwiper .swiper-wrapper .topItemHolder .bannerTextHolder .bannerTopTitle{font-size: 48px; color: var(--blue); line-height: 1.2;}
.mainSwiper .swiper-wrapper .topItemHolder .bannerTextHolder .bannerText p{font-size: 16px; font-weight: 400; color: var(--blue);}

#solutionsHome .titleHome{font-size: 40px; line-height: 50px; font-weight: 400; color: var(--default); margin-bottom: 35px;}
#solutionsHome .solutionsHomeLink{display: block;}
#solutionsHome .solutionsHomeHolder{display: flex; flex-direction: row; justify-content: space-evenly; align-items: center; margin-top: 35px;}
#solutionsHome .solutionsHomeHolder .solutionsHomeItem{width: 45%; display: flex; flex-direction: column;}
#solutionsHome .solutionsHomeHolder .solutionsHomeItem .solutionsHomeImg{overflow: hidden;}
#solutionsHome .solutionsHomeHolder .solutionsHomeItem:hover .solutionsHomeImg img{transform: scale(1.2); transition: all 0.5s ease-in-out;}
#solutionsHome .solutionsHomeHolder .solutionsHomeItem .solutionsHometext{display: flex; flex-direction: column; align-items: center; margin: 35px 20px 15px;}
#solutionsHome .solutionsHomeHolder .solutionsHomeItem .solutionsHometext i{font-size: 40px;}
#solutionsHome .solutionsHomeHolder .solutionsHomeItem .solutionsHometext a{font-size: 20px; line-height: 20px; font-weight: 700; text-transform: uppercase; margin-top: 20px;}
#solutionsHome h3{margin: 30px 0 15px;}
#solutionsHome .homeSolutionsHighlight{font-size: 32px; font-weight: 600; color: var(--blue); text-align: center; margin: 50px 0 100px;}

.separatorHome {border-bottom: 1px solid var(--default); margin: 75px auto; width: 75%;}

#realizasionsHome .titleHome{font-size: 40px; line-height: 50px; font-weight: 400; color: var(--default); margin-bottom: 35px; margin-top: 0;}
#realizasionsHome .realizasionsHomeImg{width: 100%; margin: 50px 0;}
#realizasionsHome .realizasionsHomeHolder{display: flex; flex-direction: row; justify-content: space-between; align-items: baseline; margin-top: 35px;}
#realizasionsHome .realizasionsHomeHolder .realizasionsHomeItem{width: 45%; display: flex; flex-direction: column;}
#realizasionsHome .realizasionsHomeHolder .realizasionsHomeItem h3{margin-bottom: 25px;}

footer{background-color: var(--footerColor); margin-top: 50px;}
footer .footerItemHolder{display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; padding: 50px 0;}
footer .footerItemHolder .footerItem{display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; width: 35%%;}
footer .footerItemHolder .footerItem .footerLogoHolder{width: 150px; margin-bottom: 10px;}
footer .footerItemHolder .footerItem .footerItemTitle{font-size: 20px; text-transform: uppercase; margin-bottom: 20px !important;}
footer .footerItemHolder .footerItem .footerItemText .contactText i{margin-right: 10px;}
footer .footerItemHolder .footerItem .footerItemText .contactText a{color: var(--blue); text-decoration: underline;}
footer .footerItemHolder .footerItem .copy{font-size: 13px;}
footer .footerItemHolder .footerItem .footerSocial{display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100px; margin: 25px 0;}
footer .footerItemHolder .footerItem .footerSocial a{font-size: 20px;}
footer .footerItemHolder .footerItem:last-of-type p{margin-bottom: 8px;}
footer .footerKatalogLink{width: 170px;}

/* About Us*/

.aboutUsHighlighted{font-size: 24px; font-weight: 600; color: var(--blue); margin: 50px 0;}


/* Contact */
.contactTop{display: flex; justify-content: space-between; margin-top: 50px;}
.contacttInfo{width: 49%; color: var(--celGreen);}
.contactForm{width: 49%;}
.contactTop .contacttInfo .contactCity .contactCityText{margin-bottom: 5px; font-size: 16px;}
.contactTop .contacttInfo .contactCity .contactCityText a{text-decoration: underline;}
h2.titleContact {font-size: 36px; font-weight: 700; line-height: 48px; margin: 0 auto 50px; text-transform: uppercase; position: relative; z-index: 1;}
.contactSocial{margin: 25px 0;}
.contactSocial i{font-size: 32px;}
.contactCityText i{margin-right: 10px;}
#contactForm{width:100%; margin:0 0 70px 0;}
#contactForm input, #contactForm textarea{border:1px solid var(--black);color:#272727;font-size:14px;line-height:30px;margin:0 0 15px 0;outline:0;padding:10px;resize:none;width:100%;background:#fff}
#contactForm button{color:var(--black); background:var(--celGreen); border:1px solid var(--black); line-height:20px; font-size:14px; padding:10px 50px; width:100%; text-transform:uppercase; font-weight:400;}
#contactForm button .fas{margin:0 10px 0 0;}
#mail_fail,#mail_success,#mail_success_footer,#mail_fail_footer{display:none;padding:15px 0;margin:20px 0 0 0;float:right;font-size:13px;line-height:12px;border-radius:4px; width:100%; text-align:center;}
#mail_success,#mail_success_footer{color:#044406;background-color:#B7FBB9}
#mail_fail, #mail_fail_footer{color:#D8000C;background-color:#FFBABA}
p.title2 {font-size: 36px; color: var(--celGreen); margin-bottom: 55px; margin-top: 0;}

/* Mapa */
.contactBottom{width: 100%;}
.contactBottom iframe{width: 100%; margin: 60px auto;}

/* Solutions */

.solutionsHolder .solutionsImage{margin-bottom: 50px;}
.solutionsVideoWrapper{margin: 50px 0; text-align: center;}

.faqHolderBg{position: relative;padding-top: 50px;}
.faqHolderBg h1,.faqHolderBg .pageContent{position: relative;z-index: 2;}
.faqHolderBg h2.h1{font-size: 22px; font-weight: 400; color: var(--blue);}
.faqHolder{display: flex; flex-direction: row; flex-wrap: wrap; align-items: baseline;}
.faqWrapper{margin:0 0 15px 0; width: 100%;}
.faqWrapper .title{margin:0 !important; padding:10px 0 10px 32px; position:relative; font-size: 17px;font-weight: 400; color: var(--default); background-color: var(--footerColor);}
/*.faqWrapper .title::after {position: absolute; left: 0; top: 20px; transform: translateY(-50%); content: "+"; width: 32px; height: 32px; border-radius: 50%; text-align: center; line-height: 32px; color: var(--default); font-size: 24px;}*/
.faqWrapper .title.open{background-color: var(--default); color: var(--white);}
/*.faqWrapper .title.open::after {content: "-"; color: var(--white);}*/
.faqWrapper .text {width: 60%; color: var(--default);font-size: 16px;line-height: 1.2; padding-left: 100px;}
.faqWrapper .solutionsProductLeft{width: 35%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center;}
.faqWrapper .solutionsProductLeft .image{width: 70%; margin: 0 auto;}
.faqWrapper .solutionsProductLeft a{background-color: var(--default); color: var(--white); padding: 5px 15px; margin: 25px auto 0;}
.faqHolderBg .faqHolder .faqWrapper .productWrapper{display: none;}
.faqHolderBg .faqHolder .faqWrapper .productWrapper.open{display: flex !important; flex-direction: row; justify-content: space-evenly; align-items: flex-start; padding: 20px 0;}


/* Products */

#products .products_holder{width: 100%; display: flex; justify-content: space-between; align-items: flex-start; flex-flow: row wrap; gap: 4%; margin-top: 30px;position: relative;}
#products .products_holder::after{content: "";flex: auto;}
#products .products_holder .products_item{display: flex; flex-direction: column; justify-content: flex-start; align-items: center; background-color: #fff; box-shadow: 0 2px 4px 0 rgba(70,63,95,.1); border-radius: 2%; padding: 25px 15px; transition: all .3s linear; margin: 10px 0; width: calc(calc(100% - 8%) / 3);}
#products .products_holder .products_item:hover .products_image img{transform: scale(1.3);}
#products .products_holder .products_item .products_image{height: 250px; overflow: hidden; display: flex; justify-content: center; align-items: center; padding: 25px;}
#products .products_holder .products_item .products_text h3{min-height: 70px;}
#products .products_holder .products_item .products_text{display: flex; justify-content: center; align-items: center; margin-top: 15px;}
#products .products_holder .products_item .products_short{min-height: 350px;}
#products .products_holder .products_item .products_text a{background-color: var(--default); color: var(--white); font-size: 18px; padding: 7px 21px; margin: 25px auto 0;}


/* Product */

#productItem .productHolder{display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start;}
#productItem .productHolder .productImage{width: 45%;}
#productItem .productHolder .productText{width: 45%;}
#productItem .productHolder .productText p strong{font-size: 26px; font-weight: 400; line-height: 50px; color: var(--default);}
#productItem .productVideoWrapper{margin-top: 75px;}

.productTypeBox .productTypeBoxTitle{font-size: 32px; font-weight: 400;}
.productTypeBox #productTypeCarousel .slideHolder{width: 100%;}
.productTypeBox #productTypeCarousel .slideHolder .productTypeText{display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; border: 1px solid var(--default); width: 80%; margin: 0 auto; border-radius: 2%; padding: 25px; min-height: 500px;}
.productTypeBox #productTypeCarousel .slideHolder .productTypeText .productTypeTitle{font-size: 24px; font-weight: 400; color: var(--default); text-transform: uppercase; text-align: center;}
.productTypeBox #productTypeCarousel .slideHolder .productTypeText .productTypeContent ul{padding: 0 15px;}
.owl-carousel .owl-nav button.owl-prev{position: absolute; top: 40%; left: -50px; font-size: 42px !important; padding: 8px 12px !important; color: var(--grey) !important;}
.owl-carousel .owl-nav button.owl-next{position: absolute; top: 40%; right: -50px; font-size: 42px !important; padding: 8px 12px !important; color: var(--grey) !important;}