/*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 !important; border: 0; position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden;} .mail_hide, .hide_mail{ display: none !important;} .clear { clear:both; margin: 0; display: block; width: 100% !important; float: none !important;} .clear.hide { display: none !important;} .relative { position: relative;} .clear.not_desktop { display: none;} .float_right { float:right; position: relative;} .float_left { float:left; position: relative;} .align-left { text-align: left !important; margin: 0;} .align-center { text-align: center !important; margin: 0;} .align-right { text-align: right !important; margin: 0;} button, input[type=submit] { cursor: pointer; -webkit-appearance: none; outline: 0; } input[type="submit"]:focus { outline:none;} input, textarea { -webkit-appearance: none; border-radius: 0;} input[type="submit"]::-moz-focus-inner { border:0;} label { cursor: text;} input[type=checkbox], input[type=radio] { cursor: pointer;} input:focus { outline:0; } input[type="text"], input[type="password"], textarea, select { outline: none;} input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none;margin: 0;} input[type=number] { -moz-appearance:textfield;} input[name="fake1"], input[name="fake2"] { opacity: 0; font-size: 0; line-height: 0; padding: 0; visibility: hidden; overflow: hidden; position: fixed; top: 0; left: 0; z-index: -30} .edit_index { z-index: 99997 !important; position: relative} #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: -1; -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;} .font_size { font-size: 0 !important;} .message_centering { z-index: 999999; min-height: 0; position: absolute; top: -132px; width: 100%; max-width: 700px; left: 0; right: 0; margin: 0 auto; text-align: center; background-image: none !important; -webkit-transition: all 750ms ease; transition: all 750ms ease;} .message_centering.active { top: 100%;} .flash { max-width: 700px; margin: 0 auto -1px; min-height: 0; font-size: 14px; line-height: 16px; font-weight: 400; 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: 400; font-family: open_sansbold, sans-serif, Arial; display: block;} h1.rot { opacity: 0; visibility: hidden; bottom: 0; color: #000000; 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 { color: #000000; font-weight: 400; 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 { color: #bde1cd; font-weight: 400; font-family: open_sansbold, sans-serif, Arial; font-size: 20px; line-height: 26px; margin: 0; padding: 0; display: block;} h1 strong { color: #bde1cd; font-weight: 400; font-family: open_sansbold, sans-serif, Arial; font-size: 28px; line-height: 34px; margin: 0; padding: 0;} h2 { color: #000000; font-weight: 400; font-family: open_sansbold, sans-serif, Arial; font-size: 24px; line-height: 28px; margin: 30px 0 10px; padding: 0;} h3 { color: #000000; font-weight: 400; 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: 400; font-family: open_sansbold, sans-serif, Arial; font-size: 20px; line-height: 24px; margin: 30px 0 10px; padding: 0;} .no_headline_margin{ margin: 0 !important } .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, .rss_feed:focus { color: #bde1cd} p, div, article, .text_page, label, code { font-size: 14px; font-weight: 500;} strong, b { font-weight: 400; font-family: open_sansbold, sans-serif, Arial} article a, article a strong, article strong a { font-weight: 400; font-family: open_sansbold, sans-serif, Arial; color: #bde1cd; 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, article a:focus, article a:focus strong, article strong a:focus { 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;} article table.full, .text_box table.full { width: 100%;} @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 .size_inline{ display: inline-block; vertical-align: top; margin: 0 80px 0 0;} article .size_inline table{ min-width: 200px;} article ul, .text_box ul{ padding: 0; margin-top: 0;} article ul li, .text_box ul li{ padding: 0; margin: 0; position: relative;} article ul ul, .text_box ul ul{ margin: 0; padding: 0 0 0 20px; } article ul ol, .text_box ul ol{ margin: 0; padding: 0 0 0 20px; } article ul > li, .text_box ul > li{ list-style: disc outside; margin-left: 1em;} article ul > li > ul > li, .text_box ul > li > ul > li{ list-style: circle outside; margin-left: 1em;} article ul > li > ul > li > ul > li, .text_box ul > li > ul > li > ul > li{ list-style: square outside; margin-left: 1em;} article ol, .text_box ol{ padding: 0; counter-reset: item; margin-top: 0;} article ol li, .text_box ol li{ padding: 0; margin: 0; position: relative; counter-increment: item;} article ol ol, .text_box ol ol{ margin: 0; padding: 0 0 0 20px;} article ol ul, .text_box ol ul{ margin: 0; padding: 0 0 0 20px;} article ol > li, .text_box ol > li{ list-style: none;} article ol > li::before, .text_box ol > li:before{ width: 20px; display: inline-block; text-align: left; content: counter(item) ".";} article table.over, .text_box table.over{ min-width: 100%; display: block; overflow-x: scroll;} article table, .text_box table{ border-collapse: collapse; border-spacing: 0 0; margin: 0 0 1em 0;} article table tr th, .text_box table tr th{ text-align: left; font-weight: 700; padding: 6px 8px; background: #414042; color: #fff; border: 1px solid #333333;} article table tr td.fr-highlighted, .text_box table tr td.fr-highlighted{ text-align: left; padding: 6px 8px; background: #5e5e5e; color: #fff; border: 1px solid #4e4e4e;} article table tr th.fr-padding, .text_box table tr th.fr-padding, article table tr td.fr-padding, .text_box table tr td.fr-padding{ padding: 20px;} article table tr td, .text_box table tr td{ text-align: left; padding: 6px 8px; border: 1px solid #e0dfdf;} article table.full, .text_box.full { width: 100%;} article table.fr-no-side-border tr th, .text_box table.fr-no-side-border tr th, article table.fr-no-side-border tr td, .text_box table.fr-no-side-border tr td{ border-left: 0; border-right: 0;} article table.fr-no-border tr th, .text_box table.fr-no-border tr th, article table.fr-no-border tr td, .text_box table.fr-no-border tr td{ border-left: 0; border-right: 0; border-top: 0; border-bottom: 0;} article table.fr-bg-even-row tr:nth-child(even), .text_box table.fr-bg-even-row tr:nth-child(even){ background: #f0f0f0;} article table.fr-bg-odd-row tr:nth-child(odd), .text_box table.fr-bg-odd-row tr:nth-child(odd){ background: #f0f0f0;} article table.gdpr th{ white-space: nowrap;} article table.gdpr th, article table.gdpr td, article table.gdpr td *{ font-size: 13px} @media screen and (max-width: 1024px) { article table.gdpr th, article table.gdpr td, article table.gdpr td *{ font-size: 12px} } article img, .text_box img{ max-width: 100%; height: auto !important; position: relative;} article img.fr-dib, .text_box img.fr-dib{ display: block; margin: 5px auto; float: none; vertical-align: top;} article img.fr-dii, .text_box img.fr-dii{ display: inline-block; float: none; vertical-align: bottom; margin-left: 5px; margin-right: 5px; max-width: calc(100% - 10px);} article img.fr-dib.fr-fil, .text_box img.fr-dib.fr-fil{ margin-left: 0;} article img.fr-dib.fr-fir, .text_box img.fr-dib.fr-fir{ margin-right: 0;} article img.fr-dii.fr-fil, .text_box img.fr-dii.fr-fil{ float: left; margin-left: 0; margin-right: 30px; max-width: calc(50% - 30px);} article img.fr-dii.fr-fir, .text_box img.fr-dii.fr-fir{ float: right; margin-left: 30px; margin-right: 0; max-width: calc(50% - 30px);} article img.fr-border-radius-4, .text_box img.fr-border-radius-4{ -webkit-border-radius: 4px !important; border-radius: 4px !important;} article img.fr-border-radius-8, .text_box img.fr-border-radius-8{ -webkit-border-radius: 8px !important; border-radius: 8px !important;} article img.fr-border-radius-100, .text_box img.fr-border-radius-100{ -webkit-border-radius: 100% !important; border-radius: 100% !important;} @media screen and (max-width: 750px) { article img.fr-dib, .text_box img.fr-dib{ display: block; margin: 5px auto; float: none;} article img.fr-dii, .text_box img.fr-dii{ display: block; float: none; margin: 5px auto; max-width: 100%;} article img.fr-dib.fr-fil, .text_box img.fr-dib.fr-fil{ margin: 5px auto;} article img.fr-dib.fr-fir, .text_box img.fr-dib.fr-fir{ margin: 5px auto;} article img.fr-dii.fr-fil, .text_box img.fr-dii.fr-fil{ float: none; margin: 5px auto; max-width: 100%;} article img.fr-dii.fr-fir, .text_box img.fr-dii.fr-fir{ float: none; margin: 5px auto; max-width: 100%;} } article span.fr-video, .text_box span.fr-video{ width: 640px; height: auto !important; position: relative; text-align: center;} article span.fr-video.fr-dvb, .text_box span.fr-video.fr-dvb{ display: block; margin: 5px auto; float: none; vertical-align: top;} article span.fr-video.fr-dvi, .text_box span.fr-video.fr-dvi{ display: inline-block; float: none; vertical-align: bottom; margin-left: 5px; margin-right: 5px; max-width: calc(50% - 30px);} article span.fr-dvb.fr-fvl, .text_box span.fr-dvb.fr-fvl{ margin-left: 0;} article span.fr-dvb.fr-fvr, .text_box span.fr-dvb.fr-fvr{ margin-right: 0;} article span.fr-video.fr-dvi.fr-fvl, .text_box span.fr-video.fr-dvi.fr-fvl{ float: left; margin-left: 0; margin-right: 30px; max-width: calc(50% - 30px);} article span.fr-video.fr-dvi.fr-fvr, .text_box span.fr-video.fr-dvi.fr-fvr{ float: right; margin-left: 30px; margin-right: 0; max-width: calc(50% - 30px);} article span.fr-video .video_box, .text_box span.fr-video .video_box{ background: #f7f7f7; display: inline-block; width: 100%; position: relative;} article span.fr-video .video_box .video_in, .text_box span.fr-video .video_box .video_in{ display: block; width: 100%; padding: 0 0 56.25%; position: relative;} article span.fr-video .video_box .video_in > *, .text_box span.fr-video .video_box .video_in > *{ opacity: 1; width: 100% !important; height: 100% !important; border: 0; position: absolute; top: 0; right: 0; left: 0; bottom: 0;} article span.fr-video iframe, .text_box span.fr-video iframe, article span.fr-video video, .text_box span.fr-video video{ opacity: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} @media screen and (max-width: 750px) { article span.fr-video.fr-dvb, .text_box span.fr-video.fr-dvb{ display: block; margin: 5px auto; float: none;} article span.fr-video.fr-dvi, .text_box span.fr-video.fr-dvi{ display: block; float: none; margin: 5px auto; max-width: 100%;} article span.fr-dvb.fr-fvl, .text_box span.fr-dvb.fr-fvl{ margin: 5px auto;} article span.fr-dvb.fr-fvr, .text_box span.fr-dvb.fr-fvr{ margin: 5px auto;} article span.fr-video.fr-dvi.fr-fvl, .text_box span.fr-video.fr-dvi.fr-fvl{ float: none; margin: 5px auto; max-width: 100%;} article span.fr-video.fr-dvi.fr-fvr, .text_box span.fr-video.fr-dvi.fr-fvr{ float: none; margin: 5px auto; max-width: 100%;} } 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; 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; 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 { 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;} .dates_box { display: flex;} .dates_box span { color: #919090; font-size: 13px; line-height: 20px; text-transform: uppercase;} .dates_box .inbetweener { display: inline-block; margin: 0 10px;} @media screen and (max-width: 500px) { .dates_box { flex-wrap: wrap;} } .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: 6px 16px; text-transform: none; font-size: 13px;} .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, .btn:focus .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: #bde1cd; border: 1px solid #bde1cd; 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), a.item:focus .btn.typ_1:not(.no_hover), .btn.typ_1:focus { background: #ffffff; border: 1px solid #bde1cd; color: #bde1cd;} .btn.typ_2 { background: #ffffff; border: 1px solid #bde1cd; color: #bde1cd;} .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), a.item:focus .btn.typ_2:not(.no_hover), .btn.typ_2:focus { background: #bde1cd; 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), a.item:focus .btn.typ_3:not(.no_hover), .btn.typ_3:focus { background: #bde1cd; border: 1px solid #bde1cd; color: #ffffff;} .btn.typ_4 { background: transparent; border: 1px solid #bde1cd; color: #bde1cd;} .notouch .btn.typ_4:not(.no_hover):hover, .notouch .item.hover_efekt .btn.typ_4:not(.no_hover), .notouch a.item:hover .btn.typ_4:not(.no_hover), a.item:focus .btn.typ_4:not(.no_hover), .btn.typ_4:focus { background: #bde1cd; border: 1px solid #bde1cd; 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%; display: flex; align-items: center;} header.header_1 a.logo { z-index: 999; width: 240px; height: 80px; display: inline-block; vertical-align: middle; position: relative;} header.header_1 a.logo:focus { outline: 1px solid #f9d05b;} 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 { z-index: 999; display: flex; justify-content: flex-end; align-items: center; text-align: right; width: calc(100% - 265px); margin: 0 0 0 20px;} header.header_1 nav { 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.hassub { position: relative;} header.header_1 nav > ul li.hassub a { padding-right: 35px;} header.header_1 nav > ul li a { text-transform: uppercase; display: block; line-height: 20px; font-size: 13px; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; padding: 10px 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;} header.header_1 nav > ul li .arrow_expand { position: absolute; top: 50%; right: 10px; transform: translateY(-50%) rotate(90deg); background: url(../img/arrow_black_right.svg) no-repeat center center/cover; width: 15px; height: 15px; border: none;} header.header_1 nav > ul li .arrow_expand:focus { background: url(../img/arrow_orange_right.svg) no-repeat center center/cover;} .notouch header.header_1 nav > ul li a:hover, header.header_1 nav ul > li.active > a, header.header_1 nav > ul li a:focus { color: #bde1cd;} header.header_1 nav > ul li ul { z-index: 0; margin: 0; padding: 0; position: absolute; top: calc(100% - 10px); opacity: 0; left: 50%; 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:hover ul { z-index: 9;} header.header_1 nav > ul li ul.grid_two { display: grid; grid-template-columns: auto auto;} 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: #bde1cd; 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;} .notouch header.header_1 nav > ul > li:hover > ul, header.header_1 nav > ul li[aria-expanded="true"] ul { top: 100%; visibility: visible; opacity: 1;} header.header_1 nav > ul li ul li { margin: 0; background: #bde1cd; list-style: none; display: block; width: 100%; padding: 0;} header.header_1 nav > ul li ul li .arrow_expand{ background: url(../img/arrow_white_right.svg) no-repeat center center/cover;} header.header_1 nav > ul li ul li a { border-top: 1px solid #dfe3ef; 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.grid_two li:nth-child(2n) a { border-left: 1px solid #dfe3ef;} 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, header.header_1 nav > ul li ul li a:focus { background: #000000 !important; color: #ffffff !important;} header.header_1 nav > ul li ul li ul.third_menu.grid_two { display: grid; grid-template-columns: auto auto;} header.header_1 nav > ul li ul li ul.third_menu.grid_two li a { border-right: 1px solid #dfe3ef;} header.header_1 nav > ul li ul li ul.third_menu.grid_two li:first-child a { border-top: 1px solid #dfe3ef;} header.header_1 nav > ul li ul li ul.third_menu { z-index: 0; margin: 0; padding: 0; position: absolute; top: 0; opacity: 0; left: 100%; background: #bde1cd; display: block; visibility: hidden; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: all 200ms ease; transition: all 200ms ease;} header.header_1 nav > ul li:nth-last-child(-n+4) ul li ul.third_menu { left: unset; right: 100%;} header.header_1 nav > ul li ul li ul.third_menu.active { visibility: visible; opacity: 1;} header.header_1 nav > ul li ul li ul.third_menu:before { display: none;} header.header_1 nav > ul li ul li ul.third_menu.hover_efekt:before, header.header_1 nav > ul li ul li ul.third_menu.special:before { border-bottom-color: #000000;} header.header_1 nav > ul li ul li ul.third_menu.hover_efekt:before li a:focus{ border-bottom-color: #000000;} header.header_1 nav > ul li ul li:hover ul.third_menu, header.header_1 nav > ul li ul li[aria-expanded=true] ul.third_menu { top: 0; visibility: visible; opacity: 1;} header.header_1 nav > ul li ul li ul.third_menu li { margin: 0; list-style: none; display: block; width: 100%; padding: 0;} header.header_1 nav > ul li ul li ul.third_menu li a { height: 100%; width: 300px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; border-top: 1px solid #dfe3ef; border-left: 1px solid #dfe3ef; background: #bde1cd; white-space: pre-wrap; position: relative; text-transform: none; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; padding: 8px 30px; font-size: 13px; line-height: 18px; text-align: center; color: #fff !important; -webkit-transition: all 400ms ease; transition: all 400ms ease;} /*header.header_1 nav > ul li ul li ul.third_menu li:first-child a { border-top: 0;}*/ header.header_1 nav > ul li ul li ul.third_menu li a::before { display: none;} .notouch header.header_1 nav > ul li ul li ul.third_menu li a:hover, header.header_1 nav > ul li ul li ul.third_menu li.active a, header.header_1 nav > ul li ul li ul.third_menu li a:focus { 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 button { z-index: 999; cursor: pointer; border: none; width: 46px; height: 46px; position: relative; display: block; background: #bde1cd; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header.header_1 .search_box button::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 button:hover, header.header_1 .search_box button:focus, .notouch header .search_box.hover_efekt button { 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 form label span.search_popis{ font-size: 0;} 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 button { text-align: center; z-index: 99; border: none; 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: 61px; 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 button:hover, header.header_1 .lang button:focus { background-color: #bde1cd;} 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.active { display: block !important;} header.header_1 .lang .hide ul { margin: 0; padding: 0; list-style: none;} 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, header.header_1 .lang .hide a:focus { background: #bde1cd; border-top: 1px solid #bde1cd; 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;} .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, header.header_1 .open_close_navigation:focus::after { color: #bde1cd;} .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, header.header_1 .open_close_navigation .lines-button.x.close:focus .lines::before, header.header_1 .open_close_navigation .lines-button.x.close:focus .lines::after { background: #bde1cd !important;} .notouch header.header_1 .open_close_navigation:hover .lines::before, .notouch header.header_1 .open_close_navigation:hover .lines::after, header.header_1 .lines-button:focus .lines::before, header.header_1 .open_close_navigation .lines-button:focus .lines::after { background: #bde1cd;} .notouch header.header_1 .open_close_navigation:hover .lines, header.header_1 .open_close_navigation .lines-button:focus .lines { background: #bde1cd;} /* ARIA - selectbox .annotate { font-style: italic; color: #366ed4;} .listbox-area { padding: 20px; background: #eee; border: 1px solid #aaa; font-size: 0;} .left-area, .right-area { box-sizing: border-box; display: inline-block; font-size: 14px; vertical-align: top; width: 50%;} .left-area { padding-right: 10px;} .right-area { padding-left: 10px;} [role="listbox"] { min-height: 18em; padding: 0; background: white; border: 1px solid #aaa;} [role="option"] { display: block; padding: 0 1em 0 1.5em; position: relative; line-height: 1.8em;} [role="option"].focused { background: #bde4ff;} [role="option"][aria-selected="true"]::before { content: 'âś“'; position: absolute; left: 0.5em;} button { font-size: 16px;} button[aria-disabled="true"] { opacity: 0.5;} .move-right-btn { padding-right: 20px; position: relative;} .move-right-btn::after { content: ' '; height: 10px; width: 12px; background-image: url('../imgs/Arrows-Right-icon.png'); background-position: center right; position: absolute; right: 2px; top: 6px;} .move-left-btn { padding-left: 20px; position: relative;} .move-left-btn::after { content: ' '; height: 10px; width: 12px; background-image: url('../imgs/Arrows-Left-icon.png'); background-position: center left; position: absolute; left: 2px; top: 6px;} #ss_elem_list { max-height: 18em; overflow-y: auto; position: relative;} #exp_button { border-radius: 0; font-size: 16px; text-align: left; padding: 5px 10px; width: 150px; position: relative;} #exp_button::after { width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #aaa; content: " "; position: absolute; right: 5px; top: 10px;} #exp_button[aria-expanded="true"]::after { width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 0; border-bottom: 8px solid #aaa; content: " "; position: absolute; right: 5px; top: 10px;} #exp_elem_list { border-top: 0; max-height: 10em; overflow-y: auto; position: absolute; margin: 0; width: 148px;} .hidden { display: none;} .toolbar { font-size: 0;} .toolbar-item { border: 1px solid #aaa; background: #ccc;} .toolbar-item[aria-disabled="false"]:focus { background-color: #eee;} .offscreen { clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); font-size: 14px; height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px;} */ .ipad_menu.ipad_menu_1 { display: none; position: absolute; margin: -20px 0 0; max-width: 1920px; top: -2000px; 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: -1; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .ipad_menu.ipad_menu_1.active, header.header_1.icons .ipad_menu.ipad_menu_1 { display: block;} .ipad_menu.ipad_menu_1.move { top: 0 !important; margin: 0;} .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: 20px; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; padding: 15px 55px; 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: 1px solid #dbdbdb !important;} .notouch .ipad_menu.ipad_menu_1 ul li a:hover, .ipad_menu.ipad_menu_1 ul li a:focus, .ipad_menu.ipad_menu_1 ul li.active a, .ipad_menu.ipad_menu_1 ul li a.active { background: #bde1cd; border-top: 1px solid #dfe3ef; 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: 20px; font-weight: 400; padding: 15px 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 > li > ul > li:hover > a, .ipad_menu.ipad_menu_1 ul > li > ul > li.active > a, .ipad_menu.ipad_menu_1 ul > li > ul > li > a:focus { background: #e2e2e2 !important;} .ipad_menu.ipad_menu_1 ul li .arrow_expand { cursor: pointer; z-index: 100; display: block; position: absolute; top: 7px; 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 .arrow_expand::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 .arrow_expand.active::before { transform: rotate(180deg);-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg)} .notouch .ipad_menu.ipad_menu_1 ul li:hover .arrow_expand, .ipad_menu.ipad_menu_1 ul li.active .arrow_expand { background: #000000;} .notouch .ipad_menu.ipad_menu_1 ul li:hover .arrow_expand, .ipad_menu.ipad_menu_1 ul li.active .arrow_expand:focus { outline: 1px solid #f9d05b;} .ipad_menu.ipad_menu_1 ul > li > ul > li > ul.third_menu_ipad > li > a { background: #fefefe !important; border-top: 1px solid #cacaca !important; padding: 10px 20px !important;} .notouch .ipad_menu.ipad_menu_1 ul > li > ul > li > ul.third_menu_ipad > li:hover a, .ipad_menu.ipad_menu_1 ul > li > ul > li > ul.third_menu_ipad > li.active > a, .ipad_menu.ipad_menu_1 ul > li > ul > li > ul.third_menu_ipad > li > a:focus { background: #dedede !important;} @media screen and (max-width: 1350px) { header.header_1 nav > ul li ul li ul.third_menu li a{ width: 230px;} } @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: flex !important; width: 100%; margin-left: 0;} .ipad_menu.ipad_menu_1 ul li.lang a { flex: 1;} .ipad_menu.ipad_menu_1 ul li.lang a:first-child { border-left: none;} } /*HEADER 2*/ .header_height_2 { display: block; height: 146px; 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: #bde1cd; position: relative; z-index: 9999;} 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: 400; 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: 400; font-family: open_sansbold, sans-serif, Arial; text-decoration: underline;} .notouch header.header_2 .top_line .left_side p a:hover, header.header_2 .top_line .left_side p a:focus { 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 button.icon { z-index: 999; cursor: pointer; border: none; 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 button.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 button.icon:hover::before, .notouch header.header_2 .top_line .right_side .search_box.hover_efekt button.icon::before, header.header_2 .top_line .right_side .search_box button.icon:focus::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 button.icon:hover, .notouch header.header_2 .top_line .right_side .search_box.hover_efekt button.icon, header.header_2 .top_line .right_side .search_box button.icon:focus { 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 form label .search_popis{ font-size: 0;} 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, header.header_2 .top_line .right_side .search_box form ul li a:focus { 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: flex; align-items: center; background: #fff; position: relative; font-size: 0; 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 a.logo { width: 240px; height: 60px; display: inline-block; vertical-align: middle; position: relative; z-index: 9999;} header.header_2 a.logo:focus { outline: 1px solid #f9d05b;} 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 { z-index: 999; display: flex; align-items: center; justify-content: flex-end; text-align: right; width: calc(100% - 240px); margin: 0;} header.header_2 nav { 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; font-size: 0;} 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 .arrow_expand { position: absolute; top: 50%; right: 10px; transform: translateY(-50%) rotate(90deg); background: url(../img/arrow_black_right.svg) no-repeat center center/cover; width: 15px; height: 15px; border: none;} header.header_2 nav > ul li .arrow_expand:focus { background: url(../img/arrow_orange_right.svg) no-repeat center center/cover;} header.header_2 nav > ul li a { text-transform: uppercase; display: block; line-height: 20px; font-size: 13px; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; padding: 10px 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.hassub a{ padding-right: 35px;} header.header_2 nav > ul li:first-child a::before { display: none;} .notouch header.header_2 nav > ul li a:hover, header.header_2 nav ul > li.active > a, header.header_2 nav > ul li a:focus { color: #bde1cd;} header.header_2 nav > ul li ul { z-index: 0; margin: 0; padding: 0; position: absolute; top: calc(100% - 10px); opacity: 0; left: 50%; 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:hover ul { z-index: 9;} header.header_2 nav > ul li ul.grid_two { display: grid; grid-template-columns: auto auto;} header.header_2 nav > ul li ul.active { top: 100%; visibility: visible; opacity: 1;} 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: #bde1cd; border-width: 8px; margin-left: -8px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header.header_2 nav > ul li.hassub:last-child ul:before { left: unset; right: 20%;} 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 ul.hover_efekt:before li a:focus{ border-bottom-color: #000000;} header.header_2 nav > ul li:hover ul, header.header_2 nav > ul li[aria-expanded=true] ul { top: 100%; visibility: visible; opacity: 1;} header.header_2 nav > ul li ul li { margin: 0; background: #bde1cd; list-style: none; display: block; width: 100%; padding: 0;} header.header_2 nav > ul li ul li .arrow_expand{ background: url(../img/arrow_white_right.svg) no-repeat center center/cover;} header.header_2 nav > ul li ul li a { border-top: 1px solid #dfe3ef; 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.grid_two li:nth-child(2n) a { border-left: 1px solid #dfe3ef;} 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, header.header_2 nav > ul li ul li a:focus { background: #000000 !important; color: #ffffff !important;} header.header_2 nav > ul li ul li ul.third_menu.grid_two { display: grid; grid-template-columns: auto auto;} header.header_2 nav > ul li ul li ul.third_menu.grid_two li a { border-right: 1px solid #dfe3ef;} header.header_2 nav > ul li ul li ul.third_menu.grid_two li:first-child a { border-top: 1px solid #dfe3ef;} header.header_2 nav > ul li ul li ul.third_menu { z-index: 99; margin: 0; padding: 0; position: absolute; top: 0; opacity: 0; left: 100%; background: #bde1cd; display: block; visibility: hidden; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: all 200ms ease; transition: all 200ms ease;} header.header_2 nav > ul li:nth-last-child(-n+4) ul li ul.third_menu { left: unset; right: 100%;} header.header_2 nav > ul li ul li ul.third_menu.active { visibility: visible; opacity: 1;} header.header_2 nav > ul li ul li ul.third_menu:before { display: none;} header.header_2 nav > ul li ul li ul.third_menu.hover_efekt:before, header.header_2 nav > ul li ul li ul.third_menu.special:before { border-bottom-color: #000000;} header.header_2 nav > ul li ul li ul.third_menu.hover_efekt:before li a:focus{ border-bottom-color: #000000;} header.header_2 nav > ul li ul li:hover ul.third_menu, header.header_2 nav > ul li ul li[aria-expanded=true] ul.third_menu { top: 0; visibility: visible; opacity: 1;} header.header_2 nav > ul li ul li ul.third_menu li { margin: 0; list-style: none; display: block; width: 100%; padding: 0;} header.header_2 nav > ul li ul li ul.third_menu li a { height: 100%; width: 300px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; border-top: 1px solid #dfe3ef; border-left: 1px solid #dfe3ef; background: #bde1cd; white-space: pre-wrap; position: relative; text-transform: none; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; padding: 8px 30px; font-size: 13px; line-height: 18px; text-align: center; color: #fff !important; -webkit-transition: all 400ms ease; transition: all 400ms ease;} /*header.header_2 nav > ul li ul li ul.third_menu li:first-child a { border-top: 0;}*/ header.header_2 nav > ul li ul li ul.third_menu li a::before { display: none;} .notouch header.header_2 nav > ul li ul li ul.third_menu li a:hover, header.header_2 nav > ul li ul li ul.third_menu li.active a, header.header_2 nav > ul li ul li ul.third_menu li a:focus { background: #000000 !important; color: #ffffff !important;} .notouch header.header_2 nav > ul li ul li ul.third_menu li a:hover, header.header_2 nav > ul li ul.third_menu li.active > a, header.header_2 nav > ul li ul.third_menu li > a:focus { color: #fff;} header.header_2 nav > ul li.hassub:last-child ul { transform: unset; left: unset; right: 0;} 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 button { text-align: center; z-index: 99; border: none; 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: 61px; 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 button:hover, header.header_2 .lang button:focus { background-color: #bde1cd;} 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 ul { margin: 0; padding: 0; list-style: none;} 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, header.header_2 .lang .hide a:focus { background: #bde1cd; border-top: 1px solid #bde1cd; 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, header.header_2 .open_close_navigation .lines-button:focus::after { color: #bde1cd;} .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, header.header_2 .open_close_navigation .lines-button.x.close:focus .lines:before, header.header_2 .open_close_navigation .lines-button.x.close:focus .lines:after { background: #bde1cd !important;} .notouch header.header_2 .open_close_navigation:hover .lines:before, .notouch header.header_2 .open_close_navigation:hover .lines:after, header.header_2 .open_close_navigation .lines-button:focus .lines:before, header.header_2 .open_close_navigation .lines-button:focus .lines:after { background: #bde1cd;} .notouch header.header_2 .open_close_navigation:hover .lines, header.header_2 .open_close_navigation:focus .lines, header.header_2 .open_close_navigation .lines-button:focus .lines, header.header_2 .open_close_navigation .lines-button:focus .lines { background: #bde1cd;} .ipad_menu.ipad_menu_2 { display: none; position: absolute; margin: -20px 0 0; max-width: 1920px; top: -2000px; 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: 146px 0 0; z-index: -1; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .ipad_menu.ipad_menu_2.active, header.header_2.icons .ipad_menu.ipad_menu_2 { display: block;} .ipad_menu.ipad_menu_2.move { top: -50px !important; margin: 0;} .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: 20px; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; padding: 15px 55px; 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 a:focus, .ipad_menu.ipad_menu_2 ul li.active a, .ipad_menu.ipad_menu_2 ul li a.active { background: #bde1cd; border-top: 1px solid #dfe3ef; 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: 20px; font-weight: 400; padding: 15px 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, .ipad_menu.ipad_menu_2 ul ul li.active a:focus { background: #e2e2e2 !important;} /* .ipad_menu.ipad_menu_2 ul li .icon { cursor: pointer; z-index: 100; display: block; position: absolute; top: 7px; 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;} .notouch .ipad_menu.ipad_menu_2 ul li:hover .icon, .ipad_menu.ipad_menu_2 ul li.active .icon:focus { outline: 1px solid #f9d05b;} */ .ipad_menu.ipad_menu_2 ul li .arrow_expand { cursor: pointer; z-index: 100; display: block; position: absolute; top: 7px; 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 .arrow_expand::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 .arrow_expand.active::before { transform: rotate(180deg);-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg)} .notouch .ipad_menu.ipad_menu_2 ul li:hover .arrow_expand, .ipad_menu.ipad_menu_2 ul li.active .arrow_expand { background: #000000;} .notouch .ipad_menu.ipad_menu_2 ul li:hover .arrow_expand, .ipad_menu.ipad_menu_2 ul li.active .arrow_expand:focus { outline: 1px solid #f9d05b;} .ipad_menu.ipad_menu_2 ul > li > ul > li > ul.third_menu_ipad > li > a { background: #fefefe !important; border-top: 1px solid #cacaca !important; padding: 10px 20px !important;} .notouch .ipad_menu.ipad_menu_2 ul > li > ul > li > ul.third_menu_ipad > li:hover a, .ipad_menu.ipad_menu_2 ul > li > ul > li > ul.third_menu_ipad > li.active > a, .ipad_menu.ipad_menu_2 ul > li > ul > li > ul.third_menu_ipad > li > a:focus { background: #dedede !important;} @media screen and (max-width: 1350px) { header.header_2 nav > ul li ul li ul.third_menu li a{ width: 230px;} } @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: flex !important; width: 100%; margin-left: 0;} .ipad_menu.ipad_menu_2 ul li.lang a { flex: 1;} .ipad_menu.ipad_menu_2 ul li.lang a:first-child { border-left: none;} } .aside_main{ display: flex;} #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 [id*="snippet"] .inside{ margin: 0 auto 50px !important;} #content [id*="snippet"]:last-of-type > .inside{ margin: 0 auto !important;} #content .inside.margin{ margin: 0 auto 30px} #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: 400; 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_1 .item .box .centering .btn { white-space: pre-wrap;} .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: 400; 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_2 .item .box .centering .btn { white-space: pre-wrap;} .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: 400; 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.version_3 .item .box .centering .btn { white-space: pre-wrap;} .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, .main_top .main_slider.owl-carousel .owl-controls .owl-pagination .owl-page:focus span { background: #bde1cd; border: 1px solid #bde1cd;} .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: #bde1cd; 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: #dfe3ef;} .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: #dfe3ef;} .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: 400; 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: 400; 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, .news.version_1 .hp_news_list .item:focus .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, .news.version_1 .hp_news_list .item:focus .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, .news.version_1 .rss:focus { 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: 400; 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: 400; 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, .news.version_2 .hp_news_list .item:focus .title { color: #bde1cd} .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, .news.version_2 .hp_news_list .item:focus .link { color: #bde1cd;} .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, .news.version_2 .rss:focus { color: #bde1cd} @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: 400; 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, .news.version_3 .hp_news_list .news_slider .item:hover .text .boxes .centering .link, .news.version_3 .hp_news_list .news_slider .text .boxes .centering .link:focus { 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, .news.version_3 .hp_news_list .news_slider.owl-carousel .owl-controls .owl-buttons .owl-prev:focus, .news.version_3 .hp_news_list .news_slider.owl-carousel .owl-controls .owl-buttons .owl-next:focus { background: #bde1cd;} .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, .news.version_3 .hp_news_list .news_slider.owl-carousel .owl-controls .owl-buttons .owl-prev:focus::before, .news.version_3 .hp_news_list .news_slider.owl-carousel .owl-controls .owl-buttons .owl-next:focus::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, .news.version_3 .rss:focus { color: #bde1cd} @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: no-repeat scroll center center; -webkit-background-size: cover; background-size: cover; position: relative;} .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 .action_slider { position: relative; opacity: 0; background: #f0f0f0; display: block; height: 100%; width: 100%; display: block; overflow: hidden;} .welcome_2.version_1 .action_slider.stop { opacity: 1;} .welcome_2.version_1 .action_slider, .welcome_2.version_2 .action_full .img .action_slider *{ height: 100%;} .welcome_2.version_1 .action_slider .item { width: 100%; position: relative; display: block; background-attachment: local; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;} .welcome_2.version_1 .action_slider .item .img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center; background-repeat: no-repeat;} .welcome_2.version_1 .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_1 .action_slider.owl-carousel .owl-controls{ margin: 0;} .welcome_2.version_1 .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_1 .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_1 .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_1 .action_slider.owl-carousel .owl-controls .owl-pagination .owl-page.active span, .notouch .welcome_2.version_1 .action_slider.owl-carousel .owl-controls .owl-pagination .owl-page:hover span, .welcome_2.version_1 .action_slider.owl-carousel .owl-controls .owl-pagination .owl-page:focus span { background: #bde1cd; border: 1px solid #bde1cd;} .welcome_2.version_1 .online .no_sliders .box { position: absolute; top: 0; right: 0; bottom: 0; left: 0;} .welcome_2.version_1 .online .no_sliders .box .img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: center; background-size: cover; background-repeat: no-repeat;} .welcome_2.version_1 .classes_omnibox { display: flex; flex-wrap: wrap; justify-content: center; gap: 30px;} .welcome_2.version_1 .classes_omnibox .classes_box { text-align: center; background: #bde1cd; display: inline-block; vertical-align: middle; width: calc(50% - 15px); height: 350px; -webkit-background-size: cover; background-size: cover;} .welcome_2.version_1 .classes_omnibox .classes_box.special_class { background: #acd0bc;} /* .welcome_2.version_1 .classes_omnibox .classes_box.second { background: #acd0bc; margin: 0 0 0 30px;} .welcome_2.version_1 .classes_omnibox .classes_box.third { background: ;} */ .welcome_2.version_1 .classes_omnibox .classes_box .box { height: 100%; width: 100%; display: table;} .welcome_2.version_1 .classes_omnibox .classes_box .box .centering { height: 100%; width: 100%; display: table-cell; vertical-align: middle;} .welcome_2.version_1 .classes_omnibox .classes_box h3 { text-align: center; margin: 0; padding: 0; font-size: 38px; line-height: 44px; font-weight: 400; font-family: open_sansbold, sans-serif, Arial; color: #ffffff} .welcome_2.version_1.own_color .classes_box h3 { color: #000000;} .welcome_2.version_1 .classes_omnibox .classes_box ul { display: inline-block; vertical-align: middle; margin: 0; padding: 30px 0 0;} .welcome_2.version_1 .classes_omnibox .classes_box ul li { display: inline-block; vertical-align: top; width: 70px;} .welcome_2.version_1 .classes_omnibox .classes_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 .classes_omnibox .classes_box ul li.long { width: 84px;} .welcome_2.version_1 .classes_omnibox .classes_box ul li.long a { padding: 8px 12px; text-transform: none; line-height: 21px; } .welcome_2.version_1 .classes_omnibox .classes_box ul li.ms_class { width: auto;} .welcome_2.version_1 .classes_omnibox .classes_box ul li.ms_class a { padding: 0 8px; width: auto;} .notouch .welcome_2.version_1 .classes_omnibox .classes_box ul li a:hover, .welcome_2.version_1 .classes_omnibox .classes_box ul li a:focus { opacity: 1; } .welcome_2.version_1 .classes_omnibox .classes_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 .classes_box .link { color: #ffffff; } .notouch .welcome_2.version_1 .classes_omnibox .classes_box .link:hover, .welcome_2.version_1 .classes_omnibox .classes_box .link:focus { text-decoration: underline;} .welcome_2.version_1 .inbox { display: flex; max-width: 1245px; margin: 0 auto; width: 100%;} .welcome_2.version_1 .inbox h2 { text-align: center;margin: 0 0 30px;padding: 0;font-size: 24px;line-height: 30px;font-weight: 800;text-transform: uppercase;color: #bde1cd;} .welcome_2.version_1 .inbox .calandar_akce_inbox { width: 66.66%;} .welcome_2.version_1 .inbox .calandar_akce_inbox.go_mid { margin: 0 auto;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in { display: flex; background: #f0f0f0; margin: 0 0 20px; min-height: 447px;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box { width: 60%; margin-bottom: 0; margin-right: 0; padding: 30px 0;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar { width: 430px !important;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar .fc-toolbar .fc-center button.fc-prev-button { background: transparent;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar .fc-toolbar .fc-center button.fc-next-button { background: transparent;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar table .fc-row.fc-week.fc-widget-content { height: 48px !important;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar .fc-day-grid-container { height: 288px !important;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar table .fc-body thead td .fc-day-number .dot, #calendar .dot { position: absolute; top: 5px; width: 5px; height: 5px; background: #fff; border-radius: 50%; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar table .fc-body thead td.fc-past .fc-day-number .dot, #calendar td.fc-past .dot { background-color: #fff;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar table .fc-body thead td .fc-day-number .dot:nth-child(1), #calendar .dot:nth-child(1) { left: 5px;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar table .fc-body thead td .fc-day-number .dot:nth-child(2), #calendar .dot:nth-child(2) { left: 13px;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar table .fc-body thead td .fc-day-number .dot:nth-child(3), #calendar .dot:nth-child(3) { left: 21px;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar table .fc-body thead td .fc-day-number .dot:nth-child(4), #calendar .dot:nth-child(4) { left: 29px;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar table .fc-body td.event .fc-day-number { color: #fff;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar table .fc-body td.event:hover .fc-day-number { color: #fff;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar table .fc-body td.fc-state-highlight.active .fc-day-number{ color: #fff !important;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar table .fc-body td.fc-state-highlight.active .fc-day-number .dot { background-color: #fff !important;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar table .fc-body td.fc-state-highlight.fc-today .fc-day-number { border: none;} .notouch .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar table .fc-body td.fc-state-highlight.fc-today:hover .fc-day-number, .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar table .fc-body td.fc-state-highlight.fc-today.active .fc-day-number { background-color: #bde1cd !important;} .notouch .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar table .fc-body thead td.event .fc-day-number:hover, .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar table .fc-body thead td.event .fc-day-number:focus { background: #bde1cd !important;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar table .fc-body thead td .fc-day-number, .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar table .fc-body thead td .event-fc-day-number { width: 50px; border: 1px solid #c0c0c0;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar table .fc-body thead td.event::before, .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar table .fc-body thead td.fc-today::before { margin: -20px 0 0 -25px; width: 50px; background-color: #bde1cd !important;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar table .fc-body td.event.active::before, .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar table .fc-body td.event.active::before { background-color: #bde1cd !important;} /*barvy dnů na podstránkách*/ .obce_aside #calendar table .fc-body thead td.event::before { background: #bde1cd !important;} .notouch .obce_aside #calendar table .fc-body thead td.event:hover::before { color: #fff !important;} .obce_aside #calendar table .fc-body td.fc-state-highlight.fc-today::before { background: transparent !important;} .obce_aside #calendar table .fc-body td.fc-state-highlight.fc-today .fc-day-number { color: #000 !important; border: 2px solid #bde1cd !important; box-sizing: border-box;} /* .notouch .obce_aside #calendar table .fc-body td.fc-state-highlight.fc-today .fc-day-number:hover, .obce_aside #calendar table .fc-body td.fc-state-highlight.fc-today.active .fc-day-number { background: #333; border: 1px solid #333 !important; color: #fff !important;} */ .obce_aside #calendar table .fc-body td.event .fc-day-number, .obce_aside #calendar table .fc-body td.event .event-fc-day-number { border: 1px solid #bde1cd !important; box-sizing: border-box;} /* .obce_aside #calendar table .fc-body td.event .fc-day-number:hover, .obce_aside #calendar table .fc-body td.event .event-fc-day-number:hover { border: 1px solid #333 !important;} */ .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar table .fc-body thead td.fc-today::before { background: transparent !important; color: #000 !important; border: 2px solid #bde1cd !important; box-sizing: border-box;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar table .fc-body thead td.fc-today:hover::before { background: #bde1cd !important; border: 1px solid #bde1cd !important;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar table .fc-body td.fc-state-highlight .fc-day-number { color: #000;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar table .fc-body td.fc-state-highlight .fc-day-number:hover { color: #fff;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar table .fc-body td.fc-state-highlight .fc-day-number .dot { background: #333333 !important;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar table .fc-body td.fc-state-highlight .fc-day-number:hover .dot { background: #fff !important;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .akce_box { width: 40%; overflow: hidden; padding-right: 15px; padding-top: 20px; padding-bottom: 20px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .akce_box.ajax_load { opacity: 0.3; pointer-events: none;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .akce_box .item { text-align: center; width: 100%; display: inline-block; vertical-align: top; margin: 0; border: 1px solid #f2f2f2; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .akce_box .item:last-child { margin: 0 0 15px;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .akce_box .item .text { text-align: left; padding: 8px 6px; display: flex; align-items: center; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .akce_box .item .text .left_side .date { color: #fff; font-size: 12px; line-height: 12px; display: flex; justify-content: center; align-items: center; width: 80px; height: 80px; background: #bde1cd;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .akce_box .item .text .right_side { padding-left: 20px; padding-right: 25px; box-sizing: border-box; flex-grow: 1; position: relative;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .akce_box .item .text .right_side::after { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background-image: url(../img/arrow_black_right.svg); width: 20px; height: 26px; background-size: 20px 26px; background-repeat: no-repeat; background-position: center;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .akce_box .item .title { display: flex; align-items: center; margin: 8px 0 10px; height: 60px; overflow: hidden; font-size: 15px; line-height: 20px; font-weight: 400; font-family: open_sansbold, sans-serif, Arial; color: #000000; text-align: left; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .akce_box .item:hover .title, .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .akce_box .item:focus .title { color: #bde1cd;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .akce_box .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;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .akce_box .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 .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .akce_box .item:hover .link, .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .akce_box .item:focus .link { color: #bde1cd; text-decoration: underline;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .akce_box .btn { margin-top: 12px;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .akce_box .no_future_actions { margin: 12px 0 0; font-weight: 600; font-size: 20px; line-height: 32px; text-align: left;} .welcome_2.version_1 .inbox .aktuality_box { width: 33.33%; padding-left: 15px;} .welcome_2.version_1 .inbox .aktuality_box .aktuality_list.aktuality_response { display: none;} .welcome_2.version_1 .inbox .aktuality_box .aktuality_list .item { text-align: center; width: 100%; display: inline-block; vertical-align: top; margin: 0 0 20px; border: 1px solid #f2f2f2; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_2.version_1 .inbox .aktuality_box .aktuality_list .item .img { display: block; height: 249px; width: 100%; background-attachment: local; position: relative; background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover;} .welcome_2.version_1 .inbox .aktuality_box .aktuality_list .item .date { display: inline-block; font-size: 14px; line-height: 20px; color: #141b26; text-align: left;} .welcome_2.version_1 .inbox .aktuality_box .aktuality_list .item .text { text-align: left; background: #f0f0f0; border-top: 1px solid #e7e8e9; padding: 20px; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_2.version_1 .inbox .aktuality_box .aktuality_list .item .title { display: block; margin: 8px 0 10px; height: 60px; overflow: hidden; font-size: 16px; font-weight: 400; 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 .welcome_2.version_1 .inbox .aktuality_box .aktuality_list .item:hover .title, .welcome_2.version_1 .inbox .aktuality_box .aktuality_list .item:focus .title { color: #bde1cd;} .welcome_2.version_1 .inbox .aktuality_box .aktuality_list .item span.anotation { display: block; margin: 0 0 15px; height: 22px; overflow: hidden; font-size: 13px; line-height: 18px; font-weight: 400; color: #000000; text-align: left;} .welcome_2.version_1 .inbox .aktuality_box .aktuality_list .item .link { font-size: 14px; line-height: 20px; font-weight: 400; text-decoration: underline; color: #bde1cd; display: inline-block; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .welcome_2.version_1 .inbox .aktuality_box .aktuality_list .item:hover .link, .welcome_2.version_1 .inbox .aktuality_box .aktuality_list .item:focus .link { text-decoration: none;} @media screen and (max-width: 1280px) { .welcome_2.version_1 .calendar_box { height: 331px;} .welcome_2.version_1 .online .box { height: 391px;} .welcome_2.version_1 .inbox { display: flex; flex-direction: column; align-items: center;} .welcome_2.version_1 .inbox .calandar_akce_inbox { width: 100%; max-width: 900px;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box { padding: 52px 0;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .akce_box .item .title { font-size: 15px; line-height: 22px;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .akce_box .no_future_actions { margin: 30px 0 0; padding: 0 0 0 10px; box-sizing: border-box;} .welcome_2.version_1 .inbox .aktuality_box { width: 100%; padding-left: 0; padding-top: 60px;} .welcome_2.version_1 .inbox .aktuality_box .aktuality_list.aktuality_response { display: flex;} .welcome_2.version_1 .inbox .aktuality_box .aktuality_list.aktuality_response .item { margin-left: 15px;} .welcome_2.version_1 .inbox .aktuality_box .aktuality_list.aktuality_response .item:nth-child(1) { margin-left: 0;} .welcome_2.version_1 .inbox .aktuality_box .aktuality_list.aktuality_desktop { display: none;} .welcome_2.version_1 .inbox .aktuality_box .aktuality_list .item .img { height: 192px;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar table .fc-body thead td .fc-day-number, .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar table .fc-body thead td .event-fc-day-number { height: 34px;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar table .fc-body thead td.event::before, .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar table .fc-body thead td.fc-today::before { margin: -17px 0 0 -25px;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar table .fc-body thead td .fc-day-number .dot, #calendar .dot { top: 3px; width: 4px; height: 4px;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar table .fc-body thead td .fc-day-number .dot:nth-child(1), #calendar .dot:nth-child(1) { left: 3px;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar table .fc-body thead td .fc-day-number .dot:nth-child(2), #calendar .dot:nth-child(2) { left: 9px;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar table .fc-body thead td .fc-day-number .dot:nth-child(3), #calendar .dot:nth-child(3) { left: 15px;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar table .fc-body thead td .fc-day-number .dot:nth-child(4), #calendar .dot:nth-child(4) { left: 21px;} } @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 .classes_omnibox .classes_box { height: 320px;} .welcome_2.version_1 .classes_omnibox .classes_box.second { margin: 0 0 0 15px;} .welcome_2.version_1 .classes_omnibox .classes_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 .classes_omnibox .classes_box { height: 320px;} .welcome_2.version_1 .classes_omnibox .classes_box.second { margin: 0 0 0 15px;} .welcome_2.version_1 .classes_omnibox .classes_box h3 { font-size: 28px; line-height: 34px;} } @media screen and (max-width: 960px) { .welcome_2.version_1 .classes_omnibox .classes_box ul { padding: 15px 0 8px;} .welcome_2.version_1 .classes_omnibox .classes_box ul li { width: 56px;} .welcome_2.version_1 .classes_omnibox .classes_box ul li a { margin: 0 auto 8px; font-size: 14px; width: 52px; line-height: 29px;} .welcome_2.version_1 .classes_omnibox .classes_box ul li.long { width: 76px;} .welcome_2.version_1 .classes_omnibox .classes_box ul li.long a { width: 52px;} } @media screen and (max-width: 820px) { .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in { flex-direction: column;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box { width: 100%; padding: 40px 0;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .akce_box { width: 100%; box-sizing: border-box; padding-left: 15px; padding-top: 0;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .akce_box .no_future_actions { font-size: 16px; line-height: 28px; padding: 0 0 20px; margin: 0; text-align: center;} .welcome_2.version_1 .inbox .aktuality_box .aktuality_list.aktuality_response { display: flex; flex-direction: column; max-width: 400px; margin: 0 auto;} .welcome_2.version_1 .inbox .aktuality_box .aktuality_list.aktuality_response .item { margin-left: 0;} .welcome_2.version_1 .inbox .aktuality_box .aktuality_list.aktuality_response .item:nth-child(2) { display: none;} } @media screen and (max-width: 768px) { .welcome_2.version_1 .class_omnibox { gap: 15px;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box { padding: 40px 0;} .welcome_2.version_1 .calendar_box #calendar table .fc-body thead td .fc-day-number, .welcome_2.version_1 .calendar_box #calendar table .fc-body thead td .event-fc-day-number { font-size: 12px;} .welcome_2.version_1 .online .no_sliders .box { position: relative;} } @media screen and (max-width: 767px) { .welcome_2.version_1 .calendar_box { display: block; margin: 0 auto 15px; height: 361px; width: 320px;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar table .fc-body thead td.event::before, .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar table .fc-body thead td.fc-today::before { width: 40px; height: 30px; margin: -15px 0 0 -20px;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar table .fc-body thead td .fc-day-number, .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar table .fc-body thead td .event-fc-day-number { width: 40px; height: 30px;} .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 .classes_omnibox .classes_box { width: 100%; height: initial; height: auto; display: block; padding: 30px 0;} .welcome_2.version_1 .classes_omnibox .classes_box .centering { display: block;} .welcome_2.version_1 .classes_omnibox .classes_box.second { margin: 15px 0 0 0;} .welcome_2.version_1 .classes_omnibox .classes_box h3 { font-size: 28px; line-height: 34px;} .welcome_2.version_1 .classes_omnibox .classes_box ul { padding: 20px 0 0;} .welcome_2.version_1 .classes_omnibox .classes_box ul li { width: 48px;} .welcome_2.version_1 .classes_omnibox .classes_box ul li a { width: 44px; line-height: 25px;} .welcome_2.version_1 .classes_omnibox .classes_box .link { margin: 10px 0 0;} } @media screen and (max-width: 500px) { .welcome_2.version_1 .inbox h2 { margin: 0 0 20px;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box { padding: 40px 0 25px;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar { width: 100% !important;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar table .fc-body thead td .fc-day-number, .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar table .fc-body thead td .event-fc-day-number { width: 34px;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar table .fc-body thead td.event::before, .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar table .fc-body thead td.fc-today::before { width: 34px; margin: -15px 0 0 -17px;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .akce_box { padding: 0 10px 20px;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .akce_box .no_future_actions { padding: 0; font-size: 15px; line-height: 24px;} /* .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar table .fc-body thead td.event::before, .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar table .fc-body thead td.fc-today::before { width: 30px; margin: -15px 0 0 -15px;} .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar table .fc-body thead td .fc-day-number, .welcome_2.version_1 .inbox .calandar_akce_inbox .calandar_akce_inbox_in .calendar_box #calendar table .fc-body thead td .event-fc-day-number { width: 30px;} */ } @media screen and (max-width: 320px) { .welcome_2.version_1 .calendar_box { width: 100%;} } .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: #bde1cd;} .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: 400; 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_omnibox { display: flex; justify-content: center; flex-wrap: wrap; gap: 20px;} .welcome_2.version_2 .classes_omnibox .classes_box { min-height: 250px; background: #f3f3f3; text-align: center; display: inline-block; vertical-align: top; width: calc(50% - 10px); max-width: 400px; } .welcome_2.version_2 .classes_omnibox .classes_box:only-child { min-height: initial !important; min-height: auto !important; } .welcome_2.version_2 .classes_omnibox .classes_box.min_height{ min-height: 284px;} .welcome_2.version_2 .classes_omnibox .classes_box h3 { background: #bde1cd; text-align: center; margin: 0; padding: 18px 0; font-size: 26px; line-height: 38px; font-weight: 400; font-family: open_sansbold, sans-serif, Arial; text-transform: uppercase; color: #ffffff} .welcome_2.version_2 .classes_omnibox .classes_box.special_class h3 { background: #acd0bc;} .welcome_2.version_2 .classes_omnibox .classes_box ul { display: inline-block; vertical-align: middle; margin: 0; padding: 30px 0 0;} .welcome_2.version_2 .classes_omnibox .classes_box:only-child ul { padding: 30px 0;} .welcome_2.version_2 .classes_omnibox .classes_box ul li { display: inline-block; vertical-align: top; width: 70px;} .welcome_2.version_2 .classes_omnibox .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_omnibox .classes_box ul li a:hover, .welcome_2.version_2 .classes_box ul li a:focus { background: #bde1cd; color: #fff; } .welcome_2.version_2 .classes_omnibox .classes_box ul li.ms_class { width: auto;} .welcome_2.version_2 .classes_omnibox .classes_box ul li.ms_class a { padding: 0 8px; margin: 0 3px 6px; width: auto;} .welcome_2.version_2 .classes_omnibox .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_omnibox .classes_box .link:hover, .welcome_2.version_2 .classes_box .link:focus { color: #bde1cd} .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 * { height: initial; height: auto; } .welcome_2.version_2 .action_full .img .action_slider .item .box .centering .title { font-size: 16px; line-height: 22px; color: #fff; font-weight: 400; 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, .main_top .main_slider.owl-carousel .owl-controls .owl-pagination .owl-page:focus span { background: #bde1cd; border: 1px solid #bde1cd;} .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: 400; 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: 400; 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, .welcome_2.version_2 .action_full:focus .closest_action .item .title { color: #bde1cd} .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, .welcome_2.version_2 .action_full .closest_action .item:focus .link { color: #bde1cd;} .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_omnibox .classes_box h3 { font-size: 22px; line-height: 32px;} .welcome_2.version_2 .classes_omnibox .classes_box ul li { width: 56px;} .welcome_2.version_2 .classes_omnibox .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_omnibox .classes_box { width: 100%; display: block; padding: 0; margin: 0 auto;} .welcome_2.version_2 .classes_omnibox .classes_box h3 { font-size: 22px; line-height: 32px;} .welcome_2.version_2 .classes_omnibox .classes_box ul li { width: 48px;} .welcome_2.version_2 .classes_omnibox .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_2.version_3 { text-align: center; background: #fff; padding: 60px 0;} .welcome_2.version_3 .online_full { margin-top: 45px; padding: 40px 0; display: block; width: 100%; background: #bde1cd;} .welcome_2.version_3 .online_full .text { display: inline-block; vertical-align: middle; width: calc(100% - 260px); padding: 0 40px 0 0;} .welcome_2.version_3 .online_full .text p { font-size: 30px; line-height: 34px; color: #fff; font-weight: 400; font-family: open_sansbold, sans-serif, Arial; margin: 0; text-align: left; text-transform: uppercase; } .welcome_2.version_3 .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_3 .classes_omnibox { display: flex; justify-content: center; flex-wrap: wrap; gap: 20px;} .welcome_2.version_3 .classes_omnibox .classes_box { min-height: 250px; background: #f3f3f3; text-align: center; display: inline-block; vertical-align: top; margin: 0; width: calc(50% - 10px); max-width: 400px; } .welcome_2.version_3 .classes_omnibox .classes_box:only-child { min-height: initial !important; min-height: auto !important; } .welcome_2.version_3 .classes_omnibox .classes_box.min_height{ min-height: 284px;} .welcome_2.version_3 .classes_omnibox .classes_box h3 { background: #bde1cd; text-align: center; margin: 0; padding: 18px 0; font-size: 26px; line-height: 38px; font-weight: 400; font-family: open_sansbold, sans-serif, Arial; text-transform: uppercase; color: #ffffff} .welcome_2.version_3 .classes_omnibox .classes_box.special_class h3 { background: #acd0bc;} .welcome_2.version_3 .classes_omnibox .classes_box ul { display: inline-block; vertical-align: middle; margin: 0; padding: 30px 0 0;} .welcome_2.version_3 .classes_omnibox .classes_box:only-child ul { padding: 30px 0;} .welcome_2.version_3 .classes_omnibox .classes_box ul li { display: inline-block; vertical-align: top; width: 70px;} .welcome_2.version_3 .classes_omnibox .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_3 .classes_omnibox .classes_box ul li a:hover, .welcome_2.version_3 .classes_omnibox .classes_box ul li a:focus { background: #bde1cd; color: #fff; } .welcome_2.version_3 .classes_omnibox .classes_box ul li.ms_class { width: auto;} .welcome_2.version_3 .classes_omnibox .classes_box ul li.ms_class a { padding: 0 8px; width: auto;} .welcome_2.version_3 .classes_omnibox .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_3 .classes_omnibox .classes_box .link:hover, .welcome_2.version_3 .classes_omnibox .classes_box .link:focus { color: #bde1cd} @media screen and (max-width: 1280px) { .welcome_2.version_3 .action_full .img { display: none;} .welcome_2.version_3 .action_full .closest_action { margin: 0; width: calc(100% - 460px - 100px - 5px); } } @media screen and (max-width: 1024px) { .welcome_2.version_3 .classes_omnibox .classes_box h3 { font-size: 22px; line-height: 32px;} .welcome_2.version_3 .classes_omnibox .classes_box ul li { width: 56px;} .welcome_2.version_3 .classes_omnibox .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_3 .online_full { margin-top: 35px;} .welcome_2.version_3 .online_full .text { display: block; width: 100%; padding: 0;} .welcome_2.version_3 .online_full .text p { font-size: 22px; line-height: 28px; text-align: center; margin: 0 0 20px; } .welcome_2.version_3 .online_full .text p span { text-align: center; } .welcome_2.version_3 .classes_omnibox .classes_box { width: 100%; display: block; padding: 0; margin: 0 auto;} .welcome_2.version_3 .classes_omnibox .classes_box h3 { font-size: 22px; line-height: 32px;} .welcome_2.version_3 .classes_omnibox .classes_box ul li { width: 48px;} .welcome_2.version_3 .classes_omnibox .classes_box ul li a { width: 44px; line-height: 25px;} } .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: #bde1cd} .welcome_3.version_1 .gallery_slider { position: relative; opacity: 0; background: #fff; 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: #bde1cd; -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, .welcome_3.version_1 .gallery_slider .item:focus::before{ opacity: 0.90; left: 0; top: 0; right: 0; bottom: 0;} .notouch .welcome_3.version_1 .gallery_slider .item:hover::after, .welcome_3.version_1 .gallery_slider .item:focus::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 #bde1cd; background: #bde1cd; 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 #bde1cd; background: #bde1cd; 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, .welcome_3.version_1 .gallery_slider.owl-carousel .owl-controls .owl-buttons .owl-prev:focus, .welcome_3.version_1 .gallery_slider.owl-carousel .owl-controls .owl-buttons .owl-next:focus { 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, .welcome_3.version_1 .gallery_slider.owl-carousel .owl-controls .owl-buttons .owl-prev:focus::before, .welcome_3.version_1 .gallery_slider.owl-carousel .owl-controls .owl-buttons .owl-next:focus::before { color: #bde1cd} @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;} } @media screen and (max-width: 600px) { .notouch .welcome_3.version_1 .gallery_slider .item:hover::after, .welcome_3.version_1 .gallery_slider .item:focus::after { background-size: 40px 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: #bde1cd} .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: #bde1cd; 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, .notouch .welcome_3.version_2 .gallery_preview .item:focus::before { opacity: 0.7;} .notouch .welcome_3.version_2 .gallery_preview .item:hover::after, .notouch .welcome_3.version_2 .gallery_preview .item:focus::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;} } @media screen and (max-width: 600px) { .welcome_3.version_2 .gallery_preview .item::after { background-size: 40px 40px;} } .welcome_info { display: flex; justify-content: center; padding: 60px 0; border-top: 1px solid #f0f0f0;} .welcome_info .inside_middle { display: flex;} .welcome_info h2 { margin: 0; color: #fff; font-size: 26px;line-height: 32px;text-transform: uppercase;max-width: 300px;text-align: center;margin: 0 auto;} .welcome_info .img { flex-grow: 1;height: 100%;background-size: cover;background-position: center;display: block;} .welcome_info .inbox { background-color: #bde1cd; padding: 40px 80px 60px; box-sizing: border-box; max-width: 630px; width: 90%;} .welcome_info .inbox p { color: #fff; font-size: 15px; line-height: 22px; margin: 5px 0 0;} .welcome_info .inbox p:nth-child(1) { margin: 0;} .welcome_info .inbox p.row { display: flex; justify-content: space-between;} .welcome_info .inbox .upper_box .open_hours_in { margin-top: 45px;} .welcome_info .inbox .upper_box .open_hours_in p.row strong { display: inline-block; font-weight: 600; text-transform: uppercase; width: 100px;} .welcome_info .inbox .other_info { display: block; padding: 20px 0 0; margin: 20px 0 0; border-top: 1px solid #fff;} .welcome_info .inbox .other_info a { text-decoration: underline;} .welcome_info .inbox .other_info a:hover, .welcome_info .inbox .other_info a:focus { text-decoration: none;} .welcome_info .inbox .go_form_box { display: flex; align-items: center; margin: 20px 0 0; padding: 20px 0 0; border-top: 1px solid #fff;} .welcome_info .inbox .go_form_box .icon { width: 50px; height: 50px; background: url(../img/mail_icon_white.svg) no-repeat scroll center center;} .welcome_info .inbox .go_form_box .text { color: #fff; font-weight: 700; font-size: 16px; line-height: 22px; text-decoration: underline; text-transform: uppercase; padding-left: 20px; box-sizing: border-box;} .welcome_info .inbox .go_form_box:hover .text, .welcome_info .inbox .go_form_box:focus .text { text-decoration: none;} @media screen and (max-width: 1440px) { .welcome_info h2 { font-size: 22px; line-height: 28px;} .welcome_info .inbox { padding: 30px 50px 40px;} } @media screen and (max-width: 950px) { .welcome_info .img { display: none;} .welcome_info .inbox { margin: 0 auto;} } @media screen and (max-width: 500px) { .welcome_info h2 { max-width: 200px; font-size: 18px; line-height: 24px;} .welcome_info .inbox { padding: 30px 20px 40px;} .welcome_info .inbox .upper_box .open_hours_in { margin-top: 30px;} .welcome_info .inbox .upper_box .open_hours_in p.row strong { width: 60px;} .welcome_info .inbox .go_form_box .icon { width: 40px; height: 40px;} } @media screen and (max-width: 350px) { .welcome_info .inbox .upper_box .open_hours_in { margin-top: 25px;} .welcome_info .inbox p { margin: 10px 0 0;} .welcome_info .inbox p.row { flex-direction: column;} } .sub .content_3 .welcome_info { padding: 60px 0 0; border-top: 0; max-width: 700px; width: 100%; margin: 0 auto;} .sub .welcome_info { display: flex; justify-content: center; padding: 0;} .sub .welcome_info h2 { margin: 0; color: #fff; font-size: 20px;line-height: 30px;text-transform: uppercase;max-width: 200px;text-align: center;margin: 0 auto;} .sub .welcome_info .inbox { background-color: #bde1cd; padding: 25px 30px 35px; box-sizing: border-box; max-width: unset; width: 100%;} .sub .welcome_info .inbox p { color: #fff; font-size: 14px; line-height: 20px; margin: 5px 0 0;} .sub .welcome_info .inbox p:nth-child(1) { margin: 0;} .sub .welcome_info .inbox p.row { display: flex; justify-content: space-between;} .sub .welcome_info .inbox .upper_box .open_hours_in { margin-top: 26px;} .sub .welcome_info .inbox .upper_box .open_hours_in p.row strong { display: inline-block; font-weight: 600; text-transform: uppercase; width: 100px;} .sub .welcome_info .inbox .other_info { display: block; padding: 20px 0 0; margin: 20px 0 0; border-top: 1px solid #fff;} .sub .welcome_info .inbox .other_info a { text-decoration: underline;} .sub .welcome_info .inbox .other_info a:hover { text-decoration: none;} .sub .welcome_info .inbox .go_form_box { display: flex; align-items: center; margin: 20px 0 0; padding: 20px 0 0; border-top: 1px solid #fff;} .sub .welcome_info .inbox .go_form_box .icon { width: 44px; height: 44px; background: url(../img/mail_icon_white.svg) no-repeat scroll center center;} .sub .welcome_info .inbox .go_form_box .text { color: #fff; font-weight: 700; font-size: 15px; line-height: 22px; text-decoration: underline; text-transform: uppercase; padding-left: 20px; box-sizing: border-box;} .sub .welcome_info .inbox .go_form_box:hover .text { text-decoration: none;} @media screen and (max-width: 500px) { .sub .welcome_info h2 { max-width: 200px; font-size: 18px; line-height: 24px;} .sub .welcome_info .inbox { padding: 30px 20px 40px;} .sub .welcome_info .inbox .upper_box .open_hours_in { margin-top: 30px;} .sub .welcome_info .inbox .upper_box .open_hours_in p.row strong { width: 60px;} .sub .welcome_info .inbox .go_form_box .icon { width: 40px; height: 40px;} } .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: #bde1cd} .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;} .welcome_4.version_1 .partner_slider .item:focus { outline: 1px solid #f9d05b;} .welcome_4 .partner_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_4 .partner_slider.owl-carousel .owl-controls .owl-buttons .owl-prev { border: 1px solid #bde1cd; background: #bde1cd; cursor: pointer; position:absolute; width: 52px; height: 52px; left: -27px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_4 .partner_slider.owl-carousel .owl-controls .owl-buttons .owl-next { border: 1px solid #bde1cd; background: #bde1cd; cursor: pointer; position:absolute; width: 52px; height: 52px; right: -27px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_4 .partner_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_4 .partner_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_4 .partner_slider.owl-carousel .owl-controls .owl-buttons .owl-prev:hover, .notouch .welcome_4 .partner_slider.owl-carousel .owl-controls .owl-buttons .owl-next:hover, .welcome_4 .partner_slider.owl-carousel .owl-controls .owl-buttons .owl-prev:focus, .welcome_4 .partner_slider.owl-carousel .owl-controls .owl-buttons .owl-next:focus { background: #ffffff;} .notouch .welcome_4 .partner_slider.owl-carousel .owl-controls .owl-buttons .owl-prev:hover::before, .notouch .welcome_4 .partner_slider.owl-carousel .owl-controls .owl-buttons .owl-next:hover::before, .welcome_4 .partner_slider.owl-carousel .owl-controls .owl-buttons .owl-prev:focus::before, .welcome_4 .partner_slider.owl-carousel .owl-controls .owl-buttons .owl-next:focus::before { color: #bde1cd} .welcome_4.version_1 .flex_row_center { display: flex; justify-content: center; margin: 30px 0 0;} @media screen and (max-width: 1280px) { .welcome_4.version_1 h2 { padding: 0;} } @media screen and (max-width: 767px) { .welcome_4 .partner_slider.owl-carousel .owl-controls { margin-top: -21px;} .welcome_4 .partner_slider.owl-carousel .owl-controls .owl-buttons .owl-prev { width: 42px; height: 42px; left: -10px;} .welcome_4 .partner_slider.owl-carousel .owl-controls .owl-buttons .owl-next { width: 42px; height: 42px; right: -10px;} .welcome_4 .partner_slider.owl-carousel .owl-controls .owl-buttons .owl-prev::before, .welcome_4 .partner_slider.owl-carousel .owl-controls .owl-buttons .owl-next::before { width: 42px; height: 42px; line-height: 34px; font-size: 40px;} } @media screen and (max-width: 500px) { .welcome_4.version_1 { padding: 40px 0;} } .welcome_4.version_2 { padding: 60px 0; width: 100%; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; position: relative; background: #fff;} .welcome_4.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: #bde1cd} .welcome_4.version_2 .inbox { display: flex; flex-wrap: wrap; justify-content: center; gap: 40px; max-width: 1620px; width: 90%; margin: 20px auto 0;} .welcome_4.version_2 .inbox .item { position: relative; margin-top: 20px; width: calc(20% - ((40px * 4)/5)); height: 100px; display: flex; align-items: center; justify-content: flex-start; background-attachment: local; background-repeat: no-repeat; background-position: center center; -webkit-background-size: contain; background-size: contain;} .welcome_4.version_2 .inbox .item:nth-child(-n + 5) { margin-top: 0;} .welcome_4.version_2 .inbox .item img { max-width: 100%; max-height: 100%;} .welcome_4.version_2 .flex_row_center { display: flex; justify-content: center; margin: 30px 0 0;} @media screen and (max-width: 1280px) { .welcome_4.version_2 h2 { padding: 0;} } @media screen and (max-width: 1100px) { .welcome_4.version_2 .inbox .item { width: calc(25% - ((20px * 3)/4)); margin-top: 10px; margin-right: 20px;} .welcome_4.version_2 .inbox .item:nth-child(-n + 5) { margin-top: 20px;} .welcome_4.version_2 .inbox .item:nth-child(-n + 4) { margin-top: 0;} .welcome_4.version_2 .inbox .item:nth-child(5n) { margin-right: 20px;} .welcome_4.version_2 .inbox .item:nth-child(4n) { margin-right: 0;} } @media screen and (max-width: 650px) { .welcome_4.version_2 .inbox .item { width: calc(33.33% - ((20px * 2)/3)); margin-top: 5px;} .welcome_4.version_2 .inbox .item:nth-child(-n + 4) { margin-top: 20px;} .welcome_4.version_2 .inbox .item:nth-child(-n + 3) { margin-top: 0;} .welcome_4.version_2 .inbox .item:nth-child(4n) { margin-right: 20px;} .welcome_4.version_2 .inbox .item:nth-child(3n) { margin-right: 0;} } @media screen and (max-width: 500px) { .welcome_4.version_2 { padding: 35px 0;} .welcome_4.version_2 .inbox { margin: 10px auto 0; gap: 10px;} .welcome_4.version_2 .inbox .item { width: calc(50% - ((20px * 1)/2)); height: 60px;} .welcome_4.version_2 .inbox .item:nth-child(-n + 3) { margin-top: 20px;} .welcome_4.version_2 .inbox .item:nth-child(-n + 2) { margin-top: 0;} .welcome_4.version_2 .inbox .item:nth-child(3n) { margin-right: 20px;} .welcome_4.version_2 .inbox .item:nth-child(2n) { margin-right: 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: 400; 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.mail a:hover, .detail .main_text p.mail a:focus { text-decoration: none;} .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: 400; 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, .week_plan .print a:focus { color: #bde1cd;} .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;} .notouch .week_plan .arrows .prev:hover, .notouch .week_plan .arrows .next:hover, .week_plan .arrows .prev:focus, .week_plan .arrows .next:focus { color: #bde1cd;} .notouch .week_plan .arrows .prev:hover::after, .notouch .week_plan .arrows .next:hover::after, .week_plan .arrows .prev:focus::after, .week_plan .arrows .next:focus::after { color: #bde1cd;} .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 #3e3e3e; 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, .schedule a.prolink:focus{ color: #bde1cd;} .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 #3e3e3e;} .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 #3e3e3e; 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; display: flex; flex-wrap: wrap;} .action_plan .item { width: calc(33.33% - 40px / 3); 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: 400; 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: 400; 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, .action_plan .item:focus .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: 400; 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, .gallery_plan .item:focus .text .title { color: #000000} .notouch .gallery_plan .item:hover, .gallery_plan .item:focus { border: 1px solid #dbdbdb;} .notouch .gallery_plan .item:hover .text, .gallery_plan .item:focus .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: 400; 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: 400; font-family: open_sansbold, sans-serif, Arial;} .notouch .employee_detail .text p a:hover, .employee_detail .text p a:focus { color: #bde1cd;} .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%;} } .obce_aside #calendar .fc-day-grid-container { height: 278px !important;} .obce_aside #calendar table .fc-body thead td .fc-day-number, .obce_aside #calendar table .fc-body thead td .event-fc-day-number { border: 1px solid #c0c0c0;} .obce_aside #calendar table .fc-body thead td .fc-day-number .dot, .obce_aside #calendar .dot { top: 2px;} .obce_aside #calendar table .fc-body thead td .fc-day-number .dot:nth-child(1), .obce_aside #calendar .dot:nth-child(1) { left: 3px;} .obce_aside #calendar table .fc-body thead td .fc-day-number .dot:nth-child(2), .obce_aside #calendar .dot:nth-child(2) { left: 11px;} .obce_aside #calendar table .fc-body thead td .fc-day-number .dot:nth-child(3), .obce_aside #calendar .dot:nth-child(3) { left: 19px;} .obce_aside #calendar table .fc-body thead td .fc-day-number .dot:nth-child(4), .obce_aside #calendar .dot:nth-child(4) { left: 27px;} .notouch .obce_aside #calendar table .fc-body td.fc-state-highlight.fc-today .fc-day-number:hover, .obce_aside #calendar table .fc-body td.fc-state-highlight.fc-today.active .fc-day-number { color: #fff !important; background-color: #bde1cd !important;} .obce_aside #calendar table .fc-body thead td .fc-day-number, .obce_aside #calendar table .fc-body thead td .event-fc-day-number { line-height: 34px;} .obce_aside #calendar table .fc-body thead td.event::before, .obce_aside #calendar table .fc-body thead td.fc-today::before { height: 35px; margin: -18px 0 0 -20px;} @media screen and (max-width: 1280px) { .obce_aside #calendar .fc-day-grid-container { height: 250px !important;} .obce_aside #calendar table .fc-body thead td.event::before, .obce_aside #calendar table .fc-body thead td.fc-today::before { margin: -18px 0 0 -17px;} } @media screen and (max-width: 767px) { .obce_aside #calendar .fc-day-grid-container { height: 220px !important;} .obce_aside #calendar table .fc-body thead td .fc-day-number, .obce_aside #calendar table .fc-body thead td .event-fc-day-number { line-height: 30px;} .obce_aside #calendar table .fc-body thead td.event::before, .obce_aside #calendar table .fc-body thead td.fc-today::before { height: 31px; margin: -16px 0 0 -15px;} } #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:transparent; 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: #bde1cd; -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: transparent; 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: #bde1cd; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch #calendar .fc-toolbar .fc-center button.fc-prev-button:hover::before, #calendar .fc-toolbar .fc-center button.fc-prev-button:focus::before { color: #fff; background: #bde1cd } .notouch #calendar .fc-toolbar .fc-center button.fc-next-button:hover::before, #calendar .fc-toolbar .fc-center button.fc-next-button:focus::before { color: #fff; background: #bde1cd } #calendar .fc-toolbar .fc-center p { text-transform: uppercase; width: calc(100% - 60px); font-size: 22px; font-weight: 400; font-family: open_sansbold, sans-serif, Arial; color: #bde1cd; 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: 400; 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.fc-today:not(.event) { cursor: default;} #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, #calendar table .fc-body thead td:focus::before { z-index: 10; opacity: 1 !important; background: #bde1cd !important;} #calendar table .fc-body thead td.fc-today::before { border-radius: 50%; z-index: 10; opacity: 1 !important; background: #888888 !important;} #calendar table .fc-body thead td.fc-today:not(.event)::before { background: #bde1cd !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;} } @media screen and (max-width: 500px) { #calendar table .fc-body thead td .fc-day-number, #calendar table .fc-body thead td .event-fc-day-number { font-size: 12px;} } .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;} .content_2 .aside.switch_sides { display: flex; flex-direction: column-reverse;} .aside .box { position: relative; background: #f2f2f2; padding: 0; margin: 20px 0 0;} .aside .box:first-child { padding: 0 0 20px; margin: 0;} .aside .box h2 { text-align: center; margin: 0; padding: 25px 0 20px; font-size: 26px; line-height: 32px; font-weight: 900; text-transform: uppercase; color: #bde1cd} .aside.switch_sides .box { margin: 0;} .sub .aside.switch_sides .welcome_info { margin: 20px 0 0;} .aside.obce_aside .box:nth-child(2) { padding: 0 0 20px;} .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: 400; 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: 400; 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; padding: 0;} .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 .item_in { width: 100%; background-size: cover; height: 100%; background-position: center; position: absolute;} .aside .aside_slider.version_3 .item a:focus { outline: 1px solid #f9d05b;} .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: 1;} .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: 400; 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:not(.obce_aside) { display: none;} .c_column { width: 100% !important} .aside.obce_aside { display: flex; flex-direction: row !important; width: 100% !important; margin-top: 30px;} .aside.obce_aside .welcome_info { width: 50% !important; margin-top: 0 !important;} .aside.obce_aside .box { width: 50% !important; margin-top: 0 !important;} } @media screen and (max-width: 750px) { .aside.obce_aside { flex-direction: column !important;} .aside.obce_aside .welcome_info { width: 100% !important; margin-top: 0 !important;} .aside.obce_aside .box { width: 100% !important; margin-top: 20px !important;} .aside.obce_aside.switch_sides { flex-direction: column-reverse !important;} .aside.obce_aside.switch_sides .welcome_info { margin-top: 20px !important;} .aside.obce_aside.switch_sides .box { margin-top: 0 !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; vertical-align: middle; } 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.cust::before { background: url(../img/social_cust_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;} ul.social li a.cust::after { background: url(../img/social_cust_icon_hover.svg) no-repeat scroll center center; background-size: 26px 26px;} .notouch ul.social li a:hover, ul.social li a:focus { background: #bde1cd;} .notouch ul.social li a:hover::before, ul.social li a:focus::before { opacity: 0;} .notouch ul.social li a:hover::after, ul.social li a:focus::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: #bde1cd;} 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, header ul.social li a:focus { background: #ffffff;} .notouch header ul.social li a:hover::before, header ul.social li a:focus::before { opacity: 1;} .notouch header ul.social li a:hover::after, header ul.social li a:focus::after { opacity: 0;} @media screen and (max-width: 1500px) { header ul.social { padding: 0;} ul.social { padding: 20px 5%;} } footer.footer_1 { padding: 60px 0 0; border-right: 1px solid #f0f0f0; background: #fff; position: relative;} footer.footer_1.padding { padding: 0;} footer.footer_1 ul.social { margin-bottom: 60px;} 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 .title { font-size: 16px; line-height: 20px; color: #bde1cd; 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, footer.footer_1 .text a:focus { color: #bde1cd;} footer.footer_1 .text ul { margin: 0; padding: 0;} footer.footer_1 .text ul li { display: block; list-style: none; position: relative; margin: 0 0 3px;} footer.footer_1 .text ul li 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 ul li a:hover, footer.footer_1 .text ul li.active a, footer.footer_1 .text ul li a:focus { color: #bde1cd;} footer.footer_1 .form .title { font-size: 16px; line-height: 20px; color: #bde1cd; 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 label{ line-height: 0; font-size: 0; display: block;} 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 #bde1cd;} footer.footer_1 .form form .gdpr_text { display: block; margin: 0; padding: 9px 0 8px; float: left; font-size: 12px; line-height: 16px; 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: 12px; line-height: 16px; color: #bde1cd; 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, footer.footer_1 .form form .gdpr_text a:focus{ 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: 40px 0 0;} footer.footer_1 ul.social{ margin-bottom: 40px;} 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: 60px 0 0; border-right: 1px solid #f0f0f0; background: #bde1cd; position: relative;} footer.footer_2.padding { padding: 0;} footer.footer_2 ul.social { margin-bottom: 60px;} 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, footer.footer_2 .text a:focus { text-decoration: none;} footer.footer_2 .text ul { margin: 0; padding: 0;} footer.footer_2 .text ul li { display: block; list-style: none; position: relative; margin: 0 0 3px;} footer.footer_2 .text ul li 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 ul li a:hover, footer.footer_2 .text ul li.active a, footer.footer_2 .text ul li a:focus { text-decoration: none;} footer.footer_2 .form .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 label { line-height: 0; font-size: 0; display: block;} 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: 12px; line-height: 16px; color: #ffffff; font-weight: 400;} footer.footer_2 .form form .gdpr_text a{ font-size: 12px; line-height: 16px; 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, footer.footer_2 .form form .gdpr_text a:focus{ 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: 40px 0 0;} footer.footer_2 ul.social{ margin-bottom: 40px;} 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; border-right: 1px solid #f0f0f0;} footer.footer_3 .mapa { position: absolute; left: 0; top: 0; bottom: 0; width: 50%; border-right: 1px solid #f0f0f0; display: flex; justify-content: center; align-items: center;} footer.footer_3 .mapa .mapa_inbox { position: relative; z-index: 99;} footer.footer_3 .mapa .mapa_inbox::before { content: ''; width: 240px; height: 240px; background-color: #bde1cd; position: absolute; right: -13px; top: -13px; z-index: -1;} footer.footer_3 .mapa .mapa_inbox::after { content: ''; width: 240px; height: 240px; background-color: #bde1cd; position: absolute; right: -13px; bottom: -13px; z-index: -1;} footer.footer_3 .mapa .mapa_inbox .static_map { display: block;} footer.footer_3 .mapa .mapa_inbox .static_map img { 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 .title { font-size: 16px; line-height: 20px; color: #bde1cd; 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, footer.footer_3 .box .text a:focus { color: #bde1cd;} footer.footer_3 .box .text ul { margin: 0; padding: 0;} footer.footer_3 .box .text ul li { display: block; list-style: none; position: relative; margin: 0 0 3px;} footer.footer_3 .box .text ul li 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 ul li a:hover, footer.footer_3 .box .text ul li.active a, footer.footer_3 .box .text ul li a:focus { color: #bde1cd;} footer.footer_3 .form .title { font-size: 16px; line-height: 20px; color: #bde1cd; 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 label { line-height: 0; font-size: 0; display: block;} 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 #bde1cd;} footer.footer_3 .form form .gdpr_text { display: block; margin: 0; padding: 9px 0 8px; float: left; font-size: 12px; line-height: 16px; 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: 12px; line-height: 16px; color: #bde1cd; 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, footer.footer_3 .form form .gdpr_text a:focus{ text-decoration: none;} @media screen and (max-width: 1600px) { footer.footer_3 .mapa { padding: 0 75px; box-sizing: border-box;} footer.footer_3 .mapa .mapa_inbox::before { width: 190px; height: 190px; right: -11px; top: -11px;} footer.footer_3 .mapa .mapa_inbox::after { width: 190px; height: 190px; right: -11px; bottom: -11px;} } @media screen and (max-width: 1200px) { footer.footer_3 .mapa { width: 100%; padding: 0; top: auto; bottom: 60px; height: 260px;} footer.footer_3 .mapa .mapa_inbox { width: 100%; max-width: 640px;} footer.footer_3 .mapa .mapa_inbox::before { width: 160px; height: 160px;} footer.footer_3 .mapa .mapa_inbox::after { display: none;} footer.footer_3 .mapa .mapa_inbox .static_map { height: 260px;} footer.footer_3 .mapa .mapa_inbox .static_map img { object-fit: cover;} footer.footer_3 .box { width: 90%; padding: 60px 5% 400px 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;} } @media screen and (max-width: 700px) { footer.footer_3 .box { padding: 60px 5% 300px 5%;} footer.footer_3 .mapa { bottom: 0;} footer.footer_3 .mapa .mapa_inbox { width: 100%;} footer.footer_3 .mapa .mapa_inbox::before { display: none;} } footer.footer_4 { padding: 0; position: relative;} footer.footer_4 .mapa { background-color: #fff; position: absolute; left: 0; top: 0; bottom: 0; width: 50%; border-right: 1px solid #f0f0f0; display: flex; justify-content: center; align-items: center;} footer.footer_4 .mapa .mapa_inbox { position: relative; z-index: 99;} footer.footer_4 .mapa .mapa_inbox::before { content: ''; width: 240px; height: 240px; background-color: #bde1cd; position: absolute; right: -13px; top: -13px; z-index: -1;} footer.footer_4 .mapa .mapa_inbox::after { content: ''; width: 240px; height: 240px; background-color: #bde1cd; position: absolute; right: -13px; bottom: -13px; z-index: -1;} footer.footer_4 .mapa .mapa_inbox .static_map { display: block;} footer.footer_4 .mapa .mapa_inbox .static_map img { 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%; background-color: #bde1cd; 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 .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, footer.footer_4 .box .text a:focus { text-decoration: none;} footer.footer_4 .box .text ul { margin: 0; padding: 0;} footer.footer_4 .box .text ul li { display: block; list-style: none; position: relative; margin: 0 0 3px;} footer.footer_4 .box .text ul li 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 ul li a:hover, footer.footer_4 .box .text ul li.active a, footer.footer_4 .box .text ul li a:focus { text-decoration: none;} footer.footer_4 .form .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 label { line-height: 0; font-size: 0; display: block;} 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: 12px; line-height: 16px; color: #ffffff; font-weight: 400;} footer.footer_4 .form form .gdpr_text a{ font-size: 12px; line-height: 16px; 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, footer.footer_4 .form form .gdpr_text a:focus{ text-decoration: none;} @media screen and (max-width: 1600px) { footer.footer_4 .mapa { padding: 0 75px; box-sizing: border-box;} footer.footer_4 .mapa .mapa_inbox::before { width: 190px; height: 190px; right: -11px; top: -11px;} footer.footer_4 .mapa .mapa_inbox::after { width: 190px; height: 190px; right: -11px; bottom: -11px;} } @media screen and (max-width: 1200px) { footer.footer_4 .mapa { width: 100%; border-right: 0; padding: 0; top: auto; bottom: 60px; height: 260px; background-color: #bde1cd;} footer.footer_4 .mapa .mapa_inbox { width: 100%; max-width: 640px;} footer.footer_4 .mapa .mapa_inbox::before { display: none;} footer.footer_4 .mapa .mapa_inbox::after { display: none;} footer.footer_4 .mapa .mapa_inbox .static_map { height: 260px;} footer.footer_4 .mapa .mapa_inbox .static_map img { object-fit: cover;} footer.footer_4 .mapa .btn{ left: 1px; bottom: 1px;} footer.footer_4 .box { width: 90%; padding: 60px 5% 400px 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;} } @media screen and (max-width: 700px) { footer.footer_4 .box { padding: 60px 5% 300px 5%;} footer.footer_4 .mapa { bottom: 0;} footer.footer_4 .mapa .mapa_inbox { width: 100%;} footer.footer_4 .mapa .mapa_inbox::before { display: none;} footer.footer_4 .mapa .mapa_inbox::after { display: none;} footer.footer_4 .mapa .btn { left: 0; bottom: 0;} } footer.footer_5 { padding: 0; background: #fff; position: relative;} footer.footer_5 .mapa { position: absolute; left: 0; top: 0; bottom: 0; width: 50%; border-right: 1px solid #f0f0f0; display: flex; justify-content: center; align-items: center;} footer.footer_5 .mapa .mapa_inbox { position: relative; z-index: 99; width: 90%; max-width: 640px; height: 310px;} footer.footer_5 .mapa .mapa_inbox::before { content: ''; width: 160px; height: 160px; background-color: #bde1cd; position: absolute; right: -11px; top: -11px; z-index: -1;} footer.footer_5 .mapa .mapa_inbox .static_map { display: block; height: 100%;} footer.footer_5 .mapa .mapa_inbox .static_map img { display: block; width: 100%; height: 100%; object-fit: cover;} footer.footer_5 .mapa .btn { position: absolute; left: 0; bottom: 0; z-index: 999; } footer.footer_5 .box { width: 40%; padding: 60px 5% 60px 55%;} footer.footer_5 .box .text { max-width: 400%; width: 100%; display: inline-block; vertical-align: middle; vertical-align: top; text-align: left; } footer.footer_5 .box .text .title { font-size: 16px; line-height: 20px; color: #bde1cd; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; margin: 0 0 5px; padding: 0; text-transform: uppercase;} footer.footer_5 .box .text p { margin: 0 0 10px; padding: 0; font-size: 14px; line-height: 20px; color: #000000;} footer.footer_5 .box .text p span { font-size: 12px; line-height: 16px; color: #000000; font-style: italic;} footer.footer_5 .box .text p strong { font-size: 14px; line-height: 20px; color: #000000;} footer.footer_5 .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_5 .box .text a:hover, footer.footer_5 .box .text a:focus { color: #bde1cd;} footer.footer_5 .box .text ul { margin: 0; padding: 0;} footer.footer_5 .box .text ul li { display: block; list-style: none; position: relative; margin: 0 0 3px;} footer.footer_5 .box .text ul li a { text-decoration: underline; font-size: 14px; line-height: 20px; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch footer.footer_5 .box .text ul li a:hover, footer.footer_5 .box .text ul li.active a, footer.footer_5 .box .text ul li a:focus { color: #bde1cd;} @media screen and (max-width: 1600px) { footer.footer_5 .mapa { padding: 0 75px; box-sizing: border-box;} } @media screen and (max-width: 1200px) { footer.footer_5 .mapa { width: 100%; padding: 0; top: auto; bottom: 60px; height: 260px;} footer.footer_5 .mapa .mapa_inbox { width: 100%; max-width: 640px; height: 100%;} footer.footer_5 .mapa .mapa_inbox::before { width: 160px; height: 160px;} footer.footer_5 .mapa .mapa_inbox .static_map { height: 260px;} footer.footer_5 .mapa .mapa_inbox .static_map img { object-fit: cover;} footer.footer_5 .box { width: 90%; padding: 60px 5% 400px 5%;} } @media screen and (max-width: 768px) { footer.footer_5 .box .text { text-align: center; } } @media screen and (max-width: 700px) { footer.footer_5 .box { padding: 60px 5% 300px 5%;} footer.footer_5 .mapa { bottom: 0;} footer.footer_5 .mapa .mapa_inbox { width: 100%;} footer.footer_5 .mapa .mapa_inbox::before { display: none;} } footer.footer_6 { padding: 0; position: relative;} footer.footer_6 .mapa { background-color: #fff; position: absolute; left: 0; top: 0; bottom: 0; width: 50%; border-right: 1px solid #f0f0f0; display: flex; justify-content: center; align-items: center;} footer.footer_6 .mapa .mapa_inbox { position: relative; z-index: 99; width: 90%; max-width: 640px; height: 310px;} footer.footer_6 .mapa .mapa_inbox::before { content: ''; width: 160px; height: 160px; background-color: #bde1cd; position: absolute; right: -11px; top: -11px; z-index: -1;} footer.footer_6 .mapa .mapa_inbox .static_map { display: block; height: 100%;} footer.footer_6 .mapa .mapa_inbox .static_map img { display: block; width: 100%; height: 100%; object-fit: cover;} footer.footer_6 .mapa .btn { position: absolute; left: 0; bottom: 0; z-index: 999; } footer.footer_6 .box { width: 40%; background-color: #bde1cd; padding: 60px 5% 60px 55%;} footer.footer_6 .box .text { max-width: 400%; width: 100%; display: inline-block; vertical-align: middle; vertical-align: top; text-align: left; } footer.footer_6 .box .text .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_6 .box .text p { margin: 0 0 10px; padding: 0; font-size: 14px; line-height: 20px; color: #ffffff;} footer.footer_6 .box .text p span { font-size: 12px; line-height: 16px; color: #ffffff; font-style: italic;} footer.footer_6 .box .text p strong { font-size: 14px; line-height: 20px; color: #ffffff;} footer.footer_6 .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_6 .box .text a:hover, footer.footer_6 .box .text a:focus { text-decoration: none;} footer.footer_6 .box .text ul { margin: 0; padding: 0;} footer.footer_6 .box .text ul li { display: block; list-style: none; position: relative; margin: 0 0 3px;} footer.footer_6 .box .text ul li a { text-decoration: underline; font-size: 14px; line-height: 20px; color: #ffffff; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch footer.footer_6 .box .text ul li a:hover, footer.footer_6 .box .text ul li.active a, footer.footer_6 .box .text ul li a:focus { text-decoration: none;} @media screen and (max-width: 1600px) { footer.footer_6 .mapa { padding: 0 75px; box-sizing: border-box;} } @media screen and (max-width: 1200px) { footer.footer_6 .mapa { width: 100%; padding: 0; top: auto; bottom: 60px; border-right: 0; background-color: #bde1cd; height: 260px;} footer.footer_6 .mapa .mapa_inbox { width: 100%; max-width: 640px; height: 100%;} footer.footer_6 .mapa .mapa_inbox .static_map { height: 260px;} footer.footer_6 .mapa .mapa_inbox .static_map img { object-fit: cover;} footer.footer_6 .mapa .btn{ left: 1px; bottom: 1px;} footer.footer_6 .box { width: 90%; padding: 60px 5% 400px 5%;} } @media screen and (max-width: 768px) { footer.footer_6 .box .text { text-align: center; } } @media screen and (max-width: 700px) { footer.footer_6 .box { padding: 60px 5% 300px 5%;} footer.footer_6 .mapa { bottom: 0;} footer.footer_6 .mapa .mapa_inbox { width: 100%;} footer.footer_6 .mapa .mapa_inbox::before { display: none;} footer.footer_6 .mapa .mapa_inbox::after { display: none;} footer.footer_6 .mapa .btn { left: 0; bottom: 0;} } footer .opening_times { display: flex; flex-direction: column; gap: 2px; margin-top: 20px;} footer .opening_times .opening_time { position: relative; display: inline-block;} footer .opening_times .opening_time .relative { position: relative; display: inline-block; vertical-align: middle;} footer .opening_times .opening_time u { cursor: pointer; position: relative; display: block; padding: 0; font-size: 14px; line-height: 20px; color: #000;} footer.footer_2 .opening_times .opening_time u, footer.footer_4 .opening_times .opening_time u, footer.footer_6 .opening_times .opening_time u { color: #fff;} footer .opening_times .opening_time .box { text-align: left; width: 100%; white-space: nowrap; line-height: 25px; opacity: 0; visibility: hidden; background: #ffffff; position: absolute; left: 0; bottom: calc(100% + 10px); padding: 16px 25px; -webkit-box-shadow: 0 0 20px -3px rgba(0,0,0,0.5); box-shadow: 0 0 20px -3px rgba(0,0,0,0.5); z-index: 10; -webkit-transition: all 400ms ease; transition: all 400ms ease;} footer .opening_times .opening_time .box:before { top: 100%; left: 20px; border: 1px solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; -webkit-transition: all 400ms ease; transition: all 400ms ease;} footer .opening_times .opening_time:hover .box, footer .item .opening_time.active .box { opacity: 1; visibility: visible; } footer .opening_times .opening_time span { display: block; font-size: 13px; line-height: 18px;} footer .opening_times .opening_time span strong { width: 32px; display: inline-block; vertical-align: middle;} footer .opening_times .opening_time span.active strong { width: 25px} footer .opening_times .opening_time span.active { color: #383838;} footer .opening_times .opening_time span span span { display: inline-block; vertical-align: middle;} footer .opening_times .opening_time span.active span { color: #fff; background: #bde1cd; padding: 2px 7px;} .sign { background: #000000; padding: 20px 5%; text-align: center; color: #ffffff; font-weight: 400; font-size: 12px; line-height: 20px;} footer.footer_1 .sign{ margin: 60px 0 0;} footer.footer_2 .sign{ margin: 60px 0 0;} .sign a { padding: 0; color: #ffffff; font-weight: 400; 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, .sign a:focus { text-decoration: underline;} @media screen and (max-width: 1024px) { footer.footer_1 .sign{ margin: 40px 0 0;} footer.footer_2 .sign{ margin: 40px 0 0;} } @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, .drobky ul li a:focus { text-decoration: none; color: #bde1cd;} .drobky ul li span { white-space: nowrap; display: block; color: #000000; font-size: 13px; line-height: 24px; font-weight: 400; 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: 400; 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, .landing_list.version_1 a.item:focus { 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: 400; 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, .landing_list.version_1 .item:focus .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: 400; 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, .landing_list.version_2 a.item:focus { 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, .landing_list.version_2 a.item:focus .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: 400; 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: 400; 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, .landing_list.version_3 a.item:focus { border: 1px solid #bde1cd; background: #bde1cd; color: #fff;} .search_list { width: 100%; text-align: left;} .search_list h2{ font-size: 16px; line-height: 24px; margin: 30px 0 10px; font-weight: 400; font-family: open_sansbold, sans-serif, Arial;} .search_list h2 .item_number { color: #bde1cd; } .search_list ul{ padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: wrap;} .search_list ul li{ margin: 0 5px 5px 0;} .search_list .item { display: inline-block; vertical-align: middle; 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, .search_list a.item:focus { border: 1px solid #bde1cd; background: #bde1cd; 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: 400; 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, .employee_list.version_1 a.item:focus { 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, .employee_list.version_1 a.item:focus .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: 400; 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: 20px; 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 h2{ margin: 40px 0 25px;} .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: 10px 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: 10px 0 10px 10px; text-align: left; color: #000;} .employee_list.version_2 table td a { font-weight: 600; text-decoration: underline; color: #bde1cd;} .notouch .employee_list.version_2 table td a:hover, .employee_list.version_2 table td a:focus { text-decoration: none; } @media screen and (max-width: 500px) { .employee_list.version_2 table tr { display: flex; flex-direction: column; align-items: flex-start;} .employee_list.version_2 table td { text-align: left !important; padding: 0 0 10px;} .employee_list.version_2 table td a:nth-child(2) { display: inline-block; margin-bottom: 6px;} } .employee_list.version_3 { width: 100%; text-align: left; position: relative; margin: 30px 0 0;} .employee_list.version_3.margin { margin: 0;} .employee_list.version_3 h2 { text-align: left; margin: 0; padding: 0 0 5px; font-size: 22px; line-height: 28px; font-weight: 400; font-family: open_sansbold, sans-serif, Arial; color: #000000;} .employee_list.version_3 .item { text-align: center; display: inline-block; vertical-align: top; border: 0; background: transparent;} .c_column:not(.full) .employee_list.version_3 .item { width: calc(33.33% - 40px / 3 - 5px); margin: 20px 0 0;} .c_column:not(.full) .employee_list.version_3 .item:nth-child(-n+3) { margin-top: 0 !important;} .c_column:not(.full) .employee_list.version_3 .item:nth-child(3n - 1) { margin: 20px 20px 0;} .c_column.full .employee_list.version_3 .item { width: calc(25% - 60px / 4 - 5px); margin: 20px 0 0;} .c_column.full .employee_list.version_3 .item:nth-child(-n+4) { margin-top: 0 !important;} .c_column.full .employee_list.version_3 .item:nth-child(4n - 1) { margin: 20px 20px 0;} .c_column.full .employee_list.version_3 .item:nth-child(4n - 2) { margin: 20px 0 0 20px;} .employee_list.version_3 .item .text { display: block;} .employee_list.version_3 .item .title { display: block; width: 100%; margin: 0; font-size: 14px; font-weight: 400; 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 .employee_list.version_3 .item .title { color: #bde1cd;} .employee_list.version_3 .item .title span { display: block; width: 100%; font-size: 13px; font-weight: 600; font-family: open_sanssemibold, sans-serif, Arial; line-height: 20px; color: #000000; margin: 4px 0 0;} .employee_list.version_3 .item .title span .phone { width: initial; width: auto; display: block; margin: 0; background: url(../img/footer_icon1.svg) no-repeat scroll left center; background-size: 18px 18px; padding: 0 0 0 20px;} .employee_list.version_3 .item .title span .mail { width: initial; width: auto; display: block; margin: 0; 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_3 .item { width: calc(50% - 20px / 2 - 5px); margin: 20px 0 0 !important;} .c_column:not(.full) .employee_list.version_3 .item:nth-child(2n) { margin: 20px 0 0 20px !important;} .c_column:not(.full) .employee_list.version_3 .item:nth-child(2) { margin-top: 0 !important;} .c_column:not(.full) .employee_list.version_3 .item:nth-child(3) { margin-top: 20px !important;} .c_column.full .employee_list.version_3 .item { width: calc(33.33% - 40px / 3 - 5px); margin: 20px 0 0 !important;} .c_column.full .employee_list.version_3 .item:nth-child(3n - 1) { margin: 20px 20px 0 !important;} .c_column.full .employee_list.version_3 .item:nth-child(-n+3) { margin-top: 0 !important;} .c_column.full .employee_list.version_3 .item:nth-child(4) { margin-top: 20px !important;} } @media screen and (max-width: 1100px) { .c_column.full .employee_list.version_3 .item { width: calc(50% - 20px / 2 - 5px); margin: 20px 0 0 !important;} .c_column.full .employee_list.version_3 .item:nth-child(3n - 1) { margin: 20px 0 0 !important;} .c_column.full .employee_list.version_3 .item:nth-child(2n) { margin: 20px 0 0 20px !important;} .c_column.full .employee_list.version_3 .item:nth-child(-n+2) { margin-top: 0 !important;} .c_column.full .employee_list.version_3 .item:nth-child(3) { margin-top: 20px !important;} } @media screen and (max-width: 767px) { .employee_list.version_3 h2 { text-align: center; font-size: 24px; line-height: 30px;} .c_column:not(.full) .employee_list.version_3 .item { display: block; width: calc(100% - 2px); margin: 20px 0 0 !important;} .c_column:not(.full) .employee_list.version_3 .item:nth-child(2n), .c_column:not(.full) .employee_list.version_3 .item:nth-child(2), .c_column:not(.full) .employee_list.version_3 .item:nth-child(3) { margin: 20px 0 0 !important;} } @media screen and (max-width: 700px) { .c_column.full .employee_list.version_3 .item { width: calc(100% - 2px); margin: 20px 0 0 !important;} .c_column.full .employee_list.version_3 .item:nth-child(2n) { margin: 20px 0 0 0 !important;} .c_column.full .employee_list.version_3 .item:nth-child(1) { margin-top: 0 !important;} } .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: 400; font-family: open_sansbold, sans-serif, Arial; color: #000000;} .class_list.version_1 .item { position: relative; text-align: center; width: 100%; display: inline-block; vertical-align: top; border: 1px solid #f2f2f2; background: transparent; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .class_list.version_1 ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap;} .c_column:not(.full) .class_list.version_1 ul li { width: calc(33.33% - 40px / 3 - 5px); margin: 20px 0 0;} .c_column:not(.full) .class_list.version_1 ul li:nth-child(3n - 1) { margin: 20px 20px 0;} .c_column:not(.full) .class_list.version_1 ul li:nth-child(-n + 3) { margin-top: 0;} .c_column.full .class_list.version_1 ul li { width: calc(25% - 60px / 4 - 5px); margin: 20px 0 0;} .c_column.full .class_list.version_1 ul li:nth-child(4n - 1) { margin: 20px 20px 0;} .c_column.full .class_list.version_1 ul li:nth-child(4n - 2) { margin: 20px 0 0 20px;} .c_column.full .class_list.version_1 ul li:nth-child(-n + 4) { margin-top: 0;} .notouch .class_list.version_1 a.item:hover, .class_list.version_1 a.item:focus { 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, .class_list.version_1 a.item:focus .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: 400; 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 ul li { width: calc(50% - 20px / 2 - 5px); margin: 20px 0 0 !important;} .c_column:not(.full) .class_list.version_1 ul li:nth-child(2n) { margin: 20px 0 0 20px !important;} .c_column:not(.full) .class_list.version_1 ul li:nth-child(-n + 2) { margin-top: 0 !important;} } @media screen and (max-width: 1200px) { .c_column.full .class_list.version_1 ul li { width: calc(33.33% - 40px / 3 - 5px); margin: 20px 0 0 !important;} .c_column.full .class_list.version_1 ul li:nth-child(3n - 1) { margin: 20px 20px 0 !important;} .c_column.full .class_list.version_1 ul li:nth-child(-n + 3) { margin-top: 0 !important;} } @media screen and (max-width: 900px) { .c_column.full .class_list.version_1 ul li { width: calc(50% - 20px / 2 - 5px); margin: 20px 0 0 !important;} .c_column.full .class_list.version_1 ul li:nth-child(3n - 1) { margin: 20px 0 0 !important;} .c_column.full .class_list.version_1 ul li:nth-child(2n) { margin: 20px 0 0 20px !important;} .c_column.full .class_list.version_1 ul li:nth-child(-n + 3) { margin-top: 20px !important;} .c_column.full .class_list.version_1 ul li:nth-child(-n + 2) { margin-top: 0 !important;} } @media screen and (max-width: 768px) { .c_column:not(.full) .class_list.version_1 h2.absolved_h2 { font-size: 18px; line-height: 24px; text-align: left;} } @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 ul li { display: block; width: calc(100% - 2px); margin: 20px 0 0 !important;} .c_column:not(.full) .class_list.version_1 ul li:nth-child(2n) { margin: 20px 0 0 !important;} .c_column:not(.full) .class_list.version_1 ul li:nth-child(-n + 2) { margin-top: 20px !important;} .c_column:not(.full) .class_list.version_1 ul li:nth-child(1) { margin-top: 0 !important;} } @media screen and (max-width: 600px) { .c_column.full .class_list.version_1 ul li { width: calc(100% - 2px); margin: 20px 0 0 !important;} .c_column.full .class_list.version_1 ul li:nth-child(2n) { margin: 20px 0 0 !important;} .c_column.full .class_list.version_1 ul li:nth-child(-n + 3) { margin-top: 20px !important;} .c_column.full .class_list.version_1 ul li:nth-child(-n + 2) { margin-top: 20px !important;} .c_column.full .class_list.version_1 ul li: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: 400; font-family: open_sansbold, sans-serif, Arial; color: #000000;} .class_list.version_2 ul { display: flex; flex-wrap: wrap; padding: 0;} .class_list.version_2 ul li { width: calc(33.33% - ((10px*2))/3); list-style: none; margin-right: 10px; margin-top: 10px;} .class_list.version_2 ul li:nth-child(-n + 3) { margin-top: 0;} .class_list.version_2 ul li:nth-child(3n) { margin-right: 0;} .class_list.version_2 .item{ position: relative; text-align: center; display: flex; align-items: center; 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: 100%; display: flex; align-items: center; 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: 100%; 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: flex; align-items: center; justify-content: center; width: unset; min-width: 120px; height: 80px; padding: 0 15px; box-sizing: border-box; text-align: center; font-size: 12px; line-height: 20px; font-weight: 400; 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% - 110px);} .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: 400; 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, .class_list.version_2 a.item:focus{ border: 1px solid #bde1cd;} .notouch .class_list.version_2 a.item:hover .number, .class_list.version_2 a.item:focus .number { color: #fff; background: #bde1cd;} /* @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 { 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 { 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: 850px) { .class_list.version_2 ul li { width: calc(50% - ((10px*1))/2);} .class_list.version_2 ul li:nth-child(3n) { margin-right: 10px;} .class_list.version_2 ul li:nth-child(2n) { margin-right: 0;} .class_list.version_2 ul li:nth-child(-n + 3) { margin-top: 10px;} .class_list.version_2 ul li:nth-child(-n + 2) { margin-top: 0;} } @media screen and (max-width: 768px) { .c_column:not(.full) .class_list.version_2 h2.absolved_h2 { font-size: 18px; line-height: 24px; text-align: left;} } @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) { .class_list.version_2 ul li { width: 100%; margin-top: 10px !important; margin-right: 0 !important;} .class_list.version_2 ul li: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: 400; font-family: open_sansbold, sans-serif, Arial; color: #000000;} .class_list.version_3 ul { display: flex; flex-wrap: wrap; padding: 0;} .class_list.version_3 ul li { width: calc(33.33% - ((10px*2))/3); list-style: none; margin-right: 10px; margin-top: 10px;} .class_list.version_3 ul li:nth-child(-n + 3) { margin-top: 0;} .class_list.version_3 ul li:nth-child(3n) { margin-right: 0;} .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: 100%; 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, .class_list.version_3 a.item:focus { border: 1px solid #bde1cd} .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: 400; 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: 400; 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: 1540px) { .class_list.version_3 ul li { width: calc(50% - ((10px*1))/2);} .class_list.version_3 ul li:nth-child(-n + 3) { margin-top: 10px;} .class_list.version_3 ul li:nth-child(3n) { margin-right: 10px;} .class_list.version_3 ul li:nth-child(-n + 2) { margin-top: 0;} .class_list.version_3 ul li:nth-child(2n) { margin-right: 0;} .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: 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: 768px) { .c_column:not(.full) .class_list.version_3 h2.absolved_h2 { font-size: 18px; line-height: 24px; text-align: left;} } @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: 1350px) { .class_list.version_3 ul li { width: calc(50% - ((10px*1))/2);} .class_list.version_3 ul li:nth-child(-n + 3) { margin-top: 10px;} .class_list.version_3 ul li:nth-child(3n) { margin-right: 10px;} .class_list.version_3 ul li:nth-child(-n + 2) { margin-top: 0;} .class_list.version_3 ul li:nth-child(2n) { margin-right: 0;} } @media screen and (max-width: 600px) { .class_list.version_3 ul li { width: 100%; margin-top: 10px !important; margin-right: 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;} } */ .class_list.version_4 { width: 100%; text-align: left; position: relative; margin: 30px 0 0;} .class_list.version_4 h2 { text-align: left; margin: 0; padding: 0 0 5px; font-size: 22px; line-height: 28px; font-weight: 400; font-family: open_sansbold, sans-serif, Arial; color: #000000;} .class_list.version_4 .item { position: relative; text-align: center; width: 100%; display: inline-block; vertical-align: top; border: 1px solid #f2f2f2; background: transparent; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .class_list.version_4 ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap;} .c_column:not(.full) .class_list.version_4 ul li { width: calc(33.33% - 40px / 3 - 5px); margin: 20px 0 0;} .c_column:not(.full) .class_list.version_4 ul li:nth-child(3n - 1) { margin: 20px 20px 0;} .c_column:not(.full) .class_list.version_4 ul li:nth-child(-n + 3) { margin-top: 0;} .c_column.full .class_list.version_4 ul li { width: calc(25% - 60px / 4 - 5px); margin: 20px 0 0;} .c_column.full .class_list.version_4 ul li:nth-child(4n - 1) { margin: 20px 20px 0;} .c_column.full .class_list.version_4 ul li:nth-child(4n - 2) { margin: 20px 0 0 20px;} .c_column.full .class_list.version_4 ul li:nth-child(-n + 4) { margin-top: 0;} .notouch .class_list.version_4 a.item:hover, .class_list.version_4 a.item:focus { border: 1px solid #dbdbdb} .class_list.version_4 .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_4 .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_4 a.item:hover .text, .class_list.version_4 a.item:focus .text { border-top: 1px solid #dbdbdb} .class_list.version_4 .item .title { display: table-cell; vertical-align: middle; width: 100%; margin: 0; font-size: 14px; font-weight: 400; 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_4 .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_4 ul li { width: calc(50% - 20px / 2 - 5px); margin: 20px 0 0 !important;} .c_column:not(.full) .class_list.version_4 ul li:nth-child(2n) { margin: 20px 0 0 20px !important;} .c_column:not(.full) .class_list.version_4 ul li:nth-child(-n + 2) { margin-top: 0 !important;} } @media screen and (max-width: 1200px) { .c_column.full .class_list.version_4 ul li { width: calc(33.33% - 40px / 3 - 5px); margin: 20px 0 0 !important;} .c_column.full .class_list.version_4 ul li:nth-child(3n - 1) { margin: 20px 20px 0 !important;} .c_column.full .class_list.version_4 ul li:nth-child(-n + 3) { margin-top: 0 !important;} } @media screen and (max-width: 900px) { .c_column.full .class_list.version_4 ul li { width: calc(50% - 20px / 2 - 5px); margin: 20px 0 0 !important;} .c_column.full .class_list.version_4 ul li:nth-child(3n - 1) { margin: 20px 0 0 !important;} .c_column.full .class_list.version_4 ul li:nth-child(2n) { margin: 20px 0 0 20px !important;} .c_column.full .class_list.version_4 ul li:nth-child(-n + 3) { margin-top: 20px !important;} .c_column.full .class_list.version_4 ul li:nth-child(-n + 2) { margin-top: 0 !important;} } @media screen and (max-width: 768px) { .c_column:not(.full) .class_list.version_4 h2.absolved_h2 { font-size: 18px; line-height: 24px; text-align: left;} } @media screen and (max-width: 700px) { .c_column:not(.full) .class_list.version_4 h2 { text-align: center; font-size: 24px; line-height: 30px;} .c_column:not(.full) .class_list.version_4 ul li { display: block; width: calc(100% - 2px); margin: 20px 0 0 !important;} .c_column:not(.full) .class_list.version_4 ul li:nth-child(2n) { margin: 20px 0 0 !important;} .c_column:not(.full) .class_list.version_4 ul li:nth-child(-n + 2) { margin-top: 20px !important;} .c_column:not(.full) .class_list.version_4 ul li:nth-child(1) { margin-top: 0 !important;} } @media screen and (max-width: 600px) { .c_column.full .class_list.version_4 ul li { width: calc(100% - 2px); margin: 20px 0 0 !important;} .c_column.full .class_list.version_4 ul li:nth-child(2n) { margin: 20px 0 0 !important;} .c_column.full .class_list.version_4 ul li:nth-child(-n + 3) { margin-top: 20px !important;} .c_column.full .class_list.version_4 ul li:nth-child(-n + 2) { margin-top: 20px !important;} .c_column.full .class_list.version_4 ul li: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: 400; font-family: open_sansbold, sans-serif, Arial; color: #000000;} .courses_list.version_1 ul{ padding: 0; list-style: none; display: flex; flex-wrap: wrap;} .courses_list.version_1 .item{ text-align: center; display: inline-block; width: 100%; 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 ul li { width: calc(33.33% - 40px / 3 - 5px); margin: 20px 0 0;} .c_column:not(.full) .courses_list.version_1 ul li:nth-child(3n - 1) { margin: 20px 20px 0;} .c_column:not(.full) .courses_list.version_1 ul li:nth-child(-n + 3) { margin-top: 0;} .c_column.full .courses_list.version_1 ul li { width: calc(25% - 60px / 4 - 5px); margin: 20px 0 0;} .c_column.full .courses_list.version_1 ul li:nth-child(4n - 1) { margin: 20px 20px 0;} .c_column.full .courses_list.version_1 ul li:nth-child(4n - 2) { margin: 20px 0 0 20px;} .c_column.full .courses_list.version_1 ul li:nth-child(-n + 4) { margin-top: 0;} .notouch .courses_list.version_1 a.item:hover, .courses_list.version_1 a.item:focus { 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, .courses_list.version_1 a.item:focus .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: 400; 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 ul li { width: calc(50% - 20px / 2 - 5px); margin: 20px 0 0 !important;} .c_column:not(.full) .courses_list.version_1 ul li:nth-child(2n) { margin: 20px 0 0 20px !important;} .c_column:not(.full) .courses_list.version_1 ul li:nth-child(-n + 2) { margin-top: 0 !important;} } @media screen and (max-width: 1200px) { .c_column.full .courses_list.version_1 ul li { width: calc(33.33% - 40px / 3 - 5px); margin: 20px 0 0 !important;} .c_column.full .courses_list.version_1 ul li:nth-child(3n - 1) { margin: 20px 20px 0 !important;} .c_column.full .courses_list.version_1 ul li:nth-child(-n + 3) { margin-top: 0 !important;} } @media screen and (max-width: 900px) { .c_column.full .courses_list.version_1 ul li { width: calc(50% - 20px / 2 - 5px); margin: 20px 0 0 !important;} .c_column.full .courses_list.version_1 ul li:nth-child(3n - 1) { margin: 20px 0 0 !important;} .c_column.full .courses_list.version_1 ul li:nth-child(2n) { margin: 20px 0 0 20px !important;} .c_column.full .courses_list.version_1 ul li:nth-child(-n + 3) { margin-top: 20px !important;} .c_column.full .courses_list.version_1 ul li: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 ul li { display: block; width: calc(100% - 2px); margin: 20px 0 0 !important;} .c_column:not(.full) .courses_list.version_1 ul li:nth-child(2n) { margin: 20px 0 0 !important;} .c_column:not(.full) .courses_list.version_1 ul li:nth-child(-n + 2) { margin-top: 20px !important;} .c_column:not(.full) .courses_list.version_1 ul li:nth-child(1) { margin-top: 0 !important;} } @media screen and (max-width: 600px) { .c_column.full .courses_list.version_1 ul li { width: calc(100% - 2px); margin: 20px 0 0 !important;} .c_column.full .courses_list.version_1 ul li:nth-child(2n) { margin: 20px 0 0 !important;} .c_column.full .courses_list.version_1 ul li:nth-child(-n + 3) { margin-top: 20px !important;} .c_column.full .courses_list.version_1 ul li:nth-child(-n + 2) { margin-top: 20px !important;} .c_column.full .courses_list.version_1 ul li: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: 400; 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;} .notouch .food_list .arrows .prev:hover, .notouch .food_list .arrows .next:hover, .food_list .arrows .prev:focus, .food_list .arrows .next:focus { color: #bde1cd;} .notouch .food_list .arrows .prev:hover::after, .notouch .food_list .arrows .next:hover::after, .food_list .arrows .prev:focus::after, .food_list .arrows .next:focus::after { color: #bde1cd;} .food_list .food_note { font-size: 13px; line-height: 20px; font-style: italic;} @media screen and (max-width: 900px) { .food_list .arrows{ position: relative; top: unset; right: unset;} .food_list .arrows .prev{ padding-left: 30px;} .food_list .arrows .next{ padding-right: 30px;} .food_list .arrows .prev, .food_list .arrows .next{ padding-bottom: 20px;} .food_list .arrows .prev::after, .food_list .arrows .next::after{ width: 20px;} } .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; 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; cursor: pointer; padding: 25px 80px 25px 15px; display: block; text-transform: uppercase; margin: 0; font-size: 16px; font-weight: 400; 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 #dbdbdb;} @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: 400; 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 #bde1cd;} .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, .normal_form .sbOptions a:focus { background: #f0f0f0 !important;} .normal_form .gdpr_text { display: block; margin: 0; padding: 9px 0 8px; float: left; font-size: 12px; line-height: 16px; 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: #bde1cd; font-size: 12px; line-height: 16px;} @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;} } .c_column.full .contact_page.version_1 .mapa { left: unset; width: 100%; max-width: 640px;} .c_column.full .contact_page.version_1 .item { width: 100%; box-sizing: border-box;} .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: 300px; 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: #bde1cd; font-weight: 400; 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, .contact_page.version_1 .item a:focus { color: #bde1cd;} .contact_page.version_1 .mapa { position: absolute; left: 350px; right: 0; top: 0; bottom: 0; display: block; background: #f2f2f2;} .contact_page.version_1 .mapa .static_map { display: block; height: 100%; position: relative;} .contact_page.version_1 .mapa .static_map::before { content: ''; width: calc(100% + 10px); height: calc(100% + 10px); background-color: #bde1cd; position: absolute; inset: -5px; z-index: 1;} .contact_page.version_1 .mapa .static_map img { display: block; width: 100%; height: 100%; object-fit: cover; z-index: 2; position: relative;} .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: 1100px) { .c_column.full .contact_page.version_1 .mapa { max-width: 450px;} } @media screen and (max-width: 900px) { .c_column.full .contact_page.version_1 .mapa { max-width: 350px;} } @media screen and (max-width: 767px) { .c_column.full .contact_page.version_1 .mapa { max-width: 100%;} .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 .static_map { 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: #bde1cd; font-weight: 400; 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, .contact_page.version_2 .item a:focus { color: #bde1cd;} .contact_page.version_2 .mapa { position: relative; width: 100%; max-width: 640px; height: 260px; display: block; background: #f2f2f2;} .contact_page.version_2 .mapa .static_map { display: block; width: 100%; height: 100%;} .contact_page.version_2 .mapa .static_map img { display: block; width: 100%; height: 100%; object-fit: cover;} .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; display: flex; flex-wrap: wrap;} .gallery_list.version_1 h2 { text-align: left; margin: 0; padding: 0 0 5px; font-size: 22px; line-height: 28px; font-weight: 400; font-family: open_sansbold, sans-serif, Arial; color: #000000; flex-basis: 100%;} .gallery_list.version_1 div { width: 100%;} .gallery_list.version_1 .item { position: relative; width: calc(33.33% - 40px / 3 - 5px); margin: 20px 20px 0 0; 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;} .gallery_list.version_1 .item:nth-child(3n){ margin-right: 0;} .gallery_list.version_1 ul { padding: 0; list-style: none; display: flex; flex-wrap: wrap;} .c_column:not(.full) .gallery_list.version_1 ul li a{ width: calc(33.33% - 40px / 3 - 5px); margin: 20px 0 0;} .c_column:not(.full) .gallery_list.version_1 ul li a:nth-child(3n - 1) { margin: 20px 20px 0;} .c_column:not(.full) .gallery_list.version_1 ul li a:nth-child(-n + 3) { margin-top: 0;} .c_column.full .gallery_list.version_1 ul li { width: calc(25% - 60px / 4 - 5px); margin: 20px 0 0;} .c_column.full .gallery_list.version_1 ul li:nth-child(4n - 1) { margin: 20px 20px 0;} .c_column.full .gallery_list.version_1 ul li:nth-child(4n - 2) { margin: 20px 0 0 20px;} .c_column.full .gallery_list.version_1 ul li:nth-child(-n + 4) { margin-top: 0;} .notouch .gallery_list.version_1 a.item:hover, .gallery_list.version_1 a.item:focus { 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, .gallery_list.version_1 a.item:focus .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: 400; 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) { .gallery_list.version_1 .item{ width: calc(50% - 20px / 2 - 5px);} .gallery_list.version_1 .item:nth-child(3n){ margin-right: 20px;} .gallery_list.version_1 .item:nth-child(2n){ margin-right: 0;} .c_column:not(.full) .gallery_list.version_1 ul li { width: calc(50% - 20px / 2 - 5px); margin: 20px 0 0 !important;} .c_column:not(.full) .gallery_list.version_1 ul li:nth-child(2n) { margin: 20px 0 0 20px !important;} .c_column:not(.full) .gallery_list.version_1 ul li:nth-child(-n + 2) { margin-top: 0 !important;} } @media screen and (max-width: 1200px) { .c_column.full .gallery_list.version_1 ul li { width: calc(33.33% - 40px / 3 - 5px); margin: 20px 0 0 !important;} .c_column.full .gallery_list.version_1 ul li:nth-child(3n - 1) { margin: 20px 20px 0 !important;} .c_column.full .gallery_list.version_1 ul li:nth-child(-n + 3) { margin-top: 0 !important;} } @media screen and (max-width: 900px) { .c_column.full .gallery_list.version_1 ul li { width: calc(50% - 20px / 2 - 5px); margin: 20px 0 0 !important;} .c_column.full .gallery_list.version_1 ul li:nth-child(3n - 1) { margin: 20px 0 0 !important;} .c_column.full .gallery_list.version_1 ul li:nth-child(2n) { margin: 20px 0 0 20px !important;} .c_column.full .gallery_list.version_1 ul li:nth-child(-n + 3) { margin-top: 20px !important;} .c_column.full .gallery_list.version_1 ul li:nth-child(-n + 2) { margin-top: 0 !important;} } @media screen and (max-width: 700px) { .gallery_list.version_1 .item{ width: 100%; margin-right: 0 !important;} .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 ul li { display: block; width: calc(100% - 2px); margin: 20px 0 0 !important;} .c_column:not(.full) .gallery_list.version_1 ul li:nth-child(2n) { margin: 20px 0 0 !important;} .c_column:not(.full) .gallery_list.version_1 ul li:nth-child(-n + 2) { margin-top: 20px !important;} .c_column:not(.full) .gallery_list.version_1 ul li:nth-child(1) { margin-top: 0 !important;} } @media screen and (max-width: 600px) { .c_column.full .gallery_list.version_1 ul li { width: calc(100% - 2px); margin: 20px 0 0 !important;} .c_column.full .gallery_list.version_1 ul li:nth-child(2n) { margin: 20px 0 0 !important;} .c_column.full .gallery_list.version_1 ul li:nth-child(-n + 3) { margin-top: 20px !important;} .c_column.full .gallery_list.version_1 ul li:nth-child(-n + 2) { margin-top: 20px !important;} .c_column.full .gallery_list.version_1 ul li:nth-child(1) { margin-top: 0 !important;} } .gallery_list.version_2 { width: 100%; text-align: left; position: relative; margin: 30px 0 0; display: flex; flex-wrap: wrap;} .gallery_list.version_2 h2 { text-align: left; margin: 0; padding: 0 0 5px; font-size: 22px; line-height: 28px; font-weight: 400; font-family: open_sansbold, sans-serif, Arial; color: #000000; flex-basis: 100%;} .gallery_list.version_2 div { width: 100%;} .gallery_list.version_2 .item { position: relative; width: calc(33.33% - 40px / 3 - 5px); margin: 20px 20px 0 0; 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;} .gallery_list.version_2 .item:nth-child(3n){ margin-right: 0;} .gallery_list.version_2 ul { padding: 0; list-style: none; display: flex; flex-wrap: wrap;} .c_column:not(.full) .gallery_list.version_2 ul li a{ width: calc(33.33% - 40px / 3 - 5px); margin: 20px 0 0;} .c_column:not(.full) .gallery_list.version_2 ul li a:nth-child(3n - 1) { margin: 20px 20px 0;} .c_column:not(.full) .gallery_list.version_2 ul li a:nth-child(-n + 3) { margin-top: 0;} .c_column.full .gallery_list.version_2 ul li { width: calc(25% - 60px / 4 - 5px); margin: 20px 0 0;} .c_column.full .gallery_list.version_2 ul li:nth-child(4n - 1) { margin: 20px 20px 0;} .c_column.full .gallery_list.version_2 ul li:nth-child(4n - 2) { margin: 20px 0 0 20px;} .c_column.full .gallery_list.version_2 ul li:nth-child(-n + 4) { margin-top: 0;} .notouch .gallery_list.version_2 a.item:hover, .gallery_list.version_2 a.item:focus { border: 1px solid #dbdbdb} .gallery_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;} .gallery_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 .gallery_list.version_2 a.item:hover .text, .gallery_list.version_2 a.item:focus .text { border-top: 1px solid #dbdbdb} .gallery_list.version_2 .item .title { display: table-cell; vertical-align: middle; width: 100%; margin: 0; font-size: 14px; font-weight: 400; 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_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) { .gallery_list.version_2 .item{ width: calc(50% - 20px / 2 - 5px);} .gallery_list.version_2 .item:nth-child(3n){ margin-right: 20px;} .gallery_list.version_2 .item:nth-child(2n){ margin-right: 0;} .c_column:not(.full) .gallery_list.version_2 ul li { width: calc(50% - 20px / 2 - 5px); margin: 20px 0 0 !important;} .c_column:not(.full) .gallery_list.version_2 ul li:nth-child(2n) { margin: 20px 0 0 20px !important;} .c_column:not(.full) .gallery_list.version_2 ul li:nth-child(-n + 2) { margin-top: 0 !important;} } @media screen and (max-width: 1200px) { .c_column.full .gallery_list.version_2 ul li { width: calc(33.33% - 40px / 3 - 5px); margin: 20px 0 0 !important;} .c_column.full .gallery_list.version_2 ul li:nth-child(3n - 1) { margin: 20px 20px 0 !important;} .c_column.full .gallery_list.version_2 ul li:nth-child(-n + 3) { margin-top: 0 !important;} } @media screen and (max-width: 900px) { .c_column.full .gallery_list.version_2 ul li { width: calc(50% - 20px / 2 - 5px); margin: 20px 0 0 !important;} .c_column.full .gallery_list.version_2 ul li:nth-child(3n - 1) { margin: 20px 0 0 !important;} .c_column.full .gallery_list.version_2 ul li:nth-child(2n) { margin: 20px 0 0 20px !important;} .c_column.full .gallery_list.version_2 ul li:nth-child(-n + 3) { margin-top: 20px !important;} .c_column.full .gallery_list.version_2 ul li:nth-child(-n + 2) { margin-top: 0 !important;} } @media screen and (max-width: 700px) { .gallery_list.version_1 .item{ width: 100%; margin-right: 0 !important;} .c_column:not(.full) .gallery_list.version_2 h2 { text-align: center; font-size: 24px; line-height: 30px;} .c_column:not(.full) .gallery_list.version_2 ul li { display: block; width: calc(100% - 2px); margin: 20px 0 0 !important;} .c_column:not(.full) .gallery_list.version_2 ul li:nth-child(2n) { margin: 20px 0 0 !important;} .c_column:not(.full) .gallery_list.version_2 ul li:nth-child(-n + 2) { margin-top: 20px !important;} .c_column:not(.full) .gallery_list.version_2 ul li:nth-child(1) { margin-top: 0 !important;} } @media screen and (max-width: 600px) { .c_column.full .gallery_list.version_2 ul li { width: calc(100% - 2px); margin: 20px 0 0 !important;} .c_column.full .gallery_list.version_2 ul li:nth-child(2n) { margin: 20px 0 0 !important;} .c_column.full .gallery_list.version_2 ul li:nth-child(-n + 3) { margin-top: 20px !important;} .c_column.full .gallery_list.version_2 ul li:nth-child(-n + 2) { margin-top: 20px !important;} .c_column.full .gallery_list.version_2 ul li: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; width: 100%; display: inline-block; vertical-align: top; margin: 0; border: 1px solid #f2f2f2; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .news_list.version_1 .item:hover, .news_list.version_1 .item:focus { border: 1px solid #dbdbdb} .c_column .news_list.version_1 ul{ padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: wrap;} .c_column:not(.full) .news_list.version_1 ul li { width: calc(33.33% - 40px / 3 - 5px); margin-top: 20px;} .c_column:not(.full) .news_list.version_1 ul li:nth-child(3n - 1) { margin: 20px 20px 0;} .c_column:not(.full) .news_list.version_1 ul li:nth-child(-n + 3) { margin-top: 0;} .c_column.full .news_list.version_1 ul li { width: calc(25% - 60px / 4 - 5px); margin: 20px 0 0;} .c_column.full .news_list.version_1 ul li:nth-child(4n - 1) { margin: 20px 20px 0;} .c_column.full .news_list.version_1 ul li:nth-child(4n - 2) { margin: 20px 0 0 20px;} .c_column.full .news_list.version_1 ul li: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 .item:hover .text, .news_list.version_1 .item:focus .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: 400; 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 .item:hover .title, .news_list.version_1 .item:focus .title { color: #bde1cd;} .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 .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 .item:hover .link, .news_list.version_1 .item:focus .link { color: #bde1cd;} @media screen and (max-width: 1400px) { .c_column:not(.full) .news_list.version_1 ul li { width: calc(50% - 20px / 2 - 5px); margin-top: 20px !important} .c_column:not(.full) .news_list.version_1 ul li:nth-child(2n) { margin: 20px 0 0 20px !important;} .c_column:not(.full) .news_list.version_1 ul li:nth-child(-n + 2) { margin-top: 0 !important;} } @media screen and (max-width: 1200px) { .c_column.full .news_list.version_1 ul li { width: calc(33.33% - 40px / 3 - 5px); margin: 0 !important;} .c_column.full .news_list.version_1 ul li:nth-child(3n - 1) { margin: 0 20px 0 !important;} .c_column.full .news_list.version_1 ul li:nth-child(-n + 3) { margin-top: 0 !important;} } @media screen and (max-width: 900px) { .c_column.full .news_list.version_1 ul li { width: calc(50% - 20px / 2 - 5px); margin: 0 !important;} .c_column.full .news_list.version_1 ul li:nth-child(3n - 1) { margin: 0 !important;} .c_column.full .news_list.version_1 ul li:nth-child(2n) { margin: 20px 0 0 20px !important;} .c_column.full .news_list.version_1 ul li:nth-child(-n + 3) { margin-top: 0 !important;} .c_column.full .news_list.version_1 ul li: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 ul li { display: block; width: calc(100% - 2px); margin: 20px 0 0 !important;} .c_column:not(.full) .news_list.version_1 ul li:nth-child(2n) { margin: 20px 0 0 0 !important;} .c_column:not(.full) .news_list.version_1 ul li:nth-child(-n + 2) { margin-top: 20px !important;} .c_column:not(.full) .news_list.version_1 ul li:nth-child(1) { margin-top: 0 !important;} } @media screen and (max-width: 600px) { .c_column.full .news_list.version_1 ul li { width: calc(100% - 2px); margin: 0 !important;} .c_column.full .news_list.version_1 ul li:nth-child(2n) { margin: 0 !important;} .c_column.full .news_list.version_1 ul li:nth-child(-n + 3) { margin-top: 0 !important;} .c_column.full .news_list.version_1 ul li:nth-child(-n + 2) { margin-top: 0px !important;} .c_column.full .news_list.version_1 ul li: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; width: 100%; 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, .news_list.version_2 .item:focus { border: 1px solid #dbdbdb} .c_column .news_list.version_2 ul{ padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: wrap;} .c_column:not(.full) .news_list.version_2 ul li { width: calc(50% - 20px / 2 - 4px);} .c_column:not(.full) .news_list.version_2 ul li:nth-child(2n) { margin: 0 0 0 20px;} .c_column:not(.full) .news_list.version_2 ul li:nth-child(-n + 2) { margin-top: 0;} .c_column.full .news_list.version_2 ul li { width: calc(25% - 60px / 4 - 5px); margin: 20px 0 0;} .c_column.full .news_list.version_2 ul li:nth-child(4n - 1) { margin: 20px 20px 0;} .c_column.full .news_list.version_2 ul li:nth-child(4n - 2) { margin: 20px 0 0 20px;} .c_column.full .news_list.version_2 ul li:nth-child(-n + 4) { margin-top: 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: 400; 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, .news_list.version_2 .item:focus .title { color: #bde1cd;} .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 ul li { width: calc(50% - 20px / 2 - 5px); margin: 20px 0 0 !important;} .c_column.full .news_list.version_2 ul li:nth-child(2n) { margin: 20px 0 0 20px !important;} .c_column.full .news_list.version_2 ul li:nth-child(-n + 2) { margin-top: 0 !important;} } @media screen and (max-width: 1400px) { .news_list.version_2 .item{ margin-top: 0 !important;} .c_column:not(.full) .news_list.version_2 ul li:nth-child(1) { margin-top: 0 !important;} .c_column:not(.full) .news_list.version_2 ul li { width: calc(100% - 5px); margin: 20px 0 0 !important;} } @media screen and (max-width: 1150px) { .c_column:not(.full) .news_list.version_2 ul li:nth-child(2n) { margin: 20px 0 0 20px !important;} .c_column:not(.full) .news_list.version_2 ul li:nth-child(-n + 2) { margin-top: 0 !important;} .c_column:not(.full) .news_list.version_2 ul li { 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 ul li:nth-child(1) { margin-top: 0 !important;} .c_column:not(.full) .news_list.version_2 ul li { width: calc(100% - 5px); margin: 20px 0 0 !important;} .c_column:not(.full) .news_list.version_2 ul li:nth-child(2n) { margin: 20px 0 0 !important;} .c_column.full .news_list.version_2 ul li { width: calc(100% - 5px); margin: 20px 0 0 !important;} .c_column.full .news_list.version_2 ul li:nth-child(2n) { margin: 20px 0 0 !important;} .c_column.full .news_list.version_2 ul li: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;} } .news_list.version_3 { width: 100%; text-align: left; position: relative; margin: 30px 0 0;} .news_list.version_3 .item { height: 100%; position: relative; width: 100%; text-align: center; display: inline-block; vertical-align: top; margin: 0; border: 1px solid #f2f2f2; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .news_list.version_3 .item:hover, .news_list.version_3 .item:focus { border: 1px solid #dbdbdb} .c_column .news_list.version_3 ul{ padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: wrap;} .c_column:not(.full) .news_list.version_3 ul li { width: calc(50% - 20px / 2 - 4px);} .c_column:not(.full) .news_list.version_3 ul li:nth-child(2n) { margin: 0 0 0 20px;} .c_column:not(.full) .news_list.version_3 ul li:nth-child(-n + 2) { margin-top: 0;} .c_column.full .news_list.version_3 ul li:nth-child(3n - 1) { margin: 20px 20px 0;} .c_column.full .news_list.version_3 ul li:nth-child(-n + 3) { margin-top: 0;} .c_column.full .news_list.version_3 ul li { width: calc(33.33% - 40px / 3 - 5px); margin: 20px 0 0;} .news_list.version_3 .item .text { text-align: left; padding: 20px; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .news_list.version_3 .item .text .box { display: table; height: 200px; width: 100%;} .news_list.version_3 .item .text .box .centering { display: table-cell; vertical-align: middle; width: 100%;} .news_list.version_3 .item .title { display: block; margin: 0; font-size: 14px; font-weight: 400; 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_3 .item:hover .title, .news_list.version_3 .item:focus .title { color: #bde1cd;} .news_list.version_3 .item .date { display: block; font-size: 12px; line-height: 18px; color: #141b26; text-align: left; background: #fff; margin: 0 0 5px; } .news_list.version_3 .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_3 ul li { width: calc(50% - 20px / 2 - 5px); margin: 20px 0 0 !important;} .c_column.full .news_list.version_3 ul li:nth-child(2n) { margin: 20px 0 0 20px !important;} .c_column.full .news_list.version_3 ul li:nth-child(-n + 2) { margin-top: 0 !important;} } @media screen and (max-width: 1400px) { .news_list.version_3 .item{ margin-top: 0 !important;} .c_column:not(.full) .news_list.version_3 ul li:nth-child(1) { margin-top: 0 !important;} .c_column:not(.full) .news_list.version_3 ul li { width: calc(100% - 5px); margin: 20px 0 0 !important;} } @media screen and (max-width: 1150px) { .c_column:not(.full) .news_list.version_3 ul li:nth-child(2n) { margin: 20px 0 0 20px !important;} .c_column:not(.full) .news_list.version_3 ul li:nth-child(-n + 2) { margin-top: 0 !important;} .c_column:not(.full) .news_list.version_3 ul li { width: calc(50% - 20px / 2 - 5px); margin: 20px 0 0 !important;} } @media screen and (max-width: 850px) { .c_column:not(.full) .news_list.version_3 ul li:nth-child(1) { margin-top: 0 !important;} .c_column:not(.full) .news_list.version_3 ul li { width: calc(100% - 5px); margin: 20px 0 0 !important;} .c_column:not(.full) .news_list.version_3 ul li:nth-child(2n) { margin: 20px 0 0 !important;} .c_column.full .news_list.version_3 ul li { width: calc(100% - 5px); margin: 20px 0 0 !important;} .c_column.full .news_list.version_3 ul li:nth-child(2n) { margin: 20px 0 0 !important;} .c_column.full .news_list.version_3 ul li:nth-child(1) { margin-top: 0 !important;} } @media screen and (max-width: 450px) { .news_list.version_3 .item .text { text-align: left; } .news_list.version_3 .item .text .box { height: initial; height: auto; display: block;} .news_list.version_3 .item .text .box .centering { display: block;} } .news_list.version_4 { padding: 60px 0;width: 100%;background: #f3f3f3;position: relative;} .news_list.version_4 h2 { text-align: center;margin: 0;padding: 0 0 20px;font-size: 24px;line-height: 30px;font-weight: 800;text-transform: uppercase; color: #bde1cd;} .news_list.version_4 .item { text-align: center; width: 100%; display: inline-block; vertical-align: top; margin: 0; border: 1px solid #f2f2f2; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .news_list.version_4 .item:hover, .news_list.version_4 .item:focus { border: 1px solid #dbdbdb} .news_list.version_4 ul{ padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;} .news_list.version_4 ul li { width: calc(33.33% - 40px / 3 - 5px); margin-top: 20px;} .news_list.version_4 .item .text { text-align: left; border-top: 1px solid #e7e8e9; background-color: #fff; padding: 20px; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .news_list.version_4 .item:hover .text, .news_list.version_4 .item:focus .text { border-top: 1px solid #dbdbdb} .news_list.version_4 .item .img { display: block; height: 180px; width: 100%; background-attachment: local; background-color: #fff; position: relative; background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover;} .news_list.version_4 .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_4 .item .title { display: block; margin: 0 0 5px; height: 40px; overflow: hidden; font-size: 16px; font-weight: 400; 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_4 .item:hover .title, .news_list.version_4 .item:focus .title { color: #bde1cd;} .news_list.version_4 .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_4 .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_4 .item:hover .link, .news_list.version_4 .item:focus .link { color: #bde1cd;} .news_list.version_4 .align-center { margin-top: 20px;} .news_list.version_4 .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_list.version_4 .rss:hover, .news_list.version_4 .rss:focus { color: #bde1cd} @media screen and (max-width: 650px) { .news_list.version_4 ul { gap: 15px;} .news_list.version_4 ul li { width: 100%; margin: 0;} } .news_list.version_5 { padding: 60px 0;width: 100%;background: #f3f3f3;position: relative;} .news_list.version_5 h2 { text-align: center;margin: 0;padding: 0 0 20px;font-size: 24px;line-height: 30px;font-weight: 800;text-transform: uppercase; color: #bde1cd;} .news_list.version_5 .item { text-align: center; width: 100%; display: inline-block; vertical-align: top; margin: 0; border: 1px solid #f2f2f2; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .news_list.version_5 .item:hover, .news_list.version_5 .item:focus { border: 1px solid #dbdbdb} .news_list.version_5 ul{ padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;} .news_list.version_5 ul li { width: calc(33.33% - 40px / 3 - 5px); margin-top: 20px;} .news_list.version_5 .item .text { text-align: left; border-top: 1px solid #e7e8e9; background-color: #fff; padding: 20px; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .news_list.version_5 .item:hover .text, .news_list.version_5 .item:focus .text { border-top: 1px solid #dbdbdb} .news_list.version_5 .item .img { display: block; height: 180px; width: 100%; background-attachment: local; background-color: #fff; position: relative; background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover;} .news_list.version_5 .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_5 .item .title { display: block; margin: 0 0 5px; height: 40px; overflow: hidden; font-size: 16px; font-weight: 400; 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_5 .item:hover .title, .news_list.version_5 .item:focus .title { color: #bde1cd;} .news_list.version_5 .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_5 .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_5 .item:hover .link, .news_list.version_5 .item:focus .link { color: #bde1cd;} .news_list.version_5 .align-center { margin-top: 20px;} .news_list.version_5 .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_list.version_5 .rss:hover, .news_list.version_5 .rss:focus { color: #bde1cd} @media screen and (max-width: 650px) { .news_list.version_5 ul { gap: 15px;} .news_list.version_5 ul li { width: 100%; margin: 0;} } .akce_modul.akce_archive { padding-top: 60px; border-top: 1px solid #ebebeb; margin-top: 60px;} .akce_modul.akce_archive h2 { margin-top: 0;} .akce_modul .akce_list { display: flex; flex-wrap: wrap;} .akce_modul .akce_list .item { text-align: center; background: #fff; width: calc(33.33% - 12px); display: inline-block; vertical-align: top; margin-top: 15px; margin-right: 15px; border: 1px solid #f2f2f2; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .akce_modul .akce_list .item:nth-child(3n) { margin-right: 0;} .akce_modul .akce_list .item:nth-child(-n + 3) { margin-top: 0;} .akce_modul .akce_list .item .text { text-align: left; padding: 20px; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .akce_modul .akce_list .item .title { display: block; margin: 8px 0 10px; height: 60px; overflow: hidden; font-size: 16px; font-weight: 400; 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 .akce_modul .akce_list .item:hover .title, .akce_modul .akce_list .item:focus .title { color: #bde1cd;} .akce_modul .akce_list .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;} .akce_modul .akce_list .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 .akce_modul .akce_list .item:hover .link, .akce_modul .akce_list .item:focus .link { color: #bde1cd; text-decoration: underline;} @media screen and (max-width: 920px) { .akce_modul .akce_list .item .title { font-size: 15px;} } @media screen and (max-width: 780px) { .akce_modul .akce_list .item { width: calc(50% - 10px);} .akce_modul .akce_list .item:nth-child(3n) { margin-right: 15px;} .akce_modul .akce_list .item:nth-child(-n + 3) { margin-top: 15px;} .akce_modul .akce_list .item:nth-child(2n) { margin-right: 0;} .akce_modul .akce_list .item:nth-child(-n + 2) { margin-top: 0;} } @media screen and (max-width: 780px) { .akce_modul .akce_list .item { width: 100% !important; margin-right: 0 !important; margin-top: 15px !important;} .akce_modul .akce_list .item:nth-child(1) { margin-top: 0 !important;} } @media screen and (max-width: 600px) { .akce_modul.akce_archive { padding-top: 45px; margin-top: 50px;} } .hp_deska_list.deska_list.version_1 { padding: 60px 0; position: relative; background: #fff; border-top: 1px solid #f0f0f0;} .hp_deska_list.deska_list.version_1 h2 { text-align: center;margin: 0 0 30px;padding: 0;font-size: 24px;line-height: 30px;font-weight: 800;text-transform: uppercase;color: #bde1cd;} .notouch .hp_deska_list.deska_list.version_1 .item:hover, .hp_deska_list.deska_list.version_1 .item:focus { border: 1px solid #dbdbdb} .hp_deska_list.deska_list.version_1 ul { padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: wrap;} .hp_deska_list.deska_list.version_1 ul li { width: calc(33.33% - 40px / 3); margin-top: 20px; margin-right: 20px; z-index: 9;} .hp_deska_list.deska_list.version_1 ul li:nth-child(-n + 3) { margin-top: 0;} .hp_deska_list.deska_list.version_1 ul li:nth-child(3n) { margin-right: 0;} .hp_deska_list.deska_list.version_1 ul li .item { padding: 18px; box-sizing: border-box; z-index: 9; text-align: center; width: 100%; display: inline-block; vertical-align: top; margin: 0; border: 1px solid #f2f2f2; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .hp_deska_list.deska_list.version_1 ul li .item .item_inbox { display: flex; flex-direction: column; align-items: flex-start;} .hp_deska_list.deska_list.version_1 ul li .item .item_inbox .title { display: block; margin: 0 0 5px; z-index: 9; text-transform: uppercase; height: 84px; font-size: 16px; font-weight: 400; font-family: open_sansbold, sans-serif, Arial; line-height: 20px; color: #000000; text-align: left; -webkit-transition: all 400ms ease; transition: all 400ms ease; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} .hp_deska_list.deska_list.version_1 ul li .item .item_inbox .dates { margin: 12px 0 26px; padding-top: 20px; width: 100%; z-index: 9; border-top: 1px solid #f2f2f2;} .hp_deska_list.deska_list.version_1 ul li .item .item_inbox .dates .date { margin: 5px 0 0; text-align: left; display: flex; justify-content: space-between;} .hp_deska_list.deska_list.version_1 ul li .item .item_inbox .dates .date:nth-child(1) { margin: 0;} .hp_deska_list.deska_list.version_1 ul li .item .item_inbox .dates .date .key { color: #bde1cd; font-weight: 700; min-width: 105px; display: inline-block; margin-right: 15px;} .hp_deska_list.deska_list.version_1 ul li .item .item_inbox .dates .date .value { font-weight: 500;} .hp_deska_list.deska_list.version_1 .flex_row_center { display: flex; justify-content: center; margin: 30px 0 0;} @media screen and (max-width: 1024px) { .hp_deska_list.deska_list.version_1 ul li .item .item_inbox .title { font-size: 14px; line-height: 20px; height: 80px;} .hp_deska_list.deska_list.version_1 ul li .item .item_inbox .dates .date { font-size: 13px; line-height: 20px;} } @media screen and (max-width: 850px) { .hp_deska_list.deska_list.version_1 ul li { width: calc(50% - 20px / 2);} .hp_deska_list.deska_list.version_1 ul li:nth-child(-n + 3) { margin-top: 20px;} .hp_deska_list.deska_list.version_1 ul li:nth-child(3n) { margin-right: 20px;} .hp_deska_list.deska_list.version_1 ul li:nth-child(-n + 2) { margin-top: 0;} .hp_deska_list.deska_list.version_1 ul li:nth-child(2n) { margin-right: 0;} } @media screen and (max-width: 550px) { .hp_deska_list.deska_list.version_1 ul li { width: 100%; margin-top: 20px !important; margin-right: 0 !important;} .hp_deska_list.deska_list.version_1 ul li:nth-child(1) { margin-top: 0 !important;} } .hp_deska_list.deska_list.version_2 { padding: 60px 0; position: relative; background: #fff;} .hp_deska_list.deska_list.version_2 h2 { text-align: center;margin: 0 0 30px;padding: 0;font-size: 24px;line-height: 30px;font-weight: 800;text-transform: uppercase;color: #000000;} .notouch .hp_deska_list.deska_list.version_1 .item:hover, .hp_deska_list.deska_list.version_2 .item:focus { border: 1px solid #dbdbdb} .hp_deska_list.deska_list.version_2 .deska_slider { margin-top: 20px; margin-right: 20px; z-index: 9; position: relative; display: none; opacity: 0;} .hp_deska_list.deska_list.version_2 .deska_slider .owl-item { padding: 0 10px; box-sizing: border-box;} .hp_deska_list.deska_list.version_2 .deska_slider .item { padding: 18px; width: 100%; box-sizing: border-box; z-index: 9; text-align: center; display: inline-block; vertical-align: top; margin: 0; border: 1px solid #f2f2f2; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .hp_deska_list.deska_list.version_2 .deska_slider .item .item_inbox { display: flex; flex-direction: column; align-items: flex-start;} .hp_deska_list.deska_list.version_2 .deska_slider .item .item_inbox .title { display: block; margin: 0 0 5px; z-index: 9; text-transform: uppercase; height: 84px; font-size: 16px; font-weight: 400; font-family: open_sansbold, sans-serif, Arial; line-height: 20px; color: #000000; text-align: left; -webkit-transition: all 400ms ease; transition: all 400ms ease; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} .hp_deska_list.deska_list.version_2 .deska_slider .item .item_inbox .dates { margin: 12px 0 26px; padding-top: 20px; width: 100%; z-index: 9; border-top: 1px solid #f2f2f2;} .hp_deska_list.deska_list.version_2 .deska_slider .item .item_inbox .dates .date { margin: 5px 0 0; text-align: left; display: flex; justify-content: space-between;} .hp_deska_list.deska_list.version_2 .deska_slider .item .item_inbox .dates .date:nth-child(1) { margin: 0;} .hp_deska_list.deska_list.version_2 .deska_slider .item .item_inbox .dates .date .key { color: #bde1cd; font-weight: 700; min-width: 105px; display: inline-block; margin-right: 15px;} .hp_deska_list.deska_list.version_2 .deska_slider .item .item_inbox .dates .date .value { font-weight: 500;} .hp_deska_list.deska_list.version_2 .deska_slider.owl-carousel .owl-controls { position: absolute; top: 50%; margin-top: -27px; width: 100%; left: 0; right: 0; min-height: 0; z-index: 999; } .hp_deska_list.deska_list.version_2 .deska_slider.owl-carousel .owl-controls .owl-buttons .owl-prev { border: 1px solid #bde1cd; background: #bde1cd; cursor: pointer; position:absolute; width: 52px; height: 52px; left: -55px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .hp_deska_list.deska_list.version_2 .deska_slider.owl-carousel .owl-controls .owl-buttons .owl-next { border: 1px solid #bde1cd; background: #bde1cd; cursor: pointer; position:absolute; width: 52px; height: 52px; right: -55px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .hp_deska_list.deska_list.version_2 .deska_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;} .hp_deska_list.deska_list.version_2 .deska_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 .hp_deska_list.deska_list.version_2 .deska_slider.owl-carousel .owl-controls .owl-buttons .owl-prev:hover, .notouch .hp_deska_list.deska_list.version_2 .deska_slider.owl-carousel .owl-controls .owl-buttons .owl-next:hover, .hp_deska_list.deska_list.version_2 .deska_slider.owl-carousel .owl-controls .owl-buttons .owl-prev:focus, .hp_deska_list.deska_list.version_2 .deska_slider.owl-carousel .owl-controls .owl-buttons .owl-next:focus { background: #ffffff;} .notouch .hp_deska_list.deska_list.version_2 .deska_slider.owl-carousel .owl-controls .owl-buttons .owl-prev:hover::before, .notouch .hp_deska_list.deska_list.version_2 .deska_slider.owl-carousel .owl-controls .owl-buttons .owl-next:hover::before, .hp_deska_list.deska_list.version_2 .deska_slider.owl-carousel .owl-controls .owl-buttons .owl-prev:focus::before, .hp_deska_list.deska_list.version_2 .deska_slider.owl-carousel .owl-controls .owl-buttons .owl-next:focus::before { color: #bde1cd} .hp_deska_list.deska_list.version_2 .flex_row_center { display: flex; justify-content: center; margin: 30px 0 0;} @media screen and (max-width: 1320px) { .hp_deska_list.deska_list.version_2 .deska_slider.owl-carousel .owl-controls { margin-top: 0; top: 0;} .hp_deska_list.deska_list.version_2 .deska_slider.owl-carousel .owl-controls .owl-buttons .owl-prev { left: 10px; transform: translateY(calc(-100% - 10px));} .hp_deska_list.deska_list.version_2 .deska_slider.owl-carousel .owl-controls .owl-buttons .owl-next { right: 10px; transform: translateY(calc(-100% - 10px));} } @media screen and (max-width: 1024px) { .hp_deska_list.deska_list.version_2 .deska_slider .item .item_inbox .title { font-size: 14px; line-height: 20px; height: 80px;} .hp_deska_list.deska_list.version_2 .deska_slider .item .item_inbox .dates .date { font-size: 13px; line-height: 20px;} } @media screen and (max-width: 768px) { .hp_deska_list.deska_list.version_2 .deska_slider.owl-carousel .owl-controls .owl-buttons .owl-prev { width: 42px; height: 42px;} .hp_deska_list.deska_list.version_2 .deska_slider.owl-carousel .owl-controls .owl-buttons .owl-prev::before { width: 42px; height: 42px; line-height: 34px; font-size: 40px;} .hp_deska_list.deska_list.version_2 .deska_slider.owl-carousel .owl-controls .owl-buttons .owl-next { width: 42px; height: 42px;} .hp_deska_list.deska_list.version_2 .deska_slider.owl-carousel .owl-controls .owl-buttons .owl-next::before { width: 42px; height: 42px; line-height: 34px; font-size: 40px;} } @media screen and (max-width: 500px) { .hp_deska_list.deska_list.version_2 h2 { max-width: 120px; margin: 0 auto; text-align: center;} } .deska_list .align-center.not_found_text { text-align: left;} .deska_list.version_1 { width: 100%; text-align: left; position: relative;} .deska_list.version_1 .filter_box { margin: 0 0 35px; padding: 20px; box-sizing: border-box; border: 1px solid #f2f2f2;} .deska_list.version_1 .filter_box form .top { display: flex;} .deska_list.version_1 .filter_box form .top .filter_item { width: 100%; z-index: 9;} .deska_list.version_1 .filter_box form .mid { display: flex; margin: 20px 0 15px;} .deska_list.version_1 .filter_box form .mid .filter_item { margin-left: 22px; z-index: 9;} .deska_list.version_1 .filter_box form .mid .filter_item:nth-child(1) { margin-left: 0;} .deska_list.version_1 .filter_box form .bottom { display: flex; width: 100%; max-width: 321px;} .deska_list.version_1 .filter_box form .buttons_box { margin-top: 32px;} .deska_list.version_1 .filter_box form .buttons_box .cancel_btn { } .deska_list.version_1 .filter_box form .buttons_box .cancel_btn:hover { text-decoration: none;} .deska_list.version_1 .filter_box .flex_row_left { display: flex; justify-content: flex-start;} .deska_list.version_1 .filter_box .flex_row_left a { color: #E72628; font-size: 14px; line-height: 14px; text-decoration: underline; display: inline-block;} .deska_list.version_1 .filter_box .flex_row_left a:hover { text-decoration: none;} .deska_list.version_1 .filter_box form .filter_item { display: flex; flex-direction: column; align-items: flex-start;} .deska_list.version_1 .filter_box form .bottom .filter_item { width: 100%;} .deska_list.version_1 .filter_box form .filter_item .title { font-size: 13px; line-height: 20px; margin: 0 0 4px; font-weight: 600;} .deska_list.version_1 .filter_box form .filter_item .search_box { border: 1px solid #f0f0f0;width:100%;background: #ffffff;font-size: 14px;line-height: 20px;padding: 8px 12px;box-sizing:border-box;color: #2f444e;-webkit-transition: all 400ms ease;transition: all 400ms ease;} .deska_list.version_1 .filter_box form .filter_item .search_box:focus { border: 1px solid #bde1cd;} .deska_list.version_1 .filter_box form .filter_item .date_box { font-family: open_sansregular, sans-serif, Arial; border: 1px solid #f0f0f0;background: #ffffff;font-size: 14px;line-height: 20px;color: #5f5f5f;padding: 7px 12px;color: #2f444e;-webkit-transition: all 400ms ease;transition: all 400ms ease;} .deska_list.version_1 .filter_box form .filter_item .sbHolder { width: 100%;} .deska_list.version_1 .filter_box form .filter_item .sbSelector { position: relative;font-family: barlow,sans-serif,Arial;white-space: nowrap;font-size: 14px;line-height: 20px;background: #fff;color: #5f5f5f;border: 1px solid #f0f0f0;padding: 8px 45px 8px 15px;display: block;box-sizing: border-box;-webkit-transition: all 400ms ease;transition: all 400ms ease;} .deska_list.version_1 .filter_box form .filter_item .sbOptions { z-index: 99999;top: 38px!important;border: 1px solid #f0f0f0;border-top: none;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;box-sizing: border-box; display: flex; flex-direction: column; width: 100%;} .deska_list.version_1 .filter_box form .filter_item .sbOptions li { width: 100%; margin: 0 !important;} .deska_list.version_1 .filter_box form .filter_item .sbOptions li a { background: #fff;font-family: barlow,sans-serif,Arial;border-top: 1px solid #f0f0f0;font-size: 14px;line-height: 20px;color: #5f5f5f;padding: 10px;-webkit-transition: all 400ms ease;transition: all 400ms ease;} .deska_list.version_1 .filter_box form .filter_item .sbOptions li:nth-child(1) a { border-top: 0;} .deska_list.version_1 .filter_box form .filter_item .sbOptions li a:hover { background: #bde1cd !important; color: #fff !important;} .deska_list.version_1 .item { text-align: center; width: 100%; display: inline-block; vertical-align: top; margin: 0; border: 1px solid #f2f2f2; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .news_list.version_1 .item:hover, .deska_list.version_1 .item:focus { border: 1px solid #dbdbdb} .deska_list.version_1 .item { padding: 18px; box-sizing: border-box; z-index: 9;} .deska_list.version_1 .item .item_inbox { display: flex; flex-direction: column; align-items: flex-start;} .deska_list.version_1 .item .item_inbox .title { display: block; margin: 0 0 5px; z-index: 9; text-transform: uppercase; height: 84px; font-size: 16px; font-weight: 400; font-family: open_sansbold, sans-serif, Arial; line-height: 20px; color: #000000; text-align: left; -webkit-transition: all 400ms ease; transition: all 400ms ease; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} .deska_list.version_1 .item .item_inbox .dates { margin: 12px 0 26px; padding-top: 20px; width: 100%; z-index: 9; border-top: 1px solid #f2f2f2;} .deska_list.version_1 .item .item_inbox .dates .date { margin: 5px 0 0; text-align: left; display: flex; justify-content: space-between;} .deska_list.version_1 .item .item_inbox .dates .date:nth-child(1) { margin: 0;} .deska_list.version_1 .item .item_inbox .dates .date .key { color: #bde1cd; font-weight: 700; min-width: 105px; display: inline-block; margin-right: 15px;} .deska_list.version_1 .item .item_inbox .dates .date .value { font-weight: 500;} .c_column .deska_list.version_1 ul{ padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: wrap;} .c_column:not(.full) .deska_list.version_1 ul li { width: calc(33.33% - 40px / 3); margin-top: 20px; z-index: 9;} .c_column:not(.full) .deska_list.version_1 ul li:nth-child(3n - 1) { margin: 20px 20px 0;} .c_column:not(.full) .deska_list.version_1 ul li:nth-child(-n + 3) { margin-top: 0;} .c_column.full .deska_list.version_1 ul li { width: calc(25% - 60px / 4 - 5px); margin: 20px 0 0;} .c_column.full .deska_list.version_1 ul li:nth-child(4n - 1) { margin: 20px 20px 0;} .c_column.full .deska_list.version_1 ul li:nth-child(4n - 2) { margin: 20px 0 0 20px;} .c_column.full .deska_list.version_1 ul li:nth-child(-n + 4) { margin-top: 0;} @media screen and (max-width: 1400px) { .c_column:not(.full) .deska_list.version_1 ul li { width: calc(50% - 20px / 2); margin-top: 20px !important} .c_column:not(.full) .deska_list.version_1 ul li:nth-child(2n) { margin: 20px 0 0 20px !important;} .c_column:not(.full) .deska_list.version_1 ul li:nth-child(-n + 2) { margin-top: 0 !important;} } @media screen and (max-width: 1200px) { .c_column.full .deska_list.version_1 ul li { width: calc(33.33% - 40px / 3); margin: 0 !important;} .c_column.full .deska_list.version_1 ul li:nth-child(3n - 1) { margin: 0 20px 0 !important;} .c_column.full .deska_list.version_1 ul li:nth-child(-n + 3) { margin-top: 0 !important;} } @media screen and (max-width: 900px) { .c_column.full .deska_list.version_1 ul li { width: calc(50% - 20px / 2); margin: 0 !important;} .c_column.full .deska_list.version_1 ul li:nth-child(3n - 1) { margin: 0 !important;} .c_column.full .deska_list.version_1 ul li:nth-child(2n) { margin: 20px 0 0 20px !important;} .c_column.full .deska_list.version_1 ul li:nth-child(-n + 3) { margin-top: 0 !important;} .c_column.full .deska_list.version_1 ul li:nth-child(-n + 2) { margin-top: 0 !important;} } @media screen and (max-width: 700px) { .sub .news { display: none;} .c_column:not(.full) .deska_list.version_1 h2 { text-align: center; font-size: 24px; line-height: 30px;} .c_column:not(.full) .deska_list.version_1 ul li { display: block; width: calc(100% - 2px); margin: 20px 0 0 !important;} .c_column:not(.full) .deska_list.version_1 ul li:nth-child(2n) { margin: 20px 0 0 0 !important;} .c_column:not(.full) .deska_list.version_1 ul li:nth-child(-n + 2) { margin-top: 20px !important;} .c_column:not(.full) .deska_list.version_1 ul li:nth-child(1) { margin-top: 0 !important;} .deska_list.version_1 .filter_box form .filter_item .sbOptions li { margin-top: 0 !important;} } @media screen and (max-width: 600px) { .c_column.full .deska_list.version_1 ul li { width: calc(100% - 2px); margin: 0 !important;} .c_column.full .deska_list.version_1 ul li:nth-child(2n) { margin: 0 !important;} .c_column.full .deska_list.version_1 ul li:nth-child(-n + 3) { margin-top: 0 !important;} .c_column.full .deska_list.version_1 ul li:nth-child(-n + 2) { margin-top: 0px !important;} .c_column.full .deska_list.version_1 ul li:nth-child(1) { margin-top: 0 !important;} .deska_list.version_1 .filter_box form .filter_item .sbOptions li { margin-top: 0 !important;} } @media screen and (max-width: 500px) { .deska_list.version_1 .filter_box form .mid { flex-direction: column;} .deska_list.version_1 .filter_box form .mid .filter_item:nth-child(2n) { margin-left: 0; margin-top: 15px;} .deska_list.version_1 .filter_box form .bottom { max-width: unset;} .deska_list.version_1 .filter_box form .buttons_box { margin-top: 20px; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between;} .deska_list.version_1 .filter_box form .buttons_box .cancel_btn { margin-left: 0; order: 1; margin-bottom: 15px;} .deska_list.version_1 .filter_box form .buttons_box .btn { margin-top: 8px; width: 100%; order: 2;} } .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: 400; 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: 400; 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: 400; font-family: open_sansbold, sans-serif, Arial;} .finall_order p a { text-decoration: underline; font-size: 14px; line-height: 22px; color: #bde1cd; font-weight: 400; font-family: open_sansbold, sans-serif, Arial; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .finall_order p a:hover, .finall_order p a:focus { 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: 400; 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, .file_list.version_1 a.item:focus { border: 1px solid #bde1cd; background: #bde1cd; 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: 400; 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, .file_list.version_2 a.item:focus { border: 1px solid #bde1cd; color: #bde1cd;} .notouch .file_list.version_2 a.item:hover::before, .file_list.version_2 a.item:focus::before { color: #bde1cd;} .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: 400; 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: 400; 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, .file_list.version_3 a.item:focus { color: #bde1cd;} .notouch .file_list.version_3 a.item:hover .icon, .file_list.version_3 a.item:focus .icon { border: 2px solid #bde1cd; color: #bde1cd;} .notouch .file_list.version_3 a.item:hover .icon::before, .file_list.version_3 a.item:focus .icon::before { border: 2px solid #bde1cd;} .notouch .file_list.version_3 a.item:hover .icon::after, .file_list.version_3 a.item:focus .icon::after { border-top: 2px solid #bde1cd;} .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: 400; 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: 400; 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, .file_list.version_4 a.item:focus { color: #bde1cd;} .notouch .file_list.version_4 a.item:hover::before, .file_list.version_4 a.item:focus::before { color: #bde1cd;} .notouch .file_list.version_4 a.item:hover::after, .file_list.version_4 a.item:focus::after { background: #bde1cd;} .notouch .file_list.version_4 a.item:hover .icon, .file_list.version_4 a.item:hovefocusr .icon { border: 2px solid #bde1cd; color: #bde1cd;} .notouch .file_list.version_4 a.item:hover .icon::before, .file_list.version_4 a.item:focus .icon::before { border: 2px solid #bde1cd;} .notouch .file_list.version_4 a.item:hover .icon::after, .file_list.version_4 a.item:focus .icon::after { border-top: 2px solid #bde1cd;} .fotogalerie { width: 100%; position: relative; margin: 0 auto; font-size: 0;} .fotogalerie .text_box { margin: 0 0 20px;} .fotogalerie a.swipebox { margin: 0; display: inline-block; vertical-align: middle; position: relative;} .fotogalerie a.swipebox .in { background-color: #f0f0f0; display: block; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;} .fotogalerie a.swipebox::before { opacity: 0; content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #bde1cd; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .fotogalerie a.swipebox::after { opacity: 0; content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 52px; height: 52px; background: url(../img/fotogallery_icon.svg) no-repeat scroll center center; background-size: 46px 46px; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .fotogalerie a:hover::before, .fotogalerie a:focus::before { opacity: 0.90;} .notouch .fotogalerie a:hover::after, .fotogalerie a:focus::after { opacity: 1;} .fotogalerie.version_1 a.swipebox { width: calc(25% - 30px / 4); margin: 10px 0 0;} .fotogalerie.version_1 a.swipebox:nth-child(4n - 1) { margin: 10px 10px 0;} .fotogalerie.version_1 a.swipebox:nth-child(4n - 2) { margin: 10px 0 0 10px;} .fotogalerie.version_1 a.swipebox:nth-child(-n + 4) { margin-top: 0;} .fotogalerie.version_1 a.swipebox .in { padding: 0 0 100%;} @media screen and (max-width: 1280px) { .fotogalerie.version_1 a.swipebox { width: calc(33.33% - 20px / 3); margin: 10px 0 0;} .fotogalerie.version_1 a.swipebox:nth-child(4n - 1) { margin: 10px 0 0;} .fotogalerie.version_1 a.swipebox:nth-child(4n - 2) { margin: 10px 0 0;} .fotogalerie.version_1 a.swipebox:nth-child(-n + 4) { margin-top: 10px;} .fotogalerie.version_1 a.swipebox:nth-child(3n - 1) { margin: 10px 10px 0;} .fotogalerie.version_1 a.swipebox:nth-child(-n + 3) { margin-top: 0;} } @media screen and (max-width: 700px) { .fotogalerie.version_1 a.swipebox { width: calc(50% - 10px / 2); margin: 10px 0 0;} .fotogalerie.version_1 a.swipebox:nth-child(4n - 1) { margin: 10px 0 0;} .fotogalerie.version_1 a.swipebox:nth-child(4n - 2) { margin: 10px 0 0;} .fotogalerie.version_1 a.swipebox:nth-child(-n + 4) { margin-top: 10px;} .fotogalerie.version_1 a.swipebox:nth-child(3n - 1) { margin: 10px 0 0;} .fotogalerie.version_1 a.swipebox:nth-child(-n + 3) { margin-top: 10px;} .fotogalerie.version_1 a.swipebox:nth-child(2n) { margin: 10px 0 0 10px;} .fotogalerie.version_1 a.swipebox:nth-child(-n + 2) { margin-top: 10px;} } .fotogalerie.version_2 a.swipebox { width: calc(33.33% - 20px / 3); margin: 10px 0 0;} .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 .in { padding: 0 0 60%;} @media screen and (max-width: 700px) { .fotogalerie.version_2 a.swipebox { width: calc(50% - 10px / 2); margin: 10px 0 0;} .fotogalerie.version_2 a.swipebox:nth-child(3n - 1) { margin: 10px 0 0;} .fotogalerie.version_2 a.swipebox:nth-child(-n + 3) { margin-top: 10px;} .fotogalerie.version_2 a.swipebox:nth-child(2n) { margin: 10px 0 0 10px;} .fotogalerie.version_2 a.swipebox:nth-child(-n + 2) { margin-top: 0;} } /* .fotogalerie { width: 100%; position: relative; margin: 0; font-size: 0;} .fotogalerie .text_box { margin: 0 0 20px;} .fotogalerie a.swipebox { display: inline-block; vertical-align: middle; position: relative; -webkit-box-shadow: 0 0 10px -4px rgba(0,0,0,0.5); box-shadow: 0 0 10px -4px rgba(0,0,0,0.5);} .fotogalerie a.swipebox .in { display: block; position: relative; width: 100%; background: no-repeat scroll center center; background-size: cover;} .fotogalerie.square a.swipebox .in { padding: 0 0 100%;} .fotogalerie.rectangle a.swipebox .in { padding: 0 0 66.66%;} .fotogalerie a.swipebox .in::before { opacity: 0; content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #bde1cd; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .fotogalerie a.swipebox .in::after { opacity: 0; content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 46px; height: 46px; background: url(../../img/fotogallery_icon.svg) no-repeat scroll center center; background-size: 46px 46px; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .fotogalerie a:hover .in::before { opacity: 0.90;} .notouch .fotogalerie a:hover .in::after { opacity: 1;} .fotogalerie.row_three a.swipebox { width: calc(33.33% - 20px / 3); margin: 10px 0 0;} .fotogalerie.row_three a.swipebox:nth-child(3n - 1) { margin: 10px 10px 0;} .fotogalerie.row_three a.swipebox:nth-child(-n + 3) { margin-top: 0;} @media screen and (max-width: 700px) { .fotogalerie.row_three a.swipebox { width: calc(50% - 10px / 2); margin: 10px 0 0;} .fotogalerie.row_three a.swipebox:nth-child(3n - 1) { margin: 10px 0 0;} .fotogalerie.row_three a.swipebox:nth-child(-n + 3) { margin-top: 10px;} .fotogalerie.row_three a.swipebox:nth-child(2n) { margin: 10px 0 0 10px;} .fotogalerie.row_three a.swipebox:nth-child(-n + 2) { margin-top: 0;} } .fotogalerie.row_four a.swipebox { width: calc(25% - 30px / 4); margin: 10px 0 0;} .fotogalerie.row_four a.swipebox:nth-child(4n - 1) { margin: 10px 10px 0;} .fotogalerie.row_four a.swipebox:nth-child(4n - 2) { margin: 10px 0 0 10px;} .fotogalerie.row_four a.swipebox:nth-child(-n + 4) { margin-top: 0;} @media screen and (max-width: 1280px) { .fotogalerie.row_four a.swipebox { width: calc(33.33% - 20px / 3); margin: 10px 0 0;} .fotogalerie.row_four a.swipebox:nth-child(4n - 1) { margin: 10px 0 0;} .fotogalerie.row_four a.swipebox:nth-child(4n - 2) { margin: 10px 0 0;} .fotogalerie.row_four a.swipebox:nth-child(-n + 4) { margin-top: 10px;} .fotogalerie.row_four a.swipebox:nth-child(3n - 1) { margin: 10px 10px 0;} .fotogalerie.row_four a.swipebox:nth-child(-n + 3) { margin-top: 0;} } @media screen and (max-width: 700px) { .fotogalerie.row_four a.swipebox { width: calc(50% - 10px / 2); margin: 10px 0 0;} .fotogalerie.row_four a.swipebox:nth-child(4n - 1) { margin: 10px 0 0;} .fotogalerie.row_four a.swipebox:nth-child(4n - 2) { margin: 10px 0 0;} .fotogalerie.row_four a.swipebox:nth-child(-n + 4) { margin-top: 10px;} .fotogalerie.row_four a.swipebox:nth-child(3n - 1) { margin: 10px 0 0;} .fotogalerie.row_four a.swipebox:nth-child(-n + 3) { margin-top: 10px;} .fotogalerie.row_four a.swipebox:nth-child(2n) { margin: 10px 0 0 10px;} .fotogalerie.row_four a.swipebox:nth-child(-n + 2) { margin-top: 0;} } .fotogalerie.row_five a.swipebox { width: calc(20% - 40px / 5); margin: 10px 0 0;} .fotogalerie.row_five a.swipebox:nth-child(5n - 1) { margin: 10px 10px 0;} .fotogalerie.row_five a.swipebox:nth-child(5n - 3) { margin: 10px 10px 0;} .fotogalerie.row_five a.swipebox:nth-child(-n + 5) { margin-top: 0;} @media screen and (max-width: 1280px) { .fotogalerie.row_five a.swipebox { width: calc(25% - 30px / 4); margin: 10px 0 0;} .fotogalerie.row_five a.swipebox:nth-child(5n - 1) { margin: 10px 0 0;} .fotogalerie.row_five a.swipebox:nth-child(5n - 3) { margin: 10px 0 0;} .fotogalerie.row_five a.swipebox:nth-child(-n + 5) { margin-top: 10px;} .fotogalerie.row_five a.swipebox:nth-child(4n - 1) { margin: 10px 10px 0;} .fotogalerie.row_five a.swipebox:nth-child(4n - 2) { margin: 10px 0 0 10px;} .fotogalerie.row_five a.swipebox:nth-child(-n + 4) { margin-top: 0;} } @media screen and (max-width: 900px) { .fotogalerie.row_five a.swipebox { width: calc(33.33% - 20px / 3); margin: 10px 0 0;} .fotogalerie.row_five a.swipebox:nth-child(5n - 1) { margin: 10px 0 0;} .fotogalerie.row_five a.swipebox:nth-child(5n - 3) { margin: 10px 0 0;} .fotogalerie.row_five a.swipebox:nth-child(-n + 5) { margin-top: 10px;} .fotogalerie.row_five a.swipebox:nth-child(4n - 1) { margin: 10px 0 0;} .fotogalerie.row_five a.swipebox:nth-child(4n - 2) { margin: 10px 0 0;} .fotogalerie.row_five a.swipebox:nth-child(-n + 4) { margin-top: 10px;} .fotogalerie.row_five a.swipebox:nth-child(3n - 1) { margin: 10px 10px 0;} .fotogalerie.row_five a.swipebox:nth-child(-n + 3) { margin-top: 0;} } .fotogalerie.row_six a.swipebox { width: calc(16.66% - 50px / 6); margin: 10px 0 0;} .fotogalerie.row_six a.swipebox:nth-child(6n - 1) { margin: 10px 10px 0;} .fotogalerie.row_six a.swipebox:nth-child(6n - 3) { margin: 10px 10px 0;} .fotogalerie.row_six a.swipebox:nth-child(6n - 5) { margin: 10px 10px 0 0;} .fotogalerie.row_six a.swipebox:nth-child(-n + 6) { margin-top: 0;} @media screen and (max-width: 1500px) { .fotogalerie.row_six a.swipebox { width: calc(20% - 40px / 5); margin: 10px 0 0;} .fotogalerie.row_six a.swipebox:nth-child(6n - 1) { margin: 10px 0 0;} .fotogalerie.row_six a.swipebox:nth-child(6n - 3) { margin: 10px 0 0;} .fotogalerie.row_six a.swipebox:nth-child(6n - 5) { margin: 10px 0 0;} .fotogalerie.row_six a.swipebox:nth-child(-n + 6) { margin-top: 10px;} .fotogalerie.row_six a.swipebox:nth-child(5n - 1) { margin: 10px 10px 0;} .fotogalerie.row_six a.swipebox:nth-child(5n - 3) { margin: 10px 10px 0;} .fotogalerie.row_six a.swipebox:nth-child(-n + 5) { margin-top: 0;} } @media screen and (max-width: 1280px) { .fotogalerie.row_six a.swipebox { width: calc(25% - 30px / 4); margin: 10px 0 0;} .fotogalerie.row_six a.swipebox:nth-child(6n - 1) { margin: 10px 0 0;} .fotogalerie.row_six a.swipebox:nth-child(6n - 3) { margin: 10px 0 0;} .fotogalerie.row_six a.swipebox:nth-child(6n - 5) { margin: 10px 0 0;} .fotogalerie.row_six a.swipebox:nth-child(-n + 6) { margin-top: 10px;} .fotogalerie.row_six a.swipebox:nth-child(5n - 1) { margin: 10px 0 0;} .fotogalerie.row_six a.swipebox:nth-child(5n - 3) { margin: 10px 0 0;} .fotogalerie.row_six a.swipebox:nth-child(-n + 5) { margin-top: 10px;} .fotogalerie.row_six a.swipebox:nth-child(4n - 1) { margin: 10px 10px 0;} .fotogalerie.row_six a.swipebox:nth-child(4n - 2) { margin: 10px 0 0 10px;} .fotogalerie.row_six a.swipebox:nth-child(-n + 4) { margin-top: 0;} } @media screen and (max-width: 900px) { .fotogalerie.row_six a.swipebox { width: calc(33.33% - 20px / 3); margin: 10px 0 0;} .fotogalerie.row_six a.swipebox:nth-child(6n - 1) { margin: 10px 0 0;} .fotogalerie.row_six a.swipebox:nth-child(6n - 3) { margin: 10px 0 0;} .fotogalerie.row_six a.swipebox:nth-child(6n - 5) { margin: 10px 0 0;} .fotogalerie.row_six a.swipebox:nth-child(-n + 6) { margin-top: 10px;} .fotogalerie.row_six a.swipebox:nth-child(5n - 1) { margin: 10px 0 0;} .fotogalerie.row_six a.swipebox:nth-child(5n - 3) { margin: 10px 0 0;} .fotogalerie.row_six a.swipebox:nth-child(-n + 5) { margin-top: 10px;} .fotogalerie.row_six a.swipebox:nth-child(4n - 1) { margin: 10px 0 0;} .fotogalerie.row_six a.swipebox:nth-child(4n - 2) { margin: 10px 0 0;} .fotogalerie.row_six a.swipebox:nth-child(-n + 4) { margin-top: 10px;} .fotogalerie.row_six a.swipebox:nth-child(3n - 1) { margin: 10px 10px 0;} .fotogalerie.row_six a.swipebox:nth-child(-n + 3) { margin-top: 0;} } .grid_masonry { padding: 0; opacity: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .grid_masonry .grid-item { width: 25%; display: inline-block;} .grid_masonry .grid-item img { width: calc(100% - 8px); display: block; margin: 4px;} .grid_masonry .grid-item .in::before { opacity: 0; content: ""; display: block; position: absolute; left: 4px; top: 4px; right: 4px; bottom: 4px; background: #bde1cd; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .grid_masonry .grid-item .in::after { opacity: 0; content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 46px; height: 46px; background: url(../../img/fotogallery_icon.svg) no-repeat scroll center center; background-size: 46px 46px; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .grid_masonry .grid-item:hover .in::before { opacity: 0.90;} .notouch .grid_masonry .grid-item:hover .in::after { opacity: 1;} .grid_masonry.row_three a.swipebox { width: calc(33.33% - 20px / 3);} @media screen and (max-width: 700px) { .grid_masonry.row_three a.swipebox { width: calc(50% - 10px / 2);} } .grid_masonry.row_four a.swipebox { width: calc(25% - 30px / 4);} @media screen and (max-width: 1280px) { .grid_masonry.row_four a.swipebox { width: calc(33.33% - 20px / 3);} } @media screen and (max-width: 700px) { .grid_masonry.row_four a.swipebox { width: calc(50% - 10px / 2);} } .grid_masonry.row_five a.swipebox { width: calc(20% - 40px / 5);} @media screen and (max-width: 1280px) { .grid_masonry.row_five a.swipebox { width: calc(25% - 30px / 4);} } @media screen and (max-width: 900px) { .grid_masonry.row_five a.swipebox { width: calc(33.33% - 20px / 3);} } .grid_masonry.row_six a.swipebox { width: calc(16.66% - 50px / 6);} @media screen and (max-width: 1500px) { .grid_masonry.row_six a.swipebox { width: calc(20% - 40px / 5);} } @media screen and (max-width: 1280px) { .grid_masonry.row_six a.swipebox { width: calc(25% - 30px / 4);} } @media screen and (max-width: 900px) { .grid_masonry.row_six a.swipebox { width: calc(33.33% - 20px / 3);} } */ .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; } .scroll_top.hide { display: none;} .scroll_top::before { opacity: 1; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -9px; display: block; width: 18px; height: 12px; content: ""; background: url(../img/scroll_arrow.svg) no-repeat scroll center center; background-size: 18px 12px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .scroll_top::after { opacity: 0; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -9px; display: block; width: 18px; height: 12px; content: ""; background: url(../img/scroll_arrow_hover.svg) no-repeat scroll center center; background-size: 18px 12px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .scroll_top:hover::before, .scroll_top:focus::before { opacity: 0;} .notouch .scroll_top:hover::after, .scroll_top:focus::after { opacity: 1;} .notouch .scroll_top:hover, .scroll_top:focus { background: #bde1cd; border: 1px solid #bde1cd;} .scroll_top.active { opacity: 1; bottom: 30px;} .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: #bde1cd; 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 label{ display: block; font-size: 0; line-height: 0;} .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 #bde1cd;} .apologize_popup .box input::-webkit-input-placeholder, .apologize_popup .box textarea::-webkit-input-placeholder { color: #666;} .apologize_popup .box input::-moz-placeholder, .apologize_popup .box textarea::-moz-placeholder { color: #666;} .apologize_popup .box input::-ms-input-placeholder, .apologize_popup .box textarea::-ms-input-placeholder { color: #666;} .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: 12px; line-height: 16px; color: #000000; font-weight: 400;} .apologize_popup .box .gdpr_text a{ font-size: 12px; line-height: 16px; color: #bde1cd; 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, .apologize_popup .box .gdpr_text a:focus{ 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: #bde1cd; 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 label{ display: block; font-size: 0; line-height: 0;} .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 #bde1cd;} .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: 12px; line-height: 16px; color: #000000; font-weight: 400;} .application_popup .box .gdpr_text a{ font-size: 12px; line-height: 16px; color: #bde1cd; 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, .application_popup .box .gdpr_text a:focus{ 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: #bde1cd; 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 label{ display: block; font-size: 0; line-height: 0;} .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 #bde1cd;} .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: 12px; line-height: 16px; color: #000000; font-weight: 400;} .contact_popup .box .gdpr_text a{ font-size: 12px; line-height: 16px; color: #bde1cd; 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: 400; 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; max-width: 100%; } .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: #bde1cd;-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: #bde1cd;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;} } .tooltipster-base { width: unset !important;} .tooltipster-sidetip .tooltipster-box { background: #fff !important; color: #000 !important; box-shadow: 0 0 23px rgb(33 33 33 / 17%); border: none !important;} .tooltipster-sidetip .tooltipster-content { padding: 16px !important; width: 300px;} .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border { border-top-color: #fff !important;} .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background { border-top-color: #fff !important;} .tooltipster-base .popup .item { color: #000; margin-top: 10px; display: none;} .tooltipster-base .popup .item:nth-child(1) { margin-top: 0;} .tooltipster-base .popup .item:nth-child(-n + 4) { display: flex; align-items: center;} .tooltipster-base .popup .item .date { color: #fff;font-size: 12px;line-height: 12px;display: flex;justify-content: center;align-items: center;min-width: 70px;height: 70px;background: #bde1cd;margin-right: 20px; } .tooltipster-base .popup .item .title { margin: 0;overflow: hidden;font-size: 15px;line-height: 20px;font-weight: 400;font-family: open_sansbold, sans-serif, Arial;color: #000000;text-align: left;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;-webkit-transition: all 400ms ease;transition: all 400ms ease;} .tooltipster-base .popup .item:hover .title { color: #bde1cd;}