/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/


@font-face {
    font-family: "Silka";
    font-style: normal;
    font-weight: 400;
    src: url('/wp-content/themes/bb-theme-child/fonts/Silka-Regular.woff') format('woff'),
        url('/wp-content/themes/bb-theme-child/fonts/Silka-Regular.woff2') format('woff2')      
}

@font-face {
    font-family: "Silka";
    font-style: normal;
    font-weight: 600;
    src: url('/wp-content/themes/bb-theme-child/fonts/Silka-SemiBold.woff') format('woff'),
        url('/wp-content/themes/bb-theme-child/fonts/Silka-SemiBold.woff2') format('woff2')      
}

@font-face {
    font-family: "Silka";
    font-style: normal;
    font-weight: 900;
    src: url('/wp-content/themes/bb-theme-child/fonts/Silka-Black.woff') format('woff'),
        url('/wp-content/themes/bb-theme-child/fonts/Silka-Black.woff2') format('woff2')      
}

@font-face {
    font-family: "Larken";
    font-style: normal;
    font-weight: 400;
    src: url('/wp-content/themes/bb-theme-child/fonts/Larken-Regular.woff') format('woff'),
        url('/wp-content/themes/bb-theme-child/fonts/Larken-Regular.woff2') format('woff2')      
}

@font-face {
    font-family: "Larken";
    font-style: italic;
    font-weight: 400;
    src: url('/wp-content/themes/bb-theme-child/fonts/Larken-Italic.woff') format('woff'),
        url('/wp-content/themes/bb-theme-child/fonts/Larken-Italic.woff2') format('woff2')      
}



html {
   font-size:62.5%; 
}

body,
button,
input,
select,
optgroup,
textarea {
	color: #525B56;
    font-family: "Silka", sans-serif;
    font-weight: 400;
	font-size: 0.9rem;
	line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
    line-height: 1.2;
    margin: 0.5em 0 0.3em 0;
}

.fl-module-content h1, .fl-module-content h2, .fl-module-content h3{
    margin: 0;
}

h1, h2.large, .h1 {
    font-family: "Larken", serif;
    font-weight: 400 !important;
    text-transform:none;
    font-size:6em; 
    letter-spacing: -0.01em;
    line-height:1.1;
}

h1.sub {
    font-family: "Silka", serif;
    font-weight:900 !important;
    font-size: 1.8em;
    line-height:1.2;
    letter-spacing:0em;
    text-transform:uppercase;
}

h2, .h2 {
    font-family: "Silka", sans-serif;
    font-weight: 600 !important;
    text-transform:none;
    font-size:4em;
    letter-spacing: -0.02em;
    line-height:1.3;
}

h2.serif, .serif h2 {
    font-family: "Larken", serif;
    font-weight: 400 !important;
    font-size:4.8em;
    text-transform:none;
}

h3, .h3 {
    font-family: "Silka", sans-serif;
    font-size:3em;
    font-weight:600 !important;
    line-height:1.4;
    letter-spacing: -0.02em;
}

h3.sub, .sub h3 {
    font-family: "Silka", serif;
    font-weight:900 !important;
    font-size: 2.2em;
    line-height:1.2;
    letter-spacing:0em;
    text-transform:uppercase;
}

h3.serif, .serif h3 {
    font-family: "Larken", serif;
    font-weight: 400 !important;
    text-transform:none;
}

h4 {
    font-family: "Silka", sans-serif;
    font-weight: 600;
    font-size:2.4em;
    line-height:1.3;
    letter-spacing: -0.01em;
    text-transform:none;
    width:100%;
}

.price {
    font-size:1.4em;
    font-weight: 600;
}

p {
    font-size:2.1em;
    line-height:1.5;
    margin-top: 0em;
	margin-bottom: 1.4em;
}

.p-small p, .timeline p {
    font-size:1.9em;
}

.nomargin p {
	margin-bottom: 0em;
}

.fl-content .cv p {
	margin-bottom: 0.5em;
}

.fl-content .cv ul li {
	margin-bottom: 5px;
}


.shadow  {
    text-shadow: 2px 2px 4px rgba(0,0,0,0.6);
}

.break p, p.break, .break h1, .break h2, .break h3 {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

b, strong, .fl-builder-content .fl-rich-text strong {
	font-weight:600;
}

dfn, cite, em, i {
    font-family: "Larken", sans-serif;
    font-weight: 400;
	font-style: italic;
}

blockquote {
    border-left: 5px solid #6a7593;
	background-color:transparent;
    margin: 0 0 1.5em 0;
}

blockquote p {
	font-size:24px;
	line-height:1.6;
	font-family: "Larken", serif;
    font-weight: 400;
    font-style: italic;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #c6b97a;
	text-decoration: none;
}

big {
	font-size: 125%;
}


@media (min-width : 1600px) {

    }

@media (max-width : 1200px) {
    
    }

@media (max-width: 992px){
    h1, h2.large, .h1 {
        
    }
    h2, .h2 {
    font-size:3.6em;
    }
    h2.serif, .serif h2 {
    font-size:4em;
    }  
    h3, .h3 {
    font-size:2.4em;
    }
    .price {
    font-size:1.2em;
    }
    h3.sub, .sub h3 {
    
    }
    p {
    font-size:1.9em;
    }
	}

@media (max-width: 767px){
    h1, h2.large, .h1 {  
    font-size:5em; 
    }
    h2, .h2 {
    }
    h3, .h3 {
    }
    h3.sub, .sub h3 {
    font-size:2em;
    }
    h4 {
    font-size:2.2em;
    }
	}

@media (max-width: 480px){
    h1, h2.large, .h1 {
    font-size:4em;
    }
    h2, .h2 {
    font-size:2.8em;
    }
    h2.serif, .serif h2 {
    font-size:3em;
    }
    h3, .h3 {
    font-size:2.4em;
    }
    h4 {
    font-size:1.8em;
    }
    p {
    font-size:1.9em;
    }
    .p-small p {
    font-size:1.7em;
    }
	p, .break h2, .break h1 {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
    }
	}

@media (max-width : 360px) {
  
    }

/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/

.row-margin-right .fl-row-content-wrap {
    margin-right:calc((100vw - 1100px) / 2 + 20px);
    padding-left: calc((100vw - 1100px) / 2) !important; 
}
.row-margin-left .fl-row-content-wrap {
    margin-left:calc((100vw - 1100px) / 2 + 20px);
    padding-right: calc((100vw - 1100px) / 2) !important; 
}

.row-margin-right-hero .fl-row-content-wrap {
    margin-right:calc((100vw - 1100px) / 2 + 20px);
    padding-left: 0; 
}
.row-margin-left-hero .fl-row-content-wrap {
    margin-left:calc((100vw - 1100px) / 2 + 20px);
    padding-right:0; 
}

.fl-module.absolute {
    transform: translateX(-40px);
    max-width:60vw;
}

.fl-content {
    overflow-x:hidden;
}

.relative .fl-col-content {
    position:relative;
}

.fl-row-full-width {
	width:100%;
}

.margintopauto {
    margin-top:auto !important;
}

.relative .fl-col-content {
    position:relative;
}

.section-overlay .fl-row-content-wrap {
    z-index:12;
}


@media (max-width: 1200px) {
	.fl-col-small, .fl-row-content, .container, .fl-row-fixed-width  {
    max-width: 900px;
	}
    .fl-row-full-width {
	max-width:100%;
    }
    .row-margin-right .fl-row-content-wrap {
    margin-right:calc((100vw - 900px) / 2 + 20px);
    padding-left: calc((100vw - 900px) / 2) !important; 
    }
    .row-margin-left .fl-row-content-wrap {
    margin-left:calc((100vw - 900px) / 2 + 20px);
    }
    .row-margin-left .fl-row-content {
     max-width:100% !important;   
    }
	}

@media (max-width: 992px){
    .fl-col-small, .fl-row-content, .container, .fl-row-fixed-width  {
    max-width: 800px;
	}
    .row-margin-right .fl-row-content-wrap {
    margin-right:20px !important;
    padding-left: 20px !important; 
    }
    .row-margin-left .fl-row-content-wrap {
    margin-left:50px !important;
    }
    .fl-row-full-width {
	max-width:100%;
    width:100%;
    padding: 0;
    }    
	}


@media (max-width: 767px){
    .fl-col-small, .fl-row-content, .container-inner, .container-small, .fl-row-fixed-width, .fl-row-full-width .fl-col-content {
	width:100%;
    max-width: 600px !important;
	margin:0 auto;
	}
    #menu-header .fl-row-content {
    max-width: 100% !important;
	}
    .fl-row-full-width {
	max-width:100% !important;
    width:100%;
    }
    .row-margin-left .fl-row-content-wrap {
    margin-left:50px !important;
    }
	}

@media (max-width: 480px){
	.fl-col-small, .fl-row-content {
	width:100% !important;
	max-width:100% !important;
	}
    .row-margin-left .fl-row-content-wrap {
    margin-left:20px !important;
    }
   .fl-module-box.fl-module.quote-box {
    margin-left:-20px !important;
    }
	}

@media (max-width: 360px){
    
    }

/*--------------------------------------------------------------
# Paddings & Margins
--------------------------------------------------------------*/
.padding-sm .fl-row-content-wrap {
	padding:30px 0 ;
}
.padding-md .fl-row-content-wrap {
	padding:50px 0 ;
}
.padding-lg .fl-row-content-wrap {
	padding:80px 0 ;
}
.padding-xlg .fl-row-content-wrap {
	padding:120px 0 ;
}
.padding-sm-top .fl-row-content-wrap {
	padding:30px 0 0 ;
}
.padding-md .fl-row-content-wrap {
	padding:50px 0;
}
.padding-md-top .fl-row-content-wrap {
	padding:50px 0 0 ;
}
.padding-lg-top .fl-row-content-wrap {
	padding:80px 0 20px ;
}
.padding-xlg-top .fl-row-content-wrap {
	padding:120px 0 0 ;
}
.padding-xlg-top-20 .fl-row-content-wrap {
	padding:120px 0 20px ;
}
.padding-sm-bottom .fl-row-content-wrap {
	padding:0 0 30px;
}
.padding-md-bottom .fl-row-content-wrap {
	padding:0 0 50px;
}
.padding-lg-bottom .fl-row-content-wrap {
	padding:0 0 80px ;
}
.padding-xlg-bottom .fl-row-content-wrap {
	padding:0 0 120px ;
}
.padding-none .fl-row-content-wrap {
	padding:0 0 0px ;
}

@media (max-width : 767px) {
   
    }

@media (max-width : 480px) {
    .padding-sm-mob .fl-row-content-wrap {
	padding:20px 0 !important;
    }
    .padding-md-mob .fl-row-content-wrap {
	padding:30px 0 !important;
    }
    .padding-lg-mob .fl-row-content-wrap {
	padding:50px 0 !important;
    }
    .padding-xlg-mob .fl-row-content-wrap {
	padding:80px 0 !important;
    }
    .padding-sm-top-mob .fl-row-content-wrap {
	padding:20px 0 0 !important;
    }
    .padding-md-top-mob .fl-row-content-wrap {
	padding:30px 0 0 !important;
    }
    .padding-lg-top-mob .fl-row-content-wrap {
	padding:50px 0 20px !important;
    }
    .padding-xlg-top-mob .fl-row-content-wrap {
	padding:80px 0 0 !important;
    }
    .padding-xlg-top-20-mob .fl-row-content-wrap {
	padding:80px 0 20px !important;
    }
    .padding-sm-bottom-mob .fl-row-content-wrap {
	padding:0 0 20px!important;
    }
    .padding-md-bottom-mob .fl-row-content-wrap {
	padding:0 0 30px!important;
    }
    .padding-lg-bottom-mob .fl-row-content-wrap {
	padding:0 0 50px !important;
    }
    .padding-xlg-bottom-mob .fl-row-content-wrap {
	padding:0 0 80px !important;
    }
    }

/*--------------------------------------------------------------
# Lists
--------------------------------------------------------------*/

.fl-content ul, .fl-content ol, .fl-content ol, .single ol {
    padding: 0;
    list-style-position: outside;
    margin-left:20px;
    margin-top:1em;
    margin-bottom:2em;
}

ol li::marker {
    font-size:2em;
    font-family: "Larken", sans-serif;
    font-weight: 400;
	font-style: italic;
}

.bulletlist ul, .single .fl-page-content ul, .checklist ul {
	padding:0 0 0 10px;
	list-style-position: outside;
    margin-top:0px;
    margin-bottom:2em
}

.bulletlist ul, .single .fl-page-content ul{
	list-style-image: url('/wp-content/themes/bb-theme-child/img/bullet/bullet.svg');
}
.bulletlist.bullet-light ul {
	list-style-image: url('/wp-content/themes/bb-theme-child/img/bullet/bullet-light.svg');
}
.checklist ul {
    list-style-image: url('/wp-content/themes/bb-theme-child/img/bullet/check.svg');
}
.checklist.check-light ul {
	list-style-image: url('/wp-content/themes/bb-theme-child/img/bullet/check-light.svg');
}

.fl-content ul li, .single .fl-page-content ul li, .checklist ul li, .bulletlist ul li, .fl-content ol li, .single ol li{
	margin-bottom:0.8em;
    padding-left:0.5em;
    font-size: 2em;
}

.checklist ul li::marker, .bulletlist ul li::marker, .single .fl-module-content ul li::marker, .fl-module-content ol li::marker, .single ol li::marker {
	font-size:2.4em;
    line-height:1;
}

@media (max-width : 480px) {
    .fl-content ul li, .single .fl-page-content ul li, .checklist ul li, .bulletlist ul li, .fl-content ol li, .single ol li{
    font-size: 1.8em;
    }
    }

/*--------------------------------------------------------------
# Header & Menu
--------------------------------------------------------------*/

/* hide/show header on scroll */

#header-scroll-up {
    position: fixed;
    top: 0;
    width: 100%;
    transition: top 1s;
    z-index:20;
}

.admin-bar #header-scroll-up
{
margin-top: 32px;  /* added so the WP bar did not obscure the header when logged in */
}

/*#fl-main-content {
    margin-top: 80px; 
}*/

.fl-builder-content [data-type="header"].fl-theme-builder-header-shrink IMG
{
max-height: 30px !important;  /* shinks the logo image if using Beaver Themer's 
shrink option. You could swap the IMG select for something else you want to make smaller */

}
.fl-theme-builder-header
{
background-color: #fae8df; /* Because the transition effect on the header you can see a flash 
of the site's background color. This mask this by adding a matching header area background.*/
}


/* TOPBAR */

/*header:not(.fl-theme-builder-header-shrink) #topbar {
   background-color: #222;
}*/

.topline {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.page-label {
    position:absolute;
    left:0;
    top:0;
}


header.fl-theme-builder-header-scrolled .topline, header.fl-theme-builder-header-scrolled .page-label {
    display:none;
}

.logo-module-mob {
    z-index:99;
}

header.fl-theme-builder-header-scrolled {
    z-index:130 !important;
}

/*add drop shadow after shrink */

header.fl-theme-builder-header-scrolled #header-scroll-up {
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.4);
    background-color: #fae8df;
}


/* HAMBURGER TOGGLE */

button.hamburger {
    width:auto;
}

#menu-header .fl-menu-mobile-toggle {
    text-align: right;
    padding-right: 0px;
}

.fl-menu .fl-menu-mobile-toggle.hamburger .hamburger-menu rect, .fl-menu .fl-menu-mobile-toggle.hamburger-label .hamburger-menu rect {
    height: 30px !important;
}

.fl-menu .fl-menu-mobile-toggle.hamburger .svg-container, .fl-menu .fl-menu-mobile-toggle.hamburger-label .svg-container {
    width: 1.8em !important;
    height: 2em !important; 
    z-index: 9999999;
}

button rect.fl-hamburger-menu-middle {
    width:50%;
}

/*body:not(.single-fl-theme-layout) .fl-builder-content[data-overlay="1"]:not(.fl-theme-builder-header-scrolled):not([data-overlay-bg="default"]) .fl-menu-mobile-toggle.hamburger .svg-container {
    filter: drop-shadow(1px 2px 2px rgb(0 0 0 / 0.5));
}*/

button.fl-active rect.fl-hamburger-menu-middle {
    fill: transparent !important;
    opacity:0;
}

 body:not(.single-fl-theme-layout) .fl-builder-content[data-overlay="1"]:not(.fl-theme-builder-header-scrolled):not([data-overlay-bg="default"]) .menu-light button.fl-active rect.fl-hamburger-menu-top,  body:not(.single-fl-theme-layout) .fl-builder-content[data-overlay="1"]:not(.fl-theme-builder-header-scrolled):not([data-overlay-bg="default"]) .menu-light button.fl-active rect.fl-hamburger-menu-bottom {
    fill: #525b56 !important;
}

button.fl-active rect.fl-hamburger-menu-top {
    -webkit-transform: rotate(135deg) translateY(50%);
    -moz-transform: rotate(135deg) translateY(50%);
    -ms-transform: rotate(135deg) translateY(50%);
    -o-transform: rotate(135deg) translateY(50%);
    transform: rotate(135deg) translateY(50%);
    transform-origin:center;
}

button.fl-active rect.fl-hamburger-menu-bottom {
    -webkit-transform: translate(-20px, -180px) rotate(225deg); 
    -moz-transform: translate(-20px, -180px) rotate(225deg);
    -ms-transform: translate(-20px, -180px) rotate(225deg);
    -o-transform: translate(-20px, -180px) rotate(225deg);
    transform: translate(-20px, -180px) rotate(225deg);
    transform-origin:center;
    transform-box: fill-box;
}

.hamburger-menu rect {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

button.fl-menu-mobile-close {
    display:none;
}

/* LOGO */

/* switch logo after scroll */

header .header-home img {
    display:none;
        -webkit-transition: all 3000ms ease-in;
    -moz-transition: all 3000ms ease-in;
    -ms-transition: all 3000ms ease-in;
    -o-transition: all 2000ms ease-in;
    transition: all 3000ms ease-in;
}
header.fl-theme-builder-header-scrolled .header-home img {
    display:block;
}

/* MENU LIST */

#menu-header .fl-row-content-wrap {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

#menu-main-menu {
    padding-bottom:50px;
}

ul#menu-main-menu:after {
    content: "";
    height: 1px;
    background: #525b56;
    width: 100vw;
    position: absolute;
    left: 0;
    bottom: 0;
}

#menu-header li a {
    font-weight:900 !important;
    letter-spacing: 0.02em;
    width: 100%;
    display: inline-block;
}

#menu-header li a:before {
    content: "";
    display: inline-block;
    width: 100px;
    height: 1px;
    margin-right: 10px;
    border-top: 1px solid #525b56;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

#menu-header li a:hover:before {
    width: 20px;
}



/*text-shadow: -1px 0 #525b56, 0 1px #525b56, 1px 0 #525b56, 0 -1px #525b56, -5px 5px #525b56, -4px 4px #525b56, -3px 3px #525b56, -3px 3px #525b56, -2px 2px #525b56, -3px 3px #525b56, -2px 2px #525b56, -1px 1px #525b56;
*/


/* SUB MENU */

#menu-header ul.sub-menu {
    border-left: 1px solid #41705e;
    margin-bottom:20px;
    }
#menu-header ul.sub-menu li:last-child a {
    padding-bottom:0px !important;
}

#menu-header .sub-menu > li > a {
    font-weight:600;
    padding-top:14px;
}


@media (min-width: 768px) {
    
    }

@media (max-width: 767px) {
    header {
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.4);
    }
    
    /*#fl-main-content {
    margin-top: 66px; 
    }*/
    
    .fl-menu-mobile-flyout .menu {
    padding:30px 15px;
    }
    
    #menu-header .fl-menu ul.menu {
    padding-bottom:50px;
    }
    }

@media (max-width:992px) {
    
    
    }

@media (min-width: 768px) {

    }

@media (max-width: 480px) {
 
    }


/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/

.break a {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
    word-break: break-word;
    }

a.fl-button {
    display:inline-block !important;
    border-radius: 100px !important;
    /*padding:30px 40px !important;*/
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;   
}

footer a.fl-button {
    display:inline-block !important;
}

footer .fl-button-wrap:after {
    top: 50%;
    transform: translate(-12px, -10px);
    height: 20px;
}

a.fl-button:hover, a:hover {
    text-decoration:none;
}

.fl-button-wrap a.fl-button:hover {
    padding-right:40px !important;
    text-decoration:none;
     -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out; 
}

.fl-builder-content a.fl-button:focus {
    color:#fff !important;
}

 .fl-button-wrap {
    position: relative;
}

.fl-button-wrap.btn-circle {
    -moz-transform: translate(20px, 20px); 
    -webkit-transform: translate(20px, 20px); 
    -o-transform: translate(20px, 20px); 
    -ms-transform: translate(20px, 20px); 
    transform: translate(20px, 20px); 
}

.fl-button-wrap.btn-circle a.fl-button {
    display:flex !important; 
    height: 160px;
    width: 160px;
    vertical-align: middle;
    justify-content: center;
    justify-items: center;
    flex-direction: column;
    align-items: center;
}

.fl-button-wrap.btn-circle span.fl-button-text {
    font-weight: 600;
    font-size: 18px;
    text-transform:uppercase;
    letter-spacing: -0.02em;
    line-height: 1em;
    text-align: center;
    -moz-transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    -o-transform: rotate(7deg);
    -ms-transform: rotate(7deg);
    transform: rotate(7deg);
}


a.btn {
    position: absolute;
    bottom: 0;
    margin-bottom: 1em;
    border-radius: 100px !important;
}

p a, .fl-rich-text a span, a {
    font-weight:600;
}

footer p a, footer .fl-rich-text a span {
    font-weight:600;
    -webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
    
}

a:focus {
    outline: none !important;
    text-decoration:none !important;
}

.tooltip-inner {
    max-width:200px;
    color:#00c9ac;
    text-align:center;
    text-decoration:none;
    background-color:#222000;
    border-radius:2px;
    padding:6px 16px;
}

@media (max-width:767px) {
    .fl-button-wrap.btn-circle a {
    height: 140px;
    width: 140px;  
    }
    }


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

.hero-icon {
    position: absolute;
    right: -5%;
    bottom: 10%;
    width: 25vw;
}

.box-image-about {
    position:relative;
}

.pic-absolute-left {
    position: absolute;
    left: 0;  /* was -5% */
    width: 100%; /* was 40vw */
}

.pic-absolute-right {
    position: absolute;
    right: 0;  /* was -5% */
    width: 100%; /* was 40vw */
}

.hero-icon img {
    width: 100%;
    opacity:0.6;
}

textarea.wp-editor-area {
    font-size: 1.1em;
    line-height: 1.5em;
}

.line-before:before {
    content: "";
    display: inline-block !important;
    width: 100px;
    height: 1px;
    margin-right: 10px;
    border-top: 1px solid #525b56;
}

.photo-left {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  -o-transform: translateX(20px);
  transform: translateX(20px);
}

.photo-right {
  -webkit-transform: translateX(-20px);
  -ms-transform: translateX(-20px);
  -o-transform: translateX(-20px);
  transform: translateX(-20px);
}

/* FLEX BOXES */

.logo-module {
    transform: translateX(-10%);
}

.callout-angebot img {
    height: 180px !important;
    width: auto !important;
}

.icon-angebot img {
    max-height: 160px;
    width: auto !important;
}

.callout-angebot .fl-callout-photo {
    transform: translateX(-50px);
    margin-bottom: 30px;
}

.hero-box {
  -webkit-transform: translateY(130px);
  -ms-transform: translateY(130px);
  -o-transform: translateY(130px);
  transform: translateY(130px);
    z-index: 9;
}

.image-box {
  border-radius:0 50px 50px 0; 
}

.box-featured {
  border-radius:50px; 
  overflow:hidden;
}

.border-box {
    position:relative;
}

.border-box .fl-module-content {
    padding-top:50px;
}

.border-box:before {
    content:"";
    height:1px;
    width:100vw;
    background-color:#595551;
    position:absolute;
    right:0;
}

.border-box-bottom-right:after {
    content:"";
    height:1px;
    width:100vw;
    background-color:#6a7593;
}

.logo-bg-lb .fl-row-content-wrap  {
    background-size: 30% auto !important;
    background-position: -10% 110% !important;
}

.pad-container .fl-row-content {
    padding:0 20px !important;
}

.headlines .fl-module-separator {
    min-width:30%;
}

.fl-module.grow {
    flex-grow:2;
}

.box-relative {
    position:relative;
}

@media (max-width:1200px) {
    .hero-box {
    -webkit-transform: translateY(120px);
    -ms-transform: translateY(120px);
    -o-transform: translateY(120px);
    transform: translateY(120px);
    }
    }

@media (max-width:992px) {
   .logo-module {
    transform: translateX(-20px);
    }
    .hero-icon {
    width: 35vw;
    }
    }

@media (max-width: 767px) {
    .image-box {
    width:100%;
    min-height:50vw;
    }
    .logo-module-mob {
    max-width:300px;
    }
    .hero-box {
    width:100%;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    }
    .callout-angebot .fl-callout-photo {
    transform: translateX(-5vw);
    }
    .border-box .fl-module-content {
    padding-top:0px;
    }
    .border-box:before  {
    height:0px;
    }
    .pic-absolute-left, .pic-absolute-right {
    width: 100%;
    position:relative
    }
    .hero-icon {
    width: 50vw;
    }
    .image-box {
      border-radius:0 0px 30px 30px; 
    }
    .box-featured {
      border-radius:30px;   
    }
    .mob-square img {
    aspect-ratio: 1 / 1;  /* Forces a square shape */
      object-fit: cover; 
    }
    }

@media (max-width:600px) {
    .photo-left {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    }

.photo-right {
  -webkit-transform: translateX(-20px);
  -ms-transform: translateX(-20px);
  -o-transform: translateX(-20px);
  transform: translateX(-20px);
}
    }

@media (max-width:480px) {
    .callout-angebot .fl-callout-photo {
    transform: translateX(-20px);
    }
    }

/* FOOTER */

footer .fl-row-content-wrap  {
    background-size: auto 140% !important;
    background-position: -5% !important;
}

footer .fl-callout-text p{
    font-size:1.8em;
}

footer .fl-callout-button {
    transform: translate(-10px, -10px);
}

/* accordeon */

.fl-accordion-large .fl-accordion-content {
    padding-left:0 !important;
    padding-right:0 !important;
}

.fl-accordion-button-label:focus, .fl-accordion-button-label:active, .fl-accordion-button-icon:focus, .fl-accordion-button-icon:active {
    outline-width: 0px;
    outline-color: transparent;
}

/* ScrollMagic + TweenMax */

.pinsection {
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    z-index:999;
}


@media (max-width:1200px) {
    
    }


@media (max-width:992px) {
   
    }

@media (max-width: 767px) {
   
    }

@media (max-width:480px) {
   
    }


/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border-bottom: 1px solid #b2cec9;
	border-radius: 0px;
	color:#222;
	font-size: 18px;
	line-height: 1;
	padding: 20px 30px;
    height:auto;
    width:100%;
    font-family: "Silka, Helvetica, Arial", sans-serif;
    font-weight: 600;
    background-color: transparent;
}


button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: transparent;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: transparent;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	border-radius: 0px;
    border:none !important;
    border-bottom: 1px solid #525b56 !important;
	background: transparent;
	color: #595551 !important;
	font-size: 18px;
    font-weight:600;
	line-height: 1;
	padding: 10px 0px;
    width:100%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #595551;
    background:transparent !important;
}

select {
	border: none;;
}

textarea {
	width: 100%;
}

form input::-webkit-input-placeholder, form textarea::-webkit-input-placeholder { 
    color:#595551 !important;
    /*opacity:0.6;*/
}
form input::-moz-placeholder, form textarea::-moz-placeholder { 
    color:#595551 !important;
}
form input:-ms-input-placeholder, form textarea::-moz-placeholder{ 
    color:#595551 !important;
}
form input::placeholder, form textarea::-moz-placeholder { 
    color:#595551 !important;
}

/* BREVO */

.sib_signup_form p {
 margin-bottom:0.5em;
 color: #595551;
}

input.sib-default-btn {
    margin-top:20px;
    background-color: #525b56 !important;
    background-clip: border-box;
    box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3);
    padding:15px 30px !important;
    width: auto;
    border-radius:100px !important;
}