/* HEADER LOGO */
a:hover .logo {
	/* opacity: .6; */
}


/* HEADER navbar noDropDown */
.navbar ul li.nodropdown a {
	border: none;
	background: none;
	top: 2px;
}
.navbar ul li.nodropdown a:hover {
	border: none;
	background: none;
	padding: 13px 20px;
}

/* HEADER flag */
header ul.nav li.flag a 
{
    background: none !important;
    border: none !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}
header ul.nav li.flag a:hover, a:focus, a:active
{
   
}

/* SOCIAL */
.social a .icon-s-youtube:after {
    background: #d60628;
    background: #d60628;
}
.social a .icon-s-linkedin:after {
    background: #1883bb;
    background: #1883bb;
}


/* SUBHEADING SPAN */

.subheading span {
	font-weight: bold;
	color: rgba(255,255,255,0.8); 
}

/*===================================================================================*/
/*	SKROLLR ANIMATIONS
/*===================================================================================*/

@-skrollr-keyframes shrink-header {
	40 {
		padding-top: 15px;
		padding-bottom: 15px;
	
	}
}

@-skrollr-keyframes shrink-logo {
	40 {
		max-height: 60px;
	}
}


/* HERO SLIDER */
.tint-bg.img-bg-soft:before {
    background: none;
    opacity: 0 !important;
}


section#hero .inner-lesspadding 
{
    padding-top: 50px;
    padding-bottom: 50px;
}

h1.title-mobile 
{
    display:none;
}


@media (max-width: 576px) 
{
    h1.title-default
    {
        display:none;
    } 
    h1.title-mobile 
    {
        display:block;
    } 
}


section#hero h2 
{
    text-transform: uppercase;
    letter-spacing: 0.2em;
    opacity: 0.7;
}


/* news */

.grid-blog .posts .post .post-content h2  
{
    margin-top: 25px !important;
}



/* UL LISTS */

.row-content ul 
{
    list-style: disc;
    margin: 0 0 15px 15px;
    padding: 0;
}

main section .container ul 
{
    list-style: disc;
    margin: 0 0 15px 15px;
    padding: 0;
}

/* CONTACT */

#row-aanhef             { margin-bottom: 15px; }
#row-aanhef input       { width: auto; }
#row-aanhef label       { margin-right: 10px; }

.field-validation-error         { color: #cc0000; }
.recaptcha-validation           { display: none; font-size: 14px; }

#contact-form form .row input                       { margin: 0; }
#contact-form form .row                             { margin-bottom: 15px; }
#contact-form form .row .field-validation-error     { font-size: 14px; }

#contact-form form .checkbox-label-after            { }
#contact-form form .checkbox-label-after input      { position: absolute; width: auto; top: 7px; }
#contact-form form .checkbox-label-after label      { padding: 0 0 0 20px; display: block; width: 100%; font-weight: normal; } 

/* BUTTONS */

a.btn                   { margin-left: 0; }

a.btn-video { background: #eee !important; color: #333 !important;}
a:hover.btn-video {color:#fff !important; background: #c7c7c6 !important; }

/* FOOTER */

ul.social               { list-style: none; margin: 25px 0 25px 0; }
ul.social li            {  float: left; margin: 0 10px 0 0; }
ul.social li a i        { background: #fff; font-size: 20px; border-radius: 25%; }
ul.social li a:hover i  { background: #73879c; color: #fff; }

footer p :hover        { color: #fff; border-color: #fff; }


/* COOKIE BAR */

.cookiebar-wrapper {
    display: none;
    position: relative;
    top: 0;
    width: 100%;
    background-color: #111;
    z-index: 21000;
    padding: 15px 0 15px 0;
}

.cookiebar-wrapper .cookiebar-text {
   font-size: 12px;
   line-height: 14px;
    text-align: left;
    color: #ddd;
}

.cookiebar-wrapper .cookiebar-text a {
    color: #f7c8fe;
    text-decoration: underline;
}

.cookiebar-close {
    background: #777;
    color: #fff;
    font-size: 12px;
    padding: 0 10px 0 10px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    margin-left: 10px;
    float: right;
    border-radius: 4px;
}

.cookiebar-close:hover {
    background: #aaa;
    color: #fff;
}
 


/* YOUTUBE modal */


#videoModal {
    z-index: 9999;
    text-align: center;
}

#videoModal .modal-body {
    padding-top: 7px;
}

#videoModal button.close {
    font-size: 40px;
    opacity: 0.4;   
    line-height: unset;
    margin-bottom: 5px;
}

#videoModal .iframe-container {
    padding: 0 0 10px 0;
}

@media screen and (min-width: 768px) { 
  #videoModal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

#videoModal .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}