@font-face { font-family: 'Futura Md BT'; src: url("./fonts/futura-md-bt_481.ttf") format("truetype"); font-weight: 100; }

html { background: #5C95C9 url("https://masek.eu/img/html_bg.jpg") center top no-repeat; color: #fff; }

body { font-family: Arial; color: #fff; font-size: 12px; }

#main { max-width: 960px; margin: 0 auto; padding: 0 30px; }

@media (max-width: 480px) { #main { padding: 0 15px; } }

#content { padding-top: 10px; position: relative; }

a:hover { text-decoration: none; }

* { margin: 0; padding: 0; }

h1 { font-size: 30px; color: #003663; }

h2 { font-size: 25px; color: #003663; }

h3 { font-size: 20px; color: #ffffff; }

h4 { font-size: 14px; color: #363636; }

#clear, .clear { clear: both; }

img { border: 0; }

.spacer-10 { min-height: 20px; }

.redlink { -ms-flex-item-align: end; align-self: flex-end; background: #de2c61; background: linear-gradient(184deg, #de2c61 0%, #c90640 100%); padding: 13px 24px 13px 24px; font-size: 11px; font-weight: bold; text-shadow: 1px 1px 1px #93052F; text-decoration: none; margin-top: 5px !important; display: inline-block; color: #fff; }

.redlink:hover { background: url("https://masek.eu/img/redlinkhover_bg.png") left bottom repeat-x; }

.bluelink { background: #4c83bf; background: linear-gradient(184deg, #4c83bf 0%, #2e66a4 100%); padding: 13px 24px 13px 24px; font-size: 11px; font-weight: bold; text-shadow: 1px 1px 1px #0E3D73; text-decoration: none; display: inline-block; color: #fff; }

.bluelink:hover { background: url("https://masek.eu/img/bluelinkhover_bg.png") left bottom repeat-x; }

.buy { margin-top: 20px; }

.moreinfo { margin-left: 55px; }

.fb-like { width: 110px; }

#header h1 { display: none; }

.boyback { background: url("https://masek.eu/img/boyback_bg.png") center top no-repeat; }

.weddingback { background: url("https://masek.eu/img/weddingback_bg.png") center top no-repeat; }

.reportaze { background: url("https://masek.eu/img/reportaze_bg.png") center top no-repeat; }

.subdodo { background: url("https://masek.eu/img/subdodo_bg.png") center top no-repeat; }

.atelier { background: url("https://masek.eu/img/atelier_bg.png") center top no-repeat; }

.maturitak { background: url("https://masek.eu/img/maturitak_bg.png") center top no-repeat; }

.sport { background: url("https://masek.eu/img/sport_bg.png") center top no-repeat; }

.svatby { background: url("https://masek.eu/img/svatby_bg.png") center top no-repeat; }

#menu { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }

#menu > ul:not(.omni-mobile-menu) { background: url("https://masek.eu/img/menu_bg.png") left bottom repeat-x; padding-top: 20px; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; height: 45px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

#menu > ul:not(.omni-mobile-menu) > li { background: url("https://masek.eu/img/menuli_bg.png") left top no-repeat; padding-left: 2px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; }

#menu > ul:not(.omni-mobile-menu) > li.first { background: none; padding-left: 0; }

#menu > ul:not(.omni-mobile-menu) > li.select a { background: url("https://masek.eu/img/menuulhover_bg.png") left bottom repeat-x; font-weight: bold; }

#menu > ul:not(.omni-mobile-menu) > li:hover > ul { display: block; }

#menu > ul:not(.omni-mobile-menu) > li a { padding: 15px 18px 15px 18px; color: #fff; text-decoration: none; }

#menu > ul:not(.omni-mobile-menu) > li ul { background: url("https://masek.eu/img/menuul_bg.png") left top repeat; display: none; position: absolute; top: 45px; left: 0; width: 173px; z-index: 999; padding: 0 4px; }

#menu > ul:not(.omni-mobile-menu) > li ul li { background: url("https://masek.eu/img/menusep_bg.png") center bottom repeat-x; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; }

#menu > ul:not(.omni-mobile-menu) > li ul li.select a { background: url("https://masek.eu/img/menusep_bg.png") center bottom repeat-x; padding: 0; }

#menu > ul:not(.omni-mobile-menu) > li ul li:last-child { background: none; }

#menu > ul:not(.omni-mobile-menu) > li ul li a { color: #fff; padding: 14px 18px 14px 18px; }

#menu > ul:not(.omni-mobile-menu) > li ul li a:hover { background: none; }

#menu > ul:not(.omni-mobile-menu) > li ul li:hover a { background: none; }

#menu > ul:not(.omni-mobile-menu) li:hover > a, #menu > ul:not(.omni-mobile-menu) li a:hover { background: url("https://masek.eu/img/menuulhover_bg.png") left bottom repeat-x; font-weight: bold; }

.content-wrapper { background-color: transparent; left: 0; position: relative; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; z-index: 1; }

.omni-mobile-menu, .toggle-btn { display: none; }

.omni-mobile-menu { background-color: #025b85; bottom: 0; height: 100vh; left: 0; list-style: none; margin-top: 0; opacity: 0; padding-left: 0; position: fixed; right: 0; top: 0; -webkit-transition: opacity 0s ease 0.5s; transition: opacity 0s ease 0.5s; width: 70vw; z-index: 0; }

.omni-mobile-menu li { background-color: transparent; z-index: 1; }

.omni-mobile-menu a, .omni-mobile-menu .omni-dropdown-toggle { background-color: transparent; border-bottom: 2px solid #025176; color: #fff; display: block; font-size: 14px; font-weight: normal; padding: 20px 20px; text-decoration: none; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

.omni-mobile-menu .omni-dropdown-toggle { cursor: pointer; }

.omni-mobile-menu .omni-dropdown-toggle:after { content: "\25be"; display: inline-block; left: 5px; position: relative; top: 0; -webkit-transition: top 0.5s ease, -webkit-transform 0.5s ease; transition: top 0.5s ease, -webkit-transform 0.5s ease; transition: transform 0.5s ease, top 0.5s ease; transition: transform 0.5s ease, top 0.5s ease, -webkit-transform 0.5s ease; }

.omni-mobile-menu .omni-dropdown-toggle.omni-menu-open:after { top: 2px; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }

.omni-mobile-menu .omni-dropdown-menu { display: none; list-style: none; padding-left: 0; }

.omni-mobile-menu .omni-dropdown-menu li a, .omni-mobile-menu .omni-dropdown-menu li .omni-dropdown-toggle { -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: calc(20px * 2); }

.omni-mobile-menu .omni-dropdown-menu li ul li a, .omni-mobile-menu .omni-dropdown-menu li ul li .omni-dropdown-toggle { padding-left: calc(20px * 3); }

.toggle-btn { -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; position: absolute; right: 15px; top: 15px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; z-index: 2; }

.toggle-btn .hamburger-icon { background-color: #025b85; border-radius: 5px; height: 40px; padding: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; width: 40px; }

.hamburger { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; }

.hamburger .top { stroke-dasharray: 40 160; }

.hamburger .middle { stroke-dasharray: 40 142; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

.hamburger .bottom { stroke-dasharray: 40 85; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

.hamburger.active { -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.hamburger.active .top { stroke-dashoffset: -64px; }

.hamburger.active .middle { -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.hamburger.active .bottom { stroke-dashoffset: -64px; }

.hamburger .line { fill: none; stroke: #fff; stroke-width: 5.5; stroke-linecap: round; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

body .omni-mobile-menu { left: calc(100vw - 70vw); }

body.menu-open .toggle-btn { right: calc(70vw + 15px); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

body.menu-open .content-wrapper { -webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.2); left: -70vw; overflow: hidden; }

.menu-open { overflow-y: hidden; }

.menu-open .omni-mobile-menu { opacity: 1; overflow-x: hidden; -webkit-transition: opacity 0s ease 0s; transition: opacity 0s ease 0s; }

.menu-open .content-wrapper { pointer-events: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; }

@media screen and (max-width: 1020px) { .omni-mobile-menu { display: block; }
  .toggle-btn { display: -webkit-box; display: -ms-flexbox; display: flex; } }

.gallery { border-bottom: 1px solid #DFEDF9; padding-bottom: 25px; }

.gallery .gallery-items-all { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.gallery .gallery-items-all .gallery-item { -ms-flex-preferred-size: 30%; flex-basis: 30%; text-align: center; margin-left: 0; margin-right: 10px; font-size: 10px; color: #494949; margin-bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow-x: hidden; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media (max-width: 768px) { .gallery .gallery-items-all .gallery-item { -ms-flex-preferred-size: 40%; flex-basis: 40%; } }

@media (max-width: 630px) { .gallery .gallery-items-all .gallery-item { -ms-flex-preferred-size: 100%; flex-basis: 100%; } }

.gallery .gallery-items-all .gallery-item:last-child { margin-right: 0 !important; }

.gallery .gallery-items-all .gallery-item img { padding-bottom: 3px; }

.gallery .gallery-items-all .gallery-item a { font-size: 10px; color: #494949; text-decoration: none; display: block; }

.gallery .gallery-items-all .gallery-item a span { display: block; text-decoration: underline; }

.gallery .gallery-items-all .gallery-item a span:hover { text-decoration: none; }

.gallery .gallery-items-all .gallery-item-last { margin-right: 0px; }

.gallery .gallery-items-all .biggallery-item:odd { padding-right: 0 !important; margin-right: 0 !important; }

.gpage { border-top: 1px solid #DFEDF9; padding: 15px 0 10px 0; margin-top: 0px; border-bottom: 0; }

.gpage .link-more { display: block; margin-bottom: 10px; text-align: center; }

.gpage h3 { text-align: center; }

.moreoffer-form { padding: 18px 15px 12px 0; }

@media (max-width: 768px) { .moreoffer-form { padding: 10px 0; } }

.moreoffer-form .moreoffer-form-left { width: calc(100% - 76px); padding-right: 15px; display: inline-block; vertical-align: bottom; }

.moreoffer-form .moreoffer-form-left .moreoffer-form-left-first-line { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding-bottom: 8px; }

.moreoffer-form .moreoffer-form-left .moreoffer-form-left-first-line .offer-text { width: 30%; background: #fff; border: 0; border-top: 1px solid #BED5E8; padding: 5px 8px 5px 8px; color: #494949; font-size: 11px; }

.moreoffer-form .moreoffer-form-left .moreoffer-form-left-first-line .offer-text:first-child { margin-right: 6px; }

.moreoffer-form .moreoffer-form-left .moreoffer-form-left-first-line .offer-text:last-child { margin-left: 6px; }

.moreoffer-form .moreoffer-form-left .offer-text-middle { background: #fff; border: 0; border-top: 1px solid #BED5E8; padding: 5px 8px 5px 8px; width: calc(60% + 35px); color: #494949; font-size: 11px; margin: 0 12px 8px 0; }

.moreoffer-form .moreoffer-form-left .moreoffer-form-left-second-line { padding: 0 12px 2px 0; }

.moreoffer-form .moreoffer-form-left .moreoffer-form-left-second-line .offer-text-long { background: #fff; width: 100%; border: none; padding: 5px 8px 5px 8px; color: #494949; font-size: 11px; }

.moreoffer-form .moreoffer-form-right { display: inline-block; }

.moreoffer-form .moreoffer-form-right .offer-submit { background: url("https://masek.eu/img/offer-submit_bg.png") left bottom no-repeat; height: 56px; border: 0; cursor: pointer; width: 56px; }

.moreoffer-form .moreoffer-form-right .offer-submit-blue { background: url("https://masek.eu/img/offer-submit-blue_bg.png") left bottom no-repeat; height: 56px; border: 0; cursor: pointer; width: 56px; }

#slides { z-index: 100; position: relative; width: 444px; background: url("https://masek.eu/img/slideshow_bg.png") left top no-repeat; background-size: 100% 100%; padding: 25px 26px; margin-right: -20px; min-height: 250px; /*      &.images{ @include atL { margin-right: 0; } @include atXS { min-width: 300px; height: auto !important; min-height: 170px; } @include atXXS { padding: 0; padding: 10px 0; min-width: 250px; height: auto !important; background: none; } .slides_container { overflow: hidden; position: relative; min-width: 444px; height: 250px; //height: auto !important; @include atXS { min-width: 300px !important; height: 170px !important; height: auto !important; } @include atXXS { min-width: 250px !important; height: 141px !important; height: auto !important; } .slides_control{ @include atXS { min-width: 300px !important; min-height: 170px !important; height: auto !important; } @include atXXS { min-width: 250px !important; min-height: 141px !important; height: auto !important; } } .slide { @include atXS { min-width: 300px !important; min-height: 170px !important; height: auto !important; } @include atXXS { min-width: 250px !important; min-height: 141px !important; height: auto !important; } img{ @include atXS { min-width: 300px !important; min-height: 170px !important; height: auto !important; } @include atXXS { min-width: 250px !important; min-height: 141px !important; height: auto !important; } } display: block; text-align: center; } } } */ }

@media (max-width: 1020px) { #slides { margin-right: 0; } }

@media (max-width: 630px) { #slides { width: 300px; min-height: 170px; } }

@media (max-width: 480px) { #slides { padding: 0; padding: 10px 0; width: 250px; min-height: 141px; background: none; } }

#slides .slides_container { overflow: hidden; position: relative; width: 444px; min-height: 250px; }

@media (max-width: 630px) { #slides .slides_container { width: 300px !important; min-height: 170px !important; } }

@media (max-width: 480px) { #slides .slides_container { width: 250px !important; min-height: 141px !important; } }

@media (max-width: 630px) { #slides .slides_container .slides_control { width: 300px !important; height: 170px !important; } }

@media (max-width: 480px) { #slides .slides_container .slides_control { width: 250px !important; height: 141px !important; } }

#slides .slides_container .slide { display: block; text-align: center; }

@media (max-width: 630px) { #slides .slides_container .slide { width: 300px !important; height: 170px !important; } }

@media (max-width: 480px) { #slides .slides_container .slide { width: 250px !important; height: 141px !important; } }

@media (max-width: 630px) { #slides .slides_container .slide img, #slides .slides_container .slide iframe { width: 300px !important; height: 170px !important; } }

@media (max-width: 480px) { #slides .slides_container .slide img, #slides .slides_container .slide iframe { width: 250px !important; height: 141px !important; } }

#slides .next, #slides .prev { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 40px; height: 41px; display: block; z-index: 101; }

#slides .prev { left: 17px; background: url("https://masek.eu/img/arrowleft_bg.png") left top no-repeat; }

@media (max-width: 480px) { #slides .prev { left: -9px; } }

#slides .next { background: url("https://masek.eu/img/arrowright_bg.png") left top no-repeat; right: 17px; }

@media (max-width: 480px) { #slides .next { right: -9px; } }

#slides .pagination { display: none; }

.moreoffer-page { background: url("https://masek.eu/img/moreoffer-page_bg.png") left top no-repeat; padding-left: 160px; max-width: 281px; margin-top: 15px; }

@media (max-width: 1020px) { .moreoffer-page { margin: 15px auto 0 auto; } }

@media (max-width: 630px) { .moreoffer-page { background: none; padding: 0 20px; background: #2b63a2; background: linear-gradient(184deg, #2b63a2 0%, #4c83bf 100%); } }

.moreoffer-page .moreoffer-title { font-weight: bold; font-size: 12px; font-family: Arial; padding-top: 8px; font-style: normal; color: #fff; }

.moreoffer-page .moreoffer-title span { color: #a9d3f4; }

.bluebox { background: #DFEDF9 url("https://masek.eu/img/bluebox_bg.png") left bottom no-repeat; background-size: 100%; padding: 16px 15px 16px 15px; text-align: center; margin-bottom: 26px; }

@media (max-width: 1020px) { .bluebox { margin-top: 20px; } }

.bluebox h4 { text-align: left; }

.bluebox img { padding-bottom: 15px; }

.bluebig { background: #DFEDF9 url("https://masek.eu/img/blueboxbig_bg.png") left bottom no-repeat; background-size: 100%; padding: 16px 15px 25px 15px; text-align: left; margin-bottom: 10px; font-size: 11px; }

.bluebig p { line-height: 195% !important; }

.ref-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media (max-width: 892px) { .ref-title { padding-bottom: 20px; } }

.ref-title strong { font-size: 14px; display: inline-block; }

.ref-title a { background: url("https://masek.eu/img/ref-titlea_bg.png") left center no-repeat; color: #c90640; font-size: 11px; margin-left: 10px; padding-left: 11px; display: inline-block; }

#sociable { position: absolute; right: 0; padding-right: 10px; top: -10px; }

#submenu ul { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 2px; list-style: none; -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; }

#submenu ul li { padding-left: 23px; padding-top: 10px; }

@media (max-width: 630px) { #submenu ul li { padding-left: 10px; } }

#submenu ul li a { background: url("https://masek.eu/img/submenua_bg.png") left top repeat-x; color: #fff; text-decoration: none; padding: 15px 21px 12px 21px; text-transform: uppercase; font-size: 14px; display: inline-block; }

@media (max-width: 480px) { #submenu ul li a { font-size: 10px; padding: 10px 11px 9px 11px; } }

#submenu ul li a:hover { background: #fff; color: #494949; }

#submenu ul li.select a { background: #fff; color: #494949; }

.package { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; border: 1px solid #DFEDF9; padding: 15px; -ms-flex-preferred-size: 49%; flex-basis: 49%; margin: 5px 0 20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media (max-width: 1020px) { .package { max-width: 441px; margin: 5px auto 20px auto; } }

@media (max-width: 630px) { .package { max-width: 321px; } }

.package .package-dop2, .package .package-dop1 { width: 100%; height: 100%; position: absolute; top: -5px; left: -5px; }

.package .package-dop1 { background: url("https://masek.eu/img/dop1_bg.png") left top no-repeat; }

.package .package-dop2 { background: url("https://masek.eu/img/dop2_bg.png") left top no-repeat; }

.package .package-img { padding-right: 1%; padding-bottom: 10px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.package .package-img span { letter-spacing: -1px; padding-bottom: 6px; text-align: center; }

.package .package-img img { display: block; }

.package .package-text { -webkit-box-flex: 3; -ms-flex: 3; flex: 3; -ms-flex-preferred-size: 70%; flex-basis: 70%; }

.package .package-text ul { list-style: none; }

.package .package-text ul li { background: url("https://masek.eu/img/page-top-leftli_bg.png") left 3px no-repeat; padding: 0 0 12px 26px; }

.package .package-bottom { -ms-flex-preferred-size: 100%; flex-basis: 100%; border-top: 1px solid #DFEDF9; padding: 15px 0 0 0; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media (max-width: 480px) { .package .package-bottom { display: block; } }

.package .package-bottom .package-price { font-family: Georgia; font-size: 14px; padding-top: 7px; margin-right: 15px; position: relative; }

@media (max-width: 480px) { .package .package-bottom .package-price { display: inline-block; padding-bottom: 10px; } }

.package .package-bottom .package-price span { color: #2e66a5; font-size: 18px; }

.package .package-bottom .package-price a.mark { background: url("https://masek.eu/img/mark_bg.png") left top no-repeat; width: 12px; height: 12px; position: absolute; top: 0px; right: 0px; cursor: help; }

.services { background: #dfedf9; background: linear-gradient(184deg, #dfedf9 0%, #ebf3fa 100%); margin-bottom: 27px; padding: 17px 14px 27px 14px; height: unset !important; }

.services h3 { color: #d51b52 !important; font-size: 14px !important; padding-bottom: 13px !important; text-transform: uppercase; font-family: Georgia; }

.services ul { color: #494949; list-style: inside; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; }

@media (max-width: 768px) { .services ul { display: block; } }

.services ul li { -ms-flex-preferred-size: 45%; flex-basis: 45%; font-size: 11px; padding: 0 10px 0 0; }

.services ul li span { color: #2c64a3; }

.services ul li a { color: #494949; font-size: 12px; }

.biggallery { margin-right: 10px; }

@media (max-width: 1020px) { .biggallery { padding-bottom: 30px; margin-right: 0px; } }

.gallery-bg { background: #DFEDF9; padding: 15px 13px; margin-top: 1px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 20px; }

@media (max-width: 480px) { .gallery-bg { padding: 15px 0px; } }

@media (max-width: 370px) { .gallery-bg { background-color: #fff; } }

.gallery-bg iframe { padding: 2px; }

@media (max-width: 630px) { .gallery-bg iframe { width: 300px !important; height: 170px !important; } }

@media (max-width: 480px) { .gallery-bg iframe { width: 250px !important; height: 141px !important; } }

.gallery-bg h4 { -ms-flex-preferred-size: 100%; flex-basis: 100%; }

.gallery-bg .boxik { text-align: center; -ms-flex-preferred-size: 25%; flex-basis: 25%; }

@media (max-width: 892px) { .gallery-bg .boxik { -ms-flex-preferred-size: 33%; flex-basis: 33%; } }

@media (max-width: 768px) { .gallery-bg .boxik { -ms-flex-preferred-size: 50%; flex-basis: 50%; } }

@media (max-width: 630px) { .gallery-bg .boxik { -ms-flex-preferred-size: 100%; flex-basis: 100%; } }

.gallery-bg .boxik img { margin: 10px; width: 90%; height: auto; }

.gallery-bg .biggallery-item { -ms-flex-preferred-size: 50%; flex-basis: 50%; text-align: center; }

@media (max-width: 480px) { .gallery-bg .biggallery-item { -ms-flex-preferred-size: 100%; flex-basis: 100%; } }

.gallery-bg .biggallery-item img { width: 90%; border: 3px solid #fff; margin-bottom: 3px; }

.gallery-bg .biggallery-item span { display: block; }

.gallery-bg .biggallery-item a.link { color: #494949; }

.gallery-bg .bluelink { margin-top: 10px; }

.borderbox { border: 1px solid #DFEDF9; padding: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media (max-width: 480px) { .borderbox { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.borderbox h4 { color: #494949 !important; }

.borderbox a img { width: 100%; }

.borderbox .redlink { margin-left: 20px; margin-top: 0 !important; -ms-flex-item-align: center; align-self: center; }

@media (max-width: 480px) { .borderbox .redlink { margin-top: 10px !important; } }

.page-info { border-top: 1px solid #D0E4F4; padding: 20px 0 0 0; font-size: 16px; margin: 5px 0 0 0; }

.page-info strong { color: #366eab; }

.page-info a { color: #c90640; }

#asmira-recom-widget-main-link { margin-bottom: 32px; width: unset !important; }

#asmira-recom-widget-footer { width: calc(100% - 12px) !important; }

.all-localities { padding: 15px 13px; margin-top: 1px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; }

@media (max-width: 480px) { .all-localities { padding: 15px 0px; } }

.all-localities .locality { -ms-flex-preferred-size: 33%; flex-basis: 33%; padding-bottom: 30px; }

@media (max-width: 892px) { .all-localities .locality { -ms-flex-preferred-size: 50%; flex-basis: 50%; } }

@media (max-width: 768px) { .all-localities .locality { -ms-flex-preferred-size: 100%; flex-basis: 100%; } }

#header { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 20px; }

@media (max-width: 1020px) { #header { padding-right: 40px; } }

@media (max-width: 480px) { #header .header-left { padding-bottom: 10px; } }

#header .header-left .logo { padding: 20px 0 12px 0; }

@media (max-width: 480px) { #header .header-left .slogan img { width: 100%; } }

#header .header-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

#header .header-center .map { background-size: contain; padding: 10px 10px 10px 112px; font-size: 16px; font-style: italic; letter-spacing: -1px; font-family: Georgia; text-shadow: 1px 1px 1px #164881; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

#header .header-center .map span { color: #a5d0f2; }

#header .header-right .langs { padding-top: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

#header .header-right .tel { padding-top: 10px; }

@media (max-width: 480px) { #header .header-right .tel img { width: 100%; } }

@media (max-width: 833px) { #header .header-right .langs { padding-top: 10px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
  #header .header-right .tel { padding-top: 0px; } }

.offerbox-all { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media (max-width: 768px) { .offerbox-all { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.offerbox-all .offerbox { position: relative; width: 32%; background-color: #3169a8; display: -webkit-box; display: -ms-flexbox; display: flex; }

@media (max-width: 768px) { .offerbox-all .offerbox { max-width: 377px; width: 100%; margin: 20px auto; } }

.offerbox-all .offerbox.last { padding-right: 0; }

.offerbox-all .offerbox a { width: 100%; font-size: 20px; text-transform: uppercase; text-decoration: none; overflow: hidden; }

.offerbox-all .offerbox a .offerbox-img { width: 100%; height: auto; overflow: hidden; }

.offerbox-all .offerbox a .offerbox-img img { width: 100%; height: 100%; overflow: hidden; }

.offerbox-all .offerbox a .offerbox-title { background: url("https://masek.eu/img/offerboxa_bg-2.png") right top no-repeat; padding: 15px 70px 15px 20px; }

.offerbox-all .offerbox a .offerbox-title h2 { color: white; font-family: 'Futura Md BT'; font-size: 18px; font-weight: 900; letter-spacing: 1.5px; margin: 0 !important; padding: 0 !important; line-height: 100% !important; }

@media (max-width: 1020px) { .offerbox-all .offerbox a .offerbox-title h2 { font-size: 15px; } }

@media (max-width: 768px) { .offerbox-all .offerbox a .offerbox-title h2 { font-size: 18px; } }

.offerbox-all .offerbox a .offerbox-title span { font-family: 'Futura Md BT'; color: #A0CDF0; font-size: 14px; font-weight: 700; }

@media (max-width: 1020px) { .offerbox-all .offerbox a .offerbox-title span { font-size: 12px; } }

@media (max-width: 768px) { .offerbox-all .offerbox a .offerbox-title span { font-size: 14px; } }

.offerbox-all .offerbox:hover { background-color: #A4D0F2; background: linear-gradient(184deg, #a2ccef 70%, #75aedd 100%); }

.offerbox-all .offerbox:hover a .offerbox-title { background: url("https://masek.eu/img/offerboxahover_bg-2.png") right top no-repeat; }

.offerbox-all .offerbox:hover a .offerbox-title h2 { color: #2c64a3; }

.offerbox-all .offerbox:hover a .offerbox-title span { color: #fff; }

.moreoffer { background: url("https://masek.eu/img/moreoffer_bg.png") left bottom no-repeat; background-size: 100% 109px; display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 26px; }

@media (max-width: 768px) { .moreoffer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }

.moreoffer .moreoffer-left { width: 70%; position: relative; }

@media (max-width: 768px) { .moreoffer .moreoffer-left { position: static; width: unset; } }

.moreoffer .moreoffer-left .moreoffer-title { font-size: 20px; color: #fff; font-style: italic; font-family: Georgia; line-height: 100%; }

@media (max-width: 768px) { .moreoffer .moreoffer-left .moreoffer-title { text-align: center; padding-bottom: 10px; } }

.moreoffer .moreoffer-left .moreofferbox-all { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; width: 100%; left: 0; bottom: 0; }

@media (max-width: 768px) { .moreoffer .moreoffer-left .moreofferbox-all { position: static; margin: 10px auto; } }

@media (max-width: 630px) { .moreoffer .moreoffer-left .moreofferbox-all { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }

.moreoffer .moreoffer-left .moreofferbox-all .moreoffer-box { font-family: 'Futura Md BT'; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 70px; padding-right: 10px; height: 80px; width: 33%; }

@media (max-width: 892px) { .moreoffer .moreoffer-left .moreofferbox-all .moreoffer-box { padding-left: 13%; -ms-flex-preferred-size: unset; flex-basis: unset; } }

.moreoffer .moreoffer-left .moreofferbox-all .moreoffer-box h3 { color: #2F67A5; font-size: 16px; padding-bottom: 2px; text-transform: uppercase; }

@media (max-width: 892px) { .moreoffer .moreoffer-left .moreofferbox-all .moreoffer-box h3 { font-size: 13px; } }

@media (max-width: 768px) { .moreoffer .moreoffer-left .moreofferbox-all .moreoffer-box h3 { font-size: 16px; } }

.moreoffer .moreoffer-left .moreofferbox-all .moreoffer-box a { color: #fff; font-size: 11px; }

@media (max-width: 892px) { .moreoffer .moreoffer-left .moreofferbox-all .moreoffer-box a { font-size: 9px; } }

@media (max-width: 768px) { .moreoffer .moreoffer-left .moreofferbox-all .moreoffer-box a { font-size: 11px; } }

@media (max-width: 768px) { .moreoffer .moreoffer-left .moreofferbox-all .moreoffer-box { -ms-flex-preferred-size: unset; flex-basis: unset; max-width: 200px; padding-left: 16%; } }

@media (max-width: 768px) and (max-width: 630px) { .moreoffer .moreoffer-left .moreofferbox-all .moreoffer-box { padding-left: 30%; width: 100%; } }

@media (max-width: 768px) { .moreoffer .moreoffer-left .moreofferbox-all .moreoffer-box:first-child { background: url("https://masek.eu/img/video.jpg") left center no-repeat; background-size: cover; }
  .moreoffer .moreoffer-left .moreofferbox-all .moreoffer-box:nth-child(2) { background: url("https://masek.eu/img/maturanti.jpg") left center no-repeat; background-size: cover; margin: 0 20px; } }

@media (max-width: 768px) and (max-width: 630px) { .moreoffer .moreoffer-left .moreofferbox-all .moreoffer-box:nth-child(2) { margin: 10px 0; } }

@media (max-width: 768px) { .moreoffer .moreoffer-left .moreofferbox-all .moreoffer-box:last-child { background: url("https://masek.eu/img/dron.jpg") left center no-repeat; background-size: cover; } }

.moreoffer .moreoffer-right { width: 30%; padding-left: 21px; }

@media (max-width: 768px) { .moreoffer .moreoffer-right { position: static; margin: 0 auto; padding-left: 0px; width: 50%; min-width: 300px; } }

@media (max-width: 480px) { .moreoffer .moreoffer-right { width: 100%; min-width: unset; } }

.moreoffer .moreoffer-right .moreoffer-title { font-weight: bold; font-size: 12px; font-family: Arial; padding-top: 8px; font-style: normal; }

@media (max-width: 1020px) { .moreoffer .moreoffer-right .moreoffer-title { font-size: 10px; } }

@media (max-width: 768px) { .moreoffer .moreoffer-right .moreoffer-title { font-size: 12px; } }

.moreoffer .moreoffer-right .moreoffer-title span { color: #a9d3f4; }

.bottombox { background: #fff; padding: 21px 23px 21px 23px; margin-top: 37px; display: -webkit-box; display: -ms-flexbox; display: flex; }

@media (max-width: 1020px) { .bottombox { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.bottombox h4 { font-size: 20px; color: #2c64a3; font-family: Georgia; font-weight: normal; padding-bottom: 16px; }

@media (max-width: 1020px) { .bottombox h4 { text-align: center; } }

.bottombox .bottombox-left { padding-right: 20px; }

@media (max-width: 1020px) { .bottombox .bottombox-left { padding-right: 0; } }

.gallery-more { padding-top: 10px; }

.gallery-more ul { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.gallery-more ul li { width: 305px; padding-bottom: 5px; }

.gallery-more ul li a { color: #494949; font-size: 11px; }

.gallery-more .link-more { display: inline-block; width: 100%; color: #494949; font-size: 11px; text-align: right; padding-top: 6px; }

.why { background: #2b63a2; background: linear-gradient(184deg, #2b63a2 0%, #4c83bf 100%); padding: 15px 15px 5px 15px; -ms-flex-preferred-size: 500px; flex-basis: 500px; }

@media (max-width: 1020px) { .why { -ms-flex-preferred-size: unset; flex-basis: unset; margin-top: 40px; } }

.why h4 { color: #a9d2f3; }

.why ul { list-style: none; }

.why ul li { background: url("https://masek.eu/img/whyli_bg.png") left 2px no-repeat; padding: 0 0 10px 23px; }

#page { background: #fff; color: #494949; padding: 21px 23px 21px 23px; }

@media (max-width: 480px) { #page { padding: 21px 15px 21px 15px; } }

#page h1 { font-size: 26px; color: #2c64a3; font-family: Georgia; font-weight: normal; padding-bottom: 14px; }

#page h2 { font-size: 20px; color: #2c64a3; font-family: Georgia; font-weight: normal; padding-bottom: 16px; }

#page h3 { font-size: 20px; color: #2c64a3; font-family: Georgia; font-weight: normal; padding-bottom: 16px; }

#page h4 { font-size: 20px; color: #2c64a3; font-family: Georgia; font-weight: normal; padding-bottom: 10px; line-height: 1.35; }

#page p { line-height: 220%; padding-bottom: 13px; }

#page table { -ms-flex-item-align: stretch; align-self: stretch; width: 100%; }

#page table th { background: #2B63A2; padding: 10px 0 10px 15px; text-align: left; color: #fff; font-size: 16px; font-family: Georgia; font-weight: normal; font-style: italic; }

#page table tr { padding: 10px 0 10px 0; }

#page table tr.blue { background: #DFEDF9; }

#page table tr td { padding: 10px 0; }

#page table tr td.w1 { padding-left: 15px; padding-right: 5px; }

#page table tr td.w2 { font-weight: bold; }

#page table tr:last-child:nth-child(odd) td { padding-bottom: 0; }

#page .page-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media (max-width: 1020px) { #page .page-top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }

#page .page-top .page-top-left { -ms-flex-preferred-size: 441px; flex-basis: 441px; }

@media (max-width: 1020px) { #page .page-top .page-top-left { -ms-flex-preferred-size: unset; flex-basis: unset; } }

#page .page-top .page-top-left ul { list-style: none; }

#page .page-top .page-top-left ul li { background: url("https://masek.eu/img/page-top-leftli_bg.png") left 3px no-repeat; padding: 0 0 10px 26px; }

#page .page-top .page-top-right { -ms-flex-preferred-size: 467px; flex-basis: 467px; }

@media (max-width: 1020px) { #page .page-top .page-top-right { -ms-flex-preferred-size: unset; flex-basis: unset; } }

#page .page-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 15px; -ms-flex-line-pack: stretch; align-content: stretch; }

@media (max-width: 1020px) { #page .page-bottom { display: block; } }

#page .page-bottom .page-bottom-left { -ms-flex-preferred-size: 67%; flex-basis: 67%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

#page .page-bottom.akce { display: block; }

#page .page-bottom.akce .page-bottom-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: left; -ms-flex-align: left; align-items: left; }

@media (max-width: 1025px) { #page .page-bottom.akce .page-bottom-left iframe { width: 800px; height: 450px; } }

@media (max-width: 900px) { #page .page-bottom.akce .page-bottom-left iframe { width: 600px; height: 337px; } }

@media (max-width: 720px) { #page .page-bottom.akce .page-bottom-left iframe { width: 400px; height: 225px; } }

@media (max-width: 520px) { #page .page-bottom.akce .page-bottom-left iframe { width: 350px; height: 197px; } }

@media (max-width: 370px) { #page .page-bottom.akce .page-bottom-left iframe { width: 200px; height: 112px; } }

#page .page-bottom .page-bottom-right { -ms-flex-preferred-size: 32%; flex-basis: 32%; }

#page .page-bottom .page-info { display: none; -ms-flex-preferred-size: 100%; flex-basis: 100%; }

#footer { padding: 19px 0 35px 0; }

#footer .footer-columns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-flow: wrap; flex-flow: wrap; background: url("https://masek.eu/img/footer_bg.png") right bottom no-repeat; padding-left: 20px; }

@media (max-width: 480px) { #footer .footer-columns { padding-bottom: 30px; } }

@media (max-width: 1020px) { #footer .footer-columns .footer-column { -ms-flex-preferred-size: 50%; flex-basis: 50%; } }

@media (max-width: 480px) { #footer .footer-columns .footer-column { -ms-flex-preferred-size: 100%; flex-basis: 100%; } }

#footer .footer-columns .footer-column .footer-title { font-weight: bold; font-size: 14px; padding-bottom: 15px; }

#footer .footer-columns .footer-column ul { list-style: none; padding-bottom: 20px; }

#footer .footer-columns .footer-column ul li { padding-bottom: 9px; }

#footer .footer-columns .footer-column ul li a { color: #fff; font-size: 11px; }

#footer .footer-bottom { background: url("https://masek.eu/img/footer-bottom_bg.png") right top repeat-x; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 11px; padding: 15px 20px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media (max-width: 1020px) { #footer .footer-bottom { background: #2b63a2; background: linear-gradient(184deg, #2b63a2 0%, #4c83bf 100%); } }

@media (max-width: 480px) { #footer .footer-bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

#footer .footer-bottom .f-bottom-left { display: -webkit-box; display: -ms-flexbox; display: flex; padding-right: 20px; }

@media (max-width: 630px) { #footer .footer-bottom .f-bottom-left { margin-bottom: 10px; padding-right: 5px; text-align: center; } }

#footer .footer-bottom .f-bottom-left img { margin-right: 7px; margin-top: auto; margin-bottom: auto; width: 62px; height: 14px; }

#footer .footer-bottom .f-bottom-left p { padding-top: 2px; }

#footer .footer-bottom .f-bottom-right .femail { visibility: hidden; display: inline-block; text-transform: uppercase; text-decoration: none; font-family: 'Futura Md BT'; font-size: 12px; font-weight: 600; color: #fff; text-align: right; }

@media (max-width: 1020px) { #footer .footer-bottom .f-bottom-right .femail { visibility: visible; } }

@media (max-width: 630px) { #footer .footer-bottom .f-bottom-right .femail { font-size: 10px; } }

#page.page-contact .page-bottom { padding-top: 0; }

#page.page-contact .page-bottom .page-bottom-left { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-preferred-size: 63%; flex-basis: 63%; }

@media (max-width: 480px) { #page.page-contact .page-bottom .page-bottom-left { display: block; } }

#page.page-contact .page-bottom .page-bottom-left h1 { -ms-flex-preferred-size: 100%; flex-basis: 100%; }

#page.page-contact .page-bottom .page-bottom-left p { -ms-flex-preferred-size: 100%; flex-basis: 100%; padding-bottom: 0 !important; font-size: 14px; }

#page.page-contact .page-bottom .page-bottom-left .contact { margin: 5px 20px 20px 0; -ms-flex-preferred-size: calc(50% - 20px); flex-basis: calc(50% - 20px); display: block; }

#page.page-contact .page-bottom .page-bottom-left .contact a { color: #494949; text-decoration: underline !important; }

#page.page-contact .page-bottom .page-bottom-left .contact a:hover { text-decoration: none !important; }

#page.page-contact .page-bottom .page-bottom-left .contact.right { margin-right: 0; }

#page.page-contact .page-bottom .page-bottom-right { -ms-flex-preferred-size: 36%; flex-basis: 36%; }

#page.page-contact .page-bottom .page-bottom-right .moreoffer-form img { margin-bottom: -70px; }

@media (max-width: 480px) { #page.page-contact .page-bottom .page-bottom-right .moreoffer-form img { display: none; } }

#page.page-contact .page-bottom .page-bottom-right .moreoffer-form p { margin-top: 150px; }

@media (max-width: 1020px) { #page.page-contact .page-bottom .page-bottom-right .moreoffer-form p { margin-top: 20px; margin-bottom: 20px; } }

#page.page-contact .page-bottom .page-bottom-right .moreoffer-form .offer-text-long { margin-top: 2px; }

#page.page-contact .page-bottom .page-bottom-right .moreoffer-form .moreoffer-form-right { padding-bottom: 5px; }

@media (max-width: 1020px) {.package-img { display: none;} }

@media (max-width: 900px) {.header-right { display: none;} }

@media (max-width: 600px) {#header .header-center { display: none;} }

@media (min-width: 901px) {#header .header-center .map { background: url("https://masek.eu/img/map_bg.png") left bottom no-repeat; } }

@media (max-width: 900px) {#header .header-center .map { background: url("https://masek.eu/img/map_bg2.png") left bottom no-repeat; } }