article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block; margin: 0; padding: 0;}
* {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
html {font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
html, body, div, h1, h2, h3, h4, h5, h6, p, ul, li, form {margin: 0; padding: 0; list-style: none; font-weight: normal;}
button, input, select, textarea {margin: 0; padding: 0; border: none; font-family: "Sora", sans-serif;}
.custfield:focus {outline: none; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
body {font-family: "Sora", sans-serif; font-size: 14px; color: #1C1C1C; background-color: #ffffff;}
a {text-decoration: none;}
a:hover, a:focus {text-decoration: none; outline: none;}
img {border: none; vertical-align: middle;}

/****************
 * Common Css
 ****************/
.clsmain {width: 100%; overflow: hidden;}
header, section, footer {float: left; width: 100%;}
.container {max-width: 1270px; margin: 0 auto; padding: 0 15px;}
.row {margin-left: -15px; margin-right: -15px;}
.row>* {padding-left: 15px; padding-right: 15px;}
.custfield {border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
a, a:hover, button {transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}

.ctitle {display: inline-block; position: relative;}
.ctitle span {font-size: 14px; font-weight: 600; color: #585858; letter-spacing: 3px; text-transform: uppercase; display: block; padding-bottom: 25px;}
.ctitle h3 {color: #585858; font-size: 44px; line-height: 48px; font-weight: 200; display: inline-block;}
.ctitle h3 b {font-weight: 500; display: block;}

.clsline1 {padding-top: 250px; position: relative;}
.ftexts {
    margin-top: 50px;
}
.clsline1:after {display:  none; content: ""; width: 75px; height: 8px; background-color: #000DAF; position: absolute; left: 0px; top: 0px;}
.clsline2 {padding-bottom: 40px; position: relative;}
.clsline2:after {content: ""; width:75px; height: 8px; background-color: #000DAF; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0px;}
.clsline3 {position: relative; padding-bottom: 48px;}
.clsline3:after {content: ""; width: 75px; height: 8px; background-color: #000DAF; position: absolute; left: 0px; bottom: 0px;}
.whiteline:after {background-color: #ffffff;}

.ctitle1 h3 {font-size: 40px; line-height: normal; font-weight: 500; color: #585858;}
.ctitle1 span {font-weight: 300; line-height: 42px; display: inline-block;}
.ctitle1 p {font-size: 18px; line-height: 26px;}

.ctitle2 span {display: block; font-size: 14px; text-transform: uppercase; font-weight: 600; letter-spacing: 3px;}
.ctitle2 h3 {font-size: 36px; font-weight: 400; line-height: 37px;}

.ctitle3 h3 {font-size: 44px; font-weight: 500; color: #585858; line-height: 51px;}
.ctitle3 span {font-weight: 200;}
.ctitle3 p {font-size: 18px; line-height: 26px; font-weight: 300;}

.subtitle1 span {display: block; font-weight: 300; color: #585858; font-size: 21px; text-transform: uppercase; letter-spacing: 4px;}
.subtitle2 {font-size: 14px; font-weight: 600; color: #585858; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 24px;}
.subtitle3 h3 {border-left: 8px solid #03A600; font-size: 34px; padding-left:30px; line-height: 42px;}

.ctitle4 h1, .ctitle4 h3 {font-size: 40px; font-weight: 400; color: #585858; line-height: 46px;}
.ctitle4 h1 span {font-weight: 200;}
.ctitle4 p {font-size: 20px; font-weight: 200; color: #585858; line-height: 26px;}

.ctextinfo p {font-size: 24px; line-height: 34px; display: inline-block; width: 100%; font-weight: 300;}
.ctextinfo1 p {font-size: 16px; line-height: 23px; display: inline-block; width: 100%;}
.w300 p {font-weight: 300;}

.sbtn {font-size: 18px; padding: 0 26px; display: inline-block; color: #FFFFFF; font-weight: 600; background-color: #03A600; height: 48px; line-height: 48px; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px;}
/*.sbtn:hover {background-color: #FFFFFF; color: #000000;}*/

.cbtn {display: inline-block; padding: 0 30px; font-size: 20px; font-weight: 500; color: #1C1C1C; text-transform: uppercase; letter-spacing: 4px; border: 1px solid #1C1C1C; line-height: 43px; border-radius: 28px; -moz-border-radius: 28px; -webkit-border-radius: 28px;}

.clsviewbtn {font-size: 16px; color: #585858; text-transform: uppercase; font-weight: 600; letter-spacing: 4px; border-bottom: 1px solid #585858; padding-bottom: 7px; display: inline-block;}
.clsviewbtn span {background: url(../images/c-arrow1.svg) no-repeat 100% 50%; display: inline-block; padding-right: 40px; padding-top: 5px;}
.clsviewbtn:hover {color: #000DAF;}

.social {display: inline-block; padding: 15px 0px 0px 40px;}
.social a {float: left; width: 56px; height: 56px; background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent;}
.social a:hover {background-color: #03A600;}
.social a.facebook {background-image: url(../images/facebook.png);}
.social a.instagram {background-image: url(../images/instagram.png);}
.social a.linking {background-image: url(../images/linking.png);}


header {z-index: 51; position: absolute; left: 0px; top: 0px; border-bottom: 1px solid #1C1C1C; /*background-color: rgba(0,0,0,0.5);*/}
header .logo {float: left; padding-top: 15px;}
header .mobilelogo {display: none;}
header .custnav {position: relative; padding: 40px 0px 40px 50px; border-left: 1px solid #1C1C1C; float: right;}
header .custnav .menus > li {padding:0px 15px; display: inline-block;}
header .custnav .menus > li:last-child {padding-right: 0px;}
header .custnav .menus > li > a {color: #1C1C1C; font-size: 18px; display: inline-block; font-weight: 500; line-height: 18px;}

.headerpart, .headerpart .custnav {border-color: rgba(255,255,255,0.4);}
.headerpart .custnav .menus > li > a {color: #FFFFFF;}

header .custnav .menus > li > a.contact {background-color: #03A600; color: #ffffff; padding: 0px 25px; line-height: 40px; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px;}
header .custnav .menus > li a:hover{color: #03A600;}
header .custnav .menus > li > a.contact:hover {background-color: #000000; color: #FFFFFF;}


.section-h1 .clsmainslider .slick-arrow, .clssarrows .slick-arrow, .clsspecification .slick-arrow {display: none !important;}
.clsslickarrows button, .slick-arrow {width: 40px; height: 40px; background-color: transparent; font-size: 0px; background-repeat: no-repeat; background-position: 50% 50%; border: 1px solid #585858; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%;}
.clsslickarrows .slickprev, .slick-prev {background-image: url(../images/prev-arrow1.svg);}
.clsslickarrows .slicknext, .slick-next {background-image: url(../images/next-arrow1.svg); margin-left: 27px;}

.clswhitearrow button {filter: brightness(12);}

.slick-dots {display: flex;}
.slick-dots li {margin-right: 7px;}
.slick-dots li:last-child {margin-right: 0px;}
.slick-dots li button {width: 8px; height: 8px; font-size: 0px; background-color: #D9D9D9; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.slick-dots .slick-active button {width: 24px; background-color: #03A600;}

ul.slick-dots {
    display: none !important;
}
.section-h1 {position: relative; margin-top: -66px;}
.mainslider {width: 100%; float: left; height: 800px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; position: relative;}
.mainslider .mainslidertexts {position: absolute; left: 0px; width: 100%; top:40%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.mainslider .ctitle1 {width: 500px;}
.mainslider .clsline1:after {width: 56px;}
.mainslider .ctitle1 p {margin-top: 20px;}
.mainslider .ctitle1 span {font-weight: 200;}
.section-h1 .clsslickarrows {position: absolute; left: 0px; right: 0px; bottom: 50px;}
.section-h1 .clsslickarrows button {width: 32px; height: 32px; background-size: 13px auto;}
.section-h1 .clsslickarrows .slicknext {margin-left: 22px;}
.section-h1 .clsarrowrow {/*margin-left: 196px; */position: relative; z-index: 1;}
.section-h1 .slick-dots {display: none; position: absolute; z-index: 1; left: 50%; bottom: 283px; width: 1270px; padding: 0 15px; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%);}

.clstopsmallslider {position: absolute; left: 0px; right: 0px; top: 192px;}
.clsslidercol {float: right; width: 479px; position: relative;}
.clsslidercol h4 {font-size: 18px; color: #585858; font-weight: 200; position: absolute; z-index: 1; left: 44px; top: 37px;}
.clsslidercol h4 span {display: block; font-weight: 400;}
.clsslidercol .slideitem img {width: 100%;}
.topdisplyslider .slick-arrow {position: absolute; top: 35px; z-index: 1;}
.topdisplyslider .slick-prev {right: 107px;}
.topdisplyslider .slick-next {right: 45px;}

.section-h2 {position: relative; padding: 0px 0px 113px; border-bottom: 1px solid #585858B2;}
.section-h2 .ctitle {float: left; width: 100%; margin: 50px 0;}
.section-h2 .ctitle h3{font-size: 74px; line-height: 68px; font-weight: 400; letter-spacing: -3px;}
.clsweare {font-size: 74px; line-height: 68px; font-weight: 400; letter-spacing: -3px;}
h2.clswearesec {
    font-size: 74px;
    line-height: 68px;
    font-weight: 400;
    letter-spacing: -3px;
    color: #585858 !important;
}
.section-h2 .textinfo {width: 100%; float: left;}
.section-h2 .textinfo .ctextinfo1 {width: 430px; position: relative;}
.section-h2 .textinfo .ctextinfo1:before {width: 1px; height: 100%; background-color: #585858B2; position: absolute; top: 0px; content: "";}
.section-h2 .textinfo .ctextinfo1:after {width: 3000px; height: 2px; background-color: #585858B2; position: absolute; top: 0px; content: "";}
.section-h2 .textinfo1 .ctextinfo1 {padding: 96px 30px 0px 0px; text-align: right;}
.section-h2 .textinfo1 .ctextinfo1:before {right: 0px;}
.section-h2 .textinfo1 .ctextinfo1:after {top: 84px; left: 100%; display: none;}
/*.section-h2 .textinfo2 {margin-top: -15px;}*/
.section-h2 .textinfo2 .ctextinfo1 {padding: 0px 0px 0px 30px; width: 530px; text-align: left; float: right;}
.section-h2 .textinfo2 .ctextinfo1:before {left: 0px; height: 182px;}
.section-h2 .textinfo2 .ctextinfo1:after {top: 90px; right: 100%; display: none;}

.section-h3 {overflow: hidden;}
.section-h3 .ctitle1 {padding: 60px 0px;}
.clscmnlbox {position: relative; padding: 0px;}
.clscmnlbox a {height: 610px; display: block;}
.clscmnlbox img {width: 100%; height: 100%; object-fit: cover;}
.clscmnlbox .ctitle2 {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.clscmnlbox .ctitle2 h3 {margin: 10px 0; text-transform: uppercase;}
.clscmnlbox .ctitle2 p {font-size: 18px; margin: 30px 0;}
.cls_view-more {display: inline-block; font-size: 18px; text-decoration: underline; color: #ffffff;}
.cls_view-more:hover {text-decoration: none;}

.section-h4 {margin: 0px 0 90px; }
.section-h4 .ctitle1, .clsimagegallery .ctitle1 {padding: 50px 0px;}
.productspart {position: relative;}
.productslider .slick-list{padding:0 10% 0 10% !important;}
.productslider .proditem {border: 1px solid #a4a4a4; border-top-width: 2px; border-bottom-width: 2px;}
.productslider .clsprodimg a {display: block; background-color: #ffffff;}
.productslider .clsprodimg img {width: 100%; mix-blend-mode: darken;}
.productslider .clsprodinfo {/*border-top: 2px solid #a4a4a4;*/ position: relative; text-align: left; display: block; padding: 40px 120px 40px 40px;}
.productslider .clsprodinfo .cls_arrow {position: absolute; right: 40px; width: 50px; height: 50px; background-color: #1C1C1C; background-image: url(../images/arrow-white.svg); background-position: 50% 50%; background-repeat: no-repeat; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%;}
.productslider .clsprodinfo h4 a {font-size: 24px; color: #1C1C1C;}
.productslider .clsprodinfo h4 a:hover {color: #03A600;}
.productslider .clsprodinfo p {font-size: 16px; margin-top: 10px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.clssarrows .clsslickarrows {position: absolute; left: 0px; right: 0px; top: -93px;}

.section-h5 {background: url(../images/bg-img1.jpg) no-repeat 50% 50%; height: 793px;}
.section-h5 .container {height: 100%; position: relative;}
.section-h5 .clstexts {width: 445px; padding: 58px 115px 51px 85px; margin-right: -30px; background-color: #F1F1F1; float: right;}
.section-h5 .clspointcol {position: absolute;}
.section-h5 .clspoint {width: 21px; height: 21px;position: relative; background-color: #FFFFFF; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; cursor: pointer;}
.section-h5 .clspoint:after {content: ""; width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; animation: zoomanim1 2s ease-out infinite; background: #FFFFFF66; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
@keyframes zoomanim1 {
  0% {
    transform:translate(-50%,-50%) scale(1, 1);
  }
  50% {
    transform:translate(-50%,-50%) scale(1.3, 1.3);
  }
  100% {
    transform:translate(-50%,-50%) scale(1, 1);
  }
}

.section-h5 .clspointcol .clspointinfo {width: 379px; position: absolute; z-index: 2; display: none; padding: 40px; background: #FFFFFF33; backdrop-filter: blur(103.5px);}
.section-h5 .clspointcol .clspointinfo h4 {font-size: 18px; display: inline-block; color: #FFFFFF; font-weight: 600;}
.section-h5 .clspointcol .clspointinfo p {font-weight: 300; font-size: 16px; color: #FFFFFF; line-height: normal; margin: 22px 0 31px;}
.section-h5 .clspointinfo .optslists li {display: inline-block; margin-right: -7px;}
.section-h5 .clspointinfo .optslists li .clsopt {display: inline-block; width: 48px; height: 48px; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; overflow: hidden;}
.section-h5 .clspointinfo .optslists li .clsopt img {width: 100%; height: 100%; object-fit: cover;}
.section-h5 .clspointinfo .optslists li .moroptslink {border: 2px solid #FFFFFF; margin-left: 11px; background-image: url(../images/link-arrow1.svg); background-repeat: no-repeat; background-position: 50% 50%;}
.section-h5 .clspointcol1 {top: 283px; left: 144px;}
.section-h5 .clspointcol2 {bottom: 127px; left: 623px;}
.section-h5 .clspointcol3 {bottom: 258px; right: 170px;}
.section-h5 .clspointcol1 .clspointinfo {left: 62px; top: -10px;}
.section-h5 .clspointcol2 .clspointinfo {left: -190px; bottom: 40px;}
.section-h5 .clspointcol3 .clspointinfo {right: 40px; top: -110px;}
.section-h5 .clspointcol3 .clspointinfo {background-color: #a8ab99;}
.section-h5 .clspointcol.showinfo .clspointinfo {display: block;}

.section-h6 .clscolleft, .section-h6 .clscolright {width: 50%; float: left;}
.section-h6 .clscolleft .clsimgbox {float: left; text-align: right; width: 100%; margin-top: 70px;}
/*.section-h6 img {width: 100%;}*/
.section-h6 .clstexts {width: 583px; float: right;}
.section-h6 .ctitle3 h3 {margin-bottom: 45px;}
.section-h6 .ctitle3 p {width: 350px;}
.section-h6 .subtitle1 {border-bottom: 2px solid #a4a4a4; padding: 32px 0 22px; position: relative; margin-bottom: 56px;}
.section-h6 .subtitle1:after {content: ""; position: absolute; width: 3000px; height: 2px; background-color: #a4a4a4; bottom: -2px; right: 100%;}

.section-h7 ul li {float: left; border-right: 1px solid #000000; padding: 95px 0 85px; min-height: 366px;}
.section-h7 ul li:last-child {border-right: none;}
.section-h7 .col1 {width: 470px;}
.section-h7 .col2 {width: 390px;}
.section-h7 .col3 {width: 380px;}
.section-h7 li .clssqinfo p {font-size: 38px; line-height: 40px; font-weight: 300; color: #585858;}
.section-h7 li .clssqinfo span {display: block; margin-top: 25px; font-size: 15px; line-height: 20px; font-weight: 300; color: #585858; text-transform: uppercase; letter-spacing: 3px;}

.section-h8 {position: relative;}
.section-h8 .colimg1 {width: 62.6%;}
.section-h8 .colimg2 {width: 37.4%;}
.section-h8 .colimgbox {float: left; height: 526px;}
.section-h8 img {width: 100%; height: 100%; object-fit: cover;}
.section-h8 .clstexts {position: absolute; left: 0px; top: 65px; right: 0px;}
.section-h8 .clstexts .ctextinfo1 {width: 320px; margin-left: 45px; padding-top: 31px;}
.section-h8 .clstexts .ctextinfo1 p {font-weight: 300; line-height: 24px;}
.section-h8 .clsline1:after {width: 47px;}

.section-h9 {border-bottom: 2px solid #a4a4a4; padding-bottom: 0px; margin-bottom: 80px;}
.section-h9 .ctitle {margin-top: -60px;}
.section-h9 .ctitle h3 {font-size: 88px; line-height: 77px;}
.section-h9 .textinfo1 .ctextinfo1 {padding-left: 25px; padding-top: 173px;}
.section-h9 .textinfo2 .ctextinfo1 {padding-right: 0px; padding-bottom: 51px;}
.section-h9 .textinfo2 .ctextinfo1:before {height: 100%;}
.section-h9 .textinfo2 .ctextinfo1:after {top: 150px;}
.section-h9 .textinfo2 .clsviewbtn {margin-top: 39px;}
.section-h9 .imgbox1 {position: absolute; top: calc(100% + 45px); left: 4px; background-color: #c4c4c4;}
.section-h9 .imgbox1 img {mix-blend-mode: darken;}
.section-h9 .imgbox2 {position: absolute; bottom: calc(100% + 45px); right: -4px;}
.section-h9 .clslinksbar {position: absolute; bottom: 35px;}


.clslinksbar li {border-right: 1px solid #000000; padding: 0 48px; line-height: normal;}
.clslinksbar li:last-child {border-right: none;}
.clslinksbar li a {font-size: 20px; font-weight: 300; color: #585858; text-transform: uppercase; letter-spacing: 4px;}
.clslinksbar li a:hover {color: #000DAF;}

.section-h10 {background-color: #96B5C7; position: relative;}
.section-h10 .clstexts {position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.section-h10 .clstexts .clstextcol {width: 50%;}
.section-h10 .clstextcol .ctextinfo {margin-top: 110px;}
.section-h10 .clstextcol .ctextinfo p {color: #FFFFFF; width: 407px;}
.section-h10 .imgcol {float: right; width: 50%;}
.section-h10 .imgcol img {width: 100%;}

.clsattailn {position: relative; margin: 85px 0px; padding: 70px 0px; border-top: 1px solid #585858; border-bottom: 1px solid #585858;}
.clsattailn .textinfo1 {position: relative; width: 100%;}
.clsattailn .textinfo1 h3 {font-size: 54px; line-height: 66px; font-weight: 300; position: relative;}
.clsattailn .textinfo1 .ctextinfo1 {margin: 30px 0;}
/*.clsattailn .textinfo1 h3:after, .clsattailn .textinfo1 h3:before {content: ""; position: absolute;  width: 51px; height: 41px; background-repeat: no-repeat; background-position: 50% 50%;}
.clsattailn .textinfo1 h3:after {background-image: url(../images/quoteleft.svg); left: -55px; top: -19px;}
.clsattailn .textinfo1 h3:before {background-image: url(../images/quoteright.svg); right: -85px; bottom: -10px;}*/
 
.section-h12 {position: relative; padding: 140px 0; background-repeat: no-repeat; background-position: 50% 0px; background-image: url(../images/bg12.jpg); background-size: cover;}
.section-h12 .ctitle1 {width:620px; float: left;}
.section-h12 .ctitle1 span {display: block;}
.section-h12 .ctextinfo {float: right; width: 434px; padding:50px 0px 50px 50px; position: relative;}
.section-h12 .ctextinfo:after {content: ""; width: 1px; height: 100%; position: absolute; left: 0px; top: 0px; background-color: #D9D9D9;}
.section-h12 .ctextinfo p {font-size: 16px; line-height: 26px;}

.section-h13 {position: relative; padding: 85px 0px; background-color: #F1F1F1;}
.section-h13 .ctitle {float: left; width: 45%;}
.section-h13 .ctextinfo {float: right; width: 55%; padding:0px 140px 30px 0px; position: relative;}
/*.section-h13 .ctextinfo:after {content: ""; position: absolute; width: 100%; right: -100px; bottom: 0px; content: "";}*/

footer {background-color: #1c1c1c;}
footer .footerboxs {float: left; border-right: 1px solid #D9D9D980; min-height: 465px; padding-top: 80px;}
footer .footerboxs:last-child {border-right: none;}
footer .footerboxs h5 {margin: 60px 0px 0; position: relative; color: #FFFFFF; line-height: 35px; font-size: 24px; font-weight: 100;}
footer .footerboxs h5 b {font-weight: 600;}
/*footer .footerboxs h5:after {content: ""; position: absolute; left: 0px; top: 0px; width: 31px; height: 7px; background-color: #FFFFFF;}*/
footer .footerboxs h4 {font-size: 24px; color: #FFFFFF; display: inline-block; width: 100%; font-weight: 400; padding: 0px 40px 20px;}
footer .footerboxs p {color: #FFFFFF; font-size: 16px; font-weight: 300; display: inline-block; padding: 15px 40px 5px;}
footer .footerboxs p a {color: #FFFFFF; font-size: 16px; font-weight: 300; display: inline-block;}
footer .footerboxs p a:hover{color: #03A600;}
footer .footerboxs ul {float: left; width: 100%; padding: 0px 40px;}
footer .footerboxs ul li{float: left; width: 100%; padding-top: 15px;}
footer .footerboxs ul li a {color: #FFFFFF; font-size: 16px; font-weight: 300; display: inline-block;}
footer .footerboxs ul li a:hover,.cls_copyright p a:hover {color: #03A600;}
footer .footerboxs.fbox1 {width: 350px;}
footer .footerboxs.fbox2 {width: 300px;}
footer .footerboxs.fbox3 {width: 345px;}
footer .footerboxs.fbox4 {width: 240px;}
.cls_copyright {border-top: 1px solid #D9D9D980; padding: 40px 0px; float: left; width: 100%;}
.cls_copyright p {text-align: center; font-size: 16px; color: #FFFFFF; font-weight: 300; text-align: center;}
.cls_copyright p a {color: #FFFFFF;}

/** About Pages **/
.section-cmn1 {background-repeat: no-repeat; background-position: 50% 50%; position: relative; height: 800px; background-size: cover;}
.section-cmn1:after {content: ""; background-color: rgba(0,0,0,0.5); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
.section-cmn1 .bannertexts {padding-top: 120px; z-index: 2; position: relative;}
.section-cmn1 .clstextbox {background-color: rgba(255,255,255,0.8); padding: 40px; width: 411px; margin-left: -41px; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}
.section-cmn1 .clsline1 {padding-top: 35px;}
.section-cmn1 .clsline1:after {width: 48px;}
.section-cmn1 .ctitle4 h1 {margin-bottom: 27px; max-width: 250px;}

.section-cmn2 {border-top: 1px solid #585858; border-bottom: 1px solid #585858;}
.section-cmn2 .clscol {float: left; width:50%; position: relative;}
.section-cmn2 .clsleftcol {background-color: #e8e8e8;}
.section-cmn2 .clsleftcol img {mix-blend-mode: multiply;}
.section-cmn2 img {width: 100%;}
.section-cmn2 .ctitle2 {position: absolute; right: 0px; width: 600px; bottom: 120px;}
.section-cmn2 .ctitle2 h3 {font-weight: 200;}
.section-cmn2 .ctitle2 span {padding-bottom: 20px;}

.section-cmn3 {padding: 60px 0px;}

.section-ds2 {padding-bottom: 90px;}
.section-ds2 .ctitle h3 {font-size: 74px; line-height: 75px; padding-bottom: 7px;}
.section-ds2 .textinfo1 .ctextinfo1 {padding-left: 40px; padding-top: 144px;}
.section-ds2 .textinfo2 .ctextinfo1 {padding-right: 35px;}

 
.clstabssec .ctitle1 {margin-top: 86px; margin-bottom: 40px;}
.clstabssec {position: relative; padding: 0px; border-top: 1px solid #585858;}
.clstabssec .clsstableft {float: left; width: 42%; position: relative;}
.clstabssec .clsstableft .clscol {width: 480px; float: right;}
.clstabssec .clstabright {width: 58%; float: right;}
.clstabssec .tab-content .tabsimg {width: 100%;}
/*.clstabssec .tab-content .tabsimg img {width: 100%;}*/
.clstabssec .nav-tabs {/*position: absolute;*/ width: 480px; /*bottom: 0px; right: 0px;*/ border: none;}
.clstabssec .nav-tabs li {position: relative; width: 100%; padding: 35px 30px 33px 0px; border-top: 1px solid #585858;}
.clstabssec .nav-tabs li:last-child {border-bottom: 1px solid #585858;}
.clstabssec .nav-tabs li:after {position: absolute; display: none; right: 100%; top: -1px; content: ""; background-color:  #585858; height: 1px; width: 3000px;}
.clstabssec .nav-tabs li .nav-link {position: relative; color: #585858; font-size: 24px; text-transform: capitalize; padding: 0px 30px 0 0; text-align: left; width: 100%; line-height: 37px; background-position: 100% 50%; background-repeat: no-repeat; background-color: transparent; border: none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;}
.clstabssec .nav-tabs li .nav-link:hover {background-image: url(../images/tab-arrow_img.svg);}
.clstabssec .nav-tabs li .nav-link.active {border: none; background-color: transparent; font-weight: 700; color: #1C1C1C; background-image: url(../images/tab-arrow_img.svg);}

.clsphotos ul li {float: left; width: 25%;}
.clsphotos ul li img {width: 100%;}

.clsbordertop {border-top: 1px solid #585858;}
.clsdownloadrow {padding: 40px 0px; float: left;}
.clsdownload {font-size: 20px; font-weight: 300; background: url(../images/download-icon.svg) no-repeat 100% 50%; padding-right: 75px; text-transform: uppercase; letter-spacing: 4px; color: #585858;}
.clsdownload:hover {color: #000DAF; background-image: url(../images/download-icon-h.svg);}
.clsdownload br {display: none;}

.section-ds5 {border-top: 1px solid #585858;}
.section-ds5 .clscol {float: left; width: 50%; border-top: 1px solid #585858;}
.section-ds5 .clscol img {width: 100%;}
.section-ds5 .clstexts .clstextcol {border-left: 1px solid #585858; padding: 40px 0px 40px 70px;}
.section-ds5 .clstexts .clstextcol p {font-weight: 300; font-size: 26px; line-height: 36px; color: #585858;}
.clswhysect1 .ctitle1 {border-bottom: 1px solid #585858; padding: 40px 0; text-align: center;}

.clsspecification {position: relative; border-bottom: 1px solid #585858;}
.clsspecification .clstoptext {position: absolute; z-index: 1; left: 0px; right: 0px;}
.clsspecification .ctitle2 {width: 50%; border-bottom: 1px solid #585858; padding: 48px 0 40px; position: relative;}
.clsspecification .ctitle2:before, .clsspecification .clsbotm:before {content: ""; width: 3000px; height: 1px; background-color: #585858; position: absolute; right: 100%; bottom: -1px;}
.clsspecification .ctitle2 h3 {color: #585858;}
.clsspecification .clspectexts {position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%);}
.clsspecification .clspectexts .clsline3 {padding-bottom: 40px;}
.clsspecification .clspectexts .clsline3:after {width: 55px; height: 8px;}
.clsspecification .clspectexts .clstextcol {width: 50%; padding-left: 157px;}
.clsspecification .clspectexts .ctextinfo p {color: #585858; font-weight: 400; padding: 5px 0px;}
.clsspecification .clspectexts .ctextinfo p span {font-weight: 300;}
.clsspecification .clsspecitem {float: left; width: 100%;}
.clsspecification .clsspecitem .clsimgcol {float: right; padding: 60px; width: 50%; border-left: 1px solid #585858; text-align: center;}
.clsspecification .clsspecitem .clsimgcol img {max-width: 100%; display: inline-block;}
.clsspecification .clsslickarrows {position: absolute; left: 0px; right: 0px; bottom: 0px;}
.clsspecification .clsbotm {width: 50%; border-top: 1px solid #585858; position: relative;}
.clsspecification .clsbotm:before {bottom: initial; top: -1px;}
.clsspecification .clsarrowrow {border-right: 1px solid #585858; padding: 25px 60px 25px 35px; margin-right: 70px;}
.clsspecification .clsslickarrows button {width: 48px; height: 48px;}
.clsspecification .clsslickarrows .slicknext {margin-left: 45px;}
.clsdownbtn {font-size: 16px; color: #585858; text-transform: uppercase; font-weight: 600; letter-spacing: 4px; border-bottom: 1px solid #585858; padding-bottom: 7px; display: inline-block;}
.clsdownbtn:hover {color: #000DAF;}
.clsdownbtn span {background: url(../images/download-icon.svg) no-repeat 100% 50%; padding-right: 38px;}
.clsdownbtn:hover span {background-image: url(../images/download-icon-h.svg);}


.section-ds6 {border-top: none;}
.section-ds6.clstabssec .nav-tabs li {padding: 49px 100px 47px 0px;}

.section-ds7 {border-bottom: 1px solid #585858;}
.section-ds7.clstabssec .nav-tabs li {padding: 76px 100px 74px 0px;}

.clsimagegallery .ctitle1 h3 {font-weight: 400;}
.galleryslider .slick-list {padding-right: 7% !important}
.galleryslider .proditem {border: 1px solid #585858; border-right: none; float: left; width: 100%;}
.galleryslider .clsprodimg img {width: 100%;}

.section-ddc {background: url(../images/c-bg1.png) no-repeat 100% 100%; border-bottom: 1px solid #1C1C1C;}
.section-ddc .clsline1:after {background-color: #1C1C1C; width: 44px; height: 10px;}
.section-ddc .clstextscol {border-left: 1px solid #1C1C1C; padding: 158px 0px 125px 75px; position: relative;}
.section-ddc .clstextscol:before, .section-ddc .clstextscol:after {content: ""; width: 3000px; height: 1px; background-color: #1C1C1C; position: absolute;}
.section-ddc .clstextscol:before {left: 0px; top: 110px;}
.section-ddc .clstextscol:after {right: calc(100% - 275px); bottom: 223px;}
.section-ddc .ctitle4 h3 {font-weight: 500; color: #1C1C1C; line-height: 57px;}
.section-ddc .ctitle4 h3 span {font-weight: 200;}
.section-ddc .cbtn {margin-top: 120px;}
.section-ddc .cbtn:hover {background-color: #1C1C1C; color: #FFFFFF;}

.section-ds10 {background-image: url(../images/bg-img2.jpg);}
.section-ds10 .clstexts {float: left; width: 330px; padding: 58px;}
.section-ds10 .clspointcol1 {top: 453px; right: 403px; left: initial;}
.section-ds10 .clspointcol1 .clspointinfo {right: 65px; left: initial;}
.section-ds10 .clspointcol2 {bottom: 380px; right: 139px; left: initial;}


.section-st2 {padding-bottom: 90px;}
.section-st2 .textinfo1 .ctextinfo1 {padding: 149px 30px 0px 15px;}
.section-st2 .ctitle h3 {font-size: 74px; line-height: 75px; padding-bottom: 10px;}

.section-st4 {background-color: #F6F6F6;}
.section-st9 .ctitle3 h3 {font-size: 36px; line-height: 45px;}


.section-cmn4 {height: 600px; background-repeat: no-repeat; background-position: 50% 50%;}
.section-cmn4 .bannertexts {position: absolute; top: 202px; left: 0px; right: 0px;}
.section-cmn4 .clsline1 {padding-top: 22px;}
.section-cmn4 .clsline1:after {width: 56px;}
.section-cmn4 .ctitle2 .subtitle2 {letter-spacing: 3px; font-size: 12px; margin-bottom: 19px;}

.clsbreadcrumbs {border-top: 1px solid #1C1C1C; border-bottom: 1px solid #1C1C1C;}
.clsbreadcrumbs ul li {float: left; position: relative; font-size: 18px; color: #000DAF;}
.clsbreadcrumbs ul li:after {content: ">>"; font-size: 18px; color: #8D8D8D; float: left; padding: 0 10px;}
.clsbreadcrumbs ul li:last-child:after {display: none;}
.clsbreadcrumbs ul li a {float: left; color: #8D8D8D;}

.clsfilterbar .clsflabel {font-size: 18px; color: #585858; padding: 31px 60px; float: left; border-right: 1px solid #1C1C1C;}
.clsfilterbar .clsflabel:first-child {border-left: 1px solid #1C1C1C;}

.clsproductlists {border-bottom: 1px solid #1C1C1C; padding-bottom: 115px;}
.clsproductlists .row {margin-right: -20px; margin-left: -20px;}
.clsprodcol {margin-top: 56px; padding: 0 20px;}
.clsprodcol .clsprodinner .prodimg img {width: 100%;}
.clsprodcol .clsprodinfo h4 {margin-top: 36px;}
.clsprodcol .clsprodinfo h4 a {font-size: 20px; font-weight: 500; color: #1C1C1C;}
.clsprodcol .clsprodinfo p {font-size: 18px; color: #1C1C1C; margin-top: 1px;}

.clstabssec .mtablink {display: none;}

/** Accessories Page **/
.section-ac1 .clstextbox {padding-bottom: 117px;}
.section-ac1 .ctitle4 h1 {margin-bottom: 37px;}
.section-ac2 {padding-bottom: 90px;}
.section-ac2 .textinfo1 .ctextinfo1 {padding: 121px 30px 0px 0;}
.section-ac2 .ctitle h3 {line-height: 75px; padding-bottom: 14px;}
.section-ac2 .textinfo2 .ctextinfo1 {width: 275px; padding-right: 0px;}
.section-ac3 {background-repeat: no-repeat; background-position: 50% 50%; height: 748px; border-top: 1px solid #585858;}
.section-ac3 .ctitle {width: 100%; margin-top: 195px; padding-bottom: 35px;}
.section-ac3 .ctitle h3 {font-size: 74px; line-height: 75px; font-weight: 400; color: #FFFFFF;}
.section-ac4, .section-ac7 {border-top: none;}
.clstabssec .nav-tabs li .nav-link p {font-size: 16px; padding: 12px 15px 0px 0px; display: none; line-height: 23px; color: #1C1C1C; font-weight: 300; text-transform: initial;}
.clstabssec2 .nav-tabs li .nav-link.active p {display: block;}
/*.clstabssec2 .nav-tabs li .nav-link {background-position: 100% 14px;}*/
.section-ac7.clstabssec .nav-tabs li:nth-child(2) {padding-right: 50px;}
.section-ac8 {border-top: 1px solid #585858;}
.clsbornone .proditem {border-left: none; border-right: none;}
.section-ac10 .clstexts {width: 335px;}
.section-ac10 .ctitle3 h3 {font-size: 36px; line-height: 38px;}


/** Sustainability Page **/
/*.section-su1 .clstextbox {padding-bottom: 91px;}*/
.section-su2 {background-color: #081D0B; position: relative;}
.section-su2 .clstextcol {position: absolute; left: 0px; top: 0px; width: 100%; padding-left: 17px;}
.section-su2 .clstextcol .clstexts {width: 50%; position: relative; padding: 232px 0 0 38px;}
.section-su2 .clstextcol .clstexts:before {content: ""; width: 1px; height: 307px; background-color: #FFFFFF; position: absolute; left: 0px; top: 0px;}
.section-su2 .clstextcol .clstexts h3 {font-size: 40px; line-height: 40px; font-weight: 400; color: #FFFFFF; margin-bottom: 30px;}
.section-su2 .clstextcol .clstexts p {font-size: 20px; line-height: 26px; font-weight: 200; color: #FFFFFF; width: 280px;}
.section-su2 .clsimgcol {float: right; width: 50%;}
.section-su3 {padding-bottom: 14px;}
.section-su4 .wchyceinner .wchycbox {margin-bottom: 40px;}
.section-su4 .wchyceinner .wchycbox:first-child, .section-su4 .wchyceinner .wchycbox:nth-child(4) {border-left: 1px solid #585858B2;}
.section-su4 .wchyceinner .wchycbox:last-child {border-right: 1px solid #585858B2 !important;}

/*.section-su4 {border-top: 1px solid #585858;}*/
.section-su5 .clscol {float: left; width: 50%; padding: 115px 15px;}
.section-su5 .clscol1 {background-color: #1C1C1C;}
.section-su5 .clscol2 {background-color: #5F7857;}
.section-su5 .clscol p {font-size: 16px; font-weight: 600; color: #FFFFFF; letter-spacing: 4px; line-height: 19px; min-height: 147px; text-transform: uppercase;}
.section-su5 .clscol h4 {font-size: 38px; line-height: 39px; color: #FFFFFF; margin: 23px 0 130px;}
.section-su5 .clscol .clsfy {text-transform: uppercase; font-size: 16px; letter-spacing: 4px; font-weight: 300; color: #FFFFFF;}
.section-su5 .clscol2 .clsinfo img {margin-bottom: 6px;}
.section-su6 .clscol {float: left; width: 50%;}
.section-su6 .clscol img {width: 100%;}
.section-su6 .clscol2 {padding:50px 150px;}
.section-su6 .ctextinfo1 p {font-weight: 300;}
.section-su8 {position: relative; background-repeat: no-repeat;background-position: 50% 0px;background-image: url(../images/su-bg8.png);background-size: cover;}
.section-su8 .ctitle {float: left; padding-top: 112px;}
.section-su8 .ctextinfo {float: right;width: 535px;padding: 190px 85px 126px 65px;position: relative;}
.section-su8 .ctextinfo:after {content: "";width: 1px;height: 388px;position: absolute;left: 0px;top: 0px;background-color: #D9D9D9;}
.section-su8 .ctextinfo p {line-height: 32px; font-size: 20px; padding-top: 60px;}
.section-su9 {border-top: none;}
.section-su9 .clsstableft {width: 58%;}
.section-su9 .clstabright {width: 42%;}
.section-su9 .tab-content .tabsimg {background-color: #E2E2E2; height: 800px;}
.section-su9 .tab-content .tabsimg .clsimgcol {height: 100%;}
.section-su9 .clsstableft .clscol, .section-su9 .nav-tabs {width: 740px;}
.section-su9 .nav-tabs li {padding: 58px 100px 56px 0px;}
.section-su10 {border-top: 1px solid #585858; border-bottom: 1px solid #585858; padding-top: 40px;}
.section-su10 .clslimg {position: relative; padding-bottom: 85px;}
.section-su10 .clslimg:after {content: ""; width: 1px; height: 90px; background-color: #585858; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%);}
.section-su10 .clsstimg {border-top: 1px solid #585858; padding: 83px 0 107px;}
.section-su10 .clsstimg img {max-width: 100%;}
.section-su11 .subtitle3 {margin: 86px 0px 82px;}
.section-su11 .clstreplists li {float: left; width: 100%; border-top: 1px solid #585858; padding: 42px 0;}
.section-su11 .clstreplists li a {font-size: 24px; color: #585858; text-transform: uppercase; display: block; background: url(../images/download-icon.svg) no-repeat 100% 50%; background-size: 21px auto;}
.section-su11 .clstreplists li a:hover {background-image: url(../images/download-icon-h.svg); color: #000DAF;}


/** About Page **/
/*.section-abu1 .clstextbox {padding: 211px 130px 60px 60px;}*/
.section-abu2 {border-bottom: none; margin-bottom: 0px;}
.section-abu2 .textinfo2 .ctextinfo1:before {height: 274px;}
/*.section-abu2 .textinfo1 .ctextinfo1 {width: 265px; padding-top: 114px; margin-left: 15px;}*/
/*.section-abu2 .imgbox1 {left: 42px; top: calc(100% + 30px);}*/
/*.section-abu2 .textinfo2 .ctextinfo1 {margin-right: 40px; padding-right: 20px;}*/
/*.section-abu2 .textinfo2 .ctextinfo1:after {top: 98px;}*/
/*.section-abu2 .imgbox2 {bottom: calc(100% + 30px);right: 38px;}*/
/*.section-abu2 .ctitle {margin-top: -47px;}*/
/*.section-abu2 .ctitle h3 {font-size: 74px;line-height: 75px; padding-bottom: 5px;}*/
.section-abu3 .clscol {padding: 110px 0 160px; height: 100%; float: left; width: 50%; min-height: 600px;}
.section-abu3 .clscol span, .section-abu5 .clscol span {font-size: 16px; display: block; padding-bottom: 35px; text-transform: uppercase; letter-spacing: 4px; color: #FFFFFF; font-weight: 600;}
.section-abu3 .clscol p, .section-abu5 .clscol p {font-size: 24px; line-height: 39px; max-width: 454px; margin: 0 auto; color: #FFFFFF; font-weight: 400;}
.section-abu3 .clscol1 {background-color: #1C1C1C;}
.section-abu3 .clscol2 {background-color: #03A600;}
.section-abu3 .clscol1 span {padding-bottom: 70px;}
.section-abu4 {background-image: url(../images/ab-bg4.png);}
.section-abu4 .ctitle {width: 500px; padding-top: 45px;}
.section-abu4 .ctitle h3 {font-weight: 400;}
.section-abu4 .ctextinfo {padding: 125px 85px 248px 65px;}
.section-abu4 .ctextinfo:after {height: 294px;}
.section-abu5 {background-color: #000000;}
.section-abu5 .clscol {float: left; width: 50%;}
.section-abu5 .clscol img {width: 100%;}
.section-abu5 .clscol2 {padding: 120px 0 0;}
.section-abu5 .clscol2 span {padding-bottom: 112px;}
.section-abu6 .ctitle3 h3 {font-weight: 300;}
.section-abu6 ul li {padding: 75px 0 65px;min-height: 340px;}
.section-abu6 .col1 {width: 287px; padding-top: 40px; padding-left: 35px; padding-right: 30px;}
.section-abu6 .col2, .section-abu6 .col3, .section-abu6 .col4 {width: 320px;}
.section-abu7 {background: url(../images/ab-img4.png) no-repeat 50% 50%; background-size: cover; height: 501px;}
.ourclienssect .clstophead {border-bottom: 1px solid #585858; float: left; width: 100%;}
.ourclienssect .subtitle3 {border-right: 1px solid #585858; float: left; padding: 40px 35px 30px;}
.ourclienssect .clsclientlist {float: left; width: 100%; padding: 25px 0px 175px;}
.ourclienssect .cltlogos {float: left; width: 100%; margin-top: 72px; padding-left: 190px;}
.ourclienssect .cltlogos ul li:last-child {margin-right:0px;}
.ourclienssect .cltlogos1 ul li {margin-right: 163px;}
.ourclienssect .cltlogos2 ul li {margin-right: 142px;}
.ourclienssect .cltlogos3 ul li {margin-right: 132px;}

.clscertifications {border-top: 2px solid #a4a4a4;}
.clscertifications .ctitle1 {padding: 35px 0px;}


/** **/
.sec-webser {position: relative;}
.sec-webser .ctitle1 h3, .sec-wchyce .ctitle1 h3 {margin-bottom: 40px;}
.sec-webser ul {float: left; width: 100%;}
.sec-webser ul li{float: left; width: 50%; background-color: #F1F1F1; padding: 50px 60px;}
.sec-webser ul li:nth-child(2),.sec-webser ul li:nth-child(3){background-color: #E7E7E7;}
.sec-webser ul li .icons {background-repeat: no-repeat; background-position: 50% 50%; width: 95px; height: 95px; float: left;}
.sec-webser ul li .icon1 {background-image: url(../images/icon1.png);}
.sec-webser ul li .icon2 {background-image: url(../images/icon2.png);}
.sec-webser ul li .icon3 {background-image: url(../images/icon3.png);}
.sec-webser ul li .icon4 {background-image: url(../images/icon4.png);}
.sec-webser ul li .info {float: left; width: calc(100% - 95px); padding: 0px 0px 0px 25px;}
.sec-webser ul li .info h4 {color: #1C1C1C; font-size: 24px;}
.sec-webser ul li .info p {color: #1C1C1C; font-size: 16px; line-height: 26px; padding-top: 10px; display: inline-block;}

.sec-wchyce {position: relative; padding: 90px 0px 40px;}
.sec-wchyce .wchyceinner {float: left; width: 100%; border-top: 1px solid #585858B2; padding-top: 40px;}
.sec-wchyce .wchyceinner .wchycbox {border-right: 1px solid #585858B2; padding: 60px 65px;}
.sec-wchyce .wchyceinner .wchycbox:last-child {border-right: none;}
.sec-wchyce .wchyceinner .wchycbox h4 {color: #1C1C1C; font-size: 24px;}
.sec-wchyce .wchyceinner .wchycbox p {color: #1C1C1C; font-size: 16px; line-height: 26px; padding-top: 10px; display: inline-block;}

.sec-glopre {background-image: url(../images/global-bg.jpg); background-repeat: no-repeat; background-position: 100% 0px; padding: 175px 0px; background-size: cover;}
/*.sec-glopre .textinfo {padding-right: 1px;}*/
.sec-glopre .textinfo .ctitle {font-size: 44px; line-height: 48px;}
.sec-glopre .textinfo p {display: inline-block; width: 100%; color: #ffffff; font-size: 16px; line-height: 26px; padding-top: 20px;}
.sec-glopre .textinfo p span {font-weight: 600; font-size: 18px;}
.sec-glopre .textinfo .cpoints {float: left; width: 100%; padding:15px 0px 0px;}
.sec-glopre .textinfo .cpoints li {display: inline-block; padding-left: 40px; margin:10px 0px; line-height: 26px; font-size: 16px; color: #ffffff; background-repeat: no-repeat; background-position: 0px 50%; background-image: url(../images/cpoint.png);}


/* =========== MEGA MENU PRODUCT SECTION =========== */
.has-submenu {
    position: relative;
}

/* DESKTOP - BIG WIDTH */
.submenu-mega {
    position: absolute;
    top: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%);
    width: 260px;               /* proper width */
    /*max-width: 90%;*/             /* responsive */
    background: #ffffff;        /* pure white background */
    border-radius: 10px;        /* smooth border */
    padding: 15px 20px 5px;         /* internal spacing */
    box-shadow: 0 6px 24px rgba(0,0,0,0.15);
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s ease;
    z-index: 999;
}




.has-submenu:hover .submenu-mega {
    opacity: 1;
    visibility: visible;
}


.submenu-wrapper {
    display: block;             /* no multi-column for now */
    width: 100%;
}



.submenu-image img {
    width: 100%;
    border-radius: 0;
}

.submenu-column {
    padding: 0;
}

.submenu-column h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.submenu-column h3 .line {
    width: 4px;
    height: 20px;
    background: #b4b6bd;
    border-radius: 2px;
}

.submenu-column h3 .line.active {
    background: #0033cc;
}

.submenu-column ul {
    list-style: none;
    padding: 0;
}

.submenu-column ul li {
    margin-bottom: 12px;
}
.submenu-column ul li a {
    font-size: 16px;
    color: #1C1C1C;
    text-decoration: none;
    transition: 0.3s;
}

.submenu-column ul li a:hover {
    color: #0033cc;
}

/* MOBILE */
@media (max-width: 991px) {

    .submenu-mega {
        position: relative;
        top: 0;
        left: 0;
        transform: none;
        width: 100%;
        padding: 20px;
        border-radius: 0;
        box-shadow: none;
        display: none;
    }

    .submenu-mega.active {
        display: block;
    }

    .submenu-wrapper {
        width: 100%;
        padding: 0;
    }
}


.clscontactmodal .modal-content {border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;}
.clscontactmodal .modal-header {border-bottom: 1px solid #585858; padding: 0 36px;}
.clscontactmodal .modal-header h3 {font-size: 24px; font-weight: 500; padding: 34px 42px 34px 0; border-right: 1px solid #585858;}
.clscontactmodal .modal-header .btn-close {opacity: 1;}
.clscontactmodal .modal-body {padding: 5px 36px 36px;}
.cform .clsfield {margin-top: 19px;}
.cform label {display: inline-block; padding: 2px 8px; margin-left: 15px; background-color: #FFFFFF; font-size: 16px; font-weight: 200; color: #1C1C1C;}
.cform .custfield {height: 52px; font-weight: 300; font-size: 16px; border: 1px solid #585858; padding: 8px 15px 6px; margin-top: -14px;}
.cform textarea.custfield {height: 109px; padding: 15px 15px; resize: none;}
.cform .sbtn {text-transform: uppercase; font-weight: 400; margin-top: 11px;}
.cform .sbtn:hover {background-color: #000000; color: #FFFFFF;}