@charset "utf-8";
/* CSS Document */
* { border: 0; margin: 0; padding: 0 }
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
img{ max-width:100%; height:auto}
body { border: 0; margin: 0; font-family: 'Rubik', sans-serif; }
.container { max-width: 1300px; min-width: 300px; margin: 0 auto; padding:0 20px; }
.row { width: 100%; float: left }
.sprite{ background: url(../images/sprite.png) no-repeat}
section{ width:100%; float:left}

header { width: 100%; min-height: 570px; position: relative }
.banner-wrapper { width: 100%; min-height: 570px; overflow: hidden; position:relative }
figure { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; animation: slideShow 24s linear infinite 0s; -o-animation: slideShow 24s linear infinite 0s; -moz-animation: slideShow 24s linear infinite 0s; -webkit-animation: slideShow 24s linear infinite 0s; z-index: -1; }
.pic-1 { opacity: 1; background:url(../images/header-banner.jpg) #000 no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
 @keyframes slideShow { 0% {
 transform:scale(1);
 -ms-transform:scale(1);
}
 30% {
 transform:scale(1.3);
 -ms-transform:scale(0.9);
}
}

.navigation{ width:100%; float:left; background:#fff; padding:10px; border-bottom:3px solid #f70301;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; margin-top:40px;}
.logo{ background-position:0 -1px; width:270px; height:51px; display:inline-block}
.mail_icon{ background-position:-300px -11px; width:20px; height:20px; display:inline-block;}
.phone_icon{ background-position:-278px -11px; width:20px; height:20px; display:inline-block; margin-right:10px;}
.nav_contact{ float:right; vertical-align:sub; display:flex;padding-top: 20px;}
.nav_contact a{ color:#010101; text-decoration:none; display:flex; padding:0 10px;}
.nav_contact a:hover{ color:#f70301;}
.nav_contact span{ color:#010101; text-decoration:none; display:flex; padding:0 10px;}
.banner-content{ width:100%; float:left; padding-top:130px}
.banner_box{ width:25%; float:left; text-align:center}
.banner-box-img{ width:100%; float:left}
.banner-box-text{ width:100%; float:left; color:#fff; font-weight:bold; font-size:20px; text-transform:uppercase; padding-top:10px;}



.address_section{ padding:60px 0;}
.address_row{ width:100%; float:left; text-align:center}
.address_img_row{ display:inline-block; text-align:center; padding:15px 30px 15px 0; float:left}
.address_img_row span{ width:100%; float:left; color:#010101; font-size:32px;}
.address_detls_row{ display:inline-block; text-align:left;  font-size:16px; color:#404040; line-height:30px; padding:15px 0px 15px 30px;border-left:4px solid #f70301; float:left}
.address_detls_row span{ font-size:24px; font-weight:bold; color:#010101;}
.address_detls_row a{ text-decoration:none;color:#010101;}
.address_detls_row a:hover{ color:#f70301;}
.location_icon{ background-position:-1px -69px; width:72px; height:88px; margin:0 auto;}

.world-experience{ padding:60px 0;}
.world-experience-row{ width:100%; float:left; text-align:center}
.world-experience h2{ font-size:35px; font-weight:500; color:#000}
.grid_gallery { width: 100%;  padding-bottom:39%;  margin-top: 30px; position:relative; float:left}
.grid_gallery li { width: 33%;  position: absolute; padding: 10px; box-sizing: border-box; list-style:none; text-align:center  }
.grid_gallery li img { width: 100%; display:block }
.grid_gallery li:nth-child(4) { width: 33%;  }
.three .top-one { top: 0; }
.three .top-two { top: 0%; }
.three .top-three { top: 49.6%; }
.three .top-four { top: 49.6%; }
.three .left-one { left: 0; }
.three .left-two { left: 33%; }
.three .left-three { left: 66%; }
.three .left-four { left: 66%; }
.dallery_row{ width:100%; height:100%; float:left; position:relative;overflow: hidden;}
.dallery_row span{ position:absolute; top:47%; left:0; right:0; color:#fff; font-size:20px; text-transform:uppercase;}
.dallery_row img {-webkit-transition: 0.4s ease; transition: 0.4s ease;}
.grid_gallery li:hover .dallery_row img { -webkit-transform: scale(1.08); transform: scale(1.08);}
.clear{ clear:both}



.footer-top{ padding:20px 0; background:#f3f3f3}
.benefits_section{ width:100%; float:left}
.benefits_box{ width:33.333%; float:left; text-align:center}
.benefits_box h3{ font-weight:500; font-size:30px;}
.benefits_box span{ font-weight:300; font-size:16px; text-transform:uppercase; color:#363636}

.customer-icon{ background-position:-85px -67px; width:79px; height:79px; display:inline-block}
.destinations-icon{ background-position:-171px -73px; width:79px; height:79px; display:inline-block}
.partners-icon{ background-position:-255px -67px; width:79px; height:79px; display:inline-block}


.footer{ background:#00276e; padding:15px 0}
footer{ width:100%; float:left}
footer p{ font-size:14px; color:#f3f3f3; font-weight:400; float:left;margin-top: 12px;} 
.powerd_by{ float:right; text-decoration:none; width:175px;}
.powerd_by span{  text-decoration:none; color:#fff; margin-top:10px;float:left}
.powerd_by-logo{background-position:-334px -8px; width:70px; height:36px; margin-left:10px; float:right}

/*New office address css*/
.new-adress{width:42%; margin-left:24px; float:left}
.new-adress span{ font-size:19px !important}


@media screen and (max-width:1282px) {
	.new-adress {width: 34%;}
}
@media screen and (max-width:1146px) {
	.address_img_row{ width:100%}
	.address_detls_row{ width:48%}
	.address_img_row {padding: 15px 30px 30px 0;}
}


@media screen and (max-width: 980px) {
.nav_contact span{ width:100%;margin-top: 4px;}
.nav_contact {display: block;padding-top: 0;}
}
@media screen and (max-width: 800px) {
.banner_box{ padding:0 10px ;}
.banner-box-text{font-weight:500; font-size:16px;padding-top:6px;}	
.nav_contact{ display:none}
.navigation{ text-align:center}
.nav_contact span{ display:inline-block}
.nav_contact a{display:inline-block}
header {height: auto !important; min-height:inherit}
.banner-wrapper{height: auto !important; min-height:inherit}
.banner-content{ padding:30px 0;}
.world-experience{ padding:30px 0;}
}

@media screen and (max-width: 750px) {
.address_img_row{ width:100%;padding:0} 
.address_detls_row{ width:100%; text-align:center; padding:30px 0 0 0;border-left: none} 
.address_img_row span{font-size: 24px;}
}

@media screen and (max-width: 700px) {
.banner_box{ width:50%; padding:20px 10px ;}
.banner-content{padding: 0px;}
footer p{ width:100%; text-align:center; margin-bottom:10px;}
.powerd_by{ margin:0 auto ; float:none; display:list-item;}


}
@media screen and (max-width: 600px) {
	.navigation{margin-top: 15px;}
	.grid_gallery li { width: 100%; position:inherit; float:left}
	.grid { position: inherit; float:left; height:auto }
	.grid_gallery{ float:left; padding-bottom:0}
	.grid_gallery li:nth-child(4) { width:100%; height: auto; }
	.three .left-two { left: 0; }
.three .left-three { left: 0; }
.three .left-four { left: 0; }
.benefits_box { width:100%; padding:10px 0;}
.world-experience h2 {font-size: 27px;}
}