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

#mce-responses	{
	
	width:470px;
	margin:10px auto 0 auto;
	
}

#mce-responses	a{
	
	color:inherit;
	text-decoration: underline;
	outline:0;
	
}

#mce-responses	a:hover{
	
	color:inherit;
	text-decoration: none;
	outline:0;
	
}

#newsletter, #newsletter-cont	{
	
	width:600px;
	height:auto;
	background-color: #f6f0eb;
	
}
#newsletter p {
	
	margin:0;
	padding:0;
	
}

#newsletter	{
	
	position:fixed;
	z-index: 5000;
	top: calc(50% - 220px);
	left:calc(50% - 110px);
	border: 2px solid #60313f;
	display: none;
	font-family:"Van Dijck MT W00 Regular", "Times New Roman", "serif";
	
}

#newsletter-cont	{
	
	position:relative;
	
}

#newsletter.inactive	{
	
	display:none;
	
}

#newsletter .dt.first-text, #newsletter .dt.second-text	{
	
	width:calc(100% - 130px);	
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 30px 0 0 0;
	
}

#newsletter .dt.second-text	{

	padding: 0 0 0 0;
	
}

#newsletter .text-1	{
	
	font-size: 18px;
	line-height: 21px;
	color:#b85a38;
	padding-bottom: 10px;
	
}

#newsletter .text-2	{
	
	font-size: 14px;
	line-height: 18px;
	color:#b85a38;
	padding:24px 0 16px 0;
	font-family:"Van Dijck MT W00 Italic", "Times New Roman", "serif";
	
}

#newsletter .dt.form	{
	
	width:calc(100% - 80px);	
	margin: 0 auto 0 auto;
	padding:12px 0 0 0;
	
}

#newsletter input{
	
	width:390px;
	padding: 9px;
	font-size: 18px;
	line-height: 19px;
	background-color:#f6f0eb;
	color:#60313f;
	border: 2px solid #60313f;
	border-radius: 0;

}

#newsletter .button{
	
	width:88px;
	height:41px;
	background-color:#60313f;
	color:#f6f0eb;
	border: 2px solid #60313f;
	font-size: 20px;
	line-height: 19px;
	border-radius: 0;

}

#newsletter-open:hover, #newsletter-open-2:hover{

	cursor:pointer;
	text-decoration: underline;
	
}

@media only screen and (max-width: 1520px)	{
	

	#newsletter	{

		left:calc(50% - 134px);

	}	
	
}

@media only screen and (max-width: 1070px)	{
	
	#newsletter	{

		left:calc(50% - 300px);

	}	
	
	
}

@media only screen and (max-width: 730px)	{

	#mce-responses	{

		width:276px;

	}
	
	#newsletter, #newsletter-cont	{

		width:316px;
		height:auto;

	}

	#newsletter	{

		top: calc(50% - 290px);
		left:calc(50% - 160px);

	}
	
	#newsletter .dt.first-text, #newsletter .dt.second-text	{

		width:calc(100% - 40px);	
		padding: 40px 0 0 0;

	}

	#newsletter .dt.second-text	{

		padding: 0 0 0 0;

	}
	
	#newsletter .dt.text	{

		width:calc(100% - 20px);	
		padding: 60px 0 0 0;

	}

	#newsletter .text-1	{

		font-size: 18px;
		line-height: 20px;

	}
	
	#newsletter .text-2	{

		font-size: 16px;
		line-height: 20px;

	}
	
	#newsletter .dt.form	{

		width:calc(100% - 50px);	

	}

	#newsletter input{

		width:140px;

	}
	
	#close {

		right: 8px;
		top: 8px;
	}	

}