html { overflow-y: scroll; overflow-x: auto;  }
body { font-family: 'Arial Narrow', 'helvetica', sans-serif; font-size: 16px; background-color: #f5f1e5; width: 100%; min-width: 320px; height: 100%; }
body { font-size: 100% !important; }


.right,	r, .r{ float: right !important; }
.left,	l, .l{ float: left !important; }
.center,	c, .c{ text-align: center !important; text-align: -webkit-center !important; }
.tL{ text-align: left !important; }
.tR{ text-align: right !important; }
.tC{ text-align: center !important; }
.clear{ clear: both; }

.fa:before { position: relative; z-index: 1; }

.animBg{ -webkit-transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear; -ms-transition: background-color 0.3s linear; transition: background-color 0.3s linear; }
.animCl{ -webkit-transition: color 0.3s linear; -moz-transition: color 0.3s linear; -o-transition: color 0.3s linear; -ms-transition: color 0.3s linear; transition: color 0.3s linear; }

.no-select{ -o-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }
.shadow{ box-shadow: 0px 0px 8px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3); }

.blur,
.blurError{ filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3'); -webkit-filter: blur(3px); filter: blur(3px); }

.wrap{ display: block; width: 100%; min-width: 320px; max-width: 1000px; position: relative; margin: 0 auto; z-index: 1;  }
.wrap.-rubr{ padding-top: 300px; }

.button{ width: 200px; height: 60px; line-height: 60px; text-align: center; display: block; border: 2px solid #fff; color: #fff; text-transform: uppercase; font-size: 20px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.button:hover{ color: #fff; background: #009de0; border: 2px solid #009de0; }

.onLF{ float: left; width: 100%; padding-right: 50%; }
.onLS{ clear: none; float: left; margin-right: -50%; width: 50%; }
.onRF{ float: left; width: 100%; padding-left: 50% }
.onRS{ clear: none; float: left; margin-left: -50%; width: 50%; }

/* head */
.head{ position: fixed; display: table; width: 100%; z-index: 5; top: 0px; background: #eb0d15; height: 60px}

.head .menu{ display: table; float: left;  }
.head .menu li{ list-style: none; display: inline-block; text-transform: uppercase; font-weight: bold; }
.head .menu a{ color: #009de0; border-bottom: 5px solid #eb0d15; line-height: 55px; display: block; padding: 5px 10px 0; }
.head .menu a.hover,
.head .menu li.active a,
.head .menu a:hover{ border-bottom: 5px solid #009de0  }

.rubr .section,
.material .section,
.rubr .section .item-slide{ background-repeat: no-repeat !important; background-size: cover !important; background-position: center; }

.rubr .section:before,
.rubr .section .fp-slide{ position: relative; }
.rubr .section .item-slide{ display: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; padding-top: 150px; text-shadow: 1px 1px 2px black   }
.rubr .section .item-slide.action{ display: block; }

.rubr .section:before,
.material .section#section-0:before,
.rubr .section .item-slide:before{ content: ''; z-index: 1; position: absolute; left: 0; margin-top: -800px; top: 100%; height: 800px; width: 100%; background: -webkit-linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,1) 90%); background: -moz-linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); background: -o-linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); background: -ms-linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); background: linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); }

.rubr .section h1,
.material .section h1{ color: #fff; font-size: 70px; font-family: 'dinBold', helvetica, sans-serif; margin-bottom: 30px; }
.rubr .section .lead,
.material .section .lead{ color: #fff; line-height: 26px; font-size: 20px; width: 100%; margin-bottom: 30px;  }
.rubr .section .lead p{ width: 80%;  padding-bottom: 30px; }
.rubr .section .lead ul{ display: table; width: 100%; }
.rubr .section .lead li{ list-style: none; display: block; float: left; padding-left: 100px; padding-right: 10px;  position: relative; min-height: 50px; width: 33.33333%; font-size: 17px; line-height: 20px; }
.rubr .section .lead li:before{ content: ''; display: block; position: absolute; left: 0px; width: 90px; height: 50px; background: url(../img/ul.png) no-repeat; }
.rubr .section .lead li:nth-child(2):before{ background-position: -90px 0; }
.rubr .section .lead li:nth-child(3):before{ background-position: -180px 0; }

.rubr .section .list.navy{ position: absolute; bottom: 140px; left: 50%; transform: translateX(-50%);z-index: 2; display: block; width: 100%; min-width: 320px; max-width: 1000px; margin: 0 auto; }
.rubr .section .list.navy{ display: table; width: 100%; margin-top: 40px; }
.rubr .section .list.navy .item{ float: left; width: 25%; display: block; padding: 0 10px; }
.rubr .section .list.navy span{ display: block; height: 44px; border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
.rubr .section .list.navy i{ color: rgba(255, 255, 255, 0.5); display: block; line-height: 39px; font-style: normal; cursor: pointer; }
.rubr .section .list.navy i:hover,
.rubr .section .list.navy .item.action i{ color: #fff; border-bottom: 5px solid #009de0;   }
.rubr .section .fp-controlArrow{ display: none; }




.rubr .section[data-anchor="competition"]{ background: #fff; }
.rubr .section[data-anchor="competition"]:before{ display: none; }


.material .section[data-anchor="more"]{ z-index: 10; background: #fff; }
.material .section[data-anchor="more"] .fp-controlArrow.fp-prev{ border-color: transparent #009de0 transparent transparent; }
.material .section[data-anchor="more"] .fp-controlArrow.fp-next { border-color: transparent transparent transparent #009de0; }
.material .section[data-anchor="more"] .-slide{ width: 940px; height: 480px; text-align: center; }
.material .section[data-anchor="more"] .-slide img{ max-width: 100%; max-height: 100%; }
.material .section[data-anchor="more"] .-slide .info{ position: absolute; top: 0px; left: 100%; width: 450px; background: #009de0; margin-left: -450px; margin-top: -30px; height: calc(100% + 50px); display: table; }
.material .section[data-anchor="more"] .-slide .info .box{ display: table-cell; vertical-align: middle; width: 100%; height: 100%; padding: 0 50px; text-align: left; }
.material .section[data-anchor="more"] .-slide .info .box h1{ font-size: 30px; }


.userTableVine{ display: block; margin: 150px auto 0; width: 340px; }
.userTableVine .userItem{ display: table; width: 100%; position: relative; margin-bottom: 15px; text-align: center; }
.userTableVine .userItem a,
.userTableVine .userItem b{ color: #009de0; display: inline-block; }
.userTableVine .userItem b{ display: none; }
.userTableVine h2{ color: #009de0; font-size: 26px; line-height: 30px; margin-bottom: 20px; font-family: 'din'; text-align: center; }

.material .section h1{ font-size: 50px; margin-bottom: 20px; }

#fp-nav ul li a span{ width: 13px; height: 13px; background: rgba(255, 255, 255, 0.4); border-color: #fff; }
#fp-nav ul li a.active span{ border-color: #009de0; }
#fp-nav ul li a.active span:before{ content: ''; border-radius: 50%; display: block; width: 7px; height: 7px; background: #009de0; margin: 2px; }


.fp-slidesNav ul li a span{ width: 13px; height: 13px; background: rgba(255, 255, 255, 0.4); border-color: #fff; }
.fp-slidesNav ul li a.active span{ border-color: #009de0; }
.fp-slidesNav ul li a.active span:before{ content: ''; border-radius: 50%; display: block; width: 7px; height: 7px; background: #009de0; margin: 2px; }

[data-anchor="more"] .fp-slidesNav{
	
    margin-left: 0px !important;
    transform: translateX(-50%);
}

.top{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100px; background: #fff; z-index: 14; }
.top .logo{ background: url(../img/logo.jpg) no-repeat; width: 230px; height: 42px; display: block; float: left; margin-top: 22px; margin-right: 50px; }
.top .menu{ float: left; }
.top .menu li{ list-style: none; display: inline-block;text-transform: uppercase; font-weight: bold; }
.top .menu li a{ color: #009de0; line-height: 100px; display: inline-block;  padding: 0 20px;   } 
.top .menu li a:hover{ color: #fff; background: #009de0; }

.top .info{ text-align: center; }
.top .info h2{ color: #009de0; text-transform: uppercase; font-size: 26px; line-height: 30px; margin-top: 20px; font-family: 'din'; }
.top .info p{ font-size: 17px; line-height: 30px; }

.info-map{ position: absolute; background: #0173ba; z-index: 5; bottom: 0px; width: 100%; color: #fff; padding: 20px 0 0; }
.info-map .item{ display: table; color: #fff; width: 33.3333%; min-height: 50px; float: left; position: relative; padding-left: 60px; margin-bottom: 20px; }
.info-map .item .box{ display: table-cell; vertical-align: middle; width: 100%; height: 100%; }
.info-map .item:before{ content: ''; background: url(../img/info.png) no-repeat; position: absolute; left: 0px; top: 0px; width: 50px; height: 50px; }
.info-map .item[i="0"]:before{ background-position: 0 0; }
.info-map .item[i="1"]:before{ background-position: -51px 0; }
.info-map .item[i="2"]:before{ background-position: -102px 0; }
.info-map .item[i="3"]:before{ background-position: -153px 0; }
.info-map .item[i="4"]:before{ background-position: -204px 0; }
.info-map .item[i="5"]:before{ background-position: -517px 0; }
.info-map .item h2{ margin-bottom: 5px; }
.info-map .item p{ font-weight: bolder; font-size: 15px; }

.wysiwyg{ display: table; width: 100%; padding-left: 160px; }
.wysiwyg .item{ width: 100%; position: relative; display: table; background: #fff; }
.wysiwyg .item .image{ background-size: cover; background-position: center; }
.wysiwyg .item .image,
.wysiwyg .item .box{ display: table; width: 50%; float: left; min-height: 850px; }
.wysiwyg .item .box img{ display: none; }

.wysiwyg .item[n="1"] .image,
.wysiwyg .item[n="1"] .box{ float: right; }

.wysiwyg .item .box{ padding: 0px 50px 0px 50px; }
.wysiwyg .item .box h2{ color: #009de0; font-size: 40px; margin-bottom: 15px; }
.wysiwyg .item .box h3{ margin-bottom: 15px; font-size: 22px; font-weight: bold; line-height: 26px; }
.wysiwyg .item .box p{ margin-bottom: 8px; font-size: 17px; line-height: 22px; }
.wysiwyg .item .box p a{ color: #009de0; text-decoration: underline; }
.wysiwyg .item .box .info-lead{ margin-bottom: 15px; position: relative; display: table; text-align: center; width: 100%; padding: 20px 0; border-top: 1px solid #009de0; border-bottom: 1px solid #009de0; }
.wysiwyg .item .box .info-lead .info-val{ width: 33.333%; display: inline-block; display: inline-grid; padding: 40px 10px 0; text-align: center; position: relative; }
.wysiwyg .item .box .info-lead .info-val:before{ content: ''; background: url(../img/info.png) no-repeat; position: absolute; left: 50%; top: 0px; width: 32px; height: 32px; margin-left: -16px; }
.wysiwyg .item .box .info-lead .info-val[i="0"]:before{ background-position: -270px -8px; }
.wysiwyg .item .box .info-lead .info-val[i="1"]:before{ background-position: -307px -8px; }
.wysiwyg .item .box .info-lead .info-val[i="2"]:before{ background-position: -343px -8px; }
.wysiwyg .item .box .info-lead .info-val b{ display: block; margin-bottom: 5px; }
.wysiwyg .item .box .info-lead .info-val span{ display: block; }
.wysiwyg .item .box .coll{ display: table-cell; vertical-align: top; width: 100%; height: 100%; padding-top: 30px;}

.fullpage.-in{ z-index: 20; }
.sidebar{ position: fixed; width: 160px; height: 100%; top: 0px; left: 0px; z-index: 10; display: block; background: #009de0; }
.sidebar .map{ position: relative; display: table; margin-bottom: 10px; }
.sidebar .map i{ content: ''; display: block; border-radius: 50%; position: absolute; left: 0px; top: 0px; width: 16px; height: 16px; border: 1px solid #fff; background: #006ebd; }

.sidebar .calculator{ }
.sidebar .calculator .item{ display: none; color: #fff; padding: 0 15px; }
.sidebar .calculator .item h1{ font-family: 'din'; text-transform: uppercase; line-height: 20px; margin-bottom: 5px; }

.sidebar .calculator .item .li{ display: table; margin-bottom: 10px; }
.sidebar .calculator .item .li .name{ font-weight: bolder; font-size: 14px;  margin-bottom: 8px; }
.sidebar .calculator .item .li .num{ width: 14px; font-size: 15px; line-height: 20px; text-align: center; line-height: 20px; display: inline-block; border: 1px solid #fff; font-style: normal; margin-right: 4px; }


.sidebar .calculator.new .item{ display: block; padding: 0 15px; }
.sidebar .calculator.new .item .ico{ display: inline-block; position: relative; width: 100%; line-height: 30px; height: 30px; margin: 1px; padding-left: 37px; margin-bottom: 5px; }
.sidebar .calculator.new .item .ico:before{ content: ''; position: absolute; top: 0px; left: 0px; background: url(../img/info.png?v2) no-repeat; display: block; width: 30px; height: 30px; }
.sidebar .calculator.new .item .ico.i-0:before{ background-position: -384px -10px; }
.sidebar .calculator.new .item .ico.i-1:before{ background-position: -417px -10px; }
.sidebar .calculator.new .item .ico.i-2:before{ background-position: -449px -10px; }
.sidebar .calculator.new .item .ico.i-3:before{ background-position: -481px -10px; }


.instagram{ display: table; padding-top: 100px; }
.instagram .item{ width: 150px; height: 150px; position: relative; display: inline-block; margin: 10px; }
.instagram .item img{ max-height: 100%; max-width: 100%; }
.instagram .item .name{ display: block; width: 150px; padding-top: 10px; height: 50px; overflow: hidden; }
.instagram .item a{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; }
.instagram .item .like{ display: block; position: absolute; width: 40px; height: 40px; color: #ffffff; z-index: 1; top: 5px; left: 5px; background: url(../img/like.png?v2) center no-repeat; background-size: contain; text-align: center; line-height: 35px; font-size: 13px; }

.mini .rubr .section:before, 
.mini .material .section#section-0:before, 
.mini .rubr .section .fp-slide:before { margin-top: -600px; height: 600px; }
.mini .wrap.-rubr{ padding-top: 0px; }

.mini .material .section h1{ font-size: 40px; margin-bottom: 10px; }
.mini .rubr .section .lead, 
.mini .material .section .lead{ font-size: 17px; margin-bottom: 15px; }


_mini .sidebar .calculator { margin-top: -35px; z-index: 1; position: absolute; }
_mini .sidebar .calculator .item h1{ font-size: 10px; line-height: 12px; margin-bottom: 3px; }
_mini .sidebar .calculator .item .li{ margin-bottom: 3px; }

.mini .info-map .item{ margin-bottom: 10px; }
_mini .sidebar .calculator .item .li .name{ font-size: 10px;  margin-bottom: 0px; }
_mini .sidebar .calculator .item .li .num{ font-size: 9px; line-height: 12px; }

.mini .sidebar .calculator.new{ margin-top: 0px; }

.rules{ color: #fff; position: absolute; text-align: center; width: 200px; display: block; left: 50%; margin-left: -100px; top: 100%; margin-top: -36px; z-index: 10; }

.shares{ z-index: 20; width: 280px; text-align: center; display: block; position: absolute; top: 50%; right: 5%; margin-top: -13px; }
.shares span{ color: #009de0; line-height: 26px; display: block; float: left; }
.shares .share{ display: inline-block; margin: 0 2px 0 0; width: 26px; height: 26px; }
.shares .share{ background: url(../img/share.png) center no-repeat; }

.shares .share.fb { background-position: 0px 0px; }
.shares .share.tw { background-position: -29px 0px; }
.shares .share.vk { background-position: -58px 0px; }
.shares .share.ok { background-position: -88px 0px; }



@media screen and (max-width: 900px){
	.shares{ display: none; }
	.top .logo{ float: none; margin: 22px auto; }
	.top .menu { background: #fff; width: calc(100% + 40px); margin-left: -20px; text-align: center; }
	.top .menu li a { line-height: 30px; font-size: 11px; padding: 0 10px; }
	.wrap{ padding: 0 20px; }
	.rubr .section h1, 
	.material .section h1{ font-size: 30px !important; margin-bottom: 15px !important;}
	.rubr .section h1{ font-size: 19px !important; }
	.rubr .section .lead, 
	.material .section .lead { font-size: 14px !important; line-height: 18px !important; margin-bottom: 15px !important; }
	.button { width: 120px; width: 120px; height: 30px; line-height: 26px; font-size: 15px; }
	#fp-nav{ display: none; }
	.top .info h2{ font-size: 16px; }
	.top .info p{ line-height: 20px; }
	.rubr .section .lead li{ width:100%; margin-bottom: 10px; font-size: 15px; line-height: 17px; padding-right: 0px; }
	.rubr .section .list.navy .item{ width: 50%; }
	.rubr .section .list.navy .item span{ height: 35px; }
	.rubr .section .list.navy a{ line-height: 30px; }
	.info-map,
	.sidebar{ display: none; }
	.wysiwyg{ padding: 0px; }
	.wysiwyg .item .image{ width: 100% !important; height: 320px !important; min-height: 320px !important; }
	.wysiwyg .item .box{ width: 100%; padding: 0 20px 20px; }
	.wysiwyg .item .box h2{ font-size: 30px; }
	.wysiwyg .item .box .info-lead { padding: 10px 0 0px 0; }
	.wysiwyg .item .box .info-lead .info-val { width: 100%; margin-bottom: 15px; }
	.wysiwyg .item .box h3 { font-size: 18px; line-height: 21px; }
	.material .section[data-anchor="more"] .wrap{ padding: 0px; }
	.material .section[data-anchor="more"] .-slide{ width: 100%; height: 50%; }
	.material .section[data-anchor="more"] .-slide .info { top: 100%; left: 0px; width: 450px; margin-left: 0px; margin-top: -40%; }
	.material .section[data-anchor="more"] .-slide .info .box{ padding: 30px; display: table; }
	.material .section[data-anchor="more"] .-slide .info .box h1{ font-size: 20px !important; }
	.material .section[data-anchor="more"] .lead{ width: 70%; }
	.fp-controlArrow{ display: none; }
	.fp-slidesNav ul li a span{ background: #ffffff; border-color: #ffffff; }
	.fp-slidesNav ul li a.active span{ background: #006ebd; border-color: #006ebd; }
	.fp-slidesNav ul li a.active span:before{ background: #006ebd; }
	.instagram .item{ margin: 8px; }
	
	
	.mini .rubr .section .list.navy{ bottom: 42px; }
	.mini .wrap.-rubr{ margin-top: -30px; }
	.rubr .section h1{ font-size: 19px !important; }

}