/**
 *  SWOM
 *  (c) Excez
 *  Rick Bongers
 */

@import url('https://fonts.googleapis.com/css2?family=Changa:wght@200..800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --blue: #0347AF;
    --white: #ffffff;
}

html, body { padding:0; margin:0; margin-top:0px !important; overflow-x:hidden; }

body { 
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #5B5B5B;
  font-size: 16px;
  line-height: 27px;
  letter-spacing: 0%;
  background-color:#fff;
} 


#menu-hoofdmenu { display:flex; align-items:center; }
#menu-hoofdmenu > .menu-item.wpml-ls-item > a {
    padding: 0;
  }
#menu-hoofdmenu > .menu-item > a > span.wpml-ls-native {
  text-indent: -99999px;
  display: inline-block;
}

#menu-hoofdmenu > .menu-item > a > span.wpml-ls-native:after {
  content: attr(lang);
  text-transform: uppercase;
  display: block;
  text-indent: 0px;
}

#wpadminbar { display: none !important; }

body .vc_row, body .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }

.container { position:relative; }

a { color:#5B5B5B; text-decoration:none; font-weight: 400; }
a:hover { text-decoration:none; color:#734716;}
.hidden-link, .hidden-link:hover { color: #734716; text-decoration: inherit; }
:focus { outline:none !important;}
button { cursor: pointer; }

.row > div:first-child { margin-left: 0px !important;}
.row-shadow { box-shadow: 0px 0px 40px #00000008;}


h1, h2, h3, h4 { color:#690002; font-family: 'Changa', serif;}
.h1, .h2, .h3, .h4 { color:#1F4576; font-family: 'Changa', serif; }
h1, .h1 { font-family: 'Changa'; font-optical-sizing: auto; color: #690002; font-weight:600; font-size: 48px; }
h6 { color:#0347af; font-family: 'Changa', cursive; font-weight:400; font-size:32px}
.h6 {  color:#0347af; font-family: 'Changa', cursive; font-weight:400; font-size:32px}
h2 { margin:0pt 0 20pt 0; font-size: 50px; font-weight: 500; color:#2F4F4F; position: relative; }
h3 { margin:5pt 0 5pt 0;font-size:20px; margin-top:20pt; color:#690002; font-weight: 400; }
h4 { color:#fff; font-size: 20px; }
h5 { font-size:14pt; color:#662c91; font-style: italic; font-weight:400; line-height:27px; }

@media (max-width: 720px) {
  h1, .h1 { font-size: 40px; }
}

.wpb_single_image img { border-radius:0px }

.banner { padding: 100px 0px; }
.banner :is(h1, h2, h3, h4, p) { color:#fff }
.banner h1 { font-weight:400; }
.banner .btn-link { color:#fff !important; }

.smart-background { width: 100%; height: 100%; background-position: center; background-size: cover; }
.smart-background .image { display: none; }
.smart-background .image img { width: 100%; max-height: 500px; object-fit: cover; }

#breadcrumbs a { color:#B7844A; text-decoration:underline; }

.header__sticky header { position: fixed; width:100%; } 
.header__sticky__scroll_top.scrolled-top header { position: fixed; width: 100%; top:-200px; } 
.header__sticky__scroll_top.scrolled-top.nav-down header { background:#fff; top:0px; transition: .4s all ease-in-out; animation:navigation-in; box-shadow: 0px 0px 15px #00000036; width: 100vw; margin-left: -15px;}
.header__sticky__scroll_top.scrolled-top header { transition: all .4s; animation:navigation-out; }
.header__sticky__scroll_top.scrolled-top.nav-down header .navbar.main-navbar { height: 100px; }
.header__sticky__scroll_top.scrolled-top.nav-down header .navbar.main-navbar .nav li a { color:#000; }

body .hamburger { display: none; opacity: 1 !important;  margin-top: -10px; } 
body .hamburger-inner, body .hamburger-inner:after, body .hamburger-inner:before { background-color:#000; }
body .hamburger.is-active .hamburger-inner:after, body .hamburger.is-active .hamburger-inner:before { background-color:#fff !important; opacity: 1 !important;}
body.scrolled-top .hamburger-inner, body.scrolled-top .hamburger-inner:after, body.scrolled-top .hamburger-inner:before { background-color:#000; }
body.scrolled-top .hamburger.is-active .hamburger-inner:after, body.scrolled-top .hamburger.is-active .hamburger-inner:before { background-color:#000 !important; }
body.mobile-menu-open .hamburger.is-active .hamburger-inner:after, body.mobile-menu-open .hamburger.is-active .hamburger-inner:before { background-color:#000 !important; }
body .hamburger:hover { background-color:transparent !important; }

.vc_box_rounded img { border-radius:25px; }
.news-single img { width:100%; } 

header { background:transparent; position: relative; z-index:25; width: calc(100vw - 15px);transition:.2s all ease-in-out }
.navbar.main-navbar { height:100px; z-index:9999; width:100%; top:0; transition:.3s all ease-in-out; display: block; position: relative; background-color:#fff; }
.navbar.main-navbar .navbar-brand { display: flex; align-items: center; height:80px; transition:.4s all ease-in-out; z-index:10}
.navbar.main-navbar .navbar-brand img { max-height:100%; max-width:100%; }
.navbar.main-navbar .navbar-brand img.logo_black_sticky { display:none;}
.navbar.main-navbar .navbar-above { position:absolute; right:0px; top:10px; font-weight:600; color:#000; }
.navbar.main-navbar .navbar-above p span { margin-left: 30px }
.navbar.main-navbar #menu-primary-menu { margin-top:0px; transition:.3s all ease-in-out; margin-left: auto; } 
.navbar.main-navbar .nav > li { position: relative; }
.navbar.main-navbar .nav > li:not(.btn) > a { color: #690002; display:block; padding:10px 25px; font-size:20px; text-decoration:none; font-weight:400; font-family: 'Changa', serif;  }
.navbar.main-navbar .nav > li.btn a { padding:0px; }
.navbar.main-navbar .nav > li.btn span { display:flex; }
.navbar.main-navbar .nav > li.btn span:before { margin-right:20px; transition: .3s all ease-in-out; display: block; }
.navbar.main-navbar .nav > li.btn:hover span:before { transform:translateX(5px);  }
.navbar.main-navbar .nav > li.current_page_item a, .navbar.main-navbar .nav > li.current-menu-item a, .navbar.main-navbar .nav > li:not(.btn):hover a { color:#690002; font-weight: 600; }
.navbar.main-navbar .nav li .dropdown-menu {  left: -3.5rem; }
.navbar.main-navbar .nav > li:hover > .dropdown-menu { display:block; border: none; text-align:center; border-radius: 0px; left: 50%; transform: translateX(-50%); background-color: transparent; padding: 0px; padding-top:10px; }
.navbar.main-navbar .nav > li:hover > .dropdown-menu > .container { background-color:#fff; }
.navbar.main-navbar .nav > li:hover > .dropdown-menu > .container li:hover { background-color: #fefbf7; }
.navbar.main-navbar .nav > li.phone > a::before { content:"\f095"; font-family:"Font Awesome 5 Pro"; font-weight:600; padding-right:5px;  }
.navbar.main-navbar .nav > li.menu-item-has-children > a:after { content:"\f107"; font-family:"Font Awesome 5 Pro"; font-weight:300; padding-left:5px; }
.navbar.main-navbar .nav > li.menu-item-has-children:hover > a:after { content:"\f106"; }
.navbar.main-navbar .nav > li:not(.mega-menu) .container { max-width: unset; width:100%; list-style: none; padding:0px; }
.navbar.main-navbar .nav > li:not(.mega-menu) li { border-bottom:1px solid rgba(47, 79, 79, 1) }
.navbar.main-navbar .nav > li:not(.mega-menu) li > a { color:rgba(47, 79, 79, 1); font-weight: 400; text-transform: none; font-family: 'Roboto', serif; font-size:16px; display: block; line-height:30px;  padding: 5px 10px; }
.navbar.main-navbar .nav > li.btn { margin-left:20px; }
.navbar.main-navbar .nav > li.btn > a { color:#fff !important; } 
.navbar.main-navbar .nav > li.btn > a:hover { color:#fff !important; }
#menu-hoofdmenu { margin-left:auto; }

  

.container-chalets { padding: 30px 20px !important; }

@media (min-width: 920px) {
    .container-chalets { padding: 40px 60px !important; }
}

/*body.mobile-menu-open header { background-color:#fff; }*/
body.mobile-menu-open .navbar.main-navbar, body.mega-menu-open .navbar.main-navbar { overflow:visible; }

.with-archive-button h2 { float:left; }
.with-archive-button .btn.btn-link { float:right; color:#B7844A; font-size: 24px; text-decoration: none !important; }
.with-archive-button .btn.btn-link:hover { color:#B7844A; }
.row-newslist { clear:both; }
.clearfix { clear:both }
.with-archive-button .btn-link span:after { background-image:url(../images/archive.png); transform: translateY(2px);  }

/* Mega Menu */
.mega-menu-open .navbar.main-navbar .nav li.mega-menu > .dropdown-menu { display: flex; opacity: 1; pointer-events:unset; }
.mega-menu-open header { background-color:#fff;   }
.mega-menu-open .navbar.main-navbar .nav > li > a { color:#000; }
.navbar.main-navbar .nav li.mega-menu { position: inherit; }
.navbar.main-navbar .nav li.mega-menu > .dropdown-menu { pointer-events:none; border:none; display: none; opacity: 0; position: absolute; top: 168px; left: -15px; width: 100vw; z-index: -1; padding:40px 0px; transition:.2s all ease-in-out }
.scrolled-top .navbar.main-navbar .nav li.mega-menu > .dropdown-menu { top:100px; }
.navbar.main-navbar .nav li.mega-menu > .dropdown-menu > .container { list-style: none; display: flex; }
.navbar.main-navbar .nav li.mega-menu > .dropdown-menu > .container > li { width:100%; display: flex; flex-direction: column;}
.navbar.main-navbar .nav li.mega-menu > .dropdown-menu > .container > li > a { color:var(--blue); font-size:12px; font-weight:800; font-family: 'Roboto', serif; text-transform: uppercase; }
.navbar.main-navbar .nav li.mega-menu > .dropdown-menu > .container > li > .dropdown-menu { position: initial; display: block; border: none; }
.navbar.main-navbar .nav li.mega-menu > .dropdown-menu > .container > li > .dropdown-menu > .container { width:100%; list-style: none; margin:0; padding:0; }
.navbar.main-navbar .nav li.mega-menu > .dropdown-menu > .container > li > .dropdown-menu > .container > li {}
.navbar.main-navbar .nav li.mega-menu > .dropdown-menu > .container > li > .dropdown-menu > .container > li > a { font-size:12px; color:#000; font-weight:400; font-family: 'Lato', serif; text-transform: uppercase; white-space: nowrap;}

body .vc_message_box.vc_color-white { border: none; padding:0px; display: flex; }
body .vc_message_box.vc_color-white .vc_message_box-icon { bottom:unset;  position: relative; top:unset; left: unset; margin-bottom:auto; margin-top:10px; }
body .vc_message_box.vc_color-white .vc_message_box-icon i { color:#36465B; font-size:14px; transform: none; margin-right:10px;  }
body .vc_message_box.vc_color-white p { color: #36465B; }

body.home #app > header { position:relative; } 

/* Banner */
.main-banner { margin-bottom:60px; background-color: #36465B14; border-radius: 25px; padding: 100px 0px; }
.main-banner { background-image:url(/wp-content/uploads/2025/11/frame2.png); background-repeat:no-repeat; background-size: auto 120%; background-position: -20px;}
.main-banner h1 {  font-weight: 600; font-size: 72px; line-height: 120%; letter-spacing: -2% }
.main-banner.main-banner-booker { margin-bottom: 120px; } 
.main-banner.main-banner-sub { height: 450px; }
.main-banner.main-banner-booker .container { padding-bottom: 0px; transform: translateY(-50px); }
.main-banner.main-banner-chalet.main-banner-booker .container { padding-bottom: 0px; transform: translateY(50px); } 
.main-banner.main-banner-booker .container { padding-bottom: 0px; }
.main-banner img { transform:scale(1.5); }
.main-banner.main-banner-sub .d-flex { flex-direction:column-reverse !important;}
.main-banner.main-banner-sub .d-flex h4 { margin-bottom:0px; margin-top:0; }
.main-banner.main-banner-sub .container { padding-bottom: 20px;  }

.bgcolumnscontainer { margin-top: 100px }
.bgcolumnsrow { margin-top:-100px; margin-bottom: 60px; }
.bgcolumns { padding-top:400px; }
.bgcolumns p { color:#fff; font-family:'Changa'; font-size:25px; }

.title-col { display:flex; gap: 25px; }
.title-col h4 { color:#A50205; font-size:24px; margin-top: 12px; }

@media (max-width: 720px) {
  .main-banner.main-banner { height:auto; }
  .main-banner.main-banner-sub { height: 300px; margin-bottom:30px; }
  .main-banner .book-sells { display:none; }
  .main-banner { margin-bottom: 60px; } 
  .main-banner .book-picker.book-picker-mobile { display:flex; margin-top: 20px; }
  .main-banner .container .book-picker.book-picker-desktop { display:none !important; }
  .main-banner.main-banner-booker { margin-bottom:20px; }
  .main-banner.main-banner-chalet.main-banner-booker .container { transform:none; }

  body .wpb_column.vc_column_container { padding-left:10px; padding-right:10px; }

} 


.cta-text-button { padding: 50px 20px 150px 0px; background-color:#FAFAFA; position:relative; }
.cta-text-button:before { content: ''; position:absolute;  background-color:#FAFAFA; height:100%; width:100vw; top:0px; right:0px; pointer-events:none; z-index:-1; }
.cta-footer-image { height:100%; position:absolute; left: 100%; top: -80px; }

.wpb_wrapper:has(> .vc-banner) { display:grid; grid-template-columns:50% 50%; gap: 17px; }

@media (max-width: 920px) {
  .cta-footer-image { max-width:50vw; height:auto; }
}
@media (max-width: 768px) {
  .wpb_wrapper:has(> .vc-banner) { grid-template-columns:100%; }
  .cta-footer-image { display:none; }
}

.vc-banner { background-color:#FAFAFA;  position: relative; width: 100%; transition:.3s all ease-in-out }
.vc-banner h1 { color:#690002 !important; font-size:20px; font-weight:400; margin:0px; }
.vc-banner h2 { color: var(--blue); text-transform: uppercase; font-size: 15pt; line-height:0; }
.vc-banner .btn { margin-left: -20px; }
.vc-banner .vc-banner-inner { height:100%; padding: 10px; position: relative; }
/*.vc-banner .vc-banner-inner:before { content:''; background-image: url(/wp-content/uploads/2024/01/Path-428.png); background-repeat: no-repeat; background-position: left 20px bottom 120px; position: absolute; width: 100%; height: 100%; display: block; top:0; left: 0; bottom: 0; right: 0; opacity: .2}*/
.vc-banner + .container-main  article > .entry-content > section:first-child.vc_section { transform: translateY(-180px); } 
.vc-banner + .container-main > .container > section:first-child.vc_section { transform: translateY(-180px); }
.vc-banner .vc-banner-image { width:40px; height:40px; margin-bottom: 15px; margin-top: 10px; }
.vc-banner .vc-banner-image img { width: 100%; height: 100%; object-fit: contain; }
.vc-banner * { transition:.3s all ease-in-out; }
.vc-banner:hover { background-color:#A50205; }
.vc-banner:hover :is(h1, .h1, h2, h3, h4, p, a, .btn) { color:#fff !important; }
.vc-banner:hover img { filter: brightness(0) invert(1); }

@media (max-width: 920px) {
  .main-banner > .wpb_column.vc_column_container.vc_col-sm-12 > .vc_column-inner { padding-left: 0px; padding-right: 0px; }
  .main-banner .wpb_column.vc_column_container.vc_col-sm-6.vc_col-md-4 { background-color:#ffffff60;  padding-left: 20px; padding-right: 20px; }
  .main-banner .wpb_column.vc_column_container.vc_col-sm-6.vc_col-md-4 p { color:#000 !important }
}

.submenu-container { padding-top: 50px; margin-bottom:-80px; position: relative; z-index: 2; }
.submenu-container .submenu-container-inner { max-width: 40%; }
.submenu-container .submenu-container-inner .btn { margin-bottom: 20px; }
 
.breadcrumb-container #breadcrumbs { padding:60px 0px 20px 0px; font-weight:600; font-size:12pt; }
.breadcrumb-container #breadcrumbs > span { font-weight:400;}
.breadcrumb-container #breadcrumbs > span a { text-decoration:underline; display: inline-block; padding:0px 4px; color:#000; }


.badge { border-radius:0px;}
.badge.badge-warning {background-color: #e7a900; }
.btn, body .vc_btn3, body .vc_btn3.vc_btn3-style-modern { border-radius:50px !important; padding-right:20px; transition:.2s all ease-in-out; padding:10px 20px !important; margin-right:20px; background-image:none; font-family:'Roboto' !important; font-weight:500; font-size:16px !important; appearance:none !important; -webkit-appearance: none !important; }
.btn.btn-lg, .vc_btn3-block.vc_btn3-size-lg { padding:15px 30px !important; font-size:20px !important; }
.btn.btn-lg i , .vc_btn3-block.vc_btn3-size-lg i {  font-size: 23px !important; margin-top: 6px; }
.btn.btn-sm { font-size:11pt; transition:.2s all ease-in-out; padding:5px 15px;}
.btn.btn-warning {background-color: #e7a900; border-color:#e7a900; color:#fff }
.bg-warning { background-color:#e7a900 !important}
.btn { border-radius:100px; text-decoration:none; padding: 6.5pt 30pt; position: relative; font-family: 'Roboto', sans-serif; font-weight:500; font-size: 18px; }
.btn.btn-default { border:1px solid #A50205; color:#A50205; background-color:transparent; }
.btn.btn-default:hover, .btn.btn-default:active, .btn.btn-default:active:hover { background-color: #690002; color:#fff; border-color:#690002; }
.btn.btn-purple, .btn.btn-swom, body .vc_btn3.vc_btn3-color-violet.vc_btn3-style-modern, body .vc_btn3.vc_btn3-color-purple.vc_btn3-style-modern { background-color:#662c91; color:#fff; background-image:none;; border:none;}
.btn.btn-purple:hover, .btn.btn-swom:hover, body .vc_btn3.vc_btn3-color-violet.vc_btn3-style-modern:hover, body .vc_btn3.vc_btn3-color-purple.vc_btn3-style-modern:hover { background-color:#582381; color:#fff; background-image:none;; border:none;}
.btn.btn-purple:focus, .btn.btn-swom:focus, body .vc_btn3.vc_btn3-color-violet.vc_btn3-style-modern:focus, body .vc_btn3.vc_btn3-color-purple.vc_btn3-style-modern:focus { background-color:#582381; color:#fff; background-image:none;; border:none;}
.btn.btn-green, body .vc_btn3.vc_btn3-color-turquoise.vc_btn3-style-modern { background-color:#00999d; color:#fff; background-image:none;; border:none;  }
.btn.btn-green:hover, body .vc_btn3.vc_btn3-color-turquoise.vc_btn3-style-modern:hover { background-color:#00999d; color:#fff; background-image:none;; border:none;  }
.btn.btn-green:focus, body .vc_btn3.vc_btn3-color-turquoise.vc_btn3-style-modern:focus { background-color:#00999d; color:#fff; background-image:none;; border:none;  }
.btn.btn-red, .btn.btn-kbo, body .vc_btn3.vc_btn3-color-danger.vc_btn3-style-modern { color:#fff; background-color:#ff0000; background-image:none;; border:none; }
.btn.btn-red:hover, .btn.btn-kbo:hover, body .vc_btn3.vc_btn3-color-danger.vc_btn3-style-modern:hover { color:#fff; background-color:#ff0000; background-image:none;; border:none; }
.btn.btn-red:focus, .btn.btn-kbo:focus, body .vc_btn3.vc_btn3-color-danger.vc_btn3-style-modern:focus { color:#fff; background-color:#ff0000; background-image:none;; border:none; }
.btn.btn-orange, .btn.btn-swombus, body .vc_btn3.vc_btn3-color-orange.vc_btn3-style-modern {  color:#fff; background-color:#ff7900; background-image:none;; border:none; }
.btn.btn-orange:hover, .btn.btn-swombus:hover, body .vc_btn3.vc_btn3-color-orange.vc_btn3-style-modern:hover {  color:#fff; background-color:#ff7900; background-image:none;; border:none; }
.btn.btn-orange:focus, .btn.btn-swombus:focus, body .vc_btn3.vc_btn3-color-orange.vc_btn3-style-modern:focus {  color:#fff; background-color:#ff7900; background-image:none;; border:none; }
.btn.btn-lightblue, .btn.btn-shc, body .vc_btn3.vc_btn3-color-blue.vc_btn3-style-modern  {  color:#fff; background-color:#ccce0a;color:#fff; background-image:none;; border:none; }
.btn.btn-lightblue:hover, .btn.btn-shc:hover, body .vc_btn3.vc_btn3-color-blue.vc_btn3-style-modern:hover  {  color:#fff; background-color:#ccce0a;color:#fff; background-image:none;; border:none; }
.btn.btn-lightblue:focus, .btn.btn-shc:focus, body .vc_btn3.vc_btn3-color-blue.vc_btn3-style-modern:focus  {  color:#fff; background-color:#ccce0a;color:#fff; background-image:none;; border:none; }
.btn.btn-blue, body .vc_btn3.vc_btn3-color-primary.vc_btn3-style-modern  {  color:#fff; background-color:#2a3990; background-image:none;; border:none; }
.btn.btn-blue:hover, body .vc_btn3.vc_btn3-color-primary.vc_btn3-style-modern:hover  {  color:#fff; background-color:#2a3990; background-image:none;; border:none; }
.btn.btn-blue:focus, body .vc_btn3.vc_btn3-color-primary.vc_btn3-style-modern:focus  {  color:#fff; background-color:#2a3990; background-image:none;; border:none; }
.btn.btn-primary, body .vc_btn3.vc_btn3-color-mulled-wine.vc_btn3-style-modern { background-color:#A50205; color:#fff; border-color: transparent; }
.btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:hover:active, body .vc_btn3.vc_btn3-color-mulled-wine.vc_btn3-style-modern:hover, body .vc_btn3.vc_btn3-color-mulled-wine.vc_btn3-style-modern:active { background: #690002; color:#fff; }
.btn-secondary, { background-color:#2F4F4F ; color:#fff; border-color: transparent; }
.btn-secondary:hover { background-color:#2F4F4F ; color:#fff; border-color: transparent; }
.btn-hover-black:hover { color:white !important; }
.btn.btn-outline { background-color: transparent !important; color:#000;}
.btn.btn-outline.btn-primary { color:#020351; }
.btn.btn-outline.btn-primary:hover { color:#fff; background-color:#020351; }

.btn.btn-link { text-decoration:none; color:#A50205; }
.btn.btn-link span { text-decoration:none; }

.btn.btn-link:hover { color:#690002; }

.btn span { display: flex; align-items:center;  }

/*.btn span:before { content:""; font-family:"Font Awesome 5 Pro"; }*/
.btn span:before { content:"\f061"; font-family:"Font Awesome 5 Pro"; margin-right:20px; transition: .3s all ease-in-out}
.btn:hover span:before { transform:translateX(5px); }

.vc_btn3.vc_btn3-color-blue.vc_btn3-style-outline { color:#020351 !important; border:1px solid #020351 !important; text-transform: uppercase; font-size: 10pt; font-family: 'Roboto', sans-serif; margin-right:20px; }
.vc_btn3.vc_btn3-color-blue.vc_btn3-style-outline:hover { color:#fff !important; background-color:#020351 !important; }

.wpb_wrapper.vc_figure { width: 100%; }
.wpb_single_image .vc_single_image-wrapper { width: 100%; display: block ;}

.attachment-full { width: 100%; }
.btn.btn-primary span { position: relative; z-index:2; }
.btn.btn-xs { padding: 8px 12px; font-size: 11pt !important; border-radius: 4px; text-transform: none;}
body .vc_btn3.vc_btn3-size-md { font-size:17px;}
body .btn-block .vc_btn3 { width:100%; text-align:center; }
.btn-link { font-family: 'Roboto', serif; color:#242B65; padding-left: 0px; text-decoration: underline; }
.btn-link span:after { background-image: url(../images/read_more_blue.png); }
.btn-link:hover { color:#242B65;  }
.btn-link.btn-lg { font-size:18pt; font-weight:400; }
.btn-icon i { font-size:25pt; margin-left:10px; }
.btn-icon.btn-icon-purple i { color:#662c91}
.btn-link.btn-lg i { transform: translateY(4px); }
.page-link { color:#000; }
.page-item.active .page-link { background-color:#662c91 ; border-color:#662c91}

.vc_grid-item { height: 400px !important; }
.vc_gitem-zone { height: 380px !important; background-color: transparent !important; }
.vc_gitem_row .vc_gitem-col { padding: 15px !important;}

.form-control { border-radius:0; border:1px solid #dfe3e9;  height: calc(2.75rem + 4px); font-size:12pt; }
.form-control:focus { box-shadow:none; outline:none; border-color:#4b3671}
.select-control { position: relative;}
.select-control .form-control { -webkit-appearance: none; cursor: pointer; }
.select-control:after { pointer-events:none; content:"\f078"; font-family:"Font Awesome 5 Pro"; position: absolute; top:4px; padding:5px; right:1px; display: block; width:50px; height:40px; background: #fff; z-index: 9999999999;color:#dfe3e9; font-size:10pt; }
.select-control.has-value:after { content:"\f00d"; font-size: 15pt; }
.select-control.date-control:before { pointer-events:none; content:"\f073"; font-family:"Font Awesome 5 Pro"; position: absolute; top:4px; padding:5px; left:10px; display: block; width:50px; height:40px; background: #fff; z-index: 9999999999;color:#dfe3e9; font-size:16pt; }
.select-control.date-control input { padding-left:60px; }

.form-group label { font-weight:300; font-size:12pt; font-family: 'Roboto', sans-serif; }
.form-group .form-control { border-radius:0; border:1px solid #cbcbcb; box-shadow:none; }
form.wpcf7-form br { display: none; }

.vc_separator {  margin-bottom:20px !important; }
.vc_separator:after {content:""; display:block; width:100%; background:url(../images/dots.png) no-repeat left top; height:20px; margin-top:20px; }
.vc_separator .vc_sep_holder { display: none; }

.wpb_wrapper--text .btn { margin-top: 35px; }
.col-full-height > .vc_column-inner > .wpb_wrapper, .col-full-height > .vc_column-inner > .wpb_wrapper > .wpb_content_element { height:100%; }
.wpb_gmaps_widget, .wpb_gmaps_widget div, .wpb_gmaps_widget iframe { height:100%; max-height:600px }

/* Owl */
.owl-theme .owl-nav .owl-prev, .owl-theme .owl-nav .owl-next { position: absolute; left: -100px; top: 50%; }
.owl-theme .owl-nav .owl-next { left:auto; right:-100px; }
.owl-experiences .item img { max-height: 150px; width: auto; margin: auto; }
.owl-carousel[data-nav="true"] .owl-nav.disabled { display:block !important; }

.vc_tta-panel-heading {}
body .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading { border-radius: 40px !important; }
body .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title { padding:18px 15px !important; }
body .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title > a { font-size:20px !important; color: #242B65 !important; font-family:'Roboto' }
body .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left .vc_tta-controls-icon { left:auto; right: 20px; }
body .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading { background-color:#242B65 !important; color:#fff !important; }
body .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a { color:#fff !important; }
body .vc_tta.vc_tta-accordion .vc_active .vc_tta-controls-icon-position-left .vc_tta-controls-icon:before { border-color:#fff !important; }
.vc_tta.vc_tta-o-no-fill .vc_tta-panels .vc_tta-panel-body .text-button { margin: 0px !important; }
body .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-body { padding:20px 50px }
body .vc_tta.vc_general .vc_tta-panel { margin-bottom: 10px; }


.wpb_image_grid_ul { max-width: 100%; overflow:hidden; max-height: 650px; height: unset !important; gap: 20px; display:grid; grid-template-rows: repeat(20,minmax(0,1fr)); grid-template-columns:repeat(20,minmax(0,1fr)) }
.wpb_image_grid_ul > li { position:unset !important; top:unset !important; left:unset !important; }
.wpb_image_grid_ul > li > a { height:100%; width:100%: display: block;  }
.wpb_image_grid_ul > li > a img { border-radius: 20px;height:100% !important; width:100% !important; object-fit:cover !important; }
.wpb_image_grid_ul > li:nth-child(1) { grid-area: 1 / 1 / 12 / 14 }
.wpb_image_grid_ul > li:nth-child(2) { grid-area: 12 / 1 / 21 / 7 }
.wpb_image_grid_ul > li:nth-child(3) { grid-area: 12 / 14 / 21 / 7 }
.wpb_image_grid_ul > li:nth-child(4) { grid-area: 1 / 14 / 21 / 21 }
.wpb_image_grid_ul > li:nth-child(5), .wpb_image_grid_ul > li:nth-child(6), .wpb_image_grid_ul > li:nth-child(7), .wpb_image_grid_ul > li:nth-child(8) { display:none; }

.wpb_image_grid_ul_custom { max-height: 650px; height: unset !important; gap: 20px; display:grid; grid-template-rows: repeat(20,minmax(0,1fr)); grid-template-columns:repeat(20,minmax(0,1fr)) }
.wpb_image_grid_ul_custom > li { position:unset !important; top:unset !important; left:unset !important; }
.wpb_image_grid_ul_custom > li > a { height:100%; width:100%: display: block;  }
.wpb_image_grid_ul_custom > li > a img { border-radius: 20px;height:100% !important; width:100% !important; object-fit:cover !important; }
.wpb_image_grid_ul_custom > li:nth-child(1) { grid-area: 1 / 1 / 21 / 8 }
.wpb_image_grid_ul_custom > li:nth-child(2) { grid-area: 1 / 8 / 10 / 14 }
.wpb_image_grid_ul_custom > li:nth-child(3) { grid-area: 10 / 8 / 21 / 11 }
.wpb_image_grid_ul_custom > li:nth-child(4) { grid-area: 10 / 11 / 21 / 14 }
.wpb_image_grid_ul_custom > li:nth-child(5) { grid-area: 1 / 14 / 21 / 21 }


section.vc_section.vc_section-has-fill { padding-top:0px; border-radius: 25px; }
section.vc_section.vc_section-has-fill > .vc_row.vc_row-has-fill { padding-top:0px; background-size:100% auto; }
section.vc_section.vc_section-has-fill:has(.gradient) > .vc_row.vc_row-has-fill { padding-bottom:100px; }
section.vc_section.vc_section-has-fill:before { content:''; background-color:#fff; width: 4px; height: 100%; display: block; z-index: 999999; position: absolute; left: 0; top:0 }
section.vc_section.vc_section-has-fill:after { content:''; background-color:#fff; width: 4px; height: 100%; display: block; z-index: 999999; position: absolute; right: 0; top:0 }
section.vc_section.vc_section-has-fill :is(h1, h2, h3, p, a) { color:#fff; }
section.vc_section.vc_section-has-fill .gradient { background: linear-gradient(180deg, rgba(54, 70, 91, 0) 0%, #36465B 20.19%); padding-top: 100px; transform: translateY(-100px);}
section.vc_section.vc_section-has-fill .gradient:before { content:''; display:block; height:100px; background:red; }

@media (max-width: 920px) {
  .wpb_image_grid_ul_custom { max-height:500px; }
  .wpb_image_grid_ul { gap: 10px; }
}

@media (max-width: 720px) {
  :is(.wpb_image_grid_ul, .wpb_image_grid_ul_custom) { display: flex !important; flex-wrap: wrap !important; max-height: unset !important; }
  :is(.wpb_image_grid_ul, .wpb_image_grid_ul_custom) > li { display:none; }
  :is(.wpb_image_grid_ul, .wpb_image_grid_ul_custom) > li > a { display:block; width: 100%; }
  :is(.wpb_image_grid_ul, .wpb_image_grid_ul_custom) > li:nth-child(1) { display: flex; width: 100%; height: 400px; object-fit: cover; }
  :is(.wpb_image_grid_ul, .wpb_image_grid_ul_custom) > li:nth-child(2) { display: flex; width: 46%; height: 200px; object-fit: cover; }
  :is(.wpb_image_grid_ul, .wpb_image_grid_ul_custom) > li:nth-child(3) { display: flex; width: 46%; height: 200px; object-fit: cover; margin-left: auto; }
}


.wpb_gallery_slides { position:relative; }
.wpb_gallery_slides .btn { position:absolute; right:30px; bottom:40px; z-index:10; }

.single-kamers .wpb_wrapper--text ul { column-count: 2; list-style:none; margin:0; padding:0; }
.single-kamers .wpb_wrapper--text ul li:before { content:"\f00c"; font-family:"Font Awesome 5 Pro"; font-weight:300; margin-right: 20px; color:#A45C40; }

@media (max-width: 760px) {
  .single-kamers .wpb_wrapper--text ul { column-count:1; padding-top: 40px; } 
}

.news-single .category { border: 1px solid #242B65; padding: 0px 6px; color:#242B65; border-radius: 8px; font-size: 12px; line-height:18px; display: inline; } 
.news-single strong { color:#242B65; font-weight:bold; }
.wp-block-heading {  color:#242B65; font-size:24px; }

/* .row > .col-simple { padding: 0px; } */
.col-simple { 
    margin-bottom: 60px; 
}

.col-simple .col-news-inner { 
    transition: .4s all; 
    border-radius: 30px; 
}

.col-simple .image { 
    position: relative; 
    margin-top: -10px; 
    margin-bottom: 10px; 
    overflow: hidden;  
    height: 250px; 
    border-radius: 30px; 
}

.col-simple .image a { 
    display: block; 
    width: 100%; 
    height: 100%; 
}

.col-simple .image a img { 
    width: 100%; 
    object-fit: cover; 
    transition: .4s all; 
    height: 100%; 
    object-fit: cover; 
}

.col-simple .image .category { 
    border: 1px solid #fff; 
    padding: 0px 6px; 
    color: #fff; 
    position: absolute; 
    bottom: 10px; 
    left: 20px; 
    border-radius: 8px; 
    font-size: 12px; 
    line-height: 18px; 
}

.col-simple .col-class-inner { 
    background: #fff; 
    padding: 20px 30px; 
}

.col-simple .date { 
    font-size: 16px; 
    font-weight: 500;  
    color: #00000050; 
    display: block;
    margin-top: 16px; 
    margin-bottom: 10px;
}

.col-simple h4, 
.col-simple .custom-title {
    font-weight: 600;
    text-transform: none;
    font-size: 24px;
    margin-top: 0px;
    margin-bottom: 10px;
    line-height: 35px;
    color: #242B65;
    overflow: hidden; /* Zorg ervoor dat tekst niet buiten het element komt */
}

.col-simple .custom-title {
    height: 120px; /* Gewenste hoogte voor de custom-title */
}

.col-simple p { 
    padding-bottom: 20px; 
    font-weight: 400;  
    overflow: hidden; 
    text-overflow: ellipsis; 
    line-height: 25px; 
    font-size: 15px; 
    color: #464646; 
}


.col-simple.col-project h4 { 
    position: absolute; 
    bottom: 0px; 
    left: 0px; 
    color: #fff; 
    z-index: 10; 
    font-size: 24px; 
    font-weight: 500; 
    padding: 0px 20px; 
}


.row.row-projectlist {  }
.row.row-projectlist .col-project {  margin-bottom: 20px; }
.row.row-projectlist .col-project .col-news-inner { background-color:#fff; border-radius: 20px; padding: 10px; transition: .2s all ease-in-out; padding-bottom: 50px; }
.row.row-projectlist .col-project .col-news-inner .image { margin-top: 0px; border-radius: 20px; height: 244px; }
.row.row-projectlist .col-project .col-news-inner .content {}
.row.row-projectlist .col-project .col-news-inner .content:after {transition: .2s all ease-in-out; margin-top: 10px; margin-right: 5pxp; font-size: 20px; content:"\f054"; font-family:"Font Awesome 5 Pro"; font-weight:300; float: right; }
.row.row-projectlist .col-project .col-news-inner .content :is(h1, h2, h3) { font-size:28px; font-weight:700; color:#2F4F4F; }
.row.row-projectlist .col-project .col-news-inner .content :is(h1, h2, h3, p, a, i, div) { color: #2B2B2B; transition: .2s all ease-in-out }
.row.row-projectlist .col-project .col-news-inner .content .list div { font-size:16px; margin-bottom:5px; }
.row.row-projectlist .col-project .col-news-inner .content .list div:last-child { font-size:18px; }
.row.row-projectlist .col-project .col-news-inner .content .list i { font-size: 16px; } 

.row.row-projectlist .col-project:hover .col-news-inner { background-color:#2F4F4F; }
.row.row-projectlist .col-project:hover .col-news-inner .content :is(h1, h2, h3, p, a, i, div) { color:#fff; }
.row.row-projectlist .col-project:hover .col-news-inner .content:after { color:#fff; }


.row.row-activitylist {}  
.row.row-activitylist .col-project { margin-bottom: 20px; }
.row.row-activitylist .col-project .col-news-inner { position: relative; background-repeat:no-repeat; background-size:cover; background-position:center; overflow:hidden; border-radius:20px; }
.row.row-activitylist .col-project .col-news-inner .image {}
.row.row-activitylist .col-project .col-news-inner .content { border-radius: 20px; overflow: hidden; padding: 20px;  background: linear-gradient(180deg,rgba(0, 0, 0, 0.61) 0%, rgba(0, 0, 0, 0.12) 37%, rgba(0, 0, 0, 0) 100%);  padding-bottom:200px; height: 350px; z-index: 2; position:relative; }
.row.row-activitylist .col-project .col-news-inner img { position:absolute; top:0px; left:0px; right:0px; bottom:0px; z-index: 1; object-fit: cover; width: 100%; height: 100%; transition: .2s all ease-in-out; }
.row.row-activitylist .col-project:hover .col-news-inner img { transform:scale(1.1); }
.row.row-activitylist .col-project .col-news-inner .content :is(h1, h2, h3) { color:#fff; font-weight:700; font-size: 28px; }
.row.row-activitylist .col-project .col-news-inner .content h4 { margin-bottom:0px; position:unset; padding:0; color:#FFF1CA; text-transform:uppercase; font-weight:400; font-size:18px;  font-family: "Roboto"; }


.row.row-activityarchive {} 
.row.row-activityarchive .col-project { margin-bottom: 20px; }
.row.row-activityarchive .col-project .col-news-inner {  background:#fff; border-radius: 20px; padding: 10px; position: relative; height: 100%; }
.row.row-activityarchive .col-project .col-news-inner .image { position:relative; margin:0; height:auto; border-radius:17px; }
.row.row-activityarchive .col-project .col-news-inner .image img { border-radius:17px; width:100%; height: 300px; object-fit: cover; transition: .2s all ease-in-out; }
.row.row-activityarchive .col-project:hover .col-news-inner .image img { transform:scale(1.1); }
.row.row-activityarchive .col-project .col-news-inner .image :is(h3, h4) { position:absolute; top: 10px; left:10px; color:rgba(255, 241, 202, 1); text-transform:uppercase; font-size: 18px; font-family: "Roboto"; }
.row.row-activityarchive .col-project .col-news-inner .content { border-radius: 20px; overflow: hidden; padding-top: 10px; }
.row.row-activityarchive .col-project .col-news-inner .content :is(h1, h2, h3) { color:rgba(47, 79, 79, 1); font-weight:300; font-size: 28px; }
.row.row-activityarchive .col-project .col-news-inner .content h4 { margin-bottom:0px; position:unset; padding:0; color:#FFF1CA; text-transform:uppercase; font-weight:400; font-size:18px; }


.vc_row[data-vc-full-width] { overflow:visible !important; }

.row.row-agenda { display: flex; flex-direction: column; }
.row.row-agenda .col-agenda { background-color: #FFFFFF85; border-radius: 15px; width: 100%; display: flex; align-items: center; padding: 20px 40px; margin-bottom: 15px; } 
.row.row-agenda .col-agenda .col-agenda-inner { display:flex; width:100%; align-items:center;  }
.row.row-agenda .col-agenda .col-agenda-inner h4 { margin:0; line-height: 40px; font-size:24px;  }
.row.row-agenda .col-agenda .col-agenda-inner:after { content: ''; display:inline-flex; background-image:url(../images/arrow.png); background-size: contain; background-repeat: no-repeat; width: 20px; height: 20px; margin-left: auto; }
.row.row-agenda .col-agenda .col-agenda-inner .date { margin: 0; font-size:18px; color:#8D8D8D; margin-right:40px; }
.row.row-agenda .col-agenda:hover { background-color: #B7844A }
.row.row-agenda .col-agenda:hover * { color:#fff !important ;}
.row.row-agenda .col-agenda:hover .col-agenda-inner:after { background-image:url(../images/arrow_white.png); }
 
.icon-list { font-size:12pt; margin-bottom:5px; white-space:nowrap; }
.icon-list i { font-size:17pt; color:#4abdbd; margin-right:10px; }
.icon-list i.fa-border { border:1px solid #4abdbd; border-radius:500px; width:23px; height:23px; font-size:10pt; text-align:center; padding:5px; }
.icon-list small { font-size:12px;  }


body .vc_grid-filter.vc_grid-filter-color-blue>.vc_grid-filter-item { text-transform: uppercase; color: var(--blue); font-family: 'Roboto'; font-size:12px; padding:10px 20px; margin-right:10px; border:1px solid var(--blue);}
body .vc_grid-filter.vc_grid-filter-color-blue>.vc_grid-filter-item.vc_active, body .vc_grid-filter.vc_grid-filter-color-blue>.vc_grid-filter-item:hover { background-color: var(--blue); color:#fff; }
body .vc_grid.vc_row .vc_grid-item.projects-gallery  { margin-bottom: 50px; height:600px;}
body .vc_grid.vc_row .vc_grid-item.projects-gallery { padding-right:40px; padding-left:80px; }
.projects-gallery-extra-pad > .vc_grid { margin-left:-80px !important; width:calc(100% + 120px); position: relative;}
.projects-gallery-extra-pad > .vc_grid:after { content: ""; position: absolute; right:calc(50% - 25px); height: 100%; background-color: #e6e6e6; width: 1px; z-index: 1;}
.projects-gallery-item .vc_grid-filter-item.vc_gitem-post-category-name { text-align: left; display: block; font-family: 'Roboto'; pointer-events: none; margin-bottom:-10px; }
.projects-gallery-item .vc_grid-filter-item.vc_gitem-post-category-name  span { display: block; padding-left:10px; }
.projects-gallery-item h3 { padding-left: 10px; font-weight: 500; text-transform: uppercase; margin-top:0px; margin-bottom:20px; }
.projects-gallery-item .vc_gitem-row-position-middle ul { list-style: none; display: block; padding: 0; column-count:2; column-gap: 30px; }
.projects-gallery-item .vc_gitem-row-position-middle ul li a { display: block; height:200px; margin-bottom:30px; }
.projects-gallery-item .vc_gitem-row-position-middle ul li a img { width:100%; height:100%; object-fit:cover; }

.projects-gallery-item.vc_gitem-zone-a .vc_gitem-row-position-top, .projects-gallery-item.vc_gitem-zone-b .vc_gitem-row-position-top { position: initial !important; transform:none !important; }
.projects-gallery-item.vc_gitem-zone-a .vc_gitem-row-position-middle, .projects-gallery-item.vc_gitem-zone-b .vc_gitem-row-position-middle { position: initial !important; transform:none !important; height:100%; }
.projects-gallery-item.vc_gitem-zone-a .vc_gitem-zone-mini { position: absolute; }

.news-archive-list .col-news { padding-left:0px; padding-right:0px; border-bottom:1px solid #7a7a7a; padding-bottom:15px; margin:0; margin-bottom:15px;  }
.news-archive-list .row { margin-left:0px; margin-right:0px; }
.news-archive-list .col-news .h4 { margin-left:30px; color:#000; font-size:20px; margin-top:10px; font-family: 'Source Sans Pro', sans-serif;}

/*.row-picturebooks.move__footer { margin-bottom:-125px; position: relative; z-index: 3 }*/
.row-picturebooks.move__footer { margin-bottom:100px; z-index: 8}
.row-picturebooks .col-picturebook { height:250px; padding:0px; }
.row-picturebooks .col-picturebook .outer { position:relative; height:100%; display:block;  }
.row-picturebooks .col-picturebook .outer .inner { width:100%; height:100%; }
.row-picturebooks .col-picturebook .outer .inner img { object-fit: cover; width:100%; height: 100%; }
.row-picturebooks .col-picturebook .show_all { display: none; }
.row-picturebooks .col-picturebook:nth-child(4) .show_all {  display: flex; position: absolute; top:0; left:0; right:0; bottom:0px; background-color:rgba(0,0,0,0.5); color:#fff; font-family: 'Roboto'; align-items: center; text-align: center;}
.row-picturebooks .col-picturebook:nth-child(4) .show_all span { display: block; text-align: center; width: 100%; }

.owl-carousel-images .owl-item { height:150px }
.owl-carousel-images .owl-item > div { height:100%; }
.owl-carousel-images .owl-item > div > div { display: table; width:100%; height:100%; }
.owl-carousel-images .owl-item > div > div > div { display: table-cell; width:100%; height:100%; text-align:center; vertical-align:middle; padding:50px; }
.owl-carousel-images .owl-item > div > div > div img { max-height: 100px; width: auto; max-width: 90%; margin:auto; -webkit-filter: grayscale(100%); filter: grayscale(100%); transition:.5s all; }
.owl-carousel-images .owl-item:hover > div > div > div img { -webkit-filter: grayscale(0%); filter: grayscale(0%);  }
.vc_images_carousel { width:100% !important; }
.vc_images_carousel img { max-width:100%; height:auto; }

.vc-fancybox { background-color: #B7844A23; padding: 50px; border-radius: 40px; }
.vc-fancybox :is(h2, h3, h4) { font-size:24px; font-weight:600; }
.vc-fancybox :is(h2, h3, h4, p) { margin-top:0px; color:#242B65; }
.vc-fancybox .vc-fancy-inner { position: relative; }
.vc-fancybox .vc-fancy-inner .image  { display: none; } 
.vc-fancybox .vc-fancy-inner .content { position: relative; z-index: 5; }

.vc-quote { background-color:#fff; border-radius:20px; padding: 20px; margin-bottom: 100px; }
.vc-quote .vc-fancy-inner { display:flex; gap: 20px; align-items:center; }
.vc-quote  .image { width: 140px; height:140px; }
.vc-quote  .image img { height:100%; object-fit:cover; border-radius:999px; }

.vc-quote  .content { margin-right: 100px; }
.vc-quote  .content, .vc-quote  .content p { color:rgba(0, 0, 0, 1); font-weight:400; font-size:18px; margin-bottom:0px; font-family:'Roboto' }
.vc-quote  .content :is(h1, h2, h3, h4) { color:rgba(0, 0, 0, 1); font-weight:600; font-size:24px; font-style:italic; margin-bottom:10px; font-family:'Roboto' }

@media (max-width: 992px) {
  .vc-quote .vc-fancy-inner { flex-direction:column; }
  .vc-quote .vc-fancy-inner .content { margin: auto; text-align: center; }
}


.footer-cta { background:url(/wp-content/uploads/2023/12/banner2.png) no-repeat center; background-size: cover; padding: 65px 0px; text-align: center;}
.footer-cta * { text-align:center; margin:auto; }
.footer-cta h2 { font-family: 'Roboto'; font-size: 30px; margin-bottom: 50px; }
footer.footer { background-color:#fff; padding:0px 0px 30px 0px; color:#5B5B5B; font-family: 'Roboto';  }
footer.footer > .container { padding-top: 40px; } 
footer.footer p, footer.footer a, footer.footer li, footer.footer dt, footer.footer dd { font-family:'Roboto'; color:#36465B; font-size:16px; font-weight:400; text-decoration: none; line-height: 35px; }
footer.footer h3 { color:#5B5B5B; font-family: 'Roboto', serif; font-weight:300; margin-bottom:20px; font-size: 14px;  display: none }
footer.footer ul { list-style:none; padding:0px; margin:0px; }
footer.footer dl { margin-bottom: 0px } 
footer.footer .fa-facebook-f { background:#fff; border-radius:500px; color:#4b3671; width:35px; height:35px; font-size:18pt; text-align:center; padding:7px; }
footer.footer .footer-bottom p { font-size:13px; font-weight:300; margin:0; padding:0 }
footer.footer .footer-bottom a { color:#fff}
footer.footer .list-inline li a i { font-size:18px; margin-top:10px; }

footer.footer .widget-title, footer.footer .wp-block-heading { font-size: 16px; font-weight: 600; color:#5B5B5B; margin-top: 50px; margin-bottom: 15px; }
footer.footer .wp-block-social-links .wp-block-social-link.wp-social-link { background-color: transparent !important; color:#5B5B5B; padding:0; margin-bottom: -5px;}
footer.footer .wp-block-social-links .wp-block-social-link.wp-social-link a span { color:#5B5B5B; font-size:16px;  }
footer.footer .wp-block-social-link:hover { transform:none; }
footer.footer .wp-block-social-links { gap: 0; }
footer.footer .wp-block-social-links .wp-social-link svg { width: 20px; height:20px; color: #B7844A; }
footer.footer .wp-block-social-links .wp-social-link.wp-social-link-mail a:before { content:''; display:inline-block; background-image:url(../images/icon2.png); background-size:contain; background-repeat:no-repeat; width:20px; height:20px; }
footer.footer .wp-block-social-links .wp-social-link.wp-social-link-mail svg { display:none; }
footer.footer .wp-block-social-links .wp-social-link.wp-social-link-mail span { white-space:nowrap; }
footer.footer .wp-block-social-links .wp-social-link.wp-social-link-telegram a:before { content:''; display:inline-block; background-image:url(../images/icon.png); background-size:contain; background-repeat:no-repeat; width:20px; height:20px; }
footer.footer .wp-block-social-links .wp-social-link.wp-social-link-telegram svg { display:none; }
footer.footer .wp-block-social-links .wp-social-link.wp-social-link-telegram span { white-space:nowrap; }
footer.footer .col-text { text-align:right; }
footer.footer .widget.widget_nav_menu {}

.footer-bottom { background-color:#f3f5f5; padding:12px 0 5px 0; text-align: center; font-size:13px; font-family: 'Roboto';}
.footer-bottom a { text-decoration: underline; color:#000; }

footer.footer .wp-block-social-links { display:flex; flex-direction:row; }
footer.footer .wp-block-social-links li {}
footer.footer .wp-block-social-links li a { color:#fff; }
footer.footer .wp-block-social-links li a svg { color:#fff !important; fill:#fff !important; width:30px !important; height:30px !important; }
footer.footer .wp-block-social-links li a .wp-block-social-link-label { display:none;  }

footer.footer #block-7 img { margin-top: -55px; margin-bottom: 15px; }

footer .col-md-9.col-text .widget_nav_menu * { font-family:"Changa"; font-size:20px; color:#5B5B5B; }
footer .col-md-9.col-text .widget_nav_menu ul { display:flex; justify-content: flex-end; gap: 40px; }
footer .col-md-9.col-text .widget_text * { font-size:13px; color:#5B5B5B; }

footer.rating { transform:translateY(60px); margin-bottom:-140px; }
footer.rating .container { background-color:#fff; border-radius: 20px; padding: 60px 40px; position: relative; }
footer.rating .container .google-rating { position:absolute; top: 60px; left: 40px; }
footer.rating .container .ti-widget.ti-goog .ti-review-item>.ti-inner, footer.rating .container .ti-widget.ti-goog .ti-load-more-reviews-container .ti-load-more-reviews-button { background-color:rgba(245, 239, 230, 1) !important; border-radius: 20px !important; }
.ti-widget.ti-goog .ti-widget-container .ti-date { display:none !important; }
.ti-widget.ti-goog .ti-review-item .ti-inner { display:flex !important; flex-direction: column; }
.ti-widget.ti-goog .ti-review-item .ti-inner .ti-review-header { order: 2; margin-top: 15px; margin-bottom: 15px; }
.ti-widget.ti-goog .ti-review-item .ti-inner .ti-stars { order: 1 }
.ti-widget.ti-goog .ti-review-item .ti-inner .ti-stars img {}
.ti-widget.ti-goog .ti-review-item .ti-inner .ti-review-text-container { order: 3 }
.ti-widget.ti-goog .ti-review-item .ti-inner .ti-read-more { order: 4; }
.ti-widget.ti-goog .ti-header .ti-rating-text strong.ti-rating { display:none !important; }
.ti-widget.ti-goog .ti-header .ti-large-logo { display:none !important; }
.ti-widget.ti-goog .ti-header:not(.ti-header-grid) { display:flex !important; align-items: center; padding-left: 240px; padding-top: 10px; }

@media (max-width: 920px) {
  .ti-widget.ti-goog .ti-header:not(.ti-header-grid) { padding-left:0px; padding-top: 80px; flex-direction:column; }
}
.ti-widget.ti-goog .ti-header .ti-rating-text { margin-left:10px; }

.card .card-body > .table-responsive { margin:-1.25rem; width: calc(100% + 2.5rem); }
.card .card-body > .table-responsive > .table { margin-bottom:0px; }
.table th { border-top:none; border-bottom:none !important; color:#4b3671; text-align:left; font-size:12pt; line-height: 30pt; }
.table td { font-size:12pt; font-weight:500; line-height: 20pt; }
.table-hover tbody tr td { cursor: pointer;}
.table-hover tbody tr:hover { background-color: #fafafa }
.filter-row label { color: #4b3671; text-align: left; font-size: 14pt; line-height:40pt; font-weight:600; margin-bottom: 0; }

ul.list-inline { list-style: none; display: inline; margin-top:5px; }
ul.list-inline > li { list-style: none; display: inline-block; padding:0px 5px; margin: 0}

.custom-map { height:100%; height:600px; }
.custom-map #map { height:100%; width:100%; }

.padding-fix-right { padding:0px 100px 0px 0px; }
.padding-fix-left { padding:0px 0px 0px 100px; }
.z-index { z-index:10; }

section.vc_section { z-index: 5; position: relative; }

.rev_slider_1_1_wrapper { margin-top:-35px !important; }
body .vc_row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }

.row:before, .row:after {display: inline-block !important;} /* Safari fix */
.vc_row:before, .vc_row:after {display: inline-block !important;}
.mt_negative.row_mt_negative { margin-top: -150px;; }

.vc_pageable-slide-wrapper { width: 100%; display:flex; flex-wrap:wrap; }
.vc_pageable-slide-wrapper > .vc_grid-item > .vc_grid-item-mini, 
.vc_pageable-slide-wrapper > .vc_grid-item > .vc_grid-item-mini > .vc_gitem-animated-block, 
.vc_pageable-slide-wrapper > .vc_grid-item > .vc_grid-item-mini > .vc_gitem-animated-block > .vc_gitem-zone,
.vc_pageable-slide-wrapper > .vc_grid-item > .vc_grid-item-mini > .vc_gitem-animated-block > .vc_gitem-zone img { height: 100%; }
.custom-hover-grid.vc_grid-item { height:500px; }
.custom-hover-grid .vc_gitem-zone-mini { padding: 50px; }
.custom-hover-grid .vc_grid-item-mini.vc_is-hover > .vc_gitem-animated-block .vc_gitem-zone-b { background-color:rgba(33,33,75,0.79) !important; }
/*.custom-hover-grid .vc_grid-item-mini > .vc_gitem-animated-block .vc_gitem-zone-b .vc_gitem-row-position-middle { padding:50px 120px; }*/
.custom-hover-grid .vc_custom_heading.vc_gitem-post-data-source-post_title > div { text-transform: uppercase; }
.custom-hover-grid .vc_custom_heading.vc_gitem-post-data-source-post_excerpt > div p { font-size:19px; font-weight:300; }

.custom-hover-grid .vc_grid-item-mini > .vc_gitem-animated-block .vc_gitem-zone-a > .vc_gitem-zone-mini { position: absolute; background-color:rgba(0,0,0.0.25); }
.custom-hover-grid .vc_grid-item-mini > .vc_gitem-animated-block .vc_gitem-zone-b .vc_gitem-row-position-middle .vc_gitem-post-data-source-post_title div { font-weight: 300 !important; text-transform: uppercase; padding: 0px; margin: 0; font-family: 'Roboto', serif !important; font-size:20px !important;}
.custom-hover-grid .vc_grid-item-mini > .vc_gitem-animated-block .vc_gitem-zone-b .vc_gitem-row-position-middle .vc_gitem-post-data-source-post_excerpt {}
.custom-hover-grid .vc_grid-item-mini > .vc_gitem-animated-block .vc_gitem-zone-b .vc_gitem-row-position-middle .vc_btn3-container .vc_general { background: none; border: none; color: #fff; font-family: 'Roboto'; }
.custom-hover-grid .vc_grid-item-mini > .vc_gitem-animated-block .vc_gitem-zone-a .vc_gitem-row-position-middle .vc_gitem-post-data-source-post_title div { font-weight: 300 !important; text-transform: uppercase; padding: 0 50px; margin: 0; font-family: 'Roboto', serif !important; font-size:16px !important; transition:.5s all;}
.custom-hover-grid .vc_grid-item-mini.vc_is-hover  > .vc_gitem-animated-block .vc_gitem-zone-a .vc_gitem-row-position-middle .vc_gitem-post-data-source-post_title div { opacity: 0; }
.custom-hover-grid .vc_grid-item-mini > .vc_gitem-animated-block .vc_gitem-zone-b .vc_gitem-row-position-middle .vc_gitem-post-data-source-post_excerpt { max-height: 150px; overflow: hidden; }

.vc_grid-filter-dropdown .vc_grid-styled-select select, .vc_grid-filter-select .vc_grid-styled-select select { width:100%; padding:15px; }

.move-to-top > .vc_column-inner > .wpb_wrapper { padding:20px 20px; background:#fff; height:100%  }
.move-to-top .wpb_wrapper { position: relative;}
.move-to-top .vc_btn3-container { height: 80px; display: block; }
.move-to-top .vc_btn3 { position: absolute !important; bottom: 20px; top: auto !important; left: 20px !important; width: calc(100% - 40px) !important;}

.newsletter-form { position: relative; }
.newsletter-form button { background-color: transparent; position: absolute; right: 10px; border: beige; top: 0px; padding: 10px; }

.order-sm-first { order: unset !important }

input, textarea, select {
  appearance: none;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
  box-shadow: none;
  outline: none;
  padding: 8px 12px;
  font-size: 16px;
  width: 100%;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

input:focus, textarea:focus, select:focus {
  border-color: #2f4f4f;
  box-shadow: 0 0 0 2px rgba(47, 79, 79, 0.1);
}

/* Zorgt ervoor dat textarea niet te smal/lang wordt */
textarea {
  min-height: 120px;
  resize: vertical; /* Alleen hoogte aanpasbaar, geen breedte */
}

/* Mooie button styling in lijn met de velden */
button,
input[type="submit"] {
  background-color: #2f4f4f;
  color: #fff;
  border: none;
  border-radius: 15px;
  padding: 8px 20px;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

button:hover,
input[type="submit"]:hover {
  background-color: #1e3535;
}

.wpcf7 input[type="submit"] {
  width: auto;
  display: inline-block;
}

.wpcf7-form label {
  display: block;
  margin-bottom: 5px; /* ruimte tussen label en veld */
}

.wpcf7-form input,
.wpcf7-form textarea,
.wpcf7-form select {
  display: block;
  width: 100%;
  margin-bottom: 20px; /* ruimte ONDER elk veld */
}

/* Zorgt voor mooi dropdown pijltje zonder standaard browserstijl */
select {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23646464" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px 16px;
  padding-right: 36px;
}
.wpcf7-form label { position: relative; margin-bottom: 20px; width: 100%; }
.wpcf7-form label > span { display: block;}
.wpcf7-form label > span input { display: block; width: 100%; }
 

.half_page { margin-top:-100px; }

::-moz-selection, ::selection { color: #fff; background: #6598c4; }

.wpb_image_grid_ul li:nth-child(n + 5) {
  display: none;
}


/* // Large devices (desktops, less than 1400px) */
@media (max-width: 1399.98px) {

}


@media (max-width: 1599.98px) {
    .navbar.main-navbar .nav li a { padding:0 20px; }
}
 

 @media (min-width: 992px) {
    .navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid {
      align-items:center;
    }
 }

/* // Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    .navbar.main-navbar { height:100px; }
    .navbar.main-navbar .nav li a { padding:0px 10px; font-size:11pt; } 
    .navbar.main-navbar .navbar-brand { height:80px; }
    .navbar.main-navbar .nav li a { padding:0 10px;  }
    .mega-menu-open .navbar.main-navbar .nav li.mega-menu > .dropdown-menu { top:100px; }

    .navbar.main-navbar .navbar-collapse { display: none; pointer-events: none; opacity: 0; transition: .3s all; width: calc(100% + 40px); top: 90px; left: -20px; position: absolute; background: #fff; z-index: 1;} 
    .navbar.main-navbar .navbar-collapse .nav { padding: 20px 20px; text-align: center;} 
    .navbar.main-navbar .navbar-collapse .nav li { display:block; width:100%; padding:15px; } 
    .navbar.main-navbar .navbar-collapse .nav li:not(.btn) a { color:#000; }
    .navbar.main-navbar .navbar-collapse .nav li.btn { }
    .navbar.main-navbar #menu-primary-menu { padding-top:30px; background: #fff; } 
    .navbar.main-navbar .nav li.mega-menu > .dropdown-menu { position: initial; }
    .navbar.main-navbar .nav li.mega-menu > .dropdown-menu .container { max-width: unset; }
    .mobile-menu-open .navbar.main-navbar .navbar-collapse { display: block; opacity:1; pointer-events:all; position: absolute; }


    .navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
    .navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid { padding-right: 0; padding-left: 0; }

    body .hamburger { display: inline-block;}
    .hamburger { z-index: 999995; position: absolute; right: 25px; top: 25px;}
    .scrolled-top .hamburger { top:15px; }    

    #menu-hoofdmenu { margin-left:0px; width:100%; }
}



/* // Large devices (desktops, less than 1200px) */
@media (max-width: 1025px) {
    .btn.btn-lg, .vc_btn3-block.vc_btn3-size-lg { font-size:16px !important; white-space: nowrap; }
    .activity-list .col-activity .content .btn { display:none;  }

    h3 { font-size:16pt}
    .activity-list .col-activity .content .h4 { font-size:15px } 
    .col-simple h4 { font-size:18px }
    .navbar.main-navbar .nav li a { padding:0px 10px }
    .navbar.main-navbar .nav li.highlight { margin-left:0px; }

    .row-picturebooks .col-picturebook { height:200px }
    .above-banner {  transform: translateY(-150px); }
}

/* // Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    
    
    
    .navbar-above { display:none; }
    
    h2 { font-size:35px; }
    h3 { font-size:14pt; }
    .with-archive-button .btn.btn-link { margin-top:30px; }
    .navbar.main-navbar .nav.ml-left { position:unset; }

    .row.row-agenda .col-agenda .col-agenda-inner { flex-direction:column; position:relative; }
    .row.row-agenda .col-agenda .col-agenda-inner .date { white-space:nowrap; }
    .row.row-agenda .col-agenda .col-agenda-inner:after { position: absolute; right: -20px; top: 20px; }
    footer.footer ul { column-count: 1 }
    footer.footer .widget-title, footer.footer .wp-block-heading { margin-top: 20px; margin-bottom:0px; }

    nav.navbar.main-navbar ul.sub-menu { padding-top: 0px; margin-left: 50vw; text-align: left; position: unset; float: none; width: auto !important; }
    nav.navbar.main-navbar ul.sub-menu li { padding:0px !important; }
    nav.navbar.main-navbar ul.sub-menu li a { padding:5px; color:#333 }
    #menu-item-22 { display:inherit; }

    .vc-banner + .container-main  article > .entry-content > section:first-child.vc_section { transform: translateY(-80px); }
    .vc-banner + .container-main > .container > section:first-child.vc_section { transform: translateY(-80px); }

    body .bg-md-none { background:none !important} 
    /*.vc_pageable-slide-wrapper { display: block; }*/
    .vc_pageable-slide-wrapper .vc_grid-item { width:33%; flex-basis: 33%;  }
    .vc_pageable-slide-wrapper .vc_grid-item.projects-gallery { width:100%; flex-basis: 100%; }
    .vc_pageable-slide-wrapper .vc_grid-item.whirlpool-grid-list { width:100%; flex-basis: 100%; }
    .projects-gallery-extra-pad > .vc_grid:after { display: none; opacity: 0 }

    .vc-fancybox { margin-bottom: 100px; margin-top:0px; }
  

    .vc-fancybox.bordered { display: block; margin-bottom: 60px; }
    .vc-fancybox.bordered .vc-fancy-inner { width:100%; }
    .vc-fancybox.bordered .vc-fancy-inner .image { position: relative; top: auto; left: auto; width: 90%;  margin:auto;}
    .vc-fancybox.bordered .vc-fancy-inner .content { padding:80px 40px; width:100%; margin:-80px auto 0 auto }
    
    .row-picturebooks.move__footer {}
    .col-footer-4 .widget-title { display: none; }
    
}


@media (max-width: 767.98px and min-width: 575px) {
    .footer > .container > .row { display:block; column-count:2; }
    .footer > .container > .row > .col { break-inside: avoid-column;  }
    .footer > .container > .row > .col:first-child { margin-top:-30px; }
}

/* // Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

    .half_page { margin-top:0px; }
    .submenu-container { margin-bottom:0px; }

    .navbar.main-navbar .navbar-brand { max-width:50vw; }

    body:not(.home) .container-main { padding: 20px 0px; }
    .main-banner-collapse { margin-top: -50px; margin-bottom:-50px; } 
    .navbar.main-navbar .nav > li:hover > .dropdown-menu { box-shadow:none; width: 100%; }
    .navbar.main-navbar .nav > li:hover > .dropdown-menu a { text-align:center; }
    .row > .col-simple { padding: 0px 15px; }
    .order-sm-first { order: -1 !important; }
    .header-tabs ul { display:block;}
    .header-tabs ul li { margin:auto; }
    body .bg-sm-none { background:none !important} 
    
    .vc-banner h3 { font-size:15pt; }
    .vc-banner h3 + h1 { font-size:25pt; }
    .vc-banner .btn { font-size: 12pt !important; }
    body .vc_column_container > .vc_column-inner { padding-left:20px; padding-right:20px; }
    .vc_pageable-slide-wrapper .vc_grid-item { width:50%; flex-basis: 50%;}

/*    .vc_section > .vc_row > .wpb_column > .vc_column-inner > .wpb_wrapper > div:first-child { padding-top: 30px; }*/
/*    .vc_section > .vc_row > .wpb_column > .vc_column-inner > .wpb_wrapper > div { padding:0px 30px; }*/
/*    .vc_section > .vc_row > .wpb_column > .vc_column-inner > .wpb_wrapper > div:last-child { padding-bottom: 30px;} */

    body .headerfoto img { height:300px !important; }  
    .smart-background .image { display: block; }
    .header__sticky__scroll_top.scrolled-top.nav-down header .navbar.main-navbar { height:80px; }
/*    header .navbar.main-navbar .navbar-brand { width:100px; left:0px; }*/
/*    .header__sticky__scroll_top.scrolled-top.nav-down header .navbar.main-navbar .navbar-brand { top: 10px !important;height: 60px; left: 0px !important; width: 100px; }*/
        
    .col-footer-1 .widget-title { opacity: 0; height:10px; margin: 0; }
    .custom-hover-grid .vc_grid-item-mini > .vc_gitem-animated-block .vc_gitem-zone-b .vc_gitem-row-position-middle { padding:0px; margin: 0px; }
    .custom-hover-grid .vc_grid-item-mini > .vc_gitem-animated-block .vc_gitem-zone-b .vc_gitem-row-position-middle > .vc_gitem-col { width:100%; }
    .row-picturebooks .col-picturebook { height:300px; }
    .row-picturebooks > .col-picturebook:nth-child(2), .row-picturebooks > .col-picturebook:nth-child(3) { display: none; }
    body.vc_responsive .vc_gitem-post-data.vc_grid-filter { display: block !important }
    .vc_gitem-zone-a .vc_gitem-row-position-top > .vc_gitem-col { width:100%; }
    .vc_gitem-zone-a .vc_gitem-row-position-middle > .vc_gitem-col { width:100%; }
    .vc_gitem-zone-a .vc_gitem-row-position-bottom > .vc_gitem-col { width:100%; }
    .whirlpool-grid.vc_gitem-zone-a .vc_gitem-row-position-bottom > .vc_gitem-col { width:50%; }

    .hidden-sm { display:none; }


}

/* // Extra small devices (portrait phones, less than 576px) */ 
@media (max-width: 575.98px) {

    .footer > .container > .row { display:flex; column-count:1; }
    .footer > .container > .row > .col { break-inside: avoid-column; flex-basis:auto }
    .footer > .container > .row > .col:first-child { margin-top:-30px; }
    .vc-banner .vc-banner-image { display:none; }

    body .vc_column_container > .vc_column-inner { padding-top:0px !important; padding-bottom:0px !important; }

    html { padding:0px; }
    #app::before { display: none; }
    .padding-fix-left { padding:0px 0px; }
    .padding-fix-right { padding:0px 0px; }
    .hidden-xs { display:none !important; }
    .order-xs-first { order: -1; }

    .vc_pageable-slide-wrapper .vc_grid-item { width:100%; flex-basis: 100%;}
    /*.vc_pageable-slide-wrapper .vc_grid-item .vc_gitem-animated-block { height: 300px !important; }*/
    .vc_section.above-banner { margin-left:0px; margin-right:0px; }
    .vc-banner + .container-main article > .entry-content > section:first-child.vc_section { margin-left:0px; margin-right:0px; }
    .vc-banner + .container-main > .container > section:first-child.vc_section { margin-left:0px; margin-right:0px; }

    header {  width:100vw !important; }
    .navbar.main-navbar #menu-primary-menu {  width: calc(100vw + 20px); margin-left: -20px !important; ;}
    .navbar.main-navbar .navbar-collapse .nav li { text-align:left; }
    .navbar.main-navbar .nav li.highlight { margin: 0px 10px !important; height: 50px; text-align: center; padding: 10px !important; }
    nav.navbar.main-navbar ul.sub-menu { margin-left:50px !important;     padding-top: 10px !important; }
    .navbar.main-navbar .navbar-brand { top:20px !important; }
    .navbar.main-navbar .navbar-collapse .nav li { padding:10px 15px; text-align: center; }
    .mega-menu-open .navbar.main-navbar .nav li.mega-menu > .dropdown-menu { padding:20px 0px; }
    .navbar.main-navbar .nav li.mega-menu > .dropdown-menu > .container { flex-direction: column; margin:0;}
    .navbar.main-navbar .nav li.mega-menu > .dropdown-menu > .container > li { padding:0px; }
    .navbar.main-navbar .nav li.mega-menu > .dropdown-menu > .container > li > .dropdown-menu > .container > li { padding:0px; }
}

.fancybox-thumbs.fancybox-thumbs-x { top: auto; width: auto; bottom: 0; left: 0; right: 0; height: 95px; padding: 10px 10px 5px 10px; box-sizing: border-box; background: rgba(0, 0, 0, 0.3);}
.fancybox-show-thumbs .fancybox-inner { right: 0; bottom: 95px;}

/*  CONTAINER WIDTH */

@media (min-width: 1200px) and (max-width: 1400px) {
  .navbar-expand-lg>.container { max-width: unset; }
  .navbar.main-navbar .nav > li:not(.btn) > a { padding: 10px 20px !important }

  .container {
      max-width: 1200px;
  }
}

@media (min-width: 1400px){
  .container {
        max-width: 1400px;
    }
}

@media (min-width: 1600px){
    .container {
        max-width: 1500px;
    }
}
@media (min-width: 2000px){
    .container {
        max-width: 1500px;
    }
}


@keyframes navigation-in {
  0% {
    background: white;
  }

  100% {
    background: white;
  }
}

@keyframes navigation-out {
  0% {
    background: white;
  }

  99% {
    background: white;
  }

  100% {
    background: transparent;
  }
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */.hamburger{font:inherit;display:inline-block;overflow:visible;margin:0;padding:15px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;background-color:transparent}.hamburger.is-active:hover,.hamburger:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:after,.hamburger.is-active .hamburger-inner:before{background-color:#000}.hamburger-box{position:relative;display:inline-block;width:40px;height:24px}.hamburger-inner{top:50%;display:block;margin-top:-2px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:40px;height:4px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:4px;background-color:#000}.hamburger-inner:after,.hamburger-inner:before{display:block;content:""}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}.hamburger--3dx .hamburger-box{perspective:80px}.hamburger--3dx .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx .hamburger-inner:after,.hamburger--3dx .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx.is-active .hamburger-inner{transform:rotateY(180deg);background-color:transparent!important}.hamburger--3dx.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dx-r .hamburger-box{perspective:80px}.hamburger--3dx-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r .hamburger-inner:after,.hamburger--3dx-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r.is-active .hamburger-inner{transform:rotateY(-180deg);background-color:transparent!important}.hamburger--3dx-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy .hamburger-box{perspective:80px}.hamburger--3dy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy .hamburger-inner:after,.hamburger--3dy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy.is-active .hamburger-inner{transform:rotateX(-180deg);background-color:transparent!important}.hamburger--3dy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy-r .hamburger-box{perspective:80px}.hamburger--3dy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r .hamburger-inner:after,.hamburger--3dy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r.is-active .hamburger-inner{transform:rotateX(180deg);background-color:transparent!important}.hamburger--3dy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy .hamburger-box{perspective:80px}.hamburger--3dxy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy .hamburger-inner:after,.hamburger--3dxy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy.is-active .hamburger-inner{transform:rotateX(180deg) rotateY(180deg);background-color:transparent!important}.hamburger--3dxy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy-r .hamburger-box{perspective:80px}.hamburger--3dxy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy-r .hamburger-inner:after,.hamburger--3dxy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy-r.is-active .hamburger-inner{transform:rotateX(180deg) rotateY(180deg) rotate(-180deg);background-color:transparent!important}.hamburger--3dxy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--arrow.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrow.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrowturn.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn-r.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn-r.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn-r.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner:after,.hamburger--boring .hamburger-inner:before{transition-property:none}.hamburger--boring.is-active .hamburger-inner{transform:rotate(45deg)}.hamburger--boring.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--boring.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--collapse .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--collapse.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(-90deg)}.hamburger--collapse-r .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--collapse-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse-r .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(45deg)}.hamburger--collapse-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(90deg)}.hamburger--elastic .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.hamburger--elastic .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(135deg)}.hamburger--elastic.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(-270deg)}.hamburger--elastic-r .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.hamburger--elastic-r .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic-r .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(-135deg)}.hamburger--elastic-r.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic-r.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(270deg)}.hamburger--emphatic{overflow:hidden}.hamburger--emphatic .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent!important}.hamburger--emphatic.is-active .hamburger-inner:before{top:-80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,80px,0) rotate(45deg)}.hamburger--emphatic.is-active .hamburger-inner:after{top:-80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,80px,0) rotate(-45deg)}.hamburger--emphatic-r{overflow:hidden}.hamburger--emphatic-r .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic-r.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent!important}.hamburger--emphatic-r.is-active .hamburger-inner:before{top:80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,-80px,0) rotate(-45deg)}.hamburger--emphatic-r.is-active .hamburger-inner:after{top:80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,-80px,0) rotate(45deg)}.hamburger--minus .hamburger-inner:after,.hamburger--minus .hamburger-inner:before{transition:bottom .08s ease-out 0s,top .08s ease-out 0s,opacity 0s linear}.hamburger--minus.is-active .hamburger-inner:after,.hamburger--minus.is-active .hamburger-inner:before{transition:bottom .08s ease-out,top .08s ease-out,opacity 0s linear .08s;opacity:0}.hamburger--minus.is-active .hamburger-inner:before{top:0}.hamburger--minus.is-active .hamburger-inner:after{bottom:0}.hamburger--slider .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}.hamburger--slider .hamburger-inner:after{top:20px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner:before{transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:2px}.hamburger--slider-r .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}.hamburger--slider-r .hamburger-inner:after{top:20px}.hamburger--slider-r.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner:before{transform:rotate(45deg) translate3d(5.71429px,-6px,0);opacity:0}.hamburger--slider-r.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(90deg)}.hamburger--spin .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.hamburger--spin .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(225deg)}.hamburger--spin.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}.hamburger--spin-r .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.hamburger--spin-r .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin-r .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(-225deg)}.hamburger--spin-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(90deg)}.hamburger--spring .hamburger-inner{top:2px;transition:background-color 0s linear .13s}.hamburger--spring .hamburger-inner:before{top:10px;transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring .hamburger-inner:after{top:20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring.is-active .hamburger-inner{transition-delay:.22s;background-color:transparent!important}.hamburger--spring.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--spring.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--spring-r .hamburger-inner{top:auto;bottom:0;transition-delay:0s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--spring-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity 0s linear}.hamburger--spring-r .hamburger-inner:before{transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--spring-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .22s;opacity:0}.hamburger--spring-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:rotate(90deg)}.hamburger--stand .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(90deg);background-color:transparent!important}.hamburger--stand.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}.hamburger--stand-r .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand-r .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(-90deg);background-color:transparent!important}.hamburger--stand-r.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand-r.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}.hamburger--squeeze .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:75ms}.hamburger--squeeze .hamburger-inner:before{transition:top 75ms ease .12s,opacity 75ms ease}.hamburger--squeeze .hamburger-inner:after{transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(45deg)}.hamburger--squeeze.is-active .hamburger-inner:before{top:0;transition:top 75ms ease,opacity 75ms ease .12s;opacity:0}.hamburger--squeeze.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}.hamburger--vortex .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}.hamburger--vortex .hamburger-inner:after,.hamburger--vortex .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(765deg)}.hamburger--vortex.is-active .hamburger-inner:after,.hamburger--vortex.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex.is-active .hamburger-inner:after{bottom:0;transform:rotate(90deg)}.hamburger--vortex-r .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}.hamburger--vortex-r .hamburger-inner:after,.hamburger--vortex-r .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex-r .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex-r .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex-r.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(-765deg)}.hamburger--vortex-r.is-active .hamburger-inner:after,.hamburger--vortex-r.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex-r.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex-r.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}

 /*
 *  Usage:
 *
      <div class="sk-rotating-plane"></div>
 *
 */
.sk-rotating-plane {
  width: 40px;
  height: 40px;
  background-color: #333;
  margin: 40px auto;
  -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
          animation: sk-rotatePlane 1.2s infinite ease-in-out; }

@-webkit-keyframes sk-rotatePlane {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
            transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
            transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
            transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }

@keyframes sk-rotatePlane {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
            transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
            transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
            transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }

/*
 *  Usage:
 *
      <div class="sk-double-bounce">
        <div class="sk-child sk-double-bounce1"></div>
        <div class="sk-child sk-double-bounce2"></div>
      </div>
 *
 */
.sk-double-bounce {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 40px auto; }
  .sk-double-bounce .sk-child {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #333;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-doubleBounce 2s infinite ease-in-out;
            animation: sk-doubleBounce 2s infinite ease-in-out; }
  .sk-double-bounce .sk-double-bounce2 {
    -webkit-animation-delay: -1.0s;
            animation-delay: -1.0s; }

@-webkit-keyframes sk-doubleBounce {
  0%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes sk-doubleBounce {
  0%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

/*
 *  Usage:
 *
      <div class="sk-wave">
        <div class="sk-rect sk-rect1"></div>
        <div class="sk-rect sk-rect2"></div>
        <div class="sk-rect sk-rect3"></div>
        <div class="sk-rect sk-rect4"></div>
        <div class="sk-rect sk-rect5"></div>
      </div>
 *
 */
.sk-wave {
  margin: 40px auto;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px; }
  .sk-wave .sk-rect {
    background-color: #333;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
            animation: sk-waveStretchDelay 1.2s infinite ease-in-out; }
  .sk-wave .sk-rect1 {
    -webkit-animation-delay: -1.2s;
            animation-delay: -1.2s; }
  .sk-wave .sk-rect2 {
    -webkit-animation-delay: -1.1s;
            animation-delay: -1.1s; }
  .sk-wave .sk-rect3 {
    -webkit-animation-delay: -1s;
            animation-delay: -1s; }
  .sk-wave .sk-rect4 {
    -webkit-animation-delay: -0.9s;
            animation-delay: -0.9s; }
  .sk-wave .sk-rect5 {
    -webkit-animation-delay: -0.8s;
            animation-delay: -0.8s; }

@-webkit-keyframes sk-waveStretchDelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
            transform: scaleY(0.4); }
  20% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@keyframes sk-waveStretchDelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
            transform: scaleY(0.4); }
  20% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

/*
 *  Usage:
 *
      <div class="sk-wandering-cubes">
        <div class="sk-cube sk-cube1"></div>
        <div class="sk-cube sk-cube2"></div>
      </div>
 *
 */
.sk-wandering-cubes {
  margin: 40px auto;
  width: 40px;
  height: 40px;
  position: relative; }
  .sk-wandering-cubes .sk-cube {
    background-color: #333;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-wanderingCube 1.8s ease-in-out -1.8s infinite both;
            animation: sk-wanderingCube 1.8s ease-in-out -1.8s infinite both; }
  .sk-wandering-cubes .sk-cube2 {
    -webkit-animation-delay: -0.9s;
            animation-delay: -0.9s; }

@-webkit-keyframes sk-wanderingCube {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  25% {
    -webkit-transform: translateX(30px) rotate(-90deg) scale(0.5);
            transform: translateX(30px) rotate(-90deg) scale(0.5); }
  50% {
    /* Hack to make FF rotate in the right direction */
    -webkit-transform: translateX(30px) translateY(30px) rotate(-179deg);
            transform: translateX(30px) translateY(30px) rotate(-179deg); }
  50.1% {
    -webkit-transform: translateX(30px) translateY(30px) rotate(-180deg);
            transform: translateX(30px) translateY(30px) rotate(-180deg); }
  75% {
    -webkit-transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5);
            transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5); }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg); } }

@keyframes sk-wanderingCube {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  25% {
    -webkit-transform: translateX(30px) rotate(-90deg) scale(0.5);
            transform: translateX(30px) rotate(-90deg) scale(0.5); }
  50% {
    /* Hack to make FF rotate in the right direction */
    -webkit-transform: translateX(30px) translateY(30px) rotate(-179deg);
            transform: translateX(30px) translateY(30px) rotate(-179deg); }
  50.1% {
    -webkit-transform: translateX(30px) translateY(30px) rotate(-180deg);
            transform: translateX(30px) translateY(30px) rotate(-180deg); }
  75% {
    -webkit-transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5);
            transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5); }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg); } }

/*
 *  Usage:
 *
      <div class="sk-spinner sk-spinner-pulse"></div>
 *
 */
.sk-spinner-pulse {
  width: 40px;
  height: 40px;
  margin: 40px auto;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out;
          animation: sk-pulseScaleOut 1s infinite ease-in-out; }

@-webkit-keyframes sk-pulseScaleOut {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

@keyframes sk-pulseScaleOut {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

/*
 *  Usage:
 *
      <div class="sk-chasing-dots">
        <div class="sk-child sk-dot1"></div>
        <div class="sk-child sk-dot2"></div>
      </div>
 *
 */
.sk-chasing-dots {
  margin: 40px auto;
  width: 40px;
  height: 40px;
  position: relative;
  text-align: center;
  -webkit-animation: sk-chasingDotsRotate 2s infinite linear;
          animation: sk-chasingDotsRotate 2s infinite linear; }
  .sk-chasing-dots .sk-child {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #333;
    border-radius: 100%;
    -webkit-animation: sk-chasingDotsBounce 2s infinite ease-in-out;
            animation: sk-chasingDotsBounce 2s infinite ease-in-out; }
  .sk-chasing-dots .sk-dot2 {
    top: auto;
    bottom: 0;
    -webkit-animation-delay: -1s;
            animation-delay: -1s; }

@-webkit-keyframes sk-chasingDotsRotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes sk-chasingDotsRotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes sk-chasingDotsBounce {
  0%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes sk-chasingDotsBounce {
  0%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

/*
 *  Usage:
 *
      <div class="sk-three-bounce">
        <div class="sk-child sk-bounce1"></div>
        <div class="sk-child sk-bounce2"></div>
        <div class="sk-child sk-bounce3"></div>
      </div>
 *
 */
.sk-three-bounce {
  margin: 40px auto;
  width: 80px;
  text-align: center; }
  .sk-three-bounce .sk-child {
    width: 20px;
    height: 20px;
    background-color: #333;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
            animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; }
  .sk-three-bounce .sk-bounce1 {
    -webkit-animation-delay: -0.32s;
            animation-delay: -0.32s; }
  .sk-three-bounce .sk-bounce2 {
    -webkit-animation-delay: -0.16s;
            animation-delay: -0.16s; }

@-webkit-keyframes sk-three-bounce {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes sk-three-bounce {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

/*
 *  Usage:
 *
      <div class="sk-circle">
        <div class="sk-circle1 sk-child"></div>
        <div class="sk-circle2 sk-child"></div>
        <div class="sk-circle3 sk-child"></div>
        <div class="sk-circle4 sk-child"></div>
        <div class="sk-circle5 sk-child"></div>
        <div class="sk-circle6 sk-child"></div>
        <div class="sk-circle7 sk-child"></div>
        <div class="sk-circle8 sk-child"></div>
        <div class="sk-circle9 sk-child"></div>
        <div class="sk-circle10 sk-child"></div>
        <div class="sk-circle11 sk-child"></div>
        <div class="sk-circle12 sk-child"></div>
      </div>
 *
 */
.sk-circle {
  margin: 40px auto;
  width: 40px;
  height: 40px;
  position: relative; }
  .sk-circle .sk-child {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0; }
  .sk-circle .sk-child:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #333;
    border-radius: 100%;
    -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
            animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; }
  .sk-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
            transform: rotate(30deg); }
  .sk-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
            transform: rotate(60deg); }
  .sk-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg); }
  .sk-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
        -ms-transform: rotate(120deg);
            transform: rotate(120deg); }
  .sk-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
        -ms-transform: rotate(150deg);
            transform: rotate(150deg); }
  .sk-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
  .sk-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
        -ms-transform: rotate(210deg);
            transform: rotate(210deg); }
  .sk-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
        -ms-transform: rotate(240deg);
            transform: rotate(240deg); }
  .sk-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
            transform: rotate(270deg); }
  .sk-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
        -ms-transform: rotate(300deg);
            transform: rotate(300deg); }
  .sk-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
        -ms-transform: rotate(330deg);
            transform: rotate(330deg); }
  .sk-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
            animation-delay: -1.1s; }
  .sk-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
            animation-delay: -1s; }
  .sk-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
            animation-delay: -0.9s; }
  .sk-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
            animation-delay: -0.8s; }
  .sk-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
            animation-delay: -0.7s; }
  .sk-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
            animation-delay: -0.6s; }
  .sk-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
            animation-delay: -0.5s; }
  .sk-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
            animation-delay: -0.4s; }
  .sk-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
            animation-delay: -0.3s; }
  .sk-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
            animation-delay: -0.2s; }
  .sk-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
            animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

/*
 *  Usage:
 *
      <div class="sk-cube-grid">
        <div class="sk-cube sk-cube1"></div>
        <div class="sk-cube sk-cube2"></div>
        <div class="sk-cube sk-cube3"></div>
        <div class="sk-cube sk-cube4"></div>
        <div class="sk-cube sk-cube5"></div>
        <div class="sk-cube sk-cube6"></div>
        <div class="sk-cube sk-cube7"></div>
        <div class="sk-cube sk-cube8"></div>
        <div class="sk-cube sk-cube9"></div>
      </div>
 *
 */
.sk-cube-grid {
  width: 40px;
  height: 40px;
  margin: 40px auto;
  /*
   * Spinner positions
   * 1 2 3
   * 4 5 6
   * 7 8 9
   */ }
  .sk-cube-grid .sk-cube {
    width: 33.33%;
    height: 33.33%;
    background-color: #333;
    float: left;
    -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
            animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }
  .sk-cube-grid .sk-cube1 {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s; }
  .sk-cube-grid .sk-cube2 {
    -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s; }
  .sk-cube-grid .sk-cube3 {
    -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s; }
  .sk-cube-grid .sk-cube4 {
    -webkit-animation-delay: 0.1s;
            animation-delay: 0.1s; }
  .sk-cube-grid .sk-cube5 {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s; }
  .sk-cube-grid .sk-cube6 {
    -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s; }
  .sk-cube-grid .sk-cube7 {
    -webkit-animation-delay: 0.0s;
            animation-delay: 0.0s; }
  .sk-cube-grid .sk-cube8 {
    -webkit-animation-delay: 0.1s;
            animation-delay: 0.1s; }
  .sk-cube-grid .sk-cube9 {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1); }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1); } }

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1); }
  35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1); } }

/*
 *  Usage:
 *
      <div class="sk-fading-circle">
        <div class="sk-circle1 sk-circle"></div>
        <div class="sk-circle2 sk-circle"></div>
        <div class="sk-circle3 sk-circle"></div>
        <div class="sk-circle4 sk-circle"></div>
        <div class="sk-circle5 sk-circle"></div>
        <div class="sk-circle6 sk-circle"></div>
        <div class="sk-circle7 sk-circle"></div>
        <div class="sk-circle8 sk-circle"></div>
        <div class="sk-circle9 sk-circle"></div>
        <div class="sk-circle10 sk-circle"></div>
        <div class="sk-circle11 sk-circle"></div>
        <div class="sk-circle12 sk-circle"></div>
      </div>
 *
 */
.sk-fading-circle {
  margin: 40px auto;
  width: 40px;
  height: 40px;
  position: relative; }
  .sk-fading-circle .sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0; }
  .sk-fading-circle .sk-circle:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #333;
    border-radius: 100%;
    -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
            animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; }
  .sk-fading-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
            transform: rotate(30deg); }
  .sk-fading-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
            transform: rotate(60deg); }
  .sk-fading-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg); }
  .sk-fading-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
        -ms-transform: rotate(120deg);
            transform: rotate(120deg); }
  .sk-fading-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
        -ms-transform: rotate(150deg);
            transform: rotate(150deg); }
  .sk-fading-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
  .sk-fading-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
        -ms-transform: rotate(210deg);
            transform: rotate(210deg); }
  .sk-fading-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
        -ms-transform: rotate(240deg);
            transform: rotate(240deg); }
  .sk-fading-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
            transform: rotate(270deg); }
  .sk-fading-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
        -ms-transform: rotate(300deg);
            transform: rotate(300deg); }
  .sk-fading-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
        -ms-transform: rotate(330deg);
            transform: rotate(330deg); }
  .sk-fading-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
            animation-delay: -1.1s; }
  .sk-fading-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
            animation-delay: -1s; }
  .sk-fading-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
            animation-delay: -0.9s; }
  .sk-fading-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
            animation-delay: -0.8s; }
  .sk-fading-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
            animation-delay: -0.7s; }
  .sk-fading-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
            animation-delay: -0.6s; }
  .sk-fading-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
            animation-delay: -0.5s; }
  .sk-fading-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
            animation-delay: -0.4s; }
  .sk-fading-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
            animation-delay: -0.3s; }
  .sk-fading-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
            animation-delay: -0.2s; }
  .sk-fading-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
            animation-delay: -0.1s; }

@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0; }
  40% {
    opacity: 1; } }

@keyframes sk-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0; }
  40% {
    opacity: 1; } }

/*
 *  Usage:
 *
      <div class="sk-folding-cube">
        <div class="sk-cube1 sk-cube"></div>
        <div class="sk-cube2 sk-cube"></div>
        <div class="sk-cube4 sk-cube"></div>
        <div class="sk-cube3 sk-cube"></div>
      </div>
 *
 */
.sk-folding-cube {
  margin: 40px auto;
  width: 40px;
  height: 40px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg); }
  .sk-folding-cube .sk-cube {
    float: left;
    width: 50%;
    height: 50%;
    position: relative;
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1); }
  .sk-folding-cube .sk-cube:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #333;
    -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
            animation: sk-foldCubeAngle 2.4s infinite linear both;
    -webkit-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
            transform-origin: 100% 100%; }
  .sk-folding-cube .sk-cube2 {
    -webkit-transform: scale(1.1) rotateZ(90deg);
            transform: scale(1.1) rotateZ(90deg); }
  .sk-folding-cube .sk-cube3 {
    -webkit-transform: scale(1.1) rotateZ(180deg);
            transform: scale(1.1) rotateZ(180deg); }
  .sk-folding-cube .sk-cube4 {
    -webkit-transform: scale(1.1) rotateZ(270deg);
            transform: scale(1.1) rotateZ(270deg); }
  .sk-folding-cube .sk-cube2:before {
    -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s; }
  .sk-folding-cube .sk-cube3:before {
    -webkit-animation-delay: 0.6s;
            animation-delay: 0.6s; }
  .sk-folding-cube .sk-cube4:before {
    -webkit-animation-delay: 0.9s;
            animation-delay: 0.9s; }

@-webkit-keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; }
  25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; }
  90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; } }

@keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; }
  25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; }
  90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; } }