html{
  background:#000000;
  _background:#eeeeee;
  _background:#E31F26;
  font-size:6.25%;
}
body{
  overflow:auto;
}
html, body{
  -webkit-text-size-adjust: none;
  height:100%;
  margin:0;
}

body, input, select, textarea, button{
  font-family: Arial;
  font-family:'Raleway';
  font-size:16rem;
  color:#ffffff;
}

#w{
  position:absolute;
}
#w span{
  width:1px;
  height:1px;
  position:absolute;
  display:none;
}

#page{
  width:100%;
  min-width:320px;
  min-height:100%;
  position:relative;
  overflow:hidden;
}
#_page{
  background:#ffffff;
  background:url(images/kopa.jpg) no-repeat center top;
}
#page{
  width:1200rem;
  margin:0 auto;
}
@media screen and (max-width:1200px) {
}

.center{
  width:1200rem;
  height:650rem;
  margin:0 auto;
  position:relative;
}



#head{
  width:100%;
  height:70rem;
  left:0;
  padding:0;
  position:fixed;
  z-index:100;
  background:#000000;
  _background:rgba(255,0,0,.2);
  _opacity:.5;
  border-bottom:6rem solid #ffffff;
}
#head{
  _max-width:1200rem;
  _position:absolute;
}
#head .center{
  height:70rem;
  _background:#000000;
  _background:rgba(255,0,0,.2);
}
#head .menu{
  width:865rem;
  margin:0 0 0 187rem;
  position:relative;
}
#head .menu > a{
  display:none;
}
#head .menu ul.main{
  font-size:0;
  list-style:none;
  padding:0;
  margin:0 0 0 -10rem;
  position:absolute;
  white-space:nowrap;
  text-align:center;
  transition:all .2s;
}
#head .menu ul.main > li{
  font-family: Arial, sans-serif;
  font-size:22rem;
  line-height:25rem;
  letter-spacing:.8rem;
  font-weight:900;
  text-align:left;
  display:inline-block;
  vertical-align:top;
  white-space:nowrap;
  position:relative;
  margin:0 71rem 0 0;
}
#head .menu ul.main > li > a{
  padding:23rem 0 2rem 0;
  display:block;
  color:#FFFFFF;
  text-transform:uppercase;
  text-decoration:none;
  position:relative;
  z-index:1;
}
#head .menu ul.main > li > a.active{
  padding-bottom:0;
  border-bottom:2rem solid #ffffff;
}




#content{
}
#content .block{
  width:100%;
  position:relative;
}
#content .block::after{
  content:'';
  width:1120rem;
  height:4rem;
  background:#aa7b50;
  position:absolute;
  border-radius:2rem;
  bottom:0;
  left:50%;
  transform:translate(-50%,-3rem);
}
#content .block .title{
  width:100%;
  font-family: 'Calps Sans';
  font-size:70rem;
  line-height:70rem;
  font-weight:900;
  letter-spacing:1rem;
  color:#ffffff;
  text-align:center;
  position:relative;
  margin:0;
}



#content .block.home{
  _opacity:.5;
}
#content .block.home .center{
  height:1025rem;
  height:1105rem;
}
#content .block.home .center .top{
  height:660rem;
  background:#000000 url(images/bg_home.jpg) no-repeat center 0;
  background-size:100% auto;
  _background:rgba(0,255,0,.1);
  position:relative;
}
#content .block.home .pintinox{
  width:186rem;
  height:44rem;
  background:url(images/pintinox.png) no-repeat center;
  background-size:contain;
  position:absolute;
  top:115rem;
  left:40rem;
  z-index:1;
}
#content .block.home .maxima{
  width:201rem;
  height:81rem;
  background:url(images/maxima_see.png) no-repeat center;
  background-size:contain;
  position:absolute;
  top:115rem;
  right:0;
  z-index:1;
}
#content .block.home .disc{
  font-family: 'Calps Sans';
  font-size:26rem;
  line-height:26rem;
  font-weight:900;
  color:#ffffff;
  text-align:center;
  width:250rem;
  height:115rem;
  background:#c00b26;
  border-radius:65rem;
  padding:15rem 0 0 0;
  position:absolute;
  left:875rem;
  top:473rem;
}
#content .block.home .disc b{
  font-size:93rem;
  line-height:63rem;
  display:block;
}
#content .block.home .title{
  color:#aa7b50;
  margin:38rem 0 17rem 0;
}
#content .block.home .title + p{
  font-family: Arial, sans-serif;
  font-size:22rem;
  line-height:25rem;
  text-align:center;
  color:#ffffff;
  margin:0 0 47rem 0;
}
#content .block.home .steps{
  width:1120rem;
  border-radius:32rem;
  margin:0 auto;
  box-sizing:content-box;
  overflow:hidden;
}
#content .block.home .steps h3{
  font-family: 'Calps Sans';
  font-size:50rem;
  line-height:60rem;
  font-weight:900;
  letter-spacing:0;
  color:#ffffff;
  text-align:center;
  margin:0;
  background:#aa7b50;
}
#content .block.home .steps ul{
  list-style:none;
  padding:10rem 0 4rem 90rem;
  margin:0;
  background:#ffffff;
  white-space:nowrap;
}
#content .block.home .steps li{
  font-family: Arial, sans-serif;
  line-height:114rem;
  display:inline-block;
  vertical-align:middle;
  position:relative;
  margin-left:99rem;
}
#content .block.home .steps li:first-child{
  margin-left:0;
}
#content .block.home .steps li::before{
  content:'';
  width:28rem;
  height:56rem;
  position:absolute;
  background:url(images/next.png) no-repeat center;
  background-image:url(images/next.svg), none;
  background-size:contain;
  top:29rem;
  left:-66rem;
}
#content .block.home .steps li:first-child::before{
  display:none;
}
#content .block.home .steps li span{
  font-size:21rem;
  line-height:25rem;
  font-weight:400;
  color:#000000;
  display:inline-block;
  vertical-align:middle;
}
#content .block.home .steps li span.eur b{
  font-size:70rem;
  line-height:70rem;
  font-weight:700;
}
#content .block.home .steps li span.card{
  width:115rem;
  height:85rem;
  background:url(images/card.png) no-repeat center;
  background-size:contain;
  margin:-2rem -2rem 0 19rem;
}
#content .block.home .steps li span.dark{
  text-align:center;
  color:#000000;
  margin:-15rem 0 0 0;
}
#content .block.home .steps li span.c{
  font-family: 'Calps Sans';
  font-size:17rem;
  line-height:17rem;
  font-weight:900;
  color:#ffffff;
  text-align:center;
  width:160rem;
  height:74rem;
  background:#c00b26;
  border-radius:42rem;
  padding:10rem 0 0 0;
  margin:-7rem 0 0 26rem;
}
#content .block.home .steps li span.c b{
  font-size:60rem;
  line-height:38rem;
  display:block;
}






#content .block.products{
}
#content .block.products .center{
  padding:33rem 0 56rem 0;
  height:auto;
  background:#000000;
  _background:rgba(0,255,0,.1);
}
#content .block.products .title{
  font-size:60rem;
  line-height:60rem;
  margin:0 0 42rem 0;
}
#content .block.products .list{
  padding:0;
  width:1120rem;
  margin:0 auto;
  _background:rgba(0,255,0,.3);
}
#content .block.products .list ul{
  list-style:none;
  padding:0;
  margin:0;
}
#content .block.products .list > ul{
  margin:0 -30rem 0 0;
  width:1150rem;
}
#content .block.products .list .item{
  float:left;
  position:relative;
  margin:0 20rem 20rem 0;
  width:550rem;
  height:550rem;
  background:url(images/spacer.gif) no-repeat center bottom;
  background-size:contain;
}
#content .block.products .list .item{
  _background:rgba(255,0,0,.3) !important;
}
#content .block.products .list .item.mob{
  display:none;
}
#content .block.products .list .item.high{
  height:700rem;
}
#content .block.products .list .about{
  width:260rem;
  position:absolute;
  top:22rem;
  left:35rem;
}
#content .block.products .list .about h5{
  font-family: 'Calps Sans';
  font-size:35rem;
  line-height:40rem;
  font-weight:900;
  letter-spacing:.2rem;
  color:#ffffff;
  margin:0 0 3rem 0;
  position:relative;
}
#content .block.products .list .about h5 + small{
  font-family:'Raleway';
  font-size:16rem;
  line-height:18rem;
  font-weight:800;
  color:#ffffff;
  margin:0 0 10rem 0;
  display:block;
}
#content .block.products .list .about p{
  font-family:'Raleway';
  font-size:13rem;
  line-height:16rem;
  font-weight:500;
  color:#ffffff;
  margin:0 0 1rem 0;
  display:block;
}
#content .block.products .list .about li{
  font-family:'Raleway';
  font-size:13rem;
  line-height:16rem;
  font-weight:500;
  color:#ffffff;
  text-align:left;
  margin:0;
  padding:0 0 0 8rem;
  display:block;
  position:relative;
}
#content .block.products .list .about li::before{
  content:'-';
  position:absolute;
  left:0;
}
#content .block.products .list .price{
  font-family:'Raleway';
  width:200rem;
  height:82rem;
  padding:15rem 12rem;
  box-sizing:border-box;
  white-space:nowrap;
  text-align:center;
  border-radius:41rem;
  background:#c00b26;
  _opacity:.5;
  position:absolute;
  right:35rem;
  top:35rem;
}
#content .block.products .list .about .price{
  position:relative;
  right:auto;
  top:auto;
}
#content .block.products .list .price div{
  width:82rem;
  vertical-align:top;
  display:inline-block;
  white-space:normal;
  padding:0;
}
#content .block.products .list .price div + div{
  width:85rem;
  border-left:1px solid #ffffff;
  padding-left:8rem;
}
#content .block.products .list .price del{
  font-size:15rem;
  line-height:18rem;
  font-weight:500;
  letter-spacing:1rem;
  color:#ffffff;
  text-decoration:none;
  position:relative;
}
#content .block.products .list .price del span{
  vertical-align:top;
  display:inline-block;
  margin:-1rem 0 0 0;
}
#content .block.products .list .price del::after{
  content:'';
  width:100%;
  height:1rem;
  left:0;
  top:7rem;
  position:absolute;
  background:#ffffff;
}
#content .block.products .list .price .proc{
  font-family: 'Calps Sans';
  font-size:40rem;
  line-height:40rem;
  font-weight:900;
  color:#ffffff;
  padding:0;
  margin:-3rem 3rem 0 0;
  display:block;
}
#content .block.products .list .price .eur{
  font-family: 'Calps Sans';
  font-size:40rem;
  line-height:40rem;
  font-weight:900;
  letter-spacing:-1.5rem;
  color:#ffffff;
  padding:0;
  display:block;
  margin:-6rem 0 0 0;
}
#content .block.products .list .price .card{
  font-size:15rem;
  line-height:28rem;
  font-weight:500;
  color:#ffffff;
  margin-top:-6rem;
  display:inline-block;
  vertical-align:top;
}
#content .block.products .list .price .card i{
  width:115rem;
  height:85rem;
  width:38rem;
  height:28rem;
  background:url(images/card.png) no-repeat center;
  background-size:contain;
  margin:0 0 2rem 2rem;
  display:inline-block;
  vertical-align:bottom;
}
#content .block.products .list .item.malmist-grillpann{
  background-image:url(images/p/malmist-grillpann.jpg);
}
#content .block.products .list .item.seljakott{
  background-image:url(images/p/seljakott2.jpg);
}
#content .block.products .list .item.valualumiiniumpann{
  background-image:url(images/p/valualumiiniumpann2.jpg);
}
#content .block.products .list .item.termos{
  background-image:url(images/p/termos.jpg);
}
#content .block.products .list .item.piknikutekk{
  background-image:url(images/p/piknikutekk.jpg);
}
#content .block.products .list .item.piknikutekk .about small{
  margin:0 0 8rem 0;
}
#content .block.products .list .item.piknikutekk .about[rel="_1"]{
  text-align:right;
  left:auto;
  right:35rem;
}
#content .block.products .list .item.piknikutekk .about[rel="_1"] li{
  text-align:right;
}
#content .block.products .list .item.piknikutekk .about[rel="_1"] li::before{
  position:relative;
  left:auto;
  padding:0 5rem 0 0;
}
#content .block.products .list .item.piknikutekk .about[rel="_1"] .price{
  margin:20rem 0 0 0;
  display:inline-block;
}
#content .block.products .list .item.piknikutekk .about[rel="_2"]{
  width:220rem;
  top:auto;
  bottom:33rem;
}
#content .block.products .list .item.piknikutekk .about[rel="_2"] small{
  margin:0 0 5rem 0;
}
#content .block.products .list .item.piknikutekk .about[rel="_2"] .price{
  right:-260rem;
  bottom:3rem;
  position:absolute;
}
#content .block.products .list .item.plasku{
  background-image:url(images/p/plasku.jpg);
}
#content .block.products .list .item.plasku .about[rel="_1"]{
  width:240rem;
}
#content .block.products .list .item.plasku .about[rel="_1"] small{
  margin:0 0 7rem 0;
}
#content .block.products .list .item.plasku .about[rel="_1"] .price{
  right:-240rem;
  top:12rem;
  position:absolute;
}
#content .block.products .list .item.plasku .about[rel="_2"]{
  width:270rem;
  top:auto;
  bottom:31rem;
  left:auto;
  right:35rem;
  text-align:right;
}
#content .block.products .list .item.plasku .about[rel="_2"] small{
  margin:0 0 5rem 0;
}
#content .block.products .list .item.plasku .about[rel="_2"] li{
  text-align:right;
}
#content .block.products .list .item.plasku .about[rel="_2"] li::before{
  position:relative;
  left:auto;
  padding:0 5rem 0 0;
}
#content .block.products .list .item.plasku .about[rel="_2"] .price{
  left:-210rem;
  bottom:3rem;
  position:absolute;
}
#content .block.products .list .item.serveerimiskomplekt{
  background-image:url(images/p/serveerimiskomplekt.jpg);
}
#content .block.products .list .item.serveerimiskomplekt .about{
  width:280rem;
}
#content .block.products .list .item.serveerimiskomplekt small{
  margin:0 0 6rem 0;
}
#content .block.products .list .item.seiklusnuga{
  background-image:url(images/p/seiklusnuga.jpg);
}
#content .block.products .list .item.bbq-tooriistakomplekt{
  background-image:url(images/p/bbq-tooriistakomplekt.jpg);
}
#content .block.products .list .item.bbq-tooriistakomplekt .about small{
  margin:0 0 8rem 0;
}
#content .block.products .list .item.bbq-tooriistakomplekt .about[rel="_1"]{
  width:290rem;
  text-align:right;
  left:auto;
  right:35rem;
  top:24rem;
}
#content .block.products .list .item.bbq-tooriistakomplekt .about[rel="_1"] h5,
#content .block.products .list .item.bbq-tooriistakomplekt .about[rel="_1"] small,
#content .block.products .list .item.bbq-tooriistakomplekt .about[rel="_1"] p,
#content .block.products .list .item.bbq-tooriistakomplekt .about[rel="_1"] li{
  color:#000000;
}
#content .block.products .list .item.bbq-tooriistakomplekt .about[rel="_1"] h5{
  line-height:37rem;
}
#content .block.products .list .item.bbq-tooriistakomplekt .about[rel="_1"] p{
  margin:0;
}
#content .block.products .list .item.bbq-tooriistakomplekt .about[rel="_1"] li{
  text-align:right;
}
#content .block.products .list .item.bbq-tooriistakomplekt .about[rel="_1"] li::before{
  position:relative;
  left:auto;
  padding:0 5rem 0 0;
}
#content .block.products .list .item.bbq-tooriistakomplekt .about[rel="_1"] .price{
  left:-190rem;
  top:10rem;
  position:absolute;
}
#content .block.products .list .item.bbq-tooriistakomplekt .about[rel="_2"]{
  width:250rem;
  top:auto;
  bottom:31rem;
}
#content .block.products .list .item.bbq-tooriistakomplekt .about[rel="_2"] h5{
  line-height:37rem;
}
#content .block.products .list .item.bbq-tooriistakomplekt .about[rel="_2"] small{
  margin:0 0 5rem 0;
}
#content .block.products .list .item.bbq-tooriistakomplekt .about[rel="_2"] .price{
  right:-230rem;
  bottom:3rem;
  position:absolute;
}
#content .block.products .list .item.kirves{
  background-image:url(images/p/kirves.jpg);
}


#content .block.rules{
  _opacity:.5;
}
#content .block.rules .center{
  padding:33rem 0 49rem 0;
  height:auto;
  background:#000000;
  _background:rgba(0,255,0,.1);
}
#content .block.rules .title{
  font-size:60rem;
  line-height:60rem;
  letter-spacing:0;
  margin:0 0 35rem 0;
}
#content .block.rules .info{
  font-family: Arial;
  font-size:22rem;
  line-height:30rem;
  color:#FFFFFF;
  letter-spacing:0;
  font-weight:400;
  padding:0 40rem 0 40rem;
  text-align:justify;
  margin:0;
}
#content .block.rules .info b{
  font-weight:900;
  white-space:nowrap;
}
#content .block.rules .info p{
  margin:0;
}
#content .block.rules .info p + p{
  margin-top:30rem;
}




#content .block.end{
  _position:absolute;
  padding:25rem 0;
}
#content .block.end::after{
  display:none;
}



form{
  margin:0;
}
.left{
  float:left;
}
.right{
  float:right;
}
.clear{
  clear:both;
  height:1px;
  overflow:hidden;
  display:block;
}

sup, sub{
	height: 0;
	line-height: 0;
	vertical-align: baseline;
	position: relative;
}
sup{
	bottom: 1.5ex;
  font-size:50%;
}
sub{
	top: .5ex;
  font-size:65%;
}

input:focus, textarea:focus, select:focus{
  outline: none;
  outline-width:0;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);    
  -webkit-user-modify: read-write-plaintext-only;
}
textarea{
  resize: none;
}
@-webkit-keyframes autofill {
    to {
        color: #666;
        background: transparent;
    }
}
input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

