@charset "utf-8";
@font-face{
    font-family: museosans;
    src: url('fonts/MuseoSans_100.otf');
}
@font-face{
    font-family: museosansItalic;
    src: url('fonts/MuseoSans_100_Italic.otf');
}
@font-face{
    font-family: museosansBold;
    src: url('fonts/MuseoSans_300.otf');
}
@font-face{
    font-family: museosansBolder;
    src: url('fonts/MuseoSans_500.otf');
}
@font-face{
    font-family: museosansBoldest;
    src: url('fonts/MuseoSans_700.otf');
}
/* CSS Document */
* { margin:0; padding:0; }
body { margin:0px; font-family: 'museosans', sans-serif; color:#000; font-weight:normal; background-color:#FFF; overflow-x: hidden; }
body {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

h1,h2,h3,h4,h5,h6{font-weight: normal;}
h1 { font-size:44px; line-height:60px; margin-bottom: 18px; }
h2 { font-size:40px; line-height:55px; margin-bottom: 15px;}
h3 { font-size:37px; line-height:45px; margin-bottom: 12px;}
h4 { font-size:30px; line-height:35px; margin-bottom: 15px; }
h5 { font-size:24px; line-height:30px; margin-bottom: 10px; }
h6 { font-size:21px; line-height:26px; margin-bottom: 10px; }
p { font-size:16px; line-height:26px; margin-bottom: 10px;}
a { color:#000; text-decoration:none; cursor:pointer; }
p a {text-decoration:underline;}
ul{padding-left: 20px;}
ul li{line-height: 26px;}
a:hover{color:#000;}
img { border:none 0px; }
input,textarea,select{font-family: 'museosans', sans-serif; color:#000; font-weight:normal; font-size: 16px;}
input[type="submit"]{cursor: pointer;}
input:focus,textarea:focus {
  outline-color: transparent;
  outline-style: none;
}
select:focus{outline: none;}
section{display:block;}
/* css 3 animation keyframes */
@-moz-keyframes bounce { 
    80% {margin-top:15px;}
    85% {margin-top:-50px;}
    90% {margin-top:15px;}
    95% {margin-top:5px;}
    100% {margin-top:15px;}
}
 @-webkit-keyframes bounce { 
    80% {margin-top:15px;}
    85% {margin-top:-50px;}
    90% {margin-top:15px;}
    95% {margin-top:5px;}
    100% {margin-top:15px;}
}
 @-moz-keyframes zoom { 
    0% {-moz-transform:scale(1.0); opacity:1;}
    50% {-moz-transform:scale(1.05); opacity:1;}
    100% {-moz-transform:scale(1); opacity:1;}
}
 @-webkit-keyframes zoom { 
    0% {-webkit-transform:scale(1.0); opacity:1;}
    50% {-webkit-transform:scale(1.05); opacity:1;}
    100% {-webkit-transform:scale(1); opacity:1;}
}

@keyframes readMore { 
    0% {background-position: 100% center;}
    50% {background-position: 90% center;}
    100% {background-position: 100% center;}
}
 @-moz-keyframes readMore { 
    0% {background-position: 100% center;}
    50% {background-position: 90% center;}
    100% {background-position: 100% center;}
}
 @-webkit-keyframes readMore { 
    0% {background-position: 100% center;}
    50% {background-position: 90% center;}
    100% {background-position: 100% center;}
}
/* add elements here for zoom effect*/
#callback-form input[type="submit"].zoom,#map .address .locations p.zoom,#map .address .locations address.zoom{-moz-animation:zoom .3s linear; animation:zoom .3s linear; -webkit-animation:zoom .3s linear;}
/* {-moz-animation:bounce .3s linear; animation:bounce .3s linear; -webkit-animation:bounce .3s linear;} */
.loader {background:#FFFFFF; height: 100%; position: fixed; width: 100%; z-index: 9999;}
.logo-middle {display: none; height: auto; margin-top: 25%; text-align: center; width: 100%;}
.logo-middle img {max-width: 100%;}
.errors,.success{background:#FFFFFF; display: block; font-size: 14px; overflow: hidden; padding: 0px;}
.errors{ color: #f04f71;}
.success{color:#51bf9b;}
.container{display: block; overflow: hidden; padding: 20px 0;}
.wrapper { height:100%; width:100%; position:absolute; }
.content {float: left; height: auto; padding-bottom: 10px; padding-top: 10px; width: 100%;}
.content-body{max-width:960px; margin:0 auto;}
.header { float:left; width:100%; min-height:500px; background-repeat: no-repeat; background-origin: border-box; background-clip: border-box; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.full { padding:1% 2%; width:96%; position:relative; float:left; }
.half { padding:1% 2%; width:46%; position:relative; float:left; }
.third { padding:1% 2%; width:29%; position:relative; float:left; }
.quarter { padding:1% 2%; width:21%; position:relative; float:left; }
.twothird { padding:1% 2%; width:62%; position:relative; float:left; }


::selection {background: #ff8d33; color: #fff;}
::-moz-selection{background: #ff8d33; color: #fff;}
::-webkit-scrollbar { width: 5px; height:5px;}
::-webkit-scrollbar-track { background-color:#ccc; border-radius: 10px;}
::-webkit-scrollbar-thumb {border-radius: 10px; width:30px; background-color:#393939;}

/* global */
.slant{ background-repeat: no-repeat; background-size: 100% 100%; display: block; overflow: hidden; position: absolute; width: 100%;}
.slant.black{background-image: url("images/black-slant.png"); height: 59px; z-index: 2; bottom: 0; }
.slant.grey{background-image: url("images/grey-slant.png"); height: 90px; bottom: 0; }
.slant.white{background-image: url("images/white-slant.png"); height: 32px; top: 0; }

.site-body{display: block; overflow: hidden; position: relative; clear: both;}

/* header */
header {background: url("images/background-menu.png") repeat-x 0 -25px;}
header .full{padding: 0 2%;}
header .logo { float: left; position: relative; z-index: 1; font-weight: normal; line-height: 0; }
header .logo a { display: block; margin-top: 8px; overflow: hidden;}
header .logo img { height: auto; max-width: 80px;}
header .logo p {color: #FFFFFF; line-height: 22px; margin: 4px 0 0; font-size: 13px; text-transform: uppercase; font-family: museosansItalic;}
header .logo p span{font-size: 12px;}
header .full.sticky { background: #000000; box-shadow: 0 2px 4px #EEEEEE; position: fixed; top: 0; left:0; z-index: 111; }
header .sticky .logo{height: auto; padding: 10px;}
header .sticky .logo p{display: none;}
header .sticky .nav li a{color: #fff;}
header .sticky .nav > li:hover > a{color: #000; background: #FF8D33;}
header .sticky .nav > li.nav-path-selected a,header .sticky .nav > li.nav-path-selected:hover a{color: #000;}
header .sticky .logo a{width: 80px; margin-top: 0;}
/* navigation */
nav{display: block; float: right; position: relative; z-index: 11;}
nav ul{padding-left: 0;}
nav ul ul{position: absolute; z-index: 1; width: 150px; padding: 10px 0; display: none; overflow: hidden; background:#000;}
nav ul ul li{list-style: none;}
ul.nav ul li a{ font-size: 14px; line-height: 20px; padding: 6px 14px; }
.nav > li { display: block; float: left; position: relative;}
.nav li a{display: block; overflow: hidden; padding: 18px 15px; font-size: 16px; cursor: pointer; color: #fff;}
.nav > li.nav-path-selected > a,.nav > li.nav-path-selected:hover > a {background: #FF8D33; color: #000; font-family: museosansBoldest;}
.nav > li:hover >a,ul.nav ul li:hover a{background: #FF8D33; color: #000;}
.mobile-menu { background: url("images/mobile-menu.png") no-repeat; cursor: pointer; display: none; float: right; height: 33px; margin-left: 14px; margin-top: 14px; overflow: hidden; width: 41px;}

#breadcrumbs {position: relative;}
#breadcrumbs .swp-breadcrumbs{position: absolute; right: 2%; top: 5px;}

/* banner */
.edit-mode .banner .ccm-area{position: absolute; width: 100%; bottom: 200px;}
header.content,.banner,#supersized,#supersized li{height: 460px; padding: 0;}
.banner,#supersized,#supersized li{position: absolute;}
.banner{display: block; overflow: hidden; float: left; width: 100%; top: 0;}
.banner .ccm-add-block{position: relative; bottom: 150px;}
.banner .caption .ccm-add-block{bottom: 0;}
.caption-container{max-width: 960px; margin: 0 auto; display: block; overflow: hidden; height: 100%;}
.caption{display: block; overflow: hidden; max-width: 50%; float: left; position: absolute; z-index: 1; bottom: 24px; margin-left: 1.2%; background: #FF8D33; padding: 10px 20px 20px;}
.caption p{font-size: 33px; line-height: 42px;}
.caption p strong {font-family: museosansBoldest;}
#supersized-loader{top: 25%;}
#thumb-tray{bottom: -500px !important;}
#controls-wrapper{position: absolute; background: none;}
#controls{max-width: 960px; margin: 0 auto;}
ul#slide-list{margin: 0 !important; float: none; left: auto; right: 2%; padding: 0;}
ul#slide-list li{height: 24px; width: 21px; background: #000; cursor: pointer; margin: 0 0 0 5px;}
ul#slide-list li.current-slide{background: #ff7a11;}
ul#slide-list li a{background: none;}
#play-button,#slidecounter,#slidecaption{display: none;}
#supersized img{ filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ }

/* social share icons */
#page-title{}
#page-title .full{padding: 2% 2% 0;}
#page-title .twothird,#page-title .third{padding-top: 0; padding-bottom: 0;}
#page-title h1{margin-bottom: 0;}
.social-share{float: right; margin-top: 20px;}
.social-share a{margin-left: 4px;}

/* FEATURED SERVICES */
.cust-half { width:49.84%; position:relative; overflow: hidden; float:left; background: #FF8D33; border-bottom: 1px solid #fff; border-right: 1px solid #fff; transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; }
.cust-half > a{display: block; overflow: hidden;}
#featured-services .more-services{background: #000000; border: 3px solid #FFFFFF; bottom: -12px; color: #FF8D33; display: block; float: right; font-size: 21px; overflow: hidden; padding: 10px 20px; position: absolute; right: 130px; z-index: 1;}
#featured-services .more-services:hover{ background: #FF8D33; color: #000;}
.service-list > div:hover{background-color:#000; cursor: pointer; }

.service{ text-align: center; vertical-align: middle; display: table-cell; height: 220px; width: 1%;}
.service img{display: block; left: 45%; opacity: 1; margin: 0 auto; overflow: hidden; position: absolute; transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; }
.service img.hover-icon{left: -45%; }
.land-freight:hover .icon,.warehouse-storage:hover .icon{left: 105%;}
.land-freight:hover .hover-icon,.warehouse-storage:hover .hover-icon{left: 45%; }
.dangerous-goods img.hover-icon,.misc-services img.hover-icon,.door-to-door img.hover-icon{left:45%; opacity: 0;}
.dangerous-goods:hover .icon,.misc-services:hover .icon,.door-to-door:hover .icon{opacity: 0;}
.dangerous-goods:hover .hover-icon{opacity: 1; -moz-animation:zoom .3s linear infinite; animation:zoom .3s linear infinite; -webkit-animation:zoom .3s linear infinite;}
.misc-services:hover .hover-icon{transform:rotate(360deg); opacity: 1;}
.sea-freight .icon{top:30%; left: 42%; width: 68px; height: 55px;}
.door-to-door .icon{top:30%; width: 47px; height: 59px;}
.door-to-door:hover .hover-icon{width: 47px; height: 59px; opacity: 1;}
.sea-freight:hover .icon,.door-to-door:hover .icon{left:0; width: 100%; height: 100%; opacity: 0; top:0;}
.sea-freight img.hover-icon,.door-to-door img.hover-icon{width: 0; height: 0; left: 45%; opacity: 0;}
.sea-freight:hover .hover-icon{width: 68px; height: 56px; opacity: 1;}
.air-freight .icon,.air-charter .icon{top: 30%;}
.air-freight:hover .icon,.air-charter:hover .icon{opacity: 0; left:70%; top: -10%;}
.air-freight img.hover-icon,.air-charter img.hover-icon{ bottom:-20%; left: 0;}
.air-freight:hover .hover-icon,.air-charter:hover .hover-icon{opacity: 1; bottom:50%; left: 45%;}

#featured-services .service .title{padding: 0px 55px !important; background-image: none !important;}
.service .title{margin-bottom: 0; background-position: center top; background-repeat: no-repeat; transition: all 0.6 ease 0s; -moz-transition: all 0.6 ease 0s; -webkit-transition: all 0.6 ease 0s; }
.service:hover .title{ color: #FF8D33; }
.service .read-more{width: 0; height: 0; bottom: -18px; line-height: 98px; position: absolute; right: -18px; text-align: center; border: 2px solid #FF8D33; border-radius: 100px; color: #FF8D33; font-size: 62px; transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; }
.service:hover .read-more{  height: 100px; width: 100px;}
.air-freight .title{ margin-top: 55px; }
.other-services .air-freight .title{ background-image: url("images/air-freight.png"); }
.other-services .air-freight:hover .title{ background-image: url("images/air-freight-hover.png"); }
.sea-freight .title{ margin-top: 65px; }
.other-services .sea-freight .title{ background-image: url("images/sea-freight.png"); }
.other-services .sea-freight .title:hover{ background-image: url("images/sea-freight-hover.png");}
.land-freight .title{ margin-top: 66px; }
.other-services .land-freight .title{ background-image: url("images/land-freight.png"); }
.other-services .land-freight .title:hover{ background-image: url("images/land-freight-hover.png"); }
.warehouse-storage .title{ margin-top: 73px; }
.other-services .warehouse-storage .title{ background-image: url("images/warehouse-storage.png"); }
.other-services .warehouse-storage:hover .title{background-image: url("images/warehouse-storage-hover.png");}
.air-charter .title{ margin-top: 55px; }
.other-services .air-charter .title{ background-image: url("images/air-freight.png"); }
.other-services .air-charter .title:hover{ background-image: url("images/air-freight-hover.png");}
.dangerous-goods .title{ margin-top: 75px; }
.other-services .dangerous-goods .title{background-image: url("images/dangerous.png"); }
.other-services .dangerous-goods .title:hover{background-image: url("images/dangerous-hover.png");}
.door-to-door .title{ margin-top: 70px; }
.other-services .door-to-door .title{background-image: url("images/door.png"); }
.other-services .door-to-door .title:hover{background-image: url("images/door-hover.png");}
.misc-services .title{ margin-top: 60px; }
.other-services .misc-services .title{background-image: url("images/misc.png"); }

/* track services */
.air-freight.import .service img { transform:rotate(180deg); }
.air-freight.import img.hover-icon { left: 70%; top: -20%; }
.air-freight.import:hover img.hover-icon { left: 45%; top: 30%; }
.air-freight.import:hover .icon { left: 0; top: 90%; }
.sea-freight.import:hover .icon{ width: 0; height: 0; top: 50%; left: 42%; opacity: 0; }
.sea-freight.import img.hover-icon{ left:0; width: 100%; height: 100%; opacity: 0; top:0; }
.sea-freight.import:hover .hover-icon{width: 68px; height: 56px; opacity: 1; left: 42%; top: 30%; }


/* other services */
#other-services,.other-services{display: block; overflow: hidden; clear: both; padding-bottom: 0; padding-top: 0;}
#other-services{padding-bottom: 4%;}
#other-services .full{padding-top: 0;}
#other-services p{font-size: 18px;}
#other-services .misc-services{display: none;}
#other-services .cust-half{width: 16.5%;}
#other-services .service{height: 95px;}
#other-services .service .title{  background-size: auto 50%; font-size: 16px; line-height: 26px; margin: 0; padding-top: 40px;}
#other-services .service img{display: none;}
#other-services .service .read-more{display: none;}
/*#other-services .service .read-more {bottom: -9px; font-size: 31px; line-height: 49px; right: -9px;}
#other-services .service:hover .read-more{width: 50px; height: 50px;}*/

/* default-content */
#default-content{}
#default-content .title{display: block; overflow: hidden; padding: 0 2%;}
#default-content h6{ background: #FF8D33; display: block; float: left; font-family: museosansBold; overflow: hidden; padding: 10px 16px;}
#default-content > .full,#default-content > .full > .half{padding-top: 0; padding-bottom: 0;}
#default-content .service-title{background: #000; margin-bottom: 20px;}
#default-content .service-title h3{color: #FF8D33; margin: 0; padding: 15px; background-size: auto 70% !important;}
#default-content .service-title.air-freight h3{background: url("images/air-freight-hover.png") no-repeat scroll 20px center; padding-left: 90px;}
#default-content .service-title.sea-freight h3{background: url("images/sea-freight-hover.png") no-repeat scroll 20px center; padding-left: 105px;}
#default-content .service-title.land-freight h3{background: url("images/land-freight-hover.png") no-repeat scroll 20px center; padding-left: 105px;}
#default-content .service-title.warehouse-storage h3{background: url("images/warehouse-storage-hover.png") no-repeat scroll 20px center; padding-left: 80px;}
#default-content .service-title.air-charter h3{background: url("images/air-freight-hover.png") no-repeat scroll 20px center; padding-left: 80px;}
#default-content .service-title.dangerous-goods h3{background: url("images/dangerous-hover.png") no-repeat scroll 20px center; padding-left: 80px;}
#default-content .service-title.door-to-door h3{background: url("images/door-hover.png") no-repeat scroll 20px center; padding-left: 80px;}
#default-content .service-title.misc-services h3{background: url("images/misc-hover.png") no-repeat scroll 20px center; padding-left: 80px;}
.tank-container-operations-page #default-content .service-title.misc-services h3{background: url("images/tank-white.png") no-repeat scroll 20px center; padding-left: 80px;}

/* service form */
.service-form{}
.service-form form > .fields{display: block; overflow: hidden; padding:20px 30px; background: #000;}
.service-form form .field,#contact-form form .field{display: block; overflow: hidden; margin-bottom: 10px;}
.service-form .fields .field:first-child label{ display: block; margin-bottom: 10px; font-size: 28px; font-family: museosansBold; color: #fff; position: relative; margin-left: 0; margin-top: 0;}
.service-form .fields .field:first-child input{display: none; }
.service-form .fields .field label,#contact-form .field label{ display: block; margin-left: 12px; margin-top: 12px; font-size: 18px; overflow: hidden; position: absolute;}
.service-form .fields .field input,.service-form .fields > .field textarea,#contact-form .field input,#contact-form .field textarea {border: 0 none; padding: 12px; width: 93%; font-family: museosans; font-size: 18px;}
.service-form .fields > .field textarea,#contact-form .fields > .field textarea{height: 100px; min-height: 100px; max-height: 200px; max-width:93%;  min-width: 93%;}
.service-form form input[type="submit"]{display: none; background: #FF8D33; border: 0 none; font-family: museosansBoldest; font-size: 28px; padding: 10px; text-align: right; width: 100%;}
.required{color: #FF8D33;}

/* track form */
#contact-form.track-form .field input[type=text]{width: 91%; }
#contact-form.track-form .field input.error {border: 2px solid #ff0000; padding: 10px;}
.track-form .form-block h5{font-family: museosansBold; color: #fff; line-height: 44px; }
#contact-form.track-form form .field {width: 96%;}
#contact-form.track-form .submit-btn {height: 202px; width: 13%;}
#contact-form.track-form .submit-btn:hover {width: 20%;}
.track-form .field-label {background: #fff; padding: 12px; margin-bottom: 10px;}
.track-form .shipment-detail {display: none; overflow: hidden; clear: both;}
.track-form .field-label  label {font-size: 14px; color: #999;}

/* sfs team */
#sfs-team .title{ background: #000; color: #FF8D33; display: block; float: left; font-family: museosansBold; overflow: hidden; padding: 10px 16px; margin-bottom: 0; }
#sfs-team .full img.ccm-image-block{max-width: 100%; height: auto; display: block;}
.member-container{display: block; overflow: hidden; width: 50%; float: left;}
.member{ display: block; float: left; overflow: hidden; position: relative; width: 100%; margin-bottom: 10px;}
.member .top-part{ border-bottom: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; display: block; overflow: hidden; position: relative; }
.member .top-part .image{display: block; height: 290px; overflow: hidden; width: 100%; text-align: center; background-color:#121212}
.member .top-part .image img{height: 100%; width: auto; }
.member .top-part .details{ background: #000000; border-bottom: 10px solid #000000; border-top: 10px solid #000000; display: block; height: 270px; left: 0; overflow: hidden; padding: 0 4%; position: absolute; top: 300px; width: 92%; transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;}
.member:hover .details{top: 0;}
.member .top-part .details p {font-family: museosansBold; font-size: 14px; line-height: 20px; margin-bottom: 20px; color: #FF8D33;  }
.member .top-part .details p a{color: #FF8D33;}
.member .name-desig{ background: #FF8D33; border-bottom: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; display: block; overflow: hidden; padding: 10px 13px; transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;}
.member .name-desig p{font-size: 18px; line-height: 24px; margin: 0;}
.member .name-desig span{ font-family: museosansItalic; font-size: 14px;}
.member:hover .name-desig{background:#000; color: #FF8D33; }
.rest-team .member {width:33%; margin-bottom: 25px; }
.title.rest-team{margin-top: 30px;}
/* target slider */
#target-slider{padding: 20px 0 70px; position: relative; z-index: 12;}
#target-slider .title p{font-size: 60px; line-height: 72px; transform:rotate(-8deg); margin: 40px 0 0;}
.slider-container {display: block; overflow: hidden; position: relative; z-index: 1; margin: 0 30px; transform:rotate(-8deg);}
.slider {display: block; overflow: hidden; position: relative; left: 0; transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;}
.slider > div {display: block; float: left; overflow: hidden; position: relative;}
.slider .target h5{line-height: 34px;}
.slider-container .bullets {display: block; overflow: hidden; width: 80px; margin: 0 auto;}
.slider-container .bullets span {background: #000; cursor: pointer; display: block; float: left; margin: 0 2px; overflow: hidden; width:20px; height: 20px;}
.slider-container .bullets span.active{background-color: #FF7A11;}

/* vehicles animation in target section*/
.trolly,.ship,.tempo,.plane-track{transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;}
.trolly{ background-image: url("images/trolly.png"); background-position: left center; background-repeat: no-repeat; bottom: 50px; display: block; height: 62px; overflow: hidden; position: absolute; right: 0; width: 0;}
.ship{ background-image: url("images/ship.png"); background-position: right bottom; background-repeat: no-repeat; display: block; height: 0; overflow: hidden; position: absolute; top: 95px; width: 0px; z-index: 1;}
.tempo{background-image: url("images/tempo.png"); background-position: right center; background-repeat: no-repeat; display: block; height: 141px; overflow: hidden; position: absolute; bottom: 0px; width: 0;}
.tempo-track{ background-image: url("images/tempo-track.png"); background-position: left center; background-repeat: no-repeat; background-size: 100% auto; display: block; height: 50px; overflow: hidden; position: absolute; right: 0; width: 20%;}
.plane-track{ background-image: url("images/plane-track.png"); background-position: 20px top; background-repeat: no-repeat; bottom: 348px; display: block; height: 44px; position: absolute; right: 50px; width: 183px; z-index: 11;}
.plane-port{ background-image: url("images/plane-port.png"); background-repeat: no-repeat; bottom: -2px; display: block; height: 44px; left: 0; overflow: hidden; position: absolute; width: 44px;}

/* unique-ability */
#unique-ability{ position: relative; text-align: center; padding: 70px 0 80px; background-repeat: no-repeat; background-size: cover;}
#unique-ability.one{background: #FF8D33;}
#unique-ability.two{background-image: url("images/ability-two.png");}
#unique-ability.three{background-image: url("images/ability-three.png"); }
#unique-ability.four{background-image: url("images/ability-four.png"); }
#unique-ability h4{ font-size: 34px; line-height: 40px; }
#unique-ability h2{font-family: museosansBoldest; font-size: 44px; line-height: 55px; margin: 0 auto; width: 65%;}

/* featured news */
#featured-news{background: #000; padding-top: 30px; padding-bottom: 50px; position: relative;}
.news-list,.news-list a{ color: #FFFFFF; display: block; overflow: hidden; margin-bottom: 20px;}
#featured-news h3{text-align: center; color: #fff; margin-bottom: 20px;}
#featured-news h3 span{font-family:museosansBoldest; }
.news-list a.read-more{background: url("images/read-more.png") no-repeat scroll 100% center; font-family:museosansBold; float: right; padding-right: 40px;}
.news-list a.read-more:hover{-moz-animation:readMore .3s linear; animation:readMore .3s linear; -webkit-animation:readMore .3s linear;}
.news-list .date{color: #ff7a11; margin: 0;}

/* call back form */
#callback-form{display: block; overflow: hidden; margin-top: -40px; margin-bottom: 10px; text-align: center;}
#callback-form .formblock{background: url("images/phone-call.png") no-repeat 25px center #ff8d33; display: inline-block; margin: 0 auto; overflow: hidden; padding: 20px 30px 20px 75px;}
#callback-form .formblock .fields{display: block; overflow: hidden; float: left; position: relative; z-index: 1;}
#callback-form .formblock .fields label{display: none;}
#callback-form .formblock input[type="text"]{border: 0; font-size: 20px; width: 220px; border-bottom: 2px solid #000; background: none;}
#callback-form .formblock input[type="submit"]{background: none; font-family:museosansBoldest; font-size: 20px; border: 0; }
#callback-form .success,#callback-form .errors {background: none; font-size: 20px; margin-left: 70px; position: absolute; text-align: center; width: 150px; }
#callback-form .success{color: #FFFFFF; }

/* contact form */
#contact-form .form-block{background: #000000; display: block; float: left; overflow: hidden; padding: 30px 5%; width: 70%;}
#contact-form .form-block h4{font-family: museosansBold; color: #fff; margin-bottom: 10px; font-size: 28px;}
#contact-form .form-block > p{font-size: 54px; font-family: museosansBoldest; color: #fff; line-height: 54px; margin-bottom: 20px;}
#contact-form form .field{width: 48%; margin-right: 2%; float: left;}
#contact-form form .field.last{margin-top: -58px;}
#contact-form select{cursor:pointer; padding:11px 12px; border: 0; font-family: museosans; font-size: 18px; -webkit-appearance: none; -moz-appearance: none; background: url('images/down-arrow.jpg')  no-repeat right center #fff; width:100%; text-indent: 0.01px; text-overflow: "";}
#contact-form select{min-height: 46px; border-radius: 0;}
#contact-form .field-select label{display: none;}
#contact-form .fields > .field textarea{ height: 80px; max-height: 80px; min-height: 80px;}
#contact-form input[type="submit"]{display: none;}
#contact-form .submit-btn {position: relative; cursor: pointer; background: #FF8D33; display: block; float: left; height: 432px; overflow: hidden; width: 10%; transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; }
#contact-form .submit-btn span{ bottom: 30px; display: block; font-size: 30px; overflow: hidden; padding: 0 10%; position: absolute; text-align: center; width: 80%; transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; }
#contact-form .submit-btn:hover{width: 20%;}
#contact-form .submit-btn:hover span{ bottom: 48%;}

.errors, .success{width: 95%; padding:10px; margin-bottom: 10px; }

/* map */
#map{height: 850px; padding: 0; width: 100%; position: relative; margin-top: 20px;}
#map .slant.white{z-index: 2;}
#map .address h3{position: absolute; z-index: 3; top: 40px; width: 100%; text-align: center;}
#map .address h3 span{font-family:museosansBoldest; }
#map .address .locations{text-align: left; z-index: 3; margin-top: 100px;}
#map .address .locations p{margin-bottom: 5px; font-family:museosansBoldest; cursor: pointer; }
#map .address .locations address{font-style: normal; margin-bottom: 20px;}
#map_canvas {height: 850px; left: 0; position: absolute; width: 100%; z-index: 1;}

/* footer */
footer{position: relative;}
footer h6{font-family: museosansBoldest; margin-bottom: 15px;}
footer .footer-logo{display: block; overflow: hidden; width: 100%; text-align: center; padding: 10px 0 0; margin-bottom: 0;}
footer .footer-logo .site-by img{height: 16px;}
footer .fb-like p{text-align: center;}
footer .fb-like iframe{display: block; overflow: hidden; width: 50px; margin: 0 auto;}
.footer-logo a { display: block; margin: 0 auto; width: 120px;}
.footer-logo a img{max-width: 100%; height: auto;}

#sfs-team .full > p { text-align: justify; }

@media screen and (max-width: 1280px) {
}

@media screen and (max-width: 1060px) {
}

@media screen and (max-width: 960px) {
    .trolly{width: 277px !important; bottom: 10px !important;}
    .ship{height: 300px; width: 200px !important;}
    .tempo{top: 80px !important; bottom: auto !important; width: 500px !important;}
    .tempo-track{top: 25px !important; right: -100px !important;}
    .plane-track{background-position: 0 top; height: 663px;}
    nav ul{padding-left: 0; }
    header .logo p { width: 150px; }
    .nav li a{ padding: 18px 12px; font-size: 15px; }
}
@media screen and (max-width: 800px) {
   header .logo{padding:15px; height: 145px; width: 145px;}
   header .logo a{margin-top: 0;}
   .member .top-part .image{height: 250px;}
   .member .top-part .details{height: 230px;}
   .member .name-desig{padding:10px 12px; }
   .member .name-desig span { font-size: 12px; }
   footer .footer-logo{padding: 0; margin: 0;}
   .news-listing-page .news-list { min-height: 300px; }
   #other-services .service .title{font-size: 14px;}
   .plane-track { background-position: -12px top; height: 600px; right: 0;}
   .tempo { bottom: auto !important; top: 80px !important; width: 430px !important; }
   .mobile-menu{display: block;}
    nav{overflow: visible;}
    nav ul{display: none; position: absolute; top: 66px; right: 0; width: 120px; text-align: center; background: #FF8D33;}
    nav ul ul{ margin-top: -5px; right: 120px; width: 160px; top: 0; }
    .nav li{float: none;}
    .nav li a{padding: 6px;}
}

@media screen and (max-width: 720px) {
   header .logo { height: 135px; padding: 10px; width: 135px; }
   header .logo img { width: 90px; }
   header .logo p{margin-top: 14px;}
   .nav li a { font-size: 17px; padding: 18px 10px; }
   #featured-services .more-services{right: 75px;}
   footer h6 {font-size: 19px; margin-bottom: 10px; }
   footer p{font-size: 14px;}
   .member .top-part .details{width: 86%; padding: 0 7%; overflow: auto; border-bottom: 7px solid #000000; border-top: 7px solid #000000; height: 236px;}
   .news-listing-page .news-list { min-height: 320px; }
   #other-services .service .title{line-height: 14px;}
   .tempo { width: 390px !important; }
   .nav li a{padding: 8px;}
}

@media screen and (max-width: 640px) {
    h1 { font-size:38px; line-height:50px; margin-bottom: 15px; }
    h2 { font-size:35px; line-height:45px; margin-bottom: 13px;}
    h3 { font-size:30px; line-height:40px; margin-bottom: 10px;}
    h4 { font-size:28px; line-height:38px; margin-bottom: 10px; }
    h5 { font-size:24px; line-height:34px; margin-bottom: 10px; }
    h6 { font-size:21px; line-height:26px; margin-bottom: 10px; }
    p { font-size:16px; line-height:26px; margin-bottom: 10px;}
    .half { padding:2%; width:96%; }
    .third,.quarter { padding:2%; width:100%;text-align:center; }
    .news-list, .news-list a{margin-bottom: 0;}
    footer .quarter{text-align: center;}
    #default-content .full .full,#default-content .half{padding-top: 0; padding-bottom: 0;}
    #target-slider,#target-slider .title{padding-top: 0;}
    #target-slider .title p{margin: 0;}
    .cust-half{width: 49.5%;}
    #featured-services .more-services { right: 60px; }
    #page-title .third{width: 30%;}
    .social-share {margin-top: 12px;}
    .news-listing-page .news-list { min-height: 10px;}
    #map .address .locations{width: auto;}
    #breadcrumbs{display: none;}
    .tempo-track,.tempo{display: none;}
    .tempo { width: 618px !important; top: 100px !important;}
    .ship { height: 360px; width: 120px !important; }
    .plane-track { height: 650px; }
}

@media screen and (max-width: 540px) {
   #featured-services .more-services { right: 51px; border: 2px solid #FFFFFF; font-size: 18px; padding: 8px 12px; }
   .member{width: 48%; margin: 1%;}
   .service .read-more{line-height: 76px; font-size: 52px;}
   .service:hover .read-more{width: 80px; height: 80px;}
   #other-services .cust-half { width: 33%; }
   #other-services .service .title { font-size: 18px;}
   #unique-ability h2 { font-size: 40px; line-height: 50px; width: 100%;}
    #contact-form .submit-btn{width: 16%;}
   .service-form .fields .field label, #contact-form .field label, #contact-form .field select{font-size: 16px;}
   .plane-track { height: 600px; }
   .ship {width: 70px !important; }
   #map,#map_canvas{height: 600px;}
}

@media screen and (max-width: 460px) {
    h1 { font-size:34px; line-height:44px; margin-bottom: 15px; }
    h2 { font-size:31px; line-height:41px; margin-bottom: 13px;}
    h3 { font-size:28px; line-height:38px; margin-bottom: 10px;}
    h4 { font-size:26px; line-height:35px; margin-bottom: 10px; }
    h5 { font-size:24px; line-height:32px; margin-bottom: 10px; }
    h6 { font-size:21px; line-height:26px; margin-bottom: 10px; }
    p { font-size:16px; line-height:26px; margin-bottom: 10px;}
    .twothird{width: 96%;}
    #featured-services .more-services{right: 32px;}
    header.content, .banner, #supersized, #supersized li{height: 360px;}
    #contact-form form .field{width: 100%; margin-right: 0;}
    #contact-form form .field.last{margin-top: 0;}
    #contact-form .form-block{width: 90%;}
    .service-form .fields .field input, .service-form .fields > .field textarea, #contact-form .field input, #contact-form .field textarea{width: 94%;}
    .service-form .fields > .field textarea, #contact-form .fields > .field textarea{max-width: 94%; min-width: 94%;}
    #contact-form .submit-btn { height: auto !important; width: 100% !important; }
    #contact-form .submit-btn span{position: relative; padding-top: 10px; padding-bottom: 10px; bottom: 0 !important;}
    #page-title .third{ float: left; left: 0; position: absolute; top: -45px; width: auto; z-index: 11;}
    .social-share a { display: block; float: left; margin-left: 4px; overflow: hidden; width: 22px; }
    .social-share a img{max-width: 100%; height: auto;}
    .site-body{overflow: visible;}
    .ship,.plane-track{display: none;}
    .caption{ bottom: 30px; padding: 15px; }
    .caption p{font-size: 30px; line-height: 36px;}
}

@media screen and (max-width: 360px) {
    header.content, .banner, #supersized, #supersized li { height: 300px; }
    header .logo{height: 120px;}
    header .logo p{font-size: 16px; line-height: 20px; margin-top: 10px;}
    ul#slide-list li{width: 18px; height: 18px;}
   .cust-half { width: 100%; }
   .caption{width: 210px; padding: 10px; margin-left: 0; bottom: 34px;}
   .caption p { font-size: 20px; line-height: 30px; }
   #featured-services .more-services { right: 90px;}
   #unique-ability{padding: 50px 0 60px;}
   #unique-ability h4 { font-size: 28px; line-height: 38px; }
   #unique-ability h2 { font-size: 30px; line-height: 40px;  }
   #callback-form .formblock{background-position: 5px center; padding: 18px 0 18px 50px; width: 100%;}
   #callback-form .formblock .fields label,#callback-form .formblock input[type="text"],#callback-form .formblock input[type="submit"] { font-size: 16px; }
   #callback-form .success, #callback-form .errors{font-size: 18px; margin-left: 50px; padding: 0 10px;}
   .member { float: none; margin: 1% auto; width: 73%; }
   #other-services .service .title { font-size: 16px; }
}

@media screen and (max-width: 320px) {
    h1 { font-size:30px; line-height:40px; margin-bottom: 12px; }
    h2 { font-size:28px; line-height:38px; margin-bottom: 11px;}
    h3 { font-size:26px; line-height:36px; margin-bottom: 10px;}
    h4 { font-size:24px; line-height:34px; margin-bottom: 10px; }
    h5 { font-size:22px; line-height:32px; margin-bottom: 10px; }
    h6 { font-size:20px; line-height:26px; margin-bottom: 10px; }
    p { font-size:16px; line-height:26px; margin-bottom: 10px;}
    #featured-services .more-services { right: 70px; }
    .slider-container{margin: 0 4px;}
    #callback-form .formblock input[type="text"]{width: 110px;}
    .member{width: 82%;}
    #callback-form .success, #callback-form .errors{width: 110px; font-size: 14px;}
    #other-services .cust-half { width: 49.5%; }
    #contact-form .form-block p{font-size: 50px;}
}

 @media print {

}