/*GLOBAL*/ header,nav,section,article,aside,footer,hgroup{display:block;} a{text-decoration:none; outline: 0; color:inherit;} a img{border:none;} .img_hide{display: none !important;} .mail_hide{display: none !important;} .clear{clear:both; margin: 0; display: block; width: 100% !important; float: none !important;} .clear.hide{display: none !important;} .relative{position: relative;} .clear.not_desktop{display: none;} .float_right{float:right; position: relative;} .float_left{float:left; position: relative;} .align-left{text-align: left !important; 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} .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; -moz-transition: all 750ms ease; -o-transition: all 750ms ease; -ms-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: 600; padding: 12px 54px; clear: both; position: relative;} .flash span{cursor: pointer; position: absolute; top: 50%; margin-top: -7.5px; right: 15px; width: 15px; height: 15px; display: block;} .alert-error {color: #fff; background: url(../global/error_icon.png) no-repeat scroll 15px center #d8001b; border: 1px solid #b6192e;} .alert-success{color: #fff; background: url(../global/success_icon.png) no-repeat scroll 15px center #009e08; border: 1px solid #148219;} .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: #1b4139; font-weight: 700; font-size: 30px; line-height: 36px; margin: 0 0 25px; padding: 0;} h1.center{text-align: center;} h1 strong ,.head_title strong{text-transform: uppercase; color: #666666; font-weight: 700; font-size: 30px; line-height: 36px; margin: 0; padding: 0;} h1 span, .head_title span{text-transform: uppercase; color: #d9bc47; font-weight: 700; font-size: 30px; line-height: 36px; margin: 0 0 0 5px; padding: 0;} h2{color: #1b4139; font-weight: 700; font-size: 24px; line-height: 28px; margin: 30px 0 10px; padding: 0;} h2.center{text-align: center;} h2.margin{margin: 0 0 15px;} h3{color: #1b4139; font-weight: 700; font-size: 22px; line-height: 26px; margin: 30px 0 10px; padding: 0;} h4, h5, h6{color: #000000; font-weight: 700; font-size: 20px; line-height: 22px; margin: 30px 0 10px; padding: 0;} p, strong, b, div, article, i, u, li, a, .text_page, label, code{font-size: 15px; font-weight: 400;} strong, b{font-weight: 700} sup{color: inherit; font-size: 12px;} article a, article a strong, article strong a{font-weight: 700; color: #1b4139; text-decoration: underline; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch article a:hover, .notouch article a:hover strong, .notouch article strong a:hover{text-decoration: none;} .text_page{max-width: 1280px; 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{margin: 40px 0 0;} .text_page .img{display: block; width: 100%; margin: 0 0 30px;} .text_page .img img{margin: 0 auto;} .text_page .text{display: block; width: 100%; padding: 0; margin: 0;} } article{margin: 0 auto; text-align: left; line-height: 22px; max-width: 1100px;} article.max{max-width: 100%; margin: 40px 0 0; } article p, article div{margin:0 0 15px; text-align: left; line-height: 22px;} article .text_p{margin: 0; } article *:nth-child(1){margin-top: 0;} article *:last-child{margin-bottom: 0;} article ul{margin: 15px 0; padding: 0;} article ul li{padding: 0 0 0 28px; margin: 5px 0; position: relative; list-style: none; background: url(../img/drobky_arrow.svg) no-repeat scroll 11px 6px; background-size: 6px 9px;} article ul ul{margin: 0; padding: 0; } article ol{margin: 15px 0; padding: 0; counter-reset: item;} article ol li{padding: 0 0 0 33px; margin: 5px 0; position: relative; list-style-type: none; counter-increment: item;} article ol li:before{position: absolute; top: 0; left: 13px; display: block; padding-right: 5px; text-align: right; content: counter(item) ".";} article ol ol{margin: 0; padding: 0;} article ol ul{margin: 0; padding: 0;} article ol ul li{background: url(../img/list_style.svg) no-repeat scroll 11px 6px; background-size: 19px auto; padding: 0 0 0 33px;} article ol ul li:before{display: none;} article table.over{min-width: 100%; display: block; overflow-x: scroll;} article table{margin: 0 0 20px 0; border-collapse: collapse; border-spacing: 0 0;} article table caption{color: #000; font-size: 20px; line-height: 24px; font-weight: 600; margin: 30px 0 10px; text-align: left;} article table thead{margin-bottom: 3px;} article table thead tr th, article table tr:first-child th{text-align: left; font-weight: 700; padding: 6px 8px; background: #1b4139; color: #fff; border: 1px solid #000; border-right: 0;} 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 img{max-width: 100%; margin: 0 auto 15px; display: block; } article img.fr-fil{float: left; margin: 10px 30px 10px 0;} article img.fr-fir{float: right; margin: 10px 0 10px 30px;} article span.fr-video{width: 100%; margin: 0 auto 15px; display: block; margin: 0 auto; text-align: center;} article span.fr-video.fr-fvl{text-align: left} article span.fr-video.fr-fvr{text-align: right} article span.fr-video iframe{max-width: 100%; margin: 0 auto; display: inline-block; zoom: 1; *display: inline; width: 640px !important; height: 360px !important;} @media screen and (max-width: 767px) { article span.fr-video{text-align: center !important;} article span.fr-video iframe{width: 280px !important; height: 160px !important;} } input[type=text], input[type=password], input[type=submit], textarea, code, button{font-family: Calibri, sans-serif, Arial; margin: 0;} article, div, li{height: auto; min-height: 1px; max-height: 9999999px;} .clear{min-height: 0; } html{margin: 0 auto; padding: 0; background: #f1f1f1 ;} html.admin_settings_active{position: fixed; overflow-y: scroll; width: 100%;} body{color: #666666; background: #ffffff; overflow-x: hidden; -webkit-text-size-adjust: none; text-rendering: auto; max-width: 1920px; margin: 0 auto; font-family: Calibri, sans-serif, Arial; padding: 0; font-weight: 400; position: relative; box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.6);} .inside{position: relative; z-index: 100; width: 90%; padding: 0 5%; max-width: 1280px; margin: 0 auto;} .inside_small{position: relative; z-index: 100; width: 90%; padding: 0 5%; max-width: 840px; margin: 0 auto;} .inside_max{position: relative; z-index: 100; width: 90%; padding: 0 5%; max-width: 1440px; margin: 0 auto;} .inside_middle{position: relative; z-index: 100; width: 90%; padding: 0 5%; max-width: 1300px; margin: 0 auto;} .btn{font-weight: 700; font-size: 14px; line-height: 18px; padding: 6px 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-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .btn.arrow{padding: 6px 34px 6px 20px;} .btn.arrow::before{opacity: 1; content: ""; display: block; background: url(../img/arrow_yellow_right.svg) no-repeat scroll center center; background-size: 18px 18px; width: 24px; height: 24px; position: absolute; top: 50%; margin-top: -12px; right: 8px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .btn.arrow::after{opacity: 0; content: ""; display: block; background: url(../img/arrow_white_right.svg) no-repeat scroll center center; background-size: 18px 18px; width: 24px; height: 24px; position: absolute; top: 50%; margin-top: -12px; right: 8px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .btn.arrow.reverse::before{display: block; background: url(../img/arrow_white_right.svg) no-repeat scroll center center; background-size: 18px 18px;} .btn.arrow.reverse::after{display: block; background: url(../img/arrow_yellow_right.svg) no-repeat scroll center center; background-size: 18px 18px;} .btn.big{padding: 12px 30px;} .btn.hide{opacity: 0; visibility: hidden;} .btn.overflow{overflow: visible;} .btn.shadow{box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.6); -webkit-box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.6);} .btn.radius{-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;} .btn.line_height{line-height: 30px;} .btn.inline{display: inline-block; zoom: 1; *display: inline; vertical-align: middle;} .btn.left{float: left;} .btn.right{float: right;} .btn.cursor{cursor: pointer;} .btn.ultra_min_margin_top{margin-top: 1px;} .btn.ultra_min_margin_bottom{margin-bottom: 1px;} .btn.ultra_min_margin_right{margin-right: -3px;} .btn.ultra_min_margin_left{margin-left: 1px;} .btn.min_margin_top{margin-top: 5px;} .btn.min_margin_bottom{margin-bottom: 5px;} .btn.min_margin_right{margin-right: 5px;} .btn.min_margin_left{margin-left: 5px;} .btn.middle_margin_top{margin-top: 10px;} .btn.middle_margin_bottom{margin-bottom: 10px;} .btn.middle_margin_right{margin-right: 10px;} .btn.middle_margin_left{margin-left: 10px;} .btn.max_margin_top{margin-top: 15px;} .btn.max_margin_bottom{margin-bottom: 15px;} .btn.max_margin_right{margin-right: 15px;} .btn.max_margin_left{margin-left: 15px;} .btn.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;} .notouch .btn:hover::before, .notouch .item.hover_efekt .btn::before, .notouch a.item:hover .btn::before{opacity: 0;} .notouch .btn:hover::after, .notouch .item.hover_efekt .btn::after, .notouch a.item:hover .btn::after{opacity: 1;} .btn i{font-style: normal; font-weight: 700; font-size: 14px; 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; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .btn:hover .item{visibility: visible; opacity: 1; bottom: calc(100% + 5px);} .btn .item .box{display: block; position: relative; padding: 8px; background: #fff; box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.6);} .btn .item .box::before{display: block; top: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #dbdbdb; border-width: 11px; margin-left: -11px; } .btn .item .box::after{display: block; top: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 10px; margin-left: -10px; } .btn .item .img{display: block; width: 100%; height: 80px; position: relative; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .btn .item .title{border-top: 1px solid #e0dfdf; 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;} .btn.typ_1{background: #666666; border: 1px solid #666666; color: #fff;} .notouch .btn.typ_1:hover, .notouch .item.hover_efekt .btn.typ_1, .notouch a.item:hover .btn.typ_1{background: #000000; border: 1px solid #000000; color: #fff;} .btn.typ_2{background: #1b4139; border: 1px solid #1b4139; color: #fff;} .notouch .btn.typ_2:hover, .notouch .item.hover_efekt .btn.typ_2, .notouch a.item:hover .btn.typ_2{background: #fff; border: 1px solid #1b4139; color: #1b4139;} .btn.typ_3{background: #ffffff; border: 1px solid #1b4139; color: #1b4139;} .notouch .btn.typ_3:hover, .notouch .item.hover_efekt .btn.typ_3, .notouch a.item:hover .btn.typ_3{background: #1b4139; border: 1px solid #1b4139; color: #ffffff;} .btn.typ_4{background: #000000; border: 1px solid #ffffff; color: #ffffff;} .notouch .btn.typ_4:hover, .notouch .item.hover_efekt .btn.typ_4, .notouch a.item:hover .btn.typ_4{background: #ffffff; border: 1px solid #ffffff; color: #000000;} .btn.typ_5{background: #666666; border: 1px solid #ffffff; color: #ffffff;} .notouch .btn.typ_5:hover, .notouch .item.hover_efekt .btn.typ_5, .notouch a.item:hover .btn.typ_5{background: #ffffff; border: 1px solid #ffffff; color: #000000;} .btn.typ_6{background: #d9bc47; border: 1px solid #d9bc47; color: #ffffff;} .notouch .btn.typ_6:hover, .notouch .item.hover_efekt .btn.typ_6, .notouch a.item:hover .btn.typ_6{background: #ffffff; border: 1px solid #d9bc47; color: #d9bc47;} .btn.typ_7{background: #ffffff; border: 1px solid #ffffff; color: #d9bc47;} .notouch .btn.typ_7:hover, .notouch .item.hover_efekt .btn.typ_7, .notouch a.item:hover .btn.typ_7{background: #d9bc47; border: 1px solid #d9bc47; color: #ffffff;} .notouch .btn.border_grey.color_grey:hover, .notouch .item.hover_efekt .btn.border_grey.color_grey, .notouch a.item:hover .btn.border_grey.color_grey{border: 1px solid #666666; background: #666666; color: #fff;} .notouch .btn.bg_black.border_black.color_white:hover, .notouch .item.hover_efekt .btn.bg_black.border_black.color_white, .notouch a.item:hover .btn.bg_black.border_black.color_white{background: #00aeef; border: 1px solid #00aeef; color: #fff;} .notouch .btn.border_blue.bg_blue.color_white:hover, .notouch .item.hover_efekt .btn.border_blue.bg_blue.color_white, .notouch a.item:hover .btn.border_blue.bg_blue.color_white{background: #414042; border: 1px solid #414042; color: #ffffff;} ul.social{display: block; margin: 0; text-align: left; padding: 0; height: 30px;} ul.social li{list-style: none; display: inline-block; zoom: 1; *display: inline; margin: 0 0 0 3px;} ul.social li a{display: block; width: 30px; height: 30px; position: relative; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} ul.social li a::before{opacity: 0; content: ""; position: absolute; left: 0; top: 0; width: 30px; height: 30px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} ul.social li a::after{opacity: 1; content: ""; position: absolute; left: 0; top: 0; width: 30px; height: 30px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} ul.social li a.in::before{background: url(../../img/social_in_icon.svg) no-repeat scroll center center; background-size: 22px 22px;} ul.social li a.fb::before{background: url(../../img/social_fb_icon.svg) no-repeat scroll center center; background-size: 22px 22px;} ul.social li a.yt::before{background: url(../../img/social_yt_icon.svg) no-repeat scroll center center; background-size: 22px 22px;} ul.social li a.li::before{background: url(../../img/social_li_icon.svg) no-repeat scroll center center; background-size: 22px 22px;} ul.social li a.tw::before{background: url(../../img/social_tw_icon.svg) no-repeat scroll center center; background-size: 22px 22px;} ul.social li a.g::before{background: url(../../img/social_g_icon.svg) no-repeat scroll center center; background-size: 22px 22px;} ul.social li a.in::after{background: url(../../img/social_in_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;} ul.social li a.fb::after{background: url(../../img/social_fb_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;} ul.social li a.yt::after{background: url(../../img/social_yt_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;} ul.social li a.li::after{background: url(../../img/social_li_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;} ul.social li a.tw::after{background: url(../../img/social_tw_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;} ul.social li a.g::after{background: url(../../img/social_g_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;} .notouch ul.social li a:hover{background: #1b4139;} .notouch ul.social li a:hover::before{opacity: 1;} .notouch ul.social li a:hover::after{opacity: 0;} .header_height{display: block; height: 94px; position: relative;} header{background: #fff; max-width: 1860px; margin: 0 auto; z-index: 9999; padding: 15px 30px; position: fixed; top: 0; left: 0; right: 0; margin: 0 auto; width: calc(100% - 60px); text-align: center; 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); -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} header.icons{position: absolute; top: 0 !important} header a.logo{width: 310px; height: 64px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; position: relative;} header a.logo img{display: block; margin: 0 auto; max-width: 310px; max-height: 64px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} header .box{text-align: right; position: relative; z-index: 999; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: calc(100% - 310px - 5px); margin: 0;} header .box .btn_box{white-space: nowrap; width: 220px; display: block; float: left; font-size: 0; position: relative; margin: 0 0 0 20px;} header .box .btn_box a{width: calc(50% - 3px); margin: 0; display: inline-block; vertical-align: middle; text-transform: uppercase; font-size: 14px; line-height: 36px; border: 1px solid #1b4139; color: #1b4139; background: #ffffff; font-weight: 400; text-align: center; position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header .box .btn_box a:nth-child(1){margin: 0px 0 -4px;} .notouch header .box .btn_box a:hover, header .box .btn_box a.active{background: #1b4139; color: #d9bc47; font-weight: 700;} header .box .btn_box a:nth-child(1){-webkit-transform: perspective(100px) rotateX(-20deg); transform: perspective(100px) rotateX(-20deg); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%;} header .box .btn_box a:nth-child(1) span{display: block; -webkit-transform: perspective(100px) rotateX(20deg); transform: perspective(100px) rotateX(20deg); -webkit-transform-origin: 0 0; transform-origin: 0 0 ;} header .box .btn_box a:nth-child(2){-webkit-transform: perspective(100px) rotateX(20deg); transform: perspective(100px) rotateX(20deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%;} header .box .btn_box a:nth-child(2) span{line-height: 30px; padding: 4px 0 2px; display: block; -webkit-transform: perspective(100px) rotateX(-20deg); transform: perspective(100px) rotateX(-20deg); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%;} @media screen and (max-width: 1050px) { header .box .btn_box{display: none;} } header nav{position: relative; z-index: 999; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; padding: 0 0 0 20px; margin: 0 0 0 20px;} header nav::before{position: absolute; top: 50%; margin-top: -14px; height: 28px; width: 1px; background: #cbcbcb; left: 0; content: ""; display: block;} header nav ul{margin: 0; padding: 0; display: block; text-align: right;} header.icons nav ul{display: none;} header nav ul li{padding: 0; position: relative; list-style: none; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 0 0 5px;} header nav ul li a{text-transform: uppercase; display: block; line-height: 22px; font-size: 14px; font-weight: 700; padding: 8px 15px; color: #1b4139; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch header nav ul li a:hover, header nav ul li.active a{background: #1b4139; color: #fff;} header .soc{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; padding: 0 0 0 20px; margin: 0 0 0 20px; position: relative;} header.icons.small .soc{display: none;} header .soc::before{position: absolute; top: 50%; margin-top: -14px; height: 28px; width: 1px; background: #cbcbcb; left: 0; content: ""; display: block;} header .search_box{background: #eaeaea; -webkit-border-radius: 30px; border-radius: 30px; position: relative; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 240px;} header .search_box span.icon{margin: 0 0 0 5px; z-index: 999; cursor: pointer; width: 28px; height: 28px; border: 1px solid #ca0016; position: relative; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; background: #ca0016; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} header .search_box span.icon::before{content: ""; width: 30px; height: 30px; display: block; position: absolute; top: 0; left: 0; background: url(../img/lupa.svg) no-repeat scroll center center; background-size: 14px 14px; opacity: 1; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch header .search_box span.icon:hover, .notouch header .search_box.hover_efekt span.icon{background: #d9bc47; border: 1px solid #d9bc47;} header .search_box form{display: block; position: absolute; top: 0; right: 35px; z-index: 9999; opacity: 1; visibility: visible; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} header .search_box.active form{visibility: visible; opacity: 1;} header .search_box form input[type=text]{border: 0; border-bottom: 1px solid #e0e0e0; background: transparent; color: #1a1a1a; font-size: 13px; line-height: 16px; padding: 7px 15px 5px 0; width: 175px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} header .search_box form input[type=text]:focus{border-bottom: 1px solid #dbdbdb;} header .search_box form button{background: transparent; padding: 0; width: 30px; height: 30px; border: 0; position: absolute; right: -35px; top: 0; } header .search_box form ul{min-width: 248px; border: 1px solid #dbdbdb; position: absolute; margin: 0; padding: 0; top: calc(100% + 2px); left: 0; right: 0; background: #ffffff; box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); } header .search_box form ul:empty{display: none;} header .search_box form ul li{list-style: none; display: block;} header .search_box form ul li a{background: #fff; text-align: left; border-top: 1px solid #dbdbdb; font-size: 12px; line-height: 16px; color: #000; padding: 5px 10px; list-style: none; display: block; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} header .search_box form ul li a span{font-size: 12px; line-height: 16px; color: #666; padding: 0;} .notouch header .search_box form ul li:hover a{background: #f0f0f0;} header .search_box form ul li > span{background: #666666; text-align: left; font-size: 12px; line-height: 18px; color: #fff; font-weight: 400; padding: 7px 10px; list-style: none; display: block; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} header .contact{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; padding: 0 0 0 20px; margin: 10px 0 11px 20px; position: relative;} header.icons .contact{width: 0; position: fixed; text-indent: -99999px; opacity: 0; margin: 0; padding: 0; visibility: hidden;} header .contact::before{position: absolute; top: 50%; margin-top: -14px; height: 28px; width: 1px; background: #cbcbcb; left: 0; content: ""; display: block;} header .contact p{font-size: 15px; line-height: 22px; color: #1b4139; font-weight: 400; margin: 0; text-transform: uppercase;} header .contact p strong, header .contact p a{font-size: 15px; line-height: 22px; color: #1b4139; font-weight: 700; margin: 0;} @media screen and (max-width: 1850px) { header .soc{display: none;} header nav ul li{margin: 0;} .ipad_menu ul li.hidden{display: block !important;} } @media screen and (max-width: 1780px) { header .contact{width: 0; position: fixed; text-indent: -99999px; opacity: 0; margin: 0; padding: 0; visibility: hidden;} } .open_close_navigation{cursor: pointer; text-align: center; display: none; position: relative; left: 0; z-index: 20; padding: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } header.icons .open_close_navigation{display: inline-block; zoom: 1; *display: inline; vertical-align: middle;} .open_close_navigation::after{margin: 0 0 0 4px; content: "Menu"; font-size: 14px; color: #1a1a1a; font-weight: 600; display: inline-block; vertical-align: middle; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; cursor: pointer; user-select: none;} header.small .open_close_navigation::after{display: 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; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-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: #1a1a1a; transition: 0.3s; position: relative;} .open_close_navigation .lines:before, .open_close_navigation .lines:after {display: inline-block; width: 2rem; height: 3px; background: #1a1a1a; 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: #1a1a1a;} .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: #d9bc47;} .notouch .open_close_navigation:hover .lines-button.x.close .lines:before, .notouch .open_close_navigation:hover .lines-button.x.close .lines:after{background: #d9bc47;} .notouch .open_close_navigation:hover .lines:before, .notouch .open_close_navigation:hover .lines:after{background: #d9bc47;} .notouch .open_close_navigation:hover .lines{background: #d9bc47;} .ipad_menu{display: none; position: absolute; max-width: 1920px; top: -900px; right: 0; left: 0; background: #ffffff; box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); padding: 94px 0 0; z-index: 998; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .ipad_menu.active{display: block;} .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;} .ipad_menu ul li.hidden{display: none;} .ipad_menu ul li.lang{display: none;} .ipad_menu ul li.lang a{display: inline-block; zoom: 1; *display: inline; border-left: 1px solid #dbdbdb;} .ipad_menu ul li.lang.count_2 a{width: calc(50% - 31px);} .ipad_menu ul li.lang.count_3 a{width: calc(33.33% - 31px);} .ipad_menu ul li.lang.count_4 a{width: calc(25% - 31px);} .ipad_menu ul li.lang a:first-child(1){border-left: 0;} .ipad_menu ul li a{border-top: 1px solid #e0dfdf; position: relative; font-size: 14px; line-height: 56px; font-weight: 600; padding: 0 15px; display: block; text-transform: uppercase; color: #000000; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .ipad_menu ul li:first-child(1) a{border-top: 0;} .notouch .ipad_menu ul li a:hover, .ipad_menu ul li.active a, .ipad_menu ul li a.active{background: #1b4139; color: #ffffff;} .ipad_menu ul ul{display: none;} .ipad_menu ul ul li{} .ipad_menu ul ul li a{background: #f0f0f0 !important; border: 0 !important; border-top: 1px solid #dbdbdb !important; position: relative; font-size: 14px; line-height: 44px; font-weight: 400; padding: 0 15px; display: block; text-transform: none; color: #000000 !important; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .ipad_menu ul ul li:first-child a{border: 0 !important;} .notouch .ipad_menu ul ul li:hover a, .ipad_menu ul ul li.active a{background: #e2e2e2 !important;} .ipad_menu ul li .icon{cursor: pointer; z-index: 100; display: block; position: absolute; top: 10px; left: 10px; width: 36px; height: 36px; background: #666666; border: 1px solid #000000; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .ipad_menu ul li .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)} .notouch .ipad_menu ul li:hover .icon, .ipad_menu ul li.active .icon{background: #000000;} @media screen and (max-width: 1470px) { header nav ul{display: none;} .open_close_navigation{display: inline-block; zoom: 1; *display: inline; vertical-align: middle;} .ipad_menu{display: block;} } @media screen and (max-width: 1050px) { header a.logo{width: 250px; height: 64px;} header a.logo img{max-width: 250px; max-height: 51px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);} header .box{width: calc(100% - 250px - 5px);} } @media screen and (max-width: 768px) { header a.logo{width: 206px !important; height: 42px !important;} header a.logo img{max-width: 206px !important; max-height: 42px !important;} header .box{width: calc(100% - 215px - 5px) !important;} } /**** SLIDER ****/ .main_top{height: 500px; position: relative; display: block; padding: 0;} .main_top .main_slider{position: relative; opacity: 0; background: #f0f0f0; display: block; height: 500px; width: 100%; display: block; overflow: hidden;} .main_top .main_slider.stop{opacity: 1;} .main_top .main_slider .item{width: 100%; height: 500px; display: block; 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;} .main_top .main_slider .item .box{z-index: 10; position: relative; display: table; width: calc(100% - 60px); margin: 0 auto; padding: 0; height: 100%;} .main_top .main_slider .item .box .centering{display: table-cell; vertical-align: middle; width: 100%; text-align: right} .main_top .main_slider .item .box .centering .text{display: inline-block; zoom: 1; *display: inline; padding: 18px; background: rgba(27,65,57,0.3); position: relative; /*-webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px;*/ margin: 0 12% 0 0;} .main_top .main_slider .item .box .centering .text .boxes{background: #fff; width: 310px; height: 310px; display: table; /*-webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px;*/} .main_top .main_slider .item .box .centering .text .boxes .centering{text-align: center;} .main_top .main_slider .item .box .centering .text .boxes .centering .date{position: relative; font-size: 18px; line-height: 32px; color: #d9bc47; font-weight: 700; text-align: center; padding: 0 30px 25px; display: block; margin: 0 auto; } .main_top .main_slider .item .box .centering .text .boxes .centering .subtitle{position: relative; font-size: 18px; line-height: 24px; color: #1b4139; font-weight: 700; text-align: center; padding: 0 30px 18px ; display: block; margin: 0 auto; } .main_top .main_slider .item .box .centering .text .boxes .centering .subtitle.border_bottom::after{content: ""; display: block; height: 0; width: 200px; border-bottom: 1px dashed #cbcbcb; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: 0;} .main_top .main_slider .item .box .centering .text .boxes .centering .title{position: relative; font-size: 28px; line-height: 32px; color: #1b4139; font-weight: 700; text-align: center; padding: 18px 30px; display: block; margin: 0 auto; } .main_top .main_slider .item .box .centering .text .boxes .centering .title.border_bottom::after{content: ""; display: block; height: 0; width: 200px; border-bottom: 1px dashed #cbcbcb; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: 0;} .main_top .main_slider .item .box .centering .text .boxes .centering .anotation{position: absolute; left: -44px; top: -44px; background: #d9bc47; -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px;} .main_top .main_slider .item .box .centering .text .boxes .centering .anotation .boxeses{width: 90px; height: 90px; display: table; -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px;} .main_top .main_slider .item .box .centering .text .boxes .centering .anotation .boxeses .centering{font-size: 16px; line-height: 26px; font-weight: 600; color: #1b4139; text-transform: uppercase; text-align: center;} .main_top .main_slider.owl-carousel .owl-controls{right: 0; top: 0; bottom: 0; width: 100px; position: absolute; margin: 0;} .main_top .main_slider.owl-carousel .owl-controls .owl-pagination{text-align: left; position: absolute; top: 50%; margin: 0; width: 100%; right: 0; min-height: 0; z-index: 990; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} .main_top .main_slider.owl-carousel .owl-controls .owl-pagination .owl-page{text-align: center; counter-increment: item; display: block; padding: 6px 0;} .main_top .main_slider.owl-carousel .owl-controls .owl-pagination .owl-page span{position: relative; width: 10px; height: 10px; background: transparent; display: inline-block; border: 1px solid #ffffff; margin: 0 0 ; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .main_top .main_slider.owl-carousel .owl-controls .owl-pagination .owl-page.active span, .notouch .main_top .main_slider.owl-carousel .owl-controls .owl-pagination .owl-page:hover span{background: #ffffff; border: 1px solid #ffffff;} .sub .main_top, .sub .main_top .main_slider, .sub .main_top .main_slider .item{height: 180px; position: relative; display: block; padding: 0;} .sub .main_top .main_slider.owl-carousel .owl-controls .owl-pagination{display: none;} @media screen and (min-width: 1401px) and (max-width: 1500px) { .main_top, .main_top .main_slider, .main_top .main_slider .item{ height: 440px;} } @media screen and (min-width: 1151px) and (max-width: 1280px) { .sub .main_top, .sub .main_top .main_slider, .sub .main_top .main_slider .item{height: 140px;} } @media screen and (min-width: 768px) and (max-width: 1024px) { .main_top .main_slider .item .box .centering .text{padding: 10px;} .main_top .main_slider .item .box .centering .text .boxes{width: 240px; height: 240px;} .main_top .main_slider .item .box .centering .text .boxes .centering .date{font-size: 16px;} .main_top .main_slider .item .box .centering .text .boxes .centering .title{ font-size: 20px; line-height: 24px; margin: -10px auto;} .main_top .main_slider .item .box .centering .text .boxes .centering .anotation{left: -35px; top: -35px;} @media screen and (min-width: 768px) and (max-width: 960px) { .main_top, .main_top .main_slider, .main_top .main_slider .item{height: 340px;} } } @media screen and (max-width: 767px) { .main_top, .main_top .main_slider, .main_top .main_slider .item{height: 300px;} .main_top .main_slider .item::before{background-size: auto 400px;} .sub .main_top, .sub .main_top .main_slider, .sub .main_top .main_slider .item{height: 80px;} .main_top .main_slider .item .box .centering{text-align: center;} .main_top .main_slider .item .box .centering .text{padding: 10px; margin: 0 auto;} .main_top .main_slider .item .box .centering .text .boxes{width: 200px; height: 200px;} .main_top .main_slider .item .box .centering .text .boxes .centering .date{font-size: 16px;} .main_top .main_slider .item .box .centering .text .boxes .centering .title{padding: 15px 15px; font-size: 18px; line-height: 22px; margin: -15px auto;} .main_top .main_slider .item .box .centering .text .boxes .centering .title::before, .main_top .main_slider .item .box .centering .text .boxes .centering .title::after{width: 140px;} .main_top .main_slider .item .box .centering .text .boxes .centering .anotation{display: none;} .main_top .main_slider.owl-carousel .owl-controls{width: 40px;} } .main_cat{width: 100%; position: relative; z-index: 0; margin: 0 0 -25px;} .main_cat > *{width: 50%; float: left; display: block; position: relative;} .main_cat > * a{display: inline-block; width: 100%; padding: 17px 0 42px; text-align: center; text-transform: uppercase; position: relative;} .main_cat > * a .text{padding: 5px 20px; letter-spacing: 1px; white-space: nowrap; font-size: 18px; line-height: 30px; font-weight: 500; display: inline-block; zoom: 1; *display: inline; position: relative;} .main_cat > * a .icon{position: absolute; left: 10%; top: 8px; width: 50px; height: 60px; 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;} .main_cat > *:nth-child(1) a{background: #1b4139; color: #d9bc47;} .main_cat > *:nth-child(1) a .text{border: 1px solid #d9bc47;} .main_cat > *:nth-child(2) a{background: #d9bc47; color: #1b4139;} .main_cat > *:nth-child(2) a .text{border: 1px solid #1b4139;} .main_cat > *.active a{margin: -10px 0 10px; padding: 28px 0 43px;} .main_cat > *.active a .icon{top: 13px;} .main_cat > *.active:after {top: 56px; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 16px; margin-left: -16px;} .main_cat > * a .text > span.empty{margin-right: 4px;} .main_cat > * a .text > span{display: inline-block;opacity: 0;-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0);-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);} .main_cat > * a .text::before {content: attr(data-text); position: absolute; top: 0;left: 0; right: 0; display: block; line-height: 40px; text-align: center; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);} .notouch .main_cat > * a:hover .text::before{opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);} .notouch .main_cat > * a:hover .text > span, .notouch .hover_efekt .main_cat > * a .text > span {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} .notouch .main_cat > * a:hover .text > span:nth-child(1){-webkit-transition-delay: 0.045s;transition-delay: 0.045s;} .notouch .main_cat > * a:hover .text > span:nth-child(2){-webkit-transition-delay: 0.09s;transition-delay: 0.09s;} .notouch .main_cat > * a:hover .text > span:nth-child(3){-webkit-transition-delay: 0.135s;transition-delay: 0.135s;} .notouch .main_cat > * a:hover .text > span:nth-child(4){-webkit-transition-delay: 0.18s;transition-delay: 0.18s;} .notouch .main_cat > * a:hover .text > span:nth-child(5){-webkit-transition-delay: 0.225s;transition-delay: 0.225s;} .notouch .main_cat > * a:hover .text > span:nth-child(6){-webkit-transition-delay: 0.27s;transition-delay: 0.27s;} .notouch .main_cat > * a:hover .text > span:nth-child(7){-webkit-transition-delay: 0.315s;transition-delay: 0.315s;} .notouch .main_cat > * a:hover .text > span:nth-child(8){-webkit-transition-delay: 0.36s;transition-delay: 0.36s;} .notouch .main_cat > * a:hover .text > span:nth-child(9){-webkit-transition-delay: 0.405s;transition-delay: 0.405s;} .notouch .main_cat > * a:hover .text > span:nth-child(10){-webkit-transition-delay: 0.45s;transition-delay: 0.45s;} .notouch .main_cat > * a:hover .text > span:nth-child(11){-webkit-transition-delay: 0.495s;transition-delay: 0.495s;} .notouch .main_cat > * a:hover .text > span:nth-child(12){-webkit-transition-delay: 0.54s;transition-delay: 0.54s;} .notouch .main_cat > * a:hover .text > span:nth-child(13){-webkit-transition-delay: 0.585s;transition-delay: 0.585s;} .notouch .main_cat > * a:hover .text > span:nth-child(14){-webkit-transition-delay: 0.630s;transition-delay: 0.630s;} .notouch .main_cat > * a:hover .text > span:nth-child(15){-webkit-transition-delay: 0.675s;transition-delay: 0.675s;} .notouch .main_cat > * a:hover .text > span:nth-child(16){-webkit-transition-delay: 0.720s;transition-delay: 0.720s;} .notouch .main_cat > * a:hover .text > span:nth-child(17){-webkit-transition-delay: 0.765s;transition-delay: 0.765s;} .notouch .main_cat > * a:hover .text > span:nth-child(18){-webkit-transition-delay: 0.810s;transition-delay: 0.810s;} .notouch .main_cat > * a:hover .text > span:nth-child(19){-webkit-transition-delay: 0.855s;transition-delay: 0.855s;} .notouch .main_cat > * a:hover .text > span:nth-child(20){-webkit-transition-delay: 0.900s;transition-delay: 0.900s;} .notouch .main_cat > * a:hover .text > span:nth-child(21){-webkit-transition-delay: 0.945s;transition-delay: 0.945s;} .notouch .main_cat > * a:hover .text > span:nth-child(22){-webkit-transition-delay: 0.990s;transition-delay: 0.990s;} .notouch .main_cat > * a:hover .text > span:nth-child(23){-webkit-transition-delay: 1.035s;transition-delay: 1.035s;} .notouch .main_cat > * a:hover .text > span:nth-child(24){-webkit-transition-delay: 1.080s;transition-delay: 1.080s;} .welcome_1{padding: 60px 0; border-bottom: 1px solid #e5e5e5;} .welcome_1 h1{text-align: center; margin: 0 0 15px; padding: 0;} .welcome_1 article, .welcome_1 article *{text-align: center;} .welcome_2{position: relative; padding: 60px 0; background: #fff; overflow: hidden; } .welcome_2 .inside{width: calc(100% - 280px); padding: 0 140px;} .welcome_2 h2{letter-spacing: 1px; border-bottom: 1px dashed #e5e5e5; margin: 0; padding: 0; z-index: 99; position: absolute; top: 50%; left: 60px; right: 0; text-align: center; font-size: 20px; font-weight: 400; line-height: 120px; color: #b2b2b2; text-transform: uppercase; transform: translateX(-50%) translateY(-50%) rotate(-90deg);} .welcome_2 .product_list .item{width: calc(100% - 30px); margin: 0 auto !important; border-bottom: none; float: none;} .welcome_2 .product_list .item .link{margin: 10px 0 0;} .welcome_2 .navigation{border-left: 1px dashed #e5e5e5; margin: 0; padding: 0; z-index: 99; position: absolute; top: 0; bottom: 0; right: 0; text-align: center; width: 100px;} .welcome_2 .navigation .prev{ -webkit-transform-origin: 50% 51%; cursor: pointer; letter-spacing: 1px; margin: 0; padding: 0; z-index: 99; position: absolute; top: 70%; left: 50%; right: 0; text-align: center; font-size: 12px; font-weight: 700; line-height: 60px; color: #666666; text-transform: uppercase; transform: translateX(-50%) translateY(-50%) rotate(-90deg) translateZ(0); -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .welcome_2 .navigation .prev::before{ -webkit-transform-origin: 50% 51%; opacity: 1; position: absolute; left: -16px; top: 50%; margin: -6px 0 0; width: 18px; height: 12px; background: url(../img/arrow_black_right.svg) no-repeat scroll center center; background-size: 12px 12px; content: ""; display: block; transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .welcome_2 .navigation .prev::after{ -webkit-transform-origin: 50% 51%; opacity: 0; position: absolute; left: -16px; top: 50%; margin: -6px 0 0; width: 18px; height: 12px; background: url(../img/arrow_yellow_right.svg) no-repeat scroll center center; background-size: 12px 12px; content: ""; display: block; transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .welcome_2 .navigation .prev:hover{color: #d9bc47;} .notouch .welcome_2 .navigation .prev:hover::before{opacity: 0;} .notouch .welcome_2 .navigation .prev:hover::after{opacity: 1;} .welcome_2 .navigation .next{ -webkit-transform-origin: 50% 51%; cursor: pointer; letter-spacing: 1px; margin: 0; padding: 0; z-index: 99; position: absolute; top: 30%; left: 50%; right: 0; text-align: center; font-size: 12px; font-weight: 700; line-height: 60px; color: #666666; text-transform: uppercase; transform: translateX(-50%) translateY(-50%) rotate(-90deg) translateZ(0); -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .welcome_2 .navigation .next::before{opacity: 1; position: absolute; right: -12px; top: 50%; margin: -6px 0 0; width: 18px; height: 12px; background: url(../img/arrow_black_right.svg) no-repeat scroll center center; background-size: 12px 12px; content: ""; display: block; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .welcome_2 .navigation .next::after{opacity: 0; position: absolute; right: -12px; top: 50%; margin: -6px 0 0; width: 18px; height: 12px; background: url(../img/arrow_yellow_right.svg) no-repeat scroll center center; background-size: 12px 12px; content: ""; display: block; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .welcome_2 .navigation .next:hover{color: #d9bc47;} .notouch .welcome_2 .navigation .next:hover::before{opacity: 0;} .notouch .welcome_2 .navigation .next:hover::after{opacity: 1;} .welcome_2 .product_list.owl-theme .owl-pagination{opacity: 0; visibility: hidden; position: absolute;} .welcome_3{position: relative; padding: 0; background: #f1f1f1; overflow: hidden; } .welcome_3 h2{letter-spacing: 1px; border-bottom: 1px dashed #ffffff; margin: 0; padding: 0; z-index: 99; position: absolute; top: 50%; left: 60px; right: 0; text-align: center; font-size: 20px; font-weight: 400; line-height: 120px; color: #b2b2b2; text-transform: uppercase; transform: translateX(-50%) translateY(-50%) rotate(-90deg);} .welcome_3 .news_slider{width: 100%; margin: 0 auto; position: relative;} .welcome_3 .news_slider .item{padding: 60px 0; display: block; text-align: left; position: relative; max-width: 1160px; margin: 0 auto; width: calc(100% - 280px);} .welcome_3 .news_slider .item .text{width: calc(50% - 40px); float: left; padding: 0 40px 0 0;} .welcome_3 .news_slider .item .text .box{display: table; height: 400px; width: 100%;} .welcome_3 .news_slider .item .text .box .centering{display: table-cell; vertical-align: middle; width: 100%; text-align: left;} .welcome_3 .news_slider .item .text .box .centering .date{font-size: 18px; line-height: 24px; font-weight: 700; text-align: left; color: #d9bc47; padding: 0 0 20px;} .welcome_3 .news_slider .item .text .box .centering h3{position: relative; display: block; padding: 0 0 20px; text-align: left; margin: 0; width: 100%; } .welcome_3 .news_slider .item .text .box .centering h3 a{display: block; text-align: left; margin: 0; padding: 10px 0 0; font-size: 16px; line-height: 20px; color: #000000; font-weight: 700; text-transform: uppercase; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .welcome_3 .news_slider .item.hover_efekt .text .box .centering h3 a{color: #d9bc47;} .welcome_3 .news_slider .item .text .box .centering .description{display: block; width: 100%; text-align: left; margin: 0; padding: 0 0 20px; font-size: 14px; line-height: 20px; color: #4d4d4d; font-weight: 400;} .welcome_3 .news_slider .item .img{height: 400px; width: 50%; float: left; padding: 0; -webkit-box-shadow: 0 0 80px -10px rgba(0,0,0,0.6); box-shadow: 0 0 80px -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;} .welcome_3 .news_slider .item .img .prev{cursor: pointer; background: url(../img/slider_arrow_prev.svg) no-repeat scroll center center #000; background-size: 38px 38px; width: 54px; height: 54px; display: block; position: absolute; bottom: 64px; right: 62px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .welcome_3 .news_slider .item .img .next{cursor: pointer; background: url(../img/slider_arrow_next.svg) no-repeat scroll center center #000; background-size: 38px 38px; width: 54px; height: 54px; display: block; position: absolute; bottom: 64px; right: 4px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .welcome_3 .news_slider .item .img .prev:hover, .notouch .welcome_3 .news_slider .item .img .next:hover{background-color: #d9bc47;} .welcome_3 .news_slider.owl-carousel .owl-controls{right: 0; top: 0; bottom: 0; width: 100px; border-left: 1px dashed #fff; position: absolute; margin: 0;} .welcome_3 .news_slider.owl-carousel .owl-controls .owl-pagination{text-align: left; position: absolute; top: 50%; margin: 0; width: 100px; right: 0; min-height: 0; z-index: 990; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} .welcome_3 .news_slider.owl-carousel .owl-controls .owl-pagination .owl-page{text-align: center; counter-increment: item; display: block; padding: 6px 0;} .welcome_3 .news_slider.owl-carousel .owl-controls .owl-pagination .owl-page span{position: relative; width: 10px; height: 10px; background: transparent; display: inline-block; border: 1px solid #1a1a1a; margin: 0 0 ; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .welcome_3 .news_slider.owl-carousel .owl-controls .owl-pagination .owl-page.active span, .notouch .welcome_3 .news_slider.owl-carousel .owl-controls .owl-pagination .owl-page:hover span{background: #1a1a1a; border: 1px solid #1a1a1a;} .welcome_4{position: relative; padding: 60px 0; background: #fff; overflow: hidden; } .welcome_4 .inside{width: calc(100% - 280px); padding: 0 140px;} .welcome_4 h2{letter-spacing: 1px; border-bottom: 1px dashed #e5e5e5; margin: 0; padding: 0; z-index: 99; position: absolute; top: 50%; left: 60px; right: 0; text-align: center; font-size: 20px; font-weight: 400; line-height: 120px; color: #b2b2b2; text-transform: uppercase; transform: translateX(-50%) translateY(-50%) rotate(-90deg);} .welcome_4 h3{background: #f1f1f1; text-transform: uppercase; font-size: 16px; line-height: 20px; padding: 25px 30px; text-align: center; margin: 40px 0 0;} .welcome_4 h3:first-of-type{margin: 0;} .welcome_4 .item{z-index: 0; text-align: center; position: relative; display: block; float: left; width: calc(20% - 1px); margin: 0; border-right: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; background: #ffffff;} /* .welcome_4 .item.width_1{width: calc(100% - 2px) !important;} .welcome_4 .item.width_2{width: calc(50% - 1px) !important;} .welcome_4 .item.width_2:nth-child(1){width: calc(50% - 2px) !important;} .welcome_4 .item.width_3{width: calc(33.33% - 1px) !important;} .welcome_4 .item.width_3:nth-child(1){width: calc(33.33% - 2px) !important;} .welcome_4 .item.width_4{width: calc(25% - 1px) !important;} .welcome_4 .item.width_4:nth-child(1){width: calc(25% - 2px) !important;} */ .welcome_4 .item:nth-child(5n + 1){border-left: 1px solid #f1f1f1; width: calc(20% - 2px); } .notouch .welcome_4 .item:hover{z-index: 1;} .welcome_4 .item::before{border: 1px solid #f1f1f1; position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; background: #fff; z-index: 0; content: ""; display: block; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .welcome_4 .item:hover::before{top: -9px; right: -9px; left: -9px; bottom: -9px; box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.7); -webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.7);} .welcome_4 .item .img{position: relative; z-index: 100; width: 100%; height: 130px; display: block; 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;*/} #content{z-index: 1; background: #fff; padding: 0; position: relative; -webkit-border-radius: 20px 20px 0 0; -moz-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0;} #content .container > *:not(.login_form){padding: 0 0 30px;} #content .container > div:last-of-type:not(.login_form){padding: 0;} #content .container > h1{padding: 0 !important;} #content #page_hash{padding: 0;} aside{width: 350px; position: relative; float: left; display: block; padding: 0 0 20px 0;} aside.hide{display: none;} aside .title{cursor: pointer; position: relative; padding: 15px 0 15px 30px; margin: 0; font-size: 16px; line-height: 22px; color: #fff; background: #1b4139; border: 1px solid #1b4139; font-weight: 600; text-align: left; text-transform: uppercase; display: none; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} aside .title .text{font-size: 16px; line-height: 22px; color: #fff; font-weight: 600; font-style: normal;} aside .title .icon{background: #ffffff; border: 1px solid #d8d9da; width: 24px; height: 24px; position: absolute; top: 50%; margin-top: -13px; right: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch aside .title:hover{background: #d9bc47; border: 1px solid #d9bc47;} aside .title .icon::before{display: block; content: ""; position: absolute; top: 0; left: 0; width: 24px; height: 24px; background: url(../img/plus.svg) no-repeat scroll center center; background-size: 24px 24px; opacity: 1; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} aside .title .icon::after{display: block; content: ""; position: absolute; top: 0; left: 0; width: 24px; height: 24px; background: url(../img/minus.svg) no-repeat scroll center center; background-size: 24px 24px; opacity: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} aside.active .title .icon::before{opacity: 0} aside.active .title .icon::after{opacity: 1;} aside > ul.first{margin: 0; padding: 0;} aside > ul.first > li{list-style: none; display: block; margin: 0 0 30px; position: relative;} aside > ul.first > li > span{padding: 10px 0; font-size: 20px; line-height: 26px; color: #d9bc47; font-weight: 700; text-align: left; text-transform: uppercase; display: block;} aside > ul.first > li > ul{display: block; margin: 0; padding: 0;} aside > ul.first > li > ul > li{list-style: none; display: block; margin: 0; position: relative;} aside > ul.first > li > ul > li > a{padding: 10px 40px 10px 5px; font-size: 15px; line-height: 18px; color: #000000; border-top: 1px dashed #e5e5e5; font-weight: 700; text-align: left; text-transform: uppercase; display: block; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} aside > ul.first > li > ul > li > a .anotation{font-size: 15px; line-height: 18px; color: #989898; text-transform: none; font-weight: 400; display: block;} .notouch aside > ul.first > li > ul > li > a:hover, aside > ul > li > ul > li.active > a{background: #f9f9f9;} aside > ul > li > ul > li.active > a::before{display: block; content: ""; width: 15px; height: 11px; position: absolute; right: 13px; top: 50%; margin: -5px 0 0; background: url(../img/cat_active.svg) no-repeat scroll center center; background-size: 15px 11px;} aside > ul.first > li > ul > li > ul{display: none; margin: 0; padding: 0 0 6px; background: #f9f9f9;} aside > ul.first > li > ul > li > ul > li{list-style: none; display: block; margin: 0; position: relative;} aside > ul.first > li > ul > li > ul > li > a{position: relative; padding: 6px 0 6px 30px; font-size: 13px; line-height: 20px; color: #000000; background: #f9f9f9; font-weight: 600; text-align: left; text-transform: none; display: block; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} aside > ul.first > li > ul > li > ul > li > a::before{opacity: 0; position: absolute; top: 50%; margin-top: -10px; left: 5px; display: block; width: 20px; height: 20px; content: ""; background: url(../img/arrow_black_right.svg) no-repeat scroll center center; background-size: 12px 12px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .notouch aside > ul.first > li > ul > li > ul > li > a:hover::before, aside > ul > li > ul > li > ul > li.active > a::before{opacity: 1; left: 10px;} aside > ul.first > li > ul > li .icon{background: #fff; border: 1px solid #e0dfdf; cursor: pointer; z-index: 999; position: absolute; right: 10px; top: 12px; width: 20px; height: 20px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } aside > ul.first > li > ul > li .icon::before{opacity: 1; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 20px; height: 20px; content: ""; background: url(../img/arrow_grey_right.svg) no-repeat scroll center center; background-size: 14px 14px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } aside > ul.first > li > ul > li .icon::after{opacity: 0; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 20px; height: 20px; content: ""; background: url(../img/arrow_white_right.svg) no-repeat scroll center center; background-size: 14px 14px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } aside > ul.first > li > ul > li.active .icon::before{transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg);} aside > ul.first > li > ul > li.active .icon::after{transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg);} .notouch aside > ul.first > li > ul > li .icon:hover{background: #000; border: 1px solid #000;} .notouch aside > ul.first > li > ul > li .icon:hover::before{opacity: 0;} .notouch aside > ul.first > li > ul > li .icon:hover::after{opacity: 1;} aside ul.first ul ul{display: none;} .c_column{width: calc(100% - 400px); padding: 0 0 50px 0; position: relative; float: right; display: block;} .c_column.full{width: 100%; padding: 0 0 50px 0; position: relative; float: none; display: block;} .sorting{margin: 0; width: calc(100% - 32px); border: 1px solid #e0dfdf; text-align: left; padding: 6px 15px;} .sorting .item{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; white-space: nowrap; margin: 7px 6px 7px 20px;} .sorting .item span{font-size: 13px; line-height: 23px; color: #000; text-transform: uppercase; font-weight: 600; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin-right: 5px;} .sorting .item a{position: relative; margin-right: 2px; width: 23px; text-align: center; border: 1px solid #c9c9c9; font-size: 14px; line-height: 23px; color: #c9c9c9; text-transform: uppercase; font-weight: 400; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .sorting .item a:hover, .sorting .item a.active{background-color: #000000; border: 1px solid #000000; color: #fff;} .sorting .item a.arrow::before{opacity: 1; content: ""; display: block; width: 23px; height: 23px; position: absolute; top: 0; left: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .sorting .item a.arrow::after{opacity: 0; content: ""; display: block; width: 23px; height: 23px; position: absolute; top: 0; left: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .sorting .item a.arrow:hover::before, .sorting .item a.arrow.active::before{opacity: 0;} .notouch .sorting .item a.arrow:hover::after, .sorting .item a.arrow.active::after{opacity: 1;} .sorting .item a.arrow.up::before{background: url(../img/sorting_arrow_up.svg) no-repeat scroll center center; background-size: 11px auto;} .sorting .item a.arrow.up::after{background: url(../img/sorting_arrow_up_active.svg) no-repeat scroll center center; background-size: 11px auto;} .sorting .item a.arrow.down::before{background: url(../img/sorting_arrow_down.svg) no-repeat scroll center center; background-size: 11px auto;} .sorting .item a.arrow.down::after{background: url(../img/sorting_arrow_down_active.svg) no-repeat scroll center center; background-size: 11px auto;} #snippet--productsArea{padding: 0 !important; min-height: 0;} #snippet--sortingList{padding: 0 0 30px;} .search_result{} .search_result h2{padding: 50px 0 20px;} .search_result h2:first-of-type{padding: 0 0 20px;} .category_list{width: 100%; display: block; position: relative;} .category_list::before{position: absolute; bottom: 0; left: 0; right: 0; content: ""; display: block; height: 1px; background: #fff; z-index: 999; } .category_list .item{z-index: 0; text-align: center; position: relative; display: block; float: left; width: calc(33.33% - 2px); margin: 0; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #ffffff; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .category_list .item:hover{z-index: 1;} .category_list .item::before{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; z-index: 0; content: ""; display: block; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .category_list .item:hover::before{top: -9px; right: -9px; left: -9px; bottom: -9px; box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.7); -webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.7);} .category_list .item:nth-child(3n){border-right : 0;} .category_list .item .img{position: relative; z-index: 100; width: 100%; height: 220px; display: block; background-attachment: local; background-repeat: no-repeat; background-position: center center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;} .category_list.prod .item .img{-webkit-background-size: initial; -moz-background-size: initial; -o-background-size: initial; background-size: initial;} .category_list .item h2{position: relative; z-index: 100; display: table; height: 60px; padding: 0; text-align: left; margin: 0; width: 100%; } .category_list .item h2 a{display: table-cell; vertical-align: top; text-align: center; margin: 0; padding: 0 15px 20px; font-size: 16px; line-height: 20px; color: #000000; font-weight: 700; text-transform: uppercase; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .category_list .item h2 a .anotation{font-size: 15px; line-height: 18px; color: #989898; text-transform: none; font-weight: 400; display: block;} .product_list{width: 100%; display: block;} .product_list .item{text-align: left; position: relative; display: block; float: left; width: calc(33.33% - 60px / 3); margin: 0 0 30px; border-bottom: 1px dashed #dddddd; background: #ffffff; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .product_list .item:nth-child(3n - 1){padding: 0 30px;} .product_list .item .img{position: relative; z-index: 100; width: 100%; height: 190px; display: block; background-attachment: local; background-repeat: no-repeat; background-position: center center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;} .product_list .item h2, .product_list .item h3{position: relative; z-index: 100; display: table; height: 50px; padding: 0; text-align: left; margin: 0; width: 100%; } .product_list .item h2 a, .product_list .item h3 a{display: table-cell; width: 100%; vertical-align: top; text-align: left; margin: 0; padding: 10px 0 0; font-size: 16px; line-height: 20px; color: #000000; font-weight: 700; text-transform: uppercase; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .product_list .item.hover_efekt h2 a, .notouch .product_list .item.hover_efekt h3 a{color: #d9bc47;} .product_list .item .description{display: block; width: 100%; text-align: left; margin: 0; padding: 10px 0 0; font-size: 14px; line-height: 20px; color: #4d4d4d; font-weight: 400; overflow: hidden; height: 60px;} .product_list .item .link{position: relative; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 10px 0 30px; font-size: 12px; line-height: 18px; color: #4d4d4d; font-weight: 700; text-transform: uppercase; padding: 0 0 0 20px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .product_list .item .link::before{opacity: 1; width: 12px; height: 12px; background: url(../img/arrow_grey_right.svg) no-repeat scroll 4px center; background-size: 12px 12px; content: ""; display: block; position: absolute; left: 0; top: 50%; margin-top: -6px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .product_list .item .link::after{opacity: 0; width: 12px; height: 12px; background: url(../img/arrow_yellow_right.svg) no-repeat scroll 4px center; background-size: 12px 12px; content: ""; display: block; position: absolute; left: 0; top: 50%; margin-top: -6px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .product_list .item.hover_efekt .link{color: #d9bc47;} .notouch .product_list .item.hover_efekt .link::before{opacity: 0;} .notouch .product_list .item.hover_efekt .link::after{opacity: 1;} table.para.over{min-width: 100%; display: block; overflow-x: scroll;} table.para{width: 100%; border: 1px solid #dadada; border-bottom: 0; border-collapse: collapse; margin: 40px 0 0;} table.para th{font-size: 13px; line-height: 16px; color: #141414; font-weight: 700; text-align: center; padding: 10px 5px; border-bottom: 1px solid #dadada;} table.para th:nth-child(odd){background: #efefef;} table.para th.logo{background: url(../img/para_logo.svg) no-repeat scroll center center #1b4139;; background-size: 31px 50px; padding: 30px 10px;} table.para td{min-width: 80px; font-size: 13px; line-height: 16px; color: #535353; font-weight: 400; text-align: center; padding: 10px 5px; border-bottom: 1px solid #dadada;} table.para td:nth-child(odd){background: #efefef;} table.para td:not(.order) a{font-weight: 600; color: #000000; text-decoration: underline; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch table.para td:not(.order) a:hover{color: #d9bc47; } table.para td.order{white-space: nowrap; padding: 0; width: 100px; position: relative; background: #d9bc47;} table.para td.order a{background: #d9bc47; padding: 18px 5px 18px 10px; font-size: 12px; line-height: 16px; color: #fff; font-weight: 700; text-align: center; display: block; text-transform: uppercase;} .notouch table.para td.order a:hover{text-decoration: underline} table.para td.order a::after{background: url(../img/arrow_white_right.svg) no-repeat scroll center center; background-size: 12px 12px; margin: 0 0 0 4px; width: 12px; height: 12px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; content: "";} table.para_diff.over{min-width: 100%; display: block; overflow-x: scroll;} table.para_diff{width: 100%; border: 1px solid #dadada; border-bottom: 0; border-collapse: separate; margin: 40px 0 0; border-spacing: 0;} table.para_diff th{width: 150px; font-size: 13px; line-height: 16px; color: #141414; font-weight: 700; text-align: center; padding: 10px 10px; border-bottom: 1px solid #dadada;} table.para_diff th:nth-child(odd){background: #efefef;} table.para_diff th.logo{background: url(../img/para_logo.svg) no-repeat scroll center center #1b4139;; background-size: 31px 50px; padding: 30px 10px;} table.para_diff td{min-width: 80px; font-size: 13px; line-height: 16px; color: #535353; font-weight: 400; text-align: center; padding: 10px 5px; border-bottom: 1px solid #dadada;} table.para_diff td:not(.order) a{font-weight: 600; color: #000000; text-decoration: underline; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch table.para_diff td:not(.order) a:hover{color: #d9bc47; } table.para_diff td strong{font-size: 13px; line-height: 16px; color: #535353; font-weight: 700;} table.para_diff td:nth-child(odd){background: #efefef;} table.para_diff td.order{white-space: nowrap; padding: 0; width: 100px; position: relative; background: #d9bc47; border-left: 1px solid #ab9023;} table.para_diff td.order a{background: #d9bc47; padding: 18px 5px 18px 10px; font-size: 12px; line-height: 16px; color: #fff; font-weight: 700; text-align: center; display: block; text-transform: uppercase;} .notouch table.para_diff td.order a:hover{text-decoration: underline} table.para_diff td.order a::after{background: url(../img/arrow_white_right.svg) no-repeat scroll center center; background-size: 12px 12px; margin: 0 0 0 4px; width: 12px; height: 12px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; content: "";} table.para_diff tr.price th{background: #dbdbdb;} table.para_diff tr.price td{background: #dbdbdb;} table.detail_para{width: 100%; border: 1px solid #dadada; border-bottom: 0; border-collapse: collapse; margin: 6px 0 0;} table.detail_para th{white-space: nowrap; font-size: 13px; line-height: 16px; color: #141414; font-weight: 700; text-align: left; padding: 10px 15px; border-bottom: 1px solid #dadada;} table.detail_para th:nth-child(odd){background: #efefef;} table.detail_para td{width: 100%; font-size: 13px; line-height: 16px; color: #535353; font-weight: 400; text-align: left; padding: 10px 15px; border-bottom: 1px solid #dadada;} table.detail_para td:nth-child(odd){background: #efefef;} .free_pay{display: block; background: #1b4139; text-align: center; padding: 28px 20px !important; margin: 60px 0 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .free_pay .title{padding: 0 0 5px; font-size: 18px; line-height: 24px; color: #d9bc47; font-weight: 700; text-align: center; display: block; text-transform: uppercase; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .free_pay .link{position: relative; color: #ffffff; font-weight: 14px; line-height: 20px; color: #ffffff; font-weight: 700; text-align: center; display: inline-block;} .free_pay .link::after{opacity: 1; content: ""; display: block; background: url(../img/arrow_white_right.svg) no-repeat scroll center center; background-size: 14px 14px; width: 14px; height: 14px; position: absolute; top: 50%; margin-top: -7px; right: -16px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .free_pay:hover{background: #d9bc47;} .notouch .free_pay:hover .title{color: #ffffff;} .accessories_list{width: 100%; display: block; position: relative;} .accessories_list::before{position: absolute; bottom: 0; left: 0; right: 0; content: ""; display: block; height: 1px; background: #fff; z-index: 999; } .accessories_list .item{z-index: 0; text-align: center; position: relative; display: block; float: left; width: calc(50% - 1px); margin: 0; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #ffffff; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .accessories_list .item:nth-child(2n){border-right: 0;} .accessories_list .item .img{position: relative; z-index: 100; width: 100px; height: 100px; margin: 10px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; background-attachment: local; background-repeat: no-repeat; background-position: center center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;} .accessories_list .item .img img{max-width: 100%; margin: 0 auto; display: block;} .accessories_list .item .text{position: relative; z-index: 100; width: calc(100% - 150px); padding: 0 10px 0 15px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle;} .accessories_list .item .text h4{margin: 0; display: block; font-size: 14px; line-height: 18px; padding: 0; font-weight: 700; color: #000000; text-align: left; } .accessories_list .item .text .description{display: block; font-size: 12px; line-height: 16px; padding: 0; font-weight: 400; color: #666666; text-align: left; } /* .notouch .product_list .item.hover_efekt{box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.7); -webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.7);} .product_list .item .img{border-bottom: 1px solid #e0dfdf; width: 100%; height: 300px; display: block; 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;} .product_list .item h2{display: table; height: 40px; padding: 0; text-align: left; margin: 0; width: 100%; } .product_list .item h2 a{display: table-cell; vertical-align: top; text-align: left; margin: 0; padding: 10px 15px 0; font-size: 14px; line-height: 20px; color: #000000; font-weight: 700; text-transform: uppercase; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .product_list .item.hover_efekt h2 a{color: #000;} .product_list .item .bottom{display: table; height: 63px; width: calc(100% - 30px); padding: 0 15px 16px; text-align: center;} .product_list .item .bottom .centering{display: table-cell; vertical-align: middle; width: 100%;} .product_list .item div.inline{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; text-align: right;} .product_list .item div.inline:nth-child(1){width: calc(100% - 90px);} .product_list .item div.inline:nth-child(2){width: 84px;} .product_list .item .bottom span.green{font-size: 11px; line-height: 20px; font-weight: 700; color: #03a903; display: block; margin: 3px 0 0; text-transform: uppercase; text-align: center;} .product_list .item .bottom span.red{font-size: 11px; line-height: 20px; font-weight: 700; color: #da2929; display: block; margin: 3px 0 0; text-transform: uppercase; text-align: center;} */ .category_bottom{margin: 45px 0 0; width: 100%;} .load_next_page{margin: 0; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 30px 0 0;} .strankovani{padding: 0; margin: 0 auto; display: inline-block; zoom: 1; *display: inline; vertical-align: middle;} .strankovani ul{text-align: left; margin: 0; padding: 0;} .strankovani ul li{list-style: none; display: inline-block; zoom: 1; *display: inline; margin: 0 5px 0 0 ;} .strankovani ul li a{border: 1px solid #666666; background: #ffffff; 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; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .strankovani ul li a:hover{border: 1px solid #666666; background: #666666; color: #fff;} .strankovani ul li.active a{color: #fff !important; border: 1px solid #000000 !important; background: #000000 !important;} .strankovani ul li.tecky{font-size: 20px; line-height: 20px; padding-top: 1px; color: #000; } .order{width: 100%; max-width: 1280px; padding: 0; margin: 40px auto; text-align: left;} .order .item{text-align: left; position: relative; display: block; float: left; width: 300px; margin: 0; background: #ffffff; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .order .item .img{position: relative; z-index: 100; width: 100%; height: 190px; display: block; background-attachment: local; background-repeat: no-repeat; background-position: center center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;} .order .item h3{position: relative; z-index: 100; display: block; padding: 10px 5% 0; text-align: center; margin: 0; width: 90%; font-size: 16px; line-height: 20px; color: #000000; font-weight: 700; text-transform: uppercase;} .order .accessories{text-align: left; position: relative; display: block; float: right; width: calc(100% - 330px); margin: 0; background: #ffffff;} .order .accessories h2{margin: 0; padding: 0 0 8px; text-align: left; font-size: 16px; line-height: 22px;} .order .accessories .item{ float: none; margin: 0 0 18px 0; display: block; width: calc(100% - 2px); border: 1px solid #e0dfdf; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .order .accessories .item label{cursor: pointer; position: relative; padding: 8px 10px; display: block; text-align: left; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .order .accessories .item label.active{background: #f9f9f9; } .order .accessories .item label .checker{display: inline-block; zoom: 1; *display: inline; vertical-align: middle;} .order .accessories .item label .text{padding: 0 0 0 10px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: calc(100% - 37px)} .order .accessories .item label .text strong{display: block; font-size: 14px; line-height: 18px; padding: 0; font-weight: 700; color: #000000; text-align: left; } .order .accessories .item label .text .anotation{display: block; font-size: 12px; line-height: 16px; padding: 0; font-weight: 400; color: #666666; text-align: left; } .order .accessories .item.active, .order .accessories .item:hover{border: 1px solid #dbdbdb;} .detail{width: 100%; margin: 0 auto; position: relative; max-width: 1280px;} .detail .head_title{display: none;} .detail > .img{position: relative; float: left; width: 300px;} .detail > .img .wishlist{z-index: 999; position: absolute; right: 0; top: 257px; width: 40px; height: 40px; background: #fff; border: 1px solid #e0dfdf; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .detail > .img .wishlist::before{opacity: 1; display: block; content: ""; position: absolute; left: 0; top: 0; width: 40px; height: 40px; background: url(../img/wishlist_add.svg) no-repeat scroll center center; background-size: 26px 26px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .detail > .img .wishlist::after{opacity: 0; display: block; content: ""; position: absolute; left: 0; top: 0; width: 40px; height: 40px; background: url(../img/wishlist_remove.svg) no-repeat scroll center center; background-size: 26px 26px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .detail > .img .wishlist:hover{border: 1px solid #666; } .detail > .img .wishlist.active::before{opacity: 0;} .detail > .img .wishlist.active::after{opacity: 1;} .detail > .img .flag_box{text-align: right; width: 126px; position: absolute; right: 10px; top: 10px; z-index: 100; } .detail > .img .flag_box span{background: #ffffff; border: 1px solid #000; color: #000; padding: 0 22px 0 12px; font-size: 12px; font-weight: 500; line-height: 24px; display: inline-block; zoom: 1; *display: inline; text-align: right; margin-bottom: 4px; position: relative;} .detail > .img .flag_box span::before{position: absolute; top: 50%; margin-top: -5px; right: 5px; display: block; width: 10px; height: 10px; content: "";} .detail > .img .flag_box span.red::before{background: #000;} .detail > .img .flag_box span.orange::before{background: #000;} .detail > .img .flag_box span.black::before{background: #000;} .detail > .img .main{position: relative; height: 298px; width: 298px; display: block; margin: 0 0 4px; border: 1px solid #e0dfdf; 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; transition-property: background-position;} .detail > .img a.main::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.7); background-size: 72px 72px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .notouch .detail > .img a.main:hover::before{opacity: 1;} .detail > .img div a.swipebox{height: 90px; margin: 0 0 4px; position: relative; display: block; float: left; width: calc(33.33% - 2px - 3px); border: 1px solid #e0dfdf; 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; transition-property: background-position;} .detail > .img div a.swipebox:nth-child(3n - 1){margin: 0 4px 4px} .detail > .img div 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.7); background-size: 42px 42px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .notouch .detail > .img div a.swipebox:hover::before{opacity: 1;} .detail > .text{float: right; position: relative; width: calc(100% - 300px - 50px); padding: 0 0 0 45px;} .detail .text h1{text-align: left; margin: 0 0 10px;} .detail .text h1 span{color: #666; font-size: 14px; line-height: 34px; margin: 0 0 0 5px;} .detail .text h2.main{font-size: 16px; line-height: 20px; color: #000000; font-weight: 700; text-align: left; margin: 0; padding: 0 0 5px;} .detail .text article{padding: 0 0 30px; border-bottom: 1px dashed #e0dfdf; margin-bottom: 30px;} .detail .text article .hide{display: none;} /* .detail .text .parameters{padding: 0 0 30px; border-bottom: 1px dashed #e0dfdf; margin-bottom: 30px;} .detail .text .parameters table{min-width: 320px; border-collapse: collapse; border-spacing: 0;} .detail .text .parameters table tr:nth-child(odd){background: #fff;} .detail .text .parameters table tr:nth-child(even){background: rgba(203,203,203,0.15);} .detail .text .parameters table th{font-size: 12px; line-height: 16px; text-transform: uppercase; text-align: left; font-weight: 600; padding: 5px 10px; color: #4d4d4d; border: 1px solid #dbdbdb;} .detail .text .parameters table td{font-size: 12px; line-height: 16px; text-transform: none; text-align: left; font-weight: 400; padding: 5px 10px; color: #4d4d4d; border: 1px solid #dbdbdb;} */ .detail .text .size_list{padding: 0 0 20px; border-bottom: 1px dashed #e0dfdf; margin-bottom: 30px;} .detail .text .size_list .item{cursor: pointer; padding: 10px; width: 120px; display: inline-block; zoom: 1; *display: inline; vertical-align: top; margin: 0 10px 10px 0; /*border: 1px solid #e0dfdf;*/ -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .notouch .detail .text .size_list .item:hover{/*border: 1px solid #666666;*/} .notouch .detail .text .size_list .item:hover{background: #f0f0f0;} .detail .text .size_list .item.active{background: #666666; /*border: 1px solid #666666;*/} .detail .text .size_list .item.opacity{opacity: 0.4;} .detail .text .size_list .item .radio{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; } .detail .text .size_list .item .text{font-size: 12px; line-height: 16px; color: #000; font-weight: 400; text-align: left; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: calc(100% - 30px); -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .detail .text .size_list .item .text strong{font-size: 12px; line-height: 16px; color: #000; font-weight: 700; text-align: left; display: block; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .detail .text .size_list .item.active .text{color: #fff;} .detail .text .size_list .item.active .text strong{color: #fff;} .detail .text .price{padding: 0 0 30px; text-align: left; border-bottom: 1px dashed #e0dfdf; margin-bottom: 30px;} .detail .text .price .left_side{width: calc(100% - 270px); margin-right: -4px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle;} .detail .text .price .left_side .discount{margin: 0; font-size: 12px; line-height: 16px; color: #da2929; font-weight: 700; display: block;} .detail .text .price .left_side .discount.line{margin: 0; font-size: 12px; line-height: 16px; color: #666666; font-weight: 700;} .detail .text .price .left_side .discount > *{font-size: 12px; line-height: 16px; color: #666666; font-weight: 700; text-decoration: line-through; font-style: normal;} .detail .text .price .left_side .main{margin: 0; font-size: 18px; line-height: 20px; color: #000000; font-weight: 700; display: block;} .detail .text .price .left_side .main > *{font-size: 14px; line-height: 20px; color: #000000; font-weight: 400; font-style: normal;} .detail .text .price .left_side .sub{margin: 0; font-size: 14px; line-height: 20px; color: #000000; font-weight: 700; display: block;} .detail .text .price .left_side .sub > *{font-size: 14px; line-height: 20px; color: #000000; font-weight: 400; font-style: normal;} .detail .text .price .right_side{text-align: right; width: 270px; margin-right: -4px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle;} .detail .text .price .right_side .basket{background: #666666; max-width: 270px; margin: 0 auto; border: 1px solid #666666; text-align: center; padding: 0;} .detail .text .price .right_side .basket a.decrement{width: 26px; height: 26px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 3px 0 0; color: #1ABBEE; background: url(../img/decrement.svg) no-repeat scroll center center; background-size: 12px 1px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .detail .text .price .right_side .basket a.increment{width: 26px; height: 26px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 9px 0 3px; color: #1ABBEE; background: url(../img/increment.svg) no-repeat scroll center center; background-size: 13px auto; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .detail .text .price .right_side .basket a.decrement:hover{background: url(../img/decrement_hover.svg) no-repeat scroll center center #fff; background-size: 12px 1px;} .notouch .detail .text .price .right_side .basket a.increment:hover{background: url(../img/increment_hover.svg) no-repeat scroll center center #fff; background-size: 13px auto;} .detail .text .price .right_side .basket input[type=text]{position: relative; font-size: 13px; line-height: 20px; color: #000; padding: 10px 0; width: 54px; font-weight: 400; text-align: center; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; background: #fff; border: none; color: #535353; font-weight: 400; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .detail .text .price .right_side .basket button{background: url(../img/basket_icon_white.svg) no-repeat scroll right center; background-size: 30px 30px; padding: 0 35px 0 0; margin: 0; position: relative; font-size: 13px; line-height: 20px; color: #fff; font-weight: 800; text-transform: uppercase; text-align: center; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; border: none; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .detail .text .price .right_side .basket button:hover{text-decoration: underline;} .related, .alternated, .visited{padding: 30px 0 0;} .related > h2, .alternated > h2, .visited > h2{background: #666; margin: 0 0 10px; padding: 20px 30px; text-align: center; font-size: 18px; line-height: 24px; color: #fff; text-transform: uppercase; letter-spacing: 1px; font-weight: 600;} footer{padding: 50px 0; background: #666666; display: block; position: relative; z-index: 0;} footer .item{width: calc(33.33% - 40px / 3); margin: 0; display: block; float: left; position: relative;} footer .item:nth-child(2){margin: 0 20px;} footer .item ul.social{margin: 10px 0 0;} footer .item p.title{display: block; margin: 26px 0 13px; padding: 0; font-size: 16px; line-height: 20px; color: #d9bc47; font-weight: 600; text-transform: uppercase; position: relative;} footer .item p.title:nth-child(1){margin-top: 0; padding: 0 0 7px;} footer .item p{display: block; margin: 0; padding: 0; font-size: 14px; line-height: 20px; color: #fff; font-weight: 400;} footer .item p strong{font-size: 14px; line-height: 20px; color: #ffffff; font-weight: 700;} footer .item p a{margin: 0; padding: 0; font-size: 14px; line-height: 20px; color: #ffffff; font-weight: 700; text-decoration: underline; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .notouch footer .item p a:hover{color: #d9bc47;} footer .item p.phone{background: url(../img/phone_icon_white.svg) no-repeat scroll left center; background-size: 25px 25px; padding: 4px 0 4px 30px; margin: 10px 0 0;} footer .item p.mail{background: url(../img/mail_icon_white.svg) no-repeat scroll 1px center; background-size: 22px 22px; padding: 4px 0 4px 30px;} footer ul{margin: 0; padding: 0; width: 100%;} footer ul li{list-style: none; display: block; margin: 0 0 8px;} footer ul li a{display: block; margin: 0; padding: 0; font-size: 13px; line-height: 16px; color: #ffffff; font-weight: 600; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .notouch footer ul:not(.social) li a:hover, footer ul:not(.social) li.active a{color: #d9bc47;} footer .item .logo_30{display: inline-block; width: 160px; height: 70px; background-image: url(../img/logo_30_footer.png); background-size: 160px 70px; margin: 35px 0 0;} footer form{margin: 0; width: 100%; display: block; position: relative;} footer form input[type=text]{max-width: 100%; width: 100%; border: 0; border-bottom: 1px dashed #aaaaaa; background: transparent; font-size: 14px; color: #fff; line-height: 18px; padding: 8px 0; margin: 0 0 10px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } footer form textarea{resize: none; overflow: auto; max-width: 100%; width: 100%; border: 0; border-bottom: 1px dashed #aaaaaa; background: transparent; font-size: 14px; color: #fff; line-height: 18px; padding: 8px 0; margin: 0 0 10px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } footer form input[type=text]:focus, footer form textarea:focus{border-bottom: 1px dashed #ffffff;} footer form input[type=text]::-webkit-input-placeholder, footer form textarea::-webkit-input-placeholder {color: #ffffff;} footer form input[type=text]::-moz-placeholder, footer form textarea::-moz-placeholder {color: #ffffff;} footer form input[type=text]::-ms-input-placeholder, footer form textarea::-ms-input-placeholder {color: #ffffff;} footer .item p.gdpr{text-align: right; margin-bottom: 10px;font-size: 12px;} footer .item p.gdpr a{font-size: 12px;} footer .item ul.social li a{background: #aaaaaa; } footer .item ul.social li a::before{opacity: 1;} footer .item ul.social li a::after{opacity: 0;} .notouch footer .item ul.social li a:hover{background: #d9bc47;} .notouch footer .item ul.social li a:hover::before{opacity: 1;} .notouch footer .item ul.social li a:hover::after{opacity: 0;} @media screen and (max-width: 650px) { footer .item p.gdpr, footer .item p.gdpr a{font-size: 12px; line-height: 18px;} } @media screen and (max-width: 650px) { footer .item .logo_30{width: 140px; height: 61px; background-size: 140px 61px; margin: 30px 0 0;} } .sign{background: #ffffff; padding: 0; text-align: center;} .sign a{padding: 16px 5%; color: #666666; font-weight: 700; font-size: 12px; line-height: 16px; text-align: center; display: block; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-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: 34px 0;} .drobky ul{z-index: 0; position: relative; white-space: nowrap; margin: 0 auto; padding: 0 5%; width: 90%; max-width: 1440px; overflow: hidden;} .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 li{position: relative; z-index: 9; list-style: none; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin-right: -4px; background: url(../../img/drobky_arrow.svg) no-repeat scroll left 8px; background-size: 6px 9px; padding-left: 6px;} .drobky ul li.first{background: none; margin: 0 -4px 0 0; padding: 0; } .drobky ul li.first a{text-indent: -99999px; padding: 0 13px 0 0; width: 14px; height: 20px;} .drobky ul li.first a::before{position: absolute; left: 0; top: 0; content: ""; width: 14px; height: 20px; background: url(../../img/drobky_home.svg) no-repeat scroll center center; background-size: 14px 20px; opacity: 1; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .drobky ul li.first a::after{position: absolute; left: 0; top: 0; content: ""; width: 14px; height: 20px; background: url(../../img/drobky_home_hover.svg) no-repeat scroll center center; background-size: 14px 20px; opacity: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .drobky ul li.first a:hover::before{opacity: 0;} .notouch .drobky ul li.first a:hover::after{opacity: 1;} .drobky ul li a{white-space: nowrap; position: relative; display: block; color: #989898; font-size: 13px; line-height: 24px; font-weight: 400; padding: 0 10px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .drobky ul li a:hover{text-decoration: none; color: #1b4139;} .drobky ul li span{white-space: nowrap; display: block; color: #141414; font-size: 13px; line-height: 24px; font-weight: 700; padding: 0 0 0 10px; text-transform: uppercase;} .landing_list{max-width: 1280px; width: 100%; position: relative; margin: 0 auto;} .landing_list .item{text-align: center; display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: calc(33.33% - 40px / 3 - 3px);/* border: 1px solid #dbdbdb;*/ margin: 0 0 20px; background: #e3edf5; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .landing_list .item:nth-child(3n - 1){margin: 0 20px 20px;} .notouch .landing_list .item:hover{ -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.25);-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.25); box-shadow: 0 0 10px 0 rgba(0,0,0,0.25);} .landing_list .item .text{padding: 25px 15px; display: table; width: calc(100% - 30px); height: 69px;} .landing_list .item .title{text-transform: uppercase; display: table-cell; vertical-align: middle; width: 100%; margin: 0; font-size: 17px; font-weight: 700; line-height: 23px; color: #00aeef; text-align: center; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .landing_list .item:hover{background: #414042;} .notouch .landing_list .item:hover .title{color: #ffffff;} .contact_page{max-width: 1280px; width: 100%; position: relative; margin: 0 auto;} .contact_page .item{text-align: left; position: relative; width: 220px; padding: 20px 40px; display: block; float: left; background: #1b4139;} .contact_page .item .box{display: table; height: 340px; width: 100%;} .contact_page .item .box .centering{display: table-cell; vertical-align: middle; width: 100%;} .contact_page .item p.title{font-size: 16px; line-height: 20px; color: #ffffff; font-weight: 700; margin: 0 0 5px; padding: 0; text-transform: uppercase;} .contact_page .item p{margin: 0 0 20px; padding: 0; font-size: 13px; line-height: 16px; color: #ffffff;} .contact_page .item p strong{display: block; font-size: 13px; line-height: 16px; color: #ffffff;} .contact_page .item a{text-decoration: underline; font-size: 13px; line-height: 16px; color: #ffffff; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .contact_page .item a:hover{color: #d9bc47;} .contact_page .mapa{position: relative; display: block; background: #f2f2f2; width: calc(100% - 300px); float: left;} .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 #f0f0f0;} .contact_page .mapa a.btn{position: absolute; left: 0; bottom: 0; z-index: 20;} .contact_page .mapa a.btn:nth-child(3){bottom: 36px;} .vypis_gallery{max-width: 1280px; width: 100%; position: relative; margin: 0 auto;} .vypis_gallery .item{width: calc(33.33% - 40px / 3 - 2px); float: left; margin: 0 0 20px; border: 1px solid #d8d8d8; -webkit-perspective: 1700px;-moz-perspective: 1700px;perspective: 1700px;-webkit-perspective-origin: 0 50%;-moz-perspective-origin: 0 50%;perspective-origin: 0 50%;height: 200px; position: relative;} .vypis_gallery .item:nth-child(3n - 1){margin: 0 20px 20px;} .vypis_gallery .item figure {margin: 0; -webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;height: 200px;transform-style: preserve-3d;} .vypis_gallery .item figure > div {display: block; position: relative; overflow: hidden; height: 200px;z-index: 0; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; -ms-transition: all 300ms ease; transition: all 300ms ease;} .vypis_gallery .item figure > div::before{z-index: 1000; display: block; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: 0 0 30px -5px rgba(0,0,0,0.3) inset; -moz-box-shadow: 0 0 30px -5px rgba(0,0,0,0.3) inset; box-shadow: 0 0 30px -5px rgba(0,0,0,0.3) inset; } .vypis_gallery .item figure > div span.img{display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 0; -webkit-transform: translateX(25%);-moz-transform: translateX(25%);-ms-transform: translateX(25%);transform: translateX(25%); background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-transition: -webkit-transform 0.4s;-moz-transition: -moz-transform 0.4s;transition: transform 0.4s;} .notouch .vypis_gallery .item figure:hover > div span.img{-webkit-transform: translateX(0%);-moz-transform: translateX(0%);-ms-transform: translateX(0%);transform: translateX(0%);} .vypis_gallery .item figcaption {height: 100%; width: 56%; position: absolute; height: 200px; left: 0; background: #4d4d4d; top: 0; opacity: 1; -webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);transform: rotateY(0deg);-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;-moz-transition: -moz-transform 0.4s, opacity 0.1s; transition: transform 0.4s, opacity 0.1s;} .notouch .vypis_gallery .item figure:hover figcaption{opacity: 0;-webkit-transform: rotateY(-90deg);-moz-transform: rotateY(-90deg);transform: rotateY(-90deg);-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;transition: transform 0.4s, opacity 0.1s 0.3s;} .vypis_gallery .item figure .box{height: 100%; width: 100%; display: table; margin: 0;} .vypis_gallery .item figure .box .centering{display: table-cell; vertical-align: middle; width: 100%;} .vypis_gallery .item figure .box .centering .title{position: relative; font-weight: 600; color: #fff; font-size: 16px; line-height: 20px; padding: 0 20px; display: block; letter-spacing: 2px;} .vypis_gallery .item figure .box .centering .title::before{position: absolute; bottom: -5px; left: 20px; right: 0; border-bottom: 1px dotted #fff; content: ""; display: block; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .vypis_gallery .item figure .box .centering .anotation{font-weight: 400; color: #fff; font-size: 14px; line-height: 20px; padding: 13px 20px 0; display: block;} .reference_list{max-width: 1280px; width: 100%; position: relative; margin: 0 auto;} .reference_list .item{width: calc(25% - 20px); display: inline-block; zoom: 1; *display: inline; vertical-align: top; margin: 0 15px 20px 0; background: #fefefe; border: 1px solid #dbdbdb; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .reference_list .item:hover{box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.6);} .reference_list .item .box{width: 100%; display: table; height: 141px;} .reference_list .item .box .centering{width: 100%; display: table-cell; vertical-align: middle;} .reference_list .item .box .centering .in{overflow: hidden; position: relative; display: block; padding: 10px;} .reference_list .item .box .centering .in img{margin: 0 auto; max-height: 141px; max-width: 100%; display: block;} .reference_list .item .box .centering .in .title{display: block; position: absolute; left: 0; right: 0; bottom: 0; font-size: 14px; line-height: 20px; font-weight: 700; padding: 8px 15px; text-align: center; background: rgba(0,0,0,0.8); color: #fff; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .reference_list .item:hover .box .centering .in .title{bottom: -56px;} .news_list{max-width: 1280px; width: 100%; position: relative; margin: 0 auto;} .hp .news_list{margin: 30px auto 20px;} .news_list .item{background: #ffffff; overflow: hidden; position: relative; text-align: left; display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: calc(33.33% - 40px / 3 - 5px); margin: 0 0 20px; border: 1px solid #e0dfdf; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .news_list .item:nth-child(3n - 1){margin: 0 20px 20px;} .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 #e0dfdf;display: block; height: 200px; width: 100%; background-attachment: local; position: relative; background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .news_list .item .img .date{border-top: 1px solid #e0dfdf; border-left: 1px solid #e0dfdf; position: absolute; right: 0; bottom: 0; display: block; padding: 6px 20px; font-size: 14px; line-height: 20px; color: #141b26; text-align: left; background: #fff;} .news_list .item .text{padding: 0 20px;} .news_list .item h2{position: relative; z-index: 100; display: table; height: 50px; padding: 0; text-align: left; margin: 0; width: 100%; } .news_list .item h2 a{display: table-cell; width: 100%; vertical-align: top; text-align: left; margin: 0; padding: 10px 0 0; font-size: 16px; line-height: 20px; color: #000000; font-weight: 700; text-transform: uppercase; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .news_list .item.hover_efekt h2 a{color: #d9bc47;} .news_list .item .description{display: block; width: 100%; text-align: left; margin: 0; padding: 10px 0 0; font-size: 14px; line-height: 20px; color: #4d4d4d; font-weight: 400; overflow: hidden; height: 60px;} .news_list .item .link{position: relative; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 10px 0 20px; font-size: 12px; line-height: 18px; color: #4d4d4d; font-weight: 700; text-transform: uppercase; padding: 0 0 0 20px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .news_list .item .link::before{opacity: 1; width: 12px; height: 12px; background: url(../img/arrow_grey_right.svg) no-repeat scroll 4px center; background-size: 12px 12px; content: ""; display: block; position: absolute; left: 0; top: 50%; margin-top: -6px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .news_list .item .link::after{opacity: 0; width: 12px; height: 12px; background: url(../img/arrow_yellow_right.svg) no-repeat scroll 4px center; background-size: 12px 12px; content: ""; display: block; position: absolute; left: 0; top: 50%; margin-top: -6px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .news_list .item.hover_efekt .link{color: #d9bc47;} .notouch .news_list .item.hover_efekt .link::before{opacity: 0;} .notouch .news_list .item.hover_efekt .link::after{opacity: 1;} .file_list{max-width: 1280px; width: 100%; position: relative; margin: 0 auto;} .file_list h3{margin-bottom: 20px;} .file_list .item{position: relative; width: calc(25% - 17px); height: 310px; padding: 0; border: 0; border: 1px solid #000; display: block; float: left; margin: 0 15px 15px 0;} .file_list .item span.img{position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .file_list .item span.img::before{content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.6); opacity: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .file_list .item span.img span{opacity: 1; display: block; width: 58px; height: 56px; position: absolute; left: 50%; top: 50%; margin: -49px 0 0 -28px; background: url(../img/download_icon.svg) no-repeat scroll center center; background-size: 29px 28px; z-index: 999; opacity: 0;-webkit-border-radius: 28px; -moz-border-radius: 28px; border-radius: 28px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .notouch .file_list .item:hover span.img::before, .notouch .file_list .item:hover span.img span{opacity: 1;} .file_list .item span.title{position: absolute; left: 0; right: 0; bottom: 0; padding: 15px 20px; display: block; background: #000; color: #fff; font-weight: 400; font-size: 14px; line-height: 20px;} .file_list .clas_item{text-align: left; background: #fff; float: left; position: relative; border: 1px solid #666666; margin: 0 10px 14px 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .file_list .clas_item a{text-decoration: none; font-size: 13px; color: #666666; font-weight: 400; line-height: 18px; padding: 8px 20px; display: inline-block; zoom: 1; *display: inline; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .file_list .clas_item a span{font-size: 13px; color: #666666; font-weight: 600; line-height: 18px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .notouch .file_list .clas_item:hover{border: 1px solid #1b4139; background: #1b4139;} .notouch .file_list .clas_item:hover a{color: #ffffff;} .notouch .file_list .clas_item:hover a span{text-decoration: none; color: #ffffff;} .fotogalerie{max-width: 1280px; width: 100%; position: relative; margin: 0 auto;} .fotogalerie a.swipebox{width: 14.28%; margin: 0; float: left; display: block; position: relative;} .fotogalerie a.swipebox::before{opacity: 0; content: ""; display: block; position: absolute; left: 4px; top: 4px; right: 4px; bottom: 4px; background: url(../img/fotogallery_icon.svg) no-repeat scroll center center rgba(0, 0, 0, 0.8); background-size: 55px auto; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .fotogalerie a.swipebox img{max-width: calc( 100% - 8px); display: block; margin: 4px;} .notouch .fotogalerie a:hover::before{opacity: 1;} .finall_order{text-align: left;} .finall_order p{font-size: 14px; line-height: 18px; margin: 0 0 20px;} .finall_order p strong{font-size: 14px; line-height: 18px; font-weight: 700;} .finall_order p a{text-decoration: underline; font-size: 14px; line-height: 18px; color: #000000; font-weight: 700; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .finall_order p a:hover{text-decoration: none;} .finall_order.center{text-align: center;} .normal_form{text-align: center; position: relative; margin: -30px auto 20px; text-align: center; left: 0; bottom: 0;} .normal_form form{padding: 18px 25px; background: #f9f9f9; border: 1px solid #e0dfdf; display: inline-block; zoom: 1; *display: inline; } .normal_form form table{width: 100%; border-collapse: collapse; border-spacing: 0;} .normal_form form table th{ position: relative; white-space: nowrap; vertical-align: middle; width: 50px; font-size: 13px; line-height: 17px; color: #000000; font-weight: 600; text-align: right; padding: 0 20px 0 0; margin: 0;} .normal_form form table td{padding: 0;} .normal_form form table td input[type=text], .normal_form form table td input[type=password]{border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #fff; font-size: 13px; line-height: 20px; padding: 5px 15px; color: #000; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .normal_form form table td input[readonly]{border: 1px solid #e6e7e8 !important; background: #f2f2f2;} .normal_form form table td input[type=text]:focus, .normal_form form table td input[type=password]:focus{border: 1px solid #666;} .reg_form{text-align: left; position: relative; margin-bottom: 20px !important;} .reg_form.margin{margin-top: 40px;} .reg_form .box{position: relative; width: 55%; padding: 0 5% 0 0; display: inline-block; zoom: 1; *display: inline; vertical-align: top; margin-right: -5px;} .reg_form .box.second{width: 35%; padding: 0 0 0 5%;} .reg_form .box.second .overflow_form{opacity: 0.4; position: relative; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .reg_form .box.second .overflow_form::before{position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; content: "";} .reg_form .box.second .overflow_form.active{opacity: 1;} .reg_form .box.second .overflow_form.active::before{display: none;} .reg_form .box.full{display: none; width: calc(100% - 60px); margin: 0; background: #f9f9f9; border: 1px solid #e6e7e8; padding: 25px 30px 10px;} .reg_form .box.full.show{display: block;} .reg_form .box.second::before{content: ""; display: block; position: absolute; left: 0; top: 5px; width: 1px; background: #d1d3d4; height: 353px;} .reg_form .box .top_title{width: 100%; text-align: center; display: block;} .reg_form .box p.title{display: inline-block; zoom: 1; *display: inline; text-align: center; font-size: 20px; font-weight: 600; line-height: 26px; margin: 0;} .reg_form .box p.title .checker{margin: 0 0 0 4px;} .reg_form .box p.anotation{text-align: center; font-size: 13px; font-weight: 400; line-height: 18px; margin: 15px 0 20px;} .reg_form .box p.anotation strong{ font-size: 14px; font-weight: 700; line-height: 21px; } .reg_form .box p.anotation label, .reg_form .box p.anotation span{display: block; font-size: 14px; font-weight: 400; line-height: 21px; } .reg_form .box p.anotation label .checker, .reg_form .box p.anotation span .checker{vertical-align: top; margin-right: 8px;} .reg_form .box p{clear: both; display: block; font-size: 14px; font-weight: 400; color: #4d4d4c; line-height: 19px; text-align: left; margin: 0;} .reg_form .box p strong{font-size: 14px; font-weight: 600; color: #4d4d4c; line-height: 19px;} .reg_form .box p a{font-size: 14px; font-weight: 400; color: #4d4d4c; line-height: 19px; text-decoration: underline; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .reg_form .box p a:hover{color: #666666;} .reg_form .box.full table{margin: 0;} .reg_form .box table{margin-top: 20px; width: 100%; border-collapse: collapse; border-spacing: 0;} .reg_form .box table th{ position: relative; white-space: nowrap; vertical-align: middle; width: 60px; font-size: 13px; line-height: 17px; color: #000000; font-weight: 600; text-align: right; padding: 0 20px 10px; margin: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; transition: opacity 400ms ease;} .reg_form .box table th span{margin-right: -7px; position: relative;; top: -5px; right: -1px; color: #666666; font-size: 14px; line-height: 20px;} .reg_form .box table tr th:first-child{padding-left: 0; } .reg_form .box table td{padding: 0 0 10px; font-size: 14px; font-weight: 400; line-height: 25px; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; transition: opacity 400ms ease;} .reg_form .box table td.centering{padding: 10px 0 0; text-align: center;} .reg_form .box table td span{margin-right: 0; position: relative;; top: -5px; right: 0; color: #666666; font-size: 14px; line-height: 20px;} .reg_form .box table td a{ font-size: 14px; font-weight: 600; line-height: 25px; text-decoration: underline; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .reg_form .box table td a:hover{color: #666666;} .reg_form .box table td .checker{vertical-align: middle; margin: 5px 8px 0 0;} .reg_form .box table td.firemni_zaznam, .reg_form .box table th.firemni_zaznam{display: none} .reg_form .box table td.heslo_zaznam, .reg_form .box table th.heslo_zaznam{display: none} .reg_form .box table td input[type=text], .reg_form .box table td input[type=password]{border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #fff; font-size: 14px; line-height: 20px; padding: 5px 15px; color: #000; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .reg_form .box table td input[readonly]{border: 1px solid #e6e7e8 !important; background: #f2f2f2;} .reg_form .box table td textarea{resize: none; height: 80px; border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #fff; font-size: 14px; line-height: 20px; padding: 5px 15px; color: #000; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .reg_form .box table td input[type=text]:focus, .reg_form .box table td input[type=password]:focus, .reg_form .box table td textarea:focus{border: 1px solid #666666;} .reg_form .box table.dodaci, .reg_form .box table.dodaci tbody, .reg_form .box table.dodaci tr, .reg_form .box table.dodaci th, .reg_form .box table.dodaci td{display: block; width: 100%;} .reg_form .box table.dodaci th, .reg_form .box table.dodaci td{display: inline-block; zoom: 1; *display: inline; vertical-align: middle;} .reg_form .box table.dodaci th{width: 100px; padding-left: 0;} .reg_form .box table.dodaci td{width: calc(100% - 130px);} .reg_form .box table.dodaci th.mobile_cell, .reg_form .box table.dodaci td.mobile_cell{display: none;} .spec_box{background: #f9f9f9; border: 1px solid #e0dfdf;} .spec_box p.open_login{cursor: pointer; font-size: 17px; line-height: 25px; text-align: center; position: relative; padding: 18px 0; margin: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .spec_box p.open_login:hover{color: #666666} .spec_box p.open_login span{position: absolute; top: 50%; width: 13px; height: 9px; display: block; right: 16px;} .spec_box p.open_login span::before{opacity: 1; content: ""; display: block; width: 13px; height: 8px; margin-top: -4px; position: absolute; top: 0; left: 0; background: url(../img/top_down_arrow.png) no-repeat scroll left top; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; transition: opacity 400ms ease;} .spec_box p.open_login span::after{opacity: 0; content: ""; display: block; width: 13px; height: 8px; margin-top: -4px; position: absolute; top: 0; left: 0; background: url(../img/top_down_arrow.png) no-repeat scroll left bottom; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; transition: opacity 400ms ease;} .spec_box p.open_login.active span::before{background: url(../img/top_down_arrow.png) no-repeat scroll right top;} .spec_box p.open_login.active span::after{background: url(../img/top_down_arrow.png) no-repeat scroll right bottom;} .notouch .spec_box p.open_login:hover span::before{opacity: 0;} .notouch .spec_box p.open_login:hover span::after{opacity: 1;} form.max{max-width: 1000px; margin: 0; text-align: center;} #basket .spec_box .login_form{border: 0; margin: 0 !important; max-width: initial; max-width: auto; background: none; padding-top: 0; } .login_form{text-align: left; position: relative; margin: 0 0 30px; background: #f9f9f9; border: 1px solid #e0dfdf; padding: 45px 45px 45px;} .login_form.pass{max-width: 100%;} #basket .login_form{margin: 20px 0 0 !important;} .login_form.hide, .login_form.hide2{display: none; opacity: 0; margin: 0;} .login_form p.overtitle{font-weight: 600; text-align: center; margin: -20px 0 15px; padding: 0; font-size: 16px; line-height: 26px; color: #000000;} .login_form p.center{font-weight: 400; text-align: center; margin: -15px 0 20px; padding: 0; font-size: 13px; line-height: 20px; color: #000000;} .login_form .box{width: 46%; padding: 0 0 0 4%; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin-right: -5px;} .login_form.top .box{vertical-align: top;} .login_form .box.full{padding: 0; width: 100%;} .login_form .box.middle{vertical-align: middle;} .login_form .box.first{width: 46%; padding: 0 4% 0 0; border-right: 1px solid #d1d3d4;} .login_form .box.first.padding_bottom{padding: 0 4% 32px 0;} .login_form .box p.title{font-size: 15px; font-weight: 600; line-height: 22px; margin: 0 0 10px;} .login_form .box p{clear: both; display: block; font-size: 13px; font-weight: 400; color: #000000; line-height: 19px; text-align: left; margin: 0;} .login_form .box p.margin{margin-top: 10px;} .login_form .box p strong{font-size: 13px; font-weight: 700; color: #000000; line-height: 19px;} .login_form .box p a:not(.btn){font-size: 13px; font-weight: 700; color: #000000; line-height: 19px; text-decoration: underline; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .login_form .box p a:not(.btn):hover{text-decoration: none;} .login_form .box ul{margin: 0; padding: 0 0 20px;} .login_form .box ul.reg_form_help{padding: 0;} .login_form .box ul li{list-style: none; font-size: 13px; font-weight: 400; color: #000000; line-height: 23px; text-align: left; margin: 0; padding: 0;} .login_form .box table{width: 100%; border-collapse: collapse; border-spacing: 0;} .login_form .box table.not_full{width: initial; width: auto;} .login_form .box table th{ position: relative; white-space: nowrap; vertical-align: middle; width: 50px; font-size: 13px; line-height: 17px; color: #000000; font-weight: 600; text-align: right; padding: 0 20px 10px; margin: 0;} .login_form .box table th span{margin-right: -7px; position: relative;; top: -5px; right: -1px; color: #000000; font-size: 14px; line-height: 20px;} .login_form .box table tr th:first-child{padding-left: 0; } .login_form .box table td{padding: 0 0 10px;} .login_form .box table td.align_left{text-align: left;} .login_form .box table td.align_left strong{color: #666666} .login_form .box table td.align_left a{margin: 0; text-decoration: underline; display: inline-block; zoom: 1; *display: inline; vertical-align: initial;; font-size: 15px; font-weight: 600; color: #000000; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .login_form .box table td.simulate{padding: 32px 0 10px;} .login_form .box table td input[type=text], .login_form .box table td input[type=password]{border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #fff; font-size: 13px; line-height: 20px; padding: 5px 15px; color: #000; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .login_form .box table td 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; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .login_form .box table td input[readonly]{border: 1px solid #e6e7e8 !important; background: #f2f2f2;} .login_form .box table td input[type=text]:focus, .login_form .box table td input[type=password]:focus, .login_form .box table td textarea:focus{border: 1px solid #666;} .login_form .box table td label{cursor: pointer; font-size: 13px; line-height: 24px; color: #000000; font-weight: 400; margin: 0; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; } .login_form .box table td label .checker{margin: -3px 5px 0 0;} .login_form .box table td .sbHolder{position: relative; background: #fff; width: calc(100% - 2px); margin: 0; height: 30px; z-index: 10; border: 1px solid #e6e7e8; } .login_form .box table td .sbHolder .sbToggle{margin: 0; z-index: 999; background: url(../img/select_arrow_black.png) no-repeat scroll 7px center; right: 0; top: 0; height: 30px; width: 30px;} .login_form .box table td .sbHolder .sbToggle.sbToggleOpen{background: url(../img/select_arrow_black.png) no-repeat scroll -52px center;} .login_form .box table td .sbHolder a.sbSelector{margin: 0; z-index: 998; display: block; color: #000 !important; font-size: 13px; line-height: 30px; padding: 0 15px; font-weight: 300; width: 200px; text-align: left; text-decoration: none;} .login_form .box table td .sbOptions{max-height: 500px !important; z-index: 999; top: 30px !important; background: #fff; padding: 0; left: -1px; right: -1px;} .login_form .box table td .sbOptions a{text-decoration: none; border: 1px solid #e6e7e8; border-top: 0; height: auto; background: #fff !important; display: block; text-align: left; padding: 0 15px; font-size: 13px; line-height: 30px; margin: 0; font-weight: 300; color: #000 !important; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; -ms-transition: all 300ms ease; transition: all 300ms ease;} .login_form .box table td .sbOptions li:first-child a{border-top: 1px solid #e6e7e8;} .notouch .login_form .box table td .sbOptions a:hover{background: #f0f0f0 !important;} .login_form .box table td a{margin: 0; text-decoration: underline; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; font-size: 13px; font-weight: 400; line-height: 40px; color: #000000; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .login_form .box table td a:hover{text-decoration: none;} .login_form .box a.fb{border-radius: 25px; -webkit-border-radius: 25px; overflow: hidden; float: left; margin: 5px 16px 0 0; position: relative; font-size: 12px; line-height: 40px; color: #fff; font-weight: 400; background: #21409a; padding: 0 53px 0 18px; display: block; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .login_form .box a.fb::before{position: absolute; right: 0; top: 0; bottom: 0; height: 40px; width: 38px; content: ""; display: block; background: url(../img/fb_icon.png) no-repeat scroll center center #163076;} .notouch .login_form .box a.fb:hover{background: #163076} .login_form .box a.g{border-radius: 25px; -webkit-border-radius: 25px; overflow: hidden; float: left; position: relative; font-size: 12px; line-height: 40px; color: #fff; font-weight: 400; background: #ed1c24; margin: 5px 0 20px; padding: 0 53px 0 18px; display: block; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .login_form .box a.g::before{position: absolute; right: 0; top: 0; bottom: 0; height: 40px; width: 38px; content: ""; display: block; background: url(../img/g_icon.png) no-repeat scroll center center #b4161a;} .notouch .login_form .box a.g:hover{background: #b4161a} .login_form.login_page .box a.g{margin: 5px 0 0;} .reg_submit[type=submit]{float: right; background: #666666; border: 0; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; padding: 0 15px; font-size: 13px; font-weight: 500; line-height: 40px; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .reg_submit[type=submit]:hover{background: #939598;} #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; -moz-border-radius: 28px; border-radius: 28px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } a.scroll_top.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; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } a.scroll_top::after{opacity: 0; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -9px; display: block; width: 18px; height: 12px; content: ""; background: url(../img/scroll_arrow_hover.svg) no-repeat scroll center center; background-size: 18px 12px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .notouch a.scroll_top:hover::before{opacity: 0;} .notouch a.scroll_top:hover::after{opacity: 1;} .notouch a.scroll_top:hover{background: #1b4139; border: 1px solid #1b4139;} 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; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-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; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-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; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-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;} .cc_banner-wrapper {z-index: 999999 !important; } .cc_banner-wrapper{min-height: 0px} .cc_container{color: #000000 !important; padding: 10px 20px !important;} .cc_container .cc_message{margin: 10px 0 !important; font-size: 12px !important; font-family: Calibri, sans-serif, Arial !important; } .cc_container .cc_message a{font-size: 12px !important; font-weight: 700 !important; color: #1b4139 !important; text-decoration: underline !important} .notouch .cc_container .cc_message a:hover{text-decoration: none !important;} .cc_container .cc_btn{width: initial !important; width: auto !important; text-transform: uppercase !important; line-height: 16px !important; font-size: 12px !important; border: 1px solid #1b4139 !important; padding: 7px 20px !important; font-weight: 700 !important; font-family: Calibri, sans-serif, Arial !important; background: #1b4139 !important; color: #ffffff !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .notouch .cc_container .cc_btn:hover{background: #ffffff !important; border: 1px solid #1b4139 !important; color: #1b4139 !important} .cc_container *::-moz-selection {background: #3399FF !important;} .cc_container *::selection {background: #3399FF !important;} .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; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-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; zoom: 1; *display: inline; background: #fff; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .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/video_close.png) no-repeat scroll center center #000; opacity: 1; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .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/video_close_hover.png) no-repeat scroll center center #fff; opacity: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .popup_popup span.close:hover::before{opacity: 0;} .notouch .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%;} } .control_popup{display: none; width: 100%; height: 100%; text-align: center; opacity: 0; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; -ms-transition: all 250ms ease-out; transition: all 250ms ease-out;} .control_popup::before{position: absolute; top: 0; left: 0; right: 0; bottom: -100px; display: block; content: ""; background: rgba(0,0,0,0.6); z-index: 0; } .control_popup .box{position: relative; display: table-cell; vertical-align: middle; z-index: 10;} .control_popup .boxes{min-width: 200px; text-align: center; position: relative; max-width: 250px; padding: 40px 60px; left: 0 !important; display: inline-block; zoom: 1; *display: inline; background: #fff; -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; -ms-transition: all 250ms ease-out; transition: all 250ms ease-out;} .control_popup .box span.warning{z-index: 900; position: relative; text-transform: uppercase; display: block; margin: 0 0 15px; text-align: center; font-size: 21px; line-height: 26px; font-weight: 600; color: #000;} .control_popup .box .text{z-index: 100; position: relative; color: #000000; font-size: 14px; line-height: 16px; font-weight: 400; margin: 10px 0; text-align: center;} .control_popup .box .text p{margin: 5px 0; line-height: 16px;} .control_popup .box .text strong{color: #000000; font-size: 14px; line-height: 18px; font-weight: 700; margin: 0; text-align: center;} .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;} } .contact_box_basket{opacity: 0; z-index: 997; position: absolute; right: 0; background: #f9f9f9; padding: 15px 0px; border: 1px solid #e6e7e8; -webkit-transition: padding 400ms ease, background 400ms ease, width 400ms ease, margin 400ms ease, opacity 400ms ease; -moz-transition: padding 400ms ease, background 400ms ease, width 400ms ease, margin 400ms ease, opacity 400ms ease; -o-transition: padding 400ms ease, background 400ms ease, width 400ms ease, margin 400ms ease, opacity 400ms ease; -ms-transition: padding 400ms ease, background 400ms ease, width 400ms ease, margin 400ms ease, opacity 400ms ease; transition: padding 400ms ease, background 400ms ease, width 400ms ease, margin 400ms ease, opacity 400ms ease;} .contact_box_basket.show{opacity: 1;} .contact_box_basket.active{margin-right: 0;} .contact_box_basket.absolute_top{top: 10px;} .contact_box_basket.absolute_bottom{bottom: -60px !important; position: absolute !important} .contact_box_basket.fixed{position: fixed; top: 124px;} .contact_box_basket .icon{display: block; margin: 0 auto; width: 70px; height: 40px; background: url(../img/support_icon.svg) no-repeat scroll center center; background-size: 42px 40px;} .contact_box_basket .text{display: block; width: 120px; margin: 0 auto; padding: 15px 15px 0; text-align: center;} .contact_box_basket .text p{margin: 0; font-weight: 400; font-size: 13px; line-height: 16px; color: #000000; } .contact_box_basket .text p strong{white-space: nowrap; font-weight: 600; font-size: 13px; line-height: 16px; color: #000000; } .contact_box_basket .text p a{font-weight: 400; font-size: 13px; line-height: 16px; color: #666666; text-decoration: underline; } .contact_box_basket .text p a:hover{text-decoration: none; } @media screen and (max-width: 1500px) { .contact_box_basket{margin-right: -230px; cursor: pointer; } .contact_box_basket .icon{display: inline-block; zoom: 1; *display: inline; vertical-align: middle;} .contact_box_basket .text{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 210px; padding: 0 15px 0 0; text-align: left;} .notouch .contact_box_basket:hover{border: 1px solid #ccc; background: #ebebeb} } @media screen and (max-width: 1340px) { .contact_box_basket{right: 50%; margin-right: -150px; width: 300px; position: fixed !important; top: initial !important; top: auto !important; bottom: 0;} } @media screen and (max-width: 1024px) { .contact_box_basket{display: none !important;} a.scroll_top.hide{display: block;} } .main_body_container .admin_settings{cursor: pointer; z-index: 99998; position: fixed; left: 30px; bottom: 14px; width: 40px; height: 40px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container .admin_settings::before{opacity: 1; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 40px; height: 40px; content: ""; background: url(../img/settings_icon.svg) no-repeat scroll center center; background-size: 30px 30px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container .admin_settings::after{opacity: 0; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 40px; height: 40px; content: ""; background: url(../img/settings_icon_hover.svg) no-repeat scroll center center; background-size: 30px 30px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .notouch .main_body_container .admin_settings:hover::after{opacity: 1;} .main_body_container.active .admin_settings{left: 410px;} @media screen and (max-width: 1025px) { .main_body_container .admin_settings{display: none;} } .main_body_container{position: relative; display: block; left: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container .main_body_overlay{opacity: 0; visibility: hidden; position: fixed; right: 0; top: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.6); display: block; z-index: 99997; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container.active .main_body_overlay{opacity: 1; visibility: visible; } .main_body_container .main_body_content{-webkit-overflow-scrolling: touch; position: fixed; top: 0; bottom: 0; overflow: hidden; width: 380px; left: -400px; background: #2D2D2D; z-index: 99998; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container.active .main_body_content{left: 0;} .main_body_container .main_body_content .title{white-space: nowrap; position: relative; background-color: #484848; margin: 0; padding: 14px 0; font-family: Helvetica, sans-serif, Arial;} .main_body_container .main_body_content::before {opacity: 0.25; z-index: 0; background: url(../global/logo_arsy_grey.svg) no-repeat scroll center center; background-size: 260px 60px; width: 260px; height: 60px; display: block; position: absolute; bottom: 46px; right: 0; left: 0; margin: 0 auto; content: ""; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container .main_body_content.muttation::before{bottom: 60px;} .main_body_container .main_body_content.bottom::before{bottom: -48px;} .main_body_container .main_body_content.bottom.muttation::before{bottom: -8px;} .main_body_container .main_body_content .title .icon{padding: 7px; cursor: pointer; opacity: 0; visibility: hidden; z-index: 999; position: absolute; left: 8px; top: 50%; width: 13px; height: 18px; margin-top: -16px; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container .main_body_content .title.active .icon{opacity: 1; visibility: visible} .main_body_container .main_body_content .title .icon::before{opacity: 1; position: absolute; top: 7px; left: 7px; margin: 0; display: block; width: 13px; height: 18px; content: ""; background: url(../img/edit_arrow.svg) no-repeat scroll center center; background-size: 13px 18px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container .main_body_content .title .icon::after{opacity: 0; position: absolute; top: 7px; left: 7px; margin: 0; display: block; width: 13px; height: 18px; content: ""; background: url(../img/edit_arrow_hover.svg) no-repeat scroll center center; background-size: 13px 18px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .notouch .main_body_container .main_body_content .title .icon:hover::before{opacity: 0;} .notouch .main_body_container .main_body_content .title .icon:hover::after{opacity: 1;} .main_body_container .main_body_content .title::before{z-index: 99; position: absolute; top: 0; bottom: 0; left: 0; width: 38px; background: -moz-linear-gradient(left, rgba(72,72,72,1) 50%, rgba(72,72,72,0) 100%); background: -webkit-linear-gradient(left, rgba(72,72,72,1) 50%,rgba(72,72,72,0) 100%); background: linear-gradient(to right, rgba(72,72,72,1) 50%,rgba(72,72,72,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#484848', endColorstr='#00484848',GradientType=1 ); content: ""; display: block;} .main_body_container .main_body_content .title::after{z-index: 99; position: absolute; top: 0; bottom: 0; right: 0; width: 38px; background: -moz-linear-gradient(left, rgba(72,72,72,0) 0%, rgba(72,72,72,1) 50%); background: -webkit-linear-gradient(left, rgba(72,72,72,0) 0%,rgba(72,72,72,1) 50%); background: linear-gradient(to right, rgba(72,72,72,0) 0%,rgba(72,72,72,1) 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00484848', endColorstr='#484848',GradientType=1 );; content: ""; display: block;} .main_body_container .main_body_content .title span:not(.icon){display: block; padding: 0 38px; font-size: 14px; font-weight: 700; line-height: 20px; text-align: center; color: #fff; font-family: Helvetica, sans-serif, Arial; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -o-transition: all 200ms ease; -ms-transition: all 200ms ease; transition: all 200ms ease; } .main_body_container .main_body_content .section_title{white-space: nowrap; position: relative; background-color: #484848; margin: -1px 0 0; padding: 14px 20px; font-size: 14px; font-weight: 700; line-height: 20px; text-align: left; color: #fff; font-family: Helvetica, sans-serif, Arial;} .main_body_container .main_body_content .section_title:first-of-type{margin: 1px 0 0;} .main_body_container .main_body_content .article_name{display: block; white-space: nowrap; position: relative; margin: 0 0 0; padding: 14px 20px; font-size: 14px; font-weight: 700; line-height: 20px; text-align: left; color: #fff; font-family: Helvetica, sans-serif, Arial; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .main_body_container .main_body_content .article_name.add_to_newsletter{opacity: 0.2;} .main_body_container .main_body_content .article_name *{font-size: 14px; font-weight: 700; line-height: 20px; text-align: left; color: #fff; font-family: Helvetica, sans-serif, Arial; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .main_body_container .main_body_content .article_name br{display: none; } .main_body_container .main_body_content .article_name .img{width: 38px; height: 38px; margin: 0 8px 0 0; border: 1px solid #484848; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .main_body_container .main_body_content .article_name:hover .img{border: 1px solid #fe0101;} .main_body_container .main_body_content .article_name .icon br, .main_body_container .main_body_content .article_name .icon2 br{display: block; } .main_body_container .main_body_content .article_name .icon{z-index: 999; white-space: nowrap; position: absolute; right: 10px; top: 50%; margin-top: -8px; display: inline-block; zoom: 1; *display: inline; font-size: 12px; line-height: 16px; font-weight: 700; padding: 0 20px; text-align: left; border: 0; color: #fff; font-family: Helvetica, sans-serif, Arial; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container .main_body_content .article_name .icon::before{opacity: 1; position: absolute; top: 2px; right: 5px; margin: 0; display: block; width: 8px; height: 12px; content: ""; background: url(../img/edit_arrow.svg) no-repeat scroll center center; background-size: 8px 12px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container .main_body_content .article_name .icon::after{opacity: 0; position: absolute; top: 2px; right: 5px; margin: 0; display: block; width: 8px; height: 12px; content: ""; background: url(../img/edit_arrow_hover.svg) no-repeat scroll center center; background-size: 8px 12px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .notouch .main_body_container .main_body_content .article_name:hover .icon::before{opacity: 0; right: 0;} .notouch .main_body_container .main_body_content .article_name:hover .icon::after{opacity: 1; right: 0;} .notouch .main_body_container .main_body_content .article_name:hover .icon{color: #fe0101;} .main_body_container .main_body_content .article_name::before{z-index: 100; position: absolute; left: 12px; right: 12px; bottom: 0; height: 1px; display: block; background: #484848; content: "";} .main_body_container .main_body_content .article_name::after{z-index: 99; position: absolute; top: 0; bottom: 0; right: 0; width: 175px; background: -moz-linear-gradient(left, rgba(45,45,45,0) 0%, rgba(45,45,45,1) 50%); background: -webkit-linear-gradient(left, rgba(45,45,45,0) 0%,rgba(45,45,45,1) 50%); background: linear-gradient(to right, rgba(45,45,45,0) 0%,rgba(45,45,45,1) 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002D2D2D', endColorstr='#2D2D2D',GradientType=1 );; content: ""; display: block;} .notouch .main_body_container .main_body_content .article_name:hover, .notouch .main_body_container .main_body_content .article_name:hover *{color: #fe0101;} .notouch .main_body_container .main_body_content .article_name.add_to_newsletter:hover, .notouch .main_body_container .main_body_content .article_name.add_to_newsletter:hover *{color: #fff; opacity: 1;} .main_body_container .main_body_content .article_name .icon2{z-index: 999; white-space: nowrap; position: absolute; right: 10px; top: 50%; margin-top: -7px; display: inline-block; zoom: 1; *display: inline; font-size: 12px; line-height: 14px; font-weight: 700; padding: 0 20px; text-align: right; border: 0; color: #fff; font-family: Helvetica, sans-serif, Arial; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container .main_body_content .article_name .icon2 br{line-height: 13px;} .main_body_container .main_body_content .article_name .icon2::before{opacity: 1; position: absolute; top: 50%; right: 3px; margin: -5px 0 0; display: block; width: 10px; height: 10px; content: ""; background: url(../img/edit_remove.svg) no-repeat scroll center center; background-size: 10px 10px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container .main_body_content .article_name .icon2::after{opacity: 0; position: absolute; top: 50%; right: 3px; margin: -5px 0 0; display: block; width: 10px; height: 10px; content: ""; background: url(../img/edit_remove_hover.svg) no-repeat scroll center center; background-size: 10px 10px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .notouch .main_body_container .main_body_content .article_name:not(.add_to_newsletter):hover .icon2::before{opacity: 0;} .notouch .main_body_container .main_body_content .article_name:not(.add_to_newsletter):hover .icon2::after{opacity: 1;} .notouch .main_body_container .main_body_content .article_name:hover .icon2{color: #fe0101;} .notouch .main_body_container .main_body_content .article_name.add_to_newsletter:hover .icon2{color: #fff;} .main_body_container .main_body_content .subtitle{white-space: nowrap;; cursor: pointer; position: relative; display: block; margin: 0; font-size: 15px; line-height: 20px; font-weight: 700; padding: 14px 20px; text-align: left; border: 0; color: #fff; font-family: Helvetica, sans-serif, Arial; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .notouch .main_body_container .main_body_content .subtitle:hover{color: #fe0101;} .main_body_container .main_body_content .subtitle::before{z-index: 100; position: absolute; left: 12px; right: 12px; bottom: 0; height: 1px; display: block; background: #484848; content: "";} .main_body_container .main_body_content .subtitle::after{z-index: 99; position: absolute; top: 0; bottom: 0; right: 0; width: 65px; background: -moz-linear-gradient(left, rgba(45,45,45,0) 0%, rgba(45,45,45,1) 50%); background: -webkit-linear-gradient(left, rgba(45,45,45,0) 0%,rgba(45,45,45,1) 50%); background: linear-gradient(to right, rgba(45,45,45,0) 0%,rgba(45,45,45,1) 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002D2D2D', endColorstr='#2D2D2D',GradientType=1 );; content: ""; display: block;} .main_body_container .main_body_content .subtitle .icon{z-index: 999; position: absolute; right: 15px; top: 50%; width: 13px; height: 18px; margin-top: -9px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container .main_body_content .subtitle .icon::before{opacity: 1; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 13px; height: 18px; content: ""; background: url(../img/edit_arrow.svg) no-repeat scroll center center; background-size: 13px 18px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container .main_body_content .subtitle .icon::after{opacity: 0; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 13px; height: 18px; content: ""; background: url(../img/edit_arrow_hover.svg) no-repeat scroll center center; background-size: 13px 18px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .notouch .main_body_container .main_body_content .subtitle:hover .icon::before{opacity: 0;} .notouch .main_body_container .main_body_content .subtitle:hover .icon::after{opacity: 1;} .main_body_container .main_body_content .model_subtitle{white-space: nowrap;; cursor: pointer; position: relative; display: block; margin: 0; font-size: 15px; line-height: 20px; font-weight: 700; padding: 14px 20px; text-align: left; border: 0; color: #fff; font-family: Helvetica, sans-serif, Arial; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .notouch .main_body_container .main_body_content .model_subtitle:hover{color: #fe0101;} .main_body_container .main_body_content .model_subtitle::before{z-index: 100; position: absolute; left: 12px; right: 12px; bottom: 0; height: 1px; display: block; background: #484848; content: "";} .main_body_container .main_body_content .model_subtitle::after{z-index: 99; position: absolute; top: 0; bottom: 0; right: 0; width: 65px; background: -moz-linear-gradient(left, rgba(45,45,45,0) 0%, rgba(45,45,45,1) 50%); background: -webkit-linear-gradient(left, rgba(45,45,45,0) 0%,rgba(45,45,45,1) 50%); background: linear-gradient(to right, rgba(45,45,45,0) 0%,rgba(45,45,45,1) 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002D2D2D', endColorstr='#2D2D2D',GradientType=1 );; content: ""; display: block;} .main_body_container .main_body_content .model_subtitle .icon{z-index: 999; position: absolute; right: 15px; top: 50%; width: 13px; height: 18px; margin-top: -9px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container .main_body_content .model_subtitle .icon::before{opacity: 1; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 13px; height: 18px; content: ""; background: url(../img/edit_arrow.svg) no-repeat scroll center center; background-size: 13px 18px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container .main_body_content .model_subtitle .icon::after{opacity: 0; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 13px; height: 18px; content: ""; background: url(../img/edit_arrow_hover.svg) no-repeat scroll center center; background-size: 13px 18px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .notouch .main_body_container .main_body_content .model_subtitle:hover .icon::before{opacity: 0;} .notouch .main_body_container .main_body_content .model_subtitle:hover .icon::after{opacity: 1;} .main_body_container .main_body_content .move_box{position: relative; left: 0; white-space: nowrap; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container .main_body_content.position_1 .move_box{left: -380px;} .main_body_container .main_body_content.position_2 .move_box{left: -760px;} .main_body_container .main_body_content .move_box .move{overflow: auto; height: calc(100vh - 45px - 49px); padding: 0; white-space: normal; width: 380px; display: inline-block; zoom: 1; *display: inline; vertical-align: top;} .main_body_container .main_body_content .move_box .move.muttation{height: calc(100vh - 45px - 49px - 42px);} .main_body_container .main_body_content .move_box .move.big{height: calc(100vh - 45px);} .main_body_container .main_body_content .move_box .move.muttation.big{height: calc(100vh - 45px - 42px);} .main_body_container .main_body_content .move_box .move .obsah, .main_body_container .main_body_content .move_box .move .model_obsah{display: none; overflow-x: hidden;} .main_body_container .main_body_content .move_box .move .obsah .box, .main_body_container .main_body_content .move_box .move .model_obsah .box{padding: 0} .main_body_container .main_body_content .move_box .move p.text_title{white-space: nowrap; position: relative; display: block; margin: 0; font-size: 12px; line-height: 16px; font-weight: 700; padding: 0 20px 2px; text-align: left; border: 0; color: #fff; font-family: Helvetica, sans-serif, Arial; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container .main_body_content .move_box .move p.text_title:first-of-type{padding: 30px 20px 2px;} .main_body_container .main_body_content .move_box .move p.anotation{position: relative; display: block; margin: 0; font-size: 12px; line-height: 16px; font-weight: 400; padding: 0 20px 30px; text-align: left; border: 0; color: #fff; font-family: Helvetica, sans-serif, Arial; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container .main_body_content .move_box .move p.anotation label{margin: 0; font-size: 12px; line-height: 16px; font-weight: 400; text-align: left; border: 0; color: #fff; font-family: Helvetica, sans-serif, Arial;} .main_body_container .main_body_content .move_box .move p.anotation strong{font-size: 12px; line-height: 16px; font-weight: 600; color: #a4a4a4; font-family: Helvetica, sans-serif, Arial;} .main_body_container .main_body_content .move_box .move p.anotation::before{position: absolute; left: 12px; right: 12px; bottom: 15px; height: 1px; display: block; background: #484848; content: "";} .main_body_container .main_body_content .move_box .move input[type=text]{width: calc(100% - 62px); margin: 0 20px 20px; font-size: 12px; line-height: 16px; font-weight: 400; padding: 6px 10px; text-align: left; border: 1px solid #ccc;; color: #000; font-family: Helvetica, sans-serif, Arial; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container .main_body_content .move_box .move textarea{height: 80px; overflow: auto; resize: none; width: calc(100% - 62px); margin: 0 20px 20px; font-size: 12px; line-height: 16px; font-weight: 400; padding: 6px 10px; text-align: left; border: 1px solid #ccc;; color: #000; font-family: Helvetica, sans-serif, Arial; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container .main_body_content .move_box .move input[type=text]:focus, .main_body_container .main_body_content .move_box .move textarea:focus{border: 1px solid #000; background: #f0f0f0;} .main_body_container .main_body_content .move_box .move a.link{white-space: nowrap; position: relative; display: inline-block; zoom: 1; *display: inline; margin: 0; font-size: 12px; line-height: 16px; font-weight: 700; padding: 0 20px; text-align: left; border: 0; color: #fff; font-family: Helvetica, sans-serif, Arial; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container .main_body_content .move_box .move a.link.margin_top{margin-top: 20px;} .main_body_container .main_body_content .move_box .move a.link.margin_right{margin-right: 10px;} .main_body_container .main_body_content .move_box .move a.link::before{opacity: 1; position: absolute; top: 2px; right: 4px; margin: 0; display: block; width: 8px; height: 12px; content: ""; background: url(../img/edit_arrow.svg) no-repeat scroll center center; background-size: 8px 12px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container .main_body_content .move_box .move a.link::after{opacity: 0; position: absolute; top: 2px; right: 4px; margin: 0; display: block; width: 8px; height: 12px; content: ""; background: url(../img/edit_arrow_hover.svg) no-repeat scroll center center; background-size: 8px 12px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .notouch .main_body_container .main_body_content .move_box .move a.link:hover::before{opacity: 0;} .notouch .main_body_container .main_body_content .move_box .move a.link:hover::after{opacity: 1;} .main_body_container .main_body_content .move_box .move a.save_front_seo{white-space: nowrap; position: relative; display: inline-block; zoom: 1; *display: inline; margin: 0 64px 0 0; font-size: 12px; line-height: 16px; font-weight: 700; padding: 0 20px; text-align: left; border: 0; color: #fff; font-family: Helvetica, sans-serif, Arial; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container .main_body_content .move_box .move a.save_front_seo.margin{margin: 20px 64px 0 0;} .main_body_container .main_body_content .move_box .move a:not(.article_name, .link){margin: 0 20px 10px; text-decoration: underline; font-size: 12px; line-height: 16px; font-weight: 700; padding: 0; text-align: left; color: #fff; font-family: Helvetica, sans-serif, Arial; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .notouch .main_body_container .main_body_content .move_box .move a:not(.article_name):hover{color: #fe0101;} .main_body_container .main_body_content .admin_link{z-index: 999; position: absolute; left: 0; right: 0; bottom: 0; background-color: #484848; padding: 14px 20px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container .main_body_content .admin_link a{border: 1px solid #fff; color: #fff; margin: 0; text-transform: uppercase; font-size: 14px; line-height: 20px; font-weight: 700; padding: 9px 0; text-align: center; display: block; font-family: Helvetica, sans-serif, Arial; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .notouch .main_body_container .main_body_content .admin_link a:hover{border: 1px solid #fe0101; background: #fe0101; color: #fff;} .main_body_container .main_body_content .mutation_link{text-align: center; z-index: 999; border-bottom: 1px solid #000; position: absolute; left: 0; right: 0; /*bottom: 46px;*/ bottom: 0; background-color: #484848; padding: 12px 20px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container .main_body_content .mutation_link span{margin-right: 5px; font-size: 12px; line-height: 16px; color: #fff; font-weight: 700; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; font-family: Helvetica, sans-serif, Arial;} .main_body_container .main_body_content .mutation_link a{text-transform: uppercase; margin: 0 3px; text-decoration: underline; font-size: 12px; line-height: 16px; color: #fff; font-weight: 700; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; font-family: Helvetica, sans-serif, Arial; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .notouch .main_body_container .main_body_content .mutation_link a:hover, .main_body_container .main_body_content .mutation_link a.active{color: #fe0101;} .main_body_container .main_body_content .edit_mode{display: none; text-align: center; z-index: 999; border-bottom: 1px solid #000; position: absolute; left: 0; right: 0; bottom: 0; background-color: #484848; padding: 12px 20px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container .main_body_content .edit_mode span{margin-right: 5px; font-size: 12px; line-height: 16px; color: #fff; font-weight: 700; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; font-family: Helvetica, sans-serif, Arial;} p.gdpr{text-align: right;} p.gdpr a {text-decoration: underline;} p.gdpr a:hover {color: #1b4139;}