/*GLOBAL*/ header,nav,section,article,aside,footer,hgroup{display:block;} a{text-decoration:none; outline: 0; color:inherit;} a img{border:none;} .img_hide{display: none !important;} .clear{clear:both; margin: 0; display: block; width: 100% !important; float: none !important;} .clear.hide{display: none !important;} .relative{position: relative;} .clear.not_desktop{display: none;} .float_right{float:right; position: relative;} .float_left{float:left; position: relative;} .align-left{text-align: left !important} .align-center{text-align: center !important} .align-right{text-align: right !important} button, input[type=submit]{cursor: pointer; -webkit-appearance: none; outline: 0; } input[type="submit"]:focus {outline:none;} input, textarea {-webkit-appearance: none; border-radius: 0;} input[type="submit"]::-moz-focus-inner {border:0;} label{cursor: text;} input[type=checkbox], input[type=radio]{cursor: pointer;} input:focus{outline:0; } input[type="text"], input[type="password"], textarea, select {outline: none;} input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;} input[type=number] {-moz-appearance:textfield;} input[name="fake1"], input[name="fake2"]{opacity: 0; font-size: 0; line-height: 0; padding: 0; visibility: hidden; overflow: hidden; position: fixed; top: 0; left: 0; z-index: -30} .need{color: #cc0000;} .color_orange{color: #9dd044 !important;} .message_centering{z-index: 999999; min-height: 0; position: absolute; top: -92px; width: 100%; max-width: 700px; left: 0; right: 0; margin: 0 auto; text-align: center; background-image: none !important; -webkit-transition: all 750ms ease; -moz-transition: all 750ms ease; -o-transition: all 750ms ease; -ms-transition: all 750ms ease; transition: all 750ms ease;} .message_centering.active{top: 100%;} .hp .message_centering{top: -92px;} .hp .message_centering.active{top: 0;} .flash{max-width: 700px; margin: 0 auto; min-height: 0; font-size: 13px; line-height: 16px; font-weight: 500; padding: 12px 54px; clear: both; position: relative; letter-spacing: 0.5px;} .flash span{cursor: pointer; position: absolute; top: 50%; margin-top: -7.5px; right: 15px; width: 15px; height: 15px; display: block;} .alert-error {color: #fff; background: url(/global/error_icon.png) no-repeat scroll 15px center #d8001b; border: 1px solid #b6192e;} .alert-success{color: #fff; background: url(/global/success_icon.png) no-repeat scroll 15px center #009e08; border: 1px solid #179c1e;} .alert-error span{background: url(/global/error_close.png) no-repeat;} .alert-success span{background: url(/global/success_close.png) no-repeat;} h1.rot {opacity: 0; bottom: 0; color: #000; display: block; font-size: 22px; font-weight: normal; height: 15px; margin: 0 auto;position: absolute; left: -30px; top: 25px; transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); white-space: nowrap; width: 15px; z-index: 4;} h1{text-transform: uppercase; color: #9dd044; font-weight: 600; font-size: 27px; line-height: 34px; margin: 0 0 30px; padding: 0; text-align: center;} h1 strong{font-weight: 600; font-size: 27px; line-height: 34px;} h2{color: #9dd044; font-weight: 600; font-size: 18px; line-height: 24px; margin: 30px 0 10px; padding: 0;} h3{color: #9dd044; font-weight: 600; font-size: 18px; line-height: 24px; margin: 30px 0 10px; padding: 0;} h4, h5, h6{color: #9dd044; font-weight: 500; font-size: 16px; line-height: 20px; margin: 30px 0 10px; padding: 0;} p, strong, b, div, article, i, u, li, a, .text_page, label, code{font-size: 14px; font-weight: 400;} strong, b{font-weight: 600} sup{color: inherit; font-size: 12px;} article a, article a strong, article strong a{font-weight: 600; color: #9dd044; text-decoration: underline; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch article a:hover, .notouch article a:hover strong, .notouch article strong a:hover{text-decoration: none;} #basket article{max-width: 100%;} article{margin: 0 auto; text-align: left; line-height: 22px; max-width: 1024px;} article p, article div{margin:0 0 15px; text-align: left; line-height: 22px;} article .text_p{margin: 0; } .text_page{max-width: 1024px; margin: 0 auto;} .text_page .img{display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: 48%; margin-right: -4px;} .text_page .img img{max-width: 100%; display: block; margin: 0 auto;} .text_page .text{display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: 50%; padding-left: 2%; margin-right: -4px;} @media screen and (max-width: 960px) { .text_page .img{display: block; width: 100%; margin: 0 0 10px;} .text_page .text{display: block; width: 100%; padding: 0; margin: 0;} } article ul{margin: 15px 0; padding: 0;} article ul li{padding: 0 0 0 28px; margin: 5px 0; position: relative; list-style: none; background: url(/img/drobky_arrow.svg) no-repeat scroll 11px 6px; background-size: 6px 9px;} article ul ul{margin: 0; padding: 0; } article ol{margin: 15px 0; padding: 0; counter-reset: item;} article ol li{padding: 0 0 0 33px; margin: 5px 0; position: relative; list-style-type: none; counter-increment: item;} article ol li:before{position: absolute; top: 0; left: 13px; display: block; padding-right: 5px; text-align: right; content: counter(item) ".";} article ol ol{margin: 0; padding: 0;} article ol ul{margin: 0; padding: 0;} article ol ul li{background: url(/img/list_style.svg) no-repeat scroll 11px 6px; background-size: 19px auto; padding: 0 0 0 33px;} article ol ul li:before{display: none;} article table.over{min-width: 100%; display: block; overflow-x: scroll;} article table{margin: 0 0 20px 0; border-collapse: collapse; border-spacing: 0 0;} article table caption{color: #000; font-size: 20px; line-height: 24px; font-weight: 600; margin: 30px 0 10px; text-align: left;} article table thead{margin-bottom: 3px;} article table thead tr th, article table tr:first-child th{text-transform: uppercase; text-align: left; font-size: 14px; font-weight: 600; line-height: 20px; padding: 12px 16px; background: #424f5a; color: #fff; border: 1px solid #2f3840; border-right: 0;} article table tr td{text-align: left; font-size: 14px; line-height: 20px; padding: 8px 16px; font-weight: 500; border: 1px solid #cacaca;} article table tr:nth-child(even) td{background: #fff;} article table tr:nth-child(odd) td{background: rgba(203,203,203,0.15);} article img{max-width: 100%; margin: 0 auto 15px; display: block; } article img.fr-fil{float: left; margin: 10px 30px 10px 0;} article img.fr-fir{float: right; margin: 10px 0 10px 30px;} article span.fr-video{width: 100%; margin: 0 auto 15px; display: block; margin: 0 auto; text-align: center;} article span.fr-video.fr-fvl{text-align: left} article span.fr-video.fr-fvr{text-align: right} article span.fr-video iframe{max-width: 100%; margin: 0 auto; display: inline-block; zoom: 1; *display: inline; width: 640px !important; height: 360px !important;} @media screen and (max-width: 768px) { article span.fr-video{text-align: center !important;} article span.fr-video iframe{width: 280px !important; height: 160px !important;} } input[type=text], input[type=password], input[type=submit], textarea, code{font-family: 'canada-type-gibson', sans-serif, Arial; margin: 0;} article, div, li{height: auto; min-height: 1px; max-height: 9999999px;} .clear{min-height: 0; } html{margin: 0 auto; padding: 0; background: #f1f1f1 ;} body{color: #000000; background: #fff; overflow-x: hidden; -webkit-text-size-adjust: none; text-rendering: auto; max-width: 1920px; margin: 0 auto; font-family: 'canada-type-gibson', sans-serif, Arial; padding: 0; font-weight: 400; position: relative; box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.6);} .inside{position: relative; z-index: 100; width: 90%; padding: 0 5%; max-width: 1530px; margin: 0 auto;} .small_inside{position: relative; z-index: 100; width: 92%; padding: 0 4%; max-width: 840px; margin: 0 auto;} .btn{text-decoration: none; white-space: nowrap; overflow: hidden; position: relative; background: none; display: block; border: 1px solid transparent; text-transform: uppercase; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 8px 25px; font-weight: 300; font-size: 12px; line-height: 16px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .btn > img{width: 30px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: -4px 5px 0 -14px} .btn.overflow{overflow: visible;} .btn.radius{-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;} .btn.line_height{line-height: 30px;} .btn.uppercase{text-transform: none;} .btn.inline{display: inline-block; zoom: 1; *display: inline; vertical-align: middle;} .btn.left{float: left;} .btn.right{float: right;} .btn.cursor{cursor: pointer;} .btn.ultra_min_margin_top{margin-top: 1px;} .btn.ultra_min_margin_bottom{margin-bottom: 1px;} .btn.ultra_min_margin_right{margin-right: -3px;} .btn.ultra_min_margin_left{margin-left: 1px;} .btn.min_margin_top{margin-top: 5px;} .btn.min_margin_bottom{margin-bottom: 5px;} .btn.min_margin_right{margin-right: 5px;} .btn.min_margin_left{margin-left: 5px;} .btn.middle_margin_top{margin-top: 10px;} .btn.middle_margin_bottom{margin-bottom: 10px;} .btn.middle_margin_right{margin-right: 10px;} .btn.middle_margin_left{margin-left: 10px;} .btn.max_margin_top{margin-top: 15px;} .btn.max_margin_bottom{margin-bottom: 15px;} .btn.max_margin_right{margin-right: 15px;} .btn.max_margin_left{margin-left: 15px;} .btn.bg_black{background: #424f5a;} .btn.bg_grey{background: #f6f6f6;} .btn.bg_white{background: #ffffff;} .btn.bg_green{background: #9dd044;} .btn.border_black{border: 1px solid #424f5a;} .btn.border_grey{border: 1px solid #f6f6f6;} .btn.border_green{border: 1px solid #9dd044;} .btn.color_white{color: #fff;} .btn.color_black{color: #000000;} .btn.color_grey{color: #f6f6f6;} .btn i{font-style: normal; font-weight: 300;} .btn .item{display: block; z-index: 999; position: absolute; width: 230px; left: 50%; bottom: calc(100% + 15px); visibility: hidden; opacity: 0; margin-left: -115px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .btn:hover .item{visibility: visible; opacity: 1; bottom: calc(100% + 5px);} .btn .item .box{display: block; position: relative; padding: 8px; background: #fff; border: 1px solid #dbdbdb; box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.6);} .btn .item .box::before{display: block; top: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #dbdbdb; border-width: 11px; margin-left: -11px; } .btn .item .box::after{display: block; top: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 10px; margin-left: -10px; } .btn .item .img{display: block; width: 100%; height: 80px; position: relative; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .btn .item .title{white-space: normal; display: block; text-align: center; font-size: 12px; line-height: 16px; letter-spacing: 1px; text-transform : uppercase; color: #000000; margin: 0; padding: 8px 0 0; font-weight: 300;} .notouch .btn.border_grey.color_black.bg_grey:hover, .notouch a.item:hover .btn.border_grey.color_black.bg_grey{border: 1px solid #3c3c3b; background: #3c3c3b; color: #fff;} .notouch a.item:hover .btn.border_grey.color_black.bg_grey:hover{border: 1px solid #3c3c3b; background: #ffffff; color: #3c3c3b;} .notouch .btn.border_black.color_white.bg_black:hover, .notouch a.item:hover .btn.border_black.color_white.bg_black{border: 1px solid #3c3c3b; background: #fff; color: #000;} .notouch .btn.border_black.color_white.bg_black.green_hover:hover, .notouch a.item:hover .btn.border_black.color_white.bg_black.green_hover{border: 1px solid #9dd044; background: #9dd044; color: #fff;} .notouch .btn.border_green.color_white.bg_green:hover{border: 1px solid #424f5a; background: #424f5a; color: #ffffff;} .notouch footer .btn.border_green.color_white.bg_green:hover{border: 1px solid #000000; background: #ffffff; color: #000000;} .notouch .btn.border_white.color_black.bg_white:hover{border: 1px solid #9dd044; background: #9dd044; color: #ffffff;} .notouch .btn.border_black.color_black:hover{border: 1px solid #424f5a; background: #424f5a; color: #ffffff;} .header_height{height: 78px; display: block; position: relative; background: #fff;} .hp .header_height{display: block;} header{position: fixed; top: 0; background: #fff; display: block; z-index: 999; width: 100%; max-width: 1920px; margin: 0 auto; left: 0; right: 0; box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);} header a.logo{z-index: 10; position: relative; width: 246px; height: 32px; display: block; float: left; margin: 23px 0;} header a.logo img{width: 246px; height: 32px; display: block;} header ul.menu{position: relative; margin: 0; padding: 0 0 0 60px; float: left;} header ul.menu.padding{padding: 0 0 0 20px;} header ul.menu li{margin: 0; position: relative; list-style: none; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; vertical-align: middle;} header ul.menu li a{border-top: 6px solid transparent; border-bottom: 6px solid transparent; text-transform: uppercase; display: block; position: relative; padding: 14px 12px; text-align: center; color: #272724; font-size: 14px; font-weight: 400; line-height: 38px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} header ul.menu li.spec a{color: #9dd044; font-weight: 600;} .notouch header ul.menu li a:hover, header ul.menu li.active a{border-bottom: 6px solid #9dd044;} header ul.lang{position: relative; margin: 0; padding: 0 0 0 20px; float: right;} header ul.lang::before{position: absolute; left: 0; top: 15px; bottom: 15px; width: 1px; background: #dbdbdb; content: ""; display: block;} header ul.lang li{margin: 0; position: relative; list-style: none; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; vertical-align: middle;} header ul.lang li a{border-top: 6px solid transparent; border-bottom: 6px solid transparent; text-transform: uppercase; display: block; position: relative; padding: 14px 12px; text-align: center; color: #272724; font-size: 14px; font-weight: 400; line-height: 38px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch header ul.lang li a:hover, header ul.lang li.active a{border-bottom: 6px solid #9dd044;} header ul.login_links{position: relative; margin: 0; padding: 0 20px 0 0; float: right;} header ul.login_links li{margin: 0; position: relative; list-style: none; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; vertical-align: middle;} header ul.login_links li a{border-top: 6px solid transparent; border-bottom: 6px solid transparent; text-transform: uppercase; display: block; position: relative; padding: 14px 15px; text-align: center; color: #272724; font-size: 14px; font-weight: 400; line-height: 38px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch header ul.login_links li a:hover, header ul.login_links li.active a{border-bottom: 6px solid #9dd044;} header ul.login_links li a .number{position: absolute; right: 0; top: 9px; width: 16px; height: 16px; background: #9dd044; color: #fff; line-height: 16px; font-weight: 400; font-size: 9px; text-align: center; display: block; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;} header ul.login_links li a .number:empty{display: none;} header .mobile_basket{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; position: relative; float: right; margin: 24px 0; width: 30px; height: 30px; background: url(/img/mobile_add_basket.svg) no-repeat scroll center center; background-size: 22px 22px;} .notouch header .mobile_basket:hover, header .mobile_basket.active{background: url(/img/mobile_add_basket_active.svg) no-repeat scroll center center; background-size: 22px 22px;} header .mobile_basket .number{position: relative; right: -4px; top: -2px; width: 16px; height: 16px; background: #9dd044; color: #fff; line-height: 16px; font-weight: 400; font-size: 9px; text-align: center; display: block; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;} header .mobile_basket .number:empty{display: none;} header ul.icons{white-space: nowrap; text-align: right; width: 38px; float: right; padding: 20px 0; margin: 0; position: relative; display: none;} header ul.icons li{vertical-align: middle; list-style: none; position: relative; display: inline-block; zoom: 1; *display: inline;} header ul.icons li a.basket{border-bottom: 1px solid transparent; display: block; color: #2b333d; font-weight: 700; text-transform: uppercase; border: 1px solid transparent; font-size: 13px; line-height: 20px; padding: 5px 0; margin-right: 20px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch header ul.icons li:hover a.basket{color: #68b0b8; border-bottom: 1px solid #68b0b8; } header ul.icons li a.basket span{color: #68b0b8; font-weight: 700; text-transform: uppercase; font-size: 13px; line-height: 20px;} header ul.icons li span.user{cursor: pointer; width: 38px; height: 38px; display: block; position: relative;} header ul.icons li span.user::before{content: ""; width: 38px; height: 38px; position: absolute; top: 0; left: 0; background: url(/img/user_icon.svg) no-repeat scroll center center; background-size: 38px 38px; opacity: 1; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} header ul.icons li span.user::after{content: ""; width: 38px; height: 38px; position: absolute; top: 0; left: 0; background: url(/img/user_icon_hover.svg) no-repeat scroll center center; background-size: 38px 38px; opacity: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch header ul.icons li:hover span.user::before{opacity: 0;} .notouch header ul.icons li:hover span.user::after{opacity: 1;} header ul.icons li ul{z-index: 999; height: initial; height: auto; margin: 0; padding: 4px; background: #ffffff; border: 1px solid #f2f2f2; position: absolute; top: calc(100% - 8px); right: 0; visibility: hidden; opacity: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.6);} header ul.icons li ul::before{display: block; bottom: 100%; right: 6px; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #f2f2f2; border-width: 12px; margin-left: -12px; } header ul.icons li ul::after{display: block; bottom: 100%; right: 8px; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 10px; margin-left: -10px; } .notouch header ul.icons li:hover ul, header ul.icons li.active ul{visibility: visible; opacity: 1; top: calc(100% + 3px);} header ul.icons li ul li{display: block; padding: 0; margin: 0 !important; width: auto !important; width: initial !important; height: initial !important; height: auto !important;} header ul.icons li ul li a{line-height: 32px; font-weight: 400; white-space: nowrap; display: block; padding: 0 35px !important; font-size: 15px; color: #2b333d; text-align: center; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch header ul.icons li ul li a:hover, header ul.icons li ul li.active a{color: #9dd044} .open_close_navigation{text-align: center; display: none; position: absolute; left: calc(200px + 5%); top: 50%; height: 44px; width: 44px; margin: -22px 0 0; z-index: 9999999; padding: 0; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;} .open_close_navigation button {background: none; border: none; display: inline-block; margin: 0;} .open_close_navigation .lines-button {font-size: 0; padding: 21px 0; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; cursor: pointer; user-select: none;} .open_close_navigation .lines-button:active {transition: 0;} .open_close_navigation .lines {display: inline-block; width: 2rem; height: 3px; background: #000; transition: 0.3s; position: relative;} .open_close_navigation .lines:before, .open_close_navigation .lines:after {display: inline-block; width: 2rem; height: 3px; background: #000; transition: 0.3s; position: absolute; left: 0; content: ''; -webkit-transform-origin: 0.28571rem center; transform-origin: 0.28571rem center;} .open_close_navigation .lines:before {top: 0.5rem;} .open_close_navigation .lines:after {top: -0.5rem;} .open_close_navigation .lines-button.close {-webkit-transform: scale3d(0.8, 0.8, 0.8); transform: scale3d(0.8, 0.8, 0.8);} .open_close_navigation .lines-button.x.close .lines {background: transparent !important;} .open_close_navigation .lines-button.x.close .lines:before, .open_close_navigation .lines-button.x.close .lines:after {height: 4px; left: -3px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; width: 2.5rem; background: #000;} .open_close_navigation .lines-button.x.close .lines:before {-webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg);} .open_close_navigation .lines-button.x.close .lines:after {-webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg);} .notouch .open_close_navigation:hover .lines-button.x.close .lines:before, .notouch .open_close_navigation:hover .lines-button.x.close .lines:after{background: #9dd044;} .notouch .open_close_navigation:hover .lines:before, .notouch .open_close_navigation:hover .lines:after{background: #9dd044;} .notouch .open_close_navigation:hover .lines{background: #9dd044;} .ipad_menu{display: block !important; position: fixed; max-width: 1920px; top: -500px; right: 0; left: 0; background: #ffffff; padding: 78px 0 0; z-index: 998; box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .ipad_menu.move{top: 0;} .ipad_menu.active{display: block !important;} .ipad_menu ul{display: block; position: relative; text-align: center; margin: 0; padding: 0; z-index: 9998;} .ipad_menu ul li{position: relative; list-style: none; display: block;} .ipad_menu ul li.lang{display: none;} .ipad_menu ul li.lang a{display: inline-block; zoom: 1; *display: inline; width: calc(33.33% - 31px); border-left: 1px solid #dbdbdb} .ipad_menu ul li.lang a:first-of-type{border-left: 0;} .ipad_menu ul li a{border-top: 1px solid #dbdbdb; position: relative; font-size: 14px; line-height: 56px; font-weight: 400; padding: 0 15px; display: block; text-transform: uppercase; color: #000000; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .ipad_menu ul li a:hover, .ipad_menu ul li.active a, .ipad_menu ul li a.active{background: #9dd044; color: #fff;} /* .ipad_menu ul ul{display: none;} .ipad_menu ul ul li{} .ipad_menu ul ul li a{background: #f6f6f6 !important; border: 0 !important; border-top: 1px solid #fff !important; position: relative; font-size: 14px; line-height: 44px; font-weight: 400; padding: 0 15px; display: block; text-transform: none; color: #000000 !important; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .ipad_menu ul ul li:first-child a{border: 0 !important;} .notouch .ipad_menu ul ul li:hover a, .ipad_menu ul ul li.active a{background: #e2e2e2 !important;} .ipad_menu ul li .icon{z-index: 100; display: block; position: absolute; top: 10px; left: 10px; width: 38px; height: 38px; background: #999; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .ipad_menu ul li .icon::before{display: block; width: 38px; height: 38px; content: ""; position: absolute; top: 0; left: 0; background: url(https://www.wiwe.sk/img/ipad_menu_arrow.png) no-repeat scroll center center;} .ipad_menu ul li .icon.active::before{transform: rotate(180deg);-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg)} .notouch .ipad_menu ul li:hover .icon, .ipad_menu ul li.active .icon{background: #999;} */ .main_top{overflow: hidden; margin: 0; width: 100%; position: relative; height: calc(100vh - 78px - 104px); /*background-image: url(/img/main_bg.jpg);*/ background-color: #f2f2f2; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .main_top .video_box{opacity: 0; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .main_top .video_box.active{opacity: 1; z-index: 99;} .main_top .video_box video{min-width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%);} .main_top .title{z-index: 100; position: absolute; left: 0; right: 0; top: 25%; margin: 0 auto; padding: 0;} .main_top .title span.text{margin: 0 0 2px; position: relative; display: inline-block; clear: both; font-size: 60px; line-height: 64px; color: #fff; font-weight: 400; text-transform: uppercase; padding: 5px 15px; background: #424f5a;} .main_top .button_list{position: absolute; left: 0; right: 0; bottom: calc(6% - 25px);} .main_top .button{cursor: pointer; position: relative; width: 50px; height: 50px; background: #9dd044; display: block;} .main_top .button::before, .main_top .button::after{position: absolute; top: 0; left: 0; width: 50px; height: 50px; content: ""; display: block; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .main_top .button::before{opacity: 1; background: url(/img/play.svg) no-repeat scroll center center #9dd044; background-size: 50px 50px;} .main_top .button::after{opacity: 0; background: url(/img/pause.svg) no-repeat scroll center center #9dd044; background-size: 50px 50px;} .notouch .main_top .button:hover::before{background-color: #84b82a;} .notouch .main_top .button:hover::after{background-color: #84b82a;} .main_top .button.active::before{opacity: 0;} .main_top .button.active::after{opacity: 1;} .main_top .main_slider{position: relative; z-index: 10; } .main_top .main_slider, .main_top .main_slider .item, .main_top .main_slider .item .box{height: calc(100vh - 78px - 104px); } .main_top .main_slider .item{width: 100%; display: block; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .main_top .main_slider .item::before{z-index: 100; position: absolute; top: 6%; right: 3%; bottom: 6%; left: 3%; border: 1px solid #fff; content: ""; display: block;} .main_top .main_slider .item .box{display: table; width: 100%;} .main_top .main_slider .item .box .centering{display: table-cell; vertical-align: middle; width: 100%; text-align: center;} .main_top .main_slider .item .box .centering .text{position: relative; z-index: 999; } .main_top .main_slider .item .box .centering .title{margin: 0 0 2px; position: relative; display: inline-block; clear: both; font-size: 44px; line-height: 54px; color: #fff; font-weight: 400; text-transform: uppercase; padding: 5px 15px; background: #424f5a;} .main_top .main_slider .item .box .centering .anotation{margin: 0; position: relative; display: inline-block; clear: both; font-size: 20px; line-height: 28px; color: #fff; font-weight: 400; padding: 5px 15px; background: #424f5a;} .main_title{letter-spacing: 1px; background: #424f5a; margin: 0; padding: 34px 5%; font-size: 30px; line-height: 36px; text-transform: uppercase; color: #fff; font-weight: 300; text-align: center;} .main_anotation{margin: 0; padding: 50px 5% 90px; font-size: 24px; line-height: 30px; color: #424f5a; font-weight: 300; text-align: center;} .main_anotation strong{font-size: 22px; line-height: 30px; color: #424f5a; font-weight: 600; text-align: center;} .main_anotation a{font-size: 22px; line-height: 30px; color: #424f5a; font-weight: 600; text-align: center; text-decoration: underline; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .main_anotation a:hover{color: #9dd044;} .main_anotation span{display: block; font-size: 22px; line-height: 30px; color: #424f5a; font-weight: 300; text-align: center; font-style: italic;} .main_top .main_slider.owl-carousel .owl-controls{margin: 0;} .main_top .main_slider.owl-carousel .owl-controls .owl-buttons{ position: absolute; top: 50%; margin-top: -46px; left: 0; right: 0; } .main_top .main_slider.owl-carousel .owl-controls .owl-buttons .owl-prev { background: rgba(255,255,255,0.6); cursor: pointer; position:absolute; width: 52px; height: 92px; left: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .main_top .main_slider.owl-carousel .owl-controls .owl-buttons .owl-next { background: rgba(255,255,255,0.6); cursor: pointer; position:absolute; width: 52px; height: 92px; right: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .main_top .main_slider.owl-carousel .owl-controls .owl-buttons .owl-prev::before { position: absolute; left: 0; top: 0; content: "\2039"; color: #000000; line-height: 77px; font-size: 72px; font-weight: 100; font-family: Helvetica; text-align: center; display: block; width: 52px; height: 92px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .main_top .main_slider.owl-carousel .owl-controls .owl-buttons .owl-next::before { position: absolute; left: 0; top: 0; content: "\203A"; color: #000000; line-height: 77px; font-size: 72px; font-weight: 100; font-family: Helvetica; text-align: center; display: block; width: 52px; height: 92px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .main_top .main_slider.owl-carousel .owl-controls .owl-buttons .owl-prev:hover, .notouch .news.version_3 .hp_news_list .news_slider.owl-carousel .owl-controls .owl-buttons .owl-next:hover { background: {!=$mainColor};} .notouch .main_top .main_slider.owl-carousel .owl-controls .owl-buttons .owl-prev:hover::before, .notouch .main_top .main_slider.owl-carousel .owl-controls .owl-buttons .owl-next:hover::before { background: rgba(255,255,255,0.95);} #content .container{padding: 70px 0; max-width: 1280px; margin: 0 auto; width: 90%;} #content .container.full{max-width: 100%; width: 100%;} #content .container.full video{max-width: 800px; margin: 0 auto 50px; width: 90%; display: block;} #content .container.full .video_container{display: block; margin: 0 auto 50px; width: 90%; max-width: 800px;} #content .container.full .video_box{display: block; position: relative; width: 100%; padding: 0 0 57%; overflow: hidden; z-index: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} #content .container.full .video_box iframe{min-width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%);} .welcome1 .box_list{width: 100%; position: relative; display: block; margin-bottom: 120px;} .welcome1.green{background: #f7f9f2; padding: 20px 0; margin: 0 0 -75px;} .sub .welcome1 .box_list{margin: 90px 0;} .welcome1 .box_list::before{position: absolute; left: 33.3333%; top: 50%; height: 200px; margin-top: -100px; content: ""; width: 1px; background: #dbdbdb;} .welcome1 .box_list::after{position: absolute; left: 66.6666%; top: 50%; height: 200px; margin-top: -100px; content: ""; width: 1px; background: #dbdbdb;} .welcome1 .box_list .item{display: block; float: left; width: 33.33333%; text-align: center;} .welcome1 .box_list .item .in{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 90%; max-width: 400px; text-align: left;} .welcome1 .box_list .item img{margin: 0 auto; display: block; width: 70px; height: 70px;} .welcome1.green .box_list .item img{margin: 0 auto 30px;} .welcome1 .box_list .item h2{text-align: center; font-size: 25px; line-height: 29px; color: #9dd044; font-weight: 600; text-transform: uppercase; margin: 15px 0 30px;} .welcome1 .box_list .item p.anotation{text-align: center; font-size: 16px; line-height: 24px; color: #000000; font-weight: 300; margin: 0;} .welcome1 .box_list .item p.anotation a{font-size: 16px; line-height: 24px; color: #000000; font-weight: 600; text-decoration: underline; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .welcome1 .box_list .item p.anotation a:hover{color: #9dd044;} .welcome2{overflow: hidden; height: 470px; position: relative; background-image: url(/img/green_bg.jpg); display: block; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .welcome2 img{left: 5%; width: 55%; bottom: 0; position: absolute; max-width: 854px;} .welcome2 .item{position: absolute; left: 60%; top: 95px;} .welcome2 .item h3{margin: 0; position: relative; display: inline-block; clear: both;} .welcome2 .item h3::before{display: block; content: ""; width: 458px; height: 28px; position: absolute; top: 10px; left: calc(100% + 170px); background: url(/img/line_black.svg) no-repeat scroll center center; background-size: 458px 28px;} .welcome2 .item h3 a{font-size: 24px; line-height: 30px; color: #fff; font-weight: 400; text-transform: uppercase; padding: 9px 15px; background: #424f5a; border: 1px solid #424f5a; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .welcome2 .item h3 a:hover{color: #424f5a; background: #ffffff;} .welcome2 .item ul{max-width: 400px; margin: 30px 0 0; padding: 0;} .welcome2 .item ul li{position: relative; list-style: none; font-size: 16px; line-height: 22px; color: #fff; font-weight: 300; margin: 0 0 20px; padding: 0 0 0 30px;} .welcome2 .item ul li::before{position: absolute; left: 2px; top: 6px; width: 10px; height: 10px; background: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; content: "";} .welcome3{width: 100%; position: relative; display: block; } .welcome3 .item{float: left; width: 50%; background: #fff; text-align: center;} .welcome3 .item .box{height: 500px; display: table; width: 100%;} .welcome3 .item .box .centering{display: table-cell; vertical-align: middle; width: 100%;} .welcome3 .item .box .centering .in{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 90%; max-width: 460px; text-align: left;} .welcome3 .item .box .centering .in h2{margin: 0; position: relative; display: block;} .welcome3 .item .box .centering .in h2 span{margin: 0 0 2px; position: relative; display: inline-block; clear: both; font-size: 24px; line-height: 30px; color: #fff; font-weight: 400; text-transform: uppercase; padding: 9px 15px; background: #424f5a;} .welcome3 .item .box .centering .in ul{max-width: 400px; margin: 0; padding: 10px 0 0; counter-reset: item;} .welcome3 .item .box .centering .in ul li{position: relative; list-style: none; font-size: 16px; line-height: 22px; color: #000000; font-weight: 300; margin: 20px 0 0; padding: 0 0 0 30px; counter-increment: item;} .welcome3 .item .box .centering .in ul li::before{position: absolute; left: 2px; top: 0; font-size: 18px; line-height: 22px; font-weight: 600; content: counter(item) ".";} .welcome3 .item .slider{background: url(/img/welcome3_bg.jpg) repeat; height: 500px;} .welcome3 .item .slider .slide{height: 500px; width: 100%; position: relative; background-repeat: no-repeat; background-position: center center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;} .welcome3 .item .slider .slide span{white-space: nowrap; position: absolute; font-size: 43px; line-height: 50px; color: #424f5a; text-transform: uppercase; font-weight: 600;} .welcome3 .item .slider .slide span:nth-child(1){top: 96px; left: 32%;} .welcome3 .item .slider .slide span:nth-child(2){top: 150px; left: 52%;} .welcome3 .item .slider .slide span:nth-child(3), .welcome3 .item .slider .slide span:nth-child(4){display: none;} .welcome3 .item .slider.owl-theme .owl-controls{margin: 0; background: url(/img/welcome3_bg.jpg) repeat;} .welcome3 .item .slider.owl-theme .owl-controls .owl-page span{margin: 32px 6px 27px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; width: 14px; height: 14px; background: #ffffff; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .welcome3 .item .slider.owl-theme .owl-controls .owl-page span:hover, .welcome3 .item .slider.owl-theme .owl-controls .owl-page.active span{background: #9dd044} .link_to_eshop{display: block; background: #9dd044; font-size: 22px; line-height: 76px; color: #fff; font-weight: 500; text-transform: uppercase; text-align: center;} .sub .link_to_eshop{width: 90%; max-width: 460px; margin: 0 auto 100px; font-size: 22px; line-height: 60px; font-weight: 300;} .notouch .link_to_eshop:hover{text-decoration: underline; } .link_to_eshop img{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: -5px 0 0 4px; width: 45px;} .welcome4{position: relative; overflow: hidden;} .welcome4 .item{background-color: #424f5a; text-align: center; padding: 150px 0; width: 50%; display: block; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .welcome4 .item:nth-child(2){position: absolute; top: 0; bottom: 0; left: 50%; right: 0; padding: 0;} .welcome4 .item .in{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 90%; max-width: 400px; text-align: left;} .welcome4 .item .in h2{margin: 0; position: relative; display: block; font-size: 24px; line-height: 30px; color: #9dd044; font-weight: 600; text-transform: uppercase;} .welcome4 .item .in h2::before{display: block; content: ""; width: 280px; height: 28px; position: absolute; top: 2px; right: calc(100% + 50px); background: url(/img/line_white.svg) no-repeat scroll center center; background-size: 280px 28px;} .welcome4 .item .in p{text-align: left; font-size: 16px; line-height: 24px; color: #ffffff; font-weight: 300; margin: 25px 0;} .welcome4 .item .in p a{font-size: 16px; line-height: 24px; color: #ffffff; font-weight: 600; text-decoration: underline; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .welcome4 .item .in p a:hover{color: #9dd044;} .welcome5{padding: 130px 0; position: relative; background-image: url(/img/green_bg.jpg); display: block; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .welcome5 .item{text-align: center; width: calc(50% - 4px); display: inline-block; zoom: 1; *display: inline; vertical-align: middle;} .welcome5 .item img{max-width: 90%; display: block; margin: 0 auto;} .welcome5 .item .in{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 90%; max-width: 350px; text-align: left;} .welcome5 .item .in h2{margin: 0; position: relative; display: inline-block; clear: both; padding: 0; background: #424f5a;} .welcome5 .item .in h2 a{margin: 0; font-size: 24px; line-height: 30px; color: #fff; font-weight: 400; text-transform: uppercase; padding: 9px 15px; background: #424f5a; border: 1px solid #424f5a; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .welcome5 .item .in h2 a:hover{background: #fff; color: #424f5a;} .welcome5 .item .in p{text-align: left; font-size: 16px; line-height: 24px; color: #ffffff; font-weight: 300; margin: 40px 0;} .welcome5 .item .in a{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 5px 0 0; position: relative;} .welcome5 .item .in a::before, .welcome5 .item .in a::after{position: absolute; top: 0; left: 0; display: block; content: ""; width: 60px; height: 60px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .welcome5 .item .in a::before{opacity: 1;} .welcome5 .item .in a::after{opacity: 0;} .notouch .welcome5 .item .in a:hover::before{opacity: 0;} .notouch .welcome5 .item .in a:hover::after{opacity: 1;} .welcome5 .item .in a.android{width: 60px; height: 60px;} .welcome5 .item .in a.android::before{background: url(/img/android_icon.svg) no-repeat scroll center center; background-size: 60px 60px;} .welcome5 .item .in a.android::after{background: url(/img/android_icon_hover.svg) no-repeat scroll center center; background-size: 60px 60px;} .welcome5 .item .in a.ios{width: 60px; height: 60px;} .welcome5 .item .in a.ios::before{background: url(/img/osx_icon.svg) no-repeat scroll center center; background-size: 60px 60px;} .welcome5 .item .in a.ios::after{background: url(/img/osx_icon_hover.svg) no-repeat scroll center center; background-size: 60px 60px;} .welcome6{padding: 120px 0 50px; position: relative; background: #f7f9f2; display: block; margin: 0 0 -75px;} .welcome6 img{position: absolute; left: 5%; bottom: 0; max-width: 889px; width: calc(90% - 550px);} .welcome6 .item{position: relative; max-width: 520px; display: block; padding: 0 0 0 60%; width: 35%;} .welcome6 .item p.anotation{position: relative; text-align: left; font-size: 16px; line-height: 24px; color: #000000; font-weight: 300; margin: 0 0 70px;} .welcome6 .item p.anotation::before{position: absolute; width: 35px; height: 131px; display: block; content: ""; left: -80px; top: -60px; background: url(/img/exclamation.svg) no-repeat scroll center center; background-size: 35px 131px;} .welcome6 .item p.box{width: calc(50% - 30px); display: inline-block; zoom: 1; *display: inline; vertical-align: top; margin: 0 -5px 0 0; padding: 25px 0 25px 30px; font-size: 14px; line-height: 22px; color: #000000; font-weight: 300;} .welcome6 .item p.box:nth-child(2){padding: 25px 30px 25px 0; border-right: 1px solid #dbdbdb;} .welcome6 .item p.box strong{font-size: 26px; line-height: 34px; color: #424f5a; font-weight: 600; display: block; text-transform: uppercase;} .category_list h2{text-align: center; font-size: 18px; line-height: 26px; color: #bebebe; font-weight: 400; text-transform: uppercase;} .detail{text-align: center; padding: 30px 0 60px;} .detail .img{width: 48%; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 -4px 0 0} .detail .img img{max-width: 90%; max-height: 340px; display: block; margin: 0 auto;} .detail .text{width: 50%; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 -4px 0 2%} .detail .text .in{display: inline-block; zoom: 1; *display: inline; max-width: 550px; text-align: left;} .detail .text .in .desktop_hide{margin: 20px 0 0; display: none; max-width: 400px; width: 100%;background-color: #fff; background-repeat: no-repeat; background-position: center center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;} .detail .text h3{text-align: left; margin: 0; padding: 0; font-size: 27px; line-height: 34px; color: #bebebe; font-weight: 500; text-transform: uppercase;} .detail.product .text h3{text-align: left; margin: 0; padding: 0; font-size: 24px; line-height: 30px; color: #424f5a; font-weight: 400; text-transform: uppercase;} .detail .text ul{margin: 0; padding: 0 0 30px; counter-reset: item;} .detail .text ul li{position: relative; list-style: none; margin: 40px 0 0; padding: 0; counter-increment: item;} .detail .text ul li::before{position: absolute; left: -40px; top: 0; font-size: 27px; line-height: 34px; font-weight: 400; content: counter(item) ".";} .detail .text ul li.no::before{display: none;} .detail .text ul li strong{text-align: left; margin: 0; padding: 0; font-size: 27px; line-height: 34px; color: #424f5a; font-weight: 300; text-transform: uppercase; display: block;} .detail .text ul li span{text-align: left; margin: 0; padding: 0; font-size: 14px; line-height: 22px; color: #000000; font-weight: 300; display: block; max-width: 380px;} .detail.product .text p.anotation{text-align: left; margin: 0; padding: 0; font-size: 14px; line-height: 22px; color: #000000; font-weight: 300; display: block; max-width: 380px;} .detail.product .text p.subprice{text-align: left; margin: 0; padding: 40px 0 0; margin: 0 0 -35px; font-size: 14px; line-height: 20px; color: #b5b5b5; text-decoration: line-through; font-weight: 400; display: block;} .detail.product .text p.price{text-align: left; margin: 0; padding: 40px 0; font-size: 20px; line-height: 24px; color: #424f5a; font-weight: 400; display: block;} .detail.product .text p.title{text-align: left; margin: 0; padding: 0 0 5px; font-size: 14px; line-height: 20px; color: #424f5a; font-weight: 600; display: block;} .detail.product .choose{display: block; width: calc(100% - 10px); position: relative; margin: 0 0 30px;} .detail.product .choose .item{border: 1px solid #dbdbdb; background: #f2f2f2; padding: 10px; margin: 0 3px 6px 0; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; } .detail.product .choose .item label{white-space: nowrap; cursor: pointer; display: block} .detail.product .choose .item label .text{margin: 0; width: initial; width: auto; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; font-size: 13px; line-height: 20px; color: #000; font-weight: 500; margin-left: 5px;} .detail .text ul li .video_gallery{display: block; position: relative; position: relative; width: 100%; height: 0; padding-bottom: 56.25%; margin: 20px 0 0} .detail .text ul li .video_gallery iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: none; border: 0;} .news_list{width: 100%; max-width: 1280px; padding: 0; margin: 60px auto 0; text-align: left;} .news_list .item{text-align: center; display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: calc(33.33% - 26px); border: 1px solid #dbdbdb; margin: 0 10px 20px; background: #fefefe; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .news_list .item:hover{background: #f9f9f9} .news_list .item span.text{padding: 25px 25px 30px; display: block;} .news_list .item span.img{border-bottom: 1px solid #dbdbdb; display: block; height: 190px; width: 100%; background-attachment: local; position: relative; background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .news_list .item span.date{display: block; padding: 10px 0 5px; font-size: 14px; line-height: 20px; color: #000000; text-align: left; } .news_list .item span.title{text-transform: uppercase; float: none; display: block; margin: 0 0 4px; height: 42px; overflow: hidden; font-size: 16px; font-weight: 600; line-height: 21px; color: #000000; text-align: left; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .news_list .item:hover span.title{color: #9dd044;} .news_list .item span.anotation{display: block; margin: 0 0 15px; height: 60px; overflow: hidden; font-size: 14px; font-weight: 400; line-height: 20px; color: #000000; text-align: left; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .faq_list{width: 100%; max-width: 1024px; padding: 0; margin: 60px auto 0; text-align: left;} .faq_list h2{text-transform: uppercase; color: #424f5a;} .faq_list .item{padding: 0; display: block; background: #fff; border: 1px solid #dbdbdb; margin: 0 0 12px;} .faq_list .item p.title{cursor: pointer; position: relative; text-align: left; padding: 8px 75px 8px 25px; margin: 0; font-size: 14px; line-height: 22px; color: #000; background: #dbdbdb; text-transform: uppercase; letter-spacing: 1px;} .faq_list .item p.title .icon{background: #fff; width: 25px; height: 25px; position: absolute; top: 6px; right: 20px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .faq_list .item p.title:hover .icon{background: #424f5a; } .faq_list .item p.title .icon::before{display: block; content: ""; position: absolute; top: 0; left: 0; width: 25px; height: 25px; background: url(/img/plus.svg) no-repeat scroll center center; background-size: 25px 25px; opacity: 1; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .faq_list .item p.title .icon::after{display: block; content: ""; position: absolute; top: 0; left: 0; width: 25px; height: 25px; background: url(/img/plus_hover.svg) no-repeat scroll center center; background-size: 25px 25px; opacity: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .faq_list .item.active p.title .icon::before{background: url(/img/minus.svg) no-repeat scroll center center; background-size: 25px 25px;} .faq_list .item.active p.title .icon::after{background: url(/img/minus_hover.svg) no-repeat scroll center center; background-size: 25px 25px;} .notouch .faq_list .item p.title:hover .icon::before{opacity: 0} .notouch .faq_list .item p.title:hover .icon::after{opacity: 1;} .faq_list .item .hide{padding: 25px; display: none;} .contact_page{display: block; position: relative; text-align: center; margin: 40px 0 0} .contact_page .item, .contact_page .box{width: 265px; padding: 25px 25px; display: inline-block; zoom: 1; *display: inline; text-align: center; vertical-align: top; position: relative; font-weight: 300; line-height: 20px;} .contact_page .box p.title{text-transform: uppercase; font-size: 14px; line-height: 20px; font-weight: 400;} .contact_page .box p{text-transform: uppercase; margin: 0 0 15px; font-size: 14px; line-height: 20px; color: #000; font-weight: 300;} .contact_page .box p.small{text-transform: none;} .contact_page .box p strong{font-size: 14px; line-height: 20px; color: #000; font-weight: 600; display: block;} .contact_page .box p .img{position: relative; width: 144px; height: 35px; display: block; margin: 0 auto 25px;} .contact_page .box p .img::before{opacity: 1; content: ""; position: absolute; left: 0; top: 0; width: 144px; height: 35px; background: url(/img/logo_footer_hover.svg) no-repeat scroll center center; background-size: 144px 35px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .contact_page .box p .img::after{opacity: 0; content: ""; position: absolute; left: 0; top: 0; width: 144px; height: 35px; background: url(/img/logo_footer_hover_active.svg) no-repeat scroll center center; background-size: 144px 35px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .contact_page .box p .img:hover::before{opacity: 0;} .notouch .contact_page .box p .img:hover::after{opacity: 1;} .contact_page .box p.upper{text-transform: none;} .contact_page .box p a{text-transform: none; font-size: 14px; line-height: 20px; font-weight: 400; text-align: left; margin: 0; color: #000; text-decoration: underline; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .contact_page .box p a:hover{text-decoration: none;} .contact_page .item p.title{text-align: left; font-size: 16px; line-height: 24px; color: #000; font-weight: 700; margin: 0 0 14px; text-transform: uppercase;} .contact_page .item p{text-transform: uppercase; text-align: left; font-size: 14px; line-height: 20px; color: #000; font-weight: 300; margin: 0;} .contact_page .item p strong{display: block; text-align: left; font-size: 14px; line-height: 20px; color: #000; font-weight: 700; margin: 0;} .contact_page .item p span{display: block; text-align: left; font-size: 12px; line-height: 18px; color: #989898; font-weight: 400; margin: 0;} .contact_page .item p.big{margin: 47px 0 0; text-transform: uppercase; font-size: 18px; line-height: 24px; font-weight: 400;} .contact_page ul.social{width: 140px; display: inline-block; zoom: 1; *display: inline; margin-right: -4px; vertical-align: middle; margin: 0; padding: 0 10px; } .contact_page ul.social li{list-style: none; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 5px;} .contact_page ul.social li a{display: block; width: 30px; height: 30px; position: relative;} .contact_page ul.social li a::before{opacity: 1; content: ""; position: absolute; left: 0; top: 0; width: 30px; height: 30px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .contact_page ul.social li a::after{opacity: 0; content: ""; position: absolute; left: 0; top: 0; width: 30px; height: 30px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .contact_page ul.social li a.in::before{background: url(/img/in_icon_grey.svg) no-repeat scroll center center; background-size: 30px 30px;} .contact_page ul.social li a.fb::before{background: url(/img/fb_icon_grey.svg) no-repeat scroll center center; background-size: 30px 30px;} .contact_page ul.social li a.yt::before{background: url(/img/yt_icon_grey.svg) no-repeat scroll center center; background-size: 30px 30px;} .contact_page ul.social li a.in::after{background: url(/img/in_icon_hover.svg) no-repeat scroll center center; background-size: 30px 30px;} .contact_page ul.social li a.fb::after{background: url(/img/fb_icon_hover.svg) no-repeat scroll center center; background-size: 30px 30px;} .contact_page ul.social li a.yt::after{background: url(/img/yt_icon_hover.svg) no-repeat scroll center center; background-size: 30px 30px;} .notouch .contact_page ul.social li a:hover::before{opacity: 0;} .notouch .contact_page ul.social li a:hover::after{opacity: 1;} .partners_list{width: 100%; display: block; position: relative;} .partners_list .item{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: calc(50% - 50px - 40px / 2 - 5px ); border: 1px solid #ccc; padding: 25px; margin: 0 0 40px;} .partners_list .item:nth-child(2n){margin: 0 0 40px 40px} .partners_list .item .img{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 200px;} .partners_list .item .img img{max-width: 100%; display: block; margin: 0 auto;} .partners_list .item .text{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: calc(100% - 280px); margin: 0 0 0 75px;} .partners_list .item .text h2{text-transform: none; margin: 0 0 10px; font-size: 16px; line-height: 22px; color: #000; font-weight: 600; text-align: left; padding: 0;} .partners_list .item .text p{margin: 0 0 10px; font-size: 14px; line-height: 20px; color: #000; font-weight: 400; text-align: left; padding: 0;} .partners_list .item .text p strong{font-size: 14px; line-height: 20px; color: #9dd044; font-weight: 600; text-align: left; padding: 0;} .partners_list .item .text p a{text-decoration: underline; font-size: 14px; line-height: 20px; color: #000000; font-weight: 400; text-align: left; padding: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .partners_list .item .text p a:hover{color: #9dd044} .distributors_list{text-align: center; width: 100%; display: block; position: relative;} .distributors_list .item{display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: calc(25% - 60px / 4 - 55px ); border: 1px solid #ccc; padding: 25px; margin: 0 0 20px;} .distributors_list .item:nth-child(4n - 1){margin: 0 20px 20px} .distributors_list .item:nth-child(4n - 2){margin: 0 0 20px 20px} .distributors_list .item .img{display: block; max-width: 90%; width: 200px; height: 60px; margin: 0 auto; background-attachment: local; background-repeat: no-repeat; background-position: center center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;} .distributors_list .item .text{display: block; position: relative; margin: 20px 0 0;} .distributors_list .item .text p.title{font-size: 18px; line-height: 24px; color: #424f5a; font-weight: 700; display: block; text-align: center;} .distributors_list .item .text p{font-size: 14px; line-height: 20px; color: #424f5a; font-weight: 400; display: block; text-align: center; margin: 0 0 10px;} .distributors_list .item .text p a{text-decoration: underline; font-size: 14px; line-height: 20px; color: #000000; font-weight: 400; text-align: left; padding: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .distributors_list .item .text p a:hover{color: #9dd044} .newsletter{position: relative; background: url(/img/newsletter_bg.png) repeat; padding: 50px 0; text-align: center;} .newsletter::before{position: absolute; left: 0; right: 0; top: -28px; width: 100%; height: 40px; background: url(/img/newsletter_line.svg) repeat scroll center center; background-size: 1920px 40px; content: ""} .newsletter p{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0; font-size: 24px; line-height: 30px; color: #fff; font-weight: 300; text-transform: uppercase;} .newsletter input[type=text]{border: 1px solid #dbdbdb; background: #fff; padding: 8px 20px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 200px; margin: 0 80px; font-size: 16px; line-height: 22px; color: #000; font-weight: 300; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .newsletter input[type=text]:focus{border: 1px solid #000;} footer{z-index: 10; padding: 45px 0 90px; background: #424f5a; position: relative; text-align: center } footer .top{padding-bottom: 45px; border-bottom: 1px solid #515d67;} footer nav{padding-left: 160px; display: inline-block; zoom: 1; *display: inline; margin-right: -4px; vertical-align: middle; width: calc(100% - 160px - 160px);} /*footer nav{padding: 0; display: block; margin: 0; width: 100%;}*/ footer nav ul{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0; padding: 0;} footer nav ul li{list-style: none; display: inline-block; zoom: 1; *display: inline; vertical-align: middle;} footer nav ul li a{display: block; vertical-align: middle; text-align: center; font-size: 14px; line-height: 18px; padding: 8px 30px; text-transform: uppercase; color: #fff; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} footer nav ul li a br{display: none;} .notouch footer nav ul li a:hover, footer nav ul li.active a{color: #9dd044;} footer ul.social{width: 140px; display: inline-block; zoom: 1; *display: inline; margin-right: -4px; vertical-align: middle; margin: 0; padding: 0 10px; } footer ul.social li{list-style: none; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 5px;} footer ul.social li a{display: block; width: 30px; height: 30px; position: relative;} footer ul.social li a::before{opacity: 1; content: ""; position: absolute; left: 0; top: 0; width: 30px; height: 30px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} footer ul.social li a::after{opacity: 0; content: ""; position: absolute; left: 0; top: 0; width: 30px; height: 30px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} footer ul.social li a.in::before{background: url(/img/in_icon.svg) no-repeat scroll center center; background-size: 30px 30px;} footer ul.social li a.fb::before{background: url(/img/fb_icon.svg) no-repeat scroll center center; background-size: 30px 30px;} footer ul.social li a.yt::before{background: url(/img/yt_icon.svg) no-repeat scroll center center; background-size: 30px 30px;} footer ul.social li a.in::after{background: url(/img/in_icon_hover.svg) no-repeat scroll center center; background-size: 30px 30px;} footer ul.social li a.fb::after{background: url(/img/fb_icon_hover.svg) no-repeat scroll center center; background-size: 30px 30px;} footer ul.social li a.yt::after{background: url(/img/yt_icon_hover.svg) no-repeat scroll center center; background-size: 30px 30px;} .notouch footer ul.social li a:hover::before{opacity: 0;} .notouch footer ul.social li a:hover::after{opacity: 1;} footer .bottom{text-align: center; padding: 50px 0 0} footer .bottom .item{width: calc(29.33% - 4px); margin: 0 2%; display: inline-block; zoom: 1; *display: inline; vertical-align: top;} footer .bottom .item p.title{text-transform: uppercase; font-size: 14px; line-height: 20px; font-weight: 400;} footer .bottom .item p{margin: 0 0 15px; font-size: 14px; line-height: 20px; color: #fff; font-weight: 300; text-align: left;} footer .bottom .item p .img{position: relative; width: 144px; height: 35px; display: block; margin: 0 0 40px;} footer .bottom .item p .img::before{opacity: 1; content: ""; position: absolute; left: 0; top: 0; width: 144px; height: 35px; background: url(/img/logo_footer.svg) no-repeat scroll center center; background-size: 144px 35px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} footer .bottom .item p .img::after{opacity: 0; content: ""; position: absolute; left: 0; top: 0; width: 144px; height: 35px; background: url(/img/logo_footer_hover.svg) no-repeat scroll center center; background-size: 144px 35px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch footer .bottom .item p .img:hover::before{opacity: 0;} .notouch footer .bottom .item p .img:hover::after{opacity: 1;} footer .bottom .item p.big{text-transform: uppercase; font-size: 18px; line-height: 24px; font-weight: 400;} footer .bottom .item input[type=text]{margin: 0 0 8px; border: 1px solid #515d67; background: transparent; font-size: 13px; line-height: 20px; color: #ffffff; font-weight: 300; padding: 9px 10px; width: 90%; width: calc(100% - 22px); -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} footer .bottom .item textarea{margin: 0 0 8px; resize: none; overflow: auto; height: 80px; border: 1px solid #515d67; background: transparent; font-size: 13px; line-height: 20px; color: #ffffff; font-weight: 300; padding: 9px 10px; width: 90%; width: calc(100% - 22px); -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} footer .bottom .item input[type=text]:focus, footer .bottom .item textarea:focus{border: 1px solid #fff;} footer .bottom .item input[type=text]::-webkit-input-placeholder, footer .bottom .item textarea::-webkit-input-placeholder{color: #fff; font-size: 13px; line-height: 20px; font-weight: 300; text-transform: uppercase;} footer .bottom .item input[type=text]::-moz-placeholder, footer .bottom .item textarea::-moz-placeholder{color: #fff; font-size: 13px; line-height: 20px; font-weight: 300; text-transform: uppercase;} footer .bottom .item input[type=text]::-ms-input-placeholder, footer .bottom .item textarea::-ms-input-placeholder{color: #fff; font-size: 13px; line-height: 20px; font-weight: 300; text-transform: uppercase;} footer .bottom .item img{max-width: 100%; display: block;} .sign{background: #424f5a; border-top: 1px solid #515d67; padding: 0; text-align: center;} .sign a{padding: 18px 4%; color: #fff; font-weight: 400; font-size: 14px; line-height: 20px; text-align: center; display: block; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .sign a:hover{text-decoration: underline;} .media_blog{margin: 0 auto; padding: 0; max-width: 890px;} .media_blog .item{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; vertical-align: top;; margin: 0 0 40px; width: calc(50% - 24px);} .media_blog .item:nth-child(2n){margin: 0 0 40px 40px;} .media_blog .item .video{top: 0px; opacity: 1; z-index: 0; width: 100%; height: 280px; position: relative; background: #fff; padding: 0; display: block; margin: 0; background-attachment: local; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .media_blog .item .video::before{position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; content: ""; background: rgba(0,0,0,0.35);} .media_blog .item .video span.icon{width: 70px; height: 70px; position: absolute; top: 50%; left: 50%; margin: -35px 0 0 -35px; display: block; z-index: 999;} .media_blog .item .video span.icon{width: 70px; height: 70px; position: absolute; top: 50%; left: 50%; margin: -35px 0 0 -35px; display: block; z-index: 999;} .media_blog .item .video span.icon::before{content: ""; width: 70px; height: 70px; position: absolute; top: 0; left: 0; margin: 0; display: block; opacity: 1; background: url(/img/video_play.svg) no-repeat scroll center center; background-size: 100%; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .media_blog .item .video span.icon::after{content: ""; width: 70px; height: 70px; position: absolute; top: 0; left: 0; margin: 0; display: block; opacity: 0; background: url(/img/video_play_hover.svg) no-repeat scroll center center; background-size: 100%; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .media_blog .item .video:hover span.icon::before{opacity: 0;} .notouch .media_blog .item .video:hover span.icon::after{opacity: 1;} .media_blog .item .video span.title{position: absolute; left: 0; right: 0; bottom: 0; text-align: center; font-size: 16px; line-height: 22px; color: #fff; padding: 8px 20px; background: #424f5a; z-index: 999;} .video_popup{display: none; width: 100%; height: 100%; text-align: center; opacity: 0; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .video_popup::before{position: absolute; top: 0; left: 0; right: 0; bottom: -100px; display: block; content: ""; background: rgba(0,0,0,0.6); z-index: 0; } .video_popup .box{width: 100%; height: initial; height: auto; position: relative; display: table-cell; vertical-align: middle; z-index: 10;} .video_popup .boxes{text-align: center; position: relative; width: 560px; height: 315px; padding: 10px; left: 0; display: inline-block; zoom: 1; *display: inline; background: #fff; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .video_popup .box .text{z-index: 100; position: relative; color: #000000; font-size: 14px; line-height: 16px; font-weight: 400; margin: 10px 0; text-align: center;} .video_popup span.close{cursor: pointer; width: 50px; height: 50px; display: block; position: absolute; top: -40px; right: -40px; margin: 0;} .video_popup span.close::before{content: ""; width: 48px; height: 48px; border: 1px solid #fff; display: block; position: absolute; top: 0; left: 0; background: url(/img/video_close.png) no-repeat scroll center center #000; opacity: 1; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .video_popup span.close::after{content: ""; width: 48px; height: 48px; border: 1px solid #000; display: block; position: absolute; top: 0; left: 0; background: url(/img/video_close_hover.png) no-repeat scroll center center #fff; opacity: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .video_popup span.close:hover::before{opacity: 0;} .notouch .video_popup span.close:hover::after{opacity: 1;} #MyGmapsPart{position: absolute; top: 0; left: 0; width: calc(100% - 400px); height: calc(100vh - 78px); max-height: 860px; background: #f2f2f2; display: block; float: left; border: 0; } #MyGmapsPart.absolute_bottom{top: initial; top: auto; bottom: 0;} #MyGmapsPart.fixed{top: 78px; position: fixed;} .partners_zone{width: 340px; padding: 30px 30px 55px; min-height: 800px; display: block; float: right; margin: 0 0 -25px;} .partners_zone h1{text-align: left; font-size: 24px; line-height: 30px; text-transform :none; margin: 0;} .partners_zone .item{display: block; text-align: left; margin: 20px 0 0; padding: 25px 0 0; border-top: 1px dashed #424f5a;} .partners_zone .item:first-of-type{border: 0;} .partners_zone .item h2{margin: 0; padding: 0 0 10px; font-size: 16px; line-height: 22px; color: #424f5a; font-weight: 700;} .partners_zone .item p{margin: 0; padding: 0 0 10px; font-size: 14px; line-height: 18px; color: #424f5a; font-weight: 400;} .partners_zone .item p strong{font-size: 14px; line-height: 18px; color: #424f5a; font-weight: 700;} .partners_zone .item p a{text-decoration: underline; font-size: 14px; line-height: 18px; color: #424f5a; font-weight: 400; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .partners_zone .item p a:hover{color: #9dd044} .finall_order{text-align: center;} .finall_order p{font-size: 14px; line-height: 20px; color: #000; text-align: center; margin: 20px 0 30px;} .finall_order p strong{font-size: 14px; line-height: 20px; color: #000; text-align: center; font-weight: 600;} .finall_order p a{text-decoration: underline;; font-size: 14px; line-height: 20px; color: #9dd044; font-weight: 600; text-align: center; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .finall_order p a:hover{text-decoration: none;} #basket{max-width: 1200px; margin: 0 auto;} #basket .basket_navigation{width: 100%; position: relative; margin: 20px 0 50px;} #basket .basket_navigation ul{margin: 0; padding: 0;} #basket .basket_navigation ul li{position: relative; padding: 11px 0; display: inline-block; zoom: 1; *display: inline; margin-right: -5px; margin-left: calc(2% + (2% / 3)) ; width: calc(23% - 2px); border: 1px solid #e6e7e8; font-size: 14px; line-height: 20px; font-weight: 400; color: #000; text-align: center; background: #f9f9f9;} #basket .basket_navigation ul li span{display: block; font-size: 20px; line-height: 25px; font-weight: 500; color: #000; text-align: center; } #basket .basket_navigation ul li:first-child{margin-left: 0;} #basket .basket_navigation ul li::after{display: none; top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(141, 114, 73, 0); border-top-color: #9dd044; border-width: 10px; margin-left: -10px;} #basket .basket_navigation ul li.active{background: #9dd044; border: 1px solid #9dd044; color: #fff;} #basket .basket_navigation ul li.active span{color: #fff;} #basket .basket_navigation ul li.active::after{display: block;} #basket .inline_box{display: inline-block; zoom: 1; *display: inline; vertical-align: top; margin: 0 50px 30px 0} #basket table.product_souhrn{width: 100%; border-collapse: collapse; margin-top: 30px; margin-bottom: 65px;} #basket table.product_souhrn.margin{margin-bottom: 0px;} #basket table.product_souhrn tr{position: relative;} #basket table.product_souhrn tr.mobil_line{display: none;} #basket table.product_souhrn tr:first-child{border-top: none;} #basket table.product_souhrn th{font-size: 13px; line-height: 18px; font-weight: 400; text-align: left; padding: 0 15px 10px; border-bottom: 1px solid #e3e3e3;} #basket table.product_souhrn th.one{padding: 0;} #basket table.product_souhrn th.three{padding: 0 47px 10px 15px; text-align: center;} #basket table.product_souhrn th.three.normal{padding: 0 15px 10px;} #basket table.product_souhrn th.five{text-align: center;} #basket table.product_souhrn th.four{text-align: right;} #basket table.product_souhrn td{height: 70px; padding: 8px 15px; border-bottom: 1px solid #e3e3e3;} #basket table.product_souhrn .celkem td{border-bottom: 2px solid #e3e3e3;} #basket table.product_souhrn td.no_border{border-bottom: 2px solid #fff;} #basket table.product_souhrn td.no_border.small{display: none;} #basket table.product_souhrn td.one{padding: 8px 0; width: 70px; vertical-align: middle;} #basket table.product_souhrn td.one{vertical-align: middle;} #basket table.product_souhrn td.one a, #basket table.product_souhrn td.one label{width: 68px; height: 68px; position: relative; display: block; text-align: center; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; background-color: #fff; background-repeat: no-repeat; background-position: center center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;} #basket table.product_souhrn td.one span.centering{width: 100%; position: relative; display: table-cell; vertical-align: middle;} #basket table.product_souhrn td.one img{max-width: 68px; max-height: 68px; display: block; margin: 0 auto;} #basket table.product_souhrn td.two{padding: 8px 0; text-align: left;} #basket table.product_souhrn td.two span.box{display: table; width: 100%; height: 70px;} #basket table.product_souhrn td.two a.main_link, #basket table.product_souhrn td.two label.main_link, #basket table.product_souhrn td.two span.main_link{font-weight: 500; display: table-cell; vertical-align: middle; padding: 0 15px; font-size: 14px; line-height: 20px; text-decoration: none; text-align: left; color: #000000; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} #basket table.product_souhrn td.two a.main_link i, #basket table.product_souhrn td.two label.main_link i, #basket table.product_souhrn td.two span.main_link i{font-weight: 400; padding: 0; font-size: 11px; line-height: 15px; text-decoration: none; text-align: left; color: #3a3a3a; display: block;} .notouch #basket table.product_souhrn tr.hover_efekt td.two a.main_link{color: #9dd044; } #basket table.product_souhrn td.three{text-align: center; padding: 0 10px; width: 130px; color: #000000; font-size: 13px; line-height: 28px; font-weight: 400; text-align: center;} #basket table.product_souhrn td.three .box.centering{padding-right: 34px; display: block;} #basket table.product_souhrn td.three input[type=text]{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 40px; font-size: 14px; line-height: 25px; color: #000; font-weight: 400; padding: 6px 0; text-align: center; border: 0; border-bottom: 1px solid #d1d3d4; background: #fff; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} /*#basket table.product_souhrn td.three input[type=text]:focus{border-bottom: 1px solid #9dd044}*/ #basket table.product_souhrn td.three .increment, #basket table.product_souhrn td.three .decrement{cursor: pointer; border: 1px solid #000; width: 19px; height: 19px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; -webkit-border-radius: 28px; -moz-border-radius: 28px; border-radius: 28px; position: relative; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} #basket table.product_souhrn td.three .increment::before, #basket table.product_souhrn td.three .decrement::before, #basket table.product_souhrn td.three .increment::after, #basket table.product_souhrn td.three .decrement::after{content: ""; display: block; width: 21px; height: 21px; position: absolute; top: 0; left: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} #basket table.product_souhrn td.three .increment::before{opacity: 1; background: url(/img/basket_recount_icon.png) no-repeat scroll 5px 5px;} #basket table.product_souhrn td.three .decrement::before{opacity: 1; background: url(/img/basket_recount_icon.png) no-repeat scroll -15px 5px;} #basket table.product_souhrn td.three .increment::after{opacity: 0; background: url(/img/basket_recount_icon.png) no-repeat scroll 5px -15px;} #basket table.product_souhrn td.three .decrement::after{opacity: 0; background: url(/img/basket_recount_icon.png) no-repeat scroll -15px -15px;} .notouch #basket table.product_souhrn td.three .increment:hover, .notouch #basket table.product_souhrn td.three .decrement:hover{background: #000;} .notouch #basket table.product_souhrn td.three .increment:hover::before{opacity: 0;} .notouch #basket table.product_souhrn td.three .decrement:hover::before{opacity: 0;} .notouch #basket table.product_souhrn td.three .increment:hover::after{opacity: 1;} .notouch #basket table.product_souhrn td.three .decrement:hover::after{opacity: 1;} #basket table.product_souhrn td.three input[type=image]{cursor: default; opacity: 0; border: 0; margin: 0 0 0 8px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 22px; height: 19px; background: url(/img/recount_image.png) no-repeat scroll center center; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} #basket table.product_souhrn td.three input[type=image].error{opacity: 1; cursor: pointer; } #basket table.product_souhrn td.four{padding: 0 15px; text-align: right; color: #000000; font-size: 14px; line-height: 28px; font-weight: 400; width: 130px;} #basket table.product_souhrn td.four strong{color: #000000; font-size: 14px; line-height: 28px; font-weight: 600;} #basket table.product_souhrn td.four strong.total{white-space: nowrap; color: #000000; font-size: 18px; line-height: 28px; font-weight: 600;} #basket table.product_souhrn td.four strong.total.red{color: #9dd044;} #basket table.product_souhrn td.four strong.total span{color: #000000; font-size: 12px; line-height: 28px; font-weight: 300; display: none;} #basket table.product_souhrn td.four span{color: #000000; font-size: 12px; line-height: 28px; font-weight: 300; display: none;} #basket table.product_souhrn td.five{text-align: center; padding: 0 15px; width: 40px;} #basket table.product_souhrn td.five a{position: relative; top: 3px; display: inline-block; zoom: 1; *display: inline; width: 18px; height: 18px; border: 1px solid #9dd044; background: #9dd044; -webkit-border-radius: 28px; -moz-border-radius: 28px; border-radius: 28px; position: relative; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} #basket table.product_souhrn td.five a::before, #basket table.product_souhrn td.five a::after{content: ""; display: block; width: 20px; height: 20px; position: absolute; top: 0; left: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} #basket table.product_souhrn td.five a::before{opacity: 0; background: url(/img/basket_recount_icon.png) no-repeat scroll -33px 5px;} #basket table.product_souhrn td.five a::after{opacity: 1; background: url(/img/basket_recount_icon.png) no-repeat scroll -33px -15px;} .notouch #basket table.product_souhrn td.five a:hover{background: #fff;} .notouch #basket table.product_souhrn td.five a:hover::before{opacity: 1;} .notouch #basket table.product_souhrn td.five a:hover::after{opacity: 0;} #basket .doprava_platba {width: 100%; display: block; margin: 0 auto 70px;} #basket .doprava_platba .item{float: left; width: 45%; margin: 0 2.5%;} #basket .doprava_platba .item p.title{text-align: center; font-size: 19px; line-height: 25px; font-weight: 400; margin: 0; padding: 30px 0 20px;} #basket .doprava_platba .item p.title strong{font-size: 19px; line-height: 25px; font-weight: 600; margin: 0; padding: 0 0 10px; color: #9dd044} #basket .doprava_platba .item.platba .box{display: block;} #basket .doprava_platba .item .box{ width: calc(100% - 2px); margin: 0 0 15px 0; float: none; border: 1px solid #bcbec0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} #basket .doprava_platba .item .box label{cursor: pointer; position: relative; padding: 10px 15px; display: block; font-size: 14px; line-height: 28px; font-weight: 400; color: #3a3a3a; text-align: left; } #basket .doprava_platba .item .box label::before{position: absolute; left: 0; top: 0; bottom: 0; width: 40px; content: ""; z-index: 10;} #basket .doprava_platba .item .box label input[type=radio]{float: left;} #basket .doprava_platba .item .box label strong{display: block; width: 80%; max-width: calc(100% - 160px); float: left; font-size: 13px; line-height: 18px; padding: 5px 0; font-weight: 600; color: #3a3a3a; text-align: left; } #basket .doprava_platba .item .box label span.text{display: block; max-width: calc(100% - 160px); padding: 0; position: relative; top: -4px; float: none; margin: 0 0 0 30px; font-size: 12px; line-height: 16px; font-weight: 400; color: #3a3a3a; text-align: left; } #basket .doprava_platba .item .box label span.text a{text-decoration: none; font-size: 12px; line-height: 16px; font-weight: 400; color: #3a3a3a; } #basket .doprava_platba .item .box label span.price{position: absolute; top: 14px; right: 15px; font-size: 13px; line-height: 20px; font-weight: 600; color: #3a3a3a; text-align: right; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} #basket .doprava_platba .item .box label .radio{width: 16px; height: 16px; float: left; margin: 3px 10px 0 0; } #basket .doprava_platba .item .box label span.bottom{display: none !important; width: auto; height: 4px; display: block; position: absolute; bottom: -5px; right: 1px; left: 5px; background: #f7f7f7; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} /*#basket .doprava_platba .item .box.active label span.price, #basket .doprava_platba .item .box:hover label span.price{color: #9dd044;}*/ #basket .doprava_platba .item .box.active, #basket .doprava_platba .item .box:hover{border: 1px solid #000;} #basket .doprava_platba .sbHolder{position: relative; background: #fff; width: calc(100% - 2px); display: block; margin: 0; top: -16px; border: 1px solid #000; } #basket .doprava_platba .sbHolder .sbToggle{margin: 0; background: url(/img/select_arrow.svg) no-repeat scroll center center; background-size: 16px 16px; border-left: 1px solid #000; right: 0; top: 0; bottom: 0; width: 30px;} #basket .doprava_platba .sbHolder .sbToggle.sbToggleOpen{background: url(/img/select_arrow_hover.svg) no-repeat scroll center center; background-size: 16px 16px} #basket .doprava_platba .sbHolder a.sbSelector{width: calc(100% - 60px); margin: 0; display: block; color: #000 !important; font-size: 13px; line-height: 30px; padding: 6px 15px; font-weight: 400; text-align: left; text-decoration: none;} #basket .doprava_platba .sbOptions{max-height: 500px !important; z-index: 999; top: 100% !important; background: #fff; padding: 0; left: -1px; right: -1px;} #basket .doprava_platba .sbOptions a{text-decoration: none; border: 1px solid #000; border-right: 0; border-top: 0; height: auto; background: #fff !important; display: block; text-align: left; padding: 6px 15px; font-size: 13px; line-height: 18px; margin: 0; font-weight: 400; color: #000 !important; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; -ms-transition: all 300ms ease; transition: all 300ms ease;} #basket .doprava_platba .sbOptions li:first-child{display: none;} #basket .doprava_platba .sbOptions li:nth-child(2) a{border-top: 1px solid #000;} .notouch #basket .doprava_platba .sbOptions a:hover{background: #f0f0f0 !important;} #basket .next_step{float: right;} #basket .prev_step{float: left;} #basket p.info_doprava{clear: both; margin: -20px 0 20px; padding: 0; line-height: 26px; font-size: 16px; text-align: center; font-weight: 300;} #basket p.info_doprava strong{line-height: 26px; font-size: 16px; font-weight: 500;} #basket.my_order table.product_souhrn td.one .centering{background: #fff;} #basket.my_order .item{background: #f9f9f9; margin-bottom: 20px; padding: 20px 3%; border: 1px solid #ccc; width: calc(94% - 2px); -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} #basket.my_order .item p.title{margin: 0; padding: 0; line-height: 37px; text-align: left;} #basket.my_order .item p.title span{position: relative; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin-right: 25px;} #basket.my_order .item p.title span.number{color: #231f20; font-size: 16px; line-height: 40px; font-weight: 600; text-align: left; } #basket.my_order .item p.title span.date{text-align: left; color: #231f20; font-weight: 400; font-size: 13px; line-height: 40px;} #basket.my_order .item p.title span.date strong{font-size: 13px; line-height: 40px;} #basket.my_order .item p.title span.price{white-space: nowrap; width: calc(100% - 740px); text-align: left; color: #000; font-weight: 400; font-size: 13px; line-height: 20px;} #basket.my_order .item p.title span.price strong{font-size: 13px; line-height: 40px;} #basket.my_order .item p.title span.status{text-align: left; color: #000; font-weight: 400; font-size: 13px; line-height: 40px;} #basket.my_order .item p.title span.status strong{font-size: 13px; line-height: 40px;} #basket.my_order .item p.title span.zasilka a{display: block; width: 43px; height: 30px; background: url(/img/doprava_icon.png) no-repeat;} #basket.my_order .item p.title button{padding: 8px 0; width: 180px; text-align: center; font-size: 15px; float: right; margin: 3px 0;} #basket.my_order .box{display: none; clear: both; padding: 40px 0 0; text-align: left;} #basket.my_order table.product_souhrn{margin: 0;} #basket.my_order table.product_souhrn td.one a, #basket.my_order table.product_souhrn td.one label{border: 1px solid #dbdbdb;} #basket.my_order .box .control_package{float: right; position: relative; position: relative; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; line-height: 38px; margin-top: 20px;} #basket.my_order .box .control_package a{display: inline-block; text-align: right; color: #231f20; font-weight: 600; font-size: 14px; line-height: 20px; padding-left: 8px; text-decoration: underline; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch #basket.my_order .box .control_package a:hover{color: #9dd044} .normal_form{text-align: center; position: relative; margin: -30px auto 20px; text-align: center; left: 0; bottom: 0;} .normal_form form{padding: 18px 25px; background: #f9f9f9; border: 1px solid #e0dfdf; display: inline-block; zoom: 1; *display: inline; } .normal_form form table{width: 100%; border-collapse: collapse; border-spacing: 0;} .normal_form form table th{ position: relative; white-space: nowrap; vertical-align: middle; width: 60px; font-size: 13px; line-height: 17px; color: #231f20; font-weight: 500; text-align: right; padding: 0 20px 0 0; margin: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; transition: opacity 400ms ease;} .normal_form form table td{padding: 0;} .normal_form form table td input[type=text], .normal_form form table td input[type=password]{border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #fff; font-size: 13px; line-height: 20px; padding: 5px 15px; color: #000; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .normal_form form table td input[readonly]{border: 1px solid #e6e7e8 !important; background: #f2f2f2;} .normal_form form table td input[type=text]:focus, .normal_form form table td input[type=password]:focus{border: 1px solid #666;} .reg_form{position: relative; margin-bottom: 20px !important;} .reg_form.product_max{max-width: 550px; min-width: 384px; display: inline-block; zoom: 1; *display: inline; margin: 0 !important} .reg_form.margin{margin-top: 40px;} .reg_form .box{position: relative; width: 55%; padding: 0 5% 0 0; display: inline-block; zoom: 1; *display: inline; vertical-align: top; margin-right: -5px;} .reg_form .box.second{width: 35%; padding: 0 0 0 5%;} .reg_form .box.full{display: none; width: calc(100% - 60px); margin: 30px 0 0; background: #f9f9f9; border: 1px solid #e6e7e8; padding: 25px 30px 10px;} .reg_form .box.full.show{display: block;} .reg_form .box.second::before{content: ""; display: block; position: absolute; left: 0; top: 5px; width: 1px; background: #d1d3d4; height: 353px;} .reg_form .box .top_title{width: 100%; text-align: center; display: block;} .reg_form .box p.title{display: inline-block; zoom: 1; *display: inline; text-align: center; font-size: 20px; font-weight: 600; line-height: 26px; margin: 0;} .reg_form .box p.anotation{text-align: center; font-size: 14px; font-weight: 300; line-height: 21px; margin: 25px 0 30px;} .reg_form .box p.anotation strong{ font-size: 14px; font-weight: 600; line-height: 21px; } .reg_form .box p.anotation label, .reg_form .box p.anotation span{display: block; font-size: 14px; font-weight: 300; line-height: 21px; } .reg_form .box p.anotation label .checker, .reg_form .box p.anotation span .checker{vertical-align: top; margin-right: 8px;} .reg_form .box .change_buy{cursor: pointer; margin: 0 50px 0 75px; width: 30px; height: 18px; background: #9dd044; position: relative; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .reg_form .box .change_buy.hover_efekt{background: #4d4d4d;} .reg_form .box .change_buy .change_1{display: block; font-size: 14px; line-height: 18px; text-align: center; position: absolute; color: #4d4d4d; font-weight: 300; top: 50%; margin-top: -9px; left: -47px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .reg_form .box .change_buy .change_2{display: block; font-size: 14px; line-height: 18px; text-align: center; position: absolute; color: #4d4d4d; font-weight: 300; top: 50%; margin-top: -9px; right: -43px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .reg_form .box .change_buy .change_1.non{color: #9dd044;} .reg_form .box .change_buy .change_2.non{color: #9dd044;} .reg_form .box .change_buy .change_1, .reg_form .box .change_buy .change_2{cursor: pointer;} .reg_form .box .change_buy span.circle{background: #fff; position: absolute; left: 1px; top: 1px; display: block; width: 16px; height: 16px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .reg_form .box .change_buy.active span.circle{left: 13px;} .notouch .reg_form .box .change_buy.hover_efekt .change_1.non:hover, .notouch .reg_form .box .change_buy.hover_efekt .change_2.non:hover{color: #9dd044} .reg_form .box p{clear: both; display: block; font-size: 13px; font-weight: 400; color: #231f20; line-height: 19px; text-align: left; margin: 0;} .reg_form .box p strong{font-size: 13px; font-weight: 600; color: #231f20; line-height: 19px;} .reg_form .box p a{font-size: 13px; font-weight: 400; color: #231f20; line-height: 19px; text-decoration: underline; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .reg_form .box p a:hover{color: #9dd044;} .reg_form .box.full table{margin: 0;} .reg_form .box table{margin-top: 20px; width: 100%; border-collapse: collapse; border-spacing: 0;} .reg_form .box table th{ position: relative; white-space: nowrap; vertical-align: middle; width: 60px; font-size: 13px; line-height: 17px; color: #231f20; font-weight: 500; text-align: right; padding: 0 20px 10px; margin: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; transition: opacity 400ms ease;} .reg_form .box table th span{margin-right: -7px; position: relative;; top: -5px; right: -1px; color: #dc1e2a; font-size: 14px; line-height: 20px;} .reg_form .box table tr th:first-child{padding-left: 0; } .reg_form .box table td{padding: 0 0 10px; font-size: 13px; font-weight: 300; line-height: 25px; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; transition: opacity 400ms ease;} .reg_form .box table td.padding{text-align: right; padding: 3px 0 10px; -webkit-transition: padding 400ms ease; -moz-transition: padding 400ms ease; -o-transition: padding 400ms ease; -ms-transition: padding 400ms ease; transition: padding 400ms ease;} .reg_form .box table td.padding.centering{text-align: center;} .reg_form .box table td span{margin-right: 0; position: relative;; top: -5px; right: 0; color: #9dd044; font-size: 14px; line-height: 20px;} .reg_form .box table td a{ font-size: 13px; font-weight: 600; line-height: 25px; text-decoration: underline; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .reg_form .box table td a:hover{color: #9dd044;} .reg_form .box table td .checker{vertical-align: middle; margin: 5px 8px 0 0;} .reg_form .box table td.firemni_zaznam, .reg_form .box table th.firemni_zaznam{display: none;} .reg_form .box table td.heslo_zaznam, .reg_form .box table th.heslo_zaznam{display: none;} .reg_form .box table td input[type=text], .reg_form .box table td input[type=password]{border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #fff; font-size: 13px; line-height: 20px; padding: 5px 15px; color: #000; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .reg_form .box table td textarea{resize: none; height: 80px; border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #fff; font-size: 13px; line-height: 20px; padding: 5px 15px; color: #000; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .reg_form .box table td input[type=text]:focus, .reg_form .box table td input[type=password]:focus, .reg_form .box table td textarea:focus{border: 1px solid #000000;} .reg_form .box table.dodaci, .reg_form .box table.dodaci tbody, .reg_form .box table.dodaci tr, .reg_form .box table.dodaci th, .reg_form .box table.dodaci td{display: block; width: 100%;} .reg_form .box table.dodaci th, .reg_form .box table.dodaci td{display: inline-block; zoom: 1; *display: inline; vertical-align: middle;} .reg_form .box table.dodaci th{width: 100px; padding-left: 0;} .reg_form .box table.dodaci td{width: calc(100% - 130px);} .reg_form .box table.dodaci th.mobile_cell, .reg_form .box table.dodaci td.mobile_cell{display: none;} .spec_box{background: #f9f9f9; border: 1px solid #e6e7e8;} .spec_box p.open_login{cursor: pointer; font-size: 300; font-size: 17px; line-height: 25px; color: #231f20; text-align: center; position: relative; padding: 18px 0; margin: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .spec_box p.open_login:hover{color: #9dd044} .spec_box p.open_login span{position: absolute; top: 50%; width: 13px; height: 9px; display: block; right: 16px;} .spec_box p.open_login span::before{opacity: 1; content: ""; display: block; width: 13px; height: 8px; margin-top: -4px; position: absolute; top: 0; left: 0; background: url(/img/top_down_arrow.png) no-repeat scroll left top; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; transition: opacity 400ms ease;} .spec_box p.open_login span::after{opacity: 0; content: ""; display: block; width: 13px; height: 8px; margin-top: -4px; position: absolute; top: 0; left: 0; background: url(/img/top_down_arrow.png) no-repeat scroll left bottom; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; transition: opacity 400ms ease;} .spec_box p.open_login.active span::before{background: url(/img/top_down_arrow.png) no-repeat scroll right top;} .spec_box p.open_login.active span::after{background: url(/img/top_down_arrow.png) no-repeat scroll right bottom;} .notouch .spec_box p.open_login:hover span::before{opacity: 0;} .notouch .spec_box p.open_login:hover span::after{opacity: 1;} form.max{max-width: 1000px; margin: 0 auto;} #basket .spec_box .login_form{border: 0; margin: 0 !important; max-width: initial; max-width: auto; background: none; padding-top: 0; } .login_form{position: relative; margin: 0 auto 20px !important; background: #f2f2f2; border: 1px solid #e6e7e8; padding: 45px 45px 45px; max-width: 900px;} .login_form{margin-top: 20px;} .login_form.pass{max-width: 100%;} #basket .login_form{margin: 20px 0 0 !important;} .login_form.hide, .login_form.hide2{display: none; opacity: 0;} .login_form p.overtitle{font-weight: 600; text-align: center; margin: -10px 0 30px; padding: 0; font-size: 18px; line-height: 26px; color: #231f20;} .login_form p.center{font-weight: 400; text-align: center; margin: -30px 0 30px; padding: 0; font-size: 13px; line-height: 20px; color: #231f20;} .login_form .box{width: 46%; padding: 0 0 0 4%; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin-right: -5px;} .login_form.top .box{vertical-align: top;} .login_form .box.full{padding: 0; width: 100%;} .login_form .box.middle{vertical-align: middle;} .login_form .box.first{width: 46%; padding: 0 4% 0 0; border-right: 1px solid #d1d3d4;} .login_form .box.first.padding_bottom{padding: 0 4% 32px 0;} .login_form .box p.title{font-size: 15px; font-weight: 600; line-height: 22px; margin: 0 0 10px;} .login_form .box p{clear: both; display: block; font-size: 13px; font-weight: 400; color: #231f20; line-height: 19px; text-align: left; margin: 0;} .login_form .box p.margin{margin-top: 10px;} .login_form .box p strong{font-size: 13px; font-weight: 600; color: #231f20; line-height: 19px;} .login_form .box p a:not(.btn){font-size: 13px; font-weight: 400; color: #231f20; line-height: 19px; text-decoration: underline; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .login_form .box p a:not(.btn):hover{color: #9dd044;} .login_form .box ul{margin: 0; padding: 0 0 20px;} .login_form .box ul li{list-style: none; font-size: 13px; font-weight: 400; color: #231f20; line-height: 23px; text-align: left; margin: 0; padding: 0;} .login_form .box table{width: 100%; border-collapse: collapse; border-spacing: 0;} .login_form .box table.not_full{width: initial; width: auto;} .login_form .box table th{ position: relative; white-space: nowrap; vertical-align: middle; width: 50px; font-size: 13px; line-height: 17px; color: #231f20; font-weight: 500; text-align: right; padding: 0 20px 10px; margin: 0;} .login_form .box table th span{margin-right: -7px; position: relative;; top: -5px; right: -1px; color: #dc1e2a; font-size: 14px; line-height: 20px;} .login_form .box table tr th:first-child{padding-left: 0; } .login_form .box table td{padding: 0 0 10px;} .login_form .box table td.align_left{text-align: left;} .login_form .box table td.align_left strong{color: #9dd044} .login_form .box table td.align_left a{margin: 0; text-decoration: underline; display: inline-block; zoom: 1; *display: inline; vertical-align: initial;; font-size: 15px; font-weight: 600; color: #231f20; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .login_form .box table td.simulate{padding: 32px 0 10px;} .login_form .box table td input[type=text], .login_form .box table td input[type=password]{border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #fff; font-size: 13px; line-height: 20px; padding: 5px 15px; color: #000; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .login_form .box table td input[type=text]:focus, .login_form .box table td input[type=password]:focus{border: 1px solid #000000;} .login_form .box table td label{cursor: pointer; font-size: 13px; line-height: 24px; color: #231f20; font-weight: 400; margin: 0; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; } .login_form .box table td label .checker{margin: -3px 5px 0 0;} .login_form .box table td .sbHolder{position: relative; background: #fff; width: calc(100% - 2px); margin: 0; height: 30px; z-index: 10; border: 1px solid #e6e7e8; } .login_form .box table td .sbHolder .sbToggle{margin: 0; z-index: 999; background: url(/img/select_arrow.svg) no-repeat scroll center center; right: 0; top: 0; height: 30px; width: 30px;} .login_form .box table td .sbHolder .sbToggle.sbToggleOpen{background: url(/img/select_arrow_hover.svg) no-repeat scroll center center;} .login_form .box table td .sbHolder a.sbSelector{margin: 0; z-index: 998; display: block; color: #000 !important; font-size: 13px; line-height: 30px; padding: 0 15px; font-weight: 300; width: 200px; text-align: left; text-decoration: none;} .login_form .box table td .sbOptions{max-height: 500px !important; z-index: 999; top: 30px !important; background: #fff; padding: 0; left: -1px; right: -1px;} .login_form .box table td .sbOptions a{text-decoration: none; border: 1px solid #e6e7e8; border-top: 0; height: auto; background: #fff !important; display: block; text-align: left; padding: 0 15px; font-size: 13px; line-height: 30px; margin: 0; font-weight: 300; color: #000 !important; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; -ms-transition: all 300ms ease; transition: all 300ms ease;} .login_form .box table td .sbOptions li:first-child a{border-top: 1px solid #e6e7e8;} .notouch .login_form .box table td .sbOptions a:hover{background: #f0f0f0 !important;} .login_form .box table td a{margin: 0; text-decoration: underline; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; font-size: 13px; font-weight: 400; line-height: 40px; color: #231f20; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .login_form .box table td a:hover, .login_form .box table td a.active{color: #9dd044; text-decoration: none;} .login_form .box a.fb{border-radius: 25px; -webkit-border-radius: 25px; overflow: hidden; float: left; margin: 5px 16px 0 0; position: relative; font-size: 12px; line-height: 40px; color: #fff; font-weight: 400; background: #21409a; padding: 0 53px 0 18px; display: block; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .login_form .box a.fb::before{position: absolute; right: 0; top: 0; bottom: 0; height: 40px; width: 38px; content: ""; display: block; background: url(https://www.wiwe.sk/img/fb_icon.png) no-repeat scroll center center #163076;} .notouch .login_form .box a.fb:hover{background: #163076} .login_form .box a.g{border-radius: 25px; -webkit-border-radius: 25px; overflow: hidden; float: left; position: relative; font-size: 12px; line-height: 40px; color: #fff; font-weight: 400; background: #ed1c24; margin: 5px 0 20px; padding: 0 53px 0 18px; display: block; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .login_form .box a.g::before{position: absolute; right: 0; top: 0; bottom: 0; height: 40px; width: 38px; content: ""; display: block; background: url(https://www.wiwe.sk/img/g_icon.png) no-repeat scroll center center #b4161a;} .notouch .login_form .box a.g:hover{background: #b4161a} .login_form.login_page .box a.g{margin: 5px 0 0;} .reg_submit[type=submit]{float: right; background: #9dd044; border: 0; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; padding: 0 15px; font-size: 13px; font-weight: 500; line-height: 40px; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .reg_submit[type=submit]:hover{background: #939598;} .buy_popup{display: none; width: 100%; height: 100%; text-align: center; opacity: 0; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99998; -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; -ms-transition: all 250ms ease-out; transition: all 250ms ease-out;} .buy_popup::before{position: absolute; top: 0; left: 0; right: 0; bottom: -100px; display: block; content: ""; background: rgba(0,0,0,0.6); z-index: 0; } .buy_popup .box{position: relative; display: table-cell; vertical-align: middle; z-index: 10;} .buy_popup .boxes{min-width: 500px; text-align: center; position: relative; max-width: 600px; padding: 40px 50px; left: 0; display: inline-block; zoom: 1; *display: inline; background: #fff; overflow-y: auto; max-height: calc(100vh - 130px); -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; -ms-transition: all 250ms ease-out; transition: all 250ms ease-out;} .buy_popup .box span.warning{z-index: 900; position: relative; text-transform: uppercase; display: block; margin: 0 0 15px; text-align: center; font-size: 18px; line-height: 24px; font-weight: 700; color: #000000;} .buy_popup .box .btn{z-index: 100; position: relative;} .buy_popup .box p.anotation{font-size: 13px; line-height: 17px; color: #000; margin: 10px 0; padding: 14px 0; border-bottom: 1px dashed #e0dfdf; border-top: 1px dashed #e0dfdf; background: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;} .buy_popup .box p.anotation strong{font-weight: 700; font-size: 13px; line-height: 17px; color: #000000;} .buy_popup .box p{font-size: 13px; line-height: 17px; color: #000; margin: 25px 0 10px; padding: 14px 0; background: #e0dfdf; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} .buy_popup .box p img{max-width: 43px; margin-right: 15px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle;} .buy_popup .box p strong{font-weight: 700; font-size: 13px; line-height: 17px; color: #000000;} .buy_popup .box p a{font-weight: 700; text-decoration: underline;} .buy_popup .box p.a{text-decoration: underline; font-weight: 700; font-size: 13px; line-height: 17px; color: #000; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .buy_popup .box p a:hover{color: #dc5721;} .buy_popup table.product_souhrn{width: 100%; border-collapse: collapse; margin-top: 30px; margin: 0;} .buy_popup table.product_souhrn.margin{margin-bottom: 0px;} .buy_popup table.product_souhrn td{height: 70px; padding: 8px 15px;} .buy_popup table.product_souhrn td.one{padding: 8px 0; width: 70px; vertical-align: middle;} .buy_popup table.product_souhrn td.one{vertical-align: middle;} .buy_popup table.product_souhrn td.one a, .buy_popup table.product_souhrn td.one label{width: 68px; height: 68px; border: 1px solid #e0dfdf; position: relative; display: block; text-align: center; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; background-attachment: local; background-repeat: no-repeat; background-position: center center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;} .buy_popup table.product_souhrn td.one span.centering{width: 100%; position: relative; display: table-cell; vertical-align: middle;} .buy_popup table.product_souhrn td.one img{max-width: 68px; max-height: 68px; display: block; margin: 0 auto;} .buy_popup table.product_souhrn td.two{padding: 8px 0; text-align: left;} .buy_popup table.product_souhrn td.two span.box{display: table; width: 100%; height: 70px;} .buy_popup table.product_souhrn td.two .main_link{font-weight: 600; display: table-cell; vertical-align: middle; padding: 0 15px; font-size: 14px; line-height: 22px; text-decoration: none; text-align: left; color: #000000; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .buy_popup table.product_souhrn td.two .main_link span{font-style: italic; font-weight: 400; padding: 0; font-size: 11px; line-height: 15px; text-decoration: none; text-align: left; color: #3a3a3a; display: block;} .buy_popup table.product_souhrn td.two .main_link span strong{font-weight: 700; padding: 0; font-size: 11px; line-height: 15px; text-decoration: none; text-align: left; color: #3a3a3a;} .buy_popup table.product_souhrn td.three input[type=image]{cursor: default; opacity: 0; border: 0; margin: 0 0 0 8px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 22px; height: 19px; background: url(/img/recount_image.png) no-repeat scroll center -59px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .buy_popup table.product_souhrn td.three input[type=image].error{opacity: 1; cursor: pointer; } .buy_popup table.product_souhrn td.four{padding: 0 15px; text-align: right; color: #000000; font-size: 14px; line-height: 22px; font-weight: 400; width: 130px;} .buy_popup table.product_souhrn td.four strong{color: #000000; font-size: 14px; line-height: 28px; font-weight: 600;} .buy_popup table.product_souhrn td.four strong.total{white-space: nowrap; color: #000000; font-size: 18px; line-height: 22px; font-weight: 600;} .buy_popup table.product_souhrn td.four strong.total.red{color: #000000;} .buy_popup table.product_souhrn td.four strong.total span{color: #000000; font-size: 12px; line-height: 22px; font-weight: 300; display: none;} .buy_popup table.product_souhrn td.four span{color: #000000; font-size: 12px; line-height: 22px; font-weight: 300;} @media screen and (max-width: 768px) { .buy_popup .boxes{min-width: initial; min-width: auto; padding: 25px 30px; left: 0; width: calc(100% - 80px); overflow-y: auto; max-height: calc(100vh - 130px)} .buy_popup .box p:not(.anotation){display: none;} .buy_popup .box span.warning{font-size: 16px; line-height: 20px;} .buy_popup .box .btn{z-index: 100; position: relative;} .buy_popup .box .btn.cursor{float: none; width: calc(100% - 46px); text-align: center; max-width: 250px; } .buy_popup .box .btn.cursor.arrow{width: calc(100% - 66px); max-width: 230px;} .buy_popup table.product_souhrn, .buy_popup table.product_souhrn tbody, .buy_popup table.product_souhrn tr, .buy_popup table.product_souhrn th, .buy_popup table.product_souhrn td{display: block; width: 100%; text-align: center;} .buy_popup table.product_souhrn tr{padding: 8px 0;} .buy_popup table.product_souhrn td{height: initial; height: auto;; padding: 8px 15px;} .buy_popup table.product_souhrn td.one{display: none;} .buy_popup table.product_souhrn td.two{padding: 8px 0; text-align: center;} .buy_popup table.product_souhrn td.two span.box{display: block; width: 100%; height: initial; height: auto;} .buy_popup table.product_souhrn td.two .main_link{display: block; padding: 0 15px; text-align: center;} .buy_popup table.product_souhrn td.two .main_link span{text-align: center;} .buy_popup table.product_souhrn td.two .main_link span strong{text-align: center;} .buy_popup table.product_souhrn td.four{text-align: center; width: 100%; padding: 0;} } .control_popup{display: none; width: 100%; height: 100%; text-align: center; opacity: 0; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; -ms-transition: all 250ms ease-out; transition: all 250ms ease-out;} .control_popup::before{position: absolute; top: 0; left: 0; right: 0; bottom: -100px; display: block; content: ""; background: rgba(0,0,0,0.6); z-index: 0; } .control_popup .box{position: relative; display: table-cell; vertical-align: middle; z-index: 10;} .control_popup .boxes{min-width: 200px; text-align: center; position: relative; max-width: 250px; padding: 40px 60px; left: 0 !important; display: inline-block; zoom: 1; *display: inline; background: #fff; -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; -ms-transition: all 250ms ease-out; transition: all 250ms ease-out;} .control_popup .box span.warning{z-index: 900; position: relative; text-transform: uppercase; display: block; margin: 0 0 15px; text-align: center; font-size: 21px; line-height: 26px; font-weight: 600; color: #000;} .control_popup .box .text{z-index: 100; position: relative; color: #000000; font-size: 14px; line-height: 16px; font-weight: 400; margin: 10px 0; text-align: center;} .control_popup .box .text p{margin: 5px 0; line-height: 16px;} .control_popup .box .text strong{color: #000000; font-size: 14px; line-height: 18px; font-weight: 600; margin: 0; text-align: center;} .control_popup .box .btn{z-index: 100; position: relative;} .file_list{max-width: 1024px; width: 100%; margin: 0 auto; position: relative;} .file_list h2{text-transform: uppercase; color: #9dd044; font-weight: 600; font-size: 22px; line-height: 28px; margin: 40px 0 10px; padding: 0; text-align: left;} .file_list h2:first-of-type{margin: 0 0 10px;} .file_list .item{position: relative; width: calc(25% - 17px); height: 310px; padding: 0; border: 0; border: 1px solid #000; display: block; float: left; margin: 0 15px 15px 0;} .file_list .item span.img{position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .file_list .item span.img::before{content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.6); opacity: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .file_list .item span.img span{opacity: 1; display: block; width: 58px; height: 56px; position: absolute; left: 50%; top: 50%; margin: -49px 0 0 -28px; background: url(/img/download_icon.svg) no-repeat scroll center center; background-size: 29px 28px; z-index: 999; opacity: 0;-webkit-border-radius: 28px; -moz-border-radius: 28px; border-radius: 28px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .notouch .file_list .item:hover span.img::before, .notouch .file_list .item:hover span.img span{opacity: 1;} .file_list .item span.title{position: absolute; left: 0; right: 0; bottom: 0; padding: 15px 20px; display: block; background: #000; color: #fff; font-weight: 400; font-size: 14px; line-height: 20px;} .file_list .clas_item{text-align: left; background: #fff; float: left; position: relative; border: 1px solid #424f5a; margin: 0 10px 14px 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .file_list .clas_item a{text-decoration: none; font-size: 13px; color: #000000; font-weight: 400; line-height: 18px; padding: 8px 20px; display: inline-block; zoom: 1; *display: inline; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .file_list .clas_item a span{font-size: 13px; color: #000000; font-weight: 600; line-height: 18px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .notouch .file_list .clas_item:hover{border: 1px solid #424f5a; background: #424f5a;} .notouch .file_list .clas_item:hover a{color: #fff;} .notouch .file_list .clas_item:hover a span{text-decoration: none; color: #fff;} .fotogalerie{max-width: 1024px; width: 100%; position: relative;} .fotogalerie a.swipebox{width: 14.28%; margin: 0; float: left; display: block; position: relative;} .fotogalerie a.swipebox::before{opacity: 0; content: ""; display: block; position: absolute; left: 4px; top: 4px; right: 4px; bottom: 4px; background: url(/img/fotogallery_icon.svg) no-repeat scroll center center rgba(0, 0, 0, 0.8); background-size: 55px auto; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .fotogalerie a.swipebox img{max-width: calc( 100% - 8px); display: block; margin: 4px;} .notouch .fotogalerie a:hover::before{opacity: 1;} #hide_tr{display: none;} a.scroll_top{z-index: 9000; opacity: 0; position: fixed; right: 30px; bottom: -60px; width: 48px; height: 48px; background: #e6e6e6; border: 1px solid #e6e6e6; background-size: 19px auto; -webkit-border-radius: 28px; -moz-border-radius: 28px; border-radius: 28px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } a.scroll_top::before{opacity: 1; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -9px; display: block; width: 18px; height: 12px; content: ""; background: url(/img/scroll_arrow.svg) no-repeat scroll center center; background-size: 18px 12px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } a.scroll_top::after{opacity: 0; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -9px; display: block; width: 18px; height: 12px; content: ""; background: url(/img/scroll_arrow_hover.svg) no-repeat scroll center center; background-size: 18px 12px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .notouch a.scroll_top:hover::before{opacity: 0;} .notouch a.scroll_top:hover::after{opacity: 1;} .notouch a.scroll_top:hover{background: #424f5a; border: 1px solid #515d67; } a.scroll_top.active{opacity: 1; bottom: 30px;} .cc_banner-wrapper {z-index: 999999 !important; } .cc_banner-wrapper{min-height: 0px} .cc_container{color: #000000 !important; padding: 10px 20px !important;} .cc_container .cc_message{margin: 11px 0 !important; font-size: 12px !important; font-family: 'canada-type-gibson', sans-serif, Arial !important; } .cc_container .cc_message a{font-size: 12px !important; font-weight: 600 !important; color: #000000 !important;} .notouch .cc_container .cc_message a:hover{text-decoration: underline !important;} .cc_container .cc_btn{width: initial !important; width: auto !important; text-transform: uppercase !important; line-height: 16px !important; font-size: 12px !important; border: 1px solid #424f5a !important; padding: 8px 25px !important; font-family: 'canada-type-gibson', sans-serif, Arial !important; background: #424f5a !important; color: #fff !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .notouch .cc_container .cc_btn:hover{background: #fff !important; border: 1px solid #424f5a !important; color: #000000 !important} .cc_container *::-moz-selection {background: #3399FF !important;} .cc_container *::selection {background: #3399FF !important;} .password-verdict {display:none;} .progress {border: 0;background-image: none;filter: none;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;position: relative; z-index: 999;} .progress-bar {width: 0;height: 10px;font-size: 12px;margin: -5px 0 -5px;line-height: 20px;-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition: width .6s ease;-o-transition: width .6s ease;transition: width .6s ease;} .progress-bar-danger {background-color: #ed6b75;} .progress-bar-warning {background-color: #F1C40F;} .progress-bar-success {background-color: #14d306;} .emailTrue {border: 1px solid #27a4b0 !important;} .emailFalse {border: 1px solid #e73d4a !important;} ul.reg_form_help li {list-style-type: disc !important;margin-left: 15px !important;line-height: 20px !important;} ul.reg_form_help li.font-red {color: #ed6b75 !important;} ul.reg_form_help li.font-green {color: #14d306 !important;} input[type=text].nette-form-control, input[type=password].nette-form-control {border: 1px solid #e6e7e8;background: #fff;font-size: 13px;line-height: 20px;padding: 5px 15px;color: #000; -webkit-transition: all 400ms ease;-moz-transition: all 400ms ease;-o-transition: all 400ms ease;-ms-transition: all 400ms ease;transition: all 400ms ease;} #admin-layout {position: fixed; left: 0px; bottom: 40px; z-index: 999999;} #admin-layout .admin-item a { padding: 6px 15px; font-size: 14px; line-height: 22px; text-align: center; display: block; background: #000; border: 1px solid #000; color: #fff; -webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; -webkit-transition: all 400ms ease;-moz-transition: all 400ms ease;-o-transition: all 400ms ease;-ms-transition: all 400ms ease;transition: all 400ms ease;} #admin-layout .admin-item a:hover {background-color: #fff; color: #000;}