/*
**
*/

.center{
	text-align: center;
}

.no-padding{
	padding: 0px
}

.row{
	margin: 0px;
}

.accordion .animated-icon1 span {
      background: #F44336;
    }

    /* Icon 1 */

.animated-icon1,
.animated-icon2,
.animated-icon3 {
  width: 30px;
  height: 20px;
  position: relative;
  margin: 0px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

.animated-icon1 span,
.animated-icon2 span,
.animated-icon3 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.animated-icon1 span {
  background: #2b3c98;
}

.animated-icon2 span {
  background: #e3f2fd;
}

.animated-icon3 span {
  background: #f3e5f5;
}

.animated-icon1 span:nth-child(1) {
  top: 0px;
}

.animated-icon1 span:nth-child(2) {
  top: 10px;
}

.animated-icon1 span:nth-child(3) {
  top: 20px;
}

.animated-icon1.open span:nth-child(1) {
  top: 11px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

.animated-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

.animated-icon1.open span:nth-child(3) {
  top: 11px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/* Icon 3*/

.animated-icon2 span:nth-child(1) {
  top: 0px;
}

.animated-icon2 span:nth-child(2),
.animated-icon2 span:nth-child(3) {
  top: 10px;
}

.animated-icon2 span:nth-child(4) {
  top: 20px;
}

.animated-icon2.open span:nth-child(1) {
  top: 11px;
  width: 0%;
  left: 50%;
}

.animated-icon2.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.animated-icon2.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.animated-icon2.open span:nth-child(4) {
  top: 11px;
  width: 0%;
  left: 50%;
}

/* Icon 4 */

.animated-icon3 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.animated-icon3 span:nth-child(2) {
  top: 10px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.animated-icon3 span:nth-child(3) {
  top: 20px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.animated-icon3.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0px;
  left: 8px;
}

.animated-icon3.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

.animated-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 21px;
  left: 8px;
}

.accordion.accordion-3 {
  border-radius: 3px;
}

.accordion.accordion-3 p {
  font-size: 1rem;
}

.accordion.accordion-3 .fa.fa-angle-down {
  margin-top: -10px;
}


.menu-desk{
	display: block;
}

.menu-mobile{
	display: none;
}

.padding-menu{
	padding: 20px 0px;
}

.langue{
	margin-top: 5px;
}

.langue a{
	color: #2c3f96;
	font-size: 20px;
	padding: 0px 10px;
}

.langue a:hover{
	text-decoration: none;
}

.phone{
	background-color: #dadada;
    border: 2px solid #dadada;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    font-size: 26px;
    padding: 1px 20px;
    color: #2c3f96;
    margin-right: -5px;
}

.number{
	background-color: #fff;
    border: 2px solid #dadada;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    font-size: 25px;
    padding: 2px 20px;
    color: #2c3f96;
}

.menus{
	background-color: #2c3f96;
	padding: 10px 0px;
	text-align: center;
}

.navbar{
    box-shadow: none;
}

.dropdown-menu{
    border-radius: 0rem;
    margin: 0.5rem 0 0;
}

.menus div a{
	color: #fff;
	font-size: 17px;
	padding: 0px 15px;
	text-transform: uppercase;
}

.menus div a:hover{
	text-decoration: none;
}

.bordermenu{
	border-right: 2px solid #f7d836;
}

.bg-light {
    background-color: transparent !important;
}

.collapse > ul{
	margin: auto !important;
}

.navbar-light .navbar-nav .nav-link{
	color: #fff !important;
}

.navbar-light .navbar-nav .active > .nav-link{
	color: #fff !important;
}

.navbar-light .navbar-nav .nav-link:hover{
	color: #f7da13 !important;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .8rem;
    padding-left: .8rem;
    font-size: 18px;
}

.dropdown-menu{
	background-color: #fff !important;
	    padding: 2.5rem 20rem;
}

.dropdown-item{
	padding: .5rem 1.5rem !important;
	color: #2c3f96 !important;
	font-size: 17px;
	text-transform: inherit !important;
}

.dropdown-item:hover{
	background-color: transparent !important;
	color: #2c3f96 !important;
}

.dropbtn {

}

.dropdown {
  	position: relative;
  	display: inline-block;
}

.dropdown-content {
  	display: none;
  	position: absolute;
  	background-color: #fff;
  	min-width: 100%;
  	z-index: 1;
  	text-align: left;
  	padding: 15px 0px;
}

.dropdown-content a {
  	color: black;
  	text-decoration: none;
  	display: block;
}

.dropdown-content a:hover, .dropdown-content a:focus {
	background-color: transparent;
}

.dropdown:hover .dropdown-content {
	display: block;
}

.dropdown .dropdown-menu .dropdown-item:hover{
    color: #2c3f96 !important;
    box-shadow: none;
}

.carousel-control-next, .carousel-control-prev {
    opacity: 1;
}

.col-lg-1, .col-md-1, .col-sm-1, .col-xs-1,
.col-lg-2, .col-md-2, .col-sm-2, .col-xs-2,
.col-lg-3, .col-md-3, .col-sm-3, .col-xs-3,
.col-lg-4, .col-md-4, .col-sm-4, .col-xs-4,
.col-lg-5, .col-md-5, .col-sm-5, .col-xs-5,
.col-lg-6, .col-md-6, .col-sm-6, .col-xs-6,
.col-lg-7, .col-md-7, .col-sm-7, .col-xs-7,
.col-lg-8, .col-md-8, .col-sm-8, .col-xs-8,
.col-lg-9, .col-md-9, .col-sm-9, .col-xs-9,
.col-lg-10, .col-md-10, .col-sm-10, .col-xs-10,
.col-lg-11, .col-md-11, .col-sm-11, .col-xs-11,
.col-lg-12, .col-md-12, .col-sm-12, .col-xs-12{
	float: left;
}

.col-xs-2{
	width:16.66666667%;
}

.col-xs-10{
	width:83.33333333%;
}

@media (max-width: 1024px){
    .number {
        font-size: 15px;
        padding: 1px 5px;
    }
    
    .phone {
        font-size: 15px;
        padding: 1px 10px;
    }
}

@media (max-width: 812px){
    
    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

	.menu-desk{
		display: none;
	}

	.menu-mobile{
		display: block;
	}
	
	.langue a {
        color: #fff;
	}

	.navbar{
		background-color: #fff;
		padding: 15px 0px;
	}

	.navbar-brand{
		margin-right: 20rem;
		padding-left: 10px;
	}

	.navbar-brand img{
		width: 80%;
	}
	
	.navbar .navbar-brand img {
        height: auto;
    }

	.navbar-light .navbar-toggler{
		position: absolute;
		right: 0;
		top: 30px;
	}

	.navbar-light .navbar-toggler{
	    color: #2c3f96;
	    border-color: #2c3f96;
	}

	.navbar-light .navbar-toggler:focus{
		color: #2c3f96;
	}

	.navbar-nav{
		padding-top: 20px;
		padding-left: 10px;
	}

	.nav-link{
		text-transform: uppercase;
		color: #2c3f96 !important;
	}

	.langue{
		margin-bottom: 20px;
	}
	
	.phone {
        background-color: #dadada;
        border: 2px solid #dadada;
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;
        font-size: 26px;
        padding: 1px 20px;
        color: #2c3f96;
        margin-right: -5px;
    }
    
    .number {
        background-color: #fff;
        border: 2px solid #dadada;
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
        font-size: 25px;
        padding: 2px 20px;
        color: #2c3f96;
    }
	
	.navbar-collapse{
	    background-color: #2b3c98;
        margin-top: 20px;
        padding-bottom: 40px;
        margin-bottom: -15px;
	}
	
	.dropdown-menu {
        background-color: #fff !important;
        border: 0px;
        padding: 0.5rem 0rem;
    }
}

@media (max-width: 768px){
	
}

@media (max-width: 740px){

}

@media (max-width: 840px){
	
}

@media (max-width: 320px){
}

@media (max-width: 480px){

	.navbar-brand{
		margin-right: 5rem;
		padding-left: 10px;
	}

	.navbar-light .navbar-toggler{
		position: absolute;
		right: 0;
		top: 23px;
	}
    
    .col-sm-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
	
}