#body {
  color: #000;
  font-family: tahoma,helvetica,arial !important;
  font-size: 14px;
  line-height: 140%;
}

header,
section,
footer {
	float: left;
	width: 100%;
	min-height: 1px;
	display: block;
	position: relative;
}


.yellow {
	    color: #ffe001;
}
.bold {
	font-weight: bold;
}
.container {
	position: relative;
}

#supertop {
	background: url('img/bg_super.jpg');
	height: 69px;
	width: 100%;
	position: relative;
}

#top {
	width: 100%;
	height: 54px;
	background: #000;
	position: relative;
}

.phone,
.email {
	float: right;
    text-align: right;
    width: 100%;
	font-size: 19px;
	color: #000;
}

.email {
	font-weight: bold;
	padding-bottom: 10px;
	padding-bottom: 5px;
}

.email img {
	margin-right: 5px;
}

.phone {
	padding-top: 10px;
}

.phone span {
	font-size: 25px;
}

/*.logo {
	background: #ffe001 none repeat scroll 0 0;
    left: 15px;
    position: absolute;
    top: 0;
    width: 253px;
	z-index: 15;
}

.logo img {
	width: 100%;
	height: auto;
}

.logo_triangle {
    border-color: #ffe101 transparent transparent;
    border-style: solid;
    border-width: 53px 126.5px 0;
    bottom: -53px;
    height: 0;
    left: 0;
    position: absolute;
    width: 0;
}*/

.logo {
	width: 269px;
	position: absolute;
	left: 15px;
	top: 0;
	z-index: 15;
}

.menu {
	display: block;
	float: right;
	width: calc(100% - 300px);
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

#top .menu li {
	float: left;
	width: auto;
	text-align: right;
	/*padding: 15px 45px;*/
	padding: 15px 8px;
}

#top .menu li:first-child {
	padding-left: 0;
}

#top .menu li:last-child {
	padding-right: 0;
}

#top .menu li a {
	color: #fff;
	text-transform: uppercase;
	/*font-size: 21px;*/
	font-size: 14px;
}

#top .menu li a:hover {
	text-decoration: none;
}

#head {
	position: relative;
	float: left;
	width: 100%;
	background: url('img/bg_head.jpg');
	height: 434px;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 85px;
}

#head {
  background: rgba(0, 0, 0, 0) url("img/bg_head.jpg") no-repeat scroll 0 0 / cover ;
  float: left;
  height: 501px;
  padding-bottom: 85px;
  position: relative;
  width: 100%;
}

#head h1 {
	color: #ffe001;
	font-size: 42px;
	font-weight: bold;
	margin: 0;
	line-height: 135%;
	letter-spacing: 0px;
	padding: 123px 0 0;
	text-align: right;
	text-transform: uppercase;
	text-shadow: 2px 4px 9px #000000;
}

#head h1 span {
	font-size: 40px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 125%;
	letter-spacing: normal;
}

#mailform {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    border-radius: 6px;
    float: left;
    margin-top: 35px;
    padding: 30px;
    text-align: center;
    width: 100%;
}

#mailform h3.h3 {
	font-size: 21px;
	color: #fff;
	margin:0;
	margin-bottom: 30px
}

#mailform h3.h3 span {
	font-weight: bold;
	text-transform: uppercase;
}

#mailform .form-field {
	height: 35px;
	border-radius: 6px;
	border: 1px solid #a0a2a3;
	width: 100%;
	margin-bottom: 10px;
	padding-left: 12px;
}

#mailform .btn {
	background: #ffe001;
	width: 143px;
	margin-top: 20px;
}

#company {
    background-color: #fff;
    background-image: url("img/bg_company.png");
    background-size: cover;
    float: left;
    width: 100%;
}

#company .text {
  font-size: 16px;
  letter-spacing: 0.04em;
  line-height: 25px;
  padding: 38px 0 20px;
}

#company .text > div {
    margin-bottom: 10px;
}

#free {
	background-color: #f7f7f7;
	background-image: url("img/bg_free.png");
	float: left;
	width: 100%;
	text-align: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	padding-bottom: 160px;
}

#free h2.h2 {
    color: #ffe001;
    font-size: 31px;
    font-weight: bold;
    margin: 0;
    text-transform: uppercase;
	padding: 45px 0;
}

#free .text {
	font-size: 20px;
	color: #fff;
}

#free ul {
	width: 50%;
	margin: 0;
	padding: 0;
	margin-top: 15px;
	display: block;
	float: left;
	text-align: right;
	padding-right: 40px;
}

#free ul li {
	padding-bottom: 10px;
}

#free ul.ul_right {
	text-align: left;
	padding-left: 40px;
}

#free ul.ul_right li:last-child {
	line-height: 160%;
}

#rubbers {
	background-attachment: fixed;
	background-color: #353535;
	background-image: url("img/bg_pok.JPG");
	background-size: cover;
	color: white;
	padding: 40px 20px;
	background-position: center;
	background-blend-mode: soft-light;
}

#benefit {
	background-color: #f7f7f7;
	float: left;
	width: 100%;
	padding-bottom: 30px;
}

#benefit .img_box {
	float: left;
	width: 100%;
}	

#benefit .img_box img {
	width: 107px;
	height: auto;
	border-radius: 50%;
}

#benefit .item_box {
	text-align: center;
	float: left;
	width: 100%;
}

#benefit .desc {
	float: left;
	width: 100%;
	font-size: 24px;
	font-weight: bold;
	line-height: 90%;
	margin-top: 15px;
	margin-bottom: 20px;
}

#benefit h3.h3 {
	margin: 0;
	text-align: center;
	width: 100%;
	float: left;
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 70px;
	margin-bottom: 30px;
}

#benefit .desc .text {
	font-size: 20px;
	font-weight: 100;
	margin-top: 10px;
}

#callback {
	width: 100%;
	float: left;
	background-image: url('img/bg_call.jpg');
	background-size: cover;
	height: 297px;
	/*margin-top: 50px;*/
}

#callback .form-field {
    float: right;
    height: 60px;
    margin-bottom: 25px;
    width: 70%;
	padding-left: 15px;
	font-size: 20px;
}

#callback .form-field:first-child {
	margin-top: 75px;
}

#callback .desc {
	font-size: 24px;
	line-height: 110%;
	margin-top: 75px;
	font-weight: bold;
}

#callback .desc span {
	text-transform: uppercase;
	color: #008e23;
}

#callback .call {
	border-radius: 50%;
    box-shadow: 10px 2px 6px -5px;
	position: absolute;
}

#callback .btn_box {
	position: relative;
	margin-top: 75px;
}

#callback .arrow {
	left: -22px;
    position: absolute;
    top: -22px;
	-webkit-animation: rotation 2s linear infinite;
    -moz-animation: rotation 2s linear infinite;
    -ms-animation: rotation 2s linear infinite;
}

@-webkit-keyframes rotation {
    0%   { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(-360deg); }
}
@-moz-keyframes rotation {
    0%   { -moz-transform: rotate(0deg); }
    100% { -moz-transform: rotate(-360deg); }
}
@-ms-keyframes rotation {
    0%   { -ms-transform: rotate(0deg); }
    100% { -ms-transform: rotate(-360deg); }
}

#find {
	width: 100%;
	float: left;
	position: relative;
	padding-top: 150px;
	min-height: 500px;
}

#find h3.h3 {
	margin: 0;
	text-align: center;
	width: 100%;
	float: left;
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: -80px;
	margin-bottom: 30px;
}

#find .tri_map {
    background-image: url("img/triangle_map.png");
    background-repeat: no-repeat;
    background-size: cover;
    height: 360px;
    left: 0;
    padding-left: 40px;
    padding-top: 60px;
    position: absolute;
    /*top: calc(100% - 180px - 54px);*/
	top: 150px;
    width: 54%;
    z-index: 15;
}

#flexslidercntrl h3.h3 {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 25px;
}

#nashi_raboty h3.h3 {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 25px;
}

#find .tri_map .sh_top,
#find .tri_map .sh_bot {
	box-shadow: 0 0 10px 0;
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    width: 73%;
    z-index: 10;
}

#find .tri_map .sh_bot {
	bottom: 0;
	top: unset;
}

#find .info_box {
    float: left;
    width: 100%;
	padding-bottom: 40px;
}

#find .info_box .img_box {
	width: 54px;
	float: left;
}

#find .info_box .desc {
	font-size: 23px;
	padding-left: 15px;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	padding-top: 15px;
	float: left;
	width: calc(100% - 54px)
}

#find .info_box .desc a {
	color: #fff;
}

#find .info_box:first-child .desc {
	padding-top: 4px;
}

#why {
	float: left;
	width: 100%;
	/*margin-top: 130px;*/
	padding-bottom: 50px;
}

#why h3.h3 {
	margin: 0;
	text-align: center;
	width: 100%;
	float: left;
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 70px;
	margin-bottom: 30px;
}

#why .item_row {
	float: left;
	width: 100%;
}

#why .item_box {
    float: left;
    text-align: center;
    width: 33.3333%;
}

#why .item_box .desc {
	font-size: 24px;
	font-weight: bold;
	margin-top: 30px;
}

#footer {
	float: left;
	width: 100%;
}

#footer .bg_footer {
	background-image: url('img/bg_footer.png');
	height: 55px;
	width: 100%;
	margin-bottom: 15px;
}

#footer .copy {
	font-size: 11px;
	text-align: center;
	margin-bottom: 25px;
}

#formrespond {
	color:#fff;
}

#formrespond_bot {
	position: relative;
}

#formrespond_bot .respond_ok {
	text-align: center;
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    width: 100%;
    font-size: 20px;
    height: 30px;
}

#rubbers {
	float: left;
	width: 100%;
}

.respond img {
	width: 100%;
	height: auto;
}

#rubbers .respond {
    margin-top: 20px;
    border: 3px solid;
    border-radius: 50%;
    overflow: hidden;
	height: 182px;
	background-repeat: no-repeat;
    background-position: center;
	background-size: cover;
}

.respond_error {
	display: none;
}

#flexslidercntrl {
	float: left;
	width: 100%;
	padding-bottom: 50px;
}

#nashi_raboty {
	float: left;
	width: 100%;
}


.flexslider {
	border: none;
}

.flex-viewport {
	height: auto;
}

.flex-direction-nav a {
	overflow: visible;
}

@media (max-width: 767px){
	
	#head h1 {
		font-size: 32px;
		text-align: center;
	}
	#head h1 span {
		font-size: 18px;
	}
	#head {
		/*height: 585px;*/
		height: 635px;
		background-position: -180px;
		/*margin-top: -13px;*/
		margin-top: -50px;
	}
	#free ul {
		margin: 15px 0 0;
		padding: 0 15px 0 30px;
		text-align: left;
		width: 100%;
	}
	#free ul.ul_right {
		padding-left: 30px;
	}
	#free {
		background-position: -1060px center;
	}
	#benefit .col-xs-4 {
		display: none;
	}
	#benefit .col-xs-8 {
		width: 100%;
	}
	#callback {
		background-image: none;
		background-color: #FFE001;
		height: auto;
		padding-bottom: 50px;
	}
	#callback .desc {
		text-align: center;
		margin-top: 0;
	}
	#callback .form-field:first-child {
		margin-top: 25px;
	}
	#callback .form-field {
		width: 100%;
	}
	#callback .btn_box {
		margin-top: 40px;
		text-align: center;
		height: 150px;
	}
	#callback .arrow {
		bottom: 0;
		left: 0;
		margin: auto;
		right: 0;
		top: 0;
	}
	#callback .call {
		bottom: 0;
		left: 0;
		margin: auto;
		right: 0;
		top: 0;
	}
	#find .tri_map {
		display: none;
	}
	#why .item_box {
		width: 100%;
		margin-bottom: 30px;
	}
	.logo {
		bottom: 0;
		left: 12px;
		margin: auto;
		right: 0;
		top: 0;
		width: 230px;
	}
	.logo img {
		width: 100%;
	}
	.supertop_xs {
		  background: #000 none repeat scroll 0 0;
		  height: 49px;
		  padding: 5px 15px;
		  transition: all 1s ease-in 0s;
		  width: 100%;
		}
	.supertop_xs.opened {
		height: 270px;
		transition: all 1s ease-out;
	}
	.supertop_xs .glyphicon {
		color: #fff;
		float: left;
		font-size: 25px;
		width: 25px;
	}
	.supertop_xs .phone {
		color: #fff;
		float: left;
		padding: 0;
		width: calc(100% - 25px);
	}
	.supertop_xs .menu {
		border-top: 1px solid #fff;
		float: left;
		margin-top: 10px;
		width: 100%;
	}
	.supertop_xs .menu li {
		padding: 7px 0;
		text-align: left;
		width: 100%;
	}
	.supertop_xs .menu li a {
		font-size: 14px;
		color: #fff;
	}
	#formrespond_bot .respond_ok {
		top: 0;
	}
	#rubbers .respond {
		width: 182px !important;
		text-align: center;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		margin: 0 auto;
	}
	#rubbers .text {
		text-align: center;
		margin-top: 182px;
	}
	.flexslider .slides .li {
		width: 100vw !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	#body .container {
		width: 768px;
	}
	#top .menu  {
		width: calc(100% - 270px);
	}
	#top .menu li {
		/*padding: 18px 15px;*/
		padding: 18px 5px;
	}
	#top .menu li a {
		/*font-size: 16px;*/
		font-size: 11px;
	}
	#head h1 {
		font-size: 48px;
		text-align: center;
	}
	#head h1 span {
		font-size: 18px;
	}
	#head {
		height: 580px;
		margin-top: -2px;
	}
	#company {
		padding-bottom: 30px;
	}
	#callback {
		overflow: hidden;
	}
	#callback .form-field {
		width: calc(100% - 40px);
	}
	#callback .desc {
		font-size: 19px;
	}
	#callback .arrow {
		left: 0;
		top: -5px;
		width: 100%;
	}
	#callback .call {
		bottom: 0;
		left: 0;
		margin: auto;
		position: absolute;
		right: 0;
		top: 74px;
		width: 80%;
	}
	#find .info_box .desc {
		font-size: 20px;
		padding-top: 19px;
	}
	#why .item_box .desc {
		font-size: 20px;
	}
	#rubbers .respond {
		height: 230px !important;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	#top .menu {
		width: calc(100% - 270px);
	}
	#top .menu li {
		/*padding: 15px 30px;*/
		padding: 15px 20px;
	}
	
	#head h1 {
		font-size: 42px;
		
	}
	#head h1 span {
		font-size: 20px;
	}
	.recycle_img {
		width: 100%;
		height: auto;
		padding-top: 30px;
	}
	#callback {
		background-position: -100px;
	}
	#callback .desc {
		font-size: 23px;
	}
	#find .tri_map {
		width: 47%;
	}
	#rubbers .respond {
		height: 149px !important;
	}
}

.name_photo {
	color: #000;
	text-align: center;
	font-size: 18px;
	padding: 10px;
}

.name_photo a:focus, a:hover {
    color: #000;
    text-decoration: none;
}