/*
Theme Name: HA Bootstrap
Theme URI: https://treesign.nl
Author: Treesign WordPress bureau
Author URI: https://treesign.nl/
Description: WordPress theme for Home Academy
Version: 3.0.0
License: Proprietary

*/

html {
    position: relative;
    min-height: 100%;
    -webkit-font-smoothing: antialiased;
}

body {
    overflow-x: hidden;
    font-family: Avenir;
    margin: 0;
    height: 100%;
}

mark {
	background-color: transparent;
	color: inherit;
}

.woocommerce-message, .woocommerce-info {
    border-top-color: #0d426f !important;
}

.woocommerce-cart table.cart img {
    width: 125px !important;
}

.wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
    background-color: #0e426f!important;
}

.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #0e426f!important
}

.woocommerce button.button.alt {
    background-color: #0e426f!important;
}

.woocommerce table.cart td:nth-of-type(6), .woocommerce table.cart th:nth-of-type(6) {
display: none;
}

.woocommerce-message:before, .woocommerce-info:before {
     content: "\e015";
     color: #0d426f !important;
 }

.plain-body {
    background-color: #0d426f;
    min-height: 100%;
    width: 100%;
}

a.button {
    border-radius: 5px;
    display: table !important;
}

a.button p {
    font-family: sans-serif !important;
    font-weight: 300 !important;
    display: inline-block;
    font-size: 12px !important;
    margin: 0 !important;
    padding-right: 30px;
    position: relative;
}

a.orderbtn {
    padding: 10px 0;
    width: 100%;
    color: white !important;
    display: block;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#07569e+0,073b6d+100 */
    background: #07569e; /* Old browsers */
    background: -moz-linear-gradient(top, #07569e 0%, #073b6d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #07569e 0%, #073b6d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #07569e 0%, #073b6d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#07569e', endColorstr='#073b6d', GradientType=0); /* IE6-9 */
}

a.orderbtn p {
    color: white !important;
}

a.orderbtn i.fa {
    font-size: 20px;
    position: absolute;
    margin-top: -2px;
    right: 0;
}

a.membershipbtn {
    width: 130px;
    padding: 8px 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c11b34+0,931322+100 */
    background: #c11b34; /* Old browsers */
    background: -moz-linear-gradient(top, #c11b34 0%, #931322 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #c11b34 0%, #931322 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #c11b34 0%, #931322 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c11b34', endColorstr='#931322', GradientType=0); /* IE6-9 */
}

#btn_word_clublid {
    width: 160px;
    padding: 20px 31px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c11b34+0,931322+100 */
    background: #c11b34; /* Old browsers */
    background: -moz-linear-gradient(top, #c11b34 0%, #931322 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #c11b34 0%, #931322 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #c11b34 0%, #931322 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c11b34', endColorstr='#931322', GradientType=0); /* IE6-9 */
    color: white;
    text-decoration: none;
}

a.membershipbtn p {
    color: white !important;
    padding-right: 0;
}

.nice-table thead tr {
    background: #083C6B!important;
}

a.freedownloadbtn {
    float: right;
    width: 130px;
    padding: 4px 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#07569e+0,073b6d+100 */
    background: #07569e; /* Old browsers */
    background: -moz-linear-gradient(top, #07569e 0%, #073b6d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #07569e 0%, #073b6d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #07569e 0%, #073b6d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#07569e', endColorstr='#073b6d', GradientType=0); /* IE6-9 */
}

a.freedownloadbtn p {
    color: white !important;
    font-size: 11px !important;
}

a.freedownloadbtn i.fa {
    font-size: 17px;
    position: absolute;
    margin-top: -2px;
    right: 0;
}

#footer {
    width: 100%;
    position: absolute;
    bottom: 0;
    background-color: #0d426f;
}

@media (min-width: 991px) {
    #footer {
        height: 101px;
    }
}

hr.footer {
    border-top: 1px solid #eaeaea;
    margin: 0;
    border-left: none;
    border-bottom: none;
    position: absolute;
    width: 100%;
    left: 0;
}

.follow-us-mail {
    opacity: 0;
}

.content-3-blocks {
    min-height: 240px;
}

.follow-us-mail.visible {
    opacity: 1;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}

.body_andriod {
    background: #ffffff url(images/background_andriod.png);
    background-repeat: no-repeat;
    background-repeat: repeat-x;
    background-position: top center;
}

html, body {
    margin: 0px;
    padding: 0px;
}

h1, h2, h3, h4, h5, h6, p, a {
    margin: 0px;
    padding: 0px;
}

a:link, .blogcontent p a:link, .blogcontent p a {
    color: #B2303A;
    text-decoration: none;
}

a:visited, .blogcontent p a:visited {
    color: #B2303A;
    text-decoration: none;
}

a:hover, .blogcontent p a:hover {
    color: #B2303A;
    text-decoration: underline;
}

a:active, .blogcontent p a:active {
    color: #B2303A;
}

a:link {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a img {
    text-decoration: none;
    border-style: none;
}

.clear {
    clear: both;
}

#frm_hma_update_cart h3 {
    margin-left: 20px;
}

#sov h6 {
    color: #0B4C88;
}

.blogcnt p strong {
    font-weight: normal;
    color: #4F4F4F;
}

/*defaultbutton*/
.button {
    background: url(images/button-default.jpg) no-repeat;
    margin-left: 0px;
    text-align: center;
    padding-top: 8px;
}

.button a {
    font-size: 13px;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
}

.button a strong {
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
}

/*defaultbutton*/


/*morebutton*/
a.load_more {
    display: none;
    background: url(images/meerbutton.png) no-repeat;
    font-size: 13px;
    color: #ffffff;
    text-align: center;
    padding: 8px 32px;
    margin-left: 0px;
    text-align: center;
    line-height: 32px;
}

a.load_more:hover {
    color: #cccccc;
}

/*morebutton*/

/*jaanee*/
a.jaanee {
    background: url(images/meerbutton.png) no-repeat;
    font-size: 13px;
    color: #ffffff;
    text-align: center;
    padding: 8px 50px;
    margin-left: 0px;
    text-align: center;
    line-height: 32px;
}

a.jaanee:hover {
    color: #cccccc;
}

/*jaanee*/

.navbar-header {
    height: 50px;
    background: #0d426f; /* Old browsers */
}

.navbar-toggle {
    padding: 0;
    margin: 0 1rem 0 0 !important;
}

.navbar-collapse {
    background-color: #0d426f;
    z-index: 999;
    position: absolute;
    width: 100%;
}

.navbar-collapse ul {
    list-style-type: none;
    padding-left: 15px !important;
}

.navbar-collapse ul li a {
    font-size: 14px;
    display: inline-block;
    width: 100%;
    color: white !important;
    padding: 5px 0;
}

ul.dropdown-menu a {
    padding: 5px 0 !important;
}

.dropdown-submenu .next.active {
    text-decoration: underline;
}

.dropdown.open a.dropdown-toggle {
    text-decoration: underline;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: transparent;
}

#more {
    text-align: center;
    margin-top: 20px;
}

/*inputbutton*/
.inputbutton {
    margin-top: 5px;
    background: #b0ac82;
    border: 1px #999 solid;
    padding: 2px;
    color: #fff;
    font-weight: bold;
}

/*inputbutton*/


#leftm {
    border-top-left-radius: 5px;
}

.pricebutton {
    font-size: 15px;
    font-weight: bold;
    color: #0a3d6e;
}

.leftspace {
    margin-left: 20px;
    padding: 20px 0px 20px 0;
}

.border-bottom {
    border-bottom: 1px #eaeaea solid
}

.bluetext {
    color: #0b4c88;
    font-size: 13px;
}

.bluetextbold {
    color: #0b4c88;
    font-size: 13px;
    font-weight: bold;
    margin-top: 20px;
}

.leftbulletimg {
    background-image: url(images/list-icon.jpg);
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 20px;
}

.righticonmargin {
    margin-right: 5px;
}

.watermark {
    color: #999 !important;
}

a.linkcolor {
    color: #0071da;
}

.stmargin {
    margin-top: 40px;
}

h1 {
    font-size: 1.4em;
    color: #083C6B;
}

h1 em {
    color: #4074A6;
}

h2 {
    font-size: 20px;
    color: #AD212C;
}

h2 a {
    font-size: 20px;
    color: #AD212C;
    text-decoration: none;
    font-weight: normal;
}

h3 {
    font-size: 17px;
    color: #4973bb;
    font-weight: bold;
}

h3 a {
    font-size: 13px;
    color: #0b4c88 !important;
    font-weight: bold;
}

h4 {
    font-size: 13px;
    color: #0b4c88;
    font-weight: bold;
}

h5 {
    font-size: 13px;
    color: #242424;
}

h6 {
    font-size: 13px;
    color: #4F4F4F;
    font-weight: normal;
}

p {
    font-size: 17px;
    color: #4f4f4f;
    line-height: 20px;
}

p a {
    font-size: 17px;
    color: #0071da;
    text-decoration: none;
}

table {
    font-size: 100%
}

img {
    border: 0
}

em, u {
    font-style: normal;
    text-decoration: none
}

strong, b, em, i {
    font-weight: bold
}

em {
    font-weight: normal !important;
    font-style: italic !important;
}

ul, ol {
    list-style-position: inside;
}

input, textarea {
    color: #083C6B;
}

.size12 {
    font-size: 12px;
}

.size14 {
    font-size: 14px;
}

.size16 {
    font-size: 16px;
}

.size18 {
    font-size: 18px;
}

.size20 {
    font-size: 20px;
}

.size22 {
    font-size: 22px;
}

.leftimg {
    float: left;
    margin-right: 5px;
    padding-top: 3px;
}

.ratelist {
    font-size: 13px;
    color: #767676;
    margin-top: 5px;
}

.yellowsubhead {
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

.blogcnt img {
    max-width: 100%;
    height: auto;
}

.blogcnt, .rightpadded {
    padding-right: 116px;
}

.numberlist {
    width: 15px;
    height: 15px;
    background: url(images/number-list-back.png) no-repeat;
    font-size: 11px;
    color: #FFFFFF;
    text-align: center;
    display: block;
    float: left;
    margin-right: 5px;
}


ul.listing {
    margin: 0px;
    padding: 0px;
}

ul.listing li {
    font-size: 13px;
    color: #4f4f4f;
    text-align: left;
    padding-left: 0px;
}

.noFocus:focus {
    outline: none;
}


#wrapper {
    width: 990px;
    height: auto;
    min-height: 769px;
    margin: 0px auto;
    padding: 0px;
    position: relative;
}

#header {
    margin: 0px auto;
    padding: 0px;
    position: relative;
}

#header .sheild {
    position: absolute;
    width: 129px;
    height: 129px;
}

.top-bar .budgetmailer-subscribe-form {
    width: auto !important;
    margin-left: 20px;
}

.topnav-bg {
    box-shadow: 0px 3px 10px #888888;
    background: #0d426f;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1rem;
    position: relative;;
}


#topnav p {
    font-size: 13px;
    color: #b6cadc;
}

#topnav .left p {
    display: block;
    margin-right: 10px;
}

#topnav .left p a {
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    margin-right: 0px;
}

@media (max-width: 320px) {
    #topnav .left p a {
        font-size: 10px;
        margin-right: 15px;
    }

    #topnav .left p a.signup_link {
        margin-right: 0;
    }
}

#topnav .left {
    padding-top: 0;
    display: flex;
    gap:2rem;
}

#topnav .right {
    height: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
}

@media screen and (min-width: 767px) {
    #topnav .right {
        gap: 3rem;
    }
}

#topmenu {
    margin: 2px 0 0 0px;
    padding: 0px;
    float: left;
    /*width:395px;*/
    text-align: right;
}

#topmenu a {
    font-size: 19px;
    font-weight: normal;
    color: #d6ebff;
    text-decoration: none;
    display: inline;
    margin-right: 10px;
}

#topmenu a:nth-last-child(1) {
    margin-right: 0;
}

.icons {
    float: right;
    height: auto;
    margin: 45px 0 10px 0;
    padding: 0;
    text-align: right;
}

.icons img {
    width: 45px;
}

.icons a {
    color: #ffffff;
    font-size: 35px;
    margin-right: 2px;
    text-decoration: none;
}

.image-header-slide {
    height: 100%;
    position: relative;
    background-size: cover;
    background-position: center;
}

.image-header-slide .backdrop img {
    width: 100%;
}

.image-header-slide-text {
    position: absolute;
    top: 70px;
    left: 80px;
    color: white;
}

.image-header-slide-text h3 {
    margin-bottom: 10px;
    font-size: 30px;
    color: white;
}

.image-header-slide-text .slide_description {
    font-size: 20px;
    margin-bottom: 60px;
}

.image-header-slide-text .slide_button {
    background-repeat: no-repeat;
    background-size: cover;
    color: white;
    font-weight: bold;
    font-size: 22px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    /*background-color: #B4182E;*/
    border-radius: 3px;
}

.image-header-slide .background-img {
    image-rendering: -webkit-optimize-contrast;
    width: 100%;
}

#headerbottom .logo {
    height: 130px;
    position: relative;
    width: calc(100% - 200px);
    float: right;
}

@media (max-width: 1920px) {
    #headerbottom .logo {
        width: calc(100% - 175px);
    }
}

@media (max-width: 767px) {
    #headerbottom .logo {
        height: 90px;
        width: auto;
        float: none;
    }
}

#headerbottom .logo svg {
    max-width: 400px;
    margin: 33px 0;
}

@media (max-width: 991px) {
    #headerbottom .logo svg {
        width: 400px;
    }
}

@media (max-width: 767px) {
    #headerbottom .logo svg {
        width: 300px;
    }
}

@media (max-width: 350px) {
    #headerbottom .logo svg {
        width: 250px;
        margin-top: 47px;
    }
}

#headerbottom .search {
    padding: 45px 0 0 0;
}

#headerbottom .searchinput {
    border-radius: 5px 0 0 5px;
    width: calc(100% - 74px);
    line-height: 28px;
    margin: 0;
    float: left;
    padding: 7px 15px;
    -webkit-appearance: none;
    -webkit-box-shadow: inset 0px 0px 2px 2px rgba(209, 209, 209, 1);
    -moz-box-shadow: inset 0px 0px 2px 2px rgba(209, 209, 209, 1);
    box-shadow: inset 0px 0px 2px 2px rgba(209, 209, 209, 1);
    border: none;
    font-size: 17px;
    color: #696969;
    box-sizing: content-box;
}

#headerbottom input[type="image"] {
    border-radius: 0;
}

#headerbottom .searchinput:focus {
    outline: none;
}

#headerbottom .order {
    padding: 20px 0 0 0;
    float: right;
    margin-top: 4px;
}

#headerbottom .order img {
    float: right;
}

#headerbottom .order p {
    font-size: 13px;
    margin-bottom: 5px;
    font-weight: bold;
    color: #0b4688;
}

#menu {
    width: 990px;
    height: 73px;
    margin: 0px;
    padding: 0px;
    background: url(images/navback.png) 100% 50% no-repeat;
    position: relative;
}

#menu ul {
    margin: 0px;
    padding: 23px 0 0 0;
}

#menu ul li {
    padding: 4px 15px;
    float: left;
    margin: 0 8px 0 0;
    list-style: none;
}

#menu ul li a {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    color: #efefef;
}

#breadcrumb {
    width: 980px;
    height: 25px;
    line-height: 65px;
    display: block;
    margin: -20px 0 0 0;
    padding: 30px 0 0 10px;
    background: #f2f2f2;
}

#breadcrumb ul {
    margin: 0px;
    padding: 0px;
}

#breadcrumb ul li {
    list-style: none;
    margin: 0 0px 0 0;
    padding: 0 20px 0 10px;
    font-size: 13px;
    color: #093e6f;
    float: left;
    background: url(images/breadcrumb-list.jpg) right center no-repeat;
}

#breadcrumb ul li:last-child {
    background: none;
}

#breadcrumb ul li a {
    text-decoration: none;
    font-size: 13px;
    color: #093e6f;
    font-weight: bold;
}

#breadcrumb ul li a.active {
    font-weight: bold;
}

.top-bar .budgetmailer-submit {
    margin-left: 0;
}

.budgetmailer-submit {
    position: absolute;
    margin-left: -5px;
}

.nieuwspaper {
    width: calc(100% - 132px);
    height: 20px;
    background: url(images/envelope.png) no-repeat;
    background-position: 9px;
    padding: 6px 0px 6px 30px;
    float: left;
    border: none;
    font-size: 13px;
    color: #4f4f4f;
    box-shadow: inset 0px 0px 4px 2px #d7d7d7;
    border: none;
    font-style: italic;
    box-sizing: content-box;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}


#content .slider {
    width: 100%;
    height: 311px;
    margin: 25px 0 0 0;
    padding: 0px;
    float: left;
}

#content .clubblock {
    margin: 25px 0 0 0px;
    padding: 10px 20px 0 20px;
    border-right: 1px #e9e9e9 solid;
    box-sizing: content-box;
}

.fb-like {
    position: absolute !important;
    top: 26px;
    padding-top: 10px;
    right: 25px;
}

#content .clubblock h2 {
    font-size: 18px;
    color: #971023;
    font-weight: normal;
}

#content .clubblock p.fronthomeclub {
    text-align: left;
}

#content .clubblock p {
    font-size: 13px;
    color: #4f4f4f;
    margin-bottom: 0;
}

#content .clubblock p a {
    color: #0071da;
    text-decoration: underline;
}

#centerblock {
    width: 990px;
    height: 303px;
    margin: 18px auto 30px;
    padding: 0px;
}

#centerblock h2 {
    font-size: 15px;
    color: #ad222d;
    font-weight: normal;
}

#centerblock h2 a {
    font-size: 15px;
    color: #ad222d;
    font-weight: normal;
}

#centerblock h6 {
    font-size: 13px;
    color: #5c5c5c;
    font-weight: normal;
}

#centerblock h4 {
    font-size: 18px;
    color: #0a3d6e;
    font-weight: normal;
}

#centerblock p {
    font-size: 13px;
    color: #0a3d6e;
}

#centerblock p a {
    font-size: 13px;
    color: #0071da;
    text-decoration: underline;
}


#centerblock .column1 {
    width: 328px;
    height: 303px;
    margin: 0px;
    padding: 0px;
    float: left;
    border-left: 1px #eaeaea solid;
    border-right: 1px #eaeaea solid;
    border-bottom: 1px #eaeaea solid;
}

#centerblock .column2 {
    width: 331px;
    height: 303px;
    margin: 0px;
    padding: 0px;
    float: left;
    border-right: 1px #eaeaea solid;
    border-bottom: 1px #eaeaea solid;
}

#centerblock .column2 ul {
    margin: 0px;
    padding: 0px;
}

#centerblock .column2 ul li {
    padding-left: 6px;
    list-style: none;
    font-size: 13px;
    color: #5e5e5e;
    margin-bottom: 10px;
}

#centerblock .column2 ul li a {
    font-size: 13px;
    color: #b2303a;
    text-decoration: none;
    font-weight: bold;
}

#centerblock .column3 {
    width: 327px;
    height: 303px;
    margin: 0px;
    padding: 0px;
    float: left;
    border-right: 1px #eaeaea solid;
    border-bottom: 1px #eaeaea solid;
}

.borders {
    margin: 20px 0 30px 0;
}

.borders .border {
    border: 1px solid #eaeaea;
    border-top: none;
}

.borders .border:nth-last-child(2) {
    border: none;
    border-bottom: 1px solid #eaeaea;
}

.subhead1 {
    padding: 12px 0 0 20px;
    height: 32px;
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
    box-sizing: content-box;
    margin-right: -15px;
    margin-left: -15px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#105ba3+0,073e72+100 */
    background: #105ba3; /* Old browsers */
    background: -moz-linear-gradient(top, #105ba3 0%, #073e72 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #105ba3 0%, #073e72 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #105ba3 0%, #073e72 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#105ba3', endColorstr='#073e72', GradientType=0); /* IE6-9 */
}

.subhead1 a, .subhead3 a {
    font-size: 13px;
    color: #53a3ed;
    text-decoration: underline;
    margin-left: 10px;
}

.subhead2 {
    margin: 0 -15px;
    padding: 12px 0 0 20px;
    height: 32px;
    font-size: 22px;
    font-weight: bold;
    color: #093f71;
    box-sizing: content-box;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f4f6+0,e3e1e3+100 */
    background: #f6f4f6; /* Old browsers */
    background: -moz-linear-gradient(top, #f6f4f6 0%, #e3e1e3 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f6f4f6 0%, #e3e1e3 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f6f4f6 0%, #e3e1e3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f4f6', endColorstr='#e3e1e3', GradientType=0); /* IE6-9 */
}

.subhead3 {
    padding: 12px 0 0 20px;
    height: 32px;
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
    box-sizing: content-box;
    margin-left: -15px;
    margin-right: -15px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#105ba3+0,073e72+100 */
    background: #105ba3; /* Old browsers */
    background: -moz-linear-gradient(top, #105ba3 0%, #073e72 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #105ba3 0%, #073e72 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #105ba3 0%, #073e72 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#105ba3', endColorstr='#073e72', GradientType=0); /* IE6-9 */
}

#content .sidebar {
    /*height:auto;*/
    /*margin:15px 0px 0 0;*/
    /*padding:10px 0 0 0;*/
}

#content .sidebar .toggleSidebar {
    padding: 10px;
    border: 1px solid black;
    border-radius: 5px;
    margin-bottom: 6px;
}

@media(min-width:769px){
	#content .sidebar .toggleSidebar {
		display:none;
	}
}


#content .sidebar .toggleSidebar.active {
    background-color: #ddd;
}

.sprekertop .rowElem select {
    width: calc(220px - 37px);
}

#content .sidebar h2 {
    height: 32px;
}

#content .sidebar .leftspace h2 {
    height: auto;
}

#content .sidebar h2 a {
    font-size: 15px;
    font-weight: bold;
    color: #0b4c88;
    text-align: left;
    margin-bottom: 5px;
    background: url(images/list-icon.jpg) left no-repeat;
    padding-left: 18px;
    text-decoration: none;
}

#content .sidebar h2 a:hover {
    font-size: 15px;
    font-weight: bold;
    color: #AD212C;
    text-align: left;
    margin-bottom: 5px;
    background: url(images/list-active-icon.jpg) left no-repeat;
    padding-left: 20px;
    text-decoration: none;
}

#content .sidebar h2 a.active {
    font-size: 15px;
    font-weight: bold;
    color: #AD212C;
    text-align: left;
    margin-bottom: 5px;
    background: url(images/list-active-icon.jpg) left no-repeat;
    padding-left: 20px;
}

#content .sidebar h3 {
    font-size: 13px;
    font-weight: bold;
    color: #0b4c88;
    text-align: left;
}

#content .sidebar p {
    font-size: 13px;
    font-weight: normal;
    color: #0b4c88;
    text-align: left;
    line-height: 18px;
}

#content .sidebar p a {
    font-size: 13px;
    font-weight: normal;
    color: #0071DA;
    text-align: left;
    line-height: 18px;

}

.nieuwsbriefleft {
    height: 52px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e7e5e7+0,f4f2f4+100 */
    background: #e7e5e7; /* Old browsers */
    background: -moz-linear-gradient(top, #e7e5e7 0%, #f4f2f4 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #e7e5e7 0%, #f4f2f4 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #e7e5e7 0%, #f4f2f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7e5e7', endColorstr='#f4f2f4', GradientType=0); /* IE6-9 */
    padding: 20px 0 20px 20px;
    box-sizing: content-box;
}

.textboxneiuws {
    width: 150px;
    height: 32px;
    display: block;
    line-height: 32px;
    box-shadow: inset 0px 0px 4px 2px #d7d7d7;
    border-radius: 5px;
    font-size: 13px;
    padding: 0;
    margin: 0 0 4px 0;
    border: none;
    background-repeat: no-repeat;
    background-position: 9px center;
}

.watermark {
    color: #4f4f4f
}


#content .rightblock {
    height: auto;
    margin: 0px 0 0 0px;
    padding: 30px 0 20px 51px;
    border-left: none;
    max-width: 100%;
}

@media (max-width: 991px) {
    #content .rightblock {
        padding-left: 0;
    }
}

.heading-items .page-title {
    display: inline-block;
    font-size: 30px;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    padding-bottom: 1em;
}

.heading-items .sortingdiv {
    margin-left: auto;
    margin-top: 0;
}

.remove-products-sidebar-sm + .col-md-3 {
    display: none !important;
}

.heading-items {
    display: flex;
    flex-wrap: wrap;
}

.heading-items .pull-left .jqTransformSelectWrapper,
.heading-items .pull-left .jqTransformSelectWrapper ul,
.heading-items .pull-left .jqTransformSelectWrapper > div > span {
    min-width: 183px;
}

@media (max-width: 991px) and (min-width: 767px) {
    #content .sidebar .visible-sm {
        display: inline-block !important;
    }

    #pagination {
        margin-top: 50px;
    }
}

@media (min-width: 992px) {
    .remove-products-sidebar-sm + .col-md-3 {
        display: block !important;
    }

    .sidebarlist {
        display: block !important;
    }

    .heading-items .sidebar {
        display: none !important;
    }

    .heading-items .page-title {
        width: auto;
        margin-left: 0;
    }

    .heading-items .sortingdiv {
        margin-left: 0;
        margin-top: 8px;
    }
}

@media (max-width: 1365px) and (min-width: 992px) {

    .sprekerblock-sprekers > .textblock > h2 {
        margin: 0 !important;
    }
}

#sov .sovr h1 {
    font-size: 30px;
}

.sidebarlist {
    height: auto;
    margin: 20px 0 20px 0;
}

.sidebarlist ul {
    margin: 0px;
    padding: 0px;
}

.sidebarlist ul li {
    list-style: none;
    margin: 0 0 3px 0;
    padding: 0px;
    line-height: 20px;
}


.sidebarlist ul li ul {
    display: none;
}

.sidebarlist ul li.current-cat ul, .sidebarlist ul li.current-cat-parent ul {
    display: block;
}

.sidebarlist ul li a {
    /* not active not dropdown*/
    font-size: 17px;
    font-weight: normal;
    color: #333333;
    text-decoration: none;
    padding-left: 10px;
    opacity: 1;
}

.sidebarlist ul li a:hover {
    text-decoration: none;
    color: #0b4c88;
}

.sidebarlist ul li a.active {
    text-decoration: none;
}

.sidebarlist ul li:before {
    content: '\f0da';
    font-family: FontAwesome;
    font-size: 14pt;
}

.sidebarlist .children li:before {
    content: 'aa';
    opacity: 0;
    font-size: 10px;
}


.blueblock {
    max-width: 198px;
    height: auto;
    margin: 20px 0 0;
    padding: 20px;
    background: #0c579c url(images/blueblock.png) bottom no-repeat;
}

.sidebar .blueblock {
    margin: 20px -15px 0 0;
}

.blueblock h4 {
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: left;
    background: url(images/subheadarrow.jpg) left no-repeat;
    padding-left: 20px;
}

.blueblock h5 {
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: left;
    padding-top: 5px;
}

.blueblock h6 {
    font-size: 13px;
    color: #FFFFFF;
    text-align: left;
    font-weight: normal;
}

.blueblock h6 a {
    font-size: 13px;
    color: #FFFFFF;
    text-decoration: underline;
}

.featureblock h2 a span {
    font-size: 18px;
    color: #AD212C;
    font-weight: bold;
}

.featureblock h2 {
    margin-bottom: 0px;
}

.featureblock {
    height: auto;
    margin: 0px;
    padding: 30px 0px 0px 0;
    border-bottom: 1px #eaeaea solid;
    box-sizing: content-box;
}

.noborder {
    border-bottom: none;
}

.imgblock {
    position: relative;
}

.imgblock:hover .playproduct {
    opacity: 1;
}

.featureblock .imgblock {
    height: auto;
    margin: 0px;
    padding: 0px;
}

.featureblock .textblock {
    float: left;
    margin: 0 0 0 20px;
    width: calc(100% - 106px);
}

#featureblock {
    border-bottom: 1px #eaeaea solid;
    min-height: 163px;
    margin: 0px 0px 25px;
    padding-bottom: 10px;
}

#featureblock .imgblock {
    width: 150px;
    height: auto;
    min-height: 150px;
    float: left;
    margin: 0px;
    padding: 0px;
}

#featureblock .textblock {
    float: left;
    margin: 0 0 0 20px;
    width: calc(100% - 106px);
}

#featureblock h2 {
    font-size: 20px;
}

.featureblock h2 {
    font-size: 25px;
}

.wp-post-image {
    width: 86px;
    height: auto;
    float: left;
    margin: 0 10px 0 0;
}

.blogcnt h2 {
    margin-bottom: 20px;
}

.sortingdiv {
    height: 30px;
    margin: 0px;
    padding: 0px;
    float: right;
}

.pagina {
    display: block;
    height: 40px;
    line-height: 40px;
    margin-top: 20px;
    margin-bottom: 15px;
    margin-right: 30px;
}

div label {
    font-size: 14px;
    color: #083C6B;
    text-align: left;
    font-weight: bold;
}

div .textbox {
    width: 306px;
    height: 28px;
    background: url(images/input-textbox.jpg) no-repeat;
    padding: 2px 4px;
    text-align: left;
    font-size: 12px;
    color: #4f4f4f;
    border: none;
    margin: 2px 0 10px 0;
}

a.login_link_special, a.signup_link_special {
    display: block;
    background-color: #0a5097;
    color: white;
    padding: 15px 0;
    font-size: 17px;
    text-align: center;
    border-radius: 5px;
}

a.login_link_special:hover, a.signup_link_special:hover {
    text-decoration: none;
}

div.ibox input.textboxlogin {
    background-color: transparent;
    border: 0 none;
    color: #4F4F4F;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    height: 20px;
    padding: 6px;
    width: 300px;
}

div.ibox {
    background: url("images/input-textbox.jpg") no-repeat scroll left top;

}

form .textarea {
    width: 306px;
    height: 90px;
    box-shadow: 1px 1px 13px -2px inset;
    padding: 2px 4px;
    text-align: left;
    font-size: 12px;
    color: #4f4f4f;
    border: none;
    margin: 2px 0 10px 0;
    resize: none;
    overflow: hidden;
}

.epic_button {
    margin: 0 0 0 226px;
}

#blueblock {
    width: 100%;
    height: auto;
    min-height: 432px;
    margin: 18px 0 30px 0;
    padding: 20px;
    background-color: #f8f8f8;
    border: 1px solid #cccccc;
    border-radius: 5px;
}

#blueblock .topblueborder {
    width: 650px;
    height: 15px;
    background: url(images/topblueborder.png) no-repeat;
}

#blueblock .centerblueborder {
    height: auto;
    min-height: 400px;
    margin: 0px;
    padding: 10px 20px;
}

#blueblock .bottomblueborder {
    width: 650px;
    height: 15px;
    background: url(images/bottomblueborder.png) no-repeat;
}

#blueblock .part1 {
    width: 274px;
    height: auto;
    min-height: 360px;
    margin: 20px 0 0 0;
    padding: 0 20px 0 10px;
    float: left;
    border-right: 1px #ccc solid;
}

#blueblock .part2 {
    width: 275px;
    height: auto;
    margin: 20px 0 0 0;
    padding: 0 20px 0 30px;
    float: left;
}

.url-free-download-link {
    cursor: pointer;
}

#yellowblock {
    height: auto;
    min-height: 300px;
    margin: 50px 0 0;
    padding: 0px;
    width: 100%;
    background-color: #fdfade;
    border: 1px solid #cccccc;
    border-radius: 5px;
}

#yellowblock .topyellowborder {
    width: 294px;
    height: 14px;
    background: url(images/topyellowborder.png) no-repeat;
    margin: 0px;
    padding: 0px;
}

#yellowblock .centeryellowborder {
    height: auto;
    margin: 0px;
    padding: 10px 20px 0 20px;
}

#yellowblock .bottomyellowborder {
    width: 294px;
    height: 24px;
    background: url(images/bottomyellowborder.png) no-repeat;
    margin: 0px;
    padding: 0px;
}


.textbox2 {
    width: 167px;
    height: 27px;
    line-height: 27px;
    border: 1px #ccc solid;
    padding: 0 10px;
    background: #FFFFFF;
}

.textbox3 {
    width: 201px;
    height: 29px;
    line-height: 27px;
    border: 1px #838383 solid;
    padding: 0 10px;
    background: #FFFFFF;
}

input[readonly="readonly"] {
    background-color: #FDFADE;
}

.formlabel {
    width: 79px;
    height: 27px;
    line-height: 27px;
    margin: 0px;
    padding: 0px;
    float: left;
    font-size: 12px;
    color: #4e4e4e;
    text-align: left;
    font-weight: bold;
}

.textlabel {
    width: 120px;
    height: 27px;
    line-height: 27px;
    margin: 0px;
    padding: 0px;
    float: left;
    font-size: 12px;
    color: #4e4e4e;
    text-align: left;
    font-weight: bold;
}

.spanlabel {
    margin: 0 5px 0 5px;
    padding: 0px;
    font-size: 12px;
    color: #4e4e4e;
    text-align: left;
    font-weight: bold;
}

.radio {
    height: 30px;
}

.leftmargin {
    float: left;
    clear: left;
}

.spanlabel2 {
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    color: #4e4e4e;
    text-align: left;
    font-weight: bold;
}

.required {
    margin: 0 10px 0 10px;
    padding: 0px;
    font-size: 12px;
    color: #4e4e4e;
    text-align: left;
    font-weight: bold;
}

.yellowboxblock {
    height: auto;
    padding: 10px 0;
    border-bottom: 1px #a6a6a4 solid;
    position: relative;
}

.yellowboxclose {
    width: 23px;
    height: 23px;
    position: absolute;
    top: 10px;
    right: 0px;
}

.yellowbordertop {
    line-height: 1px;
    border-top: 1px #a6a6a4 solid;
}

.yellowsmallblock {
    width: 65%;
    height: auto;
    border-bottom: 1px #a6a6a4 solid;
    float: right;
    padding: 10px 0;
    margin-right: 20px;
}

.playblock {
    height: auto;
    min-height: 500px;
    margin: 20px 0 0 0;
    padding: 10px 0px;
}

.playlist {
    height: auto;
    padding: 5px 0;
    margin: 5px 0 5px 0;
    line-height: 31px;
    vertical-align: middle;
}

.playlist .playlist-row-prd {
    background: #ededed;
    padding: 5px 10px;
}

.playlist .playlist-row-prd.myBox {
    border: 1px solid #D6D6D6;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.playlist .playlist-row-prdname {
    cursor: pointer;
    background: url("images/close.png") no-repeat scroll left center transparent;
    padding-left: 20px;
}

.playlist .playlist-row-prdname a {
    color: #083C6B
}

.playlist .playlist-row-prdname:hover {
    background: url("images/close2.png") no-repeat scroll left center transparent;
    color: #AD212C;
}

.playlist .playlist-row-prdname:hover a {
    color: #AD212C;
}

.playlist.openedDiv .playlist-row-prdname {
    background: url("images/open2.png") no-repeat scroll left center transparent;
}

.playlist.openedDiv .playlist-row-prdname:hover {
    background: url("images/open.png") no-repeat scroll left center transparent;
}

.playlist .playlistCD {
    display: none;
    cursor: pointer;
    margin-left: 30px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.playlist .playlistCD .playlistCDTitle {
    border: 1px solid #D6D6D6;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #ededed;
    padding: 0px 10px 0px 10px;
}

.playlist.openedDiv .playlistCD {
    display: block;
}

.playlist.openedDiv .playlistCD.selectedCD .playlistCDTitle {
    display: block;
    color: #9A1024;
    font-weight: bold;
}

.playlist .playlistChapter {
    display: none;
    margin-left: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
    border: 1px solid #D6D6D6;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #ededed;
}

.playlist .playlistChapter .chaptertitle {
    font-weight: bold;
    padding-left: 10px;
    cursor: pointer;
}

.playlist .playlistChapter.selectedChapter .chaptertitle {
    color: #9A1024;
}

.playlist.openedDiv .playlistCD.selectedCD .playlistChapter {
    display: block;
}

.playlist ul.club_music_list {
    display: none;
    list-style: none;
    margin-left: 30px;
}

.playlist.openedDiv ul.club_music_list {
    display: none;
}

.playlist ul.club_music_list li a {
    color: #083C6B;
}

.playlist ul.club_music_list li.selectedmusic a {
    color: #9A1024;
    text-decoration: underline;
}


.playlist ul.club_music_list li a.track-not-free, .playlist ul.club_music_list li.selectedmusic a.track-not-free {
    color: #D0C203;
    text-decoration: none;
}

.playlist ul.club_music_list li .div-notavailable {
    display: none;
    font-size: 11px;
    color: #999999;
    padding-left: 20px;
    line-height: 12px;
}

.playlistitems {
    background: none repeat scroll 0 0 #083C6B;
    border: 1px solid #083C6B;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    cursor: pointer;
    line-height: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 1px 5px;
}

.accountlidblock {
    height: auto;
    margin: 0 0 0 20px;
    padding: 20px;
    background: #f8f8f8;
    position: relative;
}

#frm-hma-clublid {
    float: right;
}

.accountinner {
    height: auto;
    margin: 0px;
    padding: 0px;
    float: none;
    width: 300px;
    margin-bottom: 10px;
}

.subh2 {
    font-size: 15px;
    font-weight: bold;
    color: #ae162cl
}

.smalltext2 {
    font-size: 9px;
    color: #4e4e4e;
}

.deoblock {
    height: auto;
    min-height: 94px;
    border-bottom: 1px #eaeaea solid;
    padding: 0 0 34px 10px;
    margin: 0px 0 20px 0;
}

.deoblock h2 {
    margin-bottom: 15px;
}

.dateblock {
    width: 84px;
    height: 74px;
    background: #eaeaea;
    float: left;
    margin: 0 20px 0 0;
    padding: 10px 0 0 0;
    text-align: center;
}

.ageblock {
    height: auto;
    min-height: 94px;
    border-bottom: 1px #eaeaea solid;
    padding-bottom: 30px;
    margin-bottom: 40px;
}

.ageblock h2 {
    margin-bottom: 5px;
}

.textblock2 {
    width: calc(100% - 300px);
    height: auto;
    margin: 0px;
    padding: 0px;
    float: left;
}

.centerlink {
    width: 700px;
    height: auto;
    text-align: center;
    margin: 0 0 30px 0;
    padding: 0px;
}

.topsort {
    width: 160px;
    height: 50px;
    margin: 0px;
    padding: 0px;
    float: right;
}

.sprekerblock {
    height: auto;
    margin: 0 0 20px 0;
    padding: 20px 0px;
    border-bottom: 1px #eaeaea solid;
}

.nosprekerborder {
    border-bottom: none;
}

.sprekerblock .imgblock {
    width: 86px;
    height: auto;
    min-height: 100px;
    float: left;
    margin: 0px;
    padding: 0px;
}

.sprekerblock .textblock {
    float: left;
    margin: 5px 0 0 20px;
    width: 490px;
}

.sprekertop {
    padding: 30px 0 23px 0px;
    height: 63px;
    margin-bottom: 0px;
}

.sprekertop h2 {
    margin-left: 25px;
}

.cartbox {
    max-width: 100%;
    padding: 20px;
    margin: 20px 0;
    background: #fefadf;
}


.socialiconset {
    height: auto;
    margin: 0px;
    padding: 0px;
    float: right;
    text-align: right;
}

.socialiconset a {
    margin-right: 7px;
}

.privatelist {
    margin: 0px;
    padding: 0px;
}

.privatelist ul {
    margin: 0px;
    padding: 0px;
}

.privatelist ul li {
    list-style: none;
    margin: 0px;
    padding: 0 0 0 12px;
    font-size: 13px;
    color: #4f4f4f;
    background: url(images/listarrow.jpg) left no-repeat;
}

.haplist {
    margin: 0 0 20px 15px;
    padding: 0px;
}

.haplist ul {
    margin: 0px;
    padding: 0px;
}

.haplist ul li {
    list-style: disc;
    margin: 0px;
    padding: 0 0 5px 5px;
    font-size:17px;
    color: #4f4f4f;
}

.paragraphtext {
    width: 585px;
    height: 458px;
    margin: 20px 0 0 0px;
}

.downloadlist ul {
    margin: 0px;
    padding: 0px;
}

.downloadlist ul li:nth-child(1) {
    width: 20%;
}

.downloadlist ul li {
    width: 40%;
    float: left;
    margin: 0px;
    padding: 0 0 10px 0px;
    list-style: none;
    font-size: 13px;
    color: #71706c;
    font-weight: bold;
}

.downloadbox {
    width: 100%;
    height: 70px;
    margin-bottom: 10px;
}

.downloadbox ul {
    margin: 0px;
    padding: 0px;
    height: 100%;
}

.downloadbox ul li {
    width: 40%;
    float: left;
    margin: 0px;
    padding-left: 10px;
    height: 100%;
    list-style: none;
    font-size: 13px;
    color: #71706c;
    border-right: 1px #d6d6d6 solid;
}

.downloadbox ul li a {
    font-size: 13px;
    font-weight: bold;
    color: #2d5eb0;
    text-decoration: underline;
    display: table-cell;
    vertical-align: middle;
    height: 70px;
}

.downloadbox ul li p {
    height: 70px;
    display: table-cell;
    vertical-align: middle;
}

.downloadbox ul li:last-child {
    border-right: none;
}

.downloadbox ul li:nth-child(1) {
    width: 20%;
}

.myBox {
    border: 1px #d6d6d6 solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.downloaded {
    width: 700px;
    min-height: 120px;
    height: auto;
    margin-bottom: 10px;
}

.downloaded ul {
    margin: 0px;
    padding: 0px;
}

.downloaded ul li {
    float: left;
    margin: 0px;
    padding: 10px 0 10px 0px;
    display: block;
    min-height: 100px;
    height: auto;
    list-style: none;
    font-size: 13px;
    color: #71706c;
    border-right: 1px #d6d6d6 solid;
}

.downloaded ul li a {
    font-size: 13px;
    font-weight: bold;
    color: #2d5eb0;
    text-decoration: underline;
    text-align: center;
}

.downloaded ul li:last-child {
    border-right: none;
}

.myBox {
    border: 1px #d6d6d6 solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-left: 15px;
    margin-right: 15px;
}


.detailbox {
    height: auto;
    display: block;
    padding: 10px;
    background: #fdfade;
    border: 1px #cccccc solid;
    width: 702px;
}

.historybox li {
    padding: 25px 0 !important;
}

.historybox li a {
    padding: 0;
    display: block !important;
    height: auto !important;
}

ul.listcolumn {
    margin: 0px;
    padding: 0px;
}

ul.listcolumn li {
    height: 30px;
    margin: 0px;
    padding: 0px;
    float: left;
    list-style: none;
}

.quantity {
    font-size: 11px;
    color: #0b4c88;
}


.cart {
    min-height: 98px;
    margin: 20px 15px 0 15px;
    padding: 0px;
    border: 1px #d6d6d6 solid;
}

.cart ul {
    margin: 0px;
    padding: 0px;
}

.cart ul li {
    margin: 0px;
    padding: 0 0 0 20px;
    list-style: none;
    float: left;
    line-height: 98px;
    border-right: 1px #d6d6d6 solid;
    font-size: 13px;
    color: #5b5b5b;
    font-weight: bold;
}

.cart ul li:last-child {
    border-right: none;
}

.rightborder {
    border-right: 1px #d6d6d6 solid;
    vertical-align: middle;
    padding-top: 12px;
    padding-bottom: 12px;
}

.cartprice {
    font-size: 13px;
    color: #5b5b5b;
    font-weight: bold;
}

.cartcalculate {
    font-size: 14px;
    color: #323232;
    font-weight: bold;
}

.cartlabel {
    font-size: 13px;
    color: #5b5b5b;
    font-weight: bold;
}

.cartinput {
    width: 116px;
    height: 20px;
    border: 1px #858583 solid;
    background: #FFFFFF;
    margin-left: 10px;
}

.cartborder {
    border-bottom: 1px #a5a7a4 solid;
    height: 8px;
    margin-bottom: 7px;
}

@media (max-width: 767px) {
    .cart .cartprice {
        display: block;
        text-align: center;
        margin-bottom: 5px;
    }
}


/**/
#fpwrapper {
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 30px 0 0 0;
}

.facebook-box-wrapper {
    margin: 15px auto;
    height: 400px;
}

#fp .fpc {
    min-height: 110px;
}

@media (max-width: 767px) {
    #fp .fpc {
        min-height: auto;
        padding-bottom: 20px;
    }
}

#fp h3 {
    font-size: 14px;
    color: #ad222d;
    font-weight: normal;
}

#fp h3 a {
    color: #ad222d;
    font-weight: normal;
}

#fp .fpc ul {
    list-style: none none outside;
    margin: 0px;
    padding: 0px;
}

#fp .fpc ul li a {
    color: #666;
    font-size: 14px;
    line-height: 17px;
    text-decoration: none;
}

#fp .fpc ul li a.rm {
    font-size: 14px;
    color: #0071da !important;
    text-decoration: underline;
}

#fm {
    clear: both;
    margin: 0 auto;
    padding: 5px 0 0 0;
    height: 45px;
    no-repeat top right;
    color: #747474;
    text-align: center;
}

#fm img {
    margin: 0 6px -8px 6px;
}

#fm a {
    padding: 0px;
    color: #747474;
    font-size: 13px;
    text-align: center;
}

#fm a.c {
    font-weight: bold;
    font-size: 13px;
}

#fm em {
    font-weight: normal;
    padding: 0px;
    font-size: 13px;
}

/**/
/*commoncss*/


#smallmenu {
    width: 600px;
    height: auto;
    margin: 20px 0 0 30px;
    float: left;
    padding: 0px;
}

#smallmenu a {
    font-size: 13px;
    color: #666;
    text-align: left;
    padding: 8px 45px 12px 10px;
    text-decoration: none;
    margin: 0px;
}

#smallmenu a.current {
    background: url(images/breadcrumbback.png) no-repeat;
    font-size: 12px;
    font-weight: bold;
    color: #093e6f !important;
}

/*slider*/
div#feature_list {
    height: 306px;
    position: relative;
}

div#feature_list ul {
    list-style: none;
    max-width: 196px;
}

ul#tabs {
    z-index: 2;
}

ul#tabs li {
    font-size: 12px;
    font-family: Arial;
    min-height: 73px;
}

ul#tabs li table {
    min-height: 73px;
}

ul#tabs li table td {
    min-height: 73px;
    padding-left: 10px;
    border-top: 1px #e4e4e4 solid;
    border-left: 1px #e4e4e4 solid;
}

ul#tabs li:nth-last-child(1) table td {
    border-bottom: 1px solid #e4e4e4;
}

ul#tabs li img {
    border: none;
}

ul#tabs li a {
    color: #4f4f4f;
    text-decoration: none;
    display: block;
    font-size: 18px;
    outline: none;
    position: relative;
    box-sizing: content-box;
}

ul#tabs li a:hover {
    text-decoration: none;
}

ul#tabs li a .triangle {
    width: 30px;
    border-top: none;
    border-bottom: none;
}

ul#tabs li:nth-last-child(1) a .triangle {
    border-bottom: none;
}

ul#tabs li a.current table td.triangle {
    border-top: 36px solid white;
    border-bottom: 37px solid white;
    border-right: 0px solid white;
    border-left: 17px solid transparent;
}

ul#tabs li a.current {
    font-size: 18px;
    z-index: 1;
    background: #f5f5f5; /* Old browsers */
    background: -moz-linear-gradient(top, #f5f5f5 0%, #e3e3e3 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f5f5f5 0%, #e3e3e3 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f5f5f5 0%, #e3e3e3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#e3e3e3', GradientType=0); /* IE6-9 */
}

ul#tabs li a.current img {
    display: block;
}

ul#tabs li a.current:hover {
    text-decoration: none;
    cursor: default;
}

ul#output {
    height: 307px;
}

ul#output li {
    position: absolute;
    height: 100%;
    width: calc(100% - 30px);
}

ul#output li a img {
    max-width: 100%;
}


/*MegaDropDown*/


.sidebarlist ul li ul.children {
    padding-left: 20px;
}

.sidebarlist ul li.current-cat a {
    /*active not child*/
    color: #0d426f;
}

.sidebarlist ul li.current-cat:before {
    /*active not child*/
    content: '\f0d7';
    font-family: FontAwesome;
    font-size: 14pt;
}

.sidebarlist ul .children li.current-cat a {
    /*active child */
    color: #0d426f;
}

.sidebarlist ul .children li a:hover {
    /*active child */
    color: #0b4c88;
}

.sidebarlist ul .children li.current-cat a:hover {
    /*active child */
    color: #0d426f;
}

.sidebarlist ul .children li.current-cat:before {
    /*active child */
    content: '\f111';
    font-family: FontAwesome;
    font-size: 10pt;
    opacity: 1;
}

.sidebarlist ul li.current-cat-ancestor > a {
    font-size: 18px;
    color: #0b4c88;
}

.sidebarlist ul li.current-cat-ancestor:before {
    /*active parent */
    content: '\f0d7';
    font-family: FontAwesome;
    font-size: 14pt;
}

.sidebarlist ul li.current-cat ul li a {
    color: #333333;
}

/*drop down panel*/

.menu_class {
    border: none;
    height: 20px !important;
    float: left;
    margin: 0;
    padding: 0;
    margin-right: 10px;
    margin-top: -2px;

}

.the_menu {
    display: none;
    position: absolute;
    z-index: 2222;
    border: none;
    top: 50px;
}

.the_menu li {
    list-style: none;
    text-align: left;
    padding-right: 10px;
}

.the_menu li a {
    color: #ffffff;
    font-size: 13px;
    text-decoration: none;
    padding: 5px;
    display: block;
}

.the_menu li a:hover {
    color: #acacac;
    text-decoration: none;
}

.the_menu li a.selected {
    color: #acacac;
}

/*drop down panel*/
.sub-container {
    position: absolute;
    margin-left: -3px;
    padding-left: 10px;
    top: 25px;
    margin-top: 34px;
}

#centerblock .pricesyb, #centerblock .pricesuffix {
    font-size: 14px;
    font-weight: bold;
}

.blogcnt {
    padding-top: 0px;
}

.blogcnt p {
    margin-bottom: 12px;
}

.blogcnt, .rightpadded {
    padding-right: 116px;
}

#topheaderoverlaymsg.success {
    background: #0B4C88;
    color: #FFFFFF;
    font-size: 17px;
    font-weight: bold;
    padding: 15px;
    text-align: center;
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

/*clubnew*/

.clubtextblock {
    min-height: 235px;
    height: auto;
    margin: 5px 0 0 0;
    padding: 0px;
    float: left;
}

.clubimg {
    height: auto;
    margin: 20px 0 0 0;
    padding: 30px 0 0 0;
    float: left;
}

.clubtitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #0a4982;
    text-align: left;
}

.clubtitle span {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #9a1024;
    text-align: left;
}

.clubptext {
    font-size: 15px;
    color: #000000;
    text-align: left;
}

ul.clublisttext {
    margin: 25px 0 0 0;
    padding: 0px;
    width: 230px;
}

ul.clublisttext li:before {
    font-family: FontAwesome;
    content: "\f046 ";
    display: inline-block;
    margin-right: .5em;
}

ul.clublisttext li {
    text-align: left;
    list-style: none;
    font-size: 15px;
    color: #333333;
}

ul.clublisttext li.nobackground {
    background: none;
}

.demotext {
    font-size: 15px;
    color: #0b4c88;
    text-align: left;
    font-weight: bold;
    margin-bottom: 10px;
}

.wordenbutton {
    font-size: 18px;
    margin: 5px auto;
    width: 100%;
    float: left;
    text-align: center;
}

.wordenbutton img {
    margin: 10px 10px -13px;
}

.wordenbutton a.signup_link {
    display: inline-block;
}

.klantenservice {
    font-size: 15px;
    color: #343434;
    text-align: left;
    font-weight: bold;
}

.klantext {
    font-size: 13px;
    color: #4f4f4f;
    text-align: left;
}

/*clubnew*/

#fm a.f_mlink {
    color: #A41227;
    font-size: 13px;
    padding: 0;
    text-align: center;
}

/** Edit by Mukul **/
.playproduct a, .playproduct a:hover {
    text-decoration: none;
}

.playproduct a {
    font-size: 14px;
    color: #0b4c88;
    transition: color 0.6s linear;
}

.playproduct a:hover {
    color: #AD212C;
}


#toTop {
    background: none repeat scroll 0 0 #083C6B;
    border: 1px solid #FFFFFF;
    bottom: 10px;
    color: #FFFFFF;
    cursor: pointer;
    display: none;
    font-family: verdana;
    font-size: 11px;
    padding: 5px;
    position: fixed;
    right: 10px;
    text-align: center;
    width: 100px;
    z-index: 9999;
}

.hidden-content ul {
    margin: 10px 0;
}

#destop-club-playlist-tracktitle {
    position: absolute;
    color: #A11329;
    padding-left: 20px;
    background: transparent;
    display: none;
}

.playlist ul.clubdemo_music_list {
    list-style: none outside none;
    margin-left: 30px;
    font-weight: bold;
}

.playlist ul li a {
    color: #0071DA;
}

.playlist ul.clubdemo_music_list li.selectedmusic a.playtrack {
    color: #AD212C;
}

.mb10 {
    margin-bottom: 0px;
}

.mnp a.title {
    padding: 0;
}

.account-downloads, .account-save {
    color: white !important;
    height: 38px;
    background: #468ac4;
    background: -moz-linear-gradient(top, #468ac4 0%, #263542 100%);
    background: -webkit-linear-gradient(top, #468ac4 0%, #263542 100%);
    background: linear-gradient(to bottom, #468ac4 0%, #263542 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ac4', endColorstr='#263542', GradientType=0);
    padding: 10px 20px;
    line-height: 1.4;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    font-size: 14px;
    float: left;
}

.account-downloads {
    margin-left: 5px;
}

.account-downloads:hover {
    text-decoration: none;
}

/* 12 Feb 2014 */
.coupn {
    margin: 3px 0;
}

.coupn input {
    width: 100px;
    margin-left: 10px;
}

.childDrop {
    float: right;
    width: 310px;
    display: none;
    margin-top: 20px;
    clear: both;
    position: relative;
}

.accountinner.childDrop {
    width: 250px;
    display: block;
    margin-top: -24px;
}

@media (max-width: 767px) {
    .accountinner.childDrop {
        margin-top: -68px;
    }
}

.err {
    display: block;
    font-size: 11px;
    color: red;
    margin-left: 11px;
}

.subscription-block {
    position: absolute;
    right: 115px;
    top: 16px;
}

.my-account-page-buttons{
    margin-left: 130px;
}

@media (max-width: 767px) {
    .subscription-block {
        position: static;
	margin-top: 16px;
	background:none;
    }

    .my-account-page-buttons{
        margin-left: auto;
    }
}

.subscription-block .btn {
    cursor: pointer;
    font-size: 17px;
    color: #B2303A;
    text-decoration: underline;
}

.subscription-block #coupon_code {
    margin: 10px 0;
}

.subscription-block #subscription_form, .subscription-block #cancel_subscription_form {
    height: 0;
    opacity: 0;
    pointer-events: none;
    padding-top: 16px;
    font-size: 17px;
    transition: opacity .3s;
}

.subscription-block #subscription_form.active, .subscription-block #cancel_subscription_form.active {
    height: auto;
    opacity: 1;
    pointer-events: all;
    transition: opacity .3s;
}

.subscription-block #subscription_form input {
    margin-left: 0;
}

.subscription-block #subscription_form #coupon_code {
    display: none;
}

.btnHdlr #hmacr_clublidworden {
    text-decoration: underline;
}


.rightblock .redtitle a {
    font-size: 18px;
    font-weight: bold;
    text-decoration: underline;
}

.frm-Col {
    width: 58%;
}

.frm-Col label.error {
    margin-left: 120px;
}

.childDrop label.error {
    position: absolute;
    left: -21px;
    bottom: -24px;
}


.top-bar-wrapper {
    width: 100%;
    height: 50px;
    background-color: #ad222d;
    color: white;
}

.top-bar-wrapper {
    display: none;
    background-color: #ad222d;

}

.top-bar .wpcf7-email {
    margin-top: -2px;
}

.top-bar .follow {
    width: 100%;
}

.top-bar .follow-us-mail {
    float: left;
    margin-top: 45px;
}

.top-bar .follow-us-mail span {
    float: left;
    display: block;
    margin-top: 2px;
    font-weight: bold;
    color: #fff;
}

.top-bar .follow-us-mail div {
    float: right;
}


.top-bar .follow-us-facebook {
    float: left;
    width: 350px;
    margin-top: 15px;
    margin-left: 15px;
}

.top-bar .follow-us-facebook span {
    float: left;
    display: block;
    margin-top: 2px;
    font-weight: bold;
}

.top-bar .follow-us-facebook div {
    float: left;
}

.top-bar #follow-us-close {
    float: right;
    color: white;
    margin-top: 15px;
    display: block;
}

body.show-top-bar {
    background-position: 0px 50px;
}

body.show-top-bar .top-bar-wrapper {
    display: block;
}

.fb-like-top-bar {
    position: static !important;
    float: left;
    margin-top: -2px;
    width: 100px;
    height: 20px;
    padding: 0px;
    margin-left: 5px;
}

.download table {
    padding-left: 92px;
}

@media (max-width: 1040px) {
    .borders .col-sm-6, .border.col-md-4 {
        height: 300px;
    }
}

@media (max-width: 991px) {

    .fake-row {
        width: 100%;
        margin: 0 -15px;
    }

    .mnp h3 {
        width: auto !important;
        margin-bottom: 0;
        min-height: 32px;
    }

    .childDrop {
        width: 200px;
    }

    .account-save, .account-downloads {
        width: 200px;
        text-align: center;
    }

    .col-xs-7 {
        width: 100%;
    }

    .facebook {
        margin-left: -15px;
    }

    .clubblock .budgetmailer-subscribe {
        margin-top: -30px;
    }

    .the_menu {
        left: 85px;
    }

    .the_menu li {
        text-align: left;
    }

    .borders .border:nth-last-child(2) {
        border-bottom: none;
        border-left: 1px solid #eaeaea;
        border-right: 1px solid #eaeaea;
    }

    .sprekertop {
        height: auto;
    }

    .sprekertop h2 {
        margin: 10px 0;
        margin-left: 0;
    }

    .download table {
        padding-left: 0;
    }

    .sidebarlist {
        padding: 0;
    }

    .leftspace {
        margin-left: 0;
    }

    .top-bar .follow-us-mail span {
        font-size: 12px;
    }

    .follow-us-facebook {
        width: auto !important;
        margin-left: 0 !important;
    }


    #headerbottom .search {
        padding: 10px 0;
    }

    #headerbottom .order {
        padding: 10px 0;
        margin: 0;
    }

    #leftm {
    }

    .dcjq-mega-menu ul.menu li a {

    }

    #content .clubblock {
        text-align: left;
        margin: 0 -15px;
        padding-bottom: 14px;
        border-top: 1px solid #eaeaea;
        border-right: 1px solid #eaeaea;
    }

    .borders .border {
        border-bottom: none;
    }

    .fb-like {
        top: 0;
    }

    .mnp {
        min-height: 0px !important;
    }

    .accountinner {
        width: 50%;
    }
}


@media (max-width: 767px) {
    .top-bar .follow-us-mail span {
        font-size: 8px;
        line-height: 10px;
    }

    .account-downloads {
        margin-top: 5px;
        margin-left: 0;
    }

    body {
        background: none;
    }

    .accountlidblock {
        margin-left: 0;
    }

    .accountlidblock h3 {
        margin-top: 30px;
    }

    .wordenbutton a.signup_link {
        display: block;
    }

    .wordenbutton img {
        margin: 10px 10px 0 0;
    }

    .accountinner {
        width: 100%;
    }

    #frm-hma-clublid {
        float: left;
    }

    .the_menu {
        left: 99px;
    }

    #content {
        margin-top: 130px;
    }

    #content .sidebar .toggleSidebar {
        display: inline-block ;
    }

    @media (max-width: 992px) {
        #content .sidebar .visible-xs.visible-sm.toggleSidebar {
            display: none !important;
        }
    }

    .borders .border {
        border-bottom: 1px solid #eaeaea;
    }

    .borders {
        margin: 20px 0;
    }

    .nieuwspaper {
        width: calc(100% - 110px);
    }

    .facebook {
        text-align: center;
        margin: 20px 0;
    }

    .frm-Col {
        width: 100%;
    }

    .account-save, .account-downloads {
        width: 100%;
        float: left;
    }

    #content .clubblock p.fronthomeclub {
        max-width: 183px;
        text-align: left;
    }

    #content .clubblock {
        text-align: center;
        border-top: none;
        border-right: none;
        padding: 20px 20px 0 20px;
    }

    .clubblock .membershipbtn {
        margin: auto;
    }

    .textlabel {
        width: 100%;
    }

    .textbox3 {
        width: 100%;
    }

    .childDrop {
        float: left;
        width: 300px;
    }

    a.login_link_special, a.signup_link_special {
        font-size: 14px;
    }

    ul#tabs li a {
        font-size: 12px;
    }

    ul#tabs li a.current {
        font-size: 12px;
    }

    ul#output li {
        text-align: center;
        height: auto;
    }

    .blogcnt, .rightpadded {
        padding-right: 0;
    }

    .budgetmailer-submit {
        margin-left: -60px;
    }

    div.jp-audio div.jp-type-single div.jp-progress {
        width: calc(100% - 200px) !important;
    }

    div.jp-audio div.jp-type-single div.jp-time-holder {
        width: calc(100% - 200px) !important;
    }

    .jp-volume-bar {
        display: none !important;
    }

    .jp-controls li:nth-last-child(1), .jp-controls li:nth-last-child(2) {
        display: none !important;
    }

    .epic_button {
        float: left;
        margin: 0;
    }

    #content .rightblock {
        border-left: none;
    }

    .featureblock .imgblock {
        margin: auto;
        float: none;
    }

    .featureblock .textblock {
        width: 100%;
        margin: 0;
        padding: 0 0 0 20px;
    }


    .jqTransformSelectWrapper {
        width: 140px !important;
    }

    .sprekerblock .textblock {
        margin: 5px 0 0 0;
        width: 100%;
    }

    #content .rightblock {
        padding: 0 0 20px 0px;
    }

    #sov {
        margin-top: 20px;
        padding-top: 30px;
    }

    #headerbottom .order p {
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    #headerbottom .logo {
        text-align: center;
        margin-left: 0px;
        margin-top: 0px;
    }
}

@media (max-width: 450px) {
    #feature_list {
        height: auto;
    }

    ul#output {
        height: auto;
    }

    #content .slider, ul#output, ul#output li a img {
        height: 250px;
    }

    #headerbottom .logo {
        margin-left: 0px;
        margin-top: 0px;
    }
}

@media (max-width: 400px) {
    #feature_list {
        height: auto;
    }

    ul#output {
        height: auto;
    }

    #content .slider, ul#output, ul#output li a img {
        height: 200px;
    }
}

@media (max-width: 769px) {
    .woocommerce-cart-form__cart-item.cart_item .product-thumbnail a img {
        width: 100px !important;
    }
}

.woocommerce-cart-form__cart-item.cart_item.cart_item {
    font-size: 15px;
}

.woocommerce-cart-form__cart-item.cart_item .product-thumbnail {
    display: block !important;
}

.woocommerce-cart-form__cart-item.cart_item .product-thumbnail a {
    width: 100%;
    display: block;
    text-align: center;
}

.woocommerce-cart-form__cart-item.cart_item .product-thumbnail {
    text-align: center !important;
}

.woocommerce-cart-form__cart-item.cart_item .product-thumbnail:before {
    content: '';
}

.woocommerce-cart-form__cart-item.cart_item .product-download:before {
    content: '';
}

.action-buttons {
    background: none !important;
    display: block;
}

.shop_table.subscription_details .button.cancel {
    display: none !important;
}

.woocommerce-billing-fields > h3 {
    display: none;
}

.optional-billing.hidden {
    display: none !important;
}

.general-paid-content p {
    margin: 1rem;
}











@font-face {
    font-family: Avenir;
    src: url("fonts/AvenirLTPro-Roman.otf");
}
@font-face {
    font-family: Avenir;
    src: url("fonts/AvenirLTPro-Roman.otf");
}
@font-face {
    font-family: Avenir;
    src: url("fonts/AvenirLTPro-Black.otf");
    font-weight: 900;
}
@font-face {
    font-family: Avenir;
    src: url("fonts/AvenirLTPro-Heavy.otf");
    font-weight: 700;
}
@font-face {
    font-family: Avenir;
    src: url("fonts/AvenirLTPro-Medium.otf");
    font-weight: 600;
}
@font-face {
    font-family: Avenir;
    src: url("fonts/AvenirLTPro-Book.otf");
    font-weight: 400;
}
#club-page {
    -webkit-font-smoothing: antialiased;
    font-family: Avenir;
}
#club-page h2 {
    margin: 0 0 12px;
    font-size: 28px;
    font-weight: 700;
    line-height: 35px;
    color: white;
}
@media (min-width: 769px) {
    #club-page h2 {
        font-size: 50px;
        line-height: 65px;
    }
}
@media (min-width: 769px) {
    #club-page .visible-mobile {
        display: none !important;
    }
}
#club-page p {
    margin: 20px 0;
    font-size: 15px;
    line-height: 25px;
    color: white;
}
@media (min-width: 769px) {
    #club-page p {
        font-size: 20px;
        line-height: 32px;
    }
}
#club-page .color-red {
    color: #B00021 !important;
}
#club-page .color-black {
    color: black !important;
}
#club-page .color-white {
    color: white !important;
}
#club-page .bg-transparent {
    background: transparent !important;
}
#club-page .text-align-left {
    text-align: left;
}
#club-page a.btn {
    display: inline-block;
    height: auto !important;
    padding: 9px 16px 7px;
    font-size: 13px;
    line-height: 13px;
    font-weight: 900;
    text-transform: uppercase;
    text-decoration: none;
    color: white;
    background: #B00021;
}
@media (min-width: 769px) {
    #club-page a.btn {
        padding: 17px 24px 15px;
        font-size: 19px;
        line-height: 21px !important;
    }
}
@media (max-width: 867px) {
    #club-page .end-corner:after, #club-page .start-corner:before {
        content: "";
        position: absolute;
        width: 200%;
        height: 100%;
        background: #0F4D78;
    }
    #club-page .end-corner:after {
        bottom: 0;
        left: 0;
        transform: translateY(101%) rotate(-9deg);
        transform-origin: left;
    }
    #club-page .start-corner.white:before {
        background: white;
    }
    #club-page .start-corner:before {
        top: 0;
        right: 0;
        transform: translateY(-100%) rotate(-9deg);
        transform-origin: right;
    }
}
#club-page .desktop-content {
    display: none;
    width: 800px;
}
@media (min-width: 769px) {
    #club-page .desktop-content {
        display: block;
    }
}
#club-page .block-1 {
    height: 272px;
    width: 100%;
}
@media (min-width: 769px) {
    #club-page .block-1 {
        height: 720px;
        padding-bottom: 72px;
    }
    #club-page .block-1 .desktop-content {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        padding-left: 100px;
    }
}
#club-page .block-2 {
    height: 382px;
    width: 100%;
}
@media (min-width: 769px) {
    #club-page .block-2 {
        -webkit-clip-path: polygon(0 120px, 0 100%, 100% 100%, 100% 0);
        clip-path: polygon(0 120px, 0 100%, 100% 100%, 100% 0);
        height: 860px;
        margin-top: -120px;
    }
    #club-page .block-2 .desktop-content {
        position: absolute;
        bottom: 100px;
        padding-left: 100px;
    }
    #club-page .block-2 .desktop-content.right-side {
        top: 50%;
        right: 100px;
        transform: translateY(-50%);
    }
    #club-page .block-2 .desktop-content h2 {
        color: #1D537F;
    }
    #club-page .block-2 .desktop-content p {
        color: black;
    }
}
#club-page .block-3 {
    text-align: center;
}
#club-page .block-3 img {
    width: 110px;
}
#club-page .block-3 .img-bg-block {
    position: relative;
    height: 400px;
    width: 100%;
}
#club-page .block-3 .img-bg-block a.btn {
    position: absolute;
    bottom: 24px;
    left: 20px;
}
#club-page .block-3 .app-stores {
    padding: 20px;
    text-align: right;
}
#club-page .block-3 .steps .step .step_count {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 49px;
    height: 49px;
    margin: 48px auto 24px;
    color: #B00021;
    font-size: 27px;
    font-weight: 900;
    background: white;
    border-radius: 100%;
}
#club-page .block-3 .steps .step .title {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    color: white;
}
#club-page .block-3 .steps .step p {
    padding: 0 20px;
    margin-top: 0;
    font-weight: 600;
}
#club-page .block-3 .desktop-content {
    width: 100%;
    margin: auto;
    background: #074373;
}
#club-page .block-3 .desktop-content h2 {
    padding: 100px 0 25px;
}
#club-page .block-3 .desktop-content .steps {
    display: flex;
}
#club-page .block-3 .desktop-content .steps .step {
    flex: 1;
    padding: 0 50px;
}
#club-page .block-3 .desktop-content .steps .step .step_count {
    width: 100px;
    height: 100px;
    margin-bottom: 48px;
    font-size: 55px;
}
#club-page .block-3 .desktop-content .steps .step .title {
    font-size: 33px;
}
#club-page .block-3 .desktop-content a.btn {
    margin: 24px 0 220px;
}
#club-page .bottom-block {
    height: 520px;
    margin-top: 36px;
}
@media (min-width: 769px) {
    #club-page .bottom-block {
        height: 980px;
        -webkit-clip-path: polygon(0 130px, 0 100%, 100% 100%, 100% 0);
        clip-path: polygon(0 130px, 0 100%, 100% 100%, 100% 0);
    }
}
#club-page .bottom-block .content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 100%;
    padding: 0 32px;
}
@media (min-width: 769px) {
    #club-page .bottom-block .content {
        width: 590px;
        right: 100px;
        left: auto;
        padding: 0;
        transform: translateY(-50%);
    }
}
#club-page .bottom-block .content h2 {
    color: white;
    filter: drop-shadow(3px 3px 6px black);
}
#club-page .bottom-block .content p {
    font-size: 34px;
}
#club-page .img-bg-block {
    overflow: hidden;
    position: relative;
    width: 100%;
    background-size: cover;
    top: -1px;
}
#club-page .img-bg-block .desktop-content {
    padding: 0 100px;
}
#club-page .img-bg-block .desktop-content h2 {
    padding: 0;
}
#club-page .img-bg-block .desktop-content p {
    color: #074373;
    font-weight: 500;
}
#club-page .img-bg-block .desktop-content a {
    position: relative !important;
    bottom: auto !important;
    left: auto !important;
}
@media (min-width: 769px) {
    #club-page .block-3 .img-bg-block {
        -webkit-clip-path: polygon(0 120px, 0 100%, 100% 100%, 100% 0);
        clip-path: polygon(0 120px, 0 100%, 100% 100%, 100% 0);
        height: 1000px !important;
        margin-top: -120px;
        margin-bottom: 100px;
    }
    #club-page .block-3 .img-bg-block .desktop-content {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        padding: 0 100px;
    }
    #club-page .block-3 .img-bg-block .desktop-content h2 {
        margin: 0;
        padding: 0;
    }
    #club-page .block-3 .img-bg-block .desktop-content p {
        margin: 12px 0 16px;
        font-size: 34px;
        font-weight: 600;
        color: #074373;
    }
    #club-page .block-3 .img-bg-block .desktop-content a {
        position: relative !important;
        bottom: auto !important;
        left: auto !important;
    }
}
#club-page .bg-block {
    position: relative;
    padding: 36px 20px 20px;
    background: #0F4D78;
}
#club-page .bg-block.transparent {
    background: transparent;
}
#club-page .bg-block.negative-top {
    margin-top: -62px;
    margin-bottom: 24px;
}

@media(max-width:768px){
	#club-page .bg-block.negative-top {
		margin-top: 0;
	}
}
#club-page .bg-block img {
    max-width: 100%;
}
@media (min-width: 769px) {
    #club-page .bg-block {
        display: none;
    }
}
@media (min-width: 769px) {
    #club-page .faq {
        padding: 20px 100px;
    }
}
#club-page .faq h2 {
    margin-bottom: 36px;
    color: #B00021;
}
#club-page .faq .faq_items .faq_item {
    padding: 12px 0;
    border-bottom: 1px solid #707070;
}
#club-page .faq .faq_items .faq_item:first-of-type {
    border-top: 1px solid #707070;
}
@media (min-width: 769px) {
    #club-page .faq .faq_items .faq_item.active {
        padding-bottom: 0;
    }
}
#club-page .faq .faq_items .faq_item.active .question p {
    margin-bottom: 12px;
    font-weight: 900;
}
#club-page .faq .faq_items .faq_item.active .answer {
    display: block;
}
#club-page .faq .faq_items .faq_item.active .answer a {
    font-weight: 700;
    color: #074373;
    font-size: inherit;
}
#club-page .faq .faq_items .faq_item.active .arrow {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #B00021;
    border-top: none;
}
@media (min-width: 769px) {
    #club-page .faq .faq_items .faq_item.active .arrow {
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-bottom: 14px solid #B00021;
    }
}
#club-page .faq .faq_items .faq_item .answer {
    display: none;
}
#club-page .faq .faq_items .faq_item .question {
    cursor: pointer;
    position:relative;
    padding-left: 24px;
}

@media (min-width: 769px) {
    #club-page .faq .faq_items .faq_item .question {
        padding-left: 48px;
    }
}

#club-page .faq .faq_items .faq_item .answer {
    padding: 16px 35px 16px 35px;
    background: #0743731A;
}
#club-page .faq .faq_items .faq_item .arrow {
    position:absolute;
    left:0;
    width: 0;
    height: 0;
    margin: 7px 24px 0 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 8px solid #B00021;
}
@media (min-width: 769px) {
    #club-page .faq .faq_items .faq_item .arrow {
        margin-top: 10px;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-top: 14px solid #B00021;
    }
}
#club-page .faq .faq_items .faq_item p {
    margin: 0;
    color: #074373;
    font-weight: 600;
}

#instructions-page {
    -webkit-font-smoothing: antialiased;
    font-family: Avenir;
}
#instructions-page h1 {
    color: #B00021;
    font-size: 40px;
    font-weight: 700;
}
#instructions-page .instructions .item {
    padding: 80px 0;
    background: white;
}
#instructions-page .instructions .item:first-of-type {
}

#instructions-page .instructions .item:last-of-type .next {
	display:none;
}

#instructions-page .instructions .item:nth-of-type(even) {
    background: #074373;
}
#instructions-page .instructions .item:nth-of-type(even) .item_count {
    color: #B00021;
    background: white;
}
#instructions-page .instructions .item:nth-of-type(even) .title {
    color: white;
}
#instructions-page .instructions .item .item_count {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 56px;
    margin: auto;
    font-size: 30px;
    font-weight: 900;
    color: white;
    background: #074373;
    border-radius: 100%;
}
#instructions-page .instructions .item .title {
    display: flex;
    justify-content: center;
    margin: 24px 0;
    font-size: 25px;
    font-weight: 700;
    color: #B00021;
    text-transform: uppercase;
}
#instructions-page .instructions .item .image {
    height: 540px;
    width: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
#instructions-page .instructions .item .next {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 56px;
    margin: 80px auto 0;
    background-color: #B00021;
    border-radius: 100%;
}
#instructions-page .instructions .item .next span {
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    border-top: 18px solid white;
}


@media(max-width:769px) {
	#club-page .faq {
		padding:12px;
	}
}

.woocommerce-notices-wrapper{
	margin-top: 2em;
}


.woocommerce-info {
	font-size: 16px !important;
	padding-left: 1em !important;
}

.woocommerce-info::before{
	display:none!important;
}


.trsn-quick-search-form {
    position: relative;
    margin-top: 6rem;
    display: none;
}
.trsn-quick-wrapper { position: relative; }


@media (min-width: 769px) {
    .trsn-quick-search-form {
        margin: 0;
        display: block;
    }
}

.trsn-quick-results {
    position: absolute;
    top: 100%; left: 0; right: 0;
    background: #fff;
    border: 1px solid #ddd;
    z-index: 9999;
    margin: 4px 0 0;
    padding: 0;
    list-style: none;
    max-height: 320px;
    overflow: auto;
}
.trsn-quick-results li { padding: 8px 12px; }
.trsn-quick-results li:hover { background: #f7f7f7; }
.trsn-quick-results a { display: block; text-decoration: none; color:#000000; }

/* Loader states */
.trsn-quick-search-form.is-loading .trsn-quick-wrapper::after {
    content: "";
    position: absolute;
    top: 50%; right:60px; /* sits inside the input area */
    width: 18px; height: 18px;
    margin-top: -29px;
    border-radius: 50%;
    border: 2px solid #ddd;
    border-top-color: #666;
    animation: trsn-spin 0.8s linear infinite;
    pointer-events: none;
}

@keyframes trsn-spin {
    to { transform: rotate(360deg); }
}

.account-menu {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
    justify-content: flex-start;

}
.account-toggle {
    background: none;
    border: none;
    cursor: pointer;
    color:#fff;
}
.the_menu {
    position: absolute;
    top: 100%;
    right: 0;
    background: #0a4377;
    left: unset;
    list-style: none;
    margin: 0;
    padding: .5rem 1rem;
    z-index: 1000;
}
.the_menu li { margin: .25rem 0; }

.account-toggle .fa-chevron-down {
    transition: transform 0.2s ease;
}
.account-toggle.is-open .fa-chevron-down {
    transform: rotate(180deg);
}

#topnav {
    padding: 1rem 0;
}

#topnav .right .mini-cart a{
    display: flex;
    align-items: center;
    gap: 0.4rem;
    color:#fff;
    font-size: 12px;
}

#topnav .right .mini-cart a .cart-icon img {
    width: 32px;
}

#topnav .right #dropdown-hamburger {
    width: 32px;
}

.cart-icon {
    position: relative;
}

.circle {
    margin-top: 0;
    right: 0;
    top: -8px;
}

#dropdownbar {
    display: flex;
}

.topnav-bg .container {
    width: 100%;
}

#searching {
    display: none;
}

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

    .topnav-bg .container {
        padding: 0;
    }

    #topnav .left {
        gap:1rem;
    }

    #topnav {
        padding: 0.5rem 0;
    }

    #searching {
        display: block;
    }
}

@media screen and (min-width: 768px) {
    .navbar-collapse.collapse {
        display: none !important
    }
}


#showsearch {
    background-color: transparent;
    border: none;
    color: #fff;
    font-size: 18px;
}