@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: #5c5c5c;
    font-size: 15px;
}

a{color:#666;}
a:focus{ outline: none;}
h1, .h1 { font-size: 32px;}
h2, .h2 {font-size: 45px;font-weight: bold;color: #1f1f1f;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:60px 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;}



.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 #86bc40; border-color: #86bc40;}
.navbar-toggle{background-color: transparent !important;}

/* =Header

-------------------------------------------------------------- */
.headerSection .navbarLogo { display: inline-block;}
.headerSection {width: 100%;height: 140px; background-color: transparent; padding-top: 15px; padding-bottom: 15px;position: fixed;top: 0;left: 0;z-index: 999;
	-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; text-align: right;}
.headerContact li{font-size: 15px; color: #fff;line-height:21px; display:block; }
.headerContact li img{ margin-right: 5px; max-width: 12px;}
.headerContact li:last-child{border: none; font-size: 20px; font-weight: 600;    margin-top: 8px;}
.headerContact li:last-child img{ max-width: 22px;}
.headerContact li a{    color: #a2ec43;
    font-size: 26px;
    float: right;}
.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: #86bc40;}



.headerRight{float: right;}

.headerSection.smaller .navbarLogo { top:10px;	font-size: 30px;
	-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 .navbarLogo img{height: 100%; }
.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: 25px;}

.home-slider .carousel-caption{top:35%;}
.home-slider .carousel-caption h2{color: #fff; margin-bottom: 15px;}
.home-slider .carousel-caption h2 span{ font-weight: 400; display: block;}
.home-slider .carousel-caption{font-size: 20px;text-align: left;}

.home-slider .carousel-caption .learnBtn{background-color: transparent; color: #fff; border-color: #fff;}
.home-slider .carousel-caption .learnBtn:hover{ background: #76a934; border-color: #76a934; text-shadow: none; }






.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 0px;}
.headerSection .navbar-nav li a {color: #ffffff; padding: 8px 15px 8px;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 { border-radius: 30px; background-color: #76a934;color: #fff;transition: all 0.3s ease-in-out;}




.headerSection.smaller{background-color: #141414; height: 115px;}
.headerSection.smaller .headerContact,  .headerSection.smaller .social{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: #86bc40;width: 220px;padding: 0; left: 0;border-radius: 0;}
.headerSection .navbar-nav li ul.sub-menu {background: #86bc40;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: 8px 15px; 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; white-space: normal;}


/*.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);
}*/



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


/*=======================================*/
.aboutSection{ width: 100%; position: relative; }
.secthreeSec{background: url(../images/why-choose-bg.png) no-repeat bottom left; background-size: contain; }
.secthreeSec .heading2{ text-align: left;}





.home-top-banner-wrap{ position: relative;}
.zippSection{width: 100%; position: absolute; bottom: 0; left: 0; background: rgba(0,0,0,.3); padding: 0px 0;}
.zippSection ul{ padding-left: 0}

.zippSection ul li{ width: 25%; list-style-type: none;float: left;padding: 15px 0 15px 10px; border-right: 1px solid #4c4c4c;}
.zippSection ul li:last-child{ border-right:none; }

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

.zippSection ul li:hover{}

.zippSection ul li article{}
.zippSection ul li article h4{ font-size: 20px; font-weight: 600; color: #aaaaaa; margin: 0;}
.zippSection ul li article p{font-size: 18px;font-weight: normal;color: #ffffff; margin: 5px 0 0;}

.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{ margin-bottom: 15px;}
.threeSec li article{padding:50px 30px; color: #fff; border-radius: 0px; overflow: hidden;min-height: 310px; background-size: cover !important; position: relative;}
.threeSec li h4{ width: 100%; background: #000; position: absolute; bottom: 0; padding: 50px 15px 15px 25px; left: 0; margin: 0; text-align: left; font-weight: normal;
/* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,.5)), to(rgba(0,0,0,.0)));

  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.5));

  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.5));

  /* IE 10 */
  background: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.5));

  /* Opera 11.10+ */
  background: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.5));
}
.threeSec li article p{font-size: 15px; line-height: 20px;}







.why-choose-us{ max-width: 1700px; margin: 0 auto; padding-top: 50px;}
.why-choose-us-inner{ max-width: 580px; margin-top: 80px }















.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: 600; color: #1f1f1f; margin-bottom:30px;}
.heading2 span{display: block;     font-size: 16px;  line-height: 25px; font-weight: 400; margin: 20px 0;}



.aboutCont2{float: left; width: 100%;}
.aboutCont2 .nav-tabs{border: none; border-right: 2px solid #86bc40;}
.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: #86bc40;}
.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: #86bc40;}
.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;}




/*============================================================================*/
.servicesSection{ width: 100%; background:url(../images/whyusBg.jpg) no-repeat top left;  padding:120px 0; color: #fff; background-size: cover; background-position:bottom center;}

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

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





.servicesSection-content-wrap h3{     font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 34px;
    color: #ffffff;}


.servicesSection-content-col{ margin-bottom: 25px;}
.servicesSection-content-col h6{font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-size: 16px; font-weight:600; color: #ffffff;}
.servicesSection-content-col p{font-family: 'Montserrat', sans-serif;font-size: 16px; font-weight300; color: #ffffff;}




.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: 33.33%;
     order: 1;
	flex-basis:33.33%;
    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 .tranCont p{color: #fff; float: left; width: 82%;}
.tranzippDetails ul li .tranCont p span{ font-weight: bold; display: block; text-transform: uppercase; margin-bottom: 10px;}

.learnBtn{display: inline-block; border:1px solid #252525;  background-color: transparent; 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;}









.home-bottom-section{ max-width: 1700px; margin: 0 auto;}
.home-bottom-section-col{ min-height: 200px; margin-bottom: 25px;}
.home-bottom-section-col img{ max-width: 40px;}
.home-bottom-section-col h4{ font-size: 22px;margin: 15px 0 10px;}
.home-bottom-section-col p{ font-size: 16px;}















.social.secSignup li{margin: 4px 5px;}
.social.secSignup li a{ border-radius: 50%; width: 40px; height: 40px; border: 1px solid #353535; text-align: center; display: inline-block; color: #353535; font-size: 20px; line-height: 40px;}
.footer{background: #ffffff;  padding:60px 0 0; color: #242424; font-family: 'Montserrat', sans-serif;}
.footer .call{font-size:30px; font-weight: 700; color: #242424;}
.addressCont .addressIcon { margin-bottom: 20px;}
.addressCont{margin-top: 50px; margin-bottom: 50px;}
.footer .links{list-style: none; margin-top: 30px;}
.footer .links li{display: block;  color: #3c3c3c; font-size: 14px;padding: 4px 0; }
.footer a{color: #3c3c3c;}
.footer a:hover{ color: #76a934; text-decoration: none}
.footer address{margin:10px 0 30px;}
.footer .links li:last-child{border: 0;}
.footer h4{ color: #303030; font-size: 20px; margin-bottom: 0px; }

.copyright{ padding: 20px 0;}
.copyright p{ font-size: 14px; margin-bottom: 0px; font-weight: 500; }
.main-footer ul li{ list-style: none}












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

.innerHeaderSection{background: rgba(0,0,0,.6); box-shadow: none;}
.innerHeaderSection .topHeader{ border-color: rgba(255,255,255,.3)}
.innerHeaderSection .topHeader .headerContact li a{ color: #a5a5a5;}
.innerHeaderSection .topHeader .social a{ color: #a5a5a5;}
.header .social{float: right;}

.innerHeaderSection.headerSection .navbar-nav li a{ background-color: transparent; color: #ffffff;}
.innerHeaderSection.headerSection .navbar-nav li.loginBtn a{background-color: #ec1f24; color: #fff; border: none !important;}
.innerHeaderSection.headerSection .navbar-nav li.loginBtn a:hover{ background-color: transparent; }




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

.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: #a2ec43;}

.dark{color: #fff;}
.dark h2{color: #fff; }












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


.aboutSection-about-page{ max-width: 1700px; margin: 0 auto;padding-bottom: 0;}


.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; }


.aboutSection.home-bottom-section{ padding-bottom: 0;}


.about-page-bootome-section{ max-width: 1700px; margin: 0 auto; padding-bottom: 0;}



/*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===========================*/

.contact-page-address-sec{ padding: 0;}
.contactpage-form{ background-image: url(../images/contactus-page-form-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center 10%;}


.contact-page-address-sec{ background-color: #eeeeee;}

.contact-page-address-sec-top{ display: block; background-color: #fff;float: left; width: 100%; margin-top: -30px; position: relative; z-index: 999; padding: 40px 0px; margin-bottom: 30px;}


.circle-icon{float: left; width:60px; height:60px; border-radius: 50%; background-color: #86bc40;padding:18px; margin-right: 15px;}


.contact-page-address-sec-top-address{ padding-left:4%;}
.contact-page-address-sec-top-address h5{color: #3a3a3a;font-size: 18px;font-weight: normal; margin: 15px 0 0;line-height: 25px;}

.contact-page-address-sec-top-address{ border-right: 1px solid #dedede;}

.contact-page-address-sec-top-address:last-child{ border-right:0;}


.formSec{ }

.formSec form{margin: 0 auto;}

.formSec form .form-control{ border: 0; background-color: #e4e4e4; color: #1a1a1a; height: 45px; border:0;}
.formSec form textarea.form-control{height: 100px;}
.formSec form .learnBtn{ text-transform: uppercase; font-weight: 600; letter-spacing: 1px; padding: 10px 50px; background-color: transparent !important;}
.formSec form .learnBtn:hover {background-color: #252525  !important;}











.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;}






















/*==========================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;}



.faq-accordion{ margin-top: 70px;}

   .faq-accordion .panel-group .panel {border-radius: 0; box-shadow: none; border-color: #EEEEEE;}
   .faq-accordion .panel-default > .panel-heading {padding: 0; border-radius: 0; color: #212121; background-color: #FAFAFA;
        border-color: #EEEEEE;}
   .faq-accordion .panel-title {font-size: 14px;}
   .faq-accordion .panel-title > a {display: block; padding: 15px; text-decoration: none;}
   .faq-accordion .more-less {float: right; color: #212121;}
   .faq-accordion .panel-default > .panel-heading + .panel-collapse > .panel-body {border-top-color: #EEEEEE; padding: 25px 15px; min-height: 130px; font-size: 16px;}





.faq-accordion  .panel-title > a{ background-color: #ec1f24; transition: All .5s; color: #fff;    font-family: 'Montserrat', sans-serif; font-size: 18px;}
.faq-accordion  .panel-title > a .glyphicon { color: #fff;}
.faq-accordion  .panel-title > a.collapsed{ background-color: #fff; transition: All .5s; color: #000;}
.faq-accordion  .panel-title > a.collapsed .glyphicon{ color: #000;}



























/* =Media Queries

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




@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 {}
    
        .inner-banner-section .banner-bg img {
    width: auto;
    height: 350px;
}
    .inner-banner-section .banner-bg{ height: auto;}
}

@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 {max-width: 190px;}
    .headerSection .navbar-nav li {font-size: 13px;}
/*    .headerSection .navbar-nav li a{ padding: 10px 0;}*/
    .headerRight .social, .headerContact{display: none;}
    .headerSection.smaller .navbar-nav, .headerSection .navbar-nav{ margin-top: 32px;}
    .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 5px;}
    .zippSection ul li article a { margin: 10px 0;}
    .zippSection ul li { }
    
    .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;}
    
    .zippSection ul li article p{ font-size: 14px; }
    .zippSection{ padding: 10px 0;}
    
    
    .home-bottom-section  .aboutRow1 .aboutCol2 { padding: 50px 15px 0 !important; }
      .home-bottom-section .aboutCont .aboutCol1, .home-bottom-section .aboutCont .aboutCol2{ width: 100%;padding: 0 15px;}
    
    .why-choose-us-inner{ margin-top: 0;}
    
    
    .aboutSection-about-page{ padding-bottom: 0;}
    .aboutCont .aboutCol1, .aboutCont .aboutCol2{ width: 100%;}
    .aboutCont .aboutRow1 .aboutCol2 { padding: 50px 0 0;}
}

@media (max-width: 767.98px) {
    .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;}
    
    
    
    
    
    
    
    .zippSection ul li img.ico { width: 40px;}
/*    .zippSection ul li article { padding: 20px 15px 0 50px;}*/
    
    
    .threeSec li article { min-height: 280px; background-size: cover !important; margin-bottom:20px; background-position: center center;  border-radius: 0px;}
    .secthreeSec{background-size: auto 100%;}
    
    .footer{ background-size: cover;}
    .addressCont { margin-top: 20px; margin-bottom: 20px;}
    
    .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;}

    
    
    .about-us-3box-col{ margin-bottom: 15px;}
    .aboutCont .aboutRow1{ padding: 0 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%;}
    
    .home-bottom-section-col{ min-height: auto; text-align: center;}
    .home-bottom-section-col h4 , .home-bottom-section-col p{  max-width: 400px; margin-left: auto; margin-right: auto; }
    .home-bottom-section{  padding-bottom: 0px; }
    .aboutCont .aboutRow1 .aboutCol2{     padding: 50px 0px 0px 0px;}
    
    .footer{ text-align: center; padding-top: 40px}
    
    
    
    
    
  
    
    
    
    
    
    
    
}




@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 {height: 75px;  }
    .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 {}
    

    
    .zippSection {position: relative; background: #333; padding: 0;} 
    .zippSection ul li { width: 50%;text-align: center; border-bottom: 1px solid #4c4c4c; border-right:none; }
    .zippSection ul li article h4,.zippSection ul li article p{ display: inline-block;}
    
    .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) { 
    .headerSection { height: 105px; }
    .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;}
    
    
    .zippSection ul li{ width: 100%;}
}