:root {
	--bg-clr:#fff;
	--txt-clr:#333;
	--alt-txt-clr:#888;
	--bdr-clr:#ddd;    
	--accent-clr:#1879aa;
}

html,form { height:100%; min-height: 100%;background-color:#fff;}

body {height:100%;min-height:100%; font: 1rem arial, Verdana, sans-serif;margin:0;padding:0;color:#333;background-color: #fff; line-height: 150%;}

a,a:hover,a:visited{text-decoration:none;}

.topbar{color:#fff;background: #1c97d5; text-align:right; width:100%;padding:0.5rem 10%;margin-bottom:1rem}
.topbar .topbar-container{margin:0 auto; width:90%; max-width:54rem;}
.topbar .topbar-container a,a:hover,a:visited{color:#fff;}

.navbar{color:#1c97d5;background: #fff;  border-bottom:0.75em solid #fdb813; border-top-width:0;  margin-top:0;    margin-bottom:0;        border-radius:0;      padding-bottom:1em;        }

.navbar-default .navbar-brand{ padding-top:0.75rem;  }

.logo {color: #1c97d5 !important; letter-spacing: 1px; font-weight: bold; font-family: 'Expletus Sans', cursive; font-size: 2.5em; padding-bottom:1rem;display:inline-block}

.slogan {font-size: 0.9rem; color: #1879aa; text-align: right; display: block;  padding: 0.35em 0.5em 0; font-family: arial, Verdana, sans-serif;letter-spacing:normal; } 
.slogan-us {font-size: 0.9rem; color: #1879aa; text-align: right; display: block;  padding: 0.65em 0.5em 0; font-family: arial, Verdana, sans-serif;letter-spacing:normal; } 

.nav li a.norm {color: #1c97d5 !important; font-size: 1rem !important;}

 .video-section {position: relative; width: 100%; max-height: 30rem; overflow: hidden;margin-bottom:2rem;margin-top:0;}
 .video-section .slogan-big-container{position: absolute;  top:0;left: 0;bottom:0;right:0;}
 .video-section .slogan-big-container .slogan-big{padding:2rem 10rem;font-size:1.5rem;background: rgba(28,151,213,0.6);color:#fff;z-index:100;width:auto;line-height:110%; position: relative;  top: 20rem;left: 22rem;display:inline-block;border-radius:0.5rem;
                                                  -webkit-clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%); }
 video {width: 100%;}

a.blue-box,a:hover.blue-box,a:visited.blue-box{background-color:#1c97d5 ;color:#fff;margin:1em 0;padding:1em 2em;border-radius:0.25em;width:100%;font-weight:bold;font-size:1.5em;text-align:center;display:block;}

 a.language{background-color: #1478ab; color: #fff !important; display: inline-block; font-size: 1em; padding: 0.125rem 0.5rem; text-decoration: none;  border-radius: 0.125rem;}
 
.subpage-h1-container{margin-top:2rem;}

h1{    font-size:2.75rem;     word-wrap: break-word;     -webkit-hyphens: auto;     -moz-hyphens: auto;     -ms-hyphens: auto;     -o-hyphens: auto;     hyphens: auto;}

.carousel .img-responsive {  width:100%;  height:auto;  min-height:12rem;}
.carousel-indicators li { visibility: hidden; }

.opening-hours-box{color:#fff;padding:2rem 2rem;background-color:#fdb813;border-radius:0.25rem;font-weight:bold;font-size:1rem;margin:0 auto;max-width:24rem;}
.opening-hours-box ul{padding:1rem 1rem 0 1rem;}
.opening-hours-box li{list-style-type:disc;font-weight:normal}

.portal-box{padding:2rem 2rem;background-color:#1c97d5 ;color:#fff;;border-radius:0.25rem;font-size:1rem;margin:0 auto 1rem auto;max-width:24rem;}
.portal-box p{padding:1rem 0 0 0;}
.portal-box p:last-child{padding:0;}
.portal-box p a{text-decoration:none;color:#fff;font-size:1rem;display:inline;line-height: 1; margin: 0; text-decoration: underline;}

ul.staff-list{}
ul.staff-list li{padding:0.25rem 0;display:block}
ul.staff-list li:before {
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e008";
    font-family: 'Glyphicons Halflings';
    font-size: 2rem;
    float: left;
    margin: 0.5rem 0.5rem 0.5rem -1rem;
    color: #CCCCCC;
}

p a,a:hover,a:visited{text-decoration:none;color:#1c97d5;}
 
.external-link,a.external-link:hover,a.external-link:visited{color:#1c97d5;}
.external-link:after {
       content:"\e164";font-size:0.75rem;margin-left:0.15rem;
    font-family: 'Glyphicons Halflings';      
    }
ul.check-list{}
ul.check-list li{padding:0.25rem 0 0 0;list-style-type:disc}
ul.check-list li ul li{padding:0.25rem 0 0 0;list-style-type:circle;}

#map {height:20rem; width: 100%;}

.contact{text-align:center;}
a.contact-button{text-decoration:none;margin:0.75rem ; border-radius: 0.15rem;background-color: #1c97d5;color:#fff;font-weight:bold; display: inline-block; font-size:1rem;padding: 0.5rem 1rem;text-align:center;width:12rem;height:10rem;}

.glyphicon { font-size: 4rem; display:block;padding:0.25rem 0;width:100%}

#footer{background-color: #fdb813;padding:1rem 0 0 0;text-align:left; line-height: 150%; color:#fff;font-size:1.125rem;margin-top:2rem;clear:both;}
#footer a{color: #fff}
#footer .footer-nav{list-style:none; margin:0 0 2rem 0;padding:0;}
#footer .spinna{padding:0.5rem 1rem;text-align:right;}
#footer .spinna a.spinna-link {color: #fff;font-size:0.75rem}

@media screen and (max-width:320px) {
     html{font-size: 12px;}

    body {margin-top:7rem;}

    .topbar{color:#fff;background: #1c97d5; text-align:center; width:100%;padding:0.25rem 0}

    .navbar{color:#1c97d5;background: #fff;  border-bottom:0.5rem solid #fdb813; border-top-width:0;  margin-top:0;    margin-bottom:0;        border-radius:0;      padding:0 0 0.5em 0;        }

    .logo {color:#1c97d5!important;font-size:2rem}

    .slogan {font-size: 1rem; padding: 0 0.5rem 1rem 0;}
    .slogan-us {font-size: 0.75rem; padding: 0 0.5rem 1rem 0;}

    .video-section .slogan-big-container .slogan-big{display:none;}

    .subpage-h1-container{margin-top:1rem;}

.opening-hours-box{max-width:100%;}
}

@media screen and (min-width: 320px) and (max-width:480px) {
     html{font-size: 13px;}

     body {margin-top:7rem;}

    .topbar{color:#fff;background: #1c97d5; text-align:center; width:100%;padding:0.25rem 0}

    .navbar{color:#1c97d5;background: #fff;  border-bottom:0.5rem solid #fdb813; border-top-width:0;  margin-top:0;    margin-bottom:0;        border-radius:0;      padding: 0 0 0.5em 0;        }

    .logo {color:#1c97d5!important;font-size:2rem}

    .slogan {font-size: 0.9rem; padding: 0 0.5rem 1rem 0; }
    .slogan-us {font-size: 0.75rem; padding: 0 0.5rem 1rem 0; }
        
    .video-section .slogan-big-container .slogan-big{display:none;}

    .subpage-h1-container{margin-top:2rem;}

    .portal-box, .opening-hours-box{max-width:100%;}
}

@media screen and (min-width: 480px) and (max-width:640px) {
    .video-section {margin-top:-8rem;}

    .video-section .slogan-big-container .slogan-big{display:none;}
    .subpage-h1-container{margin-top:10rem;}
    .portal-box, .opening-hours-box{max-width:100%;}

}

@media screen and (min-width: 480px) and (max-width:768px) {
     html{font-size: 14px;}

     body {margin-top:8rem;}
    
     .video-section {margin-top:-8rem;}

    .topbar{color:#fff;background: #1c97d5; text-align:center; width:100%;padding:0.5em 0 0.5em 0}
    
    .navbar{color:#1c97d5;background: #fff;  border-bottom:0.75em solid #fdb813; border-top-width:0;  margin-top:0;    margin-bottom:0;        border-radius:0;      padding:0 0 1em 0;        }
      
    .slogan {font-size: 0.9rem; padding: 0 0.125em 1em 0; }
    .slogan-us {font-size: 0.85rem; padding: 0.5rem 0.5rem 1rem 0; }
   
    .video-section .slogan-big-container .slogan-big{font-size:1.25rem;  top: 20rem;left:6rem;right: unset;background: rgba(28,151,213,0.6);padding:1rem 5rem;}
    
    .subpage-h1-container{margin-top:1rem;}
    .portal-box, .opening-hours-box{max-width:100%;}
}

@media screen and  (min-width: 768px) and (max-width:880px)
{  
    html{font-size: 14px;}

    body {margin-top:8rem;}
    
    .video-section {margin-top:-8rem;}

   .navbar .container {width:100%} 

   .logo {font-size: 1.8rem;  }

   .slogan {font-size: 0.875rem; padding: 0 0.125em 0 0; }
    .slogan-us {font-size: 0.65rem; padding: 0 0.5rem 1rem 0; }

    .video-section .slogan-big-container .slogan-big{font-size:1.5rem;  top: 20rem;left: 5rem;right:0;}

    .subpage-h1-container{margin-top:1rem;}
}


@media screen and  (min-width: 880px) and (max-width:1024px)
{  
    html{font-size: 14px;}

    body {margin-top:8rem;}
    
    .video-section {margin-top:-8rem;}

   .navbar .container {width:100%} 

   .slogan {font-size: 0.9rem; padding: 0 0.1em 1em 0; }

   .video-section .slogan-big-container .slogan-big{font-size:1.5rem;  top: 20rem;left: 10rem;}

    .subpage-h1-container{margin-top:1rem;}
}

@media screen and (min-width: 1024px) and (max-width:1200px)
{  
    html{font-size: 15px;}

    body {margin-top:8rem;}
   
    .video-section {margin-top:-8rem;}
   
    .slogan {font-size: 0.85rem; padding: 0.25em 0.5em 1em 0; }

    .video-section .slogan-big-container .slogan-big{font-size:1.5rem;  top: 20rem;left: 20rem;}
}

@media screen and (min-width: 1200px) and (max-width:1920px)
{  
    html{font-size: 16px;}
    
    body {margin-top:8rem;}
.navbar{  padding-bottom:1.5em;        }
 
    .video-section {margin-top:-8rem;}

   .slogan {font-size: 0.9rem; padding: 0.25em 0.5em 0 0; }

}

@media screen and (min-width: 1920px) 
{  
    html{font-size: 18px;}

.navbar{  padding-bottom:1.5em;        }

   .slogan {font-size: 0.9rem; padding: 0.25em 0.5em 1em 0; }    
   .slogan-us {font-size: 0.9rem; padding: 0.65em 0.5em 0 0; }

}


@media screen and  (min-width: 768px) and (max-width: 840px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
        width:100%;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        text-align:center;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;  }
    .collapsing { overflow: hidden!important;
    }
}


/*gdpr poppup start*/
.cookieConsentContainer 
{
	border:1px solid var(--txt-clr);	
	z-index: 999;
	width: 350px;
	min-height: 20px;	
	box-sizing: border-box;
	padding: 30px 30px 30px 30px;	
	background: var(--bg-clr);
	overflow: hidden;
	position: fixed;
	bottom: 30px;
	right: 30px;
	display: none;
}

.cookieConsentContainer .cookieTitle
{
	border:none !important;
	font-family: OpenSans, arial, "sans-serif";
	font-size: 22px;
	line-height: 20px;
    color: var(--txt-clr);    
}

.cookieConsentContainer .cookieDesc 
{
	margin: 20px 0 0 0;
	padding: 0;
    font-size:14px;
	font-family: OpenSans, arial, "sans-serif";
	display: block;
	line-height:150%;
    color: var(--txt-clr);    
}

.cookieConsentContainer .cookieDesc a
{
	border:none !important;	
    font-family: OpenSans, arial, "sans-serif";
    color: var(--txt-clr);
    text-decoration: underline;
}

.cookieConsentContainer .cookieDesc a:hover
{
	border:none !important;	
    font-family: OpenSans, arial, "sans-serif";
    color: var(--txt-clr);    
    text-decoration: underline;
}


.cookieConsentContainer .cookieButton a
{
	display: inline-block;
	font-family: OpenSans, arial, "sans-serif";
	color: var(--bg-clr);	
	font-size: 14px;
	font-weight: bold;
	margin-top: 14px;
	background: var(--accent-clr);;	
	box-sizing: border-box; 
	padding: 15px 24px;	
	text-align: center;	
	transition: background 0.3s;
}

.cookieConsentContainer .cookieButton a:hover
{
	cursor: pointer;	
    color: var(--bg-clr);    
    background-color: var(--accent-clr);    

}

@media (max-width: 640px)
{
	.cookieConsentContainer
	{
		bottom: 1px !important;
		left: 0px !important;
		width: 100%  !important;
	}
}
/*gdpr popup finish*/