@import url(effect.css);
@import url(font-awesome/line-awesome.css);
/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Source+Sans+Pro:wght@200;300;400;600;700;900&display=swap');

/* Fonts */

::-moz-selection { /* Code for Firefox */
  color: #fff;
  background: #253d97;
}
::selection {
  color: #fff;
  background: #253d97;
}


html { margin: 0; padding:0; overflow-x:hidden;}
body{
font-family: 'Montserrat', sans-serif;
padding:0; 
color:#222222; 
font-weight:400; 
padding-right:0!important;
font-size:16px;
line-height:1.5;
}

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

img{border:0;}

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

a{color:#161616; 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:#1d317d;}

h1, h2, h3, h4, h5{margin:0 0 15px; padding:0; font-weight:normal; font-family: 'Source Sans Pro', sans-serif;}

.container{ max-width:1200px!important;}


.fix{
position:fixed !important ; 
z-index:999999 ; 
padding:0 ;
top: 0 ;
left: 0 ;
right: 0 ;
margin: 0;
width:100%;
background:rgba(255,255,255,1);
-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
}


.hader-bg-area{ display:block; border:none; transition: 1s; width:100%; background:#fff; position: relative; width:100%; left:0; top:0; z-index:999;}
.header-area{ display:block; padding:0; border-radius: 5px;}
.hader-bg-area .container-fluid{ padding-left:0; padding-right:0;}


/*.relative{position:relative;}
a.logo{ position:relative; top:0; left:0; transition: 1s; padding:0; display:block;}
a.logo img{height:76px; transition: 1s;}
.fix a.logo img{  height:55px; }*/

.tt-popup.to-show .tt-popup__dropdown {
  visibility: visible;
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  opacity: 1;
  background-image: url("../images/popup-wrapper.jpg");
  background-position: right top;
  background-repeat: no-repeat;
}
.tt-popup__toggle {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  background-color: #253d97;
  color: #ffffff;
  cursor: pointer;
}
.tt-popup__toggle .tt-icon {
  width: 36px;
  height: 2px;
  background-color: #ffffff;
  display: inline-block;
  position: relative;
  pointer-events: none;
}
.tt-popup__toggle .tt-icon:before,
.tt-popup__toggle .tt-icon:after {
  content: '';
  position: absolute;
  left: 0;
  display: inline-block;
  height: 2px;
  background-color: #ffffff;
  transition: all cubic-bezier(0.25, 0.1, 0.28, 1.54) 0.32s;
}
.tt-popup__toggle .tt-icon:before {
  top: -11px;
  width: 23px;
}
.tt-popup__toggle .tt-icon:after {
  top: 11px;
  width: 30px;
}
.tt-popup__toggle:hover .tt-icon:before,
.tt-popup__toggle:hover .tt-icon:after {
  width: 36px;
}
@media (min-width: 1101px) {
  .tt-popup__toggle {
    width: 100%;
    min-width: 100px;
    height: 133px;
  }
}
@media (max-width: 1100px) {
  .tt-popup__toggle {
    width: 70px;
    min-width: 70px;
    height: 70px;
  }
  .tt-popup__toggle .tt-icon {
    width: 33px;
  }
  .tt-popup__toggle .tt-icon:before {
    width: 20px;
  }
  .tt-popup__toggle .tt-icon:after {
    width: 27px;
  }
  .tt-popup__toggle:hover .tt-icon:before,
  .tt-popup__toggle:hover .tt-icon:after {
    width: 33px;
  }
}
@media (max-width: 767.98px) {
  .tt-popup__toggle {
    width: 59px;
    min-width: 59px;
    height: 59px;
  }
  .tt-popup__toggle .tt-icon {
    width: 23px;
  }
  .tt-popup__toggle .tt-icon:before {
    width: 15px;
    top: -7px;
  }
  .tt-popup__toggle .tt-icon:after {
    width: 19px;
    top: 7px;
  }
  .tt-popup__toggle:hover .tt-icon:before,
  .tt-popup__toggle:hover .tt-icon:after {
    width: 23px;
  }
}
.to-show .tt-popup__toggle .tt-icon {
  background-color: transparent;
}
.to-show .tt-popup__toggle .tt-icon:before,
.to-show .tt-popup__toggle .tt-icon:after {
  width: 36px;
}
.to-show .tt-popup__toggle .tt-icon:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0;
}
.to-show .tt-popup__toggle .tt-icon:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 0;
}
@media (max-width: 767.98px) {
  .to-show .tt-popup__toggle .tt-icon:before,
  .to-show .tt-popup__toggle .tt-icon:after {
    width: 25px;
  }
}

.banner-area{ display:block; clear:both; position:relative; padding-bottom: 80px;
box-shadow: -1px 9px 11px 0px rgba(0,0,0,0.46) inset;
-webkit-box-shadow: -1px 9px 11px 0px rgba(0,0,0,0.46) inset;
-moz-box-shadow: -1px 9px 11px 0px rgba(0,0,0,0.46) inset;}
.banner-area img{ width:100%; }
/*.banner-area .carousel-caption{ font-family: 'Raleway', sans-serif;  left:15%; top:35%; bottom:auto; text-align:left; background:rgba(0, 0, 0, 0.5);}
.banner-area .carousel-caption span{ display:block;  font-size:60px; text-transform:uppercase; font-weight:200; line-height:1.2; margin-bottom:15px;}
.banner-area .carousel-caption a{ color:#f4d432; font-weight:500; text-transform:uppercase;}
.banner-area .carousel-caption a i{ font-size:16px;}*/
.banner-area .carousel-indicators{ bottom:-50px;}
.banner-area .carousel-indicators .active{ background-color:#fff;}
.banner-area .carousel-indicators li{ width:15px; height:15px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;}
.banner-area .carousel-indicators .active{ background-color:#253d97;}
.banner-area .carousel-caption a{ display:inline-block; padding:10px 40px; color:#fff; border:1px solid #fff;} 
.banner-area .carousel-caption a:hover{ background:#ea6c24; border:1px solid #ea6c24; color:#fff;}
.banner-area .carousel-caption{ position:absolute; left:60%; top:50%; color:#fff; text-shadow:none; transform: translate(-50%,-60%); width:100%; text-align:left;}
.banner-area .carousel-caption div{ display:block; width:50%; background:rgba(0,0,0,0.4);}
.banner-area .carousel-caption span{ display:inline-block; text-align:left; font-family: 'Montserrat', sans-serif; font-size:40px; font-weight:300; padding:25px 30px; line-height:1.2;
/*background:rgba(0, 0, 0, 0.7);*/ color:#fff; text-transform:capitalize;}
.banner-area .carousel-caption span strong{ display:block; font-weight:600; text-align:left; margin-bottom:15px;}
.banner-area .carousel-caption span p{ font-size:20px;}

.index-about-area{ display:block; padding:80px 0; position:relative; background:#e9e9e9}
.index-about-area [class^="col-"] h1{ display:block; text-align:right; font-size:45px; font-weight:900; color:#656261; text-transform:uppercase; line-height:1;}
.index-about-area [class^="col-"] a{ display:inline-block; padding:8px 20px; background:#253d97; text-transform:uppercase; color:#fff; font-size:14px; margin-top:10px;}
.index-about-area [class^="col-"] a:hover{ background:#1d317d;}

.ind-vision-area{ display:block; padding:100px 25px 50px;}
.ind-vision-area [class^="col-"]{ position:relative;}
.ind-vision-area [class^="col-"]:before{ content:''; position:absolute; border:1px solid #cacaca; display:block; left:0; top:0; right:0; bottom:0; margin-left:15px; margin-right:15px;}
.ind-vision-area [class^="col-"] div{ padding:30px 20px; position:relative;  text-align:center;}
.ind-vision-area [class^="col-"] div h2{ display:block; font-size:30px; text-transform:uppercase; color:#4eb5d8; font-weight:700; margin-bottom:20px; }
.ind-vision-area [class^="col-"] div p{ display:block; font-size:15px;}

.ind-products-area{ display:block; padding:40px 0 70px;}
.ind-products-area h3{ display:block; text-align:center; font-size:35px; margin-bottom:40px; font-weight:600; text-transform:uppercase;}
.ind-products-area .row{ background:#5d6469;}
.ind-products-area .row:nth-child(odd) > [class^="col-"]:first-child{position:relative; right:-41.7%;}
.ind-products-area .row:nth-child(odd) > [class^="col-"]:last-child{position:relative; left:-58.4%;}
.ind-products-area [class^="col-"]:first-child div{ position:relative; overflow:hidden; background:#000;}
.ind-products-area [class^="col-"]:first-child div img{ width:100%; transition: 0.7s ease-out;}
.ind-products-area [class^="col-"]:first-child div:hover img{ opacity:0.7; transform: scale(1.1);}
.ind-products-area [class^="col-"]:last-child div{ padding:30px; text-align:center; color:#fff;}
.ind-products-area [class^="col-"]:last-child div img{ margin-bottom:10px;}
.ind-products-area [class^="col-"]:last-child div span{ display:inline-block; font-size:25px; font-weight:600; margin-bottom:25px; padding-bottom:10px; border-bottom:4px solid #4eb5d8; text-transform:uppercase;}
.ind-products-area [class^="col-"]:last-child div p{ display:block; margin-bottom:30px;}
.ind-products-area [class^="col-"]:last-child div > a{ display:inline-block; padding:6px 20px; border:1px solid #fff; text-transform:uppercase; color:#fff; font-size:13px;}
.ind-products-area [class^="col-"]:last-child div > a:hover{ background:#4eb5d8; border:1px #4eb5d8 solid; color:#fff;}

.qualitybg-area{ display:block; position:relative; background:url(../images/quality-bg.jpg) no-repeat; width:100%; padding:50px 0; color:#fff;}
/*.qualitybg-area:before{ content: ''; position: absolute; background: #253d97 url(../images/blue-logo.png) no-repeat; right: 14%; width: 40%; bottom: 0px; height: 100%; display: block;}*/
.qualitybg-area h4{ display:block; font-size:60px; font-weight:300; padding-bottom:15px; margin-bottom:35px; border-bottom:2px solid #fff;}

.new-area{ display:block; position:relative; padding:50px 0;}
.new-area span{ display:block; font-size:50px; font-weight:500; margin-bottom:25px;}
.new-area h5{ display:block; font-size:20px; font-weight:600; margin-bottom:15px;}
.new-area p{ display:block; font-size:14px;}
.new-area .owl-theme .owl-nav{ display:none;}
.new-area i{ width:60px; height:60px; background:#253d97; display:inline-block; line-height:60px; text-align:center; color:#fff; border-radius: 50px; margin-right:10px;}

.clients-bg-area{ display:block; width:100%; background:#ececec; clear:both;}
.clients-area{ display:block; padding:60px 20px 100px; width:950px; max-width:100%; margin:0px auto; position:relative; color:#000; text-align:center;}
.clients-area h4{ display:block; font-size:35px; font-weight:700; color:#000; margin-bottom:50px; position:relative; padding-bottom:25px;}
.clients-area h4:before{ content:''; position:absolute; width:150px; background:#eb8326; height:1px; left:50%; transform:translate(-50%,0); bottom:0;}
.clients-area img{ display:block; margin:0px auto 20px;}
.clients-area p{ display:block; font-size:20px; font-style:italic; margin-bottom:20px;}
.clients-area h5{ font-size:18px; font-weight:300;}
.clients-area .carousel-indicators{ bottom:-50px;}
.clients-area .carousel-indicators .active{ background-color:#253d97;}
.clients-area .carousel-indicators li{ width:12px; height:12px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;}

.footer-area{ display:block; padding:50px 0 20px; clear:both; background:#272727; color:#c2c2c2;}
ul.dlt-box{ list-style-type:none; padding-left:0; position:relative;}
ul.dlt-box li{ position:relative; padding-left:25px; margin-bottom:10px;}
ul.dlt-box li i{ position:absolute; left:0; top:5px; color:#1b8ab8;}
ul.dlt-box li a{ color:#c2c2c2;}
ul.dlt-box li div{ font-size:16px;}

.footer-area [class^="col-"] span{ display:block; font-size:20px; font-weight:500; margin-bottom:20px; text-transform:uppercase;}
.footer-area [class^="col-"] > ul{ list-style-type:none; padding-left:0;}
.footer-area [class^="col-"] > ul > li{}
.footer-area [class^="col-"] > ul > li > a{ display:block; padding:5px 0; color:#c2c2c2; font-size:18px; font-weight:300;}
.footer-area [class^="col-"] > ul > li > a:hover{ color:#1b8ab8;}
.footer-area p{ font-size:15px; font-weight:300;}

.social-links ul{ list-style-type:none; margin-bottom:0; position:relative; padding-left:0;}
.social-links ul li{ display:inline-block; margin:0px 8px; color:#fff;}
.social-links ul li a{ color:#fff;}
.social-links ul li a:hover{ color:#1763a4;}

.download{ display:inline-block; padding:10px 20px; background:#1b8ab8; color:#fff; border-radius:3px; font-weight:300;}
.download:hover{ background:#1763a4; color:#fff;}
.download i{ padding-right:8px;}

.copy-nav p{ display:block; font-size:14px; text-align:left; }
.copy-nav ul{ text-align:right;}
.copy-nav ul li{ display:inline-block; margin:0px 8px;}
.copy-nav ul li a{ font-size:14px!important; padding:0!important;}

.footer-area hr{ border-top: 1px solid rgba(255,255,255,.3); margin-bottom:25px;}

.inner-banner{ display:block; position:relative;}
.inner-banner img{ width:100%;}

.InnerArea{ display:block; padding:50px 0;}
.InnerArea h1{ display:inline-block; font-size: 40px; color:#253d97; font-weight:600; margin-bottom: 35px; border-left:4px solid #253d97; padding:0px 10px; line-height: 1;}

.InnerArea h2{ display:block; font-size:20px; margin-bottom:20px; font-weight:600; text-decoration:none!important; color:#000; position:relative; text-align:left;}

.pro-details{ margin-bottom:30px;}

ul.sub-nav {list-style-type:none; padding-left:0;}
ul.sub-nav li{display:block; position:relative; padding-left:25px; margin:5px 0; }
ul.sub-nav li:before{content: '\f105';position:absolute; left:10px; top:2px;font-family:'font awesome 5 free';color:#253d97;font-weight:900;font-size:15px; }

.pro-box{ margin-bottom:25px;}
.pro-box a{ text-decoration:none;}
.pro-box div{ display:block; overflow:hidden; position:relative; background:#fcf4ee;}
.pro-box div img {
  display: block;
  width: 100%;
  height: 100%;
  transition: 0.5s ease-out;
   border: 1px solid #c1bebe;
   
}
.pro-box div:hover img{ transform: scale(1.1); cursor:pointer;}

.contact-area{ display:block; margin-top:20px;}
.contact-area span{ display:block; font-size:20px; font-weight:700; color:#37618c; text-transform:uppercase; margin-bottom:10px;}
.contact-area p{ display:block; font-size:18px; font-weight:500;}
.contact-area [class^="col"] div{ background: #414141;padding:25px; border-radius: 5px; height:100%;}
.contact-area [class^="col"]:nth-child(2) div{ background:#253d97;}
.contact-area [class^="col"]:last-child div{ background:#8d8d8d;}
.contact-area [class^="col"] div span{ color:#fff; margin-bottom:15px;}
.contact-area [class^="col"] div p{ color:#fff; margin-bottom:0; font-weight:600;}
.contact-area [class^="col"] div p a{ color:#fff;}

.send-box{padding:25px;margin:25px 0;-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.2);box-shadow:0px 0px 5px 0px rgba(0,0,0,0.2);}
.send-box h2{color:#253d97;font-size:20px;margin:0 0 25px;}
.send-box div[class^="col-"] span{display:block;clear:both;overflow:hidden; margin-bottom:5px;}
.send-box div[class^="col-"]{margin-bottom:25px;}
.send-box div[class^="col-"]:last-child{margin:0 0 10px;}
.send-box input, .send-box textarea{width:100%;border:none;background:#fff;border-bottom:1px #ddd solid;}
.send-box input[type="submit"]{width:120px;padding:10px;background:#37618c;border:none;color:#fff;text-transform:uppercase;}
.send-box input[type="submit"]:hover{background:#2d5176; cursor:pointer;}
.qu-link{
  color: #fff;
}

.qu-container {
  width: 63%;
}

.qu-link:hover{
  text-decoration: none;
  color: #fff;
}

.qu-list{
  margin: 0;
  padding: 0;
  list-style: none;
}

.qu-list li {
  font-size: 15px;
  color: #292828;
  line-height: 33px;
}

.qu-list i {
  color: #253d97;
  transform: translateY(1px);
  /* margin-left: 8px; */
  margin-right: 8px;
}

h5.qu-header {
  color: #000;
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 20px;
}



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

@media (max-width: 1030px){
	body{ overflow-x: hidden;}
	.stellarnav > ul > li > a{ padding: 10px 9px!important;}

}

@media (max-width: 991px){
	.hader-bg-area{ position:relative; background:#f5f5f5;}
	.hader-bg-area.fix{ display:none;}
	.stellarnav > ul > li > a{ padding:8px 10px!important;}
	a.logo img{ display:block; /*margin:0px auto 15px;*/}
	.ind-products-area .row:nth-child(odd) > [class^="col-"]:last-child{ left: 0%;}
	.ind-products-area .row:nth-child(odd) > [class^="col-"]:first-child{ right:0%;}
	.new-area .item{ margin:0px 8px;}
	.new-area span{ font-size:35px;}
	.footer-area{ text-align:center;}
	ul.dlt-box li{ padding-left:0;}
	ul.dlt-box li i{ position:relative; margin-bottom:10px;}
	.ind-vision-area{ padding:100px 0 50px;}
	.new-area i{ margin-bottom:30px;}
	.tt-popup__toggle{ display:none;}
	
}

@media (max-width: 767px){
	.navigation{z-index:99999; display:block;}
	.index-about-area{ text-align:center;}
	
}

@media (max-width: 500px){
	.index-about-area [class^="col-"] h1{ font-size:40px; text-align:center;}
	.index-about-area [class^="col-"] h1 br{ display:none;}
	.qualitybg-area	img{ display:none;}
	.copy-nav p{ text-align:center;}
	.footer-area [class^="col-"] > ul{ text-align:center;}


}

@media (max-width: 380px){
	

}


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