/* 
Wireframe: 15
Version: 2
Update: 2018.04.11 
*/

body {
    background: url(../images/bg-body.jpg) center bottom;
    color: #4b4a4a;
    font-size: 15px;
    line-height: 1.6em;
    font-family: 'cairoregular';
}

a {
       color: #ca9b04;
       text-decoration: underline;
       transition: all .4s;
}
a:active, a:hover, a:focus {
      color: #1d3e4f;
      text-decoration: none;
}

.image-right {
    float: right;
    margin: 0 0 10px 15px;
}
.image-left {
    float: left;
    margin: 0 15px 10px 0;
}
 h1.h1-merci {
    text-align: center;
    max-width: 128px;
    margin: 0 auto 20px !important;
    display: block !important;
    padding: 26px 0 21px 32px !important;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    line-height: 1.5em;
    font-family: 'oswaldbold';
}
h1, .h1{
    font-size:40px;
}
h2, .h2{
    font-size: 20px;
    color: #1d3e4f;
    letter-spacing: 0;
}
h3, .h3{
    font-size:24px;
}
h4, .h4{
    font-size:20px;
}
h5, .h5{
    font-size:18px;
}
h6, .h6{
    font-size:14px;
}

 .box_googlemapsv2 iframe {
    width: 100%;
    height: 100%;
}
 .box_googlemapsv2 iframe {
	margin: 0!important;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
 .link .googlemaps_v2 label.modal-label {
	font-size: 0;
}
.link .googlemaps_v2 label.modal-label {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 0;
}


.contact  .is-sticky header.top {margin-top:0}
header.top {
	position: relative;
	z-index: 1;
	padding: 0;
}
.is-sticky header.top {
    background: #ffc300;
}
.is-sticky header.top:before {

}
.is-sticky header.top .logo {
	box-shadow: -1px 1px 23px #0009;
	    transform: scale(0.57);
}

header.top nav.main-nav {
	transition: all .4s;
	position: relative;
	pointer-events: all;
	z-index: 1;
	width: 100%;
	padding: 25px 0 12px;
	max-width: 1100px;
	margin: auto;
}
.is-sticky header.top nav.main-nav {
}
header.top nav.mobile-nav {
    display: none;
    float: none;
    padding-top:15px;
    padding-bottom: 10px;
    transition: all .4s;
    text-align: center;
    position: relative;
    z-index: 1;
}
.is-sticky header.top nav.mobile-nav {
}
header.top nav.mobile-nav a {
	font-size: 24px;
	text-decoration: none;
	color: #1b3b4c;
}

section.slide {
    position: relative;
}
section.slide:before {
	position:absolute;
	content:"";
	background:#ffc300;
	right: 2.8%;
	left:0;
	top:-75px;
	bottom: 0;
	clip-path: polygon(100% 0, 100% 87%, 0 66%, 0 54%, 0 0);
}
section.banner {
	position: relative;
	height: 650px;
	border: 10px solid #ffff;
}
section.banner.small {
	height: 400px;
}
section.banner.contact {
	height: 400px;
}
section.banner .fluid_container,
section.banner .fluid_container #slideshow {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: auto;
	width: auto;
}
.camera_overlayer{
	background:url(../images/bg-over.png) repeat-x center bottom;
}
section.banner .fluid_container #slideshow {
	margin-bottom: 0!important;
}
section.banner .fluid_container #slideshow .camera_target {
	opacity: 1;
}
.header-top {
    background: #1b3b4c;
}
.logo {
	top: 0;
	transform-origin: left top;
	transition: all .8s;
	transition-delay: .1s;
	pointer-events:  all;
	left: 0;
	right:0;
	padding-top: 0;
	padding-bottom: 0;
	padding-top: 0;
	text-align: center;
	padding: 43px 0 41px;
}
.camera_wrap .camera_pag .camera_pag_ul {
    list-style: none;
    margin:0!important;
    padding: 0;
    text-align: center !important;
}
 .fluid_container #slideshow .camera_pag {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 1%;
}
.fluid_container #slideshow .camera_pag .camera_pag_ul {
	text-align: center;
}
 .fluid_container #slideshow .camera_pag .camera_pag_ul:before {
 		position:absolute;
 		content:"";
 		background: #ffb241;
 		width:38px;
 		height:1px;
 		top: 9px;
 		z-index:1;
 		margin-left: -51px;
 }
  .fluid_container #slideshow .camera_pag .camera_pag_ul:after{
 		position:absolute;
 		content:"";
 		background: #ffb241;
 		width:38px;
 		height:1px;
 		z-index:1;
 		top: 9px;
 		margin-left: 11px;
 }
.fluid_container #slideshow .camera_pag .camera_pag_ul li {
	width: 10px;
	height: 10px;
	padding: 0px;
	margin: 5px;
	background: #ffb241;
	border-radius:50%;
}
.fluid_container #slideshow .camera_pag .camera_pag_ul li > span {
	left: -3px;
	right: 0;
	top: -3px;
	bottom: 0;
	border-radius: 50%;
	height: 15px;
	width: 15px;
}
 .fluid_container #slideshow .camera_pag .camera_pag_ul li.cameracurrent > span {
	background: #ffffff;
}
section.banner .NewsItemBackground {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: no-repeat center;
	background-size: cover;
	opacity: .8;
}
section.banner .container {
	position: relative;
	height: 100%;
	pointer-events: none;
}
section.banner.small .cta{bottom: 11%;}
section.banner.small .slogan{bottom: 18%;}
.slogan{
	position: absolute;
	left: 0;
	right: 0;
	font-size: 24px;
	color: #fff;
	text-transform: uppercase;
	text-align:center;
	bottom: 10%;
	font-family: 'cairobold';
	letter-spacing: 4px;
}
section.banner .cta {
	position: absolute;
	bottom: 6%;
	left: 0;
	transform: translateY(-300%);
	-webkit-transform: translateY(-300%);
	animation: slide-in .2s forwards;
	-webkit-animation: slide-in 0.2s forwards;
	animation-delay: .2s;
	-webkit-animation-delay: .2s;
	right: 0;
	pointer-events: none;
	text-align:center;
}
section.banner .cta .p1{
	font-family: 'avant_g-boldregular';
	text-transform:uppercase;
	font-size:50px;
	letter-spacing: 3.5px;
}
section.banner .cta .p2{
	 font-family: 'poppinsregular';
	 text-transform:uppercase;
	 font-size:36px;
	 display:block;
	 margin-top: 20px;
	 letter-spacing: 6.5px;
}
@keyframes slide-in {
    100% {
    	transform: translateY(0%); 
    	opacity: 1;
    }
}
@-webkit-keyframes slide-in {
    100% {
    	-webkit-transform: translateY(0%); 
    	opacity: 1;
    }
}
section.banner .cta p {
	margin: 0;
}
span.tel2 {
    padding-left: 142px;
}
section.banner .cta a {
	position: relative;
	text-decoration: none;
	color: #ffb241;
	font-size: 24px;
	text-shadow: none;
	font-family: 'oswaldbold';
	pointer-events: all;
	letter-spacing: 3.5px;
	display: inline-block;
}

section.banner .cta a:hover {
   color:#fff;
}
section.banner .cta .text-cta{
	position:relative;
	font-size: 16px;
	padding-top: 0;
	color: #f9f9f9;
	font-weight: normal;
	letter-spacing: 4.5px;
	text-transform:uppercase;
}


section.banner iframe {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
}
.img-home {
    float: right;
    margin: 0;
    position: relative;
    margin-right: -51%;
    margin-left: 36px;
}
.img-home img {
	position:relative;
}
.img-home:before {
	position:absolute;
	content:"";
	background: url(../images/trait1.png) no-repeat right bottom;
	width: 107px;
	height: 137px;
	right: -25px;
	z-index: 1;
	bottom: -38px;
}
.page{
	position:relative;
	padding: 0;
}
.page .col-sm-8 {
    width: 60%;
}
.page .col-sm-4 {
    width: 40%;
}
.home-page {
    width: 71%;
    background: #fff;
    padding: 0px 30px 0 100px;
}



header.page-title {
	padding: 0 0 0px;
	display: flex;
	justify-content: space-between;
}

div#btp_prem img{
	width:68px;
	margin-top: 23px;
}
header.page-title h1 {
	position: relative;
	margin: 0 0 44px -30px;
	color: #042435;
	line-height: 30px;
	font-size: 18px;
	letter-spacing: 0px;
	padding: 20px 0 0 32px;
	font-family: 'cairoregular';
	text-transform: uppercase;
	text-shadow: 0 0 0;
}

.subtitle{
	font-size: 32px;
	text-transform: uppercase;
	color: #1d3e4f;
	font-family: 'cairobold';
}
article.content {
	position: relative;
	padding-bottom: 35px;
	min-height: 200px;
	padding-left: 0;
}
section.page.page-inter article.content{
	padding-left:0;
}
section.page.page-inter article.content:before {content:none}

.vplus a:hover{ 
background:#000000;
}
article.content hr {
	border-color: #ccc;
}
article.content p {
    margin-bottom: 15px;
    text-shadow: 0 0 0 #545353;
    letter-spacing: 1.5px;
}
article.content .vplus{
	margin-top:15px;
	display:inline-block;
	color:#000;
}
article.content .vplus a{
	color:#000;
	text-transform:uppercase;
	font-size:14px;
	text-decoration:none;
	padding:5px 12px;
	background:#ffc300;
}
article.content .vplus a:hover{
	background:#000;
	transition:all 0.6s;
	color:#fff;
}
article.content ul {
    padding-left: 10px;
        text-shadow: 0 0 0 #5b5b5b;
}
article.content ul li {
    list-style: none;
    background: url(../images/list-icon01.png) no-repeat 0 4px;
    padding-left: 20px;
}
article.content ul ul li {
    background-image: url(../images/list-icon02.png);
}
article.content .table-style {
	position: relative;
}
article.content .table-style th {
	background: #eee;
}
article.content .table-style th,
article.content .table-style td {
	border: 1px solid #ccc;
	padding: 2px 5px;
}
article.content #NewsItems {
	position: relative;
}
article.content #NewsItems .photo {
	position: relative;
	display: block;
	height: 230px;
	margin-left: 20px;
	margin-bottom: 20px;
	background: center no-repeat;
	background-size: cover;
	text-decoration: none;
	color: #ccc;
}
article.content #NewsItems .photo.nophoto {
	background: #1a1a1a url(../images/bg-news.jpg) center no-repeat;
	background-size: cover;
}
article.content #NewsItems .photo::before,
article.content #NewsItems .photo::after {
	content: '';
	position: absolute;
	transition: all 1s;
	opacity: 0;
}
article.content #NewsItems .photo::before {
	left: 5px;
	top: 5px;
	border-left: 2px solid #d91e35;
	border-top: 2px solid #d91e35;
	right: 100%;
	bottom: 100%;
}
article.content #NewsItems .photo::after {
	right: 5px;
	bottom: 5px;
	border-right: 2px solid #d91e35;
	border-bottom: 2px solid #d91e35;
	left: 100%;
	top: 100%;
}
article.content #NewsItems .photo:hover::before {
	right: 5px;
	bottom: 5px;
	opacity: 1;
}
article.content #NewsItems .photo:hover::after {
	left: 5px;
	top: 5px;
	opacity: 1;
}
article.content #NewsItems .photo .newsbox {
	position: absolute;
	left: -20px;
	bottom: 10px;
	right: 10px;
	background: rgba(0,0,0,.85);
	padding: 10px 15px;
}
article.content #NewsItems .photo .newsbox h4 {
	margin: 0 0 5px;
	padding: 0;
	color: #fff;
}
article.content #NewsItems .photo .newsbox p {
	margin: 0;
	padding: 0;
	font-size: 12px;
}
article.content #NewsItems p.text {
	padding-left: 20px;
	text-align: justify;
}
article.content section.address {
	position: relative;
}
article.content section.address p {
	margin-left: 40px;
}
article.content section.address a {
	color: #d91e35;
	text-decoration: none;
	border-bottom: 1px solid rgba(217,30,53,0);
}
article.content section.address a:hover {
	border-bottom-color: rgba(217,30,53,1);
}
article.content section.address i.fa {
	font-size: 18px;
	font-weight: normal;
	margin-left: -40px;
	float: left;
	width: 25px;
	text-align: center;
}
article.content section.address h2,
article.content .opening h2 {
	margin-top: 0;
}
article.content #openingTimesBlock .openingLine {
	line-height: 1.8em;
}
article.content #openingTimesBlock .openingLine .openingDay {
	position: relative;
	display: inline-block;
	width: 100px;
	font-weight: bold;
	margin-right: 5px;
}
article.content #openingTimesBlock .openingLine .openingDay::before {
	content: '';
	position: absolute;
	left: 27px;
	right: 0;
	bottom: 10px;
	border-bottom: 1px dotted rgba(0,0,0,.2);
}

.box-top {
	position: relative;
	padding: 0 0 30px;
		background: url(../images/bg-box-top.jpg) no-repeat center top fixed;
		background-size:cover;
		min-height:227px;
}
top .img-box {
	position:relative;
}

section.boxes {
	position: relative;
	padding: 54px 0 78px;
}
section.boxes .box a {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    font: 0/0 a;
    width: 100%;
    z-index: 2;
}

section.boxes .box {
	position:relative;
	max-width: 338px;
	width:100%;
	color: #454145;
	font-size: 15px;
	padding: 15px 0 25px 15px;
	letter-spacing: 0.5px;
}
section.boxes .box img{
}
section.boxes .box:before {
	position:absolute;
	content:"";
	background: #e5e9ec;
	left:0;
	bottom:0;
	z-index: -1;
	top: 0;
	width: 92%;
}

section.boxes .box p{
	margin:0;
}
section.boxes .box .p1{
	text-transform:uppercase;
	position: relative;
}
section.boxes .box .p2{
	text-transform:none;
	position: relative;
}
section.boxes .box01 {
	float:left;
}
section.boxes .box02 {
	float:right;
}
section.boxes .box .img-box{
	position:relative;

}
section.boxes .box .img-box:before {
    position: absolute;
    content: "";
    background: url(../images/bg-1.png) no-repeat top right;
    right: 29px;
    top: 0;
    width: 132px;
    height: 91px;
}
section.boxes .box .img-box:after {
    position: absolute;
    content: "";
    background: url(../images/bg-2.png) no-repeat top right;
    left: 29px;
    bottom: 0;
    width: 74px;
    height: 73px;
}
section.boxes .box:hover:after {
    background: url(../images/hover-box.png) no-repeat center top;
    transition:all 0.4s;
}
section.boxes .box h2 {
	color: #474747;
	font-size: 25px;
	line-height: 33px;
	letter-spacing: 0;
	position:relative;
	font-family: 'nova_flatbook';
	text-transform: uppercase;
	margin: 0 0 0;
	padding: 25px 0 3px;
}

section.boxes .box .vplus{color: #fff;font-size: 14px;display: inline-block;padding: 7px 21px;letter-spacing: 1px;margin-top: 24px;background: #2a72cc;position: relative;margin-top: 19px;border: 1px solid;}
/**********************hover*****************/
section.boxes .box:hover:before {
	background: #ee964b;
	transition:all 0.6s;
}
section.boxes .box:hover , section.boxes .box:hover h2{
	color:#fff;
	transition:all 0.6s;
}
.home-page.page-inter {
    padding: 45px 100px 0 100px;
    width: 100%;
    margin-bottom: 38px;
}
/**********************hover*****************/


section.box-bas {
	margin-top: 48px;
	margin-bottom: 40px;
	position: relative;
}
section.box-bas .text-box {
	position: absolute;
	border-bottom:none;
	letter-spacing:1px;
	color:#122a37;
	padding: 13px 50px 21px 100px;
	max-width: 650px;
	background:rgba(254,194,5,0.81);
	top: 100px;
	text-shadow: 0 0 0;
} 
section.box-bas .text-box:before {
	    position: absolute;
	    content: "";
	    background: url(../images/trait2.png) no-repeat left bottom;
	    width: 107px;
	    height: 137px;
	    left: -24px;
	    z-index: 1;
	    bottom: -38px;
}
section.box-bas .text-box:hover:before , section.box-bas .text-box:hover:after {
}

.img-box {
    float: right;
}
span#t1 {
    display: block;
    color: #ffffff;
    font-size: 18px;
    letter-spacing: 1.5px;
    font-family: 'cairoregular';
}
section.box-bas .text-box h2{
	color:#254b5f;
	font-size:32px;
	text-transform:uppercase;
	letter-spacing: 1.8px;
	margin-bottom: 23px;
	text-shadow: none;
	font-family: 'cairobold';
	line-height: 26px;
}
section.box-bas .text-box:hover h2 , section.box-bas .text-box:hover .vplus{
	color:#fff;
	transition:all 0.6s;
}

section.box-bas .text-box .vplus{
	float:right;
	color: #254b5f;
	text-transform: uppercase;
	font-family: 'cairobold';
	letter-spacing: 2px;
	position: relative;
}
span#plus {
    position: relative;
}
section.box-bas .text-box:hover .vplus:before{
		background: #254b5f;
		transition:all 0.6s;
}
section.box-bas .text-box .vplus:before{
	position:absolute;
	content:"";
	background: #fff;
	width: 103px;
	height: 3px;
	left: -11px;
	right: 0;
	margin: auto;
	bottom: 5px;
}
section.box-bas .text-box a {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    font: 0/0 a;
    width: 100%;
    z-index: 5;
}


.facebook{
	padding: 0 0 32px;
	max-width: 1100px;
	margin: auto;
}
#ContainerBlockSocial.addthis_toolbox .at300b {
    background-image: url(../images/img-fb.png);
    background-repeat: no-repeat;
    width: 29px;
    height: 29px;
    margin: 0 2px;
    padding: 0;
    display: inline-block;
    overflow: hidden;
    -webkit-transition: none .4s;
    -moz-transition: none .4s;
    -o-transition: none .4s;
    transition: none .4s;
}
#ContainerBlockSocial.addthis_toolbox .at300b > span{
    display: none;
}
#ContainerBlockSocial.addthis_toolbox .at300b:hover {
 background-image: url(../images/hover-fb.png);
}

/********************footer***************/
footer.bottom {
	position: relative;
	padding: 45px 0 46px;
	color: #fff;
}
footer.bottom .row{
	margin:0;
}
footer.bottom h3 {
	text-transform:uppercase;
	font-size: 20px;
	line-height: 24px;
	letter-spacing: 1px;
	color: #fff;
	font-family: 'montserratlight';
	margin: 0;
	padding: 0 0 21px;
}
footer.bottom h3 .sp {
	 font-family: 'bauhaus_md_btmedium';
	 text-transform:none;
	 font-size:20px;
	 letter-spacing: 9.5px;
}
.adress{
	    display: flex;
	    justify-content: space-between;
	    align-items: left;
	    flex-wrap: wrap;
	    position: relative;
	    line-height: 26px;
	    color: #fff;
	    padding-bottom: 25px;
	    font-size: 15px;
	    letter-spacing: 3px;
	    max-width: 1100px;
	    margin: auto;
}
.info {
    display: table;
    margin: 0;
}
.logo-footer.info {
    margin-top: 16px;
}
footer.bottom .sp1{
}
footer.bottom .sp2{
background: url(../images/sp2.png) no-repeat left top 52px;
    padding: 0 0 0 75px;
}
footer.bottom .sp3{
}
footer.bottom a:hover {
	text-decoration:none;
}
footer.bottom a , .googlemaps_v2 label.modal-label{
	color: #ffb241;
	text-decoration: underline !important;
}
footer.bottom a:hover , .googlemaps_v2 label.modal-label:hover{text-decoration: none !important;}
.footer.bottom {
	
}
footer.bottom .sp1 , footer.bottom .sp2, footer.bottom .sp3{background: url(../images/sp1.png) no-repeat left;padding: 0 0 0 40px;}
div#openingTimesBlock {
    overflow: hidden;
}
.openingLine{
	float:left;
	width: 181px;
	line-height: 28px;
	margin: 0;
}
.openingDay{
    padding: 0;
    display: inline-table;
    margin-right: 11px;
    text-align: center;
    width: 35px;
    height: 35px;
    border:1px solid rgba(255,255,255,0.16);
    margin-bottom:2px;
}
.col-sm-7.bloc1 {
    padding: 0;
}
.col-sm-5.bloc2 {
	padding-left: 147px;
	padding-bottom: 14px;
	padding-right: 0;
}
.col-sm-5.bloc2 h3{
	padding-bottom: 61px;
	margin-top: 28px;
}
#footerSlideContainer a {
	color: #666;
}
footer.bottom  p{
	margin:0;
}
.number-responsive{
	display:none;
}
.facebook.facebook-inter {
    margin-top: 50px;
}
#footerSlideContainer {
    bottom: 12px !important;
}
#scrollTopBtn{
	bottom: 50px !important;
	right: 11px;
	padding: 8px 15px;
	background: #cfa40e !important;
	color: #000 !important;
	text-decoration: none;
	border:1px solid #000 !important;
}
#scrollTopBtn:hover {
	background: #ffffff !important;
}

div.cc-cookies {
    width: 100%;
    z-index: 99 !important;
}
.icon-logo-online{
	z-index: 999 !important;
	color: #cfa40e !important;
}
.cc-cookie-accept{
	z-index: 999 !important;
	background:#fdcc33 !important;
	margin-right: 50px;
	color:#000 !important;
}
.cookieinfo{
	z-index:50 !important;
}


@media (min-width: 1280px) {
	.container {
		width: 1330px;
	}
}

.formError,
.formError *,
#fancybox-wrap,
#fancybox-wrap * {
    box-sizing: content-box;
}
div#_atssh {
    bottom: 0;
}
@media only screen and (max-width : 1880px) {

}

@media only screen and (max-width : 1466px) {
    section.slide:before {
    right: 0;
    }

}

@media only screen and (max-width : 1366px) {
    section.slide:before {
    right: 0;
    }

}
@media only screen and (max-width : 1280px) {
    section.slide:before {
    right: 0;
    }
.container{
        width:100%;
    }
    	 img {
	vertical-align: middle;
	max-width: 100%;
	height: auto;
}
}
@media only screen and (max-width : 1024px) {
    section.slide:before {
    right: 0%;
}
    
    .home-page {
    padding: 0px 30px 0 50px;
}
     
    .box-top:before {
    width: 100%;
}
.page:before {
   content:none;
}
  
#btp_id img {
    float: none;
    margin-bottom: 11px;
    margin-top: -32px;
}
section.boxes .box h2 {

}
    .logo {
    }
    .is-sticky header.top .logo {
    top: 5px;
}

header.top nav.main-nav {}


.adress {
     padding: 0;
    line-height: 25px;
    letter-spacing: 0;
}
section.boxes .box {
    letter-spacing: 0;
}
header.page-title h1 {
    font-size: 21px;}
    .subtitle {
    font-size: 19px;
    }
    .facebook {
    padding: 0 0 32px 15px;
    }
    .home-page.page-inter {
    padding: 30px 30px 0 15px;
    }
}

@media only screen and (max-width : 992px) {
     .slogan:before {

width: 11%;
}
    .logo-footer.info {
    width: 100%;
    text-align: center;
}
footer.bottom .sp1, footer.bottom .sp2, footer.bottom .sp3 {
    background: none;
    padding: 0;
        width: 100%;
    text-align: center;
    margin: 0 auto 30px;
}
.img-home {
    float: none;
    position: relative;
    max-width: 500px;
    margin: 30px auto 54px;

}
.home-page {
    width: 100%;
}
}
@media only screen and (max-width : 800px) {
    section.slide:before {
    top: -58px;
    }
     .slogan:before {

width: 14%;
}
    .logo-footer.info {
    text-align: center;
    margin-bottom: 30px;
}
  
    footer.bottom {
    font-size: 15px;
}
    .vplus {

    text-align: center;
}
#btp_id img {
       float: none;
         margin-top: -50px;
  
}
#btp_prem{
   text-align:center;
}
.slogan {
    bottom: 12%;
}
header.page-title {
    padding: 0;
        display: block;
}
  .logo {
    width: auto;
  }
section.boxes .box {

    background-size: auto;
}

.box-top  .img-box {
    text-align: center;
}
   .box-top .vplus {

    float: none;
   }
    section.banner .fluid_container #slideshow .camera_pag{
        display:none;

    }
    .camera_overlayer:before {
    clip-path: polygon(50% 0%, 126% 0,0 51%, 0 0);
}
.page .col-sm-4 {
    width: 100%;
}

.number-responsive {
    display:inline-block;
}
span.number {
    display: none;
}
    
	header.top nav.main-nav {
		display: none;
	}
	header.top nav.mobile-nav {
		display: block;
		 pointer-events: all;
	}
	section.banner {
		height: 450px;
	}
	footer.bottom section.address span.number {
		display: none;
	}
	footer.bottom section.address span.number-responsive {
		display: inline-block;
	}
	
section.boxes .col-sm-6 {

    float: none;
    width: 100%;
}
	section.boxes .box {
    margin: 0 auto 20px;
        font-size: 14px;
		
	}
	section.boxes .box01, section.boxes .box02{
		float: none;
	}
	
header.page-title h1 {
    text-align:center;
    padding-left: 0;
    text-transform: none;
        display: block;
        margin: 0;
}
.info ,.adress{
    display: block;
}

footer.bottom  .number-responsive {
    display:inline-block;
}
.facebook {
    text-align: center;
}
.page .col-sm-8 {
    width: 100%;
}
.home-page {
    padding:45px 20px 0;
        width: 100%;
}
.img-box {
    float: none;
}
section.box-bas .text-box {
    top: 91px;
    left: 0;
    right: 0;
    margin: auto;
}

}
@media only screen and (max-width : 736px) {

    
}
@media only screen and (max-width : 640px) {
    section.box-bas .text-box:before{
        content:none;
    }
    .img-box {
    padding-top: 30px;
}
    .slogan {
    letter-spacing: 0;
}
    section.banner .cta .text-cta {
    letter-spacing: 3.5px;
    padding: 0 0 0 15px;
}
section.box-bas .text-box {
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 25px;
    text-align: center;
    max-width: 500px;
    position: relative;
    background: none;
}
 section.box-bas {
    background: #e7b312;
}
section.box-bas .text-box .vplus {
    float: none;
}
}
@media only screen and (max-width : 480px) {
    .img-home:before{
        content:none;
    }
   
    footer.bottom .sp1 {
    padding: 0;
    background:none;
    }
    .camera_overlayer:before {
content:none;
}
    
.camera_overlayer {
    background: rgba(0,0,0,0.5);
}
.logo img {
    height: auto;
}
section.banner {
    height: 350px;
}
.slogan {
    top: 16%;
    letter-spacing: 0px;
    text-align: center;
}
.slogan:before {
    content:none;
}
section.banner .cta {
    top: 34%;
}
section.banner .cta .text-cta {

    color: #fff;
}
span#tva {
    display: block;
}
}

@media only screen and (max-width : 420px) {
    section.banner .cta .text-cta {
    color: #fff;
    text-align: center;
}

}

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




}