.btn a:link, .btn a:visited {
    color: #424242;
}
body {
    background-color: #333333;
}
body>* {
    max-width:1920px;
}
p {
    font-size: 18px;
}

.container {
    margin:0 auto;
}
.container-full {margin-left:auto; margin-right:auto; padding:0;width:100%;}

.cont-row {
    background-repeat: no-repeat;
}
.cont-row .h2 {
    text-transform: uppercase;
    font-weight: bold;
    line-height: 46px;
}
.mainpage .cont-row .h2 {
    font-size: 36px;
    margin-bottom: 60px;
}

.cont-row p {
    line-height: 1.5em;
}
.cont-row.text-right > div:nth-child(1), .cont-row.text-left > div:nth-child(2){
    background-size: cover;
}
.cont-row > div {
    width: 100%
}

.cont-row {
    background-repeat: no-repeat;
    background-position: center;
}
.cont-row .container-half {
    padding-top: 204px;
    padding-bottom: 108px;
}
.cont-row .h2 {
    font-size: 36px;
}
#rowCompany .bg-image {
    background-image:url(/images/main_company.jpg);
}
#rowServices .bg-image {
    background-image:url(/images/main_services.jpg);
}
#rowEquipment .bg-image {
    background-image:url(/images/main_equipment.jpg);
}
#rowAbout .bg-image {
    background-image:url(/images/company_kantry_office.jpg);
}
#rowSertificates .bg-image {
    background-image:url(/images/company_license.jpg);
}
#rowCorpNetworks .bg-image {
    background-image:url(/images/services_corpnets.jpg);
}
#rowInternet .bg-image {
    background-image:url(/images/services_internet_telephone.jpg);
}
#rowTechSupport .bg-image {
    background-image:url(/images/services_techsupport.jpg);
}
#rowHubs .bg-image {
    background-image:url(/images/equipment_hubs.jpg);
}
#rowMobile .bg-image {
    background-image:url(/images/equipment_mobile.jpg);
}
#rowVsat .bg-image {
    background-image:url(/images/equipment_vsat.jpg);
}


.footer {
    background:#424242;
    color:#F2F2F2;
}
.home {
    height: 1080px;
    position: relative;
}
.header.home {

}
.inner {
    height: 674px;
    width: 33%;
}
video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.header-content {
    position: relative;
    color: #fff;
    height: 100%;
}
.baner_title {
    font-size: 64px;
    font-weight: bold;
    margin-top: 121px;
}
.baner_text {
    font-size: 18px;
    margin-top: 99px;
}
.hidden {
    display: none;
}
.invisible {
    visibility: hidden;
}
.w-100 {
    width: 100%;
}
.h-100 {
    height: 100%;
}
.h2 {
    font-weight: bold;
}
.font20 {
    font-size: 20px;
}
.white {
    color:#F2F2F2;
}
.flex-row {
    display: flex;
    flex-direction:row;
    justify-content: space-between;
}
.flex-column {
    display: flex;
    flex-direction:column;
    justify-content: space-between;
}
.flex-column.space-evenly {
    justify-content: space-evenly;
}
.flex-column.flex-center {
    justify-content: center;
}
.btn {
    font-size:16px;
    display:inline-block;
    cursor:pointer;
    width: 200px;
    height: 60px;
    border-radius: 0;
    text-align: center;
    color: #424242;
}
a.btn {
    padding-top: 21px;
}
a.btn.btn-primary:hover, a.btn.btn-primary:visited {
    color: #424242;
}
.btn.btn-primary {
    background: #FCAC49;
}
/*.btn.btn-primary:hover {
    background: #FFCC00;
}*/
.btn.btn-outline {
    color:#FCAC49;
    background-color: transparent;
    border: 1px #FCAC49 solid;
}
.top-menu.flex-row {
    justify-content: space-evenly;
}
ul.top-menu  {
    padding-top: 77px;
}
.header .top-logo  {
    margin-top: 34px;
}
.header .logo-hover {
     display: none;
 }
.header .top-logo:hover .logo-hover {
    display: block;
}
.header .top-logo:hover .logo {
    display: none;
}
.top-menu li a {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
    padding-top: 15px;
    padding-bottom: 12px;
    text-shadow: 1px 1px #000;
}
.top-menu li a::before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 51%;
    right: 51%;
    bottom: 0;
    background: #66CE9D;
    height: 2px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.top-menu li a:hover::before, .top-menu li a:focus::before, .top-menu li a:active::before, .top-menu li a.active::before {
    left: 0;
    right: 0;
}
.menu-trigger-open-wrapper {
    width: 80px;
    z-index: 10;
}

.hard-top-b {
    padding-top: 58px;
}
.hvr-underline-from-center::before {
    height: 2px;
}

.baner-body {
    height: 100%;
}
.baner-body >div {
    /*display: inline-block;*/
}
.antenna-oversize {
    background-image: url(/images/antenna_oversize_new.png);
    background-size: 67%;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.block-silver {
    background-color: #424242;
}
.mobile-menu-block, .mobile-menu-block a {
    color:#F2F2F2;
}
.mobile-menu-block {
    background-color: #424242;
    padding-bottom: 80px !important;
    position:fixed;
    top:0;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 10;
}

.mobile-menu-top > div {
    text-align: center;
}
.mobile-menu-top > div img {
    margin-right: 35px;
}

.mobile-menu-top div p {
    font-size: 20px;
}
.mobile-menu-top div p.mobile-menu-top-h1 {
    font-size: 32px;
    font-weight: 700;
}
.mobile-menu-top div p.mobile-menu-bottom-h2 {
    height:98px;
    font-size:30px;
    padding-top: 27px;
}

.mobile-menu-bottom-main {
    padding-bottom: 77px;
}
.mobile-menu {
    line-height: 26px;
    text-align: center;
}
.mobile-menu a {
    color: #F2F2F2;
}
.mobile-menu li {
    padding-bottom: 11px;
}
.mobile-menu li:last-child {
     padding-bottom: 0;
 }
.mobile-menu>ul>li:first-child, .mobile-menu>ul>li:first-child a {
    color:#65CE9C;
    font-size: 20px;
    padding-bottom: 29px;
    font-weight: 500;
}
.news-home {
    height: auto;
    background-color: #424242;
    padding-top: 216px !important;
}
.footer {
    background-color: #424242;
    padding-top: 80px !important;
}
/*.news-home {
    background: url('/images/moving_string/news_moving.svg') repeat-x 0 80px #4B4B4B;
}*/

.news-bottom,.zvonite, .support {
    height: 426px;
    background-color: #4B4B4B;
}
.news-bottom .container {
    padding-bottom: 55px;
}
.zvonite .container, .support .container {
    padding-bottom: 48px;
}
.support .container {
    padding-bottom: 102px;
}
.news-bottom .js-moving-string, .news-home {
    background: url('/images/moving_string/news_moving.svg') repeat-x 0 80px #4B4B4B;
}
.zvonite .js-moving-string {
    background: url('/images/moving_string/zvonite_moving.svg') repeat-x 0 80px #4B4B4B;
}
.support .js-moving-string {
    background: url('/images/moving_string/support_moving.svg') repeat-x 0 106px #4B4B4B;
}
#sectionContacts .container {
    padding: 88px 0 76px 76px;
}
#sectionContacts {
    height: 446px;
}
#sectionContacts .container {
    height: 100%;
}
/*#sectionContacts > .flex-column {
    width: 50%;
    height: 100%;
}*/
#sectionContacts .h2 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 16px;
}

.baner-title, .banner-a {
    /*text-shadow: 1px 1px #000;*/
    color: #fff;
    text-transform: uppercase;
    font-family: 'GothamPro-Black';
    font-size: 65px;
    line-height: 65px;
}
.baner-subtitle {
    font-size: 50px;
    line-height: 50px;
    font-family: 'GothamPro-Black';
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
    color: transparent;
    text-transform: uppercase;
    letter-spacing: 3px;
}
.baner-text {
    line-height:26px;
    width: 45%;
}
#sectionMap {
    position: relative;
}
#yaMap {
    height: 1080px;
}
#sectionKeyPoints img {
    margin-bottom: 30px;
    height: 70px;
}
.innerpage .cont-row .h2 {
    font-size: 32px;
    margin-bottom: 40px;
}
#rowPartners {
    padding-top: 80px;
    padding-bottom: 80px;
    height: 375px;
}
#rowPartners .h2 {
    font-size: 48px;
    font-weight: bold;
}
#sectionKeyPoints {
    padding-top: 80px;
    padding-bottom: 57px;
    background-color: #424242;
    color: #F2F2F2;
    font-size: 20px;
    line-height: 26px;
}
#sectionKeyPoints > div >div {
    padding: 0 5px;
}
.mobile-menu-bottom-left a,.mobile-menu-bottom-left a:hover, .mobile-menu-bottom-left a:focus, .mobile-menu-bottom-left a:visited {
    color: #F2F2F2;
}
/*#newsAnimation,*/ .js-moving-string {
    height: 100%;
}

@media only screen and (min-width:750px) {
    .container, .container-half {
        width:680px;
    }

    .footer {
        height:auto;
    }
    .mobile-menu-logo {
        width: 100%;
    }
    .antenna-oversize {

    }

    .mobile-menu-bottom-main {
        padding-bottom: 77px;
    }
    .mobile-menu li:first-child {
        padding-bottom: 29px;
    }

    .mobile-menu-bottom-left {
        width: 320px;
    }
    .news-home {
        padding-top: 216px !important;
        padding-bottom: 53px !important;
        height: auto;
    }
    .antenna-oversize .baner-title, .banner-a {
        font-size: 50px;
    }
    #sectionKeyPoints {
        padding-top: 114px;
        padding-bottom: 140px;
        background-color: #424242;
        color: #F2F2F2;
        font-size: 20px;
        line-height: 26px;
    }
    #sectionKeyPoints > div >div {
        padding: 0 5px;
    }
}
@media only screen and (min-width:1120px) {
    .container {
        width:1040px;
    }
    .container-half {
        width: 520px;
    }
    .mobile {display: none}
    .cont-row {
        height: 630px;
        background-repeat: no-repeat;
        background-position: right;
        background-size: 50%;
    }
    .cont-row > div {
        width: 50%
    }
    .mainpage .cont-row .container-half {
        padding-top: 204px;
        padding-bottom: 108px;
    }
    .cont-row #newsText .container-half {
        padding-top: 77px;
    }
    .cont-row.text-left .container-half {
        padding-right: 80px;
    }
    .cont-row.text-right .container-half {
        padding-left: 80px;
    }
    .mainpage .cont-row .h2 {
        font-size: 36px;
        margin-bottom: 53px;
    }


    .mobile-menu-logo {
        width: 100%;
    }
    .mobile-menu {
        width: 60%;
    }
    .mobile-menu-top div p {
        font-size: 20px;
    }
    .mobile-menu-top div p.mobile-menu-top-h1 {
        font-size: 32px;
        font-weight: 700;
    }
    .mobile-menu-top div p.mobile-menu-bottom-h2 {
        height:426px;
        font-size:30px
    }
    .mobile-menu-top > div {
        width: 50%;
    }
    .mobile-menu-top {
        justify-content: center;
    }
    .footer {
        padding-top: 76px !important;
    }
    .mobile-menu {
        padding-top: 54px;
    }
    .antenna-oversize {
        padding-top: 103px;
        background-size: 631px;
        background-position: bottom right;
    }
    .baner-body {
        padding-top: 116px;
        padding-bottom: 157px;
    }
    .inner .baner-title {

    }
    .antenna-oversize .baner-title, .banner-a {
        font-size: 65px;
    }

    .antenna-oversize .baner-subtitle, .banner-b {
        margin-top: 23px;
    }
    .inner .baner-text {

    }
    .antenna-oversize .baner-text, .banner-c {
        margin-top: 239px;
    }
    .antenna-oversize .baner-button{
        margin-top: 56px;
        position: relative;
        left: 171px;
    }
    .baner-footer-mobile {
        display: none;
    }
    #yaMap {
        height: 1080px;
    }
    #sectionMap .box {
        position: absolute;
        width: 460px;
        height: 750px;
        top:180px;
        /*left: calc( 50% + 140px );*/
        right:20px;
        background-color: #F2F2F2;
        padding: 57px 62px 43px 70px;
    }
    #sectionMap .h1 {
        font-size: 48px;
        font-weight: bold;
        line-height: 80px;
    }
    #sectionMap .h2 {
        font-size: 20px;
        font-weight: bold;
        line-height: 30px;
        margin-bottom: 16px;
    }
    #rowPartners {
        padding-top: 82px;
        padding-bottom: 118px;
        height: 426px;
    }

    .innerpage .cont-row .h2 {
        font-size: 36px;
        margin-bottom: 40px;
    }
    #rowPartners .h2 {
        font-size: 36px;
    }
    .news-bottom {
        height: 426px;
    }
    .mobile-menu-bottom-left>div:nth-child(2) {
        text-align: justify;
    }
}
@media only screen and (min-width:1440px) {
    .container {
        width:1400px;
    }
    .container-half {
        width: 700px;
    }
    .cont-row {
        height: 630px;
        background-repeat: no-repeat;
        background-position: right;
        background-size: 50%;
    }
    .cont-row > div {
        width: 50%
    }
    .mainpage .cont-row .container-half {
        padding-top: 204px;
        padding-bottom: 108px;
    }
    .cont-row.text-left .container-half {
        padding-right: 100px;
    }
    .cont-row.text-right .container-half {
        padding-left: 100px;
    }
    .mainpage .cont-row .h2 {
        font-size: 48px;
        margin-bottom: 80px;
    }
    .mobile-menu {
        width: 65%;
    }
    .mobile-menu-top {
        margin: 53px auto 0;
        width: 1242px;
    }
    .antenna-oversize {
        background-size: 731px;
    }
    .inner .baner-title {

    }
    .antenna-oversize .baner-title, .banner-a {

    }
    .inner .baner-text {

    }

    .antenna-oversize .baner-button{
        left: 360px;
    }
    .mobile-menu-top div p {
        font-size: 24px;
    }
    .mobile-menu-top div p.mobile-menu-top-h1 {
        font-size: 48px;
        font-weight: 700;
    }
    .mobile-menu-top div p.mobile-menu-bottom-h2 {
        height:426px;
        font-size:40px
    }
    #sectionMap .box {
        left: calc( 50% + 140px );
        width: 560px;
        padding: 57px 82px 43px 90px;
    }
    #sectionMap .h1 {
        font-size: 48px;
    }
}

@media only screen and (max-width:1119px){
    .menu-desktop {
        display: none !important;
    }
    .flex-row.cont-row.text-left {
        flex-direction: column-reverse;
    }
    .flex-row.cont-row.text-right {
        flex-direction: column;
    }
    .bg-image {
        height: 500px;
    }

    .container-half{
        width:680px;
    }
    .cont-row .container-half {
        padding:80px 35px 80px 80px;
    }

    .container-half {
        margin:0 auto;
    }
    .mobile-menu-logo {
        width: 100%;
        margin-top: 74px;
        margin-bottom: 49px;
    }
    .mobile-menu {
        width: 60%;
    }
    /*.mobile-menu-top div p {
        font-size: 24px;
    }
    .mobile-menu-top div p.mobile-menu-top-h1 {
        font-size: 48px;
        font-weight: 700;
    }
    .mobile-menu-top div p.mobile-menu-bottom-h2 {
        height:426px;
        font-size:40px
    }*/
    .mobile-menu-top {
        justify-content: center;
        flex-direction: column;
    }
    .footer {
        padding-top: 56px !important;
    }
    .mobile-menu {
        padding-top: 54px;
    }
    .flex-row.mobile-menu-bottom-main {
        flex-direction: column-reverse;
        height: auto;
    }
    .mobile-menu-bottom-left, .mobile-menu {
        width: 100%;
    }
    .mobile-menu-top > div {
        margin-top: 0;
    }
    .mobile-menu-top-h1 {
        font-size: 30px;
        margin-top: 27px;
    }
    .mobile-menu-top-p {
        font-size: 20px;
    }
    .mobile-menu-top > div img {
        margin-right: 0;
        width:35px;
    }
    .mobile-menu-bottom-h2 {
        font-size: 24px;
    }
    .header {
        height: 575px;
    }
    .baner-text, .baner-button.hvr-shutter-out-horizontal {
        display: none;
    }
    .baner-footer-mobile {
        height: 235px;
        padding-top: 67px;
        color:#ffffff;
        background-color: #111111;

    }
    .baner-footer-mobile .container {
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        text-align: center;
    }
    .baner-footer-mobile-home {
        padding-top: 42px;
    }
    .baner-footer-mobile-button a {
        margin: 0 auto;
    }
    .desktop {display: none}

    .baner-body.antenna-oversize {
        padding-top: 23px;
        background-size: 320px;
        background-position: center bottom;
    }
    .inner .baner-title {
        margin-top: 12px;
        line-height: 76px;
    }
    .antenna-oversize .baner-title, .banner-a {

    }
    .inner .baner-text {
        line-height: 26px;
    }
    .header .top-logo {
        margin-top: 8px;
    }
    .header .top-logo img, .mobile-menu-logo img {
        width: 200px;
    }
    #sectionKeyPoints {
        padding-bottom: 80px;
    }
    #sectionKeyPoints .flex-row {
        flex-wrap: wrap;
    }
    #sectionKeyPoints > div >div {
        padding-bottom: 60px;
        width: 50%;
    }
    .news-bottom, .zvonite, .support {
        height: 280px;
    }
    .news-bottom .container {
        padding-bottom: 35px;
    }
    .zvonite .container, .support .container  {
        padding-bottom: 80px;
    }
    .news-bottom .js-moving-string, .news-home {
        background: url('/images/moving_string/news_moving_m.svg') repeat-x 0 80px #4B4B4B;
        /*height: 100%;*/
    }

    .zvonite .js-moving-string  {
        background: url('/images/moving_string/zvonite_moving_m.svg') repeat-x 0 80px ;
    }
    .support .js-moving-string  {
        background: url('/images/moving_string/support_moving_m.svg') repeat-x 0 80px ;
    }
    #sectionContacts{
        height: auto;
    }
    #sectionContacts .container {
        padding: 80px;
        flex-direction: column !important;
    }
    /*#sectionContacts > .flex-column {
        width: 100%;
    }*/
    #sectionContacts .flex-column > div {
        margin-top: 40px;
    }
    #sectionContacts .h2 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 22px;
    }
    #sectionMap {
        display: flex;
        flex-direction: column-reverse;
    }
    #sectionMap .box {
        margin: 0 auto;
        width: 680px;
        max-width: 100%;
        padding: 80px 10px;
    }
    #sectionMap .h1 {
        font-size: 48px;
        line-height: 76px;
        margin-bottom: 40px;
        font-weight: bold;
    }
    .mobile-menu-bottom-left>div:nth-child(2) {
        text-align: center;
        margin-bottom: 18px;
    }
    .mobile-menu-bottom-left>div:nth-child(3) {
        justify-content: center;
    }
    .mobile-menu-bottom-left>div:nth-child(3) div {
        padding: 0 8px;
    }
    #yaMap {
        height: 680px;
    }
}

@media only screen and (max-width:749px){
    .container {
        width:100%;
    }
    .container {
        padding:0 35px;
    }
    .cont-row .container-half {
        padding:80px 35px 80px 80px;
    }
    #rowCompany .bg-image {
        background-image:url(/images/main_company_m.jpg);
    }
    #rowServices .bg-image {
        background-image:url(/images/main_services_m.jpg);
    }
    #rowEquipment .bg-image {
        background-image:url(/images/main_equipment_m.jpg);
    }
    #rowAbout .bg-image {
        background-image:url(/images/company_kantry_office_m.jpg);
    }
    #rowSertificates .bg-image {
        background-image:url(/images/company_license_m.jpg);
    }
    #rowCorpNetworks .bg-image {
        background-image:url(/images/services_corpnets_m.jpg);
    }
    #rowInternet .bg-image {
        background-image:url(/images/services_internet_telephone_m.jpg);
    }
    #rowTechSupport .bg-image {
        background-image:url(/images/services_techsupport_m.jpg);
    }
    #rowHubs .bg-image {
        background-image:url(/images/equipment_hubs_m.jpg);
    }
    #rowMobile .bg-image {
        background-image:url(/images/equipment_mobile_m.jpg);
    }
    #rowVsat .bg-image {
        background-image:url(/images/equipment_vsat_m.jpg);
    }

    .mobile-menu.flex-row {
        flex-direction: column;
        text-align: center;
    }
    .mobile-menu li {
        padding-bottom: 16px;
    }
    .mobile-menu li:last-child {
        padding-bottom: 40px;
    }
    .mobile-menu li:first-child {
        padding-bottom: 20px;
    }
    .mobile-menu-bottom-left {
        padding-top: 16px;
    }
    .mobile-menu-bottom-left > * {
        align-self: center;
        margin-top: 12px;
        margin-bottom: 12px;
    }
    .mobile-menu-bottom-left .mobile-menu-logo {
        margin-bottom: 39px;
    }
    .home.mobile-menu-block {
        height: auto;
    }
    /*.mobile-menu-top > div * {
        display: none;
    }*/
    .antenna-oversize {
        background-image: url(/images/antenna_oversize.png);
        background-size: 67%;
        background-repeat: no-repeat;
        background-position: center 269px;
    }
    .baner-title, .baner-subtitle {
        font-size: 44px;
        line-height: 50px;
    }
    #sectionKeyPoints .flex-row {
        flex-direction: column;
        align-content: center;
    }
    #sectionKeyPoints > div > div {
        width: auto;
    }
    .mobile-menu-bottom-left>div{
        font-size: 16px;
    }
    /*.news-home {
        background: url('/images/news_moving_m.svg') repeat-x 0 80px #424242;
    }
    .news-inner {
        background: url('/images/news_moving_m.svg') repeat-x 0 #424242;
    }*/
    #yaMap {
        height: 680px;
    }
    .news-home.js-moving-string {
        height: auto;
    }
}
@media only screen and (max-width:600px){
    .baner-title, .baner-subtitle {
        font-size: 40px;
        line-height: 50px;
    }
    #yaMap {
        height: 600px;
    }
}
@media only screen and (max-width:555px){
    .baner-title, .baner-subtitle {
        font-size: 36px;
        line-height: 50px;
    }
    #yaMap {
        height: 555px;
    }
}
@media only screen and (max-width:500px){
    .baner-title, .baner-subtitle {
        font-size: 32px;
        line-height: 50px;
    }
    #yaMap {
        height: 500px;
    }
}
@media only screen and (max-width:450px){
    .baner-title, .baner-subtitle {
        font-size: 30px;
        line-height: 50px;
    }
    .mainpage .cont-row .h2 {
        font-size: 24px;
    }
    #yaMap {
        height: 450px;
    }
}
@media only screen and (max-width:427px){
    .baner-title, .baner-subtitle {
        font-size: 24px;
        line-height: 50px;
    }
    .container{
        padding: 0 10px;
    }
    .cont-row .container-half {
        padding-left: 10px;
        padding-right: 10px;
    }
    .mobile-menu-top div p.mobile-menu-top-h1 {
        font-size: 24px;
    }
    .mobile-menu-top div .mobile-menu-top-p {
        font-size: 18px;
    }
    .baner-body.antenna-oversize {
        background-size: 300px;
    }
    .mobile-menu-top div p.mobile-menu-bottom-h2 {
        font-size: 24px;
    }
    .mobile-menu-logo img {
        max-width: 100%;
    }
    #yaMap {
        height: 430px;
    }
}

/*
HOVER*/
.hvr-shutter-out-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    /*box-shadow: 0 0 1px rgba(0, 0, 0, 0);*/
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.btn-primary.hvr-shutter-out-horizontal::before {
    background: #FFCC00;
}
.btn-outline.hvr-shutter-out-horizontal::before {
    background: #FCAC49;
}
.btn-small.hvr-shutter-out-horizontal::before {
    background: #65CE9C;
}
.btn-outline.hvr-shutter-out-horizontal:hover,
.btn-outline.hvr-shutter-out-horizontal:focus,
.btn-outline.hvr-shutter-out-horizontal:active,
.btn-small.hvr-shutter-out-horizontal:hover,
.btn-small.hvr-shutter-out-horizontal:focus,
.btn-small.hvr-shutter-out-horizontal:active
{
    color:#424242;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
     /*color: white;*/
 }
.hvr-shutter-out-horizontal:hover::before, .hvr-shutter-out-horizontal:focus::before, .hvr-shutter-out-horizontal:active::before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.hvr-float {
    display: inline-block;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}