/* this file contains the global layout of page */

/* globals */
html, body { background: #FFF; }
a { transition: all .2s ease; }

/* selection */
::selection { background: #4F4F4F; color: #FFF; }
a::selection, a span::selection { color: #36A29D; }
::-moz-selection { background: #4F4F4F; color: #FFF; }
a::-moz-selection, a span::-moz-selection { color: #36A29D; }

/* root */
#inner-wrapper, body > #root { background: #FFF; margin: 0 auto; position: relative; min-height: 100%; width: 100%; }
#inner-wrapper {}
#root { background: #FFF; margin: 0 auto; min-height: 100vh; position: relative; }
@media screen and (min-height: 768px) {
	#root { display: flex; flex-direction: column; }
	#root > * { width: 100%; }
}
/* page width */
#content-area, #mainHeader, #mainFooter .inner-wrapper { clear: both; margin: 0 auto; padding: 0 20px; max-width: 1340px; }

/* animation */
.header #logo, .navbar-toggler, .navbar-toggler-icon, .toggleSubNav span { transition: .25s ease-out; }


/** scroll to top */
#ScrollToTop { border-color: #4F4F4F; }
#ScrollToTop:hover { border-color: #4F4F4F; }
#ScrollToTop .scroll-top-icon::before { border-color: #4F4F4F; }
#ScrollToTop .scroll-top-icon::after,
#ScrollToTop.scroll-top-fixed .scroll-top-icon::after { background: #36A29D; }
#ScrollToTop.scroll-top-fixed { background: none; border-color: #4F4F4F; margin-bottom: -50px; }
#ScrollToTop.scroll-top-fixed .scroll-top-icon::before { border-color: #4F4F4F; }
#ScrollToTop:hover .scroll-top-icon::before { border-color: #FFF; }
#ScrollToTop.scroll-top-fixed:hover .scroll-top-icon::before { border-color: #FFF; }


/** social navigation */
.social-navigation .nav-menu .menu-item { line-height: 1; }
.social-navigation .nav-menu a { color: #4F4F4F; display: block; padding: 5px 10px; text-align: center; text-decoration: none; }
.social-navigation .nav-menu a:hover { color: #E1007A; text-decoration: none; }
.social-navigation .nav-menu a::before { cursor: pointer; display: block; font: 1.4rem/1 "Font Awesome 5 Brands"; }
.social-navigation .nav-menu a[href*="facebook"]::before { content: "\f39e"; font-size: 1.4rem; }
.social-navigation .nav-menu a[href*="youtube"]::before { content: "\f167"; font-size: 1.5rem; }
.social-navigation .nav-menu a[href*="instagram"]::before { content: "\f16d"; font-size: 1.6rem; }
.social-navigation .nav-menu a.link-external::after { display: none; }
.social-navigation .nav-menu a span { display: none; }


/** site-header */
.site-header {}
.site-header .header-meta { align-items: center; color: #4F4F4F; display: flex; flex: 0 1 auto; flex-flow: row wrap; justify-content: flex-end; min-height: 50px; padding: 10px 0; position: relative; z-index: 1; }
.site-header .header-meta::after { content: ""; background: rgba(68,169,164,.16); height: 100%; position: absolute; top: 0; right: -50vw; left: -50vw; z-index: -1; }
.site-header .header-inner { align-items: flex-end; display: flex; flex-flow: row wrap; padding: 10px 0; }
@media screen and (max-width: 666px) {
	.site-header .header-meta { display: none; }
}
/* search */
.site-header .header-meta #headerSearch { max-width: 27.4rem; }
.site-header .kesearch_searchbox {}
.site-header .kesearch_searchbox .kesearchbox { background: #FFF; border: none; }
.site-header .kesearch_searchbox #ke_search_sword {position: inherit;top: inherit;width: 100px;height: 35px;padding: 5px 10px;margin: 0;display: inherit;}

.site-header .kesearch_searchbox #ke_search_sword { background: #FFF; border: none; color: #4F4F4F; font: 400 1.5rem/1 'Open Sans'; height: auto; width: 12rem; padding: 5px 10px; transition: width 500ms ease 100ms; -moz-osx-font-smoothing: auto; -webkit-font-smoothing: auto; }
.site-header .kesearch_searchbox #ke_search_sword:focus { width: 24rem; }
.site-header .kesearch_searchbox .submitbutt { background: #FFF; border: none; color: #4F4F4F; vertical-align: middle; min-width: 3.4rem; }
/*.site-header .kesearch_searchbox .submitbutt input[type="submit"] { background: none; border: none; padding: 5px 10px; text-indent: -9999px; height: auto; width: 100%; }*/
.site-header .kesearch_searchbox .submitbutt input[type="submit"] {background: none;border: none;padding: 0;text-indent: -9999px;height: inherit;width: inherit;min-width: inherit;max-width: inherit;}
.site-header .kesearch_searchbox .submitbutt::before { content: "\f002"; font: 600 1.4rem/1 "Font Awesome 5 Free"; position: absolute; top: .8rem; right: .9rem; z-index: -1; }
.site-header .kesearch_searchbox .submitbutt:hover::before { color: #E1007A; }
.site-header .kesearch_searchbox .submitbutt::after { display: none; }
/* navigation */
.site-header .header-meta .site-navigation { margin-left: 40px; }
.site-header .header-meta .site-navigation .nav-menu {}
.site-header .header-meta .nav-menu:after { content: ""; clear: both; display: block; width: 100%; }
.site-header .header-meta .nav-menu .menu-item { display: block; float: left; margin: 0 0 0 10px; padding: 0; }
.site-header .social-navigation .nav-menu a::before { font-size: 1.4rem; }

/* logo */
#logo { height: 160px; width: 160px; margin: 0; position: relative; }
#logo .logo { background: url("../Img/logo.jpg") no-repeat center; background-size: contain; display: block; height: 100%; width: 100%; margin: 0; text-decoration: none; }
#logo .logo span { display: none; }
@media screen and (max-width: 992px) {
	#logo { height: 116px; width: 116px; }
}
/* main navigation */
#mainNav { margin: 0 0 23px auto; transition: all .4s ease-in-out; }
#mainNav .site-navigation { display: inline-block; }
#mainNav .site-navigation a { color: #000; font-size: 2rem; }
.no-touch #mainNav .site-navigation a:hover,
.no-touch #mainNav .site-navigation .menu-item:hover > a,
#mainNav .site-navigation .active > a { color: #E1007A; }
#mainNav .menu-level-1 {}
#mainNav .menu-level-1 > .menu-item { position: relative; }
#mainNav .menu-level-1 > .menu-item > a { text-transform: uppercase; }
#mainNav .menu-level-2 .menu-item { padding: 10px 0; }
#mainNav .menu-level-2 .menu-item + .menu-item { border-top: 1px solid rgba(0,0,0,.16); }
#mainNav .menu-level-2 .menu-item a { padding: 5px 0; }

/** site-footer */
.site-footer { margin-top: auto; }
.site-footer a.link-external::after { display: none; }
.site-footer footer-container {}
@media screen and (max-width: 666px) {
	.footer-content .footer-container.row > .col + .col { margin-top: 40px; }
}
/* footer content */
.footer-content { background: rgba(139,139,139,.16); padding: 60px 0 40px; }
.footer-content,
.footer-content a { color: #000; }
.footer-content a:hover { color: #36A29D; }
.footer-content .footer-container.row { margin: 0 -30px; }
.footer-content .footer-container.row > .col { padding: 0 30px; }
.footer-content .footer-container.row .header { font-size: 2rem; margin: 0; text-transform: uppercase; }
/* contact */
.footer-contact {}
.footer-contact .frame-type-dce_dceuid9 { position: relative; }
.footer-contact .address {}
.footer-contact .address div[itemprop="name"] { font-weight: 600; margin-bottom: 10px; }
.footer-contact .address div[itemprop="name"] + .additional { margin: -10px 0 10px; }
.footer-contact .address div[itemprop="image"] { position: absolute; top: 0; left: 0; width: 116px; }
.footer-contact .address div[itemprop="image"] img { height: auto; }
.footer-contact .address address::before,
.footer-contact .address .additional > div::before { color: #36A29D; display: inline-block; font-family: "Font Awesome 5 Free"; font-weight: 600; margin-left: 1px; width: 25px; }
.footer-contact .address address { font-style: normal; position: relative; }
.footer-contact .address address::before { content: "\f3c5"; padding-left: 2px; }
.footer-contact .address .additional {}
.footer-contact .address .additional > div { margin-top: 10px; }
.footer-contact .address .additional .phone::before { content: "\f095"; }
.footer-contact .address .additional .fax::before { content: "\f1ac"; }
.footer-contact .address .additional .email::before { content: "\f0e0"; }
.footer-contact .address .additional a:hover { color: #36A29D; }
@media screen and (max-width: 567px) {
	.footer-contact .address { padding-top: 150px; }
}
@media screen and (min-width: 568px) {
	.footer-contact .address { margin-left: 215px; }
	.footer-contact .address div[itemprop="image"] { width: 160px; }
}
@media screen and (min-width: 667px) and (max-width: 1023px) {
	.footer-contact .address { margin-bottom: 40px; }
	.footer-contact .address address { align-items: stretch; box-sizing: border-box; display: flex; flex-flow: row wrap; }
	.footer-contact .address div[itemprop="streetAddress"]:not(:last-child)::after { content: ","; margin-right: 5px; }
}
@media screen and (min-width: 667px) and (max-width: 1024px) {
	.footer-contact .address div[itemprop="image"] { width: 130px; }
}
@media screen and (max-width: 666px), screen and (min-width: 1024px) {
	.footer-contact .address address { padding-left: 25px; }
	.footer-contact .address address::before { position: absolute; left: 0; }
	.footer-contact .address address div[itemprop="streetAddress"] { margin-bottom: 5px; }
}
@media screen and (min-width: 1024px) {
	.footer-contact .address div[itemprop="image"] { width: 160px; }
}
@media screen and (min-width: 1025px) {
	.footer-contact { flex: 0 0 41.66666667%; max-width: 41.66666667%;  }
}
/* newsletter */
.footer-newsletter-container {}
.footer-newsletter-container .footer-newsletter { margin: 20px 0 0; }
.footer-newsletter-container .footer-newsletter a { border: 1px solid #36A29D; color: #36A29D; display: inline-block; line-height: 1.2; padding: 15px; text-align: center; text-decoration: none; text-transform: uppercase; }
.footer-newsletter-container .footer-newsletter a:hover { /*border-color: #000;*/ color: #000; }
@media screen and (max-width: 666px) {
	.footer-newsletter-container .footer-newsletter a { display: block; }
}
@media screen and (min-width: 667px) {
	.footer-newsletter-container .footer-newsletter a { padding: 15px 30px; }
}
@media screen and (min-width: 1280px) {
	.footer-newsletter-container .footer-newsletter a { padding: 15px 60px; }
}
/* social */
.site-footer .social-navigation { margin: 30px 0 0; }
.site-footer .social-navigation .nav-menu:after { content: ""; clear: both; display: block; width: 100%; }
.site-footer .social-navigation .nav-menu .menu-item { padding: 0; }
.site-footer .social-navigation .nav-menu a[href*="facebook"]::before {}
.site-footer .social-navigation .nav-menu a[href*="youtube"]::before { margin-top: 4px; }
.site-footer .social-navigation .nav-menu a[href*="instagram"]::before { margin-top: 3px; }
@media screen and (max-width: 567px) {
	.site-footer .social-navigation .nav-menu { display: table; width: 100%; }
	.site-footer .social-navigation .nav-menu .menu-item { display: table-cell; vertical-align: middle; }
	.site-footer .social-navigation .nav-menu .menu-item:first-child a { text-align: left; }
	.site-footer .social-navigation .nav-menu .menu-item:last-child a { text-align: right; }
	.site-footer .social-navigation .nav-menu a::before { font-size: 4rem; }
}
@media screen and (min-width: 568px) {
	.site-footer .social-navigation .nav-menu .menu-item { display: block; float: left; margin: 0 0 0 10px; padding: 0; }
	.site-footer .social-navigation .nav-menu .menu-item:first-child { margin-left: -10px; }
	.site-footer .social-navigation .nav-menu a::before { font-size: 3rem; }
}
@media screen and (min-width: 1025px) {
	.footer-newsletter-container { flex: 0 0 32.66666667%; max-width: 32.66666667%;  }
}
/* logos */
.footer-logos { margin-top: 60px; }
.footer-logos .frame { position: relative; }
.footer-logos .frame header { font-weight: 600; }
.footer-logos .frame header .header { font-size: 2rem; margin: 0; }
.footer-logos .frame .ce-textpic {}
.footer-logos .frame .ce-textpic .ce-gallery { margin: 0; text-align: left; }
.footer-logos .frame .ce-textpic .ce-gallery .ce-column { margin: 0; }
.footer-logos .frame .ce-textpic img { margin: 0; }
@media screen and (max-width: 567px) {
	.footer-logos .frame .ce-textpic .ce-gallery .ce-column + .ce-column { margin-top: 40px; }
	.footer-logos .frame .ce-textpic .ce-gallery .ce-column { flex: 0 0 100%; max-width: 100%; }
}
@media screen and (min-width: 568px) {
	.footer-logos { border-top: 1px solid #4F4F4F; margin-top: 40px; padding-top: 40px; }
	.footer-logos .frame .ce-textpic { width: 100%; }
	.footer-logos .frame .ce-textpic .ce-gallery .ce-row { align-items: center; justify-content: flex-end; margin: 0 -30px; }
	.footer-logos .frame .ce-textpic .ce-gallery .ce-column { flex: 0 0 33.33333333%; max-width: 33.33333333%; padding: 0 30px; }
}
@media screen and (max-width: 666px) {
	.footer-logos .frame header { margin-bottom: 20px; }
}
@media screen and (min-width: 667px) {
	.footer-logos .frame { align-items: center; display: flex; }
	.footer-logos .frame header { margin: 0; position: absolute; left: 0; width: 215px; }
	.footer-logos .frame .ce-textpic .ce-gallery .ce-column { flex: 0 0 25%; max-width: 25%; padding: 0 30px; }
}
/* footer bottom */
.footer-bottom { background: #36A29D; line-height: 1.2; padding: 30px 0; }
.footer-bottom, .footer-bottom a { color: #FFF; }
.footer-bottom .inner-wrapper {}
.footer-bottom .site-navigation .nav-menu {}
.footer-bottom .site-navigation .nav-menu .menu-item { position: relative; }
.footer-bottom .site-navigation .nav-menu .menu-item a {}
.footer-bottom .site-navigation .nav-menu .menu-item a:hover,
.footer-bottom .site-navigation .nav-menu .menu-item.active a { color: #000; }
.footer-bottom .copyright {}
.footer-bottom .site-navigation + .copyright { margin-top: 2rem; }
.footer-bottom .copyright a:hover { color: #000; }
@media screen and (max-width: 567px) {
	.footer-bottom .site-navigation .nav-menu { margin: 0 auto; }
	.footer-bottom .site-navigation .menu-level-1 > .menu-item { display: block; /*float: left;*/ margin: 1rem 0; padding: 0; width: 50%; }
}
@media screen and (min-width: 568px) {
	.footer-bottom .site-navigation .nav-menu { align-items: center; display: flex; flex-flow: row wrap; }
	.footer-bottom .site-navigation .nav-menu .menu-item { padding-left: 2rem; }
	.footer-bottom .site-navigation .nav-menu .menu-item::before { content: ""; border-left: 1px solid #FFF; height: 1.6rem; position: absolute; top: .3rem; left: 1rem; }
	.footer-bottom .site-navigation .nav-menu .menu-item:first-child { padding-left: 0; }
	.footer-bottom .site-navigation .nav-menu .menu-item:first-child::before { display: none; }
}
@media screen and (min-width: 736px) {
	.footer-bottom .inner-wrapper { align-items: center; display: flex; flex-flow: row-reverse wrap; justify-content: space-between; }
	.footer-bottom .site-navigation + .copyright { margin-top: 0; }
}
@media screen and (max-width: 1023px) {
	.footer-bottom { font-size: 1.4rem; }
	.footer-bottom .site-navigation .nav-menu .menu-item::before { height: 1.2rem; }
	.footer-bottom .site-navigation .menu-level-1 > .menu-item a { padding: 5px 0; }
}


/** content area */
#content-area { margin-bottom: 80px;  }
#mainHeader + #content-area::before { content: ""; display: block; border-top: 1px solid rgba(0,0,0,.16); padding-top: 10px; }
#content-area::after,
#content-area #content::after { content: ""; clear: both; display: block; width: 100%; }
@media screen and (min-height: 1080px) {
	#content-area { margin-bottom: 110px; }
}

/** breadcrumbs */
.breadcrumb-list { display: none; }
.breadcrumb-list .breadcrumb-item:first-child .breadcrumb-link::before { color: #36A29D; }
.breadcrumb-list .breadcrumb-item:first-child .breadcrumb-link:hover::before { color: #E1007A; }
.breadcrumb-list .breadcrumb-item .breadcrumb-text { color: #000; }
.breadcrumb-list .breadcrumb-item .breadcrumb-link:hover .breadcrumb-text { color: #E1007A; }
.breadcrumb-list .breadcrumb-item.active .breadcrumb-text { color: #E1007A; }
.breadcrumb-list span.separator { color: #000; }


/* main content */
#content-area #content { margin-top: 40px; }
@media screen and (min-height: 768px) {
	#content-area #content { margin-top: 60px; }
}
#mainContent { display: block; }

/* * * screen width */
@media screen and (max-width: 1300px) { /* before full width of design */
}/* design */

@media screen and (max-width: 1200px) { /* width of design */
}/* design */

@media screen and (max-width: 1024px) { /* ipad - landscape */
}/* 1024px */

@media screen and (max-width: 1023px) { /* smaller than ipad - landscape */
}/* 1023px */

@media screen and (max-width: 992px) {
}/* 992px */

/* main navi - desktop */
@media screen and (min-width: 1025px), (min-width: 992px) and (max-width: 1024px) and (pointer: fine){
	#mainNav .menu-level-1 { align-items: center; display: flex; flex-flow: row wrap; }
	#mainNav .menu-level-1 > .menu-item { margin-left: 2rem; }
	#mainNav .menu-level-1 > .menu-item-0 { display: none; }
	#mainNav .menu-level-1 > .menu-item.has--child-items::after { content: ""; height: 100%; width: 100%; padding-bottom: 33px; position: absolute; top: 100%; left: 0; }
	#mainNav .menu-level-1 > .menu-item .submenu-wrapper { background: #FFF; margin-top: 33px; padding: 10px 30px; width: auto; min-width: 280px; position: absolute; left: -30px; top: 100%; z-index: -1; opacity: 0; transform: rotateX(-90deg); transform-style: preserve-3d; transform-origin: top center; transition: transform .5s cubic-bezier(.2,.7,.7,1.3),opacity .1s .1s; }
	#mainNav .menu-level-1 > .menu-item:last-child .submenu-wrapper { right: -30px; left: auto; }
	#mainNav .menu-level-1 > .menu-item.has--child-items:hover > .submenu-wrapper { opacity: 1; transform: rotateX(0) translateZ(0); z-index: 101; }
}
/* main navi - as sidebar */
@media screen and (max-width: 991px), (min-width: 992px) and (max-width: 1024px) and (pointer: coarse) {
	html { overflow-x: hidden; overflow-y: auto; }
	.site-header { overflow: hidden; }
	#nav-toggle:checked ~ #outer-wrapper #overlay { display: block; }
	#nav-toggle:checked ~ #outer-wrapper #inner-wrapper { position: fixed; transform: translateX(-40%); }
	.navbar-toggler { display: block; top: 100px; right: 30px; }
	#mainNav { clear: both; display: block; height: 100vh; width: 40%; margin: 0; padding: 50px 0 10vh; text-align: left; overflow: hidden; overflow-y: scroll; position: absolute; top: 0; right: 0; bottom: auto; z-index: -1; -webkit-overflow-scrolling: touch; }
	#nav-toggle:checked ~ #outer-wrapper #mainNav { transform: translateX(100%); }
	#mainNav .site-navigation { display: block; padding-bottom: 20px; position: relative; width: 100%; }
	#mainNav .nav-menu .menu-item a { display: block; line-height: 1; padding: 10px 0; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }
	#mainNav .nav-menu .menu-item.has--child-items > a { margin-right: 30px; }
	#mainNav .menu-level-1 { display: block; margin: 0 20px; }
	#mainNav .menu-level-1 > .menu-item { margin: 1rem 0; }
}
@media screen and (min-width: 992px) and (max-width: 1024px) and (pointer: coarse) {
	.navbar-toggler { top: 120px; }
}

@media screen and (max-width: 900px) {
}/* 900px */

@media screen and (max-width: 812px) { /* iphone X - landscape  */
}

@media screen and (max-width: 800px) {
}/* 800px */

@media screen and (max-width: 768px) { /* ipad - portrait */
}/* 768px */

@media screen and (max-width: 767px) { /* smaller than ipad - portrait */
	#nav-toggle:checked ~ #outer-wrapper #inner-wrapper { transform: translateX(-70%); }
	#mainNav { width: 70%; }
}/* 767px */

@media screen and (max-width: 736px) { /* iphone 6+ - landscape */
}/* 736px */

@media screen and (max-width: 667px) { /* iphone 6 - landscape */
}/* 667px */

@media screen and (max-width: 666px) { /* smaller than iphone 6 - landscape */
	.navbar-toggler { top: 45px; }
}/* 666px */

@media screen and (max-width: 568px) { /* iPhone5 - landscape */
}/* 568px */

@media screen and (max-width: 567px) { /* smaller than iPhone5 - landscape */
}/* 567px */

@media screen and (max-width: 480px) { /* iPhone4 - landscape */
}/* 480px */

@media screen and (max-width: 479px) { /* smaller than iPhone4 - landscape */
}/* 479px */

@media screen and (max-width: 414px) { /* iPhone6+ - portrait */
}/* 414px */

@media screen and (max-width: 375px) { /* iPhone6 - portrait */
}/* 375px */

@media screen and (max-width: 374px) { /* smaller than iPhone6 - portrait */
}/* 374px */

@media screen and (max-width: 320px) { /* iPhone4/5 - portrait */
}

@media screen and (max-width: 319px) { /* smaller devices */
}/* smaller */


/* eof */