a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

body {
    line-height: 1
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
    display: block
}

audio,canvas,video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

a:focus {
    outline: thin dotted
}

a:active,a:hover {
    outline: 0
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

hr {
    box-sizing: content-box;
    height: 0
}

mark {
    background: #ff0;
    color: #000
}

code,kbd,pre,samp {
    font-family: monospace,serif;
    font-size: 1em
}

pre {
    white-space: pre-wrap
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

button,input,select,textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button,input {
    line-height: normal
}

button,select {
    text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23B62A83'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23B62A83'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #B62A83
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical>.swiper-pagination {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal>.swiper-pagination {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    height: 100%;
    z-index: 1
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    animation: swiper-preloader-spin 1s steps(12,end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

body {
    font-family: 'Titillium Web',sans-serif;
    font-size: 12px;
    font-weight: 400
}

a {
    text-decoration: none;
    color: #000;
    display: inline-block
}

a:focus,a:hover {
    text-decoration: none
}

header {
    position: fixed;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1em 2em;
    box-sizing: border-box;
    background: #fff;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 1380px;
    top: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2
}

header input#menu {
    position: absolute;
    left: -99999px;
    top: -999999px
}

header label {
    position: absolute;
    display: none
}

header .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

header .right ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

header .right a {
    font-size: 14px;
    color: #838383;
    display: block;
    margin: 0 10px
}

header .right a:hover {
    text-decoration: underline
}

header .right a img {
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 5px;
    margin-left: 30px
}

@media screen and (max-width: 1342px) {
    header {
        width:100%;
        top: 0
    }
}

@media screen and (max-width: 600px) {
    header .logo {
        margin-left:auto
    }

    header .right {
        position: absolute;
        -webkit-transform: translateX(-120%);
        transform: translateX(-120%);
        line-height: 50px
    }

    header .right a img {
        margin-left: 0
    }

    header label {
        display: block;
        cursor: pointer
    }

    header input:checked~div[role=off-canvas] {
        position: fixed;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        top: 43px;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        left: 0;
        padding-left: 1em
    }

    header input:checked~div[role=off-canvas] ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    header input:checked~div[role=off-canvas] ul a {
        font-size: 18px
    }
}

#home .swiper-container.portada,#listing .swiper-container.portada {
    background: rgba(140,101,47,.37)
}

#home .swiper-container.portada .swiper-slide img,#listing .swiper-container.portada .swiper-slide img {
    width: 100%;
    display: block;
    margin: 0 auto
}

#home .swiper-container.portada .swiper-slide p,#listing .swiper-container.portada .swiper-slide p {
    font-size: 40px;
    font-weight: 800;
    text-align: center;
    position: absolute;
    top: 25%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #fff;
    text-shadow: 3px 3px 20px rgba(0,0,0,.31)
}

#home .swiper-pagination-bullet-active,#listing .swiper-pagination-bullet-active {
    background: #000
}

#home .swiper-container-horizontal>.swiper-pagination,#listing .swiper-container-horizontal>.swiper-pagination {
    bottom: 100px
}

#home .search,#listing .search {
    margin-top: -400px;
    position: relative;
    z-index: 1;
}


@media screen and (max-width: 960px) {
    #home .search,#listing .search {
        margin-top:-190px
    }
}

#home .search .tabs,#listing .search .tabs {
    background: #67A97E;
    color: #fff;
    max-width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    font-weight: 800;
    border-bottom: 1px solid #497358
}

#home .search .tabs li,#listing .search .tabs li {
    padding: .5em 1em;
    text-align: center;
    cursor: pointer
}

#home .search .tabs li.current,#listing .search .tabs li.current {
    background: #548B62
}

#home .search .tab-content,#listing .search .tab-content {
    display: none;
    background: #67A97E;
    color: #fff;
    max-width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 1em 1em 2em
}

#home .search .tab-content.current,#listing .search .tab-content.current {
    display: inherit
}

#home .search .busqueda,#listing .search .busqueda {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#home .search .busqueda .campos,#listing .search .busqueda .campos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

#home .search .busqueda .campos.destinos,#listing .search .busqueda .campos.destinos {
    width: 24%
}

#home .search .busqueda h2.titmulti,#listing .search .busqueda h2.titmulti {
    width: 98%;
    margin: 10px auto 0;
    text-transform: uppercase;
    border-bottom: 1px dashed #284f35;
    padding-bottom: .2em;
    text-align: left;
    color: #284f35
}

#home .search .busqueda .multidestino,#listing .search .busqueda .multidestino {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #5b9870
}

#home .search .busqueda .multidestino>div.campos.destinos,#listing .search .busqueda .multidestino>div.campos.destinos {
    width: 19%;
    margin: 0
}

#home .search .busqueda .multidestino>div.calendario,#listing .search .busqueda .multidestino>div.calendario {
    width: 33%
}

#home .search .busqueda .multidestino>div.pax,#listing .search .busqueda .multidestino>div.pax {
    width: 12%
}

#home .search .busqueda .multidestino .agregar,#listing .search .busqueda .multidestino .agregar {
    background: #275035;
    color: #fff;
    padding: 10px;
    width: 10%;
    text-align: center;
    border-radius: 5px;
    margin: 0 10px
}

@media screen and (max-width: 650px) {
    #home .search .busqueda .multidestino,#listing .search .busqueda .multidestino {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    #home .search .busqueda .multidestino .agregar,#listing .search .busqueda .multidestino .agregar {
        width: 60%
    }
}

#home .search .busqueda .calendario,#listing .search .busqueda .calendario {
    position: relative
}

#home .search .busqueda .calendario img,#listing .search .busqueda .calendario img {
    position: absolute;
    right: 0;
    top: 0;
    pointer-events: none;
    cursor: pointer
}

#home .search .busqueda .calendario input,#listing .search .busqueda .calendario input {
    cursor: default
}

#home .search .busqueda input,#listing .search .busqueda input {
    border: none;
    background: 0 0;
    border-bottom: 1px solid #fff;
    color: #fff;
    padding: 5px;
    outline: 0;
    font-size: 16px
}

#home .search .busqueda input::-webkit-input-placeholder,#listing .search .busqueda input::-webkit-input-placeholder {
    color: #fff
}

#home .search .busqueda input::-moz-placeholder,#listing .search .busqueda input::-moz-placeholder {
    color: #fff
}

#home .search .busqueda input:-ms-input-placeholder,#listing .search .busqueda input:-ms-input-placeholder {
    color: #fff
}

#home .search .busqueda input::placeholder,#listing .search .busqueda input::placeholder {
    color: #fff
}

#home .search .busqueda button,#listing .search .busqueda button {
    border: none;
    color: #fff;
    background: #4F5050;
    padding: 3px 20px;
    border-radius: 3px;
    font-size: 16px
}

@media screen and (max-width: 600px) {
    #home .search,#listing .search {
        margin-top:0
    }
}

#home .alerts,#listing .alerts {
    background: #EDECE8;
    padding: 10em 0 2em;
    margin-bottom: 40px;
    margin-top: -53px;
}

@media screen and (max-width: 950px) {
    #home .alerts,#listing .alerts {
        margin-top:-93px
    }
}

#home .alerts .md-container,#listing .alerts .md-container {
    max-width: 1200px;
    margin: 0 auto 20px
}

@media screen and (min-width: 960px) {
    #home .alerts .md-container,#listing .alerts .md-container {
        padding-top:130px
    }
}

#home .alerts .md-container .titalerts,#listing .alerts .md-container .titalerts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center
}

#home .alerts .md-container .titalerts h2,#listing .alerts .md-container .titalerts h2 {
    color: #D37F2C;
    font-size: 41px;
    margin-bottom: 15px
}

#home .alerts .md-container .titalerts p,#listing .alerts .md-container .titalerts p {
    font-size: 16px;
    margin: 0 0 10px
}

#home .alerts .md-container .radio input[type=radio]+.radio-label:before,#listing .alerts .md-container .radio input[type=radio]+.radio-label:before {
    border: 2px solid #d37f2c
}

#home .alerts .md-container .radio input[type=radio]:checked+.radio-label:before,#listing .alerts .md-container .radio input[type=radio]:checked+.radio-label:before {
    box-shadow: inset 0 0 0 4px #d37f2c
}

#home .alerts .md-container .listalerts,#listing .alerts .md-container .listalerts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 50px auto
}

#home .alerts .md-container .listalerts .newalert,#listing .alerts .md-container .listalerts .newalert {
    color: #fff;
    background: #67A97E;
    padding: 3px 20px;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 4px
}

#home .alerts .md-container .contain-alert,#listing .alerts .md-container .contain-alert {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #DCDCDC;
    padding-right: 1em;
    width: 50%
}

#home .alerts .md-container .contain-alert .caution,#listing .alerts .md-container .contain-alert .caution {
    background: #67A97E;
    padding: 1em;
    font-size: 18px;
    color: #6D6C6C
}

#home .alerts .md-container .contain-alert p,#listing .alerts .md-container .contain-alert p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#home .alerts .md-container .contain-alert p img,#listing .alerts .md-container .contain-alert p img {
    margin-left: 10px
}

#home .alerts .md-container .contain-alert a,#listing .alerts .md-container .contain-alert a {
    display: inline-block;
    background: #93BDA5;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    padding: 9px 14px
}

#home .alerts .md-container .alertas,#listing .alerts .md-container .alertas {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    box-sizing: border-box;
    padding: 0 1em
}

#home .alerts .md-container .alertas .campos,#listing .alerts .md-container .alertas .campos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

#home .alerts .md-container .alertas .calendario,#listing .alerts .md-container .alertas .calendario {
    position: relative
}

#home .alerts .md-container .alertas .calendario img,#listing .alerts .md-container .alertas .calendario img {
    position: absolute;
    right: 0;
    top: 0;
    pointer-events: none;
    cursor: pointer
}

#home .alerts .md-container .alertas .calendario input,#listing .alerts .md-container .alertas .calendario input {
    cursor: default
}

#home .alerts .md-container .alertas input,#listing .alerts .md-container .alertas input {
    border: none;
    background: 0 0;
    border-bottom: 1px solid #9F9F9F;
    color: #9F9F9F;
    padding: 5px;
    outline: 0;
    font-size: 16px
}

#home .alerts .md-container .alertas input::-webkit-input-placeholder,#listing .alerts .md-container .alertas input::-webkit-input-placeholder {
    color: #fff
}

#home .alerts .md-container .alertas input::-moz-placeholder,#listing .alerts .md-container .alertas input::-moz-placeholder {
    color: #fff
}

#home .alerts .md-container .alertas input:-ms-input-placeholder,#listing .alerts .md-container .alertas input:-ms-input-placeholder {
    color: #fff
}

#home .alerts .md-container .alertas input::placeholder,#listing .alerts .md-container .alertas input::placeholder {
    color: #fff
}

#home .alerts .md-container .alertas button,#listing .alerts .md-container .alertas button {
    border: none;
    color: #fff;
    background: #D37F2C;
    padding: 3px 20px;
    border-radius: 3px;
    font-size: 16px
}

#home .radio,#listing .radio {
    display: inline-block;
    margin: .5rem;
    font-size: 13px;
    text-transform: uppercase;
    cursor: pointer
}

#home .radio label,#listing .radio label {
    cursor: pointer
}

#home .radio input[type=radio],#listing .radio input[type=radio] {
    position: absolute;
    opacity: 0
}

#home .radio input[type=radio]+.radio-label:before,#listing .radio input[type=radio]+.radio-label:before {
    content: '';
    background: 0 0;
    border-radius: 100%;
    border: 2px solid #fff;
    display: inline-block;
    width: 15px;
    height: 15px;
    position: relative;
    top: -4px;
    margin-right: .3em;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease
}

#home .radio input[type=radio]:checked+.radio-label:before,#listing .radio input[type=radio]:checked+.radio-label:before {
    background-color: #fff;
    box-shadow: inset 0 0 0 4px #67A97E
}

#home .radio input[type=radio]:focus+.radio-label:before,#listing .radio input[type=radio]:focus+.radio-label:before {
    outline: 0;
    border-color: #fff
}

#home .radio input[type=radio]:disabled+.radio-label:before,#listing .radio input[type=radio]:disabled+.radio-label:before {
    box-shadow: inset 0 0 0 4px #f4f4f4;
    border-color: #b4b4b4;
    background: #b4b4b4
}

#home .radio input[type=radio]+.radio-label:empty:before,#listing .radio input[type=radio]+.radio-label:empty:before {
    margin-right: 0
}

#home .destinos,#listing .destinos {
    max-width: 1200px;
    margin: 1em auto;
    box-sizing: border-box
}

#home .destinos .titledestinos,#listing .destinos .titledestinos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin-bottom: 3em
}

#home .destinos .titledestinos h2,#listing .destinos .titledestinos h2 {
    font-size: 46px;
    color: #525151
}

#home .destinos .titledestinos img,#listing .destinos .titledestinos img {
    margin: 20px 0
}

#home .destinos .titledestinos p,#listing .destinos .titledestinos p {
    max-width: 500px;
    font-size: 18px;
    text-align: center;
    color: #6D6C6C;
    line-height: 21px;
    margin: 0 auto;
    font-weight: 400
}

#home .destinos .md-destinos,#listing .destinos .md-destinos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#home .destinos .md-destinos .country,#listing .destinos .md-destinos .country {
    position: relative;
    box-sizing: border-box;
    padding: .3em;
    width: 25%
}

#home .destinos .md-destinos .country:first-child,#listing .destinos .md-destinos .country:first-child {
    width: 50%;
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

#home .destinos .md-destinos .country .info,#listing .destinos .md-destinos .country .info {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#home .destinos .md-destinos .country .info h2,#listing .destinos .md-destinos .country .info h2 {
    width: 100%;
    text-align: center;
    font-size: 44px;
    font-weight: 600;
    color: #fff;
    padding-bottom: 6px
}

#home .destinos .md-destinos .country .info h2:after,#listing .destinos .md-destinos .country .info h2:after {
    content: '';
    max-width: 30%;
    height: 2px;
    margin: 5px auto;
    display: block;
    background: #D37F2C
}

#home .destinos .md-destinos .country .info a,#listing .destinos .md-destinos .country .info a {
    margin: 10px;
    border: 2px solid #D37F2C;
    border-radius: 50%;
    padding: 10px;
    height: 40px;
    width: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#home .destinos .md-destinos .country .info a img,#listing .destinos .md-destinos .country .info a img {
    width: 100%
}

#home .destinos .md-destinos .country .info .links,#listing .destinos .md-destinos .country .info .links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 1s;
    transition: all 1s
}

#home .destinos .md-destinos .country:hover .links,#listing .destinos .md-destinos .country:hover .links {
    opacity: 1;
    visibility: visible
}

#home .destinos .md-destinos img,#listing .destinos .md-destinos img {
    width: 100%;
    height: 100%
}

#home .md-alojamiento,#listing .md-alojamiento {
    max-width: 1200px;
    margin: 1em auto;
    box-sizing: border-box
}

#home .md-alojamiento .titlealoj,#listing .md-alojamiento .titlealoj {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin-bottom: 3em
}

#home .md-alojamiento .titlealoj h2,#listing .md-alojamiento .titlealoj h2 {
    font-size: 46px;
    color: #525151
}

#home .md-alojamiento .titlealoj img,#listing .md-alojamiento .titlealoj img {
    margin: 20px 0
}

#home .md-alojamiento .titlealoj p,#listing .md-alojamiento .titlealoj p {
    max-width: 500px;
    font-size: 18px;
    text-align: center;
    color: #6D6C6C;
    line-height: 21px;
    margin: 0 auto;
    font-weight: 400
}

#home .md-alojamiento .list-alojamientos .flecha,#listing .md-alojamiento .list-alojamientos .flecha {
    position: absolute;
    z-index: 1;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer
}

#home .md-alojamiento .list-alojamientos .flecha.next,#listing .md-alojamiento .list-alojamientos .flecha.next {
    right: 0
}

#home .md-alojamiento .list-alojamientos .flecha.prev,#listing .md-alojamiento .list-alojamientos .flecha.prev {
    left: 0
}

#home .md-alojamiento .list-alojamientos .item,#listing .md-alojamiento .list-alojamientos .item {
    box-sizing: border-box;
    width: 20%;
    padding: 1em
}

#home .md-alojamiento .list-alojamientos .item img,#listing .md-alojamiento .list-alojamientos .item img {
    width: 100%
}

#home .md-alojamiento .list-alojamientos .item .price,#listing .md-alojamiento .list-alojamientos .item .price {
    font-weight: 800;
    font-size: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#home .md-alojamiento .list-alojamientos .item .price .stars,#listing .md-alojamiento .list-alojamientos .item .price .stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto
}

#home .md-alojamiento .list-alojamientos .item .price .stars img,#listing .md-alojamiento .list-alojamientos .item .price .stars img {
    margin-left: 5px
}

#home .md-alojamiento .list-alojamientos .item .name,#listing .md-alojamiento .list-alojamientos .item .name {
    margin: 10px 0
}

#home .alojamientos,#listing .alojamientos {
    position: relative;
    min-height: 389px;
    background: url(../images/paris2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center
}

#home .alojamientos .titlealojamiento,#listing .alojamientos .titlealojamiento {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    padding: 6em 0 0;
    text-align: center
}

#home .alojamientos .titlealojamiento h2,#listing .alojamientos .titlealojamiento h2 {
    color: #fff;
    font-size: 52px;
    margin: 20px 0
}

#home .alojamientos .titlealojamiento p,#listing .alojamientos .titlealojamiento p {
    font-size: 20px;
    color: #fff;
    text-align: center
}

#home .alojamientos .links,#listing .alojamientos .links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

#home .alojamientos .links a,#listing .alojamientos .links a {
    color: #fff;
    border: 2px solid #D37F2C;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    padding: .5em 1em;
    border-radius: 15px;
    margin: 20px;
    width: 120px
}

#home .productos,#listing .productos {
    max-width: 1200px;
    margin: 1em auto;
    box-sizing: border-box
}

#home .productos .titleprod,#listing .productos .titleprod {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

#home .productos .titleprod h2,#listing .productos .titleprod h2 {
    font-size: 46px;
    color: #525151
}

#home .productos .titleprod img,#listing .productos .titleprod img {
    margin: 20px 0
}

#home .productos .titleprod p,#listing .productos .titleprod p {
    max-width: 500px;
    font-size: 18px;
    text-align: center;
    color: #6D6C6C;
    line-height: 21px;
    margin: 0 auto;
    font-weight: 400
}

#home .productos .list-products ul,#listing .productos .list-products ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 50px 0
}

#home .productos .list-products ul .item,#listing .productos .list-products ul .item {
    width: 25%;
    box-sizing: border-box;
    padding: 10px
}

#home .productos .list-products ul .item a,#listing .productos .list-products ul .item a {
    display: block
}

#home .productos .list-products ul .item a img,#listing .productos .list-products ul .item a img {
    width: 100%
}

#home .productos .list-products ul .item a .name,#listing .productos .list-products ul .item a .name {
    color: #6D6C6C;
    margin: 10px 0;
    font-size: 16px
}

#home .productos .list-products ul .item a .price,#listing .productos .list-products ul .item a .price {
    font-weight: 800;
    color: #030104;
    font-size: 18px
}

#home .productos .list-products ul .more,#listing .productos .list-products ul .more {
    margin: 20px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #D37F2C;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1em;
    max-width: 80px;
    font-size: 13px;
    color: #fff;
    text-align: center
}

#home .busqueda {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start!important;
    -ms-flex-pack: start!important;
    justify-content: flex-start!important
}

#home .busqueda>div {
    width: 30%;
    margin: 10px
}

#home .busqueda>div.pax {
    width: 12%
}

#home .busqueda>div.calendario {
    width: 33%!important
}

@media screen and (max-width: 600px) {
    #home .busqueda>div.calendario {
        width:100%!important
    }
}

#home .busqueda>div input {
    width: 100%;
    box-sizing: border-box
}

#home .busqueda button {
    padding: 13px 20px!important;
    width: 100%;
    margin-top: 20px
}

#contacto .md-container {
    max-width: 750px;
    margin: 0 auto;
    box-sizing: border-box;
    padding-top: 70px
}

#contacto .md-container .title {
    margin: 10px;
    font-size: 22px
}

#contacto .md-container form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#contacto .md-container form div {
    box-sizing: border-box;
    padding: 10px;
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#contacto .md-container form div:last-of-type {
    width: 100%
}

#contacto .md-container form div label {
    margin-bottom: 5px;
    display: block
}

#contacto .md-container form div input {
    width: 100%;
    box-sizing: border-box;
    padding: 5px
}

#contacto .md-container form div textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 5px
}

#contacto .md-container form div input,#contacto .md-container form div textarea {
    color: #4F5050;
    border: 1px solid #67A97E;
    font-size: 12px
}

#contacto .md-container form button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    background: #727171;
    margin: 10px 10px 10px auto;
    color: #fff;
    text-transform: uppercase;
    border: none;
    font-weight: 300;
    letter-spacing: 1px
}

@media screen and (max-width: 500px) {
    #contacto .md-container {
        padding-top:0
    }

    #contacto .md-container .title {
        text-align: center
    }

    #contacto .md-container form {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    #contacto .md-container form div {
        width: 100%
    }

    #contacto .md-container button {
        width: 96%;
        margin: 10px auto;
        box-sizing: border-box;
        text-align: center;
        display: block;
        padding: 10px
    }
}

#listing .containvuelo .radio input[type=radio]+.radio-label:before {
    border: 2px solid #548b62
}

#listing .containvuelo .radio input[type=radio]:focus+.radio-label:before {
    border-color: #66a77c
}

#listing .containvuelo .radio input[type=radio]:checked+.radio-label:before {
    background-color: #fff;
    box-shadow: inset 0 0 0 4px #67A97E
}

footer {
    background: #4F5050;
    color: #fff;
    padding: 2em;
    margin-top: 2em
}

footer .md-container {
    max-width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

footer .md-container a {
    color: #fff;
    font-size: 14px
}

footer .md-container a:hover {
    text-decoration: underline
}

footer .md-container ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

footer .md-container ul a {
    margin-right: 10px
}

footer .md-container ul li:nth-child(2):before {
    content: '|';
    display: inline-block;
    margin-right: 15px
}

footer .md-container ul li:nth-child(2):after {
    content: '|';
    display: inline-block;
    margin-right: 15px
}

footer .md-container .redes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

footer .md-container .redes img {
    margin-left: 10px
}

footer .md-container .pie {
    width: 100%;
    margin: 10px 0
}

#login.close,#mailing.close {
    opacity: 0;
    visibility: hidden
}

#login .cruz,#mailing .cruz {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer
}




#login .mail,#login .user,#mailing .mail,#mailing .user {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    width: auto
}



#login .mail .logo,#login .user .logo,#mailing .mail .logo,#mailing .user .logo {
    padding: 2em 0
}

#login .mail .userarea,#login .user .userarea,#mailing .mail .userarea,#mailing .user .userarea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #eee;
    box-sizing: border-box;
    padding: 2em 7em;
    text-align: center;
    max-width: 400px
}

#login .mail .userarea>a,#login .user .userarea>a,#mailing .mail .userarea>a,#mailing .user .userarea>a {
    margin-bottom: 10px;
    display: block
}

#login .mail .userarea .crear,#login .user .userarea .crear,#mailing .mail .userarea .crear,#mailing .user .userarea .crear {
    font-size: 15px;
    font-weight: 300;
    color: #999;
    position: relative;
    margin: 10px 0 20px
}

#login .mail .userarea .crear:after,#login .user .userarea .crear:after,#mailing .mail .userarea .crear:after,#mailing .user .userarea .crear:after {
    content: '';
    display: inline-block;
    height: 1px;
    background: #999;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 9px
}

#login .mail .userarea .crear span,#login .user .userarea .crear span,#mailing .mail .userarea .crear span,#mailing .user .userarea .crear span {
    background: #eee;
    padding: 2px 5px;
    position: relative;
    z-index: 1
}

#login .mail .userarea img,#login .user .userarea img,#mailing .mail .userarea img,#mailing .user .userarea img {
    display: block;
    width: 100%;
    margin: 0 auto
}

#login .mail .userarea form,#login .user .userarea form,#mailing .mail .userarea form,#mailing .user .userarea form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#login .mail .userarea form a,#login .user .userarea form a,#mailing .mail .userarea form a,#mailing .user .userarea form a {
    color: #999;
    font-size: 12px
}

#login .mail .userarea form button,#login .user .userarea form button,#mailing .mail .userarea form button,#mailing .user .userarea form button {
    font-size: 18px;
    background: #727171;
    margin: 10px 0;
    color: #fff;
    text-transform: uppercase;
    border: none;
    font-weight: 300;
    letter-spacing: 1px
}

#login .mail .userarea .check,#login .user .userarea .check,#mailing .mail .userarea .check,#mailing .user .userarea .check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left
}

#login .mail .userarea .check input,#login .user .userarea .check input,#mailing .mail .userarea .check input,#mailing .user .userarea .check input {
    margin-right: 5px
}

#login .mail .userarea .check label,#login .user .userarea .check label,#mailing .mail .userarea .check label,#mailing .user .userarea .check label {
    color: #999;
    font-size: 13px
}

#login .mail .userarea input,#login .user .userarea input,#mailing .mail .userarea input,#mailing .user .userarea input {
    background: #fff;
    padding: .5em;
    font-size: 12px;
    color: #4F5050;
    border: 1px solid #67A97E;
    margin-bottom: 10px
}

#login .mail,#mailing .mail {
    background: #eee;
    padding: 40px;
    box-shadow: -4px 4px #4F5050;
    text-align: left;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

#login .mail p,#mailing .mail p {
    font-size: 14px;
    color: #7B7B7A;
    letter-spacing: 0
}

#login .mail form,#mailing .mail form {
    margin: 20px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#login .mail form input,#mailing .mail form input {
    background: #fff;
    padding: 7px;
    font-size: 12px;
    color: #4F5050;
    border: 1px solid #67A97E;
    width: 200px
}

#login .mail form button,#mailing .mail form button {
    background: #D37F2C;
    color: #fff;
    padding: 7px 20px;
    display: inline-block;
    margin: 0 20px;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
    border: none
}

#login .mail form .confirma,#mailing .mail form .confirma {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#login .mail form .confirma a,#mailing .mail form .confirma a {
    position: absolute;
    bottom: 15px
}

#login .myaccount,#mailing .myaccount {
    background: #67A97E;
    color: #fff;
    text-align: center;
    width: 100%;
    padding: 10px 0
}

#login .myaccount a,#mailing .myaccount a {
    margin-left: 20px;
    display: inline-block;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 7px;
    padding: 7px 15px
}

#login .overlay,#mailing .overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255,255,255,.9);
    z-index: 3;
    opacity: .8;
    margin: 0
}

#mailing .mail{
    width: 620px;
    height: 430px;
    padding: 0;
    align-items: center;
    justify-content: flex-start;
    background: url(../images/backpop.svg) no-repeat;
    box-shadow: none;    
}

#mailing .mail .logos{
    padding: 20px 0;
    background: #e8e4d9;
    width: 100%;
    display: flex;
    justify-content: space-around;
}

#mailing .mail form{
    display: flex;
    flex-direction: column;
    background: #3aa965;
    width: 50%;
    color: white;
    font-size: 16px;    
}

#mailing .mail form .como{
    font-size: 22px;
    font-weight: bold;
    border-bottom: 1px solid#255739;
    padding: 20px;    
}
#mailing .mail form .steps p{
    color: white;
    font-size: 15px;
    padding: 10px 17px;
    display: flex;
    align-items: center;
}

#mailing .mail form .steps p span{
    background: #255739;
    border-radius: 50%;
    display: inline-block;
    padding: 7px 10px;
    margin-right: 10px;
}

#mailing .mail form input{
    background: #fff;
    padding: 7px;
    font-size: 12px;
    color: #4F5050;
    border: 1px solid #67A97E;
    width: 180px;    
}

#mailing .mail form .confirma{
    flex-direction: row;
    padding: 20px 0 50px; 
    position: relative;   
}

#mailing .mail form button{
    margin: 0;
    border-radius: 0;
    background: #fe5c0f;    
}
#mailing .mail form .confirma a.omitir{
    bottom: 18px;
    color: #255739;
    right: 40px;    
}


@media screen and (max-width: 714px) {
    #login .user .userarea,#mailing .user .userarea {
        padding:2em 1em;
        max-width: 290px
    }
}

@media screen and (max-width: 400px) {
    #login .user,#mailing .user {
        left:0;
        right: 0;
        top: 0;
        bottom: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transform: none;
        transform: none
    }

    #login .user .userarea,#mailing .user .userarea {
        padding: 1em;
        max-width: none
    }

    #login .myaccount,#mailing .myaccount {
        margin: 0 auto;
        width: 100%
    }
}

.txt-pax {
    position: absolute;
    right: 39px;
    text-transform: uppercase;
    font-size: 12px;
    top: 12px;
    width: auto!important;
    pointer-events: none
}

@media screen and (max-width: 600px) {
    .txt-pax {
        right:60px;
        top: 0
    }
}

.pasajeros {
    background: #fff;
    color: #67A97E;
    position: absolute;
    top: 38px;
    padding: 10px;
    box-sizing: border-box;
    z-index: 1;
    width: 100%;
    min-width: 110px;
    border: 1px solid
}

@media screen and (max-width: 600px) {
    .pasajeros {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.pasajeros.cerrado {
    opacity: 0;
    visibility: hidden
}

.pasajeros .cruzpax {
    position: absolute!important;
    right: 10px;
    cursor: pointer
}

.pasajeros>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pasajeros>div p:first-of-type {
    width: 100%
}

.pasajeros>div .add,.pasajeros>div .minus {
    background: #4f5050;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1px 7px;
    border-radius: 3px;
    margin: 0 2px;
    font-size: 18px;
    cursor: pointer;
    color: #fff
}

.pasajeros>div input {
    max-width: 27%;
    box-sizing: border-box;
    color: #4f5050!important;
    padding: 0!important;
    border-bottom: 1px solid #67a97e!important;
    margin-right: 10px;
    margin-bottom: 12px
}

#listing .portada {
    width: 100%
}

#listing .search {
    margin-top: 0;
    position: top;
    position: top;
    top: 90px
}

#listing .search .tab-content {
    padding-bottom: 10px
}

#listing .listado {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    max-width: 1200px;
    box-sizing: border-box
}

#listing .listado .left {
    width: 30%;
    box-sizing: border-box;
    padding: 1em
}

#listing .listado .left .busqueda {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#listing .listado .left .busqueda img {
    display: block;
    margin: 0 auto
}

#listing .listado .left .busqueda .campos {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#listing .listado .left .busqueda input {
    width: 84%
}

#listing .listado .left .busqueda .calendario {
    margin: 5px 0;
    width: 100%
}

#listing .listado .left .busqueda .calendario img {
    right: 8px;
    top: 8px
}

#listing .listado .left .busqueda button {
    width: 100%;
    margin: 10px 0 0
}

#listing .listado .left h3 {
    font-size: 20px;
    font-weight: 800;
    margin: 15px 0;
    padding: 1em 1em 0
}

#listing .listado .left .filter {
    padding: 0 2em;
    position: top;
    position: top;
    top: 440px
}

#listing .listado .left .filter h2 {
    font-size: 20px;
    font-weight: 800;
    margin: 15px 0
}

#listing .listado .left .filter.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: top;
    position: top;
    top: 360px
}

#listing .listado .left .filter.active a {
    background: #4F5050;
    color: #fff;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
    margin-bottom: 10px
}

#listing .listado .left .filter ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#listing .listado .left .filter ul li a {
    font-size: 16px;
    margin: 5px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid #d2d2d2
}

#listing .listado .left .filter ul li a span {
    background: #D2D2D2;
    color: #797979;
    padding: 5px;
    font-size: 12px;
    display: inline-block
}

#listing .listado .right {
    width: 70%;
    box-sizing: border-box;
    padding-top: 1em
}

#listing .listado .right .vuelosdestacados {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px
}

#listing .listado .right .vuelosdestacados>div {
    width: 32.5%;
    background: #67A97E;
    color: #fff;
    box-sizing: border-box;
    padding: 18px 10px;
    border-radius: 10px;
    border: 1px solid #23442e
}

#listing .listado .right .vuelosdestacados>div:nth-of-type(2) {
    background: #508d65
}

#listing .listado .right .vuelosdestacados>div:nth-of-type(3) {
    background: #477d5a
}

#listing .listado .right .vuelosdestacados>div a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 13px;
    line-height: 20px
}

#listing .listado .right .vuelosdestacados>div a img {
    max-width: 60px;
    margin-right: 10px;
    display: inline-block
}

@media screen and (max-width: 570px) {
    #listing .listado .right .vuelosdestacados {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    #listing .listado .right .vuelosdestacados>div {
        width: 100%;
        margin-bottom: 10px
    }
}

#listing .listado .right .containvuelo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px;
    position: relative
}

#listing .listado .right .containvuelo .idayvuelta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

#listing .listado .right .containvuelo .idayvuelta .flights:nth-of-type(2) {
    border-top: 1px dashed #a0a0a0
}

#listing .listado .right .containvuelo .flights {
    background: #EBEAE5;
    color: #4F5050;
    width: 100%;
    box-sizing: border-box
}

#listing .listado .right .containvuelo .flights .data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #969695;
    padding: 8px;
    margin-bottom: 10px
}

#listing .listado .right .containvuelo .flights .data .tramo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px
}

#listing .listado .right .containvuelo .flights .data .tramo img {
    margin-right: 10px
}

#listing .listado .right .containvuelo .flights .data .day {
    font-size: 14px;
    font-weight: 600
}

#listing .listado .right .containvuelo .flights .time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 10px 8px 42px
}

#listing .listado .right .containvuelo .flights .time .llegada p,#listing .listado .right .containvuelo .flights .time .salida p {
    font-size: 14px;
    color: #80807F;
    text-align: center
}

#listing .listado .right .containvuelo .flights .time .llegada .hora,#listing .listado .right .containvuelo .flights .time .salida .hora {
    color: #595958;
    margin-top: 4px;
    font-style: italic
}

#listing .listado .right .containvuelo .flights .time .modo {
    text-align: center;
    margin: 0 20px;
    position: relative;
    cursor: default
}

#listing .listado .right .containvuelo .flights .time .modo:hover .escala {
    opacity: 1;
    visibility: visible;
    top: -30px
}

#listing .listado .right .containvuelo .flights .time .modo .escala {
    background: #4F5050;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    position: absolute;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    top: -10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .25s;
    transition: .25s
}

#listing .listado .right .containvuelo .flights .time .modo .escala:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: #4F5050 transparent transparent transparent;
    position: absolute;
    top: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

#listing .listado .right .containvuelo .flights .time .modo:nth-of-type(odd) {
    margin-left: 0
}

#listing .listado .right .containvuelo .flights .time .modo p.hr {
    background: #68a87e;
    height: 1px;
    border: none;
    width: 100%;
    min-width: 75px;
    position: relative;
    margin-bottom: 10px
}

#listing .listado .right .containvuelo .flights .time .modo p.hr:after {
    content: '';
    display: inline-block;
    height: 10px;
    width: 10px;
    background: #68a87e;
    border-radius: 50%;
    position: absolute;
    top: -4px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

#listing .listado .right .containvuelo .flights .time .tiempo {
    text-align: center;
    margin-left: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#listing .listado .right .containvuelo .flights .time .tiempo img {
    margin-right: 5px
}

#listing .listado .right .containvuelo .flights .time .aerolinea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto
}

#listing .listado .right .containvuelo .flights .time .aerolinea img {
    margin-right: 10px;
    max-width: 80px
}

#listing .listado .right .containvuelo .price {
    background: #DFDFDE;
    text-align: center;
    padding: 5px 10px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#listing .listado .right .containvuelo .price p {
    font-size: 30px;
    font-weight: 600;
    margin: 10px;
    color: #4F5050;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#listing .listado .right .containvuelo .price p span {
    font-size: 12px;
    text-align: center;
    margin-top: 3px
}

#listing .listado .right .containvuelo .price a {
    background: #D37F2C;
    color: #fff;
    border-radius: 5px;
    padding-left: 13px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#listing .listado .right .containvuelo .price a span {
    background: #BA6B1F;
    color: #fff;
    font-weight: 800;
    font-size: 18px;
    display: block;
    border-radius: 0 5px 5px 0;
    padding: 11px 14px;
    margin-left: 10px
}

#listing .listado .right .containvuelo .empresas {
    position: absolute;
    right: 140px;
    background: #fff;
    box-shadow: -4px 4px #4F5050;
    top: 150px;
    z-index: 1
}

#listing .listado .right .containvuelo .empresas.close {
    opacity: 0;
    visibility: hidden
}

#listing .listado .right .containvuelo .empresas .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #67a97e;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding: 10px
}

#listing .listado .right .containvuelo .empresas .title:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 19px 0 19px 19px;
    border-color: transparent transparent transparent #67A97E;
    position: absolute;
    right: -19px;
    top: 0
}

#listing .listado .right .containvuelo .empresas .company {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px
}

#listing .listado .right .containvuelo .empresas .company p {
    margin: 0 20px
}

#listing .listado .right .containvuelo .empresas .company .cuota {
    color: #67A97E;
    font-size: 12px;
    font-style: italic
}

#listing .listado .right .containvuelo .empresas .company .precio {
    color: #4F5050;
    font-size: 16px;
    font-weight: 600
}

#listing .listado .right .containvuelo .empresas .company a {
    background: #D37F2C;
    color: #fff;
    padding: 7px 20px;
    display: inline-block;
    margin: 0 20px;
    border-radius: 5px;
    text-align: center;
    font-size: 14px
}

@media screen and (max-width: 1000px) {
    #listing {
        padding:50px 0 0
    }

    #listing .portada {
        display: none
    }

    #listing .listado {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    #listing .listado .left {
        width: 80%;
        margin: 0 auto
    }

    #listing .listado .left .busqueda .calendario {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    #listing .listado .left .busqueda .calendario img {
        right: auto;
        top: auto;
        position: relative
    }

    #listing .listado .left .filter,#listing .listado .left .filter.active,#listing .listado .left h3 {
        display: none
    }

    #listing .listado .right {
        width: 100%;
        padding: 1em
    }
}

@media screen and (max-width: 720px) {
    #listing .listado .right .containvuelo {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 30px
    }

    #listing .listado .right .containvuelo .idayvuelta .flights:nth-of-type(2) {
        background: #e6e6e6
    }

    #listing .listado .right .containvuelo .flights .data {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    #listing .listado .right .containvuelo .flights .data .day {
        margin-top: 10px
    }

    #listing .listado .right .containvuelo .flights .time {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        padding: 10px
    }

    #listing .listado .right .containvuelo .flights .time .tiempo {
        display: block;
        margin: 0 auto;
        text-align: center;
        position: absolute;
        bottom: 10px;
        right: 10px
    }

    #listing .listado .right .containvuelo .flights .time .tiempo img {
        margin: 0 0 5px
    }

    #listing .listado .right .containvuelo .flights .time .aerolinea {
        margin: 20px auto 0;
        width: 100%;
        display: block;
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    #listing .listado .right .containvuelo .flights .time .aerolinea img {
        margin: 0 auto 5px
    }

    #listing .listado .right .containvuelo .price {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding-bottom: 5px
    }

    #listing .listado .right .containvuelo .price a {
        width: 100%;
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    #listing .listado .right .containvuelo .price a span {
        margin-left: auto
    }

    #listing .listado .right .containvuelo .empresas {
        right: 0;
        top: 0;
        box-sizing: border-box
    }

    #listing .listado .right .containvuelo .empresas .title {
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    #listing .listado .right .containvuelo .empresas .title a {
        position: absolute;
        right: 10px
    }

    #listing .listado .right .containvuelo .empresas .title:after {
        content: none
    }

    #listing .listado .right .containvuelo .empresas .company {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    #listing .listado .right .containvuelo .empresas .company a {
        width: 100%;
        margin: 10px 0
    }
}

button.error,input.error,textarea.error {
    border: 1px dotted #e02929!important;
    background: rgba(255,0,0,.38)!important;
    color: #fff!important
}

.popups .md-container {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
    border: 1px solid #67a77d;
    box-shadow: 1px 1px 10px #bdbdbd;
    width: 80%;
    min-height: 30%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px
}

.popups .md-container .cruz {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer
}

.popups .md-container .textopop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 14px;
    color: #000;
    text-align: center
}

.popups .md-container .textopop p {
    padding-top: 20px;
    line-height: 22px
}

.popups .md-container .textopop .load {
    max-width: 20px;
    margin-top: 10px
}

.popups .md-container .botones {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.popups .md-container .botones a {
    display: block;
    background: #66a77c;
    padding: 10px;
    border-radius: 3px;
    color: #fff;
    margin: 10px
}

@media screen and (max-width: 600px) {
    .popups .md-container .botones {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        box-sizing: border-box
    }
}

.popups .overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255,255,255,.9);
    z-index: 3;
    opacity: .8;
    margin: 0
}

.popups.close {
    opacity: 0;
    visibility: hidden;
    display: none
}

.preloader {
    padding: 10px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #67a97e;
    font-size: 13px;
    font-weight: 700;
    background-color: #eee;
    width: 100%;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    height: 16px;
    margin: 5px 10px 5px 5px;
    overflow: hidden;
    width: 212px;
    float: left;
    background: #fff;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#e8e8e8));
    background: -webkit-linear-gradient(top,#fff 0,#e8e8e8 100%);
    background: linear-gradient(to bottom,#fff 0,#e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e8e8e8', GradientType=0);
    border-radius: 15px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    border: 1px solid #c7c7c7
}

.progress-bar {
    width: 0;
    height: 100%;
    font-size: 12px;
    height: 12px;
    margin: 1px;
    border-radius: 16px;
    border: 1px solid #548b62;
    color: #fff;
    text-align: center;
    background-color: #548b62;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width 1s ease;
    transition: width 1s ease
}

.progress-striped .progress-bar {
    background-color: #548b62;
    background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.15)),color-stop(.75,rgba(255,255,255,.15)),color-stop(.75,transparent),to(transparent));
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 40px 40px
}

.progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.hbox {
    box-orient: horizontal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

@-webkit-keyframes progressBarGrow {
    0% {
        width: 0
    }

    100% {
        width: 98%
    }
}

@keyframes progressBarGrow {
    0% {
        width: 0
    }

    100% {
        width: 98%
    }
}

.postLoading .progress .progress-bar {
    -webkit-animation: progressBarGrow 5s infinite;
    animation: progressBarGrow 5s infinite
}

@media screen and (max-width: 600px) {
    .oh {
        overflow:hidden
    }

    .openmenu {
        margin-left: 20.5em;
        margin-right: -20.5em;
        border-left: 1px solid #eaeaea
    }

    .openmenu.cuentacontain {
        margin-left: 0;
        margin-right: 0
    }

    header+section {
        padding-top: 4em;
        -webkit-transition: all .25s;
        transition: all .25s
    }

    #home .swiper-container-horizontal>.swiper-pagination {
        bottom: 10px!important
    }

    #home .swiper-container.portada {
        margin: 0 0 10px;
        max-height: 200px
    }

    #home .swiper-container.portada .swiper-slide p {
        font-size: 22px!important
    }

    .tabs {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .tab-content form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .tab-content form .busqueda {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%
    }

    .tab-content form .busqueda div {
        margin: 10px 0;
        width: 100%!important
    }

    .tab-content form .busqueda div input {
        width: 90%
    }

    .tab-content form .busqueda div img {
        position: relative;
        display: inline-block;
        margin: 0 auto
    }

    .tab-content form button {
        margin: 20px 0 0;
        display: block;
        width: 100%;
        padding: 10px!important
    }

    .listalerts {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .listalerts .contain-alert {
        width: 100%!important;
        padding: 0!important;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .listalerts .newalert {
        width: 100%;
        margin: 10px 0!important;
        padding: 10px!important;
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    #home .alerts .md-container .contain-alert p {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 0 10px;
        border-bottom: 1px solid #bfbfbf;
        padding: 10px 0
    }

    #home .alerts .md-container .contain-alert a {
        width: 100%;
        text-align: center
    }

    #home .alerts .md-container .contain-alert a:before {
        content: 'Eliminar alerta';
        display: inline-block;
        margin-right: 5px
    }

    #home .alerts .md-container .contain-alert .caution {
        display: none
    }

    .alerts form {
        text-align: center
    }

    .alerts form .alertas {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .alerts form .alertas div {
        width: 100%;
        margin: 10px 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative
    }

    .alerts form .alertas div img {
        position: absolute;
        right: 30px;
        top: 15px
    }

    .alerts form .alertas div input {
        width: 90%;
        text-align: center
    }

    .alerts form .alertas button {
        margin-top: 20px;
        width: 100%;
        padding: 10px!important
    }

    #home .destinos .md-destinos {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: .5em
    }

    #home .destinos .md-destinos .country {
        width: 100%!important
    }

    #home .destinos .md-destinos .country .info .links {
        opacity: 1;
        visibility: visible
    }

    #home .md-alojamiento .list-alojamientos .item {
        width: 50%!important
    }

    #home .productos .list-products ul .item {
        width: 100%;
        text-align: center
    }
}