*{
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body{
	opacity: 0;
}
body.page-load{
	opacity: 1;
	-webkit-transition: 1s ease-out;
     -webkit-transition-delay: 0s;
     -o-transition: 1s ease-out;
     -o-transition-delay: 0s;
     -moz-transition: 1s ease-out;
     -moz-transition-delay: 0s;
     transition: 1s ease-out;
     transition-delay: 0s;
	
}
/*all an*/
.cont-form a,
#bg-home-nav,
#mob-nav::before, #mob-nav::after,
#cont-info,
#menu-nav,
#slider-nav > div,
#close-form-bb,
.prod-item a,
.prod-item span,
.link-info > a,
a.bbwm-link,
.home-nav section a, .home-nav section a:hover,
.logo-top,
#menu-nav ul li::before,
 #bg-home-nav::before,
.thank-info,
label.cont-submit::before, label.cont-submit:hover:before{
	-webkit-transition: .3s ease-out;
     -webkit-transition-delay: 0s;
     -o-transition: .3s ease-out;
     -o-transition-delay: 0s;
     -moz-transition: .3s ease-out;
     -moz-transition-delay: 0s;
     transition: .3s ease-out;
     transition-delay: 0s;
     -webkit-transform: translateZ(0);
     -o-transform: translateZ(0);
     -moz-transform: translateZ(0);
     transform: translateZ(0);	
}

/*end all an*/
/*header*/
header{
	z-index: 22;
}
#bbwm-header{
	display: table;
	position: fixed;
	width: 100%;
	padding: 2em 0;
	text-align: center;
	background: #fff;
	top: 0;
}
#logo, #menu-nav, #cont-info{
	display: inline-table;
	width: auto;
	display: inline-table;
	vertical-align: middle;
	position: relative;
}
#logo:hover .logo-top{
	opacity: .2;
}
#bbwm-header::before{
	content: '';
	position: absolute;
	width: 35%;
	height: 100%;
	top: 0;
	right: 0;
	background: #d5dfdf;
	display: block;
}
#bbwm-header::after{
	content: '';
	position: absolute;
	width: 30%;
	height: 100%;
	bottom: -1px;
	right: 10%;
	border-bottom: 1px solid #acacac;
	display: block;
}
#cont-info p {
	padding-right: 1em;
}
a#logo, section#cont-info{
position: absolute;
}
a#logo{
	left: 10%;
	top:1.5em;
}
section#cont-info{
	right: 5%;
	pointer-events: all;
	z-index: 22;
}
#bbwm-logo{
	position: relative;
	display: block;
	height: 3em;
	width: auto;
}

#menu-nav ul{
	list-style: none;
	display: table;
	width: 100%;
	text-align: center;
	position: relative;
	margin: 0;
	padding: 0;
}
#menu-nav ul li{
	display: inline-table;
	width: auto;
	padding: 0 0.5em;
	position: relative;
}
#menu-nav ul li::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	width: 100%;
	background: #d5dfdf;
	z-index: -1;
}
#menu-nav ul li:hover:before{
	height: 100%;
}
#menu-nav ul li a{
	text-transform: capitalize;
	color: #000;
	font-weight: 100;
}
#cont-info {
	position: relative;
}
section#cont-info a{
font-weight: 900;
 }
#cont-info p, #cont-info a{
	color: #000;
	font-weight: 100;
	display: inline-table;
	margin: 0;
}
#cont-info.slow-move{
	pointer-events: all;
	opacity: 1;
}
/*header*/
/*footer*/
body footer{
	position: relative;
	margin-top: 10%;
}
body.page footer{
	margin-top: 2em;
}
footer section{
	width: 75%;
	margin: 0 auto;
}
.footer-title{
	position: relative;
	width: auto;
	display: table;
	margin: 0 auto;
	text-align: center;
}
.footer-title div, .footer-title h4{
	display: inline-table;
	vertical-align: middle;
	position: relative;
}
footer::before{
	content: '';
	position: absolute;
	width: 50%;
	height: 100%;
	top: 4em;
	right: 0;
	background: #eeeeee;
	z-index: -1;
}
footer h4{
	display: table;
	width: 15em;
	text-align: left;
	position: relative;
	left: 11em;
}
footer h4::before{
	content: '';
	position: absolute;
	width: 50%;
	top: 50%;
	left: -60%;
	border-bottom: 1px solid #000;
}
.footer-title div{
	width: 15em;
	height: 4em;
	background: #d5dfdf;
}
.cont-form{
	width: 32.5%;
	display: inline-table;
	vertical-align: middle;
	padding-right: 15%;
    -webkit-box-sizing: unset;
    -moz-box-sizing: unset;
    box-sizing: unset;

}
.footer-info{
	display: inline-table;
	vertical-align: middle;
	width: 52%;
	padding-left: 10%;
}
.adress-footer{
	display: inline-table;
	width: 32%;
	vertical-align: top;
}
footer p.bbwm-sm-title{
	padding: 2em 0;
}
footer .adress-footer a, footer .adress-footer p {
	display: table;
	white-space: normal;
	font-weight: 300;
	line-height: 1.5;
}
/*footer*/
/*all*/
a.anc-menu{position:absolute;margin-top:-12em;}
h2{
font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;	
}
body p, body span{
	font-weight: 400;
	color: #000;
}
body p.bbwm-sm-title{
	color: #c7c7c7;
	font-weight: 400;
}
/*input form*/
textarea{
    height: 100px;
    resize: vertical;
}
input:hover, textarea:hover, select:hover, button:hover,
input:focus, textarea:focus, select:focus, button:focus{
    outline: 0;
    background: unset;
    border-width: 0;
}
button{
    font-size: 1em;
    border-width: 0;
}

button:hover, button:focus,
input, input:hover, input:focus,
a, a:hover, a:focus{
    outline: 0;
    cursor: pointer;
}
div.wpcf7 input.wpcf7-not-valid{
    background: #ccbaba;
}
.checkout-tpl input.select2-search__field,
.selection .select2-selection__rendered,
.wpcf7 .input-text:focus, 
.wpcf7 input[type=search]:focus, 
.wpcf7 input[type=tel]:focus, 
.wpcf7 input[type=text]:focus, 
.wpcf7 textarea:focus,

.wpcf7 input[type=tel], 
.wpcf7 input[type=text],
.wpcf7 textarea, 

.wpcf7 input[type=email]:focus, 
.wpcf7 input[type=tel]:focus, 
.wpcf7 input[type=text]:focus, 
.wpcf7 textarea:focus, 

.wpcf7 input[type=email], 
.wpcf7 input[type=tel],
.wpcf7 input[type=text], 
.wpcf7 input[type=url], textarea,

.input-text:focus, input[type=email]:focus,
input[type=password]:focus, input[type=search]:focus, 
input[type=tel]:focus, input[type=text]:focus, input[type=url]:focus, textarea:focus,
.input-text, input[type=email], input[type=password], input[type=search], input[type=tel],
input[type=text], input[type=url], textarea{
    background: unset;
    font-weight: 200;
    color: #000;
    width: 100%;
    padding: 1em .5em;
    -webkit-border-radius: 0; 
    -moz-border-radius: 0; 
    border-radius: 0;
	-moz-box-shadow:    unset;
	-webkit-box-shadow: unset;
	box-shadow:         unset;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1em;
    border-width: 0;
    border-bottom: 1px solid #acacac;
    margin-bottom: 0.5em;
 }
.wpcf7 input[type=submit]{
    background: unset;
    text-transform: lowercase;
    border-width: 0px;
    display: table;
    width: auto;
    text-align: left;
    color: #000;
    text-align: center;
    padding: 1em 2em;
    font-weight: bold;
    font-size: 1em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-transform: capitalize;
}
.wpcf7 input[type=submit]:hover, .wpcf7 input[type=submit]:focus{
    outline: 0;
    background: unset;
}
body button.alt:hover, body input[type="button"].alt:hover, body input[type="reset"].alt:hover,
body input[type="submit"].alt:hover, body .button.alt:hover, 
body .widget-area body .widget a.button.alt:hover{
    background-color: none;
    border-color: none;
}
label.cont-submit{
	position: relative;
	display: table;
	width: auto;
	text-align: left;
	margin-top: .5em;
}
label.cont-submit:hover:before{
	width: 100%;
}
label.cont-submit::before{
	content: '';
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	width: 4px;
	background: #acacac;
	z-index: -1;

}
body div.wpcf7 .ajax-loader{
	display: none;
}
body div.wpcf7-validation-errors,body  div.wpcf7-acceptance-missing{
	display: none !important;
}
body span.wpcf7-not-valid-tip{
	display: none;
}
/*input form*/
/*all*/
/*home page*/
 #bg-home-nav{
        position: absolute;
        width: 36%;
        display: table;
        height: 60vh;
        top: 20vh;
        opacity: 0.8;
        z-index: -1;
    }
 #bg-home-nav::before{
 	content: '';
 	position: absolute;
 	width: 100%;
 	height: 100%;
 	display: table;
 	opacity: 0;
 }
 div #bg-home-nav::before{
 	    background-image: url(/wp-content/uploads/2019/06/home02.jpg);
        background-size: cover;
        background-position: 50% 50%;
        opacity: 1;
 }
 div #bg-home-nav.ser::after,  div #bg-home-nav.rent::after{
		opacity: 0;
 }
 div#bg-home-nav.ser::before{
 	content: '';
 	position: absolute;
 	width: 100%;
 	height: 100%;
 	display: table;
 	opacity: 1;
 	background-image: url(/wp-content/uploads/2019/07/home01.jpg);
 	background-size: cover;
    background-position: 50% 50%;
 }
  div#bg-home-nav.rent::before{
  	content: '';
  	position: absolute;
  	width: 100%;
  	height: 100%;
  	display: table;
  	opacity: 1;
 	background-image: url(/wp-content/uploads/2019/06/home03.jpg);
 	background-size: cover;
    background-position: 50% 50%;

 }
.page-about,
.home-page article{
	display: table;
	width: 100%;
	padding: 0 10%;
	height: 100vh;
	position: relative;
	margin: 0 auto;
}
.home-nav section::before{
	content: '';
	position: absolute;
	height: 50%;
	top: 25%;
	right: 0;
	border-right: 1px solid #000;
}
.home-nav section{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	position: relative;
}
.home-nav section a{
	font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
	font-size: 4em;
	font-weight: bold;
	text-transform: capitalize;
	color: #000;
	display: inline-table;
	width: 30%;
	padding: 25% 0;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0);

}
.home-nav section a:hover{
	color: rgba(255, 255, 255, 1);
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}
.home-page article.about{
	width: 75%;
	padding: 0;
	margin: 0 auto;
	height: auto;
}
.about section{
padding: 5% 15%;
position: relative;
}
.about h2{
	color: #fff;
	font-size: 4em;
	font-weight: bold;
}
.about h3{
	font-size: 2.5em;
	padding-bottom: 1em;
}
.about h2, .about h3{
	padding-left: 50%;

}
.about p{
	width: 45%;
	line-height: 1.5;
}
.home-page article.about::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 125%;
    top: -12.5%;
    background: #eeeeee;
    left: 0;
    box-sizing: border-box;
    margin: 0 auto;
    right: 0;
    z-index: -1;
}
.home-page article.about::after{
	content: '';
	position: absolute;
	bottom: -17.5%;
	right: -2.5%;
	width: 25%;
	height: 90%;
	background: #d5dfdf;
	z-index: -2;
}
a.bbwm-link{
	letter-spacing: 0.2em;
	font-weight: 600;
	color: #000;
	text-transform: uppercase;
	font-size: 1em;
	float: right;
	margin-top: 3em;
	text-shadow: 2px 2px 4px rgba(0,0,0,0);
}
a.bbwm-link:hover{
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}
article.brands{
	height: auto;
	padding: 10% 0 12% 0;
	width: 75%;
	margin: 0 auto;
}
.brands p.bbwm-sm-title{
	padding-bottom: 2em;
}
body .carousel-cell{
	width: 33.33%;
	padding: 0 .5em;
	height: 3em;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: 0.25;
}
body .carousel-cell > img{
	display: table-cell;
	vertical-align: middle;
}
#slider-nav{
	display: inline-table;
	position: relative;
	width: 39%;
	vertical-align: middle;
}
#logo-slider{
	position: relative;
	display: inline-table;
	width: 60%;
	vertical-align: middle;
}
#slider-nav > div{
	display: inline-table;
	width: 4em;
	height: 4em;
	padding: 1.25em;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(22,22,22,0.15);
    -moz-box-shadow: 0px 0px 10px 0px rgba(22, 22, 22, 0.15);
    box-shadow: 0px 0px 10px 0px rgba(22,22,22,0.15);
    background: #fff;
    cursor: pointer;
}
#slider-nav > div:hover{
	opacity: 0.5;
}
#slider-nav > div img{
	width: 100%;
	height: auto;
}
#slider-nav > div.prev img{
	 -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
/*page*/
.adv-item span,
.page-about h1{
	font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
    font-size: 4em;
    font-weight: bold;
    text-transform: capitalize;
    color: #000;
    padding-bottom: .25em;
}
.page-about p{
	padding-left: 2em;
}
.page-about section{
	display: table-cell;
	position: relative;
	text-align: center;
	vertical-align: middle;
}
.page-about .left-colunm,
.page-about .right-colunm{
	display: inline-table;
	vertical-align: middle;
	position: relative;
}
.page-about .left-colunm{
	width: 40%;
	padding: 0 5%;
	text-align: left;
}
.page-about .right-colunm{
	width: 59%;
}
.info-des{
	display: table;
	width: 70%;
	text-align: left;
	margin: 0 auto;
	padding-bottom: 2em;
}
.info-tit, .link-info{
display: inline-table;
width: 33%;
vertical-align: middle;
}
.info-adv h3, .info-steps h3,
.info-tit h2{
	font-size: 2em;
	font-weight: 300;
}
.info-adv p, .info-steps p,
.info-tit p{
	font-weight: 100;
}
.info-step p{
	padding-left: 3em;
}

.info-tit h2, .info-tit p{
	padding-right: 2em;
}
.link-info > a{
	text-align: center;
	display: table;
	width: auto;
	margin-top: 3em;
	background: #d5dfdf;
	letter-spacing: 0.2em;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
    font-size: 1em;
    margin: 0 auto;
    position: relative;
    padding:1em 2em;
}
.link-info > a:hover{
	background: rgba(213, 223, 223, 0);
}
p.more-text{
	text-align: center;
	display: table;
	width: auto;
	padding: 1em 2em;
	letter-spacing: 0.2em;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
    font-size: 1em;
    margin: 1.5em auto;
    position: relative;
}
.info-grid{
	width: 40%;
	display: table;
	position: relative;
	margin: 0 auto;
}
div.info-item:nth-child(1):after,
.info-item:nth-child(1):before,
.info-grid::after,
.info-grid::before{
	content: '';
	position: absolute;
	width: 120%;
	display: table;
	left: -10%;
	height: 1px;
	top: 50%;
}
div.info-grid::before{
	width: 150%;
	left: -25%;
}
div.info-item:nth-child(1):after{
	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 70%;
    right:-35%;
    left: auto;		
}
div.info-item:nth-child(1):before{
	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 70%;
    left: -35%;	
}
div.info-grid::after{
	 -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 70%;
    left: 15%;
}
div.info-item:nth-child(1):after,
div.info-item:nth-child(1):before,
.info-grid::after,
.info-grid::before{
opacity: 0.25;
background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 50%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(0,0,0,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 50%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 50%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 50%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 50%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}
.info-grid .info-item{
	display: inline-table;
	width: 49%;
	text-align: center;
	padding: 5% 5%;

}
.info-grid .info-item img{
	width: 3em;
	height: auto;
	margin: 0 auto;
	padding-bottom: 1em;
}
.info-adv, .info-steps{
	display: table;
	width: 70%;
	margin: 0 auto;
	position: relative;
	padding: 2em 0;
}
.adv-item, .step-item{
	display: inline-table;
	text-align: left;
	width: 33%;
	padding: 2.5% 5%;
	position: relative;
}
.step-item p{
	padding-top: 1.5em;
	padding-left: 3em;
}
.step-item span{
	position: absolute;
	left:15%;
	top: 0;
	font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
    font-size: 4em;
    font-weight: bold;
    text-transform: capitalize;
    color: #d9d9d9;
    z-index: -1;
}
.page article.brands{
	padding: 2em 0 12% 0;
}
img.loop{
	position: relative;
	width: 100%;
	display: table;
}
.prod-grid{
	position: relative;
	display: table;
	margin: 0 auto;
	width: 70%;
	text-align: center;
}
.prod-item{
	position: relative;
	display: inline-table;
	vertical-align: middle;
	width: 32%;
	padding: 0 3%;
}
.prod-item img{
	width: 80%;
	margin: 0 auto;
	height: auto;
}
.prod-item h3{
	font-size: 1.25em;
	padding: 0.25em 0;
	text-align: center;
	font-weight: 400;
}
.prod-item p{
	padding: 0.5em 0;
	font-weight: 100;
}
.prod-item p b{
	font-weight: bold;
	display: table;
	width: 100%;
	text-align: center;
}
.prod-item a,
.prod-item span{
	text-align: center;
    display: table;
    width: auto;
    margin-top: 3em;
    background: #d5dfdf;
    letter-spacing: 0.2em;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
    font-size: 1em;
    margin: 1em auto;
    position: relative;
    padding: 1em 2em;
    cursor: pointer;
}
.prod-item a:hover,
.prod-item span:hover{
	    background: rgba(213, 223, 223, 0);
}
.roasting{
	position: relative;
	width: auto;
	display: table;
	text-align: center;
	margin: 0 auto;
}
.roasting li {
	display: inline-table;
	vertical-align: middle;
	width: 1em;
	height: 1em;
	margin: 0.25em;
}
.roasting li{
	background-image: url(/wp-content/uploads/2019/06/001-seed.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.middle .roasting li:nth-child(3),
.light .roasting li:nth-child(2), .light .roasting li:nth-child(3){
background-image: url(/wp-content/uploads/2019/06/coffee-grain.png);
background-size: contain;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.step-item span img{
	width: 1em;
	height: auto;
	top: -.5em;
	position: absolute;
}
.page-id-18 .step-item{
	margin-top: 3em;
}
.page-id-18 .info-steps{
	padding: 8em 0;
}
#buy-form{
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    background: rgba(222, 222, 222, 0.95);
    z-index: 222;
    display: table;
    opacity: 1;
    padding: 0 20%;	
}
#buy-form > div {
	display: table-cell;
	vertical-align: middle;
	position: relative;
}
#buy-form  section{
	position: relative;
	width: 60%;
	display: table;
	margin: 0 auto;
}
#close-form-bb{
	width: 1em;
	height: auto;
	position: absolute;
	top: -2em;
	right: 0;
	padding: 1em;
	-webkit-box-sizing: unset;
    -moz-box-sizing: unset;
    box-sizing: unset;
    cursor: pointer;
}
#close-form-bb:hover{
     -webkit-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     transform: rotate(90deg);		
}
form{
	position: relative;
	display: table;
	width: 100%;
}
div.wpcf7-mail-sent-ok{
	display: none !important;
}
.thank-info{
	opacity: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    display: block;
    top: 0;
    bottom: 0;
    pointer-events: none;
}
.suc .thank-info{
	opacity: 1;
}
.thank-info div{
	display: table;
	position: relative;
	height: 100%;
	width: 100%;
}

.thank-info p {
	display: table-cell;
	vertical-align: middle;
	padding: 10%;
	text-align: center;
}
.cont-form .thank-info p{
	background:  #fff;
}
.black-form-bb  .thank-info p, .light-form-bb .thank-info p, .middle-form-bb .thank-info p{
	background: #dfdfdf;
}
.scroll-arrow{
	position: absolute;
	display: table;
	width: auto;
	bottom: 10%;
	left: 5%;
}
.scroll-arrow p {
	font-weight: 100;
}
.scroll-arrow::before{
    content: '';
    position: absolute;
    height: 20vh;
    border-left: 1px solid #000;
    top: -25vh;
    overflow:hidden;
    animation: scrollan 3s ease-out infinite;
}
@-webkit-keyframes scrollan {
0% {height: 0;opacity: 1;top: -25vh}
25% {height: 20vh;opacity: 1; top: -25vh;}
50% {height: 20vh;opacity: 1;top: -25vh; }
100% { height: 0;opacity: 0;top: -25vh; }
}

@-moz-keyframes scrollan {
0% {height: 0;opacity: 1;top: -25vh}
25% {height: 20vh;opacity: 1; top: -25vh;}
50% {height: 20vh;opacity: 1;top: -25vh; }
100% { height: 0;opacity: 0;top: -25vh; }
}

@-o-keyframes scrollan {
0% {height: 0;opacity: 1;top: -25vh}
25% {height: 20vh;opacity: 1; top: -25vh;}
50% {height: 20vh;opacity: 1;top: -25vh; }
100% { height: 0;opacity: 0;top: -25vh; }
}

@keyframes scrollan {
0% {height: 0;opacity: 1;top: -25vh}
25% {height: 20vh;opacity: 1; top: -25vh;}
50% {height: 20vh;opacity: 1;top: -25vh; }
100% { height: 0;opacity: 0;top: -25vh; }
}
#mob-nav{
	display: none;
}
.page-not-fount{
	display: table;
	width: 100%;
	height: 100vh;
	position: relative;
	text-align: center;
}
.page-not-fount > div{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	position: relative;
}
.page-not-fount div p{
	font-size: 8em;
	font-weight: bold;
	padding: .5em 0;
}
.page-not-fount div span{
	font-weight: 100;
	padding-bottom: 1em;
}
.page-not-fount div span, .page-not-fount > div > div{
	display: table;
	text-align: center;
	margin: 0 auto;
	position: relative;
}
.error404 .scroll-arrow{
display: none;
}
.info-item strong{
	font-weight: 900;
}
.page-img{
	display: table;
    width: 70%;
    margin: 0 auto;
    position: relative;
    padding: 2em 0;
    text-align: center;
}
.page-img img{
	display: inline-table;
	vertical-align: middle;
	position: relative;
	width: 30%;
	padding:1%;
}
body .pc-h{
	display: none;
	pointer-events: none;
}
.cont-form a:hover{
	opacity: 0.5;
}
.cont-form a{
	display: inline-table;
	vertical-align: middle;
	position: relative;
	margin-right: 1em;
}
.cont-form svg, .cont-form svg *{
	fill: #000;
}
.cont-form svg{
	height: 1.5em;
	width: auto;
}
@media only screen and (min-width:961px) and (max-width: 1199px){
	body{
		font-size: .8em;
	}
}

@media only screen and (min-width:1px) and (max-width: 960px){
body .pc-h.hg-adress{
    display: table;
    width: auto;
    margin: 0 auto;
    text-align: center;
    margin-top: 6em;
    pointer-events: all;
}
body.home footer{
	margin-top: 30%;
}
#menu-nav ul li:hover:before{
	height: 0;
}
#menu-nav ul li::before{
	content: none;
}
.scroll-arrow{
	display: none;
}
a.anc-menu{
	margin-top: -5em;
}
.home-page a.anc-menu{
	margin-top: -4em;
}
.home-nav section a{
	    -webkit-text-stroke-width: 0px;
}
.home-nav section a:hover{
	color: #000;
	    -webkit-text-stroke-width: 0px;
}
#bbwm-header{
	-webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.05);
-moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.05);
box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.05);
}
div.info-item:nth-child(1):after, .info-item:nth-child(1):before, .info-grid::after, .info-grid::before,
.home-nav section::before,
#bbwm-header::before,
#bbwm-header::after{
	content: none;
}

#menu-nav{
	display: table;
	width: 100%;
	height: 110vh;
	position: fixed;
	top: 0;
	left: 0;
	background: #fff;
	opacity: 0;
	pointer-events: none;
}
.menu-open #menu-nav{
	opacity: 1;
	pointer-events: all;
}
#mob-nav{
	display: table;
	width: 4em;
	height: 4em;
	background: #d5dfdf;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 222;
}
#mob-nav::before, #mob-nav::after{
	content: '';
	position: absolute;
	width: 50%;
	border-bottom: 1px solid #000;
	left: 25%;
}
#mob-nav.close::before, #mob-nav.close::after{
	top: 50%;
	bottom: 50%;
}
#mob-nav.close::before{
	 -webkit-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     transform: rotate(45deg);		
}
 #mob-nav.close::after{
	 -webkit-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     transform: rotate(-45deg);		
}
#mob-nav::before{
	top: 40%;
}
#mob-nav::after{
	top: auto;
	bottom: 40%;
}
a#logo{
	z-index: 2;
}
#cont-info p, #cont-info a{
	line-height: 1.5;
	padding: 0;
	display: table;
	text-align: center;
	margin: 0 auto;

}
#menu-nav ul{
	display: table-cell;
	vertical-align: middle;
	position: relative;
}
#menu-nav ul li {
    display: table;
    width: auto;
    padding: .25em;
    position: relative;
    margin: 0 auto;
    text-align: left;
    font-size: 2em;
}
#menu-nav ul li a{
	font-weight: bold;
}
section#cont-info{	position: fixed;
    width: 80%;
    text-align: center;
    left: 10%;
    top: 8em;
    	opacity: 0;
	pointer-events: none;
}
a#logo{
	top: .5em;
}
#bg-home-nav{
	display: none;
}
.page-about, .home-page article{
	height: auto;
}
.home-nav section a{
	font-size: 2em;
	padding: 30% 0;
	width: 100%;
	position: relative;
	background: #fff;
	text-shadow: 0px 0px 10px rgba(255, 255, 255, .7);
    letter-spacing: 0.1em;
}
.home-nav section a:nth-child(1):before,.home-nav section a:nth-child(2):before,.home-nav section a:nth-child(3):before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	z-index: -1;
	opacity: 0.85;
}
.home-nav section a:nth-child(1):before{
 	background-image: url(/wp-content/uploads/2019/06/home02.jpg);
 	background-size: cover;
    background-position: 50% 50%;	
}
.home-nav section a:nth-child(2):before{
 	background-image: url(/wp-content/uploads/2019/07/home01.jpg);
 	background-size: cover;
    background-position: 50% 50%;	
}
.home-nav section a:nth-child(3):before{
 	background-image: url(/wp-content/uploads/2019/06/home03.jpg);
 	background-size: cover;
    background-position: 50% 50%;	
}
body article.page-about,
.home-page article.home-nav {
	margin-top: 5em;
}
.page article,
.info-des,
.info-adv, .info-steps{
	width: 90%;
	margin: 0 auto;
}
.info-des{
	padding: .5em 0;
}
.info-tit h2, .info-tit p{
	padding: 0;
	text-align: left;
}
.link-info a{
margin: 0.5em auto;
}
.info-grid{
	width: 75%;
}
.info-grid .info-item{
	padding: 10% 5%;
}
#buy-form section,
.info-grid .info-item,
.info-tit, .link-info,
.adv-item, .step-item,
.prod-item,
.page-about .right-colunm,
.page-about .left-colunm,
.footer-info,
.adress-footer,
.cont-form,
.cont-form,
#slider-nav,
body .carousel-cell,
#logo-slider,
.about p,
.home-page article.about{
	width: 100%;
}
.page-about{
	padding: 0;
}
.page-about p{
	padding-left: 0;
}
.page-about .right-colunm,
.page-about .left-colunm{
	padding: 1em;
}
#slider-nav{
	margin-bottom: 2em;
}
.about h2, .about h3{
	padding-left: 0;
}
a.bbwm-link{
	float: none;
	display: table;
}
.home-page article.about::after{
	right: 0;
}
.cont-form{
	padding-right: 0;
}
.page-img img{
	width: 100%;
}
.adv-item, .step-item{
	padding: 10% 5%;
}
footer::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 45%;
    top: auto;
    right: 0;
    background: #eeeeee;
    z-index: -1;
    bottom: 0;
}
.footer-info{
	padding: 3em 0;
}
.footer-title div {
    width: 100%;
    height: 4em;
    background: #d5dfdf;
    position: absolute;
    top: -100%;
    left: -250%;
}
footer h4::before {
    content: '';
    position: absolute;
    width: 100%;
    top: 50%;
    left: -110%;
    border-bottom: 1px solid #000;
}
footer h4 {
    display: table;
    width: 100%;
    text-align: left;
    position: relative;
    left: 0;
}
.step-item span {
    position: absolute;
    left: 5%;
    top: -.25em;
}
.info-steps h3{
	padding-bottom: 1em;
}
#buy-form{
	padding: 0 10%;
}
}