/* ==========================================================================
   Cross-browser RESET
   ========================================================================== */
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, figure, legend, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
i {
	font-style: italic;
}

a img {
	border: none;
}
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html,
button,
input,
select,
textarea {
    color: #222;
}

html, body {
	margin: 0;
	min-height: 100%;
}

body {
    font-size: 1em;
    line-height: 1.4;
	overflow: visible;
	background: whitesmoke;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}


/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}
/* ==========================================================================
	Author: XXXX, Year:XXXX
	Custom styles
   ========================================================================== */
/*general styling*/
body {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    -webkit-text-size-adjust: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0 auto;
    overflow-x: hidden;
    position:relative;
    /*text-align:center;*/
}
.content-width{
    height:auto;
    max-width: 1200px;
    margin: 0 auto;
    padding:0;
    position:relative;
}

.content-padding{
    margin: 10px;
    overflow:hidden;
}
.reset-padding{
    padding:0px;
    display: inline-block;
}
/*****custom form elements********/
form{
    position: relative;
    padding:10px 0;
}
.form-wrapper{
    width:100%;
    padding:10px;
    background:#1c3662;
    border-radius:10px;
    overflow: hidden;
    display:inline-block;
}
.custom-datepicker.first .form-wrapper{
    padding-right: 5px;
}
.custom-datepicker.last .form-wrapper{
    padding-left: 5px;
}
.custom-datepicker.last.unique{
    position: relative;
    left:0px;
}
.form-wrapper.last, .custom-datepicker.last{
    position: relative;
    left: -8px;
}
.elements-wrapper{
    background:#1c3662;
    border-radius:10px;
    overflow: visible;
}
.form-group{
    margin:0;
}
input.custom-submit{
    position: relative;
    right: 25px;
    top: 89px;
    margin: 0;
    padding: 0;
    width: 145px;
    float: right;
    height: 70px;
    color: #0e203f;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    background: #ffc53d;
    border: 0;
}
input.custom-submit:hover{
    opacity: 0.95;
    color:#fff;
}
#transfers input.custom-submit{
    top: 120px;
}
.image-submit{
    position: absolute;
    right: 50px;
    top: -31px;
}
.image-submit-hotel{
    position: absolute;
    right: 50px;
    top: -16px;
	height: 65%;
}
.image-submit-transfer{
    position: absolute;
    right: 50px;
    top: 0px;
}

.form-control{
    border: none;
    box-shadow: none;
    border-radius: 0px;
    color: black;
    font-size: 16px;
    height: 36px;
}
.form-control::-webkit-input-placeholder { color: #909090;font-size: 17px;}
.form-control:-moz-placeholder { color: #909090;font-size: 17px;}
.form-control::-moz-placeholder { color: #909090;font-size: 17px;}
.form-control:-ms-input-placeholder { color: #909090;font-size: 17px;}

input[type='radio'], input[type='checkbox']{
    cursor: pointer;
}
input[type="checkbox"]:checked + label::after, input[type="radio"]:checked + label::after {
   content: '';
   position: absolute;
   background: #0e203f;
   color:#ffc53d;
   border-radius:10px;
   padding-right: 14px;
   border:none;
}
input[type="checkbox"] + label::after, input[type="radio"] + label::after {
   content: '';
   position: absolute;
   background: #0e203f;
   border-radius:10px;
   border:none;
}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio]{
    position: relative;
    margin:0px;
}
.checkbox{
    display: inline-block;
    color:#fff;
    background: #1c3662;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: 10px;
    border-radius: 10px;
}
.checkbox label{
    background:#1c3662;
    border:none;
}
.checkbox label::before {
    /*background-color:#1c3662;
    border:none;*/
    content: '';
    position: absolute;
    background: #0e203f;
    border-radius: 10px;
    border: none;
    background-color: #0e203f !important; /*overrules awesome-bootstrap-checkbox.css line 54*/
}
.checkbox:focus{
    outline: none;
}
.custom-input{
    padding:10px;
    background:#1c3662;
    min-width: 240px; /*min-width: 230px;*/
    height:58px;
    border-radius:10px;
    display:inline-block;
    position: relative;
}

.custom-input select{
    -webkit-text-size-adjust: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: black;
    font-size: 17px;
    line-height: 17px;
}
.custom-input select::-ms-expand {
    display: none;
}
.custom-input select{
    background: url('../img/down-arrow.png') no-repeat right;
}
.custom-input  i{
    background: url('../img/bg-icon.png') no-repeat left;
    width: 35px;
    height: 36px;
    position: absolute;
    text-align: center;
    padding-top: 8px;
    padding-right: 5px;
    font-size: 22px;
    left:10px;
    color: #0e203f;
}
.custom-input .form-group{
    background: #fff;
    padding:0px;
    margin: 0px;
}
.custom-input select{
    /*text-indent:30px;*/
	/*text-indent: 0px;*/
	/*text-align: center;*/
	padding-left: 37px;
}
.custom-input input{
    /*max-width: 226px;*/
    text-indent: 30px;
	/*text-align: center;*/
}
/*This will work for firefox*/
@-moz-document url-prefix() {
    .custom-input select{
       /*text-indent: 0px;*/ /*text-indent:15px;*/
	   /*text-align: center;*/
	   padding-left: 37px;
    }
}
.custom-select-small{
    display: inline-block;
    padding-top: 5px;
    padding-right: 1px;
}
.custom-select-small.last{
    padding:0px;
}
.custom-select-small select{
    width: 81px;
    font-size: 18px;
    border-radius: 8px;
    color: #000;
    font-weight: bold;
     -moz-appearance:none;
    -webkit-appearance:none;
    background: url('../img/down-arrow.png') no-repeat right;
    background-color:#fff;
}
.custom-input select::-ms-expand {
    padding-left:35px;
}
.custom-select-small select option{
    text-align: center;
}
.custom-datepicker{
    width:182px;
    display: inline-block;
    position: relative;
    padding-bottom: 10px;
}
.custom-datepicker input{
    width: 182px;
    height: 125px;
    color: #000;
    font-size:30px;
    font-weight: bold;
    line-height: 30px;
    border-radius: 10px;
}
.custom-datepicker i{
    position: absolute;
    bottom: 5px;
    left: 50%;
    color: #000;
    z-index: 999;
    cursor:pointer;
}
.custom-datepicker .input-group:hover i{
    color:#ffc53d;
}
.custom-datepicker label{
    text-align: left;
    display: block;
    color: #ffc53d;
    font-weight: 500;
    font-size: 16px;
    margin: 10px 0;
}

.custom-datepicker .date-frame{
    height: 96px;
    color: #000;
    font-weight: bold;
    line-height: 30px;
    background: #fff;
    padding: 25px 15px;
    text-align: left;
    cursor:pointer;
    border-radius:10px;
    overflow: hidden;
    position: relative;
}
.custom-datepicker .date-frame input{
    height: 48px;
    width: 0px;
    opacity: 0;
    position: relative;
    right: 20px;
}
.custom-datepicker .date-frame input.medium{
    height: 28px;
}
.custom-datepicker .date-frame.selectlist span{
	z-index:999;
    pointer-events:none;
    position: absolute;
    left: 100px;
    width: 68px;
    float: right;
}

.custom-datepicker .date-frame.selectlist span.older-than-25-text{
	top: 43px;
	pointer-events:none;
}

.custom-datepicker .date-frame.selectlist span.younger-or-equal-25-text {
	top: 67px;
	left: 92px;
	pointer-events:none;
}

.custom-datepicker .date-frame.selectlist span.older-than-25{
    z-index:998; /*Important: Less than span.driverageaddtext, to keep it visible*/
    pointer-events:none; /*this let click-events pass through to elements 'below' this element. Here: Still possible to click on Select*/
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    float: right;
    padding: 55px 0 0 24px; /*Top Right Bottom Left*/
    background-color: white;
    font-size: 58px;
    font-weight: 600;
}

.custom-datepicker .date-frame.selectlist{
    height: 135px;
    padding-top: 45px;
    padding-left: 0px;
    padding-right: 5px;
    width: 165px;
}
.custom-datepicker .date-frame select{
    position: relative;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 58px;
    padding-left:22px;
    color: #000;
    height: 145px;
    top: -102px;
    border: none;
    cursor: pointer;
}

.custom-datepicker .date-frame select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    float: right;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-left: 20px;
    font-size: 58px;
    color: #000;
    border: none;
    cursor: pointer;
}


.custom-datepicker .date-frame select:focus{
    -webkit-appearance: none;
    -moz-appearance: none;
}
.custom-datepicker .date-frame select::-ms-expand {
    display: none;
}
.custom-datepicker .date-frame select option{
    font-size: 26px;
    text-align: center;
    border-top: 1px solid #0e203f;
}
.custom-datepicker .input-group{
    display: block;
}
.custom-datepicker .date-frame.medium{
    height: 95px;
    overflow: hidden;
    padding: 0;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 20px;
}

.custom-datepicker .date-frame:hover{
    opacity: 0.90;
}

.custom-datepicker .date-frame p{
   font-size: 58px;
}
.custom-datepicker .date-frame span{
    font-size: 24px;
    line-height: 24px;
    font-weight: 400;
    display: inline-block;
    padding: 0;
    width: 64px;
    color: black;
}

.datepicker, .datetimepicker{
    width: 350px;
    padding:0px;
    padding-bottom: 5px;
    position: absolute;
}
.datepicker table, .datetimepicker table{
    width:100%;
    text-align: center;
    border: 3px solid #fff;
}
.datepicker table thead, .datetimepicker table thead{
    background: #1c3662;
    color:#fff;
}
.datepicker table thead th, .datepicker table thead .datepicker-switch, .datepicker table thead .prev,.datepicker table thead .next, .datetimepicker table thead th, .datetimepicker table thead .datepicker-switch, .datetimepicker table thead .prev,.datetimepicker table thead .next{
    text-align: center;
}
.datepicker table>tbody>tr>td.old.day, .datetimepicker table>tbody>tr>td.old.day{
    color:#ddd;
}
.datepicker table>tbody>tr>td.active.day, .datetimepicker table>tbody>tr>td.active.day{
    background: #1c3662;
    color:#fff;
}
/*****Custom Numbers********/
.custom-numbers{
    display: inline-block;
    position: relative;
    text-align: left;
}
.custom-numbers .custom-box{
    width: 185px;
    height: 96px;
    background: #fff;
    /*padding-top:2px;*/
    cursor: pointer;
    border-radius: 10px;
}
.custom-numbers .custom-box:hover{
    opacity: 0.90;
}
.custom-numbers:hover .form-group.form-wrapper i{
    color:#ffc53d;
}
.custom-numbers label{
    display: block;
    color: #ffc53d;
    font-weight: 500;
    font-size: 16px;
    margin: 10px 0;
    text-align: left;
}
.custom-numbers .form-group.form-wrapper i{
    position: absolute;
    bottom: 10px;
    left: 50%;
    color: #000;
    z-index: 2;
    cursor: pointer;
}
.custom-box-dropdown{
    background: #fff;
    display: none;
    overflow: hidden;
    padding: 0;
    margin: 0;
    position: absolute;
    right: 0px;
    z-index:999;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    border-left: 2px solid #fff;
}
.custom-box-dropdown#occupancy{
    width:680px;
    right: -170px;
    background: #f5f5f5;
}
.custom-box-dropdown#occupancy .row{
    position: relative;
    background: #f5f5f5;
    overflow: hidden;
    border-bottom: 2px solid #fff;
    padding: 5px;
}
.custom-box-dropdown .number-switcher{
    display: block;
    position: relative;
    color:#1c3662;
    width: 185px;
    height:64px;
    background: #f5f5f5;
    border-bottom: 2px solid #fff;
}
.custom-box-dropdown .number-switcher input{
    border: none;
    font-size: 24px;
    color: #1c3662;
    font-weight: bold;
    pointer-events: none;
    outline: none;
    background: #f5f5f5;
	text-align: center
}
.custom-box-dropdown .number-switcher input:focus{
    outline: none;
}
.custom-box-dropdown .number-switcher .description{
    font-size: 15px;
    display: inline-block; /*display: inline*/
    /*padding-left: 10px;*/
	width:100%;
	text-align: center;
}
.custom-box-dropdown .number-switcher .minus{
    position: absolute;
    /*right: 5px;*/
    top: 5px;
	left: 5px;
	bottom: 5px;
	height: auto;
}
.custom-box-dropdown .number-switcher .plus{
    position: absolute;
    right: 5px;
    top: 5px;
	bottom: 5px;
	height: auto;
}
.custom-box-dropdown .number-switcher .btn{
    background: #fff;
    font-size: 24px;
    line-height: 10px;
    font-weight: bold;
    width: 40px;
    height: 24px;
    text-align: center;
    padding: 0;
    border-radius: 0px;
}
.custom-box-dropdown .numbering{
    text-align: center;
    display: inline-block;
    float: left;
    padding-right: 5px;
    padding-left: 25px;
    padding-top: 20px;
}
.custom-box-dropdown#occupancy .number-switcher-alt.kid{
    display:none;
    width: 80px;
    padding: 0;
}
.custom-box-dropdown .number-switcher-alt
{
    background: #1c3662;
    position: relative;
    color: #fff;
    height: 38px;
    width: 135px;
    float: left;
    margin-top: 20px;
    margin-right: 10px;
    margin-left:5px;
    padding: 0px 5px;
    display: inline-block;
}
.custom-box-dropdown .number-switcher-alt input{
    float: left;
    display: inline-block;
    border: none;
    background: none;
    color: #fff;
    font-size: 22px;
    padding: 0 4px;
    width: 50px;
    pointer-events: none;
}
.custom-box-dropdown .number-switcher-alt select{
    -webkit-appearance: none;
    -moz-appearance: none;
    float: left;
    display: inline-block;
    border: none;
    background: url('../img/down-arrow-col.png') no-repeat right;
    background-color:#1c3662;
    color: #fff;
    font-size: 22px;
    padding: 0 4px;
}

.custom-box-dropdown .number-switcher-alt select::-ms-expand {
    display: none;
}

.custom-box-dropdown .number-switcher-alt .btn{
    background: #fff;
    font-size: 22px;
    line-height: 10px;
    font-weight: bold;
    width: 40px;
    height: 20px;
    text-align: center;
    padding: 0;
    border: none;
    border-radius: 0;
}
.custom-box-dropdown .number-switcher-alt .minus{
    position: absolute;
    right: 10px;
    top: 6px;
}
.custom-box-dropdown .number-switcher-alt .plus{
    position: absolute;
    right: 56px;
    top: 6px;
}
.custom-box-dropdown .number-switcher-alt .description{
    position: absolute;
    top: -16px;
    left: 0px;
    font-size: 10px;
    color: #1c3662;
}


.clear{
    clear:both;
}
/*****Element/tag selectors********/
li, ol, dl {
    padding-right:30px;
    list-style-type: none;
    display:inline;
}
li.last ,ol.last, dl.last {
    padding-right:0px;
}
/***********Links***************/
a:link, a:visited {
    text-decoration: none;
    color:#fff;
}
a:hover, a:focus {
    text-decoration: underline;
}
.bg{
    background:#ffc53d;
}
strong{
    color:#000;
}
.full-width{
    width:100%;
}
.custom-input.small{
    min-width: 180px;
}
.custom-input.small input{
    max-width: 163px;
}
.custom-input.small .form-group{
    min-width: 160px;
}
.margin-top-bottom{
    /*margin:40px 0;*/
	margin: 43px 0;
}
h1{
	padding: 25px 15px 25px 0px;
    /*padding:15px;*/
    font-size:42px;
    line-height: 40px;
    color:#0E203F;
}
h2{
    font-size:28px;
    line-height: 28px;
    font-style: italic;
    font-weight: 100;
    color:#d12229;
    padding:5px 0;
}
h3{
    font-size:16px;
    line-height: 20px;
    font-style: normal;
    color:#0e203f;
    padding:5px 0;
	margin-top: 20px;
}
.numbering > h3{
	font-size:11px;
	margin-top: 0;
}
.reset-padding{
    padding: 0px;
}
.border-bar{
    border: 10px solid #0e203f;
}
.left-side{
    float:left;
    display:inline-block;
    text-align: left;
}
.right-side{
    float:right;
    display:inline-block;
    text-align: right;
}
.top-side, .bottom-side{
    float:none;
    background: #f5f5f5;
 }
.logo{
    padding: 10px;
}
.iata{
    padding:0 25px;
}



/* ==========================================================================
    Search BAR TABBBED
   ========================================================================== */
.search-tabbed-bar{
    margin: 25px 0;
    -moz-box-shadow: -6px 6px 0px rgba(8, 8, 8, 0.4);
    -webkit-box-shadow: -6px 6px 0px rgba(8, 8, 8, 0.4);
    box-shadow: -6px 6px 0px rgba(8, 8, 8, 0.4);
    font-size:14px;
}
.search-tabbed-bar .tab-content{
    text-align:left;
    background:#0e203f;
    color:#fff;
    padding:10px 15px;
}
.search-tabbed-bar .nav-tabs{
    background: rgba(8, 8, 8, 0.3);
    border: none;
}
.search-tabbed-bar .nav-tabs>li.active>a, .search-tabbed-bar .nav-tabs>li.active>a:focus, .search-tabbed-bar .nav-tabs>li.active>a:hover{
    background: url('../img/rec.png') no-repeat right;
    color:#fff;
    text-align: left;
    border: none;
}
.search-tabbed-bar .nav-tabs>li>a{
    text-align: left;
}
.search-tabbed-bar .nav>li>a:focus, .search-tabbed-bar .nav>li>a:hover{
    background: url('../img/rec.png') no-repeat right;
    border: none;
}
.search-tabbed-bar .nav-tabs>li>a{
    border: none;
}
.search-tabbed-bar .nav-tabs>li.hotels{
    width:135px;
}
.search-tabbed-bar .nav-tabs>li{
  width: 170px;
  font-size: 16px;
  margin: 0;
  padding: 0;
}
.search-tabbed-bar .nav-tabs>li i{
    font-size: 20px;
    padding-right: 10px;
}
.search-tabbed-bar form span{
    padding-right: 25px;
    color: #104381;
    left: 15px;
    position: relative;
}
.search-tabbed-bar form .custom-numbers span{
    color:#000;
    font-size:22px;
    font-weight: bold;
}
.search-tabbed-bar form .custom-numbers .numbering span{
    padding-right: 5px;
    left: 0;
    font-size: 18px;
}
.search-tabbed-bar form .custom-numbers p{
    color:#000;
    font-size:18px;
    /*padding: 2px 0;*/
    border-radius: 5px;
	width: 100%;
}
.search-tabbed-bar form .custom-numbers p.bg{
    font-size: 16px;
    margin-bottom: 2px;
    position: relative;
    top:-2px;
}
.search-tabbed-bar .tab-content .more-options{
    border-top: 4px solid #ffc53d;
    margin: 10px;
    padding-top: 15px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    display: none;
}
.search-tabbed-bar .tab-content .more-options .control-label{
    float: left;
    padding: 15px;
    display: block;
    color: #ffc53d;
    font-weight: 500;
    font-size: 16px;
}
.search-tabbed-bar .tab-content .more-options span{
    color: #fff;
    background: #1c3662;
    padding: 10px;
    width: 50%;
    height: 40px;
    display: inline-block;
    border-radius: 10px;
}
.search-tabbed-bar .tab-content .more-options .custom-input, .search-tabbed-bar .tab-content .more-options .checkbox{
    float:left;
}
.search-tabbed-bar .tab-content .more-options-btn{
    display: inline-block;
    padding-left: 10px;
    text-align: left;
    color: #ffc53d;
}
	div.more-options-btn > a {
		color: #FFC53D !important;
	}
.search-tabbed-bar .tab-content .more-options-btn i{
    font-size: 12px;
    padding-left:5px;
}
.search-tabbed-bar .tab-content .more-options-btn a:hover, .search-tabbed-bar .tab-content .more-options-btn a.active{
    text-decoration: none;
    color:#ffc53d;
}
.search-tabbed-bar .tab-content .add-room-btn{
    padding: 10px;
    color: #0e203f;
    display: inline-block;
}
.search-tabbed-bar .tab-content .remove-room-btn{
    color: #0e203f;
    padding-top: 25px;
    padding-right: 0;
    position: relative;
    display: inline-block;
    right: 5px;
}
.search-tabbed-bar .tab-content .add-room-btn a, .search-tabbed-bar .tab-content .remove-room-btn a{
    color: #0e203f;
    padding-left:5px;
}
/* ==========================================================================
    Header
   ========================================================================== */
#mobile-nav{
    float: left;
    font-size: 30px;
    padding: 0; /*padding: 0 10px;*/
    cursor: pointer;
    display: none;
    /*neu:*/
    position: absolute;
    top: 129px;
    left: 7px;
}
#responsive-menu-button {
	display: none;
}
header{
		background: url('//www3.aero-ibe.de/UI/V2/SubAgency/AP_WWW/img/bg_header.png') repeat top;
		background-size:100%;
		background-repeat: no-repeat;
	   
	   	/*make it fixed:*/
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:131px; /*If you change height, change padding-top of .content-wrapper accordingly*/
		
		/*let following content 'fade' behind it*/
		/*box-shadow: 0px 10px 50px 20px #365A8D;*/
		z-index: 1000;
}
header .top{
    padding:20px  0;
    overflow:hidden;
}
header .menu-bar{
    background:#0e203f;
    padding: 9px 0 9px 5px;/*padding: 9px 0;*/
    color:#fff;
    overflow: hidden;
    height: 41px;
}
header .tel-bar{
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    right: 0;
    display: inline-block;
    min-height: 41px; /* read: same as surrounding menu-bar */
}
header .tel-bar .tel{
    background: #084d89;
    padding: 12px 45px 12px 45px;
    color: #fff;
}
header .tel-bar .number{
    background: #ed1c24;
    padding: 12px 20px;
    left: -4px;
    color: #fff;
    position: relative;
}
header .tel-bar i{
    position: absolute;
    z-index: 9999;
    background: #0e203f;
    border-radius: 50%;
    padding: 6px;
    color: #fff; 
    right: 140px;
}
.fa.fa-phone{
	bottom: 14px;
}
header .menu{
    font-size: 15px;
    float:left;
    display: inline-block;
}
header .content{
    padding:40px 0;
}
/* ==========================================================================
    Main
   ========================================================================== */
main{
	overflow: visible;
	height:100%;
	padding-top: 131px;/*Height of the Header minus 11px (for WordPress-Overlay displayed when logged in)*/
	padding-bottom: 130px; /*Height of Footer, since he is pint to bottom of the site with absolute positioning*/
	background-color: whitesmoke;
}
main p{
    /*padding:10px 0;*/
	margin: auto;
	max-width: 1140px;
}
main .content-width{
    padding-top: 40px;
    padding-bottom:80px;
}
main .banner{
    position:relative;
    overflow: hidden;
    margin-bottom: 20px;
}
main .banner .bottom-side.text{
    width: 100%;
    height: auto;
}
main .banner .text{
    width: 198px;
    height: 180px;
    padding: 20px;
    text-align:left;
    background:#f5f5f5;
    color:#909090;
    position:relative;
}
main .banner .text .link{
    position: absolute;
    right: 0;
    bottom: 0;
    height:30px;
    width: 45px;
    background: url('../img/forw.png') no-repeat right;
}
main .banner .text .link i{
    position: relative;
    left: 32px;
    top: 5px;
    font-size:13px;
}

/*Editor styling*/
main h1{
    padding:10px 0;
    font-size: 28px;
	/*color:#0E203F;*/
	color:#ED1C24;
}
main h2{
    color:#333;
    padding:10px 0;
    font-size: 20px;
    font-style: normal;
    font-weight: normal;
}
main .editor{
    text-align:left;
}

main div.entry p{
	padding: 10px 0;
}

/* ==========================================================================
    Footer
   ========================================================================== */
footer{
    font-size: inherit;
    background:#999999;
    overflow: visible;
    padding:25px 0;
    /*Folowing lines: Pin Footer to end of Site, no matter what.*/
    position: absolute;
	width: 100%;
	bottom: 0;
}
footer a:link, footer a:visited {
    color:#222;
}
footer .right-side nav.menu{
    padding-bottom:20px;
}
footer .right-side p{
    /*font-size:11px;*/
    color:#c4c4c4;
}
footer nav.menu ul li{
    padding: 0;
    display: block;
}
footer nav.menu ul li.last {
    border: none;
    padding-right: 0px;
}

/* ==========================================================================
   Customization for Wordpress and IBE.
   In this area all changes for the adaptation of this design for wordpress
   and additional changes following the connection of the side towards aeroibe are collected.
   ========================================================================= */
   /*.backgroundimage {
	   background: url('/img/bg.png') repeat top;
	   background-size:100%;
	   background-repeat: no-repeat;
   }*/
   
	.left-side{
		width: 50%;
		float: left;
	}
	
	.right-side{
		width: 50%;
		float: right;
	}
	
	.left-side, .right-side{
		font-size: 14px;
		letter-spacing: 1px;
		padding: 0;
    }
    
    footer nav.menu{
    padding: 0 10px;
    }
    
   	footer .left-side nav.menu{
        float: left;
    }
    
    footer .right-side nav.menu{
        float: right;
    }
	
	p.copyrightnotice {
		bottom: 0;
		width: 100%;
		height: auto;
		text-align: center;
		background-color: #999999;
		font-size: 14px;
	}
	
	.entry {
		position: relative;
		max-width: 1140px;
		margin: 25px auto;
		width: 80%;
		/*padding-top: 50px;*/
		padding: 25px;
		border-radius: 25px;
		background-color: white;
		overflow: auto;
	}
	
	.entry-with-floating-content{
		min-height: 450px;
	}
	
	main a:link, main a:visited {
    color: white;
	}
	/*Entries in 'Airline-Search-Field' are black.*/
	main div#flights form#searchflight .more-options li a:link, main div#flights form#searchflight .more-options li a:visited {
	color: black;
	}
	
	/*Additional formating for autocomplete-Dropdown.*/
	div#flights form#searchflight div.custom-input.full-width div.form-group .dropdown-menu {
    	overflow-x: hidden;
    	overflow-y: auto;
    	max-height: 150px;
    	min-width: calc(100% - 20px);
	}
	
	/*Additional formating for autocomplete-Dropdown. End.*/
	
	/*Links in div.entry (with white Background) are dark-blue*/
	main div.entry a {
    color: #0E203F;
	}
	
	
	
	#sidebar h6 {
    background: #104381;
    width: 100%;
    height: 35px;
    color: #FFFFFF;
    font-size: 18px;
    /*text-transform: uppercase;*/
    letter-spacing: 1px;
    line-height: 35px;
    padding: 0 0 0 20px;
	}

	#searchform {
		margin: 20px 20px 0 20px;
	}

	#search-field {
		float: left;
		width: 60%;
		min-width: 150px;
		/*width: 150px;*/
		background: #E8E8E8;
		border: 0;
		font-size: 11px;
		line-height: 26px;
		height: 26px;
		padding: 0 5px;
		outline: 0;
	}

	#search-button {
		width: auto;
		min-width: 61px;
		color: #FFFFFF;
		background: #104381;
		border: 0;
		padding: 0 10px;
		font-size: 11px;
		line-height: 26px;
		height: 26px;
		margin: 0 0 0 5px;
		cursor: pointer;
	}

	#search-button:hover {
		background: #ED1C24;
	}

	#sidebar ul {
		margin: 12px 0 0 0;
		width: 260px;
		padding-right: 1px;
	}

	#sidebar li {
		color: #999999;
		line-height: 24px;
		letter-spacing: 1px;
		padding: 12px 0 12px 20px;
		border-bottom: 1px dashed #999999;
		display: block;
		margin-right: 4px;
	}

	#sidebar li a:link, #sidebar li a:visited, #sidebar li a:active {
		color: #999999;
	}

	#sidebar li a:hover {
		color: #ED1C24;
	}

	#sidebar li.cat-item, #sidebar #submenu li {
		color: #999999;
		line-height: 30px;
		letter-spacing: 1px;
		padding: 0;
		border: 0;
		margin: 0 0 0 20px;
	}

	#sidebar li.cat-item a:link, #sidebar li.cat-item a:visited, #sidebar li.cat-item a:active, #sidebar #submenu li a:link, #sidebar #submenu li a:visited, #sidebar #submenu li a:active {
		color: #104381;
	}

	#sidebar li.cat-item a:hover, #sidebar #submenu li a:hover {
		color: #ED1C24;
	}

	#sidebar p {
		color: #999999;
		font-size: 11px;
		line-height: 20px;
		letter-spacing: 1px;
		margin: 12px 20px 0 20px;
	}
	
	.widget {
    display: inline-block;
    margin: 0 0 20px 0;
	width: 100%;
	}
	
	ul.archiv li, ul.archiv li a:link, ul.archiv li a:visited {
    list-style-type: square;
    margin: 0 0 0 40px;
    line-height: 30px;
    font-size: 16px;
	color: #ED1C24;
	}
	
	h1.archive, #respond h6, #content-comments h6 {
    font-size: 24px;
    line-height: 36px;
    color: #0E203F;
    letter-spacing: 1px;
    margin: auto;
    text-decoration: none;
	position: relative;
	width: 1140px;
	}
	
	p.blogmeta {
    font-size: 11px;
    color: #999999;
    margin: 0 0 20px 0;
    letter-spacing: 1px;
    text-align: left;
	width: 100%;
	}

	p.blogmeta a {
		margin: 0 30px 0 0;
	}

	p.blogmeta a:link, p.blogmeta a:visited, p.blogmeta a:active {
		color: #999999;
	}

	p.blogmeta a:hover {
		color: #ED1C24;
	}
	
	h2 .searchresult {
		color: #104381;
	}
	
	h2 .searchresult :hover {
		color: #0E203F;
	}
	
	/*Color Blog-Headings*/
	div.entry > h2 > a {
		color: #ED1C24;
	}
	
	/*Color 'Read More-Links'*/
	div.entry > p > a{
		color: #104381;
	}
	
	.flighttypes {
		padding-left: 15px;
	}
	
	/*Format Angular Dropdowns for AutoCompletes according to Design*/
	.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    color: black;
    text-decoration: none;
    background-color: #FFC53D;
    outline: 0;
	}
	
	/*Format ToolTips according to Design*/
	.dropdown-menu li {
		padding-right: 0;
	}
	
	.tooltip.left
	{
		top: 15px !important;
	}
	
	.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #000000;
    text-align: center;
    background-color: #FFC53D;
    border-radius: 4px;
	}
	
	.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #FFC53D;
}

	/*If you want the bg_content.png behind your content, add this to the very first child of <main>, including all following content.*/
	.contentwrapper {
		background: url('//www3.aero-ibe.de/UI/V2/SubAgency/AP_WWW/img/bg_content.png') repeat top;
		background-size:100%;
		background-repeat: no-repeat;
		/*background-size:auto;*/
		/*overflow: hidden;*/
	}
	
	/***Start Wordpress Page-Template IBE: Content below IBE-Form***/
	div.contentblock {
		background-color: white;
		min-height: 25px;
		overflow: hidden;
	}
	
	.contentblock.cloudy {

		background-color: #F5F4F4;
		background-position: 0 0;
		background-size: 100%;
		padding: 20px 0 50px 0;
	}
	
	.cloudy {
		background: url('//www3.aero-ibe.de/UI/V2/SubAgency/AP_WWW/img/bg_flightproposals.jpg') no-repeat top;
	}
	
	div.contentblock strong {
    font-family: Helvetica;
    font-size: 20px;
    font-stretch: condensed;
    font-style: italic;
    color: #0E203F;
    font-weight: 400;
	}
	
	div.contentblock .flightproposals{
		position: relative;
		max-width: 1170px;
		margin: 0px auto;
		width: 80%;
		padding: 13px;
		text-align: center;
	}
	
	.floater {
		padding: 5px;
		display: inline-block;
	}
	.circle {
		border-radius: 50%;
		min-width: 200px;
		min-height: 200px;
		background: aliceblue;
		/*border: 1px dotted darkgray;*/
		text-align: center;
	}
	
	.circle {
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.5);/*inset;*/
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.5);/*inset;*/
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.5);/*inset;*/
	}
	.circle:before, .circle:after
	{
		content:"";
		position:absolute;
		z-index:-1;
		-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
		-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
		box-shadow:0 0 20px rgba(0,0,0,0.8);
		top:0;
		bottom:0;
		left:10px;
		right:10px;
		-moz-border-radius: 50%;
		border-radius: 50%;
	}
	.circle:after
	{
		right:10px;
		left:auto;
		-webkit-transform:skew(8deg) rotate(3deg);
		   -moz-transform:skew(8deg) rotate(3deg);
			-ms-transform:skew(8deg) rotate(3deg);
			 -o-transform:skew(8deg) rotate(3deg);
				transform:skew(8deg) rotate(3deg);
	}
	.circle .overlay {
	  position: absolute;
	  /*top: 0;
	  bottom: 0;
	  left: 0;
	  right: 0;*/
	  height: 200px; /*Height and Width = Height and Width of parent element (= circle) */
	  width: 200px;
	  opacity: 0;
	  transition: all 1000ms ease; /*ehemals 0.5s beim Flipover*/
	  background-color: #999999;
	  border-radius: 50%; /*--> circle*/
	  overflow: hidden;
	}

	.circle:hover .overlay {
	  opacity: 0.5;
	}

	.overlay-text {
	  color: white;
	  font-size: 20px;
	  position: absolute;
	  top: 45%;
	  /*left: 50%;/*
	  transform: translate(-50%, -50%) scaleX(-1); /*translate: Move sidewards to the very center. ScaleX: Revise the flip of the parent div for the text*/
	  /*-ms-transform: translate(-50%, -50%) scaleX(-1); /*translate: Move sidewards to the very center. ScaleX: Revise the flip of the parent div for the text*/
	  text-align: center;
	  text-transform: uppercase;
	  /*neu*/
	  width: 100%;
	}
	
	.ankara {
		background: url('https://www1.aero-ibe.de/UI/V2/SubAgency/AP_WWW/img/destinations/ankara_200x200.png') no-repeat top;
	}
	
	.bangkok {
		background: url('https://www1.aero-ibe.de/UI/V2/SubAgency/AP_WWW/img/destinations/bangkok_200x200.png') no-repeat top;
		transition: all 1000ms ease;
	}
	.bangkok:hover {
		background: url('https://www1.aero-ibe.de/UI/V2/SubAgency/AP_WWW/img/destinations/bangkok_2nd_side_200x200.jpg') no-repeat top;
		transform: scale(1.2);
	}
	
	.barcelona {
		background: url('https://www1.aero-ibe.de/UI/V2/SubAgency/AP_WWW/img/destinations/barcelona_200x200.png') no-repeat top;
		transition: all 1000ms ease;
	}
	.barcelona:hover {
		background: url('https://www1.aero-ibe.de/UI/V2/SubAgency/AP_WWW/img/destinations/barcelona_2nd_side_200x200.jpg') no-repeat top;
		transform: scale(1.2);
	}
	
	.dublin {
		background: url('https://www1.aero-ibe.de/UI/V2/SubAgency/AP_WWW/img/destinations/dublin_200x200.png') no-repeat top;
	}
	
	.florence {
		background: url('https://www1.aero-ibe.de/UI/V2/SubAgency/AP_WWW/img/destinations/florence_200x200.png') no-repeat top;
		transition: all 1000ms ease;
	}
	.florence:hover {
		background: url('https://www1.aero-ibe.de/UI/V2/SubAgency/AP_WWW/img/destinations/florence_2nd_side_200x200.jpg') no-repeat top;
		transform: scale(1.2);
	}
	
	.heraklion {
		background: url('https://www1.aero-ibe.de/UI/V2/SubAgency/AP_WWW/img/destinations/heraklion_200x200.png') no-repeat top;
	}
	
	.istanbul {
		background: url('https://www1.aero-ibe.de/UI/V2/SubAgency/AP_WWW/img/destinations/istanbul_200x200.png') no-repeat top;
	}
	
	.koh-samui {
		background: url('https://www1.aero-ibe.de/UI/V2/SubAgency/AP_WWW/img/destinations/koh_samui_200x200.png') no-repeat top;
		transition: all 1000ms ease;
	}
	.koh-samui:hover {
		background: url('https://www1.aero-ibe.de/UI/V2/SubAgency/AP_WWW/img/destinations/koh_samui_2nd_side_200x200.jpg') no-repeat top;
		transform: scale(1.2);
	}
	
	.lisboa {
		background: url('https://www1.aero-ibe.de/UI/V2/SubAgency/AP_WWW/img/destinations/lisboa_200x200.png') no-repeat top;
	}
	
	.los-angeles {
		background: url('https://www1.aero-ibe.de/UI/V2/SubAgency/AP_WWW/img/destinations/los_angeles_200x200.png') no-repeat top;
	}
	
	.mallorca {
		background: url('https://www1.aero-ibe.de/UI/V2/SubAgency/AP_WWW/img/destinations/mallorca_200x200.png') no-repeat top;
	}
	
	.marrakesh {
		background: url('https://www1.aero-ibe.de/UI/V2/SubAgency/AP_WWW/img/destinations/marrakesh_200x200.png') no-repeat top;
		transition: all 1000ms ease;
	}
	.marrakesh:hover {
		background: url('https://www1.aero-ibe.de/UI/V2/SubAgency/AP_WWW/img/destinations/marrakesh_2nd_side_200x200.jpg') no-repeat top;
		transform: scale(1.2);
	}
	
	.marseille {
		background: url('https://www1.aero-ibe.de/UI/V2/SubAgency/AP_WWW/img/destinations/marseille_200x200.png') no-repeat top;
	}
	
	.paris {
		background: url('https://www1.aero-ibe.de/UI/V2/SubAgency/AP_WWW/img/destinations/paris_200x200.png') no-repeat top;
		transition: all 1000ms ease;
	}
	.paris:hover {
		background: url('https://www1.aero-ibe.de/UI/V2/SubAgency/AP_WWW/img/destinations/paris_2nd_side_200x200.jpg') no-repeat top;
		transform: scale(1.2);
	}
	
	.prague {
		background: url('https://www1.aero-ibe.de/UI/V2/SubAgency/AP_WWW/img/destinations/prague_200x200.png') no-repeat top;
		transition: all 1000ms ease;
	}
	.prague:hover {
		background: url('https://www1.aero-ibe.de/UI/V2/SubAgency/AP_WWW/img/destinations/prague_2nd_side_200x200.jpg') no-repeat top;
		transform: scale(1.2);
	}
	
	.rome {
		background: url('https://www1.aero-ibe.de/UI/V2/SubAgency/AP_WWW/img/destinations/rome_200x200.png') no-repeat top;
		transition: all 1000ms ease;
	}
	.rome:hover {
		background: url('https://www1.aero-ibe.de/UI/V2/SubAgency/AP_WWW/img/destinations/rom_2nd_side_200x200.jpg') no-repeat top;
		transform: scale(1.2);
	}

	.flipover {
	/* 
		-webkit-transition: all 500ms ease-in-out 50ms;
		-moz-transition: all 500ms ease-in-out 50ms;
		-o-transition: all 500ms ease-in-out 50ms;
		transition: all 500ms ease-in-out 50ms;
		*/
	}
	.flipover:hover {
	/*
		-moz-transform: scaleX(-1); 
		-o-transform: scaleX(-1); 
		-	webkit-transform: scaleX(-1); 
		transform: scaleX(-1); 
		filter: FlipW; 
		-ms-filter: "FlipW";
		-webkit-transition: all 500ms ease-in-out 50ms;
		-moz-transition: all 500ms ease-in-out 50ms;
		-o-transition: all 500ms ease-in-out 50ms;
		transition: all 500ms ease-in-out 50ms;
		*/
	}
	
	/***End Wordpress Page-Template IBE: Content below IBE-Form***/

	/******Kommentarfunktion von WP formatieren*****/
	#respond {
    margin: 25px 0 65px 0;
}

	#respond label {
		display: block;
		color: #666666;
	}

	#respond input {
		margin: 0;
		padding: 0 10px;
		width: 460px;
		background: #E8E8E8;
		line-height: 26px;
		border: 0;
		outline: 0;
		/*font-family: Helvetica, Arial, Tahoma, sans-serif;*/
		font-size: 15px;
		color: #333333;
	}

	#respond textarea {
		margin: 0;
		padding: 10px;
		width: 460px;
		height: 150px;
		background: #E8E8E8;
		line-height: 20px;
		border: 0;
		outline: 0;
		font-family: Helvetica, Arial, Tahoma, sans-serif;
		font-size: 11px;
		color: #333333;
	}

	#respond #submit {
		width: auto;
		color: #FFFFFF;
		background: #084D89;
		border: 0;
		padding: 0 10px;
		font-size: 15px;
		line-height: 26px;
		height: 26px;
		margin: 0;
		cursor: pointer;
	}

	#respond #submit:hover {
		background: #ED1C24;
	}
	
	div#comments div#content-comments p.comment-author, div#comments div#content-comments p.comment-author a.url {
		color: #084D89;
	}
	
	#content-comments {
		margin: auto;
		width: 1140px;
	}

	li.comment {
		border-bottom: 1px dashed #999999;
		margin-top: 30px;
		margin-bottom: 30px;
		position: relative;
		display: block;
	}

	li.comment:last-child {
		border: 0;
	}

	li.comment img {
		float: left;
		margin: 0 10px 0 0;
	}
	
	li.comment>p>img {
		float: unset;
	}

	li.comment p {
		clear: both;
	}

	li.comment p.comment-author {
		clear: none;
		font-size: 18px;
		line-height: 22px;
	}

	li.comment p.comment-meta {
		clear: none;
		color: #999999;
		font-size: 11px;
		line-height: 18px;
	}
	
	/***End: Kommentarfunktion formatieren ***/
	/**Start: Kontakt-Seite formatieren ***/
	
	.content-padding-20px {
		padding: 20px;
	}
	
	.contact-info-detail {
		padding: 25px;
		width: auto;
		float: left;
		min-height: 300px;
	}
	
	.contact-info-detail.map { /*GoogleMaps*/
    width: 35%;
    min-width: 205px;
    max-width: 400px;
	}
	
	/**Ende: Kontakt-Seite formatieren ***/
	/***Start: AgenturService-Seite formatieren ***/
	.entry.service ul li {
		list-style-type: circle;
		display: list-item;
		margin: 0 0 0 15px;
	}
	
	.entry .service.central {
		height: 38px;
		width: 420px;
		padding: 5px;
		margin: 0 auto;
	}
	.entry .service.central input {
		margin-left: 5px;
	}
	button.agency-services {
		margin: 0 0 0 25px;
	    height: 100%;
	    width: 6em;
	    background-color: #FFC53D;
	    color: #0E203F;
	    font-family: inherit;
	    font-weight: 600;
	}
	button.agency-services:hover {
    	background-color: lightgray;
	}
/* 	#AgencyServiceAirlineCodes div.Result {
		display: none;
	} */
	
	/**Ende: AgenturService-Seite formatieren ***/
	/***Start: Partnerschaftsseite formatieren***/
	.entry.partnership ul li {
		list-style-type: circle;
		display: list-item;
		margin: 0 0 0 15px;
	}
	/***Ende: Partnerschaftsseite formatieren***/
	
	
	
	/***Start IBE-Form formatieren***/
	/*Sole purpose: Trigger visibility of input-fields with ng-class.*/
	.hidden-input {
		display: none;
	}
	
	
	
	/*DateRangePicker-Klassen aus IBE.css vom 28.02.2018*/
	.daterangepicker { position: absolute; color: inherit; background: #ffffff !important; border-radius: 4px; width: 278px; padding: 4px; margin-top: 1px; top: 100px; left: 20px; /* Calendars */ }
.daterangepicker.Fixed { top: 100px; left: 0; right: 0; margin: auto; }
.daterangepicker .daterangepicker_title { padding-left: 10px; padding-top: 4px; font-size: 14px; }
.daterangepicker .daterangepicker_title button { margin-right: 7px; font-size: 20px; }
.daterangepicker .daterangepicker_title strong { color: #FFC53D; }
.daterangepicker:before, .daterangepicker:after { position: absolute; display: inline-block; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; }
.daterangepicker:before { top: -7px; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #ccc; }
.daterangepicker:after { top: -6px; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; }
.daterangepicker.opensleft:before { right: 9px; }
.daterangepicker.opensleft:after { right: 10px; }
.daterangepicker.openscenter:before { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; }
.daterangepicker.openscenter:after { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; }
.daterangepicker.opensright:before { left: 9px; }
.daterangepicker.opensright:after { left: 10px; }
.daterangepicker.dropup { margin-top: -5px; }
.daterangepicker.dropup:before { top: initial; bottom: -7px; border-bottom: initial; border-top: 7px solid #ccc; }
.daterangepicker.dropup:after { top: initial; bottom: -6px; border-bottom: initial; border-top: 6px solid #fff; }
.daterangepicker.dropdown-menu { max-width: none; z-index: 3001; }
.daterangepicker.single .ranges, .daterangepicker.single .calendar { float: none; }
.daterangepicker.show-calendar .calendar { display: block; }
.daterangepicker .calendar { display: none; max-width: 270px; margin: 4px; }
.daterangepicker .calendar.single .calendar-table { border: none; }
.daterangepicker .calendar th, .daterangepicker .calendar td { padding: 0px; white-space: nowrap; text-align: center; min-width: 32px; }
.daterangepicker .calendar-table { border: 1px solid #fff; padding: 4px; border-radius: 4px; background: #fff; }
.daterangepicker table { width: 100%; margin: 0; }
.daterangepicker td, .daterangepicker th { text-align: center; width: 20px; height: 20px; border-radius: 4px; border: 1px solid transparent; white-space: nowrap; cursor: pointer; }
.daterangepicker .calendar th.next i { margin-top: 7px; margin-left: 3px; }
.daterangepicker .calendar th.prev i { margin-top: 7px; }
.daterangepicker td.available:hover, .daterangepicker th.available:hover { background-color: #B8EAFF; border-color: transparent; color: inherit; }
.daterangepicker td.week, .daterangepicker th.week { font-size: 80%;color: #ccc; }
.daterangepicker td.off, .daterangepicker td.off.in-range, 
.daterangepicker td.off.start-date, .daterangepicker td.off.end-date 
{ background-color: #fff; border-color: transparent; color: #999; }
.daterangepicker td.in-range { background-color: #B8EAFF; border-color: transparent; color: #000; border-radius: 0; }
.daterangepicker td.start-date { border-radius: 4px 0 0 4px; }
.daterangepicker td.end-date { border-radius: 0 4px 4px 0; }
.daterangepicker td.start-date.end-date { border-radius: 4px; }
.daterangepicker td.active, .daterangepicker td.active:hover { background-color: #FFC53D; border-color: transparent; color: #fff; }
.daterangepicker th.month { width: auto; }
.daterangepicker td.disabled, .daterangepicker option.disabled { color: #999; cursor: not-allowed; text-decoration: line-through; }
.daterangepicker select.monthselect, .daterangepicker select.yearselect { font-size: 12px; padding: 1px; height: auto; margin: 0; cursor: default; }
.daterangepicker select.monthselect { margin-right: 2%; width: 56%; }
.daterangepicker select.yearselect { width: 40%; }
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, 
.daterangepicker select.secondselect, .daterangepicker select.ampmselect { width: 50px; margin-bottom: 0; }
.daterangepicker .input-mini { border: 1px solid #ccc; border-radius: 4px; color: #555; height: 30px; line-height: 30px; display: block; 
	vertical-align: middle; margin: 0 0 5px 0; padding: 0 6px 0 28px; width: 100%; }
.daterangepicker .input-mini.active { border: 1px solid #08c; border-radius: 4px; }
.daterangepicker .daterangepicker_input {display:none;width:0px;height: 0px; position: relative; }
.daterangepicker .daterangepicker_input i { position: absolute; left: 8px; top: 8px; }
.daterangepicker.rtl .input-mini { padding-right: 28px; padding-left: 6px; }
.daterangepicker.rtl .daterangepicker_input i { left: auto; right: 8px; }
.daterangepicker .calendar-time { text-align: center; margin: 5px auto; line-height: 30px; position: relative; padding-left: 28px; }
.daterangepicker .calendar-time select.disabled { color: #ccc; cursor: not-allowed; }
.ranges { font-size: 11px; float: none; margin: 4px; text-align: left; }
.ranges ul { list-style: none; margin: 0 auto; padding: 0; width: 100%; }
.ranges li { font-size: 13px; background: #f5f5f5; border: 1px solid #f5f5f5; border-radius: 4px; color: #08c; padding: 3px 12px; margin-bottom: 8px; cursor: pointer; }
.ranges li:hover { background: #08c; border: 1px solid #08c; color: #fff; }
.ranges li.active { background: #08c; border: 1px solid #08c; color: #fff; }

/*  Larger Screen Styling */
@media (min-width: 564px) 
{   
	.daterangepicker { width: auto; }	
	.daterangepicker .ranges ul { width: 160px; }
    .daterangepicker.single .ranges ul { width: 100%; }
    .daterangepicker.single .calendar.left { clear: none; }
    .daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .calendar { float: left; }
    .daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl .calendar { float: right; }
    .daterangepicker.ltr { direction: ltr; text-align: left; }
    .daterangepicker.ltr .calendar.left { clear: left; margin-right: 0; }
    .daterangepicker.ltr .calendar.left .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; }
    .daterangepicker.ltr .calendar.left th.next { visibility: hidden; }
    .daterangepicker.single.ltr .calendar.left th.next { visibility: visible; }
    .daterangepicker.ltr .calendar.right { margin-left: 0; }
    .daterangepicker.ltr .calendar.right .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; }
    .daterangepicker.ltr .calendar.right th.prev { visibility: hidden; }
    .daterangepicker.single.ltr .calendar.right th.prev { visibility: visible; }
    .daterangepicker.ltr .left .daterangepicker_input { padding-right: 12px; }
    .daterangepicker.ltr .calendar.left .calendar-table { padding-right: 12px; }
    .daterangepicker.ltr .ranges, .daterangepicker.ltr .calendar { float: left; }
    .daterangepicker.rtl { direction: rtl; text-align: right; }
    .daterangepicker.rtl .calendar.left { clear: right; margin-left: 0; }
    .daterangepicker.rtl .calendar.left .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; }
    .daterangepicker.rtl .calendar.right { margin-right: 0; }
    .daterangepicker.rtl .calendar.right .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; }
    .daterangepicker.rtl .left .daterangepicker_input { padding-left: 12px; }
    .daterangepicker.rtl .calendar.left .calendar-table { padding-left: 12px; }
    .daterangepicker.rtl .ranges, .daterangepicker.rtl .calendar { text-align: right; float: right; }  
}
@media (min-width: 730px) 
{
  	.daterangepicker .ranges {width: auto; }
  	.daterangepicker.ltr .ranges { float: left; }
  	.daterangepicker.rtl .ranges { float: right; }
  	.daterangepicker .calendar.left { clear: none !important; } 
}
@media (max-width: 564px) 
{
	.daterangepicker .daterangepicker_title { font-size: 10px; }
	.daterangepicker.ltr .calendar.right { display: none; }	
}
/***Ende IBE-Form formatieren***/

/***Start Hotel-IBE-Form formatieren***/
div#AutoComplete {
	font-family: inherit;
    border: 1px solid white;
    background-color: #FFFFFF;
    padding: 5px 0;
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0,0,0,.125);
    max-width: 350px; /*Width of 'form-control' Inputs in desktopdesign*/
    min-width: 226px; /*Width of 'form-control' Inputs in mobiledesign*/
}
div#AutoComplete span, div#AutoComplete a { 
    border: none;
    width: 100%;
    display: inline-block;
    text-align: left;
    cursor: pointer;
    color: black;
    background-color: white;
    min-height: 20px;
	text-decoration: none;
	font-size: 12px;
	}
div#AutoComplete span:hover, div#AutoComplete a:hover { 
	border: none;
    width: 100%;
    display: inline-block;
    text-align: left;
    cursor: pointer;
    color: black;
    background-color: #FFC53D;
    min-height: 20px;
	text-decoration: none; 
	}
div#AutoComplete span#Error, div#AutoComplete a#Error { 
	cursor: default; 
	}
div#AutoComplete span#Error:hover, div#AutoComplete a#Error:hover { 
	border: 1px solid white; 
	}
div.custom-input.input-stars{
	min-width: 133px;
	width: 133px;
}
div.form-group.input-stars{
	min-width: 113px;
	width: 113px;
}
div.custom-input.checkbox{
	height: 40px;
	float: right !important; /*overrules .more-options .checkbox from line 1007*/
}

#hotels #occupancy select { /*Format Child-Age Selects*/
    font-size: 13px;
    padding: 0;
}
/***Ende Hotel-IBE-Form formatieren***/

/***Start Specials und AgenturServiceTabellen formatieren***/
.TableBody{
	display: table;
	width: 100%;
	background-color: transparent;
}
.TableRow {
	display: table-row;
}
.TableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.TableCell, .TableHead {
	display: table-cell;
	padding: 3px 10px;
}
.TableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
	margin: 0 0 10px 0;
}
.TableCell > img.NewsletterPicture {
	margin: 10px calc(50% - 75px);
}
/***Ende Specials und AgenturServiceTabellen formatieren***/
/***Beginn Newsletter***/

.entry .service.central  input.newsletter-button {
    margin: 0 calc(50% - 4em) 0 calc(50% - 4em);
    height: 100%;
    width: 8em;
    background-color: #FFC53D;
    color: #0E203F;
    font-family: inherit;
    font-weight: 600;
    border: 0;
}

.entry .service.central input.link-button {
    margin: 0 calc(50% - 100px) 0 calc(50% - 100px);
    height: 28px;
    width: 200px;
    background-color: #FFC53D;
    color: #0E203F;
    font-family: inherit;
    font-weight: 600;
    border: 0;
}

.entry p.service-text{
	width: 50%;
	float: left;
}

.entry input.link-button-right {
	width: 200px;
	height: 28px;
	float: right;
	background-color: #FFC53D;
    color: #0E203F;
    font-family: inherit;
    font-weight: 600;
    border: 0;
}

.entry .service.central  input.newsletter-button:hover {
    background-color: lightgray;
}

.newsletter-opt-in-box {
	vertical-align: middle;
}

.newsletter-opt-in-text {
    font-size: 1rem;
}

/***Ende Newsletter***/


/*** Start Werbebanner auf Startseite (ab 1450px Breite) ***/
.startpage-banner-ad-vertical {
	width: 99px;
	height: 423px;
	position: absolute;
	right: calc((100% - 1200px) /6 - 28px);
	top: 10%;
	cursor: pointer;
}

.startpage-banner-ad-horizontal{
	display: none;
	width: 100%;
	max-height: 99px;
	max-width: 423px;
	margin: 0 auto 0 auto;
	cursor: pointer;
}

/*** Ende Werbebanner auf Startseite ***/

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
/* DISABLED FOR TESTING - Breakpoint > 1209px
@media only screen and (max-width: 1600px) {
    /*header{
		background: url('//www3.aero-ibe.de/UI/V2/SubAgency/AP_WWW/img/bg_header.png') repeat top;
		background-repeat: no-repeat;
		background-size:auto;
		z-index: 1000;
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:130px;
		z-index: 1000;
    }*/
}
*/

/* DISABLED FOR TESTING - Breakpoint > 1209px
@media only screen and (max-width: 1449px) {
	.startpage-banner-ad-vertical {
		display: none;
	}
	.startpage-banner-ad-horizontal {
		display: flex;
	}
}
*/

/* DISABLED FOR TESTING - Breakpoint > 1209px
@media only screen and (max-width: 1210px) { /*@media only screen and (max-width: 1210px)*/
    h1{
        font-size: 32px;
    }
    .content-width{
        padding-left:10px;
        padding-right: 10px;
		margin-bottom: 12px;
    }
    main .content-width{
        padding-top: 40px;
        padding-bottom: 40px;
    }
	p.copyrightnotice {
		bottom: 0;
		width: 100%;
		height: auto;
		text-align: center;
		background: #999999;
		font-size: 14px;
	}
    /*#mobile-nav{
        display: inline;
    }*/
	main{
		overflow: visible;
		height:100%;
		padding-top: 143px;/*Height of the Header minus 11px (for WordPress-Overlay displayed when logged in)*/
	}
	header{
		/*background: url('/img/bg_header.png') repeat top;*/
		background: url('//www3.aero-ibe.de/UI/V2/SubAgency/AP_WWW/img/bg_header.png') repeat top;
		/*background-size:100%;*/
		background-repeat: no-repeat;
		background-size:auto;
		z-index: 1000;
	   	/*make it fixed:*/
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:143px; /*If you change height, change padding-top of .content-wrapper accordingly*/
		/*let following content 'fade' behind it*/
		/*box-shadow: 0px 10px 50px 20px #365A8D;*/
		z-index: 1000;
	}

    header .tel-bar{
        right: -5px;
        top: 0px; /*top: 8px;*/
    }
    header .tel-bar .tel{
    	padding: 12px 45px 12px 45px;
        /*padding: 20px;*/
    }
    header .tel-bar .number{
        padding: 20px;
    }
    header .tel-bar i{
        padding: 8px;
        right: 138px;
        top: -5px;
    }
    /*header .menu-bar .content-width .menu{
        width:100%;
        font-size:24px;
        padding:20px;
        display: none;
    }
    header .menu-bar .content-width .menu ul li{
        display: block;
        padding: 5px;
    }*/
    main .banner{
        position:relative;
    }
    main .banner .left-side{
        float:none;
        text-align: center;
        width: 100%;
        background: #f5f5f5;
    }
    main .banner .text{
        width: auto;
        text-align:center;
    }
    main .banner .text .link i{
        position: relative;
        left: 15px;
    }
    .search-tabbed-bar .tab-content .more-options .custom-input{
        width:100%;
    }
    .search-tabbed-bar .tab-content .more-options .custom-input.input-stars{
        width:133px;
    }
    .search-tabbed-bar .tab-content .more-options .custom-input.checkbox {
    	width: 240px;
	}
	.search-tabbed-bar .tab-content .more-options .control-label:first-of-type{ /*Sterne*/
		display: none;
	}
    .custom-input.small{
        min-width: 80px;
        width: 49%;
    }
    .custom-input.small .form-group{
        min-width: 100%;
    }
    .custom-datepicker{
        width:48%;
    }
    .custom-datepicker .date-frame p {
        font-size: 48px;
    }
    .custom-datepicker .date-frame span{
        font-size: 20px;
        line-height: 20px;
        width: 25px;
        left: 10px;
    }
    .custom-numbers .custom-box{
        width: auto;
    }
     .custom-numbers{
        float:left;
     }
     .custom-select-small{
        width: 48%;
     }
     .custom-select-small select{
        width: 100%;
     }
     .custom-datepicker .date-frame select{
        font-size: 50px;
        padding-left: 15px;
        top: 0;
        /*top: -95px;*/
     }
     .custom-datepicker .date-frame.selectlist{
        width: auto;
     }
}
*/
@media only screen and (max-width: 992px) {
	/*header{
		background: url('//www3.aero-ibe.de/UI/V2/SubAgency/AP_WWW/img/bg_header.png') repeat top;
		background-repeat: no-repeat;
		background-size:auto;
		z-index: 1000;
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:123px;
		z-index: 1000;
	}*/
	header .menu-bar{
    background:#0e203f;
    padding: 9px 0; /*padding:2px 0;*/
    color:#fff;
    overflow: hidden;
	}
    .custom-input .form-group{
        min-width: 220px;
    }
    .search-tabbed-bar form span{
        left: 5px;
    }
    .full-width{
        width:auto;
    }
    .elements-wrapper{
        width:100%;
    }
    .custom-box-dropdown .number-switcher-alt{
        width: 100%;
    }
    .datepicker, .datetimepicker{
        width:225px;
    }
    .custom-numbers .custom-box{
        width:165px;
    }
    .custom-numbers{
        float: left; /*float:none;*/
        margin: 0 auto;
    }
    .image-submit, .image-submit-hotel, .image-submit-transfer{
        display: none;
    }
    
    input.custom-submit{
        float: none;
        width: 27%;
        top: 60px;
        right: 0;
		margin: 0 6px;
    }
    #transfers .col-md-4.reset-padding {
    width: 33%;
	}
    div#DriversAge {
    	top: 0;
    }
    .search-tabbed-bar .tab-content{
        text-align: center;
    }
    .content-width,.search-tabbed-bar .tab-content{
        padding:0 10px;
    }

    main .banner .text{
        width: 100%;
    }
    .custom-box-dropdown .numbering{
        float:none;
    }
    .custom-box-dropdown#occupancy{
        width:310px;
        right: -75px;
        padding: 0 20px;
    }
    .search-tabbed-bar .tab-content .more-options-btn{
        padding-top: 10px;
        padding-bottom: 10px;
    }
	div.more-options-btn > a {
		color: #FFC53D;
	}
    .search-tabbed-bar .tab-content .remove-room-btn{
        display: inline-block;
        position: absolute;
        top: 0;
        right: 10px;
    }
    .search-tabbed-bar form .custom-numbers p{
        font-size:16px;
    }
    .custom-datepicker{
    	width: 49%;
        max-width: 170px;
        margin: 0 auto;
    }
    
    .custom-datepicker.drivers-age {
    float: left;
	}
    .custom-datepicker .date-frame.selectlist span{ /*XY >Jahre<*/
          width: 70px;
          top: -10px;
          /*neu:*/
          left: 80px;
    }
    
    .custom-datepicker .date-frame.selectlist span.older-than-25{ /*>25<*/
    	font-size: 50px;
    	padding: 57px 0 0 19px;
    }
    .custom-datepicker .date-frame.selectlist span.older-than-25-text{ /*>älter als<*/
    	top: 47px;
    }
.custom-datepicker .date-frame.selectlist span.younger-or-equal-25-text {
		top: 68px;
		left: 78px;
	}
    #DriversAge{ /*Select for DriversAge inside #transfers*/
    	top: 0;
    }
    
      .margin-top-bottom {
    /*margin: 20px 0;*/
    margin: 42px 0 0 0;
    }
    .custom-input{
        width: 40%;
    }
}
@media only screen and (max-width: 800px) {
		main{
		overflow: visible;
		height:100%;
		padding-top: 123px;/*Height of the Header minus 11px (for WordPress-Overlay displayed when logged in)*/
	}
	header{
		/*background: url('/img/bg_header.png') repeat top;*/
		background: url('//www3.aero-ibe.de/UI/V2/SubAgency/AP_WWW/img/bg_header.png') repeat top;
		/*background-size:100%;*/
		background-repeat: no-repeat;
		background-size:auto;
		z-index: 1000;
	   	/*make it fixed:*/
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:123px; /*If you change height, change padding-top of .content-wrapper accordingly*/
		/*let following content 'fade' behind it*/
		/*box-shadow: 0px 10px 50px 20px #365A8D;*/
		z-index: 1000;
	}
	header .top {
	padding: 10px 0;
	}
	
   input.custom-submit {
   	min-width: 90px;
	/*top: -95px;
	right: -95px;*/ /*wegen 800x600 auskommentiert. Bummerang?*/
   }
	#transfers input.custom-submit {
	min-width: 90px;
	top: -120px;
	right: -120px;
	}
#transfers form#VehicleInputForm div.col-md-4.reset-padding {
    float: left;
    width: 25%;
}
    .custom-datepicker.drivers-age {
    width: 80%;
    float: left;
	}
}

@media only screen and (max-width: 767px) {
	#mobile-nav{
        display: inline;
        top: 80px;
    }
    
    header .menu-bar .content-width .menu{
        width:100%;
        font-size:24px;
        padding:20px;
        display: none;
    }
    header .menu-bar .content-width .menu ul li{
        display: block;
        padding: 5px;
    }
    #transfers form#VehicleInputForm div.col-md-4.reset-padding {
    float: none;
    width: 33%;
	}
	.entry p.service-text {
    width: 100%;
    float: unset;
	}
	.entry input.link-button-right {
    float: unset;
	margin: 0 calc(50% - 100px) 0 calc(50% - 100px);
	}
}

@media only screen and (max-width: 500px) {
	#mobile-nav {
	top: 127px;
	}
    .custom-datepicker.first .form-wrapper{
        padding-right: 10px;
    }
    .custom-datepicker.last .form-wrapper{
        padding-left: 10px;
    }
    .logo, .iata{
        width:100%;
        text-align: center;
        padding: 5px 0;
    }
	header{
		/*background: url('/img/bg_header.png') repeat top;*/
		background: url('//www3.aero-ibe.de/UI/V2/SubAgency/AP_WWW/img/bg_header.png') repeat top;
		/*background-size:100%;*/
		background-repeat: no-repeat;
		background-size:auto;
		z-index: 1000;
	   	/*make it fixed:*/
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:170px; /*If you change height, change padding-top of .content-wrapper accordingly*/
		/*let following content 'fade' behind it*/
		/*box-shadow: 0px 10px 50px 20px #365A8D;*/
		z-index: 1000;
	}
    header .tel-bar{
        font-size: 16px;
        top: 0;/*top: 10px;*/
    }
    header .tel-bar i{
        right: 127px;
    }
    main {
    	overflow: visible;
    	height: 100%;
    	padding-top: 170px;
    	padding-bottom: 230px;
    }
    main .banner .text{
        width: 100%;
    }
    .custom-datepicker.drivers-age {
    	width: 90%;
    }
    Footer {
    	min-height: 230px;
    }
    Footer .left-side{
        float:left;
        text-align: left;
    }
    Footer .right-side{
        float:right;
        text-align: right;
    }
    footer .right-side nav.menu, footer .left-side nav.menu{
        padding: 10px;
        font-size:14px;
    }
    .search-tabbed-bar .nav-tabs>li>a{
        text-align: center;
    }
    .search-tabbed-bar .nav-tabs>li i{
        display: block;
        text-align: center;
        padding: 0px;
        margin: 0px;
    }
    .search-tabbed-bar .nav-tabs>li{
        width: 90px;
        font-size: 14px;
    }
    .search-tabbed-bar .nav-tabs>li.active>a, .search-tabbed-bar .nav-tabs>li.active>a:focus, .search-tabbed-bar .nav-tabs>li.active>a:hover{
        text-align: center;
        background:#0e203f;
    }
    .search-tabbed-bar .nav>li>a:focus, .search-tabbed-bar .nav>li>a:hover{
        background:none;
    }
      .custom-input.full-width{
        width: 100%;
    }
    #transfers form#VehicleInputForm div.col-md-4.reset-padding {
    float: none;
    width: 85%;
	}
	input.custom-submit {
    min-width: 90px;
    top: 65px;
    right: 0;
	}
	
	#transfers input.custom-submit {
    min-width: 90px;
    top: 90px;
    right: 0;
	}
	/***Start Specials und AgenturService formatieren***/
	.TableBody{
		display: inline-block;
		width: 100%;
		background-color: transparent;
	}
	.TableRow {
		display: inline-block;
		width: 100%;
		border-bottom: 2px solid lightgray;
	}
	.TableHeading {
		background-color: #EEE;
		display: inline-block;
		font-weight: bold;
		width: 100%;
	}
	.TableCell, .TableHead {
		display: inline-block;
		padding: 3px 10px;
		width: 100%;
		text-align: center;
	}
	
	.TableFoot {
		background-color: #EEE;
		display: inline-block;
		width: 100%;
		font-weight: bold;
		margin: 0 0 10px 0;
	}
	.entry .service.central{
		width: 203px;
		margin: 10px auto;		
	}
	.entry .service.central input {
		margin: 0;
	}
	button.agency-services{
	margin: 0.5em 3.25em
	}
	#AgencyServiceCityCodes > div.Result, #AgencyServiceAirlineCodes > div.Result {
		padding: 6px 0 0 6px;
		margin: 44px 0 0 0;
	}
	/***Ende Specials und AgenturService formatieren***/

}
@media only screen and (max-width: 400px) {
	/*header{
		background: url('//www3.aero-ibe.de/UI/V2/SubAgency/AP_WWW/img/bg_header.png') repeat top;
		background-repeat: no-repeat;
		background-size:auto;
		z-index: 1000;
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:130px;
		z-index: 1000;
	}*/
    input.custom-submit{
        top: 50pxpx;
        margin: 15px;
    }
    #transfers input.custom-submit{
        top: -10px;
        margin: 15px;
    }
    .search-tabbed-bar .tab-content .more-options .control-label {
    	display: none;
    }
    #transfers form#VehicleInputForm div.col-md-4.reset-padding {
    	width: 42%;
    }
    .form-wrapper.last, .custom-datepicker.last{
        position: relative;
        left: 0px;
    }
      .custom-input{
        width: 100%;
    }
    .custom-datepicker.drivers-age {
    width: 100%;
	}
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}