@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');

body { font-family: "Manrope", sans-serif; background-color: #fff;  font-size: 20px; line-height: 27px; font-style: normal; color: #000; font-weight: 400;   }
h1, h2, h3, h4, h5, h6 {  font-family: "Manrope", sans-serif; font-style: normal; text-transform: uppercase; font-weight: 700; font-size: 120px;line-height: 140px; margin-bottom: 30px; color: #000;}
a, a:focus, a:hover, button, button:focus, input[type=submit], input[type=submit]:hover{ text-decoration:none; outline: 0;  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
input:focus, select:focus,textarea:focus,button:focus {outline: none; box-shadow:none !important; border: none;}

.container, .container-fluid  [class*="col-"] { padding-left: 20px; padding-right: 20px;}
.row { margin-left: -20px; margin-right: -20px;}
.row  [class*="col-"] { position:relative; padding-left: 20px; padding-right: 20px; }

.container-fluid.hpadding { padding: 0; overflow: hidden ;}
.zerocol { padding: 0; margin: 0; position:relative; }
.zerocol .row { margin-left: 0px; margin-right: 0px;}
.zerocol .row  [class*="col-"] { padding-left: 0px; padding-right: 0px;}

.navbar-toggler { display: none; height: 42px;  width: 50px;  border-radius: 0px; background-color: none;position:absolute; right: 14px; top: 2px; z-index: 102; border: 0; padding: 0;  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease; }
.navbar-toggler i{ width: 30px; height: 1px; background: rgba(255,255,255,1); border-radius: 0px; position:absolute; z-index: 5; left: 10px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease; opacity: 1; font-size: 0px; line-height:  0px; color:rgba(255,255,255, 0); }
.navbar-toggler i:nth-child(1){ top: 10px;}
.navbar-toggler i:nth-child(2){top: 21px;}
.navbar-toggler i:nth-child(3){top: 32px;}
.navbar-toggler.active i:nth-child(2) { opacity: 0;}
.navbar-toggler.active i:nth-child(1) { transform: rotate(-45deg); top: 15px;}
.navbar-toggler.active i:nth-child(3) { transform: rotate(45deg); top: 15px; }

.header { position: fixed;  padding:  0; z-index:  999; left:  0; right:  0; top:  0;  height:  106px;-moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease; }
.header:after { content: ""; background: rgba(0,0,0,0.9); position: fixed; height:  106px;z-index: 1; left: 0; right: 0; top: 0; mix-blend-mode: multiply; }
.header .container { position: relative; max-width: 100%; width: 100%; padding: 0; z-index:  3;}	
.logo { position: absolute; z-index:  99; left: 80px;top: 30px; padding: 0;-moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;  }
.logo a { display: block; height: 100%;}
.logo img { max-width: 100%;}

.home_header {overflow: hidden; padding: 106px 0 0 100px; margin: 0; z-index: 1;  position: relative; background: #fff; display: flex; justify-content: right; align-items: end;}
.home_header:after {content:""; position: absolute;  left: 0; top: 106px; bottom: 0px; z-index: 2; width: 15px; background: url("../images/color_line.svg") no-repeat left center; background-size: cover;  }
.home_header img { max-width: 100%;}

.header_caption { position: absolute; text-align: left; justify-content: left;top: 250px; left: 60px;  right: 60px; z-index: 3; padding: 0px;}
.header_caption ul { display: flex;  flex-wrap: wrap; padding: 0; margin: 0 -15px; list-style: none; justify-content: left;}
.header_caption ul li {flex: 0 0 auto;  width: auto; max-width: auto; padding:20px 15px 0 15px; margin: 0; }
.common_icon { background: none; border: 0;text-decoration: none; padding: 0; display: block; text-align: center; }
.common_icon i {display: inline-block; width: 88px; height: 88px; position: relative;  }
.common_icon i img { position: absolute; max-width: 66%; max-height: 65px; width: auto; z-index: 5; left: 50%; top: 50%;  -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: all 0.5s ease; }
.common_icon i img:nth-child(2), .common_icon:hover i img:nth-child(1), .have_icon:hover .common_icon i img:nth-child(1) { opacity: 0;} 
.common_icon i:before {content:""; position: absolute;  z-index: 2; left: 0; right: 0; top: 0; bottom: 0;background: url("../images/circle.svg") no-repeat center center; background-size: 100% auto;  transition: all 0.5s ease;}
.common_icon:hover i:before, .have_icon:hover .common_icon i:before { transform: rotate(40deg); transition: all 0.5s ease;}
.common_icon i:after, .have_icon .common_icon i:after {content:""; opacity: 0; border-radius: 50%; position: absolute;  z-index: 1; left: 2px; right: 1px; top: 2px; bottom: 1px;  transition: all 0.5s ease;}
.common_icon:hover i:after, .have_icon:hover .common_icon i:after{opacity: 1;transition: all 0.5s ease;}
.common_icon.icon1 i:after { background: #E04E50;}
.common_icon.icon2 i:after { background: #73CDDF;}
.common_icon.icon3 i:after { background: #5F99F0;}
.common_icon.icon4 i:after { background: #F0D35F;}
.common_icon.icon5 i:after { background: #B5DF73;}
.common_icon:hover i img:nth-child(2) { opacity: 1;}
.have_icon:hover .common_icon i img:nth-child(1) { opacity: 1;}
.common_icon b { display: block; text-align: center; color: #010101; font-size: 13px; line-height: 18px; font-weight: 300;}

.about_title { position: relative; padding: 0 0 10px 0; background: #131617; z-index: 3; }
.about_title .container .row { align-items: end;height: 268px;}
.about_title h1 {color: #fff; margin-bottom: 0; }
.about_title:after {content:""; position: absolute;  left: 0; right: 0; bottom: -50px; z-index: 2; height: 100px; pointer-events: none; background: url("../images/zipline.svg") repeat-x left center; }
.about_home { padding-top: 90px; padding-bottom: 150px; padding-left: 25%;}
.about_home a { text-decoration: underline;}

.readmore a, .see_all a { text-align: center; min-width: 200px; display: inline-block; border: solid 1px #010101; background: #010101; color: #F8FCF2; padding: 16px 30px; font-size: 16px; line-height: 26px; border-radius: 50px;text-decoration: none;}
.readmore a:hover {background: #fff; color: #131617;}
.see_all a { background: #fff; color: #131617;}
.see_all a:hover {background: rgba(255,255,255, 0); color: #fff; border-color: #fff;}

.segment_section { padding: 100px 60px 50px 60px;position: relative;z-index: 2;}
.segment_section .row { margin-left: -24px; margin-right: -24px;}
.segment_section .row  [class*="col-"] { padding-left: 24px; padding-right: 24px; padding-bottom: 48px; margin-bottom: 48px;}
.segment_section .row  [class*="col-"]:after { content: ""; position: absolute; left: 24px; right: 24px; bottom: 0; height: 1px; background: #000;}
.segment_block {font-size: 16px; line-height: 30px;  display: block; position: relative;}
.segment_block .common_icon { position: absolute; right: 0; top: 0;z-index: 2;}
.segment_block a {color: #000; text-decoration: none!important; display: flex;  flex-wrap: wrap; }
.segment_pic {flex: 0 0 auto;  width: 57%; max-width: 57%;}
.segment_text {flex: 0 0 auto;  width: 43%; max-width: 43%; padding-left: 40px; position: relative;}
.segment_pic img, .products_img img, .article_img img { width: 100%;}
.segment_text h2 {font-size: 44px; line-height: 44px; font-weight: 800; text-transform: inherit; padding-right: 90px; margin-bottom: 20px;}
.segment_text h3 {font-size: 16px; line-height: 30px; margin-bottom: 0;}
.segment_text p { margin-bottom: 0;}

.our_products {position: relative;z-index: 4; padding: 0 0 100px 0; }
.zipline { position: absolute;  left: 0; right: 0; top: 45px; z-index: 4; height: 190px; pointer-events: none; }
.zipline:before {content:""; position: absolute;  left: 0; right: 0; bottom: 0; top: 0; z-index: 2;  pointer-events: none; background: url("../images/zipline2.svg") no-repeat left top; }
.zipline:after {content:""; position: absolute;  left: 0; top: 15px; z-index: 1; transform: rotate(0deg); width: 0;height: 0;
border-top: 78px solid transparent;border-left: 188px solid #fff;border-bottom: 85px solid transparent;}
.our_products:before {content:""; position: absolute;  left: 0; right: 0; bottom: 0; top: 140px; z-index: 2;  pointer-events: none; background: #36393B; }
.our_products:after {content:""; position: absolute;  left: 0; right: 0; bottom: -50px; z-index: 3; height: 100px; pointer-events: none; background: url("../images/zipline3.svg") repeat-x left center; }
.our_products .container { position: relative; z-index: 6;}
.our_product_content { color: #fff; padding:30px 11% 30px 25%;}
.our_product_content p { margin-bottom: 0;}
.our_products h2 { text-transform: uppercase;  margin-bottom: 0;}
.our_products h2 b {color: #000; display: block; font-weight: 700; color: #fff;}
.products_block { display: block; height: 100%; border: solid 1px #fff; background: #fff;}
.our_products .row  [class*="col-"] { padding-bottom: 40px;}
.products_block a { color: #000; text-decoration: none!important; }
.products_img { display: block; position: relative; padding-bottom: 4px;}
.products_img:before{content:""; position: absolute; left: 0; right: 0; bottom: 0; height: 4px; z-index: 1;}
.our_products .row  [class*="col-"]:nth-last-child(3) .products_img:before {background: #B5DF73;}
.our_products .row  [class*="col-"]:nth-last-child(2) .products_img:before {background: #E04E50;}
.our_products .row  [class*="col-"]:nth-last-child(1) .products_img:before {background: #F0D35F;}
.product_text {display: block; position: relative;  padding: 0 16px;}
.product_text h3, .article_block h3, .video_text h3, .blog_text h3, .segment_shorts h3 {font-size: 20px; line-height: 24px; font-weight: 800; text-transform: uppercase; margin-bottom: 0; padding:18px 35px 18px 0;}
.product_text span { position: absolute; font-size: 0; color: rgba(0,0,0,0); right: 16px; top: 8px; width:30px; height: 44px;background: url("../images/arrow.svg") no-repeat right center; }
.product_text ul { display: flex;  flex-wrap: wrap; position: relative;  padding:10px 0 0px 0; margin: 0 -6px; list-style: none; justify-content: right;}
.product_text ul:after { content: ""; position: absolute; left: 6px; right: 6px; top: 0; height: 1px; background: #000;}
.product_text ul li {flex: 0 0 auto;  width: auto; max-width: auto; padding: 0 6px;}
.product_text .common_icon i {width :54px; height: 54px;}
.product_text  .common_icon i img { max-height: 40px;}
.see_all, .home_articles .readmore { text-align: center; padding-top: 60px;}

.home_articles {position: relative;z-index: 3; padding: 20px 0 0 0; }
.home_articles:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; height: 194px; background: #131617;}
.home_articles:after {content: "";position: absolute; z-index: 1; left: 0; right: 0;top: 145px; z-index: 2; height: 100px;pointer-events: none; background: url("../images/zipline6.svg") repeat-x left center;}
.home_articles h2 { color: #fff;}
.home_articles .row  [class*="col-"] { padding-bottom: 40px;}
.home_articles .row  [class*="col-"]:nth-child(1) { padding-bottom: 90px;}
.article_block { display: block; height: 100%; border: solid 1px #000; background: #fff;}
.article_block a { color: #000; text-decoration: none!important; }
.article_img { display: block; border-bottom:  solid 4px #E04E50;}
.article_block h3 { padding:15px 20px; min-height: 105px;}
.article_text {display: block; position: relative;  padding: 20px;}
.article_text:after { content: ""; position: absolute; left: 20px; right: 20px; top: 0; height: 1px; background: #000;}
.article_text p { margin-bottom: 0;}

.home_contact {position: relative;z-index: 5; padding:180px 0 100px 0; }
.zipline2 { position: absolute;  left: 0; right: 0; top: 0; z-index: 4; height: 190px; pointer-events: none; }
.zipline2:before {content:""; position: absolute;  left: 0; right: 0; bottom: 0; top: 0; z-index: 2;  pointer-events: none; background: url("../images/zipline4.svg") no-repeat right top; }
.zipline2:after {content:""; position: absolute;  right: 0; top: 15px; z-index: 1; transform: rotate(0deg); width: 0;height: 0;
border-top: 78px solid transparent;border-right: 188px solid #fff;border-bottom: 85px solid transparent;}
.home_contact:before {content:""; position: absolute;  left: 0; right: 0; bottom: 0; top: 100px; z-index: 2;  pointer-events: none; background: #D7D7D7; }
.home_contact .container { position: relative; z-index: 6;}
.home_contact h2 {font-weight: 800; padding-right: 60px; font-size: 74px; line-height: 74px; text-transform: inherit; width: 470px; float: left;}
.home_contact h2 + div { width: 420px; float: left; font-size: 16px; padding-top: 20px;}

.contact_form { position: relative; z-index: 10; width: 100%; float: left; padding:50px 0 0 0 ;}
.form_block {display: flex; flex-wrap: wrap; margin: 0 -9px; padding-right: 580px; position: relative;}
.contact_form .form_group {flex: 0 0 auto; max-width: 50%;   width: 50%; position: relative; padding: 0 9px 18px 9px; }
.contact_form .form_group label { position: absolute; left: 30px; top: 0px;line-height: 66px; font-size: 20px;  color: #fff; opacity: 0; pointer-events: none;}
.contact_form .form_group.submit {max-width: 150px; width: 150px; position: absolute; right: 0; top: 0; padding: 0; z-index: 5;}
.contact_form .form-control {font-family: "Manrope", sans-serif; border: solid 2px #000; border-radius: 50px; background: rgba(255, 255, 255, 1); width: 100%; padding:  0 30px; height: 66px; line-height: 62px; font-size: 20px;  color: #000; font-weight: 400; text-align: left;}
.contact_form .form-control:focus { border:  solid 2px #000; border-radius: 50px!important;}

.contact_form .form-control::-webkit-input-placeholder{ color: #000; opacity: 1;font-weight: 400;}
.contact_form .form-control::-moz-placeholder { color: #000; opacity: 1;font-weight: 400; }
.contact_form .form-control:-ms-input-placeholder { color: #000;font-weight: 400; opacity: 1; }
.contact_form .form-control::-webkit-input-placeholder { color: #000;font-weight: 400; opacity: 1; }

.contact_form .form-control:focus::-webkit-input-placeholder{ opacity: 0 !important;}
.contact_form .form-control:focus::-moz-placeholder { opacity: 0 !important;}
.contact_form .form-control:focus:-ms-input-placeholder { opacity: 0 !important;}
.contact_form .form-control:focus::-webkit-input-placeholder{ opacity: 0 !important;}

.contact_form .form-control:focus:required:valid {
  border: solid 2px #000; border-radius: 50px;
}
.contact_form .form-control:focus:required:invalid {
  border: solid 2px #000; border-radius: 50px;
}
.contact_form .was-validated .form-control:required:invalid {
  border: solid 2px #FF3636; border-radius: 50px;
}
.contact_form .form_group input[type=submit] {font-size: 20px; color: #fff; font-weight: 800; line-height: 150px; width: 150px; height:  150px; border-radius: 30px; border: 0; background: #010101;}
.contact_form .form_group.textarea { width: 400px; position:  absolute; right: 168px; top: 0;}
.contact_form .form-control.textbox { height: 150px; line-height: 25px; padding: 20px 30px ;}


.footer {background: #010101; position: relative; padding: 150px 40px 50px 40px; margin: 0; z-index: 10;}
.footer_bottom_wrap {padding:100px 0 0 0; width: 100%; float: right; position: relative; z-index: 5;}
.footer_bottom {position: relative; z-index: 1; display: flex;  flex-wrap: wrap; margin: 0; padding:0; list-style: none; align-items: end;}
.footer_bottom .section { width: 50%; max-width: 50%; font-size: 20px; line-height: 27px; color: #fff; position: relative;  flex: 0 0 auto;  padding: 0; }

.footer_bottom .section img { max-width: 100%;}
.footer_bottom .section a { color: #fff;}
.footer_links {  width: 100%; float: right; padding-right: 210px; padding-bottom: 50px;}

.footer_links ul {display: flex;  flex-wrap: wrap; padding: 0; margin: 0 -8px; list-style: none; justify-content: right;}
.footer_links ul li {flex: 0 0 auto;  width: auto; max-width: auto; padding: 0 8px; margin: 0; position: relative;}
.footer_links ul li a { line-height: 40px; text-transform: uppercase;}
.footer_links ul li:after {content: ""; width: 1px; height: 22px; background: #fff; position: absolute; right: 0; top : 10px;}
.footer_links ul li:nth-last-child(1):after { display: none;}

.social {width: 180px;position: absolute; z-index: 2; right: 0; t: 50px;}
.social ul {display: flex;  flex-wrap: wrap; padding: 0; margin: 0 -8px; list-style: none; justify-content: center;}
.social ul li {flex: 0 0 auto;  width: auto; max-width: auto; padding: 0 8px; margin: 0;}
.social ul li a { line-height: 40px;}
.site_by {color: #fff; position: absolute; z-index: 2; line-height: 25px; right: 5px; bottom: 0; height: 25px; border-right: solid 1px #fff; padding-right: 10px;}
.site_by a {color: #fff;}
.site_by a:hover, .footer_links ul li a:hover {color:#F0D35F}

.whatsapp {font-size: 0; color: rgba(0,151,206,0); border: 0; width: 72px; height: 72px; position: fixed; right: 15px; bottom: 150px; z-index: 99;background: url("../images/whatsapp.svg") no-repeat center center; background-size: 100% auto;}

.about_top { padding: 120px 60px 60px 60px;}
.about_top h1 { margin-bottom: 80px;}
.about_top h2 {font-size: 44px; line-height: 50px; font-weight: 600; text-transform: inherit; margin-bottom: 16px;}
.about_section1 { padding-left: 10%!important; padding-right: 40%!important; padding-bottom: 60px;}
.about_section2 { padding-left: 30%!important; padding-right: 20%!important; padding-bottom: 60px;}
.about_section3 { padding-left: 20%!important; padding-right: 20px!important; padding-bottom: 60px;}
.about_parts {display: flex;  flex-wrap: wrap; padding: 0; margin: 0 -20px; align-items: center;}
.about_part1, .about_part2 {flex: 0 0 auto;  width: auto; max-width: auto; padding: 0 20px; margin: 0;}
.about_part1 { width: 60%; max-width: 60%;}
.about_part2 { width: 40%; max-width: 40%;}
.about_parts img, .core_right img , .segment_img img{ width: 100%;}

.core_values {padding: 120px 0 190px 60px; background: #36393B; color: #fff; }
.core_values .row { margin-right: 0;}
.core_values .row  [class*="col-"]  { padding-left: 10%; padding-right: 0; padding-bottom: 60px;}
.core_values h2 { font-size: 44px; line-height: 50px; color: #fff; text-transform: capitalize;}
.core_values h3 { position: absolute; left: 0; top: 0; width: 200px; z-index: 1; font-size: 30px; line-height: 30px; color: #fff; font-weight: 800; text-transform: capitalize;}
.core_repeat {display: flex;  flex-wrap: wrap; padding: 0; margin: 0; border-bottom:  solid 1px #fff;}
.core_left, .core_right  {flex: 0 0 auto; margin: 0;}
.core_left { width: 60%; max-width: 60%;  padding: 0 40px 20px 230px; position: relative;}
.core_right { width: 40%; max-width: 40%;  }

.our_products.teams { margin-top: 100px; padding: 0 40px 50px 40px; }
.our_products.teams:after {background: #36393B; height: 200px;bottom: -180px; }
.our_products.teams .zipline:before {background: url("../images/zipline5.svg") no-repeat left top; }
.our_products.teams .container { width: 100%; max-width: 100%; padding-left: 10%; padding-right: 10%;  }
.our_products.teams h2 { padding-left: 95px;}
.team_repeat { color: #fff; font-size: 16px;}
.team_repeat img, .embeded_pic img, .blog_pic img, .blog_details img { width: 100%;}
.team_repeat h3 { font-size: 30px; line-height: 30px; color: #fff; margin-bottom: 5px; padding: 30px 0 0 0; }
.team_repeat h4 { font-size: 20px; line-height: 30px; color: #fff;  margin-bottom: 5px; }
.team_repeat a { color: #fff;}

.media_top { padding: 120px 60px 20px 60px;}
.media_top h1 { min-height: 180px;}
.media_videos .row [class*="col-"] { padding-bottom: 40px;}
.media_videos h2 { text-align: center; font-size: 44px; line-height: 50px;}
.embeded_video { display: block; border-bottom: solid 4px #5F99F0;}
.video_text {display: block; position: relative;  padding: 0 16px 20px 16px;}
.video_text p { border-top: solid 1px #000; padding-top: 15px; margin-bottom: 0;}
.video_block {display: block;height: 100%; border: solid 1px #000; }
.video_text h3 { display: flex; align-items: center; padding-right: 60px; text-transform: inherit; min-height: 90px; position: relative;}
.video_text h3:after {content: ""; position: absolute; font-size: 0; color: rgba(0,0,0,0); right: 0px; top: 50%; margin-top: -22px; width:30px; height: 44px;background: url("../images/arrow.svg") no-repeat right center; }

.blog_wrap { display: block; border: solid 1px #000; height: 100%; }
.blog_pic { display: block; border-bottom: solid 4px #5F99F0;}
.blog_text  {display: block; position: relative;  padding: 0 16px 20px 16px;}
.blog_text p { border-top: solid 1px #000; padding-top: 15px; margin-bottom: 0;}
.blog_text h3 {text-transform: inherit; min-height: 90px; }
.blog_details { padding-right: 20%;}
.details_text { display: block; padding-top: 40px;}
.details_text h2 { text-align: left; font-size: 20px; line-height: 26px; margin-bottom: 0; text-transform: inherit;}


.segment_top { padding: 120px 60px 40px 60px;}
.fliter_tab { padding: 60px; background: #000; position: relative; z-index: 6;}
.fliter_tab:after {content:""; position: absolute;  left: 0; right: 0; bottom: -25px; z-index: 2; height: 50px; pointer-events: none; background: url("../images/zipline6.svg") repeat-x left center; }
.fliter_tab.water_zipline:after {background: url("../images/zipline_water.svg") repeat-x left center;}
.fliter_tab.industrial_zipline:after {background: url("../images/zipline_industrial.svg") repeat-x left center;}
.fliter_tab.marine_zipline:after {background: url("../images/zipline_marine.svg") repeat-x left center;}
.fliter_tab.outdoor_zipline:after {background: url("../images/zipline_outdoor.svg") repeat-x left center;}
.filter_wrap { display: block; position: relative; padding-left: 190px;}
.filter, .filter:focus { padding-left: 50px; border: 0; font-size: 20px; color: #fff; background: transparent; line-height: 40px; position: absolute; left: 0; top: 50%; margin-top: -21px; }
.filter:after {content: ""; width: 40px; height: 40px; position: absolute; left: 0; top: 50%; margin-top: -20px; background: url("../images/filter.svg") no-repeat center center;transform: rotate(0deg); transition: all 0.5s ease;}
.filter_wrap.active .filter:after { transform: rotate(90deg); transition: all 0.5s ease;}
.filter_wrap ul { display: flex;  flex-wrap: wrap; }

.filter_wrap ul { display: flex; flex-wrap: wrap;position: relative;  padding:0; margin: 0 -30px; max-height: 0px !important; min-width: 100%; width: 100%;  list-style: none; justify-content: left; align-items: center; overflow: hidden;   -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
.filter_wrap.active ul {max-height: 1400px !important; visibility:visible;   -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;  transition: all 1s ease; }


.filter_wrap ul li {flex: 0 0 auto;  width: auto; max-width: auto; padding: 0 30px;height: 60px;}
.filter_wrap ul li:nth-last-child(1) { padding-right: 0; padding-top: 10px;}
.filter_wrap ul li a { position: relative; padding-left: 70px; font-size: 20px; color: #fff; height: 60px; line-height: 60px; display: inline-block; text-transform: uppercase;}
.filter_wrap ul li a .common_icon i {width: 60px; height: 60px; position: absolute; left: 0; top: 50%; margin-top: -30px;  }
.filter_wrap ul li a .common_icon i:after { opacity: 1; background: #fff;}

.filter_wrap ul li a:hover .common_icon.icon1 i:after, .filter_wrap ul li a.active .common_icon.icon1 i:after { background: #E04E50;}
.filter_wrap ul li a:hover .common_icon.icon2 i:after, .filter_wrap ul li a.active .common_icon.icon2 i:after { background: #73CDDF;}
.filter_wrap ul li a:hover .common_icon.icon3 i:after, .filter_wrap ul li a.active .common_icon.icon3 i:after { background: #5F99F0;}
.filter_wrap ul li a:hover .common_icon.icon4 i:after, .filter_wrap ul li a.active .common_icon.icon4 i:after { background: #F0D35F;}
.filter_wrap ul li a:hover .common_icon.icon5 i:after, .filter_wrap ul li a.active .common_icon.icon5 i:after { background: #B5DF73;}
.filter_wrap ul li a.active .common_icon i:before { transform: rotate(40deg); transition: all 0.5s ease;}

.all_select:before {content: ""; width: 60px; height: 60px; border: solid 1px #fff; position: absolute; left: 0; top: 0; border-radius: 50%;}
.all_select:after {content: ""; opacity: 0; width: 24px; height: 24px; background: #fff;  position: absolute; left: 18px; top: 18px; border-radius: 50%; transition: all 0.5s ease; }
.all_select:hover:after, .all_select.active:after { opacity: 1; transition: all 0.5s ease; }

.segment_small { font-size: 16px; line-height: 24px; max-width: 760px; text-align: center; padding-bottom: 60px; padding-top: 60px;}
.segment_wrap { display: block; height: 100%; border: solid 1px #000; background: #fff; overflow: hidden;}
.segment_all  { padding-bottom: 50px;}
.segment_all .row  [class*="col-"] { padding-bottom: 40px;}
.segment_wrap a { color: #000; text-decoration: none!important; }
.segment_img { display: block; position: relative; padding-bottom: 4px;}
.segment_img:before{content:""; position: absolute; background: #E04E50; left: 0; right: 0; bottom: 0; height: 4px; z-index: 1;}
.segment_all .row  [class*="col-"]:nth-child(-n+3) .segment_img:before {background: url("../images/color_line2.png") no-repeat left top; background-size:  100% auto;}
.segment_shorts {display: block; position: relative;  padding: 0 16px 6px 16px;}
.segment_shorts span { position: absolute; font-size: 0; color: rgba(0,0,0,0); right: 16px; bottom: 24px; width:30px; height: 44px;border-left: solid 1px #000; background: url("../images/arrow.svg") no-repeat right center; }
.segment_shorts ul { display: flex;  flex-wrap: wrap; position: relative;  padding:10px 40px 0px 0; margin: 0 -6px; list-style: none; justify-content: left;}
.segment_shorts ul:after { content: ""; position: absolute; left: 6px; right: 6px; top: 0; height: 1px; background: #000;}
.segment_shorts ul li {flex: 0 0 auto;  width: auto; max-width: auto; padding: 0 6px;}
.segment_shorts .common_icon i {width :70px; height: 70px;}
.segment_shorts .common_icon i img { max-height: 54px; width: auto;}
.segment_shorts h3 { min-height: 80px; display: flex; align-items: center;padding: 8px 0;}

.search_input {font-family: "Manrope", sans-serif; border: solid 1px #D9D9D9; border-radius: 0px; background: #D9D9D9; width: 250px; padding:  0 20px; height: 40px; line-height: 38px; font-size: 20px;  color: #000; font-weight: 300; text-align: left;}
.search_input:focus { border:  solid 1px #D9D9D9; border-radius: 0px!important;}

.search_input::-webkit-input-placeholder{ color: #000; opacity: 1;font-weight: 400;}
.search_input::-moz-placeholder { color: #000; opacity: 1;font-weight: 400; }
.search_input:-ms-input-placeholder { color: #000;font-weight: 400; opacity: 1; }
.search_input::-webkit-input-placeholder { color: #000;font-weight: 400; opacity: 1; }

.search_input:focus::-webkit-input-placeholder{ opacity: 0 !important;}
.search_input:focus::-moz-placeholder { opacity: 0 !important;}
.search_input:focus:-ms-input-placeholder { opacity: 0 !important;}
.search_input:focus::-webkit-input-placeholder{ opacity: 0 !important;}

.media_top .row [class*="col-"].head_quarter { font-size: 16px; line-height: 24px; padding-left: 11% !important;}
.head_quarter h2 { font-size: 30px; line-height: 30px; margin-bottom: 0;}
.maps { padding:0 60px 0 60px;}
.maps  img { width: 100%;}

.maps .row [class*="col-"].distriutor {padding-left: 30% !important;padding-right: 11% !important; margin-top: -50px;}
.region  { display: flex;  flex-wrap: wrap; position: relative;  padding:10px 0 0px 0; margin: 0 -6px; justify-content: left;}
.region_left, .region_right {flex: 0 0 auto;  width: 28%; max-width: 28%; padding: 0 6px 0 48px;}
.region_right { width: 72%; max-width: 72%; padding-right: 6px; }
.region h3 { font-size: 16px; line-height: 24px; padding: 0; margin: 0 0 5px 0; position: relative;}
.region h3:after {content: ""; width: 34px; height: 34px; border-radius: 50%; position: absolute; left: -42px; top: 4px;}
.region h3:before {content: ""; height: 1px;position: absolute; left: 0; right: 0; bottom: 0;background: #000;}
.region_left h3:before  { right: auto; width: 150px;}
.region .region_left h3:after { background: #5F99F0;}
.region .region_right h3:after { background: #E04E50;}
.region ul {width: 100%; float: left;  padding: 0; margin: 0; list-style: none; }
.region .region_right ul { width: 33.33%; padding-right: 15px;}
.region ul li { float: left; width: 100%; max-width: 100%; padding: 0 0 2px 0;}
.region ul li button { text-align: left; border: 0!important; background: transparent; position: relative; display: block; padding-left: 12px; font-size: 16px; line-height: 22px; color: #000; text-transform: uppercase; }
.region ul li button:after { content: ">"; position: absolute; left: 0; top: 6px; width: 10px; height: 10px; line-height: 10px;  transform: rotate(0deg);  transition: all 0.5s ease;}
.region ul li.active button:after {  transform: rotate(90deg);  transition: all 0.5s ease; }

.toggle-list .content{ background: #4E4E4E; font-size: 14px; line-height: 18px; color: #fff; padding: 0;  max-height: 0px !important; min-width: 100%; width: 100%;  overflow: hidden;   -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease; }
.toggle-list li.active .content{ max-height: 1400px !important; visibility:visible;   -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;  transition: all 1s ease;}
.toggle-list .content a { color: #fff;} 
.toggle-list li .content div { position: relative; padding: 8px 30px 0 8px;}
.close-btn {font-style: normal; cursor: pointer; border: 0; width: 18px; height: 18px; position: absolute; right: 12px; top: 12px; background: url("../images/close.svg") no-repeat center center rgba(0,0,0,0); font-size: 0; color: rgba(0,0,0,0);}
.toggle-list li .content div:after { content: "";background: #5F99F0; width: 14px; height: 14px; border-radius: 50%; position: absolute; right: 12px; bottom: -8px;}
.region_right .toggle-list li .content div:after { background: #E04E50; }

.product_top { padding: 0 0 0 60px; margin: 0; position:relative; }
.product_top .row { margin-left: 0px; margin-right: 0px;}
.product_top .row  [class*="col-"] { padding-left: 0px; padding-right: 0px;}
.product_top .row  [class*="col-"].item_left { padding:160px 40px 40px 0;}
.product_top .row  [class*="col-"].item_pic { align-self: flex-end;}
.item_pic img { width: 100%;}
.item_left h1 { font-size: 100px; line-height: 95px;border-bottom: solid 1px #000; margin-bottom:0 !important; padding-bottom: 15px;}
.item_left h2 { display: flex; align-items: center; min-height: 84px; font-size: 28px; line-height: 36px; padding: 12px 0;  border-bottom: solid 1px #000; margin-bottom:0 !important; }
.product_item ul { display: flex;  flex-wrap: wrap; padding:30px 0 0 0; margin: 0 -15px; list-style: none; justify-content: left;}
.product_item ul li {flex: 0 0 auto;  width: auto; max-width: auto; padding:0 15px 0 15px; margin: 0; text-align: center; }
.product_item ul li .common_icon  i { width: 130px; height: 130px;}
.product_item ul li .common_icon b {font-size: 18px;line-height: 26px;}

.product_title { position: relative; padding: 10px 60px 20px 60px; background: #131617; z-index: 3; }
.product_title h2 {color: #fff; margin: 0; padding: 0; }
.product_title:after {content:""; position: absolute;  left: 0; right: 0; bottom: -50px; z-index: 2; height: 100px; pointer-events: none; background: url("../images/zipline6.svg") repeat-x left center; }
.segment_all.bpadding, .segment_all.mpadding { padding-top: 100px;}

.products_table { padding: 140px 0 80px 0;}
.products_table .zerocol .row { margin-left: 0px; margin-right: 0px;}
.products_table .zerocol .row  [class*="col-"] { padding-left: 0px; padding-right: 0px;}


.products_table ul li ul li .common_icon i {width: 40px; height: 40px; }
.products_table ul li ul li .common_icon i:before {background: url("../images/circle_white.svg") no-repeat center center; background-size: 100% auto;}
.products_table ul li ul li .common_icon b { font-size: 10px; line-height: 18px;  color: #fff;}

.common_wrap { padding: 0 60px 50px 60px; font-size: 18px;}
.common_wrap.bottom { padding-top: 40px; padding-bottom: 0;}
.products_table p { margin-bottom: 5px;}
.products_table h3 { font-size: 18px; line-height: 24px; padding-bottom: 5px; border-bottom: solid 1px #000; text-transform: uppercase; color: #000; margin-bottom: 0;}
.products_table h3 + p {border-bottom: solid 1px #000; padding: 5px 0 8px 0; margin-bottom: 0;  }
.mobile_table { display: none;}

.slider_tabbed { padding: 0; margin: 0;}
.tabs { background: #D9D9D9; padding: 40px 60px 0 60px;}
.tabs ul {display: flex;  flex-wrap: wrap; padding:0; margin: 0; list-style: none; justify-content: left; align-items: center;}
.tabs ul li {flex: 0 0 auto;  width: 16%; max-width: 16%; padding:0 1px 0 0; margin: 0; font-weight: 700; }
.tabs ul li:nth-child(1) {  width: 20%; max-width: 20%;}

.tabs.col_four { padding-right: 10%;}
.tabs.col_four ul li { width: 20%; max-width: 20%; }
.tabs.col_four ul li:nth-child(1) {  width: 40%; max-width: 40%;}

.tabs .tab-btn { text-align: left; position: relative;  color: #000; display: block; font-size: 20px; line-height: 54px; width: 190px; position: relative; padding: 0 20px; background: #d9d9d9; border: 0; font-weight: 700;}
.tabs .tab-btn.active {background: #010101; color: #fff; }
.tabs .tab-btn:after { content: "";background: url("../images/next.svg") no-repeat center center; width: 20px; height: 20px; position: absolute; left: 90px; top: 50%; margin-top: -10px;  transition: all 0.5s ease;}
.tabs .tab-btn.active:after { background: url("../images/down.svg") no-repeat center center; transition: all 0.5s ease;}

.tab-content {padding: 40px 60px; display: none;}
.tab-content.active {display: block;}
.tab-content ul {display: flex;  flex-wrap: wrap; padding:0; margin: 0 -15px; list-style: none; justify-content: left;}
.tab-content ul li {flex: 0 0 auto;  width: 25%; max-width: 25%; padding:0 15px 0 15px; margin: 0; text-align: center; text-transform: uppercase; }
.tab-content ul li div { display: block; height: 250px; position: relative;}
.tab-content ul li div img  {  position: absolute; left: 50%; top: 50%; max-width: 80%; max-height: 90%; width: auto; height: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}


/* #Media Queries ================================================== */

@media (min-width: 992px) {
	
	.main_menu { position: absolute; left:  300px; right:  0px; top: 0px;  z-index: 18; padding:  0; -moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;  transition: all 0.5s ease;}
	.navbar { width: 100%; float:  left; padding:  0;}
	.navbar ul { display: block;  float: left; width: 100%; padding: 0; margin: 0; list-style:none;  z-index: 5;}
	.navbar ul  li { margin: 0; padding: 0  30px; list-style:none; display:inline-block;float:  left;  position: relative; }
	.navbar ul  li a { padding:0 10px 0 10px; font-size: 20px; line-height: 106px; color: #fff; font-weight: 700; display: inline-block; position:relative; border: 0; text-transform:uppercase;}
	.navbar ul li:focus > a, .navbar li:hover > a, .navbar li > a:focus, .navbar li > a:hover, .navbar li.active > a{ color: #F0D35F; text-decoration:none;}
	.navbar li a.active { color:#F0D35F; text-decoration:none;border: 0;}

	
	.navbar ul li ul{background: rgba(0,0,0,0); padding: 0 ;  margin:0; position:absolute;left: 50%; margin-left: -130px;  width: 260px; top:100%; z-index: 9999; list-style:none; display: block; visibility:hidden; max-height: 0px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease;  transition: all 0.3s ease; overflow: hidden;text-align: center; font-size: 0px; }
	.navbar ul li ul li{ text-align: center; width:100%;background: rgba(0,0,0,100);   float:  left; list-style:none; padding: 0 0 1px 0; margin: 0; border-bottom: 0; display: block;  }
    .navbar ul li ul li:nth-child(1) {padding-top: 15px; }
    .navbar ul li ul li:nth-last-child(2) {padding-bottom: 15px;}
	.navbar ul li ul li a{display:block;  color:#fff;  border: 0; padding: 0;line-height: 50px;font-weight: 400;font-size: 16px;}
	.navbar ul li ul li a:hover, .navbar ul li ul li a.active{text-decoration:none; color:#73CDDF !important; border:  0;}
	.navbar ul li:hover ul, .navbar ul li:focus-within > ul, .navbar ul li.has_sub a.show + ul{ display:block; visibility:visible; max-height: 732px!important;  -moz-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; -o-transition: all 0.7s ease;  transition: all 0.7s ease; overflow: hidden;}
    .navbar ul li.has_sub ul li:nth-last-child(1) { display: none!important;}

    .products_table ul { display: flex;  flex-wrap: wrap; padding: 0 60px ; margin: 0; list-style: none;}
    .products_table ul li {flex: 0 0 auto;  width: 20%; max-width: 20%; border-bottom: solid 1px #000; font-size: 18px; line-height: 26px; padding:8px 20px 8px 0; margin: 0; text-align: left; position: relative; }
    .products_table ul.table_segemnt { background: #000; color: #fff; align-items: center;}
    .products_table ul.table_segemnt li { padding-top: 0px; padding-bottom: 0px;}
    .products_table ul.table_segemnt li ul { padding-top: 8px; padding-bottom: 8px; min-height: 86px;}
    .products_table ul.table_segemnt li:after {content: ""; position: absolute; left: -20px; top: 0; bottom: 0; width: 1px;background: #fff; }
    .products_table ul.table_segemnt li:nth-child(1):after { display: none;}
    .products_table ul li:nth-child(1) { font-weight: 700;}
    .products_table ul.table_top, .products_table ul.table_segemnt { font-size: 20px; font-weight: 700; text-transform: uppercase;}
    .products_table ul.table_top li, .products_table ul.table_segemnt li {border-bottom: 0;}
    .products_table .screen_zipper ul.table_top { display: flex; align-items: center; min-height: 50px; position: relative;}
    .products_table .screen_zipper ul.table_top:after { content: ""; height: 1px; background: #000; position: absolute; left: 60px; right: 60px; bottom: 0; }    
    .products_table .screen_zipper ul.table_top li { font-size: 20px; line-height: 24px;padding: 4px 20px 4px 0;}
    .products_table ul.table_title { text-transform: uppercase; font-weight: 700;}
    .products_table ul.table_title li {width: 100%!important; max-width: 100%!important;padding: 30px 0 5px 0;}

    .products_table ul li ul { padding: 0; margin: 0;}
    .products_table ul li ul li {  flex: 0 0 auto;   width: auto; max-width: 60px; padding:0; margin: 5px 10px 0 0; }
    .products_table ul li ul li:after { display: none;}

    .products_table .screen_zipper ul li {width: 17%; max-width: 17%;}
    .products_table .screen_zipper ul li:nth-child(1) {width: 10%; max-width: 10%;}
    .products_table .screen_zipper ul li:nth-child(2) {width: 15%; max-width: 15%;}
    .products_table .screen_zipper ul li:nth-child(4) {width: 20%; max-width: 20%;}
    .products_table .screen_zipper ul li:nth-child(6) {width: 21%; max-width: 21%;}

    .products_table .bungee_loop ul { padding-right: 40%; margin-bottom: 20px;}
    .products_table .bungee_loop ul li {width: 50%; max-width: 50%; font-size: 18px;}
    .products_table .bungee_loop ul:nth-child(1) li {width: 100%; max-width: 100%;}
    .products_table .bungee_loop ul li:nth-child(1) { text-transform: uppercase; width: 100%; max-width: 100%;}
    .products_table .bungee_loop ul:nth-child(1) li:nth-child(2) { padding-right: 50%;}
    .products_table .bungee_loop ul:nth-last-child(1) li {width: 100%; max-width: 100%;}

    
    .products_table .high_speed ul { padding-right: 60%; margin-bottom: 20px;}
    .products_table .high_speed ul li {width: 60%; max-width: 60%; font-size: 18px;}
    .products_table .high_speed ul li:nth-child(2n+3) { width: 40%; max-width: 40%; }
    .products_table .high_speed ul:nth-child(1) li {width: 100%; max-width: 100%;}
    .products_table .high_speed ul li:nth-child(1) { text-transform: uppercase; width: 100%; max-width: 100%;}
    .products_table .high_speed ul:nth-last-child(1) li {width: 100%; max-width: 100%;} 
    
    .products_table .razkal_pvc ul { padding-right: 20%; margin-bottom: 20px;}
    .products_table .razkal_pvc ul li:nth-child(1) { text-transform: uppercase; width: 100%; max-width: 100%;}
    .products_table .razkal_pvc ul li {width: 33.33%; max-width: 33.33%; font-size: 18px; padding-right: 0;}
    .products_table .razkal_pvc ul:nth-child(1) li { width: 33.33%; max-width: 33.33%; font-size: 20px;  padding-right: 20px; }
    .products_table .razkal_pvc ul:nth-child(1) li:nth-child(1) {width: 66.66%; max-width: 66.33%; padding-left: 33.33%; border-bottom: 0;}
    .products_table .razkal_pvc ul:nth-child(1) li:nth-child(2) { font-weight: 700; border-bottom: 0; }
    .products_table .razkal_pvc ul:nth-child(2) li:nth-child(2) { width: 66.66%; max-width: 66.33%; padding-left: 33.33%; padding-right: 20px; }
    .products_table .razkal_pvc ul:nth-last-child(1) li {width: 33.33%; max-width: 33.33%;} 

    .products_table .glock_sclok ul { padding-right: 12%;}
    .products_table .glock_sclok ul li { width: 33.33%; max-width: 33.33%;}
    .products_table .glock_sclok ul.table_segemnt li ul { padding-right: 0;}
    .products_table .glock_sclok ul.table_segemnt li ul li { width:auto; max-width:  auto;}
    .products_table .three_col ul { margin-bottom: 20px;}
    .products_table .three_col ul li:nth-child(1) { text-transform: uppercase; width: 100%; max-width: 100%;}
    .products_table .three_col ul li {width: 33.33%; max-width: 33.33%; font-size: 18px; padding-right: 30px;}
    .products_table .three_col ul li:nth-child(3n+2) { font-weight: 700;}
    .products_table .three_col ul:nth-child(1) { padding-top: 20px;}
    .products_table .three_col ul:nth-child(1) li { width: 33.33%; max-width: 33.33%; font-size: 20px;  padding-right: 20px;border-bottom: 0; }
    .products_table .three_col ul:nth-child(1) li:nth-child(1) {width: 100%; max-width: 100%;border-bottom:  solid 1px #000; }
    .products_table .three_col p { padding: 20px 60px 0 60px; font-weight: 700; margin: 0;}

    .products_table .molded_injected ul { }
    .products_table .molded_injected ul li { width: 17%; max-width: 17%;}
    .products_table .molded_injected ul li:nth-child(1){ width: 15%; max-width: 15%;}
    .products_table .six_col ul { margin-bottom: 20px;}
    .products_table .six_col ul li:nth-child(1) { text-transform: uppercase; width: 100%; max-width: 100%;}
    .products_table .six_col ul li {width: 17%; max-width: 17%; font-size: 18px; padding-right: 30px;}
    .products_table .six_col ul li:nth-child(6n+2) { font-weight: 700;width: 15%; max-width: 15%; }
    .products_table .six_col ul:nth-child(1) { padding-top: 20px;}    
    .products_table .six_col ul:nth-child(1) li:nth-child(1) {width: 100%; max-width: 100%;border-bottom:  solid 1px #000; }
    .products_table .six_col ul:nth-child(1) li:nth-child(2) { width: 15%; max-width: 15%;  }
    .products_table .molded_injected ul.table_segemnt li ul li, .products_table .molded_injected ul.table_segemnt li ul li:nth-child(1) {margin: 5px 5px 0 0; width: 47px !important; max-width: 47px !important; text-align: center;}
    .products_table .molded_injected ul li ul li .common_icon { display: inline-block;}
    .products_table .molded_injected ul li ul li .common_icon b {font-size: 6.5px;}

    .products_table .spiral_coil ul { padding-right: 10%; }
    .products_table .spiral_coil ul li { width: 23%; max-width: 23%;}
    .products_table .spiral_coil ul li:nth-child(1){ width: 31%; max-width: 31%;}
    .products_table .four_col ul { margin-bottom: 20px;}
    .products_table .four_col ul li:nth-child(1) { text-transform: uppercase; width: 100%; max-width: 100%;}
    .products_table .four_col ul li {width: 23%; max-width: 23%; font-size: 18px; padding-right: 30px;}
    .products_table .four_col ul li:nth-child(4n+2) { font-weight: 700;width: 31%; max-width: 31%; }
    .products_table .four_col ul:nth-child(1) { padding-top: 20px;}    
    .products_table .four_col ul:nth-child(1) li:nth-child(1) {width: 100%; max-width: 100%;border-bottom:  solid 1px #000; }
    .products_table .four_col ul:nth-child(1) li:nth-child(2) { width: 31%; max-width: 31%;  }
    .products_table .spiral_coil ul.table_segemnt li ul li, .products_table .spiral_coil ul.table_segemnt li ul li:nth-child(1) {margin: 5px 6px 0 0; width: 55px !important; max-width: 55px !important;}
    .products_table .spiral_coil ul li ul li .common_icon b {font-size: 7px;}

}
/* END__ */
 @media (min-width: 1651px) and (max-width: 1750px) {
    .filter_wrap { padding-left: 170px;}
    .filter_wrap ul { margin: 0 -20px;}
    .filter_wrap ul li { padding: 0 20px;}
    .search_input { width: 250px;}
    .maps .row [class*="col-"].distriutor {padding-left: 30% !important;padding-right: 8% !important; margin-top: -50px;}

    .item_left h1 {font-size: 80px;line-height: 75px;}
    .item_left h2 {min-height: 70px;font-size: 24px; line-height: 30px;}


 }
@media (min-width: 768px) and (max-width: 1650px) {
    h1, h2, h3, h4, h5, h6 {font-size: 100px; line-height: 120px; margin-bottom: 30px;}
    .logo {left: 40px;}
    .main_menu {  left: 220px;}
    .navbar ul li {padding: 0 20px;}
    .header_caption {top: 150px;left: 40px;right: 40px;}
    .home_header .header_caption img {max-width: 350px;}
    .common_icon i {width: 75px;height: 75px;}
    .common_icon i img, .home_header .header_caption .common_icon i img {max-width: 66%; max-height: 55px;}
    .segment_section {padding: 100px 20px 50px 20px; }
    .segment_section .row { margin-left: -20px; margin-right: -20px;}
    .segment_section .row [class*="col-"] { padding:0 20px 30px 20px; margin-bottom: 30px;}
    .segment_section .row [class*="col-"]::after {left: 20px; right: 20px}
    .segment_block {font-size: 16px;line-height: 24px;}
    .segment_pic {width: 40%;max-width: 40%;}
    .segment_text { width: 60%;max-width: 60%;padding-left: 20px;}
    .segment_text h2 {font-size: 36px; line-height: 36px;margin-bottom: 10px;}
    .about_title .container .row { height: 200px;}
    .our_products h2 { padding-left: 10%;}
    .our_products::before {top: 123px;}
    .zipline { top: 23px;}
    .footer_bottom .section img {max-width: 500px;}
    
    .about_top {padding: 120px 60px 30px 60px;}
    .about_top h1 {margin-bottom: 50px;}
    .about_top h2 {font-size: 35px;line-height: 45px;}
    .about_section1 {padding-left: 5% !important;padding-right: 15% !important; padding-bottom: 60px;}
    .about_section2 {padding-left: 20% !important;padding-right: 10% !important; padding-bottom: 60px;}
    .about_section3 {padding-left: 25% !important; padding-right: 20px !important; padding-bottom: 60px;}
    .core_values .row [class*="col-"] {padding-left: 5%; padding-bottom: 60px;}
    .our_products.teams .container {padding-left: 5%;padding-right: 5%;}
    .team_repeat h3 {font-size: 24px;line-height: 24px;}
    .team_repeat h4 {font-size: 18px;line-height: 24px;}
    .core_values {padding: 80px 0 80px 60px;}
    .our_products.teams {margin-top: 50px;}

    .filter_wrap { padding-left: 150px;}
    .filter_wrap ul { margin: 0 -15px;}
    .filter_wrap ul li { padding: 0 15px; height: 50px;}
    .filter_wrap ul li:nth-last-child(1) {padding-top: 5px;}
    .search_input { width: 230px;}
    .filter, .filter:focus, .filter_wrap ul li a { font-size: 16px;}
    .filter_wrap ul li a {padding-left: 58px; height: 50px; line-height: 50px;}
    .filter_wrap ul li a .common_icon i {width: 50px;height: 50px;}
    .all_select::before {width: 50px; height: 50px;}
    .all_select::after {width: 20px;height: 20px;left: 15px;top: 15px;}
    .maps .row [class*="col-"].distriutor {padding-left: 30% !important;padding-right: 0% !important; margin-top: -50px;}
    .region ul li button {font-size: 14px;}

    .item_left h1 {font-size: 70px;line-height: 65px;}
    .item_left h2 {min-height: 70px;font-size: 20px; line-height: 26px;}
    .product_title h2 { font-size: 80px; line-height: 100px; }
    .product_item ul li .common_icon  i { width: 100px; height: 100px;}
    .product_item ul li .common_icon b {font-size: 16px;line-height: 24px;}


    .products_table {padding: 90px 0 70px 0;}
    .products_table ul li { font-size: 16px; line-height: 22px;  padding: 8px 8px 10px 0;}
    .products_table ul.table_segemnt li:after { left: -10px;}
    .products_table .screen_zipper ul.table_top li { font-size: 16px; line-height: 24px;}
    .products_table .molded_injected ul.table_segemnt li ul li, .products_table .molded_injected ul.table_segemnt li ul li:nth-child(1) { margin-right: 2px;}    
    .products_table .six_col ul li {font-size: 16px; padding-right: 10px;}
    .products_table .spiral_coil ul { padding-right: 60px; }
    .products_table .razkal_pvc ul li .products_table .four_col ul li, .products_table .three_col ul li, .products_table .three_col ul:nth-child(1) li, .products_table .razkal_pvc ul:nth-child(1) li, .products_table .razkal_pvc ul li, .products_table .high_speed ul li, .products_table .bungee_loop ul li {font-size: 16px;}

    .home_articles:before { height: 170px;}
    .home_articles:after {top: 110px; height: 110px;}
    .home_articles .row [class*="col-"]:nth-child(1) {padding-bottom: 100px;}
     
}    
/* END__ */
 @media (min-width: 768px) and (max-width: 1380px) {
    h1, h2, h3, h4, h5, h6 {font-size: 80px; line-height: 100px; margin-bottom: 30px;}
    .main_menu {right:20px; padding: 0;}
    .navbar ul li {padding: 0 18px;}
    .navbar ul li a {padding: 0 8px 0 8px; font-size: 16px;}
    .navbar ul li ul li a { line-height: 40px; font-size: 14px;}
     .navbar ul li ul {margin-left: -115px; width: 230px;}
    .home_header {padding: 106px 0 0 250px;}
    .about_home {padding-top: 70px;padding-bottom: 120px; padding-left: 25%;}
    .segment_section {padding: 70px 20px  30px 20px;}
    .home_contact {padding: 150px 0 50px 0;}
    .our_products h2 {padding-top: 20px;}
    .our_product_content {padding: 10px 11% 10px 25%;}
    .form_block {padding-right: 520px; }
    .contact_form .form_group.textarea {width: 350px;}
    .footer_bottom .section { max-width: 40%; width: 40%;}
    .footer_bottom .section:nth-child(2) {max-width: 60%; width: 60%;}
    .footer_bottom .section, .site_by { font-size: 16px;}
    .footer_bottom .section img { max-width: 100%; }
    .see_all, .home_articles .readmore { padding-top: 30px;}
    .segment_shorts .common_icon i {width :54px; height: 54px;}
    .segment_shorts .common_icon i img { max-height: 40px; width: auto;}
    .segment_shorts span { bottom: 19px;}

    .fliter_tab {padding:30px 60px 40px 60px;}
    .filter_wrap { padding-left: 0px; padding-top: 60px;}
    .filter, .filter:focus { top: 0; margin-top: auto;}
    .filter_wrap ul { margin: 0 -12px;}
    .filter_wrap ul li { padding: 0 12px; height: 50px;}    
    .filter_wrap ul li:nth-last-child(1) {padding-top: 5px;}
    .search_input { width: 220px;}
    .filter, .filter:focus, .filter_wrap ul li a { font-size: 16px;}
    .filter_wrap ul li a {padding-left: 58px; height: 50px; line-height: 50px;}
    .filter_wrap ul li a .common_icon i {width: 50px;height: 50px;margin-top: -25px;}
    .all_select::before {width: 50px; height: 50px;}
    .all_select::after {width: 20px;height: 20px;left: 15px;top: 15px;}

    .product_item ul li .common_icon  i { width: 80px; height: 80px;}
    .product_item ul li .common_icon b {font-size: 12px;line-height: 20px;}
    .products_table {padding: 50px 0 40px 0;}
    .products_table .bungee_loop ul { padding-right: 20%; margin-bottom: 20px;  }
    .products_table .razkal_pvc ul { padding-right: 60px; }
    .products_table .glock_sclok ul { padding-right: 60px;}
    .tabs.col_four { padding-right: 60px;}
    .products_table .spiral_coil ul {padding-right: 60px;}

    .home_articles:before { height: 150px;}
    .home_articles:after {top: 100px; height: 100px;}
    .home_articles .row [class*="col-"]:nth-child(1) {padding-bottom: 100px;}


 }

/* END__ */
 @media (min-width: 768px) and (max-width: 1199px) {
    body {font-size: 18px;line-height: 24px;}
    h1, h2, h3, h4, h5, h6 {font-size: 60px; line-height: 70px; margin-bottom: 30px;}
    .navbar ul li {padding: 0 10px;}
    .navbar ul li a {padding: 0 7px; font-size: 14px;}
    .navbar ul li ul li a { line-height: 40px; font-size: 12px;}
    .segment_text h2 {font-size: 30px; line-height: 30px;}
    .about_title .container .row {height: 150px;}
    .zipline { top: 0px; height: 150px;}
    .zipline:before, .our_products.teams .zipline:before { background-size: auto 150px;}
    .zipline:after { top: 12px; border-top: 60px solid transparent;border-left: 150px solid #fff;border-bottom: 70px solid transparent;}
    .our_products h2 { padding-top: 10px;}
    .our_products:before {top: 80px;}
    .our_product_content { padding: 10px 0% 10px 25%;}
    .product_text h3, .article_block h3, .video_text h3, .blog_text h3, .segment_shorts h3 {font-size: 18px;line-height: 22px;}
    .home_articles h2 { margin-bottom: 0;}
    
    .home_contact { padding:130px 0 70px 0; }
    .zipline2 { height: 150px; }
    .zipline2:before {background-size: auto 150px; }
    .zipline2:after {top: 15px;border-top: 60px solid transparent;border-right: 150px solid #fff;border-bottom: 70px solid transparent;}
    .home_contact:before {top: 80px; }
    .home_contact h2 {font-size: 65px;line-height: 64px;width: 50%;}
    .home_contact h2 + div {width: 50%; font-size: 16px;padding-top: 20px;}

    .form_block { padding-right: 0px;}
    .contact_form .form_group.textarea {padding-right: 180px; width: 100%;max-width: 100%; position: relative; left: auto; right: auto; top: auto;}
    .contact_form .form_group.submit {top: auto; bottom: 18px; right: 9px}
    .footer {padding: 120px 30px 50px 30px;}
    .footer_links {padding-right: 190px;}
    .product_text .common_icon i {width: 50px; height: 50px;}
    .product_text .common_icon i img {max-height: 35px;}

    .about_top {padding: 120px 40px 40px 60px;}
    .about_top h1 {margin-bottom: 50px;}
    .about_top h2 {font-size: 35px;line-height: 45px;}
    .about_section1 {padding-left: 20px !important;padding-right: 20px !important; padding-bottom: 60px;}
    .about_section2 {padding-left: 8% !important;padding-right: 20px !important; padding-bottom: 60px;}
    .about_section3 {padding-left: 5% !important; padding-right: 20px !important; padding-bottom: 60px;}
    .core_values {padding: 80px 0 80px 60px; font-size: 16px; line-height: 20px;}    
    .core_values .row [class*="col-"] {padding-left: 5%; padding-bottom: 40px;}
    .core_values h3 { font-size: 25px; line-height: 25px;width: 170px;}
    .core_left { padding: 0 40px 20px 200px; }
    .our_products.teams .container {padding-left: 5%;padding-right: 5%;}
    .team_repeat h3 {font-size: 24px;line-height: 24px; }
    .team_repeat h4 {font-size: 18px;line-height: 24px;}
    .our_products.teams {margin-top: 50px;}

    .media_top { padding: 120px 40px 60px 40px;}
    .blog_details {padding-right: 10%;}
    .segment_shorts .common_icon i {width:40px; height: 40px;}
    .segment_shorts .common_icon i img { max-height: 30px; width: auto;}
    .segment_shorts span { bottom: 12px;height: 36px;}
    .segment_shorts h3 { min-height: 64px;}
    .segment_small {padding-bottom: 40px;padding-top: 50px;}

    .segment_top {padding: 120px 40px 40px 40px;}
    .fliter_tab {padding:30px 40px 40px 40px;}
    .filter_wrap ul li {width: 25%; max-width: 25%;}
    .filter_wrap ul li:nth-child(1) {order: 1 !important; width: 50%; max-width: 50%; margin-bottom: 20px;}
    .filter_wrap ul li:nth-child(2) {order: 3 !important;}
    .filter_wrap ul li:nth-child(3) {order: 4 !important;}
    .filter_wrap ul li:nth-child(4) {order: 5 !important;}
    .filter_wrap ul li:nth-child(5) {order: 6 !important;}
    .filter_wrap ul li:nth-child(6) {order: 2 !important;width: 50%; max-width: 50%; margin-bottom: 20px; text-align: right;}
    .search_input {width: 300px; }

    .maps { padding: 0 40px 0 40px;}
    .region h3 {font-size: 16px;line-height: 22px;}
    .region_left, .region_right {flex: 0 0 auto;  width: 35%; max-width: 35%; padding: 0 6px 0 48px;}
    .region_right { width: 65%; max-width: 65%; padding-right: 6px; }
    .maps .row [class*="col-"].distriutor {padding-left: 30% !important;padding-right: 0% !important; margin-top: -50px;}
    .region ul li button {font-size: 14px;}
    .region .region_right ul {width: 50%;  padding-right: 10px;}

    .product_top { padding: 0 0 0 40px;}
    .product_title { padding: 10px 40px 20px 40px;}
    .item_left h1 {font-size: 60px;line-height: 60px;}
    .item_left h2 {min-height: 70px;font-size: 18px; line-height: 22px;}
    .product_title h2 { font-size: 60px; line-height: 70px; }
    .products_table ul {padding: 0 40px;}
    .products_table ul li {font-size: 16px; line-height: 22px;}
    .products_table .screen_zipper ul.table_top::after { left: 40px; right: 40px; }
    .products_table .screen_zipper ul.table_top li {font-size: 14px; line-height: 20px;}
    .common_wrap {padding: 0 40px 50px 40px;font-size: 18px;}

    .products_table .bungee_loop ul { padding-right: 20%; margin-bottom: 20px;  }
    .products_table .razkal_pvc ul { padding-right: 40px; }
    .products_table .glock_sclok ul { padding-right: 40px;}
    .tabs .tab-btn { width: 100%;padding: 0 10px;}
    .tab-content {padding: 40px;}
    .tab-content ul li div {height: 200px;}
    .tabs.col_four { padding-right: 40px;}
    .products_table .spiral_coil ul {padding-right: 40px;}
    
    .home_articles:before { height: 120px;}
    .home_articles:after {top: 70px; height: 100px;}

 }
/* END__ */
 @media (min-width: 992px) and (max-width: 1199px) {
    .products_table ul li, .products_table .razkal_pvc ul li .products_table .four_col ul li, .products_table .three_col ul li, .products_table .three_col ul:nth-child(1) li, .products_table .razkal_pvc ul:nth-child(1) li, .products_table .razkal_pvc ul li, .products_table .high_speed ul li, .products_table .bungee_loop ul li, .products_table .six_col ul li {font-size: 14px;}
    .products_table .molded_injected ul.table_segemnt li ul li, .products_table .molded_injected ul.table_segemnt li ul li:nth-child(1) {
    width: 32px !important;  max-width: 32px !important;}
    .products_table ul li ul li .common_icon i {width: 32px; height: 32px;}
    .products_table .molded_injected ul li ul li .common_icon b {font-size: 6px; line-height: 10px;}
    .products_table ul.table_segemnt li ul { min-height: 80px;  }
    .products_table .molded_injected ul.table_segemnt li ul li, .products_table .molded_injected ul.table_segemnt li ul li:nth-child(1) {
    width: 40px !important;  max-width: 40px !important;}
    .products_table ul li ul li .common_icon i {width: 38px; height: 38px;}
    .products_table .molded_injected ul li ul li .common_icon b {font-size: 7px; line-height: 10px;}
     }
/* END__ */
 @media (min-width: 768px) and (max-width: 991px) {
    .filter_wrap ul { margin: 0 -8px;}
    .filter_wrap ul li { padding: 0 8px; }
    .filter_wrap ul li:nth-last-child(1) { padding-right: 8px;}
    .filter, .filter:focus, .filter_wrap ul li a { font-size: 14px;}
    .search_input { font-size: 16px; padding: 0 20px;}

    .region h3 {font-size: 14px;line-height: 22px;}
    .region_left, .region_right {flex: 0 0 auto;  width: 50%; max-width: 50%; padding: 0 6px 0 48px;}
    .region_right { width: 50%; max-width: 50%; padding-right: 6px; }
    .region .region_right ul {width: 100%;  padding-right: 0px;}
    
        
        
}
@media only screen and (max-width: 991px) { 
    body {font-size: 18px;line-height: 24px;}
    h1, h2, h3, h4, h5, h6 {font-size: 50px; line-height: 60px; margin-bottom: 30px;}
    .header { height: 48px;}
    .header:after { height: 48px;}
    .header.active:after { background: rgba(0,0,0,1);}
    .navbar-toggler { display: block;}
    .logo { top: 13px; left: 25px; width: 86px;opacity: 1; transition: all 0.5s ease;}
    .home_header {padding: 48px 0 0 0; display: block;}
    .home_header:after {top: 44px; bottom : -15px; background-size: auto 100%;width: 12px;}
    .header_caption { padding: 20px; top: auto; left: auto; right: auto; position: relative;width: 100%; text-align: center; }
    .home_header img {width: 100%;}
    .header_caption ul { justify-content: center;}
    .product_item ul {margin: 0 -5px;}
    .home_header .header_caption img {max-width: 275px;}
    .home_header .common_icon { width: 100%;}
    .home_header .common_icon i {width: 80px; height: 80px;}
    .common_icon { display: inline-block;}
    .common_icon i { width: 65px;  height: 65px; }
    .common_icon b {font-size: 12px;}
    .header_caption ul li, .product_item ul li {width: auto; max-width: 100px;padding: 0px 5px 0 5px;}
    .about_title .container .row { height:85px;} 
    .about_title:after, .product_title:after {bottom: -25px;height: 50px; background-size:  auto 50px;}
    .about_home {padding-top: 40px;padding-bottom: 100px;padding-left: 20px;}
    .readmore { text-align: center; padding-top: 20px;}
    .segment_section { padding: 70px 20px  30px 20px;  }
    .segment_section .row {margin-left: -15px;margin-right: -15px;}
    .segment_section .row [class*="col-"] {padding: 0 15px 30px 15px; margin-bottom: 30px;}
    .segment_pic {width: 100%;max-width: 100%; padding-bottom: 30px;}
    .segment_text { width: 100%;max-width: 100%;padding-left: 0px;}
    .segment_text h2 {font-size: 44px;line-height: 44px;margin-bottom: 20px}

    .our_products {padding: 10px 0 70px 0;}
    .our_products .row [class*="col-"] {padding-bottom: 40px;}
    .our_products .row [class*="col-"]:nth-child(1) { padding-bottom: 10px;}
    .our_product_content {padding: 10px 0% 10px 0%;}
    .zipline { top: 10px; height: 120px;}
    .zipline:before, .our_products.teams .zipline:before {background: url("../images/zipline2_sm.svg") repeat-x left center;}
    .zipline:after { display: none; }
    .our_products:before {top: 75px;}
    .our_products h2 { padding-left: 0%; padding-top: 0px; }
    .our_products:after {bottom: -25px;height: 50px; background-size:  auto 50px;}
    .products_block { overflow: hidden;}

    .our_products .row  [class*="col-"]:nth-last-child(3) .products_img:before {background: url("../images/color_line2.png") no-repeat center top; background-size: 100% auto; left: 0; right: 0;}
    .our_products .row  [class*="col-"]:nth-last-child(2) .products_img:before {background: url("../images/color_line3.png") no-repeat center top; background-size: 100% auto; left: 0; right: 0;}
    .our_products .row  [class*="col-"]:nth-last-child(1) .products_img:before {background: #E04E50;}
    .product_text ul { justify-content: left;padding: 10px 0 5px 0;}
    .product_text span {right: 16px;top: auto; bottom: 10px;width: 30px;height: 44px; border-left: solid 1px #000;}

    .article_block h3 {min-height: auto;}
    .article_text {padding:15px 20px 20px 20px;}

    .home_contact {padding: 60px 0 70px 0;}
    .home_contact:before {top: 35px;}
    .zipline2 { top: 0px; height: 60px;}
    .zipline2:before {background: url("../images/zipline2_sm.svg") repeat-x left center;}
    .zipline2:after { display: none; }
    .see_all, .home_articles .readmore {  padding-top: 30px;}    
    .home_contact h2 {font-size: 50px; line-height: 55px;  width: 100%; }
    .home_contact h2 + div {width: 100%; padding-top: 0px;}
    .contact_form {padding: 20px 0 0 0;}
    .form_block { padding-right: 0px;}
    .contact_form .form_group {max-width: 100%;width: 100%; padding: 0 9px 18px 9px;}
    .contact_form .form-control { height: 56px; line-height: 52px; font-size: 16px;}
    .contact_form .form_group label {height: 56px; line-height: 52px;font-size: 16px;}
    .contact_form .form_group.textarea {padding-right: 9px;width: 100%;max-width: 100%; position: relative; left: auto; right: auto; top: auto; }
    .contact_form .form-control:focus { border-radius: 42px!important;}
    .contact_form .form-control.textbox, .contact_form .form-control.textbox:focus {height: 130px; border-radius: 15px!important;;}
    .contact_form .form-control:focus:required:valid { border-radius: 42px;}
    .contact_form .form-control:focus:required:invalid {border-radius: 42px;}
    .contact_form .was-validated .form-control:required:invalid {border-radius: 42px;}
    .contact_form .form_group.submit { padding-top: 10px; top: auto;bottom: auto;right: auto; width: 100%; max-width: 100%; position: relative; text-align: center;}
    .contact_form .form_group input[type="submit"] {font-size: 18px; line-height: 76px;width: 100%; max-width: 324px; height: 76px; border-radius: 57px;}

    .footer {padding: 50px 20px 50px 20px; }
    .footer_bottom .section {max-width: 100%;width: 100%; order: 2 !important; text-align: center;}
    .footer_bottom .section:nth-child(2) {max-width: 100%;width: 100%; order: 1 !important;}
    .footer_links { text-align: center; padding: 0 ;}
    .footer_links ul { justify-content: center;}
    .social {padding: 50px 0; width: 100%; float: right; text-align: center; position: relative; right: auto; top: auto; bottom : auto}
    .social ul { justify-content: center;}
    .social ul li img { min-width: 40px;} 
    .footer_bottom .section img { max-width: 320px;}
    .site_by { border: 0; height: auto; justify-content: center; padding-top: 50px; display: flex; order: 3 !important; font-size: 14px; position: relative; width: 100%; right: auto; bottom: auto; text-align: center;}


    .header.active .container:after { content: ""; position: fixed; left: 0; top: 0; right: 0; z-index: 92;background: #010101;height: 48px; transition: all 0.5s ease; }
    .main_menu { padding: 0; position: fixed; z-index: 90; left: 0px; right: 0; top: -100vh; height:calc(100vh - 48px) !important; background: #010101;overflow: hidden;  overflow-y: auto ;   transition: all 0.5s ease;   } 	
    .main_menu.active {top: 48px; transition: all 0.5s ease;  }
    .navbar { position:relative; /*height:calc(100vh - 95px) !important; transition: height 0.3s;*/ z-index: 93; padding:  0; display: block;}
    /*.navbar.active {height:calc(100vh - 45px) !important;max-height: none; transition: height 0.3s;}*/
    .navbar ul { display: block;position: relative; width: 100%; padding: 0; margin: 0;list-style: none; text-align: right; float: left; }
    .navbar ul li {width: 100%; float: left; text-align: center; padding: 0; position:relative; height:  auto; margin-bottom: 5px; z-index:  1;}
    .navbar ul li a { width: 100%; float: left; color: #fff; font-size: 16px; line-height: 50px; font-weight: 400; padding: 0 80px 0 60px; position: relative; text-transform: uppercase; z-index:  1;}
    .navbar ul li:focus > a, .navbar ul li:hover > a, .navbar ul li > a:focus, .navbar ul li > a:hover, .navbar ul li > a.active, .navbar ul li > a.active{ color:#F0D35F !important; text-decoration:none; border: 0;  }
    .navbar ul  li a:hover{ color: #F0D35F !important;  ; }
    .navbar ul  li.has_sub a { z-index:  3;}
    .navbar ul  li.has_sub.active { z-index:  4;}
    .navbar ul  li.has_sub.active a:hover {color:#F0D35F !important;  }
    .navbar ul li.has_sub a:after { content: ""; background: url("../images/next_white.svg") no-repeat center center; width: 20px; height: 20px; position:absolute;top: 50%; margin-top: -10px; right: 60px;  transform: rotate(180deg);  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
    .navbar ul li.has_sub a + ul { padding:80px 0 0 0; margin: 0; position:fixed; background: #D9D9D9; width: 100vw; left: -100vw;;top: 48px; height: calc(100vh - 48px) !important; z-index:  9; transition: all 0.5s ease;  }
    .navbar ul li.has_sub.active a + ul { left: 0;transition: all 0.5s ease;}
    .navbar ul li.has_sub a + ul li { width: 100%; float: left; padding: 0 0 10px 0; margin: 0; font-size: 16px; font-weight: 400; height: auto;}
    .navbar ul li.has_sub a + ul li a{font-size: 16px; color:#000 !important; background: #D9D9D9; text-align: center; padding: 0; line-height: 40px;display: block; }
    .navbar ul li.has_sub a + ul li a:hover{ color: #F0D35F !important;  background: #D9D9D9;}
    .navbar ul  li.has_sub.active a + ul li a:hover {color:#000 !important;  }    
    .navbar ul li.has_sub a + ul li a:after { display: none;}
    .navbar ul li.has_sub a + ul li:nth-last-child(1) { position: absolute;width: auto; float: none; right: 20px; top: 20px; height: 30px; padding: 0px;}
    .navbar ul li.has_sub a + ul li:nth-last-child(1) a.back_menu { width: 70px; height: 30px; line-height:  30px; font-weight: 700; float:  right; color:#010101 !important; padding: 0 0 0 15px; }    

    .about_top {padding: 60px 20px 40px 20px;}
    .about_top h1 {margin-bottom: 50px;}
    .about_top h2 {font-size: 30px;line-height: 35px;}
    .about_section1 {padding-left: 20px !important;padding-right: 20px !important; padding-bottom: 30px;}
    .about_section2 {padding-left: 20px !important;padding-right: 20px !important; padding-bottom: 30px;}
    .about_section3 {padding-left: 20px !important; padding-right: 20px !important; padding-bottom: 20px;}
    .about_part1 {width: 100%;max-width: 100%; order: 2 !important;}
    .about_part2 {width: 100%;max-width: 100%; order: 1 !important; padding-bottom: 20px;}
    .core_values {padding: 50px 0 80px 0; font-size: 16px; line-height: 20px;}  
    .core_values .row { margin-left: 0; margin-right: 0;}  
    .core_values .row [class*="col-"] {padding-left: 0;padding-right: 0; padding-bottom: 0px;}
    .core_values h2 {font-size: 30px; line-height: 40px; margin: 0; padding: 0 20px 20px 20px;}
    .core_values h3 { margin-bottom: 15px; font-size: 26px; line-height: 26px; left: auto; top: auto; width: auto; display: block; position: relative;}
    .core_left  { width: 100%; max-width: 100%; padding: 20px; }
    .core_right {width: 100%;max-width: 100%;}
    .our_products.teams .container {padding-left: 0; padding-right: 0;}
    .team_repeat h3 {font-size: 24px;line-height: 24px; }
    .team_repeat h4 {font-size: 18px;line-height: 24px;}
    .our_products.teams {margin-top: 50px;padding: 0 20px 0 20px;}
    .our_products.teams h2 {padding-left: 0;}

    .media_top { padding: 60px 20px 20px 20px;}
    .media_top h1 { min-height: auto;}
    .media_videos h2 {font-size: 20px;line-height: 30px; margin-bottom: 0;}
    .blog_details {padding-right: 0%;}
    .segment_top {padding: 60px 20px 20px 20px;}
    .fliter_tab:after, .fliter_tab.water_zipline:after, .fliter_tab.industrial_zipline:after, .fliter_tab.marine_zipline:after, .fliter_tab.outdoor_zipline:after {background-size: auto 50px;}
    
    .maps { padding: 0 20px 0 20px;}

    .product_top { padding: 0;}
    .product_top .row [class*="col-"].item_left {padding: 20px;order: 2 !important;}
    .product_top .row [class*="col-"].item_pic {order: 1 !important;}
    .item_left h1 { margin-bottom: 20px;  }
    .product_title { padding: 10px 20px 15px 20px; }
    .product_title h2 {font-size: 50px;  line-height: 60px; }

    .products_table {padding: 0 0 20px 0;}
    .products_table ul li {font-size: 16px; line-height: 22px;}
    .mobile_table { display: block; border-top: solid 15px #D9D9D9;}
    .desktop_table { display: none;}

    .mobile_table ul  { display: block; padding: 0; margin: 0; list-style: none;} { display: none;}
    .mobile_table ul  { display: block; padding: 0 !important; margin: 0; list-style: none;} .content{ background: #4E4E4E; font-size: 14px; line-height: 18px; color: #fff; padding: 0;  max-height: 0px !important; min-width: 100%; width: 100%;  overflow: hidden;   -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease; }
    .mobile_table ul  { display: block; padding: 0; margin: 0; list-style: none;}
    .mobile_table ul li  { display: block; padding:0; margin: 0; width: 100%; max-width: 100%; }
    .mobile_table ul li.active .content{ max-height: 5000px !important; visibility:visible;   -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;  transition: all 1s ease;}
    .mobile_table .open-btn { text-align: left; border: 0; display: block; font-size: 20px; line-height: 54px; width: 100%; position: relative; padding: 0 20px; background: #D9D9D9; border-bottom:  solid 1px #000; font-weight: 700;}
    .mobile_table .open-btn span { position: relative; padding-right: 40px;}
    .mobile_table .open-btn span:after { content: "";background: url("../images/next.svg") no-repeat center center; width: 20px; height: 20px; position: absolute; right: 0px; top: 50%; margin-top: -10px; transform: rotate(0deg); transition: all 0.5s ease;}
    .mobile_table ul li.active .open-btn span:after {transform: rotate(90deg); transition: all 0.5s ease;}
    .mobile_table .toggle-list .content {background: #fff; font-size: 14px; line-height: 18px; color: #000;}    
    .mobile_table .content ul { padding: 5px 20px!important;}
    .mobile_table .content ul:nth-last-child(1) { padding-bottom: 30px  !important;}
    .mobile_table .content ul:nth-child(1), .mobile_table .content ul:nth-child(2) { padding-top: 20px  !important;}
    .mobile_table .content ul li { font-size: 14px; border-bottom:  solid 1px #000; padding-bottom: 5px;}
    .mobile_table .content ul.table_segemnt  { background: #131617; padding-top: 0;}
    .mobile_table .content ul.table_segemnt li { color: #fff; font-size: 20px;  border-bottom: 0; padding-bottom: 0px; padding-bottom: 5px !important;}
    .mobile_table .content ul:nth-child(2) li:nth-child(2) { font-weight: 400; text-transform: inherit;}
    .mobile_table .content ul li:nth-child(1), .mobile_table .content ul li:nth-child(even) {font-weight: 700; text-transform: uppercase; padding-top: 5px;border-bottom: 0; }
    .mobile_table .content ul li:nth-child(1) { padding-top: 5px;border-bottom: solid 1px #000; }
    .mobile_table .content ul li:nth-child(even) { padding-bottom: 0;}
    .mobile_table .content ul.table_segemnt li ul { padding: 0px!important;}
    .mobile_table .content ul li ul:nth-child(1) { background: none;}
    .mobile_table .content ul.table_segemnt li ul:nth-child(1) li { width: auto; display: inline-block; padding-right: 10px; padding-bottom: 0!important;}
    .mobile_table ul li ul li .common_icon i {width: 60px;height: 60px;} 
    
    .mobile_table.screen_zipper .content ul { display: flex;  flex-wrap: wrap; justify-content: left;}
    .mobile_table.screen_zipper .content ul li {flex: 0 0 auto;  width: 30%; max-width: 30%; }
    .mobile_table.screen_zipper .content ul li:nth-child(even) { width: 70%; max-width: 70%; }
    .mobile_table.screen_zipper .content ul li:nth-child(1), .mobile_table.screen_zipper .content ul li:nth-child(odd) {font-weight: 700; text-transform: uppercase; padding-top: 5px; }
    .mobile_table.screen_zipper .content ul li:nth-child(even) {font-weight: 400; text-transform: inherit; padding-bottom: 5px; border-bottom: solid 1px #000; }
    .mobile_table.screen_zipper .open-btn span { min-width: 270px; display: inline-block;}
    .mobile_table.razkal_pvc  .open-btn span { min-width: 160px; display: inline-block;}
    
    .common_wrap { padding: 30px 20px 30px 20px; font-size: 18px;}
    .common_wrap.bottom {padding-top: 20px;padding-bottom: 0;}
    .products_table h3 { font-size: 16px; line-height: 22px; }

    .products_table .bungee_loop ul {display: flex;  flex-wrap: wrap; justify-content: left; padding: 20px 20px 0 20px; margin: 0px; list-style: none;}
    .products_table .bungee_loop ul li {flex: 0 0 auto; width: 50%; max-width: 50%; font-size: 14px; border-bottom: solid 1px #000; padding: 5px 0;}
    .products_table .bungee_loop ul:nth-child(1) li {width: 100%; max-width: 100%;}
    .products_table .bungee_loop ul li:nth-child(1) { text-transform: uppercase; font-weight: 700; width: 100%; max-width: 100%;}
    .products_table .bungee_loop ul:nth-child(1) li:nth-child(2) { padding-right: 0%;}
    .products_table .bungee_loop ul:nth-last-child(1) { padding-bottom: 20px;}
    .products_table .bungee_loop ul:nth-last-child(1) li {width: 100%; max-width: 100%;}

    .products_table .high_speed ul {display: flex;  flex-wrap: wrap; justify-content: left; padding: 20px 20px 0 20px; margin: 0; list-style: none;}
    .products_table .high_speed ul li {flex: 0 0 auto; width: 60%; max-width: 60%; font-size: 14px; border-bottom: solid 1px #000; padding: 5px 0;}
    .products_table .high_speed ul li:nth-child(2n+3) { width: 40%; max-width: 40%; }
    .products_table .high_speed ul:nth-child(1) li {width: 100%; max-width: 100%;}
    .products_table .high_speed ul li:nth-child(1) { text-transform: uppercase;  font-weight: 700; width: 100%; max-width: 100%;}
    .products_table .high_speed ul:nth-child(1) li:nth-child(2) { padding-right: 0%;}
    .products_table .high_speed ul:nth-last-child(1) li {width: 100%; max-width: 100%;} 

    .products_table .razkal_pvc ul {display: flex;  flex-wrap: wrap; justify-content: left; padding: 20px 20px 0 20px; margin: 0; list-style: none;}
    .products_table .razkal_pvc ul li {flex: 0 0 auto; width: 100%; max-width: 100%; font-size: 14px; }   
    .products_table .razkal_pvc .content ul:nth-child(1) li:nth-child(2) { text-transform: none; font-weight: 400;}
    .products_table .razkal_pvc .content ul li:nth-child(1), .products_table .razkal_pvc .content ul li:nth-child(2) { text-transform: uppercase;  font-weight: 700; }
    .products_table .razkal_pvc .content ul:nth-last-child(1) li {width: 40%; max-width: 40%;}
    .products_table .razkal_pvc .content ul:nth-last-child(1) li:nth-child(2) {width: 60%; max-width: 60%; border-bottom: solid 1px #000; font-weight: 400; text-transform: none; } 

    .products_table .glock_sclok ul { padding-right: 20px;}
    .products_table .content ul:nth-last-child(4) li:nth-child(2), .products_table .content ul:nth-last-child(3) li:nth-child(2) {border-bottom: solid 1px #000; padding-bottom: 5px; font-weight: 400; text-transform: none;}
    .products_table .content ul + p { padding: 20px; margin: 0; font-weight: 700;}

    .slider_tabbed { display: none;}
    .molded_injected .toggle-list li .content div:after, .spiral_coil .toggle-list li .content div:after
     {bottom: -25px; height: 50px;right: auto; border-radius: 0; top: auto; width: 100%;background: url("../images/zipline6.svg") repeat-x left center; background-size: auto 50px; background-color: transparent;}
    
    .mobile_table.molded_injected .content .product_title, .mobile_table.spiral_coil .content .product_title { margin-top: 30px!important; }

    .mobile_table.molded_injected .content ul.standards {display: flex;  flex-wrap: wrap; }
    .mobile_table.molded_injected .content ul.standards  li:nth-child(2n+2) { flex: 0 0 auto;  width: 65%; max-width: 65%; font-weight: 700; border-bottom:  solid 1px #000; padding-bottom: 5px;}
    .mobile_table.molded_injected .content ul.standards  li:nth-child(2n+3) { flex: 0 0 auto; width: 35%; max-width: 35%; padding-bottom: 5px;}

    .slider_img {display: flex;  flex-wrap: wrap; padding:20px  10px!important; margin: 0; list-style: none; justify-content: left;}
    .slider_img:after { display: none!important;}
    .slider_img span {flex: 0 0 auto;  width: 33.33%; max-width: 33.33%; padding:0 10px 20px 10px; margin: 0; text-align: center; text-transform: uppercase; }
    .slider_img span i { display: block; padding-bottom: 15px; position: relative;}
    .slider_img span i img  { max-width: 90%; width: auto; height: auto;}

    .tabs.col_four { padding-right: 20px;}
    .products_table .spiral_coil ul {padding-right: 20px;}
    .mobile_table.spiral_coil .content ul.standards {display: flex;  flex-wrap: wrap; }
    .mobile_table.spiral_coil .content ul.standards  li:nth-child(2n+2) { flex: 0 0 auto;  width: 65%; max-width: 65%; font-weight: 700; border-bottom:  solid 1px #000; padding-bottom: 5px;}
    .mobile_table.spiral_coil .content ul.standards  li:nth-child(2n+3) { flex: 0 0 auto; width: 35%; max-width: 35%; padding-bottom: 5px;}

    .home_articles::before {height: 110px;}
    .home_articles:after {top: 86px; height: 50px;  background-size: auto 50px;}
    .home_articles .row [class*="col-"]:nth-child(1) {padding-bottom: 80px;}


}
@media only screen and (max-width: 767px) {
    .home_header .header_caption .common_icon i {width: 50px;height: 50px;}
    .home_header .header_caption .common_icon i img {max-width: 66%; max-height: 46px;}
    .home_header .header_caption .common_icon b {font-size: 10px;}
    .header_caption ul { margin: 0 -2px;}
    .header_caption ul li {width: auto;max-width: 84px;padding: 0px 2px 0 2px;}
    .common_icon i {width: 50px;height: 50px;}
    .segment_section {padding: 70px 0 30px 0;}
    .segment_section .row { margin-left: 0; margin-right: 0; }
    .segment_section .row [class*="col-"] {padding: 0 0 30px 0;}    
    .segment_section .row [class*="col-"]::after { left: 0px;right: 0px;}
    .segment_text { padding: 0 20px;}
    .home_articles {padding: 20px 0 0 0;}
    .home_articles h2 { margin-bottom: 0;}
    .footer_bottom .section {font-size: 16px;}
    .footer_links ul li {width: 100%; max-width: 100%;} 
    .footer_links ul li:after { display: none;}
    .footer_bottom .section img { max-width: 320px; width: 100%}   
    .video_text { padding: 0 0 20px 0;}
    .video_text h3 { display: block; padding-right: 0px; padding:16px 16px 40px 16px; min-height: auto;}
    .video_text h3:after {position: absolute; bottom: 10px; right: auto; left: 16px; top: auto; margin-top: auto;  width: 20px; height: 20px; background-position:  left center;}
    .video_text p {padding: 16px 16px 0 16px; }
    .segment_small {padding-bottom: 40px;padding-top: 50px;}
    .segment_shorts {padding: 0 12px 6px 12px;}
    .segment_shorts span { right: 12px}

    .segment_top {padding: 60px 20px 0px 20px;}
    .filter_wrap { padding-left: 0px; padding-top: 60px;}
    .filter, .filter:focus { top: 0; margin-top: auto;}
    .filter, .filter:focus, .filter_wrap ul li a { font-size: 12px;}
    .fliter_tab {padding:30px 20px 40px 20px;}
    .filter_wrap ul { margin: 0 -15px; justify-content: center;}
    .filter_wrap ul li {width: auto; max-width: auto; padding-left: 15px; padding-right: 15px; height: auto; text-align: center;}
    .filter_wrap ul li:nth-last-child(1) { padding-right: 15px;}
    .filter_wrap ul li:nth-child(1) {order: 1 !important; width: 50%; max-width: 50%; margin-bottom: 20px; text-align: left; }
    .filter_wrap ul li:nth-child(2) {order: 3 !important;}
    .filter_wrap ul li:nth-child(3) {order: 4 !important;}
    .filter_wrap ul li:nth-child(4) {order: 5 !important;}
    .filter_wrap ul li:nth-child(5) {order: 6 !important;}
    .filter_wrap ul li:nth-child(6) {order: 2 !important;width: 50%; max-width: 50%; margin-bottom: 20px; text-align: right;}
    .search_input {width: 100%; padding: 0 15px; height: 28px; line-height: 26px; font-size: 12px; }

    .filter_wrap ul li a { height: auto; line-height: 20px; padding: 45px 0  0;}
    .filter_wrap ul li a .common_icon i { width: 44px;height: 44px;left: 50%; margin-left: -20px; top:0; margin-top: auto;}
    .filter_wrap ul li a.all_select {height: 44px; line-height: 44px; padding: 0 0 0 55px;}
    .all_select:before {width: 44px; height: 44px; left: 0; margin-left: auto; top: 0;}
    .all_select:after {width: 16px;height: 16px;left: 14px; top: 14px;}

    .media_top .row [class*="col-"].head_quarter {padding-left: 20px !important;}
    .media_top .row [class*="col-"].head_quarter:after {content: ""; height: 1px; position: absolute; left: 20px;  right: 20px;  bottom: 0; background: #000;}
    .maps .row [class*="col-"].distriutor {padding-left: 20px !important; padding-right: 20px !important; margin-top: 20px;}
    .region h3 {font-size: 16px;line-height: 22px;}
    .region_right h3:before  { right: auto; width: 150px;}
    .region_left, .region_right {flex: 0 0 auto;  width: 100%; max-width: 100%; padding: 0 6px 0 48px;}
    .region_right { width: 100%; max-width: 100%; padding-right: 6px;  padding-top: 20px;}
    .region .region_right ul {width: 100%;  padding-right: 0px;}

    .item_left h1 {font-size: 50px;line-height: 60px;}
    .item_left h2 {min-height: 70px;font-size: 18px; line-height: 22px;margin-bottom: 20px;}
    .product_title h2 { font-size: 38px; line-height: 44px; }
    .segment_all.bpadding {padding-bottom: 0px;}
    .segment_all.mpadding { padding-top: 50px; padding-bottom: 0px; }

    .product_item ul { margin: 0 -4px;}
    .product_item ul li {width: auto;max-width: 84px;padding: 0px 4px 0 4px; }
    .product_item ul li .common_icon  i { width: 64px; height: 64px;}
    .product_item ul li .common_icon b {font-size: 10px;line-height: 18px;}
    .product_item ul li .common_icon   img {max-width: 66%; max-height: 46px;}

    .products_table {padding: 0 0 20px 0;}
    .products_table ul {padding: 0 20px;}
    .slider_img span { width: 100%; max-width: 100%;}
    .segment_all.bpadding, .segment_all.mpadding {padding-top: 80px;}

}
/* END__ */
 @media only screen and (max-width: 575px) {
    .segment_shorts .common_icon i {width :54px; height: 54px;}
    .segment_shorts .common_icon i img { max-height: 40px; width: auto;}
    .segment_shorts span { bottom: 19px;}
     
    
}
/* END__ */
 @media only screen and (max-width: 420px) { 
    .header_caption ul li {width: auto;max-width: 80px; margin-right: 8px;}
    .header_caption ul li:nth-child(1), .header_caption ul li:nth-child(2) { margin-right: 0;}
    .segment_shorts .common_icon i {width:40px; height: 40px;}
    .segment_shorts .common_icon i img { max-height: 30px; width: auto;}
    .segment_shorts span { bottom: 12px;height: 36px;}
    .filter_wrap ul { margin: 0 -8px;}
    .filter_wrap ul li {padding-left: 8px; padding-right: 8px;}
    .filter_wrap ul li:nth-last-child(1) { padding-right: 8px;}  
    .filter, .filter:focus, .filter_wrap ul li a { font-size: 11px;} 
    .product_item ul li {width: auto;max-width: 80px; margin-right: 8px; }
    .product_item ul li:nth-child(1), .product_item ul li:nth-child(2) { margin-right: 0;}
     .product_item ul li .common_icon i { width: 50px;  height: 50px;}

}
/* END__ */
 @media only screen and (max-width: 420px) {
    .mobile_table.molded_injected .content ul.standards  li:nth-child(2n+2) { width: 75%; max-width: 75%; }    
    .mobile_table.molded_injected .content ul.standards  li:nth-child(2n+3) { width: 25%; max-width: 25%; }
    .mobile_table.spiral_coil .content ul.standards  li:nth-child(2n+2) { width: 75%; max-width: 75%; }    
    .mobile_table.spiral_coil .content ul.standards  li:nth-child(2n+3) { width: 25%; max-width: 25%; }
    
    



}
/* END__ */

 .carousel-fade .carousel-item {
     opacity: 0;
     transition-duration: .6s;
     transition-property: opacity;
}
 .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right {
     opacity: 1;
}
 .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
     opacity: 0;
}
 .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev {
     transform: translateX(0);
     transform: translate3d(0, 0, 0);
}
 input[type='number']{
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
}
 input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button {
     -webkit-appearance: none;
     margin: 0;
}
 input[type='number'] {
     -moz-appearance:textfield;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

a:focus-visible, button:focus-visible, input[type=submit]:focus-visible, label:focus-visible, .logo a:focus-visible, .color_select label:focus-visible { border: solid 1px #FF0004!important;}
.sr-only {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}

.sr-only:focus-visible {
  color:black;
  width:auto;
  left:auto;
  right:0;
  height: auto;
  border:1px solid black;
  clip:auto;
  background: white;
  text-indent: 0;
  z-index: 9999999;
}