/*
  	Flaticon icon font: Flaticon
  	Creation date: 12/07/2019 10:45
  	*/

@font-face {
  font-family: "Flaticon";
  src: url("./Flaticon.eot");
  src: url("./Flaticon.eot?#iefix") format("embedded-opentype"),
       url("./Flaticon.woff2") format("woff2"),
       url("./Flaticon.woff") format("woff"),
       url("./Flaticon.ttf") format("truetype"),
       url("./Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("./Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
  font-family: Flaticon;
        font-size: 18px;
font-style: normal;
    margin: 0 5px;
}

.flaticon-facebook-logo:before { content: "\f100"; }
.flaticon-vk-social-network-logo:before { content: "\f101"; }
.flaticon-twitter-logo-silhouette:before { content: "\f102"; }
.flaticon-youtube:before { content: "\f103"; }
.flaticon-instagram:before { content: "\f104"; }
i:before {
    color: rgb(64, 179, 224);
    border: 1px solid #126a90;
	border-radius: 100%;
	padding: 6px;
	    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
}
i:hover:before {
	color: #57bdbb;
	border: 1px solid #57bdbb;
}

#footer .flaticon-facebook-logo:before{
  color:#3b589e;  
  background:#fff;
}
#footer .flaticon-vk-social-network-logo:before {
    color:#5281b7;  
  background:#fff;
}
#footer .flaticon-twitter-logo-silhouette:before{
      color:#1da1f3;  
  background:#fff; 
}
#footer .flaticon-youtube:before{
      color:#ff0000;  
  background:#fff; 
}
#footer .flaticon-instagram:before {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f3e5b9+0,fe2073+50,2569fd+100 */
background: #f3e5b9; /* Old browsers */
background: -moz-linear-gradient(45deg,  #f3e5b9 0%, #fe2073 50%, #2569fd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #f3e5b9 0%,#fe2073 50%,#2569fd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  #f3e5b9 0%,#fe2073 50%,#2569fd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3e5b9', endColorstr='#2569fd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  color: #fff;
}

  div.container a.soc_top svg {
    fill: #57bdbb;
    width: 22px;
    height: 22px;
    padding: 4px;
    border-radius: 100%;
    border: 1px solid #126a90;
    margin-bottom: -4px;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
    margin: 0 5px -3px 5px;
  }
  div.container a.soc_top:last-child svg {
     margin: 0 0px -3px 5px;
  }
    div.container a.soc_top svg:hover {
	color: #57bdbb;
	border: 1px solid #57bdbb;
  }
  div.soc-icon-flex, .footer_soc {
     display: flex;
  align-items: center;
  justify-content: center;
  }
  div.container div.footer_soc a.soc_top svg {
  fill: rgb(44, 48, 54);
  background: #fff;
  }
    div.container div.footer_soc a.soc_top svg:hover {
	fill: #29b6f6;
	border: 1px solid #29b6f6;
  }
  @media (max-width: 767px) {
      div.container a.soc_top svg, div.container a.soc_top:last-child svg {
    width: 16px;
    height: 17px;
    margin: 0 5px -5px 5px;
  }
  }