@font-face {
    font-family: Glyphicons Halflings;
    src: url(fonts/glyphicons-halflings-regular.eot);
    src: url(fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"), url(fonts/glyphicons-halflings-regular.woff2) format("woff2"), url(fonts/glyphicons-halflings-regular.woff) format("woff"), url(fonts/glyphicons-halflings-regular.ttf) format("truetype"), url(fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg")
}

@font-face {
    font-family: CNN Sans Display Regular;
    src: url(fonts/CNNSansDisplay-Regular.eot);
    src: url(fonts/CNNSansDisplay-Regular.eot?#iefix) format("embedded-opentype"), url(fonts/CNNSansDisplay-Regular.woff) format("woff"), url(fonts/CNNSansDisplay-Regular.ttf) format("truetype"), url(fonts/CNNSansDisplay-Regular.svg#CNNSansDisplay-Regular) format("svg")
}

.smb-vidad {
    max-width: 640px;
    max-height: 450px;
    font-family: CNN Sans Display Regular, Helvetica Neue, Arial, sans-serif;
    position: relative;
    z-index: 0;
    background-color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 20px
}

.smb-vidad-header-suggest {
    height: 20px;
    text-align: center
}

.smb-vidad-header-suggest p {
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 13px;
    letter-spacing: 2px
}

.smb-vidad-header {
    background-color: #101010;
    height: 80px;
    width: 100%;
    display: table
}

.smb-vidad-header h4 {
    padding: 0 0 0 20px;
    text-align: center;
    color: #fff;
    font-size: 1.7em;
    font-weight: bold;
    line-height: 1.3em;
    display: table-cell;
    vertical-align: middle;
    letter-spacing: 2px;
    font-family: 'CNN Sans Display Regular';
}

.smb-vidad-item-cont {
    height: 340px;
    background: #f7f7f7;
}

.smb-vidad-loader {
    width: 42px !important;
    position: absolute;
    top: 48%;
    left: 45%
}

.smb-vidad-footer-cont {
    height: 30px;
    text-align: right;
    display: table;
    width: 100%;
    padding: 2px 0
}

.smb-vidad-footer-cont p {
    margin: 0;
    padding: 0;
    text-align: right;
    font-family: 'CNN Sans Display Regular';
    font-size: 14px;
    color: #bdbec3;
    line-height: 20px;
}

.smb-vidad-powered-by {
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    color: #bdbec3;
    padding-right: 10px;
}

.smb-vidad-powered-by img {
    vertical-align: top;
    width: inherit;
}

.smb-vidad-item {
    max-width: 640px;
    height: 340px;
    overflow: hidden;
    position: relative
}

.smb-vidad-item a:visited {
    text-decoration: none
}

.smb-vidad-item img {
    animation: a 18s infinite;
    width: 100%;
    height: auto
}

.smb-vidad-img-caption-clickmore {
    position: absolute;
    bottom: 100px;
    left: 0;
    margin-right: 10px;
    padding: 4px 20px 4px 14px;
    background: #fff;
    color: #000;
    font-size: .9em;
    border-top-right-radius: 4em;
    border-bottom-right-radius: 4em;
    visibility: hidden;
    text-align: left
}

.smb-vidad-img-caption-clickmore p {
    margin: 0
}

.smb-vidad-img-caption-cont {
    position: absolute;
    bottom: 20px;
    left: 0;
    margin-right: 15px;
    padding: 5px 14px;
    padding-right: 25px;
    background: #fff;
    color: #000;
    border-top-right-radius: 4em;
    border-bottom-right-radius: 4em;
    visibility: hidden;
    text-align: left
}

.smb-vidad-img-caption {
    visibility: hidden
}

.smb-vidad-img-caption p {
    padding: 0 0 3px;
    margin: 0;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis
}

.smb-vidad-img-caption-title {
    font-size: .9em;
    line-height: 1.15em;
    max-height: 2.3em;
    color: #474747
}

.smb-vidad-img-caption-detail {
    font-size: .8em;
    line-height: 1em;
    max-height: 2em;
    color: #7e8393
}

.smb-vidad-img-caption-detail span {
    color: #a3a3a3;
    font-style: italic;
    font-size: .7em;
    line-height: 1.5em;
    font-weight: 400
}

@keyframes a {
    0% {
        transform: translate(0) scale(1)
    }
    to {
        transform: translate(40%, 25%) scale(1.8)
    }
}

.smb-vidad-markets {
    display: table-cell;
    vertical-align: middle;
    padding-right: 20px
}

.smb-vidad-adcont {
    background: #000;
    max-width: 640px;
    height: 340px;
    display: none
}

.smb-vidad-adunit-cont {
    text-align: center
}

.custom-select {
    max-width: none
}

.custom-select:hover {
    border: none
}

.custom-select select {
    margin: 2px 6px;
    text-transform: uppercase;
    font-size: 1.5em;
    padding: 0 10px;
    line-height: 28px;
    height: 30px
}

.custom-select:after {
    font-family: Glyphicons Halflings;
    color: #444855;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e252";
    margin-top: -9px
}

.custom-select select,
.custom-select select:focus {
    background-color: #f7f7f7;
    border: 1px solid #dfdfdf;
    border-radius: 16px
}

.custom-select select:focus {
    box-shadow: none
}

@media (max-width: 528px) {
    .smb-vidad {
        min-width: 300px
    }
    .smb-vidad-header-suggest {
        height: auto
    }
    .smb-vidad-header-suggest p {
        font-size: 2.4vw;
        padding-bottom: 4px
    }
    .smb-vidad-header,
    .smb-vidad-header h4,
    .smb-vidad-markets {
        display: block
    }
    .smb-vidad-header {
        height: auto;
        width: auto;
        padding: 5px 0 10px
    }
    .smb-vidad-header h4 {
        margin: 0;
        padding: 5px 0 9px;
        text-align: center
    }
    .custom-select {
        padding: 0 5px
    }
    .custom-select select {
        font-size: .9em;
        line-height: 20px;
        height: 22px
    }
    .smb-vidad-markets {
        padding: 0
    }
    .smb-vidad-markets select {
        margin: 0
    }
    .smb-vidad-adcont,
    .smb-vidad-item,
    .smb-vidad-item-cont {
        height: 250px
    }
    .smb-vidad-loader {
        top: 52%
    }
    .smb-vidad-img-caption-clickmore {
        font-size: .9em;
        line-height: 1em;
        bottom: 107px
    }
    .smb-vidad-img-caption-title {
        font-size: .9em;
        line-height: 1.1em;
        max-height: 3.3em
    }
    .smb-vidad-img-caption-detail {
        font-size: .8em;
        line-height: 1em;
        max-height: 2em
    }
}

@media (max-width: 420px) {
    .smb-vidad-header h4 {
        font-size: 1.1em
    }
    @keyframes a {
        0% {
            transform: translateY(5%) scale(1.1)
        }
        to {
            transform: translate(40%, 25%) scale(2)
        }
    }
}

@media (max-width: 400px) {
    @keyframes a {
        0% {
            transform: translateY(10%) scale(1.2)
        }
        to {
            transform: translate(40%, 25%) scale(2)
        }
    }
}

@media (max-width: 380px) {
    @keyframes a {
        0% {
            transform: translateY(10%) scale(1.25)
        }
        to {
            transform: translate(40%, 25%) scale(2)
        }
    }
}

@media (max-width: 350px) {
    @keyframes a {
        0% {
            transform: translateY(15%) scale(1.35)
        }
        to {
            transform: translate(40%, 25%) scale(2)
        }
    }
}

@media (max-width: 315px) {
    @keyframes a {
        0% {
            transform: translateY(20%) scale(1.4)
        }
        to {
            transform: translate(40%, 25%) scale(2)
        }
    }
}