html{ width:100%;}
body{width:100%; margin:0; overflow-x: hidden; padding-top: 0;  font-size:16px;  font-family: 'Montserrat', sans-serif;}
a, a img{text-decoration:none;outline:none;border:none;}
a:hover{ text-decoration: none !important;}
.clr{ clear:both; height:0;}
.fancybox-button svg path{color: #fff !important;}
*,*:after,*::before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;text-decoration: none;list-style-type: none;outline: none;color:#000; font-family: 'Montserrat', sans-serif; }
a:focus {outline: 0;}
a{ text-decoration: none !important;}


 

header{position:fixed;left:50%;padding: 35px 4%;background: #fff;width:90%;transform: translate(-50%,0);z-index: 9;top: 0;box-shadow: 1px 3px 35px 0px rgb(80 80 80 / 17%);}
header .container-fluid{ width:100% !important}

.menu-right{ display: flex; align-items: center;}
.menu-right nav a{ color: #343436; font-size:20px; margin-right:40px; position: relative;} 
.menu-right nav a::after{height:2px; position: absolute; left:0;bottom:-4px; background: #D01818; content: ''; width:0; transition: 0.3s ease-in-out 0s; }
.menu-right nav a:hover::after{ width:100%}

.search-btn{margin-right:30px;margin-left: 22px;}
.lang{display: flex;align-items: center;position: relative;width:100%;max-width: 100px;border:2px solid #393939; border-radius:20px;transition: 0.3s ease-in-out 0s;}
.lang:hover{ border-radius: 0;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;}
.lang span{display: flex;justify-content: space-between;width:100%;padding: 0 26px;height:40px;align-items: center;}
.lang .lang-drop{position: absolute;visibility:hidden;left: -2%;top: 101%;background:#000;display: flex;flex-direction: column;width: 104%;text-align: center;-webkit-border-bottom-right-radius: 20px;-webkit-border-bottom-left-radius: 20px;-moz-border-radius-bottomright: 20px;-moz-border-radius-bottomleft: 20px;border-bottom-right-radius: 20px;border-bottom-left-radius: 20px;opacity: 0;transition: 0.3s ease-in-out 0s;box-shadow: 0 13px 35px 10px rgb(80 80 80 / 17%);overflow: hidden;}
.lang .lang-drop a{color:#000;font-size:14px;color:#fff;padding: 6px 0;transition: 0.3s ease-in-out 0s;}
.lang .lang-drop a:hover{background:#fff;color: #000;}
.lang span img{ width:16px; display: block;}
.lang span small{ font-size:14px; font-weight: bold;}
.lang:hover .lang-drop{ opacity:1; visibility:visible; z-index:auto;}

.menu-right{ display: flex;justify-content: flex-end;}


.home-slider .text{position: absolute;left: 13%;top: 23%;}
.home-slider .text h3{color: #fff;font-size:72px;margin-bottom: 50%;font-weight: bold;}
.home-slider .text a{background:#fff;display: flex;width:max-content;height:66px;align-items: center;padding: 0 26px;border-radius: 40px;transition: 0.3s ease-in-out 0s;}
.home-slider .text a:hover{ background:#ddd;}
.home-slider .text a img{width:20px;margin-left: 24px;height: auto;}

.social-icons-left{position: fixed;left:0;top:50%;transform: translate(0,-50%);z-index:6;display: flex;flex-direction: column;background: #fff;padding: 25px 25px 11px 20px;-webkit-border-top-right-radius: 30px;-webkit-border-bottom-right-radius: 30px;-moz-border-radius-topright: 30px;-moz-border-radius-bottomright: 30px;border-top-right-radius: 30px;border-bottom-right-radius: 30px;box-shadow: 1px 3px 35px 0px rgb(80 80 80 / 17%);}
.social-icons-left a{ margin-bottom: 10px;}

.right-contact-icons{position: fixed;right:0;top:50%;transform: translate(0,-50%);z-index:6;display: flex;flex-direction: column;background: #fff;padding: 25px 15px 2px 20px;-webkit-border-top-left-radius: 30px;-webkit-border-bottom-left-radius: 30px;-moz-border-radius-topleft: 30px;-moz-border-radius-bottomleft: 30px;border-top-left-radius: 30px;border-bottom-left-radius: 30px;box-shadow: 1px 3px 35px 0px rgb(80 80 80 / 17%);}
.right-contact-icons a{ margin-bottom: 20px;}
.right-contact-icons a img{ width:52px}


.teaser-container{ margin-top:10px; position: relative; margin-bottom: 110px;}
.teaser-container::after{ width:100%; height:260px; content: ''; position: absolute; top:0; left:0; background: #E8EAED; z-index:-1; }
.teaser-container .container-fluid{ width:75%; margin:auto;}
.teaser-container .row{ display: flex; justify-content: space-between;}
.teaser-container .item{display: flex;align-items: center;padding: 0;color: #fff;width:49%;margin-top: 60px;}
.teaser-container .item *{ color: #fff;}
.teaser-container .item a *{ color: #000;}
.teaser-container .item:nth-child(1){ background: #7987A0;}
.teaser-container .item:nth-child(2){ background: #E3A542;}
.teaser-container .item .img{ width:65%;}
.teaser-container .item .text-right{ padding: 40px 25px; width:35%;}
.teaser-container .item .text-right h3{ margin-bottom: 20px; font-weight: bold;}
.teaser-container .item .text-right p{ margin-bottom: 80px;}
.teaser-container .item .text-right a{ background: #fff; width:100%;transition: 0.3s ease-in-out 0s; text-align: center; align-items: center;display: flex; align-items: center; justify-content: center; height:43px; border-radius: 22px;}
.teaser-container .item .text-right a span{ font-size:22px;margin-right:10px;}
.teaser-container .item .text-right a:hover{background: #ddd;}

.corporate .container-fluid{ width:75%; margin:auto; margin-bottom: 95px;}
.corporate .item{display: flex;align-items: center;padding: 0;color: #fff;width:49%;margin-top: 0;}
.corporate .text{ display: flex; flex-direction: column; justify-content: center; padding: 0 60px;}
.corporate .text h5{ font-size:30px; font-weight: bold; margin-bottom: 10px;}



.catalog-home .container-fluid{ width:75%; margin:auto; margin-bottom: 95px; overflow: hidden;}
.catalog-home .row{ display: flex; justify-content: space-between;}
.catalog-home .item{display: flex;align-items: center;padding: 0;color: #fff;width:49%;margin-top: 0; background: #E8EAED;  }
.catalog-home .img{ width:50%; }
.catalog-home .left-text{ padding: 40px; padding-right: 90px; width:50%; }
.catalog-home .left-text h5{ font-weight: bold; font-size:30px;}
.catalog-home .left-text p{ margin-bottom: 70px; height:100px}
.catalog-home .left-text a{ display: flex; align-items: flex-end; }
.catalog-home .left-text a img{ margin-right: 23px; width:50px}
.catalog-home .left-text a span{ font-weight: bold;}
.catalog-home .left-text h5{ margin-bottom: 30px;}

.blog-area .container-fluid{width:75%;margin:auto;margin-bottom: 0;}
.blog-area h5{ font-size:30px; font-weight: bold; margin-bottom: 33px;}

.blog-area .item{display: flex;padding: 20px;background:#E8EAED;margin-bottom: 0;}
.blog-area .item .img{ width:50%;}
.blog-area .item .text{ padding: 50px; width:50%;}
.blog-area .item .text h3{ margin-bottom: 30px;}
.blog-area .item .text a{background: #FFFFFF;text-align: center;padding: 0 40px;height:40px;align-items: center;display: flex;width:max-content;color: #000;border-radius: 22px;float: right;margin-top: 20px;transition: 0.3s ease-in-out 0s;}
.blog-area .item .text a:hover{ background:red; color:#fff;}
.blog-area .item .text p{overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -webkit-box;
white-space: normal;}

.blog-area{ margin-bottom:110px;}
.blog-area .owl-prev{width:82px;height:17px;background:url(../img/prev.svg) no-repeat !important;background-size:100%;margin-right:20px !important;transition: 0.3s ease-in-out 0s;font-size: 0 !important;}
.blog-area .owl-next:hover, .blog-area .owl-prev:hover{background:url(../img/prevH.svg) no-repeat !important; }
.blog-area .owl-next{width:82px;height:17px;background:url(../img/prev.svg) no-repeat !important;transform: rotate(-180deg);background-size:100%;transition: 0.3s ease-in-out 0s;font-size: 0 !important;}

.blog-area .owl-theme .owl-nav{margin-top: 30px;}



.contact-info{height:95px;background:#AE0721;width: 100%;display: flex;align-items: center;justify-content: center;}
.contact-info .container-fluid{width:75%;margin:auto;margin-bottom: 0;/* align-items: center; *//* display: flex; */margin: 0;}
.contact-info  .phone-icon{ margin-right:20px;}
.contact-info *{ color: #fff;}
.contact-info a{ margin-right: 60px;}
.contact-info a:last-child{ margin-right: 0;}
.contact-info .container-fluid .row{display:flex;justify-content: space-between;}


.follow-footer-links{display: flex;justify-content: flex-end;}
.follow-footer-links .links{display: flex;margin-left: 30px;}
.follow-footer-links .links a{ margin-right: 21px; transition: 0.3s ease-in-out 0s;}
.follow-footer-links .links a:hover{ opacity:.6}
.follow-footer-links span{font-weight: bold;color: #fff;font-size: 20px;}


footer{background: #E8EAED;padding: 80px 0 45px 0;padding-bottom: 0;}
footer .footer-logo{ margin-bottom: 30px; display: block;}
footer .footer-logos a{ margin-right: 20px;}
footer .footer-logos a:last-child{ margin-right: 0;}


.container-fluid{width: 75% !important;margin: 0;}


.footer-right-links .title-top{font-size:20px;width:100%;border-bottom: 2px solid #B7253C;display: flex;color: #000;margin-bottom: 20px;padding-bottom: 5px;}
.footer-right-links a{color:#000;font-size: 18px;margin-bottom:20px;display:flex;}
.footer-right-links a:hover{ color: #AE0721;}


.location-footer{ border-top:2px solid #B7253C; padding-top: 20px; margin-top:20px; display: flex; justify-content: space-between; }
.location-footer .left a{ margin-right: 40px;}

.copright{background: #fff;width:100%;margin-top: 30px; padding: 20px 0;}

.corporate-head{margin-top: 130px; margin-bottom: 188px;}
.corporate-head a{color: #313133;padding: 0 60px 0 20px;}
.corporate-head .links{border-bottom: 1px solid #707070; padding-bottom:28px; margin-bottom: 48px; position: relative; }
.corporate-head .links a{ position: relative; color: #313133;}
.corporate-head .links a::after{position: absolute;left:0;top: 48px;content: '';width: 0;height:5px;background:#AE0721;transition: 0.3s ease-in-out 0s;}
.corporate-head .links a.active::after{ width:100%;}

.corporate-head .imgs img{margin-bottom:12.5px;width: 100%;}
.corporate-head .left-text{ padding-right:50px;}
.corporate-head .left-text .icons{display: flex; margin-top:70px;}
.corporate-head .left-text .icons a{display: flex; flex-direction: column; text-align: center; align-items: center;}
.corporate-head .left-text .icons a span{ margin-top: 13px;}

.product-head{margin-top: 116px;}

.content-tab{ display: none;}

.product-btns{margin-top:-90px;margin-bottom: 100px;}
.product-btns a{ background: #51515A; width:100%; display: flex; transition: 0.3s ease-in-out 0s; height: 324px; align-items: center; justify-content: center; flex-direction: column; } 
.product-btns a:hover{ background:#AE0721;}
.product-btns a span small{ font-size:30px; font-weight: bold; color: #fff; margin-left: 30px;}
.product-btns a p {border-radius: 22px;background: #fff;padding:0 30px;height:43px;display: flex;align-items: center;margin-top:57px;margin-bottom: 0;}
.product-btns a p small{  margin-right:17px }

.prod-list-area{margin-top: 170px;margin-bottom:80px}

.prod-list-area a{display: flex;flex-direction: column;border:12px solid #51515A;margin-bottom: 40px;}
.prod-list-area a img{ padding: 30px;}
.prod-list-area a span{display: flex;justify-content: center;background:#51515A;text-align: center;color: #fff;padding: 15px 0 5px 0;font-size:22px;font-weight: bold;} 

.prod-list-area h1{text-align: center;font-size:28px;font-weight: bold;margin-bottom: 30px;}

.prod-list-detail{ margin-top:150px;}
.prod-list-detail .btns-area-top{ display: flex; justify-content: center; margin-bottom: 50px; border-radius: 38px; }
.prod-list-detail .btns-area-top a{ border-radius: 38px; height:70px; display: flex; align-items: center; padding: 0 40px; color: #000; margin:0 10px }
.prod-list-detail .btns-area-top a.active, .prod-list-detail .btns-area-top a:hover{ background: #EAEAEA; } 



.outer { margin:0 auto; max-width:800px;}
#big .item {background: none;padding: 0;margin:2px;color: #FFF;border-radius: 0;text-align: center;padding: 30px;border: 4px solid #51515A;}
#thumbs .item {background: #C9C9C9;padding: 0px;margin:2px;color: #FFF;border-radius: 0;text-align: center;cursor: pointer;border: 2px solid #A1AABC;}
#thumbs .item h1 { font-size: 18px; }
#thumbs .current .item {background: none;border: 2px solid red;}
#big.owl-theme { position: relative; }
#big.owl-theme .owl-next, #big.owl-theme .owl-prev {background:#333;width: 22px;line-height:40px;height: 40px;margin-top: -20px;position: absolute;text-align:center;top: 50%;display: none;}
#big.owl-theme .owl-prev { left: 10px; }
#big.owl-theme .owl-next { right: 10px; }
#thumbs.owl-theme .owl-next, #thumbs.owl-theme .owl-prev { background:#333; }

#thumbs{ margin-top:32px;}

.detail-info{ display: flex; justify-content:space-between; margin-top:50px; position: relative;}
.detail-info::after{top: 38px;content: '';width:100%;height:1px;background: #000;position: absolute;}
.detail-info .title{  color: #313133; font-size:16px; font-weight: bold; margin-bottom: 30px;   }

.other-prod{ margin-top:80px; margin-bottom: 60px;}
.other-prod h4{ font-size:25px; width:100%; text-align: left; position: relative; margin-bottom: 40px;}
.other-prod h4 span{background: #fff;display: flex;position: relative;top:10px;z-index: 2;width: max-content;padding-right: 30px;font-weight: bold;}
.other-prod h4::after{ width:100%; height:1px; background: #707070; content: ''; position: absolute; left:0; top:30px;}


.prod-list-detail .right-content{padding-left: 50px;padding-top: 50px;}
.prod-list-detail .right-content h1{font-size:25px; font-weight: bold; }
.prod-list-detail .right-content h2{font-size:18px;font-weight: 500;color: #313133;margin-bottom: 20px;}


.other-prod a{display: flex;flex-direction: column;border:12px solid #51515A;margin-bottom: 40px;}
.other-prod a img{ padding: 30px;}
.other-prod a span{display: flex;justify-content: center;background:#51515A;text-align: center;color: #fff;padding: 15px 0 5px 0;font-size:22px;font-weight: bold;} 


.other-prod .owl-prev{width:82px;height:17px;background:url(../img/prev.svg) no-repeat !important;background-size:100%;margin-right:20px !important;transition: 0.3s ease-in-out 0s;font-size: 0 !important;}
.other-prod .owl-next:hover, .other-prod .owl-prev:hover{background:url(../img/prevH.svg) no-repeat !important; }
.other-prod .owl-next{width:82px;height:17px;background:url(../img/prev.svg) no-repeat !important;transform: rotate(-180deg);background-size:100%;transition: 0.3s ease-in-out 0s;font-size: 0 !important;}

.blog-list{ margin-top:203px; margin-bottom: 40px;}
.blog-detail{ margin-top:203px; margin-bottom: 40px;}

.blog-detail .img{ background: #E8EAED; padding: 20px; margin-bottom: 40px; }
.blog-detail h1{ font-size:26px; margin-bottom: 10px;}

.blog-list .item{display: flex;padding: 20px;background:#E8EAED;margin-bottom: 18px;}
.blog-list .item .img{ width:50%;}
.blog-list .item .text{ padding: 50px; width:50%;}
.blog-list .item .text h3{ margin-bottom: 30px;}
.blog-list .item .text a{background: #FFFFFF;text-align: center;padding: 0 40px;transition: 0.3s ease-in-out 0s;height:40px;align-items: center;display: flex;width:max-content;color: #000;border-radius: 22px;float: right;margin-top: 20px;}
.blog-list .item .text a:hover{ background: #D01818; color: #fff;}
.blog-list .item .text p{overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -webkit-box;
white-space: normal;}


.bottom-page{ margin-top:203px; margin-bottom: 70px; }
.katalog-detail h1{margin-top:20px;font-size:26px;margin-bottom: 32px;margin-top: 50px;}
.katalog-detail .item{ display: flex; }
.katalog-detail .item .img{width: 45%;border: 15px solid #AE0721;}
.katalog-detail .item .right-text{width: 55%;display: flex;justify-content: center;flex-direction: column;padding: 0 40px;}
.katalog-detail .item .right-text h3{font-size:22px;margin-bottom: 20px;}
.katalog-detail .item .right-text a span{ font-size:18px; margin-left: 10px;}


.contact-page .contact-area{ padding-left: 88px;}
.contact-page .contact-area .title-sub {font-size:36px; font-weight: 500; margin-top:67px; margin-bottom: 46px; padding-left: 40px;}
.contact-page .row-list .item{ display: flex; margin-bottom:20px; padding-bottom: 20px; border-bottom:1px solid #707070; width:50%; flex-direction: column;  }
.contact-page .row-list .item .box{ display: flex;}
.contact-page .row-list .item img{margin-right: 15px;width:25px;}
.contact-page .row-list .item h5{padding-left: 40px;margin-bottom: 9px;font-weight: 500;}
.contact-page .row-list .item  a{ color: #000;}
.contact-page .row-list .item:last-child{ border:0; margin:0; padding: 0;}

.form{margin-top: 60px;margin-bottom: 60px;width:100%;padding-left: 88px !important;}
.form input{ width:100%; background: #F4F5F7; border:0; height:50px; padding-left: 30px; }
.form textarea{ width:100%; background: #F4F5F7; border:0; height:150px; resize:none;outline:none; margin-top:20px; padding-left: 30px; padding-top: 30px;}

.form button{ padding: 0 60px; background:#AE0721; border-radius: 33px; height:66px; border:0; color: #fff; font-size:20px; margin-top:20px; }



.scrolleffect1
{
perspective: 800px;
-webkit-transform: translateX(-100%) rotate(90deg);
transform: translateX(-100%) rotate(90deg);
-webkit-transition: all .5s;
transition: all .5s;
}

.scrolleffect2
{
perspective: 800px;
-webkit-transform: translateX(100%) rotate(-90deg);
transform: translateX(100%) rotate(-90deg);
-webkit-transition: all .5s;
transition: all .5s;
}

.scrolleffect1.open,
.scrolleffect2.open
{
-webkit-transform: translateX(0%) rotateX(0deg);
transform: translateX(0%) rotateX(0deg);
}


.menu-icon{ display: none;}
/* menu icon */
.menu-header-icon{ position: relative;}
.menu-icon{position:absolute;margin-left: 0;padding: 0;cursor:pointer;z-index: 999;right: 7%;top: 65%;width: 60px !important;height: 60px;/* overflow: hidden; */padding-top: 10px;transform: translate(10%, -50%);}
.menu-icon::before{content:"";position:absolute;left:0;top:10%;width:1px;height:80%;background: #032168;opacity: 0;}
.menu-icon a{position:relative;margin-top: 0;display: flex;width: 100%;top: 0;padding-top: 20px;}
.menu-icon a::before, .menu-icon a i, .menu-icon a::after{content:"";display:block;position:absolute;right: 0;top:0;width: 45px;height: 3px;background: #000;transition: all 0.3s ease-in-out;}
.menu-icon a::before{top:0;width: 45px;right: 0;left: auto;}
.menu-icon a i{width: 45px;top: 17px;/* display: none; */background: #000;}
.menu-icon.active i{width: 0;opacity: 0;}
.menu-icon a::after{top: 8px;}
.menu-icon.active::before{ display:none;}
.menu-icon.active a:before {-webkit-transform: translateY(3px) rotate(130deg);-moz-transform: translateY(3px) rotate(130deg);-o-transform: translateY(3px) rotate(130deg);-ms-transform: translateY(3px) rotate(130deg);transform: translateY(3px) rotate(130deg);display:block;/* left: 0; */width: 41px;}
.menu-icon.active a:after {-webkit-transform:  translateY(-5px) rotate(-130deg);-moz-transform:  translateY(-5px) rotate(-130deg);-o-transform:  translateY(-5px) rotate(-130deg);-ms-transform:  translateY(-5px) rotate(-130deg);transform: translateY(-5px) rotate(-130deg);width: 41px;}
/* menu icon */



@media screen and (max-width: 1620px){
.teaser-container .item .text-right h3{ font-size:18px;}
.teaser-container .item .text-right p {margin-bottom: 60px;font-size: 14px;}
.home-slider .text h3 {color: #fff;font-size: 72px;margin-bottom: 38%;font-weight: bold;}
.catalog-home .left-text p {
  margin-bottom: 40px;
  height: 80px;
}
.catalog-home .left-text {
  padding: 30px;
  padding-right: 20px;
  width: 50%;
}

}

.overFlowHidden{ overflow: hidden;}

@media screen and (max-width: 1024px){
header{width:100%;padding: 19px 3%;}
.menu-icon {
  display: flex;
}
.menu-right{position: fixed;left:0;top: 99%;background: #fff;height: 100vh;justify-content: flex-start;align-items: center;flex-direction: column;text-align: center;display: none;}
.menu-right nav{display:flex;flex-direction:column;padding-top: 20px;}
.menu-right nav a{margin-right:0;margin-bottom: 12px;font-size: 22px;}
.search-btn{ display:none;}
.lang{ margin:auto;}
.home-slide{ margin-top:100px; }
.home-slider .text h3{ font-size:32px;}
.right-contact-icons a img {width: 32px;}
.social-icons-left {padding: 25px 20px 11px 10px;}
.home-slide .item img{ height:500px; object-fit: cover;}
.corporate .item, .teaser-container .item{ width:100%;}
.corporate .text{ margin-top:20px; padding: 0 ;}
.catalog-home .item{width:100%;margin-bottom: 30px;}
.blog-area .item .text, .blog-area .item .img{ width:100%;}
.blog-area .item{ flex-direction:column;}
  .blog-area .item .text{ padding:20px;}
  .blog-area .item .text h3 {
    margin-bottom: 10px;
}
  .contact-info{ height:auto; padding:20px 0;}
  .contact-info .container-fluid .row{justify-content: center;align-items: center;}
  .follow-footer-links{justify-content: center;margin-top: 10px !important;}
  .corporate-head .imgs, .corporate-head .left-text{ width:100%;}
  .corporate-head .imgs{ margin-bottom:30px;}
  .corporate-head .row{ flex-direction: column-reverse;}
  .blog-list .item .img {
    width: 100%;
}
.blog-list .item .text{width: 100%;padding: 20px 0;}
.blog-list .item{ flex-direction: column;}
}


@media screen and (max-width: 640px){


.container-fluid {
  width: 94% !important;
  margin: 0;
}
.social-icons-left{ display: none; }
.corporate-head .links {
  border-bottom: 1px solid #707070;
  padding-bottom: 18px;
  margin-bottom: 28px;
  position: relative;
  display: flex;
  white-space: nowrap;
  overflow: hidden;
  overflow-x: auto;
}
.corporate-head a {
  color: #313133;
  padding: 0 20px 0 0px;
  font-size: 14px;
}

  .corporate-head .links a::after{ top:36px;}
  .teaser-container .item{ flex-direction: column;}
  .teaser-container .item .img {
    width: 100%;
}

.teaser-container .item .text-right {
  padding: 40px 25px;
  width: 100%;
}
.teaser-container .item .text-right p {
    margin-bottom: 20px;
    font-size: 14px;
}
.right-contact-icons {
  position: fixed;
  right: 0;
  top: auto;
  transform: translate(0,0%);
  z-index: 6;
  display: flex;
  flex-direction: column;
  background: #fff;
  padding: 10px 0;
  -webkit-border-top-left-radius: 30px;
  -webkit-border-bottom-left-radius: 30px;
  -moz-border-radius-topleft: 30px;
  -moz-border-radius-bottomleft: 30px;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  box-shadow: 1px 3px 35px 0px rgb(80 80 80 / 17%);
  left: 0;
  width: 100%;
  justify-content: center;
  flex-direction: row;
  border-radius: 0;
  bottom: 0;
}
.right-contact-icons a{margin-bottom: 0;margin: 0 10px;}
.home-slider .text h3 {
  font-size: 30px;
  margin-bottom: 10%;
}
.teaser-container {
  margin-top: 10px;
  position: relative;
  margin-bottom: 60px;
}
.prod-list-area {
  margin-top: 130px;
  margin-bottom: 80px;
}.prod-list-detail .right-content {
  padding-left: 0;
  padding-top: 10px;
}
.detail-info .item{ width:50%; margin-bottom:40px;}
.detail-info{ flex-wrap: wrap;}
.detail-info .title {
color: #313133;
font-size: 16px;
font-weight: bold;
margin-bottom: 15px;
}
.detail-info::after{ opacity: 0;}
.copright{ margin-bottom: 40px;}
.footer-right-links .title-top{ margin-top: 30px;}
  .blog-list .item .text h3{ margin-bottom:20px;}
  .blog-list {
    margin-top: 123px;
    margin-bottom: 40px;
}.blog-detail {
    margin-top: 133px;
    margin-bottom: 40px;
}
.blog-detail .img {
    background: #E8EAED;
    padding: 5px;
    margin-bottom: 40px;
}
.katalog-detail .item .right-text h3 {
  font-size: 16px;
  margin-bottom: 20px;
}
.katalog-detail .item .right-text a img{ width:30px;}
.bottom-page {
  margin-top: 123px;
  margin-bottom: 20px;
}
.contact-page .contact-area .title-sub {
  font-size: 18px;
  font-weight: 500;
  margin-top: 17px;
  margin-bottom: 46px;
  padding-left: 0;
}
.contact-page .contact-area {
    padding-left: 4%;
}
.contact-page .row-list .item {
  display: flex;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #707070;
  width: 100%;
  flex-direction: column;
}
.form {
  margin-top: 60px;
  margin-bottom: 60px;
  width: 100%;
  padding-left: 0 !important;
}
.form input{ margin-bottom: 20px;}
.form textarea { margin-top:0;}
.follow-footer-links{ display: flex; flex-direction: column; text-align: center;}
.follow-footer-links .links {
  display: flex;
  margin-left: 0;
  justify-content: center;
  margin-top: 10px;
}
.contact-info a{ margin-right:2%;}
.contact-info .col-lg-6.p-0{ flex-direction: column;
display: flex;
justify-content: center;
text-align: center;
align-items: center;}
.contact-info .phone-icon {
  margin-right: 0;
  width: 30px;
  margin-bottom: 10px;
}


}