@charset "UTF-8";
.clearfix { overflow: auto; zoom: 1; }

body { width: 1400px; overflow-x: hidden; }

.hideMenu { display: none; position: fixed; top: 0; z-index: 100000; width: 100%; background-color: #008b2f; }
.hideMenu img { width: 150px; height: 50px; display: inline-block; }
.hideMenu a { color: #ffffff; font-family: Myriad Pro, sans-serif; text-align: center; display: inline-block; margin: 0 10px; padding: 5px 5px; text-transform: uppercase; font-size: 16px; text-decoration: none; vertical-align: middle; }
.hideMenu a:hover {color: #ffdc14; }
.hideMenu a:focus {color: #ffdc14; }
.hideMenu #navi { display: table; margin: 0 auto; width: auto; }
.hideMenu .tel {font-weight: bold; font-size: 22px; text-align: right;}

#header { position: relative; background-color: #008f30; overflow: hidden; font-family: Myriad Pro, sans-serif; }
#header .left { width: 400px; background-color: #FFF; display: block; float: left; }
#header .left img { display: block; margin: 0 auto; width: 256px; height: 140px; }
#header .screen-55 img { display: block; margin: 0 auto; width: 250px; height: 150px; text-align: center; margin-top: 10px; }
#header .left p { margin-left: 88px; margin-bottom: 10px; font-weight: bold; }
#header .left h2 { color: #d31d29; font-size: 36px; text-transform: uppercase; font-weight: 700; margin-top: 10px; margin-bottom: 5px; text-align: center; }
#header .colort {color: #000000;}
#header .sec { color: #d31d29; font-size: 24px; }
#header .th { font-size: 25px; }

#header .right { float: left; display: block; width: 1000px; padding-top: 25px; }
#header .right .wrap_nav { text-align: center; border-bottom: 2px solid #fff; width: 100%;  }
#header .right .wrap_nav #nav { margin-left: 20px; display: block; margin-bottom: 25px; width:930px; }
#header .right .wrap_nav #nav a { color: #fff; text-decoration: none; margin-right: 20px; font-size: 21px; text-align: center;}
#header .right .wrap_nav #nav a:hover { color: #ffdc14; }
#header .right h1 { width:950px; color: #fff; font-size: 30.8px; text-align: center; margin-bottom: 20px; margin-top: 10px; font-weight: bold; }
#header .right p { text-align: center; color: #fff; font-size: 45px; margin-bottom: 7px; font-weight: bold; width:950px; }

.get-it { color: #f0ff00; margin-top: 7px !important; position: relative; color: #f0ff00 !important; cursor: pointer; }

.get-it:before { content: ""; width: 53px; height: 42px; margin: -10px 7px; display: inline-block; position: relative; background-image: url("../img/triang.png"); background-size: cover; }

.screen-2 { overflow: hidden; padding-top: 10px; padding-bottom: 20px; background-color: #ececec; }
.screen-2 img, .screen-2 .form { float: left; }
.screen-2 .form { width: 321px; height: 250px; background-color: #e3e3e3; box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3); margin-left: 30px; padding-top: 20px; }
.screen-2 .form form { padding-top: 30px; }

.wrap-input { width: 85%; display: block; height: 30px; margin: 26px auto 20px; position: relative; margin-left: 15px; }
.wrap-input input { display: block; width: 100%; height: 30px; padding-left: 10px; border: none; background-color: transparent; position: relative; font-family: Myriad Pro, sans-serif; font-size: 30px; }

.wrap-input:after { content: ""; display: block; position: absolute; width: 104%; height: 5px; border: 2px solid #c2c2c2; border-top: none; margin-top: -4px; }

input[type="submit"] { font-family: Myriad Pro, sans-serif; font-size: 30px; font-weight: bold; float: right; margin-right: 20px; margin-top: 10px; width: 216px; border: none; text-transform: uppercase; color: #fff; background-color: #15a63b; border-radius: 3px; text-align: center; padding-right: 10px; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; cursor: pointer; }
input[type="submit"]:hover { background-color: #d31208; }

.custom-form { margin-top: 0 !important; }
.custom-form input { width: 79%; }

.custom-form input::-webkit-input-placeholder { color: #fff; }

.custom-form input::-moz-placeholder { color: #fff; }

.custom-form:after { width: 79%; border: 2px solid #7fd18f; border-top: none; }

.screen-3 { overflow: hidden; height: 500px; padding-top: 45px; background: url("../img/a3-1.png") 0 0 no-repeat, url("../img/a3-2.png") 100% 0 no-repeat !important; }
.screen-3 .text-block { width: 425px; background-color: #FFF; display: block; margin-left: 221px; padding: 0 40px; }
.screen-3 .text-block p { margin-bottom: 15px; font-size: 18px; font-family: Myriad Pro, sans-serif; text-align: justify; }

.screen-4 { position: relative; width: 97%; padding-bottom: 10px; }
.screen-4 .name { text-transform: uppercase; text-align: center; width: 100%; color: #ffdc14; font-size: 30px; font-weight: bold; background-color: #077524; padding: 15px 0; font-family: Myriad Pro, sans-serif; margin-bottom: 15px; }
.screen-4 .wrap-4 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; padding: 0 8%; }
.screen-4 .wrap-4 .item { margin: 0 15px; }
.screen-4 .wrap-4 .item img { width: 200px; height: 200px; }
.screen-4 .wrap-4 .item p { text-align: center; width: 100%; color: #000000; font-size: 18px; font-weight: bold; background-color: #ffffff; padding: 15px 0; font-family: Myriad Pro, sans-serif; margin-bottom: 15px; }

.screen-5 { width: 100%; height: 500px; background-image: url("../img/bg5.png"); background-size: cover; padding-top: 40px; font-family: Myriad Pro, sans-serif; }
.screen-5 .content { float: right; margin-right: 100px; width: 50%; position: relative; }
.screen-5 .content button { width: 89%; background-color: #ffdc14; height: 40px; text-align: center; border: none; border-radius: 5px; text-transform: uppercase; font-size: 18px; color: #485e2e; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; cursor: pointer; }
.screen-5 .content button:hover { background-color: #FFF; }
.screen-5 .content .cont-item { width: 300px; height: 120px; float: left; margin-right: 30px; margin-top: 20px; }
.screen-5 .content .cont-item img { display: block; margin: 0 auto; width: 80px; height: 70px; }
.screen-5 .content .cont-item p { text-align: center; font-size: 17px; font-weight: bold; color: #ffdc14; }

.screen-6 { overflow: hidden; font-family: Myriad Pro, sans-serif; padding-top: 20px; padding-bottom: 70px; }
.screen-6 h3 { text-align: center; color: #13ab02; font-size: 30px; font-weight: bold; margin-bottom: 20px; }

.screen-6 .block-6 { /*img width: 96% height: 210px */ width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 168px; background-color: #13ab02; }
.screen-6 .block-6 .pItem { margin: 0 2px; width: 190px; height: 170px; }
.screen-6 .block-6 .pItem img { width: 190px; height: 170px; }
.screen-6 .block-6 .pItem p { padding-left: 42px; font-weight: bold; }

.screen-7 { overflow: hidden; background-image: url("../img/bg7.png"); background-size: cover; height: 450px; position: relative; font-family: Myriad Pro, sans-serif; }

.screen-7 .div1 { position: absolute; left: 434px; bottom: 204px; width: 200px; height: 100px; display: block; }
.screen-7 .div1 span { color: #ffdc14; text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.4); }
.screen-7 .div1 span:nth-child(1) { font-size: 70px; font-weight: bold; }
.screen-7 .div1 span:nth-child(3) { font-size: 54px; }
.screen-7 .div1 span:nth-child(5) { font-size: 116px; font-weight: bold; }

.screen-7 .why { position: absolute; right: 230px; top: 80px; height: 300px; }
.screen-7 .why p { color: #fff; font-weight: bold; font-size: 25px; margin-bottom: 25px; text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.4); }

.screen-8 { overflow: hidden; background-color: #faf1d8; }
.screen-8 .photo-8, .screen-8 .text-8 { float: left; display: block; }
.screen-8 .photo-8 { width: 500px; position: relative; }
.screen-8 .photo-8 img { width: 100%; height: 490px; }
.screen-8 .photo-8 .descr-8 { display: block; text-transform: uppercase; position: absolute; width: 300px; padding: 13px 0 10px 0; color: #fff; font-size: 20px; text-align: center; font-weight: bold; background-color: #1bbe29; font-family: Myriad Pro, sans-serif; line-height: 1; z-index: 100; top: 30px; left: 500px; }
.screen-8 .text-8 { width: 550px; margin-left: 100px; margin-top: 100px; font-family: Myriad Pro, sans-serif; }
.screen-8 .text-8 span { color: #f24841; margin: 10px 0 20px 0; font-size: 20px; font-weight: 600; letter-spacing: 2px; }
.screen-8 .text-8 p { font-style: italic; letter-spacing: 2px; font-size: 17px; font-weight: 600; margin-bottom: 10px; text-align: left; }
.screen-8 .text-8 img { width: 50%; height: 5px; }

.screen-9 { overflow: hidden; padding-bottom: 30px; font-family: Myriad Pro, sans-serif; }
.screen-9 h3 { text-transform: uppercase; text-align: center; color: #ffdc14; font-weight: 700; font-size: 30px; padding: 10px 0; background-color: #077524; margin: 20px 0 40px 0; }
.screen-9 #slider { width: 90%; display: block; margin: 0 auto; }

#slider .item { margin: 3px; }

#slider .item img { display: block; width: 100%; height: 200px; }

.screen-10 { overflow: hidden; background: url("../img/a10-1.png") 0 0 no-repeat, url("../img/a10-2.png") 100% 0 no-repeat; }
.screen-10 .container-10 { width: 530px; height: 510px; display: block; margin-left: 200px; background-color: #dee3c4; padding-top: 20px; }
.screen-10 .container-10 p { text-align: center; color: #298431; font-weight: bold; font-family: Myriad Pro, sans-serif; font-size: 30px; text-transform: uppercase; }
.screen-10 .container-10 img { display: block; margin: 30px auto 0; }

.screen-11 { overflow: hidden; position: relative; height: 254px; background-color: #00c534; color: #fff; }
.screen-11 .form-2 { width: 400px; height: 300px; background-image: url("../img/mask.png"); background-repeat: no-repeat; position: absolute; right: 257px; top: 50px; padding-left: 30px; padding-top: 15px; }
.screen-11 .form-2 input[type="submit"] { background-color: #ffba00; margin-top: 0; margin-right: 111px; text-align: center; padding: 0; font-weight: bold; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.screen-11 .form-2 input[type="submit"]:hover { background-color: #FFF; color: #000; }
.screen-11 p:nth-child(1) { position: absolute; left: 300px; top: 40px; text-align: center; font-family: Myriad Pro, sans-serif; }
.screen-11 p:nth-child(1) span:nth-child(1) { font-size: 40px; letter-spacing: 4px; font-weight: bold; }
.screen-11 p:nth-child(1) span:nth-child(3) { letter-spacing: 5px; text-align: center; font-family: Myriad Pro, sans-serif; font-size: 20px; }
.screen-11 p:nth-child(2) { position: absolute; left: 330px; top: 133px; text-align: right; font-size: 19px; font-family: Myriad Pro, sans-serif; line-height: 1.3; letter-spacing: 1px; }
.screen-11 img { position: absolute; left: 605px; top: 107px; }

.roof { background-image: url("../img/roof.png"); background-size: cover; background-repeat: no-repeat; height: 320px; width: 100%; }

.screen-12 .col-left, .screen-12 .col-right { display: block; width: 50%; float: left; font-family: Myriad Pro, sans-serif; }
.screen-12 .col-left { background-color: #0bad36; padding-top: 20px; }
.screen-12 .col-left p { padding-right: 20px; text-align: right; color: #fff; font-size: 20px; margin-bottom: 15px; letter-spacing: 2px; }
.screen-12 .col-left p:nth-child(1) { font-size: 25px; text-transform: uppercase; font-weight: bold; letter-spacing: 3px; }
.screen-12 .col-left p:nth-child(2) { font-size: 25px; text-transform: uppercase; font-weight: bold; letter-spacing: 2px; }
.screen-12 .col-right { padding-top: 0px; }
.screen-12 .col-right .map { margin-left: 0px; }
.screen-12 .col-right .map iframe { width: 100%; height: 300px; }

.screen-13 { overflow: hidden; background-image: url("../img/bg-13.png"); background-repeat: no-repeat; background-size: cover; padding-top: 20px; padding-bottom: 20px; }
.screen-13 img, .screen-13 .form-3 { display: block; float: left; }
.screen-13 .form-3 { width: 300px; height: 160px; background-color: #64bb6e; margin-left: 50px; box-shadow: 1px 13px 20px -9px rgba(0, 0, 0, 0.7); padding-top: 40px; }
.screen-13 .form-3 .custom-form:after { width: 100%; }
.screen-13 .form-3 input { width: 98%; }
.screen-13 .form-3 input[type="submit"] { width: 70%; text-align: center; background-color: #ffba00; box-shadow: 1px 13px 20px -9px rgba(0, 0, 0, 0.7); -webkit-transition: 0.3s all ease; transition: 0.3s all ease; }
.screen-13 .form-3 input[type="submit"]:hover { background-color: #FFF; color: #000; }

#modal_form { padding-top: 20px; width: 100%; height: 300px; border-radius: 5px; background-size: cover; position: fixed; top: 25%; display: none; opacity: 0; z-index: 10000000; padding: 20px 10px; }

/*  */
#modal_form #modal_close { width: 21px; height: 21px; position: absolute; top: -42px; right: 300px; cursor: pointer; display: block; z-index: 999; }

.modal_wrap { width: auto; margin: 0 auto; position: relative; }
.modal_wrap img { position: absolute; top: 50%; left: 50%; margin-left: -363px; margin-top: -63px; }

#overlay { z-index: 100000; position: fixed; background-color: #000; opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; display: none; }

body {
margin: 0 auto;
position: relative;
}
.hideMenu {
left: 0;
}
.screen-4 {
width: 100%!important;
}
.roof {
heigth: 326px!important;
}
.screen-11 .form-2 {
right: 222px !important;
}


/*# sourceMappingURL=main.css.map */