@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700,800');
@import url('https://fonts.googleapis.com/css?family=Roboto:700,400,500&display=swap');
@font-face {
            font-family: 'Helvetica-Bold'; 
            src: url('Helvetica-Neue-Bold.ttf') ;          
}
		@font-face {
            font-family: 'HelveticaNeue'; 
            src: url('HelveticaNeue-Roman.otf') ;          
}
body,
html {
	font-family: 'Roboto', sans-serif;
    
}
.open_select_menu{
      margin-top: -40px;
    position: relative;
    z-index: 9;  
    display: none;
}
.open_mention_menu{
    margin-top: -40px;
    position: relative;
    z-index: 9;  
    display: none;
}
/*POPUP*/
#overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;

display: none;
}
#pop{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: auto;
    /*background-color: rgb(0,0,0);*/
    background-color: rgba(0,0,0,0.4);
}
.popup{
    width: 1076px;
    min-height: 150px;
    margin: auto;
    background: #fff;
    position: fixed;
    overflow: auto;
    top: 155px;
    
    display:none;
    padding-top: 50px;
    padding-bottom: 40px;
    padding-right: 85px;
    padding-left: 85px;
    border-radius: 0;
    -webkit-box-shadow: 0 2px 23px -2px rgba(0,0,0,.54);
    -moz-box-shadow: 0 2px 23px -2px rgba(0,0,0,.54);
    box-shadow: 0 2px 23px -2px rgba(0,0,0,.54);
    left: 0;
    right: 0;
}
.popup:target {
  visibility: visible;
  opacity: 1;
  /* cancel visibility transition delay */
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.popup-close {
  position: absolute;
  padding: 10px;
  max-width: 500px;
  border-radius: 10px;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background: rgba(255,255,255,.9);
}
.close-popup {
  background: rgba(0,0,0,.7);
  cursor: default;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  /* "delay" the visibility transition */
  -webkit-transition: opacity .5s, visibility 0s linear .5s;
  transition: opacity .5s, visibility 0s linear .5s;
}
.popup:target + .close-popup{  
  opacity: 1;
  visibility: visible;
  /* cancel visibility transition delay */
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
 
.popup .close{
    right: 30px;
    top: 30px;
    position: absolute;
}
.popup h1{
font-family: 'Montserrat', sans-serif;
font-weight: 800;
font-size: 36px;
color: #e42023;
text-align: center;
line-height: 48px;
}
.popup p{
    font-family:Arial, 'Roboto', sans-serif;
    font-size: 18px;
    color: #000000;
    line-height: 24px;
    padding-top: 50px;
    font-weight: 500;
    text-align: center;
}
.popup p .red{
    font-family:Arial, 'Roboto', sans-serif;
    font-size: 15px;
    color: #d91e1e;
    line-height: 24px;
    
    font-weight: 500;
    text-align: center;
}
/*END POPUP*/
/** HEADER **/

#wrapper-content {
	height: 1080px;
    background: url(image/bg-content.png);
}
#mention-content{
    height: auto;
    background: url(image/mention.png);
}
header{
	padding-top: 68px;
    height: 110px;
}
header .menu{
  list-style-type: none;
  margin: auto;
  padding: 0;
  overflow: hidden;
  background-color: transparent;
  position: relative;
  float: left;
}

header .menu li{
  float: left;
  border:2px solid #fff;
  padding: 8px 20px;
  margin-left: 15px;
  list-style: none;
}
header .menu li:last-of-type{
    padding: 6px 15px;
}
header #blackmenu li{
    float: left;
  border:2px solid #3b3b3b;
  padding: 8px 20px;
  margin-left: 15px;
  list-style: none;
}
header #blackmenu li:last-of-type{
    padding: 6px 15px;
}
header .menu .init{
    display: none;
}
header .menu li:not(.init) { float: left; /*display: none; */}

header .menu li:nth-child(2){
  margin-left: 0px;
 
}
header .menu li a {
	font-size: 14px;
    line-height: 18px;
    color: #fff;
    letter-spacing: .1em;
    font-family: Helvetica-Bold;
    text-transform: uppercase;
}
header .menu li a:hover{
	color: #fff;
	text-decoration: none;
}
header #blackmenu li a{
font-size: 14px;
    line-height: 18px;
    color: #3b3b3b;
    letter-spacing: .1em;
    font-family: Helvetica-Bold;
    text-transform: uppercase;
}
header #blackmenu li a:hover{
    color: #3b3b3b;
    text-decoration: none;
}

header .social{
	position: relative;
	float: right;
	display: inline-block;
}
header .social ul{
	list-style-type: none;
  margin: auto;
  padding: 0;
  overflow: hidden;
  background-color: transparent;
  position: relative;
  float: left;
}
header .social ul li a {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    border: 2px solid #ffffff;
    border-radius: 50%;
    margin-right: 20px;
}
header .social ul li{
	float: left;
}
header .mentionsocial{
    position: relative;
    float: right;
    display: inline-block;
}
header .mentionsocial ul{
    list-style-type: none;
  margin: auto;
  padding: 0;
  overflow: hidden;
  background-color: transparent;
  position: relative;
  float: left;
}
header .mentionsocial ul li a {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #3b3b3b;
    border: 2px solid #3b3b3b;
    border-radius: 50%;
    margin-right: 20px;
}
header .mentionsocial ul li{
    float: left;
}
.content1{
	max-width: 100%;
}
.content1 .logo{
	margin: 0px auto;
	padding-bottom: 116px;
	padding-top:220px;
	text-align: center
}
.content1 h1{
	font-family: Roboto,sans-serif;
	font-size: 38px;
	color: #fff;
	line-height: 45px;
	text-align: center;
	margin:0px auto;
}
.inner{
       position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    /* transform: translateY(-50%); */
    margin: auto;
    left: 0;
    height: 358px;
    right: 0;
}
.intro{
	
}
.intro .custom{
	
	padding-top: 180px;
	padding-bottom: 180px; 
	padding-left: 100px;
}
.intro .custom h2{
	color: #e2372e;
	font-family:Montserrat;
	font-size:40px ;
	letter-spacing: .04em;
    font-weight: 700;
    line-height: 54px;
    margin: 0;
}
.intro .custom p{
	padding-top: 54px;
	padding-bottom: 54px;
	color: #484848;
	font-family:Montserrat;
	font-size:24px ;
	font-weight: 300;
	letter-spacing: .04em;
    line-height: 36px;
    margin: 0;
}
.intro .custom .col-6:first-child{
	padding-right: 60px;
}
.intro .custom .col-6{
	position: relative;
	float: left;

}
.intro .custom .row{
	margin-right: 0px;
    margin-left: 0px; 
}
.intro .custom .row ul{
    padding-right: 0px;
	padding-left: 15px;
    
}
.intro .custom .row ul li a{
    font-size: 18px;
    line-height: 38px;
    color: #000000;
    letter-spacing: 0.015em;
    font-family: Montserrat;
    font-weight: 400;
    pointer-events: none;
    cursor: default;
}
.intro .custom .row ul li a:hover{
	color: #e6332a;
	text-decoration: none;
}
.content2{
	background:url(image/back.png) no-repeat  center #f5f5f5;
	padding-bottom: 170px;
}
.content2 .wrapper_box{
    max-width: 1008px;
    margin: auto;
    position: relative;
}
.content2 .wrapper_box:before{
    content: "";
    background:url(image/point_verti_2.png);
    height: 252px;
    width: 11px;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
        top: -89px;
}
.content3 .wrapper_box{
    max-width: 1008px;
    margin: auto;
    position: relative;
}
.content3 .wrapper_box:before {
    content: "";
    background: url(image/point_verti_2.png);
    height: 248px;
    width: 11px;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
   top: -82px;
}
.content2 h2{
	color: #e2372e;
	font-family:Montserrat;
	font-size:40px ;
	text-align: center;
	letter-spacing: .04em;
    font-weight: 700;
    line-height: 40px;
    margin: 0;
    padding-top: 130px;
    padding-bottom: 130px;
}
.content2 .temps{
	       width: 442px;
    height: 397px;
	background-color: #fff;
	margin-bottom: 135px;
      background-image: url(image/border.png);
    background-size: cover;
    position: relative;
}
.content2 .temps:after{
    content: "";
    background-image: url(image/point_horz.png);
    background-repeat: repeat-x;
    width: 340px;
    height: 4px;
    display: block;
    position: absolute;
    top: 40%;
       left: 442px;
}

.content2 .assis{
	    width: 442px;
    height: 397px;
	background-color: #fff;
    background-image: url(image/border.png);
    background-size: cover;
    position: relative;
}
.content2 .assis:after{
    content: "";
    background-image: url(image/point_horz.png);
    background-repeat: repeat-x;
    width: 340px;
    height: 4px;
    display: block;
    position: absolute;
    top: 53%;
       left: 442px;

}
.content2 .cout{
    position: relative;
	           width: 442px;
    height: 397px;
	background-color: #fff;
	margin-left: 124px;
	margin-top:256px;
    background-image: url(image/border.png);
    background-size: cover;
}
.content2 .cout:before{
 content: "";
    background-image: url(image/point_verti.png);
    background-repeat: repeat-x;
    width: 4px;
    height: 93px;
    display: block;
        position: absolute;
    top: -12%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: auto;
    left: -8px;
    right: 0;
}
.content2 .cout:after{
 content: "";
    background-image: url(image/point_verti.png);
    background-repeat: repeat-x; 
    width: 4px; 
    height: 93px;
    display: block;
        position: absolute;
    top: 111%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: auto;
    left: -8px;
    right: 0;
}
.content3 .compt:before{
        content: "";
    background-image: url(image/point_horz2.png);
    background-repeat: repeat-x;
    width: 349px;
    height: 4px;
    display: block;
    position: absolute;
    right: 443px;
    top: 18%;

}
.content3 .docum:before{
        content: "";
    background-image: url(image/point_horz2.png);
    background-repeat: repeat-x;
    width: 349px;
    height: 4px;
    display: block;
    position: absolute;
        right: 441px;
    top: 82%;

}
.content3 .compl:before{
 content: "";
    background-image: url(image/point_verti.png);
    background-repeat: repeat-x;
    width: 4px;
    height: 93px;
    display: block;
        position: absolute;
    top: 33%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: auto;
    left: -8px;
    right: 0;
}
.content3 .compl:after{
 content: "";
    background-image: url(image/point_verti.png);
    background-repeat: repeat-x;
    width: 4px;
    height: 93px;
    display: block;
        position: absolute;
    top: 107%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: auto;
    left: -8px;                                                                                                                                 
    right: 0;
}
.content2 .col-6{
	position: relative;
	float: left;
}

.content2 .temps .img{
    margin: 0px auto;
    padding-bottom: 60px;
    padding-top: 80px;
    text-align: center;
}
.content2 .temps h3{
   	color: #3b3b3b;
	font-family:Montserrat;
	font-size:23px ;
	text-align: center;
	letter-spacing: .04em;
    font-weight: 700;
    line-height: 40px;
    margin: 0;
    text-transform: uppercase;
    
}
.content2 .assis .img{
    margin: 0px auto;
    padding-bottom:27px;
    padding-top:50px;
    text-align: center;
}
.content2 .assis h3{
   	color: #3b3b3b;
	font-family:Montserrat;
	font-size:23px ;
	text-align: center;
	letter-spacing: .04em;
    font-weight: 700;
    line-height: 40px;
    margin: 0;
    text-transform: uppercase;
    
}
.content2 .cout .img{
    margin: 0px auto;
    padding-bottom: 40px;
    padding-top: 65px;
    text-align: center;
}
.content2 .cout h3{
   	color: #3b3b3b;
	font-family:Montserrat;
	font-size:23px ;
	text-align: center;
	letter-spacing: .04em;
    font-weight: 700;
    line-height: 40px;
    margin: 0;
    text-transform: uppercase;
}
.header{
    position: relative;
}
/*.header:after{
	content: " ";
    background-image: url(image/back-bord.png);
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 841px;
    position: absolute;
    margin-left: 86px;
    margin-top: -114px;
}*/

.content3:before{
	content: " ";
	/*background-image: url(image/redlink-2.svg);*/
	position: absolute;
	background-repeat: no-repeat;
	background-position: center; 
	width: 100%;
	height: 100%;
	margin-top: 210px;
}
.content3{
	background:url(image/back2.png) no-repeat  center #fff;
	padding-bottom: 150px;
}
.content3 h2{
	color: #e2372e;
	font-family:Montserrat;
	font-size:40px ;
	text-align: center;
	letter-spacing: .04em;
    font-weight: 700;
    line-height: 40px;
    margin: 0;
    padding-top: 130px;
    padding-bottom: 130px;
}
.content3 .compl{
	    width: 442px;
    height: 397px;
	background-color: #fff;
	margin-top: 268px;
    background-image: url(image/border.png);
    background-size: cover;
}

.content3 .compt{
	    width: 442px;
    height: 397px;
    margin-left: 124px;
	background-color: #fff;
    background-image: url(image/border.png);
    background-size: cover;
}
.content3 .docum{
	    width: 442px;
    height: 397px;
	background-color: #fff;
	margin-left: 124px;
	margin-top: 127px;
    background-image: url(image/border.png);
    background-size: cover;
}
.content3 .col-6{
	position: relative;
	float: left;
}

.content3 .compl .img{
    margin: 0px auto;
    padding-bottom: 40px;
    padding-top: 80px;
    text-align: center;
}
.content3 .compl h3{
   	color: #3b3b3b;
	font-family:Montserrat;
	font-size:23px ;
	text-align: center;
	letter-spacing: .04em;
    font-weight: 700;
    line-height: 40px;
    margin: 0;
    text-transform: uppercase;
    
}
.content3 .compt .img{
    margin: 0px auto;
    padding-bottom:27px;
    padding-top:80px;
    text-align: center;
}
.content3 .compt h3{
   	color: #3b3b3b;
	font-family:Montserrat;
	font-size:23px ;
	text-align: center;
	letter-spacing: .04em;
    font-weight: 700;
    line-height: 40px;
    margin: 0;
    text-transform: uppercase;
    
}
.content3 .docum .img{
    margin: 0px auto;
    padding-bottom: 40px;
    padding-top: 65px;
    text-align: center;
}
.content3 .docum h3{
   	color: #3b3b3b;
	font-family:Montserrat;
	font-size:23px ;
	text-align: center;
	letter-spacing: .04em;
    font-weight: 700;
    line-height: 40px;
    margin: 0;
    text-transform: uppercase;
}
.content3 .btn{
	color: #fff;
    text-transform: uppercase;
    margin: auto;
    display: block;
    width: 256px;
    height: 60px;
    line-height: 49px;
    text-align: center;
   	font-size: 18px;
   	font-family:Montserrat;
   	font-weight: 700;
   	letter-spacing: .02em;
    background: #e2372e;
    margin-top: 130px;
}
.content3 a{
    text-decoration: none;
}
.contact{
	background-color: #f2f2f2;
	padding-top: 180px;
	padding-bottom:159px; 
}
.contact h3{
   	color: #e2372e;
	font-family:Montserrat;
	font-size:40px ;
	text-align: center;
	letter-spacing: .04em;
    font-weight: 700;
    line-height: 40px;
    margin: 0;
    text-transform: uppercase;
}
.contact .address{
	padding-top: 49px;
	color: #000;
	font-family:Montserrat;
	font-size:14px ;
	text-align: center;
	letter-spacing: .04em;
    font-weight: 500;
    line-height: 25px;
    margin: 0;
    
}
.contact .address a{
	text-decoration: none;
	color: #000;  
}
.contact .address a:hover{
	color: #e2372e;  
}
.contact .maps{
	color: #fff;
	text-decoration: none;
    margin: auto;
    display: block;
    width: 254px;
    height: 55px;
    line-height: 54px;
    text-align: center;
   	font-size: 14px;
   	font-family:Montserrat;
   	font-weight: 300;
   	letter-spacing: .02em;
    background: #e2372e;
    margin-top: 50px;
}
.contact .maps a{
	text-decoration: none;
	color: #fff;  
    width: 100%;
    height: 100%;
    display: block;
}
.contact .maps img{
	padding-right: 50px;
}
footer{
	padding-top: 45px;
	padding-bottom: 40px;
}
footer .col:first-child{
    width: 13%;
}
footer .col{
	position: relative;
	float: left;
    width: 26%;
    padding-right: 0px;
    padding-left: 15px;
	
}

footer .col-6{
	position: relative;
	float: left;
	width: 61%;
}
footer .mentio{
	list-style-type: none;
    margin: auto;
    padding: 0;
    overflow: hidden;
    background-color: transparent;
    position: relative;
    float: left;
    
}
footer .mentio li{
	float: left;
    font-family:Montserrat;
   	font-weight: 700;
   	color: #000;
   	letter-spacing: .02em;
    padding: 0px 23px;
    font-size: 12px;
    text-transform: uppercase;
text-align: left;
}

footer .mentio li a{
	color: #000;
	text-decoration: none;
}
footer .mentio li a:hover{
	color: #e2372e;
	text-decoration: none;
}
footer .social2 ul{
	list-style-type: none;
    margin: auto;
    padding: 0;
    overflow: hidden;
    background-color: transparent;
    position: relative;
    float: left;
}    
footer .social2 ul li{
	float: left;
    border: 2px solid #fff;
    padding: 0px 5px;
    margin-left: 0px;}

footer .social2 ul li a{
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #c4c4c4;
    border: 2px solid #c4c4c4;
    border-radius: 50%;
    margin-right: 0px;
}
footer .social2 ul li a:hover{
	color: #e6332a;
}
footer .powerby a{
	color: #000;
	text-decoration: none;
}
footer .powerby a:hover{
	color: #e2372e;
	text-decoration: none;
}
/*Mention legal*/
.mentiontext{
    margin: auto;
    width: 828px;
    padding: 140px 0px;
}
.mentiontext h1{
    color: #e2372e;
    font-family: Roboto;
    font-size: 40px;
    text-align: left;
    letter-spacing: .04em;
    font-weight: 700;
    line-height: 40px;
    margin: 0;
    padding-bottom: 20px;
}
.mentiontext h2{
    color: #141414;
    font-family: Montserrat;
    font-size: 26px;
    text-align: left;
    font-weight: 500;
    line-height: 40px;
    margin: 0;
    padding-bottom: 20px;
}
.mentiontext p{
    color: #141414;
    font-family: Montserrat;
    font-size: 16px;
    text-align: left;
    font-weight: 500;
    line-height: 26px;
    margin: 0;
    padding-bottom: 20px;
}
/* Side Bare */
.scroll-fixed {
  position: fixed;
  right: 30px;
  height: 0;
  text-align: right;
  top: 40%; }
  .scroll-fixed ul {
    list-style: none; }
.scroll-fixed ul li.white{
    color: #fff;
}
    .scroll-fixed ul li.white a:hover {
      color: #fff; }

    .scroll-fixed ul li.white:hover:after {
      background: #fff; }

    .scroll-fixed ul li a {
      color: transparent;
      text-decoration: none;
      text-transform: uppercase;
      font-family: 'Montserrat', sans-serif;
      font-weight: 500;
      font-size: 12px; }

    .scroll-fixed ul li:after {
      content: '';
      width: 10px;
      height: 10px;
      display: inline-block;
      border-radius: 50%;
      background: #cccccc;
      margin-left: 10px; }
      .scroll-fixed ul li:after:hover{
        color: #e2372e;
      }
    .scroll-fixed ul li:hover a {
      color: #e2372e; }
    .scroll-fixed ul li:hover:after,.scroll-fixed ul li.current_li:after {
      background: #e2372e; }
.scroll-fixed ul li a.active{
    color: #e2372e;
}

/** RESPONSIVE **/
@media screen and (max-width: 1199px) {
    .popup{
        width: 100%;
        height: 500px;
        padding-right: 65px;
        padding-left: 65px;
    }
    .popup h1 {
    font-size: 20px;
    line-height: 30px;
}
    .popup p {
    font-size: 15px;
    line-height: 24px;
    padding-top: 18px;
}
    .content1{
        margin-top:50px;
    }
    footer .mentio{
        float: none;
    }
    footer .mentio li{
        float: none;
        text-align: center;
    }
    footer .powerby{
        text-align: center;
    }
    footer .col{
        width: 100%;
        margin: auto;
        padding-right: 15px;
        padding-left: 15px;

    }
    footer .col:first-child{
        width: 100%;
        margin: auto;
    }
    .mentiontext{
            padding: 180px 0px;
    }
.open_mention_menu{
    display: block;
    margin: auto;
    padding: 0;
    overflow: hidden;
    background-color: transparent;
    position: relative;
    float: left;
    top: 0px;
    border: 2px solid #3b3b3b;
    left: 229px;
    padding: 8px 15px;
}
.open_select_menu{
   display: block;
    margin: auto;
    padding: 0;
    overflow: hidden;
    background-color: transparent;
    position: relative;
    float: left;
    top: 0px;
    border: 2px solid #fff;
    left: 229px;
    padding: 8px 15px;
}
.mentiontext{
    width: 100%;
}
footer{
    padding-top: 0px;
    padding-bottom: 0px;
}
    footer .col-6{
        /*float: none;*/
        width: 100%;
    }
    footer .col{
        margin-top: 20px;
        margin-bottom: 20px;
        width: 100%;
    }

    header .menu{
        position: absolute;
    }
    header .menu li.active{
        display: flex;
        justify-content: space-between;
    }
     header .menu li svg{
        float: right;

    }
    header .menu li.init{
        margin-bottom: 35px;
        display: block;
    }
 header .menu li:not(.init){
        margin-top: -2px;
        display: none;
 }
    header .menu li{
        float: none !important;
        margin-left: 0;
        width: 200px;
    }

header .menu li:first-child a{
    pointer-events: none;
}

header #blackmenu{
        position: absolute;
    }
    header #blackmenu li.active{
        display: flex;
        justify-content: space-between;
    }
     header #blackmenu li svg{
        float: right;

    }
    header #blackmenu li.init{
        margin-bottom: 35px;
        display: block;
    }
 header #blackmenu li:not(.init){
        margin-top: -2px;
        display: none;
 }
    header #blackmenu li{
        float: none !important;
        margin-left: 0;
        width: 200px;
    }

header #blackmenu li:first-child a{
    pointer-events: none;
}

    .intro .custom .row ul{
        margin-bottom: 0px;
    }
    .contact{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .content3 .btn{
        margin-top: 0px;
    }
    .content3{
        padding-bottom: 50px;
    }
    .content2 h2{
        padding-top: 50px;
    padding-bottom: 179px;
    margin-bottom: 15px;
    }
    .content2 .temps{
        margin: auto;
        margin-bottom: 60px;
    }
    .content2 .assis{
        margin: auto;
        margin-bottom: 60px;
    }
    .content2 .cout{
        margin: auto;
        margin-bottom: 60px;
    }
    .content2 .col-6{
        float: none;
    }
    .content2 .temps:after {
    content: "";
    background-image:url(image/point_verti.png);
    
    width: 4px;
    height: 57px;
    display: block;
    position: absolute;
        top: 400px;
    left: 50%;
}
.content2 .wrapper_box:before {
    
    top: -162px;
}
.content2 .assis:after {
    content: "";
    background-image: url(image/point_verti.png);
    background-repeat: repeat-x;
    width: 4px;
    height: 57px;
    display: block;
    position: absolute;
        top: 400px;
    left: 50%;
}
.content2 .cout:before {
    
    display: none;
   
}
.content2 .cout:after {
    
    display: none;
   
}
.content3 .col-6 {
    position: relative;
    float: none;
}
.content3 h2{
        padding-top: 50px;
    margin-bottom:80px;
    }
    .content3 .wrapper_box:before {
   
    top: -162px;
}
    .content3 .compl{
        margin: auto;
        margin-bottom: 60px;
    }
    .content3 .compt{
        margin: auto;
        margin-bottom: 60px;
    }
    .content3 .docum{
        margin: auto;
        margin-bottom: 60px;
    }
    .content3 .col-6{
        float: none;
    }
    .content3 .compl:after {
    content: "";
    background-image: url(image/point_verti.png);
    width:4px;
    height: 57px;
    display: block;
    position: absolute;
    top: 428px;
}

.content3 .compt:after {
    content: "";
    background-image:url(image/point_verti.png);
    width: 4px;
    height: 57px;
    display: block;
    position: absolute;
    top: 399px;
    left: 50%;
}
.content3 .compl:before{
    display: none;
}
.content3 .compt:before{
    display: none;
}
.content3 .docum:before{
    display: none;
}

.content2 .cout:before {
    
    display: none;
   
}
.content2 .cout:after {
    
    display: none;
   
}
.scroll-fixed{
    display: none;
}
.intro .custom{
    padding-top: 50px;
    padding-left: 50px;
    padding-bottom: 50px;
}
.content2{
    padding-bottom: 50px;
}
}

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


    footer .mentio li {
        font-size: 11px; 
    }
    .intro .custom .row ul{
        margin-bottom: 0px;
    }
.content2 .wrapper_box{
    padding: 0 30px;
}
.content3 .wrapper_box{
    padding: 0 30px;
}
.content2 .temps {
    width: 100%;
        height: 322px;
        background-size: 100% 100%;
}
.content2 .assis {
    width: 100%;
        height: 322px;
        background-size: 100% 100%;
}
.content2 .cout {
    width: 100%;
        height: 322px;
        background-size: 100% 100%;
}
.content3 .compl {
    width: 100%;
        height: 322px;
        background-size: 100% 100%;
}
.content3 .compt {
    width: 100%;
        height: 322px;
        background-size: 100% 100%;
}
.content3 .docum {
    width: 100%;
        height: 322px;
        background-size: 100% 100%;
}
.intro .custom{
    padding: 50px 25px;
}
.intro .custom .col-6:first-child{
    padding-right: 0px;
    
}
.intro .custom .row ul{
     padding-left: 16px;
}
.content2 h2{
    padding-top: 50px;
    margin-bottom: 20px;
}
.content2{
    padding-bottom: 0px;
}
.content3 h2{
    padding-top: 50px;
}
.content3 .btn{
    margin-top: 0px;
}
.content3{
    padding-bottom: 50px;
}
.contact{
    padding-top: 50px;
    padding-bottom: 50px;
}
.content3 .docum h3,.content3 .compt h3,.content3 .compl h3,.content2 .temps h3,.content2 .cout h3,.content2 .assis h3{
    font-size: 21px;
    font-weight: 31px;
}
.content2 .temps:after,.content2 .assis:after,.content3 .compt:after{
       top: 325px; 
}
.content3 .compl:after{
        top: 354px;
}
footer .col{
    width: 100%;
    padding-bottom: 15px;
    padding-top: 15px;
}
footer .col-6{
    width: 100%;
}
}

@media screen and (max-width: 460px){
    header .menu li{
        width: 160px;
        padding: 8px 8px;

    }
    header .menu li a{
        font-size: 13px;
    }
.open_select_menu{
   display: none;
}
.open_mention_menu{
   display: none;
}
}
@media screen and (max-width: 550px){
 header .menu li.init{
    margin-bottom: 10px;
 }   
  header #blackmenu li.init{
    margin-bottom: 10px;
 } 
}
@media screen and (max-width: 400px) {

header .menu{
    /*width: 100%;
    padding-right: 30px;*/
}
header .menu li:not(.init){
    width: 100%;
}
header #blackmenu li:not(.init){
    width: 100%;
}

}
@media screen and (max-width: 320px) {
 .content1 .logo img{
        width: 100%;
    }
    header .menu li{
        width: 120px;
        padding: 5px 5px;

    }
header #blackmenu li{
        width: 120px;
        padding: 5px 5px;

    }
    header .menu li a{
        font-size: 12px;
    }
    header #blackmenu li a{
        font-size: 12px;
    }
    }