html, body {min-height:100%;-webkit-text-size-adjust:100%;overflow-x:hidden;}
body {font:16px 'Open Sans', sans-serif;color:#1c3f95;background:#fff;letter-spacing:0.05em;}
div, html, body, p, ul, ol, li, a, form, img, table, td, h1, h2, h3, h4, h5, h6, blockquote, header, section, footer, aside, nav, article, figure, figcaption {margin:0;padding:0;} 
header, section, footer, aside, nav, article, figure, figcaption {display: block;}
table {border-collapse:collapse;}
img {border:none;max-width:100%;height:auto;}
iframe, object, embed {max-width:100%;}
ul, li {list-style:none;}
input {vertical-align:middle;}
input:focus, textarea:focus {outline:none;}
button, input[type="submit"] {cursor:pointer;-webkit-appearance:none;}
a, a:active, a:visited {text-decoration:none;color:#1c3f95;-webkit-transition:color linear .2s;transition:color linear .2s;}
a:hover {text-decoration:none;color:#1c3f95;}
html:not(.mobile-true) #main img:not(.animate-element, .ls-s-1),
html:not(.mobile-true) #header img,
html:not(.mobile-true) #bottom-bar img {
opacity: 1 !important;
} .wrapper {width:1160px;margin:0 auto;position:relative;}
.clear:after, .wrapper:after {content:'';display:block;height:0;clear:both;}
.alignright {float:right;margin:0 0 10px 10px;}
.alignleft {float:left;margin:0 10px 10px 0;}
.cover {display:none;}
*[data-cover] {min-height:200px;background:url(//convectorputrooster.nl/wp-content/themes/images/blank.gif) center center no-repeat;background-size:cover;}
h1 {font:800 52px 'Open Sans';padding-bottom:15px;text-transform:uppercase;}
h2 {font:26px 'Open Sans';padding-bottom:15px;}
h3 {font:22px 'Crimson Text';padding-bottom:15px;color:#000;}
.animation_fadeup {position:relative;top:100px;-webkit-transition:top ease-in-out .5s, opacity linear .5s;transition:top ease-in-out .5s, opacity linear .5s;opacity:0;-webkit-transition-delay: .2s;transition-delay: .2s;}
.animation_fadeup.in-view {top:0;opacity:1;}
.button, .button:visited {color:#ffeb3b !important;text-transform:uppercase;width:100%;padding:20px 10px;min-height:30px;font:700 30px 'Open Sans' !important;border:none;border-radius:0;background:#1c3f95 !important;display:inline-block;vertical-align:middle;text-align:center;-webkit-transition:background-color linear .2s;transition:background-color linear .2s;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:normal;}
.button {position:relative !important;overflow: hidden;}
.button:after {content:'';display:block;position: absolute;top: -210%;left: -310%;width:300%;height:300%;opacity: 0;-webkit-transform: rotate(-30deg);transform: rotate(-30deg);background: rgba(255, 255, 255, 0.13);background: linear-gradient(to bottom right, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0.0) 100%);}
.button:hover:after {opacity: 1;top:-100%;left:-100%;transition-property: left, top, opacity;transition-duration: 0.7s, 0.7s, 0.15s;transition-timing-function: ease;}
.button:active:after {opacity: 0;}
input[type="text"], input[type="tel"], input[type="number"], input[type="email"], select, textarea {border:none;font:16px 'Open Sans' !important;padding:0 20px !important;height:40px !important;color:#767272;width:100% !important;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 !important;}
input[type="text"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="email"]:focus, textarea:focus {color:#1c3f95;}
textarea {height:90px !important;padding-top:10px !important;}
select {border-radius:0 !important;-webkit-appearance: none;outline:none;box-shadow:none;} .header {font-size:0;line-height:0;padding-top:27px;}
.header .logo {display:inline-block;width:297px;height:54px;background:url(//convectorputrooster.nl/wp-content/themes/juvama/images/logo.png) no-repeat;position:relative;z-index:999;} .header_form {background-color:#1c3f95;margin-top:-81px;position:relative;color:#fff;background-position:left bottom;background-size:100% auto;}
.header_form:before {content:'';display:block;width:100%;height:250px;background:url(//convectorputrooster.nl/wp-content/themes/juvama/images/demo/header_corner.png) no-repeat;background-position:left top;background-size:100% auto;position:absolute;top:100%;left:0;z-index:1;}
.header_form .wrapper {padding-bottom:120px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.header_form h1 {padding-top:150px;}
.header_form h1, .header_form h2 {float:left;width:58%;}
.header_form .wrapper > ul {position:absolute;top:47%;left:0.5%;width:63%;text-align:left;padding:10px 0;}
.header_form .wrapper > ul li {display:inline-block;vertical-align:top;font-size:16px;padding:5px 17px 5px 28px;background:url(//convectorputrooster.nl/wp-content/themes/juvama/images/icons/check2.png) left 2px no-repeat;padding-left:35px;line-height:18px;color:#FFEB3B;}
.wrapper .gform_wrapper {float:right;width:38%;max-width:100%;background:#ffeb3b;margin:65px 0 0 0;padding:30px 40px;color:#1c3f95;-webkit-box-sizing:border-box;box-sizing:border-box;}
.wrapper .gform_wrapper .gform_body .gform_fields .gfield {position: relative; padding:0 0 2px 0 !important;margin:0 !important;max-width:100% !important;width:100% !important;font-size:0;line-height:0;}
.wrapper .gform_wrapper .gform_body .gform_fields .gfield_html {padding-bottom:25px;font-size:16px;line-height:22px;}
.wrapper .gform_wrapper .gform_body .gform_fields .gfield label {width:41%;font-weight:normal;display:inline-block;vertical-align:top !important;font-size:16px;line-height:22px;margin:10px 0 0 0 !important;}
.wrapper .gform_wrapper .gform_body .gform_fields .gfield label .gfield_required {display:none;}
.wrapper .gform_wrapper .gform_body .gform_fields .gfield .ginput_container {display:inline-block;vertical-align:top !important;width:59%;background:red !important;}
.wrapper .gform_wrapper .gform_body .gform_fields .gfield_error {border:none;background:none;padding:0 0 10px 0 !important;margin:0 !important;}
.wrapper .gform_wrapper .gform_body .gform_fields .gfield_error label {padding:0 !important;margin:10px 0 0 0 !important;color:#1c3f95;float:none !important;}
.wrapper .gform_wrapper .gform_body .gform_fields .gfield_error input {border:1px solid #cf0000;;width:100% !important;padding-right:35px !important;background:#fff url(//convectorputrooster.nl/wp-content/themes/juvama/images/icons/error.png) right center no-repeat;}
.wrapper .gform_wrapper .gform_body .gform_fields .gfield_error .ginput_container {margin:0 !important;}
.wrapper .gform_wrapper .validation_error, .wrapper .gform_wrapper .validation_message {display:none;}
.wrapper .gform_confirmation_wrapper {float:right;width:38%;max-width:100%;background:#ffeb3b;margin:65px 0 0 0;padding:180px 40px 255px 40px;text-align:center;color:#1c3f95;-webkit-box-sizing:border-box;box-sizing:border-box;}
.wrapper .gform_confirmation_wrapper .gform_confirmation_message {font-size:22px;}
.wrapper .gform_confirmation_wrapper .gform_confirmation_message strong {text-transform:uppercase;display:block;padding:100px 0 15px 0;background:url(//convectorputrooster.nl/wp-content/themes/juvama/images/icons/checked.png) center top no-repeat;font:700 22px 'Open Sans';}
@-webkit-keyframes slidedown { 0% { margin-bottom:0;} 50% { margin-bottom:-10px;} 100% { margin-bottom:0;}}
@keyframes slidedown { 0% { margin-bottom:0;} 50% { margin-bottom:-10px;} 100% { margin-bottom:0;}}
.header_form .mouse {position:absolute;bottom:80px;left:0;width:100%;}
.header_form .mouse > div {width:24px;height:43px;background:url(//convectorputrooster.nl/wp-content/themes/juvama/images/icons/mouse.png) no-repeat;cursor:pointer;margin:0 auto;}
.header_form .mouse > div > div {display:block;width:16px;height:9px;background:url(//convectorputrooster.nl/wp-content/themes/juvama/images/icons/mouse_arrow.png) no-repeat;cursor:pointer;position:absolute;bottom:-14px;left:50%;margin:0 0 0 -8px;-webkit-animation:slidedown 1.5s infinite linear;animation:slidedown 1.5s infinite linear;}
#maatwerk{position:absolute;top:42%;}
#homeh1 {position:absolute;top:11%;} .content_list {overflow:hidden; padding: 80px 0 0 0;}
.content_list .wrapper { padding-top: 80px; }
.content_list .wrapper:before {content:'';display:block;width:90px;height:100%;background:#f2f2f2;position:absolute;top:0;left:50%;margin-left:-45px;}
.content_list .wrapper .content_title { text-align: center; display: block; position: absolute; left: 0; right: 0; top: -50px; text-transform: none; font: 22px 'Crimson Text'; font-weight: 400; color: #000; line-height: 14px; } 
.content_list .wrapper .content_title:after {content:'';width:36px;height:3px;display:block;background:#1c3f95;margin: 26px auto 0 auto; }
.content_list .wrapper .content_title .upper { text-transform: uppercase; font: 800 52px 'Open Sans'; color: #1c3f95; }
.content_list .wrapper > ul > li {position:relative;}
.content_list .wrapper > ul > li figure {padding:90px 0;-webkit-box-sizing:border-box;box-sizing:border-box;}
.content_list .wrapper > ul > li figcaption {float:left;width:50%;padding:0 70px;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.content_list .wrapper > ul > li figcaption > div * {position:relative;z-index:2;}
.content_list .wrapper > ul > li figcaption p {font:18px 'Crimson Text';color:#000;}
.content_list .wrapper > ul > li figcaption h1:after {content:'';width:77px;height:3px;display:block;background:#1c3f95;margin-top:5px;}
.content_list .wrapper > ul > li .arrow {position:absolute;bottom:130px;left:14%;width:177px;margin-left:-90px;text-align:center;cursor:pointer;}
.content_list .wrapper > ul > li .arrow:nth-of-type(3) { left: 31%; }
.content_list .wrapper > ul > li .arrow:nth-of-type(3) > span { color: #1c3f95; }
.content_list .wrapper > ul > li .arrow:nth-of-type(3) > div { background: url(//convectorputrooster.nl/wp-content/themes/juvama/images/icons/arrow_blue.png) no-repeat; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); }
.content_list .wrapper > ul > li .arrow > span {font:18px 'Crimson Text';color:#999;display:block;padding-bottom:15px;}
.content_list .wrapper > ul > li .arrow > span strong {font-weight:600;}
.content_list .wrapper > ul > li .arrow > div {width:37px;height:37px;background:url(//convectorputrooster.nl/wp-content/themes/juvama/images/icons/arrow.png) no-repeat;margin:0 auto;}
.content_list .wrapper > ul > li .counter {color:#f2f2f2;font:547px/547px 'Crimson Text';position:absolute;top:-200px;left:-120px;z-index:1;}
.content_list .wrapper > ul > li .gal_slider {position:absolute;top:0;left:50%;width:100%;padding:90px 0;-webkit-box-sizing:border-box;box-sizing:border-box;}
.content_list .wrapper > ul > li .gal_slider li {width:100% !important;}
.content_list .wrapper > ul > li .gal_slider li a {display:block;}
.content_list .wrapper > ul > li .gal_slider .bx-controls {position:absolute;bottom:110px;left:-25px;z-index:100;width:66px;height:66px;font-size:0;line-height:0;}
.content_list .wrapper > ul > li .gal_slider .bx-controls .bx-prev, .content_list .wrapper > ul > li .gal_slider .bx-controls .bx-next {position:absolute;top:0;right:0;display:block;width:33px;height:66px;background:url(//convectorputrooster.nl/wp-content/themes/juvama/images/icons/right_round.png) no-repeat;}
.content_list .wrapper > ul > li .gal_slider .bx-controls .bx-next:hover {background-image:url(//convectorputrooster.nl/wp-content/themes/juvama/images/icons/right_round2.png);}
.content_list .wrapper > ul > li .gal_slider .bx-controls .bx-next:before {content:'';display:block;width:12px;height:21px;background:url(//convectorputrooster.nl/wp-content/themes/juvama/images/icons/next.png) no-repeat;position:absolute;top:22px;left:5px;-webkit-transition:left linear .2s;transition:left linear .2s;}
.content_list .wrapper > ul > li .gal_slider .bx-controls .bx-next:hover:before {left:8px;}
.content_list .wrapper > ul > li .gal_slider .bx-controls .bx-prev {background-image:url(//convectorputrooster.nl/wp-content/themes/juvama/images/icons/left_round.png);right:auto;left:0;}
.content_list .wrapper > ul > li .gal_slider .bx-controls .bx-prev:hover {background-image:url(//convectorputrooster.nl/wp-content/themes/juvama/images/icons/left_round2.png);}
.content_list .wrapper > ul > li .gal_slider .bx-controls .bx-prev:before {content:'';display:block;width:12px;height:21px;background:url(//convectorputrooster.nl/wp-content/themes/juvama/images/icons/prev.png) no-repeat;position:absolute;top:22px;right:5px;-webkit-transition:right linear .2s;transition:right linear .2s;}
.content_list .wrapper > ul > li .gal_slider .bx-controls .bx-prev:hover:before {right:8px;}
.content_list .wrapper > ul > li.gallery_left_text_right figcaption {left:50%;}
.content_list .wrapper > ul > li.gallery_left_text_right .arrow {left:68%;}
.content_list .wrapper > ul > li.gallery_left_text_right .arrow:nth-of-type(3) {left:86%;}
.content_list .wrapper > ul > li.gallery_left_text_right .arrow:nth-of-type(3) > span { color: #1c3f95; }
.content_list .wrapper > ul > li.gallery_left_text_right .arrow:nth-of-type(3) > div { background: url(//convectorputrooster.nl/wp-content/themes/juvama/images/icons/arrow_blue.png) no-repeat; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}
.content_list .wrapper > ul > li.gallery_left_text_right .counter {left:auto;right:-80px;}
.content_list .wrapper > ul > li.gallery_left_text_right .gal_slider {left:auto;right:50%;}
.content_list .wrapper > ul > li.gallery_left_text_right .gal_slider .bx-controls {left:auto;right:-25px;}
.content_list .wrapper > ul > li.full_width_gallery .gal_slider {left:-50%;width:200%;}
.content_list .wrapper > ul > li.full_width_gallery figcaption, .content_list .wrapper > ul > li.full_width_gallery .arrow {display:none;}
.content_list .wrapper > ul > li.full_width_gallery .gal_slider .bx-controls {left:50%;margin-left:-33px;} .offerte_block {background-color:#1c3f95;padding:10px 0 0 0;}
.offerte_block .wrapper > ul {float:left;width:51%;margin:105px 0 40px 10px;border:1px solid #fff;-webkit-box-sizing:border-box;box-sizing:border-box;padding:30px 55px;color:#fff;position:relative;}
.offerte_block .wrapper > ul:before {content:'';display:block;width:182px;height:182px;background:url(//convectorputrooster.nl/wp-content/themes/juvama/images/demo/offerte_logo.png) no-repeat;position:absolute;top:100%;right:0;margin-top:-30px;}
.offerte_block .wrapper > ul li {float:left;width:50%;font-size:20px;padding:0 0 13px 40px;background:url(//convectorputrooster.nl/wp-content/themes/juvama/images/icons/check2.png) left 2px no-repeat;-webkit-box-sizing:border-box;box-sizing:border-box;}
.offerte_block .wrapper > ul li:last-child {margin-top:-25px;}
.offerte_block blockquote {clear:left;float:left;width:53%;color:#fff;position:relative;min-height:559px;padding:305px 0 0 0;-webkit-box-sizing:border-box;box-sizing:border-box;}
.offerte_block blockquote:before {content:'';display:block;width:379px;height:559px;background:url(//convectorputrooster.nl/wp-content/themes/juvama/images/demo/offerte_guy.png) no-repeat;position:absolute;top:0;left:-30px;}
.offerte_block blockquote p {font:700 50px 'Open Sans';text-transform:uppercase;max-width:350px;text-align:center;float:right;clear:right;position:relative;z-index:1;}
.offerte_block blockquote p:first-child:before {content:'" ';font-style:italic;}
.offerte_block blockquote p:nth-last-child(2):after {content:' "';font-style:italic;}
.offerte_block blockquote p:last-child {font:24px 'Crimson Text';text-align:right;text-transform:none;} .referenties_block {padding:130px 0 20px 0;text-align:center;color:#000; margin: 50px 0 0 0;}
.referenties_block .wrapper { margin: 0 auto 100px auto; }
.referenties_block p {max-width:890px;margin:0 auto 20px auto;font:24px 'Crimson Text';}
.referenties_block p a {text-decoration:underline;}
.referenties_block p a[href^="https://www.facebook."] {display:inline-block;padding-right:40px;background:url(//convectorputrooster.nl/wp-content/themes/juvama/images/icons/facebook.png) right center no-repeat;}
.referenties_block .gallery {font-size:0;line-height:0;margin:50px -25px 0 -25px !important;}
.referenties_block .gallery .gallery-item {display:inline-block;vertical-align:top;float:none !important;margin:0 !important;padding:25px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.referenties_block .gallery .gallery-item .gallery-icon {box-shadow:none;-webkit-transition:box-shadow linear .2s;transition:box-shadow linear .2s;}
.referenties_block .gallery .gallery-item:hover .gallery-icon {box-shadow:rgba(0,0,0,.3) 5px 5px 5px 0;}
.referenties_block .gallery .gallery-item .gallery-icon a img {border:none !important;width:100%;} .footer {background:#363636;font-size:16px;line-height:25px;color:#fff;padding:50px 0;}
.footer a, .footer a:visited {color:#fff;}
.footer .widget {float:left;width:33.33%;}
.footer .widget:last-of-type {float:right;}
.footer .widget:last-of-type a, .footer .widget:last-of-type a:visited {color:#7099fd;text-decoration:underline;} .copyright {background:#212121;font-size:22px;color:#fff;padding:20px 0;text-align:center;}
.copyright img {width:185px;vertical-align:middle;}
.copyright .wrapper{padding-bottom: 30px;}  @media only screen and (min-width: 960px) and (max-width: 1159px) {
.wrapper {width:960px;}
h1 {font-size:46px;} .header_form .mouse {bottom:100px;}
.header_form .wrapper > ul {position:absolute;top:45%}
#maatwerk {top:40%;}
#homeh1 {font-size:40px;}
} @media only screen and (max-width: 959px) {
h1 {font-size:40px;} .header_form {padding-top:130px;}
.header_form .wrapper {padding-bottom:150px;}
.header_form .mouse {bottom:100px;}
.header_form h1 {padding-top:30px; font-size: 22px !important;}
.header_form h1, .header_form h2 {float:none;width:auto;}
.wrapper .gform_wrapper {float:none;width:auto;margin:200px 0 0 0;}
.wrapper .gform_confirmation_wrapper {float:none;width:auto;margin:0;}
#maatwerk{top:-130px;width:100%;padding:0;font-size:18px;}
#homeh1{top:-250px;line-height:25px;}
.header_form .wrapper > ul {position:absolute !important;top:-65px !important;width:100% !important;left:0 !important;padding:0 !important;margin:0 !important;}
.header_form .wrapper > ul li {float:none;display:inline-block;padding:0;min-height:24px;width:30.33% !important;} .offerte_block .wrapper > ul {width:100%;margin:50px 0 40px 0;-webkit-box-sizing:border-box;box-sizing:border-box;}
.offerte_block blockquote {clear:both;float:none;width:auto;}
.wrapper .gform_wrapper .gform_body .gform_fields .gfield .ginput_container{ width: 55%;}
.wrapper .gform_wrapper .gform_body .gform_fields .gfield label {width: 45%;}
.header_form .wrapper > ul li {width: 66%;}
.content_list .wrapper > ul > li figcaption > div * {font-size: 20px; text-align: center;}
.content_list .wrapper > ul > li figcaption h1:after{margin: 0 auto;}
.footer .widget{float: none;width: auto; text-align: center;}
} @media only screen and (min-width: 768px) and (max-width: 959px) {
.wrapper {width:768px;}
.header_form .wrapper > ul {text-align:center;margin-left:180px;}
} @media only screen and (max-width: 767px) {
.alignright, .alignleft {float:none;margin:0 0 10px 0;}
h1 {font-size:28px;}
h2 {font-size:24px;}
h3 {font-size:20px;}
.button, .button:visited {font-size:24px !important;} .header .logo {width:165px;height:30px;background-size:165px auto;}
.header_form {padding-top:170px!important;}
.header_form .wrapper > ul {position:relative;width:auto;}
.header_form .wrapper > ul li {font-size:18px;padding:5px 10px 5px 28px;}
.wrapper .gform_wrapper {padding:15px 20px;}
.wrapper .gform_confirmation_wrapper {padding:80px 20px 100px 20px;}
.wrapper .gform_confirmation_wrapper .gform_confirmation_message {font-size:24px;}
.header_form .mouse {bottom:60px;} .content_list .wrapper:before {width:40px;margin-left:-20px;}
.content_list .wrapper > ul > li figure {padding:40px 0;}
.content_list .wrapper > ul > li figcaption {float:none;width:auto;padding:0 10px;position:relative;top:0;-webkit-transform:translateY(0);transform:translateY(0);}
.gal_slider, .gal_slider .bx-viewport, .gal_slider .bx-viewport ul, .gal_slider .bx-viewport ul li, .gal_slider .bx-viewport ul li a {min-height:250px !important;}
.content_list .wrapper > ul > li .arrow {position:relative;bottom:0;left:0;margin:10px auto 0 auto;}
.content_list .wrapper > ul > li .counter, .content_list .wrapper > ul > li.gallery_left_text_right .counter {font:200px/200px 'Crimson Text';position:absolute;top:-50px;right:auto;left:-10px;}
.content_list .wrapper > ul > li .gal_slider {position:relative;left:0;width:auto;padding:0 0 40px 0;}
.content_list .wrapper > ul > li .gal_slider .bx-controls {bottom:6px;left:50%;margin-left:-33px;}
.content_list .wrapper > ul > li.gallery_left_text_right figcaption {left:0;}
.content_list .wrapper > ul > li.gallery_left_text_right .arrow {left:0;}
.content_list .wrapper > ul > li.gallery_left_text_right .gal_slider {left:auto;right:0;}
.content_list .wrapper > ul > li .arrow:nth-of-type(3) { left: 0; }
.content_list .wrapper > ul > li.gallery_left_text_right .arrow:nth-of-type(3) { left: 0; }
.content_list .wrapper > ul > li.gallery_left_text_right .gal_slider .bx-controls {right:auto;left:50%;} .offerte_block .wrapper > ul {float:none;margin:30px 0;padding:15px 20px;}
.offerte_block .wrapper > ul:before {width:100px;height:100px;background-size:100px auto;}
.offerte_block .wrapper > ul li {float:none;width:auto;font-size:20px;}
.offerte_block .wrapper > ul li:last-child {margin-top:0;}
.offerte_block blockquote {min-height:221px;padding:100px 0 0 0;}
.offerte_block blockquote:before {width:150px;height:221px;background-size:150px auto;left:-10px;}
.offerte_block blockquote p {font:700 20px 'Open Sans';}
.offerte_block blockquote p:last-child {font:18px 'Crimson Text';} .referenties_block {padding:60px 0;}
.referenties_block p {font:20px 'Crimson Text';}
.referenties_block .gallery {margin:30px -10px 0 -10px !important;}
.referenties_block .gallery .gallery-item {padding:10px;width:50% !important;} .footer {font-size:20px;line-height:28px;padding:30px 0;}
.footer .widget {float:none;width:auto;}
.footer .widget:last-of-type {float:none;padding-top:20px;} .copyright {font-size:20px;padding:15px 0;}
.copyright img {width:120px;}
.copyright p{position:relative!important;left:0!important;padding-bottom:10px!important;} 
.header_form .wrapper > ul {top:-60px !important;}
.header_form .wrapper > ul li {padding-right:0;width:32% !important;-webkit-box-sizing:border-box;box-sizing:border-box;}
} @media only screen and (min-width: 480px) and (max-width: 767px) {
.wrapper {width:480px;}
.header_form .wrapper > ul li:first-child {width:37% !important;}
.header_form .wrapper > ul li:nth-child(2) {width:27% !important;}
} @media only screen and (max-width: 479px) {
.wrapper {width:300px;}
.wrapper .gform_wrapper {margin-top:300px;}
#maatwerk{top:-230px;}
#homeh1{top:-350px!important;}
.header_form .wrapper > ul {top:-150px !important;}
.header_form .wrapper > ul li {width:100% !important;}
.offerte_block .wrapper .gform_wrapper {margin-top: 35px!important;}
}
.help-tip{
position: absolute;
top: 8px;
right: -28px;
text-align: center;
background-color: #363636;
border-radius: 50%;
width: 24px;
height: 24px;
font-size: 14px;
line-height: 26px;
cursor: default;
}
.help-tip:before{
content:'?';
font-weight: bold;
color:#fff;
}
.help-tip:hover p{	
transform-origin: 100% 0%;
-webkit-animation: fadeIn 0.3s ease-in-out;
animation: fadeIn 0.3s ease-in-out;
}
.help-tip p{ z-index: 100;
display: none;
text-align: left;
background-color: #363636;
padding: 20px;
width: 300px;
position: absolute;
border-radius: 3px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
right: -4px;
color: #FFF;
font-size: 13px;
line-height: 1.4;
}
.help-tip p:before{ position: absolute;
content: '';
width:0;
height: 0;
border:6px solid transparent;
border-bottom-color:#1E2021;
right:10px;
top:-12px;
}
.help-tip p:after{ width:100%;
height:40px;
content:'';
position: absolute;
top:-40px;
left:0;
}
.help-tip p a{ color: #7099fd;} @-webkit-keyframes fadeIn {
0% { 
opacity:0; 
transform: scale(0.6);
}
100% {
opacity:100%;
transform: scale(1);
}
}
@keyframes fadeIn {
0% { opacity:0; }
100% { opacity:100%; }
}
body.home h1 {font-size: 45px; line-height: 46px;}
.referenties_block .bx-wrapper { box-shadow: none; }
@media screen and (max-width: 1160px) {
.referenties_block .bx-wrapper { width: auto;}
}
.bx-viewport {width: 90% !important; margin: 0px auto;}
.content_list .bx-viewport {width: 100% !important;}
@media screen and (max-width: 959px) {
.bx-viewport {width: 80% !important;}
}  .slider-nav-circle .flickity-prev-next-button:hover svg,.slider-nav-circle .flickity-prev-next-button:hover .arrow {
background-color: #0E0F0E;
border-color: #0E0F0E
}
.slider .flickity-prev-next-button:hover svg,.slider .flickity-prev-next-button:hover .arrow {
fill: #0E0F0E;
}
.slider-nav-reveal img {display: inline-block;     vertical-align: middle; opacity: 1;}
.box-image img {
max-width: 100%;
width: 100%;
-webkit-transform: translateZ(0);
transform: translateZ(0);
margin: 0 auto;
}
.image-cover img{
right: 0;
width: 100%;
height: 100%;
bottom: 0;
left: 0;
top: 0;
position: absolute;
object-position: 50% 50%;
object-fit: cover;
font-family: 'object-fit: cover;';
}
.has-hover .bg, .has-hover [class*="image-"] img {
transition: opacity .6s, box-shadow .3s, -webkit-filter .6s, -webkit-transform .6s;
transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;
transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s, -webkit-filter .6s, -webkit-transform .6s;
}
.box {
width: 100%;
position: relative;
margin: 0 auto;
}
.box, .box-image, .box-text {
transition: opacity 0.3s, background-color 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, transform 0.3s, background-color 0.3s;
transition: opacity 0.3s, transform 0.3s, background-color 0.3s, -webkit-transform 0.3s;
}
.box-image {
position: relative;
height: auto;
margin: 0 auto;
overflow: hidden;
}
.image-cover {
position: relative;
height: auto;
overflow: hidden;
padding-top: 100%;
background-position: 50% 50%;
background-size: cover;
}
.col-inner {
position: relative;
margin-left: auto;
margin-right: auto;
width: 100%;
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
@media screen and (min-width: 850px) {
.col+.col .col-inner {
margin-right: auto;
margin-left: 0;
}
}
.col {
position: relative;
margin: 0;
padding: 0 15px 30px;
width: 100%;
}
.small-columns-2 .flickity-slider>.col {
max-width: 50%;
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
@media screen and (min-width: 850px) {
.large-columns-4 .flickity-slider>.col {
max-width: 25%;
-webkit-flex-basis: 25%;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
}
}
.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%;
width: 100%;
}
.flickity-prev-next-button {
position: absolute;
top: 40%;
bottom: 40%;
background-color: transparent;
margin: 0;
padding: 0;
width: 36px;
color: #111;
border: none;
cursor: pointer;
opacity: 1;
transition: opacity .3s, background .3s, box-shadow .3s, -webkit-transform .3s;
transition: transform .3s, opacity .3s, background .3s, box-shadow .3s;
transition: transform .3s, opacity .3s, background .3s, box-shadow .3s, -webkit-transform .3s;
}
.slider .flickity-prev-next-button:hover {
box-shadow: none;
opacity: 1;
}
.flickity-prev-next-button.previous {
-webkit-transform: translateX(20%);
-ms-transform: translateX(20%);
transform: translateX(20%);
left: 2%;
}
.flickity-prev-next-button.next {
-webkit-transform: translateX(-20%);
-ms-transform: translateX(-20%);
transform: translateX(-20%);
right: 2%;
}
.slider-nav-reveal .flickity-prev-next-button:hover,.slider-nav-reveal .flickity-prev-next-button {
width: 30px;
top: -2px;
bottom: 0;
height: 100%;
background-color: #fff;
box-shadow: 0 -150px 15px 0 rgba(0,0,0,0.3);
margin: 0 !important;
}
.slider-nav-reveal .flickity-prev-next-button.previous {
-webkit-transform: translateX(-10%);
-ms-transform: translateX(-10%);
transform: translateX(-10%);
transform: translateX(-10%);
right: auto !important;
left: -1px !important;
}
.slider-nav-reveal .flickity-prev-next-button.next {
-webkit-transform: translateX(10%);
-ms-transform: translateX(10%);
transform: translateX(10%);
left: auto !important;
right: -1px !important;
}
svg:not(:root) {
overflow: hidden;
}
.flickity-prev-next-button svg {
position: absolute;
padding: 5px;
left: 60%;
top: 50%;
width: 80%;
max-width: 100%;
padding: 20%;
max-height: 100%;
height: auto;
transition: all 0.3s;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.flickity-prev-next-button svg, .flickity-prev-next-button .arrow {
border-color: rgb(17, 17, 17);
fill: rgb(17, 17, 17);
transition: all 0.3s;
}
.slider-nav-push .flickity-prev-next-button svg {
margin-top: -40px;
}
.slider-nav-reveal a {outline: none;}
.row {
width: 100%;
-js-display: flex;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin: 0 auto;
}
.row-full-width {
max-width: 100% !important;
}
.slider, .row-slider {
position: relative;
}
.flickity-enabled {
position: relative;
}
.slider-nav-reveal {
padding-top: 0;
overflow: hidden;
outline: none;
}
.flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.slider-nav-reveal:hover .flickity-prev-next-button {
opacity: 0.7;
}
.row>div:not(.col) {
width: 100% !important;
}
element.style {
height: 420.422px;
}
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}
.flickity-slider {
position: absolute;
width: 100%;
height: 100%;
}
.slider-nav-reveal * {
box-sizing: border-box;
}
.fb_iframe_widget iframe {opacity: 0;}
.fb-share-button {
bottom: 17px; 
left: 12px;
background-image: url(//convectorputrooster.nl/wp-content/themes/juvama/images/square-facebook.png);
display: inline-block;
height: 32px;
width: 32px;
} 
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.offerte_block blockquote p{
margin-right: 25px;
}
.offerte_block blockquote p:last-child{
margin-right: 25px;
}
.footer .widget:last-of-type{
float: none;
}
.header_form h1, .header_form h2{
padding: 20px 20px 10px 20px;
text-align: center;
}
.header_form .wrapper > ul {
position: absolute;
}
.referenties_block{
padding: 65px 0 20px 0;
}
}
.has-cookie-bar #catapult-cookie-bar{
font-size: 12px;
}