/***************************/
/**    Matej Pliesovsky   **/
/**     copyright 2014    **/
/***************************/

/***************************/
/********* General *********/
/***************************/
html {font:normal 1em/1.5em Arial, 'sans serif'; color:#5b5b5b; height: 100%; }
body.booking {position:relative; margin:0 auto; /*height:100%;*/ min-height:100%; -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; font-family:Roboto; background:#e9eaed;}
img, embed, object, video {max-width:100%;}
img {height:auto;}
a {text-decoration:none; color:#5b5b5b; cursor:pointer;}
input, select, textarea {/*-webkit-appearance:none*/; background:#fff; font:1em/1.5em Roboto, sans-serif; color:#5b5b5b;}

.list h1, .filters h1 {font:bold 1.5em/1em Roboto; color:#000; letter-spacing:-1px; margin:0 0 0.75em;} /* hotel name */
.list h2, .filters h2 {font:bold 1.25em/0.8125em Roboto; color:#000; letter-spacing:-1px; margin:0 0 0.75em;} /* hotel rankings + hotel facilities + offerServices + offerPrice + offerFlights */
.list h3, .filters h3 {font:bold 1.125em/1.333em Roboto; color:#13c1e1; border-bottom:1px dashed #f2f2f2; /*color:blue;*/} /* country name + headings */
.list h4, .filters h4 {font:bold 1em/1.5em Roboto; color:#000;} /* region name */
.list h5, .filters h5 {font:bold 1.125em/1.333em Roboto;} /* message name*/
.list h6, .filters h6 {font:normal 1.25em/1.5em Roboto; color:#000; text-align:center; letter-spacing:-1px;} /* dialog label */

.list ul {font-family:Roboto;}
.list ol {font-family:Roboto;}
.list ol {font-family:Roboto;}
.list p {font-family:Roboto;}
.list em {font-family:Roboto;}
.list strong {font-family:Roboto;}


.center {text-align:center;}
.hidden {visibility:hidden;}
.margin-top {margin-top:1em;}

section.content{ display: flex; flex-direction: column;}

/********* Buttons *********/
span.button {font-size:0.6875em; font-family:Roboto; text-transform:uppercase; font-weight:bold; padding:0 0.5em; border-radius:4px; color:#fff; display:inline-block; background:#000;}
span.button:hover {background:#000;}


span.button.region {display:none; float:right; background:green; padding:1em; font-size:0.75em; text-align:center; color:#fff;}
span.button.dates {float:right; background:green; padding:0.5em 1em; text-align:center; color:#fff;}
span.button.details {float:left; background:#13c1e1; margin:1em 0 0;} 
span.button.check {background:#13c1e1; margin:0.5em 0 0 2em; float:right; padding: 0.5em 2em;}
span.button.share {float:right; background:#000;} 
span.button.select {float:right; background:green; color:#fff;}
span.button.reset {float:left;} 
span.button.booking {padding:1.5em; width:200px; text-align:center; font-size:1em;} 

span.button.send {background:rgba(0,0,0,0.05); color:rgba(0,0,0,0.5); border:1px solid rgba(0,0,0,0.2); float:right;}
span.button.send:hover {background:#fff;}


 
 

/***************************/
/********* Header **********/ 
/***************************/
body.booking > nav {height:2.5em; background:#fff; display:none;}

body.booking > header {padding:1em 5.5%; background:#f6f7f8;}
body.booking > header img {display:inline; height:35px;}
body.booking > header h2 {display:inline; color:#fff;}
body.booking > header nav {float:right;}

body.booking > header a.home {font-size:0.8125em; float:right; display:inline-block;}
body.booking > header a.home i {color:#2658a8;}

body.booking > header a.limousine {margin-left:10%; display:none;}
body.booking > header a.limousine img {}
body.booking > header a.limousine span {color:#000; font-size:1em;}
body.booking > header a.limousine span strong {color:green; font-size:1.125em;}

.navigation {display:none;}
.navigation ul {display:block; }
.navigation ul li {display:inline;}
.navigation ul li a {}

.deviceNavigation {display:none;}
.deviceNavigation ul {background:#113940;}
.deviceNavigation ul li {display:inline-block;}
.deviceNavigation ul li a {}
.deviceNavigation ul li a i {font-size:1.5em; color:#fff;}



/***************************/
/********* Footer **********/
/***************************/
body.booking > footer > div  { display: flex; justify-content: space-between; background-color: #fff; clear: both;}
body.booking > footer div div { background:#ffb510; padding:1em 5.5%; color:#fff; background:#fff; color:gray;}
body.booking > footer div h2 {text-transform:uppercase;}
body.booking > footer div nav {display:none;}
body.booking > footer div address {font-style:normal; line-height:1.25em; padding:0.5em 0;}

body.booking > footer div#contact { float: left; }
body.booking > footer div#info_links { text-align: right; }



.sites ul {display:block;}
.sites ul li {width:15%; padding:0.25em 0; margin:0 2.5%; display:inline-block;}
.sites ul li a {color:#fff;}
.sites ul li a:hover {text-decoration:underline;}


#customRequestCaller{
	display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
    flex-direction: column;
    align-items: flex-end;
    z-index: 11;
}
#customRequestCaller a{
	display: block;
	background: url("https://booking.malyprinc.sk/css/images/Travel-agency-man-profile.jpg");
	background-size: cover;
    height: 150px;
    width: 150px;
    border-radius: 50%;
    border: 3px solid #dedede;
    box-shadow: rgb(0 0 0 / 24%) 0px 8px 20px;
}
#customRequestCaller span{
	background: #fff;
    border: 1px solid #dedede;
    cursor: pointer;
}
#customRequestCaller span.text{
    border-radius: 5px 4px 4px 5px;
    padding: 0.5em;
    box-shadow: rgb(0 0 0 / 24%) 0px 8px 20px;
    margin-bottom: 0.5em;
    font-size: 1em;
}
#customRequestCaller span.closeBtn{
    text-align: center;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    position: relative;
    top: 12px;
    left: 12px;
}

/***************************/
/********** Steps **********/
/***************************/
.steps {width:100%; background:#000; margin:0 0 1.5em;}
.steps ul li {display:inline-block; width:20%; background:#000; text-align:center; font-size:0.6875em; border-right:1px solid rgba(250, 250, 250, 0.5);}
.steps ul li.last {border:0;}
.steps ul li a:hover {background:#13c1e1;}
.steps ul li.active {background:#13c1e1;}
.steps ul li.done {background:#13c1e1;}
.steps ul li a {display:block; color:#fff; text-transform:uppercase; padding:0.625em 0; transition:background 0.5s ease;}
.steps ul li span {display:block; color:#fff; text-transform:uppercase;}
.steps ul li > span > span {padding:0.625em 0;}



/***************************/
/********** Paging *********/
/***************************/
.paging {float:left; width:100%; text-align:center;}
.paging ul {margin:0 1.5em 1.5em;}
.paging ul li {display:inline; margin:0 0.25em 0 0;}
.paging ul li a {display:inline-block; width:2.5em; height:2.5em; text-align:center; background:#f0f0f0; border:1px solid #dedede; border-radius:4px;}
.paging ul li a span {margin:0.75em 0 0; display:inline-block; line-height:1em;}
.paging ul li a:hover, .paging ul li.active a {background:#000; color:#fff;}



/***************************/
/********** Tooltip ********/
/***************************/  
.tip {position:relative; z-index:100000;}
.tip span {padding:0.25em; background:#000; color:#fff; font-size:0.75em; border-radius:2px; white-space:nowrap;}



/***************************/
/********* Filter **********/
/***************************/
.filters {/*float:left;*/ width:95%; margin:0 2.5% 1.5em; padding:2.5%; border-radius:4px; background:#fdfdfd; border-width:1px; border-style:solid; border-color:#e5e6e9 #dfe0e4 #d0d1d5;} 
.filters.dates {margin-top:0;}
.filters article {float:left;}
.filters article.filter {margin:0 2% 0 0; padding:0 2% 0 0;}
.filters article.filter.last {margin:0; padding:0;}
.filters article label {display:block; color:#000;}
.filters article label b {}

.filters.regions article {width:22%;}
.filters.hotels article {width:50%;}
.filters.dates article {margin-right: 2em;}

/********* Message *********/
.filters article.message {width:100%; padding:0 0 0.5em; margin:0 0 0.5em; border-bottom:1px dashed #dedede;}
.filters article.message p {display:inline-block;}
.filters article.message h2 {display:inline-block;}

/********* Sorter **********/
.filters article ul.sort {float:left;}
.filters article ul.sort li {display:inline;}
.filters article ul.sort li a, .filters article ul.filter li  {display:inline-block; text-align:center; min-height:2.5em; background:#f0f0f0; border:1px solid #dedede; border-radius:4px; color:#000;}
.filters article ul.sort li a {width:2.5em; }
.filters article ul.sort li a:hover, .filters article ul.sort li.active a {background:#000; color:#fff;}
.filters article ul.sort li a span i {margin:0.75em 0 0;}

.filters article ul.filter li {display: inline-flex; align-items: center;}
.filters article ul.filter li {border: none; background: none;}
.filters article ul.filter li a {padding: 0 .5em;}
.filters article ul.filter li a div{color: #003071; position: relative; top: -5px;}
.filters article ul.filter li:hover, .filters article ul.filter li.active {background:#000; color:#fff;}
.filters article ul.filter li:hover a, .filters article ul.filter li.active a {color:#fff;}
.filters article ul.filter li:hover a div, .filters article ul.filter li.active a div{color:inherit;}

/********** Select *********/
.filters article a.select {float:left; width:100%; margin:0; padding:0.5em 0 0; background:#fff; border:1px solid #dedede; border-radius:5px 4px 4px 5px; cursor:pointer; display:inline-block; color:#000;}
.filters article a.select:hover {box-shadow:0 0 3px #ddd;}
.filters article a.select span {float:left; width:2.5em; height:2.5em; margin:-0.5em 0.5em 0 0; text-align:center; color:#fff; background:#c5c8cc; border-radius:4px 0 0 4px; font-size:1em;}
.filters article a.select span i {margin:0.75em 0 0; transition:color 0.75s ease;}
.filters article a.select:hover span {color:#616161; color:#fff;}
.filters article a.select > i {float:right; font-size:0.75em; margin:0.5em 1em 0 0;}
.filters article a.select b {/*color:#000;*/ font-size:0.8125em;}

/********** Select *********/
.filters article:last-child {margin-right: 0; float: right;}



/***************************/
/********** List ***********/
/***************************/
.list { display: flex;  flex-direction: column; }
.list article {/*float:left;*/ width:95%; margin:0 2.5% 1.5em; padding:2.5%; background:#fdfdfd; border-radius:4px; border-width:1px; border-style:solid; border-color:#e5e6e9 #dfe0e4 #d0d1d5; position:relative;}

.list.hotels, .list.booking {flex-direction: row; flex-wrap: wrap;}
/********** Price **********/
span.price {float:right; padding:1em 0; text-align:center; display:block; font-family:Roboto;}
span.price strong {font-size:1.5em; color:#000; letter-spacing:-1px;}
span.price em {display:block; font-size:0.625em; line-height:0.75em; margin-bottom:0.25em;}
span.price > b, .list article span.price > i {font-size:0.75em; font-weight:normal;}

/********** Total **********/
.list article ul.total {float:left; width:100%; height:auto;}
.list article ul.total li {display:block; line-height:1.25em;}
.list article ul.total li span {float:right;}
.list article ul.totalPrice li {background:#f0f0f0; border:1px solid #dedede; margin-top:1.5em; padding:5%; float:left; width:100%; }
.list article ul.totalPrice li span.label {text-transform:uppercase; color:#000; font-weight:bold;}
.list article ul.totalPrice li span.price {padding:0;}

.list article ul.total li.total {padding-top:0.5em; margin-top:0.5em; border-top:1px solid rgba(0,0,0,0.5);}
.list article ul.total li.total span.price b {font-size:1.5em;}

/********** Detail *********/
ul.detail {float:left; font-size:0.8125em; line-height:1.25em; background:#fff8e7; padding:0.5em; border:1px dashed #dedede; border-top:0; border-radius:0 0 4px 4px;}


/******* Conditions ********/
.list article ul.conditions {float:left; clear:left;}
.list article ul.conditions li {display:inline; margin:0 2em 0 0; font-size:0.8125em;}
.list article ul.conditions li.airTemperature i {color:#ffc23a;}
.list article ul.conditions li.waterTemperature i {color:#3597a9;}
.list article ul.conditions li.flightDuration i {}
.list article ul.conditions li.hotelAvailability i {color:#008000;}

/********** Route **********/
p.route {font-size:0.625em; line-height:1em; margin-bottom:1.5em; height:1em;}

/********** Stars **********/
p.stars {font-size:0.875em; line-height:1.714em; height:1.714em; color:#13c1e1;}

/********** Number *********/
.list article span.number {position:absolute; left:0; bottom:0.5em; font-size:0.6875em; line-height:1.714em; font-weight:bold; color:#000; background:rgba(250,250,250,0.7); padding:0.25em 0.5em; display:none;}

/********* Options *********/
.list article ul.options {margin-bottom:1.5em;}
.list article ul.options li {display:block; line-height:1.25em;}
.list article ul.options li strong {color:#000;}
.list article ul.options li i {font-size:0.8125em; margin-right:0.5em; width:1em;}

/********* Services ********/
.list article ul.services {margin:0 0 1.5em;}
.list article ul.services li {display:block; line-height:1.25em;}
.list article ul.services li strong {color:#000;}
.list article ul.services li i {font-size:0.8125em; margin-right:0.5em; width:1em;}

/********* Ratings *********/
.list article ul.ratings {border:1px dashed #dedede; border-width:1px 0 1px 0;}
.list article ul.ratings li {display:inline-block; font-size:0.825em; width:32%; cursor:help;}
.list article ul.ratings li i {color:#000;}
.list article ul.ratings li.disabled {color:#c5c8cc;}
.list article ul.ratings li.disabled i {color:#c5c8cc;}

/******** Operators ********/
body.booking .list article ul.operators {margin:1em 0; /*float:left; text-align:center;*/ border-bottom:1px dashed #dedede; width:100%;}
body.booking .list article ul.operators li {display:inline-block;}
body.booking .list article ul.operators li img {height:15px;}

/********* Rating **********/
.list article p.rating {float:left; width:50%; padding:0.5em 0; text-align:center; border:1px dashed #dedede; border-width:1px 0 1px 0;}
.list article p.rating strong {font-size:1.5em; color:#000; letter-spacing:-1px; display:block;}
.list article p.rating b {font-size:0.75em; font-weight:normal;}

/********* Rankings *********/
ul.rankings {display:inline-block;}
ul.rankings li {float:left; width:50%; margin-bottom:0.5em; padding-right:5%; font-size:0.9375em; line-height:1.125em;}
ul.rankings li:nth-child(even) {padding:0;}
ul.rankings li strong {font-weight:normal;}
ul.rankings li strong b {margin-left:0.5em; color:#000;}
ul.rankings li p {width:100%;}
ul.rankings li p > span {width:15%; height:0.4em; margin-right:2px; float:left;} 
ul.rankings li p > span:last-child {margin:0;}
ul.rankings li p > span > span {height:0.4em; float:left;}

ul.rankings li.red p > span {background:rgba(255, 24, 0, 0.1);}
ul.rankings li.red p > span > span {background:rgba(255, 24, 0, 0.5);}
ul.rankings li.green p > span {background:rgba(0, 193, 43, 0.1);}
ul.rankings li.green p > span > span {background:rgba(0,193, 43, 0.5);}
ul.rankings li.orange p > span {background:rgba(255, 124, 0, 0.1);}
ul.rankings li.orange p > span > span {background:rgba(255, 124, 0, 0.5);}

/******* Facilities ********/
ul.facilities {margin-bottom:1em;}
ul.facilities li {display:block; line-height:1.25em; float:left; width:25%;}
ul.facilities li strong {color:#000;}
ul.facilities li i {font-size:0.8125em; margin-right:0.5em;}

/******* Flights ********/
ul.flights {}
ul.flights li {line-height:1.25em;}
ul.flights li strong {color:#000; width:45%; float:left;}
ul.flights li:first-child strong {text-transform:uppercase;}
ul.flights li span {}
ul.flights li span:before {/*content:"..... "*/}
ul.flights li ul {margin:0.5em 0; padding:0.5em 0; border-top:1px dashed #dedede;}


/********* Language ********/
ul.language {display:block; border-bottom:1px dotted #dedede; margin-bottom:1em;}
ul.language li {display:inline-block;}
ul.language li a {}

/********** Info ***********/
.list article ul.info {}
.list article ul.info li {display:block; line-height:1.25em;}
.list article ul.info li strong {color:#000;}
.list article ul.info li i {font-size:0.8125em; margin-right:0.5em; color:#000;}



/***************************/
/******** Messages *********/
/***************************/
div.message {border-radius:4px; border-style:solid; border-width:1px; float:left; padding:0.5em 1em; width:100%; min-height:35px; margin-top:0.5em;}

.available {background:#dcf9b9; border-color:#acdd70; color:#5c7938;}
span.button.check.available {background:#5c7938; background:green; padding:1em 1.5em; margin-bottom:1em; color:#fff;}
span.button.check.available:hover {color:#fff;}

.undefined {background:#ffffcc; border-color:#e6c555; color:#9e660d; margin-bottom:1.5em;}
span.button.check.undefined {background:#9e660d; color:#fff;}
span.button.check.undefined:hover {background:#9e660d; color:#fff;}

.unavailable {background:#ffcccc; border-color:#ff9999; color:#c31b00;}

.onrequest {background:#e2f7ff; border-color:#cff1ff; color:#2e6093;}
span.button.check.onrequest {background:#2e6093; color:#fff;}
span.button.check.onrequest:hover {background:#2e6093; color:#fff;}

.toconfirm {background:#e2f7ff; border-color:#cff1ff; color:#2e6093;}
span.button.check.toconfirm {background:#2e6093; color:#fff}
span.button.check.toconfirm:hover {background:#2e6093; color:#fff}



/***************************/
/******** 1. Regions *******/
/***************************/
.list article.country {}
.list article.country a.region {position:relative; float:left; border-bottom:1px solid #f2f2f2; padding:1em 0; width:100%;}
.list article.country a.region:nth-child(odd) {background:#fafbfb;}
.list article.country a.region:hover {background:#f9f9f9;}
.list article.country a.region.last {border:0;}
.list article.country a.region h4 {float:left;}
.list article.country a.region span.price {margin-top:-1.5em;}
 

.list article.country span.weightage {font-size: 10.5px; text-transform: uppercase; color: green; font-weight: bold; }
.list article.country span.weightage.alternative {color: #fb6800}

/***************************/ 
/******** 2. Hotels ********/
/***************************/
.list article.hotel {}
.list article.hotel > div {float:left; width:50%;}
.list article.hotel > div:first-child {padding-right:2.5%;}
.list article.hotel > div.weightage {position: absolute; bottom: 19px; left: 28px; font-size: 10.5px; text-transform: uppercase; color: green; font-weight: bold; max-width: 70px;}
.list article.hotel > div.weightage.alternative {color: #fb6800}
.list article.hotel div.hotelGallery {/*background:blue;*/}
.list article.hotel div.hotelOverview {/*background:pink;*/}
.list article.hotel div.hotelRankings {display:none; /*background:green;*/}
.list article.hotel div.hotelFacilities {display:none; /*background:red;*/}
.list article.hotel nav {clear:both; /*padding:0.75em 0; border:1px solid #dedede; border-width:1px 0 1px 0;*/}

/********* Detail **********/
body.booking .list article.hotel.detail {margin:0; border:0; width:100%; padding:2.5%;}
body.booking .list article.hotel.detail > div {width:100%; margin:0 0 2.5%;}
body.booking .list article.hotel.detail > div:first-child {padding:0;}
body.booking .list article.hotel.detail div.hotelGallery {}
body.booking .list article.hotel.detail div.hotelGallery #gallery{ text-align: center; }
body.booking .list article.hotel.detail div.hotelGallery #gallery .html5gallery > img{ height: auto; }
body.booking .list article.hotel.detail div.hotelGallery > p {text-align: center;}
body.booking .list article.hotel.detail div.hotelOverview {width:50%; padding-right:2.5%;}
body.booking .list article.hotel.detail div.hotelRankings {display:block; width:50%;}
body.booking .list article.hotel.detail div.hotelFacilities {display:block;}
body.booking .list article.hotel.detail div.hotelFacilities ul.facilities li {width:33.33%;}
body.booking .list article.hotel.detail div.hotelDescription {}
body.booking .list article.hotel.detail div.hotelDescription h2 span img { height: 1em; margin-left: 0.5em;}
body.booking .list article.hotel.detail > div#catalogDetails{ width: 100%; font-size: 0.75em; color: #797979; margin-top: -1.2em; }
body.booking .list article.hotel.detail > div#dataProvider{ text-align: center; width: 100%; padding: 0.5em 0; margin-top: 1em; border-top: 1px solid grey; font-size: 0.8em; }

/********* Offer **********/
.list article.hotel div.offer {margin-top:2.5%; padding-top:2.5%; border-top:1px solid #dedede;}
.list article.hotel div.offerServices {padding-right:2.5%; padding-top:0%; border:0; /*background:violet;*/}
.list article.hotel div.offerPrice {/*background:red;*/padding-top:0%; border:0;}
.list article.hotel div.flightOutbound {/*background:gray;*/ clear:left; padding-right:2.5%;}
.list article.hotel div.flightInbound {/*background:yellow;*/}
.list article.hotel div.flightInbound h2 {visibility:hidden;}
.list article.hotel div.offer i {font-size:0.6875em;}



/***************************/ 
/********* 3. Dates ********/
/***************************/
.list article.date {}
.list article.date a.offer {position:relative; float:left; border-top:1px solid #f2f2f2; padding:1em 0; width:100%;}
.list article.date a.offer:first-child {}
.list article.date a.offer:nth-child(odd) {/*background:#fafbfb;*/}
.list article.date a.offer:hover {background:#f9f9f9;}
.list article.date a.offer.last {border:0;}
.list article.date a.offer ul {width:22%; float:left;}
.list article.date a.offer ul.info {margin:0;}
.list article.date a.offer ul.info li.weightage {color: green;}
.list article.date a.offer ul.info li.weightage.alternative {color: #fb6800}

.list article.date a.offer ul.operator {width:16%; padding:1.5em 0 0 1.5em;}
.list article.date a.offer ul.options {/*width:auto;*/ margin:0;}
.list article.date a.offer span.price {padding:0;}
.list article.date a.offer .button {}

.list article.date a.offer div.message {margin-bottom:1em;}
.list article.date a.offer div.message h5 { display: inline; margin-right: 1em;}


.list article.date a.offer > div.flights {float:left; width:100%; margin:1em 0; padding:1em 0; border-top:1px dashed #dedede; border-bottom:1px dashed #dedede; background:rgba(0,0,0,0.025)}
.list article.date a.offer > div.flights > div {width:50%; float:left;}
.list article.date a.offer > div.flights > div > ul {width:100%;}
.list article.date a.offer > div.flights > div.flightInbound h2 {visibility:hidden;}

.list article.date > div > a.offer > div.offer.flightOutbound {float:left; width:23%; padding:1em 1em 1em 0;}
.list article.date > div > a.offer > div.offer.flightOutbound h2 {float:left; width:10%;}
.list article.date > div > a.offer > div.offer.flightOutbound ul {width:90%;}
.list article.date > div > a.offer > div.offer.flightInbound {float:left; width:19%; padding:1em 0;}
.list article.date > div > a.offer > div.offer.flightInbound h2 {float: left; width: 10%; transform: rotate(90deg); padding-top: 10px;}
.list article.date > div > a.offer > div.offer.flightInbound ul {width:90%;}

.list article.date > div > a.offer > div > ul.flights > li > strong {width:100%;}

.list article.date > div > a.offer > div.infos {float:left; width:21%; border-left:1px dashed rgba(1,1,1,0.25); border-right:1px dashed rgba(1,1,1,0.25); padding:1em; min-height:8em;}
.list article.date > div > a.offer > div.infos h2 {float:left; width:10%;}
.list article.date > div > a.offer > div.infos > ul.operator {float:right; width:auto; padding:0;}
.list article.date > div > a.offer > div.infos > ul.info {float:left; width:auto;}
.list article.date > div > a.offer > div.infos > ul.options {clear:left; width:100%; margin:0.5em 0 0;} 

.list article.date > div > a.offer > div.offerPrice {float:right; width:37%; padding:1em; min-height:8em; }
.list article.date > div > a.offer > div.offerPrice h2 {float:left; width:7%; width:5%;}
.list article.date > div > a.offer > div.offerPrice ul.total {width:47%; color:#000; }
.list article.date > div > a.offer > div.offerPrice ul.total li:first-child {margin-bottom:1em;}

.list article.date > div > a.offer > div.offerPrice > div.status {float:right; width:48%;}
.list article.date > div > a.offer > div.offerPrice > div.status p {float:right; width:100%; font-size:0.8125em; line-height:1.25em; font-family:arial; font-weight:bold; text-align:right;}
.list article.date > div > a.offer > div.offerPrice > div.status span.button {clear:right;}
.list article.date > div > a.offer > div.offerPrice > div.status span.button.check {margin-top:0.5em;}


.list article.date > div > a.offer > div.offerPrice.available {background:rgba(220,249,185,0.5);}
.list article.date > div > a.offer > div.offerPrice.onrequest {background:#e2f7ff;}
.list article.date > div > a.offer > div.offerPrice.toconfirm {background:#e2f7ff;}

.list article.date > div > div.mailer {padding:0.25em 1em 1.5em; clear:left;text-align:right; border-bottom: 1px solid #f2f2f2;}
.list article.date > div > div.mailer em {margin-right:2em; font-size:0.875em;}
.list article.date > div > div.mailer em strong {color:#000;}

div.limousine {clear:left;  float:left;  width:100%; padding:1em 0 0; font-size:0.8125em; line-height:1.25em;}
div.limousine p {clear:left; color:#000; margin-left:5%;}
div.limousine p strong {text-transform:uppercase;}


div.holidayTime {width:63%; float:left; font-family:Roboto; /*background:#fdfdfd;*/ padding:0 1.5em 0;}
div.holidayTime p.day {float:left; width:10%; /*padding-right:1px;*/ text-align:center; border-left:1px solid rgba(236, 240, 241,1.0);}
div.holidayTime p.day:first-child {border:0;}
div.holidayTime p.day.no span.date {background:rgba(236, 240, 241,0.5);}
div.holidayTime p.day span.number {position:relative; bottom:0; display:block; font-weight:bold; font-size:1em; color:rgba(80, 181, 50,1.0); line-height:1em; background:rgba(80, 181, 50,0.05); padding:0.25em 0 0;}
div.holidayTime p.day span.number.none {color:rgba(236, 240, 241,1.0); visibility:hidden; background:none;}
div.holidayTime p.day span.number.no {color:rgba(149, 165, 166,0.5); background:none;}
div.holidayTime p.day span.date {display:block; font-size:0.75em; padding:0.25em 0; line-height:1.25em; font-family:Arial; background:rgba(80, 181, 50,0.05); /*word-spacing:10000px;*/}
div.holidayTime p.day span.date.none {background:none;}
div.holidayTime p.day span.day {display:inline-block; float:left; width:100%;}
div.holidayTime p.day span.day span {float:left; width:25%; height:0.5em;}
div.holidayTime p.day span.day span.none {background:rgba(236, 240, 241,1.0);}
div.holidayTime p.day span.day span.flight {background:rgba(243,156,18,1); background:rgba(149, 165, 166,1.0);}
div.holidayTime p.day span.day span.wait {background:rgba(80, 181, 50,0.75);}
div.holidayTime p.day span.day span.enjoy {background:rgba(80, 181, 50,1.0);}

div.holidayTime p.labels {float:left; width:40%; font-size:0.675em; line-height:1.25em; text-transform:uppercase; /*border-bottom:1px dashed rgba(236, 240, 241,1.0);*/ }
div.holidayTime p.labels span {float:left; width:auto; min-height:3em; padding:0.5em 0;}



div.holidayTime p.labels.flightIn {float:left;}
div.holidayTime p.labels.flightIn span.flightDeparture {text-align:right; color:rgba(243,156,18,1); color:rgba(149, 165, 166,1.0); padding-right:0.25em;}
div.holidayTime p.labels.flightIn span.flight {border:1px solid rgba(236, 240, 241,1.0); border-bottom:0; border-top:0;}
div.holidayTime p.labels.flightIn span.flightArrival {text-align:left; color:rgba(243,156,18,1); color:rgba(149, 165, 166,1.0); /*color:rgba(80, 181, 50,0.75);*/ padding-left:0.25em;} 
div.holidayTime p.labels.flightIn span.checkIn {text-align:left; color:rgba(80, 181, 50,1.0);}


div.holidayTime p.labels.stayIn {float:left; text-align:center; width:20%; color:rgba(80, 181, 50,1.0);}
div.holidayTime p.labels.stayIn span {width:100%;}

div.holidayTime p.labels.flightOut {float:right;}
div.holidayTime p.labels.flightOut span {float:right;}
div.holidayTime p.labels.flightOut span.flightDeparture {text-align:right; color:rgba(243,156,18,1); color:rgba(149, 165, 166,1.0); /*color:rgba(80, 181, 50,0.75);*/ padding-right:0.25em;}
div.holidayTime p.labels.flightOut span.flight {border:1px solid rgba(236, 240, 241,1.0); border-bottom:0; border-top:0;}
div.holidayTime p.labels.flightOut span.flightArrival {text-align:left; color:rgba(243,156,18,1); color:rgba(149, 165, 166,1.0); padding-left:0.25em;} 
div.holidayTime p.labels.flightOut span.checkOut {text-align:right; color:rgba(80, 181, 50,1.0)}






/***************************/ 
/******* 4. Booking ********/
/***************************/
.list article.booking {}
.list.booking article .wide.red{	font-size: .85em;	color: #7c7c7c;   margin-bottom: 9px; }
[data-step=booking] span#loading-indicator-undefined-overlay{ width: 100% !important; height: 100% !important; position: fixed !important; }
[data-step=booking] span#loading-indicator-undefined{ top: 50% !important; position: fixed !important; }
/********** Form ***********/
.list article.booking fieldset {margin:0 0 1.5%; padding:0.5em 0 0; border-bottom:1px solid #f0f0f0;}
.list article.booking fieldset:last-child {border:0; margin-bottom:0; padding-bottom:0;}
.list article.booking fieldset legend {font-size:1.25em; font-weight:bold; color:#13c1e1; text-transform:capitalize; letter-spacing:-1px;  display:block;/*letter-spacing:2px;*/}
.list article.booking fieldset p {width:50%; padding-right:2.5%; float:left; margin-bottom:1.5%;}
.list article.booking fieldset p:nth-child(odd) {/*width:50%; padding-right:0;*/}
.list article.booking fieldset p label {display:block; color:#000; font-weight:bold;}
.list article.booking fieldset p input , .list article fieldset p select, .list article fieldset p textarea {border:1px solid #dedede; border-radius:5px 4px 4px 5px; padding:0.5em 2.5%;}  
.list article.booking fieldset p input, .list article.booking fieldset p textarea {width:100%;}
.list article.booking fieldset p input[type=radio] {width:auto;}
.list article.booking fieldset p input[type=checkbox], .list article form fieldset p input[type=radio]  {width:auto;}

.list article.booking fieldset p.wide {width:100%; padding-right:0;}
.list article.booking fieldset p.wide input + label {font-weight:normal; display:inline;}

.list article.booking fieldset p.clear {clear:left;}

.list article.booking fieldset p.wide.red {font-size:0.75em; line-height:1.25em;}

.list article.booking fieldset p input.button {background:#000; color:#fff;}

.list article.booking span.button {margin-top:1.5em;}

.list article.booking fieldset.payment {}
.list article.booking fieldset.payment p {width:100%; width:auto;}
.list article.booking fieldset.payment p input[type=radio] {width:auto;}
.list article.booking fieldset.payment p label {display:inline;}

body.booking .list.booking article.hotel.view > nav {display:none;}
body.booking .list.booking article.hotel.view > div.offerServices {clear:left;}


aside.hints {background:none; margin-top:0;}
aside.hints div:first-child {margin-top:6em;}
aside.hints div {background:#fff; padding:1.5em; margin:0 1.5em 1em; /*background:#ffffcc; border-color:#e6c555; color:#9e660d; */ /*border-radius:4px;*/}
aside.hints div ul.benefits {padding:0.5em 0 0; margin-bottom:0;}
aside.hints div ul.benefits li {width:100%; font-size:0.9125em; line-height:1.25em; margin-bottom:1.5em; display:inline-block;}
aside.hints div ul.benefits li:last-child {margin-bottom:0;}
aside.hints div ul.benefits li span {display:inline-block; margin-right:1em; float:left;}
aside.hints div ul.benefits li i {width:2em; height:2em; padding-top:0.5em; border-radius:25px; text-align:center; background:rgba(250,166,26,1); color:#fff; margin-bottom:0.5em; font-size:1.25em;}
/*aside.hints div ul.benefits li i  {font-size:2.75em; background:rgba(0,0,0,0.05); border-radius:45px; width:1.5em; height:1.5em; padding-top:0.25em; margin-bottom:0.25em; color:rgba(0,0,0,0.45);}*/
aside.hints div ul.benefits li strong {color:#000;}

aside.hints div ul {margin-bottom:1.5em;}
aside.hints div ul li {font-size:0.9125em; line-height:1.5em;}
aside.hints div h3 {color:#000; font-size:1.25em; line-height:1.25em; color:#2658a8;}
aside.hints div h3:nth-child(n+2) {border-top:1px solid #e5e6e9; padding-top:1.5em;}
aside.hints div h3 + ul {margin-top:1em;}
aside.hints div h3 + ol {margin-top:1em;}
aside.hints div ul li strong {color:#000; color:#2658a8;}
aside.hints div ul li span.number {background:#2658a8; padding:0.3em 0.5em; font-size:0.75em; color:#fff; border-radius:20px; margin:0 0.5em 0.25em 0;}
aside.hints div ol {}
aside.hints div ol li {font-size:0.9125em; line-height:1.5em; list-style:inside decimal;}
aside.hints div ol li a {text-decoration:underline;}
aside.hints div ol li a:hover {color:#13c1e1;}



/***************************/ 
/********** Dialog *********/
/***************************/
.overlay {position:fixed; top:0; left:0; width:100%; height:100%; overflow:hidden; background:rgba(0,0,0,0.45); z-index:1000;}
.overlay section {position:relative; width:320px; margin:0 auto; box-shadow:0 0 5px #dedede; background:#fff; z-index:10000;} 
.overlay section div.detail {position:relative; margin:0 auto; overflow-y:auto;}



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


	
/***************************/ 		
/********** 960px **********/
/***************************/
@media only screen and (min-width:960px) and (max-width:5000px) {
body {width:100%; font-size:0.875em;}
label, input, select, textarea {font-size:0.875em;}

/********** Form ***********/
.form, .hints {position:relative; float:left; width:360px;}
.hints {background:#fff; margin-top:6em;}

/********* Content *********/
body.booking .content {position:relative; width:auto; margin:0 0 0 360px; display: flex; flex-direction: column;}
body.booking section.content{ min-height: calc(100vh - 274px); }


body.booking .content > div.list.regions#results::after {content: " "; clear: both; display: block; }
body.booking .content > div.list.hotels#results::after {content: " "; clear: both; display: block; }
body.booking .content > div.list.offers form {content: " "; clear: both; display: block; }

body.booking .list article.hotel > div.weightage {left: calc( 50% + 12px );}

/********** Steps **********/
.steps ul li {width:25%;}
.steps ul li.formStep {display:none;}

/********** Paging *********/
.paging ul li a {font-size:0.875em;}

/********* Filters *********/
.filters article label {font-size:0.875em;}

/********* Sorter **********/
.filters article ul.sort li a {font-size:0.875em;}

/********** Select *********/
.filters article a.select {font-size:0.875em;}

/********** List ***********/
.list article ul.options {font-size:0.875em;}

/******** Facilities *******/
.list article ul.facilities {font-size:0.875em;}

/********* Services ********/
.list article ul.services {font-size:0.875em;}

/********** Info ***********/
.list article ul.info {font-size:0.875em;}

/********* Total ***********/
.list article ul.total {font-size:0.875em;}

/********* Flights ***********/
.list article ul.flights {font-size:0.875em;}

/********* Message ***********/
.list div.message  {font-size:0.875em;}

/******** Operators ********/
body.booking .list article ul.operators img {height:18px;}

/********** Dialog *********/
.overlay section.detail {width:960px; width:800px;}
}



/***************************/ 		
/********* 1024px **********/
/***************************/
@media only screen and (min-width:1024px) and (max-width:5000px) { 
body.booking  {/*background:pink;*/}

/***** Filters & List ******/
body.booking .filters, body.booking .list article {width:96%; margin-left:2%; margin-right:2%; padding:2%;}

/******** 1. Regions 4x ******/
body.booking .list article.country a.region {width:25%; padding-right:2%; border:0;}
body.booking .list article.country a.region h4 {float:none; height:3em; line-height:1em; overflow:hidden;}
body.booking .list article.country a.region ul.conditions {float:none;}
body.booking .list article.country a.region ul.conditions li {display:block; margin:0;}
body.booking .list article.country a.region span.price {float:none; margin:0; padding:0; text-align:left;}

/******** 2. Hotels 2x *******/
body.booking .list article.hotel {width:47%; margin-right:0;}
body.booking .list article.hotel > div {width:100%;}
body.booking .list article.hotel > div:first-child {padding:0;}
body.booking .list article.hotel > div.weightage {left: 28px;}
body.booking .list article.hotel > div img {height:225px; overflow:hidden;}
body.booking .list article.hotel > div p.route {height:2em; margin:0 0 0.5em; overflow:hidden;}
body.booking .list article.hotel > div h1 {height:2em; overflow:hidden;}
body.booking .list article.hotel > div ul.options li {height:1.25em; overflow:hidden;}

body.booking .list article.hotel.view  {width:96%;}
body.booking .list article.hotel.view > div {width:49%; max-width:320px; margin-right:2%;}
body.booking .list article.hotel.view > div img {height:auto;}
body.booking .list article.hotel.view > div h1 {height:auto;}
body.booking .list article.hotel.view div.hotelOverview {margin-right:0;}
body.booking .list article.hotel.view div.offerServices {padding-right:0; clear:left;}
body.booking .list article.hotel.view div.offerPrice {margin-right:0;}
body.booking .list article.hotel.view div.flightOutbound {padding-right:0;}
body.booking .list article.hotel.view div.flightInbound {margin-right:0;}
}



/***************************/ 		
/********* 1152px **********/
/***************************/
@media only screen and (min-width:1152px) and (max-width:5000px) { 
body.booking {/*background:yellow;*/}


/***** Filters & List ******/
body.booking .filters, body.booking .list article {width:97%; margin-left:1.5%; margin-right:1.5%; padding:1.5%;}

/******** 1. Regions 5x ******/
body.booking .list article.country a.region {width:20%;}

/******** 2. Hotels 3x ********/
body.booking .list article.hotel {width:31.33%;}
body.booking .list article.hotel > div img {height:168px;}

body.booking .list article.hotel.view {width:97%;}
body.booking .list article.hotel.view > div {margin-right:1.5%;}

body.booking .list article.hotel div.offer {margin-top:1.5%; padding-top:1.5%;}
}


 
/***************************/ 		
/********* 1280px **********/
/***************************/
@media only screen and (min-width:1280px) {
body.booking  {/*background:blue;*/}

body.booking > header a.limousine  {display:inline-block;}

/******** 1. Regions 6x ******/
body.booking .list article.country a.region {width:16.66%;}

/******** 2. Hotels 3x ********/
body.booking .list article.hotel > div img {height:195px;}

body.booking .list article.hotel.view > div {width:32.33%; max-width:320px;}
body.booking .list article.hotel.view > div.hotelOverview {margin-right:1.5%; margin-bottom:0;}
body.booking .list article.hotel.view div.hotelRankings {display:block; margin-right:0;}


/******* 4. Booking ********/
.list.booking {float:left; width:auto;}

.list.booking > article.view.offer {order: 2;}

body.booking .list.booking article.hotel.view {width:33.5%; margin:0 0.75%; float:right; max-width:320px;}
body.booking .list.booking form {float:left; width:65%; max-width:700px;}
body.booking .list.booking form h2 {/*color:#13c1e1;*/}

body.booking .list.booking article.hotel.view > div {width:100%; max-width:100%; margin-bottom:1.5em;}

body.booking .list.booking article.hotel div.flightInbound h2 {display:none; margin-top:0;}
}



/***************************/ 		
/********* 1366px **********/ 
/***************************/
@media only screen and (min-width:1366px) {
body.booking  {/*background:black;*/}

/******** 1. Regions 7x ******/
body.booking .list article.country a.region {width:14.2857%;}

/******** 2. Hotels 4x ********/
body.booking .list article.hotel {width:23.125%;} 
body.booking .list article.hotel > div img {height:168px;}
}



/***************************/ 		
/********* 1600px **********/
/***************************/
@media only screen and (min-width:1600px) {
body.booking  {/*background:red;*/}

/********* Filters *********/
body.booking .filters, body.booking .list article  {width:98.5%; margin-left:0.75%; margin-right:0.75%; padding:1em;} 

/******** 1. Regions 8x ******/
body.booking .list article.country a.region {width:12.5%;} 

/******** 2. Hotels 5x ********/
body.booking .list article.hotel {width:19.1%;}
body.booking .list article.hotel > div img {height:180px;}

body.booking .list article.hotel.view {width:98.5%;}
body.booking .list article.hotel.view > div {width:24.4375%; margin-right:0.75%;}
body.booking .list article.hotel.view div.hotelOverview {margin-right:0.75%; margin-bottom:0;}
body.booking .list article.hotel.view div.hotelRankings {margin-right:0.75%;}
body.booking .list article.hotel.view div.hotelFacilities {display:block; margin-right:0;}
body.booking .list article.hotel.view div.hotelFacilities ul li {width:50%;}

body.booking .list article.hotel div.offer {margin-top:0.75%; padding-top:0.75em; border:0;}
body.booking .list article.hotel.view div.offerPrice {margin-right:0.75%;}
body.booking .list article.hotel.view div.flightOutbound {clear:none;}
body.booking .list article.hotel.view div.flightInbound {margin-right:0;}

/******** 4. Booking  ********/
/*body.booking .list.booking article.hotel.view {width:48.25%; margin:0 0.75%; float:right;}
body.booking .list.booking form {float:left; width:50%;}

body.booking .list.booking article.hotel.view > div {width:48.25%; max-width:48.25%; margin-bottom:1.5em;}
body.booking .list.booking article.hotel.view > div.hotelRankings {clear:left;} 
body.booking .list.booking article.hotel.view > div.hotetOverview {margin-right:0;} 
body.booking .list.booking article.hotel.view > div.offerServices {clear:left;} 
body.booking .list.booking article.hotel.view > div.flightOutbound {clear:left;}
body.booking .list.booking article.hotel div.flightInbound h2 {display:block;}


.list article.booking fieldset p {width:50%;}
.list article.booking fieldset p:nth-child(2n+1) {width:50%; padding-right:2.5%;}
.list article.booking fieldset p.wide:nth-child(2n+1) {width:100%;}*/
}



/***************************/
/********* 1920px **********/
/***************************/
@media only screen and (min-width:1920px) {
body.booking {/*background:green;*/}

/******** 1. Regions 9x ********/
body.booking .list article.country a.region {width:11.11%;} 

/******** 2. Hotels 6x **********/
body.booking .list article.hotel {width:15.791%;} 
body.booking #results.list article.hotel {max-width:262px;} 
body.booking .list article.hotel > div img {height:154px;}
}



/***************************/ 		
/********** 768px **********/
/***************************/ 
@media only screen and (min-width:768px) and (max-width:959px) {
body {width:100%;}

/********** Form ***********/
.form, .hints {display:none; width:100%;}

/********* Header **********/
.navigation {display:none;}
.deviceNavigation {display:block; display:none; width:40%; float:right;}


/********* Filters *********/
.filters {display:none;}
.filters.hotels {display:block;}
.filters.dates {display:block;}

/********** Dialog *********/
.overlay section.detail {width:90%;}


.list article.country a.region span.button {display:none;}


div.holidayTime {width:100%;}

body.booking .list article.hotel > div.weightage {left: calc( 50% + 12px ); bottom: 27px;}

}



/******** 3. Dates **********/
@media only screen and (min-width:767px) and (max-width:1365px) {
.list article.date > div > a.offer > div.offer.flightOutbound {width:35%;}
.list article.date > div > a.offer > div.offer.flightInbound {width:35%;}
.list article.date > div > a.offer > div.infos {width:30%;}
.list article.date > div > a.offer > div.offerPrice {width:100%;}
}


/***************************/ 		
/********** 320px **********/
/***************************/  
@media only screen and (max-width:767px) {
body {width:100%;} 

/********* Buttons *********/
span.button.share {display:none;}

/********** Form ***********/
.form, .hints {display:none; width:100%;}

/********* Header **********/
body > header {padding:1em 2.5%;}
.navigation {display:none;}
.deviceNavigation ul {display:block;}


/********** Steps **********/
.steps ul li {width:15%;}
.steps ul li.active {width:40%;}
.steps ul li span a {width:100%; padding:0.75em 0;}
.steps ul li span span {display:inline-block; padding:0.75em 0;}
.steps ul li span > span > span, .steps ul li span > a > span > span, .steps ul li span > a > span {display:none;}
.steps ul li.formStep span a {padding:0;}
.steps ul li.formStep span a > span {display:inline-block;}
.steps ul li.active span span > span {display:inline;} 

/********* Filters *********/
.filters {display:none;}
.filters.hotels {display:block;}
.filters.hotels article {width:100%;}
.filters.hotels article:last-child {margin-top:1em;}
.filters.dates {display:block;}

/********** City ***********/
.filters article.city {margin-top:0.5em;}

/******* Flights ********/
ul.flights li strong {float:none;}
ul.flights li span {display:block;}
ul.flights li span:before {content:""}


/********** Form ***********/
.list article fieldset p {width:100%; float:none; margin-bottom:0.5em;}

/******** 1. Regions ********/
.list article.country a.region ul.conditions li {margin-right:0.25em;}
.list article.country a.region span.price {margin-top:0; padding:0.25em 0; float:left; clear:left; text-align:left;}
.list article.country a.region span.button {display:none;}

/******** 2. Hotel **********/
.list article.hotel > div {width:100%;}
.list article.hotel > div:first-child {padding-right:0;}
.list article.hotel > div.weightage { bottom: 12px;}

.list article.hotel span.price {float:left; width:100%; text-align:left;}

.list article.hotel.detail div.hotelOverview {width:100%; padding-right:0;}
.list article.hotel.detail div.hotelRankings {width:100%;}
.list article.hotel.detail div.hotelFacilities ul.facilities li {width:100%;}

.list article.hotel.view div.offerServices {padding-right:0;}
.list article.hotel.view div.flightOutbound {padding-right:0;}
.list article.hotel.view div.flightInbound h2 {display:none;}

/******** 3. Date ***********/
.list article.date a.offer ul.info {width:40%; margin:-0.25em 0 0;}
.list article.date a.offer ul.info i {display:none;}
.list article.date a.offer ul.operator {width:100%; display:none;}
.list article.date a.offer ul.options {width:100%; display:none;}

.list article.date a.offer span.price {margin-top:0.5em;}

.list article.date > div > a.offer > div.offer.flightOutbound {width:50%; display:none;}
.list article.date > div > a.offer > div.offer.flightInbound {width:50%; display:none;} 
.list article.date > div > a.offer > div.infos {display:none;}

.list article.date > div > a.offer > div.offerPrice {width:100%;}
.list article.date > div > a.offer > div.offerPrice h2 {width:10%;}
.list article.date > div > a.offer > div.offerPrice ul.total {width:85%;}
.list article.date > div > a.offer > div.offerPrice div.status {width:100%; margin-top:0.5em}

div.holidayTime {width:100%;}


/******* 4. Booking *********/
.list article ul.services li i {display:none;}

.list article.booking {}
.list article.booking fieldset p {width:100%;}
}



#error {color:red; display:block; background:rbga(255,0,0,0.1);}
.error {color:red;}
.list article.booking fieldset p.error label{color:red;}
p.red {color:red; }

/***************************/ 		
/********** 480px **********/
/***************************/  
@media only screen and (min-width:480px) and (max-width:767px) {
}



.loading-indicator {
    border: 16px solid #EEE;
    border-radius: 50%;
    border-top: 16px solid #737373;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    
    max-height: 68%;
    aspect-ratio: 1 / 1;
}

.loading-indicator-overlay {
        background-color: #FFFFFF;
        opacity: 0.6;
        filter: alpha(opacity = 60);
}

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

/************** M. EDIT ***************/
[data-type=aws] .weightage {display: none !important; }
[data-type=aws3] .weightage {display: none !important; }
/*[data-type=aws] [data-type=availHotelTool] {display: none !important; }*/


div#ratingsOverlay .rankings li{
	width: 33%;
	padding-right: 2.5%;
    padding-left: 2.5%;
} 

@media only screen and (min-width: 960px) and (max-width: 5000px){
	.overlay#ratingsOverlay section.detail {
	    width: 960px;
	}
}



#diagBox{
	background: orange;
	position: fixed;
	top: 10px;
	right: 10px;
}


[data-element=stamp-collection]{
	display: table;
}
[data-element=stamp-collection] .sc-row {
	display: table-row;
}
[data-element=stamp-collection] .sc-item {
	display: table-cell;
    padding: 10px;
    text-align: center;
}
[data-element=stamp-collection] .sc-title {
	text-align: left;
}
[data-element=stamp-collection] .sc-header .sc-title {
	text-align: center;
}


.list article.date [data-your-offer] a, .list article.date [data-your-offer] a:hover {  background: #cfdfe3; }
[data-your-offer] .your-offer p{position: relative;    display: initial;    background: #cfdfe3;    padding: 5px 10px;    border: none;    z-index: 2;    font-weight: bold;}



#topOfferSelection article{	font-size: 17px; }
#topOfferSelection article{	background: none;   border: none; }
#topOfferSelection .optionWrapper{	display: inline-block; position: relative; margin-right: 2%;  background: white; padding: 22px; border: 1px solid; border-radius: 5px;}
#topOfferSelection .optionWrapper .badge{position: absolute;  right: 0;  top: 0;   transform: rotate(45deg);   text-align: center;     border-radius: 50%;    padding: 10px;    height: 75px; }
#topOfferSelection .optionWrapper.cheapest .badge{ background-color: #003071; color: #ffffff; right: 2px;  top: 8px;}
#topOfferSelection .optionWrapper.bestprice .badge{ background-color: green; color: #ffffff; top: 15px;}
#topOfferSelection .optionWrapper .badge span{display: block;}

header .currencies{ display:inline-block; float: right; margin-right: 10px; position: relative; }
header .currencies span{ padding: 10px 20px; }
header .currencies i{ margin-left: 10px; }
header .currencies ul{ display:none; position: absolute; top: 30px; background-color: white; z-index: 10; }
header .currencies ul li{ padding: 10px 20px; text-align: center; cursor: pointer;}
header .currencies ul li:hover{ background-color: #e9e9e9; font-weight: bold;}
header .currencies:hover ul { display:block; }

/*[data-currency]{ display: none; }*/
.price[data-currency]{ display: none; }
[data-current-currency=EUR] [data-currency=EUR]{ display: block; }
[data-current-currency=CZK] [data-currency=CZK]{ display: block; }
body.booking ul.total .price{padding: 0;}