﻿/* kofinas */

body { font-family: 'almoni-neue-aaa-400'; font-size: 20px; letter-spacing: 0.5px; }

#SiteGrid { position: relative; background: url(../../../warehouse/temp/kofinas/bg3.jpg); background-repeat: repeat; background-size: contain; padding-bottom: 50px; }
#header .submenu li > a:focus { color: inherit; text-decoration: none; }
.has-sub i.opensub { font-size: inherit; position: absolute; margin-top: 7px; margin-right: 8px; }
#GridPromo { padding: 0; }
.normal-form textarea, .normal-form input { width: 100%; max-width: 100%; }
#GridBottom { max-width: 1170px; padding: 0; position: relative; margin: 0 auto; }
.gallery-cubes > div { padding: 4px; }
.lobby-grid #GridPage .max-width { padding: 0; }
.innerPage:not(.galleryPage):not(.recipesPage):not(.menuLobbypage) #GridContent, .blog-grid #GridPage .max-width { padding: 0; }

#contactform textarea::-webkit-input-placeholder, .normal-form input::-webkit-input-placeholder, .normal-form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff; }
#contactform textarea::-moz-placeholder, .normal-form input::-moz-placeholder, .normal-form textarea::-moz-placeholder { /* Firefox 19+ */ color: #fff; }
#contactform textarea:-ms-input-placeholder, .normal-form input:-ms-input-placeholder, .normal-form textarea:-ms-input-placeholder { /* IE 10+ */ color: #fff; }
#contactform textarea:-moz-placeholder, .normal-form input:-moz-placeholder, .normal-form textarea:-moz-placeholder { /* Firefox 18- */ color: #fff; }

#header .submenu { background-color: #292829; right: -15px; }
#header { max-width: 100%; left: 50%; top: 0; transform: translateX(-50%); border-bottom: 2px solid #fff; padding: 11px 30px; }
#header.bg { background: #292829 !important; border-bottom: 2px solid transparent; }
#header #header-left img, #header.bg #header-left img { max-width: 117px; }
#header .menu-nav { background: transparent; padding: 0 10px; }
#nav-toggle span { right: 50%; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); }
#nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span, #nav-toggle-mobile span:after, #nav-toggle-mobile span:before { height: 3px; }
#nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span, #nav-toggle-mobile span:after, #nav-toggle-mobile span:before { width: 23px; }
#nav-toggle span:before, #nav-toggle-mobile span:before { top: -8px; }
#nav-toggle span:after, #nav-toggle-mobile span:after { bottom: -8px; }
#header .social-links a { width: 43px !important; height: 43px !important; text-align: center; padding: 4px 8px; border: 2px solid #fff; border-radius: 50%; }
#header .social-links a:last-of-type { margin-left: 0; }
.nav-menu-anim { width: 50px; height: 50px; border: 1px solid #fff; padding: 10px; }
#header #header-left { padding: 0; }
#header.bg #header-center-kdm { padding: 0; padding-left: 20px; }
#header #header-center-kdm { order: 2; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; position: static; padding-left: 20px; left: 0; top: 0; position: static; transform: none; -webkit-transform: none; font-size: 100%; }
#header #header-center-kdm a { border-radius: 0; border: 2px solid #121212; color: #121212; margin-left: 0; font-size: 100%; transition: all ease-in-out 200ms; -webkit-transition: all ease-in-out 200ms; }
#header #header-center-kdm a:not(:first-of-type):after { content: ""; width: 1px; height: 16px; background: #d04d30; position: absolute; right: -14px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
#header .social-links { padding: 3px; }

#header #header-center-kdm a.hvr-fade { color: #fff; border: none; border-bottom: 1px solid transparent; position: relative; padding: 0; }
#header.bg #header-center-kdm a.hvr-fade { background: transparent; }
#header #header-center-kdm a:focus, #header #header-center-kdm a:hover { background: transparent; }
#header #header-center-kdm .address { position: absolute; right: 180px; top: 51%; margin-right: 30px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
#header #header-center-kdm .address span { font-size: 100%; }
#header #header-center-kdm .address span:first-of-type, #header #header-right .closed { display: none; }
.nav-menu-anim { width: 42px; height: 42px; margin-left: 0; }
#text1, #text2 { max-width: 820px; color: #fff; }
.aboutPage #text1 { max-width: 760px; }

#SiteFooter #partners-section .footerTel a:after { content: ''; display: inline-block; width: 20px; height: 20px; background: url(../../../warehouse/temp/taya/phoneWhite.png); background-size: 100%; background-repeat: no-repeat; margin-right: 10px; vertical-align: middle; }

.home-page #SiteGrid { padding-bottom: 0; }
.home-page .grid-text p { margin: 50px 0 20px; }
#header { display: flex; display: -ms-flexbox; justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; align-items: center; -webkit-box-align: center; -ms-flex-align: center; }
#header #header-right { padding: 0; display: flex; display: -webkit-box; display: -ms-flexbox; align-items: center; -webkit-box-align: center; -ms-flex-align: center; }
#header #header-left { order: 1; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; position: absolute; left: 50%; top: 10px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); }
#header #header-center-kdm a:not(:first-of-type) { padding: 0; line-height: 1.5; margin-right: 24px; }
#header #header-center-kdm a:focus, #header #header-center-kdm a:hover { border-bottom: 1px solid #d04d30; }
#home-gallery .gallery-caption { top: 50%; }
#home-gallery .gallery-logo { width: 574px; }

#home-gallery .scroll-down { width: 64px; height: 64px; left: 48%; bottom: 60px; background-image: url(../../../warehouse/temp/kofinas/scroll.png); background-size: contain; background-repeat: no-repeat; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
#home-gallery .scroll-down svg, #home-gallery .scroll-down svg { opacity: 0; }

.home-page #allSectionsWrapper:before { content: ""; width: 100%; height: 45%; position: absolute; left: 0; top: 0; background-image: url(../../../warehouse/temp/kofinas/bg.jpg); background-size: cover; background-repeat: no-repeat; z-index: -1; }
.home-page #allSectionsWrapper:after { content: ""; width: 100%; height: 55%; position: absolute; left: 0; bottom: 0; background-image: url(../../../warehouse/temp/kofinas/bg2.jpg); background-size: cover; background-repeat: no-repeat; z-index: -1; }

.sections .grid-content-section { max-width: 1170px; margin: 0 auto; padding-right: 30px; padding-left: 30px; }
section.grid-ComplexGallery-section { max-width: 1440px; margin: 0 auto; padding-right: 30px; padding-left: 30px; padding-top: 75px; padding-bottom: 110px; }
.grid-text-section { max-width: 820px; margin: 0 auto; color: #fff; padding: 140px 0 75px; }

#headline { margin-bottom: 50px; }
#headline h1 { font-size: 130%; color: #fff; position: relative; margin-bottom: 10px; }
#headline h1:before { content: ""; width: 136px; height: 23px; position: absolute; bottom: -35px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); background-image: url(../../../warehouse/temp/kofinas/mafrid.png); background-size: contain; background-repeat: repeat; }
#lobbyText { color: #fff; max-width: 820px; padding: 0 30px; }

.home-page .section-title h1 { font-size: 275%; position: relative; }
.home-page .section-title h1:before { content: ""; width: 136px; height: 23px; position: absolute; bottom: -35px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); background-image: url(../../../warehouse/temp/kofinas/mafrid.png); background-size: contain; background-repeat: repeat; }
.home-page .grid-text .sec-button { width: 183px; height: 45px; border-radius: 6px; background-color: #d04d30; padding: 9px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.grid-text .sec-button:hover { background-color: #fff; color: #000; }
.grid-box-title { display: inline-table; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.grid-boxes .grid-box-title h3 a { color: #fff; }
.grid-boxes .grid-box-image { padding-bottom: 84%; }
.ContentWrapperLayer { background: none; }
.contactDetailsText1 a:hover { color: #fff; opacity: .9; }

footer { overflow: hidden; padding: 0; }
#SiteFooter #partners-section { padding: 0 0 65px 0; }
.grid-boxes { max-width: 1170px; padding: 0 30px; margin: 0 auto; }
#SiteFooter #partners-section:after { content: ""; width: 100%; height: 9px; position: absolute; left: 0; bottom: 24px; background-image: url(../../../warehouse/temp/kofinas/line.png); background-size: cover; background-repeat: repeat; }
#SiteFooter #partners-section a { padding: 0 20px; color: #fff; }
#SiteFooter #partners-section .footerTel { margin-bottom: 20px; }
#SiteFooter .footer-address { display: none; }
#SiteFooter { position: relative; float: right; width: 100%; background-image: url(../../../warehouse/temp/kofinas/footer.jpg); background-size: contain; background-repeat: repeat; padding: 50px 0 0 0; }
#SiteFooter .footer-text-middle { position: absolute; width: auto; bottom: 30px; left: 20px; z-index: 10; color: #fff; font-size: 70%; }
#SiteFooter .footer-text-middle p { display: inline-block; vertical-align: middle; }
.footer-text-divided { padding: 0; }

.gridCubeItemContent { text-align: right; width: 65%; }
.gridCubeItemContent h3 { font-size: 150%; margin: 0; }
.gridCubeItemContent h4 { font-size: 95%; margin: 0; }

.gridCubeItem.item-0 .gridCubeItemContent h3 { color: #292829; }
.gridCubeItem.item-0 .gridCubeItemContent h4 { color: #292829; }

.flex-control-paging li a { background: #fff; }
.flex-control-paging li a.flex-active { background: #d04d30; }
.ComplexGallery2Rows .gridCubeItem.item-0 .gridCubeItemContent, .ComplexGallery2Rows .gridCubeItem.item-1 .gridCubeItemContent { top: 45%; left: 60%; }
.ComplexGallery2Columns .gridCubeItem.item-0 .gridCubeItemContent { top: 26%; left: 55%; }
.ComplexGallery2Columns .gridCubeItem.item-1 .gridCubeItemContent { top: 23%; left: 55%; }
.ComplexGalleryFullCube .gridCubeItemContent h3 { font-size: 275%; text-align: center; line-height: 1; margin-bottom: 8px; }
.ComplexGalleryFullCube .gridCubeItemContent { width: 77%; text-align: center; }
.ComplexGalleryFullCube .gridCubeItemContent a { width: 183px; height: 45px; border-radius: 6px; background-color: #ffffff; color: #292829; border: none; padding: 10px 15px; text-align: center; font-size: 100%; }
.ComplexGallery2Columns .gridCubeItemContent h3 { margin-bottom: 8px; }
.ComplexGalleryFullCube .ContentWrapperLayer { background-color: rgba(42, 42, 42, 0.15); }
.ComplexGallery2Columns .gridCubeItem.item-1, .ComplexGallery2Rows .gridCubeItem.item-1 { color: #fff; }
.ComplexGallery2Columns .gridCubeItemContentWrapper, .home-page .flex-viewport, .ComplexGallery2Rows .gridCubeItem .gridCubeItemContentWrapper { border-radius: 8px; }
.home-page .flex-viewport:before { content: ""; width: calc(100% - 12px); height: calc(100% - 12px); position: absolute; top: 50%; left: 50%; z-index: 1; border: 2px solid #fff; border-radius: 5px; transform: translate(-50%, -50%); }
.home-page .flex-viewport:after { content: ""; width: calc(100% - 20px); height: calc(100% - 20px); position: absolute; top: 50%; left: 50%; z-index: 1; border: 1px solid #fff; border-radius: 5px; transform: translate(-50%, -50%); }
.ComplexGalleryFullCube .ContentWrapperLayer { z-index: 10; }
#header .menu-nav .open { display: none !important; }
.categories-strip { background: #292829; }
.categories-strip ul li.active { background: rgba(255,255,255,.10); }
.blog-posts { color: #fff; }
.blog-post-icons { margin-top: 20px; margin-bottom: 0px; }
#header .submenu > li.active, #header .submenu > li:focus, #header .submenu > li:hover { background: rgba(255,255,255,.10); }
.blog-post-title a { font-size: 90%; line-height: 1; padding: 10px; position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); }
.blog-post-title a:hover { text-decoration: none; }
#header .submenu li > a { font-size: 130%; }
#header .submenu .menu-sub li a { font-size: 110%; }
#header .submenu .menu-sub { padding-top: 8px; padding-right: 0; }
#header .submenu { padding-bottom: 20px; }
#GridPage { overflow: hidden; padding: 45px 0 0; }
#MenuModule .menuModuleNav a { }
#MenuModule .menuModuleNav a, .blog-tags-list ul li.blog-tag a { padding: 0 10px; margin: 0 5px; color: #fff; font-size: 95%; }
#MenuModule .menuModuleNav a.selected, .blog-tags-list ul li.blog-tag.active a { color: #fff; border-radius: 4px; background-color: #d04d30; }
.blog-tags-list ul li.blog-tag { margin: 0; }
.blog-tags-list ul li.blog-tag a:focus, .blog-tags-list ul li.blog-tag a:hover, .blog-tags-list ul li.blog-tag.active a { color: #fff; }
.menuModuleContentPart { border-radius: 8px; border: solid 2px #d04d30; padding: 35px 35px 0 35px; }
.menuModuleTextItemTitle, .menuModuleTextItemPrice, .menuModuleTextItemDescription { color: #fff; max-width: 90%; }
.menuModuleTextItemPrice { color: #d04d30; min-width: 25px; padding: 0 5px; height: 25px; text-align: center; font-size: 95%; font-weight: bold; }
.menuModuleTextItemPrice:before { display: none; }
.menuModuleTextItemDescription { font-size: 75%; max-width: 100%; padding-left: 45px; }
.menuModuleTextItemPart:after { border-bottom: 2px solid rgba(255,255,255,.3); }
.menuModuleTextItem0 .menuModuleTextItemPart:nth-child(even):after, .menuModuleTextItem1 .menuModuleTextItemPart:nth-child(even):after { right: auto; left: 0; }
.GridBottomGallery { padding-top: 0; padding-bottom: 0; }
.menuModuleTextItemSubjectDescription { max-width: 70%; margin: 15px auto 0; }

.form-container-wide #DynamicFormObject .dynamicFormEndText, .form-container-wide #DynamicFormObject .dynamicFormObjectFields { display: block; width: 100%; }
#contactform, #DynamicFormObject { background-color: #292829; border-radius: 8px; border: solid 2px #d04d30; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { display: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField) { width: 33.3333%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; }
.normal-form:after { display: none; }
#contactform .contact-container { width: 90%; margin: auto; }
#contactform textarea, .normal-form input, .normal-form textarea { border-radius: 5px; border: none; background-color: #686768; margin-bottom: 15px; color: #fff; }
.normal-form textarea { padding: 10px; }
.normal-form input[type=submit], #DynamicFormObject input[type=submit] { width: 131px; height: 46px; border-radius: 5px; background-color: #ffffff; color: #333333; font-size: 105%; }
.normal-form input[type=submit]:hover, #DynamicFormObject input[type=submit]:focus, #DynamicFormObject input[type=submit]:hover { border: none; background-color: #d04d30; color: #fff; }
#contactform .contact-form-submit { text-align: center; }
#contactform h3, .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 105%; color: #fff; }
#contactform .contact-form-comment { display: none; }
#contactDetails { color: #fff; font-size: 105%; }
#ContactModule #map-section #map-holder { margin-bottom: 0; }
.contactPage #GridPage { padding-bottom: 0; }
label.error, span.error { top: 5px; font-size: 75%; color: #fff; }
.must:before { top: 5px; }
.textareaWrapper.must:before { top: 15px; }
#contactform textarea { padding-right: 15px; }
.menuModuleTextItemSubjectTitle { font-size: 110%; color: #fff; margin-bottom: 0; border-radius: 5px; padding: 8px; background: rgba(255,255,255,.15); }
.menuModuleTextItemSubject { color: #fff; }
a.AccessabilityLink:hover span { color: #fff; }

.galleryPage #GridPage { padding-top: 215px; }
.galleryPage .section-animation-item { opacity: 1; }
#GridTop.noTopImage { height: 0; }
#DynamicFormObject, .form-container-wide #DynamicFormObject, .normal-form input, #contactform textarea { color: #fff; font-size: 95%; width: 100%; }
.textarea-wrapper, #DynamicFormObject input[type=submit] { margin-top: 15px; }

#gridshort-view-media .grid-short-box.box { background: #444; transition: all ease-in-out 200ms; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; -ms-transition: all ease-in-out 200ms; -o-transition: all ease-in-out 200ms; }
#gridshort-view-media .grid-short-box.box .grid-short-box-text, #gridshort-view-media .grid-short-box-label { color: #fff; }
.grid-short-box.box .grid-short-box-subtitle { border-bottom: 1px solid #d04d30; }
#gridshort-view-media .grid-short-box.box .text-caption, #gridshort-view-media .grid-short-box-label { font-size: 100%; }
#gridshort-view-media .grid-short-box.box:hover, #gridshort-view-media .grid-short-box.box:focus { background: #d04d30; }
#gridshort-view-media .grid-short-box.box:hover .grid-short-box-subtitle, #gridshort-view-media .grid-short-box.box:focus .grid-short-box-subtitle { border-color: #fff; }
form#contact-form { color: #fff; }
#lobbyview .lobby-video iframe { width: 800px; height: 450px; max-width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { margin: auto; width: 100%; }
#accessability #text1 { font-size: 80%; }
#accessability h2 { font-size: 160%; }
.membersPage .grid-text-section, .membersPage .grid-row-section { max-width: 1170px; }
.membersPage .grid-row-section { position: relative; padding: 0; margin: 40px auto; }
.grid-text p { max-width: 820px; margin: 0 auto; font-size: 90%; }
.membersPage .grid-text-section .grid-text-content h3.downloadBox { margin: 0; }
.membersPage .grid-text-section { padding: 0; margin: 0 auto; }
.membersPage .grid-rows .grid-row { background: #444; color: #fff; }
.membersPage .grid-rows .grid-row-text { width: 70%; }
#header .submenu { margin-right: 0; }
.innerPage .gallery-cubes > div { padding: 4px; }
.GridBottomGallery { padding-top: 50px; padding-bottom: 50px; overflow: hidden; }
#map-section #map-holder .overlay { background: rgba(62,62,62,.88); }
#map-section .map-cover { background: none; }
#map-section .map-cover:after { border: none; }
.membersPage .section-title h2 { font-size: 150%; margin-bottom: 15px; }
.membersPage .owl-carousel .owl-item a.slide-bg-layer { cursor: auto; pointer-events: none; }
.membersPage .owl-carousel .owl-item .item .plus-sign { display: none; }
.membersPage #SiteGrid { padding-bottom: 0 !important; }
.membersPage .grid-gallery-section { margin-bottom: 0; }
.owl-carousel .owl-dots { z-index: 5; }
.owl-carousel .owl-dot.active { background: #d04d30; }
.blog-tags { padding: 0 0 15px 0; }
.membersPage .grid-row-section { position: relative; padding: 0; margin: 40px auto; }
#BlogView .blog-related-posts h2 { color: #fff; }
#BlogView .share-strip .fab { color: #fff; font-size: 140%; }
#BlogView .share-strip span { display: none; }
#BlogView .share-strip:after, #BlogView .share-strip:before { top: 45%; }
.blog-post-icons .blog-post-date { display: none; }
.membersPage .grid-text { margin-bottom: 40px; }
.grid-boxes .grid-box-image-container { border: 3px solid #d04d30; border-radius: 8px; }
.grid-boxes .box-image-animation { border-radius: 6px; border: 3px solid #39393a; }
.grid-boxes .box-image-animation img { border-radius: 8px; }
.grid-boxes .box-image-animation img { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); }
.grid-boxes .box-image-animation:hover img { transform: scale(1.15); -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); }
#BlogMain .blog-post-title, #TagView .blog-post-title { background: #444; font-size: 105%; color: #fff; height: 62px; text-align: center; padding: 5px; border-bottom: 3px solid #bc3319; position: relative; }
#BlogMain .blog-post-text, #TagView .blog-post-text { border-bottom: none; padding: 0; margin: 0; }
.blog-post-text, .blog-post-icons { display: none; }
.blog-grid #GridPage .max-width { max-width: 1170px; margin: 0 auto; float: none; }
#BlogMain .blog-posts, #TagView .blog-posts { column-gap: normal; -webkit-column-gap: normal; column-count: auto; -webkit-column-count: auto; }
#BlogMain .blog-post, #TagView .blog-post { display: inline-block; padding: 20px 15px 15px 15px; }
#BlogMain .blog-post, #TagView .blog-post { width: 33%; }
.blog-post-image, .blog-related-post { overflow: hidden; }
#BlogMain .blog-post .blog-post-image a img, #TagView .blog-post .blog-post-image a img, .blog-related-post a img { transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; }
#BlogMain .blog-post:hover .blog-post-image > a > img, #BlogMain .blog-post:focus .blog-post-image > a > img, #TagView .blog-post:hover .blog-post-image > a > img, #TagView .blog-post:focus .blog-post-image > a > img, .blog-related-posts .col-sm-4.col-xs-6:hover .blog-related-post .blog-related-post-image > img, .blog-related-posts .col-sm-4.col-xs-6:focus .blog-related-post .blog-related-post-image > img { transform: scale(1.03); -webkit-transform: scale(1.03); -ms-transform: scale(1.03); }
.blog-related-post-title a { line-height: 1; padding: 10px; position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); }
.blog-related-post-title a:hover { color: #fff; }
.blog-related-post-title { padding: 5px; position: relative; height: 62px; background: #444; font-size: 100%; color: #fff; border-bottom: 3px solid #bc3319; }
.recipesPage #GridPage .max-width { max-width: 100%; width: 100%; }
.membersPage #GridPage .max-width { max-width: 100%; width: 100% !important; }
.blogmain-header { display: none; }
#BlogMain { max-width: 1170px; margin: 0 auto; }
.blog-tags { background: #bc3419; padding: 0; margin: 0 0 30px; }
.blog-tags-list ul { padding: 0; margin: 0; list-style: none; color: #000; direction: rtl; text-align: center; }
.blog-tags-list ul li.blog-tag { padding: 15px 5px; color: #fff; margin-left: 0; }
.recipesPage #GridPage { padding-top: 0; }
.blog-tags-list ul li.blog-tag, .blog-tags-list ul li.blog-tag a { transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; }
.blog-tags-list ul li.blog-tag:focus, .blog-tags-list ul li.blog-tag:hover, .blog-tags-list ul li.blog-tag.active { background: rgba(255, 255, 255, 0.5); }
.blog-tags-list ul li.blog-tag a:focus, .blog-tags-list ul li.blog-tag a:hover, .blog-tags-list ul li.blog-tag.active a { text-decoration: none; color: #333; background: transparent; }
#header .submenu > li:first-child { margin-top: 26%; }
.recipesPage #headline { margin-top: 50px; }
.recipesPage #GridContent { max-width: 1170px; margin: 0 auto; float: none; }
.recipesPage #GridTop.blog { height: 350px; background: #292829; }
.recipesPage #text1 p, .recipesPage #text2 p { font-size: 90%; }
.recipesPage .top-caption span { display: block; font-size: 60%; }
.recipesPage .top-caption { line-height: 1; text-align: center; }
.recipesPage #GridTop:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,.2); pointer-events: none; }
#GridTop.blog { height: 500px; }
.print-share svg { width: 28px; height: auto; vertical-align: middle; margin-bottom: 5px; }
.print-share path { fill: #fff; }
#BlogView .share-strip a.share-icon:focus, #BlogView .share-strip a.share-icon:hover { border-bottom-color: #fff; }

/*Health Page*/
.healthPage .form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField { text-align: right; }
.healthPage .form-container-wide #DynamicFormObject .dynamicFormEndText { text-align: right; font-size: 85%; }

@media(min-width: 1025px) {
    .healthPage .form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 80%; margin: 0 auto; }
    .healthPage #DynamicFormObject input[type=submit] { margin-top: 0; }
}

@media (max-width: 1440px) {
    #header { width: 90%; }
    #header #header-center-kdm a { display: inline-block; }
    #home-gallery .scroll-down { left: 47%; }
    .grid-text-section { padding: 120px 0 60px; }
    section.grid-ComplexGallery-section { padding-top: 60px; padding-bottom: 100px; }

    .gridCubeItemContent h3 { font-size: 120%; }
    .gridCubeItemContent h4 { font-size: 84%; }
    .gridCubeItemContent { width: 73%; }
    .ComplexGalleryFullCube .gridCubeItemContent h3, .home-page .section-title h1 { font-size: 255%; }
}

@media (max-width: 1200px) {
    #allSectionsWrapper:before { height: 48%; }
    #allSectionsWrapper:after { height: 52%; }
    .gridCubeItemContent h3 { font-size: 110%; }
    .gridCubeItemContent h4 { font-size: 80%; }
    #home-gallery .gallery-logo { width: 480px; }
    #SiteGridContainer { min-height: unset; }
}

@media (max-width: 1170px) {
    .ComplexGalleryFullCube .gridCubeItemContent h3, .home-page .section-title h1 { font-size: 235%; }
    .ComplexGalleryFullCube .gridCubeItemContent { width: 83%; }
    .grid-rows .grid-row-text p { font-size: 90%; letter-spacing: .25px; }
    #GridPage .max-width, #GridBottom, .lobby-grid #GridPage .max-width, #GridPage.gallery .max-width, .membersPage .grid-text-section, .membersPage .grid-row-section, .recipesPage #GridContent { width: 90%; }
    .recipesPage #GridContent { margin: 0 auto; }

    #BlogMain .blog-post, #TagView .blog-post { width: 32.333%; }
}


@media (max-width: 1024px) {
    #text1, .innerPage .grid-text-section .section-animation-item { color: #fff; max-width: 820px; padding: 0 30px; margin: 0 auto; }
    .TopVideo iframe { width: 240vw; }
    #SiteFooter .section.section-animation-list { width: 90%; }
    #BlogMain .blog-post, #TagView .blog-post { width: 49.5%; }
    .blog-post-title a { font-size: 95%; }
    #header .submenu li > a { font-size: 160%; }
    #header .submenu .menu-sub li a { font-size: 110%; }
    .grid-boxes .grid-box { width: 25%; padding: 0 5px; }
    #MenuModule .menuModuleNav a, .blog-tags-list ul li.blog-tag a { padding: 0 5px; }
    #headline h1:before { bottom: -28px; }
    #gridshort-view-media > div { width: 33.33%; padding: 0 10px; }
    .grid-short-box { margin-top: 20px; }
    .has-sub i.opensub { margin-top: 8px; }
}

@media (max-width: 990px) and (min-width: 768px) {
    .ComplexGallery2Rows .gridCubeItem { width: 48%; }
    .ComplexGallery2Rows .gridCubeItem.item-1 { margin-left: 10px; padding-top: 0; }
    .ComplexGallery2Rows .gridCubeItem.item-0 { margin: 0 10px 0 0; padding-bottom: 0; }
    .ComplexGallery2Rows .gridCubeItem .gridCubeItemContentWrapper { padding-bottom: 100%; background-position: 25% 0%; }
    .ComplexGalleryFullCube .gridCubeItem .gridCubeItemContentWrapper { padding-bottom: 71%; }
    .ComplexGallery2Columns .gridCubeItemContentWrapper { padding-bottom: 100%; }
    .gridCubeItemContent { width: 65%; }
}

@media( max-width: 991px) {
    #header { padding: 8px 10px; }
    #header .menu-nav { padding: 8px; }
    #header #header-center-kdm { display: none; }
    #header { width: 100%; top: 0; padding: 8px 15px; }
    #header #header-right .social-links { display: block; }
    #header #header-right { position: static; }
    #header #header-right .social-links { position: absolute; left: 10px; top: 15px; }
    #header .social-links a { margin-left: 0; margin-right: 5px; }
    #header .social-links a:first-of-type { margin-right: 0; }
    .nav-menu-anim { width: 48px; height: 48px; margin-left: 0; padding: 5px; }
    #nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span, #nav-toggle-mobile span:after, #nav-toggle-mobile span:before { width: 26px; }
    #header #header-left { top: 15px; }
    #home-gallery .scroll-down { left: 46%; }
    #header.bg .social-links { padding-left: 15px; }
    .grid-boxes .grid-box-title h3 { font-size: 200%; }
    .gridCubeItemContent h3 { font-size: 180%; line-height: 1; margin-bottom: 5px; }
    .gridCubeItemContent h4 { font-size: 110%; }
    .ComplexGalleryFullCube .gridCubeItemContent h3, .home-page .section-title h1 { font-size: 225%; }
    .ComplexGalleryFullCube .gridCubeItemContent { width: 50%; }
    #header .submenu { margin: 0; width: 100vw; height: 100vh; max-height: 100vh; padding-top: 150px; }
    #nav-toggle, #nav-toggle-mobile { z-index: 12; }
    #header .submenu { z-index: 10; }
    #header #header-left { z-index: 10; }
    #nav-toggle-mobile.active span, #nav-toggle.active span { right: 20px; }
    #header .submenu { background: url(../../../warehouse/temp/kofinas/footer.jpg); background-repeat: repeat; }
    #header .submenu li { text-align: center; padding: 8px 10px; }
    #header .submenu li > a { font-size: 160%; }
    #header #header-right .social-mobile .social-links { text-align: center; left: 0; }
    #header .submenu > li:first-child { margin-top: 0; }
    #header .submenu > li.active { background: transparent; position: relative; }
    #header .submenu > li.active:before { content: ""; position: absolute; bottom: -2px; left: 50%; width: 100px; height: 11px; background-image: url(../../../warehouse/temp/kofinas/mafrid.png); background-size: contain; background-repeat: no-repeat; background-position: center; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
    #contactform .contact-container .col-sm-6 { width: 33.333%; }
    #header .submenu .menu-sub li { text-align: center; }
    #header .submenu { right: 0; }
    #GridPage .max-width { width: 90%; }
    #lobbyview .lobby-video iframe { max-width: 100%; width: 100%; height: 46vw; }
    .grid-boxes { padding: 0; }
    .grid-boxes .grid-box-title h3 a { font-size: 65%; letter-spacing: 0; vertical-align: top; }
    .membersPage .grid-rows .grid-row-text { width: 90%; margin-top: 0; }
    section.grid-ComplexGallery-section { padding-top: 60px; padding-bottom: 60px; }
    .TopVideo { height: 92vh; }
    #GridPage .max-width-center { max-width: 100%; }
    #mobile-player-controls span { vertical-align: middle; }
    .ComplexGallery2Columns .gridCubeItem.item-1 .gridCubeItemContentWrapper { background-image: url(../../../warehouse/temp/kofinas/write_complex_mobile.png) !important; }
    .ComplexGallery2Columns .gridCubeItem.item-0 .gridCubeItemContentWrapper { background-image: url(../../../warehouse/temp/kofinas/gift_complex_mobile.png) !important; }
    .recipesPage .top-caption { top: 65%; }
}

@media (max-width: 767px) {
    #header { padding: 0px 10px; }
    #header #header-left img, #header.bg #header-left img { max-width: 90px; }
    #mainVideo, #home-gallery video { min-width: 0 !important; min-height: 0 !important; width: 112vw !important; height: 61vh !important; }
    .nav-menu-anim { width: 42px; height: 42px; }
    #header #header-right .social-links { padding: 8px 0px; }
    #header .menu-nav { padding: 15px 0 15px 5px; }
    #header #header-center-kdm { display: block; }
    #header #header-center-kdm > a { display: none !important; }
    #header #header-center-kdm .languages { display: block !important; left: auto; top: 20px; right: 90px; opacity: 1 !important; }
    #header #header-center-kdm .languages:before { content: none; }
    #header #header-center-kdm a.lang { font-size: 105% !important; background: none; color: #fff; margin: 0 !important; padding: 0 !important; }
    #header .phone-icon { padding-right: 3px; }

    #home-gallery { height: 65vh !important; }
    #home-gallery video { top: 6%; }
    #home-gallery .gallery-logo { width: 265px; }
    #home-gallery .scroll-down { left: 40%; }
    #home-gallery .scroll-down { left: 40%; bottom: 20px; }
    #home-gallery .gallery-caption { top: 45%; }
    .iconsBoxLeft, .iconsBoxRight { bottom: 14%; }

    .ComplexGalleryFullCube .gridCubeItemContent h3, .home-page .section-title h1, #headline { font-size: 170%; }
    .grid-text-section .section-animation-item { width: 90%; margin: 0 auto; }
    .home-page .grid-text p { font-size: 90%; }
    .grid-text-section { padding: 45px 0 30px; }
    .grid-text .sec-button { font-size: 100%; }
    .grid-boxes .grid-box { margin-bottom: 0; }
    .grid-boxes .grid-box-image { margin-bottom: 12px; }
    .gridCubeItemContent h3 { font-size: 6.5vw; }
    .grid-box.col-xs-6 .grid-box-title h3 { font-size: 120%; margin: 0; }
    .gridCubeItemContent h4 { font-size: 4.3vw; }
    .ComplexGallery2Rows .gridCubeItem.item-0 .gridCubeItemContent, .ComplexGallery2Rows .gridCubeItem.item-1 .gridCubeItemContent { top: 40%; }
    section.grid-ComplexGallery-section { padding-right: 20px; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; }
    .ComplexGallery2Columns .gridCubeItem.item-0 .gridCubeItemContent { top: 26%; left: 52%; }
    .ComplexGallery2Columns .gridCubeItem.item-1 .gridCubeItemContent { left: 52%; }
    #home-gallery .scroll-down { width: 50px; height: 50px; left: 43%; }

    #SiteFooter #partners-section a { padding: 0 10px; }
    #SiteFooter .footer-text-middle { bottom: auto; top: 62px; font-size: 90%; padding: 0; }
    .text-center { text-align: right; }
    .text-center p { text-align: center; }

    .ComplexGallery2Rows .gridCubeItem.item-0 .gridCubeItemContent, .ComplexGallery2Rows .gridCubeItem.item-1 .gridCubeItemContent { top: 50%; }
    #header #header-left img, #header.bg #header-left img { max-width: 85px; }
    #header .submenu li a { font-size: 125%; }
    .ComplexGalleryFullCube .gridCubeItemContent { width: 60%; }
    .ComplexGalleryFullCube .gridCubeItemContent a { width: 160px; height: 40px; padding: 9px 15px; font-size: 90%; }
    #headline h1 { font-size: 115%; }
    #lobbyText { font-size: 95%; }
    #contactform .contact-container .col-sm-6 { width: 100%; }
    #GridPage { padding-top: 30px; }
    #contactDetails .contactDetailsText1 { margin-bottom: 30px; }
    .must:before { top: 7px; right: 15px; }
    .textareaWrapper.must:before { top: 0px; right: 15px; }
    #contactform textarea { padding-right: 15px; }
    #gridshort-view-media .grid-short-box-label { font-size: 100%; line-height: 1; }
    .grid-short-box.box .text-caption { width: 80%; }
    #gridshort-view-media > div:nth-child(even) { padding-right: 10px; padding-left: 0; }
    #gridshort-view-media > div:nth-child(odd) { padding-left: 10px; padding-right: 0; }
    #header .submenu .menu-sub li { text-align: center; }
    .galleryPage #GridPage { padding-top: 140px; }
    .GridBottomGallery { padding-top: 0; padding-bottom: 30px; }
    .membersPage .grid-rows .grid-row-text { width: 90%; margin: 0; padding: 40px 0; }
    .membersPage .grid-rows .grid-row-text p { font-size: 83%; }
    .membersPage #GridPage .max-width { max-width: 100%; width: 100% !important; }
    .membersPage .grid-text-section .grid-text-content h3.downloadBox a { display: inline-block; }
    .membersPage .grid-text-section .grid-text-content h3.downloadBox a:first-child { margin-left: 5px; }
    .membersPage .grid-text-section .grid-text-content h3.downloadBox a img { max-width: 120px; height: auto; }
    .membersPage .owl-carousel .owl-item img { width: auto; height: 160px; }
    .membersPage .topImg { display: flex; display: -ms-flexbox; justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; }
    #contactDetails .contactDetailsText1 p { font-size: 90%; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField) { width: 100%; }
    .GridBottomGallery { padding-bottom: 0; margin: 30px -4px 0; }
    .mobile-strip .select-wrapper li.strip-item { font-size: 100%; }
    .menuModuleTextItemSubject { margin-bottom: 30px; }
    .menuModuleContentPart { margin-bottom: 0; }
    .menuModuleContentPart { padding: 30px 30px 0 30px; }
    .menuModuleTextItemSubjectTitle { font-size: 110%; }
    .textarea-wrapper, #DynamicFormObject input[type=submit] { margin-top: 0; }
    #headline h1:before { bottom: -28px; }
    #SiteFooter { padding: 30px 0 0 0; }
    .membersPage .grid-text-section { margin-bottom: 40px; }
    .grid-boxes .grid-box { width: 50%; }
    #BlogMain .blog-post, #TagView .blog-post { padding: 8px 5px 8px 5px; width: 49%; }

    #BlogView .share-strip:before, #BlogView .share-strip:after { width: 20%; }

    #gridshort-view-media > div { width: 50%; }
    #gridshort-view-media .grid-short-box.box { padding-bottom: 100%; }
    .innerPage.mediaPage #GridContent { padding-top: 20px !important; }
    #header .social-links a { width: 32px !important; height: 32px !important; padding: 0; }
    #header .social-links a svg { height: 16px; margin-bottom: 5px; width: 16px; }
    #header .submenu .social-links a svg { margin-bottom: 0; }
    #header .submenu { padding-top: 112px; }
    #MenuModule .menuModuleNav { padding-bottom: 30px; padding-top: 0; }
    .blog-tags-list ul li.blog-tag { padding: 10px 5px; }
    #DynamicFormObject .dynamicFormObjectField .must:before { right: 23px; top: 5px; }
    #SiteFooter .mobile-seperator a { float: right; width: 100%; padding: 3% 0; font-size: 90%; }
    .TopVideo { height: 87vh; }
    .grid-boxes .grid-box-title h3 a { font-size: 90%; }
    #partners-section .logo-box img, #partners-section a img { width: 65px; }
    button.controlSlider { bottom: 4%; }
    #mobile-player-controls { bottom: 3%; }
    .grid-ComplexGalleryItem { margin-bottom: 15px; }
    .ComplexGallery2Columns .gridCubeItem { padding-right: 8px; padding-left: 8px; }
    .ComplexGallery2Rows .gridCubeItem.item-1 { padding-top: 8px; }
    .ComplexGallery2Rows .gridCubeItem.item-0 { padding-bottom: 8px; }
    .sections .grid-content-section { padding-right: 15px; padding-left: 15px; }
    .has-sub i.opensub { margin-top: 0; }
    #header .submenu .menu-sub li a { font-size: 100%; }
    #header .submenu .menu-sub { padding-top: 0; }
    .menuModuleTextItemSubjectDescription { max-width: 100%; font-size: 75%; margin: 15px auto 0; }
    .menuModuleTextItemPrice, .menuModuleTextItemDescription { font-size: 80%; }
    .menuModuleTextItemTitle { font-size: 90%; }
    #text1, .innerPage .grid-text-section .section-animation-item { padding: 0 20px; }
    #SiteFooter .site-credit.alternative p { padding-bottom: 30px; display: block; }
    #BlogView .blog-related-posts h2 { margin: 3% 0 5%; font-size: 6.9vw; }
    .recipesPage .top-caption { width: 95%; font-size: 290%; top: 60%; }
}

@media (min-width: 768px) {
    .membersPage .grid-rows .grid-row { direction: ltr !important; }

    .healthPage .form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField) { width: 50%; }
    .healthPage .form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField { width: 100%; }
}

@media(max-width: 320px) {
    #BlogView .share-strip:before, #BlogView .share-strip:after { width: 13%; }
}
