/*
Design URL 	: 	 Wind World Power - 28-3-23
Design by  	: 	 CrossCountryWebServices
Designer   	: 	 Rajesh Kumar Kukreja
Version	   	:	   HTML5/CSS3
*/
 
/*font-family: 'Playfair Display', serif;*/
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&display=swap');

/*font-family: 'Open Sans', sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');



html {   scroll-behavior: smooth; }  

.clearfix { clear: both; position: relative; }
.padding-0{ padding: 0; }
.add-bottom5{margin-bottom:5px;} .add-bottom10{margin-bottom:10px;} .add-bottom{margin-bottom:15px;} 
.add-bottom20{margin-bottom:20px;} .add-bottom25{margin-bottom:25px;} .add-bottom35{margin-bottom:35px;} 
.add-bottom-top35{ padding:35px 0;} .add-bottom-top15{ padding:15px 0;}  .add-top100{ padding-top:100px;} .add-top10{ padding-top:10px;}
.add-top{margin-top:15px;}  .cred{color:#e31e25; display:inline;} .img{ margin: 5px 15px 0 0;} 
.bg-gray{ background: #f5f5f5; } .bg-white{ background: #fff; }

*{ padding: 0px; margin: 0px; } 
*:focus, *:visited { outline: none; text-decoration: none; }
a:hover, a:focus {   text-decoration: none;}

body{font-family: 'Open Sans', sans-serif;  font-weight: 400;  font-size:16px;  color:#252525;  background-color: #fff;} 
section{ overflow: hidden;}   

ul li{font-family: 'Open Sans', sans-serif;  font-size:16px; color:#252525;} 


h1, h2, h3, h4, h5{ font-weight: 400;  color:#806b64; font-family: 'Playfair Display', serif;}

p{ font-family: 'Open Sans', sans-serif;  font-size: 17px;  line-height:28px; color:#6e6e6e; font-weight: 400;   text-decoration:none; margin:0px; padding:0px;}
p a, p a:active, p a:visited {color:#6e6e6e;} p a:hover{color:#666; } 
p strong{   font-weight: bold; color:#252525; }   em{ font-weight:normal;} 


#myBtn { display: none; position: fixed; bottom: 5px; right: 5px; z-index: 99999; font-size: 13px; border: none; outline: none; 
	background-color: #111; background: #e72324; /*opacity: 1;*/   color: white;  font-weight: 300; cursor: pointer;   padding: 10px 10px;   border-radius: 50px; }
#myBtn:hover {   opacity: 0.8; }

.btn { background-color: #8f7e78; border: none; border-radius: 20px; font-family: 'Open Sans', sans-serif; color:#fff; cursor: pointer; display: inline-block; position: relative; text-transform: none;  transition: background-color 0.2s, color 0.2s; white-space: nowrap; font-size: 16px;  padding:10px 20px; margin-top: 10px;  } 
.btn:hover, .btn:focus { opacity: 0.9;  outline: none;}

/*.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin:0px 0 30px 0;}
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
*/

/* SECTION :: LOGO */
.logo{ padding:6px 0px 3px 0px; }

/*jump class to anchor */
#home, #about, #notice, #contact {  position: relative;  top: -150px;  height: 0;     width: 0;     opacity: 0;     display: block; } 

/*.contact-btn{ float: right; margin-top: 17px; color: #fff; background: #e72324; border-radius: 5px;  text-transform: uppercase; font-size: 14px; 
	font-weight: 400;} .contact-btn:hover{ opacity: 0.7; color: #fff; }*/

.top-bar{ padding: 0px 0; height: 44px;   background:#0d4366; }
.top-btn{    margin: 0 auto; width:100%; margin:0 auto;  }
marquee{ width:100%; }
.top-btn ul{list-style-type: none; margin-top: 7px;} 
.top-btn li{  display: block;  padding: 0px 15px 0px 0px; width:90%; margin: 0 auto; line-height: 30px;  color: #fff;}
.top-btn li a, .top-btn li a:focus{ font-weight: 600;   color:#fff; text-decoration: none; border-bottom: 1px solid #ddd;} 
.top-btn li a:hover{ color: #fff; opacity:0.9;  text-decoration: none;  border-bottom: 0px solid #fff;}
 

/* back to top */
#btn-back-to-top.btt{ border: 0px; background: transparent; padding: 0px; margin: 0px; border-radius: 80px;}
#btn-back-to-top { position: fixed; bottom: 20px; right: 20px; z-index: 9999999;  display: none;}
#btn-back-to-top:hover { opacity: 0.7; }

.navbar-top{ margin-top: 0px; position: relative; }
/*.navbar-fixed-top { z-index: 10000; top:0px; background: rgba(255, 255, 255, 0.97);   position: fixed;  overflow: inherit;} */
.navbar-fixed-top { z-index: 10000; top:0px;   background: #f8f8f8;   position: fixed; 
 overflow: inherit;} 
.navbar .navbar-collapse {text-align:right; padding: 0px 30px;} 
.navbar .navbar-nav { display: inline-block;  float: none;  } 
.navbar{ padding:0px;  border-radius: 0px; border:none;   background: #f5f5f5; margin:0; line-height:10px; } 
.navbar-inverse{color:#000;/* background: none;*/}   
.navbar-inverse .navbar-brand { float: left; height: auto; padding: 15px 15px; font-size: 18px; line-height: 20px;}

/*  */
.navbar-nav>li>a { padding: 7px 30px; margin: 30px 0 25px 0;}

/*  */
.navbar-inverse .navbar-nav > li > a.contact-btn{  margin-top: 21px;   color: #fff; background: #ed6e11; border-radius: 0px;  text-transform: uppercase; font-size: 14px; 
	font-weight: 400; padding: 15px 20px;   margin-left: 20px; border-left: 0px;  border-right: none; }
.navbar-inverse .navbar-nav > li > a.contact-btn:hover, .navbar-inverse .navbar-nav > li > a.contact-btn:focus{ 
/*	opacity: 0.7;*/ background: #0d4366; 	 color: #fff; }


/*.navbar-inverse .navbar-nav > li > a.email{ text-transform: lowercase; background: url(img/email.png) 0 3px no-repeat; padding-left: 40px; 
	border-right: none; margin-left: 220px;  } */
.navbar-inverse .navbar-nav > li > a.no-border { border:none; }
.navbar-inverse .navbar-nav > li > a {font-family: 'Open Sans', sans-serif; font-size:14px; line-height:10px; color:#000;  
background: none;   font-weight: 400; text-transform: uppercase; /*border-right: 1px solid #ddd;*/ }
.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus {  color:#fff;  background-color: transparent;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color:#e72324;  }
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {color:#ed6e11; } 

.second-navbar { top: 50px; z-index: 9999999; } 
.navbar-nav > li > .dropdown-menu {  margin-top: 0;   border-top-left-radius: 4px;    border-top-right-radius: 4px;  }
.dropdown-menu > li > a { display: block;  padding: 7px 20px;  text-transform: uppercase;   font-size:14px; font-weight: 400; }
/*body > div > div.dropdown.open { position: absolute; z-index:99999; }*/
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover { background-color: inherit; }


 /* Banner */
.banner-bg{ background: #0d4366; /*max-height: 520px;*/ } 
.banner-bg .container-fluid{ padding:0px; }
.banner-bg .col-sm-5, .banner-bg .col-sm-7{ padding: 0px; }
.banner-bg .banner-text{ padding-left: 25px; }
.banner-bg .banner-text h2{ font-size: 7vw; line-height: 8.5vw;  color: #fff; text-align: center; margin-top: 17%; text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.2);  }
.banner-bg .banner-text h2 span{display: block;}



.swiper-container { width: 100%;   height: 100%;  /*background: #000;*/} 
.swiper-button-prev, .swiper-button-next { color:#fff; } 
.swiper-button-next:after, .swiper-button-prev:after {font-size: 30px; }
/*.swiper-pagination-bullet {  opacity: 0.8; }*/
.swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 30px; }
.swiper-pagination-bullet { width: 10px; height: 5px; display: inline-block; border-radius: 0%; background: #fff; opacity: .8; }
.swiper-pagination-bullet-active{ background: #ed6e11; }
.swiper-slide { text-align: center; font-size: 18px;  background: #058cd0; /*max-height: 790px;*/ max-height: 550px;  }

.swiper-slide .swiper-caption { position: absolute; bottom: 10%;  left: 6%; right: 6%; 
	z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; }

.swiper-slide .swiper-caption h3{  font-size: 2.8vw; line-height: 5vw; font-weight: 700; 
text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.5); color: #fff;         }

/*.swiper-slide .swiper-caption p{   font-size:17px;  line-height: 24px; font-weight: 300; color: #fff; margin-bottom: 15px;}

.swiper-slide .swiper-caption .btn{ background: none; font-size: 22px; font-weight: 300; font-family: 'Open Sans', sans-serif;   text-align: left;
background: url(img/arrow-btn.png)  165px 20px no-repeat; width: 240px; border: 4px solid #fff; padding: 15px 30px; border-radius: 50px;  }
.swiper-slide .swiper-caption .btn:hover { color: #fff;      opacity: 0.7; } */


/* Who We Are */
.who-we-are{ background:#0d4366; margin:0px; padding:15px 30px 20px 30px; background: rgb(13,67,102);
background: linear-gradient(0deg, rgba(13,67,102,1) 41%, rgba(25,103,153,1) 100%);  }
.who-we-are h2{  text-align:center;  color:#fff; font-size:36px; margin:0px; }

/* About us */
.about1{ padding: 50px 0;   }
.about1 h2{ font-size: 28px; line-height: 60px;   color: #0d4366;  font-weight: 700; margin:0 0 20px 0; 
 border-bottom:1px solid #ed6e11;   position: relative;}
.about1 h2:after{ content: ""; width:95%; height:5px; background-color:white;   position: absolute;   right:0;   bottom:-1px; }
.about1 p{ font-size: 16px; line-height: 28px;   color: #3e3e3e; margin-bottom: 20px; text-align: justify;}
 

/* notice banner  */
.notice { max-height:350px; }
.notice .container-fluid{ padding:0px;    } 

.content-box{  position: relative;  }
.content-left {   position: absolute;   top: 10%;   left: 7%; max-width:800px; } /* Top left text */ 

.notice h2{ font-size: 28px; line-height: 60px;   color: #0d4366;  font-weight: 700; margin:0 0 20px 0; 
 border-bottom:1px solid #ed6e11;   position: relative; max-width: 250px;}
.notice h2:after{ content: ""; width:90%; height:1px; background-color:#f8d4bb;   position: absolute;   right:0;   bottom:-1px; }

.notice h3{ font-size: 16px; line-height: 26px;   color: #ed6e11;  font-weight: 700; }
.notice h3 a{ font-size: 16px; line-height: 26px;   color: #ed6e11;  font-weight: 700;  border-bottom: 1px solid #fc9b45; padding-bottom: 7px;}
.notice h3 a:hover {  opacity:0.8;  border-bottom: 0px solid #fff; }

.notice p{ font-size: 15px; font-weight: 400; line-height: 28px;   color: #0d4366; margin-bottom: 20px; text-align: justify;}

 
footer{  background: #000;  padding:50px 0 15px 0;    }
footer .container{ max-width:1000px; }
footer .h4{ color:#fff; font-size: 16px; margin-bottom: 20px; font-weight: 700;}
footer .h4 span{   font-weight: 400;}


footer p{ color:#fff; font-size:14px; line-height:24px; padding-right:22px; max-width:270px; margin-bottom:20px; }

footer p.call  { background:  url(assets/img/call.jpg) 0 5px no-repeat;  padding: 3px 0px 5px 35px; margin-top:10px; }
footer p.email { background: url(assets/img/email.jpg) 0 5px no-repeat;  padding: 3px 0px 5px 35px; margin-top:10px; }
footer p.loc   { background: url(assets/img/loc.jpg) 0 5px no-repeat;  padding: 3px 0px 5px 35px; margin-top:10px; }

footer p a{ font-size:16px; line-height:22px; color:#f78733; }
footer p a:hover{  ; color:#fff; }


footer .copy{  background:#181818;  width:100%; min-height:50px; margin-top:40px; }
footer .copy p{ text-align: center; line-height: 20px; padding: 20px 0; font-weight: 300; line-height: 20px; max-width: 100%;}


/* #Media Queries by Rajesh Kumar Kukreja : cross country webservices
============================================================================================================== */ 

/* Desktop resolution */
@media only screen and (min-width: 2301px) and (max-width: 2900px) {   }

/* Desktop resolution */
@media only screen and (min-width: 1901px) and (max-width: 2300px) {   }

/* Desktop resolution */
@media only screen and (min-width: 1441px) and (max-width: 1900px) {   }

/* 15.6 Laptop resolution */
@media only screen and (min-width: 1281px) and (max-width: 1440px) { .container {   width: 1270px; /**1170 to 990***/ }   }

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 1025px) and (max-width: 1280px) {  .container {   width: 970px;    }  }

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 990px) and (max-width: 1024px) {  
/* 14 Dec 2020 */
.container {   width: 970px; /**970 to 990***/   }
.navbar-nav>li>a {   padding: 7px 22px;  margin: 25px 0; } }


/* Tablet Portrait size to standard 990 (devices and browsers) */
@media only screen and (min-width: 959px) and (max-width: 990px) {
/* 14 Dec 2020 */
.container {   width: 950px; /**970 to 990***/   }
.navbar-nav>li>a {   padding: 7px 22px;  margin: 25px 0; } 

/* notice */ 
.content-box img {  min-height: 350px; }
.content-left {  position: absolute;   top: 10%;  left: 7%;  max-width: 80%; }
}
	
	
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

/* 14 Dec 2020 */
.navbar-inverse .navbar-brand { max-width: 300px;}
.navbar-nav>li>a {   padding: 7px 15px;  margin: 18px 0; }
.navbar-inverse .navbar-nav > li > a { font-size: 14px; }

 /* notice */ 
.content-box img {  min-height: 350px; }
.content-left {  position: absolute;   top: 10%;  left: 7%;  max-width: 80%; }
}
	
	
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 800px) { }
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {  
[class*="col-sm-"] + [class*="col-sm-"] { margin-top: 0px;   }  

/*jump class to anchor */
#home, #about-us, #notice, #contact {  position: relative;  top: -80px;  height: 0;     width: 0;     opacity: 0;     display: block; } 

.top-btn {  max-width: 454px; margin: 0 auto; }
.top-btn li a.phone{ padding: 3px 0px 5px 35px;}
.top-btn li:last-child{ padding-right: 0px; }

/* Logo Nav Ends Here*/ 
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {    border-color: #ddd; }
.navbar{ padding:0px 15px;  border-radius: 0px; border:none; margin: 0px;}  /*.navbar-nav {  margin: 0; }*/  .navbar-header { float: none; }
/* Logo */
.navbar-inverse .navbar-brand { float: left; height: 100%; padding: 13px 0px; font-size: 18px; line-height: 20px; max-width: 250px;  } 
.navbar-nav>li>a {   padding: 7px 40px;  margin: 10px 0; }
.navbar-toggle { display: block; float:right; margin:10px auto 10px auto;  background:#058cd0; border:#fff;  }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {     background:#058cd0; }
.navbar .navbar-collapse {text-align:right; }
.navbar-collapse.collapse {     display: none!important; } 
.navbar-collapse.collapse.in {     display: block!important; }
.navbar-nav { float: none!important; } .navbar-nav>li { float: none; } 
.navbar-inverse .navbar-nav > li > a { line-height:20px; margin-right:5px; /*background: #f1f1f1;*/}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { text-decoration: underline; color: #eee; }
/* Logo Nav Ends Here*/

/* Banner */
.banner-bg .banner-text {  padding: 0; }
.banner-bg .banner-text h2 { font-size: 10vw; line-height: 12vw; color: #fff; text-align: center; margin: 40px 0;}


/* notice */ 
.content-box img {  min-height: 350px; }
.content-left {  position: absolute;   top: 10%;  left: 7%;  max-width: 80%; }

}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

/*jump class to anchor */
#home, #about, #notice, #contact {  position: relative;  top: -80px;  height: 0;     width: 0;     opacity: 0;     display: block; } 

.top-btn {  max-width: 454px; margin: 0 auto; text-align: center; }
/*.top-btn li a.phone{ padding: 3px 0px 5px 35px;}
.top-btn li a.phone, .top-btn li a.email{ margin-bottom: 5px; display: inline-block; }
.top-btn li a.email {  background: url(img/email.png) 0 7px no-repeat; }
.top-btn li a.phone {  background: url(img/phone-icon.png) 0 5px no-repeat; }*/

.top-btn li:last-child, .top-btn li:first-child{ padding-right: 20px; }


/* Logo Nav Ends Here*/ 
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {    border-color: #ddd; }
.navbar{ padding:0px 15px;  border-radius: 0px; border:none; margin: 0px;}  /*.navbar-nav {  margin: 0; }*/  .navbar-header { float: none; }

/* Logo */
.navbar-inverse .navbar-brand { float: left; height: 100%; padding: 14px 0px; font-size: 18px; line-height: 20px; max-width: 230px;  } 
.navbar-nav>li>a {   padding: 7px 40px;  margin: 10px 0; }

.navbar-toggle { display: block; float:right; margin:10px auto 10px auto;  background:#ed6e11; border:#fff;  }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {     background:#ed6e11; }

.navbar .navbar-collapse {text-align:right; }
.navbar-collapse.collapse {     display: none!important; } 
.navbar-collapse.collapse.in {     display: block!important; }

.navbar-nav { float: none!important; } .navbar-nav>li { float: none; } 
.navbar-inverse .navbar-nav > li > a { line-height:20px; margin-right:5px; /*background: #f1f1f1;*/}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { text-decoration: underline; color: #eee; }
/* Logo Nav Ends Here*/

/* Banner */
.banner-bg .banner-text {  padding: 0; }
.banner-bg .banner-text h2 { font-size: 10vw; line-height: 12vw; color: #fff; text-align: center; margin: 25px 0; }


/* notice */ 
.content-box img {  min-height: 350px; }
.content-left {  position: absolute;   top: 10%;  left: 7%;  max-width: 80%; }
 }
	
	
	
/* Small devices (mobile, 360px and down) */
@media only screen and (max-width: 360px) {   }

/* Small devices (mobile, 320px and down) */
@media only screen and (max-width: 320px) {   }