.scroll {
   position: absolute;
    left: 0;
    right: 0;
    margin: 0px auto;
    z-index: 33;
    bottom: 2%;
}
.rs_top{       position: absolute;
    right: 0;
    top: 50%;
    z-index: 99;
    width: 99px;
    transform: translateY(-50%);}
.rs_top .rs2 {
       margin-top: 0;
    flex-wrap: wrap;
}
.rs_top .rs2 a{display:inline-block; clear:both; margin-bottom:10px}
.rs_top .rs2 .fa{    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;}
.mouse{
    width: 25px;
   margin: 0px auto;
}
.mouse-icon{
   width: 25px;
   height: 45px;
   border: 2px solid white;
   border-radius: 15px;
   cursor: pointer;
   position: relative;
   text-align: center;
}
.mouse-wheel{
  height: 6px;
  margin: 2px auto 0;
  display: block;
  width: 3px;
  background-color: white;
  border-radius: 50%;
  -webkit-animation: 1.6s ease infinite wheel-up-down;
 -moz-animation: 1.6s ease infinite wheel-up-down;
  animation: 1.6s ease infinite wheel-up-down;
}
@-webkit-keyframes wheel-up-down {
	0% {
	    margin-top: 2px;
	    opacity: 0;
	}
	30% {
	    opacity: 1;
	}
	100% {
	    margin-top: 20px;
	    opacity: 0;
	}
}
@-moz-keyframes wheel-up-down {
	0% {
	    margin-top: 2px;
	    opacity: 0;
	}
	30% {
	    opacity: 1;
	}
	100% {
	    margin-top: 20px;
	    opacity: 0;
	}
}
@keyframes wheel-up-down {
	0% {
	    margin-top: 2px;
	    opacity: 0;
	}
	30% {
	    opacity: 1;
	}
	100% {
	    margin-top: 20px;
	    opacity: 0;
	}
}

.caption {
   color: #fff;
    font-size: 14px;
    padding-top: 20px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 300;
    font-style: normal;
    font-family: 'Futura Next';
}

@font-face {
    font-family: 'Futura Next';
    src: url('/Files/App_002/Fonts/FuturaNext-Light.eot');
    src: url('/Files/App_002/Fonts/FuturaNext-Light.eot?#iefix') format('embedded-opentype'),
        url('/Files/App_002/Fonts/FuturaNext-Light.woff2') format('woff2'),
        url('/Files/App_002/Fonts/FuturaNext-Light.woff') format('woff'),
        url('/Files/App_002/Fonts/FuturaNext-Light.ttf') format('truetype'),
        url('/Files/App_002/Fonts/FuturaNext-Light.svg#FuturaNext-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
  font-family: 'FontAwesome';
  src: url('/Files/App_002/Fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('/Files/App_002/Fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('/Files/App_002/Fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('/Files/App_002/Fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('/Files/App_002/Fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('/Files/App_002/Fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
::-webkit-scrollbar { width: 2px; }
::-webkit-scrollbar-thumb {
  border-right: solid 2px #e2001a;
  background: #e2001a;
}
::-webkit-scrollbar-track {
  border: none;
  background: #e2001a;
}
#presentation {
background-color: #fff;
overflow: hidden;
padding-top: 60px;
}
.boxs {
width: 70%;
overflow: hidden;
display: flex;
flex-wrap: wrap;
overflow: hidden;
}
.box1{
    width: 70%;
    padding-top: 5vh;
    text-align: justify;
    padding-bottom: 5vh;
}
.box1 h1 {
    position: relative;
    padding: 0;
    display: flex;
    float: right;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 4vh;
}
.box1 h1:before {
    content: '';
    flex: auto;
    display: block;
    width: 185px;
    border: 1px solid #e2001a;
    margin-left: 70px;
}
.box1 h1 span{
    font-size: 60px;
    text-transform: uppercase;
    color: #07357a;
    font-family: 'futura_nextlight';
    text-align: right;
    position: relative;
    display: block;
    width: 100%;

}
.box1 h1 span {
    order: -1;
    padding-left: 0;
}
/*.box1 h1 span:after{
	content:"";
	width: 210px;
	height:2px;
	background-color:#e2001a;
	display:block;
	right: 0px;
	bottom: 50%;
	position:absolute;
}*/
/*.box1 h1{
    text-align: right;
}*/

.b1, .b2, .b3, .b4{
    /*background-image: url(/Files/App_002/images/equi.png);
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 100px;*/
    color: #454545;
    font-size: 16px;
    margin-bottom: 4vh;
    padding-bottom: 1vh;
    min-height: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bloc-boxs, .img-boxs {
padding: 0;
}
.bloc-boxs {
padding-left: 40px;
}
.b2, .b4 {
padding-right: 0px;
}
/*.b2{
    background-image: url(/Files/App_002/images/urg.png);
}
.b3{
    background-image: url(/Files/App_002/images/pres.png);
}
.b4{
    background-image: url(/Files/App_002/images/trans.png);
}*/
.b1 h1 span, .b2 h1 span, .b3 h1 span, .b4 h1 span{
    font-size:20px;
    text-transform: uppercase;
    color: #e2001a;
    margin-bottom: 1vh;
    text-align: left;
    padding-bottom: 2vh;
    position:relative;
    display: block;
}
.b1 h1 span:after, .b2 h1 span:after, .b3 h1 span:after, .b4 h1 span:after{
	content:"";
	width: 50px;
	height:1px;
	background-color:#2756a6;
	display:block;
	left: 0;
	bottom:0;
	position:absolute;
}
.bloc_img img{
max-width:100%;
}
.wrapper2{
    background-image: url(/Files/App_002/images/bg2.jpg);
    background-repeat: no-repeat;
    background-position: center left;
    padding-top: 15vh;
    padding-bottom: 10vh;
    background-size: cover;
    background-attachment: fixed;
}
.box_slid h1 span, .wrapper4 h1 span{
    font-size: 60px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 4vh;
    font-family: 'futura_nextlight';
    text-align: left;
    padding-right: 40px;
    position:relative;
    display: block;
}
.box_slid h1 span:after, .wrapper4 h1 span:after{
	content:"";
	width: 150px;
	height:2px;
	background-color:#c50727;
	display:block;
	bottom: 50%;
	position:absolute;
	left: -180px;
}
.bloc-equip h1 {
    position: relative;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    /*width: 75vh;*/
    margin-bottom: 4vh;
}
.bloc-equip h1:before {
    content: '';
    flex: auto;
    display: block;
    width: 185px;
    border: 1px solid #e2001a;
    margin-right: 70px;
}
.bloc-equip h1 span{
    font-size: 60px;
    text-transform: uppercase;
    color: #fff;
    font-family: 'futura_nextlight';
    text-align: left;
    position: relative;
    display: block;
    width: 100%;

}
.bloc-equip h1 span {
    order: 1;
    padding-left: 0;
}
/*.coord h1 {
    position: relative;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 75vh;
    margin-bottom: 4vh;
}
.coord h1:before {
    content: '';
    flex: auto;
    display: block;
    width: 185px;
    border: 1px solid #e2001a;
    margin-right: 70px;
}
.coord h1 span{
    font-size: 60px;
    text-transform: uppercase;
    color: #fff;
    font-family: 'futura_nextlight';
    text-align: right;
    position: relative;
    display: block;
    width: 100%;

}
.coord h1 span {
    order: 1;
    padding-left: 0;
}*/
.wrapper4{
    background-image: url(/Files/App_002/images/bg_contact.jpg);
    background-repeat: no-repeat;
    background-position: center left;
    /*padding-top: 10vh;*/
    padding-bottom: 10vh;
    background-size: cover;
    background-attachment: fixed;
    /*overflow: hidden;*/
}

.coord{
    width: 75%;
    float: right;
    color: #FFF;
}
.co{
    padding-bottom: 2vh;
    display: flex;
    text-align: justify;
    padding-bottom: 2vh;
}
.co .fa{
    color: #FFFFFF;
    font-size: 28px;
    margin-right: 40px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 35px;
    height: 50px;
    text-align: center;
    line-height: 35px;
    font-weight:normal;
    position:relative;
    padding-bottom: 15px;
}
.co .fa:after{
    width: 30px;
    height: 1px;
    background-color: #FFFFFF;
    display: block;
    bottom: 0px;
    margin: 0px auto;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
}
.txt_form{
    font-size: 36px;
    text-transform: uppercase;
    color: #FFFFFF;
    font-family: 'futura_nextlight';
    padding-top: 20vh;
}

.wrapper3{
    background-image: url(/Files/App_002/images/bg3.png);
    background-repeat: no-repeat;
    background-position: center left;
    padding-top: 13vh;
    padding-bottom: 10vh;
    background-size: cover;
    background-attachment: fixed;
    background-color: #ffffff;
}
.mappa{
float:right;
}
#personnels {
padding-bottom: 50px;
}
.address1 {
width: 100%;
margin-bottom: 20px;
}
.address1 a {
color: #fff;
}
.address1 a:hover {
color: #fff;
}
.address2 {
width: 100%;
margin-bottom: 5px;
}
.box_form {
padding-top: 50px;
}

/*--------------------- Responsive ---------------------*/

@media (max-width: 1199px){
.txt_form {
font-size: 25px;
}
.box1 {
    width: 100%;
}
/*.wrapper2 h1 span:after, .wrapper4 h1 span:after {
    width: 80px;
    left: -100px;
}*/
.boxs {
width: 100%;
display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;

}
}
@media (max-width: 991px){
#bannerp{    padding-top: 120px;}
.coord h1 span {
padding-left: 60px;
}
.co .fa {
    margin-right: 30px;
}
.cd-horizontal-timeline {
display: none;
}
.bloc_img {
    display: block;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 0px auto;
    float: none;
}
.box1 {
    width:100%;
}

.coord {
    width: 100%;
    float: none;
}

.wrapper4 h1 span:after {
    content: "";
    width: 50px;
    height: 2px;
    background-color: #c50727;
    display: block;
    bottom: 50%;
    position: absolute;
    left: -15px;
}
.txt_form{
display:none;
}
}

@media (max-width: 768px){
.b1, .b2, .b3, .b4 {
    margin-bottom: 0vh;
}
#presentation{padding-top:0}
.scroll {
display: none;
}
.box1 h1 span, .wrapper3 h1.right span {
    font-size: 25px;
}
.bloc-equip h1:before {
    width: 100px;
    margin-right: 40px;
}
.coord {
    width: 100%;
    float: none;
}
.wrapper2 h1 span, .wrapper4 h1 span {
    font-size: 25px;
    text-align: left;
}
}




@media (min-width: 992px){
.slider-personnel {
display: none;
}

}



@media (max-width: 500px){
.box1 h1:before {
    width: 100px;
    margin-left: 40px;
}
.box1 h1 span, .wrapper3 h1.right span {
    font-size: 30px;
}
.bloc-equip h1:before {
    width: 100px;
    margin-right: 40px;
}
.wrapper2 h1 span, .wrapper4 h1 span {
    font-size: 30px;
    text-align: left;
}
}


























