/*GLOBAL*/ header,nav,section,article,aside,footer,hgroup{display:block;} a{text-decoration:none; outline: 0; color:inherit;} a img{border:none;} .img_hide{display: block !important; width: 0; height: 1px !important; border: 0; position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden;} .clear{clear:both; margin: 0; display: block; width: 100% !important; float: 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} .align-center{text-align: center !important} .no_margin{margin: 0 !important} .align-right{text-align: right !important} 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;} .need{color: #cc0000;} .message_centering{z-index: 99999; min-height: 0; position: absolute; left: 0; right: 0; top: 100%; width: 100%; max-width: 1920px; margin: 0 auto; text-align: center; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .message_centering .flash{color: #fff; min-height: 0; font-size: 14px; line-height: 24px; font-weight: 400; padding: 22px; box-sizing: border-box; clear: both; position: relative;} .message_centering .flash span{cursor: pointer; position: absolute; top: 50%; margin-top: -9.5px; right: 19px; width: 19px; height: 19px; display: block; background: url(../../../global_images/error_close.png) no-repeat scroll center center} @media screen and (max-width: 550px) { .message_centering .flash{padding: 15px;} } .alert {background: url(../../../global_images/error_icon.png) no-repeat scroll 19px center rgba(193, 39, 45, 0.95);} .success{background: url(../../../global_images/success_icon.png) no-repeat scroll 19px center rgba(156, 191, 45, 0.95);} h1.main{padding: 65px 20px 35px; text-align: center;} h1.main::before{position: absolute; bottom: 0; left: 0; right: 0; display: block; content: ""; background: url(../img/main_title_icon.svg) no-repeat scroll center center; background-size: 78px auto; height: 16px; width: 78px; margin: 0 auto;} h2.main{margin: 20px 0 30px; border-bottom: 1px solid #ececec;} h2.main.center{margin-top: 65px; margin-bottom: 45px; text-align: center;} h2.main span span{font-weight: 400; font-size: 53px; line-height: 53px; color: #000; text-align: left; position: relative;} h2.main.center span span{text-align: center;} h2.main span span::before{display: block; content: ""; position: absolute; bottom: 10px; left: -15px; right: -15px; height: 1px; background: #c3986c;} p.main_subtitle{margin: 0; text-align: center; color: #000; font-size: 40px; line-height: 50px; padding: 6px 0 55px; border-bottom: 1px solid #ececec;} .main_title_line{border-bottom: 1px solid #ececec; height: 0; width: 100%; display: block; margin-top: 65px;} h1{color: #000000; font-size: 34px; line-height: 38px; font-weight: 700; margin: 0; text-align: left; position: relative; font-family: "sofia-pro-soft",sans-serif, Arial;} h2{color: #000000; font-size: 30px; line-height: 34px; font-weight: 700; margin: 25px 0 20px; text-align: left; position: relative; font-family: "sofia-pro-soft",sans-serif, Arial;} h3{color: #000000; font-size: 24px; line-height: 30px; font-weight: 700; margin: 25px 0 20px; text-align: left; position: relative; font-family: "sofia-pro-soft",sans-serif, Arial;} h4, h5, h6{color: #000000; font-size: 22px; line-height: 26px; font-weight: 700; margin: 25px 0 20px; text-align: left; position: relative; font-family: "sofia-pro-soft",sans-serif, Arial;} p, strong, b, div, article, i, u, li, a, .text_page, label{font-size: 16px;} strong, b{font-weight: 700;} sup{color: inherit; font-size: 12px;} article a, article a strong, article strong a{font-weight: 700; text-decoration: underline; -webkit-transition: all 150ms ease-out; -moz-transition: all 150ms ease-out; -o-transition: all 150ms ease-out; -ms-transition: all 150ms ease-out; transition: all 150ms ease-out;} .notouch article a:hover, .notouch article a:hover strong, .notouch article strong a:hover{color: #c3986c; text-decoration: none;} article.flex_center{display: flex; flex-direction: column; align-items: center;} article.flex_center.final_page p{text-align: center;} .text_box.flex_center.thanks_page{display: flex; flex-direction: column; align-items: center;} .text_box.flex_center.thanks_page p{text-align: center;} .text_box.flex_center.thanks_page p a{text-decoration: underline;} .text_box.flex_center.thanks_page p a:hover{text-decoration: none;} article{margin: 0 auto; width: 100%; text-align: justify; line-height: 30px;} .hp article{max-width: 650px; margin: 0 auto; display: block;} article{max-width: 1024px;} article p, article div{font-weight: 300; margin: 15px 0; text-align: justify; line-height: 30px;} article .text_p{margin: 0;} article ul{margin: 15px 0; padding: 0 0 0 20px;} article ul li{color: #444444; padding: 0 0 0 25px; margin-bottom: 8px; position: relative; font-weight: 300; list-style: none; background: url(../img/list_style.png) no-repeat scroll left 8px;} article ul li > *{color: inherit} article ul ul{margin: 0; padding: 17px 0 2px 2px;} article ul ul li{color: #000000; background: url(../img/list_style_2.png) no-repeat scroll left 8px;} article ul ul li > *{color: inherit} article ol{margin: 15px 0; padding: 0 0 0 20px; counter-reset: item;} article ol li{color: #444444; padding: 0 0 0 22px; margin-bottom: 8px; position: relative; font-weight: 300; list-style-type: none; counter-increment: item;} article ol li:before{position: absolute; top: 0; left: 0; display: block; padding-right: 5px; font-weight: 600; text-align: right; content: counter(item) "."; color: #c3986c;} article ol ol{margin: 0; padding: 12px 0 2px 22px;} article ol ol li{color: #444444;} article ol ol li:before{color: #787878;} article ol ul{margin: 0; padding: 5px 0 2px 0;} article ol ul li{padding: 0 0 0 25px; position: relative; font-weight: 400; list-style: none; background: url(../img/list_style.png) no-repeat scroll left 8px;} article table{margin: 0 auto 20px; border-collapse: collapse; border-spacing: 0 0;} article table thead{margin-bottom: 3px;} article table thead tr th, article table tr:first-child th{text-transform: uppercase; text-align: left; font-size: 16px; font-weight: 600; line-height: 20px; padding: 8px 15px; background: #9cbf2d; color: #fff; border-left: 1px solid #84a90f;} article table tr td{text-align: left; font-size: 16px; line-height: 20px; padding: 10px 15px; font-weight: 300; color: #4d4d4d; border: 1px solid #e6e6e6;} article table tr td *{color: inherit;} article table tr:nth-child(even) td{background: #fff;} article table tr:nth-child(odd) td{background: rgba(203,203,203,0.2);} article p.center{text-align: center;} article img{max-width: 100%; margin: 0 auto 15px; display: block; } article img.fr-fil{float: left; margin: 10px 30px 10px 0;} article img.fr-fir{float: right; margin: 10px 0 10px 30px;} article iframe{max-width: 100%;} input[type=text], input[type=password], input[type=submit], textarea{font-family: "sofia-pro",sans-serif, Arial; margin: 0;} article, div, li{height: auto; min-height: 1px; max-height: 9999999px;} .clear{min-height: 0; } .font1{font-family: "sofia-pro-soft",sans-serif, Arial;} .font2{font-family: "lush",sans-serif, Arial;} html{margin: 0 auto; padding: 0; background: #f6f0e9;} body{overflow-x: hidden; -webkit-text-size-adjust: none; background: #fff; text-rendering: auto; max-width: 1920px; color: #000; margin: 0 auto; font-family: "sofia-pro",sans-serif, Arial; padding: 0; font-weight: 400; position: relative; -webkit-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7) ; box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7) ;} body.blur header, body.blur main{-webkit-filter: blur(4px); -moz-filter: blur(4px); -o-filter: blur(4px); -ms-filter: blur(4px); filter: blur(4px);} .inside {display: block; position: relative; z-index: 99; width: 90%; padding: 0 5%; max-width: 1330px; margin: 0 auto;} .small_inside{display: block; position: relative; z-index: 100; width: 90%; padding: 0 5%; max-width: 1115px; margin: 0 auto;} .small_inside.padding{padding: 30px 4%;} .full_inside {display: block; position: relative; z-index: 100; width: 90%; padding: 0 5%; margin: 0 auto;} span.line{display: block; width: 100%; height: 1px; background: #ececec; clear: both;} .btn{overflow: hidden; position: relative; background: none; display: block; border: 1px solid transparent; text-transform: uppercase; padding: 0 23px; font-size: 13px; line-height: 40px; font-weight: 900; -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; -ms-transition: all 250ms ease-out; transition: all 250ms ease-out;} .btn.line_height{line-height: 30px;} .btn.inline{display: inline-block; zoom: 1; *display: inline; vertical-align: middle;} .btn.no_transform{text-transform: none;} .btn.left{float: left;} .btn.right{float: right;} .btn.underline{text-decoration: underline;} .btn.cursor{cursor: pointer;} .btn.min_margin_top{margin-top: 10px;} .btn.min_margin_bottom{margin-bottom: 10px;} .btn.min_margin_right{margin-right: 10px;} .btn.min_margin_left{margin-left: 10px;} .btn.middle_margin_top{margin-top: 15px;} .btn.middle_margin_bottom{margin-bottom: 15px;} .btn.middle_margin_right{margin-right: 15px;} .btn.middle_margin_left{margin-left: 15px;} .btn.max_margin_top{margin-top: 20px;} .btn.max_margin_bottom{margin-bottom: 20px;} .btn.max_margin_right{margin-right: 20px;} .btn.max_margin_left{margin-left: 20px;} .btn.ultra_margin_top{margin-top: 30px;} .btn.ultra_margin_bottom{margin-bottom: 30px;} .btn.ultra_margin_right{margin-right: 30px;} .btn.ultra_margin_left{margin-left: 30px;} .btn.bg_white{background: #fff;} .btn.bg_brown{background: #c3986c;} .btn.bg_gray{background: #ececec;} .btn.bg_light{background: #f6f0e9;} .btn.bg_light_2{background: #f7e7d0;} .btn.bg_light_3{background: #c2976c;} .btn.border_brown{border: 1px solid #c3986c;} .btn.border_black{border: 1px solid #000000;} .btn.border_dark{border: 2px solid #f6f0e9; border-bottom: 2px solid #d5c9b6;} .btn.border_dark_2{border: 2px solid #f7e7d0; border-bottom: 2px solid #d5c9b6;} .btn.border_dark_3{border: 2px solid #f7e7d0; border-bottom: 2px solid #c3986c;} .btn.border_dark_4{border: 2px solid #c2976c; border-bottom: 2px solid #7b6043;} .btn.border_gray{border: 2px solid #ffffff; border-bottom: 2px solid #cccccc;} .btn.color_brown{color: #c3986c;} .btn.color_black{color: #000000;} .btn.color_white{color: #ffffff;} .btn.color_dark{color: #534741;} .notouch .btn.bg_brown.color_black:hover{background: #fff;} .notouch .btn.bg_brown.color_black:active{background: #000; color: #fff;} .notouch a.item:hover .btn.bg_brown.color_white{background: #000; color: #fff;} .notouch a.item:active .btn.bg_brown.color_white{background: #000; color: #fff;} .notouch .btn.bg_white.color_black:hover, .notouch .hover_efekt .btn.bg_white.color_black{background: #c3986c;} .notouch .btn.bg_white.color_black:active{background: #333; color: #fff;} .notouch .btn.bg_gray.color_black:hover{background: #c3986c;} .notouch .btn.bg_gray.color_black:active{background: #000; color: #fff;} .notouch .btn.bg_light.border_dark:hover, .btn.bg_light.border_dark.active, .btn.bg_light.border_dark.mixitup-control-active{background: #c3986c; border: 2px solid #c3986c; border-bottom: 2px solid #534741; color: #fff;} .notouch .btn.bg_light.border_dark:active{background: #000; border: 2px solid #000; border-bottom: 2px solid #000; color: #fff;} .notouch .btn.bg_light_2.border_dark_2:hover, .btn.bg_light_2.border_dark_2.active, .hover_efekt .btn.bg_light_2.border_dark_2{background: #c3986c; border: 2px solid #c3986c; border-bottom: 2px solid #534741; color: #fff;} .notouch .btn.bg_light_2.border_dark_2:active{background: #000; border: 2px solid #000; border-bottom: 2px solid #000; color: #fff;} .notouch .btn.bg_light_2.border_dark_3:hover, .btn.bg_light_2.border_dark_3.active{background: #c3986c; border: 2px solid #c3986c; border-bottom: 2px solid #534741; color: #fff;} .notouch aside .btn.bg_light_2.border_dark_3:active{background: #fff; border: 2px solid #fff; border-bottom: 2px solid #fff; color: #000;} .notouch .btn.bg_light_2.border_dark_3:active{background: #000; border: 2px solid #000; border-bottom: 2px solid #000; color: #fff;} .notouch .btn.bg_white.color_black.border_gray:hover{background: #a5a5a5; border: 2px solid #a5a5a5; border-bottom: 2px solid #666666; color: #000;} .notouch .btn.bg_white.color_black.border_gray:active{background: #333; border: 2px solid #333; border-bottom: 2px solid #333; color: #fff;} .notouch .btn.bg_light_3.color_white.border_dark_4:hover{background: #7b6043; border: 2px solid #7b6043; border-bottom: 2px solid #4c3b2a;} .notouch .btn.bg_light_3.color_white.border_dark_4:active{background: #333; border: 2px solid #333; border-bottom: 2px solid #333;} .btn.special_hover > span.empty{margin-right: 4px;} .btn.special_hover > span{display: inline-block;opacity: 0;-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0);-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);} .btn.special_hover::before {content: attr(data-text); position: absolute; top: 0;left: 0; right: 0; display: block; line-height: 40px; text-align: center; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);} .btn.special_hover.underline::before{text-decoration: underline;} .notouch .btn.special_hover:hover::before, .notouch .hover_efekt .btn.special_hover::before {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);} .notouch .btn.special_hover:hover > span, .notouch .hover_efekt .btn.special_hover > span {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} .notouch .btn.special_hover:hover > span:nth-child(1), .notouch .hover_efekt .btn.special_hover > span:nth-child(1) {-webkit-transition-delay: 0.045s;transition-delay: 0.045s;} .notouch .btn.special_hover:hover > span:nth-child(2), .notouch .hover_efekt .btn.special_hover > span:nth-child(2) {-webkit-transition-delay: 0.09s;transition-delay: 0.09s;} .notouch .btn.special_hover:hover > span:nth-child(3), .notouch .hover_efekt .btn.special_hover > span:nth-child(3) {-webkit-transition-delay: 0.135s;transition-delay: 0.135s;} .notouch .btn.special_hover:hover > span:nth-child(4), .notouch .hover_efekt .btn.special_hover > span:nth-child(4) {-webkit-transition-delay: 0.18s;transition-delay: 0.18s;} .notouch .btn.special_hover:hover > span:nth-child(5), .notouch .hover_efekt .btn.special_hover > span:nth-child(5) {-webkit-transition-delay: 0.225s;transition-delay: 0.225s;} .notouch .btn.special_hover:hover > span:nth-child(6), .notouch .hover_efekt .btn.special_hover > span:nth-child(6) {-webkit-transition-delay: 0.27s;transition-delay: 0.27s;} .notouch .btn.special_hover:hover > span:nth-child(7), .notouch .hover_efekt .btn.special_hover > span:nth-child(7) {-webkit-transition-delay: 0.315s;transition-delay: 0.315s;} .notouch .btn.special_hover:hover > span:nth-child(8), .notouch .hover_efekt .btn.special_hover > span:nth-child(8) {-webkit-transition-delay: 0.36s;transition-delay: 0.36s;} .notouch .btn.special_hover:hover > span:nth-child(9), .notouch .hover_efekt .btn.special_hover > span:nth-child(9) {-webkit-transition-delay: 0.405s;transition-delay: 0.405s;} .notouch .btn.special_hover:hover > span:nth-child(10), .notouch .hover_efekt .btn.special_hover > span:nth-child(10) {-webkit-transition-delay: 0.45s;transition-delay: 0.45s;} .notouch .btn.special_hover:hover > span:nth-child(11), .notouch .hover_efekt .btn.special_hover > span:nth-child(11) {-webkit-transition-delay: 0.495s;transition-delay: 0.495s;} .notouch .btn.special_hover:hover > span:nth-child(12), .notouch .hover_efekt .btn.special_hover > span:nth-child(12) {-webkit-transition-delay: 0.54s;transition-delay: 0.54s;} .notouch .btn.special_hover:hover > span:nth-child(13), .notouch .hover_efekt .btn.special_hover > span:nth-child(13) {-webkit-transition-delay: 0.585s;transition-delay: 0.585s;} .notouch .btn.special_hover:hover > span:nth-child(14), .notouch .hover_efekt .btn.special_hover > span:nth-child(14) {-webkit-transition-delay: 0.630s;transition-delay: 0.630s;} .notouch .btn.special_hover:hover > span:nth-child(15), .notouch .hover_efekt .btn.special_hover > span:nth-child(15) {-webkit-transition-delay: 0.675s;transition-delay: 0.675s;} .notouch .btn.special_hover:hover > span:nth-child(16), .notouch .hover_efekt .btn.special_hover > span:nth-child(16) {-webkit-transition-delay: 0.720s;transition-delay: 0.720s;} #bookio-iframe{border: 0;} .np-widget{border: 0 !important;} .np-widget .np-body{background: #eaeaea !important;} .np-widget .np-select, .np-widget .np-filed{padding: 8px 10px 4px; background: #fff !important; border: 1px solid #eaeaea !important; color: #000000 !important;} .np-select:before{border-color: transparent transparent #000000 transparent} .np-select:after{border-color: #000000 transparent transparent transparent} .np-widget #header{background: #000000 !important;} .np-widget #header h1{color: #fff !important;} .np-widget .np-button{ background: #c3986c;border: 2px solid #c3986c;border-bottom: 2px solid #534741;color: #fff;} .np-widget .np-button:hover{ background: #000; border: 2px solid #000;border-bottom: 2px solid #000;color: #fff;} .np-widget .selectOptions li{border-bottom-color: #ccc; font-size: 14px; background: #fff !important; color: #000000 !important;} .np-widget .np-label-box{background: #c3986c; color: #fff} .np-widget .widget-link, .np-widget label[for="vop"] a{text-decoration: underline; font-weight: 600; color: #000000;} .np-widget .powered-by{display: none;} .np-widget .np-body p{color: #000000;} .np-widget .np-body .np-link{text-decoration: underline; font-weight: 600; color: #000000;} .np-widget .np-label-box .np-triangle{border-color: #c3986c transparent transparent transparent} .np-widget input{-webkit-appearance: auto} .mobile_scroll{position: relative; z-index: 9999; display: block; left: 0; right: 0; top: 0;} .header_height{display: block; position: relative; height: 143px;} header{text-align: center; min-height: 87px; height: 143px; background: #fff; z-index: 9999; text-align: center; position: fixed; left: 0; right: 0; top: 0; max-width: 1920px; margin: 0 auto; -webkit-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7) ; box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7) ;} header .bg{background: #fff; position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; z-index: 10;} header nav{z-index: 30; display: inline-block; zoom: 1; *display: inline; min-height: 87px; position: relative; height: 143px; } header ul.menu{position: relative; z-index: 100; display: inline-block; zoom: 1; *display: inline; vertical-align: bottom; margin: 0 -4px 0 0; padding: 0; } header ul.menu li{list-style: none; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin-right: -4px;} header ul.menu li a{position: relative; font-size: 17px; line-height: 143px; color: #000000; font-weight: 700; display: block; padding: 0 18px; -webkit-transition: color 400ms ease; -moz-transition: color 400ms ease; -o-transition: color 400ms ease; -ms-transition: color 400ms ease; transition: color 400ms ease;} /*header.active ul.menu li a{padding-top: 8px;}*/ header ul.menu li a::before {position: absolute;top: 15px;left: 50%;font-weight: 400;color: transparent;content: '•';text-shadow: 0 0 transparent;font-size: 1.2em;-webkit-transition: text-shadow 400ms ease, color 400ms ease; -moz-transition: text-shadow 400ms ease, color 400ms ease; -o-transition: text-shadow 400ms ease, color 400ms ease; -ms-transition: text-shadow 400ms ease, color 400ms ease; transition: text-shadow 400ms ease, color 400ms ease;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);pointer-events: none;} .notouch header ul.menu li a:hover::before, header ul.menu li.active a::before{text-shadow: 10px 0 #dedede, -10px 0 #dedede; color: #dedede;} .notouch header ul.menu li a:hover, header ul.menu li.active a{color: #c3986c;} header .over{display: inline-block; zoom: 1; *display: inline; vertical-align: top; height: 100%;} header a.logo{position: relative; z-index: 100; display: block; background: #000000; margin: 0 20px; padding: 75px 0; padding-left: 43px !important; padding-right: 43px !important; -webkit-transition: background 400ms ease; -moz-transition: background 400ms ease; -o-transition: background 400ms ease; -ms-transition: background 400ms ease; transition: background 400ms ease;} .sub header a.logo{margin: 0;} header.active a.logo{background: #fff;} header a.logo img, header a.logo svg{display: block; width: 146px; height: 63px;} header a.logo svg path{-webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} header.active a.logo svg path:nth-child(n+9){fill: #000000 !important;} header .lang{position: absolute; top: 50%; margin-top: -20px; right: -60px;} header .lang .act_lang{text-transform: uppercase; display: block; cursor: pointer; width: 40px; line-height: 40px; color: #fff; background: #000; text-align: center; font-weight: 700; font-size: 13px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch header .lang .act_lang:hover, header .lang .act_lang.active{background: #c3986c; color: #000;} header .lang ul{display: none; margin: 0; margin: 0; padding: 0; position: absolute; top: 40px; left: 0; right: 0;} header .lang ul li{list-style: none; display: block;} header .lang ul li a{text-transform: uppercase; display: block; cursor: pointer; width: 40px; line-height: 40px !important; color: #000; text-align: center; font-weight: 700; font-size: 13px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch header .lang a:hover{background: #c3986c; color: #fff;} header .lang ul li:nth-child(odd) a{background: #E0E0E0;} header .lang ul li:nth-child(even) a{background: #ECECEC;} .submenu_box{opacity: 0; padding: 95px 0; z-index: 5; background: #f6f0e9; position: absolute; left: 0; right: 0; top: 100%;} .submenu_box .box{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; position: relative; margin-right: -4px; width: 50%;} .submenu_box .box .inline{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; position: relative;} .submenu_box .box p.title{text-align: left; font-weight: 700; font-size: 30px; line-height: 34px; color: #000; margin: 0;} .submenu_box .box p.subtitle{text-align: left; font-weight: 400; font-size: 33px; line-height: 40px; color: #000; margin: 10px 0 0;} .submenu_box .box ul{margin: 0; padding: 0; text-align: left;} .submenu_box .box ul li{list-style: none; position: relative; list-style: none;} .submenu_box .box ul li::before{position: absolute; left: 0; right: -100%; max-width: 958px; height: 1px; background: #cac2bc; top: 0; content: ""; display: block;} .submenu_box .box ul li:first-child::before{display: none;} .submenu_box .box ul li a{background: url(../img/submenu_style.png) no-repeat scroll 24px center; text-transform: uppercase; display: block; font-size: 15px; line-height: 44px; font-weight: 400; color: #534741; padding: 0 0 0 55px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .submenu_box .box ul li a:hover{background-position: 32px center; padding: 0 0 0 63px} .submenu_box .box ul li.active a{background: url(../img/submenu_style_active.png) no-repeat scroll 32px center;padding: 0 0 0 63px; font-weight: 900;} .open_close_navigation{text-align: center; display: none; position: absolute; right: 10px; top: 19px; height: 52px; width: 52px; z-index: 9999999; padding: 0; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;} .open_close_navigation button {background: none; border: none; display: inline-block; margin: 0;} .open_close_navigation .lines-button {font-size: 0; padding: 24px 11px; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; cursor: pointer; user-select: none;} .open_close_navigation .lines-button:active {transition: 0;} .open_close_navigation .lines {display: inline-block; width: 2rem; height: 3px; background: #000; transition: 0.3s; position: relative; left: -3px;} .open_close_navigation .lines:before, .open_close_navigation .lines:after {display: inline-block; width: 2rem; height: 3px; background: #000; transition: 0.3s; position: absolute; left: 0; content: ''; -webkit-transform-origin: 0.28571rem center; transform-origin: 0.28571rem center;} .open_close_navigation .lines:before {top: 0.5rem;} .open_close_navigation .lines:after {top: -0.5rem;} .open_close_navigation .lines-button.close {-webkit-transform: scale3d(0.8, 0.8, 0.8); transform: scale3d(0.8, 0.8, 0.8);} .open_close_navigation .lines-button.x.close .lines {background: transparent !important;} .open_close_navigation .lines-button.x.close .lines:before, .open_close_navigation .lines-button.x.close .lines:after {height: 4px; left: -3px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; width: 2.5rem; background: #000;} .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 .lines-button.x.close .lines:before, .notouch .open_close_navigation:hover .lines-button.x.close .lines:after{background: #c3986c;} .notouch .open_close_navigation:hover .lines:before, .notouch .open_close_navigation:hover .lines:after{background: #c3986c;} .notouch .open_close_navigation:hover .lines{background: #c3986c;} .ipad_menu{display: none !important; position: fixed; max-width: 1920px; top: -2000px; right: 0; left: 0; background: #f6f0e9; padding: 88px 0 0; z-index: 9998; margin: 0 auto; -webkit-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7) ; box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7) ; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .ipad_menu.move{top: 0;} .ipad_menu.active{display: none !important;} .ipad_menu ul.pmenu{ display: block; position: relative; text-align: center; margin: 0; padding: 0; z-index: 9998;} .ipad_menu ul.pmenu li{position: relative; list-style: none; display: block;} .ipad_menu ul.pmenu li a{background: #fff; border-top: 1px solid #e0e0e0; position: relative; font-size: 16px; line-height: 60px; font-weight: 700; padding: 0 15px; display: block; text-transform: uppercase; color: #000; -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; -ms-transition: all 250ms ease-out; transition: all 250ms ease-out;} .notouch .ipad_menu ul.pmenu li a:hover, .ipad_menu ul.pmenu li.active a{background: #f6f0e9;} .ipad_menu ul.pmenu ul{display: none; padding: 0; margin: 0; max-height: initial; max-height: auto;} .ipad_menu ul.pmenu ul li a{background: #f9f9f9 !important; font-size: 14px !important; text-transform: none; line-height: 50px !important; font-weight: 400 !important;} .ipad_menu ul.pmenu li .icon{display: block; position: absolute; top: 10px; left: 10px; width: 38px; height: 38px; border: 2px solid #f9f9f9; border-bottom: 2px solid #d5c9b6; background: url(../img/file_arrow.png) no-repeat scroll center center #f9f9f9; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .ipad_menu ul.pmenu li .icon:hover, .ipad_menu ul.pmenu li .icon.active{background-color: #c3986c; border: 2px solid #c3986c; border-bottom: 2px solid #534741;} .ipad_menu ul.pmenu li.lang{display: inline-block; zoom: 1; *display: inline; width: 50%} .ipad_menu ul.pmenu li.lang.border{border-right: 1px solid #e0e0e0; width: calc(50% - 1px);} .banner{overflow: hidden; display: block; width: 100%; height: 680px; background: #fff;} .banner .owl-stage-outer{height: 680px;} .banner .item{overflow: hidden; position: relative; height: 680px; background-attachment: local; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .banner .item::before{position: absolute; top: 25px; right: 25px; bottom: 25px; left: 25px; display: block; content: ""; border: 2px solid #e2bc83;} .banner .item .box{max-width: 475px; display: table; margin: 0 0 0 -50%; height: 680px;transition: all 2000ms ease;} .banner.stop .item .box{margin: 0 0 0 13%;} .banner .owl-item.active .item .box{margin: 0 0 0 13%; transition: all 2000ms ease 1500ms;} .banner .owl-item.owl-animated-out .item .box{margin: 0 0 0 50%; transition: all 2000ms ease;} .banner .item .box .centering{display: table-cell; vertical-align: middle; width: 100%; } .banner .item .box .centering .text{background: rgba(0,0,0,0.85); padding: 100px 50px; display: block; left: 23%; top: 50%; } .banner .item .box .centering .text .title{display: block; text-align: right; font-size: 35px; line-height: 40px; font-weight: 700; color: #fff; padding: 0; margin: 0;} .banner .item .box .centering .text .subtitle{position: relative; display: block; text-align: right; font-size: 18px; line-height: 26px; font-weight: 300; color: #c3986c; padding: 20px 0 0; margin: 0;} .banner .item .box .centering .text .subtitle::before{width: 90px; height: 2px; display: block; content: ""; background: #c3986c; top: 12px; right: 0; position: absolute;} .room_slider{overflow: hidden; display: block; width: 100%; height: 520px; background: #fff;} .room_slider .owl-stage-outer{height: 520px;} .room_slider .item{overflow: hidden; position: relative; height: 520px; background-attachment: local; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .food_slider{overflow: hidden; display: block; width: 100%; height: 520px; background: #fff;} .food_slider .owl-stage-outer{height: 520px;} .food_slider .item{overflow: hidden; position: relative; height: 520px; background-attachment: local; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .poukaz_slider{position: relative; overflow: hidden; display: block; width: 100%; max-width: 744px; height: 394px; background: #fff; margin: 50px auto;} #content .poukaz_slider{height: 394px !important;} .poukaz_slider::before{position: absolute; top: 50%; left: 50%; width: 835px; height: 522px; margin: -261px 0 0 -417px; display: block; content: ""; z-index: 0; background: url(../img/poukaz_shadow.png) no-repeat scroll center center;} .poukaz_slider .owl-stage-outer{height: 394px;} .poukaz_slider .item{padding-bottom: 40px; overflow: hidden; position: relative; height: 354px;} .poukaz_slider .item img{width: initial; width: auto; max-height: 100%; margin: 0 auto;} .poukaz_slider .item p{font-size: 14px; line-height: 20px; color: #000; text-align: center; text-transform: uppercase; margin: 0; position: absolute; left: 0; right: 0; bottom: 10px;} #content{overflow: hidden; min-height: calc(100vh - 880px); z-index: 5; position: relative; display: block; padding-bottom: 100px;} #content.padding{padding-bottom: 0; border-bottom: 1px solid #ececec; margin-bottom: 10px;} .back_link{position: absolute; top: 100%; right: 0; margin-top: 1px; z-index: 9999;} .back_link a{display: block; background: #000; padding: 0 20px 0 60px; line-height: 50px; color: #fff; font-weight: 400; font-size: 16px; text-transform: uppercase;} .back_link a::before{opacity: 1; position: absolute; top: 10px; left: 10px; display: block; content: ""; background: #000; width: 28px; height: 28px; background: url(../img/back_link_arrow.png) no-repeat scroll 9px 8px; border: 1px solid #fff; -webkit-transition: all 400ms ease;; -moz-transition: all 400ms ease;; -o-transition: all 400ms ease;; -ms-transition: all 400ms ease;; transition: all 400ms ease;} .back_link a::after{opacity: 0; position: absolute; top: 10px; left: 10px; display: block; content: ""; background: #000; width: 28px; height: 28px; background: url(../img/back_link_arrow.png) no-repeat scroll 9px -16px; border: 1px solid #fff; -webkit-transition: all 400ms ease;; -moz-transition: all 400ms ease;; -o-transition: all 400ms ease;; -ms-transition: all 400ms ease;; transition: all 400ms ease;} .notouch .back_link:hover a::before{opacity: 0; background-color: #fff;} .notouch .back_link:hover a::after{opacity: 1; background-color: #fff;} #content a.scroll_top{z-index: 9999; opacity: 0; position: fixed; right: 70px; bottom: -40px; width: 60px; height: 60px; background: #000; -webkit-transition: all 400ms ease;; -moz-transition: all 400ms ease;; -o-transition: all 400ms ease;; -ms-transition: all 400ms ease;; transition: all 400ms ease;} #content a.scroll_top::before{opacity: 1; display: block; content: ""; background: url(../img/scroll_arrow.png) no-repeat scroll center top; width: 21px; height: 13px; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -10px; -webkit-transition: all 400ms ease;; -moz-transition: all 400ms ease;; -o-transition: all 400ms ease;; -ms-transition: all 400ms ease;; transition: all 400ms ease;} #content a.scroll_top::after{opacity: 0; display: block; content: ""; background: url(../img/scroll_arrow.png) no-repeat scroll center -30px; width: 21px; height: 13px; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -10px; -webkit-transition: all 400ms ease;; -moz-transition: all 400ms ease;; -o-transition: all 400ms ease;; -ms-transition: all 400ms ease;; transition: all 400ms ease;} .notouch #content a.scroll_top:hover::before{opacity: 0;} .notouch #content a.scroll_top:hover::after{opacity: 1;} #content a.scroll_top.active{opacity: 1; bottom: 65px;} #content a.scroll_top.absolute{position: absolute; opacity: 1; bottom: 65px;} .notouch #content a.scroll_top:hover{background-color: #c3986c;} #content a.scroll_bottom{z-index: 9999; opacity: 1; position: absolute; right: -109px;; top: 880px; text-transform: uppercase; padding: 0 40px; font-size: 14px; line-height: 52px; color: #fff; font-weight: 700; background: #c3986c; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; -webkit-transition: background 400ms ease, color 400ms ease; -moz-transition: background 400ms ease, color 400ms ease; -o-transition: background 400ms ease, color 400ms ease; -ms-transition: background 400ms ease, color 400ms ease; transition: background 400ms ease, color 400ms ease; -webkit-transform: rotate(-270deg);-moz-transform: rotate(-270deg);-ms-transform: rotate(-270deg);-o-transform: rotate(-270deg); } #content a.scroll_bottom.absolute_top{position: absolute; top: 880px; bottom: initial; bottom: auto;} #content a.scroll_bottom.absolute_bottom{position: absolute; bottom: 174px; top: initial; top: auto;} #content a.scroll_bottom.fixed{position: fixed; top: 285px; bottom: initial; bottom: auto;} .notouch #content a.scroll_bottom:hover{background: #000; } .box_list{font-size: 0; position: relative; z-index: 100; display: block; width: 100%; text-align: center; padding: 80px 0 0;} .box_list .item{text-align: center; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 199px; position: relative;} .box_list .item::before{position: absolute; left: 0; top: 50%; height: 48px; margin-top: -24px; background: #c6c6c6; display: block; width: 1px; content: "";} .box_list .item:first-of-type::before{display: none;} .box_list .item .icon{width: 60px; height: 60px; display: block; margin: 0 auto; position: relative;} .box_list .item .icon::before{position: absolute; top: 0; left: 0; right: 0; content: ""; opacity: 1; width: 60px; height: 60px; display: block; background-size: 100% auto !important; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .box_list .item .icon::after{position: absolute; top: 0; left: 0; right: 0; content: ""; opacity: 0; width: 60px; height: 60px; display: block; background-size: 100% auto !important; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .box_list .item:hover .icon::before{opacity: 0;} .notouch .box_list .item:hover .icon::after{opacity: 1;} .box_list .item .icon1::before{background: url(../img/icon1.svg) no-repeat scroll center center;} .box_list .item .icon2::before{background: url(../img/icon2.svg) no-repeat scroll center center;} .box_list .item .icon3::before{background: url(../img/icon3.svg) no-repeat scroll center center;} .box_list .item .icon4::before{background: url(../img/icon4.svg) no-repeat scroll center center;} .box_list .item .icon5::before{background: url(../img/icon5.svg) no-repeat scroll center center;} .box_list .item .icon6::before{background: url(../img/icon6.svg) no-repeat scroll center center;} .box_list .item .icon1::after{background: url(../img/icon1_hover.svg) no-repeat scroll center center;} .box_list .item .icon2::after{background: url(../img/icon2_hover.svg) no-repeat scroll center center;} .box_list .item .icon3::after{background: url(../img/icon3_hover.svg) no-repeat scroll center center;} .box_list .item .icon4::after{background: url(../img/icon4_hover.svg) no-repeat scroll center center;} .box_list .item .icon5::after{background: url(../img/icon5_hover.svg) no-repeat scroll center center;} .box_list .item .icon6::after{background: url(../img/icon6_hover.svg) no-repeat scroll center center;} .box_list .item .title{overflow: hidden; position: relative; display: block; padding: 0; text-transform: uppercase; font-size: 16px; line-height: 20px; font-weight: 700; -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; -ms-transition: all 250ms ease-out; transition: all 250ms ease-out;} .box_list .item .title > span{display: inline-block;opacity: 0;-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0);-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);} .box_list .item .title > span.empty{margin-right: 4px;} .box_list .item .title::before {content: attr(data-text); position: absolute; top: 0;left: 0; right: 0; display: block; line-height: 20px; text-align: center; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);} .box_list .item:hover .title::before {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);} .notouch .box_list .item:hover .title > span {color: #c3986c; opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} .notouch .box_list .item:hover .title > span:nth-child(1) {-webkit-transition-delay: 0.045s; transition-delay: 0.045s;} .notouch .box_list .item:hover .title > span:nth-child(2) {-webkit-transition-delay: 0.09s; transition-delay: 0.09s;} .notouch .box_list .item:hover .title > span:nth-child(3) {-webkit-transition-delay: 0.135s; transition-delay: 0.135s;} .notouch .box_list .item:hover .title > span:nth-child(4) {-webkit-transition-delay: 0.18s; transition-delay: 0.18s;} .notouch .box_list .item:hover .title > span:nth-child(5) {-webkit-transition-delay: 0.225s; transition-delay: 0.225s;} .notouch .box_list .item:hover .title > span:nth-child(6) {-webkit-transition-delay: 0.27s; transition-delay: 0.27s;} .notouch .box_list .item:hover .title > span:nth-child(7) {-webkit-transition-delay: 0.315s; transition-delay: 0.315s;} .notouch .box_list .item:hover .title > span:nth-child(8) {-webkit-transition-delay: 0.36s; transition-delay: 0.36s;} .notouch .box_list .item:hover .title > span:nth-child(9) {-webkit-transition-delay: 0.405s; transition-delay: 0.405s;} .notouch .box_list .item:hover .title > span:nth-child(10) {-webkit-transition-delay: 0.45s; transition-delay: 0.45s;} .notouch .box_list .item:hover .title > span:nth-child(11) {-webkit-transition-delay: 0.495s;transition-delay: 0.495s;} .notouch .box_list .item:hover .title > span:nth-child(12) {-webkit-transition-delay: 0.54s; transition-delay: 0.54s;} .notouch .box_list .item:hover .title > span:nth-child(13) {-webkit-transition-delay: 0.585s;transition-delay: 0.585s;} .notouch .box_list .item:hover .title > span:nth-child(14) {-webkit-transition-delay: 0.630s;transition-delay: 0.630s;} .notouch .box_list .item:hover .title > span:nth-child(15) {-webkit-transition-delay: 0.675s;transition-delay: 0.675s;} .notouch .box_list .item:hover .title > span:nth-child(16) {-webkit-transition-delay: 0.720s;transition-delay: 0.720s;} h1.special{margin: 0; text-align: center; padding: 60px 0;} h1.special span{font-weight: 300; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; position: relative; font-size: 46px; color: #000; line-height: 55px; padding: 0 15px; background: url(../img/line.png) no-repeat scroll right 47px} h2.special{margin: 0; text-align: center; position: relative; padding: 135px 8% 65px;} .sub h2.special{padding: 85px 8% 45px;} h2.special span{font-weight: 300; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; position: relative; font-size: 46px; color: #000; line-height: 55px; padding: 0 15px;} h2.special.right{z-index: 20; text-align: right; padding: 60px 8%;} h2.special.right span::before{height: 225px; display: block; content: ""; width: 2px; background: #c6c6c6; top: -30px; bottom: -30px; right: -10px; position: absolute;} .news_list{z-index: 0; width: 100%; position: relative; display: block;} .news_list::before{z-index: 100; position: absolute; top: 18px; right: 18px; bottom: 18px; left: 27%; display: block; content: ""; border: 2px solid #ececec;} .sub .news_list::before{display: none;} .news_list .item{z-index: 110; padding: 48px 30px; width: calc(25% - 52px); height: 203px; float: left; display: block; position: relative;} .news_list.second .item{height: 237px;} .news_list.first .item{padding: 65px 30px;} .news_list .item.height{height: 200px;} .sub .news_list .item{width: calc(25% - 80px);} .news_list .item.first{z-index: 110; height: 333px; min-height: 260px; padding: 0; width: 23%; margin-left: 25%; background-image: url(../img/news_img.jpg); background-attachment: local; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .news_list .item.first::before{z-index: 100; position: absolute; top: 18px; right: 0; bottom: 18px; left: 18px; display: block; content: ""; border: 2px solid #ececec; border-right: 0;} .news_list .item .box{z-index: 110; position: relative; height: 100%; display: table; width: 100%;} .news_list .item .box .centering{vertical-align: middle; display: table-cell; width: 100%;} .news_list .item.first .title{position: relative; display: inline-block; zoom: 1; *display: inline; float: right; text-align: right; font-size: 27px; line-height: 31px; font-weight: 700; color: #fff; padding: 33px 25px 38px 31px; margin: 0 -1px 0 0; background: #000; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .news_list .item.first .title:hover{color: #e2bc83;} .news_list .item.first .title::before{display: block; position: absolute; bottom: 24px; right: 25px; display: block; width: 53px; height: 8px; background: url(../img/long_arrow.png) no-repeat; content: "";} .news_list .item .subtitle{text-transform: uppercase; display: block; font-size: 13px; line-height: 17px; position: relative; text-align: left; margin: 0; padding: 0 0 15px; font-weight: 800; color: #939393; text-align: left;} .news_list .item .subtitle.link{text-decoration: underline; color: #000; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .news_list .item .subtitle.link:hover{color: #c3986c;} .news_list .item h2{font-size: 27px; line-height: 27px; position: relative; text-align: left; margin: 0; padding: 0;} .news_list .item h2::before{width: 45px; height: 2px; display: block; content: ""; background: #c6c6c6; bottom: -15px; left: 0; position: absolute;} .news_list .item h2 a{font-size: 27px; line-height: 27px; font-weight: 700; color: #000; text-align: left; margin: 0; padding: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .news_list .item h2 a:hover{color: #c3986c} .news_list .item span.date{font-size: 19px; line-height: 23px; color: #000; font-weight: 300; text-align: left; padding: 20px 0 15px; display: block;} .news_list .item p.anotation{font-size: 15px; line-height: 19px; color: #000; font-weight: 300; text-align: left; padding: 0; margin: 0; display: block;} .news_list .item .overlay{opacity: 0; text-align: center; z-index: 100; position: absolute; top: 0; right: 0; left: 15px; bottom: 0; height: 100%; background-attachment: local; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .news_list .item:hover .overlay{opacity: 1;} .news_list.second{width: 100%; margin: 15px 0 0;} .news_list.second::before{right: calc(52% + 18px); left: 18px; border: 2px solid #e2bc83;} .news_list.second .item.first{margin: 0; width: 48%; background: none} .news_list.second .item.first::before{display: none;} .news_list.second .item.first .tip_slider{overflow: hidden; height: 333px;} .news_list.second .item.first .img{background-color: #c3986c; position: relative; display: block; float: left; width: 50%; height: 333px; background-attachment: local; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .news_list.second .item.first .img::before{z-index: 100; position: absolute; top: 18px; right: 0; bottom: 18px; left: 18px; display: block; content: ""; border: 2px solid #e2bc83; border-right: 0;} .news_list.second .item.first .text{display: block; float: left; width: calc(50% - 80px); padding: 0 40px; height: 333px; } .news_list.third.hide{display: none;} .news_list.third.hide::before{display: none;} .action_list{z-index: 10; width: 100%; position: relative; display: block;} .action_list.margin{margin: 45px 0 5px;} .action_list .item{z-index: 110; padding: 58px 40px; width: calc(100% - 80px); float: left; display: block; position: relative;} .action_list .item.height{height: 205px; width: calc(50% - 80px); margin-bottom: 40px; padding: 38px 40px; } .action_list .item .box{z-index: 110; position: relative; height: 100%; display: table; width: 100%;} .action_list .item .box .centering{vertical-align: middle; display: table-cell; width: 100%;} .action_list .item .img{overflow: hidden; height: 282px; position: absolute; top: 0; left: 5px; width: calc(50% - 35px) !important; z-index: 100; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} /*.notouch .action_list .item:hover .img{width: calc(100% - 15px);}*/ .action_list .item .img::after{position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0,0,0,0); display: block; content: ""; z-index: 99; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .action_list .item:hover .img::after{background: rgba(0,0,0,0.6);} .action_list .item .img a.btn{text-align: center; z-index: 200; position: absolute; top: 50%; left: 50%; opacity: 0; padding: 0; width: 160px; margin: -21px 0 0 -81px; -webkit-transition: top 400ms ease 200ms, opacity 400ms ease 200ms, background 400ms ease; -moz-transition: top 400ms ease 200ms, opacity 400ms ease 200ms, background 400ms ease; -o-transition: top 400ms ease 200ms, opacity 400ms ease 200ms, background 400ms ease; -ms-transition: top 400ms ease 200ms, opacity 400ms ease 200ms, background 400ms ease; transition: top 400ms ease 200ms, opacity 400ms ease 200ms, background 400ms ease;} .notouch .action_list .item:hover .img a.btn{opacity: 1;} .action_list .item .img::before{z-index: 100; position: absolute; top: 18px; right: 18px; bottom: 18px; left: 18px; display: block; content: ""; border: 2px solid #e2bc83;} .action_list .item .img .overlay{text-align: center; z-index: 98; position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100% !important; background-attachment: local; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .action_list .item.height .img .overlay{height: 281px; width: 100% !important;} .action_list .item .text{padding: 0 0 0 50%; position: relative; z-index: 10;} .action_list .item .text .date{padding: 9px 10px 12px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; background: #000; color: #fff; font-size: 15px; line-height: 21px; font-weight: 600; text-align: left; margin-bottom: 10px;} .action_list .item .text .date.long{font-size: 15px;} .action_list .item .text .date span{display: block; color: #fff; font-size: 11px; line-height: 11px; font-weight: 700; text-align: left; text-transform: uppercase;} .action_list .item .text h2{font-size: 27px; line-height: 27px; position: relative; text-align: left; margin: 0 0 20px; padding: 0;} .action_list .item .text h2::before{width: 45px; height: 2px; display: block; content: ""; background: #c6c6c6; bottom: -15px; left: 0; position: absolute;} .action_list .item .text h2 a{font-size: 27px; line-height: 27px; font-weight: 700; color: #000; text-align: left; margin: 0; padding: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .action_list .item.hover_efekt .text h2 a{color: #c3986c} .action_list .item .text p.anotation{font-size: 15px; line-height: 19px; color: #000; font-weight: 300; text-align: left; padding: 0; margin: 0; display: block;} .year_filter{font-size: 0; width: 100%; border: 0; display: none; margin: 28px 0 40px; padding: 0; text-align: center;} .year_filter.active{display: block;} .season_filter{font-size: 0; width: 100%; border: 0; margin: 28px 0 30px; padding: 0; text-align: center;} .season_filter{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin-bottom: 10px} .season_filter .filter{margin: 0 5px; position: relative; border: 1px solid #c2986f; background: #fff; color: #c2986f; font-size: 20px; line-height: 30px; font-weight: 500; text-align: center; padding: 18px 28px 18px 53px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .season_filter .filter::before, .season_filter .filter::after{position: absolute; left: 12px; top: calc(50% - 15px); width: 30px; height: 30px; background: no-repeat scroll center center; background-size: 24px 24px; content: ""; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .season_filter .filter::before{opacity: 1;} .season_filter .filter::after{opacity: 0;} .notouch .season_filter .filter:hover, .season_filter .filter.mixitup-control-active{background: #c2986f; color: #fff;} .notouch .season_filter .filter:hover::before, .season_filter .filter.mixitup-control-active::before{opacity: 0;} .notouch .season_filter .filter:hover::after, .season_filter .filter.mixitup-control-active::after{opacity: 1;} .season_filter .filter:nth-child(1)::before{background-image: url(../img/season_icon1_brown.svg);} .season_filter .filter:nth-child(2)::before{background-image: url(../img/season_icon2_brown.svg);} .season_filter .filter:nth-child(3)::before{background-image: url(../img/season_icon3_brown.svg);} .season_filter .filter:nth-child(4)::before{background-image: url(../img/season_icon4_brown.svg);} .season_filter .filter:nth-child(5)::before{background-image: url(../img/season_icon5_brown.svg);} .season_filter .filter:nth-child(6)::before{background-image: url(../img/season_icon5_brown.svg);} .season_filter .filter:nth-child(1)::after{background-image: url(../img/season_icon1.svg);} .season_filter .filter:nth-child(2)::after{background-image: url(../img/season_icon2.svg);} .season_filter .filter:nth-child(3)::after{background-image: url(../img/season_icon3.svg);} .season_filter .filter:nth-child(4)::after{background-image: url(../img/season_icon4.svg);} .season_filter .filter:nth-child(5)::after{background-image: url(../img/season_icon5.svg);} .season_filter .filter:nth-child(6)::after{background-image: url(../img/season_icon5.svg);} @media screen and (max-width: 1024px) { .season_filter .filter{margin: 3px; font-size: 16px; line-height: 24px; padding: 14px 20px 14px 37px;} .season_filter .filter::before, .season_filter .filter::after{left: 10px; top: calc(50% - 10px); width: 20px; height: 20px; background-size: 20px 20px;} } @media screen and (max-width: 800px) { .season_filter .filter{width: 125px; padding: 10px 15px 10px 35px; font-size: 14px;} } .mix-failed{display: none;} .mixitup-container-failed + .mix-failed{display: block;} .nomargin{margin: 0;} .open_close_archiv{color: #c2986f; display: inline-block; vertical-align: middle; padding: 4px 30px 4px 5px; font-size: 20px; line-height: 26px; font-weight: 500; position: relative;} .notouch .open_close_archiv:hover{text-decoration: underline;} .open_close_archiv::before{opacity: 1; content: ""; transform: rotate(90deg); position: absolute; top: calc(50% - 10px); bottom: 0; right: 0; background: url(../img/arrow_right_black.svg) no-repeat scroll center center; background-size: 14px 14px; width: 20px; height: 20px; display: inline-block; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .open_close_archiv.active::before{transform: rotate(-90deg);} #detail{width: 100%; display: block} #detail .img{position: fixed; left: 0; top: 0; bottom: initial; bottom: auto; height: 100vh; width: 40%; background-attachment: local; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #detail .img.absolute{position: absolute; top: initial; top: auto; bottom: 0;} #detail .text{max-width: 750px; width: 52%; padding: 65px 0 0 44%;} #detail .text .date{padding: 9px 10px 12px; display: block; float: left; background: #000; color: #fff; font-size: 15px; line-height: 21px; font-weight: 600; text-align: left;} #detail .text .date.long{font-size: 15px;} #detail .text .date span{display: block; color: #fff; font-size: 11px; line-height: 11px; font-weight: 700; text-align: left; text-transform: uppercase;} #detail .text h1.font1{max-width: calc(100% - 120px); display: block; float: left; padding: 6px 0 8px 20px;} #detail .text h1.font1.padding{max-width: 100%; padding: 6px 0;} #detail span.line{margin: 25px 0;} .season_list{display: block; position: relative; width: 100%; margin: 0 0 80px;} .season_list h2{font-size: 27px; line-height: 27px; font-weight: 700; color: #000; position: relative; text-align: center; margin: 0 0 30px; padding: 0;} .season_list .in{font-size: 0; position: relative; width: 100%;} .season_list .in .item{display: inline-block; vertical-align: middle; position: relative; width: 25%;} .season_list .in .item::before{z-index: 99; position: absolute; top: 20px; right: 20px; left: 20px; bottom: 20px; border: 1px solid #fff; content: "";} .season_list .in .item:nth-child(1)::before{right: 0; border-right: 0;} .season_list .in .item:nth-child(2)::before, .season_list .in .item:nth-child(3)::before{left: 0; right: 0; border-left: 0; border-right: 0;} .season_list .in .item:nth-child(4)::before{left: 0; border-left: 0;} .season_list .in .item .img{background: no-repeat scroll center center; background-size: cover; position: relative; padding: 0 0 100%;} .season_list .in .item .btn{padding-left: 45px; z-index: 100; position: absolute; left: 0; bottom: 0;} .season_list .in .item .btn::before{left: 20px;} .season_list .in .item .btn::after{position: absolute; left: 10px; top: calc(50% - 12px); width: 24px; height: 24px; background: no-repeat scroll center center; background-size: 24px 24px; content: ""; } .season_list .in .item:nth-child(1) .btn::after{background-image: url(../img/season_icon1.svg);} .season_list .in .item:nth-child(2) .btn::after{background-image: url(../img/season_icon2.svg);} .season_list .in .item:nth-child(3) .btn::after{background-image: url(../img/season_icon3.svg);} .season_list .in .item:nth-child(4) .btn::after{background-image: url(../img/season_icon4.svg);} @media screen and (max-width: 800px) { .season_list .in .item{width: 50%;} .season_list .in .item::before{display: none;} } .photo_box{width: 100%; position: relative; display: block; z-index: 1;} .photo_box .text{z-index: 100; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; position: relative; width: 25%; margin-left: 5%; padding-right: 10%; margin-right: -4px;} .photo_box .text h3{font-size: 27px; line-height: 27px; font-weight: 700; color: #000; position: relative; text-align: left; margin: 0; padding: 0;} .photo_box .text h3::before{height: 2px; display: block; content: ""; background: #c6c6c6; bottom: -15px; left: 0; right: -300px; position: absolute;} .photo_box .text h3.spec::before{left: -400px;} .photo_box .text h3.spec::after{position: absolute; left: -300px; bottom: -13px; width: 220px; height: 594px; display: block; content: ""; background: url(../img/corn.jpg) no-repeat scroll center bottom; background-size: contain;} @media screen and (max-width: 1600px) and (min-width: 1481px) { .photo_box .text h3.spec::after{left: -230px;} } .photo_box .text .title{font-size: 20px; line-height: 20px; font-weight: 700; color: #c3986c; position: relative; text-align: right; margin: 0; padding: 35px 0 8px;} .photo_box .text p.anotation{font-size: 16px; line-height: 23px; color: #000; font-weight: 300; text-align: left; padding: 35px 0 0; margin: 0; display: block;} .photo_box .text p.anotation.padding{padding: 0;} .photo_box .img{z-index: 0; height: 590px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; position: relative; width: 60%; margin-right: -4px;} .photo_box .img .photo_box_slider1, .photo_box .img .photo_box_slider2{overflow: hidden; display: block; width: 100%; height: 590px; background: #fff;} .photo_box .img .photo_box_slider1 .owl-stage-outer, .photo_box .img .photo_box_slider1 .owl-stage, .photo_box .img .photo_box_slider2 .owl-stage-outer, .photo_box .img .photo_box_slider2 .owl-stage{height: 590px;} .photo_box .img .photo_box_slider1 span, .photo_box .img .photo_box_slider2 span{display: block; overflow: hidden; position: relative; height: 590px; background-attachment: local; background-repeat: no-repeat; background-position: center center; background-size: auto 100%;} .photo_box .img .pos{position: absolute; bottom: -50px; right: calc(70% + 10px); } .photo_box .img .pos .small_photo_slider{border: 11px solid #fff; overflow: hidden; display: block; width: 295px; height: 195px; background: #fff;} .photo_box .img .pos .small_photo_slider .owl-stage-outer, .photo_box .img .pos .small_photo_slider .owl-stage{height: 195px;} .photo_box .img .pos .small_photo_slider span{display: block; overflow: hidden; position: relative; height: 195px; background-attachment: local; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .photo_box .item{display: block; overflow: hidden;} .photo_box .img .main_img{background-attachment: local; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0;} .photo_box.reverse .text h3{text-align: right} .photo_box.reverse .text h3::before{left: -150px; right: 0;} .photo_box.reverse .text p.anotation:not(.align-left){text-align: right} .house_list{display: block; width: 100%; position: relative; text-align: left; margin: 65px 0 0;} .house_list .item{position: relative; display: inline-block; zoom: 1; *display: inline; width: 30%; margin: 0 calc(1.5% - 4px) 20px 1.5%} .house_list .item::before{display: block; content: ""; position: absolute; top: 14px; left: 14px; right: 14px; bottom: 14px; border: 2px solid #e2bc83; z-index: 10;} .house_list .item .img{z-index: 0; display: block; position: relative; height: 240px; width: 100%; background-color: #f7e7d0; background-attachment: local; background-repeat: no-repeat; background-position: center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .house_list .item .text{position: relative; z-index: 99; padding: 30px 30px 48px; text-align: center;} .house_list .item .text h2{font-size: 24px; line-height: 30px; min-height: 60px; text-align: center; margin: 0 15px 10px;} .house_list .item .text h2 a{font-size: 24px; line-height: 30px; min-height: 60px; text-align: center; display: block; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .house_list .item .text span.price{display: block; text-align: center; font-size: 14px; font-weight: 300; line-height: 22px; margin: 0;} .house_list .item .text span.price strong{text-transform: uppercase; text-align: right; font-size: 18px; font-weight: 700; line-height: 22px; margin: 0 0 0 4px;} .notouch .house_list .item.hover_efekt .text h2 a{color: #c3986c;} .video_list{display: block; width: 100%; position: relative; text-align: center; margin: 65px 0 0;} .video_list .item{padding: 0 1.5%; position: relative; display: inline-block; zoom: 1; *display: inline; vertical-align: top; margin-right: -4px; width: 30%;} .video_list .item span.img{background-color: #fff; display: block; position: relative; width: 100%; height: 240px; background-attachment: local; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .video_list .item span.img::before{border: 1px solid #e2bc83; display: block; content: ""; position: absolute; top: 13px; right: 13px; left: 13px; bottom: 13px; z-index: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .video_list .item:hover span.img::before{opacity: 0;} .video_list .item span.img span{width: 128px; height: 129px; position: absolute; z-index: 100; top: 50%; left: 50%; margin: -64px 0 0 -64px; display: block;} .video_list .item span.img span::before{opacity: 1; width: 128px; height: 129px; position: absolute; top: 0; left: 0; display: block; content: ""; background: url(../img/play.png) no-repeat scroll center center; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .video_list .item span.img span::after{opacity: 0; width: 128px; height: 129px; position: absolute; top: 0; left: 0; display: block; content: ""; background: url(../img/play_hover.png) no-repeat scroll center center; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .video_list .item:hover span.img span::before{opacity: 0;} .notouch .video_list .item:hover span.img span::after{opacity: 1;} .video_list .item span.title{font-size: 25px; line-height: 32px; padding: 20px 0 40px 0; text-align: center; display: block; color: #000; font-weight: 700; } #video_overlay{cursor: pointer; display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99998; background: rgba(0,0,0,0.6);} #video_overlay span.close{width: 35px; height: 35px; display: block; position: fixed; top: 50%; left: 50%; margin: -160px 0 0 290px} #video_overlay span.close::before{opacity: 1; width: 35px; height: 35px; background: url(../img/close_icon_white.png) no-repeat scroll center center; position: absolute; top: 0; left: 0; display: block; content: ""; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} #video_overlay span.close::after{opacity: 0; width: 35px; height: 35px; background: url(../img/close_icon_white_hover.png) no-repeat scroll center center; position: absolute; top: 0; left: 0; display: block; content: ""; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch #video_overlay span.close:hover::before{opacity: 0;} .notouch #video_overlay span.close:hover::after{opacity: 1;} .pop_up{text-align: center; width: 560px; height: 315px; z-index: 99999; display: none; padding: 0; position: fixed; left: 50%; top: 50%; margin: -157.5px 0 0 -280px; background: #fff; box-shadow: 0 0 30px -10px #666666;} .pop_up.active{display: block;} .pop_up iframe{border: 0; width: 560px !important; height: 315px !important;} .partners{margin: 100px 0 0; width: 100%; display: block; position: relative; padding: 130px 0 0; background: url(../img/partners_corn.png) no-repeat scroll center top; background-size: 1239px 75px;} .partners .partners_slider{overflow: hidden; display: block; width: 100%; height: 108px; background: #fff;} .partners .partners_slider .owl-stage-outer{height: 108px; width: 100%;} .partners .partners_slider .slide{display: block; overflow: hidden; position: relative; height: 106px;} .partners .partners_slider .slide .box{ display: table; height: 106px; width: calc(100% - 2px);} .partners .partners_slider .slide .box span{display: table-cell; vertical-align: middle; width: 100%;} .partners .partners_slider .slide .box span img{margin: 0 auto; display: block; width: initial; width: auto; max-width: 60%;} .partners_list{width: 100%; display: block; position: relative; padding: 80px 0 0} .partners_list .item{margin-bottom: 60px;} .partners_list .img{width: 315px; border: 1px solid #ebebeb; display: inline-block; zoom: 1; *display: inline; vertical-align: top; background: #fff; -webkit-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7) ; box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7) ; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .partners_list .hover_efekt .img{-webkit-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.9); -moz-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.9) ; box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.9) ;} .partners_list .img a{display: table; height: 108px; width: 100%;} .partners_list .img a span{display: table-cell; vertical-align: middle; width: 100%;} .partners_list .img a span img{margin: 0 auto; display: block; width: initial; width: auto; max-width: 80%;} .partners_list .text{width: calc(100% - 370px); padding-left: 40px; display: inline-block; zoom: 1; *display: inline; vertical-align: top;} .partners_list .text h2{margin: 0; padding: 0;} .partners_list .text h2 a{font-size: 26px; font-weight: 700; color: #000; line-height: 32px; text-align: left; text-decoration: underline; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .partners_list .hover_efekt .text h2 a{color: #c69c6d; text-decoration: none;} .partners_list .text p.sub{position: relative; margin: 0; font-size: 16px; font-weight: 400; text-transform: uppercase; color: #000; line-height: 28px; text-align: left; padding: 10px 0;} .partners_list .text p.sub::before{position: absolute; bottom: 0; left: 0; height: 2px; width: 48px; display: block; content: ""; background: #c5c5c5;} .partners_list .text p.anotation{margin: 15px 0; font-size: 16px; font-weight: 400; font-style: italic; color: #000; line-height: 24px; text-align: left;} .partners_list .text p.name{font-size: 18px; font-weight: 700; color: #000; line-height: 24px; text-align: left;} .partners_list .text p.name span{font-size: 16px; font-weight: 300; color: #929292; line-height: 24px; text-align: left;} .rest_gallery{height: 193px; margin: 50px auto; width: 100%; max-width: 750px; position: relative; -webkit-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7) ; box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7) ;} .rest_gallery::before{z-index: 10; position: absolute; top: 14px; bottom: 14px; left: 14px; right: 14px; border: 2px solid #e2bc83; display: block; content: "";} .rest_gallery .img{z-index: 0; position: absolute; right: 0; top: 0; bottom: 0; display:block; background: url(../img/rest_gallery.jpg) no-repeat scroll center center; width: 53%; background-size: 100% auto ;} .rest_gallery .img::before{position: absolute; right: 0; top: 0; bottom: 0; left: 0; background: rgba(0,0,0,0); display: block; content:""; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .rest_gallery:hover .img::before{background: rgba(0,0,0,0.6);} .rest_gallery .over{border-left: 1px solid #e0e0e0; z-index: 5; position: absolute; left: 0; top: 0; bottom: 0; display:block; background: url(../img/package_over.png) no-repeat scroll right center; width: 70%;} .rest_gallery p{text-align: center; z-index: 999; position: absolute; top: 50%; left: 0; right: 40%; margin-top: -20px; font-size: 24px; line-height: 40px; color: #000; font-weight: 700; padding: 0;} .rest_gallery p span{margin: -14px 0 0 15px; width: 49px; height: 30px; background: url(../img/package_icon.png) no-repeat; display: inline-block; zoom: 1; *display: inline; vertical-align: middle;} .rest_gallery a.btn{opacity: 1; right: 7%; top: 50%; margin-top: -21px; position: absolute; z-index: 999; } .notouch .rest_gallery a.btn{opacity: 0;} .notouch .rest_gallery:hover a.btn{opacity: 1;} .listek{position: relative; display: block; width: 94%; max-width: 1100px; margin: 0 auto; -webkit-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7) ; box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7) ;} .listek::after{display: block; content: ""; z-index: 0; position: absolute; left: -130px; bottom: 130px; width: 309px; height: 360px; background: url(../img/listek_bottom.png) no-repeat scroll center center;} .listek .in{background: #fff; padding: 100px 50px; display: block; z-index: 100; position: relative;} .listek .in .item{width: 100%; position: relative; padding: 0 0 110px;} .listek .in .item:last-of-type{padding: 0;} .listek .in .item:last-of-type::before{display: none;} .listek .in .item::before{display: block; content: ""; width: 66px; height: 22px; margin: 0 auto; background: url(../img/listek_icon.png) no-repeat scroll center center; position: Absolute; left: 0; right: 0; bottom: 39px;} .listek .in .item h2{font-size: 25px; line-height: 30px; font-weight: 700; padding: 0; margin: 0 0 8px; position: relative;} .listek .in .item:first-of-type h2{margin-top: 0;} .listek .in .item h2::before{width: 27px; height: 2px; display: block; content: ""; background: #c3986c; position: absolute; bottom: -3px; left: 0;} .listek .in .item p{font-weight: 400; color: #4d4d4d; font-size: 14px; text-align: justify; margin: 0;} .listek .in .item table{border-collapse: collapse; border-spacing: 0; margin: 15px 0 0; width: 100%; padding: 0;} .listek .in .item table tr{list-style: none; width: 100%; border-bottom: 1px solid #e0e0e0;} .listek .in .item table tr:first-child{border-top: 1px solid #e0e0e0;} .listek .in .item table tr td.grams{width: 50px; border-right: 1px solid #e0e0e0; position: relative; font-size: 14px; line-height: 20px; padding: 11px 18px; font-weight: 400;} .listek .in .item table tr td.grams span{position: absolute; top: 50%; margin-top: 0; left: -20px; font-size: 29px; line-height: 10px; font-weight: 300; color: #c3986c;} .listek .in .item table tr td.text{width: calc(100% - 40px - 250px); font-size: 14px; line-height: 20px; padding: 11px 18px; font-weight: 400;} .listek .in .item table tr td.text span{font-size: 14px; line-height: 20px; font-weight: 400; color: #adadad;} .listek .in .item table tr td.price{white-space: nowrap; border-left: 1px solid #e0e0e0; width: 50px; text-align: right; font-size: 14px; line-height: 20px; padding: 11px 18px; font-weight: 400;} .listek .in .item table tr.active{border-bottom: 1px solid #000000;} .listek .in .item table tr.active:first-child{border-top: 1px solid #000000;} .listek .in .item table tr.active td.price{border-left: 1px solid #000000;} .listek .in .item table tr.active td.grams{border-right: 1px solid #000000;} .listek .in p.special{font-size: 17px; line-height: 22px; font-weight: 400; border-top: 1px solid #c3986c; border-bottom: 1px solid #c3986c; margin: 55px 0; padding: 9px 20px; text-align: center; color: #c3986c; text-transform: uppercase;} .listek .in p.special strong{font-size: 17px; line-height: 22px; font-weight: 700; color: #c3986c;} .listek .in p.classic{font-size: 14px; line-height: 20px; font-weight: 400; margin: 0; padding: 0; text-align: left; color: #000;} .listek .in p.classic span{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; font-size: 29px; line-height: 20px; font-weight: 300; margin: 0; padding: 0 10px 0 0; text-align: left; color: #c3986c;} .listek .in p.classic strong{font-size: 14px; line-height: 20px; font-weight: 700; margin: 0; padding: 0; text-align: left; color: #000;} .listek .in p.font2{font-size: 40px; line-height: 50px; font-weight: 400; margin: 0; padding: 20px 0 0; text-align: right; color: #000;} .listek .in{padding: 80px 50px;} .listek .in .item{padding: 0;} .listek .in .item::before{display: none;} .listek .in .item h2{margin: 45px 0 8px;} .alergens{margin: 0 auto; max-width: 1000px; position: relative; background: #ececec; padding: 60px 0;} .alergens::before{position: absolute; top: 0; bottom: 0; left: calc(100% - 9px); background: #ececec; display: block; content: ""; width: calc( (100vw - 1000px) / 2 ); min-width: calc(100vh / 100 * 4 + 20px); max-width: 462px;} .alergens::after{position: absolute; top: 0; bottom: 0; right: calc(100% - 9px); background: #ececec; display: none; content: ""; width: calc( (100vw - 1000px) / 2 ); min-width: calc(100vh / 100 * 4 + 20px); max-width: 462px;} .alergens p.title{text-align: center ; padding: 0; margin: 0; font-size: 40px; line-height: 50px; font-weight: 400; color: #000; display: none;} .alergens .box{z-index: 999; width: 270px; height: 270px; background: url(../img/alergens_img.jpg) no-repeat scroll center center; position: absolute; top: 50%; margin-top: -135px; left: -38px;} .alergens .box::before{z-index: 10; position: absolute; top: -12px; bottom: -12px; left: -12px; right: -12px; border: 2px solid #e2bc83; display: block; content: "";} .alergens .box p{z-index: 999; position: absolute; top: 50%; margin-top: -35px; right: -30px; font-size: 21px; line-height: 70px; color: #000; font-weight: 700; padding: 0 35px; background: #fff; -webkit-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7) ; box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7) ;} .alergens article{padding-left: 280px; width: calc(100% - 280px);} .alergens ul{margin: 0; float: left; width: calc(50% - 20px); margin-right: -4px;} #room{position: relative; display: block; width: 100%;} #room .top{z-index: 999; position: relative; display: block; text-align: center;} #room .top .inside.hide{display: none;} #room .top .price_box{white-space: nowrap; position: absolute; left: 0; top: -68px; background: #fff; padding: 45px 50px; text-align: center; -webkit-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7) ; box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7) ;} #room .top .price_box::before{position: absolute; left: 23px; right: 23px; height: 1px; background: #e0e0e0; top: 20px; display: block; content: "";} #room .top .price_box::after{position: absolute; left: 23px; right: 23px; height: 1px; background: #e0e0e0; bottom: 20px; display: block; content: "";} #room .top .price_box p{text-align: right; font-size: 14px; font-weight: 300; line-height: 22px; margin: 0 25px 0 0; display: inline-block; zoom: 1; *display: inline; vertical-align: middle;} #room .top .price_box p strong{text-transform: uppercase; text-align: right; font-size: 14px; font-weight: 700; line-height: 22px; margin: 0; display: inline-block; zoom: 1; *display: inline; vertical-align: middle;} #room aside{padding: 40px 0; width: 440px; margin-top: 600px; float: left; position: relative;} #room aside.horse{margin-top: 380px;} #room aside.gouse{margin-top: 380px;} #room aside.roses{margin-top: 360px;} #room aside .equip{width: 270px; height: 270px; background: url(../img/equip_bg.jpg) no-repeat scroll center center; position: relative; margin: 0 0 0 140px; background-attachment: local; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #room aside .equip::before{z-index: 10; position: absolute; top: -12px; bottom: -12px; left: -12px; right: -12px; border: 2px solid #e2bc83; display: block; content: "";} #room aside .equip::after{z-index: 0; position: absolute; left: 0px; bottom: 100%; width: 220px; height: 594px; display: block; content: ""; background: url(../img/corn.jpg) no-repeat scroll center center;} #room aside .equip p{z-index: 999; position: absolute; top: 50%; margin-top: -35px; right: -30px; font-size: 21px; line-height: 70px; color: #000; font-weight: 700; padding: 0 35px; background: #fff; -webkit-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7) ; box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7) ;} #room aside form{padding: 50px 45px; margin-top: 65px; display: block; position: relative; background-image: url(../img/footer.jpg); background-attachment: local; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #room aside form p.title{font-size: 24px; font-weight: 200; text-align: center; margin: 0; padding: 0 0 18px; color: #fff; text-align: center; position: relative;} #room aside form p.title::before{position: absolute; bottom: 0; left: 0; right: 0; display: block; content: ""; background: url(../img/form_title_icon.png) no-repeat scroll center center; height: 13px; width: 66px; margin: 0 auto;} #room aside form table{width: 100%; border-collapse: collapse; margin: 0; padding: 0;} #room aside form table th{font-size: 12px; font-weight: 900; color: #e2bc83; text-align: left; padding: 20px 0 0; text-transform: uppercase;} #room aside form table th:nth-child(2){padding-left: 60px;} #room aside form table th input[type=text]{margin: 6px 0 0; width: calc(100% - 32px); background: #fff; border: 1px solid #fff; padding: 11px 15px; font-size: 14px; line-height: 20px; color: #000; font-weight: 300; text-align: left; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} #room aside form table th textarea{box-sizing: border-box; overflow: hidden; resize: none; margin: 6px 0 0; width: 100%; background: #fff; border: 1px solid #fff; padding: 11px 15px; font-size: 14px; line-height: 20px; min-height: 44px; color: #000; font-weight: 300; text-align: left; -webkit-transition: border 400ms ease; -moz-transition: border 400ms ease; -o-transition: border 400ms ease; -ms-transition: border 400ms ease; transition: border 400ms ease;} #room aside form table th input[type=text]:focus, #room aside form table th textarea:focus{border: 1px solid #e2bc83;} #room aside form table th .sbHolder{margin-top: 6px; position: relative; background: #fff; width: 145px; height: 40px;} #room aside form table th .sbHolder .sbToggle{background: url(../img/select_arrow.png) no-repeat scroll center -25px #a19d9a; right: 0; top: 0; height: 100%; width: 30px;} #room aside form table th .sbHolder .sbToggle.sbToggleOpen{background: url(../img/select_arrow.png) no-repeat scroll center 16px #a19d9a;} #room aside form table th .sbHolder a.sbSelector{z-index: 998; display: block; text-align:left; font-size: 14px; line-height: 20px; color: #000; padding: 11px 15px; width: calc(100% - 30px - 30px); font-weight: 400; } #room aside form table th .sbOptions{z-index: 999; top: 100% !important; width: auto; background: #fff; padding: 0 !important; left: 0; right: 0; -webkit-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7) ; box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7) ;} #room aside form table th .sbOptions li{float: none !important; margin: 0; padding: 0 !important } #room aside form table th .sbOptions li a{text-transform: uppercase; border: 1px solid #a19d9a; border-top: 0; font-weight: 400; background: none; text-decoration: none; color: #000; font-size: 14px; line-height: 20px; padding: 6px 15px; text-align: left; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} #room aside form table th .sbOptions li:nth-child(1) a{border-top: 1px solid #a19d9a;} .notouch #room aside form table th .sbOptions li a:hover{background: #ececec;} #room aside .price_box{white-space: nowrap; position: relative; display: block; width: 100%; background: #fff; text-align: center; } #room aside .price_box::before{z-index: 0; position: absolute; right: 0px; bottom: 100%; width: 220px; height: 594px; display: block; content: ""; background: url(../img/corn.jpg) no-repeat scroll center center;} #room aside.horse .price_box::before{left: 0; bottom: 100%; width: 100%; height: 344px; background: url(../img/horse.jpg) no-repeat scroll center bottom;} #room aside.gouse .price_box::before{right: 0px; bottom: 100%; width: 537px; height: 383px; background: url(../img/contact_bg.jpg) no-repeat scroll center center;} #room aside.roses .price_box::before{right: 50%; margin: 0 -158px 40px 0; bottom: 100%; width: 305px; height: 316px; background: url(../img/roses.jpg) no-repeat scroll center center;} #room aside .price_box p{background: #fff; z-index: 100; padding: 45px 50px; position: relative; text-align: center; font-size: 14px; font-weight: 300; line-height: 26px; margin: 0; display: block; -webkit-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7) ; box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7) ;} #room aside .price_box p::before{position: absolute; left: 23px; right: 23px; height: 1px; background: #e0e0e0; top: 20px; display: block; content: "";} #room aside .price_box p::after{position: absolute; left: 23px; right: 23px; height: 1px; background: #e0e0e0; bottom: 20px; display: block; content: "";} #room aside .price_box p strong{text-align: right; font-size: 22px; font-weight: 700; line-height: 26px; margin: 0; display: inline-block; zoom: 1; *display: inline} #room aside .price_box p.inline strong{display: inline-block; zoom: 1; *display: inline; vertical-align: middle;} #room aside .price_box p a:not(.btn){text-align: right; font-size: 22px; font-weight: 700; line-height: 26px; margin: 0; display: inline-block; zoom: 1; *display: inline; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch #room aside .price_box p a:not(.btn):hover{color: #c3986c;} #room .text{padding: 40px 0; float: right; width: calc(100% - 520px); margin-left: 80px;} #room .text #vybaveni{margin: 135px 0; width: 100%; position: relative;} #room .text #vybaveni::before{display: block; position: absolute; top: -90px; bottom: -90px; right: 100%; background: #f1f1f1; content: ""; width: 200px;} #room .text #vybaveni::after{display: block; position: absolute; top: -90px; bottom: -90px; left: 0; background: #f1f1f1; content: ""; width: 200%;} #room .text #vybaveni h3{z-index: 100; display: none;} #room .text #vybaveni ul{position: relative; z-index: 100; margin: 0; float: left; width: calc(50% - 20px); margin-right: -4px;} #room .text #cenik{margin: 95px 0; width: 100%; position: relative;} #room .text #cenik table{width: 100%; border-collapse: collapse; margin: 0;} #room .text #cenik table tr{border-bottom: 1px solid #e0e0e0;} #room .text #cenik table tr:first-child{border-top: 1px solid #e0e0e0;} #room .text #cenik table tr td{padding: 12px 35px; font-size: 14px; line-height: 20px; font-weight: 300; color: #4d4d4d;} #room .text #cenik table tr td:first-child{text-transform: uppercase;} #room .text .box{margin: 40px 0;} #room .text article ul li{color: #828282} #room .text .box h3{margin: 0 0 15px;} #room .text .box p{font-size: 14px; line-height: 20px; text-transform: uppercase; text-align: left; margin: 0; padding: 12px 30px; color: #4d4d4d; border-bottom: 1px solid #ebe6e0;} #room .text .box p:first-of-type{ border-top: 1px solid #ebe6e0;} #room .text .box ul{margin: 0; float: left; width: calc(50% - 20px); margin-right: -4px;} #room .text .box ul.half{column-count: 2; column-gap: 40px; padding: 0; width: 100%;} #room .package{height: 193px; margin: 50px 0; width: 100%; position: relative; -webkit-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7) ; box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7) ;} #room .package.spec_mobile{display: none;} #room .package::before{z-index: 10; position: absolute; top: 14px; bottom: 14px; left: 14px; right: 14px; border: 2px solid #e2bc83; display: block; content: "";} #room .package .img{z-index: 0; position: absolute; right: 0; top: 0; bottom: 0; display:block; background: url(../img/package_img.jpg) no-repeat scroll right center; width: 50%; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important;} #room .package.horse .img{background: url(../img/horse_img.jpg) no-repeat scroll right center;} #room .package.club .img{background: url(../img/club_img.jpg) no-repeat scroll right center; background-size: auto 360px;} #room .package .img::before{position: absolute; right: 0; top: 0; bottom: 0; left: 0; background: rgba(0,0,0,0); display: block; content:""; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch #room .package:hover .img::before{background: rgba(0,0,0,0.6);} #room .package .over{border-left: 1px solid #e0e0e0; z-index: 5; position: absolute; left: 0; top: 0; bottom: 0; display:block; background: url(../img/package_over.png) no-repeat scroll right center; width: 70%;} #room .package p{text-align: center; z-index: 999; position: absolute; top: 50%; left: 0; right: 40%; margin-top: -20px; font-size: 24px; line-height: 40px; color: #000; font-weight: 700; padding: 0;} #room .package p span{margin: -14px 0 0 15px; width: 49px; height: 30px; background: url(../img/package_icon.png) no-repeat; display: inline-block; zoom: 1; *display: inline; vertical-align: middle;} #room .package a.btn{opacity: 1; right: 7%; top: 50%; margin-top: -21px; position: absolute; z-index: 999; } .notouch #room .package a.btn{opacity: 0;} .notouch #room .package:hover a.btn{opacity: 1;} #room .aside_package{display: block; height: 193px; margin: 50px 0 0 130px; width: 290px; position: relative; -webkit-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7) ; box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7) ;} #room .aside_package::before{z-index: 10; position: absolute; top: 14px; bottom: 14px; left: 14px; right: 14px; border: 2px solid #e2bc83; display: block; content: "";} #room .aside_package .img{z-index: 0; position: absolute; inset: 0; display:block; background: url(../img/package_img.jpg) no-repeat scroll right center; width: 100%; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important;} #room .aside_package.horse .img{background: url(../img/horse_img.jpg) no-repeat scroll right center;} #room .aside_package.club .img{background: url(../img/club_img.jpg) no-repeat scroll right center; background-size: auto 360px;} #room .aside_package .img::before{position: absolute; right: 0; top: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.6); display: block; content:""; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch #room .aside_package:hover .img::before{background: rgba(0,0,0,0);} #room .aside_package p{text-align: center; display: flex; background: transparent; color: #fff; justify-content: center; align-items: center; flex-direction: column; z-index: 999; position: absolute; inset: 16px; margin: 0; font-size: 24px; line-height: 40px; font-weight: 700; padding: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch #room .aside_package:hover p{background: rgba(255,255,255,0.5); color: #000;} .areal_tips{text-align: center; padding: 0 35px; margin: 60px 0 0;} .areal_tips p.title{text-align: center ; padding: 0; margin: 0; font-size: 40px; line-height: 50px; font-weight: 400; color: #000;} .areal_tips .item{height: 180px; position: relative; display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: 30%; padding: 34px 1.5%; margin-right: -4px;} .areal_tips .item::before{position: absolute; left: 0; top: 10px; bottom: 0; width: 1px; background: #dcdcdc; display: block; content: "";} .areal_tips .item:first-of-type::before{display: none;} .areal_tips .item h3{margin: 0; padding: 0;} .areal_tips .item h3 a{font-size: 24px; line-height: 30px; font-weight: 700; color: #000; display: block; text-align: center; margin: 0; padding: 10px 0 13px; font-family: "sofia-pro",sans-serif, Arial; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .areal_tips .item h3 a:hover{color: #c3986c} .areal_tips .item p{font-size: 16px; line-height: 26px; font-weight: 100; font-style: italic; color: #adadad; margin: 10px; padding: 0; text-align: center;} #MyGmaps{height: 420px; background: url(../img/mapa.jpg) no-repeat scroll center center #f0f0f0;} #contact aside{z-index: 0; padding: 40px 0; width: 440px; float: right; position: relative;} #contact aside::before{position: absolute; right: 0; bottom: -270px; content: ""; display: block; width: 537px; height: 383px; background: url(../img/contact_bg.jpg) no-repeat scroll center center;} #contact aside form{padding: 50px 45px; margin-top: 0; display: block; position: relative; background-image: url(../img/footer.jpg); background-attachment: local; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #contact aside form p.title{font-size: 24px; font-weight: 200; text-align: center; margin: 0; padding: 0 0 18px; color: #fff; text-align: center; position: relative;} #contact aside form p.title::before{position: absolute; bottom: 0; left: 0; right: 0; display: block; content: ""; background: url(../img/form_title_icon.png) no-repeat scroll center center; height: 13px; width: 66px; margin: 0 auto;} #contact aside form p{font-size: 16px; font-weight: 300; text-align: center; margin: 0; padding: 0 0 10px; color: #e2bc83; text-align: center; position: relative;} #contact aside form table{width: 100%; border-collapse: collapse; margin: 0; padding: 0;} #contact aside form table th{font-size: 12px; font-weight: 900; color: #e2bc83; text-align: left; padding: 20px 0 0; text-transform: uppercase;} #contact aside form table th:nth-child(2){padding-left: 60px;} #contact aside form table th input[type=text]{margin: 6px 0 0; width: calc(100% - 32px); background: #fff; border: 1px solid #fff; padding: 11px 15px; font-size: 14px; line-height: 20px; color: #000; font-weight: 300; text-align: left; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} #contact aside form table th textarea{box-sizing: border-box; overflow: hidden; resize: none; margin: 6px 0 0; width: 100%; background: #fff; border: 1px solid #fff; padding: 11px 15px; font-size: 14px; line-height: 20px; min-height: 44px; color: #000; font-weight: 300; text-align: left; -webkit-transition: border 400ms ease; -moz-transition: border 400ms ease; -o-transition: border 400ms ease; -ms-transition: border 400ms ease; transition: border 400ms ease;} #contact aside form table th input[type=text]:focus, #room aside form table th textarea:focus{border: 1px solid #e2bc83;} #contact .text{z-index: 10; position: relative; padding: 40px 0; float: left; width: calc(100% - 520px); margin-right: 80px;} #contact .text table.contact_table{border-spacing: 0; width: 100%; border-collapse: collapse; margin-bottom: 30px;} #contact .text table.contact_table td{vertical-align: top; padding: 8px 0; font-size: 14px; line-height: 26px; color: #4d4d4d; font-weight: 400; text-align: left; text-transform: uppercase;} #contact .text table.contact_table td p.anotation{font-weight: 400; text-transform: none; width: 100%; max-width: 310px; padding: 20px 0 0; line-height: 22px;} #contact .text table.contact_table td p.anotation strong{text-transform: none;} #contact .text table.contact_table td p.anotation a{font-weight: 600; text-transform: none;} #contact .text table.contact_table td p{text-align: left; display: block; padding: 25px 0 10px; font-size: 14px; line-height: 26px; color: #4d4d4d; font-weight: 700; text-transform: uppercase; margin: 0;} #contact .text table.contact_table td p img{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 -4px 0 15px;} #contact .text table.contact_table td img{display: block; margin-right: 45px;} #contact .text table.contact_table tr.middle td{vertical-align: middle;} #contact .text table.contact_table td strong{padding: 0; font-size: 14px; line-height: 26px; color: #4d4d4d; font-weight: 700; text-align: left; text-transform: uppercase;} #contact .text table.contact_table td strong.sidlo_title{font-size: 16px; line-height: 22px; display: block; margin: 0 0 6px;} #contact .text table.contact_table td a:not(.btn){padding: 0; font-size: 14px; line-height: 26px; color: #4d4d4d; font-weight: 400; text-align: left; text-transform: uppercase; text-decoration: underline; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} #contact .text table.contact_table table.date{border-spacing: 0; border-collapse: collapse; max-width: 310px; width: 100%;} #contact .text table.contact_table table.date td{background: #fafafa;padding: 5px 30px; text-transform: none; border-bottom: 1px solid #e0e0e0} #contact .text table.contact_table table.date th{PADDING: 8px 0; background: #fff; border-bottom: 1px solid #e0e0e0;} .notouch #contact .text table.contact_table td a:not(.btn):hover{color: #c3986c; } #contact .text table.contact_table tr.third_tr td{padding-bottom: 30px;} #contact .text table.contact_table tr.sidlo_adresa td{padding-top: 25px; border-top: 1px solid #f0f0f0;} #contact .text table.correct_table{} #contact .text table.correct_table td img{margin: 0 66px 0 21px} #contact .text table.correct_table.third td img{opacity: 0;} #contact .text table.correct_table td{vertical-align: middle; padding: 20px 0; font-size: 14px; line-height: 26px; color: #4d4d4d; font-weight: 400; text-align: left; text-transform: uppercase;} #contact .text table.correct_table td:nth-child(2){border-top: 1px solid #e0e0e0; } #contact .text table.correct_table td strong{display: block; padding: 0; font-size: 14px; line-height: 26px; color: #4d4d4d; font-weight: 700; text-align: left; text-transform: uppercase;} #contact .text table.correct_table td.small{border-top: none; font-size: 13px; line-height: 20px; color: #4d4d4d; font-weight: 300; text-align: left; text-transform: none;} #contact .text table.text_table{border-spacing: 0; width: 100%; border-collapse: collapse; margin-bottom: 30px;} #contact .text table.text_table td{padding: 0; vertical-align: top;} #contact .text table.text_table td a.btn{opacity: 0; margin: 0 50px 0 21px; width: 39px; height: 37px; padding: 0; background-image: url(../img/select_arrow.png); background-repeat: no-repeat; background-position: 12px 14px;} #contact .text table.text_table td p.title{margin: 0 0 15px; font-size: 24px; line-height: 40px; font-weight: 700; text-align: left; color: #000; } #contact .text table.text_table td p.title a{font-size: 24px; line-height: 40px; font-weight: 700; text-align: left; text-decoration: underline; color: #000; -webkit-transition: all 400ms ease;; -moz-transition: all 400ms ease;; -o-transition: all 400ms ease;; -ms-transition: all 400ms ease;; transition: all 400ms ease;} .notouch #contact .text table.text_table td p.title a:hover{color: #c3986c; text-decoration: none;} #contact .text table.text_table td p.subtitle{margin: 25px 0 0; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; font-size: 24px; line-height: 40px; font-weight: 700; text-align: left; color: #000;} #contact .text table.text_table td.bg{font-size: 14px; line-height: 22px; color: #000; font-weight: 300; text-align: justify; background: #fafafa; padding: 16px;} #contact .text table.text_table td.bg *{width: 100%; margin: 0; font-size: 14px; line-height: 22px; color: #000; text-align: justify; font-weight: 300;} #contact .text table.text_table td.bg a{font-size: 14px; line-height: 22px; color: #000; text-align: justify; font-weight: 500; text-decoration: underline; -webkit-transition: all 400ms ease;; -moz-transition: all 400ms ease;; -o-transition: all 400ms ease;; -ms-transition: all 400ms ease;; transition: all 400ms ease;} .notouch #contact .text table.text_table td.bg a:hover{color: #c3986c; text-decoration: none;} #contact .text table.text_table td ul.social{margin: 25px 0 0; padding: 0; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; } #contact .text table.text_table td ul.social li{list-style: none; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin-right: -4px; border-left: 1px solid #ececec;} #contact .text table.text_table td ul.social li:first-child{border-left: 0;} #contact .text table.text_table td ul.social li a{display: block; width: 63px; height: 60px; padding: 0 8px; position: relative; -webkit-transition: all 400ms ease;; -moz-transition: all 400ms ease;; -o-transition: all 400ms ease;; -ms-transition: all 400ms ease;; transition: all 400ms ease;} #contact .text table.text_table td ul.social li a::before{opacity: 1; content: ""; position: absolute; left: 8px; top: 0; width: 63px; height: 60px; z-index: 0; background-size: 100% auto !important; -webkit-transition: all 400ms ease;; -moz-transition: all 400ms ease;; -o-transition: all 400ms ease;; -ms-transition: all 400ms ease;; transition: all 400ms ease;} #contact .text table.text_table td ul.social li a::after{opacity: 0; content: ""; position: absolute; left: 8px; top: 0; width: 63px; height: 60px; z-index: 0; background-size: 100% auto !important; -webkit-transition: all 400ms ease;; -moz-transition: all 400ms ease;; -o-transition: all 400ms ease;; -ms-transition: all 400ms ease;; transition: all 400ms ease;} #contact .text table.text_table td ul.social li a.fb::before{background: url(../img/fb_2.svg) no-repeat scroll center center;} #contact .text table.text_table td ul.social li a.in::before{background: url(../img/in_2.svg) no-repeat scroll center center;} #contact .text table.text_table td ul.social li a.ta::before{background: url(../img/ta_2.svg) no-repeat scroll center center;} #contact .text table.text_table td ul.social li a.bo::before{background: url(../img/bo_2.svg) no-repeat scroll center center;} #contact .text table.text_table td ul.social li a.fb::after{background: url(../img/fb_2_hover.svg) no-repeat scroll center center;} #contact .text table.text_table td ul.social li a.in::after{background: url(../img/in_2_hover.svg) no-repeat scroll center center;} #contact .text table.text_table td ul.social li a.ta::after{background: url(../img/ta_2_hover.svg) no-repeat scroll center center;} #contact .text table.text_table td ul.social li a.bo::after{background: url(../img/bo_2_hover.svg) no-repeat scroll center center;} .notouch #contact .text table.text_table td ul.social li a:hover::before{opacity: 0;} .notouch #contact .text table.text_table td ul.social li a:hover::after{opacity: 1;} #carousel-custom-dots{opacity: 0; width: 0; height: 0; visibility: hidden; padding: 0; margin: 0; } .wedding_pack{text-align: center;} .wedding_pack h2{font-weight: 300; text-align: center; display: inline-block; border-bottom: 1px solid #c3986c; margin: 45px 0 -1px; padding: 0; font-size: 54px; line-height: 54px; color: #000;} .wedding_pack .item:nth-child(even){background: #f6f0e9;} .wedding_pack .item:nth-child(odd){background: #e9e4de;} .wedding_pack .item .inside{padding: 80px 4% 30px; text-align: left;} .wedding_pack .item h3{text-transform: uppercase; text-decoration: underline; display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: 380px; font-size: 35px; line-height: 104px; color: #000; margin: 0; padding: 0;} .wedding_pack .item h3 img{padding: 27px; margin-right: 20px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; background: #fff; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; -webkit-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7) ; box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7);} .wedding_pack .item .description{display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: calc(100% - 390px);} .wedding_pack .item .description .box{margin-bottom: 0;} .wedding_pack .item .description .box p.price{margin: 0 0 30px; display: inline-block; zoom: 1; *display: inline; vertical-align: top;; text-align: center; width: 370px; padding: 20px 0; font-size: 14px; line-height: 30px; color: #666666; font-weight: 300; text-transform: uppercase; background: #fff; -webkit-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7) ; box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7);} .wedding_pack .item .description .box p.price strong{padding-left: 13px; font-size: 22px; line-height: 30px; color: #000; font-weight: 700;} .wedding_pack .item .description .box p.price span{font-size: 16px; line-height: 30px; color: #666666; font-weight: 700;} .wedding_pack .item .description .box.second{margin-bottom: 0;} .wedding_pack .item .description .box.second p.price{text-transform: none; background: url(../img/drink_icon.png) no-repeat scroll 34px center #fff; padding-left: 115px; width: 255px; text-align: left;} .wedding_pack .item .description .box.second p.price strong{text-transform: uppercase; padding: 0; display: block;} .wedding_pack .item .description .box .anotation{margin: 0; display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: calc(100% - 420px); padding-left: 45px; line-height: 24px; margin: 0 0 30px;} .wedding_pack .item .gift{position: relative; border-top: 1px solid #d8cec6; border-bottom: 1px solid #d8cec6; padding: 30px 0 30px 100px; font-size: 16px; line-height: 30px; font-weight: 200; color: #000; text-align: left; margin: 10px 0 40px;} .wedding_pack .item .gift::before{content: ""; position: absolute; left: 0; top: 23px; display: block; width: 73px; height: 73px; background: url(../img/balicek_icon3.png) no-repeat scroll center center #fff; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; -webkit-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7) ; box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7);} .wedding_pack .item .gift strong{display: block; font-size: 24px; line-height: 30px; font-weight: 700; color: #000;} .wedding_pack .item .list{width: 48%; padding-right: 2%; display: inline-block; zoom: 1; *display: inline; vertical-align: top; margin-right: -4px;} .wedding_pack .item .list h4{font-weight: 700; color: #000; font-size: 24px; line-height: 32px; text-align: left; margin: 0 0 8px;} .wedding_pack .item .list li{text-align: left;} .wedding_pack .item .info{border-top: 1px solid #d8cec6; padding: 30px 0 0; font-size: 20px; line-height: 30px; font-weight: 700; color: #000; text-align: left; margin: 25px 0 0; text-transform: uppercase;} .wedding_pack .item .info span{display: inline-block; padding: 0 20px; font-size: 16px; line-height: 30px; font-weight: 300; color: #000;} .wedding_pack .item .info a{text-transform: none; text-decoration: underline; font-size: 16px; line-height: 30px; font-weight: 300; color: #000; -webkit-transition: all 400ms ease;; -moz-transition: all 400ms ease;; -o-transition: all 400ms ease;; -ms-transition: all 400ms ease;; transition: all 400ms ease;} .notouch .wedding_pack .item .info a:hover{color: #c3986c;} .career_modul{margin: 65px 0 0;} .career_modul .career_list { width: 100%; text-align: left; margin: 0; display: grid; grid-template-columns: repeat(3,1fr); gap: 20px;} .career_modul .career_list .item { text-align: center; display: inline-block; vertical-align: top; border: 2px solid #c3986c; background-color: #c3986c; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease;; -o-transition: all 400ms ease;; -ms-transition: all 400ms ease;; transition: all 400ms ease;} .career_modul .career_list .item:hover{background-color: #fff;} .career_modul .career_list .item .text{display: table; height: 160px; width: calc(100% - 40px); padding: 0 20px; text-align: center;} .career_modul .career_list .item .text .title { display: table-cell; vertical-align: middle; color: #fff; width: 100%; margin: 0; font-size: 16px; font-weight: 600; line-height: 26px; text-transform: uppercase; text-align: center; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease;; -o-transition: all 400ms ease;; -ms-transition: all 400ms ease;; transition: all 400ms ease;} .notouch .career_modul .career_list .item:hover { background-color: #fff;} .notouch .career_modul .career_list .item:hover .text .title { color: #c3986c;} .career_modul .career_list .item .text .title .icon{width: 42px; height: 42px; display: block; margin: 0 auto 8px; position: relative;} .career_modul .career_list .item .text .title .icon::before, .career_modul .career_list .item .text .title .icon::after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; -webkit-transition: all 400ms ease;; -moz-transition: all 400ms ease;; -o-transition: all 400ms ease;; -ms-transition: all 400ms ease;; transition: all 400ms ease;} .career_modul .career_list .item .text .title .icon::before{opacity: 1; background-image: url(../img/career_icon_white.svg);} .career_modul .career_list .item .text .title .icon::after{opacity: 0; background-image: url(../img/career_icon_brown.svg);} .career_modul .career_list .item:hover .text .title .icon::before{opacity: 0;} .career_modul .career_list .item:hover .text .title .icon::after{opacity: 1;} .career_modul .btn:hover{background-color: #a2805e;} @media screen and (max-width: 1024px) { .career_modul .career_list{grid-template-columns: repeat(2,1fr); gap: 15px;} } @media screen and (max-width: 600px) { .career_modul .career_list .item .text{height: 130px;} .career_modul .career_list .item .text .title {font-size: 14px; line-height: 22px;} .career_modul .career_list .item .text .title .icon{width: 36px; height: 36px; margin: 0 auto 6px;} } .career_detail{margin: 55px 0 0; padding: 30px 0 0; border-top: 1px solid #ececec;} .career_detail .box:nth-child(2){margin-top: 50px;} .career_detail .box .text_box ul{padding-left: 21px;} .career_detail .btn:hover{background-color: #a2805e;} .form_popup .mail_hide{display: none;} .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 .btn:hover{background-color: #a2805e;} .form_popup .box input[type=text], .form_popup .box input[type=password]{margin: 0 0 8px; border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #ffffff; font-size: 13px; line-height: 20px; padding: 9px 15px; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .form_popup .box textarea{resize: none; height: 80px; overflow: auto; border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #ffffff; font-size: 13px; line-height: 20px; padding: 5px 15px; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .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 #c3986c;} .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 .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: 0; 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; float: right; font-size: 13px; line-height: 36px;} .form_popup .file:hover .fileUpload .btn{background-color: #a2805e;} .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);} @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;} } footer{display: block; position: relative; width: 100%; background-image: url(../img/footer.jpg); background-attachment: local; background-repeat: no-repeat; background-position: center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} footer .inside{padding: 75px 0; z-index: 0; display: flex;} footer .inside::before{z-index: 3; position: absolute; top: -30px; right: -30px; bottom: -30px; left: -30px; display: block; content: ""; border: 2px solid #e2bc83;} footer .item{position: relative; z-index: 200; zoom: 1; *display: inline; width: 62%; margin-right: -4px; display: flex; flex-direction: column; justify-content: center;} footer .item .items{display: inline-block; zoom: 1; *display: inline; vertical-align: top; margin-right: -4px;} footer .item .items.first{width: 100%; padding: 0 3% 0 5%; box-sizing: border-box; display: flex;} footer .item .items.first .item_left{width: 45%;} footer .item .items.first .item_right{padding-left: 40px; box-sizing: border-box;} footer .item .items.first .item_right .cookie_link{text-decoration: underline;color: #fff;font-weight: 200;font-size: 16px;line-height: 26px;margin: 10px 0 0;display:inline-block;padding: 0; -webkit-transition: all 400ms ease;; -moz-transition: all 400ms ease;; -o-transition: all 400ms ease;; -ms-transition: all 400ms ease;; transition: all 400ms ease;} footer .item .items.first .item_right .cookie_link:hover{color: #c3986c;} footer .item .items.first .item_right .rad_link{text-decoration: underline;color: #fff;font-weight: 200;font-size: 16px;line-height: 26px;margin: 5px 0 0;display:block;padding: 0; -webkit-transition: all 400ms ease;; -moz-transition: all 400ms ease;; -o-transition: all 400ms ease;; -ms-transition: all 400ms ease;; transition: all 400ms ease;} footer .item .items.first .item_right .rad_link:hover, footer .item .items.first .item_right .rad_link.active{color: #c3986c;} footer .item .items.second{width: 100%; padding: 5% 3% 0 5%; box-sizing: border-box; display: flex;} footer .item .items.second.center{width: 100%; padding: 0;} footer .item .items.second.center, footer .item .items.second.center h4, footer .item .items.second.center .anotation, footer .item .items.second.center p.contact{text-align: center} footer .item .items.second .contact:nth-child(1){width: 45%; text-align: right;} footer .item .items.second .contact:nth-child(2){padding-left: 40px;} footer .item .items h4{text-align: right; margin: 0; padding: 0; color: #fff; font-weight: 700; font-size: 27px; line-height: 34px;} footer .item .items .anotation{position: relative; display: block; text-align: right; font-size: 18px; line-height: 26px; font-weight: 300; color: #c3986c; padding: 20px 0 0; margin: 0;} footer .item .items .anotation::before{width: 90px; height: 2px; display: block; content: ""; background: #c3986c; top: 12px; right: 0; position: absolute;} footer .item .items p.contact{text-align: left; color: #fff; font-weight: 200; font-size: 16px; line-height: 26px; margin: 0; padding: 0;} footer .item .items p.contact strong{color: #fff; font-weight: 700; font-size: 16px; line-height: 30px; margin: 0; padding: 0;} footer .item .items p.contact a{text-decoration: underline; color: #fff; font-weight: 200; font-size: 16px; line-height: 26px; margin: 0; padding: 0; -webkit-transition: all 400ms ease;; -moz-transition: all 400ms ease;; -o-transition: all 400ms ease;; -ms-transition: all 400ms ease;; transition: all 400ms ease;} .notouch footer .item .items p.contact a:hover{color: #c3986c} footer .item .items p.contact .contact_title{display: block; margin: 0 0 8px; color: #fff;font-weight: 700;font-size: 16px;line-height: 20px;text-decoration: underline;text-transform: uppercase;} footer .item .items ul.social{margin: 0; padding: 0;} footer .item .items ul.social li{list-style: none; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin-right: -4px; border-left: 1px solid #c3986c;} footer .item .items ul.social li:first-child{border-left: 0;} footer .item .items ul.social li a{display: block; width: 43px; height: 40px; position: relative; -webkit-transition: all 400ms ease;; -moz-transition: all 400ms ease;; -o-transition: all 400ms ease;; -ms-transition: all 400ms ease;; transition: all 400ms ease;} /*.notouch footer .item .items ul.social li a:hover{background: #000} */ footer .item .items ul.social li a::before{opacity: 1; content: ""; position: absolute; left: 0; top: 0; width: 43px; height: 40px; z-index: 0; background-size: 100% auto !important; -webkit-transition: all 400ms ease;; -moz-transition: all 400ms ease;; -o-transition: all 400ms ease;; -ms-transition: all 400ms ease;; transition: all 400ms ease;} footer .item .items ul.social li a::after{opacity: 0; content: ""; position: absolute; left: 0; top: 0; width: 43px; height: 40px; z-index: 0; background-size: 100% auto !important; -webkit-transition: all 400ms ease;; -moz-transition: all 400ms ease;; -o-transition: all 400ms ease;; -ms-transition: all 400ms ease;; transition: all 400ms ease;} footer .item .items ul.social li a.fb::before{background: url(../img/fb.svg) no-repeat scroll center center;} footer .item .items ul.social li a.in::before{background: url(../img/in.svg) no-repeat scroll center center;} footer .item .items ul.social li a.ta::before{background: url(../img/ta.svg) no-repeat scroll center center;} footer .item .items ul.social li a.bo::before{background: url(../img/bo.svg) no-repeat scroll center center;} footer .item .items ul.social li a.fb::after{background: url(../img/fb_hover.svg) no-repeat scroll center center;} footer .item .items ul.social li a.in::after{background: url(../img/in_hover.svg) no-repeat scroll center center;} footer .item .items ul.social li a.ta::after{background: url(../img/ta_hover.svg) no-repeat scroll center center;} footer .item .items ul.social li a.bo::after{background: url(../img/bo_hover.svg) no-repeat scroll center center;} .notouch footer .item .items ul.social li a:hover::before{opacity: 0;} .notouch footer .item .items ul.social li a:hover::after{opacity: 1;} footer .box{position: relative; z-index: 200; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 30%; padding: 0 4%; margin-right: -4px;} footer .box::before{position: absolute; left: 0; top: -30px; bottom: -30px; width: 1px; display: block; content: ""; background: #333333;} footer .box h4{text-align: left; margin: 0; padding: 0; color: #fff; font-weight: 700; font-size: 27px; line-height: 34px;} footer .box p.big{color: #fff; font-weight: 700; font-size: 16px; line-height: 20px; margin: 20px 0 0; text-decoration: underline; text-transform: uppercase;} footer .box ul{margin: 10px 0; padding: 0;} footer .box ul li{color: #c69c6d; padding: 0 0 0 28px; margin: 4px 0; position: relative; font-size: 14px; font-weight: 600; list-style: none; background: url(../img/list_style.png) no-repeat scroll 8px 5px;} footer .box input[type=text]{width: calc(100% - 20px); font-weight: 300; margin: 20px 0 16px; background: #333; border: 1px solid #333; font-size: 16px; line-height: 22px; padding: 10px 10px; color: #fff; -webkit-transition: all 400ms ease;; -moz-transition: all 400ms ease;; -o-transition: all 400ms ease;; -ms-transition: all 400ms ease;; transition: all 400ms ease;} footer .box input[type=text]::-webkit-input-placeholder{font-size: 14px; line-height: 22px; color: #ffffff; font-weight: 300;} footer .box input[type=text]::-moz-placeholder{font-size: 14px; line-height: 22px; color: #ffffff; font-weight: 300;} footer .box input[type=text]::-ms-input-placeholder{font-size: 14px; line-height: 22px; color: #ffffff; font-weight: 300;} footer .box input[type=text]:focus{border: 1px solid #666;} footer .box p.check.margin{margin: 10px 0 -10px; line-height: 18px;} footer .box p.check{margin: 7px 0 0; display: block; float: left; color: #fff; font-weight: 200; font-size: 13px; line-height: 25px;} footer .box p.check .checker{top: -3px; margin-right: 4px;} @media screen and (max-width: 1080px) { footer .inside{padding: 60px 0; flex-direction: column; align-items: center;} footer .inside::before{display: none;} footer .item{width: 100%;} footer .box{display: block; float: none; width: 100%; padding: 50px 0 0; text-align: center; margin: 0 auto; max-width: 400px;} footer .box h4, footer .box p.big, footer .box ul li{padding: 0; background: none; text-align: center;} footer .box::before{display: none;} footer .item .items.second{flex-direction: column; align-items: center;} footer .item .items.second .contact{text-align: center;} footer .item .items.second .contact:nth-child(2){padding-left: 0;} } @media screen and (max-width: 1024px) { footer .item .items.first{flex-direction: column; align-items: center;} footer .item .items.first .item_left{width: 100%;} footer .item .items.first .item_left .font1{text-align: center;} footer .item .items.first .item_left .anotation{text-align: center;} footer .item .items.first .item_left .anotation::before{right: 50%; transform: translateX(50%);} footer .item .items.first .item_right{width: 100%; padding-left: 0; display: flex; flex-direction: column; align-items: center; margin-top: 25px;} footer .item .items.second .contact{text-align: center !important;} footer .item .items.second .contact:nth-child(2){margin-top: 15px;} } .sign{text-align: center; padding: 40px 0 20px; background: #fff;} .sign.contact{margin-top: -10px; padding: 20px 0; } .sign p{font-size: 14px; line-height: 20px; color: #000; font-weight: 700; text-transform: uppercase; margin: 0;} .sign p a{font-size: 14px; line-height: 20px; color: #000; font-weight: 700; -webkit-transition: all 400ms ease;; -moz-transition: all 400ms ease;; -o-transition: all 400ms ease;; -ms-transition: all 400ms ease;; transition: all 400ms ease;} .notouch .sign p a:hover{color: #c3986c} .calendar_box{max-width: 1300px; display: block; width: 92%; margin: 65px auto 45px; -webkit-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7) ; box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7) ;} .calendar_box .box{display: table; width: 100%; height: 663px;} .calendar_box .box.poznamka_plus{height: 776px;} .calendar_box .centering{display: table-cell; width: 100%; vertical-align: middle; text-align: center;} .calendar_box .legend{float: left; background: #938075; width: 255px; text-align: center;} .calendar_box .legend p.title{margin: 0; text-transform: uppercase; border-bottom: 1px solid #fff; font-size: 18px; line-height: 22px; display: inline-block; zoom: 1; *display: inline; font-weight: 900; color: #fff;} .calendar_box .legend ul{padding: 0 40px 0 28px; margin: 20px 0 0;} .calendar_box .legend ul li{margin-bottom: 25px; position: relative; list-style: none; padding-left: 30px; font-size: 13px; line-height: 19px; color: #534741; text-align: left; font-weight: 500; } .calendar_box .legend ul li::before{background: #fff; display: block; content: ""; position: absolute; left: 0; top: 8px; width: 15px; height: 15px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;} .calendar_box .legend ul li.blue::before{background: #7db6bf;} .calendar_box .legend ul li.red::before{background: #98005d;} .calendar_box .legend ul li.white::before{background: #fff;} .calendar_box .legend ul li strong{text-transform: uppercase; display: block; font-size: 12px; line-height: 30px; color: #fff; font-weight: 900; text-align: left;} .calendar_box .legend p.subtitle{text-align: left; margin: 70px 25px 10px; border-bottom: 1px solid #fff; text-transform: uppercase; font-size: 14px; line-height: 22px; display: inline-block; zoom: 1; *display: inline; font-weight: 900; color: #fff;} .calendar_box .legend p.anotation{margin: 0 0 10px; padding-left: 30px; font-size: 13px; line-height: 19px; color: #534741; text-align: left; font-weight: 500; } .calendar_box .legend p.anotation.margin{margin: 0;} .calendar_box .legend p.anotation a{text-decoration: underline; font-size: 13px; line-height: 19px; color: #534741; text-align: left; font-weight: 500; -webkit-transition: all 400ms ease;; -moz-transition: all 400ms ease;; -o-transition: all 400ms ease;; -ms-transition: all 400ms ease;; transition: all 400ms ease;} .notouch .calendar_box .legend p.anotation a:hover{color: #ffffff;} .calendar_box .calendar_section{background: #f6f0e9; float: left; width: calc(100% - 450px - 255px); } .calendar_box .calendar_section #calendar{width: 510px; margin: 0 auto;} .calendar_box .calendar_section .fc-day-grid-container{height: 395px !important;} .calendar_box .calendar_section .fc-toolbar{position: relative; text-align: center; height: 50px;} .calendar_box .calendar_section .fc-toolbar .fc-left{width: 32px; height: 32px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle;} .calendar_box .calendar_section .fc-toolbar .fc-left button.fc-prev-button{background: url(../img/calendar_arrow.png) no-repeat scroll 12px center #d5c9b6; width: 32px; height: 32px; border: 0; padding: 0; text-indent: -9999px;} .calendar_box .calendar_section .fc-toolbar .fc-right{width: 32px; height: 32px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle;} .calendar_box .calendar_section .fc-toolbar .fc-right button.fc-next-button{background: url(../img/calendar_arrow.png) no-repeat scroll -26px center #d5c9b6; width: 32px; height: 32px; border: 0; padding: 0; text-indent: -9999px;} .notouch .calendar_box .calendar_section .fc-toolbar .fc-left button.fc-prev-button:hover, .notouch .calendar_box .calendar_section .fc-toolbar .fc-right button.fc-next-button:hover{background-color: #fff;} .calendar_box .calendar_section .fc-toolbar .fc-center{display: inline-block; zoom: 1; *display: inline; vertical-align: middle;} .calendar_box .calendar_section .fc-toolbar .fc-center h2{text-transform: uppercase; width: 380px; font-size: 28px; font-weight: 900; color: #534741; line-height: 44px; margin: 0; padding: 0; text-align: center; padding: 0;} .calendar_box .calendar_section table{border-spacing: 0 0; table-layout: fixed; width: 100%;} .calendar_box .calendar_section table .fc-head th{text-transform: uppercase; font-size: 18px; line-height: 70px; text-align: center; padding: 0; font-weight: 900; color: #938075;} .calendar_box .calendar_section table .fc-body{background: transparent;} .calendar_box .calendar_section table .fc-body thead td{position: relative; text-align: center; cursor: pointer; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .calendar_box .calendar_section table .fc-body thead td span{display: inline-block; border: 1px solid transparent; position: relative; z-index: 999; font-size: 18px; width: 56px; line-height: 56px; text-align: center; padding: 0; font-weight: 500; color: #000000; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .calendar_box .calendar_section table .fc-body td.fc-other-month span{color: #939393;} .calendar_box .calendar_section table .fc-body thead td::before{z-index: 8; opacity: 0; position: absolute; top: 50%; left: 50%; margin: -28px 0 0 -28px; background: transparent; width: 56px; height: 56px; z-index: 0; content: ""; display: block; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .calendar_box .calendar_section table .fc-body thead td::after{z-index: 9; opacity: 0; position: absolute; top: 50%; left: 50%; margin: -14px 0 0 -14px; background: transparent; width: 28px; height: 28px; z-index: 0; content: ""; display: block; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .calendar_box .calendar_section table .fc-body thead td:hover::before, .calendar_box .calendar_section table .fc-body thead td.fc-today::before{z-index: 10; opacity: 1 !important; background: #fff !important; -webkit-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7) ; box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7)} .notouch .calendar_box .calendar_section table .fc-body thead td:hover span, .calendar_box .calendar_section table .fc-body thead td.fc-today span{color: #000 !important;} .calendar_box .calendar_section table .fc-body thead td.blue::before{opacity: 1; background: #7db6bf;} .calendar_box .calendar_section table .fc-body thead td.blue span{color: #fff;} .calendar_box .calendar_section table .fc-body thead td.red::before{opacity: 1; background: #98005d;} .calendar_box .calendar_section table .fc-body thead td.red span{color: #fff;} .calendar_box .calendar_section table .fc-body thead td.blue.red::before{opacity: 1; background: #7db6bf;} .calendar_box .calendar_section table .fc-body thead td.blue.red::after{opacity: 1; background: #98005d;} .calendar_box .calendar_section table .fc-body thead td.blue.red span{color: #fff;} .calendar_box .calendar_section table .fc-body td.fc-state-highlight.fc-today::before{opacity: 1; background: #fff;} .calendar_box .calendar_section table .fc-body td.fc-state-highlight.fc-today span{border: 1px solid transparent;} .calendar_box .calendar_section table .fc-body td.fc-state-highlight span{border: 1px solid #c1ac93;} .calendar_box .calendar_section table .fc-bg{height: 0; min-height: 0} .calendar_box .calendar_section table .fc-content-skeleton thead{position: relative; z-index: 10;} .calendar_box .calendar_section table .fc-content-skeleton tbody{position: relative; top: -68px; height: 68px; z-index: 0;} .calendar_box .calendar_section table .fc-body tbody td{border: 0;} .calendar_box .calendar_section table .fc-content-skeleton tbody .fc-content span{display: none;} .calendar_box .calendar_section table .fc-content-skeleton tbody .fc-content{position: absolute; right: 10px; top: 10px;width: 12px; height: 12px; display: block;} .calendar_box .calendar_section table .fc-content-skeleton table{height: 66px !important;} .calendar_box .calendar_section table .fc-row.fc-week.fc-widget-content{height: 66px !important} .calendar_box .reg_form{width: 450px; float: left; margin: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} .calendar_box .reg_form::before, .calendar_box .reg_form::after{display: none;} .calendar_box .reg_form form{padding: 21px 53px 22px; border: 0;} .reg_form{position: relative; max-width: 826px; display: block; margin: 90px auto 20px; -webkit-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7) ; box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7) ;} .reg_form::before{background: url(../img/poukaz_bg.png) no-repeat scroll center center; display: block; width: 377px; height: 569px; content: ""; position: absolute; left: -125px; top: -165px; z-index: 0} .reg_form::after{background: url(../img/poukaz_corn.png) no-repeat scroll center center; display: block; width: 320px; height: 555px; content: ""; position: absolute; left: 100%; bottom: 0; z-index: 0} .reg_form form{z-index: 100; max-width: 704px; padding: 50px 60px 25px; margin: 0 auto; display: block; position: relative; border: 1px solid #e0e0e0; background: #fff;} .reg_form form p.title{font-size: 24px; font-weight: 200; text-align: center; margin: 0; padding: 0 0 18px; color: #000; text-align: center; position: relative;} .reg_form form p.title::before{position: absolute; bottom: 0; left: 0; right: 0; display: block; content: ""; background: url(../img/form_title_icon.png) no-repeat scroll center center; height: 13px; width: 66px; margin: 0 auto;} .reg_form form p.second_title{text-transform: uppercase; font-size: 20px; line-height: 24px; font-weight: 900; text-align: center; margin: 0; padding: 12px 0; color: #c3986c; text-align: center; position: relative;} .reg_form form p.second_title::before{position: absolute; bottom: 0; left: 0; right: 0; display: block; content: ""; background: #f7e7d0; height: 1px; width: 100%; margin: 0 auto;} .reg_form form table{width: 100%; border-collapse: collapse; margin: 0; padding: 0;} .reg_form form table th{position: relative; font-size: 12px; font-weight: 900; color: #000; text-align: left; padding: 20px 0 0; text-transform: uppercase;} .reg_form form table th.top{vertical-align: top;} .reg_form form table th:nth-child(2){padding-left: 60px;} .reg_form form table th input[type=text]{margin: 6px 0 0; width: calc(100% - 32px); background: #ececec; border: 1px solid #ececec; padding: 11px 15px; font-size: 14px; line-height: 20px; color: #000; font-weight: 300; text-align: left; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .reg_form form table th textarea{box-sizing: border-box; background: #ececec; border: 1px solid #ececec; overflow: hidden; resize: none; margin: 6px 0 0; width: 100%; padding: 11px 15px; font-size: 14px; line-height: 20px; min-height: 44px; color: #000; font-weight: 300; text-align: left; -webkit-transition: border 400ms ease; -moz-transition: border 400ms ease; -o-transition: border 400ms ease; -ms-transition: border 400ms ease; transition: border 400ms ease;} .reg_form form table th input[type=text]:focus, .reg_form form table th textarea:focus{border: 1px solid #666;} .reg_form form table th span.over{position: absolute; top: 40px; right: 0; bottom: 0; left: 0; z-index: 10; content: ""; display: none;} .reg_form form table th span.over.active{display: block;} .reg_form form table th .sbHolder{margin-top: 6px; position: relative; background: #ececec; width: 100%; height: 40px;} .reg_form form table th .sbHolder .sbToggle{background: url(../img/select_arrow.png) no-repeat scroll center -25px #a19d9a; right: 0; top: 0; height: 100%; width: 30px;} .reg_form form table th .sbHolder .sbToggle.sbToggleOpen{background: url(../img/select_arrow.png) no-repeat scroll center 16px #a19d9a;} .reg_form form table th .sbHolder a.sbSelector{z-index: 998; display: block; text-align:left; font-size: 14px; line-height: 20px; color: #000; padding: 11px 15px; width: calc(100% - 30px - 30px); font-weight: 400; } .reg_form form table th .sbOptions{z-index: 999; top: 100% !important; width: auto; background: #fff; padding: 0 !important; left: 0; right: 0; -webkit-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7) ; box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7) ;} .reg_form form table th .sbOptions li{float: none !important; margin: 0; padding: 0 !important } .reg_form form table th .sbOptions li a{text-transform: uppercase; border: 1px solid #a19d9a; border-top: 0; font-weight: 400; background: none; text-decoration: none; color: #000; font-size: 14px; line-height: 20px; padding: 6px 15px; text-align: left; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .reg_form form table th .sbOptions li:nth-child(1) a{border-top: 1px solid #a19d9a;} .notouch .reg_form form table th .sbOptions li a:hover{background: #ececec;} .photo_box_main_slider.owl-carousel .owl-controls{margin-top: -39px; left: 45%; top: 100%;} .photo_box_main_slider.owl-carousel .owl-controls .owl-nav .owl-prev{background: #000; width: 78px; height: 78px; left: 0;} .photo_box_main_slider.owl-carousel .owl-controls .owl-nav .owl-next{background: #000; width: 78px; height: 78px; left: 90px;} .photo_box_main_slider.owl-carousel .owl-controls .owl-nav .owl-prev::before{background: url(../img/slider_arrow_big.png) no-repeat scroll 0 0;} .photo_box_main_slider.owl-carousel .owl-controls .owl-nav .owl-prev::after{background: url(../img/slider_arrow_big.png) no-repeat scroll 0 -39px;} .photo_box_main_slider.owl-carousel .owl-controls .owl-nav .owl-next::before{background: url(../img/slider_arrow_big.png) no-repeat scroll -40px 0;} .photo_box_main_slider.owl-carousel .owl-controls .owl-nav .owl-next::after{background: url(../img/slider_arrow_big.png) no-repeat scroll -40px -39px;} .photo_box_main_slider.owl-carousel .owl-controls .owl-nav .owl-prev::before, .photo_box_main_slider.owl-carousel .owl-controls .owl-nav .owl-next::before{left: 32px; top: 25px; width: 14px; height: 27px;} .photo_box_main_slider.owl-carousel .owl-controls .owl-nav .owl-prev::after, .photo_box_main_slider.owl-carousel .owl-controls .owl-nav .owl-next::after{left: 32px; top: 25px; width: 14px; height: 27px;} .banner.owl-carousel .owl-controls{margin-top: -39px; left: 20%; top: 100%;} .banner.owl-carousel .owl-controls .owl-nav .owl-prev{width: 78px; height: 78px; left: 0;} .banner.owl-carousel .owl-controls .owl-nav .owl-next{width: 78px; height: 78px; left: 90px;} .banner.owl-carousel .owl-controls .owl-nav .owl-prev::before{background: url(../img/slider_arrow_big.png) no-repeat scroll 0 -39px;} .banner.owl-carousel .owl-controls .owl-nav .owl-prev::after{background: url(../img/slider_arrow_big.png) no-repeat scroll 0 -39px;} .banner.owl-carousel .owl-controls .owl-nav .owl-next::before{background: url(../img/slider_arrow_big.png) no-repeat scroll -40px -39px;} .banner.owl-carousel .owl-controls .owl-nav .owl-next::after{background: url(../img/slider_arrow_big.png) no-repeat scroll -40px -39px;} .banner.owl-carousel .owl-controls .owl-nav .owl-prev::before, .banner.owl-carousel .owl-controls .owl-nav .owl-next::before{left: 32px; top: 25px; width: 14px; height: 27px;} .banner.owl-carousel .owl-controls .owl-nav .owl-prev::after, .banner.owl-carousel .owl-controls .owl-nav .owl-next::after{left: 32px; top: 25px; width: 14px; height: 27px;} .photo_box_slider1.owl-carousel .owl-controls{margin-top: -39px; left: 30%; top: 100%;} .photo_box_slider1.owl-carousel .owl-controls .owl-nav .owl-prev{background: #000; width: 78px; height: 78px; left: 0;} .photo_box_slider1.owl-carousel .owl-controls .owl-nav .owl-next{background: #000; width: 78px; height: 78px; left: 90px;} .photo_box_slider1.owl-carousel .owl-controls .owl-nav .owl-prev::before{background: url(../img/slider_arrow_big.png) no-repeat scroll 0 0;} .photo_box_slider1.owl-carousel .owl-controls .owl-nav .owl-prev::after{background: url(../img/slider_arrow_big.png) no-repeat scroll 0 -39px;} .photo_box_slider1.owl-carousel .owl-controls .owl-nav .owl-next::before{background: url(../img/slider_arrow_big.png) no-repeat scroll -40px 0;} .photo_box_slider1.owl-carousel .owl-controls .owl-nav .owl-next::after{background: url(../img/slider_arrow_big.png) no-repeat scroll -40px -39px;} .photo_box_slider1.owl-carousel .owl-controls .owl-nav .owl-prev::before, .photo_box_slider1.owl-carousel .owl-controls .owl-nav .owl-next::before{left: 32px; top: 25px; width: 14px; height: 27px;} .photo_box_slider1.owl-carousel .owl-controls .owl-nav .owl-prev::after, .photo_box_slider1.owl-carousel .owl-controls .owl-nav .owl-next::after{left: 32px; top: 25px; width: 14px; height: 27px;} .poukaz_slider.owl-carousel .owl-controls{margin-top: -39px; right: 0; left: 0; top: 50%;} .poukaz_slider.owl-carousel .owl-controls .owl-nav .owl-prev{background: #ececec; width: 78px; height: 78px; left: -150px;} .poukaz_slider.owl-carousel .owl-controls .owl-nav .owl-next{background: #ececec; width: 78px; height: 78px; right: -150px;} .poukaz_slider.owl-carousel .owl-controls .owl-nav .owl-prev::before{background: url(../img/slider_arrow_big.png) no-repeat scroll 0 -40px;} .poukaz_slider.owl-carousel .owl-controls .owl-nav .owl-prev::after{background: url(../img/slider_arrow_big.png) no-repeat scroll 0 -40px;} .poukaz_slider.owl-carousel .owl-controls .owl-nav .owl-next::before{background: url(../img/slider_arrow_big.png) no-repeat scroll -40px -39px;} .poukaz_slider.owl-carousel .owl-controls .owl-nav .owl-next::after{background: url(../img/slider_arrow_big.png) no-repeat scroll -40px -39px;} .poukaz_slider.owl-carousel .owl-controls .owl-nav .owl-prev::before, .poukaz_slider.owl-carousel .owl-controls .owl-nav .owl-next::before{left: 32px; top: 25px; width: 14px; height: 27px;} .poukaz_slider.owl-carousel .owl-controls .owl-nav .owl-prev::after, .poukaz_slider.owl-carousel .owl-controls .owl-nav .owl-next::after{left: 32px; top: 25px; width: 14px; height: 27px;} .photo_box_slider2.owl-carousel .owl-controls{margin-top: -39px; right: 200px; top: 100%;} .photo_box_slider2.owl-carousel .owl-controls .owl-nav .owl-prev{background: #000; width: 78px; height: 78px; left: 0;} .photo_box_slider2.owl-carousel .owl-controls .owl-nav .owl-next{background: #000; width: 78px; height: 78px; left: 90px;} .photo_box_slider2.owl-carousel .owl-controls .owl-nav .owl-prev::before{background: url(../img/slider_arrow_big.png) no-repeat scroll 0 0;} .photo_box_slider2.owl-carousel .owl-controls .owl-nav .owl-prev::after{background: url(../img/slider_arrow_big.png) no-repeat scroll 0 -39px;} .photo_box_slider2.owl-carousel .owl-controls .owl-nav .owl-next::before{background: url(../img/slider_arrow_big.png) no-repeat scroll -40px 0;} .photo_box_slider2.owl-carousel .owl-controls .owl-nav .owl-next::after{background: url(../img/slider_arrow_big.png) no-repeat scroll -40px -39px;} .photo_box_slider2.owl-carousel .owl-controls .owl-nav .owl-prev::before, .photo_box_slider2.owl-carousel .owl-controls .owl-nav .owl-next::before{left: 32px; top: 25px; width: 14px; height: 27px;} .photo_box_slider2.owl-carousel .owl-controls .owl-nav .owl-prev::after, .photo_box_slider2.owl-carousel .owl-controls .owl-nav .owl-next::after{left: 32px; top: 25px; width: 14px; height: 27px;} .food_slider.owl-carousel .owl-controls{margin-top: -40px; right: 0; left: 0; top: 100%;} .food_slider.owl-carousel .owl-controls .owl-dots{text-align: center; display: block;} .food_slider.owl-carousel .owl-controls .owl-dots .owl-dot{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 2px 0 6px; width: 12px; height: 12px; background: #fff; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .food_slider.owl-carousel .owl-controls .owl-dots .owl-dot:hover, .food_slider.owl-carousel .owl-controls .owl-dots .owl-dot.active{background: #c3986c;} .tip_slider.owl-carousel .owl-controls{margin-top: -25px; left: 0; right: 50%; top: 50%;} .tip_slider.owl-carousel .owl-controls .owl-nav .owl-prev{width: 50px; height: 50px; left: 0;} .tip_slider.owl-carousel .owl-controls .owl-nav .owl-next{width: 50px; height: 50px; right: 0;} .tip_slider.owl-carousel .owl-controls .owl-nav .owl-prev::before{background: url(../img/slider_arrow_small.png) no-repeat scroll 0 -30px;} .tip_slider.owl-carousel .owl-controls .owl-nav .owl-prev::after{background: url(../img/slider_arrow_small.png) no-repeat scroll 0 -30px;} .tip_slider.owl-carousel .owl-controls .owl-nav .owl-next::before{background: url(../img/slider_arrow_small.png) no-repeat scroll -29px -30px;} .tip_slider.owl-carousel .owl-controls .owl-nav .owl-next::after{background: url(../img/slider_arrow_small.png) no-repeat scroll -29px -30px;} .tip_slider.owl-carousel .owl-controls .owl-nav .owl-prev::before, .tip_slider.owl-carousel .owl-controls .owl-nav .owl-next::before{left: 20px; top: 16px; width: 10px; height: 18px;} .tip_slider.owl-carousel .owl-controls .owl-nav .owl-prev::after, .tip_slider.owl-carousel .owl-controls .owl-nav .owl-next::after{left: 20px; top: 16px; width: 10px; height: 18px;} .action_list .slider.owl-carousel .owl-controls{margin-top: -25px; left: 0; right: 0; top: 50%;} .action_list .slider.owl-carousel .owl-controls .owl-nav .owl-prev{background: none; border: 1px solid #000; width: 50px; height: 50px; left: -60px;} .action_list .slider.owl-carousel .owl-controls .owl-nav .owl-next{background: none; border: 1px solid #000; width: 50px; height: 50px; right: -60px;} .notouch .action_list .slider.owl-carousel .owl-controls .owl-nav .owl-prev:hover, .notouch .action_list .slider.owl-carousel .owl-controls .owl-nav .owl-next:hover{background: #c3986c; border: 1px solid #c3986c} .action_list .slider.owl-carousel .owl-controls .owl-nav .owl-prev::before{background: url(../img/slider_arrow_small.png) no-repeat scroll 0 -30px;} .action_list .slider.owl-carousel .owl-controls .owl-nav .owl-prev::after{background: url(../img/slider_arrow_small.png) no-repeat scroll 0 -30px;} .action_list .slider.owl-carousel .owl-controls .owl-nav .owl-next::before{background: url(../img/slider_arrow_small.png) no-repeat scroll -29px -30px;} .action_list .slider.owl-carousel .owl-controls .owl-nav .owl-next::after{background: url(../img/slider_arrow_small.png) no-repeat scroll -29px -30px;} .action_list .slider.owl-carousel .owl-controls .owl-nav .owl-prev::before, .action_list .slider.owl-carousel .owl-controls .owl-nav .owl-next::before{left: 20px; top: 16px; width: 10px; height: 18px;} .action_list .slider.owl-carousel .owl-controls .owl-nav .owl-prev::after, .action_list .slider.owl-carousel .owl-controls .owl-nav .owl-next::after{left: 20px; top: 16px; width: 10px; height: 18px;} .owl-carousel .owl-controls{position: absolute;} .owl-carousel .owl-controls .owl-nav .owl-prev{background: #ececec; position:absolute; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .owl-carousel .owl-controls .owl-nav .owl-next{background: #ececec; position:absolute; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .owl-carousel .owl-controls .owl-nav .owl-prev::before, .owl-carousel .owl-controls .owl-nav .owl-next::before{opacity: 1; position: absolute; content: ""; display: block; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .owl-carousel .owl-controls .owl-nav .owl-prev::after, .owl-carousel .owl-controls .owl-nav .owl-next::after{opacity: 0; position: absolute; content: ""; display: block; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .owl-carousel .owl-controls .owl-nav .owl-prev::before{background: url(../img/slider_arrow_big.png) no-repeat scroll 0 -39px;} .owl-carousel .owl-controls .owl-nav .owl-prev::after{background: url(../img/slider_arrow_big.png) no-repeat scroll 0 -39px;} .owl-carousel .owl-controls .owl-nav .owl-next::before{background: url(../img/slider_arrow_big.png) no-repeat scroll -40px -39px;} .owl-carousel .owl-controls .owl-nav .owl-next::after{background: url(../img/slider_arrow_big.png) no-repeat scroll -40px -39px;} .notouch .owl-carousel .owl-controls .owl-nav .owl-prev:hover::before, .notouch .owl-carousel .owl-controls .owl-nav .owl-next:hover::before{opacity: 0;} .notouch .owl-carousel .owl-controls .owl-nav .owl-prev:hover::after, .notouch .owl-carousel .owl-controls .owl-nav .owl-next:hover::after{opacity: 1;} .notouch .owl-carousel .owl-controls .owl-nav .owl-next:hover, .notouch .owl-carousel .owl-controls .owl-nav .owl-prev:hover{background: #c3986c;} .poukazy_rozcestnik .main_title{display: block; text-align: center; font-size: 22px; line-height: 28px; font-weight: 300;} .poukazy_rozcestnik .poukazy_inbox{display: flex; max-width: 700px; margin: 0 auto;} .poukazy_rozcestnik .poukazy_inbox .item{width: 50%; border: 2px solid #c4996c; padding: 60px 30px 40px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; align-items: center;} .poukazy_rozcestnik .poukazy_inbox .item:nth-child(1){margin-right: 40px;} .poukazy_rozcestnik .poukazy_inbox .item .title{font-size: 22px; line-height: 28px; font-weight: 700; margin: 0 0 40px;} @media screen and (max-width: 660px) { .poukazy_rozcestnik .poukazy_inbox{flex-direction: column; max-width: 310px;} .poukazy_rozcestnik .poukazy_inbox .item{width: 100%; padding: 20px 30px 20px;} .poukazy_rozcestnik .poukazy_inbox .item:nth-child(1){margin-right: 0; margin-bottom: 22px;} .poukazy_rozcestnik .poukazy_inbox .item .title{margin: 0 0 20px;} } .poukaz_elektro_detail{font-family: "sofia-pro-soft",sans-serif, Arial; padding-top: 60px; padding-bottom: 60px;} .poukaz_elektro_detail h2{font-size: 24px; line-height: 30px; margin: 0; text-align: center; position: relative;} .poukaz_elektro_detail h2.main_title{font-weight: 700;} .poukaz_elektro_detail .inbox{max-width: 1006px; width: 95%; margin: 0 auto;} .poukaz_elektro_detail .inbox .inbox_in{margin-top: 35px;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_box{display: flex; background: #fff;width: 1006px;margin: 0;position: relative;-webkit-box-shadow: 0 0 15px -5px rgba(0,0,0,0.25);box-shadow: 0 0 15px -5px rgba(0,0,0,0.25);} .poukaz_elektro_detail .inbox .inbox_in .poukaz_box::before{content: ''; position: absolute; top: 8.5%; right: 4%; bottom: 8.5%; left: 4%; border: 2px solid #c4996c; z-index: 9;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_box .left .img_box{width: 595px; height: 476px; position: relative;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_box .left .img_box .logo_voucher{z-index: 99; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-image: url(../img/logo_voucher.svg); background-size: 187px 201px; background-position: center; background-repeat: no-repeat; width: 187px; height: 201px; transition: all 400ms ease;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_box .left .img_box .img_obsah{opacity: 0; display: none; width: 100%; height: 100%; transition: opacity 400ms ease;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_box .left .img_box .img_obsah:nth-child(1){opacity: 1; display: block;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_box .left .img_box .img_obsah .img{background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; height: 100%;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_box .right{position: relative; padding: 4% 4% 4% 0; box-sizing: border-box; flex-grow: 1; z-index: 9;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_box .right .text{text-align: center;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_box .right .text h2{position: relative; max-width: 170px;font-size: 22px;line-height: 32px;font-weight: 300;margin: 26px auto 0;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_box .right .text h2::after{position: absolute;top: calc(100% + 8px);left: 0;right: 0;display: block;content: "";background: url(../img/voucher_title_icon.svg) no-repeat scroll center center;background-size: 53px auto;height: 12px;width: 53px;margin: 0 auto;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_box .right .text p{margin: 0;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_box .right .text p.cena{font-size: 60px; line-height: 66px; margin-top: 24px;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_box .right .text p.venovani{margin: 15px auto 0; font-size: 14px; line-height: 20px; min-height: 40px; max-width: 290px;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_box .right .text .cislo_expirace{display: flex; flex-direction: column; margin: 20px 0 24px;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_box .right .text .cislo_expirace p{font-size: 12px; line-height: 15px;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_box .right .text .contact_box{padding-top: 8px; border-top: 1px solid #8d8f92; width: 90%; margin: 0 auto;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_box .right .text .contact_box p.phones, .poukaz_elektro_detail .inbox .inbox_in .poukaz_box .right .text .contact_box p.adresa{width: 100%; margin: 0 auto;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_box .right .text .contact_box p, .poukaz_elektro_detail .inbox .inbox_in .poukaz_box .right .text .contact_box a{font-size: 9px; line-height: 14px; text-align: left;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_box .right .text .contact_box .bottom_info{display: flex;justify-content: space-between;align-items: flex-end; margin-top: 10px;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_box .right .text .contact_box .bottom_info .opravneni{font-size: 8px; line-height: 10px;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_box .right .text .contact_box .bottom_info .bottom_link{font-size: 12px; line-height: 14px;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_under_box{margin-top: 60px; display: flex; align-items: flex-start;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_under_box .left{width: 40%;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_under_box .left .title{font-size: 14px; line-height: 20px; font-weight: 700; margin: 0 0 20px; text-transform: uppercase;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_under_box .left .motivy_elektro_slider{position: relative; margin-left: 25px; height: 85.5px; overflow: hidden;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_under_box .left .motivy_elektro_slider .item{margin: 0 12px; display: block; max-width: 76px;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_under_box .left .motivy_elektro_slider .item .img{border-radius: 50%; border: 4px solid #fff; width: 100%; padding: 0 0 100%; display: block; background-size: cover; background-position: center; background-repeat: no-repeat; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_under_box .left .motivy_elektro_slider .item.active .img{border: 4px solid #c4996c;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_under_box .left .motivy_elektro_slider .owl-nav .owl-prev{position: absolute; top: 50%; left: -1vw; transform: translateY(-50%) rotate(180deg); background-color: transparent; background-image: url(../img/arrow_right_black.svg); background-size: contain; background-position: center; background-repeat: no-repeat; width: 20px; height: 20px; display: inline-block;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_under_box .left .motivy_elektro_slider .owl-nav .owl-next{position: absolute; top: 50%; right: -1vw; transform: translateY(-50%); background-color: transparent; background-image: url(../img/arrow_right_black.svg); background-size: contain; background-position: center; background-repeat: no-repeat; width: 20px; height: 20px; display: inline-block;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_under_box .right{width: 50%; display: flex;flex-direction: column;margin-left: 100px;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_under_box .right .form_box{display: flex; flex-direction: column;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_under_box .right .form_box .top_form_box{display: flex; flex-direction: column;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_under_box .right .form_box .top_form_box label{font-size: 14px; line-height: 20px; font-weight: 700; display: inline-block; margin: 0 0 10px; text-transform: uppercase;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_under_box .right .form_box .top_form_box .venovani_pole{height:75px !important;resize:none;background: #ececec;border: 1px solid #ececec;padding: 11px 15px;font-size: 14px;line-height: 20px;color: #000;font-weight: 300;text-align: left;-webkit-transition: all 400ms ease;-moz-transition: all 400ms ease;-o-transition: all 400ms ease;-ms-transition: all 400ms ease;transition: all 400ms ease;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_under_box .right .form_box .bot_form_box{display: flex; flex-direction: column; margin-top: 25px;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_under_box .right .form_box .bot_form_box label{font-size: 14px; line-height: 20px; font-weight: 700; display: inline-block; margin: 0 0 10px; text-transform: uppercase;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_under_box .right .form_box .bot_form_box .sbHolder{max-width: 186px; position: relative; background: #ececec; width: 100%; height: 40px;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_under_box .right .form_box .bot_form_box .sbHolder .sbToggle{background: url(../img/select_arrow.png) no-repeat scroll center -25px #a19d9a; right: 0; top: 0; height: 100%; width: 30px;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_under_box .right .form_box .bot_form_box .sbHolder .sbToggle.sbToggleOpen{background: url(../img/select_arrow.png) no-repeat scroll center 16px #a19d9a;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_under_box .right .form_box .bot_form_box .sbHolder a.sbSelector{z-index: 998; display: block; text-align:left; font-size: 14px; line-height: 20px; color: #000; padding: 11px 15px; width: calc(100% - 30px - 30px); font-weight: 400; } .poukaz_elektro_detail .inbox .inbox_in .poukaz_under_box .right .form_box .bot_form_box .sbOptions{z-index: 999; top: 100% !important; width: auto; background: #fff; padding: 0 !important; left: 0; right: 0; -webkit-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7) ; box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7) ;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_under_box .right .form_box .bot_form_box .sbOptions li{float: none !important; margin: 0; padding: 0 !important } .poukaz_elektro_detail .inbox .inbox_in .poukaz_under_box .right .form_box .bot_form_box .sbOptions li a{border: 1px solid #a19d9a; border-top: 0; font-weight: 400; background: none; text-decoration: none; color: #000; font-size: 14px; line-height: 20px; padding: 6px 15px; text-align: left; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_under_box .right .form_box .bot_form_box .sbOptions li:nth-child(1) a{border-top: 1px solid #a19d9a;} .notouch .poukaz_elektro_detail .inbox .inbox_in .poukaz_under_box .right .form_box .bot_form_box .sbOptions li a:hover{background: #ececec;} .poukaz_elektro_detail .inbox .inbox_in .order_form{padding: 35px 75px 38px; margin-top: 85px; -webkit-box-shadow: 0 0 30px -10px rgba(0,0,0,0.7);-moz-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7);box-shadow: rgba(0,0,0,0.7);} .poukaz_elektro_detail .inbox .inbox_in .order_form h2.form_title{font-weight: 300;} .poukaz_elektro_detail .inbox .inbox_in .order_form h2.form_title::after{position: absolute;top: calc(100% + 20px);left: 0;right: 0;display: block;content: "";background: url(../img/voucher_title_icon.svg) no-repeat scroll center center;background-size: 71px auto;height: 18px;width: 71px;margin: 0 auto;} .poukaz_elektro_detail .inbox .inbox_in .order_form .inbox_form{margin-top: 85px;} .poukaz_elektro_detail .inbox .inbox_in .order_form .inbox_form input{margin: 6px 0 0; background: #ececec;border: 1px solid #ececec;padding: 11px 15px;font-size: 14px;line-height: 20px;color: #000;font-weight: 300;text-align: left;-webkit-transition: all 400ms ease;-moz-transition: all 400ms ease;-o-transition: all 400ms ease;-ms-transition: all 400ms ease;transition: all 400ms ease;} .poukaz_elektro_detail .inbox .inbox_in .order_form .inbox_form input.disabled{pointer-events: none;} .poukaz_elektro_detail .inbox .inbox_in .order_form .inbox_form .top_inbox{display: flex;} .poukaz_elektro_detail .inbox .inbox_in .order_form .inbox_form .top_inbox .box{display: flex; flex-direction: column; margin-top: 24px;} .poukaz_elektro_detail .inbox .inbox_in .order_form .inbox_form .top_inbox .box:nth-child(1){margin-top: 0;} .poukaz_elektro_detail .inbox .inbox_in .order_form .inbox_form .top_inbox .box label{font-family: "sofia-pro",sans-serif, Arial; display: inline-block; position: relative;font-size: 12px;font-weight: 900;color: #000;text-align: left;text-transform: uppercase;} .poukaz_elektro_detail .inbox .inbox_in .order_form .inbox_form .top_inbox .box .sbHolder{position: relative; background: #ececec; width: 100%; height: 44px; margin: 6px 0 0;} .poukaz_elektro_detail .inbox .inbox_in .order_form .inbox_form .top_inbox .box .sbHolder .sbToggle{background: url(../img/select_arrow.png) no-repeat scroll center -25px #a19d9a; right: 0; top: 0; height: 100%; width: 30px;} .poukaz_elektro_detail .inbox .inbox_in .order_form .inbox_form .top_inbox .box .sbHolder .sbToggle.sbToggleOpen{background: url(../img/select_arrow.png) no-repeat scroll center 16px #a19d9a;} .poukaz_elektro_detail .inbox .inbox_in .order_form .inbox_form .top_inbox .box .sbHolder a.sbSelector{font-family: "sofia-pro",sans-serif, Arial; z-index: 998; white-space: nowrap; overflow: hidden; display: block; text-align:left; font-size: 14px; line-height: 20px; color: #000; padding: 11px 15px; width: calc(100% - 30px - 30px); font-weight: 400; } .poukaz_elektro_detail .inbox .inbox_in .order_form .inbox_form .top_inbox .box .sbOptions{z-index: 999; top: 100% !important; width: auto; background: #fff; padding: 0 !important; left: 0; right: 0; -webkit-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7) ; box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7) ;} .poukaz_elektro_detail .inbox .inbox_in .order_form .inbox_form .top_inbox .box .sbOptions li{float: none !important; margin: 0; padding: 0 !important } .poukaz_elektro_detail .inbox .inbox_in .order_form .inbox_form .top_inbox .box .sbOptions li a{border: 1px solid #a19d9a; border-top: 0; font-weight: 400; background: none; text-decoration: none; color: #000; font-size: 14px; line-height: 20px; padding: 6px 15px; text-align: left; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .poukaz_elektro_detail .inbox .inbox_in .order_form .inbox_form .top_inbox .box .sbOptions li:nth-child(1) a{border-top: 1px solid #a19d9a;} .notouch .poukaz_elektro_detail .inbox .inbox_in .order_form .inbox_form .top_inbox .box .sbOptions li a:hover{background: #ececec;} .poukaz_elektro_detail .inbox .inbox_in .order_form .inbox_form .top_inbox .left_box{width: 50%; display: flex; flex-direction: column;} .poukaz_elektro_detail .inbox .inbox_in .order_form .inbox_form .top_inbox .left_box .box{margin-right: 45px;} .poukaz_elektro_detail .inbox .inbox_in .order_form .inbox_form .top_inbox .right_box{width: 50%; display: flex; flex-direction: column;} .poukaz_elektro_detail .inbox .inbox_in .order_form .inbox_form .bottom_inbox{display: flex; justify-content: space-between; align-items: flex-end; margin-top: 55px;} .poukaz_elektro_detail .inbox .inbox_in .order_form .inbox_form .bottom_inbox .left_box .checkbox{display: flex;} .poukaz_elektro_detail .inbox .inbox_in .order_form .inbox_form .bottom_inbox .left_box .checkbox .checker{margin-right: 20px;} .poukaz_elektro_detail .inbox .inbox_in .order_form .inbox_form .bottom_inbox .left_box .checkbox .checker span{background-image: url(../img/sprite_white.png);} .poukaz_elektro_detail .inbox .inbox_in .order_form .inbox_form .bottom_inbox .left_box .checkbox .checker span input{padding: 0; margin-top: 0;} .poukaz_elektro_detail .inbox .inbox_in .order_form .inbox_form .bottom_inbox .left_box .checkbox label{font-size: 13px; line-height: 20px;} .poukaz_elektro_detail .inbox .inbox_in .order_form .inbox_form .bottom_inbox .left_box .checkbox label a{font-size: 13px; line-height: 20px; text-decoration: underline;} .poukaz_elektro_detail .inbox .inbox_in .order_form .inbox_form .bottom_inbox .left_box .checkbox label a:hover{text-decoration: none;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_under_box .left .motivy_elektro_slider .owl-controls{position: unset;} @media screen and (max-width: 1540px) { .poukaz_elektro_detail .inbox .inbox_in .poukaz_under_box .left .motivy_elektro_slider .owl-controls .owl-nav .owl-prev{left: -2vw;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_under_box .left .motivy_elektro_slider .owl-controls .owl-nav .owl-next{right: -2vw;} } @media screen and (max-width: 1500px) { .poukaz_elektro_detail{padding-top: 35px;} } @media screen and (max-width: 1080px) { .poukaz_elektro_detail .inbox .inbox_in .poukaz_box{max-width: 710px; margin: 0 auto;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_box::before{top: 6.5%;right: 2.5%;bottom: 6.5%;left: 2.5%;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_box .left .img_box{width: 420px; height: 335px;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_box .left .img_box .logo_voucher{background-size: 137px 151px; width: 137px; height: 151px;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_box .right{padding: 1% 1% 1% 0; display: flex; justify-content: center; align-items: center;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_box .right .text h2{font-size: 16px; line-height: 22px; max-width: 150px; margin: 0 auto;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_box .right .text h2::after{background-size: 43px auto;height: 10px;width: 43px;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_box .right .text p.cena{font-size: 40px;line-height: 46px;margin-top: 24px;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_box .right .text p.venovani{margin-top: 10px;font-size: 12px;line-height: 18px; min-height: 36px;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_box .right .text .cislo_expirace{margin: 9px 0 10px;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_box .right .text .cislo_expirace p{font-size: 10px; line-height: 15px;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_box .right .text .contact_box{padding-top: 6px; width: 100%;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_box .right .text .contact_box p, .poukaz_elektro_detail .inbox .inbox_in .poukaz_box .right .text .contact_box a{font-size: 6px; line-height: 10px;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_box .right .text .contact_box .bottom_info{margin-top: 8px;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_box .right .text .contact_box .bottom_info .opravneni{font-size: 5px; line-height: 10px;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_box .right .text .contact_box .bottom_info .bottom_link{font-size: 10px; line-height: 14px;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_under_box{flex-direction: column; align-items: center; max-width: 710px; margin: 45px auto 0;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_under_box .left{width: 100%;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_under_box .left .motivy_elektro_slider{width: calc(100% - 4vw); margin: 0 auto;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_under_box .right{width: 100%; margin: 45px 0 0 0;} } @media screen and (max-width: 950px) { .poukaz_elektro_detail .inbox .inbox_in .order_form{padding: 30px 45px 38px;} .poukaz_elektro_detail .inbox .inbox_in .order_form .inbox_form .bottom_inbox{margin-top: 40px;} } @media screen and (max-width: 850px) { .poukaz_elektro_detail .inbox .inbox_in .order_form{padding: 30px 30px 38px;} .poukaz_elektro_detail .inbox .inbox_in .order_form .inbox_form .top_inbox .left_box .box{margin-right: 25px;} .poukaz_elektro_detail .inbox .inbox_in .order_form .inbox_form .bottom_inbox .left_box{margin-right: 35px;} .poukaz_elektro_detail .inbox .inbox_in .order_form .inbox_form .bottom_inbox .right_box .btn{display: flex;} } @media screen and (max-width: 770px) { .poukaz_elektro_detail{padding-top: 25px;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_box{max-width: 310px;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_box .left .img_box{width: 175px; height: 160px;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_box .left .img_box .logo_voucher{background-size: 67px 72px;width: 67px;height: 72px;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_box .right .text{width: 84%;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_box .right .text h2{font-size: 8px;line-height: 10px;max-width: 62px;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_box .right .text h2::after{background-size: 23px auto;height: 6px;width: 23px;top: calc(100% + 5px);} .poukaz_elektro_detail .inbox .inbox_in .poukaz_box .right .text p.cena{font-size: 14px;line-height: 16px;margin-top: 20px;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_box .right .text p.venovani{margin-top: 6px;font-size: 4px;line-height: 6px;min-height: 13px;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_box .right .text .cislo_expirace{margin: 5px 0 9px;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_box .right .text .cislo_expirace p{font-size: 4px; line-height: 5px;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_box .right .text .contact_box{padding-top: 2px;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_box .right .text .contact_box p, .poukaz_elektro_detail .inbox .inbox_in .poukaz_box .right .text .contact_box a{font-size: 3px; line-height: 4px;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_box .right .text .contact_box .bottom_info{margin-top: 2px;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_box .right .text .contact_box .bottom_info .opravneni{font-size: 3px; line-height: 4px;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_box .right .text .contact_box .bottom_info .bottom_link{font-size: 4px; line-height: 6px;} } @media screen and (max-width: 560px) { .poukaz_elektro_detail .inbox .inbox_in .order_form .inbox_form .top_inbox{flex-direction: column;} .poukaz_elektro_detail .inbox .inbox_in .order_form .inbox_form .top_inbox .left_box{width: 100%;} .poukaz_elektro_detail .inbox .inbox_in .order_form .inbox_form .top_inbox .left_box .box{margin-right: 0;} .poukaz_elektro_detail .inbox .inbox_in .order_form .inbox_form .top_inbox .right_box{width: 100%; margin-top: 24px;} .poukaz_elektro_detail .inbox .inbox_in .order_form .inbox_form .bottom_inbox{margin-top: 30px; flex-direction: column;} .poukaz_elektro_detail .inbox .inbox_in .order_form .inbox_form .bottom_inbox .left_box{margin-right: 0;} .poukaz_elektro_detail .inbox .inbox_in .order_form .inbox_form .bottom_inbox .right_box{margin-top: 30px;} } @media screen and (max-width: 500px) { .poukaz_elektro_detail{padding-bottom: 30px;} .poukaz_elektro_detail h2{font-size: 22px; line-height: 28px;} .poukaz_elektro_detail .inbox .inbox_in .order_form{margin-top: 60px;} .poukaz_elektro_detail .inbox .inbox_in .order_form h2.form_title::after{top: calc(100% + 16px);} .poukaz_elektro_detail .inbox .inbox_in .order_form .inbox_form{margin-top: 70px;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_under_box .left .motivy_elektro_slider{width: 90%;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_under_box .left .motivy_elektro_slider .owl-nav .owl-prev{left: -5vw;} .poukaz_elektro_detail .inbox .inbox_in .poukaz_under_box .left .motivy_elektro_slider .owl-nav .owl-next{right: -5vw;} } .poukaz_tisk_detail{font-family: "sofia-pro-soft",sans-serif, Arial; padding-top: 60px; padding-bottom: 60px;} .poukaz_tisk_detail h2{font-size: 24px; line-height: 30px; margin: 0; text-align: center; position: relative;} .poukaz_tisk_detail h2.main_title{font-weight: 700;} .poukaz_tisk_detail .inbox{max-width: 1006px; width: 95%; margin: 0 auto;} .poukaz_tisk_detail .inbox .inbox_in{margin-top: 35px;} .poukaz_tisk_detail .inbox .inbox_in .poukaz_box{display: flex;} .poukaz_tisk_detail .inbox .inbox_in .poukaz_box .left{width: 50%; margin-right: 40px; position: relative; -webkit-box-shadow: 0 0 15px -5px rgba(0,0,0,0.25); box-shadow: 0 0 15px -5px rgba(0,0,0,0.25);} .poukaz_tisk_detail .inbox .inbox_in .poukaz_box .left::before{content: ''; position: absolute; top: 4.2%; right: 4.2%; bottom: 4.2%; left: 4.2%; border: 2px solid #c4996c; z-index: 9;} .poukaz_tisk_detail .inbox .inbox_in .poukaz_box .left .img_box{width: 100%; padding: 0 0 100%;} .poukaz_tisk_detail .inbox .inbox_in .poukaz_box .left .img_box .logo_voucher{z-index: 99; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-image: url(../img/logo_voucher.svg); background-size: 187px 201px; background-position: center; background-repeat: no-repeat; width: 187px; height: 201px; transition: all 400ms ease;} .poukaz_tisk_detail .inbox .inbox_in .poukaz_box .left .img_box .img_obsah{opacity: 0; display: none; width: 100%; height: 100%; transition: opacity 400ms ease;} .poukaz_tisk_detail .inbox .inbox_in .poukaz_box .left .img_box .img_obsah:nth-child(1){opacity: 1; display: block;} .poukaz_tisk_detail .inbox .inbox_in .poukaz_box .left .img_box .img_obsah .img{position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; height: 100%;} .poukaz_tisk_detail .inbox .inbox_in .poukaz_box .right{width: 50%; -webkit-box-shadow: 0 0 15px -5px rgba(0,0,0,0.25); box-shadow: 0 0 15px -5px rgba(0,0,0,0.25);} .poukaz_tisk_detail .inbox .inbox_in .poukaz_box .right .tisk_backside{width: 100%; padding: 0 0 100%; background-image: url(../img/voucher_tisk_backside.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;} .poukaz_tisk_detail .inbox .inbox_in .poukaz_under_box{margin-top: 60px; display: flex; align-items: flex-start;} .poukaz_tisk_detail .inbox .inbox_in .poukaz_under_box .poukaz_under_box_inbox{width: 100%; max-width: 630px; margin: 0 auto;} .poukaz_tisk_detail .inbox .inbox_in .poukaz_under_box .poukaz_under_box_inbox .title{font-size: 14px; line-height: 20px; font-weight: 700; margin: 0 0 20px; text-align: center; text-transform: uppercase;} .poukaz_tisk_detail .inbox .inbox_in .poukaz_under_box .poukaz_under_box_inbox .motivy_tisk_slider{position: relative; height: 85.5px; overflow: hidden;} .poukaz_tisk_detail .inbox .inbox_in .poukaz_under_box .poukaz_under_box_inbox .motivy_tisk_slider .owl-stage{margin: 0 auto;} .poukaz_tisk_detail .inbox .inbox_in .poukaz_under_box .poukaz_under_box_inbox .motivy_tisk_slider .item{margin: 0 12px; display: block; max-width: 76px;} .poukaz_tisk_detail .inbox .inbox_in .poukaz_under_box .poukaz_under_box_inbox .motivy_tisk_slider .item .img{border-radius: 50%; border: 4px solid #fff; width: 100%; padding: 0 0 100%; display: block; background-size: cover; background-position: center; background-repeat: no-repeat; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .poukaz_tisk_detail .inbox .inbox_in .poukaz_under_box .poukaz_under_box_inbox .motivy_tisk_slider .item.active .img{border: 4px solid #c4996c;} .poukaz_tisk_detail .inbox .inbox_in .poukaz_under_box .poukaz_under_box_inbox .motivy_tisk_slider .owl-nav .owl-prev{position: absolute; top: 50%; left: -1vw; transform: translateY(-50%) rotate(180deg); background-color: transparent; background-image: url(../img/arrow_right_black.svg); background-size: contain; background-position: center; background-repeat: no-repeat; width: 20px; height: 20px; display: inline-block;} .poukaz_tisk_detail .inbox .inbox_in .poukaz_under_box .poukaz_under_box_inbox .motivy_tisk_slider .owl-nav .owl-next{position: absolute; top: 50%; right: -1vw; transform: translateY(-50%); background-color: transparent; background-image: url(../img/arrow_right_black.svg); background-size: contain; background-position: center; background-repeat: no-repeat; width: 20px; height: 20px; display: inline-block;} .poukaz_tisk_detail .inbox .inbox_in .poukaz_under_box .poukaz_under_box_inbox .motivy_tisk_slider .owl-controls{position: unset;} /* .poukaz_tisk_detail .inbox .inbox_in .poukaz_under_box .right{width: 50%; display: flex;flex-direction: column;margin-left: 100px;} .poukaz_tisk_detail .inbox .inbox_in .poukaz_under_box .right .form_box{display: flex; flex-direction: column;} .poukaz_tisk_detail .inbox .inbox_in .poukaz_under_box .right .form_box .top_form_box{display: flex; flex-direction: column;} .poukaz_tisk_detail .inbox .inbox_in .poukaz_under_box .right .form_box .top_form_box label{font-size: 14px; line-height: 20px; font-weight: 700; display: inline-block; margin: 0 0 10px; text-transform: uppercase;} .poukaz_tisk_detail .inbox .inbox_in .poukaz_under_box .right .form_box .top_form_box .venovani_pole{min-height:105px;resize:none;background: #ececec;border: 1px solid #ececec;padding: 11px 15px;font-size: 14px;line-height: 20px;color: #000;font-weight: 300;text-align: left;-webkit-transition: all 400ms ease;-moz-transition: all 400ms ease;-o-transition: all 400ms ease;-ms-transition: all 400ms ease;transition: all 400ms ease;} .poukaz_tisk_detail .inbox .inbox_in .poukaz_under_box .right .form_box .bot_form_box{display: flex; flex-direction: column; margin-top: 25px;} .poukaz_tisk_detail .inbox .inbox_in .poukaz_under_box .right .form_box .bot_form_box label{font-size: 14px; line-height: 20px; font-weight: 700; display: inline-block; margin: 0 0 10px; text-transform: uppercase;} .poukaz_tisk_detail .inbox .inbox_in .poukaz_under_box .right .form_box .bot_form_box .sbHolder{max-width: 186px; position: relative; background: #ececec; width: 100%; height: 40px;} .poukaz_tisk_detail .inbox .inbox_in .poukaz_under_box .right .form_box .bot_form_box .sbHolder .sbToggle{background: url(../img/select_arrow.png) no-repeat scroll center -25px #a19d9a; right: 0; top: 0; height: 100%; width: 30px;} .poukaz_tisk_detail .inbox .inbox_in .poukaz_under_box .right .form_box .bot_form_box .sbHolder .sbToggle.sbToggleOpen{background: url(../img/select_arrow.png) no-repeat scroll center 16px #a19d9a;} .poukaz_tisk_detail .inbox .inbox_in .poukaz_under_box .right .form_box .bot_form_box .sbHolder a.sbSelector{z-index: 998; display: block; text-align:left; font-size: 14px; line-height: 20px; color: #000; padding: 11px 15px; width: calc(100% - 30px - 30px); font-weight: 400; } .poukaz_tisk_detail .inbox .inbox_in .poukaz_under_box .right .form_box .bot_form_box .sbOptions{z-index: 999; top: 100% !important; width: auto; background: #fff; padding: 0 !important; left: 0; right: 0; -webkit-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7) ; box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7) ;} .poukaz_tisk_detail .inbox .inbox_in .poukaz_under_box .right .form_box .bot_form_box .sbOptions li{float: none !important; margin: 0; padding: 0 !important } .poukaz_tisk_detail .inbox .inbox_in .poukaz_under_box .right .form_box .bot_form_box .sbOptions li a{border: 1px solid #a19d9a; border-top: 0; font-weight: 400; background: none; text-decoration: none; color: #000; font-size: 14px; line-height: 20px; padding: 6px 15px; text-align: left; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .poukaz_tisk_detail .inbox .inbox_in .poukaz_under_box .right .form_box .bot_form_box .sbOptions li:nth-child(1) a{border-top: 1px solid #a19d9a;} .notouch .poukaz_tisk_detail .inbox .inbox_in .poukaz_under_box .right .form_box .bot_form_box .sbOptions li a:hover{background: #ececec;} */ .poukaz_tisk_detail .inbox .inbox_in .order_form{padding: 35px 75px 38px; margin-top: 85px; -webkit-box-shadow: 0 0 30px -10px rgba(0,0,0,0.7);-moz-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7);box-shadow: rgba(0,0,0,0.7);} .poukaz_tisk_detail .inbox .inbox_in .order_form.active{opacity: 0.4; pointer-events: none;} .poukaz_tisk_detail .inbox .inbox_in .order_form h2.form_title{font-weight: 300;} .poukaz_tisk_detail .inbox .inbox_in .order_form h2.form_title::after{position: absolute;top: calc(100% + 20px);left: 0;right: 0;display: block;content: "";background: url(../img/voucher_title_icon.svg) no-repeat scroll center center;background-size: 71px auto;height: 18px;width: 71px;margin: 0 auto;} .poukaz_tisk_detail .inbox .inbox_in .order_form .inbox_form{margin-top: 85px;} .poukaz_tisk_detail .inbox .inbox_in .order_form .inbox_form input{margin: 6px 0 0; background: #ececec;border: 1px solid #ececec;padding: 11px 15px;font-size: 14px;line-height: 20px;color: #000;font-weight: 300;text-align: left;-webkit-transition: all 400ms ease;-moz-transition: all 400ms ease;-o-transition: all 400ms ease;-ms-transition: all 400ms ease;transition: all 400ms ease;} .poukaz_tisk_detail .inbox .inbox_in .order_form .inbox_form input#total_price{margin: 0 3px 0 0; font-size: 14px; line-height: 20px; width: 70px; padding: 0; background: transparent; font-weight: 700; border: 0; text-align: right;} .poukaz_tisk_detail .inbox .inbox_in .order_form .inbox_form textarea{margin: 6px 0 0; height: 75px !important;resize: none;background: #ececec;border: 1px solid #ececec;padding: 11px 15px;font-size: 14px;line-height: 20px;color: #000;font-weight: 300;text-align: left;-webkit-transition: all 400ms ease;-moz-transition: all 400ms ease;-o-transition: all 400ms ease;-ms-transition: all 400ms ease;transition: all 400ms ease;} .poukaz_tisk_detail .inbox .inbox_in .order_form .inbox_form .top_inbox{display: flex;} .poukaz_tisk_detail .inbox .inbox_in .order_form .inbox_form .top_inbox .box{display: flex; flex-direction: column; margin-top: 24px;} .poukaz_tisk_detail .inbox .inbox_in .order_form .inbox_form .top_inbox .box:nth-child(1){margin-top: 0;} .poukaz_tisk_detail .inbox .inbox_in .order_form .inbox_form .top_inbox .box label{font-family: "sofia-pro",sans-serif, Arial; display: inline-block; position: relative;font-size: 12px;font-weight: 900;color: #000;text-align: left;text-transform: uppercase;} .poukaz_tisk_detail .inbox .inbox_in .order_form .inbox_form .top_inbox .box .sbHolder{position: relative; background: #ececec; width: 100%; height: 44px; margin: 6px 0 0;} .poukaz_tisk_detail .inbox .inbox_in .order_form .inbox_form .top_inbox .box .sbHolder .sbToggle{background: url(../img/select_arrow.png) no-repeat scroll center -25px #a19d9a; right: 0; top: 0; height: 100%; width: 30px;} .poukaz_tisk_detail .inbox .inbox_in .order_form .inbox_form .top_inbox .box .sbHolder .sbToggle.sbToggleOpen{background: url(../img/select_arrow.png) no-repeat scroll center 16px #a19d9a;} .poukaz_tisk_detail .inbox .inbox_in .order_form .inbox_form .top_inbox .box .sbHolder a.sbSelector{font-family: "sofia-pro",sans-serif, Arial; z-index: 998; white-space: nowrap; overflow: hidden; display: block; text-align:left; font-size: 14px; line-height: 20px; color: #000; padding: 11px 15px; width: calc(100% - 30px - 30px); font-weight: 400; } .poukaz_tisk_detail .inbox .inbox_in .order_form .inbox_form .top_inbox .box .sbOptions{z-index: 999; top: 100% !important; width: auto; background: #fff; padding: 0 !important; left: 0; right: 0; -webkit-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7) ; box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.7) ;} .poukaz_tisk_detail .inbox .inbox_in .order_form .inbox_form .top_inbox .box .sbOptions li{float: none !important; margin: 0; padding: 0 !important } .poukaz_tisk_detail .inbox .inbox_in .order_form .inbox_form .top_inbox .box .sbOptions li a{border: 1px solid #a19d9a; border-top: 0; font-weight: 400; background: none; text-decoration: none; color: #000; font-size: 14px; line-height: 20px; padding: 6px 15px; text-align: left; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .poukaz_tisk_detail .inbox .inbox_in .order_form .inbox_form .top_inbox .box .sbOptions li:nth-child(1) a{border-top: 1px solid #a19d9a;} .notouch .poukaz_tisk_detail .inbox .inbox_in .order_form .inbox_form .top_inbox .box .sbOptions li a:hover{background: #ececec;} .poukaz_tisk_detail .inbox .inbox_in .order_form .inbox_form .top_inbox .left_box{width: 50%; display: flex; flex-direction: column;} .poukaz_tisk_detail .inbox .inbox_in .order_form .inbox_form .top_inbox .left_box .box{margin-right: 45px;} .poukaz_tisk_detail .inbox .inbox_in .order_form .inbox_form .top_inbox .right_box{width: 50%; display: flex; flex-direction: column;} .poukaz_tisk_detail .inbox .inbox_in .order_form .inbox_form .bottom_inbox{display: flex; justify-content: space-between; align-items: flex-end; margin-top: 55px;} .poukaz_tisk_detail .inbox .inbox_in .order_form .inbox_form .bottom_inbox .left_box .checkbox{display: flex;} .poukaz_tisk_detail .inbox .inbox_in .order_form .inbox_form .bottom_inbox .left_box .checkbox .checker{margin-right: 20px;} .poukaz_tisk_detail .inbox .inbox_in .order_form .inbox_form .bottom_inbox .left_box .checkbox .checker span{background-image: url(../img/sprite_white.png);} .poukaz_tisk_detail .inbox .inbox_in .order_form .inbox_form .bottom_inbox .left_box .checkbox .checker span input{padding: 0; margin-top: 0;} .poukaz_tisk_detail .inbox .inbox_in .order_form .inbox_form .bottom_inbox .left_box .checkbox label{font-size: 13px; line-height: 20px;} .poukaz_tisk_detail .inbox .inbox_in .order_form .inbox_form .bottom_inbox .left_box .checkbox label a{font-size: 13px; line-height: 20px; text-decoration: underline;} .poukaz_tisk_detail .inbox .inbox_in .order_form .inbox_form .bottom_inbox .left_box .checkbox label a:hover{text-decoration: none;} .poukaz_tisk_detail .inbox .inbox_in .order_form .inbox_form .bottom_inbox .right_box{display: flex; flex-direction: column; align-items: flex-end; flex: 1;} .poukaz_tisk_detail .inbox .inbox_in .order_form .inbox_form .bottom_inbox .right_box .right_box_top{display: flex; font-size: 14px; line-height: 20px; padding: 0 0 20px;} .poukaz_tisk_detail .inbox .inbox_in .order_form .inbox_form .bottom_inbox .right_box .right_box_top label{font-size: 14px; line-height: 20px;} @media screen and (max-width: 1540px) { .poukaz_tisk_detail .inbox .inbox_in .poukaz_under_box .poukaz_under_box_inbox .motivy_tisk_slider .owl-controls .owl-nav .owl-prev{left: -2vw;} .poukaz_tisk_detail .inbox .inbox_in .poukaz_under_box .poukaz_under_box_inbox .motivy_tisk_slider .owl-controls .owl-nav .owl-next{right: -2vw;} } @media screen and (max-width: 1500px) { .poukaz_tisk_detail{padding-top: 35px;} } @media screen and (max-width: 1080px) { .poukaz_tisk_detail .inbox .inbox_in .poukaz_under_box{flex-direction: column; align-items: center; max-width: 710px; margin: 45px auto 0;} .poukaz_tisk_detail .inbox .inbox_in .poukaz_under_box .left{width: 100%;} .poukaz_tisk_detail .inbox .inbox_in .poukaz_under_box .left .motivy_tisk_slider{width: calc(100% - 4vw); margin: 0 auto;} .poukaz_tisk_detail .inbox .inbox_in .poukaz_under_box .right{width: 100%; margin: 45px 0 0 0;} } @media screen and (max-width: 950px) { .poukaz_tisk_detail .inbox .inbox_in .order_form{padding: 30px 45px 38px;} .poukaz_tisk_detail .inbox .inbox_in .order_form .inbox_form .bottom_inbox{margin-top: 40px;} } @media screen and (max-width: 870px) { .poukaz_tisk_detail .inbox .inbox_in .order_form .inbox_form .bottom_inbox .left_box{flex: 1;} } @media screen and (max-width: 850px) { .poukaz_tisk_detail .inbox .inbox_in .order_form{padding: 30px 30px 38px;} .poukaz_tisk_detail .inbox .inbox_in .order_form .inbox_form .top_inbox .left_box .box{margin-right: 25px;} .poukaz_tisk_detail .inbox .inbox_in .order_form .inbox_form .bottom_inbox .left_box{margin-right: 35px;} .poukaz_tisk_detail .inbox .inbox_in .order_form .inbox_form .bottom_inbox .right_box .btn{display: flex;} } @media screen and (max-width: 770px) { .poukaz_tisk_detail{padding-top: 25px;} .poukaz_tisk_detail .inbox .inbox_in .poukaz_box .left{margin-right: 20px;} .poukaz_tisk_detail .inbox .inbox_in .poukaz_box .left .img_box .logo_voucher{background-size: 67px 72px;width: 67px;height: 72px;} } @media screen and (max-width: 650px) { .poukaz_tisk_detail .inbox .inbox_in .poukaz_under_box .poukaz_under_box_inbox .motivy_tisk_slider{max-width: 500px; margin: 0 auto;} } @media screen and (max-width: 560px) { .poukaz_tisk_detail .inbox .inbox_in .order_form .inbox_form .top_inbox{flex-direction: column;} .poukaz_tisk_detail .inbox .inbox_in .order_form .inbox_form .top_inbox .left_box{width: 100%;} .poukaz_tisk_detail .inbox .inbox_in .order_form .inbox_form .top_inbox .left_box .box{margin-right: 0;} .poukaz_tisk_detail .inbox .inbox_in .order_form .inbox_form .top_inbox .right_box{width: 100%; margin-top: 24px;} .poukaz_tisk_detail .inbox .inbox_in .order_form .inbox_form .bottom_inbox{margin-top: 30px; flex-direction: column;} .poukaz_tisk_detail .inbox .inbox_in .order_form .inbox_form .bottom_inbox .left_box{margin-right: 0;} .poukaz_tisk_detail .inbox .inbox_in .order_form .inbox_form .bottom_inbox .right_box{margin-top: 30px;} } @media screen and (max-width: 500px) { .poukaz_tisk_detail{padding-bottom: 30px;} .poukaz_tisk_detail h2{font-size: 22px; line-height: 28px;} .poukaz_tisk_detail .inbox .inbox_in .order_form{margin-top: 60px;} .poukaz_tisk_detail .inbox .inbox_in .order_form h2.form_title::after{top: calc(100% + 16px);} .poukaz_tisk_detail .inbox .inbox_in .order_form .inbox_form{margin-top: 70px;} .poukaz_tisk_detail .inbox .inbox_in .poukaz_box .left{margin-right: 12px;} .poukaz_tisk_detail .inbox .inbox_in .poukaz_box .left .img_box .logo_voucher{background-size: 67px 65px;width: 67px;height: 65px;} .poukaz_tisk_detail .inbox .inbox_in .poukaz_under_box .poukaz_under_box_inbox .motivy_tisk_slider{width: 90%;} .poukaz_tisk_detail .inbox .inbox_in .poukaz_under_box .poukaz_under_box_inbox .motivy_tisk_slider .owl-nav .owl-prev{left: -5vw;} .poukaz_tisk_detail .inbox .inbox_in .poukaz_under_box .poukaz_under_box_inbox .motivy_tisk_slider .owl-nav .owl-next{right: -5vw;} } .file_list{max-width: 1024px; width: 100%; margin: 25px auto 0; padding: 0; text-align: left; } .file_list h3{font-size: 20px; line-height: 24px; margin-bottom: 15px;} .file_list h3::before{display: block; content: ""; position: absolute; left: 0; bottom: -4px; width: 24px; background: #e2bc83; height: 1px;} .file_list a{display: block; float: left; margin-bottom: 12px;} .file_list a .icon{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin-right: 6px; width: 38px; height: 38px; border: 2px solid #f6f0e9; border-bottom: 2px solid #d5c9b6; background: url(../img/file_arrow.png) no-repeat scroll center center #f6f0e9; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .file_list a .name{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; font-size: 16px; line-height: 22px; padding: 10px 0; color: #000; font-weight: 700; text-decoration: underline; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .file_list a .size{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; font-size: 16px; line-height: 22px; padding: 10px 0; color: #000; font-weight: 300;} .notouch .file_list a:hover .icon{background-color: #c3986c; border: 2px solid #c3986c; border-bottom: 2px solid #534741;} .notouch .file_list a:hover .name{text-decoration: none; color: #c3986c;} .text .fotogalerie{width: 100%; padding: 0;} .fotogalerie{max-width: 1024px; width: 90%; margin: 25px auto 0; padding: 0 5%; text-align: left; position: relative;} .fotogalerie.fotogalerie_career, .fotogalerie.fotogalerie_career article{max-width: 1330px;} .detail_gallery{padding: 65px 0 10px;} .fotogalerie h3{font-size: 20px; line-height: 24px; margin-bottom: 15px;} .fotogalerie h3::before{display: block; content: ""; position: absolute; left: 0; bottom: -4px; width: 24px; background: #e2bc83; height: 1px;} .fotogalerie a{width: 16.6666%; margin: 0; float: left; display: block; position: relative;} .fotogalerie a::before{opacity: 0; content: ""; display: block; position: absolute; left: 4px; top: 4px; right: 4px; bottom: 4px; background: url(../img/fotogallery_icon.png) no-repeat scroll center center rgba(195,152,108, 0.9); -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; -ms-transition: all 250ms ease-out; transition: all 250ms ease-out; } .fotogalerie a img{max-width: calc( 100% - 8px); display: block; margin: 4px;} .notouch .fotogalerie a:hover::before{opacity: 1;} .grayscale {filter: url("data:image/svg+xml;utf8,#grayscale");-webkit-filter: grayscale(1);filter: grayscale(1);filter: gray;} .grayscale.grayscale-fade {transition: filter .5s;} @media screen and (-webkit-min-device-pixel-ratio: 0) {.grayscale.grayscale-fade {-webkit-transition: -webkit-filter .5s;transition: -webkit-filter .5s;}} .grayscale.grayscale-off,.grayscale.grayscale-fade:hover {-webkit-filter: grayscale(0);filter: grayscale(0);} .grayscale.grayscale-replaced {-webkit-filter: none;filter: none;} .grayscale.grayscale-replaced > svg {-webkit-transition: opacity .5s ease;transition: opacity .5s ease;opacity: 1;} .grayscale.grayscale-replaced.grayscale-off > svg,.grayscale.grayscale-replaced.grayscale-fade:hover > svg {opacity: 0;} #hide_tr{display: none;} .only_popup{opacity: 0; display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: #f2f2f2; z-index: 99998; -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; -ms-transition: all 250ms ease-out; transition: all 250ms ease-out;} .only_popup.active{opacity: 1; display: block;} .only_popup .boxes{display: table; width: 100%; height: 100vh; text-align: center;} .only_popup .boxes .centering{display: table-cell; vertical-align: middle; width: 100%; text-align: center;} .only_popup .box{position: relative;} .only_popup .box p{color: #000000; font-size: 22px; line-height: 30px; font-weight: 200; margin: 0; text-align: center; text-transform: uppercase;} .only_popup .box p.small{text-transform: none; font-size: 15px; line-height: 25px; margin: 0 0 20px;} .only_popup .box p a{color: #000000; font-size: 15px; line-height: 25px; font-weight: 400;} .notouch .only_popup .box p a:hover{text-decoration: underline;} .only_popup .box span.sign{display: block; color: #808080; font-size: 17px; line-height: 38px; font-weight: 200; margin: 0; text-align: center; text-transform: uppercase;} .only_popup .box .close{cursor: pointer; position: relative; margin: 30px auto 0; width: 20px; height: 20px; display: block;} .only_popup .box .close::before{content: ""; opacity: 1; position: absolute; top: 0; left: 0; width: 20px; height: 20px; display: block; background: url(../img/close_icon.png) no-repeat scroll center center; -webkit-transition: all 150ms ease-out; -moz-transition: all 150ms ease-out; -o-transition: all 150ms ease-out; -ms-transition: all 150ms ease-out; transition: all 150ms ease-out;} .only_popup .box .close::after{content: ""; opacity: 0; position: absolute; top: 0; left: 0; width: 20px; height: 20px; display: block; background: url(../img/close_icon_hover.png) no-repeat scroll center center; -webkit-transition: all 150ms ease-out; -moz-transition: all 150ms ease-out; -o-transition: all 150ms ease-out; -ms-transition: all 150ms ease-out; transition: all 150ms ease-out;} .notouch .only_popup .box .close:hover::before{opacity: 0;} .notouch .only_popup .box .close:hover::after{opacity: 1;} .control_popup{display: none; width: 100%; height: 100vh; text-align: center; opacity: 0; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.6); z-index: 99999; -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; -ms-transition: all 250ms ease-out; transition: all 250ms ease-out;} .control_popup .box{position: relative; display: table-cell; vertical-align: middle; } .control_popup .boxes{min-width: 200px; text-align: center; position: relative; max-width: 350px; padding: 40px; box-sizing: border-box; display: inline-block; zoom: 1; *display: inline; background: #fff; -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; -ms-transition: all 250ms ease-out; transition: all 250ms ease-out;} .control_popup .box span.warning{z-index: 900; position: relative; text-transform: uppercase; display: block; padding: 15px 0; text-align: center; font-size: 21px; line-height: 26px; font-weight: 600; color: #000;} .control_popup .box p{z-index: 100; position: relative; text-align: center; color: #000000; font-size: 14px; line-height: 28px; font-weight: 300; margin: 10px 0;} .control_popup .box p span{background: url(../img/control_form_cross.png) no-repeat; width: 10px; height: 10px; margin: 0 5px 0 0; display: inline-block; vertical-align: middle; zoom: 1; *dispaly: inline;} .control_popup .box p strong{color: #000000; font-size: 14px; line-height: 18px; font-weight: 700; margin: 0; text-align: center;} .control_popup .box .btn{z-index: 100; position: relative;} .cc_container .cc_message{margin: 13px 0 !important; font-size: 14px !important; color: #000000; font-family: "sofia-pro",sans-serif,Arial !important; } .cc_container .cc_message a{font-size: 14px !important; color: #000000 !important; font-weight: 700;} .notouch .cc_container .cc_message a:hover{color: #c3986c !important;} .cc_container .cc_btn{font-family: "sofia-pro",sans-serif,Arial !important; font-size: 13px !important; line-height: 40px !important; font-weight: 900 !important; background: #ececec !important; color: #000000 !important; padding: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .notouch .cc_container .cc_btn:hover{background: #c3986c !important; color: #fff !important;} .cc_container *::-moz-selection { /* Code for Firefox */background: #3399FF !important;} .cc_container *::selection {background: #3399FF !important;}