@import url("font-awesome.css");
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap');

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: 'Montserrat', sans-serif;
  line-height: 1.15;
  /*-webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;*/
}

@-ms-viewport {
  width: device-width;
}

article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {display: block;}


body{ font-family: 'Montserrat', sans-serif; margin: 0; padding: 0; font-size: 15px; line-height:normal; font-weight: 400;}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

a {
  color: #666;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects; transition: all 0.5s; -webkit-transition: all 0.5s;
}

a:hover {
  color: #252525;
  text-decoration: none;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}


p{font-size: 15px; line-height: 24px; color: #393939; }

h1, .h1 { font-size: 32px;}
h2, .h2 { font-size:30px;font-family: 'Roboto', sans-serif; }
h3{font-family: 'Roboto', sans-serif;margin: 15px 0 30px; font-weight:400;border-left:2px solid #232323; padding-left: 15px;font-size: 25px;border-left:2px solid #232323;}
.heading1{ font-size:40px; color: #171717; font-weight:500;margin:20px 0 40px;}
.heading1 span{font-weight:100;}
img { max-width: 100%;}




/*------------Custom css-----------------*/

section{padding: 50px 0;}
.logo{/*--padding-top: 10px;----*/ padding-bottom: 0px; display: inline-block; max-width: 180px; margin-top: -20px;}

.nav > li > a:hover,
.nav > li > a:focus {}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color:rgba(252,78,25,0.1);
}

.navbar-light .navbar-nav .show > .nav-link{color: #fff;}
.dropdown-item{font-size: 14px;padding: 0.50rem 1.5rem; white-space: normal;}







.header{  width: 100%; font-family: 'Montserrat', sans-serif;  position: relative; z-index: 5;background-color:rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; right: 0;}
.homeHeader{background-color: transparent;}
.topHeader{ width: 100%;  padding:10px 0;}
.topHeader .welcome{color: #fff; margin: 5px 0 0;}
.socialSec{ list-style: none;padding: 0;margin: 0; text-align: right;}
.socialSec li{ display: inline; font-size: 20px; color: #0197fe; margin-right: 10px;}
.socialSec li a{color: #6c6c6b; font-size: 18px;}


.header .navbar{padding: 0; float: right;margin-top: 10px;}
.header .navbar .navbar-nav > li > a{ color: #fff; text-transform: capitalize; font-size: 14px; font-weight:400;padding: 15px;}
.header .navbar .navbar-nav > li > a:focus,.header .navbar .navbar-nav > li > a:hover,.header .navbar .navbar-nav > li.active > a{color: #d4a118;}

.headerSearch {float: left; margin-left: 10px;}
.headerSearch form{background-color: #fff; border-radius: 50px; height: 35px; overflow: hidden;}
.headerSearch .inputText { border: none; padding: 8px 20px; height: 35px;}
.headerSearch .searchBtn {border: none; background-color:  transparent; float: right; height: 35px;width: 45px;}



.home-slider .carousel-caption{text-align: left; top:35%; bottom: auto;width: 40%; background: rgba(0,0,0,.3);}
.home-slider .carousel-caption h2{ font-size: 50px; color: #fff; font-weight:100;font-family: 'Roboto', sans-serif;line-height: 55px; border-left: 3px solid #fff; padding-left: 20px; }
.home-slider .carousel-caption h2 span{ font-weight:500;}
.home-slider .carousel-control-prev, .home-slider .carousel-control-next{width: 50px; color: #232943;}
.read-more{border-radius: 50px; -webkit-border-radius: 50px; border: 1px solid #232323;color:#232323; background-color: transparent; padding:12px 30px; font-size: 14px;display: inline-block;}
.read-more:hover{color: #fff; background-color: #104a99; border-color: #104a99;}


.bannerBottom{ margin-top: -50px; padding-top: 0;}
.bannerBottom article{background-color: #fff; position: relative; height: 285px;}
.grayWrap{background-color: #ececec; padding-top: 0;}
.bannerBottom article img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; bottom: 0;}
.bannerBottom article h3{margin-bottom: 15px; margin-top: 25%; font-weight: 400; border-left:2px solid #fff;}
.bannerBottom article .textWrap{padding-left: 20px;}
.bannerBottom article .read-more{ border: 1px solid #fff; color: #fff; margin-left: 15px;}
.bannerBottom article:nth-child(4){ background-color: #114a98;}
.bannerBottom article:nth-child(4) h3{ color: #fff;}
.bannerBottom article:nth-child(6){ background-color: #a30b0f;}
.bannerBottom article:nth-child(6) h3{ color: #fff;}
.bannerBottom article:nth-child(2) .read-more{border: 1px solid #232323; color: #232323; }
.bannerBottom article:nth-child(2) .read-more:hover{border: 1px solid #fff; color: #fff; }
.bannerBottom article:nth-child(2) h3{border-left:2px solid #232323;}

.serviceCaption ul{margin-bottom: 0; padding: 0; list-style: none;}
.serviceCaption ul li{text-align: center;   padding-top:20px; padding-bottom:20px;}
.serviceCaption ul li h4{font-size: 16px; text-transform: uppercase; margin:20px 0 15px;}
.serviceCaption ul li p{font-size: 15px; font-weight:300;}




.list-ul{margin: 0; padding: 0;}
.list-ul li{ background: url(../images/list-ul-ico.png) no-repeat top 3px left;  color: #171717; background-size: 20px; list-style: none; margin-bottom:15px; padding: 5px 0 5px 30px;}



.minconSection .item .servicesText h4{font-size: 16px;text-transform: uppercase;margin: 20px 0 15px;}
.minconSection .item{text-align: center;}
.minconSection .item figure{text-align: center;}
.minconSection .item figure img{ height: 210px; width: auto; display: block; margin: 0 auto;}




.book-bg{ background: url(../images/book-bg.jpg) no-repeat top left; background-size: cover; padding: 150px 0;}
.lightTxt h2, .lightTxt h3, .lightTxt h4, .lightTxt p{color: #fff;}
.lightTxt h3{border-left: 2px solid #fff;}
.lightTxt .read-more{ color: #fff; border-color:#fff;}
.lightTxt .read-more:hover{ border-color:#104a99;}
.book-bg h2, .book-bg h3{margin:10px 0;}

.featured-article article figure img{width: 100%;}
.featured-article article h3{ margin-top: 0; font-size: 22px;}
.featured-article article figure{ margin-bottom: 0; background-color: #fff;}
.featured-article article p{line-height: normal; font-size: 15px;}
.featured-article article .con{ background-color: #fff; padding: 40px; margin-left:25px; margin-right:25px; margin-top: -25px; position:relative;}
.featured-article article .con p{ height:132px; white-space: normal; overflow: hidden;}

.aboutCont2 .nav-pills{border: none; border-right: 2px solid #ff0000;}
.aboutCont2 .nav-pills li{width: 100%; font-size: 20px; font-weight: bold; position: relative; margin-bottom: 40px;}
.aboutCont2 .nav-pills li a{color: #1f1f1f; border: none; position: relative; display: block; padding: 0 10px 0 0; transition: all 0.5s; -webkit-transition: all 0.5s;font-size: 15px;}
.aboutCont2 .nav-pills li a:hover, .aboutCont2 .nav-tabs li a.active{border: none; color: #ff0000;}
.aboutCont2 .nav-pills li a.active{background-color: transparent; outline: none;color: #ff0000;}
.aboutCont2 .nav-pills li a:focus{outline: none;}
.aboutCont2 .nav-pills li a:after{position: absolute; content: ""; width: 28px; height: 28px; border-radius: 50%; box-shadow: 0 0 6px rgba(0,0,0,0.3); right: -16px; z-index: 5; background: #fff;}
.aboutCont2 .nav-pills li a.active:before{position: absolute; content: ""; width: 14px; height: 14px; border-radius: 50%; right: -9px; top: 7px; z-index: 10; background: #ff0000;}
.aboutCont2 .nav-pills li:first-child a{padding-top: 0;}
.aboutCont2 .nav-pills li:last-child a{padding-bottom: 0;}
.aboutCont2 .nav-pills li:last-child{margin-bottom: 0;}

.aboutCont2 .tab-pane p{color: #272626; font-size: 16px; line-height: 26px;}
.listUl{padding-left: 0; margin: 30px 0;}
.listUl li{list-style: none; background: url(../images/ico.png) no-repeat top 2px left;  padding-left: 20px; margin-bottom: 20px; color: #363636; }
.aboutCont2 .listUl{
-webkit-column-count: 2;
  -moz-column-count: 2; 
  column-count: 2;
}



/*--
.home-brands{text-align: center; background-color: #e8e8e8;}
.brand-list{list-style: none; margin: 0; padding: 0;}
.brand-list li{ background-color: #ffffff; margin: 0 10px; border-radius: 15px; -webkit-border-radius: 15px; height: 165px;padding-top: 60px; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.5; transition: all 0.5s; -webkit-transition: all 0.5s;}
.brand-list li img{}

.brand-list li:hover{opacity: 1;-webkit-filter: grayscale(0%); filter: grayscale(0%);}
---*/

.owl-carousel{position: relative;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{border: 1px solid #e73219; color: #e73219; border-radius: 4px; padding: 5px !important; font-size: 20px; display: inline-block; position: absolute; top: 40%; left: -20px;}
.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover{color: #fff; background-color: #e73219;}

.owl-carousel .owl-nav button.owl-next{left: auto; right: -20px;}







/*---INNER PAGES----*/
.banner-section { width: 100%;position: relative;}
.banner-section img { object-fit: cover; height: 300px; width: 100%;}
.bannerCaption {  position: absolute; left: 0; top:auto; bottom: 0; width: 100%;  z-index: 1; color: #fff; text-align:center; padding: 15px 0;}
.bannerCaption h3{ color: #fff; font-size: 33px; margin: 0; font-weight: 600; padding-left: 0; border: 0;}


.breadcrumb{background-color: transparent; text-align: center; border: 0; align-items: center; justify-content: center;}
.breadcrumb li{list-style: none; display: inline-block; text-align: center; color: #fff;}
.breadcrumb li a,.breadcrumb-item.active,.breadcrumb-item + .breadcrumb-item::before{color: #fff;}

.grayBg{background-color:#f0f0ee; padding-bottom: 20px;}



.serviceProducts .item{padding:30px;}



.contact-featured-article.featured-article article .con{margin: -25px 30px; width: auto;min-height:600px;}
.contact-featured-article.featured-article article .con .details li { color:  #393939; padding-bottom: 15px;padding: 5px 0;display: block;font-size: 13px;}
.contact-featured-article.featured-article article .con .details li .fa { padding-right: 10px; float: left;}
.contact-featured-article.featured-article article .con .details li span { padding-left: 23px; display: block;}
.contact-featured-article.featured-article article .con .details { padding: 0px; margin: 0px;}
.contact-featured-article.featured-article article .con h4{font-weight: 600; font-size: 16px; margin:20px 0;}




.formSec{background: url(../images/contact-formBg.jpg) no-repeat top left; background-size: cover;}






.featured-article.productList article .con{ width: auto;  }
.featured-article.productList article h3 { font-size: 20px;height: 50px;overflow: hidden;}
.featured-article.productList article .con {padding:30px 20px;margin: 0 0 30px;}



.leftImg{float: left; padding-right: 20px; padding-bottom: 20px; max-width:550px;}




/*footer*/
footer.mainFooter{ width: 100%; font-size: 13px; clear: both;}
.footer-top{ background-color: #e9e9e9; padding: 30px 0;}
footer.mainFooter h3{ margin-bottom: 15px; position: relative;  font-weight: bold; font-size: 18px; color: #393939; text-transform: uppercase; padding-left: 0; border: 0;}
footer.mainFooter ul{ padding: 0px; margin: 0px;}
footer.mainFooter ul li{ list-style: none; padding: 5px 0; display: block;font-size: 13px;}
footer.mainFooter ul li a{ color: #393939; font-size: 14px; font-weight:300;}
footer.mainFooter ul li a:hover{ color: #000; }
footer.mainFooter ul.socialSecFooter{ }
footer.mainFooter ul.socialSecFooter li a{ width: 30px; height: 30px; line-height: 30px; border:1px solid #5f5f5f; border-radius: 50%; display: block; text-align: center;}
footer.mainFooter ul.socialSecFooter li { margin: 0 2px; display: inline-block;}

.socialSecFooter{text-align: right;}
footer.mainFooter address{text-align: left; color: #5f5f5f; padding:15px 0; margin: 0;}

footer.mainFooter .footer-details{ list-style: none;}
footer.mainFooter .footer-details li{ color: #393939; padding-bottom:15px;}
footer.mainFooter .footer-details li .fa{padding-right: 10px; float: left;}
footer.mainFooter .footer-details li span{padding-left: 23px;display: block;}

footer.mainFooter .footer-logo{margin-bottom: 20px;}


.header .navbar .navbar-toggler{padding: 10px; outline: none;}
.header .navbar .navbar-toggler .fa{color: #fff;}












/*========================================================================*/
.facilitiesSection{display: inline-block; width: 100%;}

.sliderSection{display: inline-block; width: 100%; margin-bottom: 30px;}
.sliderSection .thumbsSec{}
.sliderSection .thumbsSec .owl-item{width: 100% !important; height: 110px;}
.sliderSection .thumbsSec .owl-item .item{height: 108px; padding: 3px 0;}
.sliderSection .thumbsSec .owl-item img{width: 100%; height: 100%; object-fit: cover;}

.sliderSection .thumbsSec .owl-stage{width: 100% !important;}

.aboutBox{border: 1px solid #fff; background: #fff; transition: all 0.3s ease-in-out;}
.aboutBox:hover{box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.aboutBox h3{border: none; font-size: 16px; font-weight: 500; padding: 0px 15px; margin: 0; height: 22px; overflow: hidden; margin: 10px 0; display: inline-block; width: 100%;}
.aboutBox figure{height: 250px; width: 100%;}
.aboutBox figure img{width: 100%; height: 100%; object-fit: cover;}
.aboutBox figcaption{padding: 0px 15px 60px; position: relative; width: 100%; height: 250px;}
.aboutBox figcaption .read-more{position: absolute; left: 15px; bottom: 15px;}













/*------------------------RESPONSIVE-------------------------------*/
@media (max-width: 1366.98px) {
    
    .contact-featured-article.featured-article article .con { margin: 0 0; width: auto;}
}

@media (max-width: 1199.98px) {
    .home-slider .carousel-caption h2 {font-size: 40px;}
    .home-slider .fill img{height: 450px;}
    .header .navbar .navbar-nav > li > a{font-size: 12px; padding: 15px 10px;}
    
    
    
}




@media (max-width: 991.98px) {
    .header .navbar {float: none;}
    .navbar-collapse{ background-color: #104a99;}
    .header .navbar .navbar-toggler { top: -70px;position: absolute; right: 0; border: 0; background-color: #fff; padding: 3px 8px;}
    
    .home-slider .carousel-caption { width: 50%;}
    .home-slider .carousel-caption h2 {font-size: 35px;}
    .home-slider .carousel-caption p { font-size: 15px;line-height: 22px;}
    
    .aboutCont2 .nav-pills{margin-bottom: 40px;}
    .home-slider .fill img{object-fit: cover;}
    
    .featured-article article .con p{height: auto;}
    
    
}
@media only screen and (min-width:768px) and (max-width:1023px){
    .header .navbar{float: right;}
    .home-slider .carousel-caption{width: 80%; top: auto; bottom: 60px; left: 10%; right: 10%;}
    .home-slider .carousel-caption h2{font-size: 30px; line-height: 40px;}
    .featured-article{padding-top: 10px; padding-bottom: 0;}
    .featured-article article .con{height: 300px; margin-bottom: 20px;}
    .book-bg{padding: 70px 0;}
    .aboutBox h3{height: 35px; font-size: 13px;}
    .aboutBox figcaption{height: 360px;}
    .aboutBox figure{height: 180px;}
    .aboutCont2 .nav-pills li a::after{top: 0;}
    
    
}

@media (max-width: 767.98px) {
    .bannerBottom { margin-top: 20px;}
    .home-slider .carousel-caption h2 {font-size: 26px;line-height: 30px;}
    
    
    .leftImg{float: none; width: 100%; padding-right: 0;}
    .featured-article.productList article .con {width: auto; margin: 0 0 20px;}
    
    
    .featured-article.productList article figure img{width: 100%; height: auto;}
    .home-slider .carousel-caption{width: 100%; top: auto; bottom: 0px; left: 0%; right: 0%; padding: 5px;}
    .home-slider .carousel-caption h2{font-size: 22px;}
    .logo{padding-bottom: 0;}
    .header .navbar .navbar-toggler { top: -60px;position: absolute; right: 0; }
    .featured-article{padding-top: 0; padding-bottom: 0;}
    .featured-article article .con{margin-bottom: 25px;}
    .grayWrap{padding-bottom: 10px;}
    .book-bg{padding: 20px 0 50px}
    .secClientele .heading1{margin-top: 0;}
    .aboutBox{margin-bottom: 20px;}
    .grayBg{padding-top: 15px;}
    .bannerCaption h3{font-size: 24px; margin-bottom: 10px;}
    .bannerCaption .breadcrumb{padding: 0; margin: 0;}
    .breadcrumb li{font-size: 12px;}
    
    .productDetails .heading1{margin-top: 0; font-size: 30px; margin-bottom: 25px;}
    .contact-featured-article.featured-article article .con{margin-bottom: 20px;}
    
    .topHeader .welcome{display: none;}
    .topHeader{float: right; width: 100%;}
    .logo{max-width: 120px; margin-top: 5px;}
    .headerSearch{margin-top: 10px;}
    .headerSearch .inputText{width: 75%;}
    .bottmHeader{float: left; width: 100%;}
    .featured-article article p{font-size: 16px;}
    
    
}


@media (max-width: 575.98px) { 
    .topHeader{padding-top: 0;}
    .topHeader .welcome{text-align: center;margin: 3px 0; font-size: 13px;}
    .headerSearch {float: none; margin-left: 10px; width: 100%;}
    /*.logo img{max-width: 150px;}*/
    .header .navbar .navbar-toggler { top: -60px;position: absolute; right: 0; }
    
    .home-slider .fill img{height: 350px;}
    
    
    .contact-featured-article.featured-article article .con{margin-bottom: 20px; min-height: inherit;}
    .navbar-collapse{margin: 0 -15px;}
    
    
}


@media only screen and (min-width:320px) and (max-width:767px){
    .sliderSection .thumbsSec .owl-item{width: 25% !important; height: 60px;}
    .sliderSection .owl-carousel .owl-nav button.owl-next, .sliderSection .owl-carousel .owl-nav button.owl-prev{left: 0;}
    .sliderSection .owl-carousel .owl-nav button.owl-next {
        left: auto;
        right: 0px;
    }
    .facilitiesSection h2{font-size: 30px;}
    .aboutBox figcaption{height: auto;}
    .featured-article.productList article h3{height: auto;}
    
    
}

@media only screen and (min-width:300px) and (max-width:385px){
    .logo{margin-top: 0px;}
    
    
}







.dropdown-submenu {
  position: relative;
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}



@media (min-width: 768px)
{
.navbar-expand-md .navbar-nav .dropdown-menu {
position: absolute;
width: 220px;
}
}