﻿/** Contact Box**/
.MC-Contact-Form-Holder{
	background-size: 42% auto;
	background-position: 29% 90px;
	border: 1px solid #d7bc86;
	width: 68%;
	max-width: 1344px;
	height: 575px;
	background-color: #faf7f2;
	position: relative;
	left: auto;
	right: auto;
	margin-left: auto;
	margin-right: auto;
	background-image: url('/images/finn-mable.png');
	background-repeat: no-repeat;
}
.MC-CF-LeftCol, .MC-CF-RightCol{
	width: 50%;
	height: 575px;
	float:left;
	clear:none;
	text-align:center;
}
.MC-CF-LeftCol-Inner{
	width: 310px;
	height: 270px;
	float:left;
	margin-top:140px;
	margin-left:5px;
}
.MC-CF-LeftCol-Inner-Img{
	margin-top:5px;
}
.MC-CF-LeftCol-Inner-Tel, .MC-CF-LeftCol-Inner-Email, .MC-CF-LeftCol-Inner-Location{
	background-position: left center;
	width: 100%;
	height: 56px;
	margin-top: 25px;
	clear: left;
	background-image: url('/images/contact-tel.png');
	background-repeat: no-repeat;
	text-align:left;
}
.MC-CF-LeftCol-Inner-Email{
	background-image: url('/images/contact-email.png');
}
.MC-CF-LeftCol-Inner-Location{
	background-image: url('/images/contact-location.png');
}
.MC-CF-LeftCol-Text{
	font-size: 0.9em;
	line-height:1.1em;
	letter-spacing: 0.2px;
	color: #27282c;
	margin-left: 67px;
	padding-top:20px;
	text-align:left;
}
.MC-CF-LeftCol-Text-Sml{
	font-size: 0.8em;
	line-height:0.8em;
	letter-spacing: 0.1px;
}
/** Contact Form**/
.Contact-PlaceHolderText{
	font-size: 0.8em;
	font-weight: 600;
	letter-spacing: 0.8px;
	text-align: left;
	line-height: 0.8em;
	margin-left: 13px;
	text-transform: uppercase;
	float:left;
	clear:left;
}
.Contact-PlaceHolderText-Top{
	margin-top:44px;
}
.Contact-INPUTDiv, .Contact-INPUTDiv-LRG, .Contact-INPUTDiv-SmallLeft, .Contact-INPUTDiv-SmallRight{
	width:94%;
	twidth:615px;
	height:63px;
	background-color:#ffffff;
	float:left;
	clear:left;
	border: 1px solid #e1cda4;
	margin-bottom:17px;
	margin-top:3px;
}
.Contact-INPUTDiv-LRG, .INPUT-MESSAGE{
	height:121px;
	resize: none;
	color: #987b42;
	font-size: 0.9em;
	padding-left: 65px;
	padding-top:11px;
	margin-bottom:0px;
	width: 84.1%;
	twidth:560px;
	background-position: 21px 11px;
	background-repeat: no-repeat;
	letter-spacing: 0.3px;

}
.Contact-INPUTDiv-SmallLeft, .Contact-INPUTDiv-SmallRight{
	width:47.4%;
	clear:none;
	margin-top:0px;
	padding:0px;
	margin-bottom:0px;
}
.Contact-INPUTDiv-SmallRight{
	margin-left:25px;
	float:right;
}
.Contact-INPUT, .INPUT-NAME, .INPUT-TEL{
	background-position: 11px center;
	border: 1px solid #FFFFFF;
	width: 87.5%;
	height: 43px;
	margin-top: 10px;
	margin-left: 10px;
	color: #987b42;
	font-size: 0.9em;
	padding-left: 55px;
	float: left;
	background-color: #ffffff;
	background-repeat: no-repeat;
	letter-spacing: 0.5px;
}
.INPUT-NAME{	background-image: url('/images/cf-name.png');}
.INPUT-TEL{	background-image: url('/images/cf-tel.png');}
.INPUT-EMAIL{	background-image: url('/images/cf-email.png');}
.INPUT-MESSAGE{	background-image: url('/images/cf-message.png');}

.Contact-Button{
	border-width: 0px;
	border-radius: 80px;
	background-image: linear-gradient(to bottom, #b09868, #caaf7b, #b09868);
	width: 172px;
	height: 50px;
	position: absolute;
	z-index: 1;
	left: auto;
	right: 45px;
	margin-left: auto;
	margin-right: auto;
	bottom: 20px;
	top: auto;
	font-size: 0.9em;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: 600;
	padding-top: 4px;
	line-height: 1em;
}
.Contact-Button:hover{
	background-image: linear-gradient(to bottom, #bba170, #d7bc86, #bba170 );
}
.ContactGDPR{
	clear:none;float:right;width:40px;height:30px;padding-top:0px;top:0px; margin-top:20px;margin-right:30px;
}
.ContactPRIVTEXT{
	padding: 13px 0px 10px 0px;
	font-size: 0.9em;
	color: #27282c;
	letter-spacing: 0.3px;
	text-align: left;
	font-weight: 300;
	width: 80%;
	margin: 0px 0px 0px 25px;
	font-weight:600;
}
.CLEARBACK{
	background-color:transparent;
	border:0px;
	margin-top:20px;
}
/*1850 screen*/
@media only screen and (max-width : 1850px) {
	@-viewport {
		width: 1850px;
	}
	.MC-Contact-Form-Holder{
		width: 80%;
	}
}
/*1650 screen*/
@media only screen and (max-width : 1650px) {
	@-viewport {
		width: 1650px;
	}
/** Contact Form**/
	.MC-Contact-Form-Holder{
		background-size: 40.5% auto;
		background-position: 28% 1.5%;
	}
	.MC-CF-LeftCol-Inner{
		margin-top:300px;
		margin-left:25px;
	}	
	.Contact-INPUTDiv{
		width:415px;
	}
	.Contact-INPUTDiv-LRG, .INPUT-MESSAGE{
		width: 347px
	}
	.Contact-INPUT{
		width: 335px;
	}
	.ContactPRIVTEXT{
		padding:  0px 0px 10px 0px;
		font-size: 0.8em;
		width: 85%;
		margin: 0px 0px 0px 5px;
		font-weight:500;
	}
}
/*1250 screen*/
@media only screen and (max-width : 1250px) {
	@-viewport {
		width: 1250px;
	}
	/** Contact Form**/
	.MC-Contact-Form-Holder{
		max-width: 768px;
		height: 1285px;
		background-size: 400px auto;
		background-position: center 15px;
	}
	.MC-CF-LeftCol-Inner{
		margin-top:365px;
		margin-left:auto;
		margin-right:auto;
		left:auto;
		right:auto;
		position:relative;
		float:none;
		width: 300px;
		height:auto;
	}	
	.MC-CF-LeftCol, .MC-CF-RightCol{
		width: 100%;
		position:relative;
		float:none;
	}
	.MC-CF-LeftCol{
		height:290px;
	}
	.MC-CF-LeftCol-Inner-Tel, .MC-CF-LeftCol-Inner-Email, .MC-CF-LeftCol-Inner-Location{
		background-position: top center;
		height: 75px;
		text-align:center;
	}
	.MC-CF-LeftCol-Text{
		margin-right: 0px;
		margin-left: 0px;
		padding-top:60px;
		text-align:center;
	}
	.MC-CF-RightCol{
		width: 100%;
		width:420px;
		left:auto;
		right:auto;
		margin-left:auto;
		margin-right:auto;
	}
	.Contact-INPUTDiv{
		width:415px;
	}
	.Contact-INPUTDiv-LRG, .INPUT-MESSAGE{
		width: 347px
	}
	.Contact-INPUT{
		width: 335px;
	}
}
/*460 screen*/
@media only screen and (max-width : 650px) {
	@-viewport {
		width: 650px;
	}
/** Contact Form**/
		.MC-Contact-Form-Holder{
			width:420px;
			max-width:420px;
			height: 1330px;
			background-size: 480px auto;
			background-position: 0px 15px;
		}
		.MC-CF-LeftCol{
			height:310px;
		}
		.MC-CF-LeftCol-Inner{
			margin-top:400px;
			height:auto;
		}
		.MC-CF-RightCol{
			width:300px;
			height:600px;
		}
		.Contact-PlaceHolderText-Top{
			margin-top:10px;
		}
		.Contact-INPUTDiv{
			width:298px;
			margin-left:auto;
			margin-right:auto;
			left:auto;
			right:auto;
			position:relative;
		}
		.Contact-INPUTDiv-LRG, .INPUT-MESSAGE{
			width: 231px
		}
		.Contact-INPUT{
			width: 221px;
		}
		.Contact-INPUTDiv-SmallLeft{
			width:88%;
		}
		.ContactGDPR{
			margin-top:6px;margin-right:0px;
		}
		.ContactPRIVTEXT{
			width: 293px;
		}
		.Contact-Button{
			left: 0px;
			right: 0px;
			margin-left: auto;
			margin-right: auto;
			bottom: 10px;
		}
}
/*320 screen*/
@media only screen and (max-width : 480px) {
	@-viewport {
		width: 480px;
	}
/** Contact Form**/
	.MC-Contact-Form-Holder{
		width:300px;
		max-width:300px;
		background-size: 300px auto;
		background-position: 20px 15px;
		height: 1210px;
		background-image: url('/images/460/finn-mable.png');
	}
	.MC-CF-LeftCol-Inner-Img{
		width:195px;
		height:216px;
	}
	.MC-CF-LeftCol-Inner{
		margin-top:285px;
		height:auto;
	}
	.MC-CF-RightCol{
		width:280px;
	}
	.Contact-INPUTDiv{
		width:278px;
	}
	.Contact-INPUTDiv-LRG{
		width: 210px
	}
	.Contact-INPUT{
		width: 200px;
	}

}
