/* FOOTER 
/////////////////////////////////////////////////////// */

.footer { 
	width: 100%;
	margin: 0 auto;
    padding-bottom: 3em;
	background: #FFF;
	position: relative;
	float: left;
    z-index: 9; }

/* FOOTER 
/////////////////////////////////////////////////////// */

.column-footer { 
	width: 100%;
	height: auto;
    display: grid;
    padding-top: 4em;
	position: relative;
	float: left; }

.column-footer a {
    align-self: center;
    justify-self: center; }

.column-footer:nth-child(1) img {
    width: 220px;
	max-width:260px; }

.column-footer:nth-child(2) img {
    width: 260px;
	max-width: 120px; }

.column-footer:nth-child(3) img {
    width: 260px;
	max-width: 85%; }

.column-footer:nth-child(5) {
	display: none; }

.column-footer img:hover {
	opacity: 0.5; }

/* SOCIAL
/////////////////////////////////////////////////////// */

ul.social {
	width: 100%;
    align-self: center;
    justify-self: center;
    text-align: center;
	position: relative;
	float: left; }

.social li {
	width: auto;
	display: inline-block;
    position: relative; }

.social a {
    width: 100%;
    font-family: 'FontAwesome';
	font-weight: 400;
	font-size: 20px; 
	line-height: 0;
    margin-right: 20px;
	padding: 10px 10px;
    text-align: center;
	position: relative;
	float: left; }

.social li:last-child a {
	margin-right: 0; }

.social a:hover {
	opacity: 0.5; }

.vimeo::before     {content: "\f27d";}
.twitter::before   {content: "\f099";}
.instagram::before {content: "\f16d";}
.facebook::before  {content: "\f39e";}
.mailchimp::before {content: "\f59e";}

/* FOOTER 
/////////////////////////////////////////////////////// */

.scrolltop {
    width: auto;
    font-weight: 500;
    font-size: 3vw;
    line-height: 1em;
    text-align: center;
    color: #000;
    margin-right: 60px;
    margin-bottom: 20px;
	position: relative;
    float: right;
    cursor: pointer;
    z-index: 9999999; }

.scrolltop:hover {
	color: #CCC; }

.email {
    unicode-bidi: bidi-override;
    direction: rtl; }

/* LEGAL
/////////////////////////////////////////////////////// */

ul.legal { 
	width: 100%;
    height: auto;
    text-align: center;
    margin-top: 1em;
	background: #000;
	position: relative;
	float: left; }

.legal li {
	width: 100%;
    position: relative;
    float: left;}

.legal li:nth-child(1) {
	padding-top: 20px;}

.legal li:nth-child(2) {
	padding: 5px 0;}

.legal li:nth-child(3) {
	padding-bottom: 20px;}

.legal a {
    width: 100%;
	font-weight: 700;
	font-size: 10px; 
	line-height: 0.04em;
	padding: 14px 0;
    text-align: center;
    color: #FFF;
	position: relative;
	float: left; }

.legal a:hover {
    color: #FF8dEF;}

/* RESPON 700
/////////////////////////////////////////////////////// */
@media (min-width: 700px){
    
    .footer {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding-bottom: 2em; }
    
    .column-footer { 
    padding-top: 2em; }
    
	.column-footer:nth-child(1) img {
	max-width: 220px; }

	.column-footer:nth-child(2) img {
	max-width: 120px; }

	.column-footer:nth-child(3) img {
	max-width: 85%; }
    
    ul.legal { 
    line-height: 18px;}
    
    .legal li {
	width: auto;
	display: inline-block;
    margin-right: 20px;
    float: none;}

    .legal li:last-child {
	margin: 0;}
    
    .legal li:nth-child(1),
    .legal li:nth-child(2),
    .legal li:nth-child(3) {
	padding: 0;}
    
} /* FI */

/* RESPON 1000
/////////////////////////////////////////////////////// */
@media (min-width: 1000px){
    
    .footer {
    padding-bottom: 0;
    grid-template-columns: repeat(12, 1fr); }
    
    .column-footer {
    padding: 2em 0; }
    
    .column-footer:nth-child(1) {
    grid-column: 1 / 3; }

    .column-footer:nth-child(2) {
    grid-column: 3 / 6; }
	
    .column-footer:nth-child(3) {
    grid-column: 6 / 9; }
	
    .column-footer:nth-child(4) {
    grid-column: 9 / 13; }
    
	.column-footer:nth-child(1) img {
	max-width: 90%; }

	.column-footer:nth-child(2) img {
	max-width: 34%; }

	.column-footer:nth-child(3) img {
	max-width: 75%; }
    
    .social a {
	font-size: 15px; 
    margin-right: 10px; }

} /* FI */ 

/* RESPON 1200
/////////////////////////////////////////////////////// */
@media (min-width: 1200px){
    
    .footer {
    grid-template-columns: repeat(12, 1fr); }
    
    .column-footer {
    padding: 30px 0; }
    
    .column-footer:nth-child(1) {
    grid-column: 1 / 3; }

    .column-footer:nth-child(2) {
    grid-column: 3 / 6; }
	
    .column-footer:nth-child(3) {
    grid-column: 6 / 9; }
	
    .column-footer:nth-child(4) {
    grid-column: 9 / 12; }
    
    .column-footer:nth-child(5) {
    grid-column: 12 / 13;
    display: block; }
            
	.column-footer:nth-child(1) img {
	max-width: 70%; }

	.column-footer:nth-child(2) img {
	max-width: 34%; }

	.column-footer:nth-child(3) img {
	max-width: 75%; }
    
    .social a {
	font-size: 15px; 
    margin-right: 10px; }

} /* FI */ 

/* RESPON 1600
/////////////////////////////////////////////////////// */
@media (min-width: 1600px){
    
    .column-footer {
    padding: 20px; }
    
	.column-footer:nth-child(1) img {
	max-width: 95%; }

	.column-footer:nth-child(2) img {
	max-width: 45%; }

	.column-footer:nth-child(3) img {
	max-width: 100%; }
    
} /* FI */ 

/* RESPON 1920
/////////////////////////////////////////////////////// */
@media (min-width: 1920px){
    
	.column-footer:nth-child(1) img {
	max-width: 85%; }

	.column-footer:nth-child(2) img {
	max-width: 40%; }

	.column-footer:nth-child(3) img {
	max-width: 100%; }
    
    .social a {
	font-size: 20px; 
    margin-right: 30px; }
	
} /* FI */ 

/* RESPON 2560
/////////////////////////////////////////////////////// */
@media (min-width: 2500px){
    
    .column-footer {
    padding: 30px; }
    
	.column-footer:nth-child(1) img {
	max-width: 100%; }

	.column-footer:nth-child(2) img {
	max-width: 55%; }

	.column-footer:nth-child(3) img {
	width: 400px;
    max-width: 400px; }
    
    .social a {
    font-size: 24px;
    margin-right: 40px; }
	
} /* FI */ 

/* STYLE
/////////////////////////////////////////////////////// */