/*****
    *****
        HEADER
    ****
*****/

body.theme_style1 #headerTop,
body.theme_style2 #headerTop,
body.theme_style3 #headerTop{
    background-color: #004987}

body.theme_style2 #primary-navigation > div > ul > li.current-menu-item > a:after,
body.theme_style2 #primary-navigation > div > ul > li:hover > a:after{
border-top: 20px solid #004987;
}

body.theme_style1 #headerBottom,
body.theme_style2 #headerBottom,
body.theme_style3 #headerBottom,
body.theme_style1 #primary-navigation > div > ul > li ul.sub-menu,
body.theme_style2 #primary-navigation > div > ul > li ul.sub-menu,
body.theme_style3 #primary-navigation > div > ul > li ul.sub-menu{
background-color: #ffffff}


body.theme_style1 #headerTop #logo,
body.theme_style2 #headerTop #logo,
body.theme_style3 #headerTop #logo{
    margin-top: 60px;
    margin-bottom: 60px;
}

#headerrightside{
    margin-top: 40px;
    margin-bottom: 40px;
}

.plusfont{
    background-color: #ffffff;
    color: #004987;
    border-radius: 10px;
}
.plusfont:hover{
    background-color: #f1f1f1;
    color: #004987;
}
.minusfont{
    background-color: #ffffff;
    color: #004987;
    border-radius: 10px;
}
.minusfont:hover{
    background-color: #f1f1f1;
    color: #004987;
}


.contactButtons .button{
    background-color: #004987;
    color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 10px;
}
.contactButtons .button:hover{
    background-color: #00b3e3;
    color: ;
    border: 1px solid ;
}

/*****
    *****
        FOOTER
    ****
*****/


#footerTop{
    background-color:#ffffff}
#footerBottom{
    background-color:#231f20}




/*****
    *****
        BUTTONS
    ****
*****/

.button{
    background-color: #ffffff;
    color: #00b3e3;
    border: 1px solid #ffffff;
    border-radius: 0;
}
.button:hover{
    background-color: #f1f1f1;
    color: #004987;
    border: 1px solid #ffffff;
}
.button.button2{
    background-color: #ffffff;
    color: #00b3e3;
    border: 1px solid #ffffff;
    border-radius: 0;
}
.button.button2:hover{
    background-color: #004987;
    color: #f1f1f1;
    border: 1px solid #ffffff;
}





/*****
    *****
        MENU
    ****
*****/

body.theme_style1 #primary-navigation > div > ul > li > a,
body.theme_style2 #primary-navigation > div > ul > li > a,
body.theme_style3 #primary-navigation > div > ul > li > a,
body.theme_style1 #primary-navigation > div > ul > li ul.sub-menu > li > a,
body.theme_style2 #primary-navigation > div > ul > li ul.sub-menu > li > a,
body.theme_style3 #primary-navigation > div > ul > li ul.sub-menu > li > a{
    color: #595959;
}

body.theme_style3 #primary-navigation > div > ul > li.current-menu-item > a,
body.theme_style3 #primary-navigation > div > ul > li:hover > a{
    border-bottom: 10px solid  #00b3e3;
}

body.theme_style1 #primary-navigation > div > ul > li.current-menu-item > a,
body.theme_style1 #primary-navigation > div > ul > li > a:hover{
    background-color: #00b3e3;
}




/*****
    *****
        SLIDER
    ****
*****/
body.theme_style1 .ngsliderTitle,
body.theme_style2 .ngsliderTitle,
body.theme_style3 .ngsliderTitle{
    color: #ffffff;
    font-size: 32px;
}

body.theme_style1 .ngsliderDesc,
body.theme_style2 .ngsliderDesc,
body.theme_style3 .ngsliderDesc{
    color: #ffffff;
    font-size: 32px;
}

body.theme_style2 .ngslider #pager a,
body.theme_style3 .ngslider #pager a{
    background: #004987;
}
body.theme_style2 .ngslider #pager a.activeSlide,
body.theme_style3 .ngslider #pager a.activeSlide{
    background: #00b3e3;
}

body.theme_style3 .ngsliderText{
    background: #00b3e3;
}



/**** FORMS *****/
input[type="text"],input[type="email"],input[type="number"],textarea,select{
    border: 1px solid ;
    background-color: ;
    color: ;
}



/**** RESPONSA MENU ****/

ul > .responseamenu_slideTrigger{
    background-color: #004987;
    border: 1px solid #ffffff;
    color:#ffffff;
}
ul > .responseamenu_slideTrigger:hover{
    background-color: #00b3e3;
    border: 1px solid #ffffff;
    color:#004987;
}
#responseamenu_slide > div{
    background-color: #00b3e3 !important;
}
#responseamenu_slide> div + div,
#responseamenu_slide{
    background-color: #004987 !important;
}



/******* HEARING QUIZ **********/

.quiz .arrow{
    border-left: 25px solid #004987 !important;
}
.custom-label:hover input ~ .check-display, .custom-label input:focus ~ .check-display,
.custom-label input:checked ~ .check-display{
    background: #004987 !important;
}

span.num_qs,
.results div.submit{
    background: #004987 !important;
}