@import url("fontawesome.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:400,500,700,900&display=swap');

@import url("owl.carousel.css");
@import url("owl.theme.default.min.css");



body{
    font-family: 'Montserrat', sans-serif;color: #949494; background-color: #262626;
    font-size: 15px;
}
html { scroll-behavior: smooth; }
*{text-decoration: none; outline: none;}
a{color:#fff; text-decoration: none; transition: all 0.5s; -webkit-transition: all 0.5s;}
a:hover, a:focus{ outline: none; text-decoration: none; color: #fff}
h1, .h1 { font-size: 32px;}
h2, .h2 {font-size: 45px;font-weight: bold;color: #fff;margin-bottom: 25px;}
h3{font-size: 30px; font-weight: 700; color: #232323;font-family: 'Montserrat', sans-serif;}
h3 span{color: #82cb19; font-size: 40px;}
h4, .h4 {font-size: 22px; font-weight: 600;margin-bottom: 20px;}
img { max-width: 100%}

section{padding:50px 0;}
.paddingTop0{padding-top: 0;}
p{font-size: 16px;  line-height: 25px;}
ul{margin: 0; padding: 0;}

dl{ margin-top: 30px; margin-bottom: 30px;}
dl dt{ margin: 20px 0;}
dl dd{margin-bottom:15px; background: url(../images/tick.png) no-repeat top 5px left; padding-left: 25px;}


.listUl{list-style: none;padding: 0;}
.listUl li{ vertical-align: top; margin-bottom: 10px; padding-left: 32px;padding-right: 10px;
    background-image: url(../images/tick.png);background-repeat: no-repeat; line-height: 30px;
} 

.column2{column-count: 2; -webkit-column-count: 2;}



.nav > li > a:hover,
.nav > li > a:focus {text-decoration: none; background-color:inherit; color:#FC4E19;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color:inherit; border-color: #428BCA;color:#FC4E19;}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {color: #262626;text-decoration: none; background-color:rgba(252,78,25,0.1);}
.highlight-section { background: none repeat scroll 0 0 #FAFAFA; border-bottom: 1px solid #D1D1D1; color: #333333; padding: 18px 0;}

.navbar-toggle span { background: none repeat scroll 0 0 #ff8111; border-color: #ff8111;}
.navbar-toggle{background-color: transparent !important;}

/* =Header

-------------------------------------------------------------- */
.headerSection .navbarLogo { display: inline-block; width: 100%; max-width: 320px;padding: 15px 0;}
.headerSection {width: 100%; background-color: #262626; padding-top:15px; padding-bottom: 15px;position: fixed;top: 0;left: 0;z-index: 999;
    border-bottom: 1px solid #434343;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	-ms-transition: height 0.3s;
	-o-transition: height 0.3s;
	transition: height 0.3s;
}
.headerContact{float: right; margin:0 10px 0 0; list-style: none; padding:0  0 0 35px; background: url(../images/headerContact.png) no-repeat center left; text-align: left;}
.headerContact li{font-size: 15px; color: #fff;line-height:21px; display:block; }
.headerContact li:last-child{border: none; font-size: 20px; font-weight: 600;}
.headerContact li a{color: #fff;}
.headerContact li a:hover{text-decoration: none;}

.social{margin:0; padding: 0; list-style: none;}
.social li{font-size: 20px; display: inline-block; margin: 4px 10px;}
.social li a{color: #fff;}
.social li a:hover{color: #ff8111;}



.headerRight{float: right;}

.headerSection.smaller .navbarLogo {font-size: 30px; padding: 0;max-width: 280px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s ease-in-out;
}
.headerSection.smaller nav a {line-height: 75px;}
.header{ width: 100%;}

.clearfix:after {visibility: hidden;display: block;content: "";clear: both;height: 0;}

.headerSection .navbar-nav{margin-top:15px; transition: all 0.3s ease-in-out;}
.headerSection.smaller .navbar-nav{margin-top: 15px;}

.home-slider .carousel-caption{top:auto; text-align: left; left:auto;  right: auto; position: relative; margin-left: 27%; margin-top: 15%;} 
.home-slider .carousel-caption h2 span{ font-weight:300; display: block; color: #f25601; font-size: 35px; }
.home-slider .carousel-caption h2{color: #fff; font-size:50px; margin-bottom: 15px; text-transform: uppercase;}
.home-slider .carousel-caption p{font-weight:400; line-height: inherit; color: #878787; margin-bottom: 25px;}
.home-slider .carousel-caption .contactBtn{color: #fff; border: 1px solid #fff; border-radius:60px; display: inline-block; padding: 12px 30px;}
.home-slider .carousel-caption .contactBtn:hover{text-decoration: none; background-color: #f25601; border-color: #f25601;}
.home-slider .fill img{max-height:650px;}
.home-slider .carousel-caption .learnBtn{background-color: transparent; color: #fff; border-color: #fff;}







.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {background-color: inherit;border-color: #428BCA;color: #FC4E19;}
.dropdown-menu > li > a:hover,  .dropdown-menu > li > a:focus {	color: #262626;text-decoration: none;background-color: rgba(252,78,25,0.1);}
.minNav {	float: left;	margin-top: 35px;	transition: all 0.3s ease-in-out;	position: relative;	z-index: 1000;	margin-left: 20px;}
.headerSection .navbar-nav li {font-size: 15px;text-transform:capitalize; font-weight: 500;font-family: 'Montserrat', sans-serif; margin: 0 15px;}
.headerSection .navbar-nav li a {color: #ffffff; padding: 10px 0 10px;transition: all 0.3s ease-in-out;}
.headerSection .navbar-nav li a:hover, .headerSection .navbar-nav li a:focus, .headerSection .navbar-nav li.active a {background-color: transparent;color: #fff;transition: all 0.3s ease-in-out;}




.headerSection.smaller{ height:90px; padding:10px 0;}
.headerSection.smaller .headerContact,  .headerSection.smaller .headerTop{display: none;}


.headerSection.smaller .top-nav {display: none;transition: all 0.3s ease-in-out;}
.headerSection.smaller .minNav {margin-top: 15px;transition: all 0.3s ease-in-out;}
.headerSection.smaller .navbar-nav li a {}
.headerSection .navbar-nav li ul.dropdown-menu {background: #262626;width: 260px;padding: 0; left: 0;border-radius: 0;}
.headerSection .navbar-nav li ul.dropdown-menu > li{margin: 0; padding: 0;}
.headerSection .navbar-nav li ul.dropdown-menu > li a{padding: 10px 15px;}
.headerSection .navbar-nav li ul.sub-menu {background: #f25601;width: 220px;padding: 0;border-radius: 0;list-style: none;display: none; position: absolute;}
.headerSection .navbar-nav li:hover ul.sub-menu {display: block;}
.headerSection .navbar-nav li ul.dropdown-menu li a, .headerSection .navbar-nav li ul.sub-menu li a {color: #fff;text-align: left;font-weight: 400;display: block;}

.headerSection .navbar-nav li ul.sub-menu li{margin: 0;}
.headerSection .navbar-nav li ul.sub-menu li a{ padding: 10px; margin: 0;}
.headerSection .navbar-nav li ul.sub-menu li a:hover{}
.headerSection .navbar-nav li ul.dropdown-menu li a:hover, .headerSection .navbar-nav li ul.sub-menu li a:hover {background: rgba(255,255,255,0.2);  text-decoration: none;}

.headerSection .navbar-nav li ul.sub-menu li a:after, .headerSection .navbar-nav li ul.sub-menu li a:before{display: none;}


.headerSection .navbar-nav li.dropdown a{}
.headerSection .navbar-nav li.dropdown a.dropdown-toggle{padding: 10px 0; border: none !important;}
.headerSection .navbar-nav li.dropdown a.dropdown-toggle:before,.headerSection .navbar-nav li.dropdown a.dropdown-toggle:after{ display: none !important;}

.headerSection .navbar-nav li.dropdown:hover .dropdown-menu,.headerSection .navbar-nav li.dropdown a:hover + .dropdown-menu,.headerSection .navbar-nav li.dropdown  .dropdown-menu:hover{ display: block;}

.headerSection .navbar-nav li.dropdown  .dropdown-menu a{ width: 100%; text-transform: capitalize;font-size: 14px;
font-weight: 300;}


/*.headerSection .navbar-nav li.loginBtn a:hover::after,  .headerSection .navbar-nav li.loginBtn a:focus::after{
	height: 2px;
	opacity: 0;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

.headerSection .navbar-nav li.loginBtn a:hover::before,  .headerSection .navbar-nav li.loginBtn a:focus::before{
	height: 2px;
	opacity: 0;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}*/

.banner-section{position: relative; width: 100%; margin-top: 125px;}



/*==================================Header end===========================*/


/*=======================================*/

.light .inheader h2, .light h4, .light .inheader p{color: #1b1b1b;}
.greenSec{background: #8ec63f; }
.greenSec h2, .greenSec p, .greenSec .listUl li{color: #fff;}



.aboutSection{ width: 100%; position: relative; }
.secthreeSec{background: url(../images/bg1.jpg) no-repeat top left; background-size: cover; position: relative; width: 100%; z-index: 99;}



.offerSection{width: 100%; display: inline-block; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); padding: 15px; margin-top: -110px; margin-bottom: 50px;}
.offerSection ul{display: inline-block; list-style: none; padding: 0; margin: 0; width: 100%;}
.offerSection ul li{display: inline-block; width: 24%; border-right: 1px solid #d3d3d3;}
.offerSection ul li:last-child{border: none;}

.contentHeader{margin-bottom: 40px;}
.contentHeader h2{color: #fff; font-size: 45px; margin-bottom: 15px;}
.contentHeader p{font-size: 20px; color: #fff;}






.home-slider{padding: 0;}

/* Carousel Fading slide */
.carousel-fade .carousel-inner { background: #262626; }
.carousel-fade .carousel-control { z-index: 2; }  
.carousel-fade .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  }

  .carousel-fade .next.left,
  .carousel-fade .prev.right,
  .carousel-fade .item.active { opacity: 1; }

  .carousel-fade .active.left,
  .carousel-fade .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
    }


/* Safari Fix */
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}




/* Carousel Control custom */
.carousel-control .control-icon {
  font-size: 30px;
  height: 30px;
  margin-top: -15px;
  width: 30px;
  display: inline-block;
  position: absolute;
  top: 50%;
  z-index: 5;
  }
  .carousel-control .prev { margin-left:  -15px;  left: 50%; } /* Prev */
  .carousel-control .next { margin-right: -15px; right: 50%; } /* Next */


/* Removing BS background */
.carousel .control-box { opacity: 0; }
.carousel-control{width: 7%;}
a.carousel-control.left  { left: 0; background: none; border: 0;}
a.carousel-control.right { right: 0; background: none; border: 0;}


/* Animation */
.control-box, a.carousel-control, .carousel-indicators li {
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;   
  /* hardware acceleration causes Bootstrap carousel controlbox margin error in webkit */
  /* Assigning animation to indicator li will make slides flicker */
  } 


/* Hover animation */
.carousel:hover .control-box { opacity: 1; }
.carousel:hover a.carousel-control.left { left: 15px; }
.carousel:hover a.carousel-control.right { right: 15px; }  


/* Carouse Indicator */
.carousel-indicators li.active,
.carousel-indicators li { border: 0; }

.carousel-indicators li {
  background: #666;
  margin: 0 3px;
  width: 12px;
  height: 12px;
  }

.carousel-indicators li.active {
  background: #fff;
  margin: 0 3px;
  }





.zippSection{width: 100%;}
.zippSection ul{	-js-display:flex;
	-webkit-flex: 1; /* Safari 6.1+ */
    -ms-flex: 1; /* IE 10 */ 
    display: flex;
    flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	/*flex-direction: column;*/
	text-align:center;
    background: #fff;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
}

.zippSection ul li{ order: 1;flex-basis:50%;  width:50%; height:370px; color: #fff; text-align: left; position: relative;}

.zippSection ul li img.ico{  width: 50px;margin:0 auto 20px; position:absolute; left: 0;}

.zippSection ul li:hover{}

.zippSection ul li article{padding:20px 15px 0 100px; position: absolute;margin: 50px;}
.zippSection ul li article h4{ font-size: 25px; font-weight: 600; color: #fff;}

.zippSection ul li img.bg{ object-fit: cover; height: 100%;padding: 0;}
.zippSection ul li article a{color: #fff; text-decoration: none; text-transform: uppercase; margin: 20px 0; display: inline-block;}



.threeSec{list-style: none;}
.threeSec li article{padding:50px 30px; color: #fff; border-radius: 10px; overflow: hidden;min-height: 310px; background-size: cover;}
.threeSec li article p{font-size: 15px; line-height: 20px;}

.threeSec article{height: 360px; padding:10% 30px; color: #fff; border-radius: 14px; overflow: hidden;}


.owl-nav .owl-prev, .owl-nav .owl-next{position: absolute; top: 50%; background: #797979 !important; color: #fff !important; width: 30px;
height: 30px; border-radius: 50% !important; margin-top: -60px !important;}
.owl-nav .owl-prev{left: -40px;}
.owl-nav .owl-next{right: -40px;}
.owl-nav .owl-prev span, .owl-nav .owl-next span{font-size: 22px;}




.aboutCont .aboutRow1 .aboutCol2 { padding: 100px 0 0 15px;}
.aboutCont .aboutCol1, .aboutCont .aboutCol2 { float: left; width: 50%;}

.aboutCont{ width: 100%;}
.aboutCont:after, .aboutCont .aboutRow1{display: block; content: ""; clear: both;}
.aboutCont .aboutRow1{ width: 100%;}
.aboutCont .aboutRow1 .aboutCol2{padding: 100px 30px 30px 30px;}
.aboutCont .aboutRow1 .aboutCol2 h2, .heading2{font-size: 45px; font-weight: bold; color: #1f1f1f; margin-bottom:30px;}
.heading2 span{display: block; font-size: 20px; font-weight: 400; margin: 20px 0;}



.aboutCont2{float: left; width: 100%;}
.aboutCont2 .nav-tabs{border: none; border-right: 2px solid #ff8111;}
.aboutCont2 .nav-tabs li{width: 100%; font-size: 20px; font-weight: bold; position: relative; margin-bottom: 40px;}
.aboutCont2 .nav-tabs li a{color: #1f1f1f; border: none; position: relative; display: block; padding: 0 10px 0 0; transition: all 0.5s; -webkit-transition: all 0.5s;}
.aboutCont2 .nav-tabs li a:hover, .aboutCont2 .nav-tabs li.active a{border: none; color: #ff8111;}
.aboutCont2 .nav-tabs li.active a{background-color: transparent; outline: none;}
.aboutCont2 .nav-tabs li a:focus{outline: none;}
.aboutCont2 .nav-tabs 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-tabs li.active a:before{position: absolute; content: ""; width: 14px; height: 14px; border-radius: 50%; right: -9px; top: 7px; z-index: 10; background: #ff8111;}
.aboutCont2 .nav-tabs li:first-child a{padding-top: 0;}
.aboutCont2 .nav-tabs li:last-child a{padding-bottom: 0;}
.aboutCont2 .nav-tabs li:last-child{margin-bottom: 0;}

.aboutCont2 .tab-pane p{color: #272626; font-size: 16px; line-height: 26px;}



/*=================================================*/
/*.aboutSection{width: 100%; background-image: url(../images/img1.jpg); background-repeat: no-repeat; background-position: left top; background-size: 48% 100%; padding: 40px 0;}*/
.aboutSection{width: 100%; background-image: url(../images/Dining_room.jpg); background-repeat: no-repeat; background-position: left top; background-size: 48% 100%;}
.aboutSectionnew2 h2{font-size: 20px !important;}




/*=============================================*/

.logSection .item{padding: 10px 30px;}
.logSection .item figure{background-color: #fff; width: 100px; height: 100%; border-radius: 50%; text-align: center; line-height:100px; display: block; 
    margin: 20px auto; }
.logSection .item figure img{width: auto; height: auto; display: inline-block;}
.logSection .item h4{color: #fff;}
.logSection .owl-theme .owl-nav{margin-top: 0;}



/*============================================*/
.testimonialSection .contentHeader{text-align: center;}
.testimonialSection .testimonialCont{padding: 10px 6px;}
.testimonialSection .testimonialCont .text{background: #8ec63f; padding:20px 15px; margin-bottom: 20px; border-radius: 10px;}
.testimonialSection .testimonialCont h4{margin-bottom: 0; font-size: 15px; }
.testimonialSection .testimonialCont p{font-size: 14px; color: #fff;}



/*=============================================================*/


.specificationsSection{text-align: center; background: #fff;}

.widget-sidebar {
    margin-top: 0px;
    float: left;
    width: 100%;
}
.content-widget-sidebar{
    display: inline-block;
    width: 100%;
}
.content-widget-sidebar ul{
    display: inline-block;
    width: 100%;
    padding-left: 0;
} 
.title-widget-sidebar {
    font-size: 20px;
    border-bottom: 1px solid rgba(69,69,69,0.4);
    margin-bottom: 15px;
    padding-bottom: 10px;    
    margin-top: 0px;
    text-transform: uppercase;
    color: #333333;
    
}

/*.title-widget-sidebar:after {
    border-bottom: 1px solid rgba(69,69,69,0.4);
    width: 150px;
    display: block;
    position: absolute;
    content: '';
    padding-bottom: 10px;
}*/

.recent-post{width: 100%;list-style-type: none; border-bottom: 1px solid rgba(69,69,69,0.4); float: left; margin-bottom: 15px;
padding-bottom: 10px;}
.post-img img {
    width: 100px;
    height: 80px;
    float: left;
    margin-right: 15px;
    border: 0px solid #16A085;
    transition: 0.5s;
}
.recent-post p{
    margin-bottom: 0;
    clear: both;
}
.recent-post h5{
    margin-top: 0;
    font-weight: normal;
    line-height: 25px;
}
.recent-post a {text-decoration: none;color:#454545;transition: 0.5s;}
.post-img, .recent-post a:hover{color:#dd9142;}
.post-img img:hover{border: 0px solid #F39C12;}
.recent-post .blogBtn{
    padding: 0;
    font-weight: 600;
    color: #333333;
    text-transform: uppercase;
}

.certificateSection{width: 100%; text-align: center;}
.certificateSection ul{list-style: none;}
.certificateSection ul li{display: inline-block; width: 19%; vertical-align: top; margin-bottom: 20px; padding: 10px; transition: all 0.3s ease-in-out;}
.certificateSection ul li a{display: block; box-shadow: 0 0 8px rgba(0,0,0,0.2); height: 200px; padding: 15px; border-radius: 10px; transition: all 0.3s ease-in-out;}
.certificateSection ul li span{margin-bottom: 10px; display: block;}
.certificateSection ul li span img{width: 80px; height: 80px;}

.certificateSection ul li a:hover{background: #f44345; color: #fff; text-decoration: none;}


.topContentSection{padding-bottom: 0px;}

.outTeamBox{border: 1px solid rgba(0,0,0,0.1); padding: 15px; min-height: 460px;}
.outTeamBox h2{font-size: 35px; margin-top: 0;}



/*============================================================================*/
.servicesSection{color: #fff; }

.bg{padding:120px 0;}
.bg .article{padding: 50px; background: rgba(255, 255, 255, 0.8);}

.servicesSection h2{ color: #fff;  margin-top: 0;}

.tranzippDetails ul{
    list-style: none; padding: 0; margin: 0;
    -js-display:flex;
	-webkit-flex: 1; /* Safari 6.1+ */
    -ms-flex: 1; /* IE 10 */ 
    display: flex;
    flex-flow: row wrap;
	/*justify-content: center;*/
	align-items: flex-start;
}
.tranzippDetails ul li{
    width: 24.5%;
     order: 1;
	flex-basis:24.5%;
    padding: 10px;
    margin:30px 0 0;
}
.tranzippDetails ul li .tranNumber{float: left; width: 35px;text-align: center; margin-right: 15px;margin-bottom: 15px;}
.tranzippDetails ul li .tranNumber img{vertical-align: top;}
.tranzippDetails ul li .tranCont{font-size: 16px;padding-left: 50px;}
.tranzippDetails ul li h3{font-size: 16px; color: #f5f5f5; font-weight: 700; text-transform: uppercase; margin-top: 0;}
.tranzippDetails ul li .tranCont p{color: #fff; float: left; font-size: 14px;}
.tranzippDetails ul li .tranCont p span{ font-weight: bold; display: block; text-transform: uppercase; margin-bottom: 10px;}

.learnBtn{display: inline-block; border:2px solid #252525;  background-color: #fff; color: #252525; font-size: 16px; border-radius: 26px; padding: 10px 30px;margin: 15px 0; transition: all 0.5s; -webkit-transition: all 0.5s;}
.learnBtn:hover{text-decoration: none; color: #fff; background-color: #252525;}

.clients{background: url(../images/clientsbg.jpg) no-repeat center right #fff; background-size: auto 100%;}
.clients .owl-carousel .owl-nav{display: none;}
.clients .owl-carousel .owl-item{background-color: rgba(255, 255, 255, 0.8); padding:50px; border-radius: 10px; margin-top: 40px; margin-bottom: 40px;}
.clients .owl-carousel .owl-item article p{font-size: 15px; color: #383838;}
.clients .owl-carousel .owl-item article h4{font-weight: 600; color: #282828; font-size: 15px; margin-top: 20px;}




.footer{background: #262626;  padding:0px 0 0; color: #949494;}
.footer h4{color: #fff;}
.footer .item{margin-bottom: 30px; }
.footerTopSec{background: #8ec63f; color: #fff; padding: 40px 0 50px; margin-bottom: 50px;text-align: center;}
.footerTopSec h2{color: #fff; font-size: 40px;}

.footer .call{font-size:50px; font-weight: 500; color: #fff;}
.footer .call img{max-width: 70px;}
.footer .links{list-style: none;}
.footer .links li{padding:5px 0; color: #949494;}
.footer a:hover{color: #fff;}
.footer a{color: #949494;}
.footer address{margin:10px 0 30px;}


/*==========================Inner page common starts here===========================*/




.inner-banner-section{ margin-top: 0; position: relative;}
.inner-banner-section .banner-bg img{ object-fit: cover; height: 350px;}
.bannerCaption {position: absolute; left: 0; top: 22%;width: 100%;  z-index: 10;  color: #fff;}
.inner-banner-section .bannerCaption{top: 52%;text-align: center; color: #fff;}
.inner-banner-section .bannerCaption h3{font-family: 'Montserrat', sans-serif; color: #fff; font-weight: bold; font-size: 40px;}

.inner-banner-section .breadcrumbs{ padding: 0;}
.inner-banner-section .breadcrumbs li{ display: inline-block;}
.inner-banner-section .breadcrumbs li a{background-image: url(../images/arrow.png); background-repeat: no-repeat;padding-right: 15px;background-position: center right;color: #fff;}


.productImg{text-align:center;}
.productImg img{max-height: 500px;}












/*==========================About us page starts here===========================*/

.about-us-3box-col{ position: relative;overflow: hidden;}
.about-us-3box-col-text{  left: 0; top: 0; width: 100%; height:auto; background: rgba(0,0,0,0); transition: All 1s;}
.about-us-3box-col-text h4{ font-weight: 600; font-size: 16px; text-transform: uppercase; margin: 0 0 15px; }
.about-us-3box-col-text p{font-weight: normal; font-size: 15px; }






/*about us clients css*/


.clients-bottom-brands ul{ padding-left: 0; float: left; width: 100%; margin: 25px 0;}
.clients-bottom-brands ul li{ width: 15.8%; margin-right: 1%; float: left; display: inline-block; opacity: .6;}
.clients-bottom-brands ul li img{ width: 100%;}
.clients-bottom-brands ul li:last-child{ margin-right: 0;}

.clients-bottom-brands ul li:hover,.clients-bottom-brands ul li.active{ opacity: 1;}

.clients-bottom-brands .learnBtn{margin: 40px auto 0; display: block; clear: both; width: 150px;float: none;}


.aboutWhychoose .tranzippDetails ul li{width: 50%;flex-basis:50%;}
.aboutWhychoose .tranzippDetails ul li .tranCont p{float: none; width: auto;}






/*==========================Contact us page starts here===========================*/

.innerBanner{width: 100%; position: relative;}
.innerBanner .bannerPic{position: relative; width: 100%;}
.innerBanner .bannerPic img{width: 100%;}
.innerBanner .caption{position: absolute; bottom:50px; left: 0; width: 100%; text-align: center;}
.innerBanner .caption h1{color: #fff; font-size: 40px;margin-bottom: 0;}
.innerBanner .caption .breadcrumb{background-color: transparent;}
.innerBanner .caption .breadcrumb li{color: #fff;}
.innerBanner .caption .breadcrumb li a{color: #fff;}


.formSection{text-align: center;}
.formSection .inputBox {
    display: inline-block;
    width: 30%;
    padding-right: 10px;
}
.form-control {
    height: 40px;
    border-radius: 25px;
    box-shadow: 0 2px 7px rgba(41,41,41,0.1);
    border: 1px solid #bebebe;
    padding: 6px 15px;
}
select.form-control {
    background-image: url(../images/arrow-icon.png) !important;
    background-repeat: no-repeat;
    background-position: 97.5% center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.formSection .searchBtn{display: inline-block;}
.searchBtn .btn{background: #f44345; color: #fff; display: inline-block; border-radius: 20px; height: 40px; padding: 8px 25px;}

.contactSearch{max-width: 40%; background: #fff; padding: 30px; margin: 10px auto;}
.contactSearch h3{margin-top: 0; font-size: 18px;}


.contactFormSec{width: 100%; background-image: url(../images/contact-bg.png); background-repeat: no-repeat; background-position: left top; background-size: 46% 100%;}

.contactService h3{margin: 0; color: #fff;}
.contactService p{margin-bottom: 40px;}
.contactService label{font-size: 15px; font-weight: 400;}

.customBtn{
    background-color: #fff; margin: 15px 0;
    color: #1b1b1b; 
    display: inline-block;
    border-radius:60px;
    padding:12px 30px;
    text-transform:capitalize;
}
.customBtn:hover{color: #fff; background-color: #e84f13; text-decoration: none;}


.heading{margin: 35px 0;}
.heading span{font-size: 20px; font-weight: 400; display: block;}


.contactInformation p{position: relative; padding-left: 30px;}
.contactInformation p span{position: absolute; left: 0; font-size: 18px;}

.contactSection .contactInformation p{max-width: 70%;}




.contact-page-address-sec .with-nav-tabs{ background-color: transparent; border-color: transparent;margin: 0;}
.contact-page-address-sec .panel-heading{ padding: 0;}
.contact-page-address-sec .panel-heading .nav-tabs{ border: none;}
.contact-page-address-sec .panel-heading .nav-tabs li{ width: 50%;}
.contact-page-address-sec .panel-heading .nav-tabs li a{ border: none; float: left; width: 100%; padding:30px 30px 30px 14%;}
.contact-page-address-sec .panel-heading .nav-tabs li a h5{color: #3a3a3a;font-size: 16px;font-weight: normal; margin: 5px 0 0;line-height: 20px;}
.contact-page-address-sec .panel-heading .nav-tabs li a h5 strong{ color: #ff4e00;}

.contact-page-address-sec .panel-heading .nav-tabs li.active a{ background-color: #ff2227;}
.contact-page-address-sec .panel-heading .nav-tabs li.active a h5,.contact-page-address-sec .panel-heading .nav-tabs li.active a h5 strong{ color: #fff;}



.contact-page-address-sec .panel-body{ padding: 0;}

.screen-reader-response, .wpcf7-not-valid-tip{color: #f00;}





















/*==========================Services - tranzip page starts here===========================*/



.transzipp-top-images .aboutCont{ margin-bottom: 10px !important;}

.transzipp-top-images .aboutCol1{ padding: 0 0 0 0 !important;}
.transzipp-top-images .aboutCol2{ padding: 0 0 15px 15px !important;}


.transzipp-content p,.transzipp-content ul li{font-size: 16px; color: #272626;}
.transzipp-content ul{ margin: 25px 0;}
.transzipp-content ul li{ line-height: 30px;}





.modal h4{margin: 30px 0 25px;}
.modal .modal-header, .modal .modal-footer{border: 0;}


/*======================================================================*/

.homeNewSection{text-align: center; background-color: #878787;}
.homeNewSection .imageBlog{margin-bottom: 30px; position: relative;}
.homeNewSection .imageBlog a{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.homeNewSection .imageBlog .thumbImage{height: 224px;}
.homeNewSection .imageBlog .thumbImage img{height: 100%; object-fit: cover; width: 100%;}
.homeNewSection .imageBlog h4{font-size: 20px;}

.inheader{margin-bottom: 20px;}
.inheader h2{margin-top: 0; margin-bottom: 15px;}
.inheader p{font-size: 18px;}

.homeNewSection .imageBlog .thumbImage2{height: 400px;}
.homeNewSection .imageBlog .thumbImage2 img{height: 100%; object-fit: cover; width: 100%;}


.servicesBlog{margin-bottom: 20px; padding: 0 50px;}
.servicesBlog h3{font-size: 24px;}
.servicesBlog p{margin-bottom: 20px;}


.careerPage .dealerForm{width: 70%; margin-bottom: 50px;}
.dealerForm .form-group{width: 100% !important;}
.dealerForm .form-group label{color: #fff;}

.dealerPage .caption{top: 20%; bottom: auto;}






/* =Media Queries

-------------------------------------------------------------- */

@media (max-width: 991px) { .navbar-header { float: none; } .navbar-toggle { display: block; background: rgba(0,0,0,0.4) !important; } .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); } .navbar-collapse.collapse { display: none!important; } .navbar-nav { float: none!important; margin: 7.5px -15px; } .navbar-nav>li { float: none; } .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; } .navbar-text { float: none; margin: 15px 0; } .navbar-collapse.collapse.in { display: block!important; } .collapsing { overflow: hidden!important; }



    
    
}






@media (min-width: 768px) {

.headerSection .navbar-nav li.dropdown  .dropdown-menu a:before, .headerSection .navbar-nav li.dropdown  .dropdown-menu a:after{ display: none;}
/* Effect 4: bottom border enlarge */

.headerSection .navbar-nav li > a::after {
	position: absolute;top: 100%;left: 0;width: 100%;height: 1px;background: #fff;content: '';opacity: 0;
	-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
	transition: height 0.3s, opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	transform: translateY(-20px);}
.headerSection .navbar-nav li > a::before {
	position: absolute;top: 0;left: 0;width: 100%;height: 1px;background: #fff;content: '';opacity: 0;
	-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
	transition: height 0.3s, opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	transform: translateY(-20px);}
.headerSection .navbar-nav li a:hover::after,  .headerSection .navbar-nav li a:focus::after, .headerSection .navbar-nav li.active a::after, .headerSection .navbar-nav li.current-menu-item a::after {
	height: 2px;opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);}

.headerSection .navbar-nav li a:hover::before,  .headerSection .navbar-nav li a:focus::before, .headerSection .navbar-nav li.active a::before, .headerSection .navbar-nav li.current-menu-item a::before {
	height: 2px;opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);}
    
    
    
    


}





@media (max-width: 1500.98px) {
    .zippSection ul li {  height: 330px;}
}

@media (max-width: 1199.98px) {
    p {  font-size: 15px;line-height: 22px;}
    .zippSection ul li article { margin: 35px;padding: 20px 15px 0 65px;}
    .aboutCont .aboutRow1 .aboutCol2 { padding:30px;}
    .benftRow1 p { font-size: 40px;}
    .clients .owl-nav{text-align: center;}
    
    
    .home-slider .carousel-caption {top: 30%;}
    .home-slider .carousel-caption h2{font-size: 35px; margin: 5px 0;}
    
    
    
    
    
}

@media (max-width: 991.98px) {
    .headerSection .navbarLogo{padding: 0;}
    .headerSection .navbarLogo {max-width:220px;}
    .headerSection .navbar-nav li {font-size: 13px;margin: 0 10px;}
    .headerSection .navbar-nav li a{ padding: 10px 0;}
    .headerRight .headerTop, .headerContact{display: none;}
    .headerSection.smaller .navbar-nav, .headerSection .navbar-nav{ margin-top: 5px;}
    .headerSection.smaller { height: 85px;}
    .home-slider .item .fill img { height: 500px; object-fit: cover;}
    
    .zippSection ul li article { margin: 10px;}
    .zippSection ul li article h4 { font-size: 20px;margin: 0 0 10px;}
    .zippSection ul li article a { margin: 10px 0;}
    .zippSection ul li { height: 280px;}
    
    .inner-banner-section .bannerCaption {top: 35%;}
    .inner-banner-section .banner-bg img { height: 260px;}
    
    
    .aboutCont .aboutRow1 .aboutCol2 h3 { font-size: 15px;}
    
    .benftRow1 p { font-size: 30px;}
    
    .contact-page-address-sec-top{ padding: 15px 0;}
    .contact-page-address-sec-top-address {padding-left: 15px;}
    .contact-page-address-sec .panel-heading .nav-tabs li a{ padding: 15px;}
    .navbar-toggle span{background: #fff; color: #fff;}
    
    
    .headerSection.smaller{height: 70px; padding: 10px 0;}
    .banner-section{margin-top: 88px;}
    
    .careerPage .dealerForm{width: 100%;}
    
    
    
}

@media (max-width: 767.98px) {
    .home-slider .item .fill{text-align: center;}
    .headerSection {
        height: 76px;
    }
    .banner-section {
        margin-top: 75px;
    }
    .headerRight { float: none;}
    .headerSection .navbarLogo {margin-left: 15px;}
    .headerSection .navbar-nav li{ clear: both;}
     .innerHeaderSection.headerSection .navbar-nav li a{ color: #000;}
    .navbar-toggle { margin-top:5px; }
    .topHeader .headerContact li{border-right: 0;}
    .topHeader .headerRight .headerSearch {float: none; margin-left: 0;}
    
    .headerSection .navbar-nav li.dropdown .dropdown-menu{ display: none !important;}
    .headerSection .navbar-nav li.dropdown.open .dropdown-menu{ display: block !important; width: 100%;position: inherit;
    clear: both;}
    .headerSection .navbar-nav li.dropdown a{ text-align: left !important; padding: 10px;    }
    
    .headerSection .navbar-nav {margin-top:5px !important;  background-color:  #141414; padding: 15px; }
    .navbar-collapse {  margin-left: -15px; margin-right: -15px; box-shadow: none; border: 0;}
    
    .headerSection .navbar-nav li ul.sub-menu{position:static; width: 100%;}
    .headerSection .navbar-nav li:focus > .sub-menu{display: block;}
    
    .inner-banner-section .banner-bg img { height: 230px;}
    .inner-banner-section .bannerCaption h3 { font-size: 30px;}
    .innerBanner .caption h1{font-size: 28px;}
    
    
    
    
    
    
    .zippSection ul li img.ico { width: 40px;}
    .zippSection ul li article { padding: 20px 15px 0 50px;}
    
    
    .threeSec li article { min-height: inherit; background-size: cover !important; margin-bottom:20px; background-position: center center;  border-radius: 20px;}
    .secthreeSec{background-size: auto 100%;}
    
    .aboutCont .aboutRow1 .aboutCol2 h2, .heading2, .servicesSection h2, .servicesSection h3, .servicesSection h3 span { font-size: 35px;}
    .aboutCont2 .nav-tabs li {  width: auto; margin-bottom: 20px;font-size: 16px;margin-right: 40px;}
    
    
     .aboutCont .aboutCol1, .aboutCont .aboutCol2 { float: none; width: auto;}
    .aboutSection.paddingTop0{padding-bottom: 0;}
    .clients{padding-top: 0;}
    
    .aboutCont2 .nav-tabs li a{padding: 0 20px 0 0;}
    .aboutCont2 .nav-tabs{border: 0;margin-bottom: 30px;}
    .aboutCont2 .tab-content img{width: 100%; margin-bottom: 30px;}

    section{padding: 40px 0;}
    
    .about-us-3box-col{ margin-bottom: 15px;}
    
    
    .contact-page-address-sec-top-address{ padding: 15px;}
    .contact-page-address-sec-top-address:first-child{ border-right: none; border-bottom: 1px solid #dedede;}
    .contact-page-address-sec .panel-heading .nav-tabs li {width: 100%;}
    
    .owl-nav .owl-prev{left: -20px;}
    .owl-nav .owl-next{right: -20px;}
    
    
    .aboutSection{background-size: 100% 300px;
        background-position: center bottom;
    padding: 40px 0 320px;}
    .servicesSection, .blogSection{padding: 40px 0;}
    
    .footer .call img{width: 40px; height: 40px;}
    .footer .call{font-size: 20px;}
    .innerBanner .bannerPic{height: 160px;}
    .innerBanner .bannerPic img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .innerBanner .caption .breadcrumb{margin-bottom: 0;}

    
    .contentHeader h2{font-size: 35px;}
    .formSection .inputBox{width: 100%;}
    .formSection .searchBtn{width: 100%;}
    .searchBtn .btn{width: 100%;}
    .contactSearch{max-width: 100%; padding: 15px;}
    
    .contactFormSec {background-size: 150% 100%;}
    .contactFormSec h3, .contactFormSec p, .contactFormSec label{color: #fff;}
    
    
    .productImg img{max-height: inherit;}
    h2{font-size:35px;}
    
    
    .careerPage{height: 450px;}
    .innerBanner.careerPage .bannerPic{height: 100%;}
    .innerBanner.careerPage .caption{bottom: auto; top: 50px;}
    .careerPage .findForm .form-group{width: 100%;}
    
    .servicesBlog{margin-bottom: 20px; padding: 0px;}
    
    .careerPage .dealerForm{width: 100%;}
    
    .dealerPage{height: 600px;}
    .innerBanner .caption h1{font-size: 26px;}
    
}




@media all and (max-width: 659px) {
    .headerSection.smaller .navbarLogo {height: 50px;}
    .headerSection .logo { display: block;float: none;margin: 0 auto; height: 60px; width: 100px; line-height: 30px; text-align: center; }
    .headerSection.smaller .logo { height: 40px; line-height: 40px; font-size: 30px; transition: all 0.5s ease-in-out;}
    .headerSection.smaller nav { height: 35px; }
    .headerSection.smaller nav a {  line-height: 35px;  }
    
    
    
    .bannerCaption h2 { font-size: 55px;}
    .zippSection ul li {flex-basis: 100%; width: 100%;}
    .zippSection ul li {height: 225px;}
    

    
 
    .tranzippDetails ul li, .aboutWhychoose .tranzippDetails ul li {width:100%; flex-basis:100%;}
    .benftRow1 p { font-size: 20px;}
    .benftRow1 {padding: 50px 30px 260px;}
    
    
    .transzipp-top-images .aboutCol1,  .transzipp-top-images .aboutCol2 {padding: 0 0 15px 0 !important;}
    
    
    
    .aboutus-page-abtus-sec .aboutRow1 .aboutCol2{ padding:25px 0 15px !important;}
    
    
}

@media all and (max-width: 600px) {
    .container { width: 100%; }
    #info-bar a { display: block; }
    #info-bar span.all-tutorials,  #info-bar span.back-to-tutorial {  width: 100%; }
    #info-bar span.all-tutorials,  #info-bar span.back-to-tutorial {float: none; text-align: center; }
    #info-bar span.all-tutorials {  border-bottom: solid 1px #0793e2;  }
}



@media (max-width: 575.98px) { 
    .home-slider .carousel-caption h2 { font-size: 25px;}
    .home-slider .carousel-caption p{display: none;}
    .home-slider .item .fill img { height: 350px;}
    .home-slider .carousel-caption .learnBtn { font-size: 12px; padding: 10px 20px; margin: 5px 0;}
    .zippSection ul li article h4 { font-size: 16px;}
    .zippSection ul li article p { font-size: 13px; line-height:17px;}
    
    
    
    
    .clients-logo-merge-wrap{ padding: 0;}
    
    .topHeader{display: none;}
}