/** Total Bali Villas* Copyright 2013, Adwin Dwitaufani ( Rubicz )* www.rubicz.com** This Page is about basic styles of our website*/@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);@import url(https://fonts.googleapis.com/css?family=Raleway:400,600);/* Clearfix */.clearfix:before,.clearfix:after {    content: " ";    display: table;}.clearfix:after {    clear: both;}.clearfix {    *zoom: 1;}/* #Navigation================================================== */body{	overflow-x: hidden;	width: 100%;	position: relative;	display: block;	font-smooth: always;	-webkit-font-smoothing: subpixel-antialiased;  	}.full{ position: relative; width: 100%; padding: 0px; margin: 0px; }.thin{	height: 5px;}.thin .blue-line{ 	width: 50%; 	background: #7ecdee;	float: left;	height: inherit;}.thin .dark-blue-line{ 	width: 50%; 	height: inherit;	background: #226078;	float: left;}#left-back{	position: absolute;	background: #ffffff;	top:88px;	left: 0px;	bottom: 0px;		width: 50%;	overflow-y: hidden;	z-index: 1;}#right-back{	position: absolute;	top:88px;	bottom: 0px;	right: 0px;	width: 50%;	float: right;	background: #7ecdee;	border-top: 1px solid #464341;	overflow-y: hidden;		z-index: 1;}.buttonz{	border-radius: 30px;	-webkit-border-radius: 30px;	-moz-border-radius: 30px;   	text-transform: uppercase;	font-size: 12px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 700;	color: #3c3a37;	padding: 0px;	margin: 0px;		border: none;		text-shadow: none;	text-decoration: none;	  	-webkit-transition: all 0.5s ease-out;       -moz-transition: all 0.5s ease-out;         -o-transition: all 0.5s ease-out;            transition: all 0.5s ease-out;	}.buttonz:hover{	border-radius: 3px;	-webkit-border-radius: 3px;	-moz-border-radius: 3px; 	border: none;  	}#topm{  	position: relative;  	overflow: hidden;		background: #7ecdee;  		margin: 0px auto;}#topm .inside{	position: relative;	overflow: hidden;	  	margin: 0 auto;  	max-width: 1310px;  	}#topm .block-img{	float: left;	margin-right: 10px;	position: relative;}#topm .block-desc{	float: left;	position: relative;}#topm h2{	letter-spacing: -1px;	word-spacing: -2px;	text-transform: uppercase;	font-size: 22px;	line-height: 22px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 700;	color: #ffffff;	text-decoration: none;		margin-top: 20px;	float: left;}#topm p.logo-bottom{	font-size: 12px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 400;	color: #333333;	text-decoration: none;		margin-top: -10px;	float: left;	clear: both;}#topm #menu{	float: right;	margin-top: 25px;	margin-right: 0px;}#topm #menu ul{	padding: 0px;	margin: 0px;}#topm #menu ul li{	display: inline;}#topm #menu ul li a{	text-transform: uppercase;	font-size: 12px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 700;	color: #3c3a37;	float: left;	margin-right: 16px;	text-decoration: none;	padding: 5px 8px;  	-webkit-transition: all 0.3s ease-out;       -moz-transition: all 0.3s ease-out;         -o-transition: all 0.3s ease-out;            transition: all 0.3s ease-out;}#topm #menu ul li a:hover,#topm #menu ul li a:active,#topm #menu ul li a.selected{	color: #ffffff;	background: #3aa6d0;	border-radius: 5px;	-webkit-border-radius: 5px;	-moz-border-radius: 5px;}/* #Hidden Menu================================================== */#nav {	height: 40px;	width: 100%;	background: #f8f8f8;	font-size: 14px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 400;	position: relative;	display: none;	margin-bottom: 15px;	border: 1px solid #eaeaea;}#nav ul {	padding: 0;	margin: 0 auto;}#nav li {	display: inline;	float: left;	margin: 0px;}#nav a {	color: #777777;	display: inline-block;	width: 100px;	text-align: center;	text-decoration: none;	line-height: 40px;}#nav li a {	box-sizing:border-box;	-moz-box-sizing:border-box;	-webkit-box-sizing:border-box;}#nav li:last-child a {	border-right: 0;}#nav a:hover, #nav a:active {	background-color: #74ccf1;	color: #ffffff;}#nav a.selected {	background-color: #74ccf1;	color: #ffffff;}#nav a#pull {	display: none;}/* #Search Hide================================================== */#search-hide{  	margin: 0 auto;  	max-width: 752px;  	position: relative;  	overflow: hidden;	  	z-index: 5;  	clear: both;  	background: #1e1e1e;}#search-hide .inside{	position: relative;	overflow: hidden;	}/* #Hidden Search================================================== */#nav-search {	height: 40px;	width: 100%;	background: #1e1e1e;	font-size: 14px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 400;	position: relative;	display: none;	margin-bottom: 15px;	}#nav-search ul {	padding: 0;	margin: 0 auto;}#nav-search li {	display: inline;	float: left;	margin: 0px;		}#nav-search a#pull-search {	display: none;	color: #777777;	display: inline-block;	width: 100px;	text-align: center;	text-transform: uppercase;	text-decoration: none;	line-height: 40px;	z-index: 10;}#hidden-search{	position: relative;	z-index: 6;	margin: 25px auto;	width: 400px;			}#hidden-search #logo{	width: 100px;	height: 101px;	text-indent: -9999px;	display: block;	text-indent: -9999px;	background: url("../images/totalbali-logo.png");	background-repeat: no-repeat;	z-index: 10;	position: relative;	margin-bottom: 18px;	margin: 0px auto;}#hidden-search #top{	width: 100%;	height: 75px;	clear: both;	border-bottom: 1px solid #313131;}#hidden-search #top .title{	text-transform: uppercase;	font-size: 14px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 400;		color: #ffffff;	float: left;	margin-bottom: 5px;	text-align: left;}#hidden-search #top #search_text{    width: 355px;    clear: both;        padding: 7px 0 8px 10px;	text-transform: uppercase;	font-size: 13px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 400;		color: #ffffff;	    border: 0 none;    height: 20px;    margin-right: 0;    color: #ffffff;    outline: none;    background: #2d2d2d;    float: left;    transition: all 0.15s;    	border-radius: 0px;	-webkit-border-radius: 0px;	-moz-border-radius: 0px;    }#hidden-search #top ::-webkit-input-placeholder { /* WebKit browsers */    color: #ffffff;}#hidden-search #top :-moz-placeholder { /* Mozilla Firefox 4 to 18 */    color: #ffffff;}#hidden-search #top ::-moz-placeholder { /* Mozilla Firefox 19+ */    color: #ffffff;}#hidden-search #top :-ms-input-placeholder { /* Internet Explorer 10+ */    color: #ffffff;}#hidden-search #top #search_text:focus {    background: #3d3d3d;}#hidden-search #top #search_button {    border: 0 none;    background: #2d2d2d url("../images/search_small.png") center no-repeat;    width: 35px;    float: left;    padding: 0;    text-align: center;    height: 35px;    cursor: pointer;    	border-radius: 0px;	-webkit-border-radius: 0px;	-moz-border-radius: 0px;        }#hidden-search #middle{	width: 100%;	float: left;	clear: both;	border-bottom: 1px solid #313131;	margin-top: 8px;	padding-bottom: 8px;}#hidden-search #middle .title{	text-transform: uppercase;	font-size: 14px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 400;		color: #ffffff;	float: left;	margin-bottom: 5px;	text-align: left;}#hidden-search #middle label.custom-select {    position: relative;    display: inline-block;    margin-bottom: 5px;}#hidden-search #middle .custom-select select {	display: inline-block;	border: none;	padding: 4px 3px 3px 5px;	margin: 0;	font: inherit;	outline:none; /* remove focus ring from Webkit */	line-height: 1.2;	background: #2d2d2d;	-webkit-appearance:none; /* remove the strong OSX influence from Webkit */   	-webkit-border-radius: 0px; 	-moz-border-radius: 0px;    border-radius: 0px;   	padding: 7px 0 8px 10px;	text-transform: uppercase;	font-size: 13px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 400;		color: #ffffff;   	cursor: pointer;	    width: 400px;     }/* for Webkit's CSS-only solution */@media screen and (-webkit-min-device-pixel-ratio:0) { 	#hidden-search #middle .custom-select select {    	padding-right:30px;         }}    /* Since we removed the default focus styles, we have to add our own */#hidden-search #middle .custom-select select:focus {	background: #3d3d3d;}    /* Select arrow styling */#hidden-search #middle .custom-select:after {	content: "▼";	position: absolute;	top: 0;	right: 0;	bottom: 0;	font-size: 60%;	line-height: 30px;	padding: 0 12px;	background: #2d2d2d;	color: #ffffff;	pointer-events:none;}    #hidden-search #middle .no-pointer-events .custom-select:after {	content: none;}#hidden-search #bottom{	width: 100%;	float: left;	clear: both;	margin-top: 10px;	margin-bottom: 25px;}#hidden-search #bottom .button-style-medium{	padding: 10px 95px;	background: #0093d0;	color: #ffffff;	float: right;	width: 100%;}#hidden-search #bottom .button-style-medium:hover{	background: #0093d0;	color: #ffffff;}/* #Title Page================================================== */#title-page{	clear: both;	float: left;	width: 100%;	height: 135px;	position: relative;	z-index: 1;}#title-page #title-left{	float: left;	width: 50%;	height: 130px;	background: /*#faf8f6*/ #ffffff;	position: absolute;	left:0px;	z-index: 1;	border-top:5px solid #7ecdee;	/*border-bottom:1px solid #e4e2e1;	*/}#title-page #title-right{	float: left;	width: 50%;	height: 130px;	background: #7ecdee;	position: absolute;	right:0px;	z-index: 1;	border-top:5px solid #7ecdee;}#title-page .inside{  	margin: 0 auto;  	max-width: 1310px;  	overflow: hidden;	  	clear: both;	background: #ffffff;	z-index: 2;	position: relative;	border-top:5px solid #7ecdee;	/*border-bottom:1px solid #e4e2e1;	*/	}#title-page #title-bar{	float: left;	border-left:1px solid #ffffff;	min-height: 130px;}#title-page #title-black{	width: 50%;	height: 130px;	float: right;	right: 0px;	position: absolute;	background: #7ecdee;}/* #Main Content ( Left Content - Breadcrumbs )================================================== */#title-page #breadcrumbs{	float: left;	clear: both;	width: 100%;	margin-top: 15px;	margin-bottom: -5px;}#title-page #breadcrumbs p{	text-transform: uppercase;	font-size: 14px;	line-height: 11px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 400;	color: #333333;	text-decoration: none;		margin-left: 40px;}#title-page #breadcrumbs p a{	text-decoration: none;}#title-page #breadcrumbs p a.mark-blue{	color: #ffffff;	background: #0093d0;	padding: 3px 6px;}#title-page #breadcrumbs p .now{	text-decoration: none;	color: #00b3ff;	}#title-page h3{	letter-spacing: -1px;	text-transform: uppercase;	font-size: 28px;	line-height: 28px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 700;	color: #0093d0;	text-decoration: none;		margin-left: 40px;	margin-top: 35px;}#title-page p.head-result{	text-transform: uppercase;	font-size: 12px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 400;	color: #333333;	text-decoration: none;		margin-left: 40px;	margin-top: -5px;}/* #Main Content================================================== */#main{  	position: relative;	  	z-index: 5;  	clear: both;		width: 100%;}#main .inside{	position: relative;  	margin: 0 auto;  	max-width: 1310px;		}/* #Main Content ( Left Content )================================================== */#main #left-content {	border-left: 1px solid #ffffff;	min-height: 2600px;	background: #ffffff;	float: left;	width: 979px;	/*border-top:1px solid #e4e2e1;*/}	/* #Main Content ( Left Content - View All Villas )================================================== */#main #left-content #view-all-villas{	clear: both;	float: left;	width: 100%;	padding-top: 0px;		background: #ffffff;}/* #Main Content ( Left Content - Header Title )================================================== */#main #left-content #view-all-villas #head{	float: left;	clear: both;	width: 100%;	padding-bottom: 0px;	border-bottom: 1px solid #ffffff;}#main #left-content #view-all-villas #head p.head-result{	text-transform: uppercase;	font-size: 12px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 400;	color: #333333;	text-decoration: none;		margin-bottom: 30px;	margin-left: 40px;	margin-top: -10px;}#main #left-content #view-all-villas #head p{	font-size: 12px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 700;	text-decoration: none;		text-transform: uppercase;		color: #ffffff;	float: left;	margin-left: 40px;	margin-bottom: 15px;	background: #0093d0;	padding: 5px 10px;}#main #left-content #view-all-villas #head ul{	float: left;	clear: both;	margin-left: 40px;	margin-right: 40px;}#main #left-content #view-all-villas #head ul li{	display: inline;	float: left;	margin-right: 10px;	margin-bottom: 20px;}#main #left-content #view-all-villas #head ul li:last-child{	margin-right: 0px;}#main #left-content #view-all-villas #head ul li a{	font-size: 11px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 700;	text-decoration: none;		text-transform: uppercase;		padding: 5px 10px;	border: 1px solid #ffffff;	color: #3c3a37;	  	-webkit-transition: all 0.5s ease-out;       -moz-transition: all 0.5s ease-out;         -o-transition: all 0.5s ease-out;            transition: all 0.5s ease-out;		}#main #left-content #view-all-villas #head ul li a:hover{	color: #0093d0;}#main #left-content #view-all-villas #head ul li a.selected{	border-radius: 35px;	-moz-border-radius: 35px;	-webkit-border-radius: 35px;	border: 1px solid #d4d4d4;	color: #0093d0;}/* #Main Content ( Left Content - List Villas )================================================== */#main #left-content #view-all-villas ul#list-villa{	clear: both;	float: left;	width: 100%;}#main #left-content #view-all-villas ul#list-villa li{	width: 100%;	padding: 35px 0px;		float: left;	clear: both;	margin: 0px;	border-bottom: 1px solid #ffffff;}#main #left-content #view-all-villas ul#list-villa li:last-child{	border-bottom: none;}#main #left-content #view-all-villas ul#list-villa li .wrap-villa{	padding: 0px 40px;}#main #left-content #view-all-villas ul#list-villa li a.link-all{	cursor: pointer;	text-decoration: none;	float: left;}#main #left-content #view-all-villas ul#list-villa li .imgz{	clear: both;	float: left;	width: 250px;	height: 250px;	position: relative;	overflow: hidden;	-webkit-border-bottom-left-radius:35px;	-moz-border-radius-bottomleft: 35px; 	border-bottom-left-radius: 35px;	-webkit-border-top-right-radius:35px;	-moz-border-radius-topright: 35px; 	border-top-right-radius: 35px;	  	-webkit-transition: all 0.5s ease-out;       -moz-transition: all 0.5s ease-out;         -o-transition: all 0.5s ease-out;            transition: all 0.5s ease-out;	            }#main #left-content #view-all-villas ul#list-villa li .imgz img{ position: absolute;z-index: 10; }#main #left-content #view-all-villas ul#list-villa li .imgz span.hot{ 	position: absolute;	z-index: 12; 	text-transform: uppercase;	font-size: 15px;	line-height: 15px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 400;	padding: 7px 15px;	background: #cb0000;	color: #ffffff;	bottom: 30px;	right:0px;}#main #left-content #view-all-villas ul#list-villa li .desc-box{	float: left;	width: 610px;	margin-left: 35px;	cursor: pointer;}#main #left-content #view-all-villas ul#list-villa li h4{	font-size: 22px;	line-height: 22px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 400;	color: #3c3a37;	text-decoration: none;		margin-bottom: 25px;	float: left;	clear: both;	height: 22px;  	-webkit-transition: all 0.5s ease-out;       -moz-transition: all 0.5s ease-out;         -o-transition: all 0.5s ease-out;            transition: all 0.5s ease-out;	}#main #left-content #view-all-villas ul#list-villa li h5{	font-size: 14px;	line-height: 14px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 400;	color: #3c3a37;	text-decoration: none;		float: left;	clear: both;	margin-bottom: 8px;  	-webkit-transition: all 0.5s ease-out;       -moz-transition: all 0.5s ease-out;         -o-transition: all 0.5s ease-out;            transition: all 0.5s ease-out;	}#main #left-content #view-all-villas ul#list-villa li .price{	font-size: 14px;	line-height: 14px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 400;	color: #3c3a37;	text-decoration: none;		float: left;	clear: both;	margin-bottom: 10px;  	-webkit-transition: all 0.5s ease-out;       -moz-transition: all 0.5s ease-out;         -o-transition: all 0.5s ease-out;            transition: all 0.5s ease-out;	}#main #left-content #view-all-villas ul#list-villa li p{	font-size: 13px;	font-family: 'Raleway', Helvetica, Verdana, Arial, sans-serif;	font-weight: 400;	text-decoration: none;		float: left;	clear: both;	height: 65px;		margin: 0px;	padding: 0px;	margin-bottom: 5px;}.tagging{	float: left;	clear: both;	position: relative;	display: block;	background: url("../images/tags.png") no-repeat;	margin-bottom: 15px;}.tagging .tagz{	float: left;	margin-left: 14px;	margin-top: 0px;	background: #cf012d;	font-size: 13px;	line-height: 13px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 400;	color: #ffffff;	padding: 6px 12px;	padding-bottom: 6px;	text-decoration: none;		border-radius: 0px 3px 3px 0px;	}#main #left-content #view-all-villas ul#list-villa li .desc{	float: left;	clear: both;	margin-bottom: 15px;	margin-top: 15px;}#main #left-content #view-all-villas ul#list-villa li .desc img{	float: left;	margin-right: 8px;}#main #left-content #view-all-villas ul#list-villa li .desc-box a.read{	font-size: 11px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 700;	text-decoration: none;		text-transform: uppercase;		padding: 5px 15px;	border: 1px solid #ffffff;	    clear: both;	float: right;				border-radius: 35px;	-moz-border-radius: 35px;	-webkit-border-radius: 35px;	border: 1px solid #d4d4d4;	color: #0093d0;		  	-webkit-transition: all 0.5s ease-out;       -moz-transition: all 0.5s ease-out;         -o-transition: all 0.5s ease-out;            transition: all 0.5s ease-out;	           }#main #left-content #view-all-villas ul#list-villa li .desc-box .item{	display: inline;	float: left;	margin-right: 10px;	margin-left: 10px;}#main #left-content #view-all-villas ul#list-villa li .desc-box .item img{	float: left;	margin-right: 3px;}#main #left-content #view-all-villas ul#list-villa li .desc-box .item span.total{	float: left;	text-transform: uppercase;	font-size: 15px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 400;		color: #333333;	}#main #left-content #view-all-villas ul#list-villa li .desc-box a.read:hover{	border-radius: 5px;	-moz-border-radius: 5px;	-webkit-border-radius: 5px;	border: 1px solid #0093d0;	}#main #left-content #view-all-villas ul#list-villa li:hover h4{ color: #0093d0; }#main #left-content #view-all-villas ul#list-villa li:hover .imgz{	-webkit-border-bottom-right-radius:35px;	-moz-border-radius-bottomright: 35px; 	border-bottom-right-radius: 35px;}/* #Main Content ( Left Content - Load More )================================================== */.morebox{	clear: both;	float: left;	width: 100%;	color:#3c3a37;	text-align:center;	/*border-top: 1px solid #e4e2e1;*/	padding:15px 0px;	font-size: 12px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 700;	text-decoration: none;		text-transform: uppercase;  	-webkit-transition: all 0.5s ease-out;       -moz-transition: all 0.5s ease-out;         -o-transition: all 0.5s ease-out;            transition: all 0.5s ease-out;				}.morebox a{ 	color:#dddddd; 	text-decoration:none;  	-webkit-transition: all 0.5s ease-out;       -moz-transition: all 0.5s ease-out;         -o-transition: all 0.5s ease-out;            transition: all 0.5s ease-out;		}.morebox:hover{ background: #faf8f6; }.morebox:hover a{ color: #0093d0; text-decoration:none}/* #Main Content ( Left Content - About Content )================================================== */#main #left-content #view-all-villas #desc-about{	clear: both;	float: left;	width: 100%;}#main #left-content #view-all-villas #desc-about .wrapper-about{	padding: 0px 40px;	text-decoration: none;		}#main #left-content #view-all-villas #desc-about .wrapper-about p{	font-weight: 400;	clear: both;	font-family: 'Raleway', Helvetica, Verdana, Arial, sans-serif;	font-size: 13px;	line-height: 22px;	margin-bottom: 20px;}#main #left-content #view-all-villas #desc-about .wrapper-about h2{	font-weight: 400;	clear: both;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-size: 22px;	line-height: 22px;	margin-bottom: 20px;}#main #left-content #view-all-villas #desc-about .wrapper-about .warning{	clear: both;	margin-bottom: 40px;	width: 96%;	padding: 2%;	background: #ffdfdf;	border: 1px solid #ffa2a2;		font-weight: 400;	font-family: 'Raleway', Helvetica, Verdana, Arial, sans-serif;	font-size: 13px;	line-height: 22px;		text-align: center;	display: none;}#main #left-content #view-all-villas #desc-about .wrapper-about .warning-success{	clear: both;	margin-bottom: 40px;	width: 96%;	padding: 2%;	background: #e0fff4;	border: 1px solid #5feeb7;		font-weight: 400;	font-family: 'Raleway', Helvetica, Verdana, Arial, sans-serif;	font-size: 13px;	line-height: 22px;		text-align: center;	display: none;}#main #left-content #view-all-villas #desc-about .wrapper-about .line{	clear: both;	margin-bottom: 10px;	width: 100%;}#main #left-content #view-all-villas #desc-about .wrapper-about .line .left{	float: left;	width: 50%;	text-align: left;}#main #left-content #view-all-villas #desc-about .wrapper-about .line .right{	float: left;	width: 50%;	text-align: right;}#main #left-content #view-all-villas #desc-about .wrapper-about .line label{	clear: both;	float: left;	font-weight: 400;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-size: 13px;	line-height: 13px;	margin-bottom: 5px;	}#main #left-content #view-all-villas #desc-about .wrapper-about .line span.red{	background: #bd0000;	color: #ffffff;	padding: 1px 5px;	display: none;	float: left;	font-weight: 400;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-size: 12px;	line-height: 13px;	}#main #left-content #view-all-villas #desc-about .wrapper-about .line input[type="submit"],#main #left-content #view-all-villas #desc-about .wrapper-about .line input[type="reset"]{	border-radius: 30px;	-webkit-border-radius: 30px;	-moz-border-radius: 30px;   	text-transform: uppercase;	font-size: 12px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 700;	border: none;		text-shadow: none;	text-decoration: none;	padding: 10px 30px;	background: #0093d0;	color: #ffffff;		margin-top: 13px;	  	-webkit-transition: all 0.5s ease-out;       -moz-transition: all 0.5s ease-out;         -o-transition: all 0.5s ease-out;            transition: all 0.5s ease-out;	}#main #left-content #view-all-villas #desc-about .wrapper-about .line input[type="submit"]:hover,#main #left-content #view-all-villas #desc-about .wrapper-about .line input[type="reset"]:hover{	border-radius: 3px;	-webkit-border-radius: 3px;	-moz-border-radius: 3px; 	border: none;  	}#main #left-content #view-all-villas #desc-about .wrapper-about .line input[type="text"]{	clear: both;	width: 98%;}#main #left-content #view-all-villas #desc-about .wrapper-about .line textarea{	clear: both;	width: 98%;	min-height: 100px;}/* #Main Content ( Right Content )================================================== */#main #right-content {	width: 270px;	float: left;	padding: 25px 30px;	background: #7ecdee;	margin-top: -130px;	position: relative;}#main #right-content #location{	float: left;	clear: both;	width: 100%;	/*border-bottom:1px solid #464341;*/	padding-bottom: 25px;	}#main #right-content #location h3{	letter-spacing: -1px;	text-transform: uppercase;	font-size: 22px;	line-height: 22px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 700;	color: #ffffff;	text-decoration: none;		margin-bottom: 15px;	float: left;	clear: both;}#main #right-content #location ul li{	float: left;	clear: both;	margin-bottom: 10px;}#main #right-content #location ul li a{	font-size: 14px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 400;	text-decoration: none;		color: #C2EDFF;	padding-left: 8px;	border-left:5px solid #54b6df;	  	-webkit-transition: all 0.5s ease-out;       -moz-transition: all 0.5s ease-out;         -o-transition: all 0.5s ease-out;            transition: all 0.5s ease-out;		}#main #right-content #location ul li a:hover{	color: #ffffff;	border-left:5px solid #54b6df;	}#main #right-content #villa{	float: left;	clear: both;	width: 100%;		margin-top: 20px;		}#main #right-content #villa h3{	letter-spacing: -1px;	text-transform: uppercase;	font-size: 22px;	line-height: 22px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 700;	color: #ffffff;	text-decoration: none;		margin-bottom: 15px;	float: left;	clear: both;}#main #right-content #villa ul li{	float: left;	clear: both;	margin-bottom: 10px;}#main #right-content #villa ul li a{	font-size: 14px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 400;	text-decoration: none;		color: #C2EDFF;	padding-left: 8px;	border-left:5px solid #54b6df;		  	-webkit-transition: all 0.5s ease-out;       -moz-transition: all 0.5s ease-out;         -o-transition: all 0.5s ease-out;            transition: all 0.5s ease-out;		}#main #right-content #villa ul li a.hot{	background: #ac1e1e;	color: #ffffff;	padding-right: 10px;	}#main #right-content #villa ul li a:hover{	color: #ffffff;	border-left:5px solid #54b6df;	}#main #right-content #villa ul li a.recommend{	padding-right: 10px;	}#main #right-content #price{	float: left;	clear: both;	width: 100%;	/*border-bottom:1px solid #464341;*/	/*border-top:1px solid #464341;*/	margin-top: 20px;	padding-bottom: 25px;		padding-top: 25px;	}#main #right-content #price h3{	letter-spacing: -1px;	text-transform: uppercase;	font-size: 22px;	line-height: 22px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 700;	color: #ffffff;	text-decoration: none;		margin-bottom: 15px;	float: left;	clear: both;}#main #right-content #price ul li{	float: left;	clear: both;	margin-bottom: 10px;}#main #right-content #price ul li a{	font-size: 14px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 400;	text-decoration: none;		color: #C2EDFF;	padding-left: 8px;	border-left:5px solid #54b6df;	  	-webkit-transition: all 0.5s ease-out;       -moz-transition: all 0.5s ease-out;         -o-transition: all 0.5s ease-out;            transition: all 0.5s ease-out;		}#main #right-content #price ul li a:hover{	color: #ffffff;	border-left:5px solid #54b6df;	}#main #right-content #bedrooms{	float: left;	clear: both;	width: 100%;	margin-top: 20px;}#main #right-content #bedrooms h3{	letter-spacing: -1px;	text-transform: uppercase;	font-size: 22px;	line-height: 22px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 700;	color: #ffffff;	text-decoration: none;		margin-bottom: 15px;	float: left;	clear: both;}#main #right-content #bedrooms ul li{	float: left;	clear: both;	margin-bottom: 10px;}#main #right-content #bedrooms ul li a{	font-size: 14px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 400;	text-decoration: none;		color: #C2EDFF;	padding-left: 8px;	border-left:5px solid #54b6df;	  	-webkit-transition: all 0.5s ease-out;       -moz-transition: all 0.5s ease-out;         -o-transition: all 0.5s ease-out;            transition: all 0.5s ease-out;		}#main #right-content #bedrooms ul li a:hover{	color: #ffffff;	border-left:5px solid #54b6df;	}#main #right-content #contact{	float: left;	clear: both;	/*border-top:1px solid #464341;*/	/*border-bottom:1px solid #464341;*/	width: 100%;	margin-top: 20px;	padding-top: 25px;	padding-bottom: 25px;}#main #right-content #contact h3{	letter-spacing: -1px;	text-transform: uppercase;	font-size: 22px;	line-height: 22px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 700;	color: #ffffff;	text-decoration: none;		margin-bottom: 15px;	float: left;	clear: both;}#main #right-content #contact p{	font-size: 16px;	line-height: 16px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 400;	color: #C2EDFF;	text-decoration: none;		margin-bottom: 15px;	float: left;	clear: both;  	-webkit-transition: all 0.5s ease-out;       -moz-transition: all 0.5s ease-out;         -o-transition: all 0.5s ease-out;            transition: all 0.5s ease-out;		}#main #right-content #contact p span.block{	background: #54B6DF;	color: #ffffff;	-webkit-border-radius: 95px;	-moz-border-radius: 95px;	border-radius: 95px;	padding: 3px 9px;  	-webkit-transition: all 0.5s ease-out;       -moz-transition: all 0.5s ease-out;         -o-transition: all 0.5s ease-out;            transition: all 0.5s ease-out;		}#main #right-content #contact p:hover{ color: #ffffff; }#main #right-content #contact p:hover span.block{ color: #ffffff; background: #18a5df; }#main #right-content #partner{	float: left;	clear: both;	/*border-bottom:1px solid #464341;*/	width: 100%;	margin-top: 20px;	padding-bottom: 25px;}#main #right-content #partner h3{	letter-spacing: -1px;	text-transform: uppercase;	font-size: 22px;	line-height: 22px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 700;	color: #ffffff;	text-decoration: none;		margin-bottom: 15px;	float: left;	clear: both;}#main #right-content #partner ul li{	float: left;	clear: both;	margin-bottom: 10px;}#main #right-content #partner ul li a{	font-size: 14px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 400;	text-decoration: none;		color: #C2EDFF;	padding-left: 8px;	border-left:5px solid #54b6df;	  	-webkit-transition: all 0.5s ease-out;       -moz-transition: all 0.5s ease-out;         -o-transition: all 0.5s ease-out;            transition: all 0.5s ease-out;		}#main #right-content #partner ul li a:hover{	color: #ffffff;	border-left:5px solid #54b6df;	}#main #right-content #find{	float: left;	clear: both;	width: 100%;	margin-top: 20px;}#main #right-content #find h3{	letter-spacing: -1px;	text-transform: uppercase;	font-size: 22px;	line-height: 22px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 700;	color: #ffffff;	text-decoration: none;		margin-bottom: 15px;	float: left;	clear: both;}#main #right-content #find #social{	clear: both;	float: left;}#main #right-content #find #social a{	float: left;	margin-right: 8px;	opacity: 0.3;  	-webkit-transition: all 0.5s ease-out;       -moz-transition: all 0.5s ease-out;         -o-transition: all 0.5s ease-out;            transition: all 0.5s ease-out;		}#main #right-content #find #social a:hover{ opacity: 1; }/* #Media ( Search )================================================== */#main #right-content #search{	float: left;	clear: both;	width: 100%;	/*border-bottom:1px solid #464341;*/	padding-bottom: 25px;		margin-bottom: 25px;	}#main #right-content #search #tog{	position: absolute;	cursor: pointer;	left: -50px;	top:250px;	background: #0093d0;	padding: 15px 15px 10px 15px;	display: none;	  	-webkit-transition: all 0.5s ease-out;       -moz-transition: all 0.5s ease-out;         -o-transition: all 0.5s ease-out;            transition: all 0.5s ease-out;	}#main #right-content #search #tog:hover{	background: #3aa6d0;}#main #right-content #search #logo{	width: 100px;	height: 101px;	text-indent: -9999px;	float: left;	display: block;	text-indent: -9999px;	background: url("../images/tbvlogo.svg");	background-repeat: no-repeat;	z-index: 10;	position: relative;	margin-bottom: 18px;	margin-left: 80px;}#main #right-content #search #top{	width: 100%;	height: 125px;	float: left;	clear: both;	/*border-bottom: 1px solid #464341;*/}#main #right-content #search #top .title{	text-transform: uppercase;	font-size: 14px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 400;		color: #ffffff;	clear: both;	float: left;	margin-bottom: 5px;}#main #right-content #search #top #search_text{    width: 225px;        padding: 7px 0 8px 10px;	text-transform: uppercase;	font-size: 13px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 400;		color: #ffffff;	    border: 0 none;    height: 20px;    margin-right: 0;    outline: none;    background: #68afcc;    float: left;    transition: all 0.15s;    	border-radius: 0px;	-webkit-border-radius: 0px;	-moz-border-radius: 0px;    }#main #right-content #search #top ::-webkit-input-placeholder { /* WebKit browsers */    color: #ffffff;}#main #right-content #search #top :-moz-placeholder { /* Mozilla Firefox 4 to 18 */    color: #ffffff;}#main #right-content #search #top ::-moz-placeholder { /* Mozilla Firefox 19+ */    color: #ffffff;}#main #right-content #search #top :-ms-input-placeholder { /* Internet Explorer 10+ */    color: #ffffff;}#main #right-content #search #top #search_text:focus {    background: #0073a2;}#main #right-content #search #top #search_button {    border: 0 none;    background: #7ecdee url("../images/search_small.png") center no-repeat;    width: 35px;    float: left;    padding: 0;    text-align: center;    height: 35px;    cursor: pointer;    text-indent: -9999px;    	border-radius: 0px;	-webkit-border-radius: 0px;	-moz-border-radius: 0px;      }#main #right-content #search #top .button-style-medium{	padding: 10px 95px;	background: #ffffff;	color: #7ECDEE;	float: right;	width: 100%;	margin-top: -10px;}#main #right-content #search #top .button-style-medium:hover{	background: #ffffff;	color: #0193cf;}#resulting{	display: none;	position: absolute;	z-index: 200;	font-family: 'Raleway', Helvetica, Verdana, Arial, sans-serif;	font-weight: 400;		background: rgba(0,0,0,0);	top:0px;		left:0px;	right:0px;	bottom:0px;}#resulting h4#results-text {	display: none;	width: 235px;	float: left;	margin-left: 30px;	/*margin-top: 40px;*/	margin-top: 203px;	color: #333333;	padding:5px 0px;	font-size: 13px;	cursor: pointer;	background: #ffffff;	border-bottom: 1px solid #cccccc;	border-top:none;}#resulting ul#results-search {	display: none;	width: 235px;	float: left;	clear: both;	margin-left: 30px;	margin-top: -5px;    max-height:300px;    overflow-y: scroll;	position: relative; 	background: #ffffff;}#resulting ul#results-search a{	text-decoration: none;}#resulting ul#results-search li.result {	padding: 8px;	cursor: pointer;	background: #ffffff;	font-weight: 100;	border-top: 1px solid #cccccc;	transition: background-color .3s ease-in-out;	-moz-transition: background-color .3s ease-in-out;	-webkit-transition: background-color .3s ease-in-out;	text-decoration: none;	position: relative;	margin-bottom: 0px;}#resulting ul#results-search li:hover {	background-color: #F7F7F7;}#resulting ul#results-search li:first-child {	border-top: none;}#resulting ul#results-search li h3{	transition: color .3s ease-in-out;	-moz-transition: color .3s ease-in-out;	-webkit-transition: color .3s ease-in-out;	color: #616161;	line-height: 13px;	font-weight: 400;	font-size: 13px;	text-decoration: none;}#resulting ul#results-search li h4 {	transition: color .3s ease-in-out;	-moz-transition: color .3s ease-in-out;	-webkit-transition: color .3s ease-in-out;	color: #616161;	line-height: 12px;	font-weight: 400;	font-size: 12px;	text-decoration: none;	margin-top: 0px;}#resulting ul#results-search li:hover h3, #resulting  ul#results-search li:hover h4  {	color: #3b3b3b;	font-weight: 600;}#resulting  ul#results-search .highlight{	font-weight: 600;}#resulting  ul#results-search .totalrow{	color: #333333;	text-align: right;	padding-right: 8px;	font-size: 12px;	font-weight: 600;}#main #right-content #search #middle{	width: 100%;	float: left;	clear: both;	/*border-bottom: 1px solid #464341;*/	margin-top: 8px;	padding-bottom: 8px;}#main #right-content #search #middle .title{	text-transform: uppercase;	font-size: 14px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 400;		color: #ffffff;	float: left;	margin-bottom: 5px;	text-align: left;}#main #right-content #search #middle label.custom-select {    position: relative;    display: inline-block;    margin-bottom: 5px;}#main #right-content #search #middle .custom-select select {	display: inline-block;	border: none;	padding: 4px 3px 3px 5px;	margin: 0;	font: inherit;	outline:none; /* remove focus ring from Webkit */	line-height: 1.2;	background: #7ecdee;	-webkit-appearance:none; /* remove the strong OSX influence from Webkit */   	-webkit-border-radius: 0px; 	-moz-border-radius: 0px;    border-radius: 0px;   	padding: 7px 0 8px 10px;	text-transform: uppercase;	font-size: 13px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 400;		color: #ffffff;   	cursor: pointer;	    width: 270px;     }/* for Webkit's CSS-only solution */@media screen and (-webkit-min-device-pixel-ratio:0) { 	#main #right-content #search #middle .custom-select select {    	padding-right:30px;         }}    /* Since we removed the default focus styles, we have to add our own */#main #right-content #search #middle .custom-select select:focus {	background: #0073a2;}    /* Select arrow styling */#main #right-content #search #middle .custom-select:after {	content: "▼";	position: absolute;	top: 0;	right: 0;	bottom: 0;	font-size: 60%;	line-height: 30px;	padding: 0 12px;	background: #7ecdee;	color: #ffffff;	pointer-events:none;}    #main #right-content #search #middle .no-pointer-events .custom-select:after {	content: none;}#main #right-content #search #bottom{	width: 100%;	float: left;	clear: both;	margin-top: 10px;}#main #right-content #search #bottom .button-style-medium{	padding: 10px 110px;	background: #ffffff;	color: #7ECDEE;	float: right;}#main #right-content #search #bottom .button-style-medium:hover{	background: #ffffff;	color: #0193cf;}#main #right-content #search #bottom p{	font-style: italic;	font-size: 13px;	font-family: Georgia, "Times New Roman", Times, serif;	widows: 100%;	text-align: center;	color: #ffffff;	margin-top: 20px;}#main #right-content #search #bottom a#resxt{	cursor: pointer;}#main #right-content #search #bottom .button-style-medium-light{	padding: 5px 0px;	border: 3px solid #ffffff;	color: #ffffff;	text-align: center;	width: 100%;	clear: both;	float: left;}#main #right-content #search #bottom .button-style-medium-light:hover{	background: #ffffff;	color: #0193cf;}/* #Footer Content================================================== */#footer{  	margin: 0 auto;	width: 100%;  	position: relative;  	overflow: hidden;		clear: both;	z-index: 5;  	}#footer .inside{	max-width: 1310px;	margin: 0 auto;  	position: relative;  	overflow: hidden;	}#footer #fl{	width: 50%;	height: 220px;	left:0px;	background: #ffffff;	position: absolute;	/*border-top: 1px solid #e4e2e1;*/	}#footer #fr{	width: 50%;	height: 220px;	background: #7ecdee;	right:0px;	/*border-top: 1px solid #464341;*/	position: absolute;}#footer #left-cont{	width: 919px;	background: #ffffff;	float: left;	clear: both;	border-left: 1px solid #ffffff;	/*border-top: 1px solid #e4e2e1;*/	padding: 30px;}#footer #left-cont #logo{	width: 85px;	height: 86px;	text-indent: -9999px;	float: left;	display: block;	background: url("../images/totalbali-logo-small.png");	background-repeat: no-repeat;}#footer #left-cont ul{	clear: both;	float: left;	margin-top: 15px;}#footer #left-cont ul li{	display: inline;}#footer #left-cont ul li a{	float: left;	margin-right: 10px;	text-transform: uppercase;	font-size: 10px;	line-height: 10px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 400;	color: #333333;		text-decoration: none;}#footer #left-cont p{	clear: both;	float: left;	font-size: 11px;	line-height: 11px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 400;	color: #333333;		}#footer #left-cont p a{	text-decoration: none;	}/* #Responsive Normal===================================================================== */@media only screen and (min-width: 1145px) and (max-width: 1325px) {	/* #Main Content	================================================== */	#topm .inside{ max-width: 1100px; }		/* #Title Page	================================================== */	#title-page .inside{ max-width: 1135px;}	/* #Main Content	================================================== */	#main .inside{ max-width: 1135px; }		/* #Main Content ( Left Content )	================================================== */	#main #left-content{ width: 800px; }		#main #left-content #view-all-villas ul#list-villa li .desc-box{ width: 430px; }			/* #Main Content ( Right Content )	================================================== */	#main #right-content { width: 274px; }		/* #Footer Content	================================================== */	#footer .inside{ max-width: 1135px; }	#footer #left-cont{ width: 741px; border-left: none; }}/* #Responsive Medium===================================================================== */@media only screen and (min-width: 960px) and (max-width: 1144px) {		/* #Main Content	================================================== */	#topm .inside{ max-width: 960px;}	#topm #menu{ margin-right: -30px; }		/* #Title Page	================================================== */	#title-page .inside{ max-width: 950px;}	/* #Main Content	================================================== */	#main .inside{ max-width: 950px; }		/* #Main Content ( Left Content )	================================================== */	#main #left-content{ width: 664px; }		#main #left-content #view-all-villas ul#list-villa li .imgz{width: 200px;height: 200px;}	#main #left-content #view-all-villas ul#list-villa li .imgz img{height: auto;float: left;width: 100%;z-index: 10}	#main #left-content #view-all-villas ul#list-villa li .desc-box{width: 360px;margin-left: 20px;}	#main #left-content #view-all-villas ul#list-villa li p{height: auto;}			/* #Main Content ( Right Content )	================================================== */	#main #right-content { width: 245px !important; }				/* #Media ( Search )	================================================== */	#main #right-content #search #top #search_text{width: 200px;}	#main #right-content #search #middle .custom-select select{ width: 244px;}	#main #right-content #search #bottom .button-style-medium{ padding: 10px 95px; }	/* #Footer Content	================================================== */	#footer .inside{ max-width: 950px; }	#footer #left-cont{ width: 605px; border-left: none; }			/* #Main Content ( Right Content )	================================================== */	#main #right-content { width: 240px;padding: 35px 20px; }	}/* #Responsive iPad===================================================================== */@media only screen and (min-width: 768px) and (max-width: 959px) {	/* #Main Content	================================================== */	#topm .inside{ max-width: 960px;}	#topm #menu{ clear:both;width:560px;margin: 0px auto;margin-bottom:10px;float:none;overflow: hidden; }	#topm a{ text-decoration: none; }		#topm h2{ float: none; text-align: center;width: 100%; }	#topm p.logo-bottom{float: none; text-align: center;width: 100%;}		/* #Title Page	================================================== */	#title-page{ margin-top: -15px; z-index: 10;}	#title-page .inside{ max-width: 768px;}	#title-page #title-bar{ border-left:none; }		#title-page h3{ line-height: 20px;}	#title-page p.head-result{ margin-top: 0px; }	#title-page #title-right{ background: #faf8f6;border-top:1px solid #e4e2e1;border-bottom:1px solid #e4e2e1; }		/* #Search Hide	================================================== */	#search-hide{max-width: 100%;}		/* #Hidden Search	================================================== */		#nav-search {height: auto;display: block;}	#nav-search ul {width: 100%;display: none;height: auto;}  	#nav-search li {width: 100%;float: left;position: relative;}  	#nav-search a {text-align: left;width: 100%;text-indent: 40px;}		#nav-search a#pull-search {text-align:left;display: block;background-color: #7ecdee;color: #ffffff;width: 100%;line-height:50px;position: relative;}	#nav-search a#pull-search:after {content:"";background: url('../images/search-icon-new.png') no-repeat;width: 30px;height: 30px;display: inline-block;position: absolute;right: 40px;top: 14px;}			/* #Main Content	================================================== */	#main{ clear:both; }	#main .inside{ max-width: 768px; }					/* #Main Content ( Left Content )	================================================== */	#main #left-content{ width: 100%;border-right: 1px solid #e4e2e1; min-height: 800px;}		#main #left-content #view-all-villas ul#list-villa li .imgz{width: 200px;height: 200px;}	#main #left-content #view-all-villas ul#list-villa li .imgz img{height: auto;float: left;width: 100%;z-index: 10}	#main #left-content #view-all-villas ul#list-villa li .desc-box{width: 450px;margin-left: 20px;}	#main #left-content #view-all-villas ul#list-villa li p{height: auto;}		/* #Main Content ( Right Content )	================================================== */	#main #right-content { clear:both; width: 690px;padding: 35px 40px;margin-top: 0px; }		#main #right-content #search{display: none;}	#main #right-content #location{clear:both;width:150px;border-bottom:none;padding-bottom:25px;margin-right:30px;margin-bottom: 50px;}		#main #right-content #villa{clear:none;width:180px;margin-top:0px;margin-right:40px;margin-bottom: 50px;}	#main #right-content #price{clear:none;width:100px;border-bottom:none;border-top:none;margin-top:0px;padding-bottom:0px;padding-top:0px;margin-right:40px;margin-bottom: 50px;}	#main #right-content #bedrooms{clear:none;width:130px;margin-top:0px;margin-bottom: 50px;}	#main #right-content #contact{clear: both;border-top:none;border-bottom:none;width: 200px;margin-top: 0px;padding-top: 0px;padding-bottom: 0px;margin-right: 20px;}	#main #right-content #partner{clear: none;border-bottom:none;width: 180px;margin-top: 0px;padding-bottom: 0px;margin-right: 20px;}	#main #right-content #find{clear: none;width: 250px;margin-top: 0px;}		/* #Footer Content	================================================== */	#footer .inside{ max-width: 770px;background: #ffffff; }	#footer #left-cont{ width: 760px; border-left: none; }		#footer #fl{ display: none;}	#footer #fr{ display: none; }		#left-back{ display: none; }	#right-back{ display: none; }	}/* #Responsive iPad===================================================================== */@media only screen and (min-width: 480px) and (max-width: 767px) {	/* #Main Content	================================================== */	#topm{ max-width: 960px;}	#topm #menu{ display: none;margin-right: 0px; }	#topm a{ text-decoration: none; }		#topm h2{ float: none; text-align: center;width: 100%;margin-left: 0px; }	#topm p.logo-bottom{float: none; text-align: center;width: 100%;margin-left: 0px;}	/* #Navigation	================================================== */		#nav {height: auto;display: block;}  	#nav ul {width: 100%;display: none;height: auto;}  	#nav li {width: 100%;float: left;position: relative;}  	#nav li a {border-bottom: 1px solid #eaeaea;}  	#nav a {text-align: left;width: 100%;text-indent: 25px;}	#nav a#pull {display: block;background-color: #f8f9f9;color: #777777;width: 100%;position: relative;}	#nav a#pull:after {content:"";background: url('../images/nav-icon.png') no-repeat;width: 30px;height: 30px;display: inline-block;position: absolute;right: 15px;top: 10px;	}				/* #Hidden Search	================================================== */		#nav-search {height: auto;display: block;}	#nav-search ul {width: 100%;display: none;height: auto;}  	#nav-search li {width: 100%;float: left;position: relative;}  	#nav-search a {text-align: left;width: 100%;text-indent: 25px;}		#nav-search a#pull-search {display: block;text-align:left;background-color: #7ecdee;color: #ffffff;width: 100%;line-height:50px;position: relative;}	#nav-search a#pull-search:after {content:"";background: url('../images/search-icon-new.png') no-repeat;width: 30px;height: 30px;display: inline-block;position: absolute;right: 15px;top: 14px;}				/* #Title Page	================================================== */	#title-page{ margin-top: -15px; z-index: 10;}	#title-page .inside{ max-width: 768px;}	#title-page #title-bar{ border-left:none; }		#title-page #title-right{ background: #faf8f6;border-top:1px solid #e4e2e1;border-bottom:1px solid #e4e2e1; }		/* #Search Hide	================================================== */	#search-hide{max-width: 100%;}		/* #Main Content	================================================== */	#main{ clear:both; }	#main .inside{ max-width: 100%; background: aqua; }					/* #Main Content ( Left Content )	================================================== */	#main #left-content{ width: 100%;border-left: none;border-right: none; min-height: 100px;}		#main #left-content #view-all-villas ul#list-villa li .imgz{width: 250px;height: 250px;margin-bottom: 20px;}	#main #left-content #view-all-villas ul#list-villa li .imgz img{height: auto;float: left;width: 100%;z-index: 10}	#main #left-content #view-all-villas ul#list-villa li .desc-box{clear:both;width: 100%;margin-left: 0px;}	#main #left-content #view-all-villas ul#list-villa li p{height: auto;}	/* #Main Content ( Right Content )	================================================== */	#main #right-content { clear:both; width: 100%;padding: 35px 0px;margin-top: 0px; }		#main #right-content #search{display: none;}	#main #right-content #location{clear:both;width:42%;border-bottom:none;padding-bottom:25px;margin-right:4%;margin-left:4%;margin-bottom: 20px;}		#main #right-content #villa{clear:none;width:42%;margin-top:0px;margin-right:4%;margin-left:4%;margin-bottom: 20px;}		#main #right-content #price{clear:both;width:42%;border-bottom:none;border-top:none;margin-top:0px;padding-bottom:0px;padding-top:0px;margin-right:4%;margin-left:4%;margin-bottom: 50px;}	#main #right-content #bedrooms{clear:none;width:42%;margin-top:0px;margin-bottom: 50px;margin-right:4%;margin-left:4%;}		#main #right-content #contact{clear: both;border-top:none;border-bottom:none;width: 42%;margin-top: 0px;padding-top: 0px;padding-bottom: 0px;margin-right:4%;margin-left:4%;margin-bottom: 10px;}	#main #right-content #partner{clear: none;border-bottom:none;width: 42%;margin-top: 0px;padding-bottom: 0px;margin-right:4%;margin-left:4%;margin-bottom: 10px;}		#main #right-content #find{clear: both;width: 92%;margin-top: 0px;margin-left: 4%;margin-right: 4%;}			#main #right-content #location h3{ font-size: 18px;line-height: 18px;margin-bottom: 15px;}	#main #right-content #location ul li{ margin-bottom: 5px;}	#main #right-content #location ul li a{ font-size: 12px;}		#main #right-content #villa h3{ font-size: 18px;line-height: 18px;margin-bottom: 15px;}	#main #right-content #villa ul li{ margin-bottom: 5px;}	#main #right-content #villa ul li a{ font-size: 12px;}			#main #right-content #price h3{ font-size: 18px;line-height: 18px;margin-bottom: 15px;}	#main #right-content #price ul li{ margin-bottom: 5px;}	#main #right-content #price ul li a{ font-size: 12px;}			#main #right-content #bedrooms h3{ font-size: 18px;line-height: 18px;margin-bottom: 15px;}	#main #right-content #bedrooms ul li{ margin-bottom: 5px;}	#main #right-content #bedrooms ul li a{ font-size: 12px;}			#main #right-content #contact h3{ font-size: 18px;line-height: 18px;margin-bottom: 15px;}	#main #right-content #contact p{ font-size: 12px;}					#main #right-content #partner h3{ font-size: 18px;line-height: 18px;margin-bottom: 15px;}	#main #right-content #partner ul li{ margin-bottom: 5px;}	#main #right-content #partner ul li a{ font-size: 12px;}			#main #right-content #find h3{ font-size: 18px;line-height: 18px;margin-bottom: 15px;}			/* #Footer Content	================================================== */	#footer .inside{ max-width: 770px;background: #ffffff; }	#footer #left-cont{ width: 760px; border-left: none; }		#footer #fl{ display: none;}	#footer #fr{ display: none; }		#left-back{ display: none; }	#right-back{ display: none; }				#main #left-content #view-all-villas #desc-about .wrapper-about .line .left{		float: left;		width: 100%;		text-align: left;	}	#main #left-content #view-all-villas #desc-about .wrapper-about .line .right{		float: left;		clear: both;		width: 100%;		text-align: left;	}	#main #left-content #view-all-villas #desc-about .wrapper-about .line input[type="submit"]{	width: 48%;	clear: none;	float: left;}#main #left-content #view-all-villas #desc-about .wrapper-about .line input[type="reset"]{	width: 48%;	clear: none;	float: left;	margin-right: 4%;	}	}/* #Responsive Mobile (devices and browsers)=================================================================================== */@media only screen and (max-width: 479px) {	/* #Main Content	================================================== */	#topm{ max-width: 479px;}	#topm #menu{ display: none; }	#topm a{ text-decoration: none;margin-left: 0px; }		#topm h2{ float: none; text-align: center;width: 100%;margin-left: 0px; }	#topm p.logo-bottom{float: none; text-align: center;width: 100%;margin-left: 0px;}	/* #Navigation	================================================== */		#nav {height: auto;display: block;}  	#nav ul {width: 100%;display: none;height: auto;}  	#nav li {width: 100%;float: left;position: relative;}  	#nav li a {border-bottom: 1px solid #eaeaea;}  	#nav a {text-align: left;width: 100%;text-indent: 25px;}	#nav a#pull {display: block;background-color: #f8f9f9;color: #777777;width: 100%;position: relative;}	#nav a#pull:after {content:"";background: url('../images/nav-icon.png') no-repeat;width: 30px;height: 30px;display: inline-block;position: absolute;right: 15px;top: 10px;	}				/* #Search Hide	================================================== */	#search-hide{max-width: 479px;}		/* #Hidden Search	================================================== */		#nav-search {height: auto;display: block;}	#nav-search ul {width: 100%;display: none;height: auto;}  	#nav-search li {width: 100%;float: left;position: relative;}  	#nav-search a {text-align: left;width: 100%;text-indent: 20px;}		#nav-search a#pull-search {text-align:left;display: block;background-color: #7ecdee;color: #ffffff;width: 100%;line-height:50px;position: relative;}	#nav-search a#pull-search:after {content:"";background: url('../images/search-icon-new.png') no-repeat;width: 30px;height: 30px;display: inline-block;position: absolute;right: 20px;top: 14px;}				#hidden-search{ width: 280px;}	#hidden-search #top .title{font-size: 12px;margin-top: 10px;}	#hidden-search #top #search_text{ width: 230px; }	#hidden-search #middle{margin-top: -5px;}	#hidden-search #middle .custom-select select {width: 275px;}	/* #Title Page	================================================== */	#title-page{ margin-top: -15px; z-index: 10;}	#title-page .inside{ max-width: 479px;}	#title-page #title-bar{ border-left:none; }		#title-page #title-bar h3{ font-size: 24px; line-height: 24px;margin-left: 20px; }	#title-page p.head-result{ margin-left: 20px; }	#title-page #title-right{ background: #faf8f6;border-top:1px solid #e4e2e1;border-bottom:1px solid #e4e2e1; }		#title-page #breadcrumbs p{ margin-left: 20px; }		/* #Search Hide	================================================== */	#search-hide{max-width: 100%;}		/* #Main Content	================================================== */	#main{ clear:both; }	#main .inside{ max-width: 100%; background: aqua; }					/* #Main Content ( Left Content )	================================================== */	#main #left-content{ width: 100%;border-left: none;border-right: none; min-height: 100px;}	#main #left-content #view-all-villas #head p{ margin-left: 25px; }	#main #left-content #view-all-villas ul#list-villa li .wrap-villa{padding: 0px 20px;}		#main #left-content #view-all-villas ul#list-villa li .imgz{width: 260px;height: 260px;margin-bottom: 20px;}	#main #left-content #view-all-villas ul#list-villa li .imgz img{height: auto;float: left;width: 100%;z-index: 10}	#main #left-content #view-all-villas ul#list-villa li .desc-box{clear:both;width: 100%;margin-left: 0px;}	#main #left-content #view-all-villas ul#list-villa li p{height: auto;}		#main #left-content #view-all-villas ul#list-villa li .price{ margin-bottom: 15px; }	#main #left-content #view-all-villas ul#list-villa li .desc-box a.read{ width: 100%; padding: 5px 0px;	border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;text-align: center;  }			#main #left-content #view-all-villas #head p.head-result{margin-left: 20px;}	#main #left-content #view-all-villas #head ul{margin-left: 20px;}	#main #left-content #view-all-villas #head ul li{clear: both;}		#main #left-content #view-all-villas #desc-about .wrapper-about{ padding: 0px 20px; }			/* #Main Content ( Right Content )	================================================== */	#main #right-content { clear:both; width: 100%;padding: 35px 0px;margin-top: 0px; }		#main #right-content #search{display: none;}		#main #right-content #location{clear:both;width:42%;border-bottom:none;padding-bottom:25px;margin-right:4%;margin-left:4%;margin-bottom: 20px;}	#main #right-content #villa{clear:none;width:42%;margin-top:0px;margin-right:4%;margin-left:4%;margin-bottom: 20px;}	#main #right-content #price{clear:both;width:42%;border-bottom:none;border-top:none;margin-top:0px;padding-bottom:0px;padding-top:0px;margin-right:4%;margin-left:4%;margin-bottom: 50px;}	#main #right-content #bedrooms{clear:none;width:42%;margin-top:0px;margin-bottom: 50px;margin-right:4%;margin-left:4%;}	#main #right-content #contact{clear: both;border-top:none;border-bottom:none;width: 42%;margin-top: 0px;padding-top: 0px;padding-bottom: 0px;margin-right:4%;margin-left:4%;margin-bottom: 10px;}	#main #right-content #partner{clear: none;border-bottom:none;width: 42%;margin-top: 0px;padding-bottom: 0px;margin-right:4%;margin-left:4%;margin-bottom: 10px;}	#main #right-content #find{clear: both;width: 92%;margin-top: 0px;margin-left: 4%;margin-right: 4%;}			#main #right-content #location h3{ font-size: 18px;line-height: 18px;margin-bottom: 15px;}	#main #right-content #location ul li{ margin-bottom: 5px;}	#main #right-content #location ul li a{ font-size: 12px;}		#main #right-content #villa h3{ font-size: 18px;line-height: 18px;margin-bottom: 15px;}	#main #right-content #villa ul li{ margin-bottom: 5px;}	#main #right-content #villa ul li a{ font-size: 12px;}			#main #right-content #price h3{ font-size: 18px;line-height: 18px;margin-bottom: 15px;}	#main #right-content #price ul li{ margin-bottom: 5px;}	#main #right-content #price ul li a{ font-size: 12px;}			#main #right-content #bedrooms h3{ font-size: 18px;line-height: 18px;margin-bottom: 15px;}	#main #right-content #bedrooms ul li{ margin-bottom: 5px;}	#main #right-content #bedrooms ul li a{ font-size: 12px;}			#main #right-content #contact h3{ font-size: 18px;line-height: 18px;margin-bottom: 15px;}	#main #right-content #contact p{ font-size: 12px;}					#main #right-content #partner h3{ font-size: 18px;line-height: 18px;margin-bottom: 15px;}	#main #right-content #partner ul li{ margin-bottom: 5px;}	#main #right-content #partner ul li a{ font-size: 12px;}			#main #right-content #find h3{ font-size: 18px;line-height: 18px;margin-bottom: 15px;}			/* #Footer Content	================================================== */	#footer .inside{ max-width: 300px;background: #ffffff; }	#footer #left-cont{ width: 250px; border-left: none;}		#footer #fl{ display: none;}	#footer #fr{ display: none; }		#left-back{ display: none; }	#right-back{ display: none; }		#main #left-content #view-all-villas #desc-about .wrapper-about .line .left{		float: left;		width: 100%;		text-align: left;	}	#main #left-content #view-all-villas #desc-about .wrapper-about .line .right{		float: left;		clear: both;		width: 100%;		text-align: left;	}			#main #left-content #view-all-villas #desc-about .wrapper-about .line input[type="submit"]{		width: 48%;		clear: none;		float: left;	}	#main #left-content #view-all-villas #desc-about .wrapper-about .line input[type="reset"]{		width: 48%;		clear: none;		float: left;		margin-right: 4%;		}	}