/* General */
body {font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 16px; line-height: 1.3; color: #284457;}

h1,h2,h3,h4,h5,h6 {font-family: 'Roboto', sans-serif; font-weight:300; line-height:1.2}
h1 {}
h2 {color:#891840; font-size:32px;}
h3 {}
h4 {}
h5 {}
h6 {}

p {font-size: 16px;}

strong,b {}
em,i {}
small, .small {font-size:85%;}
mark, .mark {padding:.2em; background-color:#fcf8e3;}

blockquote {}
blockquote cite {}
cite {}
q {}
abbr[title], abbr[data-original-title] {cursor:help; border-bottom:1px dotted #777;}
dfn {}

img {}

hr {}

ul,ol {}
ul {}
ol {}
li {}
ul li {}
ol li {}

a {color:#891840;}
a:link {}
a:hover {color:#b3002a; text-decoration:none;}
a:active, a.active {}
a:focus {}
.button {}
.button:link {}
.button:hover {}
.button:active, button.active {}
.button:focus {}



/* Fonts */
.font-def {font-family: 'Roboto', sans-serif; font-weight: 400;}
.font-def-thin {font-family: 'Roboto', sans-serif; font-weight: 100;}
.font-def-light {font-family: 'Roboto', sans-serif; font-weight: 300;}
.font-def-med {font-family: 'Roboto', sans-serif; font-weight: 500;}
.font-def-bold {font-family: 'Roboto', sans-serif; font-weight: 700;}
.font-def-ultra {font-family: 'Roboto', sans-serif; font-weight: 900;}
.font-cond {font-family: 'Roboto Condensed', sans-serif; font-weight: 400;}
.font-cond-light {font-family: 'Roboto Condensed', sans-serif; font-weight: 300;}
.font-cond-bold {font-family: 'Roboto Condensed', sans-serif; font-weight: 700;}
.font-mono {font-family: 'Roboto Mono'; font-weight: 400;}
.font-mono-thin {font-family: 'Roboto Mono'; font-weight: 100;}
.font-mono-light {font-family: 'Roboto Mono'; font-weight: 300;}
.font-mono-med {font-family: 'Roboto Mono'; font-weight: 500;}
.font-mono-bold {font-family: 'Roboto Mono'; font-weight: 700;}
.font-serif {font-family: 'Roboto Slab', serif; font-weight: 400;}
.font-serif-thin {font-family: 'Roboto Slab', serif; font-weight: 100;}
.font-serif-light {font-family: 'Roboto Slab', serif; font-weight: 300;}
.font-serif-bold {font-family: 'Roboto Slab', serif; font-weight: 700;}



/* Page */

.box {width:1240px; margin-left:auto; margin-right:auto; position:relative;}

.logo-holder {position:absolute; top:0; left:0; width:100%; min-width:1240px; z-index:1010;}

.logo-holder .l1 { width:165px; text-align: center; position:absolute; top: 30px; left: 50%; margin-left:-620px; z-index:1010; pointer-events: none;}
.logo-holder .l2 { width:165px; text-align: center; position:fixed; top: -60px; left: 50%; margin-left:-620px; z-index:1010; pointer-events: none; transition: top 0.4s;}
.logo-holder.uk-active .l1 {display:none;}
.logo-holder.uk-active .l2 {position: fixed; top: 21px; transition: top 0.4s;}

.uk-modal-page .logo-holder .l1 {margin-left:-628.5px;}
.uk-modal-page .logo-holder .l2 {margin-left:-628.5px;}

nav {height:80px; white-space:nowrap; position:fixed; width:100%; min-width:1240px; top:0; left:0; z-index:1000; box-shadow:rgba(0,0,0,0.3) 0 2px 15px; background: rgb(125,22,59);
background: -moz-linear-gradient(left,  rgba(125,22,59,1) 0%, rgba(92,0,9,1) 100%);
background: -webkit-linear-gradient(left,  rgba(125,22,59,1) 0%,rgba(92,0,9,1) 100%);
background: linear-gradient(to right,  rgba(125,22,59,1) 0%,rgba(92,0,9,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d163b', endColorstr='#5c0009',GradientType=1 );
}
.uk-modal-page nav {margin-left:-8.5px;}
nav a.logo {display:block;  width:155px; height: 80px; position:relative;}
nav a.logo span {-webkit-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; display:block; width:165px; height: 93px; background:#fff; position:absolute; top: 0; left:0; box-shadow:rgba(0,0,0,0.2) 0 2px 10px;}
nav a.logo span .l2 {position:absolute; bottom: 100px; left: 28px;}
nav .menus {height:80px;font-weight:bold;}
nav .menus ul {list-style:none; float:right; height:80px; padding-right:15px; font-size:12px; border-right:1px solid #6e1e2c;}
nav .menus ul li {display:inline-block; text-transform:uppercase; text-shadow:rgba(0,0,0,0.4) 0 1px 5px; margin-right:15px; line-height:80px;}
nav .menus ul li a {text-decoration:none; color:#fff;}
nav .menus ul li a:hover {color:#ffc4d8;}
nav .contacts {height:80px; background: -moz-linear-gradient(left,  rgba(125,22,59,1) 0%, rgba(92,0,9,0) 100%);
background: -webkit-linear-gradient(left,  rgba(125,22,59,1) 0%,rgba(92,0,9,0) 100%);
background: linear-gradient(to right,  rgba(125,22,59,1) 0%,rgba(92,0,9,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d163b', endColorstr='#005c0009',GradientType=1 );
}
nav .contacts .contacts-panel {height: 75px; padding: 5px 0 0 15px; border-left:1px solid #5c0514;}
nav .contacts .contacts-panel strong {font-size:24px; font-weight:bold;color:#fff;}
nav .contacts .contacts-panel a {}

header .front {height:710px;background:#e6e5df; position:relative; overflow:hidden; width:100%;}
header .front .box {position:relative;}
header .spots { background:url('../img/spots.png') top center repeat-x; position: absolute; z-index:40; top: 90px; left:0; height:91px; width:100%;}
header .front-image {width:988px; height:921px; position:absolute; top:0; left:564px; z-index:50;}
header .front-logo {width:295px; position:absolute; top: 180px; left:0; z-index:40;}
header .front-logo img {width:100%; height:auto;}
header .front-slogan {color:#df0d08; font-weight:bold; position:absolute; top:220px; left:280px; font-size:30px; line-height:32px; z-index:60;}
header .front-info {color:#8d8b84; font-weight:300; position:absolute; top:320px; left:280px; z-index:60;}
header .front-announce {color:#8d8b84; font-weight:100; font-size:28px; position:absolute; top:430px; left:0; z-index:60;}
header .front-announce strong {color:#a98b81; font-weight:900;}

header .tubeholder {position: absolute; width: 100%; height: 100%; top:0; left:0; z-index:20; background:#000;}
header .screen {position: absolute; width: 100%; height: 100%; top:0; z-index:35; left:0; /* background: url('../img/screen.png');*/ pointer-events:none;}
header .tubeholder video {position: absolute;     top: 50%;     left: 50%;     min-width: 100%;     min-height: 100%;     width: auto;     height: auto;     z-index: 30;     transform: translateX(-50%) translateY(-50%);  background-size: cover;   transition: 1s opacity;}

header .tubeoverlay {position:absolute; left:0; top:180px; z-index: 35; width: 100%; height: 385px; text-shadow: rgba(0,0,0,0.2) 0 2px 5px; /* background: url('../img/screen.png');*/}
header .tubeoverlay .front-image {top:0; left:564px; color:#fff;}
header .tubeoverlay .front-logo {top: 35px; left:85px; color:#fff;}
header .tubeoverlay .front-slogan {top:186px; left:85px; color:#fff;}
header .tubeoverlay .front-info {top:250px; left:85px; color:#fff;}
header .tubeoverlay .front-announce {top:5px; left:660px; color:#fff; font-weight:bold;}
header .tubeoverlay .front-announce strong {color:#fff; font-size: 60px; line-height:50px; margin-bottom:-5px; display:block;}
/*
header .uk-slidenav-previous {display: block; position: absolute; top: 360px; left: 20px; z-index:50; color:#fff;}
header .uk-slidenav-next {display: block; position: absolute; top: 360px; right: 20px; z-index:50; color:#fff;}
*/

.front .gallery {position: absolute; width: 100%; height: 100%; top:0; left:0; z-index:20;}
.front .uk-slideshow {}
.front .uk-slideshow li {}
.front .uk-slideshow li img {}

.participate {box-shadow:rgba(0,0,0,0.5) 0 2px 25px;  background: rgb(125,22,59);
background: -moz-linear-gradient(left,  rgba(125,22,59,1) 0%, rgba(92,0,9,1) 100%);
background: -webkit-linear-gradient(left,  rgba(125,22,59,1) 0%,rgba(92,0,9,1) 100%);
background: linear-gradient(to right,  rgba(125,22,59,1) 0%,rgba(92,0,9,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d163b', endColorstr='#5c0009',GradientType=1 ); position:absolute; top: -50px; left:0; width:100%; color:#fff; z-index:100; overflow:hidden;}
.participate .left {border-right:1px solid #6e1e2c;}
.participate .right {border-left:1px solid #5c0514;background: -moz-linear-gradient(left,  rgba(125,22,59,1) 0%, rgba(92,0,9,0) 100%);
background: -webkit-linear-gradient(left,  rgba(125,22,59,1) 0%,rgba(92,0,9,0) 100%);
background: linear-gradient(to right,  rgba(125,22,59,1) 0%,rgba(92,0,9,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d163b', endColorstr='#005c0009',GradientType=1 );}
.participate .title {padding:50px 30px 70px 30px; text-align:right; font-size:28px; font-weight:100; text-align:right; text-shadow:rgba(0,0,0,0.4) 0 1px 5px;}
.participate .title strong {font-weight:900;}
.participate .form-line {padding:40px; margin-top:15px; padding-right:30px;}
.participate .form-line .form-wrap {margin-top:20px;}
.participate .form-line .form-wrap input {width:130px; line-height: 33px; min-height:33px; display:inline-block; padding: 0 15px 0 12px; font-style: italic; color:#000; border-radius:0; margin-right:-5px;}
.participate .form-line .form-wrap input:first-child {border-top-left-radius: 8px; border-bottom-left-radius: 8px;}
.participate .form-line .form-wrap input + input + input {border-top-right-radius: 8px; border-bottom-right-radius: 8px; margin-right:8px;}
.uk-modal-dialog {width:620px;}

.videopane {padding-top: 200px;}
.videopane .left {position:relative;}
.videopane .left img {cursor:pointer;}
.videopane .left .title {position:absolute; font-weight:100; color:#fff; font-size:28px; width: 330px; right:254px; top: 128px; z-index:100; text-align:right; pointer-events:none;}
.videopane .left .title i {vertical-align:middle; display:inline-block; padding-left:5px; font-size:72px;}
.video-info {padding-left:50px; padding-top:7px;}

.journalpane {padding:90px 0 90px 0;}
.journalpane ul {list-style:none;margin:-25px 0 0 0;padding:0; font-size:15px;}
.journalpane ul li {margin-top:25px;}
.journalpane ul li strong {text-transform:uppercase;}
.journalpane ul li img {width:32px; height:auto; float:left;}
.journalpane ul li span {padding-left: 48px; display:block;}
.journalpane .right {position:relative;}
.journalpane .presentation-block {background:#f4f3f0; width:600px; height:100%; float:right;}
.journalpane .presentation-text {position: absolute; top:100px; left:50px; font-size:21px; font-weight:300; width:340px;}
.journalpane .presentation-text p {font-size:21px;}
.journalpane .presentation-text p.download {text-transform:uppercase; font-size:14px; font-weight:bold; text-transform:uppercase; line-height:32px; margin-top:30px;}
.journalpane .presentation-text p.download a {}
.journalpane .presentation-text p.download a i {color:#862a33; font-size:32px; vertical-align:middle;}
.journalpane .pic {width:314px; height:auto; position:absolute; top:-70px; right:-5px}
.journalpane .pic img {height:auto; width:314px;}

.flowerpane {height:280px; position:relative; background:#e4e2db;}
.flowerpane .participate {top: 0; box-shadow: none;}
.flowerpane .participate .title {padding-top:10px;}
.flowerpane .participate .form-line {padding-top:10px;}
.flowerpane .deco1 {pointer-events: none; width:100%; top:0; left:0; height:20px; background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
z-index: 110; position:absolute; opacity:0.4;}
.flowerpane .deco2 {pointer-events: none; width:510px; height:229px; position:absolute; bottom:0; left:50%; margin-left:-260px; background:url('../img/flower1.png') bottom center no-repeat; z-index:110;}

.infopane {margin: 90px 0 180px 0;}
.infopane .info-graph {margin-bottom:60px;}
.infopane .left .info-bar {}
.infopane .device-show {height:250px; border:16px #f5f3f0 solid; position:relative; margin-top:50px; margin-left:60px; overflow:show;}
.infopane .device-show .img-wrap {position: absolute; top: -30px; right:0; width:582px;}
.infopane .right {position:relative; }
.infopane .right .info-bar {padding-left:100px; margin-bottom:-15px;}
.infopane .right .info-bar h2 {color:#284457; font-size:28px; font-weight:100; position:absolute; top:0; left:100px;}
.infopane .right .info-bar h2 strong {font-size:48px; color:#891840; font-weight:300; display:block;}
.infopane .right .info-bar h3 {font-size:28px; line-height:1; margin-bottom:40px; font-weight:100;}
.infopane .right .info-bar h3 i {font-size:18px;}
.infopane .right .info-bar ul {font-size: 28px; list-style: none; font-weight:100; margin:0; padding:0; margin-bottom:40px}
.infopane .right .info-bar ul li span {font-size:48px; color:#891840; font-weight:300;}
.infopane .info-footnote {border-top:2px solid #891840; padding-top:15px;}
.infopane .info-footnote p:first-child {font-weight:300; font-size:18px;}
.infopane .info-footnote p.download {text-transform:uppercase; font-size:14px; font-weight:bold; text-transform:uppercase; line-height:16px; margin-top:30px;}
.infopane .info-footnote p.download span {display:block; padding-left:40px;}
.infopane .info-footnote p.download a {}
.infopane .info-footnote p.download a i	{color:#862a33; font-size:32px; display:block; float:left;}

.flowerpane2 {height:450px; position:relative; background:#e4e2db;}
.flowerpane2 .participate {top: -140px; box-shadow: none; z-index:120;}
.flowerpane2 .participate .title {}
.flowerpane2 .participate .form-line {}
.flowerpane2 .deco1 {pointer-events: none; width:100%; top:0; left:0; height:40px; background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
z-index: 110; position:absolute; opacity:0.2;}
.flowerpane2 .para-wrap {width: 100%; min-width:1240px; position:relative; height:450px; overflow:hidden;}
.flowerpane2 .para-wrap .para-info {width:600px; height:300px; position:absolute; left: 50%; margin-left:-600px; z-index:110; top:70px;}
.flowerpane2 .para-wrap .para-info-box {height:230px; color:#76746a; font-weight:300;}
.flowerpane2 .para-wrap .para-info-box span:first-child {display:block; float:left; color:#8d8b84; font-size:172px; font-weight:100; text-align:right; width:100px; line-height:160px;}
.flowerpane2 .para-wrap .para-info-box h2 {font-weight:300; color:#891840; font-size:48px; margin-left:120px;}
.flowerpane2 .para-wrap .para-info-box p { margin-left:120px;}
.flowerpane2 .para-wrap ul.roll {list-style:none;}
.flowerpane2 .para-wrap ul.roll li {}
.flowerpane2 .para-wrap ul.switch {list-style:none; padding:40px 0 0 120px; margin:0; position:absolute; left:0; bottom:-30px;}
.flowerpane2 .para-wrap ul.switch li {display:inline-block; height:24px; width:24px; line-height:24px; text-align:center; border-radius:24px; border:1px solid #f5f3f0;}
.flowerpane2 .para-wrap ul.switch li.uk-active {border:1px solid #891840;}
.flowerpane2 .para-wrap ul.switch li a {color:#8d8b84;display:inline-block; height:24px; width:24px; line-height:24px; }
.flowerpane2 .para-wrap ul.switch li.uk-active a {color:#891840;}
.flowerpane2 .para-wrap ul.switch li:hover {}
.flowerpane2 .para-wrap ul.switch li.uk-active:hover {}
.flowerpane2 .para-wrap .para-back {height:852px; width:100%; background:url('../img/device-parallax-back.jpg') top center repeat-x; position:absolute; z-index:50;}
.flowerpane2 .para-wrap .para-back img {position: absolute; left: 50%; margin-left: -40px; top:0; z-index:60;}
#next-roll {visibility:hidden;}

.comparepane {padding:0 0 45px 0;}
.comparebox {box-shadow:rgba(0,0,0,0.5) 0 2px 25px;  background: rgb(125,22,59);
background: -moz-linear-gradient(left,  rgba(125,22,59,1) 0%, rgba(92,0,9,1) 100%);
background: -webkit-linear-gradient(left,  rgba(125,22,59,1) 0%,rgba(92,0,9,1) 100%);
background: linear-gradient(to right,  rgba(125,22,59,1) 0%,rgba(92,0,9,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d163b', endColorstr='#5c0009',GradientType=1 );}
.comparebox .left {border-right:1px solid #6e1e2c; padding:20px;}
.comparebox .left .compareimg {width: 640px; margin: 10px auto 10px auto;border:12px solid #88173f; box-shadow:rgba(0,0,0,0.3) 0 2px 15px;}
.comparebox .left .compareimg img {}
.comparebox .right {border-left:1px solid #5c0514; background: -moz-linear-gradient(left,  rgba(125,22,59,1) 0%, rgba(92,0,9,0) 100%);
background: -webkit-linear-gradient(left,  rgba(125,22,59,1) 0%,rgba(92,0,9,0) 100%);
background: linear-gradient(to right,  rgba(125,22,59,1) 0%,rgba(92,0,9,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d163b', endColorstr='#005c0009',GradientType=1 );}
.comparebox .right ul {list-style: none; margin: 4px 0 4px 1px; padding: 18px;}
.comparebox .right ul li {display: block; float: left; padding:8px;}
.comparebox .right img {border:6px solid #891840; box-shadow:rgba(0,0,0,0.4) 0 2px 15px; width:131px; height:auto;}

.feedbackpane {padding:45px 0 90px 0; height:355px;}
.feedbackpane .feed-text {text-align:right; font-style:italic; padding-right: 90px;}
.feedbackpane .feed-text ul {}
.feedbackpane .feed-text ul li {}
.feedbackpane .feed-author {background:#f5f3f0; height:330px; position:relative;}
.feedbackpane .feed-author .name {position:absolute; top: 100px; left:-50px;}
.feedbackpane .feed-author .name img {border:8px solid #fff; box-shadow:rgba(0,0,0,0.3) 0 2px 15px; float:left;}
.feedbackpane .feed-author .name h2 {font-size: 14px; font-weight:normal; color:#8d8b84; width:430px; margin-left: 200px;}
.feedbackpane .feed-author .name h2 strong {font-size:28px; font-weight:100; display:block; padding-top:10px;}
.feedbackpane ul.switch {list-style:none; padding:40px 0 0 145px; margin:0; position:absolute; top: 0;}
.feedbackpane ul.switch li {display:inline-block; height:24px; width:24px; line-height:24px; text-align:center; border-radius:24px; border:1px solid #f5f3f0;}
.feedbackpane ul.switch li.uk-active {border:1px solid #891840;}
.feedbackpane ul.switch li a {color:#8d8b84; display:block; height:24px; width:24px; line-height:24px;}
.feedbackpane ul.switch li.uk-active a {color:#891840;}
.feedbackpane ul.switch li:hover {}
.feedbackpane ul.switch li.uk-active:hover {}

.faqpane {position:relative; background:#e4e2db; padding:190px 0 90px 0;}
.faqpane .box {width:930px;}
.faqpane ul {list-style:none;margin:0;padding:0; font-size:24px;}
.faqpane ul li {margin-top:25px;}
.faqpane ul li a {border-bottom: 1px dashed #891840;}
.faqpane ul li.active {}
.faqpane ul li.active {}
.faqpane ul li span + strong { font-weight: 300; margin-left: 50px; display:block; height:40px; line-height:40px;}
.faqpane ul li span {width:40px; width:40px; float:left; text-align:center; vertical-align:middle;}
.faqpane ul li span img {height:40px; width:auto;}
.faqpane ul li .faq-content {display:block; padding:20px 50px 0 50px;}
.faqpane ul li .faq-content .faq-wrap {}
.faqpane ul li .faq-content p {font-size:14px;}
.faqpane .deco1 {pointer-events: none; width:230px; height:230px; position:absolute; top:-60px; left:50%; margin-left:-165px; background:url('../img/flower2.png') bottom center no-repeat; z-index:110;}

.numberspane {padding:90px 0 180px 0;}
.numberspane h2 {text-align:center; font-weight:100; font-size:28px; color:#284457;}
.numberspane h2 img {width:180px; height:auto; display:inline-block; margin-top:10px;}
.numberspane ul {list-style:none; margin:100px 0 0 0; padding:0;}
.numberspane ul li {float:left; width:20%; text-align:center; color:#284457; font-size:14px;}
.numberspane ul li small {font-size:16px; font-weight:300;}
.numberspane ul li i {font-style:normal; color:#891840; font-size:72px; font-weight:100; display:block;}
.numberspane ul li strong {display:block; text-transform:uppercase; font-size:18px;}

.flowerpane3 {height:480px; position:relative; background:#e4e2db;}
.flowerpane3 .participate {top: -140px; box-shadow: none; z-index:120;}
.flowerpane3 .participate .title {}
.flowerpane3 .participate .form-line {}
.flowerpane3 .deco1 {pointer-events: none; width:100%; top:0; left:0; height:40px; background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
z-index: 110; position:absolute; opacity:0.2;}
.flowerpane3 .ymaps-2-1-41-search__input {display:none;}

footer {padding:50px 0 25px 0;}
footer p { font-size:14px;}
footer .panel1 {float:left; width:140px;}
footer .panel2 {float:left; width:365px; margin-left:70px;}
footer .panel3 {float:left; width:310px; margin-left:50px;}
footer .panel4 {float:right; color:#284457; text-align:right;}
footer .panel4 .developer {}
footer .panel4 .developer i { font-weight:300; text-transform:uppercase; font-size:10px; display:block; font-style:normal;}
footer .panel4 .developer strong {font-size:18px; font-weight:300;}
footer .panel4 .developer img {width:32px; height:auto;}
footer .panel4 .developer span {padding-left:7px;}
footer .panel4 .developer a {color:#284457;}

.successbox {text-align:center; font-size:21px; color:#891840;}
.successbox strong {font-size:32px; font-weight:900;}

.scribebox .participate {top: 0; left:0;}
.scribebox .participate .form-line {/* width:450px; margin-left:auto; margin-right:auto; */}
.scribebox .uk-modal-close.uk-close {top:20px; right:20px; position:absolute; opacity:0.2; color:#fff; z-index:200;}

.loading {height:28px; width:auto; display:none;}


/* UK Overrides */
.uk-form input {-webkit-border-radius: 8px; border-radius: 8px;}
.uk-button, button.uk-button, input.uk-button {-webkit-border-radius: 8px; border-radius: 8px; background:none; border:1px solid #fff; color:#fff; text-transform:uppercase; font-size:12px; padding: 1px 14px 0 14px; font-weight:bold; display:inline-block; line-height: 30px; min-height:30px;}
.uk-button:hover {color:#751e41;}



/* Utilities */
*.drop {margin-bottom:0 !important;}
*.pin {margin-top:0 !important;}
*.cut {overflow:hidden !important;}

.clear:before, .clear:after {display:table; content:" ";}
.clear:after {clear:both;}


/* Mobile Menus */
.uk-offcanvas {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2000;
  touch-action: none;
  background: rgba(0, 0, 0, 0.6);
}
.uk-offcanvas.uk-active {
  display: block;
}
.uk-offcanvas-page {
  position: fixed;
  -webkit-transition: margin-left 0.3s ease-in-out;
  transition: margin-left 0.3s ease-in-out;
}
.uk-offcanvas-bar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  z-index: 1001;
  width: 270px;
  max-width: 100%;
  background: #781333;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  -ms-scroll-chaining: none;
}
.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}
.uk-offcanvas-bar-flip {
  left: auto;
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.uk-offcanvas-bar ul {padding-left:0; margin-top:55px;}
.uk-offcanvas-bar ul li {list-style:none;}
.uk-offcanvas-bar ul li a {display:block; padding: 10px; color:#fff; font-weight:bold; text-decoration:none; border-bottom:1px solid #630514;}


/* Mobile */
@media (min-width: 1260px) {
	.mobvideo {display:none;}
	.moblink {display:none;}
	.mobcompare {display:none;}
	.feedbackpane ul.switch {display:block;}
	.feedbackpane ul.switch.inmob {display:none;}
	.front-mobile {display:none;}
	.mobmenu {display:none;}
}
@media (max-width: 1259px) {
	header, main {width:100%; overflow-x:hidden;}
	.box {width:100%; overflow-x:hidden;}
	
	header {}
	header nav {width:100%; position:relative;}
	header nav .box {width:100%;}
	header .logo-holder {display:block; position:relative; width:auto; min-width:100%; margin-top:55px; text-align:center; padding: 20px 10px 20px 10px;}
	header .logo-holder .l1 {float:none; display:inline-block; position:relative; left:0; top:0 !important; margin:0; width: 45%; z-index:1;}
	header .logo-holder .l2 {float:none; display:inline-block; position:relative; left:0; top:0; margin:0; width: 45%; z-index:1;}
	header nav {min-width:100%; position:fixed; top:0; left:0; width:100%; height:55px; overflow:hidden; z-index:3000;}
	header nav div.menus {display:none;}
	header .uk-width-2-10 {width: 100%; float:none;}
	header .uk-width-8-10 {width: 100%; float:none;}
	nav .contacts .contacts-panel {padding-left:0;}
	nav .contacts .contacts-panel strong {font-size:16px;float:left; margin: 5px 0 0 10px; padding: 2px 0; line-height: 26px; min-height: 26px;}
	nav .contacts .contacts-panel strong a {font-size:16px;float:left; margin: 5px 0 0 10px; padding: 2px 0; line-height: 26px; min-height: 26px;}
	nav .contacts .contacts-panel a.uk-button {float:right; margin: 5px 6px 0 0; padding: 2px 6px; font-size:12px; line-height:26px; min-height:26px;}
	nav .contacts .contacts-panel a.mobmenu {float:right; line-height: 26px; margin: 5px 5px 0 0;}
	nav .contacts .contacts-panel a.mobmenu img {width:32px; height:auto;}
	nav .contacts .contacts-panel br {display:none;}
	header .front {display:none;}
	.front-mobile {display:block; background:#e6e5df url('../img/intro-static.png') center center; background-size: cover; height:380px; position:relative; overflow:hidden; text-align:center;}
	.front-mobile .title1 {position:absolute; top:0; left:0; background: rgba(255,255,255,0.5); color:#df0d08; font-weight:bold; padding:15px; font-size:21px;}
	.front-mobile .title2 {position:absolute; bottom:0; left:0; background: rgba(255,255,255,0.5); line-height: 1; padding:15px;}
	.front-mobile .title2 strong {display:inline-block; margin-bottom:10px;}
	.mobmenu {display:block;}
	
	.uk-modal-dialog {padding:6px;}
	.uk-modal-page nav {margin-left:0;}
	
	.participate {display:block; height:auto; position:relative; box-shadow:none;}
	.participate .uk-width-5-10 {width:100%;}
	.participate .title, .participate .right {text-align: center;}
	.participate .left {border:none;}
	.participate .right {border:none; background:none;}
	.participate .title {padding:70px 10px 0 10px; font-size: 24px;}
	.participate .title br {display:none;}
	.participate .form-line {padding: 10px; margin-top: 15px; margin-bottom:15px;}
	.participate .form-line input {margin-bottom:15px;}
	
	.videopane {width:100%; padding:0;}
	.videopane .uk-width-5-10 {width:100%;}
	.videopane .left {display:none;}
	.mobvideo {display:block; position: relative; width:100%; height:auto; margin:-50px 0 0 0;}
	.mobvideo .title {position: absolute;  font-weight: 100; color: #fff; font-size: 28px; width: 100%; left: 0; height:72px; vertical-align:bottom; top: 50%; margin-top: -36px; z-index: 100; text-align: right; pointer-events: none; text-align:center; line-height:72px;}
	.mobvideo .title i {vertical-align:middle;}
	.mobvideo .title + img {width:100%; height:auto;}
	.moblink {display:block; position: relative; width:100%; height:100px; margin:-50px 0 0 0; background:url('../img/video-insert.png') center center;}
	.moblink .title {font-weight: 100; color: #fff; font-size: 28px; z-index: 100; line-height:100px; text-align: center;}
	.moblink .title a {color:#fff;}
	.moblink .title img {vertical-align:middle;}
	.videopane .right {}
	.videopane .video-info {padding: 10px;}
	.videopane .video-info h2 {font-size:28px; text-align:center; margin: 10px 0 0 0;}
	
	.journalpane {width:100%; padding: 0;}
	.journalpane .uk-width-4-10 {width:100%;}
	.journalpane .uk-width-6-10 {width:100%;}
	.journalpane .left {padding: 10px;}
	.journalpane .right {padding:0; margin:0;}
	.journalpane .presentation-block {width:100%; height:auto; float:none; margin-top:20px; position:relative;}
	.journalpane .presentation-block .presentation-text {position:relative; left:auto; top: auto; padding: 20px 10px 10px 10px; width:auto; text-align:center;}
	.journalpane .presentation-block .presentation-text p.download i {display:block;}
	.journalpane .presentation-block .pic {position:relative; top:0; right:auto; width:100%; height:auto; margin: 0; padding: 0 0 40px 0; text-align:center;}
	.journalpane .presentation-block .pic img {width: 90%; height:auto;}
	
	.flowerpane {margin-top:-15px; height:auto; position:relative;}
	.flowerpane .left {padding-top: 20px;}
	.flowerpane .right {padding-bottom:10px;}
	.flowerpane .deco1, .flowerpane .deco2 {display:none;}
	
	.infopane {width:100%; padding: 0; margin:20px 0 0 0; height:auto; position:relative;}
	.infopane .uk-width-5-10 {width:100%;}
	.infopane .left {height:auto; padding: 0 10px;}
	.infopane .left .info-graph {margin-bottom: 0;}
	.infopane .right {height:auto;}
	.infopane .device-show {height:auto; margin:0; padding:0}
	.infopane .device-show .img-wrap {position:relative; width:auto; top:0; right:0;}
	.infopane .right .info-bar {padding: 10px; margin:0;}
	.infopane .right .info-bar h2 {position:relative; left:0; font-size:24px;}
	.infopane .right .info-bar h3 {margin-bottom:10px;}
	
	.flowerpane2 {height:auto;}
	.flowerpane2 .participate {top:0; margin-top:-40px;}
	.flowerpane2 .deco1 {display:none;}
	.flowerpane2 .form-line {margin-bottom:25px;}
	
	.flowerpane2 .para-wrap {width:100%; min-width:auto; height:auto;}
	.flowerpane2 .para-wrap ul.switch {display:none;}
	.flowerpane2 .para-wrap .para-info {position:relative; height:auto; width:100%; left:0; margin-left:0; top:0;}
	.flowerpane2 .para-wrap .para-info .para-info-box {height:auto;}
	.flowerpane2 .para-wrap .para-info .para-info-box ul {margin:0; padding: 10px; list-style:none; padding-bottom:30px;}
	.flowerpane2 .para-wrap .para-info .para-info-box ul li {padding-top:1px;}
	.flowerpane2 .para-wrap .para-info .para-info-box ul li span {float:none; font-size:38px; line-height:1; padding: 0; margin:0; width:auto; text-align: left; margin-top: 20px; margin-bottom:10px;}
	.flowerpane2 .para-wrap .para-info .para-info-box ul li h2 {margin-left:0; margin-top:0; font-size: 32px;}
	.flowerpane2 .para-wrap .para-info .para-info-box ul li p {margin-left:0;}
	.flowerpane2 .para-wrap .para-info .para-info-box ul li #next-roll {position:absolute;}
	.flowerpane2 .para-wrap .para-back {display:none;}
	
	.comparepane {padding:0;}
	.comparepane .uk-width-4-10 {width:100%;}
	.comparepane .uk-width-6-10 {width:100%;}
	.comparebox .left .compareimg {}
	.comparepane .left {position:relative;}	
	.comparepane .right {}
	.mobcompare {display:block;}
	.mobcompare .one {position:absolute; color:#fff; background:#000; padding: 10px 20px 10px 20px; font-size: 16px; top: 0; right: 0;}
	.mobcompare .two {position:absolute; color:#fff; background:#000; padding: 10px 20px 10px 20px; font-size: 16px; bottom: 0; left: 0;}
	.comparebox .right ul {padding:10px; text-align:center;}
	.comparebox .right ul li {border:0; margin: 2px; padding: 2px; display: inline-block; float:none;}
	.comparebox .right ul li img {width: 80px;}
	
	.feedbackpane {width:100%; padding: 0; margin:0 0 0 0; height:auto; position:relative;}
	.feedbackpane .uk-width-5-10 {width:100%;}
	.feedbackpane .left {}
	.feedbackpane .feed-text {padding: 10px; margin-top:40px; text-align:left; line-height:1; font-size:18px;}
	.feedbackpane .right {margin: 0; padding: 0;}
	.feedbackpane ul.switch {display:none;}
	.feedbackpane ul.switch.inmob {display:block;}
	.feedbackpane ul.switch {position:absolute; top:0; left:0; width:100%; padding:0; text-align:center;}
	.feedbackpane .name + ul.switch {position:relative; background:#fff; margin-top:30px; padding: 20px; width:auto;}
	.feedbackpane ul.switch li {display:inline-block; float:none;}
	.feedbackpane .feed-author {height:auto; position:relative;}
	.feedbackpane .feed-author .name {height:auto; position:relative; top:0; left: 0; width: 100%;}
	.feedbackpane .feed-author ul {margin-top:-10px;}
	.feedbackpane .feed-author ul li {}
	.feedbackpane .feed-author ul li img {width: 25%; height:auto; float: left; margin-left:10px;}
	.feedbackpane .feed-author .name {padding: 10px 0 0 0;}
	.feedbackpane .feed-author .name h2 {margin-left: 25%; padding-left:20px; width:auto; padding-right:10px;}
	.feedbackpane .feed-author .name h2 strong {font-size: 21px;}
	
	.faqpane {width:auto; padding: 0; padding:20px 10px 50px 10px; height:auto; position:relative;}
	.faqpane .box {position:relative; width:100%;}
	.faqpane .uk-width-5-10 {width:100%;}
	.faqpane ul li span + strong {font-size: 21px; line-height:1.1; height:auto; }
	.faqpane .deco1 {display:none;}
	
	.numberspane {padding:10px;}
	.numberspane ul {margin: 10px 0 10px 0; padding:0;}
	.numberspane ul li {display: block; float: none; width: 100%; margin-bottom: 30px; line-height: 1;}
	.numberspane ul li small {position:absolute;}
	
	.flowerpane3 {width:auto; padding: 0; margin: 0; height:auto; position:relative;}
	.flowerpane3 .participate {top:0;}
	.flowerpane3 .participate .title {margin-top:-20px;}
	.flowerpane3 .participate .right {margin-bottom:20px;}
	.flowerpane3 .deco1 {display:none;}
	.mapwrap {display:none;}
	
	footer {padding:20px 10px 10px 10px; text-align:center; width:auto; height:auto;}
	footer .box {width:100%}
	footer .panel1, footer .panel2, footer .panel3, footer .panel4 {float:none; width:100%; padding:0; margin:0;}
	footer .panel1 {margin-bottom:20px;}
	footer .panel4 .developer {display:none;}
	
	.participate .form-line .form-wrap input {width:95px;}
	.participate .form-line .form-wrap button {margin-top:5px;}
}

.law-warn {    font-size: 12px;
    color: #f196b7;
    margin-top: 10px;
    letter-spacing: -0.4px;}
.discount {display: block;
    font-weight: bold;}
.choser li {margin-top: -50px !important;}
.time-table {top: 141px !important;}