body {
	background:#e3f0fd;
    color: #575757;
    font-family: 'pt_sansregular';
    font-size: 14px;
    line-height:22px;
}
a {
	color: #0d69be;
	text-decoration: underline;
	outline:none !important;
	 -webkit-transition: all .4s;
	 -moz-transition: all .4s;
	 -o-transition: all .4s;
	 transition: all .4s;
}
a:hover, a:active, a:focus {
	text-decoration:none;
}
b, strong {
	font-weight:bold;
}
i, em {
	font-style:italic;
}
.hide-text {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.clear {
	position: relative;
	clear: both;
	display: block;
}
/* ************************************ 
			Style.css
************************************* */
h1{
	font-family: 'OswaldRegular';
	font-size:38px;
	line-height:43px;
	color:#10283b;
	font-weight:normal;
	font-style:normal;
	margin:0 0 20px;
	padding:0 0 20px;
	background:url(../../images/new-images/h1.jpg) no-repeat left bottom;
}
h2{
	font-family: 'OswaldRegular';
	font-size:33px;
	line-height:38px;
	color:#000;
	font-weight:normal;
	font-style:normal;
	margin:0;
}
h3{
	font-family: 'OswaldRegular';
	font-size:30px;
	line-height:35px;
	color:#0d69be;
	font-weight:normal;
	font-style:normal;
	margin:0;
}
h4{
	font-size:25px;
	line-height:30px;
	font-weight:normal;
	font-style:normal;
	color:#10283b;
	margin:0;
}
h5{
	font-size:22px;
	font-weight:normal;
	line-height:27px;
	color:#000;
	margin:0;
}
h6{
	font-size:18px;
	line-height: 23px;
	color:#0d69be;
	font-weight:normal;
	margin:0;
}
.image-right{
	float: right;
	margin: 0 0 15px 25px;
	padding:1px;
	border:1px solid #ccc;
}
.image-left{
	float: left;
	margin: 0 25px 15px 0px;
	padding:1px;
	border:1px solid #ccc;
}
#content-wrapper article.content  hr{
	border: none;
	border-top: 1px solid #483a32;
	margin: 10px 0px;
	clear: both;
}
#content-wrapper article.content  .break{
	clear: both;
	margin: 20px 0px;
}
#content-wrapper article.content  .dark-text{
color: #000;
}
#content-wrapper article.content  .title{
	position: relative;
}
#content-wrapper article.content  .title::after{
}
#content-wrapper article.content  .table-style{
	position: relative;
}
#content-wrapper article.content  table.table-style thead th{
	background: #ddd;
	font-weight: bold;
	text-align: center;
}
#content-wrapper article.content  table.table-style thead th,
#content-wrapper article.content  table.table-style tbody td{
	padding: 8px 15px;
	border: 1px solid #ccc;
}
.dark-green{
	color:#10283b;
}
.blue{
color:#0d69be;
}
/* ********************************** */
.container {
	position:relative;
}
/* ************************************ 
			Header
************************************* */
header#header {
	position:relative;
	z-index:3;
	float:left;
	width:100%;
	background:#ffffff;
}
header#header div.header-logo {
	position:relative;
	float:left;
	max-width:100%;
	margin:11px 0 11px -1px;
}
header#header div.header-logo img {
	max-width:100%;
	height:auto;
	width:auto;
}
/* ****************** */
header#header .facebook{
position:relative;
float:right;
width:31px;
height:31px;
margin:41px 2px 10px 0;
background: url(../../images/new-images/fb.png) no-repeat 0 0;
}
header#header .facebook:hover {
background: url(../../images/new-images/fb.png) no-repeat 0 -31px;
 transition:.3s all ease;
}

/* ****************** */
header#header div.barMenu{
	position:relative;
	float:left;
	width:100%;
	background:#0f73ce;
}
header#header nav.main-nav {
	position:relative;
	text-align:center;
}
/* ************************************ 
			Nav mobile
************************************* */
div.navigation{
	position: absolute;
	display:none;
	right: 15px;
  	top: 8px;
}
a.mobile-nav {
   position: relative;
   height:32px;
   width:32px;
   background: url(../../images/new-images/nav-icon.png) center right no-repeat #0f73ce;
   z-index:99;
   display: block;
}
a.mobile-nav:hover{
	background-color:#003b6c;
}
.mm-menu.mm-theme-dark .mm-navbar a:hover{
      color: rgba(255, 255, 255, 0.85);
 }
.mm-close:after {
    font-size: 2em;
}
.mm-menu.mm-multiline .mm-listview > li > a{
	font-size:15px;
 	color:#fff;
	background:#aaa;
}
.mm-menu.mm-multiline .mm-listview > li > a:hover, .mm-menu.mm-multiline .mm-listview > li.selected > a{
 	color:#fff;
	background:#0f73ce;
 }
 .mm-menu.mm-theme-light {
    background: #ccc;
}

/* ************************************ 
			Banner Slide+CTA
************************************* */
#banner{
	position:relative;
	float:left;
	width:100%;
}
figure#slideshow {
	margin: 0;
	padding: 0;
	position:relative;
	width:100%;	
	overflow: hidden;
}
#slideshow1 {
	margin: 0;
	padding: 0;
	position:relative;
	float:left;
	width:100%;	
	height:300px;
	overflow: hidden;
	background:url(../../images/new-images/slide.jpg) center top no-repeat;
	background-size:cover;
}
figure.slide-home{
	max-height:449px;
	min-height:300px;
	height:auto;
}
figure.slide-page{
	max-height:350px;
	height:auto;
	min-height:250px;
}
figure#slideshow .camera_wrap{
float:none !important;
}
figure#slideshow .camera_overlayer{
}
figure#slideshow .camera_prev, 
figure#slideshow .camera_next{
	background:rgba(0,0,0,0.7);
	top:0;
	margin:0;
}
figure#slideshow .camera_prev, 
figure#slideshow .camera_next{
	bottom:auto;
}
figure#slideshow .camera_prev{
	left: auto;
	right:41px;
}

figure#slideshow .camera_next{
	right:0;
	left: auto;
}
/* *************** */
#banner .cta{
	position:absolute;
	z-index: 3;
	top:28.2%;
	left:50%;
	margin-left:-550px;
	padding:20px 21px 23px;
	background:rgba(255,255,255,.9);
	font-size:34px;
	line-height:39px;
	color:#00192d;
	font-family: 'OswaldLight';
}
/*.cta1 {
    top: 26% !important;
}*/
#banner .cta h2{
	font-size:40px;
	line-height:46px;
	color:#00192d;
	font-family: 'OswaldBold';
}
#banner .cta p {
margin:0;
}
#banner .cta .btn-cta{
position: relative;
float:left;
padding:12px 29px;
background:#0d69be;
    margin: 17px 0 0;
color: #fff;
font-family: 'pt_sansregular';
    font-size: 18px;
    line-height:22px;
	text-align:center;
	-webkit-transition: all .4s;
	 -moz-transition: all .4s;
	 -o-transition: all .4s;
	 transition: all .4s;	
	text-decoration: none;
}
#banner .cta .btn-cta:hover{
background:#003b6c;
}
/* ************************************ 
			Content
************************************* */
#content-wrapper {
	position: relative;
	z-index:1;
	float:left;
	width:100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e0eefc+1,edf6fd+51,ffffff+100,fff3da+100,2989d8+100,ffffff+100 */
background: rgb(224,238,252); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(224,238,252,1) 1%, rgba(237,246,253,1) 51%, rgba(255,255,255,1) 100%, rgba(255,243,218,1) 100%, rgba(41,137,216,1) 100%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(224,238,252,1) 1%,rgba(237,246,253,1) 51%,rgba(255,255,255,1) 100%,rgba(255,243,218,1) 100%,rgba(41,137,216,1) 100%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(224,238,252,1) 1%,rgba(237,246,253,1) 51%,rgba(255,255,255,1) 100%,rgba(255,243,218,1) 100%,rgba(41,137,216,1) 100%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0eefc', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}
#content-wrapper article.content {
	position: relative;
	min-height:200px;
	padding:42px 0 40px;
}
#content-wrapper article.content header#content-header {
	position: relative;
}
#content-wrapper article.content header#content-header:after{
}
#content-wrapper article.content h2, #content-wrapper article.content h3, #content-wrapper article.content h4, #content-wrapper article.content h5, #content-wrapper article.content h6 {
	padding: 10px 0px 8px;
}
#content-wrapper article.content p {
	padding: 3px 0px 8px;
	margin:0;
}
#content-wrapper article.content ul {
	padding: 3px 0px 10px 17px;
	margin:0;
	list-style: none;
}
#content-wrapper article.content ul li {
	padding: 0px 0px 1px 17px;
	list-style: none;
	background: url(../../images/new-images/icon-list01.png) no-repeat left 4px;
}
#content-wrapper article.content ul li li {
	background: url(../../images/new-images/icon-list02.png) no-repeat left 7px;
	padding: 0px 0px 0px 10px;
}
#content-wrapper article.content ol {
	padding: 5px 0px 5px 35px;
	list-style: decimal-leading-zero;
}
#content-wrapper article.content ol li {
	padding: 0px 0px 5px 5px;
	list-style: decimal-leading-zero;
}
/* ************************************ 
			Style de 2eme box
************************************* */
#box-secondary{
  position: relative;
  float:left;
  width:100%;
  background:url(../../images/new-images/img-box2.jpg) no-repeat center top;
  background-size:cover;
}
#box-secondary .content {
  position:relative;
  width:100%;
  padding:43px 0 50px;
}
#box-secondary .content h1{
	position: relative;
	font-size:33px;
	line-height:38px;
	color:#fff;
	background:url(../../images/new-images/hb.jpg) no-repeat left bottom;
}
#box-secondary .content h4{
	color:#fff;
	font-size:17px;
	line-height:22px;
}
#box-secondary .leesmeer{
	background:#fff;
	color:#272726;
	padding:10px 22px;
	font-size:14px;
	line-height:27px;
	text-align: center;
	position:relative;
	margin-top:28px;
	text-transform:uppercase;
	letter-spacing:0.1em;
	-webkit-transition: all .4s;
	 -moz-transition: all .4s;
	 -o-transition: all .4s;
	 transition: all .4s;
	 text-decoration: none;
   display: inline-block;
}
#box-secondary .leesmeer:hover{
	background:#003b6c;
	color:#fff;
}
#box-secondary p{
	margin:0;
	padding:0;
}
/* ************************************ 
			footer
************************************* */
footer{
	position: relative;
	z-index: 2;
	float:left;
	width:100%;
	padding:50px 0 45px;
	background:url(../../images/new-images/map.jpg) no-repeat center top;
	background-size:cover;
}
footer a.map {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
	z-index:2;
}
footer .box-contact{
	position:relative;
	float:left;
	width:100%;
	font-size:15px;
	line-height:20px;
	color:#ffffff;
	background-color: rgba(29,29,28,.95);
    padding:28px 90px 25px 30px;
	z-index: 3;
}
span.name {
display:none;
}
footer .box-contact span.tiret {
    margin: 0 2px;
}
footer .box-contact a{
	color:#77beff;
	text-decoration:none;
}
footer .box-contact a:hover{
text-decoration:underline;
}
footer .box-contact .contact1{
	padding-left:70px;
	background:url(../../images/new-images/icon-map.png) no-repeat center left;
}
footer .box-contact .contact2{
    background: url(../../images/new-images/icon-tel.png) no-repeat center left;
	padding:10px 0 10px  70px;
	font-family: 'pt_sansbold';
	font-size:22px;
}
footer .box-contact .contact2 hr {
    margin-top: 0px;
    margin-bottom: 17px;
    border: 0;
    border-top: 1px dotted rgba(255,255,255,.48);
}
footer .box-contact .contact2 hr:last-child {
    margin-top: 17px;
    margin-bottom: 0px;
}
footer .box-contact .contact3 {
    padding-left:70px;
	background:url(../../images/new-images/icon-mail.png) no-repeat center left;
}

footer .box-open{
	position:relative;
	float:left;
	width:100%;
	font-size:14px;
	line-height:22px;
	color:#ffffff;
	background:#0d69be url(../../images/new-images/icon-watch.png) no-repeat 30px center;
    padding:16px 90px 12px 100px;
	z-index: 3;
}
footer .box-open p{
margin:0;
}
/* ************* */
.holder span {
    margin: 0 5px;
    float: none !important;
}
/* ********* */
.back-to-top {
	position: fixed;
	right: 32px;
	bottom: 50px;
	width: 44px;
	height: 50px;
	display: none;
	opacity: .9;
	/*padding: 15px;*/
	background: url(../../images/new-images/icon-top.png) no-repeat center #0d69be;
	text-indent: -9999px;
	z-index: 500;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;  
  box-sizing: border-box;
}
.back-to-top:hover {
	opacity: 1;
	display: block;
}

#fancybox-wrap{
z-index:5011 !important;
}

#footerSlideContainer{
right: 15px!important;
bottom: 10px!important;
}
.footerSlideButton1 {
color: #b5d54b!important;
}
.footerSlideButton1:hover {
color: #b9b2ab!important;
}
.icon-logo-online{
font-size: 1.4em;
}


div#_atssh {
  display: none;
}

div.cc-cookies {
    width: 100%;
}
#fancybox-wrap,
#fancybox-wrap *{
    box-sizing: content-box;
}

blockquote {
padding: 0 15px 0 15px;
line-height: 22px;
position: relative;
margin-bottom: 8px;
display: inline;
font-size: 15px;
color:#333333;
margin-top: 5px;
  border-left: none;
}
blockquote:before {
display: inline-block;
content: "\201C";
font-size: 32px;
position: relative;
top: 4px;
color: #0d69be;
font-family:"serif";
font-weight:bold;
line-height: 12px;
padding:0 2px;
}
blockquote:after {
display: inline-block;
content: "\201D";
font-size: 32px;
position: relative;
top: 4px;
right:0;
color: #0d69be;
font-family:"serif";
font-weight:bold;
line-height: 12px;
padding:0 2px;
}


@media (max-width:1199px){
	nav.main-nav .sf-menu > li > a{
     padding: 18px 5px;
     font-size: 12px;
	}
	#banner .cta {
      margin-left: -470px;
	  top: 23%;
	}
	footer .box-contact {
     padding: 28px 35px 25px 30px;
	}
}
@media (max-width:991px){
	#banner .cta {
    margin-left: -360px;
	top: 18%;
    }
	#banner div.barMenu {
	height:0;
	}
	footer .box-contact{
		padding:20px;
	}
	header#header .facebook {
      margin: 55px 2px 10px 0;
	}
	footer .box-contact span.tiret {
    margin: 0;
    display: block;
    height: 0;
    color: transparent;
    }
	footer .box-open {
      padding: 16px 30px 12px 100px;
	}
}
@media (max-width:767px){
    header#header {
     height: auto;
	}
	#banner .cta {
    left: 2%;
    margin-left: 0;
    font-size: 20px;
	}
	h1, #box-secondary .content h1{
		font-size:28px;
		line-height: 35px;
	}
	#box-secondary .content{
		padding: 25px 0 25px;
		max-width: 482px;
		margin:0 auto;
	}
	#box-secondary .leesmeer{
		padding: 8px 15px;
    	line-height: 22px;
		margin-top: 20px;
	}
	#box-secondary {
     background: #0d69be;
	}
	footer .box-contact{
		max-width: 482px;
		float:right;
		padding:15px;
	}
	footer .box-open {
    padding: 15px 15px 15px 65px;
    background: #0d69be url(../../images/new-images/icon-watch.png) no-repeat 15px center;
}
}
@media (max-width:480px){
    #banner .cta h2 {
    font-size: 21px;
    line-height: 26px;
	}
	.image-left, .image-right{
		float: none;
		margin: 15px auto;
		display: table;
       max-width: 100%;
	}
    h1, #box-secondary .content h1{
		font-size: 24px;
	}
	h2{
		font-size: 21px;
	}
	h3{
		font-size: 19px;
	}
	h4{	
		font-size: 17px;
	}
	h5{
		font-size: 16px;
	}
	h6{
		font-size: 15px;
	}
    header#header div.header-logo img {
    max-width: 100%;
    height: auto;
    width: 90%;
    }
header#header .facebook {
    margin: 5px 0 15px;
    float: left;
    clear: both;
}
	#banner .cta {
      font-size: 15px;
	}
	footer .box-contact .contact1, footer .box-contact .contact2, footer .box-contact .contact3 {
    padding-left: 50px;
}

}