@import url(https://fonts.googleapis.com/css?family=Oswald:700); /*400*/

/*#2a3844 darkblue / #145b75 aqua / #ffba00 yellow*/
*, html {padding:0; margin:0; border:0; font-size:100%; vertical-align:baseline;}
html {overflow-y: -moz-scrollbars-vertical; overflow-y: scroll; width:100%; height:100%; font-size:62.5%;} /* Trick to have 1em=10px */
body {background:#F9F8F3; color:#000; font-family:Arial,Helvetica,sans-serif; font-size:1.4em; height:100%; text-align:center;}
h1,h2,h3,h4,h5 {font-weight:700;}
p {line-height:140%; margin-bottom:0.3em;}
a, a:link {color:#145b75;}
a:focus {border:0;}
img, a img, a:link img {border:0;}
small {font-size:80%; color:#6c6c6c; margin:0 0 0.5em 0;}
abbr {border-bottom:1px dotted;}
span.help {cursor: help; font-size:80%; color:#6c6c6c; vertical-align:middle;}
span.help a, span.help a:link {text-decoration:none;}
.empty {display:none;}
.no-bar{border-bottom: 5px solid rgb(169, 68, 66);width: 45%;transform: rotate(-45deg);transform-origin: right;}

/* Misc style */
.norm {font-weight:normal;}
.ylw {color:#ffba00;}
.col2 {-moz-column-count:2; -webkit-column-count:2; column-count:2;}
.col3 {-moz-column-count:3; -webkit-column-count:3; column-count:3;}
.col2, .col3 {-webkit-column-gap: 25px; -moz-column-gap: 25px; column-gap: 25px;}
.btn {display: inline-block; padding: 6px 12px; margin: 0 2px; font-size: 14px; font-weight: normal; line-height: 1.428571429; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; border-radius: 4px;}
.btn-default {color: #333; background-color: #fff; border-color:#145b75; text-decoration:none;}
.btn-default:hover {color: #333; background-color: #ededed; border-color:#145b75; text-decoration:none;}
.btn-sm {padding: 0.5em; font-size: 105%; line-height: 105%; border-radius: 0.25em;}
.overFlTxt {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; z-index:-1;}
.clear {clear:both;}
.ellipsis {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

/*** Breadcrumb ***/
#breadcrumb {border-color: #ededed; border-style: solid; border-width: 2px 0; margin-top: 0.5em; font-size:0.9em;}
#breadcrumb ol {list-style-type: none; margin: 0; padding: 0.5em 0.75em 0.1em 0.75em; overflow: hidden;}
#breadcrumb li {float: left; margin-right: 0.5em;}
#breadcrumb li+li::before {padding: 0 0.25em; color:#6c6c6c; content: "/\00a0";}
#breadcrumb li.home {font-size: 1.1em;}
#breadcrumb a, #breadcrumb a:link {text-decoration:none;}


/*** Layout ***/
.container_12 {text-align:left;}
.layout {min-height:600px;}

/*** Layout > Header ***/
.header {background:#145b75; border-top:5px solid #ffba00;}
.logo {padding:0.5em 0.25em;}/*****use 1em*/
.logo h1, .logo h2 {font-size:1.85em; font-weight:bold;}
.logo h1 a, .logo h1 a:link, .logo h2 a, .logo h2 a:link {text-decoration:none;}
.logo h1, .logo h1 a, .logo h1 a:link, .logo h2, .logo h2 a, .logo h2 a:link {color:#fff; letter-spacing:-1px; /*font-style:italic;*/}
.logo p.slogan {font-size:80%; color:#e6e6e6;}
.iata-sticker {width:32px; height:32px; /*border:1px solid #ffba0033;*/ margin-right:0.25em; padding:0.65em 0.25em; font-size:0.9em; letter-spacing:-0.1em; font-weight:bold; color:#145b75; background-color: #FFF; text-align:center; text-transform:uppercase; vertical-align: super;}

/* Navi */
.navigation {background:#57798a;}
.nav {width:100%; text-align: center; position: relative; padding:0.5em 0.25em;/*margin:15px 0 7px 0;*/}
.nav ul {margin: 0.05em 0 0.15em 0; padding: 0; font-size:1em;}
.nav li {z-index: 5; -ms-transform: skew(-45deg, 0deg); -webkit-transform: skew(-45deg, 0deg); transform: skew(-45deg, 0deg); display:inline-block; transition: background 0.2s; margin:0 0.25em 0 0; list-style: none; text-align: center; vertical-align: middle;} /*display: inline-block;*//*margin: 0 5px 10px 0;*/ 
.nav a {-ms-transform: skew(45deg, 0deg); -webkit-transform: skew(45deg, 0deg); transform: skew(45deg, 0deg); display:block; color: #fff; padding: 0.3em 1em; text-decoration: none;}
.nav a:link, .nav .current a:link {color: #fff; text-decoration:none;}
.nav a:hover {color: #ffba00; text-decoration:none;}
.nav .current a {background: #145b75;}
#langswitch {margin:0; position:relative; text-align:center;}
#langswitch select {padding: 0.5em; background:#ffba00; border:0; box-shadow: 0 0 0 #888; -moz-box-shadow: 0 0 0 #888; -webkit-box-shadow: 0 0 0 #888;}
#langswitch input.go {padding:0 2px;}
.slicknav_menu {display:none;}
.languageswitch {padding: 0.3em 1em;}

/*NIU
.langswitchMob {position: relative; margin:0 0 15px 0; z-index:2;}
.langswitchMob ul {margin: 0; padding: 0; font-size:1em;}
.langswitchMob li {margin:0 0.25em 0 0; padding: 0.1em; list-style: none; display:table-cell; vertical-align: middle;}
.langswitchMob a {padding: 0.3em 1em; text-decoration: none;}
.langswitchMob a:hover {color: #ffba00; text-decoration:none;}
.langswitchMob a, .langswitchMob .current a, .langswitchMob a:link, .langswitchMob .current a:link {color: #fff; text-decoration:none;}
.langswitchMob .current a {background: #57798a;}
*/

/* Pagination */
.toplink {text-align:right; font-size:100%; padding: 0.75em 0;} 
.toplink a, .toplink a:link {text-decoration:underline; background:url(../img/arrow_top_clr.png) no-repeat center right; padding-right:1.25em;}
.pagination p, .orderby p {margin:0.25em auto 0.5em auto; font-size:1em; line-height:1.5em; text-align:center;}
.pagination .pages, .pagination .current, .pagination a, .pagination a:link, .orderby .current, .orderby a, .orderby a:link {padding:0.15em 0.5em; margin:0 0.15em;}
.pagination .current, .orderby .current {color:#000; border-bottom:2px solid #333;}
.pagination a, .pagination a:link, .pagination a:visited, .orderby a, .orderby a:link, .orderby a:visited {color:#145b75; border-bottom:2px solid #145b75; text-decoration:none;}
.pagination a:hover, .orderby a:hover {border-bottom:2px solid #ffba00;}

@media screen and (max-width: 40em) {
	.header {display:none; min-height:0;}
	.empty {display:inline;}
	.js #navMobi {display:none;}
	.js .slicknav_menu {background:#145b75; border-top:5px solid #ffba00; min-height:50px; /*same propeties as head in desktop version*/ display:block;}
	.slicknav_head a, .slicknav_head a:link {color:white; text-decoration:none;}
	.slicknav_head, .slicknav_head h3 {display:inline; margin:0; padding:0;}
	.slicknav_head h3 {color:white; width:85%;}
	.slicknav_head img {width:45px; height:45px; margin:0; padding:0; display:inline;}
	.slicknav_head span.sitename {font-size:1em; margin:0.25em 0 0.25em 0.5em; letter-spacing: -1px; font-style: italic; font-weight:bold;}
	.slicknav_btn {display:inline; margin-top:0.35em; vertical-align:middle;}
	.toplink {text-align:center; font-size:1.5em; margin-top:5%; margin-bottom:5%;} 
	.toplink a, .toplink a:link {padding-left: 1em;}
	.pagination p, .orderby p {margin:0.25 auto 0.75em auto; font-size:1.5em; line-height:1.5em;}
	.pagination p span.pages {display:block;}
	.ads {text-align:center;}
}

/*** Layout > Intro ***/
.intro, .introhome {background:url(../img/bg_intro.png);}
.intro {padding-bottom:0.25em;}
.intro, .introhome {min-height:160px;}
.subintrohome {padding:0.5em 0;}
.intro p, .subintrohome p {font-family:Cambria,Georgia,Times,"Times New Roman",serif; text-align:justify;}
.subintrohome p {font-size:1.3em; line-height:1.4em;}
.intro p {font-size:1.1em; line-height:1.2em;}
.intro h1, .introhome h1, .content h1 {font-family:Oswald,Arial,Helvetica,sans-serif; font-weight:700;}
.intro h1, .introhome h1, .content h1 {font-size:2.5em; padding:0.25em 0; letter-spacing:-1px; text-align:left;} /*2.35em*/
.intro h1 {text-align:center;}
.introTxt {padding:0.25em 0.5em;}

@media screen and (max-width: 40em) {
	.intro {min-height:30px;}
	.intro h1 {font-size:1.5em;}
	.intro h1, .introhome h1 {font-size:2em;}
	.introTxt {display:none;}
}

/* Calculate */
.calcform, .calchome {margin:0.25em 0; padding:0; text-align:center; width:100%; min-height:50px;}
.calcform form, .calchome form {padding:0.5em 0.5em; margin:0 0.5em; background:#ffba00; border:0.35em solid #fff; box-shadow: 0 0 0.35em #888; -moz-box-shadow: 0 0 0.35em #888; -webkit-box-shadow: 0 0 0.35em #888;}
.calchome form {margin-top:0.5em;}
.calcform form fieldset, .calchome form fieldset {border:0;}
.calchome form fieldset {margin-bottom:0.3em;}
.calcform form label, .calchome form label {font-size:110%; font-weight:bold; margin:0.25em; width:30%; float:left; text-align:right;}
.calcform form input, .calcform form select, .calchome form input, .calchome form select {width:60%; margin:0.25em 0.5em; float:right;}
.calcform form input, .calchome form input {padding:0.35em 0.45em;}
.calcform form select, .calchome form select {padding:0.25em;}
.calcform form select option, .calchome form select option {margin:auto 0.5em;}
.calcform form input.submit, .calchome form input.submit {font-weight:bold;}

/*** Layout > Content ***/
.content {margin:1em auto;}
.content h1 {margin-bottom:0.25em; padding:0;}
.content .hsection {font-family:Oswald,Arial,Helvetica,sans-serif; border-bottom: 1px solid #ffba00; font-weight:700; text-transform:uppercase; color:#145b75;}
.content h3.hsection {font-size:1.75em; margin:1em 0 0.5em 0;}
.content h4.hsection {font-size:1.25em; margin:0.5em 0 0.25em 0;}
/*.content h3.hsection:before {content: "\00BB \ "; color:#ffba00;}*/
.side {margin:10px;}
@media screen and (max-width: 40em) {
	.content h1 {font-size:2em; line-height:1.15em;}
	.content h3.hsection {font-size:1.5em; font-family:Arial,Helvetica,sans-serif;}
}

/* Common: Index + Single */
/*.subbox .services img, dl.listing*/ img.serv {cursor: help; width:30px; height:30px;}

/* Index list */
.results {}
.results .searchresult-head, .pagination, .orderby {border-color:#ededed; border-style:solid; border-width:2px 0;}
.results .searchresult-head h3 {font-size:1.25em; font-weight:400;}
.results .searchresult-head h3 b {font-size:1.25em;}
.results .searchres-num {font-size:90%; color:#666;}
@media screen and (max-width: 40em) {
	.results .searchresult-head {display:none;}
}
.box {margin:0.75em 0; padding:0.25em 0;}
.box h3 {font-size:1.85em; font-weight:400; margin:0 0 0.35em 0; padding:0;}
.box h3 a, .box h3 a:link {color:#145b75; text-decoration:none; margin:0; padding:0;}
.box h3 a:hover {color:#145b75; text-decoration:underline;}
.box span.distance {color:#666; margin:0 0.25em;}
/*p.address,*/ p.note {color:#666; margin:0; padding:0;}
.subbox {background:#ededed; margin:0.25em 0;}
.subbox {
background: #ededed; /* Old browsers */
background: -moz-linear-gradient(-15deg, #ededed 75%, #57798a 75.3%); /* FF3.6-15 */ /*linear-gradient(-45deg, #ededed 70%,#57798a 70%)*/
background: -webkit-linear-gradient(-15deg, #ededed 75%,#57798a 75.3%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(105deg, #ededed 75%,#57798a 75.3%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /*linear-gradient(135deg, #ededed 70%,#57798a 70%)*/
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#57798a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.subbox .services, .subbox .plus, .subbox .star {height:60px;}
.servicesgroup, .quicklinkgroup, .locationgroup {margin:2% auto;}
.quicklinkgroup {text-align:center;}
.servicesgroup .hide {display:none;}
.servicesgroup .services-icon, .quicklinkgroup .link-icon, .locationgroup .link-icon {display:inline-block; text-align:center; vertical-align:top; margin-bottom:1em;}
.servicesgroup .services-icon {width:20%;}
.index .servicesgroup .icon-valNot {margin-left: 0.1em;} /*fix icon Not*/
.quicklinkgroup .link-icon {width:15%;}
/*.locationgroup .link-icon {width:20%;}*/
.locationgroup .details-row {width:100%;}
.locationgroup .details-group {width:100%; display:inline-block; clear:both; margin: 0 0 0.5em 0; vertical-align: top;}
.locationgroup .details-group.half {width:49.5%;}
.locationgroup .details-group .details-icon {width:10%; float:left; text-align: center;}
.locationgroup .details-group.half .details-icon {width:50px;}
.locationgroup .details-group .details-data {width:90%; float:left;}
.locationgroup .details-group .details-data p {margin-bottom:0;}
.locationgroup .details-group.half .details-data {width:250px;}
.locationgroup .details-group .details-data b {text-transform: uppercase;}
.locationgroup .details-group #show-map {cursor:pointer; text-decoration:underline; padding: 0 0.5em;}
.servicesgroup .service-name, .quicklinkgroup .link-name, .locationgroup .link-name {text-transform:uppercase; font-size:80%;}
.results .servicesgroup span.fa-stack {width:1.5em; height:1.5em;}
.subbox .services img {padding:10px 0; margin:0 0.25em; #padding:0; #margin:10px 3px;}
.subbox .plus, .subbox .star {color:#fff; background:#57798a; text-align:center;}
/*.subbox .plus, .subbox .star {transform-origin: top left; -ms-transform: skew(-10deg, 0deg); -webkit-transform: skew(-10deg, 0deg); transform: skew(-10deg, 0deg);}
.subbox .plus *, .subbox .star * {transform-origin: top left;	-ms-transform: skew(10deg, 0deg); -webkit-transform: skew(10deg, 0deg); transform: skew(10deg, 0deg);}*/
.subbox .star div {padding:0;}
.subbox .star .main {margin: 0.5em 0;}
.subbox .plus .main {padding:0.35em 0 0 0; font-size:140%; font-weight:bold; line-height:1;}
.subbox .plus .sub, .subbox .star .sub {font-size:0.8em; margin:0.1em 0; padding:0; line-height:1; letter-spacing: -0.05em;}
.subbox .plus .sub2 {font-size:0.7em;}
.subbox .plus .sub a, .subbox .plus .sub a:link {color:#fff;}
.subbox .plus .subgroup, .subbox .star .subgroup {line-height: 100%;}
.subbox .link {display:none; text-align: center; font-weight: bold; background:rgba(87, 121, 138, 0.4);}
.subbox .link span {display:inline-block; vertical-align:middle; /*margin-top:0.15em;*/}
.subbox .link span:first-child {margin-top: 0.55em;}
.subbox .link span + span {font-size:300%; line-height: 42%;}
.subbox .link a {text-decoration: none;}
/*.subbox .link div {padding:0.25em 0; text-align:right;}
.subbox .link, .subbox .link a, .subbox .link a:link {font-size:32px; font-weight:bold; text-decoration:none;}*/
.errprice {color:#6c6c6c; font-style:italic;}
@media screen and (max-width: 40em) {
	.subbox .services, .subbox .plus, .subbox .star, .subbox .link {height:3.5em;}
	.subbox .services div:first-child, .subbox .link div:first-child {padding:1.5% 0;}
	.subbox .services {overflow: hidden;}
	.subbox .link {display:block;}
	.servicesgroup {text-align:center;}
	.servicesgroup .services-icon {width:33%;}
	.quicklinkgroup .link-icon {width:33%;}
	.results .servicesgroup span.fa-stack {width:1.25em; height:1.25em;}
	.results .servicesgroup span.fa-stack .fa-stack-2x {font-size: 1.85em; margin-top: 0.1em;}
  .locationgroup .details-group {margin-bottom:1em;}
  .locationgroup .details-group.half {width:100%;}
	.locationgroup .details-group .details-icon {width:15%;}
	.locationgroup .details-group .details-data {width:85%;}
	.index .servicesgroup .icon-valNot {margin-left: -0.05em;} /*fix icon Not*/
	.subbox {
		background: -moz-linear-gradient(left, #ededed 0%, #ededed 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, #ededed 0%, #ededed 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(left, #ededed 0%, #ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ededed',GradientType=1 );
	}
	.subbox .star .main {margin: 0.75em 0;}
	.subbox .star .sub {padding: 1.25em 0;}
	.subbox .plus .sub, .subbox .star .sub, .subbox .plus .sub2 {font-size:0.9em;}
	.subbox .plus .sub, .subbox .star .sub {height:2em;}
	.subbox .plus .main, .subbox .star .main {width:46%; float:left; text-align:right;}
	.subbox .plus .subgroup, .subbox .star .subgroup {width:46%; float:right; text-align:center; padding:0.25em 0 0 0;}
	.subbox .plus .main {padding:0.75em 0;}
}
@media screen and (max-width: 330px) {
	.results .servicesgroup span.fa-stack {width:1em; height:1em;}
	.servicesgroup .services-icon {width:50%;}
	.quicklinkgroup .link-icon {width:50%;}
}

/* Single */
p.description {text-align:justify;}
p.report {text-align:right; margin:0.5em 0;}
p.report .icon-info {margin-left:0.5em;}
.calculate-link {text-align:left; text-transform: uppercase; font-weight: bold; margin-left: 0.85em;}
.calculate-link a, .calculate-link a:link {text-decoration: none;}
/*p.calculate .fa-stack {margin-right:0.5em;}*/
p.disclaimer {font-size:90%; color:#6c6c6c; line-height:110%;}
.details {}
.share-box {margin:0.75em auto; text-align:center;}
.share-box a, .share-bo a:link {text-decoration: none; margin: 0.1em;}
dl.listing {width:100%; margin:0.25em 0 0.5em 0; padding:0; text-align:justify;}
dl.listing dt {font-weight:bold; font-size:95%; background:#ededed;}
dl.listing dt, .prices thead td, .bookings thead td {border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;} /*background:#e6e6e6;*/
dl.listing dt {color:#000; padding:0.25em 0.5em; margin:0.25em 0; font-size:110%;}
dl.listing dd {min-height:20px; vertical-align:middle;}
dl.listing dd span.dst, p.address span.dst {border-bottom:1px dotted #666;}
dl.listing img.serv {margin:0 0.1em;}
.rating-box {/*border: 0.25em solid #ffba00;*/ text-align:center; padding:0.25em 0; margin-top: -5px}
.rating-box-votes {font-size: 130%;}
.rating-box-avg {font-size: 80%; color: #666; margin: 0 0 0.5em 0;}
.rating {width:100px;}
.pricestable, .bookingstable, .detailstable {/*overflow:auto;*/ margin:0 0 0.5em 0; padding:0.5em 0; width: auto; overflow-x: scroll; overflow-y: hidden; /*white-space: nowrap;*/}
.prices tr:nth-child(even), .extras tr:nth-child(even), .bookings tr:nth-child(even), { /*(even) or (2n 0)*/ background:#f0f0f0;}
.prices tr:nth-child(odd), .extras tr:nth-child(odd), .bookings tr:nth-child(odd) { /*(odd) or (2n 1)*/ background:none;}
.prices thead, .extras thead, .bookings thead { background:#ededed;}
.prices, .extras, .bookings {width:100%;}
.prices tr, .extras tr, .bookings tr {border-left:2px solid #e6e6e6; border-right:2px solid #e6e6e6;}
.prices td.park, .prices td.days, .extras td, .bookings td {padding:0.35em 0.5em; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
.prices td.park, .prices td.days, .bookings td {text-align:right;}
.extras td {text-align:center;}
.extras td.period, .extras td:last-child {text-align:left;}
.extras td.amount {text-align:right;}
.prices td.park {width:50px;}
.prices td.days {width:28px; background-color: rgba(255, 186, 0, 0.5);}
.prices thead tr, .extras thead tr, .bookings thead tr {vertical-align:top;}
.prices thead td, .extras thead td, .bookings thead td {padding:0.25em 0.5em; font-weight:bold;}
.prices thead td, .bookings thead td {/*width:55px;*/ text-align:center; }
.prices thead td.subhead, .bookings thead td.subhead {/*width:55px;*/ border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; font-size:75%;}
.prices span.none {color:#e6e6e6;}
.prices td.pDSC, dl.listing dt.pDSC {background:rgba(255, 186, 0, 0.2)}
.prices .clmz-column {}
.addpriceslink a {box-shadow: 1px 1px 10px #999;}
table.myrateform {width:100%;}
table.myrateform tr {vertical-align:top; font-size:105%; vertical-align:top;}
table.myrateform tr td {line-height:140%; padding:0.25em 0; vertical-align:top;}
table.myrateform .rater {width:80%;}
table.myrateform .rater .rater {width:120%;}
table.myrateform label {font-weight:bold; margin-right:0.5em;}
table.myrateform tr td small {display:block; margin-top:0.15em;}
.reviews .review {margin-bottom:0.25em; padding-bottom:0.25em; border-bottom:0.15em solid #e6e6e6;}
.reviews .review .user {text-align:center; font-size:125%;}
.reviews .review .entry p.ent {/*line-height:110%;*/}
.reviews .review .entry p.ent:before {content:url(../img/quote-open.png); padding:0 5px 3px 5px;}
/*.review .entry p.ent:after {content:url(../img/quote-close.png); padding:3px 5px 0 5px;}*/
.reviews .owner {background:#ededed/*rgba(20, 91, 117, 0.2)*/;}
@media screen and (max-width: 40em) {
    select[name="myratevote"] {box-shadow: 0 0; -moz-box-shadow: 0 0; -webkit-box-shadow: 0 0;}
}

/* Map */
#mapleaflet { width: 620px; height: 600px; }
.leaflet-popup-content p { margin: 5px 0 !important; }
@media screen and (max-width: 40em) {
	.calculate {text-align:center;}
	#mapleaflet {width:100%;}
}

/* Rating stars */
.subbox .star .main [class^="icon-star"], .subbox .star .main [class*=" icon-star"] {font-size:1.5em; color:#ffba00;}
.rating-box .rating-display [class^="icon-star"], .rating-box .rating-display [class*=" icon-star"] {font-size: 1.5em; color: #2a3844;}
.reviews .rating-display [class^="icon-star"], .reviews .rating-display [class*=" icon-star"] {font-size: 1em; color: #2a3844;}
.rating-star { background: url('../ratings/spritestar.png') no-repeat top left; width: 140px; height: 42px; margin: 0 auto; } 
.rating-star.show-empty { background-position: 0 0; } 
.rating-star.show-00star { background-position: 0 -44px; } 
.rating-star.show-05star { background-position: 0 -88px; } 
.rating-star.show-10star { background-position: 0 -132px; } 
.rating-star.show-15star { background-position: 0 -176px; } 
.rating-star.show-20star { background-position: 0 -220px; } 
.rating-star.show-25star { background-position: 0 -264px; } 
.rating-star.show-30star { background-position: 0 -308px; } 
.rating-star.show-35star { background-position: 0 -352px; } 
.rating-star.show-40star { background-position: 0 -396px; } 
.rating-star.show-45star { background-position: 0 -440px; } 
.rating-star.show-50star { background-position: 0 -484px; } 
.rating-star.show-nastar { background-position: 0 -528px; } 
@media screen and (max-width: 40em) {
	.subbox .star .main [class^="icon-star"], .subbox .star .main [class*=" icon-star"] {font-size:1.75em;}
	.rating-box .rating-display [class^="icon-star"], .rating-box .rating-display [class*=" icon-star"] {font-size: 2.25em;}
	.reviews .rating-display { display: inline-block; margin-right:1em;}
	.reviews .rating-display [class^="icon-star"], .reviews .rating-display [class*=" icon-star"] {font-size: 1.5em;}
}

/* Forms */
input, select, textarea {padding:0.25em; background:#ededed; box-shadow: 0 0 0.25em #888; -moz-box-shadow: 0 0 0.25em #888; -webkit-box-shadow: 0 0 0.25em #888; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
input.submit, input.reset {color:#fff; background:#57798a; text-transform:uppercase; letter-spacing:1px; margin:0.25em; padding:0.65em;}
input.submit:hover, input.reset:hover {color:#ffba00; background:#57798a;}
input.submit:active, input.reset:active {color:#57798a; background:#ffba00;}
@media screen and (max-width: 40em) {
	div.formreview {padding:0.25em; background:#ededed url(../img/arrow_bottom_blk.png) no-repeat center right; background-position:95% 50%; padding-right:2em; box-shadow: 0 0 0.25em #888; -moz-box-shadow: 0 0 0.25em #888; -webkit-box-shadow: 0 0 0.25em #888; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
	div.formreview select {width:100%;}
}

/*** Contact ***/
table.contactform {/* width:100%; */}
table.contactform tr {vertical-align:top; font-size:100%;}
table.contactform tr td {line-height:110%; padding:0.25em 0; text-align:left;}
table.contactform label {font-size:110%; font-weight:bold; margin:0.25em; text-align:left;}
table.contactform input, table.contactform select, table.contactform textarea {margin:0.25em 0.5em;}
table.contactform input, table.contactform textarea {padding:0.35em 0.45em;}
table.contactform select {padding:0.25em;}
table.contactform input.submit {font-weight:bold; width:40%;}

/* Home / Side */
.listhome {margin:0; padding:0.1em auto;}
.listside {margin:0.5em 0;}
.listhome section {margin:0 0.5em 0.75em 0.5em;}
.listhome h3, .listside h3 {font-size:120%;}
.listhome h3 {font-weight:400;}
.listhome ul, .listside ul {margin:0 0 0.5em 0.5em;}
.listhome ul li, .listside ul li {margin-left:1em; margin-bottom: 0.5em; list-style-type:square;}
@media screen and (max-width: 40em) {
	.listhome li, .listside li {font-size:115%;}
}

/* Review */
div.error, div.ok {margin:1em auto; background:#ffffff; width:auto; padding:1em 1.5em; border:1px solid #AD9A89; text-align:center;}
div.error {border-top:0.5em solid #FF3F3F;}
div.ok {border-top:0.5em solid #49BC00;}

/*** Footer ***/
.footer {background:#333; border-top:3px solid #666; padding:0 0.35em 2em 0.35em; margin:0; font-size:110%; color:#e6e6e6;}
.footer .grid_4 {padding:0.5em 0;}
.footer .center {margin-left:0; margin-right:0;}
.footer .omega {font-size:80%;}
.footer h4 {font-size:120%; font-weight:700; text-transform:uppercase; margin-bottom:0.25em;}
.footer ul, .footer ul.tgl {margin:0;}
.footer ul li {margin-left:18px; line-height:1.5em; list-style-type:square;}
.footer ul.tgl li {margin-left:4px; list-style-type:none;}
.footer ul.tgl ul li {margin-left:26px; list-style-type:square;}
.footer a, .footer a:link {text-decoration:none; color:#e6e6e6;}
.footer .logo-footer {margin:1em auto;}
@media screen and (max-width: 40em) {
	.footer {padding:0 1em;}
	.footer li {font-size:115%; margin-bottom:0.15em;}
  .footer .logo-footer {display: none;}
}

/* Tooltip */
[data-tooltip] {
    display: inline-block;
    position: relative;
    cursor: help;
    padding: 4px;
}
/* Tooltip styling */
[data-tooltip]:before {
    content: attr(data-tooltip);
    display: none;
    position: absolute;
    background: #000; /*#57798a;*/
    color: #fff;
    padding: 4px 8px;
    font-size: 0.9em;
    line-height: 1.4;
    min-width: 150px;
    text-align: center;
    border-radius: 4px;
}
/* Dynamic horizontal centering */
[data-tooltip-position="top"]:before {
    left: 50%;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
[data-tooltip-position="top"]:before {
    bottom: 100%;
    margin-bottom: 6px;
}
/* Tooltip arrow styling/placement */
[data-tooltip]:after {
    content: '';
    display: none;
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
/* Dynamic horizontal centering for the tooltip */
[data-tooltip-position="top"]:after {
    left: 50%;
    margin-left: -6px;
}
[data-tooltip-position="top"]:after {
    bottom: 100%;
    border-width: 6px 6px 0;
    border-top-color: #000; /*#57798a;*/
}
/* Show the tooltip when hovering */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    display: block;
    z-index: 50;
}

/* Cookie */
.cookiepage ul, .cookiepage  ol {list-style-position:outside;}
.cookiepage ul li, .cookiepage ol li {margin-left:2em;}
.cookiepage ul {list-style-type:square;}
.cookiepage ul ul {list-style-type:disc;}
.cookiepage ul ul ul {list-style-type:circle;}
.cookiepage ol {list-style-type:decimal-leading-zero;}
.cookiepage ol ol {list-style-type:upper-latin;}
.cookiepage ol ol ol {list-style-type:upper-roman;}
.cookiepage h2, .cookiepage h3 {margin-top:1em;}
#cookieTable table {border-collapse: separate; border-spacing: 2px 15px; vertical-align: top;}

.cc_message {font-size:0.75em;}

/* Recaptcha */
#rc-imageselect {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}


/* Photo slider: http://cssdeck.com/labs/css3-image-slider */
#slideshow-wrap {
    display: block;
    height: 414px;
    min-width: 260px;
    max-width: 640px;
    margin: auto;
    border: 0.5em #F9F8F3 solid;
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.8);
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,.8);
    box-shadow: 0px 0px 5px rgba(0,0,0,.8);
    margin: 1em 0;
    position: relative;
}

#slideshow-inner {
    width: 100%;
    height: 100%;
    background-color: rgb(0,0,0);
    overflow: hidden;
    position: relative;
}

#slideshow-inner>ul {
    list-style: none;
    height: 100%;
    width: 500%;
    overflow: hidden;
    position: relative;
    left: 0px;
    -webkit-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
    transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
}

#slideshow-inner>ul>li {
    width: 20%;
    height: 320px;
    float: left;
    position: relative;
}

#slideshow-inner>ul>li>a:hover {
    cursor:zoom-in;
}

#slideshow-inner>ul>li>img {
    margin: auto;
    height: 100%;
}

#slideshow-wrap input[type=radio] {
    position: absolute;
    left: 50%;
    bottom: 15px;
    z-index: 100;
    visibility: hidden;
}

#slideshow-wrap label:not(.arrows):not(.show-description-label) {
    position: absolute;
    left: 50%;
    bottom: -25px;
    z-index: 100;
    width: 12px;
    height: 12px;
    background-color: rgba(200,200,200,1);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.8);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,.8);
    box-shadow: 0px 0px 3px rgba(0,0,0,.8);
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s;
}

#slideshow-wrap label:not(.arrows):active { bottom: -26px }

#slideshow-wrap input[type=radio]#button-1:checked~label[for=button-1] { background-color: rgba(100,100,100,1) }
#slideshow-wrap input[type=radio]#button-2:checked~label[for=button-2] { background-color: rgba(100,100,100,1) }
#slideshow-wrap input[type=radio]#button-3:checked~label[for=button-3] { background-color: rgba(100,100,100,1) }
#slideshow-wrap input[type=radio]#button-4:checked~label[for=button-4] { background-color: rgba(100,100,100,1) }
#slideshow-wrap input[type=radio]#button-5:checked~label[for=button-5] { background-color: rgba(100,100,100,1) }

#slideshow-wrap label[for=button-1] { margin-left: -36px }
#slideshow-wrap label[for=button-2] { margin-left: -18px }
#slideshow-wrap label[for=button-4] { margin-left: 18px }
#slideshow-wrap label[for=button-5] { margin-left: 36px }

#slideshow-wrap input[type=radio]#button-1:checked~#slideshow-inner>ul { left: 0 }
#slideshow-wrap input[type=radio]#button-2:checked~#slideshow-inner>ul { left: -100% }
#slideshow-wrap input[type=radio]#button-3:checked~#slideshow-inner>ul { left: -200% }
#slideshow-wrap input[type=radio]#button-4:checked~#slideshow-inner>ul { left: -300% }
#slideshow-wrap input[type=radio]#button-5:checked~#slideshow-inner>ul { left: -400% }

label.arrows {
    font-size: 35px;
    color: rgb(255,255,240);
    position: absolute;
    top: 50%;
    margin-top: -25px;
    display: none;
    opacity: 0.9;
    cursor: pointer;
    z-index: 1000;
    background-color: transparent;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    text-shadow: 0px 0px 3px rgba(0,0,0,.8);
}

label.arrows:hover { opacity: 1 }

label.arrows:active { margin-top: -23px }

input[type=radio]#button-1:checked~.arrows#arrow-2, input[type=radio]#button-2:checked~.arrows#arrow-3, input[type=radio]#button-3:checked~.arrows#arrow-4, input[type=radio]#button-4:checked~.arrows#arrow-5 {
    /*right: -55px;*/
    right: 0;
    display: block;
    padding: 0.5em;
}

input[type=radio]#button-2:checked~.arrows#arrow-1, input[type=radio]#button-3:checked~.arrows#arrow-2, input[type=radio]#button-4:checked~.arrows#arrow-3, input[type=radio]#button-5:checked~.arrows#arrow-4 {
    left: -55px;
    left:0;
    display: block;
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
}
input[type=radio]#button-2:checked~.arrows#arrow-1 { left: 36px; padding: 0.5em; }
input[type=radio]#button-3:checked~.arrows#arrow-2 { left: 18px; padding: 0.5em; }

@media screen and (max-width: 40em) {
    #slideshow-wrap {
        margin-bottom: 1.5em;
    }
    
    #slideshow-wrap label:not(.arrows):not(.show-description-label) {
        bottom: -40px;
        width: 24px;
        height: 24px;
    }
    #slideshow-wrap label[for=button-1] { margin-left: -70px }
    #slideshow-wrap label[for=button-2] { margin-left: -35px }
    #slideshow-wrap label[for=button-4] { margin-left: 35px }
    #slideshow-wrap label[for=button-5] { margin-left: 70px }
    
    input[type=radio]#button-2:checked~.arrows#arrow-1 { left: 70px; padding: 0.5em; }
    input[type=radio]#button-3:checked~.arrows#arrow-2 { left: 35px; padding: 0.5em; }
}

/* from Bulma */
.is-block {
  display:block!important
}
@media screen and (max-width:768px) {
  .is-block-mobile {
    display:block!important
  }
}
@media screen and (min-width:769px),print {
  .is-block-tablet {
    display:block!important
  }
}
@media screen and (min-width:769px) and (max-width:1023px) {
  .is-block-tablet-only {
    display:block!important
  }
}
@media screen and (max-width:1023px) {
  .is-block-touch {
    display:block!important
  }
}
@media screen and (min-width:1024px) {
  .is-block-desktop {
    display:block!important
  }
}
@media screen and (min-width:1024px) and (max-width:1215px) {
  .is-block-desktop-only {
    display:block!important
  }
}
@media screen and (min-width:1216px) {
  .is-block-widescreen {
    display:block!important
  }
}
@media screen and (min-width:1216px) and (max-width:1407px) {
  .is-block-widescreen-only {
    display:block!important
  }
}
@media screen and (min-width:1408px) {
  .is-block-fullhd {
    display:block!important
  }
}
.is-flex {
  display:flex!important
}
@media screen and (max-width:768px) {
  .is-flex-mobile {
    display:flex!important
  }
}
@media screen and (min-width:769px),print {
  .is-flex-tablet {
    display:flex!important
  }
}
@media screen and (min-width:769px) and (max-width:1023px) {
  .is-flex-tablet-only {
    display:flex!important
  }
}
@media screen and (max-width:1023px) {
  .is-flex-touch {
    display:flex!important
  }
}
@media screen and (min-width:1024px) {
  .is-flex-desktop {
    display:flex!important
  }
}
@media screen and (min-width:1024px) and (max-width:1215px) {
  .is-flex-desktop-only {
    display:flex!important
  }
}
@media screen and (min-width:1216px) {
  .is-flex-widescreen {
    display:flex!important
  }
}
@media screen and (min-width:1216px) and (max-width:1407px) {
  .is-flex-widescreen-only {
    display:flex!important
  }
}
@media screen and (min-width:1408px) {
  .is-flex-fullhd {
    display:flex!important
  }
}
.is-inline {
  display:inline!important
}
@media screen and (max-width:768px) {
  .is-inline-mobile {
    display:inline!important
  }
}
@media screen and (min-width:769px),print {
  .is-inline-tablet {
    display:inline!important
  }
}
@media screen and (min-width:769px) and (max-width:1023px) {
  .is-inline-tablet-only {
    display:inline!important
  }
}
@media screen and (max-width:1023px) {
  .is-inline-touch {
    display:inline!important
  }
}
@media screen and (min-width:1024px) {
  .is-inline-desktop {
    display:inline!important
  }
}
@media screen and (min-width:1024px) and (max-width:1215px) {
  .is-inline-desktop-only {
    display:inline!important
  }
}
@media screen and (min-width:1216px) {
  .is-inline-widescreen {
    display:inline!important
  }
}
@media screen and (min-width:1216px) and (max-width:1407px) {
  .is-inline-widescreen-only {
    display:inline!important
  }
}
@media screen and (min-width:1408px) {
  .is-inline-fullhd {
    display:inline!important
  }
}
.is-inline-block {
  display:inline-block!important
}
@media screen and (max-width:768px) {
  .is-inline-block-mobile {
    display:inline-block!important
  }
}
@media screen and (min-width:769px),print {
  .is-inline-block-tablet {
    display:inline-block!important
  }
}
@media screen and (min-width:769px) and (max-width:1023px) {
  .is-inline-block-tablet-only {
    display:inline-block!important
  }
}
@media screen and (max-width:1023px) {
  .is-inline-block-touch {
    display:inline-block!important
  }
}
@media screen and (min-width:1024px) {
  .is-inline-block-desktop {
    display:inline-block!important
  }
}
@media screen and (min-width:1024px) and (max-width:1215px) {
  .is-inline-block-desktop-only {
    display:inline-block!important
  }
}
@media screen and (min-width:1216px) {
  .is-inline-block-widescreen {
    display:inline-block!important
  }
}
@media screen and (min-width:1216px) and (max-width:1407px) {
  .is-inline-block-widescreen-only {
    display:inline-block!important
  }
}
@media screen and (min-width:1408px) {
  .is-inline-block-fullhd {
    display:inline-block!important
  }
}
.is-inline-flex {
  display:inline-flex!important
}
@media screen and (max-width:768px) {
  .is-inline-flex-mobile {
    display:inline-flex!important
  }
}
@media screen and (min-width:769px),print {
  .is-inline-flex-tablet {
    display:inline-flex!important
  }
}
@media screen and (min-width:769px) and (max-width:1023px) {
  .is-inline-flex-tablet-only {
    display:inline-flex!important
  }
}
@media screen and (max-width:1023px) {
  .is-inline-flex-touch {
    display:inline-flex!important
  }
}
@media screen and (min-width:1024px) {
  .is-inline-flex-desktop {
    display:inline-flex!important
  }
}
@media screen and (min-width:1024px) and (max-width:1215px) {
  .is-inline-flex-desktop-only {
    display:inline-flex!important
  }
}
@media screen and (min-width:1216px) {
  .is-inline-flex-widescreen {
    display:inline-flex!important
  }
}
@media screen and (min-width:1216px) and (max-width:1407px) {
  .is-inline-flex-widescreen-only {
    display:inline-flex!important
  }
}
@media screen and (min-width:1408px) {
  .is-inline-flex-fullhd {
    display:inline-flex!important
  }
}
.is-hidden {
  display:none!important
}
.is-sr-only {
  border:none!important;
  clip:rect(0,0,0,0)!important;
  height:.01em!important;
  overflow:hidden!important;
  padding:0!important;
  position:absolute!important;
  white-space:nowrap!important;
  width:.01em!important
}
@media screen and (max-width:768px) {
  .is-hidden-mobile {
    display:none!important
  }
}
@media screen and (min-width:769px),print {
  .is-hidden-tablet {
    display:none!important
  }
}
@media screen and (min-width:769px) and (max-width:1023px) {
  .is-hidden-tablet-only {
    display:none!important
  }
}
@media screen and (max-width:1023px) {
  .is-hidden-touch {
    display:none!important
  }
}
@media screen and (min-width:1024px) {
  .is-hidden-desktop {
    display:none!important
  }
}
@media screen and (min-width:1024px) and (max-width:1215px) {
  .is-hidden-desktop-only {
    display:none!important
  }
}
@media screen and (min-width:1216px) {
  .is-hidden-widescreen {
    display:none!important
  }
}
@media screen and (min-width:1216px) and (max-width:1407px) {
  .is-hidden-widescreen-only {
    display:none!important
  }
}
@media screen and (min-width:1408px) {
  .is-hidden-fullhd {
    display:none!important
  }
}
.is-invisible {
  visibility:hidden!important
}
@media screen and (max-width:768px) {
  .is-invisible-mobile {
    visibility:hidden!important
  }
}
@media screen and (min-width:769px),print {
  .is-invisible-tablet {
    visibility:hidden!important
  }
}
@media screen and (min-width:769px) and (max-width:1023px) {
  .is-invisible-tablet-only {
    visibility:hidden!important
  }
}
@media screen and (max-width:1023px) {
  .is-invisible-touch {
    visibility:hidden!important
  }
}
@media screen and (min-width:1024px) {
  .is-invisible-desktop {
    visibility:hidden!important
  }
}
@media screen and (min-width:1024px) and (max-width:1215px) {
  .is-invisible-desktop-only {
    visibility:hidden!important
  }
}
@media screen and (min-width:1216px) {
  .is-invisible-widescreen {
    visibility:hidden!important
  }
}
@media screen and (min-width:1216px) and (max-width:1407px) {
  .is-invisible-widescreen-only {
    visibility:hidden!important
  }
}
@media screen and (min-width:1408px) {
  .is-invisible-fullhd {
    visibility:hidden!important
  }
}