* {font-family: 'Mulish', sans-serif;}




body {margin:0px;padding:0;}
form {margin:0px;padding:0px;}
.tl {text-align:left;}
.tr {text-align:right;}
.tc {text-align:center;}
.dc {margin:0 auto;}
.b0 {border:0;}
.b1b {border:1px solid black;}
img {border:0;}
.cp {cursor:pointer;}
table, table tr td, table tr th {margin:0;padding:0;border-collapse: collapse}
.tdp3 td {padding:3px;}
.tdp5 td {padding:5px;}
.tdp10 td {padding:10px;}
.p10 {padding:10px;}
.abs {position:absolute;}
.vt {vertical-align:top;}
.vm {vertical-align:middle;}
.vb {vertical-align:bottom;}
.w100 {width:100%;}
.w50 {width:50%;}
.w48 {width:48%;}
.sw {max-width:1020px;}
.main {color:black;font-size:13pt;}
.main a, .link {color:#0070C0;text-decoration:underline;}
.main a:hover, .link:hover {color:black;text-decoration:none;}
.swp {padding-left:10px;padding-right:10px;}
.p {cursor:pointer;}
.wbg {background-color:white;}
.dib {display:inline-block;}

h1 {font-family: 'Damion', cursive;font-size:40pt;margin-top:15px;margin-bottom:15px;}
h2 {font-weight:200;font-size:20pt;text-transform:uppercase;}
h3 {margin:0}

.fade {transition:color 0.5s ease;}
.bfade {-webkit-transition: all 0.5s ease;
         -moz-transition: all 0.5s ease;
           -o-transition: all 0.5s ease;
          -ms-transition: all 0.5s ease;
              transition: all 0.5s ease;}




.buttonw {border:3px solid white;background:rgba(256,256,256,0.1);text-transform:uppercase;cursor:pointer;text-align:center;font-family: 'Mulish', sans-serif;padding:15px;transition: background-color 0.1s ease-in 0s;}
.buttonw:hover {background:rgba(256,256,256,0.3);transition: background-color 0.1s ease-in 0s;}

.wlink {color:silver;text-decoration:underline;}
.wlink:hover {color:white;text-decoration:underline;}

.footer {background-color:#17181D;border-top:2px solid #4F4F55;color:white;text-align:center;padding-bottom:20px;padding-top:20px;font-size:9pt;}
.footer a {color:white;text-decoration:none;}
.footer a:hover {color:silver;text-decoration:none;}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }


.mnav {background:#EEEEEE;}
.mnav:hover, .mnav:active, .mnavon, .mnavon:hover {background:#CFCFCF;}
.sma {font-family: 'Mulish', sans-serif;font-size:14pt;text-decoration:none;color:#49494A;padding:10px 0px 10px 20px;display:block;}


.petsok {width: 45px;height: 45px;background: url('images/pet-friendly-pawprint.png') no-repeat;display: inline-block;background-size:contain;margin-right:5px;}
.petsok:hover {width: 45px;height: 45px;background: url('images/pet-friendly.png') no-repeat;display: inline-block;background-size:contain;}

.nopets {width: 45px;height: 45px;background: url('images/no-pets-pawprint.png') no-repeat;display: inline-block;background-size:contain;margin-right:5px;}
.nopets:hover {width: 45px;height: 45px;background: url('images/no-pets.png') no-repeat;display: inline-block;background-size:contain;}

.nosmoking {width: 45px;height: 45px;background: url('images/no-smoking.png') no-repeat;display: inline-block;background-size:contain;margin-right:5px;}
.nosmoking:hover {width: 45px;height: 45px;background: url('images/no-smoking-text.png') no-repeat;display: inline-block;background-size:contain;}

.adults {width: 45px;height: 45px;background: url('images/adults.png') no-repeat;display: inline-block;background-size:contain;margin-right:5px;}
.adults:hover {width: 45px;height: 45px;background: url('images/adults-text.png') no-repeat;display: inline-block;background-size:contain;}

.familyfriendly {width: 45px;height: 45px;background: url('images/family-friendly.png') no-repeat;display: inline-block;background-size:contain;margin-right:5px;}
.familyfriendly:hover {width: 45px;height: 45px;background: url('images/family-friendly-text.png') no-repeat;display: inline-block;background-size:contain;}

.itembox {background-color:#F8F8F8;color:black;border:1px solid #E5E5E5;padding:7px;text-align:left;margin-bottom:3px;}


.homes {cursor:pointer;max-width:325px;border:1px solid silver;display:inline-block;}
.homesimg {display:block;}
.homestext {background-color:#F5F5F5;color:#4F4F4F;padding:15px;}
.homestext1 {font-weight:300;font-size:24pt;color:black;}
.homestext2 {font-weight:700;font-size:10pt;}

.textinput {

	outline: none;
	text-decoration: none;
	font: 13pt 'Roboto', Arial;
	padding:10px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	color: black;
	border: solid 1px silver;
	text-align:left;
	background: red;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EEEEEE));
	background: -moz-linear-gradient(top,  #FFFFFF,  #EEEEEE);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE');
width:100%;
 display: table-cell;
  box-sizing : border-box;

}



.tinybutton {color:white;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
	text-align:center;
	background: #768EA6;
	background-image: linear-gradient(#768EA6, #48627D);
	padding:2px 10px 2px 10px;cursor:pointer;outline:0;border:0;-webkit-box-shadow: 2px 2px 12px -3px rgba(0,0,0,0.25);
-moz-box-shadow: 2px 2px 12px -3px rgba(0,0,0,0.25);
box-shadow: 2px 2px 12px -3px rgba(0,0,0,0.25);text-decoration:none;font-size:9pt;}


.tinybutton:hover {background: #48627D;background-image: linear-gradient(#48627D, #768EA6);outline:0;text-decoration:none;}








.buttonbooking2 {color:#333333;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
	text-align:center;
	background: #9C9C9C;
	
	padding:10px;cursor:pointer;outline:0;border:0;-webkit-box-shadow: 2px 2px 12px -3px rgba(0,0,0,0.25);
-moz-box-shadow: 2px 2px 12px -3px rgba(0,0,0,0.25);
box-shadow: 2px 2px 12px -3px rgba(0,0,0,0.25);border:1px solid #828282;text-decoration:none;}



.button, .buttonbooking {margin-bottom:5px;color:white;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
	text-align:center;
	background: #333333;
	
	padding:10px;cursor:pointer;outline:0;border:0;-webkit-box-shadow: 2px 2px 12px -3px rgba(0,0,0,0.25);
-moz-box-shadow: 2px 2px 12px -3px rgba(0,0,0,0.25);
box-shadow: 2px 2px 12px -3px rgba(0,0,0,0.25);border:1px solid black;text-decoration:none;}

.button:hover, .buttonbooking:hover {background: #4B4B4B;outline:0;border:1px solid #373737;text-decoration:none;}

.buttonbooking2:hover {background: #B2B2B2;outline:0;border:1px solid #828282;text-decoration:none;}


.buttonqr {padding-top:20px;padding-bottom:20px;margin-bottom:10px;color:white;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
	text-align:center;cursor:pointer;outline:0;border:0;-webkit-box-shadow: 2px 2px 12px -3px rgba(0,0,0,0.25);
-moz-box-shadow: 2px 2px 12px -3px rgba(0,0,0,0.25);
box-shadow: 2px 2px 12px -3px rgba(0,0,0,0.25);text-decoration:none;font-weight:700;text-transform:uppercase;background-color:black;background-size: cover;}
.buttonqr:hover {background-color:black;background-image:none;text-decoration:none;}





.es-carousel ul{display:block;}

.boxtitle {border:1px solid #E9E9E9;background-color:#F3F3F3;padding:15px;text-align:left;font-weight:bold;}
.box {border:1px solid #E9E9E9;border-top:0;background-color:white;color:#464646;line-height:23px;padding:15px;text-align:left;}



.videoWrapper {
	position: relative;
	padding-bottom: 56%;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}








.barheight {height:90px;}
.cb {clear:both;display:inline-block;}

.fr {float:right;padding-left:10px;}
.fl {float:left;padding-right:10px;}
.mi {display:none;}
.di {display:inline-block;}

.background {background-size:cover;}
#largenav {display:block;}
#innav {display:block;}
#smallnav {display:none;}



.nav, .navsm, .navon, .navsmon {display:inline-block;padding-top:15px;padding-bottom:15px;}
.nav a, .navsm a, .islink {color:white;text-align:center;text-decoration:none; border-bottom:2px solid transparent;}
.nav a:hover, .navsm a:hover, .navon a, .navsmon a, .islink:hover {text-decoration:none;color:#767676;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}
.navsm, .navsmon {font-size:10pt;padding:2px;}
/* .nav, .navon {padding:1%;} */
.nav {padding-right:20px;}
.nav a, .islink {font-weight:bold;text-transform:uppercase;}
.nav .subnav {color:black;display:block;font-size:10pt !important;text-decoration:none;font-family:'Mulish',Arial;padding:6px;border:0px;}
.nav .subnav:hover {color:#999999;-moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;background-color:#EEEEEE;}


.mainlogo, .mainnav {margin:0 auto;}
.mainlogo {width:200px;height:134px;background:url('/images/swan-lake-resort-sm@2x.png') center center no-repeat;background-size:contain;}

















.topheader { 
	color:white;
	border-bottom:2px solid #4F4F55;
	background: #182033; /* For browsers that do not support gradients */    
    background: -webkit-linear-gradient(left top, #17181D, #2F2F31); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom right, #17181D, #2F2F31); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, #17181D, #2F2F31); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, #17181D, #2F2F31); /* Standard syntax (must be last) */
	height:90px;
	box-shadow:0 0 10px rgba(0,0,0,0.8);
}

.innerlogo {width:125px;height:58px;background:url('/images/swan-lake-resort-sm2@2x.png') center center no-repeat;background-size:contain;position:absolute;top:20px;left:10px;}
.logoline {
	position:absolute;
	top:13px;
	left:145px;
	border-right:1px solid white;
	height:75px;
}

.toptitle {
	/*
	position:absolute;
	top:22px;
	left:160px;
	*/
	font-size:20pt;
	text-align:left;
	text-transform:uppercase;
	padding:0;
	margin:0;
	font-weight:200;
}



.checkin {/*position:relative;float:right;top:-7px;right:10px;*/padding-right:10px;margin-bottom:20px;white-space:nowrap;}
.checkin .widgetHotelsForm .acessa_widget_block p {font-size:8pt !important;color:gray !important;text-transform:uppercase;}

.submit_link {width:90px !important;min-width:30px !important;top:26px !important;}




.innernav {position:absolute;top:55px;left:157px;width:calc(100% - 160px);}
.innernav .nav {padding-bottom:0;}
.innernav .nav a, .innernav .islink {font-size:clamp(8pt,1.2vw,10pt)} 

.mobilemenu {display:none;margin-right:20px;}
#smallmenu {visibility:hidden;position:relative;top:13px;left:-5px;border-top:1px solid white;}


#backgroundcloseclick {display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:99;}




@media screen and (max-width: 870px){
	.toptitle {font-size:18pt;text-align:center;}
	.topheader, .barheight {height:120px;}
	.innernav {position:absolute;top:85px;text-align:center;left:20px;width:calc(100% - 20px);}
}


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

	.cb {display:none;}
	.fr, .fl {float:none;padding:0;text-align:center;}
	.headertext {text-align:center;}
	.mi {display:inline-block;}
	.di {display:none;}


	.checkin {position:absolute;padding-bottom:10px;border-top:2px solid #4F4F55;float:none;width:100%;text-align:center;top:92px;left:0;white-space:nowrap;}


	.toptitle {width:100%;text-align:center;}
	#smallmenu {display:block;visibility:visible;}
	.barheight, .topheader {height:150px;}
	#largenav {display:none;}
	#innav {display:none;}
	.mobilemenu {display:inline-block;}
	

}