/************************************

CHANGEMENT DE LA TAILLE DES POLICES

*************************************/

/************************************
**** GENERAL STYLE ******************
*************************************/
@font-face {
  font-family: 'FontAwesome';
  src: url("fonts/fontawesome.ttf");
 }

 @font-face {
  font-family: 'Lato';
  src: url("fonts/LatoLatin-Regular.ttf");
 }

 @font-face {
  font-family: 'Lato Bold';
  src: url("fonts/LatoLatin-Bold.ttf");
 }

  @font-face {
 	font-family: 'Lato Italic';
 	src: url("fonts/LatoLatin-Italic.ttf");
 }

  @font-face {
 	font-family: 'Lato Bold Italic';
 	src: url("fonts/LatoLatin-BoldItalic.ttf");
 }

   @font-face {
 	font-family: 'Lato Light Italic';
 	src: url("fonts/LatoLatin-LightItalic.ttf");
 }   

 @font-face {
 	font-family: 'Lato Light';
 	src: url("fonts/LatoLatin-Light.ttf");
 }

body {
    height: inherit!important;
	color : #3d3d3d;
	overflow: hidden;
}

.page{
	margin-top: 120px;
	color : #3d3d3c;
	overflow: hidden;
}

p, li, h5{
	font-family: "Lato";
	font-size: 14px;
	color:#3d3d3c;
}

h1{
	font-family: 'Lato Light'!important
}

ul {
	margin-bottom: 0;
}

.big {
	font-size: 48pt!important;
	letter-spacing: 3px;

}

.blue2{
	color: #4a9fcd!important;
}

.blue{
	color : #1d71b8;
}

.light-blue{
	color : #66c9f3!important;
}

.green{
	color : #aecc53;
}

.bold{
	font-family: 'Lato Bold';
}

.italic{
	font-family: 'Lato Italic';
}

.title-group{
	margin-bottom: 40px;
}


.container-section{
	position: relative;
	overflow: hidden;
}

.container-section h1{
	margin-top: 40px;
	margin-bottom: 30px;
	font-family: 'Lato';
	font-size: 42pt;
	text-align: center;
	
}

#twenty{
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	position: fixed;
	background: black;
	z-index: 100000;
}

.logo12{
	margin: auto;
	display: block;
	width: 70%;
}

.scrolldown{
	width: 60px;
}

/*BOUTTON*/

.btntwenty{
	text-align: center;
	position: absolute;
	right: 50%;
	bottom: 0px;
	transform: translateX(50%);
}

#closetwenty {
  background: none;
  border: none;
  outline: none;
  font-family: 'Lato' !important;
  color: #ffffff;
  text-align: center;
  font-size: 24px;
  width: 270px;
  cursor: pointer;
  margin: 5px;
  letter-spacing: 2px;
}

/****FLECHE****/

#arrow{
	width: 25px;
    height: 100px;
    background: none;
    position :relative;
    -webkit-animation: mymove 1.5s infinite;
    animation: mymove 1.5s infinite;
}

@-webkit-keyframes mymove {
    0%   {top: 0px;}
    50%  {top: 15px}
    100% {top: 0px;}
}

@keyframes mymove {
    0%   {top: 0px;}
    50%  {top: 15px}
    100% {top: 0px;}
}


/************************************
**** NAVBAR STYLE *******************
*************************************/

.navbar-custom {
	background : #fff;
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 1000;
	height: 120px;
	border-radius: 0;
	box-shadow: 0px 1px 50px 0px #333;
	transition : 0.2s;
}

.navbar-custom:hover{
	background: #000;
	transition : 0.3s;
}

.navbar-custom a{
	color :  #1d71b8;
	font-size: 20px;
}

.navbar-custom a:hover, .navbar-custom a:focus{
	background-color: transparent!important;
}

.navbar-nav{
	float: right;
}

.navbar-nav>li{
	float : left;
}

.navbar-subtitle {
	color : #fff;
}

.navbar-brand {
	padding : 0 0;
	line-height: 120px;
}

.navbar-brand span {
	display : block;
}

.navbar-brand div, .navbar-brand img {
	position: relative;
	display : inline-block ;
	margin-top: -15px;
	
	max-height : 70px;
}

.navbar-title {
	color : #000;
	font-size: 22px
}

.navbar-subtitle {
	color : #3b5769;
	font-size: 12px;
}

.circle {
	cursor :pointer;
	position: absolute;
    border: 1px solid #1d71b8;;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    top: 40px;
    right: 4px;
}

#menu-toggle-button{
	margin-left:5px;
}

.nav li a {
	    line-height: 120px;
    padding-top: 0;
}

/************************************
**** MENU MODAL STYLE ***************
*************************************/
.modal-overlay {
	z-index: 10000000;
	display : none;
	position : fixed;
	top : 120px;
	left : 0;
	width : 100%;
	height : 100%;
	background-color: rgba(255, 255, 255, 0.8);
}

.modal-container {
	border: none;
	background-color: #3c3c3b;
	margin: 3% auto; /* 15% from the top and centered */
    padding: 40px 30px;
	width: 40%;
}

.modal-container ul{
	list-style: none;
	padding :0 20px 10px
}

.modal-container li{
	padding : 5px 0;
	float: none;
}

.modal-container li a{
	line-height:20px;
	color: #fff;
	font-family: "Lato Bold";
	font-size: 20px;
}

.modal-container li a:hover, .modal-container li a:active, .modal-container li a:focus{
	outline: none;
	text-decoration: none;
}

.close-modal{
	text-align: right;
	margin-bottom: 30px;
	font-size : 22px;
	cursor:pointer;
	transition: 0.2s;
}

.close-modal:hover{
	color : #4a9fcd;
	transition: 0.2s;
}

.modal-container li{
	color : white;
}

.modal-container li:hover,.modal-container a:hover{
	  color: #66c9f3!important;
}

.modal-container li ul li{
	margin:0;
	font-family: "Lato Light";
	font-size:16px;
	padding : 0;
	cursor : pointer;
}

.modal-container li .active{
	color : #66c9f3!important;
}

.modal-container .navbar-nav{
	padding: 0;
	float: none
}

#modal-close-button{
	text-align: right
}

#modal-close-button span{
	font-size: 18pt;
	cursor: pointer;
}

#modal-close-button span:hover{
	color : #4a9fcd!important;
}

/*************************************************
**** Services-Solutions-Processes Modal Style ****
**************************************************/
#modal-overlay-services {
	z-index: 100;
	display : none;
	position : fixed;
	top : 120px;
	left : 0;
	width : 100%;
	height : 100%;
	background-color: rgba(255, 255, 255, 0.98);
}

#modal-container-services
{
	border: none;
	margin: 5% auto; /* 15% from the top and centered */
    text-align: left;
	
	padding-bottom : 150px;
}

#modal-container-services h5{
	font-size: 14px;
	margin : 30px 0;
	text-transform: uppercase;
}

.process2 h5{
	margin : 25px 0 15px 0!important;
}

#modal-container-services ul{
	font-size: 14pt;
}


#modal-container-services ul{
	margin-bottom: 15px
	}

#modal-container-services li{
	font-family: "Lato";
	font-size: 14px;
}

.modal-title{
	font-family: "Lato Bold";
	font-size: 24pt;
	text-align: center;
	margin: 0 0 25px;
}

/************************************
**** Transition Banner **************
*************************************/

.banner{


}
.home-banner {
	padding-top: 250px;
	padding-bottom: 300px;
    background-repeat: no-repeat;
	background-image: url('../img/banner-home.jpg');
  	/*height: 300px;
  	width : 100%;*/
    background-attachment: fixed;
    background-size: cover;
    position: relative;
    -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	position: relative;
	z-index: -10
}

.banner-story{
	background-image: url('../img/green.jpg');
	width : 100%;
  	height : 250px;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    position: relative;
    -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}

.banner-generosity{
	background-image: url('../img/footer.jpg');
	
  	height : 250px;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;; 
    background-position: center;
    position: relative;
    -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}

.signature{
	position: absolute;
	bottom : 0;
	right : 0;
	padding-right: 10px;
}
#home
{
	position: relative
}
#home .signature {
	
}

.signature a{
	color : #fff;
	font-family:  'Lato Bold';
	text-transform: uppercase;
}

/************************************
**** Transition Banner **************
*************************************/

.transition {
	background-color: rgba(0, 0, 0, 0.8);
	color :white;
	text-align: center;
	margin : 0;
	color: white;
	height : 100px;
	box-shadow: 0px -10px 30px -10px #888888 ;
	z-index: 5
}

#generosity .transition{
	box-shadow: 0px 10px 30px -10px rgba(136,136,136,0.5);
    position: relative;
	background-color: #1f355a
}

.transition h1 {
	font-size: 28pt;
	font-family: "Lato";
	line-height: 100px;
	margin: 0;
}

.generosity-section-content img{
	
	width: 100%
}

/************************************
**** home ************************
*************************************/
#home .home-content{
	background-color: white;
	position:relative;
	z-index: -2
}

#citation {

	padding-top: 65px;
	font-family: "Lato Light";
	color : #3d3d3c;
	line-height: 40pt;
	/*font-size: 18pt;*/
	font-size: 22pt;
	padding-bottom: 20px;	
}

#citation-author{
	margin-top: 40px;
	font-family: "Lato";
	color : #3d3d3c;
	font-size: 16pt;
	float: left;
	padding-bottom : 50px;
}

/************************************
**** services ***********************
*************************************/

#services-solutions-processes {
	box-shadow: 0px -10px 30px -20px rgba(50,51,49,0.5) inset;
	padding-bottom: 50px;
	position: relative;
}

#services-solutions-processes  h1{

	color : #4a9fcd;
}

#services-solutions-processes p, li{
	font-family: "Lato";
	font-size: 14px;
}

.container-section li{
	padding : 0;
}
.container-section .graph{
	text-align: center;
	margin-bottom : 45px;
	position:relative;
}

.services-item{
	border-bottom : 1px solid #5594ca;
	color : #1d71b8;
	font-family: 'Lato Bold';
	font-size: 16px;
	padding :  0;
	line-height : 30px;
	vertical-align: baseline;
	margin-bottom: 15px;
}

.more-info{
	cursor : pointer;
	font-family: 'Lato Bold'!important;
	font-size: 14px!important;
	float : right!important;
	color : #1d71b8;
}

#processes .more-info{
	border-top: 1px solid  #1d71b8;
	width: 100%;
	text-align: right;
	padding-top: 10px;
}

#processes h4{
	margin-bottom: 30px;
	font-size : 18px;
	font-family: "Lato";
}

#processes .img-process{
	text-align: center;
	margin : 20px 0 20px 0;
}


#processes .img-process img{
	width: 100%
}

#solutions .services-item{
	border-bottom: none;
	border-top : 1px solid #5594ca;
}

#solutions h4{
	margin-top : 30px;
	margin-bottom: 20px;
}

#solutions li{
	line-height: 22pt;
}

.financial2 h5{
	margin-bottom: 5px!important;
}

.num{
	list-style-type: decimal;
}

.num li{
	margin-top: 20px
}

.process2 .num li{
	margin-top : 0;
}

.legal h5{
	margin-bottom: 5px!important;
}


.legal h6, .financial2 h6, .corporate h6{
	font-family: "Lato Bold";
	font-size: 18px;
}

.frame{
	border: solid #5fa8d0 2px;
	padding : 20px 0px 20px 20px;
}	


.processes h5{
	margin-bottom: 5px!important;
	margin-top: 40px!important;
}

/************************************
**** story **************************
*************************************/

#story {
	box-shadow: 0px -10px 30px -20px rgba(50,51,49,0.5) inset;
	text-align: center;
	padding-bottom: 50px;
}

#story .title-group h1
{
	font-size: 28pt;
	font-family: "Lato";
	margin : 0;
	word-spacing: 6px
}

#story .title-group
{
	padding : 50px 0 0 0;
}

#story p {
	font-size: 14px;
	text-align: left;
	font-family: "Lato";
	margin : 0 0 20px;
}

#story .p3 {
	font-family: "Lato";
	font-size: 18px;
	text-align: center;
	text-transform: uppercase;
}

#story .p4 {
	font-family: "Lato Bold Italic" ;
	font-size: 22px;
	text-align: center;
	padding-bottom: 25px;
}

#story .p4 span{
	font-family: "Lato Italic";
}

.timeline{
	margin-top : 30px;
}

/************************************
**** team ***************************
*************************************/
#team{
	box-shadow: 0px -10px 30px -20px rgba(50,51,49,0.5) inset;
	padding-top: 35px;
	padding-bottom: 70px;
	position: relative;
}

#team a{
	color: #000;
	text-decoration: none
}

#team .title-group h1{
	font-family: "Lato";
	font-size: 28pt;
	text-align: center;
	margin-top :10px;
	    margin-bottom: 10px;
}

 #team p{
 	padding-bottom: 10px
 }

#team h4{
	font-family: "Lato Bold";
	font-size: 16px;
}

#team .block-left h4{
	margin-top: 45px;
}

#team .block-left h5{
	margin: 0 0 25px;
	font-size: 14pt;
	font-weight: normal;
	font-family: "Lato";
}

#team .block-left p{
	margin:0;
}

#team .block-right h4{
	border-bottom : 1px solid black;
	margin-bottom: 5px
}

#team .block-right p{
	margin-bottom: 30px;
}

/***********************************
**** office ************************
************************************/
#office{
	box-shadow: 0px -10px 30px -20px rgba(50,51,49,0.5) inset;
	padding-top: 35px;
	padding-bottom: 70px;
}

#office .title-group h1{
	font-family: "Lato";
	font-size: 28pt;
	text-align: center;
	margin-top :10px;
}

#office p{
	margin-bottom: 30px;
}

#office img{
	float : left;
}

/************************************
**** work ***************************
*************************************/
#work{
	box-shadow: 0px -10px 30px -20px rgba(50,51,49,0.5) inset;
	padding-top: 35px;
	padding-bottom: 70px;

    background: rgba(255,255,255,0.8)
}

#work .title-group h1{
	font-family: "Lato";
	font-size: 28pt;
	text-align: center;
	margin-top :10px;
}

#work p{
	margin : 0;
}

#work h5{
	font-family:"Lato Bold";
	font-size: 16px;
	margin :  20px 0 20px;
}

#work a{
	 text-decoration: underline;
	 color : #3d3d3c;
}

.work-citation{
	margin-top: 50px;
	text-align: center;
}

.work-citation p{
	font-family: "Lato Light";
	font-size: 20px;
}

.work-citation .t{
	font-size: 26px;
}

.work-citation .translating{
	font-family: 'Lato Bold';
	font-size: 22px;
}

#work .phone{
	font-family: "Lato"
}

#work .phone-group{
	margin-top: 80px;
}

/************************************
**** values *************************
*************************************/

#values{
	box-shadow: 0px -10px 30px -20px rgba(50,51,49,0.5) inset;
	padding-top: 35px;
	padding-bottom: 70px;
	background: rgba(255,255,255,0.8);
}

#values .title-group h1{
	font-family: "Lato";
	font-size: 28pt;
	text-align: center;
	margin-top :10px;
}

#values .square-box{
	text-align: center
}

#values .square{
	text-align: left;
	width : 100px;
	height : 100px;
	display : inline-block;
	vertical-align: bottom;
	margin: 0 4px;
	padding : 5px;
}

#values .square .num{
		color :white;
	font-family: "Lato";
	font-size: 16pt;
}

#values .square p{
	color :white;
	font-family: "Lato";
	font-size: 8pt;
}

#values .square1{background : #c5d66c;}
#values .square2{background : #79c29e;}
#values .square3{background : #69c8f2;}
#values .square4{background : #1d6fb7;}
#values .square5{background : #003564;}

#values p{
	margin : 0;
	font-family: "Lato Light Italic";
	font-size: 16px;
}

#values h5{
	font-family: "Lato Bold";
	font-size: 16pt;
	margin : 25px 0 20px;
}

#values .cita{
	font-family: "Lato Light";
	font-size: 22px;
	margin-top: 30px;
	text-align: center
}

.cita span{
	font-size: 22px;
}

#values .author-cita{
	margin-top: 40px;
	text-align: left;
	font-family: "Lato";
	font-size: 16px;
}

/************************************
**** generosity *********************
*************************************/
#generosity{
	box-shadow: 0px -10px 30px -20px rgba(50,51,49,0.5) inset;
	padding-bottom: 20px;
	position: relative;
}

#generosity .title-group h1{
	font-family: "Lato";
	font-size: 28pt;
	text-align: center;
	margin : 0px 0 10px 0;
}

#generosity .title-group {
	margin-top :35px;
}

#generosity a{
	color : #3d3d3c;
}

#generosity .block-left p{
	margin-top:25px;
}

/************************************
**** footer **************************
*************************************/

footer {
	padding-top : 30px;
	text-align: center;
	color : #ffffff;
    background-color: #000000 ;
    line-height: 20px;
    padding-bottom: 20px;
    letter-spacing: 1px;
}

footer p {
	font-size: 10px;
    color : #b8afaf;
}

footer a{
    color : #ffffff;
    font-weight: bold;
    text-transform: uppercase;
}
/************************************
**** contact ************************
*************************************/

#contact {
	box-shadow: 0px -10px 30px -10px #888888 ;
	background-color: #000000;
	height : 168px;
}

#contact h4 {
	color : #aac659;
	margin-top : 0;
	margin-bottom : 0;
}

#contact h4 {
	display: inline-block;
	text-align: center;
	line-height: 168px;
	font-size: 18px;
}

#contact span, #contact h4{
	font-family: "Lato";
}

#contact span {  
	color : #fff;
}

#contact a{
	text-decoration: none;
	color :white;
}

#contact a:hover{
	text-decoration: underline;
}

#contact .phone-container{
    margin-top: -10px;
}

#contact .phone-container span{
    font-size: 14px;
	letter-spacing: 1px;
}

#contact .col-xs-12{
	text-align: center;
}

#contact .logo-container h4{
	line-height:normal;
}

#contact .logo-container img{
	height:120px;
}
	/***********************************
    ****** Logo2 ***********************
    ***********************************/
.container{
	position: relative;
}

.logogo{
	position: relative;
	width: 50%;
	display: none;
}

.logo2{
	position: absolute;
	z-index: 0
}

.logo2-home{	
	bottom : -47px;
	right : -20px;
	z-index: -1;
	width: 29%;
}

.logo2-service{
	bottom : -100px;
	right : -20px; 
	width: 30%;
	z-index: -1;
}

.logo2-work{
	 bottom: -100px;
    right: -20px;
    width: 30%;
    z-index: -1;

}

.logo2-modal{
	display: none;
	bottom : 100px;
	right : 0; 
}

/***** bx slider **/
.bx-wrapper{
    box-shadow: none;
    background: none;
    border:none;
}

.bx-wrapper img{
	display: inline!important
}

.bx-wrapper {
	margin :0 auto
}

.arrow{
	cursor:pointer;
	position : absolute;
	top : 0;
}

.disabled{
	display: none
}