/** 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);@import url(https://fonts.googleapis.com/css?family=Alegreya+Sans:500);@charset "utf-8";/* #Basic================================================== */body{	margin: 0;	min-width: 980px;	padding: 0;	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;    	font-weight: 300; }img{	border: 0;}.labelsz {   color: red;   background-color: white;   font-family: "Lucida Grande", "Arial", sans-serif;   font-size: 10px;   font-weight: bold;   text-align: center;   width: 60px;        border: 2px solid black;   white-space: nowrap; }/* #Library Class================================================== */.wrapper{	margin: 0 auto;	width: 980px;	z-index: 99;	position: relative;}.wrapper .float-left, .wrapper .float-right{	padding: 100px 0 0 0;	position: relative;	width: 350px;	}.float-left{	float: left;		margin: 0 0 0 20px;}.float-right{	float: right;	margin: 0 20px 0 0;}.center{	padding: 80px 0;	text-align: center;}.button-frame{	padding: 15px 20px;	border: 5px solid #ffffff;	color: #ffffff;	position: relative;	display: block;  	-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;	}.button-frame:hover{	background: #ffffff;	color: #77c6f0;	border: 5px solid #ffffff;	}/*#logo{	background: url("images/totalbali-logo.png") no-repeat;	width: 100px;	height: 101px;	text-indent: -9999px;	position: fixed;	top:20px;	left: 20px;	z-index: 100;  	-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;		}*/ .labelz {   color: red;   background-color: white;   font-family: "Lucida Grande", "Arial", sans-serif;   font-size: 10px;   font-weight: bold;   text-align: center;   width: 60px;        border: 2px solid black;   white-space: nowrap; }/* #Navigation================================================== */#nav{	list-style: none;	position: fixed;	right: 0px;	z-index: 999;}#nav li{	background: #0093d0;	border-bottom: 1px solid #0782b5;	position: relative;	width: 50px;	height: 50px;}#nav li:last-child{	border-bottom: none;}#nav li img{	margin: 0px auto;	padding-top: 15px;	padding-bottom: 20px;		display: block;	width: 20px;	height: 20px;	position: relative;}.active{ 	background: #01709e; 	display: block;	position: relative;	}	/* #Content================================================== */#header, #intro, #second{	width: 100%;}#header{	background: white;	height: 130px;	}/* #Intro Part================================================== */#intro{	background: #ffffff;	color: white;	height: auto;	position: relative;	margin: 0 auto;	overflow: hidden;	padding: 0;	padding-bottom: 100px;}/* #Second Part================================================== */#second{	/*background: url(images/secondBG.jpg) 50% 0 no-repeat fixed;*/	background: #77c6f0;	color: white;	height: 600px;	margin: 0 auto;	overflow: hidden;	padding: 0;}#second #search{	clear: both;	margin: 0px auto;		margin-top: 70px;	z-index: 100;	position: relative;	display: block;	width: 725px;}#second #search #badge-search{	text-align: center;	text-indent: -9999px;	background: url("images/badge-search.png") no-repeat;	width: 250px;	height: 123px;	margin: 0px auto;	margin-bottom: 45px;}#second #badge{	float: left;	text-align: left;	margin-bottom: 20px;	font-style: normal;	letter-spacing: -1px;	font-weight: normal;	text-transform: uppercase;	font-size: 45px;	font-family: Arial, Helvetica, Verdana, Arial, sans-serif;	color: #185883;	text-decoration: none;		font-weight: 700;	}#second #badge span{	font-style: italic;	color: #ffffff;}#second #badge img{	float: right;	margin-top: -20px;	margin-left: 30px;}#second #search #search-top{	width: 100%;	float: left;	clear: both;	padding-bottom: 25px;	border-bottom: 1px solid #ffffff;	position: relative;	display: block;}#second #search #search-top .title{	text-transform: uppercase;	font-size: 15px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 400;		color: #ffffff;	clear: both;	float: left;	margin-bottom: 15px;}#second #search #search-top #search_text{    width: 620px;        padding: 4px 8px;	text-transform: uppercase;	font-size: 13px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 400;		color: #ffffff;	    border: 0 none;    height: 35px;    margin-right: 0;    color: #ffffff;    outline: none;    background: none;    float: left;    clear: both;    transition: all 0.15s;    	border-radius: 0px;	-webkit-border-radius: 0px;	-moz-border-radius: 0px;  	border: 5px solid #ffffff;  }#second #search #search-top ::-webkit-input-placeholder { /* WebKit browsers */    color: #ffffff;}#second #search #search-top :-moz-placeholder { /* Mozilla Firefox 4 to 18 */    color: #ffffff;}#second #search #search-top ::-moz-placeholder { /* Mozilla Firefox 19+ */    color: #ffffff;}#second #search #search-top :-ms-input-placeholder { /* Internet Explorer 10+ */    color: #ffffff;}#second #search #search-top #search_text:focus {    background: rgba(255,255,255,0.3);}#second #search #search-top #search_button {    border: 0 none;    width:70px;    float: left;    padding: 0;    text-align: center;    height: 43px;    cursor: pointer;    margin-left: -5px;    	border-radius: 0px;	-webkit-border-radius: 0px;	-moz-border-radius: 0px;  	border: 5px solid #ffffff;   }#second #search #search-top button{	background: none;	border: none;	text-transform: uppercase;	font-size: 13px;	line-height: 37px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 400;		color: #ffffff;	 	}#second #search #search-top .button-style-medium{	padding: 10px 95px;	background: #0093d0;	color: #ffffff;	float: right;	width: 100%;	margin-top: -10px;}#second #search #search-top .button-style-medium:hover{	background: #0093d0;	color: #ffffff;}#second #search #search-top #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;	}#second #search #search-top h4#results-text {	display: none;	width: 645px;	float: left;	margin-left: 0px;	margin-top: 80px;	color: #333333;	padding:15px 0px;	font-size: 13px;	cursor: pointer;	background: #ffffff;	border-bottom: 1px solid #cccccc;	border-top:none;}#second #search #search-top ul#results-search {	display: none;	width: 645px;	float: left;	clear: both;	margin-left: 0px;    max-height:300px;    overflow-y: scroll;	position: relative; 	background: #ffffff;}#second #search #search-top ul#results-search a{	text-decoration: none;}#second #search #search-top ul#results-search li {	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;}#second #search #search-top ul#results-search li:hover {	background-color: #F7F7F7;}#second #search #search-top ul#results-search li:first-child {	border-top: none;}#second #search #search-top ul#results-search li img{	float: left;	margin-right: 10px;	height: 32px;	width: auto;}#second #search #search-top 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: 1.2em;	font-weight: 400;	font-size: 14px;	text-decoration: none;}#second #search #search-top 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: 1.2em;	font-weight: 400;	font-size: 12px;	text-decoration: none;	margin-top: 3px;}#second #search #search-top ul#results-search li:hover h3, ul#results-search li:hover h4  {	color: #3b3b3b;	font-weight: 600;}#second #search #search-top ul#results-search li .action-pop{	position: absolute;	right:0px;	top:15px;}#second #search #search-top ul#results-search .highlight{	font-weight: 600;}#second #search #search-top ul#results-search .totalrow{	color: #333333;	text-align: right;	font-size: 12px;	font-weight: 600;}#second #search #search-middle{	width: 100%;	float: left;	clear: both;	border-bottom: 1px solid #ffffff;	margin-top: 25px;	padding-bottom: 25px;}#second #search #search-middle .title{	text-transform: uppercase;	font-size: 15px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 400;		color: #ffffff;	float: left;	margin-bottom: 15px;	text-align: left;}#second #search #search-middle label.custom-select {    position: relative;    display: inline-block;    margin-bottom: 5px;    margin-right: 15px;    float: left;}#second #search #search-middle label.custom-select:last-child {	margin-right: 0px;}#second #search #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: none;	-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;		border: 5px solid #ffffff;    width:170px;  	-moz-appearance: none;    text-indent: 0.01px;    text-overflow: '';       }/* for Webkit's CSS-only solution */@media screen and (-webkit-min-device-pixel-ratio:0) { 	#second #search #search-middle .custom-select select {    	padding-right:30px;         }}    /* Since we removed the default focus styles, we have to add our own */#second #search #search-middle .custom-select select:focus {	background: #ffffff;	color: #333333;}    /* Select arrow styling */#second #search #search-middle .custom-select:after {	content: "▼";	position: absolute;	top: 0;	right: 0;	bottom: 0;	font-size: 60%;	line-height: 40px;	padding: 0 12px;	background: none;	color: #ffffff;	pointer-events:none;}    #second #search #search-middle .no-pointer-events .custom-select:after {	content: none;}#second #search #search-bottom{	width: 100%;	float: left;	clear: both;	margin-top: 10px;}#second #search #search-bottom .button-style-medium{	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-size: 15px;	font-weight: 400;	text-decoration: none;	text-transform: uppercase;		clear: both;	position: relative;	display: block;	width: 200px;	margin: 0px auto;	text-align: center;	margin-top: 5em;	cursor: pointer;	background: none;}#second #search #search-bottom .button-style-medium:hover{	background: #ffffff;	color: #77c6f0;	border: 5px solid #ffffff;	}#second #search #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;}#second #search #search-bottom p a#resxt{	color: #ffffff;	cursor: pointer;}/* #Third Part================================================== */#third{	background: url(images/fourthBGG.jpg) 50% 0 no-repeat fixed;	color: white;	height: 550px;	padding: 80px 0 0 0;	}#third #badge-location{	text-align: center;	text-indent: -9999px;	background: url("images/badge-location.png") no-repeat;	width: 250px;	height: 123px;	margin: 0px auto;	margin-bottom: 45px;}#third #badge{	float: left;	text-align: left;	margin-bottom: 20px;	font-style: normal;	letter-spacing: -1px;	font-weight: normal;	text-transform: uppercase;	font-size: 45px;	font-family: Arial, Helvetica, Verdana, Arial, sans-serif;	color: #71caf9;	text-decoration: none;		font-weight: 700;	}#third #badge span{	font-style: italic;	color: #ffffff;}#third #locaz{	clear: both;	display: block;	position: relative;	width: 100%;	float: left;	color: #ffffff;}#third #locaz p.desc{	line-height: 24px;	font-size: 15px;	float: left;	clear: both;	margin-bottom: 60px;	font-family: 'Raleway', Helvetica, Verdana, Arial, sans-serif;	font-weight: 400;	}#third #locaz ul{	display: block;	position: relative;	clear: both;}#third #locaz ul li{	display: inline;	width: 310px;	height: 400px;	float: left;	margin-right: 20px;	margin-bottom: 30px;	position: relative;	background: #ffffff;}#third #locaz ul li:nth-child(3n){	margin-right: 0px;}#third #locaz ul li img{	float: left;	clear: both;	width: 100%;	height: 170px;	background: #ffffff;}#third #locaz ul li .desc{	padding: 20px;	clear: both;	position: relative;	float: left;}#third #locaz ul li a.title{	letter-spacing: -1px;	font-weight: 700;	text-transform: uppercase;	font-size: 22px;	font-family: 'Josefin Slab', Helvetica, Verdana, Arial, sans-serif;		color: #71caf9;	clear: both;	float: left;	text-decoration: none;	margin-bottom: 10px;}#third #locaz ul li p{	clear: both;	float: left;	font-family: 'Raleway', Helvetica, Verdana, Arial, sans-serif;	font-size: 15px;	font-weight: 400;	line-height: 24px;	color: #333333;		}#third #fromgoogle{	width:100%; 	height:420px; 	top: 230px;	z-index:1; 	position:absolute;}/* #Seventh Part================================================== */#seventh{	background: url(images/book.jpg) 50% 0 no-repeat fixed;	color: white;	height: 950px;	padding: 150px 0 0 0;		}#seventh #badge{	float: left;	text-align: left;	margin-bottom: 20px;	font-style: normal;	letter-spacing: -1px;	font-weight: normal;	text-transform: uppercase;	font-size: 45px;	font-family: Arial, Helvetica, Verdana, Arial, sans-serif;	color: #71caf9;	text-decoration: none;		font-weight: 700;	}#seventh #badge span{	font-style: italic;	color: #ffffff;}#seventh p.desc{	line-height: 24px;	font-size: 15px;	float: left;	clear: both;	margin-bottom: 60px;	font-family: 'Raleway', Helvetica, Verdana, Arial, sans-serif;	font-weight: 400;	}/* #Fourth Part================================================== */#fourth{	background: url(images/blurred.jpg) 50% 0 no-repeat fixed;	color: white;	height: 1000px;	padding: 90px 0 0 0;		}#fourth #badge{	float: left;	text-align: left;	margin-bottom: 20px;	font-style: normal;	letter-spacing: -1px;	font-weight: normal;	text-transform: uppercase;	font-size: 45px;	font-family: Arial, Helvetica, Verdana, Arial, sans-serif;	color: #71caf9;	text-decoration: none;		font-weight: 700;	}#fourth #badge span{	font-style: italic;	color: #ffffff;}#fourth #exps{	clear: both;	display: block;	position: relative;	width: 100%;	float: left;	min-height: 630px;	color: #ffffff;}#fourth #exps p.desc{	line-height: 24px;	font-size: 15px;	float: left;	clear: both;	margin-bottom: 60px;	font-family: 'Raleway', Helvetica, Verdana, Arial, sans-serif;	font-weight: 400;	}#fourth #exps ul{	display: block;	position: relative;	clear: both;}#fourth #exps ul li{	display: inline;	width: 310px;	height: 360px;	float: left;	margin-right: 20px;	margin-bottom: 30px;	position: relative;	background: #ffffff;}#fourth #exps ul li:nth-child(3n){	margin-right: 0px;}#fourth #exps ul li img{	float: left;	clear: both;	width: 100%;	height: 170px;	background: #ffffff;}#fourth #exps ul li .desc{	padding: 20px;	clear: both;	position: relative;	float: left;}#fourth #exps ul li a.title{	letter-spacing: -1px;	font-weight: 700;	text-transform: uppercase;	font-size: 22px;	font-family: 'Josefin Slab', Helvetica, Verdana, Arial, sans-serif;		color: #71caf9;	clear: both;	float: left;	text-decoration: none;	margin-bottom: 10px;}#fourth #exps ul li p{	clear: both;	float: left;	font-family: 'Raleway', Helvetica, Verdana, Arial, sans-serif;	font-size: 14px;	font-weight: 400;	line-height: 24px;	color: #333333;		}/* #Sixth Part================================================== */#sixth{	background: url(images/book.jpg) 50% 0 no-repeat fixed;	color: white;	height: 950px;	padding: 150px 0 0 0;		}#sixth #badge{	float: left;	text-align: left;	margin-bottom: 20px;	font-style: normal;	letter-spacing: -1px;	font-weight: normal;	text-transform: uppercase;	font-size: 45px;	font-family: Arial, Helvetica, Verdana, Arial, sans-serif;	color: #71caf9;	text-decoration: none;		font-weight: 700;	}#sixth #badge span{	font-style: italic;	color: #ffffff;}#sixth #booz{	clear: both;	display: block;	position: relative;	width: 100%;	float: left;	min-height: 630px;	color: #ffffff;}#sixth #booz p.desc{	line-height: 24px;	font-size: 15px;	float: left;	clear: both;	margin-bottom: 100px;	font-family: 'Raleway', Helvetica, Verdana, Arial, sans-serif;	font-weight: 400;	}#sixth #booz ul{	display: block;	position: relative;	clear: both;	width: 730px;}#sixth #booz ul li{	clear: both;	float: left;	margin-bottom: 70px;}#sixth #booz ul li h2{	letter-spacing: -1px;	font-weight: 700;	text-transform: uppercase;	font-size: 30px;	font-family: 'Josefin Slab', Helvetica, Verdana, Arial, sans-serif;		color: #71caf9;	clear: both;	float: left;	text-decoration: none;	margin-bottom: 10px;	}#sixth #booz ul li p{	clear: both;	float: left;	font-family: 'Raleway', Helvetica, Verdana, Arial, sans-serif;	font-size: 15px;	font-weight: 400;	line-height: 24px;	color: #ffffff;		}#sixth #booz ul li p span{	width: 30px;	height: 30px;	text-align: center;	line-height: 28px;	display: block;	background: none;	border:2px solid #ffffff;	border-radius: 50px;		float: left;	margin-right: 10px;}/* #Eight Part================================================== */#eight{	background: url(images/use_your_illusion.png) repeat;	/*background: #eaeaea 50% 0 no-repeat fixed;*/	color: white;	height: 800px;	padding: 150px 0 0 0;		}#eight #badge{	float: left;	text-align: left;	margin-bottom: 20px;	font-style: normal;	letter-spacing: -1px;	font-weight: normal;	text-transform: uppercase;	font-size: 45px;	font-family: Arial, Helvetica, Verdana, Arial, sans-serif;	color: #71caf9;	text-decoration: none;		font-weight: 700;	}#eight #badge span{	font-style: italic;	color: #ffffff;}#eight p.desc{	line-height: 24px;	font-size: 15px;	float: left;	clear: both;	margin-bottom: 60px;	font-family: 'Raleway', Helvetica, Verdana, Arial, sans-serif;	font-weight: 400;	}#eight #leave{	width: 980px;}#eight #leave #search-top{	width: 450px;	float: left;	clear: both;}#eight #leave #search-top img.svvg{	float: left;	margin-bottom: 30px;	margin-left: 50px;	width: 300px;	height: auto;}#eight #leave #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;}#eight #leave #search-top #phone{    width: 350px;        padding: 4px 8px;	text-transform: uppercase;	font-size: 13px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 400;		color: #ffffff;	    border: 0 none;    height: 35px;    margin-right: 0;    color: #ffffff;    outline: none;    background: none;    float: left;    clear: both;    transition: all 0.15s;    margin-top: 16px;    	border-radius: 0px;	-webkit-border-radius: 0px;	-moz-border-radius: 0px;  	border: 5px solid #ffffff;  }#eight #leave #search-top ::-webkit-input-placeholder { /* WebKit browsers */    color: #ffffff;}#eight #leave #search-top :-moz-placeholder { /* Mozilla Firefox 4 to 18 */    color: #ffffff;}#eight #leave #search-top ::-moz-placeholder { /* Mozilla Firefox 19+ */    color: #ffffff;}#eight #leave #search-top :-ms-input-placeholder { /* Internet Explorer 10+ */    color: #ffffff;}#eight #leave #search-top #phone:focus {    background: rgba(255,255,255,0.3);}#eight #leave #search-top #search_button {    border: 0 none;    background: none;    float: left;    margin-top: 16px;    padding: 0;    text-align: center;    height: 53px;    cursor: pointer;    margin-left: -5px;        	text-transform: uppercase;	font-size: 13px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 400;		color: #ffffff;	padding: 4px 8px;    	border-radius: 0px;	-webkit-border-radius: 0px;	-moz-border-radius: 0px;  	border: 5px solid #ffffff;    }#eight #leave #search-top .button-style-medium{	padding: 10px 95px;	background: #0093d0;	color: #ffffff;	float: right;	width: 100%;	margin-top: -10px;}#eight #leave #search-top .button-style-medium:hover{	background: #0093d0;	color: #ffffff;}#eight #leave #search-middle{	width: 440px;	float: right;}#eight #leave #search-middle .title{	text-transform: uppercase;	font-size: 14px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 400;		color: #ffffff;	float: left;	text-align: left;}#eight #leave #search-middle input[type="text"]{    width: 420px;        padding: 12px 8px;	text-transform: uppercase;	font-size: 13px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 400;		color: #ffffff;	    border: 0 none;    margin-right: 0;    color: #ffffff;    outline: none;    background: none;    float: left;    clear: both;    transition: all 0.15s;    	border-radius: 0px;	-webkit-border-radius: 0px;	-moz-border-radius: 0px;  	border: 5px solid #ffffff;  	clear: both;	float: left;	margin-top: 16px;}#eight #leave #search-middle ::-webkit-input-placeholder { /* WebKit browsers */    color: #ffffff;}#eight #leave #search-middle :-moz-placeholder { /* Mozilla Firefox 4 to 18 */    color: #ffffff;}#eight #leave #search-middle ::-moz-placeholder { /* Mozilla Firefox 19+ */    color: #ffffff;}#eight #leave #search-middle :-ms-input-placeholder { /* Internet Explorer 10+ */    color: #ffffff;}#eight #leave #search-middle input[type="text"]:focus {    background: rgba(255,255,255,0.3);}#eight #leave textarea{	width: 420px;	min-height: 148px;	max-height: 148px;	max-width: 700px;	float: left;	margin-top: 16px;	background: none;	border: 5px solid #ffffff;      padding: 12px 8px;	text-transform: uppercase;	font-size: 13px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 400;		color: #ffffff;}#eight #leave textarea:focus{	background: rgba(255,255,255,0.3);}#eight #leave .sbmz{	padding: 10px 37px;	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;    	font-weight: 300;   	font-size: 14px;   	color: #ffffff;	   	background: #d43030;   	border: 1px solid #d43030;   	cursor: pointer;   	float: right;   	margin-top: 15px;}#eight #leave .button-style-medium{	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-size: 15px;	font-weight: 400;	text-decoration: none;	text-transform: uppercase;		clear: both;	position: relative;	display: block;	width: 200px;	float: right;	text-align: center;	margin-top: 1em;	cursor: pointer;	background: none;}#eight #leave .button-style-medium:hover{	background: #ffffff;	color: #77c6f0;	border: 5px solid #ffffff;	}#eight #leave p a#resxt{	color: #ffffff;	cursor: pointer;}/* #Fifth Part================================================== */#fifth{	background: #333333;	background-image: url("images/zwartevilt.png");	background-repeat: repeat;	height: 400px;	margin: 0 auto;	padding: 40px 0 0 0;}#fifth #menus{	float: left;	width: 220px;	margin-top: 20px;	padding-bottom: 25px;}#fifth #menus h3{	letter-spacing: -1px;	text-transform: uppercase;	font-size: 18px;	line-height: 18px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 700;	color: #ffffff;	text-decoration: none;		margin-bottom: 15px;	float: left;	clear: both;}#fifth #menus ul li{	float: left;	clear: both;	margin-bottom: 10px;}#fifth #menus ul li a{	font-size: 14px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 400;	text-decoration: none;		color: #717171;  	-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;		}#fifth #menus ul li a:hover{	color: #ffffff;}#fifth #contact{	float: left;	width: 250px;	margin-top: 20px;	padding-bottom: 25px;}#fifth #contact h3{	letter-spacing: -1px;	text-transform: uppercase;	font-size: 18px;	line-height: 18px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 700;	color: #ffffff;	text-decoration: none;		margin-bottom: 15px;	float: left;	clear: both;}#fifth #contact p{	font-size: 16px;	line-height: 16px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 400;	color: #a09f9f;	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;		}#fifth #contact p span.block{	background: #212121;	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;		}#fifth #contact p:hover{ color: #ffffff; }#fifth #contact p:hover span.block{ color: #ffffff; background: #0093d0; }#fifth #contact p a{	text-decoration: none;	color: #a09f9f;}#fifth #partner{	float: left;	width: 250px;	margin-top: 20px;	padding-bottom: 25px;}#fifth #partner h3{	letter-spacing: -1px;	text-transform: uppercase;	font-size: 18px;	line-height: 18px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 700;	color: #ffffff;	text-decoration: none;		margin-bottom: 15px;	float: left;	clear: both;}#fifth #partner ul li{	float: left;	clear: both;	margin-bottom: 10px;}#fifth #partner ul li a{	font-size: 14px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 400;	text-decoration: none;		color: #717171;	padding-left: 8px;	border-left:5px solid #212121;	  	-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;		}#fifth #partner ul li a:hover{	color: #8accee;	border-left:5px solid #8accee;	}#fifth #find{	float: left;	width: 250px;	margin-top: 20px;}#fifth #find h3{	letter-spacing: -1px;	text-transform: uppercase;	font-size: 18px;	line-height: 18px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 700;	color: #ffffff;	text-decoration: none;		margin-bottom: 15px;	float: left;	clear: both;}#fifth #find #social{	clear: both;	float: left;}#fifth #find #social a{	float: left;	margin-right: 8px;	opacity: 0.4;  	-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;		}#fifth #find #social a:hover{ opacity: 1; }#fifth #footer{	clear: both;	float: left;	width: 100%;	margin-top: 35px;	border-top: 1px solid #5a5a5a;	color: #ffffff;}#fifth #footer #foot-left{	float: left;	width: 500px;	margin-top: 15px;}#fifth #footer p{	font-size: 11px;	line-height: 11px;	font-family: 'Montserrat', Helvetica, Verdana, Arial, sans-serif;	font-weight: 400;	float: left;}#fifth #footer #foot-right{	float: right;	margin-top: 15px;}#fifth #footer #foot-right a.rbcz{	text-decoration: none;	text-indent: -9999px;	background-image: url("images/rbcz.png");	background-repeat: no-repeat;		display:block;	position: relative;	width: 100px;	height: 44px;	float: right;}#fifth #footer #foot-right a{	text-decoration: none;	color: #ffffff;}/* #Responsive Medium===================================================================== */@media only screen and (min-width: 940px) and (max-width: 1244px) {.wrapper{	width: 920px;}#fourth #exps ul li{	display: inline;	width: 290px;	height: 380px;	float: left;	margin-right: 20px;	margin-bottom: 30px;	position: relative;	background: #ffffff;}#fifth #menus{ width: 150px; }#eight #leave{	width: 900px;}}/* #Responsive iPad===================================================================== */@media only screen and (min-width: 768px) and (max-width: 959px) {.wrapper{	width: 720px;}#eight #leave{	width: 720px;}#nav{ display: none; }	}