@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,100,300italic&subset=latin,cyrillic-ext);
@import "popup.css";
/*General Style*/
body{font-family: 'Roboto';font-weight:300}
.container{width:100%;}
.block{width:980px;margin:0 auto 0}
.btn{border:1px solid #000;background: transparent;text-align: center;color:#000;text-decoration: none}
.btn-phonecall{width: 163px;  height: 35px;border-radius: 5px;padding: 7px 32px;font-size:16px}
.btn-phonecall:hover{background: #fdbc22;color:#fff}
.btn-first{border-width: 2px;border-radius: 25px;padding: 10px 20px;font-weight: 400;font-size: 18px;margin: 235px auto 0;display: block;width: 130px;}
.btn-price{padding: 10px 40px;border-radius: 25px;text-transform: uppercase;font-size: 20px;display: block;width: 200px;margin: 80px auto 0;}
.btn-spare{position: absolute;top: 140px;left: 90px;padding: 10px 20px;font-size: 20px;border-radius: 3px;}
.btn-offer{width: 338px;height: 52px;border-width: 2px;border-radius: 3px;border-color: #f4cfc9;text-transform: uppercase;font-size: 20px;color: #fff;}
.btn-offer:hover{cursor: pointer}
.btn-ceo{padding: 8px 10px;border-radius: 3px;border: 1px solid #fff;color: #fff;float: right;margin-top: 50px;}
.btn-ceo:hover{background: #f65f54}
.btn-adress{padding: 10px 30px;font-size: 24px;text-transform: uppercase;}
.btn-buy{padding: 10px 20px;text-transform: uppercase;font-weight: 400;border-radius: 3px;position: absolute;bottom: 172px;border: 2px solid;}
.btn-buy:hover{background:#ffeb00}
.title{width:100%;text-align: center}
.left{float:left}
.right{float:right}
/*Style*/
header{height:90px;padding-top:10px;position: fixed;z-index:300;width: 100%;background:#fff;box-shadow:0px 0px 10px #444}
.first{height:860px;background: url(../images/first_bg.jpg)no-repeat top center;background-attachment: fixed;position: relative}
.logo{background: url(../images/logo-header.png);width:235px;height:56px;float:left;margin-top:10px}
.menu{float:left;width:510px}
.menu-item{display: block;float: left;margin: 28px 32px;text-decoration: none;color: #000;font-weight: 400;}
.phonecall{float:right;}
.telephone{font-size:24px;margin-bottom: 20px}
.first .title{font-size:36px;font-weight:400;padding-top: 290px;}
.first .title small{font-size:30px;font-weight:300}
.partner-site{  text-align: center;  padding: 5px 10px;  width: 180px;  border-radius: 100px;  background: #f44336;  margin: 20px auto 0;  color: #fff;  font-size: 16px;}
.mouse{background: url(../images/mouse.png);width:16px;height:62px;margin:20px auto 0}
.facts{height:150px;background: #fff;box-shadow: 0px 0px 10px 0px #444;position: relative;}
.facts .block{width:1000px;padding-top: 20px;}
.fact{width: 240px;margin-right: 90px;font-size:20px}
.fact:last-child{margin-right: 0px;}
.fact p{float:left;font-size:100px;font-weight:100}
.fact p:last-child{float: left;font-size: 20px;font-weight: 300;margin-top: 25px;margin-left: 20px;}
.fact1 {width:330px}
.fact1 p:first-child{color:#f44336}
.fact2 p:first-child{color:#558b2f;letter-spacing: -15px}
.fact3 p:first-child{color:#ffea00;letter-spacing: -5px}
.benefit{height:1048px;background: url(../images/video-bg.jpg)no-repeat top center;}
.benefit .title{margin-top:30px;font-size:36px;font-weight:100}
.benefits{width:850px;height:150px;background:url(../images/switzerland.png)no-repeat center;margin:30px auto;position: relative}
.benefits:before{content: " ";background: #fff;opacity:0.5;width:850px;height:185px;position: absolute;top: 0;left: 0;}
.benefits ul{position: relative;padding-top:20px}
.right li{text-align: right;padding-right:30px}
.benefits li{font-size: 18px;margin-bottom:15px}
.left li{padding-left:30px}
.advantages{height:1130px;box-shadow: 0px -7px 10px -6px #444;position: relative}
#section1{position: absolute;top: -100px;width: 10px;height: 10px;}
#section2{position: absolute;top: -120px;width: 10px;height: 10px;}
#section3{position: absolute;top: -100px;width: 10px;height: 10px;}
.sect{position: absolute;top: -120px;width: 10px;height: 10px;}
.video{padding-top:60px}
.advantages .title{padding:40px 0px;font-size: 36px;font-weight:100}
.advantages .block{width:978px}
.advantage{border:1px solid #bbd059;height:930px;box-shadow: 2px 3.464px 18px 2px #979797;background: #bbd059;position: relative}
.block-item{width:489px;height:310px;text-align: center;position: absolute}
.text-block{line-height:1.3;background: #fff}
.text-block:nth-child(1){left:0px;top:0px}
.text-block:nth-child(2){right:-1px;top:310px}
.text-block:nth-child(3){left:0px;bottom:0px}
.text-block .title{font-size:36px;font-weight:300}
.text-block .text{font-size:18px;font-weight:300}
.img{width:489px;height:310px;position: absolute}
.img:nth-child(4){background:url(../images/icon1.png)no-repeat center;right:0;top:0}
.img:nth-child(5){background:url(../images/icon2.png)no-repeat center;left:0;top:310px}
.img:nth-child(6){background:url(../images/icon3.png)no-repeat center;right:0;bottom:0}
.juicer{height:958px;position: relative}
.juicer .section .tabs li{background: #bbd059;
    color: #fff;
    padding: 10px;
  	font-weight:300;
    border-radius: 5px;box-shadow:none;}
.juice{background: url(../images/juice.jpg)no-repeat top center;width:100%;position:relative;background-color:#fff;height:272px;margin:0 auto 0;box-shadow:0px 0px 20px 1px #979797}
.history{height:938px;background: url(../images/history-bg.jpg)no-repeat top center;position: relative}
.history .title{font-size:72px;color:#fff;text-transform: uppercase;padding-top:75px}
.offer{height:685px;background: url(../images/offer-bg.jpg)no-repeat top center}
.offer .block .title{font-size:24px;font-weight:400;text-align: center;color:#fff;margin-bottom:15px;padding-top:135px}
.offer .block .footer-title{font-size:24px;font-weight:400;text-align: center;color:#fff;margin-bottom:15px;}
.offer .block p{font-size:20px;line-height: 1.5;font-style:italic;font-weight:400;text-align: center;color:#fff;margin-bottom:15px}
.form{width:695px;margin:45px auto}
.form-field{height:50px;width:320px;border:none;border-radius: 3px;background: #f4cfc9;margin-bottom:20px;margin-right:10px;color:#000;font-size:16px;font-weight:300;padding-left: 20px;}
.form input::-webkit-input-placeholder {color:#000;font-family: 'Roboto'}
.form input:-moz-placeholder {color:#000;font-family: 'Roboto'}
.form-field:nth-child(2){margin-right:0}
.form p{font-size:16px!important;font-style: normal!important}
.contact{padding-top:50px;width: 980px;padding-bottom: 100px}
.contact h2{font-size:24px;font-weight:400;text-align: center;margin-bottom: 30px;}
.contact p{color: #000; font-size: 18px;line-height:1}
.contact p+p {margin-top: 20px}
.contact .map{margin-top: 30px;}
.footer{height: 130px;background: #f44336;box-shadow: -5px -8.66px 30px 0px #979797;}
.footer .logo{background: url(../images/logo-footer.png)no-repeat left center;margin-top:38px}
.rekvesit{float:left;color:#fff;font-size: 16px;line-height: 1.5;margin-top:40px}
.time-working{float:left;color:#fff;font-size: 18px;line-height: 1.5;margin-top:40px;margin-left:50px}
/*TABS*/
.parameters{height:910px}
.parameters .title{font-size: 26px;font-weight: 400;padding-top:65px}
.juicemaster{background: url(../images/back-image.jpg)no-repeat;width:401px;height:749px;position:absolute;bottom:0;left:0}
.feature{position: absolute;top: 180px;right: 335px;}
.feature p{font-size:20px;margin-bottom:30px;font-weight: 300}
.feature-number{position: absolute;top: 165px;right: 85px;}
.feature-number p{font-size:24px;font-weight: 100;margin-bottom:15px}
.feature-number span{font-size:36px;font-weight: 100}
.transport-packing {position: absolute;bottom:285px;right:22px;}
.transport-packing .title{font-size:24px;font-weight:400;padding-top:0px}
.transport-packing .feature{top:55px;left:0px}
.transport-packing .feature-number{top:40px;right:62px}
.garanty{width:500px;background: #fff04c;font-size:24px;text-align: center;padding:10px 0px;position: absolute;bottom: 20px;right: 25px;}
.garanty .title{text-transform: uppercase;font-weight:400;color:#000;padding-top:0px}
.garanty p{font-weight:100}
.garanty span{font-size: 36px;font-weight: 300}
.spare-parts{height:910px;background: url(../images/spare-parts.jpg)no-repeat center;position:relative}
.info{padding: 10px 15px 5px;width:370px;background:#f1ff67;font-size:24px;font-style: italic;line-height:1.3;position:absolute;top:0;left:0}
.other-info{background:#f77167;color:#fff;width:325px;padding: 10px 15px 5px;position: absolute;top:200px;right: 0;font-size:20px;line-height:1.3}
.other-info span{display: inline-block;background: #fff;border-radius: 20px;width: 27px;height: 27px;color: #f77167;text-align: center;letter-spacing: -1px;padding-right: 3px;padding-top: 3px;}
.platform{background: url(../images/spare-parts-platform.png)no-repeat;background-position: 0px 0px;width:172px;height:62px}
.platform2{background: url(../images/spare-parts-platform.png)no-repeat;background-position: 0px -62px;width:172px;height:62px}
.platform3{background: url(../images/spare-parts-platform.png)no-repeat;background-position: 0px -124px;width:172px;height:62px}
.platform:nth-child(4){position: absolute;top: 80px;right: 310px;}
.platform:nth-child(5){position: absolute;top: 415px;right: 270px;}
.platform:nth-child(6){position: absolute;bottom: 210px;right: 298px;}
.platform2:nth-child(8){position: absolute;top: 360px;left: 330px;}
.platform2:nth-child(9){position: absolute;top: 290px;left: 240px;}
.platform2:nth-child(10){position: absolute;bottom: 180px;left: 220px;}
.platform3:nth-child(11){position: absolute;bottom: 326px;right: 295px;}
/*tabs style*/
.section {width:100%}
ul.tabs {width: 480px;height: 50px;margin: 0 auto 30px;}
.tabs li {float: left;position: relative;font-size: 24px;text-transform: uppercase;font-weight:400;margin-right: 90px;}
.tabs li:last-child{margin-right:0px}
.tabs li:hover{cursor: pointer}
.tabs li.current {font-weight: 400!important;box-shadow: 0 4px 0 #f44336!important}
.box {display: none;position: relative}
.box.visible {display: block;}
/*tabs-slider*/
.history .section {width:100%;margin-top:80px}
.history ul.tabs {width: 100%;margin: 0 auto 0;}
.history .tabs li {float: left;position: relative;font-size: 24px;text-transform: uppercase;font-weight: 300;margin: 0px 75px;border: 3px solid #fff;padding: 15px 41px;color: #fff;}
.history .tabs li:hover{cursor: pointer;font-weight:500}
.history .tabs li.current {border-width: 4px;box-shadow:none!important}
.liquid-slider .title {font-weight:100;font-size:72px;text-align: left;margin-bottom:15px}
.liquid-slider .text {font-weight:400;font-size:20px;text-align: left;color:#fff;line-height: 1.3;width:600px}
.liquid-slider img{position: absolute;right: 0;top: 150px;}
/*tooltip*/
.support {display: inline-block;position: relative;text-decoration: none;cursor: pointer;left: 180px;top: -9px;font-size: 20px;font-style: italic;color: #f44336}
.support-left{left:-50px;top:50px}
.tip {display: none;position: absolute;z-index: 250;top: 0;left: 100%;background: #f77167;text-align:center;color: #fff;cursor: default;padding: 5px;margin: -15px 0 0 10px;width: 270px;height: auto;line-height: 1.3}
.cover{left:-80px}
.cake{left:-140px}
.switch{left:-60px}
.bowl{top:30px}
.tolkatel{left: 70px;top: 15px;}
.krishka{left: -305px;top: 70px;}
.sito{left: -275px;top: 70px;}
.koltso{left: 168px;}
.chasha{left: 250px;top: 16px;}
.jmih{left: -228px;top: 55px;}
.turbo{left: -290px;top: 35px;}
.ruchka{left: 168px;}
.mufta{left: 50px;top: 20px;}
.tip-block {
  display: inline-block;
  position: relative; /*обязательно*/
  background: #000;
  margin: 0;
  padding: 0;
  border: 0;
  height: 0;
  width: 1px;
}
a.support:focus + .tip-block .tip {
  display:block;
}
a.support:focus {
  outline: none;
}
/*thanks*/
#thanks{background: url(../images/video-bg.jpg)no-repeat top center;}
.thanks{position: static}
.thanks .phonecall{margin-top: 25px;}
#thanks .container{margin-top:150px;font-size:30px;line-height:1.5}
#sito{position: relative;
    top: -80px;
    height: 1px;
    width: 1px;}
#container{position: relative;
    top: -80px;
    height: 1px;
    width: 1px;}
#krishka{position: relative;
    top: -80px;
    height: 1px;
    width: 1px;}
#mufta{position: relative;
    top: -110px;
    height: 1px;
    width: 1px;}
.form .a-text{color:#fff}
.form .a-text a{color:#fff}
.form .a-text:before{border:1px solid #fff;top:-2px}
.form .a-text:after{background-color:#fff;top:2px}
.agreement{padding-left:40px;line-height:1.3;margin-bottom:15px;width:80%;text-align:left;margin: 0 auto 15px}
.a-text{position:relative;font-size:12px}
.a-text:hover{cursor:pointer}
.a-text a{text-decoration:underline;color:#5fa748}
.a-text:before{content:'';width:15px;height:15px;border:1px solid #266413;position:absolute;top:3px;left:-25px;display:block}
.a-text:after{content:'';width:9px;height:9px;background-color:#266413;display:block;position:absolute;top:7px;left:-21px;display:none}
.a-text.agree:after{display:block}
button:disabled{opacity:0.5}
.content{padding-top:50px}
.content h2{font-size:30px;font-weight:bold;margin-bottom:1em}
.content p{margin-bottom:1em}
.content ul{ padding-left:20px}
.content ul li{list-style:disc;margin-bottom:0.5em}
.politic-link{float:left;margin-top:10px;width:100%;text-align:center}
.politic-link a{color:#fff}
.politic-link a:hover{text-decoration:none}
.cookies-block{position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #f5f5f5;
    padding: 20px 0;
    line-height: 1.3;}
.cookies-block .block{position:relative}
.cookies-block .close{position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    top: 0;
    right: 0px;
    background-color: #eb5854;}
.cookies-block .close:hover{opacity:0.5}
.cookies-block .close:before,.cookies-block .close:after{content: '';
    background-color: #bcedff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: 30px;
    height: 2px;
    top: 50%;
    margin-top: 0;
    position: absolute;
    left: 5px;}
.cookies-block .close:before{    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);}
.cookies-block .close:after{    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);}