* {padding:0;margin:0;}
body {font: 14px/18px 'Open Sans', Helvetica, Arial, Tahoma, Verdana, sans-serif;color:#fff;background: #2a2a2a url(../img/bgxl_new.jpg) top center no-repeat fixed;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
    text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
header, nav, section, article, aside, footer {display: block;}
a {color: #0;outline: none;text-decoration: underline;}
a:hover {text-decoration: none;}
ul {list-style-type:none;}
img {border: none;}
textarea,
select,
input {vertical-align: middle;font: 14px/16px 'Open Sans', Helvetica, Arial, Tahoma, Verdana, sans-serif;}

.rules-hold {text-align:left;overflow:hidden;font-weight:normal;font-size:14px;line-height:18px;}
.rules-hold ul,
.rules-hold li,
.rules-hold p, 
.rules-hold h3 {margin-bottom:20px;display:block;}
.rules-hold li {margin-bottom:17px;}
.rules-hold p + h3 {margin-top:10px;}
.rules-hold ul {overflow:hidden;display:block;}
.rules-hold .cl {box-sizing:border-box;float:left;width:50%;padding:0 10px 0 0;}
.rules-hold .cr {box-sizing:border-box;overflow:hidden;padding: 0 0 0 10px;}
.rules-hold a {color:#fff;}

.btn {padding: 0 15px;min-width: 90px;height:34px;line-height: 34px;text-decoration: none;display: inline-block;cursor: pointer;text-align: center;font-weight:normal;box-sizing:border-box;
	color: #fff;background:#37aa32;border-radius:4px;font-size: 15px;
}

/* Form */
form {position:relative;z-index:2;}
form label {display:block;position:relative;text-align: left;}
form label.inv {display:none;}
form label.text {padding:0;clear:both;display:block;position:relative;margin-bottom:7px;}
form label.text.inv {display:none;}
form label.text > span {position: relative;display:block;vertical-align: bottom;padding:5px;text-shadow: none;text-align: left;font-weight: normal;line-height: 25px;float:left;width:150px;}
form label.text input {border: none;height:36px;line-height:36px;padding: 0px 15px;width:295px;outline: none;background: #fff;box-sizing: border-box;font-size:16px;font-weight: 100;border-bottom: none;border-radius:3px;border:solid 2px #fff;}
form label.text input.placeholder {color:#999;}
form label.text + .cb {margin-top:10px;}
form label.cb + .buttons .btn {background-color:#e50e3b;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;cursor:default;}
form label.cb.checked + .buttons .btn  {background-color:#37aa32;cursor:pointer;}



/* Checkboxes */
form label.cb {position: relative;display: inline-block;text-align: left;vertical-align: middle;padding: 2px 0;cursor: default;overflow: hidden;font-weight: 100;clear: both;}
form label.cb:after {width: 34px;height: 34px;border-radius: 2px;border:solid 2px #fff;box-sizing: border-box;content: '';margin: 0px 0px 0px 10px;background: #fff;display: inline-block;vertical-align: middle;position: relative;top: 0px;}
form label.cb.radio:before {border-radius:100px;}
form label.cb.radio span {padding-top:2px;}
form label.cb span {display: inline-block;overflow: hidden;padding-top: 4px;position:relative;top:3px;}
form label.cb.checked:after {background:#fff url(../img/checked.png) center center no-repeat;}
form label.cb input {position:absolute;right:100%;bottom:100%;}
form label.cb a {color:#fff;text-decoration:underline;}
form .fl {padding:40px 0;position:relative;z-index:2;}
form .ft {overflow:hidden;position:relative;z-index:2;}
form .ft .cb {float:left;width:330px;}
form .ft .buttons {padding:0px 0;width: 125px;text-align: right;overflow: hidden;}

form label.cb.error:after  {}
form label.cb.error span,
form label.cb.error span a,
form label.text.error span {color:#e50e3b;}

.subsets {overflow:hidden;overflow: hidden;margin-bottom: 20px;}

/*form label.cb.checked:after {content: 'X';width: 20px;height: 20px;position: absolute;top: 8px;left: 5px;font-size: 14px;text-align: center;}*/

/*Errors*/
form label.cb.error:before {border-color:#fff;background-color:#af2b2b;}
form label.text.error input {}

.browser {text-align:center;overflow:hidden;margin: 0 auto;margin: 0 auto;text-align:center;margin-top: -30px;margin-bottom:20px;}
.browser a {display:block;color:#fff;text-decoration:none;font-size:24px;line-height:26px;}
.browser dl {display:inline-block;padding:0;vertical-align:top;}
.browser dl a {padding: 0px 0px 10px 0px;display: block;text-align: center;font-size:20px;margin:0px 6px;text-decoration: none;width:100px;color:#000;font-size:16px;font-weight:normal;}
.browser dl a > span {display:inline-block;width:100px;height:107px;line-height:102px;text-align:center;vertical-align:middle;margin: 10px auto;background: url(../img/old-browsers.png) center center no-repeat;}

.browser dl a > span img {display:inline-block;vertical-align:middle;}
.browser dl a:hover {color:#efefef;}
.browser dl.ch a > span {background-image:url(../img/chrome.png);}
.browser dl.ie a > span {background-image:url(../img/ie.png);}
.browser dl.ff a > span {background-image:url(../img/ff.png);}
.browser dl.sa a > span {background-image:url(../img/safari.png);}



#app {position:relative;max-width:1366px;margin:0 auto;text-align:center;padding:0;color:#1e1e1c;z-index:1;overflow:hidden;font-family: 'Open Sans';min-width: 960px;}
#app > div {max-width:1032px;margin:0 auto;font-size:14px;}
#app > div h2 {font-size:30px;font-weight:normal;line-height:34px;margin-bottom:5px;}
#app .menu {height:106px;box-sizing:border-box;text-align:left;padding:60px 50px 0;}
#app .menu a {display:inline-block;text-decoration:none;color:#1e1e1c;padding:8px;text-transform:uppercase;font-weight:600;border-bottom:solid 1px transparent;}
#app .menu a.fr {float:right;}
#app .menu a:hover {border-bottom:solid 1px #1e1e1c;}
#app > div > form {border:solid 6px #c5b172;background:transparent;margin:0 auto;padding:0px;position:relative;z-index:2;color:#fff;}
#app > div > form:before {content:'';position:absolute;top:0;left:50%;width:141px;height:86px;background:url(../img/sk-logo.png);margin:-69px 0 0 -70px;z-index:2;}

#app > div > form #oven {position:relative;z-index:1;position:relative;}
#app > div > form #oven:before {content:'';position:absolute;top:0;left:50%;width:547px;height:100px;background:url(../img/sk-title.png);margin:70px 0 0 -273px;z-index:2;}
#app > div > form #oven img {display:block;height:auto;z-index:1;position:relative;max-width:100%;pointer-events:none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
#app > div > form #oven .t4,
#app > div > form #oven .t3,
#app > div > form #oven .t2,
#app > div > form #oven .t1 {position:absolute;top:0;left:0;background: center center no-repeat;z-index:3;
	-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
	-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);transform: scale(0);
	-webkit-transform-origin: 50% 100%;-moz-transform-origin: 50% 100%;-o-transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;transform-origin: 50% 100%;
}
#app > div > form #oven .t1 {top: 282px;left: 118px;}
#app > div > form #oven .t2 {top: 402px;left: 301px;}
#app > div > form #oven .t3 {top: 432px;left: 648px;}
#app > div > form #oven .t4 {top: 642px;left: 446px;}
#app > div > form #oven .t1 {width:280px;height:262px;background-image:url(../img/sk-txtone.png);}
#app > div > form #oven .t2 {width:263px;height:198px;background-image:url(../img/sk-txttwo.png);}
#app > div > form #oven .t3 {width:269px;height:237px;background-image:url(../img/sk-txtthree.png);}
#app > div > form #oven .t4 {width:394px;height:271px;background-image:url(../img/sk-txtfour.png);}

#app.ready4 > div > form #oven .t4,
#app.ready3 > div > form #oven .t3,
#app.ready2 > div > form #oven .t2,
#app.ready > div > form #oven .t1 {
	-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);
}
#app > div > form .data {background:#222 url(../img/sk-graybg.png);text-align:left;padding:50px;position:relative;}
#app > div > form .data + .data {padding-top:0;} 
#app > div > form #reg:after {content:'';position:absolute;top:50%;right:0;width:396px;height:489px;background:url(../img/sk-regproducts.png);margin:-245px 50px 0 0;}

#app > form > h1 {font-size: 30px;margin-bottom: 20px;    }
#app > form > p {font-size: 18px;padding: 0 100px 30px;line-height: 21px;    }
#app > form > h2 {font-size: 30px;padding:0 0 6px;line-height: 21px;color: #96d100;font-weight: 600;}
#app > form .au {position:absolute;top:0;left:50%;text-align:center;font-size:18px;}
#app > form .au.au1 {margin: 250px 0 0 -490px;}
#app > form .au.au1:before {width:309px;height:307px;display:block;background:url(../img/au1.png);content:'';}
#app > form .au.au2 {margin: 250px 0 0 200px;}
#app > form .au.au2:before {width:286px;height:265px;margin-top:44px;display:block;background:url(../img/au2.png);content:'';}

form label {position:relative;}
form label small {
	position: absolute;margin-bottom: 3px;bottom: 100%;left: 205px;margin-left: 0;width: 208px;box-sizing: border-box;text-align: center;padding: 20px;color: #af2b2b;border: solid 2px #af2b2b;border-radius: 5px;font-size: 18px;background: #fff;pointer-events: none;
	text-shadow: none;font-size: 15px;line-height: 15px;box-shadow: 0 21px 10px -15px #000;
	-webkit-transform-origin: 50% 100%;-moz-transform-origin: 50% 100%;-o-transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;transform-origin: 50% 100%;
	-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);transform: scale(0);
	-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;
}
form label small:after,
form label small:before {bottom: 0;left: 50%;border: solid 13px transparent;border-top-color: #af2b2b;margin-left: -13px;content: '';position: absolute;margin-bottom: -26px;}
form label small:after {margin-left: -11px;margin-bottom: -22px;border: solid 11px transparent;border-top-color: #fff;}
form label .showerror + small {-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);pointer-events:all;}

#dialog {position:absolute;top:0;left:0;width:100%;height:100%;display:none;z-index:100;color:#222;background:rgba(0,0,0,0.7);font-family: 'Open Sans';font-size:15px;}
#dialog > div {
	width:500px;margin:120px auto 0;text-align:center;color:#1e1e1c;position:relative;display:none;
	box-sizing:border-box;font-size:15px;line-height:15px;border-radius:0px;background:#ffffdd;box-shadow: 0 10px 25px rgba(0,0,0,0.35);
}

#dialog > div .head {padding:45px 45px 0;}
#dialog > div .head h2 {font-size: 30px;color: #1e1e1c;line-height: 40px;margin: 0 0 20px;font-weight:normal;}
#dialog > div .head h2 > span {position: relative;display:inline-block;}
#dialog > div .head h2 > span:after,
#dialog > div .head h2 > span:before {position:absolute;top:50%;height:65px;width:59px;margin-top:-25px;content:'';}
#dialog > div .head h2 > span:before {}
#dialog > div .head h2 > span:after {}
#dialog > div .body {padding:0 45px 45px;font-size:14px;}
#dialog > div p {margin-bottom:20px;}

#dialog a {color:#fff;}
#dialog p.xl {font-size: 24px;line-height: 44px;}
#dialog .close {position:absolute;top:-50px;right:0;width:50px;height:50px;line-height:50px;text-align:center;color:#fff;font-size:20px;cursor:pointer;font-weight: bold; background:url(../img/dlg-close.png) center center no-repeat;}
#dialog .tab {position: absolute;top: 141px;left: 100%;cursor: pointer;border-radius: 0 8px 8px 0;overflow: hidden;border: solid 2px #000;}
#dialog .tab img {display:block;}
#dialog .green {color:#8ac814;}

#dialog > div.xl {width:830px;}
#dialog > div.small {width:500px;}
#dialog > div.small .body {}
#dialog > div.small p {font-size: 17px;line-height: 22px;}

.type_tablet #infoks,
.type_phone #infoks {display:none;}
.type_tablet #infoks_m,
.type_phone #infoks_m {display:block;}

#dialog > div {border:solid 5px #e50e3b;}
#dialog > div .btn {background-color:#e50e3b;}
#dialog > div#success {border-color:#37aa32;}
#dialog > div#success .btn {background-color:#37aa32;}

#dialog > div#videodlg {border:none;width:855px;margin-top: 330px;}
#dialog > div#videodlg iframe {display:block;}

.collapsible {border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;padding:40px 0;}
.collapsible + .collapsible {border-top:none;}
.collapsible h2 span {display:inline-block;cursor:pointer;}
.collapsible h2 span:after {content:'+';display:inline-block;padding:0 10px;}
.collapsible.open h2 span:after  {content:'-'}
.collapsible .content {padding-top:20px;display:none;overflow:hidden;}
.collapsible.open .content {display:block;}
.collapsible .content p {margin-bottom:15px;}
.collapsible h3 {font-size:20px;font-weight:normal;margin:0 0 20px;}
.collapsible:last-child {border-bottom:none;padding-bottom:10px;}
.red {color:#e50e3b;}

.product-list .title h4 {font-size:20px;margin-bottom:15px;font-weight:normal;}
.product-list .row:after {content:'';display:block;clear:both;}
.product-list .row .cl {float:left;padding: 0 10px 0 0;width:50%;box-sizing:border-box;}
.product-list .row .cr {overflow:hidden;padding: 0 0 0 10px;}
.prodlist {height:290px;position:relative;width:820px;margin:0 auto;margin-top:15px;margin-bottom:20px;
	-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;  
}
.prodlist:after {content:'';display:block;clear:both;}
.prodlist > div {overflow:hidden;position:relative;height:290px;}
.prodlist .prev {position:absolute;top:50%;left:-30px;width:27px;height:44px;background:url(../img/prev.png);cursor:pointer;margin-top:-40px;}
.prodlist .next {position:absolute;top:50%;right:-30px;width:27px;height:44px;background:url(../img/next.png);cursor:pointer;margin-top:-40px;}
.prodlist .prod {position:absolute;top:0;left:100%;width:25%;opacity:0;
	-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;
	-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
}
.prodlist .prod em {content:'';position:absolute;top:0;right:0;width:77px;height:77px;background:url(../img/new.png);z-index: 2;}
.prodlist .prod img {position:absolute;top:0;left:0;width:100%;height:auto;}
.prodlist .prod span {display:block;text-align:center;margin-top:250px;padding:0 5px;}
.prodlist .prod.first {left:0%;opacity:1;}
.prodlist .prod.first + .prod {left:25%;opacity:1;}
.prodlist .prod.first + .prod + .prod {left:50%;opacity:1;}
.prodlist .prod.first + .prod + .prod + .prod {left:75%;opacity:1;}
.prodlist .prod.off {left:-25%;opacity:0;}

.prodlist.x3 {margin-top:30px;}
.prodlist.x3,
.prodlist.x3 > div {height:185px;}
.prodlist.x3 .prod {width:33%;}
.prodlist.x3 .prod img {top:0;}
.prodlist.x3 .prod span {margin-top:135px;}
.prodlist.x3 .prod.first {left:0%;opacity:1;}
.prodlist.x3 .prod.first + .prod {left:33%;opacity:1;}
.prodlist.x3 .prod.first + .prod + .prod {left:66%;opacity:1;}
.prodlist.x3 .prod.first + .prod + .prod +  .prod {left:100%;opacity:0;}
.prodlist.x3 .prod.off {left:-33%;opacity:0;}
.prodlist.x3 .prev,
.prodlist.x3 .next {margin-top:-45px;}

.prodlist.x3.t {text-align:center;margin-bottom:0;}
.prodlist.x3.t .prod {position:relative;display:inline-block;left:0 !important;}
.prodlist.x3.t .prod img {top:0px;}
.prodlist.x3.t .prod span {margin-top:190px;}

#app .menu.foot {padding: 20px 55px;height: auto;margin:0;}
#app .menu.foot .copy {padding:20px 0;border-top: solid 1px #595c5c;margin-top: 20px;}

.rus #app > div > form #oven:before {width:897px;background:url(../img/sk-title-rus.png);margin:70px 0 0 -448px;}
.rus #app > div > form #oven .t1 {background-image:url(../img/sk-txtone-rus.png);}
.rus #app > div > form #oven .t2 {background-image:url(../img/sk-txttwo-rus.png);}
.rus #app > div > form #oven .t3 {background-image:url(../img/sk-txtthree-rus.png);}
.rus #app > div > form #oven .t4 {background-image:url(../img/sk-txtfour-rus.png);}
.rus #app > div > form #reg:after {background-image:url(../img/sk-regproducts-rus.png?1);}
.rus .prodlist .prod em {background-image:url(../img/newrus.png);}