h1{font-size: 34px; line-height: 44px; margin-top: 60px;}
h2{font-size: 28px; line-height: 36px; margin-bottom: 10px;}
h3{font-size: 24px; line-height: 30px;}  
h4, h5, h6{font-size: 20px; line-height: 28px;} 


p, span, strong, b, div, article, i, u, li, a, .text_page, label{font-size: 16px;}




article{line-height: 22px;}
article p, article div{line-height: 22px;}







header{position: absolute; left: 0; right: 0; top: 0; z-index: 999; background: none;}
#slide a.logo{width: 35%;}

header .menu_icon{cursor: pointer; z-index: 100; display: block; width: 54px; height: 54px; position: absolute; left: 50%; margin-left: -27px; top: 0; background: url(../img/nav_icon.png) no-repeat scroll center center;}
header nav{z-index: 0; display: block; background: #000; position: absolute; left: 0; right: 0; top: -1000px; padding-top: 70px; }
header nav.active{top: 0px;}
header nav ul{float: none !important; height: inherit !important; left: inherit !important; right: inherit !important; margin: 40px 0 !important; padding: 0 !important}
header nav ul li{float: none !important; margin: 0 0 5px 0 !important}
header nav ul li a{text-align: center; font-size: 30px !important; line-height: 40px !important; }


#slide{margin-top: 0; min-height: 330px;}
#slide a.logo{top: 20px;}
#slide h1{top: 20px;}
  

#slide h1{font-size: 25px; line-height: 40px;}
#slide h1 strong{font-size: 25px; line-height: 40px;}
#slide h1 span{font-size: 14px; line-height: 30px;}
#slide p.award{display: none;}
#slide .slide_text{top: inherit; bottom: 0; width: 100%;}
#slide .slide_text#multi .red_number{float: left; font-size: 22px; width: 12%; line-height: 65px;}
#slide .slide_text#multi .yellow_number{float: right; font-size: 22px; width: 12%; line-height: 65px;}
#slide .slide_text#dragon .red_number{float: right; font-size: 22px; width: 12%; line-height: 65px;}
#slide .slide_text#dragon .yellow_number{float: left; font-size: 22px; width: 12%; line-height: 65px;}
#slide .slide_text .arrow{display: none;}
#slide .slide_text .box{padding: 0; text-align: center; width: 76%;}
#slide .slide_text .box h2{text-align: center; font-size: 22px; line-height: 65px;}
#slide .slide_text .box h2 strong{font-size: 22px; line-height: 26px; }
#slide .slide_text .box p{display: none;}
#slide, #slide .bg{height: 330px !important; }
#slide .bg .brousek2{left: 0; display: none;}
#slide .bg .nuz2{opacity: 1; display: none;}
#slide #dragon.slide_text{opacity: 1; display: none;}
#slide{height: 330px !important;}  
#slide .bg{height: 330px !important; min-height: 330px;}
#slide .bg .podklad{height: 330px; background-attachment: scroll; background-position: 0 0; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%  ; -o-background-size: 100% 100%; background-size: 100% 100%;}     
#slide .bg .nuz1, #slide .bg .brousek1{height: 330px; background-attachment: scroll;}
#slide .bg .nuz1{background-position: 0 0; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%;}
#slide .bg .brousek1{background-position: 0 0; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%;}


.product_list{height: inherit !important; width: 100%;}
.product_list .item.multi{float: none; margin: 120px auto 0  !important;}
.product_list .item.dragon{float: none; margin: 40px auto 0  !important;}
.product_list .item a{padding: 40px; width: 273px; height: 273px; display: block; overflow: hidden; border: 1px solid #EDEDEE; position: relative; -webkit-transition: background 200ms ease; -moz-transition: background 200ms ease; -o-transition: background 200ms ease; -ms-transition: background 200ms ease; transition: background 200ms ease;}
.product_list .item a h2{font-family: 'ProximaNovaLight'; font-size: 28px; line-height: 35px; text-align: left; font-weight: 400; text-transform: uppercase; margin: 0; padding: 0; color: #000}
.product_list .item a h2 strong{font-family: 'MarkSimonsonProximaNovaSemibold'; font-size: 1em; line-height: 1em; font-weight: 400; text-transform: uppercase; margin: 0; padding: 0; color: #000} 
.product_list .item a p{font-family: 'ProximaNovaLight'; font-size: 20px; line-height: 26px; text-align: left; font-weight: 400; margin: 0; color: #000}
.product_list .item a img{position: absolute; right: -40px; bottom: -40px; width: 90%;}
.product_list .item.multi a:hover{background: #C72134}
.product_list .item.dragon a:hover{background: #E6D800}
.product_list .item.multi a:hover h2{color: #fff}
.product_list .item.multi a:hover h2 strong{color: #fff} 
.product_list .item.multi a:hover p{ color: #fff}




.product_detail ul.product_links{padding: 100px 0 40px;}
.product_detail .text{padding: 0 3%; width: 94%; float: none;}
.product_detail .text h1, .product_detail .text h2{ text-align: center;}
.product_detail .text p{text-align: center;}
.product_detail .img{float: none; padding: 40px 3%; width: 94%;}
.product_detail .img img{display: block; max-width: 100%;}
.product_detail .youtube{float: none; padding: 0px 3%; width: 94%;}
.product_detail .youtube .img{display: none;}


.news_list .item{margin: 0 0 40px;}
.news_list .item .img{display: none;}
.news_list .item .text{float: none; width: 100% !important}

.news_list .item .text h2{margin-top: 15px; font-size: 28px; line-height: 38px; text-align: left;}
.news_list .item .text h2 a{font-size: 28px; line-height: 38px;}
.news_list .item .text h2 a:hover{text-decoration: underline; color: #c72134}
.news_list .item .text p.anotation{ font-size: 16px; line-height: 22px;}

.news_list .item.no_img .img{width: 40px; height: 40px; float: left; margin-right: 40px;}
.news_list .item.no_img .text p.anotation{padding-left: 170px;}


article{padding: 40px 3%;}

.contact_page{width: 94%; padding: 100px 3% 0}
.contact_page #MyGmaps{display: none;}
.contact_page .count_height{width: 100%;  float: none;}
.contact_page h1, .contact_page h2{ text-align: center;}
.contact_page p{text-align: center; font-size: 16px; line-height: 22px;}
.contact_page p strong{font-size: 16px; line-height: 22px; }
.contact_page p a{font-size: 16px; line-height: 22px;}

.contact_page p.title{display: none;}
.contact_page .distribution_links{display: none;}

.contact_page .pobocka{margin: 50px 3%; width: 94%; float: none;}
.contact_page .pobocka h2{font-family: 'MarkSimonsonProximaNovaExtrabold'; font-weight: 400;}





footer .product_show .item{width: 33.33%;}
footer .product_show .item .img{height: 260px; background-position: 50% 75%; background-size: auto 100% ;}
footer .product_show .item h2{padding: 10px 0; font-size: 16px;}
footer .product_show .item .icon{display: none;}



footer .box{height: 300px !important}

footer .team p{font-size: 16px; line-height: 22px;}
footer .team p a{font-size: 16px; line-height: 22px;}
footer .contact table{margin: 30px 0; width: 100%; float: none;}
footer .contact table th{text-align: left; font-size: 16px; line-height: 22px;}
footer .contact table td{text-align: left; width: 100%;  font-size: 16px; line-height: 22px; padding: 0 20px 0 0;}
footer .contact table td a{text-align: left;  font-size: 16px; line-height: 22px;}
footer .contact{text-align: center;}
footer .contact .distribution{display: inline-block; zoom: 1; *display: inline; float: none; margin-bottom: 30px;}
footer .contact .distribution a.distribution_link{ font-size: 16px; line-height: 39px;}
footer .sign p{font-size: 16px; line-height: 22px;}
footer .sign .box{height: 100px !important; min-height: 100px !important }
footer .sign p a{font-size: 16px; line-height: 22px;}