@font-face {
    font-family: "GothamProBlack";
    src: url("../fonts/GothamProBlack/GothamProBlack.eot");
    src: url("../fonts/GothamProBlack/GothamProBlack.eot?#iefix") format("embedded-opentype"),
    url("../fonts/GothamProBlack/GothamProBlack.woff") format("woff"),
    url("../fonts/GothamProBlack/GothamProBlack.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "GothamProRegular";
    src: url("../fonts/GothamProRegular/GothamProRegular.eot");
    src: url("../fonts/GothamProRegular/GothamProRegular.eot?#iefix")format("embedded-opentype"),
    url("../fonts/GothamProRegular/GothamProRegular.woff") format("woff"),
    url("../fonts/GothamProRegular/GothamProRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "GothamProBold";
    src: url("../fonts/GothamProBold/GothamProBold.eot");
    src: url("../fonts/GothamProBold/GothamProBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/GothamProBold/GothamProBold.woff") format("woff"),
    url("../fonts/GothamProBold/GothamProBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

.linearLeft {
    -webkit-animation: linearLeft 40s linear 0s infinite;
    -moz-animation: linearLeft 40s linear 0s infinite;
    -ms-animation: linearLeft 40s linear 0s infinite;
    -o-animation: linearLeft 40s linear 0s infinite;
    animation: linearLeft 40s linear 0s infinite;
}

@-webkit-keyframes linearLeft{
    from { background-position: -1000px 100%, 0 0;}
    to { background-position: 0 100%, 0 0;  } }
@-moz-keyframes linearLeft{
    from { background-position: -1000px 100%, 0 0;}
    to { background-position: 0 100%, 0 0;  } }
@-ms-keyframes linearLeft{
    from { background-position: -1000px 100%, 0 0;}
    to { background-position: 0 100%, 0 0;  } }
@-o-keyframes linearLeft{
    from { background-position: -1000px 100%, 0 0;}
    to { background-position: 0 100%, 0 0;  } }
@keyframes linearLeft{
    from { background-position: -1000px 100%, 0 0;}
    to { background-position: 0 100%, 0 0;  } }


.circle-ripple {
    margin-top: 13%;
    margin-left: 10%;
    background-color: rgba(255, 255, 255, 0.3);
    width: 30em;
    height: 30em;
    border-radius: 50%;
    -webkit-animation: ripple 1.7s linear infinite;
    animation: ripple 4s linear infinite;
}

@-webkit-keyframes ripple {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 15em rgba(255, 255, 255, 0.1), 0 0 0 30em rgba(255, 255, 255, 0.1), 0 0 0 45em rgba(255, 255, 255, 0.1);
    }
    100% {
        box-shadow: 0 0 0 15em rgba(255, 255, 255, 0.1), 0 0 0 30em rgba(255, 255, 255, 0.1), 0 0 0 45em rgba(255, 255, 255, 0.1), 0 0 0 60em rgba(255, 255, 255, 0);
    }
}

@keyframes ripple {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 15em rgba(255, 255, 255, 0.1), 0 0 0 30em rgba(255, 255, 255, 0.1), 0 0 0 45em rgba(255, 255, 255, 0.1);
    }
    100% {
        box-shadow: 0 0 0 15em rgba(255, 255, 255, 0.1), 0 0 0 30em rgba(255, 255, 255, 0.1), 0 0 0 45em rgba(255, 255, 255, 0.1), 0 0 0 60em rgba(255, 255, 255, 0);
    }
}

.fadeInRightBig {
    -webkit-animation: fadeInRightBig 1.5s ease 0s forwards;
    -moz-animation: fadeInRightBig 1.5s ease 0s forwards;
    -ms-animation: fadeInRightBig 1.5s ease 0s forwards;
    -o-animation: fadeInRightBig 1.5s ease 0s forwards;
    animation: fadeInRightBig 1.5s ease 0s forwards;
}

@-webkit-keyframes fadeInRightBig{
    from{
        opacity:0;
        -webkit-transform:translate3d(20%,0,0);
        transform:translate3d(20%,0,0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none;
    } }
@-moz-keyframes fadeInRightBig{
    from{
        opacity:0;
        -webkit-transform:translate3d(20%,0,0);
        transform:translate3d(20%,0,0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none;
    } }
@-ms-keyframes fadeInRightBig{
    from{
        opacity:0;
        -webkit-transform:translate3d(20%,0,0);
        transform:translate3d(20%,0,0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none;
    } }
@-o-keyframes fadeInRightBig{
    from{
        opacity:0;
        -webkit-transform:translate3d(20%,0,0);
        transform:translate3d(20%,0,0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none;
    } }
@keyframes fadeInRightBig{
    from{
        opacity:0;
        -webkit-transform:translate3d(20%,0,0);
        transform:translate3d(20%,0,0);
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none;
    } }

.fadeInUpBig {
    -webkit-animation: fadeInUpBig 1.5s ease 0s forwards;
    -moz-animation: fadeInUpBig 1.5s ease 0s forwards;
    -ms-animation: fadeInUpBig 1.5s ease 0s forwards;
    -o-animation: fadeInUpBig 1.5s ease 0s forwards;
    animation: fadeInUpBig 1.5s ease 0s forwards;
}

@-webkit-keyframes fadeInUpBig{
    from{
        opacity:0;
        -webkit-transform:translate3d(0,50%,0);
        transform:translate3d(0,50%,0);
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none;
    } }
@-moz-keyframes fadeInUpBig{
    from{
        opacity:0;
        -webkit-transform:translate3d(0,50%,0);
        transform:translate3d(0,50%,0);
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none;
    } }
@-o-keyframes fadeInUpBig{
    from{
        opacity:0;
        -webkit-transform:translate3d(0,50%,0);
        transform:translate3d(0,50%,0);
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none;
    } }
@-ms-keyframes fadeInUpBig{
    from{
        opacity:0;
        -webkit-transform:translate3d(0,50%,0);
        transform:translate3d(0,50%,0);
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none;
    } }
@keyframes fadeInUpBig{
    from{
        opacity:0;
        -webkit-transform:translate3d(0,50%,0);
        transform:translate3d(0,50%,0);
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none;
    } }
