/*GLOBAL*/ header,nav,section,article,aside,footer,hgroup { display:block;} a { text-decoration:none; color:inherit;} a:focus { outline: 0;} a img { border:none;} .img_hide{ display: block !important; width: 0; height: 1px; border: 0; position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden;} .mail_hide, .hide_mail{ display: none !important;} .clear { clear:both; margin: 0; display: block; width: 100% !important; float: none !important;} .clear.hide { display: none !important;} .relative { position: relative;} .clear.not_desktop { display: none;} .float_right { float:right; position: relative;} .float_left { float:left; position: relative;} .align-left { text-align: left !important; margin: 0;} .align-center { text-align: center !important; margin: 0;} .align-right { text-align: right !important; margin: 0;} button, input[type=submit] { cursor: pointer; -webkit-appearance: none; outline: 0; } input[type="submit"]:focus { outline:none;} input, textarea { -webkit-appearance: none; border-radius: 0;} input[type="submit"]::-moz-focus-inner { border:0;} label { cursor: text;} input[type=checkbox], input[type=radio] { cursor: pointer;} input:focus { outline:0; } input[type="text"], input[type="password"], textarea, select { outline: none;} input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none;margin: 0;} input[type=number] { -moz-appearance:textfield;} input[name="fake1"], input[name="fake2"] { opacity: 0; font-size: 0; line-height: 0; padding: 0; visibility: hidden; overflow: hidden; position: fixed; top: 0; left: 0; z-index: -30} .edit_index { z-index: 99997 !important;} #content .edit_index { background: #fff !important;} #content .edit_index::before{ position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; background: #ffffff; content: ""; z-index: 0; -webkit-box-shadow: 0 0 20px 2px rgba(0,0,0,0.5); box-shadow: 0 0 20px 2px rgba(0,0,0,0.5);} #content .edit_index > *{ z-index: 20;} .message_centering { z-index: 999999; min-height: 0; position: absolute; top: -132px; width: 100%; max-width: 700px; left: 0; right: 0; margin: 0 auto; text-align: center; background-image: none !important; -webkit-transition: all 750ms ease; transition: all 750ms ease;} .message_centering.active { top: 100%;} .flash { max-width: 700px; margin: 0 auto -1px; min-height: 0; font-size: 14px; line-height: 16px; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; padding: 12px 54px; clear: both; position: relative;} .flash span { cursor: pointer; position: absolute; top: 50%; margin-top: -7.5px; right: 15px; width: 15px; height: 15px; display: block;} .alert-error { color: #fff; background: url(../../global/error_icon.png) no-repeat scroll 15px center #d8001b; border: 1px solid #b6192e;} .alert-success { color: #fff; background: url(../../global/success_icon.png) no-repeat scroll 15px center #009e08; border: 1px solid #148219;} .alert-error span { background: url(../../global/error_close.png) no-repeat;} .alert-success span { background: url(../../global/success_close.png) no-repeat;} .warning_disabled{ font-size: 14px; line-height: 20px; color: #ffffff; font-weight: 400; margin: 0 0 30px; text-align: left; padding: 10px 20px; background: #d8001b; border: 1px solid #b6192e; display: inline-block; vertical-align: middle;} .warning_disabled strong{ font-size: 14px; line-height: 20px; color: #ffffff; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; display: block;} h1.rot { opacity: 0; visibility: hidden; bottom: 0; color: #800d47; display: block; font-size: 22px; font-weight: 400; height: 0; width: 0; z-index: 4; margin: 0; position: absolute;left: -1px; top: 0; transform: rotate(90deg);-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg); white-space: nowrap;} h1 { text-transform: uppercase; color: #800d47; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; font-size: 28px; line-height: 34px; margin: 0 0 30px; padding: 0; text-align: left; position: relative; z-index: 10; } h1 span { text-transform: uppercase; color: #800d47; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; font-size: 20px; line-height: 26px; margin: 0; padding: 0; display: block;} h1 strong { text-transform: uppercase; color: #800d47; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; font-size: 28px; line-height: 34px; margin: 0; padding: 0;} h2 { color: #800d47; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; font-size: 24px; line-height: 28px; margin: 30px 0 10px; padding: 0;} h3 { color: #800d47; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; font-size: 22px; line-height: 26px; margin: 30px 0 10px; padding: 0;} h4, h5, h6 { color: #000000; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; font-size: 20px; line-height: 24px; margin: 30px 0 10px; padding: 0;} .rss_feed { display: inline-block; vertical-align: middle; margin: 0 0 10px; font-size: 12px; line-height: 16px; color: #000000; font-weight: 400; text-decoration: underline; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .rss_feed:hover { color: #800d47} p, strong, b, div, article, i, u, li, a, .text_page, label, code { font-size: 14px; font-weight: 500;} strong, b { font-weight: 700; font-family: open_sansbold, sans-serif, Arial} article a, article a strong, article strong a { font-weight: 700; font-family: open_sansbold, sans-serif, Arial; color: #800d47; text-decoration: underline; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch article a:hover, .notouch article a:hover strong, .notouch article strong a:hover { text-decoration: none;} .text_page{ margin: 0 auto;} .text_page .img{ display: block; width: 40%; float: right; margin: 0 0 20px 20px;} .text_page .img img{ max-width: 100%; display: block; margin: 0;} .text_page .text{ display: block;} @media screen and (max-width: 959px) { .text_page .img{ width: 50%;} } @media screen and (max-width: 767px) { .text_page .img{ display: block; width: 100%; margin: 0 0 10px;} .text_page .text{ display: block; width: 100%; padding: 0; margin: 0;} } article, .text_box{ margin: 0 auto; text-align: left; line-height: 22px; word-break: break-word} article.max, .text_box.max{ max-width: 100%; margin: 40px 0 0; } article p, article div, .text_box p, .text_box div{ margin:0 0 15px; text-align: left; line-height: 22px;} article .text_p, .text_box .text_p{ margin: 0; } article *:nth-child(1), .text_box *:nth-child(1){ margin-top: 0;} article *:last-child, .text_box *:last-child{ margin-bottom: 0;} @media screen and (max-width: 768px) { article p, .text_box p{ width: 100%; display: block; clear: both;} article img, .text_box img{ float: none !important; display: block; margin: 0 auto 10px !important;} } article ul, .text_box ul{ margin: -10px 0 25px; padding: 0;} article ul li, .text_box ul li{ padding: 0 0 0 17px; margin: 5px 0; position: relative; list-style: none; background: url(../img/drobky_arrow.svg) no-repeat scroll 0 7px; background-size: 6px 9px;} article ul ul, .text_box ul ul{ margin: 0; padding: 0 0 0 17px; } article ul ol, .text_box ul ol{ margin: 0; padding: 0 0 0 20px; } article ul ol li, .text_box ul ol li{ background: none} article ol, .text_box ol{ margin: -10px 0 25px; padding: 0; counter-reset: item;} article ol li, .text_box ol li{ padding: 0 0 0 20px; margin: 5px 0; position: relative; list-style-type: none; counter-increment: item;} article ol li:before, .text_box ol li:before{ position: absolute; top: 0; left: 0; display: block; padding-right: 5px; text-align: left; content: counter(item) ".";} article ol ol, .text_box ol ol{ margin: 0; padding: 0 0 0 20px;} article ol ul, .text_box ol ul{ margin: 0; padding: 0 0 0 17px;} article ol ul li, .text_box ol ul li{ background: url(../img/drobky_arrow.svg) no-repeat scroll 0 7px; background-size: 6px 9px; padding: 0 0 0 17px;} article ol ul li:before, .text_box ol ul li:before{ display: none;} article table.over, .text_box table.over{ min-width: 100%; display: block; overflow-x: scroll;} article table, .text_box table{ margin: 0 0 20px 0; border-collapse: collapse; border-spacing: 0 0;} article table caption, .text_box table caption{ color: #000; font-size: 20px; line-height: 24px; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; margin: 30px 0 10px; text-align: left;} article table thead, .text_box table thead{ margin-bottom: 3px;} article table thead tr th, article table tr:first-child th, .text_box table thead tr th, .text_box table tr:first-child th{ text-align: left; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; padding: 6px 8px; background: #4d4d4d; color: #fff; border: 1px solid #000;} article table tr td, .text_box table tr td{ text-align: left; padding: 6px 8px; font-weight: 400; border: 1px solid #e0dfdf;} article table tr:nth-child(even) td, .text_box table tr:nth-child(even) td{ background: #fff;} article table tr:nth-child(odd) td, .text_box table tr:nth-child(odd) td{ background: #f9f9f9;} article table tr.next_day td, .text_box table tr.next_day td{ font-size: 10px; line-height: 10px; border: 0;} article table.gdpr th{ text-align: left !important; text-transform: none !important;} article table.gdpr td{ background: #ffffff !important;} article table.gdpr th, article table.gdpr td, article table.gdpr td *{ font-size: 14px; line-height: 18px; text-align: left; font-size: 13px !important;} article table.gdpr th, article table.gdpr td{ padding: 6px 8px !important; border: 1px solid #e0dfdf} article .size_inline{ display: inline-block; vertical-align: top; margin: 0 80px 0 0;} article .size_inline table{ min-width: 200px;} article img, .text_box img{ max-width: 100%; margin: 0 auto 15px; display: block; height: initial !important; height: auto !important; } article img.fr-fil, .text_box img.fr-fil{ float: left; margin: 10px 30px 10px 0; } article img.fr-fir, .text_box img.fr-fir{ float: right; margin: 10px 0 10px 30px; } article span.fr-video, .text_box span.fr-video{ width: 100%; margin: 0 auto 15px; display: block; margin: 0 auto; text-align: center} article span.fr-video.fr-fvl, .text_box span.fr-video.fr-fvl{ text-align: left} article span.fr-video.fr-fvr, .text_box span.fr-video.fr-fvr{ text-align: right} article span.fr-video iframe, .text_box span.fr-video iframe{ max-width: 100%; margin: 0 auto; display: inline-block; width: 640px !important; height: 360px !important;} @media screen and (max-width: 767px) { article span.fr-video, .text_box span.fr-video{ text-align: center !important;} article span.fr-video iframe, .text_box span.fr-video iframe{ width: 280px !important; height: 160px !important;} } input[type=text], input[type=password], input[type=submit], textarea, code { font-family: open_sansregular, sans-serif, Arial; margin: 0;} article, div, li { height: auto; min-height: 1px; max-height: 9999999px;} .clear { min-height: 0; } @media screen and (max-width: 767px) { h1 { font-size: 20px; line-height: 26px;} h1 span { font-size: 16px; line-height: 22px; } p, strong, b, div, article, i, u, li, a, .text_page, label, code { font-size: 12px;} article { line-height: 20px;} article p, article div { line-height: 20px;} article table thead tr th, article table tr th { padding: 4px 6px;} article table tr td { padding: 4px 6px;} } html { margin: 0 auto; padding: 0; background: #f1f1f1 ;} html.admin_settings_active { position: fixed; overflow-y: scroll; width: 100%;} body { color: #000000; background: #ffffff; overflow-x: hidden; -webkit-text-size-adjust: none; text-rendering: auto; max-width: 1920px; margin: 0 auto; font-family: open_sansregular, sans-serif, Arial; padding: 0; font-weight: 400; position: relative; box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.6);} .inside { position: relative; width: 90%; padding: 0 5%; max-width: 1530px; margin: 0 auto;} .inside_small { position: relative; width: 90%; padding: 0 5%; max-width: 840px; margin: 0 auto;} .inside_max { position: relative; width: 90%; padding: 0 5%; max-width: 1440px; margin: 0 auto;} .inside_middle { position: relative; width: 90%; padding: 0 5%; max-width: 1140px; margin: 0 auto;} #suplovani article table tbody tr:first-child td { text-transform: uppercase; text-align: left; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; padding: 8px 10px; background: #4d4d4d; color: #fff; border: 1px solid #000; border-right: 0;} #suplovani .textlarge_3 { color: #000000; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; font-size: 22px; line-height: 26px; margin: 20px 0 10px; padding: 0;} #suplovani .textbaka_3 { color: #000000; font-weight: 400; font-size: 14px; line-height: 16px; margin: 0; padding: 0; text-align: right;} .btn { font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; font-size: 14px; line-height: 20px; padding: 8px 30px; text-decoration: none; white-space: nowrap; overflow: hidden; position: relative; background: none; display: block; border: 1px solid transparent; text-transform: uppercase; text-align: center; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .btn.big { padding: 12px 30px;} .btn.small { padding: 8px 20px; text-transform: none;} .btn.overflow { overflow: visible;} .btn.radius { -webkit-border-radius: 30px; border-radius: 30px;} .btn.line_height { line-height: 30px;} .btn.inline { display: inline-block; vertical-align: middle;} .btn.left { float: left;} .btn.right { float: right;} .btn.cursor { cursor: pointer;} .btn.ultra_min_margin_top { margin-top: 1px;} .btn.ultra_min_margin_bottom { margin-bottom: 1px;} .btn.ultra_min_margin_right { margin-right: -3px;} .btn.ultra_min_margin_left { margin-left: 1px;} .btn.min_margin_top { margin-top: 5px;} .btn.min_margin_bottom { margin-bottom: 5px;} .btn.min_margin_right { margin-right: 5px;} .btn.min_margin_left { margin-left: 5px;} .btn.middle_margin_top { margin-top: 10px;} .btn.middle_margin_bottom { margin-bottom: 10px;} .btn.middle_margin_right { margin-right: 10px;} .btn.middle_margin_left { margin-left: 10px;} .btn.max_margin_top { margin-top: 15px;} .btn.max_margin_bottom { margin-bottom: 15px;} .btn.max_margin_right { margin-right: 15px;} .btn.max_margin_left { margin-left: 15px;} .btn.ultra_margin_top { margin-top: 25px;} .btn.ultra_margin_bottom { margin-bottom: 25px;} .btn.ultra_margin_right { margin-right: 25px;} .btn.ultra_margin_left { margin-left: 25px;} .btn i { font-style: normal; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; font-size: 14px; line-height: 20px; } .btn .item { display: block; z-index: 999; position: absolute; width: 230px; left: 50%; bottom: calc(100% + 15px); visibility: hidden; opacity: 0; margin-left: -115px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .btn:hover .item { visibility: visible; opacity: 1; bottom: calc(100% + 5px);} .btn .item .box { display: block; position: relative; padding: 8px; background: #fff; box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.6);} .btn .item .box::before { display: block; top: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #dbdbdb; border-width: 11px; margin-left: -11px; } .btn .item .box::after { display: block; top: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 10px; margin-left: -10px; } .btn .item .img { display: block; width: 100%; height: 80px; position: relative; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;} .btn .item .title { white-space: normal; display: block; text-align: center; font-size: 13px; line-height: 16px; text-transform : none; color: #000000; margin: 0; padding: 8px 0 0; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial;} .btn.typ_1 { background: #800d47; border: 1px solid #800d47; color: #fff;} .notouch .btn.typ_1:not(.no_hover):hover, .notouch .item.hover_efekt .btn.typ_1:not(.no_hover), .notouch a.item:hover .btn.typ_1:not(.no_hover) { background: #ffffff; border: 1px solid #800d47; color: #800d47;} .btn.typ_2 { background: #ffffff; border: 1px solid #800d47; color: #800d47;} .notouch .btn.typ_2:not(.no_hover):hover, .notouch .item.hover_efekt .btn.typ_2:not(.no_hover), .notouch a.item:hover .btn.typ_2:not(.no_hover) { background: #800d47; border: 1px solid #ffffff; color: #ffffff;} .btn.typ_3 { background: #000000; border: 1px solid #000000; color: #ffffff;} .notouch .btn.typ_3:not(.no_hover):hover, .notouch .item.hover_efekt .btn.typ_3:not(.no_hover), .notouch a.item:hover .btn.typ_3:not(.no_hover) { background: #800d47; border: 1px solid #800d47; color: #ffffff;} @media screen and (max-width: 1024px) { .btn .item { display: none;} } @media screen and (max-width: 767px) { .btn i { display: none;} } /*HEADER 1*/ .header_height_1 { height: 100px; display: block; width: 100%; background: #fff;} header.header_1 { background: #fff; max-width: 1920px; margin: 0 auto; z-index: 9999; padding: 10px 0; position: fixed; top: 0; left: 0; right: 0; margin: 0 auto; width: 100%; text-align: center; box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); -webkit-transition: all 400ms ease; transition: all 400ms ease;} header.header_1.icons { position: absolute;} header.header_1 .inside_max { width: 90%; margin: 0 auto; max-width: 90%;} header.header_1 a.logo { width: 240px; height: 80px; display: inline-block; vertical-align: middle; position: relative;} header.header_1 a.logo img { display: block; margin: 0 auto; max-width: 240px; max-height: 80px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header.header_1 .box { position: relative; z-index: 999; display: inline-block; vertical-align: middle; text-align: right; width: calc(100% - 265px); margin: 0 0 0 20px;} header.header_1 nav { position: relative; z-index: 999; display: inline-block; vertical-align: middle; margin: 0 30px 0 0;} header.header_1 nav ul { margin: 0; padding: 0; display: block; text-align: right;} header.header_1.icons nav ul { display: none;} header.header_1 nav ul li { padding: 0; position: relative; list-style: none; display: inline-block; vertical-align: middle; margin: 0 0 0 5px;} header.header_1 nav ul li a { text-transform: uppercase; display: block; line-height: 20px; font-size: 14px; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; padding: 22px 7px; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header.header_1 nav ul li a::before { opacity: 1; position: absolute; left: -5px; top: 50%; margin-top: -10px; width: 1px; background: #000000; content: ""; height: 20px;} header.header_1 nav ul li:first-child a::before { display: none;} .notouch header.header_1 nav ul li:hover > a, header.header_1 nav ul li.active > a { color: #800d47;} header.header_1 nav ul li ul { z-index: 0; margin: 0; padding: 0; position: absolute; top: calc(100% - 10px); opacity: 0; left: 50%; background: #800d47; display: block; visibility: hidden; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 200ms ease; transition: all 200ms ease;} header.header_1 nav ul li ul:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #800d47; border-width: 8px; margin-left: -8px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header.header_1 nav ul li ul.hover_efekt:before, header.header_1 nav ul li ul.special:before { border-bottom-color: #000000;} header.header_1 nav ul li:hover ul { top: 100%; visibility: visible; opacity: 1;} header.header_1 nav ul li ul li { margin: 0; list-style: none; display: block; width: 100%; padding: 0;} header.header_1 nav ul li ul li a { border-top: 1px solid #e8dfb3; white-space: nowrap; position: relative; text-transform: none; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; display: block; padding: 8px 30px; font-size: 13px; line-height: 18px; text-align: center; color: #fff; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header.header_1 nav ul li ul li:first-child a { border-top: 0;} header.header_1 nav ul li ul li a::before { display: none;} .notouch header.header_1 nav ul li ul li a:hover, header.header_1 nav ul li ul li.active a { background: #000000 !important; color: #ffffff !important;} header.header_1 .search_box { z-index: 999; display: inline-block; vertical-align: middle; position: relative; width: 46px; height: 46px; margin: 0;} header.header_1 .search_box span { z-index: 999; cursor: pointer; width: 46px; height: 46px; position: relative; display: block; background: #800d47; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header.header_1 .search_box span::before { content: ""; width: 46px; height: 46px; display: block; position: absolute; top: 0; left: 0; background: url(../img/lupa.svg) no-repeat scroll center center; background-size: 20px 20px; opacity: 1; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch header.header_1 .search_box span:hover, .notouch header .search_box.hover_efekt span { background: #000000;} header.header_1 .search_box form { display: block; position: absolute; top: 0; right: 46px; z-index: 9999; opacity: 0; visibility: hidden; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header.header_1 .search_box.active form { opacity: 1; visibility: visible;} header.header_1 .search_box form input[type=text] { border: 1px solid #dbdbdb; background: #fff; color: #000; font-size: 15px; line-height: 20px; padding: 12px 20px; width: 250px; } header.header_1 .search_box form button { background: transparent; padding: 0; width: 46px; height: 46px; border: 0; position: absolute; right: -46px; top: 0; } header.header_1 .lang { z-index: 999; display: inline-block; vertical-align: middle; position: relative; width: 61px; height: 46px; margin: 0 0 0 5px;} header.header_1.icons.small .lang { display: none;} header.header_1 .lang span { text-align: center; z-index: 99; padding: 0 15px 0 0; font-size: 14px; line-height: 46px; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; color: #fff; text-transform: uppercase; z-index: 999; cursor: pointer; width: 46px; height: 46px; position: relative; display: block; background: url(../img/ipad_menu_arrow.png) no-repeat scroll 40px center #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch header.header_1 .lang span:hover { background-color: #800d47;} header.header_1 .lang .hide { display: none; position: absolute; left: 0; right: 0; top: 100%; z-index: 98; background: #fff; box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.6);} header.header_1 .lang .hide a { display: block; font-size: 14px; line-height: 36px; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; color: #000000; text-align: center; border-top: 1px solid #dbdbdb; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch header.header_1 .lang .hide a:hover { background: #800d47; border-top: 1px solid #800d47; color: #fff;} header.header_1 .lang .hide a:first-child { border-top: 0 !important;} header.header_1 .open_close_navigation { cursor: pointer; text-align: center; display: none; position: relative; z-index: 20; padding: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease; } header.header_1.icons .open_close_navigation { display: inline-block; vertical-align: middle;;} header.header_1 .open_close_navigation::after { margin: 0 0 0 5px; content: "MENU"; font-size: 16px; line-height: 40px; color: #000000; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; text-transform: uppercase; display: inline-block; vertical-align: middle; -webkit-transition: all 400ms ease; transition: all 400ms ease; cursor: pointer; user-select: none;} header.header_1.icons.small .open_close_navigation::after { display: none;} header.header_1 .open_close_navigation button { background: none; border: none; display: inline-block; vertical-align: middle; margin: 0;} header.header_1 .open_close_navigation .lines-button { font-size: 0; padding: 15px 0; -webkit-transition: all 400ms ease; transition: all 400ms ease; cursor: pointer; user-select: none;} header.header_1 .open_close_navigation .lines-button:active { transition: 0;} header.header_1 .open_close_navigation .lines { display: inline-block; width: 2rem; height: 3px; background: #000000; transition: 0.3s; position: relative;} header.header_1 .open_close_navigation .lines:before, header.header_1 .open_close_navigation .lines:after { display: inline-block; width: 2rem; height: 3px; background: #000000; transition: 0.3s; position: absolute; left: 0; content: ''; -webkit-transform-origin: 0.28571rem center; transform-origin: 0.28571rem center;} header.header_1 .open_close_navigation .lines:before { top: 0.5rem;} header.header_1 .open_close_navigation .lines:after { top: -0.5rem;} header.header_1 .open_close_navigation .lines-button.close { -webkit-transform: scale3d(0.8, 0.8, 0.8); transform: scale3d(0.8, 0.8, 0.8);} header.header_1 .open_close_navigation .lines-button.x.close .lines { background: transparent !important;} header.header_1 .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: #000000;} header.header_1 .open_close_navigation .lines-button.x.close .lines:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg);} header.header_1 .open_close_navigation .lines-button.x.close .lines:after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg);} .notouch header.header_1 .open_close_navigation:hover::after { color: #800d47;} .notouch header.header_1 .open_close_navigation:hover .lines-button.x.close .lines:before, .notouch header.header_1 .open_close_navigation:hover .lines-button.x.close .lines:after { background: #800d47;} .notouch header.header_1 .open_close_navigation:hover .lines:before, .notouch header.header_1 .open_close_navigation:hover .lines:after { background: #800d47;} .notouch header.header_1 .open_close_navigation:hover .lines { background: #800d47;} .ipad_menu.ipad_menu_1 { display: none; position: absolute; max-width: 1920px; top: -900px; right: 0; left: 0; background: #ffffff; box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); padding: 100px 0 0; z-index: 9998; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .ipad_menu.ipad_menu_1.active { display: block;} .ipad_menu.ipad_menu_1.move { top: 0 !important;} .ipad_menu.ipad_menu_1 ul { display: block; position: relative; text-align: center; margin: 0; padding: 0; z-index: 9998;} .ipad_menu.ipad_menu_1 ul li { position: relative; list-style: none; display: block;} .ipad_menu.ipad_menu_1 ul li.lang { display: none;} .ipad_menu.ipad_menu_1.active.small ul li.lang { display: block;} .ipad_menu.ipad_menu_1 ul li.lang a { display: inline-block; border-left: 1px solid #dbdbdb;} .ipad_menu.ipad_menu_1 ul li.lang.count_2 a { width: calc(50% - 31px);} .ipad_menu.ipad_menu_1 ul li.lang.count_3 a { width: calc(33.33% - 31px);} .ipad_menu.ipad_menu_1 ul li.lang.count_4 a { width: calc(25% - 31px);} .ipad_menu.ipad_menu_1 ul li.lang a:first-child(1) { border-left: 0;} .ipad_menu.ipad_menu_1 ul li a { border-top: 1px solid #dbdbdb; position: relative; font-size: 14px; line-height: 56px; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; padding: 0 15px; display: block; text-transform: uppercase; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .ipad_menu.ipad_menu_1 ul li:nth-child(1) a { border-top: 0 !important;} .notouch .ipad_menu.ipad_menu_1 ul li a:hover, .ipad_menu.ipad_menu_1 ul li.active a, .ipad_menu.ipad_menu_1 ul li a.active { background: #800d47; border-top: 1px solid #e8dfb3; color: #ffffff;} .ipad_menu.ipad_menu_1 ul ul { display: none;} .ipad_menu.ipad_menu_1 ul ul li { } .ipad_menu.ipad_menu_1 ul ul li a { background: #f0f0f0 !important; border: 0 !important; border-top: 1px solid #dbdbdb !important; position: relative; font-size: 14px; line-height: 44px; font-weight: 400; padding: 0 15px; display: block; text-transform: none; color: #000000 !important; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .ipad_menu.ipad_menu_1 ul ul li:first-child a { border: 0 !important;} .notouch .ipad_menu.ipad_menu_1 ul ul li:hover a, .ipad_menu ul ul li.active a { background: #e2e2e2 !important;} .ipad_menu.ipad_menu_1 ul li .icon { cursor: pointer; z-index: 100; display: block; position: absolute; top: 10px; left: 10px; width: 36px; height: 36px; background: #000000; border: 1px solid #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .ipad_menu.ipad_menu_1 ul li .icon::before { display: block; width: 36px; height: 36px; content: ""; position: absolute; top: 0; left: 0; background: url(../img/ipad_menu_arrow.png) no-repeat scroll center center;} .ipad_menu.ipad_menu_1 ul li .icon.active::before { transform: rotate(180deg);-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg)} .notouch .ipad_menu.ipad_menu_1 ul li:hover .icon, .ipad_menu.ipad_menu_1 ul li.active .icon { background: #000000;} @media screen and (max-width: 1024px) { header.header_1 { position: absolute;} header.header_1 nav ul { display: none;} header.header_1 .open_close_navigation { display: inline-block; vertical-align: middle;} .ipad_menu.ipad_menu_1 { display: block;} } @media screen and (max-width: 767px) { .header_height_1 { height: 66px;} header.header_1 a.logo { width: 120px; height: 40px;} header.header_1 a.logo img { max-width: 120px; max-height: 40px;} header.header_1 .box { width: calc(100% - 145px)} header.header_1 .lang { display: none;} header.header_1 .open_close_navigation::after { display: none;} header.header_1 .search_box form input[type=text] { width: 190px;} .ipad_menu.ipad_menu_1 { padding: 66px 0 0;} .ipad_menu.ipad_menu_1 ul li.lang { display: block;} } /*HEADER 2*/ .header_height_2 { display: block; height: 149px; position: relative;} header.header_2 { background: #fff; max-width: 1920px; margin: 0 auto; z-index: 9999; padding: 0; position: fixed; top: 0; left: 0; right: 0; margin: 0 auto; width: 100%; text-align: center; box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); -webkit-transition: all 400ms ease; transition: all 400ms ease;} header.header_2.icons { position: absolute; top: 0 !important} header.header_2.active { top: -50px;} header.header_2 .top_line { padding: 10px 30px; display: block; background: #800d47; position: relative;} header.header_2 .top_line .left_side { float: left; display: block;} header.header_2 .top_line .left_side p { margin: 0 10px 0 0; display: inline-block; vertical-align: middle; font-size: 12px; line-height: 30px; color: #fff; font-weight: 700; font-family: open_sansbold, sans-serif, Arial;} header.header_2 .top_line .left_side p a { font-size: 12px; line-height: 30px; color: #fff; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; text-decoration: underline;} .notouch header.header_2 .top_line .left_side p a:hover { text-decoration: none;} header.header_2 .top_line .right_side { float: right; display: block; white-space: nowrap; } header.header_2 .top_line .right_side ul.social { display: inline-block; vertical-align: middle; margin: 0 0 0 20px; padding: 0; } header.header_2 .top_line .right_side .search_box { position: relative; display: inline-block; vertical-align: middle;} header.header_2 .top_line .right_side .search_box span.icon { z-index: 999; cursor: pointer; width: 30px; height: 30px; position: relative; display: block; background: transparent; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header.header_2 .top_line .right_side .search_box span.icon::before { content: ""; width: 30px; height: 30px; display: block; position: absolute; top: 0; left: 0; background: url(../img/lupa.svg) no-repeat scroll center center; background-size: 14px 14px; opacity: 1; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch header.header_2 .top_line .right_side .search_box span.icon:hover::before, .notouch header.header_2 .top_line .right_side .search_box.hover_efekt span.icon::before { background: url(../img/lupa_black.svg) no-repeat scroll center center; background-size: 14px 14px;} .notouch header.header_2 .top_line .right_side .search_box span.icon:hover, .notouch header.header_2 .top_line .right_side .search_box.hover_efekt span.icon { background: #ffffff; } header.header_2 .top_line .right_side .search_box form { display: block; position: absolute; top: 0; right: 36px; z-index: 9999; opacity: 1; visibility: visible; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header.header_2 .top_line .right_side .search_box.active form { visibility: visible; opacity: 1;} header.header_2 .top_line .right_side .search_box form input[type=text] { border: 1px solid #ffffff; background: #ffffff; color: #000000; font-size: 12px; line-height: 16px; padding: 6px 15px; width: 160px; } header.header_2 .top_line .right_side .search_box form button { background: transparent; padding: 0; width: 30px; height: 30px; border: 0; position: absolute; right: -36px; top: 0; } header.header_2 .top_line .right_side .search_box form ul { border: 1px solid #dbdbdb; position: absolute; margin: 0; padding: 0; top: calc(100% + 2px); left: 0; right: 0; background: #ffffff; box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); } header.header_2 .top_line .right_side .search_box form ul:empty { display: none;} header.header_2 .top_line .right_side .search_box form ul li { list-style: none; display: block;} header.header_2 .top_line .right_side .search_box form ul li a { background: #fff; text-align: left; border-top: 1px solid #dbdbdb; font-size: 13px; line-height: 20px; color: #000; padding: 3px 10px; list-style: none; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header.header_2 .top_line .right_side .search_box form ul li a span { font-size: 12px; line-height: 20px; color: #666; padding: 0;} .notouch header.header_2 .top_line .right_side .search_box form ul li:hover a { background: #f0f0f0;} header.header_2 .top_line .right_side .search_box form ul li > span { background: #666666; text-align: left; font-size: 13px; line-height: 20px; color: #fff; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; padding: 7px 10px; list-style: none; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header.header_2 .bottom_line { padding: 18px 30px; display: block; background: #fff; position: relative;} header.header_2 a.logo { width: 240px; height: 60px; display: inline-block; vertical-align: middle; position: relative;} header.header_2 a.logo .box { width: 100%; height: 100%; display: table;} header.header_2 a.logo .box .centering { font-size: 16px; line-height: 22px; font-weight: 600; text-align: center; width: 100%; display: table-cell; vertical-align: middle;} header.header_2 a.logo img { display: block; margin: 0; max-width: 240px; max-height: 60px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header.header_2 .box { position: relative; z-index: 999; display: inline-block; vertical-align: middle; text-align: right; width: calc(100% - 265px); margin: 0 0 0 20px;} header.header_2 nav { position: relative; z-index: 999; display: inline-block; vertical-align: middle; margin: 0 0 0 30px;} header.header_2 nav ul { margin: 0; padding: 0; display: block; text-align: right;} header.header_2.icons nav ul { display: none;} header.header_2 nav ul li { padding: 0; position: relative; list-style: none; display: inline-block; vertical-align: middle; margin: 0 0 0 5px;} header.header_2 nav ul li a { text-transform: uppercase; display: block; line-height: 20px; font-size: 14px; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; padding: 22px 7px; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header.header_2 nav ul li a::before { opacity: 0.5; position: absolute; left: -5px; top: 50%; margin-top: -10px; width: 1px; background: #000000; content: ""; height: 20px;} header.header_2 nav ul li:first-child a::before { display: none;} .notouch header.header_2 nav ul li:hover > a, header.header_2 nav ul li.active > a { color: #800d47;} header.header_2 nav ul li ul { z-index: 0; margin: 0; padding: 0; position: absolute; top: calc(100% - 10px); opacity: 0; left: 50%; background: #800d47; display: block; visibility: hidden; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 200ms ease; transition: all 200ms ease;} header.header_2 nav ul li ul:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #800d47; border-width: 8px; margin-left: -8px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header.header_2 nav ul li ul.hover_efekt:before, header.header_2 nav ul li ul.special:before { border-bottom-color: #000000;} header.header_2 nav ul li:hover ul { top: 100%; visibility: visible; opacity: 1;} header.header_2 nav ul li ul li { margin: 0; list-style: none; display: block; width: 100%; padding: 0;} header.header_2 nav ul li ul li a { border-top: 1px solid #e8dfb3; white-space: nowrap; position: relative; text-transform: none; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; display: block; padding: 8px 30px; font-size: 13px; line-height: 18px; text-align: center; color: #fff; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header.header_2 nav ul li ul li:first-child a { border-top: 0;} header.header_2 nav ul li ul li a::before { display: none;} .notouch header.header_2 nav ul li ul li a:hover, header.header_2 nav ul li ul li.active a { background: #000000 !important; color: #ffffff !important;} header.header_2 .lang { z-index: 999; display: inline-block; vertical-align: middle; position: relative; width: 61px; height: 46px; margin: 0 0 0 20px;} header.header_2.icons.small .lang { display: none;} header.header_2 .lang span { text-align: center; z-index: 99; padding: 0 15px 0 0; font-size: 14px; line-height: 46px; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; color: #fff; text-transform: uppercase; z-index: 999; cursor: pointer; width: 46px; height: 46px; position: relative; display: block; background: url(../img/ipad_menu_arrow.png) no-repeat scroll 40px center #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch header.header_2 .lang span:hover { background-color: #800d47;} header.header_2 .lang .hide { display: none; position: absolute; left: 0; right: 0; top: 100%; z-index: 98; background: #fff; box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.6);} header.header_2 .lang .hide a { display: block; font-size: 14px; line-height: 36px; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; color: #000000; text-align: center; border-top: 1px solid #dbdbdb; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch header.header_2 .lang .hide a:hover { background: #800d47; border-top: 1px solid #800d47; color: #fff;} header.header_2 .lang .hide a:first-child { border-top: 0 !important;} header.header_2 .open_close_navigation { cursor: pointer; text-align: center; display: none; position: relative; z-index: 20; padding: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease; } header.header_2.icons .open_close_navigation { display: inline-block; vertical-align: middle;;} header.header_2 .open_close_navigation::after { margin: 0 0 0 5px; content: "MENU"; font-size: 16px; line-height: 40px; color: #000000; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; text-transform: uppercase; display: inline-block; vertical-align: middle; -webkit-transition: all 400ms ease; transition: all 400ms ease; cursor: pointer; user-select: none;} header.header_2.icons.small .open_close_navigation::after { display: none;} header.header_2 .open_close_navigation button { background: none; border: none; display: inline-block; vertical-align: middle; margin: 0;} header.header_2 .open_close_navigation .lines-button { font-size: 0; padding: 15px 0; -webkit-transition: all 400ms ease; transition: all 400ms ease; cursor: pointer; user-select: none;} header.header_2 .open_close_navigation .lines-button:active { transition: 0;} header.header_2 .open_close_navigation .lines { display: inline-block; width: 2rem; height: 3px; background: #000000; transition: 0.3s; position: relative;} header.header_2 .open_close_navigation .lines:before, header.header_2 .open_close_navigation .lines:after { display: inline-block; width: 2rem; height: 3px; background: #000000; transition: 0.3s; position: absolute; left: 0; content: ''; -webkit-transform-origin: 0.28571rem center; transform-origin: 0.28571rem center;} header.header_2 .open_close_navigation .lines:before { top: 0.5rem;} header.header_2 .open_close_navigation .lines:after { top: -0.5rem;} header.header_2 .open_close_navigation .lines-button.close { -webkit-transform: scale3d(0.8, 0.8, 0.8); transform: scale3d(0.8, 0.8, 0.8);} header.header_2 .open_close_navigation .lines-button.x.close .lines { background: transparent !important;} header.header_2 .open_close_navigation .lines-button.x.close .lines:before, header.header_2 .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: #000000;} header.header_2 .open_close_navigation .lines-button.x.close .lines:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg);} header.header_2 .open_close_navigation .lines-button.x.close .lines:after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg);} .notouch header.header_2 .open_close_navigation:hover::after { color: #800d47;} .notouch header.header_2 .open_close_navigation:hover .lines-button.x.close .lines:before, .notouch header.header_2 .open_close_navigation:hover .lines-button.x.close .lines:after { background: #800d47;} .notouch header.header_2 .open_close_navigation:hover .lines:before, .notouch header.header_2 .open_close_navigation:hover .lines:after { background: #800d47;} .notouch header.header_2 .open_close_navigation:hover .lines { background: #800d47;} .ipad_menu.ipad_menu_2 { display: none; position: absolute; max-width: 1920px; top: -900px; right: 0; left: 0; background: #ffffff; box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); padding: 149px 0 0; z-index: 9998; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .ipad_menu.ipad_menu_2.active { display: block;} .ipad_menu.ipad_menu_2.move { top: 0 !important;} .ipad_menu.ipad_menu_2 ul { display: block; position: relative; text-align: center; margin: 0; padding: 0; z-index: 9998;} .ipad_menu.ipad_menu_2 ul li { position: relative; list-style: none; display: block;} .ipad_menu.ipad_menu_2 ul li.lang { display: none;} .ipad_menu.ipad_menu_2.active.small ul li.lang { display: block;} .ipad_menu.ipad_menu_2 ul li.lang a { display: inline-block; border-left: 1px solid #dbdbdb;} .ipad_menu.ipad_menu_2 ul li.lang.count_2 a { width: calc(50% - 31px);} .ipad_menu.ipad_menu_2 ul li.lang.count_3 a { width: calc(33.33% - 31px);} .ipad_menu.ipad_menu_2 ul li.lang.count_4 a { width: calc(25% - 31px);} .ipad_menu.ipad_menu_2 ul li.lang a:first-child(1) { border-left: 0;} .ipad_menu.ipad_menu_2 ul li a { border-top: 1px solid #dbdbdb; position: relative; font-size: 14px; line-height: 56px; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; padding: 0 15px; display: block; text-transform: uppercase; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .ipad_menu.ipad_menu_2 ul li:nth-child(1) a { border-top: 0 !important;} .notouch .ipad_menu.ipad_menu_2 ul li a:hover, .ipad_menu.ipad_menu_2 ul li.active a, .ipad_menu.ipad_menu_2 ul li a.active { background: #800d47; border-top: 1px solid #e8dfb3; color: #ffffff;} .ipad_menu.ipad_menu_2 ul ul { display: none;} .ipad_menu.ipad_menu_2 ul ul li { } .ipad_menu.ipad_menu_2 ul ul li a { background: #f0f0f0 !important; border: 0 !important; border-top: 1px solid #dbdbdb !important; position: relative; font-size: 14px; line-height: 44px; font-weight: 400; padding: 0 15px; display: block; text-transform: none; color: #000000 !important; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .ipad_menu.ipad_menu_2 ul ul li:first-child a { border: 0 !important;} .notouch .ipad_menu.ipad_menu_2 ul ul li:hover a, .ipad_menu.ipad_menu_2 ul ul li.active a { background: #e2e2e2 !important;} .ipad_menu.ipad_menu_2 ul li .icon { cursor: pointer; z-index: 100; display: block; position: absolute; top: 10px; left: 10px; width: 36px; height: 36px; background: #000000; border: 1px solid #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .ipad_menu.ipad_menu_2 ul li .icon::before { display: block; width: 36px; height: 36px; content: ""; position: absolute; top: 0; left: 0; background: url(../img/ipad_menu_arrow.png) no-repeat scroll center center;} .ipad_menu.ipad_menu_2 ul li .icon.active::before { transform: rotate(180deg);-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg)} .notouch .ipad_menu.ipad_menu_2 ul li:hover .icon, .ipad_menu.ipad_menu_2 ul li.active .icon { background: #000000;} @media screen and (max-width: 1024px) { header.header_2 { position: absolute;} header.header_2 nav ul { display: none;} header.header_2 .open_close_navigation { display: inline-block; vertical-align: middle;} .ipad_menu.ipad_menu_2 { display: block;} } @media screen and (max-width: 767px) { .header_height_2 { height: 122px;} header.header_2 .bottom_line { padding: 15px 5%;} header.header_2 .top_line .left_side p { display: block; margin: 0;} header.header_2 .top_line .left_side p, header .top_line .left_side p * { line-height: 16px !important; text-align: left;} header.header_2 .top_line .right_side ul.social { display: none;} header.header_2 .top_line .right_side .search_box form { visibility: hidden; opacity: 0;} header.header_2 a.logo { width: 120px; height: 40px;} header.header_2 a.logo img { max-width: 120px; max-height: 40px;} header.header_2 .box { width: calc(100% - 145px)} header.header_2 .lang { display: none;} header.header_2 .open_close_navigation::after { display: none;} header.header_2 .search_box form input[type=text] { width: 190px;} .ipad_menu.ipad_menu_2 { padding: 122px 0 0;} .ipad_menu.ipad_menu_2 ul li.lang { display: block;} } #content{ background: #fff; padding: 0 0 50px; position: relative;} #content .c_column .inside{ padding-left: 0; padding-right: 0; width: 100%;} #content .inside{ margin: 0 auto 50px} #content .inside:last-of-type{ margin: 0 auto;} .hp #content { padding: 0; min-height: 0;} @media screen and (max-width: 1150px) { #content { min-height: initial; min-height: auto;} } .main_top { height: 500px; position: relative; display: block; padding: 0;} .main_top .main_slider { position: relative; opacity: 0; background: #f0f0f0; display: block; height: 500px; width: 100%; display: block; overflow: hidden; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease;} .main_top .main_slider.stop { opacity: 1;} .main_top .main_slider .item { width: 100%; height: 500px; display: block; background-attachment: local; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;} .main_top .main_slider .item .box { display: table; width: 90%; max-width: 1400px; margin: 0 auto; padding: 0; height: 100%; z-index: 10; position: relative;} .main_top .main_slider .item .box .centering { display: table-cell; vertical-align: middle; width: 100%;} .main_top .main_slider.version_1 .item .box .centering { text-align: left;} .main_top .main_slider.version_1 .item .box .centering .text { padding: 50px; background: rgba(0,0,0,0.55); display: inline-block; vertical-align: middle; max-width: calc(100% - 100px)} .main_top .main_slider.version_1 .item .box .centering .text .title { font-size: 30px; line-height: 38px; color: #fff; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; text-align: left; padding: 0 0 8px; display: block; margin: 0; max-width: 600px; text-shadow: 2px 2px 2px rgba(0,0,0,0.5)} .main_top .main_slider.version_1 .item .box .centering .text .anotation { font-size: 14px; line-height: 20px; color: #fff; font-weight: 400; text-align: left; padding: 0; display: block; margin: 0; max-width: 600px; text-shadow: 2px 2px 2px rgba(0,0,0,0.5)} .main_top .main_slider.version_2 .item::before { z-index: 1; position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; display: block; background: url(../img/slider_over1.png) repeat-y scroll left center; content: ""; opacity: 0.95} .sub .main_top .main_slider.version_2 .item::before { display: none;} .main_top .main_slider.version_2 .item .box .centering { text-align: left;} .main_top .main_slider.version_2 .item .box .centering .title { font-size: 30px; line-height: 38px; color: #fff; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; text-align: left; padding: 0 0 8px; display: block; margin: 0; max-width: 600px; text-shadow: 2px 2px 2px rgba(0,0,0,0.5)} .main_top .main_slider.version_2 .item .box .centering .anotation { font-size: 14px; line-height: 20px; color: #fff; font-weight: 400; text-align: left; padding: 0; display: block; margin: 0; max-width: 600px; text-shadow: 2px 2px 2px rgba(0,0,0,0.5)} .main_top .main_slider.version_3 .item::before { z-index: 1; position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; display: block; background: url(../img/slider_over2.png) repeat-x scroll center bottom; content: ""; opacity: 0.95} .sub .main_top .main_slider.version_3 .item::before { display: none;} .main_top .main_slider.version_3 .item .box .centering { text-align: center;} .main_top .main_slider.version_3 .item .box .centering .title { font-size: 30px; line-height: 38px; color: #fff; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; text-align: center; padding: 0 0 8px; display: block; margin: 0 auto; max-width: 600px; text-shadow: 2px 2px 2px rgba(0,0,0,0.5)} .main_top .main_slider.version_3 .item .box .centering .anotation { font-size: 14px; line-height: 20px; color: #fff; font-weight: 400; text-align: center; padding: 0; display: block; margin: 0 auto; max-width: 600px; text-shadow: 2px 2px 2px rgba(0,0,0,0.5)} .main_top .main_slider.owl-carousel .owl-controls .owl-pagination { text-align: center; position: absolute; bottom: 15px; margin: 0; width: calc(100% - 60px); left: 30px; right: 30px; min-height: 0; z-index: 990; } .main_top .main_slider.owl-carousel .owl-controls .owl-pagination .owl-page { counter-increment: item; display: inline-block; zoom: 1; *disply: inline; vertical-align: middle; margin: 0 3px;} .main_top .main_slider.owl-carousel .owl-controls .owl-pagination .owl-page span { position: relative; width: 25px; height: 4px; background: transparent; display: block; border: 1px solid #ffffff; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .main_top .main_slider.owl-carousel .owl-controls .owl-pagination .owl-page.active span, .notouch .main_top .main_slider.owl-carousel .owl-controls .owl-pagination .owl-page:hover span { background: #800d47; border: 1px solid #800d47;} .sub .main_top, .sub .main_top .main_slider, .sub .main_top .main_slider .item { height: 200px; position: relative; display: block; padding: 0;} .sub .main_top .main_slider.owl-carousel .owl-controls .owl-pagination { display: none;} @media screen and (max-width: 1500px) { .main_top, .main_top .main_slider, .main_top .main_slider .item { height: 440px;} } @media screen and (max-width: 1280px) { .sub .main_top, .sub .main_top .main_slider, .sub .main_top .main_slider .item { height: 140px;} } @media screen and (max-width: 1024px) { .main_top, .main_top .main_slider, .main_top .main_slider .item { height: 400px;} } @media screen and (max-width: 960px) { .main_top, .main_top .main_slider, .main_top .main_slider .item { height: 340px;} } @media screen and (max-width: 767px) { .main_top, .main_top .main_slider, .main_top .main_slider .item { height: 260px;} .main_top .main_slider.version_1 .item .box .centering { text-align: center;} .main_top .main_slider.version_1 .item .box .centering .text { padding: 25px 15px; max-width: calc(100% - 50px)} .main_top .main_slider.version_1 .item .box .centering .text .title { font-size: 24px; line-height: 30px; text-align: left;} .main_top .main_slider.version_1 .item .box .centering .text .anotation { text-align: left;} .main_top .main_slider.version_2 .item::before { background-size: 800px auto;} .main_top .main_slider.version_2 .item .box .centering .title { font-size: 24px; line-height: 30px; } .main_top .main_slider.version_3 .item::before { background-size: auto 400px;} .main_top .main_slider.version_3 .item .box .centering .title { font-size: 24px; line-height: 30px; } .main_top .main_slider.owl-carousel .owl-controls .owl-pagination { bottom: 10px; } } .news.version_1 { padding: 60px 0; width: 100%; background: #800d47; position: relative;} .news.version_1 h2 { text-align: center; margin: 0; padding: 0; font-size: 24px; line-height: 30px; font-weight: 800; text-transform: uppercase; color: #ffffff} .news.version_1 .hp_news_list > div { text-align: center; position: relative;} .news.version_1 .hp_news_list > div:not(.one)::before { position: absolute; left: 32%; top: 30px; bottom: 30px; height: calc(100% - 60px); width: 1px; content: ""; background: #e8dfb3;} .news.version_1 .hp_news_list > div.two::before { left: 50%;} .news.version_1 .hp_news_list > div.three::before { left: 32%;} .news.version_1 .hp_news_list > div.three::after { position: absolute; left: 67.5%; top: 30px; bottom: 30px; height: calc(100% - 60px); width: 1px; content: ""; background: #e8dfb3;} .news.version_1 .hp_news_list .item { width: calc(84% / 3 - 4px); position: relative; text-align: left; display: inline-block; vertical-align: top;; padding: 10px 0; margin: 30px 0;} .news.version_1 .hp_news_list div.three .item:nth-child(3n - 1) { margin: 30px 4%; padding: 10px 4%;} .news.version_1 .hp_news_list .item .date { display: block; margin: 0; font-size: 14px; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; line-height: 20px; color: #ffffff;} .news.version_1 .hp_news_list .item .title { display: block; padding: 10px 0; font-size: 16px; line-height: 22px; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; color: #000000; text-align: left; text-transform: uppercase; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .news.version_1 .hp_news_list .item:hover .title { color: #ffffff} .news.version_1 .hp_news_list .item .anotation { font-size: 13px; line-height: 18px; font-weight: 400; color: #000000; text-align: justify; margin: 0 0 10px; display: block;} .news.version_1 .hp_news_list .item .link { font-size: 14px; line-height: 20px; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; color: #000000; display: inline-block; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .news.version_1 .hp_news_list .item:hover .link { color: #ffffff;} .news.version_1 .hp_news_list div.one .item { text-align: center; width: 100%; padding: 0; max-width: 400px;} .news.version_1 .hp_news_list div.one .item .date { text-align: center;} .news.version_1 .hp_news_list div.one .item .title { text-align: center;} .news.version_1 .hp_news_list div.one .item .anotation { text-align: center;} .news.version_1 .hp_news_list div.two .item { text-align: center; width: calc(84% / 2 - 4px); padding: 0 4%; } .news.version_1 .hp_news_list div.two .item .date { text-align: center;} .news.version_1 .hp_news_list div.two .item .title { text-align: center;} .news.version_1 .hp_news_list div.two .item .anotation { text-align: center;} .news.version_1 .rss { display: inline-block; vertical-align: middle; margin: 10px 0 0; font-size: 12px; line-height: 16px; color: #fff; font-weight: 400; text-decoration: underline;} .notouch .news.version_1 .rss:hover { text-decoration: none;} @media screen and (max-width: 1150px) { .news.version_1 .hp_news_list > div.three::before { left: 50%;} .news.version_1 .hp_news_list > div.three::after { display: none;} .news.version_1 .hp_news_list div.three .item:nth-child(3) { display: none;} .news.version_1 .hp_news_list div.three .item:nth-child(3n - 1) { padding: 0 4%; margin: 30px 0;} .news.version_1 .hp_news_list div.three .item { text-align: center; width: calc(84% / 2 - 4px); padding: 0 4%; } .news.version_1 .hp_news_list div.three .item .date { text-align: center;} .news.version_1 .hp_news_list div.three .item .title { text-align: center;} .news.version_1 .hp_news_list div.three .item .anotation { text-align: center;} } @media screen and (max-width: 767px) { .news.version_1 .hp_news_list > div::before { display: none} .news.version_1 .hp_news_list > div::after { display: none} .news.version_1 .hp_news_list div.two .item { text-align: center; width: 100%; padding: 0; } .news.version_1 .hp_news_list div.three .item { text-align: center; width: 100%; padding: 0; } .news.version_1 .hp_news_list div.three .item:nth-child(3) { display: none;} .news.version_1 .hp_news_list div.three .item:nth-child(3n - 1) { padding: 0;} } .news.version_2 { padding: 60px 0; width: 100%; background: #f3f3f3; position: relative;} .news.version_2 h2 { text-align: center; margin: 0; padding: 0; font-size: 24px; line-height: 30px; font-weight: 800; text-transform: uppercase; color: #000000} .news.version_2 .hp_news_list > div { text-align: center; position: relative;} .news.version_2 .hp_news_list > div:not(.one)::before { position: absolute; left: 32%; top: 30px; bottom: 30px; height: calc(100% - 60px); width: 1px; content: ""; background: #000000;} .news.version_2 .hp_news_list > div.two::before { left: 50%;} .news.version_2 .hp_news_list > div.three::before { left: 32%;} .news.version_2 .hp_news_list > div.three::after { position: absolute; left: 67.5%; top: 30px; bottom: 30px; height: calc(100% - 60px); width: 1px; content: ""; background: #000000;} .news.version_2 .hp_news_list .item { width: calc(84% / 3 - 4px); position: relative; text-align: left; display: inline-block; vertical-align: top;; padding: 10px 0; margin: 30px 0;} .news.version_2 .hp_news_list div.three .item:nth-child(3n - 1) { margin: 30px 4%; padding: 10px 4%;} .news.version_2 .hp_news_list .item .date { display: block; margin: 0; font-size: 14px; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; line-height: 20px; color: #000000;} .news.version_2 .hp_news_list .item .title { display: block; padding: 10px 0; font-size: 16px; line-height: 22px; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; color: #000000; text-align: left; text-transform: uppercase; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .news.version_2 .hp_news_list .item:hover .title { color: #800d47} .news.version_2 .hp_news_list .item .anotation { font-size: 13px; line-height: 18px; font-weight: 400; color: #000000; text-align: justify; margin: 0 0 10px; display: block;} .news.version_2 .hp_news_list .item .link { font-size: 14px; line-height: 20px; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; color: #000000; display: inline-block; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .news.version_2 .hp_news_list .item:hover .link { color: #800d47;} .news.version_2 .hp_news_list div.one .item { text-align: center; width: 100%; padding: 0; max-width: 400px;} .news.version_2 .hp_news_list div.one .item .date { text-align: center;} .news.version_2 .hp_news_list div.one .item .title { text-align: center;} .news.version_2 .hp_news_list div.one .item .anotation { text-align: center;} .news.version_2 .hp_news_list div.two .item { text-align: center; width: calc(84% / 2 - 4px); padding: 0 4%; } .news.version_2 .hp_news_list div.two .item .date { text-align: center;} .news.version_2 .hp_news_list div.two .item .title { text-align: center;} .news.version_2 .hp_news_list div.two .item .anotation { text-align: center;} .news.version_2 .rss { display: inline-block; vertical-align: middle; margin: 10px 0 0; font-size: 12px; line-height: 16px; color: #000000; font-weight: 400; text-decoration: underline; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .news.version_2 .rss:hover { color: #800d47} @media screen and (max-width: 1150px) { .news.version_2 .hp_news_list > div.three::before { left: 50%;} .news.version_2 .hp_news_list > div.three::after { display: none;} .news.version_2 .hp_news_list div.three .item:nth-child(3) { display: none;} .news.version_2 .hp_news_list div.three .item:nth-child(3n - 1) { padding: 0 4%; margin: 30px 0;} .news.version_2 .hp_news_list div.three .item { text-align: center; width: calc(84% / 2 - 4px); padding: 0 4%; } .news.version_2 .hp_news_list div.three .item .date { text-align: center;} .news.version_2 .hp_news_list div.three .item .title { text-align: center;} .news.version_2 .hp_news_list div.three .item .anotation { text-align: center;} } @media screen and (max-width: 767px) { .news.version_2 .hp_news_list > div::before { display: none} .news.version_2 .hp_news_list > div::after { display: none} .news.version_2 .hp_news_list div.two .item { text-align: center; width: 100%; padding: 0; } .news.version_2 .hp_news_list div.three .item { text-align: center; width: 100%; padding: 0; } .news.version_2 .hp_news_list div.three .item:nth-child(3) { display: none;} .news.version_2 .hp_news_list div.three .item:nth-child(3n - 1) { padding: 0;} } .news.version_3 { padding: 60px 0; width: 100%; background: #f3f3f3; position: relative;} .news.version_3 h2 { text-align: center; margin: 0; padding: 0 0 20px; font-size: 24px; line-height: 30px; font-weight: 800; text-transform: uppercase; color: #000000} .news.version_3 .hp_news_list .news_slider { position: relative; width: 100%; max-width: 660px; margin: 0 auto 40px; display: block; opacity: 1;} .news.version_3 .hp_news_list .news_slider.stop { opacity: 1;} .news.version_3 .hp_news_list .news_slider .img { width: 100%; height: 250px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;} .news.version_3 .hp_news_list .news_slider .text { text-align: center; background: #000000; display: block; padding: 0 30px; position: relative; margin: 0;} .news.version_3 .hp_news_list .news_slider .text .boxes { display: table; width: 100%; position: relative; height: 170px;} .news.version_3 .hp_news_list .news_slider .text .boxes .centering { display: table-cell !important; vertical-align: middle; width: 100%;} .news.version_3 .hp_news_list .news_slider .text .boxes .centering h3 { text-align: center; font-size: 16px; line-height: 22px; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; margin: 0; padding: 0 0 8px; text-transform: uppercase; color: #fff;} .news.version_3 .hp_news_list .news_slider .text .boxes .centering h3 span { margin-left: 8px; white-space: nowrap; font-size: 14px; line-height: 18px; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; color: #bebebe;} .news.version_3 .hp_news_list .news_slider .text .boxes .centering .anotation { text-align: center; font-size: 13px; line-height: 18px; font-weight: 400; padding: 0; color: #bebebe; max-width: 430px; margin: 0 auto; display: block;} .news.version_3 .hp_news_list .news_slider .text .boxes .centering .link { margin: 8px 0 0; font-size: 14px; line-height: 20px; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; color: #bebebe; display: inline-block; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .news.version_3 .hp_news_list .news_slider .text .boxes .centering .link:hover { color: #ffffff;} .news.version_3 .hp_news_list .news_slider.owl-carousel .owl-controls { width: 100%; left: 0; right: 0; min-height: 0; z-index: 999; } .news.version_3 .hp_news_list .news_slider.owl-carousel .owl-controls .owl-buttons{ position: absolute; top: 50%; margin-top: -27px; left: 0; right: 0; } .news.version_3 .hp_news_list .news_slider.owl-carousel .owl-controls .owl-buttons .owl-prev { background: #000000; cursor: pointer; position:absolute; width: 52px; height: 52px; left: -80px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .news.version_3 .hp_news_list .news_slider.owl-carousel .owl-controls .owl-buttons .owl-next { background: #000000; cursor: pointer; position:absolute; width: 52px; height: 52px; right: -80px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .news.version_3 .hp_news_list .news_slider.owl-carousel .owl-controls .owl-buttons .owl-prev::before { position: absolute; left: 0; top: 0; content: "\2039"; color: #fff; line-height: 43px; font-size: 44px; text-align: center; display: block; width: 52px; height: 52px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .news.version_3 .hp_news_list .news_slider.owl-carousel .owl-controls .owl-buttons .owl-next::before { position: absolute; left: 0; top: 0; content: "\203A"; color: #fff; line-height: 43px; font-size: 44px; text-align: center; display: block; width: 52px; height: 52px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .news.version_3 .hp_news_list .news_slider.owl-carousel .owl-controls .owl-buttons .owl-prev:hover, .notouch .news.version_3 .hp_news_list .news_slider.owl-carousel .owl-controls .owl-buttons .owl-next:hover { background: #800d47;} .notouch .news.version_3 .hp_news_list .news_slider.owl-carousel .owl-controls .owl-buttons .owl-prev:hover::before, .notouch .news.version_3 .hp_news_list .news_slider.owl-carousel .owl-controls .owl-buttons .owl-next:hover::before { color: #ffffff;} .news.version_3 .hp_news_list .news_slider.owl-carousel .owl-controls .owl-pagination { position: absolute; bottom: -30px; margin-top: -20px; width: 100%; left: 0; right: 0; min-height: 0; z-index: 999; } .news.version_3 .hp_news_list .news_slider.owl-carousel .owl-controls .owl-pagination .owl-page { counter-increment: item; display: inline-block; zoom: 1; *disply: inline; vertical-align: middle; margin: 0 8px 0;} .news.version_3 .hp_news_list .news_slider.owl-carousel .owl-controls .owl-pagination .owl-page span { position: relative; width: 25px; margin: 2px; height: 4px; background: transparent; display: block; border: 1px solid #000000; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out;} .news.version_3 .hp_news_list .news_slider.owl-carousel .owl-controls .owl-pagination .owl-page.active span, .notouch .news.version_3 .hp_news_list .news_slider.owl-carousel .owl-controls .owl-pagination .owl-page:hover span { background: #000000} .news.version_3 .rss { display: inline-block; vertical-align: middle; margin: 10px 0 0; font-size: 12px; line-height: 16px; color: #000000; font-weight: 400; text-decoration: underline; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .news.version_3 .rss:hover { color: #800d47} @media screen and (max-width: 960px) { .news.version_3 .hp_news_list .news_slider { max-width: 560px;} .news.version_3 .hp_news_list .news_slider .img { height: 200px;} } @media screen and (max-width: 767px) { .news.version_3 .hp_news_list .news_slider { max-width: 86%} .news.version_3 .hp_news_list .news_slider .img { height: 150px;} .news.version_3 .hp_news_list .news_slider .text { padding: 0 15px;} .news.version_3 .hp_news_list .news_slider .text .boxes { height: 180px;} .news.version_3 .hp_news_list .news_slider .text .boxes .centering h3 { padding: 0 0 5px; font-size: 14px; text-transform: none; line-height: 20px; } .news.version_3 .hp_news_list .news_slider .text .boxes .centering h3 span { display: block; margin: 0 auto; font-size: 12px; } .news.version_3 .hp_news_list .news_slider .text .boxes .centering .anotation { overflow: hidden; height: 48px; font-size: 12px; line-height: 16px; } .news.version_3 .hp_news_list .news_slider .text .boxes .centering .link { margin: 5px 0 0;} .news.version_3 .hp_news_list .news_slider.owl-carousel .owl-controls { margin-top: -21px;} .news.version_3 .hp_news_list .news_slider.owl-carousel .owl-controls .owl-buttons .owl-prev { width: 42px; height: 42px; left: -25px;} .news.version_3 .hp_news_list .news_slider.owl-carousel .owl-controls .owl-buttons .owl-next { width: 42px; height: 42px; right: -25px;} .news.version_3 .hp_news_list .news_slider.owl-carousel .owl-controls .owl-buttons .owl-prev::before, .news.version_3 .hp_news_list .news_slider.owl-carousel .owl-controls .owl-buttons .owl-next::before { width: 42px; height: 42px; line-height: 34px; font-size: 40px;} .news.version_3 .hp_news_list .news_slider.owl-carousel .owl-controls .owl-pagination { display: none;} } .welcome_2.version_1 { text-align: center; background: #fff; padding: 60px 0;} .welcome_2.version_1 .calendar_box { display: inline-block; vertical-align: top; margin: 0 30px 30px 0; width: 400px; background: #f2f2f2; padding: 30px 0; height: 374px;} .welcome_2.version_1 .online { display: inline-block; vertical-align: top; margin: 0 0 30px 0; width: calc(100% - 437px); background: url(../img/online_bg.jpg) no-repeat scroll center center; -webkit-background-size: cover; background-size: cover;} .welcome_2.version_1 .online .box { height: 436px; display: table; width: 100%;} .welcome_2.version_1 .online .box .centering { display: table-cell; vertical-align: middle; width: 100%; text-align: center;} .welcome_2.version_1 .class_box { text-align: center; display: inline-block; vertical-align: middle; width: calc(50% - 19px); height: 350px; -webkit-background-size: cover; background-size: cover;} .welcome_2.version_1 .class_box.first { background: #c49b71; } .welcome_2.version_1 .class_box.second { background: #d5ac80; margin: 0 0 0 30px} .welcome_2.version_1 .class_box .box { height: 100%; width: 100%; display: table;} .welcome_2.version_1 .class_box .box .centering { height: 100%; width: 100%; display: table-cell; vertical-align: middle;} .welcome_2.version_1 .class_box h3 { text-align: center; margin: 0; padding: 0; font-size: 38px; line-height: 44px; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; color: #ffffff} .welcome_2.version_1.own_color .class_box h3 { color: #000000;} .welcome_2.version_1 .class_box ul { display: inline-block; vertical-align: middle; margin: 0; padding: 30px 0 0;} .welcome_2.version_1 .class_box ul li { display: inline-block; vertical-align: top; width: 70px;} .welcome_2.version_1 .class_box ul li a { opacity: 0.85; display: block; font-size: 16px; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; text-transform: uppercase; line-height: 32px; text-align: center; width: 60px; margin: 0 auto 10px; vertical-align: middle; color: #000000; background: #fff; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_2.version_1 .class_box ul li.long { width: 84px;} .welcome_2.version_1 .class_box ul li.long a { padding: 8px 12px; text-transform: none; line-height: 21px; } .notouch .welcome_2.version_1 .class_box ul li a:hover { opacity: 1; } .welcome_2.version_1 .class_box .link { font-size: 14px; line-height: 24px; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; color: #ffffff; margin: 20px 0 0; text-transform: uppercase; display: inline-block; vertical-align: middle; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_2.version_1.own_color .class_box .link { color: #ffffff; } .notouch .welcome_2.version_1 .class_box .link:hover { text-decoration: underline;} @media screen and (max-width: 1280px) { .welcome_2.version_1 .calendar_box { height: 331px;} .welcome_2.version_1 .online .box { height: 391px;} } @media screen and (max-width: 1150px) { .welcome_2.version_1 .calendar_box { width: 360px;} .welcome_2.version_1 .online { width: calc(100% - 394px)} .welcome_2.version_1 .class_box { width: calc(50% - 10px); height: 320px;} .welcome_2.version_1 .class_box.second { margin: 0 0 0 15px;} .welcome_2.version_1 .class_box h3 { font-size: 28px; line-height: 34px;} } @media screen and (max-width: 1024px) { .welcome_2.version_1 .calendar_box { height: 331px; width: 360px;} .welcome_2.version_1 .online { width: calc(100% - 394px)} .welcome_2.version_1 .online .box { height: 391px} .welcome_2.version_1 .class_box { width: calc(50% - 10px); height: 320px;} .welcome_2.version_1 .class_box.second { margin: 0 0 0 15px;} .welcome_2.version_1 .class_box h3 { font-size: 28px; line-height: 34px;} } @media screen and (max-width: 960px) { .welcome_2.version_1 .class_box ul { padding: 15px 0 8px;} .welcome_2.version_1 .class_box ul li { width: 56px;} .welcome_2.version_1 .class_box ul li a { margin: 0 auto 8px; font-size: 14px; width: 52px; line-height: 29px;} .welcome_2.version_1 .class_box ul li.long { width: 76px;} .welcome_2.version_1 .class_box ul li.long a { width: 52px;} } @media screen and (max-width: 767px) { .welcome_2.version_1 .calendar_box { display: block; margin: 0 auto 15px; height: 301px; width: 320px;} .welcome_2.version_1 .online { width: 100%; margin: 0 0 15px;} .welcome_2.version_1 .online .box { height: 260px} .welcome_2.version_1 { padding: 60px 0;} .welcome_2.version_1 .class_box { width: 100%; height: initial; height: auto; display: block; padding: 30px 0;} .welcome_2.version_1 .class_box .centering { display: block;} .welcome_2.version_1 .class_box.second { margin: 15px 0 0 0;} .welcome_2.version_1 .class_box h3 { font-size: 28px; line-height: 34px;} .welcome_2.version_1 .class_box ul { padding: 20px 0 0;} .welcome_2.version_1 .class_box ul li { width: 48px;} .welcome_2.version_1 .class_box ul li a { width: 44px; line-height: 25px;} .welcome_2.version_1 .class_box .link { margin: 10px 0 0;} } .welcome_2.version_2 { text-align: center; background: #fff; padding: 60px 0 0;} .welcome_2.version_2 .online_full { padding: 40px 0; display: block; width: 100%; background: #800d47;} .welcome_2.version_2 .online_full .text { display: inline-block; vertical-align: middle; width: calc(100% - 260px); padding: 0 40px 0 0;} .welcome_2.version_2 .online_full .text p { font-size: 30px; line-height: 34px; color: #fff; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; margin: 0; text-align: left; text-transform: uppercase; } .welcome_2.version_2 .online_full .text p span { font-size: 14px; line-height: 20px; color: #fff; font-weight: 400; margin: 4px 0 0; text-align: left; display: block; text-transform: none; } .welcome_2.version_2 .classes_box { min-height: 250px; background: #f3f3f3; text-align: center; display: inline-block; vertical-align: top; margin: 0 15px; width: calc(50% - 34px); max-width: 400px; } .welcome_2.version_2 .classes_box:only-child { min-height: initial !important; min-height: auto !important; } .welcome_2.version_2 .classes_box.min_height{ min-height: 284px;} .welcome_2.version_2 .classes_box h3 { background: #800d47; text-align: center; margin: 0; padding: 18px 0; font-size: 26px; line-height: 38px; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; text-transform: uppercase; color: #ffffff} .welcome_2.version_2 .classes_box ul { display: inline-block; vertical-align: middle; margin: 0; padding: 30px 0 0;} .welcome_2.version_2 .classes_box:only-child ul { padding: 30px 0;} .welcome_2.version_2 .classes_box ul li { display: inline-block; vertical-align: top; width: 70px;} .welcome_2.version_2 .classes_box ul li a { display: block; font-size: 16px; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; text-transform: uppercase; line-height: 32px; text-align: center; width: 60px; margin: 0 auto 10px; vertical-align: middle; color: #000000; background: #fff; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .welcome_2.version_2 .classes_box ul li a:hover { background: #800d47; color: #fff; } .welcome_2.version_2 .classes_box .link { font-size: 14px; line-height: 24px; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; color: #000000; margin: 10px 0 20px; text-transform: uppercase; display: inline-block; vertical-align: middle; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .welcome_2.version_2 .classes_box .link:hover { color: #800d47} .welcome_2.version_2 .action_full { width: 100%; background: #f3f3f3; margin: 70px 0 0; display: block; position: relative;} .welcome_2.version_2 .action_full.no_classes { margin: 0 0 60px;} .welcome_2.version_2 .action_full .img { position: absolute; top: 0; bottom: 0; left: 0; width: 36%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; } .welcome_2.version_2 .action_full .img .action_slider { position: relative; opacity: 0; background: #f0f0f0; display: block; height: 100%; width: 100%; display: block; overflow: hidden;} .welcome_2.version_2 .action_full .img .action_slider.stop { opacity: 1;} .welcome_2.version_2 .action_full .img .action_slider, .welcome_2.version_2 .action_full .img .action_slider *{ height: 100%;} .welcome_2.version_2 .action_full .img .action_slider .item { width: 100%; display: block; background-attachment: local; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;} .welcome_2.version_2 .action_full .img .action_slider .item::before { position: absolute; top: 0; right: 0; left: 0; bottom: 0; content: ""; display: block; background: rgba(0,0,0,0.35); z-index: 0;} .welcome_2.version_2 .action_full .img .action_slider .item .box { position: relative; z-index: 10; background: none; display: table; width: 90%; margin: 0 auto; padding: 0; height: 100%;} .welcome_2.version_2 .action_full .img .action_slider .item .box .centering { text-align: center; display: table-cell; vertical-align: middle; width: 100%;} .welcome_2.version_2 .action_full .img .action_slider .item .box .centering .title { height: initial; height: auto; font-size: 16px; line-height: 22px; color: #fff; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; text-align: center; padding: 0 0 8px; display: block; margin: 0; max-width: 600px; text-shadow: 2px 2px 2px rgba(0,0,0,0.5)} .welcome_2.version_2 .action_full .img .action_slider.owl-carousel .owl-controls, .welcome_2.version_2 .action_full .img .action_slider.owl-carousel .owl-controls *{ height: initial; height: auto} .welcome_2.version_2 .action_full .img .action_slider.owl-carousel .owl-controls{ margin: 0;} .welcome_2.version_2 .action_full .img .action_slider.owl-carousel .owl-controls .owl-pagination { text-align: center; position: absolute; bottom: 15px; margin: 0; width: calc(100% - 60px); left: 30px; right: 30px; min-height: 0; z-index: 990; } .welcome_2.version_2 .action_full .img .action_slider.owl-carousel .owl-controls .owl-pagination .owl-page { counter-increment: item; display: inline-block; zoom: 1; *disply: inline; vertical-align: middle; margin: 0 3px;} .welcome_2.version_2 .action_full .img .action_slider.owl-carousel .owl-controls .owl-pagination .owl-page span { position: relative; width: 25px; height: 4px; background: transparent; display: block; border: 1px solid #ffffff; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_2.version_2 .action_full .img .action_slider.owl-carousel .owl-controls .owl-pagination .owl-page.active span, .notouch .main_top .main_slider.owl-carousel .owl-controls .owl-pagination .owl-page:hover span { background: #800d47; border: 1px solid #800d47;} .welcome_2.version_2 .action_full .closest_action { display: inline-block; vertical-align: middle; padding: 40px 50px; margin: 0 0 0 36%; width: calc(100% - 460px - 100px - 36% - 5px); } .welcome_2.version_2 .action_full .closest_action h2 { text-align: left; margin: 0; padding: 0 0 50px; font-size: 24px; line-height: 30px; font-weight: 800; text-transform: uppercase; color: #000000} .welcome_2.version_2 .action_full .closest_action .item { display: block; width: 100%; text-align: left;} .welcome_2.version_2 .action_full .closest_action .item .date { display: block; margin: 0; font-size: 14px; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; line-height: 20px; color: #000000;} .welcome_2.version_2 .action_full .closest_action .item .title { display: block; padding: 10px 0; font-size: 16px; line-height: 22px; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; color: #000000; text-align: left; text-transform: uppercase; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch.welcome_2.version_2 .action_full:hover .closest_action .item .title { color: #800d47} .welcome_2.version_2 .action_full .closest_action .item .anotation { font-size: 13px; line-height: 18px; font-weight: 400; color: #000000; text-align: justify; margin: 0 0 10px; display: block;} .welcome_2.version_2 .action_full .closest_action .item .link { font-size: 14px; line-height: 20px; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; color: #000000; display: inline-block; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .welcome_2.version_2 .action_full .closest_action .item:hover .link { color: #800d47;} .welcome_2.version_2 .action_full .calendar_box { position: relative; display: inline-block; padding: 40px 0; margin: 0; width: 460px; vertical-align: middle; } .welcome_2.version_2 .action_full .calendar_box::before { position: absolute; width: 1px; top: 40px; bottom: 40px; left: 0; background: #000000; content: ""; display: block; } @media screen and (max-width: 1280px) { .welcome_2.version_2 .action_full .img { display: none;} .welcome_2.version_2 .action_full .closest_action { margin: 0; width: calc(100% - 460px - 100px - 5px); } } @media screen and (max-width: 1024px) { .welcome_2.version_2 .classes_box h3 { font-size: 22px; line-height: 32px;} .welcome_2.version_2 .classes_box ul li { width: 56px;} .welcome_2.version_2 .classes_box ul li a { margin: 0 auto 8px; font-size: 14px; width: 52px; line-height: 29px;} } @media screen and (max-width: 767px) { .welcome_2.version_2 { padding: 60px 0 0;} .welcome_2.version_2 .classes_box { width: 100%; display: block; padding: 0; margin: 0 auto;} .welcome_2.version_2 .classes_box h3 { font-size: 22px; line-height: 32px;} .welcome_2.version_2 .classes_box ul li { width: 48px;} .welcome_2.version_2 .classes_box ul li a { width: 44px; line-height: 25px;} .welcome_2.version_2 .action_full { margin: 60px 0 0;} .welcome_2.version_2 .online_full .text { display: block; width: 100%; padding: 0;} .welcome_2.version_2 .online_full .text p { font-size: 22px; line-height: 28px; text-align: center; margin: 0 0 20px; } .welcome_2.version_2 .online_full .text p span { text-align: center; } .welcome_2.version_2 .action_full .closest_action { display: none; } .welcome_2.version_2 .action_full .calendar_box { width: 100%; } .welcome_2.version_2 .action_full .calendar_box::before { display: none; } } .welcome_3.version_1 { padding: 60px 0; width: 100%; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; margin: 0 0 -1px; position: relative; background: #fff; } .welcome_3.version_1 h2 { text-align: center; margin: 0; padding: 0 0 20px; font-size: 24px; line-height: 30px; font-weight: 800; text-transform: uppercase; color: #800d47} .welcome_3.version_1 .gallery_slider { position: relative; opacity: 0; background: #fff; display: block; height: 240px; width: 100%; max-width: 84%; margin: 20px auto; display: block;} .welcome_3.version_1 .gallery_slider.stop { opacity: 1;} .welcome_3.version_1 .gallery_slider .item { position: relative; width: 100%; height: 240px; display: block; background-attachment: local; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;} .welcome_3.version_1 .gallery_slider .item::before{ opacity: 0; content: ""; display: block; position: absolute; left: 50%; top: 50%; right: 50%; bottom: 50%; background: #800d47; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .welcome_3.version_1 .gallery_slider .item::after{ opacity: 0; content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 70px; height: 70px; background: url(../img/fotogallery_icon.svg) no-repeat scroll center center; background-size: 70px 70px; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .welcome_3.version_1 .gallery_slider .item:hover::before{ opacity: 0.90; left: 0; top: 0; right: 0; bottom: 0;} .notouch .welcome_3.version_1 .gallery_slider .item:hover::after{ opacity: 1; background-size: 60px 60px;} .welcome_3.version_1 .gallery_slider.owl-carousel .owl-controls { position: absolute; top: 50%; margin-top: -27px; width: 100%; left: 0; right: 0; min-height: 0; z-index: 999; } .welcome_3.version_1 .gallery_slider.owl-carousel .owl-controls .owl-buttons .owl-prev { border: 1px solid #800d47; background: #800d47; cursor: pointer; position:absolute; width: 52px; height: 52px; left: -27px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_3.version_1 .gallery_slider.owl-carousel .owl-controls .owl-buttons .owl-next { border: 1px solid #800d47; background: #800d47; cursor: pointer; position:absolute; width: 52px; height: 52px; right: -27px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_3.version_1 .gallery_slider.owl-carousel .owl-controls .owl-buttons .owl-prev::before { position: absolute; left: 0; top: 0; content: "\2039"; color: #fff; line-height: 43px; font-size: 44px; text-align: center; display: block; width: 52px; height: 52px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_3.version_1 .gallery_slider.owl-carousel .owl-controls .owl-buttons .owl-next::before { position: absolute; left: 0; top: 0; content: "\203A"; color: #fff; line-height: 43px; font-size: 44px; text-align: center; display: block; width: 52px; height: 52px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .welcome_3.version_1 .gallery_slider.owl-carousel .owl-controls .owl-buttons .owl-prev:hover, .notouch .welcome_3.version_1 .gallery_slider.owl-carousel .owl-controls .owl-buttons .owl-next:hover { background: #ffffff;} .notouch .welcome_3.version_1 .gallery_slider.owl-carousel .owl-controls .owl-buttons .owl-prev:hover::before, .notouch .welcome_3.version_1 .gallery_slider.owl-carousel .owl-controls .owl-buttons .owl-next:hover::before { color: #800d47} @media screen and (max-width: 1500px) { .welcome_3.version_1 .gallery_slider, .welcome_3 .gallery_slider .item { height: 220px;} } @media screen and (max-width: 1400px) { .welcome_3.version_1 .gallery_slider, .welcome_3 .gallery_slider .item { height: 200px;} } @media screen and (max-width: 1280px) { .welcome_3.version_1 { padding: 60px 0;} .welcome_3.version_1 .icon { display: none;} .welcome_3.version_1 h2 { padding: 0;} } @media screen and (max-width: 767px) { .welcome_3.version_1 .gallery_slider, .welcome_3 .gallery_slider .item { height: 200px;} .welcome_3.version_1 .gallery_slider.owl-carousel .owl-controls { margin-top: -21px;} .welcome_3.version_1 .gallery_slider.owl-carousel .owl-controls .owl-buttons .owl-prev { width: 42px; height: 42px; left: -10px;} .welcome_3.version_1 .gallery_slider.owl-carousel .owl-controls .owl-buttons .owl-next { width: 42px; height: 42px; right: -10px;} .welcome_3.version_1 .gallery_slider.owl-carousel .owl-controls .owl-buttons .owl-prev::before, .welcome_3.version_1 .gallery_slider.owl-carousel .owl-controls .owl-buttons .owl-next::before { width: 42px; height: 42px; line-height: 34px; font-size: 40px;} } .welcome_3.version_2 { padding: 60px 0; width: 100%; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; position: relative; background: #fff;} .welcome_3.version_2 h2 { text-align: center; margin: 0; padding: 0 0 20px; font-size: 24px; line-height: 30px; font-weight: 800; text-transform: uppercase; color: #800d47} .welcome_3.version_2 .gallery_preview .item { position: relative; width: calc(50% - 20px); margin: 0 0 20px; height: 240px; display: inline-block; vertical-align: middle; background-attachment: local; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;} .welcome_3.version_2 .gallery_preview .item::before { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #800d47; content: ""; opacity: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .welcome_3.version_2 .gallery_preview .item::after { opacity: 0; content: ""; display: block; position: absolute; left: 4px; top: 4px; right: 4px; bottom: 4px; background: url(../img/fotogallery_icon.svg) no-repeat scroll center center; background-size: 55px 55px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .welcome_3.version_2 .gallery_preview .item:hover::before { opacity: 0.7;} .notouch .welcome_3.version_2 .gallery_preview .item:hover::after { opacity: 1;} .welcome_3.version_2 .gallery_preview .item:nth-child(2n) { margin: 0 0 20px 20px;} @media screen and (max-width: 1280px) { .welcome_3.version_2 { padding: 60px 0;} .welcome_3.version_2 .icon { display: none;} .welcome_3.version_2 h2 { padding: 0;} } .welcome_4.version_1 { padding: 60px 0; width: 100%; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; position: relative; background: #fff;} .welcome_4.version_1 h2 { text-align: center; margin: 0; padding: 0 0 20px; font-size: 24px; line-height: 30px; font-weight: 800; text-transform: uppercase; color: #800d47} .welcome_4.version_1 .partner_slider { position: relative; opacity: 0; background: #fff; display: block; height: 120px; width: 100%; max-width: 84%; margin: 20px auto; display: block;} .welcome_4.version_1 .partner_slider.stop { opacity: 1;} .welcome_4.version_1 .partner_slider .item { position: relative; margin: 0 auto; width: 80%; height: 120px; display: block; background-attachment: local; background-repeat: no-repeat; background-position: center center; -webkit-background-size: contain; background-size: contain;} @media screen and (max-width: 1280px) { .welcome_4.version_1 h2 { padding: 0;} } .detail { position: relative; display: block; padding: 0 0 30px;} .detail .main_img { display: inline-block; vertical-align: top; max-width: calc(60% - 34px); margin: 0 30px 0 0; padding: 0 !important} .detail .main_img.full { display: block; width: 100%; margin: 0 0 30px 0; max-width: 100%;} .detail .main_img img { max-width: 100%; display: block; margin: 0;} .detail .main_text { display: inline-block; vertical-align: top; max-width: 40%; margin: 0; padding: 0 !important} .detail .main_text h2 { text-align: left; margin: 0; padding: 0 0 5px; font-size: 16px; line-height: 20px; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; color: #000000;} .detail .main_text .img { width: 139px; height: 139px; float: left; border: 1px solid #f2f2f2; background-attachment: local; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;} .detail .main_text .text { text-align: left; padding: 0 0 0 20px; width: calc(100% - 161px); float: left; } .detail .main_text p { text-align: left; margin: 0; padding: 0;} .detail .main_text p strong { display: block; padding: 0 0 5px;} .detail .main_text p.phone { display: block; margin: 0; background: url(../img/footer_icon1.svg) no-repeat scroll left center; background-size: 18px 18px; padding: 2px 0 2px 20px;} .detail .main_text p.mail { display: block; margin: 0; background: url(../img/footer_icon2.svg) no-repeat scroll left center; background-size: 18px 18px; padding: 2px 0 2px 20px;} .detail .main_text p.when { display: block; margin: 0; background: url(../img/footer_icon3.svg) no-repeat scroll left center; background-size: 18px 18px; padding: 2px 0 2px 20px;} .detail .main_text p a:not(.btn) { text-decoration: underline; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .description_box { background: #f0f0f0; padding: 40px; margin: 30px 0 0; display: block;} .description_box article { max-width: 100%;} .detail .container > div:not(.main_img):not(.main_text):not(.description_box) { padding: 0 !important; margin: 30px 0 0;} .detail .container > div > h2 { text-align: left; margin: 0; padding: 0 0 10px; font-size: 22px; line-height: 26px; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; text-transform: uppercase; color: #000000;} .week_plan { width: 100%; display: block; position: relative; margin: 0;} .week_plan .date { padding: 0 0 0 30px; font-size: 14px; line-height: 25px; color: #000000; text-align: left; margin: 0; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; position: relative;} .week_plan .date::before { width: 25px; height: 25px; content: ""; background: url(../img/calendar_icon.svg) no-repeat scroll center center; background-size: 25px 25px; position: absolute; left: 0; top: 0; margin-top: 0;} .week_plan .print { display: inline-block; vertical-align: middle; padding: 0 0 0 25px; position: relative; margin: 0;} .week_plan .print::before { width: 25px; height: 25px; content: ""; background: url(../img/print_icon.svg) no-repeat scroll center center; background-size: 25px 25px; position: absolute; left: 0; top: 0; margin-top: 0;} .week_plan .print a { text-decoration: underline; display: block; font-size: 14px; line-height: 25px; color: #000000; text-align: left; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .week_plan .print a:hover { color: #800d47;} .week_plan .arrows { position: absolute; top: 18px; right: 0;} .week_plan .arrows .prev { position: relative; cursor:pointer; padding: 0 20px 0 40px; float: left; font-size: 14px; line-height: 18px; color: #000; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; text-align: left; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .week_plan .arrows .prev.opacity { cursor: text; opacity: 0.4; color: #000 !important; } .week_plan .arrows .prev.opacity::after { color: #000 !important; } .week_plan .arrows .prev i { display: block; font-style: normal; font-size: 12px; line-height: 16px; color: #000; font-weight: 400; text-align: left; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .week_plan .arrows .prev::after { opacity: 1; position: absolute; left: 0; top: 0; content: "\2039"; color: #000; font-size: 33px; line-height: 30px; font-weight: 300; text-align: center; display: block; width: 40px; height: 34px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .week_plan .arrows .next { position: relative; cursor:pointer; padding: 0 40px 0 20px; float: right; font-size: 14px; line-height: 18px; color: #000; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; text-align: right; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .week_plan .arrows .next.opacity { cursor: text; opacity: 0.4; color: #000 !important; } .week_plan .arrows .next.opacity::after { color: #000 !important; } .week_plan .arrows .next i { display: block; font-style: normal; font-size: 12px; line-height: 16px; color: #000; font-weight: 400; text-align: right; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .week_plan .arrows .next::after { opacity: 1; position: absolute; right: 0; top: 0; content: "\203A"; color: #000; font-size: 33px; line-height: 30px; font-weight: 300; text-align: center; display: block; width: 40px; height: 34px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .week_plan .arrows .prev:hover, .week_plan .arrows .next:hover { color: #800d47;} .week_plan .arrows .prev:hover::after, .week_plan .arrows .next:hover::after { color: #800d47;} .week_plan article { -webkit-transition: all 1000ms ease; transition: all 1000ms ease;} .week_plan article.opacity { opacity: 0.4;} .week_plan article { max-width: 100%; width: 100%; margin: 20px 0 0;} .week_plan article table tr th { white-space: nowrap; min-width: 100px; text-transform: uppercase; text-align: left; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; padding: 8px 10px; background: #4d4d4d; color: #fff; border: 1px solid #000; border-right: 0;} .week_plan article table thead tr th { text-align: left;} .week_plan article table tr td { font-weight: 500; width: 50%;} .schedule { width: 100%; display: block; position: relative;} .schedule h2{ display: inline-block; vertical-align: bottom;} .schedule a.prolink{ display: inline-block; vertical-align: bottom; margin: 0 0 8px 10px; font-size: 12px; line-height: 24px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .schedule a.prolink.print{ margin: 0 0 10px 15px; background: url(../img/print.svg) no-repeat scroll left center; background-size: 20px 20px; padding: 0 0 0 22px;} .notouch .schedule a.prolink:hover{ color: #800d47;} .schedule p.anotation { text-align: left; margin: 0; padding: 0 0 5px; font-size: 14px; line-height: 20px; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; color: #000000;} .schedule article { max-width: 100%; width: 100%; margin: 0 ;} .schedule article table { border-collapse: collapse;} .schedule article table tr th { font-size: 11px; white-space: nowrap; text-transform: uppercase; text-align: center; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; padding: 5px 7px; background: #4d4d4d; color: #fff; border: 1px solid #000;} .schedule article table thead tr th { text-align: center;} .schedule article table tr td { padding: 5px 8px; font-size: 11px; font-weight: 500;} .schedule article table tr td:nth-child(1) { min-width: 60px; text-align:right; background: #4d4d4d; color: #fff; border: 1px solid #000; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; padding: 5px 7px;} .schedule article table tr td.print{ border: 0; background: transparent; font-size: 12px; line-height: 20px;} .action_plan { width: 100%; display: block; position: relative;} .action_plan > div { margin: 0 0 -20px} .action_plan .item { width: calc(33.33% - 40px / 3); float: left; margin: 0 0 20px; position: relative; display: block; max-width: 500px;} .action_plan .item:nth-child(3n - 1) { margin: 0 20px 20px;} .action_plan .item .number { display: inline-block; vertical-align: top; font-size: 20px; line-height: 20px; color: #f0f0f0; text-align: left; width: 44px; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; text-transform: uppercase;} .action_plan .item .text { display: inline-block; vertical-align: top; width: calc(100% - 50px);} .action_plan .item .text .title { font-size: 16px; line-height: 22px; color: #000000; text-align: left; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; text-transform: uppercase; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .action_plan .item .text .date { font-size: 13px; line-height: 18px; color: #000000; text-align: left; font-weight: 400; display: block;} .notouch .action_plan .item:hover .text .title { color: #000000} .gallery_plan { width: 100%; display: block; position: relative;} .gallery_plan .item { overflow: hidden; width: calc(25% - 60px / 4 - 2px); float: left; margin: 0 0 20px; border: 1px solid #e7e8e9; ; position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .gallery_plan .item:nth-child(4n - 2) { margin: 0 20px 20px;} .gallery_plan .item:nth-child(4n - 1) { margin: 0 20px 20px 0;} .gallery_plan .item .img { display: block; height: 300px; width: 100%; background-attachment: local; position: relative; background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover;} .gallery_plan .item .text { border-top: 1px solid #e7e8e9; position: absolute; left: 0; right: 0; bottom: 0; text-align: left; padding: 20px; display: block; background: #fff; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .gallery_plan .item .text .title { font-size: 16px; line-height: 22px; color: #000000; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; text-align: left; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .gallery_plan .item .text .anotation { font-size: 13px; line-height: 18px; color: #000000; font-weight: 400; text-align: left; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .gallery_plan .item:hover .text .title { color: #000000} .notouch .gallery_plan .item:hover { border: 1px solid #dbdbdb;} .notouch .gallery_plan .item:hover .text { border-top: 1px solid #dbdbdb;} @media screen and (max-width: 1500px) { .detail .main_img { max-width: calc(55% - 34px);} .detail .main_text { max-width: 45%;} .gallery_plan .item { width: calc(33.33% - 40px / 3 - 2px); margin: 0 0 20px !important;} .gallery_plan .item:nth-child(3n - 1) { margin: 0 20px 20px !important;} .gallery_plan .item .text .title { font-size: 16px; line-height: 20px;} } @media screen and (max-width: 1024px) { .gallery_plan .item { width: calc(50% - 20px / 2 - 2px); margin: 0 0 20px !important;} .gallery_plan .item:nth-child(3n - 1) { margin: 0 0 20px !important;} .gallery_plan .item:nth-child(2n) { margin: 0 0 20px 20px !important;} } @media screen and (max-width: 767px) { .detail .main_img { display: block; max-width: 100%; margin: 0 0 30px;} .detail .main_text { text-align: center;display: block; max-width: 100%; margin: 0 0 30px;} .detail .main_text .person { display: inline-block; } .description_box { padding: 25px;} .detail .container > div > h2 { text-transform: none; font-size: 18px; line-height: 24px;} .gallery_plan { text-align: center;} .gallery_plan .item { width: 100%; margin: 0 0 20px !important; display: block;} .gallery_plan .item:nth-child(3n - 1) { margin: 0 0 20px !important;} .gallery_plan .item:nth-child(2n) { margin: 0 0 20px !important;} .gallery_plan .item .img { height: 220px;} .gallery_plan .item .text { padding: 15px 10px;} .gallery_plan .item .text .title { font-size: 14px;} .week_plan { text-align: center;} .week_plan .date { display: inline-block; } .week_plan .arrows { position: relative; display: inline-block; vertical-align: middle; margin: 0 0 20px;} .week_plan .arrows .prev { padding: 0 10px 0 0;} .week_plan .arrows .prev::after { display: none } .week_plan .arrows .next { padding: 0 0 0 10px;} .week_plan .arrows .next::after { display: none } .schedule { text-align: center;} .action_plan { text-align: center;} .action_plan .item { width: calc(50% - 20px / 2); margin: 0 0 20px !important;} .action_plan .item:nth-child(2n) { margin: 0 0 20px 20px !important;} .action_plan .item .number { font-size: 20px; line-height: 20px; width: 36px;} .action_plan .item .text { width: calc(100% - 42px);} .action_plan .item .text .title { font-size: 14px; line-height: 20px;} .action_plan .item .text .date { font-size: 14px; line-height: 20px;} } .employee_detail { display: block; position: relative; width: 100%; margin: 30px 0 0; } .employee_detail .img { width: 298px; height: 298px; float: left; border: 1px solid #f2f2f2; background-attachment: local; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;} .employee_detail .text { padding: 0 0 0 50px; width: calc(100% - 350px); float: left; } .employee_detail .text h2 { text-align: left; margin: 0; padding: 25px 0 5px; font-size: 16px; line-height: 20px; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; color: #000000;} .employee_detail .text h2:first-of-type { padding: 0 0 5px;} .employee_detail .text p { text-align: left; margin: 0; padding: 0;} .employee_detail .text p.phone { display: block; margin: 0; background: url(../img/footer_icon1.svg) no-repeat scroll left center; background-size: 18px 18px; padding: 2px 0 2px 20px;} .employee_detail .text p.when { display: block; margin: 0; background: url(../img/footer_icon3.svg) no-repeat scroll left center; background-size: 18px 18px; padding: 2px 0 2px 20px;} .employee_detail .text p.mail { display: block; margin: 0; background: url(../img/footer_icon2.svg) no-repeat scroll left center; background-size: 18px 18px; padding: 2px 0 2px 20px;} .employee_detail .text p a { text-decoration: underline; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .employee_detail .text p a.link { font-weight: 700; font-family: open_sansbold, sans-serif, Arial;} .notouch .employee_detail .text p a:hover { color: #800d47;} .employee_detail .text article { margin: 0;} @media screen and (max-width: 1024px) { .employee_detail .img { width: 248px; height: 248px;} .employee_detail .text { padding: 0 0 0 30px; width: calc(100% - 280px);} } @media screen and (max-width: 700px) { .employee_detail .text { padding: 20px 0 0; width: 100%;} } #calendar { width: 340px; margin: 0 auto;} #calendar .fc-day-grid-container { height: 277px !important;} #calendar .fc-toolbar { position: relative; text-align: center; } #calendar .fc-toolbar .fc-center { display: block; text-align: center; white-space: nowrap; } #calendar .fc-toolbar .fc-center button.fc-prev-button { position: relative; font-size: 0; line-height: 0; display: inline-block; vertical-align: middle; background: #fff; width: 30px; height: 30px; border: 0; padding: 0; text-indent: -9999px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} #calendar .fc-toolbar .fc-center button.fc-prev-button::before { content: "\2039"; font-weight: 300; display: block; position: absolute; top: 0; left: 1px; width: 30px; height: 30px; line-height: 25px; font-size: 30px; text-indent: 0; text-align: center; color: #800d47; -webkit-transition: all 400ms ease; transition: all 400ms ease;} #calendar .fc-toolbar .fc-center button.fc-next-button { position: relative; font-size: 0; line-height: 0; display: inline-block; vertical-align: middle; background: #fff; width: 30px; height: 30px; border: 0; padding: 0; text-indent: -9999px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} #calendar .fc-toolbar .fc-center button.fc-next-button::before { content: "\203A"; font-weight: 300; display: block; position: absolute; top: 0; left: 1px; width: 30px; height: 30px; line-height: 25px; font-size: 30px; text-indent: 0; text-align: center; color: #800d47; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch #calendar .fc-toolbar .fc-center button.fc-prev-button:hover::before { color: #fff; background: #800d47 } .notouch #calendar .fc-toolbar .fc-center button.fc-next-button:hover::before { color: #fff; background: #800d47 } #calendar .fc-toolbar .fc-center h2 { text-transform: uppercase; width: calc(100% - 60px); font-size: 22px; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; color: #800d47; line-height: 30px; margin: 0; padding: 0; text-align: center; padding: 0; display: inline-block; vertical-align: middle; } #calendar table { border-spacing: 0 0; table-layout: fixed; width: 100%;} #calendar table .fc-head th { text-transform: uppercase; font-size: 14px; line-height: 40px; text-align: center; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; color: #000000; padding: 20px 0 0;} #calendar table .fc-body { background: transparent;} #calendar table .fc-body thead td { position: relative; text-align: center; cursor: pointer; -webkit-transition: all 400ms ease; transition: all 400ms ease;} #calendar table .fc-body thead td .fc-day-number, #calendar table .fc-body thead td .event-fc-day-number { display: inline-block; position: relative; z-index: 999; font-size: 14px; width: 40px; line-height: 40px; text-align: center; padding: 0; font-weight: 400; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease; -webkit-border-radius: 0; border-radius: 0; } #calendar table .fc-body td.fc-other-month .fc-day-number, #calendar table .fc-body td.fc-other-month .event-fc-day-number { color: #929292;} #calendar table .fc-body thead td { cursor: default;} #calendar table .fc-body thead td.event, #calendar table .fc-body thead td.fc-today { cursor: pointer;} #calendar table .fc-body thead td.event::before, #calendar table .fc-body thead td.fc-today::before { z-index: 8; opacity: 0; position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -20px; background: transparent; width: 40px; height: 40px; z-index: 0; content: ""; display: block; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch #calendar table .fc-body thead td:hover::before { z-index: 10; opacity: 1 !important; background: #800d47 !important;} #calendar table .fc-body thead td.fc-today::before { z-index: 10; opacity: 1 !important; background: #888888 !important;} #calendar table .fc-body thead td.event::before { z-index: 10; opacity: 1 !important; background: #333333 !important;} #calendar table .fc-body td.event::before { opacity: 1; background: #000000;} #calendar table .fc-body td.event .fc-day-number, #calendar table .fc-body td.event .event-fc-day-number { color: #fff;} #calendar table .fc-body td.fc-state-highlight.fc-today::before { opacity: 1; background: #000000;} #calendar table .fc-body td.fc-state-highlight .fc-day-number { color: #fff} #calendar table .fc-bg { height: 0; min-height: 0; display: none;} #calendar table .fc-content-skeleton thead { position: relative; z-index: 10;} #calendar table .fc-content-skeleton tbody { position: relative; top: 0; height: 0; z-index: 0;} #calendar table .fc-body tbody td { border: 0;} #calendar table .fc-event-container span, #calendar table .fc-event-container a { display: none;} #calendar table .fc-content-skeleton tbody .fc-content { position: absolute; right: 10px; top: 10px;width: 12px; height: 12px; display: block;} #calendar table .fc-content-skeleton table { height: 46px !important;} #calendar table .fc-row.fc-week.fc-widget-content { height: 46px !important} @media screen and (max-width: 1280px) { #calendar { width: 280px;} #calendar .fc-day-grid-container { height: 240px !important;} #calendar .fc-toolbar .fc-center h2 { font-size: 20px;} #calendar table .fc-head th { line-height: 34px} #calendar table .fc-body thead td .fc-day-number, #calendar table .fc-body thead td .event-fc-day-number { width: 34px; line-height: 34px; font-size: 12px;} #calendar table .fc-body thead td.event::before, #calendar table .fc-body thead td.fc-today::before { margin: -17px 0 0 -17px; width: 34px; height: 34px; } #calendar table .fc-content-skeleton table { height: 40px !important;} #calendar table .fc-row.fc-week.fc-widget-content { height: 40px !important} } @media screen and (max-width: 767px) { #calendar .fc-toolbar .fc-center h2 { font-size: 18px;} #calendar table .fc-head th { line-height: 30px} #calendar table .fc-body thead td .fc-day-number, #calendar table .fc-body thead td .event-fc-day-number { width: 30px; line-height: 30px;} #calendar table .fc-body thead td.event::before, #calendar table .fc-body thead td.fc-today::before { margin: -15px 0 0 -15px; width: 30px; height: 30px; } #calendar table .fc-content-skeleton table { height: 36px !important;} #calendar table .fc-row.fc-week.fc-widget-content { height: 36px !important} #calendar table .fc-body thead td .fc-day-number, #calendar table .fc-body thead td .event-fc-day-number { font-size: 13px;} } .content_1 .c_column { position: relative; width: calc(100% - 450px); float: left;} .content_2 .c_column { position: relative; width: calc(100% - 450px); float: right;} .c_column.full { width: 100% !important; float: none !important;} .content_1 aside { position: relative; width: 400px; float: right; padding: 0;} .content_2 aside { position: relative; width: 400px; float: left; padding: 0;} aside .box { position: relative; background: #f2f2f2; padding: 0; margin: 20px 0 0;} aside .box:first-child { padding: 0 0 20px; margin: 0;} aside .box h4 { text-align: center; margin: 0; padding: 25px 0 20px; font-size: 26px; line-height: 32px; font-weight: 900; text-transform: uppercase; color: #800d47} aside .aside_slider.version_1 { position: relative; opacity: 0; background: #f0f0f0; display: block; height: 160px; width: 100%; display: block; overflow: hidden;} aside .aside_slider.stop.version_1 { opacity: 1;} aside .aside_slider.version_1 .item { width: 100%; height: 160px; display: block; background-attachment: local; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;} aside .aside_slider.version_1 .item::before { position: absolute; top: 0; right: 0; left: 0; bottom: 0; content: ""; display: block; background: rgba(0,0,0,0.35); z-index: 0;} aside .aside_slider.version_1 .item .box { position: relative; z-index: 10; background: none; display: table; width: 90%; margin: 0 auto; padding: 0; height: 100%;} aside .aside_slider.version_1 .item .box .centering { text-align: center; display: table-cell; vertical-align: middle; width: 100%;} aside .aside_slider.version_1 .item .box .centering .title { font-size: 16px; line-height: 22px; color: #fff; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; text-align: center; padding: 0 0 8px; display: block; margin: 0; max-width: 600px; text-shadow: 2px 2px 2px rgba(0,0,0,0.5)} aside .aside_slider.version_2 { position: relative; display: block; width: 100%; display: block;} aside .aside_slider.version_2 .item { position: relative; margin: 10px 0 0; width: 100%; height: 160px; display: block; background-attachment: local; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;} aside .aside_slider.version_2 .item:first-child { margin: 0; } aside .aside_slider.version_2 .item::before { position: absolute; top: 0; right: 0; left: 0; bottom: 0; content: ""; display: block; background: rgba(0,0,0,0.35); z-index: 0;} aside .aside_slider.version_2 .item .box { position: relative; z-index: 10; background: none; display: table; width: 90%; margin: 0 auto; padding: 0; height: 100%;} aside .aside_slider.version_2 .item .box .centering { text-align: center; display: table-cell; vertical-align: middle; width: 100%;} aside .aside_slider.version_2 .item .box .centering .title { font-size: 16px; line-height: 22px; color: #fff; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; text-align: center; padding: 0 0 8px; display: block; margin: 0; max-width: 600px; text-shadow: 2px 2px 2px rgba(0,0,0,0.5)} aside .aside_slider.version_3 { position: relative; display: block; width: 100%; display: block;} aside .aside_slider.version_3 .item { position: relative; margin: 10px 0 0; width: calc(50% - 10px / 2); height: 160px; display: block; float: left; background-attachment: local; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;} aside .aside_slider.version_3 .item:nth-child(2n) { margin: 10px 0 0 10px } aside .aside_slider.version_3 .item:nth-child(-n + 2) { margin-top: 0; } aside .aside_slider.version_3 .item::before { position: absolute; top: 0; right: 0; left: 0; bottom: 0; content: ""; display: block; background: rgba(0,0,0,0.35); z-index: 0;} aside .aside_slider.version_3 .item .box { position: relative; z-index: 10; background: none; display: table; width: 90%; margin: 0 auto; padding: 0; height: 100%;} aside .aside_slider.version_3 .item .box .centering { text-align: center; display: table-cell; vertical-align: middle; width: 100%;} aside .aside_slider.version_3 .item .box .centering .title { font-size: 16px; line-height: 22px; color: #fff; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; text-align: center; padding: 0; display: block; margin: 0; max-width: 600px; text-shadow: 2px 2px 2px rgba(0,0,0,0.5)} @media screen and (max-width: 1280px) { aside .aside_slider.version_3 .item { height: 140px;} aside .aside_slider.version_3 .item .box .centering .title { font-size: 14px; line-height: 20px;} } @media screen and (max-width: 1280px) { aside { width: 340px !important;} .c_column { width: calc(100% - 390px) !important} } @media screen and (max-width: 1150px) { aside { display: none;} .c_column { width: 100% !important} } ul.social { display: block; margin: 0; padding: 30px 5%; background: #000000; text-align: center;} ul.social li { list-style: none; display: inline-block; margin: 0 5px;} ul.social li a { display: block; width: 38px; height: 38px; position: relative; background: #fff; -webkit-transition: all 400ms ease; transition: all 400ms ease;} ul.social li a::before { opacity: 1; content: ""; position: absolute; left: 0; top: 0; width: 38px; height: 38px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} ul.social li a::after { opacity: 0; content: ""; position: absolute; left: 0; top: 0; width: 38px; height: 38px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} ul.social li a.in::before { background: url(../img/social_in_icon.svg) no-repeat scroll center center; background-size: 26px 26px;} ul.social li a.fb::before { background: url(../img/social_fb_icon.svg) no-repeat scroll center center; background-size: 26px 26px;} ul.social li a.yt::before { background: url(../img/social_yt_icon.svg) no-repeat scroll center center; background-size: 26px 26px;} ul.social li a.li::before { background: url(../img/social_li_icon.svg) no-repeat scroll center center; background-size: 26px 26px;} ul.social li a.tw::before { background: url(../img/social_tw_icon.svg) no-repeat scroll center center; background-size: 26px 26px;} ul.social li a.g::before { background: url(../img/social_g_icon.svg) no-repeat scroll center center; background-size: 26px 26px;} ul.social li a.in::after { background: url(../img/social_in_icon_hover.svg) no-repeat scroll center center; background-size: 26px 26px;} ul.social li a.fb::after { background: url(../img/social_fb_icon_hover.svg) no-repeat scroll center center; background-size: 26px 26px;} ul.social li a.yt::after { background: url(../img/social_yt_icon_hover.svg) no-repeat scroll center center; background-size: 26px 26px;} ul.social li a.li::after { background: url(../img/social_li_icon_hover.svg) no-repeat scroll center center; background-size: 26px 26px;} ul.social li a.tw::after { background: url(../img/social_tw_icon_hover.svg) no-repeat scroll center center; background-size: 26px 26px;} ul.social li a.g::after { background: url(../img/social_g_icon_hover.svg) no-repeat scroll center center; background-size: 26px 26px;} .notouch ul.social li a:hover { background: #800d47;} .notouch ul.social li a:hover::before { opacity: 0;} .notouch ul.social li a:hover::after { opacity: 1;} header ul.social { height: 30px; background: none; } header ul.social li { margin: 0 0 0 5px;} header ul.social li a { width: 30px; height: 30px; background: #800d47;} header ul.social li a::before { opacity: 0; width: 30px; height: 30px; } header ul.social li a::after { opacity: 1; width: 30px; height: 30px; } header ul.social li a.in::before { background-size: 22px 22px;} header ul.social li a.fb::before { background-size: 22px 22px;} header ul.social li a.yt::before { background-size: 22px 22px;} header ul.social li a.li::before { background-size: 22px 22px;} header ul.social li a.tw::before { background-size: 22px 22px;} header ul.social li a.g::before { background-size: 22px 22px;} header ul.social li a.in::after { background-size: 22px 22px;} header ul.social li a.fb::after { background-size: 22px 22px;} header ul.social li a.yt::after { background-size: 22px 22px;} header ul.social li a.li::after { background-size: 22px 22px;} header ul.social li a.tw::after { background-size: 26px 22px;} header ul.social li a.g::after { background-size: 22px 22px;} .notouch header ul.social li a:hover { background: #ffffff;} .notouch header ul.social li a:hover::before { opacity: 1;} .notouch header ul.social li a:hover::after { opacity: 0;} @media screen and (max-width: 1500px) { header ul.social { padding: 0;} ul.social { padding: 20px 5%;} } footer.footer_1 { padding: 80px 0; background: #fff; position: relative;} footer.footer_1 .text { width: 370px; padding: 0 30px 0 0; display: inline-block; vertical-align: middle; vertical-align: top; text-align: left; } footer.footer_1 .text p.title { font-size: 16px; line-height: 20px; color: #800d47; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; margin: 0 0 5px; padding: 0; text-transform: uppercase;} footer.footer_1 .text p { margin: 0 0 10px; padding: 0; font-size: 14px; line-height: 20px; color: #000000;} footer.footer_1 .text p span { font-size: 12px; line-height: 16px; color: #000000; font-style: italic;} footer.footer_1 .text p strong { font-size: 14px; line-height: 20px; color: #000000;} footer.footer_1 .text a { text-decoration: underline; font-size: 14px; line-height: 20px; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch footer.footer_1 .text a:hover { color: #800d47;} footer.footer_1 .form p.title { font-size: 16px; line-height: 20px; color: #800d47; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; margin: 0 0 5px; padding: 0; text-transform: uppercase;} footer.footer_1 .form { width: calc(100% - 407px); display: inline-block; vertical-align: middle; vertical-align: top;} footer.footer_1 .form form { display: block; width: 100%} footer.footer_1 .form form table { margin: 0; width: 100%; border-collapse: collapse; border-spacing: 0;} footer.footer_1 .form form table td { padding: 0 0 10px; } footer.footer_1 .form form table td.empty { width: 10px; font-size: 0;} footer.footer_1 .form form table td input[type=text] { border: 1px solid #dbdbdb; width: calc(100% - 32px); background: #ffffff; font-size: 14px; line-height: 20px; padding: 12px 15px; color: #2f444e; -webkit-transition: all 400ms ease; transition: all 400ms ease;} footer.footer_1 .form form table td textarea { resize: none; overflow: auto; height: 150px; border: 1px solid #dbdbdb; width: calc(100% - 32px); background: #ffffff; font-size: 14px; line-height: 20px; padding: 12px 15px; color: #2f444e; -webkit-transition: all 400ms ease; transition: all 400ms ease;} footer.footer_1 .form form table td input[type=text]:focus, footer.footer_1 .form form table td textarea:focus { border: 1px solid #800d47;} footer.footer_1 .form form .gdpr_text { display: block; margin: 0; padding: 9px 0 8px; float: left; font-size: 14px; line-height: 20px; color: #000000; font-weight: 400;} footer.footer_1 .form form .gdpr_text .checker { display: inline-block; vertical-align: top; margin: 0 5px 0 0;} footer.footer_1 .form form .gdpr_text a{ font-size: 14px; line-height: 20px; color: #800d47; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; text-decoration: underline; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch footer.footer_1 .form form .gdpr_text a:hover{ text-decoration: none;} @media screen and (max-width: 1150px) { footer.footer_1 .text { width: 290px;} footer.footer_1 .form { width: calc(100% - 325px);} } @media screen and (max-width: 1024px) { footer.footer_1 { padding: 60px 0;} footer.footer_1 .text { width: 250px; padding-right: 30px;} footer.footer_1 .form { width: calc(100% - 285px);} } @media screen and (max-width: 960px) { footer.footer_1 .text { text-align: center; display: block; float: none; width: 100%; padding: 0;} footer.footer_1 .form { text-align: center; display: block; float: none; width: 100%; margin: 50px 0 0;} footer.footer_1 .form form table, footer.footer_1 .form form table tbody, footer.footer_1 .form form table tr, footer.footer_1 .form form table td { display: block; width: 100%; clear: both; padding: 0;} footer.footer_1 .form form table td { padding: 0 0 10px; } footer.footer_1 .form form table td.empty { display: none;} footer.footer_1 .form form table td input[type=text] { padding: 8px 15px;} footer.footer_1 .form form table td textarea { height: 120px; padding: 8px 15px;} footer.footer_1 .form form .gdpr_text { float: none; text-align: center;} footer.footer_1 .form form .btn.right { float: none; margin: 10px 0 0;} } footer.footer_2 { padding: 80px 0; background: #800d47; position: relative;} footer.footer_2 .text { width: 400px; display: inline-block; vertical-align: middle; vertical-align: top; text-align: left; } footer.footer_2 .text p.title { font-size: 16px; line-height: 20px; color: #ffffff; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; margin: 0 0 5px; padding: 0; text-transform: uppercase;} footer.footer_2 .text p { margin: 0 0 10px; padding: 0; font-size: 14px; line-height: 20px; color: #ffffff;} footer.footer_2 .text p span { font-size: 12px; line-height: 16px; color: #ffffff; font-style: italic;} footer.footer_2 .text p strong { font-size: 14px; line-height: 20px; color: #ffffff;} footer.footer_2 .text a { text-decoration: underline; font-size: 14px; line-height: 20px; color: #ffffff; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch footer.footer_2 .text a:hover { text-decoration: none;} footer.footer_2 .form p.title { font-size: 16px; line-height: 20px; color: #fff; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; margin: 0 0 5px; padding: 0; text-transform: uppercase;} footer.footer_2 .form { width: calc(100% - 407px); display: inline-block; vertical-align: middle; vertical-align: top;} footer.footer_2 .form form { display: block; width: 100%} footer.footer_2 .form form table { margin: 0; width: 100%; border-collapse: collapse; border-spacing: 0;} footer.footer_2 .form form table td { padding: 0 0 10px; } footer.footer_2 .form form table td.empty { width: 10px; font-size: 0;} footer.footer_2 .form form table td input[type=text] { border: 1px solid #dbdbdb; width: calc(100% - 32px); background: #ffffff; font-size: 14px; line-height: 20px; padding: 12px 15px; color: #2f444e; -webkit-transition: all 400ms ease; transition: all 400ms ease;} footer.footer_2 .form form table td textarea { resize: none; overflow: auto; height: 150px; border: 1px solid #dbdbdb; width: calc(100% - 32px); background: #ffffff; font-size: 14px; line-height: 20px; padding: 12px 15px; color: #2f444e; -webkit-transition: all 400ms ease; transition: all 400ms ease;} footer.footer_2 .form form .gdpr_text { display: block; margin: 0; padding: 9px 0 8px; float: left; font-size: 14px; line-height: 20px; color: #ffffff; font-weight: 400;} footer.footer_2 .form form .gdpr_text a{ font-size: 14px; line-height: 20px; color: #ffffff; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; text-decoration: underline; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch footer.footer_2 .form form .gdpr_text a:hover{ text-decoration: none;} @media screen and (max-width: 1150px) { footer.footer_2 .text { width: 320px;} footer.footer_2 .form { width: calc(100% - 325px);} } @media screen and (max-width: 1024px) { footer.footer_2 { padding: 60px 0;} footer.footer_2 .text { width: 250px; padding-right: 30px;} footer.footer_2 .form { width: calc(100% - 285px);} } @media screen and (max-width: 960px) { footer.footer_2 .text { text-align: center; display: block; float: none; width: 100%; padding: 0;} footer.footer_2 .form { text-align: center; display: block; float: none; width: 100%; margin: 50px 0 0;} footer.footer_2 .form form table, footer.footer_2 .form form table tbody, footer.footer_2 .form form table tr, footer.footer_2 .form form table td { display: block; width: 100%; clear: both; padding: 0;} footer.footer_2 .form form table td { padding: 0 0 10px; } footer.footer_2 .form form table td.empty { display: none;} footer.footer_2 .form form table td input[type=text] { padding: 8px 15px;} footer.footer_2 .form form table td textarea { height: 120px; padding: 8px 15px;} footer.footer_2 .form form .gdpr_text { float: none; text-align: center;} footer.footer_2 .form form .btn.right { float: none; margin: 10px 0 0;} } footer.footer_3 { padding: 0; background: #fff; position: relative;} footer.footer_3 .mapa { position: absolute; left: 0; top: 0; bottom: 0; width: 50%; display: block;} footer.footer_3 .mapa #MyGmapsFooter { background: #e5e3df; position: relative; display: block; width: 100%; height: 100%;} footer.footer_3 .mapa .btn { position: absolute; left: 0; bottom: 0; z-index: 999; } footer.footer_3 .box { width: 40%; padding: 60px 5% 60px 55%;} footer.footer_3 .box .text { max-width: 400%; width: 100%; display: inline-block; vertical-align: middle; vertical-align: top; text-align: left; } footer.footer_3 .box .text p.title { font-size: 16px; line-height: 20px; color: #800d47; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; margin: 0 0 5px; padding: 0; text-transform: uppercase;} footer.footer_3 .box .text p { margin: 0 0 10px; padding: 0; font-size: 14px; line-height: 20px; color: #000000;} footer.footer_3 .box .text p span { font-size: 12px; line-height: 16px; color: #000000; font-style: italic;} footer.footer_3 .box .text p strong { font-size: 14px; line-height: 20px; color: #000000;} footer.footer_3 .box .text a { text-decoration: underline; font-size: 14px; line-height: 20px; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch footer.footer_3 .box .text a:hover { color: #800d47;} footer.footer_3 .form p.title { font-size: 16px; line-height: 20px; color: #800d47; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; margin: 30px 0 5px; padding: 0; text-transform: uppercase;} footer.footer_3 .form { width: 100%; display: block;} footer.footer_3 .form form { display: block; width: 100%} footer.footer_3 .form form table { margin: 0; width: 100%; border-collapse: collapse; border-spacing: 0;} footer.footer_3 .form form table td { padding: 0 0 10px; } footer.footer_3 .form form table td.empty { width: 10px; font-size: 0;} footer.footer_3 .form form table td input[type=text] { border: 1px solid #dbdbdb; width: calc(100% - 32px); background: #ffffff; font-size: 14px; line-height: 20px; padding: 12px 15px; color: #2f444e; -webkit-transition: all 400ms ease; transition: all 400ms ease;} footer.footer_3 .form form table td textarea { resize: none; overflow: auto; height: 150px; border: 1px solid #dbdbdb; width: calc(100% - 32px); background: #ffffff; font-size: 14px; line-height: 20px; padding: 12px 15px; color: #2f444e; -webkit-transition: all 400ms ease; transition: all 400ms ease;} footer.footer_3 .form form table td input[type=text]:focus, footer.footer_3 .form form table td textarea:focus { border: 1px solid #800d47;} footer.footer_3 .form form .gdpr_text { display: block; margin: 0; padding: 9px 0 8px; float: left; font-size: 14px; line-height: 20px; color: #000000; font-weight: 400;} footer.footer_3 .form form .gdpr_text .checker { display: inline-block; vertical-align: top; margin: 0 5px 0 0;} footer.footer_3 .form form .gdpr_text a{ font-size: 14px; line-height: 20px; color: #800d47; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; text-decoration: underline; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch footer.footer_3 .form form .gdpr_text a:hover{ text-decoration: none;} @media screen and (max-width: 1200px) { footer.footer_3 .mapa { width: 40%;} footer.footer_3 .box { width: 50%; padding: 60px 5% 60px 45%;} } @media screen and (max-width: 1024px) { footer.footer_3 .mapa { width: 100%; top: initial; top: auto; height: 260px; } footer.footer_3 .box { width: 90%; padding: 60px 5% 320px 5%;} } @media screen and (max-width: 768px) { footer.footer_3 .box .text { text-align: center; } footer.footer_3 .form form table, footer.footer_3 .form form table tbody, footer.footer_3 .form form table tr, footer.footer_3 .form form table td { display: block; width: 100%; clear: both; padding: 0;} footer.footer_3 .form form table td { padding: 0 0 10px; } footer.footer_3 .form form table td.empty { display: none;} footer.footer_3 .form form table td input[type=text] { padding: 8px 15px;} footer.footer_3 .form form table td textarea { height: 120px; padding: 8px 15px;} footer.footer_3 .form form .gdpr_text { float: none; text-align: center;} footer.footer_3 .form form .btn.right { float: none; margin: 10px 0 0;} } footer.footer_4 { padding: 0; background: #800d47; position: relative;} footer.footer_4 .mapa { position: absolute; left: 0; top: 0; bottom: 0; width: 50%; display: block;} footer.footer_4 .mapa #MyGmapsFooter { background: #e5e3df; position: relative; display: block; width: 100%; height: 100%;} footer.footer_4 .mapa .btn { position: absolute; left: 0; bottom: 0; z-index: 999; } footer.footer_4 .box { width: 40%; padding: 60px 5% 60px 55%;} footer.footer_4 .box .text { max-width: 400%; width: 100%; display: inline-block; vertical-align: middle; vertical-align: top; text-align: left; } footer.footer_4 .box .text p.title { font-size: 16px; line-height: 20px; color: #ffffff; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; margin: 0 0 5px; padding: 0; text-transform: uppercase;} footer.footer_4 .box .text p { margin: 0 0 10px; padding: 0; font-size: 14px; line-height: 20px; color: #ffffff;} footer.footer_4 .box .text p span { font-size: 12px; line-height: 16px; color: #ffffff; font-style: italic;} footer.footer_4 .box .text p strong { font-size: 14px; line-height: 20px; color: #ffffff;} footer.footer_4 .box .text a { text-decoration: underline; font-size: 14px; line-height: 20px; color: #ffffff; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch footer.footer_4 .box .text a:hover { text-decoration: none;} footer.footer_4 .form p.title { font-size: 16px; line-height: 20px; color: #ffffff; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; margin: 30px 0 5px; padding: 0; text-transform: uppercase;} footer.footer_4 .form { width: 100%; display: block;} footer.footer_4 .form form { display: block; width: 100%} footer.footer_4 .form form table { margin: 0; width: 100%; border-collapse: collapse; border-spacing: 0;} footer.footer_4 .form form table td { padding: 0 0 10px; } footer.footer_4 .form form table td.empty { width: 10px; font-size: 0;} footer.footer_4 .form form table td input[type=text] { border: 1px solid #dbdbdb; width: calc(100% - 32px); background: #ffffff; font-size: 14px; line-height: 20px; padding: 12px 15px; color: #2f444e; -webkit-transition: all 400ms ease; transition: all 400ms ease;} footer.footer_4 .form form table td textarea { resize: none; overflow: auto; height: 150px; border: 1px solid #dbdbdb; width: calc(100% - 32px); background: #ffffff; font-size: 14px; line-height: 20px; padding: 12px 15px; color: #2f444e; -webkit-transition: all 400ms ease; transition: all 400ms ease;} footer.footer_4 .form form .gdpr_text { display: block; margin: 0; padding: 9px 0 8px; float: left; font-size: 14px; line-height: 20px; color: #ffffff; font-weight: 400;} footer.footer_4 .form form .gdpr_text a{ font-size: 14px; line-height: 20px; color: #ffffff; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; text-decoration: underline; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch footer.footer_4 .form form .gdpr_text a:hover{ text-decoration: none;} @media screen and (max-width: 1200px) { footer.footer_4 .mapa { width: 40%;} footer.footer_4 .box { width: 50%; padding: 60px 5% 60px 45%;} } @media screen and (max-width: 1024px) { footer.footer_4 .mapa { width: 100%; top: initial; top: auto; height: 260px; } footer.footer_4 .box { width: 90%; padding: 60px 5% 320px 5%;} } @media screen and (max-width: 768px) { footer.footer_4 .box .text { text-align: center; } footer.footer_4 .form form table, footer.footer_4 .form form table tbody, footer.footer_4 .form form table tr, footer.footer_4 .form form table td { display: block; width: 100%; clear: both; padding: 0;} footer.footer_4 .form form table td { padding: 0 0 10px; } footer.footer_4 .form form table td.empty { display: none;} footer.footer_4 .form form table td input[type=text] { padding: 8px 15px;} footer.footer_4 .form form table td textarea { height: 120px; padding: 8px 15px;} footer.footer_4 .form form .gdpr_text { float: none; text-align: center;} footer.footer_4 .form form .btn.right { float: none; margin: 10px 0 0;} } .sign { background: #000000; padding: 20px 5%; text-align: center; color: #ffffff; font-weight: 400; font-size: 12px; line-height: 20px;} .sign a { padding: 0; color: #ffffff; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; font-size: 12px; line-height: 18px; text-align: center; display: inline-block; vertical-align: middle;} .notouch .sign a:hover { text-decoration: underline;} @media screen and (max-width: 768px) { .sign a { display: block;} } /************************ MODULY ************************/ .drobky { position: relative; text-align: left; width: 100%; margin: 0 auto; padding: 20px 0;} .drobky.border { border-bottom: 1px solid #f2f2f2; margin: 0 0 30px;} .drobky ul { z-index: 0; position: relative; white-space: nowrap; margin: 0; padding: 0; width: 100%; overflow: hidden;} .drobky ul::before { z-index: 99; position: absolute; top: 0; bottom: 0; right: 0; width: 40px; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );; content: ""; display: block;} .drobky ul li { position: relative; z-index: 9; list-style: none; display: inline-block; vertical-align: middle; margin-right: -4px; background: url(../img/drobky_arrow.svg) no-repeat scroll left 8px; background-size: 6px 9px; padding-left: 6px;} .drobky ul li.first { background: none; padding: 0;} .drobky ul li.first a { padding-left: 0;} .drobky ul li a { white-space: nowrap; position: relative; display: block; color: #000000; font-size: 13px; line-height: 24px; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; padding: 0 10px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .drobky ul li a:hover { text-decoration: none; color: #800d47;} .drobky ul li span { white-space: nowrap; display: block; color: #000000; font-size: 13px; line-height: 24px; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; padding: 0 0 0 10px; text-transform: uppercase;} .landing_list.version_1 { position: relative; width: 100%; text-align: left;} .landing_list.version_1 h2{ position: relative; font-size: 16px; line-height: 24px; margin: 30px 0 10px; font-weight: 700; font-family: open_sansbold, sans-serif, Arial;} .landing_list.version_1 .item { position: relative; text-align: center; display: inline-block; vertical-align: top; border: 1px solid #f2f2f2; background: transparent; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .c_column:not(.full) .landing_list.version_1 .item { width: calc(33.33% - 40px / 3 - 5px); margin: 20px 0 0;} .c_column:not(.full) .landing_list.version_1 .item:nth-child(3n - 1) { margin: 20px 20px 0;} .c_column:not(.full) .landing_list.version_1 .item:nth-child(-n + 3) { margin-top: 0;} .c_column.full .landing_list.version_1 .item { width: calc(25% - 60px / 4 - 5px); margin: 20px 0 0;} .c_column.full .landing_list.version_1 .item:nth-child(4n - 1) { margin: 20px 20px 0;} .c_column.full .landing_list.version_1 .item:nth-child(4n - 2) { margin: 20px 0 0 20px;} .c_column.full .landing_list.version_1 .item:nth-child(-n + 4) { margin-top: 0;} .notouch .landing_list.version_1 a.item:hover { border: 1px solid #dbdbdb} .landing_list.version_1 .item .text { padding: 15px; display: table; width: calc(100% - 30px); height: 60px;} .landing_list.version_1 .item .title { display: table-cell; vertical-align: middle; width: 100%; margin: 0; font-size: 14px; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; line-height: 20px; color: #000000; text-align: center; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .landing_list.version_1 .item:hover .title { color: #000;} .landing_list.version_1 .item .title span { display: block; width: 100%; font-size: 13px; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; line-height: 16px; color: #000000; text-align: center; margin: 4px 0 0;} @media screen and (max-width: 1400px) { .c_column:not(.full) .landing_list.version_1 .item { width: calc(50% - 20px / 2 - 5px); margin: 20px 0 0 !important;} .c_column:not(.full) .landing_list.version_1 .item:nth-child(2n) { margin: 20px 0 0 20px !important;} .c_column:not(.full) .landing_list.version_1 .item:nth-child(-n + 2) { margin-top: 0 !important;} } @media screen and (max-width: 1200px) { .c_column.full .landing_list.version_1 .item { width: calc(33.33% - 40px / 3 - 5px); margin: 20px 0 0 !important;} .c_column.full .landing_list.version_1 .item:nth-child(3n - 1) { margin: 20px 20px 0 !important;} .c_column.full .landing_list.version_1 .item:nth-child(-n + 3) { margin-top: 0 !important;} } @media screen and (max-width: 900px) { .c_column.full .landing_list.version_1 .item { width: calc(50% - 20px / 2 - 5px); margin: 20px 0 0 !important;} .c_column.full .landing_list.version_1 .item:nth-child(3n - 1) { margin: 20px 0 0 !important;} .c_column.full .landing_list.version_1 .item:nth-child(2n) { margin: 20px 0 0 20px !important;} .c_column.full .landing_list.version_1 .item:nth-child(-n + 3) { margin-top: 20px !important;} .c_column.full .landing_list.version_1 .item:nth-child(-n + 2) { margin-top: 0 !important;} } @media screen and (max-width: 700px) { .c_column:not(.full) .landing_list.version_1 .item { display: block; width: calc(100% - 2px); margin: 20px 0 0 !important;} .c_column:not(.full) .landing_list.version_1 .item:nth-child(2n) { margin: 20px 0 0 !important;} .c_column:not(.full) .landing_list.version_1 .item:nth-child(-n + 2) { margin-top: 20px !important;} .c_column:not(.full) .landing_list.version_1 .item:nth-child(1) { margin-top: 0 !important;} } @media screen and (max-width: 600px) { .c_column.full .landing_list.version_1 .item { width: calc(100% - 2px); margin: 20px 0 0 !important;} .c_column.full .landing_list.version_1 .item:nth-child(2n) { margin: 20px 0 0 !important;} .c_column.full .landing_list.version_1 .item:nth-child(-n + 3) { margin-top: 20px !important;} .c_column.full .landing_list.version_1 .item:nth-child(-n + 2) { margin-top: 20px !important;} .c_column.full .landing_list.version_1 .item:nth-child(1) { margin-top: 0 !important;} } .landing_list.version_2 { position: relative; width: 100%; text-align: left;} .landing_list.version_2 h2{ position: relative; font-size: 16px; line-height: 24px; margin: 30px 0 10px; font-weight: 700; font-family: open_sansbold, sans-serif, Arial;} .landing_list.version_2 .item { position: relative; text-align: center; display: inline-block; vertical-align: top; border: 1px solid #f2f2f2; background: transparent; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .c_column:not(.full) .landing_list.version_2 .item { width: calc(33.33% - 40px / 3 - 5px); margin: 20px 0 0;} .c_column:not(.full) .landing_list.version_2 .item:nth-child(3n - 1) { margin: 20px 20px 0;} .c_column:not(.full) .landing_list.version_2 .item:nth-child(-n + 3) { margin-top: 0;} .c_column.full .landing_list.version_2 .item { width: calc(25% - 60px / 4 - 5px); margin: 20px 0 0;} .c_column.full .landing_list.version_2 .item:nth-child(4n - 1) { margin: 20px 20px 0;} .c_column.full .landing_list.version_2 .item:nth-child(4n - 2) { margin: 20px 0 0 20px;} .c_column.full .landing_list.version_2 .item:nth-child(-n + 4) { margin-top: 0;} .notouch .landing_list.version_2 a.item:hover { border: 1px solid #dbdbdb} .landing_list.version_2 .item .img { display: block; height: 200px; width: 100%; background-attachment: local; position: relative; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;} .landing_list.version_2 .item .text { padding: 15px; display: table; width: calc(100% - 30px); height: 39px; border-top: 1px solid #f2f2f2; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .landing_list.version_2 a.item:hover .text { border-top: 1px solid #dbdbdb} .landing_list.version_2 .item .title { display: table-cell; vertical-align: middle; width: 100%; margin: 0; font-size: 14px; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; line-height: 20px; color: #000000; text-align: center; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .landing_list.version_2 .item .title { color: #000;} .landing_list.version_2 .item .title span { display: block; width: 100%; font-size: 13px; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; line-height: 16px; color: #000000; text-align: center; margin: 0;} @media screen and (max-width: 1400px) { .c_column:not(.full) .landing_list.version_2 .item { width: calc(50% - 20px / 2 - 5px); margin: 20px 0 0 !important;} .c_column:not(.full) .landing_list.version_2 .item:nth-child(2n) { margin: 20px 0 0 20px !important;} .c_column:not(.full) .landing_list.version_2 .item:nth-child(-n + 2) { margin-top: 0 !important;} } @media screen and (max-width: 1200px) { .c_column.full .landing_list.version_2 .item { width: calc(33.33% - 40px / 3 - 5px); margin: 20px 0 0 !important;} .c_column.full .landing_list.version_2 .item:nth-child(3n - 1) { margin: 20px 20px 0 !important;} .c_column.full .landing_list.version_2 .item:nth-child(-n + 3) { margin-top: 0 !important;} } @media screen and (max-width: 900px) { .c_column.full .landing_list.version_2 .item { width: calc(50% - 20px / 2 - 5px); margin: 20px 0 0 !important;} .c_column.full .landing_list.version_2 .item:nth-child(3n - 1) { margin: 20px 0 0 !important;} .c_column.full .landing_list.version_2 .item:nth-child(2n) { margin: 20px 0 0 20px !important;} .c_column.full .landing_list.version_2 .item:nth-child(-n + 3) { margin-top: 20px !important;} .c_column.full .landing_list.version_2 .item:nth-child(-n + 2) { margin-top: 0 !important;} } @media screen and (max-width: 700px) { .c_column:not(.full) .landing_list.version_2 .item { display: block; width: calc(100% - 2px); margin: 20px 0 0 !important;} .c_column:not(.full) .landing_list.version_2 .item:nth-child(2n) { margin: 20px 0 0 !important;} .c_column:not(.full) .landing_list.version_2 .item:nth-child(-n + 2) { margin-top: 20px !important;} .c_column:not(.full) .landing_list.version_2 .item:nth-child(1) { margin-top: 0 !important;} } @media screen and (max-width: 600px) { .c_column.full .landing_list.version_2 .item { width: calc(100% - 2px); margin: 20px 0 0 !important;} .c_column.full .landing_list.version_2 .item:nth-child(2n) { margin: 20px 0 0 !important;} .c_column.full .landing_list.version_2 .item:nth-child(-n + 3) { margin-top: 20px !important;} .c_column.full .landing_list.version_2 .item:nth-child(-n + 2) { margin-top: 20px !important;} .c_column.full .landing_list.version_2 .item:nth-child(1) { margin-top: 0 !important;} } .landing_list.version_3 { position: relative; width: 100%; text-align: left;} .landing_list.version_3 h2{ position: relative; font-size: 16px; line-height: 24px; margin: 30px 0 10px; font-weight: 700; font-family: open_sansbold, sans-serif, Arial;} .landing_list.version_3 .item { position: relative; display: inline-block; vertical-align: middle; margin: 0 2px 5px 0; font-size: 13px; line-height: 20px; padding: 8px 25px; color: #000000; border: 1px solid #f2f2f2; background: #f2f2f2; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .landing_list.version_3 a.item:hover { border: 1px solid #800d47; background: #800d47; color: #fff;} .search_list { width: 100%; text-align: left;} .search_list h2{ font-size: 16px; line-height: 24px; margin: 30px 0 10px; font-weight: 700; font-family: open_sansbold, sans-serif, Arial;} .search_list h2 .item_number { color: #800d47; } .search_list .item { display: inline-block; vertical-align: middle; margin: 0 2px 5px 0; font-size: 13px; line-height: 20px; padding: 8px 25px; color: #000000; border: 1px solid #f2f2f2; background: #f2f2f2; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .search_list a.item:hover { border: 1px solid #800d47; background: #800d47; color: #fff;} .employee_list.version_1 { width: 100%; text-align: left; position: relative; margin: 30px 0 0;} .employee_list.version_1.margin { margin: 0;} .employee_list.version_1 h2 { text-align: left; margin: 0; padding: 0 0 5px; font-size: 22px; line-height: 28px; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; color: #000000;} .employee_list.version_1 .item { text-align: center; display: inline-block; vertical-align: top; border: 1px solid #f2f2f2; background: transparent; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .c_column:not(.full) .employee_list.version_1 .item { width: calc(33.33% - 40px / 3 - 5px); margin: 20px 0 0;} .c_column:not(.full) .employee_list.version_1 .item:nth-child(-n+3) { margin-top: 0 !important;} .c_column:not(.full) .employee_list.version_1 .item:nth-child(3n - 1) { margin: 20px 20px 0;} .c_column.full .employee_list.version_1 .item { width: calc(25% - 60px / 4 - 5px); margin: 20px 0 0;} .c_column.full .employee_list.version_1 .item:nth-child(-n+4) { margin-top: 0 !important;} .c_column.full .employee_list.version_1 .item:nth-child(4n - 1) { margin: 20px 20px 0;} .c_column.full .employee_list.version_1 .item:nth-child(4n - 2) { margin: 20px 0 0 20px;} .notouch .employee_list.version_1 a.item:hover { border: 1px solid #dbdbdb} .employee_list.version_1 .item .img { display: block; height: 240px; width: 100%; background-attachment: local; position: relative; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;} .employee_list.version_1 .item .text { padding: 15px; display: table; width: calc(100% - 30px); height: 39px; border-top: 1px solid #f2f2f2; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .employee_list.version_1 a.item:hover .text { border-top: 1px solid #dbdbdb} .employee_list.version_1 .item .title { display: table-cell; vertical-align: middle; width: 100%; margin: 0; font-size: 14px; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; line-height: 20px; color: #000000; text-align: center; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .employee_list.version_1 .item .title { color: #000;} .employee_list.version_1 .item .title span { display: block; width: 100%; font-size: 13px; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; line-height: 16px; color: #000000; text-align: center; margin: 4px 0 0;} .employee_list.version_1 .item .title span .phone { width: initial; width: auto; display: inline-block; vertical-align: middle; margin: 0 5px; background: url(../img/footer_icon1.svg) no-repeat scroll left center; background-size: 18px 18px; padding: 0 0 0 20px;} .employee_list.version_1 .item .title span .mail { width: initial; width: auto; display: inline-block; vertical-align: middle; margin: 0 5px; background: url(../img/footer_icon2.svg) no-repeat scroll left center; background-size: 18px 18px; padding: 0 0 0 20px;} @media screen and (max-width: 1400px) { .c_column:not(.full) .employee_list.version_1 .item { width: calc(50% - 20px / 2 - 5px); margin: 20px 0 0 !important;} .c_column:not(.full) .employee_list.version_1 .item:nth-child(2n) { margin: 20px 0 0 20px !important;} .c_column:not(.full) .employee_list.version_1 .item:nth-child(2) { margin-top: 0 !important;} .c_column:not(.full) .employee_list.version_1 .item:nth-child(3) { margin-top: 20px !important;} .c_column.full .employee_list.version_1 .item { width: calc(33.33% - 40px / 3 - 5px); margin: 20px 0 0 !important;} .c_column.full .employee_list.version_1 .item:nth-child(3n - 1) { margin: 20px 20px 0 !important;} .c_column.full .employee_list.version_1 .item:nth-child(-n+3) { margin-top: 0 !important;} .c_column.full .employee_list.version_1 .item:nth-child(4) { margin-top: 20px !important;} } @media screen and (max-width: 1100px) { .c_column.full .employee_list.version_1 .item { width: calc(50% - 20px / 2 - 5px); margin: 20px 0 0 !important;} .c_column.full .employee_list.version_1 .item:nth-child(3n - 1) { margin: 20px 0 0 !important;} .c_column.full .employee_list.version_1 .item:nth-child(2n) { margin: 20px 0 0 20px !important;} .c_column.full .employee_list.version_1 .item:nth-child(-n+2) { margin-top: 0 !important;} .c_column.full .employee_list.version_1 .item:nth-child(3) { margin-top: 20px !important;} } @media screen and (max-width: 767px) { .employee_list.version_1 h2 { text-align: center; font-size: 24px; line-height: 30px;} .c_column:not(.full) .employee_list.version_1 .item { display: block; width: calc(100% - 2px); margin: 20px 0 0 !important;} .c_column:not(.full) .employee_list.version_1 .item:nth-child(2n), .c_column:not(.full) .employee_list.version_1 .item:nth-child(2), .c_column:not(.full) .employee_list.version_1 .item:nth-child(3) { margin: 20px 0 0 !important;} } @media screen and (max-width: 700px) { .c_column.full .employee_list.version_1 .item { width: calc(100% - 2px); margin: 20px 0 0 !important;} .c_column.full .employee_list.version_1 .item:nth-child(2n) { margin: 20px 0 0 0 !important;} .c_column.full .employee_list.version_1 .item:nth-child(1) { margin-top: 0 !important;} } .employee_list.version_2 { width: 100%; text-align: left; position: relative; margin: 30px 0 0;} .employee_list.version_2 table { width: 100%; border-collapse: collapse; border-spacing: 0;} .employee_list.version_2 table tr { border-top: 1px solid #f4f4f4;} .employee_list.version_2 table tr:nth-child(1) { border-top: 0;} .employee_list.version_2 table th { font-size: 13px; line-height: 18px; font-weight: 600; padding: 8px 0; text-align: left; color: #000;} .employee_list.version_2 table th span { font-size: 12px; line-height: 18px; font-weight: 400; } .employee_list.version_2 table td { padding: 8px 0 8px 10px; text-align: left; color: #000;} .employee_list.version_2 table td a { font-weight: 600; text-decoration: underline; color: #800d47;} .notouch .employee_list.version_2 table td a:hover { text-decoration: none; } .class_list.version_1 { width: 100%; text-align: left; position: relative; margin: 30px 0 0;} .class_list.version_1 h2 { text-align: left; margin: 0; padding: 0 0 5px; font-size: 22px; line-height: 28px; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; color: #000000;} .class_list.version_1 .item{ position: relative; text-align: center; display: inline-block; vertical-align: top; border: 1px solid #f2f2f2; background: transparent; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .c_column:not(.full) .class_list.version_1 .item { width: calc(33.33% - 40px / 3 - 5px); margin: 20px 0 0;} .c_column:not(.full) .class_list.version_1 .item:nth-child(3n - 1) { margin: 20px 20px 0;} .c_column:not(.full) .class_list.version_1 .item:nth-child(-n + 3) { margin-top: 0;} .c_column.full .class_list.version_1 .item { width: calc(25% - 60px / 4 - 5px); margin: 20px 0 0;} .c_column.full .class_list.version_1 .item:nth-child(4n - 1) { margin: 20px 20px 0;} .c_column.full .class_list.version_1 .item:nth-child(4n - 2) { margin: 20px 0 0 20px;} .c_column.full .class_list.version_1 .item:nth-child(-n + 4) { margin-top: 0;} .notouch .class_list.version_1 a.item:hover { border: 1px solid #dbdbdb} .class_list.version_1 .item .img { display: block; height: 200px; width: 100%; background-attachment: local; position: relative; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;} .class_list.version_1 .item .text { padding: 15px; display: table; width: calc(100% - 30px); height: 39px; border-top: 1px solid #f2f2f2; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .class_list.version_1 a.item:hover .text { border-top: 1px solid #dbdbdb} .class_list.version_1 .item .title { display: table-cell; vertical-align: middle; width: 100%; margin: 0; font-size: 14px; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; line-height: 20px; color: #000000; text-align: center; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .class_list.version_1 .item .title span { display: block; width: 100%; font-size: 13px; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; line-height: 16px; color: #000000; text-align: center; margin: 0;} @media screen and (max-width: 1400px) { .c_column:not(.full) .class_list.version_1 .item { width: calc(50% - 20px / 2 - 5px); margin: 20px 0 0 !important;} .c_column:not(.full) .class_list.version_1 .item:nth-child(2n) { margin: 20px 0 0 20px !important;} .c_column:not(.full) .class_list.version_1 .item:nth-child(-n + 2) { margin-top: 0 !important;} } @media screen and (max-width: 1200px) { .c_column.full .class_list.version_1 .item { width: calc(33.33% - 40px / 3 - 5px); margin: 20px 0 0 !important;} .c_column.full .class_list.version_1 .item:nth-child(3n - 1) { margin: 20px 20px 0 !important;} .c_column.full .class_list.version_1 .item:nth-child(-n + 3) { margin-top: 0 !important;} } @media screen and (max-width: 900px) { .c_column.full .class_list.version_1 .item { width: calc(50% - 20px / 2 - 5px); margin: 20px 0 0 !important;} .c_column.full .class_list.version_1 .item:nth-child(3n - 1) { margin: 20px 0 0 !important;} .c_column.full .class_list.version_1 .item:nth-child(2n) { margin: 20px 0 0 20px !important;} .c_column.full .class_list.version_1 .item:nth-child(-n + 3) { margin-top: 20px !important;} .c_column.full .class_list.version_1 .item:nth-child(-n + 2) { margin-top: 0 !important;} } @media screen and (max-width: 700px) { .c_column:not(.full) .class_list.version_1 h2 { text-align: center; font-size: 24px; line-height: 30px;} .c_column:not(.full) .class_list.version_1 .item { display: block; width: calc(100% - 2px); margin: 20px 0 0 !important;} .c_column:not(.full) .class_list.version_1 .item:nth-child(2n) { margin: 20px 0 0 !important;} .c_column:not(.full) .class_list.version_1 .item:nth-child(-n + 2) { margin-top: 20px !important;} .c_column:not(.full) .class_list.version_1 .item:nth-child(1) { margin-top: 0 !important;} } @media screen and (max-width: 600px) { .c_column.full .class_list.version_1 .item { width: calc(100% - 2px); margin: 20px 0 0 !important;} .c_column.full .class_list.version_1 .item:nth-child(2n) { margin: 20px 0 0 !important;} .c_column.full .class_list.version_1 .item:nth-child(-n + 3) { margin-top: 20px !important;} .c_column.full .class_list.version_1 .item:nth-child(-n + 2) { margin-top: 20px !important;} .c_column.full .class_list.version_1 .item:nth-child(1) { margin-top: 0 !important;} } .class_list.version_2 { width: 100%; text-align: left; position: relative; margin: 30px 0 0;} .class_list.version_2 h2 { position: relative; text-align: left; margin: 0; padding: 0 0 5px; font-size: 22px; line-height: 28px; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; color: #000000;} .class_list.version_2 .item{ position: relative; text-align: center; display: inline-block; vertical-align: top; border: 1px solid #f2f2f2; background: transparent; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .c_column:not(.full) .class_list.version_2 .item { width: calc(33.33% - 40px / 3 - 5px); margin: 20px 0 0;} .c_column:not(.full) .class_list.version_2 .item:nth-child(3n - 1) { margin: 20px 20px 0;} .c_column:not(.full) .class_list.version_2 .item:nth-child(-n + 3) { margin-top: 0;} .c_column.full .class_list.version_2 .item { width: calc(25% - 60px / 4 - 5px); margin: 20px 0 0;} .c_column.full .class_list.version_2 .item:nth-child(4n - 1) { margin: 20px 20px 0;} .c_column.full .class_list.version_2 .item:nth-child(4n - 2) { margin: 20px 0 0 20px;} .c_column.full .class_list.version_2 .item:nth-child(-n + 4) { margin-top: 0;} .class_list.version_2 .item .number { display: block; float: left; width: 44px; height: 44px; line-height: 44px; text-align: center; font-size: 12px; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; color: #000; background: #f2f2f2; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .class_list.version_2 .item .text { padding: 0 20px; display: block; float: left; width: calc(100% - 84px);} .class_list.version_2 .item .text .box { display: table; width: 100%; height: 44px; text-align: left;} .class_list.version_2 .item .text .box .centering { display: table-cell; width: 100%; vertical-align: middle; font-size: 13px; line-height: 18px; color: #000000; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .class_list.version_2 .item .text .box .centering .small { display: block; font-size: 10px; line-height: 14px; color: #000000; font-weight: 400; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .class_list.version_2 a.item:hover{ border: 1px solid #800d47;} .notouch .class_list.version_2 a.item:hover .number { color: #fff; background: #800d47;} @media screen and (max-width: 1400px) { .c_column:not(.full) .class_list.version_2 .item { width: calc(50% - 20px / 2 - 5px); margin: 20px 0 0 !important;} .c_column:not(.full) .class_list.version_2 .item:nth-child(2n) { margin: 20px 0 0 20px !important;} .c_column:not(.full) .class_list.version_2 .item:nth-child(-n + 2) { margin-top: 0 !important;} } @media screen and (max-width: 1200px) { .c_column.full .class_list.version_2 .item { width: calc(33.33% - 40px / 3 - 5px); margin: 20px 0 0 !important;} .c_column.full .class_list.version_2 .item:nth-child(3n - 1) { margin: 20px 20px 0 !important;} .c_column.full .class_list.version_2 .item:nth-child(-n + 3) { margin-top: 0 !important;} } @media screen and (max-width: 900px) { .c_column.full .class_list.version_2 .item { width: calc(50% - 20px / 2 - 5px); margin: 20px 0 0 !important;} .c_column.full .class_list.version_2 .item:nth-child(3n - 1) { margin: 20px 0 0 !important;} .c_column.full .class_list.version_2 .item:nth-child(2n) { margin: 20px 0 0 20px !important;} .c_column.full .class_list.version_2 .item:nth-child(-n + 3) { margin-top: 20px !important;} .c_column.full .class_list.version_2 .item:nth-child(-n + 2) { margin-top: 0 !important;} } @media screen and (max-width: 700px) { .c_column:not(.full) .class_list.version_2 h2 { text-align: center; font-size: 24px; line-height: 30px;} .c_column:not(.full) .class_list.version_2 .item { display: block; width: calc(100% - 2px); margin: 20px 0 0 !important;} .c_column:not(.full) .class_list.version_2 .item:nth-child(2n) { margin: 20px 0 0 !important;} .c_column:not(.full) .class_list.version_2 .item:nth-child(-n + 2) { margin-top: 20px !important;} .c_column:not(.full) .class_list.version_2 .item:nth-child(1) { margin-top: 0 !important;} } @media screen and (max-width: 600px) { .c_column.full .class_list.version_2 .item { width: calc(100% - 2px); margin: 20px 0 0 !important;} .c_column.full .class_list.version_2 .item:nth-child(2n) { margin: 20px 0 0 !important;} .c_column.full .class_list.version_2 .item:nth-child(-n + 3) { margin-top: 20px !important;} .c_column.full .class_list.version_2 .item:nth-child(-n + 2) { margin-top: 20px !important;} .c_column.full .class_list.version_2 .item:nth-child(1) { margin-top: 0 !important;} } .class_list.version_3 { width: 100%; text-align: left; position: relative; margin: 30px 0 0;} .class_list.version_3 h2 { text-align: left; margin: 0; padding: 0 0 5px; font-size: 22px; line-height: 28px; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; color: #000000;} .class_list.version_3 .item{ position: relative; text-align: center; display: inline-block; vertical-align: top; border: 1px solid #f2f2f2; background: transparent; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .c_column:not(.full) .class_list.version_3 .item { width: calc(33.33% - 40px / 3 - 5px); margin: 20px 0 0;} .c_column:not(.full) .class_list.version_3 .item:nth-child(3n - 1) { margin: 20px 20px 0;} .c_column:not(.full) .class_list.version_3 .item:nth-child(-n + 3) { margin-top: 0;} .c_column.full .class_list.version_3 .item { width: calc(25% - 60px / 4 - 5px); margin: 20px 0 0;} .c_column.full .class_list.version_3 .item:nth-child(4n - 1) { margin: 20px 20px 0;} .c_column.full .class_list.version_3 .item:nth-child(4n - 2) { margin: 20px 0 0 20px;} .c_column.full .class_list.version_3 .item:nth-child(-n + 4) { margin-top: 0;} .notouch .class_list.version_3 a.item:hover { border: 1px solid #800d47} .class_list.version_3 .item .img { display: block; height: 130px; width: 130px; position: absolute; top: 0; bottom: 0; left: 0; background-attachment: local; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;} .class_list.version_3 .item .text { padding: 0 15px 0 145px; display: block;} .class_list.version_3 .item .text .box { display: table; width: 100%; height: 130px; text-align: center;} .class_list.version_3 .item .text .box .centering { display: table-cell; width: 100%; vertical-align: middle; font-size: 13px; line-height: 18px; color: #000000; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .class_list.version_3 .item .text .box .centering .name { padding: 15px 0 0; display: block; font-size: 13px; line-height: 18px; color: #000000; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; -webkit-transition: all 400ms ease; transition: all 400ms ease;} @media screen and (max-width: 1400px) { .c_column:not(.full) .class_list.version_3 .item { width: calc(50% - 20px / 2 - 5px); margin: 20px 0 0 !important;} .c_column:not(.full) .class_list.version_3 .item:nth-child(2n) { margin: 20px 0 0 20px !important;} .c_column:not(.full) .class_list.version_3 .item:nth-child(-n + 2) { margin-top: 0 !important;} } @media screen and (max-width: 1200px) { .c_column.full .class_list.version_3 .item { width: calc(33.33% - 40px / 3 - 5px); margin: 20px 0 0 !important;} .c_column.full .class_list.version_3 .item:nth-child(3n - 1) { margin: 20px 20px 0 !important;} .c_column.full .class_list.version_3 .item:nth-child(-n + 3) { margin-top: 0 !important;} } @media screen and (max-width: 900px) { .c_column.full .class_list.version_3 .item { width: calc(50% - 20px / 2 - 5px); margin: 20px 0 0 !important;} .c_column.full .class_list.version_3 .item:nth-child(3n - 1) { margin: 20px 0 0 !important;} .c_column.full .class_list.version_3 .item:nth-child(2n) { margin: 20px 0 0 20px !important;} .c_column.full .class_list.version_3 .item:nth-child(-n + 3) { margin-top: 20px !important;} .c_column.full .class_list.version_3 .item:nth-child(-n + 2) { margin-top: 0 !important;} } @media screen and (max-width: 700px) { .c_column:not(.full) .class_list.version_3 h2 { text-align: center; font-size: 24px; line-height: 30px;} .c_column:not(.full) .class_list.version_3 .item { display: block; width: calc(100% - 2px); margin: 20px 0 0 !important;} .c_column:not(.full) .class_list.version_3 .item:nth-child(2n) { margin: 20px 0 0 !important;} .c_column:not(.full) .class_list.version_3 .item:nth-child(-n + 2) { margin-top: 20px !important;} .c_column:not(.full) .class_list.version_3 .item:nth-child(1) { margin-top: 0 !important;} } @media screen and (max-width: 600px) { .c_column.full .class_list.version_3 .item { width: calc(100% - 2px); margin: 20px 0 0 !important;} .c_column.full .class_list.version_3 .item:nth-child(2n) { margin: 20px 0 0 !important;} .c_column.full .class_list.version_3 .item:nth-child(-n + 3) { margin-top: 20px !important;} .c_column.full .class_list.version_3 .item:nth-child(-n + 2) { margin-top: 20px !important;} .c_column.full .class_list.version_3 .item:nth-child(1) { margin-top: 0 !important;} } .courses_list.version_1 { width: 100%; text-align: left; position: relative; margin: 30px 0 0;} .courses_list.version_1 h2 { text-align: left; margin: 0; padding: 0 0 5px; font-size: 22px; line-height: 28px; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; color: #000000;} .courses_list.version_1 .item{ text-align: center; display: inline-block; vertical-align: top; border: 1px solid #f2f2f2; background: transparent; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .c_column:not(.full) .courses_list.version_1 .item { width: calc(33.33% - 40px / 3 - 5px); margin: 20px 0 0;} .c_column:not(.full) .courses_list.version_1 .item:nth-child(3n - 1) { margin: 20px 20px 0;} .c_column:not(.full) .courses_list.version_1 .item:nth-child(-n + 3) { margin-top: 0;} .c_column.full .courses_list.version_1 .item { width: calc(25% - 60px / 4 - 5px); margin: 20px 0 0;} .c_column.full .courses_list.version_1 .item:nth-child(4n - 1) { margin: 20px 20px 0;} .c_column.full .courses_list.version_1 .item:nth-child(4n - 2) { margin: 20px 0 0 20px;} .c_column.full .courses_list.version_1 .item:nth-child(-n + 4) { margin-top: 0;} .notouch .courses_list.version_1 a.item:hover { border: 1px solid #dbdbdb} .courses_list.version_1 .item .img { display: block; height: 200px; width: 100%; background-attachment: local; position: relative; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;} .courses_list.version_1 .item .text { padding: 15px; display: table; width: calc(100% - 30px); height: 39px; border-top: 1px solid #f2f2f2; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .courses_list.version_1 a.item:hover .text { border-top: 1px solid #dbdbdb} .courses_list.version_1 .item .title { display: table-cell; vertical-align: middle; width: 100%; margin: 0; font-size: 14px; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; line-height: 20px; color: #000000; text-align: center; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .courses_list.version_1 .item .title span { display: block; width: 100%; font-size: 13px; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; line-height: 16px; color: #000000; text-align: center; margin: 0;} @media screen and (max-width: 1400px) { .c_column:not(.full) .courses_list.version_1 .item { width: calc(50% - 20px / 2 - 5px); margin: 20px 0 0 !important;} .c_column:not(.full) .courses_list.version_1 .item:nth-child(2n) { margin: 20px 0 0 20px !important;} .c_column:not(.full) .courses_list.version_1 .item:nth-child(-n + 2) { margin-top: 0 !important;} } @media screen and (max-width: 1200px) { .c_column.full .courses_list.version_1 .item { width: calc(33.33% - 40px / 3 - 5px); margin: 20px 0 0 !important;} .c_column.full .courses_list.version_1 .item:nth-child(3n - 1) { margin: 20px 20px 0 !important;} .c_column.full .courses_list.version_1 .item:nth-child(-n + 3) { margin-top: 0 !important;} } @media screen and (max-width: 900px) { .c_column.full .courses_list.version_1 .item { width: calc(50% - 20px / 2 - 5px); margin: 20px 0 0 !important;} .c_column.full .courses_list.version_1 .item:nth-child(3n - 1) { margin: 20px 0 0 !important;} .c_column.full .courses_list.version_1 .item:nth-child(2n) { margin: 20px 0 0 20px !important;} .c_column.full .courses_list.version_1 .item:nth-child(-n + 3) { margin-top: 20px !important;} .c_column.full .courses_list.version_1 .item:nth-child(-n + 2) { margin-top: 0 !important;} } @media screen and (max-width: 700px) { .c_column:not(.full) .courses_list.version_1 h2 { text-align: center; font-size: 24px; line-height: 30px;} .c_column:not(.full) .courses_list.version_1 .item { display: block; width: calc(100% - 2px); margin: 20px 0 0 !important;} .c_column:not(.full) .courses_list.version_1 .item:nth-child(2n) { margin: 20px 0 0 !important;} .c_column:not(.full) .courses_list.version_1 .item:nth-child(-n + 2) { margin-top: 20px !important;} .c_column:not(.full) .courses_list.version_1 .item:nth-child(1) { margin-top: 0 !important;} } @media screen and (max-width: 600px) { .c_column.full .courses_list.version_1 .item { width: calc(100% - 2px); margin: 20px 0 0 !important;} .c_column.full .courses_list.version_1 .item:nth-child(2n) { margin: 20px 0 0 !important;} .c_column.full .courses_list.version_1 .item:nth-child(-n + 3) { margin-top: 20px !important;} .c_column.full .courses_list.version_1 .item:nth-child(-n + 2) { margin-top: 20px !important;} .c_column.full .courses_list.version_1 .item:nth-child(1) { margin-top: 0 !important;} } .food_list{ position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .food_list.opacity{ opacity: 0.4;} .food_list article table tbody tr th { text-transform: uppercase; text-align: left; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; padding: 8px 10px; background: #4d4d4d; color: #fff; border: 1px solid #000; border-right: 0;} .food_list h2 { text-align: left; margin: 0; padding: 0 0 5px; font-size: 22px; line-height: 28px; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; text-transform: uppercase; color: #000000} .food_list .date { padding: 0 0 0 30px; font-size: 14px; line-height: 25px; color: #000000; text-align: left; margin: 0 0 15px; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; position: relative;} .food_list .date::before { width: 25px; height: 25px; content: ""; background: url(../img/calendar_icon.svg) no-repeat scroll center center; background-size: 25px 25px; position: absolute; left: 0; top: 0; margin-top: 0;} .food_list .arrows { position: absolute; top: 18px; right: 0;} .food_list .arrows .prev { position: relative; cursor:pointer; padding: 0 20px 0 40px; float: left; font-size: 14px; line-height: 18px; color: #000; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; text-align: left; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .food_list .arrows .prev.opacity { cursor: text; opacity: 0.4; color: #000 !important; } .food_list .arrows .prev.opacity::after { color: #000 !important; } .food_list .arrows .prev i { display: block; font-style: normal; font-size: 12px; line-height: 16px; color: #000; font-weight: 400; text-align: left; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .food_list .arrows .prev::after { opacity: 1; position: absolute; left: 0; top: 0; content: "\2039"; color: #000; font-size: 33px; line-height: 30px; font-weight: 300; text-align: center; display: block; width: 40px; height: 34px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .food_list .arrows .next { position: relative; cursor:pointer; padding: 0 40px 0 20px; float: right; font-size: 14px; line-height: 18px; color: #000; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; text-align: right; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .food_list .arrows .next.opacity { cursor: text; opacity: 0.4; color: #000 !important; } .food_list .arrows .next.opacity::after { color: #000 !important; } .food_list .arrows .next i { display: block; font-style: normal; font-size: 12px; line-height: 16px; color: #000; font-weight: 400; text-align: right; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .food_list .arrows .next::after { opacity: 1; position: absolute; right: 0; top: 0; content: "\203A"; color: #000; font-size: 33px; line-height: 30px; font-weight: 300; text-align: center; display: block; width: 40px; height: 34px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .food_list .arrows .prev:hover, .food_list .arrows .next:hover { color: #800d47;} .food_list .arrows .prev:hover::after, .food_list .arrows .next:hover::after { color: #800d47;} .alergens_list { width: 100%; text-align: left; margin: 30px 0 0; position: relative;} .alergens_list .item{ display: inline-block; vertical-align: middle; margin: 0 2px 5px 0; font-size: 13px; line-height: 16px; font-weight: 500; background: #f9f9f9; border: 1px solid #e0dfdf; color: #000000; font-weight: 400; padding: 6px 12px;} .contact_list { width: 100%; text-align: left; margin: 30px 0 0; position: relative;} .contact_list .item { text-align: center; display: block; width: calc(100% - 2px); border: 1px solid #f2f2f2; margin: 0 0 20px; background: transparent; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .contact_list .item.hover_efekt, .contact_list .item.active { border: 1px solid #dbdbdb; } .contact_list .item .top { position: relative; padding: 25px 80px 25px 15px; display: block; text-transform: uppercase; margin: 0; font-size: 16px; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; line-height: 23px; color: #000000; text-align: left; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .contact_list .item.hover_efekt .top, .contact_list .item.active .top { color: #000; } .contact_list .item .top .icon { width: 34px; height: 34px; position: absolute; top: 19px; right: 20px; -webkit-border-radius: 30px; border-radius: 30px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .contact_list .item .top .icon::before { display: block; content: ""; position: absolute; top: 0; left: 0; width: 34px; height: 34px; background: url(../img/plus.svg) no-repeat scroll center center; background-size: 34px 34px; opacity: 1; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .contact_list .item.active .top .icon::before { background: url(../img/minus.svg) no-repeat scroll center center; background-size: 34px 34px;} .contact_list .item .hide { text-align: left; background: #fff; padding: 25px; display: none; border-top: 1px solid #f2f2f2;} .contact_list .item .hide.active { display: block;} @media screen and (max-width: 767px) { .contact_list .item { margin: 0 0 15px; } .contact_list .item .top { padding: 13px 40px 13px 15px; font-size: 14px; line-height: 20px;} .contact_list .item .top .icon { right: 10px; top: 5px;} .contact_list .item .hide { padding: 15px;} } .normal_form{ max-width: 600px; display: block; width: 100%; text-align: left; position: relative; margin: 30px 0 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .normal_form h2 { text-align: left; margin: 0; padding: 0 0 9px; font-size: 18px; line-height: 24px; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; text-transform: uppercase; color: #000000;} .normal_form table { width: 100%; border-collapse: collapse;} .normal_form input[type=text] { border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #fff; font-size: 14px; line-height: 20px; padding: 11px 15px; margin: 0 0 8px; color: #000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .normal_form input[readonly] { border: 1px solid #e6e7e8 !important; background: #f2f2f2;} .normal_form textarea { resize: none; overflow: auto; height: 80px; border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #fff; font-size: 14px; line-height: 20px; padding: 11px 15px; margin: 0 0 8px; color: #000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .normal_form input[type=text]:focus, .normal_form textarea:focus { border: 1px solid #800d47;} .normal_form input::-webkit-input-placeholder, .normal_form textarea::-webkit-input-placeholder { color: #000;} .normal_form input::-moz-placeholder, .normal_form textarea::-moz-placeholder { color: #000;} .normal_form input::-ms-input-placeholder, .normal_form textarea::-ms-input-placeholder { color: #000;} .normal_form .sbHolder { position: relative; background: #fff; width: calc(100% - 2px); display: block; margin: 0 0 8px; border: 1px solid #e6e7e8; } .normal_form .sbHolder .sbToggle { margin: 0; background: url(img/select_arrow.svg) no-repeat scroll center center; background-size: 16px 16px; border-left: 1px solid #e6e7e8; right: 0; top: 0; bottom: 0; height: 100%; width: 39px;} .normal_form .sbHolder .sbToggle.sbToggleOpen { background: url(img/select_arrow_hover.svg) no-repeat scroll center center; background-size: 16px 16px;} .normal_form .sbHolder a.sbSelector { width: calc(100% - 60px); margin: 0; display: block; color: #19212b !important; font-size: 14px; line-height: 20px; padding: 11px 40px 11px 15px; font-weight: 400; text-align: left; text-decoration: none;} .normal_form .sbOptions { max-height: 245px !important; z-index: 999; top: calc(100% + 1px) !important; background: #fff; padding: 0; left: -1px; right: -1px;} .normal_form .sbOptions a { text-decoration: none; border: 1px solid #e6e7e8; border-top: 0; height: auto; background: #fff !important; display: block; text-align: left; padding: 6px 15px; font-size: 14px; line-height: 22px; margin: 0; font-weight: 400; color: #19212b !important; -webkit-transition: all 300ms ease; transition: all 300ms ease;} .normal_form .sbOptions li:first-child { display: none;} .normal_form .sbOptions li:nth-child(2) a { border-top: 0;} .notouch .normal_form .sbOptions a:hover { background: #f0f0f0 !important;} .normal_form .gdpr_text { display: block; margin: 0; padding: 9px 0 8px; float: left; font-size: 14px; line-height: 20px; color: #000000; font-weight: 400;} .normal_form .gdpr_text .checker { display: inline-block; vertical-align: top; margin: 0 5px 0 0;} .normal_form .gdpr_text strong { color: #800d47; font-size: 14px; line-height: 20px;} @media screen and (max-width: 700px) { .normal_form .gdpr_text { float: none; text-align: left;} .normal_form .btn.right { float: none; margin: 10px 0 0;} } .contact_page.version_1 { width: 100%; text-align: left; position: relative; margin: 30px 0 0;} .contact_page.version_1 .item { text-align: left; position: relative; width: 250px; padding: 20px 25px; display: block; float: left; background: #f4f4f4;} .contact_page.version_1 .item .box { display: table; height: 360px; width: 100%;} .contact_page.version_1 .item .box .centering { display: table-cell; vertical-align: middle; width: 100%;} .contact_page.version_1 .item p.title { font-size: 16px; line-height: 20px; color: #800d47; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; margin: 20px 0 5px; padding: 0; text-transform: uppercase;} .contact_page.version_1 .item p.title.first { margin: 0 0 5px;} .contact_page.version_1 .item p { margin: 0 0 10px; padding: 0; font-size: 14px; line-height: 20px; color: #000000;} .contact_page.version_1 .item p:last-of-type { margin: 0;} .contact_page.version_1 .item p span { font-size: 13px; line-height: 16px; color: #666666; font-style: italic;} .contact_page.version_1 .item p strong { font-size: 14px; line-height: 20px; color: #000000;} .contact_page.version_1 .item a { text-decoration: underline; font-size: 14px; line-height: 20px; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .contact_page.version_1 .item a:hover { color: #800d47;} .contact_page.version_1 .mapa { position: absolute; left: 300px; right: 0; top: 0; bottom: 0; display: block; background: #f2f2f2;} .contact_page.version_1 .mapa #MyGmaps { background: #e5e3df; z-index: 0; position: relative; width: 100%; height: 100%; display: block;} .contact_page.version_1 .mapa a.btn { position: absolute; left: 0; bottom: 0; z-index: 20;} .contact_page.version_1 .mapa a.btn:nth-child(3) { bottom: 36px;} @media screen and (max-width: 767px) { .contact_page.version_1 .item { text-align: center; float: none; width: calc(100% - 40px); padding: 30px 20px;} .contact_page.version_1 .item .box { display: block; height: initial; height: auto;} .contact_page.version_1 .item .box .centering { display: block;} .contact_page.version_1 .mapa { width: 100%; float: none; position: relative; left: 0;} .contact_page.version_1 .mapa #MyGmaps { height: 260px;} } .contact_page.version_2 { width: 100%; text-align: left; position: relative; margin: 30px 0 0;} .contact_page.version_2 .item { text-align: left; position: relative; width: calc(50% - 30px); display: block; float: left; padding: 0 30px 40px 0;} .contact_page.version_2 .item p.title { font-size: 16px; line-height: 20px; color: #800d47; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; margin: 20px 0 5px; padding: 0; text-transform: uppercase;} .contact_page.version_2 .item p.title.first { margin: 0 0 5px;} .contact_page.version_2 .item p { margin: 0 0 10px; padding: 0; font-size: 14px; line-height: 20px; color: #000000;} .contact_page.version_2 .item p:last-of-type { margin: 0;} .contact_page.version_2 .item p span { font-size: 13px; line-height: 16px; color: #666666; font-style: italic;} .contact_page.version_2 .item p strong { font-size: 14px; line-height: 20px; color: #000000;} .contact_page.version_2 .item a { text-decoration: underline; font-size: 14px; line-height: 20px; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .contact_page.version_2 .item a:hover { color: #800d47;} .contact_page.version_2 .mapa { position: relative; height: 260px; display: block; background: #f2f2f2;} .contact_page.version_2 .mapa #MyGmaps { background: #e5e3df; z-index: 0; position: relative; width: 100%; height: 100%; display: block;} .contact_page.version_2 .mapa a.btn { position: absolute; left: 0; bottom: 0; z-index: 20;} .contact_page.version_2 .mapa a.btn:nth-child(3) { bottom: 36px;} @media screen and (max-width: 767px) { .contact_page.version_2 .item { text-align: left; float: none; width: calc(100% - 40px); padding: 0 0 30px;} .contact_page.version_2 .item .box { display: block; height: initial; height: auto;} .contact_page.version_2 .item .box .centering { display: block;} } .gallery_list.version_1 { width: 100%; text-align: left; position: relative; margin: 30px 0 0;} .gallery_list.version_1 h2 { text-align: left; margin: 0; padding: 0 0 5px; font-size: 22px; line-height: 28px; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; color: #000000;} .gallery_list.version_1 .item{ position: relative; z-index: 10; text-align: center; display: inline-block; vertical-align: top; border: 1px solid #f2f2f2; background: transparent; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .c_column:not(.full) .gallery_list.version_1 .item { width: calc(33.33% - 40px / 3 - 5px); margin: 20px 0 0;} .c_column:not(.full) .gallery_list.version_1 .item:nth-child(3n - 1) { margin: 20px 20px 0;} .c_column:not(.full) .gallery_list.version_1 .item:nth-child(-n + 3) { margin-top: 0;} .c_column.full .gallery_list.version_1 .item { width: calc(25% - 60px / 4 - 5px); margin: 20px 0 0;} .c_column.full .gallery_list.version_1 .item:nth-child(4n - 1) { margin: 20px 20px 0;} .c_column.full .gallery_list.version_1 .item:nth-child(4n - 2) { margin: 20px 0 0 20px;} .c_column.full .gallery_list.version_1 .item:nth-child(-n + 4) { margin-top: 0;} .notouch .gallery_list.version_1 a.item:hover { border: 1px solid #dbdbdb} .gallery_list.version_1 .item .img { display: block; height: 200px; width: 100%; background-attachment: local; position: relative; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;} .gallery_list.version_1 .item .text { padding: 15px; display: table; width: calc(100% - 30px); height: 39px; border-top: 1px solid #f2f2f2; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .gallery_list.version_1 a.item:hover .text { border-top: 1px solid #dbdbdb} .gallery_list.version_1 .item .title { display: table-cell; vertical-align: middle; width: 100%; margin: 0; font-size: 14px; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; line-height: 20px; color: #000000; text-align: center; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .gallery_list.version_1 .item .title span { display: block; width: 100%; font-size: 13px; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; line-height: 16px; color: #000000; text-align: center; margin: 0;} @media screen and (max-width: 1400px) { .c_column:not(.full) .gallery_list.version_1 .item { width: calc(50% - 20px / 2 - 5px); margin: 20px 0 0 !important;} .c_column:not(.full) .gallery_list.version_1 .item:nth-child(2n) { margin: 20px 0 0 20px !important;} .c_column:not(.full) .gallery_list.version_1 .item:nth-child(-n + 2) { margin-top: 0 !important;} } @media screen and (max-width: 1200px) { .c_column.full .gallery_list.version_1 .item { width: calc(33.33% - 40px / 3 - 5px); margin: 20px 0 0 !important;} .c_column.full .gallery_list.version_1 .item:nth-child(3n - 1) { margin: 20px 20px 0 !important;} .c_column.full .gallery_list.version_1 .item:nth-child(-n + 3) { margin-top: 0 !important;} } @media screen and (max-width: 900px) { .c_column.full .gallery_list.version_1 .item { width: calc(50% - 20px / 2 - 5px); margin: 20px 0 0 !important;} .c_column.full .gallery_list.version_1 .item:nth-child(3n - 1) { margin: 20px 0 0 !important;} .c_column.full .gallery_list.version_1 .item:nth-child(2n) { margin: 20px 0 0 20px !important;} .c_column.full .gallery_list.version_1 .item:nth-child(-n + 3) { margin-top: 20px !important;} .c_column.full .gallery_list.version_1 .item:nth-child(-n + 2) { margin-top: 0 !important;} } @media screen and (max-width: 700px) { .c_column:not(.full) .gallery_list.version_1 h2 { text-align: center; font-size: 24px; line-height: 30px;} .c_column:not(.full) .gallery_list.version_1 .item { display: block; width: calc(100% - 2px); margin: 20px 0 0 !important;} .c_column:not(.full) .gallery_list.version_1 .item:nth-child(2n) { margin: 20px 0 0 !important;} .c_column:not(.full) .gallery_list.version_1 .item:nth-child(-n + 2) { margin-top: 20px !important;} .c_column:not(.full) .gallery_list.version_1 .item:nth-child(1) { margin-top: 0 !important;} } @media screen and (max-width: 600px) { .c_column.full .gallery_list.version_1 .item { width: calc(100% - 2px); margin: 20px 0 0 !important;} .c_column.full .gallery_list.version_1 .item:nth-child(2n) { margin: 20px 0 0 !important;} .c_column.full .gallery_list.version_1 .item:nth-child(-n + 3) { margin-top: 20px !important;} .c_column.full .gallery_list.version_1 .item:nth-child(-n + 2) { margin-top: 20px !important;} .c_column.full .gallery_list.version_1 .item:nth-child(1) { margin-top: 0 !important;} } .news_list.version_1 { width: 100%; text-align: left; position: relative; margin: 30px 0 0;} .news_list.version_1 .item { text-align: center; display: inline-block; vertical-align: top; margin: 0 0 20px; border: 1px solid #f2f2f2; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .news_list.version_1 a.item:hover { border: 1px solid #dbdbdb} .c_column:not(.full) .news_list.version_1 .item { width: calc(33.33% - 40px / 3 - 5px); margin: 20px 0 0;} .c_column:not(.full) .news_list.version_1 .item:nth-child(3n - 1) { margin: 20px 20px 0;} .c_column:not(.full) .news_list.version_1 .item:nth-child(-n + 3) { margin-top: 0;} .c_column.full .news_list.version_1 .item { width: calc(25% - 60px / 4 - 5px); margin: 20px 0 0;} .c_column.full .news_list.version_1 .item:nth-child(4n - 1) { margin: 20px 20px 0;} .c_column.full .news_list.version_1 .item:nth-child(4n - 2) { margin: 20px 0 0 20px;} .c_column.full .news_list.version_1 .item:nth-child(-n + 4) { margin-top: 0;} .news_list.version_1 .item .text { text-align: left; border-top: 1px solid #e7e8e9; padding: 20px; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .news_list.version_1 a.item:hover .text { border-top: 1px solid #dbdbdb} .news_list.version_1 .item .img { display: block; height: 180px; width: 100%; background-attachment: local; position: relative; background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover;} .news_list.version_1 .item .img .date { border-top: 1px solid #e7e8e9; border-left: 1px solid #e7e8e9; position: absolute; right: 0; bottom: 0; display: block; padding: 6px 20px; font-size: 14px; line-height: 20px; color: #141b26; text-align: left; background: #fff;} .news_list.version_1 .item .title { display: block; margin: 0 0 5px; height: 40px; overflow: hidden; font-size: 16px; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; line-height: 20px; color: #000000; text-align: left; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .news_list.version_1 a.item:hover .title { color: #800d47;} .news_list.version_1 .item span.anotation { display: block; margin: 0 0 15px; height: 72px; overflow: hidden; font-size: 13px; line-height: 18px; font-weight: 400; color: #000000; text-align: left;} .news_list.version_1 .item article.anotation { margin: 0; font-size: 13px; line-height: 18px; font-weight: 400; color: #000000; text-align: left;} .news_list.version_1 .item .link { font-size: 14px; line-height: 20px; font-weight: 400; color: #000000; display: inline-block; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .news_list.version_1 a.item:hover .link { color: #800d47;} @media screen and (max-width: 1400px) { .c_column:not(.full) .news_list.version_1 .item { width: calc(50% - 20px / 2 - 5px); margin: 20px 0 0 !important;} .c_column:not(.full) .news_list.version_1 .item:nth-child(2n) { margin: 20px 0 0 20px !important;} .c_column:not(.full) .news_list.version_1 .item:nth-child(-n + 2) { margin-top: 0 !important;} } @media screen and (max-width: 1200px) { .c_column.full .news_list.version_1 .item { width: calc(33.33% - 40px / 3 - 5px); margin: 20px 0 0 !important;} .c_column.full .news_list.version_1 .item:nth-child(3n - 1) { margin: 20px 20px 0 !important;} .c_column.full .news_list.version_1 .item:nth-child(-n + 3) { margin-top: 0 !important;} } @media screen and (max-width: 900px) { .c_column.full .news_list.version_1 .item { width: calc(50% - 20px / 2 - 5px); margin: 20px 0 0 !important;} .c_column.full .news_list.version_1 .item:nth-child(3n - 1) { margin: 20px 0 0 !important;} .c_column.full .news_list.version_1 .item:nth-child(2n) { margin: 20px 0 0 20px !important;} .c_column.full .news_list.version_1 .item:nth-child(-n + 3) { margin-top: 20px !important;} .c_column.full .news_list.version_1 .item:nth-child(-n + 2) { margin-top: 0 !important;} } @media screen and (max-width: 700px) { .sub .news { display: none;} .c_column:not(.full) .news_list.version_1 h2 { text-align: center; font-size: 24px; line-height: 30px;} .c_column:not(.full) .news_list.version_1 .item { display: block; width: calc(100% - 2px); margin: 20px 0 0 !important;} .c_column:not(.full) .news_list.version_1 .item:nth-child(2n) { margin: 20px 0 0 !important;} .c_column:not(.full) .news_list.version_1 .item:nth-child(-n + 2) { margin-top: 20px !important;} .c_column:not(.full) .news_list.version_1 .item:nth-child(1) { margin-top: 0 !important;} } @media screen and (max-width: 600px) { .c_column.full .news_list.version_1 .item { width: calc(100% - 2px); margin: 20px 0 0 !important;} .c_column.full .news_list.version_1 .item:nth-child(2n) { margin: 20px 0 0 !important;} .c_column.full .news_list.version_1 .item:nth-child(-n + 3) { margin-top: 20px !important;} .c_column.full .news_list.version_1 .item:nth-child(-n + 2) { margin-top: 20px !important;} .c_column.full .news_list.version_1 .item:nth-child(1) { margin-top: 0 !important;} } .news_list.version_2 { width: 100%; text-align: left; position: relative; margin: 30px 0 0;} .news_list.version_2 .item { position: relative; text-align: center; display: inline-block; vertical-align: top; margin: 20px 0 0; border: 1px solid #f2f2f2; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .news_list.version_2 .item:hover { border: 1px solid #dbdbdb} .c_column:not(.full) .news_list.version_2 .item { width: calc(50% - 20px / 2 - 4px); margin: 20px 0 0;} .c_column:not(.full) .news_list.version_2 .item:nth-child(2n) { margin: 20px 0 0 20px;} .c_column:not(.full) .news_list.version_2 .item:nth-child(-n + 2) { margin-top: 0;} .c_column.full .news_list.version_2 .item:nth-child(3n - 1) { margin: 20px 20px 0;} .c_column.full .news_list.version_2 .item:nth-child(-n + 3) { margin-top: 0;} .c_column.full .news_list.version_2 .item { width: calc(33.33% - 40px / 3 - 5px); margin: 20px 0 0;} .news_list.version_2 .item .img { display: block; width: 160px; background-attachment: local; position: absolute; top: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover;} .news_list.version_2 .item .text { text-align: left; padding: 20px 20px 20px 180px; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .news_list.version_2 .item .text .box { display: table; height: 200px; width: 100%;} .news_list.version_2 .item .text .box .centering { display: table-cell; vertical-align: middle; width: 100%;} .news_list.version_2 .item .title { display: block; margin: 0; font-size: 14px; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; line-height: 20px; color: #000000; text-align: left; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .news_list.version_2 .item:hover .title { color: #800d47;} .news_list.version_2 .item .date { display: block; font-size: 12px; line-height: 18px; color: #141b26; text-align: left; background: #fff; margin: 0 0 5px; } .news_list.version_2 .item .anotation { display: block; margin: 15px 0 0; overflow: hidden; font-size: 12px; line-height: 18px; font-weight: 400; color: #000000; text-align: left;} @media screen and (max-width: 1450px) { .c_column.full .news_list.version_2 .item { width: calc(50% - 20px / 2 - 5px); margin: 20px 0 0 !important;} .c_column.full .news_list.version_2 .item:nth-child(2n) { margin: 20px 0 0 20px !important;} .c_column.full .news_list.version_2 .item:nth-child(-n + 2) { margin-top: 0 !important;} } @media screen and (max-width: 1400px) { .c_column:not(.full) .news_list.version_2 .item:nth-child(1) { margin-top: 0 !important;} .c_column:not(.full) .news_list.version_2 .item { width: calc(100% - 5px); margin: 20px 0 0 !important;} } @media screen and (max-width: 1150px) { .c_column:not(.full) .news_list.version_2 .item:nth-child(2n) { margin: 20px 0 0 20px !important;} .c_column:not(.full) .news_list.version_2 .item:nth-child(-n + 2) { margin-top: 0 !important;} .c_column:not(.full) .news_list.version_2 .item { width: calc(50% - 20px / 2 - 5px); margin: 20px 0 0 !important;} } @media screen and (max-width: 850px) { .c_column:not(.full) .news_list.version_2 .item:nth-child(1) { margin-top: 0 !important;} .c_column:not(.full) .news_list.version_2 .item { width: calc(100% - 5px); margin: 20px 0 0 !important;} .c_column:not(.full) .news_list.version_2 .item:nth-child(2n) { margin: 20px 0 0 !important;} .c_column.full .news_list.version_2 .item { width: calc(100% - 5px); margin: 20px 0 0 !important;} .c_column.full .news_list.version_2 .item:nth-child(2n) { margin: 20px 0 0 !important;} .c_column.full .news_list.version_2 .item:nth-child(1) { margin-top: 0 !important;} } @media screen and (max-width: 450px) { .news_list.version_2 .item .img { height: 160px; width: 100%; bottom: initial; bottom: auto; right: 0; left: 0;} .news_list.version_2 .item .text { text-align: left; padding: 180px 20px 20px;} .news_list.version_2 .item .text .box { height: initial; height: auto; display: block;} .news_list.version_2 .item .text .box .centering { display: block;} } .partners_list { width: 100%; text-align: left; position: relative; margin: 30px 0 0;} .partners_list .item { border-top: 1px solid #e4e5e6; position: relative; text-align: left; display: block; padding: 44px 30px; margin: 0; background: #fff;} .partners_list .item:first-of-type { border-top: 0; padding-top: 30px;} .partners_list .item .img { display: inline-block; vertical-align: top; width: 200px; padding: 30px 40px 30px 0; position: relative;} .partners_list .item .img img { display: block; width: 82%; max-width: 200px; margin: 0 auto;} .partners_list .item .img .number { font-size: 25px; line-height: 30px; position: absolute; left: 0; top: -30px; color: #e4e5e6; font-weight: 700; font-family: open_sansbold, sans-serif, Arial;} .partners_list .item .text { padding: 0; display: inline-block; vertical-align: top; text-align: left; width: calc(100% - 245px);} .partners_list .item .title { text-transform: none; padding: 0; display: block; margin: 0 0 10px; font-size: 18px; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; line-height: 24px; color: #000000; text-align: left; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .partners_list .item .anotation { display: block; margin: 0; font-size: 14px; line-height: 20px; font-weight: 400; color: #000000; text-align: left;} @media screen and (max-width: 767px) { .partners_list .item { padding: 40px 0;} .partners_list .item .img { display: block; width: 100%; margin: 0 0 30px; padding: 0; } .partners_list .item .text { padding: 0; display: block; text-align: center; width: 100%;} .partners_list .item .title { text-align: center;} .partners_list .item .anotation { text-align: center;} } .finall_order { text-align: left;} .finall_order.center { text-align: center;} .finall_order p { font-size: 14px; line-height: 22px; margin: 0 0 25px; font-weight: 400;} .finall_order p strong { font-size: 14px; line-height: 22px; font-weight: 700; font-family: open_sansbold, sans-serif, Arial;} .finall_order p a { text-decoration: underline; font-size: 14px; line-height: 22px; color: #800d47; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .finall_order p a:hover { text-decoration: none;} .file_list.version_1 { width: 100%; text-align: left; position: relative;} .file_list.version_1 h2{ position: relative; font-size: 16px; line-height: 24px; margin: 30px 0 10px; font-weight: 700; font-family: open_sansbold, sans-serif, Arial;} .file_list.version_1 .item { position: relative; display: inline-block; vertical-align: middle; margin: 0 2px 5px 0; font-size: 13px; line-height: 20px; padding: 8px 15px; color: #000000; border: 1px solid #f2f2f2; background: #f2f2f2; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .file_list.version_1 a.item:hover { border: 1px solid #800d47; background: #800d47; color: #fff;} .file_list.version_2 { width: 100%; text-align: left; position: relative;} .file_list.version_2 h2{ position: relative; font-size: 16px; line-height: 24px; margin: 30px 0 10px; font-weight: 700; font-family: open_sansbold, sans-serif, Arial;} .file_list.version_2 .item { position: relative; display: inline-block; vertical-align: middle; margin: 0 2px 5px 0; font-size: 13px; line-height: 20px; padding: 8px 40px 8px 15px; color: #000000; border: 1px solid #f2f2f2; background: #ffffff; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .file_list.version_2 .item::before { text-align: center; line-height: 20px; font-size: 24px; position: absolute; width: 20px; height: 20px; right: 10px; top: 50%; margin: -10px 0 0; content: "\2039"; color: #000; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .file_list.version_2 a.item:hover { border: 1px solid #800d47; color: #800d47;} .notouch .file_list.version_2 a.item:hover::before { color: #800d47;} .file_list.version_3 { width: 100%; text-align: left; position: relative;} .file_list.version_3 h2{ position: relative; font-size: 16px; line-height: 24px; margin: 30px 0 10px; font-weight: 700; font-family: open_sansbold, sans-serif, Arial;} .file_list.version_3 .item { position: relative; display: inline-block; vertical-align: middle; margin: 0 8px 5px 0; font-size: 13px; line-height: 20px; padding: 14px 15px 14px 48px; color: #000000; background: #ffffff; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .file_list.version_3 .item .icon { position: relative; padding: 15px 0 0px; position: absolute; left: 8px; top: 50%; margin: -19px 0 0; height: 19px; border: 2px solid #b2b2b2; width: 28px; text-align: center; font-size: 8px; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; color: #b2b2b2; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .file_list.version_3 .item .icon::before { position: absolute; right: -2px; top: -2px; width: 6px; height: 8px; border: 2px solid #b2b2b2; content: ""; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .file_list.version_3 .item .icon::after { background: #ffffff; position: absolute; right: -8px; top: -3px; width: 15px; height: 9px; border-top: 2px solid #b2b2b2; content: ""; -ms-transform: rotate(234deg); -webkit-transform: rotate(234deg); transform: rotate(234deg); -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .file_list.version_3 a.item:hover { color: #800d47;} .notouch .file_list.version_3 a.item:hover .icon { border: 2px solid #800d47; color: #800d47;} .notouch .file_list.version_3 a.item:hover .icon::before { border: 2px solid #800d47;} .notouch .file_list.version_3 a.item:hover .icon::after { border-top: 2px solid #800d47;} .file_list.version_4 { width: 100%; text-align: left; position: relative;} .file_list.version_4 h2{ position: relative; font-size: 16px; line-height: 24px; margin: 30px 0 10px; font-weight: 700; font-family: open_sansbold, sans-serif, Arial;} .file_list.version_4 .item { position: relative; display: inline-block; vertical-align: middle; margin: 0 8px 5px 0; font-size: 13px; line-height: 20px; padding: 14px 40px 14px 48px; color: #000000; background: #ffffff; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .file_list.version_4 .item::before { text-align: center; line-height: 20px; font-size: 24px; position: absolute; width: 20px; height: 20px; right: 10px; top: 50%; margin: -10px 0 0; content: "\2039"; color: #000; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: all 400ms ease; transition: all 400ms ease; } .file_list.version_4 .item::after { text-align: center; position: absolute; width: 1px; right: 30px; top: 50%; margin: -15px 0 0; height: 30px; content: ""; background: #b2b2b2; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .file_list.version_4 .item .icon { position: relative; padding: 15px 0 0px; position: absolute; left: 8px; top: 50%; margin: -19px 0 0; height: 19px; border: 2px solid #b2b2b2; width: 28px; text-align: center; font-size: 8px; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; color: #b2b2b2; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .file_list.version_4 .item .icon::before { position: absolute; right: -2px; top: -2px; width: 6px; height: 8px; border: 2px solid #b2b2b2; content: ""; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .file_list.version_4 .item .icon::after { background: #ffffff; position: absolute; right: -8px; top: -3px; width: 15px; height: 9px; border-top: 2px solid #b2b2b2; content: ""; -ms-transform: rotate(234deg); -webkit-transform: rotate(234deg); transform: rotate(234deg); -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .file_list.version_4 a.item:hover { color: #800d47;} .notouch .file_list.version_4 a.item:hover::before { color: #800d47;} .notouch .file_list.version_4 a.item:hover::after { background: #800d47;} .notouch .file_list.version_4 a.item:hover .icon { border: 2px solid #800d47; color: #800d47;} .notouch .file_list.version_4 a.item:hover .icon::before { border: 2px solid #800d47;} .notouch .file_list.version_4 a.item:hover .icon::after { border-top: 2px solid #800d47;} .fotogalerie.version_1 { width: 100%; position: relative; margin: 0 auto;} .fotogalerie.version_1 .text_box{ margin: 0 0 20px;} .fotogalerie.version_1 a.swipebox { width: 16.66%; margin: 0; float: left; display: block; position: relative;} .fotogalerie.version_1 a.swipebox::before{ opacity: 0; content: ""; display: block; position: absolute; left: 50%; top: 50%; right: 50%; bottom: 50%; background: #800d47; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .fotogalerie.version_1 a.swipebox::after{ opacity: 0; content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 70px; height: 70px; background: url(../img/fotogallery_icon.svg) no-repeat scroll center center; background-size: 60px 60px; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: all 400ms ease; transition: all 400ms ease; } .fotogalerie.version_1 a.swipebox img { max-width: calc( 100% - 8px); display: block; margin: 4px;} .notouch .fotogalerie.version_1 a:hover::before{ opacity: 0.90; left: 4px; top: 4px; right: 4px; bottom: 4px;} .notouch .fotogalerie.version_1 a:hover::after{ opacity: 1; background-size: 50px 50px;} @media screen and (max-width: 1024px) { .fotogalerie.version_1 a.swipebox { width: 20%;} } @media screen and (max-width: 768px) { .fotogalerie.version_1 a.swipebox { width: 25%;} } .fotogalerie.version_2{ width: 100%; position: relative; margin: 0;} .fotogalerie.version_2 .text_box{ margin: 0 0 20px;} .fotogalerie.version_2 a.swipebox{ padding: 0 0 17%; width: calc(33.33% - 20px / 3); height: 0; margin: 10px 0 0; float: left; display: block; position: relative; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; -webkit-box-shadow: 0 0 8px -3px rgba(0,0,0,0.5); box-shadow: 0 0 8px -3px rgba(0,0,0,0.5);} .fotogalerie.version_2 a.swipebox:nth-child(3n - 1){ margin: 10px 10px 0;} .fotogalerie.version_2 a.swipebox:nth-child(-n + 3){ margin-top: 0;} .fotogalerie.version_2 a.swipebox::before{ opacity: 0; content: ""; display: block; position: absolute; left: 50%; top: 50%; right: 50%; bottom: 50%; background: #800d47; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .fotogalerie.version_2 a.swipebox::after{ opacity: 0; content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 70px; height: 70px; background: url(../img/fotogallery_icon.svg) no-repeat scroll center center; background-size: 70px 70px; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: all 400ms ease; transition: all 400ms ease; } .fotogalerie.version_2 a.swipebox img{ max-width: 100%; display: block;} .notouch .fotogalerie a:hover::before{ opacity: 0.90; left: 0; top: 0; right: 0; bottom: 0;} .notouch .fotogalerie a:hover::after{ opacity: 1; background-size: 60px 60px;} @media screen and (max-width: 900px) { .fotogalerie.row_three a.swipebox{ padding: 0 0 23%; width: calc(50% - 10px / 2); margin: 10px 0 0 !important} .fotogalerie.row_three a.swipebox:nth-child(2n){ margin: 10px 0 0 10px !important;} .fotogalerie.row_three a.swipebox:nth-child(-n + 2){ margin-top: 0 !important;} } a.scroll_top { z-index: 9000; opacity: 0; position: fixed; right: 30px; bottom: -60px; width: 48px; height: 48px; background: #f9f9f9; border: 1px solid #e0dfdf; background-size: 19px auto; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease; } a.scroll_top.hide { display: none;} a.scroll_top::before { opacity: 1; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -9px; display: block; width: 18px; height: 12px; content: ""; background: url(../img/scroll_arrow.svg) no-repeat scroll center center; background-size: 18px 12px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } a.scroll_top::after { opacity: 0; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -9px; display: block; width: 18px; height: 12px; content: ""; background: url(../img/scroll_arrow_hover.svg) no-repeat scroll center center; background-size: 18px 12px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch a.scroll_top:hover::before { opacity: 0;} .notouch a.scroll_top:hover::after { opacity: 1;} .notouch a.scroll_top:hover { background: #800d47; border: 1px solid #800d47;} a.scroll_top.active { opacity: 1; bottom: 30px;} .cc_banner-wrapper { z-index: 999999 !important; } .cc_banner-wrapper { min-height: 0px} .cc_container { color: #000000 !important; padding: 10px 20px !important;} .cc_container .cc_message { margin: 13px 0 !important; font-size: 12px !important; font-family: open_sansregular, sans-serif, Arial !important; } .cc_container .cc_message a { font-size: 12px !important; font-weight: 700 !important; color: #800d47 !important;} .notouch .cc_container .cc_message a:hover { text-decoration: underline !important;} .cc_container .cc_btn { border: 1px solid #800d47 !important; background: #800d47 !important; color: #ffffff !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; width: initial !important; width: auto !important; text-transform: none !important; line-height: 20px !important; font-size: 14px !important; padding: 8px 30px !important; font-weight: 600 !important; font-family: open_sansregular, sans-serif, Arial !important;} .notouch .cc_container .cc_btn:hover { background: #ffffff !important; border: 1px solid #800d47 !important; color: #800d47 !important} .cc_container *::-moz-selection { background: #3399FF !important;} .cc_container *::selection { background: #3399FF !important;} .apologize_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 250ms ease-out; transition: all 250ms ease-out;} .apologize_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; } .apologize_popup .box { position: relative; display: table-cell; vertical-align: middle; z-index: 10;} .apologize_popup .boxes { overflow: auto; width: 430px; text-align: center; position: relative; padding: 40px 50px; left: 0; display: inline-block; background: #fff; max-height: calc(100vh - 130px); -webkit-transition: all 250ms ease-out; transition: all 250ms ease-out;} .apologize_popup .box span.warning { color: #800d47; position: relative; text-transform: uppercase; display: block; margin: 0 0 15px; text-align: center; font-size: 21px; line-height: 26px; font-weight: 900;} .apologize_popup .box .btn { z-index: 100; position: relative;} .apologize_popup .box input[type=text] { border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #fff; font-size: 14px; line-height: 20px; padding: 11px 15px; margin: 0 0 8px; color: #000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .apologize_popup .box input[readonly] { border: 1px solid #e6e7e8 !important; background: #f2f2f2;} .apologize_popup .box textarea { resize: none; overflow: auto; height: 80px; border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #fff; font-size: 14px; line-height: 20px; padding: 11px 15px; margin: 0 0 8px; color: #000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .apologize_popup .box input[type=text]:focus, .apologize_popup .box textarea:focus { border: 1px solid #800d47;} .apologize_popup .box input::-webkit-input-placeholder, .apologize_popup .box textarea::-webkit-input-placeholder { color: #000;} .apologize_popup .box input::-moz-placeholder, .apologize_popup .box textarea::-moz-placeholder { color: #000;} .apologize_popup .box input::-ms-input-placeholder, .apologize_popup .box textarea::-ms-input-placeholder { color: #000;} .apologize_popup .box .sbHolder { position: relative; background: #fff; width: calc(100% - 2px); display: block; margin: 0 0 8px; border: 1px solid #e6e7e8; } .apologize_popup .box .sbHolder .sbToggle { margin: 0; background: url(img/select_arrow.svg) no-repeat scroll center center; background-size: 16px 16px; border-left: 1px solid #e6e7e8; right: 0; top: 0; bottom: 0; height: 100%; width: 39px;} .apologize_popup .box .sbHolder .sbToggle.sbToggleOpen { background: url(img/select_arrow_hover.svg) no-repeat scroll center center; background-size: 16px 16px;} .apologize_popup .box .sbHolder a.sbSelector { width: calc(100% - 60px); margin: 0; display: block; color: #19212b !important; font-size: 14px; line-height: 20px; padding: 11px 40px 11px 15px; font-weight: 400; text-align: left; text-decoration: none;} .apologize_popup .box .sbOptions { max-height: 245px !important; z-index: 999; top: calc(100% + 1px) !important; background: #fff; padding: 0; left: -1px; right: -1px;} .apologize_popup .box .sbOptions a { text-decoration: none; border: 1px solid #e6e7e8; border-top: 0; height: auto; background: #fff !important; display: block; text-align: left; padding: 6px 15px; font-size: 14px; line-height: 22px; margin: 0; font-weight: 400; color: #19212b !important; -webkit-transition: all 300ms ease; transition: all 300ms ease;} .apologize_popup .box .sbOptions li:nth-child(1) a { border-top: 0;} .notouch .apologize_popup .box .sbOptions a:hover { background: #f0f0f0 !important;} .apologize_popup .box .gdpr_text { display: block; margin: 0; padding: 0 0 8px; font-size: 14px; line-height: 20px; color: #000000; font-weight: 400;} .apologize_popup .box .gdpr_text a{ font-size: 14px; line-height: 20px; color: #800d47; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; text-decoration: underline; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .apologize_popup .box .gdpr_text a:hover{ text-decoration: none;} @media screen and (max-width: 768px) { .apologize_popup .boxes { width: 260px; padding: 25px 20px;} .apologize_popup .box span.warning { font-size: 16px; line-height: 20px;} } .application_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 250ms ease-out; transition: all 250ms ease-out;} .application_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; } .application_popup .box { position: relative; display: table-cell; vertical-align: middle; z-index: 10;} .application_popup .boxes { overflow: auto; width: 430px; text-align: center; position: relative; padding: 40px 50px; left: 0; display: inline-block; background: #fff; max-height: calc(100vh - 130px); -webkit-transition: all 250ms ease-out; transition: all 250ms ease-out;} .application_popup .box span.warning { color: #800d47; position: relative; text-transform: uppercase; display: block; margin: 0 0 15px; text-align: center; font-size: 21px; line-height: 26px; font-weight: 900;} .application_popup .box .btn { z-index: 100; position: relative;} .application_popup .box input[type=text] { border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #fff; font-size: 14px; line-height: 20px; padding: 11px 15px; margin: 0 0 8px; color: #000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .application_popup .box input[readonly] { border: 1px solid #e6e7e8 !important; background: #f2f2f2;} .application_popup .box textarea { resize: none; overflow: auto; height: 80px; border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #fff; font-size: 14px; line-height: 20px; padding: 11px 15px; margin: 0 0 8px; color: #000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .application_popup .box input[type=text]:focus, .application_popup .box textarea:focus { border: 1px solid #800d47;} .application_popup .box input::-webkit-input-placeholder, .application_popup .box textarea::-webkit-input-placeholder { color: #000;} .application_popup .box input::-moz-placeholder, .application_popup .box textarea::-moz-placeholder { color: #000;} .application_popup .box input::-ms-input-placeholder, .application_popup .box textarea::-ms-input-placeholder { color: #000;} .application_popup .box .sbHolder { position: relative; background: #fff; width: calc(100% - 2px); display: block; margin: 0 0 8px; border: 1px solid #e6e7e8; } .application_popup .box .sbHolder .sbToggle { margin: 0; background: url(img/select_arrow.svg) no-repeat scroll center center; background-size: 16px 16px; border-left: 1px solid #e6e7e8; right: 0; top: 0; bottom: 0; height: 100%; width: 39px;} .application_popup .box .sbHolder .sbToggle.sbToggleOpen { background: url(img/select_arrow_hover.svg) no-repeat scroll center center; background-size: 16px 16px;} .application_popup .box .sbHolder a.sbSelector { width: calc(100% - 60px); margin: 0; display: block; color: #19212b !important; font-size: 14px; line-height: 20px; padding: 11px 40px 11px 15px; font-weight: 400; text-align: left; text-decoration: none;} .application_popup .box .sbOptions { max-height: 245px !important; z-index: 999; top: calc(100% + 1px) !important; background: #fff; padding: 0; left: -1px; right: -1px;} .application_popup .box .sbOptions a { text-decoration: none; border: 1px solid #e6e7e8; border-top: 0; height: auto; background: #fff !important; display: block; text-align: left; padding: 6px 15px; font-size: 14px; line-height: 22px; margin: 0; font-weight: 400; color: #19212b !important; -webkit-transition: all 300ms ease; transition: all 300ms ease;} .application_popup .box .sbOptions li:first-child { display: none;} .application_popup .box .sbOptions li:nth-child(2) a { border-top: 0;} .notouch .application_popup .box .sbOptions a:hover { background: #f0f0f0 !important;} .application_popup .box .gdpr_text { display: block; margin: 0; padding: 0 0 8px; font-size: 14px; line-height: 20px; color: #000000; font-weight: 400;} .application_popup .box .gdpr_text a{ font-size: 14px; line-height: 20px; color: #800d47; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; text-decoration: underline; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .application_popup .box .gdpr_text a:hover{ text-decoration: none;} @media screen and (max-width: 768px) { .application_popup .boxes { width: 260px; padding: 25px 20px;} .application_popup .box span.warning { font-size: 16px; line-height: 20px;} } .contact_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 250ms ease-out; transition: all 250ms ease-out;} .contact_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; } .contact_popup .box { position: relative; display: table-cell; vertical-align: middle; z-index: 10;} .contact_popup .boxes { overflow: auto; width: 430px; text-align: center; position: relative; padding: 40px 50px; left: 0; display: inline-block; background: #fff; max-height: calc(100vh - 130px); -webkit-transition: all 250ms ease-out; transition: all 250ms ease-out;} .contact_popup .box span.warning { color: #800d47; position: relative; text-transform: uppercase; display: block; margin: 0 0 15px; text-align: center; font-size: 21px; line-height: 26px; font-weight: 900;} .contact_popup .box .btn { z-index: 100; position: relative;} .contact_popup .box input[type=text] { border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #fff; font-size: 14px; line-height: 20px; padding: 11px 15px; margin: 0 0 8px; color: #000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .contact_popup .box input[readonly] { border: 1px solid #e6e7e8 !important; background: #f2f2f2;} .contact_popup .box textarea { resize: none; overflow: auto; height: 80px; border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #fff; font-size: 14px; line-height: 20px; padding: 11px 15px; margin: 0 0 8px; color: #000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .contact_popup .box input[type=text]:focus, .contact_popup .box textarea:focus { border: 1px solid #800d47;} .contact_popup .box input::-webkit-input-placeholder, .contact_popup .box textarea::-webkit-input-placeholder { color: #000;} .contact_popup .box input::-moz-placeholder, .contact_popup .box textarea::-moz-placeholder { color: #000;} .contact_popup .box input::-ms-input-placeholder, .contact_popup .box textarea::-ms-input-placeholder { color: #000;} .contact_popup .box .sbHolder { position: relative; background: #fff; width: calc(100% - 2px); display: block; margin: 0 0 8px; border: 1px solid #e6e7e8; } .contact_popup .box .sbHolder .sbToggle { margin: 0; background: url(img/select_arrow.svg) no-repeat scroll center center; background-size: 16px 16px; border-left: 1px solid #e6e7e8; right: 0; top: 0; bottom: 0; height: 100%; width: 39px;} .contact_popup .box .sbHolder .sbToggle.sbToggleOpen { background: url(img/select_arrow_hover.svg) no-repeat scroll center center; background-size: 16px 16px;} .contact_popup .box .sbHolder a.sbSelector { width: calc(100% - 60px); margin: 0; display: block; color: #19212b !important; font-size: 14px; line-height: 20px; padding: 11px 40px 11px 15px; font-weight: 400; text-align: left; text-decoration: none;} .contact_popup .box .sbOptions { max-height: 245px !important; z-index: 999; top: calc(100% + 1px) !important; background: #fff; padding: 0; left: -1px; right: -1px;} .contact_popup .box .sbOptions a { text-decoration: none; border: 1px solid #e6e7e8; border-top: 0; height: auto; background: #fff !important; display: block; text-align: left; padding: 6px 15px; font-size: 14px; line-height: 22px; margin: 0; font-weight: 400; color: #19212b !important; -webkit-transition: all 300ms ease; transition: all 300ms ease;} .contact_popup .box .sbOptions li:first-child { display: none;} .contact_popup .box .sbOptions li:nth-child(2) a { border-top: 0;} .notouch .contact_popup .box .sbOptions a:hover { background: #f0f0f0 !important;} .contact_popup .box .gdpr_text { display: block; margin: 0; padding: 0 0 8px; font-size: 14px; line-height: 20px; color: #000000; font-weight: 400;} .contact_popup .box .gdpr_text a{ font-size: 14px; line-height: 20px; color: #800d47; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; text-decoration: underline; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .contact_popup .box .gdpr_text a:hover{ text-decoration: none;} @media screen and (max-width: 768px) { .contact_popup .boxes { width: 260px; padding: 25px 20px;} .contact_popup .box span.warning { font-size: 16px; line-height: 20px;} } .control_popup { display: none; width: 100%; height: 100%; text-align: center; opacity: 0; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; -webkit-transition: all 250ms ease-out; transition: all 250ms ease-out;} .control_popup::before { position: absolute; top: 0; left: 0; right: 0; bottom: -100px; display: block; content: ""; background: rgba(0,0,0,0.6); z-index: 0; } .control_popup .box { position: relative; display: table-cell; vertical-align: middle; z-index: 10;} .control_popup .boxes { min-width: 200px; text-align: center; position: relative; max-width: 250px; padding: 40px 60px; left: 0 !important; display: inline-block; background: #fff; -webkit-transition: all 250ms ease-out; transition: all 250ms ease-out;} .control_popup .box span.warning { z-index: 900; position: relative; text-transform: uppercase; display: block; margin: 0 0 15px; text-align: center; font-size: 21px; line-height: 26px; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; color: #000;} .control_popup .box .text { z-index: 100; position: relative; color: #000000; font-size: 14px; line-height: 16px; font-weight: 400; margin: 10px 0; text-align: center;} .control_popup .box .text p { margin: 5px 0; line-height: 16px;} .control_popup .box .text strong { color: #000000; font-size: 14px; line-height: 18px; font-weight: 700; font-family: open_sansbold, sans-serif, Arial; margin: 0; text-align: center;} .control_popup .box .btn { z-index: 100; position: relative;} @media screen and (max-width: 768px) { .control_popup .boxes { padding: 25px 40px;} .control_popup .box span.warning { font-size: 16px; line-height: 20px;} .control_popup .box .text, .control_popup .box .text p, .control_popup .box .text p strong { font-size: 12px; line-height: 16px;} } .main_body_container .admin_settings { cursor: pointer; z-index: 99998; position: fixed; left: 30px; bottom: 14px; width: 40px; height: 40px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container .admin_settings::before { opacity: 1; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 40px; height: 40px; content: ""; background: url(../img/settings_icon.svg) no-repeat scroll center center; background-size: 30px 30px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container .admin_settings::after { opacity: 0; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 40px; height: 40px; content: ""; background: url(../img/settings_icon_hover.svg) no-repeat scroll center center; background-size: 30px 30px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .main_body_container .admin_settings:hover::after { opacity: 1;} .main_body_container.active .admin_settings { left: 410px;} @media screen and (max-width: 1025px) { .main_body_container .admin_settings { display: none;} } .main_body_container { position: relative; display: block; left: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container .main_body_overlay { opacity: 0; visibility: hidden; position: fixed; right: 0; top: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.6); display: block; z-index: 99997; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container.active .main_body_overlay { opacity: 1; visibility: visible; } .main_body_container.active.opacity .main_body_overlay { opacity: 0; visibility: visible; } .main_body_container .main_body_content { -webkit-overflow-scrolling: touch; position: fixed; top: 0; bottom: 0; overflow: hidden; width: 380px; left: -400px; background: #2D2D2D; z-index: 99998; -webkit-box-shadow: 0px 0 10px 4px rgba(0,0,0,0.8); box-shadow: 0px 0 10px 4px rgba(0,0,0,0.8); -webkit-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container.active .main_body_content { left: 0;} .main_body_container .main_body_content .title { white-space: nowrap; position: relative; background-color: #484848; margin: 0; padding: 14px 0; font-family: Helvetica, sans-serif, Arial;} .main_body_container .main_body_content::before { opacity: 0.25; z-index: 0; background: url(..//global/logo_arsy_grey.svg) no-repeat scroll center center; background-size: 260px 60px; width: 260px; height: 60px; display: block; position: absolute; bottom: 46px; right: 0; left: 0; margin: 0 auto; content: ""; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container .main_body_content.muttation::before { bottom: 60px;} .main_body_container .main_body_content.bottom::before { bottom: -48px;} .main_body_container .main_body_content.bottom.muttation::before { bottom: -8px;} .main_body_container .main_body_content .title .icon { padding: 7px; cursor: pointer; opacity: 0; visibility: hidden; z-index: 999; position: absolute; left: 8px; top: 50%; width: 13px; height: 18px; margin-top: -16px; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container .main_body_content .title.active .icon { opacity: 1; visibility: visible} .main_body_container .main_body_content .title .icon::before { opacity: 1; position: absolute; top: 7px; left: 7px; margin: 0; display: block; width: 13px; height: 18px; content: ""; background: url(../img/edit_arrow.svg) no-repeat scroll center center; background-size: 13px 18px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container .main_body_content .title .icon::after { opacity: 0; position: absolute; top: 7px; left: 7px; margin: 0; display: block; width: 13px; height: 18px; content: ""; background: url(../img/edit_arrow_hover.svg) no-repeat scroll center center; background-size: 13px 18px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .main_body_container .main_body_content .title .icon:hover::before { opacity: 0;} .notouch .main_body_container .main_body_content .title .icon:hover::after { opacity: 1;} .main_body_container .main_body_content .title::before { z-index: 99; position: absolute; top: 0; bottom: 0; left: 0; width: 38px; background: -moz-linear-gradient(left, rgba(72,72,72,1) 50%, rgba(72,72,72,0) 100%); background: -webkit-linear-gradient(left, rgba(72,72,72,1) 50%,rgba(72,72,72,0) 100%); background: linear-gradient(to right, rgba(72,72,72,1) 50%,rgba(72,72,72,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#484848', endColorstr='#00484848',GradientType=1 ); content: ""; display: block;} .main_body_container .main_body_content .title::after { z-index: 99; position: absolute; top: 0; bottom: 0; right: 0; width: 38px; background: -moz-linear-gradient(left, rgba(72,72,72,0) 0%, rgba(72,72,72,1) 50%); background: -webkit-linear-gradient(left, rgba(72,72,72,0) 0%,rgba(72,72,72,1) 50%); background: linear-gradient(to right, rgba(72,72,72,0) 0%,rgba(72,72,72,1) 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00484848', endColorstr='#484848',GradientType=1 );; content: ""; display: block;} .main_body_container .main_body_content .title span:not(.icon) { display: block; padding: 0 38px; font-size: 14px; font-weight: 700; line-height: 20px; text-align: center; color: #fff; font-family: Helvetica, sans-serif, Arial; -webkit-transition: all 200ms ease; transition: all 200ms ease; } .main_body_container .main_body_content .section_title { white-space: nowrap; position: relative; background-color: #484848; margin: -1px 0 0; padding: 14px 20px; font-size: 14px; font-weight: 700; line-height: 20px; text-align: left; color: #fff; font-family: Helvetica, sans-serif, Arial;} .main_body_container .main_body_content .section_title:first-of-type { margin: 1px 0 0;} .main_body_container .main_body_content .article_name { display: block; white-space: nowrap; position: relative; margin: 0 0 0; padding: 14px 20px; font-size: 14px; font-weight: 700; line-height: 20px; text-align: left; color: #fff; font-family: Helvetica, sans-serif, Arial; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .main_body_container .main_body_content .article_name.add_to_newsletter { opacity: 0.2;} .main_body_container .main_body_content .article_name * { font-size: 14px; font-weight: 700; line-height: 20px; text-align: left; color: #fff; font-family: Helvetica, sans-serif, Arial; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .main_body_container .main_body_content .article_name br { display: none; } .main_body_container .main_body_content .article_name .img { width: 38px; height: 38px; margin: 0 8px 0 0; border: 1px solid #484848; display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .main_body_container .main_body_content .article_name:hover .img { border: 1px solid #fe0101;} .main_body_container .main_body_content .article_name .icon br, .main_body_container .main_body_content .article_name .icon2 br { display: block; } .main_body_container .main_body_content .article_name .icon { z-index: 999; white-space: nowrap; position: absolute; right: 10px; top: 50%; margin-top: -8px; display: inline-block; font-size: 12px; line-height: 16px; font-weight: 700; padding: 0 20px; text-align: left; border: 0; color: #fff; font-family: Helvetica, sans-serif, Arial; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container .main_body_content .article_name .icon::before { opacity: 1; position: absolute; top: 2px; right: 5px; margin: 0; display: block; width: 8px; height: 12px; content: ""; background: url(../img/edit_arrow.svg) no-repeat scroll center center; background-size: 8px 12px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container .main_body_content .article_name .icon::after { opacity: 0; position: absolute; top: 2px; right: 5px; margin: 0; display: block; width: 8px; height: 12px; content: ""; background: url(../img/edit_arrow_hover.svg) no-repeat scroll center center; background-size: 8px 12px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .main_body_container .main_body_content .article_name:hover .icon::before { opacity: 0; right: 0;} .notouch .main_body_container .main_body_content .article_name:hover .icon::after { opacity: 1; right: 0;} .notouch .main_body_container .main_body_content .article_name:hover .icon { color: #fe0101;} .main_body_container .main_body_content .article_name::before { z-index: 100; position: absolute; left: 12px; right: 12px; bottom: 0; height: 1px; display: block; background: #484848; content: "";} .main_body_container .main_body_content .article_name::after { z-index: 99; position: absolute; top: 0; bottom: 0; right: 0; width: 175px; background: -moz-linear-gradient(left, rgba(45,45,45,0) 0%, rgba(45,45,45,1) 50%); background: -webkit-linear-gradient(left, rgba(45,45,45,0) 0%,rgba(45,45,45,1) 50%); background: linear-gradient(to right, rgba(45,45,45,0) 0%,rgba(45,45,45,1) 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002D2D2D', endColorstr='#2D2D2D',GradientType=1 );; content: ""; display: block;} .notouch .main_body_container .main_body_content .article_name:hover, .notouch .main_body_container .main_body_content .article_name:hover * { color: #fe0101;} .notouch .main_body_container .main_body_content .article_name.add_to_newsletter:hover, .notouch .main_body_container .main_body_content .article_name.add_to_newsletter:hover * { color: #fff; opacity: 1;} .main_body_container .main_body_content .article_name .icon2 { z-index: 999; white-space: nowrap; position: absolute; right: 10px; top: 50%; margin-top: -7px; display: inline-block; font-size: 12px; line-height: 14px; font-weight: 700; padding: 0 20px; text-align: right; border: 0; color: #fff; font-family: Helvetica, sans-serif, Arial; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container .main_body_content .article_name .icon2 br { line-height: 13px;} .main_body_container .main_body_content .article_name .icon2::before { opacity: 1; position: absolute; top: 50%; right: 3px; margin: -5px 0 0; display: block; width: 10px; height: 10px; content: ""; background: url(../img/edit_remove.svg) no-repeat scroll center center; background-size: 10px 10px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container .main_body_content .article_name .icon2::after { opacity: 0; position: absolute; top: 50%; right: 3px; margin: -5px 0 0; display: block; width: 10px; height: 10px; content: ""; background: url(../img/edit_remove_hover.svg) no-repeat scroll center center; background-size: 10px 10px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .main_body_container .main_body_content .article_name:not(.add_to_newsletter):hover .icon2::before { opacity: 0;} .notouch .main_body_container .main_body_content .article_name:not(.add_to_newsletter):hover .icon2::after { opacity: 1;} .notouch .main_body_container .main_body_content .article_name:hover .icon2 { color: #fe0101;} .notouch .main_body_container .main_body_content .article_name.add_to_newsletter:hover .icon2 { color: #fff;} .main_body_container .main_body_content .subtitle { white-space: nowrap;; cursor: pointer; position: relative; display: block; margin: 0; font-size: 15px; line-height: 20px; font-weight: 700; padding: 14px 20px; text-align: left; border: 0; color: #fff; font-family: Helvetica, sans-serif, Arial; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .main_body_container .main_body_content .subtitle:hover { color: #fe0101;} .main_body_container .main_body_content .subtitle::before { z-index: 100; position: absolute; left: 12px; right: 12px; bottom: 0; height: 1px; display: block; background: #484848; content: "";} .main_body_container .main_body_content .subtitle::after { z-index: 99; position: absolute; top: 0; bottom: 0; right: 0; width: 65px; background: -moz-linear-gradient(left, rgba(45,45,45,0) 0%, rgba(45,45,45,1) 50%); background: -webkit-linear-gradient(left, rgba(45,45,45,0) 0%,rgba(45,45,45,1) 50%); background: linear-gradient(to right, rgba(45,45,45,0) 0%,rgba(45,45,45,1) 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002D2D2D', endColorstr='#2D2D2D',GradientType=1 );; content: ""; display: block;} .main_body_container .main_body_content .subtitle .icon { z-index: 999; position: absolute; right: 15px; top: 50%; width: 13px; height: 18px; margin-top: -9px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container .main_body_content .subtitle .icon::before { opacity: 1; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 13px; height: 18px; content: ""; background: url(../img/edit_arrow.svg) no-repeat scroll center center; background-size: 13px 18px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container .main_body_content .subtitle .icon::after { opacity: 0; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 13px; height: 18px; content: ""; background: url(../img/edit_arrow_hover.svg) no-repeat scroll center center; background-size: 13px 18px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .main_body_container .main_body_content .subtitle:hover .icon::before { opacity: 0;} .notouch .main_body_container .main_body_content .subtitle:hover .icon::after { opacity: 1;} .main_body_container .main_body_content .model_subtitle { white-space: nowrap;; cursor: pointer; position: relative; display: block; margin: 0; font-size: 15px; line-height: 20px; font-weight: 700; padding: 14px 20px; text-align: left; border: 0; color: #fff; font-family: Helvetica, sans-serif, Arial; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .main_body_container .main_body_content .model_subtitle:hover { color: #fe0101;} .main_body_container .main_body_content .model_subtitle::before { z-index: 100; position: absolute; left: 12px; right: 12px; bottom: 0; height: 1px; display: block; background: #484848; content: "";} .main_body_container .main_body_content .model_subtitle::after { z-index: 99; position: absolute; top: 0; bottom: 0; right: 0; width: 65px; background: -moz-linear-gradient(left, rgba(45,45,45,0) 0%, rgba(45,45,45,1) 50%); background: -webkit-linear-gradient(left, rgba(45,45,45,0) 0%,rgba(45,45,45,1) 50%); background: linear-gradient(to right, rgba(45,45,45,0) 0%,rgba(45,45,45,1) 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002D2D2D', endColorstr='#2D2D2D',GradientType=1 );; content: ""; display: block;} .main_body_container .main_body_content .model_subtitle .icon { z-index: 999; position: absolute; right: 15px; top: 50%; width: 13px; height: 18px; margin-top: -9px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container .main_body_content .model_subtitle .icon::before { opacity: 1; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 13px; height: 18px; content: ""; background: url(../img/edit_arrow.svg) no-repeat scroll center center; background-size: 13px 18px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container .main_body_content .model_subtitle .icon::after { opacity: 0; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 13px; height: 18px; content: ""; background: url(../img/edit_arrow_hover.svg) no-repeat scroll center center; background-size: 13px 18px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .main_body_container .main_body_content .model_subtitle:hover .icon::before { opacity: 0;} .notouch .main_body_container .main_body_content .model_subtitle:hover .icon::after { opacity: 1;} .main_body_container .main_body_content .move_box { position: relative; left: 0; white-space: nowrap; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container .main_body_content.position_1 .move_box { left: -380px;} .main_body_container .main_body_content.position_2 .move_box { left: -760px;} .main_body_container .main_body_content .move_box .move { overflow: auto; height: calc(100vh - 45px - 49px); padding: 0; white-space: normal; width: 380px; display: inline-block; vertical-align: top;} .main_body_container .main_body_content .move_box .move.muttation { height: calc(100vh - 45px - 49px - 42px);} .main_body_container .main_body_content .move_box .move.big { height: calc(100vh - 45px);} .main_body_container .main_body_content .move_box .move.muttation.big { height: calc(100vh - 45px - 42px);} .main_body_container .main_body_content .move_box .move .obsah, .main_body_container .main_body_content .move_box .move .model_obsah { display: none; overflow-x: hidden;} .main_body_container .main_body_content .move_box .move .obsah .box, .main_body_container .main_body_content .move_box .move .model_obsah .box { padding: 0} .main_body_container .main_body_content .move_box .move p.text_title { white-space: nowrap; position: relative; display: block; margin: 0; font-size: 12px; line-height: 16px; font-weight: 700; padding: 0 20px 2px; text-align: left; border: 0; color: #fff; font-family: Helvetica, sans-serif, Arial; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container .main_body_content .move_box .move p.text_title:first-of-type { padding: 30px 20px 2px;} .main_body_container .main_body_content .move_box .move p.anotation { position: relative; display: block; margin: 0; font-size: 12px; line-height: 16px; font-weight: 400; padding: 0 20px 30px; text-align: left; border: 0; color: #fff; font-family: Helvetica, sans-serif, Arial; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container .main_body_content .move_box .move p.anotation label { margin: 0; font-size: 12px; line-height: 16px; font-weight: 400; text-align: left; border: 0; color: #fff; font-family: Helvetica, sans-serif, Arial;} .main_body_container .main_body_content .move_box .move p.anotation label#load_time { display: inline-block; vertical-align: middle; padding: 0; width: initial; width: auto; cursor: text; } .main_body_container .main_body_content .move_box .move p.anotation strong { font-size: 12px; line-height: 16px; font-weight: 600; color: #a4a4a4; font-family: Helvetica, sans-serif, Arial;} .main_body_container .main_body_content .move_box .move p.anotation::before { position: absolute; left: 12px; right: 12px; bottom: 15px; height: 1px; display: block; background: #484848; content: "";} .main_body_container .main_body_content .move_box .move input[type=text] { width: calc(100% - 62px); margin: 0 20px 20px; font-size: 12px; line-height: 16px; font-weight: 400; padding: 6px 10px; text-align: left; border: 1px solid #ccc;; color: #000; font-family: Helvetica, sans-serif, Arial; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container .main_body_content .move_box .move textarea { height: 80px; overflow: auto; resize: none; width: calc(100% - 62px); margin: 0 20px 20px; font-size: 12px; line-height: 16px; font-weight: 400; padding: 6px 10px; text-align: left; border: 1px solid #ccc;; color: #000; font-family: Helvetica, sans-serif, Arial; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container .main_body_content .move_box .move input[type=text]:focus, .main_body_container .main_body_content .move_box .move textarea:focus { border: 1px solid #000; background: #f0f0f0;} .main_body_container .main_body_content .move_box .move .warning { color: #fff; font-size: 13px; line-height: 16px;font-weight: 600; padding: 15px 20px; margin: 0; background: #fe0101; text-align: center;} .main_body_container .main_body_content .move_box .move label { cursor: pointer; display: block; width: calc(100% - 40px); text-align: left; padding: 10px; margin: 20px 10px 0; border: 1px solid #484848; background: #2D2D2D;} .main_body_container .main_body_content .move_box .move label .text { display: inline-block; vertical-align: middle; font-size: 12px; line-height: 16px; font-weight: 600; padding: 6px 10px; text-align: left; color: #fff; } .main_body_container .main_body_content .move_box .move label .img { padding: 0; border: 0; display: block; min-height: 80px; width: 100%; background: #484848;} .main_body_container .main_body_content .move_box .move label .img img{ display: block; } .main_body_container .main_body_content .move_box .move label input[type="color"] { cursor: pointer; padding: 0; border: 0; display: block; height: 80px; width: 100%; background: #484848;} .main_body_container .main_body_content .move_box .move label input[type="color"]::-webkit-color-swatch-wrapper { padding: 0;} .main_body_container .main_body_content .move_box .move label input[type="color"]::-webkit-color-swatch { border: none;} .main_body_container .main_body_content .move_box .move a.link { white-space: nowrap; position: relative; display: inline-block; margin: 0; font-size: 12px; line-height: 16px; font-weight: 700; padding: 0 20px; text-align: left; border: 0; color: #fff; font-family: Helvetica, sans-serif, Arial; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container .main_body_content .move_box .move a.link.margin_top { margin-top: 20px;} .main_body_container .main_body_content .move_box .move a.link.margin_right { margin-right: 10px;} .main_body_container .main_body_content .move_box .move a.link::before { opacity: 1; position: absolute; top: 2px; right: 4px; margin: 0; display: block; width: 8px; height: 12px; content: ""; background: url(../img/edit_arrow.svg) no-repeat scroll center center; background-size: 8px 12px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container .main_body_content .move_box .move a.link::after { opacity: 0; position: absolute; top: 2px; right: 4px; margin: 0; display: block; width: 8px; height: 12px; content: ""; background: url(../img/edit_arrow_hover.svg) no-repeat scroll center center; background-size: 8px 12px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .main_body_container .main_body_content .move_box .move a.link:hover::before { opacity: 0;} .notouch .main_body_container .main_body_content .move_box .move a.link:hover::after { opacity: 1;} .main_body_container .main_body_content .move_box .move a.save_front_seo { white-space: nowrap; position: relative; display: inline-block; margin: 0 54px 0 0; font-size: 12px; line-height: 16px; font-weight: 700; padding: 0 20px; text-align: left; border: 0; color: #fff; font-family: Helvetica, sans-serif, Arial; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container .main_body_content .move_box .move a.save_front_seo.margin { margin: 20px 64px 0 0;} .main_body_container .main_body_content .move_box .move a.save_front_types { white-space: nowrap; position: relative; display: inline-block; margin: 0 54px 0 0; font-size: 12px; line-height: 16px; font-weight: 700; padding: 0 20px; text-align: left; border: 0; color: #fff; font-family: Helvetica, sans-serif, Arial; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container .main_body_content .move_box .move a.save_front_types.margin { margin: 20px 64px 0 0;} .main_body_container .main_body_content .move_box .move a.save_front_color { white-space: nowrap; position: relative; display: inline-block; margin: 0 54px 0 0; font-size: 12px; line-height: 16px; font-weight: 700; padding: 0 20px; text-align: left; border: 0; color: #fff; font-family: Helvetica, sans-serif, Arial; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container .main_body_content .move_box .move a.save_front_color.margin { margin: 20px 64px 0 0;} .main_body_container .main_body_content .move_box .move a:not(.article_name, .link) { margin: 0 20px 10px; text-decoration: underline; font-size: 12px; line-height: 16px; font-weight: 700; padding: 0; text-align: left; color: #fff; font-family: Helvetica, sans-serif, Arial; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .main_body_container .main_body_content .move_box .move a:not(.article_name):hover { color: #fe0101;} .main_body_container .main_body_content .admin_link { z-index: 999; position: absolute; left: 0; right: 0; bottom: 0; background-color: #484848; padding: 14px 20px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container .main_body_content .admin_link a { border: 1px solid #fff; color: #fff; margin: 0; text-transform: uppercase; font-size: 14px; line-height: 20px; font-weight: 700; padding: 9px 0; text-align: center; display: block; font-family: Helvetica, sans-serif, Arial; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .main_body_container .main_body_content .admin_link a:hover { border: 1px solid #fe0101; background: #fe0101; color: #fff;} .main_body_container .main_body_content .mutation_link { text-align: center; z-index: 999; border-bottom: 1px solid #000; position: absolute; left: 0; right: 0; /*bottom: 46px;*/ bottom: 0; background-color: #484848; padding: 12px 20px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container .main_body_content .mutation_link span { margin-right: 5px; font-size: 12px; line-height: 16px; color: #fff; font-weight: 700; display: inline-block; vertical-align: middle; font-family: Helvetica, sans-serif, Arial;} .main_body_container .main_body_content .mutation_link a { text-transform: uppercase; margin: 0 3px; text-decoration: underline; font-size: 12px; line-height: 16px; color: #fff; font-weight: 700; display: inline-block; vertical-align: middle; font-family: Helvetica, sans-serif, Arial; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .main_body_container .main_body_content .mutation_link a:hover, .main_body_container .main_body_content .mutation_link a.active { color: #fe0101;} .main_body_container .main_body_content .edit_mode { opacity: 0; visibility: hidden; text-align: center; z-index: 999; border-bottom: 1px solid #000; position: absolute; left: 0; right: 0; bottom: 0; background-color: #484848; padding: 12px 20px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .main_body_container .main_body_content .edit_mode.active { opacity: 1; visibility: visible;} .main_body_container .main_body_content .edit_mode span { margin-right: 5px; font-size: 12px; line-height: 16px; color: #fff; font-weight: 700; display: inline-block; vertical-align: middle; font-family: Helvetica, sans-serif, Arial;} .load_ajax, .save_ajax { opacity: 0; visibility: hidden; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.8); z-index: 99998; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .load_ajax.active, .save_ajax.active { opacity: 1; visibility: visible;} .load_ajax .text, .save_ajax .text { position: absolute; left: 0; right: 0; top: 50%; z-index: 99998; color: #fff; font-size: 13px; line-height: 20px; font-weight: 600; text-align: center; display: block; margin: 60px 0 0; text-transform: uppercase;} .sk-folding-cube { margin:-30px 0 0 -30px;width:60px;height:60px;position:absolute;left:50%;top:50%;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)} .sk-folding-cube .sk-cube { float: left;width: 50%;height: 50%;position: relative;-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1); } .sk-folding-cube .sk-cube:before { content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #800d47;-webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;animation: sk-foldCubeAngle 2.4s infinite linear both;-webkit-transform-origin: 100% 100%;-ms-transform-origin: 100% 100%;transform-origin: 100% 100%; } .sk-folding-cube .sk-cube2 { -webkit-transform: scale(1.1) rotateZ(90deg);transform: scale(1.1) rotateZ(90deg);} .sk-folding-cube .sk-cube3 { -webkit-transform: scale(1.1) rotateZ(180deg);transform: scale(1.1) rotateZ(180deg);} .sk-folding-cube .sk-cube4 { -webkit-transform: scale(1.1) rotateZ(270deg);transform: scale(1.1) rotateZ(270deg);} .sk-folding-cube .sk-cube2:before { -webkit-animation-delay: 0.3s;animation-delay: 0.3s; } .sk-folding-cube .sk-cube3:before { -webkit-animation-delay: 0.6s;animation-delay: 0.6s; } .sk-folding-cube .sk-cube4:before { -webkit-animation-delay: 0.9s;animation-delay: 0.9s; } @-webkit-keyframes sk-foldCubeAngle { 0%, 10% { -webkit-transform: perspective(140px) rotateX(-180deg);transform: perspective(140px) rotateX(-180deg);opacity: 0; } 25%, 75% { -webkit-transform: perspective(140px) rotateX(0deg);transform: perspective(140px) rotateX(0deg);opacity: 1; } 90%, 100% { -webkit-transform: perspective(140px) rotateY(180deg);transform: perspective(140px) rotateY(180deg);opacity: 0; } } @keyframes sk-foldCubeAngle { 0%, 10% { -webkit-transform: perspective(140px) rotateX(-180deg);transform: perspective(140px) rotateX(-180deg);opacity: 0; } 25%, 75% { -webkit-transform: perspective(140px) rotateX(0deg);transform: perspective(140px) rotateX(0deg);opacity: 1; } 90%, 100% { -webkit-transform: perspective(140px) rotateY(180deg);transform: perspective(140px) rotateY(180deg);opacity: 0; } } .sk-cube-grid { margin:-30px 0 0 -30px;width:60px;height:60px;position:absolute;left:50%;top:50%;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)} .sk-cube-grid .sk-cube { width: 33%;height: 33%;background-color: #800d47;float: left;-webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; } .sk-cube-grid .sk-cube1 { -webkit-animation-delay: 0.2s;animation-delay: 0.2s; } .sk-cube-grid .sk-cube2 { -webkit-animation-delay: 0.3s;animation-delay: 0.3s; } .sk-cube-grid .sk-cube3 { -webkit-animation-delay: 0.4s;animation-delay: 0.4s; } .sk-cube-grid .sk-cube4 { -webkit-animation-delay: 0.1s;animation-delay: 0.1s; } .sk-cube-grid .sk-cube5 { -webkit-animation-delay: 0.2s;animation-delay: 0.2s; } .sk-cube-grid .sk-cube6 { -webkit-animation-delay: 0.3s;animation-delay: 0.3s; } .sk-cube-grid .sk-cube7 { -webkit-animation-delay: 0s;animation-delay: 0s; } .sk-cube-grid .sk-cube8 { -webkit-animation-delay: 0.1s;animation-delay: 0.1s; } .sk-cube-grid .sk-cube9 { -webkit-animation-delay: 0.2s;animation-delay: 0.2s; } @-webkit-keyframes sk-cubeGridScaleDelay { 0%, 70%, 100% { -webkit-transform: scale3D(1, 1, 1);transform: scale3D(1, 1, 1);} 35% { -webkit-transform: scale3D(0, 0, 1);transform: scale3D(0, 0, 1); } } @keyframes sk-cubeGridScaleDelay { 0%, 70%, 100% { -webkit-transform: scale3D(1, 1, 1);transform: scale3D(1, 1, 1); } 35% { -webkit-transform: scale3D(0, 0, 1);transform: scale3D(0, 0, 1); } } @media screen and (max-width: 1024px) { #tracy-debug { display: none !important;} }