/* Meeton - Contact Form Styles */


/*** 

====================================================================
	Contact Section
====================================================================

***/

.contact-section{
	position: relative;
	padding-top: 50px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 40px;
	background: #ffffff;
}

.contact-section .map-area{
	position: relative;
	height: 350px;
	width: 100%;
	margin-bottom: 30px;
	border: 1px solid #C8C8C8;
	border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	-ms-border-radius: 10px 10px 0px 0px;
}

.contact-section .contact-info{
	position:relative;
	font-size:16px;
	margin-bottom:30px;
}


.contact-section .contact-info .text {
	position:relative;
	font-size:16px;
font-family: 'beaufort-pro', serif;
	line-height: 1.3;
	margin-bottom:15px;
	color:#58595b;
}

.contact-section .contact-info li {
	position:relative;
	margin-bottom: 15px;
	line-height:1em;
	color:#58595b;	
}

.contact-section .contact-info li strong{
	position:relative;
	padding-right:10px;
	font-weight:500;
	color:#58595b;	
}

.contact-section .contact-info a {
	color:#2E4C17;
	font-weight: 600;
	transition:all 300ms ease-in;
	-webkit-transition:all 300ms ease-in;
	-ms-transition:all 300ms ease-in;
	-o-transition:all 300ms ease-in;
	-moz-transition:all 300ms ease-in;	
}

.contact-section .contact-info a:hover{
	color:#223B11;	
}

.contact-section .contact-form{
	position:relative;	
}

.contact-section .contact-form .form-group{
	position:relative;
	display:block;
	padding:0px 0px;
	margin-bottom:16px;	
}

.contact-section .contact-form .form-group .form-label{
	display:block;
	margin-bottom:12px;
	font-weight:600;	
}

.contact-section .contact-form input[type="text"],
.contact-section .contact-form input[type="password"],
.contact-section .contact-form input[type="email"],
.contact-section .contact-form input[type="tel"],
.contact-section .contact-form input[type="number"],
.contact-section .contact-form input[type="file"],
.contact-section .contact-form input[type="url"],
.contact-section .contact-form select,
.contact-section .contact-form textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:24px;
	padding:12px 20px;
	font-size:15px;
	color:#202020;
	border:1px solid #dddddd;
	background:#ffffff;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
}

.contact-section .contact-form input[type="text"]:focus,
.contact-section .contact-form input[type="password"]:focus,
.contact-section .contact-form input[type="email"]:focus,
.contact-section .contact-form input[type="tel"]:focus,
.contact-section .contact-form input[type="number"]:focus,
.contact-section .contact-form input[type="file"]:focus,
.contact-section .contact-form input[type="url"]:focus,
.contact-section .contact-form select:focus,
.contact-section .contact-form textarea:focus{
	border-color:#58595b;	
}

.contact-section .contact-form input.error,
.contact-section .contact-form textarea.error,
.contact-section .contact-form select.error {
	border-color:#ff0000 !important;
	background:rgba(252,90,27,0.05);
}

.contact-section .contact-form label.error{
	display:none !important;	
}

.contact-section .contact-form textarea{
	height:272px;
	resize:none;
	margin-bottom:20px;	
}

.contact-section .contact-form button{
	background:#2E4C17;	
}

.contact-section .contact-form button:before{
	background:#58595b;	
}


/* ----------------------------------------------------------------
	Toastr Notifications
-----------------------------------------------------------------*/


.toast-title { font-weight: bold; }

.toast-message {
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

.toast-message a,
.toast-message label { color: #ffffff; }

.toast-message a:hover {
	color: #cccccc;
	text-decoration: none;
}

.toast-close-button {
	position: absolute;
	right: 5px;
	top: 3px;
	font-size: 14px;
	color: #ffffff;
	opacity: 0.8;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	filter: alpha(opacity=80);
}

.toast-close-button:hover,
.toast-close-button:focus {
	color: #000000;
	text-decoration: none;
	cursor: pointer;
	opacity: 0.5;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	filter: alpha(opacity=50);
}


button.toast-close-button {
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
}

.toast-top-full-width {
	top: 10px;
	right: 0;
	width: 100%;
}

.toast-bottom-full-width {
	bottom: 10px;
	right: 0;
	width: 100%;
}

.toast-top-left {
	top: 12px;
	left: 12px;
}

.toast-top-right {
	top: 12px;
	right: 12px;
}

.toast-bottom-right {
	right: 12px;
	bottom: 12px;
}

.toast-bottom-left {
	bottom: 12px;
	left: 12px;
}

#toast-container {
	position: fixed;
	z-index: 1999;
}

#toast-container * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#toast-container > div {
	margin: 0 0 6px;
	padding: 15px;
	width: 300px;
	border-radius: 3px;
	background-position: 15px center;
	background-repeat: no-repeat;
	color: #ffffff;
	opacity: 0.8;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: alpha(opacity=80);
}

#toast-container > div i {
	position: relative;
	top: 1px;
	width: 16px;
	text-align: center;
	margin-right: 3px;
}

#toast-container > :hover {
	opacity: 1;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: alpha(opacity=100);
	cursor: pointer;
}

#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
	width: 96%;
	margin: auto;
}

.toast { background-color: #030303; }

.toast-success { background-color: #333333; }

.toast-error { background-color: #bd362f; }

.toast-info { background-color: #333333; }

.toast-warning { background-color: #f89406; }


@media all and (min-width: 240px) and (max-width: 479px) {
	#toast-container > div {
		padding: 8px;
		width: 18em;
	}
}

@media all and (min-width: 480px) and (max-width: 767px) {
	#toast-container > div {
		padding: 15px;
		width: 25em;
	}
}