/*
Theme Name: bewind_site
*/

/* fonts */
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700|Source+Sans+Pro:300,400,700');

@font-face {
    font-family: MyriadProRegular;
    src: url(MyriadPro/MyriadPro-Regular.otf);
}

@font-face {
    font-family: MyriadProCondIt;
    src: url(MyriadPro/MyriadPro-CondIt.otf);
}

/* fonts */

/* slider */

#block-for-slider {
    width: 100%;
    margin: 0 auto;
    margin-top: 0px;
    height: 100%;
}

#viewport {
    width: 100%;
    position: relative;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    height: 100%;
    user-select: none;
    text-align: center;
}

#slidewrapper {
    position: relative;
    -webkit-transition: 1s;
    height: 100%;
    -o-transition: 1s;
    transition: 1s;
    -webkit-transition-timing-function: cubic-bezier(.67,.01,.23,1);
    -o-transition-timing-function: cubic-bezier(.67,.01,.23,1);
    transition-timing-function: cubic-bezier(.67,.01,.23,1);
}

#slidewrapper, #slidewrapper ul, #slidewrapper li {
    margin: 0;
    height: 100%;
    padding: 0;
    background-size: cover;
    background-position: center;
}

.slide {
    list-style: none;
    display: inline;
    float: left;
    height: 100%;
}

.slide-img {
    width: 100%;
    height: 100%;
}

#prev-btn, #next-btn {
    position: absolute;
    width: 50px;
    height: 50px;
    background-color: #fff;
    border-radius: 50%;
    top: calc(50% - 25px);
}

#prev-btn:hover, #next-btn:hover {
    cursor: pointer;
}

#prev-btn {
    left: 20px;
}

#next-btn {
    right: 20px;
}

#nav-btns {
    position: absolute;
    width: 100%;
    bottom: 20px;
    padding: 0;
    margin: 0;
    text-align: center;
}

.slide-nav-btn {
    position: relative;
    display: inline-block;
    list-style: none;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 50%;
    margin: 3px;
}

.slide-nav-btn:hover {
    cursor: pointer;
}

/* end of slider */

.max_960 {
    max-width: 960px;
}

.max_980 {
    max-width: 980px;
}

.max_1350 {
    max-width: 1350px;
}

.max_1630 {
    max-width: 1630px;
}

header.container > .row:first-of-type{
    padding-top: 25px;
}

header.container > .row:last-of-type {
    padding-top: 20px;
}

ul#menu-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row;
    border-bottom: 3px solid #00bab1;
}

ul#menu-header > li {
    width: 16.6667%;
    margin: 0;
    height: 110px;
    background: linear-gradient(to bottom, #fefefe 1%,#dbdbdb 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 10px;
    position: relative;
}

ul#menu-header > li > a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    height: 107px;
    width: 100%;
    font-size: 16px;
    color: black;
    font-weight: 600;
}

ul#menu-header > li > a > i {
    width: auto;
    margin: 0 auto;
    color: #38a8a8;
    margin-top: 19px;
    font-size: 26px;
    padding-bottom: 10px;
    text-decoration: none;
}

ul#menu-header > li > a > i.fa-phone {
    transform: rotateY(180deg);
    margin-top: 10px;
    padding-top: 10px;
}

ul#menu-header > li > a > i.fa-file{
    transform: rotateX(180deg);
    margin-top: 10px;
    padding-top: 10px;
}

ul#menu-header > li > a:hover{
    text-decoration: none;
}

ul#menu-header > li > a > span{
    font-size: 10px;
    position: absolute;
    bottom: 10px;
    white-space: nowrap;
    z-index: 2;

    left: 50%;
    transform: translate(-50%);
}

ul#menu-header > li:hover {
    background: linear-gradient(to bottom, #f3f3f3 1%,#c7c7c7 100%);
}

input[type=search] {
    background: #efefef;
    outline-offset: -2px;
    -webkit-appearance: none;
    border: 1px solid #e6e6e6;
    border-radius: 12px;
    padding-left: 15px;
    width: 100%;
    position: absolute;
    outline: none;
}

.search_form_container{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.search-form {
    position: relative;
    width: 300px;
    right: 5px;
    height: 28px;
}

button.search-btn {
    background: transparent;
    border: 0;
    position: absolute;
    right: 4px;
    font-size: 14px;
    top: 2px;
    color: #7b7b7b;
}

.header_bg{
    background: #ebebeb;
    background: transparent;
    padding: 0px;
    position: relative;
    z-index: 1;
}



/*

    Home page

 */

.hand_bg {
    padding-top: 125px;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    z-index: 0;
}

.on_main_slider_bg{
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    z-index: -1;
}

.big_home_page_menu .col {
    height: 243px;
    width: 20%;
    background-position: center;
    display: inherit;
    min-width: 20%;
}

.big_home_page_menu .col > h3 {
    color: white;
    position: absolute;
    font-size: 23px;
    top: -47px;
    width: 100%;
    left: 0px;
    padding: 10px 15px;
}

.big_home_page_menu .col p {
	font-size: 14px;
}

.big_home_page_menu {
    padding-bottom: 116px;
}

.big_home_page_menu .col-12 {
    background: #10afed;
    color: white;
    padding: 7px 0px 0px 15px;
    font-size: 21px;
    font-style: italic;
}

.big_home_page_menu .col-12 p {
    margin-bottom: 10px;
}

.hide_me_text {
    display: none;
    position: relative;
    top: 10px;
    overflow: hidden;
}

.big_home_page_menu .col:hover {
    background: #10afed !important;
    background-image: none !important;
    background-size: cover;
}

.big_home_page_menu .col:hover .hide_me_text{
    display: block;
}

.big_home_page_menu .col:hover .hide_me_text p {
    margin: 0;
    word-break: break-word;
}

@media (max-width: 450px){
	.big_home_page_menu .col:hover .hide_me_text p{
		display: inline-block !important;
		width: 100% !important;
		float: left !important;
		margin: 2px 0px;
	}
	
	.custom-logo {
		margin-bottom: 0 !important;
	}
	
	button.navbar-toggler {
		margin-top: 0 !important;
	}
}

.big_home_page_menu .col:hover .hide_me_text a {
    color: white;
}

.big_home_page_menu .col:hover h3 {
    background: #10afed !important;
}

/*
klachtenregelement
 */

.klachtenregelement_header h1 {
    font-size: 19px;
    margin-top: 51px;
    position: relative;
    margin-bottom: 35px;
}

.klachtenregelement_header h1:after {
    content: ' ';
    background: #38a8a8;
    position: absolute;
    display: block;
    width: 65px;
    height: 4px;
    left: 0;
    bottom: -25px;
}

.container.max_960.klachtenregelement_content .col-12.col-md-6.main_klachtenregelement_page_item {
    padding: 10px;
}

.home_text_content_section2-background {
    background: #ebebeb;
}

.main_klachtenregelement_page_item:before {
    border: 1px solid #b5b5b5;
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.main_klachtenregelement_page_item > article {
    /*background: #f4f4f4;*/
    /*padding: 5px 10px;*/
    /*border: 1px solid #cfcfcf;*/
}

div#content {
    background: #ebebeb;
}

.main_klachtenregelement_page_item > article h2 a {
    color: black;
    font-weight: bold;
    font-size: 12px;
}

.main_klachtenregelement_page_item > article p {
    font-size: 12px;
    padding-left: 14px;
    line-height: 1;
    margin-top: 10px;
}

.main_klachtenregelement_page_item > article h2 {
    margin: 5px 0px;
    line-height: 0;
    margin-bottom: 25px;

    color: black;
    font-weight: bold;
    font-size: 12px;

    position: relative;
    top: 7px;
}

.main_klachtenregelement_page_item > article > * {
    font-size: 12px;
}


.main_klachtenregelement_page_item {
    background: #f4f4f4;
    border: 10px solid #ebebeb;
}

.main_klachtenregelement_page_item > article table {
    width: 100%;
}

.main_klachtenregelement_page_item > article td {
    width: auto;
}

div#content{
    background: #ebebeb;
    padding-bottom: 30px;
    min-height: 69vh;
}

.single_article_title{
    font-size: 19px;
    padding-top: 51px;
    position: relative;
    margin-bottom: 35px;
}

.single_article_title:after{
    content: ' ';
    background: #38a8a8;
    position: absolute;
    display: block;
    width: 65px;
    height: 4px;
    left: 0;
    bottom: -25px;
}


/*
what_is_green_block
 */

.what_is_green_block{
    background: #4acbd4;
}

.what_is_green_block > .header_in_block{
    border-bottom: 2px solid #31a5ad;
    font-size: 1.65em;
    margin-top: 9px;
    padding-bottom: 12px;
    font-weight: 400;
}

.what_is_green_block > .text_in_block {
    padding: 14px 50px;
    font-size: 22px;
    padding-bottom: 27px;
    font-weight: 100;
    line-height: 1;
}

.what_is_green_block > .btn_in_block{
    background: #43b6be;
    border-top: 2px solid #31a5ad;
}

body{
    color: black;
}

.what_is_green_block > .btn_in_block > a {
    background: #31a5ad;
    color: #000;
    display: inline-block;
    margin-top: 15px;
    font-size: 19px;
    text-transform: uppercase;
    padding: 10px 20px;
    border-radius: 40px;
    font-weight: 500;
    margin-bottom: 15px;
    text-decoration: none;
}

.what_is_green_block > .btn_in_block > a.collapsed .if_block_close{
    display: none;
}

.what_is_green_block > .btn_in_block > a:not(.collapsed) .if_block_open{
    display: none;
}


.cacacaph {
    margin-bottom: 15px;
}

.what_is_container .colapse_btn {
    width: 100%;
    text-align: left;
    background: transparent;
    border: 0;
    outline: none;
}

.what_is_container .colapse_btn > .plus_line{
    float: right;
}

.what_is_container .colapse_btn > .plus_line > .my_close {
    font-size: 17px;
    font-weight: 500;
    margin-right: 21px;
}

.what_is_container .colapse_btn.collapsed > .plus_line > .my_close{
    display: none;
}

.what_is_container .colapse_btn.collapsed > .plus_line > .my_open{
    display: inline-block;
    font-size: 17px;
    font-weight: 500;
    margin-right: 21px;
}

.what_is_container .colapse_btn:not(.collapsed) > .plus_line > .my_open{
    display: none;
}

.what_is_container .colapse_btn > .plus_line > i {
    float: right;
    transform: rotate(0deg);
    transition: 1s;
}

.what_is_container .colapse_btn.collapsed > .plus_line > i {
    transform: rotate(180deg);
    transition: 1s;
    font-size: 22px;
}

.what_is_container div#accordion {
    margin-top: 75px;
}

.what_is_container div#accordion .btn_text {
    font-size: 23px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
}

.what_is_container .card-header {
    margin-bottom: 0;
    background-color: transparent;
    padding: 0;
    background: none;
    border: 0;
}

.what_is_container .card {
    border: 0;
    padding: 25px 20px 25px 40px;
    font-family: 'Source Sans Pro', sans-serif;
    border-top: 3px solid #ebebeb;
    border-radius: 0;
}

.what_is_container .card:first-of-type{
    border-top: 0px;
}

.what_is_container .card-body {
    font-size: 24px;
    padding: 10px 5px;
    padding-bottom: 0px;
}

.what_is_container .card-body p {
    font-size: 27px;
    font-weight: 100;
}

.what_is_container button:focus {
    outline: none;
}

.what_is_container a.btn.btn-green {
    text-transform: uppercase;
    background: #38a8a8;
    color: white;
    font-family: 'Lato', sans-serif;
    padding: 10px 40px;
    font-weight: bold;
    font-size: 18px;
}

.what_is_container .accordion a:hover{
    text-decoration: none;
}

.what_is_container .accordion a:focus,
.what_is_container .accordion a:active{
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}

.what_is_container .accordion a {

    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;

    text-transform: uppercase;
    background: #38a8a8;
    color: white;
    font-family: 'Lato', sans-serif;
    padding: 10px 40px;
    font-weight: bold;
    font-size: 18px;
}

.what_is_container .accordion{
    margin-left: -15px;
    margin-right: -15px;
}

.what_is_container .accordion_title{
    background: #f3f3f3;
    margin-bottom: 0;
    margin-top: 60px;
    font-size: 1.65em;
    padding-bottom: 12px;
    padding-top: 10px;
    font-weight: 400;
    border-bottom: 3px solid #aaaaaa;
}


.what_is_container .informatie_pakket h2{
    margin-bottom: 0;
    margin-top: 10px;
    font-size: 1.65em;
    padding-bottom: 0px;
    padding-top: 10px;
    font-weight: 400;
}

.what_is_container .informatie_pakket{
    background: #f3f3f3;
    margin-top: 53px;
    padding: 5px 20px;
}

.what_is_container .informatie_pakket .informatie_pakket_content_block{
    padding: 0px 25px;
}

.what_is_container .informatie_pakket .informatie_pakket_content_block > h3{
    font-size: 1.5em;
    font-weight: 400;
    margin-bottom: 15px;
}

.what_is_container .informatie_pakket .informatie_pakket_content_block > p{
    margin-top: 12px;
    font-size: 23px;
    font-weight: 400;
    line-height: 0.8;
}

.what_is_container .informatie_pakket .informatie_pakket_content_block > p:first-of-type{
    margin-bottom: 30px;
}

.what_is_video_container > iframe {
    width: 100%;
    height: 45vh;
}

.what_is_header h1{
    color: white;
    margin-top: 87px;
    font-size: 23px;
    margin-bottom: 35px;
}

.what_is_video_container {
    margin-bottom: 90px;
}


h1.single_article_title > i {
    color: #b1b1b1;
    margin-left: 18px;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
}


/*
main_site_footer
 */
.main_site_footer{
    border-bottom: 3px solid #00bab1;
}

.class_contact_form form {
    margin-top: 15px;
}

.class_contact_form{

}

.class_contact_form input {
    width: 100%;
    margin-bottom: 12px;
    height: 37px;
}

.class_contact_form textarea{
    width: 100%;
    height: 90px;
    padding-top: 10px;
}

.class_contact_form input[type="submit"] {
    width: 76%;
    background: #38a8a8;
    border: 0;
    padding: 7px;
    height: 50px;
    font-size: 17px;
    text-transform: uppercase;
    color: white;
    font-weight: 500;
    border-radius: 4px;
}

.class_contact_form .your-mobnumber input.wpcf7-number {
    margin-bottom: 0;
}

.class_contact_form textarea, .class_contact_form input {
    padding-left: 15px;
    border: 0;
}

span.wpcf7-list-item-label {
    font-size: 15px;
    font-weight: bold;
    color: #5c5c5c;
}

.radio_btns_block p{
    padding-left: 20px;
    margin-top: 20px;
}

.radio_btns_block .wpcf7-form-control-wrap {
    position: relative;
    width: 100%;
    display: block;
}

.radio_btns_block span.wpcf7-form-control.wpcf7-radio{
    padding-left: 30px;
    display: block;
    width: 100%;
    margin-top: 8px;
}

.radio_btns_block span.wpcf7-form-control.wpcf7-radio > span{
    margin-right: 30px;
}

.row.klachten_form textarea {
    width: 100%;
    height: 97px;
    border: 0;
    padding: 10px;
}

.row.klachten_form input[type="submit"] {
    width: 200px;
    background: #38a8a8;
    border: 0;
    padding: 7px;
    height: 50px;
    font-size: 17px;
    text-transform: uppercase;
    color: white;
    font-weight: 500;
    border-radius: 4px;
    margin-top: 10px;
}

.row.klachten_form span.wpcf7-form-control.wpcf7-radio > span{
    display: block;
    margin-top: 3px;
    margin-bottom: 3px;
    font-size: 15px;
    font-style: italic;
    font-weight: 100;
    font-family: 'Source Sans Pro', sans-serif;
}

.row.klachten_form span.wpcf7-form-control.wpcf7-radio input{
    margin-right: 15px;
}

.row.klachten_form h6{
    margin-bottom: 20px;
    margin-top: 30px;
}

.row.klachten_form input[type="text"]{
    width: 100%;
    border: 0;
    padding-left: 15px;
    margin-bottom: 12px;
    height: 37px;
    text-transform: uppercase;
}


.row.klachten_form div.col-12 > .text_foot{
    font-size: 14px;
    color: #b1b1b1;
    font-style: italic;
}

.class_contact_form input::-webkit-input-placeholder,
.class_contact_form input::-moz-placeholder,
.class_contact_form input:-moz-placeholder,
.class_contact_form input:-ms-input-placeholder{

}

.what_is_wsnp_container .what_is_green_block .text_in_block > ul{
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0px;
}

.what_is_wsnp_container .what_is_green_block > .header_in_block{
    color: #000;
}

.what_is_wsnp_container .what_is_green_block .text_in_block li {
    border-bottom: 2px solid #31a5ad;
    padding: 20px 10px;
    font-weight: 400;
}

.what_is_wsnp_container .what_is_green_block .text_in_block .collapse {
    height: 0px;
    overflow: hidden;
}

.what_is_wsnp_container .what_is_green_block .text_in_block .collapse.show {
    height: auto;
}

.what_is_wsnp_container .what_is_green_block > .text_in_block {
    padding: 0;
}

.what_is_wsnp_container p.text-center.pre_title_with_link{
    font-size: 23px;
    font-weight: 600;
    margin-bottom: 66px;
}

.what_is_wsnp_container p.text-center.pre_title_with_link a{
    color: red;
    text-decoration: underline;
}

.what_is_wsnp_container p.text-center.pre_title_with_link a:hover{
    text-decoration: none;
}

.what_is_wsnp_container .green_block_pre_title {
    font-size: 19px;
    font-weight: 500;
    margin-bottom: 15px;
}

.what_is_wsnp_container .informatie_pakket .informatie_pakket_content_block {
    padding: 15px 0px;
}

.what_is_wsnp_container .informatie_pakket .informatie_pakket_content_block p{
    font-weight: 100;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 1.1;
}

.what_is_wsnp_class_video_block{
    padding-top: 90px;
}

@media all and (max-width: 600px){
    ul#menu-header > li {
        width: 33.3333%;
    }
}

@media all and (max-width: 900px){
    ul#menu-header > li {
        width: 33.3333%;
    }
}

.home_text_content {
    max-width: 1200px;
    padding-top: 60px;
    padding-bottom: 30px;
}

.home_after_img_bg_content h2,
.home_text_content h2.text-center {
    font-size: 1.5em;
    margin-top: 10px;
    margin-bottom: 1.5em;
    font-weight: 700;
    color: #6d6d6d;
    margin-top: 30px;
}

.home_after_img_bg_content p,
.home_text_content p {
    font-size: 21px;
    font-weight: 100;
    margin-bottom: 20px;
    color: #6d6d6d;
}

.home_text_content_section2{
    background: white;
    padding: 35px 0;
}

.home_text_content_section2 > .row{
    max-width: 1200px;
    margin: 0 auto;
}

.home_text_content_section2-title{
    border-bottom: 3px solid #f5f5f5;
    padding: 20px 0;
    padding-bottom: 15px;
}

.home_text_content h2.text-center:nth-of-type(2) {
    font-size: 1.4em;
    margin-top: 62px;
    position: relative;
}

.home_text_content h2.text-center:nth-of-type(2):before {
content: ' ';
position: absolute;
width: 100%;
border-top: 1px solid #6d6d6d;;
left: 0;
top: -30px;
}

@media all and (max-width: 900px){
    .home_text_content {
        max-width: 90%;
        padding-top: 30px;
    }
}

.container-fluid.home_img_bg_content{
    background-size: cover;
    background-repeat: no-repeat;
}


.container-fluid.home_img_bg_content .col-12 {
    padding: 14vw;
}

@media all and (max-width: 990px){
    .big_home_page_menu .col {
        height: 243px;
        width: 50%;
        background-position: center;
        display: inherit;
        background-repeat: no-repeat;
        min-width: 50%;
        margin-bottom: 47px;
    }

    .big_home_page_menu .col-6{
        margin-top: -47px;
    }
}

@media all and (max-width: 520px){
    .big_home_page_menu .col {
        height: 200px;
        width: 100%;
        min-width: 100%;
    }

    *{
        word-break: break-word;
    }
}



input::-webkit-input-placeholder       {opacity: 1; transition: opacity 0.3s ease;}
input::-moz-placeholder                {opacity: 1; transition: opacity 0.3s ease;}
input:-moz-placeholder                 {opacity: 1; transition: opacity 0.3s ease;}
input:-ms-input-placeholder            {opacity: 1; transition: opacity 0.3s ease;}
input:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
input:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
input:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
input:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}

textarea::-webkit-input-placeholder       {opacity: 1; transition: opacity 0.3s ease;}
textarea::-moz-placeholder                {opacity: 1; transition: opacity 0.3s ease;}
textarea:-moz-placeholder                 {opacity: 1; transition: opacity 0.3s ease;}
textarea:-ms-input-placeholder            {opacity: 1; transition: opacity 0.3s ease;}
textarea:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
textarea:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
textarea:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
textarea:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}


.jq-checkbox, .jq-radio {
    border: 1px solid #b0b0b0;
    background: white;
    box-shadow: none;
}

.jq-radio.checked .jq-radio__div {
    width: 12px;
    height: 12px;
    margin: 1px 0 0 1px;
    background: #38a8a8;
    box-shadow: inset 0px 0px 0px rgb(56, 168, 168);
}

.main_site_footer{
    background: #1c1c1c;
}

.main_site_footer .menu-header-container {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 0;
}

.main_site_footer .menu-header-container ul{
    margin-bottom: 0px;
    list-style-type: none;
    padding: 0;
    max-width: 85%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.main_site_footer .menu-header-container ul a {
    color: #fff;
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 2vw 15px;
    position: relative;
}

.main_site_footer .menu-header-container ul a span {
    position: absolute;
    top: 60%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    font-size: 11px;
}

ul#main_site_footer_menu > li,
ul#menu-header > li{
    position: relative;
    flex-grow: 1;
}

ul#menu-header{
    width: 100%;
}

.navbar {
    padding: 0;
    margin: 30px 0;
}

ul#main_site_footer_menu > li ul.sub-menu,
ul#menu-header > li ul.sub-menu{
    display: none;
    top: 100%;
    position: absolute;
    z-index: 2;
    padding: 10px;
    list-style-type: none;
    background: #c7c7c7;
    left: 0;
    width: auto;
}

ul#main_site_footer_menu > li ul.sub-menu{
    display: none;
    top: auto;
    bottom: 100%;
    position: absolute;
    z-index: 2;
    padding: 10px;
    list-style-type: none;
    background: #1c1c1c;
    left: -5%;
    width: 110%;
    max-width: 110%;
}

.main_site_footer ul.sub-menu{
    display: none;
}

ul#main_site_footer_menu > li ul.sub-menu a,
ul#menu-header > li ul.sub-menu a {
    padding: 5px 15px;
    color: #23282d;
    width: 100%;
    display: block;
}

ul#main_site_footer_menu > li ul.sub-menu a:hover,
ul#menu-header > li ul.sub-menu a:hover {
    text-decoration: none;
    background: #38a8a8;
    color: white;
}

ul#main_site_footer_menu > li ul.sub-menu a{
    color: white;
}

ul#main_site_footer_menu > li:hover ul.sub-menu,
ul#menu-header > li:hover ul.sub-menu {
    display: block;
}

@media all and (max-width: 1200px) {
    ul#main_site_footer_menu > li ul.sub-menu {
        bottom: 0;
        position: relative;
        background: black;
    }

    ul#menu-header > li ul.sub-menu a{
        white-space: pre-wrap;
    }
}

@media all and (max-width: 576px){
    .search-form {
        margin-top: 30px;
    }

    ul#menu-header > li ul.sub-menu{
        width: 100%;
        padding: 5px;
    }

    ul#menu-header > li {
        width: 100%;
    }

    ul#menu-header > li > a > span {
        font-size: 10px;
        bottom: 5px;
        white-space: pre-wrap;
    }
}

@media all and (min-width: 992px) {
    button.navbar-toggler{
        display: none;
    }
}

@media (max-width: 576px){
    button.navbar-toggler {
        margin-top: 30px;
    }
}

button.navbar-toggler {
    border: 2px solid #00bab1;
    padding: 4px 7px;
}

button.navbar-toggler > .btline {
    background: #00bab1;
    display: block;
    height: 2px;
    width: 30px;
    margin: 5px 0;
}

button.navbar-toggler > span.btline:first-of-type {
    margin-top: 2px;
}

button.navbar-toggler > span.btline:last-of-type {
    margin-bottom: 2px;
}

input[type="checkbox"] {
    width: auto;
    height: auto;
}

video{
    width: 90%;
    height: auto;
}

table.wat-is-wsnp_table {
    margin-top: 25px;
}

table.wat-is-wsnp_table > thead th {
    background: transparent;
    color: #4acbd4;
    border-bottom: 0;
    text-align: right;
    padding-right: 14%;
}

table.wat-is-wsnp_table tbody tr td {
    border-top: 0;
    font-weight: 600;
    padding: 0px;
    width: 15%;
    text-align: right;
    white-space: nowrap;
    padding-right: 14%;
}

table.wat-is-wsnp_table.tablepress tfoot th {
    background: transparent;
    font-weight: 700;
    border: 0;
    text-align: right;
    padding-right: 13%;
    color: red;
}

table.wat-is-wsnp_table tbody tr:nth-of-type(5) td,
table.wat-is-wsnp_table tbody tr:last-of-type td{
    text-decoration: underline;
    padding-right: calc(14% - 12px);
}

table.wat-is-wsnp_table.tablepress tfoot th:first-child,
table.wat-is-wsnp_table.tablepress tbody tr td:first-child{
    text-align: left !important;
    text-decoration: none;
    padding-left: 0;
    width: 10%;
}

.home_page p{
    color: #323232;
    font-family: 'MyriadProCondIt', Sans-Serif;
    font-size: 21px;
}

.home_page h2,
.home_page h3{
    color: #323232;
    font-family: 'MyriadProRegular', Sans-Serif;
}

.home_page h3 {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 400;
}

@media all and (min-width: 766px){
    .home_text_content_section2 p {
        margin-right: 2vw;
    }
}

@media all and (max-width: 766px){
    .home_text_content_section2 p {
        margin-bottom: 8vw;
    }
}

.home_text_content_section3_email_sub{
    background: #fff;
    padding-top: 60px;
    margin-bottom: -30px;
}

.home_text_content_section3_email_sub-subsc_form{
    max-width: 600px;
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 10px 20px;
}

.home_text_content_section3_email_sub-subsc_form div{
    padding: 0;
}

.home_text_content_section3_email_sub-subsc_form input {
    width: 100%;
    background: #10afed;
    border: 0;
    padding: 8px;
    margin-bottom: 10px;
}

.home_text_content_section3_email_sub-subsc_form input[type="email"] {
    background: #eeeeee;
    border: 0;
    padding: 8px 5px 8px 20px;
}

.home_page_slider_container{
    overflow: hidden;
    position: relative;
}

.what_is-slider{
    overflow: hidden !important;
    position: relative;
    margin-bottom: 50px;
    padding: 0px;
}

.what_is-slider #block-for-slider{
    position: absolute;
    z-index: 0;
}

.home_page-title h1{
    margin-bottom: 2em;
    text-align: center;
    color: white;
    font-family: 'MyriadProCondIt', Sans-Serif;
    font-size: 4em;
}

table.wat-is-wsnp_table {
    margin-top: 25px;
    overflow-x: auto;
    display: block;
}

.logo > p{
    color: #6b62ff;
    font-size: 24px;
    width: 65%;
    font-weight: bold;
    display: inline-block;
}

@media all and (max-width: 700px){
    .home_page-title h1 {
        font-size: 9vw;
    }

    .home_text_content_section3_email_sub {
        padding-top: 0vw;
    }

    .hand_bg {
        padding-top: 50px;
    }

    .logo > p{
        font-size: 4vw;
    }

    table.wat-is-wsnp_table > thead th,
    table.wat-is-wsnp_table.tablepress tfoot th,
    table.wat-is-wsnp_table tbody tr td {
        word-break: normal;
        white-space: nowrap;
    }

    .home_page p {
        font-size: 1rem;
    }
}

@media all and (max-width: 450px) {

    h1{
        font-size: 5.5vw !important;
    }

    .home_page-title h1 {
        font-size: 9vw !important;
    }

    .small_test45t4{
        font-size: 7vw;
    }

    .cc-message {
    	font-size: 14px !important;
    }

    .logo a, p {
		display: inline-block !important;
	    width: 50% !important;
	    float: left !important;
    }

    .custom-logo {
    	margin-bottom: 0px !important;
    }

}

*{
    word-break: break-word;
}

ul#menu-header > li > a > i.menu_punkt{
    font-size: 16px;
    color: black;
    font-weight: 600;
    width: 100%;
    font-style: normal;
    margin: 0;
    padding: 0;
    text-align: center;
}

.flex-v-center{
	display: flex;
	align-items: center;
}

.under_logo_text {
    margin-bottom: 0;
    margin-left: 3%;
}