* {
    line-height: 1;
    border: 0;
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    list-style: none;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: 'GothamRoundedBook', 'GothamRoundedBold', 'helvetica neue', helvetica, arial, sans-serif;
    color: #303133
}
*:focus {
    outline: 0
}
html {
    width: 100%;
    height: 100%
}
.inner-solid-color {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index: 3;
    opacity: 0;
    visiblity: hidden;
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
body {
    min-width: 100%;
    min-height: 100%;
    position: relative
}
body .loading-overlay {
    padding-top: 137px;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 99999;
    top: 0;
    left: 0;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
body .loading-overlay .inner {
    background-image: url(../public/img/front/BG-pattern.png);
    background-repeat: repeat;
    background-position: center 0;
    background-size: 400px 468px;
    width: 100%;
    height: 100%
}
@media only screen and (max-width: 768px) {
    body .loading-overlay {
        padding-top: 110px
    }
}
body.first-timer .content-wrap {
    padding-top: 210px
}
body.first-timer .loading-overlay {
    padding-top: 210px
}
body.first-timer .first-time {
    height: 56px
}
body .first-time {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    text-align: center;
    height: 0;
    overflow: hidden;
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
body .first-time h5 {
    display: inline-block;
    color: white;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    vertical-align: middle;
    margin-right: 20px;
    padding: 20px 0
}
body .first-time a {
    display: inline-block;
    padding: 7px 10px;
    color: white;
    font-size: 10px;
    letter-spacing: 1px;
    font-weight: 500;
    text-transform: uppercase;
    border: solid 1px white;
    border-radius: 4px;
    vertical-align: middle
}
body .first-time a:hover {
    background-color: white;
    color: #0b7bb3
}
body .content-wrap {
    position: relative;
    min-height: 100%;
    padding-top: 127px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
body .content-wrap .content-inner {
    z-index: 9;
    position: relative
}
@media only screen and (max-width: 768px) {
    body .content-wrap {
        padding-top: 106px !important;
    }
}
body.loaded .loading-overlay {
    opacity: 0;
    visibility: hidden
}
body.loaded .content-wrap {
    opacity: 1;
    visibility: visible
}
body.loaded .inner-solid-color {
    opacity: 0;
    visibility: hidden
}
body.loading-particles .inner-solid-color {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s
}
body.no-scroll {
    overflow: hidden
}
p {
    color: #303133;
    text-decoration: none;
    line-height: 1.5
}
.clearfix {
    clear: both;
    float: none
}
.clearfix:after {
    content: "";
    clear: both;
    float: none;
    display: block
}
::selection {
    color: white;
    background: #0b7bb3;
    font-size: 200px
}
::-moz-selection {
    color: white;
    background: #0b7bb3
}
input[invalid],
textarea[invalid] {
    border: 1px solid #ffc600!important
}
.gotham {
    font-family: 'Gotham A', 'Gotham B', 'helvetica neue', helvetica, arial, sans-serif
}
.avant {
    font-family: 'ITC Avant Garde Gothic W01', 'helvetica neue', helvetica, arial, sans-serif
}
.avenir {
    font-family: 'Avenir Next W01', 'helvetica neue', helvetica, arial, sans-serif
}
.animate-fast {
    -webkit-transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.animate {
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.animate-delay {
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .2s;
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .2s;
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .2s;
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .2s
}
.animate-in {
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.animate-search {
    -webkit-transition: all .3666s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3666s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3666s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3666s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.animate-out {
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .8s;
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .8s;
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .8s;
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .8s
}
.animate-slow {
    -webkit-transition: all .6s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .6s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .6s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .6s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.voting-a {
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, background-color 0s;
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, background-color 0s;
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, background-color 0s;
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, background-color 0s
}
.voting-b {
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .05s, background-color 0s;
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .05s, background-color 0s;
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .05s, background-color 0s;
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .05s, background-color 0s
}
.voting-c {
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .1s, background-color 0s;
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .1s, background-color 0s;
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .1s, background-color 0s;
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .1s, background-color 0s
}
.voting-d {
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .15s, background-color 0s;
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .15s, background-color 0s;
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .15s, background-color 0s;
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .15s, background-color 0s
}
.voting-e {
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .2s, background-color 0s;
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .2s, background-color 0s;
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .2s, background-color 0s;
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .2s, background-color 0s
}
.voting-f {
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .25s, background-color 0s;
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .25s, background-color 0s;
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .25s, background-color 0s;
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .25s, background-color 0s
}
.voting-g {
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .3s, background-color 0s;
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .3s, background-color 0s;
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .3s, background-color 0s;
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .3s, background-color 0s
}
.voting-h {
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .35s, background-color 0s;
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .35s, background-color 0s;
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .35s, background-color 0s;
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .35s, background-color 0s
}
.voting-i {
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .4s, background-color 0s;
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .4s, background-color 0s;
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .4s, background-color 0s;
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .4s, background-color 0s
}
.voting-j {
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .45s, background-color 0s;
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .45s, background-color 0s;
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .45s, background-color 0s;
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .45s, background-color 0s
}
.voting-atwo {
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .3s, background-color 0s;
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .3s, background-color 0s;
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .3s, background-color 0s;
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .3s, background-color 0s
}
.voting-btwo {
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .35s, background-color 0s;
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .35s, background-color 0s;
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .35s, background-color 0s;
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .35s, background-color 0s
}
.voting-ctwo {
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .4s, background-color 0s;
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .4s, background-color 0s;
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .4s, background-color 0s;
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .4s, background-color 0s
}
.voting-dtwo {
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .45s, background-color 0s;
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .45s, background-color 0s;
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .45s, background-color 0s;
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .45s, background-color 0s
}
.voting-etwo {
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .5s, background-color 0s;
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .5s, background-color 0s;
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .5s, background-color 0s;
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .5s, background-color 0s
}
.voting-ftwo {
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .55s, background-color 0s;
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .55s, background-color 0s;
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .55s, background-color 0s;
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .55s, background-color 0s
}
.voting-gtwo {
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .6s, background-color 0s;
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .6s, background-color 0s;
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .6s, background-color 0s;
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .6s, background-color 0s
}
.voting-htwo {
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .65s, background-color 0s;
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .65s, background-color 0s;
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .65s, background-color 0s;
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .65s, background-color 0s
}
.voting-itwo {
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .7s, background-color 0s;
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .7s, background-color 0s;
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .7s, background-color 0s;
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .7s, background-color 0s
}
.voting-jtwo {
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .75s, background-color 0s;
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .75s, background-color 0s;
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .75s, background-color 0s;
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .75s, background-color 0s
}
.voting-athree {
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) 1.6s, background-color 0s;
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) 1.6s, background-color 0s;
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) 1.6s, background-color 0s;
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) 1.6s, background-color 0s
}
.hardware {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1)
}
@-webkit-keyframes grow {
    0%, 30%, 100% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }
    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes grow {
    0%, 30%, 100% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }
    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}
@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    20%,
    60% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    40%,
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}
@keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    20%,
    60% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    40%,
    60% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }
}
@-webkit-keyframes dropIt {
    0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(3px);
        transform: translateX(3px)
    }
}
@keyframes dropIt {
    0%, 100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-3px);
        -ms-transform: translateX(-3px);
        transform: translateX(-3px)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(3px);
        -ms-transform: translateX(3px);
        transform: translateX(3px)
    }
}
@-webkit-keyframes fadeInTitle {
    0% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translate3d(0, 30px, 0);
        -moz-transform: translate3d(0, 30px, 0);
        -ms-transform: translate3d(0, 30px, 0);
        -o-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0)
    }
    100% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@keyframes fadeInTitle {
    0% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translate3d(0, 30px, 0);
        -moz-transform: translate3d(0, 30px, 0);
        -ms-transform: translate3d(0, 30px, 0);
        -o-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0)
    }
    100% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@-webkit-keyframes fadeInCopy {
    0% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translate3d(0, 30px, 0);
        -moz-transform: translate3d(0, 30px, 0);
        -ms-transform: translate3d(0, 30px, 0);
        -o-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0)
    }
    100% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@keyframes fadeInCopy {
    0% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translate3d(0, 30px, 0);
        -moz-transform: translate3d(0, 30px, 0);
        -ms-transform: translate3d(0, 30px, 0);
        -o-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0)
    }
    100% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translate3d(0, 40px, 0);
        -moz-transform: translate3d(0, 40px, 0);
        -ms-transform: translate3d(0, 40px, 0);
        -o-transform: translate3d(0, 40px, 0);
        transform: translate3d(0, 40px, 0)
    }
    20%,
    80% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translate3d(0, -40px, 0);
        -moz-transform: translate3d(0, -40px, 0);
        -ms-transform: translate3d(0, -40px, 0);
        -o-transform: translate3d(0, -40px, 0);
        transform: translate3d(0, -40px, 0)
    }
}
@keyframes fadeInOut {
    0% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translate3d(0, 40px, 0);
        -moz-transform: translate3d(0, 40px, 0);
        -ms-transform: translate3d(0, 40px, 0);
        -o-transform: translate3d(0, 40px, 0);
        transform: translate3d(0, 40px, 0)
    }
    20%,
    80% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translate3d(0, -40px, 0);
        -moz-transform: translate3d(0, -40px, 0);
        -ms-transform: translate3d(0, -40px, 0);
        -o-transform: translate3d(0, -40px, 0);
        transform: translate3d(0, -40px, 0)
    }
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translate3d(0, 40px, 0);
        -moz-transform: translate3d(0, 40px, 0);
        -ms-transform: translate3d(0, 40px, 0);
        -o-transform: translate3d(0, 40px, 0);
        transform: translate3d(0, 40px, 0)
    }
    100% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translate3d(0, 40px, 0);
        -moz-transform: translate3d(0, 40px, 0);
        -ms-transform: translate3d(0, 40px, 0);
        -o-transform: translate3d(0, 40px, 0);
        transform: translate3d(0, 40px, 0)
    }
    100% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
.gradient {
    background-color: #0b7bb3;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #194be4), color-stop(50%, #6b8efb), color-stop(100%, #194be4));
    background-image: -webkit-linear-gradient(left, color-stop(0%, #194be4), color-stop(50%, #6b8efb), color-stop(100%, #194be4));
    background-image: -moz-linear-gradient(left, color-stop(0%, #194be4), color-stop(50%, #6b8efb), color-stop(100%, #194be4));
    background-image: -ms-linear-gradient(left, color-stop(0%, #194be4), color-stop(50%, #6b8efb), color-stop(100%, #194be4));
    background-image: -o-linear-gradient(left, color-stop(0%, #194be4), color-stop(50%, #6b8efb), color-stop(100%, #194be4));
    background-size: 200%;
    background-position: 0 0
}
@-webkit-keyframes gradientMove {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 200% 0
    }
}
@keyframes gradientMove {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 200% 0
    }
}
@-webkit-keyframes downup {
    0% {
        -webkit-transform: translate3d(0, 5px, 0);
        -moz-transform: translate3d(0, 5px, 0);
        -ms-transform: translate3d(0, 5px, 0);
        -o-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, -5px, 0);
        -moz-transform: translate3d(0, -5px, 0);
        -ms-transform: translate3d(0, -5px, 0);
        -o-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
}
@keyframes downup {
    0% {
        -webkit-transform: translate3d(0, 5px, 0);
        -moz-transform: translate3d(0, 5px, 0);
        -ms-transform: translate3d(0, 5px, 0);
        -o-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, -5px, 0);
        -moz-transform: translate3d(0, -5px, 0);
        -ms-transform: translate3d(0, -5px, 0);
        -o-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
}
@-webkit-keyframes downupbig {
    0% {
        -webkit-transform: translate3d(0, 10px, 0);
        -moz-transform: translate3d(0, 10px, 0);
        -ms-transform: translate3d(0, 10px, 0);
        -o-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, -10px, 0);
        -moz-transform: translate3d(0, -10px, 0);
        -ms-transform: translate3d(0, -10px, 0);
        -o-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
}
@keyframes downupbig {
    0% {
        -webkit-transform: translate3d(0, 10px, 0);
        -moz-transform: translate3d(0, 10px, 0);
        -ms-transform: translate3d(0, 10px, 0);
        -o-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, -10px, 0);
        -moz-transform: translate3d(0, -10px, 0);
        -ms-transform: translate3d(0, -10px, 0);
        -o-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
}
@media only screen and (max-width: 420px) {
    body {
        overflow-x: hidden
    }
}
.welcome-wrap {
    width: 100%;
    height: 0;
    padding-bottom: 260px;
    position: relative;
    background-size: cover;
    background-clip: border-box;
    background-color: transparent;
    background-image: url(../img/banR1.jpg);
    background-origin: padding-box;
    background-position: center center;
    background-repeat: no-repeat;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: -47px 0 10px;
    border-bottom: solid 1px #f7f8f9;
}
.welcome-wrap.inactive {
    height: 0;
    padding: 0;
    margin: 0;
    border: 0
}
.welcome-wrap.hidden {
    display: none
}
.hidden {
    display: none
}
/* ------------------------------------------------------------------
Overlays
------------------------------------------------------------------- */

.bg-light {
    background-color: #f7f7f7;
    height: 100%;
    width: 100%;
}

.bg-dark {
    background-color: #111;
    height: 100%;
    width: 100%;
}

.bg-dark,
.bg-dark-30,
.bg-dark-60,
.bg-dark-90,
.bg-dark h1, .bg-dark h2, .bg-dark h3, .bg-dark h4, .bg-dark h5, .bg-dark h6,
.bg-dark-30 h1, .bg-dark-30 h2, .bg-dark-30 h3, .bg-dark-30 h4, .bg-dark-30 h5, .bg-dark-30 h6,
.bg-dark-60 h1, .bg-dark-60 h2, .bg-dark-60 h3, .bg-dark-60 h4, .bg-dark-60 h5, .bg-dark-60 h6,
.bg-dark-90 h1, .bg-dark-90 h2, .bg-dark-90 h3, .bg-dark-90 h4, .bg-dark-90 h5, .bg-dark-90 h6,
.bg-dark .content-box-icon, .bg-dark-30 .content-box-icon, .bg-dark-60 .content-box-icon, .bg-dark-90 .content-box-icon {
    color: #fff;
}

.bg-film:before,
.bg-dark-30:before,
.bg-dark-60:before,
.bg-dark-90:before,
.bg-light-30:before,
.bg-light-60:before,
.bg-light-90:before {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 0;
}

.bg-dark-30:before {
    background: rgba(34, 34, 34, 0.3);
    content: "";
    left: 0;
    top: 0;
}

.bg-dark-60:before {
    background: rgba(34, 34, 34, 0.6);
    content: "";
    left: 0;
    top: 0;
}

.bg-dark-90:before {
    background: rgba(34, 34, 34, 0.9);
    content: "";
    left: 0;
    top: 0;
}

.bg-light-30:before {
    background: rgba(255, 255, 255, 0.3);
    content: "";
    left: 0;
    top: 0;
}

.bg-light-60:before {
    background: rgba(255, 255, 255, 0.6);
    content: "";
    left: 0;
    top: 0;
}

.bg-light-90:before {
    background: rgba(255, 255, 255, 0.9);
    content: "";
    left: 0;
    top: 0;
}

.bg-film:before {
    background: url(../img/dot.gif);
    opacity: 0.09;
    content: "";
    left: 0;
    top: 0;
}
.welcome-wrap-contest {
    width: 100%;
    height: 0;
    padding-bottom: 340px;
    position: relative;
    background-size: cover;
    background-clip: border-box;
    background-color: transparent;
    background-origin: padding-box;
    background-position: center center;
    background-repeat: no-repeat;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: -47px 0 10px;
    border-bottom: solid 1px #f7f8f9;
}
.welcome-wrap-contest.inactive {
    height: 0;
    padding: 0;
    margin: 0;
    border: 0
}
.welcome-wrap-contest.hidden {
    display: none
}
.welcome-wrap--newsletter {
    margin-bottom: 0;
    background: transparent;
    height: auto;
    padding: 60px 20px;
    border: 0
}
.welcome-wrap--newsletter .welcome {
    position: static;
    background: #f1f4ff;
    border-radius: 3px;
    width: 100%;
    max-width: 1400px;
    padding: 20px;
    margin: 0 auto
}
.welcome-wrap--newsletter .welcome__container {
    overflow: hidden;
    position: relative;
    left: 50%;
    margin-left: -444px
}
@media screen and (max-width: 970px) {
    .welcome-wrap--newsletter .welcome__container {
        position: static;
        margin-left: 0
    }
}
.welcome-wrap--newsletter .welcome .close-tab {
    bottom: 15px;
    left: auto;
    right: -40px
}
@media screen and (max-width: 970px) {
    .welcome-wrap--newsletter .welcome .close-tab {
        left: 50%;
        right: auto;
        bottom: -25px;
        margin-left: -5px
    }
}
.welcome-wrap--newsletter .welcome .one {
    float: left;
    margin: 10px 0 0 0;
    text-transform: none;
    text-align: left;
    font-size: 20px
}
@media screen and (max-width: 970px) {
    .welcome-wrap--newsletter .welcome .one {
        float: none;
        text-align: center
    }
}
.welcome-wrap--newsletter .welcome .two {
    float: left;
    width: 280px
}
@media screen and (max-width: 970px) {
    .welcome-wrap--newsletter .welcome .two {
        float: none;
        margin: 20px auto 30px auto
    }
}
.welcome-wrap--newsletter .welcome form {
    max-width: 350px;
    width: 100%;
    overflow: hidden
}
.welcome-wrap--newsletter .welcome .newsletter__email {
    height: 38px;
    width: 70%;
    padding: 0 10px;
    float: left;
    border-radius: 3px 0 0 3px;
    border: 1px solid #efefef;
    border-right: 0;
    font-size: 12px;
    line-height: 38px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    font-family: 'GothamRoundedBook', 'GothamRoundedBold', 'helvetica neue', helvetica, arial, sans-serif
}
.newsletter__email {
    height: 40px;
    width: 80%;
    text-align: center;
    padding: 0 10px;
    margin: 0 0 0 25px;
    border-radius: 3px 0 0 3px;
    border: 1px solid #efefef;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    font-size: 12px;
    color: #a6adb2;
    line-height: 40px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    font-family: 'GothamRoundedBook', 'GothamRoundedBold', 'helvetica neue', helvetica, arial, sans-serif
}
.welcome-wrap--newsletter .welcome .newsletter__email:focus {
    border-color: #0b7bb3
}
.welcome-wrap--newsletter .welcome .newsletter__submit {
    height: 40px;
    width: 30%;
    background: #0b7bb3;
    text-align: center;
    float: left;
    cursor: pointer;
    border-radius: 0 3px 3px 0;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    font-family: 'GothamRoundedBook', 'GothamRoundedBold', 'helvetica neue', helvetica, arial, sans-serif;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}
.welcome-wrap--newsletter .welcome .newsletter__submit:hover {
    background: #2356fa
}
.badge-ios {
	margin-left: 20px;
	width: 110px !important
}
footer .logo a img{
	width: 160px
}
.welcome {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    text-align: center;
    overflow: hidden
}
.welcome .close-tab {
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -5px;
    width: 10px;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInCopy;
    animation-name: fadeInCopy;
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
    cursor: pointer
}
.welcome .illustrations {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden
}
.welcome .illustrations img {
    width: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInCopy;
    animation-name: fadeInCopy;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.welcome .illustrations img.img1 {
    width: 50px;
    margin: -90px 0 0 -400px;
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s
}
.welcome .illustrations img.img2 {
    width: 40px;
    margin: -90px 0 0 360px;
    -webkit-animation-delay: 2.7s;
    animation-delay: 2.7s
}
.welcome .illustrations img.img3 {
    width: 30px;
    margin: 60px 0 0 -300px;
    -webkit-animation-delay: 2.9s;
    animation-delay: 2.9s
}
.welcome .illustrations img.img4 {
    width: 40px;
    margin: 60px 0 0 260px;
    -webkit-animation-delay: 3.1s;
    animation-delay: 3.1s
}
.welcome .illustrations img.img5 {
    width: 40px;
    margin: 35px 0 0 -560px;
    -webkit-animation-delay: 3.2s;
    animation-delay: 3.2s
}
.welcome .illustrations img.img6 {
    width: 50px;
    margin: 35px 0 0 510px;
    -webkit-animation-delay: 3.2s;
    animation-delay: 3.2s
}
.welcome .illustrations img.img7 {
    width: 40px;
    margin: -45px 0 0 -680px;
    -webkit-animation-delay: 2.8s;
    animation-delay: 2.8s
}
.welcome .illustrations img.img8 {
    width: 25px;
    margin: -45px 0 0 660px;
    -webkit-animation-delay: 2.6s;
    animation-delay: 2.6s
}
.welcome .illustrations img.img9 {
    width: 20px;
    margin: 55px 0 0 -820px;
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s
}
.welcome .illustrations img.img10 {
    width: 40px;
    margin: 55px 0 0 780px;
    -webkit-animation-delay: 3.8s;
    animation-delay: 3.8s
}
.welcome .illustrations img.img11 {
    width: 35px;
    margin: -95px 0 0 -880px;
    -webkit-animation-delay: 3.7s;
    animation-delay: 3.7s
}
.welcome .illustrations img.img12 {
    width: 25px;
    margin: -95px 0 0 855px;
    -webkit-animation-delay: 3.6s;
    animation-delay: 3.6s
}
.welcome h3 {
    color: #fff;
    font-size: 20px;
    line-height: .9;
    padding: 0 20px;
    font-weight: 700;
    margin-top: 50px;
    margin-bottom: 15px;
}
.welcome-wrap-contest .welcome h1 {
    color: #fff;
    font-size: 34px;
    line-height: .9;
    padding: 0 20px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 15px;
    text-transform: uppercase
}
.welcome h1 {
    color: #fff;
    font-size: 34px;
    line-height: .9;
    padding: 0 20px;
    font-weight: 700;
    margin-top: 70px;
    margin-bottom: 15px;
    text-transform: uppercase
}
@media only screen and (max-width: 768px) {
    .welcome h1 {
        font-size: 22px;
        margin-top: 30px;
    }
}
.welcome h1.two {
    margin: 0;
    font-weight: 700;
    font-size: 24px;
    font-family: 'GothamRoundedLight';
}
.welcome h2.two {
    width: 90%;
    margin: 0 auto;
    font-weight: 300;
    font-size: 17px;
    margin-top: 20px;
    text-transform: uppercase;
    font-family: 'GothamRoundedBook';
}
@media only screen and (max-width: 768px) {
    .welcome h1.two {
        font-size: 16px;
        line-height: 1.1;
    }
}
.welcome .one {
    -webkit-animation-duration: .9s;
    animation-duration: .9s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInTitle;
    animation-name: fadeInTitle
}
.welcome .two {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInTitle;
    animation-name: fadeInTitle;
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}
.welcome-wrap-contest .welcome .three {
    margin-top: 20px;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInTitle;
    animation-name: fadeInTitle;
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}
.welcome .three {
    margin-top: 40px;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInTitle;
    animation-name: fadeInTitle;
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}
.welcome .three a {
    padding: 10px 5px;
    width: 200px;
    background-color: #0b7bb3;
    color: white;
    border-radius: 3px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    display: inline-block;
    margin: 0 5px;
    border: solid 1px #0b7bb3
}
.video_signup .three a {
    padding: 10px 5px;
    width: 200px;
    background-color: #0b7bb3;
    color: white;
    border-radius: 3px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    display: inline-block;
    margin: 0 5px;
    border: solid 1px #0b7bb3;
    text-align: center;
    margin-top: 20px;
    margin-left: -20px;
}
@media only screen and (max-width: 768px) {
    .welcome .three a {
        width: 140px;
        font-size: 10px;
        padding: 9px 5px
    }
    .welcome .three {
    	margin-top: 20px
    }
    .welcome-wrap {
    	padding-bottom: 210px
    }
}
.text_spam {
	font-size: 14px;
	color: #b3b3b3;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 20px;
}
.newsletter_box {
    border: solid 1px #e6eaec;
}
.profile_vid {
	background-color: #fff;
    position: relative;
    padding-bottom: 10px
}
@media only screen and (max-width: 768px) {
    .newsletter_box {
    	border: solid 0px #e6eaec;
    }
    .sp-mask {
    	width: 100% !important;
    }
}
.newsletter_btn {
    padding: 11px 5px;
    width: 80%;
    background-color: #2996cc;
    color: white;
    border-radius: 3px;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    font-weight: 700;
    display: inline-block;
    margin: 10px 0 0 25px;
    border: solid 1px #2996cc
}
.login_btn {
    padding: 14px 5px;
    width: 100%;
    background-color: #2996cc;
    color: white;
    border-radius: 3px;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    font-weight: 700;
    display: inline-block;
    margin: 10px 0;
    border: solid 1px #2996cc
}
.facebook { background:#3b5998;border: solid 1px #3b5998 }
.spotlight_text {
	margin: -10px 0 0 25px;
}
.spotlight_title {
	top: 10px;
	position: absolute;
}
.sp-white {
	color:white !important;
	background-color: rgba(255,80,63,.8) !important;
	text-transform: uppercase;
	padding: 8px 20px !important
}
.sp-bottom-thumbnails {
	background-color: #1b2126;
}
.sp-thumbnail-description {
	color: white;
	font-family: 'GothamRoundedBold';
	font-size: 13px;
    padding: 10px
}
.sp-thumbnails {
	margin-left: 5px !important
}
.sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail {
	top: 5px !important;
    height: 90%;
    width: 100%;
    opacity: 0.5
}
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail .sp-thumbnail {
	opacity: 1 !important;
	border: 2px solid #fafafa;
    border-radius: 4px
}
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
	margin-top: 0 !important;
	border-bottom: 0 !important
}
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
	border-bottom: 0 !important
}
.text-center {
	text-align: center !important;
}
.spotlight_btn {
    padding: 11px 5px;
    width: 80%;
    background-color: #ff503f;
    color: white;
    border-radius: 3px;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    font-weight: 700;
    display: inline-block;
    margin: 19px 0 20px 25px;
    border: solid 1px #ff503f
}
.welcome .three a.more {
    background-color: transparent;
    color: #fff;
    border: solid 1px #fff
}
.video_signup .three a.more {
    background-color: transparent;
    color: #fff;
    border: solid 1px #fff
}
.welcome .three a:hover {
    background-color: #0b6d9e;
    border: solid 1px #0b6d9e;
    color: white
}
.welcome .three a.more:hover {
    background-color: rgba(244, 244, 244, 0.22);
    border: solid 1px #fff;
    color: white
}
.video_signup .three a.more:hover {
    background-color: rgba(244, 244, 244, 0.22);
    border: solid 1px #fff;
    color: white
}
header {
    width: 100%;
    height: 80px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #1b2126;
}
header .inner {
    max-width: 1400px;
    padding: 0 40px;
    margin: auto;
    position: relative;
    text-align: center;
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
@media only screen and (max-width: 768px) {
    header .inner {
        padding: 0 30px
    }
}
header .inner .navigation {
    display: inline-block;
    position: relative;
    z-index: 3
}
@media only screen and (max-width: 768px) {
    header .inner .navigation {
        width: 100%
    }
}
header .inner .navigation .logo {
    position: absolute;
    top: -23px;
    left: 50%;
    margin-left: -97px;
    width: 200px
}
header .inner .navigation .logo img {
    width: 150px;
    margin-top: 35px;
    display: block
}
@media only screen and (max-width: 768px) {
    header .inner .navigation .logo {
        width: 150px;
        margin-left: -75px
    }
    header .inner .navigation .logo img {
        width: 110px !important;
        margin: 33px auto 0px !important;
    }
}
header .inner .navigation .desktop-nav {
    display: inline-block;
    min-width: 515px
}
@media only screen and (max-width: 768px) {
    header .inner .navigation .desktop-nav {
        display: none
    }
}
header .inner .navigation .desktop-nav ul li {
    padding: 35px 16px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    position: relative;
    z-index: 2;
    text-align: center;
    top: 0;
}
footer .footer_menu {
	margin-top: -20px;
	margin-left: -55px
}
footer .footer_menu li {
    padding: 0 16px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    position: relative;
    z-index: 2;
    text-align: center;
    top: 0
}
footer .footer_menu li a {
	color: white
}
header .inner .navigation .desktop-nav ul li:nth-child(2) {
    
}
header .inner .navigation .desktop-nav ul li:nth-child(3) {
    margin-right: 170px;
    
}
header .inner .navigation .desktop-nav ul li:nth-child(4) {
    
}
header .inner .navigation .desktop-nav ul li a {
    color: #fff
}
header .inner .navigation .desktop-nav ul li a:hover {
    color: #fff
}
header .inner .navigation .desktop-nav ul li a.active,
header .inner .navigation .desktop-nav ul li a.on {
    color: #fff
}
header .inner .navigation .mobile-nav {
    width: 30px;
    position: relative;
    display: inline-block;
    cursor: pointer;
    display: none;
    float: left;
    margin-top: 22px;
    z-index: 9999
}
@media only screen and (max-width: 768px) {
    header .inner .navigation .mobile-nav {
        display: block
    }
    footer .footer_menu li {
    	line-height: 30px;
    	padding: 0 6px;
    	font-size: 12px
    }
    footer .footer_menu {
    	margin-left: -25px;
    }
    .grid-row-space-base {
    	margin: 20px 0 -20px -20px !important;
    }
    .mixcloud iframe {
    	width: 100% !important;
    }
    .nominees img.signup_now, .signup_now_text {
    	display: none;
    }
    .nominees .mixcloud {
    	padding-bottom: 0 !important
    }
}
header .inner .navigation .mobile-nav ul li {
    height: 2px;
    background-color: #fff;
    margin-bottom: 3px
}
header .inner .navigation .mobile-nav ul li:nth-child(1) {
    width: 22px;
    -webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .11s;
    -moz-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .11s;
    -o-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .11s;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .11s
}
header .inner .navigation .mobile-nav ul li:nth-child(2) {
    width: 22px;
    -webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .09s;
    -moz-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .09s;
    -o-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .09s;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .09s
}
header .inner .navigation .mobile-nav ul li:nth-child(3) {
    width: 22px;
    -webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .07s;
    -moz-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .07s;
    -o-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .07s;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .07s
}
header .inner .navigation .mobile-nav ul li:nth-child(4) {
    width: 18px;
    -webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .05s;
    -moz-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .05s;
    -o-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .05s;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .05s
}
header .inner .right-nav {
    position: absolute;
    right: 50px;
    top: 34px;
    z-index: 500;
}
@media only screen and (max-width: 768px) {
    header .inner .right-nav {
        top: 30px;
        right: 30px
    }
}
header .inner .right-nav a {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top
}
header .inner .right-nav a:hover {
    color: #fff
}
header .inner .right-nav a.submit-link {
    margin-left: 15px
}
@media only screen and (max-width: 768px) {
    header .inner .right-nav a.submit-link {
        display: none
    }
}
@media only screen and (max-width: 768px) {
    header .inner .right-nav a.blog-link {
        display: none
    }
}
header .inner .right-nav .profile-box {
    display: inline-block;
    margin-left: 15px;
    min-width: 32px;
    min-height: 32px;
    position: relative;
    z-index: 666;
    -webkit-overflow-scrolling: touch
}
header .inner .right-nav .profile-image {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: -12px;
    right: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center
}
@media only screen and (max-width: 768px) {
    header .inner .right-nav .profile-image {
        width: 28px;
        height: 28px
    }
}
header .inner .right-nav .profile-image .overlay {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #0b7bb3;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1)
}
header .inner .right-nav .profile-image .dropdown {
    position: absolute;
    top: 37px;
    right: 0;
    width: 240px;
    text-align: left;
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
    z-index: 99;
    -webkit-transform: translate3d(-10px, 0, 0);
    -moz-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    -o-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
header .inner .right-nav .profile-image .dropdown:before {
    content: "";
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    top: -5px;
    right: 9px;
    border-bottom: 7px solid #0b7bb3;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent
}
header .inner .right-nav .profile-image .dropdown h3 {
    background-color: #0b7bb3;
    color: white;
    border: 0;
    padding: 12px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    border-radius: 4px 4px 0 0
}
header .inner .right-nav .profile-image .dropdown h3 span {
    color: white;
    line-height: 1.2
}
header .inner .right-nav .profile-image .dropdown a {
    display: block;
    padding: 10px;
    background-color: white;
    color: #303133;
    border-left: solid 1px #ddd;
    border-right: solid 1px #ddd;
    border-bottom: solid 1px #f6f7f8
}
header .inner .right-nav .profile-image .dropdown a img {
    display: inline-block;
    width: 22px;
    vertical-align: middle
}
header .inner .right-nav .profile-image .dropdown a span.mega {
	font-size: 14px;
    margin-right: 10px;
}
header .inner .right-nav .profile-image .dropdown a span.bubble {
	border-radius: 100%;
    height: 16px;
    width: 16px;
    background-color: #0b7bb3;
    color: #ffffff;
    padding: 2px 0 0 5px;
    position: relative;
    float: right;
}
header .inner .right-nav .profile-image .dropdown a span {
    padding-left: 5px;
    color: #303133;
    display: inline-block;
    vertical-align: middle
}
header .inner .right-nav .profile-image .dropdown a:last-child {
    border-radius: 0 0 4px 4px;
    border-bottom: solid 1px #ddd
}
header .inner .right-nav .profile-image .dropdown a:hover span {
    color: #0b7bb3
}
header .inner .right-nav .profile-image:hover .overlay {
    opacity: .5;
    visibility: visible
}
header .inner .right-nav .profile-image:hover .dropdown {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
/*    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    -webkit-perspective: 1000;
    perspective: 1000;
    height: calc(100% + 1px);*/
}
header.out .inner .navigation .desktop-nav {
    min-width: 515px
}
header.out .inner .navigation .desktop-nav ul li {
    -webkit-transform: translate3d(0, -100px, 0);
    -moz-transform: translate3d(0, -100px, 0);
    -ms-transform: translate3d(0, -100px, 0);
    -o-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
    -webkit-transition: all .3s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    -moz-transition: all .3s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    -o-transition: all .3s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: all .3s cubic-bezier(0.895, 0.03, 0.685, 0.22)
}
header.out .inner .navigation .desktop-nav ul li:nth-child(2),
header.out .inner .navigation .desktop-nav ul li:nth-child(3) {
    -webkit-transition: all .3s cubic-bezier(0.895, 0.03, 0.685, 0.22) .05s;
    -moz-transition: all .3s cubic-bezier(0.895, 0.03, 0.685, 0.22) .05s;
    -o-transition: all .3s cubic-bezier(0.895, 0.03, 0.685, 0.22) .05s;
    transition: all .3s cubic-bezier(0.895, 0.03, 0.685, 0.22) .05s
}
header.out .inner .navigation .mobile-nav ul li {
    opacity: 0
}
header.out .inner .navigation .mobile-nav ul li:nth-child(1) {
    -webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .05s;
    -moz-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .05s;
    -o-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .05s;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .05s
}
header.out .inner .navigation .mobile-nav ul li:nth-child(2) {
    -webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .07s;
    -moz-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .07s;
    -o-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .07s;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .07s
}
header.out .inner .navigation .mobile-nav ul li:nth-child(3) {
    -webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .09s;
    -moz-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .09s;
    -o-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .09s;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .09s
}
header.out .inner .navigation .mobile-nav ul li:nth-child(4) {
    -webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .11s;
    -moz-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .11s;
    -o-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .11s;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .11s
}
header.out .inner .right-nav {
    opacity: 0;
    visibility: hidden
}
.mobile-menu {
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100%;
    background-color: rgba(48, 49, 51, 1);
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.mobile-menu.active {
    opacity: 1;
    visibility: visible
}
.mobile-menu.active .inner ul li:nth-child(1) a {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.mobile-menu.active .inner ul li:nth-child(2) a {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.mobile-menu.active .inner ul li:nth-child(3) a {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.mobile-menu.active .inner ul li:nth-child(4) a {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.mobile-menu.active .inner .close-mobile-nav div:nth-child(1) {
    transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -webkit-transform: rotate(225deg)
}
.mobile-menu.active .inner .close-mobile-nav div:nth-child(2) {
    transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
    -webkit-transform: rotate(-225deg)
}
.mobile-menu.active .bottom ul li {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.mobile-menu.active .bottom ul li:nth-child(1),
.mobile-menu.active .bottom ul li:nth-child(3) {
    -webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .05s;
    -moz-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .05s;
    -o-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .05s;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .05s
}
.mobile-menu.active .bottom ul li:nth-child(2) {
    -webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -moz-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -o-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s
}
.mobile-menu .inner {
    height: 100%;
    width: 100%;
    display: table
}
.mobile-menu .inner ul {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding-top: 80px;
    padding-bottom: 80px
}
.mobile-menu .inner ul li {
    width: 100%;
    padding: 15px
}
.mobile-menu .inner ul li:nth-child(1) a {
    -webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -moz-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -o-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -webkit-transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    -ms-transform: translate3d(0, 30px, 0);
    -o-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0)
}
.mobile-menu .inner ul li:nth-child(2) a {
    -webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -moz-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -o-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -webkit-transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    -o-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
}
.mobile-menu .inner ul li:nth-child(3) a {
    -webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -moz-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -o-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -webkit-transform: translate3d(0, -10px, 0);
    -moz-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    -o-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
}
.mobile-menu .inner ul li:nth-child(4) a {
    -webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -moz-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -o-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -webkit-transform: translate3d(0, -30px, 0);
    -moz-transform: translate3d(0, -30px, 0);
    -ms-transform: translate3d(0, -30px, 0);
    -o-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0)
}
.mobile-menu .inner ul li a {
    color: #fff;
    font-size: 26px;
    font-weight: 500;
    text-transform: uppercase;
    display: block
}
.mobile-menu .inner ul li a:hover,
.mobile-menu .inner ul li a:active,
.mobile-menu .inner ul li a:focus {
    color: #2f49a3
}
.mobile-menu .inner ul li a.active {
    color: #2f49a3
}
.mobile-menu .inner .close-mobile-nav {
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -32px;
    width: 66px;
    height: 66px;
    margin-top: -32px;
    cursor: pointer
}
.mobile-menu .inner .close-mobile-nav div {
    width: 24px;
    height: 4px;
    background-color: white;
    position: absolute;
    top: 33px;
    left: 20px;
    -webkit-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1) .3s;
    -moz-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1) .3s;
    -o-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1) .3s;
    transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1) .3s
}
.mobile-menu .inner .search_button {
    cursor: pointer;
    padding: 20px;
    position: absolute;
    top: 22px;
    left: 18px
}
.mobile-menu .inner .search_button .circle {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 3px solid #fff
}
.mobile-menu .inner .search_button .path {
    width: 8px;
    height: 3px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: relative;
    left: 11px;
    top: -1px
}
.mobile-menu .bottom {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 30px
}
.mobile-menu .bottom ul {
    width: 100%;
    padding: 0 50px
}
.mobile-menu .bottom ul li {
    width: 33.33%;
    float: left;
    -webkit-transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    -ms-transform: translate3d(0, 50px, 0);
    -o-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0)
}
.mobile-menu .bottom ul li:nth-child(1),
.mobile-menu .bottom ul li:nth-child(3) {
    -webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -moz-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -o-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s
}
.mobile-menu .bottom ul li:nth-child(2) {
    -webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .05s;
    -moz-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .05s;
    -o-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .05s;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .05s
}
.mobile-menu .bottom ul li a svg path {
    fill: white
}
.mobile-menu .bottom ul li a:hover svg path,
.mobile-menu .bottom ul li a:active svg path,
.mobile-menu .bottom ul li a:focus svg path {
    fill: #2f49a3
}
.page-loader {
    display: none;
    width: 100%;
    background: #fff;
    filter: alpha(opacity=80);
    -khtml-opacity: .8;
    -moz-opacity: .8;
    opacity: .8;
    position: absolute;
    left: 0;
    top: 78px;
    z-index: 100
}
.page-loader.visible {
    display: block
}
.featured-video {
    width: 100%;
    padding: 15px 0 40px;
    position: relative;
    z-index: 2
}
@media only screen and (max-width: 768px) {
    .featured-video {
        padding: 0
    }
}
.featured-video .title {
    display: block;
    margin: auto;
    text-align: center
}
@media only screen and (max-width: 599px) {
    .featured-video .title {
        display: none
    }
}
.featured-video .title h6 {
    font-size: 10px;
    color: #0b7bb3;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    margin-bottom: 5px;
    margin-top: 20px;
    -webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .2s;
    -moz-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .2s;
    -o-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .2s;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .2s
}
.featured-video .title h1 {
    font-size: 33px;
    color: #303133;
    font-weight: 400;
    padding: 3px 20px 8px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .1s;
    -moz-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .1s;
    -o-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .1s;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .1s
}
@media only screen and (max-width: 768px) {
    .featured-video .title h1 {
        font-size: 22px;
        padding: 3px 20px 4px
    }
}
.featured-video .title h2 {
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #303133;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -moz-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -o-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s
}
@media only screen and (max-width: 768px) {
    .featured-video .title h2 {
        font-size: 10px
    }
}
.featured-video .title.inactive h1 {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate3d(0, -10px, 0);
    -moz-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    -o-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
    -webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .1s;
    -moz-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .1s;
    -o-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .1s;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .1s
}
.featured-video .title.inactive h2 {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate3d(0, -10px, 0);
    -moz-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    -o-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
    -webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .2s;
    -moz-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .2s;
    -o-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .2s;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) .2s
}
.featured-video .title.inactive h6 {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate3d(0, -10px, 0);
    -moz-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    -o-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
    -webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -moz-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    -o-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) 0s
}
.featured-video .video-wrap {
    width: 100%;
    max-width: 1080px;
    padding: 20px 60px 30px;
    margin: 0 auto;
    position: relative
}
@media only screen and (max-width: 768px) {
    .featured-video .video-wrap {
        padding: 20px 30px
    }
}
@media only screen and (max-width: 599px) {
    .featured-video .video-wrap {
        padding: 5px 0 20px
    }
}
.featured-video .video-wrap.video-playing .nominee-voting {
    -webkit-transform: translate3d(-20px, 40px, 0);
    -moz-transform: translate3d(-20px, 40px, 0);
    -ms-transform: translate3d(-20px, 40px, 0);
    -o-transform: translate3d(-20px, 40px, 0);
    transform: translate3d(-20px, 40px, 0)
}
@media only screen and (max-width: 768px) {
    .featured-video .video-wrap.video-playing .nominee-voting {
        -webkit-transform: translate3d(0, 90px, 0);
        -moz-transform: translate3d(0, 90px, 0);
        -ms-transform: translate3d(0, 90px, 0);
        -o-transform: translate3d(0, 90px, 0);
        transform: translate3d(0, 90px, 0)
    }
}
.featured-video .video-wrap.video-playing .nominee-sharing {
    -webkit-transform: translate3d(20px, -85px, 0);
    -moz-transform: translate3d(20px, -85px, 0);
    -ms-transform: translate3d(20px, -85px, 0);
    -o-transform: translate3d(20px, -85px, 0);
    transform: translate3d(20px, -85px, 0)
}
.featured-video .video-wrap.video-finished .nominee-voting {
    -webkit-transform: translate3d(-20px, 40px, 0);
    -moz-transform: translate3d(-20px, 40px, 0);
    -ms-transform: translate3d(-20px, 40px, 0);
    -o-transform: translate3d(-20px, 40px, 0);
    transform: translate3d(-20px, 40px, 0)
}
@media only screen and (max-width: 768px) {
    .featured-video .video-wrap.video-finished .nominee-voting {
        -webkit-transform: translate3d(0, 90px, 0);
        -moz-transform: translate3d(0, 90px, 0);
        -ms-transform: translate3d(0, 90px, 0);
        -o-transform: translate3d(0, 90px, 0);
        transform: translate3d(0, 90px, 0)
    }
}
.featured-video .video-wrap.video-finished .nominee-sharing {
    -webkit-transform: translate3d(460px, 220px, 0);
    -moz-transform: translate3d(460px, 220px, 0);
    -ms-transform: translate3d(460px, 220px, 0);
    -o-transform: translate3d(460px, 220px, 0);
    transform: translate3d(460px, 220px, 0)
}
.featured-video .video-wrap .image {
    width: 100%;
    height: 0;
    padding-bottom: 56.2%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    border-radius: 4px;
    position: relative
}
@media only screen and (max-width: 599px) {
    .featured-video .video-wrap .image {
        border-radius: 0
    }
}
.featured-video .video-wrap .image .play {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -29px 0 0 -27px;
    width: 54px;
    height: 59px;
    background-image: url(../public/img/front/play.png);
    background-size: 54px 59px;
    cursor: pointer;
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.featured-video .video-wrap .image .play:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}
@media only screen and (max-width: 768px) {
    .featured-video .video-wrap .image .play {
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5)
    }
    .featured-video .video-wrap .image .play:hover {
        -webkit-transform: scale(0.6);
        -moz-transform: scale(0.6);
        -ms-transform: scale(0.6);
        -o-transform: scale(0.6);
        transform: scale(0.6)
    }
}
.featured-video .video-wrap .image .award-icon {
    position: absolute;
    top: 40px;
    left: -40px;
    width: 80px;
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
@media only screen and (max-width: 768px) {
    .featured-video .video-wrap .image .award-icon {
        display: none
    }
}
.featured-video .video-wrap .image .award-icon.active {
    opacity: 0
}
.featured-video .video-wrap .image .award-icon img {
    width: 100%
}
.featured-video .video-wrap .image .nominee-sharing {
    position: absolute;
    top: 30px;
    left: -20px;
    background-color: #0b7bb3;
    border-radius: 4px;
    overflow: hidden;
    -webkit-transition: all .7s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all .7s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all .7s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .7s cubic-bezier(0.165, 0.84, 0.44, 1);
    z-index: 99
}
@media only screen and (max-width: 1024px) {
    .featured-video .video-wrap .image .nominee-sharing {
        display: none
    }
}
.featured-video .video-wrap .image .nominee-sharing .social li {
    display: inline-block;
    padding: 9px 0 7px;
    text-align: center;
    width: 50px;
    float: left;
    background-color: #527afb;
    cursor: pointer;
    border-radius: 4px 0 0 4px
}
.featured-video .video-wrap .image .nominee-sharing .social li svg {
    display: inline-block;
    width: 27px;
    height: 27px
}
.featured-video .video-wrap .image .nominee-sharing .social li svg path {
    fill: white
}
.featured-video .video-wrap .image .nominee-sharing .social li:hover {
    background-color: #416cf8
}
.featured-video .video-wrap .image .nominee-sharing .social li:last-child {
    border-radius: 0 4px 4px 0
}
.featured-video .video-wrap .image .nominee-voting {
    width: auto;
    position: absolute;
    bottom: -20px;
    right: -20px;
    background-color: #0b7bb3;
    border-radius: 4px;
    z-index: 99;
    overflow: hidden;
    -webkit-transition: all .7s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all .7s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all .7s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .7s cubic-bezier(0.165, 0.84, 0.44, 1)
}
@media only screen and (max-width: 768px) {
    .featured-video .video-wrap .image .nominee-voting {
        width: 100%;
        right: 0;
        overflow: visible;
        -webkit-transform: translate3d(0, 90px, 0);
        -moz-transform: translate3d(0, 90px, 0);
        -ms-transform: translate3d(0, 90px, 0);
        -o-transform: translate3d(0, 90px, 0);
        transform: translate3d(0, 90px, 0)
    }
}
@media only screen and (max-width: 599px) {
    .featured-video .video-wrap .image .nominee-voting {
        border-radius: 0;
        -webkit-transform: translate3d(0, 70px, 0);
        -moz-transform: translate3d(0, 70px, 0);
        -ms-transform: translate3d(0, 70px, 0);
        -o-transform: translate3d(0, 70px, 0);
        transform: translate3d(0, 70px, 0)
    }
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap {
    border-radius: 4px;
    overflow: hidden
}
@media only screen and (max-width: 768px) {
    .featured-video .video-wrap .image .nominee-voting .vote-wrap {
        overflow: visible
    }
}
@media only screen and (max-width: 599px) {
    .featured-video .video-wrap .image .nominee-voting .vote-wrap {
        border-radius: 0
    }
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.vote-button .categories {
    width: 80px
}
@media only screen and (max-width: 768px) {
    .featured-video .video-wrap .image .nominee-voting .vote-wrap.vote-button .categories {
        width: 140px
    }
}
@media only screen and (max-width: 599px) {
    .featured-video .video-wrap .image .nominee-voting .vote-wrap.vote-button .categories {
        width: 100%
    }
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.vote-button .counter {
    width: 150px
}
@media only screen and (max-width: 768px) {
    .featured-video .video-wrap .image .nominee-voting .vote-wrap.vote-button .counter {
        width: 100%
    }
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-1-active .categories {
    width: 140px
}
@media only screen and (max-width: 599px) {
    .featured-video .video-wrap .image .nominee-voting .vote-wrap.category-1-active .categories {
        width: 100%
    }
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-1-active .categories h5.current-score {
    -webkit-transform: translate3d(0, -46px, 0);
    -moz-transform: translate3d(0, -46px, 0);
    -ms-transform: translate3d(0, -46px, 0);
    -o-transform: translate3d(0, -46px, 0);
    transform: translate3d(0, -46px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-1-active .categories h5[data-category="1"] {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-1-active .categories h5[data-category="2"] {
    -webkit-transform: translate3d(0, 46px, 0);
    -moz-transform: translate3d(0, 46px, 0);
    -ms-transform: translate3d(0, 46px, 0);
    -o-transform: translate3d(0, 46px, 0);
    transform: translate3d(0, 46px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-1-active .categories h5[data-category="3"] {
    -webkit-transform: translate3d(0, 92px, 0);
    -moz-transform: translate3d(0, 92px, 0);
    -ms-transform: translate3d(0, 92px, 0);
    -o-transform: translate3d(0, 92px, 0);
    transform: translate3d(0, 92px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-1-active .categories h5[data-category="4"] {
    -webkit-transform: translate3d(0, 138px, 0);
    -moz-transform: translate3d(0, 138px, 0);
    -ms-transform: translate3d(0, 138px, 0);
    -o-transform: translate3d(0, 138px, 0);
    transform: translate3d(0, 138px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-1-active .categories h5[data-vote-total] {
    -webkit-transform: translate3d(0, 182px, 0);
    -moz-transform: translate3d(0, 182px, 0);
    -ms-transform: translate3d(0, 182px, 0);
    -o-transform: translate3d(0, 182px, 0);
    transform: translate3d(0, 182px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-1-active .categories h5[data-vote-done] {
    -webkit-transform: translate3d(0, 220px, 0);
    -moz-transform: translate3d(0, 220px, 0);
    -ms-transform: translate3d(0, 220px, 0);
    -o-transform: translate3d(0, 220px, 0);
    transform: translate3d(0, 220px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-1-active .counter {
    width: 500px
}
@media only screen and (max-width: 768px) {
    .featured-video .video-wrap .image .nominee-voting .vote-wrap.category-1-active .counter {
        width: 100%
    }
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-1-active .counter ul[data-vote-start] {
    opacity: 0;
    visibility: hidden
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-1-active .counter ul[data-category="1"] {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-1-active .counter ul[data-category="2"] {
    -webkit-transform: translate3d(0, 46px, 0);
    -moz-transform: translate3d(0, 46px, 0);
    -ms-transform: translate3d(0, 46px, 0);
    -o-transform: translate3d(0, 46px, 0);
    transform: translate3d(0, 46px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-1-active .counter ul[data-category="3"] {
    -webkit-transform: translate3d(0, 92px, 0);
    -moz-transform: translate3d(0, 92px, 0);
    -ms-transform: translate3d(0, 92px, 0);
    -o-transform: translate3d(0, 92px, 0);
    transform: translate3d(0, 92px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-1-active .counter ul[data-category="4"] {
    -webkit-transform: translate3d(0, 138px, 0);
    -moz-transform: translate3d(0, 138px, 0);
    -ms-transform: translate3d(0, 138px, 0);
    -o-transform: translate3d(0, 138px, 0);
    transform: translate3d(0, 138px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-1-active .counter ul[data-vote-total] {
    -webkit-transform: translate3d(0, 182px, 0);
    -moz-transform: translate3d(0, 182px, 0);
    -ms-transform: translate3d(0, 182px, 0);
    -o-transform: translate3d(0, 182px, 0);
    transform: translate3d(0, 182px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-1-active .counter ul[data-vote-done] {
    -webkit-transform: translate3d(0, 220px, 0);
    -moz-transform: translate3d(0, 220px, 0);
    -ms-transform: translate3d(0, 220px, 0);
    -o-transform: translate3d(0, 220px, 0);
    transform: translate3d(0, 220px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-2-active .categories {
    width: 140px
}
@media only screen and (max-width: 599px) {
    .featured-video .video-wrap .image .nominee-voting .vote-wrap.category-2-active .categories {
        width: 100%
    }
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-2-active .categories h5.current-score {
    -webkit-transform: translate3d(0, -92px, 0);
    -moz-transform: translate3d(0, -92px, 0);
    -ms-transform: translate3d(0, -92px, 0);
    -o-transform: translate3d(0, -92px, 0);
    transform: translate3d(0, -92px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-2-active .categories h5[data-category="1"] {
    -webkit-transform: translate3d(0, -46px, 0);
    -moz-transform: translate3d(0, -46px, 0);
    -ms-transform: translate3d(0, -46px, 0);
    -o-transform: translate3d(0, -46px, 0);
    transform: translate3d(0, -46px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-2-active .categories h5[data-category="2"] {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-2-active .categories h5[data-category="3"] {
    -webkit-transform: translate3d(0, 46px, 0);
    -moz-transform: translate3d(0, 46px, 0);
    -ms-transform: translate3d(0, 46px, 0);
    -o-transform: translate3d(0, 46px, 0);
    transform: translate3d(0, 46px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-2-active .categories h5[data-category="4"] {
    -webkit-transform: translate3d(0, 92px, 0);
    -moz-transform: translate3d(0, 92px, 0);
    -ms-transform: translate3d(0, 92px, 0);
    -o-transform: translate3d(0, 92px, 0);
    transform: translate3d(0, 92px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-2-active .categories h5[data-vote-total] {
    -webkit-transform: translate3d(0, 138px, 0);
    -moz-transform: translate3d(0, 138px, 0);
    -ms-transform: translate3d(0, 138px, 0);
    -o-transform: translate3d(0, 138px, 0);
    transform: translate3d(0, 138px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-2-active .categories h5[data-vote-done] {
    -webkit-transform: translate3d(0, 184px, 0);
    -moz-transform: translate3d(0, 184px, 0);
    -ms-transform: translate3d(0, 184px, 0);
    -o-transform: translate3d(0, 184px, 0);
    transform: translate3d(0, 184px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-2-active .counter {
    width: 500px
}
@media only screen and (max-width: 768px) {
    .featured-video .video-wrap .image .nominee-voting .vote-wrap.category-2-active .counter {
        width: 100%
    }
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-2-active .counter ul[data-vote-start] {
    -webkit-transform: translate3d(0, -92px, 0);
    -moz-transform: translate3d(0, -92px, 0);
    -ms-transform: translate3d(0, -92px, 0);
    -o-transform: translate3d(0, -92px, 0);
    transform: translate3d(0, -92px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-2-active .counter ul[data-category="1"] {
    -webkit-transform: translate3d(0, -46px, 0);
    -moz-transform: translate3d(0, -46px, 0);
    -ms-transform: translate3d(0, -46px, 0);
    -o-transform: translate3d(0, -46px, 0);
    transform: translate3d(0, -46px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-2-active .counter ul[data-category="2"] {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-2-active .counter ul[data-category="3"] {
    -webkit-transform: translate3d(0, 46px, 0);
    -moz-transform: translate3d(0, 46px, 0);
    -ms-transform: translate3d(0, 46px, 0);
    -o-transform: translate3d(0, 46px, 0);
    transform: translate3d(0, 46px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-2-active .counter ul[data-category="4"] {
    -webkit-transform: translate3d(0, 92px, 0);
    -moz-transform: translate3d(0, 92px, 0);
    -ms-transform: translate3d(0, 92px, 0);
    -o-transform: translate3d(0, 92px, 0);
    transform: translate3d(0, 92px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-2-active .counter ul[data-vote-total] {
    -webkit-transform: translate3d(0, 138px, 0);
    -moz-transform: translate3d(0, 138px, 0);
    -ms-transform: translate3d(0, 138px, 0);
    -o-transform: translate3d(0, 138px, 0);
    transform: translate3d(0, 138px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-2-active .counter ul[data-vote-done] {
    -webkit-transform: translate3d(0, 184px, 0);
    -moz-transform: translate3d(0, 184px, 0);
    -ms-transform: translate3d(0, 184px, 0);
    -o-transform: translate3d(0, 184px, 0);
    transform: translate3d(0, 184px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-3-active .categories {
    width: 140px
}
@media only screen and (max-width: 599px) {
    .featured-video .video-wrap .image .nominee-voting .vote-wrap.category-3-active .categories {
        width: 100%
    }
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-3-active .categories h5.current-score {
    -webkit-transform: translate3d(0, -138px, 0);
    -moz-transform: translate3d(0, -138px, 0);
    -ms-transform: translate3d(0, -138px, 0);
    -o-transform: translate3d(0, -138px, 0);
    transform: translate3d(0, -138px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-3-active .categories h5[data-category="1"] {
    -webkit-transform: translate3d(0, -92px, 0);
    -moz-transform: translate3d(0, -92px, 0);
    -ms-transform: translate3d(0, -92px, 0);
    -o-transform: translate3d(0, -92px, 0);
    transform: translate3d(0, -92px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-3-active .categories h5[data-category="2"] {
    -webkit-transform: translate3d(0, -46px, 0);
    -moz-transform: translate3d(0, -46px, 0);
    -ms-transform: translate3d(0, -46px, 0);
    -o-transform: translate3d(0, -46px, 0);
    transform: translate3d(0, -46px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-3-active .categories h5[data-category="3"] {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-3-active .categories h5[data-category="4"] {
    -webkit-transform: translate3d(0, 46px, 0);
    -moz-transform: translate3d(0, 46px, 0);
    -ms-transform: translate3d(0, 46px, 0);
    -o-transform: translate3d(0, 46px, 0);
    transform: translate3d(0, 46px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-3-active .categories h5[data-vote-total] {
    -webkit-transform: translate3d(0, 92px, 0);
    -moz-transform: translate3d(0, 92px, 0);
    -ms-transform: translate3d(0, 92px, 0);
    -o-transform: translate3d(0, 92px, 0);
    transform: translate3d(0, 92px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-3-active .categories h5[data-vote-done] {
    -webkit-transform: translate3d(0, 138px, 0);
    -moz-transform: translate3d(0, 138px, 0);
    -ms-transform: translate3d(0, 138px, 0);
    -o-transform: translate3d(0, 138px, 0);
    transform: translate3d(0, 138px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-3-active .counter {
    width: 500px
}
@media only screen and (max-width: 768px) {
    .featured-video .video-wrap .image .nominee-voting .vote-wrap.category-3-active .counter {
        width: 100%
    }
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-3-active .counter ul[data-vote-start] {
    -webkit-transform: translate3d(0, -138px, 0);
    -moz-transform: translate3d(0, -138px, 0);
    -ms-transform: translate3d(0, -138px, 0);
    -o-transform: translate3d(0, -138px, 0);
    transform: translate3d(0, -138px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-3-active .counter ul[data-category="1"] {
    -webkit-transform: translate3d(0, -92px, 0);
    -moz-transform: translate3d(0, -92px, 0);
    -ms-transform: translate3d(0, -92px, 0);
    -o-transform: translate3d(0, -92px, 0);
    transform: translate3d(0, -92px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-3-active .counter ul[data-category="2"] {
    -webkit-transform: translate3d(0, -46px, 0);
    -moz-transform: translate3d(0, -46px, 0);
    -ms-transform: translate3d(0, -46px, 0);
    -o-transform: translate3d(0, -46px, 0);
    transform: translate3d(0, -46px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-3-active .counter ul[data-category="3"] {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-3-active .counter ul[data-category="4"] {
    -webkit-transform: translate3d(0, 46px, 0);
    -moz-transform: translate3d(0, 46px, 0);
    -ms-transform: translate3d(0, 46px, 0);
    -o-transform: translate3d(0, 46px, 0);
    transform: translate3d(0, 46px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-3-active .counter ul[data-vote-total] {
    -webkit-transform: translate3d(0, 92px, 0);
    -moz-transform: translate3d(0, 92px, 0);
    -ms-transform: translate3d(0, 92px, 0);
    -o-transform: translate3d(0, 92px, 0);
    transform: translate3d(0, 92px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-3-active .counter ul[data-vote-done] {
    -webkit-transform: translate3d(0, 138px, 0);
    -moz-transform: translate3d(0, 138px, 0);
    -ms-transform: translate3d(0, 138px, 0);
    -o-transform: translate3d(0, 138px, 0);
    transform: translate3d(0, 138px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-4-active .categories {
    width: 140px
}
@media only screen and (max-width: 599px) {
    .featured-video .video-wrap .image .nominee-voting .vote-wrap.category-4-active .categories {
        width: 100%
    }
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-4-active .categories h5.current-score {
    -webkit-transform: translate3d(0, -184px, 0);
    -moz-transform: translate3d(0, -184px, 0);
    -ms-transform: translate3d(0, -184px, 0);
    -o-transform: translate3d(0, -184px, 0);
    transform: translate3d(0, -184px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-4-active .categories h5[data-category="1"] {
    -webkit-transform: translate3d(0, -138px, 0);
    -moz-transform: translate3d(0, -138px, 0);
    -ms-transform: translate3d(0, -138px, 0);
    -o-transform: translate3d(0, -138px, 0);
    transform: translate3d(0, -138px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-4-active .categories h5[data-category="2"] {
    -webkit-transform: translate3d(0, -92px, 0);
    -moz-transform: translate3d(0, -92px, 0);
    -ms-transform: translate3d(0, -92px, 0);
    -o-transform: translate3d(0, -92px, 0);
    transform: translate3d(0, -92px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-4-active .categories h5[data-category="3"] {
    -webkit-transform: translate3d(0, -46px, 0);
    -moz-transform: translate3d(0, -46px, 0);
    -ms-transform: translate3d(0, -46px, 0);
    -o-transform: translate3d(0, -46px, 0);
    transform: translate3d(0, -46px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-4-active .categories h5[data-category="4"] {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-4-active .categories h5[data-vote-total] {
    -webkit-transform: translate3d(0, 46px, 0);
    -moz-transform: translate3d(0, 46px, 0);
    -ms-transform: translate3d(0, 46px, 0);
    -o-transform: translate3d(0, 46px, 0);
    transform: translate3d(0, 46px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-4-active .categories h5[data-vote-done] {
    -webkit-transform: translate3d(0, 92px, 0);
    -moz-transform: translate3d(0, 92px, 0);
    -ms-transform: translate3d(0, 92px, 0);
    -o-transform: translate3d(0, 92px, 0);
    transform: translate3d(0, 92px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-4-active .counter {
    width: 500px
}
@media only screen and (max-width: 768px) {
    .featured-video .video-wrap .image .nominee-voting .vote-wrap.category-4-active .counter {
        width: 100%
    }
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-4-active .counter ul[data-vote-start] {
    -webkit-transform: translate3d(0, -184px, 0);
    -moz-transform: translate3d(0, -184px, 0);
    -ms-transform: translate3d(0, -184px, 0);
    -o-transform: translate3d(0, -184px, 0);
    transform: translate3d(0, -184px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-4-active .counter ul[data-category="1"] {
    -webkit-transform: translate3d(0, -138px, 0);
    -moz-transform: translate3d(0, -138px, 0);
    -ms-transform: translate3d(0, -138px, 0);
    -o-transform: translate3d(0, -138px, 0);
    transform: translate3d(0, -138px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-4-active .counter ul[data-category="2"] {
    -webkit-transform: translate3d(0, -92px, 0);
    -moz-transform: translate3d(0, -92px, 0);
    -ms-transform: translate3d(0, -92px, 0);
    -o-transform: translate3d(0, -92px, 0);
    transform: translate3d(0, -92px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-4-active .counter ul[data-category="3"] {
    -webkit-transform: translate3d(0, -46px, 0);
    -moz-transform: translate3d(0, -46px, 0);
    -ms-transform: translate3d(0, -46px, 0);
    -o-transform: translate3d(0, -46px, 0);
    transform: translate3d(0, -46px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-4-active .counter ul[data-category="4"] {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-4-active .counter ul[data-vote-total] {
    -webkit-transform: translate3d(0, 46px, 0);
    -moz-transform: translate3d(0, 46px, 0);
    -ms-transform: translate3d(0, 46px, 0);
    -o-transform: translate3d(0, 46px, 0);
    transform: translate3d(0, 46px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.category-4-active .counter ul[data-vote-done] {
    -webkit-transform: translate3d(0, 92px, 0);
    -moz-transform: translate3d(0, 92px, 0);
    -ms-transform: translate3d(0, 92px, 0);
    -o-transform: translate3d(0, 92px, 0);
    transform: translate3d(0, 92px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.total-active .categories {
    width: 140px
}
@media only screen and (max-width: 599px) {
    .featured-video .video-wrap .image .nominee-voting .vote-wrap.total-active .categories {
        width: 100%
    }
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.total-active .categories h5.current-score {
    -webkit-transform: translate3d(0, -220px, 0);
    -moz-transform: translate3d(0, -220px, 0);
    -ms-transform: translate3d(0, -220px, 0);
    -o-transform: translate3d(0, -220px, 0);
    transform: translate3d(0, -220px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.total-active .categories h5[data-category="1"] {
    -webkit-transform: translate3d(0, -184px, 0);
    -moz-transform: translate3d(0, -184px, 0);
    -ms-transform: translate3d(0, -184px, 0);
    -o-transform: translate3d(0, -184px, 0);
    transform: translate3d(0, -184px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.total-active .categories h5[data-category="2"] {
    -webkit-transform: translate3d(0, -138px, 0);
    -moz-transform: translate3d(0, -138px, 0);
    -ms-transform: translate3d(0, -138px, 0);
    -o-transform: translate3d(0, -138px, 0);
    transform: translate3d(0, -138px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.total-active .categories h5[data-category="3"] {
    -webkit-transform: translate3d(0, -92px, 0);
    -moz-transform: translate3d(0, -92px, 0);
    -ms-transform: translate3d(0, -92px, 0);
    -o-transform: translate3d(0, -92px, 0);
    transform: translate3d(0, -92px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.total-active .categories h5[data-category="4"] {
    -webkit-transform: translate3d(0, -46px, 0);
    -moz-transform: translate3d(0, -46px, 0);
    -ms-transform: translate3d(0, -46px, 0);
    -o-transform: translate3d(0, -46px, 0);
    transform: translate3d(0, -46px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.total-active .categories h5[data-vote-total] {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.total-active .categories h5[data-vote-done] {
    -webkit-transform: translate3d(0, 46px, 0);
    -moz-transform: translate3d(0, 46px, 0);
    -ms-transform: translate3d(0, 46px, 0);
    -o-transform: translate3d(0, 46px, 0);
    transform: translate3d(0, 46px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.total-active .counter {
    width: 390px
}
@media only screen and (max-width: 768px) {
    .featured-video .video-wrap .image .nominee-voting .vote-wrap.total-active .counter {
        width: 100%
    }
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.total-active .counter ul[data-vote-start] {
    -webkit-transform: translate3d(0, -220px, 0);
    -moz-transform: translate3d(0, -220px, 0);
    -ms-transform: translate3d(0, -220px, 0);
    -o-transform: translate3d(0, -220px, 0);
    transform: translate3d(0, -220px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.total-active .counter ul[data-category="1"] {
    -webkit-transform: translate3d(0, -184px, 0);
    -moz-transform: translate3d(0, -184px, 0);
    -ms-transform: translate3d(0, -184px, 0);
    -o-transform: translate3d(0, -184px, 0);
    transform: translate3d(0, -184px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.total-active .counter ul[data-category="2"] {
    -webkit-transform: translate3d(0, -138px, 0);
    -moz-transform: translate3d(0, -138px, 0);
    -ms-transform: translate3d(0, -138px, 0);
    -o-transform: translate3d(0, -138px, 0);
    transform: translate3d(0, -138px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.total-active .counter ul[data-category="3"] {
    -webkit-transform: translate3d(0, -92px, 0);
    -moz-transform: translate3d(0, -92px, 0);
    -ms-transform: translate3d(0, -92px, 0);
    -o-transform: translate3d(0, -92px, 0);
    transform: translate3d(0, -92px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.total-active .counter ul[data-category="4"] {
    -webkit-transform: translate3d(0, -46px, 0);
    -moz-transform: translate3d(0, -46px, 0);
    -ms-transform: translate3d(0, -46px, 0);
    -o-transform: translate3d(0, -46px, 0);
    transform: translate3d(0, -46px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.total-active .counter ul[data-vote-total] {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.total-active .counter ul[data-vote-total] li {
    width: 14%
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.total-active .counter ul[data-vote-done] {
    -webkit-transform: translate3d(0, 46px, 0);
    -moz-transform: translate3d(0, 46px, 0);
    -ms-transform: translate3d(0, 46px, 0);
    -o-transform: translate3d(0, 46px, 0);
    transform: translate3d(0, 46px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.done-active .categories {
    width: 70px;
    background-color: #2958f1
}
@media only screen and (max-width: 768px) {
    .featured-video .video-wrap .image .nominee-voting .vote-wrap.done-active .categories {
        width: 140px
    }
}
@media only screen and (max-width: 599px) {
    .featured-video .video-wrap .image .nominee-voting .vote-wrap.done-active .categories {
        width: 100%
    }
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.done-active .categories h5.current-score {
    -webkit-transform: translate3d(0, -266px, 0);
    -moz-transform: translate3d(0, -266px, 0);
    -ms-transform: translate3d(0, -266px, 0);
    -o-transform: translate3d(0, -266px, 0);
    transform: translate3d(0, -266px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.done-active .categories h5[data-category="1"] {
    -webkit-transform: translate3d(0, -220px, 0);
    -moz-transform: translate3d(0, -220px, 0);
    -ms-transform: translate3d(0, -220px, 0);
    -o-transform: translate3d(0, -220px, 0);
    transform: translate3d(0, -220px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.done-active .categories h5[data-category="2"] {
    -webkit-transform: translate3d(0, -184px, 0);
    -moz-transform: translate3d(0, -184px, 0);
    -ms-transform: translate3d(0, -184px, 0);
    -o-transform: translate3d(0, -184px, 0);
    transform: translate3d(0, -184px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.done-active .categories h5[data-category="3"] {
    -webkit-transform: translate3d(0, -138px, 0);
    -moz-transform: translate3d(0, -138px, 0);
    -ms-transform: translate3d(0, -138px, 0);
    -o-transform: translate3d(0, -138px, 0);
    transform: translate3d(0, -138px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.done-active .categories h5[data-category="4"] {
    -webkit-transform: translate3d(0, -92px, 0);
    -moz-transform: translate3d(0, -92px, 0);
    -ms-transform: translate3d(0, -92px, 0);
    -o-transform: translate3d(0, -92px, 0);
    transform: translate3d(0, -92px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.done-active .categories h5[data-vote-total] {
    -webkit-transform: translate3d(0, -46px, 0);
    -moz-transform: translate3d(0, -46px, 0);
    -ms-transform: translate3d(0, -46px, 0);
    -o-transform: translate3d(0, -46px, 0);
    transform: translate3d(0, -46px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.done-active .categories h5[data-vote-done] {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.done-active .counter {
    width: 150px
}
@media only screen and (max-width: 768px) {
    .featured-video .video-wrap .image .nominee-voting .vote-wrap.done-active .counter {
        width: 100%
    }
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.done-active .counter ul[data-vote-start] {
    -webkit-transform: translate3d(0, -266px, 0);
    -moz-transform: translate3d(0, -266px, 0);
    -ms-transform: translate3d(0, -266px, 0);
    -o-transform: translate3d(0, -266px, 0);
    transform: translate3d(0, -266px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.done-active .counter ul[data-category="1"] {
    -webkit-transform: translate3d(0, -220px, 0);
    -moz-transform: translate3d(0, -220px, 0);
    -ms-transform: translate3d(0, -220px, 0);
    -o-transform: translate3d(0, -220px, 0);
    transform: translate3d(0, -220px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.done-active .counter ul[data-category="2"] {
    -webkit-transform: translate3d(0, -184px, 0);
    -moz-transform: translate3d(0, -184px, 0);
    -ms-transform: translate3d(0, -184px, 0);
    -o-transform: translate3d(0, -184px, 0);
    transform: translate3d(0, -184px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.done-active .counter ul[data-category="3"] {
    -webkit-transform: translate3d(0, -138px, 0);
    -moz-transform: translate3d(0, -138px, 0);
    -ms-transform: translate3d(0, -138px, 0);
    -o-transform: translate3d(0, -138px, 0);
    transform: translate3d(0, -138px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.done-active .counter ul[data-category="4"] {
    -webkit-transform: translate3d(0, -92px, 0);
    -moz-transform: translate3d(0, -92px, 0);
    -ms-transform: translate3d(0, -92px, 0);
    -o-transform: translate3d(0, -92px, 0);
    transform: translate3d(0, -92px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.done-active .counter ul[data-vote-total] {
    -webkit-transform: translate3d(0, -62px, 0);
    -moz-transform: translate3d(0, -62px, 0);
    -ms-transform: translate3d(0, -62px, 0);
    -o-transform: translate3d(0, -62px, 0);
    transform: translate3d(0, -62px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.done-active .counter ul[data-vote-done] {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.done-active .counter ul[data-vote-done] li {
    font-size: 12px;
    margin-top: 7px
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap.done-active .counter ul[data-vote-done] li span {
    color: white
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap .categories {
    display: inline-block;
    float: left;
    width: 140px;
    padding: 12px;
    background-color: #2958f1;
    text-align: center;
    height: 46px;
    position: relative;
    border-radius: 4px 0 0 4px;
    -webkit-transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1)
}
@media only screen and (max-width: 768px) {
    .featured-video .video-wrap .image .nominee-voting .vote-wrap .categories {
        position: absolute;
        left: 50%;
        margin: -45px 0 0 -70px;
        width: 120px;
        overflow: hidden;
        border-radius: 4px 4px 0 0
    }
}
@media only screen and (max-width: 599px) {
    .featured-video .video-wrap .image .nominee-voting .vote-wrap .categories {
        left: 0;
        margin: -45px 0 0 0;
        border-radius: 0
    }
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap .categories h5 {
    font-size: 14px;
    color: white;
    font-weight: 500;
    letter-spacing: 1px;
    vertical-align: middle;
    position: absolute;
    text-transform: uppercase;
    width: 100%;
    left: 0;
    -webkit-transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
    padding-top: 4px
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap .categories h5.current-score {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    font-size: 28px;
    margin-top: -3px;
    padding-top: 0
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap .categories h5[data-category="1"] {
    -webkit-transform: translate3d(0, 46px, 0);
    -moz-transform: translate3d(0, 46px, 0);
    -ms-transform: translate3d(0, 46px, 0);
    -o-transform: translate3d(0, 46px, 0);
    transform: translate3d(0, 46px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap .categories h5[data-category="2"] {
    -webkit-transform: translate3d(0, 92px, 0);
    -moz-transform: translate3d(0, 92px, 0);
    -ms-transform: translate3d(0, 92px, 0);
    -o-transform: translate3d(0, 92px, 0);
    transform: translate3d(0, 92px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap .categories h5[data-category="3"] {
    -webkit-transform: translate3d(0, 138px, 0);
    -moz-transform: translate3d(0, 138px, 0);
    -ms-transform: translate3d(0, 138px, 0);
    -o-transform: translate3d(0, 138px, 0);
    transform: translate3d(0, 138px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap .categories h5[data-category="4"] {
    -webkit-transform: translate3d(0, 184px, 0);
    -moz-transform: translate3d(0, 184px, 0);
    -ms-transform: translate3d(0, 184px, 0);
    -o-transform: translate3d(0, 184px, 0);
    transform: translate3d(0, 184px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap .categories h5[data-vote-total] {
    -webkit-transform: translate3d(0, 220px, 0);
    -moz-transform: translate3d(0, 220px, 0);
    -ms-transform: translate3d(0, 220px, 0);
    -o-transform: translate3d(0, 220px, 0);
    transform: translate3d(0, 220px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap .categories h5[data-vote-done] {
    -webkit-transform: translate3d(0, 266px, 0);
    -moz-transform: translate3d(0, 266px, 0);
    -ms-transform: translate3d(0, 266px, 0);
    -o-transform: translate3d(0, 266px, 0);
    transform: translate3d(0, 266px, 0);
    font-size: 28px;
    padding: 0;
    margin-top: -3px
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap .categories h5[data-vote-done] svg {
    margin-top: 2px
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap .categories h5[data-vote-done] svg polygon {
    fill: white
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap .counter {
    display: inline-block;
    float: left;
    width: 500px;
    text-align: center;
    position: relative;
    height: 46px;
    border-radius: 0 4px 4px 0;
    overflow: hidden;
    -webkit-transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1)
}
@media only screen and (max-width: 599px) {
    .featured-video .video-wrap .image .nominee-voting .vote-wrap .counter {
        border-radius: 0
    }
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap .counter ul {
    width: 100%;
    position: absolute;
    -webkit-transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1) .1s;
    -moz-transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1) .1s;
    -o-transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1) .1s;
    transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1) .1s;
    border-radius: 0 4px 4px 0
}
@media only screen and (max-width: 599px) {
    .featured-video .video-wrap .image .nominee-voting .vote-wrap .counter ul {
        border-radius: 0
    }
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap .counter ul li {
    width: 10%;
    font-size: 22px;
    color: white;
    font-weight: 500;
    vertical-align: middle;
    padding: 12px 0;
    display: inline-block;
    float: left;
    cursor: pointer;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap .counter ul li:last-child {
    border-radius: 0 4px 4px 0
}
@media only screen and (max-width: 599px) {
    .featured-video .video-wrap .image .nominee-voting .vote-wrap .counter ul li:last-child {
        border-radius: 0
    }
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap .counter ul li:hover {
    background-color: #1c49db
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap .counter ul[data-vote-start] {
    -webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap .counter ul[data-vote-start] li {
    width: 100%;
    border-radius: 0 4px 4px 0;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 17px;
    letter-spacing: 1px;
    margin-top: 4px
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap .counter ul[data-vote-start] li:hover {
    background-color: transparent
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap .counter ul[data-category="1"] {
    -webkit-transform: translate3d(0, 46px, 0);
    -moz-transform: translate3d(0, 46px, 0);
    -ms-transform: translate3d(0, 46px, 0);
    -o-transform: translate3d(0, 46px, 0);
    transform: translate3d(0, 46px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap .counter ul[data-category="2"] {
    -webkit-transform: translate3d(0, 92px, 0);
    -moz-transform: translate3d(0, 92px, 0);
    -ms-transform: translate3d(0, 92px, 0);
    -o-transform: translate3d(0, 92px, 0);
    transform: translate3d(0, 92px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap .counter ul[data-category="3"] {
    -webkit-transform: translate3d(0, 138px, 0);
    -moz-transform: translate3d(0, 138px, 0);
    -ms-transform: translate3d(0, 138px, 0);
    -o-transform: translate3d(0, 138px, 0);
    transform: translate3d(0, 138px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap .counter ul[data-category="4"] {
    -webkit-transform: translate3d(0, 184px, 0);
    -moz-transform: translate3d(0, 184px, 0);
    -ms-transform: translate3d(0, 184px, 0);
    -o-transform: translate3d(0, 184px, 0);
    transform: translate3d(0, 184px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap .counter ul[data-vote-total] {
    -webkit-transform: translate3d(0, 220px, 0);
    -moz-transform: translate3d(0, 220px, 0);
    -ms-transform: translate3d(0, 220px, 0);
    -o-transform: translate3d(0, 220px, 0);
    transform: translate3d(0, 220px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap .counter ul[data-vote-total] li {
    width: 14%
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap .counter ul[data-vote-total] li svg path,
.featured-video .video-wrap .image .nominee-voting .vote-wrap .counter ul[data-vote-total] li svg polygon {
    fill: white
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap .counter ul[data-vote-total] li:hover {
    background-color: transparent;
    cursor: default
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap .counter ul[data-vote-total] li.accept {
    background-color: #22e7a8;
    cursor: pointer;
    text-transform: uppercase;
    width: 30%;
    padding: 17px 0 15px;
    font-size: 14px;
    color: white;
    font-weight: 500;
    letter-spacing: 1px
}
@media only screen and (max-width: 599px) {
    .featured-video .video-wrap .image .nominee-voting .vote-wrap .counter ul[data-vote-total] li.accept {
        font-size: 11px;
        font-weight: 500;
        padding: 19px 0 16px
    }
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap .counter ul[data-vote-total] li.accept:hover {
    background-color: #1fe0a2
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap .counter ul[data-vote-total] li.accept:hover svg path,
.featured-video .video-wrap .image .nominee-voting .vote-wrap .counter ul[data-vote-total] li.accept:hover svg polygon {
    fill: #0b9468
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap .counter ul[data-vote-total] li.reset {
    background-color: #2958f1;
    cursor: pointer;
    padding: 12px 0 7px
}
@media only screen and (max-width: 599px) {
    .featured-video .video-wrap .image .nominee-voting .vote-wrap .counter ul[data-vote-total] li.reset {
        background-color: #0b7bb3
    }
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap .counter ul[data-vote-total] li.reset:hover svg path,
.featured-video .video-wrap .image .nominee-voting .vote-wrap .counter ul[data-vote-total] li.reset:hover svg polygon {
    fill: #0f309b
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap .counter ul[data-vote-done] {
    -webkit-transform: translate3d(0, 266px, 0);
    -moz-transform: translate3d(0, 266px, 0);
    -ms-transform: translate3d(0, 266px, 0);
    -o-transform: translate3d(0, 266px, 0);
    transform: translate3d(0, 266px, 0)
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap .counter ul[data-vote-done] li {
    width: 100%;
    border-radius: 0 4px 4px 0;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 17px;
    letter-spacing: 1px;
    margin-top: 4px;
    cursor: default
}
.featured-video .video-wrap .image .nominee-voting .vote-wrap .counter ul[data-vote-done] li:hover {
    background-color: transparent
}
.featured-video .video-wrap .image .final-score {
    text-align: center;
    position: absolute;
    bottom: 6px;
    width: 100%;
    left: 0
}
.featured-video .video-wrap .image .final-score .score {
    display: inline-block;
    text-align: center;
    background-color: #0b7bb3;
    padding: 6px 25px 7px
}
.featured-video .video-wrap .image .final-score .score:nth-child(2) {
    padding: 6px 95px 7px 25px
}
.featured-video .video-wrap .image .final-score .score:nth-child(3) {
    padding: 6px 25px 7px 95px
}
.featured-video .video-wrap .image .final-score .score h5 {
    font-size: 28px;
    color: white;
    font-weight: 500
}
.featured-video .video-wrap .image .final-score .score h6 {
    color: white;
    font-size: 8px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px
}
.featured-video .video-wrap .image .final-score .score-main {
    position: absolute;
    text-align: center;
    width: 100px;
    top: -47px;
    left: 50%;
    margin: 0 0 0 -50px
}
.featured-video .video-wrap .image .final-score .score-main h2 {
    font-size: 90px;
    letter-spacing: -7px;
    color: white;
    font-weight: 500;
    margin-left: -4px;
    line-height: .9
}
.featured-video .video-wrap .image .final-score .score-main h6 {
    color: white;
    font-size: 8px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px
}
.featured-video .video-info {
    width: 100%;
    max-width: 1080px;
    padding: 0 20px 40px 60px;
    margin: 0 auto;
    position: relative;
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.featured-video .video-info.video-playing {
    -webkit-transform: translate3d(0, 40px, 0);
    -moz-transform: translate3d(0, 40px, 0);
    -ms-transform: translate3d(0, 40px, 0);
    -o-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0)
}
@media only screen and (max-width: 768px) {
    .featured-video .video-info.video-playing {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
.featured-video .video-info.video-playing .score {
    top: -63px
}
@media only screen and (max-width: 768px) {
    .featured-video .video-info.video-playing .score {
        top: -2px;
        right: 30px
    }
}
.featured-video .video-info.video-playing .score h4 {
    font-size: 70px
}
@media only screen and (max-width: 768px) {
    .featured-video .video-info.video-playing .score h4 {
        font-size: 42px
    }
}
@media only screen and (max-width: 768px) {
    .featured-video .video-info {
        padding: 0 30px
    }
}
.featured-video .video-info .score {
    position: absolute;
    top: -90px;
    right: 20px;
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
@media only screen and (max-width: 768px) {
    .featured-video .video-info .score {
        top: -2px;
        right: 30px
    }
}
.featured-video .video-info .score h4 {
    font-size: 94px;
    color: #0b7bb3;
    background-image: -webkit-gradient(linear, left bottom, right top, from(#809eff), to(#2958f1));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
    display: block;
    letter-spacing: -2px;
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
@media only screen and (max-width: 768px) {
    .featured-video .video-info .score h4 {
        font-size: 42px
    }
}
.featured-video .video-info .date {
    display: block;
    float: left;
    text-align: center;
    padding: 2px 10px 0 0
}
.featured-video .video-info .date h5 {
    font-size: 14px;
    font-weight: 600;
    color: #0b7bb3;
    text-transform: uppercase;
    display: inline-block;
    background-image: -webkit-gradient(linear, left bottom, right top, from(#809eff), to(#2958f1));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}
.featured-video .video-info .date h6 {
    font-size: 30px;
    font-weight: 500;
    color: #0b7bb3;
    display: inline-block;
    background-image: -webkit-gradient(linear, left bottom, right top, from(#809eff), to(#2958f1));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: -1px;
    padding-right: 3px
}
.featured-video .video-info .description {
    width: 52%;
    float: left
}
@media only screen and (max-width: 768px) {
    .featured-video .video-info .description {
        width: 100%;
        margin-top: 15px
    }
    .featured-video .video-info .description p {
        font-size: 12px
    }
}
.featured-video .video-info .description p {
    font-size: 14px;
    margin-bottom: 10px
}
.featured-video .video-info .description p:last-child {
    margin-bottom: 0
}
.featured-video .video-info .judges {
    padding-top: 15px;
    float: right
}
@media only screen and (max-width: 768px) {
    .featured-video .video-info .judges {
        display: none
    }
}
.featured-video .video-info .judges h5 {
    text-align: right;
    font-weight: 400;
    color: #0b7bb3;
    margin-top: 4px
}
.featured-video .video-info .judges ul {
    text-align: right
}
.featured-video .video-info .judges ul li {
    display: inline-block;
    margin-left: 5px;
    border-radius: 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    position: relative
}
.featured-video .video-info .judges ul li a {
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 50%;
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.featured-video .video-info .judges ul li a:hover {
    background-color: rgba(70, 113, 251, 0.5)
}
.featured-video .video-info .judges ul li .dropdown {
    position: absolute;
    background-color: #0b7bb3;
    left: 50%;
    top: 30px;
    text-align: center;
    border-radius: 3px;
    padding: 6px 7px;
    -webkit-transform: translate(-50%, 5px);
    -moz-transform: translate(-50%, 5px);
    -ms-transform: translate(-50%, 5px);
    -o-transform: translate(-50%, 5px);
    transform: translate(-50%, 5px);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.featured-video .video-info .judges ul li .dropdown:before {
    position: absolute;
    top: -4px;
    left: 50%;
    margin: 0 0 0 -4px;
    content: "";
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #0b7bb3
}
.featured-video .video-info .judges ul li .dropdown h6 {
    color: white;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 10px;
    cursor: default;
    -webkit-backface-visibility: hidden
}
.featured-video .video-info .judges ul li:hover .dropdown {
    -webkit-transform: translate(-50%, 15px);
    -moz-transform: translate(-50%, 15px);
    -ms-transform: translate(-50%, 15px);
    -o-transform: translate(-50%, 15px);
    transform: translate(-50%, 15px);
    opacity: 1;
    visibility: visible
}
.featured-video .nominee-info {
    max-width: 1120px;
    margin: 40px auto 0;
    padding: 0 58px;
    width: 100%;
    position: relative
}
@media only screen and (max-width: 1024px) {
    .featured-video .nominee-info {
        margin: 50px auto 0
    }
}
@media only screen and (max-width: 768px) {
    .featured-video .nominee-info {
        padding: 0 30px 0;
        margin: 120px auto 0
    }
}
@media only screen and (max-width: 599px) {
    .featured-video .nominee-info {
        padding: 0 30px 0;
        margin: 100px auto 0
    }
}
.featured-video .nominee-info .left {
    float: left;
    width: 55%
}
@media only screen and (max-width: 768px) {
    .featured-video .nominee-info .left {
        width: 100%
    }
}
.featured-video .nominee-info .left h2 {
    font-size: 33px;
    color: #0b7bb3;
    font-weight: 400;
    margin: 0 0 5px -2px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    -o-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
@media only screen and (max-width: 768px) {
    .featured-video .nominee-info .left h2 {
        font-size: 26px
    }
}
@media only screen and (max-width: 599px) {
    .featured-video .nominee-info .left h2 {
        font-size: 20px
    }
}
.featured-video .nominee-info .left h2.active {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.featured-video .nominee-info .left h3 {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 500;
    margin-bottom: 18px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    -o-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .2s;
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .2s;
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .2s;
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .2s
}
@media only screen and (max-width: 768px) {
    .featured-video .nominee-info .left h3 {
        font-size: 12px
    }
}
.featured-video .nominee-info .left h3.active {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.featured-video .nominee-info .left .description {
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 10px
}
.featured-video .nominee-info .right {
    float: right;
    width: 45%;
    position: relative
}
@media only screen and (max-width: 768px) {
    .featured-video .nominee-info .right {
        width: 100%
    }
}
.featured-video .nominee-info .right .credits {
    width: 100%;
    position: relative;
    padding-left: 80px
}
@media only screen and (max-width: 768px) {
    .featured-video .nominee-info .right .credits {
        padding-left: 0
    }
}
.featured-video .nominee-info .right .credits li {
    width: 50%;
    padding-left: 15px;
    float: left
}
@media only screen and (max-width: 768px) {
    .featured-video .nominee-info .right .credits li {
        width: auto;
        padding-left: 0;
        margin-right: 25px
    }
}
@media only screen and (max-width: 599px) {
    .featured-video .nominee-info .right .credits li {
        width: 100%;
        padding-left: 0;
        margin-right: 0
    }
}
.featured-video .nominee-info .right .credits li a {
    font-size: 15px;
    font-weight: 400;
    color: #0b7bb3
}
.featured-video .nominee-info .right .credits li a:hover {
    color: #2b52d0
}
.featured-video .nominee-info .right .credits li h6 {
    text-transform: uppercase;
    font-size: 9px;
    font-weight: 400;
    color: #303133;
    padding: 15px 0 5px
}
.featured-video .nominee-info .right .tag {
    width: 100%;
    text-transform: uppercase;
    font-size: 9px;
    font-weight: 400;
    color: #303133;
    padding: 15px 0 8px 95px;
    display: block
}
@media only screen and (max-width: 768px) {
    .featured-video .nominee-info .right .tag {
        padding: 15px 0 8px
    }
}
.featured-video .nominee-info .right .tags {
    width: 100%;
    position: relative;
    padding-left: 95px
}
@media only screen and (max-width: 768px) {
    .featured-video .nominee-info .right .tags {
        padding-left: 0
    }
}
.featured-video .nominee-info .right .tags li {
    display: inline-block;
    padding-right: 4px;
    margin-bottom: 12px
}
.featured-video .nominee-info .right .tags li .tag-link {
    display: block;
    font-size: 10px;
    font-weight: 700;
    color: #0b7bb3;
    border: solid 1px #0b7bb3;
    padding: 3px 4px;
    text-transform: uppercase;
    letter-spacing: 1px
}
.featured-video .nominee-info .right .tags li .tag-link:hover {
    background-color: #0b7bb3;
    color: white;
    border: solid 1px rgba(255, 255, 255, 0)
}
.featured-video .nominee-info .right .tags li .category {
    display: block;
    font-size: 10px;
    font-weight: 700;
    color: white;
    border: solid 1px rgba(255, 255, 255, 0);
    background-color: #0b7bb3;
    padding: 3px 4px;
    text-transform: uppercase;
    letter-spacing: 1px
}
.featured-video .nominee-info .right .tags li .category:hover {
    background-color: transparent;
    color: #0b7bb3;
    border: solid 1px #0b7bb3
}
.featured-video .winner-judges {
    max-width: 1120px;
    margin: auto;
    padding: 90px 50px 60px;
    width: 100%;
    position: relative;
    -webkit-transition: all .6s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .6s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .6s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .6s cubic-bezier(0.645, 0.045, 0.355, 1)
}
@media only screen and (max-width: 1024px) {
    .featured-video .winner-judges {
        display: none
    }
}
.featured-video .winner-judges ul {
    width: 100%
}
.featured-video .winner-judges ul .judge {
    width: 20%;
    position: relative;
    float: left;
    display: inline-block;
    padding-left: 60px
}
.featured-video .winner-judges ul .judge .profile-image {
    width: 50px;
    height: 50px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.featured-video .winner-judges ul .judge h4 {
    margin-top: 10px;
    display: block;
    margin-left: 5px;
    font-weight: 400;
    font-size: 15px
}
.featured-video .winner-judges ul .judge h4 a {
    color: #303133
}
.featured-video .winner-judges ul .judge .score {
    position: relative;
    width: 100%
}
.featured-video .winner-judges ul .judge .score li {
    display: inline-block;
    float: left;
    padding: 5px 0;
    border-radius: 50%;
    color: #0b7bb3;
    width: 24px;
    height: 24px;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    position: relative;
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    cursor: default;
    margin-right: 1px
}
.featured-video .winner-judges ul .judge .score li .dropdown {
    position: absolute;
    background-color: #0b7bb3;
    left: 50%;
    top: 30px;
    text-align: center;
    border-radius: 3px;
    padding: 6px 7px;
    -webkit-transform: translate(-50%, -5px);
    -moz-transform: translate(-50%, -5px);
    -ms-transform: translate(-50%, -5px);
    -o-transform: translate(-50%, -5px);
    transform: translate(-50%, -5px);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.featured-video .winner-judges ul .judge .score li .dropdown:before {
    position: absolute;
    top: -4px;
    left: 50%;
    margin: 0 0 0 -4px;
    content: "";
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #0b7bb3
}
.featured-video .winner-judges ul .judge .score li .dropdown h6 {
    color: white;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 10px;
    cursor: default
}
.featured-video .winner-judges ul .judge .score li:hover {
    background-color: #0b7bb3;
    color: white
}
.featured-video .winner-judges ul .judge .score li:hover .dropdown {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    opacity: 1;
    visibility: visible
}
.featured-video .winner-judges.video-playing {
    -webkit-transform: translate3d(0, 24px, 0);
    -moz-transform: translate3d(0, 24px, 0);
    -ms-transform: translate3d(0, 24px, 0);
    -o-transform: translate3d(0, 24px, 0);
    transform: translate3d(0, 24px, 0)
}
.featured-video .winner-info {
    max-width: 1120px;
    margin: 0 auto;
    padding: 60px 50px 30px;
    width: 100%;
    position: relative;
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.featured-video .winner-info.video-playing {
    -webkit-transform: translate3d(0, 40px, 0);
    -moz-transform: translate3d(0, 40px, 0);
    -ms-transform: translate3d(0, 40px, 0);
    -o-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0)
}
@media only screen and (max-width: 1024px) {
    .featured-video .winner-info {
        margin: 0 auto 0
    }
}
@media only screen and (max-width: 768px) {
    .featured-video .winner-info {
        padding: 60px 30px
    }
}
@media only screen and (max-width: 599px) {
    .featured-video .winner-info {
        padding: 110px 15px 30px
    }
}
.featured-video .winner-info .left {
    float: left;
    width: 55%
}
@media only screen and (max-width: 768px) {
    .featured-video .winner-info .left {
        width: 100%
    }
}
.featured-video .winner-info .left h2 {
    font-size: 33px;
    color: #0b7bb3;
    font-weight: 400;
    margin-bottom: 5px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    -o-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
@media only screen and (max-width: 768px) {
    .featured-video .winner-info .left h2 {
        font-size: 26px
    }
}
@media only screen and (max-width: 599px) {
    .featured-video .winner-info .left h2 {
        font-size: 20px
    }
}
.featured-video .winner-info .left h2.active {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.featured-video .winner-info .left h3 {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 500;
    margin-bottom: 18px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    -o-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .2s;
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .2s;
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .2s;
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .2s
}
@media only screen and (max-width: 768px) {
    .featured-video .winner-info .left h3 {
        font-size: 12px
    }
}
.featured-video .winner-info .left h3.active {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.featured-video .winner-info .left .description {
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 10px
}
.featured-video .winner-info .right {
    float: right;
    width: 45%;
    position: relative
}
@media only screen and (max-width: 768px) {
    .featured-video .winner-info .right {
        width: 100%
    }
}
.featured-video .winner-info .right .credits {
    width: 100%;
    position: relative;
    padding-left: 80px
}
@media only screen and (max-width: 768px) {
    .featured-video .winner-info .right .credits {
        padding-left: 0
    }
}
.featured-video .winner-info .right .credits li {
    width: 50%;
    padding-left: 15px;
    float: left
}
@media only screen and (max-width: 768px) {
    .featured-video .winner-info .right .credits li {
        width: auto;
        padding-left: 0;
        margin-right: 25px
    }
}
@media only screen and (max-width: 599px) {
    .featured-video .winner-info .right .credits li {
        width: 100%;
        padding-left: 0;
        margin-right: 0
    }
}
.featured-video .winner-info .right .credits li a {
    font-size: 15px;
    font-weight: 400;
    color: #0b7bb3
}
.featured-video .winner-info .right .credits li a:hover {
    color: #2b52d0
}
.featured-video .winner-info .right .credits li h6 {
    text-transform: uppercase;
    font-size: 9px;
    font-weight: 400;
    color: #303133;
    padding: 15px 0 5px
}
.featured-video .winner-info .right .tag {
    width: 100%;
    text-transform: uppercase;
    font-size: 9px;
    font-weight: 400;
    color: #303133;
    padding: 15px 0 8px 95px;
    display: block
}
@media only screen and (max-width: 768px) {
    .featured-video .winner-info .right .tag {
        padding: 15px 0 8px
    }
}
.featured-video .winner-info .right .tags {
    width: 100%;
    position: relative;
    padding-left: 95px
}
@media only screen and (max-width: 768px) {
    .featured-video .winner-info .right .tags {
        padding-left: 0
    }
}
.featured-video .winner-info .right .tags li {
    display: inline-block;
    padding-right: 4px;
    margin-bottom: 12px
}
.featured-video .winner-info .right .tags li .tag-link {
    display: block;
    font-size: 10px;
    font-weight: 700;
    color: #0b7bb3;
    border: solid 1px #0b7bb3;
    padding: 3px 4px;
    text-transform: uppercase;
    letter-spacing: 1px
}
.featured-video .winner-info .right .tags li .tag-link:hover {
    background-color: #0b7bb3;
    color: white;
    border: solid 1px rgba(255, 255, 255, 0)
}
.featured-video .winner-info .right .tags li .category {
    display: block;
    font-size: 10px;
    font-weight: 700;
    color: white;
    border: solid 1px rgba(255, 255, 255, 0);
    background-color: #0b7bb3;
    padding: 3px 4px;
    text-transform: uppercase;
    letter-spacing: 1px
}
.featured-video .winner-info .right .tags li .category:hover {
    background-color: transparent;
    color: #0b7bb3;
    border: solid 1px #0b7bb3
}
.featured-video .winner-score {
    width: 500px;
    position: absolute;
    left: 50%;
    margin-left: -250px;
    bottom: -40px;
    z-index: 9
}
.featured-video .winner-score ul {
    width: 500px;
    background-color: #0b7bb3;
    border-radius: 4px;
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1), background-color .05s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1), background-color .05s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1), background-color .05s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1), background-color .05s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.featured-video .winner-score ul li {
    display: inline-block;
    width: 18%;
    float: left;
    text-align: center;
    position: relative;
    padding: 7px 0;
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.featured-video .winner-score ul li h5 {
    color: white;
    font-size: 26px;
    font-weight: 700;
    opacity: 0;
    -webkit-transform: translate3d(0, 25px, 0);
    -moz-transform: translate3d(0, 25px, 0);
    -ms-transform: translate3d(0, 25px, 0);
    -o-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0)
}
.featured-video .winner-score ul li h6 {
    color: white;
    font-size: 9px;
    text-transform: uppercase;
    font-weight: 500;
    opacity: 0;
    -webkit-transform: translate3d(0, 25px, 0);
    -moz-transform: translate3d(0, 25px, 0);
    -ms-transform: translate3d(0, 25px, 0);
    -o-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0)
}
.featured-video .winner-score ul li:nth-child(1) h6,
.featured-video .winner-score ul li:nth-child(5) h6,
.featured-video .winner-score ul li:nth-child(1) h5,
.featured-video .winner-score ul li:nth-child(5) h5 {
    -webkit-transition: all .6s cubic-bezier(0.645, 0.045, 0.355, 1) .1s, color .3s cubic-bezier(0.645, 0.045, 0.355, 1) 0;
    -moz-transition: all .6s cubic-bezier(0.645, 0.045, 0.355, 1) .1s, color .3s cubic-bezier(0.645, 0.045, 0.355, 1) 0;
    -o-transition: all .6s cubic-bezier(0.645, 0.045, 0.355, 1) .1s, color .3s cubic-bezier(0.645, 0.045, 0.355, 1) 0;
    transition: all .6s cubic-bezier(0.645, 0.045, 0.355, 1) .1s, color .3s cubic-bezier(0.645, 0.045, 0.355, 1) 0
}
.featured-video .winner-score ul li:nth-child(2) h6,
.featured-video .winner-score ul li:nth-child(4) h6,
.featured-video .winner-score ul li:nth-child(2) h5,
.featured-video .winner-score ul li:nth-child(4) h5 {
    -webkit-transition: all .6s cubic-bezier(0.645, 0.045, 0.355, 1) .2s, color .3s cubic-bezier(0.645, 0.045, 0.355, 1) 0;
    -moz-transition: all .6s cubic-bezier(0.645, 0.045, 0.355, 1) .2s, color .3s cubic-bezier(0.645, 0.045, 0.355, 1) 0;
    -o-transition: all .6s cubic-bezier(0.645, 0.045, 0.355, 1) .2s, color .3s cubic-bezier(0.645, 0.045, 0.355, 1) 0;
    transition: all .6s cubic-bezier(0.645, 0.045, 0.355, 1) .2s, color .3s cubic-bezier(0.645, 0.045, 0.355, 1) 0
}
.featured-video .winner-score ul li:nth-child(3) h6,
.featured-video .winner-score ul li:nth-child(3) h5 {
    -webkit-transition: all .6s cubic-bezier(0.645, 0.045, 0.355, 1) .3s, opacity .6s cubic-bezier(0.645, 0.045, 0.355, 1) .4s, font-size .3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, color .3s cubic-bezier(0.645, 0.045, 0.355, 1) 0, bottom .3s cubic-bezier(0.645, 0.045, 0.355, 1) 0;
    -moz-transition: all .6s cubic-bezier(0.645, 0.045, 0.355, 1) .3s, opacity .6s cubic-bezier(0.645, 0.045, 0.355, 1) .4s, font-size .3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, color .3s cubic-bezier(0.645, 0.045, 0.355, 1) 0, bottom .3s cubic-bezier(0.645, 0.045, 0.355, 1) 0;
    -o-transition: all .6s cubic-bezier(0.645, 0.045, 0.355, 1) .3s, opacity .6s cubic-bezier(0.645, 0.045, 0.355, 1) .4s, font-size .3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, color .3s cubic-bezier(0.645, 0.045, 0.355, 1) 0, bottom .3s cubic-bezier(0.645, 0.045, 0.355, 1) 0;
    transition: all .6s cubic-bezier(0.645, 0.045, 0.355, 1) .3s, opacity .6s cubic-bezier(0.645, 0.045, 0.355, 1) .4s, font-size .3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, color .3s cubic-bezier(0.645, 0.045, 0.355, 1) 0, bottom .3s cubic-bezier(0.645, 0.045, 0.355, 1) 0
}
.featured-video .winner-score ul li.overall {
    width: 28%
}
.featured-video .winner-score ul li.overall h5 {
    color: white;
    font-size: 80px;
    font-weight: 700;
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 4px;
    line-height: 1.1
}
.featured-video .winner-score ul li.overall h6 {
    color: white;
    font-size: 9px;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 26px
}
@media only screen and (max-width: 599px) {
    .featured-video .winner-score {
        width: 100%;
        padding: 0 10px;
        left: 0;
        margin: 0
    }
    .featured-video .winner-score ul {
        width: 100%;
        background-color: transparent;
        -webkit-transform: translate3d(0, 48px, 0);
        -moz-transform: translate3d(0, 48px, 0);
        -ms-transform: translate3d(0, 48px, 0);
        -o-transform: translate3d(0, 48px, 0);
        transform: translate3d(0, 48px, 0)
    }
    .featured-video .winner-score ul li {
        width: 19%
    }
    .featured-video .winner-score ul li h5 {
        color: #0b7bb3
    }
    .featured-video .winner-score ul li h6 {
        color: #0b7bb3
    }
    .featured-video .winner-score ul li.overall {
        width: 24%
    }
    .featured-video .winner-score ul li.overall h5 {
        color: #0b7bb3;
        font-size: 45px;
        bottom: 9px
    }
    .featured-video .winner-score ul li.overall h6 {
        color: #0b7bb3
    }
}
.featured-video .winner-score.active ul li h5 {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.featured-video .winner-score.active ul li h6 {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.featured-video .winner-score .social {
    text-align: center;
    margin-top: 8px;
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.featured-video .winner-score .social span.add-to-reel {
    position: relative;
    background: url('../public/img/icons/collection_white.svg');
    background-repeat: no-repeat;
    background-position: 9px 8px;
    background-size: 16px 15px;
    background-color: #0b7bb3;
    width: auto;
    height: auto;
    text-indent: 0;
    display: inline-block;
    color: #FFF;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 10px 12px 10px 32px;
    border-radius: 3px;
    margin: 4px;
    cursor: pointer;
    left: 0;
    top: 0;
    opacity: 1!important;
    overflow: visible;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}
.featured-video .winner-score .social span.add-to-reel:hover {
    opacity: 1!important;
    background-color: #2d5efa
}
.featured-video .winner-score .social a {
    display: inline-block;
    color: white;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 10px 12px 10px 32px;
    border-radius: 3px;
    margin: 4px;
    cursor: pointer
}
.featured-video .winner-score .social a span {
    color: white;
    font-weight: 500;
    margin-left: 8px
}
.featured-video .winner-score .social a.share {
    background-image: url(../public/img/icons/facebook.svg);
    background-repeat: no-repeat;
    background-position: 10px 8px;
    background-size: 14px 14px;
    background-color: #335ee2
}
.featured-video .winner-score .social a.share:hover {
    background-color: #2b54d5
}
.featured-video .winner-score .social a.tweet {
    background-image: url(../public/img/icons/twitter.svg);
    background-repeat: no-repeat;
    background-position: 10px 8px;
    background-size: 14px 14px;
    background-color: #457dfb
}
.featured-video .winner-score .social a.tweet:hover {
    background-color: #3f76f0
}
@media only screen and (max-width: 599px) {
    .featured-video .winner-score .social {
        -webkit-transform: translate3d(0, 44px, 0);
        -moz-transform: translate3d(0, 44px, 0);
        -ms-transform: translate3d(0, 44px, 0);
        -o-transform: translate3d(0, 44px, 0);
        transform: translate3d(0, 44px, 0)
    }
}
.featured-video .winner-score.video-playing {
    -webkit-transform: translate3d(0, 48px, 0);
    -moz-transform: translate3d(0, 48px, 0);
    -ms-transform: translate3d(0, 48px, 0);
    -o-transform: translate3d(0, 48px, 0);
    transform: translate3d(0, 48px, 0)
}
.featured-video .winner-score.video-playing ul {
    background-color: transparent
}
.featured-video .winner-score.video-playing ul li {
    width: 19%
}
.featured-video .winner-score.video-playing ul li h5 {
    color: #0b7bb3
}
.featured-video .winner-score.video-playing ul li h6 {
    color: #0b7bb3
}
.featured-video .winner-score.video-playing ul li.overall {
    width: 24%
}
.featured-video .winner-score.video-playing ul li.overall h5 {
    color: #0b7bb3;
    font-size: 45px;
    bottom: 9px
}
.featured-video .winner-score.video-playing ul li.overall h6 {
    color: #0b7bb3
}
.winners {
    width: 100%;
    position: relative;
    z-index: 9
}
.winners.grey-bg, .grey-bg {
    background-color: #fbfbfb
}
.white-bg {
    background-color: #fff;
    border-top: 1px solid #e6e9ea;
}
.winners .inner {
    max-width: 1400px;
    padding: 10px 20px 0px;
    margin: auto;
    position: relative
}
.winners .inner .navigation {
    clear: both;
    float: none;
    width: 100%;
    padding: 30px 0 0
}
.winners .inner .navigation ul {
    width: 100%;
    display: block;
    text-align: center
}
.winners .inner .navigation ul li {
    display: inline-block
}
.winners .inner .navigation ul li a {
    font-size: 24px;
    font-weight: 500;
    color: #d4d4d4;
    padding: 0 3px
}
.winners .inner .navigation ul li a:hover {
    color: #0b7bb3
}
.winners .inner .navigation ul li a span {
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
    font-weight: 500;
    color: #d4d4d4;
    vertical-align: middle
}
.winners .inner .navigation ul li a.active {
    color: #0b7bb3
}
@media only screen and (max-width: 768px) {
    .winners .inner {
        padding: 10px 14px
    }
}
.winners .inner .clear-wrap {
    overflow: hidden
}
.winners .inner h2 {
    font-size: 24px;
    color: #303133;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-left: 20px;
    display: inline-block
}
.featured_page .winners .inner h2 {
    font-size: 22px;
    padding-left: 40px;
}
@media only screen and (max-width: 1388px) {
    .winners .inner h2 {
        padding-left: 10px
    }
}
@media only screen and (max-width: 1024px) {
    .winners .inner h2 {
        padding-left: 30px
    }
}
@media only screen and (max-width: 768px) {
    .winners .inner h2 {
        font-size: 20px
    }
}
@media only screen and (max-width: 599px) {
    .winners .inner h2 {
        padding-left: 15px
    }
}
.winners .inner .see-all {
    display: inline-block;
    color: #0b7bb3;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    margin-left: 15px;
    border-bottom: solid 1px #0b7bb3
}
.winners .inner .see-all:hover {
    color: #2958f1;
    border-bottom: solid 1px #2958f1
}
@media only screen and (max-width: 599px) {
    .winners .inner .see-all {
        margin: 5px 0 0 15px;
        font-size: 10px
    }
}
.winners .inner .item {
    width: 25%;
    padding: 30px 20px 12px;
    position: relative;
    float: left;
    min-height: 295px
}
.winners .inner .item_vid {
    width: 100%;
    padding: 0px 20px 5px;
    position: relative;
    float: left;
    min-height: 275px
}
.winners .inner .item3 {
    width: 50%;
    float: left;
    margin: 20px 15px 12px;
}
.winners .inner .item4 {
    width: 58%;
    float: left;
    margin: 20px 15px 12px;
}
.winners .inner .item10 {
    width: 60%;
    float: left;
    margin: 20px 30px 12px 40px;
}
.winners .inner .item11 {
    width: 28%;
    float: left;
    margin: 20px 15px 12px;
}
.winners .inner .item12 {
    width: 50%;
    float: left;
    padding: 20px 30px 12px 40px;
}
.winners .inner .item13 {
    width: 50%;
    float: left;
    position: relative;
    padding: 20px 15px 12px;
}
.winners .inner .item5 {
    width: 36%;
    float: left;
    margin: 20px 15px 12px;
}
.winners .inner .item2 {
    width: 21%;
    float: left;
    margin: 20px 15px 12px;
}
.winners .inner .item2 img{
    width: 100%;
}
@media only screen and (max-width: 1388px) {
    .winners .inner .item {
        padding: 30px 15px 12px
    }
    .winners .inner .item2 {
        margin-bottom: 0px;
    }
}
@media only screen and (max-width: 1024px) {
    .winners .inner .item {
        width: 50%;
        padding: 30px 30px 12px
    }
}
@media only screen and (max-width: 768px) {
    .winners .inner .item {
        width: 100%
    }
    .winners .inner .item2 {
        width: 100%;
        margin: 15px 0 0
    }
    .winners .inner .item3 {
        width: 100%;
        margin: 15px 0 0
    }
    .winners .inner .item4 {
        width: 100%;
        margin: 15px 0 0
    }
    .winners .inner .item5 {
        width: 100%;
        margin: 15px 0 0
    }

}
@media only screen and (max-width: 599px) {
    .winners .inner .item {
        padding: 30px 15px 12px
    }
}
.winners .inner .item:nth-child(4n):after {
    content: "";
    clear: both;
    float: none;
    display: block
}
.winners .inner .item .image {
    width: 100%;
    height: 0;
    padding-bottom: 56.2%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    position: relative;
    border-radius: 3px
}
.winners .inner .item .image .date {
    position: absolute;
    top: 15px;
    left: -15px
}
.winners .inner .item .image .date h5 {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #0b7bb3;
    text-align: center
}
.winners .inner .item .image .date h6 {
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    color: #0b7bb3;
    text-align: center
}
.winners .inner .item .image .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    border-radius: 3px;
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.winners .inner .item .image .overlay .inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /*background-color: #809eff;*/
    background-image: -webkit-gradient(linear, left bottom, right top, from(rgba(0, 0, 0, 0.19)), to(rgba(4, 4, 4, 0.48)));
    background-image: -webkit-linear-gradient(left bottom, right top, rgba(0, 0, 0, 0.19), rgba(4, 4, 4, 0.48));
    background-image: -moz-linear-gradient(left bottom, right top, rgba(0, 0, 0, 0.19), rgba(4, 4, 4, 0.48));
    background-image: -ms-linear-gradient(left bottom, right top, rgba(0, 0, 0, 0.19), rgba(4, 4, 4, 0.48));
    background-image: -o-linear-gradient(left bottom, right top, rgba(0, 0, 0, 0.19), rgba(4, 4, 4, 0.48));
    opacity: .8;
    border-radius: 3px;
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1)
}
.winners .inner .item .image .overlay h6 {
    width: 100%;
    text-align: center;
    font-weight: 400;
    color: white;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -6px;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 2px;
    -webkit-transform: translate3d(0, 15px, 0);
    -moz-transform: translate3d(0, 15px, 0);
    -ms-transform: translate3d(0, 15px, 0);
    -o-transform: translate3d(0, 15px, 0);
    transform: translate3d(0, 15px, 0);
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.winners .inner .item .image .overlay img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    margin: -12px 0 0 -15px;
    -webkit-transform: translate3d(0, 15px, 0);
    -moz-transform: translate3d(0, 15px, 0);
    -ms-transform: translate3d(0, 15px, 0);
    -o-transform: translate3d(0, 15px, 0);
    transform: translate3d(0, 15px, 0);
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.winners .inner .item .image .overlay:hover,
.winners .inner .item .image .overlay.active {
    opacity: 1
}
.winners .inner .item .image .overlay:hover h6,
.winners .inner .item .image .overlay.active h6,
.winners .inner .item .image .overlay:hover img,
.winners .inner .item .image .overlay.active img {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.winners .inner .item .image .overlay .date {
    position: absolute
}
.winners .inner .item .ribbon {
    position: absolute;
    top: 10px;
    left: -20px
}
.winners .inner .item .ribbon img {
    width: 40px
}
.winners .inner .item .ribbon h4 {
    color: white;
    position: absolute;
    top: 9px;
    left: 7px;
    font-weight: 500;
    font-size: 15px;
    width: 25px;
    text-align: center
}
.winners .inner .item .ribbon h5 {
    color: white;
    position: absolute;
    top: 23px;
    left: 7px;
    text-transform: uppercase;
    font-size: 9px;
    width: 25px;
    text-align: center
}
.winners .inner .item .clip-info {
    width: 100%;
    padding-right: 98px;
    position: relative
}
.winners .inner .item .clip-info .title {
    font-size: 15px;
    font-weight: 700;
    margin-top: 10px;
    line-height: 1.2;
    text-align: left;
    width: 300px
}
.clip-info-2 {
    width: 100%;
    padding-right: 98px;
    position: relative
}
.clip-info-2 .title {
    font-size: 17px;
    font-weight: 700;
    margin-top: 10px;
    line-height: 1.2;
    text-align: left;
    width: 300px
}
.clip-info-2 .title a {
    color: #0b7bb3;
}
.clip-info-2 .time-left {
    font-size: 10px;
    margin-top: 6px;
    font-weight: 400;
    color: #303133;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.clip-info-2 .client {
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #303133;
    margin-top: 6px;
}
.load_more_popular_btn {
    margin: 0px 0 0 20px;
}
.strong { font-weight: bold !important; }
@media only screen and (max-width: 768px) {
    .winners .inner .item .clip-info .title {
        font-size: 16px;
        margin-top: 10px
    }
}
.winners .inner .item .clip-info .title a {
    color: #0b7bb3;
}
.winners .inner .item .clip-info .client {
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #303133;
    margin-top: 6px
}
@media only screen and (max-width: 599px) {
    .winners .inner .item .clip-info .client {
        font-size: 10px;
        letter-spacing: 1px;
        margin-top: 6px
    }
}
.winners .inner .item .clip-info .date {
    font-size: 12px;
    font-weight: 400;
    color: #303133;
    margin-top: 8px;
    letter-spacing: 2px
}
@media only screen and (max-width: 599px) {
    .winners .inner .item .clip-info .date {
        font-size: 10px;
        letter-spacing: 1px;
        margin-top: 6px
    }
}
.winners .inner .item .clip-info h6 {
    font-size: 36px;
    font-weight: 600;
    color: #0b7bb3;
    background-image: -webkit-gradient(linear, left bottom, right top, from(#809eff), to(#2958f1));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: absolute;
    right: 0;
    top: -3px
}
.nominees {
    width: 100%;
    position: relative;
    z-index: 9
}
.nominees.grey-bg {
    background-color: #fbfbfb
}
.nominees .inner {
    max-width: 1400px;
    padding: 40px 20px 0px;
    margin: auto;
    position: relative
}
@media only screen and (max-width: 1388px) {
    .nominees .inner {
        padding: 20px 0px 0px;
    }
}
@media only screen and (max-width: 768px) {
    .nominees .inner {
        padding: 40px 0
    }
}
.nominees .inner h2 {
    font-size: 17px;
    color: #303133;
    font-family: "Montserrat",sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-left: 20px;
    display: inline-block
}
.nominees .inner h2 span {
    color: #0b7bb3
}
@media only screen and (max-width: 1388px) {
    .nominees .inner h2 {
        padding-left: 20px;
    }
}
@media only screen and (max-width: 1024px) {
    .nominees .inner h2 {
        padding-left: 30px
    }
}
@media only screen and (max-width: 768px) {
    .nominees .inner h2 {
        font-size: 18px;
        padding-left: 15px
    }
}
@media only screen and (max-width: 599px) {
    .nominees .inner h2 {
        display: inline-block
    }
}
.nominees .inner .see-all {
    display: inline-block;
    color: #0b7bb3;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    margin-left: 15px;
    border-bottom: solid 1px #0b7bb3
}
.nominees .inner .see-all:hover {
    border-bottom: solid 1px #0b6d9e;
    color: #0b6d9e
}
@media only screen and (max-width: 599px) {
    .nominees .inner .see-all {
        margin: 5px 0 0 15px;
        font-size: 10px
    }
}
.nominees .inner .clear-wrap {
    overflow: hidden
}
.nominees .inner .item {
    width: 25%;
    padding: 20px 20px 12px;
    position: relative;
    float: left;
    min-height: 245px
}
.nominees .inner .item:nth-child(4n):after {
    content: "";
    clear: both;
    float: none;
    display: block
}
@media only screen and (max-width: 1024px) {
    .nominees .inner .item:nth-child(2n - 1) {
        clear: both
    }
}
@media only screen and (max-width: 1388px) {
    .nominees .inner .item {
        padding: 20px 15px 12px
    }
    .spotlight_title {
        top: 0px;
    }
    .winners .inner, .header .inner {
        max-width: 1200px;
    }
    .featured-video {
        padding-bottom: 0px;
    }
}
@media only screen and (max-width: 1024px) {
    .nominees .inner .item {
        width: 50%;
        padding: 30px 15px 12px
    }
}
@media only screen and (max-width: 599px) {
    .nominees .inner .item {
        width: 100%;
        padding: 10px 15px 12px;
        min-height: 225px
    }
}
.nominees .inner .item .image {
    width: 100%;
    height: 0;
    padding-bottom: 56.2%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    position: relative;
    border-radius: 3px
}
.nominees .inner .item .image .date {
    position: absolute;
    top: 15px;
    left: -15px
}
.nominees .inner .item .image .date h5 {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #0b7bb3;
    text-align: center
}
.nominees .inner .item .image .date h6 {
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    color: #0b7bb3;
    text-align: center
}
.nominees .inner .item .image .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    border-radius: 3px;
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.nominees .inner .item .image .overlay .inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /*background-color: #809eff;*/
    background-image: -webkit-gradient(linear, left bottom, right top, from(rgba(0, 0, 0, 0.19)), to(rgba(4, 4, 4, 0.48)));
    background-image: -webkit-linear-gradient(left bottom, right top, rgba(0, 0, 0, 0.19), rgba(4, 4, 4, 0.48));
    background-image: -moz-linear-gradient(left bottom, right top, rgba(0, 0, 0, 0.19), rgba(4, 4, 4, 0.48));
    background-image: -ms-linear-gradient(left bottom, right top, rgba(0, 0, 0, 0.19), rgba(4, 4, 4, 0.48));
    background-image: -o-linear-gradient(left bottom, right top, rgba(0, 0, 0, 0.19), rgba(4, 4, 4, 0.48));
    opacity: .8;
    border-radius: 3px;
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1)
}
.nominees .inner .item .image .overlay h6 {
    width: 100%;
    text-align: center;
    font-weight: 400;
    color: white;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -6px;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 2px;
    -webkit-transform: translate3d(0, 15px, 0);
    -moz-transform: translate3d(0, 15px, 0);
    -ms-transform: translate3d(0, 15px, 0);
    -o-transform: translate3d(0, 15px, 0);
    transform: translate3d(0, 15px, 0);
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.nominees .inner .item .image .overlay img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    margin: -12px 0 0 -15px;
    -webkit-transform: translate3d(0, 15px, 0);
    -moz-transform: translate3d(0, 15px, 0);
    -ms-transform: translate3d(0, 15px, 0);
    -o-transform: translate3d(0, 15px, 0);
    transform: translate3d(0, 15px, 0);
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.nominees .inner .item .image .overlay:hover,
.nominees .inner .item .image .overlay.active {
    opacity: 1
}
.nominees .inner .item .image .overlay:hover h6,
.nominees .inner .item .image .overlay.active h6,
.nominees .inner .item .image .overlay:hover img,
.nominees .inner .item .image .overlay.active img {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.nominees .inner .item .image .overlay .date {
    position: absolute
}
.nominees .inner .item .clip-info {
    width: 100%;
    /*padding-right: 98px;*/
    position: relative
}
.nominees .inner .item .clip-info .title {
    font-size: 14px;
    font-weight: 400;
    margin-top: 15px;
    line-height: 1;
    max-height: 15px;
    min-height: 15px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
@media only screen and (max-width: 768px) {
    .nominees .inner .item .clip-info .title {
        font-size: 14px;
        margin-top: 10px
    }
    .slider-pro h3.sp-layer {
    	font-size: 15px !important;
    	left: 30px !important
    }
    .sp-padding {
    	padding: 0px !important
    }
    .slider-pro p.sp-layer {
    	font-size: 11px !important;
    	padding: 7px 10px !important;
    	top: 70% !important;
    	left: 68% !important
    }
    .sp-thumbnails {
	    margin-left: 3px !important;
	}
	.sp-bottom-thumbnails .sp-thumbnail-container,.sp-bottom-thumbnails.sp-has-pointer {
		height: 70px !important;
	}
	.sp-thumbnail-description {
		font-size: 10px !important;
		display: none;
	}
	.slider-pro h3.sp-layer {
		margin-right: 30px !important;
	}
	.header_newsletter_image {
		display: none;
	}
	.spotlight_title {
		position: relative;
		margin-bottom: 40px
	}
	.img_news {
		height: 215px;
		z-index: 10;
	}
	.block_news {
		position: relative;
		background-color: #fff;
		z-index: 11;
	}
	.block_news .newsletter_text {
	    font-size: 16px;
	    padding: 15px 0 10px 15px;
	}
	.block_news .spotlight_text {
		margin: -10px 0 0 14px;
		font-size: 14px;
	}
}
.nominees .inner .item .clip-info .title a {
    color: #0b7bb3;
    font-family: "Montserrat",sans-serif; 
}
.nominees .inner .item .clip-info .client {
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #303133;
    margin-top: 6px
}
@media only screen and (max-width: 599px) {
    .nominees .inner .item .clip-info .client {
        font-size: 10px;
        letter-spacing: 1px;
        margin-top: 6px
    }
}
.nominees .inner .item .clip-info .date {
    font-size: 12px;
    font-weight: 400;
    color: #303133;
    margin-top: 8px;
    letter-spacing: 2px
}
@media only screen and (max-width: 599px) {
    .nominees .inner .item .clip-info .date {
        font-size: 10px;
        letter-spacing: 1px;
        margin-top: 6px
    }
}
.nominees .inner .item .clip-info .time-left {
    font-size: 9px;
    font-weight: 300;
    color: #303133;
    letter-spacing: 1px;
    position: absolute;
    text-transform: uppercase;
    text-align: center;
    width: 89px;
    right: -10px;
    top: 26px
}
.nominees .inner .item .clip-info .edit {
    font-size: 10px;
    font-weight: 700;
    color: #c0392b;
    letter-spacing: 1px;
    position: absolute;
    text-transform: uppercase;
    text-align: center;
    width: 100px;
    right: -25px;
    top: 6px
}
.winners .inner .item .clip-info .time-left {
    font-size: 8px;
    font-weight: 400;
    color: #303133;
    letter-spacing: 1px;
    position: absolute;
    text-transform: uppercase;
    text-align: center;
    width: 89px;
    right: -18px;
    top: 26px
}
.nominees .inner .item .clip-info .vote-now {
    position: absolute;
    right: 0;
    top: 3px;
    padding: 10px;
    border-radius: 4px;
    background-color: #0b7bb3;
    color: white;
    font-size: 10px;
    letter-spacing: 1px;
    font-weight: 500;
    text-transform: uppercase
}
.nominees .inner .item .clip-info .vote-now:hover {
    background-color: #2958f1
}
.nominees .inner .navigation {
    clear: both;
    float: none;
    width: 100%;
    padding: 30px 0 0
}
.nominees .inner .navigation ul {
    width: 100%;
    display: block;
    text-align: center
}
.nominees .inner .navigation ul li {
    display: inline-block
}
.nominees .inner .navigation ul li a {
    font-size: 24px;
    font-weight: 500;
    color: #d4d4d4;
    padding: 0 3px
}
.nominees .inner .navigation ul li a:hover {
    color: #0b7bb3
}
.nominees .inner .navigation ul li a span {
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
    font-weight: 500;
    color: #d4d4d4;
    vertical-align: middle
}
.nominees .inner .navigation ul li a.active {
    color: #0b7bb3
}
.nominees .mixcloud {
    padding: 20px
}
.nominees img.signup_now{
	position: absolute;
	right: 40px;
	height: 180px
}
.newsletter_text{
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 20px 0 20px 25px;
    color: #2f383d
}
.nominees .signup_now_text{
	position: absolute;
    right: 280px;
    bottom: 110px;
    text-transform: uppercase;
    color: white
}
.nominees .signup_now_text a{
	color: white
}
.page-footer {
    background-color: #1b2126;
    color: #6c7980;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 20px;
}
.pad-vert-medium {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}
.align-center {
    text-align: center !important;
}
.page-footer .destination-links {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    color: #fff;
}
.grid-row-space-base {
    color: rgb(121, 135, 142);
    margin: 20px  0 -20px -40px;
}
.language-menu {
	float: right;
}
footer {
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}
.terms.notifications_page .inner {
    min-height: 500px;
}
.nominees.rontpage.collection {
    padding-top: 40px;
}
@media only screen and (max-width: 768px) {
    footer {
        position: relative
    }
    .terms.notifications_page .inner {
        min-height: auto;
    }
}
footer .inner {
    max-width: 1400px;
    padding: 40px 40px 35px;
    margin: 0 auto
}
@media only screen and (max-width: 599px) {
    footer .inner {
        padding: 40px 20px 35px
    }
}
footer .left {
    display: inline-block;
    float: left;
    padding-left: 15px;
    margin-top: 6px
}
footer .left h5 {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: white;
    margin-bottom: 5px
}
footer .left h5 a {
    color: white;
    cursor: pointer
}
footer .left h5 a:hover {
    border-bottom: solid 1px white
}
footer .social {
    display: inline-block;
    float: left;
    margin-top: 6px
}
@media only screen and (max-width: 599px) {
    footer .social {
        float: right;
        text-align: center
    }
}
footer .social li {
    display: inline-block;
    margin-right: 10px
}
footer .social li:hover svg path {
    fill: #13337c
}
footer .social li svg {
    width: 24px;
    height: 24px
}
footer .social li svg path {
    fill: white
}
footer .details {
    display: inline-block;
    float: right;
    text-align: right
}
@media only screen and (max-width: 599px) {
    footer .details {
        display: none
    }
}
footer .details h5 {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: white;
    margin-bottom: 10px
}
footer .details h5 a img {
    height: 14px;
    vertical-align: middle
}
footer .details h5.neverbland {
    margin-bottom: 0
}
footer .details h5.neverbland a img {
    height: 10px;
    vertical-align: bottom
}
footer .middle {
    position: absolute;
    top: 30px;
    left: 50%;
    margin-left: -32px
}
@media only screen and (max-width: 768px) {
    footer .middle {
        display: none
    }
}
footer .middle img {
    width: 65px
}
footer .middle h6 {
    position: absolute;
    top: 40%;
    color: white;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px
}
footer .middle h6.stay {
    left: -45px
}
footer .middle h6.cool {
    left: 70px
}
.judge-listing {
    width: 100%;
    padding: 0 20px
}
@media only screen and (max-width: 768px) {
    .judge-listing {
        padding: 0
    }
}
.judge-listing .top {
    width: 100%;
    max-width: 1400px;
    padding: 30px 50px;
    margin: auto;
    position: relative
}
@media only screen and (max-width: 768px) {
    .judge-listing .top {
        padding: 0 30px 0
    }
}
.judge-listing .top h1 {
    font-weight: 400;
    font-size: 78px;
    letter-spacing: -2px;
    color: #0b7bb3;
    background-image: -webkit-gradient(linear, left bottom, right top, from(#809eff), to(#2958f1));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: block;
    padding: 14px 0;
    position: absolute;
    top: 50%;
    left: 50px;
    margin-top: -60px
}
@media only screen and (max-width: 1024px) {
    .judge-listing .top h1 {
        font-size: 50px;
        margin-top: -45px
    }
}
@media only screen and (max-width: 768px) {
    .judge-listing .top h1 {
        position: relative;
        font-size: 40px;
        margin-top: 0;
        left: auto;
        top: auto
    }
}
.judge-listing .top p {
    display: block;
    font-size: 16px;
    width: 100%;
    padding: 30px 0 30px 500px
}
@media only screen and (max-width: 1024px) {
    .judge-listing .top p {
        padding: 30px 0 30px 300px
    }
}
@media only screen and (max-width: 768px) {
    .judge-listing .top p {
        padding: 0 0 30px;
        font-size: 14px
    }
}
.judge-listing .top p a {
    color: #0b7bb3
}
.judge-listing .top p a:hover {
    color: #2958f1
}
.judge-listing .listing {
    width: 100%;
    max-width: 1400px;
    padding: 0 20px 60px;
    margin: auto;
    position: relative
}
@media only screen and (max-width: 599px) {
    .judge-listing .listing {
        padding: 0 5px 60px
    }
}
.judge-listing .listing .judge {
    width: 25%;
    padding: 25px 25px 70px;
    position: relative;
    float: left
}
@media only screen and (max-width: 1024px) {
    .judge-listing .listing .judge {
        width: 50%;
        padding: 40px 20px
    }
}
@media only screen and (max-width: 599px) {
    .judge-listing .listing .judge {
        width: 50%;
        padding: 20px 5px 50px
    }
}
.judge-listing .listing .judge .image {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    border-radius: 50%;
    position: relative;
    display: block
}
.judge-listing .listing .judge .image .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(70, 113, 250, 0);
    border-radius: 50%;
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.judge-listing .listing .judge .image .overlay .info {
    width: 100%;
    text-align: center;
    background-color: #0b7bb3;
    padding: 10px;
    position: absolute;
    top: 85%;
    border-radius: 4px;
    left: 0;
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
@media only screen and (max-width: 599px) {
    .judge-listing .listing .judge .image .overlay .info {
        padding: 7px 5px
    }
}
.judge-listing .listing .judge .image .overlay .info h3 {
    color: white;
    font-weight: 400;
    font-size: 19px;
    margin-bottom: 7px
}
@media only screen and (max-width: 599px) {
    .judge-listing .listing .judge .image .overlay .info h3 {
        font-size: 12px;
        margin-bottom: 3px
    }
}
.judge-listing .listing .judge .image .overlay .info h5 {
    color: white;
    font-size: 12px;
    font-weight: 400
}
@media only screen and (max-width: 599px) {
    .judge-listing .listing .judge .image .overlay .info h5 {
        font-size: 10px
    }
}
.judge-listing .listing .judge .image:hover .overlay {
    background-color: rgba(70, 113, 250, 0.4)
}
.judge-listing .listing .judge .image:hover .info {
    -webkit-transform: translate3d(0, -20px, 0);
    -moz-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    -o-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
}
.judge-profile {
    width: 100%;
    padding: 30px 30px 0;
    margin: auto;
    min-height: 210px;
    position: relative;
}
.box-profile {
}
.video-profile {
    width: 100%;
    padding: 0 30px 30px;
    margin: auto;
    min-height: 130px
}
@media only screen and (max-width: 1024px) {
    .judge-profile {

    }
}
@media only screen and (max-width: 768px) {
    .judge-profile {
        
    }
}
.judge-profile .profile-image {
    width: 120px;
    height: 120px;
    z-index: 20;
    border-radius: 50%;
    position: absolute;
    top: 20px;
    left: 20px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center
}
.video-profile .profile-image {
    width: 120px;
    height: 120px;
    top: 50px;
    left: 20px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center
}
.video-profile .image-vid {
    width: 34%;
    float: left;
}
.video-profile .infos-vid {
    width: 64%;
    float: left;
}
@media only screen and (max-width: 1024px) {
    .judge-profile .profile-image {
        width: 80px;
        height: 80px;
        top: 10px
    }
}
@media only screen and (max-width: 768px) {
    .judge-profile .profile-image {
        width: 60px;
        height: 60px;
        top: 25px;
        left: 30px
    }
}
@media only screen and (max-width: 599px) {
    .judge-profile .profile-image {
        width: 55px;
        height: 55px;
        top: 25px;
        left: 30px
    }
}
.judge-profile h1 a {
    font-size: 18px;
    font-weight: 400;
    margin-left: 130px;
    color: #2996cc;
}
.judge-profile h3 {
    font-size: 14px;
    font-weight: 400;
    margin-left: 130px;
    margin-top: 6px;
}
.judge-profile .text p {
    font-size: 12px;
    font-weight: 400;
    margin-left: 130px;
    text-align: justify;
    margin-bottom: 5px;
}
.judge-profile .text {
    min-height: 75px;
}
.judge-profile .text p:last-of-type {
    padding-bottom: 10px;
    border-bottom: 1px solid #e4eaef;
}
.video-profile h1 {
    font-size: 18px;
    font-weight: 400;
}
.video-profile h2 a {
    font-size: 12px;
    font-weight: 400;
    margin-left: -20px;
    font-family: 'GothamRoundedBold', 'GothamRoundedBook', 'helvetica neue', helvetica, arial, sans-serif;
    color: #2996cc;
}
.video-profile .text p {
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 5px;
    padding-bottom: 10px;
}
@media only screen and (max-width: 768px) {
    .judge-profile h1 {
        padding-left: 75px
    }
}
@media only screen and (max-width: 599px) {
    .judge-profile h1 {
        font-size: 22px;
        padding-left: 70px
    }
}
.judge-profile h2 {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 5px
}
@media only screen and (max-width: 768px) {
    .judge-profile h2 {
        padding-left: 75px
    }
}
@media only screen and (max-width: 599px) {
    .judge-profile h2 {
        font-size: 14px;
        padding-left: 70px
    }
}
.judge-profile h2 a {
    color: #0b7bb3
}
.judge-profile h2 a:hover {
    color: #183bad
}
.judge-profile .text {
    padding: 10px 0 0px;
    min-height: 72px
}
@media only screen and (max-width: 768px) {
    .judge-profile .text p {
        margin-top: 20px
    }
}
.judge-profile .text .left {
    width: 50%;
    padding-right: 30px;
    float: left
}
.judge-profile .text .right {
    width: 50%;
    padding-left: 30px;
    float: right
}
.judge-profile .social a {
    color: #0b7bb3;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
    margin-right: 15px
}
.judge-profile .social a:hover {
    color: #183bad
}
.judge-profile .social a:hover .link-name {
    color: #183bad
}
.judge-profile .social a .icon svg {
    width: 22px;
    height: 22px;
    vertical-align: middle
}
.judge-profile .social a .icon svg path {
    fill: #0b7bb3
}
.judge-profile .social a .link-name {
    color: #0b7bb3
}
@media only screen and (max-width: 1024px) {
    .judge-profile .social a .link-name {
        display: none
    }
}
.judges-latest-wrap {
    background-color: #fafbfc;
    width: 100%;
    display: none
}
.judges-latest-ratings {
    width: 100%;
    max-width: 1400px;
    padding: 40px 20px;
    margin: 0 auto;
    position: relative
}
.judges-latest-ratings h2 {
    font-size: 24px;
    color: #303133;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-left: 20px
}
@media only screen and (max-width: 768px) {
    .judges-latest-ratings h2 {
        font-size: 18px;
        padding-left: 10px
    }
}
.judges-latest-ratings .item {
    width: 25%;
    padding: 30px 20px 10px;
    position: relative;
    float: left
}
@media only screen and (max-width: 1388px) {
    .judges-latest-ratings .item {
        padding: 30px 10px 10px
    }
}
@media only screen and (max-width: 1024px) {
    .judges-latest-ratings .item {
        width: 50%
    }
}
@media only screen and (max-width: 599px) {
    .judges-latest-ratings .item {
        width: 100%;
        padding: 30px 10px 10px
    }
}
.judges-latest-ratings .item .image {
    width: 100%;
    height: 0;
    padding-bottom: 56.2%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    position: relative;
    border-radius: 3px;
    display: block
}
.judges-latest-ratings .item .image .date {
    position: absolute;
    top: 15px;
    left: -15px
}
.judges-latest-ratings .item .image .date h5 {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #0b7bb3;
    text-align: center
}
.judges-latest-ratings .item .image .date h6 {
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    color: #0b7bb3;
    text-align: center
}
.judges-latest-ratings .item .image .scores {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -20px
}
.judges-latest-ratings .item .image .scores li {
    width: 40px;
    height: 40px;
    background-color: #0b7bb3;
    border-radius: 50%;
    color: white;
    display: inline-block;
    font-size: 24px;
    position: relative;
    margin: 0 3px;
    cursor: default
}
.judges-latest-ratings .item .image .scores li span {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -12px;
    color: white;
    cursor: default
}
.judges-latest-ratings .item .image .scores li .dropdown {
    position: absolute;
    background-color: #0b7bb3;
    left: 50%;
    top: 30px;
    text-align: center;
    border-radius: 3px;
    padding: 6px 7px;
    -webkit-transform: translate(-50%, 5px);
    -moz-transform: translate(-50%, 5px);
    -ms-transform: translate(-50%, 5px);
    -o-transform: translate(-50%, 5px);
    transform: translate(-50%, 5px);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.judges-latest-ratings .item .image .scores li .dropdown:before {
    position: absolute;
    top: -4px;
    left: 50%;
    margin: 0 0 0 -4px;
    content: "";
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #0b7bb3
}
.judges-latest-ratings .item .image .scores li .dropdown h6 {
    color: white;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 10px;
    cursor: default
}
.judges-latest-ratings .item .image .scores li:hover .dropdown {
    -webkit-transform: translate(-50%, 15px);
    -moz-transform: translate(-50%, 15px);
    -ms-transform: translate(-50%, 15px);
    -o-transform: translate(-50%, 15px);
    transform: translate(-50%, 15px);
    opacity: 1;
    visibility: visible
}
.judges-latest-ratings .item .clip-info {
    width: 100%;
    position: relative
}
.judges-latest-ratings .item .clip-info .title {
    font-size: 18px;
    font-weight: 500;
    margin-top: 20px;
    line-height: 1.2
}
.judges-latest-ratings .item .clip-info .title a {
    color: #0b7bb3
}
.judges-latest-ratings .item .clip-info .client {
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #303133;
    margin-top: 8px
}
.judges-latest-ratings .item .clip-info .date {
    font-size: 12px;
    font-weight: 400;
    color: #303133;
    margin-top: 8px;
    letter-spacing: 2px
}
.login-form {
    width: 100%;
    padding: 0
}
.background-image {
    background: url(../img/login_bgg2.jpg) no-repeat center top;
    height: 100%;
    background-size: cover;
}
.reels-template .login-form {
    padding-top: 10px;
    padding-bottom: 10px
}
.login-form.temp {
    padding: 60px 0 0 0
}
@media only screen and (max-width: 599px) {
    .login-form {
        padding: 40px 0
    }
}
.login-form .close {
    display: none
}
.login-form h2 {
    display: block;
    width: 100%;
    text-align: center;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 24px;
    margin-bottom: 44px;
    letter-spacing: 1px;
    padding: 0 20px
}
.login-form h2.temp {
    margin-bottom: 0
}
.login-form h2.temp-bottom {
    margin: 50px 0 0 0
}
@media only screen and (max-width: 599px) {
    .login-form h2 {
        font-size: 20px
    }
}
.login-form h5 {
    display: block;
    width: 100%;
    text-align: center;
    font-weight: 400;
    font-size: 13px;
    margin: 30px 0;
    padding: 0 20px;
    line-height: 1.3
}
.login-form h5.temp {
    margin: 8px auto 30px;
    max-width: 600px;
    line-height: 1.5
}
.login-form h5.temp-bottom {
    margin: 8px auto 0;
    max-width: 600px;
    line-height: 1.5
}
.login-form h6 {
    display: block;
    width: 100%;
    text-align: center;
    font-weight: 400;
    font-size: 13px;
    margin: 20px 0;
    padding: 0 20px
}
.login-form h6 a {
    font-weight: 600;
    -webkit-transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.login-form h6 a:hover {
    color: #0b7bb3
}
.login-form .social-logins {
    width: 100%;
    max-width: 428px;
    margin: auto
}
@media only screen and (max-width: 599px) {
    .login-form .social-logins {
        max-width: 100%;
        padding: 0 20px
    }
}
.login-form .social-logins div {
    width: 50%;
    float: left
}
@media only screen and (max-width: 599px) {
    .login-form .social-logins div {
        width: 100%
    }
}
.login-form .social-logins div:first-child {
    padding-right: 12px
}
@media only screen and (max-width: 599px) {
    .login-form .social-logins div:first-child {
        padding-right: 0;
        margin-bottom: 15px
    }
}
.login-form .social-logins div:first-child a {
    background-color: #457dfb;
    background-image: url(../public/img/icons/twitter.svg);
    background-size: 30px 30px;
    background-position: 18px 17px;
    background-repeat: no-repeat
}
.login-form .social-logins div:first-child a:hover {
    background-color: #3f76f0
}
.login-form .social-logins div:last-child {
    padding-left: 12px
}
@media only screen and (max-width: 599px) {
    .login-form .social-logins div:last-child {
        padding-left: 0
    }
}
.login-form .social-logins div:last-child a {
    background-color: #335ee2;
    background-image: url(../public/img/icons/facebook.svg);
    background-size: 30px 30px;
    background-position: 18px 17px;
    background-repeat: no-repeat
}
.login-form .social-logins div:last-child a:hover {
    background-color: #2b54d5
}
.login-form .social-logins div a {
    width: 100%;
    display: block;
    padding: 25px 0 23px 32px;
    text-align: center;
    color: white;
    border-radius: 3px;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 500;
    -webkit-transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.login-form form, .login-form {
    width: 100%;
    margin: 0 auto
}
.signin-form form, .signin-form {
    max-width: 428px;
}
@media only screen and (max-width: 599px) {
    .login-form form {
        max-width: 100%;
        padding: 0 20px
    }
}
.login-form form label {
    display: none
}
#filtersubmit {
    position: relative;
    z-index: 1;
    left: -25px;
    top: 1px;
    color: #7B7B7B;
    cursor:pointer;
    width: 0;
}
.login-form form input {
    width: 100%;
    padding: 12px 22px 12px 22px;
    font-size: 12px;
    line-height: 18px;
    outline: 0;
    box-shadow: none;
    border: solid 1px #c2c2c2;
    border-radius: 3px;
    margin-bottom: 20px;
    letter-spacing: 1px
}
.login-form form input[type="email"] {
    background-image: url(../public/img/icons/letter.svg);
    background-size: 20px 20px;
    text-transform: uppercase;
    background-position: right 10px top 11px;
    background-repeat: no-repeat;
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.login-form form input[name*='name'] {
    background-image: url(../public/img/icons/people.svg);
    background-size: 20px 20px;
    background-position: right 10px top 11px;
    background-repeat: no-repeat;
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.login-form form input[type="email"]:focus {
    border: solid 1px #999
}
.login-form form .username {
    background-image: url(../public/img/icons/person.svg);
    background-size: 20px 20px;
    background-position: 15px 20px;
    background-repeat: no-repeat;
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.login-form form .username:focus {
    border: solid 1px #999
}
.login-form form .password-wrap {
    width: 100%;
    padding-right: 62px;
    position: relative
}
.login-form form input[type="password"] {
    width: 100%;
    padding: 12px 22px 12px 22px;
    font-size: 12px;
    line-height: 18px;
    outline: 0;
    box-shadow: none;
    border: solid 1px #c2c2c2;
    text-transform: uppercase;
    border-radius: 3px;
    margin-bottom: 20px;
    background-image: url(../public/img/icons/security.svg);
    background-size: 20px 20px;
    background-position: right 10px top 11px;
    background-repeat: no-repeat;
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.login-form form .password-wrap input[type="password"]:focus {
    border-top: solid 1px #999;
    border-left: solid 1px #999;
    border-bottom: solid 1px #999
}
.login-form form .password-wrap input[type="password"][invalid] {
    border: none!important;
    border-top: solid 1px #ffc600!important;
    border-bottom: solid 1px #ffc600!important;
    border-left: solid 1px #ffc600!important
}
.login-form form .password-wrap button {
    display: block;
    width: 62px;
    height: 62px;
    position: absolute;
    border-radius: 0 3px 3px 0;
    background-color: #0b7bb3;
    top: 0;
    right: 0;
    text-transform: uppercase;
    color: white;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    -webkit-transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.login-form form .password-wrap button:hover {
    background-color: #3d67ed
}
.login-form form .password-wrap button:active {
    background-color: #325ad9
}
.login-form form::-webkit-input-placeholder {
    color: #999;
    -webkit-transform: translate3d(0, 1px, 0);
    -moz-transform: translate3d(0, 1px, 0);
    -ms-transform: translate3d(0, 1px, 0);
    -o-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0)
}
.login-form form:-moz-placeholder {
    color: #999;
    -webkit-transform: translate3d(0, 1px, 0);
    -moz-transform: translate3d(0, 1px, 0);
    -ms-transform: translate3d(0, 1px, 0);
    -o-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0)
}
.login-form form::-moz-placeholder {
    color: #999;
    -webkit-transform: translate3d(0, 1px, 0);
    -moz-transform: translate3d(0, 1px, 0);
    -ms-transform: translate3d(0, 1px, 0);
    -o-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0)
}
.login-form form:-ms-input-placeholder {
    color: #999;
    -webkit-transform: translate3d(0, 1px, 0);
    -moz-transform: translate3d(0, 1px, 0);
    -ms-transform: translate3d(0, 1px, 0);
    -o-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0)
}
.login-form form.error input[type="email"] {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: shake;
    animation-name: shake;
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
    color: #e74c3c
}
.login-form form.error input[type="password"] {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: shake;
    animation-name: shake;
    color: #e74c3c
}
.login-form form.error button {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: shake;
    animation-name: shake
}
.login-form form.error::-webkit-input-placeholder {
    color: #e74c3c;
    -webkit-transform: translate3d(0, 1px, 0);
    -moz-transform: translate3d(0, 1px, 0);
    -ms-transform: translate3d(0, 1px, 0);
    -o-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0)
}
.login-form form.error:-moz-placeholder {
    color: #e74c3c;
    -webkit-transform: translate3d(0, 1px, 0);
    -moz-transform: translate3d(0, 1px, 0);
    -ms-transform: translate3d(0, 1px, 0);
    -o-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0)
}
.login-form form.error::-moz-placeholder {
    color: #e74c3c;
    -webkit-transform: translate3d(0, 1px, 0);
    -moz-transform: translate3d(0, 1px, 0);
    -ms-transform: translate3d(0, 1px, 0);
    -o-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0)
}
.login-form form.error:-ms-input-placeholder {
    color: #e74c3c;
    -webkit-transform: translate3d(0, 1px, 0);
    -moz-transform: translate3d(0, 1px, 0);
    -ms-transform: translate3d(0, 1px, 0);
    -o-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0)
}
form .message.error {
    font-size: 12px;
    color: #ffc600;
    text-align: center;
    width: 100%;
    position: absolute;
    font-weight: 500;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate3d(0, 20px, 0);
    -moz-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    -o-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
    -webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}
form .message.error.active {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.registration-form {
    width: 100%;
    padding: 80px 0
}
@media only screen and (max-width: 599px) {
    .registration-form {
        padding: 40px 0
    }
}
.registration-form h2 {
    display: block;
    width: 100%;
    text-align: center;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 24px;
    margin-bottom: 44px;
    letter-spacing: 1px;
    padding: 0 20px
}
@media only screen and (max-width: 599px) {
    .registration-form h2 {
        font-size: 20px
    }
}
.registration-form h5 {
    display: block;
    width: 100%;
    text-align: center;
    font-weight: 400;
    font-size: 13px;
    margin: 30px 0;
    padding: 0 20px;
    line-height: 1.3
}
.registration-form h6 {
    display: block;
    width: 100%;
    text-align: center;
    font-weight: 400;
    font-size: 13px;
    margin: 20px 0;
    padding: 0 20px
}
.registration-form h6 a {
    font-weight: 600;
    -webkit-transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.registration-form h6 a:hover {
    color: #0b7bb3
}
.registration-form .social-logins {
    width: 100%;
    max-width: 428px;
    margin: auto
}
@media only screen and (max-width: 599px) {
    .registration-form .social-logins {
        max-width: 100%;
        padding: 0 20px
    }
}
.registration-form .social-logins div {
    width: 50%;
    float: left
}
@media only screen and (max-width: 599px) {
    .registration-form .social-logins div {
        width: 100%
    }
}
.registration-form .social-logins div:first-child {
    padding-right: 12px
}
@media only screen and (max-width: 599px) {
    .registration-form .social-logins div:first-child {
        padding-right: 0;
        margin-bottom: 15px
    }
}
.registration-form .social-logins div:first-child a {
    background-color: #457dfb;
    background-image: url(../public/img/icons/twitter.svg);
    background-size: 30px 30px;
    background-position: 18px 17px;
    background-repeat: no-repeat
}
.registration-form .social-logins div:first-child a:hover {
    background-color: #3f76f0
}
.registration-form .social-logins div:last-child {
    padding-left: 12px
}
@media only screen and (max-width: 599px) {
    .registration-form .social-logins div:last-child {
        padding-left: 0
    }
}
.registration-form .social-logins div:last-child a {
    background-color: #335ee2;
    background-image: url(../public/img/icons/facebook.svg);
    background-size: 30px 30px;
    background-position: 18px 17px;
    background-repeat: no-repeat
}
.registration-form .social-logins div:last-child a:hover {
    background-color: #2b54d5
}
.registration-form .social-logins div a {
    width: 100%;
    display: block;
    padding: 25px 0 23px 32px;
    text-align: center;
    color: white;
    border-radius: 3px;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 500;
    -webkit-transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.registration-form form {
    width: 100%;
    max-width: 428px;
    margin: 0 auto
}
@media only screen and (max-width: 599px) {
    .registration-form form {
        max-width: 100%;
        padding: 0 20px
    }
}
.registration-form form .field-wrap {
    width: 100%;
    position: relative;
    overflow: hidden
}
.registration-form form .field-wrap label {
    position: absolute;
    top: 9px;
    left: 49px;
    font-size: 9px;
    text-transform: uppercase;
    z-index: 99;
    -webkit-transform: translate3d(0, -20px, 0);
    -moz-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    -o-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    color: #999
}
.registration-form form .field-wrap label.radio_label {
    position: static;
    width: 100%;
    overflow: hidden
}
.registration-form form .field-wrap label.radio_label input[type="radio"] {
    width: 20px
}
.registration-form form .field-wrap.active label {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.registration-form form .field-wrap input {
    width: 100%;
    padding: 22px 22px 22px 48px;
    font-size: 14px;
    outline: 0;
    box-shadow: none;
    border: solid 1px #c2c2c2;
    border-radius: 3px;
    margin-bottom: 20px;
    background-size: 20px 20px;
    background-position: 15px 20px;
    background-repeat: no-repeat;
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.registration-form form .field-wrap input:focus {
    border: solid 1px #999
}
.registration-form form .field-wrap input.name {
    background-image: url(../public/img/icons/person.svg)
}
.registration-form form .field-wrap input.company {
    background-image: url(../public/img/icons/briefcase.svg)
}
.registration-form form .field-wrap input[invalid] {
    border: solid 1px #ffc600
}
.registration-form form .field-wrap textarea[invalid] {
    border: solid 1px #ffc600
}
.registration-form form .field-wrap input[type="email"] {
    background-image: url(../public/img/icons/at.svg)
}
.registration-form form .field-wrap input[type="password"] {
    background-image: url(../public/img/icons/key-outline.svg)
}
.registration-form form button {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 62px;
    position: relative;
    border-radius: 3px;
    background-color: #0b7bb3;
    top: 0;
    right: 0;
    text-transform: uppercase;
    color: white;
    text-align: center;
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    -webkit-transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.registration-form form button:hover {
    background-color: #3d67ed
}
.registration-form form button:active {
    background-color: #325ad9
}
.registration-form form::-webkit-input-placeholder {
    color: #999;
    -webkit-transform: translate3d(0, 1px, 0);
    -moz-transform: translate3d(0, 1px, 0);
    -ms-transform: translate3d(0, 1px, 0);
    -o-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0);
    letter-spacing: 1px;
    text-transform: uppercase
}
.registration-form form:-moz-placeholder {
    color: #999;
    -webkit-transform: translate3d(0, 1px, 0);
    -moz-transform: translate3d(0, 1px, 0);
    -ms-transform: translate3d(0, 1px, 0);
    -o-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0);
    letter-spacing: 1px;
    text-transform: uppercase
}
.registration-form form::-moz-placeholder {
    color: #999;
    -webkit-transform: translate3d(0, 1px, 0);
    -moz-transform: translate3d(0, 1px, 0);
    -ms-transform: translate3d(0, 1px, 0);
    -o-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0);
    letter-spacing: 1px;
    text-transform: uppercase
}
.registration-form form:-ms-input-placeholder {
    color: #999;
    -webkit-transform: translate3d(0, 1px, 0);
    -moz-transform: translate3d(0, 1px, 0);
    -ms-transform: translate3d(0, 1px, 0);
    -o-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0);
    letter-spacing: 1px;
    text-transform: uppercase
}
.registration-form form.error input[type="email"] {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: shake;
    animation-name: shake;
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
    color: #e74c3c
}
.registration-form form.error input[type="password"] {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: shake;
    animation-name: shake;
    color: #e74c3c
}
.registration-form form.error button {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: shake;
    animation-name: shake
}
.registration-form form.error::-webkit-input-placeholder {
    color: #e74c3c;
    -webkit-transform: translate3d(0, 1px, 0);
    -moz-transform: translate3d(0, 1px, 0);
    -ms-transform: translate3d(0, 1px, 0);
    -o-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0)
}
.registration-form form.error:-moz-placeholder {
    color: #e74c3c;
    -webkit-transform: translate3d(0, 1px, 0);
    -moz-transform: translate3d(0, 1px, 0);
    -ms-transform: translate3d(0, 1px, 0);
    -o-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0)
}
.registration-form form.error::-moz-placeholder {
    color: #e74c3c;
    -webkit-transform: translate3d(0, 1px, 0);
    -moz-transform: translate3d(0, 1px, 0);
    -ms-transform: translate3d(0, 1px, 0);
    -o-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0)
}
.registration-form form.error:-ms-input-placeholder {
    color: #e74c3c;
    -webkit-transform: translate3d(0, 1px, 0);
    -moz-transform: translate3d(0, 1px, 0);
    -ms-transform: translate3d(0, 1px, 0);
    -o-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0)
}
.registration-form form input {
    width: 100%;
    padding: 22px 22px 22px 48px;
    font-size: 14px;
    outline: 0;
    box-shadow: none;
    border: solid 1px #c2c2c2;
    border-radius: 3px;
    margin-bottom: 20px;
    letter-spacing: 1px
}
.registration-form form input[type="email"] {
    background-image: url(../public/img/icons/at.svg);
    background-size: 20px 20px;
    background-position: 15px 20px;
    background-repeat: no-repeat;
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.registration-form form input[type="email"]:focus {
    border: solid 1px #999
}
.registration-form form .password-wrap {
    width: 100%;
    padding-right: 62px;
    position: relative
}
.registration-form form .password-wrap input[type="password"] {
    width: 100%;
    padding: 22px 22px 22px 48px;
    font-size: 14px;
    outline: 0;
    box-shadow: none;
    border: 0;
    border-top: solid 1px #c2c2c2;
    border-left: solid 1px #c2c2c2;
    border-bottom: solid 1px #c2c2c2;
    border-radius: 3px 0 0 3px;
    margin-bottom: 20px;
    background-image: url(../public/img/icons/key-outline.svg);
    background-size: 20px 20px;
    background-position: 15px 20px;
    background-repeat: no-repeat;
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.registration-form form .password-wrap input[type="password"]:focus {
    border-top: solid 1px #999;
    border-left: solid 1px #999;
    border-bottom: solid 1px #999
}
.registration-form form .password-wrap button {
    display: block;
    width: 62px;
    height: 62px;
    position: absolute;
    border-radius: 0 3px 3px 0;
    background-color: #0b7bb3;
    top: 0;
    right: 0;
    text-transform: uppercase;
    color: white;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    -webkit-transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.registration-form form .password-wrap button:hover {
    background-color: #3d67ed
}
.registration-form form .password-wrap button:active {
    background-color: #325ad9
}
.registration-form form::-webkit-input-placeholder {
    color: #999;
    -webkit-transform: translate3d(0, 1px, 0);
    -moz-transform: translate3d(0, 1px, 0);
    -ms-transform: translate3d(0, 1px, 0);
    -o-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0)
}
.registration-form form:-moz-placeholder {
    color: #999;
    -webkit-transform: translate3d(0, 1px, 0);
    -moz-transform: translate3d(0, 1px, 0);
    -ms-transform: translate3d(0, 1px, 0);
    -o-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0)
}
.registration-form form::-moz-placeholder {
    color: #999;
    -webkit-transform: translate3d(0, 1px, 0);
    -moz-transform: translate3d(0, 1px, 0);
    -ms-transform: translate3d(0, 1px, 0);
    -o-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0)
}
.registration-form form:-ms-input-placeholder {
    color: #999;
    -webkit-transform: translate3d(0, 1px, 0);
    -moz-transform: translate3d(0, 1px, 0);
    -ms-transform: translate3d(0, 1px, 0);
    -o-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0)
}
.registration-form form.error input[type="email"] {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: shake;
    animation-name: shake;
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
    color: #e74c3c
}
.registration-form form.error input[type="password"] {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: shake;
    animation-name: shake;
    color: #e74c3c
}
.registration-form form.error button {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: shake;
    animation-name: shake
}
.registration-form form.error::-webkit-input-placeholder {
    color: #e74c3c;
    -webkit-transform: translate3d(0, 1px, 0);
    -moz-transform: translate3d(0, 1px, 0);
    -ms-transform: translate3d(0, 1px, 0);
    -o-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0)
}
.registration-form form.error:-moz-placeholder {
    color: #e74c3c;
    -webkit-transform: translate3d(0, 1px, 0);
    -moz-transform: translate3d(0, 1px, 0);
    -ms-transform: translate3d(0, 1px, 0);
    -o-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0)
}
.registration-form form.error::-moz-placeholder {
    color: #e74c3c;
    -webkit-transform: translate3d(0, 1px, 0);
    -moz-transform: translate3d(0, 1px, 0);
    -ms-transform: translate3d(0, 1px, 0);
    -o-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0)
}
.registration-form form.error:-ms-input-placeholder {
    color: #e74c3c;
    -webkit-transform: translate3d(0, 1px, 0);
    -moz-transform: translate3d(0, 1px, 0);
    -ms-transform: translate3d(0, 1px, 0);
    -o-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0)
}
.about-mydiveo {
    width: 100%;
    margin: 0 auto;
    max-width: 1000px;
    text-align: center;
    padding: 0px 20px;
    overflow: hidden
}
.about-mydiveo .top {
    padding: 40px 0
}
.about-mydiveo .top h1 {
    font-size: 36px;
    color: #0b7bb3;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    margin-bottom: 30px
}
@media only screen and (max-width: 768px) {
    .about-mydiveo .top h1 {
        font-size: 22px
    }
}
.about-mydiveo .top p {
    font-size: 16px;
    padding: 0 30px;
    margin-bottom: 15px;
    line-height: 1.7
}
.about-mydiveo .top p span {
    font-size: 10px
}
@media only screen and (max-width: 768px) {
    .about-mydiveo .top p {
        padding: 0;
        font-size: 14px;
        text-align: left
    }
}
.about-mydiveo .top p strong {
    font-weight: 500
}
.about-mydiveo .top h6 {
    font-size: 14px;
    font-weight: 500
}
.about-mydiveo section {
    position: relative;
    padding: 30px 0
}
@media only screen and (max-width: 768px) {
    .about-mydiveo section {
        padding: 20px 0
    }
}
.about-mydiveo section img {
    width: 23%
}
@media only screen and (max-width: 768px) {
    .about-mydiveo section img {
        width: 100%;
        max-width: 140px;
        float: none;
        display: inline-block;
        text-align: center;
        position: relative
    }
}
.about-mydiveo section .text {
    float: right;
    width: 55%;
    text-align: left;
    padding: 30px 0
}
.about-mydiveo section .t_adv_rit {
    float: right;
    width: 45%;
    text-align: left;
    padding: 30px 0
}
@media only screen and (max-width: 768px) {
    .about-mydiveo section .text, .about-mydiveo section .t_adv_rit {
        width: 100%
    }
}
.about-mydiveo section .text h3 {
    font-size: 24px;
    color: #0b7bb3;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 10px
}
@media only screen and (max-width: 768px) {
    .about-mydiveo section .text h3 {
        font-size: 20px
    }
}
.about-mydiveo section .text p {
    font-size: 14px;
    padding-right: 60px;
}
.about-mydiveo section .text p a {
    color: #0b7bb3
}
.about-mydiveo section .text p a:hover {
    color: #2958f1
}
.about-mydiveo section:nth-child(odd) .text {
    float: left
}
.about-mydiveo section:nth-child(2) img {
    left: -20px;
    top: 10px
}
@media only screen and (max-width: 768px) {
    .about-mydiveo section:nth-child(2) img {
        width: 100%;
        max-width: 180px;
        float: none;
        display: inline-block;
        text-align: center;
        top: auto;
        left: auto;
        right: auto;
        position: relative
    }
}
.about-mydiveo section:nth-child(3) img {
    width: 26%;
    top: 55px;
    right: -31px
}
@media only screen and (max-width: 768px) {
    .about-mydiveo section:nth-child(3) img {
        width: 100%;
        max-width: 180px;
        float: none;
        display: inline-block;
        text-align: center;
        top: auto;
        left: auto;
        right: auto;
        position: relative
    }
}
.about-mydiveo section:nth-child(4) img {
    width: 28%;
    top: 0;
    left: -20px
}
@media only screen and (max-width: 768px) {
    .about-mydiveo section:nth-child(4) img {
        width: 100%;
        max-width: 200px;
        float: none;
        display: inline-block;
        text-align: center;
        top: auto;
        left: auto;
        right: auto;
        position: relative;
        margin-bottom: -40px
    }
}
.about-mydiveo section:nth-child(4) .text {
    z-index: 2;
    position: relative
}
.about-mydiveo section:nth-child(5) img {
    width: 26%;
    top: 25px;
    right: -25px
}
@media only screen and (max-width: 768px) {
    .about-mydiveo section:nth-child(5) img {
        width: 100%;
        max-width: 140px;
        float: none;
        display: inline-block;
        text-align: center;
        margin-top: 0;
        padding-top: 0;
        top: auto;
        left: auto;
        right: auto;
        position: relative
    }
}
@media only screen and (max-width: 768px) {
    .about-mydiveo section:nth-child(5) .text {
        padding-top: 20px
    }
}
.about-mydiveo .submit {
    padding: 10px 18px;
    background-color: #0b7bb3;
    border-radius: 4px;
    letter-spacing: 1px;
    font-size: 14px;
    color: white;
    text-transform: uppercase;
    margin: 20px 0 40px;
    display: inline-block;
    font-weight: 500
}
@media only screen and (max-width: 768px) {
    .about-mydiveo .submit {
        display: none
    }
}
.about-mydiveo .submit:hover {
    background-color: #2958f1
}
.terms {
    width: 100%;
    max-width: 840px;
    margin: 0 auto;
    text-align: center;
    padding: 50px 20px
}
.terms h1 {
    font-size: 35px;
    font-weight: 400;
    color: #0b7bb3;
    text-transform: uppercase;
    margin-bottom: 30px
}
.terms h1.privacy {
    margin-top: 100px
}
@media only screen and (max-width: 768px) {
    .terms h1 {
        font-size: 22px
    }
}
.terms p {
    text-align: left;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 20px
}
.terms h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 5px;
    text-align: left
}
.fourofour {
    padding: 40px 0;
    text-align: center
}
.fourofour img {
    display: block;
    margin: auto;
    width: 300px
}
.fourofour h1 {
    font-size: 40px;
    text-transform: uppercase;
    color: #0b7bb3;
    font-weight: 400;
    margin-bottom: 5px
}
.fourofour h3 {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 40px;
    color: #2d2f35
}
.rules-title {
    max-width: 800px;
    margin: 0 auto 10px;
    text-align: center;
    color: #0b7bb3;
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 400
}
.rules {
    max-width: 70%;
    margin: 20px auto 60px;
    text-align: center;
    color: #777;
    font-size: 14px
}
.rules span {
    font-weight: 500
}
.submit-form,
.video-form {
    width: 100%;
    padding: 20px 0
}
.submit-form.temp,
.video-form.temp {
    padding: 20px 0 50px 0
}
.submit-form .submit-steps,
.video-form .submit-steps {
    max-width: 428px;
    margin: 0 auto 30px
}
.submit-form .submit-steps ul,
.video-form .submit-steps ul {
    width: 100%;
    text-align: center
}
.submit-form .submit-steps ul li,
.video-form .submit-steps ul li {
    display: inline-block;
    margin: 0 20px
}
.submit-form .submit-steps ul li h5,
.video-form .submit-steps ul li h5 {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    color: #bebfbf;
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.submit-form .submit-steps ul li.active h5,
.video-form .submit-steps ul li.active h5 {
    color: #303133
}
.submit-form .submit-inner,
.video-form .submit-inner {
    max-width: 800px;
    margin: 0 auto
}
.submit-form .submit-inner .dz-preview,
.video-form .submit-inner .dz-preview {
    display: none
}
.submit-form .submit-inner .uploads-wrap,
.video-form .submit-inner .uploads-wrap {
    margin-bottom: 30px
}
.submit-form .submit-inner .clip-drop,
.video-form .submit-inner .clip-drop {
    width: 100%;
    padding-right: 10px;
    height: 0;
    position: relative;
    text-align: center;
    margin-bottom: 280px;
    float: left
}
.submit-form .submit-inner .clip-drop.invalid .inner,
.video-form .submit-inner .clip-drop.invalid .inner {
    border: solid 1px #ffc600
}
.submit-form .submit-inner .clip-drop .inner,
.video-form .submit-inner .clip-drop .inner {
    background-color: rgba(245, 245, 245, 0.5);
    border: solid 1px rgba(245, 245, 245, 0.5);
    border-radius: 3px;
    display: block;
    overflow: hidden;
    padding-bottom: 30.2%
}
.submit-form .submit-inner .clip-drop .camera,
.video-form .submit-inner .clip-drop .camera {
    width: 110px;
    position: absolute;
    top: 30px;
    left: 50%;
    margin-left: -50px
}
.submit-form .submit-inner .clip-drop .flash,
.video-form .submit-inner .clip-drop .flash {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    position: absolute;
    width: 10px;
    opacity: 0
}
.submit-form .submit-inner .clip-drop .flash1,
.video-form .submit-inner .clip-drop .flash1 {
    top: 67px;
    left: 50%;
    margin-left: -70px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}
.submit-form .submit-inner .clip-drop .flash2,
.video-form .submit-inner .clip-drop .flash2 {
    top: 47px;
    left: 50%;
    margin-left: 30px;
    -webkit-animation-delay: .2s;
    animation-delay: .3s
}
.submit-form .submit-inner .clip-drop .flash3,
.video-form .submit-inner .clip-drop .flash3 {
    top: 107px;
    left: 50%;
    margin-left: 0;
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}
.submit-form .submit-inner .clip-drop .tick,
.video-form .submit-inner .clip-drop .tick {
    position: absolute;
    top: 48px;
    left: 50%;
    margin-left: 8px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: translate3d(0, -30px, 0);
    -moz-transform: translate3d(0, -30px, 0);
    -ms-transform: translate3d(0, -30px, 0);
    -o-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0)
}
.submit-form .submit-inner .clip-drop .error_message,
.video-form .submit-inner .clip-drop .error_message {
    display: none;
    color: #ffc600;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    position: absolute;
    top: 115px;
    left: 0;
    width: 100%
}
.submit-form .submit-inner .clip-drop .sub-text,
.video-form .submit-inner .clip-drop .sub-text {
    font-weight: 400;
    color: #85868a;
    font-size: 11px;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 133px;
    -webkit-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0s;
    -moz-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0s;
    -o-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0s;
    transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0s
}
.submit-form .submit-inner .clip-drop .progress_message h3,
.video-form .submit-inner .clip-drop .progress_message h3 {
    opacity: 0;
    visibility: hidden;
    font-weight: 600;
    color: #0b7bb3;
    text-transform: uppercase;
    font-size: 25px;
    width: 100%;
    text-align: center;
    margin: 0 0 15px;
    position: absolute;
    top: 140px;
    -webkit-transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    -ms-transform: translate3d(0, 30px, 0);
    -o-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    -webkit-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0s;
    -moz-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0s;
    -o-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0s;
    transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0s
}
.submit-form .submit-inner .clip-drop .progress_message h3 span,
.video-form .submit-inner .clip-drop .progress_message h3 span {
    color: #0b7bb3
}
.submit-form .submit-inner .clip-drop .success_message,
.video-form .submit-inner .clip-drop .success_message {
    opacity: 0;
    visibility: hidden
}
.submit-form .submit-inner .clip-drop .success_message h3,
.video-form .submit-inner .clip-drop .success_message h3 {
    font-weight: 500;
    color: #0b7bb3;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 115px;
    left: 0;
    -webkit-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0s;
    -moz-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0s;
    -o-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0s;
    transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0s
}
.submit-form .submit-inner .clip-drop .success_message h5,
.video-form .submit-inner .clip-drop .success_message h5 {
    font-weight: 400;
    color: #85868a;
    font-size: 11px;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 133px;
    left: 0;
    -webkit-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0s;
    -moz-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0s;
    -o-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0s;
    transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0s
}
.submit-form .submit-inner .clip-drop .success_message h6,
.video-form .submit-inner .clip-drop .success_message h6 {
    font-weight: 400;
    color: #85868a;
    font-size: 11px;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 162px;
    left: 0;
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .2s;
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .2s;
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .2s;
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .2s;
    -webkit-transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    -ms-transform: translate3d(0, 50px, 0);
    -o-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
    -webkit-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0s;
    -moz-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0s;
    -o-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0s;
    transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0s
}
.submit-form .submit-inner .clip-drop .success_message h6 span,
.video-form .submit-inner .clip-drop .success_message h6 span {
    font-weight: 500;
    color: #0b7bb3;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
    padding-bottom: 1px;
    border-bottom: solid 1px #0b7bb3;
    cursor: pointer;
    margin-left: 4px;
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.submit-form .submit-inner .clip-drop .upload-text,
.video-form .submit-inner .clip-drop .upload-text {
    font-weight: 500;
    color: #0b7bb3;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 115px;
    -webkit-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0s;
    -moz-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0s;
    -o-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0s;
    transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0s
}
.submit-form .submit-inner .clip-drop .message-hidden,
.video-form .submit-inner .clip-drop .message-hidden {
    position: absolute;
    top: 150px;
    opacity: 0;
    color: #0b7bb3;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 400;
    width: 100%;
    text-align: center;
    visibility: hidden;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: dropIt;
    animation-name: dropIt;
    -webkit-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0s;
    -moz-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0s;
    -o-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0s;
    transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0s
}
.submit-form .submit-inner .clip-drop .button-wrap,
.video-form .submit-inner .clip-drop .button-wrap {
    width: 30%;
    position: absolute;
    top: 165px;
    left: 50%;
    margin-left: -123px;
    border-radius: 3px;
    -webkit-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1)
}
#fileupload_input { display: none; }
.submit-form .submit-inner .clip-drop .progress-bar,
.video-form .submit-inner .clip-drop .progress-bar {
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 3px;
    background-color: #25d7ae;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .2s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all .2s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all .2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .2s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.submit-form .submit-inner .clip-drop .upload-button,
.video-form .submit-inner .clip-drop .upload-button {
    outline: 0;
    border: 0;
    background-color: #0b7bb3;
    border-radius: 3px;
    color: white;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 8px 14px;
    letter-spacing: 1px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all .2s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all .2s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all .2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .2s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.submit-form .submit-inner .clip-drop .upload-button:hover,
.video-form .submit-inner .clip-drop .upload-button:hover {
    background-color: #0b6d9e
}
.submit-form .submit-inner .clip-drop .upload-button:active,
.video-form .submit-inner .clip-drop .upload-button:active {
    background-color: #0b6d9e
}
.submit-form .submit-inner .clip-drop .upload-button,
.submit-form .submit-inner .clip-drop .upload-button:hover,
.submit-form .submit-inner .clip-drop .upload-button:active {
    background-color: #e0e6eb;
    color: #616c76;
    font-weight: 700;
    font-size: 11px;
    letter-spacing: 0px;
}

.submit-form .submit-inner .clip-drop.dz-drag-hover .flash,
.video-form .submit-inner .clip-drop.dz-drag-hover .flash {
    -webkit-animation-name: grow;
    animation-name: grow;
    opacity: 1
}
.submit-form .submit-inner .clip-drop.dz-drag-hover .message,
.video-form .submit-inner .clip-drop.dz-drag-hover .message {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    -ms-transform: translate3d(0, 30px, 0);
    -o-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0)
}
.submit-form .submit-inner .clip-drop.dz-drag-hover .message-hidden,
.video-form .submit-inner .clip-drop.dz-drag-hover .message-hidden {
    opacity: 1;
    visibility: visible
}
.submit-form .submit-inner .clip-drop.dz-drag-hover .button-wrap,
.video-form .submit-inner .clip-drop.dz-drag-hover .button-wrap {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    -ms-transform: translate3d(0, 30px, 0);
    -o-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0)
}
.submit-form .submit-inner .clip-drop.dz-drag-hover .sub-text,
.video-form .submit-inner .clip-drop.dz-drag-hover .sub-text {
    -webkit-transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    -ms-transform: translate3d(0, 30px, 0);
    -o-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    opacity: 0;
    visibility: hidden
}
.submit-form .submit-inner .clip-drop.error .error_message,
.video-form .submit-inner .clip-drop.error .error_message {
    display: block
}
.submit-form .submit-inner .clip-drop.error .upload-text,
.video-form .submit-inner .clip-drop.error .upload-text {
    opacity: 0;
    visibility: hidden
}
.submit-form .submit-inner .clip-drop.error .sub-text,
.video-form .submit-inner .clip-drop.error .sub-text {
    -webkit-transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    -ms-transform: translate3d(0, 30px, 0);
    -o-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    opacity: 0;
    visibility: hidden
}
.submit-form .submit-inner .clip-drop.progress .button-wrap,
.video-form .submit-inner .clip-drop.progress .button-wrap {
    -webkit-transform: scaleY(0.2);
    -moz-transform: scaleY(0.2);
    -ms-transform: scaleY(0.2);
    -o-transform: scaleY(0.2);
    transform: scaleY(0.2)
}
.submit-form .submit-inner .clip-drop.progress .button-wrap .progress-bar,
.video-form .submit-inner .clip-drop.progress .button-wrap .progress-bar {
    opacity: 1;
    visibility: visible
}
.submit-form .submit-inner .clip-drop.progress .button-wrap .upload-button,
.video-form .submit-inner .clip-drop.progress .button-wrap .upload-button {
    opacity: 0;
    visibility: hidden
}
.submit-form .submit-inner .clip-drop.progress .progress_message h3,
.video-form .submit-inner .clip-drop.progress .progress_message h3 {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.submit-form .submit-inner .clip-drop.progress .upload-text,
.video-form .submit-inner .clip-drop.progress .upload-text {
    opacity: 0;
    visibility: hidden
}
.submit-form .submit-inner .clip-drop.progress .flash,
.video-form .submit-inner .clip-drop.progress .flash {
    opacity: 0;
    visibility: hidden
}
.submit-form .submit-inner .clip-drop.progress .message,
.video-form .submit-inner .clip-drop.progress .message {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    -ms-transform: translate3d(0, 30px, 0);
    -o-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0)
}
.submit-form .submit-inner .clip-drop.progress .sub-text,
.video-form .submit-inner .clip-drop.progress .sub-text {
    -webkit-transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    -ms-transform: translate3d(0, 30px, 0);
    -o-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    opacity: 0;
    visibility: hidden
}
.submit-form .submit-inner .clip-drop.success .tick,
.video-form .submit-inner .clip-drop.success .tick {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
    visibility: visible
}
.submit-form .submit-inner .clip-drop.success .flash,
.video-form .submit-inner .clip-drop.success .flash {
    opacity: 0;
    visibility: hidden
}
.submit-form .submit-inner .clip-drop.success .camera,
.video-form .submit-inner .clip-drop.success .camera {
    margin-left: -80px;
    -webkit-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0s;
    -moz-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0s;
    -o-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0s;
    transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0s
}
.submit-form .submit-inner .clip-drop.success .success_message,
.video-form .submit-inner .clip-drop.success .success_message {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.submit-form .submit-inner .clip-drop.success .success_message h6,
.video-form .submit-inner .clip-drop.success .success_message h6 {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.submit-form .submit-inner .clip-drop.success .upload-text,
.video-form .submit-inner .clip-drop.success .upload-text {
    opacity: 0;
    visibility: hidden
}
.submit-form .submit-inner .clip-drop.success .button-wrap,
.video-form .submit-inner .clip-drop.success .button-wrap {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    -ms-transform: translate3d(0, 30px, 0);
    -o-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0)
}
.submit-form .submit-inner .clip-drop.success .sub-text,
.video-form .submit-inner .clip-drop.success .sub-text {
    -webkit-transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    -ms-transform: translate3d(0, 30px, 0);
    -o-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    opacity: 0;
    visibility: hidden
}
.submit-form .submit-inner .thumb-drop,
.video-form .submit-inner .thumb-drop {
    width: 50%;
    padding-left: 10px;
    float: left
}
.submit-form .submit-inner .thumb-drop.invalid .inner,
.video-form .submit-inner .thumb-drop.invalid .inner {
    border: solid 1px #ffc600
}
.submit-form .submit-inner .thumb-drop .error_message,
.video-form .submit-inner .thumb-drop .error_message {
    display: none
}
.submit-form .submit-inner .thumb-drop.error .error_message,
.video-form .submit-inner .thumb-drop.error .error_message {
    display: block
}
.submit-form .submit-inner .thumb-drop .inner,
.video-form .submit-inner .thumb-drop .inner {
    width: 100%;
    height: 0;
    padding-bottom: 56.2%;
    background-color: rgba(245, 245, 245, 0.5);
    border: solid 1px rgba(245, 245, 245, 0.5);
    border-radius: 3px;
    text-align: center;
    position: relative;
    overflow: hidden
}
.submit-form .submit-inner .thumb-drop .inner .icon,
.video-form .submit-inner .thumb-drop .inner .icon {
    width: 76px;
    position: absolute;
    left: 50%;
    margin-left: -38px;
    top: 40px;
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.submit-form .submit-inner .thumb-drop .inner .thumbnail_preview,
.video-form .submit-inner .thumb-drop .inner .thumbnail_preview {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    border-radius: 3px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.submit-form .submit-inner .thumb-drop .inner .process,
.video-form .submit-inner .thumb-drop .inner .process {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    background: #fff;
    filter: alpha(opacity=80);
    -khtml-opacity: .8;
    -moz-opacity: .8;
    opacity: .8;
    display: none
}
.submit-form .submit-inner .thumb-drop .inner h4,
.video-form .submit-inner .thumb-drop .inner h4 {
    font-weight: 500;
    color: #0b7bb3;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 115px;
    left: 0;
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.submit-form .submit-inner .thumb-drop .inner h6,
.video-form .submit-inner .thumb-drop .inner h6 {
    font-weight: 400;
    color: #85868a;
    font-size: 11px;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 133px;
    left: 0;
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.submit-form .submit-inner .thumb-drop .inner .button-wrap,
.video-form .submit-inner .thumb-drop .inner .button-wrap {
    width: 125px;
    position: absolute;
    top: 156px;
    left: 50%;
    margin-left: -63px;
    border-radius: 3px;
    background-color: #d8dae0;
    -webkit-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.submit-form .submit-inner .thumb-drop .inner .progress_message h3,
.video-form .submit-inner .thumb-drop .inner .progress_message h3 {
    opacity: 0;
    visibility: hidden;
    font-weight: 600;
    color: #0b7bb3;
    text-transform: uppercase;
    font-size: 25px;
    width: 100%;
    text-align: center;
    margin: 0 0 15px;
    position: absolute;
    top: 140px;
    -webkit-transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    -ms-transform: translate3d(0, 30px, 0);
    -o-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    -webkit-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0s;
    -moz-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0s;
    -o-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0s;
    transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0s
}
.submit-form .submit-inner .thumb-drop .inner .progress_message h3 span,
.video-form .submit-inner .thumb-drop .inner .progress_message h3 span {
    color: #0b7bb3
}
.submit-form .submit-inner .thumb-drop .inner .progress-bar,
.video-form .submit-inner .thumb-drop .inner .progress-bar {
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 3px;
    background-color: #25d7ae;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .2s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all .2s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all .2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .2s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.submit-form .submit-inner .thumb-drop .inner .upload-button,
.video-form .submit-inner .thumb-drop .inner .upload-button {
    outline: 0;
    border: 0;
    background-color: #0b7bb3;
    border-radius: 3px;
    color: white;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 8px 14px;
    letter-spacing: 1px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all .2s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all .2s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all .2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .2s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.submit-form .submit-inner .thumb-drop .inner .upload-button:hover,
.video-form .submit-inner .thumb-drop .inner .upload-button:hover {
    background-color: #3d67ed
}
.submit-form .submit-inner .thumb-drop .inner .upload-button:active,
.video-form .submit-inner .thumb-drop .inner .upload-button:active {
    background-color: #325ad9
}
.submit-form .submit-inner .thumb-drop .inner .message-hidden,
.video-form .submit-inner .thumb-drop .inner .message-hidden {
    position: absolute;
    top: 150px;
    opacity: 0;
    font-size: 20px;
    font-weight: 400;
    visibility: hidden;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: dropIt;
    animation-name: dropIt;
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.submit-form .submit-inner .thumb-drop .inner .error_message,
.video-form .submit-inner .thumb-drop .inner .error_message {
    opacity: 0;
    visibility: hidden;
    color: #ffc600;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    width: 100%;
    position: absolute;
    top: 115px;
    left: 0;
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.submit-form .submit-inner .thumb-drop .inner .sub-text,
.video-form .submit-inner .thumb-drop .inner .sub-text {
    font-weight: 400;
    color: #85868a;
    font-size: 11px;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 133px;
    -webkit-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0s;
    -moz-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0s;
    -o-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0s;
    transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity .3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0s
}
.submit-form .submit-inner .thumb-drop.dz-drag-hover .inner .message,
.video-form .submit-inner .thumb-drop.dz-drag-hover .inner .message {
    -webkit-transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    -ms-transform: translate3d(0, 30px, 0);
    -o-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    opacity: 0;
    visibility: hidden
}
.submit-form .submit-inner .thumb-drop.dz-drag-hover .inner .message-hidden,
.video-form .submit-inner .thumb-drop.dz-drag-hover .inner .message-hidden {
    opacity: 1;
    visibility: visible
}
.submit-form .submit-inner .thumb-drop.dz-drag-hover .inner .button-wrap,
.video-form .submit-inner .thumb-drop.dz-drag-hover .inner .button-wrap {
    -webkit-transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    -ms-transform: translate3d(0, 30px, 0);
    -o-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    opacity: 0;
    visibility: hidden;
    position: relative
}
.submit-form .submit-inner .thumb-drop.progress .button-wrap,
.video-form .submit-inner .thumb-drop.progress .button-wrap {
    -webkit-transform: scaleY(0.2);
    -moz-transform: scaleY(0.2);
    -ms-transform: scaleY(0.2);
    -o-transform: scaleY(0.2);
    transform: scaleY(0.2)
}
.submit-form .submit-inner .thumb-drop.progress .button-wrap .progress-bar,
.video-form .submit-inner .thumb-drop.progress .button-wrap .progress-bar {
    opacity: 1;
    visibility: visible
}
.submit-form .submit-inner .thumb-drop.progress .button-wrap .upload-button,
.video-form .submit-inner .thumb-drop.progress .button-wrap .upload-button {
    opacity: 0;
    visibility: hidden
}
.submit-form .submit-inner .thumb-drop.progress .message,
.video-form .submit-inner .thumb-drop.progress .message {
    -webkit-transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    -ms-transform: translate3d(0, 30px, 0);
    -o-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    opacity: 0;
    visibility: hidden
}
.submit-form .submit-inner .thumb-drop.progress .progress_message h3,
.video-form .submit-inner .thumb-drop.progress .progress_message h3 {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.submit-form .submit-inner .thumb-drop.error .choose,
.video-form .submit-inner .thumb-drop.error .choose {
    opacity: 0;
    visibility: hidden
}
.submit-form .submit-inner .thumb-drop.error .error_message,
.video-form .submit-inner .thumb-drop.error .error_message {
    opacity: 1;
    visibility: visible
}
.submit-form .submit-inner .thumb-drop.error .sub-text,
.video-form .submit-inner .thumb-drop.error .sub-text {
    -webkit-transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    -ms-transform: translate3d(0, 30px, 0);
    -o-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    opacity: 0;
    visibility: hidden
}
.submit-form .submit-inner .thumb-drop.success .message,
.video-form .submit-inner .thumb-drop.success .message {
    -webkit-transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    -ms-transform: translate3d(0, 30px, 0);
    -o-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    opacity: 0;
    visibility: hidden
}
.submit-form .submit-inner .thumb-drop.success .button-wrap,
.video-form .submit-inner .thumb-drop.success .button-wrap {
    position: relative
}
.submit-form .submit-inner .thumb-drop.success .icon,
.video-form .submit-inner .thumb-drop.success .icon {
    -webkit-transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    -ms-transform: translate3d(0, 30px, 0);
    -o-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    opacity: 0;
    visibility: hidden
}
.submit-form .submit-inner .thumb-drop.success .inner .thumbnail_preview,
.video-form .submit-inner .thumb-drop.success .inner .thumbnail_preview {
    opacity: 1;
    visibility: visible
}
.submit-form .submit-inner .form-wrap,
.video-form .submit-inner .form-wrap {
    width: 100%
}
.submit-form .submit-inner .form-wrap .left,
.video-form .submit-inner .form-wrap .left {
    width: 50%;
    float: left;
    padding-right: 10px
}
.submit-form .submit-inner .form-wrap .right,
.video-form .submit-inner .form-wrap .right {
    width: 50%;
    float: left;
    padding-left: 10px
}
.submit-form .submit-inner .form-wrap #description,
.video-form .submit-inner .form-wrap #description {
    height: 100px
}
.submit-form .advanced-wrap,
.video-form .advanced-wrap {
    width: 100%;
    margin-top: 20px;
    text-align: center
}
.submit-form .advanced-wrap h3,
.video-form .advanced-wrap h3 {
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    color: #0b7bb3;
    font-weight: 500;
    position: relative;
    padding-right: 15px;
    cursor: pointer
}
.submit-form .advanced-wrap h3:after,
.video-form .advanced-wrap h3:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #2958f1;
    position: absolute;
    top: 4px;
    right: 0;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -webkit-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.submit-form .advanced-wrap h3:hover,
.video-form .advanced-wrap h3:hover {
    color: #2958f1
}
.submit-form .advanced-wrap h3.active:after,
.video-form .advanced-wrap h3.active:after {
    transform: rotate(540deg);
    -ms-transform: rotate(540deg);
    -webkit-transform: rotate(540deg)
}
.submit-form .advanced-wrap .advanced-inner,
.video-form .advanced-wrap .advanced-inner {
    width: 100%;
    max-width: 800px;
    margin: 10px auto;
    border-radius: 5px;
    display: none
}
.submit-form .advanced-wrap .advanced-inner .field-wrap,
.video-form .advanced-wrap .advanced-inner .field-wrap {
    width: 50%;
    padding-right: 10px;
    float: left
}
.submit-form .advanced-wrap .advanced-inner .field-wrap:nth-child(even),
.video-form .advanced-wrap .advanced-inner .field-wrap:nth-child(even) {
    padding-right: 0;
    padding-left: 10px
}
.submit-form .advanced-wrap .advanced-inner .field-wrap:last-child,
.video-form .advanced-wrap .advanced-inner .field-wrap:last-child {
    width: 100%;
    padding: 0
}
.video-form .submit-inner .thumb-drop {
    width: 50%;
    margin: 25px auto 0;
    display: block;
    float: none
}
.video-form .advanced-wrap .advanced-inner {
    display: block
}
.select2-search {
    padding: 0 10px!important
}
.select2-search input {
    text-transform: none!important;
    font-family: 'Gotham A', 'Gotham B', 'helvetica neue', helvetica, arial, sans-serif!important
}
.dropdown-wrap {
    text-align: left
}
.dropdown-wrap.invalid .select2-container {
    border: solid 1px #ffc600
}
.invalid .select2-container {
    border: solid 1px #ffc600!important
}
.select2-container {
    width: 100%;
    border: solid 1px #c2c2c2;
    border-radius: 3px;
    padding: 24px 22px 10px;
    text-align: left
}
.select2-container.select2-dropdown-open {
    border-radius: 3px 3px 0 0
}
.select2-container .select2-choice {
    background-color: transparent!important;
    box-shadow: none!important;
    border: none!important;
    background-image: none!important;
    font-size: 14px;
    padding: 0!important
}
.select2-container .select2-choice .select2-arrow {
    background-color: transparent!important;
    box-shadow: none!important;
    border: none!important;
    background-image: none!important;
    top: -5px!important;
    right: 0
}
.select2-container .select2-choice.select2-default .select2-chosen {
    color: #999;
    text-transform: uppercase;
    -webkit-transform: translate3d(0, 1px, 0);
    -moz-transform: translate3d(0, 1px, 0);
    -ms-transform: translate3d(0, 1px, 0);
    -o-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0);
    letter-spacing: 1px
}
.select2-choices {
    background-color: transparent!important;
    background-image: none!important;
    border: none!important;
    box-shadow: none!important;
    overflow: visible!important
}
.select2-choices input {
    padding: 0!important;
    font-size: 14px!important;
    outline: none!important;
    box-shadow: none!important;
    font-family: 'Gotham A', 'Gotham B', 'helvetica neue', helvetica, arial, sans-serif!important
}
.select2-results {
    background: none!important
}
.select2-results .select2-highlighted {
    background-color: #0b7bb3!important
}
.select2-results .select2-highlighted .select2-result-label {
    color: #fff
}
.select2-no-results {
    padding: 0 5px;
    font-family: 'Gotham A', 'Gotham B', 'helvetica neue', helvetica, arial, sans-serif!important;
    color: #888
}
.select2-input {
    width: 100%;
    font-size: 14px;
    padding: 4px;
    outline: 0;
    box-shadow: none;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #303133;
    font-family: 'Gotham A', 'Gotham B', 'helvetica neue', helvetica, arial, sans-serif
}
.select2-input.select2-active {
    background: none!important;
    position: relative
}
.select2-input.select2-active:before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    background-color: red
}
.select2-search-choice {
    background-image: none!important;
    background-color: #0b7bb3!important;
    border: none!important;
    color: white!important;
    box-shadow: none!important;
    margin: 2px 4px 2px 0!important;
    -webkit-transform: translate3d(0, -5px, 0);
    -moz-transform: translate3d(0, -5px, 0);
    -ms-transform: translate3d(0, -5px, 0);
    -o-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0)
}
.select2-search-choice div {
    color: white
}
.select2-search-choice .select2-search-choice-close {
    background-image: url(../public/img/icons/cross-white.svg)!important;
    background-size: 8px 8px!important;
    background-position: 2px 4px!important
}
.select2-search-choice .select2-search-choice-close:hover {
    background-image: url(../public/img/icons/cross-black.svg)!important
}
.select2-drop-active {
    border: solid 1px #c2c2c2!important;
    border-top: none!important;
    box-shadow: none!important
}
.select2-drop-active ul {
    background-color: #f5f6f7;
    margin: 0;
    padding: 4px;
    border-radius: 0 0 3px 3px
}
.select2-drop-active ul li {
    background: transparent!important;
    font-size: 14px;
    font-family: 'Gotham A', 'Gotham B', 'helvetica neue', helvetica, arial, sans-serif!important
}
.select2-result-label:hover {
    color: #0b7bb3
}
.select2-result-label:hover span {
    color: #0b7bb3
}
body.submit form span.global_error {
    display: none;
    border-radius: 3px;
    padding: 10px;
    color: #fff;
    background: #e52842;
    margin-top: 40px;
    margin-bottom: 40px
}
body.submit form.error span.global_error {
    display: block
}
button {
    outline: 0;
    border: 0;
    background-color: #0b7bb3;
    border-radius: 3px;
    color: white;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 10px 16px;
    letter-spacing: 1px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1)
}
button .loading {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1)
}
button .loading div {
    display: inline-block;
    width: 7px;
    height: 7px;
    margin: 0 1px;
    border-radius: 50%;
    background-color: white;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: downup;
    animation-name: downup;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-direction: alternate;
    -webkit-animation-direction: alternate
}
button .loading div:nth-child(2) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}
button .loading div:nth-child(3) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}
button .tick {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    width: 20px;
    margin: -16px 0 0 -10px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate3d(0, 20px, 0);
    -moz-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    -o-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
    -webkit-transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1)
}
button .cross {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    width: 14px;
    margin: -16px 0 0 -7px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate3d(0, 20px, 0);
    -moz-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    -o-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
    -webkit-transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1)
}
button.active {
    background-color: #0b7bb3;
    color: #0b7bb3
}
button.active .loading {
    opacity: 1;
    visibility: visible
}
button.active:hover {
    background-color: #0b7bb3
}
button.success {
    background-color: #25d7ae;
    color: #25d7ae
}
button.success .tick {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible
}
button.success .loading {
    opacity: 0;
    visibility: hidden
}
button.success:hover {
    background-color: #25d7ae
}
button.error {
    background-color: #ffc600;
    color: #ffc600
}
button.error .cross {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible
}
button.error .loading {
    opacity: 0;
    visibility: hidden
}
button.error:hover {
    background-color: #ffc600
}
button:hover {
    background-color: #3d67ed
}
button:active {
    background-color: #325ad9
}
button.inactive,
button[disabled] {
    background-color: #dee0e7;
    cursor: default
}
.field-wrap {
    width: 100%;
    position: relative;
    /*overflow: hidden;*/
    margin-bottom: 16px
}
.field-wrap.field-wrap--description {
    clear: both
}
.field-wrap label {
    position: absolute;
    top: 9px;
    left: 22px;
    font-size: 9px;
    text-transform: uppercase;
    z-index: 99;
    -webkit-transform: translate3d(0, -20px, 0);
    -moz-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    -o-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    color: #999
}
.field-wrap.active label {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.field-wrap.error {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: shake;
    animation-name: shake;
    -webkit-animation-direction: reverse;
    animation-direction: reverse
}
.field-wrap.error .field {
    border: solid 1px #ffc600
}
.field-wrap input {
    width: 100%;
    padding: 11px 22px 9px 12px;
    font-size: 14px;
    outline: 0;
    line-height: 18px;
    box-shadow: none;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    font-family: 'GothamRoundedBook', 'GothamRoundedBold', 'helvetica neue', helvetica, arial, sans-serif;
    color: #303133;
}
.field-wrap h5 {
    text-align: left;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 8px;
    margin-top: 10px;
}
.field-wrap .error_msg {
    color: #e85647;
    font-size: 11px;
    text-transform: uppercase;
    font-family: 'GothamRoundedBold', 'helvetica neue', helvetica, arial, sans-serif;
}
.field-wrap .selecter {
    margin-top: 0;
}
.field-wrap .tagedit-list {
    padding: 4px 22px 9px 12px;
    font-size: 11px;
    width: 100%;
    height: auto;
    min-height: 40px;
    text-transform: uppercase;
    overflow-y: hidden;
    outline: 0;
    line-height: 18px;
    box-shadow: none;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    font-family: 'GothamRoundedBook', 'GothamRoundedBold', 'helvetica neue', helvetica, arial, sans-serif;
    color: #303133;
}
.save_box3 {
    width: 26%;
    margin: 0 auto;
    padding: 20px 0 0;
}
.save_box3 a {
    padding: 12px 5px;
    text-align: center;
    width: 100%;
    background-color: #0b7bb3;
    color: white;
    border-radius: 3px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    display: inline-block;
    margin: 0 5px;
    border: solid 1px #0b7bb3;
}
.save_box4 {
    margin: 0 auto;
    padding: 20px 0 0;
}
.save_box4 a {
    padding: 12px 5px;
    text-align: center;
    width: 26%;
    float: right;
    background-color: #0b7bb3;
    color: white;
    border-radius: 3px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    display: inline-block;
    margin: 0 5px;
    border: solid 1px #0b7bb3;
}
.save_box5 a {
    margin-right: 35px;
}
.save_box6 a {
    margin-right: 35px;
    background-color: #bdc3c7;
    border: 1px solid #bdc3c7;
    display: none;
}
.save_box5 span, .save_box6 span {
    color: white;
}
.field-wrap .tagedit-list li.tagedit-listelement-old {
    background: #DEE7F8 4px center no-repeat;
    border: 1px solid #CAD8F3;
    padding: 6px 0 6px 13px;
    margin-top: 1px;
    border-radius: 0px;
}
.field-wrap .tagedit-list li.tagedit-listelement-old a.tagedit-close {
    border-radius: 0px;
    background: url("../img/cross.png") no-repeat scroll center center / 12px auto transparent;
    height: 8px;
}
.field-wrap .selecter .selecter-element,.field-wrap .selecter .selecter-selected {
    border: 1px solid #e4e4e4;
}
.field-wrap textarea {
    width: 100%;
    padding: 24px 22px 20px;
    font-size: 14px;
    outline: 0;
    box-shadow: none;
    border: solid 1px #c2c2c2;
    border-radius: 3px;
    color: #303133
}
.field-wrap::-webkit-input-placeholder {
    color: #999;
    -webkit-transform: translate3d(0, 1px, 0);
    -moz-transform: translate3d(0, 1px, 0);
    -ms-transform: translate3d(0, 1px, 0);
    -o-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0);
    letter-spacing: 1px;
    text-transform: uppercase
}
.field-wrap:-moz-placeholder {
    color: #999;
    -webkit-transform: translate3d(0, 1px, 0);
    -moz-transform: translate3d(0, 1px, 0);
    -ms-transform: translate3d(0, 1px, 0);
    -o-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0);
    letter-spacing: 1px;
    text-transform: uppercase
}
.field-wrap::-moz-placeholder {
    color: #999;
    -webkit-transform: translate3d(0, 1px, 0);
    -moz-transform: translate3d(0, 1px, 0);
    -ms-transform: translate3d(0, 1px, 0);
    -o-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0);
    letter-spacing: 1px;
    text-transform: uppercase
}
.field-wrap:-ms-input-placeholder {
    color: #999;
    -webkit-transform: translate3d(0, 1px, 0);
    -moz-transform: translate3d(0, 1px, 0);
    -ms-transform: translate3d(0, 1px, 0);
    -o-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0);
    letter-spacing: 1px;
    text-transform: uppercase
}
.form-messages {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 25px;
    background-color: rgba(70, 113, 251, 0.95);
    text-align: center;
    z-index: 99;
    overflow: hidden;
    -webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) 3s;
    -moz-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) 3s;
    -o-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) 3s;
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1) 3s;
    -webkit-transform: translate3d(0, 51px, 0);
    -moz-transform: translate3d(0, 51px, 0);
    -ms-transform: translate3d(0, 51px, 0);
    -o-transform: translate3d(0, 51px, 0);
    transform: translate3d(0, 51px, 0)
}
.form-messages.active {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.form-messages.error {
    background-color: rgba(38, 67, 161, 0.95)
}
.form-messages.error .saving {
    -webkit-transform: translate3d(0, -51px, 0);
    -moz-transform: translate3d(0, -51px, 0);
    -ms-transform: translate3d(0, -51px, 0);
    -o-transform: translate3d(0, -51px, 0);
    transform: translate3d(0, -51px, 0)
}
.form-messages.error .message {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.form-messages h5 {
    display: inline-block;
    color: white;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    top: 50%;
    margin-top: -5px;
    -webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.form-messages .saving {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.form-messages .message {
    -webkit-transform: translate3d(0, 51px, 0);
    -moz-transform: translate3d(0, 51px, 0);
    -ms-transform: translate3d(0, 51px, 0);
    -o-transform: translate3d(0, 51px, 0);
    transform: translate3d(0, 51px, 0)
}
body.loading .step-three button {
    color: #dee0e7
}
body.loading .step-three button .loading {
    opacity: 1;
    visibility: visible
}
.step-three {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 50px
}
.step-three .credits {
    font-size: 24px;
    text-align: center;
    margin-bottom: 15px;
    font-weight: 400;
    text-transform: uppercase
}
.step-three button {
    position: relative;
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.step-three button .loading {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden
}
.step-three button .loading div {
    display: inline-block;
    width: 7px;
    height: 7px;
    margin: 0 2px;
    border-radius: 50%;
    background-color: #0b7bb3;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: downup;
    animation-name: downup;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-direction: alternate;
    -webkit-animation-direction: alternate
}
.step-three button .loading div:nth-child(2) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}
.step-three button .loading div:nth-child(3) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}
.step-three .overview {
    width: 500px;
    margin: 50px auto;
    text-align: left
}
.step-three .overview .image-wrap {
    width: 100%;
    height: 0;
    padding-bottom: 56.2%;
    border-radius: 4px;
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center
}
.step-three .overview .image-wrap .inner {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    text-align: center
}
.step-three .overview .image-wrap .inner .table-wrap {
    display: table;
    width: 100%;
    height: 100%
}
.step-three .overview .image-wrap .inner .table-wrap .text {
    display: table-cell;
    vertical-align: middle
}
.step-three .overview .image-wrap .inner .table-wrap .text h2 {
    font-size: 26px;
    margin: 0 0 5px;
    font-weight: 500;
    color: white;
    padding: 0 10px
}
.step-three .overview .image-wrap .inner .table-wrap .text h3 {
    font-size: 16px;
    margin: 0 0 5px;
    font-weight: 400;
    color: white;
    padding: 0 10px
}
.step-three .overview h6 {
    font-size: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 4px;
    margin-top: 20px
}
.step-three .overview ul {
    width: 100%;
    margin-bottom: 20px
}
.step-three .overview ul li {
    display: block;
    float: left;
    width: 50%;
    padding: 0 20px 10px 0
}
.step-three .overview ul li h5 {
    font-size: 14px;
    font-weight: 400;
    color: #0b7bb3
}
.step-three .overview ul li.tag {
    display: inline-block;
    float: none;
    width: auto;
    padding: 3px;
    border: solid 1px #0b7bb3;
    font-weight: 500;
    color: #0b7bb3;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px
}
.success-upload {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 50px
}
.success-upload h1 {
    text-transform: uppercase;
    font-size: 38px;
    color: #0b7bb3;
    font-weight: 400;
    margin-top: 50px;
    margin-bottom: 14px
}
.success-upload .title-small {
    text-transform: uppercase;
    font-size: 22px;
    color: #0b7bb3;
    font-weight: 400;
    margin-top: 5px
}
.success-upload p {
    max-width: 550px;
    margin: 0 auto;
    margin-top: 15px
}
.success-upload .overview {
    width: 500px;
    margin: 50px auto;
    text-align: left
}
.success-upload .overview .image-wrap {
    width: 100%;
    height: 0;
    padding-bottom: 56.2%;
    border-radius: 4px;
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center
}
.success-upload .overview .image-wrap .inner {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    text-align: center
}
.success-upload .overview .image-wrap .inner .table-wrap {
    display: table;
    width: 100%;
    height: 100%
}
.success-upload .overview .image-wrap .inner .table-wrap .text {
    display: table-cell;
    vertical-align: middle
}
.success-upload .overview .image-wrap .inner .table-wrap .text h2 {
    font-size: 26px;
    margin: 0 0 5px;
    font-weight: 500;
    color: white;
    padding: 0 10px
}
.success-upload .overview .image-wrap .inner .table-wrap .text h3 {
    font-size: 16px;
    margin: 0 0 5px;
    font-weight: 400;
    color: white;
    padding: 0 10px
}
.success-upload .overview h6 {
    font-size: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 4px;
    margin-top: 20px
}
.success-upload .overview ul {
    width: 100%;
    margin-bottom: 20px
}
.success-upload .overview ul li {
    display: block;
    float: left;
    width: 50%;
    padding: 0 20px 10px 0
}
.success-upload .overview ul li h5 {
    font-size: 14px;
    font-weight: 400;
    color: #0b7bb3
}
.success-upload .overview ul li.tag {
    display: inline-block;
    float: none;
    width: auto;
    padding: 3px;
    border: solid 1px #0b7bb3;
    font-weight: 500;
    color: #0b7bb3;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px
}
.success-upload h3 {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px
}
.success-upload .social-shares {
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
    margin-top: 45px;
    padding-bottom: 10px
}
.success-upload .social-shares div {
    width: 50%;
    float: left
}
.success-upload .social-shares div:first-of-type {
    padding-right: 12px
}
.success-upload .social-shares div:first-of-type a {
    background-color: #457dfb;
    background-image: url(../public/img/icons/twitter.svg);
    background-size: 30px 30px;
    background-position: 18px 17px;
    background-repeat: no-repeat
}
.success-upload .social-shares div:first-of-type a:hover {
    background-color: #3f76f0
}
.success-upload .social-shares div:last-child {
    padding-left: 12px
}
.success-upload .social-shares div:last-child a {
    background-color: #335ee2;
    background-image: url(../public/img/icons/facebook.svg);
    background-size: 30px 30px;
    background-position: 18px 17px;
    background-repeat: no-repeat
}
.success-upload .social-shares div:last-child a:hover {
    background-color: #2b54d5
}
.success-upload .social-shares div a {
    width: 100%;
    display: block;
    padding: 25px 0 23px 32px;
    text-align: center;
    color: white;
    border-radius: 3px;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 500;
    -webkit-transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.register-form {
    width: 100%;
    padding: 80px 0
}
.register-form h2 {
    display: block;
    width: 100%;
    text-align: center;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 24px;
    margin-bottom: 44px;
    letter-spacing: 1px
}
.register-form h4 {
    display: block;
    width: 100%;
    text-align: center;
    font-weight: 500;
    font-size: 15px;
    text-transform: uppercase;
    margin: 50px 0 20px
}
.register-form h5 {
    display: block;
    width: 100%;
    text-align: center;
    font-weight: 400;
    font-size: 13px;
    margin: 30px 0
}
.register-form h6 {
    display: block;
    width: 100%;
    text-align: center;
    font-weight: 400;
    font-size: 13px;
    margin: 20px 0
}
.register-form h6 a {
    font-weight: 600;
    -webkit-transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.register-form h6 a:hover {
    color: #0b7bb3
}
.register-form .social-logins {
    width: 100%;
    max-width: 620px;
    margin: auto
}
.register-form .social-logins div {
    width: 50%;
    float: left
}
.register-form .social-logins div:first-child {
    padding-right: 12px
}
.register-form .social-logins div:first-child a {
    background-color: #457dfb;
    background-image: url(../public/img/icons/twitter.svg);
    background-size: 30px 30px;
    background-position: 18px 17px;
    background-repeat: no-repeat
}
.register-form .social-logins div:first-child a:hover {
    background-color: #3f76f0
}
.register-form .social-logins div:last-child {
    padding-left: 12px
}
.register-form .social-logins div:last-child a {
    background-color: #335ee2;
    background-image: url(../public/img/icons/facebook.svg);
    background-size: 30px 30px;
    background-position: 18px 17px;
    background-repeat: no-repeat
}
.register-form .social-logins div:last-child a:hover {
    background-color: #2b54d5
}
.register-form .social-logins div a {
    width: 100%;
    display: block;
    padding: 25px 0 23px 32px;
    text-align: center;
    color: white;
    border-radius: 3px;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 500;
    -webkit-transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.register-form form {
    width: 100%;
    max-width: 428px;
    margin: 0 auto
}
.register-form form .field-wrap {
    width: 100%;
    position: relative;
    overflow: hidden
}
.register-form form .field-wrap label {
    position: absolute;
    top: 9px;
    left: 49px;
    font-size: 9px;
    text-transform: uppercase;
    z-index: 99;
    -webkit-transform: translate3d(0, -20px, 0);
    -moz-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    -o-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    color: #999
}
.register-form form .field-wrap label.radio_label {
    position: static;
    width: 100%;
    overflow: hidden
}
.register-form form .field-wrap label.radio_label input[type="radio"] {
    width: 20px
}
.register-form form .field-wrap.active label {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.register-form form .field-wrap input {
    width: 100%;
    padding: 22px 22px 22px 48px;
    font-size: 14px;
    outline: 0;
    box-shadow: none;
    border: solid 1px #c2c2c2;
    border-radius: 3px;
    margin-bottom: 20px;
    background-size: 20px 20px;
    background-position: 15px 20px;
    background-repeat: no-repeat;
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.register-form form .field-wrap input:focus {
    border: solid 1px #999
}
.register-form form .field-wrap input.name {
    background-image: url(../public/img/icons/person.svg)
}
.register-form form .field-wrap input.company {
    background-image: url(../public/img/icons/briefcase.svg)
}
.register-form form .field-wrap input[invalid] {
    border: solid 1px #ffc600
}
.register-form form .field-wrap textarea[invalid] {
    border: solid 1px #ffc600
}
.register-form form .field-wrap input[type="email"] {
    background-image: url(../public/img/icons/at.svg)
}
.register-form form .field-wrap input[type="password"] {
    background-image: url(../public/img/icons/key-outline.svg)
}
.register-form form .field-wrap span {
    color: #e9a400;
    position: absolute;
    bottom: 3px;
    width: 100%;
    left: 0;
    text-align: left;
    font-size: 10px;
    text-transform: uppercase
}
.register-form form button {
    margin: 0 auto;
    display: block
}
.register-form form::-webkit-input-placeholder {
    color: #999;
    -webkit-transform: translate3d(0, 1px, 0);
    -moz-transform: translate3d(0, 1px, 0);
    -ms-transform: translate3d(0, 1px, 0);
    -o-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0);
    letter-spacing: 1px
}
.register-form form:-moz-placeholder {
    color: #999;
    -webkit-transform: translate3d(0, 1px, 0);
    -moz-transform: translate3d(0, 1px, 0);
    -ms-transform: translate3d(0, 1px, 0);
    -o-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0);
    letter-spacing: 1px
}
.register-form form::-moz-placeholder {
    color: #999;
    -webkit-transform: translate3d(0, 1px, 0);
    -moz-transform: translate3d(0, 1px, 0);
    -ms-transform: translate3d(0, 1px, 0);
    -o-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0);
    letter-spacing: 1px
}
.register-form form:-ms-input-placeholder {
    color: #999;
    -webkit-transform: translate3d(0, 1px, 0);
    -moz-transform: translate3d(0, 1px, 0);
    -ms-transform: translate3d(0, 1px, 0);
    -o-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0);
    letter-spacing: 1px
}
.register-form form.error input[type="email"] {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: shake;
    animation-name: shake;
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
    color: #e74c3c
}
.register-form form.error input[type="password"] {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: shake;
    animation-name: shake;
    color: #e74c3c
}
.register-form form.error button {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: shake;
    animation-name: shake
}
.register-form form.error::-webkit-input-placeholder {
    color: #e74c3c;
    -webkit-transform: translate3d(0, 1px, 0);
    -moz-transform: translate3d(0, 1px, 0);
    -ms-transform: translate3d(0, 1px, 0);
    -o-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0)
}
.register-form form.error:-moz-placeholder {
    color: #e74c3c;
    -webkit-transform: translate3d(0, 1px, 0);
    -moz-transform: translate3d(0, 1px, 0);
    -ms-transform: translate3d(0, 1px, 0);
    -o-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0)
}
.register-form form.error::-moz-placeholder {
    color: #e74c3c;
    -webkit-transform: translate3d(0, 1px, 0);
    -moz-transform: translate3d(0, 1px, 0);
    -ms-transform: translate3d(0, 1px, 0);
    -o-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0)
}
.register-form form.error:-ms-input-placeholder {
    color: #e74c3c;
    -webkit-transform: translate3d(0, 1px, 0);
    -moz-transform: translate3d(0, 1px, 0);
    -ms-transform: translate3d(0, 1px, 0);
    -o-transform: translate3d(0, 1px, 0);
    transform: translate3d(0, 1px, 0)
}
.my-credits {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    padding-top: 40px
}
.my-credits h3 {
    display: block;
    width: 100%;
    text-align: center;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 24px;
    margin-bottom: 44px;
    letter-spacing: 1px;
    padding: 0 20px
}
.my-credits h1 {
    margin: 50px 0 25px;
    font-size: 42px;
    color: #303133;
    font-weight: 400
}
.my-credits h1 span {
    color: #0b7bb3;
    font-weight: 500
}
.my-credits h5 {
    font-size: 11px;
    color: #0b7bb3;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    margin-top: -12px;
    margin-bottom: 30px;
    cursor: pointer
}
.my-credits h5:hover {
    color: #183bad
}
.my-credits .breakdown {
    display: none
}
.my-credits table {
    width: 70%;
    text-align: left;
    line-height: 0;
    border-radius: 4px;
    margin: 20px auto 50px
}
.my-credits table th,
.my-credits table td {
    padding: 10px
}
.my-credits table th:last-child,
.my-credits table td:last-child {
    text-align: center
}
.my-credits table th {
    font-size: 13px;
    font-weight: 500;
    color: #0b7bb3;
    letter-spacing: 1px;
    text-transform: uppercase
}
.my-credits table td {
    font-size: 18px;
    color: #303133
}
.reveal-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(208, 208, 208, 0.6);
    z-index: 1000;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .2s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all .2s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all .2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .2s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.reveal-modal-bg.active {
    opacity: 1;
    visibility: visible
}
.reveal-modal {
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 500px;
    position: absolute;
    z-index: 1001;
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate3d(-50%, -55%, 0);
    -moz-transform: translate3d(-50%, -55%, 0);
    -ms-transform: translate3d(-50%, -55%, 0);
    -o-transform: translate3d(-50%, -55%, 0);
    transform: translate3d(-50%, -55%, 0);
    -webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.reveal-modal.active {
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    opacity: 1;
    visibility: visible
}
.reveal-modal.on {
    background-color: red;
    -webkit-transform: translate3d(-50%, -80%, 0);
    -moz-transform: translate3d(-50%, -80%, 0);
    -ms-transform: translate3d(-50%, -80%, 0);
    -o-transform: translate3d(-50%, -80%, 0);
    transform: translate3d(-50%, -80%, 0)
}
.reveal-modal .button {
    padding: 10px;
    background-color: #0b7bb3;
    color: #fff;
    font-size: 12px;
    margin: 20px 10px 20px 0;
    border-radius: 3px
}
.reveal-modal .button[data-confirm="no"] {
    background-color: transparent;
    color: #04142a
}
.reveal-modal .close-reveal-modal {
    font-size: 22px;
    line-height: .5;
    position: absolute;
    top: 8px;
    right: 11px;
    color: #aaa;
    font-weight: bold;
    cursor: pointer;
    width: 12px;
    height: 12px
}
.reveal-modal .close-reveal-modal svg {
    width: 100%
}
.reveal-modal.standard {
    position: fixed
}
.reveal-modal.standard .close-reveal-modal {
    top: 21px;
    right: 18px
}
.reveal-modal.standard .close-reveal-modal svg {
    fill: #fff
}
.reveal-modal.standard .modal-header {
    width: 100%;
    background-color: #0b7bb3;
    border-radius: 4px 4px 0 0;
    padding: 20px
}
.reveal-modal.standard .modal-header h2 {
    color: #fff
}
.reveal-modal.standard .modal-content {
    width: 100%;
    background-color: #fff;
    border-radius: 0 0 4px 4px;
    padding: 20px
}
.reveal-modal.standard .modal-content div {
    margin: 20px 0
}
.reveal-modal .buy-credits-form {
    width: 100%
}
.reveal-modal .buy-credits-form h2 {
    display: block;
    width: 100%;
    text-align: center;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 24px;
    margin-bottom: 8px;
    letter-spacing: 1px
}
.reveal-modal .buy-credits-form ul {
    width: 100%
}
.reveal-modal .buy-credits-form ul li {
    text-align: center;
    position: relative;
    float: left;
    padding: 0 7px
}
.reveal-modal .buy-credits-form ul li:nth-child(1),
.reveal-modal .buy-credits-form ul li:nth-child(3) {
    width: 31%;
    margin-top: 47px
}
.reveal-modal .buy-credits-form ul li:nth-child(1) .inner .amount {
    background-color: #0b7bb3
}
.reveal-modal .buy-credits-form ul li:nth-child(2) .inner .amount {
    background-color: #2958f1
}
.reveal-modal .buy-credits-form ul li:nth-child(3) .inner .amount {
    background-color: #3356c2
}
.reveal-modal .buy-credits-form ul li:nth-child(2) {
    width: 38%
}
.reveal-modal .buy-credits-form ul li:nth-child(2) .inner .amount {
    padding: 36px 0
}
.reveal-modal .buy-credits-form ul li:nth-child(2) .inner .amount h3 {
    font-size: 86px
}
.reveal-modal .buy-credits-form ul li:nth-child(2) .inner .price {
    padding: 20px 20px 20px
}
.reveal-modal .buy-credits-form ul li:nth-child(2) .inner .price button {
    margin-top: 30px;
    font-size: 12px;
    padding: 10px 16px
}
.reveal-modal .buy-credits-form ul li .top {
    display: inline-block;
    padding: 4px 15px;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #0b7bb3;
    border-left: solid 1px #0b7bb3;
    border-right: solid 1px #0b7bb3;
    border-top: solid 1px #0b7bb3;
    border-radius: 4px 4px 0 0
}
.reveal-modal .buy-credits-form ul li .inner {
    border-radius: 4px;
    overflow: hidden
}
.reveal-modal .buy-credits-form ul li .inner .amount {
    background-color: #0b7bb3;
    background-image: url(../public/img/front/shapes-bg.png);
    background-size: 330px 288px;
    background-position: center center;
    padding: 35px 0;
    width: 100%;
    -webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.reveal-modal .buy-credits-form ul li .inner .amount h3 {
    width: 100%;
    color: white;
    font-size: 60px;
    font-weight: 500;
    -webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.reveal-modal .buy-credits-form ul li .inner .amount h6 {
    width: 100%;
    text-transform: uppercase;
    color: white;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 500;
    -webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.reveal-modal .buy-credits-form ul li .inner .tagline {
    width: 100%;
    background-color: #f7f7f7;
    border-left: solid 1px #93a2ac;
    border-right: solid 1px #93a2ac;
    padding: 5px 0
}
.reveal-modal .buy-credits-form ul li .inner .tagline h5 {
    width: 100%;
    color: #123091;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 600
}
.reveal-modal .buy-credits-form ul li .inner .price {
    background-color: white;
    padding: 20px;
    border-left: solid 1px #93a2ac;
    border-right: solid 1px #93a2ac;
    border-bottom: solid 1px #93a2ac;
    border-radius: 0 0 4px 4px
}
.reveal-modal .buy-credits-form ul li .inner .price h2 {
    font-size: 45px;
    color: #0b7bb3;
    letter-spacing: -2px;
    margin-bottom: -2px
}
.reveal-modal .buy-credits-form ul li .inner .price h2 span {
    font-size: 20px;
    color: #0b7bb3
}
.reveal-modal .buy-credits-form ul li .inner .price h6 {
    color: #aaa;
    font-weight: 400
}
.reveal-modal .buy-credits-form ul li .inner .price button {
    padding: 8px 12px;
    background-color: #0b7bb3;
    color: white;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
    border-radius: 4px;
    margin-top: 20px;
    cursor: pointer
}
.reveal-modal .buy-credits-form ul li .inner .price button:hover {
    background-color: #2958f1
}
.cp-container {
    width: 100%;
    resize: none;
    margin-top: 10px;
    overflow: hidden;
    font-size: 12px;
    padding: 10px;
    background: #f9f9f9
}
.dots-loading-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 9999999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.dots-loading-overlay.active {
    opacity: 1;
    visibility: visible
}
.dots-loading-overlay.active .loading div {
    display: inline-block
}
.dots-loading-overlay .loading {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center
}
.dots-loading-overlay .loading div {
    display: none;
    width: 18px;
    height: 18px;
    margin: 0 5px;
    border-radius: 50%;
    background-color: #0b7bb3;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: downupbig;
    animation-name: downupbig;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-direction: alternate;
    -webkit-animation-direction: alternate
}
.dots-loading-overlay .loading div:nth-child(2) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}
.dots-loading-overlay .loading div:nth-child(3) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}
.login-modal {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    background-color: rgba(70, 113, 251, 0.3);
    background-image: -webkit-linear-gradient(left top, left bottom, rgba(70, 113, 251, 0.3), rgba(34, 73, 200, 0.9));
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(70, 113, 251, 0.3)), to(rgba(34, 73, 200, 0.9)));
    background-image: -moz-linear-gradient(left top, left bottom, rgba(70, 113, 251, 0.3), rgba(34, 73, 200, 0.9));
    background-image: -ms-linear-gradient(left top, left bottom, rgba(70, 113, 251, 0.3), rgba(34, 73, 200, 0.9));
    background-image: -o-linear-gradient(left top, left bottom, rgba(70, 113, 251, 0.3), rgba(34, 73, 200, 0.9));
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.login-modal.active {
    opacity: 1;
    visibility: visible
}
.login-modal.active .inner .modal-wrap {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.login-modal .inner {
    display: table;
    width: 100%;
    height: 100%
}
.login-modal .inner .modal-wrap {
    display: table-cell;
    vertical-align: middle;
    padding: 40px;
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: translate3d(0, 100px, 0);
    -moz-transform: translate3d(0, 100px, 0);
    -ms-transform: translate3d(0, 100px, 0);
    -o-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0)
}
@media only screen and (max-width: 768px) {
    .login-modal .inner .modal-wrap {
        padding: 5px
    }
}
.login-modal .inner .modal-wrap .login-form {
    padding: 60px 0 40px;
    background-color: white;
    background-image: url(../public/img/front/BG-pattern.png);
    background-repeat: repeat;
    background-position: center 0;
    background-size: 400px 468px;
    max-width: 610px;
    margin: 0 auto;
    border-radius: 4px;
    position: relative
}
@media only screen and (max-width: 768px) {
    .login-modal .inner .modal-wrap .login-form {
        padding: 50px 0 10px
    }
    .login-modal .inner .modal-wrap .login-form h2 {
        display: none
    }
    .login-modal .inner .modal-wrap .login-form h6 {
        margin: 5px 0
    }
}
.login-modal .inner .modal-wrap .login-form .close {
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    cursor: pointer
}
.login-modal .inner .modal-wrap .login-form .close svg polygon {
    fill: #888
}
.login-modal .inner .modal-wrap .login-form .close:hover svg polygon {
    fill: #222
}
.blog-listing {
    width: 100%;
    max-width: 800px;
    padding: 40px 20px;
    margin: 0 auto
}
.blog-listing article {
    width: 100%;
    position: relative;
    margin-bottom: 70px
}
.blog-listing article .text {
    width: 100%;
    padding-right: 340px;
    height: 170px;
    display: table
}
@media only screen and (max-width: 768px) {
    .blog-listing article .text {
        padding: 0;
        height: auto
    }
}
.blog-listing article .text .inner {
    display: table-cell;
    vertical-align: middle
}
.blog-listing article .text h2 {
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #646464;
    font-weight: 400;
    margin-bottom: 5px;
    line-height: 1.2
}
.blog-listing article .text h2:hover {
    color: #0b7bb3
}
.blog-listing article .text h6 {
    font-size: 12px;
    color: #0b7bb3;
    font-weight: 400;
    margin-bottom: 15px
}
.blog-listing article .text p {
    font-size: 14px;
    color: #9e9e9e;
    margin-bottom: 10px
}
.blog-listing article .text .more {
    border-bottom: solid 1px #0b7bb3;
    padding-bottom: 1px;
    font-size: 10px;
    font-weight: 500;
    color: #0b7bb3;
    text-transform: uppercase
}
.blog-listing article .image-wrap {
    width: 300px;
    position: absolute;
    top: 0;
    right: 0
}
@media only screen and (max-width: 768px) {
    .blog-listing article .image-wrap {
        position: relative;
        width: 100%;
        margin-bottom: 20px
    }
}
.blog-listing article .image-wrap .image {
    width: 100%;
    padding-bottom: 56.2%;
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    border-radius: 4px
}
.blog-item {
    width: 100%;
    max-width: 580px;
    padding: 40px 20px;
    margin: 0 auto
}
.blog-item .flowplayer {
    height: 303px;
    overflow: hidden;
    position: relative
}
.blog-item article {
    width: 100%;
    position: relative;
    margin-bottom: 70px
}
.blog-item article .image {
    width: 100%;
    height: 0;
    padding-bottom: 45%;
    position: relative
}
.blog-item article .image.player_image {
    height: 303px;
    padding-bottom: 0
}
.blog-item article .image .inner {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 4px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center
}
.blog-item article h2 {
    font-size: 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #646464;
    font-weight: 400;
    margin-top: 25px;
    margin-bottom: 5px;
    line-height: 1.2
}
@media only screen and (max-width: 768px) {
    .blog-item article h2 {
        font-size: 20px
    }
}
.blog-item article h6 {
    font-size: 12px;
    color: #0b7bb3;
    font-weight: 400;
    margin-bottom: 15px
}
.blog-item article p {
    font-size: 16px;
    line-height: 1.6;
    color: #747474;
    margin-bottom: 20px
}
.blog-item article p a {
    color: #0b7bb3;
    text-decoration: none
}
.blog-item article p strong {
    font-weight: 700
}
.blog-item article img {
    width: 100%;
    border-radius: 4px;
    margin-bottom: 20px
}
.blog-item article .social a {
    display: inline-block;
    color: white;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 10px 12px 10px 32px;
    border-radius: 3px;
    margin: 4px;
    cursor: pointer
}
.blog-item article .social a span {
    color: white;
    font-weight: 500;
    margin-left: 8px
}
.blog-item article .social a.share {
    background-image: url(../public/img/icons/facebook.svg);
    background-repeat: no-repeat;
    background-position: 10px 8px;
    background-size: 14px 14px;
    background-color: #335ee2
}
.blog-item article .social a.share:hover {
    background-color: #2b54d5
}
.blog-item article .social a.tweet {
    background-image: url(../public/img/icons/twitter.svg);
    background-repeat: no-repeat;
    background-position: 10px 8px;
    background-size: 14px 14px;
    background-color: #457dfb
}
.blog-item article .social a.tweet:hover {
    background-color: #3f76f0
}
@media only screen and (max-width: 599px) {
    .blog-item article .social {
        -webkit-transform: translate3d(0, 44px, 0);
        -moz-transform: translate3d(0, 44px, 0);
        -ms-transform: translate3d(0, 44px, 0);
        -o-transform: translate3d(0, 44px, 0);
        transform: translate3d(0, 44px, 0)
    }
}
.more-posts {
    width: 100%;
    background-color: #f5f5f5
}
.more-posts .posts {
    width: 100%;
    max-width: 580px;
    padding: 40px 20px;
    margin: 0 auto
}
.more-posts .posts article {
    width: 50%;
    float: left;
    padding-right: 10px
}
.more-posts .posts article:nth-child(odd) {
    padding-right: 10px
}
.more-posts .posts article:nth-child(even) {
    padding-left: 10px
}
.more-posts .posts article .image {
    width: 100%;
    height: 0;
    padding-bottom: 45%;
    position: relative
}
.more-posts .posts article .image .inner {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 4px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center
}
.more-posts .posts article h2 {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #646464;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 5px;
    line-height: 1.2
}
.more-posts .posts article h2:hover {
    color: #0b7bb3
}
.more-posts .posts article h6 {
    font-size: 12px;
    color: #0b7bb3;
    font-weight: 400;
    margin-bottom: 15px
}
.flowplayer {
    position: relative;
    width: 100%;
    text-align: left;
    background-size: cover;
    display: inline-block
}
.flowplayer * {
    font-weight: inherit;
    font-family: inherit;
    font-style: inherit;
    text-decoration: inherit;
    font-size: 100%;
    padding: 0;
    border: 0;
    margin: 0;
    list-style-type: none
}
.flowplayer a:focus {
    outline: 0
}
.flowplayer video {
    width: 100%
}
.flowplayer.is-ipad video {
    -webkit-transform: translateX(-2048px)
}
.is-ready.flowplayer.is-ipad video {
    -webkit-transform: translateX(0)
}
.flowplayer .fp-engine,
.flowplayer .fp-ui,
.flowplayer .fp-message {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 1
}
.flowplayer .fp-message {
    display: none;
    text-align: center;
    padding-top: 5%;
    cursor: default
}
.flowplayer .fp-message h2 {
    font-size: 120%;
    margin-bottom: 1em
}
.flowplayer .fp-message p {
    color: #666;
    font-size: 95%
}
.flowplayer .fp-controls {
    position: absolute;
    bottom: 0;
    width: 100%
}
.no-background.flowplayer .fp-controls {
    background-color: transparent!important;
    background-color: transparent;
    background-image: -moz-linear-gradient(transparent, transparent)!important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(transparent))!important
}
.is-fullscreen.flowplayer .fp-controls {
    bottom: 3px
}
.is-mouseover.flowplayer .fp-controls {
    bottom: 0
}
.flowplayer .fp-waiting {
    display: none;
    margin: 19% auto;
    text-align: center
}
.flowplayer .fp-waiting * {
    -webkit-box-shadow: 0 0 5px #333;
    -moz-box-shadow: 0 0 5px #333;
    box-shadow: 0 0 5px #333
}
.flowplayer .fp-waiting em {
    width: 1em;
    height: 1em;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
    background-color: rgba(255, 255, 255, 0.8);
    display: inline-block;
    -webkit-animation: pulse .6s infinite;
    -moz-animation: pulse .6s infinite;
    animation: pulse .6s infinite;
    margin: .3em;
    opacity: 0;
    filter: alpha(opacity=0)
}
.flowplayer .fp-waiting em:nth-child(1) {
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s
}
.flowplayer .fp-waiting em:nth-child(2) {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    animation-delay: .2s
}
.flowplayer .fp-waiting em:nth-child(3) {
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    animation-delay: .4s
}
.flowplayer .fp-waiting p {
    color: #ccc;
    font-weight: bold
}
.flowplayer .fp-speed {
    font-size: 30px;
    background-color: #333;
    background-color: rgba(51, 51, 51, 0.8);
    color: #eee;
    margin: 0 auto;
    text-align: center;
    width: 120px;
    padding: .1em 0 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    transition: opacity .5s
}
.flowplayer .fp-speed.fp-hilite {
    opacity: 1;
    filter: alpha(opacity=100)
}
.flowplayer .fp-help {
    display: none;
    position: absolute;
    top: 0;
    left: -9999em;
    z-index: 100;
    background-color: #333;
    background-color: rgba(51, 51, 51, 0.9);
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    transition: opacity .2s;
    text-align: center
}
.is-help.flowplayer .fp-help {
    left: 0;
    opacity: 1;
    filter: alpha(opacity=100)
}
.flowplayer .fp-help .fp-help-section {
    margin: 3%
}
.flowplayer .fp-help .fp-help-basics {
    margin-top: 6%
}
.flowplayer .fp-help p {
    color: #eee;
    margin: .5em 0;
    font-size: 14px;
    line-height: 1.5;
    display: inline-block;
    margin: 1% 2%
}
.flowplayer .fp-help em {
    background: #eee;
    -webkit-border-radius: .3em;
    -moz-border-radius: .3em;
    border-radius: .3em;
    margin-right: .4em;
    padding: .3em .6em;
    color: #333
}
.flowplayer .fp-help .fp-close {
    display: block
}
@media(max-width:600px) {
    .flowplayer .fp-help p {
        font-size: 9px
    }
}
.flowplayer .fp-subtitle {
    position: absolute;
    bottom: 40px;
    left: -99999em;
    z-index: 10;
    text-align: center;
    width: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s
}
.flowplayer .fp-subtitle p {
    display: inline;
    background-color: #333;
    background-color: rgba(51, 51, 51, 0.9);
    color: #eee;
    padding: .1em .4em;
    font-size: 16px;
    line-height: 1.6
}
.flowplayer .fp-subtitle p:after {
    content: '';
    clear: both
}
.flowplayer .fp-subtitle.fp-active {
    left: 0;
    opacity: 1;
    filter: alpha(opacity=100)
}
.flowplayer .fp-fullscreen,
.flowplayer .fp-unload,
.flowplayer .fp-mute,
.flowplayer .fp-embed,
.flowplayer .fp-close {
    background-image: url(../public/img/flowplayer/white.png);
    background-size: 37px 300px
}
.color-light.flowplayer .fp-fullscreen,
.color-light.flowplayer .fp-unload,
.color-light.flowplayer .fp-mute,
.color-light.flowplayer .fp-embed,
.color-light.flowplayer .fp-close {
    background-image: url(../public/img/flowplayer/black.html)
}
@media(-webkit-min-device-pixel-ratio:2) {
    .color-light.flowplayer .fp-fullscreen, .color-light.flowplayer .fp-unload, .color-light.flowplayer .fp-mute, .color-light.flowplayer .fp-embed, .color-light.flowplayer .fp-close {
        background-image: url(../public/img/flowplayer/black%40x2.html)
    }
}
@media(-webkit-min-device-pixel-ratio:2) {
    .flowplayer .fp-fullscreen, .flowplayer .fp-unload, .flowplayer .fp-mute, .flowplayer .fp-embed, .flowplayer .fp-close {
        background-image: url(../public/img/flowplayer/white%40x2.png)
    }
}
.is-splash.flowplayer .fp-ui,
.is-paused.flowplayer .fp-ui {
    background: url(../public/img/flowplayer/play_white.png) center no-repeat;
    background-size: 12%
}
@media(-webkit-min-device-pixel-ratio:2) {
    .is-splash.flowplayer .fp-ui, .is-paused.flowplayer .fp-ui {
        background: url(../public/img/flowplayer/play_white%40x2.png) center no-repeat;
        background-size: 12%
    }
}
.color-light.is-splash.flowplayer .fp-ui,
.color-light.is-paused.flowplayer .fp-ui {
    background-image: url(../public/img/flowplayer/play_black.html)
}
@media(-webkit-min-device-pixel-ratio:2) {
    .color-light.is-splash.flowplayer .fp-ui, .color-light.is-paused.flowplayer .fp-ui {
        background-image: url(../public/img/flowplayer/play_black%40x2.html)
    }
}
.is-fullscreen.flowplayer .fp-ui {
    background-size: auto
}
.is-seeking.flowplayer .fp-ui,
.is-loading.flowplayer .fp-ui {
    background-image: none
}
.flowplayer .fp-logo {
    position: absolute;
    top: auto;
    left: 5px;
    bottom: 25px;
    cursor: pointer;
    display: none;
    z-index: 100
}
.flowplayer .fp-logo img {
    width: 100%
}
.is-embedded.flowplayer .fp-logo {
    display: block
}
.flowplayer .fp-fullscreen,
.flowplayer .fp-unload,
.flowplayer .fp-close {
    position: absolute;
    top: 5px;
    left: auto;
    right: 5px;
    display: block;
    width: 18px;
    height: 19px;
    background-position: 0 -197px;
    cursor: pointer
}
.is-fullscreen.flowplayer .fp-fullscreen,
.is-fullscreen.flowplayer .fp-unload,
.is-fullscreen.flowplayer .fp-close {
    background-position: 0 -218px
}
.flowplayer .fp-unload,
.flowplayer .fp-close {
    background-position: 5px -178px;
    display: none
}
.flowplayer.is-ready.is-closeable .fp-unload {
    display: block
}
.flowplayer.is-ready.is-closeable .fp-fullscreen {
    display: none
}
.flowplayer .fp-timeline {
    height: 3px;
    position: relative;
    overflow: hidden
}
.flowplayer .fp-buffer,
.flowplayer .fp-progress {
    position: absolute;
    top: 0;
    left: auto;
    height: 100%;
    cursor: col-resize
}
.flowplayer .fp-volume {
    position: absolute;
    top: 7.5px;
    right: 5px
}
.flowplayer .fp-mute {
    width: 10px;
    height: 15px;
    float: left;
    position: relative;
    top: -5px;
    cursor: pointer;
    background-position: -2px -99px
}
.flowplayer .fp-volumeslider {
    width: 90px;
    height: 5px;
    cursor: col-resize;
    float: left
}
.flowplayer .fp-volumelevel {
    height: 100%
}
.flowplayer.no-volume .fp-volumeslider {
    display: none
}
.flowplayer .fp-time {
    text-shadow: 0 0 1px #000;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    width: 100%
}
.flowplayer .fp-time.is-inverted .fp-duration {
    display: none
}
.flowplayer .fp-time.is-inverted .fp-remaining {
    display: inline
}
.flowplayer .fp-time em {
    width: 35px;
    height: 10px;
    line-height: 10px;
    text-align: center;
    position: absolute;
    bottom: 5px;
    font-style: normal
}
.no-time.flowplayer .fp-time {
    display: none
}
.flowplayer .fp-elapsed {
    left: 5px
}
.flowplayer .fp-remaining,
.flowplayer .fp-duration {
    right: 110px;
    color: #bbb
}
.flowplayer .fp-remaining {
    display: none
}
.flowplayer.color-light .fp-time {
    color: #222;
    text-shadow: 0 0 1px #fff
}
.flowplayer.color-light .fp-remaining,
.flowplayer.color-light .fp-duration {
    color: #666
}
.flowplayer.aside-time .fp-time {
    position: absolute;
    top: 5px;
    left: 5px;
    bottom: auto!important;
    width: 200px
}
.flowplayer.aside-time .fp-time strong,
.flowplayer.aside-time .fp-time em {
    position: static
}
.flowplayer.aside-time .fp-time .fp-elapsed {
    margin-right: 5px
}
.flowplayer.is-splash {
    cursor: pointer
}
.flowplayer.is-splash .fp-controls,
.flowplayer.is-splash .fp-fullscreen,
.flowplayer.is-splash .fp-unload,
.flowplayer.is-splash .fp-time,
.flowplayer.is-splash .fp-embed {
    display: none
}
.flowplayer.is-loading .fp-waiting {
    display: block
}
.flowplayer.is-loading .fp-controls,
.flowplayer.is-loading .fp-time {
    display: none
}
.flowplayer.is-loading .fp-ui {
    background-position: -9999em
}
.flowplayer.is-seeking .fp-waiting {
    display: block
}
.flowplayer.is-fullscreen {
    position: fixed!important;
    top: 0!important;
    left: 0!important;
    border: 0!important;
    margin: 0!important;
    width: 100%!important;
    height: 100%!important;
    z-index: 99999!important;
    -webkit-box-shadow: 0!important;
    -moz-box-shadow: 0!important;
    box-shadow: 0!important;
    background-image: none!important;
    background-color: #333
}
.flowplayer.is-error {
    border: 1px solid #909090;
    background: #fdfdfd!important
}
.flowplayer.is-error h2 {
    font-weight: bold;
    font-size: large;
    margin-top: 10%
}
.flowplayer.is-error .fp-message {
    display: block
}
.flowplayer.is-error object,
.flowplayer.is-error video,
.flowplayer.is-error .fp-controls,
.flowplayer.is-error .fp-time,
.flowplayer.is-error .fp-subtitle {
    display: none
}
.flowplayer.is-ready.is-muted .fp-mute {
    opacity: .5;
    filter: alpha(opacity=50)
}
.flowplayer.is-mouseout .fp-controls {
    height: 0;
    -webkit-transition: height .15s .3s;
    -moz-transition: height .15s .3s;
    transition: height .15s .3s
}
.flowplayer.is-mouseout .fp-timeline {
    -webkit-transition: height .15s .3s, top .15s .3s, margin .15s .3s;
    -moz-transition: height .15s .3s, top .15s .3s, margin .15s .3s;
    transition: height .15s .3s, top .15s .3s, margin .15s .3s;
    top: 0
}
.flowplayer.is-mouseout .fp-fullscreen,
.flowplayer.is-mouseout .fp-unload,
.flowplayer.is-mouseout .fp-elapsed,
.flowplayer.is-mouseout .fp-remaining,
.flowplayer.is-mouseout .fp-duration,
.flowplayer.is-mouseout .fp-embed,
.flowplayer.is-mouseout .fp-logo,
.flowplayer.is-mouseout .fp-volume {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .15s .3s;
    -moz-transition: opacity .15s .3s;
    transition: opacity .15s .3s
}
.flowplayer.is-ready.is-mouseover .fp-controls,
.flowplayer.fixed-controls .fp-controls {
    height: 20px
}
.flowplayer.is-ready.is-mouseover .fp-fullscreen,
.flowplayer.fixed-controls .fp-fullscreen,
.flowplayer.is-ready.is-mouseover .fp-unload,
.flowplayer.fixed-controls .fp-unload,
.flowplayer.is-ready.is-mouseover .fp-elapsed,
.flowplayer.fixed-controls .fp-elapsed,
.flowplayer.is-ready.is-mouseover .fp-remaining,
.flowplayer.fixed-controls .fp-remaining,
.flowplayer.is-ready.is-mouseover .fp-duration,
.flowplayer.fixed-controls .fp-duration,
.flowplayer.is-ready.is-mouseover .fp-embed,
.flowplayer.fixed-controls .fp-embed,
.flowplayer.is-ready.is-mouseover .fp-logo,
.flowplayer.fixed-controls .fp-logo,
.flowplayer.is-ready.is-mouseover .fp-volume,
.flowplayer.fixed-controls .fp-volume {
    opacity: 1;
    filter: alpha(opacity=100)
}
.flowplayer.is-ready.is-mouseover .fp-timeline,
.flowplayer.fixed-controls .fp-timeline {
    top: 5px;
    height: 10px;
    margin: 0 150px 0 45px
}
.aside-time.flowplayer.is-ready.is-mouseover .fp-timeline,
.aside-time.flowplayer.fixed-controls .fp-timeline,
.no-time.flowplayer.is-ready.is-mouseover .fp-timeline,
.no-time.flowplayer.fixed-controls .fp-timeline {
    margin: 0 110px 0 5px
}
.no-volume.flowplayer.is-ready.is-mouseover .fp-timeline,
.no-volume.flowplayer.fixed-controls .fp-timeline {
    margin-right: 20px
}
.flowplayer.fixed-controls .fp-volume {
    display: block
}
.flowplayer.fixed-controls .fp-controls {
    bottom: -20px
}
.is-fullscreen.flowplayer.fixed-controls .fp-controls {
    bottom: 0
}
.flowplayer.fixed-controls .fp-time em {
    bottom: -15px;
    opacity: 1;
    filter: alpha(opacity=100)
}
.flowplayer.is-disabled .fp-progress {
    background-color: #999
}
.flowplayer.is-embedding .fp-embed,
.flowplayer.is-embedding .fp-embed-code {
    display: block;
    opacity: 1;
    filter: alpha(opacity=100)
}
.flowplayer.aside-time .fp-embed {
    left: 90px
}
.flowplayer.aside-time .fp-embed-code {
    left: 120px
}
.flowplayer.aside-time.is-embedding .fp-time {
    opacity: 1;
    filter: alpha(opacity=100)
}
@-moz-keyframes pulse {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@-webkit-keyframes pulse {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@-o-keyframes pulse {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@-ms-keyframes pulse {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@keyframes pulse {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
.flowplayer .fp-controls {
    background-color: #333;
    background-color: rgba(51, 51, 51, 0.6)
}
.flowplayer.fixed-controls .fp-controls {
    background-color: #333
}
.flowplayer .fp-timeline {
    background-color: #666
}
.flowplayer .fp-buffer {
    background-color: #eee
}
.flowplayer .fp-progress {
    background-color: #00a7c8
}
.flowplayer .fp-volumeslider {
    background-color: #000
}
.flowplayer .fp-volumelevel {
    background-color: #fff
}
.flowplayer.color-light .fp-controls {
    background-color: rgba(255, 255, 255, 0.6)
}
.flowplayer.color-light.fixed-controls .fp-controls {
    background-color: #fff
}
.flowplayer.color-light .fp-volumeslider {
    background-color: #ddd
}
.flowplayer.color-light .fp-volumelevel {
    background-color: #222
}
.flowplayer.color-alt .fp-progress {
    background-color: #fff
}
.flowplayer.color-alt .fp-buffer {
    background-color: #999
}
.flowplayer.color-alt2 .fp-progress {
    background-color: #900
}
.flowplayer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden
}
.flowplayer.active {
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    opacity: 1
}
.flowplayer .fp-context-menu {
    display: none
}
.flowplayer .fp-waiting {
    position: absolute;
    margin-top: -10px;
    display: none;
    top: 50%;
    width: 100%
}
.flowplayer .fp-waiting em {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 1;
    background-color: white;
    box-shadow: none;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: downup;
    animation-name: downup;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-direction: alternate;
    -webkit-animation-direction: alternate
}
.flowplayer .fp-embed {
    background: rgba(0, 0, 0, 0.2);
    z-index: 3;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    padding: 10px 6px;
    color: #fafafa;
    font-size: 9px;
    text-transform: uppercase;
    font-weight: bold!important;
    line-height: 11px
}
.flowplayer .fp-embed span {
    background-image: url(../public/img/flowplayer/white.png);
    background-size: 37px 300px;
    background-position: 0 -239px;
    width: 20px;
    height: 12px;
    display: block;
    float: left;
    margin-right: 5px
}
.flowplayer .fp-controls {
    background: rgba(0, 0, 0, 0.2);
    border: 0;
    width: auto;
    left: 60px;
    right: 24px;
    opacity: 1
}
.flowplayer .fp-controls {
    height: 34px!important
}
.flowplayer .fp-controls .fp-timeline {
    top: 0!important;
    margin: 0 136px 0 44px;
    height: 34px
}
@media only screen and (max-width: 768px) {
    .flowplayer .fp-controls .fp-timeline {
        margin: 0 20px 0 44px!important
    }
}
.flowplayer .fp-time em {
    bottom: 12px;
    font-size: 10px
}
.flowplayer .fp-time .fp-elapsed {
    left: 60px;
    opacity: 1;
    color: white
}
.flowplayer .fp-time .fp-duration {
    right: 114px;
    opacity: 1;
    color: white
}
@media only screen and (max-width: 768px) {
    .flowplayer .fp-time .fp-duration {
        display: none
    }
}
.flowplayer .fp-time .fp-remaining {
    right: 116px;
    opacity: 1;
    color: white
}
@media only screen and (max-width: 768px) {
    .flowplayer .fp-time .fp-remaining {
        display: none
    }
}
.flowplayer .fp-timeline {
    background: 0;
    z-index: 2
}
.flowplayer .fp-timeline:after {
    content: '';
    position: absolute;
    top: 15px;
    height: 3px;
    width: 100%;
    background: rgba(255, 255, 255, 0.2);
    cursor: col-resize;
    z-index: 1
}
.flowplayer .fp-buffer {
    background: 0;
    z-index: 2
}
.flowplayer .fp-buffer:after {
    content: '';
    position: absolute;
    top: 15px;
    height: 3px;
    width: 100%;
    background: #fff;
    cursor: col-resize;
    z-index: 1
}
.flowplayer .fp-progress {
    background: 0;
    z-index: 2
}
.flowplayer .fp-progress:after {
    content: '';
    position: absolute;
    top: 15px;
    height: 3px;
    width: 100%;
    background: #0b7bb3;
    cursor: col-resize;
    z-index: 1
}
.flowplayer .fp-volume {
    top: 14px;
    right: 16px
}
@media only screen and (max-width: 599px) {
    .flowplayer .fp-volume {
        display: none
    }
}
.flowplayer .fp-volume .fp-volumeslider {
    margin: 0 0 0 4px;
    height: 5px;
    width: 50px;
    background: url(../public/img/flowplayer/volume-bg.png) 0 0
}
.flowplayer .fp-volume .fp-volumelevel {
    background: url(../public/img/flowplayer/volume-level.png) 0 0
}
.flowplayer .fp-fullscreen {
    top: auto;
    bottom: 0;
    right: 0;
    width: 24px;
    height: 34px;
    background: rgba(0, 0, 0, 0.2) url(../public/img/flowplayer/fp-fullscreen.png) -10px 0 no-repeat;
    opacity: 1!important
}
.flowplayer .fp-ui {
    -webkit-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1) .3s;
    -moz-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1) .3s;
    -o-transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1) .3s;
    transition: all .5s cubic-bezier(0.165, 0.84, 0.44, 1) .3s;
    overflow: hidden;
    opacity: 0
}
.flowplayer.is-mouseout .fp-timeline {
    top: 0
}
.flowplayer.is-mouseout .fp-ui {
    opacity: 0!important
}
.flowplayer.is-mouseover .fp-controls {
    height: 34px!important
}
.flowplayer.is-mouseover .fp-controls .fp-timeline {
    top: 0;
    margin: 0 136px 0 44px;
    height: 34px
}
.flowplayer.is-mouseover .fp-ui {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    background: url(../public/img/flowplayer/fp-pause.png) left bottom no-repeat;
    opacity: 1!important
}
.flowplayer.is-playing {
    background-image: none!important
}
.flowplayer.is-playing .fp-ui {
    background: url(../public/img/flowplayer/fp-pause.png) left bottom no-repeat
}
.flowplayer.is-paused .fp-controls {
    height: 34px!important
}
.flowplayer.is-paused .fp-controls .fp-timeline {
    top: 0;
    margin: 0 136px 0 44px;
    height: 34px
}
.flowplayer.is-paused .fp-embed {
    opacity: 1
}
.flowplayer.is-paused .fp-ui {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    background: url(../public/img/flowplayer/fp-play.png) left bottom no-repeat;
    opacity: 1
}
.flowplayer.is-paused .fp-volume,
.flowplayer.is-paused .fp-elapsed,
.flowplayer.is-paused .fp-remaining {
    opacity: 1
}
.flowplayer.is-splash {
    background-image: url(../public/img/front/play.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 54px 59px;
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.flowplayer.is-splash .fp-ui {
    background: transparent
}
.flowplayer.is-splash.is-loading {
    background-image: none
}
.flowplayer.is-embedded {
    background-color: #000
}
.flowplayer.is-embedded.is-splash {
    background-size: cover
}
.flowplayer.is-embedded.is-splash .fp-play-large {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -29px 0 0 -27px;
    width: 54px;
    height: 59px;
    background-image: url(../public/img/front/play.png);
    background-size: 54px 59px;
    cursor: pointer;
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.flowplayer.is-embedded.is-splash .fp-play-large:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}
@media only screen and (max-width: 768px) {
    .flowplayer.is-embedded.is-splash .fp-play-large {
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5)
    }
    .flowplayer.is-embedded.is-splash .fp-play-large:hover {
        -webkit-transform: scale(0.6);
        -moz-transform: scale(0.6);
        -ms-transform: scale(0.6);
        -o-transform: scale(0.6);
        transform: scale(0.6)
    }
}
.flowplayer .flowplayer-playing,
.flowplayer .flowplayer-paused {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    opacity: .4;
    display: none;
    -webkit-transition: background .2s ease-in-out;
    -moz-transition: background .2s ease-in-out;
    -o-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out
}
.flowplayer .flowplayer-playing.on,
.flowplayer .flowplayer-paused.on {
    background-size: 80px 80px
}
.flowplayer .flowplayer-playing {
    background: url(../public/img/flowplayer/fp-status-play.png) center center no-repeat;
    background-size: 10px 10px
}
.flowplayer .flowplayer-paused {
    background: url(../public/img/flowplayer/fp-status-pause.png) center center no-repeat;
    background-size: 10px 10px
}
.flowplayer a {
    font-weight: normal!important;
    border: 0!important
}
@media only screen and (max-width: 1024px) {
    .android .flowplayer .fp-controls .fp-timeline,
    .ios .flowplayer .fp-controls .fp-timeline {
        margin: 0 20px 0 44px!important
    }
}
@media only screen and (max-width: 1024px) {
    .android .flowplayer .fp-time .fp-duration,
    .ios .flowplayer .fp-time .fp-duration {
        display: none
    }
}
@media only screen and (max-width: 1024px) {
    .android .flowplayer .fp-time .fp-remaining,
    .ios .flowplayer .fp-time .fp-remaining {
        display: none
    }
}
@media only screen and (max-width: 1024px) {
    .android .flowplayer .fp-volume,
    .ios .flowplayer .fp-volume {
        display: none
    }
}
.general-content {
    width: 100%;
    padding: 80px 0;
    max-width: 1000px;
    margin: 0 auto
}
.general-content h2 {
    display: block;
    width: 100%;
    text-align: center;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 24px;
    margin-bottom: 44px;
    letter-spacing: 1px
}
.general-content p {
    display: block;
    width: 100%;
    font-weight: 400;
    font-size: 13px
}
.general-content p.left {
    text-align: left
}
.general-content p.center {
    text-align: center
}
.general-content p.right {
    text-align: right
}
.general-content p+p {
    margin-top: 16px
}
a.search_button {
    color: #fff;
    background: url('../assets/img/search.png') right center no-repeat;
    background-size: 10px 10px;
    padding-right: 15px
}
a.search_button.nav {
    position: absolute;
    z-index: 500;
    top: 32px;
    left: 50px;
    padding: 2px 0 2px 35px;
    background-size: 14px 14px;
    background-position: left center;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600
}
@media only screen and (max-width: 768px) {
    a.search_button.nav {
        display: none
    }
}
section.search {
    position: relative;
    z-index: 1000;
    max-width: 1400px;
    margin: auto
}
.search_block {
    float: right;
    position: absolute;
    right: 50px;
    top: 35px
}
.search_block .select_box,
.search_block .search_box {
    float: left;
    margin-left: 10px
}
.search_block input::-webkit-input-placeholder {
    color: #0b7bb3
}
.search_block input:-moz-placeholder {
    color: #0b7bb3;
    opacity: 1
}
.search_block input::-moz-placeholder {
    color: #0b7bb3;
    opacity: 1
}
.search_block input:-ms-input-placeholder {
    color: #0b7bb3
}
.search_block .search_block__label {
    position: absolute;
    left: -350px;
    text-transform: uppercase;
    font-weight: 500;
    color: blue;
    font-size: 8px;
    top: -14px;
    color: #a5a5a5
}
.frontpage .search_block .search_block__label {
    display: none
}
.search_block .search_block__label .label__sortby,
.search_block .search_block__label .label__filterby {
    color: #a5a5a5;
    position: relative;
    min-width: 100px
}
.search_block .search_block__label .label__sortby {
    left: 0
}
.search_block .search_block__label .label__filterby {
    left: 158px
}
@media only screen and (max-width: 420px) {
    .search_block .search_block__label .label__filterby {
        left: -36px;
        top: 64px;
        right: auto
    }
}
@media only screen and (max-width: 1388px) {
    .search_block .search_block__label {
        left: -345px
    }
}
@media only screen and (max-width: 1024px) {
    .search_block .search_block__label {
        left: -360px
    }
}
@media only screen and (max-width: 768px) {
    .search_block .search_block__label {
        left: 10px;
        min-width: 100px
    }
}
.search_block .search_box {
    font-size: 10px;
    font-weight: 700;
    color: #0b7bb3;
    border: solid 1px #0b7bb3;
    padding: 3px 4px;
    text-transform: uppercase;
    letter-spacing: 1px
}
.search_block .search_box.search_box-button {
    border: 0;
    padding: 12px 0 12px 10px
}
.search_block .search_box input {
    line-height: 16px;
    color: #0b7bb3;
    text-transform: uppercase;
    font-weight: 700;
    height: 16px
}
.search_block .search_box a.clear_search {
    color: #0b7bb3
}
.search_block .select2-container {
    padding: 3px 4px;
    border-radius: 0;
    background-color: #fff!important;
    border: solid 1px #0b7bb3!important;
    width: 175px;
    border-radius: 3px
}
.search_block .select2-container .select2-arrow {
    top: 1px!important;
    right: 6px!important;
    background: url(../public/img/front/arrow_down.png) center center no-repeat!important;
    background-size: 20px 20px!important
}
.search_block .select2-container .select2-arrow b {
    display: none!important
}
.search_block .select2-container .select2-chosen {
    color: #0b7bb3!important;
    font-weight: 600!important;
    font-size: 10px!important;
    text-transform: uppercase
}
.search_block .select2-container .select2-choice {
    padding: 7px 0 0 10px!important
}
.search_block .select2-container .select2-choices {
    min-height: 15px;
    overflow: hidden!important
}
.search_block .select2-container .select2-choices input {
    font-size: 10px!important;
    font-weight: 700;
    color: #0b7bb3!important;
    text-transform: uppercase
}
@media only screen and (max-width: 768px) {
    .search_block {
        right: auto;
        left: 20px;
        top: 80px
    }
}
@media only screen and (max-width: 599px) {
    .search_block {
        left: 5px
    }
}
body.search div.more a {
    display: block;
    margin: 30px auto;
    background-color: #0b7bb3;
    border: 1px solid #0b7bb3;
    color: #fff;
    text-transform: uppercase;
    width: 140px;
    font-weight: 400;
    text-align: center;
    padding: 10px
}
body.search div.more a:hover,
body.search div.more a:active {
    color: #0b7bb3;
    background-color: #fff
}
.search-on .select2-drop {
    border: 1px solid #0b7bb3!important;
    border-top: none!important
}
.search-on .select2-container-active {
    border: 1px solid #0b7bb3!important;
    border-bottom: none!important;
    border-radius: 3px 3px 0 0!important
}
.search-container {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1000;
    display: block;
    background-color: #fff;
}
.search-container .no_results_text {
    display: none;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    margin-top: 70px
}
.search-container .no_results_text img {
    display: block;
    width: 100%;
    max-width: 180px;
    margin: 0 auto 20px auto
}
.search-container .no_results_text.on {
    display: block;
    filter: alpha(opacity=20);
    -khtml-opacity: .2;
    -moz-opacity: .2;
    opacity: .2
}
.search-container .select2-drop-active,
.search-container .select2-dropdown-open {
    border-color: #0b7bb3!important
}
.search-container .search_header {
    position: relative;
    height: 200px;
    background-color: #0b7bb3;
    padding: 50px;
    text-align: left;
}
@media only screen and (max-width: 768px) {
    .search-container .search_header {
        padding: 50px 30px
    }
}
.search-container .search_header input.big-search {
    display: block;
    font-size: 3.5em;
    background: transparent;
    filter: alpha(opacity=90);
    -khtml-opacity: .9;
    -moz-opacity: .9;
    opacity: .9;
    color: #fff;
    padding: 0;
    text-transform: uppercase;
    font-weight: 900;
    font-family: 'GothamRoundedBook', 'helvetica neue', helvetica, arial, sans-serif;
    margin: 20px 0 0 0
}
.search-container .search_header input.big-search::-webkit-input-placeholder {
    color: #fff;
    opacity: .4;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    transition: .2s ease-out
}
.search-container .search_header input.big-search:-moz-placeholder {
    color: #fff;
    opacity: .4;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    transition: .2s ease-out
}
.search-container .search_header input.big-search::-moz-placeholder {
    color: #fff;
    opacity: .4;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    transition: .2s ease-out
}
.search-container .search_header input.big-search:-ms-input-placeholder {
    color: #fff;
    opacity: .4;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    transition: .2s ease-out
}
@media only screen and (max-width: 768px) {
    .search-container .search_header input.big-search {
        font-size: 2.5em
    }
}
.search-container .search_header input.big-search:focus::-webkit-input-placeholder {
    opacity: 0
}
.search-container .search_header input.big-search:focus:-moz-placeholder {
    opacity: 0
}
.search-container .search_header input.big-search:focus::-moz-placeholder {
    opacity: 0
}
.search-container .search_header input.big-search:focus:-ms-input-placeholder {
    opacity: 0
}
.search-container .search_header .close-search,
.search-container .search_header .reset-search {
    display: inline-block;
    position: relative;
    top: 1px;
    padding: 10px;
    text-indent: -9999px;
    background: url('../public/img/icons/cross-white.svg') center center no-repeat;
    background-size: 10px 10px
}
.search-container .search_header .close_text {
    text-transform: uppercase;
    font-size: 11px
}
.search-container .search_header .reset-search {
    position: absolute;
    bottom: 51px;
    top: auto;
    left: 50px;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.04) url('../public/img/icons/cross-white.svg') center center no-repeat;
    background-size: 10px 10px;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}
.search-container .search_header .reset-search.show {
    opacity: 1;
    visibility: visible
}
@media only screen and (max-width: 768px) {
    .search-container .search_header .reset-search {
        bottom: 65px
    }
}
.search-container .search_filters {
    width: 360px;
    float: left;
    min-height: 500px;
    margin-top: 70px;
    padding-left: 50px;
    position: relative;
    z-index: 100;
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
    opacity: 0;
    -webkit-transition: all .3666s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3666s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3666s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3666s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transition-delay: .08s;
    -moz-transition-delay: .08s;
    -o-transition-delay: .08s;
    transition-delay: .08s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}
.search-container .search_filters .off-screen {
    display: none
}
.search-container .search_filters .show_options_mobile {
    position: absolute;
    text-align: center;
    top: 0;
    left: 0;
    width: 100%;
    cursor: pointer;
    height: 80px;
    background: #f7f7f7;
    font-weight: 600;
    line-height: 80px;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    color: #0b7bb3;
    display: none
}
@media only screen and (max-width: 768px) {
    .search-container .search_filters {
        float: none;
        margin-top: 25px;
        width: 100%;
        padding-right: 40px;
        padding-left: 30px;
        min-height: 0;
        height: 80px;
        overflow: hidden;
        margin-top: 0;
        padding-top: 100px;
        -webkit-transition-delay: 0;
        -moz-transition-delay: 0;
        -o-transition-delay: 0;
        transition-delay: 0
    }
    .search-container .search_filters .show_options_mobile {
        display: block
    }
}
.search-container .search_filters .select2-search-choice {
    top: 3px;
    font-size: 13px
}
.search-container .search_filters .select2-search-choice .select2-search-choice-close {
    top: 2px
}
.search-container .search-filters__label {
    font-size: 9px;
    text-align: left;
    margin-bottom: 10px;
    color: rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
    letter-spacing: 1px
}
.search-container .search-results {
    width: auto;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 200px;
    position: relative;
}
.h2_artist {
    margin-top: 20px;
}
.search-container .search-results .inner {
    margin-bottom: 200px
}
.search-container .search-results .load_more {
    display: block;
    margin: 20px auto;
    width: 126px;
    text-align: center;
    text-transform: uppercase;
    background: #0b7bb3;
    font-size: 11px;
    color: #fff;
    padding: 10px 15px;
    border-radius: 3px;
    font-weight: 600
}
.search-container .search-results .load_more:hover {
    background: #144bfa
}
.search-container .search-results .load_more.off {
    display: none
}
.search-container .search-results section {
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .8s;
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .8s;
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .8s;
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1) .8s
}
.search-container .search-results.off section {
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0
}
@media only screen and (max-width: 768px) {
    .search-container .search-results {
        padding-left: 25px;
        margin-top: -25px
    }
}
.search-container .search-results [data-search-target] {
    overflow: hidden
}
.search-container .search-results .item {
    position: relative;
    min-height: 300px
}
@media screen and (min-width: 1713px) {
    .search-container .search-results .item {
        min-height: auto
    }
}
.search-container .search-results .item .clip-info {
    padding-right: 40px
}
.search-container .search-results .item .clip-info .category {
    font-size: 10px;
    font-weight: 400;
    color: #9a9fa9;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 6px
}
.search-container .search-results .item .clip-info .vote-now,
.search-container .search-results .item .clip-info .time-left {
    display: none
}
.search-container .search-results .item .clip-info h6 {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 20px;
    font-weight: 600;
    color: #0b7bb3;
    background-image: -webkit-gradient(linear, left bottom, right top, from(#809eff), to(#2958f1));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}
.search-container .search-results .item.winner:before {
    position: absolute;
    content: "W";
    display: block;
    color: #fff;
    font-weight: 600;
    top: 45px;
    left: 15px;
    font-size: 9px;
    z-index: 1
}
.search-container .search-results .item.winner:after {
    content: "";
    display: block;
    width: 20px;
    height: 28px;
    background: url('../public/img/front/blank-ribbon.svg') no-repeat;
    position: absolute;
    top: 40px;
    left: 10px;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%
}
@media only screen and (max-width: 1388px) {
    .search-container .search-results .item.winner:before {
        left: 11px
    }
    .search-container .search-results .item.winner:after {
        left: 6px
    }
}
@media screen and (max-width: 1250px) {
    .search-container .search-results .item {
        width: 33.33%
    }
    .search-container .search-results .clear-wrap {
        overflow: visible
    }
}
@media screen and (max-width: 1050px) {
    .search-container .search-results .item {
        width: 50%
    }
}
@media screen and (max-width: 820px) {
    .search-container .search-results .item {
        width: 100%
    }
}
.search-container .select2-container {
    padding: 10px 0 2px 10px
}
.search-container .select2-container .select2-input {
    text-transform: none;
    letter-spacing: 0
}
.search-container .content_type_filter {
    margin-bottom: 30px
}
.search-container .content_type_filter h3 {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    margin-bottom: 15px
}
.search-container .credits_container {
    text-align: center;
    background: #fff
}
.search-container .credits_container .credits-search {
    width: 100%;
    margin-bottom: 20px
}
.search-container .credits_container .credits-search h3 {
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 10px;
    text-align: left
}
.search-container .credits_container .credits-search.off {
    display: none
}
.search-container .credits_container .more_items,
.search-container .credits_container .less_items {
    font-size: 13px;
    color: #0b7bb3;
    cursor: pointer;
    font-weight: 600;
    padding-right: 20px
}
.search-container .credits_container .more_items {
    text-decoration: none;
    display: none;
    background: url('../public/img/front/arrow_down.png') right center no-repeat;
    background-size: 15px 15px
}
.search-container .credits_container .less_items {
    text-decoration: none;
    display: none;
    background: url('../public/img/front/arrow_up.png') right center no-repeat;
    background-size: 15px 15px
}
.search-container .credits_container.show_less .more_items {
    display: inline-block
}
.search-container .credits_container.show_less .hidden_more {
    display: none
}
.search-container .credits_container.show_less.show_more .hidden_more {
    display: inline-block
}
.search-container .credits_container.show_less.show_more .more_items {
    display: none
}
.search-container .credits_container.show_less.show_more .less_items {
    display: inline-block
}
.search-container .tags-container {
    margin-bottom: 40px
}
.search-container .tags-container h3 {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    margin-bottom: 15px
}
.search-container .tags-container .more_items,
.search-container .tags-container .less_items {
    font-size: 13px;
    color: #0b7bb3;
    cursor: pointer;
    font-weight: 600;
    margin-top: 10px
}
.search-container .tags-container .more_items {
    background: url('../public/img/front/arrow_down.png') right center no-repeat;
    background-size: 15px 15px;
    text-decoration: none;
    display: none;
    width: 75px
}
.search-container .tags-container .less_items {
    background: url('../public/img/front/arrow_up.png') right center no-repeat;
    background-size: 15px 15px;
    text-decoration: none;
    display: none;
    width: 85px
}
.search-container .tags-container.show_less .more_items {
    display: block
}
.search-container .tags-container.show_less .hidden_more {
    display: none
}
.search-container .tags-container.show_less.show_more .hidden_more {
    display: inline-block
}
.search-container .tags-container.show_less.show_more .more_items {
    display: none
}
.search-container .tags-container.show_less.show_more .less_items {
    display: block
}
.search-container .tags-container.off {
    display: none
}
.search-container .tags-container li {
    display: inline-block;
    padding-right: 4px;
    margin-bottom: 12px;
    cursor: pointer
}
.search-container .tags-container li.off {
    display: none
}
.search-container .tags-container li a.tag {
    font-size: 10px;
    font-weight: 700;
    color: #FFF;
    border: solid 1px rgba(255, 255, 255, 0);
    background-color: #0b7bb3;
    padding: 3px 4px;
    text-transform: uppercase;
    letter-spacing: 1px
}
.search-container .tags-container li a.tag.active,
.search-container .tags-container li a.tag:hover {
    font-size: 10px;
    font-weight: 700;
    padding: 3px 4px;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #053def
}
.search-container.on {
    opacity: 1!important;
    -webkit-transform: translate(0, 0)!important;
    -moz-transform: translate(0, 0)!important;
    -ms-transform: translate(0, 0)!important;
    -o-transform: translate(0, 0)!important;
    transform: translate(0, 0)!important
}
.search-container.on .search-results,
.search-container.on .search_filters {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}
@media only screen and (max-width: 420px) {
    .filters_container.winners h2,
    .filters_container.nominees h2 {
        margin-bottom: 115px
    }
}
.filters {
    display: block;
    position: absolute;
    top: 35px;
    right: 40px
}
.filters .select2-container {
    padding: 4px 4px;
    border-radius: 0;
    margin-left: 20px;
    background-color: #fff!important;
    border: solid solid 1px #2996cc!important;
    width: 215px;
    border-radius: 3px
}
.filters .select2-container .select2-arrow {
    top: 1px!important;
    right: 6px!important;
    background: url(../public/img/front/arrow_down.png) center center no-repeat!important;
    background-size: 20px 20px!important
}
.filters .select2-container .select2-arrow b {
    display: none!important
}
.filters .select2-container .select2-chosen {
    color: #2996cc!important;
    font-weight: 600!important;
    font-size: 10px!important;
    text-transform: uppercase
}
.filters .select2-container .select2-choice {
    padding: 7px 0 0 10px!important
}
.filters .select2-container .select2-choices {
    min-height: 15px;
    overflow: hidden!important
}
.filters .select2-container .select2-choices input {
    font-size: 10px!important;
    font-weight: 700;
    color: #0b7bb3!important;
    text-transform: uppercase
}
@media only screen and (max-width: 420px) {
    .filters .select2-container {
        margin-right: 100%
    }
    .filters .select2-container:last-of-type {
        margin-top: 30px
    }
}
@media only screen and (max-width: 1388px) {
    .filters {
        right: 35px
    }
}
@media only screen and (max-width: 1024px) {
    .filters {
        right: 40px
    }
}
@media only screen and (max-width: 768px) {
    .filters {
        left: 10px;
        right: auto;
        top: 80px
    }
}
@media only screen and (max-width: 599px) {
    .filters {
        left: -5px
    }
}
span.initials {
    display: block;
    background-color: #0b7bb3;
    height: 32px;
    width: 32px;
    line-height: 32px;
    color: #FFF;
    border-radius: 50%;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}
.add-to-reel {
    position: absolute;
    background: url('../public/img/icons/collection_white.svg') center center no-repeat;
    background-size: 16px 15px;
    width: 20px;
    height: 20px;
    overflow: hidden;
    text-indent: 9999em;
    z-index: 20;
    bottom: 5px;
    right: 5px;
    cursor: pointer;
    opacity: 0;
    text-indent: -9999px;
    -webkit-transform: translate(0, 20px);
    -moz-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    -o-transform: translate(0, 20px);
    transform: translate(0, 20px);
    -webkit-transition: all .3s .1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s .1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s .1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s .1s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.overlay:hover .add-to-reel {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}
.add-to-reel:hover {
    -webkit-transition: all .1s 0 cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .1s 0 cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .1s 0 cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .1s 0 cubic-bezier(0.645, 0.045, 0.355, 1);
    opacity: .8!important
}
.add-to-reel-wrap {
    position: relative;
    height: 46px;
    background-color: #527afb
}
.add-to-reel-wrap:hover {
    background-color: #416cf8
}
.add-to-reel-wrap .add-to-reel {
    top: -20px;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 20px 20px;
    opacity: 1
}
.add-to-reel-wrap .add-to-reel:hover {
    opacity: 1!important
}
.notifyjs-corner {
    margin: 0!important;
    right: auto!important;
    left: 50%!important;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}
.notifyjs-wrapper {
    margin: 0!important
}
.notifyjs-container {
    height: auto!important;
    margin-top: 0!important
}
[data-notify-text],
[data-notify-html] {
    color: inherit
}
[data-notify-text] a,
[data-notify-html] a {
    color: #fff
}
.notifyjs-votd-base [data-reel-link] {
    color: #fff;
    background: #0b7bb3;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 500;
    margin-left: 5px
}
.bulk {
    position: relative
}
.bulk label {
    position: absolute;
    top: 50%;
    left: 5px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%)
}
.custom_checkbox {
    display: none
}
.custom_checkbox+label {
    padding: 10px;
    cursor: pointer
}
.custom_checkbox+label span:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    margin: -3px 0 0 -3px;
    background-color: #a5a8c5;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    -o-transition: all .15s ease-out;
    transition: all .15s ease-out
}
.custom_checkbox+label span {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: transparent;
    border: 1px solid #e3e4ed;
    border-radius: 2px;
    vertical-align: middle
}
.custom_checkbox:checked+label span:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}
.custom_checkbox:checked+label span {
    border-color: #a5a8c5
}
label[for="bulk-all"] {
    position: relative;
    left: 42px
}
[data-reels-container] {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(208, 208, 208, 0.6);
    z-index: 9999;
    overflow-y: auto;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -ms-perspective: 1000px;
    -o-perspective: 1000px;
    perspective: 1000px
}
[data-reels-container].on {
    display: block
}
.bulk_buttons_container {
    margin: 0 0 10px 20px
}
.bulk_buttons_container [data-bulk-delete-clips] {
    background-color: #0b7bb3;
    color: #fff;
    padding: 10px;
    font-size: 12px;
    border-radius: 3px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}
.bulk_buttons_container [data-bulk-delete-clips]:hover {
    background-color: #285afa
}
.reveal-modal.standard {
    position: fixed!important
}
.reels-template,
.reveal-modal.standard {
    position: absolute;
    overflow: hidden;
    opacity: 0;
    z-index: 10000;
    padding: 40px;
    width: 100%;
    max-width: 450px;
    background: #fff;
    top: 50%;
    left: 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(-50%, -48%, -30px) rotateX(-25deg);
    -moz-transform: translate3d(-50%, -48%, -30px) rotateX(-25deg);
    -ms-transform: translate3d(-50%, -48%, -30px) rotateX(-25deg);
    -o-transform: translate3d(-50%, -48%, -30px) rotateX(-25deg);
    transform: translate3d(-50%, -48%, -30px) rotateX(-25deg);
    -webkit-transition: all .28s cubic-bezier(0.12, 0.4, 0.29, 1.455);
    -moz-transition: all .28s cubic-bezier(0.12, 0.4, 0.29, 1.455);
    -o-transition: all .28s cubic-bezier(0.12, 0.4, 0.29, 1.455);
    transition: all .28s cubic-bezier(0.12, 0.4, 0.29, 1.455)
}
.on .reels-template,
.on .reveal-modal.standard,
.reels-template.active,
.reveal-modal.standard.active {
    opacity: 1;
    -webkit-transform: translate3d(-50%, -50%, 0) rotateX(0);
    -moz-transform: translate3d(-50%, -50%, 0) rotateX(0);
    -ms-transform: translate3d(-50%, -50%, 0) rotateX(0);
    -o-transform: translate3d(-50%, -50%, 0) rotateX(0);
    transform: translate3d(-50%, -50%, 0) rotateX(0)
}
.reels-template .modal-header,
.reveal-modal.standard .modal-header {
    background-color: transparent!important;
    padding: 0!important
}
.reels-template .modal-header h2,
.reveal-modal.standard .modal-header h2 {
    padding-left: 0!important
}
.reels-template .modal-content,
.reveal-modal.standard .modal-content {
    padding: 0!important;
    background-color: transparent!important;
    position: relative
}
.reels-template .modal-content .mail,
.reveal-modal.standard .modal-content .mail {
    padding-right: 100px
}
.reels-template .modal-content .mail input,
.reveal-modal.standard .modal-content .mail input,
.reels-template .modal-content .mail textarea,
.reveal-modal.standard .modal-content .mail textarea {
    padding: 10px;
    width: 100%;
    border-radius: 3px;
    border: 1px solid #eee;
    margin-top: 10px;
    font-family: 'Gotham A', 'Gotham B', 'helvetica neue', helvetica, arial, sans-serif;
    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out
}
.reels-template .modal-content .mail input:focus,
.reveal-modal.standard .modal-content .mail input:focus,
.reels-template .modal-content .mail textarea:focus,
.reveal-modal.standard .modal-content .mail textarea:focus {
    border-color: #0b7bb3
}
.reels-template .modal-content .mail input,
.reveal-modal.standard .modal-content .mail input {
    padding: 11px 10px 10px 10px
}
.reels-template .modal-content .mail textarea,
.reveal-modal.standard .modal-content .mail textarea {
    min-height: 100px;
    resize: none
}
.reels-template .modal-content .mail [data-confirm="yes"],
.reveal-modal.standard .modal-content .mail [data-confirm="yes"] {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px
}
.reels-template .modal-content .social,
.reveal-modal.standard .modal-content .social {
    padding-bottom: 30px;
    width: 100px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
    margin-top: 27px
}
.reels-template .modal-content .social a,
.reveal-modal.standard .modal-content .social a {
    display: inline-block;
    background: #0b7bb3;
    padding: 8px 20px;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px
}
.reels-template .modal-content .social a.url-link,
.reveal-modal.standard .modal-content .social a.url-link {
    padding-left: 5px;
    padding-right: 5px;
    background: #eee;
    color: #717171;
    border: 1px solid #ccc
}
.reels-template .modal-content .social a.url-link:hover,
.reveal-modal.standard .modal-content .social a.url-link:hover {
    background-color: #eee
}
.reels-template .modal-content .social a:hover,
.reveal-modal.standard .modal-content .social a:hover {
    background-color: #2d5efa
}
.reels-template .modal-content .social a:before,
.reveal-modal.standard .modal-content .social a:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 6px;
    width: 16px;
    height: 16px
}
.reels-template .modal-content .social a[data-share='facebook']:before,
.reveal-modal.standard .modal-content .social a[data-share='facebook']:before {
    background: url('../public/img/icons/facebook.svg');
    background-size: 16px 16px
}
.reels-template .modal-content .social a[data-share='twitter']:before,
.reveal-modal.standard .modal-content .social a[data-share='twitter']:before {
    background: url('../public/img/icons/twitter.svg');
    background-size: 16px 16px
}
.reels-template .close,
.reveal-modal.standard .close,
.reels-template .modal-header .close-reveal-modal,
.reveal-modal.standard .modal-header .close-reveal-modal {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 14px;
    height: 14px;
    background: url('../public/img/icons/flash.svg') center center no-repeat;
    background-size: 14px 14px;
    padding: 20px;
    cursor: pointer;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}
.reels-template h2,
.reveal-modal.standard h2 {
    font-size: 24px;
    color: #0b7bb3!important;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 20px;
    padding-left: 15px
}
.reels-template h3,
.reveal-modal.standard h3 {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 10px;
    padding-left: 15px
}
.reels-template .reels-template__description,
.reveal-modal.standard .reels-template__description {
    font-size: 14px;
    padding: 0 15px;
    margin-bottom: 20px
}
.reels-template .choose-reel-holder,
.reveal-modal.standard .choose-reel-holder {
    margin-bottom: 20px
}
.reels-template .choose-reel-holder [data-existing-reels].off,
.reveal-modal.standard .choose-reel-holder [data-existing-reels].off {
    display: none
}
.reels-template .choose-reel-holder.off,
.reveal-modal.standard .choose-reel-holder.off {
    display: none
}
.reels-template .choose-reel-holder .or,
.reveal-modal.standard .choose-reel-holder .or {
    text-align: center;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    position: relative;
    color: #ccc;
    margin: 20px 0
}
.reels-template .choose-reel-holder .or:after,
.reveal-modal.standard .choose-reel-holder .or:after,
.reels-template .choose-reel-holder .or:before,
.reveal-modal.standard .choose-reel-holder .or:before {
    content: "";
    position: absolute;
    top: 50%;
    width: 40px;
    height: 1px;
    background-color: #ccc
}
.reels-template .choose-reel-holder .or:before,
.reveal-modal.standard .choose-reel-holder .or:before {
    left: calc(34%)
}
.reels-template .choose-reel-holder .or:after,
.reveal-modal.standard .choose-reel-holder .or:after {
    right: calc(34%)
}
.reels-template .choose-reel-holder .choose-reel-holder__overflow,
.reveal-modal.standard .choose-reel-holder .choose-reel-holder__overflow {
    max-height: 223px;
    width: 100%
}
.reels-template .choose-reel-holder .reel-item,
.reveal-modal.standard .choose-reel-holder .reel-item {
    position: relative;
    font-size: 14px;
    display: block;
    background: #f9f9f9;
    padding: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out
}
.reels-template .choose-reel-holder .reel-item:after,
.reveal-modal.standard .choose-reel-holder .reel-item:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    width: 10px;
    height: 10px;
    border-radius: 3px;
    border: 1px solid #e6e6df;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.reels-template .choose-reel-holder .reel-item:before,
.reveal-modal.standard .choose-reel-holder .reel-item:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 19px;
    width: 4px;
    height: 4px;
    background-color: #0b7bb3;
    -webkit-transform: translateY(-50%) scale(0);
    -moz-transform: translateY(-50%) scale(0);
    -ms-transform: translateY(-50%) scale(0);
    -o-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    -webkit-transition: all .2s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .2s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .2s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.reels-template .choose-reel-holder .reel-item:hover,
.reveal-modal.standard .choose-reel-holder .reel-item:hover {
    color: #0b7bb3
}
.reels-template .choose-reel-holder .reel-item.on,
.reveal-modal.standard .choose-reel-holder .reel-item.on {
    color: #0b7bb3
}
.reels-template .choose-reel-holder .reel-item.on:after,
.reveal-modal.standard .choose-reel-holder .reel-item.on:after {
    border-color: #0b7bb3
}
.reels-template .choose-reel-holder .reel-item.on:before,
.reveal-modal.standard .choose-reel-holder .reel-item.on:before {
    -webkit-transform: translateY(-50%) scale(1);
    -moz-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    -o-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1)
}
.reels-template .add-buttons-holder,
.reveal-modal.standard .add-buttons-holder {
    text-align: center;
    -webkit-transition: all .1666s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .1666s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .1666s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .1666s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.reels-template .add-buttons-holder a.add,
.reveal-modal.standard .add-buttons-holder a.add {
    display: inline-block;
    margin: 20px auto 0 auto;
    text-align: center;
    text-transform: uppercase;
    background: #0b7bb3;
    font-size: 11px;
    color: #FFF;
    padding: 15px 20px;
    border-radius: 3px;
    font-weight: 600;
    background-color: #dadada;
    pointer-events: none;
    -webkit-transition: all .1666s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .1666s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .1666s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .1666s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.reels-template .add-buttons-holder.on a.add,
.reveal-modal.standard .add-buttons-holder.on a.add {
    background-color: #0b7bb3;
    pointer-events: auto
}
.reels-template .add-buttons-holder.on a.add:hover,
.reveal-modal.standard .add-buttons-holder.on a.add:hover {
    background-color: #2d5efa
}
.reels-template .add-reel-holder,
.reveal-modal.standard .add-reel-holder {
    overflow: hidden
}
.reels-template .add-reel-holder input,
.reveal-modal.standard .add-reel-holder input {
    padding: 0 15px;
    height: 45px;
    border-radius: 3px 0 0 3px;
    font-size: 14px;
    width: 70%;
    float: left;
    background: #f9f9f9
}
.reels-template .add-reel-holder a.btn,
.reveal-modal.standard .add-reel-holder a.btn {
    padding: 0 15px;
    height: 45px;
    line-height: 45px;
    background: #0b7bb3;
    border-radius: 0 3px 3px 0;
    width: 30%;
    color: #fff;
    display: block;
    float: left;
    text-align: center;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}
.reels-template .add-reel-holder a.btn.create,
.reveal-modal.standard .add-reel-holder a.btn.create {
    background: #0b7bb3;
    font-size: 13px;
    font-weight: 500
}
.reels-template .add-reel-holder a.btn.create.inactive,
.reveal-modal.standard .add-reel-holder a.btn.create.inactive {
    background: #dadada;
    pointer-events: none
}
.reels-template .add-reel-holder a.btn:hover,
.reveal-modal.standard .add-reel-holder a.btn:hover {
    background: #2356fa
}
.reels-template .add-reel-holder a.hidden,
.reveal-modal.standard .add-reel-holder a.hidden {
    display: none
}
.title.maintitle.reel-title {
    margin-bottom: 20px
}
.reels_container .inner>h2 {
    padding-left: 20px
}
.reels_container .inner>h2.register {
    display: block;
    text-align: center
}
@media only screen and (max-width: 768px) {
    .reels_container .inner>h2 {
        margin-bottom: 0
    }
}
table.reels_list {
    width: 100%;
    padding: 20px;
    overflow: hidden;
    border-spacing: 0
}
table.reels_list:nth-of-type(odd) {
    border-spacing: 0 30px
}
table.reels_list .tool {
    width: 16px;
    display: inline-block;
    margin: 0 5px;
    position: relative
}
table.reels_list .tool,
table.reels_list .tool svg,
table.reels_list .tool path {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}
table.reels_list .tool--view svg {
    width: 18px;
    opacity: .2
}
table.reels_list .tool--share svg {
    width: 13px;
    opacity: .2
}
table.reels_list .tool--delete svg {
    width: 11px;
    opacity: .2
}
@media only screen and (max-width: 420px) {
    table.reels_list .tool {
        margin: 0
    }
}
table.reels_list .tool.reel-name {
    width: auto;
    display: table-cell;
    position: relative
}
table.reels_list .tool.reel-name [data-reel-title]:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background: url('../public/img/icons/edit_reverse.svg') center center no-repeat;
    background-size: 16px 16px;
    top: 50%;
    right: -25px;
    margin-top: -8px;
    opacity: 0;
    -webkit-transform: scale(0.6) rotate(-16deg);
    -moz-transform: scale(0.6) rotate(-16deg);
    -ms-transform: scale(0.6) rotate(-16deg);
    -o-transform: scale(0.6) rotate(-16deg);
    transform: scale(0.6) rotate(-16deg);
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}
table.reels_list .tool.reel-name [data-reel-title]:hover:before {
    opacity: .2;
    -webkit-transform: scale(1) rotate(-16deg);
    -moz-transform: scale(1) rotate(-16deg);
    -ms-transform: scale(1) rotate(-16deg);
    -o-transform: scale(1) rotate(-16deg);
    transform: scale(1) rotate(-16deg)
}
table.reels_list .tool.reel-name .currently_edited:hover:before {
    opacity: 0;
    -webkit-transform: scale(0.6) rotate(-16deg);
    -moz-transform: scale(0.6) rotate(-16deg);
    -ms-transform: scale(0.6) rotate(-16deg);
    -o-transform: scale(0.6) rotate(-16deg);
    transform: scale(0.6) rotate(-16deg)
}
table.reels_list .tool.reel-name:hover .tools__info {
    opacity: 0;
    top: -50px
}
table.reels_list .tool:hover .tools__info {
    opacity: 1;
    top: -45px
}
table.reels_list .tool .tools__info {
    position: absolute;
    top: -50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: black;
    padding: 10px;
    font-size: 11px;
    color: #fff;
    border-radius: 2px;
    opacity: 0;
    pointer-events: none;
    font-weight: 700;
    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out
}
table.reels_list .tool .tools__info:after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    border: 5px solid transparent;
    border-top-color: black
}
table.reels_list .tool .tools__icon {
    width: 100%
}
table.reels_list .tool .tools__icon path {
    fill: #bebdbd
}
table.reels_list .tool .tools__icon:hover path {
    fill: #5c5c5c
}
table.reels_list tr.reel-item {
    background-color: #fafafa;
    margin-bottom: 5px;
    position: relative;
    z-index: 10
}
table.reels_list tr.reel-item.open {
    background-color: #f0f1f9
}
table.reels_list tr.reel-item.open [data-reel-title] {
    color: #0b7bb3
}
table.reels_list tr.reel-item:hover {
    background-color: #f0f1f9
}
table.reels_list tr.reel-item:hover [data-reel-title] {
    color: #0b7bb3
}
table.reels_list tr.reel-item:hover [data-reel-title]:before {
    opacity: .5;
    -webkit-transform: scale(1) rotate(-16deg);
    -moz-transform: scale(1) rotate(-16deg);
    -ms-transform: scale(1) rotate(-16deg);
    -o-transform: scale(1) rotate(-16deg);
    transform: scale(1) rotate(-16deg)
}
table.reels_list tr.reel-item:hover .url-link a {
    border: 1px solid #0b7bb3;
    color: #0b7bb3
}
table.reels_list tr.reel-item:hover .url-link a svg {
    opacity: 1
}
table.reels_list tr.reel-item:hover .url-link a svg path {
    fill: #0b7bb3
}
table.reels_list tr.reel-item:hover .tool svg {
    opacity: 1
}
table.reels_list tr.reel-item:hover .tool--view svg path,
table.reels_list tr.reel-item:hover .tool--delete svg path {
    stroke: #0b7bb3
}
table.reels_list tr.reel-item:hover .tool--share svg path {
    fill: #0b7bb3
}
table.reels_list tr.reel-item>td {
    border-top: 1px solid #e3e4ed;
    border-bottom: 1px solid #e3e4ed
}
table.reels_list tr.reel-item>td:first-child {
    border-radius: 4px 0 0 4px;
    border-left: 1px solid #e3e4ed
}
table.reels_list tr.reel-item>td:last-child {
    border-radius: 0 4px 4px 0;
    border-right: 1px solid #e3e4ed
}
table.reels_list td.clips {
    width: 233px;
    position: relative
}
@media screen and (max-width: 940px) {
    table.reels_list td.clips {
        width: 177px
    }
}
table.reels_list td.reel-name {
    font-weight: 500;
    position: relative;
    color: #5b5d68
}
@media only screen and (max-width: 1024px) {
    table.reels_list td.reel-name {
        font-size: 14px
    }
}
table.reels_list td.reel-name form {
    position: relative;
    left: -20px;
    display: inline-block;
    z-index: 100
}
table.reels_list td.reel-name form input {
    display: inline-block;
    max-width: 400px;
    min-width: 250px;
    width: 90%;
    padding: 20px;
    font-weight: 500;
    font-size: 16px;
    margin-right: 10px;
    font-family: 'Gotham A', 'Gotham B', 'helvetica neue', helvetica, arial, sans-serif
}
table.reels_list td.reel-name form button {
    margin-right: 10px
}
@media only screen and (max-width: 1024px) {
    table.reels_list td.reel-name form {
        position: absolute;
        top: -28px;
        left: -10px
    }
    table.reels_list td.reel-name form input {
        max-width: 300px;
        padding: 18px 10px;
        font-size: 14px
    }
    table.reels_list td.reel-name form button {
        position: absolute;
        padding: 10px 15px;
        font-size: 10px;
        z-index: 100;
        top: 36px;
        left: 0
    }
    table.reels_list td.reel-name form button:last-of-type {
        left: 70px
    }
}
@media only screen and (max-width: 599px) {
    table.reels_list td.reel-name form form {
        left: -5px
    }
    table.reels_list td.reel-name form input {
        min-width: 150px
    }
}
table.reels_list td.reel-name [data-reel-title] {
    position: relative;
    z-index: 100;
    display: inline-block
}
table.reels_list td.reel-name .clips-number-wrap {
    position: relative;
    z-index: 10
}
table.reels_list td.reel-name span {
    display: block;
    position: relative;
    z-index: 2;
    -webkit-transition: all .1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .1s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .1s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .1s cubic-bezier(0.645, 0.045, 0.355, 1)
}
table.reels_list td.reel-name span.clips-number {
    color: #bdbdbe;
    display: block;
    font-weight: 500;
    font-size: 10px;
    margin-top: 5px;
    pointer-events: none;
    text-transform: uppercase;
    letter-spacing: 1px
}
table.reels_list td.reel-name .reel-name__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}
table.reels_list td.reel-name .reel-name__link:hover ~ [data-reel-title] {
    color: #0b7bb3
}
table.reels_list td.reel-date {
    width: 200px;
    text-transform: uppercase;
    font-size: 11px;
    color: #ababab;
    font-weight: 700
}
@media only screen and (max-width: 1024px) {
    table.reels_list td.reel-date {
        width: 95px
    }
}
@media only screen and (max-width: 700px) {
    table.reels_list td.reel-date {
        display: none
    }
}
table.reels_list td.reel-date span {
    font-weight: normal;
    font-size: 12px;
    display: block;
    margin-top: 5px
}
table.reels_list td.url-link {
    width: 200px
}
@media screen and (max-width: 1010px) {
    table.reels_list td.url-link {
        width: 160px
    }
}
table.reels_list td.url-link a {
    display: inline-block;
    padding: 8px 8px 8px 25px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    top: 4px;
    margin-bottom: 10px;
    color: #bdbdbe;
    border: 1px solid transparent;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}
table.reels_list td.url-link a svg {
    content: "";
    position: absolute;
    top: 50%;
    left: 3px;
    margin-top: -9px;
    width: 20px;
    height: 20px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}
table.reels_list td.url-link a svg path {
    fill: #e6e6e6;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}
@media only screen and (max-width: 599px) {
    table.reels_list td.url-link {
        display: none
    }
}
table.reels_list td.tools {
    width: 160px;
    text-align: right;
    padding-right: 15px
}
table.reels_list td.tools .tool:nth-child(3) {
    display: none
}
table.reels_list table.clips-table {
    background-color: #fafafa;
    padding: 30px 0 0 0;
    text-align: left;
    position: relative;
    left: 50%;
    width: 97%;
    border: 1px solid #e3e4ed;
    border-top: 0;
    -webkit-transform: translate(-50%, -30px);
    -moz-transform: translate(-50%, -30px);
    -ms-transform: translate(-50%, -30px);
    -o-transform: translate(-50%, -30px);
    transform: translate(-50%, -30px)
}
table.reels_list table.clips-table thead th {
    padding: 0 20px 10px 10px;
    border-bottom: 1px solid #e3e4ed;
    font-size: 10px;
    color: #ababab;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px
}
table.reels_list table.clips-table thead th.bulk_buttons label {
    position: relative;
    left: 36px;
    top: 5px
}
@media only screen and (max-width: 768px) {
    table.reels_list table.clips-table thead th:nth-child(2) {
        display: none
    }
}
table.reels_list table.clips-table thead th:first-of-type {
    padding: 0 20px 20px 9px
}
table.reels_list table.clips-table tr:last-of-type td {
    border-bottom: 0
}
table.reels_list table.clips-table tr:last-of-type td:first-child {
    border-radius: 0 0 0 4px
}
table.reels_list table.clips-table tr:last-of-type td:last-child {
    border-radius: 0 0 4px 0
}
table.reels_list table.clips-table td {
    border-bottom: 1px solid #e3e4ed;
    padding: 10px 15px 10px 10px
}
table.reels_list table.clips-table td.name {
    font-weight: 500;
    width: 200px;
    font-size: 14px;
    position: relative
}
@media only screen and (max-width: 1024px) {
    table.reels_list table.clips-table td.name {
        font-size: 14px
    }
}
@media only screen and (max-width: 768px) {
    table.reels_list table.clips-table td.name {
        font-size: 12px
    }
}
table.reels_list table.clips-table td.name span {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}
table.reels_list table.clips-table td.name a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
table.reels_list table.clips-table td.name a:hover ~ span {
    color: #0b7bb3
}
table.reels_list table.clips-table td.date {
    font-size: 12px;
    font-weight: 500;
    color: #c0c0c0;
    width: 200px
}
@media screen and (max-width: 1010px) {
    table.reels_list table.clips-table td.date {
        width: 155px
    }
}
@media screen and (max-width: 1010px) {
    table.reels_list table.clips-table td.date {
        width: 120px
    }
}
@media screen and (max-width: 735px) {
    table.reels_list table.clips-table td.date {
        width: 70px
    }
}
table.reels_list table.clips-table td.thumbnail {
    width: 124px;
    text-align: right
}
table.reels_list table.clips-table td.thumbnail img {
    border-radius: 3px
}
@media only screen and (max-width: 1024px) {
    table.reels_list table.clips-table td.thumbnail {
        width: 95px
    }
}
@media only screen and (max-width: 768px) {
    table.reels_list table.clips-table td.thumbnail {
        display: none
    }
}
table.reels_list table.clips-table td.credits {
    font-size: 14px
}
@media only screen and (max-width: 1024px) {
    table.reels_list table.clips-table td.credits {
        font-size: 12px
    }
}
table.reels_list table.clips-table td.tools-td {
    width: 95px;
    text-align: right
}
table.reels_list table.clips-table td.tools-td .tool svg {
    opacity: .3
}
table.reels_list table.clips-table td.tools-td .tool:hover svg {
    opacity: .7
}
@media only screen and (max-width: 768px) {
    table.reels_list table.clips-table td.client,
    table.reels_list table.clips-table td.production {
        display: none
    }
}
table.reels_list table.clips-table tr.placeholder {
    position: relative;
    height: 82px;
    max-height: 82px;
    width: 100%
}
table.reels_list table.clips-table tr.placeholder .description {
    opacity: 0
}
table.reels_list table.clips-table tr.placeholder .handle {
    opacity: 0
}
table.reels_list table.clips-table div.handle {
    height: 37px;
    width: 13px;
    cursor: pointer;
    position: relative;
    left: 6px;
    overflow-y: hidden;
    background: url('../public/img/icons/drag-area.png') no-repeat center center;
    background-size: 9px 17px
}
table.reels_list table.clips-table tr.dragged {
    position: absolute;
    top: 0;
    opacity: .5;
    z-index: 2000
}
table.reels_list a.load-clips {
    display: block;
    width: 50px;
    background: rgba(0, 0, 0, 0) url('../public/img/icons/arrow_down_grey.png');
    background-size: 22px 22px;
    background-position: center center;
    background-repeat: no-repeat;
    height: 80px;
    float: left;
    text-indent: 100000em;
    white-space: nowrap;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}
table.reels_list a.load-clips.open {
    background: rgba(0, 0, 0, 0) url('../public/img/icons/arrow_up_grey.png')
}
table.reels_list .item-target {
    display: none
}
table.reels_list .item-target.open {
    display: table-row
}
table.reels_list .images-mosaic {
    width: 160px;
    height: 90px;
    overflow: hidden;
    background: #1f1f1f;
    position: absolute;
    cursor: pointer;
    top: -5px;
    left: 50px;
    z-index: 1;
    border-radius: 3px
}
@media screen and (max-width: 950px) {
    table.reels_list .images-mosaic {
        width: 106px;
        height: 60px;
        top: 11px
    }
}
@media screen and (max-width: 666px) {
    table.reels_list .images-mosaic {
        width: 85px;
        height: 47px;
        top: 17px
    }
}
table.reels_list .images-mosaic img {
    display: block;
    margin: 0;
    padding: 0;
    width: 50%;
    float: left
}
table.reels_list .images-mosaic.three img:last-of-type {
    width: 100%
}
table.reels_list .images-mosaic.two img {
    width: 100%;
    position: absolute;
    top: 0
}
table.reels_list .images-mosaic.two img:first-of-type {
    left: -50%
}
table.reels_list .images-mosaic.two img:last-of-type {
    left: 50%
}
table.reels_list .images-mosaic.one img {
    width: 100%
}
table.reels_list .bulk_buttons_container.off {
    display: none
}
.reels_container a.load_more {
    display: block;
    margin: 20px auto;
    width: 126px;
    text-align: center;
    text-transform: uppercase;
    background: #0b7bb3;
    font-size: 11px;
    color: #FFF;
    padding: 10px 15px;
    border-radius: 3px;
    font-weight: 600
}
.reels_container a.load_more.off {
    display: none
}
.featured-video--collection {
    overflow: hidden
}
.featured-video--collection .video-wrap {
    padding-left: 100px;
    padding-right: 100px;
    max-width: 1400px
}
@media screen and (max-width: 910px) {
    .featured-video--collection .video-wrap {
        padding-left: 40px;
        padding-right: 40px
    }
}
.featured-video--collection .video-wrap .nominee-info--collection {
    padding: 0;
    max-width: none
}
.featured-video--collection .maintitle.inactive,
.featured-video--collection .maintitle.inactive h1,
.featured-video--collection .maintitle.inactive h2 {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.featured-video--collection.cinema [data-reel-clip-credits] {
    width: calc(100% - 400px)
}
@media screen and (max-width: 1150px) {
    .featured-video--collection.cinema [data-reel-clip-credits] {
        width: calc(100% - 320px)
    }
}
@media screen and (max-width: 820px) {
    .featured-video--collection.cinema [data-reel-clip-credits] {
        width: 100%;
        float: none
    }
}
.featured-video--collection.cinema [data-reel-clip-credits] .left,
.featured-video--collection.cinema [data-reel-clip-credits] .right {
    width: 100%;
    float: none
}
.featured-video--collection.cinema [data-reel-clip-credits] .left {
    padding-bottom: 20px
}
.featured-video--collection.cinema [data-reel-clip-credits] .left .description {
    width: 80%;
    max-height: 80px;
    position: relative;
    overflow: hidden
}
@media screen and (max-width: 1150px) {
    .featured-video--collection.cinema [data-reel-clip-credits] .left .description {
        width: 100%
    }
}
.featured-video--collection.cinema [data-reel-clip-credits] .left .description:after {
    pointer-events: none;
    content: "";
    position: absolute;
    z-index: 100;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #fff));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
    -webkit-background-attachment: local, local, scroll, scroll;
    background-attachment: local, local, scroll, scroll;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}
.featured-video--collection.cinema [data-reel-clip-credits] .left .description__read-more {
    color: #0b7bb3;
    font-weight: 500;
    font-size: 10px;
    text-transform: uppercase
}
.featured-video--collection.cinema [data-reel-clip-credits] .left .description.no-gradient:after {
    opacity: 0
}
.featured-video--collection.cinema [data-reel-clip-credits] .right {
    position: relative;
    padding-top: 20px;
    border-top: 1px solid #ededed
}
.featured-video--collection.cinema [data-reel-clip-credits] .right .credits {
    padding: 0;
    padding-right: 300px
}
@media screen and (max-width: 1350px) {
    .featured-video--collection.cinema [data-reel-clip-credits] .right .credits {
        padding-right: 200px
    }
}
@media screen and (max-width: 1000px) {
    .featured-video--collection.cinema [data-reel-clip-credits] .right .credits {
        padding-right: 0
    }
}
.featured-video--collection.cinema [data-reel-clip-credits] .right .credits li {
    width: 33.33%;
    padding: 0 10px 0 0
}
@media screen and (max-width: 1350px) {
    .featured-video--collection.cinema [data-reel-clip-credits] .right .credits li {
        width: 50%
    }
}
@media screen and (max-width: 820px) {
    .featured-video--collection.cinema [data-reel-clip-credits] .right .credits li {
        width: 100%
    }
}
.featured-video--collection.cinema [data-reel-clip-credits] .right .tags,
.featured-video--collection.cinema [data-reel-clip-credits] .right .tag {
    padding-left: 0;
    position: absolute;
    top: 20px;
    right: 0;
    width: 290px
}
@media screen and (max-width: 1350px) {
    .featured-video--collection.cinema [data-reel-clip-credits] .right .tags,
    .featured-video--collection.cinema [data-reel-clip-credits] .right .tag {
        width: 190px
    }
}
@media screen and (max-width: 1000px) {
    .featured-video--collection.cinema [data-reel-clip-credits] .right .tags,
    .featured-video--collection.cinema [data-reel-clip-credits] .right .tag {
        position: static;
        width: 100%
    }
}
.featured-video--collection.cinema [data-reel-clip-credits] .right .tags {
    top: 51px
}
.featured-video--collection.cinema .nominee-info--collection {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}
.featured-video--collection.cinema .collection {
    overflow: inherit;
    width: calc(100% - 1px)
}
.featured-video--collection.cinema .collection__video-holder {
    width: 100%;
    position: relative
}
.featured-video--collection.cinema .collection__video-holder:after {
    -webkit-transform: translate(-50%, -50%) scaleY(1);
    -moz-transform: translate(-50%, -50%) scaleY(1);
    -ms-transform: translate(-50%, -50%) scaleY(1);
    -o-transform: translate(-50%, -50%) scaleY(1);
    transform: translate(-50%, -50%) scaleY(1)
}
.featured-video--collection.cinema .collection__video-holder .image--collection {
    width: calc(100% - 1px)
}
@media screen and (max-width: 700px) {
    .featured-video--collection.cinema .collection__video-holder {
        width: 100%;
        float: none
    }
}
.featured-video--collection.cinema .collection__sidebar-holder {
    max-height: 410px;
    top: 100%
}
.featured-video--collection.cinema .collection__sidebar-holder .collection-sidebar {
    max-height: 410px
}
.collection__video-holder {
    border-radius: 5px;
    background-color: #212227
}
.nominee-info--collection {
    padding: 0!important;
    max-width: none;
    margin: 0!important
}
.collection {
    position: relative;
    padding-bottom: 40px;
    padding-top: 40px
}
.collection:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    clear: both
}
.collection--credits {
    min-height: 400px
}
.collection__video-holder {
    width: calc(100% - 400px);
    float: left;
    -webkit-transition: all .4s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .4s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .4s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .4s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.collection__video-holder .image--collection {
    border-radius: 4px 0 0 4px
}
@media screen and (max-width: 1150px) {
    .collection__video-holder {
        width: calc(100% - 320px)
    }
}
@media screen and (max-width: 800px) {
    .collection__video-holder {
        width: calc(100% - 270px)
    }
}
@media screen and (max-width: 700px) {
    .collection__video-holder {
        width: 100%;
        float: none
    }
}
.collection__video-holder:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 400%;
    height: 84%;
    background-color: #212227;
    z-index: -1;
    -webkit-transition: all .4s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .4s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .4s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .4s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: translate(-50%, -50%) scaleY(0);
    -moz-transform: translate(-50%, -50%) scaleY(0);
    -ms-transform: translate(-50%, -50%) scaleY(0);
    -o-transform: translate(-50%, -50%) scaleY(0);
    transform: translate(-50%, -50%) scaleY(0)
}
.collection__video-holder:not(.small) .flowplayer .fp-controls .fp-timeline {
    margin: 0 160px 0 44px
}
.collection__video-holder:not(.small) .fp-duration {
    right: 140px!important
}
.collection__video-holder:not(.small) .fp-volume {
    right: 43px!important
}
.collection__video-holder:not(.small) .fp-cinema-mode {
    width: 15px;
    height: 10px;
    border: 1px solid #fff;
    position: absolute;
    right: 37px;
    bottom: 12px;
    opacity: 0
}
.collection__video-holder:not(.small) .is-ready .fp-cinema-mode {
    opacity: 1
}
.collection__video-holder.small .fp-cinema-mode {
    display: none
}
.collection [data-reel-clip-credits] {
    padding-right: 40px
}
.collection__sidebar-holder {
    position: absolute;
    width: 400px;
    right: 0;
    top: 0;
    background-color: #fff;
    border: 1px solid #ededed;
    border-radius: 3px;
    -webkit-transition: all .4s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .4s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .4s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .4s cubic-bezier(0.645, 0.045, 0.355, 1);
    overflow: hidden
}
@media screen and (max-width: 1150px) {
    .collection__sidebar-holder {
        width: 320px
    }
}
@media screen and (max-width: 800px) {
    .collection__sidebar-holder {
        width: 270px
    }
}
@media screen and (max-width: 768px) {
    .collection__sidebar-holder {
        margin-top: 0;
        width: 100%;
        float: none;
        position: static;
        border: 1px solid #ededed;
        border-top: 0;
        border-radius: 0 0 3px 3px
    }
}
.collection__sidebar-holder:after {
    pointer-events: none;
    content: "";
    position: absolute;
    z-index: 100;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #fff));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
    -webkit-background-attachment: local, local, scroll, scroll;
    background-attachment: local, local, scroll, scroll;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}
.collection__sidebar-holder.bottom:after {
    opacity: 0
}
.collection__sidebar-holder .collection-sidebar {
    position: relative
}
.collection__sidebar-holder .collection-sidebar hgroup {
    padding: 25px 30px 25px 30px;
    border-bottom: 1px solid #ededed
}
.collection__sidebar-holder .collection-sidebar hgroup h2 {
    color: #0b7bb3;
    font-weight: 500;
    font-size: 18px
}
.collection__sidebar-holder .collection-sidebar hgroup h3 {
    font-weight: normal;
    font-size: 12px;
    color: #bdbdbe;
    margin-top: 5px
}
@media screen and (max-width: 700px) {
    .collection__sidebar-holder .collection-sidebar {
        max-height: 300px
    }
}
.collection__sidebar-holder .item {
    padding: 30px 45px 30px 50px;
    position: relative;
    border-bottom: 1px solid #ededed;
    -webkit-transition: all .23s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all .23s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all .23s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .23s cubic-bezier(0.165, 0.84, 0.44, 1)
}
@media screen and (max-width: 1150px) {
    .collection__sidebar-holder .item {
        padding: 25px 35px 25px 35px
    }
}
@media screen and (max-width: 800px) {
    .collection__sidebar-holder .item {
        padding: 20px 25px 20px 30px
    }
}
@media screen and (max-width: 700px) {
    .collection__sidebar-holder .item {
        padding: 25px 35px 25px 35px
    }
}
.collection__sidebar-holder .item.active {
    padding-left: 66px
}
.collection__sidebar-holder .item.active .clip-info {
    right: 10px
}
.collection__sidebar-holder .item.active .clip-info .title {
    color: #0b7bb3
}
.collection__sidebar-holder .item.active .index {
    left: 34px
}
.collection__sidebar-holder .item.active .index b {
    opacity: 0
}
.collection__sidebar-holder .item.active .index:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1
}
@media screen and (max-width: 1150px) {
    .collection__sidebar-holder .item.active {
        padding-left: 48px
    }
    .collection__sidebar-holder .item.active .clip-info {
        right: 16px
    }
    .collection__sidebar-holder .item.active .index {
        left: 20px
    }
}
@media screen and (max-width: 800px) {
    .collection__sidebar-holder .item.active {
        padding-left: 48px
    }
    .collection__sidebar-holder .item.active .clip-info {
        right: 16px
    }
    .collection__sidebar-holder .item.active .index {
        left: 20px
    }
}
@media screen and (max-width: 700px) {
    .collection__sidebar-holder .item.active .clip-info {
        left: 130px
    }
}
.collection__sidebar-holder .item:hover {
    background-color: #f9f9f9
}
.collection__sidebar-holder .item [data-reel-clip-id] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2
}
.collection__sidebar-holder .item .index {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 30px;
    -webkit-transition: all .23s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all .23s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all .23s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .23s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.collection__sidebar-holder .item .index b {
    font-size: 12px;
    font-weight: 700;
    color: #b3b5ba
}
.collection__sidebar-holder .item .index:after {
    position: absolute;
    top: 0;
    left: -2px;
    content: "";
    width: 12px;
    height: 12px;
    background: url('../public/img/front/play.png') center center no-repeat;
    background-size: 12px 12px;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .23s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all .23s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all .23s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .23s cubic-bezier(0.165, 0.84, 0.44, 1)
}
@media screen and (max-width: 1150px) {
    .collection__sidebar-holder .item .index {
        left: 15px
    }
}
@media screen and (max-width: 800px) {
    .collection__sidebar-holder .item .index {
        left: 10px
    }
}
.collection__sidebar-holder .item .image {
    width: 65px;
    height: 35px;
    padding-bottom: 0;
    border-radius: 0
}
.collection__sidebar-holder .item .image .item__play-icon {
    display: block;
    width: 10px
}
@media screen and (max-width: 800px) {
    .collection__sidebar-holder .item .image {
        width: 50px;
        height: 25px
    }
}
@media screen and (max-width: 700px) {
    .collection__sidebar-holder .item .image {
        width: 65px;
        height: 35px
    }
}
.collection__sidebar-holder .item .clip-info {
    width: 59%;
    position: absolute;
    top: 50%;
    right: 30px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .23s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all .23s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all .23s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .23s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.collection__sidebar-holder .item .clip-info .title {
    font-size: 14px;
    text-align: left;
    font-weight: 500
}
.collection__sidebar-holder .item .clip-info .client {
    font-size: 14px;
    color: #b3b5ba;
    text-align: left;
    font-weight: 100;
    margin-top: 5px
}
@media screen and (max-width: 1150px) {
    .collection__sidebar-holder .item .clip-info {
        width: 54%
    }
}
@media screen and (max-width: 1150px) {
    .collection__sidebar-holder .item .clip-info .client {
        font-size: 12px
    }
}
@media screen and (max-width: 700px) {
    .collection__sidebar-holder .item .clip-info {
        right: auto;
        left: 115px;
        width: 60%
    }
}
@media screen and (max-width: 599px) {
    .collection__sidebar-holder .item .clip-info .title {
        display: block
    }
}
[data-votd-particles] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -ms-perspective: 1000px;
    -o-perspective: 1000px;
    perspective: 1000px;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50%;
    z-index: 4;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}
[data-votd-particles].active {
    opacity: .6;
    visibility: visible;
    -webkit-transition: all 0s!important;
    -moz-transition: all 0s!important;
    -o-transition: all 0s!important;
    transition: all 0s!important
}
.particle {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px auto;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden
}
.particle.particle--play {
    background-image: url("../public/img/front/particles/play.png")
}
.particle.particle--pause {
    background-image: url("../public/img/front/particles/pause.png")
}
.particle.particle--stop {
    background-image: url("../public/img/front/particles/stop.png")
}
.particle.particle--rewind {
    background-image: url("../public/img/front/particles/rewind.png")
}
.simplebar,
[data-simplebar-direction] {
    position: relative;
    overflow: hidden;
    -webkit-overflow-scrolling: touch
}
.simplebar .simplebar-scroll-content,
[data-simplebar-direction] .simplebar-scroll-content {
    overflow-y: scroll;
    overflow-x: auto
}
[data-simplebar-direction="horizontal"] .simplebar-scroll-content,
.simplebar.horizontal .simplebar-scroll-content {
    overflow-x: scroll;
    overflow-y: auto
}
.simplebar-track {
    z-index: 99;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 11px
}
.simplebar-track .simplebar-scrollbar {
    position: absolute;
    right: 2px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    min-height: 10px;
    width: 7px;
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    -ms-transition: opacity .2s linear;
    transition: opacity .2s linear;
    background: #6c6e71;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding
}
.simplebar-track:hover .simplebar-scrollbar {
    opacity: .7;
    -webkit-transition: opacity 0 linear;
    -moz-transition: opacity 0 linear;
    -o-transition: opacity 0 linear;
    -ms-transition: opacity 0 linear;
    transition: opacity 0 linear
}
.simplebar-track .simplebar-scrollbar.visible {
    opacity: .7
}
[data-simplebar-direction="horizontal"] .simplebar-track,
.simplebar.horizontal .simplebar-track {
    top: auto;
    left: 0;
    width: auto;
    height: 11px
}
[data-simplebar-direction="horizontal"] .simplebar-track .simplebar-scrollbar,
.simplebar.horizontal .simplebar-track .simplebar-scrollbar {
    right: auto;
    top: 2px;
    height: 7px;
    min-height: 0;
    min-width: 10px;
    width: auto
}
.select2-container {
    margin: 0;
    position: relative;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: middle
}
.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.select2-container .select2-choice {
    display: block;
    height: 26px;
    padding: 0 0 0 8px;
    overflow: hidden;
    position: relative;
    border: 1px solid #aaa;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;
    border-radius: 4px;
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
    background-image: -webkit-linear-gradient(center bottom, #eee 0, #fff 50%);
    background-image: -moz-linear-gradient(center bottom, #eee 0, #fff 50%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr '#ffffff', endColorstr '#eeeeee', GradientType 0);
    background-image: linear-gradient(top, #fff 0, #eee 50%)
}
.select2-container.select2-allowclear .select2-choice .select2-chosen {
    margin-right: 42px
}
.select2-container .select2-choice>.select2-chosen {
    margin-right: 26px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.select2-container .select2-choice abbr {
    display: none;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 24px;
    top: 8px;
    font-size: 1px;
    text-decoration: none;
    border: 0;
    background: url('../public/css/plugins/select2/select2.png') right top no-repeat;
    cursor: pointer;
    outline: 0
}
.select2-container.select2-allowclear .select2-choice abbr {
    display: inline-block
}
.select2-container .select2-choice abbr:hover {
    background-position: right -11px;
    cursor: pointer
}
.select2-drop-mask {
    border: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 9998;
    background-color: #fff;
    filter: alpha(opacity=0)
}
.select2-drop {
    width: 100%;
    margin-top: -1px;
    position: absolute;
    z-index: 9999;
    top: 100%;
    background: #fff;
    color: #000;
    border: 1px solid #aaa;
    border-top: 0;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15)
}
.select2-drop-auto-width {
    border-top: 1px solid #aaa;
    width: auto
}
.select2-drop-auto-width .select2-search {
    padding-top: 4px
}
.select2-drop-active {
    border: 1px solid #5897fb;
    border-top: 0
}
.select2-container .select2-choice .select2-arrow {
    display: inline-block;
    width: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid #aaa;
    border-radius: 0 4px 4px 0;
    background-clip: padding-box;
    background: #ccc;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
    background-image: -webkit-linear-gradient(center bottom, #ccc 0, #eee 60%);
    background-image: -moz-linear-gradient(center bottom, #ccc 0, #eee 60%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr '#eeeeee', endColorstr '#cccccc', GradientType 0);
    background-image: linear-gradient(top, #ccc 0, #eee 60%)
}
.select2-container .select2-choice .select2-arrow b {
    display: block;
    width: 100%;
    height: 100%;
    background: url('../public/css/plugins/select2/select2.png') no-repeat 0 1px
}
.select2-search {
    display: inline-block;
    width: 100%;
    min-height: 26px;
    margin: 0;
    padding-left: 4px;
    padding-right: 4px;
    position: relative;
    z-index: 10000;
    white-space: nowrap
}
.select2-search input {
    width: 100%;
    height: auto!important;
    min-height: 26px;
    padding: 4px 20px 4px 5px;
    margin: 0;
    outline: 0;
    font-family: sans-serif;
    font-size: 1em;
    border: 1px solid #aaa;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #fff url('../public/css/plugins/select2/select2.png') no-repeat 100% -22px;
    background: url('../public/css/plugins/select2/select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('../public/css/plugins/select2/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('../public/css/plugins/select2/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('../public/css/plugins/select2/select2.png') no-repeat 100% -22px, linear-gradient(top, #fff 85%, #eee 99%)
}
.select2-search input.select2-active {
    background: #fff url('../public/css/plugins/select2/select2-spinner.gif') no-repeat 100%;
    background: url('../public/css/plugins/select2/select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url('../public/css/plugins/select2/select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('../public/css/plugins/select2/select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url('../public/css/plugins/select2/select2-spinner.gif') no-repeat 100%, linear-gradient(top, #fff 85%, #eee 99%)
}
.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: 0;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}
.select2-dropdown-open .select2-choice {
    border-bottom-color: transparent;
    -webkit-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #eee;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
    background-image: -webkit-linear-gradient(center bottom, #fff 0, #eee 50%);
    background-image: -moz-linear-gradient(center bottom, #fff 0, #eee 50%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
    background-image: linear-gradient(top, #fff 0, #eee 50%)
}
.select2-dropdown-open .select2-choice .select2-arrow {
    background: transparent;
    border-left: none;
    filter: none
}
.select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: -18px 1px
}
.select2-results {
    max-height: 200px;
    padding: 0 0 0 4px;
    margin: 4px 4px 4px 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.select2-results ul.select2-result-sub {
    margin: 0;
    padding-left: 0
}
.select2-results ul.select2-result-sub>li .select2-result-label {
    padding-left: 20px
}
.select2-results ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 40px
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 60px
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 80px
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 100px
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 110px
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 120px
}
.select2-results li {
    list-style: none;
    display: list-item;
    background-image: none
}
.select2-results li.select2-result-with-children>.select2-result-label {
    font-weight: bold
}
.select2-results .select2-result-label {
    padding: 3px 7px 4px;
    margin: 0;
    cursor: pointer;
    min-height: 1em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.select2-results .select2-highlighted {
    background: #3875d7;
    color: #fff
}
.select2-results li em {
    background: #feffde;
    font-style: normal
}
.select2-results .select2-highlighted em {
    background: transparent
}
.select2-results .select2-highlighted ul {
    background: #fff;
    color: #000
}
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
    background: #f4f4f4;
    display: list-item
}
.select2-results .select2-disabled.select2-highlighted {
    color: #666;
    background: #f4f4f4;
    display: list-item;
    cursor: default
}
.select2-results .select2-disabled {
    background: #f4f4f4;
    display: list-item;
    cursor: default
}
.select2-results .select2-selected {
    display: none
}
.select2-more-results.select2-active {
    background: #f4f4f4 url('../public/css/plugins/select2/select2-spinner.gif') no-repeat 100%
}
.select2-more-results {
    background: #f4f4f4;
    display: list-item
}
.select2-container.select2-container-disabled .select2-choice {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default
}
.select2-container.select2-container-disabled .select2-choice .select2-arrow {
    background-color: #f4f4f4;
    background-image: none;
    border-left: 0
}
.select2-container.select2-container-disabled .select2-choice abbr {
    display: none
}
.select2-container-multi .select2-choices {
    height: auto!important;
    height: 1%;
    margin: 0;
    padding: 0;
    position: relative;
    border: 1px solid #aaa;
    cursor: text;
    overflow: hidden;
    background-color: #fff;
    background-image: -webkit-gradient(linear, 0% 0, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
    background-image: linear-gradient(top, #eee 1%, #fff 15%)
}
.select2-locked {
    padding: 3px 5px 3px 5px!important
}
.select2-container-multi .select2-choices {
    min-height: 26px
}
.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: 0;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}
.select2-container-multi .select2-choices li {
    float: left;
    list-style: none
}
.select2-container-multi .select2-choices .select2-search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap
}
.select2-container-multi .select2-choices .select2-search-field input {
    padding: 5px;
    margin: 1px 0;
    font-family: sans-serif;
    font-size: 100%;
    color: #666;
    outline: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent!important
}
.select2-container-multi .select2-choices .select2-search-field input.select2-active {
    background: #fff url('../public/css/plugins/select2/select2-spinner.gif') no-repeat 100%!important
}
.select2-default {
    color: #999!important
}
.select2-container-multi .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 18px;
    margin: 3px 0 3px 5px;
    position: relative;
    line-height: 13px;
    color: #333;
    cursor: default;
    border: 1px solid #aaa;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #e4e4e4;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
    background-image: -webkit-gradient(linear, 0% 0, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%)
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
    cursor: default
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
    background: #d4d4d4
}
.select2-search-choice-close {
    display: block;
    width: 12px;
    height: 13px;
    position: absolute;
    right: 3px;
    top: 4px;
    font-size: 1px;
    outline: 0;
    background: url('../public/css/plugins/select2/select2.png') right top no-repeat
}
.select2-container-multi .select2-search-choice-close {
    left: 3px
}
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
    background-position: right -11px
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
    background-position: right -11px
}
.select2-container-multi.select2-container-disabled .select2-choices {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 5px;
    border: 1px solid #ddd;
    background-image: none;
    background-color: #f4f4f4
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
    display: none;
    background: 0
}
.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
    text-decoration: underline
}
.select2-offscreen,
.select2-offscreen:focus {
    clip: rect(0 0 0 0)!important;
    width: 1px!important;
    height: 1px!important;
    border: 0!important;
    margin: 0!important;
    padding: 0!important;
    overflow: hidden!important;
    position: absolute!important;
    outline: 0!important;
    left: 0!important;
    top: 0!important
}
.select2-display-none {
    display: none
}
.select2-measure-scrollbar {
    position: absolute;
    top: -10000px;
    left: -10000px;
    width: 100px;
    height: 100px;
    overflow: scroll
}
.loaderMainPage {
    display: none;
}
.loaderMainPage_2 {
    display: none;
}
.load_more {
    width: 30%;
    margin: 20px auto 0;
}
.load_more_3 {
    width: 70%;
    margin: 20px auto 0;
}
.load_more_2 {
    width: 30%;
    margin: 20px auto 0;
}
#loading, #loadmore {
    text-align: center;
    color: white;
}
#loading_2, #loadmore_2 {
    text-align: center;
    color: white;
}
.t_30 {
    margin-top: -47px;
    padding-top: 20px;
}
.t_40 {
    margin-top: -47px;
}
.title_video {
    font-size: 28px !important;
}
.follow_btn {
    padding: 8px 5px;
    position: absolute;
    z-index: 20;
    right: 20px;
    width: 130px;
    background-color: #ff503f;
    color: white;
    border-radius: 3px;
    font-size: 11px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    font-weight: 700;
    display: inline-block;
    margin: 16px 0 20px 25px;
    border: solid 1px #ff503f;
}
.follow_btn_profile {
    padding: 8px 5px;
    position: absolute;
    z-index: 20;
    left: 10px;
    top: 140px;
    width: 110px;
    background-color: #ff503f;
    color: white;
    border-radius: 3px;
    font-size: 11px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    font-weight: 700;
    display: inline-block;
    margin: 16px 0 20px 15px;
    border: solid 1px #ff503f;
}
.message_btn_profile {
    padding: 8px 5px;
    position: absolute;
    z-index: 20;
    left: 10px;
    top: 174px;
    width: 110px;
    background-color: #2996cc;
    color: white;
    border-radius: 3px;
    font-size: 11px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    font-weight: 700;
    display: inline-block;
    margin: 16px 0 20px 15px;
    border: solid 1px #2996cc;
}
.info_box_1 {
    margin-left: 120px;
    color: #5f7091;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 22px;
    width: 22%;
    float: left;
    border-right: 1px solid #e4eaef;
    text-align: center;
    margin-bottom: 20px;
}
.info_box_2 {
    margin-left: 10px;
    padding-right: 10px;
    color: #5f7091;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 22px;
    width: 22%;
    float: left;
    border-right: 1px solid #e4eaef;
    text-align: center;
    margin-bottom: 20px;
}
.info_box_3 {
    color: #5f7091;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 22px;
    width: 22%;
    float: left;
    text-align: center;
    margin-bottom: 20px;
}
.info_box_1 span, .info_box_2 span, .info_box_3 span{
    color: #9eabc5;
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 10px;
    text-align: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: 'GothamRoundedBold', 'GothamRoundedBook', 'helvetica neue', helvetica, arial, sans-serif;
}
.video_box_1 {
    margin-left: 20px;
    color: #5f7091;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 22px;
    width: 24%;
    float: left;
    text-align: center;
    padding: 20px 0;
}
.video_box_1 strong {
    color: #5f7091;
}
.video_box_2 {
    color: #5f7091;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 22px;
    width: 30%;
    margin-left: 80px;
    float: left;
    text-align: center;
    padding: 20px 0;
}
.video_box_3 {
    color: #5f7091;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 22px;
    text-align: center;
    padding: 20px 0;
}
.video_box_1 span, .video_box_2 span, .video_box_3 span{
    color: #9eabc5;
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 13px;
    text-align: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: 'GothamRoundedBold', 'GothamRoundedBook', 'helvetica neue', helvetica, arial, sans-serif;
}
.video_box_1 span.glyph-item, .video_box_2 span.glyph-item, .video_box_3 span.glyph-item { 
    font-size: 20px;
    color: #ff503f;
    margin-right: 5px;
}
.separator_div {
    border-top: 3px solid #fbfbfb;
    position: relative;
    background-color: #fff;
}
.separator_div h5 {
    padding: 20px;
    color: #546079;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 300;

}
.embedd_btn {
    background: #fff;
    border: 1px solid #cbd5dc;
    outline: none;
    display: inline-block;
    font-size: 11px;
    text-align: center;
    border-radius: 3px;
    margin-top: -20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 9px 15px 7px;
    color: #7685a6;
    letter-spacing: 1px;
}
.inf_vid_1 {
    width: 40%;
    float: left;
}
.inf_vid_1 h1 a {
    margin-left: 30px;
    color: #2996cc;
    letter-spacing: 2px;
    font-size: 18px;
}
.inf_vid_2 {
    width: 56%;
    float: left;
}
.inf_vid_2 span {
    margin-left: 30px;
    color: #2996cc;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    line-height: 10px;
}
.inf_vid_2 p {
    margin-left: 30px;
    color: #546079;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
}
.info_profile_2 {
    padding-top: 20px;
}
.info_profile_1 {
    width: 100%;
    float: left;
}
.m_b_20 {
    margin-bottom: 20px;
}
.info_profile_1 .icon{
    width: 10%;
    float: left;
    font-size: 22px;
    margin-top: 7px;
    margin-left: 30px;
    margin-right: -10px;
}
.info_profile_1 span {
    margin-left: 30px;
    color: #2996cc;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 11px;
    line-height: 10px;
}
.upload_video_homepage a {
    padding: 20px 5px;
    text-align: center;
    width: 100%;
    background-color: #0b7bb3;
    color: white;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    display: inline-block;
    border: solid 1px #0b7bb3;
}
.upload_video_homepage span {
    color: white;
    font-size: 20px;
    margin-right: 30px;
}
.social_media_box {
    padding: 30px 30px 10px 0px;
    width: 100%;
    border-top: 3px solid #fbfbfb;
}
.social_media_box .social_media_profile {
    width: 30%;
    float: right;
}
.social_media_box .social_media_profile .icon_social {
    float: left;
}
.social_media_box .social_media_profile .icon_social img {
    margin-right: 10px;
    margin-bottom: 10px;
}
.social_media_box .social_media_profile .followers {
    float: left;
}
.social_media_box .social_media_profile .followers p {
    color: #5f7091;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 22px;
    font-size: 16px;
    font-family: 'GothamRoundedBook', 'GothamRoundedBold', 'helvetica neue', helvetica, arial, sans-serif;
}
.social_media_box .social_media_profile .followers p span {
    color: #9eabc5;
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 10px;
    display: block;
    text-align: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: 'GothamRoundedBold', 'GothamRoundedBook', 'helvetica neue', helvetica, arial, sans-serif;
}
.info_profile_1 span a {
    color: #2996cc;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 11px;
    line-height: 10px;
}
.info_profile_1 p {
    margin-left: 30px;
    margin-top: 5px;
    color: #546079;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;
}
.more_div_box {
    border-top: 3px solid #fbfbfb;
    position: relative;
    background-color: #fff;
}
.info_profile_11 p {
    margin-left: 30px;
    margin-top: 25px;
    color: #546079;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 10px;
}
#user_videos .newsletter_btn {
    width: 50%;
    margin: 10px 0 0 115px;
}
#user_videos .video-profile {
    width: 50%;
    float: left;
    padding: 0 10px 30px 30px;
}
#user_videos .video-profile .text p {
    margin-bottom: 0px; 
    padding-bottom: 0px;
}
#user_videos .video-profile .infos-vid {
    padding-left: 15px;
}
.w_100 {
    width: 100%;
}
.upload_date_box {
    margin-left: 30px;
}
.upload_date_box span {
    font-family: 'GothamRoundedBook', 'helvetica neue', helvetica, arial, sans-serif;
    color: #111;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
}
.upload_date span {
    font-family: 'GothamRoundedBold', 'GothamRoundedBook', 'helvetica neue', helvetica, arial, sans-serif;
    margin-left: 30px;
    color: #111;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
}
.upload_date p {
    margin-left: 30px;
    margin-top: 10px;
    margin-right: 20px;
    color: #111;
    font-size: 14px;
    font-weight: 500;
}
.social_bloc a {
    float: right;
    margin-right: 5px;
}
.social_bloc {
    padding-right: 10px;
    padding-bottom: 20px;
    min-height: 50px;
}
.wrapper-dropdown-2 {
    /* Size and position */
    position: relative; /* Enable absolute positioning for children and pseudo elements */
    width: 215px;
    margin: 0 auto;
    padding: 12px 15px;
    border-radius: 3px;
    height: 36px;
    color: #2996cc;
    font-weight: 600;
    font-size: 10px;
    text-transform: uppercase;
    font-family: 'GothamRoundedBook', 'GothamRoundedBold', 'helvetica neue', helvetica, arial, sans-serif;
    background: #fff;
    border: solid 1px #c2c2c2;
    transform: translate3d(0, 1px, 0);
    letter-spacing: 1px;
    cursor: pointer;
    outline: none;
    z-index: 999;
}
.wrapper-dropdown-2 span {
    color: #2996cc;
}
.wrapper-dropdown-2:after {
    content: "\f107";
    font-family: 'FontAwesome';
    width: 0;
    height: 0;
    position: absolute;
    right: 26px;
    top: 50%;
    margin-top: -11px;
    font-size: 23px;
    font-weight: 300;
}
.wrapper-dropdown-2 .dropdown {
    position: absolute;
    top: 100%;
    left: 0px;
    right: 0px;
    background: white;
    transition: all 0.3s ease-out;
    list-style: none;
    border: solid 1px #c2c2c2;
    border-radius: 3px;
    opacity: 0;
    pointer-events: none;
}
.wrapper-dropdown-2 .dropdown li a {
    display: block;
    text-decoration: none;
    color: #333;
    padding: 14px 14px;
    transition: all 0.3s ease-out;
}
.wrapper-dropdown-2 .dropdown li i {
    margin-right: 5px;
    color: inherit;
    vertical-align: middle;
}
.wrapper-dropdown-2 .dropdown li:hover a {
    color: #2996cc;
}
.wrapper-dropdown-2.active:after {
    border-width: 0 6px 6px 6px;
}
.wrapper-dropdown-2.active .dropdown {
    opacity: 1;
    pointer-events: auto;
}
.loading_spin {
    font-size: 10px;
    color: #a5a5a5;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.sign-up-page {
    margin-top: -47px;
}
.sign-up-page h2 {
    padding-top: 80px;
    color: #fff;
    font-family: "GothamRoundedBook",sans-serif;
    font-weight: 500;
}
.featured_content .image_content {
    float: left;
    width: 50%;
}
.winners .inner .item_vid.image_content_2 {
    float: left;
    width: 50%;
    padding: 0 20px 0 0;
}
.featured_content  {
    width: 100%;
}
.featured_content .image_content img {
    padding: 10px 20px 30px 0;
    width: 100%;
}
.featured_content .profile_content {
    float: left;
    width: 50%;
    position: relative;
}
.profile_infos .judge-profile .profile-image {
    width: 90px;
    height: 90px;
    left: 10px;
    top: 20px;
}
.profile_infos .judge-profile .profile-image.size-2 {
    width: 50px;
    height: 50px;
    left: 10px;
    top: 20px;
}
.profile_infos .judge-profile {
    min-height: 130px;
}
.profile_infos .judge-profile h1 {
    margin-top: 0px;
}
.profile_infos .text p {
    font-size: 13px;
    padding-bottom: 10px;
}
.uppercase {
    text-transform: uppercase !important;
}
.item10 .load_more {
    width: 50%;
}
.profile_infos .judge-profile h1 a {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    margin-left: 90px;
}
.profile_infos .judge-profile h3 {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    margin-left: 90px;
    margin-top: 6px;
}
.profile_infos .judge-profile h1.sub-2 a {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
    margin-left: 45px;
}
.profile_infos .judge-profile h1.sub-2 {
    line-height: 0;
}
.profile_infos .judge-profile h3.sub-2 {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    margin-left: 45px;
}
.profile_infos .inf_co-sign span {
    color: #2996cc;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 11px;
    line-height: 10px;
}
.profile_infos .inf_co-sign p {
    margin-left: 90px;
    margin-top: 6px;
    color: #546079;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;
}
.profile_infos .inf_co-sign {
    margin-bottom: 10px;
}
.nominees .inner.discover_main {
    padding: 10px 20px 40px;
}
.discover_box1 {
    width: 80%;
    margin: 0 auto;
    padding: 50px 0 0;
}
.discover_box2 {
    width: 80%;
    margin: 0 auto;
    padding: 0;
}
.discover_box3 {
    width: 20%;
    margin: 0 auto;
    padding: 20px 0 0;
}
.discover_box3 a {
    padding: 12px 5px;
    width: 100%;
    background-color: #0b7bb3;
    color: white;
    border-radius: 3px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    display: inline-block;
    margin: 0 5px;
    border: solid 1px #0b7bb3;
}
.discover_box3 a:hover {
    background-color: #0b6d9e;
    border: solid 1px #0b6d9e;
    color: white;
}
.part_1{
    width: 60%;
    float: left;
    padding-right: 30px;
}
.part_1 .dp_title, .part_2 .dp_title {
    text-align: left;
    color: #fff;
    font-size: 10px;   
    text-transform: uppercase;
    font-weight: 700;
}
.part_1 input {
    width: 100%;
    padding: 11px 22px 9px 12px;
    font-size: 11px;
    line-height: 18px;
    outline: 0;
    box-shadow: none;
    border: solid 1px #c2c2c2;
    border-radius: 3px;
    margin-bottom: 10px;
    margin-top: 5px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.part_1 .half_1 {
    width: 50%;
    padding-right: 30px;
    float: left;
}
.part_1 .half_2 {
    width: 50%;
    float: left;
}
.part_2{
    width: 30%;
    float: left;
}
.discover_box2 .part_2 input {
    width: 100%;
    padding: 11px 22px 9px 12px;
    font-size: 11px;
    line-height: 18px;
    outline: 0;
    box-shadow: none;
    border: solid 1px #c2c2c2;
    border-radius: 3px;
    margin-bottom: 10px;
    margin-top: 5px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
/**************** Select box **************/
.selecter {display: inline-block;float: left;width: 100%;position: relative;z-index: 1;margin-top: 5px;line-height: 18px;margin-bottom: 10px;}
.selecter .selecter-element { *left: -999999px; height: 100%; left: 0; position: absolute; opacity: 0; width: 100%; z-index: -1;border: solid 1px #c2c2c2;border-radius: 3px; }
.selecter .selecter-element,
.selecter .selecter-element:focus { outline: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-tap-highlight-color: transparent;}
.selecter .selecter-selected { background:#fff url(../img/select_drop.png) no-repeat 95% 16px; border:1px solid #E4E4E4; font-size:11px;color:#303133;cursor: pointer; display: block; margin: 0; overflow: hidden; padding: 9px 10px 6px 12px; position: relative; text-overflow: clip; z-index: 2; height:40px;width:100%;border: solid 1px #c2c2c2;border-radius: 3px;text-transform: uppercase;font-family: 'GothamRoundedBook', 'GothamRoundedBold', 'helvetica neue', helvetica, arial, sans-serif;text-align: left; line-height: 22px;font-weight: 600;letter-spacing: 1px;  }
.selecter .selecter-options { background-color: #fff;border-left:1px solid #E4E4E4; border-right:1px solid #E4E4E4; display: none; left: 0; margin: 0; padding: 0; position: absolute; top: 39px; width: 100%; *width: auto; z-index: 50;border-radius: 3px; }
.selecter .selecter-group { background: #fff; color: #999; display: block; font-size: 11px; padding: 5px 10px 4px; text-transform: uppercase; }
.selecter .selecter-item { background: #fff; cursor: pointer; display: block; color: #303133; font-size:11px;margin: 0; padding: 12px 14px; text-overflow: ellipsis; width: 100%;text-transform: uppercase;font-family: 'GothamRoundedBook', 'GothamRoundedBold', 'helvetica neue', helvetica, arial, sans-serif;text-align: left;font-weight: 600;letter-spacing: 1px; }
.selecter .selecter-item:hover { color:#2996cc;}
.selecter .selecter-item.placeholder { display: none; }
.selecter .selecter-item.disabled { color: #999; cursor: default; }
.selecter .selecter-item:first-child { border-radius: 0; }
.selecter .selecter-item:last-child { border-radius: 0 0 2px 2px; border-bottom: 0; }
.selecter.open { z-index: 999; }
.selecter.open .selecter-selected { border-radius: 3px 3px 0 0; z-index: 51; }
.popular_content, .item.item_vid.image_content_2 {
    min-height: 175px;
}
.popular_content .profile_infos .judge-profile {
    min-height: 120px;
    margin-top: -10px;
}
.popular_talent {
    min-height: 150px;
}
.popular_talent.judge-profile h1 a {
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
    margin-left: 110px;
    color: #2996cc;
    font-family: 'GothamRoundedBold', 'helvetica neue', helvetica, arial, sans-serif;
}
.popular_talent.judge-profile h3 {
    font-size: 12px;
    width: 60%;
    max-width: 46%;
    font-weight: 700;
    margin-left: 110px;
    text-transform: uppercase;
    margin-top: 6px;
}
.popular_talent.judge-profile .profile-image {
    width: 100px;
    height: 100px;
}
.popular_talent.judge-profile .inf_co-sign p {
    font-size: 11px;
    width: 60%;
    font-weight: 300;
    margin-left: 110px;
    text-transform: uppercase;
    margin-top: 6px;
    margin-bottom: 5px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e4eaef;
}
.popular_talent.judge-profile .inf_co-sign span {
    text-transform: uppercase;
    font-weight: 700;
    color: #2996cc;
}
.popular_talent.judge-profile .info_box_1 {
    margin-left: 90px;
}
.popular_talent.judge-profile .follow_btn {
    margin: 30px 0 20px 25px;
    right: 50px;
    top: 0;
}
.img_upload {
    font-size: 70px;
    color: #2996cc;
    top: 20px;
    right: 46%;
    position: absolute;
}
/* show upload progress with bars */
.progress-bar-area {
    margin: 0 auto;
    position: absolute;
    width: 30%;
    left: 35%;
    top: 160px;

}
.progress {
    display: none;
    position: relative;
    width: 100%;
    height: 20px;
    background: rgba(26, 188, 156,0.7);
    overflow: hidden;
    margin-top: 20px;
}
.bar {
    position: absolute;
    top: 0; left: 0;
    width: 0;
    height: 50px;
    background: #17a68a;
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 18px;
    line-height: 20px;
    font-family: 'GothamRoundedBook', 'helvetica neue', helvetica, arial, sans-serif;
}
.bar.red { background: #e74c3c; }

.upload_error{
    background: #c0392b;
    color: #FFFFFF;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 18px;
    width: 100%;
    margin-top: 20px;
}
.collection.nominees .inner h2 {
    font-size: 22px;
}
.collection.nominees .inner {
    padding: 0px 20px;
}
.upload_collection {
    margin-left: 20px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    color: #0b7bb3;
    text-decoration: underline;
    font-family: 'GothamRoundedBook', 'helvetica neue', helvetica, arial, sans-serif;
}
.preview-inner {
    background-color: rgba(245, 245, 245, 0.5);
    border: solid 1px rgba(245, 245, 245, 0.5);
    border-radius: 3px;
    display: block;
    overflow: hidden;
    padding-bottom: 30.2%;
}
.submit-inner.winners .inner {
    padding: 20px;
    margin-bottom: 40px;
}
.btn-delete {
    background-color: #e74c3c !important;
    border: solid 1px #e74c3c !important;
}
.edit_title {
    float: left;
    width: 100%;
    padding-bottom: 10px;
    padding-top: 10px;
}
h1.edit_profile_image {
    color: #2996cc;
    text-transform: uppercase;
    margin-left: 130px; 
    font-size: 14px;
}
h3.edit_profile_image {
    margin-left: 130px; 
    font-size: 12px !important;
}
.upload {
    margin-left: 130px; 
}
.upload .btn_profile_remove {
    width: 140px;
    background-color: #ff503f;
    padding: 8px 5px;
    color: white;
    border-radius: 3px;
    font-size: 11px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    font-weight: 700;
    display: inline-block;
    margin: 16px 5px 20px 0;
    border: solid 1px #ff503f;
}
.upload .btn_profile_upload {
    width: 140px;
    background-color: #2996cc;
    padding: 8px 5px;
    color: white;
    border-radius: 3px;
    font-size: 11px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    font-weight: 700;
    display: inline-block;
    border: solid 1px #2996cc;
}
.edit-profile-box {
    min-height: 160px;
}
.input_profile {
    width: 70%;
    float: left;
    padding-right: 30px;
    margin-top: -20px;
}
.input_profile input {
    width: 100%;
    padding: 9px 22px 7px 12px;
    font-size: 11px;
    line-height: 18px;
    outline: 0;
    box-shadow: none;
    border: solid 1px #c2c2c2;
    border-radius: 3px;
    margin-bottom: 10px;
    margin-top: 5px;
    letter-spacing: 1px;
}
.selCt3 {
    width: 100%;
}
.error-page {
    width: 100%;
    max-width: 702px;
    margin: 0 auto;
}
.error-page img {
    width: 200px;
    padding-top: 50px;
    margin: 0 33%;
}
.error-page h2 {
    text-align: center;
}
.error-page h2 a {
    color: white;
}
#settings .error_msg {
    color: #e85647;
    font-size: 11px;
    text-transform: uppercase;
    font-family: 'GothamRoundedBold', 'helvetica neue', helvetica, arial, sans-serif;
}
.login-form.setting-form form input {
    text-transform: uppercase;
}
.img-no-video {
    width: 200px;
    margin: 0 21%;
}
.t_light_box {text-align: center;background:url(../img/popup_bg.png) repeat;height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 99999;}
.t_light_box:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em; }
.box_hold {display: inline-block;vertical-align: middle;padding: 18px;width: 960px;background: url(../img/pat4.png) repeat;overflow: hidden;-webkit-border-radius: 5px;border-radius: 5px;-moz-border-radius: 5px;text-align: left;position: absolute;left: 50%;top: 315px;margin-left: -478px;}
.box_hold_new {width: 550px;background: #fff;overflow: hidden;text-align: left;position: absolute;left: 50%;top: 50%;margin-left: -275px; margin-top:-275px; }
.boxLoginIn {width: 550px;background: #fff;overflow: hidden;text-align: left; position:relative; text-transform:lowercase; margin:25px auto;}
.close { position:absolute; right:10px; top:10px;}
.t_box_in { display:block;}
.tbox_up { display:block; padding:0 0 15px;}
.tbox_up h1 { margin:0 0 15px 0; color:#5ba2c6!important; font-size:34px; letter-spacing:0; text-align:center;}
.tbox_up label {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 10px;
    padding-left: 5px;
    color: #303133;
}
.tbox_up textarea {
    width: 100%;
    margin-top: 10px;
    background: #f9f9f9;
    border-radius: 3px;
    padding: 15px;
    height: 120px;
    font-size: 14px;
}
.tbox_up input {
    width: 100%;
    padding: 9px 22px 7px 12px;
    font-size: 11px;
    line-height: 18px;
    outline: 0;
    box-shadow: none;
    border: solid 1px #c2c2c2;
    border-radius: 3px;
    margin-bottom: 10px;
    text-transform: uppercase;
    margin-top: 5px;
    letter-spacing: 1px;
}
#email_validation {
    display: none;
}
.tbox_up .t_inputs {
    text-align: left;
}
/* -------------------------------- 
xpopup 
-------------------------------- */
.cd-popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 99999;
  background-color: rgba(4, 4, 4, 0.48);
  background-image: -webkit-linear-gradient(left top,left bottom,rgba(0, 0, 0, 0.19),rgba(4, 4, 4, 0.48));
  background-image: -webkit-gradient(linear, left bottom, right top, from(rgba(0, 0, 0, 0.19)), to(rgba(4, 4, 4, 0.48)));
  /*background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(70,113,251,0.3)),to(rgba(34,73,200,0.9)));*/
  background-image: -moz-linear-gradient(left top,left bottom,rgba(0, 0, 0, 0.19),rgba(4, 4, 4, 0.48));
  background-image: -ms-linear-gradient(left top,left bottom,rgba(0, 0, 0, 0.19),rgba(4, 4, 4, 0.48));
  background-image: -o-linear-gradient(left top,left bottom,rgba(0, 0, 0, 0.19),rgba(4, 4, 4, 0.48));
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s cubic-bezier(0.645,0.045,0.355,1);
  -moz-transition: all .3s cubic-bezier(0.645,0.045,0.355,1);
  -o-transition: all .3s cubic-bezier(0.645,0.045,0.355,1);
  transition: all .3s cubic-bezier(0.645,0.045,0.355,1);
}
.cd-popup.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container .login-form {
    padding: 50px 0; 
}
.cd-popup-container .login-form h6,.cd-popup-container .login-form h6 a,.cd-popup-container .login-form h6 a:hover {
    color: #303133;
}
.cd-popup-container {
  position: relative;
  width: 90%;
  max-width: 610px;
  margin: 4em auto;
  background: #FFF;
  border-radius: .25em .25em .4em .4em;
  text-align: center;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(40px);
  -moz-transform: translateY(40px);
  -ms-transform: translateY(40px);
  -o-transform: translateY(40px);
  transform: translateY(40px);
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.cd-popup-container p {
  padding: 3em 1em;
}
.cd-popup-container .cd-buttons:after {
  content: "";
  display: table;
  clear: both;
}
.cd-popup-container .cd-buttons li {
  float: left;
  width: 50%;
  list-style: none;
}
.cd-popup-container .cd-buttons a {
  display: block;
  height: 60px;
  line-height: 60px;
  text-transform: uppercase;
  color: #FFF;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.cd-popup-container .cd-buttons li:first-child a {
  background: #fc7169;
  border-radius: 0 0 0 .25em;
}
.no-touch .cd-popup-container .cd-buttons li:first-child a:hover {
  background-color: #fc8982;
}
.cd-popup-container .cd-buttons li:last-child a {
  background: #b6bece;
  border-radius: 0 0 .25em 0;
}
.no-touch .cd-popup-container .cd-buttons li:last-child a:hover {
  background-color: #c5ccd8;
}
.cd-popup-container .cd-popup-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 30px;
  height: 30px;
}
.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {
  content: '';
  position: absolute;
  top: 12px;
  width: 14px;
  height: 3px;
  background-color: #8f9cb5;
}
.cd-popup-container .cd-popup-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}
.cd-popup-container .cd-popup-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 8px;
}
.is-visible .cd-popup-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.follow_btn.followed {
    background-color: #077CB1;
    border: 1px solid #077CB1;
}
.follow_btn_profile.followed {
    background-color: #077CB1;
    border: 1px solid #077CB1;
}
.to_hide{
    display: none;
}
.social_img {
    margin-left: -5px !important;
    margin-right: 5px !important;
}
.social_profil {
    padding-right: 0px;
}
.edit_profile_social {
    color: #2996cc;
    text-transform: uppercase;
    margin-left: 10px;
    margin-bottom: 20px;
    font-size: 14px;
}
.edit_profile_infos {
    color: #2996cc;
    text-transform: uppercase;
    margin-left: 30px;
    padding-top: 30px;
    margin-bottom: 20px;
    font-size: 14px;
}
.selct_listn3 .selecter {
    width: 92%;
}
.updated_infos input {
    width: 92%;
    padding: 9px 22px 7px 12px;
    font-size: 11px;
    line-height: 18px;
    outline: 0;
    box-shadow: none;
    border: solid 1px #c2c2c2;
    border-radius: 3px;
    margin-bottom: 10px;
    margin-top: 5px;
    letter-spacing: 1px;
}
.updated_infos input:disabled {
    background-color: #f8f8f8;
    border: solid 1px #f8f8f8;
}
.following_profiles .inf_co-sign p {
    font-size: 12px;
    width: 60%;
    font-family: 'GothamRoundedBook', 'GothamRoundedBold', 'helvetica neue', helvetica, arial, sans-serif;
    color: #303133;
    font-weight: 700 !important;
    margin-left: 110px;
    text-transform: uppercase;
    margin-top: 6px;
}
.following_pro {
    padding-top: 0px;
}
.following_pro h5 {
    padding-bottom: 0px;
}
.wrap-discover {
    padding-bottom: 300px;  
}
.no-video-found h2 {
    text-align: center;
    margin: 0 auto;
    display: block !important;
    margin-top: 20px;
}
.no-video-found {
    min-height: 400px;
}
.no-video-found .img_vid_no {
    margin: 0 auto;
    padding-top: 120px;
    text-align: center;
}
.welcome-wrap-advertise {
    background-image: url(../img/banner3.png);
    padding-bottom: 275px;
}
.welcome-wrap-advertise .welcome h1.one {
    margin-top: 80px;
}
.welcome-wrap-advertise .welcome h1.two {
    text-transform: none;
    font-size: 20px;
    line-height: 25px;
}
.welcome-wrap-aboutus {
    background-image: url(../img/banner2.png);
    padding-bottom: 625px;
}
.welcome-wrap-aboutus .welcome h1.one {
    margin-top: 60px;
    text-align: left;
    padding-left: 60px;
}
.welcome-wrap-aboutus .welcome h1.two {
    text-transform: none;
    font-size: 16px;
    line-height: 22px;
    text-align: left;
    padding-left: 60px;
    width: 60%;
}
.about-mydiveo .save_box3 {
    width: 50%;
    margin: 0 auto;
    padding: 10px 0 0;
    float: right;
}
#my_diveo_press {
    text-align: left;
    padding-left: 60px;
}
#abt_music_connection {
    width: 110px;
    top: 0;
    left: 270px;
    position: absolute;
}
#abt_forbes {
    width: 164px;
    top: 0;
    left: 410px;
    position: absolute;
}
#abt_losangelestimes {
    width: 184px;
    top: 0;
    left: 590px;
    position: absolute;
}
#abt_diveo_press a {
    padding:0;
    background-color: transparent;
    border: solid 0px;
}
.t_c_gen {
    text-align: left;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    color: #333;
    padding: 23px 30px 17px;
    border-bottom: 5px solid #094d70;
    margin-bottom: 20px;
    background: #fafafa;
}
.t_c_rit_in {
    display: block;
    width: 70%;
}
.t_c_rit_in h3 {
    font-size: 18px !important;
    color: #333;
    margin: 0 0 0px;
    display: inline-block;
    width: 100%;
}
.t_c_rit_in p {
    font-size: 12px;
    color: #333;
    margin: 0;
    display: inline-block;
    width: 100%;
}
.t_c_suport {
    text-align: left;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    color: #333;
    padding: 23px 30px 17px;
    border-bottom: 5px solid #C73232;
    margin-bottom: 20px;
    background: #fafafa;
}
.t_c_agent {
    text-align: left;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    color: #333;
    padding: 23px 30px 17px;
    border-bottom: 5px solid #999999;
    margin-bottom: 20px;
    background: #fafafa;
}
.about-mydiveo .t_adv_rit h3 {
    font-size: 24px;
    color: #0b7bb3;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 30px;
}
.img_news .spotlight-image {
    height: 284px;
    width: 100%;
    z-index: 20;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
}
#closebt-container {
    position: relative;
    width:100%;
    text-align:center;
    margin-top:40px;
}
.closebt {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    cursor:pointer;
}
.closebt:hover {
    transform:rotate(90deg);
}
#item > p  {
    margin:0px;
    color:#E74B3D;
}
#modal-container {
    margin: 0 auto;
    text-align: center;
    padding-top: 20px;
}
#modal-container iframe {
    width:850px!important; 
    height:530px!important;
}
.signup-wrap-welcome {
    margin: -47px 0 0px;
    border-bottom: 0px solid;
}
.sign-up-page .signup-form {
    padding-top: 240px;
}
.sign-up-page .welcome {
    height: auto !important;
}
.tagedit-list {
    width: 100% !important;
    padding: 0px 22px 9px 12px !important;
    font-size: 11px !important;
    line-height: 18px;
    outline: 0;
    box-shadow: none;
    border: solid 1px #c2c2c2 !important;
    border-radius: 3px;
    margin-bottom: 10px !important;
    margin-top: 5px !important;
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: white;
}
.tagedit-list li.tagedit-listelement-old {
    padding: 5px 0 5px 13px !important;
    border-radius: 4px 4px 4px 4px !important;

}
.tagedit-list li.tagedit-listelement {
    /*margin: 5px 5px 5px 0 !important;*/
}
.tagedit-list li.tagedit-listelement-old a.tagedit-close {
    background: url("../img/cross.png") no-repeat scroll center center / 10px auto #DEE7F8 !important;
    border-radius: 0px !important;
}
.welcome-discover {
    position: relative;
    overflow: visible;
}
.login-form .right {
    float: left;
    width: 45%;
    margin: 0 auto;
    position: relative;
}
.login-form .left {
    float: left;
    width: 55%;
}
.login-form .left form {
    max-width: 428px;
    margin: 0 auto;
}
@media screen and (max-width: 700px) {
    .login-form .left, .login-form .right {
        width: 100%
    }
}
.video_signup a img {
    width: 100%;
    margin-top: 140px;
    margin-left: -50px;
}
.video_signup .description {
    color: white;
    width: 97%;
    margin-top: 30px;
    margin-left: -20px;
}
.signup-h3 {
    text-align: center;
    color: white;
    margin-top: -20px;
    margin-bottom: 40px;
}
.img-success {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.popup-profile.popular_talent .profile-image {
    width: 70px;
    height: 70px;
    left: 40px;
}
.popup-profile.popular_talent.judge-profile h1 a {
    font-size: 14px;
    margin-left: 100px;
}
.popup-profile.popular_talent {
    min-height: 80px;
}
.h5_artist {
    padding: 40px;
}
.h2_diveos {
    margin-top: 20px;
    padding-bottom: 20px;
}
.winners .inner .item12.videos_popup {
    padding-left: 0px;
}
.winners .inner .item12.videos_popup .item .image {
    width: 90%;
    margin-left: 10%;
    height: 0;
    padding-bottom: 49.2%;
}
.winners .inner .item12.videos_popup .item_vid.image_content_2 {
    width: 35%;
}
.item12.videos_popup .featured_content .profile_content {
    width: 64%;
}
.item12.videos_popup .popular_content, .item12.videos_popup .item.item_vid.image_content_2 {
    min-height: 115px;
}
.item12.videos_popup .clip-info-2 .title {
    font-size: 14px;
    margin-left: 0px;
}
.item12.videos_popup .clip-info-2 .client {
    font-size: 10px;
}
.search-container .search-results .item13.artist_popup .load_more {
    width: 70%;
    margin-top: 30px;
    background: transparent;
    font-size: 11px;
    color: #fff;
    padding: 10px 15px;
    border-radius: 3px;
    font-weight: 600
}
.search-container .search-results .item13.artist_popup .load_more:hover {
    background: transparent;
}
.h5_load_more {
    float: right;
    text-transform: uppercase;
    margin-top: 25px;
    font-size: 11px;
    margin-right: 10%;
    color: #2996cc;
}
.h5_load_more:hover {
    text-decoration: underline;
    cursor: pointer;
}
.h5_load_more span {
    color: #2996cc;
}
.box_tags_filter ul.tagedit-list {
    overflow: hidden;
}
.box_tags_filter ul.tagedit-list li.tagedit-listelement-old {
    margin-top: 6px !important;
}
.stubhub_img {
    display: block;
    margin: 0 auto;
}
.share_no {
    font-size: 11px;
    text-transform: uppercase;
    line-height: 30px;
}
.like_popup .cd-popup-container {
    background: url('../img/bg_like_popup.png');
    background-repeat: repeat-x;
    background-position: bottom left;
    background-color: #fff;
}
.like_popup .cd-popup-container .login_btn {
    margin-bottom: 0px;
}
.like_popup .cd-popup-container .login-form h2 {
    margin-bottom: 14px;
}
.like_popup .cd-popup-container .tbox_up {
    padding-bottom: 0px;
}
.like_popup .cd-popup-container .login-form {
    padding: 40px 50px;
}
.short-text {
    overflow: hidden;
    height: 3em;
}
.text-content{
    line-height: 1em;
}
.full-text{
    height: auto;
}
h6.signup-login {
    display: none;
}
.show-more {
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;
    border-top: 1px solid #e6e9ea;
    margin: 12px 30px 0;
    padding-top: 10px;
}
.show-more a {
    color: #7685a6;
}
.show-more a:hover {
    color: #222;
}
#messageSent {
    text-align: center;
    text-transform: uppercase;
    /*background: rgb(26, 188, 156);*/
    /*color: white;*/
    /*font-size: 14px;*/
    /*border-radius: 4px;*/
    /*padding: 15px;*/
    /*margin: -25px 20px 20px;*/
}
.right-box-contest, .left-box-contest {
    width: 50%;
    float: left;
}
.right-box-contest {
    padding: 50px;
}
.error-login .error {
    padding: 20px;
    color: white !important;
    text-transform: none;
}
.text-center {
    text-align: center !important;
}
.welcome-wrap-contest .welcome h3 {
    margin-top: 70px;
}
.description-edit {
    font-weight: 300;
    font-size: 12px;
    padding: 10px 0;
    line-height: 14;
}
.clip-info-edit {
    padding-right: 8px;
}
.field-wrap .tags_field .tagedit-list li.tagedit-listelement-old {
    margin-top: 6px;
}
.uploaded-img .profile-image {
    width: 250px;
    height: 120px;
    display: block;
    position: absolute;
    top: 22px;
    right: 35%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center
}
.submit-form .submit-inner .clip-drop.thumbnails-imgs {
    width: 100%;
    padding-right: 0px;
    height: 0;
    position: relative;
    text-align: center;
    margin-bottom: 280px;
    float: none
}
.submit-form .submit-inner .clip-drop.thumbnails-imgs .inner {
    padding-bottom: 0%;
    background-color: transparent;
    border: none;
}
.thumbnails-imgs .image {
    width: 18%;
    height: 0;
    padding-bottom: 13.5%;
    border: none;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    position: relative;
    border-radius: 3px;
    margin: 10px 5px;
    float: left;
    cursor: pointer;
}
.submit-form .submit-inner .clip-drop.thumbnails-imgs .sub-text {
    position: relative;
    top: 5px
}
.submit-form .submit-inner .clip-drop.thumbnails-imgs .button-wrap {
    position: relative;
    margin: 0 auto !important;
    left: 0;
    top: 10px
}
.thumbnails-imgs .image.active-img {
    border: 3px solid #2980b9;
    padding-bottom: 13%;
}
.thumbnails-imgs .image.chosen {
    border: 3px solid #2980b9;
    padding-bottom: 13%;
}
.sub-text-2 {
    font-weight: 400;
    color: #85868a;
    font-size: 13px;
    width: 100%;
    text-align: center;
    width: 80%;
    margin: 30px auto;
}
.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 13px;
    width: 92%;
    margin-bottom: 20px;
}
.alert-danger strong {
    color: #a94442;
}
.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 13px;
    width: 92%;
    margin-bottom: 20px;
}
.alert-warning strong {
    color: #8a6d3b;
}
.full-width {
    width: 100%;
}
/***  SLider Homepage  ***/
.device-2 {
  width: 100%;
  height: 360px;
  margin: -47px auto 0;
  position: relative;
}
.item1 {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../img/home_background_01.jpg) center center no-repeat;
}
.item2 {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../img/home_background_03.jpg) center center no-repeat;
}
.item3 {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../img/home_background_02.jpg) center center no-repeat;
}
.swiper-container {
  width: 100%;
  height: 600px;
}
.content-slide {
  padding: 20px;
  color: #fff;
  display: none;
}
.swiper-slide-active .content-slide {
  display: block;
}
.title {
  font-size: 25px;
  margin-bottom: 10px;
}
.pagination {
  position: absolute;
  left: 0;
  z-index: 20;
  text-align: center;
  bottom: 25px;
  width: 100%;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #f6f6f6;
  margin: 0 8px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #0064B3;
}
.content-slide .slogan {
    text-align: center;
    line-height: 30px;
    letter-spacing: 2px;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    color: #ffffff;
    font-family: "Lato",sans-serif;
    font-weight: 300;
    padding-top: 90px;
}
.content-slide .slogan span {
    font-weight: 500;
    letter-spacing: 5px;
    line-height: 70px;
}
/********************/
.content-slide a.more-button {
    padding: 5px 10px;
    width: 150px;
    background-color: #e74c3c;
    color: white;
    border-radius: 2px;
    text-align: center;
    line-height: 28px;
    height: 40px;
    font-family: "Lato",sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    display: inline-block;
    margin-left: 7%;
    border: solid 1px #e74c3c
}
.content-slide h2.slogan {
    font-family: "Montserrat",sans-serif;
    font-size: 32px;
    text-align: left;
    letter-spacing: normal;
    font-weight: 400;
    margin-left: 7%;
    padding-bottom: 30px;
}
.content-slide h2.slogan span {
    font-family: "Lato",sans-serif;
    font-size: 20px;
    text-align: left;
    line-height: 20px;
    letter-spacing: normal;
    font-weight: 400;
    color: #fff;
}
.most_recent_bloc {
    padding-bottom: 60px;
}
.outstream-ad {
    max-width: 640px;
    max-height: 420px;
    margin: 0 auto;
    padding-top: 20px;
}
.clearout {
height:20px;
clear:both;
}

#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
display:none;
}

.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:99999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}

.nbs-flexisel-inner {
    overflow: hidden;
    width:100%;
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
}
.nbs-flexisel-item img {
    max-width: 100%;
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
}
.nominees .inner .nbs-flexisel-item .item {
    width: 100%;
}
.nominees .inner .nbs-flexisel-item .item .clip-info .title {
    text-align: left;
}
.nominees .inner .nbs-flexisel-item .item .clip-info .client {
    text-align: left;
}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right,
.slick-slider .slick-prev,
.slick-slider .slick-next {
    position: absolute;
    top: 50%;
    width: 2rem;
    opacity: .6;
    height: 2rem;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 2rem 2rem;
    -webkit-background-size: 2rem 2rem;
    background-size: 2rem 2rem;
    background-position: center;
    background-repeat: no-repeat;     
}

.nbs-flexisel-nav-left:hover,
.nbs-flexisel-nav-right:hover,
.slick-slider .slick-prev:hover,
.slick-slider .slick-next:hover {
    opacity: 1;    
}

.nbs-flexisel-nav-left, .slick-slider .slick-prev {
    background-image: url('data:image/svg+xml;charset=utf-8,<svg width="18" height="32" viewBox="0 0 18 32" xmlns="http://www.w3.org/2000/svg"><path d="M12.88 16L.44 3.56c-.586-.586-.586-1.535 0-2.12l1-1c.585-.587 1.535-.587 2.12 0l13.854 14.145c.78.782.78 2.048 0 2.83L3.56 31.56c-.585.587-1.535.587-2.12 0l-1-1c-.586-.585-.586-1.535 0-2.12L12.88 16z"></path></svg>');
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    left: -25px;
    right: auto;
}

.nbs-flexisel-nav-left.disabled, .slick-slider .slick-prev.slick-disabled, .nbs-flexisel-nav-left.slick-disabled {
    opacity: 0.3;
    cursor: auto;
    pointer-events: none;
}

.nbs-flexisel-nav-right, .slick-slider .slick-next {
    background-image: url('data:image/svg+xml;charset=utf-8,<svg width="18" height="32" viewBox="0 0 18 32" xmlns="http://www.w3.org/2000/svg"><path d="M12.88 16L.44 3.56c-.586-.586-.586-1.535 0-2.12l1-1c.585-.587 1.535-.587 2.12 0l13.854 14.145c.78.782.78 2.048 0 2.83L3.56 31.56c-.585.587-1.535.587-2.12 0l-1-1c-.586-.585-.586-1.535 0-2.12L12.88 16z"></path></svg>');
    right: -25px;
    left: auto;   
}

.nbs-flexisel-nav-right.disabled, .slick-slider .slick-next.slick-disabled, .nbs-flexisel-nav-right.slick-disabled {
    opacity: 0.3;
    cursor: auto;
    pointer-events: none;
}
.only_mobile {
    display: none !important;
}
.mobile-menu .inner .signin_button {
    cursor: pointer;
    padding: 20px;
    position: absolute;
    top: 22px;
    right: 18px;
}
.mobile-menu .inner .signin_button .circle span {
    color: #fff;
    font-size: 22px;
}
.mobile-menu.active .inner ul li a {
    font-family: 'GothamRoundedBook', sans-serif;
}
.nominees .inner .slick-slider .item {
    width: 100% !important;
}
.nominees .inner .slick-slider img.image {
    width: 100%;
    height: auto;
    border-radius: 3px
}
.comment_bloc.separator_div h5 {
    font-size: 16px;
} 
.comment_bloc.separator_div .new_comment {
    width: 100%;
    margin: auto;
}
.comment_bloc.separator_div .new_comment .image {
    width: 20%;
    float: left;
}
.comment_bloc.separator_div .new_comment form.new_comment_form {
    width: 80%;
    float: left;
    position: relative;
    padding-right: 6%;
}
.comment_bloc.separator_div .new_comment form.new_comment_form textarea {
    font-family: 'GothamRoundedBook', 'helvetica neue', helvetica, arial, sans-serif;
    margin-top: 10px;
    padding: 0 5px;
    font-size: 13px;
    width: 100%;
}
.comment_bloc.separator_div .new_comment form.new_comment_form a {
    padding: 10px 20px;
    position: relative;
    z-index: 20;
    width: 180px;
    background-color: #2996cc;
    color: white;
    border-radius: 3px;
    font-size: 11px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    font-weight: 700;
    float: right;
    display: inline-block;
    margin: 16px 0 20px 25px;
    border: solid 1px #2996cc;
}
.comment_bloc.separator_div .new_comment .profile-image {
    width: 80px;
    height: 80px;
    z-index: 20;
    border-radius: 50%;
    position: relative;
    margin: 0 0 0 40px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
} 
.comment_bloc.separator_div .new_comment h3.new_comment_name {
    font-size: 16px;
    font-weight: 400;
    color: #2996cc;
    font-family: 'GothamRoundedBook', 'helvetica neue', helvetica, arial, sans-serif;
}
.fb-comments.fb_iframe_widget iframe {
    width: 100% !important;
    padding: 0 20px;
}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
  min-width: 100% !important;
  width: 100% !important;
}
.fb_iframe_widget{overflow: hidden;}
.fb_ltr{margin-bottom: -20px;}
.content-wrap .right_wrap {
    margin: -47px 0 0;
}
.homepage_bloc_1 .thumbnail {
    width: 100%;
    height: 0;
    padding-bottom: 47.5%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    position: relative;
    border-radius: 3px;
}
.homepage_bloc_1 .thumbnail.small-thumb {
    width: 100%;
    height: 0;
    padding-bottom: 96.8%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    position: relative;
    border-radius: 3px;
}
.homepage_bloc_1 .post-content {
    background: none repeat scroll 0 0 rgba(25, 182, 197, 0.8);
    border-bottom: 4px solid rgba(37, 44, 52, 0.8);
    opacity: 1;
    margin: 0 auto;
    display: block;
    padding: 10px 25px;
    min-height: 100px;
    max-height: 100px;
    width: 80%;
    bottom: 8%;
    left: 6%;
    position: absolute;  
}
.homepage_bloc_1 .small-thumb .post-content {
    min-height: 100px;
}
.homepage_bloc_1 .post-content h3 {
    margin-top: 6px;
    color: #fff;
    font-size: 17px;
    /*letter-spacing: 0.5px;*/
    font-weight: 700 !important;
    line-height: 22px;
    text-align: left;
    font-family: "Montserrat", sans-serif;
    /*overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; */
}
.homepage_bloc_1 .col3 {
    float: left;
    width: 25%;
    padding: 5px;
}
.homepage_bloc_1 .col6 {
    float: left;
    width: 50%;
    padding: 5px;
}
.homepage_bloc_1.nominees .inner {
    padding: 20px 20px 0px !important;
}
.inner.clearfix.separator_b {
    padding-top: 0px !important;
}
.thumbnail {
    margin:0 auto;
    text-align:center;
}
.wrapper {
    text-align:center;
}
.homepage_bloc_1 .display-mobile {
    display: none;
}
/*--------------
    Comments
---------------*/

.ui.comments {
  margin: 1.5em 0em;
  max-width: 650px;
}

.ui.comments:first-child {
  margin-top: 0em;
}

.ui.comments:last-child {
  margin-bottom: 0em;
}

/*--------------
     Comment
---------------*/

.ui.comments .comment {
  position: relative;
  background: none;
  margin: 0.5em 0em 0em;
  padding: 0.5em 0em 0em;
  border: none;
  border-top: none;
  line-height: 1.2;
}

.ui.comments .comment:first-child {
  margin-top: 0em;
  padding-top: 0em;
}

/*--------------------
    Nested Comments
---------------------*/

.ui.comments .comment .comments {
  margin: 0em 0em 0.5em 0.5em;
  padding: 1em 0em 1em 1em;
}

.ui.comments .comment .comments:before {
  position: absolute;
  top: 0px;
  left: 0px;
}

.ui.comments .comment .comments .comment {
  border: none;
  border-top: none;
  background: none;
}

/*--------------
     Avatar
---------------*/

.ui.comments .comment .avatar {
  display: block;
  width: 2.5em;
  height: auto;
  float: left;
  margin: 0.2em 0em 0em;
}

.ui.comments .comment img.avatar,
.ui.comments .comment .avatar img {
  display: block;
  margin: 0em auto;
  width: 100%;
  height: 100%;
  border-radius: 0.25rem;
}

/*--------------
     Content
---------------*/

.ui.comments .comment > .content {
  display: block;
}

/* If there is an avatar move content over */

.ui.comments .comment > .avatar ~ .content {
  margin-left: 3.5em;
}

/*--------------
     Author
---------------*/

.ui.comments .comment .author {
  font-size: 1em;
  color: rgba(0, 0, 0, 0.87);
  font-weight: bold;
}

.ui.comments .comment a.author {
  cursor: pointer;
}

.ui.comments .comment a.author:hover {
  color: #1e70bf;
}

/*--------------
     Metadata
---------------*/

.ui.comments .comment .metadata {
  display: inline-block;
  margin-left: 0.5em;
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.875em;
}

.ui.comments .comment .metadata > * {
  display: inline-block;
  margin: 0em 0.5em 0em 0em;
}

.ui.comments .comment .metadata > :last-child {
  margin-right: 0em;
}

/*--------------------
     Comment Text
---------------------*/

.ui.comments .comment .text {
  margin: 0.25em 0em 0.5em;
  font-size: 1em;
  word-wrap: break-word;
  color: rgba(0, 0, 0, 0.87);
  line-height: 1.3;
}

/*--------------------
     User Actions
---------------------*/

.ui.comments .comment .actions {
  font-size: 0.875em;
}

.ui.comments .comment .actions a {
  cursor: pointer;
  display: inline-block;
  margin: 0em 0.75em 0em 0em;
  color: rgba(0, 0, 0, 0.4);
}

.ui.comments .comment .actions a:last-child {
  margin-right: 0em;
}

.ui.comments .comment .actions a.active,
.ui.comments .comment .actions a:hover {
  color: rgba(0, 0, 0, 0.8);
}

/*--------------------
      Reply Form
---------------------*/

.ui.comments > .reply.form {
  margin-top: 1em;
}

.ui.comments .comment .reply.form {
  width: 100%;
  margin-top: 1em;
}

.ui.comments .reply.form textarea {
  font-size: 1em;
  height: 12em;
}

/*******************************
            State
*******************************/

.ui.collapsed.comments,
.ui.comments .collapsed.comments,
.ui.comments .collapsed.comment {
  display: none;
}

/*******************************
           Variations
*******************************/

/*--------------------
        Threaded
---------------------*/

.ui.threaded.comments .comment .comments {
  margin: -1.5em 0 -1em 1.25em;
  padding: 3em 0em 2em 2.25em;
  box-shadow: -1px 0px 0px rgba(34, 36, 38, 0.15);
}

/*--------------------
        Minimal
---------------------*/

.ui.minimal.comments .comment .actions {
  opacity: 0;
  position: absolute;
  top: 0px;
  right: 0px;
  left: auto;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.ui.minimal.comments .comment > .content:hover > .actions {
  opacity: 1;
}

/*-------------------
        Sizes
--------------------*/

.ui.mini.comments {
  font-size: 0.78571429rem;
}

.ui.tiny.comments {
  font-size: 0.85714286rem;
}

.ui.small.comments {
  font-size: 0.9em;
}

.ui.comments {
  font-size: 1em;
}

.ui.large.comments {
  font-size: 1.1em;
}

.ui.big.comments {
  font-size: 1.28571429rem;
}

.ui.huge.comments {
  font-size: 1.2em;
}

.ui.massive.comments {
  font-size: 1.71428571rem;
}

/* All Sizes */

.ui.container {
  display: block;
  max-width: 100% !important;
}

/* Mobile */

@media only screen and (max-width: 767px) {
  .ui.container {
    width: auto !important;
    margin-left: 1em !important;
    margin-right: 1em !important;
  }

  .ui.grid.container {
    width: auto !important;
  }

  .ui.relaxed.grid.container {
    width: auto !important;
  }

  .ui.very.relaxed.grid.container {
    width: auto !important;
  }
}

/* Tablet */

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ui.container {
    width: 723px;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .ui.grid.container {
    width: calc( 723px  +  2rem ) !important;
  }

  .ui.relaxed.grid.container {
    width: calc( 723px  +  3rem ) !important;
  }

  .ui.very.relaxed.grid.container {
    width: calc( 723px  +  5rem ) !important;
  }
}

/* Small Monitor */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ui.container {
    width: 933px;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .ui.grid.container {
    width: calc( 933px  +  2rem ) !important;
  }

  .ui.relaxed.grid.container {
    width: calc( 933px  +  3rem ) !important;
  }

  .ui.very.relaxed.grid.container {
    width: calc( 933px  +  5rem ) !important;
  }
}

/* Large Monitor */

@media only screen and (min-width: 1200px) {
  .ui.container {
    width: 1127px;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .ui.grid.container {
    width: calc( 1127px  +  2rem ) !important;
  }

  .ui.relaxed.grid.container {
    width: calc( 1127px  +  3rem ) !important;
  }

  .ui.very.relaxed.grid.container {
    width: calc( 1127px  +  5rem ) !important;
  }
}

/*******************************
             Types
*******************************/

/* Text Container */

.ui.text.container {
  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  max-width: 700px !important;
  line-height: 1.5;
}

.ui.text.container {
  font-size: 1.14285714rem;
}

/* Fluid */

.ui.fluid.container {
  width: 100%;
}

/*******************************
           Variations
*******************************/

.ui[class*="left aligned"].container {
  text-align: left;
}

.ui[class*="center aligned"].container {
  text-align: center;
}

.ui[class*="right aligned"].container {
  text-align: right;
}

.ui.justified.container {
  text-align: justify;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.notification-box{
    color: #fff;
    background: #bdc3c7;
    font-family: "GothamRoundedBold", sans-serif;
    position: relative;
    z-index: 9999;
    display: inline-block;
    right: -10px;
    top: -20px;
    font-size: 11px;
    padding: 3px;
    border-radius: 4px;
}
.notification-box-active {
    background: #e74c3c;
}
.notification-box-menu{
    color: #fff !important;
    background: #bdc3c7;
    font-size: 10px !important;
    font-family: "GothamRoundedBold", sans-serif;
    padding: 3px;
    border-radius: 4px;
    margin-left: 20px;
}
.notification-box-menu-active {
    background: red;
}
.notification-line{
    width: 100%;
    display: block;
    line-height: 24px;
    border-radius: 4px;
    padding: 0px 10px 10px;
}
.notification-line .icon{
    font-size: 30px;
}
.notification-line .icon i{
    position: relative;
    top: 8px;
    color: #0b7bb3;
}
.notifications_ohe {
    float: left;
}
.notifications_ohf {
    float: right;
}
.notifications_42ef span {
    font-size: 13px;
}
.notifications_fwb {
    font-weight: bold;
}
.notifications_12u1 {
    display: block;
    height: 40px;
    margin-right: 15px;
    width: 40px;
}
.notifications_4l_v {
    word-wrap: break-word;
}
.notifications_42ef {
    overflow: hidden;
    text-align: left;
}
.notification-line .text{
    font-size: 16px;
    margin-left: 10px;
    margin-right: 20px;
}
.notifications_10cu {
    height: 16px;
    width: 16px;
    font-size: 13px;
    margin-right: 5px;
}
.notifications_33e:focus, .notifications_33e:hover {
    background-color: #f6f7f9;
    text-decoration: none;
}
.notifications_33e {
    color: #333;
    display: block;
    padding: 10px 27px 10px 8px;
    position: relative;
    padding-right: 30px;
    cursor: pointer;
    text-decoration: none;
}
.notification-line .time{
    color: grey;
    font-size: 12px !important;
}
.notification-line .text span{
    font-weight: 700;
}
.notification-line .unread{
    background: #0b7bb3;
    color: #FFF;
    font-size: 10px;
    font-family: "GothamRoundedBook", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    position: absolute;
    padding: 5px;
    border-radius: 2px;
    right: 10px;
    bottom: 10px;
}
.notifications-box {
    border-bottom: 1px solid #dddfe2;
    overflow: hidden;
    position: relative;
}
.jewelItemNew .notifications_33e {
    background-color: #edf2fa;
    border-color: #c4d2e7;
}
h5.context-h5 {
    color: #fff;
    text-transform: uppercase;
    font-family: Montserrat;
    text-align: left;
    font-size: 12px;
    margin-top: 10px;
}
.feed_element .header_bloc {
    width: 100%;
    padding: 30px 30px 0;
    margin: auto;
    position: relative;
}
.feed_element .header_bloc a {
    color: #337ab7;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
}
.feed_element .header_bloc h1 a {
    font-size: 13px;
    font-weight: 700;
    margin: 0;
    color: #2996cc;
}
.feed_element .header_bloc h1 {
    margin: 0;
}
.feed_element .header_bloc p {
    font-size: 12px;
    font-weight: 400;
}
.feed_element .header_bloc .profile-image {
    width: 60px;
    height: 60px;
    z-index: 20;
    border-radius: 50%;
    top: 20px;
    left: 20px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
}
.video_bloc, .infos_bloc {
    padding: 20px 60px 0px;
}
.video_bloc .image {
    width: 100%;
    height: 0;
    padding-bottom: 56.2%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    position: relative;
    border-radius: 3px;
}
.video_bloc .image .overlay:hover,
.video_bloc .image .overlay.active {
    opacity: 1
}
.video_bloc .image .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    border-radius: 3px;
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.video_bloc .image .overlay .inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /*background-color: #809eff;*/
    background-image: -webkit-gradient(linear, left bottom, right top, from(rgba(0, 0, 0, 0.19)), to(rgba(4, 4, 4, 0.48)));
    background-image: -webkit-linear-gradient(left bottom, right top, rgba(0, 0, 0, 0.19), rgba(4, 4, 4, 0.48));
    background-image: -moz-linear-gradient(left bottom, right top, rgba(0, 0, 0, 0.19), rgba(4, 4, 4, 0.48));
    background-image: -ms-linear-gradient(left bottom, right top, rgba(0, 0, 0, 0.19), rgba(4, 4, 4, 0.48));
    background-image: -o-linear-gradient(left bottom, right top, rgba(0, 0, 0, 0.19), rgba(4, 4, 4, 0.48));
    opacity: .8;
    border-radius: 3px;
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1)
}
.video_bloc .image .overlay h6 {
    width: 100%;
    text-align: center;
    font-weight: 400;
    color: white;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -6px;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 2px;
    -webkit-transform: translate3d(0, 15px, 0);
    -moz-transform: translate3d(0, 15px, 0);
    -ms-transform: translate3d(0, 15px, 0);
    -o-transform: translate3d(0, 15px, 0);
    transform: translate3d(0, 15px, 0);
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.video_bloc .image .overlay img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    margin: -12px 0 0 -15px;
    -webkit-transform: translate3d(0, 15px, 0);
    -moz-transform: translate3d(0, 15px, 0);
    -ms-transform: translate3d(0, 15px, 0);
    -o-transform: translate3d(0, 15px, 0);
    transform: translate3d(0, 15px, 0);
    -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.video_bloc .image .overlay:hover h6,
.video_bloc .image .overlay.active h6,
.video_bloc .image .overlay:hover img,
.video_bloc .image .overlay.active img {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.winners .inner .video_infos h2 {
    font-size: 14px;
    padding-left: 0;
    font-weight: 700;
}
.winners .inner .video_infos p {
    font-size: 11px;
    line-height: 30px; 
    padding-left: 0;
    text-transform: uppercase;
    font-weight: 400;
}
.video_views {
    color: #5f7091;
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 12px;
    text-align: right;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: 'GothamRoundedBold', 'GothamRoundedBook', 'helvetica neue', helvetica, arial, sans-serif;
}
.video_views span {
    color: #5f7091;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    text-align: right;
    margin-bottom: 20px;
}
.video_desc_1 p {
    font-family: 'GothamRoundedLight', 'GothamRoundedBook', 'helvetica neue', helvetica, arial, sans-serif;
    font-size: 12px;
}
.judge-profile .profil_home .profile-image {
    height: 90px;
    width: 90px;
    position: relative;
    top: 0;
    left: 0;
}
.judge-profile .profil_home h1 a {
    margin-left: 0px;
}
.judge-profile .profil_home  h3 {
    margin-left: 0px;
    font-family: 'GothamRoundedLight', 'GothamRoundedBook', 'helvetica neue', helvetica, arial, sans-serif;
    font-size: 12px;
    line-height: 15px;
}
.profil_home_2 .sep {
    border-bottom: 1px solid #e4eaef;
    margin-top:10px;
}
.profil_home_2 .info_box_1 {
    margin-left: 0px;
    width: 32%;
}
.profil_home_2 .info_box_2, .profil_home_2 .info_box_3 {
    width: 32%;
}
.profil_home_2 {
    width: 100%;
    display: block;
    margin: 0 auto;
}
.home_follow_profil .popular_talent.judge-profile .profile-image {
    width: 70px;
    height: 70px;
}
.home_follow_profil .popular_talent.judge-profile h1 a {
    margin-left: 80px;
    font-size: 13px;
    line-height: 9px;
}
.home_follow_profil .popular_talent.judge-profile .inf_co-sign p {
    margin-left: 80px;
    width: 70%;
    font-size: 9px;
    line-height: 9px;
}
.home_follow_profil .popular_talent.judge-profile .info_box_1 {
    margin-bottom: 0px;
    margin-left: 80px;
    font-size: 17px;
    margin-bottom: 0px;
}
.home_follow_profil .info_box_2, .home_follow_profil .info_box_3 {
    font-size: 17px;
    margin-bottom: 0px;
}
.home_follow_profil .info_box_1 span, .home_follow_profil .info_box_2 span, .home_follow_profil .info_box_3 span {
    font-size: 9px;
}
.home_follow_profil .popular_talent {
    min-height: 100px;
}
.error-login #flashMessage {
    color: #fff;
    margin-bottom: 20px;
}
.charts_page h1.top_title {
    text-align: center;
    font-size: 58px;
    font-family: 'Montserrat',sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    padding-top: 50px;
    padding-bottom: 50px;
}

.charts_page h1 {
  padding: 50px 0;
  font-weight: 400;
  text-align: center;
}

.charts_page p {
  margin: 0 0 20px;
  line-height: 1.5;
}

.charts_page main {
  min-width: 320px;
  max-width: 85%;
  margin: 0 auto;
  background: #fff;
}

.social_media_profile.chart_social .followers p {
    color: #5f7091;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 22px;
    font-size: 16px;
    font-family: 'GothamRoundedBook', 'GothamRoundedBold', 'helvetica neue', helvetica, arial, sans-serif;
}

.social_media_profile.chart_social .followers {
    float: left;
}

.social_media_profile.chart_social .followers p span {
    color: #9eabc5;
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 10px;
    display: block;
    text-align: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: 'GothamRoundedBold', 'GothamRoundedBook', 'helvetica neue', helvetica, arial, sans-serif;
}

.social_media_profile.chart_social .icon_social {
    float: left;
    margin-right: 10px;
}

.chart_social.b-border {
    border-right: 1px solid #e4eaef;
    max-height: 35px;
}

.content-wrap .right_wrap.charts_page {
    background-color: #fcfcfc;
}

.position .social_media_profile .followers p {
    color: #5f7091;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 22px;
    font-size: 19px;
    font-family: 'GothamRoundedBook', 'GothamRoundedBold', 'helvetica neue', helvetica, arial, sans-serif;
}

.position .social_media_profile .followers {
    float: left;
}

.position .social_media_profile .followers p span {
    color: #9eabc5;
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 10px;
    display: block;
    text-align: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: 'GothamRoundedBold', 'GothamRoundedBook', 'helvetica neue', helvetica, arial, sans-serif;
}

.position .social_media_profile .icon_social {
    float: left;
    margin-right: 20px;
}

.charts_page section {
  padding: 20px 0 0;
  margin-top: -10px;
  border-top: 1px solid #f3f3f3;
}

.charts_page input {
  display: none;
}

h1.position_chart {
  text-align: center;
    font-size: 72px;
    font-family: 'Montserrat',sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    padding-top: 0px;
    padding-bottom: 20px;
}

.chart-summ {
    padding-top: 20px;
}

#charts_content .popular_talent.judge-profile .profile-image {
    width: 120px;
    height: 120px;
}

#charts_content .judge-profile .profile-image {
    top: 0px;
}

#charts_content .popular_talent.judge-profile .follow_btn {
    margin: 30px 0 20px 25px;
    right: 160px;
    top: -20px;
}

.content-chart h1 {
    padding: 10px 0 0 40px;
    text-align: left;
}

.content-chart h3 {
    padding-left: 40px;
    text-align: left;
}

.popular_talent.judge-profile .content-chart .inf_co-sign p {
    padding-left: 40px;
    text-align: left;
    text-transform: none;
    font-size: 13px;
    width: 80%;
    line-height: 16px;
    border-bottom: none;
    padding-bottom: 1px;
}

.content-chart hr {
    width: 80%;
    margin-left: 150px;
}

.charts_page label {
  display: inline-block;
  font-family: 'Montserrat',sans-serif;
  text-transform: uppercase;
  padding-left: 30px !important;
  position: relative;
  min-width: 250px;
  height: 55px;
  font-weight: 100;
  font-size: 19px;
  margin: 0 0 -1px;
  padding: 10px 15px;
  text-align: center;
  color: #1b2126;
  border: 1px solid transparent;
}

.cd-popup-container .log-page {
    width: 80% !important;
}

.charts_page label img {
    position: absolute;
    top: 2px;
    left: 10px;
}

.charts_page input:checked + label img {
    top: 10px;
}

.charts_page label:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px;
}

.charts_page label:hover {
  color: #2e8ae2;
  cursor: pointer;
}

.charts_page input:checked + label {
  color: #2e8ae2;
  position: relative;
  min-width: 250px;
  padding: 18px 15px 0px;
  font-family: 'Montserrat',sans-serif;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 18px;
  border: 1px solid #f3f3f3;
  border-top: 4px solid #2e8ae2;
  border-bottom: 1px solid #fff;
}




@media screen and (max-width: 650px) {
  .charts_page label {
    font-size: 0;
  }
  .charts_page label:before {
    margin: 0;
    font-size: 18px;
  }
}

@media screen and (max-width: 400px) {
  .charts_page label {
    padding: 15px;
  }
}


.m_t_30 { margin-top: -30px; }
.p-b-160 { padding-top: 40px;padding-bottom: 160px !important; }
.p-b-80 { padding-bottom: 80px !important; }
.p-b-40 { padding-bottom: 40px !important; }
.p-b-20 { padding-bottom: 20px !important; }
.p-t-40 { padding-top: 40px !important; }
.login-form h6, .login-form h6 a, .login-form h6 a:hover { color:#fff;font-size: 14px; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
    .select2-search input,
    .select2-search-choice-close,
    .select2-container .select2-choice abbr,
    .select2-container .select2-choice .select2-arrow b {
        background-image: url('../public/css/plugins/select2/select2x2.png')!important;
        background-repeat: no-repeat!important;
        background-size: 60px 40px!important
    }
    .select2-search input {
        background-position: 100% -21px!important
    }
}
@media only screen and (max-width: 1388px) {
    .winners .inner {
        padding: 0px 10px 20px;
    }
    .nominees .inner {      
        max-width: 1110px;
    }
    .device-2 {
        height: 280px;
    }
    .content-slide .slogan {
        padding-top: 60px;
    }
    body .content-wrap {
        padding-top: 107px;
    }
    header .inner .navigation .desktop-nav ul li {
        padding: 25px 16px;
    }
    header .inner .right-nav {
        top: 25px;
    }
    a.search_button.nav {
        top: 23px;
    }
    header .inner .navigation .logo img {
        width: 115px;
        margin-top: 31px;
    }
    header .inner .navigation .logo {
        margin-left: -85px;
    }
    .welcome-wrap {
        padding-bottom: 175px;
    }
    .nominees .inner .item .clip-info .title {
        margin-bottom: -3px;
    }
    .nominees .inner .item .clip-info .time-left {
        top: 19px;
        font-size: 8px;
    }
    .exclusives_bloc {
        padding-top: 10px;
    }
    .welcome h1 {
        font-size: 30px;
        margin-top: 45px;
    }
    .welcome h1.two, .nominees .inner h2 {
        font-size: 16px;
        font-weight: 400;
    }
    .winners .inner h2 {
        font-size: 20px;
    }
    .featured-video {
        padding-top: 5px;
    }
    .winners .inner .item3, .winners .inner .item2 {
        margin-top: 10px;
    }
    .winners .inner h2 {
        padding-left: 20px;
    }
    .welcome .three {
        margin-top: 20px;
    }
    .slider-pro h3.sp-layer {
        font-size: 17px;
    }
    .newsletter_text {
        padding: 10px 0 20px 20px;
        font-size: 18px;
    }
    .spotlight_text {
        line-height: 1;
        margin-bottom: 15px;
    }
    #videos {
        margin-top: 0px;
    }
    .title_video {
        font-size: 22px !important;
        margin-left: 15px;
    }
    .follow_btn {
        padding: 7px 5px;
        width: 110px;
    }
    .judge-profile .profile-image {
        height: 110px;
        width: 110px;
        left: 17px;
    }
    .judge-profile h1 a {
        font-size: 15px;
        font-weight: 700;
        margin-left: 120px;
    }
    .judge-profile .text p, .judge-profile h3, h1.edit_profile_image {
        margin-left: 120px;
    }
    .info_box_1 {
        margin-left: 100px;
    }
    .video-profile h1 {
        font-size: 14px;
    }
    .video-profile .infos-vid {
        width: 62%;
    }
    .video-profile .image-vid {
        margin-right: 8px;
    }
    .inf_vid_1 h1 a {
        letter-spacing: 1px;
    }
    .upload_date p {
        font-size: 13px;
    }
    header {
        height: 60px;
    }
    .follow_btn_profile {
        left: 0;
    }
    .social_media_box {
        padding: 20px 20px 10px;
    }
    .input_profile {
        padding-right: 0px;
    }
    .upload {
        margin-left: 50px;
        margin-top: 40px;
    }
    .welcome-wrap-aboutus {
        padding-bottom: 625px;
    }
    .welcome-wrap-aboutus .welcome h1.two {
        font-size: 14px;
    }
    .welcome-wrap-advertise {
        padding-bottom: 225px;
    }
    .video_signup a img {
        width: 100% !important;
    }
    .nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
        margin-top: -25px;
    }

}

@media only screen and (min-width:1024px) and (max-width: 1388px) {
    .nominees .inner {
        max-width: 93%;
    }
    .nominees .inner .item {
        padding: 20px 8px 12px;
        min-height: 205px;
    }

}

@media only screen and (max-width: 768px) {
    .welcome h1 {
        font-size: 20px;
        margin-top: 20px;
    }
    .welcome h1.two {
        font-size: 12px;
        line-height: 1.1;
    }
    .welcome .three {
        margin-top: 10px;
    }
    .filters {
        left: auto;
        top: 55px;
        width: 100%;
        padding-bottom: 20px;
    }
    .wrapper-dropdown-2 {
        width: 90%;
    }
    .nominees .inner {
        padding: 10px 0;
    }
    .nominees .inner h2 {
        font-size: 18px;
        padding-left: 25px;
    }
    .search_block .search_block__label .label__filterby {
        display: none;
    }
    #videos {
        margin-top: 10px;
    }
    .load_more {
        width: 90%;
        margin: 10px auto 0;
    }
    .newsletter_btn {
        margin: 10px 0 0 30px;
    }
    .sign-up-page h2 {
        padding-top: 10px;
    }
    .signup-h3 {
        font-size: 15px;
        padding: 0 30px;
    }
    .video_signup a img {
        display: block;
        margin: 0 auto;
    }
    .video_signup .description {
        padding: 5%;
        margin: 0 auto;
        font-size: 14px;
    }
    .video_signup .three a.more {
        margin: 0 auto;
        display: block;
    }
    .winners .inner .item12 {
        width: 100%;
        padding: 20px 0px 12px 0px;
    }
    .winners .inner .item_vid.image_content_2 {
        width: 100%;
        padding: 0 10px 0;
    }
    .welcome-wrap-contest .welcome h3 {
        margin-top: 20px;
        font-size: 16px;
    }
    .welcome-wrap-contest .welcome h1 {
        font-size: 24px;
    }
    .welcome-wrap-contest .welcome h1.two {
        font-size: 14px;
    }
    .welcome-wrap-contest .welcome h2.two {
        font-size: 15px;
    }
    .welcome-wrap-contest {
        padding-bottom: 220px;
    }
    .welcome-wrap-contest .welcome .three a {
        width: 75%;
        margin-bottom: 10px;
    }
    .start_contest {
        padding: 10px;
    }
    .item2.newsletter_box, h2.spotlight_title, .item5.profile_vid .follow_btn.show_popup {
        display: none !important;
    }
    .nominees.frontpage.white-bg .inner .item {
        padding: 0px 15px 0px;
        min-height: 260px;
    }
    .winners.featured-video h2.title_video {
        padding-left: 0px;
        margin-left: 0px;
    }
    .item4.profile_vid .video_box_1 {
        margin-left: 0px;
    }
    .item4.profile_vid .video_box_2 {
        margin-left: 10px;
    }
    .item4.profile_vid .video_box_1 #like_count {
        float: right;
    }
    .item4.profile_vid .w_100 {
        clear: both;
        float: none
    }
    .item4.profile_vid .inf_vid_1 {
        width: 100%;
    }
    .item4.profile_vid .inf_vid_1 h1 a, .item4.profile_vid .upload_date span, .item4.profile_vid .upload_date p {
        margin-left: 15px;
    }
    .show-more {
        margin-bottom: 20px;
    }
    .separator_div .video-profile{
        padding: 0 10px 10px;
        min-height: 88px;
    }
    .separator_div .video-profile .profile-image {
        width: 100px;
        height: 80px;
    }
    .separator_div .video-profile .text p, .separator_div .video-profile h2 a {
        font-size: 10px;
    }
    .separator_div .video-profile h1 {
        font-size: 12px;
    } 
    .separator_div .video-profile .infos-vid {
        width: 60%;
        padding-left: 10px;
    }
    .separator_div .video-profile .image-vid {
        width: 35%;
    }
    .winners.featured_page .winners .inner h2 {
        font-size: 20px;
        padding-left: 10px;
    }
    .winners.featured-video .inner .item10 {
        width: 100%;
        margin: 10px;
    }
    .winners.featured-video .inner .item10 .load_more {
        width: 100%;
    }
    .winners.featured-video .inner .item10 .profile_content, .winners.featured-video .inner .item11 {
        display: none;
    }
    .winners.featured-video .inner .item10 .featured_content .image_content {
        width: 100%;
    }
    #loadbutton .newsletter_btn {
        margin: 0 auto;
        width: 94%;
    }
    .featured_content.popular_content .profile_content {
        width: 100%;
    }
    .winners .inner .item13, .discover_box2 {
        width: 100%;
    }
    .discover_box1, .discover_box2 {
        padding: 10px 0 0;
    }
    .part_1, .part_2 {
        width: 100%;
        padding: 0;
    }
    .part_1 .half_1, .part_1 .half_2 {
        width: 100%;
        padding: 0 30px;
    }
    .welcome.welcome-discover .discover_box2 .part_2 {
        padding: 0 30px;
    }
    .discover_box3 {
        width: 80%; 
    }
    .right-box-contest, .left-box-contest {
        width: 100%;
    }
    .cd-popup-container .login-form {
        padding: 50px 10px;
    }
    .login-form h2 {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .login-form .login_btn {
        margin: 4px 0;
    }
    .login-form h6, .login-form h6 a, .login-form h6 a:hover {
        font-size: 12px;
        margin: 5px 0;
    }
    #profile-view .inner .item5 {
        margin: 15px 0 0;
    }
    #profile-view .judge-profile {
        padding: 30px 20px 0;
        min-height: 190px;
    }
    #profile-view .judge-profile.box-profile2 {
        padding: 10px 20px 0;
        min-height: 160px;
    }
    #profile-view .judge-profile .profile-image {
        height: 100px;
        width: 100px;
        left: 5%;
        top: 30px;
    }
    #profile-view .follow_btn_profile {
        left: 36%;
        width: 50%;
        top: 130px;
    }
    #profile-view .info_profile_1 span, #profile-view .info_profile_1 p {
        font-size: 10px;
    }
    #profile-view .info_profile_1 .icon {
        margin-left: 10px;
    }
    #profile-view .judge-profile h1 {
        padding-left: 40%;
        padding-top: 5px;
        text-align: left;
        font-size: 16px;
    }
    #profile-view .judge-profile h1 a {
        font-size: 15px;
        margin-left: 0 !important;
    }
    #profile-view .judge-profile h3 {
        margin-left: 0;
        padding-left: 40%;
        text-align: left;
        font-size: 12px;
        padding-bottom: 10px;
    }
    #profile-view .mobile-add {
        display: block;
    }
    #profile-view .judge-profile .text, #profile-view .following_pro {
        display: none;
    }
    #profile-view .info_profile_2.desktop {
        display: none;
    }
    #profile-view .item4 {
        margin-top: 0px;
    }
    #profile-view .info_box_1 {
        margin-left: 0px;
    }
    #profile-view .desktop .info_box_1, #profile-view .desktop .info_box_2, #profile-view .desktop .info_box_3 {
        width: 32%;
        display: none;
    }
    #profile-view .info_box_1, #profile-view .info_box_2, #profile-view .info_box_3 {
        width: 32%;
    }
    #profile-view .info_profile_1 .icon {
        margin-right: 5px;
    }
    #profile-view .social_media_box .social_media_profile {
        width: 50%;
    }
    #profile-view h2.title_video {
        display: block !important;
        font-family: 'GothamRoundedBook', 'helvetica neue', helvetica, arial, sans-serif;
        color: #111;
        text-transform: uppercase;
        font-size: 14px !important;
        font-weight: 700;
        margin: 10px;
        line-height: 20px;
    }
    #profile-view .video_box_1, #profile-view .video_box_2, #profile-view .video_box_3, #profile-view .inf_vid_1, #profile-view .inf_vid_2, #profile-view .upload_date, #profile-view .social_bloc {
        display: none;
    }
    #profile-view .jwplayer.jw-state-idle .jw-icon-display:before {
        background-image: url(../public/img/front/play-white.svg);
        background-size: 40px 40px;
        display: inline-block;
        width: 40px; 
        height: 40px;
        margin-top: 20px;
        content:"";
    }
    #profile-view .info_profile_11 p {
        margin-left: 10px;
        margin-top: 15px;
    }
    #profile-view #user_videos .video-profile {
        width: 100%;
        padding: 0 10px 0px 10px;
    }
    #profile-view .video-profile .profile-image {
        width: 120px;
        height: 70px;
        margin: 0 auto;
    }
    #profile-view #user_videos .video-profile .infos-vid .text {
        display: none;
    }
    #profile-view .video-profile .image-vid {
        width: 43%;
    }
    #profile-view .video-profile .infos-vid {
        width: 54%;
        padding-left: 0px;
    }
    #profile-view .video-profile h1 {
        margin-top: 0;
        font-size: 13px;
       /* overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;*/
    }
    #profile-view .video-profile h2 a {
        overflow: hidden;
        white-space: nowrap;
        word-wrap: normal;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        font-size: 10px;
        font-weight: 700;
        font-family: 'GothamRoundedBook', 'helvetica neue', helvetica, arial, sans-serif;
        line-height: 120%;
    }
    #profile-view #user_videos .infos-vid h2{
        font-size: 12px;
    }
    #profile-view .video-profile {
        min-height: 85px;
    }
    #profile-view #user_videos .infos-vid .client{
        display: block;
        font-size: 11px;
        font-weight: 500;
        line-height: 180%;
    }
    #profile-view #loadbutton .newsletter_btn {
        margin: 20px auto 0;
        width: 100%;
        font-size: 11px;
        padding: 10px;
    }
    .swiper-container {
        height: 220px;
    }
    .device-2 {
        height: 220px;
    }
    img.badge-ios {
        display: none;
    }
    .content-slide h2.slogan span {
        display: none;
    }
    .swiper-button-next {
        right: 10px !important;
    }
    .swiper-button-prev {
        left: 10px !important;
    }
    .content-slide .slogan {
        padding-top: 20px;
    }
    .content-slide h2.slogan {
        font-size: 22px;
        text-align: center;
        padding-bottom: 20px;
    }
    .content-slide a.more-button {
        display: block;
        margin: 0 auto;
    }
    .content-slide a.more-button {
        height: 35px;
        padding: 2px 10px;
    }
    .nbs-flexisel-nav-left {
        left: 0px;
    }
    .nbs-flexisel-nav-right {
        right: 0px;
    }
    .nominees .inner .item {
        padding: 10px 30px 12px;
    }
    /**** New Sign in page ****/
    .login-form {
        padding: 0px 0 40px !important;
    }
    .signup-h2, .login-form h2, h6.signup-h6, .sign-facebook-1 {
        display: none;
    }
    .login-form .winner-info .left {
        padding-top: 20px;
    }
    .signup-h3 {
        margin-bottom: 20px;
        margin-top: 0px;
    }
    .sign-facebook-2 {
        display: block;
        padding: 0 20px;
    }
    h6.signup-login {
        display: block;
        font-size: 14px;
        padding: 5px 0 15px;
    }
    h6.signup-login a {
        font-size: 14px !important;
    }
    .only_mobile {
        display: block !important;
    }
    /*** SIGNUP Page ***/
    .sign-up-page .login-form h2 {
        display: block;
        margin-top: 0px;
        padding-top: 40px;
    }
    .sign-up-page .login_btn {
        display: block;
        margin: 10px auto;
        width: 90%;
    }
    .sign-up-page .login-form form input {
        margin-bottom: 10px;
    }
    /********/
    .submit-form .submit-inner .clip-drop .button-wrap {
        position: relative;
        display: block;
        margin: 0 auto;
        width: 50%;
        padding: 0px 0px;
        left: 0;
        top: 90px;
    }
    .submit-form .submit-inner .clip-drop {
        padding: 0 10px;
    }
    .uploads-wrap span.img_upload {
        margin: 0 auto;
        position: relative;
        right: 0;
    }
    .ac-container .ac-large {
        padding: 0 16px;
    }
    .submit-form .submit-inner .form-wrap .left {
        padding-right: 0px;
        width: 100%;
        margin-bottom: -6px;
    }
    .submit-form .submit-inner .form-wrap .right {
        width: 100%;
        padding-left: 0;
    }
    .v_field_one {
        padding-top: 1px;
    }
    #T_vid_continue .save_box3 {
        width: 53%;
    }
    #T_vid_continue .sub-text-2 {
        text-align: justify;
        width: 100%;
        margin: 20px auto;
    }
    /** Search Page **/
    .search_popup .search-container .search_header {
        padding: 38px 30px;
        height: 160px;
    }
    .search_popup .search-container .search-results {
        padding: 0 15px;
    }
    .search_popup .featured_page .winners .inner h2 {
        font-size: 18px;
        padding-left: 0px;
    }
    .search_popup .winners .inner .item13 {
        padding: 20px 0px 12px;
    }
    .search_popup .judge-profile {
        padding: 10px 0px 0px;
    }
    .search_popup .popup-profile.popular_talent .profile-image {
        top: 10px;
        left: 0px;
    }
    .search_popup .popup-profile.popular_talent.judge-profile h1 a {
        margin-left: 30px;
    }
    .search_popup .judge-profile h1 {
        padding-left: 75px;
    }
    .search_popup .winners .inner .item12 {
        padding: 0px 0px 12px;
    }
    .search_popup .winners .inner .item12.videos_popup .item_vid.image_content_2 {
        width: 55%;
    }
    .search_popup .winners .inner .item12.videos_popup .item .image {
        margin-left: 0;
    }
    .search_popup .item12.videos_popup .featured_content .profile_content {
        width: 45%;
    }
    .search_popup .winners .inner .item_vid.image_content_2 {
        padding: 0px;
    }
    .sign-up-page .login-form .log2 h2 {
        display: none;
    }
    .sign-up-page h6 input.check {
        display: block;
        position: absolute;
        left: -42%;
    }
    .sign-up-page .g-recaptcha {
        display: block;
        margin: 15px 30px !important;
    }
    /** Discover Page **/
    .wrap-discover {
        padding-bottom: 440px;
    }
    .wrap-discover .discover_box1 {
        width: 84%;
    }
    .wrap-discover .selecter .selecter-element {
        z-index: 6;
    }
    .discover-videos.nominees .inner .item {
        padding: 10px 10px 12px;
    }
    /** Edit Page **/
    h1.edit_profile_image {
        margin-left: 50px;
    }
    .judge-profile .upload {
        margin-left: 30px;
        margin-top: 60px;
    }
    .social_media_box .info_profile_1 {
        margin-left: 8%;
    }
    .item4.profile_vid .selct_listn3 .selecter {
        width: 95%;
    }
    .item4.profile_vid .selecter .selecter-element {
        z-index: 5;
    }
    .item4.profile_vid .cke_chrome {
        width: 88%;
    }
    .item4.profile_vid .w_100 {
        width: 96%;
    }
    .save_box4.save_box5 a {
        width: 75%;
        float: left;
        margin: 0 auto;
        display: block;
        margin-left: 12%;
    }
    /** Popup **/
    .cd-popup-container .login-form {
        padding: 20px !important;
    }
    .cd-popup-container .selecter .selecter-element {
        z-index: 4;
    }
    /**/
    .nominees.frontpage.video--page .inner .item {
        padding: 0px 25px 20px;
        min-height: 280px;
    }
    .nominees.frontpage.video--page .inner h2 {
        padding: 15px 0 15px 25px;
    }
    .winners.featured-video.video---page .inf_vid_2 p {
        margin-left: 15px;
    }
    .video---page .item4.profile_vid .w_100 {
        display: block;
        margin: 0 auto;
    }
    .video---page .item4.profile_vid .video_box_1 {
        width: 30%;
    }
    .video---page .item4.profile_vid .video_box_1 a {
        float: left;
        margin-right: 10px;
        margin-left: 15px;
    }
    .video---page .item4.profile_vid .video_box_1 #like_count {
        float: left;
    }
    .video---page .judge-profile h1 a {
        margin-left: 50px;
    }
    .video---page .judge-profile .text p {
        margin-top: 0px;
        min-height: 65px;
    }
    .video---page .separator_div .video-profile .profile-image {
        display: block;
        margin: 0 auto;
    }
    .featured_page .winners .inner h2 {
        font-size: 20px;
        padding-left: 10px;
    }
    .popular_page .profile_content .profile_infos .clip-info-2 h4.client.strong {
        display: none;
    }
    .popular_page .profile_content .profile_infos .clip-info-2 {
        float: right;
        width: 30%;
        overflow: hidden;
        text-align: right;
        padding: 5px 15px 0 0;
    }
    .popular_page .profile_content .profile_infos .clip-info-2 .client, .popular_page .profile_content .profile_infos .clip-info-2 .time-left {
        font-size: 9px;
        margin-top: 3px;
    }
    .popular_page .profile_content .profile_infos .judge-profile {
        float: right;
        width: 70%;
        overflow: hidden;
        min-height: 80px;
    }
    .popular_page .profile_content .profile_infos .judge-profile h3.sub-2 {
        font-size: 10px;
        margin-left: 26px;
        text-align: left;
    }
    .popular_page .profile_content .profile_infos .judge-profile h1 {
        padding-left: 0;
        margin-left: -15px;
        margin-top: -10px;
    }
    .popular_page .profile_content .profile_infos .judge-profile .profile-image.size-2 {
        width: 35px;
        height: 35px;
        left: 10px;
        top: 15px;
    }
    .popular_page .profile_content .profile_infos .judge-profile h1.sub-2 a {
        font-size: 12px;
        line-height: 9px;
        margin-left: 41px;
    }
    .popular_page #loadbutton .newsletter_btn {
        width: 100%;
    }
    .popular_page .item13 .judge-profile {
        padding: 10px 10px 0;
    }
    .popular_page .item13 .popular_talent.judge-profile .profile-image {
        width: 80px;
        height: 80px;
        left: 7px;
    }
    .popular_page .item13 .judge-profile h1 {
        padding-left: 0;
        margin-top: 13px;
    }
    .popular_page .item13 .popular_talent.judge-profile .inf_co-sign p {
        font-size: 10px;
        margin-left: 95px;
    }
    .popular_page .item13 .popular_talent.judge-profile h1 a {
        font-size: 14px;
        margin-left: 95px;
    }
    .popular_page .item13 .popular_talent.judge-profile h3 {
        font-size: 10px;
        margin-top: 2px;
        margin-left: 95px;
    }
    .cd-popup-container .login-form h2 {
        display: block;
    }
    .popular_page .item13 .popular_talent.judge-profile .follow_btn {
        right: 0;
    }
    /* New Homepage */
    .homepage_bloc_1 .col3 {
        float: left;
        width: 50%;
        padding: 5px 10px;
    }
    .homepage_bloc_1 .col6 {
        float: left;
        width: 100%;
        padding: 5px 10px;
    }
    .homepage_bloc_1 .col3.col-left {
        padding: 5px 5px 5px 10px;
    }
    .homepage_bloc_1 .col3.col-right {
        padding: 5px 10px 5px 5px;
    }
    .homepage_bloc_1 .thumbnail {
        padding-bottom: 67.8%;
    }
    .homepage_bloc_1 .thumbnail.small-thumb {
        padding-bottom: 100%;
    }
    .homepage_bloc_1.nominees .inner {
        padding-bottom: 0px !important;
    }
    .homepage_bloc_1 .post-content h3 {
        line-height: 20px;
        margin-top: 7px;
        /*overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; */
    }
    .homepage_bloc_1 .col3 .post-content h3 {
        font-size: 12px;
        line-height: 15px;
    }
    .homepage_bloc_1 .post-content h3 {
        font-size: 16px;
    }
    .homepage_bloc_1 .col3 .post-content {
        padding: 2px 10px;
    }
    .homepage_bloc_1 .small-thumb .post-content {
        max-height: 70px;
        min-height: 70px;
    }
    .sign-up-page .video_signup {
        margin-top: 20px;
    }
    .homepage_bloc_1 .display-desktop {
        display: none !important;
    }
    .homepage_bloc_1 .display-mobile {
        display: block !important;
    }
    .notification-line .unread {
        bottom: 3px;
        right: 3px;
        padding: 4px;
        font-size: 9px;
    }
    .notifications_42ef span {
        font-size: 12px;
    }
    h5.context-h5 {
        font-size: 10px;
    }
    .hidden-sm {
        display: none !important;
    }
    .video_bloc {
        padding: 20px 10px 0px;
    }
    .infos_bloc {
        padding: 10px 10px 0px;
    }
    .winners .inner .video_infos p {
        font-size: 9px;
        line-height: 18px;
    }
    .w_100.more_div_box.homepage_feed {
        width: auto;
    }
    .video_desc_1 p {
        font-size: 10px;
        line-height: 11px;
    }
    .winners .inner .video_infos h2 {
        font-size: 12px;
    }
    .video_views span {
        font-size: 8px;
    }
    .video_views {
        line-height: 9px;
    }
    .feed_element .header_bloc {
        padding: 15px 0px 0;
    }
    .feed_element .header_bloc .profile-image {
        height: 40px;
        width: 40px;
    }
    .feed_element .header_bloc h1 a, .feed_element .header_bloc p {
        font-size: 11px;
    }

}