*{padding:0;margin:0}html{height:100%}
a{text-decoration:none; color:#363636}a:hover{text-decoration:none; color:#363636}:focus{outline:0}
a,:hover,:active,:focus{outline:0}fieldset,img{border:0}
body,html{height:100%;width:100%; min-width: 320px; min-height: 698px}
body{font:normal 16px 'Lato', sans-serif;, CenturyGothic, AppleGothic, sans-serif,Serif;color:#494949;line-height: 19px;text-align:left;background:#050515}
.f_1 { font:normal 13px Lato, Arial, CenturyGothic, AppleGothic, sans-serif,Serif; color:#ffffff; line-height: 13px; letter-spacing: 1px; font-weight: 400}
.f_1 a { color:#ffffff;}
.f_1 a:hover { color:#ffffff;}
.f_2 { font:normal 100px Source Sans Pro, Arial, CenturyGothic, AppleGothic, sans-serif,Serif; color:#ffffff; line-height: 105px; letter-spacing: 1px; font-weight: 200}
.f_3 { font:normal 18px Source Sans Pro, Arial, CenturyGothic, AppleGothic, sans-serif,Serif; color:#ffffff; line-height: 28px; letter-spacing: 1px; font-weight: 200}
.f_4 { font:normal 70px Source Sans Pro, Arial, CenturyGothic, AppleGothic, sans-serif,Serif; color:#494949; line-height: 70px; letter-spacing: 1px; font-weight: 200}
.f_5 { font:normal 18px Source Sans Pro, Arial, CenturyGothic, AppleGothic, sans-serif,Serif; color:#494949; line-height: 28px; letter-spacing: 1px; font-weight: 300}
.f_6 { font:normal 50px Source Sans Pro, Arial, CenturyGothic, AppleGothic, sans-serif,Serif; color:#ffffff; line-height: 50x; letter-spacing: 1px; font-weight: 200}
.f_7 { font:normal 20px Source Sans Pro, Arial, CenturyGothic, AppleGothic, sans-serif,Serif; color:#ffffff; line-height: 50x; letter-spacing: 1px; font-weight: 300}
.f_8 { font:normal 33px Source Sans Pro, Arial, CenturyGothic, AppleGothic, sans-serif,Serif; color:#ffffff; line-height: 35x; letter-spacing: 1px; font-weight: 300}
.f_9 { font:normal 11px Source Sans Pro, Arial, CenturyGothic, AppleGothic, sans-serif,Serif; color:#a5a8b2; line-height: 12x; letter-spacing: 1.5px; font-weight: 200}
.f_shaddow {text-shadow: 1px 1px rgba(60,14,28, 0.5)}
.content {overflow: hidden; position: relative; width: 100%; min-width: 320px; height: 100%; z-index: 1; opacity: 0.001}
.conteiner_0 {position: absolute; left:0px; top: 0px; width: 100%; height: 100%; min-height: 698px; z-index: 2; background: #016591 url(../_bg/0.jpg) no-repeat center center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover;}
.conteiner_1 {position: absolute; left:0px; top: 100%; width: 100%; height: 100%; min-height: 698px; z-index: 2; background: #7adefe url(../_bg/1.jpg) no-repeat center center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover;}
.conteiner_2 {position: absolute; left:0px; top: 100%; width: 100%; height: 100%; min-height: 698px; z-index: 2; background: #87a5dc url(../_bg/2_2.jpg) no-repeat center center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover;}
.conteiner_3 {position: absolute; left:0px; top: 100%; width: 100%; height: 100%; min-height: 698px; z-index: 2; background: #fe9149 url(../_bg/2_4.jpg) no-repeat center center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover;}
.conteiner_4 {position: absolute; left:0px; top: 100%; width: 100%; height: 100%; min-height: 698px; z-index: 2; background: #b8ec4f url(../_bg/2.jpg) no-repeat center center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover;}
.conteiner_0_0 {position: absolute; left:0px; top: 0px; width: 100%; height: 100%; z-index: 2; background: url(../_bg/0_bg.png) no-repeat right center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover;}
.conteiner_swipe {display: none; position: absolute; left:0px; top: 0px; width: 100%; height: 100%; z-index: 10;}
.content_video {position: absolute; left:0px; top: 0px; width: 100%; height: 100%; z-index: 11}
.content_video_sound {display: none; position: absolute; right:62px; bottom: 0px; width: 62px; height: 62px; z-index: 1000; background: url(../_all/sound_on.png); cursor: pointer}
.content_video_close {display: none; position: absolute; right:0px; bottom: 0px; width: 62px; height: 62px; z-index: 1000; background: url(../_all/close_movie.png); cursor: pointer}
.content_footer {position: absolute; left:0px; bottom: 0px; width: 182px; height: 18px; padding-left: 5px; z-index: 10; background: rgba(0,0,0, 0.6)}
.conteiner_0_2 {position: absolute; left:0px; top: 76px; width: 100%; height: calc(100% - 76px); z-index: 3; background: url(../_all/dots.png) }
.conteiner_0_3 {position: absolute; left:0px; bottom: 0px; width: 100%; height: 29%; z-index: 3; z-index: 11}
.conteiner_0_3_1 {position: relative; max-width: 1632px; height: 100%; margin-left: auto; margin-right: auto}
.content_news {position: absolute; left:0px; bottom: 0px; width: 100%; height: calc(100% - 70px); background: rgba(5,3,5, 0.86); z-index: 100}
.content_news_1 {position: absolute; left: calc(50% - 330px); top: calc(50% - 250px); width: 660px; height: 500px; z-index: 101; background: url(../_news/6.jpg) no-repeat center center;}
.content_news_1_1 {position: absolute; right: 0px; top: 0px; width: 63px; height: 63px; z-index: 102; cursor: pointer}
.conteiner_0_3_1_1 {position: relative; float: right; width: 320px; height: 245px; margin-right: 160px; margin-top: 0px}
.conteiner_0_3_1_1_1 {position: absolute; width: 100%; height: 100px; z-index: 3; top: 0px; left: 0px}
.conteiner_0_3_1_1_2 {position: absolute; width: 180px; height: 3px; z-index: 3; top: 120px; left: 0px; background: #13a2ff }
.conteiner_0_3_1_1_3 {position: absolute; width: 300px; height: 60px; z-index: 3; top: 146px; left: 0px; cursor: pointer; background: url(../_all/play_movie.png)}
/*main navi */
.top_button {display: none; position: absolute; left:0px; top: 0px; width: 100%; height: 1px; z-index: 23;}
.left_button {display: none; position: absolute; left:0px; top: 0px; width: 1px; height: 100%; z-index: 23;}
.right_button {display: none; position: absolute; right:0px; top: 0px; width: 1px; height: 100%; z-index: 23;}
.bottom_button {display: none; position: absolute; left:0px; bottom: 0px; width: 100%; height: 1px; z-index: 23; }
.conteiner_menu {position: fixed; left:0px; top: 0px; width: 100%; height: 76px; z-index: 3000; background: url(../_bg/0_top_bg.png) }
.conteiner_menu_1 {position: relative; max-width: 1632px; height: 100%; margin-left: auto; z-index: 3000; margin-right: auto}
.conteiner_menu_1_1 {position: relative; float: left; width: 280px; height: 100%; z-index: 3000; background: url(../_all/logo.png) }
.conteiner_menu_1_2 {position: relative; float: right; width: 120px; height: 100%; z-index: 3000}
.conteiner_menu_1_2_1 {position: relative; float: left; width: 30px; height: 30px; margin-top:20px; margin-left: 22px; z-index: 3000; background: url(../_all/social.png); cursor: pointer;}
.conteiner_menu_1_2_2 {position: relative; float: right; width: 26px; height: 20px; margin-top:20px; margin-right: 22px; padding-top: 10px; padding-left: 4px; z-index: 3000; background: url(../_all/lang.png); cursor: pointer;}
.conteiner_menu_1_3 {position: relative; float: right; width: 504px; height: 54px; margin-top:10px; z-index: 3000}
.conteiner_menu_1_4 {display: none; position: relative; float: right; width: 54px; height: 54px; margin-top:10px; z-index: 3000; background: url(../_all/small_menu.png); cursor: pointer}
.conteiner_menu_1_3_0 {display: none; position: absolute; width: 60px; height: 54px; left: 15px; z-index: 3005; cursor: pointer}
.conteiner_menu_1_3_1 {position: absolute; width: 91px; height: 54px; left: 90px; z-index: 3005; cursor: pointer}
.conteiner_menu_1_3_2 {position: absolute; width: 115px; height: 54px; left: 182px; z-index: 3005; cursor: pointer}
.conteiner_menu_1_3_3 {position: absolute; width: 98px; height: 54px; left: 298px; z-index: 3005; cursor: pointer}
.conteiner_menu_1_3_4 {position: absolute; width: 107px; height: 54px; left: 397px; z-index: 3005; cursor: pointer}
.conteiner_menu_sub_bg {display:none; position: absolute; width: 100%; height: 75px; top:0px; z-index: 2999; background:#030305}
.scroll_1_2_2_0a {position: absolute; width: 60px; height: 34px; padding-top: 20px; z-index: 3005; text-align:center}
.scroll_1_2_2_0b {display: none; position: absolute; width: 60px; height: 54px; z-index: 3006; background: url(../_all/button_1.png)}
.scroll_1_2_2_1a {position: absolute; width: 91px; height: 34px; padding-top: 20px; z-index: 3005; text-align:center}
.scroll_1_2_2_1b {display: none; position: absolute; width: 91px; height: 54px; z-index: 3006; background: url(../_all/button_1.png)}
.scroll_1_2_2_2a {position: absolute; width: 115px; height: 34px; padding-top: 20px; z-index: 3005; text-align:center}
.scroll_1_2_2_2b {display: none; position: absolute; width: 115px; height: 54px; z-index: 3006; background: url(../_all/button_2.png)}
.scroll_1_2_2_3a {position: absolute; width: 98px; height: 34px; padding-top: 20px; z-index: 3005; text-align:center}
.scroll_1_2_2_3b {display: none; position: absolute; width: 98px; height: 54px; z-index: 3006; background: url(../_all/button_3.png)}
.scroll_1_2_2_4a {position: absolute; width: 107px; height: 34px; padding-top: 20px; z-index: 3005; text-align:center}
.scroll_1_2_2_4b {display: none; position: absolute; width: 107px; height: 54px; z-index: 3006; background: url(../_all/button_4.png)}
.conteiner_1_0 {position: absolute; left:0px; bottom: 0px; width: 100%; height: 100%; z-index: 3; background: url(../_all/dots.png) }
.conteiner_1_1 {display:none; position: absolute; left:0px; bottom: 0px; width: 100%; height: 100%; z-index:4; background: rgba(0,0,0, 0.9)}
.conteiner_1_1_1 {position: absolute; left: -100%; top: 75px; width: 100%; height: 3px; z-index:4000}
.conteiner_1_1_2 {position: absolute; left: 0px; top: 0px; width: 100%; height: calc(100% - 78px); padding-top: 78px; z-index:6;}
.conteiner_1_1_2_0 {position: absolute; left: 0px; top: 0px; width: 100%; height: calc(100% - 78px); padding-top: 78px; z-index:6; background: url(../_all/dots_light.png);}
.conteiner_1_1_2_1 {position: relative; float: right; width: 80%; height: 100px; margin-top: 60px; margin-right: 10%; margin-left: 10%; text-align: center; z-index:6}
.conteiner_1_1_2_2 {position: relative; float: left; width: 100%; height: 3px; margin-top: 12px; z-index:6;}
.conteiner_1_1_2_2_1 {position: relative; height: 3px; margin-left: auto; margin-right: auto; z-index:7}
.conteiner_1_1_2_3 {overflow: hidden; position: relative; float: right; width: 80%; margin-top: 60px; margin-right: 10%; text-align: justify; z-index:7}
.conteiner_1_1_2_3_0 {position: relative; float: left; width: 100%; text-align: justify; z-index:7}
.conteiner_product_swipe {display: none; position: absolute; width: 100%; height: 100%}
.conteiner_product_arrow_left {position: absolute; width: 90px; height: 160px; left: 2%; top: 343px; z-index: 21; background: url(../_products/arrow_left.png) no-repeat; cursor: pointer}
.conteiner_product_arrow_right {position: absolute; width: 90px; height: 160px; right: 2%; top: 343px; z-index: 21; background: url(../_products/arrow_right.png) no-repeat; cursor: pointer}
.conteiner_1_1_2_4 {position: absolute; width: 100%; height: 100%; bottom: 0px; z-index:7; background: url(../_all/dots_slight.png);}
.conteiner_1_1_2_5 {position: absolute; width: 100%; height: 70px; bottom: 10px; z-index:11}
.conteiner_1_1_2_5_1 {overflow: hidden; position: relative; width: 200px; height: 70px; margin-left: auto; margin-right: auto; z-index:11}
.conteiner_1_1_2_5_1_1 {display: none; position: relative; float: left; width: 100px; height: 70px; z-index:11; cursor: pointer}
.conteiner_1_1_2_5_1_2 {display: none; position: relative; float: left; width: 100px; height: 70px; z-index:11; cursor: pointer}
.conteiner_1_1_2_5_1_3 {position: relative; float: left; width: 0px; height: 82px; z-index:11}
.conteiner_1_1_2_5_1_3_1{position: relative; float: left; width: 41px; height: 82px; z-index:11; cursor: pointer}
.conteiner_1_1_2_5_1_3_2{position: relative; float: left; width: 47px; height: 82px; z-index:11; cursor: pointer}
.conteiner_1_1_2_5_1_3_3{position: relative; float: left; width: 22px; height: 82px; margin-right: 1px; z-index:11; cursor: pointer}
.conteiner_1_1_2_5_1_3_4{position: relative; float: left; width: 18px; height: 82px; margin-right: 1px; z-index:11; cursor: pointer}
.conteiner_products {position: absolute; width: 10000px; height: 358px; top: 0px; left: 0px; z-index: 11}
.conteiner_product_1 {overflow: hidden; position: relative; float: left; height: 358px; margin-left: 5px; margin-right: 5px; z-index: 12; cursor: pointer}
.conteiner_product_1_1 {position: absolute; width: 100%; height: 160px; bottom: 0px; left: 0px; background: url(../_products/products_bg.png) no-repeat }
.conteiner_product_1_1_1{position: absolute; width: calc(100% - 20px); bottom: 42px; padding-left: 10px; padding-right: 10px; padding-bottom: 4px}
.conteiner_product_1_1_2{position: absolute; width: 200px; height: 20px; bottom: 7px; left: 35px; cursor: pointer}
.conteiner_product_1_1_3{display: none; position: absolute; width: 100%; height: 160px; bottom: 0px; left: 0px; background: url(../_products/products_bg_a.png) no-repeat }
.conteiner_product_dots {position: absolute; width: 100%; height: 70px; bottom: 10px; z-index:11}
.small_menu {position: fixed; top: 78px; right: -100%; width: 100%; height: calc(100% - 78px); z-index: 3000; background: rgba(1,0,5,0.85); opacity: 0.001}
.small_menu_1 {position: absolute; top: -60px; right: 10px; width: 35px; height: 35px; z-index: 3001; background: #070816 url(../_all/small_menu_close.png) no-repeat; cursor: pointer}
.small_menu_2 {position: absolute; top: 60px; left: 60px; width: 150px; height: 35px; z-index: 3001; cursor: pointer}
.small_menu_3 {position: absolute; top: 135px; left: 60px; width: 170px; height: 35px; z-index: 3001; cursor: pointer}
.small_menu_4 {position: absolute; top: 190px; left: 60px; width: 170px; height: 35px; z-index: 3001; cursor: pointer}
.small_menu_5 {position: absolute; top: 245px; left: 60px; width: 170px; height: 35px; z-index: 3001; cursor: pointer}
.small_menu_6 {position: absolute; top: 310px; left: 60px; width: 170px; height: 35px; z-index: 3001; cursor: pointer}
.small_menu_7 {position: absolute; top: 424px; left: 60px; width: 45px; height: 45px; z-index: 3001; background: #070816 url(../_all/social_small.png) no-repeat; cursor: pointer}
.small_menu_8 {position: absolute; top: 424px; left: 118px; width: 45px; height: 45px; z-index: 3001; background: #070816 url(../_all/lang_small.png) no-repeat; cursor: pointer}
#dot_1_left {background: url(../_all/more_txt_left.png) no-repeat;}
#dot_1_right {background: url(../_all/more_txt_right.png) no-repeat;}
#dot_2_left {background: url(../_all/more_txt_left_a.png) no-repeat;}
#dot_2_right {background: url(../_all/more_txt_right_a.png) no-repeat;}
#product_1 {background: url(../_products/product_1.jpg) no-repeat center center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover;}
#product_2 {background: url(../_products/product_2.jpg) no-repeat center center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover;}
#product_3 {background: url(../_products/product_3.jpg) no-repeat center center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover;}
#product_4 {background: url(../_products/product_4.jpg) no-repeat center center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover;}
#product_5 {background: url(../_products/product_5.jpg) no-repeat center center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover;}
#product_6 {background: url(../_products/product_6.jpg) no-repeat center center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover;}
#blenda_1a {background: #7adefe}
#blenda_2a {background: #87a5dc}
#blenda_3a {background: #fe9149}
#blenda_4a {background: #b8ec4f}
#blenda_1b {background: url(../_bg/1a.jpg) no-repeat center center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover;}
#blenda_2b {background: url(../_bg/2_2a.jpg) no-repeat center center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover;}
#blenda_3b {background: url(../_bg/2_4a.jpg) no-repeat center center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover;}
#blenda_4b {background: url(../_bg/2a.jpg) no-repeat center center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover;}
#blenda_1c {background: #7adefe; width: 300px}
#blenda_2c {background: #87a5dc; width: 400px}
#blenda_3c {background: #fe9149; width: 300px}
#blenda_4c {background: #b8ec4f; width: 340px}
#products {height: 358px; z-index: 11}
#cp_1_left {background: url(../_all/more_txt_left_b.png) no-repeat;}
#cp_1_right {background: url(../_all/more_txt_right_b.png) no-repeat;}
/*hide menu*/
@media only screen and (max-width: 905px) {
.conteiner_menu_1_2 {display: none; }
.conteiner_menu_1_3 {display: none; }
.conteiner_menu_1_4 {display: block; }
}
/* title*/
@media only screen and (max-width: 1040px) {
.conteiner_1_1_2_1 {margin-top: 40px; height: 70px; font-size: 45px;}
.conteiner_1_1_2_3 {margin-top: 40px}
}
@media only screen and (max-height: 800px) {
.conteiner_1_1_2_1 {margin-top: 40px; height: 70px; font-size: 45px;}
.conteiner_1_1_2_3 {margin-top: 40px}
}
@media only screen and (max-width: 500px) {
#products {width:100%; margin-right: 0%}
}
/*products*/
@media only screen and (min-height: 1021px) {
.conteiner_products {height: 500px}
.conteiner_product_1 {height: 500px}
#products {height: 500px}
.conteiner_product_arrow_left {top: 480px}
.conteiner_product_arrow_right {top: 480px}
}
@media only screen and (min-height: 766px) and (max-height: 1020px) {
.conteiner_products {height: 100%}
.conteiner_product_1 {height: 100%}
#products {height: 52%}
.conteiner_product_arrow_left {top: 44%}
.conteiner_product_arrow_right {top: 44%}
}
@media only screen and (max-width: 905px) {
.conteiner_product_arrow_left {display: none}
.conteiner_product_arrow_right {display: none}
}
/*welcome */
@media only screen and (max-height: 905px) {
.conteiner_0_3 { height: 35%; }
}@media only screen and (min-height: 906px) and (max-height: 1000px) {
.conteiner_0_3 { height: 31%; }
}
@media only screen and (min-width: 400px) and (max-width: 1000px) {
.conteiner_0_3_1_1 { margin-right: 10% }
}
@media only screen and (max-width: 399px) {
.conteiner_0_3_1_1 { margin-right: 10px; }
}
/* alert news window */
@media only screen and (max-width: 700px) {
/*.content_news {display: none; } */
.content_news {width: 100%; height: 100%; z-index: 100}
.content_news_1 {left: 0px; top: 80px; width: 100%; height: 300px; z-index: 101; background: url(../_news/6a.jpg) no-repeat center center;}
}
#cookieinfo * {
margin: 0px;
padding: 0px;
}
#cookieinfo {
position: fixed;
left: 0px;
bottom: 0px;
right: 0px;
background-color: rgba(00,00,00,0.7);
padding-left: 20px;
padding-right: 85px;
padding-top: 10px;
padding-bottom: 10px;
margin-left: 0px;
margin-right: 0px;
z-index: 10000;
text-align: justify;
}
#cookieinfo h6 {
font-size: 16px;
color: #f2f2f2;
margin-bottom: 2px;
}
#cookieinfo p {
font-size: 12px;
color: #f2f2f2;
line-height: 1.5em;
}
#cookieinfo a {
display: block;
position: absolute;
right: 6px;
top: 8px;
width: 62px;
height: 62px;
background: #00b2f0 url(../_all/close_movie.png); cursor: pointer
}
#cookieinfo a:hover {
background: #ef7121 url(../_all/close_movie.png); cursor: pointer
}