html, body{background:#f3f3f3; font-family:'Tahoma','Open Sans',sans-serif; line-height:1.8; font-size:14px;margin:0;padding:0;}
body {
	background:url(images/bg_right.png) right 30px no-repeat, 
						 url(images/bg_left.png) left 100px no-repeat;
}
img {max-width:100%;}
a {text-decoration:none;}
a:focus{outline:none; outline-offset:0;}
h1{margin-top:15px;}

.container {max-width:1088px; margin:0 auto;clear:both;overflow:hidden;}

p{margin: 5px 0;}

h1,h2{text-align:center;font-size:30px;font-family:Roboto;font-weight: lighter;}

.top {background:#fefefe;box-shadow: 0px -5px 15px 0px grey;position:fixed;width:100%;top:0px;z-index:1000;height:61px;}
.logo{
	float:left;
	height: 42px;
  width: 41px;
  text-align: center;
  border-bottom: 3px solid #ef9128;
	margin-top:16px;
}
.logo:hover {
	border-bottom:3px solid #ef9128 !important;
}

.nav {margin-top:14px;padding-left:0;}
.nav li {
	float:left;
	list-style:none;
	margin-left:35px;
	height:44px;
	padding:0 5px;
}
.nav li:first-child {
	margin-left:22px;
}
.nav li.active, .nav li:hover {
	border-bottom:3px solid #ef9128;
}
.nav li a {
	text-decoration:none;
	color:black;
	font-size:16px;
}
.nav-button {display:none;}

.top .phone {
	float:right;
	padding-left:30px;
	background:url(images/phone.png) left center no-repeat;
	text-decoration:none;
	margin-top:-8px;
}
.top .phone a {
	font-size:16px;
	color:black;
	line-height:16px;
}
.top .time {
  float: right;
  margin-right: 75px;
  padding-left: 40px;
  color: #505050;
  line-height: 14px;
  margin-top: 2px;
	background:url(images/time.png) left center no-repeat;
}

@media (max-width:1106px) {
	.nav li {margin-left:10px;}
	.container {margin:0 12px;}
}
@media (max-width:1024px) {
	.our_work{display:none;}
	.top .time {margin-right:15px;}
}
@media (max-width:848px) {
	.logo {display:none;}
	.nav-button {
		display:block;
		float:left;
		margin-top:19px;
	}
	.nav li {
	  padding:11px 20px;
		float:none;
		margin:0;
		height:28px;
	}
	.nav li.active {border:none;background:#eaeaea;}
	.nav {
		position:absolute;
		background:#f9f6f4;
		width: 90%;
    top: 33px;
    padding:0;
    display:none;
    z-index:10;
  }
  .nav.active {display:block;}
  .nav li:hover {
   	background:#eaeaea;
   	border:none;
  }
  .nav li a {
  	display:block;
  	width:100%;
  }
	.top .phone {
		margin-top:6px;
	}
	.top .time {
		margin-top:15px;
	}
}
@media (max-width:768px) {
	body {background:none;}
}
@media (max-width:455px) {
	.top .phone {margin-top:5px;padding-left:20px;}
	.top .time {font-size:11px;padding-left:33px;margin-right:9px;}
}

.banner {
	background:url(images/vstuplenie.jpg) center center no-repeat;
	text-align:center;
	background-size:cover;
	height: 429px;
	max-width:1920px;
}
@media (max-width:1024px) {
	.banner {height:400px;}
}
@media (max-width:768px) {
	.banner {height:300px;}
}
@media (max-width:521px) {
	.banner {height:200px;}
}
@media (max-width:368px) {
	.top .time {display:none;}
}


.main {min-height:800px;margin-top:61px;}
.Wallop-item {
	overflow:hidden;
	padding-top:20px;
	list-style:none;
}
.Wallop1 .Wallop-item {padding-top:75px;}
.Wallop1 img {
	float:left;
}
.Wallop img {max-width:100%;}
.Wallop-item h3 {
	font-family:Roboto;
	font-size:30px;
	font-weight:lighter;
}
.Wallop1 div {
	padding-right:50px;
}
.Wallop-buttonPrevious, .Wallop-buttonNext{
	position:absolute;
	top:325px;
	height:48px;
	width:27px;
	cursor:pointer;
	border:none;
	background:none;
	opacity:0.5;
}
.Wallop-buttonPrevious:hover, .Wallop-buttonNext:hover{
	opacity:1;	
}
.Wallop-buttonPrevious:focus, .Wallop-buttonNext:focus{
	outline:none;	
}
.Wallop-buttonPrevious{
	background:url(images/left.png) center no-repeat;
	left:0;
}
.Wallop-buttonNext{
	background:url(images/right.png) center no-repeat;
	right:0;
}

.Wallop2 .Wallop-item{
  overflow: visible;
  height: 592px;
	text-align:center;
}
.Wallop-item--current a {
	width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}

.our_work {position:relative;}
.gray_line {
	position: absolute;
  top: 200px;
  height: 360px;
  width:100%;
  background: #dfdfdf;
}
.gray_line div {
	width:800px;
	height:100%;
	margin:auto;
	box-shadow:0px 100px 100px 0px grey;
}
.ourwork {width:100%;height:500px;}
.otzyv {
	position: absolute;
  background: url(images/otzyv.png) top no-repeat;
  width: 60%;
  padding: 55px;
  line-height: 1.5em;
  color: white;
  bottom: -14px;
  right: -40px;
  text-align:left;
  display:none;
	z-index:1;
}
.slick-current .otzyv {
	display:block;
}
.slick-current>img {
	position:relative;
	width:160% !important;
	left:-30%;
  top: -65px;
  z-index: 1;
}
.otzyv_name img {
	border-radius:30px;
	width:initial !important;
}
.otzyv_name span {
  position: relative;
  top: -37px;
  left:65px;
}
.flamp {
	color:#acabab;
	text-decoration:none;
	position:absolute;
	bottom:-40px;
  left: 50%;
  margin-left: -400px;
}
.flamp span {
	display:inline-block;
	width:96px;
	height:30px;
	background:url(images/flamp.png) top no-repeat;
	position:relative;
	top:6px;
}
.flamp:hover span {
	background-position:bottom;
}

.whywe h2 {
	font-size:30px;
	font-family:Roboto;
	color:#202020;
	text-align:center;
}
.whywe .container div {
	width:244px;
	height:317px;
	float:left;
	margin-left:28px;
	margin-top:28px;
	padding:50px;
}
@media (min-width:1106px) {
.whywe .container div:first-child {margin-left:0;}
}
@media (max-width:768px) {
.whywe .container div {
	float:none;
	margin:28px auto 0;
}
}
.whywe h4 {
	color:#252525;
	font-size:26px;
	font-family:Roboto;
	font-weight:bold;
	margin: 0;
  height: 140px;
  line-height:30px;
}
.why1 {
	background:url(images/why1.png) top;
}
.why2 {
	background:url(images/why2.png) top;
}
.why3 {
	background:url(images/why3.png) top;
}
.whywe .container div:hover {
	color:white;	
	background-position:bottom;
}
.whywe .container div:hover h4 {
	color:white;	
}

.actions, .articles {
	padding-top:30px;
	font-family:Roboto;
	font-weight:lighter;
	text-align:center;
	margin-bottom:40px;
  overflow: hidden;
  padding-bottom: 5px;
}	
.action, .article, .category {
	width:47%;
	float:left;
	margin-right:2%;
	margin-left:1%;
	background:white;
	height:185px;
	margin-bottom:20px;
	position:relative;
	min-width:420px;
}
.category {
	height:146px;
	min-width:511px;
}
.category img {
	margin-left:26px;
}
.category-name {
	height:146px;
	width:260px;
	float:right;
}
.category-name a{
	font-size:24px;
	color:#212121;
	height:146px;
	width:260px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
@media (min-width:912px) {
.action:nth-child(odd){
	margin-right:1%;
	margin-left:2%;
}
}
@media (max-width:911px) {
	.action {
		width:98%;
		float:none;
	}
}
.action:hover, .article:hover, .category:hover {box-shadow: 0px 0px 12px 0px lightgrey;}
.action .persent {
	float:left;
	width:29%;
	background:linear-gradient(to top, #7e492a, #c27228);
	color:white;
	font-size:35px;
	text-align:center;
	height:100%;
}
.action .desc {
	font-size:20px;
	color:#343434;
	padding:43px 0 0 6%;
	float:left;
	width:61%;
	text-align:left;
}
.action_limit {
	color:#aaaaaa;
	font-size:14px;
}
.actions .showall {
  display: inline-block;
  padding: 22px 110px;
  color: #8c8c8c;
  margin-top: 20px;
  background: white;
  text-decoration: none;
}
.actions .showall:hover {box-shadow: 0px 0px 3px 1px lightgrey;}

.article_image {
	max-height:185px;
	float:left;
	margin-right:30px;
}
.article .desc {
	font-size:20px;
	color:#343434;
	padding:20px 5%;
	text-align:left;
}
.article_date {
	color:#aaaaaa;
	font-size:14px;
	margin-top:20px;
}
.article_link {
	position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.article_header {
	position:relative;
	height:150px;
	overflow:hidden;
}
.article_header h1 {
	font-size:20px;
	color:#343434;
	margin-top:40px;
}
.article_header .article_date {
	text-align: center;
  margin: 0;
}
.article_content {
	color:#050505;
	padding:60px 65px;
}
.back {
	padding:10px 25px 10px 45px;
	background:white url(images/back.png) 20px center no-repeat;
	text-decoration:none;
	color:#8a8a8a;
	position:absolute;
	left:0;
	top:60px;
}

.zakazat {
	height:659px;
	color:white;
	background:url(images/zakaz.jpg) center bottom no-repeat;
}
.zakazat h2 {
	padding:40px 0 0;
	margin:0;
}
.zakazat .container {padding-top:40px;}
.zakazat .container>div {
	float:left;
	width:251px;
	margin-left:28px;
	position:relative;
  background:url(images/step.png);
	height:371px;
}
@media (max-width:1106px) {
.zakazat .container>div {
	display:none;
}	
.zakazat {height:175px;}
}
.zakazat .container>div:first-child {
	margin-left:0;
}
.zakazat .container>div:hover {
	color:#242424;
	background:white;
}
.zakazat .step {
	position: absolute;
  font-size: 64px;
  top: -58px;
  left: 41px;
  font-family: Roboto;
  font-weight: bold;
  color:#f0f0f0 !important;
}
.zakazat .container>div p {
	padding: 25px 55px;
  margin: 0;
  text-align:center;
}

.col {
	width:45%;
	float:left;
	min-width:400px;
}
.col:last-child {
	float:right;
}
@media (max-width:816px) {
	.col {width:400px;float:none !important;margin:0 auto 20px auto;}
}

.contacts {
	background:#1a1a18;
	overflow:hidden;
	font-size:24px;
	color:#c4c4c4;
	font-family:Roboto;
	font-weight:lighter;
	padding-top:50px;
}
.contacts .phone {
	padding-left:82px;
	background:url(images/phone2.png) left 10px no-repeat;
	margin-bottom:20px;
}
.contacts .mail {
	padding-left:82px;
	background:url(images/mail2.png) left 10px no-repeat;
}
.contacts a {
	color:white;
	font-size:40px;
	text-decoration:none;
}
.request {
	max-width:465px;
	border:3px solid #995123;
	padding:35px 43px;
	color:#c06a2c;
	margin-bottom:87px;
}
.request input[type=text] {
	width:100%;
	background:black;
	color:#7b7b7b;
	font-size:16px;
	border:1px solid #2d2c2a;
	padding:20px 22px;
	box-sizing: border-box;
	margin-top:13px;
}
.request input[type=submit] {
	background:#995123;
	padding:19px 54px;
	color:white;
	font-size:16px;
	cursor:pointer;
	margin-top:30px;
	border:none;
}
.request input[type=submit]:hover {
	background:#a7642b;
}
.contacts.page {
	background:url(images/contacts.jpg) center no-repeat;
	color:white;
	font-size:16px;
}
.contacts.page a{
	font-size:24px;
}
@media (max-width:828px) {
	.contacts.page {background:#9E4C14;}
}
.contacts.page .phone {
	background:url(images/phone3.png) left 10px no-repeat;
}
.contacts.page .mail {
	background:url(images/mail3.png) left 10px no-repeat;
}
.page .request {
	border:3px solid white;
	color:white;
}
.page .request input[type=text] {
	background:black;
	color:#d49b65;
	border:1px solid #a05d26;
	opacity:0.8;
}
.page .request input[type=submit] {
	background:white;
	color:#8d5220;
	border:none;
}
.page .request input[type=submit]:hover {
	background:white;
}

.footer {
	background:#050505;
	overflow:hidden;
	color:#878787;
	padding:15px;
}
.copyright {float:left;}
.social {
	text-align:right;
	padding-top:9px;
	float:right;
}
.social a {
	background:#1f1f1d;
	padding:13px;
	border-radius:30px;
	width:22px;
	height:22px;
	display:inline-block;
	text-align:center;
}
.social a:hover {
	background:#454d8e;
}

.left-menu {
	background:white;
	overflow:hidden;
	box-shadow: 0px -5px 15px 0px grey;
}
.left-menu ul{
	list-style:none;
	padding:0;
}
.left-menu>div>ul {
	float:none;
}
.left-menu li li {
	height:43px;
	padding: 0 20px;
	float:left;
}
.left-menu>div>ul>li {
	width:100%;
}
.left-menu>div>ul>li>a {
	padding-left:22px;
  font-size:16px;
  float:left;
  font-family:Roboto;
  color:#474747;
}
.left-menu li li:hover, .left-menu li li.active {
	background: #fefefe;
}
.left-menu li li:hover a, .left-menu li li.active a{
	border-bottom: 3px solid #ef9128;
}
.left-menu a {
	text-decoration:none;
	color:black;
	padding:0 5px 14px;
}
.left-menu li li a {
	color:#474747;
	padding-bottom:19px;
}
.left-menu>div>ul>li.active>a{color:#bdbcbc;font-weight:lighter;display:none;}
.product-list {
	overflow:hidden;
	padding-top:60px;
	margin-bottom:-20px;
}
.product {
	float:left;
	margin:0 29px 35px 28px;
	text-align:center;
}
.product img {
	width:160px;
	display:block;
	margin-bottom:10px;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	-webkit-transition: all 1s ease-out;
	transition: all 1s ease-out;
}
.product img:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.product a {
	text-decoration:none;
	color:#1f1f1f;
}
.catalog h1 {
	text-align:left;
	color:#242424;
}
.catalog {
	color:#525252;
}
.catalog_content {padding:30px;}
.address {
	padding-left:93px;
	background:url(images/address.png) 33px 21px no-repeat;
	color:white;
	font-family:Roboto;
	font-weight:lighter;
	font-size:24px;
  padding-top: 23px;
  margin-bottom: 15px;
}
.address div {
	font-size:40px;
}
.triangle {
	border: 20px solid transparent;	
	border-top: 20px solid #050505;
  position: absolute;
  z-index: 1;
  left: 50%;
  margin-left: -20px;
}
.triangle-main {
  left: 50%;
  margin-left: -27px;
  height:18px;
  background:url(images/triangle.png) center no-repeat;
  width:55px;
  position:relative;
}

.partners h1 {
	margin-top:40px;
}
.partners h2 {
	font-size:24px;
	margin-bottom:40px;
}
.partner {
	float:left;
	width:250px;
	margin-left:29px;
	background:white;
	color:#242424;
	font-size:18px;
	font-family:Roboto;
}
@media (max-width:1106px) {
	.partner {margin-left:29px !important;margin-bottom:29px;}
}
.partner:hover {
	background:#9f5e2c;
	color:white;
}
.partner div {
	padding:30px;
	height:60px;
	line-height:22px;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
}
.partner img {width:250px;}
.plushki {
	min-height:450px;
	background: url(images/plushki.jpg) center bottom no-repeat;
	text-align:center;
	margin-top:70px;
	padding-bottom:20px;
}
@media (max-width:1106px) {
  .plushki {
		background:#B15119;
	}
}
.triangle.plushkin {
	border: 50px solid transparent;	
	border-top: 50px solid #B15119;
  position: absolute;
  z-index: 1;
  left: 50%;
  margin-left: -50px;
}
.plushki h3 {
	color:white;
	font-family:Roboto;
	font-weight:lighter;
	font-size:24px;
	background:url(images/line.png) center center no-repeat;
}
.plushka {
	background:url(images/plushka.png) center top no-repeat;
  display: inline-block;
  text-align: center;
  width: 350px;
  height: 150px;
  color:white;
  font-family:Roboto;
  font-weight:lighter;
  font-size:18px;
  overflow:hidden;
  line-height:30px;
}
.plushka h4 {
	font-size:30px;
	font-family:Roboto;
	margin:30px 0 0 0;
}
.contacts.partners {
	background:transparent url(images/delimeter.png) 51% bottom no-repeat;
	color:#616161;
  min-height: 275px;
  padding-top: 80px;
}
.contacts.partners a {
	color:#2a2a2a;
}
.contacts.partners .price {
	padding-left:230px;
	background:url(images/pdf.png) left center no-repeat;
	display:block;
  min-height: 177px;
  padding-top: 50px;
}
.contacts.partners .price span {
	color:#3399e0;
	font-size:30px;
	font-family:Roboto;
	font-weight:lighter;
}
.contacts.partners .price span:hover {
	text-decoration:underline;
}
.contacts.partners .price div {
	color:#7b7b7b;
	font-size:14px;
	text-decoration:none;
}
.slider-viewport {
	width:900px;
	height:500px;
	padding-bottom:30px;
}
.slider-viewport .prev {
	position: absolute;
  top: 130px;
  left: -92px;
  font-size: 100px;
  color: gray;
  padding: 30px;
	background:#b0b0b0 url(images/left2.png) center no-repeat;
  opacity: 0.5;
}
.slider-viewport .next {
	position: absolute;
  top: 130px;
  right: -92px;
  font-size: 100px;
  color: gray;
  padding: 30px;
  background: #b0b0b0	url(images/right2.png) center no-repeat;
  opacity: 0.5;
}
.slider-viewport .next:hover, .slider-viewport .prev:hover{opacity:1;}
.slider-viewport figure {margin:0;width:900px;height:500px;}
.slider-viewport figcaption {
	background: #232323;
  color: white;
  padding: 20px;
	width: 350px;
  position: absolute;
  top: 80%;
  left: 45%;
  line-height: 20px;
}
.subcategory {
	margin: 25px 0 0 25px;
}
.subcategory form {
	display:inline;
	margin-left:20px;
}
.subcategory select {
	background:white url(images/select.gif) right center no-repeat;
	border:none;
	border-radius:15px;
	padding:7px 20px;
	color:#525252;
	min-width:200px;
	-webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none!important;
}
.subcategory select:focus, .subcategory select:active {outline:none;}