/*
/*
	Theme Name: LION Calculation
	Theme URI: https://dubbelduck.com
	Description: Basis voor de template
	Version: 1.0
	Author: DubbelDuck
	Author URI: https://dubbelduck.com

*/
@font-face {
    font-family: 'HelveticaNeueLT Std Lt Cn';
    src: url('assets/fonts/HelveticaNeueLTStd-LtCn.eot');
    src: url('assets/fonts/HelveticaNeueLTStd-LtCn.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/HelveticaNeueLTStd-LtCn.woff2') format('woff2'),
        url('assets/fonts/HelveticaNeueLTStd-LtCn.woff') format('woff'),
        url('assets/fonts/HelveticaNeueLTStd-LtCn.ttf') format('truetype'),
        url('assets/fonts/HelveticaNeueLTStd-LtCn.svg#HelveticaNeueLTStd-LtCn') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('assets/fonts/HelveticaNeue.eot');
    src: url('assets/fonts/HelveticaNeue.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/HelveticaNeue.woff2') format('woff2'),
        url('assets/fonts/HelveticaNeue.woff') format('woff'),
        url('assets/fonts/HelveticaNeue.ttf') format('truetype'),
        url('assets/fonts/HelveticaNeue.svg#HelveticaNeue') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
 
@font-face {
    font-family: 'HelveticaNeueLT Std Med Ext';
    src: url('assets/fonts/HelveticaNeueLTStd-HvEx.eot');
    src: url('assets/fonts/HelveticaNeueLTStd-HvEx.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/HelveticaNeueLTStd-HvEx.woff2') format('woff2'),
        url('assets/fonts/HelveticaNeueLTStd-HvEx.woff') format('woff'),
        url('assets/fonts/HelveticaNeueLTStd-HvEx.ttf') format('truetype'),
        url('assets/fonts/HelveticaNeueLTStd-HvEx.svg#HelveticaNeueLTStd-HvEx') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeueLT Pro 43 LtEx';
    src: url('assets/fonts/HelveticaNeueLTPro-LtEx.eot');
    src: url('assets/fonts/HelveticaNeueLTPro-LtEx.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/HelveticaNeueLTPro-LtEx.woff2') format('woff2'),
        url('assets/fonts/HelveticaNeueLTPro-LtEx.woff') format('woff'),
        url('assets/fonts/HelveticaNeueLTPro-LtEx.ttf') format('truetype'),
        url('assets/fonts/HelveticaNeueLTPro-LtEx.svg#HelveticaNeueLTPro-LtEx') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeueLT Pro 67 MdCn';
    src: url('assets/fonts/HelveticaNeueLTPro-MdCn.eot');
    src: url('assets/fonts/HelveticaNeueLTPro-MdCn.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/HelveticaNeueLTPro-MdCn.woff2') format('woff2'),
        url('assets/fonts/HelveticaNeueLTPro-MdCn.woff') format('woff'),
        url('assets/fonts/HelveticaNeueLTPro-MdCn.ttf') format('truetype'),
        url('assets/fonts/HelveticaNeueLTPro-MdCn.svg#HelveticaNeueLTPro-MdCn') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeueLT Pro 65 Md';
    src: url('assets/fonts/HelveticaNeueLTPro-Md.eot');
    src: url('assets/fonts/HelveticaNeueLTPro-Md.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/HelveticaNeueLTPro-Md.woff2') format('woff2'),
        url('assets/fonts/HelveticaNeueLTPro-Md.woff') format('woff'),
        url('assets/fonts/HelveticaNeueLTPro-Md.ttf') format('truetype'),
        url('assets/fonts/HelveticaNeueLTPro-Md.svg#HelveticaNeueLTPro-Md') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeueLT Std Cn';
    src: url('assets/fonts/HelveticaNeueLTStd-Cn.eot');
    src: url('assets/fonts/HelveticaNeueLTStd-Cn.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/HelveticaNeueLTStd-Cn.woff2') format('woff2'),
        url('assets/fonts/HelveticaNeueLTStd-Cn.woff') format('woff'),
        url('assets/fonts/HelveticaNeueLTStd-Cn.ttf') format('truetype'),
        url('assets/fonts/HelveticaNeueLTStd-Cn.svg#HelveticaNeueLTStd-Cn') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('assets/fonts/HelveticaNeue-Bold.eot');
    src: url('assets/fonts/HelveticaNeue-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/HelveticaNeue-Bold.woff2') format('woff2'),
        url('assets/fonts/HelveticaNeue-Bold.woff') format('woff'),
        url('assets/fonts/HelveticaNeue-Bold.ttf') format('truetype'),
        url('assets/fonts/HelveticaNeue-Bold.svg#HelveticaNeue-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeueLT Std Cn';
    src: url('assets/fonts/HelveticaNeueLTStd-BdCn.eot');
    src: url('assets/fonts/HelveticaNeueLTStd-BdCn.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/HelveticaNeueLTStd-BdCn.woff2') format('woff2'),
        url('assets/fonts/HelveticaNeueLTStd-BdCn.woff') format('woff'),
        url('assets/fonts/HelveticaNeueLTStd-BdCn.ttf') format('truetype'),
        url('assets/fonts/HelveticaNeueLTStd-BdCn.svg#HelveticaNeueLTStd-BdCn') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('assets/fonts/HelveticaNeue-Italic.eot');
    src: url('assets/fonts/HelveticaNeue-Italic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/HelveticaNeue-Italic.woff2') format('woff2'),
        url('assets/fonts/HelveticaNeue-Italic.woff') format('woff'),
        url('assets/fonts/HelveticaNeue-Italic.ttf') format('truetype'),
        url('assets/fonts/HelveticaNeue-Italic.svg#HelveticaNeue-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('assets/fonts/HelveticaNeue-BoldItalic.eot');
    src: url('assets/fonts/HelveticaNeue-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/HelveticaNeue-BoldItalic.woff2') format('woff2'),
        url('assets/fonts/HelveticaNeue-BoldItalic.woff') format('woff'),
        url('assets/fonts/HelveticaNeue-BoldItalic.ttf') format('truetype'),
        url('assets/fonts/HelveticaNeue-BoldItalic.svg#HelveticaNeue-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('assets/fonts/HelveticaNeue-UltraLightItalic.eot');
    src: url('assets/fonts/HelveticaNeue-UltraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/HelveticaNeue-UltraLightItalic.woff2') format('woff2'),
        url('assets/fonts/HelveticaNeue-UltraLightItalic.woff') format('woff'),
        url('assets/fonts/HelveticaNeue-UltraLightItalic.ttf') format('truetype'),
        url('assets/fonts/HelveticaNeue-UltraLightItalic.svg#HelveticaNeue-UltraLightItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('assets/fonts/HelveticaNeue-UltraLight.eot');
    src: url('assets/fonts/HelveticaNeue-UltraLight.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/HelveticaNeue-UltraLight.woff2') format('woff2'),
        url('assets/fonts/HelveticaNeue-UltraLight.woff') format('woff'),
        url('assets/fonts/HelveticaNeue-UltraLight.ttf') format('truetype'),
        url('assets/fonts/HelveticaNeue-UltraLight.svg#HelveticaNeue-UltraLight') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}



@font-face {
  font-family: 'icomoon';
  src:  url('assets/fonts/icomoon.eot?76zdmd');
  src:  url('assets/fonts/icomoon.eot?76zdmd#iefix') format('embedded-opentype'),
    url('assets/fonts/icomoon.ttf?76zdmd') format('truetype'),
    url('assets/fonts/icomoon.woff?76zdmd') format('woff'),
    url('assets/fonts/icomoon.svg?76zdmd#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



.icon-arrow-left:before {
  content: "\e900";
}
.icon-arrow-right:before {
  content: "\e901";
}
.icon-calculations-background:before {
  content: "\e902";
}
.icon-carbonacious-fire:before {
  content: "\e903";
}
.icon-check:before {
  content: "\e904";
}
.icon-digital-fire:before {
  content: "\e905";
}
.icon-download:before {
  content: "\e906";
}
.icon-edit:before {
  content: "\e907";
}
.icon-forklift:before {
  content: "\e908";
}
.icon-gas-fire:before {
  content: "\e909";
}
.icon-info:before {
  content: "\e90a";
}
.icon-login:before {
  content: "\e90b";
}
.icon-shape:before {
  content: "\e90c";
}
.icon-trash:before {
  content: "\e90d";
}
.icon-user-background:before {
  content: "\e90e";
}
.icon-view:before {
  content: "\e90f";
}
.icon-facebook:before {
  content: "\ea90";
}
.icon-instagram:before {
  content: "\ea92";
}




a, .btn, .account-sidebar > div:before, .link-with-arrow span, input, .config-percentage-slide, .config-type-box, .config-percentage-slide > div  {
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.grecaptcha-badge {visibility:hidden;}


/*------------------------------------*\
    MAIN


\*------------------------------------*/
body, html {margin:0;padding:0}
*,*:after,*:before {	-moz-box-sizing:border-box;	box-sizing:border-box;	-webkit-font-smoothing:antialiased;	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;}
html {	font-size:62.5%;}

.clear:before,.clear:after {    content:' ';    display:table;}
.clear:after {    clear:both;}
.clear {    *zoom:1;}

img {	max-width:100%;	vertical-align:bottom;height:auto}


a {	color:#fcf3e8;	text-decoration:none;}
a:hover {	color:#EF0D33;}
a:focus {	outline:0;}
a:hover,a:active {	outline:0;}
input:focus {	outline:0;	border:none;}

/*------------------------------------*\
    Fonts
\*------------------------------------*/

h1, h2, h3, h4, h5, h6 {font-family:Arial, Helvetica, sans-serif;
  margin: 0;color:#FCF3E8; font-size:32px; font-weight:700;line-height:1.2;text-transform:uppercase}
body { font-family:Arial, Helvetica, sans-serif; background:#1B1817;  color: #fcf3e8;    font-size: 20px;   font-weight:normal;line-height:1.6}

.standaard-content h2 {font-size:27px;margin-bottom:0;}
.standaard-content h3 {font-size:26px;margin-bottom:0;}
.standaard-content h4 {font-size:25px;margin-bottom:0;}
.standaard-content h5 {font-size:24px;margin-bottom:0;}
.standaard-content h6 {font-size:23px;margin-bottom:0;}
.standaard-content a {font-weight:600;}

p , blockquote{ margin:0 0 25px}
p:last-child, blockquote:last-child {margin:0}


.standaard-content ul, .standaard-content ul li, .standaard-content ol {padding:0;margin:0;list-style:none;display:block}
.standaard-content ul li {margin-bottom:0;position:relative;padding-left:20px;}
.standaard-content ul, .standaard-content ol {margin-bottom:25px;}
.standaard-content ul:last-child, .standaard-content ul li:last-child, .standaard-content ol:last-child {margin-bottom:0}
.standaard-content ul li:before {content:"";position:absolute;left:0;top:8px;width:10px;height:10px;border-radius:0;background:#EF0D33}
.standaard-content ol { counter-reset: li}
.standaard-content ol li {display:block;padding-left:20px;position:relative;}
.standaard-content ol li:before{counter-increment: li;content: counter(li)'.'; color: #EF0D33;
  display: inline-block; position:absolute;left:0;top:0;}

.standaard-content blockquote {position:relative;padding:5px 0 5px 35px;border-left:4px solid #EF0D33;    color: #1F1F1F;}

.intro-content {font-size:36px;}
.intro-content p {margin-bottom:45px;}
.intro-content p:last-child {margin-bottom:0;}
h1 {    font-size: 70px;}

h1 span { 
    position: relative;
    background: none;
	animation: bgline cubic-bezier(0.75, 0, .25, 1) forwards;
    background-image: linear-gradient(90deg, #E6462A 0%, #E6462A 100%);
        background-position: bottom 10px left;
    background-repeat: no-repeat;
    background-size: 0% 14px;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-delay: .3s;
    -webkit-animation-delay: .3s;}


@keyframes bgline {
	   0% {
		   background-size:0% 14px;
	   }
	   
	   100% {
		   background-size:100% 14px;
	   }
}




.navigation a, .login-sub-menu a, .footer-navigatie a, .link-with-arrow{font-family: 'HelveticaNeueLT Std Cn'; font-weight: bold;}


.title-box h1, .account-titel h3, .account-sidebar h3,.account-overlay h3,.login-content h3,.login-forms label,.btn, input[type="submit"],.config-group-desc h3,
body .gform_wrapper.gravity-theme .gfield_label, .custom-form label, .calculations-side li a, .calculations-side li button, .config-type-desc h3 {font-family: 'HelveticaNeueLT Std Med Ext';font-weight:bold}


body, .login-sub-menu .logout a, .account-content-row .title-box h3, .login-content h1{ font-family: 'Helvetica Neue';font-weight:normal}

.pie-legend p.price, .column-legend p.price, p.count-slide, .custom-form select, .custom-form input[type="text"], .custom-form input[type="number"] {font-family: 'Helvetica Neue';font-weight:bold}
.footer h4{font-family: 'HelveticaNeueLT Std Cn';    font-weight: bold;}
footer, footer a{ font-family: 'HelveticaNeueLT Pro 65 Md';
    font-weight: 500;}

.boxed-titel p.price{ font-family: 'HelveticaNeueLT Pro 43 LtEx';font-weight: 300;}


/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
@media screen and (min-width:1250px){
	.column, .columns {padding-left:30px;padding-right:30px;}
}


.wrapper {
	max-width:1740px;
	width:100%;
	margin:0 auto;    padding: 0 15px;
}
.fancybox-content .wrapper {padding:0;}

.content-row {
    padding: 220px 0 70px;min-height:calc(100vh - 166px);
}


.flex-columns{    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;}
.space-between{
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;	
  -moz-justify-content:space-between;
  -ms-justify-content:space-between;
}

.center-align{
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  align-items: center;	
  -moz-align-items:center;
  -ms-align-items:center;
}
@media screen and (min-width:768px){
.bottom-align{
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;	
  -moz-align-items:flex-end;
  -ms-align-items:flex-end;
}
		.right-flex {    margin-left: auto;    order: 2;}

	}


.textcenter, .text-center {text-align:center;}
.overlay {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}
.rightfloater {float:right}



.title-box {margin-bottom:80px;position:relative;}
.intro-content {margin-top:100px;}
.margin-fix,.marginfix {margin-bottom:45px}
.no-margin-top{margin-top:0;}

.media-box {position:relative;}
.media-box img {width:100%;}
.video-box {position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%;height: auto;} 
.video-box iframe, .video-box object, .video-box embed { position: absolute;top: 0;	left: 0;width: 100%;height: 100%;}

.video-link {display:block;position:relative}
.video-link span {font-size:50px;top:calc(50% - 25px);left:calc(50% - 25px);color:#000000;z-index:10;position:absolute;}

.iframe-box iframe {width:100%;height:250px}

.intro-arrow {    font-size: 200px;line-height:1;}


.hidden-wrapper {position:relative;margin-top:120px;min-height:690px}
.hidden-content {position:relative}
.hidden-content:after {content:"";position:absolute;top:0;left:0;width:100%;height:100%;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1b1817+0,1b1817+100&0.7+0,1+100 */
background: linear-gradient(to bottom,  rgba(27,24,23,0.7) 0%,rgba(27,24,23,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
z-index:10;}

.account-overlay {
    position: absolute;
    z-index: 100;
    background: #E6462A;
    top: 150px;
   max-width: 640px;
    left: calc(50% - 320px);
    text-align: center;
    padding: 60px 40px 20px;
}
.account-overlay h3 {font-size:24px;margin-bottom:35px;}
.account-overlay p {color:#FCF3E8;opacity:.65}
.account-overlay .small-12 {margin-bottom:35px;}
.account-overlay .small-12:last-child {margin-bottom:0;}


.account-overlay a.underline {    text-decoration: underline;    color: #FCF3E8;    font-size: 18px;}
.account-overlay a.underline:hover {color:#fff;}



.fancybox-stage .account-overlay{position:relative;left:0;top:0;}
body .fancybox-content {padding:0; background:none}





.content-account-login {max-width:700px;margin-top:40px;margin-bottom:40px;padding: 0 15px}
.content-account-login .account-overlay {    position: relative;    z-index: 100;    top: 0;    width: 100%;    left: auto;}


.account-content-row .title-box h3 {font-size:36px;text-transform:none;margin:0 0 5px}
.account-titel {margin-bottom:35px}
.account-titel h3 {font-size:40px}



.account-sidebar > div {overflow:hidden;margin-bottom:30px;background:#292423;position:relative;min-height:285px;padding:40px 40px 80px;}
.account-sidebar > div:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1b1817+35,1b1817+35,e6462a+100 */
background: linear-gradient(45deg,  #1b1817 35%,#1b1817 35%,#e6462a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.account-sidebar h3 {font-size:32px;position:relative;z-index:200;}
.account-sidebar > div > span {
    font-size: 180px;
    position: absolute;
    bottom: -20px;
    right: -20px;
    opacity: .05;
}
.account-sidebar  .overlay {z-index:300;}
.account-sidebar .link-with-arrow {position:absolute;bottom:30px;left:40px;width:calc(100% - 80px);z-index:301}
.account-sidebar > div:hover:before, .account-sidebar > div.active:before {opacity:.15}
.account-nav-box > img {width:286px;height:auto;position:absolute;z-index:1;bottom:0;right:-55px}


#calculations {display:none}

.my-calculation-box:nth-child(even){background:#292423}
.my-calculation-box p a{font-size:18px;color:#FCF3E8;opacity:.5}
.my-calculation-box p a:hover {opacity:1;}
.my-calculation-box > div:first-child {padding:20px;line-height:1;width:calc(100% - 230px)}
.calculation-edit-list {line-height:1;width:170px;text-align:right;padding-right:20px}
.calculation-edit-list a, .download-pdf-form {font-size:25px;display:inline-block; margin-left:20px;}
.calculation-edit-list span.icon-view {font-size:20px}

.calculation-edit-item {width:60px;}
.calculation-edit-item a {
    text-align: center;
    height: 100%;
    font-size: 25px;
    background: #1B1817;
}
.calculation-edit-item a span{width:100%;text-align:center;display:block}
	

button.download-details {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    background: none;
    color: #fff;
    font-size: 24px;cursor:pointer;margin:0;padding:0
}
button.download-details:hover, button.download-details:focus {    color: #EF0D33;}
/*------------------------------------*\
    LOGIN/REGISTER
\*------------------------------------*/
div ,input {outline:none!important}
.page-template-template-login {position:relative;}
.page-template-template-login footer, .page-template-template-login main {position:relative;z-index:2}
.page-template-template-login:before {width:100%;height:calc(100% - 20px);top:0;left:0;background-size:cover;background-position:left top;content:"";position:absolute;z-index:1;background-image:url('assets/images/background-login.png');opacity:.30}


.login-row {position:relative;padding-top:0;min-height: calc(100vh - 276px);}
.login-row .wrapper {position:relative;}

.login-image {padding-left:0;position:relative;min-height: 750px;}
.login-image img {
    width: 100%;
    max-width: none;
    float: right;
    max-width: none;
    /* min-height: 840px; */
    object-fit: cover;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}
@media screen and (min-width:1740px){
	.login-image img{ width: calc(100% + (50vw - 855px));}
}
@media screen and (max-width:1739px){
	.login-image img{ width: calc(100% + 15px);}
	
}

.login-logo {    width: 290px;text-align:right}
.login-logo a, .login-logo img {display:inline-block;width:100%;}
.login-content {width:calc(100% - 290px)}
.login-page {padding-left:100px;padding-top:100px}
.login-content-wide {width:100%}

.login-content h1 {    font-size: 28px;    margin-bottom: 10px;text-transform:none}
.login-content h3 {    font-size: 40px;    margin-bottom: 45px;}
.login-content a {color:#E6462A;text-decoration:underline}
.login-content a:hover, .login-content a:focus {color:#fff;}

.login-forms {margin-top:75px}
.login-forms form {float:left;width:100%;display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;}

p.login-password, p.login-username {    width: 50%;}
p.login-password {padding-left:15px;}
p.login-username {padding-right:15px;}

.login-forms label {    display: block;    text-transform: uppercase;    margin-bottom: 15px;    line-height: 1;    font-size: 18px;}
.login-forms p {margin:0;}

input[type="text"], input[type="password"], input[type="email"], 
body .gform_wrapper.gravity-theme input[type=color], 
body .gform_wrapper.gravity-theme input[type=date], 
body .gform_wrapper.gravity-theme input[type=datetime-local], 
body .gform_wrapper.gravity-theme input[type=datetime], 
body .gform_wrapper.gravity-theme input[type=email], 
body .gform_wrapper.gravity-theme input[type=month], 
body .gform_wrapper.gravity-theme input[type=number], 
body .gform_wrapper.gravity-theme input[type=password], 
body .gform_wrapper.gravity-theme input[type=search], 
body .gform_wrapper.gravity-theme input[type=tel], 
body .gform_wrapper.gravity-theme input[type=text], 
body .gform_wrapper.gravity-theme input[type=time], 
body .gform_wrapper.gravity-theme input[type=url], 
body .gform_wrapper.gravity-theme input[type=week], 
body .gform_wrapper.gravity-theme select, 
body .gform_wrapper.gravity-theme textarea {
    width: 100%;
    float: left;
    border: 2px solid #FCF3E8;
    background: none;
    height: 70px;
    color: #FCF3E8;
    padding: 0 20px;
    font-size: 24px;margin-bottom:40px;
	-webkit-appearance:none;-moz-appearance:none;appearance:none;
}
body .gform_wrapper.gravity-theme input[type=color], 
body .gform_wrapper.gravity-theme input[type=date], 
body .gform_wrapper.gravity-theme input[type=datetime-local], 
body .gform_wrapper.gravity-theme input[type=datetime], 
body .gform_wrapper.gravity-theme input[type=email], 
body .gform_wrapper.gravity-theme input[type=month], 
body .gform_wrapper.gravity-theme input[type=number], 
body .gform_wrapper.gravity-theme input[type=password], 
body .gform_wrapper.gravity-theme input[type=search], 
body .gform_wrapper.gravity-theme input[type=tel], 
body .gform_wrapper.gravity-theme input[type=text], 
body .gform_wrapper.gravity-theme input[type=time], 
body .gform_wrapper.gravity-theme input[type=url], 
body .gform_wrapper.gravity-theme input[type=week], 
body .gform_wrapper.gravity-theme select, 
body .gform_wrapper.gravity-theme textarea{margin-bottom:0}

.gform-body {width:100%;}
.gform_wrapper.gravity-theme .gfield_required, .gform_heading {display:none!important}
.gform_wrapper.gravity-theme .gfield_label {text-transform:uppercase}
body .gform_wrapper.gravity-theme .gform_fields {
    grid-column-gap: 30px;
    -ms-grid-columns: (1fr 2%) [12];
    grid-row-gap: 30px;
    display: grid;
    grid-template-columns: repeat(12,1fr);
    grid-template-rows: repeat(auto-fill,auto);
    width: 100%;
}


.invalid label {    color: #E6462A;}
.invalid input{   border-color: #E6462A;}

p.invalid:after {
    background: #E6462A;
    border: 1px solid #E6462A;
    color: #fff;
    font-size: 14.992px;
    margin-top: 0;
    padding: 8px 20px 10px!important;
    display: block;
    content: "";
    float: left;
    margin-top: -40px;
    width: 100%;margin-bottom:40px;
}
.invalid.empty_username:after, .invalid.empty_password:after, .invalid.both_empty:after {content:"Dit veld is vereist.";}
.invalid.invalid_username:after {content:"Gebruikersnaam is onbekend.";}
.invalid.incorrect_password:after {content:"Wachtwoord is incorrect.";}


body .gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {    border: 2px solid #E6462A;}
body .gform_wrapper.gravity-theme .gfield_error .gfield_repeater_cell label, body .gform_wrapper.gravity-theme .gfield_error label, body .gform_wrapper.gravity-theme .gfield_error legend, body .gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message, body .gform_wrapper.gravity-theme [aria-invalid=true]+label, body .gform_wrapper.gravity-theme label+[aria-invalid=true] {    color: #E6462A;}

body .gform_wrapper.gravity-theme .gform_validation_errors {
    background: #E6462A;
    border: 1px solid #E6462A;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 20px;
    margin-top: 0;
    padding: 20px 20px;
    position: relative;
    width: 100%;
}
body .gform_wrapper.gravity-theme .gform_validation_errors>h2 {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    margin: 0 0 12px;
    text-transform: none;
}

body .gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {
    background: #E6462A;
    border: 1px solid #E6462A;color:#fff;
    font-size: 14.992px;
    margin-top: 0;
    padding: 8px 20px 10px!important;
}


body .gform_wrapper.gravity-theme .gform_footer, body .gform_wrapper.gravity-theme .gform_page_footer {
    margin: 40px 0 0;
    padding: 0;
}
body .gform_wrapper.gravity-theme .gform_footer button, body .gform_wrapper.gravity-theme .gform_footer input, body .gform_wrapper.gravity-theme .gform_page_footer button, body .gform_wrapper.gravity-theme .gform_page_footer input {margin-bottom:0}


input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #FCF3E8;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s;
}



input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


/*------------------------------------*\
    Archieven
\*------------------------------------*/
.config-line {position:relative;margin-top:5px;}
.config-line:after {content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:#312E2C}

.boxed-item {position:relative;background:#292423;border:2px solid #292423;padding:35px;}
.boxed-item.lined{border-color:#FCF3E8;background:none}

.icon-info {cursor:pointer;position:relative}
.pie-legend .label .icon-info {     font-size: 14px;
    position: relative;
    top: auto !important;
    left: auto !important;
    right: auto !important;}
.pie-legend .label .tooltip {top:-7px}
.boxed-item > .icon-info {position:absolute;top:35px;right:35px;font-size:26px;color:#FCF3E8;cursor:pointer;}
.tooltip {display:none;
    position: absolute;
    right: calc(100% + 12px);
    border-radius: 5px;
    padding: 10px;
    background: #FCF3E8;
    top: -4px;
    width: 320px;
    font-size: 13px;
    color: #1B1817; font-family: 'Helvetica Neue';font-weight:normal
}
.tooltip:after {content:"";position:absolute;
left:100%;top:8px;
  width: 0; 
  height: 0; 
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  
  border-left: 8px solid #FCF3E8;
}
.active-tooltip .tooltip,
.icon-info:hover .tooltip {display:block;z-index:300;}
.active-tooltip {z-index:300;}
.tooltip a {font-weight:700;text-decoration:underline;color:#1B1817} 
.tooltip a:hover, .tooltip a:focus {color:#EF0D33;}

.pie-chart, .column-chart {width:calc(100% - 250px);}
.pie-legend, .column-legend {width:250px;padding-left:15px;}
.pie-legend > div, .column-legend > div > div {float:right;max-width:260px;}

.pie-legend p.label, .column-legend p.label{    font-size: 16px;    position: relative;    padding-left: 25px;    margin: 0;}
.pie-legend p.label:before,.column-legend p.label:before {content:"";position:absolute;left:0;top:6px;width:12px;height:12px;border-radius:50%;background:#ddd}

.pie-legend p.label.gas-usage:before {background:#F6C558}
.pie-legend p.label.wood-usage:before, .column-legend  p.label.efficiency-cleaning:before {background:#B3D470}
.pie-legend p.label.power-usage:before, .column-legend  p.label.efficiency-training:before {background:#7EB4EB}
.pie-legend p.label.service-contract-value-travel-usage:before, .column-legend  p.label.efficiency-preparation:before {background:#ED7260}
.pie-legend p.label.operational-costs:before {background:#E9C9DB}
.pie-legend p.label.salary:before {background:#8DC6A5}
.pie-legend p.label.amortization:before {background:#B3B3E2}
.pie-legend p.label.ppe:before {background:#D1C2A6}



.pie-legend p.price, .column-legend p.price{font-size:34px;line-height:1.3}
.pie-legend > div, .column-legend > div > div {margin-bottom:25px;}
.pie-legend > div:last-child, .column-legend > div > div:last-child {margin-bottom:0}
.boxed-titel {margin-bottom: 45px;}
.boxed-titel:last-child {margin-bottom:0}
.boxed-titel p.price {
    font-size: 64px;

    line-height: 1;
}

.column-chart > div {min-height:500px;height:100%;width:100%;}

.column-green {background:#B3D470;height:100px;border-bottom:1px solid #292423;}
.column-blue {background:#7EB4EB;height:300px;border-bottom:1px solid #292423;}
.column-red {background:#ED7260;height:100px;}


p.count-slide {
    width: 100%;
    position: relative;
    padding: 20px;
    line-height: 1;
    color: #312E2C;
}
p.count-slide .slide {position:absolute;height:100%;background:#fcf3e8;left:0;bottom:0;min-width:100px}
.slide-amount {position:relative;z-index:10;}
.boxed-count-slide {margin-bottom:25px;}
.boxed-count-slide:last-child {margin-bottom:0;}

.training-efficiency {display:none}

/*------------------------------------*\
    CALCULATIONS
\*------------------------------------*/
.config-group {margin-bottom:30px;}
.custom-form label {display:block;margin-bottom:10px;font-size:18px;text-transform:uppercase}
.config-form .btn {width:100%}
.config-form .btn:disabled {opacity:.6}

.config-form-group {margin-bottom:30px}
.config-group-desc h3 {font-size:32px;margin-bottom:25px;}
.custom-form select, .custom-form input[type="text"], .custom-form input[type="number"], .select2-container .select2-selection--single {
	    width: 100%;display:block;
    border: 2px solid #FCF3E8;
    background: none;
    height: 70px;
    color: #FCF3E8;
    padding: 0 20px;
    font-size: 24px;
	-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;outline:none
	
}

.custom-form select {padding-right:35px;position:relative;z-index:200;}
.custom-select, .custom-numbers {position:relative;}
.custom-numbers input, .custom-select select {padding-right:25px!important;}
.custom-form .arrow-up { position:absolute;right:25px;top:20px; width: 0; 
  height: 0; 
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 8px solid #FCF3E8;z-index:1;}
.custom-form .arrow-down { position:absolute;right:25px;top:40px; width: 0; 
  height: 0; 
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #FCF3E8;z-index:1;}

.select2-container--default .select2-selection--single {
    background-color: transparent;
    border: none;
    border-radius: 0;
}
.select2-container .select2-selection--single {height:70px;border: 2px solid #FCF3E8;}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #FCF3E8;
    line-height: 66px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {display:none}
.select2-dropdown {
    background-color: #FCF3E8;
    border: 2px solid #FCF3E8;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #e64629;color:#FCF3E8
}
.select2-results__option--selectable {
    cursor: pointer;
    color: #1a1817;
}
.select2-container--default .select2-results__option--selected {
      background-color: transparent;color:#e64629
}
.select2-results__option {
	padding: 10px 25px;}
.select2-container {width:100%!important}

input[type="checkbox"]{display:none}
input[type="checkbox"] + span {cursor:pointer;display:block;text-align:left;padding-left:50px;position:relative}
input[type="checkbox"] + span:before {content:"";position:absolute;top:0;left:0;width:30px;height:30px;border:2px solid #FCF3E8}
input[type="checkbox"]:checked + span:before {background:#E6462A;border-color:#E6462A}
input[type="checkbox"]:checked + span:after {    font-family: 'icomoon';    content: "\e904";    position: absolute;    top: 6px;    left: 9px;
    color: #FCF3E8;    font-size: 12px;    width: auto;    height: auto;    background: none;}
input[type="checkbox"] + span a {text-decoration:underline}
input[type="checkbox"].top-checkbox + span {cursor:pointer;display:block;text-align:center;padding-top:50px;position:relative;padding-left:0;}
input[type="checkbox"].top-checkbox + span:before {content:"";position:absolute;top:0;left:calc(50% - 15px);width:30px;height:30px;border:2px solid #FCF3E8}
input[type="checkbox"].top-checkbox:checked + span:before {background:#E6462A;border-color:#E6462A}

input[type="checkbox"].top-checkbox:checked + span:after {    font-family: 'icomoon';    content: "\e904";    position: absolute;    top: 6px;    left: calc(50% - 6px);
    color: #FCF3E8;    font-size: 12px;    width: auto;    height: auto;    background: none;}

input[type="checkbox"].slide-checkbox + span {text-align:left;padding-left:70px;padding-top:0;}
input[type="checkbox"].slide-checkbox + span:before {width:52px;height:30px;border-radius:5px;border:2px solid #FCF3E8;left:0;top:0;}
input[type="checkbox"].slide-checkbox + span:after {content:"";position:absolute;top:5px;left:5px;width:20px;height:20px;background:#FCF3E8;border-radius:2px}
input[type="checkbox"].slide-checkbox:checked + span:after {left:27px}
input[type="checkbox"].slide-checkbox:checked + span:before {background:none}


.radio-label {display:inline-block!important;margin-right:20px;margin-bottom:0!important}
input.slide-radio {display:none}
input.slide-radio + span {cursor:pointer;display:block;padding-left:45px;position:relative;}
input.slide-radio + span:before {width:30px;height:30px;border-radius:0;border:2px solid #FCF3E8;left:0;top:0;position:absolute;content:"";}
input.slide-radio:checked + span:after {
    font-family: 'icomoon';
    content: "\e904";
    position: absolute;
    top: 6px;
    left: 9px;
    color: #FCF3E8;
    font-size: 12px;
    width: auto;
    height: auto;
    background: none;
}
input.slide-radio:checked + span:before {
    background: #E6462A;
    border-color: #E6462A;
}


.custom-form input.percentage {
    border: none;
    padding: 0;
    height: 130px;
    font-size: 80px;
    color: #FCF3E8;
    border-bottom: 2px solid #FCF3E8;
    text-align: center;font-weight: 100;font-family: 'Helvetica Neue';opacity:.2
}
.custom-form .enabled input.percentage {opacity:1;}
.custom-form .config-type-selector label {margin-bottom:30px}


.config-type-desc {margin-bottom:30px;}
.config-type-desc > span {font-size:100px;display:inline-block;margin-bottom:35px}
.config-type-desc h3 {font-size:24px;margin-bottom:20px;}
.config-type-desc p{ color: rgb(252 243 232 / 68%);}

.config-type-box {margin-top:50px;margin-bottom:20px;}


.config-percentage-slide {
    padding: 14px;
    font-weight: bold;
    text-align: center;margin-top:30px;border:2px solid #fcf3e8;overflow:hidden;position:relative;
}
.config-percentage-slide > div {position:absolute;top:0;left:0;width:0;height:100%;z-index:1;}
.config-percentage-slide.false > div {background:#E6462A}
.config-percentage-slide.medium > div  {background:#B7822C}
.config-percentage-slide.good > div  {background:#2CB731}

.config-type-box.disabled {opacity:.2}
.config-type-box.enabled {opacity:1}

.config-percentage-slide span {position:relative;z-index:100;}


/*Single calculations*/
.calculations-nav-arrows {margin-bottom:40px;width:50%;}
.calculations-nav-arrows:nth-child(2), .calculations-nav-arrows.rightfloater{text-align:right;}


.calculations-side {text-align:right;font-size:20px;margin-bottom:35px}
.calculations-side a {text-decoration:underline}
.calculations-side ul, .calculations-side li {padding:0;margin:0;list-style:none;display:block}
.calculations-side ul {margin-bottom:30px}
.calculations-side li {margin-bottom:10px;}
.calculations-side li a, .calculations-side li button {font-size:24px;color:#fcf3e8;text-decoration:underline}
.calculations-side li a:hover, .calculations-side li button:hover{    color: #EF0D33;}



.custom-form input.percentage::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 font-weight: 100;font-family: 'Helvetica Neue';color:#fcf3e8;opacity:1;
}
.custom-form input.percentage::-moz-placeholder { /* Firefox 19+ */
  font-weight: 100;font-family: 'Helvetica Neue';color:#fcf3e8;opacity:1;}
.custom-form input.percentage:-ms-input-placeholder { /* IE 10+ */
 font-weight: 100;font-family: 'Helvetica Neue';color:#fcf3e8;opacity:1;}
.custom-form input.percentage:-moz-placeholder { /* Firefox 18- */
 font-weight: 100;font-family: 'Helvetica Neue';color:#fcf3e8;opacity:1;}


.loading {opacity:.2}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 font-family: 'HelveticaNeueLT Pro 65 Md';    font-weight: bold;color:#FCF3E8;opacity:.2
}
::-moz-placeholder { /* Firefox 19+ */
 font-family: 'HelveticaNeueLT Pro 65 Md';    font-weight: bold;color:#FCF3E8;opacity:.2}
:-ms-input-placeholder { /* IE 10+ */
 font-family: 'HelveticaNeueLT Pro 65 Md';    font-weight: bold;color:#FCF3E8;opacity:.2}
:-moz-placeholder { /* Firefox 18- */
 font-family: 'HelveticaNeueLT Pro 65 Md';    font-weight: bold;color:#FCF3E8;opacity:.2}
/*------------------------------------*\
    Archieven
\*------------------------------------*/
.page-numbers {
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    width: 30px;
    height: 30px;
    background: #7C7C7C;
    color: #fff;
    line-height: 1;
    padding-top: 8px;
    margin: 0 3px;
}
.page-numbers.current, a.page-numbers:hover, a.page-numbers:focus {color:#fff;background:#ef0e33}
span.page-numbers.dots {padding-left:0;padding-right:0;width:auto;color:#191919;background:none}








/*------------------------------------*\
    BUTTON
\*------------------------------------*/


.btn-icon{width:59px;height:45px;display:inline-block;margin-left:20px;vertical-align:middle;background:#1B1817;color:#fff;text-align:center;font-size: 27px;    line-height: 1;    padding-top: 9px;position:relative;}


.btn-icon:before {
    content: "";
    position: absolute;
    border-left: 0px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #fff;
    bottom: -1px;
    left: -1px;
}

.btn-icon:after {
    content: "";
    position: absolute;
    border-left: 0px solid transparent;
    border-left: 12px solid transparent;
    border-top: 12px solid #fff;
    top: -1px;
    right: -1px;
}


.account-overlay .btn-icon:before {    border-bottom: 12px solid #E6462A;}
.account-overlay .btn-icon:after {    border-top: 12px solid #E6462A;}



.btn, input[type="submit"] {
    text-transform: none;
    color: #1B1817;
    border: 0;
    background-color: #FCF3E8;
    font-size: 20px;
    padding: 25px 55px;
    position: relative;
    display: inline-block;
    text-align: center;
    border-radius: 0;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 1;overflow:hidden;cursor:pointer;text-transform:uppercase

}

.btn:hover, .btn.dark, input[type="submit"]:hover {color:#fff!important;background:#E6462A;}


.link-with-arrow {font-size:22px;color:#FCF3E8;text-transform:uppercase;}
.link-with-arrow:hover  .icon-shape, .account-nav-box:hover .icon-shape, .active .link-with-arrow  .icon-shape, .link-with-arrow.red-arrow  .icon-shape{color:#E6462A}
.link-with-arrow:hover  .icon-shape > span, .link-with-arrow:hover, .account-nav-box:hover .icon-shape > span, .active .link-with-arrow  .icon-shape > span, .link-with-arrow.red-arrow  .icon-shape > span {color:#FCF3E8}


.link-with-arrow .icon-shape {
    font-size: 45px;
    position: relative;
    vertical-align: middle;
    margin-left: 10px;
}

.link-with-arrow.link-icon-left .icon-shape{margin-left:0;margin-right:10px;}

.link-with-arrow .icon-shape > span {
    color: #292423;
    font-size: 20px;
    position: absolute;
    z-index: 2;
    left: 12px;
    top: 12px;
}


.account-overlay .link-with-arrow .icon-shape, .link-with-arrow.red-arrow:hover  .icon-shape > span   {color:#1B1817;}
.account-overlay  .link-with-arrow .icon-shape > span, .link-with-arrow.red-arrow:hover  .icon-shape{color:#FCF3E8}
.account-overlay .link-with-arrow:hover .icon-shape  {color:#FCF3E8;}
.account-overlay  .link-with-arrow:hover .icon-shape > span{color:#1B1817}
.calculations-content-row .link-with-arrow .icon-shape {color:#E6462A}
.calculations-content-row .link-with-arrow:hover .icon-shape {color:#FCF3E8}
.calculations-content-row .link-with-arrow .icon-shape > span {color:#FCF3E8}
.calculations-content-row  .link-with-arrow:hover .icon-shape > span {color:#1B1817}
/*------------------------------------*\
   Footer
\*------------------------------------*/


header {position:fixed;top:0;left:0;width:100%;z-index:9999;padding-top:30px;padding-bottom:30px;}
header.fixed {    background: #1B1817;padding:15px 0;}
header .wrapper {max-width:100%;padding:0 20px}
header ul, header li {padding:0;margin:0;list-style:none}

.nav-up {
    top: -170px;
}

.navigation-logo {width:250px;}
.login-holder {width:110px;}
.navigation {width:calc(100% - 360px);padding-left:100px;text-align:center}
.navigation li {display:inline-block;margin-right:45px}
	.navigation li:last-child {margin-right:0;}

.login-holder > ul > li {position:relative}
.login-holder > ul > li > a {
    width: 50px;
    height: 50px;
    display: block;
    border: 2px solid #FCF3E8;
    border-radius: 50%;
    color: #FCF3E8;
    font-size: 24px;
    text-align: center;
    line-height: 1;
    padding-top: 10px;
}
.login-holder > ul > li:hover > a, .mobbtn:hover,.mobbtn.active-menu {border-color:#E6462A;color:#E6462A}

.login-holder:hover .login-sub-menu{display:block}

.login-sub-menu {display:none;position:absolute;right:calc(100% + 15px);background:#fcf3e8;border-radius:5px;padding:20px;width:190px;top:0;}
.login-sub-menu:after{content:"";position:absolute;left:100%;  width: 0; top:19px;
  height: 0; 
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 8px solid #FCF3E8;}
.login-sub-menu li {margin:0;display:block}
.login-sub-menu a {
    font-size: 18px;
    text-transform: uppercase;color:#1B1817
}
.login-sub-menu a:hover, .login-sub-menu a:focus{    color: #EF0D33;}
.login-sub-menu .logout a {font-size:16px;text-transform:none}
.login-sub-menu .logout {margin-top:30px;}

.mobbtn:hover span,.mobbtn.active-menu span {background:#E6462A}


.navigation a {color:#FCF3E8;text-transform:uppercase;font-size:18px;}
.navigation a:hover, .navigation a:focus {color:#E6462A}
.navigation li {margin-right:50px;}
.navigation li:last-child {margin-right:0;}

.navigation-mobbtn {width:calc(100% - 210px);padding-right:0;display:none}
.mobbtn {
    width: 40px;
    height: 40px;
    float: right;
    border: 2px solid #FCF3E8;
    border-radius: 50%;position:relative;cursor:pointer;
}
.mobbtn span {
    position: absolute;
    width: 20px;
    height: 2px;
    background: #fff;
    left: 8px;
}
.mobbtn span:nth-child(1){top:11px}
.mobbtn span:nth-child(2){top:17px;}
.mobbtn span:nth-child(3){top:23px}

.mobbtn.active-menu span:nth-child(2) {width:0;left:50%;}
.mobbtn.active-menu span:nth-child(1) {transform:rotate(45deg);top:0;top:17px;}
.mobbtn.active-menu span:nth-child(3) {transform:rotate(-45deg);top:0;top:17px;}




.sidenav {display:none;position:fixed;top:0;right:-250px;width:250px;height:100%;background:#292423;z-index:9990;padding:20px 0;overflow:auto}
.sidenav .wrapper {max-width:350px;}
.sidenav-holder ul, .sidenav-holder li {padding:0;margin:0;list-style:none;position:relative;}
.sidenav-holder {margin-bottom:25px}
.sidenav-holder a {color:#FCF3E8;font-size:16px;font-weight:600;text-transform:none;display:block;line-height:1;padding:14px 0;}


.sidenav-holder li:hover > a, .sidenav-holder li.current-menu-item > a, .sidenav-holder li.current-menu-ancestor > a {color:#E6462A}
.sidenav-holder li {border-bottom:1px solid #352f2e;}

.sidenav-holder  li.menu-item-has-children {position:relative;}





header, .sidenav, .mobbtn span, .mobbtn{
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}


@media screen and (max-width:1700px){
	header .wrapper {padding:0 15px;width:100%;}
	.navigation {padding-left:30px;}
	.navigation li {    margin-right: 25px;}
	
	
	
	
}
@media screen and (max-width:1400px){
	.navigation-logo {    width: 200px;}
	.navigation a {font-size:16px}
	.navigation li {    margin-right: 15px;}
	.navigation {	width: calc(100% - 310px);}
	header {    padding-top: 15px;    padding-bottom: 15px;}
}

@media screen and (max-width:1250px){
	.navigation-logo {    width: 140px;}
	.login-holder {    width: 70px;}
	.login-holder > ul > li > a {    width: 40px;    height: 40px;    color: #FCF3E8;    font-size: 21px;    padding-top: 7px;}
	.navigation {    width: calc(100% - 210px);}
	.navigation a {    font-size: 14px;}
}


@media screen and (max-width:1000px){
	.navigation {display:none}
	.navigation-mobbtn {display:block}
	.sidenav {    display: block;}
	.sidenav.active-menu {    right: 0;}
		header.active-menu {left:-250px}

}

/*------------------------------------*\
   Footer
\*------------------------------------*/



.footer-logo {    width: 260px;}
.footer-logo a, .footer-logo img {display:block}
.footer-logo a {position:relative;background:#FCF3E8;padding:27px 0}
.footer-logo a:after {    content: "";    position: absolute;    top: -1px;
    right: -1px;    border-left: 31px solid transparent;    border-right: 0 solid transparent;
    border-top: 31px solid #1B1817;}

.footer-logo img {    width: 114px;    height: auto;    max-width: 100%;margin:0 auto; }

.footer-widget-holder {width:calc(100% - 260px)}
.footer-adres, .footer-contact {width:20%}
.footer-navigatie {width:60%}

footer ul, footer li {padding:0;margin:0;list-style:none;}
.footer-navigatie li {display:inline-block;margin-left:45px;}
.footer-navigatie li:first-child {margin-left:0;}
.footer-navigatie {text-align:right;}
.footer-navigatie a {text-transform:uppercase;font-size:18px;}
.footer-navigatie a:hover, .footer-navigatie a:focus {color:#E6462A}

.footer h4, footer, footer a {       color: #FCF3E8;    text-transform: none;font-size:16px;}

.footer-socials {margin-top:10px;}
.footer-socials li {display:inline-block;margin-right:15px;}
.footer-socials li:last-child {margin-right:0;}
.footer-socials a{font-size:24px;}

.footer-terms {margin-top:15px;}
.footer-terms a {
    font-weight: normal;
    text-transform: none;
    font-size: 100%;
}
@media screen and (max-width:1700px){
	.footer-navigatie li {margin-left:25px;}
	.footer-adres {    width: 220px;}
	.footer-contact {    width: 270px;}
	.footer-navigatie {    width: calc(100% - 490px);}
}


@media screen and (max-width:1250px){
	.footer-adres, .footer-contact {    width: 50%;margin-bottom:20px;}
	.footer-navigatie {    width: 100%;text-align:left}
	.footer-navigatie a {font-size:16px}
	.footer-navigatie li {    margin-left: 15px;}
	.footer-terms {margin-top:5px;}
}

@media screen and (min-width:768px) {
	.footer-widget-holder {order:2;}
}

@media screen and (max-width:767px){
	.footer-logo a {    width: 140px;    display: block;    margin: 0 auto;}
	.footer-navigatie {margin-bottom:20px;}
	.footer-widget-holder {    width: 100%;margin-bottom:20px;}
	.footer-logo {    width: 100%;}
	.footer-logo img {		width: 70px;}
}

@media screen and (max-width:550px){
.footer-adres, .footer-contact {	width: 100%;}
	.footer-widget-holder, .footer-navigatie {    text-align: center;}
	.footer-navigatie li {margin-left:5px;margin-right:5px;}
}

/*------------------------------------*\
   RESPONSIVE
\*------------------------------------*/

@media screen and (max-width:1730px){

	
}




@media screen and (max-width:1350px){
	.account-sidebar > div {padding:20px 20px 50px;    min-height: 220px;}
	.account-sidebar .link-with-arrow {  bottom: 20px;    left: 20px;    width: calc(100% - 40px); }
	.account-sidebar h3 {		font-size: 26px;}
}


@media screen and (max-width:1250px){
	
	h1, h2, h3, h4, h5, h6, .intro-content, .config-group-desc h3 {font-size:28px;}
	body, .login-content h1, .calculations-side {   font-size: 18px;}
	h1 {font-size:50px;}
	.standaard-content h2 {font-size:24px;}
	.standaard-content h3 {font-size:23px;}
	.standaard-content h4 {font-size:22px;}
	.standaard-content h5 {font-size:21px;}
	.standaard-content h6 {font-size:20px;}
	
	.intro-arrow {  width:250px;  font-size: 110px;    line-height: 1;}
	.intro-arrow + .large-8 {width:calc(100% - 250px);}
	.intro-content {    margin-top: 0;}
	
	.account-titel h3 {font-size:32px}
	
	.custom-form label,.login-forms label {font-size:16px;}
	.custom-form .config-type-selector label {    margin-bottom: 10px;}
	.config-type-desc > span {    font-size: 70px;    margin-bottom: 20px;}
	.config-type-desc h3 {		font-size: 23px;}
	.custom-form select, .custom-form input[type="text"], .custom-form input[type="number"], input[type="text"], input[type="password"], input[type="email"], body .gform_wrapper.gravity-theme input[type=color], body .gform_wrapper.gravity-theme input[type=date], body .gform_wrapper.gravity-theme input[type=datetime-local], body .gform_wrapper.gravity-theme input[type=datetime], body .gform_wrapper.gravity-theme input[type=email], body .gform_wrapper.gravity-theme input[type=month], body .gform_wrapper.gravity-theme input[type=number], body .gform_wrapper.gravity-theme input[type=password], body .gform_wrapper.gravity-theme input[type=search], body .gform_wrapper.gravity-theme input[type=tel], body .gform_wrapper.gravity-theme input[type=text], body .gform_wrapper.gravity-theme input[type=time], body .gform_wrapper.gravity-theme input[type=url], body .gform_wrapper.gravity-theme input[type=week], body .gform_wrapper.gravity-theme select, body .gform_wrapper.gravity-theme textarea{height:60px;font-size: 21px;}
	
	.select2-container--default .select2-selection--single .select2-selection__rendered {line-height:56px;}
	.select2-container .select2-selection--single{height:60px;font-size: 21px;}
	.btn, input[type="submit"] {font-size: 18px;    padding: 20px 25px;}
	
	.custom-form input.percentage {    height: 90px;		font-size: 60px;}
	.config-percentage-slide {		padding: 9px;}
	
	.custom-form .arrow-up {    right: 20px;		top: 15px;}
	.custom-form .arrow-down {    right: 20px;    top: 35px;}

	.config-percentage-group {margin-bottom:0}
	
	.config-type-box {    margin-top: 30px;    margin-bottom: 10px;}
	.config-group {    margin-bottom: 20px;}
	
	.config-form-group, form .large-10, form .large-8, form .medium-10 {    left: 0;    width: 100%;}
	input[type="checkbox"] + span:before {top:-2px}
	input[type="checkbox"]:checked + span:after {top:4px}
	
	.tooltip {width:250px}
		.custom-form label {position:relative;padding-right:25px;}
	.custom-form .icon-info {position:absolute;right:0;top:3px}
	
.login-page {	padding-left: 50px;}
	.login-logo a, .login-logo img {width:150px;}
	
	.boxed-item {padding:20px;}
	.custom-form .boxed-item .icon-info {    top: 20px;    right: 20px;}
	.boxed-titel p.price {    font-size: 45px;	}
	.pie-legend > div, .column-legend > div > div {    margin-bottom: 15px;}
	.boxed-titel p {    margin: 0 0 10px;}
	.boxed-titel p:last-child {margin:0}
	.boxed-titel {    margin-bottom: 25px;}
	.boxed-count-slide {    margin-bottom: 15px;}
	
	.pie-legend, .column-legend {width:200px;}
	.pie-legend p.price, .column-legend p.price {
		font-size: 25px;}
	.pie-legend p.label, .column-legend p.label {
		font-size: 12px;}
	.pie-chart, .column-chart {
    width: calc(100% - 200px);
}
		p.count-slide {    padding: 15px 15px;}

}

@media screen and (max-width:991px){
	
	h1, h2, h3, h4, h5, h6, .intro-content, .config-group-desc h3 {font-size:21px;}
	body, .login-content h1, .calculations-side  {   font-size: 18px;}
	h1 {font-size:40px;}
	.standaard-content h2 {font-size:24px;}
	.standaard-content h3 {font-size:23px;}
	.standaard-content h4 {font-size:22px;}
	.standaard-content h5 {font-size:21px;}
	.standaard-content h6 {font-size:20px;}
	
	h1 span {     background-size: 0% 8px;   }
		@keyframes bgline {
			   0% {
				   background-size:0% 8px;
			   }

			   100% {
				   background-size:100% 8px;
			   }
		}

	
	
	.intro-arrow {  width:150px;  font-size: 90px;    line-height: 1;}
	.intro-arrow + .large-8 {width:calc(100% - 150px);}
	.intro-content {    margin-top: 0;}
	
	.title-box, .account-titel {margin-bottom:25px;}
	.margin-fix, .marginfix {    margin-bottom: 45px;}
	
	.content-row {min-height:0;padding:100px 0 50px}
	
	.account-sidebar, .account-content-row .medium-8 {width:100%;}
	.account-sidebar {padding:0;}
	.account-sidebar > div {width:calc(33.3333% - 30px);margin-left:15px;margin-right:15px;    min-height: 160px;}
	.account-sidebar h3 {    font-size: 16px;}
.account-sidebar .link-with-arrow {		font-size: 16px;}
	.account-sidebar .link-with-arrow .icon-shape {		font-size: 38px;}
	.account-sidebar .link-with-arrow .icon-shape > span {    font-size: 16px;    left: 11px;    top: 11px;}
	.account-sidebar > div > span {    font-size: 90px;    bottom: -5px;		right: -5px;}
	.account-nav-box > img {    width: 156px;    right: -45px}
	.account-sidebar .link-with-arrow {bottom:10px;}
	
	.account-titel h3 {font-size:28px}
	
	
	.account-overlay h3 {    font-size: 21px;    margin-bottom: 15px;}
	.account-overlay .small-12 {    margin-bottom: 20px;}
	.config-line:after {    left: 0;    width: 100%;}
	input[type="checkbox"] + span:before {top:-4px}
	input[type="checkbox"]:checked + span:after {top:2px}
	.config-group-desc h3 {margin-bottom:15px}
	
	
	.login-forms {    margin-top: 45px;}
	.login-row {padding-top:0}
	.login-image {min-height:0}
	.login-page {    padding-top: 100px;    padding-bottom: 120px;}
	
	.boxed-titel p.price {    font-size: 40px;}
	.custom-form .boxed-item .icon-info {    top: 24px;    right: 20px;    font-size: 20px;}
	.pie-legend p.label, .column-legend p.label {		font-size: 14px;padding-left:20px;}
	.pie-legend p.label:before, .column-legend p.label:before {top:4px}
	.pie-legend p.price, .column-legend p.price {		font-size: 24px;}
	.pie-legend, .column-legend {		width: 190px;}
	.pie-chart, .column-chart {    width: calc(100% - 190px);}
	
	.hidden-wrapper {    position: relative;    margin-top: 0px;    min-height: 0;}
	
	 .calculations-side li a, .calculations-side li button {    font-size: 20px;}
	
	.pie-legend, .column-legend {width:100%;padding-left:0;}
	.pie-chart, .column-chart {width:100%;margin-bottom:15px;}
	.pie-chart {    max-width: 260px;   }
	
	.pie-legend > div, .column-legend > div > div {float:left;max-width:100%;width:50%}
	
}

@media screen and (max-width:767px){

	
	h1, h2, h3, h4, h5, h6, .intro-content, .config-group-desc h3 {font-size:18px;}
	body, .login-content h1, .calculations-side  {   font-size: 16px;}
	h1, .login-content h3 {font-size:30px;}
	.standaard-content h2 {font-size:20px;}
	.standaard-content h3 {font-size:19px;}
	.standaard-content h4 {font-size:18px;}
	.standaard-content h5 {font-size:16px;}
	.standaard-content h6 {font-size:16px;}
	
	h1 span {     background-size: 0% 5px;    background-position: bottom 5px left;  }
		@keyframes bgline {
			   0% {
				   background-size:0% 5px;
			   }

			   100% {
				   background-size:100% 5px;
			   }
		}

	
	.intro-arrow {  width:150px;  font-size: 90px;    line-height: 1;}
	.intro-arrow + .large-8 {width:calc(100% - 150px);}
	.intro-content {    margin-top: 0;}
	
	
	
.calculations-nav-arrows {
    margin-bottom: 20px;
    width: 100%;
    text-align: left !important;
}
	.link-with-arrow, .account-overlay a.underline {		font-size: 16px;}
	.link-with-arrow .icon-shape {		font-size: 38px;}
	.link-with-arrow .icon-shape > span {    font-size: 16px;    left: 11px;    top: 11px;}
	
	.account-sidebar > div {    width: calc(100% - 30px);    margin-left: 15px;    margin-right: 15px;    min-height: 0;margin-bottom:15px;}
	.account-sidebar h3 br {display:none}
	.account-nav-box > img {    width: 106px;    right: -25px;}
	.account-sidebar {margin-bottom:15px;}
	
	.account-titel h3 {font-size:24px}
	
	
	.custom-form select, .custom-form input[type="text"], .custom-form input[type="number"], input[type="text"], input[type="password"], input[type="email"], body .gform_wrapper.gravity-theme input[type=color], body .gform_wrapper.gravity-theme input[type=date], body .gform_wrapper.gravity-theme input[type=datetime-local], body .gform_wrapper.gravity-theme input[type=datetime], body .gform_wrapper.gravity-theme input[type=email], body .gform_wrapper.gravity-theme input[type=month], body .gform_wrapper.gravity-theme input[type=number], body .gform_wrapper.gravity-theme input[type=password], body .gform_wrapper.gravity-theme input[type=search], body .gform_wrapper.gravity-theme input[type=tel], body .gform_wrapper.gravity-theme input[type=text], body .gform_wrapper.gravity-theme input[type=time], body .gform_wrapper.gravity-theme input[type=url], body .gform_wrapper.gravity-theme input[type=week], body .gform_wrapper.gravity-theme select, body .gform_wrapper.gravity-theme textarea {
    height: 45px;
    font-size: 18px;padding:0 10px
}	
	.select2-container--default .select2-selection--single .select2-selection__rendered {line-height:41px;}
	.select2-container .select2-selection--single{ height: 45px;
    font-size: 18px;padding:0 10px}
	
	input[type="text"], input[type="password"], input[type="email"], body .gform_wrapper.gravity-theme input[type=color], body .gform_wrapper.gravity-theme input[type=date], body .gform_wrapper.gravity-theme input[type=datetime-local], body .gform_wrapper.gravity-theme input[type=datetime], body .gform_wrapper.gravity-theme input[type=email], body .gform_wrapper.gravity-theme input[type=month], body .gform_wrapper.gravity-theme input[type=number], body .gform_wrapper.gravity-theme input[type=password], body .gform_wrapper.gravity-theme input[type=search], body .gform_wrapper.gravity-theme input[type=tel], body .gform_wrapper.gravity-theme input[type=text], body .gform_wrapper.gravity-theme input[type=time], body .gform_wrapper.gravity-theme input[type=url], body .gform_wrapper.gravity-theme input[type=week], body .gform_wrapper.gravity-theme select, body .gform_wrapper.gravity-theme textarea {margin-bottom:20px;}
	
	body .gform_wrapper.gravity-theme input[type=color], body .gform_wrapper.gravity-theme input[type=date], body .gform_wrapper.gravity-theme input[type=datetime-local], body .gform_wrapper.gravity-theme input[type=datetime], body .gform_wrapper.gravity-theme input[type=email], body .gform_wrapper.gravity-theme input[type=month], body .gform_wrapper.gravity-theme input[type=number], body .gform_wrapper.gravity-theme input[type=password], body .gform_wrapper.gravity-theme input[type=search], body .gform_wrapper.gravity-theme input[type=tel], body .gform_wrapper.gravity-theme input[type=text], body .gform_wrapper.gravity-theme input[type=time], body .gform_wrapper.gravity-theme input[type=url], body .gform_wrapper.gravity-theme input[type=week], body .gform_wrapper.gravity-theme select, body .gform_wrapper.gravity-theme textarea {
    margin-bottom: 0;
}
	.select2-results__option {    padding: 5px 18px;}
body .gform_wrapper.gravity-theme .gform_fields {    grid-column-gap: 30px;	grid-row-gap: 15px;}
	
	.my-calculation-box p a {		font-size: 15px;}
	.calculation-edit-list a {    font-size: 19px;    margin-left: 15px;}
	.calculation-edit-list span.icon-view {    font-size: 17px;	}
	.calculation-edit-item {    width: 40px;}
	.calculation-edit-item a {font-size:19px;}
	.my-calculation-box > div:first-child {    width: calc(100% - 210px);}
	.calculation-edit-list {   width: 170px;    }
	.account-overlay {    padding: 40px 20px 20px;}
	
	
	input[type="checkbox"].top-checkbox + span {padding-top:35px}
	.custom-form .config-type-selector label {margin-bottom:0}
	.config-type-selector {margin-bottom:30px;}
	.config-percentage-slide{margin-top:0;}
	.custom-form input.percentage {    height: 70px;    font-size: 50px;}
	.custom-form label,.login-forms label, .gform_wrapper.gravity-theme .gfield_label {    font-size: 14px;}
	.config-percentage-group .medium-4 {width:33.33333%}
	.config-type-box:first-child {margin-top:0}
	.config-type-desc > span {    font-size: 50px;    margin-bottom: 15px;}
	.config-type-desc h3 {    font-size: 19px;    margin-bottom: 10px;}
	
	.config-type-desc {    margin-bottom: 20px;}
	.config-type-box:last-child , .config-type-box:last-child .config-group:last-child{margin-bottom:0;}
	.config-form-group .config-group:last-child {    margin-bottom: 0;}
	.config-group + .small-12 > .config-line {margin-top:10px;}
	.btn, input[type="submit"] {
    font-size: 16px;
    padding: 15px 15px;
}
	
	.tooltip {top:-6px}
	.login-page {    padding-left: 0;    padding-top: 35px;    padding-bottom: 30px;}
	.login-content h3 {margin-bottom:30px;}
	.login-image {display:none}
	
	.boxed-item.marginfix {margin-bottom:30px;}	
	.boxed-item.marginfix:nth-last-child(2) {    margin-bottom: 5px;}
	
	.selected-calculations > .marginfix:last-child {margin-bottom:20px}
	
	
	.calculations-content-row .calculations-nav-arrows {width:50%}
	.calculations-content-row .calculations-nav-arrows:nth-child(2){text-align:right!important}
	
	.custom-form .arrow-up {    right: 10px;    top: 10px;}
	.custom-form .arrow-down {    right: 10px;    top: 27px;}	
	.calculations-side {text-align:left}
	    .calculations-side li a, .calculations-side li button {
        font-size: 17px;
    }
	.calculations-side li {
    margin-bottom: 5px;
}
	
.calculations-side ul {
    margin-bottom: 20px;
}
}
@media screen and (max-width:650px){
	.config-percentage-group .medium-4 {width:100%}
	
	p.login-password, p.login-username {width:100%;padding:0}
	.login-logo a, .login-logo img {    width: 80px;}
	.login-logo {		width: 110px;}
	.login-content {    width: calc(100% - 110px);}
	.login-content-wide{width:100%}
	
	.hidden-wrapper .account-overlay {    width: calc(100% - 60px);    left: 30px;}
	
	.account-overlay {text-align:left}
	
}
@media screen and (max-width:550px){
	.intro-arrow {display:none}
	.intro-arrow + .large-8 {width:100%}
	
	.my-calculation-box > div:first-child {width:100%;padding:15px 15px 5px;}
	.calculation-edit-list {width:calc(100% - 40px);height:40px;text-align:left; padding-right: 15px;    padding-left: 0px;}
	
	.tooltip {
    width: 200px;
}
	
	    .boxed-titel p.price {
        font-size: 30px;
    }
	.pie-legend p.price, .column-legend p.price {
        font-size: 19px;
    }
	    .pie-legend > div, .column-legend > div > div {
        margin-bottom: 10px;
    }
}

@media screen and (max-width:400px){
	.pie-legend > div, .column-legend > div > div {float:left;max-width:100%;width:100%}

}


/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#E6462A;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#E6462A;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#E6462A;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/
.print-logo, .calculation-footer, .print-label {display:none}
	#makePDF.html2pdf__container {background:#fff;}
main#makePDF {position:relative;}
.html2pdf__container {font-size:10px;padding-right:10px}
.html2pdf__container .calculations-nav-arrows, .html2pdf__container .calculations-side,
	.html2pdf__container .navigation, .html2pdf__container .navigation-mobbtn, .html2pdf__container .login-holder, .html2pdf__container footer, .html2pdf__container .custom-form .icon-info {display:none!important}
	
.html2pdf__container .boxed-titel p.price {
        font-size: 28px;
    }

	.html2pdf__container h1, .html2pdf__container h2, .html2pdf__container h3, .html2pdf__container h4, .html2pdf__container h5, .html2pdf__container h6 {color:#000}

	.html2pdf__container {color:#000}
	
	
	.print-logo {position:absolute;top:30px;padding:0;right:15px;width:150px;}
.print-logo img {width:150px;}

	.html2pdf__container .content-row {padding:0;    padding-top: 25px;padding-bottom:25px}
	
	.html2pdf__container .title-box h1 {font-size:35px;padding-right:250px;}

   .html2pdf__container  .medium-6 {        width: 50%;    }
.html2pdf__container .title-box.columns.medium-7 {width:100%}
.html2pdf__container .print-logo, .html2pdf__container .calculation-footer {display:block}
.html2pdf__container .calculation-footer {font-size:10px;padding:0 10px;position:absolute;bottom:0px;left:0;width:100%;z-index:100;color:#000}
.html2pdf__container .title-box {margin-bottom:35px}


.html2pdf__container .custom-form .arrow-up, .html2pdf__container .custom-form .arrow-down {display:none}
.html2pdf__container .custom-form select {
    height: auto;
    border: none;
    color: #000;
    padding: 0;
    font-weight: normal;font-size:12px
}
.html2pdf__container .print-label {display:block}
.html2pdf__container .regular-label {display:none}

.html2pdf__container .custom-form label {font-size:10px;margin-bottom:2px}
.html2pdf__container .wrapper {padding:0;}
.html2pdf__container .columns {padding-left:10px;padding-right:10px}


   .html2pdf__container  .pie-legend p.label, .html2pdf__container .column-legend p.label {
		font-size: 8px;        padding-left: 15px;}
    .html2pdf__container  .pie-legend p.price, .html2pdf__container  .column-legend p.price {
        font-size: 12px;
    }
.html2pdf__container .pie-legend p.label:before, .html2pdf__container .column-legend p.label:before {top:2px;width:10px;height:10px;}


.html2pdf__container  .boxed-item.lined, .html2pdf__container  .boxed-item {
    border: 1px solid #000;
    background: none!important;
}
.html2pdf__container  .boxed-item {padding:10px;}
.html2pdf__container  p,.html2pdf__container  blockquote {    margin: 0 0 10px;}

.html2pdf__container .pie-legend, .html2pdf__container .column-legend {width:100%;padding-left:0;}
	.html2pdf__container .pie-chart, .html2pdf__container .column-chart {width:100%;margin-bottom:15px;}
	.html2pdf__container .pie-chart {    max-width: 150px;   }
	
.html2pdf__container .pie-legend > div,.html2pdf__container  .column-legend > div > div {float:left;max-width:100%;width:50%;margin-bottom:5px}
.html2pdf__container .pie-legend > div:nth-last-child(1), .html2pdf__container .pie-legend > div:nth-last-child(2) {margin-bottom:0;}

.html2pdf__container p.count-slide .slide {background:#fff;border:1px solid #000}
.html2pdf__container p.count-slide {padding:15px;}


.html2pdf__container .pie-chart canvas {width:100%!important;height:150px!important}


.html2pdf__container .config-group, .html2pdf__container .boxed-titel, .html2pdf__container .margin-fix, .html2pdf__container .marginfix {    margin-bottom: 15px;}
.html2pdf__container p:last-child, .html2pdf__container blockquote:last-child, .html2pdf__container .boxed-titel:last-child {    margin: 0;}
.html2pdf__container .boxed-count-slide {margin-bottom:10px;}





@media print {
	
	
	
	
	
	
	
	
	
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}