html {
    /* overflow-y:scroll!important */
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing:grayscale
}

body {
    /* background-color:#fff; */
    /* background-image: url(/images/bg.jpg);  */
     background-repeat: no-repeat;
    background-position: center 0;
    background-size: cover; 
    font-family:Montserrat,sans-serif;
    font-size:15px;
    font-weight:500;
    margin: 0;
}
.container {
    /* width: 100%; */
    max-width: 1170px;
    margin: 0px auto;
    padding: 2em 1em;
}
header {
    text-align: center;
    display: none;
}
.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    transition: all .3s ease;
    opacity: .95;
    background-color: white;
    padding:0;
    animation: pulse 1s;
}


#flg-logo{
    width: 36px;
    margin-right: 10px;
    
}
div .logo {
    font-size: 1.375em;
    color:#24282e;
    font-weight: 700;
    text-decoration: none;
    /* text-align: center; */
    display: flex;
    align-items: center;
}
.sticky>.logo>#flg-logo{
    width: 32px;
    animation: logoAnim 1s;
}
nav{
    margin: 2em auto 0;
    max-width: 700px;
}
nav ul {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
}
nav ul li {
    list-style: none;
}
nav ul li a {
    font-size: 1.25em;
    color:#08104d;
    font-weight: 700;
    text-decoration: none;

}

.unit a {
    /* font-size: 1.25em; */
    color:#ff4b36;
    /* font-weight: 700; */
    /* text-decoration: none; */

}
a:hover,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
p a:hover {
 color:#ff4b36
}
a.active {
 color:#ff4b36
}

main {
    display: flex;
    flex-flow: column;
    margin: 0 auto;
    /* height: 90vh; */
}
#about {
    /* height: 100vh; */
    display: flex;
    flex-direction: column;
     /* margin: auto 0; */
    /* vertical-align: middle; */
}
#about > .container{
    /* background: #ff4b36; */
    /* margin: auto; */
}
.content-aligment-left {
    text-align:left
}
.content-aligment-center {
    text-align:center
}
.content-aligment-right {
    text-align:right
}
.hero {
    text-align: center;
}

h1, h2, h3, h4, h5, h6 {
    color:#08104d;
    /* margin: 25px 0; */
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}
div .follow-us{
    display: flex;
}
.hvr-grow-mini.force-hover, .hvr-grow-mini:active, .hvr-grow-mini:focus, .hvr-grow-mini:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.hvr-grow, .hvr-grow-mini {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.hero h1 {
    font-size: 2em;
    font-weight: 700;
    margin: 1em 0 0 0;
    color:#08104d;
}
.button-group{
    display: flex;
    flex-direction: column;
}

.button-group:hover{
    /* -webkit-transform: scale(1.05);
    transform: scale(1.05);   */
    /* animation: buttonscale 1s; */
}
a#button1:hover,a#button2:hover{
    /* animation: buttonscale .5s infinite; */
}

.foo1 {
    width: 388px;
    height: 231px;
    background: url('../images/mruleta.png') no-repeat;
    position: relative;
}
.foo2 {
    width: 388px;
    height: 231px;
    background: url('../images/mkenogold.png') no-repeat;
    position: relative;
}
.foo3 {
    width: 388px;
    height: 231px;
    background: url('../images/mkeno.png') no-repeat;
    position: relative;
}
.foo4 {
    width: 388px;
    height: 231px;
    background: url('../images/mdogs.png') no-repeat;
    position: relative;
}
.foo5 {
    width: 388px;
    height: 231px;
    background: url('../images/mgallos.png') no-repeat;
    position: relative;
}
.bar {
    width: 370px;
    height: 220px;
    position: absolute;
    left: 9px;
    top: 10px;
}

/* .hero p::before{
    content: "";
    display: block;
    width: 120px;
    border: 2px solid #08104d;
    margin: 1em auto;
} */
.hero p {
    font-size: 1.2em;
    font-weight: 600;
    max-width: 500px;
    line-height: 1.8em;
    margin: 2em auto;
    color:#666a80;
}
p {
    /* font-size: 1.2em;
    font-weight: 600;
    max-width: 500px;
    line-height: 1.8em;
    margin: 2em auto; */
    color:#666a80;
}
.hero a {
    background: #ff4b36;
    padding: 1em 3em;
    /* border-radius: 50px; */
    border-radius: 10px;
    padding: 20px 38px;
    cursor: pointer;
    color: white;
    text-decoration: none;
    font-family: inherit;
    /* font-size: 14px; */
    line-height: 1em;
    letter-spacing: .03em;
    font-size: 1.375em;
    font-weight: 700;
}
#button2 {
    background: #08104d;
    margin: 10px;
    font-size: 1em;
}
#button1 {
    background: #ff4b36;
    margin: 10px;
    font-size: 1em;

}

#button1:before {
    font: bold normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing:grayscale;
    margin-right: 5px;
    content: "\f0c7";
}
#button2:before {
        font: bold normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing:grayscale;
        margin-right: 5px;
        content: "\f0c7";
}
figure {
    text-align: center;
    position: relative;
    
}
.main-video {
    width: 370px;
    height: 220px;
    position: absolute;
    left: 0;
    top: 12px;
    background: url(../images/mac2.png) no-repeat center;
}
.main-video-bg  {
    width: 369px;
    height: 232px;
    /* background: url(images/3gold.jpg) no-repeat; */
    background-color: black;
    position: absolute;
    left: 78px;
    top: 44px;
}

figure img {
    /* margin: 2em auto 0; */
    width: 534px;
    padding-bottom: 0;
}
.top4-video{
    zoom: 1.2;
}
.parallax {
    background-image: url(../images/bg.jpg);
    /* z-index:100; */
    /* margin-top: -100px; */
    /* height: 100%;  */
    position: sticky;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
/* Turn off parallax scrolling for all tablets and phones. Increase/decrease the pixels if needed */
/* @media only screen and (max-device-width: 1366px) {
    .parallax {
      background-attachment: scroll;
    } */
/* } */
#benefits{
    padding-bottom: 80px;
}

.benefits{
    display: flex;
    justify-content: space-between;
}
.benefits .unit {
    width: 25%;
    padding: 0 10px;
 
}

#games .unit {
        margin: 10px auto; 
}


.top4{
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    /* justify-content: space-between; */
}
.top4 .unit{
    padding: 0 10px;
    /* width: 50%; */
    margin-left: auto;
    /* align-self: center; */
    /* align-items: center;
    justify-content: center; */
    text-align: justify;
}
.top4 .unit div{
    margin-left: auto;
} 

.list-raw{
    display: flex;
    /* height: 25px; */
}
.list-raw p{
    margin: 0 5px;
}

#svg13 path, #svg13 circle, #svg13 polygon, #svg13 rect { fill: rgb(203, 217, 231) } #svg13 defs > path { fill: none }  #svg13 path[fill="none"], #svg13 circle[fill="none"], #svg13 polygon[fill="none"], #svg13 rect[fill="none"] { fill: none } 

#svg13 .st0{fill:rgb(203, 217, 231);} 

.top4 .unit h4{
    color: #ff4b36;
    margin-top: 0;
    margin-bottom: 10px;
}
.top4 .unit h3{
    /* color: #ff4b36; */
    margin-top: 0;
    margin-bottom: 10px;
}
.top4 .unit p{
    margin-top: 0;
}

#downloads{
    padding: 80px;
}
div.downloads{
    display: flex;
    justify-content: space-between;
}
.downloads .unit {
    width: 33.333%;
    padding: 0 10px;
    display: flex;
}
div .contacts{
    background-color:#040826;
    /* justify-content: space-between; */
    display: flex;
    flex-direction: row;
    padding: 0 20px;
    justify-content: center;
}

section.contacts{
    background-color:#040826;
    display: flex;
    flex-direction: column;
    padding-top: 80px;
    padding-bottom: 80px;
}
.contacts h2, .contacts h3,.contacts h1{
    color:white;
}
footer{
    background-color:#040826;
    justify-content: space-between;
    padding-bottom: 20px;
    /* margin: 10; */
}
footer h2{
    color:white;
}
footer p{
    margin: 0;
}

.soc-icon a{
    display: inline-block;
    background-image: none;
    font: normal normal normal .8em/1.26 FontAwesome;
    text-decoration: none;
    text-align: center;
    color: #fff;
    }

svg.svgicon {
    /* width: 100%;
    height: 100%;
    position: absolute; */
    top: 0;
    left: 0;
    height:80px
}
.list-raw svg.svgicon {
    /* width: 100%;
    height: 100%;
    position: absolute; */
    top: 0;
    left: 0;
    height:20px
}
.separatorbottom {
    bottom: 0;
}
.separate-section {
    background-color: #08104d;
    padding-top: 80px;
    padding-bottom: 80px;
    /* color: #FFF; */
}


.arrow-7 {
    /* margin: 30px; */
    margin: 20px auto;
    display: none;
}
.arrow-7 span {
    display: block;
    width: 30px;
    height: 30px;
    border-bottom: 5px solid #666a80;
    border-right: 5px solid #666a80;
    transform: rotate(45deg);
    margin: -16px;
    animation: arrow-7 2s infinite;
}
.arrow-7 span:nth-child(2){
    animation-delay: -0.2s;
}
.arrow-7 span:nth-child(3){
    animation-delay: -0.4s;
}
@keyframes arrow-7 {
    0%{
        opacity: 0;
        transform: rotate(45deg) translate(-20px,-20px);
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
        transform: rotate(45deg) translate(20px,20px);
    }
}

#svg40 path, #svg40 circle, #svg40 polygon, #svg40 rect { fill: rgb(229, 55, 52) } #svg40 defs > path { fill: none }  #svg40 path[fill="none"], #svg40 circle[fill="none"], #svg40 polygon[fill="none"], #svg40 rect[fill="none"] { fill: none } 
#svg40 .st0{fill:none;stroke:rgb(229, 55, 52);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;} 

#svg41 path, #svg41 circle, #svg41 polygon, #svg41 rect { fill: rgb(229, 55, 52) } #svg41 defs > path { fill: none }  #svg41 path[fill="none"], #svg41 circle[fill="none"], #svg41 polygon[fill="none"], #svg41 rect[fill="none"] { fill: none } 
#svg41 .st0{fill:none;stroke:rgb(229, 55, 52);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;} 

#svg42 path, #svg42 circle, #svg42 polygon, #svg42 rect { fill: rgb(229, 55, 52) } #svg42 defs > path { fill: none }  #svg42 path[fill="none"], #svg42 circle[fill="none"], #svg42 polygon[fill="none"], #svg42 rect[fill="none"] { fill: none } 
#svg42 .st0{fill:none;stroke:rgb(229, 55, 52);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;} 

#svg43 path, #svg43 circle, #svg43 polygon, #svg43 rect { fill: rgb(229, 55, 52) } #svg43 defs > path { fill: none }  #svg43 path[fill="none"], #svg43 circle[fill="none"], #svg43 polygon[fill="none"], #svg43 rect[fill="none"] { fill: none } 
#svg43 .st0{fill:none;stroke:rgb(229, 55, 52);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;} 

#svg44 path, #svg44 circle, #svg44 polygon, #svg44 rect { fill: rgb(0, 0, 0) } #svg44 defs > path { fill: none }  #svg44 path[fill="none"], #svg44 circle[fill="none"], #svg44 polygon[fill="none"], #svg44 rect[fill="none"] { fill: none } 


.shadow-1, .language-dropdown ul.lang-list, .language-dropdown label {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  }
  
  .shadow-2, .language-dropdown.open label {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  }
  
  .shadow-3 {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  }
  
  .shadow-4 {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  }
  
  .shadow-5 {
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  }
  
  
  .language-dropdown {
    display: inline-block;
      padding: 0;
    margin: 0;
  
    box-sizing: border-box;
    /*margin: 20px 50px;*/
  }
  .language-dropdown .lang-en {
    border-left: 0px solid #E2162C;
      padding: 0;
    margin: 0;
  
    box-sizing: border-box;
  }
  .language-dropdown .lang-en .flag {
    background-image: url("../images/United-States-of-Americ-icon.png");
  }
  .language-dropdown .lang-pt {
    border-left: 0px solid #1ABC9C;
      padding: 0;
    margin: 0;
  
    box-sizing: border-box;
  }
  .language-dropdown .lang-pt .flag {
    background-image: url("../images/Brazil-icon.png");
  }
  .language-dropdown .lang-es {
    border-left: 0px solid #DA4D13;
      padding: 0;
    margin: 0;
  
    box-sizing: border-box;
  }
  .language-dropdown .lang-es .flag {
    background-image: url("../images/Spain-icon.png");
  }
  .language-dropdown .lang-ru {
    border-left: 0px solid #1E90FF;
      padding: 0;
    margin: 0;
  
    box-sizing: border-box;
  }
  .language-dropdown .lang-ru .flag {
    background-image: url("../images/Russian-Federation-icon.png");
  }
  
  .language-dropdown .lang-fr {
    border-left: 0px solid #0000CD;
      padding: 0;
    margin: 0;
  
    box-sizing: border-box;
  }
  .language-dropdown .lang-fr .flag {
    background-image: url("../images/France-icon.png");
  }
  .language-dropdown .lang-it {
    border-left: 0px solid #0000CD;
      padding: 0;
    margin: 0;
  
    box-sizing: border-box;
  }
  .language-dropdown .lang-it .flag {
    background-image: url("../images/Italy-icon.png"); 
    /* http://icons.iconarchive.com/icons/icondrawer/flags/48/Italy-icon.png */
  }
  .language-dropdown label, .language-dropdown ul li {
    display: block;
    width: 50px;
    height: 38px;
    /*background: #fff; */
    padding: 0px 6px;
    cursor: pointer;
  }
  .language-dropdown ul.lang-list {
    /*position: block;*/
    visibility: hidden;
    
    display: none;
    position: absolute;
    
    opacity: 0;
    z-index: 101;
      padding: 0;
    margin: 0;
  
    box-sizing: border-box;
  }
  .language-dropdown ul.lang-list li {
    border-bottom: 0px solid #ECECEC;
  }
  .language-dropdown ul.lang-list li:last-child {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
  }
  .language-dropdown ul.lang-list li.selected {
    display: none;
  }
  .language-dropdown label {
    position: relative;
    border-bottom: 0px solid #ECECEC;
    border-radius: 3px;
    z-index: 102;
  }
  .language-dropdown .lang-flag .flag, .language-dropdown .lang-list .lang .flag {
    float: left;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-size: 35px 35px;
    background-repeat: no-repeat;
    background-position: center;
  }
  .language-dropdown.open ul.lang-list {
    visibility: visible;
    display: block; 
    opacity: 1;
  }
  .language-dropdown.open label {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }
  
  .animate, .lang-flag, .lang-list {
    cursor: pointer;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
  }

.widget-social .soc-icon {
    line-height: 0
}

.widget-social .soc-icon .goodshare {
    position: relative
}

.widget-social .soc-icon .goodshare span {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 100%;
    margin-left: 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #000;
    padding: 0;
    font-family: Arial, sans-serif;
    background: #fff
}

.widget-social .soc-icon .goodshare i.corner {
    position: absolute;
    border-width: 0 0 1px 1px;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    bottom: auto;
    top: 50%;
    right: -17px;
    background: #fff;
    width: 7px;
    height: 7px;
    z-index: 1;
    border-color: #ccc;
    border-style: solid
}

.widget-social .soc-icon, .widget-socials .soc-icon {
    /* line-height:0 */
}

.widget-social .soc-icon.white a .bg, .widget-social .soc-icon.white a:hover [class*=hvr-].bg, .widget-socials .soc-icon.white a .bg, .widget-socials .soc-icon.white a:hover [class*=hvr-].bg {
    background: #fff
}

.widget-social .soc-icon.transparent a .bg, .widget-social .soc-icon.transparent a:hover [class*=hvr-].bg, .widget-socials .soc-icon.transparent a .bg, .widget-socials .soc-icon.transparent a:hover [class*=hvr-].bg {
    background: 0 0
}

.widget-social .soc-icon.transparent .vk:hover .bg[class*=hvr-]:before, .widget-social .soc-icon.white .vk:hover .bg[class*=hvr-]:before, .widget-socials .soc-icon.transparent .vk:hover .bg[class*=hvr-]:before, .widget-socials .soc-icon.white .vk:hover .bg[class*=hvr-]:before {
    background: #507299
}

.widget-social .soc-icon.transparent .vk:hover .bg[class*=hvr-].hvr-fade, .widget-social .soc-icon.white .vk:hover .bg[class*=hvr-].hvr-fade, .widget-socials .soc-icon.transparent .vk:hover .bg[class*=hvr-].hvr-fade, .widget-socials .soc-icon.white .vk:hover .bg[class*=hvr-].hvr-fade {
    background: #507299
}

.widget-social .soc-icon.transparent .fb:hover .bg[class*=hvr-]:before, .widget-social .soc-icon.white .fb:hover .bg[class*=hvr-]:before, .widget-socials .soc-icon.transparent .fb:hover .bg[class*=hvr-]:before, .widget-socials .soc-icon.white .fb:hover .bg[class*=hvr-]:before {
    background: #3b5998
}

.widget-social .soc-icon.transparent .fb:hover .bg[class*=hvr-].hvr-fade, .widget-social .soc-icon.white .fb:hover .bg[class*=hvr-].hvr-fade, .widget-socials .soc-icon.transparent .fb:hover .bg[class*=hvr-].hvr-fade, .widget-socials .soc-icon.white .fb:hover .bg[class*=hvr-].hvr-fade {
    background: #3b5998
}

.widget-social .soc-icon.transparent .tw:hover .bg[class*=hvr-]:before, .widget-social .soc-icon.white .tw:hover .bg[class*=hvr-]:before, .widget-socials .soc-icon.transparent .tw:hover .bg[class*=hvr-]:before, .widget-socials .soc-icon.white .tw:hover .bg[class*=hvr-]:before {
    background: #1da1f2
}

.widget-social .soc-icon.transparent .tw:hover .bg[class*=hvr-].hvr-fade, .widget-social .soc-icon.white .tw:hover .bg[class*=hvr-].hvr-fade, .widget-socials .soc-icon.transparent .tw:hover .bg[class*=hvr-].hvr-fade, .widget-socials .soc-icon.white .tw:hover .bg[class*=hvr-].hvr-fade {
    background: #1da1f2
}

.widget-social .soc-icon.transparent .ok:hover .bg[class*=hvr-]:before, .widget-social .soc-icon.white .ok:hover .bg[class*=hvr-]:before, .widget-socials .soc-icon.transparent .ok:hover .bg[class*=hvr-]:before, .widget-socials .soc-icon.white .ok:hover .bg[class*=hvr-]:before {
    background: #f2720c
}

.widget-social .soc-icon.transparent .ok:hover .bg[class*=hvr-].hvr-fade, .widget-social .soc-icon.white .ok:hover .bg[class*=hvr-].hvr-fade, .widget-socials .soc-icon.transparent .ok:hover .bg[class*=hvr-].hvr-fade, .widget-socials .soc-icon.white .ok:hover .bg[class*=hvr-].hvr-fade {
    background: #f2720c
}

.widget-social .soc-icon.transparent .youtube:hover .bg[class*=hvr-]:before, .widget-social .soc-icon.white .youtube:hover .bg[class*=hvr-]:before, .widget-socials .soc-icon.transparent .youtube:hover .bg[class*=hvr-]:before, .widget-socials .soc-icon.white .youtube:hover .bg[class*=hvr-]:before {
    background: #e62117
}

.widget-social .soc-icon.transparent .youtube:hover .bg[class*=hvr-].hvr-fade, .widget-social .soc-icon.white .youtube:hover .bg[class*=hvr-].hvr-fade, .widget-socials .soc-icon.transparent .youtube:hover .bg[class*=hvr-].hvr-fade, .widget-socials .soc-icon.white .youtube:hover .bg[class*=hvr-].hvr-fade {
    background: #e62117
}

.widget-social .soc-icon.transparent .gp:hover .bg[class*=hvr-]:before, .widget-social .soc-icon.white .gp:hover .bg[class*=hvr-]:before, .widget-socials .soc-icon.transparent .gp:hover .bg[class*=hvr-]:before, .widget-socials .soc-icon.white .gp:hover .bg[class*=hvr-]:before {
    background: #d73d32
}

.widget-social .soc-icon.transparent .gp:hover .bg[class*=hvr-].hvr-fade, .widget-social .soc-icon.white .gp:hover .bg[class*=hvr-].hvr-fade, .widget-socials .soc-icon.transparent .gp:hover .bg[class*=hvr-].hvr-fade, .widget-socials .soc-icon.white .gp:hover .bg[class*=hvr-].hvr-fade {
    background: #d73d32
}

.widget-social .soc-icon.transparent .in:hover .bg[class*=hvr-]:before, .widget-social .soc-icon.white .in:hover .bg[class*=hvr-]:before, .widget-socials .soc-icon.transparent .in:hover .bg[class*=hvr-]:before, .widget-socials .soc-icon.white .in:hover .bg[class*=hvr-]:before {
    background: #365a8a
}

.widget-social .soc-icon.transparent .in:hover .bg[class*=hvr-].hvr-fade, .widget-social .soc-icon.white .in:hover .bg[class*=hvr-].hvr-fade, .widget-socials .soc-icon.transparent .in:hover .bg[class*=hvr-].hvr-fade, .widget-socials .soc-icon.white .in:hover .bg[class*=hvr-].hvr-fade {
    background: #365a8a
}

.widget-social .soc-icon.transparent .tg:hover .bg[class*=hvr-]:before, .widget-social .soc-icon.white .tg:hover .bg[class*=hvr-]:before, .widget-socials .soc-icon.transparent .tg:hover .bg[class*=hvr-]:before, .widget-socials .soc-icon.white .tg:hover .bg[class*=hvr-]:before {
    background: #08c
}

.widget-social .soc-icon.transparent .tg:hover .bg[class*=hvr-].hvr-fade, .widget-social .soc-icon.white .tg:hover .bg[class*=hvr-].hvr-fade, .widget-socials .soc-icon.transparent .tg:hover .bg[class*=hvr-].hvr-fade, .widget-socials .soc-icon.white .tg:hover .bg[class*=hvr-].hvr-fade {
    background: #08c
}

.widget-social .soc-icon.transparent .wa:hover .bg[class*=hvr-]:before, .widget-social .soc-icon.white .wa:hover .bg[class*=hvr-]:before, .widget-socials .soc-icon.transparent .wa:hover .bg[class*=hvr-]:before, .widget-socials .soc-icon.white .wa:hover .bg[class*=hvr-]:before {
    background: #01e675
}

.widget-social .soc-icon.transparent .wa:hover .bg[class*=hvr-].hvr-fade, .widget-social .soc-icon.white .wa:hover .bg[class*=hvr-].hvr-fade, .widget-socials .soc-icon.transparent .wa:hover .bg[class*=hvr-].hvr-fade, .widget-socials .soc-icon.white .wa:hover .bg[class*=hvr-].hvr-fade {
    background: #01e675
}

.widget-social .soc-icon.transparent .li:hover .bg[class*=hvr-]:before, .widget-social .soc-icon.white .li:hover .bg[class*=hvr-]:before, .widget-socials .soc-icon.transparent .li:hover .bg[class*=hvr-]:before, .widget-socials .soc-icon.white .li:hover .bg[class*=hvr-]:before {
    background: #0077b4
}

.widget-social .soc-icon.transparent .li:hover .bg[class*=hvr-].hvr-fade, .widget-social .soc-icon.white .li:hover .bg[class*=hvr-].hvr-fade, .widget-socials .soc-icon.transparent .li:hover .bg[class*=hvr-].hvr-fade, .widget-socials .soc-icon.white .li:hover .bg[class*=hvr-].hvr-fade {
    background: #0077b4
}

.widget-social .soc-icon.transparent .ta:hover .bg[class*=hvr-]:before, .widget-social .soc-icon.white .ta:hover .bg[class*=hvr-]:before, .widget-socials .soc-icon.transparent .ta:hover .bg[class*=hvr-]:before, .widget-socials .soc-icon.white .ta:hover .bg[class*=hvr-]:before {
    background: #00a680
}

.widget-social .soc-icon.transparent .ta:hover .bg[class*=hvr-].hvr-fade, .widget-social .soc-icon.white .ta:hover .bg[class*=hvr-].hvr-fade, .widget-socials .soc-icon.transparent .ta:hover .bg[class*=hvr-].hvr-fade, .widget-socials .soc-icon.white .ta:hover .bg[class*=hvr-].hvr-fade {
    background: #00a680
}

.widget-social .soc-icon.transparent .vk .bg, .widget-social .soc-icon.white .vk .bg, .widget-socials .soc-icon.transparent .vk .bg, .widget-socials .soc-icon.white .vk .bg {
    border-color: #507299;
    color: #507299
}

.widget-social .soc-icon.transparent .fb .bg, .widget-social .soc-icon.white .fb .bg, .widget-socials .soc-icon.transparent .fb .bg, .widget-socials .soc-icon.white .fb .bg {
    /* border-color:#3b5998; */
    /* color:#3b5998 */
}

.widget-social .soc-icon.transparent .tw .bg, .widget-social .soc-icon.white .tw .bg, .widget-socials .soc-icon.transparent .tw .bg, .widget-socials .soc-icon.white .tw .bg {
    border-color: #1da1f2;
    color: #1da1f2
}

.widget-social .soc-icon.transparent .ok .bg, .widget-social .soc-icon.white .ok .bg, .widget-socials .soc-icon.transparent .ok .bg, .widget-socials .soc-icon.white .ok .bg {
    border-color: #f2720c;
    color: #f2720c
}

.widget-social .soc-icon.transparent .youtube .bg, .widget-social .soc-icon.white .youtube .bg, .widget-socials .soc-icon.transparent .youtube .bg, .widget-socials .soc-icon.white .youtube .bg {
    border-color: #e62117;
    color: #e62117
}

.widget-social .soc-icon.transparent .gp .bg, .widget-social .soc-icon.white .gp .bg, .widget-socials .soc-icon.transparent .gp .bg, .widget-socials .soc-icon.white .gp .bg {
    border-color: #d73d32;
    color: #d73d32
}

.widget-social .soc-icon.transparent .in .bg, .widget-social .soc-icon.white .in .bg, .widget-socials .soc-icon.transparent .in .bg, .widget-socials .soc-icon.white .in .bg {
    border-color: #365a8a;
    color: #365a8a
}

.widget-social .soc-icon.transparent .tg .bg, .widget-social .soc-icon.white .tg .bg, .widget-socials .soc-icon.transparent .tg .bg, .widget-socials .soc-icon.white .tg .bg {
    border-color: #08c;
    color: #08c
}

.widget-social .soc-icon.transparent .wa .bg, .widget-social .soc-icon.white .wa .bg, .widget-socials .soc-icon.transparent .wa .bg, .widget-socials .soc-icon.white .wa .bg {
    border-color: #01e675;
    color: #01e675
}

.widget-social .soc-icon.transparent .li .bg, .widget-social .soc-icon.white .li .bg, .widget-socials .soc-icon.transparent .li .bg, .widget-socials .soc-icon.white .li .bg {
    border-color: #0077b4;
    color: #0077b4
}

.widget-social .soc-icon.transparent .ta .bg, .widget-social .soc-icon.white .ta .bg, .widget-socials .soc-icon.transparent .ta .bg, .widget-socials .soc-icon.white .ta .bg {
    border-color: #00a680;
    color: #00a680
}

.widget-social .soc-icon.transparent a:hover .bg, .widget-social .soc-icon.white a:hover .bg, .widget-socials .soc-icon.transparent a:hover .bg, .widget-socials .soc-icon.white a:hover .bg {
    color: #fff
}

.widget-social .soc-icon.transparent .vk:hover .bg, .widget-social .soc-icon.white .vk:hover .bg, .widget-socials .soc-icon.transparent .vk:hover .bg, .widget-socials .soc-icon.white .vk:hover .bg {
    background: #507299;
    border-color: #3e5978
}

.widget-social .soc-icon.transparent .fb:hover .bg, .widget-social .soc-icon.white .fb:hover .bg, .widget-socials .soc-icon.transparent .fb:hover .bg, .widget-socials .soc-icon.white .fb:hover .bg {
    background: #3b5998;
    border-color: #2d4373
}

.widget-social .soc-icon.transparent .tw:hover .bg, .widget-social .soc-icon.white .tw:hover .bg, .widget-socials .soc-icon.transparent .tw:hover .bg, .widget-socials .soc-icon.white .tw:hover .bg {
    background: #1da1f2;
    border-color: #0c85d0
}

.widget-social .soc-icon.transparent .ok:hover .bg, .widget-social .soc-icon.white .ok:hover .bg, .widget-socials .soc-icon.transparent .ok:hover .bg, .widget-socials .soc-icon.white .ok:hover .bg {
    background: #f2720c;
    border-color: #c15b0a
}

.widget-social .soc-icon.transparent .youtube:hover .bg, .widget-social .soc-icon.white .youtube:hover .bg, .widget-socials .soc-icon.transparent .youtube:hover .bg, .widget-socials .soc-icon.white .youtube:hover .bg {
    background: #e62117;
    border-color: #b81a12
}

.widget-social .soc-icon.transparent .gp:hover .bg, .widget-social .soc-icon.white .gp:hover .bg, .widget-socials .soc-icon.transparent .gp:hover .bg, .widget-socials .soc-icon.white .gp:hover .bg {
    background: #d73d32;
    border-color: #b32d23
}

.widget-social .soc-icon.transparent .in:hover .bg, .widget-social .soc-icon.white .in:hover .bg, .widget-socials .soc-icon.transparent .in:hover .bg, .widget-socials .soc-icon.white .in:hover .bg {
    background: #365a8a;
    border-color: #284265
}

.widget-social .soc-icon.transparent .tg:hover .bg, .widget-social .soc-icon.white .tg:hover .bg, .widget-socials .soc-icon.transparent .tg:hover .bg, .widget-socials .soc-icon.white .tg:hover .bg {
    background: #08c;
    border-color: #069
}

.widget-social .soc-icon.transparent .wa:hover .bg, .widget-social .soc-icon.white .wa:hover .bg, .widget-socials .soc-icon.transparent .wa:hover .bg, .widget-socials .soc-icon.white .wa:hover .bg {
    background: #01e675;
    border-color: #01b35b
}

.widget-social .soc-icon.transparent .li:hover .bg, .widget-social .soc-icon.white .li:hover .bg, .widget-socials .soc-icon.transparent .li:hover .bg, .widget-socials .soc-icon.white .li:hover .bg {
    background: #0077b4;
    border-color: #005581
}

.widget-social .soc-icon.transparent .ta:hover .bg, .widget-social .soc-icon.white .ta:hover .bg, .widget-socials .soc-icon.transparent .ta:hover .bg, .widget-socials .soc-icon.white .ta:hover .bg {
    background: #00a680;
    border-color: #007359
}

.widget-social .soc-icon.transparent .vk [class*=hvr-].bg:before, .widget-social .soc-icon.white .vk [class*=hvr-].bg:before, .widget-socials .soc-icon.transparent .vk [class*=hvr-].bg:before, .widget-socials .soc-icon.white .vk [class*=hvr-].bg:before {
    background: #507299
}

.widget-social .soc-icon.transparent .fb [class*=hvr-].bg:before, .widget-social .soc-icon.white .fb [class*=hvr-].bg:before, .widget-socials .soc-icon.transparent .fb [class*=hvr-].bg:before, .widget-socials .soc-icon.white .fb [class*=hvr-].bg:before {
    background: #3b5998
}

.widget-social .soc-icon.transparent .tw [class*=hvr-].bg:before, .widget-social .soc-icon.white .tw [class*=hvr-].bg:before, .widget-socials .soc-icon.transparent .tw [class*=hvr-].bg:before, .widget-socials .soc-icon.white .tw [class*=hvr-].bg:before {
    background: #1da1f2
}

.widget-social .soc-icon.transparent .ok [class*=hvr-].bg:before, .widget-social .soc-icon.white .ok [class*=hvr-].bg:before, .widget-socials .soc-icon.transparent .ok [class*=hvr-].bg:before, .widget-socials .soc-icon.white .ok [class*=hvr-].bg:before {
    background: #f2720c
}

.widget-social .soc-icon.transparent .youtube [class*=hvr-].bg:before, .widget-social .soc-icon.white .youtube [class*=hvr-].bg:before, .widget-socials .soc-icon.transparent .youtube [class*=hvr-].bg:before, .widget-socials .soc-icon.white .youtube [class*=hvr-].bg:before {
    background: #e62117
}

.widget-social .soc-icon.transparent .gp [class*=hvr-].bg:before, .widget-social .soc-icon.white .gp [class*=hvr-].bg:before, .widget-socials .soc-icon.transparent .gp [class*=hvr-].bg:before, .widget-socials .soc-icon.white .gp [class*=hvr-].bg:before {
    background: #d73d32
}

.widget-social .soc-icon.transparent .in [class*=hvr-].bg:before, .widget-social .soc-icon.white .in [class*=hvr-].bg:before, .widget-socials .soc-icon.transparent .in [class*=hvr-].bg:before, .widget-socials .soc-icon.white .in [class*=hvr-].bg:before {
    background: #365a8a
}

.widget-social .soc-icon.transparent .tg [class*=hvr-].bg:before, .widget-social .soc-icon.white .tg [class*=hvr-].bg:before, .widget-socials .soc-icon.transparent .tg [class*=hvr-].bg:before, .widget-socials .soc-icon.white .tg [class*=hvr-].bg:before {
    background: #08c
}

.widget-social .soc-icon.transparent .wa [class*=hvr-].bg:before, .widget-social .soc-icon.white .wa [class*=hvr-].bg:before, .widget-socials .soc-icon.transparent .wa [class*=hvr-].bg:before, .widget-socials .soc-icon.white .wa [class*=hvr-].bg:before {
    background: #01e675
}

.widget-social .soc-icon.transparent .li [class*=hvr-].bg:before, .widget-social .soc-icon.white .li [class*=hvr-].bg:before, .widget-socials .soc-icon.transparent .li [class*=hvr-].bg:before, .widget-socials .soc-icon.white .li [class*=hvr-].bg:before {
    background: #0077b4
}

.widget-social .soc-icon.transparent .ta [class*=hvr-].bg:before, .widget-social .soc-icon.white .ta [class*=hvr-].bg:before, .widget-socials .soc-icon.transparent .ta [class*=hvr-].bg:before, .widget-socials .soc-icon.white .ta [class*=hvr-].bg:before {
    background: #00a680
}

.widget-social .soc-icon a, .widget-socials .soc-icon a {
    display: inline-block;
    background-image: none;
    font: normal normal normal .8em/1.76 FontAwesome;
    text-decoration: none;
    text-align: center;
    color: #fff
}

.widget-social .soc-icon a .bg:before, .widget-socials .soc-icon a .bg:before {
    opacity: 0
}

.widget-social .soc-icon a:hover .bg:before, .widget-socials .soc-icon a:hover .bg:before {
    opacity: 1
}

.widget-social .soc-icon a:hover .hvr-diagonal:before, .widget-socials .soc-icon a:hover .hvr-diagonal:before {
    opacity: 1;
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
    -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    transition-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.widget-social .soc-icon a:hover .hvr-shutter-out-horizontal:before, .widget-social .soc-icon a:hover .hvr-sweep-to-left:before, .widget-social .soc-icon a:hover .hvr-sweep-to-right:before, .widget-socials .soc-icon a:hover .hvr-shutter-out-horizontal:before, .widget-socials .soc-icon a:hover .hvr-sweep-to-left:before, .widget-socials .soc-icon a:hover .hvr-sweep-to-right:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.widget-social .soc-icon a:hover .hvr-shutter-out-vertical:before, .widget-social .soc-icon a:hover .hvr-sweep-to-bottom:before, .widget-social .soc-icon a:hover .hvr-sweep-to-top:before, .widget-socials .soc-icon a:hover .hvr-shutter-out-vertical:before, .widget-socials .soc-icon a:hover .hvr-sweep-to-bottom:before, .widget-socials .soc-icon a:hover .hvr-sweep-to-top:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.widget-social .soc-icon a:hover .hvr-rectangle-out:before, .widget-socials .soc-icon a:hover .hvr-rectangle-out:before {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.widget-socials .bg {
    font-size: 16px;
}
.widget-social .soc-icon .vk .bg, .widget-socials .soc-icon .vk .bg {
    border-color: #3e5978;
    background: #507299
}

.widget-social .soc-icon .fb .bg, .widget-socials .soc-icon .fb .bg {
    border-color: #2d4373;
    background: #3b5998
}

.widget-social .soc-icon .tw .bg, .widget-socials .soc-icon .tw .bg {
    border-color: #0c85d0;
    background: #1da1f2
}

.widget-social .soc-icon .ok .bg, .widget-socials .soc-icon .ok .bg {
    border-color: #c15b0a;
    background: #f2720c
}

.widget-social .soc-icon .youtube .bg, .widget-socials .soc-icon .youtube .bg {
    border-color: #b81a12;
    background: #e62117
}

.widget-social .soc-icon .gp .bg, .widget-socials .soc-icon .gp .bg {
    border-color: #b32d23;
    background: #d73d32
}

.widget-social .soc-icon .in .bg, .widget-socials .soc-icon .in .bg {
    border-color: #284265;
    background: #365a8a
}

.widget-social .soc-icon .tg .bg, .widget-socials .soc-icon .tg .bg {
    border-color: #069;
    background: #08c
}

.widget-social .soc-icon .wa .bg, .widget-socials .soc-icon .wa .bg {
    border-color: #01b35b;
    background: #01e675
}

.widget-social .soc-icon .li .bg, .widget-socials .soc-icon .li .bg {
    border-color: #005581;
    background: #0077b4
}

.widget-social .soc-icon .ta .bg, .widget-socials .soc-icon .ta .bg {
    border-color: #007359;
    background: #00a680
}

.widget-social .soc-icon .vk .bg:after, .widget-socials .soc-icon .vk .bg:after {
    content: "\f189"
}

.widget-social .soc-icon .fb .bg:after, .widget-socials .soc-icon .fb .bg:after {
    content: "\f09a"
}

.widget-social .soc-icon .tw .bg:after, .widget-socials .soc-icon .tw .bg:after {
    content: "\f099"
}

.widget-social .soc-icon .ok .bg:after, .widget-socials .soc-icon .ok .bg:after {
    content: "\f263"
}

.widget-social .soc-icon .youtube .bg:after, .widget-socials .soc-icon .youtube .bg:after {
    content: "\f167"
}

.widget-social .soc-icon .gp .bg:after, .widget-socials .soc-icon .gp .bg:after {
    content: "\f0d5"
}

.widget-social .soc-icon .in .bg:after, .widget-socials .soc-icon .in .bg:after {
    content: "\f16d"
}

.widget-social .soc-icon .tg .bg:after, .widget-socials .soc-icon .tg .bg:after {
    content: "\f1d8"
}

.widget-social .soc-icon .wa .bg:after, .widget-socials .soc-icon .wa .bg:after {
    content: "\f232"
}

.widget-social .soc-icon .li .bg:after, .widget-socials .soc-icon .li .bg:after {
    content: "\f0e1"
}

.widget-social .soc-icon .ta .bg:after, .widget-socials .soc-icon .ta .bg:after {
    content: "\f262"
}

.widget-social .soc-icon .vk:hover .bg, .widget-socials .soc-icon .vk:hover .bg {
    border-color: #1b2735;
    background: #2d4056
}

.widget-social .soc-icon .vk:hover .bg[class*=hvr-], .widget-socials .soc-icon .vk:hover .bg[class*=hvr-] {
    background: #507299
}

.widget-social .soc-icon .vk:hover .bg[class*=hvr-]:before, .widget-socials .soc-icon .vk:hover .bg[class*=hvr-]:before {
    background: #2d4056
}

.widget-social .soc-icon .vk:hover .bg[class*=hvr-].hvr-fade, .widget-socials .soc-icon .vk:hover .bg[class*=hvr-].hvr-fade {
    background: #2d4056
}

.widget-social .soc-icon .fb:hover .bg, .widget-socials .soc-icon .fb:hover .bg {
    border-color: #10182a;
    background: #1e2e4f
}

.widget-social .soc-icon .fb:hover .bg[class*=hvr-], .widget-socials .soc-icon .fb:hover .bg[class*=hvr-] {
    background: #3b5998
}

.widget-social .soc-icon .fb:hover .bg[class*=hvr-]:before, .widget-socials .soc-icon .fb:hover .bg[class*=hvr-]:before {
    background: #1e2e4f
}

.widget-social .soc-icon .fb:hover .bg[class*=hvr-].hvr-fade, .widget-socials .soc-icon .fb:hover .bg[class*=hvr-].hvr-fade {
    background: #1e2e4f
}

.widget-social .soc-icon .tw:hover .bg, .widget-socials .soc-icon .tw:hover .bg {
    border-color: #064870;
    background: #0967a0
}

.widget-social .soc-icon .tw:hover .bg[class*=hvr-], .widget-socials .soc-icon .tw:hover .bg[class*=hvr-] {
    background: #1da1f2
}

.widget-social .soc-icon .tw:hover .bg[class*=hvr-]:before, .widget-socials .soc-icon .tw:hover .bg[class*=hvr-]:before {
    background: #0967a0
}

.widget-social .soc-icon .tw:hover .bg[class*=hvr-].hvr-fade, .widget-socials .soc-icon .tw:hover .bg[class*=hvr-].hvr-fade {
    background: #0967a0
}

.widget-social .soc-icon .ok:hover .bg, .widget-socials .soc-icon .ok:hover .bg {
    border-color: #602d05;
    background: #914407
}

.widget-social .soc-icon .ok:hover .bg[class*=hvr-], .widget-socials .soc-icon .ok:hover .bg[class*=hvr-] {
    background: #f2720c
}

.widget-social .soc-icon .ok:hover .bg[class*=hvr-]:before, .widget-socials .soc-icon .ok:hover .bg[class*=hvr-]:before {
    background: #914407
}

.widget-social .soc-icon .ok:hover .bg[class*=hvr-].hvr-fade, .widget-socials .soc-icon .ok:hover .bg[class*=hvr-].hvr-fade {
    background: #914407
}

.widget-social .soc-icon .youtube:hover .bg, .widget-socials .soc-icon .youtube:hover .bg {
    border-color: #5b0d09;
    background: #89140e
}

.widget-social .soc-icon .youtube:hover .bg[class*=hvr-], .widget-socials .soc-icon .youtube:hover .bg[class*=hvr-] {
    background: #e62117
}

.widget-social .soc-icon .youtube:hover .bg[class*=hvr-]:before, .widget-socials .soc-icon .youtube:hover .bg[class*=hvr-]:before {
    background: #89140e
}

.widget-social .soc-icon .youtube:hover .bg[class*=hvr-].hvr-fade, .widget-socials .soc-icon .youtube:hover .bg[class*=hvr-].hvr-fade {
    background: #89140e
}

.widget-social .soc-icon .gp:hover .bg, .widget-socials .soc-icon .gp:hover .bg {
    border-color: #5e1712;
    background: #88221b
}

.widget-social .soc-icon .gp:hover .bg[class*=hvr-], .widget-socials .soc-icon .gp:hover .bg[class*=hvr-] {
    background: #d73d32
}

.widget-social .soc-icon .gp:hover .bg[class*=hvr-]:before, .widget-socials .soc-icon .gp:hover .bg[class*=hvr-]:before {
    background: #88221b
}

.widget-social .soc-icon .gp:hover .bg[class*=hvr-].hvr-fade, .widget-socials .soc-icon .gp:hover .bg[class*=hvr-].hvr-fade {
    background: #88221b
}

.widget-social .soc-icon .in:hover .bg, .widget-socials .soc-icon .in:hover .bg {
    border-color: #0b121c;
    background: #192a41
}

.widget-social .soc-icon .in:hover .bg[class*=hvr-], .widget-socials .soc-icon .in:hover .bg[class*=hvr-] {
    background: #365a8a
}

.widget-social .soc-icon .in:hover .bg[class*=hvr-]:before, .widget-socials .soc-icon .in:hover .bg[class*=hvr-]:before {
    background: #192a41
}

.widget-social .soc-icon .in:hover .bg[class*=hvr-].hvr-fade, .widget-socials .soc-icon .in:hover .bg[class*=hvr-].hvr-fade {
    background: #192a41
}

.widget-social .soc-icon .tg:hover .bg, .widget-socials .soc-icon .tg:hover .bg {
    border-color: #023;
    background: #046
}

.widget-social .soc-icon .tg:hover .bg[class*=hvr-], .widget-socials .soc-icon .tg:hover .bg[class*=hvr-] {
    background: #08c
}

.widget-social .soc-icon .tg:hover .bg[class*=hvr-]:before, .widget-socials .soc-icon .tg:hover .bg[class*=hvr-]:before {
    background: #046
}

.widget-social .soc-icon .tg:hover .bg[class*=hvr-].hvr-fade, .widget-socials .soc-icon .tg:hover .bg[class*=hvr-].hvr-fade {
    background: #046
}

.widget-social .soc-icon .wa:hover .bg, .widget-socials .soc-icon .wa:hover .bg {
    border-color: #004e28;
    background: #018041
}

.widget-social .soc-icon .wa:hover .bg[class*=hvr-], .widget-socials .soc-icon .wa:hover .bg[class*=hvr-] {
    background: #01e675
}

.widget-social .soc-icon .wa:hover .bg[class*=hvr-]:before, .widget-socials .soc-icon .wa:hover .bg[class*=hvr-]:before {
    background: #018041
}

.widget-social .soc-icon .wa:hover .bg[class*=hvr-].hvr-fade, .widget-socials .soc-icon .wa:hover .bg[class*=hvr-].hvr-fade {
    background: #018041
}

.widget-social .soc-icon .li:hover .bg, .widget-socials .soc-icon .li:hover .bg {
    border-color: #00121b;
    background: #00344e
}

.widget-social .soc-icon .li:hover .bg[class*=hvr-], .widget-socials .soc-icon .li:hover .bg[class*=hvr-] {
    background: #0077b4
}

.widget-social .soc-icon .li:hover .bg[class*=hvr-]:before, .widget-socials .soc-icon .li:hover .bg[class*=hvr-]:before {
    background: #00344e
}

.widget-social .soc-icon .li:hover .bg[class*=hvr-].hvr-fade, .widget-socials .soc-icon .li:hover .bg[class*=hvr-].hvr-fade {
    background: #00344e
}

.widget-social .soc-icon .ta:hover .bg, .widget-socials .soc-icon .ta:hover .bg {
    border-color: #000d0a;
    background: #004031
}

.widget-social .soc-icon .ta:hover .bg[class*=hvr-], .widget-socials .soc-icon .ta:hover .bg[class*=hvr-] {
    background: #00a680
}

.widget-social .soc-icon .ta:hover .bg[class*=hvr-]:before, .widget-socials .soc-icon .ta:hover .bg[class*=hvr-]:before {
    background: #004031
}

.widget-social .soc-icon .ta:hover .bg[class*=hvr-].hvr-fade, .widget-socials .soc-icon .ta:hover .bg[class*=hvr-].hvr-fade {
    background: #004031
}

.widget-social .soc-icon .bg, .widget-socials .soc-icon .bg {
    overflow: hidden
}

.widget-social .paddings-10px a, .widget-socials .paddings-10px a {
    margin: 0 5px
}

.widget-social .paddings-20px a, .widget-socials .paddings-20px a {
    margin: 0 10px
}

.widget-social .paddings-30px a, .widget-socials .paddings-30px a {
    margin: 0 15px
}

.widget-social .paddings-40px a, .widget-socials .paddings-40px a {
    margin: 0 20px
}

.soc-icon a .bg {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    width: 28px;
    height: 28px;
    padding: 5px;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    }

    @media only screen and (max-device-width: 799px) {
        body{
            zoom: 0.5;
            -moz-transform: scale(0.5);
          }
        #about{
          zoom: 0.8;
          -moz-transform: scale(0.8);
        }
        #benefits {
          padding-bottom: 10px;
        }
        div.benefits{
            display: flex;
            flex-direction: column;
            padding: 20px;
        }
        div.benefits>.unit{
          width: 100%;
      }
      div.downloads{
          display: flex;
          flex-direction: column;
          padding: 20px;
      }
      div.downloads>.unit{
          width: 100%;
      }
      section.contacts{
          padding-top: 20px;
          padding-bottom: 20px;
      }
      div.contacts{
          display: flex;
          flex-direction: column;
          padding: 20px;
      }
      div.contacts>.unit{
          width: 100%;
      text-align: center;
      }
      }

@media only screen and (min-device-width: 520px) and (max-device-width: 801px) {
  body{
    zoom: 0.8;
    -moz-transform: scale(0.8);
  }
  #benefits {
    padding-bottom: 10px;
  }
  div.benefits{
      display: flex;
      flex-direction: column;
      padding: 20px;
  }
  div.benefits>.unit{
    width: 100%;
}
div.downloads{
    display: flex;
    flex-direction: column;
    padding: 20px;
}
div.downloads>.unit{
    width: 100%;
}
section.contacts{
    padding-top: 20px;
    padding-bottom: 20px;
}
div.contacts{
    display: flex;
    flex-direction: column;
    padding: 20px;
}
div.contacts>.unit{
    width: 100%;
text-align: center;
}
}


@media only screen and (min-device-width: 1033px) {
    #about{
        height: 100vh;
    }
    .top4 {
        flex-direction: row;
    }
    /* #games .unit {
        margin: 10px auto;
    } */
    
    .arrow-7 {
        /* margin: 30px; */
        margin: 20px auto;
        display: initial;
    }
    header {
        /* display: none; */
        display: flex;
        justify-content: space-around;
        flex-flow: wrap;
        align-items: center;
    }
    nav {
        margin: 0;
    }
    nav ul {
        margin: 0;
        padding: 0;
        display: flex;
    }
    nav ul li {
        list-style: none;
        padding: 0.5em 1em;
    }
    nav ul li a {
        font-size: 1.375em;
        color:#08104d;
        font-weight: 700;
        text-decoration: none;
    }
    main {
        flex-flow: row;
        margin: 0;
    }
    .hero {
        text-align: left;
    }
    .hero h1 {
        font-size: 2em;
    }
    .hero p {
        font-size: 1.3em;
        padding: 0;
        margin: 0 0 3em 0;
    }
    .hero a {
        /* background: blueviolet; */
    }
    figure img {
        width: 534px;
        margin: 0;
    }
    .button-group {
        display: flex;
        flex-direction: row;
    }
    div .contacts{
        background-color:#040826;
        /* justify-content: space-between; */
        display: flex;
        /* padding: 0 20px; */
        justify-content: center;
    }
    div.contacts>.unit{
        
        margin: 20px;
    }
    div.contacts>.unit:first-child { 
        width: 30%;
    }

@keyframes buttonscale {
    0% {
        -webkit-transform: scale(1.00);
        transform: scale(1.00);  
    }
    100% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);  
    }
  }

@keyframes pulse {
    0% {
        opacity: 0;
    }
    100% {
        opacity: .95;
    }
  }
  @keyframes logoAnim {
    0% {
        width: 48px;
    }
    100% {
        width: 32px;
    }
  }