@font-face {
    font-family: Roboto; /* Имя шрифта */
    font-weight: 300;
    src: url(/assets/template/css/RobotoCondensedLight.eot?#iefix) format("embedded-opentype"),
    url(/assets/template/css/RobotoCondensedLight.woff) format("woff"),
    url(/assets/template/css/RobotoCondensedLight.ttf) format("truetype");
   }
* {padding: 0;margin: 0;}
body {font-family: 'Roboto', sans-serif; }
div {display: block;}
.wrap {width: 1000px; margin: 0 auto;position: relative;}
main {margin: 15px 0 15px;min-height: 380px;}
h2 {margin-bottom: 15px;font-weight: 300;}
article, section {margin-bottom: 15px;}
article {text-align: justify;}
header {position: relative;}
input, select {outline: none; border: none; }
.cry {position: absolute;left: 230px;top: 10px;}
.cry span {display: block;color: white;}
.cry .big {font-size: 25px;}
.logo {position: absolute;z-index: 3;width: 151px;}
.green {background-color: #00bb16; height: 75px; width: 100%;}
.white {background-color: white; height: 75px; width: 100%; box-shadow: 0 5px 10px -2px rgba(125,125,125,0.6);position: relative;z-index: 2;}
.fon {background: url(../images/fon.png) no-repeat center; height: 150px;position: relative;}
.fon h1 {position: absolute;bottom: 0;font-weight: 300;}
.main-menu {float: right;}
.main-menu li {display: block;float: left;}
.main-menu li a {text-decoration: none; color: white;display: block;padding: 25px 35px 25px;font-size: 1.3em;;transition: all 0.5s ease;}
.main-menu li a:hover {color: #00bb16;background-color: white;}
.number {float: right;padding-top: 18px;}
.number span {font-size: 35px;margin: 17px}
footer .number {padding-top: 33px;text-align: center;color: white;float: none;}
.geks {width: 250px; height: 270px; float: left; margin-right: 125px;cursor: pointer;}
.geks:last-child {margin-right: 0;}
ul {list-style: none;}
.clear {clear: both;}
.seredina-geks {width: 625px; margin: 0 auto;}
#geksagon {position: relative;}
.geks a {width: 250px;height: 270px; display: block;}
.gruzchik {background: url(../images/gegs_1.png) 0 -11px;}
.flat {background: url(../images/gegs_2.png) 0 -11px;}
.office-relocation {background: url(../images/gegs_3.png) 0 -11px;}
.debris-removal {background: url(../images/gegs_4.png) 0 -11px;}
.digging-trenches {background: url(../images/gegs_5.png) 0 -11px;}
.rigging {background: url(../images/gegs_6.png) 0 -11px;}
.transportation-atm {background: url(../images/gegs_7.png) 0 -11px;}
.service-workers {background: url(../images/gegs_8.png) 0 -11px;}
.removal {background: url(../images/gegs_9.png) 0 -11px;}
.price {text-align: center;margin: 15px 0;font-size: 25px;}
.price a {color: #5890ff;}
.centr {text-align: center;}
.h2 {margin-bottom: 15px; font-size: 27px;}
.news {width: 300px; float: left; margin-right: 50px;}
.news > a {text-decoration: none;color: black;}
.news:last-child{margin-right: 0;}
.review img {float: left;margin-right: 20px;}
.name-review {font-weight: bold;margin: 10px 0 0 5px;}
.soc {position: relative;}
.soc p {font-size: 24px;}
.button-green {width: 170px;background-color: #00bb16; border-radius: 5px; color: white; text-decoration: none; 
	text-transform: uppercase;text-align: center; padding: 15px 0;display: block; float: right;border:1px solid #00bb16; margin-left: 10px;}
.button-green:after {clear: both;}	
#desktop .button-green:hover {color:#00bb16;background-color: white;transition: all 0.3s ease;}
.div-green .button-green:hover {border: 1px solid #00bb16;}
.button-white {width: 170px;border: 1px solid white; border-radius: 5px; color: white; text-decoration: none; 
	text-transform: uppercase;text-align: center; padding: 15px 0;display: block; position: absolute;}
.button-white:hover {color: #00bb16;background-color: white;transition: all 0.3s ease;}	
footer {position: relative;height: 100px;background-color:#00bb16;}
.gr {background-color: #00bb16;}
.wh {background-color: white;}
aside {width: 280px;float: left;margin-right: 20px;}
aside .h2 {text-align: center;}
aside li a {text-decoration: none;color: black;display: block;padding: 7px 0 7px 15px;font-size: 20px;transition: all 0.3s ease;}
aside li a:hover {background-color: #00bb16;color:white;}
.right {width: 700px; float: right;}
.right.glav {width: 700px; margin:0 auto;float:none;}
.right h1 {font-size: 27px;font-weight: 300;margin-bottom: 15px;}
.right .gp {float: left;width: 300px;margin: 0 25px;text-align: center;}
.list-text {list-style:disc;}
.list-text li {margin-left:15px;}

#tab {position: relative;}
#tab > input {display: none;}
#tab > input + label {width: 130px;display: block;padding: 15px;font-size: 20px;position: absolute;}
#tab1 + label {top:0;}
#tab2 + label {top:50px;}
#tab3 + label {top:100px;}
#tab > input:checked + label{background-color: #00bb16;color:white;}
#tab > input:first-child + label{border-top-left-radius: 10px;}
#tab > input:last-of-type + label{border-bottom-left-radius: 10px;}
#external {width: 540px;float: right;background-color: #00bb16;border-radius: 0 10px 10px 10px;}
#interior {margin: 15px;background-color: white;height: 250px;border-radius: 10px;}
#interior > div {display: none; padding:10px;}
#tab1:checked ~ .form-desktop > #external > #interior > #content1 {display: block;}
#tab2:checked ~ .form-desktop > #external > #interior > #content2 {display: block;}
#tab3:checked ~ .form-desktop > #external > #interior > #content3 {display: block;}
.form-desktop input[type="text"] {width: 70%; margin: 20px auto;height: 30px;border-radius: 5px;display: block;padding-left: 10px;border: 1px solid #ccc;}
.form-desktop input[type="text"]:focus {box-shadow: inset 0px 0px 3px 1px #ccc;}
.form-desktop input[type="submit"].button-green {padding: 10px 40px; display: block; margin: 15px auto 10px;border: 1px solid white;border-radius: 5px; font-size: 17px;float: none;font-family: 'Roboto', sans-serif;}
.picture-page, .slider {margin: 15px 0;}
/*формы для полной версии*/
.div-ajax {background-color: #00bb16;border-radius: 10px;padding: 10px 10px 0;}
.div-ajax header {color: white;}
.form-ajax {text-align: center;margin: 0 auto;width: 95%;padding-bottom: 15px;}
.form-ajax input[type="text"] {width: 90%; height: 30px;border-radius: 5px;display: block;padding-left: 10px;border: 1px solid #ccc;margin: 5px auto;}
.form-ajax input[type="number"] {width: 90%; height: 30px;border-radius: 5px;display: block;padding-left: 10px;border: 1px solid #ccc;margin: 5px auto;}
.form-ajax select {width: 93%; height: 32px;border-radius: 5px;display: block;padding-left: 10px;border: 1px solid #ccc;margin: 5px auto;}
.form-ajax input[type="submit"].button-green,.form-ajax input[type="button"].button-green  {padding: 10px 40px; display: block; margin: 15px auto 10px;border: 1px solid white;border-radius: 5px; font-size: 17px;font-family: 'Roboto', sans-serif;font-weight: 300;float: none;}
.form-ajax var, .div-green var {display: block;padding: 5px;background-color: white;width: 70px;margin: 0 auto;border-radius: 5px;border: 1px solid #ccc;font-family: cursive;text-align: center;}
.form-ajax label {margin: 5px;display: block;color: white;font-size: 20px;}
.form-ajax h2 {color: white;float: left;width: 184px;}
.form-ajax textarea {width: 92%;border-radius: 5px;height: 60px;padding: 5px;}
.form-ajax input[type="radio"] {display: none;}
.form-ajax #tab-form1 + label {width: 170px;float: left;font-size: 20px;}
.form-ajax #tab-form2 + label {width: 170px;float: right;font-size: 20px;}
.form-ajax input[type="radio"] + label {padding-bottom: 3px;cursor: pointer;}
.form-ajax input[type="radio"]:checked + label {border-bottom: 1px solid white;}
#tab-form-content1, #tab-form-content2 {display: none;}
.form-ajax #tab-form1:checked + label~#tab-form-content1, .form-ajax #tab-form2:checked + label~#tab-form-content2 {display: block;}
input[type="button"], input[type="submit"] {cursor: pointer;}
/*mobile version*/
#mobile {width: 100%;}
#mobile article {max-width: 500px;min-width:300px;margin: 10px auto;}
#mobile article p, .review-mob p {padding: 0 10px;text-align: justify;}
#mobile header {padding-top: 60px;}
.head {height: 50px;position: fixed;width: 100%;z-index: 3;}
.mobile-header {min-width: 300px;max-width: 500px;text-align: left;margin: 0 auto;color: white;font-size: 25px;padding: 10px;height: 30px;}
.mobile-header img {float:right;margin: 7px 5px 0 0;}
.telephone span {text-align: center; display: block;padding-bottom: 5px;font-size: 160%;}
.headline {text-align: center;color:white;}
.headline h1 {font-size: 150%;font-weight: 300;}
.h2-mob {text-align: center;font-size: 23px;margin-bottom: 10px;}
.form-mobile {padding: 10px 0 10px;}
.form-mobile h2 {color: white;text-align: center;font-weight: 300;}
.form-mobile input[type="text"] {min-width: 300px; max-width: 500px; width: 90%; margin: 15px auto;height: 30px;border-radius: 5px;display: block;padding-left: 10px;}
.form-mobile input[type="number"] {min-width: 300px; max-width: 500px; width: 90%; margin: 15px auto;height: 30px;border-radius: 5px;display: block;padding-left: 10px;}
.form-mobile input[type="submit"] {padding: 10px 40px; display: block; margin: 15px auto 10px;background-color: #00bb16; color:white;border: 1px solid white;border-radius: 5px; font-size: 20px;}
.form-mobile textarea {outline: none; border-radius: 5px; display: block; margin: 15px auto 15px;width: 90%;min-width: 300px;max-width: 500px;height: 50px;padding: 5px;}
.form-mobile select {min-width: 310px; max-width: 510px; width: 92%; margin: 5px auto;border-radius: 5px;height: 30px;padding-left: 5px;display: block;}
.form-mobile option {height: 30px;padding-left: 10px;color:grey;}
.form-mobile > input[type="radio"] {display: none;}
.form-mobile > input[type="radio"] + label {width: 100%;display: block;color:white;text-align: center;font-size: 24px;border-bottom: 1px solid white;padding: 15px 0;}
#tab1-mob + label {border-top: 1px solid white;}
.form-mobile > input[type="radio"]:checked + label {color:black;background-color: white;border-bottom: none;}
#tab1-mob:checked ~ #content1-mob, #tab2-mob:checked ~ #content2-mob, #tab3-mob:checked ~ #content3-mob {display: block;}
.form-mobile > #content1-mob, .form-mobile > #content2-mob, .form-mobile > #content3-mob {padding: 0 10px 10px;display: none;margin-top: -1px;padding: 5px;text-align: center;margin-bottom: 5px;}
.form-mobile > #content1-mob > input[type="text"], .form-mobile > #content2-mob > input[type="text"], .form-mobile > #content3-mob > input[type="text"] {margin: 5px auto;}
.form-mobile > #content1-mob > input[type="button"], .form-mobile > #content2-mob > input[type="button"], .form-mobile > #content3-mob > input[type="button"] {padding: 10px 25px;display: block;margin: 15px auto 10px;color: white;border-radius: 5px; font-size: 17px;width: 36%;text-decoration: none;text-align: center;min-width: 250px;max-width: 300px;border: 1px solid white;float:none;}
.form-mobile > #content1-mob > label, .form-mobile > #content2-mob > label, .form-mobile > #content3-mob > label {color:white;}
.form-mobile > #content1-mob > var, .form-mobile > #content2-mob > var, .form-mobile > #content3-mob > var {margin-left: 15px;padding: 0 25px;background-color: white;border-radius: 5px;}

.picture-page-mob {margin: 15px auto;width: 90%;min-width: 300px;max-width: 500px;}
.picture-page-mob .gp-mob {text-align: center;margin-bottom: 10px;}
.picture-page-mob .gp-mob p {font-size: 20px;}
#form-review {margin-top: 15px;display: none;}
.news-mob {margin-bottom: 10px;}
.news-mob > a {text-decoration: none;color:black;}
.news-mob img, .review-mob img {margin: 0 auto;display: block;margin-bottom: 5px;}
.news-mob p {text-align: center;}
hr {min-width: 300px; max-width: 500px;margin: 0 auto 10px;width: 80%;}
.review-mob {min-width: 300px; max-width: 500px;margin: 0 auto 15px;}
.review-mob .name-review-mob {text-align: center;margin: 10px 0 10px;font-size: 20px;}
.button-green-mobile {padding: 10px 25px;display: block;margin: 0 auto;background-color: #00bb16;color: white;border-radius: 5px;font-size: 20px; width: 36%;text-decoration: none;text-align: center;min-width: 250px;max-width: 300px;}
.soc-seti {text-align: center;}
#mobile footer {height: 20px;color: white;text-align: center;margin-top: 15px;padding-top: 5px;}
.service {font-size: 30px;text-align: center;margin: 20px 0;}
.service .arr {background: url(../images/arrow-down.png);width: 20px;height: 20px;display: inline-block;}
.service .one {margin-right: 10px;}
.service .two {margin-left: 10px;}
.mobile-menu {background-color: #00bb16;display: none;}
.mobile-menu ul {width: 90%;margin: 15px auto;min-width: 300px;max-width: 500px;text-align: center;}
.mobile-menu li a {color: white; text-decoration: none;}
.mobile-menu li {padding: 15px 0;font-size: 23px;}
.service .down {background: url(../images/arrow.png);width: 20px;height: 20px;display: inline-block;}
#mobile-main-menu {display: none;width: 100%;height: 800px;background-color: #00bb16;z-index: 1;position: absolute;}
.body-menu {width: 300px;margin: 20px auto;}
.body-menu>a {text-decoration: none;width: 100%;text-align: center;float: left;font-size: 25px;margin: 7px 0;color: white;}
.anchor {display: block;width: 100%;}
span.error {color:red;}
p.success {font-size: 20px;color: white;}
.div-green > p.success {color: #00bb16;}
.div-green {border: 1px solid #00bb16;;padding: 15px;border-radius: 10px;text-align: center;}
.div-green > .button-green, .form-min > .button-green {float: none;}
.div-green label {display:block;}
article p {margin-bottom: 5px;}
article h2 {margin-bottom: 0;}
.div-green input[type="text"], .div-green select, .div-green input[type="number"] {width: 300px;height: 30px;border-radius: 5px;display: block;padding-left: 10px;border: 1px solid #ccc;margin: 5px auto;}
.div-green select {width: 310px;}
.div-green .button-green {margin: 10px auto;border:1px solid white;}
span.error ~ #name, span.error ~ #phone {border:1px solid red;}
#mobile span.error {text-align: center;display: block;}
#mobile .success, #mobile span.error {text-align:center;}
.form-mobile > #content1-mob.b {display: block;}
@media screen and (max-device-width: 999px) {
	#mobile {display: block;}
	#desktop {display: none;}
}
@media screen and (min-device-width: 1000px) {
	#mobile {display: none;}
	#desktop {display: block;}
}