.font-150 { font-size: 150%; font-size: "open_sanssemibold"; }
.btn-black { color: #000; background-color:#800040; transition:0.2s;}
.btn-black.focus, .btn-black:focus, .btn-black:hover, .btn-black.active, .btn-black:active { color: #fff; background-color: #474747;  }
.btn-yellow { color: #111; background-color: #008040;transition:0.2s; }
.btn-yellow.focus, .btn-yellow:focus, .btn-yellow:hover, .btn-yellow.active, .btn-yellow:active { color: #111; background-color: #FFE77C; }
.guest-speak span { color: #fff; font-family: "robotoregular"; font-weight: bold; font-size: 110%; }
.center-me { text-align: center; }
.add-button, .minus-button { margin-top: 26px; margin-right: 5px; }
.bootstrap-datetimepicker-widget { z-index: 1031; color: #111; }
/****** Hint ********/
.typeahead, .tt-query, .tt-hint { 
background-color: #fff !important; }
.tt-hint { display: none; }
.tt-query { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; }
.tt-dropdown-menu { background-color: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 8px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); margin-top: 0px; padding: 8px 0; color: #333; width: 440px; }
.tt-suggestion { font-size: 100%; line-height: 20px; padding: 3px 10px; }
.tt-suggestion.tt-is-under-cursor { background-color: #0097CF; color: #FFFFFF; }
.tt-suggestion p { margin: 0; }
.capacity { padding-top: 25px; }
.capacity span.circle { padding: 12px 20px; background-color: #111; color: #fff; font-size: 200%; vertical-align: middle; /*box-shadow:0px 0px 10px #ccc;*/border-radius: 50%; }
.panel-black, .panel-yellow, .panel-red, .panel-blue { color: #FFF; font-family: 'robotoregular'; /*overflow: hidden;*/ transition:0.3s;}
.panel-black:hover, .panel-yellow:hover, .panel-red:hover, .panel-blue:hover  {box-shadow: 0px 10px 8px 3px rgba(176,176,176,1);}
.panel-black h4, .panel-yellow h4, .panel-red h4, .panel-blue h4 {font-family: 'robotomedium';}
.panel-black h3, .panel-yellow h3, .panel-red h3, .panel-blue h3 {font-family: 'ralewaybold'; background: rgba(0, 0, 0, 0.6);padding: 10px;}
.panel-black { background: #006666; }
.panel-yellow { background:#0066CC; }
.panel-red { background: #DF0070; }
.panel-blue { background: #39740E; }
.panel-gray { background:#C45002;}
.text-black { color: #fff; }
.text-yellow { color: #fff; }
.text-red { color: #F30100; }
.text-white { color: #fff; }
.btn-red {background: #F30100; transition:0.2s; color:#FFF;}
.btn-red:hover {background: #FF5656;  color:#FFF;}
.yellow-star, .red-star, .black-star { background: url(../images/star1.png) no-repeat; display: inline-block; line-height: 68px; width: 68px;}
.yellow-star span, .red-star span, .black-star span { margin: 0 16px; font-family: 'robotomedium'; font-size: 16px; vertical-align:top;}
.yellow-star { background-position: 0px 0px; }
.red-star { background-position: 0px -94px; }
.black-star { background-position: 0px -184px; }
.taxi-stripe1, .taxi-stripe2, .taxi-stripe3, .taxi-stripe4 { margin: auto -15px; height: 10px; }
.taxi-stripe1 { background: url(../images/stripe1.png) repeat-x; }
.taxi-stripe2 { background: url(../images/stripe2.png) repeat-x; }
.taxi-stripe3 { background: url(../images/stripe3.png) repeat-x; }
.taxi-stripe4 { background: url(../images/stripe4.png) repeat-x; }
.separator-yellow { border-top:4px solid #FED000; padding:5px 0; }
.form-custom { padding:20px 0;}
.form-custom .form-group { padding: 0 5px;}
.form-custom .form-control { border:none; box-shadow:none; border-bottom:1px solid #FED000; border-radius:0;}
.heading-yellow { background: #FED000; padding:10px; border-radius:5px;}
@media (max-width:360px) {
body { padding-top: 0px; }
.logo { text-align: center; }
header button { float: right; }
.callarea { font-size: 115%; float: left; line-height: 50px; text-align: left !important; }
.banner .nav > li > a { padding: 6px 4px !important; font-size: 14px; }
.panel.threecol_block { max-width: 90%; margin: 15px auto !important; }
.howit-works .nav-tabs > li { width: 100% }
.howit-works .nav-tabs > li > a { width: 100%; display: block; background-position: 10% 50%; text-align: left; padding-left: 25%; }
.potential .col-xs-6:nth-of-type(3), .potential .col-xs-6:nth-of-type(5) { clear: left; }
.other-site img { width: 100%; }
}

@media (max-width:320px) {
.banner .nav > li > a { padding: 4px 4px !important; font-size: 13px; margin-right: 1px; }
.banner .nav > li:last-child > a { margin-right: 0px; }
}

@media (min-width:480px) and (max-width:640px) {
.calltaxi-logo { float: left; }
header button { float: right; }
.callarea { font-size: 115%; float: left; line-height: 50px; text-align: left !important; }
.panel.threecol_block { max-width: 90%; margin: 15px auto !important; }
.howit-works .nav-tabs > li > a,  .howit-works .nav-tabs > li.active > a,  .howit-works .nav-tabs > li > a:hover { padding-left: 48px; padding-right: 11px; background-position: 1px 50%; }
.howit-works .nav-tabs > li:nth-of-type(2) > a,  .howit-works .nav-tabs > li:nth-of-type(2).active > a,  .howit-works .nav-tabs > li:nth-of-type(2) > a:hover { padding-left: 31px; }
.howit-works .nav-tabs > li:nth-of-type(3) > a,  .howit-works .nav-tabs > li:nth-of-type(3).active > a,  .howit-works .nav-tabs > li:nth-of-type(3) > a:hover { padding-left: 38px; }
.float-adjust { width:50%; float:left;}
}

@media (max-device-width:480px) and (orientation:landscape) {
.calltaxi-logo { float: left; }
.callarea { display: none; }
.panel.threecol_block { max-width: 90%; margin: 15px auto !important; }
.howit-works .nav-tabs > li > a, .howit-works .nav-tabs > li.active > a, .howit-works .nav-tabs > li > a:hover { padding: 9px 15px !important; background-image: none; }
}

@media (min-width:768px) and (max-width:980px) {
.logo img { width: 215px; }
}
.booking-offer h3{margin:5px 0px 15px;font-weight:normal;}
h2.booking-offers{font-size:20px;border-bottom:2px solid #fed000;padding-bottom:10px;}
.row.booking-offers{color:#888;}
h1.green{font-family: 'open_sansbold';color:#5EC800;}
h1.red{font-family: 'open_sansbold';color:#D8001C;}
h2.heading-yellow{font-size:18px;font-family: 'open_sansbold';}
.boxen h3{font-family: 'open_sanssemibold';font-size:17px;margin:0px;padding-bottom:5px;border-bottom:2px solid #FFDD00;}
.boxen{border:1px solid #ddd;border-radius:5px;padding:15px 10px;}
.boxen .row{margin-bottom:20px;}
.yellow-form .form-group{margin-bottom:8px;}
.tbpad { padding-top: 20px; padding-bottom: 20px;}
.map.embed-responsive-16by9 { padding-bottom:20%;}
.contact-form .form-control {border-radius: 0; background:rgba(255, 221, 0, 0.5); border: none;}
.contact-form .form-control:focus {box-shadow: 0px 3px 5px 0px rgba(189,189,189,1); border: none; }
.contact-address {font-family: "robotomedium"; font-size: 18px;}
.panel-grey { background: #F9F9F9; padding: 20px; }
.feedback-img { max-width: 100px;}
.dotted-separator { border-top:1px dashed #ccc; margin: 5px 0 10px 0; }
.bg-yellow{background-color:#FFDD00;
}