/*
Theme Name: Spahotel Casino
Description: BEST Western Spahotel Casino
Template: sohohotel
Author: Wysiwyg Oy
*/

@import url("../sohohotel/style.css");


/* Theme customization starts here */
body {
    color: #000;
    font-size: 16px;
}
a {color: #0068ac;}
img {max-width:100%; height:auto;}
body, .title-style2, #navigation li li, .blog-entry-inner h4 span, .event-entry-inner h4 span, .widget .latest-posts-list li .lpl-content h6 span, textarea, .datepicker-key, #lang_sel_footer 
{font-family: "calluna-sans", sans-serif;}
p {font-family: "calluna-sans", sans-serif; font-size: 16px}
.tablepress thead th {font-family: "calluna-sans" !important;}
h2 {font-family: "calluna-sans", sans-serif; font-weight:400;}
.list-style1 h3.title-style1 a, .list-style1 h3.title-style1 {font-size:16px;}
.page-content ul, .list-style1, .list-style2, .list-style3, .list-style4 {font-size:16px;}
#topbar {background-color:#f0eff0!important;
  /* muutos 2017*/
  display: none;
}

#fixed-header {
  position: fixed;
  width: 100vw;
  z-index: 20;
  background: rgba(255,255,255,.8);
  top:0;
  left:0;

}
.coverflow-video {
  margin-bottom: 22px;
  min-height: 500px;
}

#fixed-header #wrapper {
   background-color: transparent;
}

.coverflow-video video {
  margin: 0;
  width: 100%;
  height: auto;
  
}

.frontpage-video-container {
  
  width: 100%;
  height: auto;
  

  
}

.tvs_wrapper { width: 100%; display: inline-block; position: relative; margin: 0px 0% 0px 0%; } 
.tvs_wrapper:after { padding-top: 56.25%; /* 16:9 ratio */ display: block; content: ''; } 
.tvs_main { position: absolute; top: 0; bottom: 0; right: 0; left:0; }

.title-block { color:#bd9868!important;}

#topbar li.newsletter {margin:0 !important;}
.gmap-button {left:0 !important; width:auto !important; height:auto !important; position:relative !important; top:0 !important;background-color: transparent !important;}
.topbar-right .header-contact {display:block !important; width:100% important!;}
.full-width-page-image img {width:100%;}

#page-header h2 {text-transform:uppercase; color:#0068ac; font-size:30px;}
#page-header h2:after {
  content: "\f04d"; color:#0068ac; margin-left:10px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  margin-bottom: -23px;
}
  
.page-content h2, .page-content h3, .page-content h4 { font-family: "calluna-sans", sans-serif!important; }

h3.title-style1 { font-family: "calluna-sans", sans-serif!important; }

.title-style3 { font-family: "calluna-sans", sans-serif!important; }

#langs {
  margin-top: 30px;
  float: left;
  margin-left: 1rem;
  }
  .wpml-ls-statics-shortcode_actions, .wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu, .wpml-ls-statics-shortcode_actions a {
    border-color: none;
    background-color: transparent;
}

.wpml-ls-legacy-dropdown {
  width: auto;
  max-width: 100%;
}
  .wpml-ls-statics-shortcode_actions .wpml-ls-current-language > a {
    color: #0068ac;
    background-color: transparent;
}

div[role=banner] {/*background:url(images/top-bg.png) no-repeat; margin-top:3px;*/}
#logo img {max-width:none !important;}

.hotel-rantapuisto2 { top:144px; right: 15%;
  position: absolute;
  z-index:2;
  font-family: "calluna", serif;
  font-weight: 700;
  font-style: italic;
  color: #FFF;
  font-size: 2.1rem;

}

#hero {
  height: 500px;
  margin-bottom: 15px;
}

.home #hero {
  height: auto; 
}

/* Slider Flexslider */
#carousel ul {
 margin: 0;
}
.loading .slider {
  background: #fff url("images/loader_01.gif") no-repeat scroll center center !important;
}
.slider .flex-direction-nav .flex-prev,
.slider .flex-direction-nav .flex-next {top:45%!important;}
.flex-direction-nav > li {
  list-style: outside none none;
}

.flex-prev,
.flex-next {
  font-size: 0;
}
/*
.accommodation-slider {
  margin: 0!important;
}
*/
.slider .flex-direction-nav .flex-next {
  right: 18px;
}
ul.slides {margin:0;}
ul.slides li {line-height:100%;
  height: 500px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.default-slide {
  height: 500px;
  background-position: center;
  background-size: cover;
}

.mobile-menu-language li {float:left; border-right:1px solid #fff;}
.mobile-menu-language li a {display:inline-block; width: 55px; height: 55px; background:#0068ac; text-align:center; line-height:55px; color:#fff; text-decoration:none;}
.mobile-menu-language a {display:inline-block; width: 55px; height: 55px; background:#0068ac; text-align:center; line-height:55px; color:#fff; text-decoration:none;}
.mobile-menu-language {display:none;}
#mobilangsel {float:right;}
#mobilangsel li {display:block; float:none; margin-top:1px;}

ul.footer-contact {display: block;}
ul.footer-contact  li {
    float: left;
    margin: 0 15px 0 0 !important;
    min-height: 14px;
}
ul.footer-contact li a, ul.footer-contact li {
    line-height: 24px;
}
ul.footer-contact li.facebook a, ul.footer-contact li.instagram a, ul.footer-contact li.tripadvisor a {font-size: 24px; color:#0068ac !important;}

.mobile-menu-button {
  display: none;
}

.wp-video, video.wp-video-shortcode, .mejs-container, .mejs-overlay.load {
	width: 100% !important;
	height: 100% !important;
}

@media only screen and (min-width: 1050px) {
	.hotel-rantapuisto {display:none;}
}
@media only screen and (max-width: 1050px) {
	.hotel-rantapuisto {display:block !important; max-width:100%;}
	.hotel-rantapuisto2 {display:none;}
	#footer .one-fourth {width:50% !important; margin:0;}
	#page-header {
		text-indent: 0px !important;
	}
	#wrapper, #footer .content-wrapper {
		width: auto !important;
		max-width: 1024px;
		margin: 0 30px;
	}

	#topbar-wrapper,
	.content-wrapper {
		width: 700px;
	}
	#page-header h2 {
		width: auto !important;
	}
  .topbar-right {width:100% !important;}
  



}
@media only screen and (max-width: 767px) {
	#slider .slider-caption-wrapper {max-width:90%; margin-left:0 !important; }
	.slider-caption {display:block !important; font-size:12px;}
	#logo {
		float: none;
		
	}
	#logo img {max-width:100% !important;}
	.slider .flex-direction-nav .flex-prev,
	.slider .flex-direction-nav .flex-next {width:35px; height:35px; }
	.mobile-menu-language {display:block;}
	#topbar, #topbar a {font-size:15px;}
	ul.header-contact li.fi, ul.header-contact li.en, ul.header-contact li.ru, 
	ul.header-contact li.facebook, ul.header-contact li.tripadvisor,  ul.header-contact li.newsletter {display:none;}
	ul.footer-contact {display:block;}
	
	#wrapper {
		width: auto !important;
		max-width: 465px;
		margin: 0 auto;
	}
  
  

  .mobile-menu-inner {
    width: 60vw;
    height: 60vh;
    margin: 0;
    position: relative;
    top:0;
  }
}


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

	#wrapper, #footer .content-wrapper {
		width: auto !important;
		max-width: 450px;
		margin: 0 20px;
	}
	#topbar-wrapper, .content-wrapper {width: auto !important; max-width:450px; margin: 0 20px;}
	#footer .one-fourth {clear: both; width:100% !important; margin:0;}
	#page-header h2 {font-size:20px !important;}
	.topbar-right {text-align:center;}
	#topbar li {margin:0 10px 0 0 !important;}

}



.page-content p a, .page-content ol li a {color:#0068ac !important;}
.list-style1 ul {margin:0 0 30px 25px;}

.topbar-right {width:auto;}
.header-contact a, .header-contact li {line-height:24px;}
.header-contact .fa-facebook-official, .header-contact .fa-youtube-play, .header-contact .fa-instagram, .header-contact .fa-map-marker, .fa-tripadvisor {font-size:24px; color:#0068ac;}
.header-contact .tripadvisor img {padding-top:2px;}

#topbar, #topbar a {color:#000;}

.email_icon:before, .phone_icon:before {
 margin-right:5px;
  font-family: 'FontAwesome';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
.email_icon:before {content: "\f0e0";}
.phone_icon:before {content: "\f095";}
.phone_icon, .email_icon {background:none; padding:0; }
.newsletter a {background:#0068ac; color:#fff !important; padding:0px 8px; display:inline-block;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

#wrapper {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.w-wrapper {
  max-width: 1160px;
  margin:auto;
  height: auto;
}

/* Make YouTube videos responsive */
.video-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin: 0 0 15px 0;
}
.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Breadcrumbs */
.home .breadcrumbs {display:none;}
.breadcrumbs {font-size:13px; border-bottom:2px dotted #61c5e6; border-top:2px dotted #61c5e6; padding:10px; color:#0068ac;}
.breadcrumbs a {color:#0068ac; font-weight:400; text-decoration:none;}
.breadcrumbs span span {font-weight:700; color:#0068ac;}
.breadcrumbs .print {float:right; margin-top:-3px}

/* TABS */
.ui-tabs .ui-tabs-panel {padding:0;}
#tabs-kuvagalleria .gallery {margin-left:0;}

#footer {
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0eff0+0,ffffff+61 */
background: #f0eff0!important; /* Old browsers */
background: -moz-linear-gradient(top,  #f0eff0 0%, #ffffff 61%)!important; /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f0eff0 0%,#ffffff 61%)!important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f0eff0 0%,#ffffff 61%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0eff0', endColorstr='#ffffff',GradientType=0 )!important; /* IE6-9 */
color:#51626f; font-size:12px!important;
}
#footer .one-fourth {width:50%; margin:0;}
#footer .title-style2 {color:#95774c; font-size:18px; font-weight:400;}
#footer .title-style2 .title-block {display:none;}
#footer a {color:#51626f;}
#footer-bottom {border-top:0;}

#background-wrapper {
    background: none!important;
}

#page-header {
    height: 35px;
    padding: 45px 10px 0 10px;
    background: transparent!important;
    margin: 0 0 20px;
}

.content-wrapper #page-header {
  padding-left: 0;
}

#page-header h2 {
	font-family: "calluna-sans", sans-serif!important;
    display: block;
    font-size: 20px;
    width: 1160px;
     border-bottom: 1px solid #e8e8e8;
    margin: 0 0 30px;
    padding: 0 0 12px;
    position: relative;
}

.content-wrapper {
    margin: 0 auto;
    width: 100%;
    max-width: 1160px;

}

#slider {margin:0;}
#slider .slider {min-height:initial !important; margin-bottom:20px;}



#slider .slider-caption-wrapper {
color:#FFF;
width: 205px;
height: 120px;
padding: 2.0rem;
background: #dd0069;
-webkit-border-radius: 80px;
-moz-border-radius: 80px;
border-radius: 80px;
border: #ffffff solid 3px;
}

#slider .slider-caption-wrapper:after
{
/*content: '';
position: static;
border-style: solid;
border-width: 14px 24px 14px 0;
border-color: transparent #dd0069;
display: block;
width: 0;
z-index: 1;
margin-top: -14px;
left: -24px;
top: 56%;*/
}

#slider .slider-caption-wrapper:before
{
/*content: '';
position: absolute;
border-style: solid;
border-width: 16px 26px 16px 0;
border-color: transparent #ffffff;
display: block;
width: 0;
z-index: 0;
margin-top: -16px;
left: -29px;
top: 56%;*/
}

.three-fourth {
	float: left;
	width: 74.2%;
	margin: 0 3% 0 0;
}

/* Navigoinnin tyylit */

nav.main-navigation {
    display: block;
    height:2.2em;
    margin-bottom:0.5em;
    float: right;
    margin-top: 24px;
}

#navigation {width:auto; clear:both; float:none; max-width:none;}

#navigation li {
    /*font-size: 0.9em;*/
    letter-spacing: 0.1em;
    text-transform: none;
    margin-bottom:0;
    /*margin-right:0.3em;*/
	font-weight:400;
	
}

#navigation > li {
  height: 50px;
}

#navigation .current-menu-item,
#navigation .current_page_item,
#navigation li {border-bottom:0;}

#navigation li a {
    display: block;
    text-decoration: none;
    padding:0 0;
	color:#FFF;
  font-family: "calluna-sans", sans-serif !important;
  font-size: 16px;

}

#navigation li a:hover {
    color:#fff;
}


#navigation li.korostus {float:right;}
#navigation li.korostus a {
    background-color:#0068ac;
    color:#fff;
    display: block;
    text-decoration: none;
    padding:0 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#navigation li.korostus a strong:after {
    content: "\f138";
     margin-left:5px;
  font-family: 'FontAwesome';
  font-weight: normal;
  font-style: normal;
  display: inline-block;

  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

#navigation li li, #navigation li li:hover {
    border-bottom: none;
    letter-spacing: 0;
    text-transform: none;
    background-color:#0068ac;
	
}

#navigation li li a {
    background-color: rgba(0,0,0,.4);
    font-size: 15px;
    padding: 0.5em 0.5em;
    border-bottom:1px solid #61c5e6;
    color: #fff;
}

#navigation li li a:hover {
    background: none repeat scroll 0 0  0068ac;
  color:#f0eff0 !important;

}

#navigation li a strong {
    border-right: none;
    display: block;
    font-weight: 400;
    padding: 10px 8px;
  color:#0068ac;
  font-size: 16px;
  letter-spacing: 0;
}

/*@media only screen and (min-width: 1138px) {
	#navigation li a strong {font-size: 17px;}
}*/
#navigation li a  {font-size: 16px;}

@media only screen and (max-width: 1090px) {
	#navigation li a strong {
		padding: 10px 5px;
		font-size: 15.5px;
	}
	:lang(en) #navigation li a strong {
		font-size: 14px;
	}
}
@media only screen and (min-width: 1090px) {

	#navigation li a strong {
		padding: 10px 6px;
		font-size: 16px;
	}
	:lang(en) #navigation li a strong {
		font-size: 15.5px;
	}
}


#navigation li.current-menu-item a {color:#fff;}
#navigation li.current-menu-item li a, #navigation ul.sub-menu li.current-menu-item a,
#navigation li li a {color:#fff;}
#navigation li li.current-menu-item, #navigation li li.current_page_item, #navigation li li:hover {border-bottom:0;}


#navigation .current-menu-item, #navigation .current_page_item, #navigation li:hover, blockquote, .button1:hover, .button4:hover, .button5:hover, .button2, #submit, .button3, .button6, #footer .button1, .ui-tabs .ui-tabs-nav li.ui-state-active, .widget-reservation-box, .booking-side, .booking-main, #slider .home-reservation-box, #slider-full .home-reservation-box, #ui-datepicker-div, .pagination-wrapper .selected, .pagination-wrapper a:hover, .wp-pagenavi .current, .wp-pagenavi a:hover, .tagcloud a:hover, .nsu-submit:hover, #footer .nsu-submit, .nsu-submit:hover, #footer .nsu-submit {
    border-color: none;
    background-color:transparent ;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
}

#navigation ul li.current-menu-item, #navigation ul li.current-page-item {
  background-color: #0068ac;
}

#navigation li:hover ul, 
#navigation li.sfHover ul {
/*    top: 36px !important;
*/}
ul#navigation li li:hover ul, 
ul#navigation li li.sfHover ul {
/*    top: 0 !important;
*/}

#navigation li li a:hover {
  background: #0068ac ;
}

.ui-tabs .ui-tabs-nav li {
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.one-third .button3 {    margin: 0 0 20px;}
.home .button3,.page-template-page-aktiviteetit .button3, .page-template-template-ajankohtaista .button3,
.page-content a.button1, a.button1, .nsu-submit {border:0 !important; background:#0068ac !important; color:#fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
/* Aktiviteetit */
.page-template-page-aktiviteetit .row {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
	background-color: #eee;
}
.page-template-page-aktiviteetit .one-third {
	margin: 0 3% 0 0;
}
.page-template-page-aktiviteetit .rl {
	width: 100%;
}
.page-template-page-aktiviteetit .toggle {
	margin: 0 0 0px 0;
}
.two-thirds.textcol {
	display: flex;
	flex-wrap: wrap;
	padding-top: 5px;
}
.row .textcol .link-part {
	flex: 0 1 auto;
	align-self: self-end;
	display: flex;
	justify-content: right;
	width: 100%;
	padding-bottom: 10px;
}
.page-template-page-aktiviteetit .one-third img {
	max-width: 100%;
	height: auto;
	margin-bottom: -2.1px;
}
@media only screen and (max-width: 767px) {
	.row .textcol .link-part {
		padding-bottom: 5px;
		margin-right:10px;
	}
	.page-template-page-aktiviteetit .two-thirds {
		margin: 0 5px 30px 5px;
	}
}
.textcol:not(.two-thirds) {
	width: calc(93.9% + 23px);
	padding: 5px;
}
/* .Aktiviteetit*/

#logo {
    float: left;
    margin: 13px 0;
}

#langs > a {
  padding-left: 3px;
  
}

#langs ul {
  position: absolute;
  background-color: rgba(255,255,255,.8);
  width: 40px;
}

#langs li {
  padding-left: 5px;

}
#langs a {
  text-decoration: none;
  font-size: 18px;
  padding-top: 4px;
  padding-bottom: 4px;
  display: block;
  
}
/* Varauslohkon tyylit */
	
#varauslohko {
	position: fixed; 
	bottom: 0px; 
	width: 100%; 
	text-align:center; 
	height:60px; 
	/*line-height:60px;*/ 
	color:#fff; 
	z-index:1001; 
	background-color:#0068ac; 
	border-top:8px solid #61c5e6;
}
#varauslohko-mobile {
	position: fixed; 
	bottom: 0px; 
	width: 100%; 
	text-align:center; 
	/*height:60px;*/ 
	/*line-height:60px;*/ 
	color:#fff; 
	z-index:1001; 
	background-color:#0068ac; 
	border-top:2px solid #61c5e6;
	overflow:hidden;
}
#varauslohko-mobile a {	color:#1c1c1c; }
#varauslohko-mobile .button2 {margin:10px; text-align:center; float:none !important;}
#varauslohko .varauslohko-container {width: 1160px; margin:0 auto; margin-top:10px;}
input#DateIn, input#DateOut {background:url("varauslohko/img/ico-calendar.png") no-repeat right center #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding:5px 10px;}
#varauslohko #btnSubmit {margin-top:0; padding-top:5px; padding-bottom:5px;}

.tee-varaus {
	font-family: "calluna-sans", sans-serif; 
	color:#fff; 
	font-weight:600; 
	text-transform: uppercase; 
	font-size:1.3rem;
	}
	
.tee-varaus:after {content: "\f101"; margin-left:5px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  }
  
.tulopvm label, .lahtopvm label {font-family: "calluna-sans", sans-serif;; color:#fff; font-weight:600; font-size:1.2rem;}


.submit {
	cursor: pointer; font-weight:700; 
	background:#b9996c; border:0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:5px 10px;
	}
	
.submit:hover {background:#a8996e;}

.one-third {
    float: left;
    margin: 0 3% 2% 0;
    width: 31.3%;
}

.space1 {
    border: medium none;
    display: block;
    margin: 20px 0 0;
}

.button1, .nsu-submit {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #e3e3e3;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    padding: 10px 15px;
    margin: 20px 0;
    text-decoration: none;
}
.box-otsikko {
  float: left;
  width: 90%;
}
.box-ikoni {
  float: left;
  width: 10%;
}
.one-fifth {width: 16.8%; margin-right:4%; float:left;}
input#corp_id {padding: 5px 5px; line-height:16px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}


#ui-datepicker-div {width:auto !important;z-index:99 !important}
#varauslohko-mobile {display:none;}
@media (max-width: 1035px) {
	#varauslohko {display:none;}
	#varauslohko-mobile {display:block;}
}
#tabs-kuvagalleria figure {
  float: left;
  margin: 10px;
  width: 150px;
}

/* MOBILE MENU */
#mobile-menu li a {color:#0068ac; font-size: 17px;}
#mobile-menu li.current_page_item a {color:#0068ac; font-weight:700;}
#mobile-menu li.current_page_item ul li a { color:#0068ac; font-weight:400;}
#mobile-menu li {border-top:0;}

.mobile-menu-button {
	position:absolute;
  z-index: 99;
  background-image: none;
  font-size: 2rem;
  color: #0068ac;

}
.fix-menu .mobile-menu-button {
	position: fixed;
	top: 5px;
	left: 5px;
}
.fix-menu .mobile-menu-inner {
	position:fixed;
	top: 81px;
	left: 15px;
}
.mobile-menu-title {
	margin-left:56px;
}

/* TOGGLERS */
.single-ruokalista #page-header {height:auto;}
.single-ruokalista .toggle h2 {color:#0068ac;}
.accordion h4, .toggle .title {
  background: #0068ac none repeat scroll 0 0 !important;
  color: #ffffff;
  padding: 10px !important;
}
.toggle h4 { font-size: 1.3em !important; font-weight: 700 !important; line-height:100% !important;}
.toggle h4:after {content: "\f0d7"; float:right;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);}
.toggle .inner {margin:20px !important;}
/* Tarjouspyyntö */
.gform_wrapper .piilo-osio h2.gsection_title, .gform_wrapper .gsection h2.gsection_title {background:#61c5e6; padding:10px !important;}
.gform_wrapper .piilo-osio h2.gsection_title {cursor:pointer; }
.gform_wrapper .piilo-osio h2.gsection_title:after {content: "\f0d7"; float:right;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);}
.piilo-osio-painike {display:none;}
.gform_wrapper .gsection {border-bottom:0 !important;}
.gform_wrapper .gsection .gfield .gfield_label {font-size:12px;}
.gform_wrapper .piilo-osio.current h2.gsection_title:after {content: "\f0d8";}

/*.gform_wrapper .datepicker.medium { width: 7.75em !important;}*/
.gform_wrapper .gfield_date_day input, 
.gform_wrapper .gfield_date_month input, 
.gform_wrapper .gfield_date_year input, 
.gform_wrapper .gfield_time_hour input, 
.gform_wrapper .gfield_time_minute input {
  margin-bottom: 0;
}
#footer {
  margin: 0 0 40px 0;
}
/*.gform_footer input[type=submit] {
background: none repeat scroll 0 0 #bf9958;
    color: #ffffff;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    padding: 12px 15px;
    text-decoration: none;
    border:0px;
    }
*/
.gform_footer input[type=submit] {
    background-color:#0068ac;
    color:#fff;
    display: block;
    text-decoration: none;
    padding:10px 20px;
    border:0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor:pointer;
}


.ui-tabs li.ui-tabs-active {-webkit-border-bottom-right-radius: 0px !important;
-webkit-border-bottom-left-radius: 0px !important;
-moz-border-radius-bottomright: 0px !important;
-moz-border-radius-bottomleft: 0px !important;
border-bottom-right-radius: 0px !important;
border-bottom-left-radius: 0px !important;}

a.pp_expand{display:none!important;}
.page-template-page-huone a.pp_next{display:none!important;}
.page-template-page-huone a.pp_previous{display:none!important;}





.logocols {align-items: center;
    display: flex;
    justify-content: center;
    text-align: center;
    
    float: left;
    margin-bottom: 2%;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 0;
    width: 14.66%;}


.full-width-page-image {
   min-height: 160px;
}

@media only screen and (max-width: 767px) {
	.logocols {
	    float: left;
	    margin-bottom: 2%;
	    margin-left: 1%;
	    margin-right: 1%;
	    margin-top: 0;
	    width: 31.3%;
	}
}


#footer li {list-style-image:none;}
#footer-nav ul li {width:13%; margin: 0 1% 0 0; list-style-image:none; float:left;}
#footer-nav ul li ul.sub-menu li {width:auto; margin:0;}
@media only screen and (max-width:767px) {
	#footer-nav ul {display:none;}
}
#footer-nav ul li ul.sub-menu li {float:none;}
#footer-nav ul li:last-child {margin-right:0%;}
#footer-nav {margin-bottom:20px; clear: both; margin-top: 44px;}

#footer-nav ul li a {color: #0068ac !important; font-size: 16px; font-weight: 400; text-transform:uppercase;}
#footer-nav ul li ul.sub-menu li a {color: #51626f !important; text-decoration: none; font-size:12px; text-transform:none;}
.one-sixth, .row .one-sixth {
        float: left;
	margin: 0 2% 0 0;
	width: 15%;
}
#footer li {margin:0;}
#footer-bottom ul li a {
    color: #51626f;
    text-decoration: none;
}
.gmap-button, .gmap-button:hover, .gmap-button-hover, .mobile-menu-button, .contact_details_list .phone_list::before, .contact_details_list .fax_list::before, .contact_details_list .email_list::before, .contact_details_list .address_list::before {
  background-color: #ca005d;
}
/* CONTENT SIDEBAR */
.contact_details_list .phone_list:before {
  text-align:center;
  background-image:none;
  background-color:#d0615c!important;
  color:#fff;
  content: "\f095";
  display: inline-block;
  font: normal normal normal 14px/36px FontAwesome;
  font-size: 20px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
.contact_details_list .email_list:before {
  text-align:center;
  background-image:none;
  background-color:#d0615c!important;
  color:#fff;
  content: "\f0e0";
  display: inline-block;
  font: normal normal normal 14px/36px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
.contact_details_list .address_list:before {
  text-align:center;
  background-image:none;
  background-color:#d0615c !important;
  color:#fff;
  content: "\f041";
  display: inline-block;
  font: normal normal normal 14px/36px FontAwesome;
  font-size: 20px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

/* VARAUSSIVU */
.page-template-varaussivu .main-content .one-fifth {width:100%; clear:both;}
.page-template-varaussivu .main-content .one-fifth .lahtopvm label,
.page-template-varaussivu .main-content .one-fifth .tulopvm label {color:#1c1c1c;}

.key-available-icon, .key-unavailable-icon, .price-details .total-line, .ui-datepicker-calendar tbody tr td a {background:none repeat scroll 0 0 #424242 !important;}

.gform_wrapper .top_label .gfield_label {font-size:14px;}
body .gform_wrapper input[type="email"], body .gform_wrapper input[type="number"], body .gform_wrapper input[type="password"], body .gform_wrapper input[type="tel"], body .gform_wrapper input[type="text"], body .gform_wrapper input[type="url"], body .gform_wrapper textarea.textarea, body .gform_wrapper select, body .gform_wrapper textarea {background-color:#f1f0ed; border:0; padding:10px 8px;}

input#checkInDate, input#checkOutDate { background: url("varauslohko/img/ico-calendar.png") no-repeat scroll right center #ffffff;
border-radius: 5px;
padding: 5px 10px;
}

input#btnSubmit { background-color:#bd9868; color:#FFF; }

em{font-style:italic;}
img.alignright {
	display: inline;
	float: right;
	margin: 0px 0 30px 30px;
}
img.alignleft {
	display: inline;
	float: left;
	margin: 0px 30px 30px 0px;
}

/* print */
.print { float:right; }
@media print {
#topbar,
nav.main-navigation,
.breadcrumbs,
.menu-navigointi-container,
#varauslohko,
#varauslohko-mobile,
form[name=srch],
.print,
.partial-print .partial-print-hide,
.partial-print div[role=banner],
.partial-print #page-header,
.partial-print .sidebar,
.partial-print #footer,
.partial-print .toggle .title,
.partial-print .main-content > * {
	display:none;
}
.partial-print .main-content {
	float:none;
	margin: 0 auto;
}
.partial-print .toggle {
	border:none;
}
.partial-print .toggle .inner {
    margin: 0 !important;
}
.partial-print .partial-printable {
	display: initial;
}
}
.validation_error {
  background-color: #ffdfe0;
}
.tarjous{
	border-bottom: 1px solid black;
	margin-bottom: 14px;
	padding-bottom: 14px;
}
.one-fourth.logocols {
  margin: 0 3% 0 0 !important;
  width: 22.74% !important;
}

/*VARAUSMOOTTORILOMAKE*/
.booking-form {
  background: #ffffff none repeat scroll 0 0;
  color: #000000;
  padding: 20px 15px;
  position: absolute;
  top: 140px;
  width: 270px;
  z-index: 3;
}
.booking-form.fixed, .booking-form.stuck-left {
  left: 0;
  position: fixed;
  top: 8em;
  transform: translateX(-30px);
}
.booking-form.transition {
  transition: transform 0.6s ease 0s;
}
.booking-form.hide-left {
  transform: translateX(-300px);
}
.booking-form.fixed.clicked {
  background: #ffffff none repeat scroll 0 0;
  transform: translateX(0px);
}
.booking-form .row-small-padding {
  margin: 0 -5px;
}
.booking-form .row-small-padding [class*="col-"] {
  padding: 0 5px;
}
#booking-form-footer-text {
	font-size: 14px;
	margin-top: 4px;
	margin-bottom: -6px;
	text-align: center;
}
.col-xs-6 {
  width: 45%;
}
.col-xs-4 {
  width: 33.3333%;
}
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  float: left;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}
.booking-form .input-holder.date-icon {
  position: relative;
  line-height: 1.42857143;
  background: #e8e8e8 none repeat scroll 0 0;
}
.booking-form .input-holder.date-icon::after {
  font-family: "Ionicons";
  content: "\f13f";
  speak: none;
  pointer-events: none;
  font-weight: bold;
  position: absolute;
  right: 8px;
  top: -2px;
  font-size: 28px;
  color: #bf9960;
}
.booking-form .input-holder.clock-icon::after, .booking-form .input-holder.date-icon::after {
  color: #bf9960;
  font-family: Ionicons;
  font-size: 28px;
  font-weight: 700;
  pointer-events: none;
  right: 8px;
  top: -2px;
}
.booking-form .form-control {
  background: #e8e8e8 none repeat scroll 0 0;
  border: 0 none;
  border-radius: 0;
  box-shadow: none;
  color: #000000;
  box-sizing: border-box;
  cursor:pointer;
}
.form-control {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  height: 36px;
  padding: 6px 12px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 100%;
}
.form-control, output {
  color: #555555;
  display: block;
  font-size: 16px;
  line-height: 1.42857;
}
.booking-form .h4 {
  text-align: center;
  margin:0;
}
.booking-form .select-arrow::after {
  color: #bf9960;
  font-family: Ionicons;
  font-size: 26px;
  pointer-events: none;
  position: absolute;
  right: 5px;
  top: 2px;
}
.booking-form .input-holder {
  padding: 0;
}
.container {
  top: 8em;
  left:23em;
}
.relative {
  position: relative;
  
}
.booking-form .btn {
  background: #bd9868 none repeat scroll 0 0;
  margin-top: 15px;
  padding: 8px 10px;
  text-transform: uppercase;
  width: 100%;
  border:0;
}
.booking-form .btn:hover {
  background:#bf8a46 none repeat scroll 0 0;
}
.col-xs-6 {width: 50%; float:left;}

.booking-form .room-toggle {
  background: #bd9868 none repeat scroll 0 0;
  bottom: 0;
  cursor: pointer;
  display: none;
  position: absolute;
  right: -30px;
  text-align: center;
  text-transform: uppercase;
  top: 0;
  width: 30px;
}
.booking-form.fixed .room-toggle, .booking-form.stuck-left .room-toggle {
  display: block;
}
.booking-form .room-toggle .text {
  color: #ffffff;
  height: 30px;
  line-height: 30px;
  transform: translateX(30px) rotate(90deg);
  transform-origin: 0 0 0;
  white-space: nowrap;
  width: 205px;
  /*width: 305px;*/
}

.booking-form *{
  box-sizing: border-box;
  font-family: calluna-sans !important;
}
.btn {
  -moz-user-select: none;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.42857;
  margin-bottom: 0;
  padding: 6px 12px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}
.btn.btn-primary {
  color: #fff;
}
.modify-booking {
  border: 1px solid #000000 !important;
  
}
.modify-booking-form {
  margin-top: 12px;
  text-align: center;
}
@media (max-width: 991px) {
  .booking-form {
    position: fixed;
    left: 0;
    top: 5em;
    transform: translateX(-300px);
    transition: transform .6s ease;
	z-index:99;
  }
  .booking-form .room-toggle {
    display: block!important;
  }
  .booking-form.clicked {
    background: #fff;
    transform: translateX(0);
  }
  .booking-form.hide-left {
	left: -9px !important;
	}
	.booking-form[data-sr*="left"] {
	left: -9px !important;
}
}
:lang(ru-RU) * :not(.fa):not(.ab-icon), :lang(ru-RU) body, :lang(ru-RU) #page-header h2 {
	font-family: "myriad-pro", sans-serif !important;
}
#video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-size: cover;
    background: transparent url(video/cover.jpg) no-repeat 0 0;
	min-height: 500px;
}
.cookieconsent-optout-marketing {
	line-height: normal;
	width: 100%;
	display: flex !important;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	height: 93px;
}
#langsel {
    z-index: 10001;
}