/*

       ..................---_------------------------------------_------------------....................
     ..:::::::::::::::::::-| |_-_------------_--- _---------__- | |-----------------::::::::::::::::::::..
    .:::::::::::::::::::::|_ _|| |__---___--| |--| |--___--/ /-|_ _|-___---____-----::::::::::::::::::::::.
   /::::::::::::::::::::::-| |-|  _ \-/ 9_\-| |\/| |--__\\-\ \--| |-/ 9_\-/ /\_\----:::::::::::::::::::::::\
  /:::::::::::::::::::::::-|_|-|_| |_|\__\--|_|--|_|-|_9_/-/_/--|_|-\__\--|_|-------:::::::::::::::::::::::::\
  ::::::::::::::::{Pablo Rovelo}:::{Rodolfo Lugo}:::{Iván Poot}:::{Henry Tiquet}:::{Kozmo}::::::::::::::::::::
  ------------------------------------*****| 2016(c)OWNERS-LINK |*****----------------------------------------


     /=====\
          ||
    //====|| |=======| |=======|
    ||    || ||     || ||     ||
    ||____|| ||_____|| ||_____|| ##
             ||        ||
             ||        ||
             ||        ||
*/
/*======================================
        OWNERS LINK MAIN CSS
        version : 1
        author  : Kozmo / Rovelo
        date  : March 2015
=========================================*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);
@import url(https://fonts.googleapis.com/css?family=Anton);
@import 'reset.css';
/*:;:;:***prueba less***;:;:;:*/
/*@import "transfers/transfers-main.css";*/
/*:;:;:;:;:;:*/


/*LESS*/
/*@import "tickets/tickets-flow.css";*/

/*GENERAL*/




html, body {
    height: 100%;
    width: 100%;
}

table{
    background: none !important;
}
body {
    font-family: 'Open Sans', sans-serif;
}

h1,h2,h3,h4,h5,h6,p,a{
    font-family: 'Open Sans', sans-serif;

}

p{
    margin-bottom: 0;
    /*line-height: 1.5;*/

}

/*****:::::::::::::**Pablo's blue css / August 15***::::::::::::****/


section {
    min-height: 0;
    margin: 0px;
}
/*
    footer.collapsed {
    height: 50px;
    clear: both;
    position : fixed;
    width: 100%;
    bottom : 0;
    z-index: 99;
}
footer.extended {
    clear: both;
    position : fixed;
    width: 100%;
    bottom : 0;
    padding-bottom: 0px;
    z-index: 99;
}
footer h4 {
    padding: 0px 0 0 20px;
    color: #EFEFEF;
    font-weight: 300;
    text-align: center;

}
*/
#ow-logout {
    vertical-align: middle;
    height: 48px;
    line-height: 48px;
}
#ow-logout span {
    float : left;
    margin-left : 50px;

}
#ow-logout-button {
    position: fixed;
    right:0px;
    top: 140px;
    z-index: 99;
    background : #243547 url('https://s3.amazonaws.com/com.owners-link.assets/logout.png') no-repeat 0% 50%;
    width: 44px;
    height: 48px;
    border-radius: 12px 0px 0px 12px;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    0px 4px 10px 0px rgba(50, 50, 50, 0.5);
    box-shadow:         0px 4px 10px 0px rgba(50, 50, 50, 0.5);

}
.pre-footer {
    height: 120px; /** TAMANO DEL FOOTER POR FIXED **/
}
/*.tt-is-under-cursor {
    background-color: #ff9525;
    color : #fff;
}
.tt-suggestion p {
    text-align: left;
}*/
#ow-modal-background {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#333333;
    display:none;
    opacity:0.40;
    z-index:9;
}
.ow-modal-dialog {
    position: fixed;
    font-family: Arial, Helvetica, sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}


/***********  CLASSES	************/
span.ow-subtitle {
    font-size: 18px;
    font-weight: 400;
    text-align : left;
    color: #243547;
}
section.ow-section {
    padding: 0px 0 10px;
}

.footer-wrapper {
    color: #CFCFCF;
    font-weight: 300;
    font-size: 16px;
    text-align: left;
}
.footer-wrapper div {
    min-height: 200px;
}

.footer-wrapper p, .footer-wrapper ul {
    font-size: 0.85em;
    line-height: 18px;
    padding-left: 40px;
}

/************ 	HEADER 	************/
/************ 	LOGO 	************/

#logo {
    float : left;
}

#logo > img {
    vertical-align: middle;
}

/**** TOP NAVIGATION ****/
.ow-top-menu {
    height: 60px;
    background-color: #fff;

}

.ow-top-menu-nav ul {
    margin: 10px 0px;
    /*    margin-right: 28px;*/
    background: transparent;
}
.ow-upper-btn {
    padding : 10px;
}

.ow-upper-btn a {
    color : #ffffff;
}
.ow-top-menu-nav ul li {
    display:inline-block;
    height: 20px;
    padding : 0px 20px;
    margin: 6px 0 0;
    vertical-align: top;
}
.ow-top-menu-nav ul li.ow-highlight ul li {
    padding: 10px;
    margin-left: -10px;
    background: transparent;
}

.ow-top-menu-nav ul li.ow-active a {
    color : #ff9525;
    font-weight: 300;

}
.ow-top-menu-nav ul li a {
    color : #243547;
}

.ow-top-menu-nav ul li  ul.ow-top-menu-submenau-dropdown {
    display: none;
}
.ow-top-menu-nav ul li:hover  ul {
    display: block;
}

.ow-top-menu-nav ul li.ow-highlight a {
    color : #ffffff;
    background: transparent;
    display: block;
}



.hidden {
    display: none;
}

.ow-top-menu-nav ul li ul.ow-top-menu-submenu-dropdown {
    position :relative;
    top:-6px;
    z-index: 99999;
    background: rgba(254, 254, 254, 0.95);

}
.ow-top-menu-nav ul li ul.ow-top-menu-submenu-dropdown li {

    color : #243547;
    display: block;
    text-align: left;
    height : 30px;
    line-height: 30px;
    /*vertical-align: middle;*/
    font-size: 0.9em;
    margin:0;

    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    -ms-transition: background 0.5s ease;
    transition: background 0.5s ease;
}
.ow-top-menu-nav ul li ul.ow-top-menu-submenu-dropdown li a:hover{
    display: inline-block;

}
.ow-top-menu-nav ul li ul.ow-top-menu-submenu-dropdown li.last {
    border-bottom: 1px solid #EEE;
}
.ow-top-menu-nav ul li ul.ow-top-menu-submenu-dropdown li a {
    color : #243547;
    padding-left : 6px;
    margin : 0;



}

.ow-highlight {
    background-color: #ff9525;
    color: #ffffff;
}

.ow-highlight .ow-highlight-subtitle {
    display: block;
    padding-top: 10px;
    font-weight: 300;
    font-size: 0.75em;
}

.ow-specials {
    background-color: #ff9525;
    color: #FFF;
    font-weight: 300;
    position: relative;
    top: 171px;
    left: 0px;
    z-index: 10;
    padding: 10px 20px;
    background: url('https://s3.amazonaws.com/com.owners-link.blue/icons_blue/flecha_naranja_oferta.png') no-repeat 98% 0;
}


/**** BREADCRUMBS ****/
.ow-breadcrumb {
    padding: 10px;
    font-size: 12px;
    color: #aaaaaa;
    font-weight: 400;
    margin-bottom: 20px;
}

.ow-breadcrumb ul li {
    display: inline;
}

/************************************/

/************ PAGES AND TITLES ************/

#ow-page-title {
    margin: 0px;
}

.ow-title-page {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 400;
    min-height: 54px;
    line-height: 54px;
    padding: 0px;
    margin-bottom: 10px;
}

.ow-title-page .ow-title {

    min-height: 54px;
    line-height: 54px;
    display: block;
    float: left;
    padding : 0px 40px;
    background:  url('https://s3.amazonaws.com/com.owners-link.blue/icons_blue/flecha+azul.png') repeat-y 100% 0;
    /*  width: 33%; */;
}

.ow-title-next {
    padding : 0 20px;
    color : #243547;
}

#ow-filters {
    float: right;
    margin: 0px 10px 0 0;
    padding: 0px 20px 0 0;
}
.ow-price-range {
    /*          width: 300px; */
    float:right;
    margin: 0px;
    padding: 0px 20px;
    width: 300px;
    height: 54px;
    vertical-align: middle;

}

.ow-price-range-bar {
    /*          width: 300px; */

    margin: 0px;
    padding: 0px;
    width: 300px;
    height: 54px;
    vertical-align: middle;
    background: url('https://s3.amazonaws.com/com.owners-link.blue/icons_blue/barra_gris_price.png') repeat-x 0 50%;
}
.ow-price-range-active {
    height: 54px;
    width: 150px;
    background: url('https://s3.amazonaws.com/com.owners-link.blue/icons_blue/barra_naranja_price.png') repeat-x 0 50%;
}
.ow-price-range-button {
    background: url('https://s3.amazonaws.com/com.owners-link.blue/icons_blue/circle_price_bar.png') no-repeat 50% 50%;
    width: 16px;
    height: 54px;
    display: block;
    margin-left : 143px;
}

.ow-search-box {
    width: 300px;
    margin: 0px;

    background: #fff url('https://s3.amazonaws.com/com.owners-link.gold/icons_gold/lupa_gris.png') no-repeat 98% 50%;
}
.ow-profile-highlight {
    height : 100%;
    padding : 20px;
}
.ow-profile-highlight h2 {
    margin-bottom: 10px;
    font-size: 30px;
}
.ow-profile-highlight p {
    margin-bottom: 10px;
}
#ow-profile-info {
    width: calc(100% - 30px);
}

.ow-avatar {

}
.ow-list li{
    padding :3px
}
.ow-profile-wallet-title {
    color : #ffffff;


}
.ow-profile-wallet-number {
    color : #ffffff;
    font-family: 'Anton', sans-serif;
    font-size : 40px;
    margin: 0 20px;
}
.ow-menu-list li {
    border-width: 0px 0px 0px;
    border-style: solid;
    border-color: #ddd;
    height: 68px; /** IMPORTANT **/
    line-height: 68px; /** IMPORTANT **/
    padding-left : 20px;
    background-color: #f3f5f8;
}
.ow-menu-list li.ow-active {
    background: #ff9525;
}

.ow-profile-list li {
    margin : 1px 0;
    background: #f3f5f8 url('https://s3.amazonaws.com/com.owners-link.blue/icons_blue/flecha_usuario_inactivo.png') repeat-y 100% 0;

}
.ow-profile-list li.ow-active {
    background: #ff9525 url('https://s3.amazonaws.com/com.owners-link.blue/icons_blue/flecha+usuario.png') repeat-y 100% 0;
}


.ow-menu-list li a {
    color : #243547;
}
.ow-menu-list li a:link, .ow-menu-list li a:active {
    display : block;

}

.ow-menu-list li a:hated, .ow-menu-list li a:visited {
    display : block;
    color : #243547;
}



/************************************/

/******** PROFILE PICTURE ***********/
.ow-avatar {

}
.ow-profile-picture {
    float : left;
    padding : 10px;
}
.ow-profile-details {
    color : #FFFFFF;
    padding : 10px;
}
.ow-profile-details ul {
    font-size: 0.95em;
    font-weight: 300;
    margin: 10px;

}
.ow-profile-details ul li {
    border-bottom: 0px solid #FFF;
    padding : 4px 20px;
}
.ow-profile-details ul li > .ow-highlight-numbers {
    color: #ff9525;
}
.ow-profile-details ul li > .ow-highlight-level {
    color: #99aac3;

}
/************************************/


/*************** JBWEEKS ****************/
.ow-grid-container, .ow-slider-container {
    border : 0px solid #ddd;
}


.ow-page-title {
    position: relative;
    z-index: 10;
    text-align: center;
    color : #FFF;
    opacity: .9;
    font-weight: bold;
    font-size: 64px;   /*** VERIFICAR ***/
}

.ow-page-subtitle {
    margin-top : 10px;
    position: relative;
    z-index: 10;
    text-align: center;
    color : #FFF;
    opacity: .9;
    font-weight: bold;
    font-size: 30px;   /*** VERIFICAR ***/
}
.ow-searches-container, .ow-gallery-container, .ow-promos-container {
    padding : 10px 0 0;
    margin : 0px;
}

.ow-search-item {
    margin : 10px;
    float : left;
    background: #fff;
    color : #111;
}


.ow-gallery-item, .ow-promos-item {
    /* 	border : 1px solid #DDD; */
    margin : 10px;
    float : left;

    background: #111;
    color : #FFF;
    text-align: center;
}

.ow-gallery-item:hover, .ow-promos-item:hover {
    -moz-opacity: 0.8;
    opacity: 0.8;
    filter:alpha(opacity=80); /* IE */
}
h2.ow-promo-title-highlight {
    padding :90px 0 10px;
    font-size: 50px;
    color : #FFFFFF;

}
span.ow-promo-highlight {
    font-size: 2em;
    font-weight: 400;
}
div.ow-promo-container {
    margin-top : 200px;
    height: 59px;
    background-color: #111;
    filter:alpha(opacity=80); /* IE */
    -moz-opacity:0.8; /* Mozilla */
    opacity: 0.8; /* CSS3 */
}
h2.ow-promo-title {
    padding-top :10px;
    font-size: 20px;
    color : #FFFFFF;

    filter:alpha(opacity=100); /* IE */
    -moz-opacity:1; /* Mozilla */
    opacity: 1; /* CSS3 */

}
p.ow-promo-content {
    font-size: 14px;
    font-weight: 300;
    text-align: center;
    color : #FFFFFF;
}

div.ow-gallery-container {
    margin-top : 300px;
    height: 59px;
}
h2.ow-gallery-title {
    padding-top :10px;
    font-size: 20px;
    color : #FFFFFF;

    filter:alpha(opacity=100); /* IE */
    -moz-opacity:1; /* Mozilla */
    opacity: 1; /* CSS3 */

}
p.ow-gallery-content {
    font-size: 14px;
    font-weight: 300;
    text-align: center;
    color : #FFFFFF;
}

.ow-directory-list-wrapper {
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: scroll;

    -webkit-overflow-scrolling: touch;
}
.ow-directory-list {
    width: 100%;    // for example
white-space: nowrap;
    margin: 20px 0px 10px;
}
.ow-directory-list li {
    display: inline;
    padding: 0px 43px;

}
.ow-directory-list li a {
    padding : 5px 0px;
}
.ow-directory-list li a:link, .ow-directory-list li a:visited {


}
.ow-directory-list li a:hover, .ow-directory-list li a:active, .ow-directory-list li.active a{
    border-bottom: 1px solid #ff9525;
    color: #ff9525;
}


section div.ligas ul li a {
    font-size: 14px;
    display: block;
    padding: 10px 0;
    border-bottom: 1px solid #EFEFEF;
    color: #243547;
}
section div.ligas ul li span {
    color: #4f99db;
    margin: 0 0 0 10px;
    font-size: 0.9em;
}

#jbweeks-search-form input[type=text].ow-form {
    border : 1px solid #ddd;

}
#jbweeks-search-form select.ow-form {
    border : 1px solid #ddd;
}

/************************************/

/*************** PANELS ****************/
.ow-panel {
    margin : 0;
    clear : both;
}

.ow-panel-heading {
    background-color: #243547;
    color : #FFF;
    font-weight: 300;
    height: 68px; /** IMPORTANT **/
    line-height: 68px; /** IMPORTANT **/
    padding-left: 20px;
}

.ow-panel-body {
    background-color: #f3f5f8;
    border : 1px solid #DDD;
    padding : 10px;
}
.ow-panel-body .ow-last {
    clear : both;
}

.ow-panel-body-2-cols {
    width: 50%;
    float : left;
    background-color: #f3f5f8;
}
/************************************/

/************** TABLES **************/
.ow-table-info {
    font-size: 0.9em;
    width: 100%;

    border : 0px solid #DDD;
    margin : 0px auto;

}
.ow-table-info tr {
    border :0px solid #DDD;
}
.ow-table-info th {
    font-weight: 700;
    padding : 10px;
    text-align: left;
}

.ow-table-info td {
    font-weight: 300;
    padding : 10px;
}
.ow-table-info td.title {
    font-weight: 400;
    text-align: right;
}

.ow-table-info input {
    width : 308px;
}
/************************************/

/**** MISC ****/
.clear {
    clear: both;
}
.ow-hidden {
    display : none;
}
.ow-visible {
    display : block;
}

.center {
    width: 100%;
    margin: 0 auto;
}

.right {
    float: right;
}

.left {
    float: left;
}

/************************************/

/*********** BUTTONS ***************/
.ow-btn {
    margin: 14px;
    height: 34px;
    min-width: 64px;
    border: 1px solid #DDD;
    font-weight: 300;
    line-height: 1;
}
.ow-btn:hover {
    background-color: #4f99db;
}

/************************************/


/************ FORMS ************/

.ow-form-container {
    padding: 10px 0px;
    margin : 0 auto;
    min-height: 60px;
    width: 1024px;
    text-align: center;
}


.ow-form {
    /*height: 44px;*/
    /*** IMPORTANT **/
    /*line-height: 44px;*/

}

.ow-form.flights-search-form {
    line-height: 0!important;
}


.ow-form-divider {
    margin : 0;
    border-top: 1px solid #99aac3;
}
.ow-form-age {
    margin-left : 20px;
}
.ow-form-title {
    color : #99aac3;
    font-size: 12px;
    position :relative;
    top:-20px;
}
.ow-form-onbottom {
    position :relative;
    top:10px;
    font-size: 13px;
}
input[type=text].ow-form, input[type=email].ow-form, input[type=number].ow-form, input[type=password].ow-form, select.ow-form, input[type=date].ow-form {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: #666;
    border: 0px solid #ffffff;
    border-radius: 0px;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    /*margin: 0px 5px;*/
    padding: 0 5px;
    line-height:normal;
    height:35px;

}

select.ow-form {
    border : 1px solid #ddd;
    /* background: #fff url('https://s3.amazonaws.com/com.owners-link.blue/icons_blue/flecha_gris.png') no-repeat 96% 50%; */
    padding-right: 20px;

}
span.ow-form {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #FFF;
    margin-right: 20px;
}
label.ow-form {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #FFF;
}
input[type=submit].ow-form {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #FFF;
    margin: 5px 5px;
    padding: 0 10px;
    border-radius: 0px;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    background: #ff9525;

    border: 0px solid #ddd;
    vertical-align: top;
}
input[type=submit].ow-search-icon {
    background: #ff9525;
    padding-right : 10px;
    line-height: 44px;
    border : 1px solid #ff9525;
}
input[name=from_search].ow-form, input[name=to_search].ow-form {
    width : 100%;
}
input[name=arrivalDate].ow-form, input[name=departureDate].ow-form, input[name="departuredate_search"].ow-form, input[name="returndate_search"].ow-form {
    /*background: #ffffff url('https://s3.amazonaws.com/com.owners-link.blue/icons_blue/calendar+icon.png') no-repeat 96% 48%;
    width : 105px;*/
}

input[type=date].ow-form:hover {
    background: #ffffff;
}

textarea.ow-form {
    outline: none;
    resize: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #aaaaaa;
    border: 0px solid #111;
    border-radius: 0px;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    margin: 5px 5px;
    padding: 0 10px;
    vertical-align: middle;
    overflow: auto;
    width: 66.66%;
    min-height: 100px;
}
.destination {
    /*margin-top: 0px !important;*/
}
.tt-hint {
    /*top: 5px !important;
    left: 5px !important;*/
    display: none;
    min-width: 100%;
}

.tt-dropdown-menu {
    background: #FFF;
    width: 350px;
    border-radius: 10px;
    color: #000;
    padding: 10px 0px;
    max-height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
}

.tt-dropdown-menu-hide{
    display: none !important;
}
.tt-suggestion {
    padding: 0px 5px;
    font-size: 13px;
}
.tt-suggestion p {
    /*text-shadow: 0 0 15px rgba(0,0,0,.6),0 -1px 1px rgba(0,0,0,.6);
    line-height: 30px;
    padding: 0px;*/
    color: #000;
}
.tt-suggestion p.repo-name{
    margin-left: 20px;
}
.tt-is-under-cursor {
    background: #0097cf;
}
.tt-is-under-cursor p {
    color: #FFF;
    text-shadow: none;
}

/* ADULTS - CHILDREN - ROOMS DIV */
#age1, #age2, #age3, #age4, #age5, #age6, #age7, #age8, #age9, #age10, #age11, #age12, #age13, #age14, #age15, #age16 {
    /*    display: none;*/
}
#age_child1, #age_child2, #age_child3, #age_child4 {
    /*    display: none;*/
}
.row-search {
    /*    width: 100%;
        position: relative;
        height: 60px;*/
}
.row-left {
    /*    width: 50%;
        position: absolute;
        top: 0px;
        left: 0px;*/
}
.row-right {
    /*    position: absolute;
        top: 0px;
        right: 75px;*/
}
.age-div1 {
    display: none;
}
/************************************/

/*************** ROOM DETAILS **************/
.ow-hotel-details-wrapper{
    margin-top: 8px;
}
.ow-hotel-details-gallery {
    float:left;
    height:480px;
    width: 656px;
    margin-right: 20px;
    border: 0px solid #ddd;
}

.ow-hotel-details-gallery-wrapper {
    overflow-x:auto;
    overflow-y: hidden;
}

.ow-hotel-details-gallery-container {

    width: 1000000px;
}
.ow-hotel-details-gallery-big {
    height:359px;
    width: 656px;
    background-color: #000;
}
.ow-hotel-details-gallery-small {
    float:left;
    height: 100px;
    width: 160px;
    border: 1px solid #ddd;
    margin: 10px 10px 0px 0px;
    background-color: #000;
    cursor : pointer;
}
.ow-hotel-details-info {
    float:left;
    height:480px;
    width: 340px;
    border: 0px solid #ddd;
    line-height:24px;
}
.ow-hotel-details-info .ow-price {
    color : #4f99db;
    font-size : 30px;
}
.ow-hotel-details-info p {
    font-weight: 300;
    margin: 4px 0 10px;
}
.ow-hotel-details-info hr {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.ow-hotel-details-map {
    height : 180px;
    width: 100%;
    background: url('https://s3.amazonaws.com/com.owners-link.blue/icons_blue/map.png') no-repeat 0 0;
    margin : 10px 0;
}
.ow-hotel-details-tripadvisor {
    margin : 10px 0;
    clear : both;
}
.ow-hotel-details-tripadvisor input[type=button], .ow-hotel-details-tripadvisor img {
    font-size: 0.9em;
    vertical-align: middle;
    margin : 5px 0 0;
}
.ow-hotel-details-tripadvisor input[type=button] {
    width: 120px;
    float: right;
    height: 30px;
}
.ow-hotel-details-tripadvisor-item {
    float: left;
    width: 50%;

}

.ow-hotel-details-tripadvisor-item p {
    color: #4f99db;
    margin : 0;
    font-size: 20px;
}
.ow-hotel-details-tripadvisor-item span {
    font-size: 0.74em;
    margin : 0;
    color: #4f99db;
}
.ow-hotel-details-button {
    border : 0px;
    display: block;
    width: 100%;
    margin : 14px 0;
    color:#fff;
    font-size: 16px;
    font-weight: 300;
    margin : 0;
}


.ow-hotel-details-rooms {
    margin-top: 20px;
}
.ow-hotel-details-rooms-item {
    height:148px;
    margin-top: 20px;

    border: 0px solid #ddd;
}
.ow-hotel-details-rooms-item-info {


}
.ow-hotel-details-rooms-item-info-image {
    float :left;

    width: 200px;
    height:150px;
    /*    border-right: 1px solid #111;*/
}
.ow-hotel-details-rooms-item-info-image div.ow-image {

    padding : 0px;
    height: 150px;
    width: 200px;
    background: #000;
    /*background: url('https://s3.amazonaws.com/com.owners-link.blue/icons_blue/map.png') no-repeat 0 0;*/
    margin : 0px auto;
}

.ow-hotel-details-rooms-item-info-title {
    float :left;
    width: 460px;
    /*height:138px;*/
    height: 138px;
    padding: 10px 0 0 20px;
    margin-right: 20px;
}
.ow-hotel-details-rooms-item-info-title p.ow-subtitle {
    font-size: 0.9em;
    margin-bottom: 10px;
}
.ow-hotel-details-rooms-item-info-title p.ow-description {
    font-size: 0.8em;
    /*    overflow-y: auto;*/
    overflow-y: hidden;
    max-height: 80px;
    color : #99aac3;
    font-weight: 300;
}
.ow-hotel-details-rooms-item-info-amenities {
    float :left;
    width: 200px;
    height:138px;
    padding-top : 10px;
}
.ow-hotel-details-rooms-item-info-amenities ul li {
    font-size: 13px;
    margin : 5px 0;
}

.ow-hotel-details-rooms-item-info-amenities ul li.ow-highlight {
    color : #ff9525;
    background: transparent;
}
.ow-hotel-details-rooms-item-info-booking {
    float :right;
    margin-right: 20px;
    width: 180px;
    height:138px;
    padding-top : 10px;
}
.ow-hotel-details-rooms-item-button {
    border : 0px;
    display: block;
    width: 100%;
    margin : 14px 0;
    color:#fff;
    font-size: 18px;
    font-weight: 300;

}
input[type=submit].ow-hotel-details-rooms-item-button {
    background-color: #4f99db;
    color:#fff;
}

.ow-promo-ads {
    height: 70px;
    overflow: auto;
}

.ow-promo-ads p {
    color : #99aac3;
    font-weight: 300;
    margin-top: 0px;
    font-size: 14px;
    /*    height: 20px;*/
    line-height: 20px;
}

.ow-promo-ads p.ow-price-title {
    color : #99aac3;
    font-weight: 400;
    font-size : 30px;
    color : #4f99db;
    padding-top:10px;

}
.ow-promo-ads p.ow-price-subtitle {
    color : #99aac3;
    font-size: 15px;
    text-align: right;
}
form.ow-form-room-detail {
    position : relative;
    bottom: 0px;
}

/*************** CARDS **************/
.ow-card-wrapper {
    margin: 0px auto;

}

.ow-card {
    border: 2px solid #ffffff;
    margin: 8px;
    background-color: #ffffff;
    width : 318px;
    float : left;
    cursor: pointer;
}
.ow-card:hover {
    /*border : 2px solid #f3f5f8;*/
    -webkit-box-shadow: 0 8px 6px -6px #f3f5f8;
    -moz-box-shadow: 0 8px 6px -6px #f3f5f8;
    box-shadow: 0 8px 6px -6px #f3f5f8;

}

.ow-card-highlight {
    background-color: #ffffff;
    border: 2px solid #ff9525;
}

.ow-card-regular {
    background-color: #ffffff;
    border: 2px solid #ffffff;
}

.ow-card .ow-img {
    height: 200px;
    background-color: #111;
}

.ow-card-highlight .ow-img img {
    margin-top: -16px;
}

.ow-card .ow-body {
    font-size: 14px;
    font-weight: 300;
    text-align: justify;
    color: #AAAAAA;
    height: 200px;
    padding: 20px;
    overflow: auto;
    background-color: #f3f5f8;
}

.ow-card .ow-footer {
    height: 30px;
    border-top: 2px solid #DDDDDD;
    padding: 10px 20px;
    color: #4f99db;
    background-color: #f3f5f8;
}

.ow-footer-reviews {
    min-height: 24px;
    float : right;
}
.ow-like {
    width : 24px;
    height: 24px;
    margin : 0px;
    padding : 0px 12px;
    background:  url('https://s3.amazonaws.com/com.owners-link.blue/icons_blue/like.png') no-repeat 0 0;
}

.ow-body-title {
    margin-bottom: 20px;
}

.ow-price-list {
    text-align: left;
}
.ow-price-list li {
    display: block;
    padding: 3px 0;
    /*    overflow: auto;
        line-height: 20px;
        height: 20px;
        vertical-align: middle;*/
}
.ow-price-percentage {
    float : left;
    font-size: 24px;
    color : #fff;
}

.ow-price {
    text-align: right;
    display : block;
    font-size: 24px;
    font-weight: 400;
    color: #4f99db;
    margin-bottom: 4px;
}

.ow-competitor {
    color: #AAAAAA;
    display : block;
    font-size: 0.9em;
    text-align: right;
}

.ow-load-more {
    width: 45px;
    height: 45px;
    background: url("https://s3.amazonaws.com/com.owners-link.blue/icons_blue/loading_icon.png") no-repeat 0 0;
    margin: 10px auto 20px;
}



.stars_1 {
    background: url('https://s3.amazonaws.com/com.owners-link.blue/icons_blue/stars_1.png') no-repeat 0 0;
    width: 88px;
    height: 17px;
}
.stars_2 {
    background: url('https://s3.amazonaws.com/com.owners-link.blue/icons_blue/stars_2.png') no-repeat 0 0;
    width: 88px;
    height: 17px;
}
.stars_3 {
    background: url('https://s3.amazonaws.com/com.owners-link.blue/icons_blue/stars_3.png') no-repeat 0 0;
    width: 88px;
    height: 17px;
}
.stars_4 {
    background: url('https://s3.amazonaws.com/com.owners-link.blue/icons_blue/stars_4.png') no-repeat 0 0;
    width: 88px;
    height: 17px;
}
.stars_5 {
    background: url('https://s3.amazonaws.com/com.owners-link.blue/icons_blue/stars_5.png') no-repeat 0 0;
    width: 88px;
    height: 17px;
}






/*************** CONFIRMATION *****************/
.ow-step-container {
    font-size: 15px;
    font-weight: 300;
    background: #f3f5f8;
    color : #99aac3;
    margin : 0;
}
.ow-arrow-blue {
    width: 0;
    height: 0;
    border-top: 27px solid transparent;
    border-left: 27px solid #f3f5f8;
    border-bottom: 27px solid transparent;
}
.ow-arrow-gray {
    width: 0;
    height: 0;
    border-top: 27px solid #f3f5f8;
    border-left: 27px solid #243547;
    border-bottom: 27px solid #f3f5f8;
}
.ow-step-active {
    background: #243547;
    color : #FFF;


}
.ow-step-done {
    background: #99aac3 url('https://s3.amazonaws.com/com.owners-link.blue/icons_blue/check+icon.png') no-repeat 50% 50%;
    color : #99aac3;

    z-index : 10;
}

.ow-step-1 {

}
.ow-step-2 {

}
.ow-step-3 {

}
.ow-step-circle {
    text-align: center;
    line-height: 30px;
    vertical-align: middle;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    float : left;
    margin : 12px 10px 12px 20px;
    background-color: #99aac3;
    color : #f3f5f8;
    /* width and height can be anything, as long as they're equal */
}
.ow-step-text {
    float:left;
}
#ow-step-1 {

}
#ow-step-2 {

}
#ow-step-3 {

}

.ow-room-details {

    color:#99aac3;

}
.ow-room-sumary h3 {
    text-align: center;
    padding: 10px 0;
    font-size: 1.2em;
}
.ow-room-sumary {
    font-weight: 300;
}
.ow-room-sumary-list {
    color :  #99aac3;
}

.ow-room-sumary-list li {
    border-bottom: 1px solid #99aac3;
    padding : 10px 10px;
}
.ow-room-sumary-list li.ow-total-room-price {
    background: #99aac3;
    color : #fff;
}
.ow-room-sumary-list-title {
    color : #243547;
    font-weight: 700;
    font-size: 1.2em;
}
.ow-room-sumary-list-subtitle {
    color : #243547;
}
.ow-room-sumary-list table {
    border : 0px solid #ddd;
    width : 100%;
    font-size: 0.9em;
}
.ow-room-sumary-list table tr td {
    padding : 4px 0;
}

.ow-room-sumary-list table tr td.text-right {
    text-align: right;
}
.ow-room-sumary-list table tr.ow-total-row {

    font-weight: 700;
    font-size: 1.2em;
}

input[type="submit"].ow-room-details-btn {
    background : #ff9525; /*#4f99db;*/
    margin : 10px 0;
    width: 100%;
}
.ow-room-details-hotel {

}

.ow-room-details-hotel-image {
    background: #000;
    float: left;
    height: 170px;
    width:250px;
}
.ow-room-details-hotel-info {
    width: 414px;
    float: left;
    padding:20px;
    overflow-y : auto;
}
.ow-room-details-hotel-description {
    font-weight: 300;
    font-size: 14px
}
.ow-room-details-rooms-title {
    border-bottom: 1px solid #ddd;
    padding : 10px;
    color : #243547;
}
.ow-room-details-rooms-title span {
    color : #99aac3;
    font-size: 13px;
    font-weight: 300;
}
.ow-room-details-rooms-image {
    background: #000;
    height: 120px;
    width: 170px;
    float: left;
    padding:0px;
}

.ow-room-details-rooms-guests {
    float : right;
    margin : 10px;
    min-height: 150px;
}
.ow-room-details-rooms-contact {
    padding : 10px;
}

/*--ESTILOS ROBERT

JB Weeks---*/

.ow-promos-single h2.ow-promo-title {
    font-size: 15px;
}

h2.ow-promo-title {
    font-weight:bold;
}

.container-middle {
    width: 100%;
    height: auto;
    display: table-cell;
    vertical-align: middle;
}

.ow-promo-container {
    display:inline-table;
    width:100%;
}

.ow-promo-title {
    padding-top:0!important;
}

/*--JOINT VENTURE --*/

.joint-info {
    text-align:justify;
    background:#E0E5ED;
}

.joint-info p {
    padding:10px 20px;
    color:#000;
    line-height:20px;
}

.joint-info h1 {
    padding:10px 0 0 20px;
    color:#99aac3;
}

.container-text-ficha-joint {
    background:rgba(36, 53, 71, .8);
    height:60px;
    margin-top:199px;
}

.texts-joint {
    width: 29%;
    float: left;
    text-align: center;
    margin-top:13px;
}

.titulos-joint {
    text-align:center;
    background:#243547;
    height:40px;
}

.titulos-joint p {
    font-size: 23px;
    padding-top: 9px;
}

.btn-joint {
    padding: 10px 42px;
    background: #ff9525;
    color: #fff!important;
    margin-top: 158px;
    display:inline-block;
}

/*--AUTOS--*/

.destination_car {
    margin-top: 0px !important;
}
/*
.time_car {
    line-height:40px
}*/

input[name=arrivalDate].ow-form, input[name=departureDate].ow-form, input[name="departuredate_search"].ow-form, input[name="returndate_search"].ow-form {
    /*width:110px;*/
}

/*--YATES--*/

.ow-tcyacht-slider-background .ow-page-title {
    color:#243547;
}


/******:::::::::::::*****end Pablo�s blue******:::::::::::*******/




/**********:;:;:;:;:;:;:;::_:_:_:::TC HOTELS:::_:_:_:_:_:_:_:;:;:;:;***********/

/* === TC HOTELS > SELECT ROOM  === */


.gray-bg{
    background-color: #f3f5f8;
}


.select-room-bar{
    margin: 10px 0px 10px 0px;
}

.select-room-bar p{
    margin-left: 20px;
}

.select-bar-1{
    padding: 5px 0 0 0;
}

.select-bar-2{
    padding: 5px 0 0 0;
}

.select-bar-3{
    padding: 5px 0 0 0;
}


.select-bar-1 p{
    font-size: 15px;
    padding: 12px;
}

.select-bar-2 p{
    font-size: 15px;
    padding: 12px;
}

.select-bar-3 p{
    font-size: 15px;
    padding: 12px;
}



.arrow-darkblue{
    width: 0;
    height: 0;
    border-top: 21px solid transparent;
    border-bottom: 21px solid transparent;
    float: left;
    bottom: 1px;
    margin-left: 0px;
    position: absolute;
}

.arrowdarkblue-formedium{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0px 20px;
    bottom: 25px;
    left: 1px;
    position: absolute;
}

.hotel-arrow-confirmation{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0px 20px;
    top: 25px;
    right: 1px;
    position: absolute;
    border-color: tomato transparent transparent transparent !important;
}



.cars-arrow-darkblue{
    width: 0;
    height: 0;
    border-top: 21px solid transparent;
    border-bottom: 21px solid transparent;
    float: left;
    bottom: 1px;
    margin-left: 0px;
    position: absolute;
}

.cars-arrowdarkblue-formedium{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0px 20px;
    bottom: 25px;
    left: 1px;
    position: absolute;
}

.select-room-number{
    font-weight: 600;
    margin-right: 10px;
}

.select-room-number1{
    font-weight: 600;
    margin-right: 10px;
}


.circle{
    -moz-border-radius: 50px;
    border-radius: 50px;
    padding: 3px 9px 3px 9px;
}

.circle1{
    -moz-border-radius: 50px;
    border-radius: 50px;
    padding: 3px 9px 3px 9px;

}


.confirm-hotel-btn{
    background-color: #ff9525;
    color: #f3f5f8;
}

.confirm-hotel-btn{
    background-color: #99aac3;
    color: red;
}


/*====TC HOTELS INDEX====*/

.coming-soon-list{
    line-height: 18px;
}

.popular-list{
    line-height: 18px;
}

.going-fast-list{
    line-height: 18px;
}

select#rooms_opt.ow-form.quantity{
    height: 44px !important;
}

select.adult-field.ow-form{
    height: 44px !important;
}

select#child_opt.ow-form{
    height: 44px !important;
}





/*==nununu slider====*/

.slider-container{
    width: 99%;
    display: flex;
    position: relative;
    box-sizing: border-box;
    height: 65px;
}

.slider-map-marker{
    width: 25%;
    margin-left: 5px;
    margin-right: 0px;
    margin-top: 10px;
    float: left;
    box-sizing: border-box;
    position: relative;
    border: 1px 0 1px 0 solid rgba(198, 208, 223, 0.7);
}

.slider-filter{
    width: 47.7%;
    margin-left: 0;
    margin-right: 0px;
    margin-top: 10px;
    float: left;
    box-sizing: border-box;
    position: relative;
    border: 1px 0 1px 0 solid rgba(198, 208, 223, 0.7);

}

.slider-search{
    width: 25%;
    margin-left: 0;
    margin-right: 0px;
    margin-top: 10px;
    float: left;
    box-sizing: border-box;
    position: relative;
    border: 1px 0 1px 0 solid rgba(198, 208, 223, 0.7);
}

.slider-map-text{


    color:#fff;
    font-size:1rem;
    font-weight:600;
    align-self:center;
    padding: 15px 10px 10px 20px;
}

.slider-search-input{
    align-self: center;
    padding: 8px 10px;
}

.slider-search-input input[type=text]{
    margin: 0;
    padding: 0;
    height: 30px;
}



/*===========*/

.reservation-main-content{
    padding: 10px 0 10px 0;
}

.reservation-main-content .main-content-row{
    background: #f3f5f8 url('/assets/Owners-Link/img/ticksbg.png') repeat;
    border: 1px solid rgba(198, 208, 223, 0.3);
    margin-bottom: 20px;
}


/* RIGHT PANEL  */

.select-room-right-panel{
}

.select-room-hotel-name p{
    font-size: 22px;
    font-weight: 500;
    padding: 20px 0 5px 0;
}

.select-room-hotel-adress p{
    font-size: 15px;
    font-weight: 400;
    padding: 5px 0 5px 0;
}

.select-room-stars{
    padding: 5px 0 -5px 0;

}

.stars-list li{
    list-style-type: none;
    display: inline;
    color: #ffd700;
}

.select-room-hotel-price{
    padding: 5px 0 -5px 0;
}

.select-room-hotel-price p{
    font-size: 30px;
    font-weight: 600;
    text-align: right;
}

.select-room-map{
    height: 180px;
    /*border: 1px solid #99aac3;*/
    padding: 5px 0 5px 0;
}


.select-room-review{
    padding: 5px 0 5px 0;
}

.select-room-review-text{
    padding: 10px 0 5px 0;
    font-size: 17px;
    font-weight: 300;
}

.select-room-review-thumbs{
    padding: 5px 0 0px 0;
    font-size: 14px;
}

.select-room-review-thumbs i{
    font-size: 19px;
}

/* ===IMG GALLERY == */

.hotel-big-img{
    width: 100%;
    height: 359px;
    margin: 15px 0px 15px 0px;
    border-radius: 5px;
}

.hotel-img-gallery{
    /*    background: #99aac3;*/
    border-radius: 2px 2px 2px 2px;
    height: 135px;
    margin-bottom: 5px;
}

.read-review-button button{
    background-color: #589442 !important;
    height: 50px;
}

.read-review-button button:hover{
    background-color: #497A37 !important;
}

.read-review-button p{
    color: #fff;
    padding: 10px 10px 10px 10px;
    line-height: 15px;
}

.trip-advisor-logo img{
    padding: 10px 0 0 0;
}

.favorites-button{
    margin-top: 5px;
}

.book-button{
    margin-top: 5px;
}


/*==Bedrooms===*/

.hotel-bedroom-showcase{
    margin-bottom: 10px;
}

.bedroom-type{
    padding: 5px 5px 5px 5px;
    font-size: 20px;
}


.bedroom-encore{
    padding: 5px 0px 5px 0px;
}

.bedroom-encore h5{
    font-size: 15px;
}

.bedroom-description{
    padding: 5px 0px 5px 0px;
}

.bedroom-description p{
    font-size: 13px;
    line-height: 20px;
}

/* select-room */

.bedroom-price{
    padding: 5px 5px 5px 5px;
}

.bedroom-price h3{
    font-size: 25px;
    font-weight: 600;
}

.bedroom-night{
    padding: 0px 5px 0px 5px;
    font-weight: 400;
}

.bedroom-select-button{
    padding: 10px 0px 5px 0px;
}

.bedroom-select-button button{
    font-size: 15px;
}

.bedroom-img{
    width: 200px;
    height: 150px;
    margin: 15px 0px 5px 0px;
    display: inline;
}

.bedroom-img img{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}


.third-column-bedrooms{
    margin-top: 15px;
}


/*=====TC HOTELS CONFIRM ROOM======*/


.confirm-bar-1{
    padding: 15px;
}

.confirm-bar-1 p{
    font-size: 15px;
}


.confirm-bar-2 p{
    font-size: 15px;
}

.confirm-bar-2{
    padding: 15px;
}

.confirm-bar-3 p{
    font-size: 15px;
}

.confirm-bar-3{
    padding: 15px;
}


.confirm2-bar-1 p{
    font-size: 15px;
    padding-top: 18px;
}

.confirm2-bar-2{
    padding: 0px;
}

.confirm2-bar-2 p{
    font-size: 15px;
    padding-top: 18px;
}

.confirm2-bar-3{
    padding: 0px;
}

.confirm2-bar-3 p{
    font-size: 15px;
    padding-top: 18px;
}


.confirm3-bar-1 p{
    font-size: 15px;
    padding-top: 18px;
}

.confirm3-bar-2{
    padding: 0px;
}

.confirm3-bar-2 p{
    font-size: 15px;
    padding-top: 18px;
}

.confirm3-bar-3{
    padding: 0px;
}

.confirm3-bar-3 p{
    font-size: 15px;
    padding-top: 18px;
}

.arrow-darkblue2{
    width: 0;
    height: 0;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    float: left;
    bottom: 1px;
    margin-left: 0px;
    position: absolute;
}

.arrow-gray{
    width: 0;
    height: 0;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    float: left;
    bottom: 0px;
    margin-left: -18px;
    position: absolute;
}

.arrow-gray2{
    width: 0;
    height: 0;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    float: left;
    bottom: 1px;
    position: absolute;
}


.confirm-room-check{
    font-weight: 600;
    margin-right: 10px;
}


.confirm-room-number2{
    font-weight: 600;
    margin-right: 10px;
}

.circle-check{
    -moz-border-radius: 50px;
    border-radius: 50px;
    padding: 5px 8px 5px 8px;
}



.arrow-darkblue-for-small{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0px 20px;
    bottom: 25px;
    left: 1px;
    position: absolute;
}

.confirm-main-content{
    margin: 15px 0 15px 0;
}



.confirm-selected-hotel{
    margin-bottom: 20px;
}

.confirm-hotel-img{
    width: 250px;
    height: 170px;
    /*background-color: #999;*/
    margin: 5px 0px 5px 0px;

}

.confirm-hotel-img img{
    height: 150px !important;
    margin: 8px 0;
    display: block;
    max-height: 150px;
}



.confirm-hotel-info{
    padding: 5px 5px 5px 5px;
}

.confirm-hotel-info h3{
    font-size: 20px;
    font-weight: 600;
    padding: 5px;
}

.confirm-hotel-info h5{
    font-size: 15px;
    font-weight: 400;
    padding: 5px;
}

.confirm-hotel-info p{
    font-size: 13px;
    font-weight: 500;
    padding: 2px 0 2px 0;
}

.selected-hotel{
    margin-bottom: 40px;
    display: flex;
}


.selected-room{
    padding: 5px;
    margin-top:20px;
}

.confirm-hotel-info h3{
    padding: 5px;
    font-size: 20px;
    font-weight: 600;
}

.confirm-hotel-info h5{
    padding: 5px;
    font-size: 15px;
    font-weight: 400;
}

.confirm-hotel-info p{
    font-size: 13px;
    line-height: 15px;
}


.selected-room p{
    padding: 0;
}

.selected-room h3{
    font-size: 15px;
    font-weight: 600;
    padding: 5px 0px 5px 0px;
}

.room-selected-img{
    width: 200px;
    height: 150px;
    /*background-color: #999;*/
    margin: 5px 0 5px 10px;
}

.room-selected-person p{
    font-size: 13px;
    font-weight: 500;
    padding-top: 15px;
    padding-bottom: 10px;
}

.room-boardbase p{
    font-size: 13px;
    line-height: 10px;
    font-weight: 400;
}

.room-boardbase-table{
    margin: 0px 0px 0px 0;
    background: url('/assets/Owners-Link/img/ticksbg.png');
    border: none;
}

.room-boardbase td{
    background: url('/assets/Owners-Link/img/ticksbg.png');
    border: none;
    padding: 2px;
    margin: 0;
}


.room-supplements p{
    font-size: 13px;
    line-height: 15px;
    font-weight: 400;
}


.room-supplements td{
    background: url('/assets/Owners-Link/img/ticksbg.png');
    border: none;
    padding: 2px;
    margin: 0;
}

.room-supplements-table{
    margin: 0px 0px 0px 0;
    background: url('/assets/Owners-Link/img/ticksbg.png');
    border: none;
}



.contact-information-panel h1{
    font-weight: 600;
    padding-left: 19px;
    font-size: 19px;
}


.contact-info{
    padding: 15px 5px 10px 5px;
}

.contact-info-radio p{
    font-size: 15px;
    font-weight: 500;
    padding: 5px;
}

.contact-list-left li{
    list-style-type: none;
    padding-bottom: 20px;
}
.contact-list-right li{
    list-style-type: none;
    padding-bottom: 20px;
}
.cancellation-panel h2{
    padding: 5px 0px 10px 0px;
    font-size: 19px;
    font-weight: 600;
}

.cancellation-panel p{
    padding: 5px 0px 5px 0px;;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
}

.cancellation-panel{
    padding-bottom: 10px;
}

.insurance-list li{
    list-style-type: disc;
    margin: 5px 0px 5px 25px;
    font-size: 14px;
    font-weight: 500;
}

.insurance-radio-option li{
    list-style-type: none;
    margin: 20px 0px 5px 0px;
    font-size: 13px;
    font-weight: 500;
}


.confirm-pay-panel h1{
    font-size: 19px;
    font-weight: 600;
    margin-left: 80px !important;
}

.confirm-pay-panel h2{
    padding: 10px 5px;
    font-size: 1em;
    font-weight: 600;
    text-align: center;
    text-align: -webkit-center;
}

.confirm-pay-panel p{
    padding: 5px 0px 5px 0;
    font-size: 13px;
    font-weight: 500;
    line-height: 15px
}

.confirm-pay-panel h3{
    padding: 5px 5px 5px 5px;
    font-size: 15px;
    font-weight: 500;
}


.pay-now-btn p{
    font-size: 17px;
    font-weight: 600;
    word-spacing: 5px;
}

.total-text{
    font-size: 17px !important;
    /*font-weight: 600 !important;*/
}

.accept-box p{
    font-size: 11px;
    margin-top: 10px;
}

.accept-box a:hover{
    text-decoration: underline;
}

.accept-box-text p{
    font-size: 15px;
    font-weight: 600 !important;

}




/*====RETURN======*/

.reservation_fail_btn_container{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 8px 0
}

.return{
    margin-top: 20px;
    margin-bottom: 20px;
}


/*.thank-you-panel{
    padding: 5px;
}*/

.thank-you-panel h2{
    font-weight: 600;
    font-size: 18px;
    padding: 10px;

}

.traveller-info-panel h3{
    padding: 5px 0px 10px 0px;
    font-size: 19px;
    font-weight: 600;
}

.traveller-info-panel p{
    padding: 5px 0px 5px 0px;;
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
}

.return-table{
    border: none;
}

.return-table td{
    padding: 10px;
    border: none;
}

.return-table p{
    font-size: 15px;
    font-weight: 500;
    line-height: 1px !important;
}

.return-table .tag p{
    font-weight: 600;
}

.return-table .data p{
    font-weight: 600;
}

.hotels-return-table{
    border: none;
}

.hotels-return-table td{
    padding: 10px;
    border: none;
}

.hotels-return-table p{
    font-size: 15px;
    font-weight: 500;
    line-height: 1px !important;
}

.hotels-return-table .tag p{
    font-weight: 600;
}

.hotels-return-table .data p{
    font-weight: 600;
}

.wishyou-panel{
    padding: 10px 0px 10px 0px;
    margin-top: 20px;
}

.wishyou-panel h2{
    font-size: 20px;
    padding: 10px;
}

.wishyou-panel p{
    font-size: 15px;
    font-weight: 600;
}

.wishyou-panel i{
    font-size: 20px;
}


.return-right-panel h1{
    font-size: 19px;
    font-weight: 600;
    margin-left: 20px;
}

.return-right-panel-hotel-name h3{
    font-size: 22px;
    font-weight: 700;
    padding: 20px 10px 20px 10px;
}

.return-right-panel-hotel-price h3{
    font-size: 20px;
    font-weight: 700;
    padding: 0px 10px 0px 10px;
}

.return-stars li{
    list-style-type: none;
    display: inline-block;
    padding-bottom: 10px;
}

.return-room-details p{
    font-weight: 600;
    padding: 5px 10px 5px 10px;
}

.return-right-panel h5{
    padding: 5px 5px 5px 5px;
    font-size: 15px;
    font-weight: 500;
}

.return-right-panel p{
    padding: 5px 0px 5px 0;
    font-size: 13px;
    font-weight: 500;
    line-height: 15px
}

.return-total-price{
    padding: 10px;
}

.return-total-price h2{
    font-size: 18px;
    font-weight: 700;
}


.return-continue-button p{
    font-size: 17px;
    font-weight: 600;
    word-spacing: 5px;
}



/*====TC HOTELS Index=====*/

/*
.parallax h1{
    font-size: 5rem;
    font-weight: 700;
    color: rgba(243, 245, 248, 0.7);
    padding-top: 20%;
    text-shadow: 0px 4px 3px rgba(0,0,0,0.2),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);
}

.parallax h4{
    font-size: 2.5rem;
    font-weight: 700;
    color: rgba(243, 245, 248, 0.7);
    margin-top: -10px;
    margin-bottom: 15px;
    text-shadow: 0px 4px 3px rgba(0,0,0,0.2),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);
}*/

/***********nu nununununu HOTELS SEARCH BAR 3/9/15*******/





.hotels-search-bar{
    background: transparent;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 0;
    margin-top: 10px;
}

.hotels-search-bar li{
    flex: 1 1 10%;
    margin-left: 3px;
}

.hotels-search-bar li:nth-child(1){
    flex: 2 2 20%;
    margin-left: 0!important;
}


.hotels-search-bar input[type=text]{
    display: block;
    box-sizing: border-box;
    color: #666!important;
    border: 1px solid rgba(256, 256, 256, 0.7);
    border-radius: 0;
    height: 44px;
    /*background: rgba(256, 256, 256, 0.6)!important;*/
}

.hotels-search-bar select{
    display: block;
    box-sizing: border-box;
    color: #000!important;
    border: 1px solid rgba(256, 256, 256, 0.7);
    border-radius: 0;
    height: 44px;
    /*background: rgba(256, 256, 256, 0.6)!important;*/
}

/*
.hotels-input-destination{
    width: 25%;
}

.hotels-input-checkin{
    width: 15%;
}

.hotels-input-checkout{
    width: 15%;
}

.hotels-input-room{
    width: 10%;
}

.hotels-input-adult{
    width: 10%;
}

.hotels-input-child{
    width: 10%;
}
*/
.hotels-btn-search{
    width: 10%;
    box-sizing: border-box;
    margin-left: 8px;
    margin-right: 5px;
    position: relative;

}

button.hotels-btn-search{
    min-height: 44px;
    margin: 0!important;
    padding: 0 !important;
}

::-webkit-input-placeholder {
    color: #666;
    font-size: 15px;
    font-weight: 500;
}



input:focus::-webkit-input-placeholder { color:#999!important; }
/*
.hotels-input-destination-icon::-webkit-input-placeholder:before {
    font-family: 'FontAwesome';
    content: "\f041";
    margin-right: 5px;
    margin-left: 5px;
    vertical-align: baseline;
}

.hotels-input-checkin-icon::-webkit-input-placeholder:before {
    font-family: 'FontAwesome';
    content: "\f073";
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: baseline;
}

.hotels-input-checkout-icon::-webkit-input-placeholder:before {
    font-family: 'FontAwesome';
    content: "\f073";
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: baseline;
}

.hotels-input-adult-icon::-webkit-option:before {
    font-family: 'FontAwesome';
    content: "\f183";
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: baseline;
}
*/
.hotels-search-bar .twitter-typeahead{
    width: 100%;
    height: 28px;
    margin-bottom: 5px;
    color: #666 !important;
    display: block;
}

.flights-search-bar .twitter-typeahead{
    width: 100%;
    height: 28px;
    margin-bottom: 5px;
    color: #666 !important;
    display: block;
}


#flights-main-content{
    display: block;
    position: relative;
    margin: auto;
    padding: 0;
    background-color: white;

}



/********/





.list-panel li{
    list-style-type: none;
    display: inline;

}

.list-panel{
    margin-top: 20px;
    line-height: 10px;

}

.list-panel h3{
    text-align: left;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 10px;
}

.list-panel h5{
    float: right;
    font-size: 11px;
    text-align: right;
    font-weight: 700;
}

.list-panel h6{
    float: left;
    text-align: left;
    font-size: 12px;

}



/*===Parallax cover===*/

#para-cover{
    height: 450px;


}


/*nunununuunnunu hotels cover sept 15 ***************/

.tchotels-search-mt{
    margin-top: 4%;
}



.hotels-cover-img{
    background-image: url('https://s3.amazonaws.com/com.owners-link.assets/tc_hotels/cover_2.jpg');
    background-size: 100% 80%!important;
    background-position: center center;
    background-attachment: fixed;

}
/*
.hotels-cover-h{
    display:table;
    width: 100%;
    height: 450px;
    line-height: 80px;
    text-align: center;
    vertical-align: middle;
    -webkit-animation: txtt 2s 1;
    animation: txtt 2s 1;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
*/

.hotels-cover-h{
    display:flex;
    min-height: 100%;
    min-width: 100%;
    width: auto;
    height: auto;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin-top: 3%;
}

/*
.hotels-cover-h:before{
    content: '';
    display: inline-block;
    height: 100%!important;
    vertical-align: middle;

}

.hotels-cover-h h2{
    display:block;
    vertical-align: middle;
    text-align: center;
}

.hotels-cover-h h3{
    display:block;
    vertical-align: middle;
    text-align: center;
}
*/
#hotels-hh2{
    text-shadow: 0px 4px 3px rgba(0,0,0,0.2),
    0px 8px 13px rgba(0,0,0,0.1),
    0px 18px 23px rgba(0,0,0,0.1);
    font-size: 12vmin;
    font-weight: 600;
    color: rgba(256, 256, 256, 0.7);
    -webkit-animation: txtt 2s 1;
    animation: txtt 2s 1;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

#hotels-hh3{
    text-shadow: 0px 4px 3px rgba(0,0,0,0.2),
    0px 8px 13px rgba(0,0,0,0.1),
    0px 18px 23px rgba(0,0,0,0.1);
    font-size: 6vmin;
    font-weight: 600;
    color: rgba(256, 256, 256, 0.7);
    -webkit-animation: txtt 2s 1;
    animation: txtt 2s 1;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}


.hotelsearchbyname{
    padding: 5px;
}

/*******/



/*
.parallax{
    background-image: url(https://s3.amazonaws.com/com.owners-link.assets/tc_hotels/cover_2.jpg);
    background-size: 100% 80%!important;
    background-position: 0px 54.8px;

}*/
#hotels-cover{
    background-image: url(https://s3.amazonaws.com/com.owners-link.assets/tc_hotels/cover_2.jpg);
    background-size: 100% 80%!important;
    background-position: 0px 54.8px;

}
#background-cover-for-small{
    background-image: url(https://s3.amazonaws.com/com.owners-link.assets/tc_hotels/cover_2.jpg);
    background-size: cover;
    width: 100%;
}
/*
.parallax{
background-image: url('https://s3.amazonaws.com/com.owners-link.assets/tc_hotels/cover_2.jpg');
background-color: #f2f2f2;
z-index: -1;
background-size: 100% 77%!important;
}*/


.cover-h{
    font-family: 'Open Sans', sans-serif;
    display: block;
    width: 100%;
    height: 450px;
    text-align: center;

    line-height: 55px;
    -webkit-animation: txtt 2s 1; /* Chrome, Safari, Opera */
    animation: txtt 2s 1;
    animation-timing-function: ease-out;
}

@keyframes txtt{
    from{line-height: 15px;opacity: 0;}
    to{line-height: 55px;opacity: 0.9;}
}


/*add new background cover*/

@-webkit-keyframes txtt{
    from{line-height: 15px;opacity: 0;}
    to{line-height: 55px;opacity: 0.9;}
}

@-moz-keyframes txtt{
    from{line-height: 15px;opacity: 0;}
    to{line-height: 55px;opacity: 0.9;}
}

@-o-keyframes txtt{
    from{line-height: 15px;opacity: 0;}
    to{line-height: 55px;opacity: 0.9;}
}

.cover-h h2{
    font-size: 5rem;
    font-weight: 700;
    color: rgba(243, 245, 248, 0.7);
    padding-top: 250px;
    text-shadow: 0px 4px 3px rgba(0,0,0,0.2),
    0px 8px 13px rgba(0,0,0,0.1),
    0px 18px 23px rgba(0,0,0,0.1);
}

.cover-h h3{
    font-size: 2.5rem;
    font-weight: 700;
    color: rgba(243, 245, 248, 0.7);
    margin-top: -5px;
    margin-bottom: 15px;
    text-shadow: 0px 4px 3px rgba(0,0,0,0.2),
    0px 8px 13px rgba(0,0,0,0.1),
    0px 18px 23px rgba(0,0,0,0.1);
}



/*===search bar ===  */

/*.search-bar-st{
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
     -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
  -moz-box-shadow:  0 3px 6px rgba(0, 0, 0, 0.5);
}*/

.search-bar-st input[type="text"]{
    font-family: "Open Sans", "FontAwesome", sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: #AAA;
    margin: 0;
    line-height: normal;
    height: 44px;
    cursor: pointer;
}

.more-options{
    padding: 5px;
    margin-bottom: -20px;
    margin-top: -10px;

}

.more-options-p{
    font-size:0.9rem !important;
    padding: 3px 10px 5px 10px!important;
}


.more-options-p:active{
    border: solid 1px rgba(256, 256, 256, 0.2);
}

.toggle{
    display: none;
}

.search-button{
    font-size: 15px !important;
    height: 45px;
    margin-top: 4px;
}

.search-button i{
    margin-bottom: 10px!important;
    font-size: 1.3rem;
}

.search-button:active{
    border: 1px solid rgba(256, 256, 256, 0.3);
}

#room-opt-2{
    line-height: 0!important;
}

#room-opt-2 input[type="text"]{
    font-family: "Open Sans", "FontAwesome", sans-serif;
    font-size: 15px!important;
    font-weight: 300!important;
    color: #AAA;
    margin: 5px!important;
    line-height: normal!important;
    height: 44px!important;
    cursor: pointer!important;
}

#destineishon input[type="text"]{
    width: 234%!important;

}


#room1-children-box{
    line-height: 10px!important;
}

#more_options_box{
    line-height: 10px!important;
}

#room-opt-3{
    line-height: 0!important;
}

#room-opt-4{
    line-height: 0!important;
}

.room-1 p{
    color: #f3f5f8;
}

.room-2 p{
    color: #f3f5f8;
}

.room-3 p{
    color: #f3f5f8;
}

.room-4 p{
    color: #f3f5f8;
}

.room-1 i{
    color: #fff;
}

.room-2 i{
    color: #fff;
}

.room-3 i{
    color: #fff;
}

.room-4 i{
    color: #fff;
}

.search-button-for-small{
    margin-top: 10px;
}

.search-button-for-small{
    font-size: 15px !important;
}


.more-options{
    bottom: 0;
}

#more_options_box{
    display: none;
}


#room-opt-2{
    display: none;
}

#room-opt-3{
    display: none;
}

#room-opt-4{
    display: none;
}

#room1-children-box{
    display: none;
    margin-top: 5px;
}


#child2_room1{
    display: none;
}

#child3_room1{
    display: none;
}

#child4_room1{
    display: none;
}

/* room 2 */

#room2-children-box{
    display: none;
}

#child2_room2{
    display: none;
}

#child3_room2{
    display: none;
}

#child4_room2{
    display: none;
}

#child1_room3{
    display: none;
}

#child2_room3{
    display: none;
}

#child3_room3{
    display: none;
}

#child4_room3{
    display: none;
}

#child1_room4{
    display: none;
}


#child2_room4{
    display: none;
}


#child3_room4{
    display: none;
}


#child4_room4{
    display: none;
}

/*=shadow for top-bar==*/
.hotels-sshadow{
    position:relative;
    -webkit-box-shadow:0 1px 6px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 6px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 6px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.hotels-sshadow:before, .hotels-sshadow:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 15px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 15px rgba(0,0,0,0.8);
    box-shadow:0 0 15px rgba(0,0,0,0.8);
    top:60%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}


/*==== HOTELS RESPONSIVE > SEARCH   ===*/

.hotels-main-content{
    padding-top: 20px;
}

.hotel-card{
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
}


.hotel-card:hover{
    -moz-box-shadow:    0px 1px 3px 3px rgba(169, 169, 169, 0.2);
    -webkit-box-shadow: 0px 1px 3px 3px rgba(169, 169, 169, 0.2);
    box-shadow:         0px 1px 3px 3px rgba(169, 169, 169, 0.2);
}

.hotel-card-price{
    padding-top: 1rem;
    font-size: 24px;
    font-weight: 600;
}

.hotel-card-name{
    padding-top: 1rem;
    padding-bottom: 0.5rem;
    font-size: 1.3rem;
    font-weight: 400;
}

.hotel-card-location{
    padding: 0.5rem;
    font-size: 15px;
    font-weight: 200;
}


.hotel-card-description{
    font-size: 13px;
    line-height: 16px;
}

/*
hr{
    height: 1px;
    border: 0;

    background-image: -webkit-linear-gradient(left, rgba(169,169,169,0), rgba(169,169,169,0.75), rgba(169,169,169,0));
    background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}*/



.hotel-card-stars i{
    color: #ffd700;
    font-size: 16px;
    margin-bottom: 20px;
}

.hotel-card-stars li{
    display: inline;
}

.star-off{
    color: #999;
}

.hotel-card-thumbs{
    font-size: 17px;
    color: #4f99db;
    font-weight: 800;
    margin-bottom: 10px;
}


/* /////////// NU HOTELS SEARCH 6/16///////////*/

.nuhotels-search-cols-container{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    margin: 20px auto;
    width: 100%;
}

.nuhotels-search-col-l{
    flex: 1 1 25%;
    margin-right: 2%;
}

.nuhotels-search-col-r{
    flex: 1 1 65%;

}

.nuhotels-search-card{
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}

.nuhotels-search-card{
    margin-bottom: 20px;
}


.nuhotels-search-card-cols-container{
    display: flex;
    flex-direction: row;
    border: 1px solid #99aac3;
    position: inherit;
}

.nuhotels-search-card-col-l{
    flex: 1 1 70%;
    border-right: 1px solid #99aac3;
    background-color: #f3f5f8;
}

.nuhotels-search-card-col-r{
    flex: 1 1 30%;
}

.nuhotels-search-card-hotel-title{
    padding: 5px;
}

.nuhotels-search-card-hotel-title h6{
    text-align: left;
    margin: 5px 0;
    font-weight: bold;
    letter-spacing: 0.5px;
}

.nuhotels-search-card-hotel-title p{
    text-align: left;
    margin: 2px 0;
}

.nuhotels-search-card-hotel-title i{
    color: #243547;
}

.nuhotels-search-card-img-and-info-container{
    display: flex;
    flex-direction: row;
}

.nuhotels-search-card-img-container{
    flex: 1 1 40%;
}

.nuhotels-search-card-img-container figure{
    padding: 3px 3px 3px 5px;
}

.nuhotels-search-card-info-container{
    flex: 1 1 60%;
    padding: 5px;
}

.nuhotels-search-card-info-container p{
    text-align: justify;
    font-weight: 400;
    font-size: 0.9em;
    color: #99aac3;
}

.nuhotels-search-card-info-container td{
    padding: 0 2px;
    margin: 0;
}

.nuhotels-search-card-info-container td i{
    color: orange;
}


.nuhotels-search-card-prices-container{
    display: inline-block;
    position: relative;
    width: 100%;
}

.nuhotels-search-card-prices-container ul{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    height: auto;
    min-height: 185px;
    padding: 0 10px;
    margin-top: 30px;
}

/**/
.nuhotels-search-card-normal-noprice-container{
    display: block;
    position: relative;
    width: 100%;
}

.nuhotels-search-card-normal-noprice-container ul{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    height: auto;
    min-height: 50%;
    padding: 0 10px;
    margin-top: 30px;
}

.nuhotels-search-card-normal-noprice-container li{
    width: 100%;
    height: 100%;
}
.nuhotels-search-card-normal-noprice-container li:nth-child(1){
    text-align: center;
    margin: 10px 0;
}
/**/

.nuhotels-search-card-prices-container li{
    margin: 7px 0;
    text-align: right;
}

.nuhotels-search-card-prices-container li:nth-child(1) s:before{
    content: '';
}

.nuhotels-search-card-prices-container li:nth-child(3) h6:before{
    content: '';
}

.nuhotels-search-card-prices-container li:nth-child(2) b:before{
    content: '';
}

.nuhotels-search-card-prices-container li:nth-child(1) span{
    font-size: 1.1em;
}

.nuhotels-search-card-prices-container li:nth-child(3) span{
    font-size: 0.8em;
}

.nuhotels-search-card-prices-container li:nth-child(2) span{
    font-size: 0.9em;
}

.nuhotels-search-card-prices-container li:nth-child(2) p{
    font-size: 0.9em;
    text-align: right;
}

.nuhotels-search-card-prices-container li:nth-child(3) h6{
    font-size: 1.8em;
    font-weight: 700;
    text-align: right;
}

.nuhotels-search-card-prices-container li:nth-child(3) p{
    font-size: 0.9em;
    font-weight: 500;
    text-align: right;
}

.nuhotels-search-card-prices-btn{
    background-color: #4f99db;
    width: 100%;
}

.nuhotels-search-card-prices-btn p{
    padding: 6px 20px;
    cursor: pointer;
    color: #f3f5f8;
    text-align: center;
    font-weight: 600;
}

.nuhotels-search-card-prices-ribbon{
    position: relative;
    background-color: #ff9525;
    right: -9px;
    top: 10px;
    display: inline-block;
    float: right;
    z-index: 1;
}

.nuhotels-search-card-prices-ribbon p{
    padding: 7px 20px;
    color: #ffffff;
    font-weight: 500;
    font-size: 0.8em;
}

.nuhotels-search-ribbon-back{
    position: absolute;
    right: 0;
    top: 26px;
    border-top: 8px solid #b35c00;
    border-bottom: 14px solid transparent;
    border-right: 8px solid transparent;
}

/**/

.nuhotels-detail-card-prices-ribbon{
    position: absolute;
    background-color: #ff9525;
    right: -13px;
    top: 10px;
}

.nuhotels-detail-card-prices-ribbon p{
    padding: 7px 20px;
    color: #ffffff;
    font-weight: bold;
    font-size: 1em;
}

.nuhotels-detail-ribbon-back{
    position: absolute;
    right: -13px;
    top: 40px;
    border-top: 8px solid #b35c00;
    border-bottom: 14px solid transparent;
    border-right: 8px solid transparent;
}

/**/


.nuhotels-confirm-card-prices-ribbon{
    position: absolute;
    background-color: #ff9525;
    right: -9px;
    top: 40px;
}

.nuhotels-confirm-card-prices-ribbon p{
    padding: 7px 20px;
    color: #ffffff!important;
    font-weight: bold;
    font-size: 1em;
}

.nuhotels-confirm-ribbon-back{
    position: absolute;
    right: -8px;
    top: 69px;
    border-top: 8px solid #b35c00;
    border-bottom: 14px solid transparent;
    border-right: 8px solid transparent;
}

/**/

.nuhotels-response-card-prices-ribbon{
    position: absolute;
    background-color: #ff9525;
    right: -9px;
    top: 60px;
}

.nuhotels-response-card-prices-ribbon p{
    padding: 7px 20px;
    color: #ffffff!important;
    font-weight: bold;
    font-size: 1em;
}

.nuhotels-response-ribbon-back{
    position: absolute;
    right: -8px;
    top: 89px;
    border-top: 8px solid #b35c00;
    border-bottom: 14px solid transparent;
    border-right: 8px solid transparent;
}

/**/

.nuhotels-parallax-ad-1{
    background-image: url('https://s3.amazonaws.com/itadevelopers-assets/Hotels/nuhotelsad1.jpg');
}


.nuhotels-detail-info-discount-container{
    height: auto;
    min-height: 70px;
}


/**/

.nuhotels-search-col-l article{
    margin-bottom: 10px;
}

.nuhotels-search-slider-container{
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    background-color: #f3f5f8;
    border: 1px solid #c6d0df;
}

.nuhotels-search-slider-title{
    background-color: #243547;
    padding: 6px;
}

.nuhotels-search-slider-title p{
    color: #f2f5f8;
    text-shadow: 0 1px 3px #333;
}

.nuhotels-search-slider-title ul{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

.nuhotels-search-slider{
    padding: 5px;
    text-align: center;
}

/*/////////***** NU HOTELS 16 Detail ***** ////////// */

.nuhotels-detail-cols-container{
    display: flex;
    flex-direction: row;
}

.nupanel-bg{
    background-color: #f3f5f8;
}

.nuhotels-detail-content{
    position: relative;
    width: 100%;
}

.nuhotels-detail-col-l{
    flex: 1 1 60%;
    margin-right: 10px;
    height: 100%;
    order: 1;
}

@media screen and (max-width:425px){
.nuhotels-detail-col-l{
    margin-right: 0;
}

}

.nuhotels-detail-col-r{
    flex: 1 1 30%;
    border: 1px solid #c6d0df;
    height: 100%;
    order: 2;
}

.nuhotels-confirm-col-l{
    flex: 1 1 60%;
    margin-right: 10px;
    height: 100%;
    order: 1;
}

.nuhotels-confirm-col-r{
    flex: 1 1 30%;
    border: 1px solid #c6d0df;
    height: 100%;
    order: 1;
    position: relative;
}

.nuhotels-detail-info-fixxd-container{
    display: block;
    position: relative;
    background-color: #f3f5f8;
    padding: 5px;
}

.nuhotels-search-info-fixxd-container{
    position: relative;
    display: block;
}

.nuhotels-detail-tab-container{
    position: relative;
    display: block;
    width: 100%;
}

.fixed {
    position: fixed!important;
    top: 115px;
    height: auto;
    width: 343px!important;
    left: 61.6%;
    z-index: 99;
    background-color: #f3f5f8;
    padding: 5px;
    border: 1px solid #c6d0df;
}

.nuhotels-confirm-fixed {
    position: fixed!important;
    top: 115px;
    height: auto;
    max-width: 343px!important;
    width: 343px;
    left: 61.6%;
    z-index: 99;
    border: 1px solid #c6d0df;
    background-color: #f3f5f8;
}

.nuhotels-search-fixed {
    position: fixed!important;
    top: 115px;
    height: auto;
    max-width: 290px!important;
    width: 290px;
    left: 13%;
    z-index: 99;
}

.hotels-reservation-checkout-panel{
    background-color: #f3f5f8;
}


.nuhotels-detail-img-container{
    position: relative;
    display: block;
    overflow: hidden;
}

.nuhotels-detail-img-container figure{
    width: 100%;
    padding: 5px;
}

/**/

.nuhotels-detail-tab-container ul.tab  {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #f3f5f8;
}

.nuhotels-detail-info-left-container{
    border: 1px solid #c6d0df;
}


.nuhotels-detail-tab-container ul.tab li {float: left;
    position: relative;}


.nuhotels-detail-tab-container ul.tab li a {
    display: inline-block;
    color: #f3f5f8;
    background-color: #99aac3;
    text-align: center;
    padding: 10px 30px;
    margin: 5px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 0.9em;
    font-weight: 500;
}


.nuhotels-detail-tab-container ul.tab li a:hover {background-color: #99aac3;}


.nuhotels-detail-tab-container ul.tab li a:focus, .nuhotels-detail-tab-container ul.tab li .active {background-color: #99aac3;
    }


.nuhotels-detail-tab-container .tabcontent {
    display: none;
    padding: 6px 12px;
    /*border: 1px solid #ccc;*/
    border-top: none;
    min-height: 400px;
    font-weight: 500;
    color: #243547;
    line-height: 120%;
}

.nuhotels-detail-pointdown{
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    bottom: 0;
    left: 45%;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #99aac3;
}



/**/

.nuhotels-detail-info-container{
    position: relative;
    display: block;
    width: 100%;
    margin: 0px 0 0 0;
}

.nuhotels-detail-info-hotelname{
    text-align: left;

}

.nuhotels-detail-info-country{
    margin: 4px 0;
}

.nuhotels-detail-info-country p{
    text-align: left;

}

.nuhotels-detail-info-starrate td{
    margin: 0;
    padding: 0 2px;
}

.nuhotels-detail-info-starrate i{
    color: orange;
}
/**/
.nuhotels-detail-info-price{
    margin: 8px 0;
}

.nuhotels-detail-info-price ul{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
}

.nuhotels-detail-info-price li{
    flex: 1 1 auto;
}

.nuhotels-detail-info-price li:nth-child(1) p{
    text-align: left;
}

.nuhotels-detail-info-price li:nth-child(2) p{
    text-align: right;
    font-size: 1.5em;
    color: #4f99db;
    font-weight: 600;
}

.nuhotels-detail-info-price li:nth-child(2) p:before{
    content: '';
}

.nuhotels-detail-info-price li:nth-child(2) span{
    font-size: 0.8em;
}
/**/

.nuhotels-detail-info-yousave{
    margin: 8px 0;
}

.nuhotels-detail-info-yousave ul{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
}

.nuhotels-detail-info-yousave li{
    flex: 1 1 auto;
}

.nuhotels-detail-info-yousave li:nth-child(1) p{
    text-align: left;
}

.nuhotels-detail-info-yousave li:nth-child(2) p{
    text-align: right;
    font-size: 1.5em;
    color: #99aac3;
    font-weight: 600;
}

.nuhotels-detail-info-yousave li:nth-child(2) p:before{
    content: '';
}

.nuhotels-detail-info-yousave li:nth-child(2) span{
    font-size: 0.8em;
}
/**/
.nuhotels-detail-info-info{
    max-height: 250px;
    overflow-y: auto;
}

.nuhotels-detail-info-info p{
    text-align: justify;
    margin: 4px 0;
    line-height: 110%;
    font-weight: 300;
    font-size: 0.9em;
}

.nuhotels-detail-info-info p b{
    font-weight: bold;
}

.nuhotels-detail-info-buttons li{
    width: 100%;
    margin: 10px 0;
    text-align: center;
}

.nuhotels-detail-info-buttons p{
    text-align: center;
    padding: 8px;
    color: #f3f5f8;
    font-size: 0.9em;
    font-weight: 600;
    cursor: pointer;
}
/*
.nuhotels-detail-info-buttons li:nth-child(1){
    background-color: #4f99db;
}
.nuhotels-detail-info-buttons li:nth-child(1):hover{
    background-color: #1c66a8;
}
*/
.nuhotels-detail-info-buttons li:nth-child(2){
    background-color: #4f99db;
}

.nuhotels-detail-info-buttons li:nth-child(2):hover{
    background-color: #1c66a8;
}

.nuhotels-detail-info-buttons li:nth-child(3){
    background-color: #ff9525;
}

.nuhotels-detail-info-buttons li:nth-child(3):hover{
    background-color: #cc6200;
}

.nuhotels-detail-info-buttons li:nth-child(3):active{
    background-color: #3e2000;
}

.nuhotels-detail-info-buttons li:nth-child(3):focus{
    background-color: #3e2000;
}

.nuhotels-detail-btn{
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

    /**/

.nuhotels-detail-roomtype-container{
    position: relative;
    display: block;
    width: 100%;
    margin: 20px 0;
    overflow: hidden;
}

.nuhotels-detail-roomtype-col-container{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: stretch;
    margin-bottom: 20px;
    border: 1px solid #c6d0df;
    height: auto;
}

.nuhotels-detail-roomtype-col-l{
    flex: 1 1 75%;
    background-color: #f3f5f8;
    padding: 5px;
    height: 100%;
    border-right: 1px solid #c6d0df;
    display: block;
    min-height: 100px;
}

.nuhotels-detail-roomtype-col-r{
    flex: 1 1 25%;
    background-color: #fff;
    padding: 5px;
    height: auto;
    position: relative;
    display: block;
}

.nuhotels-detail-roomtype-img-info-container{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    min-height: 55px;
}

.nuhotels-detail-roomtype-img-info-img{
    flex: 1 1 35%;
    padding: 3px;
}

.nuhotels-detail-roomtype-img-info-info{
    flex: 1 1 65%;
    padding: 3px;
}

.nuhotels-detail-roomtype-img-info-info p{
    text-align: justify;
    font-size: 0.9em;
    font-weight: 400;
}

.nuhotels-detail-roomtype-col-r ul{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-end;
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 90%;
}

.nuhotels-detail-roomtype-roomtype-title{
    margin-left: 5px;
}


.nuhotels-detail-roomtype-col-r li:nth-child(1) h6{
    font-size: 1.2em;
    color: #4f99db;
    font-weight: 700;
    text-align: right;
}

.nuhotels-detail-roomtype-col-r li:nth-child(1) p{
    font-size: 0.9em;
    color: #99aac3;
    font-weight: 400;
    text-align: right;
    display: block;
}


.nuhotels-detail-roomtype-col-r li:nth-child(1) span{
    font-size: 0.8em;
}

.nuhotels-detail-roomtype-col-r li:nth-child(2){
    width: 100%;
}

.nuhotels-detail-roomtype-col-r li:nth-child(2) p{
    background-color: #4f99db;
    color: #f3f5f8;
    text-align: center;
    padding: 8px 0;
    margin: 10px 0 0 0;
    cursor: pointer;
    font-weight: 500;
}

.nuhotels-detail-roomtype-col-r li:nth-child(2) p:hover{
    background-color: #1c66a8;
}


.nuhotels-detail-roomtype-img-info-info li:nth-child(1) p{
    margin: 4px 0;
    font-weight: 600;
}

.nuhotels-detail-roomtype-img-info-info li:nth-child(1) p:before{
    content: '~';
}

.nuhotels-detail-roomtype-img-info-info li:nth-child(n+2){
    margin: 4px 0;
}


.nuhotels-detail-roomtype-promotion-container{
    position: relative;
    display: block;
}

.nuhotels-detail-roomtype-promotion-container h6{
    font-size: 0.9em;
    padding: 3px 5px;
    color: #243547;
}

.nuhotels-detail-roomtype-promotion-container p{
    font-size: 0.8em;
    padding: 3px;
    line-height: 120%;
    color: #99aac3;
    font-weight: 400;
}


/**/





/**/

/*77777777777 nuhotels confirm 777777777*/

.nuhotels-confirm-urhotel-cols-container{
    border: 1px solid #c6d0df;
    background-color: #f3f5f8;
    display: flex;
    flex-direction: row;
    margin-bottom: 20px;
}

.nuhotels-detail-hotelinfo-title{
    /*background-color: #243547;*/
    padding: 8px;
    color: #f3f5f8;
    font-size: 0.9em;
}

.nuhotel-confirm-roominfo-container ::-webkit-input-placeholder{
    color: #c6d0df !important;
}

.nuhotel-confirm-contactinfo-container ::-webkit-input-placeholder{
    color: #c6d0df !important;
}

.nuhotels-confirm-urhotel-col-l{
    flex: 1 1 30%;
}

.nuhotels-confirm-urhotel-col-r{
    flex: 1 1 70%;
    padding: 5px;
}

.nuhotels-confirm-urhotel-col-l figure{
    padding: 5px;
}

.nuhotels-confirm-urhotel-col-r ul{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.nuhotels-confirm-urhotel-col-r li:nth-child(3) p{
    text-align: justify;
}

/**/
.nuhotel-confirm-roominfo-container{
    border: 1px solid #c6d0df;
    background-color: #f3f5f8;
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.nuhotel-confirm-roominfo-container ul{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: stretch;
}

.nuhotel-confirm-roominfo-container li{
    flex: 1 1 50%;
    padding: 5px 8px;
}

.nuhotel-confirm-roominfo-container fieldset{
    padding: 8px;
}

.nuhotel-confirm-roominfo-container h6{
    font-size: 0.9em;
}

.nuhotel-confirm-roominfo-container input[type=text]{
    height: 30px;

}

.nuhotel-confirm-roominfo-container legend{
    background: transparent;
    font-size: 0.8em;
    margin: 5px 0;
}

/**/

.nuhotel-confirm-contactinfo-container{
    border: 1px solid #c6d0df;
    background-color: #f3f5f8;
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}

.nuhotel-confirm-contactinfo-container ul{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
}

.nuhotel-confirm-contactinfo-container li{
    flex: 1 1 50%;
    padding: 5px 8px;
}


.nuhotel-confirm-contactinfo-container input[type=text]{
    height: 30px;

}

.nuhotel-confirm-contactinfo-container legend{
    background: transparent;
    font-size: 0.8em;
    margin: 5px 0;
}

.nuhotel-confirm-contactinfo-container fieldset{
    padding: 8px;
}


.nuhotels-confirm-ihereby{
    font-size: 0.9em;
    font-weight: bold;
    padding: 0 5px;
    margin-left: 5px;
}

.nuhotels-confirm-ihereby input[type=checkbox]{
    margin-right: 5px;
}

/**/

.nuhotels-confirm-policies-container{
    background-color: #f3f5f8;
    display: block;
    position: relative;
    width: 100%;
    padding: 8px;
    border-right: 1px solid #c6d0df;
    border-left: 1px solid #c6d0df;
    border-bottom: 1px solid #c6d0df;
}

.nuhotels-confirm-insurance-checkbox{
    border-right: 1px solid #c6d0df;
    border-left: 1px solid #c6d0df;
    border-bottom: 1px solid #c6d0df;
}


.nuhotels-confirm-policies-info{
    margin: 8px 0;
}

.nuhotels-confirm-policies-info{
    margin: 8px 0;
}

.nuhotels-confirm-policies-info ul{

}

.nuhotels-confirm-policies-info h6{
    margin: 8px;
}

.nuhotels-confirm-policies-info p{
    line-height: 120%;
}

.nuhotels-confirm-policies-info li p:before{
    content: '*';
    padding: 0 5px;
}


.nuhotels-confirm-policies-info li{
    margin: 2px;
}


.nuhotels-confirm-insurance-checkbox{
    background-color: #f3f5f8;
    padding: 10px;
    margin-bottom: 20px;
}

.nuhotels-confirm-insurance-checkbox p{
    color: #243547;
    padding: 12px;
    font-size: 0.8em;
    font-weight: bold;
}

/* /////// NUNUNUNUN hotels ppayment response   */

.nuhotels-response-main{
    display: block;
    position: relative;
}

.nuhotels-response-cols-container{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: baseline;
}

.nuhotels-response-col-l{
    flex: 1 1 70%;
    height: 100%;
    border: 1px dashed orange;
    margin-right: 10px;
}

.nuhotels-response-col-r{
    flex: 1 1 30%;
    height: 100%;
    border: 1px dashed magenta;
}



/**/

.hotels-input-autocomplete-icon{
    color: #243547;
    margin: 0 5px;
    font-size: 2.2vmin;
}

.hotels-input-autocomplete-txt{
    color: #243547!important;
}

.hotels-input-autocomplete-subtxt{
    font-family: 'Open Sans'!important;
}

.hotels-input-autocomplete-subtxt i{
    margin: 0 5px;
    font-family: 'Open Sans', 'FontAwesome';
    word-spacing: 2px;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    display: inline-flex;
    vertical-align: middle;
}


.flights-input-autocomplete-txt{
    color: #243547!important;
    font-size: 1em;
    word-spacing: 1px;
    font-weight: 600;
}

.flights-input-autocomplete-txt i{
    margin: 0 5px;
}



/*=====TC HOTELS > INDEX >> HOTEL PROMOS=======*/


.tchotels-index-main-content{
    padding: 120px 0 45px 0 !important;

}

.ol-panel-1024-5{
    margin-top: 20px;
    padding: 10px 0 10px 0!important;
}

.ol-panel-1024-4{
    margin-top: 10px!important;
    padding: 10px 0 10px 0!important;
}


.promos{
    z-index: -1;
    position: relative;
}

.promo-text-1{
    z-index: 22;
    position: relative;
    background-color: transparent;
    border: solid 4px #4f99db;
    padding-top: 4rem;
    padding-left: 4rem;
}

.promo-image-for-large{
    position: relative;
    box-sizing: border-box;
}



.text-for-promo-1{
    position: absolute;
    top: 32%;
    left: 0%;
    color: #ffffff;
    font-size: 45px;
    font-weight: 400;
}

.span-class-for-promos-price{
    font-size: 20px;
    font-weight: 600;

}

.p1-for-promos{
    color: #ffffff;
    font-size: 15px;
    font-weight: 400;
    position: absolute;
    top: 50%;
    left: 0%;
}

/* - text for hotels- */

.text-for-hotel-1{
    position: absolute;
    bottom: 8%;
    left: 0%;
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
}

.p1-for-hotels{
    color: #ffffff;
    font-size: 12px;
    font-weight: 200;
    position: absolute;
    bottom: 3%;
    left: 0%;
}

.span-class-for-hotels-price{
    font-size: 14px;
    font-weight: 400;
}

.bar-for-text{
    position: absolute;
    width: 99.3%;
    left:2px;
    height: 50px;
    bottom: 0.1%;
    background: rgba(36, 53, 71, 0.6) url(https://s3.amazonaws.com/com.owners-link.assets/tc_hotels/dots.png) repeat;
}

.large-margin-for-panels{
    margin-top: 20px;
}

.large-margin-for-panels{
    margin-top: 20px;
}

.tchotels-search-button i{
    font-size: 1.2rem;
    color: #ffffff;
    position: absolute;
    top: 20%;
    right: 35%;
}


.tchotels-search-button{
    height: 37px;
}




.tchotels-form-title {
    font-size: 0.9rem;
    color: #999;
    margin-top: -15px;
}



/*=====NUNUNU Hotels IMG gallery======*/

#tchotels-indexgallery{

}
/*
.gallery-container{
    width: 100%;
    display: table;
    position: relative;
    box-sizing: border-box;
    min-height: 100%;
}
*/

.hotels-gallery-container{
    width: 100%;
    position: relative;
    box-sizing: border-box;
    min-height: 100%;
    -webkit-flex-wrap: row wrap;
    -ms-flex-wrap: row wrap;
    flex-wrap: row wrap;
    -webkit-flex-flow: row wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;

}

.col-full{
    background: url(https://s3.amazonaws.com/com.owners-link.blue/jbweeks_images/PROMOS/jbweeks_promo_medium.jpg) no-repeat center center;
    width: 99%;
    float: left;
    background-size: cover;
    box-sizing: border-box;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 10px;
    position: relative;
}

.col-full-h{
    vertical-align: middle;
    text-align: center;
}

.col-half-video{
    background: url(https://s3-us-west-2.amazonaws.com/ol-bgs/ol_videotour_btn1.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    width: 49%;
    margin-left: 5px;
    margin-right: 5px;
    float: left;
    box-sizing: border-box;
    margin-top: 10px;
    position: relative;
}

.col-half{
    background: url(https://s3.amazonaws.com/com.owners-link.blue/jbweeks_images/PROMOS/promos_double_tablet_JBWEEKS_PROMO.png) no-repeat;
    background-size: cover;
    background-position: center center;
    width: 49%;
    margin-left: 5px;
    margin-right: 5px;
    float: left;
    box-sizing: border-box;
    margin-top: 10px;
    position: relative;
}


.col-half-h{
    color: #f3f5f8;
    font-size: 1.2rem;
    font-weight: 600;
    margin-top: 213px;
    /*    background: rgba(36, 53, 71, 0.7);   */
    line-height: 20px;
    padding-top: 5px;
    text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}

.col-half-h span{
    color: #f3f5f8;
    font-size: 0.8rem;
    font-weight: 300;
}


.col-fourths{
    background: url(https://s3.amazonaws.com/com.owners-link.blue/jbweeks_images/PROMOS/promos_single_compu_LASVEGAS.png) no-repeat;
    width: 24%;
    float: left;
    background-size: cover;
    box-sizing: border-box;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 10px;
    position: relative;
}

.col-fourths-h{
    color: #f3f5f8;
    font-size: 1.2rem;
    font-weight: 600;
    margin-top: 213px;
    /*   background: rgba(36, 53, 71, 0.7);   */
    line-height: 20px;
    padding-top: 5px;
    text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}

.col-fourths-h span{
    color: #f3f5f8;
    font-size: 0.8rem;
    font-weight: 300;
}


.col-fourth-p{
    color: #f3f5f8;
    background: rgba(36, 53, 71, 0.7) ;
}

.card{
    height: 259px!important;
}

.card:hover{
    animation-name: hoverthecards;
    -webkit-animation: hoverthecards;
    -moz-animation: hoverthecards;
    -o-animation: hoverthecards;
    animation-duration: 0.2s;
    animation-fill-mode: forwards;

}

@keyframes hoverthecards{
    from {box-shadow:none;}
    to {box-shadow: 0px 0px 6px #2f2f2f;}
}

@-webkit-keyframes hoverthecards{
    from {box-shadow:none;}
    to {box-shadow: 0px 0px 6px #2f2f2f;}
}

@-moz-keyframes hoverthecards{
    from {box-shadow:none;}
    to {box-shadow: 0px 0px 6px #2f2f2f;}
}

@-o-keyframes hoverthecards{
    from {box-shadow:none;}
    to {box-shadow: 0px 0px 6px #2f2f2f;}
}

.jbweeks-h{
    margin-top: 99px;
    color: #f3f5f8;
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 25px;
    text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}

.jbweeks-h span{
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 7px;
    text-shadow: none;
}

.jbweeks-h b{
    font-weight: 700;
    text-shadow: none;
}

.col-half-videotour{
    margin-top: 65px;
    color: #f3f5f8;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 7px;
    line-height: 20px;
}

.col-half-videotour i{
    font-size: 5rem;
    text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
    color: #f3f5f8;
}

.col-half-videotour i:hover{
    animation-name: videotour-play;
    animation-duration: 1s;
    cursor: pointer;
    animation-fill-mode: forwards;
    -webkit-animation-name: videotour-play;
    -moz-animation-name: videotour-play;
    -o-animation-name: videotour-play;
}

@keyframes videotour-play{
    from {font-size:5rem;}
    to {font-size:7rem;}
}

@-webkit-keyframes videotour-play{
    from {font-size:5rem;}
    to {font-size:7rem;}
}

@-moz-keyframes videotour-play{
    from {font-size:5rem;}
    to {font-size:7rem;}
}

@-o-keyframes videotour-play{
    from {font-size:5rem;}
    to {font-size:7rem;}
}

/*======HOTEL CARDS NUNU=======*/


.the-hotel-cards{
    margin-top: 10px;
    margin-bottom: 20px;
}

.cards-container{
    width: 100%;
    display: table;
    position: relative;
    box-sizing: border-box;
    min-height: 100%;
}

.hotel-card-single{
    width: 32%;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 10px;
    float: left;
    box-sizing: border-box;
    position: relative;
    height: 492px;
}

.hotel-card-img{
    height: 200px;
    /*background: #2f2f2f url('https://s3.amazonaws.com/com.owners-link.blue/jbweeks_images/PROMOS/promos_single_compu_CHICAGO.png') no-repeat center center;*/
    background-size: cover;
    box-sizing: border-box;
    position: relative;

}


.hotel-card-body{
    font-size: 14px;
    font-weight: 300;
    text-align: justify;
    height: 240px;
    overflow: auto;
}

.hotel-card-footer{
    height: 52px;

}

.hotel-card-promo{
    width: 32%;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 10px;
    float: left;
    box-sizing: border-box;
    position: relative;
    height: 492px;
}


.hotel-card-3{
    width: 32%;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 10px;
    float: left;
    box-sizing: border-box;
    position: relative;
    height: 492px;
}

.hotel-card-price{
    padding: 20px 5px 10px 5px;
    font-size: 24px;
    font-weight: 400;
}

.hotel-card-expedia-price{
    font-size: 0.9rem;
    padding: 0px 5px 10px 5px;
}

.hotel-card-hotel-name{
    font-size: 18px;
    font-weight: 400;
    padding: 15px 0px 15px 0px;
}

.hotel-card-description{
    font-size: 0.8rem;
    margin-bottom: 10px;
}

.hotel-card-description b{
    text-align: justify;
}

.hotel-cards-stars li{
    display: inline;
    list-style-type: none;
    color: #ffa64d;
}

.hotel-cards-stars{
    padding: 15px 0px 10px 0px;
    color: #ffa64d;
}

.hotel-cards-stars i{
    color: #ffa64d;
    font-size: 1rem;
}

.hotel-card-review{
    padding: 15px 0px 0px 0px;
}



.hotel-card-review-thumb i{
    margin-left: 40px;
}


.hotel-card-review li{
    display: inline;
    list-style-type: none;
}

.hotel-card-review p{
    font-size: 1rem;
    margin-top: 5px;
}

.offer{
    width: 153px;
    height: 44px;
    position: relative;
    top:78%;
    left: 0;
}

.offer-text{
    padding: 14px 0px;
    font-size: 0.8rem;
    font-weight: 300;
    background: transparent;
}


.hotel-cards-arrow{
    width: 0;
    height: 0;
    border-top: 23px solid transparent;
    border-bottom: 21px solid transparent;
    float: left;
    left: 100%;
    bottom: 92%;
    position: relative;
}

/*my-breadcrumbs*/
.my-breadcrumbs{
    margin-top: 4.5%;
    padding: 10px;
    border-bottom: 1px solid gainsboro;
}


.tchotels-confirm-breadcrumbs{
    margin-top: 5%;
    padding: 10px;
    border-bottom: 1px solid gainsboro;
}


.breadkrums li{
    list-style-type: none;
    display: inline;
    padding: 3px;
}

.breadkrums li a{
    font-size: 11px;
    text-transform: uppercase;
}

.crumb-slash{
    color: gainsboro;
}

.current a{
    color: #999;
}

/* //////======= NUNUUU CARSSSS INDEX   =======///////// */

.nucars-cards-container{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: baseline;
    margin: 20px auto;
    flex-wrap: wrap;
    width: 100%;
}


.nucars-card{
    flex: 1 1 25%;
    height: auto;
    width: 100%;
    max-width: 360px;
    background-color: #f3f5f8;
    margin-right: 20px;
    margin-bottom: 20px;
    cursor: pointer;
    border: 1px solid #99aac3;
    transition: 0.1s;
}

.nucars-card:hover{
    animation-name: nujbcard-anim;
    animation-duration: 0.1s;
    animation-timing-function: ease-in;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes nujbcard-anim {
    from{-webkit-transform: scale(1);
        transform: scale(1);
        border: 1px solid #99aac3;box-shadow: 0 0 0 #333}
    to{-webkit-transform: scale(1.01);
        transform: scale(1.01);
        border: 1px solid #ff9525;box-shadow: 0 0 5px #ff9525}
}




.nucars-card:nth-child(3n+3){
    margin-right: 0;
}

.nucars-card-hotel-name-container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: 130%;
    margin: 3px 0;
}

.nucars-card-hotel-name-container h6{
    font-size: 2vmin;
    font-weight: 700;
    color: #243547;
    text-align: center;
}

.nucars-card-hotel-name-container p{
    font-size: 2vmin;
    font-weight: 600;
    color: #99aac3;
}

.nucars-card-img-container{
    width: 100%;
    position: relative;
    margin: 5px 0;
}

.nucars-card-img-container img{
}


.nucars-save-ribbon{
    position: absolute;
    width: auto;
    bottom: 14px;
    left: -8px;
    z-index: 2;
    box-shadow: 2px 3px 10px #333;
    background-color: #ff9525;
}

.nucars-save-ribbon p{
    background-color: #ff9525;
    padding: 4px 15px 4px 15px;
    color: #f3f5f8;
    font-weight: 600;
    text-shadow: 0 1px 1px #666;
}

.nucars-save-ribbon span{
    font-size: 0.8em;
}

#nucars-ribbon-back {
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: -8px;
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-right: 8px solid #b35c00;
    border-bottom: 14px solid transparent;
}


.nucars-card-bottom-row ul{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.nucars-card-starslist{
    width: 100%;
}

.nucars-card-starslist li:nth-child(odd){
    flex: 1 1 60%;
}

.nucars-card-starslist li:nth-child(even){
    flex: 1 1 40%;

}

.nucars-card-stars td{
    margin: 0;
    padding: 2px;
}

.nucars-card-clock i, .nujb-card-clock p{
    color: #99aac3;
    font-size: 2vmin;
    font-weight: 700;
    text-align: right;
}
.tax_included p{
    color: #000;
    font-size: 1.4vmin;
    font-weight: 700;
    text-align: right;
}

.nucars-card-stars i{
    padding: 0;
    margin: 0;
    color: orange;
}

/**/
.nucars-card-bottom-row li{
    padding: 3px 10px;
}

.nucars-card-rates li:nth-child(odd){
    flex: 1 1 auto;
    text-align: left;
}

.nucars-card-rates li:nth-child(even){
    flex: 1 1 auto;
    text-align: right;
}


.nucars-card-rates li:nth-child(even) p{
    font-size: 2.1vmin;
    font-weight: 500;
    color: #99aac3;
}

.nucars-card-rates li:nth-child(odd) p:after{
    content: ':';
}

.nucars-card-rates li:nth-child(odd) p{
    font-size: 2.1vmin;
    font-weight: 500;
    color: #99aac3;
}

.nucars-card-rates span{
    text-transform: uppercase;
    font-size: 1vmax;
}

.nucars-card-rates b{
    font-weight: 700;
}

#nucars-ol-price{
    color: #4f99db;
    font-size: 2vmin;
    font-weight: 600;
}

#nucars-ol-price b{
    font-size: 3vmin;
}

.nucars-card-date-container{
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
}

.nucars-card-date-container ul{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: baseline;
    margin: 0 auto;
    text-align: right;
}

.nucars-card-date-container li{
    flex: 1 1 auto;
    padding: 0 10px;
}

.nucars-card-date-container p{
    font-size: 1.5vmin;
    font-weight: 700;
    color: #99aac3;
}

.nucars-card-date-container i{
    font-size: 1.5vmin;
}

.nucars-card-date-container span{
    font-weight: 700;
    font-size: 2vmin;
    color: #243547;
}

.nucars-card-availability{
    text-align: right;
}

.nucars-card-availability li{
    width: 100%;
}

.nucars-card-availability p{
    font-size: 0.7em;
    color: #99aac3;
    font-weight: 500;
}

/**/

.nucars-ad ul{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.nucars-ad li{
    flex: 1 1 auto;
    z-index: 1;
}

.nucars-ad li:nth-child(4){
    margin-top: 25px;
}

.nucars-ad li p{
    font-size: 4vmin;
    font-weight: 400;
    letter-spacing: 2px;
    color: #f3f5f8;
    text-shadow: 0 2px 2px #2f2f2f;
}

.nucars-ad li h3{
    margin-bottom: 0;
    font-size: 12vmin;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-weight: lighter;
    text-shadow: 0 1px 2px rgba(1,1,1,0.4);
    background: -webkit-linear-gradient(gold 40%, darkgoldenrod 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.nucars-ad li h5{
    margin-bottom: 0;
    font-size: 6vmin;
    height: 43px;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-shadow: 0 1px 2px rgba(1,1,1,0.5);
    background: -webkit-linear-gradient(#eee 40%, #f2f2f2 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.nucars-parallax-ad1{
    background-image: url('https://s3.amazonaws.com/itadevelopers-assets/Cars/4nucarsad2.jpg');
}





/*==:;:;:;:;:;:;:;:;============================TC CARS=========:;:;;::;:;===============*/


.select-bar-active:before{
    border-bottom: 21px solid transparent;
    border-right: 21px solid transparent;
    border-top: 21px solid transparent;
    width: 0;
    height: 0;
    content: "";
    position: absolute;
    left: 0%;
    top: 0;
}



/*======TC CARS INDEX======*/

.cars-cover-container{
    position: relative;
    display: block;
    min-height: 100%;
    min-width: 100%;
    width: auto;
    height: auto;
}


#cars-cover {
    background: url('https://s3.amazonaws.com/itadevelopers-assets/Cars/cover4cars1.jpg');
    position: relative;
    background-repeat: no-repeat;
    background-size: 100% 120%!important;
}


.cars-response-provider-info{
    display: block;
}

.cars-response-provider-info2{
    position: relative;
    display: block;
}

.cars-response-provider-title{
    margin-left: 10px;
}

.car-response-carname span{
    font-size: 1.2em;
    font-weight: 700;
}

.cars-response-schedule-subtitle h6{
    margin: 0px 10px 10px 20px;
    font-size: 0.8em;
    padding: 0;
    font-weight: 600;
    color: #243547;
}


/*
#cars-cover-title{
    display:table;
    width: 100%;
    height: 450px;
    line-height: 80px;
    text-align: center;
    vertical-align: middle;
    -webkit-animation: txtt 2s 1;
    animation: txtt 2s 1;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

#cars-cover-title{
    display:table;
    width: 100%;
    height: 450px;
    line-height: 80px;
    text-align: center;
    vertical-align: middle;
    -webkit-animation: txtt 2s 1;
    animation: txtt 2s 1;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
*/

#cars-cover-title{
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    line-height: 70px;
    animation: cars;
}




#cars-cover-title h2 {
    display: block;
    vertical-align: middle;
    text-align: center;
}

#cars-cover-title h4 {
    display: block;
    vertical-align: middle;
    text-align: center;
}

#cars-hh2{
    text-shadow: 0px 4px 3px rgba(0,0,0,0.2),
    0px 8px 13px rgba(0,0,0,0.1),
    0px 18px 23px rgba(0,0,0,0.1);
    font-size: 12vmin;
    font-weight: 600;
    color: rgba(256, 256, 256, 0.7);
}


#cars-hh4{
    text-shadow: 0px 4px 3px rgba(0,0,0,0.2),
    0px 8px 13px rgba(0,0,0,0.1),
    0px 18px 23px rgba(0,0,0,0.1);
    font-size: 6vmin;
    font-weight: 600;
    color: rgba(256, 256, 256, 0.7);
}


#cars-cover-title .animate{
    position: relative;
    animation: cars-txt-anim 3s 1,
    cars-txt-anim2 2s 1;

    -webkit-animation: cars-txt-anim 2s 1,
    cars-txt-anim2 2s 1;

}


@-webkit-keyframes cars-txt-anim {
    from {
        opacity: 0;

    }
    to {
        opacity: 0.8;

    }
}
@keyframes cars-txt-anim {
    from {
        opacity: 0;}
    to {
        opacity: 0.8;
    }
}

@-webkit-keyframes cars-txt-anim2 {
    0% {
        top:-30px;}
    100% {
        top:0px;}
}

@keyframes cars-txt-anim2 {
    0% {
        top:-30px;}
    100% {
        top:0px;}

}


.cars-search-bar-section {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100px;
}

.cars-search-bar {
    background: transparent;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 0;
    margin-top: 15px;
}
.cars-search-bar input[type=text] {
    box-sizing: border-box;
    margin-left: 5px;
    margin-right: 5px;
    position: relative;
    float: left;
    border-radius: 0;
    height: 44px;
    padding: 10px 5px;
    border: 1px solid rgba(256, 256, 256, 0.7)!important;
    background: rgba(256, 256, 256, 0.7)!important;
}
.cars-search-bar select[name="picktime"] {
    box-sizing: border-box;
    margin-left: 5px;
    margin-right: 5px;
    position: relative;
    float: left;
    border-radius: 0;
    height: 44px;
    padding: 10px 5px;
    border: 1px solid rgba(256, 256, 256, 0.7)!important;
    background: rgba(256, 256, 256, 0.7)!important;
}

.cars-search-bar select[name="droptime"] {
    box-sizing: border-box;
    margin-left: 5px;
    margin-right: 5px;
    position: relative;
    float: left;
    border-radius: 0;
    height: 44px;
    padding: 10px 5px;
    border: 1px solid rgba(256, 256, 256, 0.7)!important;
    background: rgba(256, 256, 256, 0.7)!important;
}



.cars-search-bar #destination_pick::-webkit-input-placeholder{
    margin-right: 5px;
    margin-left: 5px;
    vertical-align: baseline;
    position: relative;
}

.cars-search-bar #arrivalDate::-webkit-input-placeholder {
    margin-right: 5px;
    margin-left: 5px;
    vertical-align: baseline;
    position: relative;
}
/*
.cars-search-bar input.check-out::-webkit-input-placeholder:before{
    font-family: 'FontAwesome';
    content: "\f073";
    margin-right: 5px;
    margin-left: 5px;
    vertical-align: baseline;
}

.cars-search-bar input#destination_drop::-webkit-input-placeholder:before{
    font-family: 'FontAwesome';
    content: "\f073";
    margin-right: 5px;
    margin-left: 5px;
    vertical-align: baseline;
}
*/

.cars-search-bar .pickup1 .twitter-typeahead,
.cars-search-bar .dropoff1 .twitter-typeahead{
    width: 100%;
}

::-webkit-input-placeholder {
    font-size: 15px;
    font-weight: 500;
}




.pickup1 {
    width: 20%;
}
.dropoff1 {
    width: 20%;
}
.pickup2 {
    width: 15%;
}
.dropoff2 {
    width: 15%;
}
.pickup3 {
    width: 9%;
}
.dropoff3 {
    width: 9%;
}
.pick_drop_diff {
    width: 13%;
}
.search-bar-btn {
    width: 10%;
    box-sizing: border-box;
    margin-left: 5px;
    margin-right: 5px;
    position: relative;
    float: left;
}
.pick_drop_diff_search {
    width: 20%;
}
.search-bar-btn button {
    height: 44px;
}

.search-bar-btn i {
    font-size: 1.5em;
    position: absolute;
    top: 25%;
    right: 43%;
}


.cars-return-checkbox{
    margin: -10px;
    padding: 5px;
    font-weight: 600;
    font-size: 1em;
    height: auto;
    position: relative;
    box-sizing: border-box;
    padding-left: 18px;
}

.cars-submit-button{
    width: 100%;
}


/*====*/

.cars-gallery-container {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    min-height: 100%;
    -webkit-flex-wrap: row wrap;
    -ms-flex-wrap: row wrap;
    flex-wrap: row wrap;
    -webkit-flex-flow: row wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.cars-col-half {
    background: url(https://s3-us-west-2.amazonaws.com/com.owners-link.cars/jeep_patriot.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    width: 49%;
    margin-left: 5px;
    margin-right: 5px;
    float: left;
    box-sizing: border-box;
    margin-top: 10px;
    position: relative;
}
.cars-col-fourths {
    background: url(https://s3.amazonaws.com/com.owners-link.blue/jbweeks_images/PROMOS/promos_single_compu_LASVEGAS.png) no-repeat;
    width: 24%;
    float: left;
    background-size: cover;
    box-sizing: border-box;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 10px;
    position: relative;
}
.col-fourths-h {
    font-size: 1.2rem;
    font-weight: 600;
    margin-top: 213px;
    line-height: 20px;
    padding-top: 5px;
}

.col-fourths-h span {
    font-size: 0.8rem;
    font-weight: 300;
}
.col-fourth-p {
    background: rgba(36, 53, 71, 0.7);
}
.card {
    height: 259px!important;
    flex: 1 1 48%;
    -webkit-transition: hoverthecards 0.2s;
    transition: hoverthecards 0.2s;
}
.card:hover {
    -webkit-animation-name: hoverthecards;
    animation-name: hoverthecards;
    -webkit-animation: hoverthecards;
    -moz-animation: hoverthecards;
    -o-animation: hoverthecards;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    cursor: pointer;
}
@keyframes hoverthecards {
    from {
        box-shadow: none;
        opacity: 1
    }
    to {
        box-shadow: 0px 0px 6px #2f2f2f;
        opacity: 0.8;
    }
}
@-webkit-keyframes hoverthecards {
    from {
        box-shadow: none;
        opacity: 1;
    }
    to {
        box-shadow: 0px 0px 6px #2f2f2f;
        opacity: 0.8;
    }
}
@-webkit-keyframes hoverthecards2 {
    from {
        background-color: none;
    }
    to {
        background-color: rgba(256, 256, 256, 0.6)
    }
}
@keyframes hoverthecards2 {
    from {
        background-color: none;
    }
    to {
        background-color: rgba(256, 256, 256, 0.6)
    }
}
.car-info-bg {
    height: 50px;
    width: 100%;
    line-height: 10px;
    padding: 10px;
}
.car-info-bg h3 {
    font-weight: 600;
    font-size: 1em;
}
.car-info-bg h4 {
    font-size: 0.9em;
}
.car-info-bg span {
    font-size: 0.7em;
}

/*=======TC CARS DETAILS=======*/

.details-main-content {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
}
.details-col-l {
    width: 30%;
    float: left;
    box-sizing: border-box;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 10px;
    position: relative;
}
.details-col-r {
    /* background-color: cadetblue; */
    width: 67%;
    margin-left: 5px;
    margin-right: 5px;
    float: left;
    box-sizing: border-box;
    margin-top: 10px;
    position: relative;
}

.details-myinfo-title h4 {
    padding: 10px;
    font-size: 1em;
    font-weight: 600;
}

.details-myinfo-pikap h4 {
    padding: 10px;
    font-size: 0.9em;
    font-weight: 400
}

.details-myinfo-pikap h4:before {
    font-family: 'FontAwesome';
    content: "\f138";
    margin-right: 5px;
}


.details-myinfo-pikapinfo h3 {
    margin-left: 10px;
    font-size: 0.9em;
    font-weight: 600;
}

.details-myinfo-pikapinfo p {
    margin-left: 10px;
    font-size: 0.9em;
    font-weight: 400;
    padding-top: 8px;
}

.pikap-table {
    color: #243547;
    font-size: 0.9em;
    font-weight: 400;
}

.clearfix:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.details-myinfo-dropoff h4 {
    padding: 10px;
    font-size: 0.9em;
    font-weight: 400
}

.details-myinfo-dropoff h4:before {
    font-family: 'FontAwesome';
    content: "\f137";
    margin-right: 5px;
}

.details-myinfo-dropoffinfo {
    margin-bottom: 10px;
}

.details-myinfo-dropoffinfo h3 {
    margin-left: 10px;
    font-size: 0.9em;
    font-weight: 600;
}

.details-myinfo-dropoffinfo p {
    margin-left: 10px;
    font-size: 0.9em;
    font-weight: 400;
    padding-top: 8px;
}

.dropoff-table {
    font-size: 0.9em;
    font-weight: 400;
}


.details-filter-l-title h4 {
    padding: 10px;
    font-size: 1em;
    font-weight: 600;
}
.details-filter-radios li {
    margin: 10px 5px;
    padding-left: 5px;
    font-size: 0.9em;
    font-weight: 300;
}

.txt-filter {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 0;
    margin: 0;
}
.txt-filter-right ul {
    width: 100%;
    float: left;
    box-sizing: border-box;
}

.txt-filter-right li {
    list-style-type: none;
    display: inline;
    padding: 10px;
    width: 25%;
    text-align: center;
}

.txt-filter-right li:hover {
    text-decoration: underline;
}

.txt-filter-right li a {
    font-weight: 600;
    font-size: 0.9em;
}

.txt-filter-title {
    font-weight: 600;
    font-size: 0.9em;
}

.txt-filter-title:hover {
    text-decoration: none!important;
}

.txt-filter-title:after {
    content: '';
    position: absolute;
    left: 25%;
    top: -6%;
    width: 0;
    height: 0;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #fff;
    border-top: 20px solid transparent;
    clear: both;
}

.txt-filter a:hover {
    text-decoration: underline;
}

.ad1 {
    display: block !important;
    width: 100%;
    position: relative;
    max-height: 100% !important;
    line-height: normal;
}

.ad1 h3 {
    font-size: 3vmin;
    font-weight: bold;
    padding: 5px;
    display: block;
}
.ad1 h2 {
    font-size: 3.5vmin;
    font-weight: 700;
    letter-spacing: 2.2px;
    padding: 5px;
}

.ad1 h2:before {
    font-family: 'FontAwesome';
    content: "\f095";
    margin-right: 5px;
}

.ad1 h4 {
    font-size: 2.3vmin;
    display: block;
    padding-bottom: 5px;
}
.car-cards-container {
    margin-bottom: 10px;
}

.car-cards-cards {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}
.card-block1 {
    background: url('https://s3-us-west-2.amazonaws.com/com.owners-link.cars/broken-image.png') no-repeat;
    width: 25%;
    height: auto;
    background-size: 100% 100%;
    background-position: center center !important;
    align-content: center;
    justify-content: center;
    display: inline-block;
}
.card-block2 {
    width: 45%;
    height: auto;
    font-weight: bold;
    font-size: 1em;
    text-align: center;
}
.card-block3 {
    width: 25%;
    height: auto;
    font-size: 1em;
    text-align: center;
}
.card-block4 {
    width: 25%;
    height: auto;
    font-size: 1em;
    text-align: center;
}
.cars-gray-bar {
    padding: 10px;
    width: 100%;
    margin-top: 10px;
}
.cars-gray-bar p {
    font-size: 0.9em;
    font-weight: 600;
}

.cars-gray-bar p:before {
    font-family: 'FontAwesome';
    content: "\f0da";
    margin-right: 5px
}
.car-specs li {
    font-weight: 400;
    font-size: 0.8em;
    text-align: left;
    padding-left: 22px;
    line-height: 17px;
}
.card-specs-1 {
    font-weight: 700!important;
    font-size: 1.5em!important;
    margin-top: 8px;
    margin-bottom: 5px;
    padding: 5px;
    display: block !important;
}

.card-specs-1 p{
    font-weight: 700!important;
    font-size: 1rem!important;
}

.card-specs-logo{
    display: block;
    position: relative;
}

.card-specs-logo figure{
    max-width: 80px;
    max-height: 50px;
    width: auto;
    height:auto;
}

/*.card-specs-1:after {
    font-family: 'FontAwesome';
    content: "\f059";
    margin-left: 7px;
}*/

.card-specs-2:before {
    font-family: 'FontAwesome';
    content: "\f182";
    margin-right: 7px;
}
.card-specs-3:before {
    font-family: 'FontAwesome';
    content: "\f0b1";
    margin-right: 7px;
}

.card-specs-4:before {
    font-family: 'FontAwesome';
    content: "\f0e4";
    margin-right: 7px;
}

.card-specs-5:before {
    font-family: 'FontAwesome';
    content: "\f069";
    margin-right: 7px;
}

.card-specs-6:before {
    font-family: 'FontAwesome';
    content: "\f018";
    margin-right: 7px;
}

.card-specs-7:before {
    font-family: 'FontAwesome';
    content: "\f055";
    margin-right: 7px;
    color: #aaa;
}
.car-price1 {
    margin-top: 25px;
    text-align: left;
}
.car-price1 h3 {
    font-size: 1.4em;
    line-height: 15px;
    margin-bottom: 5px;
    font-weight: bold;
}

.car-price1 p {
    font-size: 0.9em;
    margin-bottom: 10px;
}

.car-price2 {
    margin-top: 25px;
    text-align: left;
}

.car-price2 h3 {
    font-size: 1.3em;
    line-height: 15px;
    margin-bottom: 5px;
    font-weight: bold;
}

.car-price2 p {
    font-size: 0.8em;
    margin-bottom: 10px;
    font-weight: 600;
}



.cars-carnotavailable-modal{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity:1;
    pointer-events: auto;
    z-index: 99999;
    animation-name: modalAsap-in;
    animation-duration: 0.5s;
    text-align: center;
}

.cars-carnotavailable-card {
    width: 450px;
    position: relative;
    margin: 13% auto;
    padding: 5px 20px 13px 20px;
    border-radius: 2px;
    height: auto;
    -moz-box-shadow: 0px 2px 5px #333;
    -webkit-box-shadow: 0px 2px 5px #333;
    box-shadow: 0px 2px 5px #333;
    animation-name: modal-in;
    animation-duration: 0.8s;
}

.cars-carnotavailable-card p{
    font-size: 0.9em;
    font-weight: 500;
    padding: 4px;
}

.cars-carnotavailable-card  button{
    font-size: 0.9em;
    font-weight: 400;
    padding: 8px 25px;
    margin: 8px 0;
}

.cars-carnotavailable-card i{
    font-size: 3vmax;
    margin: 10px 0;
}

.cars-carnotavailable-card h5{
    font-size: 1.2em;
    font-weight: 600;
    color: black;
    margin: 5px 0;
}

.cars-move{
    animation-name: movethemodal;
    animation-duration: 1s;
    transition: 1s ease;
}

@keyframes movethemodal {
    from{transform: translateY(0);opacity: 1;}
    to{transform: translateY(-200px);opacity: 0;}
}



/*===== TC CARS CONFIRMATION ======*/

#confirm-main-content {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
}
.confirm-col-l {
    /*background-color: cadetblue;*/
    width: 67%;
    margin-left: 0;
    margin-right: 24px;
    float: left;
    box-sizing: border-box;
    margin-top: 10px;
    position: relative;
}

.confirm-col-r {
    /*background: tomato;*/
    width: 30%;
    float: left;
    box-sizing: border-box;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 10px;
    position: relative;
}

.reserve-car{
    background: url('https://s3-us-west-2.amazonaws.com/com.owners-link.cars/beetle_1forcardemo.png') top center no-repeat;
    -webkit-background-size: 80% 80%!important;
    background-size: 80% 80% !important;
    width: 100%;
    height: 400px;
    border: 1px dotted #f3f5f8;
}

.confirm-form-l h3 {
    padding: 10px;
    font-size: 1em;
    font-weight: 600;
}

.car-programs-container{
    display: block;
    width: 100%;
    padding: 8px;
    text-align: left;
}

.tinyM{
    margin: 5px 0;
}

.car-programs-container-bb{
    content: '';
    width: 97%;
    height: 1px;
    background-color: #c6d0df;
    text-align: center;
    margin-left: 2%;
    padding: 0;
}

.car-programs-container ul{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: stretch;
}

.car-programs-container ul li p{
    font-size: 1.1em;
    color: #243547;
    font-weight: 700;
}

.check_program{
    text-align: center;
    margin-left: 40%;
    vertical-align: sub;
}


.cars-program-price{
    margin-top: 5px;
    font-size: 1em!important;
    color: #243547;
    font-weight: 700;
}

.cars-program-price span:before{
    content: '';
}

.car-programs-container li:nth-child(1){
    flex: 1 1 0%;
}

.car-programs-container li:nth-child(2){
    flex: 2 2 50%;
}



.programs-a{
    font-size: 0.8em;
    color: #243547;
    font-weight: 700;
    margin-left: 10px;
    cursor: pointer;
    padding-bottom: 10px;

}

.programs-detail{
    margin: 10px;
}

.programs-detail span{
    margin: 5px 0;
}

.cars-rules h3{
    font-size: 0.8em;
}

.cars-rules p{
    color: #99aac3!important;
    line-height: 120%;
}


.personalinfo-form label {
    padding: 5px;
}

.personalinfo-form p {
    padding: 5px;
    font-size: 0.8em;
    font-weight: 500;
}

.confirm-more-options-title {
    /*margin-top: 10px;*/
}
.confirm-more-options-title h3 {
    padding: 10px;
    font-size: 1em;
    font-weight: 600;
}

/**/


.confirm-list-description {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 0;
    margin: 0;
}

.confirm-list-list1 {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 0;
    margin: 0;
}

.confirm-list-check {
    width: 10%!important;
    list-style-type: none;
    display: inline;
    padding: 10px;
    text-align: center;
    font-size: 0.7em;
    font-weight: 300;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}
.confirm-list-list1 h3 {
    font-size: 1.2em!important;
    font-weight: 600;
    margin-bottom: 5px;
}
.confirm-list-description-li {
    width: 35%;
    list-style-type: none;
    display: inline;
    padding: 10px;
    text-align: center;
    font-size: 0.7em;
    font-weight: 300;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
}
.confirm-list-price {
    width: 20%!important;
    list-style-type: none;
    display: inline;
    padding: 10px;
    text-align: center;
    font-size: 0.7em;
    font-weight: 300;
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
}
.confirm-list-quantity {
    width: 15%!important;
    list-style-type: none;
    display: inline;
    padding: 10px;
    text-align: center;
    font-size: 0.7em;
    font-weight: 300;
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
}
.confirm-list-pic {
    width: 20%!important;
    list-style-type: none;
    display: inline;
    padding: 10px;
    text-align: center;
    font-size: 0.7em;
    font-weight: 300;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
}
.pic2 {
    background: url('/assets/Owners-Link/img/child-seat1.jpg') no-repeat center center;
    height: 99px;
    background-size: 60% 100%;
    margin-bottom: 9px;
}
.confirm-list-list2 {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 0;
    margin: 0;
}

.confirm-list-list2 h3 {
    font-size: 1.2em!important;
    font-weight: 600;
    margin-bottom: 5px;
}


.confirm-myinfo-title h4 {
    padding: 10px;
    font-size: 1em;
    font-weight: 600;
}

.confirm-myinfo-pikap h4 {
    padding: 10px;
    font-size: 0.9em;
    font-weight: 400
}

.confirm-myinfo-pikap h4:before {
    font-family: 'FontAwesome';
    content: "\f138";
    margin-right: 5px;
}

.confirm-myinfo-pikapinfo h3 {
    margin-left: 10px;
    font-size: 0.9em;
    font-weight: 600;
}

.confirm-myinfo-pikapinfo p {
    margin-left: 10px;
    font-size: 0.9em;
    font-weight: 400;
    padding-top: 8px;
}


.confirm-myinfo-dropoff h4 {
    padding: 10px;
    font-size: 0.9em;
    font-weight: 400;
}

.confirm-myinfo-dropoff h4:before {
    font-family: 'FontAwesome';
    content: "\f137";
    margin-right: 5px;
}

.confirm-myinfo-dropoffinfo {
    margin-bottom: 10px;
}

.confirm-myinfo-dropoffinfo h3 {
    margin-left: 10px;
    font-size: 0.9em;
    font-weight: 600;
}

.confirm-myinfo-dropoffinfo p {
    margin-left: 10px;
    font-size: 0.9em;
    font-weight: 400;
    padding-top: 8px;
}

.confirm-myinfo-yourcar {
    display: block;
    clear: both;
}

.confirm-myinfo-yourcar h4 {
    padding: 10px;
    font-size: 0.9em;
    font-weight: 400;
}
.confirm-myinfo-yourcar h4:before {
    font-family: 'FontAwesome';
    content: "\f1b9";
    margin-right: 5px;
}

.thecar {
    background: url('https://s3-us-west-2.amazonaws.com/com.owners-link.cars/beetle_1forcardemo.png') no-repeat center center #f3f5f8;
    width: 100%;
    height: 120px;
    background-size: 50% 90%;
}

.confirm-myinfo-yourcarinfo h4 {
    font-size: 0.9em;
    font-weight: 400;
    padding: 5px;
    padding-left: 10px;
}
.confirm-myinfo-yourcarinfo h4 span {
    font-size: 0.9em;
}

.confirm-myinfo-yourcarinfo p {
    font-size: 0.7em;
    padding: 0 0 10px 10px;
}

.confirm-myinfo-yourcarinfo p:before {
    font-family: 'FontAwesome';
    content: "\f107";
    margin-right: 5px;
    text-decoration: none!important;
}

.confirm-payment-row {
    margin-top: 10px;
    padding-bottom: 10px;
}

.confirm-payment-row-title h4 {
    padding: 10px;
    font-size: 1em;
    font-weight: 600;
}
.confirm-payment-row-info {
    padding-top: 15px;
}

.confirm-payment-row-info p {
    padding: 8px;
    font-size: 0.9em;
    font-weight: 400;
}

.cash-sign:before {
    font-family: 'OpenSans';
    content: "$";
    margin-right: 3px;
}
.confirm-payment-total {
    margin-bottom: 5px;
}

.confirm-payment-total p {
    font-size: 0.9em;
    font-weight: 600;
}

.car-details-list {
    background-color: #f3f5f8;
}

.car-details-list li {
    padding-left: 15px;
    line-height: 20px;
    font-size: 0.9em;
    font-weight: 300;
}


.cars-terms{
    display: block;
    box-sizing: border-box;
}

.cars-terms p{
    font-size: 0.8em;
    font-weight: 400;
    line-height: 110%;
}

.cars-terms span{
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 5px;
    text-align: center;
    color: #243547;
    padding-left: 5px;
}

.cars-terms-box{
    display: block;
    padding: 10px;
    width: 100%;
    height: auto;

}


.cars-terms-content{
    overflow: auto;
    height: 198px;
    background-color: white;
}

.cars-terms-box p{
    color: #99aac3!important;
    font-size: 0.9em;
    font-weight: 400 !important;
    padding: 5px 8px;

}

.cars-terms-box h3{
    color: #243547!important;
    font-size: 1em;
    font-weight: 400 !important;
    text-transform: uppercase;
    padding: 5px 8px;
}


/*=========TC CARS PAYMENT RESPONSE============*/
#tccars-response-main-content {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
}
.tccars-response-col-l {
    background-color: #f3f5f8;
    width: 67%;
    margin-left: 5px;
    margin-right: 5px;
    float: left;
    box-sizing: border-box;
    margin-top: 10px;
    position: relative;
}
.tccars-response-col-r {
    /*background: tomato;*/
    width: 31%;
    float: left;
    box-sizing: border-box;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 10px;
    position: relative;
}

.cars-response-client-data-title h3 {
    padding: 10px;
    font-weight: 400;
    font-size: 1em;
}

.cars-response-client-data h3 {
    padding: 10px;
    font-weight: 600;
    font-size: 1em;
}


.cars-response-client-data td {
    margin: 0;
    padding: 0 0 5px 20px;
}

.cars-table-left p {
    font-weight: 600;
    font-size: 0.8em!important;
}

.cars-table-right p {
    font-weight: 400!important
;
}


.cars-response-carinfo h3 {
    padding: 10px;
    font-weight: 600;
    font-size: 1em;
}

.cars-response-carinfo p {
    padding: 10px 0 10px 5px;
    font-weight: 300;
    font-size: 0.9em;
    line-height: 17px;
}
.cars-response-cancellation {
    padding-bottom: 15px;
}
.cars-response-cancellation h3 {
    padding: 10px;
    font-weight: 600;
    font-size: 1em;
}
.cars-response-cancellation p {
    padding: 10px;
    font-weight: 300;
    font-size: 0.9em;
    line-height: 17px;
}
hr {
    padding: 0;
    margin: 10px 0 0 0;
}

.cars-enjoy h3 {
    padding: 10px 0 10px 0;
    font-weight: 500;
    font-size: 1.2em;
}

.cars-enjoy p {
    padding-bottom: 10px;
    font-weight: 500;
    font-size: 0.8em;
}


.cars-response-panelleft-title h3 {
    padding: 10px;
    font-size: 1em;
    font-weight: 500;
}

.cars-response-pic {
    background: url('https://s3-us-west-2.amazonaws.com/com.owners-link.cars/beetle_1forcardemo.png') no-repeat center center #f3f5f8;
    width: 100%;
    height: 120px;
    background-size: 50% 90%;
}

.cars-response-car-details-list p {
    line-height: 2px;
}
.cars-response-car-details-list span {
    font-weight: 600;
}
.response-cardetails-li1 p:before {
    font-family: 'FontAwesome';
    content: "\f182";
    margin-right: 7px;
}
.response-cardetails-li2 p:before {
    font-family: 'FontAwesome';
    content: "\f0b1";
    margin-right: 7px;

}
.response-cardetails-li3 p:before {
    font-family: 'FontAwesome';
    content: "\f0e4";
    margin-right: 7px;
}
.response-cardetails-li4 p:before {
    font-family: 'FontAwesome';
    content: "\f069";
    margin-right: 7px;
}
.response-cardetails-li5 p:before {
    font-family: 'FontAwesome';
    content: "\f018";
    margin-right: 7px;
}
.cars-response-schedule {
    padding-bottom: 15px;
}
.cars-response-schedule h3 {
    padding: 10px;
    font-weight: 600;
    font-size: 1em;
}
.cars-response-schedule-l p {
    font-weight: 600;
}
.cars-response-schedule-r p {
    font-weight: 500;
}

.cars-response-schedule td {
    margin: 0;
    padding: 0px 0 5px 20px;
}

.cars-response-panelleft-info {
    padding-top: 15px;
}

.cars-response-panelleft-info p {
    padding: 8px;
    font-size: 0.9em;
    font-weight: 400;
}
.response-payment-total p {
    font-size: 0.9em;
    font-weight: 600;
}
.confirm-terms p {
    font-size: 0.8em;
    font-weight: 300;
    line-height: 15px;
}
.confirm-terms-checkbox {
    font-size: 0.8em;
    word-spacing: 2px;
}

.cars-response-addservices h3 {
    padding: 10px;
    font-weight: 600;
    font-size: 1em;
}

.cars-response-addservices p {
    padding: 5px 0 5px 5px;
    font-weight: 300;
    font-size: 0.9em;
    line-height: 15px;
}
.cars-response-addservices span {
    padding: 5px 0 5px 5px;
    font-weight: 500;
    font-size: 0.9em;
    line-height: 15px;
}

.car-program-details{
    padding-left: 5px;
    padding-right: 5px;
    font-size: 13px;
}


/***************;::;:;:;:;:;:END TC CARS;:;::;:;::;:;:;:;***************/


/**************:;:;:;:;:;:;:;:TC FLIGHTS::;:;:;:;::;:;:;:***************/
.farerules-text{
    color: #BBBCBE;
    text-align: center;
    text-decoration: underline;
    cursor: pointer;
}

.farerules-content{
    margin-top: 5px;
    text-align: center;
    text-decoration: underline;
    width: 100%;
    float: left;
    display: inline-block;
    height: auto;
}


@keyframes loading-logo-anim{
    0%{background-position: 0 0;}
    100%{background-position: 0 -1200px;}
}

@-webkit-keyframes loading-logo-anim{
    0%{background-position: 0 0;}
    100%{background-position: 0 -1200px;}

}@-moz-keyframes loading-logo-anim{
     0%{background-position: 0 0;}
     100%{background-position: 0 -1200px;}

 }@-o-keyframes loading-logo-anim{
      0%{background-position: 0 0;}
      100%{background-position: 0 -1200px;}
  }




/* THA MF MODALSS */
.arda-login-modal{
    z-index: 50;
}

.arda-login-modal-header{
    padding: 2px 16px;
    background-color: #243547;
    color: #f3f5f8;
    text-align: center;
    letter-spacing: 2px;
}

.arda-login-modal-body {
    width: 100%;
    padding: 10px;
    height: 300px;
    overflow-y: scroll;
    text-align: center;
    background-color: #f3f5f8;
}


.arda-login-modal-body span{
    text-align: center;
    margin: 15px 0;
    font-weight: bold;
    font-size: 1em;
}

.arda-login-modal-body p{
    text-align: justify;
    color: #5e79a1;
    font-weight: 400;
    font-size: 0.9em;
    line-height: 150%;
    margin: 8px 0;
}

.arda-login-modal-footer {
    padding: 2px 16px;
    background-color: #f3f5f8;
    color: #243547;
}

.ardaModalButton:hover{
    cursor: pointer;
    text-decoration: underline;
}

.arda-login-modal-content{
    position: relative;
    background-color: #fefefe;
    margin: 10% auto;
    padding: 0;
    border: 1px solid #888;
    width: 60%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: arda-login-modal-animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: arda-login-modal-animatetop;
    animation-duration: 0.4s
}


@-webkit-keyframes arda-login-modal-animatetop {
    from {top: -300px; opacity: 0}
    to {top: 0; opacity: 1}
}

@keyframes arda-login-modal-animatetop {
    from {top: -300px; opacity: 0}
    to {top: 0; opacity: 1}
}

.arda-login-modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: none;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}


.arda-login-modal-close2 {
    color: #ffffff;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}

.arda-login-modal-close :hover,
.arda-login-modal-close :focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}


.arda-login-modal-header{
    padding: 2px 16px;
    background-color: #243547;
    color: #f3f5f8;
    text-align: center;
    letter-spacing: 2px;
}

.arda-login-modal-body {
    width: 100%;
    padding: 10px;
    height: 300px;
    overflow-y: scroll;
    text-align: center;
    background-color: #f3f5f8;
}


.arda-login-modal-body span{
    text-align: center;
    margin: 15px 0;
    font-weight: bold;
    font-size: 1em;
}

.arda-login-modal-body p{
    text-align: justify;
    color: #5e79a1;
    font-weight: 400;
    font-size: 0.9em;
    line-height: 150%;
    margin: 8px 0;
}

.arda-login-modal-footer {
    padding: 2px 16px;
    background-color: #f3f5f8;
    color: #243547;
}
.arda-login-modal-header {
    padding: 10px 16px;
    background-color: #243547;
    color: #f3f5f8!important;
    text-align: center;
    letter-spacing: 2px;
}
.arda-login-modal-header h2 {
    color: #f3f5f8!important;
}
.arda-login-modal-close2 {
    color: #ffffff;
    float: right;
    position: inherit;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
}



/*===== CONFIRMATION TCFLIGHT====== */

.conf-title{
    font-size: 1rem;
    font-weight: 700;
    padding-left: 0.8rem;
}

.conf_info, .conf_info2{
    list-style-type: none;
    padding-bottom: 0.8rem;
}

.conf_info li{
    display:list-item;
    padding-top: 0.5rem;
    font-size: 0.8rem;
    font-weight: 600;
}

.conf_info2 li{
    display:list-item;
    padding-top: 0.5rem;
    font-size: 0.8rem;
}

.holder li{
    display:list-item;
    padding-left: 0.8rem;
    padding-top: 0.5rem;
    font-size: 0.8rem;

}

.holder-data li{
    display:list-item;
    padding-left: 0.8rem;
    padding-top: 0.5rem;
    font-size: 0.8rem;

}

.pannel-conf p{
    padding-left: 0.8rem;
    padding-top: 0.5rem;
    font-size: 0.8rem;
}


#pleasant{
    text-align: center;
    padding: 0.7rem;
}

#pleasant h3 {
    font-weight: 600;
}

.holder{
    font-weight: 600;
}

#insurance{
    padding: 0.7rem;
}

#payment{
    padding: 0.7rem;
}

#confimation_summary{
    background-color: #f3f5f8;
    padding: 0.5rem;
    border: 1px solid #c6d0df;
}

#confirmation_summary h6{
    font-size: 0.8rem;
    font-weight: 600;
    color: #2f2f2f;
}

#confirmation_summary p{
    font-size: 0.8rem;
    font-weight: 600;
    color: #4f99db;
}

#confirmation_summary i{
    margin: 5px;
    color: #4f99db;
}

#details_main2{
    margin-top: 15px;
}


#terms-modal p{
    line-height: 20px;
    color: #2f2f2f;
}

#policy-modal{
    line-height: 20px;
    color: #2f2f2f;
}

#faq-modal{
    line-height: 20px;
    color: #2f2f2f;
}


#faq-modal .faq-title{
    font-weight: 500;
    color: #4f99db;
}

#faq-modal li{
    list-style: disc;
    margin-left: 25px;
}

#footer a{
    color: #fff;
}

#footer a:hover{
    color: #4f99db;
}

#need_assistance_panel{
    background-color: #f3f5f8;
    padding: 1rem;
    margin-bottom: 20px;
    border: 1px solid #c6d0df;
}

#need_assistance_panel h3{
    color: #ff9525;
    font-weight: 700;
    font-size: 1em !important;
}

#need_assistance_panel h5{
    font-size: 0.9rem!important;
    color: #2f2f2f;
}

#need_assistance_panel h4{
    color: #ff9525;
    font-weight: 700;
    font-size: 0.9rem!important;
}

#need_assistance_panel p{
    color: #2f2f2f;
    font-size: 0.7rem!important;
}

#details_title{
    background-color: #99aac3;
    height: 50px;
    padding: 1rem;
    margin-bottom: 20px !important;
}

#details_title p{
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
}

#details_title h3{
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
}

#trip_summary{
    background-color: #f3f5f8;
    padding: 0.5rem;
    border: 1px solid #c6d0df;
}

#trip_summary h6{
    font-size: 0.8rem;
    font-weight: 600;
    color: #2f2f2f;
}

#trip_summary p{
    font-size: 0.8rem;
    font-weight: 600;
    color: #4f99db;
}

#trip_summary i{
    margin: 5px;
    color: #4f99db;
}

#departureinfo_columns{
    border: 1px solid #c6d0df;
}


#returninfo_columns{
    border: 1px solid #c6d0df;
}


#return_text{
    font-weight: 600;
    font-size: 0.8rem;
    float: left;
}

#return_text i{
    color: #243547;
}

#return_date{
    font-weight: 600;
    font-size: 0.8rem;
    float: right;
}

#departureinfo{
    background-color: #c6d0df;
    padding: 0.6rem;
}

#departureinfo_columns{
    background: #f2f5f8;
    padding: 0.6rem;
}

.departure_txt{
    color: #fff;
    font-weight: 700;
    padding: 0.3rem;
    color: #2f2f2f;
}


.airport_name{
    font-size: 1.3rem;
    font-weight: 700;
    text-align: center;
    color: #2f2f2f;
}

.airport2, airport1 li{
    text-align: center;
    color: #2f2f2f;
}

.flight_code p{
    line-height: 20px;
    font-size: 0.8rem;
    color: #2f2f2f;
}


.departure_airport1 {
    text-align: center;
}

.airport_hour{
    padding-top: 0.7rem;
    font-weight: 500;
    font-size: 0.8rem;
    color: #2f2f2f;
}


#departure_row4{
    text-align: center;
    padding: 1rem;
}

.departure_passengers{
    font-size: 1rem;
    font-weight: 400;
    color: #4f99db;
}

#fares{
    background: #243547;
    margin-bottom: 1rem;
    margin-top: 0;
    padding: 0.5rem;
    line-height: 25px;
    color: #fff;
}

#fares span{
    font-weight: 500;
    font-size: 0.9em;
}


#returninfo{
    background-color: #c6d0df;
    padding: 0.6rem;
}

#returninfo_columns{
    background: #f2f5f8;
    padding: 0.6rem;
}



#passengernumber p{
    font-size: 1rem;
    font-weight: 400;
    color: #4f99db;
}

#passengernumber{
    margin-bottom: 0.5rem;
}

#stops p{
    font-size: 0.7rem;
    font-weight: 600;
    margin-top: 4px;;
    padding: 0;
    color: #2f2f2f;
}

#stops li{
    list-style-type: none;
}

#flight_title{
    font-size: 0.7rem;
    font-weight: 600;
    color: #2f2f2f;
}

#flight_title p:active{
    color: #2f2f2f;
}

#return_arrow{
    color: #4f99db;
    margin-top: 15px;
}

#return_date{
    font-weight: 600;
    font-size: 0.8rem;
    float: right;
}

#return_text{
    color: #243547;
    font-weight: 600;
    font-size: 0.8rem;
    float: left;
}

#return_text i{
    color: #243547;
}

#fares p{
    font-size: 0.9rem;
    font-weight: 500;
    margin: 0.4rem;

}


.airport1{
    margin-top: 10px;
}

.airport2{
    margin-top: 10px;
}


#fares{
}

.total_amount {
    font-size: 1rem !important;
    float: left;
    font-weight: 600 !important;
}


.total_text{
    float: left;
}


#continue_button{
    margin-top: -16px !important;
}

#continue_button button{
    background-color: #4f99db;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}

#button_continue:active{
    background-color: #0c1f33;
}


/* flight return colsnu */

.flight_port{
    font-weight: 600;
    font-size: 1.5em;
    margin-top: 15px;
    margin-left: 15px;
}


/*******:;:;:;:nununu TCFLIGHTS ACCORDION 9/15;:;:;:;:;********/


/*********;:;:;:;:;:;:;:;:;: NU FLIGHTS ACCORDION FOR DEPARTURE ;:;:;:;:;:;:;::;:;:*********/
/*
.cols-flights{
    background: transparent;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 0;
    margin-top: 10px;
}
*/

.cols-flights{
    background: transparent;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 0;
    margin-top: 10px;
    align-content: stretch;
}


.flights-accordion-cards{
    width: 100%;
    position: relative;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;



}

.flights-passenger-title-number{
    display: block;
    margin-left: 20px;
    margin-bottom: 10px;
    font-size: 0.9em;
    font-weight: 700;
}



.flights-accordion-card{
    width: 20%;
    height: 155px;
    line-height: 10px;
    color: white;
    font-weight: bold;
    font-size: 1em;
    text-align: center;
}




/*
.flights-accordion-card:before{
    content: '';
    display: inline-block;
    height: 50%;
    vertical-align: middle;

}
*/

.flight-card1{
    display: inline-block;
    vertical-align: middle;
    box-sizing: padding-box;
}

.flights-airline-logo{
    padding: 10px;
    top: 25%;
}

.flights-airline-logo img{
    width: 100%;
}


.flights-flight-detail-row{
    width: 100%;
    padding: 5px;
    float: right;
    display: block;
    height: 25px;
}

.flight-detail-button{
    float: right;
}


.flights-flight-details-list{
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}


/****COL2****/

.flight-card2{
    display: inline-table;
    box-sizing: padding-box;
}


.flights-col2-departure i {
    float: left;
    padding: 10px;
    font-size: 2em;
}

.flight-accordion-col2-list{
    line-height: normal;
    display:table-row;
    text-align: right;
}

.flights-col2-departure p{
    padding-top: 16px;
    padding-right: 10px;
    font-weight: bold;
    font-size: 1.3em;
    display: block;
    margin-bottom: 20px;
}


.flights-col2-departure-time p{
    padding-right: 10px;
    font-weight: 700;
    font-size: 1.1em;
    display: block;
    margin-bottom: 15px;
}

.flights-col2-departure-date p{
    padding-right: 10px;
    font-weight: 400;
    font-size: 0.7em;
    display: block;
    margin-bottom: 10px;
}

.flights-col2-departure-city p{
    padding-right: 10px;
    font-weight: 400;
    font-size: 0.7em;
    display: block;
    text-transform: uppercase;

}

/***COL3***/

.flight-card3{
    display: inline-table;
    box-sizing: padding-box;
}

.flight-accordion-col3-list{
    line-height: normal;
    display:table-row;
    text-align: right;
}

.flights-col3-arrival p{
    padding-top: 16px;
    padding-right: 10px;
    font-weight: bold;
    font-size: 1.3em;
    display: block;
    margin-bottom: 20px;
}


.flights-col3-arrival i {
    float: left;
    padding: 10px;
    font-size: 2em;
}


.flights-col3-arrival-time p{
    padding-right: 10px;
    font-weight: 700;
    font-size: 1.1em;
    display: block;
    margin-bottom: 15px;
}

.flights-col3-arrival-date p{
    padding-right: 10px;
    font-weight: 400;
    font-size: 0.7em;
    display: block;
    margin-bottom: 10px;
}

.flights-col3-arrival-city p{
    padding-right: 10px;
    font-weight: 400;
    font-size: 0.7em;
    display: block;
    text-transform: uppercase;
}


/*****COL4*****/

.flight-accordion-col4-list{
    line-height: normal;
    display:table-row;
    text-align: center;
}

.flight-card4{
    display: inline-table;
    box-sizing: padding-box;
}


.flights-col4-time p{
    padding: 2px;
    font-weight: bold;
    font-size: 1.3em;
    display: block;
    margin-top: 25%
}

.flights-col4-stops{
    font-size: 1em;
    display: block;
    font-weight: 500;
}


/***COL5***/

.flight-card5{
    display: inline-table;
    box-sizing: padding-box;
}


.flight-accordion-col5-list{
    line-height: normal;
    display:table-row;
    text-align: left;
}

.flights-col5-price-total p{
    padding-top: 13px;
    padding-left: 10px;
    font-weight: 600;
    font-size: 1em;
    display: block;
    margin-bottom: 5px;
}

.flights-col5-price-price p{
    padding-left: 10px;
    font-weight: bold;
    font-size: 1.5em;
    display: block;
    margin-bottom: 0px;
    word-break: keep-all;
    line-height: normal;
}

.flights-col5-price-price p:before{
    font-family: 'FontAwesome';
    content: "\f155";
    margin-right: 8px;

}

.flights-col5-price-price span{
    font-size: 0.7em;
}

.flights-col5-price-price-text p{
    padding: 0px 10px 2px 10px;
    font-weight: 400;
    font-size: 0.7em;
    display: block;
}





.flights-col5-btn{
    display: block;
    text-align: center;
}

#flight_code_departure span{
    font-size: 0.9em;
    font-weight: 500;
}


#flight_code_return span{
    font-size: 0.9em;
    font-weight: 500;
}

/****extracolumns***/

.flights-flight-details-list .flights-accordion-card{
    max-height: 125px;
}

.flights-extracol1, .flights-extracol2, .flights-extracol3, .flights-extracol4, .flights-extracol5{
    line-height: normal;
    display:inline-table;
    text-align: left;
    font-size: 0.9em;
    font-weight: 500;
    padding-top: 10px;
    color: #222222;
    text-align: center;
}

.flights-extracol1-list, .flights-extracol2-list, .flights-extracol3-list, .flights-extracol4-list, .flights-extracol5-list {
    display: table-row;
}

.flights-extracol1-list li{
    display: block;
    padding-left: 10px;
    padding-bottom: 10px;
    line-height: normal;
}

.flights-extracol2-list li{
    display: block;
    padding-left: 10px;
    padding-bottom: 5px;
    line-height: normal;
    margin-top: 5%;
}


.flights-extracol2-list p:after{
    font-family: 'Open Sans';
    content: ":"
}

.flights-extracol3-list li{
    display: block;
    padding-left: 10px;
    padding-bottom: 5px;
    line-height: normal;
    margin-top: 5%;
}

.flights-extracol4-list li{
    display: block;
    padding-left: 10px;
    padding-bottom: 5px;
    line-height: normal;
    margin-top: 5%;
}

.flights-extracol5-list li{
    display: block;
    padding-left: 10px;
    padding-bottom: 5px;
    line-height: normal;
    margin-top: 5%;
}

.flights-nu-continue-btn p{
    text-align: center;
    font-size: 1em;
    font-weight: 600;
    padding: 8px 0;
    margin: 5px 0;
}


.flights-depart-filter-title{
    text-align: left;
    padding: 8px 0;
}

.flights-depart-filter-title h1{
    font-size: 1em;
    font-weight: 600;
}


/***********:;:;:;:;:;:;:;:;:;:;:;:***********/




/*========galer�a para confirmation TC HOTELS v GOLD y BLACK=========*/

.ow-hotel-details-gallery-small {
    float:left;
    height: 100px;
    width: 160px;
    border: 1px solid #ddd;
    margin: 10px 10px 0px 0px;
    background-color: #000;
    cursor : pointer;
}

.ow-hotel-details-gallery-container {
    width: 1000000px;
}

.ow-hotel-details-gallery-wrapper {
    overflow-x:auto;
    overflow-y: hidden;
}


/*:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;;MY ACCOUNT:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;;:;:;:*/

/*======================================
        OWNERS LINK Mi_Cuenta.personal_info.blue
        version : 1
        author  : Kozmo
        date  : March 2015
=========================================*/



#departureinfo, #departureinfo_columns, #info_window {
    display : block;
}
#returninfo, #returninfo_columns, #continue_button, #fares  {
    display : block;
}

.ow-travel-div-fluid {

}

.ow-travel-div-fixed {
    /* position : fixed;  hace sticky a la barra de la info .. kozmo 14 ago 15  */
    top : 120px;
    z-index : 99;
    margin-left : 2px;
}

hr {
    margin : 5px 0 15px;
}
body {
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    font-weight: 300;
    overflow-x: hidden;
}

h1,h2,h3,h4,h5,h6,p,a{
    font-family: 'Open Sans', sans-serif;
}


#header_logo img{
    padding: 0.5rem;
}

#top_menu{
    float: right;
}

#top_menu a{
    font-family: 'Open Sans', sans-serif;
}

#nav{
    height: 2rem;
    font-weight: 700;
}


#nav a{
    float: right;
    top: -40px;
    margin-right: 1rem;
}

#dates li{
    list-style-type: none;
    display: inline;
}

/* ====== MOBILE MENU ====== */

.menu_mobile{
    display: none;
    width:100%;
}

.menu_mobile {
    list-style:none;
    margin:0;
    padding:0;
    text-align:center;
}

.menu_mobile li {
    font-family: 'Open Sans', sans-serif !important;
    font-size:1.3rem;
    letter-spacing:2px;
    padding:1rem 0;
    font-weight: 700;
    text-transform: uppercase;
}


.menu-mobile-toggle {
    background:none;
    width: 100%;
    text-align: right;
    padding:10px 0;
    font-size:2.5rem;
}

.menu-mobile-toggle a {
    text-decoration:none;
}

.menu-mobile-toggle i:active {
    text-decoration:none;
}



/*  ----menu----    */

/*====== HEADER ===== */

#header{

}

#top_menu{
    float: right;
}


#logo{
    padding: 0.5rem;
}

#menu{
    text-transform: uppercase;
}

#menu li{
    font-weight: 600;
    font-size: 1rem;
}


#menu_jb{
    font-size: 0.6rem;
    float: left;
    z-index: 20;
}

#menu_asap{
    font-size: 0.6rem;
    float: right;
}

#myac p{
    font-size: 0.5rem;
}


/* ===== INFORMATION ===== /*



/* ------ left panel  ---- */

#left_panel li{
    text-align: center;
    list-style-type: none;
    font-weight: 300;
}


#left_panel .panel{
    padding: 0.0rem;
    border: 0;
}

#main_tabs{
    float: none;
}

#buttons_left li{
    text-align: left;
    padding-left: 2rem;

}


#buttons_left i{
    padding-right: 1rem;
    font-size: 1.3rem;
}

#buttons_left a{
    font-weight: 800;
    float: none;
    margin: 0;
}



#arrow{
    display: block;
    position: absolute;
    /*z-index: 13;*/
    left: 318px;
    top: 0px;
}

/* =====arrow ==== */

.profile-arrow{
    width: 0;
    height: 0;
    border-top: 28px solid transparent;
    border-bottom: 28px solid transparent;
    border-left: 20px solid;
    float: left;
    margin-left: -15px;
}





/* ====photo panel =====  */

.userinfo {
    text-align: center;
    overflow: hidden;
    padding: 1rem;
    margin-left: -2px;
    margin-right: 1px;
}
.photo {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    margin-left: 10px;
}

.info h4{
    font-size: 22px;

}

.info ul{
    margin: 0 0 20px 0;
    list-style: none;
    max-width: 200px;
    display: inline-block;
}
.info li{
    font-size: 0.8rem;
    text-align: left;
    position: relative;
}


/* ===right panel== */


#panel_right_1 .row{
    margin-bottom: 0.5rem;
}



.my_info_title {
    font-weight: 600;
    line-height: 10px;

}

.my_info p{
    line-height: 16px;
}

.personal_info p{
    line-height: 16px;
}

.contact_info p{
    line-height: 16px;
}

.invoice_admin p{
    line-height: 16px;
}

.contact p{
    line-height: 16px;
}

.info_title {
    font-weight: 600;
    text-align: left;
    margin: 0;
}


/* ===footer== */

#footer{
    padding-top: 1rem;
}

#footer h6{
    font-size: 0.7em;
    line-height: 13px;
    font-weight: 300 !important;
    margin-top: 0.4rem;
}

#footer h5{
    font-family: 'Open Sans', sans-serif;
}

#footer ul{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.footer_directory li{
    font-size: .7rem;
    padding: .5rem;
    list-style-type: none;
    line-height: 0.6rem;
    font-family: 'Open Sans', sans-serif;
}

#aboutus_txt{}


/* ===Panels right==== */


.my_info li{
    list-style-type: none;
}


.personal_info li{
    list-style-type: none;
}

.contact_info li{
    list-style-type: none;
}

.contact li{
    list-style-type: none;
}


.invoice_admin li{
    list-style-type: none;
}


.reg_txt{
    font-weight: 300;
}


/* ===Password change==== */

#password_change {
    display: inline;
}

#button_password {
    text-align: center;
    padding: 0.4rem;
    height: 35px;
}

#panel_right_3 p{
    padding-bottom: 1rem;
}


#button_password p{
    font-weight: 300;
    font-size: 1rem;
    margin-top: 0.3rem;

}

/* ==== Media Queries ==== */


/* Tablet */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {

    #menu li{
        font-size: 0.6rem;
    }


}


/* ===RESERVATIONS==== */





#left1{

}

#left1 ul{

    list-style-type: none;
}

#left1 p{
    font-size: 0.6rem;
}


#right1 ul{
    margin: 0;
    list-style-type: none;
    float: right;
}

#right1 p{
    float: right;
    margin-top: 10px;
    line-height: 0.2rem;
}



.hotel_name{
    font-size: 1.5rem;
    font-weight: 600;
}

.hotel_place{
    font-size: 0.9rem;
}

.hotel_place i{
    margin-right: 5px;
}


.reservation_txt{
    font-weight: 600;
}

.right .reservation_number{
    font-size: 1.5rem;
}

/*
.right p{
    font-weight: 700;
}
*/

#panel_right_1{
    padding-bottom: 0;
}


#reservation1 li{
    list-style-type: none;
}


#reservation1 a, #reservation1 p{
    line-height: auto;
    font-size: 0.6rem;
    font-weight: bold;
}

#reservation1 h1,h2,h3,h4,h5,h6{
    font-weight: 600;
}

#reservation1 hr{
    margin: -3px 0px -3px 0px;
}

/* ==== most recent ===== */

#niceh h5{
    font-size: 1.5rem !important;
    font-weight: 700;
    float: left;
}


.starss{
    float: left;
    margin-top: 0.5rem;
    margin-right: 0.2rem;
    font-size: 1rem;
}

.starss_color{
    float: left;
    margin-top: 0.5rem;
    margin-right: 0.2rem;
    font-size: 1rem;
}

.mapmarker i{
    font-size: 1rem;
    margin-right: 0.5rem;


}

.mapmarker {
    float: left;
    margin-top: 0.3rem;
}

#reserv_column{
    float: right;
}


.reserv{
    font-size: 1rem;
    font-weight: 700;
    margin-top: 0.5rem;
}

.reservnumber{
    font-size: 1.7rem;
    font-weight: 700;
    margin-top: 0.7rem;
    margin-bottom: 0.3rem;
}

#namedata{
    float: left;
}


#namedata p{
    font-weight: 600 !important;
    margin: 0;
    margin-top: 0.7rem;

}

#staydata{
    float: right;

}

#staydata p{
    font-weight: 600 !important;
    margin: 0;
    margin-top: 0.7rem;
}


#rooms p{
    margin: 0;
    margin-top: 0px !important;
    line-height: 18px !important;
}

.roomstitle{
    margin-top: 0.5rem;
}

#rooms_column1{
    float: left;
    margin: 0;
}


#rooms_column2 p{
    float: left;
    font-size: 0.7rem;
    text-align: left;

}

#rooms_column3{
    float: right;
    margin: 0;
}

#rooms_column3 .cash{
    font-size: 1.2rem;
    font-weight: 700;
    float: right;
}



#rooms_column3 .paid{
    float: right;
    font-weight: 600 !important;
}


#rooms_column2 li{
    float: left;
}

#refresh{
    text-align: center;
    font-size: 2rem;
    padding-bottom: 1rem;

}


/*****:::;:;:;:;:;:;:;:;:;:;:;:;::;:;:;:;:;:TC FLIGHTS::;;;:;:;:;:;:;:;:;:;:;:;:;:;:;::;:;:;:;:;:;:;************/


/******;:;:::;:;:;;:;:;TC FLIGHTS NU COVER:;:;:;:;:;:;:;:;:;*********/

.flights-cover-container{
    display: block;
    position: relative;
}


#flights-cover{
    /*background-image: url('https://s3-us-west-2.amazonaws.com/com.owners-link.flights/4flights2.jpg');*/
    background-size: 100% 120% !important;
    position: relative;
    background-attachment: inherit;
}

.flights-cover-h{
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-animation: txttnu 2s 1;
    animation: txttnu 2s 1;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    position: relative;
    z-index: 0;
}

/*
.flights-title-container{
    display:flex;
    height: inherit;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}
*/
#flights-hh2{
    display: block;
}

#flights-hh4{
    display:block;
    vertical-align: middle;
    text-align: center;
    margin-top: 10px;
}

.flights-cover-h h2{
    text-shadow: 0px 4px 3px rgba(0,0,0,0.2),
    0px 8px 13px rgba(0,0,0,0.1),
    0px 18px 23px rgba(0,0,0,0.1);
    font-size: 12vmin;
    font-weight: 600;
    color: rgba(256, 256, 256, 0.7);
}


.flights-cover-h h4{
    text-shadow: 0px 4px 3px rgba(0,0,0,0.2),
    0px 8px 13px rgba(0,0,0,0.1),
    0px 18px 23px rgba(0,0,0,0.1);
    font-size: 6vmin;
    font-weight: 600;
    color: rgba(256, 256, 256, 0.7);
}


.flights-search-bar-section {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: auto;
    padding: 10px 0;
}



.flights-search-bar input[type=text] {
    box-sizing: border-box;
    position: relative;
    float: left;
    color: #666;
    border: 1px solid rgba(256, 256, 256, 0.7);
    border-radius: 0;
    height: 35px;
    background: rgba(256,256,256,0.8)!important;
}

.flights-search-bar select{
    background: rgba(256,256,256,0.8)!important;
    font-weight: 500;
}
/*
.flights-search-bar input#from_search::-webkit-input-placeholder:before{
    font-family: 'FontAwesome';
    content: "\f124";
    margin-right: 5px;
    margin-left: 5px;
    vertical-align: baseline;
}

.flights-search-bar input#to_search::-webkit-input-placeholder:before{
    font-family: 'FontAwesome';
    content: "\f041";
    margin-right: 5px;
    margin-left: 5px;
    vertical-align: baseline;
}

.flights-search-bar input#departuredate_search::-webkit-input-placeholder:before{
    font-family: 'FontAwesome';
    content: "\f073";
    margin-right: 5px;
    margin-left: 5px;
    vertical-align: baseline;
}

.flights-search-bar input#returndate_search::-webkit-input-placeholder:before{
    font-family: 'FontAwesome';
    content: "\f073";
    margin-right: 5px;
    margin-left: 5px;
    vertical-align: baseline;
}
*/


::-webkit-input-placeholder {
    color: #666;
    font-size: 15px;
    font-weight: 500;
}

.flights-typeof {
    color: #fff;
    font-size: 0.9em;
    font-weight: 600;
    padding: 15px 0px 10px 15px;
    letter-spacing: 1px;
    position: relative;
    display: block;
}

.flights-typeof a{
    color: #fff;
    font-size: 0.9em;
    font-weight: 600;
    letter-spacing: 1px;
}

.flights-typeof li{
    list-style-type: none;
    display: inline;
    text-align: center;
}


.round{
    display: inline;
    padding: 5px;
    padding-left: 10px;
}

.oneway{
    display: inline;
    padding: 5px;
    padding-left: 10px;
    text-shadow: 0 2px 1px #333;
}

.trip-active{
    display: block;
    padding: 3px;
    box-sizing: border-box;
    border-radius: 3px;
}


.flight-type-txt{
    display: inline;
    text-shadow: 0 2px 1px #333;
}

input:focus::-webkit-input-placeholder {
    color: #999;
}

.flights-input-to {
    /*width: 20%;*/
    flex: 2 2 15%;
}
.flights-input-from {
    /*width: 20%;*/
    flex: 2 2 15%;

}
.flights-input-departure {
    /*width: 12%;*/
    flex: 1 1 10%;
}
.flights-input-arrival {
    /*width: 12%;*/
    flex: 1 1 10%;
}
.flights-input-adult {
    /*width: 8%;*/
    flex: 1 1 10%;
}
.flights-input-child {
    /*width: 7%;*/
    flex: 1 1 10%;
}

.flights-input-infant {
    /*width: 7%;*/
    flex: 1 1 10%;
}


.flights-search-bar-btn {
    /*width: 10%;*/
    flex: 1 1 10%;
    display: block;

}

.flights-search-bar-btn button {
   /* height: 44px;*/
    margin: auto;
    padding: 9px;
    width: 96%;

}

.flights-search-bar-btn i {
    font-size: 1.5em;
    /*position: absolute;
    top: 25%;
    right: 43%;*/
}

.flights-search-bar{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: stretch;
    background: transparent;
    margin-top: 10px;
}

.flights-search-bar li{
    margin-left: 3px;
    position: relative;
}

/******;:::::;::;TC FLIGHTS nununu cover cards:;:;::;:;:;:;*****/


#flights-indexgallery{
    margin: 20px 0px;
}


.gallery-container {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    min-height: 100%;
    -webkit-flex-wrap: row wrap;
    -ms-flex-wrap: row wrap;
    flex-wrap: row wrap;
    -webkit-flex-flow: row wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

}

.col-biggie{
    background-size: cover;
    background-position: center center;
    width: 65.5%;
    margin-left: 5px;
    margin-right: 5px;
    float: left;
    box-sizing: border-box;
    margin-top: 10px;
    position: relative;
}

.col-shortie{

    background-size: cover!important;
    background-position: center center!important;
    width: 32.3%;
    margin-left: 5px;
    margin-right: 5px;
    float: left;
    box-sizing: border-box;
    margin-top: 10px;
    position: relative;
}

.flights-gallery-country{
    min-width: 100%;
    vertical-align: middle;
    text-align: center;
}


.card-big:before{
    content: '';
    display: inline-block;
    height: 40%;
    vertical-align: middle;
}

.flights-gallery-country h3{
    font-size: 3em;
    font-weight: bold;
    display: block;
}


.card-big {
    height: 359px!important;
    -webkit-transition: hoverthecards 0.2s;
    transition: hoverthecards 0.2s;
}
.card-big:hover {
    -webkit-animation-name: hoverthecards;
    animation-name: hoverthecards;
    -webkit-animation: hoverthecards;
    -moz-animation: hoverthecards;
    -o-animation: hoverthecards;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    cursor: pointer;
}








/****;:;:;:;:;:;:::::::::::::::::::::::::  MY ACCOUNT  :::::::::::::::::::::::::::::::::::::;;:;:*******/


/* Help */

.help_txt {
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 15px;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 1rem;
}

#issue_txt label{
    font-weight: 500;
    font-size: 0.9rem;
    font-family: 'Open Sans', sans-serif;
}

#issue_txt p{
    margin-bottom: 0.9rem;
    font-family: 'Open Sans', sans-serif;
}

.help_txt2{
    font-weight: 500;
    font-size: 0.8rem;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 0.5rem;
}

#help_phones{
    font-size: 0.7rem;
    font-weight: 600;
    padding-bottom: 0.5rem;
}


#help_mail{
    padding: 1rem;
    font-size: 0.9rem;
    font-weight: 600;
}


#faq_txt{
    font-weight: 500;
    margin-bottom: 2rem;
}


#button_help_send {
    text-align: center;
    padding: 0.5rem;
    height: 100%;
    width: 20%;
}


#button_help_send i{
    font-size: 1.5rem;

}

#button_help_send_small{
    width: 100%;
}

#button_help_send_small i{
    font-size: 1.5rem;
}



/* ======== TC FLIGHTS ====== */


/* Search Results */

/*====== SEARCHBAR ===== */




#searchbar {
    padding: 0.2rem;
}


#searchbar h6{
    font-weight: 500;
    font-size: 0.7rem;
    padding-bottom: 0.2rem;
}



#search_button li{
    font-size: 0.8rem;
}


/* ===breadcrumbs==== */


/* == Filter */


.list_filter_1{
    padding-left: 2rem;
    padding-top: 1rem;
}

.list_filter_2{
    padding-left: 2rem;
    padding-top: 1rem;
}

/*====== banner left bar ===== */



#ad_l .panel{
    padding: 0.1rem !important;
}

#ad_l figure{
    display: block;
    height: auto;
}

.flights-ad-txt{
    position: absolute;
    display: block;
    background-color: darkgoldenrod;
    width: 33%;
}

.flights-ad-txt p{
    text-align: left;
    padding: 6px;
    font-size: 1em;
    font-weight: 500;
}

.flights-ad-txt-fly{
    position: absolute;
    display: block;
    width: 88%;
    bottom: 7%;
    text-align: center;
}

.flights-ad-txt-fly p{
    font-size: 1.1em;
    font-weight: 600;
}

.flights-ad-txt-price{
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
}

.flights-ad-txt-price ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    padding: 5px 0;
}

.flights-ad-txt-price h6 span{
    text-transform: uppercase;
    font-size: 0.8em;
}


/*====== sub nav filter ===== */

/* newest accordions 4 flights*/

.newest-flights-accordion{
    position: relative;
    display: block;
    overflow: hidden;
}


.newest-flights-accordion-cols-container{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.flights-accordion-txt{
    font-size: 0.7em;
    word-spacing: 1px;
    font-weight: 700;
}

.flights-accordion-planecode{
    font-size: 1.1em;
    word-spacing: 1px;
    font-weight: 700;
}

.flights-accordion-plane{
    font-size: 1.5em;
    padding: 0!important;
}


.flight-accordion-price{
    font-size: 1em;
}

.flight-accordion-button{
    background-color: red;
    padding: 5px;
    cursor: pointer;
}



.newest-flights-accordion-cols-container li{
    border: 1px solid blue;
    flex: 1 1 20%;
}

.newest-flights-accordion-cols-container .flights-accordion-col-title{
    background-color: lightskyblue;
}

.newest-flights-accordion-cols-li{
    height: 130px;
}


.flights-accordion-col-title{
    text-align: center;
    padding: 2px 0;
}

.flights-col1-info-container{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.flights-col1-info-container li{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 112px;
}


.flights-col2-info-container{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

.flights-col3-info-container{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

.flights-col3-info-container li i, .flights-col3-info-container li p{
    text-align: center;
    padding: 5px 0;
}

.flights-col2-info-container li i, .flights-col2-info-container li p{
    text-align: center;
    padding: 5px;
}

.flights-txt-right{
    text-align: right;
    padding: 5px;
}

.flights-col4-info-container li p, .flights-col5-info-container li p{
    text-align: center;
    padding: 5px 0;
}

.flights-col4-info-container li:nth-child(1){
    margin-top: 5px;
}

.flights-col5-info-container{
    position: relative;
    width: 100%;
    display: block;
    height: 100%;
}

.flights-col5-info-container li:nth-child(3){
    position: absolute;
    width: 100%;
    bottom: 13%;
}

.newest-flights-details-container{
    position: relative;
    display: block;
    border: 1px dashed black;
    text-align: right;

}

.newest-flights-details-container p{
    padding: 3px 7px;
}


.newest-flights-details-container ul{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.newest-flights-details-container li{
    flex: 1 1 20%;
    padding: 3px 0;
}

.newest-flights-details-row1{
    border: 1px dashed yellow;
    background-color: dodgerblue;
    text-align: center;
}

.newest-flights-details-row2 p{
    padding: 0 5px;
    text-align: center;
}




    /**/

/*====== SELECT BAR ===== */


#select_l{
    height: 39px;

}


#select_l p{
    font-weight: 600;
    margin-top: 13px;
    margin-bottom: 7px;

}


#select_flight p{
    font-weight: 600;
}

#select_flight{
    padding-top: 0.5rem;
}


#select_r p{
    margin-top: 13px;
    margin-bottom: 7px;
    margin-left: 25px;
}

.arrow{
    width: 0;
    height: 0;
    border-top: 19px solid transparent;
    border-bottom: 20px solid transparent;
    float: left;
    margin-left: -15px;
}

.arrowformedium{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0px 20px;
}



/* ======== */

#dates li{
    list-style-type: none;
    display: inline;
    margin-left: 3px;
}


.dates p{
    display: block;
}


.dates .thedate{
    font-size: 0.9rem;
    font-weight: 600;
    text-align: center;
}

.dates .price1{
    font-size: 0.9rem;
    font-weight: 600;
    text-align: center;
}

.dates .price2{
    font-size: 0.9rem;
    font-weight: 600;
    text-align: center;
}


.date_active{
    border: 0px !important;
}


#arrowfordates{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0px 20px;
}


/* === Accordion == */


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.container {
    margin: 0 auto;
    width: 100%;
}
.ow-accordion input {
    display: none;
}
.ow-accordion label {
    background: #f3f5f8;
    width:98%;
    height:30px;
    font-weight: 300;
    cursor: pointer;
    display: block;
    margin-bottom: .125em;
    padding: .25em 1em;
    text-align: right;
    z-index: 20;


}
.ow-accordion label:hover {
    /*    background: #99aac3;*/
}


.ow-accordion article {
    background: #f7f7f7;
    height:0px;
    overflow:hidden;
    z-index:10;
}
.ow-accordion article p {
    padding: 0.2em;
}
.ow-accordion input:checked article {
}
.ow-accordion input:checked ~ article {
    border-bottom-left-radius: .25em;
    border-bottom-right-radius: .25em;
    height: auto;
    margin-bottom: 0;
}


.ow-accordion input:checked + check-1, check-2, check-3, check-4, check-5, check-6, check-7, check-8,check-9,check-10 {
    background: #f3f5f8;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    color: #99aac3;
    margin-bottom: 0;
}


/*  Flight Details */

.container1 img{
    margin-top: 1rem;
}



.container5 {
    clear:left;
    float:left;
    width:100%;
    overflow:hidden;
    background:#fff; /* column 5 background colour */
    height: 7rem;
}
.container4 {
    clear:left;
    float:left;
    width:100%;
    position:relative;
    right:20%;
    background:#f3f5f8; /*   column 4 background colour */
    height: 7rem;
}
.container3 {
    clear:left;
    float:left;
    width:100%;
    position:relative;
    right:20%;
    background:#fff;
    height: 7rem;

}
.container2 {
    clear:left;
    float:left;
    width:100%;
    position:relative;
    right:20%;
    background:#f3f5f8; /* column 2 background colour */
    height: 7rem;
}
.container1 {
    float:left;
    width:100%;
    position:relative;
    right:20%;
    background:#fff; /* column 1 background colour */
    height: 7rem;

}
.col1 {
    float:left;
    width:16%;
    position:relative;
    left:82%;
    overflow:hidden;
    padding: 0px 5px 0px 5px;
}
.col2 {
    float:left;
    width:16%;
    position:relative;
    left:86%;
    overflow:hidden;
    padding: 0px 5px 0px 5px;
}
.col3 {
    float:left;
    width:16%;
    position:relative;
    left:90%;
    overflow:hidden;
    padding: 0px 5px 0px 5px;

}
.col4 {
    float:left;
    width:16%;
    position:relative;
    left:94%;
    overflow:hidden;
    padding: 0px 5px 0px 5px;
}
.col5 {
    float:left;
    width:16%;
    position:relative;
    left:98%;
    overflow:hidden;
    padding: 10px 5px 0px 5px;
}

.col5 .col5_line1{
    color: #4f99db;
    font-weight: 400;
    font-size: 0.9em;
    margin: 0 0 12px;

}

.col5 .col5_line2{
    color: #4f99db;
    font-size: 1.6em;
    font-weight: 700;
    margin: 5px 0 8px;

}

.col5 .col5_line3{
    font-size: 0.65em;
    margin: 10px 0 10px;
}

.flight_time{
    font-weight: 700;
    margin-top: 5px;
    font-size: 1em;
    float:right;
    display : block;
}


.flight_date{
    font-size: 0.7rem;
    float: right;
    display : block;
    margin-top: 0;
}

.flight_place{
    font-size: 0.8em;
    float: right;
    margin-top: 3px;
    display : block;
    line-height: 12px;
}

.flight_duration{
    font-weight: 700;
    margin-top: 22px;
    font-size: 1rem;
}

.flight_stops{
    font-size: 0.7rem;
    float: right;
    margin-right: 35px;;

}

.flight_panel.panel{
    background-color: #fff;
    padding: 0.1em;
}


.col2 i{
    font-size: 1.9rem;
    float: left;
    color: #99aac3;
    margin-top: 10px;
}

.col2 h6{
    float: right;
    font-size : 20px;
    margin-bottom: 0;
}

.col3 i{
    font-size: 1.9rem;
    float: left;
    color: #99aac3;
    margin-top: 10px;
}

.col3 h6{
    float: right;
    font-size : 20px;
    margin-bottom: 0;
}




.col4 h6{
    text-align: center;
    margin-top: 20px;
    font-size: 20px;
}

.col4 .flight_date{
    margin-top: 6px;
    margin-right: 35px;

}


.col5 button {
    background-color: #4f99db;
    margin-top: 0px;
    margin-bottom : 10px;
}

.col5 button:active{
    background-color: #2f2f2f;
}

/* ====inside details===== */

.container5_details {
    clear:left;
    float:left;
    width:100%;
    overflow:hidden;
    background:#fff; /* column 5 background colour */
    height: 7rem;
}
.container4_details {
    clear:left;
    float:left;
    width:100%;
    position:relative;
    right:20%;
    background:#f3f5f8; /* column 4 background colour */
    height: 7rem;
}
.container3_details {
    clear:left;
    float:left;
    width:100%;
    position:relative;
    right:20%;
    background:#f3f5f8;   /* column 3 background colour */
    height: 7rem;
}
.container2_details {
    clear:left;
    float:left;
    width:100%;
    position:relative;
    right:20%;
    background:#f3f5f8;  /* column 2 background colour */
    height: 7rem;
}
.container1_details {
    float:left;
    width:100%;
    position:relative;
    right:20%;
    background:#fff;
    height: 7rem;
}


.col1_details{
    float:left;
    width:20%;
    position:relative;
    left:80%;
    overflow:hidden;
    padding: 20px 5px 0px 5px;

}

.col1_details p{
    font-size: 0.8em;
    text-align: center;
    margin-left: 15px;
    line-height: 0.3rem;
    margin-top: 15px;

}

.col1_details i{
    font-size: 3rem;
    margin-left: 2.5rem;
    margin-top: 1rem;
}

.col2_details{
    float:left;
    width:16%;
    position:relative;
    left:86%;
    overflow:hidden;
    padding: 20px 5px 0px 5px;
}

.col2_details p{
    font-size: 0.8em;
    float: left;
    text-align: center;

}

.col2_details i{
    font-size: 2rem;
    margin-left: 2.5rem;
    margin-top: 1rem;
}


.col3_details{
    float:left;
    width:16%;
    position:relative;
    left:90%;
    overflow:hidden;
    padding: 20px 5px 0px 5px;
}


.col3_details p{
    font-size: 0.8em;
    float: left;
    text-align: center;
}

.col3_details i{
    font-size: 2rem;
    margin-left: 2.5rem;
    margin-top: 1rem;
}


.col4_details {
    float:left;
    width:16%;
    position:relative;
    left:94%;
    overflow:hidden;
    padding: 20px 5px 0px 5px;

}


.col4_details p{
    font-size: 0.7em;
    font-weight: 300;
    float: left;
    text-align: center;

}

.col4_details i{
    font-size: 2rem;
    margin-left: 2.5rem;
    margin-top: 1rem;
}


.col5_details{
    float:left;
    width:16%;
    position:relative;
    left:98%;
    overflow:hidden;
    padding: 20px 5px 0px 5px;

}


.col5_details p{
    font-size: 0.8em;
    float: left;
    text-align: center;
    line-height: 12px;

}

.col5_details i{
    font-size: 2rem;
    margin-left: 2.5rem;
    margin-top: 1rem;
}

/* ====flight 2====  */

.col5 .hidecol5 {
    color: #fff;
}

.col5 .f2_col5_line2 {
    color: #4f99db;
    font-weight: 600;
    font-size: 1.1rem;
}

.col5 .ow-bestprice{
    background-color: #4f99db;
}

.col5 #ff:active{
    background-color: #2f2f2f;
}

#dates.panel{
    background-color: #fff !important;
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
    /*padding-left: 0.1rem;
    padding-right: 0.1rem;*/
    border: 0
}

#dates ul{
    display: flex;
    text-align: center;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

#dates li{
    margin: 1px;
    border: 0px solid #c6d0df;
}

#dates_buttons .button{
    background-color: #f3f5f8;
    padding: 0.5rem;
}


#dates_buttons .button:hover{
    background-color: #ff9525;
}

#dates_buttons .button:hover .button_date{
    color: #fff;
}

#dates_buttons .button:hover .button_date_price1{
    color: #fff;
}

#dates_buttons .button:hover .button_date_price2{
    color: #fff;
}

#dates_buttons .button_date{
    font-size: 0.7rem;
    color: #243547;
    font-weight: 700;
    text-align: center;
}



#dates_buttons .button_date_price1{
    color: #4f99db;
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
    display : block;
}

#dates_buttons .button_date_price2{
    color: #666;
    font-size: 0.6rem;
    font-weight: 600;
    text-align: center;
}


#load_more{
    text-align: center;
    font-size: 2rem;
    color: #99aac3;
    padding-bottom: 0.5rem;
}


/* ====== FLIGHTS INDEX==== */

#searchbar_index {
    padding: 0.2rem;
}

/* === Orbit === */


.orbit-container{
    height: 60%;
    width: 100%;
}

ul.orbit-ul, li.orbit-item
{
    height: 450px;
}

li.orbit-item-1
{
    background: url(../img/flight_slide1.jpg) no-repeat center;
    background-size: cover;
}

.orbit-item-1 h4{
    font-size: 6rem;
    text-align: center;
    font-weight: 700;
    margin-top: 7rem;
}

.orbit-caption{
    background-color: rgba(36, 53, 71, 0.9) !important;
}



.flight_type li{
    list-style-type: none;
    display: inline;
    margin-left: 2rem;
}

.choosetype{
    font-size: 0.9rem;
}



#typeflight{
    padding: 0.3rem;
    font-weight: 500;
    background: none;
}



/* main */

#flights_main{
    top: auto;
}

#flights_main_row1{
    margin-bottom: 1rem;
}

#flights_main_row2{
    margin-bottom: 1rem;
}



.headlineorbit1 h2{
    float: right;
    margin-top: 150px;
}


/* ==== FLIGHTS RETURN ==== */

#departureinfo{
    padding: 2px 0;
}

#departureinfo_columns{
    padding: 2px 0;
}

.departure_txt{
    font-weight: 700;
}

.airport_name{
    font-size: 1.3rem;
    font-weight: 700;
    text-align: center;
}

.airport2, airport1 li{
    text-align: center;
}

.flight_code {
    margin : 0;
}
.ow-currency {
    font-size:0.7rem;
}

.departure_airport1 {
    text-align: center;
}

.airport_hour{
    font-weight: 500;
    font-size: 0.8rem;
}


#departure_row4{
    text-align: center;
    padding: 1rem;
}

.departure_passengers{
    font-size: 1rem;
    font-weight: 400;
}

#fares{
    margin-bottom: 1rem;
    margin-top: 0;
    padding: 0.5rem;
    line-height: 25px;
}


#returninfo{
    padding: 2px;
}

#returninfo_columns{
    padding: 2px;
}



#passengernumber p{
    font-size: 1rem;
    font-weight: 400;
}

#passengernumber{
    margin-bottom: 0.5rem;
}

#stops p{
    font-size: 0.7rem;
    font-weight: 600;
    margin-top: 4px;;
    padding: 0;
}

#stops li{
    list-style-type: none;
}

#flight_title{
    font-size: 0.7rem;
    font-weight: 600;
}


.return_arrow{
    margin-top: 15px;
    text-align: center !important;
}

.return_date{
    font-weight: 600;
    font-size: 0.7em;
    float: right;
}

.return_text{
    font-weight: 600;
    font-size: 0.7em;
    float: left;
}


#fares p{
    font-size: 0.9rem;
    font-weight: 500;
    margin: 0.4rem;

}


.airport1{
    margin:10px 0 0;
}

.airport2{
    margin:10px 0 0;
}


#fares{
}

.total_amount {
    font-size: 1rem !important;
    float: left;
    font-weight: 600 !important;
}


.total_text{
    float: left;
}


#continue_button{
    margin-top: -16px !important;
}

#continue_button button{
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}


/* flight return colsnu */

.flight_port{
    font-weight: 600;
    font-size: 1.5em;
    margin-top: 15px;
    margin-left: 15px;
}


/* ===== FLIGHTS  DETAILS ====== */

#details_title{
    height: 50px;
    padding: 1rem;
    margin-bottom: 20px;
}

#details_title p{
    font-size: 1rem;
    font-weight: 700;
}

#details_left_panel label{
    font-size: 0.8rem;
    font-weight: 600;
    padding-bottom: 0.5rem !important;
}


#title_label p{
    margin-bottom: 0.5rem;
}

#name_title p{
    margin-bottom: 0.5rem;
}

#middle_title p{
    margin-bottom: 0.5rem;
}

#last_title p{
    margin-bottom: 0.5rem;
}

#passenger_title p{
    margin-bottom: 0.5rem;
}

#genre_title p{
    margin-top: 0.5rem;
}

#assistance_option{
    text-align: center;
    padding-top: 0.8rem;
}


#holder_title h3{
    font-weight: 700;
    margin-left: 1rem;
}

.holder_title h3{
    font-size: 1em!important;
    margin-bottom: 10px!important;
}

#email_title p{
    margin-bottom: 0.5rem;
}

#trip_title h3{
    margin-left: 1rem;
    font-weight: 700;
}

.trip_title h3{
    font-size: 1em !important;
    margin-bottom: 10px !important;
}

#trip_title p{
    margin-left: 1.7rem;
    font-weight: 600;
}



#trip_title ul{
    margin-left: 1.7rem;
    margin-top: 0.5rem;
}

#trip_title li{
    list-style-type:disc;
    margin-left: 1.7rem;
    padding-bottom: 0.3rem;
    font-size: 0.8rem;
}

#insurance_option{
    margin-top: 15px;
    margin-bottom: 15px;
}

#insurance_option label{
    font-size: 0.9rem;
    font-weight: 600;
}

#insurance_option{
    padding: 1rem 0 0rem 1.9rem;
}

#refund_period{
    padding: 1.5rem;
    font-size: 0.7rem;
}

#trip_summary{
    padding: 0.5rem;
}

#trip_summary h6{
    font-size: 0.8rem;
    font-weight: 600;
}

#trip_summary p{
    font-size: 0.8rem;
    font-weight: 600;
}

#trip_summary i{
    margin: 5px;
}

#departureinfo_columns{
    padding: 2px;
}


#returninfo_columns{
    padding: 2px;
}

#need_assistance_panel{
    padding: 1rem;
    margin-bottom: 20px;
}

#need_assistance_panel h3{
    font-weight: 700;

}

#need_assistance_panel h5{
    font-size: 0.9rem;
}

#need_assistance_panel h4{
    font-weight: 700;
    font-size: 0.9rem;
}

#need_assistance_panel p{
    font-size: 0.7rem;
}


/* =====404==== */

li.orbit-item-404{
    background: url(../img/map+404.png) no-repeat center;
    background-size: cover;
}

.orbit-container{
    height: 60%;
    width: 100%;
}

ul.orbit-ul-404, li.orbit-item-404{
    height: 575px;
    margin-top: -1.1rem;
}


ul.orbit-ul-404, li.orbit-item-404 img{
    text-align: center;

}



.orbit-item-404 h4{
    font-size: 1.5rem;
}

.orbit-item-404 h3{
    font-size: 2rem;
    font-weight: 600;
    padding: 1rem;
}

.orbit-item-404 a{
    text-decoration: underline;
}

/* ======= Flights panelss======= */

.flight_panel_f1.panel{
    padding: 0.1rem;
}

.flight_panel_f2.panel{
    padding: 0.1rem;
}

.flight_panel_f3.panel{
    padding: 0.1rem;
}

.flight_panel_f4.panel{
    padding: 0.1rem;
}

.flight_panel_f5.panel{
    padding: 0.1rem;
}

.flight_panel_f6.panel{
    padding: 0.1rem;
}

.flight_panel_f7.panel{
    padding: 0.1rem;
}

/* == flight details == */



.flight_details_title{
    font-size: 0.8rem;
    margin-top: 0.5em;
}


ul.title-area a{
    font-weight: 700 !important;
}

.departureinfo-list li{
    display: inline;
}

.departureinfo-list{
    list-style-type: none;
}

.returninfo-list{
    list-style-type: none;
}

.returninfo-list li{
    display: inline;
}

.flights-confirmation-book h1{
    font-size: 1.2em;
    font-weight: 500;
    margin-left: 10px;
    padding: 5px;
}
.flights-confirmation-book p{
    font-size: 0.9em;
    font-weight: 300;
    line-height: normal;
}


/*:;:;:;;:;:;:;:;:----  FLIGHTS NU DATE CARDS  ----:;:;:;:;:;:;:;:;:;:;:;:;:;*/


.flights-searchresults-cards{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-justify-content:space-around;
    -ms-flex-pack:distribute;
    justify-content:space-around;
    margin-bottom: 10px;

}

.flights-searchresults-dates{
    width: 13.8%;
    height: auto;
    margin: auto;
    text-align: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    display: table-row;
    padding: 5px 0;
    overflow: hidden;
}

.flights-searchresults-container{
    display:block;
    position: initial;
}

.flights-searchresults-dates p, .flights-searchresults-dates h3 {
    align-self: center;
    word-wrap:break-word;

}


.flights-searchresults-dates-date{
    font-size: 0.8em;
    font-weight: 700;
    margin-bottom: 0 !important;
    margin-top: 5px;
    line-height: 5px !important;
}

.flights-searchresults-dates-date span{
    font-size: 0.7em;
    font-weight: 600;
}

.flights-searchresults-dates-price1:before{
    font-family: 'OpenSans';
    content: "$";
    margin-right: 2px;
}

.flights-searchresults-dates-price2:before{
    font-family: 'OpenSans';
    content: "$";
    margin-right: 2px;
}


.flights-searchresults-dates-price1{
    font-size: 1em;
    font-weight: 700;
    padding: 5px 0;
}

.flights-searchresults-dates-price1 span{
    font-size: 0.5em;
}

.flights-searchresults-dates-price2{
    font-size: 0.7em;
    font-weight: 600;
    margin: 0 !important;
    margin-bottom: 5px !important;
    line-height: 2px !important;
}

.flights-searchresults-dates-price2 span{
    font-size: 0.5em;
}


/*:;:;:;;:;:;:;:;:----  END FLIGHTS NU DATE CARDS  ----:;:;:;:;:;:;:;::;*/

.nuflights-paymentresponse-panel{
    background-color: #f3f5f8;

}

.nuflights-paymentresponse-right-title{
    background-color: #243547;
}

.nuflights-paymentresponse-right-title p{
    color: #f3f5f8;
    padding: 8px;
    font-size: 0.9em;
    font-weight: 600;
}

.nuflights-paymentresponse-right-container{
    position: relative;
    display: block;
    padding: 5px;
    border-left: 1px solid #c6d0df;
    border-right: 1px solid #c6d0df;
}

.nuflights-paymentresponse-right-container ul{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
}

.nuflights-paymentresponse-right-container li{
    flex: 1 1 50%;
}

.nuflights-paymentresponse-right-container li:nth-child(2){
    text-align: right;
}

.nuflights-paymentresponse-right-container span{
    color: #243547;
    font-weight: 600;
}

.nuflights-paymentresponse-right-container p{
    margin: 5px 0;
}

.nuflights-paymentresponse-right-container li:nth-child(1) p:after{
    content: ':';
}

.nuflights-paymentresponse-right-container li:nth-child(2) p:before{
    content: '';
}

.nuflights-paymentresponse-right-container hr{
    margin: 0;
    margin-bottom: 8px;
    padding: 0;
}

.nuflights-paymentresponse-right-total{
    font-size: 1.3em;
    font-weight: bold;
    margin: 10px 0;
}

.nuflights-paymentresponse-right-total em{
    text-transform: uppercase;
    font-size: 0.8em;
    margin: 0 1px;
}

.nuflights-paymentresponse-right-container em{
    text-transform: uppercase;
    font-size: 0.8em;
    margin: 0 1px;
}

.nuflights-paymentresponse-button{
    background-color: #4f99db;
    text-align: center;
    cursor: pointer;
}

.nuflights-paymentresponse-button p{
    color: #f3f5f8;
    padding: 15px 0;
    font-weight: 600;
    font-size: 1em;
}

.nuflights-paymentresponse-table th{
    font-weight: bold;
}

.nuflights-xtraservice td{
    vertical-align: top;
    margin: 0;
    padding: 0 0 0 15px;
}

.nuflights-xtraservice td:nth-child(2){
    text-align: left;
}

.nuflights-xtraservice b{
    font-weight: bold;
}

.nuflights-xtraservice i{
    font-size: 0.8em;
}

/*:;:;:;:;:;:;;;:;:;:;::;:;:;:::MY ACCOUNT >>>>> RESERVATIONS:;::;:;:;:;:;:;:;:;:;:;:;:;:*/

.hidden {
    display: none;
}

.profile-reservations-panel-hotel{
    display: block;
    background-color: #f3f5f8;
    border: 1px solid rgba(0,0,0,0.3);
    padding: 15px;
    margin: 10px 0;
}

.profile-reservations-panel-hotel li{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.profile-reservations-panel-hotel p{
    font-size: 0.9em;
    font-weight: 500;
    line-height: normal;
}

.panel-reservations-hotel-row1-col3 h4{
    font-size: 1em;
    font-weight: 700;
}

.panel-reservations-hotel-row1-col3 h3{
    font-size: 1.6em;
    font-weight: 700;
}

.panel-reservations-hotel-row1-col2 h2{
    font-size: 1.3em;
    font-weight: 700;
    display: block;
}

.panel-reservations-hotel-row1-col2 ul{
    display: block;
}

.panel-reservations-hotel-row1-col2 li{
    display: inline;
    text-align: left;
    margin: 0;
    padding: 0;
}

.profile-reservations-hotel-location p{
    font-size: 0.9em;
    font-weight: 500;
}


.profile-reservations-details-txt {
    display: inline-block;
}

.profile-reservations-panel-hotel-row1{
    display: block;
    padding: 10px 0px;
}

.profile-reservations-panel-hotel-row2{
    display: block;
    padding: 10px 0px;
}

.profile-reservations-panel-hotel-row1, .profile-reservations-panel-hotel-row2 {
    margin: 0;
    padding: 0;

}

.reservations-card-stars i{
    color: orange;
}

.panel-reservations-hotel-row2-col1 span{
    font-weight: 700;
}

.panel-reservations-hotel-row3-col2{
    margin-top: 5px;
}

.panel-reservations-hotel-row3-col3{
    margin-top: 0;
}

.reservations-card-stars{
    margin: 0;
    padding: 0;
}


.panel-reservations-hotel-row3-col1 p{
    font-size: 1.3em;
    font-weight: 700;
    display: block;
}

.panel-reservations-hotel-row3-col1 span{
    font-size: 0.9em;
}

.panel-reservations-hotel-row3-col3 p{
    border-radius: 10px;
    margin: 0;
    padding: 3px 7px;
    display:inline-block;

}

/*:;:;:;:;:;:;END RESERVATION CARDS FOR HOTELS:;:;:;:;:;:;:*/

/*:;:;:;:;:;:;RESERVATION CARDS FOR CARS:;:;:;:;:;:;:*/

.profile-reservations-panel-car{
    display: block;
    background-color: #f3f5f8;
    border: 1px solid rgba(0,0,0,0.3);
    padding: 15px;
    margin: 10px 0;
}


.profile-reservations-panel-car li{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.profile-reservations-panel-car p{
    font-size: 0.9em;
    font-weight: 500;
    line-height: normal;
}

.panel-reservations-car-row1-col3 h4{
    font-size: 0.9em;
    font-weight: 300;
    color: #99aac3 !important;
}

.panel-reservations-car-row1-col3 h3{
    font-size: 1.5em;
    font-weight: 700;
}

.panel-reservations-car-row1-col2 h2{
    font-size: 1.3em;
    font-weight: 700;
    display: block;
}

.panel-reservations-car-row1-col2 ul{
    display: block;
}

.panel-reservations-car-row1-col2 li{
    display: inline;
    text-align: left;
    margin: 0;
    padding: 0;
}

.profile-reservations-car-location p{
    font-size: 0.9em;
    font-weight: 500;
}

.profile-reservations-details-txt {
    display: inline-block;
}

.profile-reservations-panel-car-row1{
    display: block;
    padding: 10px 0px;
}

.profile-reservations-panel-car-row2{
    display: block;
    padding: 10px 0px;
}

.profile-reservations-panel-car-row1, .profile-reservations-panel-car-row2 {
    margin: 0;
    padding: 0;

}

.panel-reservations-car-row2-col1 p{
    font-size: 0.9em;
    font-weight: 500;
}

.panel-reservations-car-row2-col1 span{
    font-weight: 700;
}


.reservations-card-stars i{
    color: orange;
}

.panel-reservations-car-row3-col2{
    margin-top: 5px;
}

.panel-reservations-car-row3-col3{
    margin-top: 5px;
}

.reservations-card-stars{
    margin: 0;
    padding: 0;
}


.panel-reservations-car-row3-col1 p{
    font-size: 1.3em;
    font-weight: 700;
    display: block;
}

.panel-reservations-car-row3-col1 span{
    font-size: 0.9em;
}

.panel-reservations-car-row3-col3 p{
    border-radius: 10px;
    margin: 0;
    padding: 3px 7px;
    display:inline-block;

}


/*:;:;:;:;:;:;END RESERVATION CARDS FOR CARS:;:;:;:;:;:;:*/

/*:;:;:;:;:;:;RESERVATION CARDS FOR FLIGHTS:;:;:;:;:;:;:*/



.profile-reservations-panel-flights li{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.profile-reservations-panel-flights p{
    font-size: 0.9em;
    font-weight: 500;
    line-height: normal;
}

.panel-reservations-flights-row1-col3 h4{
    font-size: 1em;
    font-weight: 700;
}

.panel-reservations-flights-row1-col3 h3{
    font-size: 1.6em;
    font-weight: 700;
}

.panel-reservations-flights-row1-col2 h2{
    font-size: 1.3em;
    font-weight: 700;
    display: block;
}

.panel-reservations-flights-row1-col2 ul{
    display: block;
}

.panel-reservations-flights-row1-col2 li{
    display: inline;
    text-align: left;
    margin: 0;
    padding: 0;
}

.profile-reservations-flights-location p{
    font-size: 0.9em;
    font-weight: 500;
}



.profile-reservations-details-txt {
    display: inline-block;
}

.profile-reservations-panel-flights-row1{
    display: block;
    padding: 10px 0px;
}

.profile-reservations-panel-flights-row2{
    display: block;
    padding: 10px 0px;
}

.profile-reservations-panel-flights-row1, .profile-reservations-panel-flights-row2 {
    margin: 0;
    padding: 0;

}

.reservations-card-stars i{
    color: orange;
}

.panel-reservations-flights-row3-col2{
    margin-top: 5px;
}

.panel-reservations-flights-row3-col3{
    margin-top: 5px;
}

.reservations-card-stars{
    margin: 0;
    padding: 0;
}


.panel-reservations-flights-row3-col1 p{
    font-size: 1.3em;
    font-weight: 700;
    display: block;
}

.panel-reservations-flights-row3-col1 span{
    font-size: 0.9em;
}

.panel-reservations-flights-row3-col3 p{
    border-radius: 10px;
    margin: 0;
    padding: 3px 7px;
    display:inline-block;

}

.panel-reservations-flights-row3-col3 a{
    color: white;
}




/*:;:;:;:;:;:;END RESERVATION CARDS FOR FLIGHTS:;:;:;:;:;:;:*/


/***:;:;:;:;:;:;:;: --RESERVATION DETAILS-- ;:;:;:;:;:;:;:;:;:;***/

.reservationdetails-reservnumber{
    height: 50px;
    margin-bottom: 10px;
    text-align: center;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}

.reservationdetails-reservnumber h4{
    font-size: 1.3em;
    font-weight: 700;
}

#reservationdetails-title{
    height: 50px;
    padding: 1rem;
}

#reservationdetails-title p{
    font-size: 1rem;
    font-weight: 700;
}

#reservationdetails-title h3{
    font-size: 1rem;
    font-weight: 700;
}

#reservationdetails-need_assistance_panel{
    padding: 1rem;
    margin-bottom: 20px;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}

#reservationdetails-need_assistance_panel h3{
    font-weight: 700;
    padding: 5px 0;
    display: block;
    font-size: 1.2em;
}

#reservationdetails-need_assistance_panel h5{
    font-size: 0.8em;
    padding: 5px 0;
    display: block;
}

#reservationdetails-need_assistance_panel h4{
    font-weight: 700;
    font-size: 0.9em;
    padding: 5px 0;
    display: block;
}

#reservationdetails-need_assistance_panel p{
    font-size: 0.7rem;
    display: block;
}


.reservationdetails-slim-p{
    font-weight: 500!important;
    font-size: 0.9em!important;
}

.reservationdetails-carsdetails-p{
    font-size: 0.8em !important;
}






/***:;:;:;:;:;:;:;: -- END RESERVATION DETAILS-- ;:;:;:;:;:;:;:;:;:;***/


/*;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:; **** ASAP WEEKS  ****  :;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:*/

.k-hide{
  display: none;
}

.asapwks-requestp-container{
    width: 100%;
    position: relative;
    box-sizing: border-box;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
}

.asapwks-requestp-col-l{
    flex: 1 1 auto;
    padding: 0;
    margin: 10px 10px 10px 0;
    width: 67%;
    float: left;
    box-sizing: border-box;
    position: relative;

}


.asapwks-requestp-col-r{
    width: 30%;
    flex: 1 1 auto;
    margin: 10px 0;
    float: left;
    box-sizing: border-box;

    position: relative;


}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.asapwks-reservation-details{
    margin: 0;
    padding: 0;
}

#asapwks-reservation-details-cols{
    width: 100%;
    position: relative;
    box-sizing: border-box;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
}


.asapwks-reservation-details h4{
    /*padding: 0 10px;*/
}

.asapwks-separeitor{
    content: '';
    height: 1px;
    width: 50%;
    position: absolute;

}

.asapwks-reservation-details-col-l{
    flex: 1 1 40%;
}

.asapwks-reservation-details-col-l img{
    padding: 15px;
}


.asapwks-reservation-details-col-r{
    flex: 2 2 45%;
    margin-top: 15px;
}

.asapwks-reservation-details-col-r h6{
    padding: 10px 0;
    font-size: 0.9em;
}

.asapwks-reservation-details-resort-details{
    padding: 10px 0;
}

.asapwks-reservation-details-resort-details li{
    flex: 1 1 100%;
    margin-bottom: 15px;
}

.asapwks-reservation-details-resort-details ul:nth-child(2){
    margin-left: 25px;
}


.asapwks-reservation-details-resort-details ul{
    padding: 10px 0;

}

.asapwks-reservation-details-resort-details ul p{
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 0.9em;
}

.asapwks-reservation-details-resort-details ul p span{
    font-weight: 700;
}

.asapwks-holder-info{
    margin-top: 10px;

}

#asapwks-holder-info-cols{
    width: 100%;
    position: relative;
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
    flex-direction: row;
    flex-wrap: wrap;
    box-sizing: border-box;
    justify-content: center;
    align-content: center;
    padding-top: 15px;
}

.asapwks-reservation-details-resort-details{
    width: 100%;
    position: relative;
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
    flex-direction: row;
    flex-wrap: wrap;
    box-sizing: border-box;
    justify-content: flex-start;
    align-content: flex-start;
    padding-top: 15px;
}

.asapwks-reservation-details-resort-details ul{
    display: inline-block;
    margin: 0;
    align-items: center;
}


#asapwks-holder-info-cols ul{
    flex: 1 1 100%;
    display: flex;
    margin: auto;
    align-items: center;
}

.asapwks-holder-info h4{
    padding: 0 10px;
}

.asapwks-holder-info{
    margin: 0;
    padding: 0;
    margin-top: 10px;
}

.asapwks-holder-info ul{
    padding: 10px;
}

.asapwks-holder-info ul p{
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 0.9em;
    margin-bottom: 5%;
}

.asapwks-holder-info ul p span{
    font-size: 0.8em;
}

.asapwks-holder-info ul li{
    display: block;
    margin-left: 10px;
    margin-right: 10px;
    text-align: left;
    width: 50%;
}

.asapwks-total-price{
    font-size: 1.1em!important;
    font-weight: 700!important;
}

.asapwks-total-price span{
    font-size: 1.3em!important;
    vertical-align: 0!important;
}

/*
.asapwks-total-price span:before{
    font-family: 'FontAwesome';
    content: '\f155';
    margin-right: 5px;
}
*/

.asapwks-callus{
    border-style: double;
    border-width: 6px;
    padding: 10px 5px;
    display: flex;
    flex-direction: column;
    flex-flow: wrap;
    justify-content: center;
    align-content: center;
    text-align: center;
    overflow: hidden;
}

.asapwks-callus ul{
    display: contents;
    width: 100%;
}

.asapwks-callus h5{
    font-size: 3vmin;
    font-weight: 700;
    display: inline-block;
    padding: 5px 0;
}

.asapwks-callus h6{
    font-size: 2vmin;
    font-weight: 500;
    display: inline-block;
    margin: 10px 0!important;
}

.asapwks-callus i{
    border-radius: 50%;
    padding: 5px;
}

.asapwks-callus p{
    font-size: 1em;
    font-weight: 300;
    display: inline-block!important;
}


/*:;:;:MODAL MODAL MODAL;:;:*/

/* top */

.modalAsap {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity:1;
    pointer-events: auto;
    z-index: 99999;
    animation-name: modalAsap-in;
    animation-duration: 0.5s;
    text-align: center;
}

.modalAsap-loading {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity:1;
    pointer-events: auto;
    z-index: 99999;
    animation-name: modalAsap-in;
    animation-duration: 0.5s;
    text-align: center;
}


.modalAsap .hidden{
    pointer-events: none;
    opacity:0;
}


.modalAsap-loading .hidden{
    pointer-events: none;
    opacity:0;
}

.modalAsap > div {
    width: 450px;
    position: relative;
    margin: 13% auto;
    padding: 5px 20px 13px 20px;
    border-radius: 2px;
    height: auto;
    -moz-box-shadow: 0px 2px 5px #333;
    -webkit-box-shadow: 0px 2px 5px #333;
    box-shadow: 0px 2px 5px #333;
    animation-name: modal-in;
    animation-duration: 0.8s;
}

.modalAsap-loading > div {
    width: 450px;
    position: relative;
    margin: 13% auto;
    padding: 5px 20px 13px 20px;
    border-radius: 2px;
    background: transparent;
    height: auto;
    animation-name: loadingmodal-in;
    animation-duration: 0.8s;
    display: flex;
    flex-direction: column;
}


.modalAsap p{
    line-height: 120%;
    margin: 10px 0;
    font-size: 1em;
    font-weight: 500;

}

.modalAsap p span{
    font-style: italic;
    font-weight: 700;
}


.modalAsap h2{
    margin-top: 10px!important;
    font-size: 1.3em;
    font-weight: 600;
    margin-bottom: 5px;
}

.asapwks-finalize-button {
    margin: 10px!important;
    padding: 10px 35px!important;

}

@keyframes modal-in{
    from{transform: translateY(-200px)}
    to{transform: translateY(0px)}
}

@keyframes modal-in{
    0%{opacity: 0}
    100%{opacity: 1}
}

@keyframes modalAsap-in{
    from{opacity: 0}
    to{opacity: 1}
}



/*bottom*/
.asapwks-ol-logo{
    background: transparent;
    position: absolute;
    top: 15%;
    left: 30%;
    width: 40%;
    height: 100%;
    opacity: 0;
    z-index: 999;

}

@keyframes ol-logo-in {
    0%{opacity: 0}
    100%{opacity: 1}
}

.asapwks-ol-logo-anim{
    opacity: 0;
    background: transparent;
    position: absolute;
    top: 15%;
    left: 30%;
    width: 40%;
    height: auto;
    z-index: 999;

    animation-name: ol-logo-in;
    animation-duration: 0.8s;
    animation-delay: 3.2s;
    transition-timing-function: ease-in;
    transform-origin: center center;
    animation-fill-mode: forwards;
}


.asapwks-response-icons-container-anim{
    animation-name: border-anim;
    animation-duration: 3.2s;
    transition-timing-function: ease-in;
    animation-fill-mode: forwards;
}

@keyframes border-anim{
    0%{border-bottom: 0px solid white;}
    25%{border-bottom: 2px solid #99aac3;}
    70%{border-bottom: 2px solid #99aac3;}
    100%{border-bottom: 0px solid white;}
}

.nvloup{
    opacity: 0;
}

.nvloup-anim{
    opacity: 0;
    animation-name: animname;
    animation-duration: 1s;
    animation-delay: 0.8s;
    transition-timing-function: ease-out;
}


@keyframes animname{
    0%{transform: translateY(-120px);opacity: 0}
    100%{transform: translateY(120px);opacity: 1}
}

.peiper-plein{
    opacity: 0;
}

.peiper-plein-anim{
    opacity: 0;
    animation-name: peiper-in;
    animation-duration: 2s;
    animation-delay: 1.8s;
    transition-timing-function: ease-out;
    transform-origin: top right;
}


@keyframes peiper-in{
    0%{transform: translateY(120px);opacity: 0}
    50%{transform: translateY(0px);opacity:1;transform:scale(1);}
    60%{transform: scale(1.2)}
    95%{transform: scale(0)}

}


#nvloop{
    -moz-box-shadow: 0px 2px 5px #333;
    -webkit-box-shadow: 0px 2px 5px #333;
    box-shadow: 0px 2px 5px #333;
}

#nnvvlloopp{
    -webkit-perspective: 150px; /* Chrome, Safari, Opera  */
    perspective: 160px;
    perspective-origin: top left;
}

#stampy{
    opacity: 0;
    animation-name: stampy-anim;
    animation-duration: 1s;
    animation-delay: 1.3s;
    perspective-origin: center;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}

@keyframes stampy-anim{
    0%{transform: scale(0);opacity: 0}
    50%{transform: scale(1.5);opacity: 1}
    100%{transform: scale(1);opacity: 1}
}

#nvloop-lid{
    animation-name: nvloop2-anim;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
}

@keyframes nvloop2-anim{
    0%{transform: rotateX(75deg)}
    100%{transform: rotateX(0)}
}

.dots{
    content: '';
    width: 1em;
    height: 1em;
    border-radius: 50%;
    animation-name: dots-anim;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction:normal;
    transition-delay: 0.8s;

}

.thedots li{
    display: inline-block;
    margin: 10px;
}

.thedots {
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
}


@keyframes dots-anim{
    0%{transform: scale(0.8); }
    50%{transform: scale(1.2)}
    100%{transform: scale(0.8);}
}

@-webkit-keyframes dots-anim{
    0%{transform: scale(0.8); }
    50%{transform: scale(1.2)}
    100%{transform: scale(0.8);}
}
@-o-keyframes dots-anim{
    0%{transform: scale(0.8); }
    50%{transform: scale(1.2)}
    100%{transform: scale(0.8);}
}

@-moz-keyframes dots-anim{
    0%{transform: scale(0.8); }
    50%{transform: scale(1.2)}
    100%{transform: scale(0.8);}
}

.delay1{
    animation-delay: 0.2s;
}

.delay2{
    animation-delay: 0.4s;
}

#loadingModal p{
    font-size: 1em;
    font-weight: 600;
    font-family: 'Open Sans';
    line-height: 130%;
    letter-spacing: 1px;
}

.asapwks-reservation-confirmation-list{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    text-align: center;
}

.asapwks-reservation-confirmation-list li{
    flex: 1 1 100%;
    text-align: center;
}

.asapwks-reservation-confirmation-list h2 span{
    font-weight: 700;
}

.asapwks-reservation-confirmation-list p{
    margin: 5px 0 !important;
}


.asap-anim-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    background-size: 100% auto;
    height: 100px;
    transform: translateZ(0);
    backface-visibility: hidden;
    perspective: 1000px;

}

.asap-anim{
    background: url('https://s3.amazonaws.com/itadevelopers-assets/Logos/sent_anim.svg') no-repeat;
    width: 150px;
    height: 100px;
    opacity: 0.8;
    animation: asap-anim-anim 1.7s steps(20) forwards;
    animation-delay: 0.7s;

}

@keyframes asap-anim-anim {
    0%{background-position: 0 0;}
    100% {background-position: 0 -2000px;}
}

@-webkit-keyframes asap-anim-anim {
    0%{background-position: 0 0;}
    100% {background-position: 0 -2000px;}
}

@-o-keyframes asap-anim-anim {
    0%{background-position: 0 0;}
    100% {background-position: 0 -2000px;}
}

@-moz-keyframes asap-anim-anim {
    0%{background-position: 0 0;}
    100% {background-position: 0 -2000px;}
}

.loading-logo-anim-container{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    background-size: 100% auto;
    height: 100px;
    transform: translateZ(0);
    backface-visibility: hidden;
    perspective: 1000px;
    margin: 10px 0;
}

.logo-anim-logo{
    /*background: url('https://s3.amazonaws.com/itadevelopers-assets/Logos/ol-logo-loading-anim1.svg') no-repeat;*/
    width: 100px;
    height: 100px;
    opacity: 0.8;
    animation: loading-logo-anim 1s steps(12) infinite;
}

@keyframes loading-logo-anim{
    0%{background-position: 0 0;}
    100%{background-position: 0 -1200px;}
}

@-webkit-keyframes loading-logo-anim{
    0%{background-position: 0 0;}
    100%{background-position: 0 -1200px;}

}@-moz-keyframes loading-logo-anim{
     0%{background-position: 0 0;}
     100%{background-position: 0 -1200px;}

 }@-o-keyframes loading-logo-anim{
      0%{background-position: 0 0;}
      100%{background-position: 0 -1200px;}
  }


                /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> JB WEEKS <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/


#jbweeks-search-form span.twitter-typeahead{
    display: block!important;

}

input.tt-hint{
    visibility: hidden!important;
}

p.repo-name{
    padding: 0 !important;
}


/*
.jbwks-search-btn{
    margin-top: 8px;
}
*/
/*:;:;:;:;*/

.jbwks-room4-adults{
    flex: 2 2 auto!important
}

.jbwks-room4-children{
    flex: 2 2 auto!important
}

.jbwks-room4-child1{
    flex: 1 1 auto!important
}

.jbwks-room4-child2{
    flex: 1 1 auto!important
}

.jbwks-room4-child3{
    flex: 1 1 auto!important
}

.jbwks-room4-child4{
    flex: 1 1 auto!important
}


.jbwks-room4-container input[type=number] {
    flex: 2 0 100%;
    font-size: 1em;
    font-weight: 600;
    height: auto;
}


.jbwks-room4-container-children legend {
    font-size: 0.6em;
    font-weight: 500;
    padding-bottom: 3px;
    margin-top: 8px;
}

.jbwks-room4-container-children select {
    width: 97% !important;
    margin-left: 0 !important;
}

.jbwks-room4-container-children{
    width: 94%;
    box-sizing: border-box;
    position: relative;
    margin-left: 10px;
    float: left;
    border-radius: 0;
    height: auto;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0 5px;
}



.jbwks-room4-container select {
    margin-left: 1px !important;
    border: none !important;
}

.jbwks-room4-container legend {
    font-size: 0.6em;
    font-weight: 500;
    padding-bottom: 3px;
}

.jbwks-room4-container {
    width: 94%;
    margin-left: 10px;
    box-sizing: border-box;
    position: relative;
    float: left;
    border-radius: 0;
    height: auto;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    padding: 5px 5px 0 5px;
}

/*:_:_:_:_:_:_:  Room 4    _:_:_:_:_:_:*/



.jbwks-room3-adults{
    flex: 2 2 auto!important
}

.jbwks-room3-children{
    flex: 2 2 auto!important
}

.jbwks-room3-child1{
    flex: 1 1 auto!important
}

.jbwks-room3-child2{
    flex: 1 1 auto!important
}

.jbwks-room3-child3{
    flex: 1 1 auto!important
}

.jbwks-room3-child4{
    flex: 1 1 auto!important
}


.jbwks-room3-container input[type=number] {
    flex: 2 0 100%;
    font-size: 1em;
    font-weight: 600;
    height: auto;
}

.jbwks-room3-container-children legend {
    font-size: 0.6em;
    font-weight: 500;
    padding-bottom: 3px;
    margin-top: 8px;
}

.jbwks-room3-container-children select {
    width: 97% !important;
    margin-left: 0 !important;
}

.jbwks-room3-container-children{
    width: 94%;
    box-sizing: border-box;
    position: relative;
    margin-left: 10px;
    float: left;
    border-radius: 0;
    height: auto;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0 5px;
}


.jbwks-room3-container select {
    margin-left: 1px !important;
    border: none !important;
}

.jbwks-room3-container legend {
    font-size: 0.6em;
    font-weight: 500;
    padding-bottom: 3px;
}

.jbwks-room3-container {
    width: 94%;
    margin-left: 10px;
    box-sizing: border-box;
    position: relative;
    float: left;
    border-radius: 0;
    height: auto;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    padding: 5px 5px 0 5px;
}

/*:_:_:_:_:_:_:  Room 3    _:_:_:_:_:_:*/

.jbwks-room2-adults{
    flex: 2 2 auto!important
}

.jbwks-room2-children{
    flex: 2 2 auto!important
}

.jbwks-room2-child1{
    flex: 1 1 auto!important
}


.jbwks-room2-child2{
    flex: 1 1 auto!important
}

.jbwks-room2-child3{
    flex: 1 1 auto!important
}

.jbwks-room2-child4{
    flex: 1 1 auto!important
}


.jbwks-room2-container input[type=number] {
    flex: 2 0 100%;
    font-size: 1em;
    font-weight: 600;
    height: auto;
}

.jbwks-room2-container select {
    margin-left: 1px !important;
    border: none !important;
}

.jbwks-room2-container legend {
    font-size: 0.6em;
    font-weight: 500;
    padding-bottom: 3px;
}

.jbwks-room2-container-children legend {
    font-size: 0.6em;
    font-weight: 500;
    padding-bottom: 3px;
    margin-top: 8px;
}

.jbwks-room2-container-children select {
    width: 97% !important;
    margin-left: 0 !important;
}


.jbwks-room2-container {
    width: 94%;
    margin-left: 10px;
    box-sizing: border-box;
    position: relative;
    float: left;
    border-radius: 0;
    height: auto;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    padding: 5px 5px 0 5px;
}

.jbwks-room2-container-children{
    width: 94%;
    box-sizing: border-box;
    position: relative;
    margin-left: 10px;
    float: left;
    border-radius: 0;
    height: auto;
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 10px;
    align-items: center;
    justify-content: space-between;
    padding: 0 5px;
}

/*
.jbwks-room2-container li {
    flex: 1 1 auto;
    display: inline-block;
    margin: 0;
    padding: 0;
}
*/




.jbwks-room2-container option {

}

.jbwks-room1-children-options option {
    font-family: 'Open Sans';
    font-size: 1em;
    font-weight: 600;
}

.jbwks-child1-input, .jbwks-child2-input, .jbwks-child3-input, .jbwks-child4-input {
    flex: 1 1 auto;
    display: inline-block;
}

.jbwks-room1-children-options label i {
    font-size: 0.9em;
    font-weight: 300;
}

.jbwks-room1-children-options label {
    text-align: left;
    margin-left: 10px;
    padding: 3px;
    font-size: 0.7em;
    font-weight: 600;
}

.jbwks-room1-children-options {
    display: flex;
    flex-direction: row;
    flex-flow: nowrap;
    width: 95%;
    align-content: stretch;
}

.jbwks-btns li {
    flex: 1 1 auto;
    display: inline-block;
}

.jbwks-btns input[type="number"] {
    width: 90px !important;
    font-size: 1em;
    font-weight: 600;
}

.jbwks-btns{
    width: 100%;
    box-sizing: border-box;
    position: relative;
    float: left;
    border-radius: 0;
    height: auto;
    display: flex;
    flex-flow: nowrap;
    flex-direction: row;
    background-color: transparent;
    align-content: stretch;
    justify-content: space-between;
    padding: 0;
}



input[type=number]::-webkit-inner-spin-button {
    opacity: 1 !important;
    -webkit-appearance:;
    cursor: pointer;
    display: block;
    width: 30px !important;
    text-align: center;
}

/*
input[type=number]:hover::-webkit-inner-spin-button {
    background: #eee url('http://i.stack.imgur.com/YYySO.png') no-repeat 50% 50%;
    width: 14px;
    height: 14px;
    padding: 4px;
    position: relative;
    right: 4px;
    border-radius: 28px;
}
*/

.jbwks-search-btn {
    width: 94%;
    padding: 10px;
}

.jbwks-search-btn i {
    font-size: 1.2em;
}

#link1 {
    display: none;
    font-weight: 600;
    font-size: 1.2em;
}

#link2 {
    display: none;
    font-weight: 600;
    font-size: 1.2em;
}

.jbwks-nights-selector {
    width: 94%;
    margin-left: 10px;
    box-sizing: border-box;
    position: relative;
    float: left;
    border-radius: 0;
    height: auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    align-content: center;
}

.jbwks-nights-selector p{
    color: #fff !important;
}


.threejbnights {
    height: auto;
    flex: 1 1 auto;
    margin: 0;
    padding: 0;
    word-break: keep-all;
    font-weight: 600;
    font-size: 0.8em;
    cursor: pointer;
    letter-spacing: 1px;
    align-self: flex-start;

}

.jbweek {
    height: auto;
    flex: 1 1 auto;
    margin: 0;
    padding: 0;
    word-break: keep-all;
    font-weight: 600;
    font-size: 0.8em;
    cursor: pointer;
    letter-spacing: 1px;
    align-self: flex-start;
    align-items: center;
}

.fourjbnights {
    height: auto;
    flex: 1 1 auto;
    margin: 0;
    padding: 0;
    word-break: keep-all;
    font-weight: 600;
    font-size: 0.8em;
    /*box-shadow: inset 1px 1px 1px 1px #999;*/
    cursor: pointer;
    letter-spacing: 1px;

}

.jbnightfield {
    flex: 0 2 auto;
}

/*
.jbnightfield input[type=text]{
    box-sizing: border-box;
    position: relative;
    float: left;
    color: #666;
    border: 1px solid rgba(256, 256, 256, 0.8);
    border-radius: 0;
    height: 30px!important;
    padding: 0;
    background: rgba(256, 256, 256, 0.6);
    margin: 0;
}
*/

.jbwks-btns li {
    flex: 1 1 auto;
}

input.qty {
    font-size: 1em;
    font-weight: 600;
}

.qty {
    width: 30px !important;
    height: 30px !important;
    text-align: center;
    margin: 0 !important;

}

button.qtyplus {
    width: 30px;
    height: 30px;
    margin: 0;
    padding: 0;
    float: right;
    font-weight: 600;
}

button.qtyminus {
    width: 30px;
    height: 30px;
    margin: 0;
    padding: 0;
    float: left;
    font-weight: 600;
}

.jbwks-searchbox-jbnights {
    list-style: none;
    display: block;
    width: 94%;
    margin-left: 10px;
    padding: 5px;

}

/*
.jbwks-searchbox-jbnights li{
    display: inline-block;
    background-color: #243547;
    border-radius: 5px;
    box-shadow: 0px 2px red;
}


.jbwks-searchbox-jbnights li:active{
    transform: translateY(2px);
    box-shadow: none;
}

*/

.jbwks-searchbox-jbnights p {
    color: white;
    font-weight: 600;
    letter-spacing: 1px;
    text-shadow: 0px -1px #666;
}

.jbwks-input-destination-icon::-webkit-input-placeholder {
    margin-right: 5px;
    margin-left: 5px;
    vertical-align: baseline;
    position: relative;
}

.jbwks-input-from-icon::-webkit-input-placeholder {
    margin-right: 5px;
    margin-left: 5px;
    vertical-align: baseline;
    position: relative;
}

.jbwks-searchbox-body input[type=text] {
    width: 94%;
    margin-left: 10px;
    box-sizing: border-box;
    position: relative;
    float: left;
    border-radius: 0;
    height: 35px;
    padding: 10px 5px;
}

.jbwks-searchbox-body select {
    width: 98%;
    margin-left: 10px;
    box-sizing: border-box;
    position: relative;
    float: left;
    border-radius: 0;
    height: auto;
    padding: 10px 5px;
}

::-webkit-input-placeholder {
    font-size: 15px;
    font-weight: 500;
}

span.jbwks-searchbox-body {
    flex: 1;
}

span.jbwks-searchbox-body p {
    padding: 10px;
    text-align: center;
}

.jbwks-cover-col-l-container {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    height: 100%;
    max-height: 100%;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
}

.jbwks-searchbox {
    width: 100%;
    height: 100%;
    margin-bottom: 15px;
}

span.jbwks-searchbox-title {
    width: 100%;
    display: inline-block;
}

#jbweeks-search-form{
    margin-top: 10px;
}

.jbwks-searchbox-title p {
    font-size: 1.2em;
    font-weight: 600;
    padding: 10px;
    text-shadow: -1px 1px gray;
    text-align: center !important;
}

.jbwks-cover-col-r-container {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    height: 340px;
    max-height: 340px;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;

}

.jbwks-title-top {
    width: 100%;
    align-self: flex-start;
}

.jbwks-title-bottom {
    width: 100%;
    align-self: flex-end;
}

.asapwks-cover-img {
    background-image: url('https://s3-us-west-2.amazonaws.com/com.owners-link.jbweeks/AU_beach_opt.jpg');
    background-size: 100% 108% !important;
    position: relative !important;
    height: 100% !important;
}

.jbwks-cover-container {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    min-height: 100%;
    height: 100% !important;
    /*-webkit-flex-wrap: row wrap;*/
    /*-ms-flex-wrap: row wrap;*/
    /*flex-wrap: row wrap;*/
    -webkit-flex-flow: row wrap;
    -webkit-justify-content: space-around;
    /*-ms-flex-pack: distribute;*/
    justify-content: space-around;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.jbwks-cover-col-l {
    width: 30%;
    flex: 1 1 auto;
    margin-left: 5px;
    margin-right: 3%;
    float: left;
    box-sizing: border-box;
    margin-top: 10px;
    order: 1;
}

.jbwks-cover-col-r {
    width: 60%;
    flex: 2 2 auto;
    margin-left: 5px;
    margin-right: 5px;
    float: left;
    box-sizing: border-box;
    margin-top: 10px;
    order: 2;
}

.jbwks-cover-col-r h4 {
    font-size: 5vh;
    text-align: center;
}

.jbwks-cover-col-r p {
    font-size: 4vh;
    padding: 10px;
    text-shadow: -1px 1px rgba(256, 256, 256, 0.3);
}

.asapwks-cover-h {
    display: table;
    width: 100%;
    height: 450px;
    line-height: 80px;
    text-align: center;
    vertical-align: middle;
    -webkit-animation: txtt 2s 1; /* Chrome, Safari, Opera */
    animation: txtt 2s 1;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    position: fixed;
    z-index: 0;
}

.asapwks-cover-h:before {
    content: '';
    display: inline-block;
    height: 100% !important;
    vertical-align: middle;

}

#asapwks-hh2 {
    display: block;
    vertical-align: middle;
    text-align: center;
}

#asapwks-hh4 {
    display: block;
    vertical-align: middle;
    text-align: center;
}

.asapwks-cover-h h2 {
    text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.2),
    0px 8px 13px rgba(0, 0, 0, 0.1),
    0px 18px 23px rgba(0, 0, 0, 0.1);
    font-size: 12vmin;
    padding-top: 4%;
    font-weight: 600;
}

.asapwks-cover-h h4 {
    text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.2),
    0px 8px 13px rgba(0, 0, 0, 0.1),
    0px 18px 23px rgba(0, 0, 0, 0.1);
    font-size: 6vmin;
    font-weight: 600;
}

.jbwks-1st-p {
    font-weight: 500;
    font-size: 0.8em;
}


/*  [[[[[[[[[[[[[[[[[[    NU JB  jun 16    ]]]]]]]]]]]]]]]]*/


.jbwks-cover-container{
    margin-top: 6%;
    position: relative;
}



.nujb-cover-video{
    position: fixed;
    top: 50%; left: 50%;
    z-index: 1;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    z-index: 0;
}

.nuflights-cover-video{
    position: fixed;
    top: 20%;
    left: 50%;
    z-index: 1;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    z-index: 0;
}

.nujb-parallax-ad{
    min-height: 300px;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    box-shadow: inset 0px 4px 26px #666;
    position: relative;
}

.nujb-ad-txt{
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.nujb-ad-txt2{
    z-index: 2;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.nujb-ad-txt2 ul{
    flex: 1 1 30%;
}

.nujb-ad-txt2 ul li input{
    background-color: rgba(256, 256, 256, 0.7);
    height:40px;
}

.nujb-ad-txt2 ul li input:focus{
    background-color: rgba(256, 256, 256, 0.9);
    transition: 0.2s;
}


.nujb-parallax-ad-1{
    background-image: url("https://s3.amazonaws.com/itadevelopers-assets/IMG_gral/jb-weeks/4nujbad1.jpg");
}

.nujb-ad1-container:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
    background-color: rgba(3,3,3,0.3);
}

.nujb-ad2-container:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
    background-color: rgba(3,3,3,0.3);
}

.nujb-parallax-ad-2{
    background-image: url("https://s3.amazonaws.com/itadevelopers-assets/IMG_gral/jb-weeks/4mvp2.jpg");
}

.nujb-ad1-container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 300px;
}

.nujb-ad2-container{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 300px;
}

.nujb-ad1-container h3{
    font-size: 2em;
    color: rgba(256, 256, 256, 0.9);
    margin: 15px 0;
    text-shadow: 0 2px 2px #2f2f2f;
    text-align: center;
    z-index: 1;
}

.nujb-ad2-container h3{
    flex: 1 1 70%;
    font-size: 2em;
    color: rgba(256, 256, 256, 0.9);
    margin: 15px 0;
    text-shadow: 0 2px 2px #2f2f2f;
    text-align: left;
    z-index: 1;
}

.nujb-ad1-container h6{
    background-color: rgba(79, 153, 219, 0.7);
    font-size: 3vmin;
    padding: 12px 28px;
    color: #f3f5f8;
    cursor: pointer;
    z-index: 1;
    position: relative;
}


.nujb-ad1-container h6:hover{
    background-color: transparent;
}


.nujb-ad1-container h6:after{
    position: absolute;
    z-index: 3;
    content: '';
    top: 0;
    left: 0;
    border: 3px solid #f3f5f8;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: 0.3s;
}

.nujb-ad1-container h6:hover:after{
    opacity: 1;
}



.nujb-ad2-container h6{
    flex: 1 1 30%;
    background-color: rgba(255, 149, 37, 0.7);
    font-size: 2.5vmin;
    padding: 10px 25px;
    color: #f3f5f8;
    text-align: center;
    cursor: pointer;
    z-index: 1;
    position: relative;

}

.nujb-ad2-container h6:hover{
    background-color: transparent;
}


.nujb-ad2-container h6:after{
    position: absolute;
    z-index: 999999;
    content: '';
    top: 0;
    left: 0;
    border: 3px solid #f3f5f8;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: 0.3s;
}

.nujb-ad2-container h6:hover:after{
    opacity: 1;
}


.fix-search{
    position: fixed;
    z-index: 99;
}

.nujb-hotdeals-container{
    display: block;
    text-align: center;
    margin: 30px 0;
}

.nujb-hotdeals-container h4{
    font-size: 3vmin;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 400;
}

.nujb-hotdeals{
    width: 100%;
    text-align: center;
}

.nujb-hotdeals-hr{
    width: 15%;
    height: 2px;
    background-color: #243547;
    display: inline-block;
    margin: 10px 0;
}

.nujb-hotdeals-cards-container{
    display: block;
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.nujb-hotdeals-card{
    display: flex;
    flex-direction: column;
    justify-content: center!important;
    align-items: center!important;
    width: 313px;
    height: 313px;
    border: 1px solid #c6d0df;
    margin: 20px 10px;
    cursor: pointer;
    transition: 0.5s;
    z-index: 0;
    filter: opacity(0.8);
    -webkit-filter: opacity(0.8);
    position: relative;
}

.nujb-hotdeals-card:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 360px;
    height: 313px;
    background-color: rgba(3,3,3,0.2);
}

.nujb-hotdeals-card:hover{
    filter: none;
    -webkit-filter: none;
}


.topdest-card{
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}


.topdest-card1{
    background-image: url("https://s3.amazonaws.com/itadevelopers-assets/JBweeks/jbTopCancun.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    transition: 0.3s;
}


.topdest-card2{
    background-image: url("https://s3.amazonaws.com/itadevelopers-assets/JBweeks/jbTopMiami.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.topdest-card3{
    background-image: url("https://s3.amazonaws.com/itadevelopers-assets/JBweeks/jbTopBuenosA.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.topdest-card4{
    background-image: url("https://s3.amazonaws.com/itadevelopers-assets/JBweeks/jbTopPlaya.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.topdest-card5{
    background-image: url("https://s3.amazonaws.com/itadevelopers-assets/JBweeks/jbTopOrlando.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.topdest-card6{
    background-image: url("https://s3.amazonaws.com/itadevelopers-assets/JBweeks/jbTopRio.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}


.nujb-hotdeals-card p{
    font-size: 2vmax;
    text-align: center;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 5px;
    text-shadow: 0 2px 2px #666;
    z-index: 1;
}

.nujb-comments-container{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    margin: 20px 0 40px 0;
}

.nujb-comment{
    display: block;
   flex: 1 1 45%;
    height: 160px;
    border: 1px solid rgba(153, 170, 195, 0.4);
    background-color: #f3f5f8;
    margin: 0 5px;
    padding: 5px;
}


.nujb-comment-p{
    display: block;
    padding: 8px;
    height: 60%;
}

.nujb-comment-p q{
    line-height: 150%;
    font-style: italic;
    color: #99aac3;
    font-size: 1em;
}

.nujb-comment-p q:before{
    content: '"';
}

.nujb-comment-p q:after{
    content: '"';
}


.nujb-comment-pic-container{
    position: relative;
    display: block;
    text-align: right;
    height: 40%;
    padding: 0 10px;
}

.nujb-comment-pic-container ul{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.nujb-comment-pic-container li:nth-child(1){
    align-self: center;
    margin: 0 5px;
}

.nujb-comment-pic-container h6{
    font-size: 0.9em;
}

.nujb-comment-pic-container p{
    font-size: 0.8em;
}


.nujb-comment-pic{
    display: block;
    width: 60px;
    height: 60px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #99aac3;
}

.comment-pic-2{
    background-image: url('https://s3.amazonaws.com/itadevelopers-assets/IMG_gral/comments_pix/comments_3.jpg');
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
}

.comment-pic-1{
    background-image: url('https://s3.amazonaws.com/itadevelopers-assets/IMG_gral/comments_pix/comments_4.jpg');
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
}


.nujb-comment-pic-container li:nth-child(1) p:before{
    content: '~';
}


/*
.nujb-prefooter-container{
    background-color: #f3f5f8;
    position: absolute;
    width: 100%;
    border-top: 1px solid #c6d0df;
}
*/
.nujb-prefooter{
    text-align: center;
    display: block;
    height: 230px;
}

.nujb-prefooter ul{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: baseline;
}

.nujb-prefooter li{
    flex: 1 1 25%;
    height: auto;
    margin: 0;
    padding: 3px;

}

.nujb-prefooter h6{
    margin: 20px 0;
    color: #243547;
}

.nujb-prefooter p{
    color: #99aac3;
    font-weight: 500;
    text-align: center;
    line-height: 150%;
    letter-spacing: 1px;
}

.nujb-prefooter span{
    font-weight: bold;
}


.nujb-flashpoints-container{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 5px 10px;
}

.nujb-flashpoints-container ul{
    flex: 1 1 50%;
}

.nujb-flashpoints-container li{
    margin: 15px 0;
}

.nujb-flashpoints-container p{
    font-size: 1.3vmax;
    font-weight: 500;
    text-align: left;
    margin: 0;
    padding: 0;
    text-shadow: 0 1px 1px #333;
    background: none;
}

.nujb-flashpoints-container span{
    font-size: 0.9vmax;
    text-align: left;
    color: #f3f5f8;
    margin: 0;
    padding: 0;
}

.nujb-flashpoints-container i{
    font-size: 0.5em;
    vertical-align: 50%;
    margin-right: 5px;
}


/**/

.nujb-cards-container{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    margin: 20px auto;
    flex-wrap: wrap;
    width: 100%;
}

.nujb-card{
    flex: 1 1 40%;
    height: auto;
    width: 100%;
    max-width: 32%;
    background-color: #f3f5f8;
    margin: 0 auto 10px auto;
    cursor: pointer;
    border: 1px solid #99aac3;
    transition: 0.1s;
}

@media screen and (max-width:768px){
    .nujb-card{
        max-width: 48%;
    }

    #img_promo1, #img_promo2, .promo_more_info_container, .promo_info1 {
        width: 100%;
    }

    .top_ribbon {
        font-weight: 600;
        font-size: 36px;
        padding: 3px 10px;
        box-sizing: border-box;
        width: 121px;
        text-align: center;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: none;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        margin: 0 auto;
        z-index: 9;
    }

    .promo_info1 h5 {
        font-size: 1em !important;
        line-height: 34px;
    }

    .promo_info1 {
        margin-top: -32px;
    }

    #img_promo1 img {
        width: 100%;
    }

}

.nujb-card:hover{
    animation-name: nujbcard-anim;
    animation-duration: 0.1s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes nujbcard-anim {
from{-webkit-transform: scale(1);
    transform: scale(1);
    border: 1px solid #99aac3;box-shadow: 0 0 0 #333}
to{-webkit-transform: scale(1.01);
transform: scale(1.01);
    border: 1px solid #ff9525;box-shadow: 0 0 5px #ff9525}
}




.nujb-card:nth-child(3n+3){
    margin-right: 0;
}

.nujb-card-hotel-name-container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: 130%;
    margin: 3px 0;
}

.nujb-card-hotel-name-container h6{
    font-size: 1em;
    font-weight: 700;
    color: #243547;
    text-align: center;
    padding: 2px;
    height: 52px;
}

.nujb-card-hotel-name-container p{
    font-size: 1em;
    font-weight: 600;
    color: #99aac3;
}

.nujb-card-img-container{
    width: 100%;
    position: relative;
}

.nujb-card-img-container img{

}


.nujb-save-ribbon{
    position: absolute;
    width: auto;
    bottom: 14px;
    left: -8px;
    z-index: 2;
    box-shadow: 2px 3px 10px #333;
    background: #ff9525;
}

.nujb-save-ribbon p{
    background-color: #ff9525;
    padding: 4px 15px 4px 15px;
    color: #f3f5f8;
    font-weight: 600;
}

.nujb-save-ribbon span{
    font-size: 0.8em;
}

#nujb-ribbon-back {
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: -8px;
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-right: 8px solid #b35c00;
    border-bottom: 14px solid transparent;
}


.nujb-card-bottom-row ul{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.nujb-card-starslist{
    width: 100%;
}

.nujb-card-starslist li:nth-child(odd){
flex: 1 1 40%;
}

.nujb-card-starslist li:nth-child(even){
flex: 1 1 60%;

}

.nujb-card-stars td{
    margin: 0;
    padding: 2px;
}

/*
.nujb-card-starslist li .nujb-card-stars{
    width: 100%;
    display: flex;
}

.nujb-card-starslist li .nujb-card-stars li{
    padding: 0 2px!important;
}

.nujb-card-starslist li .nujb-card-stars li:nth-child(odd){
    flex: 1 1 20%!important;
}

.nujb-card-starslist li .nujb-card-stars li:nth-child(even){
    flex: 1 1 20%!important;
}
*/
.nujb-card-clock i, .nujb-card-clock p{
    color: #99aac3;
    font-size: 1em;
    font-weight: 700;
    text-align: right;
}

.nujb-card-stars i{
    padding: 0;
    margin: 0;
    color: orange;
}

/**/
.nujb-card-bottom-row li{
    padding: 3px 10px;
}

.nujb-card-rates li:nth-child(odd){
    flex: 1 1 40%;
    text-align: left;
}

.nujb-card-rates li:nth-child(even){
    flex: 1 1 45%;
    text-align: right;
}


.nujb-card-rates li:nth-child(even) p{
    font-size: 1.1em;
    font-weight: 500;
    color: #99aac3;
}

.nujb-card-rates li:nth-child(odd) p:after{
    content: ':';
}

.nujb-card-rates li:nth-child(odd) p{
    font-size: 1em;
    font-weight: 500;
    color: #99aac3;
}

.nujb-card-rates span{
    text-transform: uppercase;
    font-size: 1em;
}

.nujb-card-rates b{
    font-weight: 600;
}

#nujb-ol-price{
    color: #4f99db;
    font-size: 1.2em;
}

.nujb-card-date-container{
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: right;
}

.nujb-card-date-container ul{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: baseline;
    margin: 0 auto;
    text-align: right;
}

.nujb-card-date-container li{
    flex: 1 1 auto;
    padding: 0 10px;
}

.nujb-card-date-container p{
    font-size: 0.9em;
    font-weight: 700;
    color: #99aac3;
}

.nujb-card-date-container i{
    font-size: 1em;
}

.nujb-card-date-container span{
    font-weight: 700;
    font-size: 1em;
    color: #243547;
}


    /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> NU FOOTER 15 <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/


.appear{
    display: block;
}


.footer-big2 p{
    line-height: 120%!important;
    vertical-align: middle;
    margin-top: 3px;
    font-size: 0.8em;
    font-weight: 500;
    letter-spacing: 1px;
}

.footer-big2 p span{
    font-weight: 600;
    color: #99aac3;
}

.footer-big3 i:after{
    margin-left: 5px;
}

.footer-big3 i{
    background-color: rgba(256,256,256,0.7);
    font-size: 0.8em;
    border-radius: 50%;
    padding: 4px;
    color: #243547;

}

.footer-big2 i:after{
    margin-left: 5px;
}

.footer-big2 i{
    background-color: rgba(256,256,256,0.7);
    font-size: 0.8em;
    border-radius: 50%;
    padding: 4px;
    color: #243547;

}

.footer-big3 p{
    vertical-align: middle;
    margin-top: 8px;
    font-size: 0.8em;
    font-weight: 500;
    letter-spacing: 1px;
}

.footer-big1{
    vertical-align: middle;
}


.olfooter-logo-center{
    padding: 0;
    margin-top: 10px;
}


#footer{
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 0;
    margin: auto;
}

.footer-big{
    display: inline-block;
    background: transparent;
    position: relative;
    text-align: center;
    color: white;
    height: 90px;
    bottom: 0;
    width: 100%;
    margin-top: 20px;
    z-index: 9999;

}

.show-footer{
    animation-name: footer-anim-out;
    animation-duration: 1s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}

@keyframes footer-anim-in{
    from{bottom: -100px}
    to{bottom: 0}

}


@keyframes showshow{
    from{bottom: 0}
    to{bottom: -100px}

}

.noshow-footer{
    animation-name: footer-anim-out;
    animation-duration: 1s;
    animation-timing-function: ease-in;


}

.heighter{
    animation-name: showshow;
    animation-duration: 0.3s;
}

.footer-big-container{
    display: none;
    z-index: 999;
}


/*:;:;:;:;:;:;:;:;::;:;:;:;:;::;:;:; CRUISES :;:;:;:;:;:;:::;:;::::;:;:;:;;:;*/


/*  modal*/


.modalcruises {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity:1;
    pointer-events: auto;
    z-index: 99999;
    animation-name: modalAsap-in;
    animation-duration: 0.5s;
    text-align: center;
}

.cruises-loading {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity:1;
    pointer-events: auto;
    z-index: 99999;
    animation-name: modalAsap-in;
    animation-duration: 0.5s;
    text-align: center;
}


.modalcruises .hidden{
    pointer-events: none;
    opacity:0;
}


.cruises-loading .hidden{
    pointer-events: none;
    opacity:0;
}

.modalcruises > div {
    width: 450px;
    position: relative;
    margin: 13% auto;
    padding: 5px 20px 13px 20px;
    border-radius: 2px;
    height: auto;
    -moz-box-shadow: 0px 2px 5px #333;
    -webkit-box-shadow: 0px 2px 5px #333;
    box-shadow: 0px 2px 5px #333;
    animation-name: modal-in;
    animation-duration: 0.8s;
}

.cruises-loading > div {
    width: 450px;
    position: relative;
    margin: 13% auto;
    padding: 5px 20px 13px 20px;
    border-radius: 2px;
    background: transparent;
    height: auto;
    animation-name: loadingmodal-in;
    animation-duration: 0.8s;
    display: flex;
    flex-direction: column;
}


.modalcruises p{
    line-height: 120%;
    margin: 10px 0;
    font-size: 1em;
    font-weight: 500;

}

.modalcruises p span{
    font-style: italic;
    font-weight: 700;
}


.modalcruises h2{
    margin-top: 10px!important;
    font-size: 1.3em;
    font-weight: 600;
}

.cruises-finalize-button {
    margin: 10px!important;
    padding: 10px 35px!important;

}

@keyframes modal-in{
    from{transform: translateY(-200px)}
    to{transform: translateY(0px)}
}

@keyframes modal-in{
    0%{opacity: 0}
    100%{opacity: 1}
}

@keyframes modalAsap-in{
    from{opacity: 0}
    to{opacity: 1}
}



/*bottom*/
.asapwks-ol-logo{
    background: transparent;
    position: absolute;
    top: 15%;
    left: 30%;
    width: 40%;
    height: 100%;
    opacity: 0;
    z-index: 999;

}

@keyframes ol-logo-in {
    0%{opacity: 0}
    100%{opacity: 1}
}

.asapwks-ol-logo-anim{
    opacity: 0;
    background: transparent;
    position: absolute;
    top: 15%;
    left: 30%;
    width: 40%;
    height: auto;
    z-index: 999;

    animation-name: ol-logo-in;
    animation-duration: 0.8s;
    animation-delay: 3.2s;
    transition-timing-function: ease-in;
    transform-origin: center center;
    animation-fill-mode: forwards;
}


.asapwks-response-icons-container-anim{
    animation-name: border-anim;
    animation-duration: 3.2s;
    transition-timing-function: ease-in;
    animation-fill-mode: forwards;
}

@keyframes border-anim{
    0%{border-bottom: 0px solid white;}
    25%{border-bottom: 2px solid #99aac3;}
    70%{border-bottom: 2px solid #99aac3;}
    100%{border-bottom: 0px solid white;}
}

.nvloup{
    opacity: 0;
}

.nvloup-anim{
    opacity: 0;
    animation-name: animname;
    animation-duration: 1s;
    animation-delay: 0.8s;
    transition-timing-function: ease-out;
}


@keyframes animname{
    0%{transform: translateY(-120px);opacity: 0}
    100%{transform: translateY(120px);opacity: 1}
}

.peiper-plein{
    opacity: 0;
}

.peiper-plein-anim{
    opacity: 0;
    animation-name: peiper-in;
    animation-duration: 2s;
    animation-delay: 1.8s;
    transition-timing-function: ease-out;
    transform-origin: top right;
}


@keyframes peiper-in{
    0%{transform: translateY(120px);opacity: 0}
    50%{transform: translateY(0px);opacity:1;transform:scale(1);}
    60%{transform: scale(1.2)}
    95%{transform: scale(0)}

}


#nvloop{
    -moz-box-shadow: 0px 2px 5px #333;
    -webkit-box-shadow: 0px 2px 5px #333;
    box-shadow: 0px 2px 5px #333;
}

#nnvvlloopp{
    -webkit-perspective: 150px; /* Chrome, Safari, Opera  */
    perspective: 160px;
    perspective-origin: top left;
}

#stampy{
    opacity: 0;
    animation-name: stampy-anim;
    animation-duration: 1s;
    animation-delay: 1.3s;
    perspective-origin: center;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
}

@keyframes stampy-anim{
    0%{transform: scale(0);opacity: 0}
    50%{transform: scale(1.5);opacity: 1}
    100%{transform: scale(1);opacity: 1}
}

#nvloop-lid{
    animation-name: nvloop2-anim;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
}

@keyframes nvloop2-anim{
    0%{transform: rotateX(75deg)}
    100%{transform: rotateX(0)}
}

.dots{
    content: '';
    width: 1em;
    height: 1em;
    border-radius: 50%;
    animation-name: dots-anim;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction:normal;
    transition-delay: 0.8s;

}

.thedots li{
    display: inline-block;
    margin: 10px;
}

.thedots {
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
}


@keyframes dots-anim{
    0%{transform: scale(0.8); }
    50%{transform: scale(1.2)}
    100%{transform: scale(0.8);}
}

@-webkit-keyframes dots-anim{
    0%{transform: scale(0.8); }
    50%{transform: scale(1.2)}
    100%{transform: scale(0.8);}
}
@-o-keyframes dots-anim{
    0%{transform: scale(0.8); }
    50%{transform: scale(1.2)}
    100%{transform: scale(0.8);}
}

@-moz-keyframes dots-anim{
    0%{transform: scale(0.8); }
    50%{transform: scale(1.2)}
    100%{transform: scale(0.8);}
}

.delay1{
    animation-delay: 0.2s;
}

.delay2{
    animation-delay: 0.4s;
}

#cruises-loadingModal p{
    font-size: 1em;
    font-weight: 600;
    font-family: 'Open Sans';
    line-height: 130%;
    letter-spacing: 1px;
}

.cruises-reservation-confirmation-list{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    text-align: center;
}

.cruises-reservation-confirmation-list li{
    flex: 1 1 100%;
    text-align: center;
}

.cruises-reservation-confirmation-list h2 span{
    font-weight: 700;
}

.cruises-reservation-confirmation-list p{
    margin: 5px 0 !important;
}


.cruises-anim-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    background-size: 100% auto;
    height: 100px;
    transform: translateZ(0);
    backface-visibility: hidden;
    perspective: 1000px;

}

.cruises-anim{
    background: url('https://s3.amazonaws.com/itadevelopers-assets/Logos/sent_anim.svg') no-repeat;
    width: 150px;
    height: 100px;
    opacity: 0.8;
    animation: asap-anim-anim 1.7s steps(20) forwards;
    animation-delay: 0.7s;
}

@keyframes asap-anim-anim {
    0%{background-position: 0 0;}
    100% {background-position: 0 -2000px;}
}

@-webkit-keyframes asap-anim-anim {
    0%{background-position: 0 0;}
    100% {background-position: 0 -2000px;}
}

@-o-keyframes asap-anim-anim {
    0%{background-position: 0 0;}
    100% {background-position: 0 -2000px;}
}

@-moz-keyframes asap-anim-anim {
    0%{background-position: 0 0;}
    100% {background-position: 0 -2000px;}
}

.loading-logo-anim-container{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    background-size: 100% auto;
    height: 100px;
    transform: translateZ(0);
    backface-visibility: hidden;
    perspective: 1000px;
}

.logo-anim-logo{
    background: url('https://s3.amazonaws.com/itadevelopers-assets/Logos/ol-logo-loading-anim1.svg') no-repeat;
    width: 100px;
    height: 100px;
    opacity: 0.8;
    animation: loading-logo-anim 1s steps(12) infinite;
}

@keyframes loading-logo-anim{
    0%{background-position: 0 0;}
    100%{background-position: 0 -1200px;}
}

@-webkit-keyframes loading-logo-anim{
    0%{background-position: 0 0;}
    100%{background-position: 0 -1200px;}

}@-moz-keyframes loading-logo-anim{
     0%{background-position: 0 0;}
     100%{background-position: 0 -1200px;}

 }@-o-keyframes loading-logo-anim{
      0%{background-position: 0 0;}
      100%{background-position: 0 -1200px;}
  }


/* end cruises modal */


li *{line-height: 100%}

.cruises-requestp-container{
    width: 100%;
    position: relative;
    box-sizing: border-box;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
}

.cruises-requestp-col-l{

    width: 67%;
    float: left;
    box-sizing: border-box;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;

}


.cruises-requestp-col-r{
    width: 30%;
    margin-left: 5px;
    margin-right: 5px;
    float: left;
    box-sizing: border-box;
    margin-top: 10px;
    position: relative;
    margin-bottom: 10px;

}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.cruises-reservation-details{
    margin: 0;
    padding: 0;
}

#cruises-reservation-details-cols{
    width: 100%;
    position: relative;
    box-sizing: border-box;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
}


.cruises-reservation-details h4{
    padding: 10px;
}

.cruises-separeitor{
    content: '';
    height: 1px;
    width: 90%;
    position: absolute;
    margin-top: 5px;
}

.cruises-reservation-details-col-l{
    flex: 1 1 55%;
}

.cruises-reservation-details-col-l img{
    padding: 15px;
}


.cruises-reservation-details-col-r{
    flex: 2 2 45%;
    margin-top: 15px;
}

.cruises-reservation-details-col-r h6{
    padding: 10px 0;
    font-size: small;
}

.cruises-reservation-details-col-r h6 span{
    font-size: super;
}

.cruises-reservation-details-passenger-details{
    padding: 10px 0;
    flex: 2 2 100%;
}

.cruises-passenger-details{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.cruises-passenger-details select[type="text"]{
    margin: auto;
    float: none;
    width: 50%;
    display: inherit;
    height: 30px;
    font-size: 0.8em;
    font-weight: 600;

}


.cruises-reservation-details-passenger-details li{
    display: block;
    margin-right: 20px;
}

.cruises-reservation-details-passenger-details ul{
    padding: 10px 0;

}

.cruises-reservation-details-passenger-details ul p{
    font-weight: 600;
    letter-spacing: 1px;
    font-size: small;
    margin-left: 20px;
    margin-bottom: 15px;
}

.cruises-reservation-details-passenger-details ul p span{
    font-weight: 700;
    font-size: super;
}

.cruises-holder-info{
    margin-top: 10px;

}

#cruises-holder-info-cols{
    width: 100%;
    position: relative;
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
    flex-direction: row;
    flex-wrap: wrap;
    box-sizing: border-box;
    justify-content: center;
    align-content: center;
    padding-top: 15px;
}

#cruises-holder-info-cols ul{
    flex: 1 1 100%;
    display: flex;
    margin: auto;
    align-items: center;
}

.cruises-holder-info h4{
    padding: 10px;
}

.cruises-holder-info{
    margin: 0;
    padding: 0;
    margin-top: 10px;
}

.cruises-holder-info ul{
    padding: 10px;
}

.cruises-holder-info ul p{
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 0.9em;
    margin-bottom: 5%;
}

.cruises-holder-info ul p span{
    font-size: 0.8em;
}

.cruises-holder-info ul li{
    display: block;
    margin-left: 10px;
    margin-right: 10px;
    text-align: left;
    width: 50%;
}

.cruises-total-price{
    font-size: 1.1em!important;
    font-weight: 700!important;
}

.cruises-total-price span{
    font-size: 1.3em!important;
    vertical-align: 0!important;
}

/*
.cruises-total-price span:before{
    font-family: 'FontAwesome';
    content: '\f155';
    margin-right: 5px;
}
*/

sup{
    vertical-align: super;
    font-size: smaller;
}

sub{
    vertical-align: bottom;
    font-size: smaller;
}

.cruises-callus{
    border-style: double;
    border-width: 6px;
    padding: 10px 5px;
    display: flex;
    flex-direction: column;
    flex-flow: wrap;
    justify-content: center;
    align-content: center;
    text-align: center;
}

.cruises-callus h5{
    font-size: 3vh;
    font-weight: 700;
    display: inline-block;
    padding: 5px 0;
}

.cruises-callus h6{
    font-size: 2.3vh;
    font-weight: 500;
    display: inline-block;
    margin: 10px 0!important;
}

.cruises-callus i{
    border-radius: 25px;
    padding: 5px;
}

.cruises-callus p{
    font-size: 1.8vh;
    font-weight: 300;
    display: inline-block!important;
}

/**/

.modalDialog {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
    text-align: center;
}

.modalDialog:target {
    opacity:1;
    pointer-events: auto;
}

.modalDialog > div {
    width: 450px;
    position: relative;
    margin: 13% auto;
    padding: 5px 20px 13px 20px;
    border-radius: 2px;
    height: auto;
    -moz-box-shadow: 0px 2px 5px #333;
    -webkit-box-shadow: 0px 2px 5px #333;
    box-shadow: 0px 2px 5px #333;
    animation-name: modal-in;
    animation-duration: 0.8s;
}


.close {
    line-height: 30px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 30px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -moz-box-shadow: 1px 1px 5px #333;
    -webkit-box-shadow: 1px 1px 5px #333;
    box-shadow: 1px 1px 5px #333;
}


.modalDialog p{
    line-height: 120%;
    margin: 10px 0;
    font-size: 1em;
    font-weight: 500;

}

.modalDialog p span{
    font-style: italic;
    font-weight: 700;
}


.modalDialog h2{
    margin-top: 10px!important;
    font-size: 1.3em;
    font-weight: 600;
}

.cruises-finalize-button {
    margin: 10px!important;
    padding: 10px 35px!important;
}

@keyframes modal-in{
    from{transform: translateY(-200px)}
    to{transform: translateY(0px)}
}



.cruises-ol-logo{
    background: transparent;
    position: absolute;
    top: 15%;
    left: 30%;
    width: 40%;
    height: auto;
    opacity: 0;
    z-index: 999;

}

@keyframes ol-logo-in {
    0%{opacity: 0}
    100%{opacity: 1}
}

.cruises-ol-logo-anim{
    opacity: 0;
    background: transparent;
    position: absolute;
    top: 15%;
    left: 30%;
    width: 40%;
    height: auto;
    z-index: 999;

    animation-name: ol-logo-in;
    animation-duration: 0.8s;
    animation-delay: 3.2s;
    transition-timing-function: ease-in;
    transform-origin: center center;
    animation-fill-mode: forwards;
}


#cruises-response-icons-container{
    border-bottom: 2px solid #666;
}



.cruises-reservation-confirmation-list li{
    flex: 1 1 100%;
    text-align: center;
}

.cruises-reservation-confirmation-list h2 span{
    font-weight: 700;
}

.cruises-reservation-confirmation-list p{
    margin: 5px 0 !important;
}


.nvloup{
    opacity: 0;
}

.nvloup-anim{
    opacity: 0;
    animation-name: animname;
    animation-duration: 1s;
    animation-delay: 0.8s;
    transition-timing-function: ease-out;
}


@keyframes animname{
    0%{transform: translateY(-120px);opacity: 0}
    100%{transform: translateY(120px);opacity: 1}
}

.peiper-plein{
    opacity: 0;
}

.peiper-plein-anim{
    opacity: 0;
    animation-name: peiper-in;
    animation-duration: 2s;
    animation-delay: 1.8s;
    transition-timing-function: ease-out;
    transform-origin: top right;
}


@keyframes peiper-in{
    0%{transform: translateY(120px);opacity: 0}
    50%{transform: translateY(0px);opacity:1;transform:scale(1);}
    60%{transform: scale(1.2)}
    95%{transform: scale(0)}

}


/* cruises nu cover */




/*======TC CRUISES ======*/


.cruises-cover-container{
    position: static;
    display: block;
}


.cruises-cover-img{
    background-image: url('https://s3.amazonaws.com/itadevelopers-assets/Cruises/4cruises1.jpg');
    background-size: 100% 100%!important;
    position: relative;

}

.the-filter{
    animation-name: filtered;
    animation-duration: 2s;
    animation-timing-function: ease-out;

}

@keyframes filtered{
    0%{-webkit-filter: saturate(20%);}
    100%{-webkit-filter: saturate(100%);}
}



.cruises-cover-h{
    display: block;
    width: 100%;
    height: 90%;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-animation: txttnu 2s 1;
    animation: txttnu 2s 1;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    z-index: 0;
    position: relative;

}

#cruises-hh4{
    display:block;
}

.cruises-cover-h h2{
    text-shadow: 0px 4px 3px rgba(0,0,0,0.2),
    0px 8px 13px rgba(0,0,0,0.1),
    0px 18px 23px rgba(0,0,0,0.1);
    font-size: 12vmin;
    font-weight: 600;
    color: rgba(256, 256, 256, 0.7);
}


.cruises-cover-h h4{
    text-shadow: 0px 4px 3px rgba(0,0,0,0.2),
    0px 8px 13px rgba(0,0,0,0.1),
    0px 18px 23px rgba(0,0,0,0.1);
    font-size: 6vmin;
    font-weight: 600;
    color: rgba(256, 256, 256, 0.7);
}



@-webkit-keyframes txttnu {
    from {
        top: -80px;
        opacity: 0;
    }
    to {
        top: 0;
        opacity: 0.9;
    }
}

@keyframes txttnu {
    from {
        top: -80px;
        opacity: 0;
    }
    to {
        top: 0;
        opacity: 0.9;
    }
}


/**/



/*:::::::::::::::::::::::::::::::::::::    TC GOLF    :::::::::::::::::::::::::::::::::::::*/



/* golf card 4 */

.arda-golf-main-banner-top-info-container p{
    padding: 5px;
}

@keyframes left-in {
    from{transform: scale(1)}
    to{transform: scale(1.2)}
}

.golf-card-4:hover:before{
    animation-name: left-in;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}
.golf-card-4:before{
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url('https://s3-us-west-2.amazonaws.com/com.owners-link.golf/golf2.jpg') no-repeat;
    background-size: cover;
    transition: left-in  1s ease;
    -webkit-transition: left-in  1s ease;
    position: absolute;
    z-index: 0;
}




.golf-card-4{
    position: relative;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-content: center;
    transition: gradient-out 0.2s;
    -webkit-transition: gradient-out 0.2s;
    z-index: 1;
}

.golf-card-4 h3{
    flex: 1 1 100%;
    font-size: 2em!important;
    padding: 10px;
    text-align: center;
    position: relative;
    line-height: 120%;
    text-shadow: 1px 1px 4px #333;
    z-index: 3;
}
/* golf card 3 */

@keyframes slide-in {
    from{transform: translateX(0)}
    to{transform: translateX(-55px)}
}

.golf-card-3:hover:before{
    animation-name: slide-in;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}


.golf-card-3:before{
    content: "";
    width: 120%;
    height: 100%;
    top: 0;
    left: 0;
    background: url('https://s3-us-west-2.amazonaws.com/com.owners-link.golf/golf3.jpg') no-repeat;
    background-size: cover;
    background-position: top right;
    transition: slide-in  1s ease;
    -webkit-transition: slide-in  1s ease;
    position: absolute;
    z-index: 0;
}

.golf-card-3{
    position: relative;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-content: center;
    transition: gradient-out 0.2s;
    -webkit-transition: gradient-out 0.2s;
    z-index: 1;
}


.golf-card-3 h3{
    flex: 1 1 100%;
    font-size: 2em;
    padding: 10px;
    text-align: center;
    position: relative;
    line-height: 120%;
    text-shadow: 1px 1px 4px #333;
    z-index: 3;
}


/* golf card 2 */

.golf-card-2:before{
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url('https://s3-us-west-2.amazonaws.com/com.owners-link.golf/golf4.jpg') no-repeat;
    background-size: cover;
    position: absolute;
    z-index: 0;
}


.golf-card-2{
    position: relative;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-content: center;
    transition: blend-off 0.8s;
    -webkit-transition: blend-off 0.8s;
    z-index: 1;

}

.golf-card-2:hover{
    animation-name: blend-off;
    animation-duration: 0.8s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
}

@keyframes blend-off {
    from{font-size: 1.1em}
    to{font-size: 1.5em}
}


.golf-card-2 h2{
    flex: 1 1 100%;
    font-size: 1.5em;
    padding: 10px;
    text-align: center;
    position: relative;
    line-height: 120%;
    text-shadow: 1px 1px 4px #333;
    z-index: 3;
}

/* golf card 1 */

.golf-card-1:hover:before{
    animation-name: zoomin-img;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
}

.golf-card-1:hover:after{
    animation-name: op-out;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
}

@keyframes op-out{
    from{opacity: 1}
    to{opacity: 0.1}
}

.golf-card-1:before{
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url('https://s3-us-west-2.amazonaws.com/com.owners-link.golf/golf1.jpg') no-repeat;
    background-size: cover;
    transition: zoomin-img  0.5s ease;
    -webkit-transition: zoomin-img  0.5s ease;
    position: absolute;
    z-index: 0;
}

.golf-card-1:after{
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

.golf-card-1{
    position: relative;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-content: center;
    transition: gradient-out 0.2s;
    -webkit-transition: gradient-out 0.2s;
    z-index: 1;
}
/*
    .golf-card-1:hover{
        animation-name: zoomin-img;
        animation-duration: 0.5s;
        animation-fill-mode: forwards;
    }
*/
.golf-card{
    height: 259px!important;
}

.golf-col-half h3{
    flex: 1 1 100%;
    font-size: 1.4em;
    padding: 10px;
    text-align: center;
    position: relative;
    line-height: 140%;
    text-shadow: 1px 1px 4px #333;
    z-index: 3;
}

.golf-col-half{
    background-size: cover;
    background-position: center center;
    width: 49%;
    margin-left: 5px;
    margin-right: 5px;
    float: left;
    box-sizing: border-box;
    margin-top: 10px;
    position: relative;

}
/*
    .golf-col-half:hover{
        animation-name: zoomin-img;
        animation-duration: 0.5s;
        animation-fill-mode: forwards;
    }
*/
@keyframes zoomin-img {
    from{transform: scale(1) rotate(0deg)}
    to{transform: scale(1.2) rotate(5deg)}
}

.golf-card-gradient:hover{
    animation-name: gradient-out;
    animation-duration: 0.2s;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
}

.golf-main-content{
    display: block;
    position: relative;
}


/*======TC GOLF ======*/


.golf-cover-container{
    position: relative;
    display: block;
}

.golf-cover-img{
    background-image: url('https://s3.amazonaws.com/itadevelopers-assets/Golf/4golf1.jpg');
    background-size: 100% 120%;
    position: relative;
    background-attachment: fixed;
}


.golf-cover-h{
    display: block;
    width: 100%;
    height: 80%;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-animation: txttnu 2s 1;
    animation: txttnu 2s 1;
    -webkit- animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    position: relative;
    z-index: 0;
}


/*
.asapwks-cover-h{
        display:table;
        width: 100%;
        height: 450px;
    line-height: 80px;
        text-align: center;
        vertical-align: middle;
  -webkit-animation: txtt 2s 1;
    animation: txtt 2s 1;
           -webkit-animation-timing-function: ease-out;
                   animation-timing-function: ease-out;
    position: fixed;
    z-index: 0;
    }

.asapwks-cover-h:before{
content: '';
  display: inline-block;
  height: 100%!important;
  vertical-align: middle;

  }

*/
#golf-hh2{

}

#golf-hh4{
    display:block;
}

.golf-cover-h h2{
    text-shadow: 0px 4px 3px rgba(0,0,0,0.2),
    0px 8px 13px rgba(0,0,0,0.1),
    0px 18px 23px rgba(0,0,0,0.1);
    font-size: 12vmin;
    font-weight: 600;
    color: rgba(256, 256, 256, 0.7);
}


.golf-cover-h h4{
    text-shadow: 0px 4px 3px rgba(0,0,0,0.2),
    0px 8px 13px rgba(0,0,0,0.1),
    0px 18px 23px rgba(0,0,0,0.1);
    font-size: 6vmin;
    font-weight: 600;
    color: rgba(256, 256, 256, 0.7);
}


@-webkit-keyframes txtt {
    from {
        line-height: 30px;
        opacity: 0;
    }
    to {
        line-height: 80px;
        opacity: 0.9;
    }
}
@keyframes txtt {
    from {
        line-height: 30px;
        opacity: 0;
    }
    to {
        line-height: 80px;
        opacity: 0.9;
    }
}


.golf-search-bar-section {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100px;
    background: rgba(36, 53, 71, 0.7);
    padding: 10px 0;
}

.golf-search-bar {
    background: transparent;
    position: relative;
    box-sizing: border-box;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-flex-flow: row nowrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    padding: 0;
    margin-top: 10px;
}


.golf-search-bar li{
    margin-left: 3px;
}

.golf-search-bar li:nth-child(1){
    flex: 1 1 15%;
}

.golf-search-bar li:nth-child(2){
    flex: 1 1 17%;
}

.golf-search-bar li:nth-child(3){
    flex: 1 1 15%;
}

.golf-search-bar li:nth-child(4){
    flex: 1 1 15%;
}

.golf-search-bar li:nth-child(5){
    flex: 1 1 12%;
}

.golf-search-bar li:nth-child(6){
    flex: 1 1 12%;
}

.golf-search-bar li:nth-child(7){
    flex: 1 1 12%;
}






.golf-search-bar input[type=text] {
    box-sizing: border-box;
    position: relative;
    float: left;
    color: #243547;
    border: 1px solid rgba(256, 256, 256, 0.7);
    border-radius: 0;
    height: 44px;
    padding: 10px 5px;
    background: rgba(256, 256, 256, 0.6);
}

input.ow-form.check-in, input.ow-form.check-out {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 10px;
    position: relative;
    float: left;
    color: #243547!important;
    border: 1px solid rgba(256, 256, 256, 0.7);
    border-radius: 0;
    height: 35px;
    font-weight: 500!important;
    padding: 10px 5px;
    /*background: rgba(256, 256, 256, 0.6);*/
}

.golf-search-bar select {
    box-sizing: border-box;
    margin-bottom: 10px;
    position: relative;
    float: left;
    color: #243547;
    font-weight: 500;
    border: 1px solid rgba(256, 256, 256, 0.7);
    border-radius: 0;
    height: 44px;
    padding: 10px 5px;
    /*background: rgba(256, 256, 256, 0.6);*/
}
/*
.golf-search-bar input.check-in::-webkit-input-placeholder:before{
    font-family: 'FontAwesome';
    content: "\f073";
    margin-right: 5px;
    margin-left: 5px;
    vertical-align: baseline;
}

.golf-search-bar input.check-out::-webkit-input-placeholder:before{
    font-family: 'FontAwesome';
    content: "\f073";
    margin-right: 5px;
    margin-left: 5px;
    vertical-align: baseline;
}
*/


::-webkit-input-placeholder {
    color: #666;
    font-size: 15px;
    font-weight: 500;
}

input:focus::-webkit-input-placeholder {
    color: #999;
}
/*
.golf-input-country {
    width: 25%;
}

.golf-input-from {
    width: 15%;
}

.golf-input-to {
    width: 15%;
}
.golf-input-players {
    width: 15%;
}
.golf-input-holes {
    width: 15%;
}
*/

.golf-search-bar-btn {
  /*  width: 10%;*/
    box-sizing: border-box;
    margin-left: 5px;
    margin-right: 5px;
    position: relative;
    float: left;
}

.golf-search-bar-btn button {
    padding: 11px;
    margin: 0;
}


.golf-search-bar-btn i {
    font-size: 1.2em;
}

/*:;:;:;:;::;:;:;:;:;:::;:;:;:;::;:;:;:;:;::: GOLF REQUEST ;:;:;:;::;:;:;:;:;:::;:;:;:;::;:;:;:;:;::*/


.golf-requestp-container{
    width: 100%;
    position: relative;
    box-sizing: border-box;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
}

.golf-requestp-col-l{
    width: 67%;
    float: left;
    box-sizing: border-box;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
}


.golf-requestp-col-r{
    width: 30%;
    margin-left: 5px;
    margin-right: 5px;
    float: left;
    box-sizing: border-box;
    margin-top: 10px;
    position: relative;
    margin-bottom: 10px;

}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.ol-clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.golf-reservation-details{
    margin: 0;
    padding: 0;
}

#golf-reservation-details-cols{
    width: 100%;
    position: relative;
    box-sizing: border-box;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
}


.golf-reservation-details h4{
    padding: 0 10px;
}

.golf-separeitor{
    content: '';
    height: 1px;
    width: 60%;
    position: absolute;
}

.golf-reservation-details-col-l{
    flex: 1 1 35%;
}

.golf-reservation-details-col-l img{
    padding: 15px;
}


.golf-reservation-details-col-r{
    flex: 2 2 65%;
    margin-top: 15px;

}

.golf-reservation-details-col-r h6{
    padding: 10px 0;
    font-size: 0.9em;
}

.golf-reservation-details-resort-details{
    padding: 10px 0;
}

.golf-reservation-details-resort-details li{
    flex: 1 1 50%;
    margin-right: 20px;

}

.golf-reservation-details-resort-details ul{
    padding: 10px 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.golf-reservation-details-resort-details ul p{
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 0.9em;
}

.golf-reservation-details-resort-details ul p span{
    font-weight: 700;
}

.golf-holder-info{
    margin-top: 10px;

}

#golf-holder-info-cols{
    width: 100%;
    position: relative;
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
    flex-direction: row;
    flex-wrap: wrap;
    box-sizing: border-box;
    justify-content: center;
    align-content: center;
    padding-top: 15px;
}

#golf-holder-info-cols ul{
    flex: 1 1 100%;
    display: flex;
    margin: auto;
    align-items: center;
}

.golf-holder-info h4{
    padding: 0 10px;
}

.golf-holder-info{
    margin: 0;
    padding: 0;
    margin-top: 10px;
}

.golf-holder-info ul{
    padding: 10px;
}

.golf-holder-info ul p{
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 0.9em;
    margin-bottom: 5%;
}

.golf-holder-info ul p span{
    font-size: 0.8em;
}

.golf-holder-info ul li{
    display: block;
    margin-left: 10px;
    margin-right: 10px;
    text-align: left;
    width: 50%;
}

.golf-total-price{
    font-size: 1.1em!important;
    font-weight: 700!important;
}

.golf-total-price span{
    font-size: 1.3em!important;
    vertical-align: 0!important;
}

.golf-total-price span:before{
    font-family: 'FontAwesome';
    content: '\f155';
    margin-right: 5px;
}


.golf-callus{
    border-style: double;
    border-width: 6px;
    padding: 10px 5px;
    display: flex;
    flex-direction: column;
    flex-flow: wrap;
    justify-content: center;
    align-content: center;
    text-align: center;
}

.golf-callus h5{
    font-size: 3vh;
    font-weight: 700;
    display: inline-block;
    padding: 5px 0;
}

.golf-callus h6{
    font-size: 2.3vh;
    font-weight: 500;
    display: inline-block;
    margin: 10px 0!important;
}

.golf-callus i{
    border-radius: 25px;
    padding: 5px;
}

.golf-callus p{
    font-size: 1.8vh;
    font-weight: 300;
    display: inline-block!important;
}


.golf-finalize-button {
    margin: 0!important;
    padding: 10px 35px!important;
}

@keyframes modal-in{
    from{transform: translateY(-200px)}
    to{transform: translateY(0px)}
}

/**/

.dots{
    content: '';
    width: 1em;
    height: 1em;
    border-radius: 50%;
    animation-name: dots-anim;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction:normal;
    transition-delay: 0.8s;

}

.thedots li{
    display: inline-block;
    margin: 10px;
}

.thedots {
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;

}

.modalgolf-loading p{
    line-height: 140%;
    font-size: 1em;
    font-weight: 600;
}



@keyframes dots-anim{
    0%{transform: scale(0.8); }
    50%{transform: scale(1.2)}
    100%{transform: scale(0.8);}
}

.delay1{
    animation-delay: 0.2s;
}

.delay2{
    animation-delay: 0.4s;
}

/* golf modal */


.modalgolf {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity:1;
    pointer-events: auto;
    z-index: 99999;
    animation-name: modalAsap-in;
    animation-duration: 0.5s;
    text-align: center;
}

.modalgolf-loading {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity:1;
    pointer-events: auto;
    z-index: 99999;
    animation-name: modalAsap-in;
    animation-duration: 0.5s;
    text-align: center;
}


.modalgolf .hidden{
    pointer-events: none;
    opacity:0;
}


.modalgolf-loading .hidden{
    pointer-events: none;
    opacity:0;
}

.modalgolf > div {
    width: 450px;
    position: relative;
    margin: 13% auto;
    padding: 5px 20px 13px 20px;
    border-radius: 2px;
    height: auto;
    -moz-box-shadow: 0px 2px 5px #333;
    -webkit-box-shadow: 0px 2px 5px #333;
    box-shadow: 0px 2px 5px #333;
    animation-name: modal-in;
    animation-duration: 0.8s;
}

.modalgolf-loading > div {
    width: 450px;
    position: relative;
    margin: 13% auto;
    padding: 5px 20px 13px 20px;
    border-radius: 2px;
    background: transparent;
    height: auto;
    animation-name: loadingmodal-in;
    animation-duration: 0.8s;
    display: flex;
    flex-direction: column;
}


.modalgolf p{
    line-height: 120%;
    margin: 10px 0;
    font-size: 1em;
    font-weight: 500;

}

.modalgolf p span{
    font-style: italic;
    font-weight: 700;
}


.modalgolf h2{
    margin-top: 10px!important;
    margin-bottom: 10px;
    font-size: 1.3em;
    font-weight: 600;
}




/*:_::___:_:_:_:_:_:_:_:_:_:_:_:_:::     PACKAGES    :____:::_:__:_:_:_:_:_:_:_::_____:_:_:_:_:*/

/*<!-- STYLES FOR PACKAGES REQUEST P -->*/




.packages-requestp-container{
    width: 100%;
    position: relative;
    box-sizing: border-box;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
}

.packages-requestp-col-l{
    width: 67%;
    float: left;
    box-sizing: border-box;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
}


.packages-requestp-col-r{
    width: 30%;
    margin-left: 5px;
    margin-right: 5px;
    float: left;
    box-sizing: border-box;
    margin-top: 10px;
    position: relative;
    margin-bottom: 10px;

}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.packages-reservation-details{
    margin: 0;
    padding: 0;
}

#packages-reservation-details-cols{
    width: 100%;
    position: relative;
    box-sizing: border-box;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
}


.packages-reservation-details h4{
    padding: 10px;
}

.packages-separeitor{
    content: '';
    height: 1px;
    width: 50%;
    position: absolute;
    margin-top: 3px;

}

.packages-reservation-details-col-l{
    flex: 1 1 43%;
}

.packages-reservation-details-col-l img{
    padding: 15px;
}

.packages-reservation-details-col-r{
    flex: 2 2 50%!important;
    margin-top: 15px;
}

.packages-reservation-details-col-r h5{
    margin-bottom: 5px;
}

.packages-reservation-details-col-r h6{
    padding: 5px 0;
    font-size: 0.9em;
}

.packages-reservation-details-resort-details{
    padding: 5px 0;
}

.packages-reservation-details-resort-details li{
    display: table-cell;
    margin-right: 10px;
}

.packages-reservation-details-resort-details ul{
    margin-top: 10px;

}

.packages-reservation-details-resort-details ul p{
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 0.9em;
    margin-bottom: 3px;
}

.packages-reservation-details-resort-details ul p span{
    font-weight: 700;
}

.packages-holder-info{
    margin-top: 10px;

}

.packages-guest-info input[type=number]{
    margin: 0!important;
}

.packages-guest-info input[type=text]{
    margin: 10px 0!important;
}


#packages-holder-info-cols{
    width: 100%;
    position: relative;
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
    flex-direction: row;
    flex-wrap: wrap;
    box-sizing: border-box;
    justify-content: center;
    align-content: center;
    padding-top: 15px;
}

#packages-holder-info-cols ul{
    flex: 1 1 100%;
    display: flex;
    margin: auto;
    align-items: center;
}

.packages-holder-info h4{
    padding: 10px;
}

.packages-holder-info{
    margin: 0;
    padding: 0;
    margin-top: 10px;
}

.packages-holder-info ul{
    padding: 10px;
}

.packages-holder-info ul p{
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 0.9em;
    margin-bottom: 5%;
}

.packages-holder-info ul p span{
    font-size: 0.8em;
}

.packages-holder-info ul li{
    display: block;
    margin-left: 10px;
    margin-right: 10px;
    text-align: left;
    width: 50%;
}

.packages-total-price{
    font-size: 1.1em!important;
    font-weight: 700!important;
}

.packages-total-price span{
    font-size: 1.3em!important;
    vertical-align: 0!important;
}

.packages-total-price span:before{
    font-family: 'FontAwesome';
    content: '\f155';
    margin-right: 5px;
}

sup{
    vertical-align: super;
    font-size: smaller;
}

sub{
    vertical-align: bottom;
    font-size: smaller;
}

.packages-callus{
    border-style: double;
    border-width: 6px;
    padding: 10px 5px;
    display: flex;
    flex-direction: column;
    flex-flow: wrap;
    justify-content: center;
    align-content: center;
    text-align: center;
}

.packages-callus h5{
    font-size: 3vh;
    font-weight: 700;
    display: inline-block;
    padding: 5px 0;
}

.packages-callus h6{
    font-size: 2.3vh;
    font-weight: 500;
    display: inline-block;
    margin: 10px 0!important;
}

.packages-callus i{
    border-radius: 25px;
    padding: 5px;
}

.packages-callus p{
    font-size: 1.8vh;
    font-weight: 300;
    display: inline-block!important;
}






/*:;:;:MODAL MODAL MODAL;:;:*/

/* top */

.modalpackages {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity:1;
    pointer-events: auto;
    z-index: 99999;
    animation-name: modalAsap-in;
    animation-duration: 0.5s;
    text-align: center;
}

.modalpackages-loading {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity:1;
    pointer-events: auto;
    z-index: 99999;
    animation-name: modalAsap-in;
    animation-duration: 0.5s;
    text-align: center;
    background-color: rgba(36,56,71,0.8);
}


.modalpackages .hidden{
    pointer-events: none;
    opacity:0;
}


.modalpackages-loading .hidden{
    pointer-events: none;
    opacity:0;
}

.modalpackages > div {
    width: 450px;
    position: relative;
    margin: 13% auto;
    padding: 5px 20px 13px 20px;
    border-radius: 2px;
    height: auto;
    -moz-box-shadow: 0px 2px 5px #333;
    -webkit-box-shadow: 0px 2px 5px #333;
    box-shadow: 0px 2px 5px #333;
    animation-name: modal-in;
    animation-duration: 0.8s;
}

.modalpackages-loading > div {
    width: 450px;
    position: relative;
    margin: 13% auto;
    padding: 5px 20px 13px 20px;
    border-radius: 2px;
    background: transparent;
    height: auto;
    animation-name: loadingmodal-in;
    animation-duration: 0.8s;
    display: flex;
    flex-direction: column;
}


.modalpackages p{
    line-height: 120%;
    margin: 10px 0;
    font-size: 1em;
    font-weight: 500;

}

.modalpackages p span{
    font-style: italic;
    font-weight: 700;
}


.modalpackages h2{
    margin-top: 10px!important;
    font-size: 1.3em;
    font-weight: 600;
}

.packages-finalize-button {
    margin: 10px!important;
    padding: 10px 35px!important;

}

@keyframes modal-in{
    from{transform: translateY(-200px)}
    to{transform: translateY(0px)}
}

@keyframes modal-in{
    0%{opacity: 0}
    100%{opacity: 1}
}

@keyframes modalAsap-in{
    from{opacity: 0}
    to{opacity: 1}
}



/*bottom*/
.asapwks-ol-logo{
    background: transparent;
    position: absolute;
    top: 15%;
    left: 30%;
    width: 40%;
    height: 100%;
    opacity: 0;
    z-index: 999;

}

@keyframes ol-logo-in {
    0%{opacity: 0}
    100%{opacity: 1}
}

.asapwks-ol-logo-anim{
    opacity: 0;
    background: transparent;
    position: absolute;
    top: 15%;
    left: 30%;
    width: 40%;
    height: auto;
    z-index: 999;

    animation-name: ol-logo-in;
    animation-duration: 0.8s;
    animation-delay: 3.2s;
    transition-timing-function: ease-in;
    transform-origin: center center;
    animation-fill-mode: forwards;
}


.asapwks-response-icons-container-anim{
    animation-name: border-anim;
    animation-duration: 3.2s;
    transition-timing-function: ease-in;
    animation-fill-mode: forwards;
}

@keyframes border-anim{
    0%{border-bottom: 0px solid white;}
    25%{border-bottom: 2px solid #99aac3;}
    70%{border-bottom: 2px solid #99aac3;}
    100%{border-bottom: 0px solid white;}
}


@keyframes animname{
    0%{transform: translateY(-120px);opacity: 0}
    100%{transform: translateY(120px);opacity: 1}
}

.dots{
    content: '';
    width: 1em;
    height: 1em;
    border-radius: 50%;
    animation-name: dots-anim;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction:normal;
    transition-delay: 0.8s;

}

.thedots li{
    display: inline-block;
    margin: 10px;
}

.thedots {
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
}


@keyframes dots-anim{
    0%{transform: scale(0.8); }
    50%{transform: scale(1.2)}
    100%{transform: scale(0.8);}
}

@-webkit-keyframes dots-anim{
    0%{transform: scale(0.8); }
    50%{transform: scale(1.2)}
    100%{transform: scale(0.8);}
}
@-o-keyframes dots-anim{
    0%{transform: scale(0.8); }
    50%{transform: scale(1.2)}
    100%{transform: scale(0.8);}
}

@-moz-keyframes dots-anim{
    0%{transform: scale(0.8); }
    50%{transform: scale(1.2)}
    100%{transform: scale(0.8);}
}

.delay1{
    animation-delay: 0.2s;
}

.delay2{
    animation-delay: 0.4s;
}

#loadingModal p{
    font-size: 1em;
    font-weight: 600;
    font-family: 'Open Sans';
    line-height: 130%;
    letter-spacing: 1px;
}

.asapwks-reservation-confirmation-list{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    text-align: center;
}

.asapwks-reservation-confirmation-list li{
    flex: 1 1 100%;
    text-align: center;
}

.asapwks-reservation-confirmation-list h2 span{
    font-weight: 700;
}

.asapwks-reservation-confirmation-list p{
    margin: 5px 0 !important;
}


.asap-anim-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    background-size: 100% auto;
    height: 100px;
    transform: translateZ(0);
    backface-visibility: hidden;
    perspective: 1000px;

}

.asap-anim{
    background: url('https://s3.amazonaws.com/itadevelopers-assets/Logos/sent_anim.svg') no-repeat;
    width: 150px;
    height: 100px;
    opacity: 0.8;
    animation: asap-anim-anim 1.7s steps(20) forwards;
    animation-delay: 0.7s;

}

@keyframes asap-anim-anim {
    0%{background-position: 0 0;}
    100% {background-position: 0 -2000px;}
}

@-webkit-keyframes asap-anim-anim {
    0%{background-position: 0 0;}
    100% {background-position: 0 -2000px;}
}

@-o-keyframes asap-anim-anim {
    0%{background-position: 0 0;}
    100% {background-position: 0 -2000px;}
}

@-moz-keyframes asap-anim-anim {
    0%{background-position: 0 0;}
    100% {background-position: 0 -2000px;}
}

.loading-logo-anim-container{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    background-size: 100% auto;
    height: 100px;
    transform: translateZ(0);
    backface-visibility: hidden;
    perspective: 1000px;
}

.logo-anim-logo{
    background: url('https://s3.amazonaws.com/itadevelopers-assets/Logos/ol-logo-loading-anim1.svg') no-repeat!important;
    width: 100px;
    height: 100px;
    opacity: 0.8;
    animation: loading-logo-anim 1s steps(12) infinite;
    border-radius: 50%;
    box-sizing: border-box;
}

@keyframes loading-logo-anim{
    0%{background-position: 0 0;}
    100%{background-position: 0 -1200px;}
}

@-webkit-keyframes loading-logo-anim{
    0%{background-position: 0 0;}
    100%{background-position: 0 -1200px;}

}@-moz-keyframes loading-logo-anim{
     0%{background-position: 0 0;}
     100%{background-position: 0 -1200px;}

 }@-o-keyframes loading-logo-anim{
      0%{background-position: 0 0;}
      100%{background-position: 0 -1200px;}
  }


.packages-modal-out {
    animation-name: packages-modal-out-anim;
    animation-duration: 2s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}

@keyframes packages-modal-out-anim {
    from{opacity: 1;}
    to{opacity: 0;}
}





/*<!-- END STYLES FOR PACKAGES REQUEST P -->*/



.packages-guest-info input[type=text]{
    background-color: rgba(256,256,256,0.6);
    width: 80% !important;
    height: 30px !important;
}


.packages-guest-info{
    width: 100%;
    position: relative;
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
    flex-direction: row;
    flex-wrap: wrap;
    box-sizing: border-box;
    justify-content: space-around;
    align-content: space-around;
    padding-top: 5px;
}

.packages-guest-info li{
    flex: 1 1 45%;
    margin: auto;
}


.asapwks-ol-logo{
    background: transparent;
    position: absolute;
    top: 15%;
    left: 30%;
    width: 40%;
    height: auto;
    opacity: 0;
    z-index: 999;

}

@keyframes ol-logo-in {
    0%{opacity: 0}
    100%{opacity: 1}
}

.asapwks-ol-logo-anim{
    opacity: 0;
    background: transparent;
    position: absolute;
    top: 15%;
    left: 30%;
    width: 40%;
    height: auto;
    z-index: 999;

    animation-name: ol-logo-in;
    animation-duration: 0.8s;
    animation-delay: 3.2s;
    transition-timing-function: ease-in;
    transform-origin: center center;
    animation-fill-mode: forwards;
}


#asapwks-response-icons-container{
    border-bottom: 2px solid #666;
}

.nvloup{
    opacity: 0;
}

.nvloup-anim{
    opacity: 0;
    animation-name: animname;
    animation-duration: 1s;
    animation-delay: 0.8s;
    transition-timing-function: ease-out;
}


@keyframes animname{
    0%{transform: translateY(-120px);opacity: 0}
    100%{transform: translateY(120px);opacity: 1}
}

.peiper-plein{
    opacity: 0;
}

.peiper-plein-anim{
    opacity: 0;
    animation-name: peiper-in;
    animation-duration: 2s;
    animation-delay: 1.8s;
    transition-timing-function: ease-out;
    transform-origin: top right;
}


@keyframes peiper-in{
    0%{transform: translateY(120px);opacity: 0}
    50%{transform: translateY(0px);opacity:1;transform:scale(1);}
    60%{transform: scale(1.2)}
    95%{transform: scale(0)}

}




/*:;:;:;:;:;:;::;:;:;:;:;:;;:; ======TC YACHTS ====== :;::;:;:;:;:;:;:;:;:;:;:;:;:;:;*/



.yachts-cover-container{
    position: relative;
    display: block;
}


.yachts-cover-img{
    background-image: url('https://s3.amazonaws.com/itadevelopers-assets/Yachts/4yachts1.jpg');
    background-size: 100% 120%!important;
    position: relative;
    background-attachment: fixed;
}

.yachts-cover-h{
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-animation: txttnu 2s 1;
    animation: txttnu 2s 1;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    z-index: 0;
}


#yachts-hh2{
    display: block;
    margin: 0;
    position: relative;
    z-index: 0;
    top: -20px;
}

#yachts-hh4{
    display:block;
    margin: 0;
    position: relative;
    z-index: 0;
    top: -20px;
}

.yachts-cover-h h2{
    font-size: 12vmin;
    font-weight: 600;
}


.yachts-cover-h h4{
    font-size: 6vmin;
    font-weight: 600;
}



.yachts-search-bar-section {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100px;
    padding: 10px 0;
}

.yachts-search-bar {
    background: transparent;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 0;
    margin-top: 10px;
}

.yachts-search-bar li{
    margin-left: 5px;
}


.yachts-search-bar input[type=text] {
    box-sizing: border-box;
    margin-left: 5px;
    margin-right: 5px;
    position: relative;
    float: left;
    border-radius: 0;
    height: 44px;
    padding: 10px 5px;
}

.yachts-search-bar select {
    box-sizing: border-box;
    margin-left: 5px;
    margin-right: 5px;
    position: relative;
    float: left;
    font-weight: 500;
    border-radius: 0;
    height: 44px;
    padding: 10px 5px;
}
/*
.yachts-input-date .check-out::-webkit-input-placeholder:before{
    font-family: 'FontAwesome';
    content: "\f073";
    margin-right: 5px;
    margin-left: 5px;
    vertical-align: baseline;
}
*/

.yachts-input-area {
    flex: 1 1 18%;
}

.yachts-input-cruises {
    flex: 1 1 18%;
}

.yachts-input-motor {
    flex: 1 1 13%;
}
.yachts-input-guest {
    flex: 1 1 13%;
}
.yachts-input-date {
    flex: 1 1 13%;
}

.yachts-search-bar-btn {
    flex: 1 1 10%;
    box-sizing: border-box;
    margin-left: 5px;
    margin-right: 5px;
    position: relative;
    float: left;
}

.yachts-search-bar-btn button {
    padding: 11px;
    margin: 0;
    margin-left: 5px;
}


.yachts-search-bar-btn i {
    font-size: 1.2em;
}

/*====*/

.yachts-cards-container{
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    flex-direction: row;
    flex-wrap: wrap;
}

.yachts-card-card{
    flex: 1 1 48%;
    margin-left: 8px;
    margin-bottom: 8px;
    display: block;
    -webkit-background-size: cover;
    background-size: cover;
}


/*:;::;:;:; yachts card 1   :;:;:;:;:*/


.yachts-card1{
    position: relative;
    z-index: 1;
    transition: yachts-card1-bganim 2s ease;
}

.yachts-card1:before{
    content: '';
    position: absolute;
    overflow: hidden;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("https://s3-us-west-2.amazonaws.com/com.owners-link.yachts/yate2.jpg");
    background-size: 120% 100%;
    background-position: 100% 100%;
}

.yachts-card1:hover:before{
    animation-name: yachts-card1-bganim;
    animation-duration: 2s;
    animation-timing-function: ease;
    animation-fill-mode: both;
}


@keyframes yachts-card1-bganim {
    from{background-position: 100% 100%;}
    to{background-position: 70% 100%;}
}

/*;:;;::;: yachts card 2  ;:;:;*/

.yachts-card2{
    position: relative;
    z-index: 2;
    overflow: hidden;
    transition: yachts-card2-bganim 2s ease;
}

.yachts-card2:before{
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("https://s3-us-west-2.amazonaws.com/com.owners-link.yachts/yate1.jpg");
    background-position: center;
}


.yachts-card2:hover:before{
    animation-name: yachts-card2-bganim;
    animation-duration: 2s;
    animation-timing-function: ease;
    animation-fill-mode: both;
}


@keyframes yachts-card2-bganim {
    from{transform: rotate(0deg) scale(1)}
    to{transform: rotate(3deg) scale(1.1)}
}


/*;:;;:yachts card 3;:;:;*/

.yachts-card3{
    position: relative;
    z-index: 2;
    overflow: hidden;
    transition: yachts-card3-bganim 2s ease;
}

.yachts-card3:before{
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("https://s3-us-west-2.amazonaws.com/com.owners-link.yachts/yate3.jpg");
    background-position: 100% 100%;
    background-size: 110% 100%;
}


.yachts-card3:hover:before{
    animation-name: yachts-card3-bganim;
    animation-duration: 2s;
    animation-timing-function: ease;
    animation-fill-mode: both;
}


@keyframes yachts-card3-bganim {
    from{transform: scale(1); background-position: 100% 100%;}
    to{transform: scale(1.1); background-position: 120% 100%;}
}



/*:;::;: yachts card 4 ;:;:;*/

.yachts-card4:before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.yachts-card4:after{
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("https://s3-us-west-2.amazonaws.com/com.owners-link.yachts/yate4.jpg");
    background-size: cover;
    background-position: center;
}


.yachts-card4{
    position: relative;
    z-index: 1;
    transition: yachts-anim-gradient 0.5s ease;
}

.yachts-card4:hover:before{
    animation-name: yachts-anim-gradient;
    animation-duration: 0.5s;
    animation-timing-function: ease;
    animation-fill-mode: both;
}

@keyframes yachts-anim-gradient {
    from{opacity: 1}
    to{opacity: 0}
}

/**/


.yachts-hs{
    height: 100%;
    text-align: center;
    display: flex;
    justify-content: flex-start;
    align-content: center;
}

.yachts-h-bg{
    flex: 1 1 100%;
    align-self: flex-start;
    display: block;
    padding: 10px 5px;
    font-size: 1.2em;
    font-weight: 600;
}

.h2-for-yachts{
    display: block;
    font-size: 5vmin;
    font-weight: 700;
    z-index: 1;

}

.h2-for-yachts:hover{
    animation-name: yachts-h2-anim;
    animation-duration: 2s;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
}

@keyframes yachts-h2-anim {
    from{font-size:5vmin;letter-spacing: 0;}
    to{font-size:7vmin;letter-spacing: 5px;}
}


.yachts-card4-h{
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    height: 100%;
    align-content: center;
}

.card-bgimg{
    background-size: cover;
    background-position: center center;
}



/*:;:;:MODAL MODAL MODAL;:;:*/

/* top */



.modalyachts {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity:1;
    pointer-events: auto;
    z-index: 99999;
    animation-name: modalAsap-in;
    animation-duration: 0.5s;
    text-align: center;
}

.modalyachts-loading {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity:1;
    pointer-events: auto;
    z-index: 99999;
    animation-name: modalAsap-in;
    animation-duration: 0.5s;
    text-align: center;
}


.modalyachts .hidden{
    pointer-events: none;
    opacity:0;
}


.modalyachts-loading .hidden{
    pointer-events: none;
    opacity:0;
}

.modalyachts > div {
    width: 450px;
    position: relative;
    margin: 13% auto;
    padding: 5px 20px 13px 20px;
    border-radius: 2px;
    height: auto;
    -moz-box-shadow: 0px 2px 5px #333;
    -webkit-box-shadow: 0px 2px 5px #333;
    box-shadow: 0px 2px 5px #333;
    animation-name: modal-in;
    animation-duration: 0.8s;
}

.modalyachts-loading > div {
    width: 450px;
    position: relative;
    margin: 13% auto;
    padding: 5px 20px 13px 20px;
    border-radius: 2px;
    /*background: transparent;*/
    height: auto;
    animation-name: loadingmodal-in;
    animation-duration: 0.8s;
    display: flex;
    flex-direction: column;
}


.modalyachts p{
    line-height: 120%;
    margin: 10px 0;
    font-size: 1em;
    font-weight: 500;

}

.modalyachts p span{
    font-style: italic;
    font-weight: 700;
}


.modalyachts h2{
    margin-top: 10px!important;
    font-size: 1.3em;
    font-weight: 600;
}

.yachts-finalize-button {
    margin: 10px!important;
    padding: 10px 35px!important;

}

.yachts-callus{
    border-style: double;
    border-width: 6px;
    padding: 10px 5px;
    display: flex;
    flex-direction: column;
    flex-flow: wrap;
    justify-content: center;
    align-content: center;
    text-align: center;
}

.yachts-callus h5{
    font-size: 3vh;
    font-weight: 700;
    display: inline-block;
    padding: 5px 0;
}

.yachts-callus h6{
    font-size: 2.3vh;
    font-weight: 500;
    display: inline-block;
    margin: 10px 0!important;
}

.yachts-callus i{
    border-radius: 25px;
    padding: 5px;
}

.yachts-callus p{
    font-size: 1.8vh;
    font-weight: 300;
    display: inline-block!important;
}






/*========================= YACHTS REQUEST =========================*/


.yachts-request-details-row li:last-child{
    margin-top: 20px;
}

.half-li li:first-child{
    margin-top: 20px;
}

.half-li


.full-li li:first-child{
    margin: 0;
}

.yachts-request-details-details p{
    font-size: 0.9em;
    font-weight: 600;
    letter-spacing: 1px;
    display: inline-block;
}

.yachts-request-details-details p span{
    font-weight: 700;
}

.yachts-request-account-container p{
    font-size: 0.9em;
    font-weight: 600;
    letter-spacing: 1px;
}

.yachts-request-account-container p span{
    font-weight: 700;
}

.yachts-request-details-details select{
    margin: 0;
    padding: 8px;
}

.full-li li{
    flex: 1 1 98%!important;
}

.yachts-request-details-row li{
    flex: 1 1 48%;
    display: inline-block;
    align-self: flex-start;
    margin: 5px 3px;
}

.yachts-request-details-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: stretch;
    padding: 0;
    margin: auto;
}

.yachts-account-row li{
    flex: 1 1 48%;
    display: inline-block;
    align-self: flex-start;
    margin: 20px 0px;
}

.yachts-account-row{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: stretch;
    padding: 10px;
    margin: auto;
}



.yachts-account-row-btn{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: stretch;
    padding: 10px;
    margin: auto;
}

.yachts-account-row-btn li{
    flex: 1 1 48%;
    display: inline-block;
    align-self: flex-start;
    margin: 20px 0px;
}


.yachts-request-account{
    margin-top: 10px;
}


.yachts-request-details-col-l{
    flex: 1 1 40%;
    margin: 0;
    padding: 10px;
}

.yachts-request-details-col-r{
    flex: 1 1 55%;
    margin: 0;
    padding: 10px;
}


.yachts-request-details-container{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
}


.yachts-request-details-h{
    padding: 10px;
}

.yachts-request-container{
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 2px;
    padding: 0;
    margin: 0;
    align-items: stretch;
    justify-content: space-around;
    box-sizing: border-box;
}

.yachts-request-col-l{
    flex: 1 1 69%;
    display: block;
    float: left;
    box-sizing: border-box;
    margin: 10px 5px 10px 5px;
    position: relative;
}

.yachts-request-col-r{
    flex: 1 1 29%;
    display: block;
    float: left;
    box-sizing: border-box;
    margin: 10px 5px 10px 5px;
    position: relative;
}

.yachts-ship-date p span{
    margin-top: 10px;
    display: inherit;
}




.yachts-request-details-row li:last-child{
    margin-top: 20px;
}

.half-li li:first-child{
    margin-top: 20px;
}

.full-li li:first-child{
    margin: 0;
}

.yachts-request-details-details p{
    font-size: 0.9em;
    font-weight: 600;
    letter-spacing: 1px;
    display: inline-block;
}

.yachts-request-details-details p span{
    font-weight: 700;
}

.yachts-request-account-container p{
    font-size: 0.9em;
    font-weight: 600;
    letter-spacing: 1px;
}

.yachts-request-account-container p span{
    font-weight: 700;
}

.yachts-request-details-details select{
    margin: 0;
    padding: 8px;
}

.full-li li{
    flex: 1 1 98%!important;
}

.yachts-request-details-row li{
    flex: 1 1 48%;
    display: inline-block;
    align-self: flex-start;
    margin: 5px 3px;
}

.yachts-request-details-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: stretch;
    padding: 0;
    margin: auto;
}

.yachts-account-row li{
    flex: 1 1 48%;
    display: inline-block;
    align-self: flex-start;
    margin: 20px 0px;
}

.yachts-account-row{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: stretch;
    padding: 10px;
    margin: auto;
}


.yachts-request-account{
    margin-top: 10px;
}


.yachts-request-details-col-l{
    flex: 1 1 40%;
    margin: 0;
    padding: 10px;
}

.yachts-request-details-col-r{
    flex: 1 1 55%;
    margin: 0;
    padding: 10px;
}


.yachts-request-details-container{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
}


.yachts-request-details-h{
    padding: 10px;
}

.yachts-request-container{
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 2px;
    padding: 0;
    margin: 0;
    align-items: stretch;
    justify-content: space-around;
    box-sizing: border-box;
}

.yachts-request-col-l{
    flex: 1 1 69%;
    display: block;
    float: left;
    box-sizing: border-box;
    margin: 10px 5px 10px 5px;
    position: relative;
}

.yachts-request-col-r{
    flex: 1 1 29%;
    display: block;
    float: left;
    box-sizing: border-box;
    margin: 10px 5px 10px 5px;
    position: relative;
}

/**/


/*;::;:;::;:;:;:;:;:;:;;====== TICKETS ======:;:;;:;:;:;:;:;:;:;:;:;:;:;:*/


.tickets-cover-container{
    position: relative;
    display: block;
}

.tickets-cover-img{
    background-image: url('https://s3.amazonaws.com/itadevelopers-assets/Tickets/4tickets1.jpg');
    background-size: 100% 120%!important;
    position: relative;
    background-attachment: fixed;
}

.tickets-cover-h{
    display: block;
    width: 100%;
    height: 80%;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-animation: txttnu 2s 1;
    animation: txttnu 2s 1;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    position: relative;
    z-index: 0;
}

#tickets-hh2{
    position: static;
}

#tickets-hh4{
    display:block;
}

.tickets-cover-h h2{
    text-shadow: 0px 4px 3px rgba(0,0,0,0.2),
    0px 8px 13px rgba(0,0,0,0.1),
    0px 18px 23px rgba(0,0,0,0.1);
    font-size: 12vmin;
    font-weight: 600;
}


@-webkit-keyframes txtt {
    from {
        line-height: 30px;
        opacity: 0;
    }
    to {
        line-height: 80px;
        opacity: 0.9;
    }
}
@keyframes txtt {
    from {
        line-height: 30px;
        opacity: 0;
    }
    to {
        line-height: 80px;
        opacity: 0.9;
    }
}


.tickets-search-bar-section {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100px;
    padding: 10px 0;
}

.tickets-search-bar {
    background: transparent;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 0;
    margin-top: 10px;
}

.tickets-search-bar li{
    margin: 0 2px;
    display: block;
    flex: 1 1 auto;
}


.tickets-search-bar input[type=text] {
    box-sizing: border-box;
    position: relative;
    float: left;
    border-radius: 0;
    height: 44px;
    padding: 10px 5px;
    margin: 0;
}

.tickets-search-bar select {
    box-sizing: border-box;
    position: relative;
    float: left;
    border-radius: 0;
    height: 44px;
    padding: 10px 5px;
    margin: 0;
}


::-webkit-input-placeholder {
    font-size: 15px;
    font-weight: 500;
}


.tickets-input-destination {
    flex:1 1 25%;
}

.tickets-input-destination input[type=text]:focus{
    color: black!important;
    font-weight: 500;
}

    /*
    .tickets-destination-icon::-webkit-input-placeholder:before {
        font-family: 'FontAwesome';
        content: "\f041";
        margin-right: 5px;
        margin-left: 5px;
        vertical-align: baseline;
    }
    */
.tickets-input-from {
    flex:1 1 15%;
}
/*
.tickets-from-icon::-webkit-input-placeholder:before{
    font-family: 'FontAwesome';
    content: "\f073";
    margin-right: 5px;
    margin-left: 5px;
    vertical-align: baseline;
}
*/
.tickets-input-to {
    flex:1 1 15%;
}
/*
.tickets-to-icon::-webkit-input-placeholder:before{
    font-family: 'FontAwesome';
    content: "\f073";
    margin-right: 5px;
    margin-left: 5px;
    vertical-align: baseline;
}
*/
.tickets-to-icon::-webkit-input-placeholder{
    margin: 10px !important;
}

.tickets-input-adults {
    flex:1 1 12%;
}
/*
#tickets-icon p:before{
    font-family: 'FontAwesome';
    content: "\f041";
    margin-right: 5px;
    margin-left: 5px;
    vertical-align: baseline;
}
*/
.tickets-input-children {
    flex:1 1 12%;
}
/*
.tickets-children-icon::-webkit-input-placeholder:before{
    font-family: 'FontAwesome';
    content: "\f041";
    margin-right: 5px;
    margin-left: 5px;
    vertical-align: baseline;
}
*/
.tickets-search-bar-btn {
    flex:1 1 12%;
    box-sizing: border-box;
    position: relative;


}

.tickets-search-bar-btn button {
    padding: 12px;
    margin: auto;
}


.tickets-search-bar-btn i {
    font-size: 1.2em;
}


.tickets-main-content{
    background-color: white;
    position: relative;
}


/*====*/

/*:_:_::_:_:_::_:_::=============  TICKETS REQUEST :_::_:::_:_:_:_:_:_:============*/


/*  modal*/


.tickets-reservation-confirmation-list{
    pointer-events: auto;
    display: block;
}


#tickets-loadingModal p{
    font-size: 1em;
    font-weight: 600;
    font-family: 'Open Sans';
    line-height: 130%;
    letter-spacing: 1px;
}

.modaltickets {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity:1;
    pointer-events: none;
    z-index: 99999;
    animation-name: modalAsap-in;
    animation-duration: 0.5s;
    text-align: center;
    z-index: 99999;
    background-color: rgba(36, 53, 71, 0.6)
}

.tickets-loading {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity:1;
    pointer-events: auto;
    z-index: 99999;
    animation-name: modalAsap-in;
    animation-duration: 0.5s;
    text-align: center;
}


.modaltickets .hidden{
    pointer-events: none;
    opacity:0;
}


.tickets-loading .hidden{
    pointer-events: none;
    opacity:0;
}

.modaltickets > div {
    width: 450px;
    position: relative;
    margin: 13% auto;
    padding: 5px 20px 13px 20px;
    border-radius: 2px;
    height: auto;
    -moz-box-shadow: 0px 2px 5px #333;
    -webkit-box-shadow: 0px 2px 5px #333;
    box-shadow: 0px 2px 5px #333;
    animation-name: modal-in;
    animation-duration: 0.8s;
    pointer-events: auto;
    background-color: #f3f5f8;
}

.tickets-loading > div {
    width: 450px;
    position: relative;
    margin: 13% auto;
    padding: 5px 20px 13px 20px;
    border-radius: 2px;
    background: transparent;
    height: auto;
    animation-name: loadingmodal-in;
    animation-duration: 0.8s;
    display: flex;
    flex-direction: column;
}


.modaltickets p{
    line-height: 120%;
    margin: 10px 0;
    font-size: 1em;
    font-weight: 500;

}

.modaltickets p span{
    font-style: italic;
    font-weight: 700;
}


.modaltickets h2{
    margin-top: 10px!important;
    font-size: 1.3em;
    font-weight: 600;
}

.tickets-finalize-button {
    margin: 10px!important;
    padding: 10px 35px!important;
    pointer-events: auto;

}


.tickets-callus{
    border-style: double;
    border-width: 6px;
    padding: 10px 5px;
    display: flex;
    flex-direction: column;
    flex-flow: wrap;
    justify-content: center;
    align-content: center;
    text-align: center;
}

.tickets-callus h5{
    font-size: 3vh;
    font-weight: 700;
    display: inline-block;
    padding: 5px 0;
}

.tickets-callus h6{
    font-size: 2.3vh;
    font-weight: 500;
    display: inline-block;
    margin: 10px 0!important;
}

.tickets-callus i{
    border-radius: 25px;
    padding: 5px;
}

.tickets-callus p{
    font-size: 1.8vh;
    font-weight: 300;
    display: inline-block!important;
}



/* :;:;:;:;:;:;:  tickets :;:;:;:;:;:;: */


.tickets-request-container{
    width: 100%;
    position: relative;
    box-sizing: border-box;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 0;
    margin: 0;
}

.tickets-request-col-l{
    flex: 1 1 62%;
    float: left;
    box-sizing: border-box;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
}


.tickets-request-col-r{
    flex: 1 1 25%;
    margin-left: 5px;
    margin-right: 5px;
    float: left;
    box-sizing: border-box;
    margin-top: 10px;
    position: relative;
    margin-bottom: 10px;
}

.tickets-request-details{
    margin: 0;
    padding: 0;
}

#tickets-request-details-cols{
    width: 100%;
    position: relative;
    box-sizing: border-box;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
}


.tickets-request-details h4{
    padding: 10px;
}


.tickets-request-details-col-l{
    flex: 1 1 35%;
    display: block;
}

.tickets-request-details-col-l img{
    padding: 15px;
}


.tickets-request-details-col-r{
    flex: 2 2 65%;
    margin-top: 15px;
    display: block;
}

.tickets-request-details-col-r h5{
    font-size: 1em;
    font-weight: 600;
}


.tickets-request-separeitor{
    content: '';
    height: 1px;
    width: 60%;
    position: absolute;
    margin-top: 10px;
    display: block;

}

.tickets-request-details-details-row{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: stretch;
    margin: 10px 0;
    padding: 10px 0;
}

.tickets-request-details-details-row li{
    margin-bottom: 15px;
    list-style-type: none;
    display: inline;
}

.tickets-request-details-details-row li:nth-child(1){
    flex: 1 1 50%;
}

.tickets-request-details-details-row li:nth-child(2){
    flex: 1 1 50%;
}

.tickets-request-details-details-row li:nth-child(3){
    flex: 1 1 50%;
}

.tickets-request-details-details-row li:nth-child(4){
    flex: 1 1 50%;
}

.tickets-request-details-details-row li:nth-child(5){
    flex: 1 1 50%;
}

.tickets-request-details-details-row li:nth-child(6){
    flex: 1 1 50%;
}


.tickets-request-details-details-row p{
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 0.9em;
}

.tickets-request-details-details-row legend{
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 0.9em;
    margin-bottom: 5px;
}

.tickets-request-details-details-row select{
    width: 90%;
    margin-right: 25px;
}

.tickets-request-details-details-row input[type="text"]{
    width: 90%;
    margin-right: 25px;
}


.tickets-request-details-col-r h6{
    padding: 10px 0;
    font-size: 0.9em;
}


.tickets-request-details-details{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.tickets-typeof-activity ul{
    list-style-type: none;
    display: flex;
    margin: 0;
}

.tickets-typeof-activity li{
    flex: 1 1 98%
}

.tickets-request-holder{
    margin-top: 10px;

}

.tickets-request-holder-cols ul{
    width: 100%;
    position: relative;
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
    flex-direction: row;
    flex-wrap: wrap;
    box-sizing: border-box;
    justify-content: space-between;
    align-content: stretch;
    padding: 15px;
}

.tickets-request-holder h4{
    padding: 10px;
}


.tickets-request-holder-cols li{
    flex: 1 1 50%;
    margin: 15px 0;
}



.tickets-request-holder-cols ul p{
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 0.8em;
    margin-bottom: 5%;
}

.tickets-request-holder-cols ul p span{
    font-size: 1em;
    font-weight: 600;
}
.inactive {
    pointer-events: none;
    color: #99aac3 !important;
}
.inactive label{
}


        /*:;:;:;:;:;:;:;:;:;:;: **** NUNUNU MY ACCOUNT RESERVATION CARDS  ***** :;:;:;:;:;:;:;:;:;:;:*/

.myreservation-title{
    display: block;
}

.myreservation-title h1{
    padding: 10px;
    font-weight: 600;
}

.allreservations-title{
    display: block;
}

.allreservations-title h1{
    padding: 10px;
    font-weight: 600;
}


/* hotel reservation cards */

.profile-hotels-reservation-row1{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: space-between;
    list-style: none;
    margin: 10px 0;
    padding: 0;
    width: 100%;
    height: auto;
}

.profile-hotels-reservation-row1 h3{
    font-size: 1.5em;
    font-weight: 700;
}

.profile-hotels-reservation-row2{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: space-between;
    list-style: none;
    margin: 10px 0;
    padding: 0;
    width: 100%;
    height: auto;
}

.profile-hotels-reservation-row2 p{
    font-weight: 300;
}

.profile-hotels-passengers-sublist{
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: space-around;
    width: 100%;
    height: auto;
}

.profile-hotels-passengers-sublist li{
    list-style: none;
    display: inline-block;
    margin-top: 5px;
    flex: 1 1 auto;
}

.profile-hotels-reservation-row3{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: space-between;
    list-style: none;
    margin: 10px 0;
    padding: 0;
    width: 100%;
    height: auto;

}

.profile-hotels-reservation-row3 h3{
    font-size: 1.2em;
    font-weight: 700;
}

.profile-hotels-reservation-row3 h4{
    font-size: 1em;
    font-weight: 500;
}


.profile-hotels-reservation-row1 li:nth-child(1){
    order: 1;
}

.profile-hotels-reservation-row1 li:nth-child(2){
    order: 2;
}



.profile-reservations-card-stars{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: flex-start;
    width: 15%;
    padding: 4px 0;
}

.profile-reservations-card-stars li{
    flex: 1 1 auto;
    align-self: flex-start;
}



.profile-reservation-container{
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 10px;
    margin-bottom: 10px;
}

.profile-reservation-container legend{
    font-size: 0.9em;
    font-weight: 300;
}


.profile-flights-reservation-row1{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: space-between;
    list-style: none;
    margin: 10px 0;
    padding: 0;
    width: 100%;
    height: auto;
}

.profile-flights-reservation-row1 h3{
    font-size: 1.5em;
    font-weight: 700;
}

.profile-flights-reservation-row2{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: space-between;
    list-style: none;
    margin: 10px 0;
    padding: 0;
    width: 100%;
    height: auto;
}

.profile-flights-reservation-row2 p{
    font-weight: 300;
}

.profile-flights-passengers-sublist{
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: space-around;
    width: 100%;
    height: auto;
}

.profile-flights-passengers-sublist li{
    list-style: none;
    display: inline-block;
    margin-top: 5px;
    flex: 1 1 auto;
}

.profile-flights-reservation-row3{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: space-between;
    list-style: none;
    margin: 10px 0;
    padding: 0;
    width: 100%;
    height: auto;

}


.profile-flights-reservation-row1 li:nth-child(1){
    order: 1;
}

.profile-flights-reservation-row1 li:nth-child(2){
    order: 2;
}




.more-details-btn{
    padding: 5px 20px;
    font-weight: 500;
    font-size: 1em;
    box-shadow: 1px 1px 3px #red;
}

.profile-flights-reservation-row3 h3{
    font-size: 1.2em;
    font-weight: 700;
}

.profile-flights-reservation-row3 h4{
    font-size: 1em;
    font-weight: 500;
}


/*;:;:;:;:;:;:  nu reservations card for car  ;:;:;:;:;:;;:*/

.profile-list-item{
    display: flex;
    flex-direction: row;
    width: 100%;
}

.profile-list-content{
    display: flex;
    flex-direction: column;
    width: 100%;
}

.profile-list-content img{
    width: 70%;
    max-width: 300px;
    max-height: 170px;

}


.profile-cars-reservation-row1{
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: space-between;
    list-style: none;
    margin: 10px 0;
    padding: 0;
    width: 100%;
    height: auto;
}

.profile-align-right{
    align-items: flex-end;
}

.profile-cars-reservation-row1 li:nth-child(1){
    order: 1;
}

.profile-cars-reservation-row1 li:nth-child(2){
    order: 2;
}



.profile-cars-reservation-row1 h3{
    font-size: 1.5em;
    font-weight: 700;
}

.profile-cars-reservation-row2{
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: space-between;
    list-style: none;
    margin: 10px 0;
    padding: 0;
    width: 100%;
    height: auto;
}


.profile-cars-legends-row2{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
    list-style: none;
    margin: 10px 0;
    padding: 0;
}

.profile-cars-reservation-row2 p{
    font-weight: 300;
}

.profile-cars-legends-row2 li{
    list-style: none;
}

.profile-cars-passengers-sublist li{
    margin: 0 5px;
}

.profile-cars-passengers-sublist{
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: center;
}

.profile-cars-passengers-sublist li{
    list-style: none;
    display: inline-block;
    margin-top: 5px;
}

.profile-cars-reservation-row3{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: space-between;
    list-style: none;
    margin: 10px 0;
    padding: 3px;
    width: 100%;
    height: auto;
}

.profile-cars-legends-row3{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
    list-style: none;
    margin: 10px 0;
    padding: 3px;
}

.profile-cars-legends-row3 li{
    list-style: none;
    align-items: flex-start;
}

.profile-reservations-flight-list li{
    margin: 5px 0;
    margin-left: 0!important;
}

.profile-reservations-flight-list ul{
    margin-left: 0!important;
}

.profile-reservations-times-list li{
    margin: 6px 0;
    margin-left: 0!important;
}

.more-details-btn{
    padding: 5px 20px;
    font-weight: 500;
    font-size: 1em;
    text-align: center;
}

.profile-cars-reservation-row3 h3{
    font-size: 1.2em;
    font-weight: 700;
}

.profile-cars-reservation-row3 h4{
    text-align: left;
    font-size: 1em;
    font-weight: 500;
}


.profile-reservations-title h3{
    font-size: 1.1em;
    font-weight: 600;
}

.profile-reservations-title p{
    font-size: 0.9em;
    font-weight: 400;
}


/*:;:;:;:;:;:;:;:;:;:;:;::;:;:;:;***** JOINT VENTURE *****:;:;:;:;:;:;:;:;:;:;:;::;:;:;:;*/


.jointv-request-btn p{
    font-size: 1em;
    font-weight: 600;
    word-spacing: 1px;
}

.jointv-share-btn p{
    font-size: 1em;
    font-weight: 600;
    word-spacing: 1px;
}

.jointv-request-btn{
    bottom: 10%;
    left: 50%;
    position: absolute;
    margin: 0;
    padding: 10px 20px;
    transform: translate(-50%, -50%);
}

.jointv-share-btn{
    bottom: 10%;
    left: 50%;
    position: absolute;
    margin: 0;
    padding: 10px 20px;
    transform: translate(-50%, -50%);
}

/* jointv card 4 */

.jointv-card4{
    background: url("https://s3-us-west-2.amazonaws.com/com.owners-link.jointventure.photos/request_imagen.jpg")no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    width: 100%;
}

.jointv-card4 h3{
    font-size: 1em;
    font-weight: 600;
    padding: 15px;
    text-align: center;
}


/* jointv card 3  */

.jointv-card3{
    background: url("https://s3-us-west-2.amazonaws.com/com.owners-link.jointventure.photos/share_imagen.jpg")no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    width: 100%;
}

.jointv-card3 h3{
    font-size: 1em;
    font-weight: 600;
    padding: 15px;
    text-align: center;
}


/* jointv card 2  */

.jointv-card2{
    position: relative;
    z-index: 1;
    transition: joint-card2-bganim 2s ease;
    display: block;
    overflow: hidden;
}



.jointv-card2:before{
    background: url("https://s3-us-west-2.amazonaws.com/com.owners-link.jointventure.photos/familia.jpg")no-repeat;
    background-position: center;
    background-size: 100%;
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    overflow: auto;
}


.jointv-card2:hover:before{
    animation-name: joint-card2-bganim;
    animation-duration: 2s;
    animation-timing-function: ease;
    animation-fill-mode: both;
}

@keyframes joint-card2-bganim {
    from{background-size: 100%;transform: rotate(0deg)}
    to{background-size: 120%;transform: rotate(0.9deg)}
}

.jointv-card2-ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: stretch;
    padding: 15px 10px;
    margin: 0;
    bottom: 0;
    position: absolute;
    width: 100%;
}

.jointv-card2-ul li p{
    font-weight: 600;
    word-spacing: 1px;
    text-align: center;
}

.jointv-card2-ul li{
    flex: 1 1 26%;
}

/* jointv card1  */

.jointv-line{
    content: '';
    text-align: center;
    height: 2px;
    width: 70%;
    position: inherit;
    margin: 0 0 10px 0;
}

.jointv-card1 p{
    flex: 1 1 100%;
    text-align: justify;
    font-size: 2vh;
    font-weight: 400;
    padding: 10px 15px;
    margin: auto;
    line-height: 120%;
    word-spacing: 1px;
}

.jointv-card1 h3{
    flex: 1 1 100%;
    text-align: center;
    font-size: 1.3em;
    font-weight: 600;
    padding: 10px;
    margin: 10px 0px;
}

.jointv-card1-content-container{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}

.jointv-card1{
    position: relative;
}



.jointv-card{
    flex: 1 1 48%;
    display: block;
    height: 259px;
    margin-bottom: 10px;
}

.jointv-card:nth-child(even){
    margin-left: 10px;
}

.jointv-cards-container{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: stretch;
    width: 98%;
}

.jointv-main-container{
    display: block;
    margin: 15px 0;
}




.jointv-cover-container{
    position: relative;
    display: block;
}

.jointv-cover-img{
    background-image: url('https://s3.amazonaws.com/itadevelopers-assets/Joint_Venture/4joint_2.jpg');
    background-size: 100% 110%!important;
    position: relative;
    background-attachment: fixed;
}

.jointv-cover-h{
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-animation: txttnu 2s 1;
    animation: txttnu 2s 1;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    position: absolute;
    z-index: 0;
}


.jointv-cover-h h2{
    font-size: 12vmin;
    font-weight: 600;
    display: block;
}

.jointv-main-content{
    display: block;
    position: relative;
}


<!--/*:::::::::::::::..........___________ ***** TC TRANSFERS  *****  ___________..........*:::::::::::::::*/-->

.transfers-cover-container{
    position: relative;
}

.transfers-cover-img{
    background-image: url('https://s3.amazonaws.com/itadevelopers-assets/Transfers/4transfers1.jpg');
    background-size: 100% 120%!important;
    position: relative;
    background-attachment: fixed;
}

.transfers-cover-h{
    position: relative;
    min-height: 80%;
    min-width: 100%;
    width: auto;
    height: auto;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-animation: txttnu 2s 1;
    animation: txttnu 2s 1;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;


}

#transfers-hh2{
    text-shadow: 0px 4px 3px rgba(0,0,0,0.2),
    0px 8px 13px rgba(0,0,0,0.1),
    0px 18px 23px rgba(0,0,0,0.1);
    font-size: 12vmin;
    font-weight: 600;
    color: rgba(256, 256, 256, 0.7);
}


.transfers-search-bar-section {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100px;
    padding: 10px 0;
    background-color: rgba(23, 56, 71, 0.7);
}

.transfers-search-bar {
    background: transparent;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 0;
    margin-top: 10px;
}

.transfers-search-bar li{
    margin-left: 3px;
    flex: 1 1 auto;
}

.transfers-search-bar li:nth-child(1){
    margin-left: 0;
    flex: 2 2 auto;
}

.transfers-search-bar-btn {
    flex: 1 1 auto;
    box-sizing: border-box;
    position: relative;
    float: left;
}

.transfers-search-bar-btn button {
    background-color: #ff9525!important;
    border: 1px solid #E58621;
    padding: 11px;
    margin: 0;
    height: 44px;
}

.transfers-search-bar-btn button:hover {
    background-color: #E58621!important;
    border: 1px solid #ff9525;
}

.transfers-search-bar-btn button:active {
    background-color: #7F4A12!important;
    border: 1px solid #ff9525;
}

.transfers-search-bar-btn i{
    font-size: 1.2em;
}

.transfers-search-bar select {
    height:44px!important
}

.transfers-main-content{
    background-color: white;
    position: relative;
}

.transfers-main-content .col-half{
    margin-left: 0;
    margin-right: 0;
}

.transfers-main-content div:nth-child(even){
    margin-left: 10px;
}

/* ARDA ARDA   */

.arda-nusite-row {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 1141px;
}

@media screen and (max-width: 425px){
        .arda-nusite-row {
    padding: 10px;
}

    }


/*  ESTILOS MY PERFECT TRIP  */

    .clearfix:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

        .mvp-main-container {
        width: 1141px;
        margin: 15px auto;
    }

    .mvp-main-banner {
        position: relative;
        display: inline-block;
        width: 1141px;
        height: 307px;
    }

    .mvp-main-banner-col-l {
        position: relative;
        display: inline-block;
        width: 68%;
        height: 307px;
        border-radius: 10px;
        overflow: hidden;
        box-sizing: border-box;
    }

    .mvp-main-banner-col-r {
        position: relative;
        display: inline-block;
        width: 30%;
        height: 307px;
        border-radius: 10px;
        margin-left: 14px;
        overflow: hidden;
        box-sizing: border-box;
    }

    .mvp-main-banner-col-l-top-info {
        position: absolute;
        width: 100%;
        height: 50px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    .mvp-main-banner-col-l-top-info h4 {
        font-size: 1.2em;
        font-weight: lighter;
        letter-spacing: 1px;
    }

    .mvp-main-banner-col-l-top-info h4 span {
        text-transform: uppercase;
    }

    .mvp-main-banner-col-r-info-top-container {
        position: absolute;
        display: block;
        width: 100%;
        height: auto;
        top: 0;
    }

    .mvp-main-banner-col-r-info-top-container ul {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        list-style: none;
        margin: 30px 0;
        padding: 0;
    }

    .mvp-main-banner-col-r-info-top-container li {
        flex: 1 1 auto;
        display: inline-block;
        vertical-align: baseline;
        line-height: 188%;
    }

    .mvp-main-banner-col-r-info-top-container p span {
        border-radius: 50%;
        padding: 1px 7px;
    }

    .mvp-main-banner-col-r-info-top-container p {
        font-size: 1em;
        margin: 0;
        padding: 0;
    }

    .mvp-main-banner-col-r-info-bottom-container {
        position: absolute;
        display: inline-block;
        width: 100%;
        bottom: 0;
    }

    .mvp-main-banner-col-r-info-bottom-container p {
        letter-spacing: 1px;
        text-align: center;
        line-height: 150%;
        font-size: 0.9em;
        padding: 5px;
    }

    /**/

    .mvp-steps-container {
        position: relative;
        display: inline-block;
        width: 100%;
        height: 100px;
        margin: 40px 0 0;
    }

    .mvp-steps-container ul {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        list-style: none;
        margin: 0;
        padding: 0;
        z-index: 1;
    }

    .mvp-steps-container li:nth-child(1) p {
        border: none;
        text-transform: uppercase;
    }

    .mvp-steps-container p {
        padding: 10px 70px;
        border-radius: 5px;
    }

    #stepsline {
        position: absolute;
        z-index: -1;
    }

    /*--- PASO 1 -----*/

    .mvp-step0-container {
        position: relative;
        display: inline-block;
        width: 100%;
        height: auto;
        border-radius: 8px;
        overflow: hidden;
    }

    .mvp-step0-p-container {
        text-align: center;
        font-size: 1.3em !important;
    }

    .mvp-step0-inputs-container {
        position: relative;
        display: inline-block;
        width: 100%;
        margin: 10px 0;
    }

    .mvp-step0-inputs-container ul {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: stretch;
        list-style: none;
        margin: 0;
        padding: 0 50px;
    }

    .mvp-step0-inputs-container li {
        flex: 1 1 auto;
    }

    .mvp-step0-inputs-container li:nth-child(n+2) {
        margin-left: 8px;
    }

    .mvp-step0-inputs-container li input[type=text] {
        width: 99%;
        height: 38px;
        border: none;
        text-align: center;
    }

    div#ui-datepicker-div {
        z-index: 999999!important;
    }

    .mvp-step0-inputs-container li input[type=date] {
        width: 99%;
        height: 38px;
        border: none;
    }

    .mvp-step0-inputs-container li ::-webkit-input-placeholder {
        padding-left: 10px;
        font-family: 'Open Sans', sans-serif;
    }

    .nxt-button, .prev-button {
        padding: 0 50px;
        margin: 0 0 20px 0;
        display: inline-block;
        justify-content: flex-end;
    }

    .nxt-button p, .prev-button p {
        display: block;
        padding: 12px 50px;
        border-radius: 8px;
        vertical-align: middle;
        text-transform: uppercase;
        letter-spacing: 1px;
        cursor: pointer;
        transition: background-color 0.3s;
        z-index: 9;
    }

    .nxt-button i, .prev-button i {
        vertical-align: bottom;
    }

    #ol_logo {
        position: absolute;
        top: -35%;
        right: 10%;
        z-index: 0;
    }

    .left {
        float: left;
    }

    .right {
        float: right;
    }

    /**/

    .mvp-step1-element ul {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        text-align: left;

    }

    .mvp-step1-element li {
        display: inline-block !important;
        height: 80px;
        vertical-align: middle;
        margin: 10px 0;
    }

    .mvp-step1-element li:nth-child(1) {
        flex: 1 1 10%
    }

    .mvp-step1-element li:nth-child(2) {
        flex: 1 1 22%
    }

    .mvp-step1-element li:nth-child(3) {
        flex: 1 1 15%
    }

    .mvp-step1-element li:nth-child(4) {
        flex: 1 1 25%;
    }

    .mvp-step1-element li:nth-child(5) {
        flex: 1 1 25%
    }

    .mvp-step1-element h5, .mvp-step1-element figure, .mvp-step1-element p, .mvp-step1-element select {
        margin: 20px 10px;
        padding: 0;
    }

    .mvp-step1-element h5 {
        font-size: 1.7em;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .mvp-step1-eliminate-btn {
        position: relative;
        display: block;
        cursor: pointer;
        text-align: center;
        display: none;
    }

    .mvp-step1-eliminate-btn p {
        padding: 8px 5px;
    }

    .mvp-step1-add-btn {
        position: relative;
        display: block;
        cursor: pointer;
        text-align: center;
    }

    .mvp-step1-add-btn p {
        padding: 8px 5px;

    }

    .mvp-styled-select select {
        width: 100%;
        height: 35px;
        margin: 0;
        padding: 0 10px;
        border: 1px solid #999;
        -webkit-appearance:menulist;
    }

.mvp-styled-select select::-ms-expand{
    display: block;
}

.mvp-styled-select select:after{
 background:url("https://cdn1.iconfinder.com/data/icons/pixel-perfect-at-16px-volume-2/16/5001-128.png") 95% 32% !important;
            background-repeat: no-repeat !important;
}

    .mvp-styled-select {
        overflow: hidden;
        width: 92%;
        height: 35px;
        border: none;
        margin: 20px 10px;
        display: none;
    }

    .hidden {
        display: none;
    }

    /**/

    .mvp-step1-container {
        position: relative;
        display: inline-block;
        width: 100%;
        height: auto;
        border-radius: 8px;
        overflow: hidden;
    }

    .mvp-step1-p-container {
        text-align: center;
        font-size: 1.3em;
        margin-top: 30px;
    }

    .mvp-step1-inputs-container {
        position: relative;
        display: inline-block;
        width: 100%;
        margin: 10px 0;
    }

    .mvp-step1-inputs-container ul {
        width: 95%;
        list-style: none;
        margin: 0;
        padding: 0 29px;
    }

    /* ---STEP 2----- */

    .mvp-step2-container {
        position: relative;
        display: inline-block;
        width: 100%;
        height: auto;
        border-radius: 8px;
        overflow: hidden;
    }

    .mvp-step2-p-container {
        text-align: center;
        font-size: 1.3em;
        margin-top: 30px;
        z-index: 10;
        position: relative;
    }

    .mvp-step2-inputs-container {
        position: relative;
        display: inline-block;
        width: 99%;
        margin: 10px 0;
    }

    .mvp-step2-inputs-container ul {
        width: 100%;
        list-style: none;
        margin: 0;
        padding: 0 29px;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        -o-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;

}

    .mvp-step2-inputs-container li {
        flex: 1 1 48.3%;
    }

    .mvp-step2-inputs-container li:nth-child(n+1) {
        margin: 0 10px 10px 0;
    }

    .mvp-step2-inputs-container li input[type=text] {
        width: 100%;
        height: 35px;
        border: 0;
    }

    .mvp-step2-inputs-container li input::-webkit-input-placeholder {
        font-family: 'Open Sans', sans-serif;
        font-size: 1.1em;
        padding-left: 5px;
        transition: color 0.2s
    }

    .mvp-step2-inputs-container li textarea::-webkit-input-placeholder {
        font-family: 'Open Sans', sans-serif;        font-size: 1.1em;
        padding-left: 5px;
        padding-top: 5px;
        transition: color 0.2s
    }

    .mvp-step2-inputs-container li select {
        width: 100%;
        height: 38px;
        font-family: 'Open Sans', sans-serif;
        font-size: 0.9em;
        padding-left: 5px;
        border: 0;
    }

    .mvp-step2-textarea {
        width: 99.9%;
        border: 0;
    }

    /* --- STEP 3 ---- */

    .mvp-step3-container {
        position: relative;
        display: inline-block;
        width: 100%;
        height: auto;
        border-radius: 8px;
        overflow: hidden;
    }

    .mvp-step3-p-container {
        text-align: center;
        font-size: 1.3em;
        margin-top: 30px;
        z-index: 10;
        position: relative;
    }

    .mvp-step3-inputs-container {
        position: relative;
        display: inline-block;
        width: 99.8%;
        text-align: -webkit-center;
    }

    .mvp-step3-inputs-container ul {
        list-style: none;
        width: 55%;
        padding: 0 29px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin: 15px 0 0 0;
    }

    .mvp-step3-inputs-container li:nth-child(1) {
        flex: 1 1 60%;
    }

    .mvp-step3-inputs-container li:nth-child(2) {
        flex: 1 1 40%;
    }

    .mvp-step3-inputs-container li:nth-child(n+1) {
        margin: 0 10px 10px 0;
    }

    .mvp-step3-inputs-container li input[type=text] {
        width: 100%;
        height: 35px;
        border: 0;
        text-align: center;
    }

    .mvp-step3-inputs-container li input::-webkit-input-placeholder {
        font-family: 'Open Sans', sans-serif;
        font-size: 1.1em;
        padding-left: 5px;
        transition: color 0.2s
    }

    .mvp-step3-inputs-container li textarea::-webkit-input-placeholder {
        font-family: 'Open Sans', sans-serif;
        font-size: 1.1em;
        padding-left: 5px;
        padding-top: 5px;
        transition: color 0.2s
    }

    .mvp-step3-inputs-container li select {
        width: 100%;
        height: 38px;
        font-family: 'Open Sans', sans-serif;
        font-size: 0.9em;
        padding-left: 5px;
        border: 0;
    }

    .mvp-step3-buttons {
        position: relative;
        display: inline-block;
        width: 100%;
        text-align: -webkit-center;
    }

    .mvp-step3-buttons ul {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: stretch;
        list-style: none;
    }

    .mvp-step3-nxt-button {
        padding: 0 60px;
    }

    .mvp-step3-prev-button {
        padding: 0;
    }

    .mvp-step3-nxt-button p {
        display: block;
        padding: 12px 20px;
        border-radius: 8px;
        vertical-align: middle;
        text-transform: uppercase;
        letter-spacing: 1px;
        cursor: pointer;
        transition: background-color 0.3s;
        z-index: 9;
        margin-left: 60px;
    }

    .mvp-step3-prev-button p {
        display: block;
        padding: 12px 60px;
        border-radius: 8px;
        vertical-align: middle;
        text-transform: uppercase;
        letter-spacing: 1px;
        cursor: pointer;
        transition: background-color 0.3s;
        z-index: 9;
    }

    .mvp-step3-nxt-button i {
        vertical-align: bottom;
    }

    .mvp-step3-prev-button i {
        vertical-align: bottom;
    }

    /* ---- PASOS GENERALES ----- */

    #step0, #step1, #step2, #step3 {
    }

    article#step0 {
        z-index: 1;
    }

    article#step1 {
        z-index: 2;
    }

    article#step2 {
        z-index: 3;
    }

    article#step3 {
        z-index: 4;
    }

    .steps-buttons-container {
        position: relative;
        z-index: 5;
    }

    /* --- datepicker --- */

    .ui-datepicker {
        /*width: 13em !important;*/
    }

    span.ui-datepicker-year, span.ui-datepicker-month {
        font-size: .8em !important;
    }

    .added {
        display: block;
    }

    /* ---EDADES NIÑOS ---- */

    .contenedor_edades {
        width: 100%;
        margin: 0 auto;
        display: table;
        display: none;
    }

    .sel_edades {
        width: 19% !important;
        float: left;
        margin-right: 5px;
    }

    span#label_edades {
        margin: 15px 0 0 0;
        display: table;
        width: 154px;
        float: left;
        font-family: avenir;
        display: none;
    }

    .alerta {
        text-align: center;
        padding: 5px;
        width: 400px;
        margin: 0 auto;
        margin-bottom: -12px;
        border-radius: 17px;
    }

    .alerta_send, .alerta_send2 {
        text-align: center;
        padding: 5px;
        width: 750px;
        margin: 0 auto;
        margin-bottom: -12px;
        border-radius: 17px;
        position: absolute;
        left: 0;
        right: 0;
        z-index: 10;
        font-family: avenir;
        display: none;
        border: 1px solid #fff;
        box-shadow: 1px 1px 6px #666;
    }

    #loader_mpp {
        display: none;
        margin: 0 auto -45px;
        height: 120px;
        position: absolute;
        z-index: 20;
        right: 0;
        left: 0;
    }

    .mvp-step1-element img {
        height: 80px;
    }

    label.check_presupuesto {
        width: 93%;
        display: block;
        float: right;
        text-align: left;
        font-size: 13px;
        margin-top: 3px;
    }

    .squaredFour {
        -ms-transform: scale(2);
        -moz-transform: scale(2);
        -webkit-transform: scale(2);
        -o-transform: scale(2);
    }

    input.presupuesto:disabled {
        cursor: no-drop;
    }

    .check_container {
        width: 627px;
        margin: 0 auto;
    }

    input#check_presupuesto {
        float: left;
    }



.ol17-asap-cover-title {
    /*
  position: relative;*/
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: table;
  width: 100%;
  height: auto;
  min-height: 60vh;
  z-index: 6;
    text-align: center;
}
.ol17-asap-cover-title h3 {
  font-size: 4em;
  letter-spacing: 1px;
  font-weight: bold;
  color: rgba(243, 245, 248, 1);
  text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
    display: table-cell;
    vertical-align: middle;
    /*padding-bottom: 8%;*/
}

/*  CLUBCARD   */

.clubcard_container {
    width:1141px;
    margin:0 auto;
    padding: 10px 0 20px;
    background-image: url(https://s3.amazonaws.com/itadevelopers-assets/clubcard/degradado_fondo.png);
    background-repeat: repeat-x;
    background-position: bottom;
}

.clubcard_top {
    width: 100%;
    display: inline-block;
}

.card_left {
    float: left;
    width: 300px;
    height: 243px;
    background-size: 300px;
    background-repeat: no-repeat;
}
.card_right {
    float: right;
    width: 811px;
    text-align: center;
}

h2.card_title {
    padding: 50px 0 25px 0;
    font-size: 40px;
    letter-spacing: 3px;
    font-weight: 300;
    box-sizing: border-box;
}

a.btn_clubcard {
    box-sizing: border-box;
    padding: 5px 10px;
    line-height: 20px;
    display: block;
    border-radius: 36px;
    margin: 40px auto 0;
    width: 200px;
}

.card_right article {
    width: 33.33%;
    float: left;
    padding: 20px;
}

.card_right h6 {
    font-size: 15px;
    padding-bottom: 10px;
}

.card_right span {
    font-weight: 400;
}

.clubcard_bottom {
    text-align: center;
}

.clubcard_logos {
    background-image: url(https://s3.amazonaws.com/itadevelopers-assets/clubcard/transparencia-todos-logos_clubcard.png);
    width: 1121px;
    height: 646px;
}

.clubcard_banner_jb {
    width: 100%;
    height: 400px;
    background-color: #eff6fe;
    background-image: url(https://s3.amazonaws.com/itadevelopers-assets/clubcard/degradado_fondo.png);
    background-repeat: repeat-x;
    background-position: bottom;
    margin-bottom: 20px;
    border-radius: 5px;
    text-align: center;
    position: relative;
}



.clubcard_banner_img {
    background-image: url(https://s3.amazonaws.com/itadevelopers-assets/clubcard/tarjeta_clubcard.png);
    width: 300px;
    height: 252px;
    background-repeat: no-repeat;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.clubcard_banner_top_text span:first-child {
    font-size: 35px;
    font-weight: 400;
    box-sizing: border-box;
    margin-top: 22px;
    display: inline-block;
}

.clubcard_banner_top_text {
    -ms-transform: rotate(-7deg);
    -webkit-transform: rotate(-7deg);
    transform: rotate(-7deg);
}

span.texto_clubcard_secundario {
    font-size: 27px;
}

.offers_container {
    width: 1141px;
    margin: 20px auto 0;
    height: auto;
    display: table;
}

.offers_list {
    width: 70%;
    float: right;
    display: inline-block;
}

.offers_filters {
    width: 30%;
    float: left;
    display: inline-block;
    overflow: hidden;
    border: 1px solid;
    margin-top: 7px;
}

.offer_card {
    display: inline-table;
    width: 23%;
    box-sizing: border-box;
    text-align: center;
    transition: .2s;
    border-radius: 10px;
    margin: 5px 0 5px 8px;
    height: 250px;
    border: 1px solid #ccc;
    position: relative;
}

.offer_card:hover {
    -webkit-box-shadow: 2px 2px 5px 0px rgba(204,204,204,1);
    -moz-box-shadow: 2px 2px 5px 0px rgba(204,204,204,1);
    box-shadow: 2px 2px 5px 0px rgba(204,204,204,1);
}

.offer_card h6 {
    margin: -2px 0 0 0;
    padding: 5px;
}

span.number_desc {
    font-size: 40px;
    font-weight: lighter;
}

span.desc_second_text {
    font-weight: lighter;
}

img.country_flag {
    position: absolute;
    top: -5px;
    right: 10px;
}

.filtered {
    display: none!important;
}

.offers_filters .checkbox_offers {
    margin-left: -13px;
    display: none;
}

.offers_filters label {
    padding: 10px 0;
    text-align: left;
    cursor: pointer;
    transition: .2s;
    padding-left: 10px;
    box-sizing: border-box;
}

.offers_filters label i {
    float: right;
    margin-right: 10px;
}

.offers_filters label:hover {
    font-weight: bold;
}

.offers_filters label.active {
    font-weight: bold;
}

.offer_card h4 {
    padding: 5px 10px;
    border-radius: 0 0 10px 10px;
    height: 99px;
    box-sizing: border-box;
    padding-top: 7px;
    font-weight: lighter;
    font-size: 16px;
}

.offers_filters h4 {
    box-sizing: border-box;
    padding: 10px;
    text-transform: uppercase;
    font-weight: lighter;
    text-align: center;
}

span.desc_coming {
    font-weight: lighter;
    font-size: 29px;
    padding: 15px 0;
    box-sizing: border-box;
    display: block;
}

.search_word_container {
    width: 85%;
    margin: 10px auto;
    position: relative;
}

#word_search {
    width: 100%;
}

.search_word_container i.fa.fa-search {
    position: absolute;
    top: 9px;
    right: 12px;
}

.checkbox_offers_country {
    margin-left: -13px;
    display: none;
}

.msg_noresults {
    width: 100%;
    text-align: center;
    font-size: 28px;
    margin-top: 30px;
    box-sizing: border-box;
    padding: 0 10px;
}

.msg_noresults i {
    display: inline-block;
    clear: both;
    width: 100%;
    font-size: 60px;
}

fieldset legend {
    background-color: transparent;
}

form#RQCruise {
    width: 950px;
    margin: 0 auto;
}

form#RQCruise input {
    height: 35px;
    font-size: 14px;
    font-weight: normal;
}

.arda-nuheader-main-menu-li {
    font-size: 0.8em!important;
}

#vdotour-btn {
    cursor: pointer;
    font-weight: bold;
    font-size: 1em;
    box-sizing: border-box;
    padding: 5px;
    border-radius: 5px;
    transition:.2s;
    i.fa.fa-play-circle {
        font-size: 16px;
    }
}

#vdotour-btn i.fa.fa-play-circle {
    font-size: 16px;
    vertical-align: text-top;
}

.arda-nuheader-info-menu-options-container {
    z-index: 1;
}

.arda-nuheader-info-menu-container {
    width: 100px;
    float: right;
}
.arda-nuheader-searchbox-container {
    z-index: 98;
}
.numenu-videotour-btn {
    width: 200px;
    float: right;
    margin-top: 5px;
}

.fa-star-o:before {
    font-size: 22px;
}

.fa-star:before {
    font-size: 22px;
}

.nujb-card-stars{
    background: none ;
}

/*---BANNER POP UP PAGO PARCIALIDADES -- */

.popup_promo {
    position: fixed;
    z-index: 999999999;
    left: 0;
    top: 0;
    margin: 0px auto 0;
    display: inline-block;
    width: 100%;
    height:100vh;
    text-align: center;
}

#img_promo1, #img_promo2 {
    width: 50%;
    position: fixed;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 9999999999999999999999;
    cursor: pointer;
    top:75px;
}

.top_ribbon_back:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 32px solid transparent;
    border-bottom: 0px solid transparent;
    border-right: 154px solid;
    float: right;
    position: absolute;
    left: 28px;
    top: -43px;
    overflow: visible;
    z-index: 1;
}

.top_ribbon_back:after {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 32px solid transparent;
    border-top: 0px solid transparent;
    border-left: 77px solid;
    float: right;
    position: absolute;
    right: -29px;
    bottom: -100px;
    overflow: visible;
    z-index: 1;
}

.top_ribbon_back {
    width: 350px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 100px;
    right: -31px;
    z-index: 0;
}

.btn_cerrar_popup {
    z-index: 999999999999999;
    position: fixed;
    right: 10px;
    top: 10px;
    font-size: 30px;
    font-weight: lighter;
    border: 2px solid;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    padding: 1px 0 9px 8px;
    display: inline-block;
    cursor: pointer;
}

.top_ribbon {
    font-weight: 600;
    font-size: 40px;
    padding: 20px 10px;
    box-sizing: border-box;
    width: 350px;
    text-align: center;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 100px;
    right: -31px;
    z-index: 2;
}

#img_promo1 img {
    position: relative;
    z-index: 1;
    width: 91%;
}

.promo_info1 {
    width: 91%;
    text-align: center;
    margin-top: -125px;
    position: relative;
    z-index: 3;
}

.promo_info1 h5 {
    font-weight: lighter;
    text-align: center;
    box-sizing: border-box;
    padding: 20px;
    font-size: 2vw;
    width: 75%;
    display: inline-block;
    border-radius: 5px;
    line-height: 50px;
}

.promo_info1 span {
    font-weight: normal;
}

.promo_more_info_container {
    width: 91%;
    text-align: center;
    position: relative;
    z-index: 4;
    top: -8px;
}

.promo_more_info_container span {
    font-weight: bold;
    padding: 10px 20px;
    border-radius: 5px;
    box-sizing: border-box;
}

#img_promo2 {
    display: none;
    /*max-width: 710px;*/
    text-align: center;
    min-width: 470px;
    width: 46%;
    top: 2%;
    height: 100%;
}

#img_promo2 img{
    display: inline-block;
    width: 88%;
}


.top_ribbon_2 {
    font-size: 27px;
    padding: 15px;
    box-sizing: border-box;
    width: 92%;
    float: right;
    text-align: center;
    margin-top: -40px;
    position: relative;
}

.top_ribbon_2 b {
    font-weight: bold;
}

.top_ribbon_2:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 57px solid transparent;
    border-bottom: 0px solid transparent;
    border-right: 48px solid;
    float: right;
    position: absolute;
    left: -48px;
    bottom: 0;
    overflow: visible;
    z-index: 1;
}

.top_ribbon_2_back {
    position: relative;
    z-index: -1;
}

.top_ribbon_2_back:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 32px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 77px solid;
    float: right;
    position: absolute;
    right: -1px;
    top: -72px;
    overflow: visible;
    z-index: 0;
}

.top_ribbon_back2 {
    width: 200px;
    height: 57px;
    -ms-transform: rotate(37deg);
    -webkit-transform: rotate(37deg);
    transform: rotate(37deg);
    position: relative;
    z-index: -1;
    left: 22px;
    top: 27px;
}

.promo_info_cards_container {
    /*text-align: center;
    padding: 0 50px;
    display: inline-block;
    margin-top: -38px;*/
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
}

.promo_card {
    flex: 1 0 23%;
    margin: 5px 10px;
    height: 100%;
    min-height: 110px;
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

span.card_number {
    border: 2px solid;
    position: absolute;
    top: 10px;
    left: 10px;
    border-radius: 50%;
    padding: 3px 6px 4px 7px;
    text-align: center;
    font-weight: normal;
}

.promo_card i {
    display: inline-block;
    font-size: 30px;
    width: 100%;
    margin: 10px 0;
    color: #ffffff;
}

span.card_text {
    width: 90%;
    font-size: 12px;
    color: #ffffff;
}

@media only screen and (max-width: 1366px) {

    .top_ribbon_2 {
        width: 89%;
    }

}

/**/

.vvc-search-filter{
    margin-bottom: 20px;
    padding: 0;
}
 .vvc-search-filter a, .vvc-search-filter p, .vvc-search-filter i{
        color: white;
        letter-spacing: 1px;
    }
    .vvc-search-filter span{
        font-size: 0.7em;
    }
    .vvc-search-filter a, .vvc-search-filter i{
        font-style: italic;
    }
    .vvc-search-filter a:hover{
        text-decoration: underline;
    }

p.cruise_form_note {
    margin: 10px auto 0;
    display: block;
    text-align: center;
}

.asap-nu-card .asap-nucard-img-container .asap-nucard-img {
    min-height: 220px!important;
    max-height: 220px!important;
}


/* etiquetas en selects de niños e infantes en el buscador de vuelo */

li.flights-input-child::before {
    position: absolute;
    top: -10px;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    text-shadow: 1px 1px #000;
}

li.flights-input-infant:nth-child(odd)::before {
    position: absolute;
    top: -10px;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    text-shadow: 1px 1px #000;
}

.nujb-card-totalnights-container{
    position: absolute;
    right: 0;
    padding: 5px;
    margin: 5px;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
}

#total_far_info{
    color: #fff;
}

.ow-currency{
    color: #fff;
}

.total_text{
    color: #fff;
}

.yachts-account-row li{
    margin: 10px 5px;
}

.details_filters {
    padding: 10px!important;
    width: 100%!important;
    max-width: 342px;
}

.jb-flashp-top-title ul li:nth-child(2){
        background-color: #fff;
}
.jb-flashp-bottom-title ul li:nth-child(2){
        background-color: #fff;
}
.alerta_send p {
    background-color: transparent;
    border: none!important;
    color: #000;
}
.sortbyprice-container{
    padding: 4px 15px;
    display: -webkit-inline-box;
    text-align: center;
}
.rate-legend-do {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    box-sizing: border-box;
}

/* -- hoteles search deals filtro -- */


.hotels-orderby-container{
    float: right;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

.homes-filter-heading{
    display: inline-grid;
    width: 100%;
}

/* leyenda de precop por noche en hoteles */

.sortbyprice-container {
    background-color: #222;
    padding: 4px 15px;
    display: -webkit-inline-box;
    text-align: center
}

.roomPrice div.highlight {
    position: relative;
    display: inline-block;
    background-color: #848484 !important;
    color: #fff;
    font-size: 10px;
    line-height: 20px;
    padding: 0px 8px;
    border-radius: 3px;
    font-weight: bold;
    top: -5px
}

.roomPrice .hightlight_triangle {
    position: absolute;
    bottom: -5px;
    right: 6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #848484 transparent transparent transparent
}

.close_btn_modal {
    position: absolute;
    top: -.5em;
    right: -.5em;
    background-color: #fff;
    border: 2px solid #ccc;
    border-radius: 50%;
    padding: .3em .4em;
    cursor: pointer;
    transition: .2s;
}

.close_btn_modal:hover {
    background-color: #ccc;
}

.contact_airlline_txt {
    margin: 0 auto!important;
    text-align: center;
    position: relative;
    display: inline-block;
    width: 100%;
}

.searchbox-results{
    position: initial!important;
}

/* cambios tickets*/

#wrapper .tickets-bonus-search-bar {
    margin-top: 0px!important;
    padding: 1em 0 .1em!important;
}

.table-responsive-detail.table-detail table {
    width: 100%;
}

.card-detail .details_button {
    border-radius: 0!important;
    border: none!important;
    background-color: #f1ad00!important;
}

.avail_card {
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid #d8c17f;
}

/*.hotel-image-block img {
    min-width: 88.8px;
    min-height: 88.8px;
    background-color: #ccc;
    max-width: 200px;
}*/

.filters-block {
    background-color: #e6e6e6;
}

.filter-container h6 {
    color: #f1ad00;
}

.fade {
    opacity: .8!important;
}

.tickets-detail-col-l-container h4, .tickets-detail-col-r-container h4 {
    color: #fff;
}

.tickets-search-info-panel1-container, .tickets-search-info-panel2-container, .tickets-detail-col-r-container {
    background-color: #e6e6e6;
}

.tickets-confirm-cols-container {
    margin: 35px 0!important;
}

.tickets-confirm-col-l-container {
    background-color: #e6e6e6;
}

.tickets-confirm-terms-panel {
    min-height: 100px!important;
}

.tickets-detail-col-r-container .tickets-detail-reservation-panel-container {
    min-height: 100px!important;
}

.tickets-detail-col-r-container {
    min-height: 100px!important;
    height: auto!important;
}

.tickets-confirm-col-r {
    min-height: 100px!important;
    height: auto!important;
}

.tickets-confirm-col-l-container h4 {
    color: #fff;
}

.passanger-data {
    background-color: rgba(156, 130, 56, 0.1) !important;
}

.photo-text-card h6 {
    font-size: 2em;
}

.card-detail {
    font-size: 12px;
}

span.teaser {
    font-family: 'Open Sans', sans-serif;
}

.table-detail span, .table-detail p, .table-detail select, .table-detail input, .table-detail td, .table-detail button, .table-detail th {
    font-size: 12px!important;
}

.modal-content span, .modal-content p, .modal-content ul, .modal-content li, .modal-content button, .modal-content tr, .modal-content td, .modal-content th {
    font-size: 12px!important;
}

.modal-content li {
    list-style: none!important;
    padding: .3em 0;
    line-height: 14px;
}

span.filter-checkbox-user {
    font-size: 14px;
}

span.filter-checkbox-user p {
    margin: 0 0 -6px 0!important;
}

.filter-container a h6 {
    font-size: 14px;
}

.filter-container-section label {
    font-size: 14px;
}

span.teaser, span.teaser strong {
    font-family: 'Open Sans', sans-serif!important;
}

.modal .modal-body strong {
    font-family: 'Open Sans', sans-serif!important;
}

legend.labelonly {
    font-size: 1em;
}

.card-img-top {
    height: 100%!important;
}