@font-face {
    font-family: 'calibrif';
    src: url('../fonts/calibri.eot');
    src: url('../fonts/calibri.eot') format('embedded-opentype'),
         url('../fonts/calibri.woff2') format('woff2'),
         url('../fonts/calibri.woff') format('woff'),
         url('../fonts/calibri.ttf') format('truetype'),
         url('../fonts/calibri.svg#calibri') format('svg');
}
@font-face {
    font-family: 'calibribf';
    src: url('../fonts/calibrib.eot');
    src: url('../fonts/calibrib.eot') format('embedded-opentype'),
         url('../fonts/calibrib.woff2') format('woff2'),
         url('../fonts/calibrib.woff') format('woff'),
         url('../fonts/calibrib.ttf') format('truetype'),
         url('../fonts/calibrib.svg#calibrib') format('svg');
	font-weight: bold;
}
@font-face {
    font-family: 'calibribif';
    src: url('../fonts/calibriz.eot');
    src: url('../fonts/calibriz.eot') format('embedded-opentype'),
         url('../fonts/calibriz.woff2') format('woff2'),
         url('../fonts/calibriz.woff') format('woff'),
         url('../fonts/calibriz.ttf') format('truetype'),
         url('../fonts/calibriz.svg#calibriz') format('svg');
   	font-weight: bold;
   	font-style: italic;
}
body{
	background: #fff;
	font: normal 16px/21px Calibri, 'calibrif', Verdana, Arial, sans-serif;
	width: 100%;
	padding: 0;
	margin: 0;
	color: #000;
	min-width: 340px;
}
.wrapper{
	width: 100%;
	background: #fff;
	padding: 0;
	margin: 0;
}
.clear{
	clear: both;
}
a{
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
    *display: inline;	color: #000;
	text-decoration: none;
	padding: 0;
	margin: 0;
}
ul{
	padding: 0;
	margin: 0;
}
li{
	padding: 0;
	margin: 0;
	list-style: none;
	display: block;
}
img{
	padding: 0;
	border: 0;
	outline: none;
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
    *display: inline;
	margin:0;
}
.header{
	width: 100%;
	max-width: 960px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 30px 10px 26px;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
}
.wrapper .tel{
	width: 160px;
	float: left;
	font-size: 20px;
	color: #999;
	padding-top: 30px;
	background: url(../images/tel.png) no-repeat center top;
	text-align: center;
}
.wrapper .mail615{
	display: none;
}
.wrapper .mail{
	width: 160px;
	float: right;
	font-size: 18px;
	color: #999;
	padding-top: 20px;
	margin: 30px 0 0;
	background: url(../images/mail.png) no-repeat center top;
	text-align: center;
}
.header .logo{
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
    *display: inline;
	text-align: center;
	padding: 0;
	margin: 0;
}
.header .logo img{
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
    *display: inline;
	width: 157px;
	height: 53px;
}
.header .logo h1{
	font-size: 30px;
	font-weight: normal;
	padding: 0;
	margin: 5px 0;
}
.main{
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.main .bg-nm{
	width: 100%;
	background: #FFF;
	overflow: hidden;
}
.main .bg-nav{
	max-width: 1960px;
	width: 100%;
	background: #464646;
	margin: 0 auto;
}
.main .bg-nm .nav{
	width: 100%;
	max-width: 960px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 10px;
	margin: 0 auto;
	text-align: justify;
    line-height: 0;
    /*font-size: 0.1;*/
}
.main .bg-nm .nav::after{
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
    *display: inline;
	content: "";
	width: 100%;
	height: 0;
}
.main .bg-nm .nav li{
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
    *display: inline;
}
.main .bg-nm .nav li a{
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
    *display: inline;
	font-size: 20px;
	line-height: 40px;
	color: #FFF;
}
.main .bg-nm .nav li a:hover{
	-webkit-text-shadow: 0px 0px 11px #FFF;
	-moz-text-shadow: 0px 0px 11px #FFF;
	-ms-text-shadow: 0px 0px 11px #FFF;
	-o-text-shadow: 0px 0px 11px #FFF;
	text-shadow: 0px 0px 11px #FFF;
}
.main .bg-nm .nav li a:active{
	-moz-transform: scale(0.98); /* Для Firefox */
    -ms-transform: scale(0.98); /* Для IE */
    -webkit-transform: scale(0.98); /* Для Safari, Chrome, iOS */
    -o-transform: scale(0.98); /* Для Opera */
    transform: scale(0.98);
}
.accordion{
	display: none !important;
}
/***************Scrin With Girl**********/
.main .bg-nm .main-info{
	width: 100%;
	max-width: 1960px;
	margin: 0 auto;
	overflow: hidden;
	padding: 112px 0 100px 0;
	height: auto;
	height: 600px;
	background: url(../images/girl.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
	z-index: 1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.main .bg-nm .main-info .main-info-box{
	max-width: 960px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 10px;
	margin: 0 auto;
	position: relative;
	z-index: 3;
}
.main .bg-nm .main-info h2{
	font-weight: bold;
	font-size: 44px;
	line-height: 60px;
	color: #FFF;
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
    *display: inline;
	padding: 0;
	margin: 0 0 30px;
}
.main .bg-nm .main-info h2 span{
	text-indent: 10px;
	background: #6d9933;
	line-height: 48px;
}
.main .bg-nm .main-info h4{	
	padding: 0;
	margin: 0;
	font-weight: normal;
	font-size: 40px;
	line-height: 46px;
	color: #FFF;
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
    *display: inline;
}
.main .bg-pph{
	overflow: hidden;
	width: 100%;
	max-width: 1960px;
	background: #464646;
	margin: 0 auto;
}
.main .block{
	padding: 47px 10px;
	margin: 0 auto 0;
	overflow: hidden;
	text-align: center;
	color: #FFF;
	max-width: 960px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.main .mainh{
	font-weight: bold;
	font-size: 30px;
	line-height: 36px;
	color: inherit;
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
    *display: inline;
	text-transform: uppercase;
	position: relative;
	padding: 0;
	margin: 0 0 42px;
}
.main .mainh::before{
	content: "";
	display: block;
	width: 60px;
	height: 5px;
	background: #FFF;
	position: absolute;
	top: -15px;
	left: 50%;
	margin: 0 0 0 -30px;
}
.plus .plus-box{
	width: 100%;
	max-width: 960px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0 -10px;
	text-align: center;
}
.plus .plus-box .box{
	width: 33.333334%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 10px;
	color: #fff;
}
.plus .plus-box .box .img{
	display: -moz-inline-stack;
	display: inline-block;
	width: 50%;
	padding: 25% 0;
	height: 0;
	margin: 0 0 35px;
	background: url(../images/bag.png) no-repeat center center, #636363;
	background-size: 60%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	min-width: 90px;
	max-width: 200px;
}
.plus .plus-box .box:nth-child(2) .img{
	background: url(../images/manytime.png) no-repeat center center, #636363;
	background-size: 60%;
}
.plus .plus-box .box:nth-child(3) .img{
	background: url(../images/protect.png) no-repeat center center, #636363;
	background-size: 50%;
}
.plus .plus-box .box p{
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
    *display: inline;
	padding: 0;
	margin: 0;
	text-align: left;
	font-size: 18px;
	line-height: 22px;
}
/**********New Block USEFULL***********/
.main .bg-useful{
	background: #FFF;
	width: 100%;
}
.main .bg-useful .useful{
	color: #464646;
}
.main .bg-useful .useful .mainh{
	color: #ff3b0a;
	margin: 0 0 15px;
}
.main .bg-useful .useful .mainh::before{
	background: #ff3b0a;
}
.main .bg-useful .useful .useful-block{
	text-align: left;
}
.main .bg-useful .useful .useful-block>div{
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.main .bg-useful .useful .useful-block h3{
	font-size: 20px;
	line-height: 26px;
	font-weight: bold;
	font-style: italic;
	color: #6d9933;
	padding: 0;
	margin: 20px 0 15px 41.666%;
	position: relative;
	z-index: 50;
	text-transform: uppercase;
}
.main .bg-useful .useful .useful-block:nth-child(3) h3{
	margin: 20px 0 15px 0;	
}
.main .bg-useful .useful .useful-block > div  div.useful-cont{
	/*overflow: hidden;*/
	position: relative;
	z-index: 20;
}
.main .bg-useful .useful .useful-block > div  div.useful-cont p{
	font-size: 18px;
	line-height: 22px;
}
.main .bg-useful .useful .useful-block > div > div.useful-cont:after{
	display: block;
	position: absolute;
	z-index: -100;
	content: "";
	width: 83.3334%;
	border: 10px solid #ebebeb;
	top: -10px;
	left: -10px;
	height: 100%;
}
.main .bg-useful .useful .useful-block:nth-child(3) > div > div.useful-cont:after{
	left: auto;
	right: -10px;
}
.main .bg-useful .useful .useful-block p{
	padding: 10px 0;
	margin: 0;
	text-align: justify;
	font-size: 16px;
}
.main .bg-useful .useful .useful-block p:first-child{
	overflow: hidden;
	min-width: 300px;
}
.main .bg-useful .useful .useful-block .img-box{
	float: left;
	width: 24.999%;
	padding: 0 8.333% 0 8.333%;	
	text-align: center;
	min-width: 140px;
	position: relative;
	z-index: 50;
}
.main .bg-useful .useful .useful-block .img-box img{
	width: auto;
	max-width: 90%;
	height: auto;

}
.main .bg-useful .useful .useful-block:nth-child(2) .img-box{
	margin: -7% 0 0;
}
.main .bg-useful .useful .useful-block:nth-child(3) .img-box{
	float: right;
	margin: -5% 0 0;
}
.main .bg-useful .useful .useful-block:nth-child(4) .img-box{
	padding: 0 4.15% 0;
	width: 41.666%;
	margin: -4.25% 0 0;
}
/*CHOISE*/
.main .bg-useful .useful .choise{
	margin: 5% 0 0;
	width: 75%;
	text-align: left;
}
.main .bg-useful .useful .choise p{
	font-size: 16px; 
	line-height: 18px;
	color: #000;
}
/**********PRICE BLOCK*****************/
.main .bg-price {
	background: #e1e1e1;
}
.main .bg-price h2.mainh{
	color: #464646;
}
.main .bg-price .block .mainh::before{
	background: #464646;
}
.main .price .price-block{
	margin: 0 -10px 30px;
	max-width: 960px;
	overflow: hidden;
}
.main .price h3.mainh-italic{
	font-size: 25px;
	line-height: 29px;
	color: #ff3300;
	font-weight: bold;
	font-style: italic;
}
.main .price .bg-price-box{
	overflow: hidden;
	float: left;
	width: 25%;		
	padding: 0 10px;
	margin-bottom: 20px;	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;  
    box-sizing: border-box;
     -webkit-transition: all ease-out 0.2s;
     -moz-transition: all ease-out 0.2s;
     -o-transition: all ease-out 0.2s;
     transition: all ease-out 0.2s;
}
.main .price .price-box{
	text-align: center;	
	background: #FFF;
	padding: 0;
	margin: 0;
}
.main .price .price-box h4{
	font-size: 22px;
	line-height: 24px;
	font-weight: normal;
	padding: 5px 10px;
	margin: 0;
	color: #FFF;
	background: #959595;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;  
    box-sizing: border-box;
}
.main .price .price-box h4 span{
	text-transform: uppercase;
	display: block;
}
.main .price .price-box .size-p{
	height: 144px;
	vertical-align: middle;
	overflow: hidden;
}
.main .price .price-box .size-p:after{
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
    *display: inline;
	content: " ";
	width: 0;
	height: 100%;
	vertical-align: middle;
}
.main .price .price-box .size-p div{
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
    *display: inline;
	vertical-align: middle;
}
.main .price .price-box p.size{
	display: block;
	font-size: 24px;
	color: #000;
	padding: 5px 0;
	margin: 0;
	line-height: 26px;
}
.main .price .price-box p.size span{
	color: #ff5b01;
}
.main .price .price-box img{
	display: block;
	width: 100%;
	max-width: 132px;
	height: auto;
	margin: 0 auto;
}
.main .price .double-price-box img{
	max-width: 180px;
}
.main .price .price-box span.article{
	font-size: 12px;	
	display: block;
	padding: 5px 0;
	color: #363636;
}
.main .price .price-box h3{
	font-size: 30px;
	font-weight: bold;
	line-height: 40px;
	padding: 0;
	margin: 0;
	color: #6d9933;
}
.main .price .price-box .buy{
	display: block;
	padding: 0 10px 10px;	
	text-align: center;	 
}
.main .price .price-box .buy a{
	width: 100%;
	display: block;
	color: #ff3b0a;
	font-size: 30px;
	line-height: 35px;
	border: 3px solid #ff3b0a;
	-webkit-transition: all ease-out 0.2s;
     -moz-transition: all ease-out 0.2s;
     -o-transition: all ease-out 0.2s;
     transition: all ease-out 0.2s;
}
.main .price .price-box .buy a:hover{
	background: #ff3b0a;
	color: #FFF;
}
.main .price .price-box .buy:active{
	-moz-transform: scale(0.98); 
    -ms-transform: scale(0.98); 
    -webkit-transform: scale(0.98); 
    -o-transform: scale(0.98); 
    transform: scale(0.98);
}
/********HOW TOO**********/
.main .bg-how-tu{
	background: #FFF;
}
.wrapper .main .how-tu{
	color: #464646;
}
.main .how-tu .mainh::before{
	background: #464646;
}
.main .how-tu .video{
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
    *display: inline;
	text-align: center;
	margin: 0 auto;
}
.main .how-tu .video iframe{
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
    *display: inline;
	outline: none;
	border: 0;
	width: 640px;
	height: 360px;
}
.main .how-tu ul{
	width: 100%;
	max-width: 960px;
	margin: 0 auto 10px;
	text-align: left;
}
.main .how-tu ul li{
	display: table-row;
	width: 100%;
	overflow: hidden;
}
.main .how-tu ul li p{
	display: table-cell;
	font-size: 18px;
	color: #464646;
	vertical-align: top;
	padding: 0 0 30px 20px;
}
.main .how-tu ul li span{
	width: 40px;
	vertical-align: top;
	height: 40px;
	float: left;
	border: 4px solid #b7b7b7;
	display: table-cell;
	font-size: 60px;
	font-weight: bold;
	line-height: 45px;
	padding: 6px 0 0 10px;
	color: #ff3300; 
	margin: 0 0 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;  
    box-sizing: border-box;
}

.main .how-tu h4{
	font-size: 30px;
	line-height: 36px;
	color: #FFF;
	padding: 0;
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
    *display: inline;
	margin: 0 0 30px;
	text-align: center;
	font-weight: normal;
	
}
.main .how-tu h4 span{
	background: #6d9933;
	line-height: 40px;
	border-left: 10px solid #6d9933;
	border-right: 10px solid #6d9933;
}
/************SIMPLE 4 part ****************/
.simple {
	margin: 0 0 50px;
}
.simple ul.fours{
	display: block;
	margin: 0 -10px;
}
.simple ul.fours li{
	float: left;
	width: 25%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;  
    box-sizing: border-box;
    padding: 0 10px;
    position: relative;
}
.simple ul.fours li:after{
	content: "";
	display: block;
	position: absolute;
	bottom: -40px;
	left: 70%;
	width: 124px;
	height: 37px;
	background: url(../images/nex.png) no-repeat center center;
}
.simple ul.fours li:last-child:after{
	display: none;
}
.simple ul.fours li h3{
	font-size: 26px;
	color: #FFF;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
.simple ul.fours li div{
	width: 100%;   
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin-bottom: 10px;
    /*overflow: hidden;*/
}
.simple ul.fours li div img{
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;  
    box-sizing: border-box;
     border: 4px solid #ff3b0a;
    width: 100%;
    height: auto;
}
/************DELIVERI************/
.main .bg-deliv{
	/*padding: 80px 0 0;*/
	margin: 0 auto;
	width: 100%;
	max-width: 1960px;
	background: url(../images/bg-deliv.jpg) no-repeat center top;
}
.main .bg-deliv .deliv{
	max-width: 800px;
	margin: 0 auto;
}
.main .deliv .deliv-box{
	color: #FFF;
	width: 100%;
	max-width: 800px;
	margin: 0 -10px;
	text-align: left;
}
.main .deliv .deliv-box-bottom{
	color: #464646;
}
.main .deliv .deliv-box-bottom ul{
	margin-top: 5%;
}
.main .deliv .deliv-box ul{
	float: left;
	width: 50%;
	padding: 70px 10px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;  
    box-sizing: border-box;
}
.main .deliv .deliv-box ul.curer{
	background: url(../images/curer.png) no-repeat center 2px;
}
.main .deliv .deliv-box ul.oll-deliv{
	background: url(../images/oll-delive.png) no-repeat center 5px;
}
.main .deliv .deliv-box ul.nova-post{
	background: url(../images/nova-post.png) no-repeat center 2px;
}
.main .deliv .deliv-box ul.ukr-post{
	background: url(../images/ukr-post.png) no-repeat center 2px;
}
.main .deliv .deliv-box-top ul li:first-child{
	text-transform: uppercase;
	margin-bottom: 30px;
}
.main .deliv .deliv-box ul li{
	display: block;
}
/*********FOOOTEER ************/
.bg-footer{
	width: 100%;
	max-width: 1960px;
	margin: 0 auto;
	background: #e1e1e1;
	overflow: hidden;
	padding: 0 0 40px;
}
.bg-footer .footer{
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	text-align: center;
	padding: 30px 10px 50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;  
    box-sizing: border-box;
	color: #333;
}
.bg-footer .footer .tel{
	background: url(../images/clock.png) no-repeat center top;
	float: right;
	color: #333;
	margin-top: -10px;
	font-size: 18px;
}
.bg-footer .footer .tels{
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
    *display: inline;
	overflow: hidden;
	text-align: center;
	color: #fe6e0e;
	margin-bottom: 45px;
	font: 22px/24px Verdana, Arial;
}
.bg-footer .footer .logo{
	float: left;
	padding: 0;
	margin: 0;
}
.bg-footer .footer .adress{
	padding: 0;
	margin: 20px 0 0;
	float: right;
	text-align: right;
	font: 18px/24px Verdana, Arial;
}
.bg-footer .footer .adress a{
	display: block;
	text-decoration: underline;
}
.bg-footer .footer .adress a:hover{
	text-decoration: none;
}
/*********************POPUP*******************/
#popup{
	max-width: 90%;
	background: #FFF;
	overflow: hidden;
	display: none;
	padding: 30px;
	font-size: 20px;
}
#popup input{
	font-size: 20px;
	line-height: 24px;
}
#popup .mainh{
	font-size: 32px;
	line-height: 40px;
	padding: 20px 0;
	display: block;
	font-weight: normal;
	color: #000;
	border-bottom: 3px solid #ff6600;
	width: 90%;
	margin: 0 auto;
	text-align: center;
}
#popup form{
	border: 0;
	background: #fff;
	padding: 50px 10px;
	margin: 0 auto;
}
#popup form>div{
	padding: 0;
	margin: 0 0 30px;
}
#popup form>div label{
	display: block;
	width: 100px;
	text-align: right;
	padding: 0;
	margin: 0 15px 0 0;
	line-height: 40px;
	float: left;
	font-weight: bold;
}
#popup form div.coment label{
	width: 300px;
	float: none;
	text-align: left;
	padding: 0;
	margin: 0 0 30px;
}
#popup form>div input{
	display: block;
	width: 400px;
	border: 1px solid #888;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -o-border-radius: 3px;
    -khtml-border-radius: 3px;
    behavior: url(../PIE/PIE.htc);
    border-radius: 3px;
	text-indent: 20px;
	line-height: 40px;
	overflow: hidden;
}
#popup form>div.coment textarea{
	width: 515px;
	height: 150px;
	margin: 0;
	display: block;
	border: 1px solid #888;
	 -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -o-border-radius: 3px;
    -khtml-border-radius: 3px;
    behavior: url(../PIE/PIE.htc);
    border-radius: 3px;
	text-indent: 0px;
	line-height: 26px;
	overflow: hidden;
	resize: none;
	padding: 0 10px;
	font-size: 18px;
	line-height: 22px;
}
#popup form>div.submit input{
	display: block;
	border: 0;
	outline: none;
	background: #ff6600;
	padding: 8px 35px;
	color: #FFF;
	width: auto;
	text-indent: 0;
	 -webkit-transition: all ease-out 0.1s;
     -moz-transition: all ease-out 0.1s;
     -o-transition: all ease-out 0.1s;
     transition: all ease-out 0.1s;
}
#popup form>div.submit input:hover{
	padding: 10px 37px;
	margin: -2px 0 -2px -2px;
}
#popup form>div.submit input:active{
	-moz-transform: scale(0.97); /* Для Firefox */
    -ms-transform: scale(0.97); /* Для IE */
    -webkit-transform: scale(0.97); /* Для Safari, Chrome, iOS */
    -o-transform: scale(0.97); /* Для Opera */
    transform: scale(0.97);
}
#toTop {
	width:55px;
	text-align:center;
	padding:5px;
	position:fixed;
	bottom:20px; /* отступ кнопки от нижнего края страницы*/
	right:20px;
	cursor:pointer;
	display:none;
	border: 0;
	opacity: 0.6;
	z-index: 1000;
}
#toTop:hover{
	opacity: 1;
}
#toTop img{
	width: 100%;
	height: auto;
}
/*------------------------------MEDIA!-----------------------------------*/
@media only screen and (max-width: 960px){
	.main .how-tu ul li p{
		font-size: 16px;
	}
	.main .bg-useful .useful .useful-block > div  div.useful-cont p{
		font-size: 16px;
		line-height: 20px;
	}
	.main .bg-useful .useful .choise p{
		font-size: 14px; 
		line-height: 16px;
	}
	.plus .plus-box .box p {
		font-size: 16px;
		line-height: 20px;
	}
}
@media only screen and (max-width: 800px){
	.main .price .price-box h4{
		font-size: 18px;
		line-height: 20px;
	}
}
@media only screen and (max-width: 700px){
	.main .mainh{
		font-weight: bold;
		font-size: 24px;
		line-height: 28px;
		margin: 0 0 30px;
	}
	.main .price h3.mainh-italic{
		font-size: 20px;
		line-height: 24px;
	}
	.main .bg-nav .nav{
		display: none;
	}
	
	.main .accordion{
		display: block !important;
	}
	.main .bg-nav .accordion>a{
		cursor: pointer;
		display: block;
		text-align: right;
		outline: none;
	}
	.main .bg-nav .accordion>a>img{
		display: -moz-inline-stack;
		display: inline-block;
		zoom: 1;
    	*display: inline;
		width: 50px;
		height: 38px;
		padding: 20px 20px 20px 0;
		outline: none;
	}
	.main .bg-nm .nav .accordion li{
		float: none;
	}
	.main .bg-nm .accordion li a{
		color: #FFF;
		display: block;
		font-size: 20px;
		line-height: 45px;
		padding: 0 0 0 20px;
		margin-left: 5px;
		border-bottom: 1px solid rgba(255,255,255,0.3);
		border-left: 5px solid rgba(255,255,255,0);
		-webkit-transition: all ease-out 0.3s;
	     -moz-transition: all ease-out 0.3s;
	     -o-transition: all ease-out 0.3s;
	     transition: all ease-out 0.3s;
	}
	.main .bg-nm .accordion li a:hover{
		border-left: 5px solid rgba(255,255,255,1);
	}
	.main .bg-nm .accordion li a:active{
		margin-left: 20px;
	}
	.main .bg-nm .main-info h2{	
		font-size: 32px;
		line-height: 45px;
		margin-bottom: 10px;
	}
	.main .bg-nm .main-info h4{
		font-size: 26px;
		line-height: 32px;
	}
	.bg-footer .footer .tels{
		display: block;
		float: left;
		clear: left;
		margin: 50px 0 10px;
	}
	#popup{
		padding: 15px;
		margin-left: -10px;
		width: 80% !important;
	}
	#popup .mainh{
		font-size: 30px;
		line-height: 34px;
	}
	#popup form{
		border: 0;
		background: #fff;
		padding: 50px 10px;
		margin: 0 auto;
	}
	#popup form>div{
		padding: 0;
		margin: 0 0 30px;
	}
	#popup form>div label{
		font-size: 18px;
		line-height: 34px;
		text-align: left;
		float: none;
	}
	#popup form>div input{
		font-size: 18px;
		width: 90%;
		line-height: 34px;
		padding: 0 0 0 10px;
		text-indent: 0;
	}
	#popup form>div.coment textarea{
		width: 90%;
		height: 120px;
		font-size: 16px;
		padding: 0 0 0 10px;
		line-height: 24px;
		text-indent: 0;
	}
	#popup form div.coment label{
		width: 90%;
		margin: 0 0 10px;
	}
	iframe{
		display: none !important;
	}
}
@media only screen and (max-width: 655px){
	.main .price .bg-price-box{
		float: left;
		width: 50%;		
	}
	.main .deliv .deliv-box-top{
		margin-top: -30px; 
	}
	.main .deliv .deliv-box-top ul{
		margin-bottom: 50px;
	}
	.main .deliv .deliv-box ul{
		font-size: 14px;
	}
	.main .deliv .deliv-box-top ul li:first-child{
		margin-bottom: 10px;
	}
	.wrapper .header .tel{
		float: right;
	}
	.wrapper .mailmain{
		display: none;
	}
	.wrapper .mail615{
		display: block;
		float: right;
		background: url(../images/mail.png) no-repeat center top;
	}
}
@media only screen and (max-width: 615px){
	.main .bg-nm .nav{
		width: 96%;
		padding: 0 2%;
	}
	.plus .plus-box .box{
		width: 100%;
		float: none;
	}
	.plus .plus-box .box .img{
		float: left;
		margin-right: 30px;
		width: 30%;
		padding: 15% 0;
	}
	.main .bg-useful .useful .useful-block p{
		display: block;
		margin: 0 auto;
		width: 90%;
	}
	.main .bg-useful .useful .useful-block p:first-child{
		min-width: 200px;
	}
	.main .bg-useful .useful .choise{
		margin: 10% auto 0;
		width: 90%;
	}
	.plus .plus-box .box p{
		display: block;
		margin-bottom: 35px;
	}
	.plus .plus-box .box:after{
		content: "";
		display: table;
		width: 100%;
		height: 0;
		clear: both;
	}
	.main .how-tu h4{
		font-size: 24px;
		line-height: 30px;
	}
	.main .how-tu h4 span{
		line-height: 34px;
	}
	.simple ul.fours li:after{
		left: 45%;
		width: 80px;
		height: 24px;
		background: url(../images/nex.png) no-repeat center center;
		background-size: 100%;
	}
	.simple ul.fours li h3{
		font-size: 20px;
	}
	#toTop {
		width: 40px;
	}
}
@media only screen and (max-width: 485px){
	.header .logo img{
		width: 110px;
		height: auto;
	}
	.header .logo h1{
		font-size: 20px;
	}
	.wrapper .header .tel{
		width: 130px;
		font-size: 16px;
		line-height: 17px;
	}
	.wrapper .mail615{
		width: 130px;
		font-size: 15px;
		line-height: 17px;
		margin-top: 10px;
	}
	.main .bg-deliv{
		background: #fff;
	}
	.main .bg-deliv .deliv .mainh{
		color: #464646;
	}
	.main .bg-deliv .deliv .mainh::before{
		background: #464646;
	}
	.main .deliv .deliv-box{
		color: #464646;
		width: 100%;	
		margin-top: 0;
	}
	.main .deliv .deliv-box-bottom ul{
		margin-top: 5%;
	}
	.main .deliv .deliv-box ul{
		float: none;
		width: 100%;		
		margin-bottom: 20px;
		font-size: 16px;
	}
	.main .deliv .deliv-box-top ul li:first-child{
		text-transform: uppercase;
		margin-bottom: 20px;
	}
}