﻿body 
	{ min-width: 0; top: 0px !important; }

.goog-te-banner-frame.skiptranslate 
	{ display: none !important; } 
	
#mobile-menu
	{ display: none; }
#header .tollfree br
	{ display: none; }
#header .pageTitle br
	{ display: none; }

#page-wrapper
	{ margin: 0 auto; width: auto; max-width: 1400px; position: static; left: auto; }
#content
	{ position: static; left: auto; }
	
iframe[name=google_conversion_frame]
	{ display: none; }
	
.scrollable * 
	{ outline: none !important; }
	
#featured
	{ height: auto; max-height: 538px; overflow: hidden; }
#featured2
	{ height: auto; max-height: 441px; overflow: hidden; width: 100%; }
#featured3
	{ height: auto; max-height: 1140px; overflow: hidden; width: 100%; }

#featured.withVideo
	{ max-height: 578px; }	
.withVideo #showcase
	{ /*padding: 56.4453% 0 0 0;*/ }
	
.details .scrollable
	{ width: auto; height: auto; }
	
#featured .slide-item
	{ position: relative; }
	
#featured .slide-item .overlay
	{ position: absolute; bottom: 29px; left: 36px; text-shadow: 2px 2px 2px #221D1A; display: none; }
#featured .slide-item .overlay h2
	{ font-size: 16px; line-height: 20px; margin-bottom: 6px; color: #fff; font-style: normal; font-family: Arial, Verdana, sans-serif; }
#featured .slide-item .overlay h2 > span
	{ font-size: 24px; line-height: 20px; margin-bottom: 6px; font-style: italic; font-family: 'Palatino Linotype'; color: #d2c3a1; }
#featured .slide-item .tag-overlay 
	{ position: absolute; top: 50%; left: 0; right: 0; text-shadow: 2px 2px 2px #221D1A; margin: -35px 0 0 0; display: none; }
#featured .slide-item .tag-overlay h2
	{ font-size: 16px; line-height: 20px; margin-bottom: 6px; font-style: normal; font-family: Arial, Verdana, sans-serif; text-align: center; }
#featured .slide-item .tag-overlay h2 > span
	{ font-size: 32px; line-height: 32px; font-family: Arial, Helvetica, sans-serif; color: #d2c3a1; }
#featured .slide-item img
	{ width: 100% !important; height: auto !important; display: none; }
	
.slick-arrow
	{ position: absolute; top: 260px; z-index: 20; display: block; width: 50px; height: 49px; cursor: pointer; border: 0; text-indent: -9999px; text-align: left; outline: none; }
.slick-prev
	{ left: 220px; background: url("../img/btn/arrow-prev.png") no-repeat; }
.slick-next
	{ right: 220px; background: url("../img/btn/arrow-next.png") no-repeat; }
	
#featured2 .slide-item
	{ width: 100%; }
#featured2 .slide-item img
	{ display: none; width: 100%; height: auto; }
	
#featured3 .scrollable
	{ max-width: 680px; margin: 0 auto; }
#featured3 .scrollable .slide-item
	{ max-height: 1100px; }
#featured3 .slide-item img
	{ width: 100% !important; height: auto !important; display: none; }
	
#featured2 .slick-arrow
	{ top: 183px; }
#featured2 .slick-prev
	{ left: 45px; }
#featured2 .slick-next
	{ right: 45px; }
	
#featured3 .slick-arrow
	{ top: 20px; }
#featured3 .slick-prev
	{ left: 20px; }
#featured3 .slick-next
	{ right: 20px; }
	
.mapHolder
	{ position: relative; width: 100%; height: 0; padding-top: 78.125%; }
.mapHolder > iframe
	{ display: block; position: absolute; width: 100% !important; height: 100% !important; left: 0; right: 0; top: 0; bottom: 0; }
	
.slick-dots
	{ position:absolute; z-index: 20; bottom: 31px; left: 0; right: 0; width: 100%; text-align:center; list-style: none; padding: 0 !important; } 
.slick-dots li
	{ margin: 0 10px; display: inline-block; width: 12px; height: 12px; }
.slick-dots li button
	{ display: block; width: 12px; height: 12px; background: transparent url("../img/btn/bullets.png") no-repeat; border: 0; text-align: left; text-indent: -9999px; }
.slick-dots li.slick-active button
	{ background-position: -12px 0; }
	
#featured3 .slick-dots
	{ position: static; padding: 15px 0 0 0 !important; }
	
.inner
	{ max-width: 990px; width: auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 15px; }
	
.new-row
	{ margin: 0 -10px; }
.packages-img-div
	{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 33.333333333333333333%; padding: 0 10px 15px; }
.packages-img-div h3
	{ padding-right: 0; }
.packages-img-div .packages-thumb
	{ width: 100% !important; height: auto !important; margin: 0; }
	
.box-wrapper
	{ margin: 0 -7px; }
.box1
	{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 33.333333333333333333%; padding: 0 7px 30px; margin: 0; }
.box1 .img-wrapp img
	{ width: 100% !important; height: auto !important; overflow:hidden;}
	
.box2
	{ width: auto; margin: 0 7px 14px; } 
.box2 div.description
	{ float: none; overflow: hidden; width: auto; margin: 0 0 15px 0; }
.box2 .img-wrapp img
	{ margin: 0 20px 8px 0; }

#main section
	{ float: none; width: auto; padding: 0; margin: 0 0 0 245px; overflow: hidden; }	
	
.entry-content p.resultsP
	{ padding: 30px 0 0 0; margin: 0; float: left; }
.gridSwitch
	{ float: right; }
	
/*form#AvailabilityForm input
	{ border: 0; padding: 3px; margin: 3px 0; }*/
form#AvailabilityForm textarea
	{ width: 500px; }
	
.concierge-img-div
	{ max-width: 50%; float: left; margin: 0 20px 13px 0; width: auto; height: auto; }
.concierge-img-div img.concierge-thumb
	{ display: block; margin: 0; float: none; width: 100%; height: auto; }
.concierge-img-div + div
	{ overflow: hidden; } 
	
img.imgFullWidth
	{ display: block; width: 100% !important; height: auto !important; }
	
.smallTable
	{ width: 100%; max-width: 500px; }
.weatherTable
	{ width: 100%; max-width: 576px; margin: 0 auto; }
	
.priceTable td
	{ vertical-align: top; padding: 13px 13px 13px 0; }
.priceTable td h3
	{ margin: 0; }
	
table.cars
	{ width: 100%; }
table.cars td
	{ width: 50%; }
table.cars td img
	{ width: 100% !important; height: auto !important; }
	
table.ResSysData
	{ margin-left:0px; width:100%; }

form#ResSysForm > table > tbody > tr > td.fieldlabel,
form#ResSysForm2 > table > tbody > tr > td.fieldlabel
	{ text-align: right; }
	
textarea.NotesSection
	{ width:100%; min-width:750px;}	

@media all and (max-width: 1099px) {	
	
	.slick-arrow
		{ display: none !important; }
	.slick-dots
		{ display: none !important; }
		
}
	
@media all and (max-width: 1023px) {

	#mobile-menu
		{ display: block; width: 34px; height: 34px; background: transparent url("../img/mobile-menu.png") no-repeat center center; float: right; margin: 12px 0 0 0; }
	header nav
		{ display: none; position: absolute; top: 63px; left: 0; right: 0; background: #000; border-bottom: 5px solid #6d3e22; }
	header nav > ul
		{ padding: 0; } 
	header nav > ul > li
		{ float: none; border: 0; text-align: right; background: transparent; }
	header nav > ul > li > a
		{ width: auto; padding: 0 15px; text-align: right; font-size: 16px; height:40px; } 

	header nav > ul > li.realestate > a
	    { width:auto }
	header nav > ul > li.tours > a
	    { width:auto }
	header nav > ul > li.costarica > a
	    { width:auto }		
	header nav > ul > li.rentals > a
	    { width:auto }
	header nav > ul > li.leads > a
	    { width:auto }
	header nav > ul > li.services > a
	    { width:auto }
	header nav > ul > li.tasks > a
	    { width:auto }
	header nav > ul > li.admin > a
	    { width:auto }
	    
	#featured .slide-item .tag-overlay h2 > span
		{ font-size: 22px; line-height: 22px; }
		
	header nav > ul > li > .submenu,
	header nav > ul > li:hover > .submenu
		{ display: none; position: static; width: auto; }
	header nav > ul > li > .submenu > .wrapper
		{ position: static; width: auto; height: auto; background-size: 100% 100%; padding-bottom: 15px; margin-bottom: 12px; }
	header nav > ul > li > .submenu > .wrapper > ul
		{ position: static; width: auto; margin: 0; padding-top: 5px; }
	header nav > ul > li > .submenu > .wrapper > ul > li,
	header nav > ul > li > .submenu > .wrapper > ul > li.img-link
		{ width: auto !important; padding: 0 15px !important; float: none !important; }
	header nav > ul > li > .submenu > .wrapper > ul > li.img-link > a
		{ width: 100%; background-position: right bottom; /*height: 200px;*/ }
	header nav > ul > li.rentals > .submenu > .wrapper > ul > li.img-link > a
		{ width: 100%; background-position: right 8px bottom; height: 160px; }
	header nav > ul > li.costarica > .submenu > .wrapper > ul > li.img-link > a
		{ width: 100%; background-position: right bottom; height: 120px; }
	header nav > ul > li > .submenu > .wrapper > ul > li.img-link > a > span
		{ display: block; padding: 0; width: 180px; text-align: left; left: auto; }
	header nav > ul > li.rentals > .submenu > .wrapper > ul > li.img-link > a > span
		{ right: 44px; }
	header nav > ul > li > .submenu > .wrapper > ul > li h2
		{ font-size: 16px; line-height: 30px; }
	header nav > ul > li > .submenu > .wrapper > ul > li > ul > li
		{ font-size: 16px; line-height: 30px; }
	header nav > ul > li > a span
		{ display: none !important; }
		
	#header .tollfree
		{ width: auto; margin: 40px 15px 0; }
		
	.box1
		{ width: 50%; }
		
	.cols3 
		{ -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
		
	.entry-content p, 
	.entry-content ul li
		{ font-size: 16px; }
		
	.entry-content p.resultsP
		{ width: 100%; }
	.gridSwitch
		{ float: left; padding: 15px 0 5px 0; }
	
	.home article > a
		{ display: block; width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 15px; }
	.home article.article-one > a
		{ float: left; }
	.home article.article-two > a
		{ float: right; }
	.home article > a img
		{ display: block; max-width: 100%; height: auto !important; margin: 0 auto !important; float: none !important; }
		
	.home article > .text-box
		{ width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 15px !important; }
		
	.promo-box	
		{ display: none !important; }
		
	footer .col
		{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50% !important; }
	footer .col + .col
		{ border: 0 !important; }
	footer .col.last
		{ width: 375px !important; padding: 40px 0 !important; margin: 0 auto; float: none !important; clear: both; }
}

@media all and (max-width: 1023px) {
	.noTablet
		{ display: none !important; }

	#footer 
		{ padding: 20px 0 70px 0; }
	.details #main 
		{ padding: 147px 0 20px 0; }
	.search #main 
		{ padding: 100px 0 40px 0; }
	#main aside #reset 
		{ float: none; margin-left: 10px;}
	.entry-content 
		{ padding-top: 0px;}
	.entry-content h1
		{ margin-top: 0px;}
	.entry-content p.resultsP 
		{ padding: 10px 0 0 0; }
	#plain.concierge-page > .inner
	    { background:none; }
	    
	textarea.NotesSection
		{ width:100%; min-width:500px; }	

	.DescBullets
		{ columns: 2; -webkit-columns: 2; -moz-columns: 2; }

}

@media all and (max-width: 767px) {
	.no767
		{ display:none !important; }

	#logo
		{ width: 198px; height: 163px; background-size: 100% auto; }
		
	#featured
		{ max-height: 295px; }
		
	#featured .slide-item
		{ height: 295px; overflow: hidden; }
	#featured .slide-item img
		{ width: auto !important; height: 295px !important; position: absolute; top: 0; left: 50%; margin: 0 0 0 -384px; }
		
	#featured .slide-item .tag-overlay 
		{ display: none !important; }
	#featured .slide-item .overlay
		{ bottom: 10px; left: 20px; }
	#featured .slide-item .overlay h2
		{ font-size: 14px; }
	#featured .slide-item .overlay h2 span
		{ font-size: 20px; }

	.home article > a
		{ width: 100%; margin-bottom: 50px !important; }
	.home article > .text-box
		{ width: 100%; margin-bottom: 50px !important; }
		
	#header .tollfree 
		{ font-size: 16px; line-height: 20px; margin: -38px 64px 0 0; position: relative; z-index: 10000; }
	#header .tollfree br
		{ display: block; }
		
	.packages-img-div
		{ width: 50%; }
		
	.concierge-img-div
		{ max-width: 100%; margin: 0 0 13px 0; width: 100%; }
	.concierge-img-div + div
		{ width: 100%; clear: both; margin: 0 0 20px 0; }
	.concierge-img-div + div h3
		{ margin-top: 0; }
		
	table.cars
		{ display: block; }
	table.cars tr
		{ display: block; }
	table.cars tr td
		{ display: block; width: 100%; text-align: left !important; margin-bottom: 20px !important; }
	
	.box2 .img-wrapp img
		{ width: 100%; margin: 10px 0 15px 0; float: none; height: auto; }
		
	.details .entry-content h1
		{ width: auto !important; }
		
	#main aside ul > li h3,
	#main aside ul > li .time
		{ text-align: left; }
		
	form#AvailabilityForm > table
		{ display: block; }
	form#AvailabilityForm > table > tbody > tr
		{ display: block; }
	form#AvailabilityForm > table > tbody > tr > td
		{ display: block; text-align: left; }
	form#AvailabilityForm input,
	form#AvailabilityForm textarea
		{ display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0; width: 100%; padding: 5px; }
	form#AvailabilityForm input#SpamKiller
		{ display: none; }
	form#AvailabilityForm input.hasDatepicker
		{ display: inline-block; width: 100px !important; }
	form#AvailabilityForm input.button5
		{ font-family: 'Palatino Linotype'; display: inline-block; padding: 0 10px; vertical-align: bottom; text-align: center; height: 45px; line-height: 23px; font-size: 16px; color: #fff; text-decoration: none; background: #74482b; border: 3px solid #977660; width: auto; }
		
	#CheckAvailability
		{ padding-top: 10px; margin-bottom: 0;}

	.DescBullets
		{ columns: auto; -webkit-columns: auto; -moz-columns: auto; }

	form#ResSysForm > table, 
	form#ResSysForm2 > table
		{ display: block; }
	form#ResSysForm > table > tbody, 
	form#ResSysForm2 > table > tbody
		{ display: block; }
	form#ResSysForm > table > tbody > tr, 
	form#ResSysForm2 > table > tbody > tr
		{ display: block; }
	form#ResSysForm > table > tbody > tr > td, 
	form#ResSysForm2 > table > tbody > tr > td
		{ display: block; text-align: left; }
	form#ResSysForm > table > tbody > tr > td > label, 
	form#ResSysForm2 > table > tbody > tr > td > label
		{ display: block; text-align: left; }
			
	form#ResSysForm > table.Inline, 
	form#ResSysForm2 > table.Inline
		{ display: block; }
	form#ResSysForm > table.Inline > tbody, 
	form#ResSysForm2 > table.Inline > tbody
		{ display: block; }
	form#ResSysForm > table.Inline > tbody > tr, 
	form#ResSysForm2 > table.Inline > tbody > tr
		{ display: table-row; text-align: left; }
	form#ResSysForm > table.Inline > tbody > tr > td, 
	form#ResSysForm2 > table.Inline > tbody > tr > td
		{ display: table-cell; text-align: left; }
	form#ResSysForm > table.Inline > tbody > tr > td > label, 
	form#ResSysForm2 > table.Inline > tbody > tr > td > label
		{ display: block; text-align: left; }
		
	form#ResSysForm input, form#ResSysForm textarea, 
	form#ResSysForm2 input, form#ResSysForm2 textarea
		{ display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0; width: 100%; padding: 3px; }
	form#ResSysForm div.fancyCheck, 
	form#ResSysForm2 div.fancyCheck
		{ margin: 0;}
	form#ResSysForm .fancyCheck > input, 
	form#ResSysForm2 .fancyCheck > input
		{ display:inline;}

	form#ResSysForm > table > tbody > tr > td > table,
	form#ResSysForm2 > table > tbody > tr > td > table
		{ display: block; margin: 0; }
	form#ResSysForm > table > tbody > tr > td > table > tbody,
	form#ResSysForm2 > table > tbody > tr > td > table > tbody
		{ display: block;  }
	form#ResSysForm > table > tbody > tr > td > table > tbody > tr,
	form#ResSysForm2 > table > tbody > tr > td > table > tbody > tr 
		{ text-align: left; }
	form#ResSysForm > table > tbody > tr > td > table > tbody > tr > td,
	form#ResSysForm2 > table > tbody > tr > td > table > tbody > tr > td
		{ display: block; text-align: left; padding-left: 0px }
	form#ResSysForm > table > tbody > tr > td > table > tbody > tr > td.fieldlabel,
	form#ResSysForm2 > table > tbody > tr > td > table > tbody > tr > td.fieldlabel
		{ text-align: left; }
	form#ResSysForm > table > tbody > tr > td > table > tbody > tr > td > label,
	form#ResSysForm2 > table > tbody > tr > td > table > tbody > tr > td > label
		{ display:block; text-align: left; }
		
	form#ResSysForm > table > tbody > tr > td > table.Inline,
	form#ResSysForm2 > table > tbody > tr > td > table.Inline
		{ display: block; margin: 0; }
	form#ResSysForm > table > tbody > tr > td > table.Inline > tbody,
	form#ResSysForm2 > table > tbody > tr > td > table.Inline > tbody
		{ display: block; }
	form#ResSysForm > table > tbody > tr > td > table.Inline > tbody > tr,
	form#ResSysForm2 > table > tbody > tr > td > table.Inline > tbody > tr 
		{ display: table-row; text-align: left; }
	form#ResSysForm > table > tbody > tr > td > table.Inline > tbody > tr > td,
	form#ResSysForm2 > table > tbody > tr > td > table.Inline > tbody > tr > td
		{ display: table-cell; text-align: left; }
	form#ResSysForm > table > tbody > tr > td > table.Inline > tbody > tr > td.fieldlabel,
	form#ResSysForm2 > table > tbody > tr > td > table.Inline > tbody > tr > td.fieldlabel
		{ text-align: left; }
	form#ResSysForm > table > tbody > tr > td > table.Inline > tbody > tr > td > label,
	form#ResSysForm2 > table > tbody > tr > td > table.Inline > tbody > tr > td > label
		{ display:block; text-align: left; }
		
	form#ResSysForm input#SpamKiller
		{ display: none; }
			
	form#ResSysForm input.hasDatepicker,
	form#ResSysForm2 input.hasDatepicker
		{ display: inline-block; width: 100px !important; }
	form#ResSysForm input.button5,
	form#ResSysForm2 input.button5
		{ font-family: 'Palatino Linotype'; display: inline-block; padding: 0 10px; vertical-align: bottom; text-align: center; height: 45px; line-height: 23px; font-size: 16px; color: #fff; text-decoration: none; background: #74482b; border: 3px solid #977660; width: auto; }

	form#ResSysForm button.button5,
	form#ResSysForm2 button.button5
		{ padding: 0 10px; height: 45px; width: auto; }

	div[itemprop=description] table
		{ display: block; margin: 0 0 20px 0; }
	div[itemprop=description] table tr
		{ display: block; }
	div[itemprop=description] table tr td
		{ display: block; }
	div[itemprop=description] table tr td ul
		{ padding-bottom: 0; }
		
	.cols3 
		{ -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
		
	#footer .col
		{ width: auto !important; border: 0 !important; float: none !important; padding: 0 15px !important; }
	#footer .col.last
		{ padding: 40px 0 0 0 !important; }
	#footer .partners a
		{ float: none; margin: 0 auto 15px !important; }
	#footer .partners a img
		{ margin: 0 auto; }
	#footer .newsletter-box
		{ margin: 0 auto; }

	#footer ul li,
	#footer ul li a
		{ font-size: 16px !important; line-height: 24px !important; }

	#header .pageTitle
	    { width: 100%; margin: 0 auto; margin-top:50px; }
	#header .pageTitle br
		{ display: block; }
	#header .pageTitle H1
		{ margin-bottom: 10px; }

	table.ResSysData th a
		{ font-size:13px; }
	table.ResSysData td 
		{ font-size:12px; }

	textarea.NotesSection
		{ width:100%; min-width:580px; }	

	.card-container 
		{ margin: 0; }
			
}

.onlyMobile
	{ display:none;}

@media all and (max-width: 640px) {
	.no640
		{ display: none; }

	.onlyMobile
		{ display:inline; }

	#featured
		{ max-height: 269px; }

	#featured .slide-item
		{ height: 269px; overflow: hidden; }
	#featured .slide-item img
		{ width: auto !important; height: 269px !important; position: absolute; top: 0; left: 50%; margin: 0 0 0 -384px; }

	.packages-img-div
		{ width: 100%; }

	#main aside
		{ width: 100%; padding: 0; background: transparent; margin: 0; min-height: 0; } 
	#main aside ul
		{ padding: 5px; }
	#slider, #bdrm-slider, #star-slider
		{ width: 100%; }
	/*.from-to, .bdrm-from-to, .star-from-to
		{ width: 172px; }*/
	#main section
		{ width: 100%; margin: 0; }
	.box1
		{ width: 100%; }
	.weatherTable th
		{ white-space: normal; font-size: 13px; }

	form#DateForm > table
		{ display: block; }
	form#DateForm > table > tbody > tr
		{ display: block; }
	form#DateForm > table > tbody > tr > td
		{ display: block; text-align: left; }
	form#DateForm input,
	form#DateForm textarea
		{ display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0; width: 100%; padding: 5px; }
	form#DateForm input#SpamKiller
		{ display: none; }
	form#DateForm input.hasDatepicker
		{ display: inline-block; width: 100px !important; }
		
	form#DateForm input.button5
		{ border: 3px solid #977660; padding: 0px 20px;}

/*
	form#ResSysForm > table
		{ display: block; }
	form#ResSysForm > table > tbody > tr
		{ display: block; }
	form#ResSysForm > table > tbody > tr > td
		{ display: block; text-align: left; }
	form#ResSysForm > table > tbody > tr > td.fieldlabel
		{ text-align: left; }
*/
	form#ResSysForm input.hasDatepicker,
	form#ResSysForm2 input.hasDatepicker
		{ display: inline-block; width: 80px !important; }
		
	.prices-box 
		{ display:none; }
	.search-terms-form
		{ padding-top: 0px; display:none;}

	textarea.NotesSection
		{ width:404px; min-width: 404px; }	

/*	
	form#DateForm input.button5
		{ font-family: 'Palatino Linotype'; display: inline-block; padding: 0 10px; vertical-align: bottom; text-align: center; height: 45px; line-height: 23px; font-size: 16px; color: #fff; text-decoration: none; background: #74482b; border: 3px solid #977660; width: auto; }
*/		

}

@media all and (max-width: 480px) {
	.noMobile
		{ display: none !important; }
			
	#logo
		{ width: 146px; height: 120px; }

	#featured
		{ max-height: 200px; }
		
	#featured .slide-item
		{ height: 200px; overflow: hidden; }
	#featured .slide-item img
		{ width: auto !important; height: 200px !important; position: absolute; top: 0; left: 50%; margin: 0 0 0 -240px; }

	#header .pageTitle
	    { width: 100%; margin: 0 auto; margin-top:68px; }

	.details .scrollable 
		{ margin-bottom: 20px; }
	.search #main 
		{ padding: 60px 0 40px 0; }

}
