/* Baseline-default.css rev: 08/11/2017*/

/*++++++++IMPORT++++++++*/
/*++++++++++++++++++++++*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700,700i,800,800i');
/*+++++BODY / GLOBALS+++++*/
/*++++++++++++++++++++++++*/

/*

@author Bennett, benv.taa@gmail.com
*/

html { position: relative; -ms-overflow-style: scrollbar; /* disable IE scrollbar overlay */  font-size: 14px; } 
body { font-family: "Open Sans", sans-serif; font-size: 1rem; }
html.fancybox-lock { margin: 0; }
html.fancybox-lock body { overflow-y: scroll; }
body.overlay-show { overflow: hidden; z-index: 99; }
.media { padding-top: 0; margin-top: 0; } /* overwrite main.css */

/*

For every follow-up page I've created a custom element that holds the native styling.
It perserves performance, it keeps the main style sheet from cluttering up and it keeps you from getting migraine and stuff.
Oh, and panic attacks.

Media queries are included in these custom elements.

The navigation is build out of a normal navigation incased within a navbar.

The fixed header uses jQuery's animation library for its intro / outro effect.
This proved to me to be the most reliable and the easiest.

If you happen to have any better ideas for any implementation, don't be afraid to put them into use.

/++++ BUGS / POTENTIAL BUGS / TODO / PROBLEMS ++++/

- Navigation is problematic in Safari.
- Image files are too huge, but that doesn't really matter right now
- Cleanup! You need to collect garbage. Don't let old features clutter up the workspace. Throw them out!

*/

.container .container { padding: 0; width: 100%; }
iframe { border: none; }

/* typography */
p { margin: 0 0 1em; padding: 0; color: #6c6c6c; line-height: 2rem; }
blockquote {margin: 0 0 1em;                     }
p:last-child { margin-bottom: 0;                 }
blockquote:last-child { margin-bottom: 0;        }
a         { color: #1c7be1;                      }
a:hover   { color: #ccc; outline: 0;             }
p a       { color: #1c7be1;                      }
p a:hover { color: #000;                         }
a:focus, .btn:focus, .carousel-control:focus, button:focus { outline: 0 none; }



/* headings */
h1, h2, h3,
h4, h5, h6,
.h1, .h2, .h3,
.h4, .h5, .h6 { line-height: 1.2; font-family: "Open Sans", sans-serif; padding: 5px 0 0; }

#page h1, #page h2,
#page h3, #page h4,
#page h5, #page h6,
#page .h1, #page .h2,
#page .h3, #page .h4,
#page .h5, #page .h6  { color: #150940; font-family: "Open Sans", sans-serif; }

#page h1, .h1 { font-size: 2.2rem; }
#page h2, .h2 { font-size: 1.8rem; }
#page h3, .h3 { font-size: 1.6rem; }
#page h4, .h4 { font-size: 1.4rem; }
#page h5, .h5 { font-size: 1.2rem; }
#page h6, .h6 { font-size: 1.0rem; }


/*+++++TOP NAVIGATION+++++*/
/*++++++++++++++++++++++++*/

/* top_navigation */
.navbar-fixed-top { display: none; }

/*+++++HEADER+++++*/
/*++++++++++++++++*/

/* general header */
header { 
position: relative;
z-index: 30;
-webkit-box-shadow: none;
box-shadow: none;
background-color: #fff;
max-height: 150px;
padding-bottom: 0;
}

header .container { width: 100%; max-width: 1532px; margin: 0 0 0 auto; }

header.sticky {
position: fixed;
top: 0;
left: 0;
right: 0;
-webkit-box-shadow: 0 5px 25px -10px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 25px -10px rgba(0, 0, 0, 0.1);
}
header #logo a img { max-height: 44px;}
header.sticky #logo { padding: 23px 0; }

header .col-md-6:last-child {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding-right: 30px;
}


/*+++navigation things+++*/

/*divs*/
header .col-md-6:last-child {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
padding-right: 30px;
}

header .col-md-6:last-child > div {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}

header .col-md-6:last-child > div:not(:first-child) {
min-width: 95px;
margin-right: 2rem;
}
body.overlay-show header .col-md-6:last-child #inlog-over.overlay-controls { pointer-events: none; }

body.overlay-show header .col-md-6:last-child #main-nav-over.overlay-controls button {  }
body.overlay-show header .col-md-6:last-child #main-nav-over.overlay-controls button:hover { background-color: transparent; color: #43b9b0; }

/*button styling*/
header .col-md-6:last-child div button { 
position: relative;
display: inline-block;
z-index: 1;
outline: 0;
border: 1px solid #43b9b0; 
background-color: transparent;
color: #43b9b0;
font-size: 0.9rem;
line-height: 1rem;
padding: 0.75rem 1.5rem 0.75rem 1.5rem;
-webkit-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
margin: 0 !important;
top: 0 !important;
left: 0 !important;
}
header .col-md-6:last-child div button:hover,
header .col-md-6:last-child div button:focus { background-color: #43B9B0; color: #FFF; }

header .col-md-6:last-child div:last-child .toggle-overlay::before {
content: "Menu";
display: inline-block;
}
/*Webshop*/

header .webshop .btn.btn-info { border-radius: 0; text-transform: uppercase; font-weight: bold; background-color: #43b9b0; color: #FFF; }
header .webshop { box-shadow: 0 0 0 rgba(113,199,174, 0.8); animation: pulse 2s infinite;}
header .webshop:hover { animation: none; }


@-webkit-keyframes pulse {
    0% {
      -webkit-box-shadow: 0 0 0 0 rgba(113,199,174, 0.5);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(113,199,174, 0.4);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(113,199,174,  0.3);
    }
  }
  @keyframes pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(113,199,174, 0.5);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(113,199,174, 0.4);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(113,199,174, 0.3);
    }
  }
/*cart*/
header .col-md-6:last-child > div:first-of-type {
/* position: absolute;
right: 0;
bottom: 0;
top: 0;
z-index: 1; */
}
header .col-md-6:last-child > div:first-of-type .shopping-cart-icon { height: 20px; width: 23px; }

header .col-md-6:last-child > div:first-of-type {
    order: 2;
}
header .col-md-6:last-child > div:nth-of-type(2) { 
    order: 3;
    margin-right: 0 !important;
    margin-left: 35px;
}

header .col-md-6:last-child > div:nth-of-type(3) { 
    order: 0;
}

header .col-md-6:last-child > div:nth-of-type(4) { 
    order: 1;
  margin-right: 1rem !important; 
}

/*Inlog*/
header .col-md-6:last-child > div:nth-child(2) { margin-right: 2rem; }
/*++++++++++++*/

/*toggle stuff*/
header .col-md-6:last-child div button.toggle-overlay[data-target="#main-nav"] .icon-bar { display: none !important; }
header .icon-bar {
-webkit-transition: 300ms ease-in-out;
-o-transition: 300ms ease-in-out;
transition: 300ms ease-in-out;
width: 22px;
height: 2px;
display: block;
-webkit-transform: none;
-ms-transform: none;
transform: none;
-webkit-border-radius: 1px;
border-radius: 1px;
}
header .icon-bar:nth-child(2) { margin-top: 4px; }
header .icon-bar:last-child { margin-top: 4px; }

body:not(.overlay-show) header .icon-bar { background-color: transparent; display: none; opacity: 0; }

header .col-md-6:last-child > div .toggle-overlay-close { border: none; padding-left: 0; padding-right: 0; padding-bottom: 0; }


/*close btn effect*/
body.overlay-show header .overlay-controls button { border-color: transparent; }
body.overlay-show header .overlay.collapse.in .icon-bar:not(:last-child) { opacity: 1; display: block; }
body.overlay-show header .toggle-overlay-close .icon-bar { background-color: #FFF; }
body.overlay-show header .toggle-overlay-close .icon-bar:first-child { 
-webkit-transform: rotate(45deg); 
-ms-transform: rotate(45deg); 
transform: rotate(45deg);
}
body.overlay-show header .toggle-overlay-close .icon-bar:nth-child(2) { 
-webkit-transform: translate(0,-5.5px) rotate(-45deg); 
-ms-transform: translate(0,-5.5px) rotate(-45deg); 
transform: translate(0,-5.5px) rotate(-45deg);
}
body.overlay-show header .toggle-overlay-close .icon-bar:last-child { opacity: 0; }
/*++++++++++++*/

/*Overlay*/
header .overlay  { 
position: fixed;
z-index: 9999;
left: 0;
right: 0;
bottom: 100%;
height: 100vh !important;
background-color: #41b4ac;
-webkit-transition: 400ms cubic-bezier(1,0,0,1);
-o-transition: 400ms cubic-bezier(1,0,0,1);
transition: 400ms cubic-bezier(1,0,0,1);
-webkit-transition-property: bottom, top;
-o-transition-property: bottom, top;
transition-property: bottom, top;
margin: 0 -17px;
}
header div .overlay .overlay-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
padding: 0 !important;
}

header .overlay[aria-expanded="true"] { bottom: 0; }

header .container .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

/*+++Navigation+++*/
header .main_nav.hidden-xs.hidden-sm { display: block !important; text-align: center; }
header .main_nav .sub_menus { 
height: 100vh; 
display: -webkit-box; 
display: -webkit-flex; 
display: -ms-flexbox; 
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
overflow: auto;
}
header .main_nav ul li { margin: 0 auto 2rem; }
header .main_nav ul li a {
color: #FFF;
text-decoration: none;
background-color: transparent;
font-family: 'Open Sans', sans-serif;
font-size: 2.2rem;
font-weight: 300;
padding: 0;
-webkit-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}

header .main_nav ul li:hover a, header .main_nav ul li a:hover { background-color: transparent; opacity: 0.4; color: #FFF; }
header .main_nav ul li.active-menu a { font-weight: 600; }

/*+++++++++++++++*/


/*+++Login+++*/
header .overlay-content > div:first-child { position: absolute; left: 72.9%; top: 10.5px; margin-top: 27px; padding-top: 6px; z-index: 9; }
header .overlay-content > div:not(:first-child) {
width: 100%;
max-width: 420px;
margin-left: auto;
margin-right: auto;
}

/*tabs*/
header #inlog .login-block .nav { margin: 0 auto 2rem; border-bottom-color: rgba(255,255,255,0.7); }
header #inlog .login-block .nav-tabs li a { 
-webkit-border-radius: 0; 
border-radius: 0;
outline: 0;
background-color: transparent;
border: 1px solid transparent;
color: #FFF;
-webkit-transition: 300ms cubic-bezier(.45,.05,.55,.95);
-o-transition: 300ms cubic-bezier(.45,.05,.55,.95);
transition: 300ms cubic-bezier(.45,.05,.55,.95);
}

header #inlog .login-block .nav-tabs li:hover a, header #inlog .login-block .nav-tabs li.active a { border-color: rgba(255,255,255,0.7); }

/*form*/
header #inlog .login-block form { 
position: relative;
padding-top: 2rem;
border-top: 2px solid rgba(255,255,255,0.3); 
}


header #inlog .login-block form::after {
content: "";
position: absolute;
border-top: 2px solid rgba(255,255,255,0.7);
top: -2px;
left: 0;
right: 70%;
-webkit-transition: 1000ms cubic-bezier(.45,.05,.55,.95);
-o-transition: 1000ms cubic-bezier(.45,.05,.55,.95);
transition: 1000ms cubic-bezier(.45,.05,.55,.95);
}
header #inlog .login-block form:hover:after { right: 0; }

header #inlog .login-block form .input-group { 
display: block;
max-width: none;
}

header #inlog .login-block form .form-control { 
background: none;
color: #FFF;
border-width: 0 0 2px 0; 
-webkit-border-radius: 0; 
border-radius: 0;
border-color: rgba(255,255,255,0.3);
-webkit-box-shadow: none;
box-shadow: none;
margin-bottom: 2rem;
text-align: left;
padding: 15px 0;
line-height: 2rem;
height: 40px;
}
header #inlog .login-block form .form-control:focus { border-color: rgba(255,255,255,0.7); }

header #inlog .login-block form .control-label {
position: absolute;
color: rgba(255,255,255,0.7);
font-size: 1rem;
font-weight: 300;
top: 8px;
left: 0;
padding: 0;
pointer-events: none;
-webkit-transition-duration: 150ms;
-o-transition-duration: 150ms;
transition-duration: 150ms;
}
header #inlog .login-block form .form-control:focus ~ .control-label { 
top: -1rem;
font-size: 0.8rem;
}

/*button*/
header #inlog .login-block .form-group:last-child { text-align: center; }
header #inlog .login-block .btn {
color: #FFF;
}

header #inlog .login-block .btn em::before, header #inlog .login-block .btn em::after { background-color: rgba(255,255,255,0.7); }
/*+++++++++++*/


/*+++++BANNER+++++*/
/*++++++++++++++++*/
.banner-block { z-index: 0; }
#sequence-theme {
height: -webkit-calc(100vh - 70px) !important;
height: calc(100vh - 70px) !important;
max-height: 920px;
background-color: #fff;
}

#sequence-theme .slide {
-webkit-transition-duration: 500ms !important;
transition-duration: 500ms !important;
-webkit-transition-delay: 500ms !important;
transition-delay: 500ms !important;
-webkit-transition-property: opacity;
transition-property: opacity;
opacity: 0 !important;
left: 0;
top: 0;
visibility: visible;
z-index: 1 !important;
}
#sequence-theme .slide.animate-in {
-webkit-transition-delay: 0s !important;
transition-delay: 0s !important;
opacity: 1 !important;
z-index: 3 !important;
}
#sequence-theme .slide.animate-out {
-webkit-transition-delay: 500ms !important;
transition-delay: 500ms !important;
}


#sequence-theme .slide .caption[style*="transition-delay: 1"] {
-webkit-transition-delay: 0s !important;
transition-delay: 0s !important;
}

#sequence-theme .animate-in .caption {
-webkit-transition-delay: 1000ms;
transition-delay: 1000ms;
}

#sequence-theme .slide .caption br { display: block; } /* Fixes <br> disappearing */
#sequence-theme .bgimg {
background-position: 50% 50% !important;
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
}

#sequence-theme .slide .caption {
width: 100%;
max-width: 1170px;
top: 50%;
left: 0;
padding: 15px;
margin: -163px auto 0;
right: 0;
transition-property: opacity;
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
transition-property: opacity;
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
}


#sequence-theme .slide .caption .h2 { display: none; }
#sequence-theme .slide .caption .h3 { margin-bottom: 0;  }
#sequence-theme .slide .caption .h3 p {
font-size: 3.6rem;
font-weight: bold;
letter-spacing: 1px;
line-height: 1.25;
color: rgb(255, 255, 255);
margin-bottom: 2.5rem;
}
#sequence-theme .slide .caption .h3 hr { display: none; }
#sequence-theme .slide .caption .h3 p:nth-child(2) {
font-size: 1.2rem;
font-weight: 400;
letter-spacing: 0.2px;
color: rgb(255, 255, 255);
line-height: 2rem;
max-width: 620px;
}
#sequence-theme .slide .caption .h3 a {
color: #fff;
font-weight: bold;
font-size: 1.8rem;
padding-bottom: 8px;
}

#sequence-theme .right-img-from-top-out-to-right.slide-image {
width: 1170px;
max-width: 100%;
top: auto;
left: 50%;
padding: 0 15px;
margin-left: -585px;
bottom: 3rem;
display: none;
}

#sequence-theme .right-img-from-top-out-to-right.slide-image p { display: inline-block; margin-right: 1rem; }
#sequence-theme .right-img-from-top-out-to-right.slide-image a::after { display: none; }

#sequence-theme .next, #sequence-theme .prev {
background-color: transparent;
box-shadow: none;
width: 64px;
height: 64px;
padding: 16px;
margin-top: -32px;
}
#sequence-theme .next:hover, #sequence-theme .prev:hover { opacity: 1; }
#sequence-theme .next i, #sequence-theme .prev i {
border-radius: 50%;
display: block;
width: 100%;
height: 100%;
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0) 40%, #fff 40%, #fff 60%, rgba(255, 255, 255, 0) 60%),
linear-gradient(-45deg, rgba(255, 255, 255, 0) 40%, #fff 40%, #fff 60%, rgba(255, 255, 255, 0) 60%);
background-size: 100% 50%;
background-repeat: no-repeat;
}
#sequence-theme .prev i { background-position: center bottom, center top; }
#sequence-theme .next i { background-position: center top, center bottom; }
#sequence-theme .next i::before, #sequence-theme .prev i::before { display: none; }
#sequence-theme .nav li a { background-color: #fff; border: 2px solid #fff; }

/* Hide those pesky controls and navigation */
#sequence-theme .controls { display: none; }
#sequence-theme .nav { display: none; }

.scroll-to {
position: absolute;
z-index: 2;
top: -90px;
right: 15px;
color: rgb(255, 255, 255);
font-size: 2rem;
-webkit-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
outline: 0;
}

@-webkit-keyframes blinker {
from {opacity: 1.0;}
to {opacity: 0.0;}
}

.scroll-to svg { 
display: inline; 
width: 35px; 
height: 35px;   
text-decoration: blink;
-webkit-animation-name: blinker;
-webkit-animation-duration: 0.6s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:ease-in-out;
-webkit-animation-direction: alternate; 
}
.scroll-to:hover { top: -80px; }
.scroll-to:focus { color: rgb(255, 255, 255); outline: 0; }


/*+++++PAGE / MAIN CONTENT+++++*/
/*+++++++++++++++++++++++++++++*/

/*++General pages++*/
#page { padding: 0; min-height: calc(100vh - 526px); }
#page .section .column_2a { margin-top: 0 !important; }
#page > .container:first-child {
position: fixed;
top: 15px;
right: 15px;
max-width: 370px;
z-index: 2000;
}

/*++Homepage++*/

/* Button styling */

#inlog .btn,
#sequence-theme .slide-image .btn,
#sequence-theme a,
footer .btn,
#page .btn {
text-decoration: none;
position: relative;
color: #43b9b0;
font-weight: 500;
padding: 0;
font-size: 0.98rem;
line-height: 2.2rem;
border: none;
border-radius: 0;
background: none;
}
#inlog .btn::after,
#sequence-theme a::after,
#sequence-theme .slide-image .btn::after,
footer .btn::after,
#page .btn::after {
content: "\f30b";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 0.6rem;
vertical-align: middle;
margin-left: 1.5rem;
}
#inlog .btn em,
#sequence-theme a em,
#sequence-theme .slide-image .btn em,
footer .btn em,
#page .btn em {
font-style: normal;
display: inline-block;
}
#sequence-theme a em:before,
#inlog .btn em::before,
#sequence-theme .slide-image .btn em::before,
footer .btn em::before,
#page .btn em:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
right: 0;
height: 2px;
opacity: 0.2;
background-color: #322e46;
}
#inlog .btn em::after,
#sequence-theme .slide-image .btn em::after,
#sequence-theme a em::after,
footer .btn em::after,
#page .btn em:after {
content: "";
position: absolute;
z-index: 1;
left: 0;
bottom: 0;
right: 100%;
height: 2px;
background-color: #43b9b0;
-webkit-transition: 1s;
-o-transition: 1s;
transition: 1s;
}
#inlog .btn:hover em::after,
#sequence-theme a:hover em:after,
#sequence-theme .slide-image .btn:hover em::after,
footer .btn:hover em::after,
#page .btn:hover em::after { right: 0; }

/* ul */
.section:not(.webshop) [class^="col-md-"] > div ul:not(.nav) { padding-left: 40px; list-style: none; line-height: 2rem; }
.section:not(.webshop) [class^="col-md-"] > div ul:not(.nav) li::before { 
content: "•"; 
position: relative; 
display: inline-block; 
bottom: -0.2em;
width: 40px; 
font-size: 1.6em;
line-height: 0.5;
margin-left: -40px; 
padding-right: 8px; 
text-align: right;
color: #43b9b0; 
}

/*Section main "body:not(.no-index) .section_row_main"*/ /* Hidden at the moment */
body:not(.no-index) .section_row_main { display: none; }

/*section 1 "body:not(.no-index) .section_row_1"*/
body:not(.no-index) .section_row_1 { position: relative; }
body:not(.no-index) #page .section_row_1 h1 { font-weight: bold; font-size: 3rem; margin-bottom: 1.3rem; }
/* body:not(.no-index) .section_row_1::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgb(255, 255, 255);
background-repeat: repeat-x;
background-image: url('/files/media/website/web-bg.png');
opacity: 0.4;
} */
body:not(.no-index) .section_row_1 .container { padding: 6rem 15px 6rem; position: relative; z-index: 1; }

body:not(.no-index) .section_row_1 .col-md-12 { position: unset; }
body:not(.no-index) .section_row_1 .ccon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
body:not(.no-index) .section_row_1 .ccon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: -5px;
margin-right: -5px;
}
body:not(.no-index) .section_row_1 .ccon > div {
position: relative;
overflow: hidden;
max-width: 565px;
padding: 4.57rem;
margin: 5px;
background-position: center center;
background-size: cover;
width: 100%;
}

body:not(.no-index) .section_row_1 .ccon > div:nth-child(1) { background-image: url(../images/altered2.jpg);  }
body:not(.no-index) .section_row_1 .ccon > div:nth-child(2) { background-image: url(../images/altered1.jpg); }
body:not(.no-index) .section_row_1 .ccon > div:nth-child(3) {  background-image: url(../images/ThinkstockPhotos-840243874.jpg); }
body:not(.no-index) .section_row_1 .ccon > div:nth-child(4) { background-image: url(../images/NextLevel.jpg); }

body:not(.no-index) .section_row_1 .ccon > div:nth-child(4)::before { background-color: rgba(0, 0, 0, 0.1); }

body:not(.no-index) .section_row_1 .ccon > div::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.3);
-webkit-transition: 700ms;
-o-transition: 700ms;
transition: 700ms;
}


body.mobile:not(.no-index) .section_row_1 .ccon > div ul, /* Activate on mobile */
body.mobile:not(.no-index) .section_row_1 .ccon > div p,
body:not(.no-index) .section_row_1 .ccon > div.scroll-candidate:not(.scroll) ul,  /* Activate upon scroll */
body:not(.no-index) .section_row_1 .ccon > div.scroll-candidate:not(.scroll) p,
body:not(.no-index) .section_row_1 .ccon > div:hover ul,  /* Activate when hover */
body:not(.no-index) .section_row_1 .ccon > div:hover p { top: 0; opacity: 1; }

body.mobile:not(.no-index) .section_row_1 .ccon > div figure,
body:not(.no-index) .section_row_1 .ccon > div.scroll-candidate:not(.scroll) figure,
body:not(.no-index) .section_row_1 .ccon > div:hover figure { opacity: 0; top: 0; }

body.mobile:not(.no-index) #page .section_row_1 .ccon > div h2,
body:not(.no-index) #page .section_row_1 .ccon > div.scroll-candidate:not(.scroll) h2,
body:not(.no-index) #page .section_row_1 .ccon > div:hover h2 { top: 0; }

body.mobile:not(.no-index) .section_row_1 .ccon > div::before,
body:not(.no-index) .section_row_1 .ccon > div.scroll-candidate:not(.scroll)::before,
body:not(.no-index) .section_row_1 .ccon > div:hover::before { background-color: rgba(68, 150, 146, 0.75); }


body:not(.no-index) .section_row_1 ul,
body:not(.no-index) .section_row_1 p {
position: relative;
color: #FFF;
line-height: 2rem;
top: 100%;
opacity: 0;
-webkit-transition: 300ms cubic-bezier(.25,.46,.45,.94);
-o-transition: 300ms cubic-bezier(.25,.46,.45,.94);
transition: 300ms cubic-bezier(.25,.46,.45,.94);
}
body:not(.no-index) .section_row_1 p:last-child { position: unset; }
body:not(.no-index) .section_row_1 p:nth-last-child(2) { margin: 0; }

body:not(.no-index) .section_row_1 figure {
position: relative;
top: 80%;
width: 32px;
height: 0;
-webkit-transition: 300ms cubic-bezier(.25,.46,.45,.94);
-o-transition: 300ms cubic-bezier(.25,.46,.45,.94);
transition: 300ms cubic-bezier(.25,.46,.45,.94);
}

body:not(.no-index) .section_row_1 .ccon a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
color: rgba(0, 0, 0, 0);
text-indent: -1200px
}

/* body:not(.no-index) #page .section_row_1 h2 { */
/* display: inline-block; */
/* font-size: 3rem; */
/* font-weight: bold; */
/* line-height: 5.5rem; */
/* margin-bottom: 3rem; */
/* max-width: 100%; */
/* letter-spacing: 0.5px; */
/* padding-top: 0; */
/* } */
body:not(.no-index) #page .section_row_1 h2 em {
display: inline-block;
font-style: normal;
color: rgb(21, 9, 64);
background-color: rgb(0, 0, 0);
padding: 0.5rem 1rem 1rem;
max-width: 100%;
}
body:not(.no-index) #page .section_row_1 h2 {
position: relative;
display: inline-block;
text-transform: uppercase;
font-size: 1.7rem;
font-weight: bold;
color: #FFF;
padding: 0;
margin-bottom: 1rem;
top: 80%;
-webkit-transition: 300ms cubic-bezier(.25,.46,.45,.94);
-o-transition: 300ms cubic-bezier(.25,.46,.45,.94);
transition: 300ms cubic-bezier(.25,.46,.45,.94);
}

/*Section 2 "body:not(.no-index) .section_row_2"*/
body:not(.no-index) .section_row_2 { background-color: #f7f7f8; padding: 6rem 0 0; }

body:not(.no-index) #page .section_row_2 h2 {
display: inline-block;
font-size: 3rem;
font-weight: bold;
line-height: 5.5rem;
margin-bottom: 3rem;
letter-spacing: 0.5px;
padding-top: 0;
}

/*Section 3 "body:not(.no-index) .section_row_3"*/
body:not(.no-index) .section_row_3 { background-color: #f7f7f8; padding: 0 0 3rem; }
body:not(.no-index) .section_row_3 .col-md-4 > div { position: relative; min-height: 200px; margin-bottom: 1.1rem; }
body:not(.no-index) .section_row_3 .col-md-4 figure {
-webkit-transition-duration: 300ms;
-o-transition-duration: 300ms;
transition-duration: 300ms;
}


/*Section 4 "body:not(.no-index) .section_row_4"*/
body:not(.no-index) .section_row_4 { background-color: #f7f7f8; padding: 0 0 6rem; }
body:not(.no-index) #page .section_row_4 a { color: rgb(51, 51, 51); }
body:not(.no-index) #page .section_row_4 a em::after { background-color: rgb(68, 150, 146); 
}
/*Section 5 "body:not(.no-index) .section_row_5"*/
body:not(.no-index) .section_row_5 { padding: 80px 0; }
body:not(.no-index) .section_row_5 .container { /*! width: 100%; */ }
body:not(.no-index) .section_row_5 .col-md-12 > div:first-child { line-height: 2; max-width: 600px; padding-bottom: 50px; }
body:not(.no-index) .section_row_5 .col-md-6#main { left: 75%; width: 25%; }
body:not(.no-index) .section_row_5 .col-md-6#sidebar { right: 25%; width: 72.5%; padding: 0 30px; margin-top: 4rem; }
body:not(.no-index) #page .section_row_5 h4 { font-size: 3rem; font-weight: bold; }

body:not(.no-index) #page .section_row_5 h2 {
display: inline-block;
font-size: 3rem;
font-weight: bold;
line-height: 5.5rem;
/*margin-bottom: 3rem;*/
letter-spacing: 0.5px;
padding-top: 0;
}
body:not(.no-index) .section_row_5 .col-md-6#main p { line-height: 2rem; letter-spacing: 0.2px; color: #6c6c6c; }

#wrapper {
width: 100%;
max-width: 840px;
margin: 0 auto;
position: relative;
}
/*++++CIRCLE++++*/
.aos-animate .prems-fading-circle { 
margin: 135px auto;
width: 15%;
/*! max-width: 350px; */
padding-bottom: 17.5%;
position: relative;
}
.aos-animate .prems-fading-circle .prems-circle {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.aos-animate .prems-fading-circle .prems-circle > div {
content: '';
display: block;
margin: 0 auto; 
width: 2.5%;
padding-bottom: 2.5%;
background-color: #49b8ac;
background-repeat: no-repeat; 
-webkit-background-size: contain; 
background-size: contain;
-webkit-border-radius: 100%;
border-radius: 100%;
opacity: 0.3;
-webkit-animation: prems-circleFadeDelay 1s normal forwards ease-in-out;
-moz-animation: prems-circleFadeDelay 1s normal forwards ease-in-out;
-o-animation: prems-circleFadeDelay 1s normal forwards ease-in-out;
animation: prems-circleFadeDelay 1s normal forwards ease-in-out;
}

.aos-animate .prems-fading-circle .prems-circle5 > div, 
.aos-animate .prems-fading-circle .prems-circle11 > div, 
.aos-animate .prems-fading-circle .prems-circle17 > div, 
.aos-animate .prems-fading-circle .prems-circle25 > div, .aos-animate .prems-fading-circle .prems-circle31 > div, 
.aos-animate .prems-fading-circle .prems-circle37 > div {  background-color: transparent; padding-bottom: 16%; width: 16%; margin-top: -10px; opacity: 0.3; }


.aos-animate .prems-fading-circle .prems-circle1 > div { -webkit-animation-delay:9.25s; -moz-animation-delay:9.25s; -o-animation-delay:9.25s; animation-delay:9.25s; }
.aos-animate .prems-fading-circle .prems-circle2 > div { -webkit-animation-delay:9.5s; -moz-animation-delay:9.5s; -o-animation-delay:9.5s; animation-delay:9.5s; }
.aos-animate .prems-fading-circle .prems-circle3 > div { -webkit-animation-delay:9.75s; -moz-animation-delay:9.75s; -o-animation-delay:9.75s; animation-delay:9.75s; }
.aos-animate .prems-fading-circle .prems-circle4 > div { -webkit-animation-delay:10s; -moz-animation-delay:10s; -o-animation-delay:10s; animation-delay:10s; }

.aos-animate .prems-fading-circle .prems-circle5 > div {
-webkit-animation-delay:0s;
-moz-animation-delay:0s;
-o-animation-delay:0s;
animation-delay:0s; 
background-image: url("../images/Rondje_01.png");
-webkit-transform: rotateZ(-36deg);
-moz-transform: rotateZ(-36deg);
-o-transform: rotate(-36deg);
transform: rotateZ(-36deg);

}
.aos-animate .prems-fading-circle .prems-circle6 > div { -webkit-animation-delay:0.15s; -moz-animation-delay:0.15s; -o-animation-delay:0.15s; animation-delay:0.15s; }

.aos-animate .prems-fading-circle .prems-circle7 > div { -webkit-animation-delay:0.25s; -moz-animation-delay:0.25s; -o-animation-delay:0.25s; animation-delay:0.25s; }
.aos-animate .prems-fading-circle .prems-circle8 > div { -webkit-animation-delay:0.35s; -moz-animation-delay:0.35s; -o-animation-delay:0.35s; animation-delay:0.35s; }
.aos-animate .prems-fading-circle .prems-circle9 > div{ -webkit-animation-delay:0.45s; -moz-animation-delay:0.45s; -o-animation-delay:0.45s; animation-delay:0.45s; }
.aos-animate .prems-fading-circle .prems-circle10 > div { -webkit-animation-delay:0.55s; -moz-animation-delay:0.55s; -o-animation-delay:0.55s; animation-delay:0.55s; }
.aos-animate .prems-fading-circle .prems-circle11 > div {
-webkit-animation-delay:0.65s;
-moz-animation-delay:0.65s;
-o-animation-delay:0.65s;
animation-delay:0.65s;
background-image: url("../images/Rondje_02.png");
-webkit-transform: rotatez(-90deg);
-moz-transform: rotatez(-90deg);
-o-transform: rotate(-90deg);
transform: rotatez(-90deg);
}

.aos-animate .prems-fading-circle .prems-circle12 > div { -webkit-animation-delay:0.75s; -moz-animation-delay:0.75s; -o-animation-delay:0.75s; animation-delay:0.75s; }
.aos-animate .prems-fading-circle .prems-circle13 > div { -webkit-animation-delay:0.85s; -moz-animation-delay:0.85s; -o-animation-delay:0.85s; animation-delay:0.85s; }
.aos-animate .prems-fading-circle .prems-circle14 > div { -webkit-animation-delay:0.95s; -moz-animation-delay:0.95s; -o-animation-delay:0.95s; animation-delay:0.95s; }
.aos-animate .prems-fading-circle .prems-circle15 > div { -webkit-animation-delay:1s; -moz-animation-delay:1s; -o-animation-delay:1s; animation-delay:1s; }
.aos-animate .prems-fading-circle .prems-circle16 > div { -webkit-animation-delay:1.05s; -moz-animation-delay:1.05s; -o-animation-delay:1.05s; animation-delay:1.05s; }

.aos-animate .prems-fading-circle .prems-circle17 > div {
-webkit-animation-delay:1.15s;
-moz-animation-delay:1.15s;
-o-animation-delay:1.15s;
animation-delay:1.15s;
background-image: url("../images/Rondje_03.png");
-webkit-transform: rotateZ(-144deg);
-moz-transform: rotateZ(-144deg);
-o-transform: rotate(-144deg);
transform: rotateZ(-144deg);
}
.aos-animate .prems-fading-circle .prems-circle18 > div { -webkit-animation-delay:1.25s; -moz-animation-delay:1.25s; -o-animation-delay:1.25s; animation-delay:1.25s; }
.aos-animate .prems-fading-circle .prems-circle19 > div { -webkit-animation-delay:1.35s; -moz-animation-delay:1.35s; -o-animation-delay:1.35s; animation-delay:1.35s; }
.aos-animate .prems-fading-circle .prems-circle20 > div { -webkit-animation-delay:1.45s; -moz-animation-delay:1.45s; -o-animation-delay:1.45s; animation-delay:1.45s; }
.aos-animate .prems-fading-circle .prems-circle21 > div { -webkit-animation-delay:1.55s; -moz-animation-delay:1.55s; -o-animation-delay:1.55s; animation-delay:1.55s; }

.aos-animate .prems-fading-circle .prems-circle22 > div { -webkit-animation-delay:1.65s; -moz-animation-delay:1.65s; -o-animation-delay:1.65s; animation-delay:1.65s; }
.aos-animate .prems-fading-circle .prems-circle23 > div { -webkit-animation-delay:1.75s; -moz-animation-delay:1.75s; -o-animation-delay:1.75s; animation-delay:1.75s; }
.aos-animate .prems-fading-circle .prems-circle24 > div { -webkit-animation-delay:1.85s; -moz-animation-delay:1.85s; -o-animation-delay:1.85s; animation-delay:1.85s; }
.aos-animate .prems-fading-circle .prems-circle25 > div { 
-webkit-animation-delay:1.95s; 
-moz-animation-delay:1.95s; 
-o-animation-delay:1.95s; 
animation-delay:1.95s; 
background-image: url("../images/Rondje_04.png"); 
-webkit-transform: rotateZ(-216deg); 
-moz-transform: rotateZ(-216deg); 
-o-transform: rotate(-216deg); 
transform: rotateZ(-216deg); 
}
.aos-animate .prems-fading-circle .prems-circle26 > div { -webkit-animation-delay:2s; -moz-animation-delay:2s; -o-animation-delay:2s; animation-delay:2s; }

.aos-animate .prems-fading-circle .prems-circle27 > div { -webkit-animation-delay:2.05s; -moz-animation-delay:2.05s; -o-animation-delay:2.05s; animation-delay:2.05s; }
.aos-animate .prems-fading-circle .prems-circle28 > div { -webkit-animation-delay:2.15s; -moz-animation-delay:2.15s; -o-animation-delay:2.15s; animation-delay:2.15s; }
.aos-animate .prems-fading-circle .prems-circle29 > div { -webkit-animation-delay:2.25s; -moz-animation-delay:2.25s; -o-animation-delay:2.25s; animation-delay:2.25s; }
.aos-animate .prems-fading-circle .prems-circle30 > div { -webkit-animation-delay:2.35s; -moz-animation-delay:2.35s; -o-animation-delay:2.35s; animation-delay:2.35s; }
.aos-animate .prems-fading-circle .prems-circle31 > div {
-webkit-animation-delay:2.45s;
-moz-animation-delay:2.45s;
-o-animation-delay:2.45s;
animation-delay:2.45s; 
background-image: url("../images/Rondje_05.png");
-webkit-transform: rotateZ(-270deg);
-moz-transform: rotateZ(-270deg);
-o-transform: rotate(-270deg); 
transform: rotateZ(-270deg);
}

.aos-animate .prems-fading-circle .prems-circle32 > div { -webkit-animation-delay:2.55s; -moz-animation-delay:2.55s; -o-animation-delay:2.55s; animation-delay:2.55s; }
.aos-animate .prems-fading-circle .prems-circle33 > div { -webkit-animation-delay:2.65s; -moz-animation-delay:2.65s; -o-animation-delay:2.65s; animation-delay:2.65s; }
.aos-animate .prems-fading-circle .prems-circle34 > div { -webkit-animation-delay:2.75s; -moz-animation-delay:2.75s; -o-animation-delay:2.75s; animation-delay:2.75s; }
.aos-animate .prems-fading-circle .prems-circle35 > div { -webkit-animation-delay:2.85s; -moz-animation-delay:2.85s; -o-animation-delay:2.85s; animation-delay:2.85s; }
.aos-animate .prems-fading-circle .prems-circle36 > div { -webkit-animation-delay:2.95s; -moz-animation-delay:2.95s; -o-animation-delay:2.95s; animation-delay:2.95s; }

.aos-animate .prems-fading-circle .prems-circle37 > div { 
-webkit-animation-delay:3.05s; 
-moz-animation-delay:3.05s; 
-o-animation-delay:3.05s; 
animation-delay:3.05s; 
background-image: url("../images/Rondje_06.png"); 
-webkit-transform: rotateZ(-324deg); 
-moz-transform: rotateZ(-324deg); 
-o-transform: rotate(-324deg); 
transform: rotateZ(-324deg); 
}
.aos-animate .prems-fading-circle .prems-circle38 > div { -webkit-animation-delay:3.15s; -moz-animation-delay:3.15s; -o-animation-delay:3.15s; animation-delay:3.15s; }
.aos-animate .prems-fading-circle .prems-circle39 > div { -webkit-animation-delay:3.25s; -moz-animation-delay:3.25s; -o-animation-delay:3.25s; animation-delay:3.25s; } 
.aos-animate .prems-fading-circle .prems-circle40 > div { -webkit-animation-delay:3.35s; -moz-animation-delay:3.35s; -o-animation-delay:3.35s; animation-delay:3.35s; } 
.aos-animate .prems-fading-circle .prems-circle41 > div { -webkit-animation-delay:3.45s; -moz-animation-delay:3.45s; -o-animation-delay:3.45s; animation-delay:3.45s; }

.aos-animate .prems-fading-circle .prems-circle2 { -webkit-transform: rotate(8deg); -o-transform: rotate(8deg); -moz-transform: rotate(8deg); transform: rotate(8deg); }
.aos-animate .prems-fading-circle .prems-circle3 { -webkit-transform: rotate(16deg); -o-transform: rotate(16deg); -moz-transform: rotate(16deg); transform: rotate(16deg); }
.aos-animate .prems-fading-circle .prems-circle4 { -webkit-transform: rotate(24deg); -o-transform: rotate(24deg); -moz-transform: rotate(24deg); transform: rotate(24deg); }
.aos-animate .prems-fading-circle .prems-circle5 { -webkit-transform: rotate(36deg); -o-transform: rotate(36deg); -moz-transform: rotate(36deg); transform: rotate(36deg); }
.aos-animate .prems-fading-circle .prems-circle6 { -webkit-transform: rotate(48deg); -o-transform: rotate(48deg); -moz-transform: rotate(48deg); transform: rotate(48deg); }

.aos-animate .prems-fading-circle .prems-circle7 { -webkit-transform: rotate(55.5deg); -o-transform: rotate(55.5deg); -moz-transform: rotate(55.5deg); transform: rotate(55.5deg); }
.aos-animate .prems-fading-circle .prems-circle8 { -webkit-transform: rotate(63deg); -o-transform: rotate(63deg); -moz-transform: rotate(63deg); transform: rotate(63deg); }
.aos-animate .prems-fading-circle .prems-circle9 { -webkit-transform: rotate(70.5deg); -o-transform: rotate(70.5deg); -moz-transform: rotate(70.5deg); transform: rotate(70.5deg); }
.aos-animate .prems-fading-circle .prems-circle10 { -webkit-transform: rotate(78deg); -o-transform: rotate(78deg); -moz-transform: rotate(78deg); transform: rotate(78deg); }
.aos-animate .prems-fading-circle .prems-circle11 { -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); }

.aos-animate .prems-fading-circle .prems-circle12 { -webkit-transform: rotate(102deg); -o-transform: rotate(102deg); -moz-transform: rotate(102deg); transform: rotate(102deg); }
.aos-animate .prems-fading-circle .prems-circle13 { -webkit-transform: rotate(109.5deg); -o-transform: rotate(109.5deg); -moz-transform: rotate(109.5deg); transform: rotate(109.5deg); }
.aos-animate .prems-fading-circle .prems-circle14 { -webkit-transform: rotate(117deg); -o-transform: rotate(117deg); -moz-transform: rotate(117deg); transform: rotate(117deg); }
.aos-animate .prems-fading-circle .prems-circle15 { -webkit-transform: rotate(124.5deg); -o-transform: rotate(124.5deg); -moz-transform: rotate(124.5deg); transform: rotate(124.5deg); }
.aos-animate .prems-fading-circle .prems-circle16 { -webkit-transform: rotate(132deg); -o-transform: rotate(132deg); -moz-transform: rotate(132deg); transform: rotate(132deg); }

.aos-animate .prems-fading-circle .prems-circle17 { -webkit-transform: rotate(144deg); -o-transform: rotate(144deg); -moz-transform: rotate(144deg); transform: rotate(144deg); }
.aos-animate .prems-fading-circle .prems-circle18 { -webkit-transform: rotate(156deg); -o-transform: rotate(156deg); -moz-transform: rotate(156deg); transform: rotate(156deg); }
.aos-animate .prems-fading-circle .prems-circle19 { -webkit-transform: rotate(164deg); -o-transform: rotate(164deg); -moz-transform: rotate(164deg); transform: rotate(164deg); }
.aos-animate .prems-fading-circle .prems-circle20 { -webkit-transform: rotate(172deg); -o-transform: rotate(172deg); -moz-transform: rotate(172deg); transform: rotate(172deg); }
.aos-animate .prems-fading-circle .prems-circle21 { -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); }

.aos-animate .prems-fading-circle .prems-circle22 { -webkit-transform: rotate(188deg); -o-transform: rotate(188deg); -moz-transform: rotate(188deg); transform: rotate(188deg); }
.aos-animate .prems-fading-circle .prems-circle23 { -webkit-transform: rotate(196deg); -o-transform: rotate(196deg); -moz-transform: rotate(196deg); transform: rotate(196deg); }
.aos-animate .prems-fading-circle .prems-circle24 { -webkit-transform: rotate(204deg); -o-transform: rotate(204deg); -moz-transform: rotate(204deg); transform: rotate(204deg); }
.aos-animate .prems-fading-circle .prems-circle25 { -webkit-transform: rotate(216deg); -o-transform: rotate(216deg); -moz-transform: rotate(216deg); transform: rotate(216deg); }
.aos-animate .prems-fading-circle .prems-circle26 { -webkit-transform: rotate(228deg); -o-transform: rotate(228deg); -moz-transform: rotate(228deg); transform: rotate(228deg); } 

.aos-animate .prems-fading-circle .prems-circle27 { -webkit-transform: rotate(235.5deg); -moz-transform: rotate(235.5deg); -o-transform: rotate(235.5deg); transform: rotate(235.5deg); }
.aos-animate .prems-fading-circle .prems-circle28 { -webkit-transform: rotate(243deg); -moz-transform: rotate(243deg); -o-transform: rotate(243deg); transform: rotate(243deg); }
.aos-animate .prems-fading-circle .prems-circle29 { -webkit-transform: rotate(250.5deg); -moz-transform: rotate(250.5deg); -o-transform: rotate(250.5deg); transform: rotate(250.5deg); }
.aos-animate .prems-fading-circle .prems-circle30 { -webkit-transform: rotate(258deg); -moz-transform: rotate(258deg); -o-transform: rotate(258deg); transform: rotate(258deg); }

.aos-animate .prems-fading-circle .prems-circle31 { -webkit-transform: rotate(270deg); -o-transform: rotate(270deg);  -moz-transform: rotate(270deg); transform: rotate(270deg); }
.aos-animate .prems-fading-circle .prems-circle32 { -webkit-transform: rotate(282deg); -o-transform: rotate(282deg);  -moz-transform: rotate(282deg); transform: rotate(282deg); }
.aos-animate .prems-fading-circle .prems-circle33 { -webkit-transform: rotate(289.5deg);  -o-transform: rotate(289.5deg);  -moz-transform: rotate(289.5deg); transform: rotate(289.5deg); }
.aos-animate .prems-fading-circle .prems-circle34 { -webkit-transform: rotate(297deg); -o-transform: rotate(297deg);  -moz-transform: rotate(297deg); transform: rotate(297deg); }
.aos-animate .prems-fading-circle .prems-circle35 { -webkit-transform: rotate(304.5deg);  -o-transform: rotate(304.5deg);  -moz-transform: rotate(304.5deg); transform: rotate(304.5deg); }

.aos-animate .prems-fading-circle .prems-circle36 { -webkit-transform: rotate(312deg); -moz-transform: rotate(312deg); -o-transform: rotate(312deg); transform: rotate(312deg); }
.aos-animate .prems-fading-circle .prems-circle37 { -webkit-transform: rotate(324deg); -moz-transform: rotate(324deg); -o-transform: rotate(324deg); transform: rotate(324deg); }
.aos-animate .prems-fading-circle .prems-circle38 { -webkit-transform: rotate(336deg); -moz-transform: rotate(336deg); -o-transform: rotate(336deg); transform: rotate(336deg); }
.aos-animate .prems-fading-circle .prems-circle39 { -webkit-transform: rotate(344deg); -moz-transform: rotate(344deg); -o-transform: rotate(344deg); transform: rotate(344deg); }
.aos-animate .prems-fading-circle .prems-circle40 { -webkit-transform: rotate(352deg); -moz-transform: rotate(352deg); -o-transform: rotate(352deg); transform: rotate(352deg); }

/*++Animation++*/

/*++divAppear++*/
@-webkit-keyframes prems-divAppear {
0%, 40% { opacity: 0; }
0% { -webkit-transform: scale(0); opacity: 0; }
50%, 100% { opacity: 1; }
50%  { -webkit-transform: scale(1); opacity: 0.4; }
75%  { -webkit-transform: scale(1); opacity: 0.7; }
100% { -webkit-transform: scale(1); opacity: 1; }
}
@-moz-keyframes prems-divAppear {
0%, 40% { opacity: 0; }
0% { -moz-transform: scale(0); opacity: 0; }
50%, 100% { opacity: 1; }
50%  { -moz-transform: scale(1); opacity: 0.4; }
75%  { -moz-transform: scale(1); opacity: 0.7; }
100% { -moz-transform: scale(1); opacity: 1; }
}
@-o-keyframes prems-divAppear {
0%, 40% { opacity: 0; }
0% { -o-transform: scale(0); opacity: 0; }
50%, 100% { opacity: 1; }
50%  { -o-transform: scale(1); opacity: 0.4; }
75%  { -o-transform: scale(1); opacity: 0.7; }
100% { -o-transform: scale(1); opacity: 1; }
}
@keyframes prems-divAppear {
0%, 40% { opacity: 0; }
0% { transform: scale(0); opacity: 0; }
50%, 100% { opacity: 1; }
50%  { transform: scale(1); opacity: 0.4; }
75%  { transform: scale(1); opacity: 0.7; }
100% { transform: scale(1); opacity: 1; }
}

/*++premsCircleFadeDelay++*/
@-webkit-keyframes prems-circleFadeDelay {
0%, 39%   { opacity: 0.3; }
40%, 100% { opacity: 1; }
}
@-moz-keyframes prems-circleFadeDelay {
0%, 39%   { opacity: 0.3; }
40%, 100% { opacity: 1; }
}
@-o-keyframes prems-circleFadeDelay {
0%, 39%   { opacity: 0.3; }
40%, 100% { opacity: 1; }
}
@keyframes prems-circleFadeDelay {
0%, 39%   { opacity: 0.3; }
40%, 100% { opacity: 1; }
}

/*wrap cols*/
body:not(.no-index) #page .section_row_5 .column_2a { padding: 0; }


/*++Circle inner++*/
.aos-animate .prems-fading-circle #inner {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
padding: 10px;
-webkit-border-radius: 50%;
border-radius: 50%;
width: 70%;
height: 60%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-shadow: 0 2px 5px 1px rgba(0,0,0,0.3);
box-shadow: 0 2px 5px 1px rgba(0,0,0,0.3);
}

.aos-animate .prems-fading-circle #inner figure {
  /* width: 50%; */
  /* padding-bottom: 50%; */
  /* margin: 30px; */
  opacity: 1;
  /* max-height: 100%; */
}
.aos-animate .prems-fading-circle #inner figure img { 
position: absolute; 
top: 50%; 
left: 50%; 
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-o-transform: translate(-50%, -50%); 
transform: translate(-50%, -50%);
}

.prems-fading-circle #inner figure { opacity: 0; }
#inner h3 { text-transform: uppercase; text-align: center; font-size: 1.7rem; }

/*Container*/
#wrapper .containr { 
width: 38.5%; 
padding: 8px 8px; 
position: absolute; 
z-index: 1;
-webkit-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
transition: all 1s ease-in-out; 
color: #FFF; 
-webkit-border-radius: 80px; 
border-radius: 80px;
opacity: 0; 
font-size: 0.85rem; 
font-family: "Open Sans", sans-serif; 
}

.aos-animate #wrapper .containr { 
animation: prems-divAppear 2s normal forwards ease-in-out; 
-webkit-animation: prems-divAppear 2s normal forwards ease-in-out; 
-moz-animation: prems-divAppear 2s normal forwards ease-in-out; 
-o-animation: prems-divAppear 2s normal forwards ease-in-out; 
}

.aos-animate #wrapper .containr img { max-width: 22.5%; float: left; margin: 5% 5% 5% 2.5%; -webkit-border-radius: 50%; border-radius: 50%; } 

#wrapper .containr.container1 img { -webkit-box-shadow: 5px 4px 21px 2px rgba(0,0,0,0.19); box-shadow: 5px 4px 21px 2px rgba(0,0,0,0.19); }
#wrapper .containr.container2 img { -webkit-box-shadow: 5px 4px 21px 2px rgba(0,0,0,0.19); box-shadow: 5px 4px 21px 2px rgba(0,0,0,0.19); }
#wrapper .containr.container3 img { -webkit-box-shadow: 5px 4px 21px 2px rgba(0,0,0,0.19); box-shadow: 5px 4px 21px 2px rgba(0,0,0,0.19); }
#wrapper .containr.container4 img { -webkit-box-shadow: 5px 4px 21px 2px rgba(0,0,0,0.19); box-shadow: 5px 4px 21px 2px rgba(0,0,0,0.19); }
#wrapper .containr.container5 img { -webkit-box-shadow: 5px 4px 21px 2px rgba(0,0,0,0.19); box-shadow: 5px 4px 21px 2px rgba(0,0,0,0.19); }
#wrapper .containr.container6 img { -webkit-box-shadow: 5px 4px 21px 2px rgba(0,0,0,0.19); box-shadow: 5px 4px 21px 2px rgba(0,0,0,0.19); }

#wrapper .containr.container4 img, #wrapper .containr.container5 img, #wrapper .containr.container6 img { float: right; margin: 5% 2.5% 5% 5%; }

#wrapper h3 {
font-size: 1rem;
font-family: "Open Sans", sans-serif;
padding-top: 5%;
line-height: 1.2;
color: #fff;
opacity: 0.75;
font-weight: bold;
position: relative;
display: inline-block;
margin-bottom: 0;
}

#wrapper p { color: #fff; opacity: 0.75; line-height: inherit; }

#wrapper .container4 h3, #wrapper .container5 h3, #wrapper .container6 h3 { margin-left: 10px; }
#wrapper .containr.container4 p, #wrapper .containr.container5 p, #wrapper .containr.container6 p { max-width: 220px; margin-left: 10px; }

.aos-animate #wrapper .container1 { 
left: 57.5%; 
bottom: 100%; 
animation: none !important;
-webkit-animation: none !important;
-moz-animation: none !important;
-o-animation: none !important; 
background-color: #557f8d;
opacity: 1; 
}

.aos-animate #wrapper .container2 {
right: -15px; 
top: 10%;  
-webkit-animation-delay: 0.2s;
-moz-animation-delay: 0.2s;
-o-animation-delay: 0.2s;
animation-delay: 0.2s;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out; 
background-color: #00adb4;
}  

.aos-animate #wrapper .container3 { 
left: 57.5%; 
top: 100%;
-webkit-animation-delay: 0.75s; 
-moz-animation-delay: 0.75s; 
-o-animation-delay: 0.75s; 
animation-delay: 0.75s; 
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out; 
background-color: #41b5ac; 
}

.aos-animate #wrapper .container4 { 
right: 57.5%;
top: 100%;  
-webkit-animation-delay: 1.55s;
-moz-animation-delay: 1.55s;
-o-animation-delay: 1.55s;
animation-delay: 1.55s; 
-webkit-transition: all 300ms ease-in-out; 
-moz-transition: all 300ms ease-in-out; 
-o-transition: all 300ms ease-in-out; 
transition: all 300ms ease-in-out; 
background-color: #557f8d; 
text-align: right;
}

.aos-animate #wrapper .container5 { 
left: -15px; 
top: 10%;
-webkit-animation-delay: 2.15s;
-moz-animation-delay: 2.15s;
-o-animation-delay: 2.15s;
animation-delay: 2.15s; 
-webkit-transition: all 300ms ease-in-out; 
-moz-transition: all 300ms ease-in-out; 
-o-transition: all 300ms ease-in-out; 
transition: all 300ms ease-in-out; 
background-color: #00adb4; 
text-align: right;
}

.aos-animate #wrapper .container6 { 
right: 57.5%;
bottom: 100%; 
-webkit-animation-delay:2.85s; 
-moz-animation-delay:2.85s; 
-o-animation-delay:2.85s; 
animation-delay:2.85s; 
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out; 
background-color: #40b2aa; 
text-align: right;
}

#wrapper .containr::after {
content: "";
display: block;
position: absolute;
border-left: 12px solid transparent;
border-right: 11px solid transparent;
-webkit-border-radius: 3%;
border-radius: 3%;
outline: 1px solid transparent;
}

#wrapper .container1::after {
border-bottom: 15px solid #557f8d;
bottom: 10px;
left: 0;
-webkit-transform: rotateZ(-15deg);
-moz-transform: rotateZ(-15deg);
-o-transform: rotateZ(-15deg);
transform: rotateZ(-15deg);
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
}

#wrapper .container2::after {
border-bottom: 15px solid #00adb4;
top: 50%;
left: -15px;
margin-top: -6px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
}

#wrapper .container3::after {
border-bottom: 15px solid #41b5ac;
top: 10px;
left: 0;
-webkit-transform: rotateZ(65deg);
-moz-transform: rotateZ(65deg);
-o-transform: rotateZ(65deg);
transform: rotateZ(65deg);
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
}

#wrapper .container4::after {
border-bottom: 15px solid #557f8d;
top: 15px;
right: 0;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: rotateZ(-65deg);
-moz-transform: rotate(-65deg);
-o-transform: rotateZ(-65deg);
transform: rotateZ(-65deg);
}

#wrapper .container5::after {
border-bottom: 15px solid #00adb4;
top: 50%;
right: -15px;
margin-top: -7px;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}

#wrapper .container6::after {
border-bottom: 15px solid #40b2aa;
bottom: 10px;
right: 0;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: rotateZ(15deg);
-moz-transform: rotate(15deg);
-o-transform: rotate(15deg);
transform: rotate(15deg);
} 

/* proces responsive */

.proces-responsive { display: none; max-width: 500px; margin-bottom: 30px;  }
.proces-responsive .nummer { text-align: center; padding: 10px; }
.proces-responsive .nummer img {  width: 50px; height: 50px; }

.proces-responsive .txtblock::before,
.proces-responsive .txtblock::after { content: ""; display: table; clear: both; width: 1px; margin-left: -1px; }
/* .proces-responsive .txtblock { height: 150px; } */

.proces-responsive .stap1 .txtblock { background: #557f8d; }
.proces-responsive .stap2 .txtblock { background: #00adb4; }
.proces-responsive .stap3 .txtblock { background: #41b5ac; }
.proces-responsive .stap4 .txtblock { background: #557f8d; }
.proces-responsive .stap5 .txtblock { background: #00adb4; }
.proces-responsive .stap6 .txtblock { background: #41b5ac; }

.proces-responsive .afbeelding {
float: left;
width: 150px;
padding: 20px;
}

.proces-responsive .txt { float: left; max-width: 305px; }
#page .proces-responsive .txtblock .txt h3 {     
font-size: 1.1rem;
font-family: "Open Sans", sans-serif;
padding-top: 30px;
line-height: 1.1;
color: #fff;
opacity: 0.75;
font-weight: bold;
position: relative;
display: inline-block;
margin-bottom: 16px;}
.proces-responsive .txtblock .txt p { color: #fff; opacity: 0.75; }


/*++++++FOLLOW UP PAGES++++++*/
/*+++++++++++++++++++++++++++*/

/* General */
body.no-index #page > [class*="upper_"] {
    min-height: 330px;
    padding-top: 35vh;
    background-size: cover;
    background-position: center center;
    background-image: url('../images/banner/bannerfoto_resized.jpg');
}
body.no-index #page > [class*="upper_"] .textblock > hr { display: none; }
body.no-index #page > [class*="upper_"] ~ .section hr { display: none; }

body.no-index #page > [class*="upper_"]  ~ .section h1,
body.no-index #page > [class*="upper_"] h1 {
    font-weight: bold;
    font-size: 3.2rem;
    line-height: 3.2rem;
    margin: 0 0 1rem;
    padding: 0;
}

body.no-index #page > [class*="upper_"] ~ .section_row_1 { position: relative; background-color: transparent; padding-bottom: 0; }

body.no-index #page > [class*="upper_"] ~ .section h2 {
    font-weight: bold;
    font-size: 3.2rem;
    line-height: 3rem;
    margin: 0 0 1rem;
    padding: 0;
}

body.no-index #page > [class*="upper_"]:not(.upper_websites-webshops) ~ .section h3 {
    position: relative;
    font-size: 1.1rem;
    font-weight: bold;
    color: #150940;
    margin: 0 0 1rem;
    padding: 0;
}

.page_id_147625 .front_img_gallery .thumbnail .caption { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 100; }
.page_id_147625 .front_img_gallery .thumbnail .caption > p:last-child a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; }


/*++Website online zetten++*/
.page_id_132598 .section_row_2 .container { width: 100%; }
.page_id_132598 .balloons .balloon {
    display:inline-block;
    width:120px;
    height:145px;
    background:hsl(215,50%,65%);
    -webkit-border-radius:80%;
    border-radius:80%;
    position:relative;
    -webkit-box-shadow:inset -10px -10px 0 rgba(0,0,0,0.07);
    box-shadow:inset -10px -10px 0 rgba(0,0,0,0.07);
    margin:20px 30px;
    -webkit-transition:-webkit-transform 0.5s ease;
    transition:-webkit-transform 0.5s ease;
    -o-transition:transform 0.5s ease;
    transition:transform 0.5s ease;
    transition:transform 0.5s ease, -webkit-transform 0.5s ease;
    z-index:10;
    -webkit-animation:balloons 4s ease-in-out infinite;
    animation:balloons 4s ease-in-out infinite;
    -webkit-transform-origin:bottom center;
    -ms-transform-origin:bottom center;
    transform-origin:bottom center;
}

@-webkit-keyframes balloons {
    0%,100%{ -webkit-transform:translateY(0) rotate(-4deg); transform:translateY(0) rotate(-4deg); }
    50%{ -webkit-transform:translateY(-25px) rotate(4deg); transform:translateY(-25px) rotate(4deg); }
}

@keyframes balloons {
    0%,100%{ -webkit-transform:translateY(0) rotate(-4deg); transform:translateY(0) rotate(-4deg); }
    50%{ -webkit-transform:translateY(-25px) rotate(4deg); transform:translateY(-25px) rotate(4deg); }
}

/*++Websites voor mediators+*/
body.page_id_147625 #page .section_row_main { display: flex; align-items: center; justify-content: center; height: 380px; padding-top: 0; background-image: url('../images/bannerfoto_resized.jpg'); background-position: top 30% center; }
body.page_id_147625 #page .section_row_main .column_1 { padding-top: 0; }
.page_id_147625 #page .section_row_main h2{
      font-size: 3.6rem;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 1.25;
    color: rgb(255, 255, 255);
    margin-bottom: 0;
    text-align: center;
}

/*++coaching+*/
body.page_id_147865 #page .section_row_main { display: flex; align-items: center; justify-content: center; height: 380px; padding-top: 0; background-image: url('../images/bannerfoto_resized.jpg'); background-position: top 30% center; }
body.page_id_147865 #page .section_row_main .column_1 { padding-top: 0; }
.page_id_147865 #page .section_row_main h2{
      font-size: 3.6rem;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 1.25;
    color: rgb(255, 255, 255);
    margin-bottom: 0;
    text-align: center;
}
.page_id_147865 .section_row_main ~ .section_row_1 { padding: 6rem 0; }
.page_id_147865 .section_row_main ~ .section_row_2 .thumbnail p { color: #FFF; line-height: 2rem; }

/* tekstschrijver nodig (.page_id_168312) */
.page_id_168312 .section_row_main .col-md-12 {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 250px;
	text-align: center;
}
.page_id_168312 .section_row_main .col-md-12 p { color: #fff; font-size: 2rem; }

.page_id_168312 .section_row_1 { padding: 50px 0 !important; text-align: center; }
.page_id_168312 .section_row_1 .text-content { max-width: 600px; margin: 0 auto; }

.page_id_168312 .section_row_2 .row .column_2a { display: flex; flex-wrap: wrap; }
.page_id_168312 .section_row_2 .row .column_2a::before,
.page_id_168312 .section_row_2 .row .column_2a::after { display: none; }
.page_id_168312 .section_row_2 .text-content {
    position: relative;
    background-color: #f5f6f6;
    border-bottom: 1px solid #6a7a82;
    padding: 0 20px 60px;
    height: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
}
.page_id_168312 #page .section_row_2 h2 { font-size: 1.8rem !important; color: #6a7a82; }
.page_id_168312 .section_row_2 figure {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;
    height: 60px;
    background-color: #dfdfdf;
    margin: 0 -20px 20px;
}
.page_id_168312 .section_row_2 figure img { max-height: 40px; margin: 0 10px; }
.page_id_168312 .section_row_2 .col-md-6:last-child figure img { max-height: 30px; } /* textmakelaar */

.page_id_168312 .section_row_2 div.style-10 {
    max-width: 400px;
    margin: 30px auto 40px;
    text-align: center;
    border: 1px dotted #6a7a82;
    background-color:  #fff;
    padding: 15px;
}
.page_id_168312 #page .section_row_2 div.style-10 h3 { font-weight: 600; }
.page_id_168312 .section_row_2 div.style-10 strong { font-size: 2rem; color: #a0b69f; display: inline-block; }
.page_id_168312 .section_row_2 div.style-10 strong small { font-size: 50%; margin-left: 10px; }

.page_id_168312 .section_row_2 a:not(.btn) { color: #777; }
.page_id_168312 #page .section_row_2 .text-content p:last-child .btn-default { padding: 12px 46px; position: absolute; bottom: 0; right: 0; line-height: 1.42857143; font-weight: bold; }
.page_id_168312 #page .section_row_2 .text-content p:last-child .btn-default::after {
	content: "";
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	border-radius: 0;
	border: 1px solid #6a7a82;
    margin-left: 0;
	transition: .5s;
}
.page_id_168312 #page .section_row_2 .text-content p:last-child .btn-default:hover::after { transform: scale(1.5); opacity: 0; }
.page_id_168312 #page .section_row_2 .btn-default, 
.page_id_168312 #page .section_row_2 .btn-default:hover, 
.page_id_168312 #page .section_row_2 .btn-default:focus {
	background-color: #6a7a82;
	color: #fff;
	border-color: #6a7a82;
}

.page_id_132598 .balloons .balloon:before {
    content:"â–²";
    font-size:20px;
    color:hsl(215,30%,50%);
    display:block;
    text-align:center;
    width:100%;
    position:absolute;
    bottom:-12px;
    z-index:-100;
}

.page_id_132598 .balloons .balloon:after {
    display:inline-block; top:153px;
    position:absolute;
    height:250px;
    width:1px;
    margin:0 auto;
    content:"";
    left: 0;
    right: 0;
    background:rgba(0,0,0,0.2); 
}

.page_id_132598 .section_row_2 .col-md-3:first-child .balloons .balloon:last-child{ background:hsl(245,40%,65%); -webkit-animation-duration:3.5s; animation-duration:3.5s; }
.page_id_132598 .section_row_2 .col-md-3:first-child .balloons .balloon:last-child:before { color:hsl(245,40%,65%);  }

.page_id_132598 .section_row_2 .col-md-3:last-child .balloons .balloon:last-child{ background:hsl(139,50%,60%); -webkit-animation-duration:3s; animation-duration:3s; }
.page_id_132598 .section_row_2 .col-md-3:last-child .balloons .balloon:last-child:before { color:hsl(139,30%,50%);  }

.page_id_132598 .section_row_2 .col-md-3:first-child .balloons .balloon:first-child{ background:hsl(59,50%,58%); -webkit-animation-duration:4.5s; animation-duration:4.5s; }
.page_id_132598 .section_row_2 .col-md-3:first-child .balloons .balloon:first-child:before { color:hsl(59,30%,52%);  }

.page_id_132598 .section_row_2 .col-md-3:last-child .balloons .balloon:first-child { background:hsl(23,55%,57%); -webkit-animation-duration:5s; animation-duration:5s; }
.page_id_132598 .section_row_2 .col-md-3:last-child .balloons .balloon:first-child:before { color:hsl(23,44%,46%);  }

/*++Haal meer uit je website++*/
.page_id_132607 .section_row_2 .checkbox h3 button { text-align: center; transition: all 0.3s ease-in-out; margin-left: 15px; }
.page_id_132607 .section_row_2 .checkbox h3 button:hover, .checkbox h3 button:focus { outline: none; }
.page_id_132607 .section_row_2 .checkbox h3 button::after { display: none; }
.page_id_132607 .section_row_2 .checkbox h3  .tooltip-inner { padding: 10px; }


/*Designs .page_id_142486*/
.page_id_142486 .design figure::after { z-index: 1!important; }

/*++webshop++*/

/*++btn old price++*/
#page .thumbnail .old_price { 
  margin-right: 10px; 
  transition: all 0.3s ease-in-out; 
  -webkit-transition: all 0.3s ease-in-out; 
  text-decoration: line-through;   
}
.thumbnail .old_price::before { content: "€ "; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;  }
#page .thumbnail:hover .old_price, .thumbnail:hover .old_price::before { color: #FFF; }
/*++++++++++++++++*/

.webshop.section { padding: 0 0 6rem; }
.webshop.section .page-header { border: none; margin-top: 0; border-color: transparent !important; }
.webshop.section::before {
    content: "";
    display: block;
    height: 50vh;
    min-height: 120px;
    margin-bottom: 6rem;
    background-size: cover;
    background-position: center center;
    background-image: url('../images/banner/bannerfoto_resized.jpg');
}
#page .webshop.section h1 {
    font-weight: bold;
    font-size: 2.2rem;
    line-height: 3rem;
    margin: 0 0 2rem;
    padding: 0;
}

.webshop.section .page-header ~ hr { display: none; }
.webshop.section .info_content p {
    line-height: 2rem;
    letter-spacing: 0.2px;
    color: #6c6c6c;
}

/* category front - startscherm webshop */
.webshop_page_front #page .webshop.section h1,
.webshop_page_front #page .webshop.section hr { display: none; }
.webshop_page_front #page .webshop.section .webshopcategorytxt h1 {display: block; }
.webshop_page_front #page .webshop.section .webshopcategorytxt { margin-bottom: 48px; }

.webshop_page_front #frontproducttable ul { display: flex; }
.webshop_page_front .thumbnail {
    background: #f2f2f2;
    border: none;
    border-radius: 0px;
    height: 300px !important;
    padding: 40px;
    transition: 0.3s;
    position: relative;
}
.webshop_page_front .thumbnail:hover { background: #43b9b0; }
.webshop_page_front .thumbnail::after { content: "+"; font-size: 3.5rem; color: #fff; position: absolute; bottom: 10px; right: 20px; font-weight: normal;}
.webshop_page_front .thumbnail a img { max-height: 130px; margin-top: 20px;}
/*
.webshop_page_front .producttitle2 a {
    color: #475880;
    font-weight: bold;
    position: absolute;
    top: 0;
    right: 0px;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: end;
    flex-direction: column;
    padding: 30px;
    text-decoration: none;
    transition: 0.3s;
    padding-bottom: 50px;
}
*/
.webshop_page_front .producttitle2 a {
    color: #475880;
    font-weight: bold;
    position: absolute;
    top: auto;
    right: 0px;
    bottom: 5%;
    left: 0;
    padding: 30px;
    text-decoration: none;
    transition: 0.3s;
    padding-bottom: 50px;
}
.webshop_page_front .producttitle2 a:hover { color: #fff; }

/* producten page -  overzicht producten*/

.webshop_page_category #category_products > .thumbnails { height: auto; }
.webshop_page_category #category_products > .thumbnails > li[id^="item_"] {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    transform: none !important;
    transition: 0s !important;
    width: 20%;
}

.webshop_page_category .thumbnail {
    border: none;
    display: flex;
    flex-wrap: wrap;
    background: #f2f2f2;
    position: relative;
    padding: 20px;
    height: 350px !important;
    border-radius: 0px; 
    transition: 0.3s; 
    
}
.webshop_page_category .thumbnail:hover { background: #43b9b0; }
.webshop_page_category .thumbnail div:last-child {
    left: 20px;
    position: absolute;
    bottom: 17px;
}
.webshop_page_category .thumbnail > a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100% !important;
}
.webshop_page_category .products-view #item_7 a img { max-height: 150px !important; padding-top: 30px; }
.webshop_page_category .products-view #item_16 a img { max-height: 150px !important; padding-top: 30px; }
.webshop_page_category .products-view #item_20 a img { max-height: 150px !important; padding-top: 30px; }
.webshop_page_category .thumbnail > a img {  margin-top: 40px; padding: 20px; max-height: 180px !important; }
.webshop_page_category .thumbnail .producttitle { font-weight: bold; font-size: 1.1rem; height: 100% !important; }
.webshop_page_category .thumbnail .producttitle::after { 
    content: "+"; 
    font-size: 3.5rem; 
    color: rgb(73, 89, 128); 
    position: absolute; 
    bottom: 0px; 
    right: 20px; 
    font-weight: normal;
}
.webshop_page_category .thumbnail:hover .producttitle::after { color: #fff; }
.webshop_page_category #page .thumbnail .product_price .btn-info { color: #000; transition: 0.3s; font-size: 0.8rem; }
.webshop_page_category #page .thumbnail .product_price .btn::after { display: none; }
.webshop_page_category .thumbnail .producttitle a {
    color: rgb(73, 89, 128);
    display: inline-block;
    margin-top: 180px;
    text-align: left;
    line-height: 2;
    transition: 0.3s; 
    
}
.webshop_page_category #page .thumbnail:hover .product_price .btn-info,
.webshop_page_category .thumbnail:hover .producttitle a { color: #fff; }

/* webshop modules  */
/* dit is om deze 2 producten bovenaan te zetten */
/* .webshop_cat_39652 #category_products > .thumbnails { display: flex; flex-wrap: wrap; }
.webshop_cat_39652 #category_products > .thumbnails::before,
.webshop_cat_39652 #category_products > .thumbnails::after { display: none; }
.webshop_cat_39652 #category_products > .thumbnails > li[id^="item_"] { order: 99; }

[data-filter-name="ssl certificaat € 69,- p/j "] { order: 1 !important; }
[data-filter-name="premium ssl certificaat € 99,- p/j "] { order: 2 !important; } */
[data-filter-name="ssl certificaat € 69,- p/j "] .thumbnail,
[data-filter-name="premium ssl certificaat € 99,- p/j "] .thumbnail { background-color: #79c9af; }

/* product bestel pagina */
.small.back_to_category_link {
    text-decoration: none;
    font-size: 0;
    height: 20px;
    background-image: url('../images/back_arrow.png');
    background-size: 20px;
    background-position: left center;
    background-repeat: no-repeat;
}

.webshop_page_product .page-header, 
.webshop_page_product .nav-tabs {border: none; }
.webshop_page_product .col-md-6.prod_img { padding-right: 40px; width: 35%; }
.webshop_page_product .col-md-6:last-child { width: 65%; padding-top: 0px !important; }

.webshop_page_product .prod_img a { text-align: left !important; }
.webshop_page_product .prod_img a img { background: #f2f2f2; padding: 60px; }

.webshop_page_product #page .productorder_container .order_button_custom.btn::after { display: none; }
.webshop_page_product #page .productorder_container .order_button_custom.btn-default { background: #43b9b0; color: #fff; border: 0px; padding: 0 15px;  }

.webshop_page_product #page h2[itemprop="price"] { color: #43b9b0; }

.webshop_page_product .info_content ul li { position: relative; list-style-type: none; }
.webshop_page_product .info_content ul li::before {
    content: "\2022";
    position: absolute;
    left: -15.4px;
    z-index: 2;
    font-size: 28px;
    top: -10.8px;
    color: #43b9b0;
    z-index: 2;
}

/* bestel pagina product taximodule */
.webshop_page_product .info_content p a[href*='taximodule'] {
  border-bottom: 1px solid #150940;
  color: #150940;
  font-weight: 700;
}
.webshop_page_product .info_content p a[href*='taximodule']:hover,
.webshop_page_product .info_content p a[href*='taximodule']:focus {
  text-decoration: none;
  color: #3a1ca7;
  border-bottom: 1px solid #3a1ca7;
}
/* end product taximodule */

.webshop_page_product .thumbnail {
    border: none;
    display: flex;
    flex-wrap: wrap;
    background: #f2f2f2;
    position: relative;
    padding: 20px;
    height: 350px !important;
    border-radius: 0px; 
    transition: 0.3s; 
}
.webshop_page_product .thumbnail:hover { background: #43b9b0; } 

.webshop_page_product .final_price p { color: #43b9b0; }

.webshop_page_product .productorder_container hr { display: none; }
.webshop_page_product .productorder_container #count {
    border: none;
    color: #000;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-right: 17px;
    background: url('https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png') no-repeat 94% center #FFF;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-background-size: 10px 10px;
    background-size: 10px;
    border-bottom: 1px solid #43b9b0;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding-left: 0;
    width: 60px !important;
    margin-right: 20px !important;
}
.webshop_page_product .productorder_container .nav-tabs { border: none; }
.webshop_page_product .productorder_container .form-control { height: 31px; }

.webshop_page_product #shopc .options .well { 
  border: none;
  box-shadow: none;
  border: 0;
}
.webshop_page_product #shopc .options .well label { 
  padding: 0;
  color: #150940;
}
.webshop_page_product #shopc .options .well select { border-radius: 0; }

/* bestel ook onderaan */

.webshop_page_product .textblock .thumbnail {
    border: none;
    display: flex;
    flex-wrap: wrap;
    background: #f2f2f2;
    position: relative;
    padding: 20px;
    height: 350px !important;
    border-radius: 0px;
    transition: 0.3s;
    flex-direction: column;
}
.webshop_page_product .textblock .thumbnail:hover { background: #43b9b0; }

.webshop_page_product .thumbnail > span {
    font-weight: bold;
    margin-top: 20px;
    text-align: left !important;
    display: flex !important;
    flex-direction: column-reverse;
    color: rgb(73, 89, 128);
}
.webshop_page_product .thumbnail > span > img { margin: 0 auto 70px !important; }

.webshop_page_product #page .thumbnail .product_link .btn { font-size: 0px; position: absolute; top: 0; bottom: 0; left: 0; right:0;}
.webshop_page_product #page .thumbnail .product_link .btn::after { display: none; }
.webshop_page_product #page .thumbnail .product_price .btn::after { display: none; }
.webshop_page_product #page .thumbnail .product_price a { color: #000; }

.webshop_page_product #page .thumbnail .product_price::after { 
    content: "+"; 
    font-size: 3.5rem; 
    color: rgb(73, 89, 128); 
    position: absolute; 
    bottom: 0px; 
    right: 20px; 
    font-weight: normal;
}

.webshop_page_product #page ul.thumbnails li { width: 20%; }
.webshop_page_product #page .thumbnail p { text-align: left !important; }


.webshop_page_product .thumbnails.clearfix li:nth-child(n+6) { display: none; }


/* WINKELWAGEN */

.error-code { text-align: center; }
.alert, .alert .alert-link { color: #fff; font-family: "Open Sans", sans-serif; text-decoration: none !important; }
.alert { background: #43b9b0;  border: none; border-radius: 0; padding: 20px 40px; position: absolute; right: 10px; top:  10px; }
#page .alert h4 { text-transform: uppercase; font-size: 20px; color: #fff;}
#page .alert h4 i { display: none; }
.alert .close { position: absolute; right: 15px; top: 15px; opacity: .5; }
/*Bounce in and scrolling out alert */
.alert[style*="block"] { animation: 1s scrollinview ease-in-out forwards, 1s scrolloutview 5s ease-in-out forwards; }
@keyframes scrollinview {
    0% { top: -200px; }
    40% { top: 35px; }
    60% { top: 10px; }
    80% { top: 35px; }
    100% { top: 10px; }
}

@keyframes scrolloutview {
    0% { top: 10px; }
    100% { top: -200px; }
}

/* fix for cart not showing on mobile*/
#product_cart_edit .visible-lg,
#product_cart_edit tr.visible-lg,
#product_cart_edit th.visible-lg,
#product_cart_edit td.visible-lg { display: block !important; }

#product_cart_edit { min-height: 100vh; width: 90%;margin: auto;}
#page #product_cart_edit .page-header { margin: 0; padding: 0; border: 0; margin-bottom: 50px; }
#page #product_cart_edit .page-header h1 { font-size: 20px;  text-transform: uppercase;font-weight: bold;font-size: 40px;order: 0;background: #fff;margin: 0;padding: 30px 20px;}

#product_cart_edit .del_button > .btn-default { display: none; }
#product_cart_edit .del_button > .btn-danger { float: right; height: 40px; line-height: 20px; padding: 10px; width: 40px; border: 0; }
#product_cart_edit .btn-danger:hover,
#product_cart_edit .btn-danger:focus { background: #c12e2a; border-color: #f3f3f5; }
#product_cart_edit .btn-danger,
#product_cart_edit .btn-default,
#product_cart_edit .restore_my_cart.small,
#product_cart_edit .save_my_cart.small {
    background: #47b7ae;
    text-shadow: none;
    color: #fff;
    padding: 15px;
    border-radius: 0;
    box-shadow: none;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    border: 0;
}
#page #product_cart_edit .btn::after { display: none; }
#product_cart_edit .form-control { border-radius: 0px; box-shadow: none; }
ul.order li.active { background-color: #47b7ae; color: #fff; }
ul.order li {
    padding: 10px;
    line-height: 20px;
    background: #e7e7e7;
    text-transform: uppercase;
    text-shadow: none;
    color: #000;
    padding: 15px;
    border-radius: 0;
    box-shadow: none;
    font-size: 13px;
}
ul.order li b,
ul.order li strong { font-weight: 500; }
ul.order li span i { border: 25px solid #e7e7e7 !important; border-left: 1.5em solid transparent !important; }
#product_cart_edit table tr td,
#product_cart_edit table tr th { border: 0; background: none; vertical-align: middle;}
#li_plus_min .form-control { border-radius: 0; border: 0; height: 40px; }

.confirm-buttons .btn::after { display: none; }
.confirm_form .confirm-buttons .terug_button,
#product_cart_edit .min_button,
#product_cart_edit .plus_button { height: 34px; margin-top: 0; line-height: 33px;  width: 20px; text-align: center; background: #47b7ae; }
#product_cart_edit .min_button i,
#product_cart_edit .plus_button i { font-size: 9px; vertical-align: middle; padding: 0; margin-top: 9; transform: translateY(-50%); }

/* CHECKOUT */
#page .orderform hr { display: none; }
#page .orderform .well { background: ; border: 0; box-shadow: none; border-radius: 0; }
#page .orderform .form-control { min-height: 40px; border: 0; border-radius: 0; }
#page .orderform .btn { background: #47b7ae; border: 0; text-shadow: none; color: #fff; padding: 12px 20px; border-radius: 0; text-transform: uppercase; }
#page .orderform .btn::after { display: none; }

.webshop_page_order .row-fluid.well {
  display: inline-block;
  width: 100%;
  background-color: transparent;
  padding: 0;
  border: none;
  box-shadow: none;
  margin: 1rem auto;
}
/*++++REDESIGN PAGE++++*/
/*+++++++++++++++++++++*/
.page_id_132559 .section_row_1 ~ .section .fancybox-button { position: relative; }
.page_id_132559 .section_row_1 ~ .section .fancybox-button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  color: #232323;
  font-size: 1.6rem;
  background-color: rgba(255,255,255,0.5);
  transition: all 300ms ease-in-out;
  opacity: 0;
    font-weight: bold;
}
.page_id_132559 .section_row_1 ~ .section .fancybox-button:hover:after { opacity: 1; }

/*2*/
.page_id_132559 .section_row_2 .col-md-4:first-child .fancybox-button::after { content: "1"; }
.page_id_132559 .section_row_2 .col-md-4:nth-child(2) .fancybox-button::after { content: "2"; }
.page_id_132559 .section_row_2 .col-md-4:last-child .fancybox-button::after { content: "3"; }

/*3*/
.page_id_132559 .section_row_3 .col-md-4:first-child .fancybox-button::after { content: "4"; }
.page_id_132559 .section_row_3 .col-md-4:nth-child(2) .fancybox-button::after { content: "5"; }
.page_id_132559 .section_row_3 .col-md-4:last-child .fancybox-button::after { content: "6"; }

/*4*/
.page_id_132559 .section_row_4 .col-md-4:first-child .fancybox-button::after { content: "7"; }
.page_id_132559 .section_row_4 .col-md-4:nth-child(2) .fancybox-button::after { content: "8"; }
.page_id_132559 .section_row_4 .col-md-4:last-child .fancybox-button::after { content: "9"; }

/*5*/
.page_id_132559 .section_row_5 .col-md-4:first-child .fancybox-button::after { content: "10"; }
.page_id_132559 .section_row_5 .col-md-4:nth-child(2) .fancybox-button::after { content: "11"; }
.page_id_132559 .section_row_5 .col-md-4:last-child .fancybox-button::after { content: "12"; }

/*6*/
.page_id_132559 .section_row_6 .col-md-4:first-child .fancybox-button::after { content: "13"; }
.page_id_132559 .section_row_6 .col-md-4:nth-child(2) .fancybox-button::after { content: "14"; }
.page_id_132559 .section_row_6 .col-md-4:last-child .fancybox-button::after { content: "15"; }



/*++++LOGIN PAGE++++*/
/*+++++++++++++++++*/
body.mod_user_login  .section .col-md-9, body.mod_user_login  .section .col-sm-11, body.mod_user_login  .section .col-sm-8 { width: 100%; }
body.mod_user_login  .section .col-md-3 { display: none; }

body.mod_user_login .textblock.user-block {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}

body.mod_user_login .section .nav-tabs { display: none; }

body.mod_user_login .section #login form {
    padding: 0;
    border: none;
    box-shadow: none;
    background-image: none;
    background-color: transparent;
}

body.mod_user_login .section #login form .col-sm-3.control-label {
    width: 100%;
    text-align: left;
    margin: 0 auto 5px;
}

body.mod_user_login .section #login form .formblock_main .well { padding-top: 0; }


body.mod_user_login .section #login form .form-control {
    background: none;
    border: none;
    border-radius: 0;
    border-bottom: 2px solid rgba(21,9,64,0.3);
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 2rem !important;
    text-align: left !important;
    padding: 15px 0;
    line-height: 2rem;
    height: 40px;
}
body.mod_user_login .section #login form .radio { margin-bottom: 2rem; }
body.mod_user_login .section #login form .form-control:focus { border-bottom: 2px solid rgba(21,9,64,0.6); }
body.mod_user_login #login .btn.btn-default { border: solid #43b9b0; padding: 4px 45px; }
body.mod_user_login #login .btn.btn-default:hover { background-color: #43b9b0; color: #fff; }
body.mod_user_login .section #login form .form-control ~ .control-label {
    position: absolute;
    font-size: 1rem;
    font-weight: 300;
    top: 8px;
    padding: 0;
    pointer-events: none;
    -webkit-transition-duration: 150ms;
         -o-transition-duration: 150ms;
            transition-duration: 150ms;
}


/*++contact++*/
.formblock_main br:last-child, #gmaps + hr { display: none; }

/*label stuff*/
body.index form .form-control.has-input + .control-label, 
body.index form .form-control:focus + .control-label,
body.index #login .form-control.has-input + .control-label, 
body.index #login .form-control:focus + .control-label,
body.index #forgotten_password .form-control.has-input + .control-label, 
body.index #forgotten_password .form-control:focus + .control-label {
    top: -1rem !important;
    font-size: 0.8rem !important;
}

body.index form .form-control.error + .control-label::after,
body.index #login .form-control.error + .control-label::after,
body.index #forgotten_password  .form-control.error + .control-label::after {
    content: " \f12a";
    color: rgb(122, 63, 63);
}

body.index form .form-control + .control-label::after,
body.index #login .form-control + .control-label::after,
body.index #forgotten_password .form-control + .control-label::after {
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 0.6em;
    vertical-align: top;
    color: rgba(255, 255, 255, 0);
    -webkit-transition-duration: 600ms;
    -o-transition-duration: 600ms;
    transition-duration: 600ms;
}

body.index form .form-control.valid + .control-label::after,
body.index #login .form-control.valid + .control-label::after,
body.index #forgotten_password .form-control.valid + .control-label::after {
    content: " \f00c";
    color: rgb(85, 130, 85);
}

/* forms */
.col-md-3 .form-horizontal .control-label { text-align: left; }
.required.form-control.error { background-color: #fec0c0; }  /*visuals required from fields*/
.required.form-control.valid { background-color: #c9fbcd; }
#custom_form textarea[rows="3"] { height: 74px; } /*fix for cross browser text area height*/

/* fancybox */
.fancybox-close {
    background-image: urL(../images/close.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    top: 5px;
    right: 5px;
}
.fancybox-skin { border-radius: 0; padding: 0 !important; }

/* faq */
#accordion_faq .panel-heading { padding: 0; }
#accordion_faq .panel-heading > a { display: block; padding: 10px 15px; }
#accordion_faq a { display: initial; }

/*+++++FOOTER+++++*/
/*++++++++++++++++*/
footer { background-color: rgb(33, 33, 33); text-align: left; }
body.index footer figure { text-align: left; }
footer::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 20rem;
    height: 20rem;
    background-image: url('../images/footer_logo-side.png');
    background-position: 4rem 4rem;
    background-repeat: no-repeat;
    background-size: contain;
}
footer .container:first-child { padding: 6rem 15px 6rem; position: relative; z-index: 5; } 
footer .container:last-child { position: relative; z-index: 1; background-color: rgba(33, 33, 33, 0.6); padding: 0 30px; }
footer .container:last-child p { color: rgba(255, 255, 255, 0.7); font-size: 0.8rem; }
footer .container:last-child a { color: rgba(255, 255, 255, 0.7); }
footer .container .col-md-12 { padding: 0.5rem 0; border-top: 1px solid rgba(255, 255, 255, 0.1); }
footer .container .col-md-12 > div:first-child { float: left; }
footer .container .col-md-12 > div:last-child { float: right; }
footer .container .col-md-12 > div:last-child p { display: inline-block; }
footer .container .col-md-12 > div:last-child p:not(:first-child)::before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 0.5rem;
    margin: 0 0.5rem;
    background-color: rgba(255, 255, 255, 0.7);
    vertical-align: middle;
}

footer .foot_header {
    display: inline-block;
    color: rgb(255, 255, 255);
    font-weight: bold;
    font-size: 1.1rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-bottom: 2rem;
}
footer p { color: rgb(255, 255, 255); line-height: 1.8rem; }
footer .container a {
    text-decoration: none;
    color: rgb(255, 255, 255);
    -webkit-transition: 150ms cubic-bezier(.25,.46,.45,.94);
    -o-transition: 150ms cubic-bezier(.25,.46,.45,.94);
    transition: 150ms cubic-bezier(.25,.46,.45,.94);
    opacity: 1;
    outline: 0;
}
footer a:hover {  opacity: 0.4; }
footer #logo { box-shadow: none; }
footer img[src*="logo"] { max-height: 2rem; }

footer form { padding: 0.5rem 0 0; }
footer form .form-control {
    border: none;
    border-radius: 0;
    border-bottom: 2px solid rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 1rem !important;
    text-align: left !important;
    padding: 15px 0;
    line-height: 2rem;
    height: 40px;
    background: none;
    color: #fff;
}
footer form .form-group:nth-child(1) .form-control { margin-top: 0 !important; }
footer form .form-group:nth-child(2) .form-control { margin-bottom: 1rem !important; }
footer form .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 2px solid rgba(255, 255, 255, 0.6);
}

footer form .forgotten_btn { display: inline-block; font-size: 11px; margin-bottom: 1rem; }

footer form .login_btn { display: inline-block; }
footer form .login_btn:hover { color: rgb(255, 255, 255); opacity: 1; }
footer form .login_btn em::before { background-color: rgb(255, 255, 255); }

/*+++++MEDIA QUERIES+++++*/
/*+++++++++++++++++++++++*/

@media(min-width:991px) {
    #sequence-theme { min-height: 800px; }
}

@media (max-width:1199px){
    html { font-size: 13px; }
    .webshop.section::before { background-attachment: scroll; }
    
    #sequence-theme .slide .caption { text-align: left; }
    #sequence-theme .slide .bgimg { background-attachment: scroll !important; }
    
    body:not(.no-index) .section_row_1 .ccon > div { max-width: 465px; }
    
    /* webshop */
    .webshop_page_category #category_products > .thumbnails > li[id^="item_"] { width: 25%; }
    
    
    body.no-index #page > [class*="upper_"] { background-attachment: scroll; }
    
    /*++WEbsite online zetten++*/
    .page_id_132598 .section_row_2 .formblock_main { padding: 3rem 0; }
    
    #wrapper { display: none; }
    .proces-responsive { display: block; }
}

@media (max-width:991px){
    html { font-size: 12px; }
    
    #sequence-theme .bgimg {
        background-attachment: scroll !important;
    }
    #sequence-theme .slide .caption .h3 p a,
    #sequence-theme .slide .caption .h3 p { font-size: 2rem; }
    
    .page_id_168312 .section_row_2 .col-md-6:first-child { margin-bottom: 40px; }
    
    body:not(.no-index) .section_row_1 .ccon {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    
    body:not(.no-index) .section_row_1 .ccon > div:nth-child(n) { max-width: 353px; }
    
    body:not(.no-index) .section_row_5 .col-md-6#main,
    body:not(.no-index) .section_row_5 .col-md-6#sidebar { left: 0; right: 0; width: 100%; }
    
    footer .col-md-4:not(:last-child) { margin-bottom: 2rem; }
    
    
    /*++WEbsite online zetten++*/
    .page_id_132598 .section_row_2 .col-md-3 { display: none; }
    
    /*websites webshops*/
    #page #anchor_main_anchorblock { position: relative; margin: 0 auto; }
    
    /* webshop */
    .webshop_page_front #frontproducttable ul { display: block; }
    .webshop_page_product .col-md-6.prod_img, .webshop_page_product .col-md-6:last-child { width: 100%; max-width: 650px; margin: 0 auto; float: none; }
    .webshop_page_product #page ul.thumbnails li { width: 33.33333%; float: left; }
}

@media (max-width:767px){

    
    body:not(.overlay-show) header .overlay { bottom: 250%; }
    
    header .col-md-6 { width: 50%; float: left; }
    header .col-md-6:last-child > div:first-of-type { position: relative;  }
    header .col-md-6:last-child > div:nth-child(2) { display: none; }
    header .col-md-6:last-child > div:not(:first-child) { margin-right: 0; }
    header .overlay-content > div:not(:first-child) { max-width: 74%; }

    #inlog-over { display: none; }
  
  header .overlay-content > div:first-child { margin-top: 55px; }
  header .login-block .col-sm-12 { width: 100%; }
    
    header .main_nav ul li a { font-size: 1.2rem; }
  
    
    #main-nav-over.overlay-controls { text-align: center; }
    header #main-nav-over .navToggle {
        top: 0;
        margin-top: 21px;
        margin-left: 30px;
    }
    
    #sequence-theme { height: -webkit-calc(100vh - 57px) !important; height: calc(100vh - 57px) !important; }
    #sequence-theme .slide .caption {
        padding: 20px 15px;
        width: 100%;
        margin: 0;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }
  #sequence-theme .slide .caption .h3 p a { font-size: 1.3rem; }
    
    img.img_right, img.img_left { display: block; float: none; }
    
    body:not(.no-index) .section_row_1 { padding: 15px 0; }
    
    body:not(.no-index) .section_row_5 .col-md-6#main { width: 100%; }
    
    /*++Tarieven++*/
    .page_id_128029 #page .section_row_2 .col-md-3 > div { padding-bottom: 250px; margin-top: 4rem; }
    .page_id_128029 #page .section_row_2 .col-md-3 > div p:nth-child(2) { margin: 80px auto 0; }
    
    /*++Haal meer uit je website++*/
    .page_id_132607 .section_row_2 .formblock_main .well > .form-group:nth-last-child(n+4) { width: 100%; max-width: 350px; margin: 0 auto 2rem; }
    
    
    /* webshop */
    .webshop_page_category #category_products > .thumbnails > li[id^="item_"] { width: 100%; }
    .webshop_page_category .thumbnail { height: 250px !important; }
    .webshop_page_category .thumbnail div:last-child { bottom: 10px; }
    
    #product_cart_edit .visible-lg, #product_cart_edit tr.visible-lg, #product_cart_edit th.visible-lg, #product_cart_edit td.visible-lg { display: none !important; }
    .webshop_page_product #page ul.thumbnails li { width: 50%; }
    #product_cart_edit .btn-danger, #product_cart_edit .btn-default, #product_cart_edit .restore_my_cart.small, #product_cart_edit .save_my_cart.small { font-size: 10px; }
    
}

@media (max-width:549px){
    
    .toggle-overlay.overlay-show { top: 20px !important; left: auto !important; right: 0; }
    
    .proces-responsive .afbeelding { width: 20%; padding: 30px 10px 10px; }
    .proces-responsive .txtblock { min-height: 100px; }
    .proces-responsive .txt { max-width: 80%; }
    .proces-responsive .txtblock .txt p { margin-bottom: 20px; padding-right: 10px; }
    
    #category_products .thumbnails.row { height: auto !important; }
    
    .webshop_page_product #page ul.thumbnails li { width: 100%; float: none; }
    
}

@media (min-width:992px){
    #page { position: relative; background-color: #fff; }
    /* #page::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 100%;
    display: block;
    height: 480px;*/ /* NOTE: This is the height of the footer for desktop users */
    /*    width: 100%;
    } */
    
    
    body:not(.no-index) .section_row_5 .container { /*! width: 100%; */ }
    body:not(.no-index) .section_row_5 .col-md-6#main { /*! width: 585px; */ /*! margin-right: calc(50% - 585px); */ }
}

@media(min-width:768px) and (max-width:991px) {
header .col-md-6:last-child { width: 75%; }
body:not(.no-index) .section_row_5 .col-md-6 { width: 50%; float: left; }

#sequence-theme {
    height: -webkit-calc(100vh - 68px) !important;
    height: calc(100vh - 68px) !important;
}
}


@media (min-width:768px){
.navbar-fixed-top { display: none; } 

body:not(.no-index) .section_row_3 .col-md-4 > div:hover figure {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}
}

@media (max-width:840px) and (orientation:landscape) { 
header .main_nav ul li a {
    font-size: calc(2px + 1vw);
}
}

/* Extra responsive step for footer / webshop on tablet */
@media (min-width:550px) and (max-width:991px) {
.col-md-3.footer_col { float: left; width: 50%; }
.col-md-3.footer_col:nth-child(odd)  { clear: left ; }
.col-md-3.footer_col:nth-child(even) { clear: right; }
#category_products .col-md-4, #frontproducttable .col-md-4 { float: left; width: 50%; }
}

/*landscape, mobile stuff*/

/*--------------------------------------END-OF-FILE--TOOK-A-WHILE---------------------------------------*/