.swMain>ul,
ul li {
    list-style: none
}


div.selector span {
    white-space: nowrap
}


.swMain>ul li>a:before {
    content: ""
}




#wizard a { cursor: default; width: -webkit-fill-available; position: absolute; top: 8px; left: 0; }

em {
    font-style: normal;
   
}

hr {
    background: #ccc;
    height: 1px;
    margin: 14px 0 4px
}

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

::-moz-selection {
    background: #41AFAA;
    color: #fff
}

::selection {
    background: #2CA9CF;
    color: #fff
}




.txt-r {
    text-align: right
}

.txt-c {
    text-align: center
}

.txt-j {
    text-align: justify
}

.btm0 {
    margin-bottom: 0;
    padding-bottom: 0
}

.left {
    float: left !important;
}

.right {
    float: right
}

.clear {
    display: block
}

.clearfix:after,
.clearfix:before {
    display: table
}

.oldie .clearfix {
    zoom: 1
}

.invisible {
    visibility: hidden
}

.hidden {
    display: none
}



.left_pic {
    float: left;
    margin: 5px 20px 10px 0
}

.right_pic {
    float: right;
    margin: 5px 0 20px 10px
}



.view-type li {
    -webkit-transition: all .1s ease-in .1s;
    -moz-transition: all .1s ease-in .1s;
    -ms-transition: all .1s ease-in .1s
}



.currency-nav li.active {
    border-bottom: none
}

.search {
    margin: 25px 120px 0 0;
    width: 80px
}

.search form {
    position: relative;
    top: 0;
    left: 0;
    width: 100%
}

.search input {
    background: #fff
}

.search input[type=submit] {
    background: url(../images/ico/icons.png) 5px -33px no-repeat;
    width: 30px;
    height: 30px;
    color: #fff;
    font-size: 0;
    text-align: right;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0
}

.contact {
    margin: 45px 22px 0;
    width: 400px;
    background: url(../images/ico/icons.png) 0 1px no-repeat;
    padding: 0 0 0 37px
}

.info h2,
.info p {
    background: #fff;
    padding: 10px 20px;
    display: inline-block
}

.contact span {
    display: inline-block;
    font-size: 1.6em;
    color: #484848;
	height: 40px;
    margin-top: 5px;
}

.contact .number {
    font-family: inherit
}




#sequence {
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    height: 100%
}

#sequence>.sequence-canvas {
    height: 100%;
    width: 100%
}

#sequence>.sequence-canvas>li {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0
}

#sequence>.sequence-canvas li>* {
    position: absolute;
    -webkit-transition-property: left, opacity;
    -moz-transition-property: left, opacity;
    -ms-transition-property: left, opacity;
    -o-transition-property: left, opacity;
    transition-property: left, opacity
}


.sort li {
    position: relative
}

.info {
    left: 90%;
    margin-left: -570px;
    width: 100%;
    max-width: 1140px;
    opacity: 0;
    top: 35%;
    z-index: 50
}

.animate-in .info {
    left: 50%;
    opacity: 1;
    -webkit-transition-duration: 4s;
    -moz-transition-duration: 4s;
    -ms-transition-duration: 4s;
    -o-transition-duration: 4s;
    transition-duration: 4s
}

.animate-in .main-image,
.animate-out .info {
    -webkit-transition-duration: 4s;
    -moz-transition-duration: 4s;
    -ms-transition-duration: 4s;
    -o-transition-duration: 4s
}

.animate-out .info {
    left: 90%;
    opacity: 0;
    transition-duration: 4s
}

.main-image {
    left: 0;
    bottom: 0;
    opacity: 0;
    height: auto!important;
    max-height: 100%!important;
    width: 100%;
    min-width: 100%
}

.deals .full-width .gradient-button,
.deals .full-width .gradient-button1 {
    bottom: 20px;
    right: 20px;
	margin-top: 2px;
}

.animate-in .main-image {
    left: 0;
    opacity: 1;
    transition-duration: 4s
}

.animate-out .main-image {
    left: 6%;
    opacity: 0;
    -webkit-transition-duration: 4s;
    -moz-transition-duration: 4s;
    -ms-transition-duration: 4s;
    -o-transition-duration: 4s;
    transition-duration: 4s
}



.info h2 {
    color: #3FBFB8;
    margin: 0 0 3px;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    border-radius: 21px
}

.info p {
    font-size: 1.5em;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    border-radius: 21px
}



.pager span,
.view-type li {
    -o-transition: all .1s ease-in .1s
}


.sort-by {
    float: left;
    width: 100%;
    margin: 0 0 20px;
    height: 48px;
    background: #fff;
    webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    -moz-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    box-shadow: 0 0 2px rgba(0, 0, 0, .1)
}

.sort-by h3 {
    float: left;
    display: block;
    padding: 0 20px;
    font-size: 1.4em;
    line-height: 48px
}

.sort {
    float: left;
    display: block;
    height: 25px;
    margin: 12px 0;
    border-right: 1px solid #ccc
}

.sort li {
    float: left;
    width: 90px;
    border-left: 1px solid #ccc;
    padding: 3px 15px
}

.sort li a {
    position: absolute;
    top: 35px;
    right: 13px;
    background: url(../images/ico/spinner.png) no-repeat;
    width: 13px;
    height: 8px;
    overflow: hidden;
    text-indent: -99999px;
    display: inline-block
}

.sort li .ascending {
    top: 6px
}

.sort li .descending {
    top: 14px;
    background-position: 0 -9px
}

.view-type {
    float: right;
    margin: 10px 10px 10px 0
}

.view-type li {
    float: left;
    width: 28px;
    height: 28px;
    overflow: hidden;
    background: #999;
    margin: 0 0 0 3px;
    transition: all .1s ease-in .1s
}

.pager a,
.pager span {
    -moz-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    -webkit-transition: all .1s ease-in .1s;
    -moz-transition: all .1s ease-in .1s;
    -ms-transition: all .1s ease-in .1s;
    webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .1)
}

.view-type li.active,
.view-type li:hover {
    background: #5FC8C2
}

.view-type li a {
    float: left;
    width: 100%;
    height: 100%;
    text-indent: -99999px;
    background: url(../images/ico/icons.png) -2px -888px no-repeat
}

.view-type .grid-view a {
    background-position: -2px -888px
}

.view-type .list-view a {
    background-position: -2px -863px
}

.view-type .location-view a {
    background-position: 0 -914px
}

.bottom-nav {
    float: left;
    display: block;
    width: 100%;
    background: url(../images/bgr/separator.jpg) repeat-x;
    padding: 20px 0
}

.gradient-button,
.scroll-to-top {
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none
}

.pager {
    float: right
}

.pager span {
    font: inherit;
    text-transform: uppercase;
    text-align: center;
    margin: 0 4px 0 0;
    float: left;
    width: 30px;
    height: 30px;
    background: #fff;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    transition: all .1s ease-in .1s
}


.pager a {
    -o-transition: all .1s ease-in .1s
}

.pager a {
    color: #999;
    float: left;
    width: 100%;
    height: 100%;
    text-decoration: none;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    transition: all .1s ease-in .1s
}

.pager .first,
.pager .last {
    width: 90px
}

.pager .current,
.pager .current a,
.pager a:hover {
    background: #F26B09;
    color: #fff
}

.scroll-to-top {
    margin: -7px 20px 0 40px;
    float: right;
    font: inherit;
    color: #fff;
    height: 37px;
    width: 100px;
    -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    -moz-text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    background: url(../images/bgr/top-button.png) no-repeat
}

.scroll-to-top:hover {
    background-position: 0 -38px;
    -webkit-text-shadow: 0 1px 0 rgba(0, 0, 0, .2);
    -moz-text-shadow: 0 1px 0 rgba(0, 0, 0, .2);
    text-shadow: 0 1px 0 rgba(0, 0, 0, .2)
}

.locations .scroll-to-top {
    margin: -7px 0 0 40px
}


.full-width {
    float: left;
    display: block;
    width: 100%;
    margin: 0 0 2%
}

.one-fourth,
.one-half {
    margin: 0 2% 20px 0;
    float: left
}

.one-fourth {
    width: 23.5%
}

.one-half {
    width: 49%
}

.main .one-fourth,
.main .one-half {
    background: #fff;
    webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    -moz-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    box-shadow: 0 0 2px rgba(0, 0, 0, .1)
}


.separator {
    background: url(../images/bgr/separator.jpg) 0 100% repeat-x
}

.one-fourth.last,
.one-half.last {
    margin-right: 0!important
}

.one-fourth .details {
    float: left;
    display: block;
    padding: 10px 7% 15px;
    width: 86%
}

.one-fourth .gradient-button {
    margin: 10px auto 5px
}

/*.three-fourth {
    float: left;
    width: 65%;
    margin: 0 0 20px
}*/

.three-fourth .one-fourth {
    width: 31.6%;
    margin: 0 6px 20px
}

.full {
    float: left;
    display: block;
    width: 100%;
    margin: 20px 0 10px
}

.deals .address,
.deals .price,
.deals h1,
.destinations,
.offers,
.separator {
    display: inline-block
}

.separator {
    margin: 40px 0 20px;
    width: 100%;
    height: 2px
}

.offers {
    padding: 0 0 25px;
    margin: 0;
    width: 100%
}

.offers .details {
    text-align: center;
    min-height: 202px
}

.offers h4 {
    border-bottom: 1px solid #ccc;
    width: 100%;
    margin: 0 0 10px;
    text-align: left;
    letter-spacing: -1px;
    min-height: 90px
}

.offers .count {
    font-size: 1.5em;
    color: #999
}

.destinations {
    padding: 0 0 10px;
    margin: 0 0 25px;
    width: 100%
}

.destinations.first {
    margin: 0
}

.destinations.last {
    background-position: 0 0;
    margin: 26px 0 0;
    padding: 20px 0 0
}

.destinations .details {
    padding: 15px 7%;
    width: 86%;
    min-height: 170px
}

.destinations .gradient-button {
    float: right;
    margin: 7px 0;
    padding: 0;
    width: 40%;
    max-width: 90px
}

.destinations .count {
    font-size: 1.2em;
    color: #999
}

.destinations .ribbon {
    background: url(../images/bgr/ribbons.png) no-repeat;
    width: 284px;
    height: 57px;
    overflow: hidden;
    margin: 20px 0 0 -27px
}

.destinations .ribbon a {
    text-decoration: none
}

.destinations .ribbon .half {
    float: left;
    width: 100%;
    height: 50px;
    overflow: hidden;
    margin: 2px 0 0 7px;
    padding: 9px 0 0 57px
}

.destinations .ribbon .hotel {
    background: url(../images/ico/icons.png) 20px -470px no-repeat
}

.destinations .ribbon .flight {
    background: url(../images/ico/icons.png) 20px -530px no-repeat
}

.destinations .ribbon .small {
    font:inherit;
    text-align: right;
    color: #fff;
    letter-spacing: -.015em;
    display: table-cell;
    vertical-align: middle;
    padding: 10px 25px 10px 10px
}

.destinations .ribbon .price {
    font:inherit;
    text-align: left;
    display: table-cell;
    vertical-align: middle;
    -webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
    -moz-text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
    text-shadow: 0 1px 0 rgba(255, 255, 255, .2)
}

.destinations .ribbon:hover {
    background-position: 0 -57px
}

.destinations .promo {
    position: relative
}

.promo .ribbon {
    background-position: 0 -114px
}

.promo .ribbon-small {
    background: url(../images/bgr/ribbons.png) -2px -186px no-repeat;
    width: 50px;
    height: 45px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 20px;
    padding: 15px 0 0;
    z-index: 2;
    text-align: center;
    color: #fff;
    font:inherit;
    -webkit-text-shadow: 0 1px 0 rgba(0, 0, 0, .1);
    -moz-text-shadow: 0 1px 0 rgba(0, 0, 0, .1);
    text-shadow: 0 1px 0 rgba(0, 0, 0, .1)
}


.deals h1,
{
    -moz-text-shadow: none;
    text-shadow: none;
    -webkit-text-shadow: none
}

.promo .gradient-button {
    background: #00ceff;
    background: -moz-linear-gradient(top, rgba(17, 199, 242, 1) 0, rgba(67, 144, 178, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(17, 199, 242, 1)), color-stop(100%, rgba(67, 144, 178, 1)));
    background: -webkit-linear-gradient(top, rgba(17, 199, 242, 1) 0, rgba(67, 144, 178, 1) 100%);
    background: -o-linear-gradient(top, rgba(17, 199, 242, 1) 0, rgba(67, 144, 178, 1) 100%);
    background: -ms-linear-gradient(top, rgba(17, 199, 242, 1) 0, rgba(67, 144, 178, 1) 100%);
    background: linear-gradient(to bottom, rgba(17, 199, 242, 1) 0, rgba(67, 144, 178, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#c1b6ae', endColorstr='#baaca3', GradientType=0)
}

.promo .gradient-button:hover {
    background: #35a1d0;
    background: -moz-linear-gradient(top, rgba(67, 144, 178, 1) 0, rgba(17, 199, 242, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(67, 144, 178, 1)), color-stop(100%, rgba(17, 199, 242, 1)));
    background: -webkit-linear-gradient(top, rgba(67, 144, 178, 1) 0, rgba(17, 199, 242, 1) 100%);
    background: -o-linear-gradient(top, rgba(67, 144, 178, 1) 0, rgba(17, 199, 242, 1) 100%);
    background: -ms-linear-gradient(top, rgba(67, 144, 178, 1) 0, rgba(17, 199, 242, 1) 100%);
    background: linear-gradient(to bottom, rgba(67, 144, 178, 1) 0, rgba(17, 199, 242, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#baaca3', endColorstr='#c1b6ae', GradientType=0)
}

.boxes .one-fourth,
.error-type {
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0)
}

.boxes .one-fourth {
    padding: 15px 1.6%;
    width: 20.3%;
    background: #fff;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(242, 242, 242, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 1)), color-stop(100%, rgba(242, 242, 242, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(242, 242, 242, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(242, 242, 242, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(242, 242, 242, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0, rgba(242, 242, 242, 1) 100%)
}

.boxes h2 {
    border-bottom: 1px solid #E6E6E6;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 1);
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 1);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 1);
    width: 100%;
    margin: 0 0 14px
}

.deals article,
.tab-content article {
    webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, .1)
}

.deals article {
    background: #fff;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    position: relative
}

.deals article.last {
    margin: 0 0 20px
}

.deals .details {
    text-align: center
}

.deals .details div,
.deals .details span,
.deals h1 {
    text-align: left
}

.deals h1 {
    font-size: 1.2em;
    padding: 0 0 4px;
    color: #666;
    float: left;
    width: 100%;
    height: 80px
}

.deals .address {
    width: 80%;
    float: left
}

.deals .address a {
    text-decoration: none;
    color: #999
}

.deals .rating {
    background-image: url(../images/ico/rating-gold.png)
}

.deals .price {
    width: 100%;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-size: 1.3em;
    padding: 10px 0;
    margin: 10px 0;
    line-height: 19px
}

.deals .price em {
    font-size: 18px;
    color: #666;
    float: right;
	font-weight:bold
}

.deals .description {
    float: left;
    border-bottom: 1px solid #ccc;
    margin: 0 0 10px
}

.deals .description p {
    padding: 0 0 15px;
	min-height:75px
}

.deals .description a {
    font-style: italic;
    color: #3FBFB8
}

.deals .full-width {
    height: auto!important
}

.deals .full-width figure {
    float: left;
    margin: 0 2% 0 0;
    width: 32%
}

.deals .full-width .details {
    float: left;
    width: 64%;
    padding: 15px 2% 0 0
}

.deals .full-width h1 {
    width: auto;
    max-width: 74%;
    height: 45px
}

.deals .full-width .address {
    width: auto;
    max-width: 60%;
    clear: left;
    padding: 0 25px 0 0
}

.deals .full-width .rating {
    width: 35px;
    float: left
}

.deals .full-width .description {
    width: 74.5%;
    border-bottom: none;
    margin: 11px 0 0;
    padding: 9px 0 0
}

.deals .full-width .stars {
    float: none
}

.deals .full-width .price {
    text-align: right;
    float: left;
    width: 100px;
    border-top: none;
    border-bottom: none;
    padding: 0 0 0 20px;
    margin: 0;
    position: absolute;
    top: 8px;
    right: 20px;
}

.deals .full-width .price em {
    float: none;
    margin: 0px;
    display: inline-block
}

.deals .full-width .gradient-button1 {
    display: block
}

.tab-content .deals .full-width {
    padding: 0;
    width: 100%
}

.tab-content .deals .full-width h1 {
    font-size: 1.8em;
    padding: 0 0 4px;
    color: #666;
    border: none;
    margin: 0;
    text-indent: 0
}

.tab-content .deals .full-width figure {
    width: 23.5%;
    overflow: hidden
}

.tab-content .deals .full-width figure img {
    width: 100%;
    max-width: 100%
}

.tab-content .deals .full-width .details {
    width: 50%
}

.tab-content .deals .full-width .description {
    width: 100%;
    height: 57px;
    overflow: hidden
}

.flights .details h1 {
    width: 100%!important;
    max-width: 100%!important;
    padding: 4px 0 10px
}

.flights .details .f-wrap,
.flights .details .flight-info,
.flights .details h5 {
    width: 100%;
    float: left;
    display: block
}

.flights .details h5 {
    font-size: 1.3em;
    text-align: left;
    padding: 10px 0 0;
    border-top: 1px solid #ccc;
    color: #3FBFB8
}

.flights .details .flight-info {
    font-size: 1.3em;
    text-align: left;
    padding: 10px 0
}

.room-types,
.text-wrap,
.text-wrap ul {
    display: inline-block
}

.flights .full-width .details {
    width: 96%!important;
    padding: 15px 2% 0!important
}

.flights .full-width .details h1 {
    padding: 0 0 10px
}

.flights .full-width .details .f-wrap {
    width: 20.8%;
    border: 1px solid #ccc;
    padding: 0 2%;
    border-right: none;
    min-height: 125px
}

.flights .full-width .details .f-wrap.last {
    border-right: 1px solid #ccc
}

.flights .full-width .details h5 {
    border: none
}

.flights .full-width .description {
    width: 100%!important;
    margin: 0;
    padding: 13px 0 0
}

.flights .full-width .gradient-button {
    bottom: 52px!important;
    top: auto!important
}

.flights .full-width .price {
    text-align: left!important;
    position: static!important;
    border-left: none!important;
    width: 100%!important;
    padding: 0!important;
    height: auto!important
}

.tab-content {
    float: right;
    width: 76.4%;
    overflow: hidden
}

.tab-content article {
    float: left;
    width: 94%;
    padding: 12px 3% 20px;
    overflow: hidden;
    margin: 0 0 20px;
    background: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, .1)
}


.map-wrap {
    -moz-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .1)
}



.text-wrap {
    padding: 0 2% 10px;
    width: 96%
}

.tab-content .text-wrap {
    width: 96%!important
}

.text-wrap .gradient-button.right {
    margin: 0 -10px 0 0
}

.text-wrap ul {
    margin: 0 0 20px;
    width: 100%
}

.tab-Prix hr,
.tab-content hr {
    margin: 0 0 15px
}

.text-wrap ul li {
    background: url(../images/ico/bullet-gold-6x6.png) 0 7px no-repeat;
    padding: 0 0 4px 17px
}

.tab-Prix table th,
.tab-content table th,
.tab-contentV2 table th {
    background: #E9E6E0;
    text-align: left
}

.tab-content table td,
.tab-content table th {
    padding: 5px 20px;
    border: 1px solid #ccc
}

.tab-content table {
    width: 100%;
    font-size: 13px
}

.tab-content table th {
    font-weight: 400;
    width: 230px
}

.tab-contentV2 table td,
.tab-contentV2 table th {
    padding: 5px 20px;
    border: 0
}

.tab-contentV2 table {
    width: 100%;
    font-size: 13px
}

.tab-contentV2 table th {
    font-weight: 400;
    width: 230px
}

.tab-contentV2 strong {
    font-size: 15px;
    font-weight: 700;
    color: #999
}

.tab-Prix table {
    width: 100%;
    font-size: 13px
}

.tab-Prix table th {
    padding: 5px;
    border: 1px solid #ccc;
    font-weight: 400;
    width: 230px
}

.tab-Prix table td {
    padding: 1px 2px;
    border: 0
}

.reviews li,
.room-types li {
    border-bottom: 1px solid #ccc
}

.tab-Prix table a {
    text-decoration: none
}

.room-types {
    margin: 5px 0 0;
    width: 100%
}

.room-types li {
    float: left;
    display: block;
    width: 100%;
    font-size: 1em;
    margin: 0 0 20px;
    padding: 0 0 20px
}

.room-types li.last {
    border-bottom: none;
    margin: 0;
    padding: 0
}

.room-types li figure {
    position: relative;
    width: 44.2%;
    height: auto;
    overflow: hidden
}

.image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/ico/magnify.png) 50% 50% no-repeat;
    z-index: 10;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all .1s ease-in .1s;
    -moz-transition: all .1s ease-in .1s;
    -ms-transition: all .1s ease-in .1s;
    transition: all .1s ease-in .1s
}

.image-overlay:hover {
    opacity: 1
}

.room-types li figure.left {
    margin: 0 3% 0 0
}

.room-types li figure.right {
    margin: 0 0 0 3%
}

.room-types h2 {
    font:inherit;
    color: #3FAEA9;
    padding: 0 0 10px
}

.room-types .meta {
    float: left;
    width: 32%;
    min-height: 152px
}

.room-types li p {
    padding: 0 0 11px
}

.room-types .more-info {
    font:inherit;;
    color: #3f3f3f;
    text-decoration: none
}

.room-information {
    float: right;
    border-left: 1px solid #ccc;
    margin: 0 0 0 2%;
    padding: 3px 0 0 3%;
    width: 15%;
    height: 149px;
    position: relative
}

.room-information .row {
    float: left;
    width: 100%;
    padding: 0 0 10px
}

.room-information span {
    font-size: 1.3em;
    float: left
}

.room-information .first {
    width: 60px
}

.room-information .second {
    width: 30px;
    font-family: inherit;
    color: #444
}

.room-information span img {
    float: left
}

.room-information .gradient-button {
    position: absolute;
    bottom: 0;
    left: 20px;
    width: 90px;
    padding: 0
}

.more-information {
    float: left;
    display: block;
    width: 100%;
    margin: 20px 0 -11px
}

.three-col li {
    float: left;
    width: 29%;
    margin: 0 2% 0 0
}

.three-col li.last {
    margin: 0
}

#location article {
    padding: 1.5%;
    width: 97%
}

.tab-content .gmap {
    width: 100%;
    height: 450px
}

.score {
    float: left;
    width: 190px;
    text-align: center
}

.score span {
    font-size: 5.5em;
    letter-spacing: -.1em;
    color: #999;
    line-height: 60px
}

.score .achieved {
    font-family: inherit;
    color: #47C1BA
}

.score .info {
    font:inherit;
    padding: 3px 0 0
}

.score .disclaimer {
    border-top: 1px solid #ccc;
    width: 90%;
    padding: 10px 5% 0;
    margin: 12px 0 0;
    font-size: 1.2em;
    text-align: left
}

.chart {
    float: right;
    width: 400px;
    font:inherit;
    color: #fff;
    margin: 5px 0 0
}

.chart dt {
    float: left;
    margin: 0 0 0 10px;
    -webkit-text-shadow: 0 1px 0 rgba(0, 0, 0, .1);
    -moz-text-shadow: 0 1px 0 rgba(0, 0, 0, .1);
    text-shadow: 0 1px 0 rgba(0, 0, 0, .1)
}

.error-type h1,
.error-type p {
    -webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
    -moz-text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 1)
}

.chart dd {
    height: 25px;
    margin: 0 0 1px;
    -webkit-border-radius: 0 15px 15px 0;
    -moz-border-radius: 0 15px 15px 0;
    border-radius: 0 15px 15px 0
}

.chart dd span {
    display: block;
    text-align: right;
    height: 100%;
    background: #47C1BA;
    -webkit-border-radius: 0 15px 15px 0;
    -moz-border-radius: 0 15px 15px 0;
    border-radius: 0 15px 15px 0
}

.reviews {
    margin: 5px 0 0;
    display: inline-block;
    width: 100%
}

.reviews li {
    float: left;
    display: block;
    width: 100%;
    font-size: 1em;
    margin: 0 0 20px;
    padding: 0 0 20px
}

.reviews li.last {
    border-bottom: none;
    margin: 0;
    padding: 0
}

.reviews li figure {
    border: 1px solid #ccc
}

.reviews li figure.left {
    margin: 0 15px 0 10px
}

.reviews li figure.right {
    margin: 0 10px 0 15px
}

.reviews address {
    float: left;
    width: 100px;
    margin: 0 13px 0 0;
    font-size: 1.1em;
    font-style: normal
}

.reviews address span {
    font:inherit;
}

.reviews .aprsi {
    float: left;
    width: 360px;
    padding: 3px 0 3px 15px;
    margin: 0 0 5px
}

.reviews .con,
.reviews .pro {
    width: 360px;
    padding: 3px 0 3px 35px;
    float: left
}

.reviews .pro {
    background: url(../images/ico/plus.png) 0 20% no-repeat;
    margin: 0 0 5px
}

.reviews .con {
    background: url(../images/ico/minus.png) 0 50% no-repeat
}

.reviews p {
    padding: 0
}

.teaser {
    font-family: inherit;
    color: #3f3f3f;
    padding-top: 5px
}

.gallery {
    position: relative;
    float: left;
    width: 100%;
    height: 531px;
    overflow: hidden;
    margin: 0 0 20px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .1)
}

.gallery>img {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transition: opacity 1s linear;
    -moz-transition: opacity 1s linear;
    -ms-transition: opacity 1s linear;
    -o-transition: opacity 1s linear;
    transition: opacity 1s linear
}

.error-type {
    float: left;
    width: 270px;
    height: 270px;
    text-align: center;
    color: #40BFB8;
    -webkit-border-radius: 135px;
    -moz-border-radius: 135px;
    border-radius: 135px;
    border: 1px solid #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    background: #fff;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(242, 242, 242, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 1)), color-stop(100%, rgba(242, 242, 242, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(242, 242, 242, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(242, 242, 242, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(242, 242, 242, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0, rgba(242, 242, 242, 1) 100%)
}

.error-type h1 {
    font-size: 9.6em;
    color: #40BFB8;
    padding: 68px 0 0;
    margin: 0 0 -13px
}

.error-type p {
    font:inherit;;
    text-transform: uppercase
}

.error-content {
    float: left;
    margin: 60px 0 0 70px;
    color: #3F3F3F
}

.error-content h2 {
    font-size: 2.3em;
    color: #4D4D4D
}

.error-content h3 {
    font:inherit;;
    color: #515151
}

.error-content ul li {
    background: url(../images/ico/bullet-white-6x6.png) 0 6px no-repeat;
    padding: 0 0 4px 20px
}

.error-content a {
    color: #3F3F3F
}

.map-wrap {
    width: 97%;
    padding: 1.5%;
    background: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, .1)
}

.get_inspired li,
.locations article {
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, .1)
}

.map-wrap .infoBox {
    background: url(../images/bgr/map-popup.png) no-repeat!important;
    width: 180px!important;
    height: 100px!important
}

.gmap {
    border: 1px solid #ccc;
    display: block;
    width: 100%;
    height: 550px
}

.gmap .infoBox {
    background: url(../images/bgr/map-popup-hotel.png) no-repeat;
    width: 184px;
    height: 120px
}

.gmap strong {
    font:inherit;;
    margin: 0 0 13px;
    display: inline-block
}

.infoBox {
    font:inherit;;
    margin: -100px 0 0 50px;
    display: inline-block;
    padding: 8px 10px;
    color: #fff
}

#map_canvas img {
    max-width: none
}

#map_canvas label {
    width: auto;
    display: inline
}

.error_message {
    color: #DE0603;
    font-size: 13px;
    padding: 0 0 10px
}

.loader {
    float: right
}

.get_inspired li {
    position: relative;
    width: 18%;
    height: 125px;
    overflow: hidden;
    font-size: 1em;
    float: left;
    display: block;
    margin: 0 2.4% 20px 0;
    background: #fff;
    webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    -webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    -ms-transition: all .5s linear;
    transition: all .5s linear
}

.get_inspired li a {
    text-decoration: none
}

.get_inspired img {
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out
}

.get_inspired li.last {
    margin: 0 0 20px
}

.get_inspired figcaption {
    font:inherit;;
    letter-spacing: -.03em;
    padding: 10px;
    -webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    -ms-transition: all .5s linear;
    transition: all .5s linear
}

.get_inspired li:hover img {
    -webkit-transform: scale(10);
    -moz-transform: scale(10);
    -o-transform: scale(10);
    -ms-transform: scale(10);
    transform: scale(10);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0
}

.get_inspired li:hover figcaption {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: #40BFB8;
    color: #fff
}

.three-fourth .destinations {
    background-position: 0 0;
    margin: 25px 0 0;
    padding: 20px 0
}

.locations article {
    background: #fff;
    webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    position: relative
}

.locations article.last {
    margin: 0 0 20px
}

.locations h1 {
    font-size: 1.8em;
    padding: 4px 0 10px;
    color: #666;
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    text-shadow: none;
    text-align: left;
    display: inline-block;
    float: left;
    width: 100%
}

.locations .details {
    text-align: center
}

.locations .details div,
.locations .details span,
.main-search {
    text-align: left
}

.locations .description {
    float: left;
    border-bottom: 1px solid #ccc;
    margin: 0 0 10px;
    height: 90px;
    overflow: hidden
}

.locations .description p {
    padding: 0 0 15px
}

.locations .ribbon {
    background: url(../images/bgr/ribbons.png) no-repeat;
    width: 284px;
    height: 57px;
    overflow: hidden;
    margin: 15px 0 0 -27px
}

.locations .ribbon .half {
    float: left;
    width: 77px;
    height: 40px;
    overflow: hidden;
    margin: 2px 0 0 7px;
    padding: 9px 0 0 57px
}

.locations .ribbon .hotel {
    background: url(../images/ico/icons.png) 20px -470px no-repeat
}

.locations .ribbon .flight {
    background: url(../images/ico/icons.png) 20px -530px no-repeat
}

.locations .ribbon .small {
    font:inherit;
    color: #fff;
    letter-spacing: -.015em;
    float: left;
    width: 100%
}

.locations .ribbon .price {
    font:inherit;
    float: left;
    width: 100%;
    -webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
    -moz-text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
    text-shadow: 0 1px 0 rgba(255, 255, 255, .2)
}

.locations .ribbon:hover {
    background-position: 0 -57px
}

.locations .full-width figure {
    float: left;
    margin: 0 2% 0 0;
    width: 32%
}

.locations .full-width .details {
    float: left;
    width: 64%;
    padding: 15px 2% 15px 0
}

.locations .full-width h1 {
    width: 83%;
    padding: 0 0 10px
}

.locations .full-width .description {
    width: 83%;
    border: none;
    margin: 0;
    padding: 3px 0 2px;
    height: 50px;
    overflow: hidden
}

.locations .full-width .gradient-button {
    float: left
}

.locations .full-width .ribbon {
    background-position: -127px -250px;
    width: 110px;
    height: 110px;
    position: absolute;
    top: 11px;
    right: -10px;
    margin: 0;
    padding: 10px 0 0
}

.locations .full-width .ribbon .half {
    margin: 4px 0 0;
    padding: 9px 0 0 50px;
    width: 60px
}

.locations .full-width .ribbon .hotel {
    background-position: 10px -470px
}

.locations .full-width .ribbon .flight {
    background-position: 10px -530px
}

.locations .full-width .ribbon:hover {
    background-position: -2px -250px
}

.left-sidebar {
    margin: 0 2% 80px 0
}

/*.right-sidebar {
    margin: 0 0 20px 2%
}*/

.lower {
    margin-top: 95px!important
}

aside {
    width: 33%;
    float: left
}
.swMain {width: 100%!important;float: left!important;position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
aside article { width: 100%; background: #FFF; padding: 15px 8px 15px 8px; margin: auto; -moz-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%); box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%); border-radius: 5px; }

aside article p {
    padding: 0 0 15px
}

aside article h2 {
    font-size: 1.7em;
    color: #999;
    border-bottom: 1px solid #ccc;
    margin: 0 0 15px
}

aside article h3 {
    font:inherit;
    color: #41C0B8;
    letter-spacing: -.03em;
    padding: 0 0 5px
}

aside .default ol,
aside .default ul {
    padding: 0 0 11px!important;
    display: inline-block;
    width: 100%
}

aside .default ul li {
    background: url(../images/ico/bullet-gold-6x6.png) 0 7px no-repeat;
    padding: 0 0 4px 17px
}

aside .default ol li {
    padding: 0 0 4px
}

.hotel-details h1 {
    font-size: 1.6em;
    color: #666;
    padding: 0 0 3px;
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    text-shadow: none
}

.stars img {
    display: inline;
    margin: 3px 0 0;
    max-width: 12px
}

.address {
    font-size: 1.3em;
    color: #999
}

.rating {
    background: url(../images/ico/rating.png) 0 2px no-repeat;
    padding: 0 0 0 15px;
    font-size: 1.3em;
    color: #3F3F3F;
    float: right
}

.hotel-details .description {
    border-top: 1px solid #DFDCD1;
    padding: 15px 0 0;
    margin: 15px 0 0;
    display: inline-block
}

.tags li,
.tags li a {
    display: block;
    float: left
}

.tags {
    border-top: 1px solid #DFDCD1;
    padding: 18px 0 0;
    margin: 0 0 -5px
}

.tags ul {
    position: relative;
    width: 104%;
    overflow: hidden
}

.tags li {
    margin: 0 5px 5px 0
}

.tags li a {
    padding: 0 10px 0 20px;
    text-decoration: none;
    background: url(../images/bgr/tag.png) 7px 11px no-repeat #DFDCD1;
    height: 30px;
    line-height: 30px;
    -webkit-border-radius: 15px 2px 2px 15px;
    -moz-border-radius: 15px 2px 2px 15px;
    border-radius: 15px 2px 2px 15px;
    -webkit-box-shadow: 0 1px 0 #C1BBA8;
    -moz-box-shadow: 0 1px 0 #C1BBA8;
    box-shadow: 0 1px 0 #C1BBA8;
    -webkit-transition: all .1s ease-in .1s;
    -moz-transition: all .1s ease-in .1s;
    -o-transition: all .1s ease-in .1s;
    -ms-transition: all .1s ease-in .1s;
    transition: all .1s ease-in .1s
}

.tags li a:hover {
    background-color: rgba(95, 200, 194, 1);
    color: #fff
}

.testimonials {
    padding: 17px 7% 20px;
    width: 86%;
    color: #fff;
    -webkit-text-shadow: 0 1px 0 rgba(0, 0, 0, .1);
    -moz-text-shadow: 0 1px 0 rgba(0, 0, 0, .1);
    text-shadow: 0 1px 0 rgba(0, 0, 0, .1);
    background: #5fc8c2;
    background: -moz-linear-gradient(top, rgba(95, 200, 194, 1) 0, rgba(64, 191, 184, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(95, 200, 194, 1)), color-stop(100%, rgba(64, 191, 184, 1)));
    background: -webkit-linear-gradient(top, rgba(95, 200, 194, 1) 0, rgba(64, 191, 184, 1) 100%);
    background: -o-linear-gradient(top, rgba(95, 200, 194, 1) 0, rgba(64, 191, 184, 1) 100%);
    background: -ms-linear-gradient(top, rgba(95, 200, 194, 1) 0, rgba(64, 191, 184, 1) 100%);
    background: linear-gradient(to bottom, rgba(95, 200, 194, 1) 0, rgba(64, 191, 184, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#5fc8c2', endColorstr='#40bfb8', GradientType=0)
}

.booking-details h1,
.post-comment h1,
.static-content h1 {
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    text-shadow: none
}

.testimonials blockquote {
    font:inherit;
    padding: 0 0 10px
}

.testimonials .name {
    font:inherit;
}

.default {
    padding: 14px 7% 5px;
    width: 100%;
    margin-top: 30px;
}

.default .number {
    background: url(../images/ico/phone.png) 1px 0 no-repeat;
    font-family: inherit;
    color: #999;
    padding: 1px 0 15px 25px;
    font-size: 16px
}

.popular-hotels {
    margin: -5px 0 -8px
}

.popular-hotels li {
    font-size: 1em;
    border-bottom: 1px solid #ccc;
    display: inline-block;
    width: 100%;
    padding: 0 0 10px!important;
    margin: 0 0 10px;
    background: 0 0!important
}

.popular-hotels li a {
    text-decoration: none
}

.popular-hotels li h3 {
    color: #AB9A8F
}

.popular-hotels li p {
    float: left;
    padding: 0;
    width: 175px
}

.popular-hotels .price {
    font-family: inherit;
    color: #3f3f3f;
    padding-left: 5px
}

.popular-hotels .price small {
    font:inherit;;
    color: #999
}

.show-all {
    font:inherit;;
    color: #3f3f3f;
    text-decoration: none;
    float: right;
    padding: 0 0 10px
}

.deal-of-the-day a {
    text-decoration: none
}

.deal-of-the-day figure {
    margin: 0 0 15px
}

.deal-of-the-day h3 {
    color: #AB9A8F
}

.deal-of-the-day p {
    float: left;
    width: 175px
}

.refine-search-results dd span.max,
.stars-info {
    float: right
}

.deal-of-the-day .price {
    font-family: inherit;
    color: #3f3f3f;
    padding-left: 5px
}

.deal-of-the-day .price small {
    font:inherit;;
    color: #999
}

.refine-search-results dl {
    margin: -16px 0 0;
    border-bottom: 1px solid #ccc
}

.refine-search-results dt {
    font:inherit;;
    letter-spacing: -.02em;
    color: #666;
    border-top: 1px solid #ccc;
    padding: 12px 0;
    background: url(../images/ico/arrow-right.png) 100% 15px no-repeat;
    cursor: pointer
}

.refine-search-results dt.active {
    background: url(../images/ico/arrow-down.png) 100% 16px no-repeat
}

.refine-search-results dd {
    padding: 0 0 7px
}

.refine-search-results .checkbox {
    display: block;
    width: 100%;
    padding: 0 0 5px
}

.refine-search-results dd span.max,
.refine-search-results dd span.min {
    margin: 5px 0 8px;
    display: inline-block;
    font-size: 1.2em
}

.refine-search-results .checkbox label {
    font-size: 1.2em;
    padding: 0 0 0 5px
}

#star {
    margin: 0 0 8px;
    min-width: 105px!important
}

#star img {
    display: inline
}

.stars-info {
    font-size: 1.2em;
    line-height: 24px
}

.booking-details h1 {
    font-size: 1.6em;
    color: #666;
    padding: 0 0 3px
}

.booking-details .booking-info {
    border-top: 1px solid #DFDCD1;
    padding: 15px 0 0;
    margin: 15px 0 0;
    display: inline-block;
    width: 100%
}

.booking-info p {
    padding: 0 0 5px
}

.booking-details .price {
    border-top: 1px solid #DFDCD1;
    padding: 3px 0 0;
    margin: 3px 0 0;
}

.booking-details .price p {
    font-size: 1.2em;
    padding: 0
}

.booking-details .price .total { font: inherit; color: #333; padding: 0 0 5px; font-size: 14px; }

.full-width .static-content {
    padding: 20px 2%;
    width: 96%
}

.one-half .static-content {
    padding: 20px 3%;
    width: 94%
}

.three-fourth .static-content {
    padding: 20px 2%;
    width: 96%;
    background: #fff;
    webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    -moz-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    box-shadow: 0 0 2px rgba(0, 0, 0, .1)
}

.static-content h1 {
    padding: 0 0 20px
}

.static-content ul {
    margin: 0 0 20px;
    display: inline-block;
    width: 100%
}

.static-content ul li {
    background: url(../images/ico/bullet-gold-6x6.png) 0 7px no-repeat;
    padding: 0 0 4px 17px
}

.static-content table td,
.static-content table th {
    padding: 5px 20px;
    border: 1px solid #ccc
}

.static-content hr {
    margin: 0 0 15px
}

.static-content table {
    width: 100%;
    font-size: 13px;
    margin: 0 0 20px
}

.static-content table th {
    background: #E9E6E0;
    text-align: left;
    font-weight: 400
}

.post {
    margin-bottom: 20px
}

.post header {
    position: static
}

.post figure,
.video-container {
    position: relative
}

.post h1 {
    padding: 0 0 15px
}

.post h2,
.post h3 {
    padding: 0 0 20px
}

.entry-header a {
    text-decoration: none;
    -webkit-transition: all .2s ease-in .1s;
    -moz-transition: all .2s ease-in .1s;
    -o-transition: all .2s ease-in .1s;
    -ms-transition: all .2s ease-in .1s;
    transition: all .2s ease-in .1s
}

.entry-header a:hover {
    color: #3FACAA
}

.entry-header p {
    padding: 0
}

.post .date {
    background: url(../images/ico/clock.png) 0 3px no-repeat;
    padding: 0 15px
}

.post .author {
    background: url(../images/ico/person.png) 0 3px no-repeat;
    padding: 0 15px
}

.post .tags {
    background: url(../images/ico/tags.png) 0 4px no-repeat;
    padding: 0 15px;
    border: none;
    margin: 0
}

.post .comments {
    background: url(../images/ico/comments.png) 0 3px no-repeat;
    padding: 0 20px
}

.comment,
.three-fourth .post-comment {
    display: inline-block;
    background: #fff;
    webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .1)
}

.entry-content,
.entry-featured {
    margin: 20px 0 0
}

.video-wrapper {
    width: 816px;
    max-width: 100%
}

.video-container {
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

.video-container embed,
.video-container iframe,
.video-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.entry-content blockquote {
    border-left: 5px solid #BAACA3;
    font-size: 13px;
    font-style: italic;
    padding: 0 0 0 15px;
    margin: 0 0 20px
}

.three-fourth .post-comment {
    padding: 20px 2%;
    margin: 0 0 20px;
    width: 96%;
    -moz-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    box-shadow: 0 0 2px rgba(0, 0, 0, .1)
}

.post-comment h1 {
    padding: 0 0 20px
}

.comments .f-item {
    padding: 0 0 20px;
    display: inline-block;
    width: 100%
}

.three-fourth .comments .f-item input,
.three-fourth .comments .f-item textarea {
    padding: 6px 1%;
    width: 98%
}

.comment {
    padding: 20px 2%;
    margin: 0 0 20px;
    width: 96%;
    -moz-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    box-shadow: 0 0 2px rgba(0, 0, 0, .1)
}

.copy,
.social li,
.social li a {
    display: block;
    float: left
}

.comment .third {
    width: 20%;
    float: left;
    margin: 0 2% 0 0
}

.comment figure {
    float: left;
    border: 1px solid #ccc;
    margin: 0 20px 0 0;
    width: 70px
}

.comment address {
    font-size: 1.2em
}

.comment address span {
    font:inherit;
}

.comment-content {
    float: left;
    width: 74%;
    font-size: 1.3em
}

.reply {
    float: right;
    font-size: 1.3em;
    color: #41AFAA
}

.depth-1 {
    float: right;
    width: 80%
}

.depth-1 .third {
    width: 24%
}

.depth-1 .comment-content {
    width: 70%
}

.depth-2 {
    float: right;
    width: 64%
}

.depth-2 .third {
    width: 30%
}

.depth-2 .comment-content {
    width: 66%
}

footer p {
    padding: 0 0 2px
}

footer article li {
    background: url(../images/ico/bullet-green-3x3.jpg) 0 7px no-repeat;
    padding: 0 0 2px 15px
}

footer li a {
    text-decoration: none
}

footer a {
    -webkit-transition: all .1s ease-in .1s;
    -moz-transition: all .1s ease-in .1s;
    -o-transition: all .1s ease-in .1s;
    -ms-transition: all .1s ease-in .1s;
    transition: all .1s ease-in .1s
}

footer a:hover {
    color: #3f3f3f
}

.bottom nav li a,
.copy {
    color: #858585
}

.social li {
    width: 30px;
    height: 30px;
    overflow: hidden;
    margin: 3px 1.4% 0 0;
    background: url(../images/ico/icons.png) 0 -400px no-repeat;
    padding: 0
}

.social li:hover {
    background-position: 0 -440px
}

.social li a {
    width: 100%;
    height: 100%;
    text-indent: -99999px;
    background: url(../images/ico/icons.png) 0 -80px no-repeat
}

.social .facebook a {
    background-position: 0 -80px
}

.social .youtube a {
    background-position: 0 -120px
}

.social .rss a {
    background-position: 0 -160px
}

.social .linkedin a {
    background-position: 0 -200px
}

.social .googleplus a {
    background-position: 0 -240px
}

.social .twitter a {
    background-position: 0 -280px
}

.social .vimeo a {
    background-position: 0 -320px
}

.social .pinterest a {
    background-position: 0 -360px
}

.social li.last,
.social li:last-child {
    margin: 3px 0 0
}


.main-search .item input[type=text],
div.selector {
    -webkit-box-shadow: 0 1px 1px rgba(204, 204, 204, 1) inset, 0 1px 0 rgba(255, 255, 255, 1);
    -moz-box-shadow: 0 1px 1px rgba(204, 204, 204, 1) inset, 0 1px 0 rgba(255, 255, 255, 1)
}



.bottom {
    width: 100%;
    float: left;
    border-top: 1px solid #E7E6E0;
    padding: 21px 0 0
}

.bottom nav {
    float: right
}

.bottom nav li {
    float: left;
    border-left: 1px solid #E5E5E5;
    padding: 0 0 0 12px;
    margin: 0 0 0 12px
}

.bottom nav .first {
    border: none
}

.bottom nav li a:hover {
    color: #3f3f3f
}

fieldset {
    display: inline-block;
    width: 100%
}

label {
    cursor: pointer
}

button,
input,
select,
textarea {
    margin: 0;
    vertical-align: baseline
}

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

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

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

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

input[type=email],
input[type=search],
input[type=text],
input[type=number],
input[type=password] {
    border: 1px solid #ccc;
    font:inherit;
    color: #999;
    padding: 7px 4%;
    width: 91.4%;
    -moz-border-radius: 15px
}

textarea {
    border: 1px solid #ccc;
    font:inherit;
    color: #999;
    padding: 6px 4%;
    width: 91.4%;
    -moz-border-radius: 15px;
    resize: none
}

div.radio,
div.radio input,
div.radio span {
    height: 20px;
    width: 20px
}

input[type=email]:focus,
input[type=search]:focus,
input[type=text]:focus,
input[type=number]:focus,
textarea:focus {
    border-color: #3FBFB8
}

div.radio {
    float: left
}

div.radio span {
    background: url(../images/bgr/custom-form-elements.png) no-repeat;
    -webkit-font-smoothing: antialiased;
    float: left;
    cursor: pointer
}

div.radio input {
    padding: 0;
    cursor: pointer;
    opacity: 0
}

div.radio .checked {
    background-position: 0 -21px
}

/*div.selector {
    width: 100%!important;
    position: relative;
    border: 1px solid #ccc;
    line-height: 30px;
    height: 30px;
    margin: 0;
    font:inherit;
    color: #999;
    background: #fff;
    -moz-border-radius: 15px;
    box-shadow: 0 1px 1px rgba(204, 204, 204, 1) inset, 0 1px 0 rgba(255, 255, 255, 1)
}*/
div.selector { width: 100%!important; position: relative;margin-bottom: 40px;}
div.selector span {
    display: inline-block;
    width: 92%;
    line-height: 31px;
    height: 30px;
    padding: 0 4%
}

div.selector option,
div.selector select {
    font:inherit;;
    color: #666;
    border: none
}

div.selector select {
    position: absolute;
    top: 2px;
    left: 0;
    padding: 5px 2px;font-weight: 700 !important;
}

input[type=text]{font-weight: 700 !important;}

.datepicker-wrap,
.main-search,
.main-search form {
    position: relative
}

div.checker {
    height: 16px;
    width: 16px;
    float: left
}

div.checker span {
    -webkit-font-smoothing: antialiased;
    float: left;
    height: 16px;
    width: 16px;
    cursor: pointer
}

div.checker input {
    height: 16px;
    width: 16px;
    padding: 0;
    cursor: pointer;
    opacity: 1
}

div.checker .checked {
    background-position: 0 -63px
}

.one-fourth input[type=submit].gradient-button {
    margin: 0
}

input.error { background: red!important; color: #fff !important; }

label.error { font-size: 10px !important; margin-top: 0px !important; padding-top: 0px !important; color: red !important; padding-bottom: 0px!important; margin-bottom: -6px!important; font-weight: bold!important; padding: 5px!important; font: inherit!important; width: 100%; font-size: 11px !important; font-weight: 800 !important; float: left; }
.textInputResa .error { background: red !important; color: #fff !important; border-radius: 5px; padding: 5px !important; margin: 10px 0px 10px 0px !important;}
.main-search {
    z-index: 999;
    width: 100%;
    max-width: 1140px;
    height: 202px
}

.searchPos {
    margin: -250px auto 45px
}

.main-search form {
    width: 100%;
    display: inline-block;
    padding: 20px 0 10px;
    border: 1px rgba(255, 255, 255, .8);
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    background: rgb(255, 255, 255, .8);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, .8) 0, rgba(242, 242, 242, .8) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, .8)), color-stop(100%, rgba(242, 242, 242, .8)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, .8) 0, rgba(242, 242, 242, .8) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, .8) 0, rgba(242, 242, 242, .8) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, .8) 0, rgba(242, 242, 242, .8) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, .8) 0, rgba(242, 242, 242, .8) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0)
}

.colMot,
.colMotFirst {
    padding: 0 0 0 1.4%;
    min-height: 81px;
    float: left
}

.main-search h4 {
    font:inherit;;
    letter-spacing: 0
}

.main-search h4 span {
    color: #3FBFB8;
    font-size: 15px;
    font-weight: 700
}

.colMotFirst {
    width: 16%;
    margin: 0 0 1.5%
}

.colMot {
    width: 16.9%;
    margin: 0 0 1.5% 2%;
    background: url(../images/bgr/vertical-separator.png) 0 34px no-repeat
}

.main-search .item {
    float: left;
    display: block;
    width: 100%;
    padding: 0 0 6px
}

.column,
.column1,
.column2,
.column3 {
    margin: 0 0 1.5% 2%;
    padding: 0 0 0 2.4%;
    background: url(../images/bgr/vertical-separator.png) 0 34px no-repeat;
    min-height: 111px;
    float: left
}

.main-search .item input[type=text] {
    float: left;
    display: block;
    box-shadow: 0 1px 1px rgba(204, 204, 204, 1) inset, 0 1px 0 rgba(255, 255, 255, 1)
}

.main-search .item select {
    width: 98%
}

.column1 {
    width: 20%
}

.column2 {
    width: 28%
}

.column3 {
    width: 38%
}

.column {
    width: 28.8%
}

#form3 .column,
#form5 .column,
#form6 .column {
    height: 180px
}

.forms {
    float: left;
    width: 76.5%
}

.main-search .f-item {
    float: left;
    display: block;
    width: 100%;
    padding: 0 0 6px
}

.main-search .f-item input[type=text] {
    float: left;
    display: block;
    -webkit-box-shadow: 0 1px 1px rgba(204, 204, 204, 1) inset, 0 1px 0 rgba(255, 255, 255, 1);
    -moz-box-shadow: 0 1px 1px rgba(204, 204, 204, 1) inset, 0 1px 0 rgba(255, 255, 255, 1);
    box-shadow: 0 1px 1px rgba(204, 204, 204, 1) inset, 0 1px 0 rgba(255, 255, 255, 1)
}

.main-search .f-item label {
    font-size: 1.3em;
    padding: 0 0 8px;
    display: inline-block;
    width: 100%;
    font-family: inherit;
    white-space: nowrap
}

.main-search .f-item .selector,
.selectbox {
    width: 100%!important
}

.main-search .f-item .selector span {
    width: 92%!important;
    background-position: 97% 8px;
    padding: 0 4%
}

.main-search .Depart,
.main-search .Depart2,
.main-search .radios {
    background: 0 0;
    margin: 0 0 0 1.5%
}

.main-search .f-item select {
    width: 100%
}

.main-search .Depart {
    width: 17%;
    padding: 0
}

.main-search .Depart .f-item {
    width: 175px
}

.main-search .Depart label {
    padding: 0 0 0 5px;
    color: #999;
    line-height: 20px;
    width: 100px
}

.main-search .Depart2 {
    width: 20%;
    padding: 0
}

.main-search .Depart2 .f-item {
    width: 155px
}

.main-search .Depart2 label {
    padding: 0 0 0 5px;
    color: #999;
    line-height: 20px;
    width: 80px
}

.main-search .radios {
    width: 22%;
    padding: 0
}

.main-search .radios .f-item {
    width: 165px
}

.main-search .radios label {
    padding: 0 0 0 5px;
    color: #999;
    line-height: 20px;
    width: 100px
}

.main-search .active label {
    color: #666
}

.main-search .twins .f-item {
    width: 47%;
    margin: 0 5% 0 0
}

.main-search .twins .f-item.last {
    margin: 0
}

.main-search .twins .selector span {
    width: 80%!important;
    background-position: 93% 8px;
    padding: 0 10%
}

.main-search .twins.last .f-item {
    width: 45%
}

.main-search .triplets .f-item {
    width: 28%;
    margin: 0 5% 0 0
}

.main-search .two-childs .datepicker-wrap {
    width: 47%;
    margin: 0 5% 0 0;
    float: left
}

.main-search .two-childs .selector {
    width: 46%!important;
    float: left
}

.main-search .two-childs .selector span {
    padding: 0 10%;
    width: 80%!important;
    background-position: 93% 8px
}

.ui-datepicker-trigger {
    position: absolute;
    top: 8px;
    right: 20px
}

.spinner {
    position: relative
}

.main-search .f-item .ui-spinner-input {
    padding: 6px 10%;
    width: 80%
}

.ui-icon-triangle-1-n,
.ui-icon-triangle-1-s {
    position: absolute;
    right: 8px;
    width: 13px;
    height: 8px;
    overflow: hidden;
    display: inline-block;
    text-indent: -99999px;
    cursor: pointer
}

.ui-icon-triangle-1-n {
    top: 35px;
    background: url(../images/ico/spinner.png) no-repeat
}

.ui-icon-triangle-1-s {
    top: 43px;
    background: url(../images/ico/spinner.png) 0 -9px no-repeat
}

.spinner.small {
    width: 43%!important
}

.search-submit,
.search-submit2 {
    position: absolute;
    bottom: -5px;
    width: 204px;
    height: 34px;
    font:inherit;;
    color: #fff;
    -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    -moz-text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    border: none;
    text-transform: uppercase
}

.search-submit {
    left: 468px;
    background: url(../images/bgr/search-button.png) no-repeat
}

.search-submit:hover {
    background-position: 0 -34px
}

.search-submit2 {
    left: 330px;
    background: url(../images/bgr/search-button.png) no-repeat
}

.email-green,
.phone-green {
    font-family: inherit
}

.search-submit2:hover {
    background-position: 0 -34px
}

.prod-search {
    display: block;
    width: 100%
}

.prod-search .f-item {
    float: left;
    display: block;
    width: 25%;
    padding: 0 0 6px;
    font-size: 12px
}

aside .f-item,
aside form {
    padding: 0 0 15px
}

.prod-search .f-item select {
    width: 100%
}

aside .f-item {
    float: left;
    width: 100%
}

aside .f-item label {
    float: left;
    width: 100%;
    padding: 0 0 5px
}

aside input[type=submit] {
    padding: 0;
    width: 80px;
    margin: 5px 0 0
}

.phone-green {
    background: url(../images/ico/phone-green.jpg) 2px 0 no-repeat;
    padding: 1px 0 1px 24px
}

.email-green {
    background: url(../images/ico/email-green.jpg) 0 5px no-repeat;
    padding: 0 0 0 24px;
    margin: 5px 0 15px
}

.email-green a {
    text-decoration: none
}

.booking { float: left; width: 100%; padding: inherit; margin: auto; background: #FFF; margin-bottom: 20px; }

.booking h3 {
    display: inline-block;
    color: #B9ACA4;
    padding: 0 0 6px;
    margin: 0 0 15px;
    border-bottom: 1px solid #ccc;
    width: 100%
}

.booking h3 span {
    color: #59C6C0
}

.booking .row {
    float: left;
    display: block;
    width: 100%;
}

.booking .f-item { width: 68%; padding-left: 15px; margin: 0; float: left; padding-right: 15px; text-align: left; vertical-align: top; margin-top: 22px; }

.booking .twins .f-item {
    width: 33%
}

.booking .triplets .f-item {
    width: 33.30%
}

.f-item label {
    font:inherit;
    color: #3F3F3F;
    padding: 0 0 5px;
    display: inline-block;
    width: 100%
}

.f-item label span {
    font-family: inherit;
    color: #666
}

.f-item input[type=email],
.f-item input[type=text],
.f-item input[type=number] {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.f-item textarea {
    float: left;
    display: block;
    width: 92%;
    height: 120px
}

.booking .info {
    float: left;
    display: block;
    width: 30%;
    font:inherit;;
    color: #3F3F3F;
    padding: 38px 0 0
}

.booking .f-item select {
    width: 100%
}

.booking div.selector {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.booking div.selector span {
    width: 92%!important;
    background-position: 97% 8px;
    padding: 0 4%
}

.booking .triplets .datepicker {
    width: 170px
}

.booking .triplets .datepicker input {
    width: 155px
}

.booking .triplets .ui-datepicker-trigger {
    left: 145px;
    top: 7px
}

.booking .triplets .last {
    width: 80px
}

.booking .triplets .last input {
    width: 60px
}

.booking .checkbox label,
.checkbox label {
    font-family: inherit;
    width: 90%;
    padding: 0 0 0 10px
}

.booking input[type=submit] {
    margin: 14px 0 0
}

.output p {
    float: left;
    width: 270px;
    padding: 0 20px 10px 0
}

.turqouise-link {
    color: #5FC7C1;
    font-family: inherit
}

.print {
    float: right;
    margin: -5px 46% 0 0
}

.bookings h1,
.mysettings h1 {
    margin: 0
}

.bookings h1 a {
    text-decoration: none;
    color: #B9ACA4
}

.bookings h1 a:hover {
    text-decoration: underline
}

.bookings .b-info {
    float: left;
    width: 72%
}

.bookings .actions {
    float: right;
    width: 25%;
    margin-top: 10px
}

.bookings .actions .gradient-button {
    position: static;
    padding: 0;
    width: 100%;
    margin: 0 0 10px
}

.tab-content .bookings th,
.tab-content .mysettings th {
    background: 0 0;
    width: 25%;
    color: #41C0B8;
    font-family: inherit;
    padding: 10px;
    border: none;
    border-bottom: 1px solid #ccc
}

.tab-content .bookings td,
.tab-content .mysettings td {
    padding: 10px;
    border: none;
    border-bottom: 1px solid #ccc
}

.tab-content .mysettings td:last-child {
    text-align: right;
    width: 30px
}

.myreviews .score {
    float: left;
    width: 25%;
    margin: 8px 0 0
}

.myreviews .reviews {
    float: right;
    width: 72%
}

.edit_field {
    font-size: 1em;
    margin: 10px 0 0;
    padding: 10px;
    background: #E9E6E0
}

.edit_field a,
.edit_field input,
.edit_field label {
    font-size: 12px;
    margin: 0 0 10px;
    display: inline-block
}

.edit_field .gradient-button {
    font-size: 11px
}

button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.ui-datepicker {
    width: 22em;
    padding: 0;
    display: none;
    background: #fff;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2)
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 11px;
    width: 9px;
    height: 12px;
    text-indent: -99999px;
    cursor: pointer
}

.ui-datepicker .ui-datepicker-prev {
    left: 10px;
    background: url(../images/ico/arrow-left.png) no-repeat
}

.ui-datepicker .ui-datepicker-next {
    right: 10px;
    background: url(../images/ico/arrow-right.png) no-repeat
}

.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 5px;
    text-align: center;
    font:inherit;;
    color: #B9ACA4
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month-year {
    width: 100%
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 49%
}

.ui-datepicker table {
    width: 100%;
    font-size: 12px;
    border-collapse: collapse
}

.ui-datepicker th {
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #6fcfca;
    background: -moz-linear-gradient(top, rgba(111, 207, 202, 1) 0, rgba(55, 168, 163, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(111, 207, 202, 1)), color-stop(100%, rgba(55, 168, 163, 1)));
    background: -webkit-linear-gradient(top, rgba(111, 207, 202, 1) 0, rgba(55, 168, 163, 1) 100%);
    background: -o-linear-gradient(top, rgba(111, 207, 202, 1) 0, rgba(55, 168, 163, 1) 100%);
    background: -ms-linear-gradient(top, rgba(111, 207, 202, 1) 0, rgba(55, 168, 163, 1) 100%);
    background: linear-gradient(to bottom, rgba(111, 207, 202, 1) 0, rgba(55, 168, 163, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#6fcfca', endColorstr='#37a8a3', GradientType=0);
    color: #fff;
    text-align: center;
    font-weight: 700;
    border: 1px solid #6FCFCA
}

.ui-datepicker th span {
    display: block;
    text-align: center
}

.ui-datepicker td {
    border: 1px solid #eee;
    text-align: center;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(242, 242, 242, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(242, 242, 242, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(242, 242, 242, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0)
}

.ui-datepicker td a,
.ui-datepicker td span {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker .ui-datepicker-today {
    background: #6fcfca;
    background: -moz-linear-gradient(top, rgba(111, 207, 202, 1) 0, rgba(55, 168, 163, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(111, 207, 202, 1)), color-stop(100%, rgba(55, 168, 163, 1)));
    background: -webkit-linear-gradient(top, rgba(111, 207, 202, 1) 0, rgba(55, 168, 163, 1) 100%);
    background: -o-linear-gradient(top, rgba(111, 207, 202, 1) 0, rgba(55, 168, 163, 1) 100%);
    background: -ms-linear-gradient(top, rgba(111, 207, 202, 1) 0, rgba(55, 168, 163, 1) 100%);
    background: linear-gradient(to bottom, rgba(111, 207, 202, 1) 0, rgba(55, 168, 163, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#6fcfca', endColorstr='#37a8a3', GradientType=0)
}

.ui-datepicker .ui-datepicker-today a {
    color: #fff
}

.ui-datepicker td a {
    color: #fff;
    background: #00CEFF;
    background: -moz-linear-gradient(top, rgba(17, 199, 242, 1) 0, rgba(67, 144, 178, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #11C7F2), color-stop(100%, #4390B2));
    background: -webkit-linear-gradient(top, #11C7F2 0, #4390B2 100%);
    background: -o-linear-gradient(top, rgba(17, 199, 242, 1) 0, rgba(67, 144, 178, 1) 100%);
    background: -ms-linear-gradient(top, rgba(17, 199, 242, 1) 0, rgba(67, 144, 178, 1) 100%);
    background: linear-gradient(to bottom, #11C7F2 0, #4390B2 100%)
}

.ui-datepicker-unselectable {
    background: #FAF8F4!important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF), color-stop(100%, #F2F2F2));
    background: -webkit-linear-gradient(top, #FFF 0, #F2F2F2 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(242, 242, 242, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(242, 242, 242, 1) 100%);
    background: linear-gradient(to bottom, #FFF 0, #F2F2F2 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0)
}

.ui-slider-horizontal {
    height: 7px;
    border: 1px solid #E6E6E6;
    position: relative;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .2);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .2);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .2)
}

.ui-slider-horizontal .ui-slider-handle {
    background: url(../images/ico/ui-slider-handle.png) no-repeat;
    width: 24px;
    height: 24px;
    position: absolute;
    top: -7px;
    margin-left: -10px
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
    background: #EEE;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.lightbox,
.mapbox {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background: url(../images/bgr/lb-overlay.png);
    top: 0;
    left: 0
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.mapdesti {
    font-size: 13px;
    color: ##FE8A00
}

.lb-wrap {
    text-align: left;
    position: absolute;
    top: 10%;
    left: 35%;
    width: 30%;
    max-width: 400px;
    background: #6fcfca;
    background: -moz-linear-gradient(top, rgba(111, 207, 202, 1) 0, rgba(55, 168, 163, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(111, 207, 202, 1)), color-stop(100%, rgba(55, 168, 163, 1)));
    background: -webkit-linear-gradient(top, rgba(111, 207, 202, 1) 0, rgba(55, 168, 163, 1) 100%);
    background: -o-linear-gradient(top, rgba(111, 207, 202, 1) 0, rgba(55, 168, 163, 1) 100%);
    background: -ms-linear-gradient(top, rgba(111, 207, 202, 1) 0, rgba(55, 168, 163, 1) 100%);
    background: linear-gradient(to bottom, rgba(111, 207, 202, 1) 0, rgba(55, 168, 163, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#6fcfca', endColorstr='#37a8a3', GradientType=0);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .5)
}

.lb-wrap .close,
.loading,
.swMain>ul .stepNumber,
.swMain>ul li {
    text-align: center
}

.ball1,
.selectbox,
.swMain>ul,
.swMain>ul .stepNumber {
    position: relative
}

.lb-wrap .close {
    float: right;
    width: 30px;
    height: 30px;
    color: #fff;
    text-transform: uppercase;
    background: #6FCFCA;
    text-decoration: none;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
    font-size: 20px;
    font-family: cursive
}

.lb-wrap .close:hover {
    color: #666
}

.lb-wrap form {
    padding: 0 5% 30px;
    width: 90%
}

.lb-wrap form h1 {
    padding: 20px 0;
    color: #fff;
    -webkit-text-shadow: 0 1px 0 rgba(0, 0, 0, .1);
    -moz-text-shadow: 0 1px 0 rgba(0, 0, 0, .1);
    text-shadow: 0 1px 0 rgba(0, 0, 0, .1)
}

.lb-wrap .f-item {
    padding: 0 0 15px;
    font-size: 1.1em
}

.lb-wrap label {
    color: #184947;
    font-family: inherit!important;
    -webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, .3);
    -moz-text-shadow: 0 1px 0 rgba(255, 255, 255, .3);
    text-shadow: 0 1px 0 rgba(255, 255, 255, .3)
}

.lb-wrap input {
    border-color: #37A8A3
}

.lb-wrap .f-item:last-of-type {
    margin: 0 0 15px;
    border-bottom: 1px solid #37A8A3;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .2);
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .2);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .2)
}

.lb-wrap a {
    color: #fff
}

.lb-wrap .gradient-button {
    width: 100%;
    color: #297C78;
    font-size: 12px;
    -webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
    -moz-text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(238, 238, 238, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 1)), color-stop(100%, rgba(238, 238, 238, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(238, 238, 238, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(238, 238, 238, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(238, 238, 238, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0, rgba(238, 238, 238, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0)
}

.lb-wrap .gradient-button:hover {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(238, 238, 238, 1) 0, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(238, 238, 238, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(top, rgba(238, 238, 238, 1) 0, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(top, rgba(238, 238, 238, 1) 0, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(top, rgba(238, 238, 238, 1) 0, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(238, 238, 238, 1) 0, rgba(255, 255, 255, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0)
}

.lb-wrap p {
    font-family: inherit;
    -webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, .3);
    -moz-text-shadow: 0 1px 0 rgba(255, 255, 255, .3);
    text-shadow: 0 1px 0 rgba(255, 255, 255, .3);
    color: #184947;
    margin: 0 0 15px;
    border-bottom: 1px solid #37A8A3;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .2);
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .2);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .2)
}

.ball,
.ball1 {
    background-color: rgba(0, 0, 0, 0);
    opacity: .9;
    margin: 0 auto
}

.ball {
    border: 10px solid #40BFB8;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    border-radius: 60px;
    box-shadow: 0 0 35px #fff;
    width: 100px;
    height: 100px;
    -moz-animation: spin .5s infinite linear;
    -o-animation: spin .5s infinite linear;
    animation: spin .5s infinite linear;
    -webkit-animation: spin .5s infinite linear
}

.ball1 {
    border: 10px solid #40BFB8;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    border-radius: 35px;
    box-shadow: 0 0 15px #fff;
    width: 50px;
    height: 50px;
    top: -95px;
    -moz-animation: spinoff .5s infinite linear;
    -o-animation: spinoff .5s infinite linear;
    animation: spinoff .5s infinite linear;
    -webkit-animation: spinoff .5s infinite linear
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0)
    }
    100% {
        -moz-transform: rotate(360deg)
    }
}

@-moz-keyframes spinoff {
    0% {
        -moz-transform: rotate(0)
    }
    100% {
        -moz-transform: rotate(-360deg)
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0)
    }
    100% {
        -o-transform: rotate(360deg)
    }
}

@-o-keyframes spinoff {
    0% {
        -o-transform: rotate(0)
    }
    100% {
        -o-transform: rotate(-360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

@keyframes spinoff {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(-360deg)
    }
}

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

@-webkit-keyframes spinoff {
    0% {
        -webkit-transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(-360deg)
    }
}



@font-face {
    font-family: ChunkFiveRegular;
    src: url(../fonts/Chunkfive-webfont.eot);
    src: url(../fonts/Chunkfive-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/Chunkfive-webfont.woff) format('woff'), url(../fonts/Chunkfive-webfont.ttf) format('truetype'), url(../fonts/Chunkfive-webfont.svg#ChunkFiveRegular) format('svg');
    font-weight: 400;
    font-style: normal
}

img {
    max-width: 100%
}

.one-fourth figure img {
    width: 100%
}

@media screen and (max-width:1280px) {
    .slider {
        height: 768px
    }
    .main-nav li {
        padding-right: 10px
    }
    .destinations .ribbon,
    .locations .one-fourth .ribbon {
        margin: 20px 0 0 -10%;
        width: 120%;
        height: 50px;
        position: relative;
        -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .2);
        -moz-box-shadow: 0 0 2px rgba(0, 0, 0, .2);
        box-shadow: 0 0 2px rgba(0, 0, 0, .2);
        background: #00ceff;
        background: -moz-linear-gradient(top, rgba(255, 145, 38, 1) 0, rgba(242, 107, 9, 1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(17, 199, 242, 1)), color-stop(100%, rgba(67, 144, 178, 1)));
        background: -webkit-linear-gradient(top, rgba(255, 145, 38, 1) 0, rgba(242, 107, 9, 1) 100%);
        background: -o-linear-gradient(top, rgba(255, 145, 38, 1) 0, rgba(242, 107, 9, 1) 100%);
        background: -ms-linear-gradient(top, rgba(255, 145, 38, 1) 0, rgba(242, 107, 9, 1) 100%);
        background: linear-gradient(to bottom, rgba(255, 145, 38, 1) 0, rgba(242, 107, 9, 1) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#c1b6ae', endColorstr='#baaca3', GradientType=0)
    }
    .destinations .ribbon:focus,
    .destinations .ribbon:hover,
    .locations .one-fourth .ribbon:focus,
    .locations .one-fourth .ribbon:hover {
        background: #5FC8C2;
        -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .2), inset 0 0 10px rgba(0, 0, 0, .2);
        -moz-box-shadow: 0 0 2px rgba(0, 0, 0, .2), inset 0 0 10px rgba(0, 0, 0, .2);
        box-shadow: 0 0 2px rgba(0, 0, 0, .2), inset 0 0 10px rgba(0, 0, 0, .2)
    }
    .destinations .promo .ribbon,
    .locations .one-fourth .promo .ribbon {
        background: #FFC801;
        -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .2), inset 0 0 10px rgba(0, 0, 0, .2);
        -moz-box-shadow: 0 0 2px rgba(0, 0, 0, .2), inset 0 0 10px rgba(0, 0, 0, .2);
        box-shadow: 0 0 2px rgba(0, 0, 0, .2), inset 0 0 10px rgba(0, 0, 0, .2)
    }
    .destinations .ribbon .half,
    .locations .one-fourth .ribbon .half {
        margin: 10px 0;
        height: 30px;
        padding: 0;
        width: 80%;
        position: relative
    }
    .destinations .ribbon .half a,
    .locations .one-fourth .ribbon .half a {
        float: right
    }
    .destinations .ribbon .flight,
    .destinations .ribbon .hotel,
    .locations .one-fourth .ribbon .flight,
    .locations .one-fourth .ribbon .hotel {
        background: 0 0
    }
    .destinations .ribbon .hotel:before,
    .locations .one-fourth .ribbon .hotel:before {
        background: url(../images/ico/hotel.png) no-repeat;
        content: "";
        position: absolute;
        top: 1px;
        left: 10%;
        width: 28px;
        height: 28px
    }
    .destinations .ribbon .flight:before,
    .locations .one-fourth .ribbon .flight:before {
        background: url(../images/ico/flight.png) no-repeat;
        content: "";
        position: absolute;
        top: 1px;
        left: 10%;
        width: 28px;
        height: 28px
    }
    .three-fourth .destinations .one-fourth {
        width: 48.8%
    }
    .three-fourth .destinations .one-fourth.last {
        margin: 0 2.4% 20px 0!important
    }
    .three-fourth .destinations .one-fourth:nth-child(2n+1) {
        margin: 0 0 20px!important
    }
    .three-fourth .destinations .ribbon {
        width: 120%;
        margin: 20px 0 0 -10%
    }
    .main-search,
    .wrap {
        width: 96%
    }
    .wrap {
        margin: 0 2%
    }
    #sequence .animate-in .info {
        margin-left: -48%
    }
}

@media screen and (max-width:1024px) {
    .rating,
    .stars,
    .stars img {
        float: left
    }
    .main-search {
        width: 96%;
        margin: 20px auto 0;
        height: auto
    }
    .search-submit {
        left: 40%
    }
    .slider {
        margin-top: 100px;
        height: 500px
    }
    .main-nav li {
        padding-right: 7px
    }
    .sort li {
        width: 85px
    }
    .room-types li figure {
        width: 35%
    }
    .room-types .meta {
        width: 38%
    }
    .room-information {
        width: 18%
    }
    .stars {
        width: 100%
    }
    .rating {
        width: 100%
    }
    .deals .full-width .stars {
        padding: 0;
        margin: 6px 0 0
    }
    .deals .full-width .address {
        width: 100%;
        max-width: 100%
    }
    .deals .full-width figure {
        margin: 0 3% 0 0
    }
    .deals .full-width .details {
        width: 42%
    }
    .deals .full-width .price {
        width: 14%;
        padding: 0 0 0 3%;
        height: 172px
    }
    .deals .full-width .description {
        width: 100%
    }
    .deals .full-width .gradient-button {
        right: 3%;
        bottom: auto;
        top: 115px
    }
    .tab-content .deals .full-width figure {
        width: 66.5%
    }
    .tab-content .deals .full-width h1 {
        max-width: 100%
    }
    .score {
        width: 48%;
        margin: 0 2% 0 0
    }
    .chart {
        width: 50%
    }
    .reviews .aprsi,
    .reviews .con,
    .reviews .pro {
        margin: 10px 0 0 10px;
        width: 90%
    }
    .locations .full-width .description {
        height: auto;
        width: 80%
    }
    .tab-content .deals .full-width .description {
        height: auto
    }
    .deal-of-the-day p {
        padding: 0
    }
    .deal-of-the-day .rating {
        padding: 0 0 15px 15px
    }
    .boxes .one-fourth {
        min-height: 180px
    }
    .tab-content .deals .full-width .price {
        border-left: none;
        width: 26%;
        padding: 0
    }
    .tab-content .deals .full-width .gradient-button {
        bottom: auto;
        top: 105px;
        right: 6.8%
    }
    .tab-content .deals .full-width .details {
        padding: 15px 3% 0;
        width: 94%
    }
    .bottom nav,
    footer .copy {
        width: 100%;
        text-align: center
    }
    footer .copy {
        padding: 0 0 20px
    }
    .bottom nav ul {
        width: 90%;
        margin: 0 auto
    }
    .lb-wrap {
        width: 50%;
        left: 25%
    }
}

@media screen and (max-width:980px) {
    .wrap {
        width: 96%;
        margin: 0 2%
    }
    .slider {
        height: 540px
    }
    .one-fourth .details {
        min-height: 114px
    }
    .logo {
        padding: 15px 0;
        max-width: 200px
    }
    .contact {
        float: left;
        margin: -7px 0 10px 4px;
        padding: 0;
        background: 0 0!important;
        width: 100%
    }
    .contact span {
        float: left;
        width: auto;
        display: block;
        padding: 0 10px 0 0
    }
    .main-nav ul {
        display: block
    }
    .main-nav .selector {
        display: block;
        text-align: left;
        width: 80%;
        margin: 1px 18% 0 2%;
        background: 0 0;
        border: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        text-transform: uppercase;
        letter-spacing: -1px;
        -webkit-text-shadow: 0 0 1px rgba(0, 0, 0, .3);
        -moz-text-shadow: 0 0 1px rgba(0, 0, 0, .3);
        text-shadow: 0 0 1px rgba(0, 0, 0, .3)
    }
    .main-nav .selector span {
        background: url(../images/ico/mobile-menu.png) 0 1px no-repeat;
        padding: 0 0 0 40px;
        width: 90%;
        color: #fff
    }
    .main-nav .selector select {
        width: 90%
    }
    .inner-nav {
        width: 27.4%
    }
    .tab-content {
        width: 70.4%
    }
    .three-col li {
        width: 100%;
        margin: 0
    }
    .tags ul {
        width: 100%
    }
    #crossfade {
        height: 300px
    }
    #crossfade img {
        margin-top: 0px
    }
    .room-types li figure {
        width: 47%
    }
    .room-types .meta {
        width: 50%
    }
    .room-information {
        width: 100%;
        margin: 20px 0 0;
        padding: 20px 0 0;
        border-left: none;
        border-top: 1px solid #ccc;
        height: auto
    }
    .room-information .row {
        width: 23%;
        border-right: 1px solid #ccc;
        padding: 0;
        margin: 0 1.5% 0 0
    }
    .room-information .gradient-button {
        top: 23px;
        right: 0;
        bottom: auto;
        left: auto
    }
    .more-information {
        border-top: 1px solid #ccc;
        padding: 20px 0 0
    }
    .room-information span img {
        margin: 3px 0 0
    }
    .sort li {
        padding: 3px 10px;
        width: 75px;
        font-size: 1.2em
    }
    .locations .full-width .description {
        width: 77%
    }
    .three-fourth .destinations .one-fourth {
        width: 48.8%
    }
    .three-fourth .destinations .one-fourth.last {
        margin: 0 2.4% 20px 0!important
    }
    .three-fourth .destinations .one-fourth:nth-child(2n+1) {
        margin: 0 0 20px!important
    }
    .three-fourth .destinations .one-fourth .ribbon {
        width: 120%;
        margin: 20px 0 0 -10%
    }
    .three-fourth .deals .one-fourth {
        width: 48.8%
    }
    .three-fourth .deals .one-fourth.last {
        margin: 0 2.4% 20px 0!important
    }
    .three-fourth .deals .one-fourth:nth-child(2n) {
        margin: 0 0 20px!important
    }
    .three-fourth .deals .one-fourth .ribbon {
        width: 120%;
        margin: 20px 0 0 -10%
    }
    .three-fourth .locations .one-fourth {
        width: 48.8%;
        min-height: 430px;
        margin-right: 2.4%
    }
    .three-fourth .locations .one-fourth.last,
    .three-fourth .locations .one-fourth:nth-child(2n) {
        margin: 0 0 20px
    }
    .three-fourth .locations .one-fourth:nth-child(2n+1) {
        margin: 0 2.4% 20px 0!important
    }
    .three-fourth .locations .one-fourth .ribbon {

        width: 120%;
        margin: 20px 0 0 -10%
    }
    .full.destinations .details {
        padding: 15px 6%;
        width: 88%
    }
    .full.destinations .details h5 {
        max-width: 48%;
        display: inline-block
    }
    .full.destinations .gradient-button {
        margin: 0 0 7px
    }
    aside article {
        padding: 14px 10% 20px;
        width: 80%
    }
    .default {
        padding: 14px 10% 5px;
        width: 80%
    }
    .boxes .one-fourth {
        min-height: auto
    }
    .bookings .b-info {
        width: 63%
    }
    .bookings .actions {
        width: 33%
    }
    .score span {
        font-size: 5em
    }
}

@media screen and (max-width:830px) {
    .content {
        padding: 205px 0 0
    }
    .search {
        width: 48.8%;
        float: left;
        margin: 0 45% 20px 0
    }
    .top-right-nav {
        float: left;
        width: 100%;
        padding-top: 20px
    }
    input[type=email],
    input[type=search],
    input[type=text],
    input[type=number] {
        padding: 6px 2%;
        width: 95.4%
    }
    #form3 .column,
    #form5 .column,
    #form6 .column {
        height: auto
    }
    .main-search .radios {
        width: 94%;
        padding: 0 0 14px;
        margin: 0 3% 20px;
        border-bottom: 1px solid #ccc;
        min-height: auto
    }
    .main-search .forms {
        width: 100%
    }
    .main-search .colMot,
    .main-search .colMotFirst,
    .main-search .forms .column .colMotFirst .colMot {
        width: 94%;
        padding: 0 0 14px;
        margin: 0 3% 20px;
        background: 0 0;
        border-bottom: 1px solid #ccc;
        min-height: auto
    }
    .main-search .forms .column:last-child {
        border-bottom: none
    }
    .main-search .twins .f-item {
        width: 47.3%
    }
    .main-search .twins.last .f-item {
        width: 47%
    }
    .main-search .triplets .f-item {
        width: 29.8%
    }
    .main-search .triplets .f-item:last-child {
        margin: 0
    }
    .main-search .twins .selector span,
    .main-search .two-childs .selector span {
        padding: 0 2%;
        width: 96%!important;
        background-position: 97% 8px
    }
    .main-search .f-item .ui-spinner-input {
        padding: 6px 2%;
        width: 96%
    }
    .search-submit {
        left: 36%
    }
    .slider {
        height: 450px
    }
    .slider .info {
        top: 33%
    }
    .boxes,
    .destinations,
    .offers {
        width: 100%;
        float: none
    }
    .bottom nav,
    .deals .full-width .stars img,
    .destinations .count {
        float: left
    }
    .one-fourth .details {
        min-height: auto
    }
    .one-fourth {
        width: 49%;
        min-height: auto
    }
    .one-fourth:nth-child(2n+1) {
        margin-right: 0
    }
    .boxes .one-fourth {
        width: 94.8%;
        margin-right: 0!important;
        padding: 15px 2.6%
    }
    .lower,
    aside {
        width: 100%;
        margin: 0!important
    }
    aside article {
        padding: 14px 3% 20px;
        width: 94%
    }
    .testimonials {
        padding: 17px 3% 20px;
        width: 94%
    }
    /*.default {
        padding: 14px 3% 5px;
        width: 94%
    }*/
    .full .one-fourth {
        width: 48.8%
    }
    .full .deals .one-fourth:nth-child(2n+1) {
        margin: 0 2% 20px 0
    }
    .full .deals .one-fourth:nth-child(2n) {
        margin: 0
    }
    .destinations .ribbon {
        width: 116%;
        margin: 20px 0 0 -8%
    }
    .destinations .count {
        width: 100%;
        margin: 0 0 15px
    }
    .one-half,
    .three-fourth {
        width: 100%
    }
    .three-fourth .one-fourth:nth-child(2n+1) {
        margin-right: 2%
    }
    .three-fourth .last {
        margin-right: 0!important
    }
    .deals .full-width .details {
        width: 35%;
        padding: 15px 2% 0 0
    }
    .deals .full-width .address {
        padding: 0;
        width: 100%;
        max-width: 100%
    }
    .deals .full-width .stars {
        float: left;
        padding: 0;
        width: 100%
    }
    .flights .full-width .details {
        width: 96%!important;
        padding: 15px 2% 0!important
    }
    .flights .full-width .details .f-wrap {
        width: 20.7%
    }
    .sort-by {
        height: auto;
        position: relative
    }
    .sort {
        border: none;
        height: auto;
        margin: 0 3% 20px;
        width: 94%;
        border-bottom: 1px solid #ccc
    }
    .sort li {
        padding: 12px 0;
        width: 100%;
        border-left: none;
        border-top: 1px solid #ccc
    }
    .sort li .ascending {
        top: 15px;
        right: 0
    }
    .sort li .descending {
        top: 23px;
        right: 0
    }
    .view-type {
        position: absolute;
        top: 0;
        right: 1.5%
    }
    .pager {
        padding: 0 20px 0 0
    }
    .inner-nav {
        width: 100%;
        margin-bottom: 20px
    }
    .inner-nav li {
        padding: 0!important;
        width: 100%!important
    }
    .inner-nav li a {
        padding: 0 0 0 12%!important;
        width: 88%!important
    }
    .inner-nav li.active,
    .inner-nav li.active:hover {
        width: 100%;
        background: #5fc8c2;
        background: -moz-linear-gradient(top, rgba(95, 200, 194, 1) 0, rgba(64, 191, 184, 1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(95, 200, 194, 1)), color-stop(100%, rgba(64, 191, 184, 1)));
        background: -webkit-linear-gradient(top, rgba(95, 200, 194, 1) 0, rgba(64, 191, 184, 1) 100%);
        background: -o-linear-gradient(top, rgba(95, 200, 194, 1) 0, rgba(64, 191, 184, 1) 100%);
        background: -ms-linear-gradient(top, rgba(95, 200, 194, 1) 0, rgba(64, 191, 184, 1) 100%);
        background: linear-gradient(to bottom, rgba(95, 200, 194, 1) 0, rgba(64, 191, 184, 1) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#5fc8c2', endColorstr='#40bfb8', GradientType=0);
        filter: none
    }
    .tab-content {
        width: 100%
    }
    .tab-content article {
        padding: 12px 3% 20px;
        width: 94%
    }
    .room-types .meta {
        width: 100%
    }
    #things-to-do figure,
    .room-types figure {
        width: 100%!important;
        margin: 0 0 20px!important
    }
    #things-to-do figure img,
    .locations .full-width figure img,
    .room-types figure img,
    aside figure img {
        width: 100%;
        height: auto
    }
    .reviews li figure.left {
        margin: 0 20px 20px 0
    }
    .reviews div {
        width: 90%!important
    }
    .print {
        margin-right: 0
    }
    .get_inspired {
        width: 100%;
        display: inline-block
    }
    .get_inspired li {
        width: 48.5%;
        margin: 0 3% 20px 0;
        height: auto
    }
    .get_inspired li.last {
        margin: 0 3% 20px 0!important
    }
    .get_inspired li:nth-child(2n) {
        margin: 0 0 20px!important
    }
    .get_inspired li img,
    .locations .full-width .description,
    .locations .full-width figure {
        width: 100%
    }
    .locations .full-width .details {
        width: 94%;
        padding: 15px 3%
    }
    .locations .full-width h1 {
        width: 100%
    }
    .locations .description {
        width: 100%;
        height: auto
    }
    .tab-content .deals .full-width {
        width: 100%
    }
    .tab-content .deals .full-width figure {
        width: 100%;
        margin: 0 0 20px
    }
    .tab-content .deals .full-width figure img {
        width: 100%;
        height: auto
    }
    .tab-content .deals .full-width .price {
        position: static;
        width: 100%;
        text-align: left;
        border-top: 1px solid #ccc;
        padding: 0;
        margin: 10px 0 0;
        height: auto;
        border-left: none
    }
    .tab-content .deals .full-width .price br {
        display: none
    }
    .tab-content .deals .full-width .details {
        width: 94%;
        padding: 0 3%
    }
    .tab-content .deals .full-width .description {
        width: 100%;
        height: auto;
        margin: 0
    }
    .tab-content .deals .full-width .gradient-button {
        top: auto;
        bottom: auto
    }
    .output p {
        width: 40%
    }
    footer .one-fourth {
        width: 96%;
        border-bottom: 1px solid #ccc;
        padding: 0 2% 20px;
        margin: 0 0 30px!important
    }
    footer .one-fourth:last-child {
        padding: 0 2% 30px
    }
    footer .bottom {
        border: none;
        padding: 0
    }
    .copy {
        width: 94%;
        padding: 10px 3% 20px;
        border-bottom: 1px solid #ccc;
        margin: 0 0 20px
    }
    .error-content,
    .error-type {
        float: none;
        display: inline-block
    }
    .bottom nav li {
        margin: 0;
        padding: 0 12px
    }
    .error {
        text-align: center
    }
    .error-type {
        margin: 0 auto 40px
    }
    .error-content {
        margin: 0 auto;
        text-align: left
    }
}

@media screen and (max-width:768px) {
    .reviews .aprsi,
    .reviews .con,
    .reviews .pro {
        margin: 0 0 10px;
        width: 100%
    }
    .slider {
        height: 50px;
		display:none
    }
    .destinations .ribbon,
    .locations .one-fourth .ribbon {
        width: 114%;
        margin: 20px 0 0 -7%
    }
	.main-nav ul {
		display: none !important;
	}
	.main-search { margin-top:200px }
	
}

@media screen and (max-width:600px) {
    .logo {
        width: 100%;
        max-width: 100%
    }
    .search {
        margin: 0 0 18px;
        float: left;
        width: 70%
    }
    .search-submit {
        left: 27%
    }
    .slider {
        height: 50px;
		display:none
    }
    .destinations.first .one-fourth,
    .destinations.last .one-fourth,
    .full .one-fourth {
        width: 100%!important;
        margin: 0 0 20px!important
    }
    .full .boxes .one-fourth {
        width: 100%;
        margin: 0 0 20px;
        height: auto;
        min-height: auto
    }
    .deals .three-fourth .one-fourth {
        width: 100%;
        margin: 0 0 20px!important
    }
    .score {
        width: 100%;
        margin: 0 0 20px
    }
    .chart {
        width: 100%
    }
    .one-fourth .details {
        padding: 17px 5% 15px;
        width: 90%
    }
    .deals .full-width .details {
        padding: 0 5%;
        width: 90%
    }
    .deals .full-width figure {
        margin: 0 0 17px;
        width: 55%
    }
    .deals .full-width .price {
        width: 40%;
        padding: 0 0 0 5%;
        border: none
    }
    .deals .full-width .gradient-button {
        top: 100px;
        bottom: auto;
        right: 7.5%
    }
    .deals .full-width h1 {
        width: 100%;
        max-width: 100%
    }
    .deals .full-width .address,
    .deals .full-width .description {
        width: 100%
    }
    #crossfade {
        height: 260px
    }
    #crossfade img {
        margin-top: 0px
    }
    .booking .f-item {
        width: 100%!important;
       /* padding: 14px 0 6px*/
    }
    .booking .info {
        width: 100%;
        padding: 0 0 10px
    }
    .three-fourth .locations .one-fourth {
        width: 96%;
        margin: 0 2% 20px!important;
        float: none;
        display: inline-block
    }
    .three-fourth .locations .one-fourth.last,
    .three-fourth .locations .one-fourth:nth-child(2n),
    .three-fourth .locations .one-fourth:nth-child(2n+1) {
        margin: 0 2% 20px!important
    }
    .three-fourth .locations .one-fourth .ribbon {
        width: 114%;
        margin: 20px 0 0 -7%
    }
    .three-fourth .deals .one-fourth {
        width: 96%;
        margin: 0 2% 20px!important;
        float: none;
        display: inline-block
    }
    .three-fourth .deals .one-fourth.last,
    .three-fourth .deals .one-fourth:nth-child(2n) {
        margin: 0 2% 20px!important
    }
    .three-fourth .deals .one-fourth .ribbon {
        width: 114%;
        margin: 20px 0 0 -7%
    }
    .three-fourth .destinations .one-fourth,
    .three-fourth .destinations .one-fourth.last,
    .three-fourth .destinations .one-fourth:nth-child(2n+1) {
        width: 96%;
        margin: 0 2% 20px!important;
        float: none;
        display: inline-block
    }
    .three-fourth .destinations .ribbon {
        width: 114%;
        margin: 20px 0 0 -7%
    }
    .slider .info {
        display: none
    }
    .three-fourth .flights .one-fourth {
        margin: 0 0 20px!important;
        width: 100%
    }
    .flights .full-width .details .f-wrap {
        width: 45.3%
    }
    .flights .full-width .details .f-wrap:nth-child(2n+1) {
        border-right: 1px solid #ccc
    }
    .checkbox label {
        width: 80%
    }
}

@media screen and (max-width:540px) {
    .slider {
        height: 50px;
		display:none
    }
    .lb-wrap {
        width: 80%;
        left: 10%
    }
}

@media screen and (max-width:480px) {
    .logo,
    .search {
        max-width: 63%
    }
    .contact span:first-child {
        display: none
    }
    .slider {
        height: 50px;
		display:none
    }
    .search-submit {
        left: 17%
    }
    .deals .full-width .price {
        width: 33%
    }
    .destinations .ribbon {
        width: 114%;
        margin: 20px 0 0 -7%
    }
    .flights .full-width .gradient-button {
        bottom: 71px!important
    }
}

@media print {
    blockquote,
    img,
    pre,
    tr {
        page-break-inside: avoid
    }
    .booking,
    .contact {
        padding: 0
    }
    .text-wrap,
    .three-fourth {
        width: 100%
    }
    * {
        background: 0 0!important;
        color: #000!important;
        text-shadow: none!important;
        box-shadow: none!important;
        filter: none!important;
        -ms-filter: none!important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    blockquote,
    pre {
        border: 1px solid #999
    }
    thead {
        display: table-header-group
    }
    img {
        max-width: 100%!important
    }
    @page {
        margin: .5cm
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    .breadcrumbs,
    .main-nav,
    .ribbon,
    .search,
    aside {
        display: none
    }
    .contact {
        background: 0 0;
        float: right
    }
    .booking h3 {
        text-indent: 0
    }
    .text-wrap {
        padding: 0 0 10px
    }
    .content {
        padding: 80px 0 0
    }
}

a.modal-assurance-btn1,
a.modal-assurance-btn2 {
    height: 27px;
    border: none;
    cursor: pointer;
    overflow: hidden;
    float: right
}

a.modal-assurance-btn2 {
    width: 200px;
    background: url(../images/btn_assurance1.png) no-repeat;
    margin: 10px 0 0
}

a.modal-assurance-btn1 {
    width: 151px;
    background: url(../images/btn_assurance2.png) no-repeat;
    margin: 10px 10px 0 0
}

.selectbox {
    border: 1px solid #CCC;
    line-height: 30px;
    height: 32px;
    margin: 0;
    font:inherit;
    color: #999;
    background: #FFF;
    -moz-border-radius: 15px;
    -webkit-box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF;
    -moz-box-shadow: 0 1px 1px rgba(204, 204, 204, 1) inset, 0 1px 0 rgba(255, 255, 255, 1);
    box-shadow: 0 1px 1px #CCC inset, 0 1px 0 #FFF
}

.swMain>ul {
    display: table;
    margin: 20px 0 20px;
    padding: 10px 0;
    width: 100%;
    background: #f7f7f8;
    border-radius: 5px;
    height: 105px;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
    float: left;
}

.swMain>ul li {
    display: table-cell;
    width: 1%;position: relative;
}

.swMain>ul li>a:before {
    border-top: 1px solid #EBEAEC;
    display: block;
    font-size: 0;
    height: 1px;
    overflow: hidden;
    position: relative;
    top: 21px;
    width: 100%;
    z-index: 1
}

.swMain>ul li:first-child>a:before {
    left: 50%;
    max-width: 51%
}

.swMain>ul li:last-child>a:before {
    max-width: 50%;
    width: 50%
}

.swMain li>a.done:before,
.swMain>ul li>a.selected:before {
    border-color: #EE8415
}

.swMain>ul .stepNumber { background-color: #a7a5a5; border: 5px solid #a7a5a5; border-radius: 100%; color: #fff; display: inline-block; font-size: 18px; height: 40px; line-height: 26px; width: 40px; z-index: 2; }

.swMain>ul li>a.selected .stepNumber {
    border-color: #EE8415;
    background-color: #EE8415;
}

.swMain ul li>a.done .stepNumber,
.swMain>ul li:last-child>a.selected .stepNumber {
    border-color: #75C5CF;
    background-color: #75C5CF;
    color: #fff;
    text-indent: -9999px
}

.swMain ul li>a.done .stepNumber:before,
.swMain>ul li:last-child>a.selected .stepNumber:before {
    content: "\f00c";
    display: inline;
    float: right;
    font-family: FontAwesome;
    font-weight: 300;
    height: auto;
    text-shadow: none;
    margin-right: 7px;
    text-indent: 0
}

.swMain ul li>a.done.wait .stepNumber {
    background-color: #F6F6F6!important;
    color: #CCC!important;
    text-indent: 0!important
}

.swMain ul li>a.done.wait .stepNumber:before {
    content: ""!important
}

.swMain>ul li .stepDesc { color: #a7a5a5; display: block; font-size: 12px; margin-top: 4px; max-width: 100%; table-layout: fixed; text-align: center; word-wrap: break-word; font-weight: 600; font-family: inherit; }

.swMain li>a.done .stepDesc,
.swMain>ul li>a.selected .stepDesc {
    color: #EE8415
}

.swMain>ul li>a:hover {
    text-decoration: none
}

.swMain>ul li>a.disabled {
    cursor: default
}

.swMain .progress {
    margin-bottom: 30px
}

.swMain .stepContainer {
    height: auto!important
}

.swMain .close,
.swMain .loader,
.swMain [class*=" button"],
.swMain [class^=button] {
    display: none
}
.ac_results{padding:0;border:1px solid #3bb9d6;background-color:Window;overflow:hidden;z-index:1002}.ac_results ul{width:100%;list-style:none;padding:0;margin:0}.ac_results iframe{display:none;display:block;position:absolute;top:0;left:0;z-index:-1;filter:mask()}.ac_results li{margin:0;padding:2px 5px;cursor:pointer;display:block;width:100%;font:menu;font-size:11px;overflow:hidden;text-align:left}.ac_loading{background:url(../images/indicator.gif) right center no-repeat Window}.ac_over,.li_over{background:#acdfec}.ac_over{color:#000}.li_over{color:#FFF}.separation_li{background:url(../images/separ_dotted.gif) repeat-x}




/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 
	.hidden-xs{
		display: none!important;
	}
	.search-submit2 {
    left: auto!important;
    
}
}

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 790px) { 
	.hidden-sm{
		display: none!important;
	} 
	.search-submit2 {
    left: auto!important;
   
}
}

 /*Medium devices (tablets, less than 992px)*/
@media (min-width: 791px) and (max-width: 991.98px) { 
	.hidden-md{
		display: none!important;
	}
	
}

/* Large devices (desktops, less than 1200px)*/
@media (min-width: 991.98px) { 
	.hidden-lg{
		display: none!important;
	}
}

/************************************************************************************************** new custum css for older page ******************************************************************************************************************/
.main .active > div { display:block !important;}
.three-fourth p:last-child{margin-bottom: 10px}
.btnSSV { display: block; background: #ef8415 !important; color: #fff!important; border: none !important; text-decoration: none; font-weight: 500 !important; line-height: 20px; transition: .3s; box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%); touch-action: manipulation; text-transform: math-auto !important; padding: 7px 10px 8px 10px !important; width: 173px!important; font-size: 13px !important; font-family: inherit !important; text-align: center; border-radius: 4px; position: relative; float: right; margin-top: 20px !important; margin-bottom: 5px; height: 37px !important; margin-right: 9px; text-transform: math-auto !important; margin-left: 0px !important;  opacity: 1!important;}
.btnSSV:hover { color: #ef8415 !important; background-color: #fff!important; border: 2px solid #ef8415!important; }
.InputSelectResa { font-weight: 700!important; color: #838383!important; padding: 8px 10px 10px 10px !important; cursor: pointer!important; background-color: #fff!important; height: 39px!important; line-height: 30px!important; border-radius: 4px!important; border: 1px solid #ccc !important; padding-right: 17px!important; padding-left: 7px!important; box-shadow: none!important; width:100%!important; margin-top: 11px!important; font-size: 12px !important; min-width: 80px; }
th {font-weight: bold!important; font-size: 13px !important;}
.booking h3 { display: inline-block; color: #8d8d8d; padding: 0 0 6px; margin: 0 0 15px; border-bottom: 1px solid #ccc; width: 100%; font-size: 1.4em; }
.f-item label { font:inherit; color: #3F3F3F; padding: 0 0 5px; font-weight: bold!important; font-size: 13px !important; }
.booking-details h1{ font-size: 15px; color: #666; padding: 0 0 3px; line-height: normal; margin-bottom: 8px;}
.address { font-size: 12px; color: #625d5d; font-weight: 600; }
.total { padding: 10px!important; color: #1a2b50!important; font-size: 13px!important; font-weight: normal!important; text-transform: math-auto!important; font-family: inherit!important; }
aside article h2 {font-size: 13px; padding: 0 0 3px; line-height: normal; margin-bottom: 8px;}
aside p { margin: 0; color: #1c1b1b; font-size: 13px; text-align: justify; line-height: 21px; }
.main { background-color: #fff!important; }
.booking{box-shadow:none;}
input[type=checkbox], input[type=radio] { margin: 4px 0 0; margin-top: 0px!important; line-height: normal; margin-right: 10px!important; }
td {padding-right: 4px !important;}
.right-sidebar, .three-fourth{ margin:inherit !important;}
.three-fourth {width: 66.66666667%!important;float: left!important;position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
.right-sidebar {width: 33.33333333%!important;float: left!important;position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
.block1{width: 100%!important;float: left!important;position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
.table-responsive { min-height: .01%; overflow-x: inherit!important; }
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {padding:inherit;line-height: 1.42857143;vertical-align: top;border-top: none!important;}
.right-sidebar b, .right-sidebar  strong { font-weight: bolder; font-size: 12px; text-align:justify; }
.resa1-bloctable strong, .resa1-bloctable b { font-weight: bolder; font-size: 12px; text-align:justify; }
.right-sidebar div, .right-sidebar ul, #btnSuivant ul, #btnSuivant div, .contact-form ul {width: 100%; position: relative;}
.right-sidebar ul li, #btnSuivant ul li, { list-style: disc; font-size: 14px; font-weight: 500; line-height: 24px; width: 100%; margin-left: 20px; }
.three-fourth  a { color:inherit !important;}
#attenteVol, #attenteDevis, #idSupplementReduction {color: #ef8415!important;  font-weight: 700!important;}
.blocRightCodePromo { margin-top: 20px; margin-bottom: 20px !important; border: solid 2px #ef8415; padding: 4px; border-radius: 5px; margin-left: 0px !important;}
.btnValiderCodePromo {width:max-content !important;}
.resa1-bloctable .resa1-head, .booking-details .resa1-head, .bandeau, #content .resa1-head, .resa1-head{height: 29px; background-color: rgb(255 234 214); font-size: 13px; position: relative; width: 100%;}
.tbl-devis td {text-align: left; font-size: 9px; line-height: 16px;}
.bandeau .devis { height: 29px; background-color: rgb(255 234 214); font-size: 13px; position: relative; width: 100%; background: rgb(255 234 214);}
.bloqueAide {height: 200px; border: 0.5px solid #EF8415;padding-right: 0px; margin-right: 0px;padding: 17px;}
.bloqueMap { background: #fff;height: auto; border: 0.5px solid #EF8415;padding-right: 0px; margin-right: 0px; }
.bloqueMap img {box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%)!important;border-radius: 5px;}
.bloqueAide ul li,   .contact-form ul li{ list-style: disc; color: #484444; font-size: 12px; font-weight: 200; margin-top: -4px; line-height: 35px; width: 100%; margin-bottom: -19px; text-align: left; list-style-position: inside;margin-left: 20%; }
.bloqueAide ::marker { text-align:center !important;}
.phoneAide { color: #EF8415; font-size: 21px; font-weight: 600; text-align: center; margin-top: 18px; line-height: 0px; width: 100%; margin-bottom: 21px; }
.titreAide { color: #484444; font-size: 15px; font-weight: 600; margin-bottom: 5px; margin-top: 0; line-height: 19px;text-align: center;width: 100%; }
.texteAide { color: #484444; font-size: 12px; font-weight: 200; margin-top: 0; line-height: 16px; text-align: center; width: 100%; margin: revert-layer; }
#idBlocInsurance h2, .three-fourth h2  , .confirmTitle { font-size:17px; color: #EF8415 !important; padding: 0; display: block; position: relative; margin-right: 2px; line-height: 1.42857143; margin-bottom: 0px; padding-bottom: 7px; text-align: left; margin-top: -5px; }
.NBresa { font-size: 12px; color: #666; font-weight: 500; text-align: justify; margin-bottom: 16px !important; }
.resaIconInfo { font-size: 16px; color: #666; position: relative; margin-left: 5px; }
.modal-content-promo{width: 350px!important;}
#myModalex2, #myModalex3 { top: 25%; left: 25%; right: 30%; bottom: 25%; z-index: 9999999999 !important; background: #fff; padding-top: 0px; padding-bottom: 25px !important; border-radius: 5px; opacity: 1 !important; }
.modal-open .modal { overflow-x: hidden; overflow-y: clip; height: max-content; }
.modal-content { width: auto!important; padding: 15px;border:none!important; } 
.modal-content p { margin: auto !important; color: #666666; font-size: 14px; text-align: justify; background: #fff !important; height: max-content; padding: 5px !important; display: block !important; position: relative; }
.modal-header { border:none!important; margin-top: 0px; }
.modal-dialog { width: auto!important; margin: 0px auto!important; }
.modal-backdrop {opacity: 0.5;}
.searchEngSelect{border: 1px solid #ccc !important; font-weight: 400!important;}
.textResaInformations { text-align: justify; width: 100%; line-height: 22px; font-size: 13px; margin-bottom: 10px; padding-left: 10px; padding-right: 10px; margin-top: 10px; }
#content .textResaInformations{font-weight: 400;}
.texTresaInfoNews { line-height: 21px; margin-bottom: 0px; font-size: 12px; margin-top: 0px; text-align: left; }
.affectation {font-size: 13px;text-align: left; }
.cgv_1 {}
.listInfoImportante li , .contact-form li{ list-style: disc; margin-left: 22px; width: 100%; margin-bottom: 7px; }
.title-width1{padding-top: 14px!important; padding-bottom: 15px!important;}
.totalText { font-size: 14px !important; color: #ef8415; }
.totalPrice{font-size: 14px !important; color: #ef8415;}
.cardsIco { width: 41px; height: auto; margin-left: 0px; margin-right: 4px; display: inline-block; }
.inputCb { float: left; display: inline-block; width: max-content; position: relative; }
.blocCards { margin-left: 0px; padding-left: 15px; padding-right: 15px; max-height: max-content; margin-bottom: 0px; padding-bottom: 0px; text-align: left;margin-top: 10px; }
.CryptogrammeText { font-size: 12px; text-align: left; color: #666; line-height: 26px; }
.blocCards label{float: left; font-size: 12px; font-weight: 600; text-align:left;}
.paiementSeparator { margin-bottom: 12px; margin-right: -31px; }
.BlocCert{margin-top: 15px;margin-bottom:15px;}
.BlocPaxResInfo{}
.paxResInfo { font-size: 12px; margin-bottom: 0px; margin-top: 20px; margin-left: 10px; }
.paxResInfo:last-child {margin-bottom: 20px;}
.hotelBlocStars { margin-top: 10px; float: left; width: 100%; margin-bottom: 9px; }
.resa1-bloctable{margin-top: 11px;}
.resaIconAlert { margin-left:0px; color: red; font-size: 17px; }
.confirmDevisText{font-size: 14px !important; color: #000;}
ul a, .contact-form a { text-decoration:none; color:#000;}
.titleForfait { font-size: 12px; margin-bottom: 0px; margin-top: 20px; margin-left: 10px; color: #7e7e7e; text-transform: math-auto; font-weight: 600; }
.villedDest { font-size: 12px; margin-bottom: 0px; margin-top: 20px; margin-left: 10px; color: #EF8415; text-transform: math-auto; font-weight: 600; }
.contact-form H2 { font-size: 15px!important; margin-left: 0px; }
.contact-form h1 { font-size: 21px; color: #666; padding: 0 0 3px; line-height: normal; margin-bottom: 8px; letter-spacing: 1px; }
.contact-form label{float: left; font-size: 12px!important; font-weight: 600!important; text-align:left;font:inherit; color: #3F3F3F; padding: 0 0 5px;}
.postMobile { margin-bottom: 20px; margin-top: -22px; }
.orangeColor{color: #ef8415;}
.textContact { color: #000!important; font-size: 12.5px!important; text-transform: math-auto!important; line-height: 21px; }
.bandeuContact{height: max-content; padding: 10px 0px 10px 0px; border-radius: 5px; color: #000 !important; margin-top: 10px; margin-bottom: 10px; background-color: rgb(255 234 214); font-size: 13px; position: relative; width: 100%;}
.marginContact { margin-bottom:12px;}
.contact-form ul li { background: #fff !important; margin: 0px !important; float: left; text-align: left; list-style: none; }
.contact-form ul { margin: 8px 0px 0px 20px!important; float: left; text-align: left; }
.contact-form  .titleForfait {margin-left: 25px}
.phoneTax { font-size: 12px!important; color: #5e5a5a!important; text-transform: math-auto!important; text-align: left; margin-left: 0px; padding-left: 0px; }
#captchaDiv { border: 1px solid #ccc !important; font-weight: 400!important; padding: 0px !important;margin-top: 21px !important; }
#captchaDiv img{height: 50px!important;}
.articleInfo  h1 { text-transform: math-auto!important;margin-top: 0!important; font-size: 22px!important; color: #ef8415!important; padding-bottom: 15px!important; border-bottom: 1px solid #ebebeb!important; margin-bottom: 32px!important; font-weight: 700!important; padding-top: 3px !important; line-height: 24px; }
.articleTitle {font-size: 15px !important; font-weight: 800!important; margin-bottom: 0px!important; margin-top: 0px!important; line-height: 40px!important;text-transform: math-auto!important;}
.articleBody p, .articleBody div, .articleBody span {color: #666666 !important; font-size: 12px !important; font-family: inherit!important; letter-spacing: normal!important; line-height: 26px; width: 100%;text-transform: math-auto!important; text-align:justify!important; }
.loginMessage{display: block !important; margin-left: 2%!important;  margin-right: 2%!important;  margin-top: 10px!important;  margin-bottom: 10px!important;  width: 96% !important; }
 .LoginBorder { border: 1px solid #ccc; padding: 20px; border-radius: 5px; box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%); }
 #myModalex2 .modal-title , #myModalex3 .modal-title{color: #ef8415; }
 .aucunVol {background: red; border-radius: 5px;color:#fff!important; padding: 10px!important;}
/****************************************************************************** MOBILE ************************************************************************************************/

@media only screen and (max-width: 824px)
{

.mobilConfirm { width:100%!important;padding: 0px 5px 0px 5px !important;}
.webSitePlan {padding: 0px 15px 0px 27px!important;}
.marginPlan { margin-bottom: 9px!important;}
.BlocCert { margin: 10px 0px 10px 0px !important; width: 100% !important; padding: 0px; }
.content { padding: initial; }
.wrap { width: 100%; margin: auto; }
.three-fourth {width: 100%!important;float: left!important;position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
.mobileThreeFfourth {padding-right: 0px; padding-left: 0px;}
.right-sidebar {width: 100%!important;float: left!important;position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
.block1{padding-right: 0px !important; padding-left: 0px !important;}
.swMain>ul li .stepDesc{font-size: 9px;font-weight: 400;}
.table { margin:auto!important;}
.table-responsive { min-height: .01%; overflow-x: scroll !important; }
.booking div.selector { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding-left: 30px!important; padding-right: 33px!important; }
.btnSSV {width:max-content !important;margin-top: auto !important; margin-bottom: 20px;padding: 8px!important;}
aside article { padding: 14px 3% 20px; width: 100%;margin-bottom: 30px; }
.right-sidebar div, .right-sidebar ul, #btnSuivant ul,#btnSuivant div {width: 100%; position: relative;}
.right-sidebar ul li, #btnSuivant ul li { list-style: disc !important;  font-size: 14px !important;  font-weight: 500 !important; line-height: 24px !important;  width: 100% !important;  margin-left: 20px !important; }
.right-sidebar ul li a, #btnSuivant ul li a {color:#000 !important; }
.right-sidebar b, .right-sidebar  strong { font-weight: bolder; font-size: 12px; text-align:justify;line-height: 26px; }
aside .default { padding: 14px 3% 5px!important; width: 100%!important; position: relative!important; margin-top: 56px!important;}
.resa1-bloctable strong, .resa1-bloctable b { font-weight: bolder; font-size: 12px; text-align:justify;line-height: 26px; }
::-webkit-scrollbar{ height: 4px; width: 3px; background: #ccc; } /* Track */ 
::-webkit-scrollbar-track { background: #666666; width:50% } /* Handle */ 
::-webkit-scrollbar-thumb { background: #666666; width:50% } /* Handle on hover */ 
::-webkit-scrollbar-thumb:hover { background: #ccc; } 
::-webkit-scrollbar-thumb:horizontal{ background: #ccc; border-radius: 5px;  }
.three-fourth  a { color:inherit !important;}
.blocRightCodePromo div { margin-bottom:15px;}
.bloqueAide ul li{   font-size: 12px !important; margin-top: 0px !important; margin-bottom: -7px !important;}
#myModalex2, #myModalex3 { top: 20%!important; left: 2%!important; right: 2%!important; bottom: 15%!important; z-index: 9999999 !important; padding: 10px 6px 10px 0px !important; opacity: 1!important; width: 96% !important; }
#myModalex2 .modal-header, #myModalex3 .modal-header { padding: 0px 5px 0px 5px !important; margin-top: -13px; }
#myModalex2 .modal-body, #myModalex3 .modal-body { position: relative; padding: 0px 3px 0px 26px; width: 100%; }
#myModalex2 .modal-title , #myModalex3 .modal-title{ margin: 0; line-height: 1.42857143; color: #ef8415; }
#clientInPax, #cgv_1{ float: left; text-align: left; position: relative; margin: 1px 0px 1px 6px; display: block; width: 21px; padding-left: 0px !important; padding-right: 0px !important; }
.booking .f-item {margin-top: 4px;padding: 13px 0px 2px 31px !important;}
.indiquer { margin-bottom: 33px; margin-top: 5px; margin-left: 0px !important; }
.RightPx{margin-top: 25px !important}
.BlocInfoImportant {margin: -4px 0px 0px 0px !important;}
.listInfoImportante { width: 100%; }
.listInfoImportante li { list-style: disc; margin-left: 22px; width: 100%; margin-bottom: 7px; }
.affectation { font-size: 12px; text-align: left; margin-left: -6px; }
#idBlocInsurance h2, .three-fourth h2 {font-size: 16px;padding-top: 7px !important;margin-bottom: 8px !important;}
.RowMargin{margin-left: 0px !important; margin-right: 0px !important;}
.blocPaiements .row { width:auto !important;}
.paiementSeparator { margin-bottom: 0; margin-right: 0px; margin-top: 0; }
.cardsIco { width: 28px !important; height: auto !important; margin-left: 25px !important; margin-right: 0px !important; display: inline-block !important; vertical-align: middle; margin-top: -22px !important; }
.mobileSeparator {}
#showHide{ext-align: left; float: left; display: block; width: max-content;}
#blocConfirmDevis{padding-left: 20px; padding-right: 2px; }
.postMobile { margin-bottom: 20px; margin-top:-22px; width: 100%; float: left; padding-left: 18px; padding-right: 17px; }
.confirmTitle {font-size: 13px;line-height: 25px;}
.contact-form ul li { background:#fff !important;}
.contact-form ul { margin:0px !important;}
.contactMobile ,.articleInfo{ margin: 0px; padding-left: 15px; padding-right: 15px; }
.contact-form .block2 { margin-top: 34px; }
.contact-form #map { height: max-content !important; width: 100%!important; margin: 0px!important; }
.articleBody {padding-right: 19px!important; padding-left: 19px!important;}
.paxB2b input{min-width: 167px;}
.triplets{margin-bottom: 20px;}
.resaIconAlert { position: relative; margin-left: 2px; color: red; font-size: 16px; }
div.selector { width: 100%!important; position: relative; margin-bottom: 6px; }
.roosmrResa { margin-top:112px!important; margin-bottom:15px!important;}
.f-item label { font: inherit; color: #3F3F3F; padding: 0 0 15px;}
.resaDRetour{margin-bottom: -16px;}
.BlokMobileResaDevis {padding-right: 6px!important; padding-left: 6px!important;}
.readOnlyResaInput{ margin-top: -7px !important;}
.table-responsive { padding-bottom: 19px !important; padding-top: 14px !important; }
.MarginSupplement{margin-bottom: 33px!important;}
}

/***** tablette 7"*********/
@media only screen and (min-width: 600px) and (max-width: 900px)
{
	.texteAide {  font-size: 14px;}
	.bloqueAide ul li { list-style: disc; color: #484444; font-size: 14px; font-weight: 200; margin-top: -4px; line-height: 35px; width: 100%; margin-bottom: -16px; text-align: left; list-style-position: inside; margin-left: 20%; }
	.cardsIco { width: 44px !important; height: auto !important; margin-left: 6px !important; margin-right: 0px !important; display: inline-block !important; vertical-align: middle; margin-top: 1px !important; }
}	

/***** Ipad *********/
@media only screen and (min-width: 768px) and (max-width: 1024px)
{
	.texteAide {  font-size: 14px;}
	.cardsIco { width: 44px !important; height: auto !important; margin-left: 6px !important; margin-right: 0px !important; display: inline-block !important; vertical-align: middle; margin-top: 1px !important; }
	.bloqueAide ul li { list-style: disc; color: #484444; font-size: 14px; font-weight: 200; margin-top: -4px; line-height: 35px; width: 100%; margin-bottom: -16px; text-align: left; list-style-position: inside; margin-left: 20%; }
} 	


@media only screen and (min-width: 1351px) and (max-width:1550px)
{
#myModalex2 .modal-dialog, #myModalex3 .modal-dialog {max-width: 709px;}
}
/****************************************************************************** MOBILE ************************************************************************************************/

/************************************************************************************************** new custum css for older page ******************************************************************************************************************/