/* Bootstrap sm Devices*/

.desktop, .desktop-inline{

	display:none;

}

.bs-sm{

	display:block !important;

}

.bs-sm-inline{

	display:inline !important;

}

.bs-dt-lg, .bs-dt-md, .bs-dt-lg-inline, .bs-dt-md-inline{

	display:none !important;

}



.bs-ut-sm{

	display:block !important;

}

.bs-ut-sm-inline{

	display:inline !important;

}



/* Header */

#LogoContainer img{

	width: 250px;

	margin: 14px;

	margin-left: 7%;

}

#blackbar li a{

	padding: 13px 10px;

}

#footer .teal-btn {

	margin: 15px 0;

}

#main-menu{

	top: 40px;

}

#con {

	min-height: calc( 100vh - 406px );

	background-color: #fff;

}





#email-signup{

	position: static;

	padding-bottom: 50px;

	max-width: 500px;

	padding: 0 15px;

	margin: 0 auto;

}

#email-signup #show-signup{

	display: none;

}

#email-signup form{

	display: block !important;

	height: auto;

	width: auto;

	float: none;

	background: transparent;

	height: auto;

	white-space: normal;

}

#email-signup form > span.title{

	text-align: center;

	margin-bottom: 20px;

}

#email-signup form > span,

#email-signup form input,

#email-signup form select,

#email-signup form .ui-selectmenu-button{

	width: 100% !important;

	display: block;

	padding: 0;

}

#email-signup form input,

#email-signup form select,

#email-signup form .ui-selectmenu-button{

	border: 2px #ddd solid;

	padding: 5px 15px;

	margin-bottom: 20px;

}



#email-signup form input[type=submit]{

	width: auto !important;

	margin:  auto;

	padding: 10px 25px;

}

#email-signup #signup-loading{

	background-position: center;

}



#footer #contact-info .col-sm-6 {

	text-align: left;

}



/* General */

#event-search-bar{

	font-size: 14px;

	letter-spacing: -0.5px;

}

#event-search-bar .ui-selectmenu-button,

#event-search-bar .select{

	max-width: 114px;

	min-width: 0;

	font-size: 13px;

	padding-top: 6px;

	padding-bottom: 6px;

}

#event-search-bar input{

	font-size:13px;

	padding: 5px 6px 7.25px;

}



#event-search-bar .ui-selectmenu-button span.ui-selectmenu-text,

.ui-selectmenu-menu .ui-menu li {

	font-size:13px;

}



.row.title{

	padding: 0 30px;

}





/* Home Page */

#video-background div{

	font-size: 32px;

}

#articles li span.info{

	font-size: 12px;

	padding: 0 2%;

}

#articles .slides li a{

	font-size: 12px;

}



#articles h2{

	font-size: 24px;

}

#articles li > div > div{

	font-size: 14px;

	line-height: 18px;

}

.our-customers > div:first-child > div > div:first-child{

	height: 300px;

}

.our-customers .icon{

	display: table-cell;

}

.our-customers .icon > div{

	display: block;

	width: 100%;

	height: 100%;

}

.our-customers .icon a{

	display: block;

	position: relative;

	overflow: hidden;

	width: 100%;

	height: 100%;

}



.our-customers .fixed-quote > div, .our-customers .flipper[data-list=quotes] .box > div {

	font-size: 18px;

	line-height: 20px;

}





/* Property search */

#side-bar{

	margin: 0 -15px;

}

#side-bar > li {

		width: calc(50% - 30px);

		margin: 15px !important;

		display: block;

		float: left;

}



#side-bar .green-box {

		margin-top: 42px !important;

}

#filter .checkboxs li{

	font-size: 16px;

}

.page-template-property_search .ui-menu .ui-menu-item{

	font-size: 12px;

}

.page-template-property_search > .row{

		height: calc(100% - 111px);

}

.page-template-property_search #main-row{

	position: relative;

}

.page-template-property_search

.property > li:first-child{

	height: 16vw;

}

#filter-bar .contact-info{

	margin-left: -15px;

	display: block;

	text-align: center;

}

.page-template-property_search

 #filter .checkboxs li{

	padding: 12px 20px;

 }

.page-template-property_search

.property > li.row{

	font-size: 12px;

}

#properties-con .contact-info, #filter-bar .contact-info{

	padding: 0 10px;

}

/* Property Single */

.page-template-property_single #property-left{

	padding: 0 15px;

}

.page-template-property_single #property-left .blue-box{

	margin-top: 30px;



}

#properties-also

.property > li:first-child{

	height: 180px;

}

#property-info > li{

	padding-bottom: 15px;

}

#properties-also

ul.flex-nav li{

	margin-left: -42px;

	margin-right: -42px;

}

#properties-also-link{

	margin-top: 0;

}



/* Contact us */

.page-template-contactus #con{

	padding: 0 15px;

}

.page-template-contactus #con > .row{

	display: block;

}

.page-template-contactus #con > .row > div:after{

	clear:both;

	display: block;

	content: '';

}

.page-template-contactus .table > .row > div{

	display: block;

	padding-bottom: 50px;

}

.page-template-contactus #con > .row > div:first-child{

	border-right: none;

}

.page-template-contactus #map{

	height:45vw;

	width:100%;

}







/* Why ZZZ */

.article.switched div.info,

.article div.info{

	padding: 0 3%;

	font-size: 14px;

	line-height: 18px;

}

.article h2{

	font-size: 30px;

}



/* City Guides */

#header-photo.guide-slider{

	height: 300px;

	height: calc(80vw - 135px);

	max-height: 100vh;

}

.page-template-city_guides

#spot-type,

.page-template-city_guides

#event-search-bar #spot-type-button{

	min-width: 0;

	font-size: 16px;

}

.page-template-city_guides

#event-search-bar{

	font-size: 20px;

}





/* Holidays */

.holidays > div{

	position: relative;

	height: 300px;

	height: 60vw;

	padding: 0;

}



.holidays > div h2 {

	font-size: 32px;

	padding: 0 5px;

}



.holidays .float-up,

.holidays .float-down{

	font-size: 20px;

	padding: 0 15px;

}

.page-template-holidays

#event-search-bar > div{

	padding: 0 20px;

}

.page-template-holidays

#event-search-bar > div > .select,

.page-template-holidays

#event-search-bar > div >  .ui-selectmenu-button{

	display: block;

	width: 100% !important;

	max-width: none;

	margin-left: 0;

	text-align: left;

	padding: 5px 15px;

	font-size: 20px;

}

.page-template-holidays

#event-search-bar > div > span:not(.ui-selectmenu-button){

	display: block;

	width: 100% !important;

	max-width: none;

	margin-left: 0;

	text-align: left;

	margin-top: 25px;

	font-size: 20px;

}

.page-template-holidays



#event-search-bar input{

	width: auto;

	padding: 6px 20px;

	margin: 30px auto;

}





#mainbar {

	margin-top: -1px;

}



#send-request-form input[type=submit] {

	margin-left: auto;

	margin-right: auto;

	float: none;

	display: block;

	margin-bottom: -100px;

	width: 50%;

}





#send-request-form select, #send-request-form .ui-selectmenu-button {

	font-weight: 400;

	margin: 0 5px 0 10px;

	max-width: 97px;

	min-width: 97px;

}