/*GLOBAL*/ header,nav,section,article,aside,footer,hgroup{display:block;} .preload *{-webkit-transition: none !important; transition: none !important;} a{text-decoration:none; color:inherit;} a img{border:none;} .img_hide{display: block !important; width: 0; height: 1px; border: 0; position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden;} .mail_hide, .hide_mail{display: none !important;} .clear{clear:both; margin: 0; display: block; width: 100% !important; float: none !important;} .clear.hide{display: none !important;} .relative{position: relative;} .clear.not_desktop{display: none;} .float_right{float:right; position: relative;} .float_left{float:left; position: relative;} .align-left{text-align: left !important; margin: 0;} .align-center{text-align: center !important; margin: 0;} .align-right{text-align: right !important; margin: 0;} button, input[type=submit]{cursor: pointer; -webkit-appearance: none; outline: 0; } input[type="submit"]:focus {outline:none;} input, textarea {-webkit-appearance: none; border-radius: 0;} input[type="submit"]::-moz-focus-inner {border:0;} label{cursor: text;} input[type=checkbox], input[type=radio]{cursor: pointer;} input:focus{outline:0; } input[type="text"], input[type="password"], textarea, select {outline: none;} input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;} input[type=number] {-moz-appearance:textfield;} input[name="fake1"], input[name="fake2"]{opacity: 0; font-size: 0; line-height: 0; padding: 0; visibility: hidden; overflow: hidden; position: fixed; top: 0; left: 0; z-index: -30} input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active {-webkit-animation: autofill 0s forwards;animation: autofill 0s forwards;} @keyframes autofill {100% {background: transparent;color: inherit;}} @-webkit-keyframes autofill {100% {background: transparent;color: inherit;}} .font_size{font-size: 0 !important;} /* input[type=text]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #ffffff;} input[type=text]::-moz-placeholder, textarea::-moz-placeholder {color: #ffffff;} input[type=text]::-ms-input-placeholder, textarea::-ms-input-placeholder {color: #ffffff;} */ sup, sub{line-height: 0; display: inline-block; text-decoration: none; font-size:0.7em;} .root_text{position: absolute; top: -1000px; left: -1000px;} @media screen and (max-width: 1024px) { .clear.hide{display: block !important;} } .message_centering{z-index: 999999; min-height: 0; position: absolute; top: -132px; width: 100%; max-width: 700px; left: 0; right: 0; margin: 0 auto; text-align: center; background-image: none !important; -webkit-transition: all 750ms ease; transition: all 750ms ease;} .message_centering.active{top: 100%;} .flash{max-width: 700px; margin: 0 auto -1px; min-height: 0; font-size: 13px; line-height: 16px; font-weight: 500; padding: 12px 54px; clear: both; position: relative; letter-spacing: 1px} .flash span{cursor: pointer; position: absolute; top: 50%; margin-top: -7.5px; right: 15px; width: 15px; height: 15px; display: block;} .alert-error {color: #ffffff; background: url(../global/error_icon.png) no-repeat scroll 15px center #d8001b; border: 1px solid #b6192e;} .alert-success{color: #ffffff; background: url(../global/success_icon.png) no-repeat scroll 15px center #383e42 ; border: 1px solid #383e42 ;} .alert-error span{background: url(../global/error_close.png) no-repeat;} .alert-success span{background: url(../global/success_close.png) no-repeat;} .font{font-family: 'Roboto', sans-serif !important;} .red{color: red} h1,.head_title{text-transform: uppercase; color: #383e42 ; font-weight: 700; font-size: 28px; line-height: 34px; margin: 0; padding: 0;} h1 strong ,.head_title strong{text-transform: uppercase; color: #383e42 ; font-weight: 700; font-size: 28px; line-height: 34px; margin: 0; padding: 0;} h1 span, .head_title span{text-transform: uppercase; color: #383e42 ; font-weight: 700; font-size: 16px; line-height: 30px; margin: 0; padding: 0; display: block;} h2{color: #383e42 ; font-weight: 700; font-size: 24px; line-height: 30px; margin: 30px 0 10px; padding: 0;} h3{color: #383e42 ; font-weight: 700; font-size: 20px; line-height: 26px; margin: 30px 0 10px; padding: 0;} h4, h5, h6{color: #383e42 ; font-weight: 700; font-size: 18px; line-height: 24px; margin: 30px 0 10px; padding: 0;} @media screen and (max-width: 1024px) { h1,.head_title, h1 strong, h1 span{font-size: 24px; line-height: 30px;} h2{font-size: 20px; line-height: 26px; margin: 20px 0 5px;} h3{font-size: 18px; line-height: 24px; margin: 20px 0 5px;} h4, h5, h6{font-size: 16px; line-height: 22px; margin: 20px 0 5px;} } @media screen and (max-width: 500px) { h1,.head_title, h1 strong, h1 span{font-size: 20px; line-height: 28px;} h2{font-size: 16px; line-height: 22px;} h3{font-size: 14px; line-height: 20px;} h4, h5, h6{font-size: 12px; line-height: 18px;} } p, div, article, li, .text_page, code{font-size: 14px; font-weight: 400;} strong, b{font-weight: 700} @media screen and (max-width: 1024px) { p, div, article, li, .text_page, code{font-size: 13px;} } @media screen and (max-width: 500px) { p, div, article, li, .text_page, code{font-size: 12px;} } article a:not(.btn), article a:not(.btn) strong, article strong a:not(.btn), .text_box a:not(.btn), .text_box a:not(.btn) strong, .text_box strong a:not(.btn){font-weight: 700; text-decoration: underline; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch article a:not(.btn):hover, .notouch .text_box a:not(.btn):hover, article a:not(.btn):focus, .text_box a:not(.btn):focus{color: #383e42 } .text_page{ margin: 0 auto;} .text_page .img{display: block; width: 40%; float: right; margin: 0 0 20px 20px;} .text_page .img img{max-width: 100%; display: block; margin: 0;} .text_page .text{display: block;} @media screen and (max-width: 959px) { .text_page .img{width: 50%;} } @media screen and (max-width: 767px) { .text_page .img{display: block; width: 100%; margin: 0 0 10px;} .text_page .text{display: block; width: 100%; padding: 0; margin: 0;} } article, .text_box{margin: 0 auto; text-align: left; line-height: 22px;} article.max, .text_box.max{max-width: 100%; margin: 40px 0 0; } article p, article div, .text_box p, .text_box div{margin:0 0 15px; text-align: left; line-height: 22px;} article .text_p, .text_box .text_p{margin: 0; } article *:nth-child(1), .text_box *:nth-child(1){margin-top: 0;} article *:last-child, .text_box *:last-child{margin-bottom: 0;} @media screen and (max-width: 1024px) { article p, article div, .text_box p, .text_box div{line-height: 20px; margin:0 0 10px;} } @media screen and (max-width: 768px) { article p, .text_box p{width: 100%; display: block; clear: both;} article img, .text_box img{float: none !important; display: block; margin: 0 auto 10px !important;} } @media screen and (max-width: 500px) { article p, article div, .text_box p, .text_box div{line-height: 18px;} } article ul, .text_box ul{margin: 0 0 15px; padding: 0;} article ul li, .text_box ul li{padding: 0 0 0 17px; margin: 5px 0; position: relative; list-style: none; background: url(../img/drobky_arrow.svg) no-repeat scroll 0 7px; background-size: 6px 9px;} article ul ul, .text_box ul ul{margin: 0; padding: 0 0 0 17px; } article ul ol, .text_box ul ol{margin: 0; padding: 0 0 0 20px; } article ol, .text_box ol{margin: 0 0 15px; padding: 0; counter-reset: item;} article ol li, .text_box ol li{padding: 0 0 0 20px; margin: 5px 0; position: relative; list-style-type: none; counter-increment: item; background: none;} article ol li:before, .text_box ol li:before{position: absolute; top: 0; left: 0; display: block; padding-right: 5px; text-align: left; content: counter(item) ".";} article ol ol, .text_box ol ol{margin: 0; padding: 0 0 0 20px; counter-reset: item;} article ol ul, .text_box ol ul{margin: 0; padding: 0 0 0 17px; counter-reset: item;} article ol ul li, .text_box ol ul li{background: url(../img/drobky_arrow.svg) no-repeat scroll 0 7px; background-size: 6px 9px; padding: 0 0 0 17px;} article ol ul li:before, .text_box ol ul li:before{display: none;} article table.over, .text_box table.over{min-width: 100%; display: block; overflow-x: scroll;} article table, .text_box table{margin: 0 0 20px 0; border-collapse: collapse; border-spacing: 0 0;} article table caption, .text_box table caption{color: #000; font-size: 20px; line-height: 24px; font-weight: 600; margin: 30px 0 10px; text-align: left;} article table thead, .text_box table thead{margin-bottom: 3px;} article table tr th, article table tbody tr td.fr-highlighted, .text_box table tr th, .text_box table tbody tr td.fr-highlighted{text-align: left; font-weight: 700; padding: 6px 8px; background: #383e42 ; color: #fff; border: 1px solid #002d22;} article table tr td, .text_box table tr td{text-align: left; padding: 6px 8px; font-weight: 400; border: 1px solid #e0dfdf;} article table.gdpr th{ white-space: nowrap; text-align: left !important; text-transform: none !important;} 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;} @media screen and (max-width: 1024px) { article table.gdpr th, article table.gdpr td, article table.gdpr td *{ font-size: 13px !important;} } @media screen and (max-width: 500px) { article table.gdpr th, article table.gdpr td, article table.gdpr td *{ font-size: 12px !important;} } article p.gdpr, .text_box p.gdpr{margin: 0; line-height: 22px;} article p.gdpr, .text_box p.gdpr{padding: 6px 0;} article p.gdpr.full, .text_box p.gdpr.full{padding: 0; max-width: 992px} article .size_inline{display: inline-block; vertical-align: top; margin: 0 80px 0 0;} article .size_inline table{min-width: 200px;} article img, .text_box img{max-width: 100%; margin: 0 0 15px; display: block; height: initial !important; height: auto !important;} article img.fr-fil, .text_box img.fr-fil{float: left; margin: 10px 30px 10px 0;} article img.fr-fir, .text_box img.fr-fir{float: right; margin: 10px 0 10px 30px;} article span.fr-video, .text_box span.fr-video{width: 100%; margin: 0 auto 15px; display: block; margin: 0 auto; text-align: center} article span.fr-video.fr-fvl, .text_box span.fr-video.fr-fvl{text-align: left} article span.fr-video.fr-fvr, .text_box span.fr-video.fr-fvr{text-align: right} article span.fr-video iframe, .text_box span.fr-video iframe{max-width: 100%; margin: 0 auto; display: inline-block; width: 640px !important; height: 360px !important;} @media screen and (max-width: 767px) { article span.fr-video, .text_box span.fr-video{text-align: center !important;} article span.fr-video iframe, .text_box span.fr-video iframe{width: 280px !important; height: 160px !important;} } input[type=text], input[type=password], input[type=submit], textarea, code, button{font-family: 'Open Sans', sans-serif, Arial; margin: 0;} article, div, li, .text_box{height: auto; min-height: 1px; max-height: 9999999px;} .clear, #cookie_content{min-height: 0; } html{margin: 0 auto; padding: 0; background: #f2f2f2 ;} html.admin_settings_active{position: fixed; overflow-y: scroll; width: 100%;} body{color: #222222; background: #ffffff !important; padding: 0 !important; overflow-x: hidden; -webkit-text-size-adjust: none; text-rendering: auto; -webkit-backface-visibility:hidden; max-width: 1920px; margin: 0 auto; font-family: 'Open Sans', sans-serif, Arial; padding: 0; font-weight: 400; box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.6);} .inside{position: relative; width: 90%; padding: 0; max-width: 1300px; margin: 0 auto;} .inside_small{position: relative; width: 90%; padding: 0; max-width: 840px; margin: 0 auto;} .inside_max{position: relative; width: 90%; padding: 0; max-width: 90%; margin: 0 auto;} .inside_middle{position: relative; width: 90%; padding: 0; max-width: 1440px; margin: 0 auto;} .btn{letter-spacing: 1px; font-weight: 400; font-size: 13px; line-height: 18px; padding: 9px 20px; text-decoration: none; white-space: nowrap; overflow: hidden; position: relative; background: none; display: block; border: 1px solid transparent; text-transform: none; text-align: center; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .btn.disable{background: #e2e2e2 !important; border: 1px solid #e2e2e2 !important; color: #b1b1b1 !important; cursor: no-drop;} .btn.big{padding: 12px 30px;} .btn.small{padding: 5px 16px; text-transform: none; font-size: 12px;} .btn.overflow{overflow: visible;} .btn img{display: inline-block; vertical-align: top; margin: 0 0 0 4px;} .btn.shadow{-webkit-box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.6); box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.6);} .btn.radius{-webkit-border-radius: 30px; border-radius: 30px;} .btn.line_height{line-height: 30px;} .btn.inline{display: inline-block; vertical-align: middle;} .btn.left{float: left;} .btn.right{float: right;} .btn.cursor{cursor: pointer;} .btn.ultra_min_margin_top{margin-top: 1px;} .btn.ultra_min_margin_bottom{margin-bottom: 1px;} .btn.ultra_min_margin_right{margin-right: -3px;} .btn.ultra_min_margin_left{margin-left: 1px;} .btn.min_margin_top{margin-top: 5px;} .btn.min_margin_bottom{margin-bottom: 5px;} .btn.min_margin_right{margin-right: 5px;} .btn.min_margin_left{margin-left: 5px;} .btn.middle_margin_top{margin-top: 10px;} .btn.middle_margin_bottom{margin-bottom: 10px;} .btn.middle_margin_right{margin-right: 10px;} .btn.middle_margin_left{margin-left: 10px;} .btn.max_margin_top{margin-top: 15px;} .btn.max_margin_bottom{margin-bottom: 15px;} .btn.max_margin_right{margin-right: 15px;} .btn.max_margin_left{margin-left: 15px;} .btn.ultra_margin_top{margin-top: 25px;} .btn.ultra_margin_bottom{margin-bottom: 25px;} .btn.ultra_margin_right{margin-right: 25px;} .btn.ultra_margin_left{margin-left: 25px;} .btn i{font-style: normal; font-weight: 400; font-size: 13px; line-height: 18px; } .btn .item{display: block; z-index: 999; position: absolute; width: 230px; left: 50%; bottom: calc(100% + 15px); visibility: hidden; opacity: 0; margin-left: -115px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .btn:hover .item{visibility: visible; opacity: 1; bottom: calc(100% + 5px);} .btn .item .box{display: block; position: relative; padding: 8px; background: #ffffff; box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.6);} .btn .item .box::before{display: block; top: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #dbdbdb; border-width: 11px; margin-left: -11px; } .btn .item .box::after{display: block; top: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 10px; margin-left: -10px; } .btn .item .img{display: block; width: 100%; height: 80px; position: relative; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;} .btn .item .title{white-space: normal; display: block; text-align: center; font-size: 12px; line-height: 16px; text-transform : none; color: #000000; margin: 0; padding: 8px 0 0; font-weight: 600;} /*use*/ .btn.typ_1{background: #383e42 ; border: 1px solid #383e42 ; color: #ffffff;} .notouch .btn.typ_1:hover, .notouch .item.hover_efekt .btn.typ_1, .notouch a.item:hover .btn.typ_1, .btn.typ_1.active, .btn.typ_1:focus{background: #ffffff; border: 1px solid #383e42 ; color: #383e42 ;} /*use*/ .btn.typ_2{background: #000000; border: 1px solid #000000; color: #ffffff;} .notouch .btn.typ_2:hover, .notouch .item.hover_efekt .btn.typ_2, .notouch a.item:hover .btn.typ_2, .btn.typ_2.active, .btn.typ_2:focus{background: #383e42 ; border: 1px solid #383e42 ; color: #ffffff;} /*use*/ .btn.typ_3{background: #66a640; border: 1px solid #66a640; color: #ffffff;} .notouch .btn.typ_3:hover, .notouch .item.hover_efekt .btn.typ_3, .notouch a.item:hover .btn.typ_3, .btn.typ_3.active, .btn.typ_3:focus{background: #383e42 ; border: 1px solid #383e42 ; color: #ffffff;} /*use*/ .btn.typ_4{background: transparent; border: 1px solid transparent; color: #6b6a6a; padding: 0 1px;} .notouch .btn.typ_4:hover, .notouch .item.hover_efekt .btn.typ_4, .notouch a.item:hover .btn.typ_4, .btn.typ_4.active, .btn.typ_4:focus{text-decoration: underline;} /*use*/ .btn.typ_5{background: #f1f2f2; border: 1px solid #e0dfdf; color: #000000;} .notouch .btn.typ_5:hover, .notouch .item.hover_efekt .btn.typ_5, .notouch a.item:hover .btn.typ_5, .btn.typ_5.active, .btn.typ_5:focus{background: #000000; border: 1px solid #000000; color: #ffffff;} /*use*/ .btn.typ_6{letter-spacing: 0.5px; background: transparent; border: 1px solid transparent; color: #383e42 ; padding: 0 1px; text-transform: uppercase; font-weight: 600;} .notouch .btn.typ_6:hover, .notouch .item.hover_efekt .btn.typ_6, .notouch a.item:hover .btn.typ_6, .btn.typ_6.active, .btn.typ_6:focus{text-decoration: underline;} /*use*/ .btn.typ_7{letter-spacing: 0.5px; background: transparent; border: 1px solid transparent; color: #6b6a6a; padding: 0 1px; text-transform: uppercase; font-weight: 600;} .notouch .btn.typ_7:hover, .notouch .item.hover_efekt .btn.typ_7, .notouch a.item:hover .btn.typ_7, .btn.typ_7.active, .btn.typ_7:focus{text-decoration: underline;} @media screen and (max-width: 1024px) { .btn .item{display: none;} } @media screen and (max-width: 768px) { .btn i{display: block;} } @media screen and (max-width: 500px) { .btn{font-size: 11px; line-height: 16px; padding: 6px 15px;} .btn i{font-size: 11px; line-height: 16px;} } .header_height{display: block; height: 94px; position: relative;} header{background: #efefef; max-width: 1920px; z-index: 9999; position: fixed; top: 0; left: 0; right: 0; margin: 0 auto; width: 100%; padding: 0; text-align: center; -webkit-box-shadow: 0 0 10px -5px rgba(0,0,0,0.5); box-shadow: 0 0 10px -5px rgba(0,0,0,0.5);} header .header_line{width: 92%; padding: 0 0 0 8%; font-size: 0;} header .header_line a.logo{z-index: 10; position: relative; background: url(../img/logo.svg) no-repeat scroll center center; background-size: 300px 70px; display: inline-block; vertical-align: middle; width: 300px; height: 70px;} header .header_line .box{font-size: 0; text-align: right; position: relative; display: inline-block; vertical-align: middle; width: calc(100% - 300px); margin: 0;} header .header_line .box nav{text-align: center; width: calc(100% - 350px - 60px); position: relative; z-index: 999; display: inline-block; vertical-align: middle; margin: 0;} header .header_line .box nav > ul.menu{margin: 0; padding: 0; display: inline-block; vertical-align: middle;} header .header_line .box nav > ul.menu > li{font-size: 0; white-space: nowrap; padding: 0; position: relative; list-style: none; display: inline-block; vertical-align: middle; margin: 0 25px;} header .header_line .box nav > ul.menu > li > a{position: relative; display: inline-block; vertical-align: middle; line-height: 20px; font-size: 15px; text-transform: uppercase; font-weight: 600; padding: 44px 0 30px; color: #383e42 ; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header .header_line .box nav > ul.menu > li > a::before{position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: #383e42 ; content: ""; opacity: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch header .header_line .box nav > ul.menu > li > a:hover::before, header .header_line .box nav > ul.menu > li > a:focus::before, header .header_line .box nav > ul.menu > li.active > a::before, header .header_line .box nav > ul.menu > li.open > a::before{opacity: 1;} header .header_line .box nav > ul.menu > li > .icon{border: 0; padding: 0; margin: 13px 0 0 8px; background: none; position: relative; display: inline-block; vertical-align: middle; width: 20px; height: 20px;} header .header_line .box nav > ul.menu > li > .icon::before{-webkit-transform: rotate(90deg); transform: rotate(90deg); position: absolute; left: 0; top: 0; width: 20px; height: 20px; background: url(../img/arrow_green_right.svg) no-repeat scroll center center; background-size: 12px 12px; content: ""; opacity: 1; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header .header_line .box nav > ul.menu > li > .icon::after{-webkit-transform: rotate(90deg); transform: rotate(90deg); position: absolute; left: 0; top: 0; width: 20px; height: 20px; background: url(../img/arrow_white_right.svg) no-repeat scroll center center; background-size: 12px 12px; content: ""; opacity: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch header .header_line .box nav > ul.menu > li > .icon:hover::before, .notouch header .header_line .box nav > ul.menu > li > .icon:focus::before{background-color: #383e42 ; opacity: 0;} .notouch header .header_line .box nav > ul.menu > li > .icon:hover::after, .notouch header .header_line .box nav > ul.menu > li > .icon:focus::after{background-color: #383e42 ; opacity: 1;} header .header_line .box nav > ul.menu > li > ul{text-align: left; width: 600px; white-space: normal; font-size: 0; z-index: 0; margin: 0; padding: 25px; position: absolute; top: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: rgba(239,239,239,0.83); display: none;} header .header_line .box nav > ul.menu > li:hover> ul, header .header_line .box nav > ul.menu > li[aria-expanded='true'] > ul{display: block;} header .header_line .box nav > ul.menu > li > ul > li{margin: 16px 0 0; list-style: none; display: inline-block; vertical-align: top; width: 50%; padding: 0;} header .header_line .box nav > ul.menu > li > ul > li:nth-child(-n + 2){margin-top: 0;} header .header_line .box nav > ul.menu > li > ul > li > a{position: relative; text-align: left; display: block; font-size: 14px; line-height: 20px; font-weight: 600; color: #222222; padding: 0 30px 0 20px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header .header_line .box nav > ul.menu > li > ul > li > a::before{content: ""; position: absolute; left: 0; top: 5px; width: 10px; height: 10px; background: url(../img/menu_arrow_green.svg) no-repeat scroll center center; background-size: 10px 10px; opacity: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch header .header_line .box nav > ul.menu > li > ul > li > a:hover, header .header_line .box nav > ul.menu > li > ul > li > a:focus, header .header_line .box nav > ul.menu > li > ul > li.active > a{color: #383e42 ;} .notouch header .header_line .box nav > ul.menu > li > ul > li > a:hover::before, header .header_line .box nav > ul.menu > li > ul > li > a:focus::before, header .header_line .box nav > ul.menu > li > ul > li.active > a::before{opacity: 1;} header .header_line .box .header_search{text-align: right; position: relative; display: inline-block; vertical-align: middle; width: 350px; margin: 0 0 0 60px;} header #search_box{width: 100%; position: relative; display: block;} header #search_box input[type=text]{margin: 13px 30px 0 0; position: relative; z-index: 1; display: inline-block; vertical-align: middle; width: calc(100% - 30px - 30px - 94px); padding: 6px 15px; border: 0; border-bottom: 1px solid #d6d6d6; font-size: 13px; line-height: 20px; font-weight: 400; color: #000000; background: transparent; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header #search_box input[type=text]::-webkit-input-placeholder {color: #bababa;} header #search_box input[type=text]::-moz-placeholder {color: #bababa;} header #search_box input[type=text]::-ms-input-placeholder {color: #bababa;} header #search_box button[type=submit].search_field{display: inline-block; vertical-align: middle; position: relative; width: 94px; height: 94px; background: none; z-index: 10; border: 1px solid #66a640 ; background: #66a640 ; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header #search_box button[type=submit].search_field::after{opacity: 1; background: url(../img/lupa_white.svg) no-repeat scroll center center; background-size: 30px 30px; content: ""; position: absolute; right: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch header #search_box button[type=submit].search_field:hover, header #search_box button[type=submit].search_field:focus{border: 1px solid #222222; background: #222222;} header #search_box form{font-size: 0;} header #search_box form p.load{border: 1px solid #ffffff; top: calc(100% + 10px); opacity: 0; visibility: hidden; font-size: 12px; line-height: 16px; font-weight: 600; z-index: 0; position: absolute; left: 0; right: 10px; background: #fff; color: #515154; padding: 10px 15px 10px 40px; margin: 0; text-align: left; box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.6);} header #search_box form p.load.active{opacity: 1; visibility: visible;} header #search_box form p.load::before{position: absolute; left: 15px; top: 50%; margin-top: -10px; width: 20px; height: 20px; content: ""; background: url(../img/search_arrow.svg) no-repeat scroll center center; background-size: 20px 20px; -webkit-animation: rotating 2s linear infinite; animation: rotating 2s linear infinite;} @-webkit-keyframes rotating {from {-webkit-transform: rotate(0deg);transform: rotate(0deg);}to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}} @keyframes rotating {from{ -webkit-transform: rotate(0deg); transform: rotate(0deg);} to{ -webkit-transform: rotate(360deg); transform: rotate(360deg);}} header #search_box form p.error{border: 1px solid #ffffff; top: 0; opacity: 0; visibility: hidden; font-size: 12px; line-height: 16px; font-weight: 600; z-index: 0; position: absolute; left: 0; right: 0; background: #fff; color: #515154; padding: 10px 15px 10px 40px; margin: 0; text-align: left;} header #search_box form p.error.active, header #search_box form li.last:only-child p.error{opacity: 1; visibility: visible; position: relative;} header #search_box form p.error::before{position: absolute; left: 15px; top: 50%; margin-top: -10px; width: 20px; height: 20px; content: ""; background: url(../img/search_error.svg) no-repeat scroll center center; background-size: 20px 20px;} header #search_box form ul{opacity: 1; visibility: visible; display: block; z-index: 0; position: absolute; margin: 0; padding: 0; top: calc(100% + 10px); left: 0; right: 10px; 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.hide{display: none;} 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, header #search_box form ul li button{border: 0; background: #fff; text-align: left; border-top: 1px solid #f0f0f0; font-size: 13px; line-height: 22px; color: #515154; padding: 5px 10px; list-style: none; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch header #search_box form ul li:hover a, header #search_box form ul li.active a{background: #f0f0f0; color: #515154;} .notouch header #search_box form ul li.special:hover a, header #search_box form ul li.active.special a{background: #383e42; color: #ffffff;} header #search_box form ul li button{padding-left: 0; padding-right: 0; width: 100%; } header #search_box form ul li.special a, header #search_box form ul li.special button{font-weight: 400; background: #515154; font-size: 12px; color: #fff; text-align: center; text-decoration: underline; padding: 8px 10px; margin: 0 0 -1px;} header #search_box form ul li a span{font-size: 12px; line-height: 22px; color: #515154; padding: 0;} .notouch header #search_box form ul li:not(.special):hover a, header #search_box form ul li.active a, .notouch header #search_box form ul li:not(.special):hover button, header #search_box form ul li.active button{background: #f0f0f0; color: #000;} .notouch header #search_box form ul li.special:hover a, header #search_box form ul li.active.special a, .notouch header #search_box form ul li.special:hover button, header #search_box form ul li.active.special button{text-decoration: none;} header #search_box form ul li > span{background: #383e42 ; text-align: left; font-size: 13px; line-height: 20px; color: #fff; font-weight: 600; padding: 8px 10px; list-style: none; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .open_close_navigation{cursor: pointer; text-align: center; display: none; position: relative; left: 0; z-index: 20; padding: 0; margin: 2px 0 0 0; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .open_close_navigation::after{margin: 0 0 0 5px; content: "Menu"; font-size: 14px; line-height: 20px; height: 18px; color: #222222; font-weight: 600; text-transform: uppercase; display: inline-block; vertical-align: middle; -webkit-transition: all 400ms ease; transition: all 400ms ease; cursor: pointer; user-select: none;} .open_close_navigation button {background: none; border: none; display: inline-block; vertical-align: middle; margin: 0;} .open_close_navigation .lines-button {font-size: 0; padding: 15px 0; -webkit-transition: all 400ms ease; transition: all 400ms ease; cursor: pointer; user-select: none;} .open_close_navigation .lines-button:active { -webkit-transition: none; transition: none;} .open_close_navigation .lines {display: inline-block; width: 1.8rem; height: 2px; background: #222222; transition: 0.3s; position: relative;} .open_close_navigation .lines:before, .open_close_navigation .lines:after {display: inline-block; width: 1.8rem; height: 2px; background: #222222; transition: 0.3s; position: absolute; left: 0; content: ''; -webkit-transform-origin: 0.28571rem center; transform-origin: 0.28571rem center;} .open_close_navigation .lines:before {top: 0.4rem;} .open_close_navigation .lines:after {top: -0.4rem;} .open_close_navigation .lines-button.close {-webkit-transform: scale3d(0.8, 0.8, 0.8); transform: scale3d(0.8, 0.8, 0.8);} .open_close_navigation .lines-button.x.close .lines {background: transparent !important;} .open_close_navigation .lines-button.x.close .lines:before, .open_close_navigation .lines-button.x.close .lines:after {height: 2px; left: -2px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; width: 2.3rem; background: #222222;} .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: #383e42 ;} .notouch .open_close_navigation:hover .lines-button.x.close .lines:before, .notouch .open_close_navigation:hover .lines-button.x.close .lines:after{background: #383e42 ;} .notouch .open_close_navigation:hover .lines:before, .notouch .open_close_navigation:hover .lines:after{background: #383e42 ;} .notouch .open_close_navigation:hover .lines{background: #383e42 ;} .ipad_menu{text-align: center; display: none; position: absolute; max-width: 1920px; margin: 0 auto; width: 100%; top: -900px; right: 0; left: 0; background: #ffffff; -webkit-box-shadow: 2px 2px 14px -5px rgba(0,0,0,0.5); box-shadow: 2px 2px 14px -5px rgba(0,0,0,0.5); padding: 74px 0 0; z-index: 9998; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .ipad_menu.move{top: 0 !important;} .ipad_menu > ul{display: block; position: relative; text-align: left; margin: 0; padding: 0; z-index: 9998;} .ipad_menu > ul > li{position: relative; list-style: none; display: block;} .ipad_menu > ul > li > a, .ipad_menu > ul > li > button:not(.icon){border: 0; background: none; border-top: 1px solid #ededed; position: relative; font-size: 13px; line-height: 44px; font-weight: 600; padding: 0 15px; display: block; text-transform: uppercase; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .ipad_menu > ul > li > button:not(.icon){text-align: left; width: 100%; } .notouch .ipad_menu > ul > li > a:hover, .ipad_menu > ul > li > a:focus, .ipad_menu > ul > li.active > a, .ipad_menu > ul > li[aria-expanded='true'] > a, .ipad_menu > ul > li.focus_efekt > a, .notouch .ipad_menu > ul > li > button:not(.icon):hover, .ipad_menu > ul > li > button:not(.icon):focus, .ipad_menu > ul > li.active > button:not(.icon), .ipad_menu > ul > li[aria-expanded='true'] > button:not(.icon), .ipad_menu > ul > li.focus_efekt > button:not(.icon){background: #383e42 ; border-top: 1px solid #002d22; color: #fff;} .ipad_menu > ul > li > ul{border-top: 1px solid #d4d4d4; display: none; position: relative; text-align: left; margin: 0; padding: 0 0 0 25px; z-index: 9998; background: #ececec;} .ipad_menu > ul > li[aria-expanded='true'] > ul, .ipad_menu > ul > li.open > ul{display: block;} .ipad_menu > ul > li > ul > li{position: relative; list-style: none; display: block;} .ipad_menu > ul > li > ul > li > a{border-top: 1px solid #d4d4d4; position: relative; font-size: 13px; line-height: 44px; font-weight: 600; padding: 0 60px 0px 15px; display: block; text-transform: none; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .ipad_menu > ul > li > ul > li:nth-child(1) > a{border-top: 0 !important} .notouch .ipad_menu > ul > li > ul > li > a:hover, .ipad_menu > ul > li > ul > li > a:focus, .ipad_menu > ul > li > ul > li.active > a, .ipad_menu > ul > li > ul > li[aria-expanded='true'] > a, .ipad_menu > ul > li > ul > li.focus_efekt > a{color: #383e42 } .ipad_menu ul > li > .icon{background: none; border: 0; cursor: pointer; z-index: 100; display: block; position: absolute; top: 1px; right: 0; height: 44px; width: 45px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .ipad_menu ul > li > .icon::after{position: absolute; height: 32px; width: 1px; top: 50%; left: 0; background: #d4d4d4; content: ""; display: block; -webkit-transform: translateY(-50%) translateZ(0); transform: translateY(-50%) translateZ(0); -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .ipad_menu ul > li:hover > .icon::after, .ipad_menu ul > li > .icon:focus::after, .ipad_menu ul > li.active > .icon::after, .ipad_menu ul > li[aria-expanded='true'] > .icon::after{background: #deeef3;} .ipad_menu ul > li > .icon::before{display: block; width: 100%; height: 100%; content: ""; position: absolute; top: 0; left: 0; background: url(../../img/arrow_black_right.svg) no-repeat scroll center center; background-size: 12px 12px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .ipad_menu ul > li > .icon.white::before{background: url(../../img/arrow_white_right.svg) no-repeat scroll center center;} .ipad_menu ul > li.focus_efekt > .icon::before, .ipad_menu ul > li.open > .icon::before, .ipad_menu ul > li.open > .icon:focus::before, .ipad_menu ul > li.open > .icon:hover::before, .ipad_menu ul > li:focus > .icon::before, .ipad_menu ul > li[aria-expanded='true'] > .icon::before, .notouch .ipad_menu ul > li:hover > .icon::before, .notouch .ipad_menu ul > li.focus_efekt > .icon:hover::before, .notouch .ipad_menu ul > li.open[aria-expanded='true'] > .icon:hover::before, .notouch .ipad_menu ul > li[aria-expanded='true'] > .icon:hover::before{background: url(../../img/arrow_white_right.svg) no-repeat scroll center center; background-size: 12px 12px;} .notouch .ipad_menu ul > li > .icon:hover::before, .ipad_menu ul > li > .icon:focus::before, .ipad_menu ul > li.open.focus_efekt > .icon:focus::before, .notouch .ipad_menu ul > li.open > .icon:hover::before{background: url(../../img/arrow_green_right.svg) no-repeat scroll center center; background-size: 12px 12px;} .ipad_menu ul > li.open > .icon::before{-webkit-transform: rotate(-90deg);transform: rotate(-90deg);} .ipad_menu > ul > li > ul > li > ul{position: relative; list-style: none; display: none;} .ipad_menu > ul > li > ul > li > ul.show{display: block;} .ipad_menu > ul > li > ul > li > ul > li > a{border-top: 1px solid #d4d4d4; position: relative; font-size: 13px; line-height: 44px; font-weight: 600; padding: 0 60px 0px 15px; display: block; text-transform: none; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .ipad_menu ul > li > ul > li.focus_efekt > .icon::before, .ipad_menu ul > li > ul > li.open > .icon::before, .ipad_menu ul > li > ul > li.open > .icon:focus::before, .ipad_menu ul > li > ul > li.open > .icon:hover::before, .ipad_menu ul > li > ul > li:focus > .icon::before, .ipad_menu ul > li > ul > li[aria-expanded='true'] > .icon::before, .notouch .ipad_menu ul > li > ul > li:hover > .icon::before, .notouch .ipad_menu ul > li > ul > li.focus_efekt > .icon:hover::before, .notouch .ipad_menu ul > li > ul > li.open[aria-expanded='true'] > .icon:hover::before, .notouch .ipad_menu ul > li > ul > li[aria-expanded='true'] > .icon:hover::before{background: url(../../img/arrow_white_right.svg) no-repeat scroll center center; background-size: 12px 12px;} .notouch .ipad_menu > ul > li > ul > li > a:hover, .ipad_menu > ul > li > ul > li > a:focus, .ipad_menu > ul > li > ul > li.active > a, .ipad_menu > ul > li > ul > li[aria-expanded='true'] > a, .ipad_menu > ul > li > ul > li.focus_efekt > a, .notouch .ipad_menu > ul > li > ul > li > button:not(.icon):hover, .ipad_menu > ul > li > ul > li > button:not(.icon):focus, .ipad_menu > ul > li > ul > li.active > button:not(.icon), .ipad_menu > ul > li > ul > li[aria-expanded='true'] > button:not(.icon), .ipad_menu > ul > li > ul > li.focus_efekt > button:not(.icon){background: #66a640; border-top: 1px solid #66a640; color: #fff;} @media screen and (max-width: 1600px) { .header_height{height: 80px;} header .header_line{width: 95%; padding: 0 0 0 5%;} header .header_line a.logo{width: 240px; height: 56px; background-size: 240px 56px;} header .header_line .box{width: calc(100% - 240px);} header .header_line .box nav{width: calc(100% - 320px - 50px);} header .header_line .box nav > ul.menu > li{margin: 0 18px;} header .header_line .box nav > ul.menu > li > a{font-size: 14px; padding: 37px 0 23px;} header .header_line .box nav > ul.menu > li > a::before{height: 3px;} header .header_line .box nav > ul.menu > li > ul{width: 600px; padding: 20px;} header .header_line .box nav > ul.menu > li > ul > li{margin: 14px 0 0;} header .header_line .box nav > ul.menu > li > ul > li > a{font-size: 13px;} header .header_line .box .header_search{width: 320px; margin: 0 0 0 50px;} header #search_box input[type=text]{margin: 13px 20px 0 0; width: calc(100% - 20px - 20px - 80px); padding: 6px 10px;} header #search_box button[type=submit].search_field{width: 80px; height: 80px;} header #search_box button[type=submit].search_field::after{background-size: 26px 26px;} } @media screen and (max-width: 1420px) { header .header_line a.logo{width: 200px; height: 47px; background-size: 200px 47px;} header .header_line .box{width: calc(100% - 200px);} header .header_line .box nav > ul.menu > li{margin: 0 10px;} header .header_line .box nav > ul.menu > li > ul{width: 300px; padding: 20px;} header .header_line .box nav > ul.menu > li > ul > li{display: block; width: 100%; margin: 14px 0 0;} header .header_line .box nav > ul.menu > li > ul > li:nth-child(-n + 2){margin-top: 14px;} header .header_line .box nav > ul.menu > li > ul > li:nth-child(-n + 1){margin-top: 0;} } @media screen and (max-width: 1300px) { .header_height{height: 74px;} header .header_line a.logo{width: 160px; height: 37px; background-size: 160px auto;} header .header_line a.logo::before, header .header_line a.logo::after{display: none;} header .header_line .box{width: calc(100% - 160px);} header .header_line .box nav{width: calc(100% - 280px - 40px);} header .header_line .box nav > ul.menu > li > a{font-size: 13px; padding: 20px 0;} header .header_line .box nav > ul.menu > li > .icon{margin: 0 0 0 5px;} header .header_line .box .header_search{width: 280px; margin: 0 0 0 40px;} header #search_box input[type=text]{margin: 0 15px 0 0; width: calc(100% - 15px - 20px - 74px);} header #search_box button[type=submit].search_field{width: 74px; height: 74px;} header #search_box button[type=submit].search_field::after{background-size: 22px 22px;} } @media screen and (max-width: 1150px) { header{position: absolute;} header .header_line .box nav{text-align: right;} header .header_line .box nav > ul.menu{display: none;} .open_close_navigation{display: inline-block;} .ipad_menu{display: block;} } @media screen and (max-width: 650px) { .open_close_navigation::after{display: none;} } @media screen and (max-width: 580px) { .header_height{height: 60px;} header .header_line{width: 99%; padding: 0 0 0 1%;} header .header_line a.logo{width: 60px; height: 14px; background-size: 60px 14px;} header .header_line .box{width: calc(100% - 60px);} header .header_line .box nav{width: calc(100% - 210px - 20px);} header .header_line .box nav > ul.menu > li > a{font-size: 13px; padding: 20px 0;} header .header_line .box nav > ul.menu > li > .icon{margin: 0 0 0 5px;} header .header_line .box .header_search{width: 210px; margin: 0 0 0 10px;} header #search_box input[type=text]{padding: 6px; margin: 0 10px 0 0; width: calc(100% - 10px - 12px - 50px);} header #search_box button[type=submit].search_field{width: 50px; height: 60px;} header #search_box button[type=submit].search_field::after{background-size: 22px 22px;} .ipad_menu{padding: 60px 0 0;} } .welcome_0{min-height: 0; padding: 0 0 41.7%; display: block; position: relative; background: no-repeat scroll center center #eaeaea; -webkit-background-size: cover; background-size: cover;} .welcome_0::before{position: absolute; top: 0; right: 0; left: 0; bottom: 0; content: ""; background: rgba(0,0,0,0.35); z-index: 0;} .sub .welcome_0{padding: 0; height: 250px; } .welcome_0 .inside_middle{position: absolute; z-index: 10; left: 0; right: 0; top: 50px; bottom: 202px;} .welcome_0 .inside_middle .box{flex-direction: column; width: 100%; display: flex; justify-content: center; height: 100%;} .welcome_0 .inside_middle .box h1{letter-spacing: 7px; font-size: 84px; line-height: 84px; color: #fff; font-weight: 300; text-align: left; margin: 0; padding: 0;} .welcome_0 .inside_middle .box h1 strong{display: block; font-size: 110px; line-height: 110px; color: #fff; font-weight: 700; text-align: left; margin: 0; padding: 0;} .welcome_0 .inside_middle .box h2{font-size: 20px; line-height: 26px; color: #fff; font-weight: 500; text-align: left; margin: 0; padding: 10px 0 30px 23px; text-transform: uppercase; letter-spacing: 2px;} .welcome_0 .inside_middle .box a{background: url(../img/clock_icon.svg) no-repeat scroll left center; background-size: 20px 20px; font-size: 16px; line-height: 24px; margin: 0 0 0 22px; color: #c1e35a; font-weight: 600; display: inline-block; vertical-align: middle; padding: 0 0 0 28px; letter-spacing: 1px; text-transform: uppercase; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .welcome_0 .inside_middle .box a:hover, .welcome_0 .inside_middle .box a:focus{color: #fff;} .sub .welcome_0::before{position: absolute; top: 0; right: 0; left: 0; bottom: 0; content: ""; background: rgba(0,0,0,0.4); } .sub .welcome_0 .inside_middle{top: 0; bottom: 0;} .sub .welcome_0 .inside_middle .box .main_title{text-transform: uppercase; letter-spacing: 3px; color: #fff; font-weight: 300; text-align: center; margin: 0; padding: 0;} .sub .welcome_0 .inside_middle .box .main_title strong{color: #fff; font-weight: 700;} .sub .welcome_0 .inside_middle .box .main_title, .sub .welcome_0 .inside_middle .box .main_title strong{font-size: 34px; line-height: 40px; } .sub .welcome_0 .inside_middle .box .sub_title{font-size: 18px; line-height: 24px; color: #fff; font-weight: 300; text-align: center; margin: 0; padding: 6px 0 0; text-transform: uppercase; letter-spacing: 1px;} .welcome_0 .inside_max{position: absolute; left: 0; right: 0; bottom: 0;} .welcome_0 .inside_max .box_list{padding: 46px 0; background: rgba(0,0,0,0.5); position: relative; font-size: 0;} .welcome_0 .inside_max .box_list .item{padding: 15px 0; border-left: 1px solid rgba(255,255,255,0.3); display: inline-block; vertical-align: middle; width: calc(20% - 1px); text-align: center; font-size: 0;} .welcome_0 .inside_max .box_list .item:nth-child(1){border: 0;} .welcome_0 .inside_max .box_list .item .icon{margin: 0 15px 0 0; display: inline-block; vertical-align: middle; width: 80px; height: 80px; background: no-repeat scroll center center; background-size: cover;} .welcome_0 .inside_max .box_list .item .icon img{display: block; margin: 0 auto; max-width: 100%;} .welcome_0 .inside_max .box_list .item .text{display: inline-block; vertical-align: middle; max-width: 150px; text-align: left;} .welcome_0 .inside_max .box_list .item .text .title{display: block; font-size: 15px; line-height: 22px; color: #fff; font-weight: 300;} .welcome_0 .inside_max .box_list .item .text .title strong{display: block; font-size: 15px; line-height: 22px; color: #fff; font-weight: 600;} @media screen and (max-width: 1600px) { .welcome_0 .inside_middle{top: 34px; bottom: 166px;} .welcome_0 .inside_middle .box h1{letter-spacing: 5px; font-size: 64px; line-height: 64px;} .welcome_0 .inside_middle .box h1 strong{font-size: 84px; line-height: 84px;} .welcome_0 .inside_middle .box h2{font-size: 18px; line-height: 24px; padding: 10px 0 24px 19px; letter-spacing: 1.5px;} .welcome_0 .inside_middle .box a{font-size: 15px; line-height: 24px; margin: 0 0 0 19px; } .welcome_0 .inside_max .box_list{padding: 35px 0;} .welcome_0 .inside_max .box_list .item{padding: 12px 0;} .welcome_0 .inside_max .box_list .item .icon{width: 72px; height: 72px;} .welcome_0 .inside_max .box_list .item .text{max-width: 150px;} .welcome_0 .inside_max .box_list .item .text .title{font-size: 14px; line-height: 22px;} .welcome_0 .inside_max .box_list .item .text .title strong{font-size: 14px; line-height: 22px;} } @media screen and (max-width: 1400px) { .welcome_0{min-height: 0; padding: 0; height: 576px;} } @media screen and (max-width: 1350px) { .welcome_0{height: 460px;} .welcome_0 .inside_middle{bottom: 126px;} .welcome_0 .inside_middle .box h1{letter-spacing: 3px; font-size: 48px; line-height: 52px;} .welcome_0 .inside_middle .box h1 strong{font-size: 70px; line-height: 74px;} .welcome_0 .inside_middle .box h2{font-size: 16px; line-height: 22px; padding: 6px 0 18px 15px; letter-spacing: 1px;} .welcome_0 .inside_middle .box a{font-size: 14px; line-height: 22px; margin: 0 0 0 15px; letter-spacing: normal;} .welcome_0 .inside_max .box_list{padding: 26px 0;} .welcome_0 .inside_max .box_list .item{padding: 10px 0;} .welcome_0 .inside_max .box_list .item .icon{margin: 0 10px 0 0; width: 54px; height: 54px;} .welcome_0 .inside_max .box_list .item .text{max-width: 120px;} .welcome_0 .inside_max .box_list .item .text .title{font-size: 13px; line-height: 18px;} .welcome_0 .inside_max .box_list .item .text .title strong{font-size: 13px; line-height: 18px;} } @media screen and (max-width: 1050px) { .welcome_0{height: 360px;} .welcome_0 .inside_middle{top: 0; bottom: 104px;} .welcome_0 .inside_middle .box h1{letter-spacing: 1px; font-size: 36px; line-height: 36px;} .welcome_0 .inside_middle .box h1 strong{font-size: 46px; line-height: 46px;} .welcome_0 .inside_middle .box h2{font-size: 14px; line-height: 20px; padding: 4px 0 12px 9px; letter-spacing: normal;} .welcome_0 .inside_middle .box a{font-size: 13px; line-height: 20px; margin: 0 0 0 9px; letter-spacing: normal;} .welcome_0 .inside_max{max-width: 100%; width: 100%;} .welcome_0 .inside_max .box_list{padding: 20px 0;} .welcome_0 .inside_max .box_list .item{padding: 8px 0;} .welcome_0 .inside_max .box_list .item .icon{margin: 0 5px 0 0; width: 48px; height: 48px;} .welcome_0 .inside_max .box_list .item .text{max-width: 120px;} .welcome_0 .inside_max .box_list .item .text .title{font-size: 12px; line-height: 16px;} .welcome_0 .inside_max .box_list .item .text .title strong{font-size: 12px; line-height: 16px;} .sub .welcome_0 .inside_middle .box .main_title{letter-spacing: 2px; } .sub .welcome_0 .inside_middle .box .main_title, .sub .welcome_0 .inside_middle .box .main_title strong{font-size: 28px; line-height: 34px; } .sub .welcome_0 .inside_middle .box .sub_title{font-size: 16px; line-height: 22px; padding: 4px 0 0;} } @media screen and (max-width: 900px) { .welcome_0{height: 320px;} .welcome_0 .inside_middle{bottom: 96px;} .welcome_0 .inside_max .box_list{padding: 18px 0;} .welcome_0 .inside_max .box_list .item{padding: 6px 0;} .welcome_0 .inside_max .box_list .item .icon{display: none;} .welcome_0 .inside_max .box_list .item .text{width: 90%; max-width: 90%; text-align: center; margin: 0 auto;} } @media screen and (max-width: 700px) { .welcome_0{height: initial; height: auto;} .welcome_0::before{content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 0;} .welcome_0 .inside_middle{position: relative; bottom: 0; z-index: 5;} .welcome_0 .inside_middle .box{display: block; padding: 40px 0;} .welcome_0 .inside_middle .box{text-align: center;} .welcome_0 .inside_middle .box h1{text-align: center;} .welcome_0 .inside_middle .box h1 strong{text-align: center;} .welcome_0 .inside_middle .box h2{padding: 4px 0 12px; text-align: center;} .welcome_0 .inside_middle .box a{margin: 0;} .welcome_0 .inside_max{display: none;} .sub .welcome_0{height: 150px;} } @media screen and (max-width: 500px) { .welcome_0 .inside_middle .box{padding: 30px 0;} .welcome_0 .inside_middle .box h1{letter-spacing: normal; font-size: 28px; line-height: 32px;} .welcome_0 .inside_middle .box h1 strong{font-size: 36px; line-height: 40px;} .welcome_0 .inside_middle .box h2{font-size: 13px; line-height: 18px;} .welcome_0 .inside_middle .box a{font-size: 12px; line-height: 18px;} .sub .welcome_0{height: 113px;} .sub .welcome_0 .inside_middle .box .main_title{letter-spacing: 1px; } .sub .welcome_0 .inside_middle .box .main_title, .sub .welcome_0 .inside_middle .box .main_title strong{font-size: 24px; line-height: 30px; } .sub .welcome_0 .inside_middle .box .sub_title{font-size: 14px; line-height: 20px; padding: 3px 0 0;} } .welcome_1{display: block; position: relative; width: 100%;} .welcome_1 .main_tabs{z-index: 10; display: block; position: relative;} .welcome_1 .main_tabs ul{width: 100%; margin: 0; padding: 0; font-size: 0; display: block; position: relative;} .welcome_1 .main_tabs ul li{display: inline-block; vertical-align: middle; width: 33.33%; text-align: center; position: relative;} .welcome_1 .main_tabs ul li a{position: relative; z-index: 0; background: #7b7979; font-size: 16px; line-height: 24px; margin: 0; color: #ffffff; font-weight: 600; display: block; padding: 38px 0; text-transform: uppercase; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .welcome_1 .main_tabs ul li a::before{content: ""; display: inline-block; vertical-align: middle; margin: 0 8px 0 0; position: relative; width: 22px; height: 22px; background: url(../img/clock_icon.svg) no-repeat scroll center center; background-size: 22px 22px; } .welcome_1 .main_tabs ul li a::after{z-index: 0; opacity: 1; content: ""; display: block; margin: 0; position: absolute; left: -1px; top: calc(50% - 35px); width: 1px; height: 70px; background: #9a9a9a; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; } .welcome_1 .main_tabs ul li:nth-child(1) a::after{display: none;} .notouch .welcome_1 .main_tabs ul li a:hover, .welcome_1 .main_tabs ul li a:focus, .welcome_1 .main_tabs ul li.active a{z-index: 1; background: #66a640} .notouch .welcome_1 .main_tabs ul li a:hover::after, .welcome_1 .main_tabs ul li a:focus::after{opacity: 0;} .welcome_1 .main_tabs ul li.active a::after{display: block !important; opacity: 1 !important; left: calc(50% - 45px); top: 100%; width: 0; height: 0; border-style: solid; border-width: 18px 45px 0 45px; border-color: #66a640 transparent transparent transparent; background: transparent;} .welcome_1 .obsah{z-index: 9; display: none; background: #efefef; padding: 80px; position: relative;} .welcome_1 .obsah.active{display: block;} .welcome_1 .obsah > a.btn{position: absolute; right: 30px; top: 30px;} @media screen and (max-width: 1600px) { .welcome_1 .obsah{padding: 60px;} .welcome_1 .obsah > a.btn{right: 25px; top: 25px;} } @media screen and (max-width: 1400px) { .welcome_1 .obsah{padding: 40px;} .welcome_1 .obsah > a.btn{right: 20px; top: 20px;} } @media screen and (max-width: 1200px) { .welcome_1 .obsah{padding: 30px 30px 80px;} .welcome_1 .main_tabs ul li a{font-size: 14px; line-height: 22px; padding: 30px 0; } .welcome_1 .main_tabs ul li a::before{width: 20px; height: 20px; background-size: 20px 20px; } .welcome_1 .main_tabs ul li a::after{top: calc(50% - 25px); height: 50px;} .welcome_1 .main_tabs ul li.active a::after{left: calc(50% - 35px); border-width: 13px 35px 0 35px;} .welcome_1 .obsah > a.btn{right: 50%; top: calc(100% - 35px); -webkit-transform: translateX(50%); transform: translateX(50%); } } @media screen and (max-width: 850px) { .welcome_1 .main_tabs ul li a{font-size: 12px; line-height: 20px; padding: 20px 0; } .welcome_1 .main_tabs ul li a::before{width: 16px; height: 16px; background-size: 16px 16px; } .welcome_1 .main_tabs ul li a::after{top: calc(50% - 18px); height: 36px;} } @media screen and (max-width: 750px) { .welcome_1 .inside_max{width: 100%; max-width: 100%;} .welcome_1 .main_tabs ul li a{text-transform: none;} .welcome_1 .main_tabs ul li a::before{width: 14px; height: 14px; background-size: 14px 14px; } .welcome_1 .main_tabs ul li.active a::after{left: calc(50% - 25px); border-width: 10px 25px 0 25px;} } @media screen and (max-width: 700px) { .welcome_1 .obsah{padding: 20px 15px 60px;} } @media screen and (max-width: 550px) { .welcome_1 .main_tabs ul li a::before{display: none;} } @media screen and (max-width: 500px) { .welcome_1 .main_tabs ul li a{font-size: 9px; line-height: 16px; font-weight: 400; padding: 12px;} .welcome_1 .main_tabs ul li a::after{top: calc(50% - 14px); height: 28px;} .welcome_1 .main_tabs ul li.active a::after{left: calc(50% - 15px); border-width: 8px 15px 0 15px;} } .welcome_2{padding: 9% 0; display: block; position: relative; width: 100%;} .welcome_2 .img{position: relative; width: 55%; display: inline-block; vertical-align: middle;} .welcome_2 .img .in{-webkit-box-shadow: 0 0 15px 3px rgba(0,0,0,0.4); box-shadow: 0 0 15px 3px rgba(0,0,0,0.4); display: block; position: relative; width: 100%; padding: 0 0 66%; background: url(../img/gallery_img2.jpg) no-repeat scroll center center; -webkit-background-size: cover; background-size: cover;} .welcome_2 .img a{z-index: 100; text-transform: uppercase; padding: 160px 131px 40px 40px; display: block; font-size: 14px; line-height: 22px; color: #fff; font-weight: 600; text-align: left; background: url(../img/wine_icon.svg) no-repeat scroll 90% 10% #66a640; background-size: 75px 90px; display: block; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%) translateX(50%); transform: translateY(-50%) translateX(50%); -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .welcome_2 .img a:hover, .welcome_2 .img a:focus{background-color: #383e42 ;} .welcome_2 .text{display: inline-block; vertical-align: middle; position: relative; text-align: right; width: 45%; } .welcome_2 .text .in{width: 100%; max-width: 400px; text-align: left; display: inline-block; vertical-align: middle;} .welcome_2 .text h3{text-transform: uppercase; margin: 0; font-size: 25px; line-height: 32px; color: #383e42 ; font-weight: 400; text-align: left; padding: 0 0 0 110px; background: url(../img/uh_clock.svg) no-repeat scroll left center; background-size: 50px 50px;} .welcome_2 .text h3 strong{letter-spacing: 1.3px; font-size: 25px; line-height: 32px; color: #383e42 ; font-weight: 700; display: block;} .welcome_2 .text p{text-transform: uppercase; margin: 60px 0 0; padding: 0; color: #424242; font-weight: 600; text-align: left;} .welcome_2 .text p strong{text-transform: uppercase; margin: 0; display: inline-block; width: 110px; padding: 0; color: #60805b; font-weight: 600; text-align: left;} .welcome_2 .text p, .welcome_2 .text p strong{font-size: 16px; line-height: 28px; } @media screen and (max-width: 1800px) { .welcome_2{padding: 8% 0;} } @media screen and (max-width: 1700px) { .welcome_2{padding: 7% 0;} } @media screen and (max-width: 1600px) { .welcome_2{padding: 6% 0;} } @media screen and (max-width: 1500px) { .welcome_2{padding: 5% 0;} .welcome_2 .img a{right: 50%;} } @media screen and (max-width: 1150px) { .welcome_2{padding: 60px 0;} .welcome_2 .img{display: none;} .welcome_2 .text{display: block; text-align: center; width: 100%; } .welcome_2 .text h3{text-align: center; font-size: 22px; line-height: 28px; padding: 0; background: none;} .welcome_2 .text h3 strong{letter-spacing: normal; font-size: 22px; line-height: 28px;} .welcome_2 .text p{margin: 30px 0 0; font-size: 14px; line-height: 26px; text-align: center;} .welcome_2 .text p strong{width: 100px; padding: 0; font-size: 14px; line-height: 26px;} } @media screen and (max-width: 1024px) { .welcome_2{padding: 40px 0;} } @media screen and (max-width: 500px) { .welcome_2{padding: 30px 0;} .welcome_2 .text h3, .welcome_2 .text h3 strong{font-size: 20px; line-height: 26px;} .welcome_2 .text p{margin: 20px 0 0; font-size: 13px; line-height: 22px;} .welcome_2 .text p strong{width: 90px; font-size: 13px; line-height: 22px;} } .welcome_3{border-top: 1px solid #f0f0f0; overflow: hidden; padding: 40px 0; background: #ffffff; position: relative; display: block; width: 100%;} .welcome_3 .partners_list{text-align: center; display: block; position: relative; width: 100%; font-size: 0;} .welcome_3 .partners_list .item{display: inline-block; vertical-align: middle; width: 180px; max-width: 50%; margin: 0; -webkit-transition: box-shadow 400ms ease; transition: box-shadow 400ms ease; } .welcome_3 .partners_list .item picture{display: block; position: relative; width: 100%; padding: 0 0 60%; background-repeat: no-repeat; background-position: center center; background-size: contain;} @media screen and (max-width: 1024px) { .welcome_3{padding: 30px 0;} } #content{background: #ffffff; padding: 0; position: relative;} #content .inside .inside{padding-left: 0; padding-right: 0; width: 100%; max-width: 100%;} #content .inside{margin: 0 auto 40px} #content .inside.margin{margin: 0 auto 20px; padding: 0;} #content .inside:last-of-type, #content .inside.nomargin{margin: 0 auto;} @media screen and (max-width: 500px) { #content .inside{margin: 0 auto 30px} #content .inside.margin{margin: 0 auto 10px;} } aside{width: 260px; position: relative; float: left; display: block; padding: 0; margin: 0 0 50px;} aside nav{width: 100%; position: relative; z-index: 999; display: block; margin: 0;} aside nav > ul.menu{margin: 0; padding: 0; display: block;} aside nav > ul.menu > li{font-size: 0; padding: 0; position: relative; list-style: none; display: block;} aside nav > ul.menu > li > a{border-bottom: 1px solid rgba(25,84,63,0.4); border-top: 0;position: relative; display: block; line-height: 20px; font-size: 12px; text-transform: uppercase; font-weight: 700; padding: 11px 40px 11px 15px; background: #fff; color: #383e42 ; -webkit-transition: all 400ms ease; transition: all 400ms ease;} aside nav > ul.menu > li:nth-child(1) > a{border-top: 1px solid rgba(25,84,63,0.4);} .notouch aside nav > ul.menu > li > a:hover, aside nav > ul.menu > li > a:focus, aside nav > ul.menu > li.active > a, aside nav > ul.menu > li.open > a{background: rgba(102,166,64,0.77); color: #383e42 ;} aside nav > ul.menu > li > .icon{border: 0; padding: 0; margin: 0; background: none; position: absolute; top: 12px; right: 8px; display: block; width: 20px; height: 20px;} aside nav > ul.menu > li > .icon::before{-webkit-transform: rotate(90deg); transform: rotate(90deg); position: absolute; left: 0; top: 0; width: 20px; height: 20px; background: url(../img/arrow_green_right.svg) no-repeat scroll center center; background-size: 12px 12px; content: ""; opacity: 1; -webkit-transition: all 400ms ease; transition: all 400ms ease;} aside nav > ul.menu > li > .icon::after{-webkit-transform: rotate(90deg); transform: rotate(90deg); position: absolute; left: 0; top: 0; width: 20px; height: 20px; background: url(../img/arrow_white_right.svg) no-repeat scroll center center; background-size: 12px 12px; content: ""; opacity: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch aside nav > ul.menu > li > .icon:hover::before, .notouch aside nav > ul.menu > li > .icon:focus::before{background-color: #383e42 ; opacity: 0;} .notouch aside nav > ul.menu > li > .icon:hover::after, .notouch aside nav > ul.menu > li > .icon:focus::after{background-color: #383e42 ; opacity: 1;} aside nav > ul.menu > li > ul{width: 100%; font-size: 0; z-index: 0; margin: 0; padding: 0; position: relative; background: rgba(102,166,64,0.77); display: none;} aside nav > ul.menu > li.active > ul, aside nav > ul.menu > li.open > ul, aside nav > ul.menu > li[aria-expanded='true'] > ul{display: block;} aside nav > ul.menu > li > ul > li{position: relative; margin: 0; list-style: none; display: block; padding: 0;} aside nav > ul.menu > li > ul > li > a{border-bottom: 1px solid rgba(25,84,63,0.4); position: relative; text-align: left; display: block; font-size: 13px; line-height: 18px; font-weight: 600; color: #ffffff; padding: 9px 40px 9px 25px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} aside nav > ul.menu > li > ul > li > a::before{content: ""; position: absolute; left: 10px; top: 13px; width: 10px; height: 10px; background: url(../img/menu_arrow_green.svg) no-repeat scroll center center; background-size: 10px 10px; opacity: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch aside nav > ul.menu > li > ul > li > a:hover, aside nav > ul.menu > li > ul > li > a:focus, aside nav > ul.menu > li > ul > li.active > a{color: #383e42 ;} .notouch aside nav > ul.menu > li > ul > li > a:hover::before, aside nav > ul.menu > li > ul > li > a:focus::before, aside nav > ul.menu > li > ul > li.active > a::before{opacity: 1;} aside nav > ul.menu > li > ul > li > .icon{border: 0; padding: 0; margin: 0; background: none; position: absolute; top: 9px; right: 8px; display: block; width: 20px; height: 20px;} aside nav > ul.menu > li > ul > li > .icon::before{-webkit-transform: rotate(90deg); transform: rotate(90deg); position: absolute; left: 0; top: 0; width: 20px; height: 20px; background: url(../img/arrow_green_right.svg) no-repeat scroll center center; background-size: 12px 12px; content: ""; opacity: 1; -webkit-transition: all 400ms ease; transition: all 400ms ease;} aside nav > ul.menu > li > ul > li > .icon::after{-webkit-transform: rotate(90deg); transform: rotate(90deg); position: absolute; left: 0; top: 0; width: 20px; height: 20px; background: url(../img/arrow_white_right.svg) no-repeat scroll center center; background-size: 12px 12px; content: ""; opacity: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch aside nav > ul.menu > li > ul > li > .icon:hover::before, .notouch aside nav > ul.menu > li > ul > li > .icon:focus::before{background-color: #383e42 ; opacity: 0;} .notouch aside nav > ul.menu > li > ul > li > .icon:hover::after, .notouch aside nav > ul.menu > li > ul > li > .icon:focus::after{background-color: #383e42 ; opacity: 1;} aside nav > ul.menu > li > ul > li > ul{width: 100%; font-size: 0; z-index: 0; margin: 0; padding: 0; position: relative; background: #383e42 ; display: none;} aside nav > ul.menu > li.active > ul > li.active > ul, aside nav > ul.menu > li.open > ul > li.open > ul, aside nav > ul.menu > li[aria-expanded='true'] > ul > li[aria-expanded='true'] > ul{display: block;} aside nav > ul.menu > li > ul > li > ul > li{margin: 0; list-style: none; display: block; padding: 0;} aside nav > ul.menu > li > ul > li > ul > li > a{border-bottom: 1px solid #045a45; position: relative; text-align: left; display: block; font-size: 12px; line-height: 18px; font-weight: 400; color: #89bb6c; padding: 8px 50px 8px 25px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch aside nav > ul.menu > li > ul > li > ul > li > a:hover, aside nav > ul.menu > li > ul > li > ul > li > a:focus, aside nav > ul.menu > li > ul > li > ul > li.active > a{color: #ffffff;} @media screen and (max-width: 1500px) { aside{width: 280px;} aside .main_box{padding: 40px 0 240px;} aside .main_box img{width: 340px;} aside .exclusive_product{padding: 20px;} } @media screen and (max-width: 1080px) { aside{display: none; width: 100%; margin: 0 0 30px;} aside .open_title{display: block;} aside ul.first{display: none; margin: 0 0 20px;} } .c_column{width: calc(100% - 310px); padding: 0 0 50px; position: relative; float: right; display: block;} .c_column.full{width: 100%; float: none;} .hp .c_column.full{padding: 0;} @media screen and (max-width: 1500px) { .c_column{width: calc(100% - 330px);} } @media screen and (max-width: 1080px) { .c_column{width: 100%; padding: 0 0 50px;} } @media screen and (max-width: 1024px) { .c_column{width: 100%; padding: 10px 0 40px;} } footer{padding: 80px 0; background: url(../img/footer_bg.jpg) no-repeat scroll center center;; display: block; position: relative; -webkit-background-size: cover; background-size: cover;} footer .text{position: relative; display: inline-block; vertical-align: top; width: 240px; padding: 0 7% 0 170px; margin: 0 7% 0 0;} footer .text::before{position: absolute; top: 0; bottom: 0; right: 0; width: 1px; height: 100%; background: #fff; opacity: 0.3; content: ""; } footer .text a.logo{z-index: 10; position: absolute; left: 0; top: 0; display: block; width: 130px; height: 110px; background-size: 130px 110px;} footer .text p{padding: 0; margin: 0 0 20px; font-size: 14px; line-height: 22px; font-weight: 300; text-align: left; color: #fff;} footer .text p.title{font-weight: 600; font-size: 16px; text-transform: uppercase; } footer .text p.margin{margin: 60px 0 0;} footer .text p.nomargin{margin: 0;} footer .text p strong{font-size: 14px; line-height: 22px; font-weight: 600;} footer .text p a{font-size: 14px; line-height: 22px; font-weight: 400; text-decoration: underline;} footer .text p a.map_link{padding: 0 0 0 20px; font-weight: 700; background: url(../img/map_link_pointer.svg) no-repeat scroll center left; background-size: 13px 18px; color: #ffffff; text-transform: uppercase;} .notouch footer .text p a:hover, footer .text p a:focus{text-decoration: none;} footer .menu{position: relative; display: inline-block; vertical-align: top; width: calc(100% - 240px - 170px - 14%); padding: 0; margin: 0;} footer .menu::before{display: none; position: absolute; top: 0; bottom: 0; left: calc(-7% - 2px); width: 1px; height: 100%; background: #fff; opacity: 0.3; content: ""; } footer .menu nav{display: block; position: relative; width: 100%; font-size: 0;} footer .menu nav > ul{display: inline-block; vertical-align: top; width: 20%; margin: 0; padding: 0;} footer .menu nav > ul > li{display: block; position: relative; margin: 0 0 10px;} footer .menu nav > ul > li > a{padding: 0 0 4px; display: block; font-size: 14px; line-height: 22px; color: #fff; font-weight: 600; position: relative; text-transform: uppercase; -webkit-transition: all 400ms ease; transition: all 400ms ease;} footer .menu nav > ul > li > a::before{content: ""; position: absolute; left: 0; bottom: 0; width: 46px; height: 1px; background: #fff; opacity: 0.3; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch footer .menu nav > ul > li > a:hover::before, footer .menu nav > ul > li > a:focus::before, footer .menu nav > ul > li.active > a::before{opacity: 1;} footer .menu nav > ul{display: inline-block; vertical-align: top; width: 20%; margin: 0; padding: 0;} footer .menu nav > ul > li{display: block; position: relative; margin: 0 0 10px;} footer .menu nav > ul > li > ul{display: block; margin: 0; padding: 0; width: 100%;} footer .menu nav > ul > li > ul > li{display: block; position: relative; margin: 15px 30px 0 0;} footer .menu nav > ul > li > ul > li a{padding: 0; display: block; font-size: 13px; line-height: 20px; color: #fff; font-weight: 300; position: relative;} footer .menu nav > ul > li > ul > li a::before{content: ""; position: absolute; left: -15px; top: 5px; width: 10px; height: 10px; background: url(../img/menu_arrow_white.svg) no-repeat scroll center center; background-size: 10px 10px; opacity: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch footer .menu nav > ul > li > ul > li a:hover::before, footer .menu nav > ul > li > ul > li a:focus::before, footer .menu nav > ul > li > ul > li.active a::before{opacity: 1;} footer ul.social{display: block; margin: 4px 0 0; padding: 0; height: 30px;} footer ul.social li{list-style: none; display: inline-block; margin: 0 2px 0 0;} footer ul.social li a{display: block; width: 30px; height: 30px; position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease;} footer ul.social li a::before{opacity: 1; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: no-repeat scroll center center; background-size: 26px 26px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} footer ul.social li a::after{opacity: 0; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: no-repeat scroll center center; background-size: 26px 26px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} footer ul.social li a.in::before{background-image: url(../../img/social_in_icon_white.svg);} footer ul.social li a.fb::before{background-image: url(../../img/social_fb_icon_white.svg);} footer ul.social li a.yt::before{background-image: url(../../img/social_yt_icon_white.svg);} footer ul.social li a.li::before{background-image: url(../../img/social_li_icon_white.svg);} footer ul.social li a.tw::before{background-image: url(../../img/social_tw_icon_white.svg);} .notouch footer ul.social li a:hover{background: #66a640;} @media screen and (max-width: 1750px) { footer .text{padding: 0 5% 0 170px; margin: 0 5% 0 0;} footer .menu{width: calc(100% - 240px - 170px - 10%);} } @media screen and (max-width: 1650px) { footer .text{padding: 0 5% 0 0;} footer .text a.logo{display: none} footer .menu{width: calc(100% - 240px - 10%);} } @media screen and (max-width: 1350px) { footer .text::before{display: none;} footer .menu::before{display: block;} footer .menu nav > ul{display: block; width: 100%; margin: 30px 0 0;} footer .menu nav > ul:nth-child(1){margin: 0;} footer .menu nav > ul > li{margin: 0;} footer .menu nav > ul > li > ul > li{display: inline-block; vertical-align: top; margin: 10px 30px 0 0;} } @media screen and (max-width: 1024px) { footer{padding: 60px 0;} footer .text{width: 220px; padding: 0 30px 0 0; margin: 0 30px 0 0;} footer .text p{margin: 0 0 18px; font-size: 13px; line-height: 20px;} footer .text p.title{font-size: 15px;} footer .text p.margin{margin: 50px 0 0;} footer .text p strong{font-size: 13px; line-height: 20px;} footer .text p a{font-size: 13px; line-height: 20px;} footer .menu{width: calc(100% - 220px - 60px);} } @media screen and (max-width: 800px) { footer .text{font-size: 0; border-bottom: 1px solid rgba(255,255,255,0.3); width: 100%; padding: 0 0 10px 0; margin: 0 0 30px 0;} footer .text p{text-align: center;} footer .text p.margin{display: none;} footer .menu{width: 100%; text-align: center;} footer .menu nav > ul > li > a::before{right: 0; margin: 0 auto;} footer .menu nav > ul > li > ul > li{margin: 6px 12px 0;} } @media screen and (max-width: 500px) { footer{padding: 40px 0;} } .sign{background: #ffffff; padding: 0; text-align: center;} .sign a{padding: 16px 5%; color: #666666; font-weight: 700; font-size: 12px; line-height: 16px; text-align: center; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .sign a:hover{color: #000000;} /************************ MODULY ************************/ .drobky{position: relative; text-align: left; width: 100%; margin: 0 auto; padding: 20px 0;} .drobky ul::before{z-index: 99; position: absolute; top: 0; bottom: 0; right: 0; width: 40px; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); content: ""; display: block;} .drobky ul{z-index: 0; position: relative; white-space: nowrap; margin: 0; padding: 0; width: 100%; overflow: hidden;} .drobky ul li{position: relative; z-index: 9; list-style: none; display: inline-block; vertical-align: middle; margin-right: -4px; border-left: 1px solid #e4e5e6;} .drobky ul li.first{border: 0;} .drobky ul li.first a{padding-left: 0;} .drobky ul li a{white-space: nowrap; position: relative; display: block; color: #222222; font-size: 12px; line-height: 18px; font-weight: 400; padding: 0 15px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .drobky ul li a:hover, .drobky ul li a:focus{text-decoration: underline; color: #383e42 ;} .drobky ul li span{white-space: nowrap; display: block; color: #222222; font-size: 12px; line-height: 18px; font-weight: 700; padding: 0 0 0 15px; text-transform: uppercase;} @media screen and (max-width: 1080px) { .drobky{padding: 20px 0 25px;} } @media screen and (max-width: 500px) { .drobky{padding: 15px 0;} .drobky ul li a{font-size: 10px; line-height: 16px; padding: 0 10px;} .drobky ul li span{font-size: 10px; line-height: 16px; padding: 0 0 0 10px;} } .landing_list { width: 100%; text-align: left;} .landing_list h2 { text-align: left; margin: 0; padding: 0 0 5px; font-size: 26px; line-height: 32px; font-weight: 900; text-transform: uppercase; color: #000000;} .landing_list h2{ font-size: 16px; line-height: 24px; margin: 30px 0 10px; font-weight: 700;} .landing_list .item { display: inline-block; vertical-align: middle; margin: 0 2px 5px 0; font-size: 13px; line-height: 20px; padding: 8px 25px; color: #ffffff; border: 1px solid #000000; background: #000000; font-weight: 600; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .landing_list a.item:hover { border: 1px solid #383e42 ; background: #383e42 } .landing { width: 100%; text-align: left;} .landing p{margin: 0 0 5px;} .landing ul{margin: 0; padding: 0;} .landing ul li{margin: 0 2px 5px 0; display: inline-block; vertical-align: middle;} @media screen and (max-width: 600px) { .landing ul li a.btn{white-space: pre-wrap;} } .login_form{display: block; position: relative; padding: 15px 20px; background: #efefef;} .login_form table{border-collapse: separate; border-spacing: 0 5px;} .login_form table th{padding: 0 10px 0 30px; font-size: 13px; line-height: 20px; font-weight: 600; text-transform: uppercase; text-align: right;} .login_form table th:nth-child(1){padding: 0 10px 0 0;} .login_form table td{padding: 0 5px 0 0;} .login_form table td input[type=text], .login_form table td input[type=password]{border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #ffffff; font-size: 13px; line-height: 20px; padding: 5px 15px; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .login_form table td input[readonly]{border: 1px solid #e6e7e8 !important; background: #f2f2f2;} .login_form table td input[type=text]:focus, .login_form table td input[type=password]:focus{border: 1px solid #666;} .filter{display: block; position: relative; padding: 15px 20px; background: #efefef;} .filter table{border-collapse: separate; border-spacing: 0 5px;} .filter table th{padding: 0 10px 0 0; font-size: 13px; line-height: 20px; font-weight: 600; text-transform: uppercase; text-align: right;} .filter table td{padding: 0 5px 0 0;} .filter table td .sbHolder{position: relative; background: #ffffff; width: 170px; margin: 0; height: 29px; border: 1px solid #e0dfdf; } .filter table td .sbHolder .sbToggle{margin: 0; background: url(../img/select_arrow.svg) no-repeat scroll center center; background-size: 16px 16px; right: 0; top: 0; bottom: 0; height: 100%; width: 29px; border-left: 1px solid #e0dfdf;} .filter table td .sbHolder .sbToggle.sbToggleOpen{background: url(../img/select_arrow_reverse.svg) no-repeat scroll center center; background-size: 16px 16px; } .filter table td .sbHolder a.sbSelector{margin: 0; display: block; color: #000 !important; font-size: 12px; line-height: 32px; padding: 0 45px 0 15px; font-weight: 400; width: calc(100% - 60px); text-align: left; text-decoration: none;} .filter table td .sbOptions{max-height: 500px !important; z-index: 999; top: 100% !important; background: #ffffff; padding: 0; left: -1px; right: -1px;} .filter table td .sbOptions a{text-decoration: none; border: 1px solid #e0dfdf; border-top: 0; height: auto; background: #fff !important; display: block; text-align: left; padding: 0 15px; font-size: 12px; line-height: 28px; margin: 0; font-weight: 600; color: #000 !important; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .filter table td .sbOptions li:first-child a{border-top: 1px solid #e0dfdf;} .notouch .filter table td .sbOptions a:hover{background: #f0f0f0 !important;} @media screen and (max-width: 590px) { .filter table{margin: 0 auto; width: 50%;} .filter table th{margin-bottom: 4px;} .filter table tr{display: flex; flex-direction: column; align-items: center;} .filter table td{width: 100%; margin-bottom: 8px;} .filter table td:last-child{width: 100%; display: flex; justify-content: center;} .filter table td:last-child a{width: 100%;} .filter table td .sbHolder{width: 100%;} .filter table tr td a{margin-top: 5px;} } @media screen and (max-width: 500px) { .filter table{margin: 0 auto; width: 80%;} } .filter_line .filter_button{margin-bottom: 4px;} .main_list_1{display: block; position: relative; width: 100%; font-size: 0;} .main_list_1 .item{background: #efefef; position: relative; text-align: left; display: inline-block; vertical-align: top; width: calc(50% - 20px / 2); margin: 20px 0 0;} .hp .main_list_1 .item:nth-child(2n)::before{content: ""; position: absolute; left: -21px; top: 20px; bottom: 20px; border-left: 1px solid #c1c1c1; display: block; width: 0;} .hp .main_list_1 .item:nth-child(2n - 1)::before{content: ""; position: absolute; right: 0; top: 20px; bottom: 20px; border-left: 1px solid #c1c1c1; display: block; width: 0;} .main_list_1 .item:nth-child(2n){margin: 20px 0 0 20px;} .main_list_1 .item:nth-child(-n + 2){margin-top: 0;} .main_list_1 .item .in{padding: 30px; position: relative; display: block;} .hp .main_list_1 .item .in{padding: 30px 60px;} .main_list_1 .item .in .title{display: block; max-width: 570px; font-size: 16px; line-height: 22px; color: #424242; font-weight: 600; text-transform: uppercase; text-align: left; margin: 0; padding: 0;} .notouch .main_list_1 .item:hover .in .title, .main_list_1 .item:focus .in .title{color: #383e42 } .main_list_1 .item .in .anotation{display: block; max-width: 570px; font-size: 13px; line-height: 18px; color: #424242; font-weight: 600; text-align: left; margin: 10px 0 20px; padding: 0;} .main_list_1 .item .in .anotation strong{display: inline-block; font-size: 13px; line-height: 18px; color: #66a640; font-weight: 600; text-align: left; width: 130px;} .main_list_1 .item .in .file_item{font-size: 12px; line-height: 18px; font-weight: 400; color: #424242; display: inline-block; vertical-align: middle; border: 1px solid #66a640; -webkit-border-radius: 20px; border-radius: 20px; padding: 8px 16px 8px 36px; position: relative; margin: 10px 0 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .main_list_1 .item .in .file_item::before{background: url(../img/download_green.svg) no-repeat scroll center center; background-size: 20px 20px; position: absolute; left: 9px; top: calc(50% - 10px); width: 20px; height: 20px; content: ""; opacity: 1; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .main_list_1 .item .in .file_item::after{background: url(../img/download_white.svg) no-repeat scroll center center; background-size: 20px 20px; position: absolute; left: 9px; top: calc(50% - 10px); width: 20px; height: 20px; content: ""; opacity: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .main_list_1 .item .in .file_item span{font-size: 12px; line-height: 18px; font-weight: 600; color: #424242; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .main_list_1 .item .in .file_item:hover, .main_list_1 .item .in .file_item:focus{color: #ffffff; background: #66a640; border: 1px solid #66a640;} .notouch .main_list_1 .item .in .file_item:hover::before, .main_list_1 .item .in .file_item:focus::before{opacity: 0;} .notouch .main_list_1 .item .in .file_item:hover::after, .main_list_1 .item .in .file_item:focus::after{opacity: 1;} .notouch .main_list_1 .item .in .file_item:hover span, .main_list_1 .item .in .file_item:focus span{color: #ffffff;} @media screen and (max-width: 1400px) { .main_list_1 .item .in .title{font-size: 14px; line-height: 22px;} .main_list_1 .item .in .anotation{font-size: 12px; line-height: 18px; margin: 8px 0;} .main_list_1 .item .in .anotation strong{font-size: 12px; line-height: 18px; width: 115px;} } @media screen and (max-width: 1024px) { .main_list_1 .item{display: block; width: 100%; margin: 0;} .hp .main_list_1 .item::before{display: none !important;} .main_list_1 .item:nth-child(2n){margin: 20px 0 0;} .main_list_1 .item:nth-child(-n + 2){margin-top: 20px;} .main_list_1 .item:nth-child(-n + 1){margin-top: 0;} .main_list_1 .item .in{padding: 20px;} .hp .main_list_1 .item .in{padding: 20px;} } @media screen and (max-width: 750px) { .main_list_1 .item .in{padding: 15px 20px;} .hp .main_list_1 .item .in{padding: 15px 20px;} } @media screen and (max-width: 700px) { .main_list_1 .item .in .title{font-size: 13px; line-height: 18px;} .main_list_1 .item .in .anotation{font-size: 11px; line-height: 18px;} .main_list_1 .item .in .anotation strong{font-size: 11px; line-height: 18px; width: 100px;} } .main_list_2{display: block; position: relative; width: 100%; font-size: 0;} .main_list_2 .item{background: #efefef; position: relative; text-align: left; display: inline-block; vertical-align: top; width: calc(50% - 20px / 2); margin: 20px 0 0;} .hp .main_list_2 .item:nth-child(2n)::before{content: ""; position: absolute; left: -21px; top: 20px; bottom: 20px; border-left: 1px solid #c1c1c1; display: block; width: 0;} .hp .main_list_2 .item:nth-child(2n - 1)::before{content: ""; position: absolute; right: 0; top: 20px; bottom: 20px; border-left: 1px solid #c1c1c1; display: block; width: 0;} .main_list_2 .item:nth-child(2n){margin: 20px 0 0 20px;} .main_list_2 .item:nth-child(-n + 2){margin-top: 0;} .main_list_2 .item .in{padding: 30px; position: relative; display: block; font-size: 0;} .hp .main_list_2 .item .in{padding: 30px 60px;} .main_list_2 .item .in .img{display: inline-block; vertical-align: middle; width: 29%; margin: 0 6% 0 0; } .main_list_2 .item .in .img .imgs{-webkit-box-shadow: 0 0 10px -7px rgba(0,0,0,0.5); box-shadow: 0 0 10px -7px rgba(0,0,0,0.5); mix-blend-mode: multiply; position: relative; display: block; width: 100%; padding: 0 0 65%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;} .main_list_2 .item .in .text{display: inline-block; vertical-align: middle; width: 65%;} .main_list_2 .item .in .text .date{display: block; max-width: 570px; font-size: 16px; line-height: 22px; color: #66a640; font-weight: 600; text-transform: uppercase; text-align: left; margin: 0; padding: 0;} .main_list_2 .item .in .text .title{display: block; max-width: 570px; font-size: 16px; line-height: 22px; color: #424242; font-weight: 600; text-transform: uppercase; text-align: left; margin: 6px 0 20px; padding: 0;} .notouch .main_list_2 .item:hover .in .text .title, .main_list_2 .item:focus .in .text .title{color: #383e42 } @media screen and (max-width: 1400px) { .main_list_2 .item .in .date{font-size: 14px; line-height: 22px;} .main_list_2 .item .in .title{font-size: 14px; line-height: 22px;} } @media screen and (max-width: 1024px) { .main_list_2 .item{display: block; width: 100%; margin: 0;} .hp .main_list_2 .item::before{display: none !important;} .main_list_2 .item:nth-child(2n){margin: 20px 0 0;} .main_list_2 .item:nth-child(-n + 2){margin-top: 20px;} .main_list_2 .item:nth-child(-n + 1){margin-top: 0;} .main_list_2 .item .in{padding: 20px;} .hp .main_list_2 .item .in{padding: 20px;} } @media screen and (max-width: 750px) { .main_list_2 .item .in{padding: 15px 20px;} .hp .main_list_2 .item .in{padding: 15px 20px;} .main_list_2 .item .in .img{display: none;} .main_list_2 .item .in .text{display: block; width: 100%;} .main_list_2 .item .in .text .title{margin: 6px 0 10px;} } @media screen and (max-width: 700px) { .main_list_2 .item .in .text .date{font-size: 13px; line-height: 18px;} .main_list_2 .item .in .text .title{font-size: 13px; line-height: 18px;} } .main_list_3{display: block; position: relative; width: 100%; font-size: 0;} .main_list_3 .item{background: #efefef; position: relative; text-align: left; display: inline-block; vertical-align: top; width: calc(50% - 20px / 2); margin: 20px 0 0;} .main_list_3 .item:nth-child(2n){margin: 20px 0 0 20px;} .main_list_3 .item:nth-child(-n + 2){margin-top: 0;} .main_list_3 .item .in{padding: 15px; position: relative; display: block; font-size: 0;} .main_list_3 .item .in .img{display: inline-block; vertical-align: middle; width: 29%; margin: 0 6% 0 0; } .main_list_3 .item .in .img .imgs{position: relative; display: block; width: 100%; padding: 0 0 65%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;} .main_list_3 .item .in .text{display: inline-block; vertical-align: middle; width: 65%;} .main_list_3 .item .in .text .date{display: block; max-width: 570px; font-size: 14px; line-height: 22px; color: #66a640; font-weight: 600; text-transform: uppercase; text-align: left; margin: 0; padding: 0;} .main_list_3 .item .in .text .title{display: block; max-width: 570px; font-size: 16px; line-height: 22px; color: #424242; font-weight: 600; text-transform: uppercase; text-align: left; margin: 6px 0 8px; padding: 0;} .notouch .main_list_3 .item:hover .in .text .title, .main_list_3 .item:focus .in .text .title{color: #383e42 } @media screen and (max-width: 1400px) { .main_list_3 .item .in .title{font-size: 14px; line-height: 22px;} } @media screen and (max-width: 1024px) { .main_list_3 .item{display: block; width: 100%; margin: 0;} .main_list_3 .item:nth-child(2n){margin: 20px 0 0;} .main_list_3 .item:nth-child(-n + 2){margin-top: 20px;} .main_list_3 .item:nth-child(-n + 1){margin-top: 0;} .main_list_3 .item .in{padding: 20px;} } @media screen and (max-width: 750px) { .main_list_3 .item .in{padding: 15px 20px;} } @media screen and (max-width: 700px) { .main_list_3 .item .in{padding: 15px 20px;} .main_list_3 .item .in .text .title{font-size: 13px; line-height: 18px;} } .fotogallery_list{display: block; position: relative; font-size: 0; } .fotogallery_list .item{position: relative; text-align: left; display: inline-block; vertical-align: bottom; width: 33.33%; margin: 0;} .fotogallery_list .item:nth-child(3n - 1)::before{content: ""; position: absolute; left: 0; top: 86px; bottom: 0; border-left: 1px solid #c1c1c1; display: block; width: 0;} .fotogallery_list .item:nth-child(3n - 1)::after{content: ""; position: absolute; right: 0; top: 86px; bottom: 0; border-left: 1px solid #c1c1c1; display: block; width: 0;} .fotogallery_list .item .in{width: 90%; margin: 0 auto; max-width: 350px;} .fotogallery_list .item .in .text{display: block; position: relative;} .fotogallery_list .item .in .text .date{font-size: 16px; line-height: 22px; color: #6b6a6a; font-weight: 700; text-align: left; display: block;} .fotogallery_list .item .in .text .title{width: calc(100% - 40px); display: block; font-size: 16px; line-height: 22px; height: 44px; overflow: hidden; color: #424242; font-weight: 600; text-transform: uppercase; text-align: left; margin: 6px 0 0; padding: 0;} .notouch .fotogallery_list .item:hover .in .text .title, .fotogallery_list .item:focus .in .text .title{color: #6b6a6a;} .fotogallery_list .item .in .text .btn{position: absolute; right: 0; bottom: 0;} .fotogallery_list .item .in .img{margin: 15px 0 0; display: block; width: 100%; padding: 0 0 60%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;} @media screen and (max-width: 1400px) { .fotogallery_list .item:nth-child(3n - 1)::before{top: 81px;} .fotogallery_list .item:nth-child(3n - 1)::after{top: 81px;} .fotogallery_list .item .in .text .date{font-size: 13px; line-height: 20px;} .fotogallery_list .item .in .text .title{font-size: 14px; line-height: 20px; height: 40px;} } @media screen and (max-width: 1200px) { .fotogallery_list .item{width: 50%;} .fotogallery_list .item:nth-child(3n - 1)::after{display: none;} .fotogallery_list .item:nth-child(3){display: none;} .fotogallery_list .item .in .text .date{font-size: 13px; line-height: 20px;} .fotogallery_list .item .in .text .title{font-size: 14px; line-height: 20px; height: 40px;} } @media screen and (max-width: 750px) { .fotogallery_list .item:nth-child(3n - 1)::before{top: 76px;} .fotogallery_list .item:nth-child(3n - 1)::after{top: 76px;} .fotogallery_list .item .in .text .date{font-size: 12px; line-height: 18px;} .fotogallery_list .item .in .text .title{font-size: 13px; line-height: 18px; height: 36px;} } @media screen and (max-width: 700px) { .fotogallery_list .item{margin: 30px 0 0; width: 100%;} .fotogallery_list .item:nth-child(3n - 1)::before{display: none;} .fotogallery_list .item:nth-child(1){margin-top: 0;} .fotogallery_list .item .in{width: 100%;} } .gallery_list{display: block; width: 100%; margin: 0; font-size: 0;} .gallery_list .item{-webkit-perspective: 1700px;-moz-perspective: 1700px;perspective: 1700px;-webkit-perspective-origin: 0 50%;-moz-perspective-origin: 0 50%;perspective-origin: 0 50%; position: relative; width: calc(33.33% - 20px / 3); display: inline-block; vertical-align: middle; margin: 10px 0 0;} .gallery_list .item:nth-child(3n - 1){margin: 10px 10px 0;} .gallery_list .item:nth-child(-n + 3){margin-top: 0;} .gallery_list .item figure {padding: 0 0 60%; margin: 0; -webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;} .gallery_list .item figure > div {display: block; position: absolute; overflow: hidden; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; -webkit-transition: all 300ms ease; transition: all 300ms ease;} .gallery_list .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; box-shadow: 0 0 30px -5px rgba(0,0,0,0.3) inset; } .gallery_list .item figcaption {height: 100%; width: 60%; position: absolute;bottom: 0; left: 0;background: #66a640; 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);transform: rotateY(0deg);-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;transition: transform 0.4s, opacity 0.1s;} .notouch .gallery_list .item figure:hover figcaption, .gallery_list .item figure:focus figcaption{opacity: 0;-webkit-transform: rotateY(-90deg);transform: rotateY(-90deg);-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;transition: transform 0.4s, opacity 0.1s 0.3s;} .gallery_list .item figure .box{height: 100%; width: 100%; display: table; margin: 0;} .gallery_list .item figure .box .centering{display: table-cell; vertical-align: middle; width: 100%;} .gallery_list .item figure .box .centering .title{position: relative; font-weight: 700; color: #fff; font-size: 16px; line-height: 22px; padding: 0 20px; display: block;} .gallery_list .item figure .box .centering .title::before{position: absolute; bottom: -5px; left: 20px; right: 0; border-bottom: 1px dashed #fff; content: ""; display: block; -webkit-transition: all 300ms ease; transition: all 300ms ease;} .gallery_list .item figure .box .centering .anotation{font-weight: 700; color: #fff; font-size: 15px; line-height: 22px; padding: 13px 20px 0; display: block;} @media screen and (max-width: 1024px) { .gallery_list .item{width: calc(50% - 10px / 2); margin: 10px 0 0;} .gallery_list .item figure {padding: 0 0 50%;} .gallery_list .item:nth-child(3n - 1){margin: 10px 0 0;} .gallery_list .item:nth-child(-n + 3){margin-top: 10px;} .gallery_list .item:nth-child(2n){margin: 10px 0 0 10px;} .gallery_list .item:nth-child(-n + 2){margin-top: 0;} } @media screen and (max-width: 700px) { .gallery_list .item{width: 100%; margin: 10px 0 0;} .gallery_list .item figure {padding: 0 0 45%;} .gallery_list .item:nth-child(3n - 1){margin: 10px 0 0;} .gallery_list .item:nth-child(-n + 3){margin-top: 10px;} .gallery_list .item:nth-child(2n){margin: 10px 0 0;} .gallery_list .item:nth-child(-n + 2){margin-top: 10px;} .gallery_list .item:nth-child(-n + 1){margin-top: 0;} .gallery_list .item figure .box .centering .title{font-size: 14px; line-height: 20px; padding: 0 15px;} .gallery_list .item figure .box .centering .title::before{left: 15px;} .gallery_list .item figure .box .centering .anotation{font-size: 13px; line-height: 20px; padding: 10px 15px 0;} } .contact_page {width: 100%; text-align: left; position: relative; margin: 0; -webkit-box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.5); box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.5);} .contact_page .item { text-align: left; position: relative; width: 260px; padding: 20px 25px; display: block; float: left; background: #ffffff;} .contact_page .item .box { display: table; height: 300px; width: 100%;} .contact_page .item .box .centering { display: table-cell; vertical-align: middle; width: 100%;} .contact_page .item .box .centering p{margin: 0 0 15px; padding: 0; font-size: 14px; line-height: 22px; color: #000000; font-weight: 400;} .contact_page .item .box .centering p:last-of-type{margin: 0;} .contact_page .item .box .centering p strong{font-size: 14px; line-height: 22px; color: #000000; font-weight: 700;} .contact_page .item .box .centering p a{font-size: 14px; line-height: 22px; color: #000000; font-weight: 400; text-decoration: underline; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .contact_page .item .box .centering p a:hover{color: #383e42 } .contact_page .mapa { position: absolute; left: 310px; right: 0; top: 0; bottom: 0; display: block; background: #f2f2f2;} .contact_page .mapa #MyGmaps { background: #eaeaea; z-index: 0; position: relative; width: 100%; height: 100%; display: block;} .contact_page .mapa a.btn { position: absolute; left: 0; bottom: 0; z-index: 20;} @media screen and (max-width: 850px) { .contact_page .item { text-align: center; float: none; width: calc(100% - 40px); padding: 30px 20px;} .contact_page .item .box { display: block; height: initial; height: auto;} .contact_page .item .box .centering { display: block;} .contact_page .mapa { width: 100%; float: none; position: relative; left: 0;} .contact_page .mapa #MyGmaps { height: 260px;} } .firm_list{text-align: left; width: 100%; max-width: 1220px; margin: 0 auto; display: block; position: relative;} .firm_list .item{display: inline-block; vertical-align: middle; position: relative; width: calc(33.33% - 60px / 3); margin: 30px 0 0;} .firm_list .item:nth-child(3n - 1){margin: 30px 30px 0;} .firm_list .item:nth-child(-n + 3){margin-top: 0;} .firm_list .item .img{overflow: hidden; position: relative; display: block; padding: 0 0 62%; border-bottom: 8px solid #66a640;} .firm_list .item .img .in{-webkit-transform: scale(1) rotate(0) translateZ(0); transform: scale(1) rotate(0) translateZ(0); position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; background: no-repeat scroll center center; -webkit-background-size: cover; background-size: cover; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .firm_list .item:hover .img .in, .firm_list .item:focus .img .in{-webkit-transform: scale(1.05) rotate(1deg) translateZ(0); transform: scale(1.05) rotate(1deg) translateZ(0);} .firm_list .item .text{align-items: center; justify-content: center; display: flex; height: 44px; padding: 16px 20px; text-align: center; background: #efefef;} .firm_list .item .text .title{padding: 0 10px; display: block; text-align: center; font-size: 15px; line-height: 22px; color: #000; font-weight: 600; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .firm_list .item:hover .text .title, .firm_list .item:focus .text .title{color: #66a640;} @media screen and (max-width: 1024px) { .firm_list .item{width: calc(50% - 20px / 2); margin: 20px 0 0;} .firm_list .item:nth-child(3n - 1){margin: 20px 0 0;} .firm_list .item:nth-child(-n + 3){margin-top: 20px;} .firm_list .item:nth-child(2n){margin: 20px 0 0 20px;} .firm_list .item:nth-child(-n + 2){margin-top: 0;} .firm_list .item .img{border-bottom: 6px solid #66a640;} .firm_list .item .text{padding: 14px 0;} .firm_list .item .text .title{font-size: 14px; line-height: 20px;} } @media screen and (max-width: 600px) { .firm_list .item{width: calc(50% - 10px / 2); margin: 10px 0 0;} .firm_list .item:nth-child(3n - 1){margin: 10px 0 0;} .firm_list .item:nth-child(-n + 3){margin-top: 10px;} .firm_list .item:nth-child(2n){margin: 10px 0 0 10px;} .firm_list .item:nth-child(-n + 2){margin-top: 0;} .firm_list .item .img{border-bottom: 4px solid #66a640;} .firm_list .item .text{padding: 12px 0;} .firm_list .item .text .title{font-size: 13px; line-height: 18px;} } @media screen and (max-width: 400px) { .firm_list .item{width: 100%; margin: 10px 0 0;} .firm_list .item:nth-child(3n - 1){margin: 10px 0 0;} .firm_list .item:nth-child(-n + 3){margin-top: 10px;} .firm_list .item:nth-child(2n){margin: 10px 0 0;} .firm_list .item:nth-child(-n + 2){margin-top: 10px;} .firm_list .item:nth-child(-n + 1){margin-top: 0;} } .contact_list{text-align: left; width: 100%; position: relative; margin: 0 auto 50px !important;} .contact_list h2, .contact_list h3{text-align: left; margin: 30px 0 0; padding: 40px 0 10px; text-transform: uppercase; color: #000000; font-size: 18px; line-height: 24px; font-weight: 700; border-top: 1px solid #efefef;} .contact_list h2:first-child, .contact_list h3:first-child{padding: 0 0 10px; border: 0;} .contact_list .item{padding: 0; position: relative; display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: calc(25% - 3px); margin: 30px 0 0;} .contact_list .item:nth-child(-n + 4){margin-top: 0;} .contact_list .item .box{height: 96px; display: table; width: 100%;} .contact_list .item .box .centering{display: table-cell; width: 100%; vertical-align: top; text-align: left;} .contact_list .item.last .box .centering{vertical-align: middle;} .contact_list .item .name{font-size: 16px; line-height: 20px; font-weight: 600; margin: 0; padding: 0;} .contact_list .item .post{font-size: 13px; line-height: 20px; font-weight: 400; margin: 0; padding: 0 0 6px; font-style: italic; color: #808080} .contact_list .item p{font-size: 13px; line-height: 20px; font-weight: 400; margin: 0; padding: 0; color: #000000;} .contact_list .item p strong{font-size: 13px; line-height: 20px; font-weight: 700; color: #000000;} .contact_list .item p a{font-size: 13px; line-height: 20px; font-weight: 600; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .contact_list .item p a:hover{color: #383e42 ;} @media screen and (max-width: 1300px) { .contact_list .item{width: calc(33.33% - 3px); margin: 20px 0 0;} .contact_list .item:nth-child(-n + 4){margin-top: 20px;} .contact_list .item:nth-child(-n + 3){margin-top: 0;} } @media screen and (max-width: 920px) { .contact_list .item{width: calc(50% - 3px); margin: 20px 0 0;} .contact_list .item:nth-child(-n + 4){margin-top: 20px;} .contact_list .item:nth-child(-n + 3){margin-top: 20px;} .contact_list .item:nth-child(-n + 2){margin-top: 0;} } @media screen and (max-width: 650px) { .contact_list .item{width: calc(100% - 3px); margin: 20px 0 0;} .contact_list .item:nth-child(-n + 4){margin-top: 20px;} .contact_list .item:nth-child(-n + 3){margin-top: 20px;} .contact_list .item:nth-child(-n + 2){margin-top: 20px;} .contact_list .item:nth-child(-n + 1){margin-top: 0;} } .file_list{width: 100%; position: relative; margin: 0 auto;} .file_list p{margin: 0 0 5px;} .file_list .file_item{font-size: 12px; line-height: 18px; font-weight: 400; color: #424242; display: inline-block; vertical-align: middle; border: 1px solid #66a640; -webkit-border-radius: 20px; border-radius: 20px; padding: 8px 16px 8px 36px; position: relative; margin: 0 0 10px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .file_list .file_item::before{background: url(../img/download_green.svg) no-repeat scroll center center; background-size: 20px 20px; position: absolute; left: 9px; top: calc(50% - 10px); width: 20px; height: 20px; content: ""; opacity: 1; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .file_list .file_item::after{background: url(../img/download_white.svg) no-repeat scroll center center; background-size: 20px 20px; position: absolute; left: 9px; top: calc(50% - 10px); width: 20px; height: 20px; content: ""; opacity: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .file_list .file_item span{font-size: 12px; line-height: 18px; font-weight: 600; color: #424242; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .file_list .file_item:hover, .file_list .file_item:focus{color: #ffffff; background: #66a640; border: 1px solid #66a640;} .notouch .file_list .file_item:hover::before, .file_list .file_item:focus::before{opacity: 0;} .notouch .file_list .file_item:hover::after, .file_list .file_item:focus::after{opacity: 1;} .notouch .file_list .file_item:hover span, .file_list .file_item:focus span{color: #ffffff;} @media screen and (max-width: 700px) { .file_list .clas_item{margin: 0 3px 3px 0;} .file_list .clas_item a{font-size: 12px; line-height: 16px; padding: 5px 10px;} .file_list .clas_item a span{font-size: 12px; line-height: 16px; letter-spacing: 0;} } .fotogalerie{width: 100%; position: relative; margin: 0; font-size: 0;} .fotogalerie .text_box{margin: 0 0 20px;} .fotogalerie a.swipebox{display: inline-block; vertical-align: middle; position: relative; -webkit-box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.5); box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.5);} .fotogalerie a.swipebox .in{display: block; position: relative; width: 100%; padding: 0 0 60%; background: no-repeat scroll center center; background-size: cover;} .fotogalerie a.swipebox .in::before{opacity: 0; content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #383e42 ; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .fotogalerie a.swipebox .in::after{opacity: 0; content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 46px; height: 46px; background: url(../img/fotogallery_icon.svg) no-repeat scroll center center; background-size: 46px 46px; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .fotogalerie a:hover .in::before{opacity: 0.90;} .notouch .fotogalerie a:hover .in::after{opacity: 1;} .fotogalerie.row_three a.swipebox{width: calc(33.33% - 20px / 3); margin: 10px 0 0;} .fotogalerie.row_three a.swipebox:nth-child(3n - 1){margin: 10px 10px 0;} .fotogalerie.row_three a.swipebox:nth-child(-n + 3){margin-top: 0;} @media screen and (max-width: 700px) { .fotogalerie.row_three a.swipebox{width: calc(50% - 10px / 2); margin: 10px 0 0;} .fotogalerie.row_three a.swipebox:nth-child(3n - 1){margin: 10px 0 0;} .fotogalerie.row_three a.swipebox:nth-child(-n + 3){margin-top: 10px;} .fotogalerie.row_three a.swipebox:nth-child(2n){margin: 10px 0 0 10px;} .fotogalerie.row_three a.swipebox:nth-child(-n + 2){margin-top: 0;} } .fotogalerie.row_four a.swipebox{width: calc(25% - 30px / 4); margin: 10px 0 0;} .fotogalerie.row_four a.swipebox:nth-child(4n - 1){margin: 10px 10px 0;} .fotogalerie.row_four a.swipebox:nth-child(4n - 2){margin: 10px 0 0 10px;} .fotogalerie.row_four a.swipebox:nth-child(-n + 4){margin-top: 0;} @media screen and (max-width: 1280px) { .fotogalerie.row_four a.swipebox{width: calc(33.33% - 20px / 3); margin: 10px 0 0;} .fotogalerie.row_four a.swipebox:nth-child(4n - 1){margin: 10px 0 0;} .fotogalerie.row_four a.swipebox:nth-child(4n - 2){margin: 10px 0 0;} .fotogalerie.row_four a.swipebox:nth-child(-n + 4){margin-top: 10px;} .fotogalerie.row_four a.swipebox:nth-child(3n - 1){margin: 10px 10px 0;} .fotogalerie.row_four a.swipebox:nth-child(-n + 3){margin-top: 0;} } @media screen and (max-width: 700px) { .fotogalerie.row_four a.swipebox{width: calc(50% - 10px / 2); margin: 10px 0 0;} .fotogalerie.row_four a.swipebox:nth-child(4n - 1){margin: 10px 0 0;} .fotogalerie.row_four a.swipebox:nth-child(4n - 2){margin: 10px 0 0;} .fotogalerie.row_four a.swipebox:nth-child(-n + 4){margin-top: 10px;} .fotogalerie.row_four a.swipebox:nth-child(3n - 1){margin: 10px 0 0;} .fotogalerie.row_four a.swipebox:nth-child(-n + 3){margin-top: 10px;} .fotogalerie.row_four a.swipebox:nth-child(2n){margin: 10px 0 0 10px;} .fotogalerie.row_four a.swipebox:nth-child(-n + 2){margin-top: 0;} } .finall_order{text-align: left;} .finall_order .text_box p{margin: 0 0 10px;} .finall_order .text_box p:last-of-type{margin: 0 0 20px;} .finall_order.center, .finall_order.center .text_box, .finall_order.center .text_box > *{text-align: center;} img.end_order{max-width: 100px; margin: 0 0 20px; display: block;} img.end_order.center{margin: 0 auto 20px;} .finall_order #error-alert:empty{display: none;} .finall_order #error-alert{padding: 15px; text-align: center; font-size: 12px; line-height: 16px; font-weight: 700; background: #e21414; color: #ffffff; max-width: 593px; display: block; margin: 0 auto 15px;} .normal_form{text-align: center; position: relative; margin: -30px auto 20px; text-align: center; left: 0; bottom: 0;} .normal_form form{padding: 18px 25px; background: #f2f2f2; border: 1px solid #e0dfdf; display: inline-block; } .normal_form form table{width: 100%; border-collapse: collapse; border-spacing: 0;} .normal_form form table th{ position: relative; white-space: nowrap; vertical-align: middle; width: 50px; font-size: 13px; line-height: 17px; color: #000000; font-weight: 600; text-align: right; padding: 0 20px 0 0; margin: 0;} .normal_form form table td{padding: 0;} .normal_form form table td input[type=text], .normal_form form table td input[type=password]{border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #ffffff; font-size: 13px; line-height: 20px; padding: 5px 15px; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .normal_form form table td input[readonly]{border: 1px solid #e6e7e8 !important; background: #f2f2f2;} .normal_form form table td input[type=text]:focus, .normal_form form table td input[type=password]:focus{border: 1px solid #666;} @media screen and (max-width: 768px) { .normal_form{margin: 0 0 30px;} .normal_form form{display: block; width: calc(100% - 52px)} .normal_form form table, .normal_form form tbody, .normal_form form table tr, .normal_form form table th, .normal_form form table td{display: block; width: 100%; text-align: center; clear: both;} .normal_form form table th{text-align: center; padding: 0 0 5px;} .normal_form form table td input[type=text], .normal_form form table td input[type=password]{text-align: center;} } .scroll_top{z-index: 9000; opacity: 0; position: fixed; right: 30px; bottom: -60px; width: 48px; height: 48px; background: #f2f2f2; border: 1px solid #e0dfdf; background-size: 19px auto; -webkit-border-radius: 28px; border-radius: 28px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .scroll_top.hide{display: none;} .scroll_top::before{opacity: 1; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -9px; display: block; width: 18px; height: 12px; content: ""; background: url(../img/scroll_arrow.svg) no-repeat scroll center center; background-size: 18px 12px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .scroll_top::after{opacity: 0; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -9px; display: block; width: 18px; height: 12px; content: ""; background: url(../img/scroll_arrow_hover.svg) no-repeat scroll center center; background-size: 18px 12px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .scroll_top:hover::before{opacity: 0;} .notouch .scroll_top:hover::after{opacity: 1;} .notouch .scroll_top:hover{background: #383e42 ; border: 1px solid #383e42 ;} .scroll_top.active{opacity: 1; bottom: 30px;} .control_popup{display: none; width: 100%; height: 100%; text-align: center; opacity: 0; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .control_popup::before{position: absolute; top: 0; left: 0; right: 0; bottom: -100px; display: block; content: ""; background: rgba(0,0,0,0.6); z-index: 0; } .control_popup .box{position: relative; display: table-cell; vertical-align: middle; z-index: 10;} .control_popup .boxes{min-width: 200px; text-align: center; position: relative; width: calc(100% - 110px); max-width: 350px; padding: 40px 50px; left: 0 !important; display: inline-block; background: #ffffff; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .control_popup .box span.warning{z-index: 900; position: relative; text-transform: uppercase; display: block; margin: 0 0 15px; text-align: center; font-size: 21px; line-height: 26px; font-weight: 600; color: #000000;} .control_popup .box .text{z-index: 100; position: relative; color: #000000; font-size: 14px; line-height: 16px; font-weight: 400; margin: 10px 0; text-align: center;} .control_popup .box .text p{margin: 5px 0;} .control_popup .box .btn{z-index: 100; position: relative;} @media screen and (max-width: 768px) { .control_popup .boxes{padding: 25px 40px;} .control_popup .box span.warning{font-size: 16px; line-height: 20px;} .control_popup .box .text, .control_popup .box .text p, .control_popup .box .text p strong{font-size: 12px; line-height: 16px;} } .popup_popup{display: none; width: 100%; height: 100%; text-align: center; opacity: 0; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .popup_popup::before{position: absolute; top: 0; left: 0; right: 0; bottom: -100px; display: block; content: ""; background: rgba(0,0,0,0.6); z-index: 0; } .popup_popup .box{width: 100%; height: initial; height: auto; position: relative; display: table-cell; vertical-align: middle; z-index: 10;} .popup_popup .boxes{text-align: center; position: relative; width: calc(100% - 60px); max-width: 500px; padding: 0; left: 0; display: inline-block; background: #ffffff; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .popup_popup .box span.warning{z-index: 900; position: relative; text-transform: uppercase; display: block; margin: 0 0 15px; text-align: center; font-size: 18px; line-height: 24px; font-weight: 700; color: #000000;} .popup_popup .box img{margin: 0 auto; display: block; max-width: 100%; max-height: 285px;} .popup_popup .box .text{z-index: 100; position: relative; margin: 0; padding: 0; text-align: center; overflow-y: auto; max-height: calc(100vh - 120px); } .popup_popup .box .text .padding{padding: 20px;} .popup_popup .box .text p{margin: 0;} .popup_popup .boxes .close{z-index: 999; cursor: pointer; overflow: hidden; background: #000000; position: absolute; right: 0; top: 0; width: 40px; height: 40px; -webkit-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .popup_popup .boxes .close::before{content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/close.svg) no-repeat scroll center center; background-size: 12px 12px; margin: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .popup_popup .boxes .close:hover{background: #383e42 ;} .notouch .popup_popup .boxes .close:hover::before{-webkit-transform: rotate(-180deg); transform: rotate(-180deg); } @media screen and (max-width: 1024px) { #tracy-debug{display: none !important} } /*SWIPEBOX*/ html.swipebox-html.swipebox-touch{overflow:hidden!important}#swipebox-overlay img{border:none!important}#swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;max-width:100%;z-index:99999!important;overflow:hidden;-webkit-user-select:none;user-select:none}#swipebox-container{position:relative;width:100%;height:100%}#swipebox-slider{-webkit-transition:-webkit-transform .4s ease;transition:transform .4s ease;height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none;cursor:pointer}#swipebox-slider .slide{height:100%;width:100%;line-height:1px;text-align:center;display:inline-block}#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#swipebox-slider .slide .swipebox-inline-container,#swipebox-slider .slide .swipebox-video-container,#swipebox-slider .slide img{background: #ffffff; display:inline-block;max-height:90%;max-width:90%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}#swipebox-slider .slide .swipebox-video-container{background:0 0;max-width:1140px;max-height:100%;width:100%;padding:5%;-webkit-box-sizing:border-box;box-sizing:border-box}#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100%!important;height:100%!important;position:absolute;top:0;left:0}#swipebox-bottom-bar,#swipebox-top-bar{-webkit-transition:.5s;transition:.5s;position:absolute;left:0;z-index:999;height:0;min-height:0;width:100%}#swipebox-bottom-bar{bottom:50%}#swipebox-top-bar{bottom:0;height: initial; height: auto; text-align:center;color:#fff!important;font-size:15px;line-height:19px;}#swipebox-title{display:inline-block; max-width: 90%;text-align:center;background:#000000;margin:0 auto;padding:10px 25px}#swipebox-close,#swipebox-next,#swipebox-prev{background-image:url(/style/images/icons.png);background-repeat:no-repeat;background-color:#000000;border:none!important;text-decoration:none!important;cursor:pointer;width:50px;height:50px;top:0;-webkit-transition: background 400ms ease; transition: background 400ms ease;}.notouch #swipebox-close:not(.disabled):hover,.notouch #swipebox-next:not(.disabled):hover,.notouch #swipebox-prev:not(.disabled):hover{background-color: #383e42 ; }#swipebox-arrows{display:block;margin:0 auto;width:100%;height:0;min-height:0}#swipebox-prev{background-position:-32px 13px;float:left;margin:-25px 0 0}#swipebox-next{background-position:-78px 13px;float:right;margin:-25px 0 0}#swipebox-close{top:0;right:0;position:absolute;z-index:9999;background-position:15px 12px}.swipebox-no-close-button #swipebox-close{display:none}#swipebox-next.disabled,#swipebox-prev.disabled{opacity:.3}.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider{-webkit-animation:rightSpring .3s;animation:rightSpring .3s}.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{-webkit-animation:leftSpring .3s;animation:leftSpring .3s}.swipebox-touch #swipebox-container:after,.swipebox-touch #swipebox-container:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;content:' ';position:absolute;z-index:999;top:0;height:100%;width:20px;opacity:0}.swipebox-touch #swipebox-container:before{left:0;-webkit-box-shadow:inset 10px 0 10px -8px #656565;box-shadow:inset 10px 0 10px -8px #656565}.swipebox-touch #swipebox-container:after{right:0;-webkit-box-shadow:inset -10px 0 10px -8px #656565;box-shadow:inset -10px 0 10px -8px #656565}.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before,.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{opacity:1}@-webkit-keyframes rightSpring{0%,100%{left:0}50%{left:-30px}}@keyframes rightSpring{0%,100%{left:0}50%{left:-30px}}@-webkit-keyframes leftSpring{0%,100%{left:0}50%{left:30px}}@keyframes leftSpring{0%,100%{left:0}50%{left:30px}}#swipebox-overlay{background:rgba(0,0,0,.75)}#swipebox-bottom-bar,#swipebox-top-bar{opacity:.95}@media screen and (max-width:500px){#swipebox-close,#swipebox-next,#swipebox-prev{background-size:100px 20px;width:40px;height:40px}#swipebox-prev{background-position:-28px 11px}#swipebox-next{background-position:-65px 11px}#swipebox-close{background-position:11px 12px; background-size: 120px 22px; width: 50px; height: 50px;}} /*SELECT*/ .sbHolder{position:relative;display:inline-block;zoom:1;*display:inline}a.sbSelector{outline:medium none;position:relative;text-decoration:none}.sbToggle{display:block;outline:none;position:absolute}.sbToggle.sbToggleOpen{background:url(../img/select_arrow.png) no-repeat scroll center bottom}.sbHolderDisabled{background-color:#3C3C3C;border:solid 1px #515151}.sbOptions{list-style:none;left:0;margin:0;padding:0;position:absolute;top:27px!important;text-align:center;overflow-y:auto}.sbOptions li{margin:0;padding:0;text-align:left}.sbOptions a{display:block;text-decoration:none;outline:none}.sbOptions .sbDisabled{border-bottom:dotted 1px #515151;color:#999;display:block;padding:7px 0 7px 3px}.sbOptions .sbGroup{border-bottom:dotted 1px #515151;color:#EBB52D;display:block;font-weight:700;padding:7px 0 7px 3px}.sbOptions .sbSub{padding-left:17px} /*COOKIES*/ .cc_banner-wrapper{z-index:99999;position:relative;min-height:0}.cc_container .cc_message{padding:0}.cc_container .cc_message a{-webkit-transition:all 400ms ease;transition:all 400ms ease}@media print{.cc_banner-wrapper,.cc_container{display:none}}.cc_container .cc_btn{display:block;margin-left:10px;float:right}.cc_container{position:fixed;left:0;right:0;bottom:0;overflow:hidden;background:#ffffff;box-sizing:border-box;border:1px solid #ccc;padding:10px;color:#000}@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(66px);transform:translateY(66px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUp{0%{-webkit-transform:translateY(66px);transform:translateY(66px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.cc_container,.cc_message,.cc_btn{animation-duration:.8s;-webkit-animation-duration:.8s;-webkit-animation-name:slideUp;animation-name:slideUp} .cc_container .cc_message{margin: 10px 0 ; font-size: 13px; line-height: 14px;} .cc_container .cc_message a{font-size: 13px; line-height: 14px; font-weight: 700; color: #000000;} .notouch .cc_container .cc_message a:hover{color: #383e42 } @media screen and (max-width: 900px) { .cc_container .cc_message{max-width: 800px; margin: 1px 0;} } @media screen and (max-width: 550px) { .cc_container .cc_btn{margin: 0 10px 0 0; padding-left: 0; padding-right: 0; width: 84px; float: none; display: inline-block; vertical-align: middle;} .cc_container .cc_message{float: none; display: inline-block; vertical-align: middle; width: calc(100% - 100px)} }