@import url(effect.css);

/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap');
/* Fonts */

html { margin: 0; padding:0; overflow-x:hidden;}
body{
font-family: 'Outfit', sans-serif; font-weight:normal; padding:0; color:#222; font-weight:400; padding-right:0!important;
font-size:17px;
line-height:1.4;
}

/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */

img{border:0;}

*{ box-sizing:border-box;
}
*:hover{
}

a{color:var(--green); text-decoration:none;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
a:hover{text-decoration:none; color:var(--yellow);}

h1, h2, h3, h4, h5{margin:0 0 15px; padding:0; font-weight:normal;}

:root{--green:#001e3a;--yellow:#ff8900; --dark:#003769; --orange:#ff8800;}

@keyframes wiggle {
0%{transform:rotate(0deg);}
80%{transform:rotate(0deg);}
85%{transform:rotate(5deg);}
95%{transform:rotate(-5deg);}
100%{transform:rotate(0deg);}
}

/* Header */
.header-area{position:relative; left:0; right:0; top:0; z-index:100; padding:5px 25px; background:#fff;}

#myHeader{margin:0; position:relative; z-index:100; float:left; width:100%; clear:both; z-index:9999;}
.logo img{height:69px; transition:all .2s ease-in-out; padding:5px 0;}
#myHeader.sticky{position:fixed; left:0; right:0; top:0; margin-top:0; padding:5px 10px;
background: rgba(255,255,255,0.8);
backdrop-filter: blur(10px);
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
}
#myHeader.sticky .logo img{height:60px;}

.callBox{ position:relative; padding:0 25px;}
.callBox:before{position:absolute; left:0; right:-15%; top:-35px; bottom:-25px; z-index:1; content:''; display:block; background:var(--dark);}
.callBox > *{position:relative; z-index:5;}
.callBox i{font-size:30px; float:left; color:#fff;}
.callBox a{display:block; font-size:18px; font-weight:700; margin-bottom:0; line-height:1.1; color:#fff; font-size:20px;}
.callBox:hover:before{background:var(--yellow);}

.topBox{padding:5px 25px; color:#fff; background:var(--dark); font-size:14px;}
.topBox i{color:#fff;}
.topBox ul{ margin:0; padding:0; list-style-type:none;}
.topBox ul li{display:inline-block;}
.topBox ul li a{font-size:20px; padding:0 5px; color:var(--yellow);}



.project-slider{position:relative; display:block; width:100%; overflow:hidden; background:#666;}
.project-slider #carouselExampleIndicators .carousel-inner{mix-blend-mode:overlay}
.project-slider img{width:100%;}
.project-slider .sliderContent{position:absolute; width:50%; left:50%; bottom:35%; transform:translate(-50%,0%); z-index:5; color:#fff; text-align:center;}
.project-slider .sliderContent h2{font-weight:600; font-size:32px; margin-bottom:10px; text-shadow: 0 0 8px #000000;}
.project-slider .sliderContent p{ font-size:20px; margin-bottom:20px;}
.project-slider .sliderContent a{display:inline-block; padding:10px 25px; border-radius:30px; border:1px #fff solid; color:#fff;}


.waves {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 15vh;
  z-index: 1;
  margin-bottom: -8px;
  min-height: 100px;
  max-height: 150px;
}
svg:not(:root) {
  overflow: hidden;
}
.parallax > use {
  -webkit-animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
  animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
    animation-duration: 25s;
    animation-delay: 0s;
}
.parallax > use:nth-child(1) {
  -webkit-animation-delay: -2s;
  animation-delay: -2s;
  -webkit-animation-duration: 7s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  -webkit-animation-delay: -3s;
  animation-delay: -3s;
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  -webkit-animation-delay: -4s;
  animation-delay: -4s;
  -webkit-animation-duration: 13s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  -webkit-animation-delay: -5s;
  animation-delay: -5s;
  -webkit-animation-duration: 20s;
  animation-duration: 20s;
}


@keyframes move-forever {
0% {
  -webkit-transform: translate3d(90px, 0, 0);
  transform: translate3d(90px, 0, 0);
}
}

.welcomeArea{display:block; overflow:hidden; padding:60px 0; background:var(--dark); color:#fff; margin:0 6%; position:relative; top:-86px; margin-bottom:-85px; z-index:10;}
.welcomeArea h2{ font-size:38px; font-weight:600; margin-bottom:5px;}
.welcomeArea a{display:inline-block; padding:7px 10px; width:130px; border:2px #fff solid; color:#fff; text-align:center;}
.welcomeArea a:hover{background:var(--dark);}
.welcomeArea h3{font-weight:300; font-size:26px; margin-bottom:25px;}
.welcomeArea p{margin-bottom:20px; font-size:15px;}
.welcomeArea p strong{color:var(--yellow); font-size:18px;}
.welcomeArea .form-control{ font-size:12px; padding:10px; border-radius:0; margin-bottom:25px;}
.welcomeArea .btn{background:var(--dark); color:#fff; display:block; width:100%; border-radius:0; font-weight:600;}

.productDetails{ margin:20px 25px 50px; display:block; overflow:hidden; clear: both;}
.productDetails h1{font-size:38px; border-bottom: 2px #000 solid; margin-bottom:10px; font-weight:600; text-transform:uppercase;}
.productDetails .woocommerce-breadcrumb{margin-bottom:35px!important; display: block; overflow: hidden;}
.productDetails [class^="col-"] a{position:relative; display:block; overflow:hidden; background:var(--dark);}
.productDetails [class^="col-"] a div{text-align:center;width:100%; padding:20px 0 0; background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); display:block; overflow:hidden;}
.productDetails [class^="col-"] a div h4{font-size:15px;  line-height:1; margin-bottom:8px; font-weight:600; color:#fff; letter-spacing:0; transition:.3s ease-in-out;}
.productDetails [class^="col-"] a div p{color:#fff; font-size:14px; margin-bottom:5px;}
.productDetails [class^="col-"] a div span{font-size:13px;font-weight:600; color:#fff; letter-spacing:0; transition:.3s ease-in-out; background:var(--yellow); width: 100%; padding: 5px; display: block;}
.productDetails [class^="col-"] a img{border:1px #ddd solid;}
.productDetails [class^="col-"] a:hover img{}
.productDetails [class^="col-"] a:hover h4, .productDetails [class^="col-"] a:hover span{letter-spacing:0;}

.btnCenter{display:inline-block; width:220px; text-align:center; border-radius:10px; padding:10px 20px; font-size:18px; position:relative; border:2px var(--orange) solid; color:var(--orange); margin-top:20px;}
.btnCenter:hover{background:var(--orange); color:#fff;}


.productDetails [class^="col-"] .whatsappBtn {
    display: block;
    width: 100%;
    padding: 5px 15px;
    margin-left: 0;
}

.whatsappBtn {
    display: inline-block;
    background: #23d366!important;
    margin-left: 5px;
    padding: 12px 30px;
    font-weight: 700;
    color: #fff;
}


.whatsappBtn:hover {
    
    background: #111!important;
    
    color: #fff;
}


.quickContactArea{text-align:center;}
.quickContactArea h3{margin-bottom:10px; font-size:36px; font-weight:600; color:var(--yellow); text-transform:uppercase;}
.quickContactArea p{font-size:18px; font-weight:300; margin-bottom:20px;}
.quickContactArea h4{font-size:36px; font-weight:700; color:var(--dark); animation: wiggle 1.5s infinite; display:inline-block;}
.quickContactArea .row{width:700px; max-width:100%; margin:0 auto;}
.quickContactArea .row img{width:150px; max-width:100%;}

.twoPartArea{background:#444 url('../images/automobile.jpg') no-repeat center center fixed; background-size:cover; position:relative;}
.twoPartArea:before{position:absolute; left:50%; right:0; top:0; bottom:0; content:''; display:block; background:var(--yellow);}
.twoPartArea [class^="col-"] > div{padding:40px 20px; color:#fff;}
.twoPartArea [class^="col-"] > div > a{color:#fff; text-transform:uppercase; border-radius:10px; padding:10px 20px; font-size:18px; background:var(--dark); display:block; overflow:hidden;}
.twoPartArea [class^="col-"] > div > a i{font-size:15px; margin-right:10px; position:relative; top:-1px;}
.twoPartArea [class^="col-"] > div > a:hover{background:#fff;color:#000;}
.twoPartArea [class^="col-"] img{width:80px; margin-bottom:5px; transition:.3s ease-in-out;}
.twoPartArea .row .row a{padding:8px; display:block; overflow:hidden;}

.twoPartArea h2{font-weight:800; font-size:40px; margin-bottom:10px;}
.twoPartArea h3{margin-bottom:10px;}
.twoPartArea p{margin-bottom:30px;}

.twoPartArea strong{display:block; clear:both; overflow:hidden;}
.twoPartArea [class^="col-"]{margin-bottom:20px;}


.osramLinks [class^="col-"]{margin-bottom:20px;}
.osramLinks a{display:block; width:100%; border-radius:10px; padding:10px 20px; font-size:18px; text-align:left; position:relative; border:2px #fff solid; color:#fff;}
.osramLinks a i{position:absolute; right:15px; top:15px;}
.osramLinks a:hover{ color:var(--yellow); background:#fff;}

.railProduct{display:block; overflow:hidden; position:relative; padding:60px 0 120px; background:#000 url('../images/rail.jpg') no-repeat center center fixed; background-size:cover; color:#fff;}
.railProduct:before{position:absolute; left:0; right:50%; top:0; bottom:0; content:'';display:block;background:rgba(0,0,0,0.7);}
.railProduct [class^="col-"] > div{padding:40px 20px; color:#fff;}
.railProduct [class^="col-"] img{border:2px #fff solid; transition:.3s ease-in-out; width:100%;}
.railProduct [class^="col-"] img:hover, .twoPartArea [class^="col-"] img:hover{-webkit-transform: scaleX(-1); transform: scaleX(-1);}
.railProduct [class^="col-"] > div span{display:block; clear:both;overflow:hidden; color:#fff;}
.railProduct p{margin-bottom:30px;}
.railProduct a.btn{background:#fff; color:#222; padding:10px 30px; border-radius:10px;}
.railProduct a.btn:hover{background:var(--green); color:#fff;}
.railProduct .row .row a{padding:8px; display:block; overflow:hidden;}



.testimonialsArea{background:#fff; color:#222; position:relative; padding:50px 0 30px;}
.testimonialsArea > svg{fill:#fff; position:absolute; left:0; right:0; bottom:0;}
.testimonialsArea h3{display:block; clear:both; font-weight:600; text-transform:none; font-size:18px; margin-bottom:5px;}
.testimonialsArea h4, .enquiryArea h3{font-size:32px; margin-bottom:30px; font-weight:600;}
.testimonialsArea .item{text-align:center;}
.testimonialsArea .item fieldset{border:3px var(--yellow) dotted; padding:5px 20px 15px; border-radius:20px;}
.testimonialsArea .item legend{width:auto; padding:0 10px;}
.testimonialsArea .item p{font-size:16px; text-align:center;}
.testimonialsArea .item span i{color:var(--yellow); font-size:17px; margin-right:2px;}
.testimonialsArea .item h3{font-size:16px; font-weight:600; display:block; margin-top:5px;}
.testimonialsArea .owl-theme .owl-controls{bottom:0px!important; top:auto;}
#owl-demo1{top:-15px;}



.abnNo{display:block; overflow:hidden; padding:10px; background:var(--green); color:#fff; text-transform:uppercase; text-align:center; font-size:24px; font-weight:600;}

.footerArea{background:var(--dark); padding:30px 25px; display:block; text-align:center; color:#fff;}
.footerArea .row{text-align:left;}
.footerArea [class^="col-"] h4{font-size:18px;  margin-bottom:10px; font-weight:700;}
.footerArea img{height:150px; margin-bottom:15px;}
.footerArea [class^="col-"] > a{display:block; clear:both; padding:3px 0;color:#fff;}
.footerArea [class^="col-"] > a i{margin-right:5px; color:#fff;}
.footerArea [class^="col-"] > a:hover{color:var(--yellow);}
.footerArea [class^="col-"]:nth-child(2){text-align:left;}

.footerArea [class^="col-"] .tnp-subscription-minimal input.tnp-submit {
  width: 30%;
  box-sizing: border-box;
  display: inline-block;
  padding: 10px 5px;
  border: 1px;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
  border-color: var(--blue);
  background-color: var(--blue);
  background-image: none;
  text-shadow: none;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  border-radius: 0px;
  margin: 0;
}

ul.social-links{margin:0; padding:5px 0; list-style-type:none; display:block; overflow:hidden; clear:both;}
ul.social-links li{display:inline-block; margin-left:5px;}
ul.social-links li a{text-align:center; color:#fff; display:block; border:1px #fff solid; width:40px; height:40px; text-align:center; border-radius:50%; background:var(--blue);}
ul.social-links li a i{font-size:18px; line-height:40px;}
ul.social-links li a:hover{background:var(--yellow); color:#fff;}

.footerBottom{background:#fff; padding:15px; display:block; font-size:13px; position:relative; color:var(--green);}
.footerBottom ul{ float:right; margin:0; padding:0; list-style-type:none;}
.footerBottom ul li{ display:inline-block;}
.footerBottom ul li a{ display:block; padding:0 8px; color:var(--green); border-left:1px var(--green) solid; line-height:1;}
.footerBottom ul li:first-child a{border:none;}
.footerBottom ul li a:hover{color:var(--yellow);}




#scroll-icon {
    position:fixed;
    right:10px;
    bottom:10px;
    cursor:pointer;
    width:30px;
    height:30px;
    background-color:var(--yellow);
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    z-index:99999;
}
#scroll-icon span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:7px solid transparent;
    border-bottom-color:#ffffff
}
#scroll-icon:hover {
    background-color:var(--green);
    opacity:1;
    filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}


.container-full{width:1280px; max-width:92%; margin:0 auto;}


/*--------------------------NEXT-----------------------------*/

.innerbannerArea{position:relative;display:block;clear:both;width:100%;overflow:hidden;height:50vh;background:#fff;}
.innerbannerArea img:first-child{opacity:.8}
.innerbannerArea img:last-child{position:absolute;left:0;right:0;bottom:0;z-index:5}
.innerbannerArea span{display:block;color:#fff;font-size:72px;position:absolute;left:50%;bottom:40%;z-index:8; 
  transform: translate(-50%, -50%);}

.innerArea{background:#fff;background:linear-gradient(0deg,#fff 25%,#f1ece1 100%); padding:50px 0;float:left;width:100%; display:block;}
.innerArea [class^="col-"] > div{position:relative;z-index:5}
.innerArea h1{color:var(--dark);display:block;margin-bottom:5px; text-align: left}
.innerArea  .breadcrumb{margin:0;padding:0;list-style-type:none;background:0 0;margin-bottom:30px;text-transform:uppercase;color:var(--dark)}
.innerArea .breadcrumb li{position:relative;margin-right:10px;font-weight:600;font-size:12px}
.innerArea .breadcrumb li:after{display:inline-block;content:'/';margin-left:10px}
.innerArea .breadcrumb li:last-child:after{display:none}
.innerArea .breadcrumb li a{color:var(--dark)}
.innerArea p em{color:var(--light)}
.innerArea h2{font-size:32px;border-left:4px var(--dark) solid;padding-left:12px;margin-bottom:15px}



.iconabt{ padding: 0; margin: 0; list-style-type: none;}
.iconabt li{ display: inline-block; padding: 10px; font-size:20px; }
.iconabt li i{ color: var(--light);  }
.iconabt li a{ color: #000 }
.iconabt li a:hover{ color:var(--dark) }


.wp-block-cover,.wp-block-cover-image{min-height:auto!important;margin-bottom:30px}
.wp-block-cover__background{background:var(--dark)!important}
.wp-block-media-text__content h3,.wp-block-media-text__content p{color:#fff!important}
.wp-block-button__link{background-color:#fff!important;color:#222!important}



.hightlightBox{display:block;overflow:hidden;background:#fff;padding:30px 30px 10px;margin:30px 0;-webkit-box-shadow:0 0 7px 0 rgba(0,0,0,.2);-moz-box-shadow:0 0 7px 0 rgba(0,0,0,.2);box-shadow:0 0 7px 0 rgba(0,0,0,.2)}
.hightlightBox h3{margin-bottom:10px;font-size:20px;font-weight:700}
.hightlightBox h3 i{margin-right:7px; color:var(--red); }
.hightlightBox h3 i.fa-check{color:green!important}
.hightlightBox h3 i.fa-xmark{color:red!important}
.hightlightBox > p{margin-bottom:30px}
/*.hightlightBox ul{margin:0 0 30px;padding:0;list-style-type:none}
.hightlightBox ul li{display:block; margin-bottom:5px; position: relative}
.hightlightBox ul li:before{content:'⦿'; margin-right:8px; color:var(--blue); font-size:14px;}*/


.topimage{ display: block; position: relative;}
.topimage div{ position: absolute; display: block; left:10px; top:10px;  background:#fff; padding: 10px; border-radius: 50px;}
.topimage div ul{ display: block; padding:0; margin: 0; list-style-type: 0;}
.topimage div ul li{ display: inline-block!important;  color:#333; font-weight: 600;  padding: 0 10px 0 10px;}
.topimage div ul li:before{ display: none!important;}
.topimage div ul li i{ color:var(--green); font-size:14px;}

.card{border:none;border-radius:0;text-align:left;background:0 0;margin-bottom:15px}
.card-header{border-radius:0;border:none;background:#333;margin:0;padding:0}
.card-header>a{position:relative;display:block;background:var(--dark);color:#fff!important;padding:14px 20px}
.card-header>a.collapsed{background:0 0!important;color:#fff!important}
.card-header>a:after{position:absolute;right:20px;top:10px;font-family:'Font Awesome 6 Free';content:'\f068';font-weight:600;width:15px;height:30px;font-size:24px}
.card-header>a.collapsed:after{content:'\2b';color:#fff}
.card-header h5{font-size:22px;color:#fff!important;text-transform:uppercase}
.card-body{padding:15px 20px;background:#fff;color:var(--overdark);border:1px #ddd solid}
.card-body a,.card-header h5 span{color:#fff}

.accordion article{counter-reset:section}
.accordion section{counter-increment:section}
.accordion section h3{font-size:22px;font-weight:600;color:var(--dark)}
.accordion section h3:before{content:"Day " counter(section) ": "}
.accordion section ul{margin-bottom:25px}
.accordion section ul li{margin-bottom:8px}

.packageGallery a{display:block;overflow:hidden;padding:15px 0;clear:both}
.packageGallery a img{width:100%}

.rightArea{position:relative;z-index:9999;top:-100px; margin-bottom:-100px;}
.rightArea>a{display:block;overflow:hidden;padding:10px 15px;background:var(--dark);color:#fff;margin-bottom:8px;font-size:24px;border-radius:15px}
.rightArea>a i{margin-right:5px}
.rightArea>a:hover{background:var(--light)}
.rightArea .row{background:#fff;display:block;padding:15px 30px;border-radius:15px;text-align:center;-webkit-box-shadow:0 0 7px 0 rgba(0,0,0,.2);-moz-box-shadow:0 0 7px 0 rgba(0,0,0,.2);box-shadow:0 0 7px 0 rgba(0,0,0,.2)}
.rightArea .leftMenu{display:block; margin:0; padding:0; text-align:left; list-style-type:none;}
.rightArea .leftMenu li a{font-size:15px; font-weight:600; color:var(--overdark); padding:8px 0; display:block; overflow:hidden; border-bottom:1px var(--dark) dotted;}
.rightArea .leftMenu li:last-child a{border:none;}
.rightArea .leftMenu li:hover a{color:var(--dark);}


.rightarea [class^="col-md-7"] strong a{background:#fff!important;}
.rightarea [class^="col-md-5"] img{ border:1px solid #f3f3f3;}

.sub-menu-toggle{ display: none!important;}
#menu-item-121 > a{ display: none!important}
div.wpforms-container-full .wpforms-form button[type=submit]{background-color: var(--dark)!important; width: 100%; border: 1px solid var(--dark)!important; color: #fff!important; font-size: 1em; padding: 10px 15px;}
div.wpforms-container-full .wpforms-form textarea.wpforms-field-large {    height: 120px!important;}

.contactArea [class^="col-"]{ position: relative }
.contactArea [class^="col-"] div{padding: 20px; }
.contactArea [class^="col-"] h3{ text-align:left; text-transform: none; padding-top: 10px; font-size: 22px; display: block; margin-top: 10px;}
.contactArea [class^="col-"] a{ font-size:20px; color:#333; margin-left:48px; display: block; margin-top:20px }

.contactArea [class^="col-"] a:hover{ color: var(--dark); margin-left:48px; display: block; margin-top:20px }

.contactArea .map{background: #fff; display: block; padding: 5px;-webkit-box-shadow:0 0 7px 0 rgba(0,0,0,.2);-moz-box-shadow:0 0 7px 0 rgba(0,0,0,.2);box-shadow:0 0 7px 0 rgba(0,0,0,.2)}

.contactArea [class^="col-"] i{ font-size:20px; background:var(--green); height:40px;  width: 40px;  border-radius:50%; line-height: 40px; text-align: center;  color:#fff; position: absolute;-webkit-box-shadow:0 0 7px 0 rgba(0,0,0,.2);-moz-box-shadow:0 0 7px 0 rgba(0,0,0,.2);box-shadow:0 0 7px 0 rgba(0,0,0,.2)}

.contactArea [class^="col-"] p{  margin-left:45px; display: block; }

.fourarea{ padding: 50px 0; background:transparent url('../images/bg.jpg') no-repeat center bottom; background-size:cover;}




.productListings{display:block; clear:both; padding:25px 0;}
.productListings > div{margin:0 0 40px; padding:20px; display:block; overflow:hidden; clear:both;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);}


.productListings [class^="col-"]{}
.productListings [class^="col-"] h2{ font-size:16px; margin-bottom:10px; display: block; margin-top: 10px; text-align: left; }
.productListings [class^="col-"] h3{color:var(--dark); font-size:15px; padding-bottom:10px; margin-bottom:10px; border-bottom:1px #ddd solid; display:block; text-align: left;}
.productListings [class^="col-"] span{color:var(--dark); font-size:15px; padding-bottom:10px; margin-bottom:10px; border-bottom:1px #ddd solid; display:block; text-align: left;}
.productListings [class^="col-"] p{font-size:15px;}
.productListings [class^="col-"] a.btn{background:var(--green); color:#fff; padding:5px 15px; border:2px var(--green) solid;}
.productListings [class^="col-"] a.btn:last-child{background:none;color:var(--green); border:2px var(--green) solid; margin-left:5px;}
.productListings [class^="col-"] a.btn:hover{background:var(--dark); color:#fff; border-color:var(--dark);}
.productListings [class^="col-"] ul{display:block; overflow:hidden; margin-bottom:20px; padding-left:18px; font-size:15px;}
.productListings [class^="col-"] ul li{width:30%; float:left; margin-bottom:10px;}



.productDetails .row [class^="col"]:first-child > a > img{width:100%;}
.productDetails h2{font-size:24px; margin-bottom:15px; padding-bottom:8px; border-bottom:2px var(--green) solid;}
.productDetails h3{color:var(--red);font-size:18px; margin-bottom:25px;}
.productDetails ul{margin-bottom:30px; padding-left:18px;}
.productDetails ul li{margin-bottom:10px;}
.productDetails a.btn{background:var(--dark); color:#fff; padding:5px 15px; border:2px var(--dark) solid;}
.productDetails a.btn:last-child{background:none!important;color:var(--red)!important; border:2px var(--red) solid; margin-left:5px;}
.productDetails a.btn:hover{background:var(--dark)!important; color:#fff!important; border-color:var(--dark)!important;}
.productDetails > ul{display:block; clear:both; overflow:hidden;}
.productDetails > ul li{width:32%; float:left;}


.orangebox{background:var(--dark);color:#fff;text-transform:uppercase; margin-top:0; padding:15px 0 15px 0;  margin-bottom:30px;text-align: center; }
.orangebox>ul{display:block; list-style-type: none; padding: 0; margin: 0; }
.orangebox>ul li{display: inline-block; vertical-align: middle; padding-right: 20px   }
.orangebox>ul li p{display:block; padding-top:20px;font-size: 20px; line-height: 1.5; }
.orangebox>ul li a{display:block; overflow:hidden;padding:10px 15px;background:var(--light); color:#111;font-size:24px;border-radius:50px}
.orangebox>ul li a i{margin-right:5px; color:var( --green) }
.orangebox>ul li a:hover{background:var(--light)}



.whatsappbtn{position:fixed; left:12px; bottom:12px; z-index:1000;}

.footerSticky{background:#000; display:none; overflow:hidden; clear:both; position:fixed; bottom:0px; z-index:999; left:0; right:0; border-radius:0; padding:15px; color:#fff;}
.footerSticky h3, .footerSticky h4{margin-bottom:0px; color:#fff; font-size:17px;}
.footerSticky .col-sm-6{text-align:center;}
.footerSticky .col-sm-6 span{display:none;}
.footerSticky h4 + a{color:var(--green); font-weight:600; font-size:22px;}
.footerSticky .btn{background:var(--shade); padding:8px 25px; color:#222; border:none; border-radius:30px; width:100%; font-size:18px;}
.footerSticky .btn:hover{background:#fff;}
.footerSticky .col-sm-6:first-child:after{content:''; display:block; position:absolute; top:0; bottom:0; width:1px; background:#fff; right:15px;}


#scroll-icon {
    position:fixed!important;
    right:10px;
    bottom:10px;
    cursor:pointer;
    width:30px;
    height:30px;
    background-color:#135c81!important;
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    z-index:99999;
}
#scroll-icon span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:7px solid transparent;
    border-bottom-color:#ffffff
}
#scroll-icon:hover {
    background-color:#f89b1c;
    opacity:1;
    filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}


.glsr-default form.glsr-form{ display: block; margin-top: 50px}

.glsr-default .glsr-review {background: #fff;  padding: 40px; -webkit-box-shadow:0 0 7px 0 rgba(0,0,0,.2);-moz-box-shadow:0 0 7px 0 rgba(0,0,0,.2);box-shadow:0 0 7px 0 rgba(0,0,0,.2)}

.nxtgalleryArea{ padding:20px 0 100px; text-align:center; display:block }
.nxtgalleryArea [class^="col-"] > div{display:block; overflow:hidden; clear:both; overflow:hidden; /*height:300px;*/ background:#fff; padding:5px 5px; margin:10px 0; position:relative; /*border:1px #d7efea solid;*/ -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.17); -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.17);box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.17); }
.nxtgalleryArea h2{text-align:center; font-weight:600; margin-bottom:30px; color:var(--dark);}
.nxtgalleryArea a{background:#fff; display:block; overflow:hidden; padding:0.5px; position:relative;}
.nxtgalleryArea a img{width:100%; height: 260px; object-fit: cover;}
.nxtgalleryArea a:before{position:absolute; left:25%; right:25%; top:25%; bottom:25%; content:''; display:block; z-index:5; background:rgba(0,0,0,0.7); opacity:0; transition:all .2s ease-in-out;}
.nxtgalleryArea a:hover:before{opacity:1; left:0.5px; right:0.5px; top:0.5px; bottom:0.5px;}
.nxtgalleryArea a span{position: absolute; transition:all .5s ease-in-out; opacity:0; text-align: center; z-index: 100; color: #fff; text-shadow: 0px 0px 3px #000000; font-size: 24px; top: 20%; left: 50%; transform: translate(-50%,-50%);}
.nxtgalleryArea a:hover span{opacity:1;top: 50%;}

.nxtgalleryArea h4{ font-size:13px; font-weight:600; color:#111; line-height:1.3; padding-top:10px; margin-bottom:0; padding-bottom:0}


.nxttwoPartArea{background:#444 url('../images/automobile.jpg') no-repeat center center; background-size:cover; display: block; position: relative;  clear: both }
.nxttwoPartArea:before{position:absolute; left:50%; right:0; top:0; bottom:0; content:''; display:block; background:var(--yellow);}
.nxttwoPartArea [class^="col-"] > div{padding:40px 20px; color:#fff;}
.nxttwoPartArea [class^="col-"] > div > a{color:#fff; text-transform:uppercase; border-radius:10px; padding:10px 20px; font-size:18px; background:var(--dark); display:block; overflow:hidden;}
.nxttwoPartArea [class^="col-"] > div > a i{font-size:15px; margin-right:10px; position:relative; top:-1px;}
.nxttwoPartArea [class^="col-"] > div > a:hover{background:#fff;color:#000;}
.nxttwoPartArea [class^="col-"] img{width:80px; margin-bottom:5px; transition:.3s ease-in-out;}
.nxttwoPartArea .row .row a{padding:8px; display:block; overflow:hidden;}

.nxttwoPartArea h2{font-weight:800; font-size:40px; margin-bottom:10px;}
.nxttwoPartArea h3{margin-bottom:10px;}
.nxttwoPartArea p{margin-bottom:30px;}

.nxttwoPartArea strong{display:block; clear:both; overflow:hidden;}
.nxttwoPartArea [class^="col-"]{margin-bottom:20px;}




.leftarea [class^="col-md-3"] div{  text-align: left; padding: 5px; background:var(--green); }
.leftarea [class^="col-md-3"] div h3{ color:#FFF;!important; margin-bottom:0;padding:10px;}
.leftarea [class^="col-md-3"] div ul{ padding: 0; margin: 0; list-style-type: none;}
.leftarea [class^="col-md-3"] div ul li{  display: block; text-align: left; }

.leftarea [class^="col-md-3"] div ul li a {  position: relative; font-size:15px;  display: block; padding: 10px; margin-bottom: 1px; color: #fff;  overflow: hidden;  background: var(--dark);}
.leftarea [class^="col-md-3"] div ul li a:hover { color:var(--yellow);   overflow: hidden;  background:#000;}

.leftarea [class^="col-md-3"] div > ul > li > a{ background:#000;font-size:16px; }

.rightarea [class^="col-md-7"]{ display: block; text-align: left }

ul.linkarea{ padding: 0; margin:20px 0 0 0; list-style-type: none;  }
ul.linkarea li{ display: inline-block; position: relative }
ul.linkarea li a{ display:block; color: #000; background: var(--yellow)!important; line-height: 1; padding:8px; width: 150px; text-align: center}
ul.linkarea li:nth-child(even) a{ background: var(--dark)!important; color: #fff; }
ul.linkarea li a:hover{  color: #fff; background: var(--dark)!important; }
ul.linkarea li:nth-child(even) a:hover{ color: #000; background: var(--yellow)!important; }

.listsp{  list-style-type: none; padding:0; margin:30px 0 20px 0; display: block }
.listsp li{ display: block; padding-bottom: 10px; line-height: 1; padding-left:22px; position: relative }
.listsp li:before{position:absolute; left:0; top:0; content:'\f138'; font-family:'Font Awesome 5 Free'; font-weight:800; font-size: 16px; color:var(--yellow); }



.details {    overflow: hidden;  margin-top: 30px; text-align: left; display: block;}

.details p{ padding: 10px 0;}

.details .detailtop {
    overflow: hidden;
    border-bottom: 1px solid #dbdbdb;
}


.detailtop strong {
    
    display: inline-block;
    padding: 15px;
    width: 25%;
    color: #626262;
    text-transform: capitalize;
    cursor: pointer;
    font-size: 16px;
    text-align: center;
    margin-bottom: -1px;
    box-sizing: border-box;
}

.detailtop strong.active {
    background: var(--dark);
    color: #fff;
}

.relatedProducts {
    overflow: hidden;
    margin-top: 30px;
    margin-bottom: 30px;
}
.relatedProducts h2 {
    font-size: 14px;
    text-transform: capitalize;
    margin-bottom: 20px;
    color: #444444;
    position: relative;
    padding-bottom: 10px; text-align: left;
}

.relatedProducts h2:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: #e5e5e5;
}

.relatedProducts h2:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    background: #535353;
    width: 120px;
}


.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp{background:none!important; padding:0!important;}
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
left: 12px!important; top: 11px!important;}


/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media screen and (max-width: 1920px) and (min-width: 1600px){}


@media (max-width: 991px){
.topBox{display:none;}
.logo{display:block; overflow:hidden; text-align:left; transition:.5s ease-in-out;}
.logo img{height:69px; margin-bottom:0px; max-width:100%; transition:.5s ease-in-out;}
.header-area{margin:0; padding:10px; border-bottom:2px var(--yellow) solid; display:block; float:left; width:100%;}
#myHeader{border:none;}
#myHeader.sticky{border-bottom:2px var(--green) solid;}
#myHeader.sticky .logo img{height:60px;}
#main-nav{ background:var(--green);}

.callBox{display:none;}

.bannerContent{display:none;}

.quickContactArea h3{font-size:24px;}
}

@media (max-width: 767px){

.hourLink{padding-top:15px;}
.hourLink a{ margin-bottom:5px;}
.hourLink [class^="col-"]{display:none;}
.hourLink [class^="col-"]:last-child{display:block;}
.hourLink [class^="col-"]:last-child a{font-size:17.5px;}

.project-slider img{ max-height:300px; min-width:100%; width:auto;}
.project-slider .sliderContent h2{font-size:22px; margin-bottom:10px;}
.project-slider .sliderContent p{font-size:16px;  margin-bottom:15px;}
.project-slider .sliderContent{width: 70%; bottom: 20%;}


.welcomeArea{padding:30px 15px; margin:0 5% -7px; top:0; text-align:center;}
.welcomeArea h2{font-size:28px;}
.welcomeArea .col-md-6{margin-bottom:30px;}
.welcomeArea [class^="col-"]:last-child, .welcomeArea [class^="col-"]:last-child p{text-align:left; margin-top:40px;}
.welcomeArea .form-control{margin-bottom:15px;}


.footer [class^="col-"]{text-align:center; margin-bottom:10px;}
.footerArea{ padding:30px 5px; display:block; text-align:center; color:#fff;}
.footerArea [class^="col-"]:nth-child(2){text-align:center;}
.footer h4{text-align:center;}
.footer .w-50{width:auto!important}
.footer .service-link li{display:block; clear:both; overflow:hidden;}
.footer .text-sm-right{font-size:11px; margin-top:15px;}

.priceEstimatorForm > div > span{padding-top:10px; display:block;}

.headerCall > ul{display:none;}
.headerCall .mobileCallArea{display:block; margin-bottom:0px; border-top:2px var(--green) solid; width:100%; text-align:left;}
.headerCall .mobileCallArea li{ width:auto; margin-right:15px;}


.twoPartArea:before{ left:15px; right:15px;}
.nxttwoPartArea:before{ left:15px; right:15px;}	
.osramLinks a{padding:7px 10px;}
.osramLinks a i{top:11px; right:8px;}

.footerArea [class^="col-"]{text-align:center; margin-bottom:25px;}

.footerBottom{text-align:center;}
.footerBottom ul{ text-align:center; display:block; float:none; padding-top:10px;}


.railProduct{ text-align:center;}
.railProduct:before{right:15px; left:15px}

.innerbannerArea{display:block;clear:both;height:7vh;}
	.innerbannerArea span{ display:none}
	

	
.innerArea{padding:30px 0;}	
.innerArea h1 {
  color: var(--dark);
  display: block;
  margin-bottom: 5px;
  text-align: left;
  font-size: 25px;}	
	
.innerArea h2 {
  font-size: 25px;
  border-left: 4px var(--dark) solid;
  padding-left: 12px;
  margin-bottom: 15px;
}
	
.orangebox{margin-top:0; padding:15px;  margin-bottom:30px;text-align: center; }	
.orangebox>ul li{display:block; vertical-align: middle; margin-bottom:10px; padding-right:0;   }	
.orangebox > ul li a {
  display: block;
  overflow: hidden;
  padding: 10px;
  color: #111;
  font-size:16px;
  border-radius: 50px;}	
	
.hightlightBox {
  padding:20px 20px 10px;
  margin: 20px 0;}	
	
.contactArea [class^="col-"] div{padding:0; }	

	.contactArea .map{display: block; margin:20px 0; }
	
}

@media (max-width: 500px){
}

@media (max-width: 360px){
}