@import url('https://fonts.googleapis.com/css?family=Oswald|Roboto');

@charset "utf-8";

/* CSS Document font-family: 'Oswald', sans-serif;

font-family: 'Roboto', sans-serif; */

.nopadding { padding:0!important;}

.mainHolder { overflow:hidden;} 

.top_border { background:url(../image/top_border.png) repeat left top; height:12px;}

.headerSection { position:relative;}

.logoSection { position:absolute; z-index:99; left:0; right:0; top:12px; max-width: 1170px; padding-right: 15px;

padding-left: 15px;

margin-right: auto;

margin-left: auto;}

.banner img { width:100%; display:block; vertical-align:top;}

.topEnvlope { padding:12px 0 0 0; box-sizing:border-box;}

.topEnvlope > i { color:#ffa500; font-size:20px; margin: 0 10px 0 0;}

.topEnvlope > a { text-decoration:none!important; color:#fff!important; font:normal 23px 'Roboto', sans-serif; text-align:right; }

.topMobile { font:bold 37px 'Oswald', sans-serif; color:#fff; text-align:right;}

.topMobile > i { color:#ffa500; font-size:45px; margin: 0 10px 0 0;}

.menuBorder { background:rgba(255, 255, 255, 0.3)!important; padding:7px 7px 7px 0; box-sizing:border-box; border-radius:0 50px 50px 0!important; -moz-border-radius:0 50px 50px 0!important; -webkit-border-radius:0 50px 50px 0!important; margin: 10px 0 0 24px;}

.topMenu { width:100%; background:#fff; border-radius:0 50px 50px 0; -moz-border-radius:0 50px 50px 0; -webkit-border-radius:0 50px 50px 0; height:61px; z-index:-1;}

.topMenu .navbar { border:0!important; margin-right:20px;}

.hsLogo { z-index:9; position:relative;}

/*.topMenu .nav > li > a { font:normal 17px 'Roboto', sans-serif; color:#000!important; padding:1.2em 1.0em !important; text-shadow:none!important;}*/
 .topMenu .nav > li > a {
    font: normal 15px 'Roboto', sans-serif;
    color: #000!important;
    padding: 1.42em 0.7em !important;
    text-shadow: none!important;
}

.topMenu .nav>li>a.active, .topMenu .nav>li>a:hover, .topMenu .nav>li.current-menu-item>a, .topMenu .nav>li.current-menu-parent>a{ color:#fff!important; /*padding:1.2em!important;*/ background:#ffa500; text-shadow:none!important;}

.gatwick { margin:21% 0 10px 0;}

.gatwick h5 { color:#ffa500; font:normal 24px 'Oswald', sans-serif;}

.gatwick h5 span { color:#fff; font:normal 24px 'Oswald', sans-serif;}

.pickandDrop .form-control, .pickandDrop .input-group-addon { border:0!important; background:#fff!important;}

.pickandDrop { margin:0;}

.pickandDrop .marketInput { padding-left:0!important;}

.pickandDrop input { color:#000!important;}

.pickandDrop i.fa { color:#c3c3c3!important;}

.getTaxi button { border:1px solid #fff; background:none!important; text-align:center; line-height:33px; color:#fff!important; font:normal 16px 'Roboto', sans-serif;}



.secure { margin:-40px 0 0 0;}

.secure .airport { padding:10px 0 5px 20px!important; box-sizing:border-box;}

.secure .airport > img { margin:9px 20px 14px 0 ;}

.secure .airport > h3 { margin:0; padding:0; font:normal 1.8vw 'Oswald', sans-serif; color:#000;}

.secure .airport > p { margin:0; padding:0; font:normal 14px 'Roboto', sans-serif; color:#fff;}

.airBg { background:#ff7800;}

.safeBg { background:#ffa500;}

.onlineBg { background:#ffc000;}

.welcomeSection { background:url(../image/welcomeBg.jpg) repeat-x left -382px ; margin:35px 0 0;}

.welcomeSection .flexslider { background:none!important;}

.welcomeSection .flex-direction-nav { display:none;}

 .welcomeText .flexslider .slides > li > h3 { font:normal 24px 'Oswald', sans-serif; color:#fff;}

 .welcomeText .flexslider .slides > li > h3 > span { color:#ffa500;}

 .welcomeText .flexslider .slides > li > p {  font:normal 14px 'Roboto', sans-serif; color:#fff;}

 .welcomeText .flex-control-nav {  bottom: 0 !important;  } /*.welcomeText .flex-control-nav {  bottom:-16px!important;}*/

 .welcomeText .flex-control-nav li { float:right;}

.welcomeText { box-sizing:border-box; margin:20px 0 30px;}



.benefitsBox { margin-bottom:20px;}

.benefitsBox h6 { font:normal 14px 'Roboto', sans-serif; color:#000; text-align:center; margin:0;}

.benefitsBox h4 { font:normal 40px 'Oswald', sans-serif; color:#ffa500; text-align:center; margin:0 0 21px 0;}

.benefitsText { box-sizing:border-box; padding-left:40px;}

.benefitsText > i.fa { font-size:41px; color:#ffa500; height:80px;}

.benefitsText > h4 {font:normal 18px 'Oswald', sans-serif; color:#000; text-align:left; margin:0;}

.benefitsText > p { font:normal 12px 'Roboto', sans-serif; color:#000;}



.airportTransfer { background:url(../image/tunbridgeBg.jpg) no-repeat left top; background-size:100%; margin: 0 0 40px 0;}

.airportTransfer .airportText { float:none!important; margin:0 auto; background:#000; padding:0px 0 0px; box-sizing:border-box;}

.airportTransfer .airportText h2 { margin:0;  font:normal 28px 'Oswald', sans-serif; color:#fff; text-align:center;}

.airportTransfer .airportText h4 { font:normal 15px 'Roboto', sans-serif; color:#ffa500; text-align:center; margin:7px 0 20px;}

.airportTransfer .airportText p { color:#777777; font:normal 12px 'Roboto', sans-serif; text-align:center; padding:0 25px;}

.airportTransfer .airportText h1 { margin:0px 0 0 0;  font:normal 27px 'Oswald', sans-serif; color:#fff; text-align:center; background:#ffa500;} 

.airportTransfer .airportText h1 i.fa { font-size:43px; color:#000; margin-right:20px;}



.bookAirport { background:#000; padding-bottom:30px;}

.bookAirport h3 { font:normal 24px 'Oswald', sans-serif; color:#fff; text-align:center;  margin: 20px 0;}

.bookAirport h3 span { color:#ffa500;}

.bookAirport a.airportTaxi { border:1px solid #fff; position:relative; display:block; text-decoration:none; overflow:hidden;}

.bookAirport a.airportTaxi h3 { position:absolute; bottom:0; background:rgba(0, 0, 0, 0.4); text-align:center; font:normal 16px 'Roboto', sans-serif; color:#fff; width:100%; margin:0; padding:8px 0; box-sizing:border-box; -webkit-transition:height 1s; /* For Safari 3.1 to 6.0 */ 

   -moz-transition:height 1s; -o-transition:line-height 1s; transition: line-height 1s; line-height:20px;}

.bookAirport a.airportTaxi h3:hover { vertical-align:bottom; line-height:160px;}

.clientSection { margin:30px 0;}



.innerPage { box-sizing:border-box; padding:20px;}

.innerPage h3 { font:normal 24px  'Oswald', sans-serif; color:#ffa500; margin:0;}

.innerPage p { font:normal 14px 'Roboto', sans-serif; color:#8e8c8c;}

.innerPage input.form-control, .innerPage textarea.form-control { background:#none!important; border:1px solid #ccc; resize:none; color:#000; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}

.innerPage .btn-group {  width:100%; }

.innerPage input#inputsubmit { background:#ff7f00;  width:100%; font:18px 'Roboto', sans-serif; color:#fff; border-radius:3px;

 -moz-border-radius:3px; -webkit-border-radius:3px;}

.innerPage ul { margin:30px 0 0 0; padding:0; display:inline-block;}

.innerPage ul > li { margin:0; padding:3px 0; list-style:none;}

.innerPage ul > li > span { font:14px 'Roboto', sans-serif; color:#777; font-weight:normal!important; margin:0 10px 0 0;  white-space: nowrap;

    display: inline-block;}

.innerPage ul > li > span i.fa { margin:0 12px 0 0; color:#ff7f00; font-size:21px;}

.innerPage ul > li > a { font:15px 'Roboto', sans-serif; color:#777; font-weight:normal!important; text-decoration:none!important; margin-bottom:4px; display:inline-block;}

.innerPage ul > li i.fa { margin:0 12px 0 0; color:#ff7f00; font-size:18px;}

.innerPage form { margin:30px 0 0 0;}



.serviceArea h2 { font:normal 20px 'Roboto', sans-serif; color:#000; margin:10px 0;}

.serviceArea ul { margin:0; padding:0; list-style:none;     -webkit-column-count: 3; -moz-column-count: 3;  column-count: 3;}

.serviceArea ul li {    font: normal 12px 'Roboto', sans-serif; color: #8e8c8c; background: url(../image/footarrow.png) no-repeat left 2px;

    margin: 6px 0; box-sizing: border-box; padding: 0 0 0 23px;}



.footerSection { background:#000; padding:15px 0;}

.footLogo h2 { margin:30px 0 0 46px; padding:0;  }

.footlink {} 

.footlink > h2 { font:bold 25px  'Oswald', sans-serif; color:#fff;}

.footlink > ul { margin:0; padding:0; display:inline-block;}

.footlink > ul > li { margin:0; padding:3px 0; list-style:none; background:url(../image/footarrow.png) no-repeat left 8px;}

.footlink > ul > li > a { font:14px 'Roboto', sans-serif; color:#fff; font-weight:normal!important; margin:0 10px 0 17px;  white-space: nowrap;

    display: inline-block; width: 215px; text-decoration:none!important;}

.footContact {}

.footContact > h2 { font:bold 25px  'Oswald', sans-serif; color:#fff;}

.footContact > h5 { font:normal 19px 'Roboto', sans-serif; color:#ffa500; margin: 22px 0 0 0;}

.footContact > h5 > span { color:#fff;}

.footContact > ul { margin:0; padding:0; display:inline-block;}

.footContact > ul > li { margin:0; padding:3px 0; list-style:none;}

.footContact > ul > li > span { font:14px 'Roboto', sans-serif; color:#fff; font-weight:normal!important; margin:0 10px 0 0;  white-space: nowrap;

    display: inline-block;}

.footContact > ul > li > span > strong { font:15px 'Roboto', sans-serif; color:#fff; font-weight:normal!important; margin:0 0 0 23px;}

.footContact > ul > li > span > .fa { margin:0 12px 0 0; color:#ff7f00; font-size:21px;}

.footContact > ul > li.footermail > .fa { margin: 0 12px 0 0; color: #ff7f00; font-size: 17px;}

.footContact > ul > li.footermail a {     font: 14px 'Roboto', sans-serif; color: #fff; text-decoration:none;}

.footContact > ul > li > p { font:14px 'Roboto', sans-serif; color:#fff; font-weight:normal!important;}

.footContact > ul > li > p > a { font:15px 'Roboto', sans-serif; color:#fff; font-weight:normal!important; text-decoration:none!important; margin-bottom:4px; display:inline-block;}

/*.footContact > h2 { font:bold 25px 'Oswald', sans-serif; color: #fff; margin:17px 0;}*/

.footContact > h2 span { color:#fff;}

.footContact > h3 { margin:10px 0;}

.footContact > h3 > a { text-decoration:none!important; display:inline-block; margin-right:20px;}

.footForm {  box-sizing: border-box; padding: 26px;}

.footForm input.form-control, .footForm textarea.form-control { background:#545050!important; border:0; resize:none; color:#fff; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}

.footForm .btn-group {  width:100%; }

.footForm input#inputsubmit { background:#ff7f00;  width:100%; font:18px 'Roboto', sans-serif; color:#fff; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {

color: #000 !important;

}

 

input:-moz-placeholder, textarea:-moz-placeholder { /* Firefox 18- */

color: #000 !important;  

}

 

input::-moz-placeholder, textarea::-moz-placeholder {  /* Firefox 19+ */

color: #000 !important;  

}

 

input:-ms-input-placeholder, textarea:-ms-input-placeholder {  

color: #000 !important;  

}

.footBottom {  background:#000; border-top:1px solid #3f3f3f;}

.copyLeft { font:normal 14px 'Roboto', sans-serif; color:#fff; text-align:left; padding:17px 0;}

.copyLeft > span { color:#ff7f00;}

.copyRight { font:normal 14px 'Roboto', sans-serif; color:#fff; text-align:right; padding:17px 0;}

.copyRight > span { color:#ff7f00;}

.spaceingMargin { margin:30px 0;}

/* footer*/

/**************************Responsive Css ******************************/

@media screen and (min-width:250px) and (max-width:600px) {

	.logoSection { position:initial;}

	.topMenu, .menuBorder { background:none!important;}

	.flex-control-nav { bottom:10px!important;}

	.topEnvlope, .topMobile { text-align:center; color:#000; padding-bottom:20px;}

	.topEnvlope > a { color:#000!important;}

	.topMenu .navbar-toggle { background:#ffa500;}

	.topMenu .navbar-toggle .icon-bar { background:#fff;}

	#small { background:#000; z-index: 3; position: relative; padding:0;}

	.hsLogo { box-sizing: border-box; padding: 0 0 0 20px;}

	.hsLogo > img {  width: 201px; } /*.hsLogo > img { width:112px;}*/

	.topMenu .nav > li > a { color:#fff!important;}

	.topMenu ul.nav.navbar-nav { width:100%; margin:0!important;}

	.gatwick { margin:0;}

	.gatwick h5 { color: #000; font: normal 19px 'Oswald', sans-serif;}

	.topMenu, .navbar.navbar-castom { height:auto; margin:0;}

	.pickandDrop .form-control, .pickandDrop .input-group-addon { background:#ededed !important;}

	.menuBorder { margin:0; padding:0;}

	/*.pickandDrop .marketInput { padding-left: 15px !important;}*/

	.pickandDrop .marketInput { display:none;}

	.footContact > ul > li > span { white-space: normal; }



	.pickMobile { display:none;}

	.pickMobile { display:block; position:absolute; top:6%; left:50%; transform:translate(-50%,-50%); }
	.pickMobile .marketInput { padding-left: 0!important;}
	.pickMobile .marketInput a.bookNow {
	    /*margin: 0 auto!important;
	    display: block!important;
	    float: none;
	    background: #ffa500;
	    border: 0;
	    color: #000;
	    text-decoration: none!important;
	    width: 106px;
	    color: #fff!important;
	    font: normal 15px 'Oswald', sans-serif;
	    text-align: center;
	    box-sizing: border-box;
	    padding: 5px 0;
	    border-radius: 7px;*/

	    margin: 0 auto !important;
		display: block !important;
		float: none;
		background: #ffa500;
		border: 0;
		color: #000;
		text-decoration: none !important;
		width: auto;
		color: #fff !important;
		font: normal 12px 'Oswald', sans-serif;
		text-align: center;
		box-sizing: border-box;
		padding: 5px 10px;
		border-radius: 0;
	}



	.getTaxi button { width:100%; background:#ff7800!important; border:0;}

	.secure .airport > h3 { font-size:15px;}

	.welcomeSection { background:#000!important; box-sizing:border-box; padding-bottom:20px;}

	.benefitsBox { box-sizing:border-box; padding-top:20px;}

	.airportTransfer { background:none!important;}

	.bookAirport a.airportTaxi { margin-bottom:20px;}

	.bookAirport a.airportTaxi img { width:100%;}

	.clientSection img { width:100%; margin: 0 0 10px 0;}

	.footForm.nopadding { padding:26px!important; box-sizing:border-box;}

	.copyLeft, .copyRight { text-align:center; width:100%;}

	.serviceArea ul { -webkit-column-count:1; -moz-column-count:1; column-count:1;}

	.serviceArea ul li { line-height:20px;}

	}

@media screen and (min-width:601px) and (max-width:765px) { 

     .logoSection { position:initial;}

	.topMenu, .menuBorder {  height: auto!important; background:none!important;}

	.innerPage .col-xs-12 { width: 100%!important;}

	.col-xs-12 { /*width: 50%!important;*/ }

	.topMenu .navbar-toggle { background:#ffa500;}

	.topMenu .navbar-toggle .icon-bar { background:#fff;}

	#small { background:#000; z-index: 3; position: relative; padding:0;}

	.hsLogo { box-sizing: border-box; padding: 0 0 0 20px;}

	.hsLogo > img { width:112px;}

	.topMenu .nav > li > a { color:#fff!important;}

	.topMenu ul.nav.navbar-nav { width:100%; margin:0!important;}

	.topEnvlope, .topMobile { text-align:center; color:#000; padding-bottom:20px;}

	.topEnvlope > a { color:#000!important; font-size:17px;}

	.pickandDrop .form-control, .pickandDrop .input-group-addon { background:#ededed !important;}

	.gatwick { margin:0;}

	/*.pickandDrop .marketInput { padding-left:15px!important;}*/
	.pickandDrop .marketInput { display: none; }

	.copyLeft, .copyRight {     text-align: center;}

	.getTaxi button { width:100%; background:#ff7800!important; border:0;}

	.secure { margin:0;}

	.secure .airport { padding: 1% !important; width: 32% !important; height: 82px; }

	.benefitsBox { margin:20px 0 0;}

	.welcomeText { box-sizing: border-box; margin: 0 0 30px;}

	.welcomeText .flexslider .slides > li > h3 { margin-top:0;}

	.welcomeSection { background:#000!important; box-sizing:border-box; padding-top:20px;}

	.bookAirport a.airportTaxi { margin: 0 0 10px 0;}

	.clientSection img { margin: 0 0 10px 0;}

	.footerSection .footlink, .footerSection .footContact, .footerSection .footForm { width:30%; display:inline-block; vertical-align:top;}

	.footContact > ul > li > span { white-space:normal;}

	.footContact > ul > li i.fa { display:none;}

	.benefitsText {     padding-left: 0;}
 	innerPage ul > li > span { white-space: normal; }
	.copyLeft , .copyRight { width:100%; text-align: center; }

	.footlink > ul > li > a { font-size:12px;}

	.navbar-nav .open .dropdown-menu>li>a {     color: #fff!important ; }

	.navbar-nav .open .dropdown-menu>li>a:focus, .navbar-nav .open .dropdown-menu>li>a:hover { background-color: #ffa500;}

	.footlink > ul > li > a { font-size:12px;}

	
	a.bookAirport a.airportTaxi > img { width :100%;}
	.secure .airport > p  { font-size:12px;}

}

@media screen and (min-width:766px) and (max-width:1000px) { 

  	.hsLogo {  box-sizing: border-box;  padding: 22px 0 0 20px;  } /*.hsLogo { box-sizing: border-box; padding: 0 0 0 20px;}*/

	.hsLogo > img {  width: 142px; } /*.hsLogo > img { width:112px;}*/

	.topMenu .nav > li > a, .topMenu .nav > li > a.active, .topMenu .nav > li > a:hover { padding:12px !important; font-size:14px;}

	.topMenu { height:auto!important;}

	.topMenu .navbar { min-height: auto !important; margin-bottom: 0;}

	.secure { margin: 10px 0 0 0;}

	/*.pickandDrop div { padding:0!important;}*/

	/*.pickandDrop .marketInput { width: 120px;}*/
	.pickandDrop .marketInput { margin: 0 auto;  display: block!important;  float: none; width: 120px;}

	/*.gatwick { margin: 15% 0 0 0; */
	.gatwick {  margin: 7% 0 0 0; } /*.gatwick { margin: 2% 0 0 0; }*/

	.pickandDrop { margin: 8px 0 0 0;}

	.benefitsText > h4 { font-size:14px;}

	.benefitsBox { margin:20px 0;}

	.benefitsText > p { font-size:11px;}

	.benefitsText > i.fa { font-size:28px;}

	.benefitsText { padding-left:0;}

	.bookAirport a.airportTaxi h3 { font-size:11px;}

	.bookAirport a.airportTaxi h3:hover { line-height:20px; }

	.clientSection img { width:100%; margin: 0 0 10px 0;}

	.topMenu .nav > li > a, .topMenu .nav > li > a.active, .topMenu .nav > li > a:hover {
		padding: 15px 6px !important;
	    font-size: 12px;
	    box-sizing: border-box;
	}
	.bookAirport {
	    background: #000;
	    padding: 0 0 30px 0;
	}
	.footBottom {
	    margin: 0;
	    padding: 0;
	}
	.footlink > ul > li > a, .footContact > ul > li > span { white-space: normal; }

	.container {
	    width: 100%!important;
	}

	.topEnvlope { font-size:18px;}

 	.topMobile { font-size:18px;}
	.innerPage ul > li > span {     white-space: normal; }
	.pickMobile {    display: none;}

	.gatwick h5 { display:none;}

 }

 @media screen and (min-width:1002px) and (max-width:1200px) {

	 .topEnvlope > a { font-size:17px;}

	 .topMobile { font-size:24px;}

	 .gatwick { margin: 20% 0 10px 0;}

	 .clientSection img { width:100%;}

.topMenu .nav > li > a {  padding: 1.92em 0.4em !important; font-size:12px; }
	  
}