/*GLOBAL*/ header,nav,section,article,aside,footer,hgroup{display:block;} .preload *{-webkit-transition: none !important; transition: none !important;} a{text-decoration:none; outline: 0; color:inherit;} a img{border:none;} .img_hide{display: block !important; width: 0; height: 1px !important; border: 0; position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden;} .mail_hide, .hide_mail{display: none !important;} .clear{clear:both; margin: 0; display: block; width: 100% !important; float: none !important;} .clear.hide{display: none !important;} .hide{display: none;} .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; margin: 0;} .align-center{text-align: center !important; margin: 0;} .align-right{text-align: right !important; margin: 0;} 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} input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active {-webkit-animation: autofill 0s forwards;animation: autofill 0s forwards;} @keyframes autofill {100% {background: transparent;color: inherit;}} @-webkit-keyframes autofill {100% {background: transparent;color: inherit;}} .font_size{font-size: 0 !important;} .show_more { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 65px 0 0; } .show_more .btn.typ_3{ background: #F8AF00; border: 1px solid #F8AF00; font-weight: 400; padding: 15px 50px; } .show_more .btn.typ_3:hover{ background: #fff !important; border: 1px solid #333 !important; color: #333 !important; } /* input[type=text]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #ffffff;} input[type=text]::-moz-placeholder, textarea::-moz-placeholder {color: #ffffff;} input[type=text]::-ms-input-placeholder, textarea::-ms-input-placeholder {color: #ffffff;} */ sup, sub{line-height: 0; display: inline-block; text-decoration: none; font-size:0.7em;} .root_text{position: absolute; top: -1000px; left: -1000px;} @media screen and (max-width: 1024px) { .clear.hide{display: block !important;} } .message_centering{z-index: 999999; min-height: 0; position: absolute; top: -132px; width: 100%; max-width: 700px; left: 0; right: 0; margin: 0 auto; text-align: center; background-image: none !important; -webkit-transition: all 750ms ease; transition: all 750ms ease;} .message_centering.active{top: 100%;} .flash{max-width: 700px; margin: 0 auto -1px; min-height: 0; font-size: 13px; line-height: 16px; font-weight: 500; padding: 12px 54px; clear: both; position: relative; letter-spacing: 1px} .flash span{cursor: pointer; position: absolute; top: 50%; margin-top: -7.5px; right: 15px; width: 15px; height: 15px; display: block;} .alert-error {color: #ffffff; background: url(../global/error_icon.png) no-repeat scroll 15px center #d8001b; border: 1px solid #b6192e;} .alert-success{color: #ffffff; background: url(../global/success_icon.png) no-repeat scroll 15px center #53ac36; border: 1px solid #53ac36;} .alert-error span{background: url(../global/error_close.png) no-repeat;} .alert-success span{background: url(../global/success_close.png) no-repeat;} h1{text-transform: uppercase; font-weight: 600; font-size: 35px; letter-spacing: 5px; line-height: 50px; margin: 0; padding: 0;} h1 span{display: block; color: #ec1c24; font-size: 20px; line-height: 26px;} h2{font-weight: 600; font-size: 22px; line-height: 30px; margin: 30px 0 25px; padding: 0; text-transform: uppercase;} h3{font-weight: 600; font-size: 20px; line-height: 26px; margin: 30px 0 25px; padding: 0; text-transform: uppercase;} h4, h5, h6{font-weight: 400; font-size: 18px; line-height: 24px; margin: 30px 0 25px; padding: 0;} @media screen and (max-width: 1725px) { h1{font-size: 24px; line-height: 30px;} } @media screen and (max-width: 1024px) { h1{font-size: 24px; line-height: 30px;} h1 span{font-size: 18px; line-height: 24px;} h2{font-size: 20px; line-height: 26px; margin: 20px 0 5px;} h3{font-size: 18px; line-height: 24px; margin: 20px 0 5px;} h4, h5, h6{font-size: 16px; line-height: 22px; margin: 20px 0 5px;} } @media screen and (max-width: 500px) { h1{font-size: 20px; line-height: 28px;} h1 span{font-size: 16px; line-height: 22px;} h2{font-size: 18px; line-height: 24px;} h3{font-size: 16px; line-height: 22px;} h4, h5, h6{font-size: 14px; line-height: 20px;} } p, div, article, .text_page, code{font-size: 14px; font-weight: 400;} strong, b{font-weight: 700} @media screen and (max-width: 1024px) { p, div, article, .text_page, code{font-size: 13px;} } @media screen and (max-width: 500px) { p, div, article, .text_page, code{font-size: 12px;} } article a:not(.btn), article a:not(.btn) strong, article strong a:not(.btn), .text_box a:not(.btn), .text_box a:not(.btn) strong, .text_box strong a:not(.btn){font-weight: 700; text-decoration: underline; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch article a:not(.btn):hover, .notouch .text_box a:not(.btn):hover{color: #F8AF00} .text_page{ margin: 0 auto;} .text_page .img{display: block; width: 40%; float: right; margin: 0 0 20px 20px;} .text_page .img img{max-width: 100%; display: block; margin: 0;} .text_page .text{display: block;} @media screen and (max-width: 959px) { .text_page .img{width: 50%;} } @media screen and (max-width: 767px) { .text_page .img{display: block; width: 100%; margin: 0 0 10px;} .text_page .text{display: block; width: 100%; padding: 0; margin: 0;} } article, .text_box{margin: 0 auto; text-align: left; line-height: 22px;} article.max, .text_box.max{max-width: 100%; margin: 40px 0 0; } article p, article div, .text_box p, .text_box div{margin:0 0 15px; text-align: left; line-height: 22px;} article .text_p, .text_box .text_p{margin: 0; } article *:nth-child(1), .text_box *:nth-child(1){margin-top: 0;} article *:last-child, .text_box *:last-child{margin-bottom: 0;} @media screen and (max-width: 1024px) { article p, article div, .text_box p, .text_box div{line-height: 20px; margin:0 0 10px;} } @media screen and (max-width: 768px) { article p, .text_box p{width: 100%; display: block; clear: both;} article img, .text_box img{float: none !important; display: block; margin: 0 auto 10px !important;} } @media screen and (max-width: 500px) { article p, article div, .text_box p, .text_box div{line-height: 18px;} } article ul, .text_box ul{margin: 0 0 15px; padding: 0;} article ul li, .text_box ul li{padding: 0 0 0 20px; margin: 0; position: relative; list-style: none; background: url(../img/list_point.svg) no-repeat scroll 0 7px; background-size: 6px 9px;} article ul ul, .text_box ul ul{margin: 0; padding: 0 0 0 17px; } article ul ol, .text_box ul ol{margin: 0; padding: 0 0 0 20px; } article ol, .text_box ol{margin: 0 0 15px; padding: 0; counter-reset: item;} article ol li, .text_box ol li{padding: 0 0 0 20px; margin: 0; position: relative; list-style-type: none; counter-increment: item; background: none;} article ol li:before, .text_box ol li:before{position: absolute; top: 0; left: 0; display: block; padding-right: 5px; text-align: left; content: counter(item) ".";} article ol ol, .text_box ol ol{margin: 0; padding: 0 0 0 20px; counter-reset: item;} article ol ul, .text_box ol ul{margin: 0; padding: 0 0 0 17px; counter-reset: item;} article ol ul li, .text_box ol ul li{background: url(../img/drobky_arrow.svg) no-repeat scroll 0 7px; background-size: 6px 9px; padding: 0 0 0 17px;} article ol ul li:before, .text_box ol ul li:before{display: none;} article table.over, .text_box table.over{min-width: 100%; display: block; overflow-x: scroll;} article table, .text_box table{margin: 0 0 20px 0; border-collapse: collapse; border-spacing: 0 0;} article table caption, .text_box table caption{color: #000; font-size: 20px; line-height: 24px; font-weight: 600; margin: 30px 0 10px; text-align: left;} article table thead, .text_box table thead{margin-bottom: 3px;} article table tr th, article table tbody tr td.fr-highlighted, .text_box table tr th, .text_box table tbody tr td.fr-highlighted{text-align: left; font-weight: 700; padding: 6px 8px; background:#F8AF00; color: #fff; border: 1px solid #F8AF00;} article table tr td, .text_box table tr td{text-align: left; padding: 6px 8px; font-weight: 400; border: 1px solid #e0dfdf;} article table.gdpr th{ white-space: nowrap; text-align: left !important; text-transform: none !important; color: #000; font-family: purista-web, sans-serif; font-weight: 600; font-style: normal;} article table.gdpr th, article table.gdpr td, article table.gdpr td *{ line-height: 18px; text-align: left; font-size: 13px !important;} article table.gdpr tbody tr td *{ line-height: 18px; text-align: left; font-size: 13px !important; color: #000; font-family: purista-web, sans-serif; font-weight: 500; font-style: normal;} @media screen and (max-width: 1024px) { article table.gdpr th, article table.gdpr td, article table.gdpr td *{ font-size: 13px !important;} } @media screen and (max-width: 500px) { article table.gdpr th, article table.gdpr td, article table.gdpr td *{ font-size: 12px !important;} } article p.gdpr, .text_box p.gdpr{margin: 0; line-height: 22px;} article p.gdpr, .text_box p.gdpr{padding: 6px 0;} article p.gdpr.full, .text_box p.gdpr.full{padding: 0; max-width: 992px} article .size_inline{display: inline-block; vertical-align: top; margin: 0 80px 0 0;} article .size_inline table{min-width: 200px;} article img, .text_box img{max-width: 100%; margin: 0 auto; display: block; vertical-align: top; float: none; height: initial !important; height: auto !important;} article img.fr-fil, .text_box img.fr-fil{margin-left: 0;} article img.fr-fir, .text_box img.fr-fir{margin-right: 0;} article span.fr-video, .text_box span.fr-video{text-align: center; max-width: 100%; margin: 0 auto; display: block; vertical-align: top; float: none;} article span.fr-video.fr-fvl, .text_box span.fr-video.fr-fvl{margin-left: 0; text-align: left;} article span.fr-video.fr-fvr, .text_box span.fr-video.fr-fvr{margin-right: 0; text-align: right;} article span.fr-video iframe, .text_box span.fr-video iframe{max-width: 100%; margin: 0 auto; display: inline-block; width: 640px !important; height: 360px !important;} @media screen and (max-width: 767px) { article span.fr-video, .text_box span.fr-video{text-align: center !important;} article span.fr-video iframe, .text_box span.fr-video iframe{width: 280px !important; height: 160px !important;} } input[type=text], input[type=password], input[type=submit], textarea, code, button{font-family: 'niveau-grotesk', sans-serif, Arial; margin: 0;} article, div, li, .text_box{height: auto; min-height: 1px; max-height: 9999999px;} .clear, #cookie_content{min-height: 0; } html{margin: 0 auto; padding: 0; background: #f2f2f2 ;} html.admin_settings_active{position: fixed; overflow-y: scroll; width: 100%;} body{position: relative; color: #000000; background: #ffffff !important; padding: 0 !important; overflow-x: hidden; -webkit-text-size-adjust: none; text-rendering: auto; -webkit-backface-visibility:hidden; max-width: 1920px; margin: 0 auto; font-family: 'purista-web', sans-serif, Arial; padding: 0; font-weight: 400; 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; width: 90%; padding: 25px; max-width: 1520px; margin: 0 auto;} .inside.bg{background: #f2f2f2;} .inside_small{position: relative; width: 90%; padding: 0; max-width: 840px; margin: 0 auto;} .inside_max{position: relative; width: 90%; padding: 0; max-width: 90%; margin: 0 auto;} .inside_middle{position: relative; width: 90%; padding: 0; margin: 0 auto;} header .inside_header{width: 100%; margin: 0 auto;} header .inside_header .header_line{width: 100%; background: lightgrey; height: 1px;} .inside_middle article p img{width: 100%;} .inside_max hr{width: 100%; margin: 0 auto;} .btn{letter-spacing: 1px; font-weight: 400; font-size: 13px; line-height: 18px; padding: 9px 20px; text-decoration: none; white-space: nowrap; overflow: hidden; position: relative; background: none; display: block; border: 1px solid transparent; text-transform: none; text-align: center; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .btn.disable{background: #e2e2e2 !important; border: 1px solid #e2e2e2 !important; color: #b1b1b1 !important; cursor: no-drop;} .btn.big{padding: 15px 50px;} .btn.small{padding: 7px 16px; text-transform: none;} .btn.overflow{overflow: visible;} .btn.uppercase{text-transform: uppercase; } .btn img{display: inline-block; vertical-align: top; margin: 0 0 0 4px;} .btn.shadow{-webkit-box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.6); box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.6);} .btn.radius{-webkit-border-radius: 30px; border-radius: 30px;} .btn.line_height{line-height: 30px;} .btn.inline{display: inline-block; 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.ultra_margin_top{margin-top: 65px;} .btn.ultra_margin_bottom{margin-bottom: 25px;} .btn.ultra_margin_right{margin-right: 25px;} .btn.ultra_margin_left{margin-left: 25px;} .btn i{letter-spacing: 1px; font-style: normal; font-weight: 400; font-size: 13px; line-height: 18px; } .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; 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: #ffffff; 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; background-size: cover;} .btn .item .title{white-space: normal; display: block; text-align: center; font-size: 12px; line-height: 16px; text-transform : none; color: #000000; margin: 0; padding: 8px 0 0; font-weight: 600;} /*use*/ .btn.typ_1{background: #fff; border: 1px solid #000; color: #000;} .notouch .btn.typ_1:hover, .notouch .item.hover_efekt .btn.typ_1, .notouch a.item:hover .btn.typ_1{background: #333; border: 1px solid #333; color: #fff;} /*use*/ .btn.typ_2{background: #F8AF00; border: 1px solid #F8AF00; color: #ffffff;} .notouch .btn.typ_2:hover, .notouch .item.hover_efekt .btn.typ_2, .notouch a.item:hover .btn.typ_2{background: #fff; border: 1px solid #F8AF00; color: #F8AF00;} .btn.typ_3{background: #fff; border: 1px solid #333; color: #333; padding: 12px 20px; border-radius: 25px; text-transform: uppercase;} .notouch .btn.typ_3:hover, .notouch .item.hover_efekt .btn.typ_3, .notouch a.item:hover .btn.typ_3{background: #333; border: 1px solid #333; color: #fff; } .btn.typ_4{background: #000000; border: 1px solid #ffffff; color: #ffffff;} .notouch .btn.typ_4:hover, .notouch .item.hover_efekt .btn.typ_4, .notouch a.item:hover .btn.typ_4{background: #ffffff; border: 1px solid #ffffff; color: #000000;} /*use*/ .btn.typ_5{background: #F8AF00; border: 1px solid #F8AF00; color: #000000; border-radius: 40px;} .notouch .btn.typ_5:hover, .notouch .item.hover_efekt .btn.typ_5, .notouch a.item:hover .btn.typ_5{background: #fff; border: 1px solid #fff; color: ##F8AF00;} /*use*/ .btn.typ_6{background: #000000; border: 1px solid #000000; color: #ffffff; padding: 9px 45px 9px 15px;} .btn.typ_6::before{opacity: 1; background: url(../img/fish_green.svg) no-repeat scroll center center; background-size: 25px 10px; content: ""; position: absolute; right: 10px; top: calc(50% - 5px); width: 25px; height: 10px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .btn.typ_6::after{opacity: 0; background: url(../img/fish_white.svg) no-repeat scroll center center; background-size: 25px 10px; content: ""; position: absolute; right: 10px; top: calc(50% - 5px); width: 25px; height: 10px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .btn.typ_6:hover, .notouch .item.hover_efekt .btn.typ_6, .notouch a.item:hover .btn.typ_6{background: #53ac36; border: 1px solid #53ac36; color: #ffffff;} .notouch .btn.typ_6:hover::before, .notouch .item.hover_efekt .btn.typ_6::before, .notouch a.item:hover .btn.typ_6::before{opacity: 0;} .notouch .btn.typ_6:hover::after, .notouch .item.hover_efekt .btn.typ_6::after, .notouch a.item:hover .btn.typ_6::after{opacity: 1;} /*use*/ .btn.typ_7{background: #53ac36; border: 1px solid #53ac36; color: #ffffff; padding: 12px 45px 12px 15px;} .btn.typ_7::before{opacity: 1; background: url(../img/basket_white.svg) no-repeat scroll center center; background-size: 20px 20px; content: ""; position: absolute; right: 5px; top: calc(50% - 17px); width: 34px; height: 34px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .btn.typ_7::after{opacity: 0; background: url(../img/basket_green.svg) no-repeat scroll center center; background-size: 20px 20px; content: ""; position: absolute; right: 5px; top: calc(50% - 17px); width: 34px; height: 34px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .btn.typ_7:hover{background: #ffffff; border: 1px solid #53ac36; color: #53ac36;} .notouch .btn.typ_7:hover::before{opacity: 0;} .notouch .btn.typ_7:hover::after{opacity: 1;} /*use*/ .btn.typ_8{background: #ffffff; border: 1px solid #ffffff; color: #000000; padding: 8px 25px 8px 0;} .btn.typ_8::before{opacity: 1; background: url(../img/arrow_black_right.svg) no-repeat scroll center center; background-size: 16px 16px; content: ""; position: absolute; right: 0; top: calc(50% - 8px); width: 16px; height: 16px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .btn.typ_8::after{opacity: 0; background: url(../img/arrow_white_right.svg) no-repeat scroll center center; background-size: 16px 16px; content: ""; position: absolute; right: 0; top: calc(50% - 8px); width: 16px; height: 16px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .btn.typ_8:hover, .notouch .item.hover_efekt .btn.typ_8, .notouch a.item:hover .btn.typ_8{background: #53ac36; border: 1px solid #53ac36; color: #ffffff; padding: 8px 35px 8px 15px;} .notouch .btn.typ_8:hover::before, .notouch .item.hover_efekt .btn.typ_8::before, .notouch a.item:hover .btn.typ_8::before{opacity: 0; right: 10px;} .notouch .btn.typ_8:hover::after, .notouch .item.hover_efekt .btn.typ_8::after, .notouch a.item:hover .btn.typ_8::after{opacity: 1; right: 10px;} /*use*/ .btn.typ_9{background: #0d6990; border: 1px solid #0d6990; color: #ffffff; padding: 12px 45px 12px 15px;} .btn.typ_9::before{opacity: 1; background: url(../img/basket_white.svg) no-repeat scroll center center; background-size: 20px 20px; content: ""; position: absolute; right: 5px; top: calc(50% - 17px); width: 34px; height: 34px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .btn.typ_9::after{opacity: 0; background: url(../img/basket_blue.svg) no-repeat scroll center center; background-size: 20px 20px; content: ""; position: absolute; right: 5px; top: calc(50% - 17px); width: 34px; height: 34px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .btn.typ_9:hover{background: #ffffff; border: 1px solid #0d6990; color: #0d6990;} .notouch .btn.typ_9:hover::before{opacity: 0;} .notouch .btn.typ_9:hover::after{opacity: 1;} /*use*/ .btn.typ_10{background: #ffffff; border: 1px solid #ffffff; color: #000000; padding: 8px 25px 8px 0;} .btn.typ_10::before{opacity: 1; background: url(../img/arrow_black_right.svg) no-repeat scroll center center; background-size: 16px 16px; content: ""; position: absolute; right: 0; top: calc(50% - 8px); width: 16px; height: 16px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .btn.typ_10::after{opacity: 0; background: url(../img/arrow_white_right.svg) no-repeat scroll center center; background-size: 16px 16px; content: ""; position: absolute; right: 0; top: calc(50% - 8px); width: 16px; height: 16px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .btn.typ_10:hover, .notouch .item.hover_efekt .btn.typ_10, .notouch a.item:hover .btn.typ_10{background: #0d6990; border: 1px solid #0d6990; color: #ffffff; padding: 8px 35px 8px 15px;} .notouch .btn.typ_10:hover::before, .notouch .item.hover_efekt .btn.typ_10::before, .notouch a.item:hover .btn.typ_10::before{opacity: 0; right: 10px;} .notouch .btn.typ_10:hover::after, .notouch .item.hover_efekt .btn.typ_10::after, .notouch a.item:hover .btn.typ_10::after{opacity: 1; right: 10px;} @media screen and (max-width: 1024px) { .btn .item{display: none;} } @media screen and (max-width: 768px) { .btn i{display: block;} } @media screen and (max-width: 500px) { .btn{font-size: 11px; line-height: 16px; padding: 6px 15px;} .btn i{font-size: 11px; line-height: 16px;} } .header_height{display: block; height: 155px; position: relative;} header.bottom_line{border-bottom: none;} header{background: #ffffff; max-width: 1920px; z-index: 9999; position: fixed; top: 0; left: 0; right: 0; margin: 0 auto; width: 100%; padding: 0; text-align: center; border-bottom: 4px solid #000;} header .relative{width: 90%; padding: 0 5%; position: relative;} header .bottom_line{padding: 10px 0; display: block; position: relative; width: 90%; margin: 0 auto;} header .bottom_line a.logo{width: 210px; height: 56px; display: inline-block; vertical-align: middle; position: relative;} header .bottom_line a.logo::before{width: 210px; height: 56px; display: block; position: absolute; left: 0; top: 0; background: url(../img/logo.svg) no-repeat scroll center center; background-size: 210px 56px; content: "";} header .bottom_line .box{text-align: right; position: relative; z-index: 999; display: inline-block; vertical-align: middle; width: calc(100% - 210px - 20px - 5px); margin: 0 0 0 20px;} header .bottom_line .box nav{position: relative; z-index: 999; display: inline-block; vertical-align: middle; margin: 0;} header .bottom_line .box nav ul.menu{margin: 0; padding: 0; display: inline-block; vertical-align: middle; text-align: right;} header .bottom_line .box nav ul.menu li{padding: 28px 0; position: relative; list-style: none; display: inline-block; vertical-align: middle; margin: 0 0 0 50px;} header .bottom_line .box nav ul.menu li.hide{display: none} header .bottom_line .box nav ul.menu li a{position: relative; font-family: purista-web, sans-serif; font-style: normal; display: block; line-height: 20px; font-size: 14px; font-weight: 400; text-transform: uppercase; padding: 9px 2px; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header .bottom_line .box nav ul.menu li a::before{position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: #F8AF00; content: ""; opacity: 0; transition: all 400ms ease;} .notouch header .bottom_line .box nav ul.menu li > a:hover, header .bottom_line .box nav ul.menu li.active > a, header .bottom_line .box nav ul.menu li.open > a{color: #F8AF00;} .notouch header .bottom_line .box nav ul.menu li > a:hover::before, header .bottom_line .box nav ul.menu li.active > a::before, header .bottom_line .box nav ul.menu li.open > a::before{opacity: 1; bottom: 4px;} header .bottom_line .box nav ul.menu li ul{z-index: 0; margin: 0; padding: 0; position: absolute; top: calc(100% - 30px); opacity: 0; left: 0; background: #f4f5f5; display: block; visibility: hidden; -webkit-transition: all 200ms ease; transition: all 200ms ease; -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); box-shadow: 0 0 20px -5px rgba(0,0,0,0.6);} header .bottom_line .box nav ul.menu li ul:before{bottom: 100%; left: 10px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #f4f5f5; border-width: 6px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header .bottom_line .box nav ul.menu li ul.hover_efekt:before, header .bottom_line .box nav ul.menu li ul.special:before{border-bottom-color: #53ac36;} header .bottom_line .box nav ul.menu li:hover ul{top: calc(100% - 20px); visibility: visible; opacity: 1;} header .bottom_line .box nav ul.menu li ul li{margin: 0; list-style: none; display: block; width: 100%; padding: 0;} header .bottom_line .box nav ul.menu li ul li a{white-space: nowrap; opacity: 1; position: relative; text-transform: none; font-weight: 400; display: block; padding: 8px 20px; font-size: 14px; line-height: 20px; text-align: left; color: #000000 !important; border-top: 1px solid #e5e5e5; min-width: 100px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header .bottom_line .box nav ul.menu li ul li:first-of-type a{border-top: 0 !important;} header .bottom_line .box nav ul.menu li ul li a::before{ display: none;} .notouch header .bottom_line .box nav ul.menu li ul li a:hover, header .bottom_line .box nav ul.menu li ul li.active a{background: #53ac36; color: #ffffff !important; border-top: 1px solid #51a237;} header .header_contact .box_upper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; align-items: center; width: 90%; padding: 11px 0; margin: 0 auto; } header .header_contact .box_upper .od_roku{text-transform: uppercase;} header .header_contact .box_upper span, label{color: grey;} header .header_contact .box_upper .contact{display: flex; align-items: center;} header .header_contact .box_upper .contact span{color: grey; margin-right: 10px;} header .header_contact .box_upper .contact span, label, a{color: #333;} header .header_contact .box_upper .contact span:hover{text-decoration: underline;} .open_close_navigation{cursor: pointer; text-align: center; display: none; position: relative; left: 0; z-index: 20; padding: 0; margin: 2px 0 0 0; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .open_close_navigation::after{margin: 0 0 0 5px; content: "Menu"; font-size: 14px; line-height: 20px; height: 18px; color: #000000; font-weight: 400; text-transform: uppercase; display: inline-block; vertical-align: middle; -webkit-transition: all 400ms ease; transition: all 400ms ease; cursor: pointer; user-select: none;} .open_close_navigation button {background: none; border: none; display: inline-block; vertical-align: middle; margin: 0;} .open_close_navigation .lines-button {font-size: 0; padding: 15px 0; -webkit-transition: all 400ms ease; transition: all 400ms ease; cursor: pointer; user-select: none;} .open_close_navigation .lines-button:active { -webkit-transition: none; transition: none;} .open_close_navigation .lines {display: inline-block; width: 1.8rem; height: 2px; background: #000000; transition: 0.3s; position: relative;} .open_close_navigation .lines:before, .open_close_navigation .lines:after {display: inline-block; width: 1.8rem; height: 2px; background: #000000; 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.4rem;} .open_close_navigation .lines:after {top: -0.4rem;} .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: 2px; left: -2px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; width: 2.3rem; background: #000000;} .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::after{color: #F8AF00;} .notouch .open_close_navigation:hover .lines-button.x.close .lines:before, .notouch .open_close_navigation:hover .lines-button.x.close .lines:after{background: #F8AF00;} .notouch .open_close_navigation:hover .lines:before, .notouch .open_close_navigation:hover .lines:after{background: #F8AF00;} .notouch .open_close_navigation:hover .lines{background: #F8AF00;} .banner{width: 98%; padding: 0 0 20.5%; background: no-repeat center center/cover; margin: -5px auto;} .ipad_menu{text-align: center; display: none; position: absolute; max-width: 1920px; margin: 0 auto; width: 100%; top: -900px; right: 0; left: 0; background: #ffffff; -webkit-box-shadow: 2px 2px 14px -5px rgba(0,0,0,0.5); box-shadow: 2px 2px 14px -5px rgba(0,0,0,0.5); padding: 128px 0 0; z-index: 9998; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .ipad_menu.move{top: 5px !important} .ipad_menu > ul{display: block; position: relative; text-align: left; margin: 0; padding: 0; z-index: 9998;} .ipad_menu > ul > li{position: relative; list-style: none; display: block;} .ipad_menu > ul > li > a, .ipad_menu > ul > li > button:not(.icon){border: 0; background: none; border-top: 1px solid #ededed; position: relative; font-size: 13px; line-height: 44px; font-weight: 400; padding: 0 15px; display: block; text-transform: uppercase; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .ipad_menu > ul > li > button:not(.icon){text-align: left; width: 100%; } .notouch .ipad_menu > ul > li > a:hover, .ipad_menu > ul > li > a:focus, .ipad_menu > ul > li.active > a, .ipad_menu > ul > li[aria-expanded='true'] > a, .ipad_menu > ul > li.focus_efekt > a, .notouch .ipad_menu > ul > li > button:not(.icon):hover, .ipad_menu > ul > li > button:not(.icon):focus, .ipad_menu > ul > li.active > button:not(.icon), .ipad_menu > ul > li[aria-expanded='true'] > button:not(.icon), .ipad_menu > ul > li.focus_efekt > button:not(.icon){background: #F8AF00; border-top: 1px solid #F8AF00; color: #fff;} .ipad_menu > ul > li > ul{border-top: 1px solid #d4d4d4; display: none; position: relative; text-align: left; margin: 0; padding: 0 0 0 25px; z-index: 9998; background: #ececec;} .ipad_menu > ul > li[aria-expanded='true'] > ul, .ipad_menu > ul > li.open > ul{display: block;} .ipad_menu > ul > li > ul > li{position: relative; list-style: none; display: block;} .ipad_menu > ul > li > ul > li > a{border-top: 1px solid #d4d4d4; position: relative; font-size: 13px; line-height: 44px; font-weight: 400; padding: 0 60px 0px 15px; display: block; text-transform: none; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .ipad_menu > ul > li > ul > li:nth-child(1) > a{border-top: 0 !important} .notouch .ipad_menu > ul > li > ul > li > a:hover, .ipad_menu > ul > li > ul > li > a:focus, .ipad_menu > ul > li > ul > li.active > a, .ipad_menu > ul > li > ul > li[aria-expanded='true'] > a, .ipad_menu > ul > li > ul > li.focus_efekt > a{color: #F8AF00} .ipad_menu > ul > li > ul > li > ul{border-top: 1px solid #d4d4d4; display: none; position: relative; text-align: left; margin: 0; padding: 0 0 0 25px; z-index: 9998; background: #ececec;} .ipad_menu > ul > li[aria-expanded='true'] > ul > li[aria-expanded='true'] > ul{display: block;} .ipad_menu > ul > li > ul > li > ul > li{position: relative; list-style: none; display: block;} .ipad_menu > ul > li > ul > li > ul > li > a{border-top: 1px solid #d4d4d4; position: relative; font-size: 13px; line-height: 44px; font-weight: 400; padding: 0 60px 0px 15px; display: block; text-transform: none; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .ipad_menu > ul > li > ul > li > ul > li:nth-child(1) > a{border-top: 0 !important} .notouch .ipad_menu > ul > li > ul > li > ul > li > a:hover, .ipad_menu > ul > li > ul > li > ul > li > a:focus, .ipad_menu > ul > li > ul > li > ul > li.active > a, .ipad_menu > ul > li > ul > li > ul > li[aria-expanded='true'] > a, .ipad_menu > ul > li > ul > li > ul > li.focus_efekt > a{color: #F8AF00} .ipad_menu ul > li > .icon{background: none; border: 0; cursor: pointer; z-index: 100; display: block; position: absolute; top: 1px; right: 0; height: 44px; width: 45px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .ipad_menu ul > li > .icon::after{position: absolute; height: 32px; width: 1px; top: 50%; left: 0; background: #d4d4d4; content: ""; display: block; -webkit-transform: translateY(-50%) translateZ(0); transform: translateY(-50%) translateZ(0); -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .ipad_menu ul > li:hover > .icon::after, .ipad_menu ul > li > .icon:focus::after, .ipad_menu ul > li.active > .icon::after, .ipad_menu ul > li[aria-expanded='true'] > .icon::after{background: #deeef3;} .ipad_menu ul > li > .icon::before{display: block; width: 100%; height: 100%; content: ""; position: absolute; top: 0; left: 0; background: url(../../img/arrow_black_right.svg) no-repeat scroll center center; background-size: 12px 12px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .ipad_menu ul > li.focus_efekt > .icon::before, .ipad_menu ul > li.open > .icon::before, .ipad_menu ul > li.open > .icon:focus::before, .ipad_menu ul > li.open > .icon:hover::before, .ipad_menu ul > li:focus > .icon::before, .ipad_menu ul > li[aria-expanded='true'] > .icon::before, .notouch .ipad_menu ul > li:hover > .icon::before, .notouch .ipad_menu ul > li.focus_efekt > .icon:hover::before, .notouch .ipad_menu ul > li.open[aria-expanded='true'] > .icon:hover::before, .notouch .ipad_menu ul > li[aria-expanded='true'] > .icon:hover::before{background: url(../../img/arrow_white_right.svg) no-repeat scroll center center; background-size: 12px 12px;} .notouch .ipad_menu ul > li > .icon:hover::before, .ipad_menu ul > li > .icon:focus::before, .ipad_menu ul > li.open.focus_efekt > .icon:focus::before, .notouch .ipad_menu ul > li.open > .icon:hover::before{background: url(../../img/arrow_green_right.svg) no-repeat scroll center center; background-size: 12px 12px;} .ipad_menu ul > li.open > .icon::before{-webkit-transform: rotate(-90deg);transform: rotate(-90deg);} @media screen and (max-width: 1400px) { header .bottom_line a.logo::before{width: 180px; height: 45px; display: block; position: absolute; left: 0; top: 0; background: url(../img/logo.svg) no-repeat scroll center center; background-size: 180px 45px; content: "";} .header_height{height: 120px;} header .bottom_line{padding: 0;} header .bottom_line .box nav ul.menu li{margin: 0 0 0 10px;} header .bottom_line .user ul li{margin: 0 0 0 10px;} header .bottom_line .box nav ul.lang{margin: 0 0 0 20px;} } @media screen and (max-width: 1350px) { header{position: absolute;} header .bottom_line{padding: 10px 0;} header .bottom_line .box nav ul.menu{display: none;} header .open_close_navigation{display: inline-block; vertical-align: middle;} .ipad_menu{display: block;} } @media screen and (max-width: 1024px) { .header_height{height: 120px;} .ipad_menu{padding: 147px 0 0;} } @media screen and (max-width: 750px) { header .bottom_line .box nav ul.lang{display: none;} .ipad_menu ul > li.lang{display: block;} } @media screen and (max-width: 650px) { .header_height{height: 115px;} .ipad_menu{padding: 137px 0 0;} .open_close_navigation::after{display: none;} } @media screen and (max-width: 600px) { .header_height{height: 95px;} .ipad_menu{padding: 125px 0 0;} header .bottom_line a.logo, header .bottom_line a.logo::before{width: 120px; height: 32px; background-size: 120px 32px;} header .bottom_line .box{width: calc(100% - 120px - 10px - 5px); margin: 0 0 0 10px;} header .bottom_line .user{margin: 0 0 0 14px; padding: 0 0 0 7px;} header .bottom_line .user .basket{margin: 0; padding: 0 0 0 15px;} header .header_contact .box_upper .contact{display: flex; flex-direction: column;} header .header_contact .box_upper .contact span{margin-bottom: 5px;} } .welcome_0{position: relative; display: block; margin: 0; padding: 80px 0;} .welcome_0 h1{font-size: 40px; padding: 0; letter-spacing: 1px; font-weight: 600; line-height: 50px; text-transform: none;} .welcome_0 h1 strong{font-size: 40px; padding: 0; font-weight: bold; text-transform: uppercase;} .welcome_0 h1 span{display: inline-block;font-size: 40px;text-transform: lowercase;color: #000;} .welcome_0 article{margin: 65px auto 0;} @media screen and (max-width: 1024px) { .welcome_0{padding: 60px 0;} } @media screen and (max-width: 500px) { .welcome_0{padding: 40px 0 20px;} .welcome_0 .inside a{margin-top: 20px; padding: 10px 20px;} } @media screen and (max-width: 1024px) { .welcome_0 h1{font-size: 30px; padding: 0; font-weight: 600; line-height: 30px; text-transform: lowercase;} .welcome_0 h1 strong{font-size: 30px; padding: 0; font-weight: bold; text-transform: uppercase;} .welcome_0 h1 span{display: inline-block;font-size: 30px;text-transform: lowercase;color: #000;} } @media screen and (max-width: 660px){ .welcome_0 h1 {font-size: 30px;} .welcome_0 h1 strong {font-size: 30px;} } @media screen and (max-width: 600px) { .welcome_0 h1{font-size: 20px;} .welcome_0 h1 strong{font-size: 20px;} .welcome_0 h1 span{font-size: 20px;} } @media screen and (max-width: 375px){ .welcome_0 h1{font-size: 13px;} } .main_category{padding: 0 30px; position: relative; z-index: 100; background: #F8AF00; text-align: center; margin: -46px auto 0;} /*.inside_max .side{width: 1px; height: 75%; position: absolute; top: 5%; left: -15%; background: lightgrey; display: flex; flex-direction: column;} .inside_max .side .side_text{font-size: 35px; transform: rotate(-90deg); margin-bottom: 80px; text-transform: uppercase;} */ @media screen and (min-width: 1025px) { #content .inside.hide{display: none;} #content .inside.margin .side {z-index: 10; width: 40px; position: absolute; top: 0; bottom: 0; left: -40px; display: block; margin: 0;} #content .inside.margin .side .side_text {padding: 20px 0 0 0; letter-spacing: 1px; position: absolute; top: 0; font-size: 32px; z-index: 10; line-height: 40px; text-transform: uppercase; transform: scale(-1); writing-mode: vertical-rl; text-orientation: mixed; white-space: nowrap; font-weight: 600;} #content .inside.margin .side::before{position: absolute; left: 50%; top: 170px; bottom: 20px; background: lightgrey; width: 1px; content: ""; z-index: 0;} .hp #content .inside.margin .side::before{position: absolute; left: 50%; top: 0; bottom: -45px; background: lightgrey; width: 1px; content: ""; z-index: 0;} .hp #content .inside.margin .side .side_text {padding: 20px 0 0 0; background: #f2f2f2; letter-spacing: 1px; position: absolute; top: 0; font-size: 32px; z-index: 10; line-height: 40px; text-transform: uppercase; transform: scale(-1); writing-mode: vertical-rl; text-orientation: mixed; white-space: nowrap; font-weight: 600;} .sub #content .inside.margin .side .side_text {padding: 20px 0 0 0; background: #fff; letter-spacing: 1px; position: absolute; top: 0; font-size: 32px; z-index: 10; line-height: 40px; text-transform: uppercase; transform: scale(-1); writing-mode: vertical-rl; text-orientation: mixed; white-space: nowrap; font-weight: 600;} } @media screen and (max-width: 1024px) { #content .inside.hide{display: block;} #content .inside.margin .side {display: none;} } .side_home{ position: absolute; top: 120px; height: 85%; left: 2%; z-index: 9999; } .side_button { z-index: 1; -webkit-box-sizing: border-box; box-sizing: border-box; position: fixed; top: 50%; right: 8.7%; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); text-transform: uppercase; font-size: 15px; border: 1px solid #F8AF00; background: #F8AF00; border-radius: 45px; padding: 23px 35px 23px 112px; -webkit-transition: 400ms; transition: 400ms; } .side_button span::before { content: ""; display: block; background: url("../img/icon_button.svg") no-repeat; height: 10px; width: 70px; padding: 0 0 14%; -webkit-transform: rotate(90deg); transform: rotate(90deg); position: absolute; left: 25px; } .side_button:hover { background: #fff; border: 1px solid #000; } .row{ z-index: 1; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: rotate(0deg); transform: rotate(0deg); text-transform: uppercase; font-size: 15px; border: 1px solid #F8AF00; background: #F8AF00; border-radius: 45px; padding: 23px 150px 23px 75px; -webkit-transition: 400ms; transition: 400ms; position: relative; top: 80px; left: -20px; display: inline-block; width: 356px !important; } aside.aside_right .row:only-child{ top: 0; } .row span::before{ content: ""; display: block; background: url("../img/icon_button.svg") no-repeat; height: 0px; width: 75px; padding: 0 0 14%; -webkit-transform: rotate(0deg); transform: rotate(0deg); position: absolute; left: 220px; top: 8px; } .row:hover{ background: #fff; border: 1px solid #000; } .side_button.hide{display: none;} @media screen and (max-width: 3440px) and (min-width: 3200px) { .side_button { right: 19.3%; } } @media screen and (max-width: 2300px) { .side_button { right: 4%; } .side_button.detail_button { right: 45px; } } @media screen and (max-width: 1990px) { .side_button { right: -3%; } .side_button.detail_button { right: 45px; } } @media screen and (max-width: 1800px) { .side_button { right: -4%; } } @media screen and (max-width: 1750px) { .absolute_text h2{left: -13%;} } @media screen and (max-width: 1600px) { .side_line{display: none;} } @media screen and (max-width: 1570px) { .aside_text { display: none; } .side_button { display: none; } .side_button.detail_button { right: 45px; display: block; } } @media screen and (max-width: 1440px) { .side_button.detail_button { display: none; } .row{display: none;} } .welcome_1{position: relative; display: block; margin: 0; padding: 80px 0; background: #f2f2f2; width: 98%; margin: 0 auto 20px;} .welcome_1 .inside{max-width: 100%} @media screen and (max-width: 1024px) { .welcome_1{padding: 60px 0;} } @media screen and (max-width: 500px) { .welcome_1{padding: 40px 0;} } .welcome_2{display: block; position: relative; width: 100%; text-align: center;} .welcome_2 .box{width: calc(50% - 40px); margin: 0 40px 0 0; float: left; position: relative; text-align: left;} .welcome_2 .box:only-child{float: none; display: inline-block;} .welcome_2 .box h2{margin: 0px 0 20px 100px; padding: 0; font-size: 18px; line-height: 24px; color: #000000; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; text-align: left; position: relative; z-index: 0;} .welcome_2 .box a.all{position: absolute; right: 0; top: -6px;} .welcome_2 .box .product_slider{display: block;} .welcome_2 .box .product_slider .item{display: block; position: relative; margin: 0 0 0 100px;} .welcome_2 .box .product_slider1 .item{border: 8px solid #0d6990;} .welcome_2 .box .product_slider2 .item{border: 8px solid #53ac36;} .welcome_2 .box .product_slider .item::before{position: absolute; left: -9px; top: 30px; bottom: 30px; background: #ffffff; display: block; content: ""; width: 10px; z-index: 0;} .welcome_2 .box .product_slider .item .img{width: 190px; position: absolute; top: 50px; bottom: 50px; left: -99px; margin: 0; display: block; background-repeat: no-repeat; background-position: center center; -webkit-background-size: contain; background-size: contain;} .welcome_2 .box .product_slider .item .box{margin: 0; float: none; display: table; height: 340px; width: 100%;} .welcome_2 .box .product_slider .item .box .centering{display: table-cell; vertical-align: middle;} .welcome_2 .box .product_slider .item .box .centering .text{padding: 30px 30px 30px 130px; display: block;} .welcome_2 .box .product_slider .item .box .centering .text h3{overflow: hidden; max-height: 44px; margin: 0 0 5px; font-size: 16px; line-height: 22px; color: #000000; font-weight: 600; letter-spacing: 1px;} .welcome_2 .box .product_slider .item .box .centering .text h3 a{margin: 0; font-size: 16px; line-height: 22px; color: #000000; font-weight: 600; letter-spacing: 1px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .welcome_2 .box .product_slider1 .item.hover_efekt .box .centering .text h3 a{color: #0d6990;} .notouch .welcome_2 .box .product_slider2 .item.hover_efekt .box .centering .text h3 a{color: #53ac36;} .welcome_2 .box .product_slider .item .box .centering .text .top{display: block; font-size: 13px; line-height: 18px; color: #666666; font-weight: 400; text-align: left; margin: 0 0 20px;} .welcome_2 .box .product_slider .item .box .centering .text .top strong{font-size: 13px; line-height: 18px; color: #000000; font-weight: 500; text-align: left;} .welcome_2 .box .product_slider .item .box .centering .text .text_box{max-height: 64px; overflow: hidden; margin: 0 0 20px;} .welcome_2 .box .product_slider .item .box .centering .text .price{width: 100%; display: block; margin: 0 0 20px;} .welcome_2 .box .product_slider .item .box .centering .text .price .discount{display: block; font-size: 13px; line-height: 14px; color: #9d9d9d; font-weight: 400; text-align: left; text-decoration: line-through} .welcome_2 .box .product_slider .item .box .centering .text .price .discount label{font-size: 12px; line-height: 12px; color: #acacac; font-weight: 400; text-align: left;} .welcome_2 .box .product_slider .item .box .centering .text .price .main{display: block; font-size: 22px; line-height: 22px; color: #000000; font-weight: 700; text-align: left;} .welcome_2 .box .product_slider .item .box .centering .text .price .main label{font-size: 14px; line-height: 14px; color: #000000; font-weight: 400; text-align: left;} .welcome_2 .box .product_slider .item .box .centering .text form{float: right; margin: -4px 0 0;} .welcome_2 .box .product_slider .item .box .centering .text form .first{display: inline-block; vertical-align: middle; text-align: center; padding: 6px 15px; background: rgba(83,172,54,0.1);} .welcome_2 .box .product_slider1 .item .box .centering .text form .first{background: rgba(13,105,144,0.1);} .welcome_2 .box .product_slider2 .item .box .centering .text form .first{background: rgba(83,172,54,0.1);} .welcome_2 .box .product_slider .item .box .centering .text form .first a.decrement{width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin: 0; position: relative;} .welcome_2 .box .product_slider .item .box .centering .text form .first a.increment{width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin: 0; position: relative;} .welcome_2 .box .product_slider1 .item .box .centering .text form .first a.decrement::before{opacity: 1; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 20px; height: 20px; content: ""; background: url(../img/minus_blue.svg) no-repeat scroll center center; background-size: 26px 26px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .welcome_2 .box .product_slider1 .item .box .centering .text form .first a.increment::before{opacity: 1; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 20px; height: 20px; content: ""; background: url(../img/plus_blue.svg) no-repeat scroll center center; background-size: 26px 26px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .welcome_2 .box .product_slider2 .item .box .centering .text form .first a.decrement::before{opacity: 1; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 20px; height: 20px; content: ""; background: url(../img/minus_green.svg) no-repeat scroll center center; background-size: 26px 26px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .welcome_2 .box .product_slider2 .item .box .centering .text form .first a.increment::before{opacity: 1; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 20px; height: 20px; content: ""; background: url(../img/plus_green.svg) no-repeat scroll center center; background-size: 26px 26px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .welcome_2 .box .product_slider .item .box .centering .text form .first a.decrement::after{opacity: 0; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 20px; height: 20px; content: ""; background: url(../img/minus_white.svg) no-repeat scroll center center; background-size: 26px 26px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .welcome_2 .box .product_slider .item .box .centering .text form .first a.increment::after{opacity: 0; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 20px; height: 20px; content: ""; background: url(../img/plus_white.svg) no-repeat scroll center center; background-size: 26px 26px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .welcome_2 .box .product_slider1 .item .box .centering .text form .first a.decrement:hover::before, .notouch .welcome_2 .box .product_slider1 .item .box .centering .text form .first a.increment:hover::before{background-color: #0d6990; opacity: 0;} .notouch .welcome_2 .box .product_slider1 .item .box .centering .text form .first a.decrement:hover::after, .notouch .welcome_2 .box .product_slider1 .item .box .centering .text form .first a.increment:hover::after{background-color: #0d6990; opacity: 1;} .notouch .welcome_2 .box .product_slider2 .item .box .centering .text form .first a.decrement:hover::before, .notouch .welcome_2 .box .product_slider2 .item .box .centering .text form .first a.increment:hover::before{background-color: #53ac36; opacity: 0;} .notouch .welcome_2 .box .product_slider2 .item .box .centering .text form .first a.decrement:hover::after, .notouch .welcome_2 .box .product_slider2 .item .box .centering .text form .first a.increment:hover::after{background-color: #53ac36; opacity: 1;} .welcome_2 .box .product_slider .item .box .centering .text form .first input[type=text]{position: relative; font-size: 13px; line-height: 20px; padding: 6px 0; width: 40px; font-weight: 400; text-align: center; display: inline-block; vertical-align: middle; background: transparent; border: 0; font-weight: 700; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_2 .box .product_slider1 .item .box .centering .text form .first input[type=text]{color: #0d6990;} .welcome_2 .box .product_slider2 .item .box .centering .text form .first input[type=text]{color: #53ac36;} .welcome_2 .box .product_slider .item .box .centering .text form .btn.typ_7, .welcome_2 .box .product_slider .item .box .centering .text form .btn.typ_9{padding: 21px;} .welcome_2 .box .product_slider .item .box .centering .text form .btn.typ_7::before, .welcome_2 .box .product_slider .item .box .centering .text form .btn.typ_9::before, .welcome_2 .box .product_slider .item .box .centering .text form .btn.typ_7::after, .welcome_2 .box .product_slider .item .box .centering .text form .btn.typ_9::after{right: calc(50% - 17px)} .welcome_2 .box .product_slider.owl-carousel .owl-controls .owl-pagination { text-align: center; position: absolute; bottom: -20px; margin: 0 0 0 100px; width: calc(100% - 100px); left: 0; right: 0; min-height: 0; z-index: 990; } .welcome_2 .box .product_slider.owl-carousel .owl-controls .owl-pagination .owl-page { counter-increment: item; display: inline-block; zoom: 1; *disply: inline; vertical-align: middle; margin: 0;} .welcome_2 .box .product_slider.owl-carousel .owl-controls .owl-pagination .owl-page span { position: relative; width: 12px; height: 12px; background: transparent; display: block; b-webkit-border-radius: 30px; border-radius: 30px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_2 .box .product_slider1.owl-carousel .owl-controls .owl-pagination .owl-page span { border: 1px solid #0d6990;} .welcome_2 .box .product_slider1.owl-carousel .owl-controls .owl-pagination .owl-page.active span, .notouch .welcome_2 .box .product_slider1.owl-carousel .owl-controls .owl-pagination .owl-page:hover span { background: #0d6990;} .welcome_2 .box .product_slider2.owl-carousel .owl-controls .owl-pagination .owl-page span { border: 1px solid #53ac36;} .welcome_2 .box .product_slider2.owl-carousel .owl-controls .owl-pagination .owl-page.active span, .notouch .welcome_2 .box .product_slider2.owl-carousel .owl-controls .owl-pagination .owl-page:hover span { background: #53ac36;} @media screen and (max-width: 1400px) { .welcome_2 .box:nth-child(1){margin: 0 40px 0 0;} .welcome_2 .box:nth-child(2){margin: 0 0 0 40px;} .welcome_2 .box h2{margin-left: 0;} .welcome_2 .box .product_slider .item{margin: 0;} .welcome_2 .box .product_slider .item::before{display: none;} .welcome_2 .box .product_slider .item .img{display: none;} .welcome_2 .box .product_slider .item .box .centering .text{padding: 30px;} } @media screen and (max-width: 1200px) { .welcome_2 .box{width: calc(50% - 20px)} .welcome_2 .box:nth-child(1){margin: 0 20px 0 0;} .welcome_2 .box:nth-child(2){margin: 0 0 0 20px;} .welcome_2 .box .product_slider .item .box{height: 330px;} } @media screen and (max-width: 900px) { .welcome_2 .box{width: 100%; max-width: 600px; float: none;} .welcome_2 .box:nth-child(1){margin: 0 auto;} .welcome_2 .box:nth-child(2){margin: 60px auto 0;} .welcome_2 .box .product_slider .item .box{height: 330px;} } @media screen and (max-width: 450px) { .welcome_2 .box .product_slider .item .box{height: 300px;} .welcome_2 .box .product_slider .item .box .centering .text{padding: 15px;} } @media screen and (max-width: 400px) { .welcome_2 .box h2{font-size: 16px;} .welcome_2 .box .product_slider .item .box .centering .text .price{margin: 0 0 10px;} .welcome_2 .box .product_slider .item .box .centering .text .btn.typ_8, .welcome_2 .box .product_slider .item .box .centering .text .btn.typ_10{margin: 0 0 10px;} .welcome_2 .box .product_slider .item .box .centering .text form{float: none; display: block; width: 100%; margin: 0;} } .welcome_3{display: block; position: relative; width: 100%;} .welcome_3 h2{margin: 0px 0 20px; padding: 0; font-size: 18px; line-height: 24px; color: #000000; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; text-align: center;} .welcome_3 h2 span{font-size: 16px; line-height: 24px; color: #999999; font-weight: 400; margin: 0 0 0 10px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .welcome_3 h2 a:hover{color: #53ac36;} .notouch .welcome_3 h2 a:hover span{color: #53ac36;} .welcome_3 h2 a::before{display: block; position: absolute; content: ""; top: calc(50% - 8px); right: 0; width: 16px; height: 16px; background: url(../img/arrow_green_right.svg) no-repeat scroll center center; background-size: 16px 16px;} .welcome_4{display: block; position: relative; width: 100%;} .welcome_4 .item{display: block; float: left; width: calc(50% - 20px / 2);} .welcome_4 .item:nth-child(2n){margin: 0 0 0 20px;} .welcome_4 .item h3{margin: 0 0 10px; padding: 0; font-size: 18px; line-height: 24px; color: #000000; font-weight: 600; text-transform: uppercase; letter-spacing: 1px;} .welcome_4 .item .box{height: 300px; display: table; width: calc(100% - 16px); border: 8px solid #509b34; position: relative;} .welcome_4 .item .box.video{border: 8px solid #efefef; background: #efefef;} .welcome_4 .item .box.video .img{position: absolute; top: 15px; right: 15px; bottom: 15px; left: 15px; display: block; z-index: 0; background-attachment: local; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; transition-property: background-position;} .welcome_4 .item .box.video .img::before{opacity: 0.35; position: absolute; top: 0; right: 0; left: 0; bottom: 0; content: ""; background: #0d6990; content: ""; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .welcome_4 .item .box.video:hover .img::before{opacity: 0.7;} .welcome_4 .item .box .centering{display: table-cell; vertical-align: middle; text-align: center;} .welcome_4 .item .box .centering .title{display: block; margin: 0 0 20px; font-size: 16px; line-height: 24px; color: #000000; font-weight: 600; letter-spacing: 1px;} .welcome_4 .item .box .centering p.gdpr{display: block; margin: 0; padding: 0; font-size: 14px; line-height: 22px; color: #808080; font-weight: 400; text-align: center;} .welcome_4 .item .box .centering p.gdpr a{font-size: 14px; line-height: 22px; color: #000000; font-weight: 400; text-decoration: underline; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .welcome_4 .item .box .centering p.gdpr a:hover{color: #53ac36} .welcome_4 .item .box .centering input[type=text]{text-align: center; position: relative; margin-bottom: 8px; font-size: 13px; line-height: 20px; color: #000000; padding: 12px 15px; border: 1px solid #efefef; background: #efefef; max-width: 400px; width: calc(84% - 32px); font-weight: 400; position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_4 .item .box .centering input[type=text]:focus{border: 1px solid #53ac36;} .welcome_4 .item .box.video .abs{font-size: 18px; line-height: 24px; color: #ffffff; font-weight: 400; padding: 100px 0 0; text-align: center; text-transform: uppercase; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0); transform: translateX(-50%) translateY(-50%) translateZ(0); -webkit-transition: all 400ms ease; transition: all 400ms ease; } .welcome_4 .item .box.video .abs::before{opacity: 1; position: absolute; left: 50%; top: 0; width: 84px; height: 84px; background: url(../img/play.svg) no-repeat scroll center center; background-size: 84px 84px; content: ""; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_4 .item .box.video .abs::after{opacity: 0; position: absolute; left: 50%; top: 0; width: 84px; height: 84px; background: url(../img/play_hover.svg) no-repeat scroll center center; background-size: 84px 84px; content: ""; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 400ms ease; transition: all 400ms ease;} /*.notouch .welcome_4 .item .box.video .abs:hover::before{opacity: 0;} .notouch .welcome_4 .item .box.video .abs:hover::after{opacity: 1;} */ @media screen and (max-width: 1200px) { .welcome_4 .item{float: none; width: 100%; max-width: 710px; margin: 0 auto;} .welcome_4 .item:nth-child(2n){margin: 20px auto 0;} } @media screen and (max-width: 600px) { .welcome_4 .item .box.video{height: 0; padding: 0 0 55%; border: 5px solid #efefef; } .welcome_4 .item .box.video .img{top: 5px; right: 5px; bottom: 5px; left: 5px; } .welcome_4 .item .box.video .abs{font-size: 14px; line-height: 20px; padding: 70px 0 0;} .welcome_4 .item .box.video .abs::before{width: 60px; height: 60px; background-size: 60px 60px;} .welcome_4 .item .box.video .abs::after{width: 60px; height: 60px; background-size: 60px 60px;} .welcome_4 .item .box{height: initial; height: auto; display: block; width: calc(100% - 10px); border: 5px solid #509b34;} .welcome_4 .item .box .centering{display: block; padding: 30px 20px;} .welcome_4 .item .box .centering .title{margin: 0 0 10px; font-size: 14px; line-height: 20px;} .welcome_4 .item .box .centering p.gdpr, .welcome_4 .item .box .centering p.gdpr a{font-size: 12px; line-height: 18px;} .welcome_4 .item .box .centering input[type=text]{margin-bottom: 8px; font-size: 12px; line-height: 18px; padding: 10px 15px; width: calc(100% - 32px);} } #content{background: #ffffff; padding: 0; position: relative;} #content > .relative{padding: 0 5%;} #content .inside .inside{padding-left: 0; padding-right: 0; width: 98%; max-width: 100%;} #content .inside{margin: 70px auto 40px;} #content .inside.margin{margin: 0 auto 20px;} #content .inside:last-of-type, #content .inside.nomargin{margin: 0 auto;} #content #page_hash{padding: 0; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease;} @media screen and (max-width: 1660px){ #content .inside .inside{width: 100%;} } aside{display: inline-block; vertical-align: top; width: 315px; padding: 0; margin: 0 0 50px;} aside.aside_right{margin-left: 100px; position: relative; top: -30px; display: inline-block; vertical-align: top; padding: 0 20px 0;} aside.aside_right.bg{background: #f2f2f2;} aside.aside_left{margin-right: 100px;} aside.aside_left::before{position: absolute; left: 0; top: 0; bottom: 100px; background: lightgrey; width: 1px; content: ""; display: block;} aside.aside_right article{margin: 20px 0;} aside.aside_right h3{margin-top: 0;} aside.aside_right .top{padding: 30px 0 0;} aside.aside_right .top hr{margin-top: 10px;} aside.aside_right .inside .file_list{margin-top: 20px;} aside.aside_right .inside hr{margin-top: 10px;} aside.aside_right .bottom{padding: 60px 0px 0px;} aside.aside_right .bottom:first-child{margin-top: 0; padding-top: 30px;} aisde.aside_right .bottom{position: absolute; right: 0; top: 160px; margin-left: 0 !important;} aside ul{margin-left: -15px;} aside ul li{list-style-type: none; margin-bottom: 10px; color: grey; text-transform: uppercase; -webkit-transition: all 400ms ease; transition: all 400ms ease;} aside ul li a{list-style-type: none; font-size: 13px; margin-bottom: 10px; text-transform: uppercase; -webkit-transition: all 400ms ease; transition: all 400ms ease;} aside ul li a:hover{color: #000; font-weight: 600;} aside.aside_left ul li.active{color: #000; font-weight: 600;} aside.aside_left ul li.active::before{content: ""; display: inline-block; color: #333; background: lightgrey; position: relative; top: -4px; left: -25px; width: 50px; height: 1px; opacity: 1; -webkit-transition: all 400ms ease; transition: all 400ms ease;} aside.aside_left ul li:hover{margin-left: 10px;} .aside_right .bottom p {display: -webkit-box;display: -ms-flexbox;display: flex;width: 60%;} .aside_right .bottom p img{width: 20px; margin: initial; margin-right: 20px;} @media screen and (max-width: 1600px) { aside.aside_left{margin-right: 80px;} aside.aside_right{margin-left: 120px;} } .c_column{width: calc(100% - 207px); padding: 0 0 50px; position: relative; float: right; display: block;} .c_column.full{width: 100%; float: none;} .hp .c_column.full{padding: 0;} .c_column.special{float: none; display: inline-block; vertical-align: top; width: calc(100% - 400px - 475px);} @media screen and (max-width: 1440px) { .c_column.special{width: 100%;} aside.aside_left{display: none;} aside.aside_right .file_list{margin-top: 25px;} aside.aside_right{width: 96.5%; margin-left: 0;} } @media screen and (max-width: 1130px) { .c_column.special{width: 100%;} } @media screen and (max-width: 1024px) { .c_column{width: 100%; padding: 0 0 40px;} } @media screen and (max-width: 700px) { aside.aside_right{width: 93.5%;} } @media screen and (max-width: 500px) { aside.aside_right{width: 85%;} } .container{min-height: 500px; margin: 0 auto;} .container .inside { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .container .item { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .container .item .img_width{width: 100%;} .container .item .img_width .img_in{background: url("../img/banner.png") no-repeat center center/cover; padding: 0 0 32%;} .container .item .bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 70%; } .sorting{background: #efefef; margin: 0 0 30px; text-align: left; padding: 20px; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease;} .container.opacity .sorting{opacity: 0.4;} .container.opacity #page_hash{opacity: 0.4;} .sorting .item{position: relative; display: inline-block; vertical-align: top; white-space: nowrap; margin: 0 10px; width: calc(25% - 80px / 4 - 4px);} .sorting .item.small{width: initial; width: auto; margin: 0 30px 0 10px;} .sorting .item.full{width: initial; width: auto; display: block; margin: 0 13px 0 10px; z-index: 0;} .sorting .item span.text{display: block; font-size: 13px; line-height: 20px; color: #808080; font-weight: 400; display: block; margin: 0;} .sorting .item span.inline{display: inline-block; vertical-align: middle; margin: 15px 5px 15px 0;} .sorting .item a.sort{position: relative; margin-right: 2px; width: 23px; text-align: center; border: 1px solid #c9c9c9; font-size: 14px; line-height: 23px; color: #c9c9c9; text-transform: uppercase; font-weight: 400; display: inline-block; vertical-align: middle; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .sorting .item a.sort:hover, .sorting .item a.sort.active{background-color: #000000; border: 1px solid #000000; color: #ffffff;} .sorting .item a.sort.arrow::before{opacity: 1; content: ""; display: block; width: 23px; height: 23px; position: absolute; top: 0; left: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .sorting .item a.sort.arrow::after{opacity: 0; content: ""; display: block; width: 23px; height: 23px; position: absolute; top: 0; left: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .sorting .item a.sort.arrow:hover::before, .sorting .item a.sort.arrow.active::before{opacity: 0;} .notouch .sorting .item a.sort.arrow:hover::after, .sorting .item a.sort.arrow.active::after{opacity: 1;} .sorting .item a.sort.arrow.up::before{background: url(../img/sorting_arrow_up.svg) no-repeat scroll center center; background-size: 11px auto;} .sorting .item a.sort.arrow.up::after{background: url(../img/sorting_arrow_up_active.svg) no-repeat scroll center center; background-size: 11px auto;} .sorting .item a.sort.arrow.down::before{background: url(../img/sorting_arrow_down.svg) no-repeat scroll center center; background-size: 11px auto;} .sorting .item a.sort.arrow.down::after{background: url(../img/sorting_arrow_down_active.svg) no-repeat scroll center center; background-size: 11px auto;} .sorting .item .sbHolder{position: relative; background: #ffffff; width: calc(100% - 2px); margin: 0; height: 29px; border: 1px solid #e0dfdf; } .sorting .item .sbHolder .sbToggle{margin: 0; background: url(../img/select_arrow.svg) no-repeat scroll center center; background-size: 16px 16px; right: 0; top: 0; bottom: 0; height: 100%; width: 29px; border-left: 1px solid #e0dfdf;} .sorting .item .sbHolder .sbToggle.sbToggleOpen{background: url(../img/select_arrow_reverse.svg) no-repeat scroll center center; background-size: 16px 16px; } .sorting .item .sbHolder a.sbSelector{margin: 0; display: block; color: #000 !important; font-size: 12px; line-height: 29px; padding: 0 45px 0 15px; font-weight: 700; width: calc(100% - 60px); text-align: left; text-decoration: none;} .sorting .item .sbOptions{max-height: 500px !important; z-index: 999; top: 100% !important; background: #ffffff; padding: 0; left: -1px; right: -1px;} .sorting .item .sbOptions a{text-decoration: none; border: 1px solid #e0dfdf; border-top: 0; height: auto; background: #fff !important; display: block; text-align: left; padding: 0 15px; font-size: 12px; line-height: 28px; margin: 0; font-weight: 600; color: #000 !important; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .sorting .item .sbOptions li:first-child a{border-top: 1px solid #e0dfdf;} .notouch .sorting .item .sbOptions a:hover{background: #f0f0f0 !important;} .sorting .item .range_slider .slider_range_bg{padding: 0; margin: 0;} .sorting .item .range_slider .left_value, .sorting .item .range_slider .right_value{position: relative; margin: 0 30px 0 0; display: inline-block; vertical-align: middle;} .sorting .item .range_slider .left_value{margin: 0 30px 0 0;} .sorting .item .range_slider .right_value{margin: 0 0 0 30px;} .sorting .item .range_slider input{background: #ffffff; border: 1px solid #e0dfdf; width: 80px; text-align: center; font-size: 13px; line-height: 36px; height: 36px; font-weight: 600; position: relative; z-index: 0; padding: 0; margin: 0; display: block;} .sorting .filter_btn{position: relative; cursor: pointer; padding: 6px 15px 6px 6px; background: transparent; display: inline-block; vertical-align: middle; margin: 2px 5px 2px 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .sorting .filter_btn.disabled{pointer-events: none; cursor: default; opacity: 0.4;} .sorting .filter_btn.disabled::before{position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; display: block;} .sorting .filter_btn.active{background: #53ac36; color: #ffffff;} .sorting .filter_btn .text{display: inline-block; vertical-align: middle; font-size: 12px; line-height: 21px; font-weight: 500; text-align: left; padding: 0 0 0 4px; letter-spacing: 0.5px} .sorting .sep{border-top: 1px solid #e4e4e4; margin: 14px 0;} .sorting .sep:nth-child(1){display: none;} #snippet--sortingList > input{margin: 0 !important} .hide_filter_box {display:none;} .filter_box{border: 1px solid #efefef; position: relative; display: block; margin: 0 0 30px; padding: 20px 30px 16px;} .filter_box .title{position: absolute; left: 20px; top: -10px; margin: 0; font-size: 13px; line-height: 20px; background: #ffffff; padding: 0 20px; text-transform: uppercase;} .filter_box .range_slider .slider_range_bg{padding: 0; margin: 0;} .filter_box .range_slider .ui-slider-horizontal, .filter_box .range_slider #slider_range{display: inline-block; vertical-align: middle; width: calc(100% - 235px)!important;} .filter_box .range_slider .left_value, .filter_box .range_slider .right_value{position: relative; margin: 0 30px 0 0; display: inline-block; vertical-align: middle;} .filter_box .range_slider .left_value{margin: 0 30px 0 0;} .filter_box .range_slider .right_value{margin: 0 0 0 30px;} .filter_box .range_slider input{background: #ffffff; border: 1px solid #efefef; width: 80px; text-align: center; font-size: 13px; line-height: 33px; height: 33px; font-weight: 400; position: relative; z-index: 0; padding: 0; margin: 0; display: block;} .filter_box .range_slider input[readonly]{background: #efefef; border: 1px solid #eaeaea; color: #adadad;} .filter_box .filter_btn{cursor: pointer; padding: 6px 15px 6px 6px; background: #ffffff; display: inline-block; vertical-align: middle; margin: 0 5px 4px 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .filter_box .filter_btn .text{display: inline-block; vertical-align: middle; font-size: 13px; line-height: 21px; font-weight: 500; text-align: left; padding: 0 0 0 4px; letter-spacing: 0.5;} .filter_box .filter_btn.active{background: #53ac36; color: #ffffff;} .sort_tabs{width: 100%; position: relative; display: block; text-align: left; padding: 0;} .sort_tabs ul{margin: 0; padding: 0; border-bottom: 1px solid #efefef; text-align: left;} .sort_tabs ul li{list-style: none; display: inline-block; vertical-align: top; margin: 0 3px;} .sort_tabs ul li a{margin: 0 0 -1px; display: block; font-size: 12px; line-height: 40px; text-align: center; padding: 0 40px; font-weight: 500; text-transform: uppercase; border: 1px solid #efefef; background: #efefef; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .sort_tabs ul li a:hover{background: #ffffff;} .sort_tabs ul li.active a{border-bottom: 1px solid #ffffff; background: #ffffff; color: #53ac36;} @media screen and (max-width: 1500px) { .sorting .item{width: calc(33.33% - 60px / 3 - 4px); margin: 0 10px 10px} } @media screen and (max-width: 1200px) { .sorting .item{width: calc(50% - 40px / 2 - 4px); margin: 0 10px 10px} } @media screen and (max-width: 650px) { .sort_tabs ul li a{padding: 0 15px; text-transform: none; line-height: 32px;} } @media screen and (max-width: 600px) { .sorting{padding: 10px;} .sorting .item{width: 100%; margin: 0 0 10px; display: block;} .sorting .item.small{width: initial; width: auto; margin: 0 20px 0 0; display: inline-block;} .sorting .item span.inline{margin: 5px 5px 5px 0;} .sorting .item.full{margin: 10px 0 0 0; width: 100%;} .sorting #slider_range{position: absolute; left: 0; right: 0; top: 30px; width: 95% !important; display: block; z-index: 10; } .sorting .item .range_slider .left_value{margin: 40px 10px 0 0; z-index: 0; float: left;} .sorting .item .range_slider .right_value{margin: 40px 0 0 10px; float: right;} } @media screen and (max-width: 500px) { .sorting{margin: 0 0 20px;} .filter_box{margin: 0 0 20px; padding: 20px 20px 16px;} .filter_box .title{padding: 0 10px;} .filter_box .range_slider .slider_range_bg{height: 70px;} .filter_box .range_slider #slider_range{width: calc(100% - 60px)!important; position: absolute; left: 20px; right: 20px; top: 75px; display: block; z-index: 10; } .filter_box .range_slider .left_value{margin: 0; z-index: 0; float: left;} .filter_box .range_slider .right_value{margin: 0; z-index: 0; float: right;} .sort_tabs ul li a{padding: 0 12px; line-height: 30px;} } @media screen and (max-width: 450px) { .sorting .item.small{width: 100%; margin: 0; display: block;} } #snippet--productsArea{padding: 0 !important; min-height: 0;} #snippet--productsList{-webkit-transition: opacity 400ms ease; transition: opacity 400ms ease;} .product_list{width: 100%; display: block;} .product_list .item{text-align: center; position: relative; display: inline-block; vertical-align: top; width: calc(25% - 60px / 4 - 4px); margin: 40px 0 0; background: #ffffff; box-shadow: 0 0 5px -2px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 5px -2px rgba(0,0,0,0.5); -webkit-transition: all 400ms ease; transition: all 400ms ease;} .product_list .item:nth-child(4n - 1){margin: 40px 20px 0;} .product_list .item:nth-child(4n - 2){margin: 40px 0 0 20px;} .product_list .item:nth-child(-n + 4){margin-top: 0;} .notouch .product_list .item:hover{box-shadow: 4px 4px 20px -3px rgba(0,0,0,0.6); -webkit-box-shadow: 4px 4px 20px -3px rgba(0,0,0,0.6);} .product_list .item .top{padding: 10px 20px; display: block; text-align: left; border-bottom: 1px solid #efefef;} .product_list .item .top .code{float: left; display: block; font-size: 13px; line-height: 18px; color: #666666; font-weight: 400; text-align: left;} .product_list .item .top .code strong{font-size: 13px; line-height: 18px; color: #000000; font-weight: 400; text-align: left;} .product_list .item .top .warehouse{float: right; display: block; font-size: 13px; line-height: 18px; color: #666666; font-weight: 400;} .product_list .item .top .warehouse strong{font-size: 13px; line-height: 18px; color: #000000; font-weight: 400; text-align: left;} .product_list .item .top .warehouse.green{background: url(../img/correct.svg) no-repeat scroll left center; background-size: 15px 15px; padding: 0 0 0 15px;} .product_list .item .top .warehouse.red{color: #ff0000; background: url(../img/false.svg) no-repeat scroll left center; background-size: 15px 15px; padding: 0 0 0 15px;} .product_list .item h3{text-align: left; padding: 0; margin: 0; font-size: 13px; line-height: 20px; color: #000000; display: block; height: 50px; overflow: hidden; position: relative;} .product_list .item h3 a{padding: 10px 20px 0; font-size: 13px; line-height: 20px; color: #000000; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .product_list .item h3 a span{display: none;} .product_list .item .img{background-color: #ffffff; width: 100%; position: relative; height: 260px; margin: 20px 0; display: block; background-repeat: no-repeat; background-position: center center; -webkit-background-size: contain; background-size: contain;} .product_list .item .img .flag_box{position: absolute; top: 15px; width: 58px;} .product_list .item .img .flag_box:empty{display: none;} .product_list .item .img .flag_box.first{left: 15px;} .product_list .item .img .flag_box > span{width: 58px; height: 58px; display: table; margin: 0 0 -10px; -webkit-border-radius: 30px; border-radius: 30px;} .product_list .item .img .flag_box > span.red{background: #a81422;} .product_list .item .img .flag_box > span.orange{background: #f27d08;} .product_list .item .img .flag_box > span.green{background: #53ac36;} .product_list .item .img .flag_box > span.yellow{background: #ead419;} .product_list .item .img .flag_box > span span{width: 100%; display: table-cell; vertical-align: middle; text-align: center; font-size: 10px; line-height: 12px; color: #ffffff; text-transform: uppercase; font-weight: 500; letter-spacing: 0.5px;} .product_list .item .bottom{padding: 15px 25px; display: block; text-align: center; background: #efefef;} .product_list .item .bottom .price{width: calc(100% - 127px); display: inline-block; vertical-align: middle;} .product_list .item .bottom .price.long{width: calc(100% - 127px);} .product_list .item .bottom .price .discount{display: block; font-size: 13px; line-height: 14px; color: #9d9d9d; font-weight: 400; text-align: left; text-decoration: line-through} .product_list .item .bottom .price .discount label{font-size: 12px; line-height: 12px; color: #acacac; font-weight: 400; text-align: left;} .product_list .item .bottom .price .main{display: block; font-size: 22px; line-height: 22px; color: #000000; font-weight: 700; text-align: left;} .product_list .item .bottom .price .main label{font-size: 14px; line-height: 14px; color: #000000; font-weight: 400; text-align: left;} .product_list .item .bottom a.btn{width: 120px; padding-left: 0; padding-right: 0;} .product_list .item .bottom form{display: inline-block; vertical-align: middle; padding: 3px 0;} .product_list .item .bottom form a.decrement{width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin: 0; position: relative;} .product_list .item .bottom form a.decrement::before{opacity: 1; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 20px; height: 20px; content: ""; background: url(../img/minus_black.svg) no-repeat scroll center center; background-size: 22px 22px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .product_list .item .bottom form a.decrement::after{opacity: 0; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 20px; height: 20px; content: ""; background: url(../img/minus_green.svg) no-repeat scroll center center; background-size: 22px 22px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .product_list .item .bottom form a.increment{width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin: 0; position: relative;} .product_list .item .bottom form a.increment::before{opacity: 1; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 20px; height: 20px; content: ""; background: url(../img/plus_black.svg) no-repeat scroll center center; background-size: 22px 22px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .product_list .item .bottom form a.increment::after{opacity: 0; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 20px; height: 20px; content: ""; background: url(../img/plus_green.svg) no-repeat scroll center center; background-size: 22px 22px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .product_list .item .bottom form a.decrement:hover::before, .notouch .product_list .item .bottom form a.increment:hover::before{opacity: 0;} .notouch .product_list .item .bottom form a.decrement:hover::after, .notouch .product_list .item .bottom form a.increment:hover::after{opacity: 1;} .product_list .item .bottom form input[type=text]{position: relative; font-size: 13px; line-height: 20px; color: #000000; padding: 7px 0; width: 34px; font-weight: 400; text-align: center; display: inline-block; vertical-align: middle; background: #ffffff; border: 1px solid #ffffff; color: #000000; font-weight: 700; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .product_list .item .bottom form button{-webkit-border-radius: 0; border-radius: 0; padding: 0; z-index: 999; cursor: pointer; width: 36px; height: 36px; border: 1px solid #53ac36; position: relative; display: inline-block; vertical-align: middle; background: #53ac36; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .product_list .item .bottom form button::before{content: ""; width: 34px; height: 34px; display: block; position: absolute; top: 0; left: 0; background: url(../img/basket_white.svg) no-repeat scroll center center; background-size: 20px 20px; opacity: 1; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .product_list .item .bottom form button:hover{background: #000000; border: 1px solid #000000;} .related h2{font-size: 16px; line-height: 22px; color: #000000; font-weight: 600; text-align: left; margin: 0 0 20px; padding: 0; text-transform: uppercase; position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .visited h2{margin: 40px 0 20px; padding: 0; font-size: 18px; line-height: 24px; color: #000000; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; text-align: center;} @media screen and (max-width: 1870px) { .product_list .item{width: calc(33.33% - 40px / 3 - 4px); margin: 40px 0 0;} .hp .product_list .item:nth-child(4){display: none;} .product_list .item:nth-child(4n - 1){margin: 40px 0 0;} .product_list .item:nth-child(4n - 2){margin: 40px 0 0;} .product_list .item:nth-child(-n + 4){margin-top: 40px;} .product_list .item:nth-child(3n - 1){margin: 40px 20px 0;} .product_list .item:nth-child(-n + 3){margin-top: 0;} } @media screen and (max-width: 1430px) and (min-width: 1080px) { .product_list .item{width: calc(50% - 20px / 2 - 4px); margin: 30px 0 0;} .hp .product_list .item:nth-child(3){display: none;} .product_list .item:nth-child(4n - 1){margin: 30px 0 0;} .product_list .item:nth-child(4n - 2){margin: 30px 0 0;} .product_list .item:nth-child(-n + 4){margin-top: 30px;} .product_list .item:nth-child(3n - 1){margin: 30px 0 0;} .product_list .item:nth-child(-n + 3){margin-top: 30px;} .product_list .item:nth-child(2n){margin: 30px 0 0 20px;} .product_list .item:nth-child(-n + 2){margin-top: 0;} } @media screen and (max-width: 1080px) { .product_list .item{width: calc(50% - 20px / 2 - 4px); margin: 30px 0 0;} .hp .product_list .item:nth-child(3){display: none;} .product_list .item:nth-child(4n - 1){margin: 30px 0 0;} .product_list .item:nth-child(4n - 2){margin: 30px 0 0;} .product_list .item:nth-child(-n + 4){margin-top: 30px;} .product_list .item:nth-child(3n - 1){margin: 30px 0 0;} .product_list .item:nth-child(-n + 3){margin-top: 30px;} .product_list .item:nth-child(2n){margin: 30px 0 0 20px;} .product_list .item:nth-child(-n + 2){margin-top: 0;} } @media screen and (max-width: 720px) { .product_list .item{width: 100%; margin: 30px 0 0;} .product_list .item:nth-child(4n - 1){margin: 30px 0 0;} .product_list .item:nth-child(4n - 2){margin: 30px 0 0;} .product_list .item:nth-child(-n + 4){margin-top: 30px;} .product_list .item:nth-child(3n - 1){margin: 30px 0 0;} .product_list .item:nth-child(-n + 3){margin-top: 30px;} .product_list .item:nth-child(2n){margin: 30px 0 0;} .product_list .item:nth-child(-n + 2){margin-top: 30px;} .product_list .item:nth-child(1){margin-top: 0;} } .category_bottom{margin: 0; width: 100%;} .load_next_page{margin: 0; display: inline-block; vertical-align: middle; margin: 0 30px 0 0;} .strankovani{padding: 0; margin: 0 auto; display: inline-block; vertical-align: middle;} .strankovani ul{text-align: left; margin: 0; padding: 0;} .strankovani ul li{list-style: none; display: inline-block; margin: 0 5px 0 0 ;} .strankovani ul li a{border: 1px solid #cccdce; background: #fcfcfc; display: block; width: 32px; font-size: 13px; line-height: 32px; padding: 0; text-align: center; color: #000000; font-weight: 700; position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .strankovani ul li a:hover{border: 1px solid #000000;} .strankovani ul li.active a{border: 1px solid #53ac36 !important; background: #53ac36; color: #ffffff;} .strankovani ul li.tecky{font-size: 20px; line-height: 20px; padding-top: 1px; color: #000000; } @media screen and (max-width: 650px) { .load_next_page{display: block; text-align: center; margin: 0;} .strankovani{display: block; text-align: center; margin: 20px 0 0;} .strankovani ul{text-align: center;} .strankovani ul li{margin: 0 1px 0 0 ;} .strankovani ul li a{width: 29px; font-size: 12px; line-height: 29px;} } .wishlist{width: 100%; display: block; text-align: right;} .wishlist .item{text-align: left; position: relative; display: block; margin: -1px 0; padding: 20px 15px; background: #ffffff; border-bottom: 1px solid #c7cdd0; border-top: 1px solid #c7cdd0; font-size: 0; } .wishlist .item.disabled .img, .wishlist .item.disabled .title span, .wishlist .item.disabled .warehouse, .wishlist .item.disabled .price, .wishlist .item.disabled form{opacity: 0.3;} .wishlist .item .img{margin: 0 60px 0 0; padding: 10px; width: 80px; text-align: center; position: relative; display: inline-block; vertical-align: middle; z-index: 0; background: linear-gradient(to right, #c7cdd0 50%, rgba(255, 255, 255, 0) 0%), linear-gradient(#c7cdd0 50%, rgba(255, 255, 255, 0) 0%), linear-gradient(to right, #c7cdd0 50%, rgba(255, 255, 255, 0) 0%), linear-gradient(#c7cdd0 50%, rgba(255, 255, 255, 0) 0%); background-position: top, right, bottom, left; background-repeat: repeat-x, repeat-y; background-size: 7px 2px, 2px 7px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .wishlist .item.hover_efekt .img{background: linear-gradient(to right, #00804c 50%, rgba(255, 255, 255, 0) 0%), linear-gradient(#00804c 50%, rgba(255, 255, 255, 0) 0%), linear-gradient(to right, #00804c 50%, rgba(255, 255, 255, 0) 0%), linear-gradient(#00804c 50%, rgba(255, 255, 255, 0) 0%); background-position: top, right, bottom, left; background-repeat: repeat-x, repeat-y; background-size: 7px 2px, 2px 7px;} .wishlist .item .img .in{display: block; width: 100%; padding: 0 0 100%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: contain; background-size: contain;} .wishlist .item .title{width: calc(100% - 160px - 140px - 222px - 345px - 30px - 60px); margin: 0 60px 0 0; display: inline-block; vertical-align: middle; text-align: left;} .wishlist .item .title strong{background: #ce0505; color: #fff; padding: 5px 10px; -webkit-border-radius: 5px; border-radius: 5px; font-weight: 600; font-size: 14px; line-height: 24px; display: inline-block; text-transform: none; margin: 0 0 5px;} .wishlist .item .title span.main{font-weight: 600; font-size: 16px; line-height: 20px; text-transform: uppercase; text-align: left; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .wishlist .item .title span.code{font-weight: 400; padding: 0; font-size: 13px; line-height: 18px; text-align: left; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .wishlist .item.hover_efekt .title span.main, .notouch .wishlist .item.hover_efekt .title span.code{color: #00804c;} .wishlist .item .title .warehouse{width: 100%; margin: 0; display: none;} .wishlist .item.disabled .title{} .wishlist .item .warehouse{width: 80px; display: inline-block; vertical-align: middle; font-size: 14px; line-height: 18px; color: #666666; font-weight: 600; margin: 0 60px 0 0;} .wishlist .item .warehouse.green{color: #00804c;} .wishlist .item .warehouse.red{color: #ce0505;} .wishlist .item .price{width: 140px; display: inline-block; vertical-align: middle; margin: 0 60px 0 0; padding: 4px 20px 4px 0; border-right: 2px solid #c7cdd0} .wishlist .item.disabled .price{border-right: 2px solid transparent;} .wishlist .item .price .discount{display: block; font-size: 12px; line-height: 16px; font-weight: 400; text-align: left; text-decoration: line-through} .wishlist .item .price .discount span{font-size: 12px; line-height: 16px; font-weight: 400; text-align: left;} .wishlist .item .price .sub{display: block; font-size: 12px; line-height: 16px; font-weight: 400; text-align: left;} .wishlist .item .price .sub span{font-size: 12px; line-height: 16px; font-weight: 400; text-align: left;} .wishlist .item .price .main{display: block; font-size: 20px; line-height: 24px; font-weight: 600; text-align: left;} .wishlist .item .price .main span{font-size: 14px; line-height: 24px; font-weight: 600; text-align: left;} .wishlist .item form{width: 285px; text-align: right; display: inline-block; vertical-align: middle; margin: 0 60px 0 0;} .wishlist .item form .basket{margin: 0; text-align: left; padding: 0; display: inline-block;} .wishlist .item form .basket .first{display: inline-block; vertical-align: middle; text-align: center; padding: 6px 15px; background: #fff; border: 1px solid #e0e6ea; -webkit-border-radius: 20px; border-radius: 20px; margin: 0 20px 0 0;} .wishlist .item form .basket .first a.decrement{width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin: 0; position: relative;} .wishlist .item form .basket .first a.decrement::before{-webkit-border-radius: 20px; border-radius: 20px; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 20px; height: 20px; content: "\002d"; font-size: 14px; line-height: 20px; text-align: center; font-weight: 700; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .wishlist .item form .basket .first a.increment{width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin: 0; position: relative;} .wishlist .item form .basket .first a.increment::before{-webkit-border-radius: 20px; border-radius: 20px; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 20px; height: 20px; content: "\002b"; font-size: 14px; line-height: 20px; text-align: center; font-weight: 700; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .wishlist .item form .basket .first a.decrement:hover::before, .notouch .wishlist .item form .basket .first a.increment:hover::before{background: #f2d11d;} .wishlist .item form .basket .first input[type=text]{position: relative; font-size: 13px; line-height: 20px; padding: 6px 0; width: 40px; font-weight: 400; text-align: center; display: inline-block; vertical-align: middle; background: transparent; border: 0; color: #000000; font-weight: 700; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .wishlist .item .add_remove_wish{margin: 0; z-index: 100; display: inline-block; vertical-align: middle; position: relative; width: 30px; height: 30px;} .wishlist .item .add_remove_wish::before{opacity: 1; background: url(../img/wish_remove_grey.svg) no-repeat scroll center center; background-size: 30px 30px; position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .wishlist .item .add_remove_wish::after{opacity: 0; background: url(../img/wish_remove_green.svg) no-repeat scroll center center; background-size: 30px 30px; position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .wishlist .item .add_remove_wish:hover::before{opacity: 0;} .notouch .wishlist .item .add_remove_wish:hover::after{opacity: 1;} @media screen and (max-width: 1850px) { .wishlist .item{padding: 15px;} .wishlist .item .img{margin: 0 30px 0 0; width: 60px;} .wishlist .item .title{width: calc(100% - 110px - 105px - 172px - 315px - 30px - 30px); margin: 0 30px 0 0;} .wishlist .item .title strong{padding: 4px 8px; font-size: 13px; line-height: 20px;} .wishlist .item .title span.main{font-size: 14px; line-height: 18px;} .wishlist .item .title span.code{font-size: 12px; line-height: 18px;} .wishlist .item .warehouse{width: 75px; font-size: 13px; line-height: 16px; margin: 0 30px 0 0;} .wishlist .item .price{width: 120px; margin: 0 30px 0 0; padding: 2px 20px 2px 0;} .wishlist .item .price .discount{font-size: 11px; line-height: 15px;} .wishlist .item .price .discount span{font-size: 11px; line-height: 15px;} .wishlist .item .price .sub{font-size: 11px; line-height: 15px;} .wishlist .item .price .sub span{font-size: 11px; line-height: 15px;} .wishlist .item .price .main{font-size: 16px; line-height: 20px;} .wishlist .item .price .main span{font-size: 12px; line-height: 20px;} .wishlist .item form{margin: 0 30px 0 0;} } @media screen and (max-width: 1600px) { .wishlist .item{padding: 12px 0;} .wishlist .item .title{width: calc(100% - 110px - 172px - 315px - 30px - 30px);} .wishlist .item .warehouse{display: none;} .wishlist .item .title .warehouse{display: block;} } @media screen and (max-width: 1400px) { .wishlist .item .title{width: calc(100% - 110px - 172px - 270px - 30px - 30px);} .wishlist .item form{width: 240px; margin: 0 30px 0 0;} .wishlist .item form .basket .first{padding: 3px 10px; margin: 0 10px 0 0;} .wishlist .item form .basket .first input[type=text]{font-size: 12px; line-height: 18px; padding: 5px 0; width: 30px;} .wishlist .item form .basket .btn{padding: 7px 15px;} .btn.typ_8::before{width: 20px; height: 20px; background-size: 20px 20px;} } @media screen and (max-width: 1360px) { .wishlist .item .title{width: calc(100% - 110px - 172px - 30px - 30px);} .wishlist .item form{display: none;} .wishlist > .btn{display: none;} } @media screen and (max-width: 650px) { .wishlist .item .img{display: none;} .wishlist .item .title{width: calc(100% - 172px - 30px - 30px);} .wishlist .item form{display: none;} } @media screen and (max-width: 500px) { .wishlist .item .title{width: calc(100% - 140px - 20px - 20px); margin: 0 20px 0 0;} .wishlist .item .title strong{padding: 3px 6px; font-size: 10px; line-height: 18px;} .wishlist .item .title span.main{font-size: 12px; line-height: 16px;} .wishlist .item .title span.code{font-size: 10px; line-height: 16px;} .wishlist .item .warehouse{font-size: 10px; line-height: 16px;} .wishlist .item .price{width: 103px; margin: 0 20px 0 0; padding: 2px 15px 2px 0;} .wishlist .item .price .discount{font-size: 10px; line-height: 14px;} .wishlist .item .price .discount span{font-size: 10px; line-height: 14px;} .wishlist .item .price .sub{font-size: 10px; line-height: 14px;} .wishlist .item .price .sub span{font-size: 10px; line-height: 14px;} .wishlist .item .price .main{font-size: 14px; line-height: 18px;} .wishlist .item .price .main span{font-size: 10px; line-height: 18px;} .wishlist .item .add_remove_wish{width: 20px; height: 20px;} .wishlist .item .add_remove_wish::before{background-size: 20px 20px;} .wishlist .item .add_remove_wish::after{background-size: 20px 20px;} } @media screen and (max-width: 450px) { .wishlist .item .img{display: block; padding: 5px; position: absolute; left: 0; top: 12px; margin: 0; width: 50px;} .wishlist .item .title{display: block; width: calc(100% - 100px); margin: 0 30px 0 70px;} .wishlist .item .price{display: block; width: calc(100% - 100px); margin: 5px 30px 0 70px; padding: 0; border: 0;} .wishlist .item .add_remove_wish{position: absolute; right: 0; top: calc(50% - 10px); } } .detail{width: 100%; margin: 0 auto; position: relative;} .detail h1{margin: 0;} .detail .top{display: block; font-size: 13px; line-height: 18px; color: #666666; font-weight: 400; text-align: left; margin: 0;} .detail .top strong{font-size: 13px; line-height: 18px; color: #000000; font-weight: 500; text-align: left;} .detail .img{position: relative; float: left; width: 400px; margin: 25px 0 0;} .detail .img .flag_box{position: absolute; top: 15px; width: 58px; z-index: 1;} .detail .img .flag_box:empty{display: none;} .detail .img .flag_box.first{left: 15px;} .detail .img .flag_box.second{right: 15px;} .detail .img .flag_box > span{width: 58px; height: 58px; display: table; margin: 0 0 -10px; -webkit-border-radius: 30px; border-radius: 30px;} .detail .img .flag_box > span.red{background: #a81422;} .detail .img .flag_box > span.orange{background: #f27d08;} .detail .img .flag_box > span.green{background: #53ac36;} .detail .img .flag_box > span.yellow{background: #ead419;} .detail .img .flag_box > span span{width: 100%; display: table-cell; vertical-align: middle; text-align: center; font-size: 10px; line-height: 12px; color: #ffffff; text-transform: uppercase; font-weight: 500; letter-spacing: 0.5px;} .detail .img .main{text-align: center; position: relative; display: block; margin: 0 0 6px; z-index: 0; padding: 20px; background: linear-gradient(to right, #c7cdd0 50%, #c7cdd0 0%), linear-gradient(#c7cdd0 50%, #c7cdd0 0%), linear-gradient(to right, #c7cdd0 50%, #c7cdd0 0%), linear-gradient(#c7cdd0 50%, #c7cdd0 0%); background-position: top, right, bottom, left; background-repeat: repeat-x, repeat-y; background-size: 1px 1px, 1px 1px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .detail .img .main .in{display: block; position: relative; padding: 0 0 100%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: contain; background-size: contain;} .detail .img a.main::before{opacity: 0; content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #53ac36; z-index: 200; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .detail .img a.main::after{opacity: 0; content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 52px; height: 52px; background: url(../img/fotogallery_icon.svg) no-repeat scroll center center; background-size: 52px 52px; z-index: 200; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .detail .img a.main:hover::before{opacity: 0.90;} .notouch .detail .img a.main:hover::after{opacity: 1;} .detail .img div{display: block; clear: both;} .detail .img div a.swipebox{margin: 6px 0 0; position: relative; display: inline-block; vertical-align: middle; width: calc(25% - 18px / 4 - 2px ); border: 1px solid #c7cdd0;} .detail .img div a.swipebox:nth-child(4n - 1){margin: 6px 6px 0} .detail .img div a.swipebox:nth-child(4n - 2){margin: 6px 0 0 6px} .detail .img div a.swipebox:nth-child(-n + 4){margin-top: 0} .detail .img div a.swipebox .in{display: block; position: relative; width: 100%; padding: 0 0 100%; background: no-repeat scroll center center; -webkit-background-size: cover; background-size: cover;} .detail .img div a.swipebox .in::before{opacity: 0; content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #53ac36; z-index: 200; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .detail .img div a.swipebox .in::after{opacity: 0; content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 36px; height: 36px; background: url(../img/fotogallery_icon.svg) no-repeat scroll center center; background-size: 36px 36px; z-index: 200; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .detail .img div a.swipebox:hover .in::before{opacity: 0.90;} .notouch .detail .img div a.swipebox:hover .in::after{opacity: 1;} .detail .text{float: right; position: relative; width: calc(100% - 400px - 50px); padding: 0 0 0 50px; margin: 25px 0 0;} .detail .text > img{max-width: 300px; width: 100%; margin: 0;} .detail .text h2.main{font-size: 16px; line-height: 22px; color: #000000; font-weight: 600; text-align: left; margin: 25px 0 0; padding: 25px 0 0; border-top: 1px solid #efefef; text-transform: uppercase;} .detail .text h2.main.margin{margin: 0; padding: 0; border: 0;} .detail .text article{padding: 0 0 15px;} .detail .text .parameters{display: block; position: relative;} .detail .text .parameters .sbHolder{position: relative; background: #ffffff; width: 210px; margin: 0; height: 29px; border: 1px solid #efefef; } .detail .text .parameters .sbHolder .sbToggle{margin: 0; background: url(../img/select_arrow.svg) no-repeat scroll center center; background-size: 16px 16px; right: 0; top: 0; bottom: 0; height: 100%; width: 29px; border-left: 1px solid #efefef;} .detail .text .parameters .sbHolder .sbToggle.sbToggleOpen{background: url(../img/select_arrow_reverse.svg) no-repeat scroll center center; background-size: 16px 16px; } .detail .text .parameters .sbHolder a.sbSelector{margin: 0; display: block; color: #000 !important; font-size: 14px; line-height: 29px; padding: 0 45px 0 15px; font-weight: 500; width: calc(100% - 60px); text-align: left; text-decoration: none;} .detail .text .parameters .sbOptions{max-height: 500px !important; z-index: 999; top: 100% !important; background: #ffffff; padding: 0; left: -1px; right: -1px;} .detail .text .parameters .sbOptions a{text-decoration: none; border: 1px solid #efefef; border-top: 0; height: auto; background: #fff !important; display: block; text-align: left; padding: 0 15px; font-size: 12px; line-height: 28px; margin: 0; font-weight: 500; color: #000 !important; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .detail .text .parameters .sbOptions li:nth-child(1){display: none;} .detail .text .parameters .sbOptions li:nth-child(2) a{border-top: 1px solid #efefef;} .notouch .detail .text .parameters .sbOptions a:hover{background: #f0f0f0 !important;} .detail .text .parameters table{border-collapse: collapse; border-spacing: 0;} .detail .text .parameters table th{font-size: 13px; line-height: 18px; color: #000000; font-weight: 500; text-align: right; padding: 0 15px 0 0;} .detail .text .parameters table td{padding: 0;} .detail .text .parameters table td label{border: 1px solid #efefef; cursor: pointer; position: relative; display: inline-block; margin: 5px 6px 5px 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .detail .text .parameters table td label:hover{border: 1px solid #53ac36;} .detail .text .parameters table td label.active{border: 1px solid #53ac36; background: #53ac36} .detail .text .parameters table td label .checker, .detail .text .parameters table td label .radio, .detail .text .parameters table td label input{position: absolute; width: 0; height: 0; visibility: hidden; opacity: 0;} .detail .text .parameters table td label span.text{margin: 0; float: none; width: initial; width: auto; z-index: 10; position: relative; font-size: 13px; line-height: 18px; font-weight: 400; color: #000000; display: block; padding: 8px 15px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .detail .text .parameters table td label.active span.text{color: #ffffff;} .detail .text .warehouse{display: inline-block; vertical-align: middle; font-size: 14px; line-height: 18px; color: #666666; font-weight: 600; margin: 8px 0 13px;} .detail .text .warehouse strong{font-size: 14px; line-height: 18px; color: #000000; font-weight: 600; text-align: left;} .detail .text .warehouse.green{color: #00a000;} .detail .text .warehouse.red{color: #ce0505;} .detail .text .when{position: relative; margin: 6px 0 15px 10px; padding: 0 0 0 12px;} .detail .text .when::before{position:absolute;left:0;height:16px;margin-top:-8px;top:50%;width:1px;background:#c9c9c9;content:"";display:block} .detail .text .complaint{border-collapse: collapse; border-spacing: 0; margin: 0; width: 100%;} .detail .text .complaint th{vertical-align: top; white-space: nowrap; border: 1px solid #e5e5e5; border: 1px solid #e6e7e8; padding: 6px 15px; font-size: 13px; line-height: 18px; font-weight: 600; text-align: right;} .detail .text .complaint td{vertical-align: top; width: 100%; border: 1px solid #e5e5e5; border: 1px solid #e6e7e8; padding: 6px 15px; font-size: 13px; line-height: 18px; font-weight: 400;} .detail .text .complaint tr:nth-child(odd) td, .detail .text .complaint tr:nth-child(odd) th{ background: #fbfbfb} .detail .text .anotation{margin: 20px 0 5px; padding: 0; font-size: 13px; line-height: 20px; color: #000000; font-weight: 600;} .detail .text .status{margin: 15px 0 0; padding: 6px 20px; font-size: 12px; line-height: 20px; color: #ffffff; text-transform: uppercase; font-weight: 700; display: inline-block; vertical-align: middle;} .detail .text .status.green{background: #00b100} .detail .text .status.orange{background: #f98d4b} .detail .text .status.red{background: #da0a0a} .detail .text .rema{padding: 0; display: inline-block; color: #d20c0c; font-weight: 400; font-size: 12px; line-height: 20px; margin: 10px 0 0; } .detail .text .rema strong{color: #d20c0c; font-weight: 700; font-size: 12px; line-height: 20px; } .detail .text table.para{border-collapse: collapse; border-spacing: 0; width: 100%; margin: 5px 0 0;} .detail .text table.para th{border: 1px solid #e6e7e8; font-size: 13px; line-height: 18px; color: #000000; font-weight: 500; padding: 8px 15px; text-align: left; white-space: nowrap; width: 100px; background: #efefef;} .detail .text table.para td{border: 1px solid #e6e7e8; font-size: 13px; line-height: 18px; color: #000000; font-weight: 400; padding: 8px 15px; text-align: left; width: calc(50% - 160px);} .detail .text .price{padding: 0; text-align: left; margin: 30px 0 0;} .detail .text .price .left_side{width: 100%; margin: 0; display: block; text-align: left;} .detail .text .price .left_side .discount{display: block; font-size: 14px; line-height: 20px; color: #535353; font-weight: 400; text-align: left;} .detail .text .price .left_side .discount strong{font-size: 14px; line-height: 20px; color: #000000; font-weight: 400; text-align: left; text-decoration: line-through; display: inline-block; margin: 0 20px 0 0;} .detail .text .price .left_side .main{display: inline-block; vertical-align: bottom; font-size: 40px; line-height: 42px; color: #000000; font-weight: 700; text-align: left; margin: 0 20px 0 0;} .detail .text .price .left_side .main span{font-size: 14px; line-height: 42px; color: #535353; font-weight: 400; text-align: left;} .detail .text .price .left_side .sub{display: inline-block; vertical-align: bottom; font-size: 14px; line-height: 42px; color: #535353; font-weight: 400; text-align: left;} .detail .text .price .left_side .sub span{font-size: 14px; line-height: 42px; color: #535353; font-weight: 400; text-align: left;} .detail .text .price .right_side{width: 100%; margin: 20px 0 0; display: block; text-align: left;} .detail .text .price .right_side .basket{margin: 0; text-align: left; padding: 0; display: inline-block;} .detail .text .price .right_side .basket .first{display: inline-block; vertical-align: middle; text-align: center; padding: 6px 15px; background: rgba(83,172,54,0.1);} .detail .text .price .right_side .basket .first a.decrement{width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin: 0; position: relative;} .detail .text .price .right_side .basket .first a.decrement::before{position: absolute; top: 0; left: 0; margin: 0; display: block; width: 20px; height: 20px; content: "\002d"; font-size: 14px; line-height: 20px; text-align: center; font-weight: 700; color: #53ac36; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .detail .text .price .right_side .basket .first a.increment{width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin: 0; position: relative;} .detail .text .price .right_side .basket .first a.increment::before{position: absolute; top: 0; left: 0; margin: 0; display: block; width: 20px; height: 20px; content: "\002b"; font-size: 14px; line-height: 20px; text-align: center; font-weight: 700; color: #53ac36; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .detail .text .price .right_side .basket .first a.decrement:hover::before, .notouch .detail .text .price .right_side .basket .first a.increment:hover::before{background: #53ac36; color: #ffffff;} .detail .text .price .right_side .basket .first input[type=text]{position: relative; font-size: 13px; line-height: 20px; padding: 6px 0; width: 40px; font-weight: 400; text-align: center; display: inline-block; vertical-align: middle; background: transparent; border: 0; color: #53ac36; font-weight: 700; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .detail .hor_tabs{float: right; width: calc(100% - 400px - 50px); display: block; margin: 30px 0 0; position: relative;} .detail .hor_tabs .item .at-share-btn-elements{opacity: 0; position: relative; z-index: 100; text-align: left; } .detail .hor_tabs .item .at-share-btn-elements > a{text-align: center; margin: 0 15px 0 0; width: 80px; height: 44px; -webkit-transform: translateY(0) !important; transform: translateY(0) !important;} .detail .hor_tabs .item.share {height: 54px;} .detail .hor_tabs .item.share .box{position: absolute; left: 25px; top: 15px;} .detail .hor_tabs .item.share .box > a{position: relative; padding: 34px 0 0; margin: 0 15px 0 0; width: 90px; font-size: 13px; line-height: 20px; color: #000000; font-weight: 400; text-align: center; display: inline-block; vertical-align: middle; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .detail .hor_tabs .item.share .box > a::before{content: ""; display: block; position: absolute; top: 0; left: calc(50% - 15px); width: 30px; height: 30px; background-size: 30px 30px !important; opacity: 1; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .detail .hor_tabs .item.share .box > a::after{content: ""; display: block; position: absolute; top: 0; left: calc(50% - 15px); width: 30px; height: 30px; background-size: 30px 30px !important; opacity: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .detail .hor_tabs .item.share .box > a:hover::before, .notouch .detail .hor_tabs .item.share .box > a.hover_efekt::before{opacity: 0} .notouch .detail .hor_tabs .item.share .box > a:hover::after, .notouch .detail .hor_tabs .item.share .box > a.hover_efekt::after{opacity: 1} .notouch .detail .hor_tabs .item.share .box > a:hover, .notouch .detail .hor_tabs .item.share .box > a.hover_efekt{color: #53ac36} .detail .hor_tabs .item.share .box > a.print::before{background: url(../img/detail_print_icon.svg) no-repeat scroll center center;} .detail .hor_tabs .item.share .box > a.print::after{background: url(../img/detail_print_icon_hover.svg) no-repeat scroll center center;} .detail .hor_tabs .item.share .box > a.send::before{background: url(../img/detail_send_icon.svg) no-repeat scroll center center;} .detail .hor_tabs .item.share .box > a.send::after{background: url(../img/detail_send_icon_hover.svg) no-repeat scroll center center;} .detail .hor_tabs .item.share .box > a.fb::before{background: url(../img/detail_fb_icon.svg) no-repeat scroll center center;} .detail .hor_tabs .item.share .box > a.fb::after{background: url(../img/detail_fb_icon_hover.svg) no-repeat scroll center center;} .detail .hor_tabs .item.share .box > a.g::before{background: url(../img/detail_g_icon.svg) no-repeat scroll center center;} .detail .hor_tabs .item.share .box > a.g::after{background: url(../img/detail_g_icon_hover.svg) no-repeat scroll center center;} .detail .hor_tabs .item{position: relative; padding: 15px 25px; display: block; border-bottom: 1px solid #efefef; -webkit-transition: background 400ms ease; transition: background 400ms ease;} .detail .hor_tabs .item:first-of-type{border-top: 1px solid #efefef} .detail .hor_tabs .item .title{cursor: pointer; font-size: 16px; line-height: 22px; color: #000000; font-weight: 600; text-align: left; margin: 0; padding: 0; text-transform: uppercase; position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .detail .hor_tabs .item .title .icon{cursor: pointer; z-index: 999; position: absolute; right: 0; top: calc(50% - 15px); width: 28px; height: 28px; border: 1px solid #efefef; background: #ffffff; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .detail .hor_tabs .item .title .icon::before{opacity: 1; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 100%; height: 100%; content: ""; background: url(../img/plus_black.svg) no-repeat scroll center center; background-size: 32px 32px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .detail .hor_tabs .item .title .icon::after{opacity: 0; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 100%; height: 100%; content: ""; background: url(../img/plus_green.svg) no-repeat scroll center center; background-size: 32px 32px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .detail .hor_tabs .item.active .title .icon{border: 1px solid #e3e3e3;} .detail .hor_tabs .item.active .title .icon::before{background: url(../img/minus_black.svg) no-repeat scroll center center; background-size: 32px 32px;} .detail .hor_tabs .item.active .title .icon::after{background: url(../img/minus_green.svg) no-repeat scroll center center; background-size: 32px 32px;} .notouch .detail .hor_tabs .item .title:hover{color: #53ac36;} .notouch .detail .hor_tabs .item .title:hover .icon{border: 1px solid #53ac36;} .notouch .detail .hor_tabs .item .title:hover .icon::before{opacity: 0;} .notouch .detail .hor_tabs .item .title:hover .icon::after{opacity: 1;} .detail .hor_tabs .item .hide{padding: 15px 0 0; display: none; } .detail .hor_tabs .item .hide form{display: block; width: 100%;} .detail .hor_tabs .item .hide form table{width: 100%; border-collapse: collapse; border-spacing: 0;} .detail .hor_tabs .item .hide form table th{font-size: 13px; line-height: 17px; color: #000000; font-weight: 500; padding: 8px 10px 17px 0; text-align: right; white-space: nowrap; vertical-align: top;} .detail .hor_tabs .item .hide form table th:nth-child(3){padding-left: 20px;} .detail .hor_tabs .item .hide form table td{padding: 0 0 10px;} .detail .hor_tabs .item .hide form table tr:last-of-type td{padding: 0;} .detail .hor_tabs .item .hide form table td input[type=text]{border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #ffffff; font-size: 13px; line-height: 20px; padding: 5px 15px; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .detail .hor_tabs .item .hide form table td textarea{resize: none; height: 80px; overflow: auto; border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #ffffff; font-size: 13px; line-height: 20px; padding: 5px 15px; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .detail .hor_tabs .item .hide form table td input[readonly]{border: 1px solid #e6e7e8 !important; background: #efefef;} .detail .hor_tabs .item .hide form table td input[type=text]:focus, .detail .hor_tabs .item .hide form table td textarea:focus{border: 1px solid #53ac36;} .detail .hor_tabs .item .hide form table td p{display: block; margin: 0; padding: 0; font-size: 14px; line-height: 22px; color: #808080; font-weight: 400; text-align: right;} .detail .hor_tabs .item .hide form table td a{font-size: 14px; line-height: 22px; color: #000000; font-weight: 400; text-decoration: underline; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .detail .hor_tabs .item .hide form table td a:hover{color: #53ac36} @media screen and (max-width: 1600px) { .detail .img{width: 320px;} .detail .img div a.swipebox{width: calc(33.33% - 12px / 3 - 2px );} .detail .img div a.swipebox:nth-child(4n - 1){margin: 6px 0 0} .detail .img div a.swipebox:nth-child(4n - 2){margin: 6px 0 0} .detail .img div a.swipebox:nth-child(-n + 4){margin-top: 6px} .detail .img div a.swipebox:nth-child(3n - 1){margin: 6px 6px 0} .detail .img div a.swipebox:nth-child(-n + 3){margin-top: 0} .detail .text{width: calc(100% - 320px - 30px); padding: 0 0 0 30px;} .detail .hor_tabs{width: calc(100% - 320px - 30px); padding: 0 0 0 30px;} } @media screen and (max-width: 1340px) { .detail .hor_tabs{clear: both; width: 100%; padding: 0; float: none; padding: 40px 0 0;} } @media screen and (max-width: 1200px) { .detail .img{width: 100%; display: block; float: none; margin: 0 0 20px;} .detail .img .add_remove_wish{right: initial; right: auto; left: calc(50% - 50px);} .detail .img .main{display: inline-block; vertical-align: top; margin: 0 2px 0 0; width: calc(50% - 2px - 40px);} .detail .img .main img, .detail > .img .main .cover{display: none} .detail .img div{display: inline-block; vertical-align: top; width: calc(50% - 2px); margin: 0 0 0 2px;} .detail .img div a.swipebox{width: calc(50% - 2px / 2 - 2px);} .detail .img div a.swipebox:nth-child(4n - 1){margin: 2px 0 0} .detail .img div a.swipebox:nth-child(4n - 2){margin: 2px 0 0} .detail .img div a.swipebox:nth-child(-n + 4){margin-top: 2px} .detail .img div a.swipebox:nth-child(3n - 1){margin: 2px 0 0} .detail .img div a.swipebox:nth-child(-n + 3){margin-top: 2px} .detail .img div a.swipebox:nth-child(2n){margin: 2px 0 0 2px} .detail .img div a.swipebox:nth-child(-n + 2){margin-top: 0} .detail .img div a.swipebox:nth-child(n + 5){display: none !important;} .detail > .text{padding: 0; width: 100%; display: block; float: none;} .detail .hor_tabs{padding: 20px 0 0;} } @media screen and (max-width: 650px) { .detail > .img .main{display: block; width: initial; width: auto; padding: 0; margin: 0;} .detail > .img .main img, .detail > .img .main .cover{display: block} .detail > .img div{display: block; width: 100%;} .detail > .img div a.swipebox{padding: 0 0 33%; width: calc(33.33% - 8px / 3 - 2px );} .detail > .img div a.swipebox:nth-child(4n - 1){margin: 4px 0 0} .detail > .img div a.swipebox:nth-child(4n - 2){margin: 4px 0 0} .detail > .img div a.swipebox:nth-child(-n + 4){margin-top: 4px} .detail > .img div a.swipebox:nth-child(3n - 1){margin: 4px 4px 0} .detail > .img div a.swipebox:nth-child(-n + 3){margin-top: 4px} .detail > .img div a.swipebox:nth-child(n + 4){display: none !important;} .detail .hor_tabs .item .hide form table, .detail .hor_tabs .item .hide form table tbody, .detail .hor_tabs .item .hide form table tr, .detail .hor_tabs .item .hide form table th, .detail .hor_tabs .item .hide form table td{width: 100%; display: block; text-align: left;} .detail .hor_tabs .item .hide form table th{padding: 5px 0 5px 0; text-align: left;} .detail .hor_tabs .item .hide form table th:nth-child(3){padding-left: 0;} } @media screen and (max-width: 550px) { .detail .hor_tabs .item.share .at-share-btn-elements > a.at-svc-print{display: none;} .detail .hor_tabs .item.share .box > a.print{display: none;} } @media screen and (max-width: 500px) { .detail .text .price .left_side .main{margin: 0 0 -10px;} .detail .text .price .left_side .sub{line-height: 22px; display: block; text-align: left;} .detail .hor_tabs .item{padding-left: 0; padding-right: 0;} .detail .hor_tabs .item.share{padding-left: 0; padding-right: 0;} .detail .hor_tabs .item.share .box{left: 0;} } @media screen and (max-width: 400px) { .detail .hor_tabs .item.share{display: none;} .detail .hor_tabs .item:nth-child(2){border-top: 1px solid #efefef} } footer{padding: 60px 0 20px; background: #333; display: block; position: relative; width: 98%; margin: 0 auto;} footer .inside_middle{background: #333; padding: 15px 0 35px; max-width: none; width: 85%;} footer .inside_middle .half_1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 58%; } footer .inside_middle .half_2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; float: right; margin-top: -170px; width: 50%; } footer .inside_middle .half_2 .item{width: 100%;} footer .item.adresa { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; top: 45px; width: 48%; flex-wrap: wrap; } footer .inside_middle .half_2 .obligated{margin-right: 40px;} footer .half_2 .item #dotaz_form .mail_phone {display: flex; justify-content: space-between;} footer .half_2 .item #dotaz_form .mail_phone input {width: 40%;} @media screen and (max-width: 1024px) { footer .half_2 .item #dotaz_form .mail_phone {flex-direction: column;} footer .half_2 .item #dotaz_form .mail_phone input {width: initial;} footer .inside_middle .half_2 .obligated{margin-left: 0px; display: block;} } footer .inside_middle a.logo{width: 195px; height: 53px; display: inline-block; vertical-align: middle; position: relative;} footer .inside_middle a.logo::before{width: 195px; height: 53px; display: block; position: absolute; left: 0; top: 0; background: url(../img/logo_white.svg) no-repeat scroll center center; background-size: 195px 53px; content: "";} footer .item{padding: 0; margin: 0; display: block; float: left; position: relative;} footer .item p.title{padding: 0; font-size: 18px; line-height: 24px; color: #fff; font-weight: 600; text-transform: uppercase; letter-spacing: 1px;} footer .item p{display: block; margin: 0 10px 15px 0; padding: 0; font-size: 14px; line-height: 22px; color: #808080; font-weight: 400;} footer .item p.margin{margin: 0;} footer .item p strong{font-size: 14px; line-height: 22px; color: #fff; font-weight: 400;} footer .item p a{font-size: 14px; line-height: 22px; color: #fff; font-weight: 400; text-decoration: underline; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch footer .item p a:hover{color: #F8AF00} footer .item p.gdpr{text-align: left; font-weight: 200;} footer .item ul{margin: 0 0 30px; padding: 0;} footer .item ul li{display: block; list-style: none; margin: 0 0 3px; padding: 0;} footer .item ul li.margin{margin: 15px 0 0;} footer .item ul li a{font-size: 14px; line-height: 22px; color: #fff; font-weight: 400; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch footer .item ul li a:hover, footer .item ul li.active a{color: #F8AF00} footer .item .half_2 .arrow_grey{} footer .item input[type=text]{position: relative; margin-bottom: 8px; font-size: 13px; line-height: 20px; color: #fff; padding: 12px 15px; border-top: 1px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid grey; background: #333; width: calc(100% - 32px); font-weight: 400; position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease;} footer .item textarea{position: relative; resize: none; height: 80px; margin-bottom: 8px; font-size: 13px; line-height: 20px; color: #fff; padding: 12px 15px; border-top: none; border-left: none; border-right: none; border-bottom: 1px solid grey; background: #333; width: calc(100% - 32px); font-weight: 400; position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease;} footer .item input[type=text]:focus, footer .item textarea:focus{border-bottom: 1px solid #F8AF00;} footer .item form input:-internal-autofill-selected{-webkit-text-fill-color: #fff !important; } footer .item form textarea:-internal-autofill-selected{-webkit-text-fill-color: #fff !important; } footer nav{position: relative; z-index: 999; display: inline-block; vertical-align: middle; margin: 0;} footer nav ul.menu{margin: 0; padding: 0; display: inline-block; vertical-align: middle; text-align: right; float: right;} footer nav ul.menu li{padding: 28px 0; position: relative; list-style: none; display: inline-block; vertical-align: middle; margin: 0 0 0 30px;} footer nav ul.menu li.hide{display: none} footer nav ul.menu li a{position: relative; display: block; line-height: 20px; font-size: 14px; font-weight: 400; text-transform: uppercase; padding: 9px 2px; color: #fff; -webkit-transition: all 400ms ease; transition: all 400ms ease;} footer nav ul.menu li a:hover{color: grey;} footer nav ul.menu li a::before{position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: #F8AF00; content: ""; opacity: 0; transition: all 400ms ease;} .notouch header footer nav ul.menu li > a:hover, header .bottom_line .box nav ul.menu li.active > a, header .bottom_line .box nav ul.menu li.open > a{color: #F8AF00;} .notouch header footer nav ul.menu li > a:hover::before, header .bottom_line .box nav ul.menu li.active > a::before, header .bottom_line .box nav ul.menu li.open > a::before{opacity: 1; bottom: 4px;} footer nav ul.menu li ul{z-index: 0; margin: 0; padding: 0; position: absolute; top: calc(100% - 30px); opacity: 0; left: 0; background: #f4f5f5; display: block; visibility: hidden; -webkit-transition: all 200ms ease; transition: all 200ms ease; -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); box-shadow: 0 0 20px -5px rgba(0,0,0,0.6);} footer nav ul.menu li ul:before{bottom: 100%; left: 10px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #f4f5f5; border-width: 6px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} footer nav ul.menu li ul.hover_efekt:before, header .bottom_line .box nav ul.menu li ul.special:before{border-bottom-color: #53ac36;} footer nav ul.menu li:hover ul{top: calc(100% - 20px); visibility: visible; opacity: 1;} footer nav ul.menu li ul li{margin: 0; list-style: none; display: block; width: 100%; padding: 0;} footer nav ul.menu li ul li a{white-space: nowrap; opacity: 1; position: relative; text-transform: none; font-weight: 400; display: block; padding: 8px 20px; font-size: 14px; line-height: 20px; text-align: left; color: #fff !important; border-top: 1px solid #e5e5e5; min-width: 100px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} footer nav ul.menu li ul li:first-of-type a{border-top: 0 !important;} footer nav ul.menu li ul li a::before{ display: none;} .notouch footer nav ul.menu li ul li a:hover, header .bottom_line .box nav ul.menu li ul li.active a{background: #53ac36; color: #ffffff !important; border-top: 1px solid #51a237;} footer .item .btn.typ_5{padding: 13px 70px; text-transform: uppercase; background: #333; color: white; border: 1px solid #F8AF00;} footer .item .btn.typ_5 span{margin-left: -20px;} footer .item .btn.typ_5::after{-webkit-transition: all 400ms ease; transition: all 400ms ease;} footer .item .btn.typ_5::after{background: url("../img/arrow.svg") no-repeat; content: ""; display: inline-block; position: absolute; right: 12px; width: 25px; height: 17px; opacity: 1; -webkit-transition: all 400ms ease; transition: all 400ms ease;} footer .item .btn.typ_5:hover::after{opacity: 0;} footer .item .btn.typ_5:hover::before{background: url("../img/arrow_black.svg") no-repeat; content: ""; display: inline-block; position: absolute; right: 12px; width: 25px; height: 17px; opacity: 1;} footer .item .half_2 .arrow_grey{"../img/arrow_black.svg") no-repeat;} footer .item .btn.typ_5:hover{background: #F8AF00; color: #333; border: 1px solid #F8AF00;} footer nav ul.lang{margin: 0 0 0 20px; padding: 0 0 0 15px; display: inline-block; vertical-align: middle; text-align: right; position: relative;} footer nav ul.lang::before{position: absolute; top: 50%; margin: -10px 0 0; height: 20px; background: #c7c7c7; width: 1px; content: ""; left: 0;} footer nav ul.lang li{padding: 0; position: relative; list-style: none; display: inline-block; vertical-align: middle; margin: 0 0 0 5px;} footer nav ul.lang li a{position: relative; display: block; line-height: 20px; font-size: 14px; font-weight: 400; padding: 9px 2px; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} footer nav ul.lang li a::before{position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: #53ac36; content: ""; opacity: 0; transition: all 400ms ease;} .notouch footer nav ul.lang li > a:hover, header .bottom_line .box nav ul.lang li.active > a{color: #53ac36;} .notouch footer nav ul.lang li > a:hover::before, header .bottom_line .box nav ul.lang li.active > a::before{opacity: 1; bottom: 4px;} footer ul.social{display: block; margin: 0; text-align: left; padding: 0; height: 30px;} footer ul.social li{list-style: none; display: inline-block; margin: 0 2px 0 0;} footer ul.social li a{display: block; width: 30px; height: 30px; position: relative; background: #808080; -webkit-transition: all 400ms ease; transition: all 400ms ease;} footer ul.social li a::before{opacity: 1; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: no-repeat scroll center center; background-size: 22px 22px; -webkit-transition: all 400ms ease; transition: all 400ms ease;}} footer ul.social li a::after{opacity: 0; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: no-repeat scroll center center; background-size: 22px 22px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} footer ul.social li a.in::before{background-image: url(../../img/social_in_icon_white.svg);;} footer ul.social li a.fb::before{background-image: url(../../img/social_fb_icon_white.svg);;} footer ul.social li a.yt::before{background-image: url(../../img/social_yt_icon_white.svg);} footer ul.social li a.li::before{background-image: url(../../img/social_li_icon_white.svg);} footer ul.social li a.tw::before{background-image: url(../../img/social_tw_icon_white.svg);} footer ul.social li a.in::after{background-image: url(../../img/social_in_icon_black.svg);} footer ul.social li a.fb::after{background-image: url(../../img/social_fb_icon_black.svg);} footer ul.social li a.yt::after{background-image: url(../../img/social_yt_icon_black.svg);} footer ul.social li a.li::after{background-image: url(../../img/social_li_icon_black.svg);} footer ul.social li a.tw::after{background-image: url(../../img/social_tw_icon_black.svg);} .notouch footer ul.social li a:hover{background: #F8AF00;} footer .arrow_orange{width: 20px; height: 20px;} .c_column{float: none; margin: 0 auto;} @media screen and (max-width: 1400px) { footer .inside_middle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } footer .inside_middle .half_1 { -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 75%; } footer .inside_middle .half_2 { -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 75%; } @media screen and (max-width: 1024px){ footer ul.social{display: flex; justify-content: center;} } @media screen and (max-width: 700px){ footer .inside_middle .half_1{ width: 90%; } footer .inside_middle .half_2{ width: 90%; } } footer .inside_middle .half_2{margin: 0;} footer .inside_middle .item.adresa{width: 70%;} footer nav ul.menu{text-align: left; margin: 40px 0;} footer nav { display: flex; justify-content: center; } } @media screen and (max-width: 1200px) { footer .top ul li{margin: 0 0 0 20px;} } @media screen and (max-width: 1024px) { footer .relative{padding: 40px 0; } footer .top{padding: 0 0 40px; margin: 0 0 40px;} footer .top a.logo{display: none;} footer .top ul{text-align: center; float: none;} footer .top ul li, footer .top ul li:first-child{margin: 0 12px;} footer .top ul li a{padding: 10px 0;} footer .inside_middle .item.adresa { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } .side_button{display: none;} } @media screen and (max-width: 800px) { footer{text-align: center;} footer .top ul li a{padding: 5px 0;} footer .item{float: none; margin: 0 0 40px;} footer .item:last-of-type{margin: 0;} footer .box{width: 100%; max-width: 500px; float: none; margin: 0 auto; text-align: center;} footer .box p, footer .box p.title{text-align: center;} footer .box .btn.right{float: none;} footer ul.social{text-align: center;} } @media screen and (max-width: 650px) { footer .item p.gdpr, footer .item p.gdpr a{font-size: 12px; line-height: 18px;} } @media screen and (max-width: 500px) { footer nav ul.menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } footer .inside_middle .half_1{width: 100%;} footer .inside_middle .half_2{width: 100%;} footer nav ul.menu li { padding: 10px 0; margin: 0 15px 0 0; } } .sign{background: #ffffff; padding: 0; text-align: center;} .sign a{padding: 16px 5%; color: #666666; font-weight: 700; font-size: 12px; line-height: 16px; text-align: center; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .sign a:hover{color: #000000;} /************************ MODULY ************************/ .drobky{position: relative; text-align: left; width: 100%; margin: 0 auto; padding: 35px 0 40px;} .drobky ul::before{z-index: 99; position: absolute; top: 0; bottom: 0; right: 0; width: 40px; content: ""; display: block; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );} .drobky ul{z-index: 0; position: relative; white-space: nowrap; margin: 0; padding: 0; width: 100%; overflow: hidden;} .drobky ul li{position: relative; z-index: 9; list-style: none; display: inline-block; vertical-align: middle; margin-right: -4px; border-left: 1px solid #e4e5e6;} .drobky ul li.first{border: 0;} .drobky ul li.first a{padding-left: 0;} /* .drobky ul li.first a{width: 16px; height: 30px; padding: 0; margin: 0 15px 0 0; position: relative; font-size: 0;} .drobky ul li.first a::before{position: absolute; top: 0; left: 0; content: ""; display: block; width: 100%; height: 100%; background: url(../img/main_icon_green.svg) no-repeat scroll center center; background-size: 16px 30px; opacity: 1; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .drobky ul li.first a::after{position: absolute; top: 0; left: 0; content: ""; display: block; width: 100%; height: 100%; background: url(../img/main_icon_white.svg) no-repeat scroll center center; background-size: 16px 30px; opacity: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .drobky ul li.first a:hover::before{opacity: 0;} .notouch .drobky ul li.first a:hover::after{opacity: 1;} */ .drobky ul li a{white-space: nowrap; position: relative; display: block; color: #808080; font-size: 12px; line-height: 17px; font-weight: 400; padding: 0 15px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .drobky ul li a:hover{text-decoration: none; color: #F8AF00;} .drobky ul li span{white-space: nowrap; display: block; color: #000000; font-size: 13px; line-height: 17px; font-weight: 700; padding: 0 0 0 15px;} .drobky ul li.last span{text-transform: uppercase; font-weight: 600;} @media screen and (max-width: 1080px) { .drobky{padding: 20px 0 25px;} } @media screen and (max-width: 600px) { .drobky{padding: 40px 0 25px;} .drobky ul li a{font-size: 10px; line-height: 16px; padding: 0 10px;} .drobky ul li span{font-size: 10px; line-height: 16px; padding: 0 0 0 10px;} } @media screen and (max-width: 500px) { .drobky{padding: 35px 0;} .drobky ul li a{font-size: 10px; line-height: 16px; padding: 0 10px;} .drobky ul li span{font-size: 10px; line-height: 16px; padding: 0 0 0 10px;} } .landing_list { width: 100%; text-align: left;} .landing_list h2 { text-align: left; margin: 0; padding: 0 0 5px; font-size: 26px; line-height: 32px; font-weight: 900; text-transform: uppercase; color: #000000;} .landing_list h2{ font-size: 16px; line-height: 24px; margin: 30px 0 10px; font-weight: 700;} .landing_list .item { display: inline-block; vertical-align: middle; margin: 0 2px 5px 0; font-size: 13px; line-height: 20px; padding: 8px 25px; color: #ffffff; border: 1px solid #000000; background: #000000; font-weight: 600; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .landing_list a.item:hover { border: 1px solid #53ac36; background: #53ac36} .landing { width: 100%; text-align: left;} .landing p{margin: 0 0 5px;} .landing ul{margin: 25px 0 0; padding: 0; font-size: 0;} .landing ul li{margin: 0 5px 5px 0; display: inline-block; vertical-align: middle;} #carrier_form .text_box .gdpr span{margin-right: 20px; margin-bottom: 5px; width: 100%; text-align: left;} .carrier_list { width: 100%; text-align: left; margin: 0;} .carrier_list h2{text-transform: none; font-size: 20px;} .carrier_list .item { text-align: center; display: inline-block; vertical-align: top; background: #efefef; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .carrier_list .item { width: calc(33.33% - 40px / 3); margin: 20px 0 0;} .carrier_list .item:nth-child(3n - 1) { margin: 20px 20px 0;} .carrier_list .item:nth-child(-n + 3) { margin-top: 0;} .carrier_list .item .text{display: table; height: 160px; width: calc(100% - 40px); padding: 0 20px; text-align: center; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .carrier_list .item .text .title { display: table-cell; vertical-align: middle; width: 100%; margin: 0; font-size: 16px; font-weight: 600; line-height: 26px; text-transform: uppercase; text-align: center; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .carrier_list .item:hover { background: #F8AF00;} .notouch .carrier_list .item:hover .text .title { color: #ffffff;} .carrier_list .item .text .title .icon{width: 42px; height: 42px; display: block; margin: 0 auto 8px; position: relative;} .carrier_list .item .text .title .icon::before{opacity: 0; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background: url(../img/carrier_icon_white.svg) no-repeat scroll center center; background-size: 42px 42px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .carrier_list .item .text .title .icon::after{opacity: 1; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background: url(../img/carrier_icon_black.svg) no-repeat scroll center center; background-size: 42px 42px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .carrier_list .item:hover .text .title .icon::before{opacity: 1;} .notouch .carrier_list .item:hover .text .title .icon::after{opacity: 0} @media screen and (max-width: 1400px) { .carrier_list .item { width: calc(50% - 20px / 2); margin: 20px 0 0;} .carrier_list .item:nth-child(3n - 1) { margin: 20px 0 0;} .carrier_list .item:nth-child(-n + 3) { margin-top: 20px;} .carrier_list .item:nth-child(2n) { margin: 20px 0 0 20px;} .carrier_list .item:nth-child(-n + 2) { margin-top: 0;} } @media screen and (max-width: 700px) { .carrier_list .item { width: 100%; margin: 20px 0 0;} .carrier_list .item:nth-child(3n - 1) { margin: 20px 0 0;} .carrier_list .item:nth-child(-n + 3) { margin-top: 20px;} .carrier_list .item:nth-child(2n) { margin: 20px 0 0;} .carrier_list .item:nth-child(-n + 2) { margin-top: 20px;} .carrier_list .item:nth-child(-n + 1) { margin-top: 0;} } @media screen and (max-width: 500px) { .carrier_list .item .text{height: 130px;} .carrier_list .item .text .title {font-size: 14px; line-height: 22px;} .carrier_list .item .text .title .icon{width: 36px; height: 36px; margin: 0 auto 6px;} .carrier_list .item .text .title .icon::before{background-size: 36px 36px;} .carrier_list .item .text .title .icon::after{background-size: 36px 36px;} } .video_list{width: 100%; position: relative; margin: 0;} .video_list .item{width: calc(33.33% - 40px / 3 - 3px); margin: 20px 0 0 ; height: 240px; position: relative; background-attachment: local; position: relative; display: inline-block; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;} .video_list .item:nth-child(3n - 1){margin: 20px 20px 0} .video_list .item:nth-child(-n + 3){margin-top: 0} .video_list .item::before{opacity: 0.35; position: absolute; top: 0; right: 0; left: 0; bottom: 0; content: ""; background: #0d6990; content: ""; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .video_list .item:hover::before{opacity: 0.7;} .video_list .item .title{text-shadow: 1px 1px 10px rgba(0,0,0,0.4); text-align: center; max-width: 90%; margin: 0 auto; font-size: 18px; line-height: 24px; color: #ffffff; font-weight: 600; letter-spacing: 1px; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);} @media screen and (max-width: 1400px) { .video_list .item{width: calc(50% - 20px - 3px);} } @media screen and (max-width: 1200px) { .video_list .item{height: 200px;} } @media screen and (max-width: 600px) { .video_list .item{width: calc(100% - 20px - 3px);} } .video_detail{max-width: 660px; margin: 0;} .detail .video_detail{max-width: 500px;} .video_detail .video_gallery{display: block; position: relative; position: relative; width: 100%; height: 0; padding-bottom: 56.25%; margin: 0} .video_detail .video_gallery iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: none; border: 0;} .contact_page {width: 100%; text-align: left; position: relative; margin: 0;} .contact_page .item { text-align: left; position: relative; width: 260px; display: block; float: left; background: #ffffff;} .contact_page .item .box { display: table; height: 300px; width: 100%;} .contact_page .item .box .centering { display: table-cell; vertical-align: middle; width: 100%;} .contact_page .item .box .centering p{margin: 0 0 15px; padding: 0; font-size: 14px; line-height: 22px; font-weight: 400;} .contact_page .item .box .centering p:last-of-type{margin: 0;} .contact_page .item .box .centering p strong.phone{background: url(../img/phone_icon_black.svg) no-repeat scroll left center; background-size: 14px; padding: 0 0 0 20px;} .contact_page .item .box .centering p strong.mail{background: url(../img/mail_icon_black.svg) no-repeat scroll left center; background-size: 14px; padding: 0 0 0 20px;} .contact_page .item .box .centering p a{text-decoration: underline; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .contact_page .item .box .centering p a:hover{color: #F8AF00} .contact_page .mapa { position: absolute; left: 200px; right: 0; top: 0; bottom: 0; display: block; background: #efefef;} .contact_page .mapa #MyGmaps { background: #e5e3df; z-index: 0; position: relative; width: 100%; height: 100%; display: block;} .contact_page .mapa a.btn { -webkit-border-radius: 0 8px 0 0; border-radius: 0 8px 0 0; position: absolute; left: 0; bottom: 0; z-index: 20;} @media screen and (max-width: 850px) { .contact_page .item { text-align: center; float: none; width: calc(100% - 40px); padding: 30px 20px;} .contact_page .item .box { display: block; height: initial; height: auto;} .contact_page .item .box .centering { display: block;} .contact_page .mapa { width: 100%; float: none; position: relative; left: 0;} .contact_page .mapa #MyGmaps { height: 260px;} } .news_list{width: 100%; position: relative; margin: 0 auto;} .news_list .item{background: #ffffff; overflow: hidden; position: relative; text-align: left; display: inline-block; vertical-align: top; width: calc(33.33% - 40px / 3 - 5px); margin: 20px 0 0; border: 1px solid #d5d7d8; -webkit-background-size: cover; background-size: cover; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .news_list .item:nth-child(3n - 1){margin: 20px 20px 0;} .news_list .item:nth-child(-n + 3){margin-top: 0;} .notouch .news_list .item:hover{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); } .news_list .item .img{border-bottom: 1px solid #d5d7d8;display: block; height: 0; padding: 0 0 55%; width: 100%; background-attachment: local; position: relative; background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover;} .news_list .item .img .date{border-top: 1px solid #d5d7d8; border-left: 1px solid #d5d7d8; position: absolute; right: 0; bottom: 0; display: block; padding: 5px 14px; font-size: 12px; line-height: 16px; color: #828487; text-align: left; background: #ffffff;} .news_list .item .text{padding: 0;} .news_list .item .text .title{margin: 0; padding: 15px 20px 0; overflow: hidden; height: 40px; text-transform: uppercase; display: block; font-size: 16px; line-height: 22px; color: #000000; font-weight: 700; text-align: left; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .news_list .item:hover .title{color: #53ac36;} .news_list .item .text .anotation {font-size: 14px; line-height: 18px; color: #808080; font-weight: 400; text-align: left; margin: 10px 20px 10px; padding: 0; display: block; height: 54px; overflow: hidden;} .news_list .item .text .link {display: block; margin: 0 20px 15px; font-size: 12px; line-height: 18px; color: #000000; font-weight: 400; text-align: left; padding: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .news_list .item:hover .text .link{color: #53ac36;} @media screen and (max-width: 1400px) { .news_list .item{width: calc(50% - 20px / 2 - 5px);} .news_list .item:nth-child(3n - 1){margin: 20px 0 0;} .news_list .item:nth-child(-n + 3){margin-top: 20px;} .news_list .item:nth-child(2n){margin: 20px 0 0 20px;} .news_list .item:nth-child(-n + 2){margin-top: 0;} } @media screen and (max-width: 600px) { .news_list .item{width: 100%; display: block; margin: 20px 0 0 !important} .news_list .item:nth-child(-n + 1){margin-top: 0 !important;} } .contact_list{text-align: left; width: 100%; position: relative; font-size: 0;} .contact_list h2, .contact_list h3{margin: 30px 0 0; padding: 40px 0 10px; border-top: 1px solid #efefef;} .contact_list h2:first-child, .contact_list h3:first-child{padding: 0 0 10px; border: 0;} .contact_list .item{padding: 0 20px 0 0; position: relative; display: inline-block; vertical-align: top; width: calc(14.33% - 20px); margin: 30px 0 0;} .contact_list .item:nth-child(-n + 3){margin-top: 0;} .contact_list .item .name{font-size: 16px; line-height: 22px; font-weight: 700; margin: 0 0 4px; padding: 0;} .contact_list .item .post{font-size: 14px; line-height: 22px; font-weight: 400; margin: -4px 0 4px; padding: 0; font-style: italic; color: #808080} .contact_list .item p{font-size: 14px; line-height: 20px; font-weight: 400; margin: 0; padding: 0;} .contact_list .item p.phone{background: url(../img/phone_icon_black.svg) no-repeat scroll left center; background-size: 14px; padding: 0 0 0 20px;} .contact_list .item p.mail{background: url(../img/mail_icon_black.svg) no-repeat scroll left center; background-size: 14px; padding: 0 0 0 20px;} .contact_list .item p a{-webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .contact_list .item p a:hover{color: #F8AF00;} @media screen and (max-width: 1650px) { .contact_list .item{width: calc(16% - 20px);} } @media screen and (max-width: 1470px) { .contact_list .item{width: calc(20% - 20px);} } @media screen and (max-width: 1300px) { .contact_list .item{width: calc(33.33% - 20px); margin: 20px 0 0;} .contact_list .item:nth-child(-n + 4){margin-top: 20px;} .contact_list .item:nth-child(-n + 3){margin-top: 0;} } @media screen and (max-width: 920px) { .contact_list .item{width: calc(50% - 20px); margin: 20px 0 0;} .contact_list .item:nth-child(-n + 4){margin-top: 20px;} .contact_list .item:nth-child(-n + 3){margin-top: 20px;} .contact_list .item:nth-child(-n + 2){margin-top: 0;} } @media screen and (max-width: 650px) { .contact_list .item{width: 100%; margin: 20px 0 0; padding: 0; display: flex; flex-direction: column; align-items: center;} .contact_list .item:nth-child(-n + 4){margin-top: 20px;} .contact_list .item:nth-child(-n + 3){margin-top: 20px;} .contact_list .item:nth-child(-n + 2){margin-top: 20px;} .contact_list .item:nth-child(-n + 1){margin-top: 0;} } @media screen and (max-width: 500px) { .contact_list .item .name{font-size: 14px; line-height: 20px;} .contact_list .item .post{font-size: 13px; line-height: 20px;} .contact_list .item p{font-size: 13px; line-height: 20px;} } .faq_list{width: 100%; position: relative; margin: 0 auto;} .faq_list .item{position: relative; text-align: left; display: block; margin: 30px 0 0; padding: 30px 0 0; border-top: 1px solid #f0f0f0; font-size: 0;} .faq_list .item:first-of-type{margin: 0; padding: 0; border: 0;} .faq_list .item .number{border: 1px solid #53ac36; background: #53ac36; color: #ffffff; text-align: center; width: 34px; line-height: 34px; font-size: 14px; font-weight: 700; display: inline-block; vertical-align: top;} .faq_list .item .text{padding: 0 0 0 20px; display: inline-block; vertical-align: top; width: calc(100% - 36px - 20px); } .faq_list .item .text h2{padding: 0 0 10px; margin: 0; text-transform: uppercase; display: block; font-size: 16px; line-height: 22px; color: #000000; font-weight: 700; text-align: left; -webkit-transition: all 400ms ease; transition: all 400ms ease;} @media screen and (max-width: 1024px) { .faq_list .item{margin: 25px 0 0; padding: 25px 0 0;} } @media screen and (max-width: 600px) { .faq_list .item{margin: 20px 0 0; padding: 20px 0 0;} .faq_list .item .number{width: 28px; height: 28px; line-height: 28px;} .faq_list .item .text{padding: 0 0 0 15px; width: calc(100% - 30px - 15px); } .faq_list .item .text h2{font-size: 14px; line-height: 20px;} } .file_list{width: 100%; position: relative; margin: 15px auto 0;} .detail .file_list{margin: 20px auto 0;} .file_list .item{position: relative; width: calc(20% - 40px / 5 - 2px); padding: 0; border: 0; border: 1px solid #000000; display: block; float: left; margin: 10px 0 0 0;} .file_list .item:nth-child(5n - 1){margin: 10px 10px 0;} .file_list .item:nth-child(5n - 3){margin: 10px 10px 0;} .file_list .item:nth-child(-n + 5){margin-top: 0;} .file_list .item span.img{position: relative; padding: 0 0 141%; display: block; background-repeat: no-repeat; background-position: center center; -webkit-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; 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; border-radius: 28px; -webkit-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: #000000; color: #ffffff; font-weight: 400; font-size: 14px; line-height: 20px;} .file_list .clas_item{text-align: left; background: #ffffff; float: left; position: relative; border: 1px solid #efefef; margin: 0 6px 6px 0; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .file_list .clas_item a { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; text-decoration: none; font-size: 13px; color: #535353; font-weight: 400; line-height: 18px; padding: 8px 20px; display: inline-block; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .file_list .clas_item a span{font-size: 13px; color: #000000; font-weight: 400; line-height: 18px; letter-spacing: 0.5px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .file_list .clas_item:hover{border: 1px solid #F8AF00; background: #F8AF00;} .notouch .file_list .clas_item:hover a{color: #ffffff;} .notouch .file_list .clas_item:hover a span{text-decoration: none; color: #ffffff;} .file_list .clas_item a::before{content: ""; background: url("../img/icon_download.svg") no-repeat center center/cover; width: 20px; height: 20px; margin-left: -5px; margin-right: 10px; display: inline-block} @media screen and (max-width: 1280px) { .file_list .item{width: calc(25% - 30px / 4 - 2px); margin: 10px 0 0 0;} .file_list .item:nth-child(5n - 1){margin: 10px 0 0;} .file_list .item:nth-child(5n - 3){margin: 10px 0 0;} .file_list .item:nth-child(-n + 5){margin-top: 10px;} .file_list .item:nth-child(4n - 1){margin: 10px 10px 0;} .file_list .item:nth-child(4n - 2){margin: 10px 0 0 10px;} .file_list .item:nth-child(-n + 4){margin-top: 0;} } @media screen and (max-width: 1100px) { .file_list .item{width: calc(33.33% - 20px / 3 - 2px); margin: 10px 0 0 0;} .file_list .item:nth-child(5n - 1){margin: 10px 0 0;} .file_list .item:nth-child(5n - 3){margin: 10px 0 0;} .file_list .item:nth-child(-n + 5){margin-top: 10px;} .file_list .item:nth-child(4n - 1){margin: 10px 0 0;} .file_list .item:nth-child(4n - 2){margin: 10px 0 0;} .file_list .item:nth-child(-n + 4){margin-top: 10px;} .file_list .item:nth-child(3n - 1){margin: 10px 10px 0;} .file_list .item:nth-child(-n + 3){margin-top: 0;} } @media screen and (max-width: 700px) { .file_list .item{width: calc(50% - 10px / 2 - 2px); margin: 10px 0 0 0;} .file_list .item:nth-child(5n - 1){margin: 10px 0 0;} .file_list .item:nth-child(5n - 3){margin: 10px 0 0;} .file_list .item:nth-child(-n + 5){margin-top: 10px;} .file_list .item:nth-child(4n - 1){margin: 10px 0 0;} .file_list .item:nth-child(4n - 2){margin: 10px 0 0;} .file_list .item:nth-child(-n + 4){margin-top: 10px;} .file_list .item:nth-child(3n - 1){margin: 10px 0 0;} .file_list .item:nth-child(-n + 3){margin-top: 10px;} .file_list .item:nth-child(2n){margin: 10px 0 0 10px;} .file_list .item:nth-child(-n + 2){margin-top: 0;} .file_list .clas_item{margin: 0 15px 3px 0;} .file_list .clas_item a{font-size: 12px; line-height: 16px; padding: 5px 10px;} .file_list .clas_item a span{font-size: 12px; line-height: 16px; letter-spacing: 0;} } .fotogalerie{width: 100%; position: relative; margin: 0; font-size: 0;} .fotogalerie .text_box{margin: 0 0 20px;} .fotogalerie a.swipebox{display: inline-block; vertical-align: middle; position: relative; -webkit-box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.5); box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.5);} .fotogalerie a.swipebox .in{display: block; position: relative; width: 100%; padding: 0 0 60%; background: no-repeat scroll center center; background-size: cover;} .fotogalerie a.swipebox .in::before{opacity: 0; content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #F8AF00; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .fotogalerie a.swipebox .in::after{opacity: 0; content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 46px; height: 46px; background: url(../img/fotogallery_icon.svg) no-repeat scroll center center; background-size: 46px 46px; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .fotogalerie a:hover .in::before{opacity: 0.90;} .notouch .fotogalerie a:hover .in::after{opacity: 1;} .fotogalerie.row_three a.swipebox{width: calc(33.33% - 20px / 3); margin: 10px 0 0;} .fotogalerie.row_three a.swipebox:nth-child(3n - 1){margin: 10px 10px 0;} .fotogalerie.row_three a.swipebox:nth-child(-n + 3){margin-top: 0;} @media screen and (max-width: 700px) { .fotogalerie.row_three a.swipebox{width: calc(50% - 10px / 2); margin: 10px 0 0;} .fotogalerie.row_three a.swipebox:nth-child(3n - 1){margin: 10px 0 0;} .fotogalerie.row_three a.swipebox:nth-child(-n + 3){margin-top: 10px;} .fotogalerie.row_three a.swipebox:nth-child(2n){margin: 10px 0 0 10px;} .fotogalerie.row_three a.swipebox:nth-child(-n + 2){margin-top: 0;} } .fotogalerie.row_four a.swipebox{width: calc(25% - 30px / 4); margin: 10px 0 0;} .fotogalerie.row_four a.swipebox:nth-child(4n - 1){margin: 10px 10px 0;} .fotogalerie.row_four a.swipebox:nth-child(4n - 2){margin: 10px 0 0 10px;} .fotogalerie.row_four a.swipebox:nth-child(-n + 4){margin-top: 0;} @media screen and (max-width: 1280px) { .fotogalerie.row_four a.swipebox{width: calc(33.33% - 20px / 3); margin: 10px 0 0;} .fotogalerie.row_four a.swipebox:nth-child(4n - 1){margin: 10px 0 0;} .fotogalerie.row_four a.swipebox:nth-child(4n - 2){margin: 10px 0 0;} .fotogalerie.row_four a.swipebox:nth-child(-n + 4){margin-top: 10px;} .fotogalerie.row_four a.swipebox:nth-child(3n - 1){margin: 10px 10px 0;} .fotogalerie.row_four a.swipebox:nth-child(-n + 3){margin-top: 0;} } @media screen and (max-width: 700px) { .fotogalerie.row_four a.swipebox{width: calc(50% - 10px / 2); margin: 10px 0 0;} .fotogalerie.row_four a.swipebox:nth-child(4n - 1){margin: 10px 0 0;} .fotogalerie.row_four a.swipebox:nth-child(4n - 2){margin: 10px 0 0;} .fotogalerie.row_four a.swipebox:nth-child(-n + 4){margin-top: 10px;} .fotogalerie.row_four a.swipebox:nth-child(3n - 1){margin: 10px 0 0;} .fotogalerie.row_four a.swipebox:nth-child(-n + 3){margin-top: 10px;} .fotogalerie.row_four a.swipebox:nth-child(2n){margin: 10px 0 0 10px;} .fotogalerie.row_four a.swipebox:nth-child(-n + 2){margin-top: 0;} } .grid{padding: 0; opacity: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .grid .grid-item{width: 25%; display: inline-block;} .grid .grid-item.swipebox::before{opacity: 0; content: ""; display: block; position: absolute; left: 4px; top: 4px; right: 4px; bottom: 4px; background: #53ac36; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .grid .grid-item.swipebox::after{opacity: 0; content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 54px; height: 54px; background: url(../img/fotogallery_icon.svg) no-repeat scroll center center; background-size: 54px 54px; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: all 400ms ease; transition: all 400ms ease; } .grid .grid-item img{max-width: calc(100% - 8px); display: block; margin: 4px;} .notouch .grid a:hover::before{opacity: 0.90;} .notouch .grid a:hover::after{opacity: 1;} @media screen and (max-width: 1024px) { .grid .grid-item{width: 33.33%;} } @media screen and (max-width: 768px) { .grid .grid-item{width: 50%;} } .default_form{text-align: center; position: relative; margin: 0; display: block; width: 100%;} .default_form form{padding: 30px 45px; background: #ffffff; border: 1px solid #efefef; display: block;} .default_form form .title{text-align: center; font-size: 18px; line-height: 26px; font-weight: 700; margin: 0 0 15px;} .default_form form table{width: 100%; border-collapse: separate; border-spacing: 0 8px;} .default_form form table th{ position: relative; white-space: nowrap; vertical-align: middle; width: 130px; font-size: 13px; line-height: 17px; font-weight: 500; text-align: right; padding: 0 20px 0 0; margin: 0;} .default_form form table th:nth-child(3){padding-left: 20px;} .default_form form table td{padding: 0;} .default_form form table td input[type=text], .normal_form form table td input[type=password]{border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #ffffff; font-size: 14px; line-height: 20px; padding: 8px 15px; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .default_form form table td textarea{resize: none; overflow: hidden; height: 80px; border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #ffffff; font-size: 14px; line-height: 20px; padding: 8px 15px; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .default_form form table td input[readonly]{border: 1px solid #e6e7e8 !important; background: #f2f2f2;} .default_form form table td input[type=text]:focus, .default_form form table td textarea:focus{border: 1px solid #F8AF00;} .default_form form table td.gdpr{text-align: right; margin: 10px 0 0; font-size: 12px; line-height: 16px;} .default_form form table td.gdpr a{font-weight: 600; text-decoration: underline; font-size: 11px; line-height: 16px;} .notouch .default_form form table td.gdpr a:hover{color: #F8AF00;} @media screen and (max-width: 768px) { .default_form{margin: 0 0 30px; display: flex; flex-direction: column; align-items: center;} .default_form form{display: block; width: calc(100% - 52px)} .default_form form table, .default_form form tbody, .default_form form table tr, .default_form form table th, .default_form form table td{display: block; width: 90%; margin: 0 auto; text-align: center; clear: both;} .default_form form table th{text-align: center; padding: 0 0 5px;} .default_form form table th:nth-child(3){padding-left: 20px;} .default_form form table td input[type=text], .default_form form table td input[type=password]{text-align: center;} .default_form form table td{width: 90%; margin: 15px auto;} .default_form form table td input[type=text], .default_form form table tr td button{margin-top: 20px auto 0;} } @media screen and (min-width: 501px){ .show_on_mobile {display: none;} } .services { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .services .item { width: 49%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 40px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .services .item.hover_efekt{color: #F8AF00;} .services .hide {display: none;} .services .show_rest{ width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .services .item_show{ width: 49%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 40px; } .services .item:nth-child(-n + 2) {margin-top: 0;} .services .item .width{width: 50%;} .services .item .img{position: relative; width: 100%; padding: 0 0 40%; background: no-repeat center center/cover} .services .item .text{position: relative; display: block; padding: 20px 25px; margin: 0; font-size: 0;} .services .item .text h3{margin: 0; padding: 0; text-transform: uppercase; font-size: 19px; font-weight: 600; width: calc(100% - 65px); display: inline-block; vertical-align: middle; } .services .item .text span{width: 50px; height: 50px; position: relative; display: inline-block; vertical-align: middle; } .services .item .text span::before{position: absolute; right: 0; top: 0; left: 0; bottom: 0; content: ""; background: no-repeat scroll center center; background-size: 40px 40px; opacity: 1; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .hp .services .item .text span::before{background-image: url(../img/arrow_section_grey.svg);} .sub .services .item .text span::before{background-image: url(../img/arrow_section.svg);} .services .item .text span::after{position: absolute; right: 0; top: 0; left: 0; bottom: 0; content: ""; background: url(../img/arrow_section_black.svg) no-repeat scroll center center; background-size: 40px 40px; opacity: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .services .item:hover .text span::before{opacity: 0;} .services .item:hover .text span::after{opacity: 1;} @media screen and (max-width: 1024px){ .services { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .services .item{width: 100%;} } @media screen and (max-width: 500px){ .services .item:nth-child(-n + 2) {margin-top: 40px;} .services .item .text h3{font-size: 14px;} .services .item .text span{width: 30px; height: 30px;} .services .item .text span::before{background-size: 30px 30px;} .services .item .text span::after{background-size: 30px 30px;} .services .item .text{padding: 20px 5px;} } .finall_order{text-align: left;} .finall_order a{text-align: left; border-radius: 30px;} .finall_order article p, .finall_order .text_box p{margin: 0 0 10px;} .finall_order article p:last-of-type, .finall_order .text_box p:last-of-type{margin: 0 0 20px;} .finall_order.center, .finall_order.center article, .finall_order.center article > *, .finall_order.center .text_box, .finall_order.center .text_box > *{text-align: center;} img.end_order{max-width: 100px; margin: 0 0 20px; display: block;} img.end_order.center{margin: 0 auto 20px;} .finall_order #error-alert:empty{display: none;} .finall_order #error-alert{padding: 15px; text-align: center; font-size: 12px; line-height: 16px; font-weight: 700; background: #e21414; color: #ffffff; max-width: 593px; display: block; margin: 0 auto 15px;} .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: #efefef; border: 1px solid #e0dfdf; display: inline-block; } .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: 50px; font-size: 13px; line-height: 17px; color: #000000; font-weight: 600; text-align: right; padding: 0 20px 0 0; margin: 0;} .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: #ffffff; font-size: 13px; line-height: 20px; padding: 5px 15px; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .normal_form form table td input[readonly]{border: 1px solid #e6e7e8 !important; background: #efefef;} .normal_form form table td input[type=text]:focus, .normal_form form table td input[type=password]:focus{border: 1px solid #666;} @media screen and (max-width: 768px) { .normal_form{margin: 0 0 30px;} .normal_form form{display: block; width: calc(100% - 52px)} .normal_form form table, .normal_form form tbody, .normal_form form table tr, .normal_form form table th, .normal_form form table td{display: block; width: 100%; text-align: center; clear: both;} .normal_form form table th{text-align: center; padding: 0 0 5px;} .normal_form form table td input[type=text], .normal_form form table td input[type=password]{text-align: center;} } .reg_form{text-align: left; position: relative; margin-bottom: 20px !important;} .reg_form.hide{display: none;} .reg_form.margin{margin-top: 40px;} .reg_form .box{position: relative; width: 55%; padding: 0 5% 0 0; display: inline-block; vertical-align: top; margin-right: -5px;} .reg_form .box.second{width: 35%; padding: 0 0 0 5%;} .reg_form .box.second .overflow_form{opacity: 0.4; position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .reg_form .box.second .overflow_form::before{position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; content: "";} .reg_form .box.second .overflow_form.active{opacity: 1;} .reg_form .box.second .overflow_form.active::before{display: none;} .reg_form .box.full{display: none; width: calc(100% - 60px); margin: 0; background: #efefef; 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: #efefef; height: 353px;} .reg_form .box .top_title{width: 100%; text-align: center; display: block;} .reg_form .box p.title{display: inline-block; text-align: center; font-size: 20px; font-weight: 600; line-height: 26px; margin: 0;} .reg_form .box p.title .checker{margin: 0 0 0 4px;} .reg_form .box .anotation{display: block; text-align: center; font-size: 13px; font-weight: 400; line-height: 18px; margin: 15px 0 20px;} .reg_form .box .anotation label{display: block; font-size: 14px; font-weight: 400; line-height: 21px; } .reg_form .box .anotation .checker{margin-right: 8px;} .reg_form .box .anotation span.text{max-width: calc(100% - 30px); display: inline-block; vertical-align: middle; position: relative; color: #000000; font-size: 13px; line-height: 18px; text-align: left;} .reg_form .box .anotation span.text strong{color: #000000; font-size: 13px; line-height: 18px; text-align: left;} .reg_form .box .anotation.c_click span.text::before{position: absolute; top: -3px; bottom: 0; right: calc(100% + 6px); background: transparent; cursor: pointer; content: ""; width: 25px; height: 25px; z-index: 10; } .reg_form .box p{clear: both; display: block; font-size: 14px; font-weight: 400; color: #000000; line-height: 19px; text-align: left; margin: 0;} .reg_form .box p strong{font-size: 14px; font-weight: 600; color: #000000; line-height: 19px;} .reg_form .box p a{font-size: 14px; font-weight: 400; color: #000000; line-height: 19px; text-decoration: underline; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .reg_form .box p a:hover{color: #666666;} .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: #000000; font-weight: 500; text-align: right; padding: 0 20px 10px; margin: 0; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease;} .reg_form .box table th span{margin-right: -7px; position: relative; top: -5px; right: -1px; color: #666666; 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: 14px; font-weight: 400; line-height: 25px; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease;} .reg_form .box table td.centering{padding: 10px 0 0; text-align: center;} .reg_form .box table td span:not(.text){margin-right: 0; position: relative; top: -5px; right: 0; color: #666666; font-size: 14px; line-height: 20px;} .reg_form .box table td a{ font-size: 13px; font-weight: 600; line-height: 18px; text-decoration: underline; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .reg_form .box table td a:hover{color: #53ac36;} .reg_form .box table td .checker{vertical-align: middle; margin: 0 8px 0 0;} .reg_form .box table td .checker span{top: 0;} .reg_form .box table td span.text{max-width: calc(100% - 30px); display: inline-block; vertical-align: middle; position: relative; color: #000000; font-size: 13px; line-height: 18px; text-align: left;} .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: #ffffff; font-size: 14px; line-height: 20px; padding: 5px 15px; color: #000000; -webkit-transition: border 400ms ease; transition: border 400ms ease;} .reg_form .box table td input[readonly]{border: 1px solid #e6e7e8 !important; background: #efefef;} .reg_form .box table td textarea{resize: none; height: 80px; border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #ffffff; font-size: 14px; line-height: 20px; padding: 5px 15px; color: #000000; -webkit-transition: border 400ms ease; transition: border 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 #53ac36;} .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; 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;} @media screen and (max-width: 1024px) { .reg_form .box{width: 90%; padding: 0 5%; margin: 0; text-align: center;} .reg_form .box.second{width: 90%; padding: 0 5%;} .reg_form .box.full{width: 90% ;padding: 25px 5% 10px;} .reg_form .box.second::before{display: none;} .reg_form .box .top_title{padding-top: 0;} .reg_form .box.second .top_title{padding-top: 30px;} .reg_form .box.long p.anotation{margin: 10px 0 30px;} .reg_form .box .anotation{margin: 5px 0 30px;} .reg_form .box .anotation.margin{margin: 0;} .reg_form .box .anotation.empty{display: none;} .reg_form .box table{min-width: 420px; width: initial; width: auto; margin: 20px auto 0;} .reg_form .box table td input[type=text], .reg_form .box table td input[type=password]{max-width: 260px;} .reg_form .box table td textarea{max-width: 260px;} .reg_form .box table.dodaci{display: table; min-width: 420px; width: initial; width: auto; margin: 20px auto 0;} .reg_form .box table.dodaci tbody{display: table-row-group;} .reg_form .box table.dodaci tr{display: table-row;} .reg_form .box table.dodaci th, .reg_form .box table.dodaci td{display: table-cell; width: initial; width: auto;} .reg_form .box table.dodaci th{width: 130px; padding: 0 20px 10px;} .reg_form .box table.dodaci tr th:first-child{padding-left: 0} .reg_form .box table.dodaci td{width: initial; width: auto;} .reg_form .box table.dodaci th.mobile_cell, .reg_form .box table.dodaci td.mobile_cell{display: table-cell;} .reg_form .box.second .overflow_form{opacity: 1 !important;} .reg_form .box.second .overflow_form table{display: none !important;} .reg_form .box.second .overflow_form.active table{display: table !important;} .reg_form .box.second .overflow_form::before{display: none !important} } @media screen and (max-width: 700px) { .reg_form{max-width: 350px; margin: 0 auto;} .reg_form.margin{margin-top: 20px;} .reg_form .box{width: 100%; padding: 0; margin: 0; text-align: center;} .reg_form .box.second{width: 100%; padding: 0;} .reg_form .box.show{margin: 0 auto;} .reg_form .box.full{width: 100% ;padding: 25px 0 10px;} .reg_form .box .top_title{text-align: left;} .reg_form .box.long p.anotation{margin: 10px 0;} .reg_form .box .anotation{margin: 5px 0 20px; text-align: left; font-size: 12px;} .reg_form .box table{min-width: 420px; width: initial; width: auto; margin: 20px auto 0;} .reg_form .box table td input[type=text], .reg_form .box table td input[type=password]{max-width: 318px; font-size: 13px;} .reg_form .box table td textarea{max-width: 260px; font-size: 13px;} .reg_form .box table.dodaci{display: table; min-width: 420px; width: initial; width: auto; margin: 20px auto 0;} .reg_form .box table.dodaci tbody{display: table-row-group;} .reg_form .box table.dodaci tr{display: table-row;} .reg_form .box table.dodaci th, .reg_form .box table.dodaci td{display: table-cell; width: initial; width: auto;} .reg_form .box table.dodaci th{width: 130px; padding: 0 20px 10px;} .reg_form .box table.dodaci tr th:first-child{padding-left: 0} .reg_form .box table.dodaci td{width: initial; width: auto;} .reg_form .box table.dodaci th.mobile_cell, .reg_form .box table.dodaci td.mobile_cell{display: table-cell;} .reg_form .box table, .reg_form .box table tbody, .reg_form .box table tr, .reg_form .box table th, .reg_form .box table td{text-align: left; width: 100%; display: block; clear: both; min-width: initial; max-width: initial; font-size: 12px; margin: 0 auto;} .reg_form .box table td a, .reg_form .box table td span.text, .reg_form .box .anotation strong, .reg_form .box .anotation span.text{font-size: 12px; line-height: 16px;} .reg_form .box table td.centering{text-align: left;} .reg_form .box table th{padding: 10px 0 3px; font-weight: 600; text-align: left;} .reg_form .box table tr:firs-of-type th:firs-of-type{padding: 0 0 3px;} .reg_form .box table td input[type="submit"]{float: none;} .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{text-align: left; width: 100%; display: block; clear: both; min-width: initial; max-width: initial;} } .spec_box{background: #ffffff; border: 1px solid #efefef;} .spec_box p.open_login{cursor: pointer; font-size: 16px; line-height: 24px; text-align: center; position: relative; padding: 18px 0; margin: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .spec_box p.open_login strong{font-size: 16px; line-height: 24px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .spec_box p.open_login:hover, .notouch .spec_box p.open_login:hover strong{color: #53ac36} .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; 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; 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, div.form_max{max-width: 990px; margin: 0; text-align: center;} form.max p.gdpr, div.form_max p.gdpr{float: left; width: initial; width: auto;} #my_profile form.max, #my_profile div.form_max{margin: 0 auto;} #basket .spec_box .login_form{border: 0; margin: 0 !important; max-width: initial; background: none; padding-top: 0; } .login_form{text-align: left; position: relative; margin: 0 auto 20px; background: #ffffff; border: 1px solid #efefef; padding: 30px 45px; max-width: 900px;} .c_column:not(.full) .login_form{margin: 0 0 10px;} .c_column:not(.full) .login_form.margin{margin: 0 0 20px;} .login_form.pass{max-width: 100%;} #basket .login_form{margin: 10px 0 0 !important;} .login_form.hide, .login_form.hide2{display: none; opacity: 0; margin: 0 0 20px;} .login_form .overtitle{font-weight: 600; text-align: center; margin: -10px 0 15px; padding: 0; font-size: 16px; line-height: 26px; color: #000000;} .login_form p.center{font-weight: 400; text-align: center; margin: -15px 0 20px; padding: 0; font-size: 13px; line-height: 20px; color: #000000;} .login_form .box{width: 46%; padding: 0 0 0 4%; display: inline-block; 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 #efefef;} .login_form .box.first.padding_bottom{padding: 0 4% 32px 0;} .login_form .box .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: #000000; line-height: 19px; text-align: left; margin: 0;} .login_form .box p:last-of-type{margin: 0;} .login_form .box .warning{padding: 5px 5px 0;} .login_form .box .warning > div{display: none; font-size: 12px; line-height: 16px; color: #e81b39} .login_form .box .warning p{display: block; margin: 0; padding: 0; text-align: center; font-weight: 600; color: #e81b39; font-size: 12px; line-height: 16px; } .login_form .box p.margin{margin-top: 10px;} .login_form .box p strong{font-size: 13px; font-weight: 700; color: #000000; line-height: 19px;} .login_form .box p a:not(.btn){font-size: 13px; font-weight: 700; color: #000000; line-height: 19px; text-decoration: underline; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .login_form .box p a:not(.btn):hover{color: #53ac36;} .login_form .box ul{margin: 0; padding: 0 0 20px;} .login_form .box ul.reg_form_help{padding: 0;} .login_form .box ul li{list-style: none; font-size: 13px; font-weight: 400; color: #000000; 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: #000000; font-weight: 500; text-align: right; padding: 0 20px 10px; margin: 0;} .login_form .box table th.align_top{vertical-align: top; padding-top: 9px;} .login_form .box table th span{margin-right: -7px; position: relative; top: -5px; right: -1px; color: #000000; 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: #666666} .login_form .box table td.align_left a{margin: 0; text-decoration: underline; display: inline-block; vertical-align: initial; font-size: 15px; font-weight: 600; color: #000000; -webkit-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: #ffffff; font-size: 13px; line-height: 20px; padding: 5px 15px; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .login_form .box table td textarea{resize: none; height: 80px; overflow: auto; border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #ffffff; font-size: 13px; line-height: 20px; padding: 5px 15px; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .login_form .box table td input[readonly]{border: 1px solid #e6e7e8 !important; background: #efefef;} .login_form .box table td input[type=text]:focus, .login_form .box table td input[type=password]:focus, .login_form .box table td textarea:focus{border: 1px solid #53ac36;} .login_form .box table td label{cursor: pointer; font-size: 13px; line-height: 24px; color: #000000; font-weight: 400; margin: 0; display: inline-block; vertical-align: middle; } .login_form .box table td label .checker{margin: -3px 5px 0 0;} .login_form .box table td .forgotten, .login_form .box table td .forgotten2{background: none; border: 0; padding: 0; text-decoration: underline; font-weight: 600; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .login_form .box table td .forgotten:hover, .notouch .login_form .box table td .forgotten2:hover{color: #53ac36} .login_form .box table td .sbHolder{position: relative; background: #ffffff; width: calc(100% - 2px); margin: 0; border: 1px solid #e6e7e8; } .login_form .box table td .sbHolder .sbToggle{margin: 0; background: url(../img/select_arrow.svg) no-repeat scroll center center; background-size: 16px 16px; right: 0; top: 0; bottom: 0; height: 100%; width: 30px; border-left: 1px solid #e6e7e8; -webkit-transition: none; transition: none;} .login_form .box table td .sbHolder .sbToggle.sbToggleOpen{background: url(../img/select_arrow_reverse.svg) no-repeat scroll center center; background-size: 16px 16px;} .login_form .box table td .sbHolder a.sbSelector{margin: 0; display: block; color: #000 !important; font-size: 13px; line-height: 16px; padding: 7px 31px 7px 15px; font-weight: 400; width: calc(100% - 46px); text-align: left; text-decoration: none;} .login_form .box table td .sbOptions{max-height: 500px !important; z-index: 999; top: 30px !important; background: #ffffff; 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: 7px 15px; font-size: 12px; line-height: 16px; margin: 0; font-weight: 400; color: #888888 !important;} .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; color: #000000 !important;} .login_form .box table td.gdpr{font-size: 13px; font-weight: 400; line-height: 20px; padding: 0;} .login_form .box table td.gdpr a:not(.btn){font-size: 13px; line-height: 20px; vertical-align: unset} .login_form .box table td a:not(.btn){margin: 0; text-decoration: underline; display: inline-block; vertical-align: middle; font-size: 13px; font-weight: 600; line-height: 40px; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .login_form .box table td a:not(.btn):hover{color: #53ac36;} .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: #ffffff; font-weight: 400; background: #21409a; padding: 0 53px 0 18px; display: block; -webkit-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(../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: #ffffff; font-weight: 400; background: #ed1c24; margin: 5px 0 20px; padding: 0 53px 0 18px; display: block; -webkit-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(../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;} @media screen and (max-width: 900px) { .login_form{padding: 30px; max-height: initial !important;} .login_form .overtitle{margin: -5px 0 10px; text-align: left; text-transform: uppercase; font-weight: 700;} .login_form p.center{text-align: left; line-height: 16px; margin: -10px 0 10px} .login_form .box{text-align: left; width: 100% !important; padding: 0 !important; border: 0 !important;} .login_form .box.middle{padding: 20px 0 0 !important;} .login_form .box.middle.first{padding: 0 !important;} .login_form .box.middle.small_hide{display: none;} .login_form .box table, .login_form .box table tbody, .login_form .box table tr, .login_form .box table th, .login_form .box table td{padding: 0; text-align: left; width: 100%; display: block; clear: both; min-width: initial; max-width: initial;} .login_form .box table tr:first-child th:first-child {padding: 0 0 3px;} .login_form .box table tr.empty{display: none} .login_form .box table th{text-align: left; padding: 0;} .login_form .box table th span{top: -2px;} .login_form .box table td{padding: 3px 0 15px;} .login_form .box:last-of-type table tr:last-of-type td{padding: 3px 0 0;} .login_form .box table td a{margin: 0 0 3px;} .login_form .box .title{display: block;} .login_form .box a.fb, .login_form .box a.g{margin: 0 auto 10px !important; display: inline-block; zoom: 1; float: none;} .login_form .box table td input[type="submit"]{float: none; margin-left: 0; margin-right: 0;} .login_form .box a.btn{float: none; margin: 0;} form.max > .btn.right{margin: 0; float: none;} .login_form .box table td .forgotten{text-align: center; margin: 0 0 0 10px} .login_form .box p{text-align: left; margin: 0 0 10px;} .login_form .box ul{display: inline-block; vertical-align: middle;} } @media screen and (max-width: 500px) { .spec_box p.open_login{font-size: 12px; line-height: 18px; padding: 14px 20px; text-align: left; text-transform: uppercase;} .spec_box p.open_login strong{font-size: 12px; line-height: 18px;} .login_form{padding: 20px;} .login_form .box table td a:not(.btn){line-height: 30px;} .login_form .box table td.gdpr, .login_form .box table td.gdpr a:not(.btn){font-size: 12px; line-height: 16px;} } .search_box{position: relative; display: inline-block; margin: 0 0 20px; width: 320px; z-index: 200; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .search_box input[type=text]{position: relative; z-index: 1; display: block; width: calc(100% - 66px); padding: 10px 51px 10px 15px; border: 0; border-radius: 30px; font-size: 14px; line-height: 20px; font-weight: 400; color: #252732; border: 1px solid #f4f3ee; background: none; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .search_box input[type=text]::-webkit-input-placeholder {color: #252732;} .search_box input[type=text]::-moz-placeholder {color: #252732;} .search_box input[type=text]::-ms-input-placeholder {color: #252732;} .search_box input[type=text]:focus{border: 1px solid #F8AF00;} .search_box button[type=submit].search_field{position: absolute; right: -2px; top: 0; width: 42px; height: 42px; border-radius: 30px; background: none; z-index: 10; border: 1px solid #252732; background: #252732; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .search_box button[type=submit].search_field::before{opacity: 1; background: url(../img/search_white.svg) no-repeat scroll center center; background-size: 20px 20px; content: ""; position: absolute; right: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .search_box button[type=submit].search_field:hover{border: 1px solid #F8AF00; background: #F8AF00;} .search_box form p.load{border: 1px solid #ffffff; top: calc(100% + 10px); opacity: 0; visibility: hidden; font-size: 12px; line-height: 20px; font-weight: 400; z-index: 0; position: absolute; left: 0; right: 0; background: #fff; color: #515154; padding: 10px 15px 10px 40px; margin: 0; text-align: left; 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);} .search_box form p.load.active{opacity: 1; visibility: visible;} .search_box form p.load::before{position: absolute; left: 15px; top: 50%; margin-top: -10px; width: 20px; height: 20px; content: ""; background: url(../img/search_arrow.svg) no-repeat scroll center center; background-size: 20px 20px; -webkit-animation: rotating 2s linear infinite; animation: rotating 2s linear infinite;} @-webkit-keyframes rotating {from {-webkit-transform: rotate(0deg);transform: rotate(0deg);}to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}} @keyframes rotating {from{ -webkit-transform: rotate(0deg); transform: rotate(0deg);} to{ -webkit-transform: rotate(360deg); transform: rotate(360deg);}} .search_box form p.error{border: 1px solid #ffffff; top: 0; opacity: 0; visibility: hidden; font-size: 12px; line-height: 20px; font-weight: 400; z-index: 0; background: #fff; color: #515154; padding: 10px 15px 10px 40px; margin: 0; text-align: left;} .search_box form p.error.active{opacity: 1; visibility: visible;} .search_box form p.error::before{position: absolute; left: 15px; top: 50%; margin-top: -10px; width: 20px; height: 20px; content: ""; background: url(../img/search_error.svg) no-repeat scroll center center; background-size: 20px 20px;} .search_box form ul{overflow: hidden; opacity: 1; visibility: visible; display: block; z-index: 0; position: absolute; margin: 0; padding: 0; top: calc(100% + 10px); left: 0; right: 0; background: #ffffff; 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);} .search_box form ul.hide{opacity: 0; visibility: hidden;} .search_box form ul:empty{display: none;} .search_box form ul li{list-style: none; display: block;} .search_box form ul li a, .search_box form ul li button{border: 0; background: #fff; text-align: left; border-top: 1px solid #f0f0f0; font-size: 13px; line-height: 22px; color: #515154; padding: 5px 10px; list-style: none; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .search_box form ul li:hover a, .search_box form ul li.active a{background: #f0f0f0; color: #515154;} .notouch .search_box form ul li.special:hover a, .search_box form ul li.active.special a{background: #F8AF00; color: #ffffff;} .search_box form ul li button{padding-left: 0; padding-right: 0; width: 100%; } .search_box form ul li.special a, .search_box form ul li.special button{font-weight: 500; background: #252732; font-size: 12px; color: #fff; text-align: center; text-decoration: underline; padding: 8px 10px; margin: 0 0 -1px;} .search_box form ul li a span{font-weight: 500; font-size: 12px; line-height: 22px; color: #515154; padding: 0;} .notouch .search_box form ul li:not(.special):hover a, .search_box form ul li.active a, .notouch .search_box form ul li:not(.special):hover button, .search_box form ul li.active button{background: #f0f0f0; color: #000;} .notouch .search_box form ul li.special:hover a, .search_box form ul li.active.special a, .notouch .search_box form ul li.special:hover button, .search_box form ul li.active.special button{text-decoration: none;} .search_box form ul li > span{-webkit-border-radius: 0; border-radius: 0; background: #252732; text-align: left; font-size: 13px; line-height: 20px; color: #fff; font-weight: 400; padding: 8px 10px; list-style: none; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;} @media screen and (max-width: 1440px){ .search_box{margin: 0 20px 0 0;} } @media screen and (max-width: 750px){ .search_box{width: 220px;} } @media screen and (max-width: 550px){ .search_box{display: none;} } #hide_tr{display: none;} .scroll_top{z-index: 9000; opacity: 0; position: absolute; right: -5%; top: -33px; width: 48px; height: 48px; background: transparent; border: none; background-size: 19px auto;} .scroll_top.hide{display: none;} .scroll_top::before{opacity: 1; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -9px; display: block; width: 25px; height: 24px; content: ""; background: url(../img/scroll_up.svg) no-repeat scroll center center; background-size: 20px 17px;} .scroll_top::after{opacity: 0; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -9px; display: block; width: 25px; height: 24px; content: ""; background: url(../img/scroll_up_hover.svg) no-repeat scroll center center; background-size: 20px 17px;} .scroll_top:hover::before{opacity: 0;} .scroll_top:hover::after{opacity: 1;} /*.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_up.svg) no-repeat scroll center center; background-size: 18px 12px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .scroll_top:hover::before{opacity: 0;} .notouch .scroll_top:hover::after{opacity: 1;}*/ .notouch .scroll_top:hover{background: transparent; border: none;} .scroll_top.active{opacity: 1; bottom: 430px;} .edit_item{position:absolute; left: -1px; bottom: -1px; display: block; border: 1px solid #dbdbdb; background: #f0f0f0; padding: 4px 9px 4px 32px; font-size: 11px; line-height: 16px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .edit_item::before{position: absolute; left: 8px; top: 50%; margin-top: -5px; width: 14px; height: 14px; background: url(../img/edit_icon.svg) no-repeat scroll center center; background-size: 14px 14px; content: "";} .notouch .edit_item:hover{border: 1px solid #dbdbdb; background: #dbdbdb;} .password-verdict {display:none;} .progress {border: 0;background-image: none;filter: none;-webkit-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;transition: width .6s ease;} .progress-bar-danger {background-color: #da2929;} .progress-bar-warning {background-color: #F1C40F;} .progress-bar-success {background-color: #03a903;} .emailTrue {border: 1px solid #03a903 !important;} .emailFalse {border: 1px solid #da2929 !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: #da2929 !important;} ul.reg_form_help li.font-green {color: #03a903 !important;} input[type=text].nette-form-control, input[type=password].nette-form-control {border: 1px solid #e6e7e8;background: #ffffff;font-size: 13px;line-height: 20px;padding: 5px 15px;color: #000000; -webkit-transition: all 400ms ease;transition: all 400ms ease;} .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; 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{position: relative; display: table-cell; vertical-align: middle; z-index: 10;} .video_popup .boxes{min-width: 200px; text-align: center; position: relative; width: calc(100% - 64px); max-width: 1200px; padding: 0; left: 0 !important; display: inline-block; background: #ffffff;} .video_popup video{display: block; width: 100%;} .video_popup .box .close{cursor: pointer; z-index: 100; position: absolute; right: -30px; top: -30px; width: 50px; height: 50px; background: url(../img/close.svg) no-repeat scroll center center #53ac36; background-size: 20px 20px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .video_popup .box .close:hover{background-color: #000000;} .popup_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; transition: all 400ms ease;} .popup_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; } .popup_popup .box{width: 100%; height: initial; height: auto; position: relative; display: table-cell; vertical-align: middle; z-index: 10;} .popup_popup .boxes{text-align: center; position: relative; width: calc(100% - 60px); max-width: 500px; padding: 0; left: 0; display: inline-block; background: #ffffff; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .popup_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;} .popup_popup .box img{margin: 0 auto; display: block; max-width: 100%; max-height: 285px;} .popup_popup .box .text{z-index: 100; position: relative; margin: 0; padding: 0; text-align: center; overflow-y: auto; max-height: calc(100vh - 120px); } .popup_popup .box .text .padding{padding: 20px;} .popup_popup .box .text p{margin: 0;} .popup_popup .boxes .close{z-index: 999; cursor: pointer; overflow: hidden; background: #000000; position: absolute; right: 0; top: 0; width: 40px; height: 40px; -webkit-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .popup_popup .boxes .close::before{content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/close.svg) no-repeat scroll center center; background-size: 12px 12px; margin: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .popup_popup .boxes .close:hover{background: #53ac36;} .notouch .popup_popup .boxes .close:hover::before{-webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .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 400ms ease; transition: all 400ms ease;} .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; background: #ffffff; overflow-y: auto; max-height: calc(100vh - 130px); -webkit-transition: all 400ms ease; transition: all 400ms ease;} .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: #000000; margin: 10px 0; padding: 14px 0; border-bottom: 1px dashed #e0dfdf; border-top: 1px dashed #e0dfdf; background: none; -webkit-border-radius: 0; border-radius: 0;} .buy_popup .box p.anotation strong{white-space: nowrap; font-weight: 700; font-size: 13px; line-height: 17px; color: #000000;} .buy_popup .box p{font-size: 13px; line-height: 17px; color: #000000; margin: 25px 0 10px; padding: 14px 0; background: #e0dfdf; -webkit-border-radius: 10px; border-radius: 10px;} .buy_popup .box p img{max-width: 43px; margin-right: 15px; display: inline-block; 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: #000000; -webkit-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; transition: all 400ms ease; background-attachment: local; background-repeat: no-repeat; background-position: center center; -webkit-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; 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{display: block; font-style: italic; font-weight: 500; color: #53ac36; font-size: 11px; line-height: 15px; letter-spacing: 0.5px;} .buy_popup table.product_souhrn td.three input[type=image]{cursor: default; opacity: 0; border: 0; margin: 0 0 0 8px; display: inline-block; vertical-align: middle; width: 22px; height: 19px; background: url(../img/recount_image.png) no-repeat scroll center -59px; -webkit-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;} } .gift_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; transition: all 400ms ease;} .gift_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; } .gift_popup .box{position: relative; display: table-cell; vertical-align: middle; z-index: 10;} .gift_popup .boxes{min-width: 200px; text-align: center; position: relative; width: calc(100% - 110px); max-width: 460px; padding: 40px 50px; left: 0 !important; display: inline-block; background: #ffffff; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .gift_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: #000000;} .gift_popup .box .text{z-index: 100; position: relative; color: #000000; font-size: 14px; line-height: 16px; font-weight: 400; margin: 10px 0 0; text-align: center;} .gift_popup .box .text p{margin: 5px 0; line-height: 16px;} .gift_popup .box .text strong{color: #000000; font-size: 14px; line-height: 18px; font-weight: 700; margin: 0; text-align: center;} .gift_popup .box .btn{z-index: 100; position: relative;} .gift_popup .box .text .gifts_list{display: block; width: 100%;} .gift_popup .box .text .gifts_list .item{cursor: pointer; margin: 10px 15px 20px; display: inline-block; vertical-align: top; padding: 12px; width: 100px; -webkit-box-shadow: 0 0 5px -2px rgba(0,0,0,0.5); box-shadow: 0 0 5px -2px rgba(0,0,0,0.5); -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .gift_popup .box .text .gifts_list .item:hover{box-shadow: 4px 4px 20px -3px rgba(0,0,0,0.6); -webkit-box-shadow: 4px 4px 20px -3px rgba(0,0,0,0.6);} .gift_popup .box .text .gifts_list .item .img{display: block; margin: 0 0 10px; width: 100%; height: 100px; background-attachment: local; background-repeat: no-repeat; background-position: center center; -webkit-background-size: contain; background-size: contain;} .gift_popup .box .text .gifts_list .item .text{display: block; width: 100%; padding: 0; margin: 0;} .gift_popup .box .text .gifts_list .item .text .title{display: block; font-size: 12px; line-height: 16px; color: #000000; font-weight: 700; text-align: center; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .gift_popup .box .text .gifts_list .item .text .link{margin: 5px 0 0; display: block; font-size: 12px; line-height: 16px; color: #000000; font-weight: 400; text-align: center; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .gift_popup .box .text .gifts_list .item:hover .text .link{color: #53ac36;} .gift_popup .box .text .gifts_list.owl-carousel .owl-controls { width: 100%; left: 0; right: 0; min-height: 0; z-index: 999; } .gift_popup .box .text .gifts_list.owl-carousel .owl-controls .owl-buttons{ position: absolute; top: 50%; margin-top: -27px; left: 0; right: 0; } .gift_popup .box .text .gifts_list.owl-carousel .owl-controls .owl-buttons .owl-prev { cursor: pointer; position:absolute; width: 30px; height: 50px; left: -30px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .gift_popup .box .text .gifts_list.owl-carousel .owl-controls .owl-buttons .owl-next { cursor: pointer; position:absolute; width: 30px; height: 50px; right: -30px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .gift_popup .box .text .gifts_list.owl-carousel .owl-controls .owl-buttons .owl-prev::before { position: absolute; left: 0; top: 0; content: "\2039"; color: #CFD1D2; line-height: 43px; font-size: 44px; text-align: center; display: block; width: 30px; height: 50px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .gift_popup .box .text .gifts_list.owl-carousel .owl-controls .owl-buttons .owl-next::before { position: absolute; left: 0; top: 0; content: "\203A"; color: #CFD1D2; line-height: 43px; font-size: 44px; text-align: center; display: block; width: 30px; height: 50px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .gift_popup .box .text .gifts_list.owl-carousel .owl-controls .owl-buttons .owl-prev:hover::before, .notouch .gift_popup .box .text .gifts_list.owl-carousel .owl-controls .owl-buttons .owl-next:hover::before { color: #53ac36;} @media screen and (max-width: 768px) { .gift_popup .boxes{padding: 25px 40px; width: 220px;} .gift_popup .box span.warning{font-size: 16px; line-height: 20px;} .gift_popup .box .text, .control_popup .box .text p, .control_popup .box .text p strong{font-size: 12px; line-height: 16px;} } .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 400ms ease; transition: all 400ms ease;} .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; width: calc(100% - 110px); max-width: 350px; padding: 40px 50px; left: 0 !important; display: inline-block; background: #ffffff; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .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: #000000;} .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;} .control_popup .box .btn{z-index: 100; position: relative;} @media screen and (max-width: 768px) { .control_popup .boxes{padding: 25px 40px;} .control_popup .box span.warning{font-size: 16px; line-height: 20px;} .control_popup .box .text, .control_popup .box .text p, .control_popup .box .text p strong{font-size: 12px; line-height: 16px;} } .carrier_popup { display: none; width: 100%; height: 100%; text-align: center; opacity: 0; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99997; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .carrier_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; } .carrier_popup .box { position: relative; display: table-cell; vertical-align: middle; z-index: 10;} .carrier_popup .boxes { overflow: auto; width: calc(94% - 100px); max-width: 430px; text-align: center; position: relative; padding: 40px 50px; left: 0; display: inline-block; background: #ffffff; max-height: calc(100vh - 130px); -webkit-transition: all 400ms ease; transition: all 400ms ease;} .carrier_popup .box span.warning { color: #3c3c3b; position: relative; text-transform: uppercase; display: block; margin: 0 0 15px; text-align: center; font-size: 21px; line-height: 26px; font-weight: 700;} .carrier_popup .box .btn { z-index: 100; position: relative; border-radius: 30px;} .carrier_popup .box input[type=text], .carrier_popup .box input[type=password]{margin: 0 0 8px; border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #ffffff; font-size: 13px; line-height: 20px; padding: 9px 15px; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .carrier_popup .box textarea{resize: none; height: 80px; overflow: auto; border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #ffffff; font-size: 13px; line-height: 20px; padding: 5px 15px; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .carrier_popup .box input[readonly]{border: 1px solid #e6e7e8 !important; background: #efefef;} .carrier_popup .box input[type=text]:focus, .carrier_popup .box input[type=password]:focus, .carrier_popup .box textarea:focus{border: 1px solid #F8AF00;} .carrier_popup .box .sbHolder { position: relative; background: #ffffff; width: calc(100% - 2px); display: block; margin: 0 0 8px; border: 1px solid #e6e7e8; } .carrier_popup .box .sbHolder .sbToggle { margin: 0; background: url(img/select_arrow.svg) no-repeat scroll center center; background-size: 16px 16px; border-left: 1px solid #e6e7e8; right: 0; top: 0; bottom: 0; height: 100%; width: 39px;} .carrier_popup .box .sbHolder .sbToggle.sbToggleOpen { background: url(img/select_arrow_reverse.svg) no-repeat scroll center center; background-size: 16px 16px;} .carrier_popup .box .sbHolder a.sbSelector { width: calc(100% - 60px); margin: 0; display: block; color: #19212b !important; font-size: 14px; line-height: 20px; padding: 11px 40px 11px 15px; font-weight: 400; text-align: left; text-decoration: none;} .carrier_popup .box .sbOptions { max-height: 245px !important; z-index: 999; top: calc(100% + 1px) !important; background: #ffffff; padding: 0; left: -1px; right: -1px;} .carrier_popup .box .sbOptions a { text-decoration: none; border: 1px solid #e6e7e8; border-top: 0; height: auto; background: #fff !important; display: block; text-align: left; padding: 6px 15px; font-size: 14px; line-height: 22px; margin: 0; font-weight: 400; color: #19212b !important; -webkit-transition: all 300ms ease; transition: all 300ms ease;} .carrier_popup .box .sbOptions li:first-child { display: none;} .carrier_popup .box .sbOptions li:nth-child(2) a { border-top: 0;} .notouch .carrier_popup .box .sbOptions a:hover { background: #f0f0f0 !important;} .carrier_popup .file{text-align: left; position: relative; width: 100%;} .carrier_popup .file .uploadFile{width: calc(100% - 150px) !important;} .carrier_popup .file .uploadBtn{width: 100%;} .carrier_popup .file .fileUpload {cursor: pointer; position: absolute; top: 3px; left: 0; right: 0; z-index: 1; overflow: hidden; margin: 0;} .carrier_popup .file .fileUpload .btn {padding-left: 0; padding-right: 0; text-align: center; width: 108px; padding: 10px 0px} .carrier_popup .file .fileUpload input[type=file] {z-index: 999; position: absolute; top: -3px; right: 0; margin: 0; padding: 0; font-size: 33px; cursor: pointer; display: block; opacity: 0;filter: alpha(opacity=0);} .carrier_popup .text_box p.gdpr{display: flex; flex-wrap: wrap;} .carrier_popup .text_box p.gdpr, .carrier_popup .text_box p.gdpr a{font-size: 12px; line-height: 18px;} @media screen and (max-width: 500px) { .carrier_popup .boxes { padding: 25px 20px; width: calc(94% - 40px);} .carrier_popup .box span.warning { font-size: 16px; line-height: 20px;} .carrier_popup .file .uploadFile{width: calc(100% - 120px) !important;} .carrier_popup .file .fileUpload .btn{width: 78px;} } .traffic_popup{display: none; width: 100%; height: 100%; text-align: center; opacity: 1; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99998; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .traffic_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; } .traffic_popup .box{position: relative; display: table-cell; vertical-align: middle; z-index: 10;} .traffic_popup .boxes{width: 815px; overflow: auto; max-height: calc(100vh - 40px); text-align: center; position: relative; margin: 30px auto; padding: 0; left: 0 !important; display: inline-block; background: #ffffff; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .traffic_popup .box .title{z-index: 100; position: absolute; left: 0; top: 0; right: 0; text-transform: uppercase; display: block; margin: 0; text-align: left; } .traffic_popup .box .title label{background: #000000; width: 60px; line-height: 60px; height: 60px; text-align: center; display: inline-block; font-size: 18px; vertical-align: middle; color: #ffffff; font-weight: 700; margin: 0 10px 0 0;} .traffic_popup .box .title .title_text{width: calc(100% - 75px); display: inline-block; font-size: 18px; vertical-align: middle; font-size: 18px; line-height: 22px; font-weight: 700; color: #000000;} .traffic_popup .box .title .title_text span{text-transform: none; display: block; line-height: 16px; font-size: 12px; text-align: left; color: #000000; font-weight: 600; margin: 0;} .traffic_popup .box .text{z-index: 0; padding: 80px 20px 20px; position: relative;} .traffic_popup .box .text .opacity_text{font-size: 16px; line-height: 22px; padding: 0 30px; font-weight: 700; position: absolute; left: 0; right: 0; top: 50%; z-index: 999; opacity: 0; visibility: hidden; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 400ms ease; transition: all 400ms ease;} .traffic_popup .box .text.opacity .opacity_text{ opacity: 1; visibility: visible;} .traffic_popup .box .text .select_address{position: relative; width: 350px; margin: 0 20px 0 0; display: inline-block; vertical-align: top; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .traffic_popup .box .text.opacity .select_address{opacity: 0.25;} .traffic_popup .box .text .select_address input[type=text]{border: 1px solid #e0dfdf; width: calc(100% - 32px); background: #ffffff; font-size: 13px; line-height: 20px; padding: 5px 15px; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .traffic_popup .box .text .select_address input[type=text]:focus{border: 1px solid #666;} .traffic_popup .box .list{z-index: 100; position: absolute; left: 0; right: 0; top: 35px;} .traffic_popup .box .list p.load_pop{opacity: 0; visibility: hidden; font-size: 12px; line-height: 20px; font-weight: 600; z-index: 0; position: absolute; left: 0; right: 0; background: #ffffff; padding: 14px 20px 14px 45px; margin: 0; text-align: left; box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.5);} .traffic_popup .box .list p.load_pop.active{opacity: 1; visibility: visible;} .traffic_popup .box .list p.load_pop::before{position: absolute; left: 20px; top: 50%; margin-top: -10px; width: 20px; height: 20px; content: ""; background: url(../img/search_arrow.svg) no-repeat scroll center center; background-size: 20px 20px; -webkit-animation: rotating 2s linear infinite; animation: rotating 2s linear infinite;} @-webkit-keyframes rotating {from {-webkit-transform: rotate(0deg);transform: rotate(0deg);}to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}} @keyframes rotating {from{ -webkit-transform: rotate(0deg); transform: rotate(0deg);} to{ -webkit-transform: rotate(360deg); transform: rotate(360deg);}} .traffic_popup .box .list p.error_pop{opacity: 0; visibility: hidden; font-size: 12px; line-height: 20px; font-weight: 600; z-index: 0; position: absolute; left: 0; right: 0; background: #ffffff; padding: 14px 20px 14px 45px; margin: 0; text-align: left; box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.5);} .traffic_popup .box .list p.error_pop.active{opacity: 1; visibility: visible;} .traffic_popup .box .list p.error_pop::before{position: absolute; left: 20px; top: 50%; margin-top: -10px; width: 20px; height: 20px; content: ""; background: url(../img/search_error.svg) no-repeat scroll center center; background-size: 20px 20px;} .traffic_popup .box .list ul{overflow: auto; max-height: 313px; margin: 0; padding: 0; border: 1px solid #e0dfdf;} .traffic_popup .box .list ul li{padding: 0; margin: 0; list-style: none; display: block;} .traffic_popup .box .list ul li.red{background: #ffffff; padding: 8px 15px; text-align: left; font-size: 12px; line-height: 16px; color: #000000; font-weight: 500;} .traffic_popup .box .list ul li a{background: #ffffff; border-top: 1px solid #e0dfdf; position: relative; padding: 8px 15px; text-align: left; font-size: 12px; line-height: 16px; color: #000000; font-weight: 500; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .traffic_popup .box .list ul li:nth-child(1) a{border-top: 0;} .notouch .traffic_popup .box .list ul li a:hover, .notouch .traffic_popup .box .list ul li.active a{background: #efefef;} .traffic_popup .box .information{z-index: 0; position: relative; margin: 20px 0 0; text-align: left;} .traffic_popup .box .information .subtitle{font-size: 14px; line-height: 18px; color: #000000; font-weight: 700; margin: 0;} .traffic_popup .box .information .address{font-size: 12px; line-height: 18px; color: #666; font-weight: 400; font-style: italic; margin: 0 0 5px;} .traffic_popup .box .information .anotation{font-size: 12px; line-height: 18px; color: #000000; font-weight: 400; margin: 0 0 5px;} .traffic_popup .box .information .anotation strong{font-size: 12px; line-height: 18px; color: #000000; font-weight: 700;} .traffic_popup .box .information .open{font-size: 12px; line-height: 18px; color: #000000; font-weight: 400; margin: 0 0 5px;} .traffic_popup .box .information .open strong{font-size: 12px; line-height: 18px; color: #000000; font-weight: 700;} .traffic_popup .box .text .view_address{background: #efefef; height: 350px; width: 400px; display: inline-block; vertical-align: top; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .traffic_popup .box .text.opacity .view_address{opacity: 0.25;} .traffic_popup .box .text .view_address .traffic_mapa{width: 100%; height: 350px;} .traffic_popup .box .text.opacity .btn.left{opacity: 0.25;} .traffic_popup .box .text.opacity .btn.right{opacity: 0.25;} @media screen and (max-width: 960px) { .traffic_popup .boxes{width: 700px;} .traffic_popup .box .text .select_address{width: 280px;} .traffic_popup .box .text .view_address{height: 320px; width: 350px;} .traffic_popup .box .text .view_address #CpMaps{height: 320px;} } @media screen and (max-width: 760px) { .traffic_popup .boxes{width: 94%;} .traffic_popup .box .text .select_address{width: 100%; margin: 0;} .traffic_popup .box .text .view_address{height: 220px; width: 100%; margin: 40px 0 0;} .traffic_popup .box .text .view_address .traffic_mapa{height: 220px;} .traffic_popup .box .text .btn{position: absolute; bottom: 255px; margin-bottom: 0;} .traffic_popup .box .text .btn:nth-child(2){left: 20px;} .traffic_popup .box .text .btn:nth-child(3){right: 20px;} .traffic_popup .box .information{text-align: center; margin: 20px 0;} .traffic_popup .overflow_scroll{overflow: auto; max-height: calc(100vh - 240px);} } @media screen and (max-width: 600px) { .traffic_popup .box .title label{margin: 0 5px 0 0; width: 50px; line-height: 50px; height: 50px; font-size: 16px;} .traffic_popup .box .title .title_text{width: calc(100% - 60px); font-size: 14px; line-height: 20px;} .traffic_popup .box .title .title_text span{line-height: 14px; font-size: 10px;} .traffic_popup .box .text{padding: 65px 15px 15px;} .traffic_popup .box .text .btn{bottom: 250px;} .traffic_popup .box .text .btn:nth-child(2){left: 15px;} .traffic_popup .box .text .btn:nth-child(3){right: 15px;} .traffic_popup .box .information{margin: 15px 0;} .traffic_popup .box .information .subtitle{font-size: 13px; line-height: 16px;} .traffic_popup .box .information .address{font-size: 11px; line-height: 16px;} .traffic_popup .box .information .anotation{font-size: 11px; line-height: 16px;} .traffic_popup .box .information .anotation strong{font-size: 11px; line-height: 16px;} .traffic_popup .box .information .open{font-size: 11px; line-height: 16px;} .traffic_popup .box .information .open strong{font-size: 11px; line-height: 16px;} } .hide_parameter {display:none;} .form_mail {display:none !important;} @media screen and (max-width: 1024px) { #tracy-debug{display: none !important} } /*SWIPEBOX*/ html.swipebox-html.swipebox-touch{overflow:hidden!important}#swipebox-overlay img{border:none!important}#swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;max-width:100%;z-index:99999!important;overflow:hidden;-webkit-user-select:none;user-select:none}#swipebox-container{position:relative;width:100%;height:100%}#swipebox-slider{-webkit-transition:-webkit-transform .4s ease;transition:transform .4s ease;height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none;cursor:pointer}#swipebox-slider .slide{height:100%;width:100%;line-height:1px;text-align:center;display:inline-block}#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#swipebox-slider .slide .swipebox-inline-container,#swipebox-slider .slide .swipebox-video-container,#swipebox-slider .slide img{background: #ffffff; display:inline-block;max-height:90%;max-width:90%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}#swipebox-slider .slide .swipebox-video-container{background:0 0;max-width:1140px;max-height:100%;width:100%;padding:5%;-webkit-box-sizing:border-box;box-sizing:border-box}#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100%!important;height:100%!important;position:absolute;top:0;left:0}#swipebox-bottom-bar,#swipebox-top-bar{-webkit-transition:.5s;transition:.5s;position:absolute;left:0;z-index:999;height:0;min-height:0;width:100%}#swipebox-bottom-bar{bottom:50%}#swipebox-top-bar{bottom:0;height: initial; height: auto; text-align:center;color:#fff!important;font-size:15px;line-height:19px;}#swipebox-title{display:inline-block; max-width: 90%;text-align:center;background:#000000;margin:0 auto;padding:10px 25px}#swipebox-close,#swipebox-next,#swipebox-prev{background-image:url(/style/images/icons.png);background-repeat:no-repeat;background-color:#000000;border:none!important;text-decoration:none!important;cursor:pointer;width:50px;height:50px;top:0;-webkit-transition: background 400ms ease; transition: background 400ms ease;}.notouch #swipebox-close:not(.disabled):hover,.notouch #swipebox-next:not(.disabled):hover,.notouch #swipebox-prev:not(.disabled):hover{background-color: #F8AF00; }#swipebox-arrows{display:block;margin:0 auto;width:100%;height:0;min-height:0}#swipebox-prev{background-position:-32px 13px;float:left;margin:-25px 0 0}#swipebox-next{background-position:-78px 13px;float:right;margin:-25px 0 0}#swipebox-close{top:0;right:0;position:absolute;z-index:9999;background-position:15px 12px}.swipebox-no-close-button #swipebox-close{display:none}#swipebox-next.disabled,#swipebox-prev.disabled{opacity:.3}.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider{-webkit-animation:rightSpring .3s;animation:rightSpring .3s}.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{-webkit-animation:leftSpring .3s;animation:leftSpring .3s}.swipebox-touch #swipebox-container:after,.swipebox-touch #swipebox-container:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;content:' ';position:absolute;z-index:999;top:0;height:100%;width:20px;opacity:0}.swipebox-touch #swipebox-container:before{left:0;-webkit-box-shadow:inset 10px 0 10px -8px #656565;box-shadow:inset 10px 0 10px -8px #656565}.swipebox-touch #swipebox-container:after{right:0;-webkit-box-shadow:inset -10px 0 10px -8px #656565;box-shadow:inset -10px 0 10px -8px #656565}.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before,.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{opacity:1}@-webkit-keyframes rightSpring{0%,100%{left:0}50%{left:-30px}}@keyframes rightSpring{0%,100%{left:0}50%{left:-30px}}@-webkit-keyframes leftSpring{0%,100%{left:0}50%{left:30px}}@keyframes leftSpring{0%,100%{left:0}50%{left:30px}}#swipebox-overlay{background:rgba(0,0,0,.75)}#swipebox-bottom-bar,#swipebox-top-bar{opacity:.95}@media screen and (max-width:500px){#swipebox-close,#swipebox-next,#swipebox-prev{background-size:100px 20px;width:40px;height:40px}#swipebox-prev{background-position:-28px 11px}#swipebox-next{background-position:-65px 11px}#swipebox-close{background-position:11px 12px; background-size: 120px 22px; width: 50px; height: 50px;}} /*OWLCAROUSEL*/ .owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel,.owl-carousel .owl-wrapper{display:none;position:relative}.owl-carousel{width:100%;-ms-touch-action:pan-y}.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height .5s ease-in-out;transition:height .5s ease-in-out}.owl-carousel .owl-item{float:left}.owl-controls .owl-buttons div,.owl-controls .owl-page{cursor:pointer}.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.grabbing{cursor:url(grabbing.png) 8 8,move}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-theme .owl-controls{margin-top:10px;text-align:center}.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1}.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;-webkit-border-radius:20px;border-radius:20px;background:#869791;-webkit-transition:all .4s ease;transition:all .4s ease}.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#ffffff;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;border-radius:30px}.owl-item.loading{min-height:150px;background:url(AjaxLoader.gif) center center no-repeat}.owl-origin{-webkit-perspective:1200px;-webkit-perspective-origin-x:50%;-webkit-perspective-origin-y:50%;-moz-perspective:1200px;-moz-perspective-origin-x:50%;-moz-perspective-origin-y:50%;perspective:1200px}.owl-fade-out{z-index:10;-webkit-animation:fadeOut .7s both ease;-moz-animation:fadeOut .7s both ease;animation:fadeOut .7s both ease}.owl-fade-in{-webkit-animation:fadeIn .7s both ease;-moz-animation:fadeIn .7s both ease;animation:fadeIn .7s both ease}.owl-backSlide-out{-webkit-animation:backSlideOut 1s both ease;-moz-animation:backSlideOut 1s both ease;animation:backSlideOut 1s both ease}.owl-backSlide-in{-webkit-animation:backSlideIn 1s both ease;-moz-animation:backSlideIn 1s both ease;animation:backSlideIn 1s both ease}.owl-goDown-out{-webkit-animation:scaleToFade .7s ease both;-moz-animation:scaleToFade .7s ease both;animation:scaleToFade .7s ease both}.owl-goDown-in{-webkit-animation:goDown .6s ease both;-moz-animation:goDown .6s ease both;animation:goDown .6s ease both}.owl-fadeUp-in{-webkit-animation:scaleUpFrom .5s ease both;-moz-animation:scaleUpFrom .5s ease both;animation:scaleUpFrom .5s ease both}.owl-fadeUp-out{-webkit-animation:scaleUpTo .5s ease both;-moz-animation:scaleUpTo .5s ease both;animation:scaleUpTo .5s ease both}@-webkit-keyframes empty{0%{opacity:1}}@-moz-keyframes empty{0%{opacity:1}}@keyframes empty{0%{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes backSlideOut{25%{opacity:.5;-webkit-transform:translateZ(-500px)}100%,75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)}}@-moz-keyframes backSlideOut{25%{opacity:.5;-moz-transform:translateZ(-500px)}100%,75%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)}}@keyframes backSlideOut{25%{opacity:.5;transform:translateZ(-500px)}100%,75%{opacity:.5;transform:translateZ(-500px) translateX(-200%)}}@-webkit-keyframes backSlideIn{0%,25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;-webkit-transform:translateZ(-500px)}100%{opacity:1;-webkit-transform:translateZ(0) translateX(0)}}@-moz-keyframes backSlideIn{0%,25%{opacity:.5;-moz-transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;-moz-transform:translateZ(-500px)}100%{opacity:1;-moz-transform:translateZ(0) translateX(0)}}@keyframes backSlideIn{0%,25%{opacity:.5;transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;transform:translateZ(-500px)}100%{opacity:1;transform:translateZ(0) translateX(0)}}@-webkit-keyframes scaleToFade{to{opacity:0;-webkit-transform:scale(.8)}}@-moz-keyframes scaleToFade{to{opacity:0;-moz-transform:scale(.8)}}@keyframes scaleToFade{to{opacity:0;transform:scale(.8)}}@-webkit-keyframes goDown{from{-webkit-transform:translateY(-100%)}}@-moz-keyframes goDown{from{-moz-transform:translateY(-100%)}}@keyframes goDown{from{transform:translateY(-100%)}}@-webkit-keyframes scaleUpFrom{from{opacity:0;-webkit-transform:scale(1.5)}}@-moz-keyframes scaleUpFrom{from{opacity:0;-moz-transform:scale(1.5)}}@keyframes scaleUpFrom{from{opacity:0;transform:scale(1.5)}}@-webkit-keyframes scaleUpTo{to{opacity:0;-webkit-transform:scale(1.5)}}@-moz-keyframes scaleUpTo{to{opacity:0;-moz-transform:scale(1.5)}}@keyframes scaleUpTo{to{opacity:0;transform:scale(1.5)}} /*UNIFORM*/ div.checker span,div.radio span{background-size:21px 21px;background-repeat:no-repeat;background-position:center center;-webkit-font-smoothing:antialiased}div.radio span{background-image:url(../img/sprite_radio.svg);background-size:48px 48px}div.checker,div.radio{display:inline-block;vertical-align:middle}div.checker:focus,div.radio:focus{outline:0}div.checker,div.checker *,div.radio,div.radio *{margin:0;padding:0}div.checker input{-webkit-appearance:none}div.checker{position:relative}div.checker,div.checker input,div.checker span{width:21px;height:21px;display:inline-block;zoom:1;vertical-align:middle}div.checker span{display:inline-block;vertical-align:top;text-align:center}div.checker input{opacity:0;border:none;background:0 0;display:inline-block}div.checker span.checked,div.checker.active span.checked,div.checker.disabled span.checked,div.checker.disabled.active span.checked,div.checker.focus span.checked,div.checker.focus.active span.checked,div.checker.hover span.checked,div.checker.hover.active span.checked{background-image:url(../img/sprite_correct.svg)}div.checker span,div.checker.active span,div.checker.disabled,div.checker.disabled.active,div.checker.focus span,div.checker.focus.active span,div.checker.hover span,div.checker.hover.active span{background-image:url(../img/sprite.svg)}div.radio{position:relative}div.radio input,div.radio span{width:16px;padding:0!important;margin:0;height:16px}div.radio span{display:inline-block;vertical-align:top;margin:0!important;text-align:center;background-position:left center}div.radio span.checked{background-position:right center}div.radio input{opacity:0;border:none;background:0 0;display:inline-block;text-align:center}div.radio.active span{background-position:left center}div.radio.active span.checked{background-position:right center}div.radio.focus span,div.radio.hover span{background-position:left center}div.radio.focus span.checked,div.radio.hover span.checked{background-position:right center}div.radio.focus.active span,div.radio.hover.active span{background-position:left center}div.radio.focus.active span.checked,div.radio.hover.active span.checked{background-position:right center}div.radio.disabled span,div.radio.disabled.active span{background-position:left center}div.radio.disabled span.checked,div.radio.disabled.active span.checked{background-position:right center}div.checker{margin:0}div.radio{height:16px;width:16px;display:inline-block;vertical-align:middle;margin:0}.platba_doprava div.radio{margin:10px;float:left} /*SELECT*/ .sbHolder{position:relative;display:inline-block;zoom:1;*display:inline}a.sbSelector{outline:medium none;position:relative;text-decoration:none}.sbToggle{display:block;outline:none;position:absolute}.sbToggle.sbToggleOpen{background:url(../img/select_arrow.png) no-repeat scroll center bottom}.sbHolderDisabled{background-color:#3C3C3C;border:solid 1px #515151}.sbOptions{list-style:none;left:0;margin:0;padding:0;position:absolute;top:27px!important;text-align:center;overflow-y:auto}.sbOptions li{margin:0;padding:0;text-align:left}.sbOptions a{display:block;text-decoration:none;outline:none}.sbOptions .sbDisabled{border-bottom:dotted 1px #515151;color:#999;display:block;padding:7px 0 7px 3px}.sbOptions .sbGroup{border-bottom:dotted 1px #515151;color:#EBB52D;display:block;font-weight:700;padding:7px 0 7px 3px}.sbOptions .sbSub{padding-left:17px} /*TOOLTIP*/ .tooltip{display:inline-block;cursor:pointer;position:relative;z-index:999}.tooltip-item{cursor:pointer;display:inline-block;padding:0;margin:0;position:relative;font-weight:400;font-size:13px;line-height:18px;color:gray;text-decoration:underline}.tooltip-item::after{content:'';-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tooltip-content{position:absolute;z-index:9999;width:160px;left:50%;margin:0 0 -10px;bottom:36px;padding:10px 15px;text-align:left;background:#000000;opacity:0;cursor:default;}.tooltip-effect-2 .tooltip-content{-webkit-transform-origin:50% calc(100% + 30px);transform-origin:50% calc(100% + 30px);-webkit-transform:perspective(1000px) rotate3d(1,0,0,45deg) translateX(-50%);transform:perspective(1000px) rotate3d(1,0,0,45deg) translateX(-50%);-webkit-transition:opacity 0.2s,-webkit-transform .2s;transition:opacity 0.2s,transform .2s}.notouch .tooltip.tooltip-effect-2:hover .tooltip-content,.tooltip.tooltip-effect-2.active_efekt .tooltip-content{opacity:1;-webkit-transform:perspective(1000px) rotate3d(1,0,0,0deg) translateX(-50%);transform:perspective(1000px) rotate3d(1,0,0,0deg) translateX(-50%)}.tooltip-content::after{content:'';top:100%;left:50%;border:solid transparent;height:0;width:0;position:absolute;border-color:transparent;border-top-color:#000000;border-width:6px;margin-left:-6px}.tooltip-text{display:block;text-align:center;font-size:12px;line-height:16px;color:#fff}.tooltip-text *{font-size:12px;line-height:16px;text-align:center;color:#fff} .tooltip.pay{width: 12px; height: 12px; margin: -2px 0 0 8px !important;} .tooltip.pay strong{display: block; width: 12px; height: 12px; padding: 0; margin: 0; -webkit-border-radius: 8px; border-radius: 8px;} .tooltip.pay.red strong{background: #e81b39;} .tooltip.pay.green strong{background: #1aab1a;} .tooltip.pay.grey strong{background: #b4bdb4;} .tooltip.pay strong::before, .tooltip.pay strong::after{display: none;} .tooltip.pay .tooltip-content, .tooltip.pay .tooltip-content span{line-height: 18px; margin: 0 !important;} .tooltip.pay .tooltip-content{bottom: 100%; position: absolute !important; width: initial; width: auto; padding: 6px 10px; margin: 0 !important;} .tooltip.pay .tooltip-content .tooltip-text{white-space: normal !important; font-size: 12px; line-height: 18px; color: #ffffff; text-align: center; width: 90px;} .tooltip.pay .tooltip-content{-webkit-transform-origin: 50% calc(100% + 30px) translateX(-50%);transform-origin:50% calc(100% + 30px);-webkit-transform:perspective(1000px) rotate3d(1,0,0,45deg);transform:perspective(1000px) rotate3d(1,0,0,45deg) translateX(-50%);} .notouch .tooltip.tooltip-effect-2:hover .tooltip-content,.tooltip.tooltip-effect-2.active_efekt .tooltip-content{-webkit-transform:perspective(1000px) rotate3d(1,0,0,0deg) translateX(-50%);transform:perspective(1000px) rotate3d(1,0,0,0deg) translateX(-50%)} /*JQUERY UI*/ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin-top:2px;padding:.5em .5em .5em .7em;min-height:0}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-noicons{padding-left:.7em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:5px;width:11px;height:17px;cursor:pointer}.ui-datepicker .ui-datepicker-prev{background:url(../img/calendar_arrow.png) no-repeat scroll left center;left:10px}.ui-datepicker .ui-datepicker-next{right:10px;background:url(../img/calendar_arrow.png) no-repeat scroll right center}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.5em .3em;text-align:center;font-weight:700;border:0}.ui-datepicker th span{color:#171416;text-transform:uppercase;font-weight:400;font-size:13px;letter-spacing:1px}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:5px 7px;width:24px;text-align:right;text-decoration:none;font-size:12px;line-height:20px;font-weight:400;font-family:Arial}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{overflow:hidden;position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-menu{list-style:none;padding:2px;margin:0;display:block;outline:none}.ui-menu .ui-menu{margin-top:-3px;position:absolute}.ui-menu .ui-menu-item{margin:0;padding:0;width:100%;list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.ui-menu .ui-menu-divider{margin:5px -2px;height:0;font-size:0;line-height:0;border-width:1px 0 0}.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:2px .4em;line-height:1.5;min-height:0;font-weight:400}.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active{font-weight:400;margin:-1px}.ui-menu .ui-state-disabled{font-weight:400;margin:.4em 0 .2em;line-height:1.5}.ui-menu .ui-state-disabled a{cursor:default}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item a{position:relative;padding-left:2em}.ui-menu .ui-icon{position:absolute;top:.2em;left:.2em}.ui-menu .ui-menu-icon{position:static;float:right}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url(images/animated-overlay.gif);height:100%;filter:alpha(opacity=25);opacity:.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;display:block}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted #000}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:24px;height:24px;cursor:default;outline:none;}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;background:#53ac36;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{display:inline-block;zoom:1;*display:inline;vertical-align:middle;height:13px;margin:0!important}.ui-slider-horizontal .ui-slider-handle{top:-7px;margin-left:-.6em;border-radius:20px;background:#fff!important;border:1px solid #838588!important; -webkit-transition: background 400ms ease, border 400ms ease; transition: background 400ms ease, border 400ms ease;}.ui-slider-horizontal .ui-slider-range{top:-1px;height:15px}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.ui-widget{font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-size:1em}.ui-widget-content{border:1px solid #e0dfdf;background:#fff;#ffffff;color:#222;z-index:999!important}@media screen and (min-width: 1920px){.ui-widget-content{margin:0}}.ui-widget-content a{color:#222}.ui-widget-header{background:#000000;color:#ffffff;border:1px solid #171416;font-weight:600;letter-spacing:1px}.ui-widget-header a{color:#222}.ui-widget-header span{color:#ffffff;font-weight:600;font-size:14px;text-transform:capitalize;line-height:27px}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #666;background:#999;font-weight:400;color:#ffffff;cursor:pointer}.ui-state-default:hover{border:1px solid #509b34!important;background:#509b34!important;color:#fff!important}.ui-state-disabled .ui-state-default:hover{border:1px solid transparent!important;background:#f2f2f2#efefef!important;color:#171416!important}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{border:1px solid #e2dbce;background:#efebe4;font-weight:400;color:#56482a}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #171416;background:#171416;color:#ffffff;font-weight:700}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #171416;background:#ffffff;color:#171416;font-weight:600;letter-spacing:1px}state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;color:#cd0a0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:700}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:400}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:15px;height:15px}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-widget-overlay{background:#cccecf;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#cccecf;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px} /*HISTORIE*/ #cd-timeline{position:relative;padding:2em 0;max-width:1200px;width:100%;margin:2em auto!important}#cd-timeline::before{content:'';position:absolute;top:0;left:18px;height:100%;width:2px;background:#efefef}.cd-timeline-block:after,.cd-timeline-content:after{content:"";clear:both}.cd-timeline-block{position:relative;margin:2em 0}.cd-timeline-block:after{display:table}.cd-timeline-block:first-child{margin-top:0}.cd-timeline-block:last-child{margin-bottom:0}.cd-timeline-img{position:absolute;top:0;left:0;width:40px;height:40px;border-radius:50%}.cd-timeline-img img{display:block;width:100%;height:100%;position:relative;left:50%;top:50%;margin-left:-50%;margin-top:-50%}.cd-timeline-content{position:relative;margin-left:60px;background:#efefef;padding:1em}.cd-timeline-content:after{display:table}.cd-timeline-content .cd-date,.cd-timeline-content .cd-read-more{display:inline-block}.cd-timeline-content a.swipebox{float: left; max-width: 160px; margin: 0 15px 0px 0; position: relative}.cd-timeline-content a.swipebox::before{opacity: 0; content: ""; display: block; position: absolute; left: 50%; top: 50%; right: 50%; bottom: 50%; background: #0ab68d; -webkit-transition: all 400ms ease; transition: all 400ms ease; }.cd-timeline-content a.swipebox::after{opacity: 0; content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 70px; height: 70px; background: url(../img/fotogallery_icon.svg) no-repeat scroll center center; background-size: 70px 70px; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: all 400ms ease; transition: all 400ms ease; }.notouch .cd-timeline-content a.swipebox:hover::before{opacity: 0.90; left: 0; top: 0; right: 0; bottom: 0;}.notouch .cd-timeline-content a.swipebox:hover::after{opacity: 1; background-size: 60px 60px;}.cd-timeline-content a.swipebox img{max-width: 100%; display: block;}.cd-timeline-content .cd-date{float:left;padding:.8em 0 0;font-weight:700}.cd-timeline-content::before{content:'';position:absolute;top:6px;right:100%;height:0;width:0;border:15px solid transparent;border-right:15px solid #efefef} @media only screen and (max-width:1170px) {.cd-timeline-block:nth-child(even) .cd-timeline-content .btn{margin-top:0}.cd-timeline-content::before{border:13px solid transparent!important;border-right:13px solid #efefef!important}} @media only screen and (min-width:1171px) {#cd-timeline{margin-top:3em;margin-bottom:3em}#cd-timeline::before{left:50%;margin-left:-1px}.cd-timeline-block:nth-child(even) .cd-timeline-content .btn{float:right}.cd-timeline-block{margin:4em 0}.cd-timeline-block:first-child{margin-top:0}.cd-timeline-block:last-child{margin-bottom:0}.cd-timeline-img{width:60px;height:60px;left:50%;margin-left:-30px;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}.cd-timeline-img.is-hidden{visibility:hidden}.cd-timeline-img.bounce-in{visibility:visible;-webkit-animation:cd-bounce-1 .6s;-moz-animation:cd-bounce-1 .6s;animation:cd-bounce-1 .6s}.cd-timeline-content .cd-date{padding:.8em 0}.cd-timeline-content{margin-left:0;padding:1.6em;width:41%}.cd-timeline-content::before{top:16px;left:100%;border-color:transparent transparent transparent #efefef}.cd-timeline-content .cd-read-more{float:left}.cd-timeline-block:nth-child(even) .cd-timeline-content,.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more{float:right}.cd-timeline-content .cd-date{position:absolute;width:100%;left:121%;top:0;font-size:18px}.cd-timeline-block:nth-child(even) .cd-timeline-content::before{top:16px;left:auto;right:100%;border-color:transparent #efefef transparent transparent}.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date{left:auto;right:121%;text-align:right}.cd-timeline-content.is-hidden{visibility:hidden}.cd-timeline-content.bounce-in{visibility:visible;-webkit-animation:cd-bounce-2 .6s;-moz-animation:cd-bounce-2 .6s;animation:cd-bounce-2 .6s}.cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;-moz-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}} @media only screen and (max-width:770px) {.cd-timeline-content a.swipebox{display: none;}} @-webkit-keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2)}100%{-webkit-transform:scale(1)}}@-moz-keyframes cd-bounce-1{0%{opacity:0;-moz-transform:scale(.5)}60%{opacity:1;-moz-transform:scale(1.2)}100%{-moz-transform:scale(1)}}@keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}} @-webkit-keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px)}100%{-webkit-transform:translateX(0)}}@-moz-keyframes cd-bounce-2{0%{opacity:0;-moz-transform:translateX(-100px)}60%{opacity:1;-moz-transform:translateX(20px)}100%{-moz-transform:translateX(0)}}@keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);-moz-transform:translateX(-100px);-ms-transform:translateX(-100px);-o-transform:translateX(-100px);transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px);-moz-transform:translateX(20px);-ms-transform:translateX(20px);-o-transform:translateX(20px);transform:translateX(20px)}100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px)}100%{-webkit-transform:translateX(0)}}@-moz-keyframes cd-bounce-2-inverse{0%{opacity:0;-moz-transform:translateX(100px)}60%{opacity:1;-moz-transform:translateX(-20px)}100%{-moz-transform:translateX(0)}}@keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);-ms-transform:translateX(-20px);-o-transform:translateX(-20px);transform:translateX(-20px)}100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}} .hide_filter_box {display:none !important;}