@font-face {
    font-family: 'metropolisregular';
    src: url('fonts2/metropolis-regular-webfont.woff2') format('woff2'),
         url('fonts2/metropolis-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'century_gothicregular';
    src: url('fonts2/gothic-webfont.woff2') format('woff2'),
         url('fonts2/gothic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'GOTHICB';
    src: url('fonts2/GOTHICB.eot');
    src: url('fonts2/GOTHICB.eot') format('embedded-opentype'),
         url('fonts2/GOTHICB.woff2') format('woff2'),
         url('fonts2/GOTHICB.woff') format('woff'),
         url('fonts2/GOTHICB.ttf') format('truetype'),
         url('fonts2/GOTHICB.svg#GOTHICB') format('svg');
}


/*--------------------------------------------------
# General

--------------------------------------------------*/
body {
    background:#fff;
    color: #535353;

    font-size: 15px;
    line-height: 1.5em;
}




 
 .container{ width:1125px!important; position:relative;}



header.top {
    position: relative;
    z-index: 10;
    text-align: center;
    min-height: 173px;
    width: 100%;
    background: #fff;
    padding-top: 38px;
    color: #545353;
    text-align: center;
    font-size: 17px;
    font-family: 'century_gothicregular';
    letter-spacing: 2.2px;
    text-shadow: 0px 0px 0px #545353;
    line-height: 20px;
	    float: left;

}
header.top h3 {
    float: left;
    font-family: 'GOTHICB';
    text-transform: uppercase;
    margin: 0px 13px;
    font-size: 30px;
} 
header.top .logo{     margin: 0 auto;
    display: table;
    margin-bottom: 21px;}
.bg{ position:relative; width:100%; min-height:408px;}

.bg1{ position:relative; float:left; width:50%; height:100%; height:408px; background:url(../images/bloc1.jpg) top right no-repeat;}
.bg2{ position:relative; float:left; width:50%; height:100%;  height:408px;background:url(../images/bloc2.jpg) top left no-repeat;}
.logos{ position:relative; width:100%; background:#91cb4b; min-height:189px;    float: left;}
.logos:before{ position:absolute; width:50%; background:#26a4e5; top:0px; height:100%; right:0px; content:'';}

.logos .logo{ position:relative; float:left; margin-left:3px;}
.logos .logo2{ position:relative; float:left; margin-left:3px;}
footer.bottom {
    background: #fff;
    min-height: 130px;
    padding-top: 30px;
    font-size: 15px;
    color: #545353;
    letter-spacing: 2.1px;
    text-align: center;
    text-shadow: 0px 0px 0px #545353;
    font-family: 'metropolisregular';
    position: relative;
    float: left;
    width: 100%;
}
footer.bottom a{ color:#808080;text-decoration:underline;}
footer.bottom a:hover {

color: #545353;}
footer.bottom label.modal-label {
    color: #808080;
text-decoration:underline;
    transition: color .4s;
}
footer.bottom label.modal-label:hover {
    text-decoration: none;
    color: #545353;
}


footer.bottom  .phone-responsive {
    display: none;

}
@media only screen and (min-width : 1227px) {}
@media only screen and (max-width : 1125px) {.container{ width:100%!important;}section.services .services-boxes div[class*="box"]
 .box-photo img{ display:none;}
	.logos .logo img{ width:100%;}
	.logos .logo2 img{ width:100%;}
.logos .logo {

    width: 49%;
}

.logos .logo2 {
    width: 49%;
}
}

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

	
}
@media only screen and (max-width : 767.98px) {
		header.top .logo {
			max-width:350px;
}
header.top .logo img{ width:100%;}
header.top .logo2{
max-width:350px; margin-top:20px;}	
header.top .logo2 img{width:100%;}
}
@media only screen and (max-width : 480px) {
	.logos:before{ display:none;}
	footer.bottom{ letter-spacing:0px;}
	.bg1 {
    width: 100%;    height: 285px;}
		.bg2 {
    width: 100%;    height: 285px;}
.logos .logo {
    float: none;
    display: block;
    margin:0 auto;
    width: 98%;
}
.logos .logo2{
    float: none;
    display: block;
    margin:0 auto;
    width: 100%;
    margin-top:20px;
    background: #ca1947;
    }
.logos .logo2 img{width:80%}
    
}