@charset "utf-8";
/* CSS Document */


div,html,head,body,p,span,h1,h2,h3,h4,h5,h6,field,ul,li,a,img,fieldset,legend,marquee,table,tr,td,th,col,input,form{margin: 0px;padding: 0px;box-sizing: border-box;}
/*--width--*/

body{transition: 0.4s linear;}
.width-100, .services ul, .services ul li, .contact-form-main img, .dropdown-menu li, .dropdown-menu li a,.contact-form,#contact textarea,#contact button,#customers-testimonials.owl-carousel .owl-dots,#owl-demo .item img,.contact-form input,.selects li,.testimonials i,#customers-testimonials.owl-carousel .owl-dots,.founder   {width: 100%}
/*--width--*/
/*--float--*/
.float-left,.top-header li, .nav-main ul li,.logo-main li,.india,.split .fa  {float: left;}
.float-right, .top-header ul,  ul.navbar-nav,#toggle  {float: right;}
/*--float--*/

li{list-style: none;}
a, a:hover{text-decoration:none;transition: 0.4s linear;}
img{max-width: 100%;}
ul{margin: 0px;}

/*--position--*/
.welcome h2,.contact-box, .bounce-2, .services-box.fh-service-box,.logo-main li,#toggle  {position: relative;}
.services-main .fh-service-box span,.bounce-2::after,.selects  {position: absolute;}

/*--tap-top--*/
#return-to-top {position: fixed;bottom: 20px;right: 20px;background: rgb(0, 0, 0);background: rgba(0, 0, 0, 0.7);width: 50px;height: 50px;display: block;text-decoration: none;-webkit-border-radius: 35px;-moz-border-radius: 35px;border-radius: 35px;display: none;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;z-index: 9999;}
#return-to-top i {color: #fff;margin: 0;position: relative;left: 16px;top: 13px;font-size: 19px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#return-to-top:hover {background: rgba(0, 0, 0, 0.9);}
#return-to-top:hover i {color: #fff;top: 5px;}







@keyframes scrolltop{
	0%{top:-100px;opacity: .4;}
	100%{top:0;opacity: 1;}
}

.top-header {background: #00111d;color: #fff;}
.top-header li{border-right: 1px solid #151f45;padding: 0 2px;}
.top-header li a{color: #FFFFFF;font-size: 17px;padding: 11px 10px;display: block;}
.top-header i {font-size: 26px;color: #e67817;padding: 0 12px;}
.logo-main.fixed, .nav-header.fixed {box-shadow: 0 0 8px #777;position: fixed;top: 0;left: 0;z-index: 99;animation: scrolltop .7s linear;background:#fff;border-top: 2px solid #0c1239;}


/*-----nav----*/
.logo-main {padding: 20px 0;}
.logo-main ul {margin-top: 3px;}
.logo-main li {text-transform: uppercase;font-family: 'Open Sans', sans-serif;}

.logo-main li a {color: #1f2d52;font-weight: 700;padding: 9px 19px;display: block;}
.logo-main li a:hover{color: #e67817;}
.logo-main li.get-quote a {background: #1f2d52;color: #fff;border-radius: 3px;border: 1px solid transparent;}
.logo-main li.get-quote a:hover {background: #fff;color: #1f2d52;border-color: #1f2d52;}
.selects {top: 26px;left: 0;background: #fff;padding: 0px;width: 247px;opacity: 0;height: 0;overflow: hidden;z-index: 999;transition: .4s linear;transform: translateY(50px);}
.selects li {transition: 0.6s linear;padding: 6px 0;border-bottom: 1px solid #000;}
.logo-main li:hover .selects {opacity: 1;height: auto;transform: translateY(0px);}

#toggle {width: 28px;height: 23px;margin: 10px auto;background: #000;top: 10px;display: none}

#toggle div {width: 100%;height: 5px;background: white;margin: 4px auto;transition: all 0.3s linear;backface-visibility: hidden;}

#toggle.on .one {transform: rotate(45deg) translate(5px, 5px);}

#toggle.on .two {opacity: 0;}
#toggle.on .three {transform: rotate(-45deg) translate(7px, -8px);}

#menu {color: white;border: 1px solid white;width: 150px;height: 100px;padding: 10px;border-radius: 3px;line-height: 100px;text-align: center;margin: auto;display: none;}


/*-----nav----*/

/*--start banner--*/
/*--start banner--*/
.slider-main .item {background-size: cover;padding: 100px 0 120px;min-height: 75vh;background-repeat: no-repeat;background-position: top left;background-attachment: fixed;width: 100%;float: left;}

.slider-main .item1{background: url(../img/banner-2.jpg)}
.slider-main .item2{background: url(../img/banner-3.jpg)}
.slider-main .item3{background: url(../img/banner.jpg)}
.slider-main .item h2 {color: #f6a604;font-size: 54px;text-transform: uppercase;font-weight: 700;margin-bottom: 20px;max-width: 900px;}
.slider-main .item p {color: #FFFFFF;font-size: 24px;font-weight: 300;}
.slide-links {width: 100%;float: left;margin-top: 30px;}
.slide-links a {color: #fff;font-size: 18px;border: 1px solid #fff;padding: 12px 35px;margin-right: 30px;}
.slide-links a:hover {background: #1f2d52;}
.carousel-control span {top: 50%;position: absolute;}

/*--form--*/
.contact-form-main h2 {font-size: 33px;text-transform: uppercase;margin: 10px 0;}
.contact-form-main p{font-size: 18px;line-height: 34px;text-align: left;}
.contact-form-main {padding: 50px 0;}

#contact input[type="text"],#contact input[type="email"],#contact input[type="tel"],#contact input[type="url"],#contact textarea,#contact button[type="submit"] {font: 400 12px/16px "Roboto", Helvetica, Arial, sans-serif;}

#contact {background: #F9F9F9;padding: 18px;box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);}

#contact h3 {display: block;font-size: 30px;font-weight: 300;margin-bottom: 10px;}

#contact h4 {margin: 5px 0 15px;display: block;font-size: 13px;font-weight: 400;}

fieldset {border: medium none !important;margin: 0 0 10px;min-width: 100%;padding: 0;width: 100%;}
#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact textarea {;border: 1px solid #ccc;background: #FFF;margin: 0 0 5px;padding: 10px;}
#contact input[type="text"]:hover,#contact input[type="email"]:hover,#contact input[type="tel"]:hover,#contact input[type="url"]:hover,#contact textarea:hover{-webkit-transition: border-color 0.3s ease-in-out;-moz-transition: border-color 0.3s ease-in-out;transition: border-color 0.3s ease-in-out;border: 1px solid #aaa;}

#contact textarea {height: 100px;max-width: 100%;resize: none;}

#contact button[type="submit"] {cursor: pointer;border: none;background: #4CAF50;color: #FFF;margin: 0 0 5px;padding: 10px;font-size: 15px;}

#contact button[type="submit"]:hover {background: #43A047;-webkit-transition: background 0.3s ease-in-out;-moz-transition: background 0.3s ease-in-out;transition: background-color 0.3s ease-in-out;}

#contact button[type="submit"]:active {box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);}

.copyright {text-align: center;}

#contact input:focus,#contact textarea:focus {outline: 0;border: 1px solid #aaa;}

::-webkit-input-placeholder {color: #888;}

/*--welcome--*/
.welcome, .testimonial {padding: 70px 0px;}
.welcome h2{font-size: 36px;font-weight: 600;padding-bottom: 20px;margin-bottom: 0;margin-top: 0;text-transform: uppercase;}
.box{padding: 30px;border: 1px solid #efefef;text-align: center;margin-top: 40px;min-height: 267px;}
.box h3, .about-main-title li {font-size: 20px;font-weight: 500;padding-bottom: 10px;padding-top: 15px;margin: 0;}
.box p{font-size: 16px;}
.welcome .box:hover a{color: #E41313}
.box span i {font-size: 45px;color: #1c2245;}
/*--welcome--*/



/*--start-services--*/
.services-main .padding-bottom {padding: 20px 0;}
.services-main{padding: 80px 0;background: #0c1239;color: #fff;transition: 0.4s linear;}
.services-main h2{font-size: 36px;font-weight: 600;padding-bottom: 20px;text-transform: uppercase;}
.services-main .services-right{border-left: 2px solid red;padding-left: 25px;font-size: 20px;font-weight: 300;}
.services-box.fh-service-box {padding: 25px 20px;border: 1px solid #232951;min-height: 200px;}
.services-main .fh-service-box:hover{border: 1px solid #ff0000;}
.services-main .fh-service-box span {top: 40%;font-size: 29px;transition: 0.6s linear;}
.services-main .fh-service-box:hover span{top: 10%;}
.services-main .service-heading{padding-bottom: 10px;color: #fff;font-weight: 600;font-size: 20px;-webkit-transition: 0.5s;transition: 0.5s;}
.services-box.fh-service-box {margin-bottom: 30px;min-height: 190px;}
.services-main .fh-service-box p{font-size: 16px;margin-bottom: 15px;}
.service-heading, .des{padding-left: 70px}


.kuldepp-packers{background: url(../img/packerd-bg.jpg)no-repeat;background-size: cover;padding: 50px 0 150px 0;background-attachment: fixed;}
.kuldepp-packers h1, .kuldepp-packers h2 {font-size: 30px;line-height: 40px;font-weight: bold;margin: 8px 0;}
.kuldepp-packers p {padding-bottom: 18px;font-size: 18px;margin: 1em 0;text-align: left;}
/*--Start OF TESTIMONIALS Script--*/
.testimonials {background: #1f2d52;}
.shadow-effect {
		    background: #fff;
		    padding: 20px;
		    border-radius: 4px;
		    text-align: center;
	border:1px solid #ECECEC;
		    box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02);
		}
		#customers-testimonials .shadow-effect p {
		    font-family: inherit;
		    font-size: 17px;
		    line-height: 1.5;
		    margin: 0 0 17px 0;
		    font-weight: 300;
		}
		.testimonial-name {
		    margin: -17px auto 0;
		    display: table;
		    width: auto;
		    background: #3190E7;
		    padding: 9px 35px;
		    border-radius: 12px;
		    text-align: center;
		    color: #fff;
		    box-shadow: 0 9px 18px rgba(0,0,0,0.12), 0 5px 7px rgba(0,0,0,0.05);
		}
		#customers-testimonials .item {
		    text-align: center;
		    padding: 50px;
				margin-bottom:80px;
		    opacity: .2;
		    -webkit-transform: scale3d(0.8, 0.8, 1);
		    transform: scale3d(0.8, 0.8, 1);
		    -webkit-transition: all 0.3s ease-in-out;
		    -moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}#customers-testimonials .owl-item.active.center .item {opacity: 1;-webkit-transform: scale3d(1.0, 1.0, 1);transform: scale3d(1.0, 1.0, 1);}
.testimonials .owl-carousel .owl-item img {transform-style: preserve-3d;max-width: 90px;margin: 0 auto 17px;}#customers-testimonials.owl-carousel .owl-dots .owl-dot.active span,
#customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span {background: #3190E7;transform: translate3d(0px, -50%, 0px) scale(0.7);}
#customers-testimonials.owl-carousel .owl-dots{display: inline-block;width: 100%;text-align: center;}
#customers-testimonials.owl-carousel .owl-dots .owl-dot{display: inline-block;}
.testimonials i {
    font-size: 70px;
    color: #1f2d52;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot span {background: #3190E7;display: inline-block;height: 20px;margin: 0 2px 5px;transform: translate3d(0px, -50%, 0px) scale(0.3);transform-origin: 50% 50% 0;transition: all 250ms ease-out 0s;width: 20px;}
/*--EndOF TESTIMONIALS--*/
.btand-main {padding: 30px 0;}
.experience {background: #0c1239;padding: 30px 0;color: #FFFFFF;margin-top: 30px;min-height: 60px;}
.experience span{font-size: 50px;color: #fff;margin: 20px 0;}
.branc-left-sec {text-align: center;overflow: auto;}
.our-branches {padding: 30px 0;}
.our-branches h2{margin: 20px 0;text-transform: uppercase;font-size: 32px;}

.branc-left-sec table {margin-bottom: 20px;}
.branc-left-sec table td {border: 1px solid #ccc;padding: 10px;transition: .4s linear;}
.branc-left-sec table td:hover {background: #333;color: #fff;}

/*=====================---------------------About-US================--------------------------*/
.about-main-title{background: url(../img/title-bg.jpg)no-repeat;padding: 30px 0;background-size: cover;}
.about-sec{margin: 50px 0;} 
.heading {margin: 0 0 20px;font-size: 32px;}
.text-orange {color: #E67817;text-transform: uppercase;}
.about-sec p{margin: 1em 0;font-size: 17px;line-height: 26px}
#owl-demo .item{margin: 3px;}
#owl-demo .item img{display: block;height: auto;}
/*=====================---------------------About-US================--------------------------*/

/*--contact--*/
.contact-inner, .werehousing {padding: 50px 0;}

.contact-box {background: #fff;box-shadow: 0 0 21px -2px rgba(0,0,0,.26);padding: 15px;}
.contact-box .form-control {padding: 12px 10px;border-radius: 3px;}
.contact-box textarea {resize: none;}
.bounce-2 {border: none;padding: 11px 22px;text-align: left;background: #e67817;color: #fff;text-transform: uppercase;}
.bounce-2::after {content: '';width: 36%;height: 200%;background: rgba(255,255,255,.1);top: -12px;right: -10px;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;transform: rotate(-20deg);}
.contact-box .address li {border-bottom: 1px solid #ddd;padding: 10px 0;}
.map-icon {font-size: 20px;color: #e67817;padding-right: 15px;}

/*--werehousing--*/
.werehouse-banner h1{font-size: 32px;padding: 20px 0;}
.werehouse-banner h1::after{content: "";display: block;width: 100px;height: 3px;background:#e67817;margin-top: 10px;}
.werehouse-banner p  {font-size: 17px;line-height: 26px;padding: 10px 0;}


/*--get-quote--*/
.main-content-area {margin-top: 40px;margin-bottom: 40px;}
.main-content-area 
.btn.btn-default {

    color: #FFF;
    text-transform: uppercase;

}

.main-content-area .btn-default, .label-default {

    background-color: #facf33;
    border-color: #DA4453;
    -webkit-transition: background-color 0.3s linear;
    -moz-transition: background-color 0.3s linear;
    -o-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear;
}

.main-content-area input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="search"], textarea {color: #666;border: 1px solid #facf33;border-radius: 3px;}
/*--process--*/
.founder {margin-top: 80px;}
.founder p {color: #796579;font-size: 18px;margin-top: 10px;}
.india {margin-top: 60px;}
.split .fa {font-size: 50px;color: #989a9a;}
.founder h3 {color: #000;font-size: 40px;}
.india h4{color: #000;font-size: 28px;padding: 0px 0 0 11px;}
.india p{color: #796579;font-size: 18px;margin-top: 20px;}

/*--footer--*/
.footer-main {background: #fafafa;padding: 40px 0;}
.footer-main .footer-first p {font-size: 16px;color: #000;margin-top: 33px;margin-bottom: 20px;}
.footer-main h2 {font-size: 22px;color: #000;text-transform: uppercase;padding: 10px 0;}
.footer-main a {font-size: 16px;color: #000;text-transform: capitalize;display: block;padding: 10px 0 10px 0px;transition: 0.4s linear;}
.footer-main address {margin-bottom: 20px;font-style: normal;line-height: 1.42857143;}




@media only screen and (max-width:1192px){
	.slider-main .item h2{font-size: 48px;}
	.slider-main .item2{background-position: 45% 0px;}
	.left.carousel-control {display: none;}
}

@media only screen and (max-width:992px){
	.logo-main ul.links {z-index: 99;background: #fff;display: none;position: absolute;left: 0;width: 100%;top: 14%;}
	.logo-main .col-md-9 {position: static;}

	#toggle{display: block;cursor: pointer;}
	.contact-form {margin: 20px 0;}
	.box {padding: 20px;}
	.services-box.fh-service-box{min-height: 260px;}
	.box{min-height: 180px;}
	.logo-main ul.links li {width: 100%;border-top: 1px solid #eee;}
	.heading{font-size: 21px;}
	.about-sec p{font-size: 15px;}
	
	
	
}

@media only screen and (max-width:767px){
	.nav > li, .nav.navbar-nav {width: 100%;}
	.services-box.fh-service-box {min-height: 212px;}
	.slider-main .item3{background-position: 50% 0;}
}


@media only screen and (max-width:520px){
	.top-header li:last-child{display: none;}
	#customers-testimonials .item{padding: 0px;}
	.testimonials h2 {color: #fff;font-size: 24px;margin: 10px 0;}
	.services-main .services-right{font-size: 18px;}
	.welcome h2, .services-main h2 {font-size: 26px;}
	.kuldepp-packers h1, .kuldepp-packers h2{font-size: 20px;}
	.top-header li a{font-size: 15px;}
	.top-header li:nth-child(2) {display: none;}
	.logo-main ul.links{top: 72%;position: relative;}
	.heading {font-size: 18px;}
	.slider-main .item h2 {font-size: 32px;}
	.slider-main .item.item2 h2 {font-size: 27px;}
	.slider-main .item p{font-size: 20px;}
	.slide-links a {font-size: 14px;padding: 8px 30px;margin-right: 8px;}	
	#toggle{top: 0px;}
	.logo-main a img {height: auto;max-width: 250px;}

}