@charset "UTF-8";
/* CSS Document */

@media only screen and (min-width:1025px){
	.text-2 br{
		display: none;
	}
}


@media only screen and (max-width:1024px){
	
	/*.sizeable-content{
		min-width: 1024px;
	}*/
	
	.contact-form input.postcode {
		margin-left:0;
	}
	
	.header img, .header iframe {
		margin: 0px auto;
		display: block;
		height: 670px;
		width: 720px;
		border: 0px;
	}
	.header .title{
		font-size: 80px;
	}
	.header .sub-title{
		font-size: 38px;
		text-align: center;
		font-family: 'Kelson Sans', arial, serif;
		letter-spacing: 2px;
		line-height: 40px;
		font-weight: 400;
		margin-top: 30px;
	}
	.header .down-arrow{
		font-size: 100px;
	}
	.header .logo{
		margin-top:0;
	}
	.title-1{
		font-size: 50px;
		font-family: 'Kelson Sans', arial, serif;
		letter-spacing: 1px;
		line-height: 80px;
		font-weight: 400;
		margin-top:120px;
	}
	.title-2{
		font-size: 125px;
		font-family: 'Questa', arial, serif;
		letter-spacing: 2px;
		line-height: 100px;
		text-align: right;
	}
	.text-1{
		font-size: 36px;
		margin-top: 80px;
		color: #7d7c7c;
		line-height: 50px;
		font-family: 'Kelson Sans', arial, serif;
		font-weight: normal;
		text-align: right;
		margin-left: 290px;
	}
	.text-2{
		font-size: 37px;
		margin-top: 80px;
		line-height: 50px;
		font-family: 'Questa', arial, serif;
		font-weight: normal;
		text-align: right;
		margin-left: 500px;
	}
	.button-place{
		margin-top:80px;
	}
	.button{
		line-height: 100px;
		font-size: 37px;
		font-family: 'Questa', arial, serif;
		font-weight: normal;
		text-align: center;
		padding: 0px 40px;
		border: 2px solid white;
		display: inline-block;
		cursor: pointer;
	}
	.section-title{
		font-size:100px;
	}
	.section-1-bg{
		background-image: url('../assets/tablet-section-1-bg.jpg');
		height: 900px;
	}
	.section-1-content {
		   background-color: rgba(249,248,246, 0.96);
    width: 850px;
    float: right;
    padding: 0px 80px;
    height: 680px;
    margin-top: 110px;
	}
	.content-title {
		margin-top: 40px;
		text-align: center;
		font-family: 'Lato', sans-serif;
		font-weight: 700;
		color: #243343;
		font-size: 60px;
		text-transform: uppercase;
		letter-spacing: 3px;
	}
	.top-bar {
    	width: 100px;
	}
	.content-content {
		margin-top: 76px;
		color: #5b5b5b;
		font-size: 32px;
		height: 47px;
		text-align: center;
		font-family: 'Questa', arial, serif;
		line-height: 50px;
	}
	.section-2-bg{
		height:1000px;
		background-image: url('../assets/tablet-canal.jpg');
	}
	.section-2-content{
		height:800px;
		margin-top:100px;
	}
	.section-3-bg{
		height:1000px;
		background-image: url('../assets/tablet-last-image.jpg');
	}
	.section-3-content{
		height: 680px;
    	margin-top: 160px;
	}
	.image-grid {
		width: 1800px;
		height: 970px;
	}
	.img-left {
		width: 900px;
		height: 970px;
	}
	.img-right{
		width:900px;
		height:485px;
	}
	.img-bottom-right{
		width:450px;
		height:485px;
		
	}
	.img-bottom-left{
		width:450px;
		height:485px;
		right:450px;
	}
	.grid-image-title{
		font-size: 40px;
		font-weight: 400;
		margin-top:670px;
	}
	.grid-image-subtitle {
		font-size: 90px;
		letter-spacing: 3px;
		line-height: 80px;
	}
	input.submit{
		-webkit-appearance: none;
		border-radius: 0px;	
	}
	.extra-topping{
		margin-top: -140px;
	}
	.parallax-text{
		font-size: 120px;
		line-height: 160px;
	}
	.white-holder .top-bar{
		border-width: 3px;
	}
	.footer-data{
		font-size: 30px;
	}
	.footer-end-content, .footer-end-content a{
		font-size:25px;
	}
	.parallax-text.before-anim{
		margin-top:-100px;
	}
	.section-brake-end{
		height:10px;
	}
	.contact-form input.input{
		-webkit-appearance: none;
		border:2px solid white;
		border-bottom: 2px solid #94a0a1; 

	}
	.contact-form input.input:focus, 
	.contact-form input.input:hover{
		border:2px solid white;
		border-bottom: 2px solid #3b3b3b;
		outline: none;
	}
	.contact-form input.first_name{
		width:840px;
	}
	
	.form-message{
		font-size: 34px;
	}
}



/* VERTICAL TABLET */
@media screen and (max-width:1024px) and (orientation:portrait) {
	
	.contact-form .radio-bt-section {
		margin-top: 100px;
	}
	.contact-form .radio-bt-section:after {
		content: "";
		display: table;
		clear: both;
	}
	.contact-form .radio-bt-section .radio-title {
		font-size: 50px;
	}
	.contact-form .radio-bt-section .radio-wrap {
		position: relative;
		padding-left: 60px;
	}
	.contact-form .radio-bt-section .radio-wrap label {
		font-size: 50px;
	}
	.contact-form .radio-bt-section .radio-wrap input[type="radio"] {
		position: absolute;
		top: 10px;
		left: 0;
		width: 40px;
		height: 40px;		
	}
	
    .section-1-bg, .section-2-bg, .section-3-bg {
		background-size: contain;
		height: auto;
		width: 100%;
		padding-top: 800px;
		margin-top:180px;
	}
	.section-1-content, .section-2-content,  .section-3-content{
		width: 65%;
		margin: 0px auto;
		position: relative;
		float: none;
		height: auto;
		padding-top:00px;
	}
	.content-title {
		margin-top: 70px;
		text-align: center;
		font-family: 'Lato', sans-serif;
		font-weight: 700;
		color: #243343;
		font-size: 70px;
		text-transform: uppercase;
		letter-spacing: 4px;
	}
	.content-content{
		height: auto;
		margin-top: 76px;
    color: #5b5b5b;
    font-size: 45px;
    text-align: center;
    font-family: 'Questa', arial, serif;
    line-height: 80px;
    margin-left: 60px;
    margin-right: 60px;
		padding-bottom: 160px;
	}
	.mobile-extra{
		padding-top:160px;
	}
	.sizeable-content.mobile-auto .outer, .sizeable-content.mobile-auto .inner, .sizeable-content.mobile-auto .middle{
		position: relative;
		display: block;
	}
	.section-2-bg{
		padding-top:1200px;
	}
	.section-3-bg{
		padding-top:1325px;
	}
	.section-2-bg{
		background-image: url(../assets/mobile-canal.jpg);
	}
	.section-3-bg{
		background-image: url(../assets/mobile-living.jpg);
	}
	.section-2-bg, .section-3-bg {
		margin-top:0px;
	}
	.mbl-n{
		/*display: none;*/
	}
	.canal-block .outer, .living-block .outer{
		display:block;
	}
	.top-bar-holder{
		padding-top: 50px;
	}
	
	 .image-grid {
		position: relative;
		top:0px; left:0px;
	}
	.img-left {
		position: relative;
		top:0px; left:0px;
		width:100%;
		height: 800px;
	}
	.img-right{
		position: relative;
		top:0px; left:0px;
		width:100%;
		height: 600px;
	}
	.img-bottom-right{
		position: relative;
		top:0px; left:0px;
		float:right;
		width:50%;
		height: 700px
	}
	.img-bottom-left{
		position: relative;
		top:0px; left:0px;
		float:left;
		width:50%;
		height: 700px
	}
	.img-bottm-line:after{
		 clear: both;
		content: "";
		display: table;
	}
	.grid-image-title{
		font-size: 80px;
		font-weight: 400;
		margin-top:700px;
	}
	.grid-image-subtitle {
		font-size: 90px;
		letter-spacing: 3px;
		line-height: 80px;
	}
	.grid-image-title, .grid-image-subtitle {
		display: none;
	}
	.grid-image-title{
		margin-top: 0px;
		font-size: 50px;
		display: block;
		position: relative;
		top: 70%;
		line-height: 24px;
		margin-right: 90px;
		letter-spacing: 1px;
	}
	.grid-image-subtitle{
		margin-top: 0px;
		font-size: 80px;
		display: block;
		position: relative;
		top: 70%;
		line-height: 100px;
		margin-right: 90px;
		letter-spacing: 1px;
	}
	.grid-image-subtitle br{
		display: none;
	}
	
	.location-map{
		height: 30%;
	}
	.location-map {
		/*background-image: url(../assets/tablet-vert-map.jpg);
		background-position: center top;*/
	}
	
	 form .left, form .right{
		float:none;
	}
	form input.input{
		    width: 100% !important;
    margin-left: 0px !important;
    font-size: 50px !important;
    height: 120px !important;
    margin-top: 40px;
		border-bottom-color: #6f6f6e;
	}
	.line.mb50{
		margin-bottom: 0px;
	}
	.contact-form .submit{
		margin: 200px auto !important;
		width: 60% !important;
		float: none !important;
		display: block;
		    font-size: 70px !important;
    line-height: 120px !important;
    height: 200px !important;
	}
	.line.rules{
		width: 65%;
    margin: 0px auto;
    font-size: 50px;
    margin-top: -100px;
    text-align: center;
	}
     .contact-form input.input {
		margin-top:100px;
		 -webkit-appearance: none;
		 border:3px solid white;
		border-bottom: 3px solid #94a0a1; 
	}
    
	.contact-form input.input:focus, .contact-form input.input:hover{
		border:3px solid white;
		border-bottom: 3px solid #3b3b3b;
		outline: none;
	}
	.form-message{
		font-size: 50px;
	}
	
	.privacy-box{
		width:80%;
		margin: 0px auto;
		background-color: #243343;
		position: relative;
	}
	.privacy-box .top-bar {
		width: 33px;
		border-width: 1px;
		margin-top: 50px;
	}
}






@media only screen and (max-width:420px){
	
	.header img, .header iframe {
		margin: 0px auto;
		display: block;
		height: 1200px;
		width: 100%;
		border: 0px;
	}
	.header .title {
		font-size: 160px;
		width: 60%;
		margin: 0px auto;
		margin-top: 200px;
		margin-bottom: 200px;
	}
	.header .sub-title {
		font-size: 76px;
		text-align: center;
		font-family: 'Kelson Sans', arial, serif;
		letter-spacing: 2px;
		line-height: 120px;
		font-weight: 400;
		width: 75%;
		margin: 0px auto;
	}
	.header .down-arrow {
		font-size: 200px;
		margin-top: 150px;
	}
	.title-1 {
		font-size: 100px;
    font-family: 'Kelson Sans', arial, serif;
    letter-spacing: 3px;
    line-height: 100px;
	}
	.middle-box {
    	width: 1700px;
	}
	.title-2 {
		font-size: 175px;
    font-family: 'Questa', arial, serif;
    letter-spacing: 2px;
    line-height: 185px;
	}
	.text-1 {
		    font-size: 80px;
    margin-top: 150px;
    color: #7d7c7c;
    line-height: 140px;
    font-family: 'Kelson Sans', arial, serif;
    font-weight: normal;
    text-align: right;
    margin-left: 60px;
    letter-spacing: 3px;
	}
	.text-2 br{
		display: none;
	}
	.text-2{
		    margin: 0px auto;
		font-size: 80px;
		margin-top: 150px;
		line-height: 135px;
		margin-left: 180px;
		letter-spacing: 2px;
		width: 90%;
	}
	
	.button {
    line-height: 220px;
    font-size: 85px;
    font-family: 'Questa', arial, serif;
    font-weight: normal;
    text-align: center;
    padding: 0 70px;
    border: 6px solid white;
    display: inline-block;
    cursor: pointer;
    letter-spacing: 5px;
    margin-top: 170px;
}
	
	.section-title {
		font-size: 170px;
	}
	.top-bar {
		width: 200px;
		margin-bottom: 20px;
		border-width: 3px;
	}
	.section-1-bg, .section-2-bg, .section-3-bg {
		background-image: url(../assets/mobile-downtown.jpg);
		background-size: contain;
		height: auto;
		width: 100%;
		padding-top: 700px;
		margin-top:180px;
	}
	.section-1-content, .section-2-content,  .section-3-content{
		width: 78%;
		margin: 0px auto;
		position: relative;
		float: none;
		height: auto;
		padding-top:50px;
	}
	.content-title {
		margin-top: 50px;
		text-align: center;
		font-family: 'Lato', sans-serif;
		font-weight: 700;
		color: #243343;
		font-size: 100px;
		text-transform: uppercase;
		letter-spacing: 4px;
	}
	.content-content{
		height: auto;
		margin-top: 76px;
    color: #5b5b5b;
    font-size: 76px;
    text-align: center;
    font-family: 'Questa', arial, serif;
    line-height: 120px;
    margin-left: 60px;
    margin-right: 60px;
		padding-bottom: 160px;
	}
	.mobile-extra{
		padding-top:160px;
	}
	.sizeable-content.mobile-auto .outer, .sizeable-content.mobile-auto .inner, .sizeable-content.mobile-auto .middle{
		position: relative;
		display: block;
	}
	.section-2-bg{
		padding-top:1000px;
	}
	.section-3-bg{
		padding-top:1400px;
	}
	.section-2-bg{
		background-image: url(../assets/mobile-canal.jpg);
	}
	.section-3-bg{
		background-image: url(../assets/mobile-living.jpg);
	}
	.section-2-bg, .section-3-bg {
		margin-top:0px;
	}
	.mbl-n{
		/*display: none;*/
	}
	form .left, form .right{
		float:none;
	}
	form input.input{
		    width: 100% !important;
    margin-left: 0px !important;
    font-size: 70px !important;
    height: 150px !important;
    margin-top: 40px;
		border-bottom-color: #6f6f6e;
	}
	.line.mb50{
		margin-bottom: 0px;
	}
	.contact-form .submit{
		margin: 200px auto !important;
		width: 70% !important;
		float: none !important;
		display: block;
		    font-size: 100px !important;
    line-height: 140px !important;
    height: 220px !important;
	}
	.line.rules{
		width: 65%;
    margin: 0px auto;
    font-size: 50px;
    margin-top: -100px;
    text-align: center;
	}
	.location-map {
		/*background-image: url(../assets/mobile-map.jpg);*/
		height:30%;
	}
	::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	  border-bottom-color: #6f6f6e;
	}
	::-moz-placeholder { /* Firefox 19+ */
	  border-bottom-color: #6f6f6e;
	}
	:-ms-input-placeholder { /* IE 10+ */
	  border-bottom-color: #6f6f6e;
	}
	:-moz-placeholder { /* Firefox 18- */
	  border-bottom-color: #6f6f6e;
	}
	.contact-extra-bottom{
		margin-bottom: 20%;
	}
	.extra-topping{
		margin-top:0px;
	}
	.white-holder .top-bar{
		border-width: 6px;
	}
	.top-part{
		background-image: url(../assets/mobile-last-image.jpg);
		height:65%;
	}
	.footer{
		height: 35%;
	}
	.footer-data {
		font-size: 60px;
		width: 1600px;
		margin: 0px auto;
	}
	.footer-data span.bold:before{
		content:"";
		display: block;
	}
	.footer-data img {
		display: block;
		margin: 0px auto;
		top: 0px;
		margin-top: 100px;
		height: 300px;
		margin-bottom: 100px;
	}
	.footer-end-content, .footer-end-content a {
		font-size: 50px;
		line-height: 70px;
	}
	.footer-end-content span:first-child:after{
		content: "";
		display: block;
	}
	.rendering-image{
	background-image:url(../assets/mobile-rendering.jpg);
	}
	
	.image-grid {
		width: auto;
		height: auto;
		position: relative;
		top:0px; left:0px;
	}
	.img-left {
		position: relative;
		top:0px; left:0px;
		width:100%;
		height: 100vw;
	}
	.img-right{
		position: relative;
		top:0px; left:0px;
		width:100%;
		height: 50vw;
	}
	.img-bottom-right{
		position: relative;
		top:0px; left:0px;
		float:right;
		width:50%;
		height: 50vw;
	}
	.img-bottom-left{
		position: relative;
		top:0px; left:0px;
		float:left;
		width:50%;
		height: 50vw;
	}
	.img-bottm-line:after{
		 clear: both;
		content: "";
		display: table;
	}
	.grid-image-title{
		font-size: 40px;
		font-weight: 400;
		margin-top:670px;
	}
	.grid-image-subtitle {
		font-size: 90px;
		letter-spacing: 3px;
		line-height: 80px;
	}
	.grid-image-title, .grid-image-subtitle {
		display: none;
	}
	.grid-image-title{
		margin-top: 0px;
		font-size: 18px;
		display: block;
		position: relative;
		top: 70%;
		line-height: 24px;
		margin-right: 30px;
		letter-spacing: 1px;
	}
	.grid-image-subtitle{
		margin-top: 0px;
		font-size: 30px;
		display: block;
		position: relative;
		top: 70%;
		line-height: 30px;
		margin-right: 30px;
		letter-spacing: 1px;
	}
	.grid-image-subtitle br{
		display: none;
	}
	.contact-form input.input {
		margin-top:100px;
	}
	.contact-extra-bottom{
		margin-bottom: 0px;
	}
	.section-title{
		margin-top: 80px;
	}
	.parallax-text .section-title{
		line-height: 200px;
	}
	.section-2-content, .section-3-content{
		padding-left:80px;
		padding-right:80px;
	}
	form .left, form .right{
		float:none;
	}
	form input.input {
		    width: 100% !important;
    margin-left: 0px !important;
    font-size: 50px !important;
    height: 130px !important;
    margin-top: 40px;
		border-bottom-color: #6f6f6e;
	}
	.line.mb50{
		margin-bottom: 0px;
	}
	.contact-form .submit{
		margin: 200px auto !important;
		width: 60% !important;
		float: none !important;
		display: block;
		    font-size: 100px !important;
    line-height: 250px !important;
    height: 250px !important;
	}
	.line.rules{
		width: 65%;
    margin: 0px auto;
    font-size: 50px;
    margin-top: -100px;
    text-align: center;
	}
    
    .contact-form input.input {
		-webkit-appearance: none;
        font-size:80px !important;
        height:150px !important;
        margin-top:140px;
		border:4px solid white;
		border-bottom: 4px solid #94a0a1; 
	}
	.contact-form{
		width:1750px;
	}
	.contact-form input.input:focus, .contact-form input.input:hover{
		-webkit-appearance: none;
		border:4px solid white;
		border-bottom: 4px solid #3b3b3b;
		outline: none;
		
	}
	
	.form-message{
        font-size:74px;
	}
	
	
	.privacy-box .top-bar {
		width: 33px;
		border-width: 1px;
		margin-top: 50px;
	}
	.privacy-box{
		width:100%;
	}
	.privacy-box .content{
		padding: 6% 5%;
	}
	.top-bar-holder{
		padding-top: 0px;
	}
	.top-bar-holder.mobile-extra{
		padding-top: 160px;
	}
	.privacy-box .top-bar{
		margin-top:20px;
		margin-bottom: 5px;
	}
}