/* fuentes */
@import url(https://fonts.googleapis.com/css?family=Lato:400,400italic,700,900,300);
@import url('https://fonts.googleapis.com/css?family=Lobster+Two:700');
* {font-family: 'Lato', sans-serif}
/*{ font-family: 'Lobster Two', cursive;}*/

/* imagenes */
img[src$='.svg'] {
    object-fit: contain;
    object-position: center;
}


/* colores */
.tx-white,
.th-white:hover,
.tx-white:focus,
.tx-white:active    {color: white}
.tx-grey,
.th-grey:hover,
.tx-grey:focus,
.tx-grey:active    {color: #8a8b8d}
.tx-black,
.th-black:hover,
.tx-black:focus,
.tx-black:active    {color: #2d2b2d}
.bg-white,
.bh-white:hover     {background-color: white}
.bg-black,
.bh-black:hover     {background-color: #2d2b2d}

.form-control {
    color: black;
    border-color: black;
}
.form-control::-moz-placeholder         {color: #cccccc}
.form-control:-ms-input-placeholder     {color: #cccccc}
.form-control::-webkit-input-placeholder{color: #cccccc}


/* menu: estructura */
header #menu .menu-elem     {position: relative}
header #menu .open > nav    {display: block!important}
@media all and (min-width: 992px) {
    header #menu-mini {display: none}
    header #menu {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
    }
    header #menu > .menu-elem + .menu-elem:before {
        content: '';
        width: 19px;
        height: 46px;
        background-image: url('../images/header-sombra.png');
        display: inline-block;
        vertical-align: middle;
    }
    header #menu > .menu-elem > .menu-link {
        display: inline-block;
        text-transform: uppercase;
        text-align: center;
    }
    header #menu > .menu-elem > .menu-link img {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        transform: scale(0.8);
    }
    header #menu nav {
        position: absolute;
        z-index: 50;
        top: 100%;
        left: 0;
        text-align: left;
        white-space: nowrap;
        display: none;
    }
    header #menu nav nav {
        top: 0;
        left: 100%;
    }
}
@media all and (max-width: 991px) {
    header {position: relative}
    header nav {display: none}
    header #menu {
        width: 100%;
        position: absolute;
        z-index: 50;
        top: 100%;
        left: 0;
        text-align: center;
    }
    header #menu.open {display: block!important}
    header #menu > .menu-elem > .menu-link img {
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        transform: scale(0.5);
    }
}


/* menu: colores */
header #menu .menu-link,
header #menu .menu-sub          {color: #2d2b2d}
header #menu .menu-link:hover,
header #menu .menu-sub:hover    {color: #71ab91}
header #menu .menu-activo > .menu-link  {color: #71ab91!important}
@media all and (min-width: 992px) {
    header #menu nav    {background-color: white}
}
@media all and (max-width: 991px) {
    header #menu        {background-color: white}
    header #menu nav    {background-color: white}
    header #menu .menu-elem,
    header #menu .menu-sub {border-color: #ccc}
}


/* menu: tamaños */
header #menu .menu-sub {margin-left: 5px}
@media all and (min-width: 992px) {
    header #menu .menu-elem .menu-link span {
        padding-right: 5px;
        line-height: 1;
    }
    header #menu nav .menu-link {padding: 0 10px}
}
@media all and (max-width: 991px) {
    header #menu {border-bottom: 1px solid}
    header #menu .menu-elem,
    header #menu .menu-sub {
        line-height: 32px;
    }
    header #menu .menu-elem {
        padding: 3px 0;
        border-top: 1px solid
    }
    header #menu .menu-link {padding: 0 10px}
    header #menu .menu-sub {
        width: 32px;
        border-left: 1px solid;
        border-right: 1px solid;
    }
}


/* estructura */
.container1000{
    width: 1000px;
    max-width: 100%;
}
header {
    width: 100%;
    padding: 10px 0;
    background-color: white;
    box-shadow: 0px 8px 8px rgba(0,0,0,0.3);
    position: fixed;
    z-index: 21;
    left: 0;
    top: 0;
}
header #header-cont {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

header #menu-mini span {
    vertical-align: middle;
}
header #header-idiomas {
    position: relative;
}
header #header-idiomas nav {
    padding: 5px;
    background-color: white;
    position: absolute;
    top: 100%;
    left: -5px;
    display: none;
}
header #header-idiomas.openIdiomas nav {
    display: block;
}
footer {
    padding-bottom: 50px;
}
footer #footer-top {
    padding: 14px 0;
}
footer #footer-top img {
    margin-top: -4px;
    margin-right: 5px;
}
footer #footer-top a {
    display: inline-block;
}

footer #footer-bottom #formNewsletter .form-control,
footer #footer-bottom #formNewsletter .btn {
    border-radius: 5px;
}
footer #footer-bottom #formNewsletter .btn {
    height: 32px;
    margin-top: 1px;
    display: inline-block;
}
footer #footer-bottom #formNewsletter .form-control::-moz-placeholder {
    color: #666666;
}
footer #footer-bottom #formNewsletter .form-control:-ms-input-placeholder {
    color: #666666;
}
footer #footer-bottom #formNewsletter .form-control::-webkit-input-placeholder {
    color: #666666;
}
footer #footer-bottom #formNewsletter > div:first-of-type {
    padding-right: 0;
}
footer #footer-bottom #formNewsletter > div:last-of-type {
    padding-left: 0;
}
#cookies {
    width: 100%;
    min-height: 70px;
    padding: 10px 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgba(0,0,0,0.8);
    font-size: 13px;
    text-align: center;
    position: fixed;
    z-index: 22;
    top: 0;
    left: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}
#cookies > div {
    margin: 0 auto;
}
#cookies > span {
    font-size: 16px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}
#formNewsletter .help-block,
#formNewsletterCabecera .help-block{
    display: none!important;
}
#formNewsletter .checkbox,
#formNewsletterCabecera .checkbox {
    margin-top: 3px;
    font-size: 11px;
}
#formNewsletter .checkbox input[type='checkbox'],
#formNewsletterCabecera .checkbox input[type='checkbox'] {
    margin-top: 0;
}

.modalMyTrip .modal-dialog {
    max-width: 480px;
}
.modalMyTrip .modal-content {
    background-color: #71ab91;
    color: white;
    font-size: 20px;
    font-weight: 300;
}
.modalMyTrip #modalMyTrip-cont {
    padding: 40px;
}
.modalMyTrip .bootbox-close-button {
    color: white;
}
.modalMyTrip .form-control {
    border-color: white;
    border-radius: 0;
}
.modalMyTrip .btn {
    border: 1px solid white;
}

@media (min-width: 992px) {
    header #menu a span {
        text-align: left;
        vertical-align: middle;
        display: inline-block;
    }
}
@media (max-width: 991px) {
    footer #formNewsletter{
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
    }
}
@media(min-width: 768px) and (max-width: 991px){
    
}
@media (min-width: 768px) {
    
}
@media (max-width: 767px) {
    
}
@media(max-width: 360px){
    footer #footer-bottom #formNewsletter .btn{
        font-size: 13px;  
        line-height: 16px;
    }
}

@media (min-width: 992px) {
    footer #footer-bottom > .row > div:first-of-type {
        text-align: left;
    }
}

@media (min-width: 768px) {
    section {
        padding-top: 120px;
    }
}
@media (min-width: 640px) and (max-width: 767px) {
    section {
        padding-top: 100px;
    }
}
@media (max-width: 639px) {
    section {
        padding-top: 50px;  /*se le restan los 50 del chat*/
    }
}
@media (max-width: 479px) {
    header #header-logo img {
        height: 44px;
    }
}

@media only screen and (min-width:361px) and (max-width: 640px) {
    #lhc_status_container {
        top: 40px !important;
        z-index: 5!important;
    }
}