@import url(http://fonts.googleapis.com/css?family=Fjalla+One); /*font-family: 'Fjalla One', sans-serif;*/

@import url(http://fonts.googleapis.com/css?family=Ubuntu); /*font-family: 'Ubuntu', sans-serif;*/

@import url(http://fonts.googleapis.com/css?family=Cuprum);

@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,200,300,700);

@import url(http://fonts.googleapis.com/css?family=Advent+Pro:400,100,200,300,500,600,700);

@import url(http://fonts.googleapis.com/css?family=Oswald:400,300);



body{overflow-x:hidden;font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;

    font-size: 13px;color: #040303;background-color: ##f4f4f4;font-weight:300;}



/*********top bar************/

.top-bar-wrap{padding: 4px 0;background-color: #3b3936;}

.top-bar{min-height: 20px;line-height: 20px;}

.top-bar a{font-size: 12px;color:#fff;}

.top-bar .social-1 li a i{width:20px;height: 20px;line-height: 20px;font-size: 13px;}

.sticky{width:100%;z-index: 999;}

.top-bar{background-color: #f9f9f9;}

.top-bar .info {margin: 0px;}

.top-bar .info li {font-size: 14px;display: table-cell;vertical-align: middle;height: 40px;color:#555;font-weight: 500;font-size: 13px;border-bottom: none;}

.top-bar .info li a{color:#555;margin-right: 10px;}

.top-bar .widget ul li a:after,.widget.widget_bw_social_widget ul li a:after{content: "";    }

.top-bar .widget ul li,.widget.widget_bw_social_widget ul li {border-bottom: none;padding: 0px 2px;}



/*Navigation*/

.navbar-brand{font-family:'Cuprum', sans-serif;font-size:30px;}

.nav li a{font-family: Agency FB;  font-size: 19px;    font-weight: 600;}





/*** Slider Settings*****/

.carousel-inner > .item{height:317px;background-color:#fff;}

.carousel-caption{background: #230F12;position:absolute;top:150px;left:120px;min-height:50px !important;height:auto !important;max-height:150px !important;width:500px;padding:25px; text-shadow:none;}

.carousel-caption h1{ font-family:Nyala; text-transform:capitalize; margin:0; text-align:left;}

.carousel-caption p{text-transform:capitalize;font-family: 'Ubuntu', Sans-Serif;color:#fff;font-size:14px; text-align:left; padding:20px 0;}

.slider1{background-image:url('../images/packwaysexpert_banner_001.png');background-repeat: no-repeat;background-position: left top;background-size: cover;}

.slider2{background-image:url('../images/packwaysexpert_banner_002.png');background-repeat: no-repeat;background-position: left top;background-size: cover;}

.slider3{background-image:url('../images/packwaysexpert_banner_003.png');background-repeat: no-repeat;background-position: left top;background-size: cover;}

.slider4{background-image:url('../images/packwaysexpert_banner_004.png');background-repeat: no-repeat;background-position: left top;background-size: cover;}

.slider5{background-image:url('../images/packwaysexpert_banner_005.png');background-repeat: no-repeat;background-position: left top;background-size: cover;}



/*Introduction Line*/

#intro{

border-bottom: 3px #FF6633 solid;

border-top: 3px #FF6633 solid;

background: #02274e;

}

h1.intro{font-weight:100;font-size:40px;}

h1.intro b{font-weight:300;}

i.introRight{font-size:26px;float:left;display:block;vertical-align:middle;margin-top:22px;margin-right:30px;}

i.introDown{display:none;}

p.intro{font-size:26px;margin: 0;padding:20px 0; line-height:35px; font-family:'Yanone Kaffeesatz', sans-serif;}

p.intro b{font-weight:500;}



/*Service*/

#service{padding:50px 0 0 0;}

.single-service {margin-bottom:40px;}

.single-service:hover .single-service-icon {/*background-color:#011446;color: #000000;*/}

.single-service-icon, .single-service:hover .single-service-icon{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}

.single-service-icon {/*background-color: #02274e;*/color: #fff;font-size: 72px;padding: 4px 0;/*margin-top:7px;*/text-align: center;	}

.single-service-icon img{width:100%;}

.single-service-iconwh {background-color: #02274e;color: #fff;font-size: 32px;padding: 7px 0;text-align: center;margin-top:7px;	}

.single-service-text {font-size:18px;font-weight:300;}

.single-service-text h2 {font-size:36px;font-weight:100;margin-top:0;color: #730218;	}

.single-service-text h2 span {font-weight:300;	}

.single-service-text p{font-family:'Yanone Kaffeesatz', sans-serif; font-size:18px;}

.single-service-text p a{ color: #730218;font-weight:500;}



/*Process*/

#process{background-image:url('../images/process-bg.jpg');background-position: center center;background-color: rgba(255, 255, 255, 0.5);padding:25px 0;}

.process-box{text-align:center;padding:0;margin:0;margin-top:20px;}

.process-box i{color:#fff; border:2px #FFFFFF solid; border-radius:100% 100%; padding:10% 15%; font-size:72px;}

.process-box i:hover{background:#2fb0e6;color:#fff;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}

.process-box h4{color:#fff; font-family:'Fjalla One', sans-serif;font-size:20px;}



/*Facts*/

#facts{padding:25px 0 30px 0;margin:0;margin-bottom:25px;}

.facts-detail{margin-top:20px;}

.facts-in h3{ font-size:48px; text-align:center; text-transform:capitalize; font-family:'fjalla One', sans-serif;}

.facts-in h3 i{color:#010840; margin-right:15px;}

.facts-in h4{font-size:30px;color:#777;text-align:center;}



/*Aboutus*/

#aboutUs{padding:25px 0px 30px 0; margin:0;border-top:5px #555 solid;/* background-color:#229fda; */}



/*Enquirey*/

#enquirey{padding:25px 0;}

/*Contact Us*/

#contactUs{padding:25px 0;}

#contactUs ul, #contactUs li{color:#aaa;}

#contactUs p, #contactUs a{color:#aaa !important;}
#contactUs a:hover{color: #FF6633 !important;}

/*Copyright*/

#copyright{padding:20px 0 20px 0;background-color:#000000;color:#FFFFF;}

#copyright p{margin: 4px 0;}

/*Page Title*/

#pageHeader{width: 100%;background: none repeat scroll 0% 0% rgba(208, 208, 208, 0.8);padding: 8px 12px 8px 56px;position: absolute;top: 0px;z-index: 99;margin-top:75px;}

#pageHeader h3{padding:0 !important;margin:0 !important; height:35px; line-height:35px; font-family: 'Oswald', sans-serif; text-transform:uppercase; color:#555;}



#pageImage{width:100%;overflow:hidden;overflow-x:hidden;overflow-y:hidden;position:relative;}

#pageImage img{background-size:contain;}

#pageImage .col-lg-12{padding:0;}



/*Mobile App Development*/

ul.mobile li{margin-bottom:10px;margin-left:20px;}

    

/* Backgrounds */

.bg-theme{background-color:#033B96;}

.bg-white {background-color: #ffffff;}

.bg-black {background-color: #020130;}

.bg-turquoise {background-color: #1abc9c;}

.bg-green-sea {background-color: #16a085;}

.bg-emerland {background-color: #2ecc71;}

.bg-nephritis {background-color: #27ae60;}

.bg-peter-river {background-color: #3498db;}

.bg-belize-hole {background-color: #2980b9;}

.bg-amethyst {background-color: #9b59b6;}

.bg-wisteria {background-color: #8e44ad;}

.bg-wet-asphalt {background-color: #34495e;}

.bg-midnight-blue {background-color: #2c3e50;}

.bg-sun-flower {background-color: #f1c40f;}

.bg-orange {background-color: #f39c12;}

.bg-carrot {background-color: #e67e22;}

.bg-pumpkin {background-color: #d35400;}

.bg-alizarin {background-color: #e74c3c;}

.bg-pomegranate {background-color: #c0392b;}

.bg-clouds {background-color: #ecf0f1;}

.bg-silver {background-color: #bdc3c7;}

.bg-concrete {background-color: #95a5a6;}

.bg-asbestos {background-color: #7f8c8d;}

.bg-base {background-color: #34495e;}

.bg-firm {background-color: #1abc9c;}

.bg-success {background-color: #2ecc71;}

.bg-danger {background-color: #e74c3c;}

.bg-warning {background-color: #f1c40f;}

.bg-info {background-color: #3498db;}

.bg-theme-blue{background-color:#229fda;}

/* .bg-theme-pink{background-color:#B14A5D;} */



/*Font Color*/

.col-white{color:#FFFFFF;}

.col-blue{color:#229fda;}

.col-pink{color:#FF6633;}

.col-sky-blue{color:#229fda;}



/* Font Settings */

h1, h2, h3, h4, h5{font-family: 'Yanone Kaffeesatz', sans-serif;}

p, ul{font-family:'Ubuntu', sans-serif;font-size:15px;    text-align: justify;}

.font-oswald{font-family: 'Oswald', sans-serif;}

.font-yanone{font-family: 'Yanone Kaffeesatz', sans-serif;font-weight:400;text-transform:capitalize;}



/* Padding */

.panel-body{padding:0;}

.pad15{padding:15px;}

.padBot15{padding-bottom:15px;}

.padTop15{padding-top:15px;}

.padlLef15{padding-Left:15px;}

.padRig15{padding-right:15px;}



/*Margin*/

.margin20{margin:20px ;}
.marginbox1 { margin: 15px 0 20px;}
.right-side-box{margin-bottom:20px;}
.right-side-box p{text-align:left;}

/*Form Elements*/

label.control-label span{color:#cc0000 !important;margin-left:5px;}

.Gallery_content{}
.Gallery_content a{display: flex;
    height: 280px;
    align-items: center;
    justify-content: center;
	box-shadow: 0px 0px 2px 0px #555;
}
.Gallery_content img{width: 100%;max-height: 280px;}

img{max-width:100%;}

.col-md-12  .social-links {}

.social-circle {margin:0; -moz-transform: translatez(0);/* FF3.5+ */ -webkit-transform: translatez(0);/*Saf3.1+, Chrome*/ -o-transform: translatez(0);/* Opera 10.5 */ -ms-transform: translatez(0);/* IE 9 */ transform: translatez(0); }

.social-circle li { display: inline-block; height: 30px; list-style: none outside none; width: 30px;margin-right: 4px; }
.social-circle li:last-child {margin-right: 0px; }
.social-circle li div { background-color: #1ABC9C; color: #FFFFFF; cursor: pointer; font-size: 15px; font-weight: 100; height: 30px; line-height: 30px; text-align: center; -webkit-transition:  all 0.8s ease 0s;/* Safari 3.2+, Chrome */ -moz-transition:  all 0.8s ease 0s;/* Firefox 4-15 */ -o-transition:  all 0.8s ease 0s;/* Opera 10.5-12.00 */ transition:  all 0.8s ease 0s;/* Firefox 16+, Opera 12.50+ */ width: 30px; }

.social-circle li div:hover { -moz-transform: rotate(360deg);/* FF3.5+ */ -webkit-transform: rotate(360deg);/*Saf3.1+, Chrome*/ -o-transform: rotate(360deg);/* Opera 10.5 */ -ms-transform: rotate(360deg);/* IE 9 */ transform: rotate(360deg); -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; }

.social-circle li .entypo-facebook { background-color: #3c599b;   border-radius: 100%;display: table-cell; }

.social-circle li .entypo-twitter { background-color: #2980b9;   border-radius: 100%;display: table-cell;}

.social-circle li .entypo-gplus { background-color: #e74c3c;   border-radius: 100%;display: table-cell;}

.social-circle li .entypo-linkedin { background-color: #007bb6;   border-radius: 100%;display: table-cell;}

.social-circle li .entypo-picasa { background-color: #007bb6;   border-radius: 100%;display: table-cell;}

.wrap{overflow:hidden;position:relative;}

/*For Tablet screen*/

@media (max-width:1024px){
#intro h1{font-size: 22px;}
p.intro {font-size: 21px;line-height: 24px;padding: 22px 0;}	
.single-service-text h2 {font-size: 26px;}
.single-service-icon{font-size:50px;}
i.introRight{margin-right:20px;margin-top: 21px;font-size:23px;}
.single-service-text p {
    font-size: 17px;
}
}

@media (max-width:768px){

     body{ overflow-x:hidden; }

    .navbar-brand{font-size:20px !important;}

    .carousel{height:275px;margin-top:0px;}

    .carousel-inner > .item{height:275px !important;background-color:#033b96 !important;}

    .carousel-inner > .item > h1{color:#f00;font-size:1.8em;padding-top:0 ;}

    .carousel-caption{top:initial;left:0px !important;bottom:0px;min-height:50px !important;height:auto !important;max-height:70px !important;padding:5px 10px;margin:0px ;width:100%;background:rgba(5,5,5,.5);}

    .carousel-caption h1{font-size:18px; text-overflow:ellipsis; margin:0px; padding:0px;margin-bottom:3px;}

    .carousel-caption p{font-size:10px !important;padding:0px; margin:0px;}


    /*Introduction Line*/

    #intro{padding:0px; margin:0px;}

    h1.intro{font-weight:100;font-size:30px; text-align:center;}

    h1.intro b{font-weight:300;}

    i.introRight{ display:none;}

    i.introDown{display:inline-block;font-size:35px; text-align:center;width:100%;margin:0px; padding:0px;}

    p.intro{font-size:18px;padding:0 0 10px; line-height:24px; text-align:center;}

    p.intro b{font-weight:500;}

    /*Service*/

    #service{background-color:#eee;padding:12px 0 10px 0;}

    .single-service {margin-bottom:20px;}

    .single-service:hover .single-service-icon {background-color:#229fda;color: #000000;}

    .single-service-icon, .single-service:hover .single-service-icon{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}

    .single-service-icon {color: #fff;font-size: 50px;padding: 7px 0;text-align: center;margin-top:5px;	}

    .single-service-text {font-size:18px;font-weight:300; padding-top:5px;}

    .single-service-text h2 {font-size:26px;font-weight:100;margin-top:0;	}

    .single-service-text h2 span {font-weight:300;	}
	.single-service-text p { margin-bottom: 0;}

    /*Master Body*/

    #pageHeader{margin-top:76px;padding:2px 0;}

    #pageHeader h3{font-size: 18px;}

    #pageImage{width:100%;overflow:hidden;overflow-x:hidden;overflow-y:hidden;height:auto;position:relative;}

    #pageImage img{background-size:cover;}

    #pageImage .col-lg-12{padding:0;}
	
	.carousel-inner img {max-width:100%;width:100%;}
	.carousel {
	  height: 180px;
	}
	.carousel-inner > .item {
	  height: 180px !important;
	}
	#intro h1 { text-align: center; margin: 10px 0 0;}
	#process {
		background-size: 100%;
		background-repeat: no-repeat;
	}
	.process-box i {
	  padding: 25px;
	  font-size: 50px;
	  min-width: 64%;
     }
	 #enquirey {
		padding: 5px 0 25px;
	}
	.contactUsBox{min-height:150px;}
	img { max-width: 100%;}
	.Gallery_content a{height: 162px;}
    .Gallery_content img{max-height: 162px;}
	

}

/*For Mobile Screen*/
@media (max-width:767px){

     body{ overflow-x:hidden; }

    .navbar-brand{font-size:20px !important;display: block; margin: 0 20px;}
	
	.navbar-brand img{height:72px;}

    .carousel{height:85px;margin-top:0px;}

    .carousel-inner > .item{height:85px !important;background-color:#033b96 !important;}

    .carousel-inner > .item > h1{color:#f00;font-size:1.8em;padding-top:0 ;}

    .carousel-caption{top:initial;left:0px !important;bottom:0px;min-height:50px !important;height:auto !important;max-height:70px !important;padding:5px 10px;margin:0px ;width:100%;background:rgba(5,5,5,.5);}

    .carousel-caption h1{font-size:18px; text-overflow:ellipsis; margin:0px; padding:0px;margin-bottom:3px;}

    .carousel-caption p{font-size:10px !important;padding:0px; margin:0px;}

    /*Introduction Line*/

    #intro{padding:0px; margin:0px;}

    h1.intro{font-weight:100;font-size:30px; text-align:center;}

    h1.intro b{font-weight:300;}

    i.introRight{ display:none;}

    i.introDown{display:block;font-size:35px; text-align:center;width:100%; margin:0px; padding:0px;}

    p.intro{font-size:18px;padding:5px 0px; line-height:24px; text-align:center;}

    p.intro b{font-weight:500;}

    /*Service*/

    #service{background-color:#eee;padding:20px 0 0 0;}

    .single-service {margin-bottom:20px;text-align: center;}

    .single-service:hover .single-service-icon {background-color:#229fda;color: #000000;}

    .single-service-icon, .single-service:hover .single-service-icon{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}

    .single-service-icon {font-size: 70px;padding: 8px 0;text-align: center;margin-top:7px;margin: 5px auto 0;
    max-width: 45%;	}

    .single-service-text {font-size:18px;font-weight:300; padding-top:20px;}

    .single-service-text h2 {font-size:20px;font-weight:100;margin-top:0;	}

    .single-service-text h2 span {font-weight:500;	}
	.single-service-text p { font-size:17px;}

    /*Master Body*/

    #pageHeader{margin-top:80px;padding:3px 0;}

    #pageHeader h3{font-size: 14px;height: auto;line-height: 24px;}

    #pageImage{width:100%;overflow:hidden;overflow-x:hidden;overflow-y:hidden;height:auto !important;position:relative;}

    #pageImage img{background-size:cover;height:auto !important;}

    #pageImage .col-lg-12{padding:0;}
	ul{padding-left: 18px;}
	#process {
	  background-size: cover;
	  padding: 6px 0 10px;
   }
   .process-box h4 {
	  font-size: 15px;
   }
   .process-box i {
	  padding: 15px 20px;
	  font-size: 40px;
	  min-width: 76px;
   }
   .col-white {
	font-size: 20px;
	margin-top: 10px;
   }
   .social-circle {padding-left:0;margin-top:10px;}
   .single-service-iconwh {margin: 10px auto 0;width: 60px;}
   .contactUsBox {
	  min-height: auto;
   }
   .Gallery_content {
	  max-width: 100%;
   }
   .Gallery_content a{height: 100%;}
   .Gallery_content img{max-height: 100%;}
   


}
@media (max-width:320px){
	
}