html, body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, 
abbr, acronym, address, big, cite, code,
del, dfn, ins, kbd, s, samp,
small, strike, sub, sup, tt, var,
center,
dl, dt, dd,
fieldset, form, label, legend,
caption, tbody, tfoot, thead,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video,input {
   margin: 0;
   padding: 0;
   border: 0;
   font: inherit;
   font-size: 100%;
   vertical-align: baseline;
}

html {
   line-height: 1;
   position:relative;
   min-height:100%;
}

@font-face {
    font-family: Roboto;
    src: url('../fonts/RobotoRegular.ttf');
}	

@font-face {
    font-family: Slab;
    src: url('../fonts/RobotoSlabRegular.ttf');
}	

body {
	min-width: 100%;
	padding-bottom: 75px;
	font-family: Roboto;	
	color: #010101;
	background: url('../images/bg.jpg') 0 0;
}

a {color: #009888;}	
a:hover {text-decoration:none;}
	
nav ul,
.service_list,
.service_list ul,
#pluses ul,
.tabs ul,
#bonuses ul,
.contacts ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
	
#wrapper {
	min-width:1170px;
	margin:auto;
	overflow:hidden;
}
	
.middle {
	max-width: 1170px;
	margin: auto;
	position: relative;
}
	
.middle:after {
	content: '';
	display: table;
	clear: both;
	width: 100%;
}	

.serv_list_main .serv_image img,
#pluses .plus_image img {
	position: absolute;
	margin: auto;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0;
}
	
header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 990;
	height: 90px;
	width:100%;
	display: block;
	background: rgba(255,255,255,.95);
	box-shadow: 0 0 20px 1px rgba(0,0,0,.5);
}

header .middle >*{position: absolute;}

#logo {
	top:16px;
	left:0; 
	display:block;
	background:url('../images/logo.png') no-repeat;
	padding-left: 69px;
	width:235px;
	height:53px;
	text-decoration: none;
	font: 35px Slab;
	color: #009888;
	line-height: .9;
	z-index: 992;
}	

#logo span {
	font: 16px Roboto;
	color: #010101;	
	display: block;
	position: relative;
	top: 3px;
}

#pull {
	display: none;
	width: 30px;
	height: 30px;
	background: url('../images/menu.png') no-repeat 50%;
	right: 10px;
	top: 30px;
	position: absolute;
}

nav {
	left: 0;
	top: 36px;
	z-index: 991;
	width: 100%;
}

nav ul {
	text-align: center;
	width: 100%;
}

nav li {
	display: inline-block;
	vertical-align: top;
	margin-right: 37px;
	font-size: 14px;
	text-transform: uppercase;
}

nav li:last-child {margin-right: 0;}

nav a {
	color: #010101;
	text-decoration: none;
	-webkit-transition: color .3s;
	transition: color .3s;
}

nav a:hover {color: #009888;} 

.address,
.phone {
	right: 0;
	padding-left: 32px;
	z-index: 992;
}

.phone {
	top: 7px;
	padding-left: 32px;
	font: 33px Slab;
	background: url('../images/phone.png') no-repeat 0 50%;
}

.phone span {color: #009888;}

.address {
	font-size: 14px;
	line-height: 1.7;
	top: 52px;
	letter-spacing: .1px;
}

#call_master {
	position: relative;
	height: 433px;
	background: url('../images/bg1.jpg') no-repeat 50% 0;
	overflow: hidden;
}

#call_master:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0;
	box-shadow: 0 0 10px 1px rgba(0,0,0,.4);
}

.worker_part1,
.worker_part2  {
	position: absolute;
}

.worker1 {
	display: block;
	position: absolute;
	left: -78px;
	top: 130px;
	width: 235px;
	height: 303px;
	background: url('../images/worker1.png') no-repeat;
	z-index: 10;
}

.worker1 .worker_part1 {
	width: 181px;
	height: 104px;
	background: url('../images/worker1_part1.png') no-repeat;
	left: 201px;
	top: 86px;
	transform-origin: 10% 80%;
	-webkit-transform-origin: 10% 80%;
	animation: anim_worker1_part1 9s infinite ease-in-out;
	-webkit-animation: anim_worker1_part1 9s infinite ease-in-out;
}

.worker2 {
	display: block;
	position: absolute;
	right: -33px;
	top: 217px;
	width: 114px;
	height: 216px;
	background: url('../images/worker2.png') no-repeat;
}

.worker2 .worker_part1 {
	background: url('../images/worker2_part1.png') no-repeat;
	width: 44px;
	height: 62px;
	top: 51px;
    left: -22px;
	transform-origin: 90% 80%;
	-webkit-transform-origin: 90% 80%;
	animation: anim_worker2_part1 2s infinite ease-in-out;
	-webkit-animation: anim_worker2_part1 2s infinite ease-in-out;
}

.worker2 .worker_part2 {
	background: url('../images/worker2_part2.png') no-repeat;
	width: 56px;
    height: 91px;
    top: -80px;
    left: -21px;
	transform-origin: 40% 95%;
	-webkit-transform-origin: 40% 95%;
	animation: anim_worker2_part2 2s infinite ease-in-out;
	-webkit-animation: anim_worker2_part2 2s infinite ease-in-out;
}

.call_master_form {
	width: 700px;
	height: 310px;
	position: absolute;
	top: 123px;
	margin: auto;
	left: 0;
	right: 0;
	background: rgba(0,152,136,.9);
	text-align: center;
}

.call_master_form:after {
	content: '';
	display: block;
	width: 100%;
	height: 60px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgb(0,152,136);
}

.call_master_form h2 {
	font: 30px Slab;
	text-transform: uppercase;
	padding: 23px 0 13px;
	color: #fff;
}

.call_master_form .call_master_text {
	font-size: 24px;
	color: #fff;
	margin-bottom: 22px;
}

.call_master_form .call_master_text span {color: #fff447;}

.call_master_white {
	position: relative;
	z-index: 3;
	background: #fff;
	width: 100%;
	padding: 0 10px;
	margin-left: -10px;
}

.call_master_white:before,
.call_master_white:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-top: 5px solid #e0e0e0;
	position: absolute;
	bottom: -10px;
}

.call_master_white:before {
	border-right: 5px solid #e0e0e0;
	left: 0;
}

.call_master_white:after {
	border-left: 5px solid #e0e0e0;
	right: 0;
}

.call_master_white div {
	font: 24px Slab;
	padding: 16px 0 22px;
	text-transform: uppercase;
}

.call_master_white div span {color: #009888;}
.call_master_white form {padding-bottom: 30px;}

input[type="text"] {
	border: 1px solid #e0e0e0;
	background: #ededed;
	padding-left: 13px;
	border-radius: 3px;
	height: 38px;
	outline: none;
	font-size: 14px;
}

input[type="text"]::-webkit-input-plceholder {color: #737373;}

.call_master_white input[type="text"] {
	margin: 0 13px;
	width: 185px;
}

.button,
.button2 {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #010101;
	background: #fff447;
	border-radius: 3px;
	position: relative;
	-webkit-transition: background .3s;
	transition: background .3s;
}

.button:hover {background: #f1e411;}

.button2 {
	background: #009888;
	color: #fff;
}

.button2:hover {background: #007d70;}


.call_master_white input[type="submit"] {
	width: 180px;
	cursor: pointer;
	outline: none;
	margin: 0 13px;
}

h2 {
	font: 24px Slab;
	text-align: center;
	padding: 42px 0 29px;
	text-transform: uppercase;
}

.service_list {
	margin: auto;
	max-width: 1030px;
}

.service_list >li {
	margin: 0 10px 30px;
	background: #fff;
	border: 1px solid #e0e0e0;
	padding-left: 400px;
	position: relative;
}

.serv_list_main {
	width: 265px;
	padding-left: 120px;
	height: 90px;
	position: absolute;
	margin: auto;
	left: 0;
	bottom: 0;
	top: 0;
}

.serv_list_main .serv_image {
	width: 100px;
	height: 90px;
	position: absolute;
	top: 0;
	left: -11px;
	background: #009888;
	border-radius: 3px;
}

.serv_list_main .serv_image:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-top: 4px solid #007d70;
	border-right: 4px solid #007d70;
	position: absolute;
	bottom: -8px;	
	left: 2px;
}

.serv_list_main .serv_name {
	font: 22px Slab;
	line-height: 1.3;
	position: relative;
	top: -5px;
	text-transform: uppercase;
	margin-bottom: 11px;
}

.serv_list_main a {
	font-size: 14px;
	color: #009888;
	text-transform: uppercase;
	text-decoration: none;
	padding-bottom: 3px;
	border-bottom: 1px dashed #009888;
	-webkit-transition: border-color .3s;
	transition: border-color .3s;
}

.serv_list_main a:hover {border-color: transparent;}
.service_list >li:first-child .serv_list_main {margin-top: 90px;}

.service_list ul {
	overflow: hidden;
	margin: 29px 29px 29px 0;
	position: relative;
}

.service_list ul:after {
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	background: #e0e0e0;
}

.service_list ul li {
	display: inline-block;
	vertical-align: top;
	padding-left: 39px;
	width: 49.6%;
	box-sizing: border-box;
	margin-bottom: 17px;
	font-size: 16px;
	line-height: 1.1;
	position: relative;
}

.service_list ul li:last-child,
.service_list ul li:nth-last-child(2) {margin-bottom: 0;}

.service_list ul li:before {
	content: '-';
	position: absolute;
	left: 29px;
	top: 1px;
	font-size: 16px;
	line-height: .9;
}

.call_master_short {
	height: 420px;
	background: url('../images/bg2.jpg') no-repeat 50%;
	overflow: hidden;
	position: relative;
}

.call_master_short:before,
.call_master_short:after,
.bonus_form:after {
	content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 0;
    box-shadow: 0 0 10px 1px rgba(0,0,0,.4);
}

.call_master_short:before {top: 0;}
.call_master_short:after,
.bonus_form:after  {bottom: 0;}

.call_master_short .middle {height: 100%;}

.worker3 {
	position: absolute;
	left: 31px;
	top: 176px;
	width: 397px;
	height: 244px;
	background: url('../images/worker3.png') no-repeat;
}

.worker3 .worker_part1 {
	background: url('../images/worker3_part1.png') no-repeat;
	width: 115px;
	height: 160px;
	top: -150px;
    left: 158px;
	transform-origin: 50% 80%;
	-webkit-transform-origin: 50% 80%;
	animation: anim_worker3_part1 5s infinite ease-in-out;
	-webkit-animation: anim_worker3_part1 5s infinite ease-in-out;
}

.worker3 .worker_part2 {
	background: url('../images/worker3_part2.png') no-repeat;
	width: 55px;
	height: 62px;
	top: -21px;
    right: -24px;
	transform-origin: 50% 80%;
	-webkit-transform-origin: 50% 80%;
	animation: anim_worker3_part1 5s infinite ease-in-out;
	-webkit-animation: anim_worker3_part1 5s infinite ease-in-out;
}

.call_master_slogan {
	padding: 40px 30px 0;
	width: 640px;
	position: absolute;
	margin: auto;
	right: 0;
	bottom: 0;
	top: 0;
	height: 195px;
	background: rgba(255,255,255,.9);
}

.call_master_slogan div {
	font: 30px Slab;
	text-transform: uppercase;
	margin-bottom: 25px;
}

.call_master_slogan  span {
	font-size: 24px;
	display: block;
	margin-bottom: 25px;
}

.call_master_slogan a {
	width: 310px;
	margin-left: -40px;
}

.call_master_slogan a:before,
.bonus_form .button:before,
.bonus_form .button:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-top: 4px solid #cac01f;
	border-right: 4px solid #cac01f;
	position: absolute;
	bottom: -8px;
	left: 2px;
} 

#pluses {padding: 44px 0 15px;}

#pluses ul {
	max-width: 1170px;
	margin: auto;
}

#pluses li {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: 370px;
	margin: 0 26px 34px 0;
}

#pluses li:nth-child(3n) {margin-right: 0;} 

#pluses .plus_image {
	height: 97px;
	position: relative;
	margin-bottom: 20px;
}

#pluses .plus_name {
	font: 18px Slab;
	text-transform: uppercase;
	color: #049a8a;
	margin-bottom: 15px;
}

#pluses .plus_desc {
	font-size: 16px;
	line-height: 1.4;
}

#pluses .plus_desc span {
	font-size: 16px;
	display: block;
	color: #049a8a;
}

.call_master_short.reverse {
	background: none;
	height: 340px;
	box-shadow: inset 0 0 10px 1px rgba(0,0,0,.2);
	overflow: visible;
}

.call_master_short.reverse:before,
.call_master_short.reverse:after {display: none;}

.call_master_short.reverse .call_master_slogan {
	right: auto;
	left: 0;
	text-align: right;
	padding-top: 30px;
	height: 205px;	
}

.call_master_short.reverse .call_master_slogan div,
.call_master_short.reverse .call_master_slogan  span {margin-bottom: 16px;}

.call_master_short.reverse  .call_master_slogan a {margin: 0 -40px 0 0;}

.call_master_short.reverse .call_master_slogan a:before,
.bonus_form .button:after {
	border-right: 4px solid transparent;
    border-left: 4px solid #cac01f;
    left: auto;
	right: 2px;
}

.worker4 {
	position: absolute;
	top: -46px;
	right: 39px;
	width: 301px;
	height: 386px;
	background: url('../images/worker4.png') no-repeat;
}

.worker4 .worker_part1 {
	width: 108px;
	height: 140px;
	right: -53px;
	top: 215px;
	background: url('../images/worker4_part1.png') no-repeat 50%;
	animation: anim_worker4_part1 5s infinite ease-in-out;
	-webkit-animation: anim_worker4_part1 5s infinite ease-in-out;
}

.worker4 .worker_part2 {
	width: 93px;
	height: 58px;
	left: -30px;
	top: 129px;
	background: url('../images/worker4_part2.png') no-repeat 50%;
	transform-origin: 40% 80%;
	-webkit-transform-origin: 40% 80%;
	animation: anim_worker4_part2 5s infinite ease-in-out;
	-webkit-animation: anim_worker4_part2 5s infinite ease-in-out;
}

#prices {
	text-align: center;
	width: 900px;
	margin: auto;
	padding-bottom: 49px;
}

.tabs ul {
	text-align: center;
	margin-bottom: 7px;
}

.tabs li {
	display: inline-block;
	vertical-align: top;
	margin: 0 17px 15px;
	font: 14px Slab;
	text-transform: uppercase;
	padding-bottom: 2px;
	cursor: pointer;
	border-bottom: 1px dashed transparent;
	-webkit-transition: color .3s, border-color .3s;
	transition: color .3s, border-color .3s;
}

.tabs li:hover,
.tabs li.active {
	border-bottom-color: #009888;
	color: #009888;
}

.tabs >div {
	max-width: 830px;
	margin: auto;
}

#prices table,
#prices table tr,
#prices table th,
#prices table td {
    margin:0;
    padding:0;
    border:none;
    border-collapse:collapse;
    border-spacing:0;
}

#prices table {
	width: 100%;
	margin-bottom: 14px;
}

#prices table tr {
	vertical-align: middle;
	height: 40px;
}

#prices table th {
	background: #009888;
	color: #fff;
	font-weight: normal;
}

#prices table tr:first-child {
	height: 41px;
	font: 16px Slab;
	text-transform: uppercase;
	text-align: center;
	border-bottom: 1px solid #007d70;
}

#prices table tr:nth-child(2) {
	font-size: 16px;
}

#prices table tr th{border-left: 1px solid #007d70;}
#prices table tr th:first-child {border: none;}

#prices table tr td:first-child {
	width: 73%;
	box-sizing: border-box;
	padding-left: 29px;
	text-align: left;
} 

#prices table tr td:last-child {
	font-size: 18px;
	color: #009888;
}

#prices table td {
	background: #fff;
	border: 1px solid #e0e0e0;
	-webkit-transition: background .3s, border-color .3s;
	transition: background .3s, border-color .3s;
}

#prices table tr:hover td {
	background: #e9e9e9;
	border-right: 1px solid #fff;
} 

#prices table tr:hover td:last-child {border-right: 1px solid #e0e0e0;} 

#prices .card {
	font-size: 16px;
	text-align: center;
	margin-bottom: 33px;
}

#prices .card span {
	color: #009888;
	position: relative;
	top: -4px;
}

#prices .button2 {width: 230px;}

.call_master_short.garant {
	background: none;
	height: 340px;
	overflow: visible;
	box-shadow: inset 0 0 10px 1px rgba(0,0,0,.2);
}

.call_master_short.garant:before,
.call_master_short.garant:after {display: none;}

.worker5 {
	width: 306px;
	height: 302px;
	position: absolute;
	top: -122px;
	left: 118px;
	background: url('../images/worker5.png') no-repeat;
	z-index: 3;
}

.worker5 .worker_part1 {
	width: 306px;
	height: 223px;
	left:0;
	top: 262px;
	background: url('../images/worker5_part1.png') no-repeat 50%;
	transform: rotate(-10deg) scale(1);
	-webkit-transform: rotate(-10deg) scale(1);
	animation: anim_worker5_part1 3s infinite ease-in-out;
	-webkit-animation: anim_worker5_part1 3s infinite ease-in-out;
}

#bonuses {
	padding-top: 30px;
	overflow: hidden;
}

#bonuses ul {
	padding-top: 3px;
	width: 500px;
	float: left;
}

#bonuses li {
	height: 91px;
	padding: 40px 0 0 100px;
	border-bottom: 1px solid #e0e0e0;
	position: relative;
}

#bonuses li img {
	position: absolute;
	margin: auto;
	bottom: 0;
	top: 0;
	left: 0;
}

#bonuses li div {
	font: 18px Slab;
	text-transform: uppercase;
	color: #009888;
	margin-bottom: 15px;
}

#bonuses li span {
	font-size: 16px;
	display: block;
}

#bonuses li a,
.developer a {
    padding-bottom: 2px;
	text-decoration: none;
    border-bottom: 1px dashed #009888;
	color: #009888;
    -webkit-transition: border-color .3s;
    transition: border-color .3s;
}

#bonuses li a:hover,
.developer a:hover {border-bottom-color: transparent;}

.bonus_form {
	background: url('../images/form_bg.jpg') 50% 0;
	float: right;
	margin-right: 70px;
	width: 400px;
	padding-top: 42px;
	padding-bottom: 61px;
	position: relative;
}

.bonus_form h3 {
	font: 24px Slab;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	padding: 0 35px;
	margin-bottom: 15px;
}

.bonus_form >div {
	padding: 0 35px;
	font-size: 18px;
	text-align: center;
	line-height: 1.4;
	color: #fff;
	margin-bottom: 33px;
}

.bonus_form form {
	margin: 0 0 0 -10px;
	width: 420px;
}

.bonus_form form  input {
	width: 318px;
	display: block;
	background: #fff;
	padding-left: 20px;
	margin: 0 auto 30px;
}

.bonus_form .button {
	border: none;
	width: 100%;
	display: block;
	outline: none;
	cursor: pointer;
}

#map_block {
	border-top: 1px solid #fff;
	border-bottom: 2px solid #cbd6d5;
	height: 366px;
	overflow: hidden;
	position: relative;
}

#map{height: 366px;}

#map_block .middle {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

.contacts {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 370px;
	background: url('../images/form_map.png') 0 50%;
}

.contacts >div {
	display: block;
	height: 100%;
	padding: 10px 0 32px;
	margin: -10px 30px 0;
	background: #009888;
	position: relative;
	color: #fff;
}

.contacts >div:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-bottom: 5px solid #007d70;
	border-left: 5px solid #007d70;
    position: absolute;
	top: 0;
	right: -10px;
}

.contacts  h2 {padding: 23px 0 20px;}
.contacts ul {text-align: center;}
.contacts li  {margin-bottom: 17px;}
.contacts li img {margin-bottom: 9px;}
.contacts li div {font-size: 16px;}

#overlay{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 994;
	background: rgba(0,0,0,.5);
	display: none;
}

html.popup_opened {overflow: hidden;} 

html.popup_opened body {  
	height: 100%;
    overflow-y: scroll;
}

html.popup_opened header {overflow-y: scroll;}

.popup_form {
	padding: 22px 30px 30px;
	position: fixed;
	margin: auto;
	left: 0;
	right: 0;
	z-index: 999;
	display: none;
	width: 370px;
	background: #fff;
}

.popup_form .close_popup  {
	width: 20px;
	height: 20px;
	cursor: pointer;
	position: absolute;
	overflow: hidden;
	background: url('../images/close.png') no-repeat 50%;
	right: 10px;
	top: 10px;
}
		
.popup_form .popup_center {overflow: hidden;}	

.popup_form h3 {
	font: 24px Slab;
	text-align: center;
	text-transform: uppercase;
	line-height: 1.4;
	margin-bottom: 12px;
}

.popup_form .popup_center div {
	text-align: center;
	font-size: 18px;
	line-height: 1.4;
	margin-bottom: 22px;
}

.popup_form input[type="text"] {
	padding-left: 19px;
	width: 349px;
	margin-bottom: 30px;
}

.popup_form .button {
	width: 230px;
	border: none;
	outline: none;
	cursor: pointer;
	margin: auto;
	display: block;
}


/* Footer
-----------------------------------------------------------------------------*/	

footer {
	height: 75px;
	width:100%;
	position:absolute;
	left:0;
	bottom:0;
	display: block;
	box-shadow: 0 0 10px 1px rgba(0,0,0,.4);
}

footer .middle {height: 100%;}

.worker_footer_outer {
	position: absolute;
	bottom: 0;
	margin: auto;
	left: 0;
	right: 0;
	width: 130px;
	height: 300px;
	overflow: hidden;
}

.worker6 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 130px;
	height: 43px;
	background: url('../images/worker6.png') no-repeat;
	animation: anim_worker6 4s infinite ease-in-out;
	-webkit-animation: anim_worker6 4s infinite ease-in-out;
}

.worker6 .worker_part1 {
	width: 130px;
	height: 110px;
	left: 0;
	bottom: 20px;
	background: url('../images/worker6_part1.png') no-repeat 50%;
	animation: anim_worker6_part1 4s infinite ease-in-out;
	-webkit-animation: anim_worker6_part1 4s infinite ease-in-out;
}

.worker6 .worker_part2 {
	width: 130px;
	height: 54px;
	left: 0;
	bottom: 73px;
	background: url('../images/worker6_part2.png') no-repeat 50%;
	animation: anim_worker6_part2 4s infinite ease-in-out;
	-webkit-animation: anim_worker6_part2 4s infinite ease-in-out;
}

.copyright,
.developer {
	position: absolute;
	top: 0;
	top: 30px;
	font-size: 14px;
}

.copyright {left: 0;}
.developer {right: 0;}

#go_top {
	position: fixed; bottom: 0; left: 0; cursor: pointer; display: none;
	width:100%;
	font-size:16px;
	background: rgba(0,152,136,.8);
	color: #fff;
	text-align:center;
	line-height: 20px;
	z-index: 10;
	height: 0;
	padding-top: 0;
	overflow: hidden;
}

@media (max-width: 1200px) {	
	.worker1,
	.worker2,
	.worker3,
	.worker4,
	.worker5,
	#pluses .plus_desc br {display: none;}

	#wrapper {min-width: 0;}
	
	#logo {left: 10px;}
	.phone,
	.address {right: 10px;}
	
	nav li {margin-right: 25px;}
	
	#pluses li {
		margin-right: 0;
		padding: 0 10px;
		box-sizing: border-box;
		width: 33%;
	}
	
	#pluses .plus_desc {font-size: 14px;}
	
	footer .middle {margin: 0 10px;}
}

@media (max-width: 980px) {	
	.service_list ul li:nth-child(odd),
	.service_list ul:after,
	#bonuses,
	.worker_footer_outer {display: none;}
	
	.service_list ul li {
		width: 100%;
		display: block;
	}
	
	header {height: auto;}
	
	nav {
		top: auto;
		right: auto;
		width: 100%;
		padding-top: 90px;
	}
	
	nav ul {
		overflow: hidden;
		display: none;
	}
	
	header .middle >nav {position: relative;}
	#pull {display: block;}
	
	nav li {
		width: 25%;
		margin: 0;
		display: block;
		float: left;
		padding: 0 0 10px;
	}
	
	nav li a {padding: 0 0 10px;}
		
	.phone, 
	.address {right: 60px;}
}

@media (max-width: 900px) {
	#prices {
		width: auto;
		margin: 0 10px;
	}
}

@media (max-width: 850px) {
	#pluses li {width: 32.5%;}
	
	#map_block {
		height: auto;
		padding-top: 10px;
		border-top: none;
	}
	
	#map_block .middle {
		position: relative;
		bottom: auto;
	}
	
	.contacts {
		position: relative;
		bottom: auto;
		margin-top: 10px;
		width: auto;
	}
	
	.contacts >div {
		position: relative;
		top: -10px;
	}
	
	.contacts li {
		width: 32.5%;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		padding: 0 10px;
	}
}

@media (max-width: 740px) {
	.serv_list_main .serv_name br,
	#pluses,
	.call_master_short.reverse  .call_master_slogan a {display: none;}

	.service_list >li:first-child .serv_list_main {margin-top: 0;}

	.call_master_form {
		width: auto;
		margin: 0 20px;
		position: relative;
		top: auto;
		height: auto;
		padding-bottom: 40px;
	}
	
	.call_master_form h2 {font-size: 24px;}
	
	.call_master_form .call_master_text{font-size: 18px;}
	
	#call_master {
		height: auto;
		padding-top: 123px;
		background-size: auto 100%;
	}
	
	.call_master_white input[type="text"] {margin-bottom: 20px;}
	
	.call_master_white div {font-size: 20px;}
	
	.service_list >li {
		padding-left: 0;
	}
	
	.serv_list_main {
		position: relative;
		left: auto;
		width: auto;
	}
	
	.serv_list_main .serv_name {top: 0;}
	
	.call_master_short {
		background: none !important;
		box-shadow: none !important;
		height: auto !important;
	}
	
	.call_master_short:before,
	.call_master_short:after {display: none;}
	
	.call_master_short .call_master_slogan div, 
	.call_master_short .call_master_slogan  span,
	.call_master_short .button:before, 
	.call_master_short .button:after{display: none !important;}
	
	.call_master_slogan {
		height: auto !important;
		padding: 0 !important;
		position: static !important;
		width: auto;
		background: none;
	}
	
	.call_master_short .middle {height: auto;}
	
	.call_master_short .button {
		position: static;
		margin: auto !important;
		display: block;
	}
	
	#map_block {padding-top: 20px;}
}

@media (max-width: 700px) {
	.phone, 
	.address {display: none;}
	
	#logo {
		margin: auto;
		left: 0;
		right: 0;
	}
}

@media (max-width: 670px) {		
	.copyright {
		width: 100%;
		text-align: center;
	}
	
	.developer {
		width: 100%;
		text-align: center;
		top: 65px;
	}
	
	#go_top {
		height: 30px;
		padding-top: 10px;
	}
	
	footer {height: 130px;}
	body {padding-bottom: 130px;}
}

@media (max-width: 600px) {	
	.contacts li {width: 100%;}
}

@media (max-width: 535px) {
	.call_master_form h2 {font-size: 20px;}
	.call_master_form .call_master_text {font-size: 14px;}
	.call_master_white div {font-size: 18px;}
	
	.call_master_white input[type="submit"] {width: 200px;}
}

@media (max-width: 480px) {
	.serv_list_main .serv_name {font-size: 18px;}
	.serv_list_main a {font-size: 13px;}
	.serv_list_main {padding-left: 100px;}	
	.serv_list_main .serv_name {padding-top: 10px;}
	
	#prices table tr td,
	#prices table tr th {font-size: 14px;}
	
	#prices table tr td:last-child {font-size: 16px;}	
	#prices table tr td:first-child {padding-left: 10px;}
	
}

@media (max-width: 420px) {	
	#logo {
		right: auto;
		left: 10px;
		margin: 0;
	}
}

@media (max-width: 370px) {	
	#logo {
		font-size: 26px;
		line-height: 1.3;
		width: 180px;
	}
	
	#logo span {font-size: 12px;}
	
	nav li {font-size: 13px;}
	
	.serv_list_main .serv_name {font-size: 16px;}
}