/*GLOBAL*/ header,nav,section,article,aside,footer,hgroup{display:block;} .preload *{-webkit-transition: none !important; transition: none !important;} a{text-decoration:none; outline: 0; color:inherit;} a img{border:none;} .img_hide{display: block !important; width: 0; height: 1px !important; border: 0; position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden;} .mail_hide, .hide_mail{display: none !important;} .clear{clear:both; margin: 0; display: block; width: 100% !important; float: none !important;} .clear.hide{display: none !important;} .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;} .warehouse.green{color: #39b54a} .warehouse.orange{color: #ec9c24} .warehouse.red{color: #E56951} /* 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;} .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-warning{max-width: 100%; padding: 16px 0; text-align: center; color: #c29d0b; background: url(../global/warning_icon.png) no-repeat scroll 15px center #faeaa9; border: 1px solid #faeaa9;} .alert-error {color: #ffffff; background: url(../global/error_icon.png) no-repeat scroll 15px center #d8001b; border: 1px solid #b6192e;} .alert-error span{background: url(../global/error_close.png) no-repeat;} .alert-success{color: #ffffff; background: url(../global/success_icon.png) no-repeat scroll 15px center #39b54a; border: 1px solid #39b54a;} .alert-success span{background: url(../global/success_close.png) no-repeat;} h1{text-transform: uppercase; font-weight: 600; font-size: 28px; line-height: 1.6em; margin: 0; padding: 0;} h1 span{display: block; color: #E56951; font-size: 16px; line-height: 1.2em;} h1 span.number{display: inline-block; vertical-align: middle;} h1.inline{display: inline-block; vertical-align: middle;} span.h1_inline.number{display: inline-block; vertical-align: middle; color: #E56951; font-size: 20px; font-weight: 700; margin: 0 0 0 5px;} h2{font-weight: 600; font-size: 22px; line-height: 1.6em; margin: 1.5em 0 0.5em; padding: 0;} h3{font-weight: 600; font-size: 20px; line-height: 1.6em; margin: 1.5em 0 0.5em; padding: 0;} h4, h5, h6{font-weight: 400; font-size: 18px; line-height: 1.6em; margin: 1.5em 0 0.5em; padding: 0;} @media screen and (max-width: 1024px) { h1{font-size: 24px;} h1 span, span.h1_inline.number{font-size: 18px;} h2{font-size: 20px;} h3{font-size: 18px;} h4, h5, h6{font-size: 16px;} } .search_title{white-space: nowrap; position: relative; z-index: 1; text-align: left; margin: 0 0 5px; font-size: 16px; line-height: 34px; display: block; text-transform: uppercase; font-weight: 600; padding: 0; color: #666666;} .search_title.nomargin{margin: 0;} .search_title.abs{position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .search_title::before{z-index: 0; position: absolute; left: 0; right: 0; height: 1px; top: 50%; transform: translateY(-50%); content: ""; background: #F1F2F2;} .search_title span{position: relative; z-index: 10; display: inline-block; vertical-align: middle; padding: 0 20px 0 0; background: #fff;} p, div, article, .text_page, code{font-size: 14px; font-weight: 500;} strong, b{font-weight: 700} @media screen and (max-width: 1024px) { p, div, article, .text_page, code{font-size: 13px;} } article a:not(.btn), .text_box a:not(.btn), article .link_style, .text_box .link_style{font-weight: 600; 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, .notouch article .link_style:hover, .notouch .text_box .link_style:hover, .notouch a.item:hover .link_style{color: #E56951} article, .text_box{line-height: 1.6em; position: relative;} article p, .text_box p{margin-top: 0;} article.max, .text_box.max{max-width: 100%; margin: 40px 0 0; } article *:nth-child(1), .text_box *:nth-child(1){margin-top: 0;} article *:last-child, .text_box *:last-child{margin-bottom: 0;} article p.gdpr, .text_box p.gdpr{margin: 0; line-height: 22px; font-size: 12px; line-height: 18px;} article p.gdpr, .text_box p.gdpr{padding: 6px 0;} article p.gdpr.full, .text_box p.gdpr.full{padding: 0; max-width: 992px; margin: 10px auto 0; } @media screen and (max-width: 750px) { article p, .text_box p{width: 100%; display: block; clear: both;} } article .middle_btn, .text_box .middle_btn{z-index: 0; position: absolute; left: 0; right: 0; margin: 0; z-index: 0; text-align: center;} @media screen and (max-width: 750px) { /*article .middle_btn, .text_box .middle_btn{display: none;}*/ } article ul, .text_box ul{padding: 0; margin-top: 0;} article ul li, .text_box ul li{padding: 0; margin: 0; position: relative;} article ul ul, .text_box ul ul{margin: 0; padding: 0 0 0 20px; } article ul ol, .text_box ul ol{margin: 0; padding: 0 0 0 20px; } article ul > li, .text_box ul > li{list-style: disc outside; margin-left: 1em;} article ul > li > ul > li, .text_box ul > li > ul > li{list-style: circle outside; margin-left: 1em;} article ul > li > ul > li > ul > li, .text_box ul > li > ul > li > ul > li{list-style: square outside; margin-left: 1em;} article ol, .text_box ol{padding: 0; counter-reset: item; margin-top: 0;} article ol li, .text_box ol li{padding: 0; margin: 0; position: relative; counter-increment: item;} article ol ol, .text_box ol ol{margin: 0; padding: 0 0 0 20px;} article ol ul, .text_box ol ul{margin: 0; padding: 0 0 0 20px;} article ol > li, .text_box ol > li{list-style: none;} article ol > li::before, .text_box ol > li:before{width: 20px; display: inline-block; text-align: left; content: counter(item) ".";} article table.over, .text_box table.over{min-width: 100%; display: block; overflow-x: scroll;} article table, .text_box table{border-collapse: collapse; border-spacing: 0 0; margin: 1em 0; margin-top: 0;} article table tr th, .text_box table tr th{text-align: left; font-weight: 700; padding: 6px 8px; background: #414042; color: #fff; border: 1px solid #333333;} article table tr td.fr-highlighted, .text_box table tr td.fr-highlighted{text-align: left; padding: 6px 8px; background: #5e5e5e; color: #fff; border: 1px solid #4e4e4e;} article table tr th.fr-padding, .text_box table tr th.fr-padding, article table tr td.fr-padding, .text_box table tr td.fr-padding{padding: 20px;} article table tr td, .text_box table tr td{text-align: left; padding: 6px 8px; border: 1px solid #e0dfdf;} article table.fr-no-side-border tr th, .text_box table.fr-no-side-border tr th, article table.fr-no-side-border tr td, .text_box table.fr-no-side-border tr td{border-left: 0; border-right: 0;} article table.fr-no-border tr th, .text_box table.fr-no-border tr th, article table.fr-no-border tr td, .text_box table.fr-no-border tr td{border-left: 0; border-right: 0; border-top: 0; border-bottom: 0;} article table.fr-bg-even-row tr:nth-child(even), .text_box table.fr-bg-even-row tr:nth-child(even){background: #f0f0f0;} article table.fr-bg-odd-row tr:nth-child(odd), .text_box table.fr-bg-odd-row tr:nth-child(odd){background: #f0f0f0;} article table.gdpr th{ white-space: nowrap;} article table.gdpr th, article table.gdpr td, article table.gdpr td *{ font-size: 13px} @media screen and (max-width: 1024px) { article table.gdpr th, article table.gdpr td, article table.gdpr td *{ font-size: 12px} } article img, .text_box img{max-width: 100%; height: initial !important; height: auto !important; position: relative;} article img.fr-dib, .text_box img.fr-dib{display: block; margin: 5px auto; float: none; vertical-align: top;} article img.fr-dii, .text_box img.fr-dii{display: inline-block; float: none; vertical-align: bottom; margin-left: 5px; margin-right: 5px; max-width: calc(100% - 10px);} article img.fr-dib.fr-fil, .text_box img.fr-dib.fr-fil{margin-left: 0;} article img.fr-dib.fr-fir, .text_box img.fr-dib.fr-fir{margin-right: 0;} article img.fr-dii.fr-fil, .text_box img.fr-dii.fr-fil{float: left; margin-left: 0; margin-right: 10px; max-width: calc(50% - 10px);} article img.fr-dii.fr-fir, .text_box img.fr-dii.fr-fir{float: right; margin-left: 10px; margin-right: 0; max-width: calc(50% - 10px);} article img.fr-border-radius-4, .text_box img.fr-border-radius-4{-webkit-border-radius: 4px !important; border-radius: 4px !important;} article img.fr-border-radius-8, .text_box img.fr-border-radius-8{-webkit-border-radius: 8px !important; border-radius: 8px !important;} article img.fr-border-radius-100, .text_box img.fr-border-radius-100{-webkit-border-radius: 100% !important; border-radius: 100% !important;} @media screen and (max-width: 750px) { article img.fr-dib, .text_box img.fr-dib{display: block; margin: 5px auto; float: none;} article img.fr-dii, .text_box img.fr-dii{display: block; float: none; margin: 5px auto; max-width: 100%;} article img.fr-dib.fr-fil, .text_box img.fr-dib.fr-fil{margin: 5px auto;} article img.fr-dib.fr-fir, .text_box img.fr-dib.fr-fir{margin: 5px auto;} article img.fr-dii.fr-fil, .text_box img.fr-dii.fr-fil{float: none; margin: 5px auto; max-width: 100%;} article img.fr-dii.fr-fir, .text_box img.fr-dii.fr-fir{float: none; margin: 5px auto; max-width: 100%;} } article span.fr-video, .text_box span.fr-video{max-width: 100%; height: initial !important; height: auto !important; position: relative; text-align: center;} article span.fr-video.fr-dvb, .text_box span.fr-video.fr-dvb{display: block; margin: 5px auto; float: none; vertical-align: top;} article span.fr-video.fr-dvi, .text_box span.fr-video.fr-dvi{display: inline-block; float: none; vertical-align: bottom; margin-left: 5px; margin-right: 5px; max-width: calc(100% - 10px);} article span.fr-dvb.fr-fvl, .text_box span.fr-dvb.fr-fvl{margin-left: 0;} article span.fr-dvb.fr-fvr, .text_box span.fr-dvb.fr-fvr{margin-right: 0;} article span.fr-video.fr-dvi.fr-fvl, .text_box span.fr-video.fr-dvi.fr-fvl{float: left; margin-left: 0; margin-right: 10px; max-width: calc(50% - 10px);} article span.fr-video.fr-dvi.fr-fvr, .text_box span.fr-video.fr-dvi.fr-fvr{float: right; margin-left: 10px; margin-right: 0; max-width: calc(50% - 10px);} article span.fr-video .video_box, .text_box span.fr-video .video_box{background: #f7f7f7; display: inline-block; max-width: 100%; width: 640px; position: relative;} article span.fr-video .video_box .video_in, .text_box span.fr-video .video_box .video_in{display: block; width: 100%; padding: 0 0 56.25%; position: relative;} article span.fr-video .video_box .video_in > *, .text_box span.fr-video .video_box .video_in > *{opacity: 1; width: 100%; height: 100%; border: 0; position: absolute; top: 0; right: 0; left: 0; bottom: 0;} article span.fr-video iframe, .text_box span.fr-video iframe, article span.fr-video video, .text_box span.fr-video video{opacity: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} @media screen and (max-width: 750px) { article span.fr-video.fr-dvb, .text_box span.fr-video.fr-dvb{display: block; margin: 5px auto; float: none;} article span.fr-video.fr-dvi, .text_box span.fr-video.fr-dvi{display: block; float: none; margin: 5px auto; max-width: 100%;} article span.fr-dvb.fr-fvl, .text_box span.fr-dvb.fr-fvl{margin: 5px auto;} article span.fr-dvb.fr-fvr, .text_box span.fr-dvb.fr-fvr{margin: 5px auto;} article span.fr-video.fr-dvi.fr-fvl, .text_box span.fr-video.fr-dvi.fr-fvl{float: none; margin: 5px auto; max-width: 100%;} article span.fr-video.fr-dvi.fr-fvr, .text_box span.fr-video.fr-dvi.fr-fvr{float: none; margin: 5px auto; max-width: 100%;} } .text_page{ margin: 0 auto;} .text_page .img{position: relative; display: block; width: 37%; float: right; margin: 0 0 20px 50px;} .text_page .img.swipebox::before{opacity: 0; content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .text_page .img.swipebox::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 .text_page .img.swipebox:hover::before{opacity: 0.70;} .notouch .text_page .img.swipebox:hover::after{opacity: 1;} .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 20px;} .text_page .text{display: block; width: 100%; padding: 0; margin: 0;} } input[type=text], input[type=password], input[type=submit], textarea, code, button{font-family: 'Montserrat', sans-serif, Arial; margin: 0;} .clear, #cookie_content{margin: 0 !important;} html{margin: 0 auto; padding: 0; background: #f2f2f2 ;} body{color: #000000; background: #ffffff !important; padding: 0 !important; overflow-x: hidden; -webkit-text-size-adjust: none; text-rendering: auto; -webkit-backface-visibility:hidden; max-width: 1920px; margin: 0 auto; font-family: 'Montserrat', 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{width: 90%; padding: 0; max-width: 1300px; margin: 0 auto;} .inside_small{width: 90%; padding: 0; max-width: 840px; margin: 0 auto;} .inside_max{width: 90%; padding: 0; max-width: 90%; margin: 0 auto;} .inside_middle{width: 90%; padding: 0; max-width: 1410px; margin: 0 auto;} .btn{font-weight: 500; font-size: 14px; 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: 11px 30px;} .btn.big2{padding: 13px 30px;} .btn.small{padding: 9px 15px;} .btn.index{z-index: 10;} .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; } .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: 0; padding: 0 0 60%; margin: 0 0 8px; position: relative; background-repeat: no-repeat; background-position: center center; 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: 0; font-weight: 600;} .btn.typ_1{background: #292929; border: 1px solid #292929; color: #ffffff;} .notouch .btn.typ_1:hover, .notouch .item.hover_efekt .btn.typ_1, .notouch a.item:hover .btn.typ_1{background: #E56951; border: 1px solid #E56951; color: #ffffff;} .btn.typ_2{background: #E56951; border: 1px solid #E56951; color: #ffffff;} .notouch .btn.typ_2:hover, .notouch .item.hover_efekt .btn.typ_2, .notouch a.item:hover .btn.typ_2{background: #292929; border: 1px solid #292929; color: #ffffff;} .btn.typ_3{background: transparent; padding-left: 0; padding-right: 40px; border: 0; color: #000000;} .btn.typ_3::before{opacity: 1; position: absolute; top: 0; right: 0; bottom: 0; background: url(../img/arrow_right_black.svg) no-repeat scroll center center; background-size: 30px 15px; width: 30px; content: ""; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .btn.typ_3::after{opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; background: url(../img/arrow_right_orange.svg) no-repeat scroll center center; background-size: 30px 15px; width: 30px; content: ""; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .btn.typ_3:hover, .notouch .item.hover_efekt .btn.typ_3, .notouch a.item:hover .btn.typ_3{color: #E56951;} .notouch .btn.typ_3:hover::before, .notouch .item.hover_efekt .btn.typ_3::before, .notouch a.item:hover .btn.typ_3::before{opacity: 0;} .notouch .btn.typ_3:hover::after, .notouch .item.hover_efekt .btn.typ_3::after, .notouch a.item:hover .btn.typ_3::after{opacity: 1;} .btn.typ_4{-webkit-border-radius: 50px; border-radius: 50px; background: #E56951; border: 1px solid #E56951; padding: 0; width: 58px; height: 58px; color: #ffffff;} .btn.typ_4::before{opacity: 1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../img/arrow_right_white.svg) no-repeat scroll center center; background-size: 40px 20px; content: ""; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .btn.typ_4::after{opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../img/arrow_right_orange.svg) no-repeat scroll center center; background-size: 40px 20px; content: ""; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .btn.typ_4:hover, .notouch .item.hover_efekt .btn.typ_4, .notouch a.item:hover .btn.typ_4{background: #ffffff; border: 1px solid #ffffff; color: #000000;} .notouch .btn.typ_4:hover::before, .notouch .item.hover_efekt .btn.typ_4::before, .notouch a.item:hover .btn.typ_4::before{opacity: 0;} .notouch .btn.typ_4:hover::after, .notouch .item.hover_efekt .btn.typ_4::after, .notouch a.item:hover .btn.typ_4::after{opacity: 1;} .btn.typ_5{-webkit-border-radius: 50px; border-radius: 50px; background: #E6E7E2; border: 1px solid #E6E7E2; padding: 0; width: 40px; height: 40px; color: #000000;} .btn.typ_5::before{opacity: 1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../img/arrow_right_black.svg) no-repeat scroll center center; background-size: 30px 15px; content: ""; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .btn.typ_5::after{opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../img/arrow_right_white.svg) no-repeat scroll center center; background-size: 30px 15px; content: ""; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .btn.typ_5:hover, .notouch .item.hover_efekt .btn.typ_5, .notouch a.item:hover .btn.typ_5{background: #E56951; border: 1px solid #E56951; color: #ffffff;} .notouch .btn.typ_5:hover::before, .notouch .item.hover_efekt .btn.typ_5::before, .notouch a.item:hover .btn.typ_5::before{opacity: 0;} .notouch .btn.typ_5:hover::after, .notouch .item.hover_efekt .btn.typ_5::after, .notouch a.item:hover .btn.typ_5::after{opacity: 1;} .btn.typ_6{-webkit-border-radius: 50px; border-radius: 50px; background: #ffffff; border: 1px solid #ffffff; padding: 0; width: 40px; height: 40px; color: #000000;} .btn.typ_6::before{opacity: 1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../img/arrow_right_black.svg) no-repeat scroll center center; background-size: 30px 15px; content: ""; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .btn.typ_6::after{opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../img/arrow_right_white.svg) no-repeat scroll center center; background-size: 30px 15px; content: ""; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .btn.typ_6:hover, .notouch .item.hover_efekt .btn.typ_6, .notouch a.item:hover .btn.typ_6{background: #E56951; border: 1px solid #E56951; color: #ffffff;} .notouch .btn.typ_6:hover::before, .notouch .item.hover_efekt .btn.typ_6::before, .notouch a.item:hover .btn.typ_6::before{opacity: 0;} .notouch .btn.typ_6:hover::after, .notouch .item.hover_efekt .btn.typ_6::after, .notouch a.item:hover .btn.typ_6::after{opacity: 1;} .btn.typ_7{-webkit-border-radius: 50px; border-radius: 50px; background: #E6E7E2; border: 1px solid #E6E7E2; padding: 0; width: 40px; height: 40px; color: #000000;} .btn.typ_7::before{opacity: 1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../img/arrow_right_black.svg) no-repeat scroll center center; -webkit-transform: rotate(180deg); transform: rotate(180deg); background-size: 30px 15px; content: ""; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .btn.typ_7::after{opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../img/arrow_right_white.svg) no-repeat scroll center center; -webkit-transform: rotate(180deg); transform: rotate(180deg); background-size: 30px 15px; content: ""; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .btn.typ_7:hover, .notouch .item.hover_efekt .btn.typ_7, .notouch a.item:hover .btn.typ_7{background: #E56951; border: 1px solid #E56951; color: #ffffff;} .notouch .btn.typ_7:hover::before, .notouch .item.hover_efekt .btn.typ_7::before, .notouch a.item:hover .btn.typ_7::before{opacity: 0;} .notouch .btn.typ_7:hover::after, .notouch .item.hover_efekt .btn.typ_7::after, .notouch a.item:hover .btn.typ_7::after{opacity: 1;} .btn.typ_8{ padding: 12px 54px 12px 0; color: #000000;} .btn.typ_8::before{-webkit-border-radius: 50px; border-radius: 50px; opacity: 1; position: absolute; top: 0; right: 0; bottom: 0; width: 40px; height: 40px; background: url(../img/arrow_right_black.svg) no-repeat scroll center center #E6E7E2; background-size: 30px 15px; content: ""; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .btn.typ_8::after{-webkit-border-radius: 50px; border-radius: 50px; opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; width: 40px; height: 40px; background: url(../img/arrow_right_white.svg) no-repeat scroll center center #E56951; background-size: 30px 15px; content: ""; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .btn.typ_8:hover::before, .notouch .item.hover_efekt .btn.typ_8::before, .notouch a.item:hover .btn.typ_8::before{opacity: 0;} .notouch .btn.typ_8:hover::after, .notouch .item.hover_efekt .btn.typ_8::after, .notouch a.item:hover .btn.typ_8::after{opacity: 1;} .notouch .btn.typ_8:hover, .notouch .item.hover_efekt .btn.typ_8, .notouch a.item:hover .btn.typ_8{color: #E56951;} .btn.typ_9{ padding: 12px 54px 12px 0; color: #000000;} .btn.typ_9::before{-webkit-border-radius: 50px; border-radius: 50px; opacity: 1; position: absolute; top: 0; right: 0; bottom: 0; width: 40px; height: 40px; background: url(../img/arrow_right_black.svg) no-repeat scroll center center #ffffff; background-size: 30px 15px; content: ""; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .btn.typ_9::after{-webkit-border-radius: 50px; border-radius: 50px; opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; width: 40px; height: 40px; background: url(../img/arrow_right_white.svg) no-repeat scroll center center #E56951; background-size: 30px 15px; content: ""; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .btn.typ_9:hover::before, .notouch .item.hover_efekt .btn.typ_9::before, .notouch a.item:hover .btn.typ_9::before{opacity: 0;} .notouch .btn.typ_9:hover::after, .notouch .item.hover_efekt .btn.typ_9::after, .notouch a.item:hover .btn.typ_9::after{opacity: 1;} .notouch .btn.typ_9:hover, .notouch .item.hover_efekt .btn.typ_9, .notouch a.item:hover .btn.typ_9{color: #E56951;} .btn.typ_10{background: #ffffff; border: 1px solid #292929; color: #292929;} .notouch .btn.typ_10:hover, .notouch .item.hover_efekt .btn.typ_10, .notouch a.item:hover .btn.typ_10, .notouch .fileUpload:hover .btn.typ_10{background: #E56951; border: 1px solid #E56951; color: #ffffff;} .btn.typ_11{-webkit-border-radius: 50px; border-radius: 50px; background: #E56951; border: 1px solid #E56951; padding: 0; width: 40px; height: 40px; color: #ffffff;} .btn.typ_11::after{opacity: 1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../img/arrow_right_white.svg) no-repeat scroll center center; background-size: 30px 15px; content: ""; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .btn.typ_11:hover, .notouch .item.hover_efekt .btn.typ_11, .notouch a.item:hover .btn.typ_11{background: #000000; border: 1px solid #000000; color: #ffffff;} .btn.typ_12{background: transparent; border: 1px solid #292929; color: #292929;} .notouch .btn.typ_12:hover, .notouch .item.hover_efekt .btn.typ_12, .notouch a.item:hover .btn.typ_12{background: #292929; border: 1px solid #292929; color: #ffffff;} .btn.typ_13{-webkit-border-radius: 50px; border-radius: 50px; background: #E56951; border: 1px solid #E56951; padding: 0; width: 40px; height: 40px; color: #ffffff;} .btn.typ_13::before{opacity: 1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../img/arrow_right_white.svg) no-repeat scroll center center; background-size: 30px 15px; content: ""; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .btn.typ_13::after{opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../img/arrow_right_orange.svg) no-repeat scroll center center; background-size: 30px 15px; content: ""; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .btn.typ_13:hover, .notouch .item.hover_efekt .btn.typ_13, .notouch a.item:hover .btn.typ_13{background: #ffffff; border: 1px solid #ffffff; color: #000000;} .notouch .btn.typ_13:hover::before, .notouch .item.hover_efekt .btn.typ_13::before, .notouch a.item:hover .btn.typ_13::before{opacity: 0;} .notouch .btn.typ_13:hover::after, .notouch .item.hover_efekt .btn.typ_13::after, .notouch a.item:hover .btn.typ_13::after{opacity: 1;} @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.typ_4{width: 48px; height: 48px;} .btn.typ_4::before{background-size: 34px 17px;} .btn.typ_4::after{background-size: 34px 17px;} .btn.big2{padding: 11px 9px;} } .header_height{display: block; height: 138px; position: relative;} header{padding: 46px 0; background: #ffffff; max-width: 1920px; z-index: 9999; position: fixed; top: 0; left: 0; right: 0; margin: 0 auto; width: 100%; text-align: center;} header a.logo{display: inline-block; vertical-align: middle; position: relative;} header a.logo::before{display: block; position: absolute; left: 0; top: 0; background: url(../img/logo.svg) no-repeat scroll center center; content: "";} header a.logo, header a.logo::before{width: 176px; height: 44px; background-size: 176px 44px;} header .box{text-align: right; z-index: 999; display: inline-block; vertical-align: middle; width: calc(100% - 176px); margin: 0; font-size: 0; } header .box nav{text-align: center; position: relative; z-index: 999; display: inline-block; vertical-align: middle; margin: 0 30px 0 0;} header .box nav ul.menu{margin: 0; padding: 0; display: inline-block; vertical-align: middle; text-align: right;} header .box nav ul.menu > li{padding: 0; position: relative; list-style: none; display: inline-block; vertical-align: middle; margin: 0 0 0 25px;} header .box nav ul.menu > li.sep{border-left: 1px solid #707070; padding: 0 0 0 25px; } header .box nav ul.menu > li a{position: relative; display: block; line-height: 22px; font-size: 15px; font-weight: 500; padding: 12px 8px; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch header .box nav ul.menu > li:hover > a, header .box nav ul.menu > li.active > a, header .box nav ul.menu > li.open > a{color: #E56951;} header .box nav ul.menu > li.special_dot > button{background: none; border: 0; width: 31px; text-transform: uppercase; position: relative; display: block; line-height: 22px; font-size: 15px; font-weight: 500; padding: 12px 8px; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header .box nav ul.menu > li.special_dot > button::before{opacity: 1; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../img/submenu_dot_black.svg) no-repeat scroll center center; background-size: 31px 8px; content: ""; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header .box nav ul.menu > li.special_dot > button::after{opacity: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../img/submenu_dot_orange.svg) no-repeat scroll center center; background-size: 31px 8px; content: ""; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch header .box nav ul.menu > li.special_dot:hover > button::before{opacity: 0;} .notouch header .box nav ul.menu > li.special_dot:hover > button::after{opacity: 1;} header .box nav ul.menu > li a.house_link{-webkit-border-radius: 30px; border-radius: 30px; font-weight: 500; color: #ffffff; background: #E56951; border: 1px solid #E56951; padding: 11px 25px 11px 50px; margin: 0;} .notouch header .box nav ul.menu > li a.house_link:hover{border: 1px solid #E56951; color: #E56951; background: #fff;} header .box nav ul.menu > li a.house_link::before{opacity: 1; position: absolute; top: 0; bottom: 0; left: 0; background: url(../img/house_icon_white.svg) no-repeat scroll center center; background-size: 21px 24px; width: 50px; content: ""; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header .box nav ul.menu > li a.house_link::after{opacity: 0; position: absolute; top: 0; bottom: 0; left: 0; background: url(../img/house_icon_orange.svg) no-repeat scroll center center; background-size: 21px 24px; width: 50px; content: ""; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch header .box nav ul.menu > li a.house_link:hover::before{opacity: 0;} .notouch header .box nav ul.menu > li a.house_link:hover::after{opacity: 1;} header .box nav ul.menu > li > ul{z-index: 0; margin: 0; padding: 0; position: absolute; top: 100%; left: 0; background: #ffffff; display: none; -webkit-transition: all 200ms ease; transition: all 200ms ease; -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); box-shadow: 0 0 20px -5px rgba(0,0,0,0.6);} header .box nav ul.menu > li > ul:before{bottom: 100%; left: 15px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #ffffff; border-width: 6px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header .box nav ul.menu > li > ul.hover_efekt:before, header .box nav > ul.menu li > ul.special:before{border-bottom-color: #E56951;} header .box nav ul.menu > li:hover > ul{display: block;} header .box nav ul.menu > li > ul > li{position: relative; margin: 0; list-style: none; display: block; width: 100%; padding: 0;} header .box nav ul.menu > li > ul > li > a{-webkit-border-radius: 0; border-radius: 0; margin: 0; white-space: nowrap; opacity: 1; position: relative; text-transform: none; font-weight: 500; display: block; padding: 8px 15px; font-size: 12px; line-height: 20px; text-align: left; color: #000000 !important; border-top: 1px solid #e5e5e5; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header .box nav ul.menu > li > ul > li:first-of-type > a{border-top: 0 !important;} header .box nav ul.menu > li > ul > li > a::before{ display: none;} .notouch header .box nav ul.menu > li > ul > li:hover > a, header .box nav ul.menu > li > ul > li.active > a{background: #E56951; color: #ffffff !important; border-top: 1px solid #cf4e35;} header .box ul.social{display: inline-block; vertical-align: middle; margin: 0; padding: 0; height: 30px;} header .box ul.social li{list-style: none; display: inline-block; margin: 0 2px 0 0;} header .box ul.social li a{-webkit-border-radius: 30px; border-radius: 30px;display: block; width: 30px; height: 30px; position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header .box ul.social li a::before{ 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;} header .box ul.social li a::after{ 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;} header .box ul.social li a.in::before{background-image: url(../img/social_in_icon_white.svg);} header .box ul.social li a.fb::before{background-image: url(../img/social_fb_icon_white.svg);} header .box ul.social li a.yt::before{background-image: url(../img/social_yt_icon_white.svg);} header .box ul.social li a.li::before{background-image: url(../img/social_li_icon_white.svg);} header .box ul.social li a.tw::before{background-image: url(../img/social_tw_icon_white.svg);} header .box ul.social li a.in::after{background-image: url(../img/social_in_icon_black.svg);} header .box ul.social li a.fb::after{background-image: url(../img/social_fb_icon_black.svg);} header .box ul.social li a.yt::after{background-image: url(../img/social_yt_icon_black.svg);} header .box ul.social li a.li::after{background-image: url(../img/social_li_icon_black.svg);} header .box ul.social li a.tw::after{background-image: url(../img/social_tw_icon_black.svg);} .notouch header .box ul.social li a:hover{background: #E56951;} .notouch header .box ul.social li a:hover::before{ opacity: 1;} .notouch header .box ul.social li a:hover::after{ opacity: 0;} header .box ul.lang{margin: 0 0 0 10px; padding: 0; display: inline-block; vertical-align: middle; text-align: center;} header .box ul.lang li{padding: 0; position: relative; list-style: none; display: inline-block; vertical-align: middle; margin: 0;} header .box ul.lang li button.return_false{-webkit-border-radius: 30px; border-radius: 30px; border: 0; background: none; text-transform: uppercase; position: relative; display: block; line-height: 44px; width: 44px; text-align: center; font-size: 15px; font-weight: 500; padding: 0; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch header .box ul.lang li:hover > button.return_false, header .box ul.lang li.active > button.return_false, header .box ul.lang li.open > button.return_false{color: #E56951;} header .box ul.lang li ul{z-index: 0; margin: 0; padding: 0; position: absolute; top: 100%; right: 0; background: #ffffff; display: none; -webkit-transition: all 200ms ease; transition: all 200ms ease; -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); box-shadow: 0 0 20px -5px rgba(0,0,0,0.6);} header .box ul.lang li ul:before{bottom: 100%; right: 14px; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #ffffff; border-width: 6px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header .box ul.lang li ul.hover_efekt:before, header .box ul.lang li ul.special:before{border-bottom-color: #E56951;} header .box ul.lang li:hover ul{display: block;} header .box ul.lang li ul li {margin: 0 !important; list-style: none; display: block; width: 100%; padding: 0;} header .box ul.lang li ul li a{white-space: nowrap; opacity: 1; position: relative; text-transform: none; font-weight: 500; display: block; padding: 8px 20px; font-size: 12px; line-height: 20px; text-align: right; color: #000000 !important; border-top: 1px solid #e5e5e5; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header .box ul.lang li ul li:first-of-type a{border-top: 0 !important;} header .box ul.lang li ul li a::before{ display: none;} .notouch header .box ul.lang li ul li a:hover, header .box ul.lang li ul li.active a{background: #E56951; color: #ffffff !important; border-top: 1px solid #cf4e35;} .open_close_navigation{cursor: pointer; text-align: center; display: none; position: relative; left: 0; z-index: 20; padding: 0; margin: 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; color: #000000; font-weight: 500; 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: 14px 0; -webkit-transition: all 400ms ease; transition: all 400ms ease; cursor: pointer; user-select: none;} .open_close_navigation .lines-button:active { -webkit-transition: none; transition: none;} .open_close_navigation .lines {display: inline-block; width: 1.8rem; height: 2px; background: #000000; transition: 0.3s; position: relative;} .open_close_navigation .lines:before, .open_close_navigation .lines:after {display: inline-block; width: 1.8rem; height: 2px; background: #000000; transition: 0.3s; position: absolute; left: 0; content: ''; -webkit-transform-origin: 0.28571rem center; transform-origin: 0.28571rem center;} .open_close_navigation .lines:before {top: 0.4rem;} .open_close_navigation .lines:after {top: -0.4rem;} .open_close_navigation .lines-button.close {-webkit-transform: scale3d(0.8, 0.8, 0.8); transform: scale3d(0.8, 0.8, 0.8);} .open_close_navigation .lines-button.x.close .lines {background: transparent !important;} .open_close_navigation .lines-button.x.close .lines:before, .open_close_navigation .lines-button.x.close .lines:after {height: 2px; left: -2px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; width: 2.3rem; background: #000000;} .open_close_navigation .lines-button.x.close .lines:before {-webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg);} .open_close_navigation .lines-button.x.close .lines:after {-webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg);} .notouch .open_close_navigation:hover::after{color: #E56951;} .notouch .open_close_navigation:hover .lines-button.x.close .lines:before, .notouch .open_close_navigation:hover .lines-button.x.close .lines:after{background: #E56951;} .notouch .open_close_navigation:hover .lines:before, .notouch .open_close_navigation:hover .lines:after{background: #E56951;} .notouch .open_close_navigation:hover .lines{background: #E56951;} .ipad_menu{text-align: center; display: none; position: absolute; max-width: 1920px; margin: 0 auto; width: 100%; top: -1500px; 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: 103px 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: #1a1a1a; border-top: 1px solid #000000; color: #fff;} .ipad_menu > ul > li > ul{border-top: 1px solid #d4d4d4; display: none; position: relative; text-align: left; margin: 0; padding: 0 0 0 25px; z-index: 9998; background: #ececec;} .ipad_menu > ul > li[aria-expanded='true'] > ul, .ipad_menu > ul > li.open > ul{display: block;} .ipad_menu > ul > li > ul > li{position: relative; list-style: none; display: block;} .ipad_menu > ul > li > ul > li > a{border-top: 1px solid #d4d4d4; position: relative; font-size: 13px; line-height: 44px; font-weight: 400; padding: 0 60px 0px 15px; display: block; text-transform: none; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .ipad_menu > ul > li > ul > li:nth-child(1) > a{border-top: 0 !important} .notouch .ipad_menu > ul > li > ul > li > a:hover, .ipad_menu > ul > li > ul > li > a:focus, .ipad_menu > ul > li > ul > li.active > a, .ipad_menu > ul > li > ul > li[aria-expanded='true'] > a, .ipad_menu > ul > li > ul > li.focus_efekt > a{color: #E56951} .ipad_menu ul > li > .icon{background: none; border: 0; cursor: pointer; z-index: 100; display: block; position: absolute; top: 1px; right: 0; height: 44px; width: 45px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .ipad_menu ul > li > .icon::after{position: absolute; height: 32px; width: 1px; top: 50%; left: 0; background: #d4d4d4; content: ""; display: block; -webkit-transform: translateY(-50%) translateZ(0); transform: translateY(-50%) translateZ(0); -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .ipad_menu ul > li:hover > .icon::after, .ipad_menu ul > li > .icon:focus::after, .ipad_menu ul > li.active > .icon::after, .ipad_menu ul > li[aria-expanded='true'] > .icon::after{background: #deeef3;} .ipad_menu ul > li > .icon::before{display: block; width: 100%; height: 100%; content: ""; position: absolute; top: 0; left: 0; background: url(../img/arrow_black_right.svg) no-repeat scroll center center; background-size: 12px 12px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .ipad_menu ul > li.focus_efekt > .icon::before, .ipad_menu ul > li.open > .icon::before, .ipad_menu ul > li.open > .icon:focus::before, .ipad_menu ul > li.open > .icon:hover::before, .ipad_menu ul > li:focus > .icon::before, .ipad_menu ul > li[aria-expanded='true'] > .icon::before, .notouch .ipad_menu ul > li:hover > .icon::before, .notouch .ipad_menu ul > li.focus_efekt > .icon:hover::before, .notouch .ipad_menu ul > li.open[aria-expanded='true'] > .icon:hover::before, .notouch .ipad_menu ul > li[aria-expanded='true'] > .icon:hover::before{background: url(../img/arrow_white_right.svg) no-repeat scroll center center; background-size: 12px 12px;} .notouch .ipad_menu ul > li > .icon:hover::before, .ipad_menu ul > li > .icon:focus::before, .ipad_menu ul > li.open.focus_efekt > .icon:focus::before, .notouch .ipad_menu ul > li.open > .icon:hover::before{background: url(../img/arrow_green_right.svg) no-repeat scroll center center; background-size: 12px 12px;} .ipad_menu ul > li.open > .icon::before{-webkit-transform: rotate(-90deg);transform: rotate(-90deg);} @media screen and (max-width: 1500px) { .header_height{height: 126px;} header{padding: 40px 0;} header a.logo, header a.logo::before{width: 160px; height: 40px; background-size: 160px 40px;} header .box{width: calc(100% - 160px);} header .box nav{margin: 0 25px 0 0;} header .box nav ul.menu > li{margin: 0 0 0 20px;} header .box nav ul.menu > li.sep{padding: 0 0 0 20px; } header .box nav ul.menu > li a{font-size: 14px;} header .box ul.lang{margin: 0 0 0 5px;} header .box ul.lang li button.return_false{font-size: 14px;} } @media screen and (max-width: 1400px) { header .box nav{margin: 0 10px 0 0;} header .box ul.social{display: none;} } @media screen and (max-width: 1280px) { .header_height{height: 96px;} header{position: absolute; padding: 25px 0;} .open_close_navigation{display: inline-block;} .ipad_menu{padding: 96px 0 0; display: block;} .ipad_menu ul li.sep, .ipad_menu ul li.lang{display: none;} header .box nav ul.menu > li:not(.sep){display: none;} header .box nav ul.menu > li.sep{border: 0; border-right: 1px solid #707070; padding: 0 20px 0 0; margin: 0 20px 0 0;} } @media screen and (max-width: 1024px) { .header_height{height: 86px;} header{padding: 20px 0;} .ipad_menu{padding: 86px 0 0;} .ipad_menu ul li.lang{display: block;} header .box ul.lang{display: none;} header .box nav{margin: 0;} } @media screen and (max-width: 750px) { header a.logo, header a.logo::before{width: 128px; height: 32px; background-size: 128px 32px;} header .box{width: calc(100% - 128px);} } @media screen and (max-width: 500px) { .header_height{height: 68px;} header{padding: 15px 0;} header a.logo, header a.logo::before{width: 112px; height: 28px; background-size: 112px 28px;} header .box{width: calc(100% - 112px);} .open_close_navigation::after{display: none;} .ipad_menu{padding: 68px 0 0;} header .box nav ul.menu > li{margin: 0 0 0 15px;} header .box nav ul.menu > li.sep{border: 0; padding: 0; } header .box nav ul.menu > li a.house_link{font-size: 12px; line-height: 20px; padding: 8px 15px; margin: 0;} header .box nav ul.menu > li a.house_link::before{display: none;} header .box nav ul.menu > li a.house_link::after{display: none;} } .welcome_1{overflow: hidden; position: relative; display: block; padding: 40px 0 0; z-index: 10; margin: 80px 0 0; } .welcome_1 .text{padding: 0 0 50px; width: 50%; display: block; position: relative;} .welcome_1 .text .section{color: #7E7E7E; font-size: 14px; line-height: 22px; font-weight: 500; text-align: left; margin: 0; padding: 0;} .welcome_1 .text .title{color: #292929; font-size: 60px; line-height: 60px; font-weight: 700; text-align: left; margin: 5px 0 0; padding: 0; text-transform: none; position: relative;} .welcome_1 .text .title::before{content: ""; position: absolute; left: -20px; top: 36px; width: 15px; height: 15px; -webkit-border-radius: 20px; border-radius: 20px; background: #E56951;} .welcome_1 .text .main_house_link{display: inline-block; vertical-align: middle; font-size: 22px; line-height: 40px; font-weight: 600; color: #E56951; padding: 0 60px 0 50px; margin: 60px 0; position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_1 .text .main_house_link::before{opacity: 1; position: absolute; top: 0; right: 0; bottom: 0; background: url(../img/arrow_right_orange.svg) no-repeat scroll center center; background-size: 40px 20px; width: 40px; content: ""; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_1 .text .main_house_link::after{opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; background: url(../img/arrow_right_black.svg) no-repeat scroll center center; background-size: 40px 20px; width: 40px; content: ""; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .welcome_1 .text .main_house_link:hover{color: #292929;} .notouch .welcome_1 .text .main_house_link:hover::before{opacity: 0;} .notouch .welcome_1 .text .main_house_link:hover::after{opacity: 1;} .welcome_1 .text .main_house_link span{position: absolute; top: 0; left: 0; bottom: 0; width: 31px;} .welcome_1 .text .main_house_link span::before{opacity: 1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../img/house_icon_orange.svg) no-repeat scroll center center; background-size: 31px 36px; content: ""; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_1 .text .main_house_link span::after{opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../img/house_icon_black.svg) no-repeat scroll center center; background-size: 31px 36px; content: ""; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .welcome_1 .text .main_house_link:hover span::before{opacity: 0;} .notouch .welcome_1 .text .main_house_link:hover span::after{opacity: 1;} .welcome_1 .text .title2{color: #292929; font-size: 22px; line-height: 28px; font-weight: 600; text-align: left; margin: 5px 0 15px; padding: 0; text-transform: none; position: relative;} .welcome_1 .navigation_button{position: absolute; top: 0; right: 5%; font-size: 0; white-space: nowrap;} .welcome_1 .navigation_button .prev { cursor: pointer; position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; width: 40px; height: 20px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_1 .navigation_button .next { cursor: pointer; position: relative; display: inline-block; vertical-align: middle; margin: -2px auto 0; width: 40px; height: 20px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_1 .navigation_button .prev::before { opacity: 1; position: absolute; left: 0; top: 0; content: ""; background: url(../img/arrow_right_black.svg) no-repeat scroll center center; background-size: 40px 20px; display: block; width: 100%; height: 100%; -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_1 .navigation_button .prev::after { opacity: 0; position: absolute; left: 0; top: 0; content: ""; background: url(../img/arrow_right_orange.svg) no-repeat scroll center center; background-size: 40px 20px; display: block; width: 100%; height: 100%; -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_1 .navigation_button .next::before { opacity: 1; position: absolute; left: 0; top: 0; content: ""; background: url(../img/arrow_right_black.svg) no-repeat scroll center center; background-size: 40px 20px; display: block; width: 100%; height: 100%; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_1 .navigation_button .next::after { opacity: 0; position: absolute; left: 0; top: 0; content: ""; background: url(../img/arrow_right_orange.svg) no-repeat scroll center center; background-size: 40px 20px; display: block; width: 100%; height: 100%; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .welcome_1 .navigation_button .prev:hover::before, .notouch .welcome_1 .navigation_button .next:hover::before{ opacity: 0;} .notouch .welcome_1 .navigation_button .prev:hover::after, .notouch .welcome_1 .navigation_button .next:hover::after{ opacity: 1;} .welcome_1 .reference_box{z-index: 5; display: block; position: absolute; top: 40px; left: 50%; right: -200px;} @media screen and (max-width: 1500px) { .welcome_1 .text{padding: 0 0 40px;} .welcome_1 .text .title{font-size: 52px; line-height: 54px;} .welcome_1 .text .title::before{left: -18px; top: 32px; width: 13px; height: 13px;} .welcome_1 .text .main_house_link{font-size: 20px; line-height: 34px; padding: 0 55px 0 45px; margin: 50px 0;} .welcome_1 .text .main_house_link span{width: 27px;} .welcome_1 .text .main_house_link span::before{background-size: 27px 32px;} .welcome_1 .text .main_house_link span::after{background-size: 27px 32px;} .welcome_1 .text .title2{font-size: 20px; line-height: 26px;} .welcome_1 .reference_box{right: -180px;} } @media screen and (max-width: 1280px) { .welcome_1 .text .title{font-size: 44px; line-height: 46px;} .welcome_1 .text .title::before{left: -15px; top: 29px; width: 10px; height: 10px;} .welcome_1 .text .main_house_link{font-size: 18px; line-height: 32px; padding: 0 50px 0 40px; margin: 40px 0;} .welcome_1 .text .main_house_link span{width: 26px;} .welcome_1 .text .main_house_link span::before{background-size: 26px 30px;} .welcome_1 .text .main_house_link span::after{background-size: 26px 30px;} .welcome_1 .text .title2{font-size: 18px; line-height: 24px;} .welcome_1 .reference_box{right: -150px;} } @media screen and (max-width: 750px) { .welcome_1{margin: 0; padding: 20px 0 0;} .welcome_1 .text{width: 100%;} .welcome_1 .text .title{font-size: 40px; line-height: 44px;} .welcome_1 .text .title::before{top: 26px;} .welcome_1 .reference_box{display: none;} .welcome_1 .navigation_button{display: none;} } @media screen and (max-width: 500px) { .welcome_1 .text .section{font-size: 13px; line-height: 20px;} .welcome_1 .text .title{font-size: 35px; line-height: 40px; margin: 0 0 25px;} .welcome_1 .text .title::before{left: -10px; top: 23px; width: 8px; height: 8px;} .welcome_1 .text .main_house_link{display: none; font-size: 16px; line-height: 28px; padding: 0 50px 0 35px; margin: 35px 0;} .welcome_1 .text .main_house_link span{width: 24px;} .welcome_1 .text .main_house_link span::before{background-size: 24px 28px;} .welcome_1 .text .main_house_link span::after{background-size: 24px 28px;} .welcome_1 .text .title2{font-size: 16px; line-height: 22px; margin: 0 0 10px} } .welcome_1 .parallax{position: relative; display: block; height: 0; padding: 0 0 35%; z-index: 0; } .welcome_1 .parallax .in{position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: no-repeat scroll center center #E6E7E2; background-size: cover;} .welcome_1 .parallax .in{background-image: url(../img/parallax.jpg)} @media screen and (max-width: 1400px) { .safari .welcome_1 .parallax .in{background-image: url(../img/parallax.jpg); background-attachment: scroll; background-size: cover !important} } @media screen and (max-width: 1024px) { .welcome_1 .parallax .in{background-image: url(../img/parallax.jpg); background-attachment: scroll; background-size: cover !important} } @media screen and (max-width: 500px) { .welcome_1 .parallax{padding: 0; height: 140px;} } .welcome_3{padding: 50px 0 100px; position: relative; display: block; width: 100%;} @media screen and (max-width: 1024px) { .welcome_3{padding: 40px 0 80px;} } @media screen and (max-width: 500px) { .welcome_3{padding: 40px 0;} } .welcome_4{padding: 0; position: relative; display: block; width: 100%;} .house .house_in{background: #E6E7E2; padding: 80px 8%; font-size: 0;} .house .house_in .img_box{position: relative; display: inline-block; vertical-align: top; width: 45%; padding: 0 0 32%;} .house .house_in .img_box .img_slider{display: none; opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0;} .house .house_in .img_box .img_slider.stop{display: block; opacity: 1;} .house .house_in .img_box .img_slider, .house .house_in .img_box .img_slider *{height: 100%;} .house .house_in .img_box .img_slider .img{position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 0; background: no-repeat scroll center center; background-size: cover;} .house .house_in .img_box .img_slider.owl-carousel .owl-controls{margin: 0;} .house .house_in .img_box .img_slider.owl-carousel .owl-controls, .house .house_in .img_box .img_slider.owl-carousel.owl-carousel .owl-controls *{height: auto;} .house .house_in .img_box .img_slider.owl-carousel .owl-controls .owl-buttons{position: absolute; left: 0; right: 0; bottom: -10px; margin: 0;} .house .house_in .img_box .img_slider.owl-carousel .owl-controls .owl-buttons .owl-prev { cursor: pointer; position:absolute; width: 40px; height: 20px; right: 50px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .house .house_in .img_box .img_slider.owl-carousel .owl-controls .owl-buttons .owl-next { cursor: pointer; position:absolute; width: 40px; height: 20px; right: 0px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .house .house_in .img_box .img_slider.owl-carousel .owl-controls .owl-buttons .owl-prev::before { opacity: 1; position: absolute; left: 0; top: 0; content: ""; background: url(../img/arrow_right_black.svg) no-repeat scroll center center; background-size: 40px 20px; display: block; width: 100%; height: 100%; -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 400ms ease; transition: all 400ms ease;} .house .house_in .img_box .img_slider.owl-carousel .owl-controls .owl-buttons .owl-next::before { opacity: 1; position: absolute; left: 0; top: 0; content: ""; background: url(../img/arrow_right_black.svg) no-repeat scroll center center; background-size: 40px 20px; display: block; width: 100%; height: 100%; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .house .house_in .img_box .img_slider.owl-carousel .owl-controls .owl-buttons .owl-prev::after { opacity: 0; position: absolute; left: 0; top: 0; content: ""; background: url(../img/arrow_right_orange.svg) no-repeat scroll center center; background-size: 40px 20px; display: block; width: 100%; height: 100%; -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 400ms ease; transition: all 400ms ease;} .house .house_in .img_box .img_slider.owl-carousel .owl-controls .owl-buttons .owl-next::after { opacity: 0; position: absolute; left: 0; top: 0; content: ""; background: url(../img/arrow_right_orange.svg) no-repeat scroll center center; background-size: 40px 20px; display: block; width: 100%; height: 100%; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .house .house_in .img_box .img_slider.owl-carousel .owl-controls .owl-buttons .owl-prev:hover::before, .notouch .house .house_in .img_box .img_slider.owl-carousel .owl-controls .owl-buttons .owl-next:hover::before{ opacity: 0;} .notouch .house .house_in .img_box .img_slider.owl-carousel .owl-controls .owl-buttons .owl-prev:hover::after, .notouch .house .house_in .img_box .img_slider.owl-carousel .owl-controls .owl-buttons .owl-next:hover::after{ opacity: 1;} .house .house_in .text{display: inline-block; vertical-align: top; width: 50%; padding: 0 0 0 5%; text-align: left;} .house .house_in .text h2{font-size: 24px; line-height: 33px; font-weight: 600; margin: 0 0 15px; padding: 0;} .news_list_house{width: 100%; position: relative; margin: 0 auto; font-size: 0; margin: 30px 0 40px; padding: 30px 0 0; border-top: 1px solid #707070;} .news_list_house h3{font-size: 18px; line-height: 24px; font-weight: 600; margin: 0 0 5px; padding: 0;} .news_list_house .item{display: block; padding: 0; margin: 30px 0 0; width: 100%; position: relative; font-size: 0;} .news_list_house .item:nth-child(2){margin-top: 0;} .news_list_house .item .date{font-size: 14px; line-height: 22px; font-weight: 400; color: #000000; width: 100px; position: relative; display: inline-block; vertical-align: top;} .news_list_house .item .texts{text-align: left; width: calc(100% - 100px); position: relative; margin: 0; display: inline-block; vertical-align: top;} .news_list_house .item .texts .title{display:block; font-size: 14px; line-height: 22px; font-weight: 600; margin: 0 ; padding: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .news_list_house .item:hover .texts .title{color: #E56951;} .news_list_house .item .texts .text_box{overflow: hidden; font-size: 13px; height: 44px; color: #6d6e71; margin: 0px; padding: 0;} @media screen and (max-width: 1500px) { .house .house_in{padding: 60px 6%;} .house .house_in .text h2{font-size: 22px; line-height: 28px;} } @media screen and (max-width: 1280px) { .house .house_in{padding: 50px 5%;} .house .house_in .text h2{font-size: 20px; line-height: 26px;} .news_list_house h3{font-size: 16px; line-height: 22px;} } @media screen and (max-width: 1200px) { .house .house_in .img_box{display: block; width: 100%; padding: 0 0 70%; margin: 0 0 40px;} .house .house_in .text{display: block; width: 100%; padding: 0;} } @media screen and (max-width: 1024px) { .house .house_in{padding: 40px 5%;} .house .house_in .text h2{font-size: 18px; line-height: 24px;} .house .house_in .news_list_house{display: none;} } @media screen and (max-width: 500px) { .news_list_house .item .date{font-size: 13px; line-height: 20px; display: block; width: 100%;} .news_list_house .item .texts{width: 100%; display: block;} .news_list_house .item .texts .title{font-size: 13px; line-height: 20px;} } .welcome_5{padding: 80px 0; position: relative; display: block; width: 100%;} .welcome_5 .partners_list_slider{text-align: center; display: block; position: relative; width: 100%; font-size: 0; margin: 0;} .welcome_5 .partners_list_slider .item{opacity: 1; display: inline-block; vertical-align: middle; position: relative; width: calc(100% / 6 - 150px / 6); margin: 30px 0 0;} .welcome_5 .partners_list_slider .item:nth-child(6n - 1){margin: 30px 30px 0;} .welcome_5 .partners_list_slider .item:nth-child(6n - 3){margin: 30px 30px 0;} .welcome_5 .partners_list_slider .item:nth-child(6n - 5){margin: 30px 30px 0 0;} .welcome_5 .partners_list_slider .item:nth-child(-n + 6){margin-top: 0;} .welcome_5 .partners_list_slider .item:nth-child(n + 7){display: none;} .notouch .welcome_5 .partners_list_slider a.item:hover{opacity: 1;} .welcome_5 .partners_list_slider .item picture{display: block; width: 100%; padding: 0 0 33.33%; background: no-repeat scroll center center; -webkit-background-size: contain; background-size: contain; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_5 .partners_list_slider .item picture{filter: url("data:image/svg+xml;utf8,#grayscale");-webkit-filter: grayscale(1);filter: grayscale(1);filter: gray;} .notouch .welcome_5 .partners_list_slider .item:hover picture {-webkit-filter: none; filter: none;} @media screen and (max-width: 1500px) { .welcome_5{padding: 60px 0;} } @media screen and (max-width: 1280px) { .welcome_5{padding: 50px 0;} .welcome_5 .partners_list_slider .item{width: calc(100% / 4 - 90px / 4); margin: 30px 0 0;} .welcome_5 .partners_list_slider .item:nth-child(6n - 1){margin: 30px 0 0;} .welcome_5 .partners_list_slider .item:nth-child(6n - 3){margin: 30px 0 0;} .welcome_5 .partners_list_slider .item:nth-child(6n - 5){margin: 30px 0 0;} .welcome_5 .partners_list_slider .item:nth-child(-n + 6){margin-top: 30px;} .welcome_5 .partners_list_slider .item:nth-child(4n - 1){margin: 30px 30px 0;} .welcome_5 .partners_list_slider .item:nth-child(4n - 3){margin: 30px 30px 0 0;} .welcome_5 .partners_list_slider .item:nth-child(-n + 4){margin-top: 0;} .welcome_5 .partners_list_slider .item:nth-child(n + 5){display: none;} } @media screen and (max-width: 1024px) { .welcome_5{padding: 40px 0;} } @media screen and (max-width: 800px) { .welcome_5 .partners_list_slider .item{width: calc(100% / 3 - 40px / 3); margin: 20px 0 0;} .welcome_5 .partners_list_slider .item:nth-child(6n - 1){margin: 20px 0 0;} .welcome_5 .partners_list_slider .item:nth-child(6n - 3){margin: 20px 0 0;} .welcome_5 .partners_list_slider .item:nth-child(6n - 5){margin: 20px 0 0;} .welcome_5 .partners_list_slider .item:nth-child(-n + 6){margin-top: 20px;} .welcome_5 .partners_list_slider .item:nth-child(4n - 1){margin: 20px 0 0;} .welcome_5 .partners_list_slider .item:nth-child(4n - 3){margin: 20px 0 0;} .welcome_5 .partners_list_slider .item:nth-child(-n + 4){margin-top: 20px;} .welcome_5 .partners_list_slider .item:nth-child(3n - 1){margin: 20px 20px 0;} .welcome_5 .partners_list_slider .item:nth-child(-n + 3){margin-top: 0;} .welcome_5 .partners_list_slider .item:nth-child(n + 4){display: none;} } @media screen and (max-width: 500px) { .welcome_5{padding: 30px 0;} .welcome_5 .partners_list_slider .item{width: calc(100% / 2 - 30px / 2); margin: 15px 0 0;} .welcome_5 .partners_list_slider .item:nth-child(6n - 1){margin: 15px 0 0;} .welcome_5 .partners_list_slider .item:nth-child(6n - 3){margin: 15px 0 0;} .welcome_5 .partners_list_slider .item:nth-child(6n - 5){margin: 15px 0 0;} .welcome_5 .partners_list_slider .item:nth-child(4n - 1){margin: 15px 0 0;} .welcome_5 .partners_list_slider .item:nth-child(4n - 3){margin: 15px 0 0;} .welcome_5 .partners_list_slider .item:nth-child(-n + 4){margin-top: 15px;} .welcome_5 .partners_list_slider .item:nth-child(3n - 1){margin: 15px 0 0;} .welcome_5 .partners_list_slider .item:nth-child(-n + 3){margin-top: 15px;} .welcome_5 .partners_list_slider .item:nth-child(2n){margin: 15px 0 0 15px;} .welcome_5 .partners_list_slider .item:nth-child(-n + 2){margin-top: 0;} .welcome_5 .partners_list_slider .item:nth-child(n + 3){display: none;} } #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: 1024px) { #content .inside{margin: 0 auto 25px} } .c_column{width: calc(100% - 340px); padding: 60px 0; float: right; display: block;} .c_column.min_height{min-height: 400px;} .c_column.full{width: 100%; float: none;} .c_column.padding{padding-bottom: 0 !important;} .hp .c_column{padding-top: 0 !important;} @media screen and (max-width: 1450px) { .c_column{width: calc(100% - 310px);} } @media screen and (max-width: 1200px) { .c_column{width: 100%;} .c_column.min_height{min-height: initial; min-height: auto;} } @media screen and (max-width: 1024px) { .c_column{padding: 40px 0;} } @media screen and (max-width: 500px) { .c_column{padding: 30px 0;} } .detail{font-size: 0; display: block; position: relative;} .detail_top{display: block; position: relative; font-size: 0;} .detail_top h1{display: inline-block; vertical-align: top; width: 45%; padding: 0;} .detail_top .anotation{margin: 0; display: inline-block; vertical-align: top; width: 50% ; padding: 0 0 0 5%;} @media screen and (max-width: 1200px) { .detail_top h1{display: block; width: 100%; padding: 0 0 15px 0;} .detail_top .anotation{display: block;width: 100%; padding: 0;} } .detail .img{width: 45%; display: inline-block; vertical-align: top; font-size: 0;} .detail .img a.swipebox{width: calc(33.33% - 10px); margin: 10px 5px 0; display: inline-block; vertical-align: middle; position: relative;} .detail .img a.swipebox:nth-child(1){width: calc(100% - 10px);} .detail .img a.swipebox:nth-child(n + 8){display: none;} .detail .img a.swipebox .in{display: block; position: relative; width: 100%; padding: 0 0 66.66%; background: #eaeaea no-repeat scroll center center; background-size: cover;} .detail .img a.swipebox .in::before{opacity: 0; content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .detail .img 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 .detail .img a:hover .in::before{opacity: 0.90;} .notouch .detail .img a:hover .in::after{opacity: 1;} @media screen and (max-width: 1200px) { .detail .img{width: 100%; display: block;} .detail .img a.swipebox{width: calc(33.33% - 10px);} .detail .img a.swipebox:nth-child(1){width: calc(33.33% - 10px);} .detail .img a.swipebox:nth-child(n + 7){display: none;} } @media screen and (max-width: 500px) { .detail .img{width: 100%; display: block;} .detail .img a.swipebox{width: calc(50% - 10px);} .detail .img a.swipebox:nth-child(1){width: calc(50% - 10px);} .detail .img a.swipebox:nth-child(n + 5){display: none;} } .detail .text{width: 50%; display: inline-block; vertical-align: top; font-size: 0; padding: 0 0 0 5%;} @media screen and (max-width: 1200px) { .detail .text{width: 100%; display: block; padding: 30px 0 0;} } .detail_tabs{display: block; position: relative; margin: 60px 0 0;} .detail_tabs > ul{margin: 0; padding: 0; width: 100%; font-size: 0;} .detail_tabs > ul li{display: inline-block; vertical-align: middle; margin: 0 1px 0 0;} .detail_tabs > ul li a{display: block; position: relative; font-size: 15px; line-height: 40px; padding: 0; width: 200px; text-align: center; border: 1px solid #e6e7e2; background: #E6E7E2; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .detail_tabs > ul li a:hover{border: 1px solid #C2C3BF; background: #C2C3BF;} .detail_tabs > ul li.active a{border: 1px solid #707070; border-bottom: 1px solid transparent; background: #fff;} .detail_tabs .obsah{padding: 40px 5% 0; display: none; opacity: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .detail_tabs .obsah.active{display: block; opacity: 1;} .detail_tabs .obsah h2{display: none; font-size: 18px; line-height: 24px; font-weight: 600; margin: 30px 0 0; padding: 40px 0 5px; border-top: 1px solid #efefef;} .detail_tabs .obsah:nth-child(1) h2{margin-top: 0; padding-top: 0; border: 0;} .detail_tabs .obsah .item{font-size: 0; display: block; margin: 40px 0 0; padding: 40px 0 0; border-top: 1px solid #707070;} .detail_tabs .obsah .item:nth-child(1){margin: 0; padding: 0; border: 0;} .detail_tabs .obsah .item picture{display: inline-block; vertical-align: middle; width: 45%;} .detail_tabs .obsah .item picture img{max-width: 100%; display: block; margin: 0 auto;} .detail_tabs .obsah .item:nth-child(odd) picture:nth-child(1){display: none;} .detail_tabs .obsah .item:nth-child(even) picture:nth-child(3){display: none;} .detail_tabs .obsah .item .text{display: inline-block; vertical-align: middle; width: 50%;} .detail_tabs .obsah .item .text.full{display: block; width: 100%;} .detail_tabs .obsah .item:nth-child(odd) .text{padding: 0 5% 0 0;} .detail_tabs .obsah .item:nth-child(even) .text{padding: 0 0 0 5%;} .detail_tabs .obsah .item .text h3{font-size: 18px; line-height: 24px; font-weight: 600; margin: 0 0 5px; padding: 0;} @media screen and (max-width: 1024px) { .detail_tabs > ul li a{ font-size: 13px; line-height: 34px; width: 142px;} } @media screen and (max-width: 700px) { .detail_tabs .obsah{padding: 30px 0 0;} .detail_tabs .obsah .item{margin: 30px 0 0; padding: 30px 0 0;} .detail_tabs .obsah .item:nth-child(1){margin: 0; padding: 0;} .detail_tabs .obsah .item picture{margin: 25px 0 0; display: block; width: 100%;} .detail_tabs .obsah .item picture:nth-child(1){display: none !important;} .detail_tabs .obsah .item picture:nth-child(3){display: block !important;} .detail_tabs .obsah .item .text{display: block; width: 100%; padding: 0 !important;} } @media screen and (max-width: 500px) { .detail_tabs > ul li{display: inline-block; vertical-align: middle; margin: 0 1px 0 0; width: calc(50% - 1px); } .detail_tabs > ul li a{font-size: 13px; line-height: 34px; width: calc(100% - 2px);} .detail_tabs > ul li.active a{border: 1px solid #707070 !important;} .detail_tabs .obsah .item .text h3{font-size: 16px; line-height: 22px} } footer{padding: 0; display: block; position: relative;} footer .footer_in{background: #292929; padding: 80px 8%;} footer .footer_in .item{padding: 0; width: 50%; margin: 0; display: block; float: left; position: relative;} footer .footer_in .item a.logo{display: inline-block; vertical-align: middle; position: relative; margin: 0 0 50px;} footer .footer_in .item a.logo::before{display: block; position: absolute; left: 0; top: 0; background: url(../img/logo_footer.svg) no-repeat scroll center center; content: "";} footer .footer_in .item a.logo, footer .footer_in .item a.logo::before{width: 240px; height: 58px; background-size: 240px 58px;} footer .footer_in .item p{display: block; margin: 0; padding: 0; font-size: 14px; line-height: 22px; color: #FFFFFF; font-weight: 400;} footer .footer_in .item p.title{font-size: 24px; line-height: 28px; font-weight: 600; margin: 0 0 50px;} footer .footer_in .item p strong{font-weight: 600;} footer .footer_in .item p strong.orange{color: #E56951;} footer .footer_in .item p a{text-decoration: underline; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch footer .footer_in .item p a:hover{color: #E56951} footer .footer_in .item p.gdpr{text-align: left; font-size: 12px; line-height: 18px; margin: 10px 0 } footer .footer_in .item form {font-size: 0; position: relative; display: inline-block; vertical-align: middle; max-width: 580px; text-align: left; } footer .footer_in .item form label{display: inline-block; vertical-align: bottom; width: 90px; text-align: left; font-size: 13px; line-height: 22px; font-weight: 400; color: #ffffff; padding: 0;} footer .footer_in .item form input[type=text]{display: inline-block; vertical-align: bottom; position: relative; margin: 0; font-size: 13px; line-height: 22px; color: #ffffff; padding: 15px 0 2px; border: 1px solid transparent; border-bottom: 1px solid #bababa; background: transparent; width: calc(100% - 2px - 90px); font-weight: 400; -webkit-transition: all 400ms ease; transition: all 400ms ease;} footer .footer_in .item form textarea{resize: none; display: inline-block; vertical-align: bottom; position: relative; margin: 0; font-size: 13px; line-height: 22px; color: #ffffff; padding: 12px 0; border: 1px solid transparent; border-bottom: 1px solid #bababa; background: transparent; width: calc(100% - 2px - 90px); font-weight: 400; -webkit-transition: all 400ms ease; transition: all 400ms ease;} footer .footer_in .item form input[type=text]:focus, footer .footer_in .item form textarea:focus{border-bottom: 1px solid #ffffff;} footer .footer_in .item form .select2{position: relative; background: transparent; width: calc(100% - 2px - 90px) !important; display: inline-block; vertical-align: bottom; margin: 0; border: 1px solid transparent; border-bottom: 1px solid #bababa;} footer .footer_in .item form .select2-container--default .select2-selection--single{border: 0; background: none; } footer .footer_in .item form .select2-container .select2-selection--single .select2-selection__rendered{padding: 15px 0 2px; color: #ffffff; font-size: 13px; line-height: 22px; font-weight: 400;} footer .footer_in .item form .sbHolder{position: relative; background: transparent; width: calc(100% - 2px - 90px); display: inline-block; vertical-align: bottom; margin: 0; border: 1px solid transparent; border-bottom: 1px solid #bababa;} footer .footer_in .item form .sbHolder .sbToggle{margin: 0; background: url(../img/select_arrow_white.svg) no-repeat scroll center center; background-size: 16px 16px; right: 0; top: 15px; bottom: 2px; width: 30px;} footer .footer_in .item form .sbHolder .sbToggle.sbToggleOpen{background: url(../img/select_arrow_reverse_white.svg) no-repeat scroll center center; background-size: 16px 16px;} footer .footer_in .item form .sbHolder .sbSelector{margin: 0; display: block; color: #ffffff; font-size: 13px; line-height: 22px; padding: 15px 0 2px; font-weight: 400; text-align: left; text-decoration: none;} footer .footer_in .item form .sbOptions{max-height: 500px !important; z-index: 999; top: 100% !important; background: #292929; padding: 0; left: -1px; right: -1px;} footer .footer_in .item form .sbOptions a{text-decoration: none; border: 1px solid #505050; border-top: 0; height: auto; background: #292929 !important; display: block; text-align: left; padding: 6px 15px; font-size: 13px; line-height: 22px; margin: 0; font-weight: 400; color: #ffffff !important; -webkit-transition: all 300ms ease; transition: all 300ms ease;} footer .footer_in .item form .sbOptions li:first-child{display: none;} footer .footer_in .item form .sbOptions li:nth-child(2) a{border-top: 1px solid #505050;} .notouch footer .footer_in .item form .sbOptions a:hover, footer .footer_in .item form .sbOptions a:focus{background: #3f3f3f !important;} footer .footer_in .item:nth-child(2) ul.social{display: none;} footer ul.social{display: block; margin: 22px 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{-webkit-border-radius: 30px; border-radius: 30px;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.in::before{background-image: url(../img/social_in_icon_white.svg);} footer ul.social li a.fb::before{background-image: url(../img/social_fb_icon_white.svg);} footer ul.social li a.yt::before{background-image: url(../img/social_yt_icon_white.svg);} footer ul.social li a.li::before{background-image: url(../img/social_li_icon_white.svg);} footer ul.social li a.tw::before{background-image: url(../img/social_tw_icon_white.svg);} /* footer ul.social li a.in::after{background-image: url(../img/social_in_icon_black.svg);} footer ul.social li a.fb::after{background-image: url(../img/social_fb_icon_black.svg);} footer ul.social li a.yt::after{background-image: url(../img/social_yt_icon_black.svg);} footer ul.social li a.li::after{background-image: url(../img/social_li_icon_black.svg);} footer ul.social li a.tw::after{background-image: url(../img/social_tw_icon_black.svg);} */ .notouch footer ul.social li a:hover{background: #E56951;} @media screen and (max-width: 1500px) { footer .footer_in{padding: 60px 6%;} footer .footer_in .item a.logo{margin: 0 0 40px;} footer .footer_in .item a.logo, footer .footer_in .item a.logo::before{width: 230px; height: 56px; background-size: 230px 56px;} footer .footer_in .item p.title{font-size: 22px; line-height: 28px; margin: 0 0 40px;} } @media screen and (max-width: 1280px) { footer .footer_in{padding: 50px 5%;} footer .footer_in .item a.logo{margin: 0 0 30px;} footer .footer_in .item a.logo, footer .footer_in .item a.logo::before{width: 205px; height: 50px; background-size: 205px 50px;} footer .footer_in .item p.title{font-size: 20px; line-height: 26px; margin: 0 0 30px;} footer .footer_in .item form {max-width: 100%; padding: 30px 0 0; text-align: left; } } @media screen and (max-width: 1024px) { footer .footer_in{padding: 40px 5%;} footer .footer_in .item{width: 100%; display: block; float: none; text-align: left !important;} footer .footer_in .item a.logo{display: block; margin: 0 auto 30px;} footer .footer_in .item p{font-size: 13px; line-height: 22px;} footer .footer_in .item p.title{font-size: 18px; line-height: 24px;} footer .footer_in .item p.gdpr{font-size: 10px; line-height: 16px} footer ul.social{display: none;} footer .footer_in .item:nth-child(2) ul.social{text-align: center; display: block;} } @media screen and (max-width: 500px) { footer .footer_in .item a.logo{margin: 0 auto 20px;} footer .footer_in .item a.logo, footer .footer_in .item a.logo::before{width: 164px; height: 40px; background-size: 164px 40px;} footer .footer_in .item p.title{font-size: 16px; line-height: 24px; margin: 0;} footer .footer_in .item form label{width: 70px; font-size: 12px; line-height: 20px;} footer .footer_in .item form input[type=text]{font-size: 12px; line-height: 20px; width: calc(100% - 2px - 70px); } footer .footer_in .item form textarea{font-size: 12px; line-height: 20px; width: calc(100% - 2px - 70px); } footer .footer_in .item form .sbHolder{width: calc(100% - 2px - 70px);} footer .footer_in .item form .sbHolder .sbSelector{font-size: 12px; line-height: 20px;} footer .footer_in .item form .sbOptions a{padding: 5px 10px; font-size: 12px; line-height: 20px;} } .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 ************************/ .partners_list{width: 100%; display: block; position: relative; padding: 0} .partners_list .item{margin: 60px 0 0; padding: 60px 0 0; border-top: 1px solid #000000; font-size: 0;} .partners_list .item:nth-child(1){margin: 0; padding: 0; border: 0;} .partners_list .img{width: 35%; display: inline-block; vertical-align: top;} .partners_list .img img{display: block; margin: 0 auto; max-width: 80%;} .partners_list .text{width: calc(65% - 40px); padding: 0 0 0 40px; display: inline-block; vertical-align: top;} .partners_list .text h2{font-size: 24px; line-height: 30px; font-weight: 600; text-align: left; text-transform: none; margin: 0; padding: 0;} .partners_list .text .img{display: none;} .partners_list .text .text_box{margin: 20px 0} @media screen and (max-width: 1024px) { .partners_list .item{margin: 40px 0 0; padding: 40px 0 0;} .partners_list .img{display: none;} .partners_list .text{width: 100%; padding: 0; display: block;} .partners_list .text h2{font-size: 20px; line-height: 26px;} .partners_list .text .img{margin: 10px 0 0; display: block; width: 100%; max-width: 260px;} .partners_list .text .img img{margin: 0; max-width: 100%;} .partners_list .text .text_box{margin: 10px 0 15px} } @media screen and (max-width: 500px) { .partners_list .item{margin: 35px 0 0; padding: 35px 0 0;} .partners_list .text h2{font-size: 18px; line-height: 24px;} .partners_list .text .img{max-width: 200px;} .partners_list .text .img img{margin: 0; max-width: 100%;} } .career_list { width: 100%; text-align: left; margin: 0;} .career_list .item { text-align: center; display: inline-block; vertical-align: top; background: #ffffff; border: 1px solid #e6e7e2; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .career_list .item { width: calc(33.33% - 40px / 3 - 2px); margin: 20px 0 0;} .career_list .item:nth-child(3n - 1) { margin: 20px 20px 0;} .career_list .item:nth-child(-n + 3) { margin-top: 0;} .career_list .item .text{display: table; height: 160px; width: calc(100% - 40px); padding: 0 20px; text-align: center;} .career_list .item .text .title { display: table-cell; vertical-align: middle; width: 100%; margin: 0; font-size: 16px; font-weight: 600; line-height: 26px; text-align: center; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .career_list .item:hover { background: #e6e7e2;} .career_list .item .text .title .icon{width: 42px; height: 42px; display: block; margin: 0 auto 8px; position: relative;} .career_list .item .text .title .icon::after{opacity: 1; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background: url(../img/career_icon_orange.svg) no-repeat scroll center center; background-size: 42px 42px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} @media screen and (max-width: 1400px) { .career_list .item { width: calc(50% - 20px / 2 - 2px); margin: 20px 0 0;} .career_list .item:nth-child(3n - 1) { margin: 20px 0 0;} .career_list .item:nth-child(-n + 3) { margin-top: 20px;} .career_list .item:nth-child(2n) { margin: 20px 0 0 20px;} .career_list .item:nth-child(-n + 2) { margin-top: 0;} } @media screen and (max-width: 700px) { .career_list .item { width: calc(100% - 2px); margin: 20px 0 0;} .career_list .item:nth-child(3n - 1) { margin: 20px 0 0;} .career_list .item:nth-child(-n + 3) { margin-top: 20px;} .career_list .item:nth-child(2n) { margin: 20px 0 0;} .career_list .item:nth-child(-n + 2) { margin-top: 20px;} .career_list .item:nth-child(-n + 1) { margin-top: 0;} } @media screen and (max-width: 500px) { .career_list .item .text{height: 130px;} .career_list .item .text .title {font-size: 14px; line-height: 22px;} .career_list .item .text .title .icon{width: 36px; height: 36px; margin: 0 auto 6px;} .career_list .item .text .title .icon::before{background-size: 36px 36px;} .career_list .item .text .title .icon::after{background-size: 36px 36px;} } .services_list{display: block; position: relative; display: block; width: 100%; font-size: 0; margin: 0 auto;} .services_list .item{opacity: 1; display: inline-block; vertical-align: middle; position: relative; width: calc(25% - 90px / 4); margin: 30px 0 0;} .services_list .item:nth-child(4n - 1){margin: 30px 30px 0;} .services_list .item:nth-child(4n - 2){margin: 30px 0 0 30px;} .services_list .item:nth-child(-n + 4){margin-top: 0;} .services_list .item .main_img{position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 0; display: block; background: no-repeat scroll center center; -webkit-background-size: cover; background-size: cover;} .services_list .item .text{z-index: 10; position: relative; display: block; background: #ffffff; padding: 70px 30px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .services_list .item .text .img_in{display: block; position: relative; width: 40px; height: 40px;} .services_list .item .text .img_in .icon_1{opacity: 1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: no-repeat scroll center center; background-size: contain; content: ""; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .services_list .item .text .img_in .icon_2{opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: no-repeat scroll center center; background-size: contain; content: ""; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .services_list .item .text .title{display: block; font-size: 22px; line-height: 30px; height: 60px; overflow: hidden; color: #292929; font-weight: 600; text-align: left; margin: 20px 0 0; padding: 0; text-transform: none; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .services_list .item .text .sep{margin: 30px 0; height: 2px; background: #292929; width: 100%; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .services_list .item .text .anotation{display: block; font-size: 14px; line-height: 20px; height: 100px; overflow: hidden; color: #292929; font-weight: 400; text-align: left; margin: 0; padding: 0; text-transform: none; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .services_list .item:hover .text{background: none;} .notouch .services_list .item:hover .text .img_in .icon_1{opacity: 0;} .notouch .services_list .item:hover .text .img_in .icon_2{opacity: 1;} .notouch .services_list .item:hover .text .title{color: #ffffff;} .notouch .services_list .item:hover .text .sep{background: #ffffff;} .notouch .services_list .item:hover .text .anotation{color: #ffffff;} html:not(.notouch) .services_list .item .text{background: none;} html:not(.notouch) .services_list .item .text .img_in .icon_1{opacity: 0;} html:not(.notouch) .services_list .item .text .img_in .icon_2{opacity: 1;} html:not(.notouch) .services_list .item .text .title{color: #ffffff;} html:not(.notouch) .services_list .item .text .sep{background: #ffffff;} html:not(.notouch) .services_list .item .text .anotation{color: #ffffff;} @media screen and (max-width: 1500px) { .services_list .item{width: calc(25% - 60px / 4); margin: 20px 0 0;} .services_list .item:nth-child(4n - 1){margin: 20px 20px 0;} .services_list .item:nth-child(4n - 2){margin: 20px 0 0 20px;} .services_list .item:nth-child(-n + 4){margin-top: 0;} .services_list .item .text{padding: 60px 20px;} .services_list .item .text .title{font-size: 20px; line-height: 26px; height: 52px;} } @media screen and (max-width: 1300px) { .services_list{max-width: 680px} .services_list .item{width: calc(50% - 20px / 2); margin: 20px 0 0;} .services_list .item:nth-child(4n - 1){margin: 20px 0 0;} .services_list .item:nth-child(4n - 2){margin: 20px 0 0;} .services_list .item:nth-child(-n + 4){margin-top: 20px;} .services_list .item:nth-child(2n){margin: 20px 0 0 20px;} .services_list .item:nth-child(-n + 2){margin-top: 20px;} } @media screen and (max-width: 1024px) { .services_list .item .text{padding: 50px 15px;} .services_list .item .text .img_in{width: 34px; height: 34px;} .services_list .item .text .title{font-size: 20px; line-height: 28px; height: 56px; margin: 15px 0 0;} .services_list .item .text .sep{margin: 25px 0; height: 1px;} .services_list .item .text .anotation{font-size: 13px; line-height: 18px; height: 90px;} } @media screen and (max-width: 650px) { .services_list{max-width: 330px} .services_list .item{width: 100%; margin: 20px 0 0;} .services_list .item:nth-child(4n - 1){margin: 20px 0 0;} .services_list .item:nth-child(4n - 2){margin: 20px 0 0;} .services_list .item:nth-child(-n + 4){margin-top: 20px;} .services_list .item:nth-child(2n){margin: 20px 0 0;} .services_list .item:nth-child(-n + 2){margin-top: 20px;} .services_list .item:nth-child(-n + 1){margin-top: 0;} .services_list .item .text .title{font-size: 18px; line-height: 26px; height: 52px;} .services_list .item .text .sep{margin: 20px 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; font-weight: 400;} .contact_page .item .box .centering p:last-of-type{margin: 0;} .contact_page .item .box .centering p strong.phone{background: url(../img/phone_icon_black.svg) no-repeat scroll left center; background-size: 14px; padding: 0 0 0 20px;} .contact_page .item .box .centering p strong.mail{background: url(../img/mail_icon_black.svg) no-repeat scroll left center; background-size: 14px; padding: 0 0 0 20px;} .contact_page .item .box .centering p strong.fax{background: url(../img/fax_icon_black.svg) no-repeat scroll left center; background-size: 14px; padding: 0 0 0 20px;} .contact_page .item .box .centering p a{font-weight: 600; text-decoration: underline; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .contact_page .item .box .centering p a:hover{color: #E56951} .contact_page .mapa { position: absolute; left: 310px; right: 0; top: 0; bottom: 0; display: block; background: #efefef;} .contact_page .mapa #MyGmaps, .contact_page .mapa #MySmaps { background: #e5e3df; z-index: 0; position: relative; width: 100%; height: 100%; display: block;} .contact_page .mapa #MyGmaps.bg, .contact_page .mapa #MySmaps.bg { background: url(../img/mapa.jpg) no-repeat scroll center center #e5e3df; background-size: cover;} .contact_page .mapa a.btn { -webkit-border-radius: 0 8px 0 0; border-radius: 0 8px 0 0; position: absolute; left: 0; bottom: 0; z-index: 20;} @media screen and (max-width: 850px) { .contact_page .item { text-align: center; float: none; width: calc(100% - 40px); padding: 30px 20px;} .contact_page .item .box { display: block; height: initial; height: auto;} .contact_page .item .box .centering { display: block;} .contact_page .mapa { width: 100%; float: none; position: relative; left: 0;} .contact_page .mapa #MyGmaps, .contact_page .mapa #MySmaps { height: 260px;} } @media screen and (max-width: 500px) { .contact_page .item .box .centering p{font-size: 13px; line-height: 20px;} } .contact_list{text-align: left; width: 100%; position: relative; font-size: 0;} .contact_list h2, .contact_list h3{font-size: 18px; line-height: 24px; font-weight: 600; margin: 30px 0 0; padding: 40px 0 15px; border-top: 1px solid #efefef;} .contact_list h2:first-child, .contact_list h3:first-child{padding: 0 0 15px; border: 0;} .contact_list .item{padding: 0 20px 0 0; position: relative; display: inline-block; vertical-align: top; width: calc(33.33% - 20px); margin: 30px 0 0;} .contact_list .item.full{display: block; width: 100%; margin: 0; padding: 0;} .contact_list .item:nth-child(-n + 3){margin-top: 0;} .contact_list .item .name{font-size: 15px; line-height: 22px; font-weight: 700; margin: 0 0 4px; padding: 0;} .contact_list .item .post{font-size: 14px; line-height: 22px; font-weight: 500; margin: -4px 0 4px; padding: 0; font-style: italic; color: #808080} .contact_list .item p{font-size: 14px; line-height: 20px; font-weight: 400; margin: 0; padding: 0;} .contact_list .item p.phone{background: url(../img/phone_icon_black.svg) no-repeat scroll left center; background-size: 14px; padding: 0 0 0 20px;} .contact_list .item p.mail{background: url(../img/mail_icon_black.svg) no-repeat scroll left center; background-size: 14px; padding: 0 0 0 20px;} .contact_list .item p.fax{background: url(../img/fax_icon_black.svg) no-repeat scroll left center; background-size: 14px; padding: 0 0 0 20px;} .contact_list .item p a{font-weight: 600; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .contact_list .item p a:hover{color: #E56951;} @media screen and (max-width: 1300px) { .contact_list .item{width: calc(33.33% - 20px); margin: 20px 0 0;} .contact_list .item:nth-child(-n + 4){margin-top: 20px;} .contact_list .item:nth-child(-n + 3){margin-top: 0;} } @media screen and (max-width: 1280px) { .contact_list h2, .contact_list h3{font-size: 16px; line-height: 22px;} } @media screen and (max-width: 920px) { .contact_list .item{width: calc(50% - 20px); margin: 20px 0 0;} .contact_list .item:nth-child(-n + 4){margin-top: 20px;} .contact_list .item:nth-child(-n + 3){margin-top: 20px;} .contact_list .item:nth-child(-n + 2){margin-top: 0;} } @media screen and (max-width: 500px) { .contact_list .item{width: 100%; margin: 20px 0 0; padding: 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;} .contact_list .item .name{font-size: 14px; line-height: 20px;} .contact_list .item .post{font-size: 13px; line-height: 20px;} .contact_list .item p{font-size: 13px; line-height: 20px;} } .reference_sorting{display: block; position: relative; padding: 0; margin: 0; text-align: left; font-size: 0;} .reference_sorting li{display: inline-block; vertical-align: middle; position: relative; padding: 0; margin: 4px 25px 4px 0; text-align: left;} .reference_sorting li a, .reference_sorting li button{ border: 0; background: none; font-size: 15px; line-height: 22px; font-weight: 500; text-align: left; color: #000000; padding: 0 0 0 16px; position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .reference_sorting li a::before, .reference_sorting li button::before{-webkit-border-radius: 20px; border-radius: 20px; position: absolute; left: 0; top: calc(50% - 5px); width: 8px; height: 8px; border: 1px solid #000; content: ""; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .reference_sorting li a:hover, .notouch .reference_sorting li button:hover, .reference_sorting li a.mixitup-control-active, .reference_sorting li button.mixitup-control-active{ color: #E56951;} .reference_sorting li a.mixitup-control-active::before, .reference_sorting li button.mixitup-control-active::before{background: #E56951; border: 1px solid #E56951;} .reference_list{width: 100%; position: relative; margin: 0 auto; font-size: 0; } .reference_list.reference_slider{display: none; opacity: 0;} .reference_list .item{background: #E6E7E2; display: inline-block; vertical-align: middle; padding: 0; width: calc(33.33% - 15px); margin: 0 15px 25px 0; position: relative; font-size: 0;} .reference_list.reference_slider .item{width: calc(100% - 100px); margin: 0 0 0 100px;} .reference_list .item .img{width: 100%; position: relative; margin: 0; display: block;} .reference_list .item .img .in{min-height: 0; display: block; position: relative; padding: 0 0 70%; background: no-repeat scroll center center; background-size: cover; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .reference_list .item .img .in.in1{opacity: 1;} .reference_list .item .img .in.in2{position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0;} .notouch .reference_list .item:hover .img .in.in1{opacity: 0;} .notouch .reference_list .item:hover .img .in.in2{opacity: 1;} .reference_list .item .text{width: initial; width: auto; padding: 30px 25px; position: relative;} .reference_list .item .text .section{font-size: 13px; font-weight: 500; display: block; line-height: 20px;} .reference_list .item .text .title{margin: 5px 0 25px; padding: 0; font-size: 20px; font-weight: 600; display: block; line-height: 26px; height: 52px; overflow: hidden;} .reference_list .item .text .anotation{display: block; font-size: 14px; line-height: 20px; height: 80px; overflow: hidden; color: #292929; font-weight: 400; text-align: left; margin: 0 0 20px; padding: 0; text-transform: none; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .reference_list .item .text .info{display: block; float: left; font-size: 14px; line-height: 20px; font-weight: 500; text-align: left; width: calc(100% - 42px); margin: 0;} @media screen and (max-width: 1500px) { .reference_list.reference_slider .item{width: calc(100% - 80px); margin: 0 0 0 80px;} } @media screen and (max-width: 1280px) { .reference_list .item{width: calc(50% - 15px);} .reference_list.reference_slider .item{width: calc(100% - 50px); margin: 0 0 0 50px;} } @media screen and (max-width: 1024px) { .reference_list .item .text{padding: 25px 20px;} .reference_list .item .text .section{font-size: 12px; line-height: 18px;} .reference_list .item .text .title{margin: 5px 0 20px; font-size: 18px; line-height: 26px; height: 52px;} .reference_list .item .text .anotation{font-size: 13px; line-height: 18px; height: 72px;} .reference_list .item .text .info{font-size: 13px; line-height: 20px;} .reference_list.reference_slider .item{width: calc(100% - 30px); margin: 0 0 0 30px;} } @media screen and (max-width: 800px) { .reference_list .item .text{padding: 20px 15px;} } @media screen and (max-width: 750px) { .reference_list.reference_slider .item{width: calc(100% - 10px); margin: 0 auto; display: block;} } @media screen and (max-width: 700px) { .reference_list .item{width: 100%; margin: 0 0 25px;} } @media screen and (max-width: 650px) { .reference_list .item .text .title{font-size: 18px; line-height: 26px; height: 52px;} } .reference_top{display: block; position: relative; font-size: 0;} .reference_top h1{display: inline-block; vertical-align: top; width: calc(60% - 50px); padding: 0 50px 0 0;} .reference_top .anotation{margin: 0; display: inline-block; vertical-align: top; width: 40% ; padding: 0;} @media screen and (max-width: 1024px) { .reference_top h1{display: block; width: 100%; padding: 0 0 15px 0;} .reference_top .anotation{display: block;width: 100%;} } .reference_middle{display: block; position: relative; font-size: 0;} .reference_middle .main_images{display: block; position: relative; width: 100%; font-size: 0; margin: 0 0 20px;} .reference_middle .main_images .img{display: inline-block; vertical-align: top; font-size: 0; position: relative;} .reference_middle .main_images .img picture{z-index: 0; min-height: 0; display: block; position: relative; background-color: #eaeaea; background: no-repeat scroll center center; background-size: cover;} .reference_middle .main_images .img::before{z-index: 5; opacity: 0; content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .reference_middle .main_images .img::after{z-index: 10; 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 .reference_middle .main_images .img:hover::before{opacity: 0.90;} .notouch .reference_middle .main_images .img:hover::after{opacity: 1;} .reference_middle .main_images .img_1{width: 58%; margin-right: 2%;} .reference_middle .main_images .img_1 picture{padding: 0 0 71%;} .reference_middle .main_images .img_1.full{width: 100%; margin: 0;} .reference_middle .main_images .img_1.full picture{padding: 0 0 41%;} .reference_middle .main_images .img_2{width: 40%;} .reference_middle .main_images .img_2 picture{padding: 0 0 102.95%;} .reference_middle .main_info{display: block; position: relative; font-size: 0;} .reference_middle .main_info .in{font-size: 14px; line-height: 1.6em; font-weight: 500; margin: 1px 0; display: inline-block; vertical-align: top; white-space: nowrap;} @media screen and (max-width: 1023px) { .reference_middle .main_info .in{font-size: 13px; display: block; margin:0;} } .news_list{width: 100%; position: relative; margin: 0 auto; font-size: 0; } .news_list .item{background: #E6E7E2; display: inline-block; vertical-align: middle; padding: 20px; width: calc(50% - 40px - 10px); margin: 0 10px 10px 0; position: relative; font-size: 0;} .news_list .item .img{width: 28%; position: relative; margin: 0 40px 0 0; display: inline-block; vertical-align: middle;} .news_list .item .img .in{min-height: 0; display: block; position: relative; padding: 0 0 100%; background-color: #ffffff; background: no-repeat scroll center center; background-size: cover; -webkit-box-shadow: 0 0 10px -4px rgba(0,0,0,0.4); box-shadow: 0 0 10px -4px rgba(0,0,0,0.4);} .news_list .item .text{text-align: left; width: calc(72% - 40px); position: relative; margin: 0; display: inline-block; vertical-align: middle;} .news_list .item .text .date{display:block; font-size: 13px; font-weight: 500; line-height: 20px; margin: 0 0 3px;} .news_list .item .text .title{display:block; font-size: 18px; line-height: 24px; margin: 0 0 8px; padding: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .news_list .item:hover .text .title{color: #E56951;} .news_list .item .text .text_box{overflow: hidden; height: 44px; color: #6d6e71; margin: 0 0 20px; padding: 0;} @media screen and (max-width: 1500px) { .news_list .item .img{margin: 0 35px 0 0;} .news_list .item .text{width: calc(72% - 35px);} .news_list .item .text .text_box{margin: 0 0 15px;} } @media screen and (max-width: 1370px) { .news_list .item .img{display: none;} .news_list .item .text{width: 100%;} } @media screen and (max-width: 1024px) { .news_list .item{padding: 20px; width: calc(50% - 40px - 10px); margin: 0 5px 10px;} .news_list .item .text .date{font-size: 13px; line-height: 18px; margin: 0;} .news_list .item .text .title{margin: 0 0 5px;} .news_list .item .text .text_box{height: 40px; margin: 0 0 15px;} } @media screen and (max-width: 1000px) { .news_list .item{width: calc(100% - 40px); margin: 0 0 10px;} .news_list .item .text .text_box{height: initial; height: auto;} } @media screen and (max-width: 500px) { .news_list .item{width: calc(100% - 40px); padding: 20px;} } .file_list{width: 100%; position: relative; margin: 0 auto;} .file_list .items{position: relative; width: calc(20% - 40px / 5 - 2px); padding: 0; border: 0; border: 1px solid #000000; display: block; float: left; margin: 10px 0 0 0;} .file_list .items:nth-child(5n - 1){margin: 10px 10px 0;} .file_list .items:nth-child(5n - 3){margin: 10px 10px 0;} .file_list .items:nth-child(-n + 5){margin-top: 0;} .file_list .items span.img{position: relative; padding: 0 0 141%; display: block; background-repeat: no-repeat; background-position: center center; background-size: cover;} .file_list .items span.img::before{content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.6); opacity: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .file_list .items span.img span{opacity: 1; display: block; width: 58px; height: 56px; position: absolute; left: 50%; top: 50%; margin: -49px 0 0 -28px; background: url(../img/download_icon.svg) no-repeat scroll center center; background-size: 29px 28px; z-index: 999; opacity: 0;-webkit-border-radius: 28px; border-radius: 28px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .file_list .items:hover span.img::before, .notouch .file_list .items:hover span.img span{opacity: 1;} .file_list .items span.title{position: absolute; left: 0; right: 0; bottom: 0; padding: 15px 20px; display: block; background: #414042; color: #ffffff; font-weight: 400; font-size: 14px; line-height: 20px;} .file_list .clas_item{text-align: left; background: #ffffff; display: inline-block; vertical-align: top; position: relative; border: 1px solid #e6e7e8; margin: 0 5px 5px 0; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .file_list .clas_item a{color: #000; text-decoration: none; font-size: 13px; font-weight: 400; line-height: 18px; padding: 8px 20px; display: inline-block; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .file_list .clas_item a span{color: #000; font-weight: 600; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .file_list .clas_item:hover{border: 1px solid #414042; background: #414042;} .notouch .file_list .clas_item:hover a{color: #ffffff;} .notouch .file_list .clas_item:hover a span{color: #ffffff;} @media screen and (max-width: 1280px) { .file_list .items{width: calc(25% - 30px / 4 - 2px); margin: 10px 0 0 0;} .file_list .items:nth-child(5n - 1){margin: 10px 0 0;} .file_list .items:nth-child(5n - 3){margin: 10px 0 0;} .file_list .items:nth-child(-n + 5){margin-top: 10px;} .file_list .items:nth-child(4n - 1){margin: 10px 10px 0;} .file_list .items:nth-child(4n - 2){margin: 10px 0 0 10px;} .file_list .items:nth-child(-n + 4){margin-top: 0;} } @media screen and (max-width: 1100px) { .file_list .items{width: calc(33.33% - 20px / 3 - 2px); margin: 10px 0 0 0;} .file_list .items:nth-child(5n - 1){margin: 10px 0 0;} .file_list .items:nth-child(5n - 3){margin: 10px 0 0;} .file_list .items:nth-child(-n + 5){margin-top: 10px;} .file_list .items:nth-child(4n - 1){margin: 10px 0 0;} .file_list .items:nth-child(4n - 2){margin: 10px 0 0;} .file_list .items:nth-child(-n + 4){margin-top: 10px;} .file_list .items:nth-child(3n - 1){margin: 10px 10px 0;} .file_list .items:nth-child(-n + 3){margin-top: 0;} } @media screen and (max-width: 700px) { .file_list .items{width: calc(50% - 10px / 2 - 2px); margin: 10px 0 0 0;} .file_list .items:nth-child(5n - 1){margin: 10px 0 0;} .file_list .items:nth-child(5n - 3){margin: 10px 0 0;} .file_list .items:nth-child(-n + 5){margin-top: 10px;} .file_list .items:nth-child(4n - 1){margin: 10px 0 0;} .file_list .items:nth-child(4n - 2){margin: 10px 0 0;} .file_list .items:nth-child(-n + 4){margin-top: 10px;} .file_list .items:nth-child(3n - 1){margin: 10px 0 0;} .file_list .items:nth-child(-n + 3){margin-top: 10px;} .file_list .items:nth-child(2n){margin: 10px 0 0 10px;} .file_list .items:nth-child(-n + 2){margin-top: 0;} .file_list .clas_item{margin: 0 3px 3px 0;} .file_list .clas_item a{font-size: 12px; line-height: 16px; padding: 5px 10px;} } .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 100%; 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: #000000; -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;} } .fotogalerie.row_six a.swipebox{width: calc(16.66% - 50px / 6); margin: 10px 0 0;} .fotogalerie.row_six a.swipebox:nth-child(6n - 1){margin: 10px 10px 0;} .fotogalerie.row_six a.swipebox:nth-child(6n - 3){margin: 10px 10px 0;} .fotogalerie.row_six a.swipebox:nth-child(6n - 5){margin: 10px 10px 0 0;} .fotogalerie.row_six a.swipebox:nth-child(-n + 6){margin-top: 0;} @media screen and (max-width: 1500px) { .fotogalerie.row_six a.swipebox{width: calc(20% - 40px / 5); margin: 10px 0 0;} .fotogalerie.row_six a.swipebox:nth-child(6n - 1){margin: 10px 0 0;} .fotogalerie.row_six a.swipebox:nth-child(6n - 3){margin: 10px 0 0;} .fotogalerie.row_six a.swipebox:nth-child(6n - 5){margin: 10px 0 0;} .fotogalerie.row_six a.swipebox:nth-child(-n + 6){margin-top: 10px;} .fotogalerie.row_six a.swipebox:nth-child(5n - 1){margin: 10px 10px 0;} .fotogalerie.row_six a.swipebox:nth-child(5n - 3){margin: 10px 10px 0;} .fotogalerie.row_six a.swipebox:nth-child(-n + 5){margin-top: 0;} } @media screen and (max-width: 1280px) { .fotogalerie.row_six a.swipebox{width: calc(25% - 30px / 4); margin: 10px 0 0;} .fotogalerie.row_six a.swipebox:nth-child(6n - 1){margin: 10px 0 0;} .fotogalerie.row_six a.swipebox:nth-child(6n - 3){margin: 10px 0 0;} .fotogalerie.row_six a.swipebox:nth-child(6n - 5){margin: 10px 0 0;} .fotogalerie.row_six a.swipebox:nth-child(-n + 6){margin-top: 10px;} .fotogalerie.row_six a.swipebox:nth-child(5n - 1){margin: 10px 0 0;} .fotogalerie.row_six a.swipebox:nth-child(5n - 3){margin: 10px 0 0;} .fotogalerie.row_six a.swipebox:nth-child(-n + 5){margin-top: 10px;} .fotogalerie.row_six a.swipebox:nth-child(4n - 1){margin: 10px 10px 0;} .fotogalerie.row_six a.swipebox:nth-child(4n - 2){margin: 10px 0 0 10px;} .fotogalerie.row_six a.swipebox:nth-child(-n + 4){margin-top: 0;} } @media screen and (max-width: 900px) { .fotogalerie.row_six a.swipebox{width: calc(33.33% - 20px / 3); margin: 10px 0 0;} .fotogalerie.row_six a.swipebox:nth-child(6n - 1){margin: 10px 0 0;} .fotogalerie.row_six a.swipebox:nth-child(6n - 3){margin: 10px 0 0;} .fotogalerie.row_six a.swipebox:nth-child(6n - 5){margin: 10px 0 0;} .fotogalerie.row_six a.swipebox:nth-child(-n + 6){margin-top: 10px;} .fotogalerie.row_six a.swipebox:nth-child(5n - 1){margin: 10px 0 0;} .fotogalerie.row_six a.swipebox:nth-child(5n - 3){margin: 10px 0 0;} .fotogalerie.row_six a.swipebox:nth-child(-n + 5){margin-top: 10px;} .fotogalerie.row_six a.swipebox:nth-child(4n - 1){margin: 10px 0 0;} .fotogalerie.row_six a.swipebox:nth-child(4n - 2){margin: 10px 0 0;} .fotogalerie.row_six a.swipebox:nth-child(-n + 4){margin-top: 10px;} .fotogalerie.row_six a.swipebox:nth-child(3n - 1){margin: 10px 10px 0;} .fotogalerie.row_six a.swipebox:nth-child(-n + 3){margin-top: 0;} } .default_form{text-align: center; position: relative; margin: 0; display: block;} .default_form form{padding: 30px 45px; background: #ffffff; border: 1px solid #e6e7e8; display: block; } .default_form form .title{text-align: center; font-size: 18px; line-height: 26px; font-weight: 600; margin: 0 0 15px;} .default_form form table{width: 100%; border-collapse: separate; border-spacing: 0 8px;} .default_form form table th{ position: relative; white-space: nowrap; vertical-align: middle; width: 130px; font-size: 13px; line-height: 18px; font-weight: 600; text-align: right; padding: 0 15px 0 0; margin: 0;} .default_form form table th:nth-child(3){padding-left: 15px;} .default_form form table td{padding: 0;} .default_form form table td input[type=text], .default_form form table td input[type=password]{border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #ffffff; font-size: 13px; line-height: 20px; padding: 8px 15px; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .default_form form table td textarea{resize: none; overflow: hidden; height: 80px; border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #ffffff; font-size: 13px; line-height: 20px; padding: 8px 15px; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .default_form form table td input[readonly]{border: 1px solid #e6e7e8 !important; background: #f2f2f2;} .default_form form table td input[type=text]:focus, .default_form form table td textarea:focus{border: 1px solid #E56951;} .default_form form table td.gdpr{text-align: right; margin: 10px 0; font-size: 12px; line-height: 18px;} .default_form form table td.gdpr a{text-decoration: underline; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .default_form form table td.gdpr a:hover{color: #E56951;} @media screen and (max-width: 768px) { .default_form form{display: block; padding: 25px 35px;} .default_form form .title{font-size: 16px; line-height: 24px; margin: 0 0 10px;} .default_form form table, .default_form form tbody, .default_form form table tr, .default_form form table th, .default_form form table td{display: block; width: 100%; text-align: center; clear: both;} .default_form form table tr:nth-child(1) th:nth-child(1){padding: 0 0 5px !important;} .default_form form table th{text-align: center; padding: 15px 0 5px !important;} .default_form form table td input[type=text], .default_form form table td input[type=password]{text-align: center;} } @media screen and (max-width: 500px) { .default_form form{padding: 15px;} .default_form form .title{font-size: 14px; line-height: 20px;} .default_form form table th{font-size: 12px; line-height: 16px;} } .finall_order{text-align: left;} .finall_order article p, .finall_order .text_box p{margin: 0 0 10px;} .finall_order article p:last-of-type, .finall_order .text_box p:last-of-type{margin: 0 0 25px;} .finall_order article.editable p:last-of-type, .finall_order .text_box.editable p:last-of-type{margin: 0;} .finall_order.center, .finall_order.center article, .finall_order.center article > *, .finall_order.center .text_box, .finall_order.center .text_box > *{text-align: center;} img.end_order{max-width: 100px; margin: 0 0 20px; display: block;} img.end_order.center{margin: 0 auto 20px;} .finall_order #error-alert:empty{display: none;} .finall_order #error-alert{padding: 15px; text-align: center; font-size: 12px; line-height: 16px; font-weight: 700; background: #e21414; color: #ffffff; max-width: 593px; display: block; margin: 0 auto 15px;} .scroll_top{z-index: 9000; opacity: 0; position: fixed; right: 30px; bottom: -60px; width: 48px; height: 48px; background: #efefef; 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: #E56951; border: 1px solid #E56951;} .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;} } .form_popup { display: none; width: 100%; height: 100%; text-align: center; opacity: 0; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99997; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .form_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; } .form_popup .box { position: relative; display: table-cell; vertical-align: middle; z-index: 10;} .form_popup .boxes { overflow: auto; width: calc(94% - 100px); max-width: 430px; text-align: center; position: relative; padding: 40px 50px; left: 0; display: inline-block; background: #ffffff; max-height: calc(100vh - 130px); -webkit-transition: all 400ms ease; transition: all 400ms ease;} .form_popup .box span.warning { color: #3c3c3b; position: relative; text-transform: uppercase; display: block; margin: 0 0 15px; text-align: center; font-size: 21px; line-height: 26px; font-weight: 700;} .form_popup .box .btn { z-index: 100; position: relative;} .form_popup .box input[type=text], .form_popup .box input[type=password]{margin: 0 0 8px; border: 1px solid #c0c0c0; width: calc(100% - 32px); background: #ffffff; font-size: 13px; line-height: 20px; padding: 9px 15px; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .form_popup .box textarea{resize: none; height: 80px; overflow: auto; border: 1px solid #c0c0c0; 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;} .form_popup .box input[readonly]{border: 1px solid #e6e7e8 !important; background: #efefef;} .form_popup .box input[type=text]:focus, .form_popup .box input[type=password]:focus, .form_popup .box textarea:focus{border: 1px solid #E56951;} .form_popup .box input[type=text]::-webkit-input-placeholder, .form_popup .box textarea::-webkit-input-placeholder {color: #888888;} .form_popup .box input[type=text]::-moz-placeholder, .form_popup .box textarea::-moz-placeholder {color: #888888;} .form_popup .box input[type=text]::-ms-input-placeholder, .form_popup .box textarea::-ms-input-placeholder {color: #888888;} .form_popup .box .sbHolder { position: relative; background: #ffffff; width: calc(100% - 2px); display: block; margin: 0 0 8px; border: 1px solid #e6e7e8; } .form_popup .box .sbHolder .sbToggle { margin: 0; background: url(img/select_arrow.svg) no-repeat scroll center center; background-size: 16px 16px; border-left: 1px solid #e6e7e8; right: 0; top: 0; bottom: 0; height: 100%; width: 39px;} .form_popup .box .sbHolder .sbToggle.sbToggleOpen { background: url(img/select_arrow_reverse.svg) no-repeat scroll center center; background-size: 16px 16px;} .form_popup .box .sbHolder .sbSelector { width: calc(100% - 60px); margin: 0; display: block; color: #19212b !important; font-size: 14px; line-height: 20px; padding: 11px 40px 11px 15px; font-weight: 400; text-align: left; text-decoration: none;} .form_popup .box .sbOptions { max-height: 245px !important; z-index: 999; top: calc(100% + 1px) !important; background: #ffffff; padding: 0; left: -1px; right: -1px;} .form_popup .box .sbOptions a { text-decoration: none; border: 1px solid #e6e7e8; border-top: 0; height: auto; background: #fff !important; display: block; text-align: left; padding: 6px 15px; font-size: 14px; line-height: 22px; margin: 0; font-weight: 400; color: #19212b !important; -webkit-transition: all 300ms ease; transition: all 300ms ease;} .form_popup .box .sbOptions li:first-child { display: none;} .form_popup .box .sbOptions li:nth-child(2) a { border-top: 0;} .notouch .form_popup .box .sbOptions a:hover, .form_popup .box .sbOptions a:focus { background: #f0f0f0 !important;} .form_popup .file{text-align: left; position: relative; width: 100%;} .form_popup .file .uploadFile{width: calc(100% - 150px) !important;} .form_popup .file .uploadBtn{width: 100%;} .form_popup .file .fileUpload {cursor: pointer; position: absolute; top: 2px; left: 0; right: 0; z-index: 1; overflow: hidden; margin: 0;} .form_popup .file .fileUpload .btn {padding-left: 0; padding-right: 0; text-align: center; width: 108px;} .form_popup .file .fileUpload input[type=file] {z-index: 999; position: absolute; top: -3px; right: 0; margin: 0; padding: 0; font-size: 33px; cursor: pointer; display: block; opacity: 0;filter: alpha(opacity=0);} .form_popup .text_box p.gdpr, .form_popup .text_box p.gdpr a{font-size: 12px; line-height: 18px;} @media screen and (max-width: 500px) { .form_popup .boxes { padding: 25px 20px; width: calc(94% - 40px);} .form_popup .box span.warning { font-size: 16px; line-height: 20px;} .form_popup .file .uploadFile{width: calc(100% - 120px) !important;} .form_popup .file .fileUpload .btn{width: 78px;} } @media screen and (max-width: 1024px) { #tracy-debug{display: none !important} }