﻿html{
	height:100%;
	width:100%;
	max-width:100%;
	margin-left:auto;
    margin-right:auto;
	background: white;
	line-height: 1;
font-family: "MyriadProBold";	
}

ul, menu, dir {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}

#sb-wrapper{
z-index: 9015;	
}

#sb-counter{
display: none;	
}
#sb-overlay{
z-index: 9010;	
}

.secondfooterbox{	
}

.footercentered{
border-top: 1px solid #dfdfdf;
font-family: "MyriadProCond";	
width: 1200px;
margin-left: auto;
margin-right: auto;
max-width: 100%;
padding-top: 15px;
padding-bottom: 15px;
color: #5b5b5b;
font-size: 14px;	
}

.boxformenumobile{
display: none;
height: 60px;
overflow: hidden;	
}

.halfcontacts{
width: calc(33% - 30px);
float: left;
padding: 15px;
font-size: 18px;
}

.cat-item a{
text-decoration: none;
color: #24cb9e;
	
}



.cat-item{
padding: 10px;	
}

.cat-item-none{
display: none;	
}

li {list-style-type: none;}

.titlejust{
width: 100%;
text-align: center;
font-size: 30px;	
}

#menufooter a{
text-decoration: none;
color: #5e7485;	
}

.boxformenu .menu-item a{
text-decoration: none;
color: #2d3134;	
}

#menutop li{
transition: 0.5s;	
font-family: "FrizQuadrataBoldBT";	
padding: 30px;
font-size: 20px;
color: #2d3134;
float: left;
border-left: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
}

#menutop li:hover{
transition: 0.5s;
background: #2d3134;
color: white;
cursor: pointer;
}

#menutop li:hover a{
color: white;	
}

.boxformenu .current-menu-item{
background: #2d3134;
}

.boxformenu .current-menu-item li a{
color: white;
}

.boxformenu .current-menu-item a{
color: white;
}

.page-numbers{
padding: 7px;
background: #24cb9e;
border: 1px solid #24cb9e;
color: white;
text-decoration: none;
}

.current{
background: white;
border: 1px solid #24cb9e;
color: 	#24cb9e;
}

.screen-reader-text{
display: none;	
}

.nav-links{
text-align: center;	
}

.clear {
margin: 0;
height: 1px;
border: none;
clear:both;
overflow:hidden;
max-width: 100%;
}

.headbox{
height: 137px;
width: 100%;
background: url(images/bghead.jpg);	
}

.headboxright{
width: 645px;
height: 155px;
background: #24cb9e;
float: right;
margin-top: -137px;
position: relative;	
}

.ugoltop{
width: 0;
height: 0;
border-style: solid;
float: left;
border-width: 0 155px 155px 0;
border-color: transparent #24cb9e transparent transparent;
margin-left: -155px;	
}

.boxrightbottomtop{
width: 365px;
height: 60px;
position: absolute;
right: 0;
bottom: 0;	
}

.boxrightbottomtoptop{
width: 365px;
height: 30px;
background: #30d6a5;
margin-left: auto;
}

.trianglerightop{
width: 0;
height: 0;
border-style: solid;
border-width: 0 30px 30px 0;
margin-left: -30px;
border-color: transparent #30d6a5 transparent transparent;	
}

.boxrightbottomtopbottom{
width: 335px;
height: 30px;
background: #3be0ab;
margin-left: auto;
}

.trianglerighbottom{
width: 0;
height: 0;
border-style: solid;
border-width: 0 30px 30px 0;
margin-left: -30px;
border-color: transparent #3be0ab transparent transparent;	
}

.contentright{
font-family: "FrizQuadrataBoldBT";
font-size: 18px;
color: white;
width: 240px;
padding-top: 10px;
padding-left: 10px;	
}

.contenttopbox{
font-family: "MyriadProBold";
font-style: italic;	
width: 1200px;
font-size: 60px;
color: white;
max-width: 100%;
margin-left:auto;
margin-right:auto;	
}

.contenttop{
font-family: "MyriadProBold";
font-style: italic;
float: left;
padding-top: 30px;
font-size: 60px;
color: white;	
}

.boxmenu{
margin-top: 40px;
width: 100%;
border-top: 1px solid #e0e0e0;	
}

.boxformenu{
position: relative;
overflow:hidden;
}


.boxformenu ul {
list-style:none;
margin:0;
padding:0;
position: relative;
left:50%;
float:left;
}

.boxformenu ul li {
position:relative;
left:-50%;
float:left;
}

.boxformenu ul li a {
display:block;
}

.menupuncts{
transition: 0.5s;	
font-family: "FrizQuadrataBoldBT";	
padding: 30px;
font-size: 20px;
color: #2d3134;
float: left;
border-left: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
}

.menupuncts:hover{
transition: 0.5s;
background: #2d3134;
color: white;
cursor: pointer;
}

.item{
width: 1920px;
height: 560px;
max-width: 100%;	
}

.slider{
transition: 1s;	
border-top: 30px solid #f2f2f2;
opacity: 0;	
}

.line{
border-top: 30px solid #f2f2f2;
margin-bottom: 30px;	
}

.boxcontent{
width: 1200px;
max-width: 100%;
margin-left:auto;
margin-right:auto;	
}

.slider1{
margin-top: 20px;	
width: 1200px;
max-width: 100%;
margin-left:auto;
margin-right:auto;	
}

.prevslide{
transition: 0.3s;	
float: left;
opacity: 0.8;	
}

.prevslide:hover{
transition: 0.3s;
cursor: pointer;
opacity: 1;	
}

.nextslide{
transition: 0.3s;	
float: right;
opacity: 0.8;	
}

.nextslide:hover{
transition: 0.3s;
cursor: pointer;
opacity: 1;	
}

.owl-buttons{
margin-top: -350px;
padding-bottom: 350px;
}

.boxtextunderslider{
background: #f2f2f2;
border-top: 1px solid #24cb9e;
border-bottom: 1px solid #24cb9e;
}

.textunderslider{
font-family: "FrizQuadrataBoldBT";	
padding-top: 70px;
padding-bottom: 70px;
width: 1200px;
max-width: 100%;
margin-left:auto;
margin-right:auto;
color: #24cb9e;
font-size: 36px;
text-align: center;	
}

.boxcatalog{
width: 1200px;
margin-left: auto;
margin-right: auto;
max-width: 100%;	
}

.boxpunctscatalog{
width: 300px;
float: left;
padding-bottom: 20px;	
}

.boxtovar{
width: 900px;
float: left;	
}

.onetovar{
transition: 0.5s;	
float: left;
width: 248px;
margin: 15px;
padding: 10px;
border: 1px solid #d1d1d1;
	
}

.onetovar:hover{
transition: 0.5s;
cursor: pointer;
opacity: 0.8;
}

.texttovargrey{
font-size: 18px;
font-family: "MyriadProBold";
width: calc(100% - 20px);
padding: 10px;
color: #c6c6c6;	
}

.texttovarblack{
font-size: 22px;
font-family: "MyriadProBold";
width: calc(100% - 20px);
padding: 10px;
padding-top: 0px;
color: #2d3134;	
}

.logopunct{
transition: 0.5s;
padding-top: 10px;
width: 45px;
height: 25px;
padding-right: 10px;
float: left;
opacity: 0;	
}

.logopunct1{
transition: 0.5s;	
padding-top: 10px;
padding-right: 10px;
width: 45px;
height: 25px;
margin-left: -55px;
float: left;	
opacity: 1;
}

.puncttext{
transition: 0.5s;		
font-family: "MyriadProRegular";	
font-size: 22px;
color: #24cb9e;
text-align: center;	
}

.onepuncttovar{
transition: 0.5s;		
background: white;	
margin-top: 15px;
padding: 10px;
border: 1px solid #d1d1d1;
width: calc(100% - 22px);	
}

.onepuncttovar:hover{
transition: 0.5s;	
background: #24cb9e;
cursor: pointer;
}

.onepuncttovar:hover .puncttext{
transition: 0.5s;	
color: white;
}

.onepuncttovar:hover .logopunct{
transition: 0.5s;	
opacity: 1;
}

.onepuncttovar:hover .logopunct1{
transition: 0.5s;	
opacity: 0;
}


.linepostach{
width: 100%;
padding-top: 15px;
padding-bottom: 15px;
background: #f2f2f2;	
}

.titlepostach{
font-family: "FrizQuadrataBoldBT";	
width: 1200px;
color: #2d3134;
margin-left: auto;
margin-right: auto;
max-width: 100%;
font-size: 35px;	
}

.footerbox{
	border-top: 1px solid #dfdfdf;
margin-top: 30px;
width: 1200px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 50px;
padding-bottom: 50px;	
}

.titlefooter{
font-size: 22px;
color: #5e7485;
font-family: "FrizQuadrataBoldBT";		
}

.textmenufooter{
padding-top: 15px;	
font-size: 18px;
color: #89959d;
font-family: "MyriadProRegular";	
}

.textcontaktsfooter{
padding-top: 15px;	
font-size: 18px;
color: #5e7485;
font-family: "FrizQuadrataBoldBT";	
}

.boxpodpisfooter{
width: 580px;
padding-left: 20px;
float: left;	
}

.enter{
width: 100%;
height: 20px;	
}

.inputpodpis{
width: 323px;
padding: 13px;
float: left;
font-size: 16px;
border: 1px solid #e0e7ed;
color: #5e7485;
font-family: "MyriadProRegular";
}

.inputсcontacts{
width: 100%;
padding: 13px;
float: left;
font-size: 16px;
border: 1px solid #e0e7ed;
color: #5e7485;
font-family: "MyriadProRegular";
margin-bottom: 20px;
}

.boxcaphca{
width: 302px;
height: 76px;
float: left;	
}

.oshibka{
font-size: 18px;
padding-top: 10px;
padding-bottom: 10px;
color: #ff4949;
text-align: center;	
}

.textarea{
width: 100%;
padding: 13px;
font-size: 16px;
height: 100px;
border: 1px solid #e0e7ed;
color: #5e7485;
font-family: "MyriadProRegular";
margin-bottom: 20px;
}

.buttonpodpis{
transition: 0.5s;	
padding: 13px;
width: 128px;
float: left;
background: #5e7485;
border: 1px solid #5e7485;
color: white;
font-size: 16px;
font-family: "MyriadProRegular";
text-align: center;	
}

.buttonpodpis:hover{
transition: 0.5s;
cursor: pointer;
background: white;
color: #5e7485;	
}

.buttoncontacts{
transition: 0.5s;
margin-top: 20px;	
padding: 15px;
width: 128px;
background: #5e7485;
border: 1px solid #5e7485;
color: white;
font-size: 16px;
font-family: "MyriadProRegular";
text-align: center;	
}

.buttoncontacts:hover{
transition: 0.5s;
cursor: pointer;
background: white;
color: #5e7485;	
}

.boxmenufooter{
width: 300px;
float: left;	
}


li{ margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
:focus { outline:0; }
ol,ul { list-style:none; }}

#container {
	width:6px;
	padding:10px;
	margin:0 auto;
	position:relative;
	z-index:0;
	width:600px;
	max-width: 100%;
	float: left;
}

#products_example {
	width:600px;
	position:relative;
	max-width: 100%;
}

#products {
}

.imagesgallery{
width: 440px;	
}

#products .next,#products .prev {
	position:absolute;
	top:127px;
	left:0;
	width:21px;
	height:0;
	padding-top:21px;
	overflow:hidden;
	display:block;
	z-index:101;
}


#products .slides_container {
	width:450px;
	height:450px;
	max-width: 100%;
	overflow:hidden;
	float:left;
	position:relative;
	border:1px solid #dfdfdf;
}

#products .pagination {
	width:120px;
	margin-right: 10px;
	padding:5px 5px;
	float:left;
	margin-left:30px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding-top: 0px;
	margin-top: 0px;
	margin-left: 0px;
}

#products .pagination li {
	float:left;
	margin-bottom:4px;
}

#products .pagination li a {
	display:block;
	width:100px;
	height:100px;
	margin:1px;
	float:left;
	background:white;
	border:1px solid #dfdfdf;
}

#products .pagination li.current a {
	border:1px solid #24cb9e;
	width:97px;
	height:98px;
	
}

.boxcontenttovar{
width: 470px;
padding-left: 15px;
padding-right: 15px;
float: left;	
}

.titletovar{
width: 100%;
font-size: 30px;
color: #2d3134;
text-align: center;
font-family: "MyriadProRegular";
padding-bottom: 20px;	
}

.costtovar{
width: 50%;
text-align: center;
float: left;
font-size: 40px;
color: #3ce0ab;
font-family: "MyriadProBold";	
}

.idtovar{
width: 50%;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
float: left;
font-size: 20px;
font-family: "MyriadProBold";	
}

.linetovar{
margin-top: 20px;
margin-bottom: 20px;
width: 100%;
height: 1px;
background: #ebecec;	
}

.opisanietovara{
font-size: 18px;
color: #99a4ab;
font-family: "MyriadProRegular";
width: 100%;	
}

.opisanietovara2{
font-size: 18px;
font-family: "MyriadProRegular";
width: 100%;	
}

.buttonzakazat{
transition: 0.5s;	
margin-top: 30px;
width: 270px;
padding: 15px;
font-size: 25px;
text-align: center;
color: white;
border: 1px solid #3ce0ab;
background: #3ce0ab;
font-family: "FrizQuadrataBoldBT";
}

.buttonzakazat:hover{
transition: 0.5s;
cursor: pointer;
color: #3ce0ab;
border: 1px solid #3ce0ab;
background: white;
}

.morecatalog{
transition: 0.5s;
width: 240px;
padding: 15px;
margin-left: 15px;
margin-bottom: 15px;
font-size: 25px;
text-align: center;
color: white;
border: 1px solid #3ce0ab;
background: #3ce0ab;
font-family: "FrizQuadrataBoldBT";
}

.morecatalog:hover{
transition: 0.5s;
cursor: pointer;
color: #3ce0ab;
border: 1px solid #3ce0ab;
background: white;
}

.boxformenumobile li{
width: 100%;
padding-top: 15px;
padding-bottom: 15px;
font-size: 18px;
text-align: center;	
}

.boxformenumobile li a{
color: #2d3134;
text-decoration: none;
}

.openmenu{
height: 60px;
width: 60px;
margin-left: auto;
background: url(images/menuopen.png)	
}

.closemenu{
height: 60px;
width: 60px;
margin-left: auto;
background: url(images/crestic.png)	
}

#menu-item-61 a{
color: #ee3131;	
}


@media (min-width: 1000px) and (max-width: 1200px) {

.boxcontenttovar{
width: 100%;
padding-top: 20px;	
}

#container{
width: 600px;
margin-left: calc(50% - 300px);	
}

.boxformenu{
display: none;	
}

.boxformenumobile{
display: block;
	
}

.boxpodpisfooter{
width: 580px;
padding-left: 20px;
float: none;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
text-align: center;	
}

.boxmenufooter{
float: none;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
text-align: center;		
}

.inputpodpis{
float: none;
margin-left: auto;
margin-right: auto;	
}


.buttonpodpis{
float: none;
width: 323px;
margin-left: auto;
margin-right: auto;
margin-left: -4px;	
}	

.titlepostach{
text-align: center;	
}
	
.headboxright{
margin-top: 0px;
float: none;
margin-left: auto;
}

.boxtovar{
width: 600px;	
}

.boxcatalog{
width: 900px;	
}



.boxformenu .menu-item a {
    text-decoration: none;
    color: #2d3134;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}

}
@media (min-width: 800px) and (max-width: 1000px) {

.boxcontenttovar{
width: 100%;
padding-top: 20px;	
}

#container{
width: 600px;
margin-left: calc(50% - 300px);	
}

.halfcontacts{
width: calc(50% - 30px);
}

.ugoltop{
display: none;	
}

.contentright {
    font-family: "FrizQuadrataBoldBT";
    font-size: 18px;
    color: white;
    width: 100%;
	text-align: center;
    padding-top: 10px;
    padding-left: 0px;
}

.headboxright{
margin-top: 0px;
float: none;
margin-left: auto;
width: 100%;
height: auto;
padding-bottom: 20px;
}

.boxrightbottomtop{
display: none;	
}


.boxpodpisfooter{
width: 580px;
padding-left: 20px;
float: none;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
text-align: center;	
}

.boxmenufooter{
float: none;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
text-align: center;		
}

.inputpodpis{
float: none;
margin-left: auto;
margin-right: auto;	
}


.buttonpodpis{
float: none;
width: 323px;
margin-left: auto;
margin-right: auto;
margin-left: -4px;	
}	

.boxformenu{
display: none;	
}

.boxformenumobile{
display: block;
	
}


.titlepostach{
text-align: center;	
}

.boxtovar{
width: 300px;	
}

.boxcatalog{
width: 600px;	
}

}

@media (min-width: 600px) and (max-width: 800px) {

.boxcontenttovar{
width: 100%;
padding-top: 20px;	
}

#container{
width: 600px;
margin-left: calc(50% - 300px);
overflow: hidden;	
}

.halfcontacts{
width: calc(50% - 30px);
overflow: hidden;
}

.ugoltop{
display: none;	
}

.contentright {
    font-family: "FrizQuadrataBoldBT";
    font-size: 18px;
    color: white;
    width: 100%;
	text-align: center;
    padding-top: 10px;
    padding-left: 0px;
}

.headboxright{
margin-top: 0px;
float: none;
margin-left: auto;
width: 100%;
height: auto;
padding-bottom: 20px;	
}

.boxrightbottomtop{
display: none;	
}

.boxpodpisfooter{
width: 580px;
padding-left: 20px;
float: none;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
text-align: center;	
}

.boxmenufooter{
float: none;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
text-align: center;		
}

.inputpodpis{
float: none;
margin-left: auto;
margin-right: auto;	
}


.buttonpodpis{
float: none;
width: 323px;
margin-left: auto;
margin-right: auto;
margin-left: -4px;	
}	

.boxformenu{
display: none;	
}

.boxformenumobile{
display: block;	
}


.titlepostach{
text-align: center;	
}

.boxtovar{
width: 300px;	
}

.boxcatalog{
width: 600px;	
}

}

@media (min-width: 400px) and (max-width: 600px) {

#container{
width: 100%;	
}

#products .pagination{
width: 100%;
padding-left: 0px;
padding-right: 0px;
float: none;
height: auto;	
}

#products .slides_container{
width: calc(100% - 2px);
max-width: 100%;
float: none;	
}

#products_example {
width: 100%;
}

.boxcontenttovar{
width: calc(100% - 30px);
float: none;
padding-top: 20px;	
}

.halfcontacts{
width: calc(100% - 30px);
float: none;

}

.ugoltop{
display: none;	
}

.contentright {
    font-family: "FrizQuadrataBoldBT";
    font-size: 18px;
    color: white;
    width: 100%;
	text-align: center;
    padding-top: 10px;
    padding-left: 0px;
}

.headboxright{
margin-top: 0px;
float: none;
margin-left: auto;
width: 100%;
height: auto;
padding-bottom: 20px;	
}

.boxrightbottomtop{
display: none;	
}

.boxpodpisfooter{
width: 100%;
padding-left: 0px;
float: none;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
text-align: center;	
}

.boxmenufooter{
float: none;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
text-align: center;		
}

.inputpodpis{
float: none;
margin-left: auto;
margin-right: auto;
width: calc(100% - 26px);	
}


.buttonpodpis{
float: none;
width: calc(100% - 26px);

margin-left: auto;
margin-right: auto;
margin-left: -4px;	
}	

.boxformenu{
display: none;	
}

.boxformenumobile{
display: block;	
}

.titlepostach{
text-align: center;	
}

.boxtovar{
width: 300px;	
}

.boxcatalog{
width: 300px;	
}

.contenttop{
padding-top: 40px;
font-size: 40px;
}

}


@media (min-width: 300px) and (max-width: 400px) {

.contenttop{
padding-top: 40px;
font-size: 40px;
}

.imagesgallery{
width: 300px;	
}

#container{
width: 100%;	
}

#products .pagination{
width: 100%;
padding-left: 0px;
padding-right: 0px;
float: none;
height: auto;	
}

#products .slides_container{
width: calc(100% - 2px);
max-width: 100%;
float: none;	
}

#products_example {
width: 100%;
}

.boxcontenttovar{
width: calc(100% - 30px);
float: none;
padding-top: 20px;	
}

.halfcontacts{
width: calc(100% - 30px);
float: none;

}

.ugoltop{
display: none;	
}

.contentright {
    font-family: "FrizQuadrataBoldBT";
    font-size: 18px;
    color: white;
    width: 100%;
	text-align: center;
    padding-top: 10px;
    padding-left: 0px;
}

.headboxright{
margin-top: 0px;
float: none;
margin-left: auto;
width: 100%;
height: auto;
padding-bottom: 20px;	
}

.boxrightbottomtop{
display: none;	
}

.boxpodpisfooter{
width: 100%;
padding-left: 0px;
float: none;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
text-align: center;	
}

.boxmenufooter{
float: none;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
text-align: center;		
}

.inputpodpis{
float: none;
margin-left: auto;
margin-right: auto;
width: calc(100% - 26px);	
}


.buttonpodpis{
float: none;
width: calc(100% - 26px);

margin-left: auto;
margin-right: auto;
margin-left: -4px;	
}	

.boxformenu{
display: none;	
}

.boxformenumobile{
display: block;	
}

.titlepostach{
text-align: center;	
}

.boxtovar{
width: 300px;	
}

.boxcatalog{
width: 300px;	
}

}
