/*GLOBAL*/ header,nav,section,article,aside,footer,hgroup{display:block;} a{text-decoration:none; outline: 0; color:inherit;} a img{border:none;} .img_hide{display: block !important; width: 0; height: 1px; 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;} .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 {-webkit-box-shadow: 0 0 0px 1000px white inset; box-shadow: 0 0 0px 1000px white inset;} /*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: #fff;}} @-webkit-keyframes autofill {100% {background: transparent; color: #fff;}}*/ /* 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;} */ @media screen and (max-width: 1024px) { .clear.hide{display: block !important;} } .need{color: #cc0000;} .color_orange{color: #dc5721 !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: #fff; background: url(../global/error_icon.png) no-repeat scroll 15px center #d8001b; border: 1px solid #b6192e;} .alert-success{color: #fff; background: url(../global/success_icon.png) no-repeat scroll 15px center #0ab68d; border: 1px solid #0ab68d;} .alert-error span{background: url(../global/error_close.png) no-repeat;} .alert-success span{background: url(../global/success_close.png) no-repeat;} h1,.head_title{text-transform: uppercase; color: #0ab68d; font-weight: 700; font-size: 28px; line-height: 34px; margin: 0; padding: 0;} .hp h1{margin: 10px 0 20px;} h1.center{text-align: center;} h1 strong ,.head_title strong{text-transform: uppercase; color: #000000; font-weight: 700; font-size: 28px; line-height: 34px; margin: 0; padding: 0;} h1 span, .head_title span{text-transform: uppercase; color: #000000; font-weight: 700; font-size: 16px; line-height: 30px; margin: 0; padding: 0; display: block;} h2{color: #000000; font-weight: 700; font-size: 24px; line-height: 30px; margin: 30px 0 10px; padding: 0;} h2.center{text-align: center;} h3{color: #000000; font-weight: 700; font-size: 20px; line-height: 26px; margin: 30px 0 10px; padding: 0;} h4, h5, h6{color: #000000; font-weight: 700; font-size: 18px; line-height: 24px; margin: 30px 0 10px; padding: 0;} @media screen and (max-width: 768px) { h1,.head_title,h1 strong,.head_title strong{font-size: 22px; line-height: 28px;} } p, strong, b, div, article, i, u, li, a, .text_page, code{font-size: 14px; font-weight: 400;} strong, b{font-weight: 700} 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; color: #000000; 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: #0ab68d} .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: 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;} } article ul, .text_box ul{margin: 0 0 25px; padding: 0;} article ul li, .text_box ul li{padding: 0 0 0 17px; margin: 5px 0; position: relative; list-style: none; background: url(../img/drobky_arrow.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 25px; padding: 0; counter-reset: item;} article ol li, .text_box ol li{padding: 0 0 0 20px; margin: 5px 0; position: relative; list-style-type: none; counter-increment: item;} 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;} article ol ul, .text_box ol ul{margin: 0; padding: 0 0 0 17px;} 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{min-width: 100%; display: block; overflow-x: scroll;} article table{margin: 0 0 20px 0; border-collapse: collapse; border-spacing: 0 0;} article table caption{color: #000; font-size: 20px; line-height: 24px; font-weight: 600; margin: 30px 0 10px; text-align: left;} article table thead{margin-bottom: 3px;} article table thead tr th, article table tr:first-child th, article table tbody tr td.fr-highlighted, article table tr:first-child td.fr-highlighted{text-align: left; font-weight: 700; padding: 6px 8px; background: #0ab68d; color: #fff; border: 1px solid #00a07a;} article table tr td{text-align: left; padding: 6px 8px; font-weight: 400; border: 1px solid #e0dfdf;} article table tr:nth-child(even) td{background: #fff;} article table tr:nth-child(odd) td{background: #f9f9f9;} article table.gdpr th{ text-align: left !important; text-transform: none !important;} article table.gdpr td:not(.fr-highlighted){ background: #ffffff !important;} article table.gdpr th, article table.gdpr td, article table.gdpr td *{ font-size: 14px; line-height: 18px; text-align: left; font-size: 13px !important;} article table.gdpr th, article table.gdpr td{ padding: 6px 8px !important; border: 1px solid #e0dfdf} 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;} 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 15px; display: block; } article img.fr-fil, .text_box img.fr-fil{float: left; margin: 10px 30px 10px 0;} article img.fr-fir, .text_box img.fr-fir{float: right; margin: 10px 0 10px 30px;} article span.fr-video, .text_box span.fr-video{width: 100%; margin: 0 auto 15px; display: block; margin: 0 auto; text-align: center} article span.fr-video.fr-fvl, .text_box span.fr-video.fr-fvl{text-align: left} article span.fr-video.fr-fvr, .text_box span.fr-video.fr-fvr{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: 'raleway', sans-serif, Arial; margin: 0;} article, div, li, .text_box{height: auto; min-height: 1px; max-height: 9999999px;} .clear{min-height: 0; } html{margin: 0 auto; padding: 0; background: #f1f1f1 ;} html.admin_settings_active{position: fixed; overflow-y: scroll; width: 100%;} body{color: #000000; background: #ffffff; position: relative; 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: 'raleway', sans-serif, Arial; padding: 0; font-weight: 400; position: relative; box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.6);} body .bg1{content: ""; position: absolute; left: 0; right: 0; top: 0; width: 100%; z-index: 1; height: 1312px; display: none;} body .bg1.active{display: block; background: url(../img/main_bg.jpg) no-repeat scroll center top; } body .bg2{content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(../img/main_bg2.jpg) repeat scroll center top; width: 100%; z-index: 0;} body > *{position: relative;} body.sub .bg1{background: url(../img/main_bg.jpg) no-repeat scroll center -650px; height: 233px; display: block;} body.sub .bg2{display: none;} .vegas_slider, .vegas_slider.reg{z-index: 1; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 1427px; display: block;} .inside{position: relative; width: 90%; padding: 0; max-width: 1300px; margin: 0 auto;} .inside_small{position: relative; width: 90%; padding: 0; max-width: 840px; margin: 0 auto;} .inside_max{position: relative; width: 90%; padding: 0; max-width: 1440px; margin: 0 auto;} .inside_middle{position: relative; width: 90%; padding: 0; max-width: 1500px; margin: 0 auto; text-align: center;} .inside_middle .in_in{position: relative; width: 100%; max-width: 1060px; margin: 0 auto; text-align: left;} @media screen and (max-width: 1300px) { .inside_middle .in_in{max-width: 100%;} } .btn{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: uppercase; 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: 12px 30px;} .btn.small{padding: 7px 16px; text-transform: none;} .btn.overflow{overflow: visible;} .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: 25px;} .btn.ultra_margin_bottom{margin-bottom: 25px;} .btn.ultra_margin_right{margin-right: 25px;} .btn.ultra_margin_left{margin-left: 25px;} .btn i{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: #fff; 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: #0ab68d; border: 1px solid #0ab68d; color: #fff;} .notouch .btn.typ_1:hover, .notouch .item.hover_efekt .btn.typ_1, .notouch a.item:hover .btn.typ_1{background: #ffffff; border: 1px solid #0ab68d; color: #0ab68d;} /*use*/ .btn.typ_2{background: #000000; border: 1px solid #000000; color: #fff;} .notouch .btn.typ_2:hover, .notouch .item.hover_efekt .btn.typ_2, .notouch a.item:hover .btn.typ_2{background: #0ab68d; border: 1px solid #0ab68d; color: #ffffff;} .btn.typ_3{background: #ffffff; border: 1px solid #000000; color: #000000;} .notouch .btn.typ_3:hover, .notouch .item.hover_efekt .btn.typ_3, .notouch a.item:hover .btn.typ_3{background: #000000; border: 1px solid #000000; color: #ffffff;} .btn.typ_4{background: transparent; border: 1px solid #0ab68d; color: #0ab68d;} .notouch .btn.typ_4:hover, .notouch .item.hover_efekt .btn.typ_4, .notouch a.item:hover .btn.typ_4{background: #0ab68d; border: 1px solid #0ab68d; color: #ffffff;} /*use*/ .btn.typ_6{background: #0a1116; border: 1px solid #0a1116; color: #ffffff; padding: 9px 35px 9px 15px;} .btn.typ_6::before{opacity: 1; background: url(../img/btn_green.svg) no-repeat scroll center center; background-size: 16px 11px; content: ""; position: absolute; right: 10px; top: calc(50% - 5px); width: 14px; height: 10px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .btn.typ_6::after{opacity: 0; background: url(../img/btn_white.svg) no-repeat scroll center center; background-size: 16px 11px; content: ""; position: absolute; right: 10px; top: calc(50% - 5px); width: 14px; 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: #0ab68d; border: 1px solid #0ab68d; 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: transparent; border: 1px solid #0ab68d; color: #ffffff; padding: 9px 35px 9px 15px;} .btn.typ_7::before{opacity: 1; background: url(../img/btn_green.svg) no-repeat scroll center center; background-size: 16px 11px; content: ""; position: absolute; right: 10px; top: calc(50% - 5px); width: 14px; height: 10px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .btn.typ_7::after{opacity: 0; background: url(../img/btn_white.svg) no-repeat scroll center center; background-size: 16px 11px; content: ""; position: absolute; right: 10px; top: calc(50% - 5px); width: 14px; height: 10px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .btn.typ_7:hover, .notouch .item.hover_efekt .btn.typ_7, .notouch a.item:hover .btn.typ_7{background: #0ab68d; border: 1px solid #0ab68d; color: #ffffff;} .notouch .btn.typ_7:hover::before, .notouch .item.hover_efekt .btn.typ_7::before, .notouch a.item:hover .btn.typ_7::before{opacity: 0;} .notouch .btn.typ_7:hover::after, .notouch .item.hover_efekt .btn.typ_7::after, .notouch a.item:hover .btn.typ_7::after{opacity: 1;} @media screen and (max-width: 1024px) { .btn .item{display: none;} } @media screen and (max-width: 768px) { .btn i{display: block;} } .header_height{display: block; height: 64px; position: relative;} header{background: rgba(10,17,22,0.85); max-width: 1920px; z-index: 999; position: fixed; top: 0; left: 0; right: 0; margin: 0 auto; width: 100%; padding: 0; text-align: center;} header nav{position: relative; display: inline-block; vertical-align: middle; margin: 0;} header nav ul.menu{height: 64px; margin: 0; padding: 0; display: block;} header nav ul.menu li{padding: 18px 0 24px; position: relative; list-style: none; display: inline-block; vertical-align: middle; margin: 0;} header nav ul.menu li a{position: relative; display: block; line-height: 28px; font-size: 12px; font-weight: 600; padding: 0 60px; color: #ffffff; text-transform: uppercase; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header nav ul.menu li a::before{position: absolute; left: 0; top: 0; bottom: 0; width: 1px; background: #fff; opacity: 1; content: ""; } header nav ul.menu li:first-child a::before{display: none;} .notouch header nav ul.menu li > a:hover, header nav ul.menu li.active > a, header nav ul.menu li.open > a{color: #0ab68d;} header nav ul.menu li ul{padding: 15px; z-index: 0; margin: 0; position: absolute; top: calc(100% - 20px); opacity: 0; left: 50%; background: rgba(10,17,22,0.85); display: block; visibility: hidden; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 200ms ease; transition: all 200ms ease;} header nav ul.menu li ul:before{bottom: 100%; left: calc(50% - 6px); border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: rgba(10,17,22,0.85); border-width: 6px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header nav ul.menu li:hover ul{top: 100%; visibility: visible; opacity: 1;} header nav ul.menu li ul li{margin: 5px 0 0; display: block; width: 100%; padding: 0;} header nav ul.menu li ul li:first-child{margin: 0;} header nav ul.menu li ul li a{white-space: nowrap; opacity: 1; position: relative; font-weight: 600; display: block; padding: 0 20px; font-size: 12px; line-height: 42px; text-align: center; color: #ffffff !important; min-width: 200px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header nav ul.menu li ul li a::before{ display: none;} .notouch header nav ul.menu li ul li a:hover, header nav ul.menu li ul li.active a{background: #0ab68d; color: #000000 !important;} header .search_icon{position: relative; display: inline-block; vertical-align: middle; width: 30px; height: 30px;} header .search_icon .icon{cursor: pointer; width: 30px; height: 30px; display: block; position: relative;} header .search_icon .icon::before{opacity: 0; background: url(../img/lupa.svg) no-repeat scroll center center; background-size: 22px 22px; content: ""; position: absolute; right: 0; top: 0; width: 30px; height: 30px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header .search_icon .icon::after{opacity: 1; background: url(../img/lupa_hover.svg) no-repeat scroll center center; background-size: 22px 22px; content: ""; position: absolute; right: 0; top: 0; width: 30px; height: 30px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch header .search_icon .icon:hover::before, header .search_icon.active .icon::before{opacity: 1;} .notouch header .search_icon .icon:hover::after, header .search_icon.active .icon:hover::after{opacity: 0;} header .search_icon .search_box{ opacity: 0; visibility: hidden; width: 392px; position: absolute; right: 0; top: calc(100% + 23px); z-index: 200; background: rgba(10,17,22,0.85); padding: 15px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header .search_icon.active .search_box{ opacity: 1; visibility: visible;} header .search_icon .search_box input[type=text]{width: 300px; padding: 12px 15px; font-size: 14px; line-height: 22px; color: #ffffff; font-weight: 400; border: 1px solid #ffffff; background: transparent; display: inline-block; vertical-align: middle; margin: 0;} header .search_icon .search_box input[type=text]::-webkit-input-placeholder{color: #ffffff;} header .search_icon .search_box input[type=text]::-moz-placeholder{color: #ffffff;} header .search_icon .search_box input[type=text]::-ms-input-placeholder{color: #ffffff;} header .search_icon .search_box button{ margin: 0 0 0 8px; padding: 0; display: inline-block; vertical-align: middle; width: 48px; height: 48px; text-align: center; border: 1px solid #0ab68d; position: relative; background: #0ab68d; -webkit-transition: all 400ms ease; transition: all 400ms ease; } header .search_icon .search_box button::before{content: ""; opacity: 1; width: 48px; height: 48px; position: absolute; top: 0; left: 0; background: url(../img/piktogram_white.svg) no-repeat scroll center center; background-size: 30px 30px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } header .search_icon .search_box button::after{content: ""; opacity: 0; width: 48px; height: 48px; position: absolute; top: 0; left: 0; background: url(../img/piktogram_green.svg) no-repeat scroll center center; background-size: 30px 30px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch header .search_icon .search_box button:hover{border: 1px solid #fff; background: #fff;} .notouch header .search_icon .search_box button:hover::before{opacity: 0;} .notouch header .search_icon .search_box button:hover::after{opacity: 1;} header .search_icon .search_box form p.load{ top: 80px; color: #fff; opacity: 0; visibility: hidden; font-size: 12px; line-height: 20px; font-weight: 500; letter-spacing: 0.5px; z-index: 0; position: absolute; left: 0; right: 0; background: rgba(10,17,22,0.85);; padding: 14px 20px 14px 45px; margin: 0; text-align: left;} header .search_icon .search_box form p.load.active{opacity: 1; visibility: visible;} header .search_icon .search_box form p.load::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);}} header .search_icon .search_box form p.error{top: 0; color: #fff; opacity: 0; visibility: hidden; font-size: 12px; line-height: 20px; font-weight: 500; letter-spacing: 0.5px; z-index: 0; position: absolute; left: 0; right: 0; background: rgba(10,17,22,0.85);; padding: 14px 20px 14px 45px; margin: 0; text-align: left;} header .search_icon .search_box form p.error.active{opacity: 1; visibility: visible;} header .search_icon .search_box form p.error::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;} header .search_icon .search_box form ul{opacity: 1; visibility: visible; display: block; z-index: 0; position: absolute; margin: 0; padding: 0; top: 80px; left: 0; right: 0; background: rgba(10,17,22,0.85);; } header .search_icon .search_box form ul.hide{opacity: 0; visibility: hidden;} header .search_icon .search_box form ul:empty{display: none;} header .search_icon .search_box form ul li{margin: 5px; list-style: none; display: block;} header .search_icon .search_box form ul li a, header .search_icon .search_box form ul li button{border: 0; text-align: left; font-size: 12px; line-height: 20px; color: #ffffff; padding: 5px 10px; list-style: none; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header .search_icon .search_box form ul li button{padding-left: 0; padding-right: 0; width: 100%; } header .search_icon .search_box form ul li.special a, header .search_box form ul li.special button{font-weight: 600; background: #666; color: #fff; text-align: center; text-decoration: underline; padding: 8px 10px; margin: 0 0 -1px;} header .search_icon .search_box form ul li a span{font-size: 12px; line-height: 20px; color: #0ab68d; font-weight: 700; padding: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch header .search_icon .search_box form ul li a:hover span, header .search_icon .search_box form ul li.active a span{color: #ffffff;} .notouch header .search_icon .search_box form ul li:not(.special) a:hover, header .search_icon .search_box form ul li.active a, .notouch header .search_icon .search_box form ul li:not(.special) button:hover, header .search_box form ul li.active button{background: #0ab68d; color: #fff;} .notouch header .search_icon .search_box form ul li.special a:hover, header .search_box .search_icon form ul li.active.special a, .notouch header .search_icon .search_box form ul li.special button:hover, header .search_box form ul li.active.special button{text-decoration: none;} header .search_icon .search_box form ul li > span{text-transform: uppercase; background: #0ab68d; text-align: left; font-size: 13px; line-height: 20px; color: #fff; font-weight: 700; padding: 8px 10px; list-style: none; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .open_close_navigation{cursor: pointer; text-align: center; display: none; position: relative; left: 0; z-index: 20; padding: 16px 0 15px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .open_close_navigation::after{margin: 0 0 0 5px; content: "Menu"; font-size: 12px; line-height: 28px; color: #ffffff; font-weight: 600; 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 {transition: 0;} .open_close_navigation .lines {display: inline-block; width: 2rem; height: 3px; background: #ffffff; transition: 0.3s; position: relative;} .open_close_navigation .lines:before, .open_close_navigation .lines:after {display: inline-block; width: 2rem; height: 3px; background: #ffffff; transition: 0.3s; position: absolute; left: 0; content: ''; -webkit-transform-origin: 0.28571rem center; transform-origin: 0.28571rem center;} .open_close_navigation .lines:before {top: 0.5rem;} .open_close_navigation .lines:after {top: -0.5rem;} .open_close_navigation .lines-button.close {-webkit-transform: scale3d(0.8, 0.8, 0.8); transform: scale3d(0.8, 0.8, 0.8);} .open_close_navigation .lines-button.x.close .lines {background: transparent !important;} .open_close_navigation .lines-button.x.close .lines:before, .open_close_navigation .lines-button.x.close .lines:after {height: 4px; left: -3px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; width: 2.5rem; background: #ffffff;} .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: #0ab68d;} .notouch .open_close_navigation:hover .lines-button.x.close .lines:before, .notouch .open_close_navigation:hover .lines-button.x.close .lines:after{background: #0ab68d;} .notouch .open_close_navigation:hover .lines:before, .notouch .open_close_navigation:hover .lines:after{background: #0ab68d;} .notouch .open_close_navigation:hover .lines{background: #0ab68d;} .ipad_menu{display: none; position: absolute; background: rgba(10,17,22,0.85); max-width: 1920px; top: -900px; right: 0; left: 0; margin: 64px 0 0; padding: 15px; z-index: 998; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .ipad_menu.move{top: 0 !important;} .ipad_menu ul{display: block; position: relative; text-align: center; margin: 0; padding: 0; z-index: 9998;} .ipad_menu ul > li{position: relative; list-style: none; display: block; margin: 5px 0 0;} .ipad_menu ul > li:first-child{margin: 0} .ipad_menu ul > li > a{position: relative; font-weight: 700; text-transform: uppercase; display: block; padding: 0 20px; font-size: 14px; line-height: 50px; text-align: center; color: #ffffff !important; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .ipad_menu ul > li:not(.lang):hover > a, .ipad_menu ul > li.active:not(.lang) > a, .ipad_menu ul > li:not(.lang) > a.active{background: #0ab68d; color: #000000;} .ipad_menu ul > li > ul{display: none; background: rgba(10,17,22,0.85);} .ipad_menu ul > li > ul > li{} .ipad_menu ul > li > ul > li > a{background: transparent !important; position: relative; font-size: 14px; line-height: 40px; font-weight: 400; padding: 0 15px; display: block; text-transform: none; color: #ffffff !important; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .ipad_menu ul > li > ul > li:hover > a, .ipad_menu ul > li > ul > li.active > a{color: #0ab68d !important; } .ipad_menu ul > li > .icon{cursor: pointer; z-index: 100; display: block; position: absolute; top: 6px; left: 10px; width: 36px; height: 36px; background: #039c78; border: 1px solid #039c78; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .ipad_menu ul > li > .icon::before{display: block; width: 36px; height: 36px; content: ""; position: absolute; top: 0; left: 0; background: url(../../img/ipad_menu_arrow.png) no-repeat scroll center center;} .ipad_menu ul > li > .icon.active::before{transform: rotate(180deg);-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg)} @media screen and (max-width: 1200px) { header nav ul.menu li a{padding: 0 50px;} } @media screen and (max-width: 1024px) { header{position: absolute;} header nav{width: calc(100% - 35px); text-align: left;} header nav ul.menu{display: none;} .open_close_navigation{display: inline-block; vertical-align: middle;} .ipad_menu{display: block;} } @media screen and (max-width: 480px) { header .search_icon .search_box{ width: 260px;} header .search_icon .search_box input[type=text]{width: 168px;} } .welcome_1{overflow: hidden; padding: 100px 0; z-index: 10; position: relative; display: block;} .welcome_1 ul.social{position: absolute; top: 100px; left: 30px; display: block; padding: 0; width: 30px; margin: 0;} .welcome_1 ul.social li{list-style: none; display: inline-block; margin: 0 0 12px 0; padding: 0 0 12px 0; border-bottom: 1px solid #fff;} .welcome_1 ul.social li:last-of-type{border: 0;} .welcome_1 ul.social li a{display: block; width: 30px; height: 30px; position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_1 ul.social li a::before{opacity: 0; content: ""; position: absolute; left: 0; top: 0; width: 30px; height: 30px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_1 ul.social li a::after{opacity: 1; content: ""; position: absolute; left: 0; top: 0; width: 30px; height: 30px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_1 ul.social li a.in::before{background: url(../../img/social_in_icon.svg) no-repeat scroll center center; background-size: 22px 22px;} .welcome_1 ul.social li a.fb::before{background: url(../../img/social_fb_icon.svg) no-repeat scroll center center; background-size: 22px 22px;} .welcome_1 ul.social li a.yt::before{background: url(../../img/social_yt_icon.svg) no-repeat scroll center center; background-size: 22px 22px;} .welcome_1 ul.social li a.li::before{background: url(../../img/social_li_icon.svg) no-repeat scroll center center; background-size: 22px 22px;} .welcome_1 ul.social li a.tw::before{background: url(../../img/social_tw_icon.svg) no-repeat scroll center center; background-size: 22px 22px;} .welcome_1 ul.social li a.g::before{background: url(../../img/social_g_icon.svg) no-repeat scroll center center; background-size: 22px 22px;} .welcome_1 ul.social li a.in::after{background: url(../../img/social_in_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;} .welcome_1 ul.social li a.fb::after{background: url(../../img/social_fb_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;} .welcome_1 ul.social li a.yt::after{background: url(../../img/social_yt_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;} .welcome_1 ul.social li a.li::after{background: url(../../img/social_li_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;} .welcome_1 ul.social li a.tw::after{background: url(../../img/social_tw_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;} .welcome_1 ul.social li a.g::after{background: url(../../img/social_g_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;} .notouch .welcome_1 ul.social li a:hover::before{opacity: 1;} .notouch .welcome_1 ul.social li a:hover::after{opacity: 0;} .welcome_1 a.logo{width: 248px; margin: 0 auto 60px; display: block;} .welcome_1 a.logo img{width: 248px; height: 109px; margin: 0 auto; display: block;} .welcome_1 h1{font-size: 64px; line-height: 70px; font-weight: 800; color: #fff; text-transform: uppercase; text-align: center; margin: 0; padding: 0;} .welcome_1 .subtitle{font-size: 24px; line-height: 28px; font-weight: 700; color: #fff; text-transform: uppercase; text-align: center; margin: 25px 0; padding: 0;} .welcome_1 article{color: #fff; text-align: center;} .welcome_1 article *{text-align: center;} .welcome_1 .scroll{background: url(../img/scroll_icon.svg) no-repeat scroll center top; background-size: 20px 46px; padding: 60px 0 0; margin: 60px auto 0; display: block; font-size: 14px; line-height: 20px; color: #fff; text-transform: uppercase; font-weight: 600; text-align: center;} @media screen and (max-width: 1500px) { .welcome_1{padding: 80px 0;} .welcome_1 ul.social{top: 80px;} .welcome_1 a.logo{margin: 0 auto 40px;} .welcome_1 h1{font-size: 54px; line-height: 54px} .welcome_1 .subtitle{font-size: 22px; line-height: 26px; } .welcome_1 .scroll{ margin: 40px auto 0} } @media screen and (max-width: 1300px) { .welcome_1{padding: 60px 0;} .welcome_1 ul.social{top: 60px;} } @media screen and (max-width: 1024px) { .welcome_1 ul.social{display: none;} .welcome_1 a.logo{width: 170px; margin: 0 auto 30px;} .welcome_1 a.logo img{width: 170px; height: 75px;} .welcome_1 h1{font-size: 40px; line-height: 42px} .welcome_1 .subtitle{font-size: 20px; line-height: 24px; } .welcome_1 .scroll{display: none;} } @media screen and (max-width: 700px) { .welcome_1 h1{font-size: 30px; line-height: 34px} .welcome_1 .subtitle{font-size: 18px; line-height: 22px; } } .sub_welcome_1{padding: 45px 0; position: relative; display: block;} .sub_welcome_1 ul.social{position: absolute; top: 50%; left: 30px; display: block; padding: 0; width: 30px; margin: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%);} .sub_welcome_1 ul.social li{list-style: none; display: inline-block; margin: 0 0 12px 0; padding: 0 0 12px 0; border-bottom: 1px solid #fff;} .sub_welcome_1 ul.social li:last-of-type{border: 0; margin: 0; padding: 0;} .sub_welcome_1 ul.social li a{display: block; width: 30px; height: 30px; position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .sub_welcome_1 ul.social li a::before{opacity: 0; content: ""; position: absolute; left: 0; top: 0; width: 30px; height: 30px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .sub_welcome_1 ul.social li a::after{opacity: 1; content: ""; position: absolute; left: 0; top: 0; width: 30px; height: 30px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .sub_welcome_1 ul.social li a.in::before{background: url(../../img/social_in_icon.svg) no-repeat scroll center center; background-size: 22px 22px;} .sub_welcome_1 ul.social li a.fb::before{background: url(../../img/social_fb_icon.svg) no-repeat scroll center center; background-size: 22px 22px;} .sub_welcome_1 ul.social li a.yt::before{background: url(../../img/social_yt_icon.svg) no-repeat scroll center center; background-size: 22px 22px;} .sub_welcome_1 ul.social li a.li::before{background: url(../../img/social_li_icon.svg) no-repeat scroll center center; background-size: 22px 22px;} .sub_welcome_1 ul.social li a.tw::before{background: url(../../img/social_tw_icon.svg) no-repeat scroll center center; background-size: 22px 22px;} .sub_welcome_1 ul.social li a.g::before{background: url(../../img/social_g_icon.svg) no-repeat scroll center center; background-size: 22px 22px;} .sub_welcome_1 ul.social li a.in::after{background: url(../../img/social_in_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;} .sub_welcome_1 ul.social li a.fb::after{background: url(../../img/social_fb_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;} .sub_welcome_1 ul.social li a.yt::after{background: url(../../img/social_yt_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;} .sub_welcome_1 ul.social li a.li::after{background: url(../../img/social_li_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;} .sub_welcome_1 ul.social li a.tw::after{background: url(../../img/social_tw_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;} .sub_welcome_1 ul.social li a.g::after{background: url(../../img/social_g_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;} .notouch .sub_welcome_1 ul.social li a:hover::before{opacity: 1;} .notouch .sub_welcome_1 ul.social li a:hover::after{opacity: 0;} .sub_welcome_1 a.logo{width: 180px; margin: 0 auto; display: inline-block; vertical-align: middle;} .sub_welcome_1 a.logo img{width: 180px; height: 79px; margin: 0 auto; display: block;} .sub_welcome_1 .main_title{font-size: 40px; line-height: 44px; font-weight: 800; color: #fff; text-transform: uppercase; text-align: right; margin: 0; padding: 0; width: calc(100% - 185px); display: inline-block; vertical-align: middle;} @media screen and (max-width: 1650px) { .sub #sterkovna{display: none;} .sub_welcome_1 ul.social{display: none;} } @media screen and (max-width: 950px) { .sub_welcome_1 a.logo{width: 150px; display: block; margin: 0 auto 20px;} .sub_welcome_1 a.logo img{width: 150px; height: 66px;} .sub_welcome_1 .main_title{display: block; width: 100%; font-size: 36px; line-height: 38px; text-align: center;} } @media screen and (max-width: 650px) { .sub_welcome_1 .main_title{font-size: 28px; line-height: 32px;} } @media screen and (max-width: 400px) { .sub_welcome_1 .main_title{font-size: 26px; line-height: 30px;} } .welcome_2{padding: 0 0 100px 0; position: relative; display: block;} .welcome_2 .item{position: relative; display: inline-block; padding: 0 0 calc(25% - 150px / 4 - 3px); vertical-align: middle; width: calc(25% - 150px / 4 - 3px);} .welcome_2 .item:nth-child(4n - 1){margin: 50px 50px 0;} .welcome_2 .item:nth-child(4n - 2){margin: 50px 0 0 50px;} .welcome_2 .item:nth-child(-n + 4){margin-top: 0;} .welcome_2 .item .text{border: 1px solid #fff; position: absolute; left: 0; right: 0; top: 0; bottom: 0; -webkit-border-radius: 200px; border-radius: 200px;} .welcome_2 .item .text::before{position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 0 solid #ffffff; content: ""; -webkit-border-radius: 200px; border-radius: 200px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .welcome_2 a.item:hover .text::before{border: 8px solid #ffffff;} .welcome_2 .item .text .box{position: relative; display: table; height: 100%; width: 100%;} .welcome_2 .item .text .box .centering{display: table-cell; vertical-align: middle; width: 100%;} .welcome_2 .item .text .box .centering img{width: 70px; margin: 0 auto 5px; display: block;} .welcome_2 .item .text .box .centering .title{font-size: 12px; line-height: 20px; font-weight: 600; color: #fff; text-transform: uppercase; text-align: center; margin: 0; padding: 0; display: block;} @media screen and (max-width: 1500px) { .welcome_2{padding: 0 0 80px 0;} } @media screen and (max-width: 1300px) { .welcome_2{padding: 0 0 60px 0;} } @media screen and (max-width: 1024px) { .welcome_2 .in_in{max-width: 530px;} .welcome_2 .item{padding: 0 0 calc(50% - 50px / 2 - 3px); width: calc(50% - 50px / 2 - 3px);} .welcome_2 .item:nth-child(4n - 1){margin: 50px 0 0;} .welcome_2 .item:nth-child(4n - 2){margin: 50px 0 0;} .welcome_2 .item:nth-child(-n + 4){margin-top: 50px;} .welcome_2 .item:nth-child(2n){margin: 50px 0 0 50px;} .welcome_2 .item:nth-child(-n + 2){margin-top: 0;} } @media screen and (max-width: 800px) { .welcome_2 .item{padding: 0 0 calc(50% - 30px / 2 - 3px); width: calc(50% - 30px / 2 - 3px);} .welcome_2 .item:nth-child(4n - 1){margin: 30px 0 0;} .welcome_2 .item:nth-child(4n - 2){margin: 30px 0 0;} .welcome_2 .item:nth-child(-n + 4){margin-top: 30px;} .welcome_2 .item:nth-child(2n){margin: 30px 0 0 30px;} .welcome_2 .item:nth-child(-n + 2){margin-top: 0;} } @media screen and (max-width: 500px) { .welcome_2 .item{padding: 0 0 calc(50% - 10px / 2 - 3px); width: calc(50% - 10px / 2 - 3px);} .welcome_2 .item:nth-child(4n - 1){margin: 10px 0 0;} .welcome_2 .item:nth-child(4n - 2){margin: 10px 0 0;} .welcome_2 .item:nth-child(-n + 4){margin-top: 10px;} .welcome_2 .item:nth-child(2n){margin: 10px 0 0 10px;} .welcome_2 .item:nth-child(-n + 2){margin-top: 0;} .welcome_2 .item .text .box .centering img{width: 60px; margin: 0 auto 5px;} } .welcome_3{display: block; position: relative; padding: 0 0 100px;} .welcome_3 h2{position: absolute; top: 50%; left: 0; right: 0; text-transform: uppercase; font-size: 20px; line-height: 26px; color: #0ab68d; font-weight: 400; letter-spacing: 8px; text-align: center; text-transform: uppercase; margin: 0; -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg); transform: translateX(-50%) translateY(-50%) rotate(-90deg);} .welcome_3 .main_item{background: #fff; display: inline-block; vertical-align: middle; margin: 0 0 0 0; padding: 30px; width: calc(46% - 60px); min-width: 420px;} .welcome_3 .main_item .number{position: absolute; top: 15px; left: 15px; z-index: 100; font-weight: 500; font-size: 14px; line-height: 18px; color: #0ab68d; letter-spacing: 1px;} .welcome_3 .main_item img{max-width: 100%; display: block; margin: 20px 0;} .welcome_3 .main_item .title{font-size: 26px; line-height: 36px; color: #000000; font-weight: 900; text-align: left; margin: 0; text-transform: uppercase; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .welcome_3 .main_item:hover .title{color: #0ab68d;} .welcome_3 .main_item .anotation{font-size: 14px; line-height: 22px; color: #000000; font-weight: 500; text-align: left; margin: 8px 0; display: block;} .welcome_3 .main_item .link{font-size: 14px; line-height: 22px; color: #0ab68d; font-weight: 500; text-align: left; margin: 0; display: block; text-decoration: underline; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_3 .second_item{display: inline-block; vertical-align: middle; margin: 0; width: calc(54% - 4px); max-width: calc(100% - 486px);} .welcome_3 .second_item .top{margin: 0 0 4px;} .welcome_3 .second_item .item{display: inline-block; vertical-align: middle; padding: 20px; position: relative; margin: 0 0 0 0; background: #fff;} .welcome_3 .second_item .top .item{width: calc(50% - 5px / 2 - 40px); height: 200px;} .welcome_3 .second_item .bottom .item{width: calc(33.33% - 5px / 3 - 41px); height: 124px;} .welcome_3 .second_item .item:last-of-type{margin: 0;} .welcome_3 .second_item .item .number{position: absolute; top: 15px; left: 15px; z-index: 100; font-weight: 500; font-size: 14px; line-height: 18px; color: #0ab68d; letter-spacing: 1px;} .welcome_3 .second_item .item .img{position: absolute; top: 20px; right: 20px; left: 20px; bottom: 20px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: contain; background-size: contain;} .welcome_3 .second_item .item .text{opacity: 0; position: absolute; z-index: 10; background: rgba(10,17,22,0.85); top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .welcome_3 .second_item .item:hover .text{opacity: 1;} .welcome_3 .second_item .item .text .title{font-size: 22px; line-height: 30px; color: #ffffff; font-weight: 800; text-align: center; margin: 0; text-transform: uppercase; display: block; position: absolute; top: 50%; left: 15px; right: 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%);} .welcome_3 .second_item .bottom .item .text .title{font-size: 18px; line-height: 26px;} .welcome_3 .second_item .item .text .title::before{opacity: 1; background: url(../img/btn_green.svg) no-repeat scroll center center; background-size: 22px 16px; content: ""; position: absolute; left: 0; right: 0; margin: 0 auto; display: block; top: calc(100% + 5px); width: 22px; height: 16px;} .welcome_3 .second_item .item .text.green{opacity: 1; background: #0ab68d;} .welcome_3 .second_item .item .text.green .title{font-weight: 600; font-size: 16px; line-height: 22px; letter-spacing: 1px;} .welcome_3 .second_item .item .text.green .title::before{background: url(../img/piktogram_white.svg) no-repeat scroll center center; background-size: 52px 52px; position: relative; top: 0; width: 52px; height: 52px; margin: 0 auto 8px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .welcome_3 .second_item .item:hover .text.green .title::before{margin: 0 auto 15px;} @media screen and (max-width: 1500px) { .welcome_3{padding: 0 0 80px 0;} } @media screen and (max-width: 1300px) { .welcome_3{padding: 0 0 60px 0;} .welcome_3 h2{text-align: center; position: relative; top: 0; letter-spacing: 5px; margin: 0 0 20px; -webkit-transform: none; transform: none;} } @media screen and (max-width: 1024px) { .welcome_3 .main_item{padding: 25px; width: 340px; min-width: 340px;} .welcome_3 .second_item{width: calc(100% - 394px); max-width: calc(100% - 394px);} .welcome_3 .second_item .top .item{height: 166px;} .welcome_3 .second_item .bottom .item{height: 112px;} .welcome_3 .second_item .item .text .title{font-size: 20px; line-height: 28px;} } @media screen and (max-width: 900px) { .welcome_3 .main_item{width: calc(100% - 50px); min-width: calc(100% - 50px); margin: 0 0 4px;} .welcome_3 .main_item img{margin: 20px auto;} .welcome_3 .main_item .title{text-align: center;} .welcome_3 .main_item .anotation{text-align: center;} .welcome_3 .main_item .link{text-align: center;} .welcome_3 .second_item{width: 100%; max-width: 100%;} .welcome_3 .second_item .top .item{height: 166px;} .welcome_3 .second_item .bottom .item{height: 112px;} .welcome_3 .second_item .item .text .title{font-size: 20px; line-height: 28px;} } @media screen and (max-width: 600px) { .welcome_3 .second_item .top .item{width: calc(50% - 5px / 2 - 40px); height: 166px;} .welcome_3 .second_item .bottom .item{width: calc(50% - 5px / 2 - 40px); height: 166px;} .welcome_3 .second_item .bottom .item:last-child{width: calc(100% - 40px); display: block; margin: 4px 0 0; height: 100px;} } @media screen and (max-width: 450px) { .welcome_3 .main_item .title{font-size: 22px; line-height: 28px;} .welcome_3 .second_item .top .item{height: 120px;} .welcome_3 .second_item .bottom .item{height: 120px;} .welcome_3 .second_item .item .text .title{font-weight: 700; font-size: 18px; line-height: 24px; left: 10px; right: 10px;} .welcome_3 .second_item .bottom .item .text .title{font-size: 16px; line-height: 22px;} } .welcome_4{overflow: hidden; display: block; position: relative; padding: 0 0 100px 0; /*background: url(../img/reference_bg.jpg); background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;*/} .welcome_4 #parallax{position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; background: transparent; background: url(../img/reference_bg.jpg); background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;} .welcome_4 h2{position: absolute; top: 50%; left: 0; right: 0; text-transform: uppercase; font-size: 20px; line-height: 26px; color: #0ab68d; font-weight: 400; letter-spacing: 8px; text-align: center; text-transform: uppercase; margin: 0; -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg); transform: translateX(-50%) translateY(-50%) rotate(-90deg);} .welcome_4 .main_text{padding: 0; width: calc(50% - 4px); margin: 0; display: inline-block; vertical-align: middle; position: relative;} .welcome_4 .main_text .main_title{font-size: 26px; line-height: 36px; color: #fff; font-weight: 700; text-align: left; margin: 0 0 30px; text-transform: uppercase; max-width: 350px;} .welcome_4 .reference_list{padding: 0; width: calc(50% - 4px); margin: 0; display: inline-block; vertical-align: middle; position: relative;} .welcome_4 .reference_list .item{display: block; width: 100%; margin: 10px 0 !important;} .welcome_4 .reference_list .box{height: 370px; display: table; width: 100%;} .welcome_4 .reference_list .box .centering{display: table-cell; vertical-align: middle; width: 100%;} .reference_slider.owl-carousel .owl-controls { width: 100%; left: 0; right: 0; min-height: 0; z-index: 999; } .reference_slider.owl-carousel .owl-controls .owl-buttons{ position: absolute; top: 50%; margin: -15px 0 0 0; right: -30px; } .reference_slider.owl-carousel .owl-controls .owl-buttons .owl-prev { cursor: pointer; position:absolute; width: 30px; height: 30px; left: 0; top: -40px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .reference_slider.owl-carousel .owl-controls .owl-buttons .owl-next { cursor: pointer; position:absolute; width: 30px; height: 30px; left: 0; top: 40px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .reference_slider.owl-carousel .owl-controls .owl-buttons .owl-prev::before { opacity: 1; background: url(../img/slider_arrow_prev.svg) no-repeat scroll center center; background-size: 30px 30px; position: absolute; left: 0; top: 0; content: ""; display: block; width: 30px; height: 30px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .reference_slider.owl-carousel .owl-controls .owl-buttons .owl-prev::after { opacity: 0; background: url(../img/slider_arrow_prev_hover.svg) no-repeat scroll center center; background-size: 30px 30px; position: absolute; left: 0; top: 0; content: ""; display: block; width: 30px; height: 30px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .reference_slider.owl-carousel .owl-controls .owl-buttons .owl-next::before { opacity: 1; background: url(../img/slider_arrow_next.svg) no-repeat scroll center center; background-size: 30px 30px; position: absolute; left: 0; top: 0; content: ""; display: block; width: 30px; height: 30px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .reference_slider.owl-carousel .owl-controls .owl-buttons .owl-next::after { opacity: 0; background: url(../img/slider_arrow_next_hover.svg) no-repeat scroll center center; background-size: 30px 30px; position: absolute; left: 0; top: 0; content: ""; display: block; width: 30px; height: 30px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .reference_slider.owl-carousel .owl-controls .owl-buttons .owl-prev:hover::before, .notouch .reference_slider.owl-carousel .owl-controls .owl-buttons .owl-next:hover::before { opacity: 0;} .notouch .reference_slider.owl-carousel .owl-controls .owl-buttons .owl-prev:hover::after, .notouch .reference_slider.owl-carousel .owl-controls .owl-buttons .owl-next:hover::after { opacity: 1;} @media screen and (max-width: 1300px) and (min-width: 1024px) { .welcome_4{padding: 0 0 60px 0;} .welcome_4 h2{text-align: center; position: relative; top: 0; letter-spacing: 5px; margin: 0 0 20px; -webkit-transform: none; transform: none;} .welcome_4 .main_text{width: 100%; display: block; text-align: center;} .welcome_4 .main_text .main_title{text-align: center; margin: 0 auto 20px;} .welcome_4 .reference_list{width: 100%; display: block;} .welcome_4 .reference_list .item{display: inline-block; width: calc(50% - 20px / 2 - 2px); margin: 0 !important;} .welcome_4 .reference_list .item:nth-child(2){margin: 0 0 0 20px !important;} .welcome_4 .reference_list .box{margin: 30px 0 30px; height: 170px; display: table; width: 100%;} .reference_slider.owl-carousel .owl-controls .owl-buttons{ position: absolute; top: 100%; margin: 0 0 0 -25px; left: 0; right: 0; } .reference_slider.owl-carousel .owl-controls .owl-buttons .owl-prev { left: calc(50% - 30px); top: 0;} .reference_slider.owl-carousel .owl-controls .owl-buttons .owl-prev::before, .reference_slider.owl-carousel .owl-controls .owl-buttons .owl-prev::after{-webkit-transform: rotate(-90deg); transform: rotate(-90deg)} .reference_slider.owl-carousel .owl-controls .owl-buttons .owl-next { left: calc(50% + 30px); top: 0;} .reference_slider.owl-carousel .owl-controls .owl-buttons .owl-next::before, .reference_slider.owl-carousel .owl-controls .owl-buttons .owl-next::after{-webkit-transform: rotate(-90deg); transform: rotate(-90deg)} } @media screen and (max-width: 1024px) { .welcome_4{padding: 0 0 60px 0;} .welcome_4 h2{text-align: center; position: relative; top: 0; letter-spacing: 5px; margin: 0 0 20px; -webkit-transform: none; transform: none;} .welcome_4 .main_text{width: 100%; display: block; text-align: center;} .welcome_4 .main_text .main_title{text-align: center; margin: 0 auto 20px;} .welcome_4 .reference_list{margin: 0 auto; max-width: 530px; width: 100%; display: block;} .welcome_4 .reference_list .box{margin: 30px 0 0;} } @media screen and (max-width: 700px) { .welcome_4 .reference_list .box{margin: 30px 0 30px; height: initial; height: auto; display: block; } .reference_slider.owl-carousel .owl-controls .owl-buttons{ position: absolute; top: 100%; margin: 0 0 0 -25px; left: 0; right: 0; } .reference_slider.owl-carousel .owl-controls .owl-buttons .owl-prev { left: calc(50% - 30px); top: 0;} .reference_slider.owl-carousel .owl-controls .owl-buttons .owl-prev::before, .reference_slider.owl-carousel .owl-controls .owl-buttons .owl-prev::after{-webkit-transform: rotate(-90deg); transform: rotate(-90deg)} .reference_slider.owl-carousel .owl-controls .owl-buttons .owl-next { left: calc(50% + 30px); top: 0;} .reference_slider.owl-carousel .owl-controls .owl-buttons .owl-next::before, .reference_slider.owl-carousel .owl-controls .owl-buttons .owl-next::after{-webkit-transform: rotate(-90deg); transform: rotate(-90deg)} } #sterkovna{ opacity: 0; position: absolute; width: 90px; top: 164px; right: 0; z-index: 99; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease;} .sub #sterkovna{ top: 64px; height: 169px;} #sterkovna.fixed{position: fixed; top: 164px} #sterkovna.opacity{opacity: 1;} #sterkovna .overflow{position: absolute; top: 0; right: 0; display: block; overflow: hidden; width: 90px; height: 342px; -webkit-transition: all 800ms ease; transition: all 800ms ease;} .notouch #sterkovna:hover .overflow{width: 696px;} #sterkovna .item{border-right: 1px solid #e6e6e6; white-space: nowrap; z-index: 0; display: block; text-align: left; right: -606px; top: 0; background: #fff; position: absolute; padding: 15px; margin: 0; -webkit-transition: all 800ms ease; transition: all 800ms ease;} .sub #sterkovna .item{border: 1px solid #e6e6e6;} .notouch #sterkovna:hover .item{right: 90px;} #sterkovna .item .img{white-space: normal; display: inline-block; vertical-align: middle; width: 220px; height: 310px; background-attachment: local; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;} #sterkovna .item .text{white-space: normal; display: inline-block; vertical-align: middle; width: 310px; padding: 0 10px 0 30px;} #sterkovna .item .text .title{max-height: 60px; overflow: hidden; font-size: 22px; line-height: 30px; color: #000000; font-weight: 800; text-align: left; margin: 0; text-transform: uppercase; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;} #sterkovna .item .text .date{font-size: 14px; line-height: 22px; color: #0ab68d; font-weight: 700; text-align: left; margin: 0; display: block;} #sterkovna .item .text .anotation{max-height: 155px; overflow: hidden; font-size: 14px; line-height: 22px; color: #000000; font-weight: 500; text-align: left; margin: 8px 0; display: block;} #sterkovna .subtitle{height: 20px; top: 0; z-index: 10; position: absolute; margin: 0; padding: 0; padding: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} #sterkovna .subtitle .img{background-color: #0ab68d; background-repeat: no-repeat; background-position: center center; position: relative; display: block; margin: 0 auto; width: 90px; height: 90px;} .sub #sterkovna .subtitle .img{height: 169px;} #sterkovna .subtitle .text{text-transform: uppercase; width: 190px; padding: 0 20px 0 40px; position: absolute; right: -80px; top: 170px; white-space: nowrap; font-size: 15px; line-height: 90px; font-weight: 500; background: #fff; -webkit-transform: rotate(-90deg) translateZ(0); transform: rotate(-90deg) translateZ(0); background-color: #ffffff; background-repeat: no-repeat; background-position: center center; color: #000; display: block; margin: 0 auto;} #sterkovna .subtitle .text::before{background: url(../img/btn_green.svg) no-repeat scroll center center; background-size: 16px 11px; content: ""; position: absolute; left: 15px; top: calc(50% - 5px); width: 14px; height: 10px; -webkit-transform: rotate(-90deg) translateZ(0); transform: rotate(-90deg) translateZ(0); -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch #sterkovna:hover .subtitle .text::before{-webkit-transform: rotate(90deg) translateZ(0); transform: rotate(90deg) translateZ(0); } @media screen and (max-width: 1500px) { #sterkovna{ top: 144px;} #sterkovna.fixed{top: 144px} } @media screen and (max-width: 1300px) { #sterkovna{ top: 124px;} #sterkovna.fixed{top: 124px} } @media screen and (max-width: 1024px) { #sterkovna{ display: none;} } #content{padding: 0; position: relative; z-index: 10; } .sub #content{background: #fff;} #content .c_column:not(.full) .inside{padding-left: 0; padding-right: 0; width: 100%; max-width: 100%;} #content .inside{margin: 0 auto 40px} #content .inside.margin{margin: 0 auto 20px} #content .inside.no_margin{margin: 0 auto} #content .inside:last-of-type{margin: 0 auto;} #content #page_hash{padding: 0; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease;} aside{width: 280px; position: relative; float: left; display: block; padding: 0; margin: 0 0 50px;} aside.hide{display: none;} aside .open_title{cursor: pointer; display: none; border: 1px solid #efefef; background: #fff; font-size: 14px; line-height: 20px; color: #000000; font-weight: 700; padding: 16px 30px; margin: 0; text-transform: uppercase; position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease; } aside .open_title::before{opacity: 1; position: absolute; top: 50%; right: 15px; margin: -10px 0 0; display: block; width: 20px; height: 20px; content: ""; background: url(../img/arrow_black_right.svg) no-repeat scroll center center; background-size: 14px 14px; transform: rotate(90deg); -webkit-transform: rotate(90deg); -webkit-transition: all 400ms ease; transition: all 400ms ease; } aside .open_title::after{opacity: 0; position: absolute; top: 50%; right: 15px; margin: -10px 0 0; display: block; width: 20px; height: 20px; content: ""; background: url(../img/arrow_green_right.svg) no-repeat scroll center center; background-size: 14px 14px; transform: rotate(90deg); -webkit-transform: rotate(90deg); -webkit-transition: all 400ms ease; transition: all 400ms ease; } aside .open_title.active::before{transform: rotate(-90deg); -webkit-transform: rotate(-90deg);} aside .open_title.active::after{transform: rotate(-90deg); -webkit-transform: rotate(-90deg);} .notouch aside .open_title:hover, aside .open_title.active{border: 1px solid #cccccc;} aside ul.first{display: block; margin: 0; padding: 0;} aside ul.first > li{list-style: none; display: block; margin: 0; position: relative; border-bottom: 1px solid #e6e6e6; -webkit-transition: all 400ms ease; transition: all 400ms ease;} aside ul.first > li > a{position: relative; padding: 12px 0 12px 45px; font-size: 14px; line-height: 20px; color: #000000; background: #ffffff; font-weight: 700; text-align: left; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;} aside ul.first > li > a::before{opacity: 1; background: url(../img/arrow_black_right.svg) no-repeat scroll center center; background-size: 14px 14px; content: ""; position: absolute; left: 11px; top: calc(50% - 7px); width: 14px; height: 14px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} aside ul.first > li > a::after{opacity: 0; background: url(../img/arrow_green_right.svg) no-repeat scroll center center; background-size: 14px 14px; content: ""; position: absolute; left: 11px; top: calc(50% - 7px); width: 14px; height: 14px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch aside ul.first > li > a:hover, aside ul.first > li.active > a{color: #0ab68d;} .notouch aside ul.first > li > a:hover::before, aside ul.first > li.active > a::before{opacity: 0;} .notouch aside ul.first > li > a:hover::after, aside ul.first > li.active > a::after{opacity: 1;} aside ul.first > li > ul{display: none; margin: 0; padding: 0; background: #f4f4f4;} aside ul.first > li > ul > li{list-style: none; display: block; margin: 0; position: relative; border-top: 1px solid #ffffff; -webkit-transition: all 400ms ease; transition: all 400ms ease;} aside ul.first > li > ul > li.active{border-top: 1px solid #ffffff;} aside ul.first > li > ul > li > a{position: relative; padding: 8px 0 8px 45px; font-size: 13px; line-height: 20px; color: #000000; font-weight: 500; letter-spacing: 0.5px; text-align: left; text-transform: none; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;} aside ul.first > li > ul > li > a::before{opacity: 0; position: absolute; top: calc(50% - 6px); left: 20px; margin: 0; display: block; width: 12px; height: 12px; content: ""; background: url(../img/arrow_black_right.svg) no-repeat scroll center center; background-size: 12px 13px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } aside ul.first > li > ul > li > a::after{opacity: 0; position: absolute; top: calc(50% - 6px); left: 20px; margin: 0; display: block; width: 12px; height: 12px; content: ""; background: url(../img/arrow_green_right.svg) no-repeat scroll center center; background-size: 12px 13px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch aside ul.first > li > ul > li > a:hover::before{opacity: 1; left: 27px;} .notouch aside ul.first > li > ul > li.active > a:hover::before, aside ul.first > li > ul > li.active > a::before{opacity: 0; left: 27px;} aside ul.first > li > ul > li.active > a::after{opacity: 1; left: 27px;} aside ul.first > li > ul > li.active > a{color: #0ab68d} aside ul.first > li .icon{border: 1px solid #e6e6e6; cursor: pointer; z-index: 999; position: absolute; right: 10px; top: 11px; width: 20px; height: 20px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } aside ul.first > li .icon::before{opacity: 1; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 20px; height: 20px; content: ""; background: url(../img/arrow_black_right.svg) no-repeat scroll center center; background-size: 14px 14px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } aside ul.first > li .icon::after{opacity: 0; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 20px; height: 20px; content: ""; background: url(../img/arrow_green_right.svg) no-repeat scroll center center; background-size: 14px 14px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } aside ul.first > li.active .icon::before{transform: rotate(90deg); -webkit-transform: rotate(90deg);} aside ul.first > li.active .icon::after{transform: rotate(90deg); -webkit-transform: rotate(90deg);} .notouch aside ul.first > li .icon:hover::before{opacity: 0;} .notouch aside ul.first > li .icon:hover::after{opacity: 1;} @media screen and (max-width: 1080px) { aside{width: 100%; margin: 0 0 30px;} aside .open_title{display: block;} aside ul.first{display: none; margin: 0 0 20px;} } .c_column{width: calc(100% - 330px); padding: 0 0 50px; position: relative; float: right; display: block;} .c_column.full{width: 100%; padding: 0 0 50px; position: relative; float: none; display: block;} @media screen and (max-width: 1080px) { .c_column{width: 100%; padding: 0 0 50px;} } #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(33.33% - 60px / 4 - 4px); margin: 0 0 40px; 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(3n - 1){margin: 0 20px 40px;} .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 .img{background-color: #fff; width: 100%; position: relative; padding: 0 0 60%; margin: 0; display: block; background-repeat: no-repeat; background-position: center center; -webkit-background-size: contain; background-size: contain;} .product_list .item h2{text-align: left; padding: 0; margin: 0; font-size: 18px; line-height: 24px; color: #000000; display: block; height: 48px; overflow: hidden; position: relative;} .product_list .item h2 a{padding: 0 20px; font-size: 18px; line-height: 24px; color: #000000; font-weight: 700; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .product_list .item.hover_efekt h2 a{color: #0ab68d;} .product_list .item .price{margin: 0; padding: 0 20px; width: calc(100% - 40px); display: block; vertical-align: middle;} .product_list .item .price .discount{margin: 0; display: block; font-size: 12px; line-height: 14px; height: 14px; color: #000000; font-weight: 600; text-align: left; text-decoration: line-through} .product_list .item .price .discount label{font-size: 12px; line-height: 14px; color: #000000; font-weight: 400; text-align: left;} .product_list .item .price .main{margin: 0; display: block; font-size: 14px; line-height: 20px; color: #0ab68d; font-weight: 700; text-align: left;} .product_list .item .price .main label{font-size: 14px; line-height: 20px; color: #0ab68d; font-weight: 400; text-align: left;} .product_list .item .anotation{overflow: hidden; height: 54px; padding: 20px 0 0; margin: 20px; border-top: 1px solid #e6e6e6; font-size: 13px; line-height: 18px; text-align: left; font-weight: 400; } .product_list .item a.btn{margin: 0 20px 20px; 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.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_hover.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.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_hover.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: #000; padding: 7px 0; width: 34px; font-weight: 400; text-align: center; display: inline-block; vertical-align: middle; background: #fff; 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 #0ab68d; position: relative; display: inline-block; vertical-align: middle; background: #0ab68d; -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_icon_white.svg) no-repeat scroll center center; background-size: 32px 32px; 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 #0ab68d !important; background: #0ab68d; color: #fff;} .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;} } .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 .main{position: relative; display: block; margin: 0 0 6px; border: 1px solid #f2f3f3; z-index: 0; background-repeat: no-repeat; background-position: center center; -webkit-background-size: contain; background-size: contain;} .detail > .img .main .cover{position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: #ffffff; z-index: 1;} .detail > .img .main img{margin: 0 auto; display: block; max-width: 100%; max-height: 400px; position: relative; z-index: 100;} .detail > .img a.main::before{opacity: 0; content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #0ab68d; 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: 70px; height: 70px; background: url(../img/fotogallery_icon.svg) no-repeat scroll center center; background-size: 70px 70px; 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; left: 0; top: 0; right: 0; bottom: 0;} .notouch .detail > .img a.main:hover::after{opacity: 1; background-size: 60px 60px;} .detail > .img div{display: block; clear: both;} .detail > .img div a.swipebox{height: 0; padding: 0 0 24%; margin: 6px 0 0; position: relative; display: block; float: left; width: calc(25% - 18px / 4 - 2px ); border: 1px solid #f2f3f3; background-attachment: local; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; transition-property: background-position;} .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::before{opacity: 0; content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #0ab68d; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .detail > .img div 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: 56px 56px; -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::before{opacity: 0.90; left: 0; top: 0; right: 0; bottom: 0;} .notouch .detail > .img div a.swipebox:hover::after{opacity: 1; background-size: 40px 40px;} .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: 700; text-align: left; margin: 25px 0 0; padding: 25px 0 0; border-top: 1px solid #f2f3f3; 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: #fff; width: 210px; margin: 0; height: 29px; border: 1px solid #f2f3f3; } .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 #f2f3f3;} .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: #fff; padding: 0; left: -1px; right: -1px;} .detail .text .parameters .sbOptions a{text-decoration: none; border: 1px solid #f2f3f3; 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 #f2f3f3;} .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 #f2f3f3; 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 #0ab68d;} .detail .text .parameters table td label.active{border: 1px solid #0ab68d; background: #0ab68d} .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: 13px; line-height: 18px; color: #666666; font-weight: 400;} .detail .text .warehouse strong{font-size: 13px; line-height: 18px; color: #000000; font-weight: 400; text-align: left;} .detail .text .warehouse.green{background: url(../img/correct.svg) no-repeat scroll left center; background-size: 15px 15px; padding: 0 0 0 15px;} .detail .text .warehouse.red{color: #ff0000; background: url(../img/false.svg) no-repeat scroll left center; background-size: 15px 15px; padding: 0 0 0 15px;} .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: #fff; 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: #f9f9f9;} .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: 20px 0 0;} .detail .text .price .left_side{width: 100%; margin: 0; display: block; text-align: left;} .detail .text .price .left_side .discount{margin: 0; display: block; font-size: 12px; line-height: 14px; color: #000000; font-weight: 400; text-align: left; text-decoration: line-through} .detail .text .price .left_side .discount label{font-size: 12px; line-height: 14px; color: #000000; font-weight: 600; text-align: left;} .detail .text .price .left_side .main{margin: 0; display: block; font-size: 12px; line-height: 14px; color: #0ab68d; font-weight: 400; text-align: left;} .detail .text .price .left_side .main label{font-size: 18px; line-height: 24px; color: #0ab68d; font-weight: 700; text-align: left;} .detail .text .price .left_side .sub{margin: 0; display: block; font-size: 12px; line-height: 14px; color: #000; font-weight: 400; text-align: left;} .detail .text .price .left_side .sub label{font-size: 14px; line-height: 24px; color: #000; font-weight: 700; text-align: left;} .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; width: calc(25% - 10px); 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: 0; top: 15px; right: 0;} .detail .hor_tabs .item.share .box > a{position: relative; padding: 34px 0 0; margin: 0; width: calc(25%); 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: #0ab68d} .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 #f2f3f3; -webkit-transition: background 400ms ease; transition: background 400ms ease;} .detail .hor_tabs .item:first-of-type{border-top: 1px solid #f2f3f3} .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 #f2f3f3; background: #fff; -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: 28px; height: 28px; content: ""; background: url(../img/plus.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: 28px; height: 28px; content: ""; background: url(../img/plus_hover.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.svg) no-repeat scroll center center; background-size: 32px 32px;} .detail .hor_tabs .item.active .title .icon::after{background: url(../img/minus_hover.svg) no-repeat scroll center center; background-size: 32px 32px;} .notouch .detail .hor_tabs .item .title:hover{color: #0ab68d;} .notouch .detail .hor_tabs .item .title:hover .icon{border: 1px solid #0ab68d;} .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.active{display: block;} .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: #fff; font-size: 13px; line-height: 20px; padding: 5px 15px; color: #000; -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: #fff; font-size: 13px; line-height: 20px; padding: 5px 15px; color: #000; -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: #f2f2f2;} .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 #0ab68d;} .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: #0ab68d} .detail .hor_tabs .item .hide form table td p.gdpr{text-align: right; font-size: 13px;} .detail .hor_tabs .item .hide form table td p.gdpr a{font-weight: 600; font-size: 13px;} @media screen and (max-width: 1600px) { .detail > .img{width: 320px;} .detail > .img div a.swipebox{padding: 0 0 24%; 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;} .detail > .img .main{display: inline-block; vertical-align: top; margin: 0 4px 0 0; width: calc(50% - 2px - 4px); padding: 0 0 33.5%;} .detail > .img .main img, .detail > .img .main .cover{display: none} .detail > .img div{display: inline-block; vertical-align: top; width: calc(50% - 4px);} .detail > .img div a.swipebox{padding: 0 0 33%; width: calc(50% - 4px / 2 - 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 0 0} .detail > .img div a.swipebox:nth-child(-n + 3){margin-top: 4px} .detail > .img div a.swipebox:nth-child(2n){margin: 4px 0 0 4px} .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 .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 #f2f3f3} } .newsletter{background: #0ab68d; display:block; position: relative; text-align: center; padding: 40px 5%;} .newsletter p.title{text-transform: uppercase; font-size: 26px; line-height: 32px; color: #ffffff; font-weight: 700; display: inline-block; vertical-align: middle; margin: 0 40px 0 0; text-align: left; letter-spacing: 2px;} .newsletter p.title span{text-transform: none; font-size: 14px; line-height: 20px; color: #ffffff; font-weight: 400; display: block; letter-spacing: 1px;} .newsletter label{display: inline-block; vertical-align: middle; margin: 0; width: 300px; max-width: calc(100% - 65px)} .newsletter label input[type=text]{max-width: calc(100% - 30px); width: 100%; padding: 12px 15px; font-size: 14px; line-height: 22px; color: #ffffff; font-weight: 400; border: 1px solid #ffffff; background: transparent; display: block; margin: 0;} .newsletter label input[type=text]::-webkit-input-placeholder{color: #ffffff;} .newsletter label input[type=text]::-moz-placeholder{color: #ffffff;} .newsletter label input[type=text]::-ms-input-placeholder{color: #ffffff;} .newsletter button{ margin: 0 0 0 8px; padding: 0; display: inline-block; vertical-align: middle; width: 48px; height: 48px; text-align: center; border: 1px solid #ffffff; position: relative; background: transparent; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .newsletter button::before{content: ""; opacity: 1; width: 48px; height: 48px; position: absolute; top: 0; left: 0; background: url(../img/piktogram_white.svg) no-repeat scroll center center; background-size: 30px 30px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .newsletter button::after{content: ""; opacity: 0; width: 48px; height: 48px; position: absolute; top: 0; left: 0; background: url(../img/piktogram_green.svg) no-repeat scroll center center; background-size: 30px 30px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .newsletter button:hover{background: #ffffff;} .notouch .newsletter button:hover::before{opacity: 0;} .notouch .newsletter button:hover::after{opacity: 1;} .newsletter p.gdpr{margin: 15px 0 0; text-align: center; position: relative; font-size: 13px; color: #ffffff; font-weight: 400; display: block;} .newsletter p.gdpr a{font-weight: 600; color: #ffffff; text-decoration: underline; font-size: 13px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .newsletter p.gdpr a:hover{text-decoration: none;} @media screen and (max-width: 750px) { .newsletter p.title{display: block; text-align: center; margin: 0 0 15px;} .newsletter label {margin: 0 5px 0 0;} } footer{overflow: hidden; padding: 100px 0; background: #0a1116; display: block; position: relative;} footer h2{position: absolute; top: 50%; left: 0; right: 0; text-transform: uppercase; font-size: 20px; line-height: 26px; color: #0ab68d; font-weight: 400; letter-spacing: 8px; text-align: center; text-transform: uppercase; margin: 0; -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg); transform: translateX(-50%) translateY(-50%) rotate(-90deg);} footer .item{padding: 0; width: calc(50% - 4px); margin: 0; display: inline-block; vertical-align: middle; position: relative;} footer .item a.logo{display: inline-block; vertical-align: middle; width: 118px; margin: 0 0 20px;} footer .item a.logo img{display: block; width: 118px; height: 52px} footer .item p{display: block; margin: 0 0 10px; padding: 0; font-size: 14px; line-height: 22px; color: #ffffff; font-weight: 400;} footer .item p.margin{margin: 0;} footer .item p strong{font-size: 14px; line-height: 22px; color: #ffffff; font-weight: 700;} footer .item p a{font-size: 14px; line-height: 22px; color: #ffffff; font-weight: 400; text-decoration: underline; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch footer .item p a:hover, footer .item p a.active{color: #0ab68d} footer .item p.gdpr{color: #7e8083; text-align: right; font-size: 13px;} footer .item p.gdpr a{font-weight: 600; color: #7e8083; font-size: 13px;} .notouch footer .item p.gdpr a:hover{color: #fff;} footer .item input[type=text]{position: relative; margin-bottom: 12px; font-size: 14px; line-height: 22px; color: #ffffff; padding: 8px 15px; border: 0; border-bottom: 1px solid #5b6063; background: transparent; 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: 12px; font-size: 14px; line-height: 22px; color: #ffffff; padding: 8px 15px; border: 0; border-bottom: 1px solid #5b6063; background: transparent; 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 #0ab68d;} footer .item input[type=text]::-webkit-input-placeholder, footer .item textarea::-webkit-input-placeholder {color: #ffffff;} footer .item input[type=text]::-moz-placeholder, footer .item textarea::-moz-placeholder {color: #ffffff;} footer .item input[type=text]::-ms-input-placeholder, footer .item textarea::-ms-input-placeholder {color: #ffffff;} footer ul.social{display: block; padding: 0; height: 30px; margin: 15px 0 0;} footer ul.social li{list-style: none; display: inline-block; margin: 0 2px 0 0;} footer ul.social li a{background: #0ab68d; display: block; width: 30px; height: 30px; position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease;} footer ul.social li a::before{opacity: 0; content: ""; position: absolute; left: 0; top: 0; width: 30px; height: 30px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} footer ul.social li a::after{opacity: 1; content: ""; position: absolute; left: 0; top: 0; width: 30px; height: 30px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} footer ul.social li a.in::before{background: url(../../img/social_in_icon.svg) no-repeat scroll center center; background-size: 22px 22px;} footer ul.social li a.fb::before{background: url(../../img/social_fb_icon.svg) no-repeat scroll center center; background-size: 22px 22px;} footer ul.social li a.yt::before{background: url(../../img/social_yt_icon.svg) no-repeat scroll center center; background-size: 22px 22px;} footer ul.social li a.li::before{background: url(../../img/social_li_icon.svg) no-repeat scroll center center; background-size: 22px 22px;} footer ul.social li a.tw::before{background: url(../../img/social_tw_icon.svg) no-repeat scroll center center; background-size: 22px 22px;} footer ul.social li a.g::before{background: url(../../img/social_g_icon.svg) no-repeat scroll center center; background-size: 22px 22px;} footer ul.social li a.in::after{background: url(../../img/social_in_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;} footer ul.social li a.fb::after{background: url(../../img/social_fb_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;} footer ul.social li a.yt::after{background: url(../../img/social_yt_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;} footer ul.social li a.li::after{background: url(../../img/social_li_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;} footer ul.social li a.tw::after{background: url(../../img/social_tw_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;} footer ul.social li a.g::after{background: url(../../img/social_g_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;} .notouch footer ul.social li a:hover::before{opacity: 1;} .notouch footer ul.social li a:hover::after{opacity: 0;} .notouch footer ul.social li a:hover{background: #ffffff;} @media screen and (max-width: 1300px) { footer{padding: 60px 0;} footer h2{text-align: left; position: relative; top: 0; letter-spacing: 5px; margin: 0 0 20px; -webkit-transform: none; transform: none;} } @media screen and (max-width: 1024px) { footer .item:nth-child(1){width: 270px;} footer .item{width: calc(100% - 275px);} } @media screen and (max-width: 800px) { footer h2{text-align: center;} footer .item{margin: 30px 0 0; width: 100% !important; text-align: center;} } .footer_mapa{position: relative; display: block; background: #f2f2f2; width: 100%;} .footer_mapa #MyGmapsFooter{z-index: 0; position: relative; width: 100%; height: 380px; display: block; background: #fff;} .footer_mapa a.btn{padding-right: 0; padding-left: 0; text-align: center; width: 200px; position: absolute; left: 0; bottom: 0; z-index: 20;} .footer_mapa a.btn:nth-child(3){bottom: 35px;} .footer_mapa a.btn:nth-child(4){bottom: 70px;} @media screen and (max-width: 760px) { .footer_mapa{display: none;} } .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: 30px 0 40px;} .drobky ul::before{z-index: 99; position: absolute; top: 0; bottom: 0; right: 0; width: 40px; 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 ); content: ""; display: block;} .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 a{white-space: nowrap; position: relative; display: block; color: #808080; font-size: 11px; 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: #0ab68d;} .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; text-transform: uppercase;} .landing_list{width: 100%; position: relative; padding: 0;} .landing_list .item{width: 100%; margin: 0 auto; padding: 0;} .landing_list .item:last-of-type{padding: 0;} .landing_list .item .img{position: relative; width: 42%; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; padding: 0; -webkit-box-shadow: 0 0 60px -10px rgba(0,0,0,0.6); box-shadow: 0 0 60px -10px rgba(0,0,0,0.6); background-attachment: local; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .landing_list .item .img img{max-width: 100%; display: block; margin: 0 auto;} .landing_list .item .text{text-align: left; width: calc(53% - 5px); display: inline-block; zoom: 1; *display: inline; vertical-align: middle; padding: 0 0 0 5%;} .landing_list .item .text h2{padding: 0; text-align: left; margin: 0 0 10px; width: 100%; font-size: 20px; line-height: 28px; color: #000000; font-weight: 600;} .landing_list .item .text .box{display: none;} .landing_list .item .text .text_box{margin: 0 0 20px; color: #4d4d4d; text-align: left; border-left: 2px solid #0ab68d; padding: 4px 0 4px 15px} .landing_list .item .text img{width: 400px; max-width: 100%; margin: 0 auto; display: none;} .landing_list .item.reverse .img:nth-child(3){display: none;} .landing_list .item:not(.reverse) .img:nth-child(1){display: none;} .landing_list .item:not(.reverse) .text{padding: 0 5% 0 0;} @media screen and (max-width: 900px) { .landing_list .item .img{display: none;} .landing_list .item .text{width: 100%; display: block; padding: 0 !important;} .landing_list .item .text img{display: block; margin: 0 auto 15px;} } .landing { width: 100%; text-align: left;} .landing p{margin: 0 0 5px;} .landing ul{margin: 0; padding: 0;} .landing ul li{margin: 0 5px 5px 0; display: inline-block; vertical-align: middle;} .carrier_list { width: 100%; text-align: left; margin: 0;} .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 - 5px); 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: 500; line-height: 26px; color: #000000; text-transform: uppercase; text-align: center; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .carrier_list .item:hover { background: #0ab68d;} .notouch .carrier_list .item:hover .text .title { color: #fff;} .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: 42px; height: 42px; display: block; background: url(../img/carrier_icon.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: 42px; height: 42px; display: block; background: url(../img/carrier_icon_hover.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 - 5px); margin: 20px 0 0 !important;} .carrier_list .item:nth-child(2n) { margin: 20px 0 0 20px !important;} .carrier_list .item:nth-child(-n + 2) { margin-top: 0 !important;} } @media screen and (max-width: 700px) { .carrier_list .item { display: block; width: calc(100% - 2px); margin: 20px 0 0 !important;} .carrier_list .item:nth-child(2n) { margin: 20px 0 0 !important;} .carrier_list .item:nth-child(-n + 2) { margin-top: 20px !important;} .carrier_list .item:nth-child(1) { margin-top: 0 !important;} } .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: #fff; 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%; position: relative; margin: 0;} .contact_page .item{padding: 0 0 40px; width: 50%; margin: 0; display: block; float: left; position: relative;} .contact_page .item:nth-child(1){width: 300px;} .contact_page .item:nth-child(2){width: calc(100% - 300px); max-width: 600px;} .contact_page .item p.title{padding: 0; font-size: 18px; line-height: 24px; color: #000000; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;} .contact_page .item p{display: block; margin: 0 0 15px; padding: 0; font-size: 13px; line-height: 20px; color: #0a1116; font-weight: 400;} .contact_page .item p.margin{margin: 0;} .contact_page .item p strong{font-size: 14px; line-height: 20px; color: #0a1116; font-weight: 600;} .contact_page .item p a{font-size: 14px; line-height: 20px; color: #0a1116; font-weight: 400; text-decoration: underline; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .contact_page .item p a:hover{color: #0ab68d} .contact_page .item p.gdpr{text-align: right; font-size: 13px;} .contact_page .item p.gdpr a{font-weight: 600; font-size: 13px;} .contact_page .item ul.social{display: block; padding: 0; height: 30px; margin: 15px 0 0;} .contact_page .item ul.social li{list-style: none; display: inline-block; margin: 0 2px 0 0;} .contact_page .item ul.social li a{border: 1px solid #0ab68d; background: #0ab68d; display: block; width: 30px; height: 30px; position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .contact_page .item ul.social li a::before{opacity: 0; content: ""; position: absolute; left: 0; top: 0; width: 30px; height: 30px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .contact_page .item ul.social li a::after{opacity: 1; content: ""; position: absolute; left: 0; top: 0; width: 30px; height: 30px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .contact_page .item ul.social li a.in::before{background: url(../../img/social_in_icon.svg) no-repeat scroll center center; background-size: 22px 22px;} .contact_page .item ul.social li a.fb::before{background: url(../../img/social_fb_icon.svg) no-repeat scroll center center; background-size: 22px 22px;} .contact_page .item ul.social li a.yt::before{background: url(../../img/social_yt_icon.svg) no-repeat scroll center center; background-size: 22px 22px;} .contact_page .item ul.social li a.li::before{background: url(../../img/social_li_icon.svg) no-repeat scroll center center; background-size: 22px 22px;} .contact_page .item ul.social li a.tw::before{background: url(../../img/social_tw_icon.svg) no-repeat scroll center center; background-size: 22px 22px;} .contact_page .item ul.social li a.g::before{background: url(../../img/social_g_icon.svg) no-repeat scroll center center; background-size: 22px 22px;} .contact_page .item ul.social li a.in::after{background: url(../../img/social_in_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;} .contact_page .item ul.social li a.fb::after{background: url(../../img/social_fb_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;} .contact_page .item ul.social li a.yt::after{background: url(../../img/social_yt_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;} .contact_page .item ul.social li a.li::after{background: url(../../img/social_li_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;} .contact_page .item ul.social li a.tw::after{background: url(../../img/social_tw_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;} .contact_page .item ul.social li a.g::after{background: url(../../img/social_g_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;} .notouch .contact_page .item ul.social li a:hover::before{opacity: 1;} .notouch .contact_page .item ul.social li a:hover::after{opacity: 0;} .notouch .contact_page .item ul.social li a:hover{background: #ffffff;} .contact_page .item ul{margin: 0 0 30px; padding: 0;} .contact_page .item ul li{display: block; list-style: none; margin: 0 0 3px; padding: 0;} .contact_page .item ul li.margin{margin: 15px 0 0;} .contact_page .item ul li a{font-size: 14px; line-height: 22px; color: #000000; font-weight: 400; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .contact_page .item ul li a:hover, .contact_page .item ul li.active a:hover{color: #0ab68d} .contact_page .item input[type=text]{position: relative; margin-bottom: 8px; font-size: 13px; line-height: 20px; color: #000000; padding: 12px 15px; border: 1px solid #efefef; background: #ffffff; width: calc(100% - 32px); font-weight: 400; position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .contact_page .item textarea{position: relative; resize: none; height: 80px; margin-bottom: 8px; font-size: 13px; line-height: 20px; color: #000000; padding: 12px 15px; border: 1px solid #efefef; background: #ffffff; width: calc(100% - 32px); font-weight: 400; position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .contact_page .item input[type=text]:focus, .contact_page .item textarea:focus{border: 1px solid #0ab68d;} .contact_page .mapa{position: relative; display: block; background: #f2f2f2; width: 100%;} .contact_page .mapa #MyGmaps{z-index: 0; position: relative; width: 100%; height: 380px; display: block; background: url(../img/mapa.jpg) no-repeat scroll center center #fff; background-size: cover;} .contact_page .mapa a.btn{position: absolute; left: 0; bottom: 0; z-index: 20;} .contact_page .mapa a.btn:nth-child(3){bottom: 36px;} @media screen and (max-width: 800px) { .contact_page{text-align: left;} .contact_page .item{width: 100% !important; max-width: 100% !important; float: none; margin: 0 0 40px; padding: 0;} } @media screen and (max-width: 650px) { .contact_page .item p.gdpr, .contact_page .item p.gdpr a{font-size: 12px; line-height: 18px;} } .reference_list{display: block; width: 100%;} .reference_list .item{overflow: hidden; background: #ffffff; position: relative; text-align: left; display: inline-block; vertical-align: top; width: calc(50% - 20px / 2 - 5px); margin: 20px 0 0; 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;} .reference_list .item:nth-child(2n){margin: 20px 0 0 20px;} .reference_list .item:nth-child(-n + 2){margin-top: 0;} .reference_list .item .img{width: 220px; height: 170px; display: inline-block; vertical-align: middle; background-attachment: local; position: relative; background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover;} .reference_list .item .text{width: calc(100% - 295px); padding: 10px 55px 10px 15px; display: inline-block; vertical-align: middle;} .reference_list .item .text img{width: 100%; max-width: 160px; display: block; margin: 0 0 20px;} .reference_list .item .text .title{font-size: 13px; line-height: 20px; color: #000; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin: 0;} .reference_list .item .link{position: absolute; bottom: 50%; left: 0; right: 20px; text-transform: uppercase; font-size: 11px; line-height: 40px; color: #c0c2c4; border-top: 1px dashed #c0c2c4; font-weight: 600; letter-spacing: 2px; text-align: center; text-transform: uppercase; margin: 0; -webkit-transform: translateX(50%) translateY(50%) rotate(-90deg); transform: translateX(50%) translateY(50%) rotate(-90deg); -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .reference_list .item:hover .link{color: #ffffff; border-top: 1px dashed #0ab68d; background: #0ab68d;} @media screen and (max-width: 1200px) { .reference_list .item .img{width: 160px;} .reference_list .item .text{width: calc(100% - 235px);} } @media screen and (max-width: 980px) { .reference_list .item{width: 100%;} .reference_list .item:nth-child(2n){margin: 20px 0 0;} .reference_list .item:nth-child(-n + 2){margin-top: 20px;} .reference_list .item:nth-child(1){margin-top: 0;} } @media screen and (max-width: 500px) { .reference_list .item .img{display: none;} .reference_list .item .text{width: calc(100% - 70px); padding: 18px 55px 18px 15px; } } .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_efekt{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: #fff;} .news_list .item .text{padding: 0;} .news_list .item .text .title{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_efekt .title{color: #0ab68d;} .news_list .item .text .description {font-size: 12px; line-height: 16px; color: #808080; font-weight: 400; text-align: left; margin: 10px 20px 10px; padding: 0; display: block; height: 48px; 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_efekt .text .link{color: #0ab68d;} @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; margin: 0 auto 50px !important;} .contact_list h2, .contact_list h3{text-align: left; margin: 30px 0 0; padding: 40px 0 10px; text-transform: uppercase; color: #000000; font-size: 18px; line-height: 24px; font-weight: 700; 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; position: relative; display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: calc(25% - 3px); margin: 30px 0 0;} .contact_list .item:nth-child(-n + 4){margin-top: 0;} .contact_list .item .box{height: 96px; display: table; width: 100%;} .contact_list .item .box .centering{display: table-cell; width: 100%; vertical-align: top; text-align: left;} .contact_list .item.last .box .centering{vertical-align: middle;} .contact_list .item .name{font-size: 16px; line-height: 20px; font-weight: 600; margin: 0; padding: 0;} .contact_list .item .post{font-size: 13px; line-height: 20px; font-weight: 400; margin: 0; padding: 0 0 6px; font-style: italic; color: #808080} .contact_list .item p{font-size: 13px; line-height: 20px; font-weight: 400; margin: 0; padding: 0; color: #000000;} .contact_list .item p strong{font-size: 13px; line-height: 20px; font-weight: 700; color: #000000;} .contact_list .item p a{font-size: 13px; line-height: 20px; font-weight: 600; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .contact_list .item p a:hover{color: #0ab68d;} @media screen and (max-width: 1300px) { .contact_list .item{width: calc(33.33% - 3px); 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% - 3px); 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: calc(100% - 3px); 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: 20px;} .contact_list .item:nth-child(-n + 1){margin-top: 0;} } .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;} .faq_list .item:first-of-type{margin: 0; padding: 0; border: 0;} .faq_list .item .number{border: 1px solid #0ab68d; background: #0ab68d; color: #fff; 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 - 5px); } .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;} .file_list{width: 100%; position: relative; margin: 0 auto;} .detail .file_list{margin: 20px auto 0;} .file_list .item{position: relative; width: calc(25% - 30px / 4 - 2px); padding: 0 0 30%; border: 0; border: 1px solid #000; display: block; float: left; margin: 0 0 10px 0;} .file_list .item:nth-child(4n - 1){margin: 0 10px 10px 0;} .file_list .item:nth-child(4n - 2){margin: 0 10px 10px;} .file_list .item span.img{position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; 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: #000; color: #fff; font-weight: 400; font-size: 14px; line-height: 20px;} .file_list .clas_item{text-align: left; background: #fff; float: left; position: relative; border: 1px solid #f2f3f3; 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{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: 500; 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 #0ab68d; background: #0ab68d;} .notouch .file_list .clas_item:hover a{color: #ffffff;} .notouch .file_list .clas_item:hover a span{text-decoration: none; color: #ffffff;} @media screen and (max-width: 1100px) { .file_list .item{width: calc(33.33% - 20px / 3 - 2px); padding: 0 0 40.5%; margin: 0 0 10px 0 !important;} .file_list .item:nth-child(3n - 1){margin: 0 10px 10px !important;} } @media screen and (max-width: 700px) { .file_list .item{width: calc(50% - 10px / 2 - 2px); padding: 0 0 63.5%; margin: 0 0 10px 0 !important;} .file_list .item:nth-child(3n - 1){margin: 0 0 10px !important;} .file_list .item:nth-child(2n){margin: 0 0 10px 10px !important;} .file_list .item span.title{padding: 8px 12px; font-size: 12px; line-height: 16px;} } /* .fotogalerie{width: 100%; position: relative; margin: 0 auto;} .fotogalerie a.swipebox{width: calc(16.66% - 50px / 6); margin: 10px 0 0 10px; float: left; display: block; position: relative; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;} .fotogalerie a.swipebox:nth-child(1){margin-left: 0 !important;} .fotogalerie a.swipebox:nth-child(6n + 1){margin-left: 0;} .fotogalerie a.swipebox::before{opacity: 0; content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../img/fotogallery_icon.svg) no-repeat scroll center center rgba(0, 0, 0, 0.8); background-size: 55px auto; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .fotogalerie a.swipebox img{max-width: 100%; display: block;} .notouch .fotogalerie a:hover::before{opacity: 1;} .fotogalerie.row_one a.swipebox{padding: 0 0 25%; width: 100%; height: 0; margin: 0;} .fotogalerie.row_two a.swipebox{padding: 0 0 23%; width: calc(50% - 10px / 2); height: 0; margin: 0;} .fotogalerie.row_two a.swipebox:nth-child(2){margin: 0 0 0 10px;} .fotogalerie.row_three a.swipebox{padding: 0 0 17%; width: calc(33.33% - 20px / 3); height: 0; margin: 0;} .fotogalerie.row_three a.swipebox:nth-child(2), .fotogalerie.row_three a.swipebox:nth-child(3){margin: 0 0 0 10px;} .fotogalerie.row_four a.swipebox{padding: 0 0 15%; width: calc(25% - 30px / 4); height: 0; margin: 0;} .fotogalerie.row_four a.swipebox:nth-child(2), .fotogalerie.row_four a.swipebox:nth-child(3), .fotogalerie.row_four a.swipebox:nth-child(4){margin: 0 0 0 10px;} .fotogalerie.row_five a.swipebox{padding: 0 0 13%; width: calc(20% - 40px / 5); height: 0; margin: 0;} .fotogalerie.row_five a.swipebox:nth-child(2), .fotogalerie.row_five a.swipebox:nth-child(3), .fotogalerie.row_five a.swipebox:nth-child(4), .fotogalerie.row_five a.swipebox:nth-child(5){margin: 0 0 0 10px;} @media screen and (max-width: 1200px) { .fotogalerie.row_five a.swipebox{padding: 0 0 13%; width: calc(25% - 30px / 4);} .fotogalerie.row_five a.swipebox:nth-child(5){margin: 10px 0 0 0;} } @media screen and (max-width: 1024px) { .fotogalerie:not(.row_one):not(.row_two):not(.row_three):not(.row_four):not(.row_five) a.swipebox{width: calc(20% - 40px / 5); margin: 10px 0 0 10px !important} .fotogalerie:not(.row_one):not(.row_two):not(.row_three):not(.row_four):not(.row_five) a.swipebox:nth-child(5n + 1){margin-left: 0 !important;} .fotogalerie.row_four a.swipebox{padding: 0 0 23%; width: calc(50% - 20px / 3);} .fotogalerie.row_four a.swipebox:nth-child(3){margin: 10px 0 0 0 ;} .fotogalerie.row_four a.swipebox:nth-child(4){margin: 10px 0 0 10px;} } @media screen and (max-width: 900px) { .fotogalerie.row_three a.swipebox{padding: 0 0 23%; width: calc(50% - 10px / 2);} .fotogalerie.row_three a.swipebox:nth-child(3){margin: 10px 0 0 0;} .fotogalerie.row_five a.swipebox{padding: 0 0 16%; width: calc(33.33% - 20px / 3);} .fotogalerie.row_five a.swipebox:nth-child(4){margin: 10px 10px 0 0;} } @media screen and (max-width: 800px) { .fotogalerie:not(.row_one):not(.row_two):not(.row_three):not(.row_four):not(.row_five) a.swipebox{width: calc(33.33% - 20px / 3); margin: 10px 0 0 10px !important} .fotogalerie:not(.row_one):not(.row_two):not(.row_three):not(.row_four):not(.row_five) a.swipebox:nth-child(5n + 1){margin-left: 10px !important;} .fotogalerie:not(.row_one):not(.row_two):not(.row_three):not(.row_four):not(.row_five) a.swipebox:nth-child(3n + 1){margin-left: 0 !important;} } @media screen and (max-width: 600px) { .fotogalerie.row_one a.swipebox{padding: 0 0 33%;} .fotogalerie.row_five a.swipebox{padding: 0 0 23%; width: calc(50% - 10px / 2);} .fotogalerie.row_five a.swipebox:nth-child(3){margin: 10px 10px 0 0;} .fotogalerie.row_five a.swipebox:nth-child(4){margin: 10px 0 0 0;} } */ .fotogalerie{width: 100%; position: relative; margin: 0;} .fotogalerie .text_box{margin: 0 0 20px;} .fotogalerie a.swipebox{width: calc(16.66% - 50px / 6); margin: 10px 0 0 10px; float: left; display: block; position: relative; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; -webkit-box-shadow: 0 0 8px -3px rgba(0,0,0,0.5); box-shadow: 0 0 8px -3px rgba(0,0,0,0.5);} .fotogalerie a.swipebox:nth-child(1){margin-left: 0 !important;} .fotogalerie a.swipebox:nth-child(6n + 1){margin-left: 0;} .fotogalerie 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; } .fotogalerie 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; } .fotogalerie a.swipebox img{max-width: 100%; display: block;} .notouch .fotogalerie a:hover::before{opacity: 0.90; left: 0; top: 0; right: 0; bottom: 0;} .notouch .fotogalerie a:hover::after{opacity: 1; background-size: 60px 60px;} .fotogalerie.row_three a.swipebox{padding: 0 0 17%; width: calc(33.33% - 20px / 3); height: 0; 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: 900px) { .fotogalerie.row_three a.swipebox{padding: 0 0 23%; width: calc(50% - 10px / 2); margin: 10px 0 0 !important} .fotogalerie.row_three a.swipebox:nth-child(2n){margin: 10px 0 0 10px !important;} .fotogalerie.row_three a.swipebox:nth-child(-n + 2){margin-top: 0 !important;} } .finall_order{text-align: left;} .finall_order .text_box p{margin: 0 0 10px;} .finall_order .text_box p:last-of-type{margin: 0 0 20px;} .finall_order.center, .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: #fff; max-width: 593px; display: block; margin: 0 auto 15px;} #hide_tr{display: none;} a.scroll_top{z-index: 9000; opacity: 0; position: fixed; right: 30px; bottom: -60px; width: 48px; height: 48px; background: #f9f9f9; border: 1px solid #e0dfdf; background-size: 19px auto; -webkit-border-radius: 28px; border-radius: 28px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } a.scroll_top.hide{display: none;} a.scroll_top::before{opacity: 1; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -9px; display: block; width: 18px; height: 12px; content: ""; background: url(../img/scroll_arrow.svg) no-repeat scroll center center; background-size: 18px 12px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } a.scroll_top::after{opacity: 0; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -9px; display: block; width: 18px; height: 12px; content: ""; background: url(../img/scroll_arrow_hover.svg) no-repeat scroll center center; background-size: 18px 12px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch a.scroll_top:hover::before{opacity: 0;} .notouch a.scroll_top:hover::after{opacity: 1;} .notouch a.scroll_top:hover{background: #0ab68d; border: 1px solid #0ab68d;} a.scroll_top.active{opacity: 1; bottom: 30px;} .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;} .add_to_newsletter:not(.article_name){position:absolute; right: -1px; bottom: -1px; display: none; 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; } .add_to_newsletter:not(.article_name)::before{position: absolute; left: 8px; top: 50%; margin-top: -5px; width: 15px; height: 10px; background: url(../img/newsletter_icon.svg) no-repeat scroll center center; background-size: 15px 10px; content: "";} .notouch .add_to_newsletter:not(.article_name):hover{border: 1px solid #dbdbdb; background: #dbdbdb;} .remove_from_newsletter:not(.article_name){position:absolute; right: -1px; bottom: -1px; display: none; border: 1px solid #c2c2c2; background: #d6d6d6; padding: 4px 9px 4px 32px; font-size: 11px; line-height: 16px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .remove_from_newsletter:not(.article_name)::before{position: absolute; left: 8px; top: 50%; margin-top: -5px; width: 15px; height: 10px; background: url(../img/newsletter_icon.svg) no-repeat scroll center center; background-size: 15px 10px; content: "";} .notouch .remove_from_newsletter:not(.article_name):hover{border: 1px solid #c2c2c2; background: #c2c2c2;} .detail .add_to_newsletter:not(.article_name){top: -25px; left: 0; bottom: initial; bottom: auto; right: initial; right: auto;} .detail .remove_from_newsletter:not(.article_name){top: -25px; right: 0; bottom: initial; bottom: auto; right: initial; right: auto;} .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: #fff;font-size: 13px;line-height: 20px;padding: 5px 15px;color: #000; -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: #fff;} .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 #0ab68d; 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% - 100px); max-width: 420px; border: 10px solid #aeaeae; padding: 20px; left: 0; display: inline-block; background: #fff; -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 .text{z-index: 100; position: relative; color: #000000; font-size: 14px; line-height: 16px; font-weight: 400; margin: 0 0 10px; text-align: center; overflow-y: auto; max-height: calc(100vh - 160px); } .popup_popup .box .text p{margin: 0; line-height: 16px;} .popup_popup .box .text img{margin: 15px auto 0; display: block; max-width: 100%;} .popup_popup span.close{cursor: pointer; width: 50px; height: 50px; display: block; position: absolute; top: -40px; right: -40px; margin: 0;} .popup_popup span.close::before{content: ""; width: 48px; height: 48px; border: 1px solid #fff; display: block; position: absolute; top: 0; left: 0; background: url(../img/close.svg) no-repeat scroll center center #000; background-size: 30px 30px; opacity: 1; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .popup_popup span.close::after{content: ""; width: 48px; height: 48px; border: 1px solid #000; display: block; position: absolute; top: 0; left: 0; background: url(../img/close_hover.svg) no-repeat scroll center center #fff; background-size: 30px 30px; opacity: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .popup_popup span.close:hover::before{opacity: 0;} .popup_popup span.close:hover::after{opacity: 1;} @media screen and (max-width: 768px) { .popup_popup span.close{right: -15px;} .popup_popup .boxes{width: calc(100% - 60px); border: 5px solid #004C87; padding: 12px; } .popup_popup .box .text{max-height: calc(100vh - 190px); } .popup_popup .box span.warning{font-size: 16px; line-height: 20px;} .popup_popup .box .text{font-size: 12px; line-height: 16px;} .popup_popup .box .text img{margin: 15px auto 0; display: block; max-width: 100%;} } .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: #fff; -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: #000;} .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: #0ab68d;} .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: #0ab68d;} @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: #fff; -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: #000;} .control_popup .box .text{z-index: 100; position: relative; color: #000000; font-size: 14px; line-height: 16px; font-weight: 400; margin: 10px 0; text-align: center;} .control_popup .box .text p{margin: 5px 0;} .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: 430px; text-align: center; position: relative; padding: 40px 50px; left: 0; display: inline-block; background: #fff; 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: 900;} .carrier_popup .box .btn { z-index: 100; position: relative;} .carrier_popup .box input[type=text] { border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #fff; font-size: 14px; line-height: 20px; padding: 11px 15px; margin: 0 0 8px; color: #000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .carrier_popup .box input[readonly] { border: 1px solid #e6e7e8 !important; background: #f2f2f2;} .carrier_popup .box textarea { resize: none; overflow: auto; height: 80px; border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #fff; font-size: 14px; line-height: 20px; padding: 11px 15px; margin: 0 0 8px; color: #000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .carrier_popup .box input[type=text]:focus, .carrier_popup .box textarea:focus { border: 1px solid #e72628;} .carrier_popup .box input::-webkit-input-placeholder, .carrier_popup .box textarea::-webkit-input-placeholder { color: #000;} .carrier_popup .box input::-moz-placeholder, .carrier_popup .box textarea::-moz-placeholder { color: #000;} .carrier_popup .box input::-ms-input-placeholder, .carrier_popup .box textarea::-ms-input-placeholder { color: #000;} .carrier_popup .box .sbHolder { position: relative; background: #fff; 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_hover.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: #fff; 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: 2px; left: 0; right: 0; z-index: 1; overflow: hidden; margin: 0;} .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);} @media screen and (max-width: 768px) { .carrier_popup .boxes { width: 260px; padding: 25px 20px;} .carrier_popup .box span.warning { font-size: 16px; line-height: 20px;} } .form_mail {display:none !important;} .hide_parameter {display:none;} @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{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-slider .slide-loading{background:url(/style/images/loader.gif) center center no-repeat}#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{top:0;text-align:center;color:#fff!important;font-size:15px;line-height:43px;font-family:Helvetica,Arial,sans-serif}#swipebox-title{display:inline-block;max-width:calc(100% - 164px);text-align:center;background:#000;margin:0 auto;padding:0 30px}#swipebox-close,#swipebox-next,#swipebox-prev{background-image:url(/style/images/icons.png);background-repeat:no-repeat;background-color:#000;border:none!important;text-decoration:none!important;cursor:pointer;width:50px;height:50px;top:0}#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} /*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:#FFF;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.selector,div.selector span,div.checker span,div.radio span,div.uploader,div.uploader span.action,div.button,div.button 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.selector,div.checker,div.button,div.radio,div.uploader{display:inline-block;vertical-align:middle}div.selector:focus,div.checker:focus,div.button:focus,div.radio:focus,div.uploader:focus{outline:0}div.selector,div.selector *,div.radio,div.radio *,div.checker,div.checker *,div.uploader,div.uploader *,div.button,div.button *{margin:0;padding:0}.highContrastDetect{background:url(../img/bg-input.png) repeat-x 0 0;width:0;height:0}input.uniform-input,select.uniform-multiselect,textarea.uniform{padding:3px;background:url(../img/bg-input.png) repeat-x 0 0;outline:0}input.uniform-input.active,select.uniform-multiselect.active,textarea.uniform.active{background:url(../img/bg-input-focus.png) repeat-x 0 0}div.checker input,input[type="search"],input[type="search"]:active{-webkit-appearance:none}div.checker{position:relative}div.checker,div.checker span,div.checker input{width:21px;height:21px;display:inline-block;zoom:1;*display:inline;vertical-align:middle}div.checker span{display:inline-block;vertical-align:top;text-align:center;background-image:url(../img/sprite.svg)}.edit_mode div.checker span{background-image:url(../img/edit_check.svg)}.edit_mode div.checker span.checked{background-image:url(../img/edit_check_correct.svg)}div.checker span.checked{background-image:url(../img/sprite_correct.svg)}div.checker input{opacity:0;filter:alpha(opacity=0);border:none;background:none;display:inline-block}div.checker.active span.checked{background-image:url(../img/sprite_correct.svg)}div.checker.hover span.checked,div.checker.focus span.checked{background-image:url(../img/sprite_correct.svg)}div.checker.hover.active span.checked,div.checker.focus.active span.checked{background-image:url(../img/sprite_correct.svg)}div.checker.disabled span.checked,div.checker.disabled.active span.checked{background-image:url(../img/sprite_correct.svg)}.edit_mode div.checker.active span.checked{background-image:url(../img/edit_check_correct.svg)}.edit_mode div.checker.hover span.checked,.edit_mode div.checker.focus span.checked{background-image:url(../img/edit_check_correct.svg)}.edit_mode div.checker.hover.active span.checked,.edit_mode div.checker.focus.active span.checked{background-image:url(../img/edit_check_correct.svg)}.edit_mode div.checker.disabled span.checked,.edit_mode div.checker.disabled.active span.checked{background-image:url(../img/edit_check_correct.svg)}div.checker.active span{background-image:url(../img/sprite.svg)}div.checker.hover span,div.checker.focus span{background-image:url(../img/sprite.svg)}div.checker.hover.active span,div.checker.focus.active span{background-image:url(../img/sprite.svg)}div.checker.disabled,div.checker.disabled.active{background-image:url(../img/sprite.svg)}.edit_mode div.checker.active span{background-image:url(../img/edit_check.svg)}.edit_mode div.checker.hover span,.edit_mode div.checker.focus span{background-image:url(../img/edit_check.svg)}.edit_mode div.checker.hover.active span,.edit_mode div.checker.focus.active span{background-image:url(../img/edit_check.svg)}.edit_mode div.checker.disabled,.edit_mode div.checker.disabled.active{background-image:url(../img/edit_check.svg)}div.radio{position:relative}div.radio span,div.radio input{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;filter:alpha(opacity=0);border:none;background:none;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.hover span,div.radio.focus span{background-position:left center}div.radio.hover span.checked,div.radio.focus span.checked{background-position:right center}div.radio.hover.active span,div.radio.focus.active span{background-position:left center}div.radio.hover.active span.checked,div.radio.focus.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;zoom:1;*display:inline;vertical-align:middle;margin:0}.platba_doprava div.radio{margin:10px;float:left}input.uniform-input,input.uniform-input:focus{background-color:#fff} /*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 0 0 12px;margin:0 0 0 10px;position:relative;font-weight:400;font-size:13px;line-height:18px;color:gray;text-decoration:underline}.tooltip-item::before{position:absolute;left:0;height:16px;margin-top:-8px;top:50%;width:1px;background:#c9c9c9;content:"";display:block}.tooltip-item::after{content:'';pointer-events:none;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.notouch .tooltip:hover .tooltip-item::after,.tooltip.active_efekt .tooltip-item::after{pointer-events:auto}.tooltip-content{position:absolute;z-index:9999;width:160px;left:50%;margin:0 0 -10px -81px;bottom:36px;padding:10px 15px;text-align:left;background:#000000;opacity:0;cursor:default;pointer-events:none}.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);transform:perspective(1000px) rotate3d(1,0,0,45deg);-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{pointer-events:auto;opacity:1;-webkit-transform:perspective(1000px) rotate3d(1,0,0,0deg);transform:perspective(1000px) rotate3d(1,0,0,0deg)}.tooltip-content::after{content:'';top:100%;left:50%;border:solid transparent;height:0;width:0;position:absolute;pointer-events:none;border-color:transparent;border-top-color:#000000;border-width:6px;margin-left:-6px}.tooltip-text{display:block;text-align:center}.tooltip-text span{font-size:12px;line-height:16px;display:block;text-align:center;color:#fff!important;font-weight:400}.tooltip-text span strong{font-size:12px;line-height:16px;text-align:center;color:#fff;font-weight:600!important} .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: #ff0000;} .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: #fff; 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%)} /*VEGAS SLIDER*/ .vegas-overlay,.vegas-slide,.vegas-slide-inner,.vegas-timer,.vegas-wrapper{position:absolute;top:0;left:0;bottom:0;right:0;overflow:hidden;border:none;padding:0;margin:0}.vegas-overlay{opacity:.5;background:url(overlays/02.png) center center}.vegas-timer{top:auto;bottom:0;height:2px}.vegas-timer-progress{width:0;height:100%;background:#fff;-webkit-transition:width ease-out;transition:width ease-out}.vegas-timer-running .vegas-timer-progress{width:100%}.vegas-slide,.vegas-slide-inner{margin:0;padding:0;background:center center no-repeat;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform,opacity}body .vegas-container{overflow:hidden!important;}.vegas-video{min-width:100%;min-height:100%;width:auto;height:auto}body.vegas-container{overflow:auto;position:static;z-index:-2}body.vegas-container>.vegas-overlay,body.vegas-container>.vegas-slide,body.vegas-container>.vegas-timer{position:fixed;z-index:-1}:root body.vegas-container>.vegas-overlay,:root body.vegas-container>.vegas-slide,_::full-page-media,_:future{bottom:-76px}.vegas-transition-blur,.vegas-transition-blur2{opacity:0;-webkit-filter:blur(32px);filter:blur(32px)}.vegas-transition-blur-in,.vegas-transition-blur2-in{opacity:1;-webkit-filter:blur(0);filter:blur(0)}.vegas-transition-blur2-out{opacity:0}.vegas-transition-burn,.vegas-transition-burn2{opacity:0;-webkit-filter:contrast(1000%) saturate(1000%);filter:contrast(1000%) saturate(1000%)}.vegas-transition-burn-in,.vegas-transition-burn2-in{opacity:1;-webkit-filter:contrast(100%) saturate(100%);filter:contrast(100%) saturate(100%)}.vegas-transition-burn2-out{opacity:0;-webkit-filter:contrast(1000%) saturate(1000%);filter:contrast(1000%) saturate(1000%)}.vegas-transition-fade,.vegas-transition-fade2{opacity:0}.vegas-transition-fade-in,.vegas-transition-fade2-in{opacity:1}.vegas-transition-fade2-out{opacity:0}.vegas-transition-flash,.vegas-transition-flash2{opacity:0;-webkit-filter:brightness(25);filter:brightness(25)}.vegas-transition-flash-in,.vegas-transition-flash2-in{opacity:1;-webkit-filter:brightness(1);filter:brightness(1)}.vegas-transition-flash2-out{opacity:0;-webkit-filter:brightness(25);filter:brightness(25)}.vegas-transition-negative,.vegas-transition-negative2{opacity:0;-webkit-filter:invert(100%);filter:invert(100%)}.vegas-transition-negative-in,.vegas-transition-negative2-in{opacity:1;-webkit-filter:invert(0);filter:invert(0)}.vegas-transition-negative2-out{opacity:0;-webkit-filter:invert(100%);filter:invert(100%)}.vegas-transition-slideDown,.vegas-transition-slideDown2{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.vegas-transition-slideDown-in,.vegas-transition-slideDown2-in{-webkit-transform:translateY(0);transform:translateY(0)}.vegas-transition-slideDown2-out{-webkit-transform:translateY(100%);transform:translateY(100%)}.vegas-transition-slideLeft,.vegas-transition-slideLeft2{-webkit-transform:translateX(100%);transform:translateX(100%)}.vegas-transition-slideLeft-in,.vegas-transition-slideLeft2-in{-webkit-transform:translateX(0);transform:translateX(0)}.vegas-transition-slideLeft2-out,.vegas-transition-slideRight,.vegas-transition-slideRight2{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.vegas-transition-slideRight-in,.vegas-transition-slideRight2-in{-webkit-transform:translateX(0);transform:translateX(0)}.vegas-transition-slideRight2-out{-webkit-transform:translateX(100%);transform:translateX(100%)}.vegas-transition-slideUp,.vegas-transition-slideUp2{-webkit-transform:translateY(100%);transform:translateY(100%)}.vegas-transition-slideUp-in,.vegas-transition-slideUp2-in{-webkit-transform:translateY(0);transform:translateY(0)}.vegas-transition-slideUp2-out{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.vegas-transition-swirlLeft,.vegas-transition-swirlLeft2{-webkit-transform:scale(2) rotate(35deg);transform:scale(2) rotate(35deg);opacity:0}.vegas-transition-swirlLeft-in,.vegas-transition-swirlLeft2-in{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0);opacity:1}.vegas-transition-swirlLeft2-out,.vegas-transition-swirlRight,.vegas-transition-swirlRight2{-webkit-transform:scale(2) rotate(-35deg);transform:scale(2) rotate(-35deg);opacity:0}.vegas-transition-swirlRight-in,.vegas-transition-swirlRight2-in{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0);opacity:1}.vegas-transition-swirlRight2-out{-webkit-transform:scale(2) rotate(35deg);transform:scale(2) rotate(35deg);opacity:0}.vegas-transition-zoomIn,.vegas-transition-zoomIn2{-webkit-transform:scale(0);transform:scale(0);opacity:0}.vegas-transition-zoomIn-in,.vegas-transition-zoomIn2-in{-webkit-transform:scale(1);transform:scale(1);opacity:1}.vegas-transition-zoomIn2-out,.vegas-transition-zoomOut,.vegas-transition-zoomOut2{-webkit-transform:scale(2);transform:scale(2);opacity:0}.vegas-transition-zoomOut-in,.vegas-transition-zoomOut2-in{-webkit-transform:scale(1);transform:scale(1);opacity:1}.vegas-transition-zoomOut2-out{-webkit-transform:scale(0);transform:scale(0);opacity:0}.vegas-animation-kenburns{-webkit-animation:kenburns ease-out;animation:kenburns ease-out}@-webkit-keyframes kenburns{0%{-webkit-transform:scale(1.5);transform:scale(1.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes kenburns{0%{-webkit-transform:scale(1.5);transform:scale(1.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}.vegas-animation-kenburnsDownLeft{-webkit-animation:kenburnsDownLeft ease-out;animation:kenburnsDownLeft ease-out}@-webkit-keyframes kenburnsDownLeft{0%{-webkit-transform:scale(1.5) translate(10%,-10%);transform:scale(1.5) translate(10%,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsDownLeft{0%{-webkit-transform:scale(1.5) translate(10%,-10%);transform:scale(1.5) translate(10%,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsDownRight{-webkit-animation:kenburnsDownRight ease-out;animation:kenburnsDownRight ease-out}@-webkit-keyframes kenburnsDownRight{0%{-webkit-transform:scale(1.5) translate(-10%,-10%);transform:scale(1.5) translate(-10%,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsDownRight{0%{-webkit-transform:scale(1.5) translate(-10%,-10%);transform:scale(1.5) translate(-10%,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsDown{-webkit-animation:kenburnsDown ease-out;animation:kenburnsDown ease-out}@-webkit-keyframes kenburnsDown{0%{-webkit-transform:scale(1.5) translate(0,-10%);transform:scale(1.5) translate(0,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsDown{0%{-webkit-transform:scale(1.5) translate(0,-10%);transform:scale(1.5) translate(0,-10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsLeft{-webkit-animation:kenburnsLeft ease-out;animation:kenburnsLeft ease-out}@-webkit-keyframes kenburnsLeft{0%{-webkit-transform:scale(1.5) translate(10%,0);transform:scale(1.5) translate(10%,0)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsLeft{0%{-webkit-transform:scale(1.5) translate(10%,0);transform:scale(1.5) translate(10%,0)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsRight{-webkit-animation:kenburnsRight ease-out;animation:kenburnsRight ease-out}@-webkit-keyframes kenburnsRight{0%{-webkit-transform:scale(1.5) translate(-10%,0);transform:scale(1.5) translate(-10%,0)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsRight{0%{-webkit-transform:scale(1.5) translate(-10%,0);transform:scale(1.5) translate(-10%,0)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsUpLeft{-webkit-animation:kenburnsUpLeft ease-out;animation:kenburnsUpLeft ease-out}@-webkit-keyframes kenburnsUpLeft{0%{-webkit-transform:scale(1.5) translate(10%,10%);transform:scale(1.5) translate(10%,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsUpLeft{0%{-webkit-transform:scale(1.5) translate(10%,10%);transform:scale(1.5) translate(10%,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsUpRight{-webkit-animation:kenburnsUpRight ease-out;animation:kenburnsUpRight ease-out}@-webkit-keyframes kenburnsUpRight{0%{-webkit-transform:scale(1.5) translate(-10%,10%);transform:scale(1.5) translate(-10%,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsUpRight{0%{-webkit-transform:scale(1.5) translate(-10%,10%);transform:scale(1.5) translate(-10%,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}.vegas-animation-kenburnsUp{-webkit-animation:kenburnsUp ease-out;animation:kenburnsUp ease-out}@-webkit-keyframes kenburnsUp{0%{-webkit-transform:scale(1.5) translate(0,10%);transform:scale(1.5) translate(0,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}}@keyframes kenburnsUp{0%{-webkit-transform:scale(1.5) translate(0,10%);transform:scale(1.5) translate(0,10%)}100%{-webkit-transform:scale(1) translate(0,0);transform:scale(1) translate(0,0)}} /*COOKIES*/ .cc_banner-wrapper{z-index:999999;position:relative;min-height:0}.cc_container .cc_message{padding:0}.cc_container .cc_message a{-webkit-transition:all 400ms ease;transition:all 400ms ease}@media print{.cc_banner-wrapper,.cc_container{display:none}}.cc_container .cc_btn{display:block;margin-left:10px;float:right}.cc_container{position:fixed;left:0;right:0;bottom:0;overflow:hidden;background:#fff;box-sizing:border-box;border:1px solid #ccc;padding:10px;color:#000}@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(66px);transform:translateY(66px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUp{0%{-webkit-transform:translateY(66px);transform:translateY(66px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.cc_container,.cc_message,.cc_btn{animation-duration:.8s;-webkit-animation-duration:.8s;-webkit-animation-name:slideUp;animation-name:slideUp} .cc_container .cc_message{margin: 10px 0 ; font-size: 13px; line-height: 14px;} .cc_container .cc_message a{font-size: 13px; line-height: 14px; font-weight: 700; color: #000000;} .notouch .cc_container .cc_message a:hover{color: #0ab68d} /*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:#f5f5f5} .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:#f5f5f5;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 #f5f5f5} @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 #f5f5f5!important} } @media only screen and (min-width:1170px) { #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 #f5f5f5} .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 #f5f5f5 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)}}