@charset "UTF-8";

/*
 Mailing list form
 */

.footer .mailing-list{
 padding: 40px 20px;
 text-align: center
}

.footer .mailing-list form{
 display: inline-block
}

.footer .mailing-list form .row>.col-1{
 margin-top: 20px
}

.footer .mailing-list form .inp, .footer .mailing-list form .inp input{
 width: 100%
}

@media ( min-width: 768px ){

 .footer .mailing-list form .inp input{
  min-width: 333px;
  max-width: 444px
 }
 
}

.footer .mailing-list .form-message>span{
 margin-top: 14px	
}


/*
 Footer menu
 */
 
.footer .footer-menu{
 padding-bottom: 40px
}

.footer .footer-menu>.container>.row>div{
 margin-top: 40px
}

.footer .footer-menu .list-or-select-toggle .menu-item+.menu-item{
 padding-left: 50px
}

.footer .footer-menu .list-or-select-toggle .menu-item .menu-list-heading span{
 font-weight: 700
}

.footer .footer-menu .list-or-select-toggle .menu-item a{
 text-decoration: none
}

.footer .footer-menu .list-or-select-toggle select{
 width: 100%;
 max-width: 300px
}

@media ( min-width: 576px ){

 .footer .footer-menu .row>div.col-contact .wys{
  max-width: 300px	 
 }

}

@media ( min-width: 1200px ){

 .footer .footer-menu .row>div.col-qrcode{
  padding-left: 40px
 }
 
}


/*
 Fin
 */


.footer .Fin{
 padding-top: 40px;
 padding-bottom: 40px
}
.footer ul.social{
 font-size: 0
}
.footer ul.social li{
 display: inline-block
}
.footer ul.social li+li{
 margin-left: 20px     
}
.footer ul.social a{
 display: block;
 width: 50px;
 height: 50px;
 background-color: #BCE0FD;
 background-repeat: no-repeat; 
 background-position: center
}
.footer ul.social a svg path{
 fill: #fff
}
.footer ul.social a.linkedin{
 background-color: #0077b5
} 
.footer ul.social a.linkedin:hover{
 background-color: #00669c
}
.footer ul.social a.facebook{
 background-color: #3b5998
} 
.footer ul.social a.facebook:hover{
 background-color: #2d4373
}
.footer ul.social a.twitter{
 background-color: #1da1f2
} 
.footer ul.social a.twitter:hover{
 background-color: #0966a0
}
.footer ul.social a.instagram{
 background-color: #C13584
} 
.footer ul.social a.instagram:hover{
 background-color: #992a69
}

/*
 Mixed
 */
 
@media ( max-width: 575px ){
	
 .footer{
  text-align: center 
 }
	
}
 
@media ( max-width: 991px ){

 .footer .Fin{
  text-align: center 
 }

 .footer ul.social{
  display: table;
  margin-left: auto;
  margin-right: auto
 }

 .Fin .col-1+.col-1{
  padding-top: 40px;
  text-align: center
 }

 
	
}