/* -------------------------------------- */
/* --- socials-ua.css ------------------- */
/* -------------------------------------- */

/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* --------------- MEDIAQUERIES ----------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */

/* ------ Section SOCIAL-UA */

.social-banner{background:#EF5E04;padding-bottom: 40px;}
.social-banner h3{
	color:#FFF;
	font-size:36px;
	padding:40px 0px 10px 0px;
	text-align:center;
	margin:0;
}
.social-banner h5{
	font-family : "OpenSans-Regular";
	color:#FFF;
	text-align:center;
	margin:30px;
}
.social-banner ul{
	list-style-type:none;
	margin:0 auto;
	width:480px;
	padding:0px;
	display:flex;
	justify-content:space-evenly;
}
.social-banner ul li{
	width:80px;
	height:80px;
	float:left;
	margin:0px 20px;
}
.social-banner ul li a{display:block;width:80px;height:80px;}
.social-banner ul li a.social-facebook-ua,.social-banner ul li a.social-twitter-ua,
.social-banner ul li a.social-pinterest-ua,.social-banner ul li a.social-instagram-ua{
	background-repeat:no-repeat;transition: all 0.8s ease 0s;border-radius:100%;
}
.social-banner ul li a.social-facebook-ua{background-image:url(../img/icon-facebook.svg);}
.social-banner ul li a.social-twitter-ua{background-image:url(../img/icon-twittter.svg);}
.social-banner ul li a.social-pinterest-ua{background-image:url(../img/icon-pinterest.svg);}
.social-banner ul li a.social-instagram-ua{background-image:url(../img/icon-instagram.svg);}
.social-banner ul li a.social-facebook-ua:hover, .social-banner ul li a.social-twitter-ua:hover,
.social-banner ul li a.social-pinterest-ua:hover, .social-banner ul li a.social-instagram-ua:hover{
	-webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.9);
	-moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.9);
	transition: all 0.8s ease 0s;
}
.social-banner ul li a.social-facebook-ua:hover{background-image:url(../img/icon-facebook-hover.svg);}
.social-banner ul li a.social-twitter-ua:hover{background-image:url(../img/icon-twittter-hover.svg);}
.social-banner ul li a.social-pinterest-ua:hover{background-image:url(../img/icon-pinterest-hover.svg);}
.social-banner ul li a.social-instagram-ua:hover{background-image:url(../img/icon-instagram-hover.svg);}


@media screen and (min-width:1170px) and (max-width:1400px){   /*-----------------------------------------------------------------*/


}



@media screen and (min-width:1024px) and (max-width:1200px){   /*-----------------------------------------------------------------*/

}




@media screen and (min-width:1024px) and (max-width:1169px){   /*-----------------------------------------------------------------*/
   
    .social-banner h3{font-size:30px;}
	.social-banner h5{margin:0px;margin-bottom:20px;}
	.social-banner ul li{width:60px;height:60px;}
	.social-banner ul li a{width:60px;height:60px;}	
}




@media screen and (min-width:961px) and (max-width:1440px){   /*-----------------------------------------------------------------*/
    
}





@media screen and (min-width:769px) and (max-width:960px){   /*-----------------------------------------------------------------*/
    
}




@media screen and (min-width:769px) and (max-width:1023px){   /*-----------------------------------------------------------------*/
   
    .social-banner h3{font-size:34px;}
	.social-banner h5{margin:0px;margin-bottom:20px;}
	.social-banner ul li{width:60px;height:60px;}
	.social-banner ul li a{width:60px;height:60px;}
}  




@media screen and (min-width:601px) and (max-width:768px){   /*-----------------------------------------------------------------*/
   	
    .social-banner h3{font-size:1.75em;padding:40px 10px;}
	.social-banner h5{margin:0px;margin-bottom:20px;}
	.social-banner ul{width:100%;}
	.social-banner ul li{width:60px;height:60px;}
	.social-banner ul li a{width:60px;height:60px;}
}   




@media screen and (min-width:481px) and (max-width:600px){   /*-----------------------------------------------------------------*/

}   



@media screen and (max-width:480px){   /*-----------------------------------------------------------------*/

    .social-banner h3{font-size:1.75em;padding:20px 10px;}
	.social-banner h5{margin:0px;margin-bottom:20px;font-size:0.9em;}
	.social-banner ul{width:100%;}
	.social-banner ul li{width:60px;height:60px;}
	.social-banner ul li a{width:60px;height:60px;}
}