/*
Theme Name: Template
Author: Jams Home studio
Version: 1.0 
*/ 
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700&subset=latin,cyrillic,cyrillic-ext,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700&subset=latin,cyrillic,cyrillic-ext);

body {
	background: #fff;   
	font: 17px/26px 'PT Sans', Arial, Helvetica, Tahoma, sans-serif;
	color: #14435b;
}
p {margin-bottom: 20px;}
* {margin: 0; padding: 0; border: 0; outline: 0;}
img {border: none; outline: none;}
ul li, ol li {list-style: none; padding: 0; margin: 0;}

.aligncenter { margin-left: auto; margin-right: auto; }
img.alignright { float: right; margin: 0 0 10px 15px; }
img.alignleft { float: left; margin: 0 15px 10px 0; }
img.aligncenter { display: block; }
.alignright { text-align: right; }
.aligncenter { text-align: center; }	

form {margin-bottom: 20px;} 
fieldset {margin-bottom: 20px;} 
input[type="text"],
input[type="password"],
input[type="email"],
textarea, select {
	border: 1px solid #ccc;
	padding: 6px 4px;
	outline: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #777;
	margin: 0;
	width: 210px;
	max-width:1 00%;
	display: block; 
	background: #fff;  
}

select {padding:0;}
textarea {min-height: 60px;}
label, legend {display:block;font-size:13px;color:#9896A3;}
select {width: 220px;}
input[type="checkbox"] {display:inline;}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea {background-color: #fff; width: 50%;resize:none;}
#3292 {color: #f00; border: 1px solid #fff;}

.wpcf7-form p {
    font-size : 14px; 
    margin-top: 0px;
    margin-bottom: 0px; 
    padding: 0 0 10px;
    color: #373737;
} 
input.wpcf7-form-control.wpcf7-submit { float: left; }  

/* TABLE */ 
table {width: 100%; margin: 12px 0px; border-collapse: collapse;}
table tr td {background:#F3F3F3;} 
table tr th {background: #8A8A8A; font: 15px/22px Arial, Helvetica, Tahoma, sans-serif; color: #fff;}
table th, table td {padding: 10px;}
table tbody tr:nth-child(even) td {background: #fff;}
table tr:first-child td {background: #426c79; font-weight: bold; color: #fff;} 
	 
blockquote{font:italic 16px/24px Georgia, Times New Roman, Times, serif;color:#868383;width:70%;display:block;position:relative;margin:20px auto;padding:10px 4%;}
blockquote p{margin-bottom:0!important;}
blockquote:before{content:"“";position:absolute;top:20px;left:-15px;color:#C9CACE;font-size:70px;font-family:Georgia, Times New Roman, Times, serif;}
blockquote:after{content:"”";position:absolute;bottom:-20px;right:0px;color:#C9CACE;font-size:70px;font-family:Georgia, Times New Roman, Times, serif;}	
 
.user-submit, input.user-submit, .wpuf_submit, input.wpcf7-form-control.wpcf7-submit {  
	background: #E2E2E2;
    border:1px solid #C5C5C5;
    border-bottom:2px solid #C5C5C5;
	border-radius:2px;
    color: #807C7C;
	text-shadow:0px 0px 1px #fff;
    cursor: pointer;
    font:500 15px/30px 'Roboto', Arial, Helvetica, Tahoma, sans-serif;
    padding: 8px 40px;
    text-align: center;
    vertical-align: middle;} 
.user-submit:hover, .wpuf_submit:hover, input.wpcf7-form-control.wpcf7-submit:hover {opacity:0.8;}  	
.user-submit a {color:#fff;display:block;}
.user-submit a:hover {color:#fff;}

/* HEADERS */ 
h1, h2, h3, h4, h5, h6 {font-weight: 500; font-family: 'Roboto', Arial, Helvetica, Tahoma, sans-serif; color: #14435b; margin-bottom: 20px;}
h1 {font-size: 28px; line-height: 36px; color: #14435b;}
h2 {font-size: 24px; line-height: 30px; color: #14435b;}
h3 {font-size: 20px; line-height: 28px; color: #14435b;}
h4 {font-size: 16px; line-height: 28px;}
h5, h6 {font-size: 18px; line-height: 24px;}
 
a {text-decoration: none; color: #010300; -webkit-transition:color .2s linear;-moz-transition:color .2s linear;-ms-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear;} 
a:hover {color: #e0ce90; text-decoration: none;}

/* MAIN STYLE */
.main-block{width:1130px;margin:0 auto;}
.main-block-absolute{position:absolute;top:70px;width:100%;height:570px;}
.po{position:relative;overflow:hidden;}
.mb_20{margin-bottom:20px;}
.mb_40{margin-bottom:40px;}
.over{width:100%;}
.content{width:810px;float:left;}
.sidebar{width:300px;float:right;}
/* HEADER */
#headerSite{width:100%;height:50px;padding:20px 0px;background:#14435b;box-shadow:0px 1px 12px rgba(39,39,39,0.8);z-index:9;position:relative;overflow:hidden;}
#headerSite .logo{float:left;height:50px;position:relative;display:block;font:600 22px/30px 'Roboto', Arial, Helvetica, Tahoma, sans-serif;text-transform:uppercase;color:#fff;}
#headerSite .logo span{font:400 13px/20px 'Roboto', Arial, Helvetica, Tahoma, sans-serif;text-transform:none;color:#C9CACE;display:block;}
#headerSite .logo a{color:#fff;}
/* MAIN NAVIGATOR */
.mainMenu{height:40px;margin-top:5px;float:right;position:relative;}
.mainMenu li{float:left;position:relative;}
.mainMenu a{font:500 12px/40px 'Roboto', Arial, Helvetica, Tahoma, sans-serif;color:#fff;text-transform:uppercase;padding:0px 20px;display:block;}
.mainMenu li.current-menu-item a,.mainMenu a:hover{background:#436d89;border-radius:2px;}
.mobile-navigator{display:none;}
/* HEADER CONTACTS */
#headerContacts{width:100%;height:360px;padding:20px 0px;background:url(images/headerImage.jpg)no-repeat center;margin-bottom:40px;position:relative;overflow:hidden;}
.lozungInHeader{font:700 24px/32px 'PT Sans', Arial, Helvetica, Tahoma, sans-serif;color:#fff;text-shadow:0px 6px 24px #000;width:30%;float:left;background:url(images/warning.png)no-repeat top left;padding-left:84px;}
.call-block{width:280px;padding:20px;background:rgba(255,255,255,0.9);box-shadow:-10px 10px 12px rgba(0,0,0,0.6);float:right;margin:20px 5px 0px 0px;position:relative;overflow:hidden;}
.call-block .title{font:500 22px/30px 'Roboto', Arial, Helvetica, Tahoma, sans-serif;color:#436d89;margin-bottom:10px;}
.call-block .time{font:500 14px/10px 'Roboto', Arial, Helvetica, Tahoma, sans-serif;color: #4F5374;margin-bottom:5px;}
.call-block .phone{background:url(images/phone.png)no-repeat left center;padding-left:34px;font:600 20px/26px 'Roboto', Arial, Helvetica, Tahoma, sans-serif;color:#4F5374;margin-bottom:5px;}

	.submitCall {  
		width:100%;
		background:#ffe056;
		border-bottom:2px solid #e0ce90;
		border-radius:2px;
		color:#fff;
		cursor:pointer;
		font:500 12px/30px 'Roboto', Arial, Helvetica, Tahoma, sans-serif;
		text-transform:uppercase;
		padding:10px 0px;
		text-align:center;
		vertical-align:middle;} 
	.submitCall:hover{opacity:0.8;}  	
	.submitCall a{color:#fff;display:block;}
	.submitCall a:hover{color:#fff;}
/* STYLE BLOCK */
.block-title{background:url(images/block-title.png)repeat-x left center;height:40px;font:600 28px/40px 'Roboto', Arial, Helvetica, Tahoma, sans-serif;color:#C9CACE;text-transform:uppercase;margin-bottom:40px;text-align:center;}
.block-title span{background:#fff;padding:0px 20px;}
.sidebar-title {height:36px;font:500 15px/36px 'Roboto', Arial, Helvetica, Tahoma, sans-serif;color:#C9CACE;text-transform:uppercase;margin-bottom:10px;}
.block-header {font:500 20px/48px 'Roboto', Arial, Helvetica, Tahoma, sans-serif;text-align:center;}
.services .block:nth-child(5) .block-header{font:500 20px/24px 'Roboto', Arial, Helvetica, Tahoma, sans-serif;}
.block-header a{color:#14435b;}
.block-header,.main-header, .big-header {margin-bottom:0px;}
.main-header a {font:500 18px/26px 'Roboto', Arial, Helvetica, Tahoma, sans-serif;color:#4F5374;}
.main-header a:hover {color:#F9B73A;}
.big-header a {font:20px/30px 'Roboto', Arial, Helvetica, Tahoma, sans-serif;color:#4F4F52;text-transform:uppercase;}
.big-header a:hover {color:#281f19;}
.time{font:14px/20px 'PT Sans', Aroal, Helvetica, Tahoma, sans-serif;color:#a7a7a7;}
/* Services */
.services, .benefits, .home-news{width:100%;}

.services .block{
	background:#fff;
	width:350px;
	min-height:370px;
	color:#3c3c3c;
	float:left;
	margin:0 20px 30px 0;
	-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; 
	-khtml-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; 
	-ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
}
.services .block:nth-child(3),.services .block:nth-child(6),.services .block:nth-child(9){margin:0px 0px 30px 0px;}
.services .block:hover{opacity:0.8;}
.services img{margin:0px 0px -7px 0px!important;}
.services .block .borderBlock{padding:10px;border-left:2px solid #E2E2E2;border-right:2px solid #E2E2E2;border-bottom:2px solid #E2E2E2;}
.services p{margin-bottom:0px;}
.text-left img{display:none!important;}
/* Benefits */
.benefits{padding-bottom:20px;}
.benefits .block {width:252px;float:left;margin-right:40px;}
.benefits .block:last-child {margin-right:0;}
.benefits .block img {background:#426c79;margin:0 auto 20px auto;display:block;width:160px;height:160px;-webkit-border-radius:30%;-moz-border-radius:30%;-o-border-radius:30%;border-radius:30%;}
.benefits .block .header {font:500 17px/25px 'Roboto', Arial, Helvetica, Tahoma, sans-serif;color:#64566e;text-align:center;}
/* Breadcrumbs */
.breadcrumbs {margin: 20px auto;} 
.breadcrumbs a {font: 13px/20px Arial, Helvetica, Tahoma, sans-serif; color: #A3A3A7; text-decoration: none;} 
.breadcrumbs {font: 13px/20px Arial, Helvetica, Tahoma, sans-serif; color: #D5D5D8; text-decoration: none;} 
.breadcrumbs .category {background: transparent; padding: 0px;}
/* Page news */
.page-news {padding:20px;border:3px solid #E2E2E2;}
.page-news,.category,.categoryUslugi{-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -khtml-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.page-news:hover{border:3px solid #e0ce90;}
.page-news .block{line-height:20px;width:100%;padding-bottom:10px;margin-bottom:20px;border-bottom:1px solid #DFDFDF;}
.page-news .block:last-child {padding-bottom:0px;margin-bottom:0px;border:none;}
.page-news img {float:left;margin-right:20px;}
/* Sidebar */
.sidebar-area {position: relative; overflow: hidden; margin-bottom: 20px;} 
.sidebar-area li {font: 14px/20px 'Roboto', Arial, Helvetica, Tahoma, sans-serif; overflow: hidden; display: block; text-decoration: none; color: #ffe056; border-bottom: 1px solid #ffe056; padding-bottom: 10px; margin-bottom: 10px;} 
.sidebar-area li:last-child {border-bottom: none; margin-bottom: 0;} 
.sidebar-area ul {list-style: disc; margin: 0; padding: 0;} 
.sidebar-area ul li ul {margin-left: 20px; font-size: 90%;} 
.sidebar-area a {font: 14px/20px 'Roboto', Arial, Helvetica, Tahoma, sans-serif;}
/* Page navigator */ 
.navigation {clear: both; height: 40px; padding-top: 15px; margin-bottom: 40px;}
.navigation a, .navigation span {background: #4F5374; text-decoration: none; padding: 10px 20px; margin: 1px; color: #fff;}
.navigation a:hover, .navigation span.current {background: #F9B73A;}
.navigation span.current {font-weight: bold;}
/* POST */ 
.post {width: 100%; position: relative; float: left; margin-bottom: 20px;}
.post-meta {width: 100%; padding: 10px 0; position: relative; overflow: hidden;}
.post-data {color: #A3A3A7; padding-bottom: 10px; font: 12px/20px Arial, Helvetica, Tahoma, sans-serif;}
.views{background:url(images/views.png)no-repeat left center;font:12px/20px Arial, Helvetica, Tahoma, sans-serif;color:#A3A3A7;padding-left:24px;margin-right:20px;}
.post-image {margin: 0 0 10px 0;}
.post ol {list-style: none; counter-reset: numList; margin-left: 45px; margin-bottom: 15px;} 
.post ol li {width: 96%; height: 100%; position: relative; padding: 10px 0px;} 
.post ol li:before { 
    counter-increment: numList; 
    content: counter(numList);  
    float: left; 
    position: absolute; 
    left: -35px;  
    font-weight: bolder; 
    font-size: 12px; 
    font-family: Arial, Helvetica, sans-serif; 
    text-align: center; 
    color: #F9B73A;
	text-shadow:0px 0px 1px #fff;
    line-height: 2.3; 
	margin:0px; 
    width: 25px; 
    height: 25px; 
    background: #EDEEF1;
	border-radius:50%;
}​  
.post ul {} 
.post ul>li {list-style-image: url("images/disc.png"); margin: 5px 0px; margin-left: 50px;}
.post ul>li:last-child {margin-bottom: 20px;}
.post em {font-style: italic;} 
.post img {outline: none;}	 
.post .wp-caption {background: #F4F4F4; padding: 5px 0 0 0; margin-bottom: 15px;}
.post .wp-caption-text {
	width: 97%;
	height: auto; 
	padding: 10px; 
	margin: 0px 10px;
	color: #808080;
	text-align: center;}
/* Share */
.wrapper-share {width: 99%; padding: 20px 0; margin: 20px 0px; position: relative; overflow: hidden;}
.share-text {height: 30px; font:500 15px/20px 'Roboto', Arial, Helvetica, Tahoma, sans-serif; color: #87868A; margin: 0 0px;}
.share {height: 30px; margin: 0 0px;}	
/* Spoiler */
.commentOtzivi{display:block;width:120px;height:30px;background:url(images/commentOtzivi.png)no-repeat left center;padding-left:34px;margin:20px auto;font:600 14px/30px Arial, Helvetica, Tahoma, sans-serif;color:#777;position:relative;overflow:hidden;}
.commentOtzivi a{color:#808080;display:block;}
.commentOtzivi:hover{opacity:0.8;}
#spoiler{display:none;}
	#placement-bottom,#footer,.disqus-footer{display:none!important;}
/* CATEGORY */
.category {width:100%;padding-bottom:20px;margin-bottom:20px;border-bottom:2px solid #E2E2E2;}
.category:last-child{border:none;}	
.category:hover{opacity:0.6;}
.category img {float:left;margin-right:20px;}
/*  */
.categoryUslugi{background:#fff;width:350px;height:470px;color:#3c3c3c;float:left;margin:0 40px 40px 0;-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -khtml-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.categoryUslugi:nth-child(3n+3){margin:0px 0px 40px 0px;}
.categoryUslugi:hover{opacity:0.8;}
.categoryUslugi img{margin:0px 0px -7px 0px!important;}
.categoryUslugi .borderBlock{padding:10px;border-left:2px solid #E2E2E2;border-right:2px solid #E2E2E2;border-bottom:2px solid #E2E2E2;}
.categoryUslugi p{margin-bottom:0px;}
.categoryUslugi:nth-child(5) .block-header{font:500 20px/24px 'Roboto', Arial, Helvetica, Tahoma, sans-serif;}
/* FOOTER */
.footer {max-width:1366px;width:100%;max-height:640px;height:100%;border-top:4px double #E1E1E1;padding-top:40px;}
.footer img {background-position: no-repeat bottom;}
.copyrights {font:500 14px/22px 'Roboto', Arial, Helvetica, Tahoma, sans-serif;text-transform:uppercase;width:100%;padding:10px 0;background:#14435b;color:#7F82A0;text-align:center;}
/* Bottom call */
.bottom-call {width:600px;padding:40px 60px;background:rgba(0,0,0,0.8);margin:100px auto -360px auto;font:15px/20px 'Roboto', Arial, Helvetica, Tahoma, sans-serif;color:#fff;text-align:center;}
.bottom-call p {margin-bottom:40px;}
/* Comments */
#comments_home{width:700px;margin:40px auto;display:none;}
#comments_posts{width:100%;margin:40px auto;display:none;}
.CommentsBlock{width:100%;position:relative;overflow:hidden;margin-bottom:40px;}
.comments-box{width:100%;position:relative;overflow:hidden;}
#respond{background:#f9f9f9;border:1px solid #C2C6C7;position:relative;overflow:hidden;padding:20px;}
#respond textarea{resize:none;}
.comment-list{width:100%;}
.comments-title,.no-comments{font:700 17px/36px 'Roboto', Arial, Helvetica, Tahoma, sans-serif;color:#60696C;text-transform:uppercase;margin-bottom:10px;}
.comments-title-add{font:400 22px/40px 'Roboto', Arial, Helvetica, Tahoma, sans-serif;color:#60696C;margin-bottom:10px;}
.cancel-comment-reply a{font-family:'PT Sans', Arial, Helvetica, Tahoma, sans-serif;font-size:16px;line-height:22px;color:#445164;}
.commentator-login{font-family:'PT Sans', Arial, Helvetica, Tahoma, sans-serif;font-size:15px;line-height:30px;color:#445164;padding:10px 0;}
.commentator-login a{color:#445164;}
.commentator-login a:hover{text-decoration:none;}
.comment-textarea-admin label,#comment-input label{font-family:'PT Sans', Arial, Helvetica, Tahoma, sans-serif;font-size:14px;line-height:18px;padding-bottom:10px;color:#7C7C7C;font-weight:normal;}
.req{font-family:'PT Sans', Arial, Helvetica, Tahoma, sans-serif;font-size:13px;line-height:16px;color:#919191;}
.the-comment{background:#fff;border:1px solid #DCDEDF;margin-bottom:20px;position:relative;overflow:hidden;padding:20px;}
.comment-author{font:700 18px/30px 'Roboto', Arial, Helvetica, Tahoma, sans-serif;text-transform:capitalize;color:#70747D;margin-bottom:10px;}
.comment-author a{color:#5053ac;text-decoration:none;}
.comment-author span{font:13px/20px 'Roboto', Arial, Helvetica, Tahoma, sans-serif;color:#C2C6C7;padding-left:20px;text-transform:none;}
.comment-text{font:16px/22px 'PT Sans', Arial, Helvetica, Tahoma, sans-serif;position:relative;overflow:hidden;}
.comment-text img{width:90px;height:auto;float:left;margin:0px 20px 0px 0px;}
.comment-link{float:right;margin-bottom:5px;}
.comment-link a{background:#C2C6C7;font-size:13px;margin-left:10px;color:#fff;border-radius:3px;text-decoration:none;padding:5px 10px;}
.comment-link a:hover{opacity:0.8;}
ol.comment-list{list-style:none;margin-bottom:20px;}
li.comment-list{list-style:none;}
.CommentsBlock .children{margin:0px 0px 0px 40px;}
#comments .input{width:48%;position:relative;overflow:hidden;margin-bottom:10px;}
#comments .input input{width:92%;background:#fff;border:1px solid #E1E5E5;font:15px/20px 'PT Sans', Arial, Helvetica, Tahoma, sans-serif;color:#606060;padding:8px 10px;}
#comments .textarea{width:100%;float:left;position:relative;overflow:hidden;margin-bottom:10px;}
#comments .textarea textarea{width:96%;background:#fff;border:1px solid #E1E5E5;font:15px/20px 'PT Sans', Arial, Helvetica, Tahoma, sans-serif;color:#606060;padding:20px 1.5%;}
#comments .input input:focus,#comments .textarea textarea:focus{border:1px solid #3BA1CE;}


/* Car model */
.carModel{width:100%;padding:40px 0px 20px 0px;background:#E2E2E2;}
.carModel .text{float:left;font:500 16px/46px 'Roboto', Arial, Helvetica, Tahoma, sans-serif;color:#4F4F52;margin-right:10px;}
.carModel .iconText{float:left;font:400 14px/46px 'Roboto', Arial, Helvetica, Tahoma, sans-serif;color:#4F4F52;margin-right:10px;padding-left:42px;}
.carModel .audi{background:url(images/iconCar/audi.png)no-repeat left center;}
.carModel .dodge{background:url(images/iconCar/dodge.png)no-repeat left center;}
.carModel .fiat{background:url(images/iconCar/fiat.png)no-repeat left center;}
.carModel .honda{background:url(images/iconCar/honda.png)no-repeat left center;}
.carModel .infiniti{background:url(images/iconCar/infiniti.png)no-repeat left center;}
.carModel .jeep{background:url(images/iconCar/jeep.png)no-repeat left center;}
.carModel .lexus{background:url(images/iconCar/lexus.png)no-repeat left center;}
.carModel .mazda{background:url(images/iconCar/mazda.png)no-repeat left center;}
.carModel .mercedes{background:url(images/iconCar/mercedes.png)no-repeat left center;}
.carModel .mini{background:url(images/iconCar/mini.png)no-repeat left center;}
.carModel .mitsubishi{background:url(images/iconCar/mitsubishi.png)no-repeat left center;}
.carModel .nissan{background:url(images/iconCar/nissan.png)no-repeat left center;}
.carModel .peugeot{background:url(images/iconCar/peugeot.png)no-repeat left center;}
.carModel .renualt{background:url(images/iconCar/renualt.png)no-repeat left center;}
.carModel .rover{background:url(images/iconCar/rover.png)no-repeat left center;}
.carModel .subaru{background:url(images/iconCar/subaru.png)no-repeat left center;}
.carModel .suzuki{background:url(images/iconCar/suzuki.png)no-repeat left center;}
.carModel .kia{background:url(images/iconCar/kia.png)no-repeat left center;}
.carModel .hyundai{background:url(images/iconCar/hyundai.png)no-repeat left center;}
/*  */
#toTop {
width: 50px;
text-align: center;
padding: 5px;
position: fixed;
bottom: 20px;
right: 10px;
cursor: pointer;
color: #666666;
opacity: 0.7;
text-decoration: none;} 
#toTop:hover {opacity: 1;}

/*---mmm---*/
.w-news-img {
	background: #505373;
	/*opacity: 0.8;*/
}
.w-news-img img  {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	background: #505373;
	opacity: 0.8;

	width: 350px;
	height: 270px;
}
.w-news-img img:hover  {
	opacity: 1;
}
/* ===== CALLBACK MODAL ===== */

#modalOverlay {
	display: none;
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,0.6);
	z-index: 9999;
	align-items: center;
	justify-content: center;
}

#modalOverlay .modal {
	background: #fff;
	width: 90%;
	max-width: 420px;
	padding: 30px;
	border-radius: 6px;
	position: relative;
	box-shadow: 0 10px 30px rgba(0,0,0,0.3);
	font-family: inherit;
}

#modalOverlay h3 {
	margin-bottom: 20px;
	color: #f0a500;
	font-size: 22px;
}

#modalOverlay input,
#modalOverlay textarea {
	width: 100%;
	padding: 10px;
	margin-bottom: 12px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	font-size: 14px;
}

#modalOverlay textarea {
	min-height: 80px;
	resize: vertical;
}

#modalOverlay button[type="submit"] {
	background: #2e6f3e;
	color: #fff;
	border: none;
	padding: 10px 18px;
	border-radius: 4px;
	cursor: pointer;
	transition: 0.2s;
}

#modalOverlay button[type="submit"]:hover {
	background: #245a31;
}

#modalOverlay .modal-close {
	position: absolute;
	top: 12px;
	right: 15px;
	font-size: 20px;
	border: none;
	background: none;
	cursor: pointer;
	color: #000;
}