.button, .video_item .info .title, a .overlay .info .title, strong {
    font-family: ApexRounded-Medium, Helvetica, Arial, sans-serif
}

.intl-tel-input {
    position: relative;
    display: inline-block
}

.intl-tel-input * {
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.intl-tel-input .hide {
    display: none
}

.intl-tel-input .v-hide {
    visibility: hidden
}

.intl-tel-input input, .intl-tel-input input[type=tel], .intl-tel-input input[type=text] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 48px;
    margin-left: 0;
    -webkit-transition: background-color .1s ease-out;
    transition: background-color .1s ease-out
}

.intl-tel-input input.iti-invalid-key {
    -webkit-transition: background-color 0;
    transition: background-color 0;
    background-color: #FFC7C7
}

.intl-tel-input .flag-dropdown {
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 1px
}

.intl-tel-input .flag-dropdown:hover {
    cursor: pointer
}

.intl-tel-input .flag-dropdown:hover .selected-flag {
    background-color: rgba(0, 0, 0, .05)
}

.intl-tel-input input[disabled] + .flag-dropdown:hover, .intl-tel-input input[readonly] + .flag-dropdown:hover {
    cursor: default
}

#download .content_wrapper .phone_number .input_overlay.instruction, .modal, a, button {
    cursor: pointer
}

.intl-tel-input input[disabled] + .flag-dropdown:hover .selected-flag, .intl-tel-input input[readonly] + .flag-dropdown:hover .selected-flag {
    background-color: transparent
}

.intl-tel-input .selected-flag {
    z-index: 1;
    position: relative;
    width: 42px;
    height: 100%;
    padding: 0 0 0 8px
}

.intl-tel-input .selected-flag .iti-flag {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}

.intl-tel-input .selected-flag .arrow {
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: 4px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555
}

.intl-tel-input .selected-flag .arrow.up {
    border-top: none;
    border-bottom: 4px solid #555
}

.intl-tel-input .country-list {
    list-style: none;
    position: absolute;
    z-index: 2;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
    background-color: #fff;
    border: 1px solid #CCC;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll
}

.intl-tel-input .country-list .flag {
    display: inline-block;
    width: 20px
}

@media (max-width: 500px) {
    .intl-tel-input .country-list {
        white-space: normal
    }
}

.intl-tel-input .country-list .divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #CCC
}

.intl-tel-input .country-list .country {
    padding: 5px 10px
}

.intl-tel-input .country-list .country .dial-code {
    color: #999
}

.intl-tel-input .country-list .country.highlight {
    background-color: rgba(0, 0, 0, .05)
}

.intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code, .intl-tel-input .country-list .flag {
    vertical-align: middle
}

.intl-tel-input .country-list .country-name, .intl-tel-input .country-list .flag {
    margin-right: 6px
}

body, ul {
    margin: 0;
    padding: 0
}

.intl-tel-input select {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 42px;
    height: 100%;
    opacity: 0
}

.iti-flag {
    width: 20px
}

.iti-flag.be {
    width: 18px
}

.iti-flag.ch {
    width: 15px
}

.iti-flag.mc {
    width: 19px
}

.iti-flag.ne {
    width: 18px
}

.iti-flag.ac {
    height: 10px;
    background-position: 0 0
}

.iti-flag.ad {
    height: 14px;
    background-position: -22px 0
}

.iti-flag.ae {
    height: 10px;
    background-position: -44px 0
}

.iti-flag.af {
    height: 14px;
    background-position: -66px 0
}

.iti-flag.ag {
    height: 14px;
    background-position: -88px 0
}

.iti-flag.ai {
    height: 10px;
    background-position: -110px 0
}

.iti-flag.al {
    height: 15px;
    background-position: -132px 0
}

.iti-flag.am {
    height: 10px;
    background-position: -154px 0
}

.iti-flag.ao {
    height: 14px;
    background-position: -176px 0
}

.iti-flag.aq {
    height: 14px;
    background-position: -198px 0
}

.iti-flag.ar {
    height: 13px;
    background-position: -220px 0
}

.iti-flag.as {
    height: 10px;
    background-position: -242px 0
}

.iti-flag.at {
    height: 14px;
    background-position: -264px 0
}

.iti-flag.au {
    height: 10px;
    background-position: -286px 0
}

.iti-flag.aw {
    height: 14px;
    background-position: -308px 0
}

.iti-flag.ax {
    height: 13px;
    background-position: -330px 0
}

.iti-flag.az {
    height: 10px;
    background-position: -352px 0
}

.iti-flag.ba {
    height: 10px;
    background-position: -374px 0
}

.iti-flag.bb {
    height: 14px;
    background-position: -396px 0
}

.iti-flag.bd {
    height: 12px;
    background-position: -418px 0
}

.iti-flag.be {
    height: 15px;
    background-position: -440px 0
}

.iti-flag.bf {
    height: 14px;
    background-position: -460px 0
}

.iti-flag.bg {
    height: 12px;
    background-position: -482px 0
}

.iti-flag.bh {
    height: 12px;
    background-position: -504px 0
}

.iti-flag.bi {
    height: 12px;
    background-position: -526px 0
}

.iti-flag.bj {
    height: 14px;
    background-position: -548px 0
}

.iti-flag.bl {
    height: 14px;
    background-position: -570px 0
}

.iti-flag.bm {
    height: 10px;
    background-position: -592px 0
}

.iti-flag.bn {
    height: 10px;
    background-position: -614px 0
}

.iti-flag.bo {
    height: 14px;
    background-position: -636px 0
}

.iti-flag.bq {
    height: 14px;
    background-position: -658px 0
}

.iti-flag.br {
    height: 14px;
    background-position: -680px 0
}

.iti-flag.bs {
    height: 10px;
    background-position: -702px 0
}

.iti-flag.bt {
    height: 14px;
    background-position: -724px 0
}

.iti-flag.bv {
    height: 15px;
    background-position: -746px 0
}

.iti-flag.bw {
    height: 14px;
    background-position: -768px 0
}

.iti-flag.by {
    height: 10px;
    background-position: -790px 0
}

.iti-flag.bz {
    height: 14px;
    background-position: -812px 0
}

.iti-flag.ca {
    height: 10px;
    background-position: -834px 0
}

.iti-flag.cc {
    height: 10px;
    background-position: -856px 0
}

.iti-flag.cd {
    height: 15px;
    background-position: -878px 0
}

.iti-flag.cf {
    height: 14px;
    background-position: -900px 0
}

.iti-flag.cg {
    height: 14px;
    background-position: -922px 0
}

.iti-flag.ch {
    height: 15px;
    background-position: -944px 0
}

.iti-flag.ci {
    height: 14px;
    background-position: -961px 0
}

.iti-flag.ck {
    height: 10px;
    background-position: -983px 0
}

.iti-flag.cl {
    height: 14px;
    background-position: -1005px 0
}

.iti-flag.cm {
    height: 14px;
    background-position: -1027px 0
}

.iti-flag.cn {
    height: 14px;
    background-position: -1049px 0
}

.iti-flag.co {
    height: 14px;
    background-position: -1071px 0
}

.iti-flag.cp {
    height: 14px;
    background-position: -1093px 0
}

.iti-flag.cr {
    height: 12px;
    background-position: -1115px 0
}

.iti-flag.cu {
    height: 10px;
    background-position: -1137px 0
}

.iti-flag.cv {
    height: 12px;
    background-position: -1159px 0
}

.iti-flag.cw {
    height: 14px;
    background-position: -1181px 0
}

.iti-flag.cx {
    height: 10px;
    background-position: -1203px 0
}

.iti-flag.cy {
    height: 14px;
    background-position: -1225px 0
}

.iti-flag.cz {
    height: 14px;
    background-position: -1247px 0
}

.iti-flag.de {
    height: 12px;
    background-position: -1269px 0
}

.iti-flag.dg {
    height: 10px;
    background-position: -1291px 0
}

.iti-flag.dj {
    height: 14px;
    background-position: -1313px 0
}

.iti-flag.dk {
    height: 15px;
    background-position: -1335px 0
}

.iti-flag.dm {
    height: 10px;
    background-position: -1357px 0
}

.iti-flag.do {
    height: 13px;
    background-position: -1379px 0
}

.iti-flag.dz {
    height: 14px;
    background-position: -1401px 0
}

.iti-flag.ea {
    height: 14px;
    background-position: -1423px 0
}

.iti-flag.ec {
    height: 14px;
    background-position: -1445px 0
}

.iti-flag.ee {
    height: 13px;
    background-position: -1467px 0
}

.iti-flag.eg {
    height: 14px;
    background-position: -1489px 0
}

.iti-flag.eh {
    height: 10px;
    background-position: -1511px 0
}

.iti-flag.er {
    height: 10px;
    background-position: -1533px 0
}

.iti-flag.es {
    height: 14px;
    background-position: -1555px 0
}

.iti-flag.et {
    height: 10px;
    background-position: -1577px 0
}

.iti-flag.eu {
    height: 14px;
    background-position: -1599px 0
}

.iti-flag.fi {
    height: 12px;
    background-position: -1621px 0
}

.iti-flag.fj {
    height: 10px;
    background-position: -1643px 0
}

.iti-flag.fk {
    height: 10px;
    background-position: -1665px 0
}

.iti-flag.fm {
    height: 11px;
    background-position: -1687px 0
}

.iti-flag.fo {
    height: 15px;
    background-position: -1709px 0
}

.iti-flag.fr {
    height: 14px;
    background-position: -1731px 0
}

.iti-flag.ga {
    height: 15px;
    background-position: -1753px 0
}

.iti-flag.gb {
    height: 10px;
    background-position: -1775px 0
}

.iti-flag.gd {
    height: 12px;
    background-position: -1797px 0
}

.iti-flag.ge {
    height: 14px;
    background-position: -1819px 0
}

.iti-flag.gf {
    height: 14px;
    background-position: -1841px 0
}

.iti-flag.gg {
    height: 14px;
    background-position: -1863px 0
}

.iti-flag.gh {
    height: 14px;
    background-position: -1885px 0
}

.iti-flag.gi {
    height: 10px;
    background-position: -1907px 0
}

.iti-flag.gl {
    height: 14px;
    background-position: -1929px 0
}

.iti-flag.gm {
    height: 14px;
    background-position: -1951px 0
}

.iti-flag.gn {
    height: 14px;
    background-position: -1973px 0
}

.iti-flag.gp {
    height: 14px;
    background-position: -1995px 0
}

.iti-flag.gq {
    height: 14px;
    background-position: -2017px 0
}

.iti-flag.gr {
    height: 14px;
    background-position: -2039px 0
}

.iti-flag.gs {
    height: 10px;
    background-position: -2061px 0
}

.iti-flag.gt {
    height: 13px;
    background-position: -2083px 0
}

.iti-flag.gu {
    height: 11px;
    background-position: -2105px 0
}

.iti-flag.gw {
    height: 10px;
    background-position: -2127px 0
}

.iti-flag.gy {
    height: 12px;
    background-position: -2149px 0
}

.iti-flag.hk {
    height: 14px;
    background-position: -2171px 0
}

.iti-flag.hm {
    height: 10px;
    background-position: -2193px 0
}

.iti-flag.hn {
    height: 10px;
    background-position: -2215px 0
}

.iti-flag.hr {
    height: 10px;
    background-position: -2237px 0
}

.iti-flag.ht {
    height: 12px;
    background-position: -2259px 0
}

.iti-flag.hu {
    height: 10px;
    background-position: -2281px 0
}

.iti-flag.ic {
    height: 14px;
    background-position: -2303px 0
}

.iti-flag.id {
    height: 14px;
    background-position: -2325px 0
}

.iti-flag.ie {
    height: 10px;
    background-position: -2347px 0
}

.iti-flag.il {
    height: 15px;
    background-position: -2369px 0
}

.iti-flag.im {
    height: 10px;
    background-position: -2391px 0
}

.iti-flag.in {
    height: 14px;
    background-position: -2413px 0
}

.iti-flag.io {
    height: 10px;
    background-position: -2435px 0
}

.iti-flag.iq {
    height: 14px;
    background-position: -2457px 0
}

.iti-flag.ir {
    height: 12px;
    background-position: -2479px 0
}

.iti-flag.is {
    height: 15px;
    background-position: -2501px 0
}

.iti-flag.it {
    height: 14px;
    background-position: -2523px 0
}

.iti-flag.je {
    height: 12px;
    background-position: -2545px 0
}

.iti-flag.jm {
    height: 10px;
    background-position: -2567px 0
}

.iti-flag.jo {
    height: 10px;
    background-position: -2589px 0
}

.iti-flag.jp {
    height: 14px;
    background-position: -2611px 0
}

.iti-flag.ke {
    height: 14px;
    background-position: -2633px 0
}

.iti-flag.kg {
    height: 12px;
    background-position: -2655px 0
}

.iti-flag.kh {
    height: 13px;
    background-position: -2677px 0
}

.iti-flag.ki {
    height: 10px;
    background-position: -2699px 0
}

.iti-flag.km {
    height: 12px;
    background-position: -2721px 0
}

.iti-flag.kn {
    height: 14px;
    background-position: -2743px 0
}

.iti-flag.kp {
    height: 10px;
    background-position: -2765px 0
}

.iti-flag.kr {
    height: 14px;
    background-position: -2787px 0
}

.iti-flag.kw {
    height: 10px;
    background-position: -2809px 0
}

.iti-flag.ky {
    height: 10px;
    background-position: -2831px 0
}

.iti-flag.kz {
    height: 10px;
    background-position: -2853px 0
}

.iti-flag.la {
    height: 14px;
    background-position: -2875px 0
}

.iti-flag.lb {
    height: 14px;
    background-position: -2897px 0
}

.iti-flag.lc {
    height: 10px;
    background-position: -2919px 0
}

.iti-flag.li {
    height: 12px;
    background-position: -2941px 0
}

.iti-flag.lk {
    height: 10px;
    background-position: -2963px 0
}

.iti-flag.lr {
    height: 11px;
    background-position: -2985px 0
}

.iti-flag.ls {
    height: 14px;
    background-position: -3007px 0
}

.iti-flag.lt {
    height: 12px;
    background-position: -3029px 0
}

.iti-flag.lu {
    height: 12px;
    background-position: -3051px 0
}

.iti-flag.lv {
    height: 10px;
    background-position: -3073px 0
}

.iti-flag.ly {
    height: 10px;
    background-position: -3095px 0
}

.iti-flag.ma {
    height: 14px;
    background-position: -3117px 0
}

.iti-flag.mc {
    height: 15px;
    background-position: -3139px 0
}

.iti-flag.md {
    height: 10px;
    background-position: -3160px 0
}

.iti-flag.me {
    height: 10px;
    background-position: -3182px 0
}

.iti-flag.mf {
    height: 14px;
    background-position: -3204px 0
}

.iti-flag.mg {
    height: 14px;
    background-position: -3226px 0
}

.iti-flag.mh {
    height: 11px;
    background-position: -3248px 0
}

.iti-flag.mk {
    height: 10px;
    background-position: -3270px 0
}

.iti-flag.ml {
    height: 14px;
    background-position: -3292px 0
}

.iti-flag.mm {
    height: 14px;
    background-position: -3314px 0
}

.iti-flag.mn {
    height: 10px;
    background-position: -3336px 0
}

.iti-flag.mo {
    height: 14px;
    background-position: -3358px 0
}

.iti-flag.mp {
    height: 10px;
    background-position: -3380px 0
}

.iti-flag.mq {
    height: 14px;
    background-position: -3402px 0
}

.iti-flag.mr {
    height: 14px;
    background-position: -3424px 0
}

.iti-flag.ms {
    height: 10px;
    background-position: -3446px 0
}

.iti-flag.mt {
    height: 14px;
    background-position: -3468px 0
}

.iti-flag.mu {
    height: 14px;
    background-position: -3490px 0
}

.iti-flag.mv {
    height: 14px;
    background-position: -3512px 0
}

.iti-flag.mw {
    height: 14px;
    background-position: -3534px 0
}

.iti-flag.mx {
    height: 12px;
    background-position: -3556px 0
}

.iti-flag.my {
    height: 10px;
    background-position: -3578px 0
}

.iti-flag.mz {
    height: 14px;
    background-position: -3600px 0
}

.iti-flag.na {
    height: 14px;
    background-position: -3622px 0
}

.iti-flag.nc {
    height: 10px;
    background-position: -3644px 0
}

.iti-flag.ne {
    height: 15px;
    background-position: -3666px 0
}

.iti-flag.nf {
    height: 10px;
    background-position: -3686px 0
}

.iti-flag.ng {
    height: 10px;
    background-position: -3708px 0
}

.iti-flag.ni {
    height: 12px;
    background-position: -3730px 0
}

.iti-flag.nl {
    height: 14px;
    background-position: -3752px 0
}

.iti-flag.no {
    height: 15px;
    background-position: -3774px 0
}

.iti-flag.np {
    width: 13px;
    height: 15px;
    background-position: -3796px 0
}

.iti-flag.nr {
    height: 10px;
    background-position: -3811px 0
}

.iti-flag.nu {
    height: 10px;
    background-position: -3833px 0
}

.iti-flag.nz {
    height: 10px;
    background-position: -3855px 0
}

.iti-flag.om {
    height: 10px;
    background-position: -3877px 0
}

.iti-flag.pa {
    height: 14px;
    background-position: -3899px 0
}

.iti-flag.pe {
    height: 14px;
    background-position: -3921px 0
}

.iti-flag.pf {
    height: 14px;
    background-position: -3943px 0
}

.iti-flag.pg {
    height: 15px;
    background-position: -3965px 0
}

.iti-flag.ph {
    height: 10px;
    background-position: -3987px 0
}

.iti-flag.pk {
    height: 14px;
    background-position: -4009px 0
}

.iti-flag.pl {
    height: 13px;
    background-position: -4031px 0
}

.iti-flag.pm {
    height: 14px;
    background-position: -4053px 0
}

.iti-flag.pn {
    height: 10px;
    background-position: -4075px 0
}

.iti-flag.pr {
    height: 14px;
    background-position: -4097px 0
}

.iti-flag.ps {
    height: 10px;
    background-position: -4119px 0
}

.iti-flag.pt {
    height: 14px;
    background-position: -4141px 0
}

.iti-flag.pw {
    height: 13px;
    background-position: -4163px 0
}

.iti-flag.py {
    height: 11px;
    background-position: -4185px 0
}

.iti-flag.qa {
    height: 8px;
    background-position: -4207px 0
}

.iti-flag.re {
    height: 14px;
    background-position: -4229px 0
}

.iti-flag.ro {
    height: 14px;
    background-position: -4251px 0
}

.iti-flag.rs {
    height: 14px;
    background-position: -4273px 0
}

.iti-flag.ru {
    height: 14px;
    background-position: -4295px 0
}

.iti-flag.rw {
    height: 14px;
    background-position: -4317px 0
}

.iti-flag.sa {
    height: 14px;
    background-position: -4339px 0
}

.iti-flag.sb {
    height: 10px;
    background-position: -4361px 0
}

.iti-flag.sc {
    height: 10px;
    background-position: -4383px 0
}

.iti-flag.sd {
    height: 10px;
    background-position: -4405px 0
}

.iti-flag.se {
    height: 13px;
    background-position: -4427px 0
}

.iti-flag.sg {
    height: 14px;
    background-position: -4449px 0
}

.iti-flag.sh {
    height: 10px;
    background-position: -4471px 0
}

.iti-flag.si {
    height: 10px;
    background-position: -4493px 0
}

.iti-flag.sj {
    height: 15px;
    background-position: -4515px 0
}

.iti-flag.sk {
    height: 14px;
    background-position: -4537px 0
}

.iti-flag.sl {
    height: 14px;
    background-position: -4559px 0
}

.iti-flag.sm {
    height: 15px;
    background-position: -4581px 0
}

.iti-flag.sn {
    height: 14px;
    background-position: -4603px 0
}

.iti-flag.so {
    height: 14px;
    background-position: -4625px 0
}

.iti-flag.sr {
    height: 14px;
    background-position: -4647px 0
}

.iti-flag.ss {
    height: 10px;
    background-position: -4669px 0
}

.iti-flag.st {
    height: 10px;
    background-position: -4691px 0
}

.iti-flag.sv {
    height: 12px;
    background-position: -4713px 0
}

.iti-flag.sx {
    height: 14px;
    background-position: -4735px 0
}

.iti-flag.sy {
    height: 14px;
    background-position: -4757px 0
}

.iti-flag.sz {
    height: 14px;
    background-position: -4779px 0
}

.iti-flag.ta {
    height: 10px;
    background-position: -4801px 0
}

.iti-flag.tc {
    height: 10px;
    background-position: -4823px 0
}

.iti-flag.td {
    height: 14px;
    background-position: -4845px 0
}

.iti-flag.tf {
    height: 14px;
    background-position: -4867px 0
}

.iti-flag.tg {
    height: 13px;
    background-position: -4889px 0
}

.iti-flag.th {
    height: 14px;
    background-position: -4911px 0
}

.iti-flag.tj {
    height: 10px;
    background-position: -4933px 0
}

.iti-flag.tk {
    height: 10px;
    background-position: -4955px 0
}

.iti-flag.tl {
    height: 10px;
    background-position: -4977px 0
}

.iti-flag.tm {
    height: 14px;
    background-position: -4999px 0
}

.iti-flag.tn {
    height: 14px;
    background-position: -5021px 0
}

.iti-flag.to {
    height: 10px;
    background-position: -5043px 0
}

.iti-flag.tr {
    height: 14px;
    background-position: -5065px 0
}

.iti-flag.tt {
    height: 12px;
    background-position: -5087px 0
}

.iti-flag.tv {
    height: 10px;
    background-position: -5109px 0
}

.iti-flag.tw {
    height: 14px;
    background-position: -5131px 0
}

.iti-flag.tz {
    height: 14px;
    background-position: -5153px 0
}

.iti-flag.ua {
    height: 14px;
    background-position: -5175px 0
}

.iti-flag.ug {
    height: 14px;
    background-position: -5197px 0
}

.iti-flag.um {
    height: 11px;
    background-position: -5219px 0
}

.iti-flag.us {
    height: 11px;
    background-position: -5241px 0
}

.iti-flag.uy {
    height: 14px;
    background-position: -5263px 0
}

.iti-flag.uz {
    height: 10px;
    background-position: -5285px 0
}

.iti-flag.va {
    width: 15px;
    height: 15px;
    background-position: -5307px 0
}

.iti-flag.vc {
    height: 14px;
    background-position: -5324px 0
}

.iti-flag.ve {
    height: 14px;
    background-position: -5346px 0
}

.iti-flag.vg {
    height: 10px;
    background-position: -5368px 0
}

.iti-flag.vi {
    height: 14px;
    background-position: -5390px 0
}

.iti-flag.vn {
    height: 14px;
    background-position: -5412px 0
}

.iti-flag.vu {
    height: 12px;
    background-position: -5434px 0
}

.iti-flag.wf {
    height: 14px;
    background-position: -5456px 0
}

.iti-flag.ws {
    height: 10px;
    background-position: -5478px 0
}

.iti-flag.xk {
    height: 15px;
    background-position: -5500px 0
}

.iti-flag.ye {
    height: 14px;
    background-position: -5522px 0
}

.iti-flag.yt {
    height: 14px;
    background-position: -5544px 0
}

.iti-flag.za {
    height: 14px;
    background-position: -5566px 0
}

.iti-flag.zm {
    height: 14px;
    background-position: -5588px 0
}

.iti-flag.zw {
    height: 10px;
    background-position: -5610px 0
}

.iti-flag {
    height: 15px;
    box-shadow: 0 0 1px 0 #888;
    background-color: #DBDBDB;
    background-position: 100% 100%
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .iti-flag {
        background-size: 5630px 15px;
        background-image: url(../../css/img/flags@2x.png)
    }
}

.iti-flag.np {
    background-color: transparent
}

.icon {
    display: block;
    width: 16px;
    height: 16px;
    background-image: url(../../../images_v6/cameo/icons.png);
    background-repeat: no-repeat;
    background-size: 100%
}

body, html {
    height: 100%
}

.icon.icon_apple {
    background-position: 0 0
}

.icon.icon_arrow_down_white {
    background-position: 0 9.0909090909%
}

.icon.icon_arrow_left_red {
    background-position: 0 18.1818181818%
}

.icon.icon_arrow_right_red {
    background-position: 0 27.2727272727%
}

.icon.icon_arrow_up_black {
    background-position: 0 36.3636363636%
}

.icon.icon_checkmark {
    background-position: 0 45.4545454545%
}

.icon.icon_close {
    background-position: 0 54.5454545455%
}

.icon.icon_facebook {
    background-position: 0 63.6363636364%
}

.icon.icon_instagram {
    background-position: 0 72.7272727273%
}

.icon.icon_pause {
    background-position: 0 81.8181818182%
}

.icon.icon_play {
    background-position: 0 90.9090909091%
}

.icon.icon_twitter {
    background-position: 0 100%
}

@-webkit-keyframes fade_in {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fade_in {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes blink {
    0%, 100% {
        opacity: .1
    }
    50% {
        opacity: .4
    }
}

@keyframes blink {
    0%, 100% {
        opacity: .1
    }
    50% {
        opacity: .4
    }
}

@-webkit-keyframes previous_in {
    0% {
        left: -100%
    }
    100% {
        left: 0
    }
}

@keyframes previous_in {
    0% {
        left: -100%
    }
    100% {
        left: 0
    }
}

@-webkit-keyframes previous_out {
    0% {
        left: 0
    }
    100% {
        left: 100%
    }
}

@keyframes previous_out {
    0% {
        left: 0
    }
    100% {
        left: 100%
    }
}

@-webkit-keyframes next_in {
    0% {
        left: 100%
    }
    100% {
        left: 0
    }
}

@keyframes next_in {
    0% {
        left: 100%
    }
    100% {
        left: 0
    }
}

@-webkit-keyframes next_out {
    0% {
        left: 0
    }
    100% {
        left: -100%
    }
}

@keyframes next_out {
    0% {
        left: 0
    }
    100% {
        left: -100%
    }
}

@font-face {
    font-family: ApexRounded-Book;
    src: url(../../../fonts/cameo/ApexRounded-Book.eot);
    src: url(../../../fonts/cameo/ApexRounded-Book.eot?#iefix) format("embedded-opentype"), url(../../../fonts/cameo/ApexRounded-Book.woff) format("woff")
}

@font-face {
    font-family: ApexRounded-Medium;
    src: url(../../../fonts/cameo/ApexRounded-Medium.eot);
    src: url(../../../fonts/cameo/ApexRounded-Medium.eot?#iefix) format("embedded-opentype"), url(../../../fonts/cameo/ApexRounded-Medium.woff) format("woff")
}

@font-face {
    font-family: ApexRounded-Bold;
    src: url(../../../fonts/cameo/ApexRounded-Bold.eot);
    src: url(../../../fonts/cameo/ApexRounded-Bold.eot?#iefix) format("embedded-opentype"), url(../../../fonts/cameo/ApexRounded-Bold.woff) format("woff")
}

*, ::after, ::before {
    box-sizing: border-box;
    outline: 0
}

body {
    min-width: inherit;
    border-bottom: none;
    opacity: 0;
    background-color: #FFF;
}

body.loaded {
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, .85, .49, .99) 0s;
    transition: all 1s cubic-bezier(.4, .85, .49, .99) 0s
}

body.loaded #intro .content_wrapper .logo {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 1.5s cubic-bezier(.4, .85, .49, .99) .5s;
    transition: all 1.5s cubic-bezier(.4, .85, .49, .99) .5s
}

body.loaded #intro .content_wrapper .tagline {
    opacity: 1;
    -webkit-transition: opacity 1.5s cubic-bezier(.4, .85, .49, .99) 1.7s;
    transition: opacity 1.5s cubic-bezier(.4, .85, .49, .99) 1.7s
}

body.loaded #intro .content_wrapper .download {
    opacity: 1;
    -webkit-transition: opacity 1.5s cubic-bezier(.4, .85, .49, .99) 2.2s, box-shadow .25s ease;
    transition: opacity 1.5s cubic-bezier(.4, .85, .49, .99) 2.2s, box-shadow .25s ease
}

body.loaded #intro .scroll_wrapper .icon, body.loaded #intro .scroll_wrapper .scroll_text {
    opacity: 1;
    -webkit-transition: all 1.5s cubic-bezier(.4, .85, .49, .99) 2.7s;
    transition: all 1.5s cubic-bezier(.4, .85, .49, .99) 2.7s
}

ul {
    list-style-type: none
}

a {
    text-decoration: none;
    font-weight: 400;
    -webkit-transition: color .15s ease 0s;
    transition: color .15s ease 0s
}

a:hover {
    color: #F64C44
}

#features .content_wrapper, #soundtracks .content_wrapper .group.featured, #videos .content_wrapper .video_list, .app_wrapper section, .clearfix, .slider_pager {
    zoom: 1
}

#features .content_wrapper:after, #features .content_wrapper:before, #soundtracks .content_wrapper .group.featured:after, #soundtracks .content_wrapper .group.featured:before, #videos .content_wrapper .video_list:after, #videos .content_wrapper .video_list:before, .app_wrapper section:after, .app_wrapper section:before, .clearfix:after, .clearfix:before, .slider_pager:after, .slider_pager:before {
    content: "";
    display: table
}

#features .content_wrapper:after, #soundtracks .content_wrapper .group.featured:after, #videos .content_wrapper .video_list:after, .app_wrapper section:after, .clearfix:after, .slider_pager:after {
    clear: both
}

.button {
    position: relative;
    height: 40px;
    padding: 11px 30px;
    border: none;
    border-radius: 20px;
    background: #F64C44;
    font-size: 14px;
    color: #FFF;
    text-transform: uppercase;
    line-height: 140%;
    box-shadow: 0 20px 40px 0 #FF644E inset;
    -webkit-transition: box-shadow .25s ease 0s;
    transition: box-shadow .25s ease 0s
}

.button:focus, .button:hover {
    color: #FFF;
    box-shadow: 0 20px 40px 0 transparent inset
}

.button:active {
    box-shadow: 0 -20px 40px 0 #FF644E inset;
    -webkit-transition: box-shadow 0s ease !important;
    transition: box-shadow 0s ease !important
}

.button.small {
    height: 34px;
    padding: 9px 16px;
    border-radius: 17px;
    font-size: 12px
}

.button .icon {
    position: absolute;
    margin-top: -1px
}

.button .icon ~ span {
    padding-left: 22px
}

.circle_button {
    display: block;
    width: 40px;
    height: 40px;
    padding: 12px 0;
    border: none;
    border-radius: 20px;
    background-color: #FFF;
    text-align: center
}

.circle_button.black {
    background-color: #000
}

.circle_button.black.transparent {
    background-color: rgba(0, 0, 0, .2)
}

.circle_button.red {
    background: -webkit-linear-gradient(top, #FF644E, #F64C44) #FF644E;
    background: linear-gradient(to bottom, #FF644E, #F64C44) #FF644E
}

.circle_button.facebook {
    background-color: #3B5998
}

.circle_button.twitter {
    background-color: #00ACED
}

.circle_button.instagram {
    background-color: #517FA4
}

.circle_button.small {
    width: 30px;
    height: 30px;
    padding: 7px 0;
    border-radius: 15px
}

.media_wrapper, .modal, a .overlay {
    width: 100%;
    height: 100%
}

.circle_button .icon {
    margin: 0 auto
}

a:focus .overlay, a:hover .overlay {
    opacity: 1
}

a .overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(0, 0, 0, .7);
    opacity: 0;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s
}

a .overlay .play {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -20px
}

a .overlay .info {
    position: absolute;
    left: 20px;
    bottom: 14px;
    font-size: 14px;
    color: #FFF;
    text-align: left;
    line-height: 100%
}

a .overlay .info .title {
    margin-bottom: 2px
}

.media_wrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    overflow: hidden;
    background-color: #000
}

.media_wrapper .background_video {
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    min-width: 100%;
    min-height: 100%;
    margin: auto
}

.media_wrapper .background_picture {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.media_wrapper .background_picture.intro_mobile {
    background-image: url(bg.jpg)
}

.media_wrapper .background_picture.theme_heatwave {
    background-image: url(../../../images_v6/cameo/theme_heatwave_picture.jpg)
}

.media_wrapper .background_picture.theme_silhouette {
    background-image: url(../../../images_v6/cameo/theme_silhouette_picture.jpg)
}

.media_wrapper .background_picture.theme_treehouse {
    background-image: url(../../../images_v6/cameo/theme_treehouse_picture.jpg)
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 200;
    background-color: rgba(255, 255, 255, .95)
}

.modal .close {
    position: absolute;
    top: 20px;
    left: 20px
}

.carousel, .carousel .slides {
    position: relative
}

.slider_pager .pager_item {
    float: left;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #989898;
    margin-right: 10px
}

.slider_pager .pager_item:last-of-type {
    margin-right: 0
}

.video_item {
    float: left
}

.video_item .thumbnail {
    overflow: hidden
}

.video_item .thumbnail .poster {
    -webkit-transition: all .2s ease-in 0s;
    transition: all .2s ease-in 0s
}

.video_item .thumbnail .poster:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.video_item .info {
    margin-top: 5px;
    text-align: left
}

.video_item .info p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.video_item .info .title {
    font-size: 14px
}

.video_item .info .title a {
    color: #000
}

.video_item .info .title a:hover {
    color: #F64C44
}

.video_item .info .filmmaker {
    font-size: 12px;
    color: #9da2a8;
    min-height: 100px;
    white-space: normal;
}

.video_item .info .filmmaker a {
    color: #9da2a8
}

.video_item .info .filmmaker a:hover {
    color: #F64C44
}

.carousel .slides {
    overflow: hidden;
    height: 330px
}

.carousel .slides .slide {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
    width: 100%;
    padding: 0 10px
}

.carousel .slides .slide.previous_in {
    visibility: visible;
    z-index: 2;
    -webkit-animation: previous_in .5s forwards;
    animation: previous_in .5s forwards
}

.carousel .slides .slide.previous_out {
    visibility: visible;
    -webkit-animation: previous_out .5s forwards;
    animation: previous_out .5s forwards
}

.carousel .slides .slide.next_in {
    visibility: visible;
    z-index: 2;
    -webkit-animation: next_in .5s forwards;
    animation: next_in .5s forwards
}

.carousel .slides .slide.next_out {
    visibility: visible;
    -webkit-animation: next_out .5s forwards;
    animation: next_out .5s forwards
}

.carousel .slides .slide .row {
    margin-bottom: 20px
}

.app_wrapper p, .carousel .slides .slide .row:last-of-type {
    margin-bottom: 0
}

.carousel .slides .slide .row .video_item {
    width: 22%;
    margin-right: 4%
}

.carousel .slides .slide .row .video_item:nth-of-type(4n) {
    margin-right: 0
}

.carousel .slides .slide .row .video_item .poster {
    width: 100%
}

.carousel .navigation {
    position: absolute;
    top: 135px;
    display: block;
    height: 20px;
    width: 20px;
    border-top: 2px solid #000;
    border-left: 2px solid #000;
    -webkit-transition: border .1s ease 0s;
    transition: border .1s ease 0s
}

.carousel .navigation:hover {
    border-top: 2px solid #F64C44;
    border-left: 2px solid #F64C44
}

.carousel .navigation.left {
    left: -30px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#topnav_desktop, .body_ribbon {
    position: fixed;
    left: 0;
    z-index: 10
}

.carousel .navigation.right {
    right: -30px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.carousel .navigation.disabled {
    pointer-events: none;
    border-top: 2px solid #d3d3d3;
    border-left: 2px solid #d3d3d3
}

.more_link {
    display: inline-block
}

.app_wrapper .preload, .more_link.mobile {
    display: none
}

.body_ribbon {
    top: 0;
    background-image: url(../../../images_v6/cameo_ribbon.png) !important;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

#topnav_desktop {
    top: 5px;
    width: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background-color: transparent;
    border-bottom: 0
}

#topnav_desktop .topnav_desktop_menu_items_dropdown {
    background-color: #000;
    border: none
}

#topnav_desktop .topnav_desktop_menu_items_dropdown:after, #topnav_desktop .topnav_desktop_menu_items_dropdown:before {
    border-bottom: 8px solid #000
}

#topnav_desktop .topnav_desktop_menu_items_dropdown a, #topnav_desktop .topnav_desktop_menu_items_dropdown button {
    color: #999
}

#topnav_desktop .topnav_desktop_menu_items_dropdown a:focus, #topnav_desktop .topnav_desktop_menu_items_dropdown a:hover, #topnav_desktop .topnav_desktop_menu_items_dropdown button:focus, #topnav_desktop .topnav_desktop_menu_items_dropdown button:hover {
    background-color: #F64C44;
    color: #FFF
}

#topnav_desktop .topnav_desktop_menu_items_dropdown .topnav_user_profile a, #topnav_desktop .topnav_desktop_menu_items_dropdown .topnav_user_profile a:focus small, #topnav_desktop .topnav_desktop_menu_items_dropdown .topnav_user_profile a:hover small {
    color: #FFF
}

#topnav_desktop .topnav_desktop_menu_items_dropdown .topnav_user_profile a small {
    color: #AAA
}

#topnav_desktop .topnav_desktop_menu_items_dropdown .topnav_desktop_menu_items_dropdown_item_separator {
    border-bottom-color: #222;
    border-radius: 1px
}

#topnav_desktop .topnav_desktop_logo {
    background: #fff;
    border-radius: 10px;
    width: auto;
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
}

#topnav_desktop .topnav_desktop_menu .topnav_desktop_menu_items > a {
    color: #333
}

#topnav_desktop .topnav_desktop_menu .topnav_desktop_menu_items > a:focus, #topnav_desktop .topnav_desktop_menu .topnav_desktop_menu_items > a:hover {
    color: #666
}

#topnav_desktop .topnav_menu_search_input, #topnav_desktop .topnav_menu_search_submit {
    background-color: rgba(0, 0, 0, .1);
    border-color: rgba(0, 0, 0, .1) !important;
    color: rgba(0, 0, 0, .5);
    -webkit-appearance: none
}

#topnav_desktop .topnav_menu_search_input:-ms-input-placeholder, #topnav_desktop .topnav_menu_search_submit:-ms-input-placeholder {
    color: rgba(0, 0, 0, .3)
}

#topnav_desktop .topnav_menu_search_input::-webkit-input-placeholder, #topnav_desktop .topnav_menu_search_submit::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .3)
}

#topnav_desktop .topnav_menu_search_input::placeholder, #topnav_desktop .topnav_menu_search_submit::placeholder {
    color: rgba(0, 0, 0, .3)
}

#topnav_desktop .topnav_menu_search_input:focus, #topnav_desktop .topnav_menu_search_input:focus ~ .topnav_menu_search_submit, #topnav_desktop .topnav_menu_search_submit:focus, #topnav_desktop .topnav_menu_search_submit:focus ~ .topnav_menu_search_submit {
    border-color: rgba(0, 0, 0, .2) !important;
    color: #000 !important
}

#topnav_desktop .autocomplete_wrapper {
    background-color: rgba(0, 0, 0, .1);
    border-color: rgba(0, 0, 0, .1)
}

#topnav_desktop .autocomplete_wrapper a {
    color: #000
}

#topnav_desktop .autocomplete_wrapper a.active {
    background-color: rgba(0, 0, 0, .2)
}

#topnav_desktop .topnav_menu_avatar {
    box-sizing: content-box
}

#topnav_desktop .topnav_desktop_upload {
    background-color: #333
}

#topnav_desktop .topnav_desktop_upload:focus, #topnav_desktop .topnav_desktop_upload:hover {
    background-color: #666
}

.app_wrapper {
    height: 100%;
    font-family: ApexRounded-Book, Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #989898;
    font-weight: 400;
    line-height: normal
}

.app_wrapper h2, .app_wrapper h3 {
    font-family: ApexRounded-Medium, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    margin-top: 0
}

.app_wrapper h2 {
    font-size: 30px
}

.app_wrapper h2.white {
    color: #FFF
}

.app_wrapper h2.red {
    color: #F54B43
}

.app_wrapper h3 {
    font-size: 20px;
    color: #F54B43
}

.app_wrapper p {
    margin-top: 0
}

.app_wrapper input[type=text] {
    font-family: ApexRounded-Book, Helvetica, Arial, sans-serif
}

.app_wrapper #cameo_wrapper {
    height: 100%
}

.app_wrapper section {
    position: relative;
    width: 100%;
    min-height: 600px;
    padding: 90px 0;
    text-align: center
}

.app_wrapper section header {
    max-width: 650px;
    margin: 0 auto
}

.app_wrapper section header h2 {
    margin-bottom: 15px
}

.app_wrapper section header .header_badge {
    margin-bottom: 25px
}

.app_wrapper section header p {
    line-height: 140%
}

.app_wrapper section header p.white {
    color: #FFF
}

.app_wrapper section .scroll {
    position: absolute;
    left: 50%;
    bottom: 20px;
    z-index: 3;
    margin-left: -20px;
    display: none;
}

.section_menu {
    height: 30px;
    position: fixed;
    top: 20px;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    z-index: 100;
    background-color: rgba(255, 255, 255, .9);
    padding: 5px 20px;
    border-radius: 15px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
    white-space: nowrap
}

#intro, #intro .inner {
    height: 100vh;
    width: 100%
}

.section_menu li {
    display: inline-block;
    padding: 0 20px
}

.section_menu li a {
    font-size: 12px;
    font-family: ApexRounded-Bold, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #888;
    -webkit-transition: color .3s ease 0s;
    transition: color .3s ease 0s
}

#download .content_wrapper .phone_number .input_overlay.instruction, #intro .animation_wrapper .content_wrapper .tagline, #themes .navigation {
    font-family: ApexRounded-Medium, Helvetica, Arial, sans-serif;
    text-transform: uppercase
}

.section_menu li a.active, .section_menu li a:hover {
    color: #000
}

.section_menu li a.highlight_link {
    color: #F64C44
}

#intro {
    padding: 0;
    background-color: #FFF;
    opacity: 1
}

#intro.seen .inner {
    z-index: -1;
    display: none
}

#intro .inner {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3
}

#intro .animation_wrapper {
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

#intro .animation_wrapper .content_wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    padding: 0 20px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #FFF
}

#intro .animation_wrapper .content_wrapper .logo {
    display: inline-block;
    width: 80%;
    height: 30vh;
    background-image: none;   
    -webkit-transform: translateY(25px);
    transform: translateY(25px);
    opacity: 0
}

#intro .animation_wrapper .content_wrapper .logo .icon_wrapper {
    display: inline-block;
    background-image: none;   
    -webkit-transform: translateY(25px);
    transform: translateY(25px);
}

#intro .animation_wrapper .content_wrapper .logo .icon_wrapper p {
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border:1px solid #f1731e;
}

#intro .animation_wrapper .content_wrapper .logo .icon_wrapper p:nth-child(1) {
    background: url(nav-icon1.png) no-repeat center center #fff;
    background-size: 60%;
     -webkit-transform: translate(-11vw,15vw);
    transform: translate(-11vw, 15vw);
}
#intro .animation_wrapper .content_wrapper .logo .icon_wrapper p:nth-child(2) {
    background: url(nav-icon2.png) no-repeat center center #fff;
    background-size: 60%;
    -webkit-transform: translate(-7vw, 3vw);
    transform: translate(-7vw, 3vw);
}
#intro .animation_wrapper .content_wrapper .logo .icon_wrapper p:nth-child(3) {
    background: url(nav-icon3.png) no-repeat center center #fff;
    background-size: 60%;
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}
#intro .animation_wrapper .content_wrapper .logo .icon_wrapper p:nth-child(4) {
    background: url(nav-icon4.png) no-repeat center center #fff;
    background-size: 60%;
     -webkit-transform: translate(7vw, 3vw);
    transform: translate(7vw, 3vw);
}
#intro .animation_wrapper .content_wrapper .logo .icon_wrapper p:nth-child(5) {
    background: url(nav-icon5.png) no-repeat center center #fff;
    background-size: 60%;
     -webkit-transform: translate(11vw,15vw);
    transform: translate(11vw, 15vw);
}
#intro .animation_wrapper .content_wrapper .logo .icon_wrapper p.icon_current {
    border:1px solid #fff;
    background-color: #f1731e;
    box-shadow: 0 0 20px 1px #f1731e;
}

#intro .animation_wrapper .content_wrapper .tagline {
    margin-top: 12px;
    font-size: 26px;
    letter-spacing: 1.5px;
    opacity: 0
}

#intro .animation_wrapper .content_wrapper .download {
    display: inline-block;
    position: relative;
    width: 160px;
    margin: 45px 10px 0;
    padding: 11px 0 11px 50px;
    opacity: 0;
    text-align: left;
    
}
.wk-iphone,.wk-android {
    position: relative;
}
.wk-iphone span:before{ 
    background: url(down_btn.png) repeat-x;
    background-position: -30px -100px;
    width: 22px;
    height: 40px;
    content: '';
    position: absolute;
    left: 18px;
    top: 0;
}
.wk-android span:before{ 
    background: url(down_btn.png) repeat-x;
    background-position: -60px -100px;
    width: 22px;
    height: 40px;
    content: '';
    position: absolute;
    left: 18px;
    top: 0;
}

#intro .animation_wrapper .scroll_wrapper {
    position: absolute;
    left: 50%;
    bottom: 20px;
    z-index: 3;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-animation: blink 3s linear infinite;
    animation: blink 3s linear infinite;
    text-align: center
}

#intro .animation_wrapper .scroll_wrapper .scroll_text {
    margin-bottom: 3px;
    opacity: 0;
    color: #FFF;
    font-size: 14px
}

#intro .animation_wrapper .scroll_wrapper .icon {
    margin: 0 auto;
    opacity: 0
}

#intro .intro_background {
    position: absolute;
    left: 50%;
    z-index: 2;
    width: 3000px;
    -webkit-transform: translate3d(-50%, -350px, 0);
    transform: translate3d(-50%, -350px, 0);
    -webkit-transform-origin: center top;
    transform-origin: center top
}

#intro .intro_background img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

#intro .intro_background img.intro_image {
    width: 100%;
    border-radius: 25px
}

#intro .intro_background img.intro_ui {
    position: absolute
}

#intro .intro_background img.intro_ui.home {
    top: 35px;
    left: 35px
}

#intro .intro_background img.intro_ui.finish {
    top: 35px;
    right: 35px
}

#intro .intro_background img.intro_ui.bar {
    bottom: 35px;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
}

#phone {
    height: 750px;
    padding: 0;
    background: -webkit-linear-gradient(top, #FFF, #EDEDED) #FFF;
    background: linear-gradient(to bottom, #FFF, #EDEDED) #FFF
}

#phone.seen .inner {
    position: relative;
    height: 100vh;
    margin-top: 150px;
    min-height: 650px;
    overflow: hidden
}

#phone.seen .inner .phone_animation_wrapper {
    position: absolute
}

#phone.seen .inner .phone_animation_wrapper .sliding_pictures {
    visibility: visible
}

#phone.seen .inner .phone_animation_wrapper .sliding_pictures .picture.near.left {
    -webkit-transform: translate3d(-418px, 0, 0) rotateX(30deg);
    transform: translate3d(-418px, 0, 0) rotateX(30deg)
}

#phone.seen .inner .phone_animation_wrapper .sliding_pictures .picture.near.right {
    -webkit-transform: translate3d(418px, 0, 0) rotateX(30deg);
    transform: translate3d(418px, 0, 0) rotateX(30deg)
}

#phone.seen .inner .phone_animation_wrapper .sliding_pictures .picture.far.left {
    -webkit-transform: translate3d(-762px, 0, 0) rotateX(30deg);
    transform: translate3d(-762px, 0, 0) rotateX(30deg)
}

#phone.seen .inner .phone_animation_wrapper .sliding_pictures .picture.far.right {
    -webkit-transform: translate3d(762px, 0, 0) rotateX(30deg);
    transform: translate3d(762px, 0, 0) rotateX(30deg)
}

#phone.seen .inner .video_controls {
    opacity: 1;
    -webkit-transition: opacity 1s cubic-bezier(.4, .85, .49, .99) .5s;
    transition: opacity 1s cubic-bezier(.4, .85, .49, .99) .5s
}

#phone.fixed .inner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    margin-top: 0;
    z-index: 90
}

#phone .inner {
    padding: 90px 0
}

#phone .inner header {
    margin-top: 50px
}

#phone .inner .phone_animation_wrapper {
    position: fixed;
    left: 0;
    top: 330px;
    width: 100%;
    height: 332px;
    z-index: 1
}

#phone .inner .phone_animation_wrapper .phone_picture {
    position: absolute;
    left: 50%;
    z-index: 2;
    width: 590px;
    height: 332px;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
}

#phone .inner .phone_animation_wrapper .phone_picture.animated {
    top: -85px;
    background-image: url(phone_animation.png);
}

#phone .inner .phone_animation_wrapper .phone_picture.static {
    background-image: url(phone_static@2x.png);
    background-size: 100%
}

#phone .inner .phone_animation_wrapper .sliding_pictures {
    position: absolute;
    top: 5px;
    z-index: 1;
    width: 100%;
    -webkit-perspective: 560px;
    -ms-perspective: 560px;
    -o-perspective: 560px;
    perspective: 560px;
    visibility: hidden
}

#phone .inner .phone_animation_wrapper .sliding_pictures .picture {
    position: absolute;
    left: 50%;
    width: 340px;
    height: 150px;
    margin-left: -170px;
    -webkit-transform: translate3d(0, 0, 0) rotateX(30deg);
    transform: translate3d(0, 0, 0) rotateX(30deg);
    -webkit-transition: all 1s cubic-bezier(.4, .85, .49, .99) 0s;
    transition: all 1s cubic-bezier(.4, .85, .49, .99) 0s;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .3);
    border-radius: 4px;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#phone .inner .phone_animation_wrapper .sliding_pictures .picture.near {
    z-index: 2
}

#phone .inner .phone_animation_wrapper .sliding_pictures .picture.far, #themes {
    z-index: 1
}

#phone .inner .phone_animation_wrapper .sliding_pictures .picture.sliding_picture1 {
    background-image: url(pt2.jpg);
}

#phone .inner .phone_animation_wrapper .sliding_pictures .picture.sliding_picture2 {
    background-image: url(pt1.jpg);
}

#phone .inner .phone_animation_wrapper .sliding_pictures .picture.sliding_picture3 {
    background-image: url(pt3.jpg);
}

#phone .inner .phone_animation_wrapper .sliding_pictures .picture.sliding_picture4 {
    background-image: url(pt4.jpg);
}

#phone .inner .video_controls {
    position: absolute;
    top: 230px;
    left: 50%;
    z-index: 1;
    width: 566px;
    height: 66px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    -webkit-transition: opacity 1s cubic-bezier(.4, .85, .49, .99) 0s;
    transition: opacity 1s cubic-bezier(.4, .85, .49, .99) 0s;
    background-image: url(../../../images_v6/cameo/picture_video_controls.png);
    background-repeat: no-repeat;
    background-size: 100%
}

#features {
    padding-top: 150px;
    overflow: hidden;
    background-color: #EDEDED
}

#themes .navigation, #themes .slider_pager .pager_item.current {
    background-color: #FFF
}

#features.seen .content_wrapper .features_wrapper .feature {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

#features.seen .content_wrapper .features_wrapper .feature:nth-of-type(1) {
    -webkit-transition: opacity .5s cubic-bezier(.4, .85, .49, .99) 0s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) 0s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) 0s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) 0s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) 0s, transform .5s cubic-bezier(.4, .85, .49, .99) 0s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) 0s, transform .5s cubic-bezier(.4, .85, .49, .99) 0s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) 0s
}

#features.seen .content_wrapper .features_wrapper .feature:nth-of-type(2) {
    -webkit-transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .2s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) .2s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .2s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) .2s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .2s, transform .5s cubic-bezier(.4, .85, .49, .99) .2s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .2s, transform .5s cubic-bezier(.4, .85, .49, .99) .2s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) .2s
}

#features.seen .content_wrapper .features_wrapper .feature:nth-of-type(3) {
    -webkit-transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .4s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) .4s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .4s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) .4s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .4s, transform .5s cubic-bezier(.4, .85, .49, .99) .4s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .4s, transform .5s cubic-bezier(.4, .85, .49, .99) .4s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) .4s
}

#features .content_wrapper {
    max-width: 1024px;
    margin: 0 auto
}

#features .content_wrapper .features_wrapper .feature {
    float: left;
    width: 30%;
    margin-right: 5%;
    opacity: 0;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0)
}

#features .content_wrapper .features_wrapper .feature:nth-of-type(1) {
    -webkit-transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .4s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) .4s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .4s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) .4s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .4s, transform .5s cubic-bezier(.4, .85, .49, .99) .4s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .4s, transform .5s cubic-bezier(.4, .85, .49, .99) .4s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) .4s
}

#features .content_wrapper .features_wrapper .feature:nth-of-type(2) {
    -webkit-transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .2s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) .2s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .2s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) .2s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .2s, transform .5s cubic-bezier(.4, .85, .49, .99) .2s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .2s, transform .5s cubic-bezier(.4, .85, .49, .99) .2s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) .2s
}

#features .content_wrapper .features_wrapper .feature:nth-of-type(3) {
    margin-right: 0;
    -webkit-transition: opacity .5s cubic-bezier(.4, .85, .49, .99) 0s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) 0s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) 0s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) 0s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) 0s, transform .5s cubic-bezier(.4, .85, .49, .99) 0s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) 0s, transform .5s cubic-bezier(.4, .85, .49, .99) 0s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) 0s
}

#features .content_wrapper .features_wrapper .feature .inner {
    /*max-height: 555px;*/
    background-color: #FFF;
    border-radius: 5px;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1);
    overflow: hidden
}

#features .content_wrapper .features_wrapper .feature .inner .picture {
    min-height: 200px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

#soundtracks .content_wrapper .group .soundtrack, #themes .theme_slider .theme .text_image .inner {
    background-repeat: no-repeat;
    background-size: 100%
}

#soundtracks .content_wrapper {
	display: none;
}

#features .content_wrapper .features_wrapper .feature .inner .picture.feature_picture1 {
    background-image: url(img3.jpg)
}

#features .content_wrapper .features_wrapper .feature .inner .picture.feature_picture2 {
    background-image: url(food1.jpg)
}

#features .content_wrapper .features_wrapper .feature .inner .picture.feature_picture3 {
    background-image: url(cg1.jpg)
}

#features .content_wrapper .features_wrapper .feature .inner .info {
    padding: 40px
}

#features .content_wrapper .features_wrapper .feature .inner .info h3 {
    margin-bottom: 15px;
    line-height: 110%
}

#features .content_wrapper .features_wrapper .feature .inner .info p, #themes .navigation .theme {
    line-height: 140%
}

#features .content_wrapper .slider_pager {
    display: none
}

#themes {
    height: 100vh;
    overflow: hidden
}

#themes .navigation {
    display: inline-block;
    position: relative;
    width: 200px;
    height: 40px;
    padding: 11px 0;
    margin-top: 35px;
    border-radius: 20px;
    font-size: 16px;
    color: #000;
    display: none;
}

#themes .navigation .left, #themes .navigation .right {
    display: block;
    position: absolute;
    top: 0;
    width: 40px;
    height: 40px;
    padding: 12px 0;
    text-align: center
}

#themes .navigation .left .icon, #themes .navigation .right .icon {
    margin: 0 auto
}

#soundtracks.seen .content_wrapper .group.left .soundtrack:nth-of-type(-n+5), #soundtracks.seen .content_wrapper .group.right .soundtrack:nth-of-type(-n+5) {
    margin-bottom: 5px
}

#themes .navigation .left {
    left: 0
}

#themes .navigation .right {
    right: 0
}

#themes .slider_pager {
    display: none;
    position: absolute;
    left: 50%;
    bottom: 20px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

#themes .theme_slider {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

#themes .theme_slider .theme {
    position: absolute;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    display: none
}

#themes .theme_slider .theme.next_in, #themes .theme_slider .theme.previous_in {
    display: block;
    z-index: 2;
    -webkit-animation: fade_in 1s forwards;
    animation: fade_in 1s forwards
}

#themes .theme_slider .theme.next_in .text_image, #themes .theme_slider .theme.previous_in .text_image {
    opacity: 0;
    -webkit-animation: fade_in 1s forwards 1s;
    animation: fade_in 1s forwards 1s
}

#themes .theme_slider .theme.next_out, #themes .theme_slider .theme.previous_out {
    display: block;
    z-index: 1
}

#themes .theme_slider .theme .text_image {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

#themes .theme_slider .theme .text_image.theme_text_treehouse {
    width: 689px
}

#themes .theme_slider .theme .text_image.theme_text_treehouse .inner {
    padding-bottom: 10.45%;
    background-image: url(../../../images_v6/cameo/theme_treehouse_text.png)
}

#themes .theme_slider .theme .text_image.theme_text_silhouette {
    width: 670px
}

#themes .theme_slider .theme .text_image.theme_text_silhouette .inner {
    padding-bottom: 15.07%;
    background-image: url(../../../images_v6/cameo/theme_silhouette_text.png)
}

#themes .theme_slider .theme .text_image.theme_text_heatwave {
    width: 687px
}

#themes .theme_slider .theme .text_image.theme_text_heatwave .inner {
    padding-bottom: 19.07%;
    background-image: url(../../../images_v6/cameo/theme_heatwave_text.png)
}

#soundtracks {
    height: 100vh;
    min-height: 800px;
    overflow: hidden;
    background-color: #1F1F1F;
    background-image: -webkit-radial-gradient(center, circle cover, #444 0, #1F1F1F 60%);
    background-image: radial-gradient(center, circle cover, #444 0, #1F1F1F 60%)
}

#soundtracks.seen .content_wrapper .group.featured {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1)
}

#soundtracks.seen .content_wrapper .group.featured .soundtrack:focus, #soundtracks.seen .content_wrapper .group.featured .soundtrack:hover {
    box-shadow: 0 0 30px 0 rgba(255, 255, 255, .3)
}

#soundtracks.seen .content_wrapper .group.left {
    -webkit-transform: translate3d(-163px, -142.5px, 0);
    transform: translate3d(-163px, -142.5px, 0)
}

#soundtracks.seen .content_wrapper .group.left .soundtrack {
    margin-left: 5px
}

#soundtracks.seen .content_wrapper .group.left .soundtrack:nth-of-type(5n) {
    margin-left: 0
}

#soundtracks.seen .content_wrapper .group.right {
    -webkit-transform: translate3d(163px, -142.5px, 0);
    transform: translate3d(163px, -142.5px, 0)
}

#soundtracks.seen .content_wrapper .group.right .soundtrack {
    margin-right: 5px
}

#soundtracks.seen .content_wrapper .group.right .soundtrack:nth-of-type(5n) {
    margin-right: 0
}

#soundtracks .content_wrapper .group.left .soundtrack:nth-of-type(-n+5), #soundtracks .content_wrapper .group.right .soundtrack:nth-of-type(-n+5) {
    margin-bottom: 10px
}

#soundtracks .content_wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 440px;
    margin-top: 100px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#soundtracks .content_wrapper .group {
    font-size: 0;
    -webkit-transition: all 1s cubic-bezier(.4, .85, .49, .99) 0s;
    transition: all 1s cubic-bezier(.4, .85, .49, .99) 0s
}

#soundtracks .content_wrapper .group.featured {
    position: relative;
    width: 435px;
    height: 435px;
    -webkit-transform: translate3d(0, 2.5px, 0) scale(.667);
    transform: translate3d(0, 2.5px, 0) scale(.667);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

#soundtracks .content_wrapper .group.featured .soundtrack {
    position: absolute;
    width: 210px;
    height: 210px;
    border-radius: 5px
}

#soundtracks .content_wrapper .group.featured .soundtrack:nth-of-type(1) {
    top: 0;
    left: 0
}

#soundtracks .content_wrapper .group.featured .soundtrack:nth-of-type(2) {
    top: 0;
    right: 0
}

#soundtracks .content_wrapper .group.featured .soundtrack:nth-of-type(3) {
    bottom: 0;
    left: 0
}

#soundtracks .content_wrapper .group.featured .soundtrack:nth-of-type(4) {
    bottom: 0;
    right: 0
}

#soundtracks .content_wrapper .group.featured .soundtrack:focus .overlay, #soundtracks .content_wrapper .group.featured .soundtrack:hover .overlay {
    background-color: rgba(0, 0, 0, .7)
}

#soundtracks .content_wrapper .group.featured .soundtrack:focus .overlay .info, #soundtracks .content_wrapper .group.featured .soundtrack:hover .overlay .info {
    display: block
}

#soundtracks .content_wrapper .group.featured .soundtrack.is_playing .overlay {
    opacity: 1
}

#soundtracks .content_wrapper .group.featured .soundtrack.is_playing .icon_play {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

#soundtracks .content_wrapper .group.featured .soundtrack.is_playing .icon_pause {
    opacity: 1;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

#soundtracks .content_wrapper .group.featured .soundtrack.is_paused .overlay {
    opacity: 1
}

#soundtracks .content_wrapper .group.featured .soundtrack .icon_play {
    opacity: 1;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

#soundtracks .content_wrapper .group.featured .soundtrack .icon_pause {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

#soundtracks .content_wrapper .group.featured .soundtrack .overlay {
    background-color: transparent;
    border-radius: 5px
}

#soundtracks .content_wrapper .group.featured .soundtrack .overlay .play .icon {
    position: absolute;
    left: 50%;
    margin-left: -8px;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

#soundtracks .content_wrapper .group.featured .soundtrack .overlay .info {
    display: none
}

#soundtracks .content_wrapper .group.featured .soundtrack .overlay .audio_playing {
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 16px;
    height: 16px
}

#soundtracks .content_wrapper .group.left, #soundtracks .content_wrapper .group.right {
    position: absolute;
    top: 50%;
    width: 740px
}

#soundtracks .content_wrapper .group.left {
    right: 373px;
    -webkit-transform: translate3d(0, -145px, 0);
    transform: translate3d(0, -145px, 0)
}

#soundtracks .content_wrapper .group.left .soundtrack {
    float: right;
    margin-left: 10px
}

#soundtracks .content_wrapper .group.left .soundtrack:nth-of-type(5n) {
    margin-left: 0
}

#soundtracks .content_wrapper .group.right {
    left: 373px;
    -webkit-transform: translate3d(0, -145px, 0);
    transform: translate3d(0, -145px, 0)
}

#soundtracks .content_wrapper .group.right .soundtrack {
    float: left;
    margin-right: 10px
}

#soundtracks .content_wrapper .group.right .soundtrack:nth-of-type(5n) {
    margin-right: 0
}

#soundtracks .content_wrapper .group.mobile {
    display: none;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 715px
}

#soundtracks .content_wrapper .group.mobile .soundtrack {
    float: left;
    width: 115px;
    height: 115px;
    margin-right: 5px
}

#soundtracks .content_wrapper .group.mobile .soundtrack:nth-of-type(6n) {
    margin-right: 0
}

#soundtracks .content_wrapper .group.mobile .soundtrack:nth-of-type(-n+6) {
    margin-bottom: 5px
}

#soundtracks .content_wrapper .group.mobile .soundtrack.soundtrack5 {
    background-position: 0 0
}

#soundtracks .content_wrapper .group.mobile .soundtrack.soundtrack6 {
    background-position: 0 -115px
}

#soundtracks .content_wrapper .group.mobile .soundtrack.soundtrack7 {
    background-position: 0 -230px
}

#soundtracks .content_wrapper .group.mobile .soundtrack.soundtrack8 {
    background-position: 0 -345px
}

#soundtracks .content_wrapper .group.mobile .soundtrack.soundtrack9 {
    background-position: 0 -460px
}

#soundtracks .content_wrapper .group.mobile .soundtrack.soundtrack10 {
    background-position: 0 -575px
}

#soundtracks .content_wrapper .group.mobile .soundtrack.soundtrack11 {
    background-position: 0 -690px
}

#soundtracks .content_wrapper .group.mobile .soundtrack.soundtrack12 {
    background-position: 0 -805px
}

#soundtracks .content_wrapper .group .soundtrack {
    display: block;
    width: 140px;
    height: 140px;
    border-radius: 3px;
    overflow: hidden;
    -webkit-transition: all 1s cubic-bezier(.4, .85, .49, .99) 0s;
    transition: all 1s cubic-bezier(.4, .85, .49, .99) 0s;
    background-image: url(../../../images_v6/cameo/soundtracks.jpg)
}

#soundtracks .content_wrapper .group .soundtrack.soundtrack1 {
    background-image: url(../../../images_v6/cameo/soundtrack1.jpg)
}

#soundtracks .content_wrapper .group .soundtrack.soundtrack2 {
    background-image: url(../../../images_v6/cameo/soundtrack2.jpg)
}

#soundtracks .content_wrapper .group .soundtrack.soundtrack3 {
    background-image: url(../../../images_v6/cameo/soundtrack3.jpg)
}

#soundtracks .content_wrapper .group .soundtrack.soundtrack4 {
    background-image: url(../../../images_v6/cameo/soundtrack4.jpg)
}

#soundtracks .content_wrapper .group .soundtrack.soundtrack5 {
    background-position: 0 0
}

#soundtracks .content_wrapper .group .soundtrack.soundtrack6 {
    background-position: 0 -140px
}

#soundtracks .content_wrapper .group .soundtrack.soundtrack7 {
    background-position: 0 -280px
}

#soundtracks .content_wrapper .group .soundtrack.soundtrack8 {
    background-position: 0 -420px
}

#soundtracks .content_wrapper .group .soundtrack.soundtrack9 {
    background-position: 0 -560px
}

#soundtracks .content_wrapper .group .soundtrack.soundtrack10 {
    background-position: 0 -700px
}

#soundtracks .content_wrapper .group .soundtrack.soundtrack11 {
    background-position: 0 -840px
}

#soundtracks .content_wrapper .group .soundtrack.soundtrack12 {
    background-position: 0 -980px
}

#soundtracks .content_wrapper .group .soundtrack.soundtrack13 {
    background-position: 0 -1120px
}

#soundtracks .content_wrapper .group .soundtrack.soundtrack14 {
    background-position: 0 -1260px
}

#soundtracks .content_wrapper .group .soundtrack.soundtrack15 {
    background-position: 0 -1400px
}

#soundtracks .content_wrapper .group .soundtrack.soundtrack16 {
    background-position: 0 -1540px
}

#soundtracks .content_wrapper .group .soundtrack.soundtrack17 {
    background-position: 0 -1680px
}

#soundtracks .content_wrapper .group .soundtrack.soundtrack18 {
    background-position: 0 -1820px
}

#soundtracks .content_wrapper .group .soundtrack.soundtrack19 {
    background-position: 0 -1960px
}

#soundtracks .content_wrapper .group .soundtrack.soundtrack20 {
    background-position: 0 -2100px
}

#soundtracks .content_wrapper .group .soundtrack.soundtrack21 {
    background-position: 0 -2240px
}

#soundtracks .content_wrapper .group .soundtrack.soundtrack22 {
    background-position: 0 -2380px
}

#soundtracks .content_wrapper .group .soundtrack.soundtrack23 {
    background-position: 0 -2520px
}

#soundtracks .content_wrapper .group .soundtrack.soundtrack24 {
    background-position: 0 -2660px
}

#videos {
    background: -webkit-linear-gradient(top, #F8F8F8, #FFF) #F8F8F8;
    background: linear-gradient(to bottom, #F8F8F8, #FFF) #F8F8F8
}

#videos header .badge_best_of_cameo {
    display: inline-block;
    width: 120px;
    height: 120px;
    background-image: url(logo.png);
    background-repeat: no-repeat;
    background-size: 100%;
    opacity: 0;
    -webkit-transition: opacity .75s cubic-bezier(.4, .85, .49, .99) 0s;
    transition: opacity .75s cubic-bezier(.4, .85, .49, .99) 0s
}

#videos header .badge_best_of_cameo.seen {
    opacity: 1
}

#videos .content_wrapper {
    max-width: 830px;
    margin: 50px auto 0
}

#videos .content_wrapper .video_list .video_item {
    display: block;
    float: left;
    width: 50%;
    padding-right: 2%;
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0)
}

#videos .content_wrapper .video_list .video_item:nth-of-type(-n+2) {
    margin-bottom: 20px
}

#videos .content_wrapper .video_list .video_item:nth-of-type(2n-1) {
    -webkit-transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .2s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) .2s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .2s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) .2s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .2s, transform .5s cubic-bezier(.4, .85, .49, .99) .2s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .2s, transform .5s cubic-bezier(.4, .85, .49, .99) .2s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) .2s
}

#videos .content_wrapper .video_list .video_item:nth-of-type(2n) {
    padding-left: 2%;
    padding-right: 0;
    -webkit-transition: opacity .5s cubic-bezier(.4, .85, .49, .99) 0s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) 0s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) 0s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) 0s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) 0s, transform .5s cubic-bezier(.4, .85, .49, .99) 0s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) 0s, transform .5s cubic-bezier(.4, .85, .49, .99) 0s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) 0s
}

#videos .content_wrapper .video_list .video_item.seen {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

#videos .content_wrapper .video_list .video_item.seen:nth-of-type(2n) {
    -webkit-transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .2s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) .2s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .2s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) .2s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .2s, transform .5s cubic-bezier(.4, .85, .49, .99) .2s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .2s, transform .5s cubic-bezier(.4, .85, .49, .99) .2s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) .2s
}

#videos .content_wrapper .video_list .video_item.seen:nth-of-type(2n+1) {
    -webkit-transition: opacity .5s cubic-bezier(.4, .85, .49, .99) 0s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) 0s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) 0s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) 0s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) 0s, transform .5s cubic-bezier(.4, .85, .49, .99) 0s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) 0s, transform .5s cubic-bezier(.4, .85, .49, .99) 0s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) 0s
}

#videos .content_wrapper .video_list .video_item .thumbnail {
    position: relative;
    height: 0;
    padding-bottom: 60%
}

#videos .content_wrapper .video_list .video_item .thumbnail .poster {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

#videos .content_wrapper .video_list .video_item .thumbnail .poster.video_picture1 {
    background-image: url(feature1.jpg)
}

#videos .content_wrapper .video_list .video_item .thumbnail .poster.video_picture2 {
    background-image: url(cx0.jpg)
}

#videos .content_wrapper .video_list .video_item .thumbnail .poster.video_picture3 {
    background-image: url(feature2.png)
}

#videos .content_wrapper .video_list .video_item .thumbnail .poster.video_picture4 {
    background-image: url(feature4.png)
}

#videos .content_wrapper .more_link {
    margin-top: 30px
}

#videos .content_wrapper .more_link:not(.mobile) {
    opacity: 0;
    -webkit-transition: opacity .5s cubic-bezier(.4, .85, .49, .99), box-shadow .25s ease;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99), box-shadow .25s ease
}

#videos .content_wrapper .more_link.seen {
    opacity: 1;
    -webkit-transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .2s, box-shadow .25s ease;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .2s, box-shadow .25s ease;
    display: none;
}

#creators {
    padding: 0;
    background-color: #F4F4F4;
    display: none;
}

#creators .inner {
    padding: 90px 0
}

#creators .inner .content_wrapper {
    max-width: 850px;
    margin: 50px auto 0
}

#creators .inner .content_wrapper .carousel .row .video_item {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0)
}

#creators .inner .content_wrapper .carousel .row .video_item:nth-of-type(1) {
    -webkit-transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .3s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) .3s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .3s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) .3s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .3s, transform .5s cubic-bezier(.4, .85, .49, .99) .3s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .3s, transform .5s cubic-bezier(.4, .85, .49, .99) .3s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) .3s
}

#creators .inner .content_wrapper .carousel .row .video_item:nth-of-type(2) {
    -webkit-transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .2s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) .2s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .2s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) .2s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .2s, transform .5s cubic-bezier(.4, .85, .49, .99) .2s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .2s, transform .5s cubic-bezier(.4, .85, .49, .99) .2s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) .2s
}

#creators .inner .content_wrapper .carousel .row .video_item:nth-of-type(3) {
    -webkit-transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .1s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) .1s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .1s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) .1s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .1s, transform .5s cubic-bezier(.4, .85, .49, .99) .1s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .1s, transform .5s cubic-bezier(.4, .85, .49, .99) .1s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) .1s
}

#creators .inner .content_wrapper .carousel .row .video_item:nth-of-type(4) {
    -webkit-transition: opacity .5s cubic-bezier(.4, .85, .49, .99) 0s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) 0s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) 0s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) 0s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) 0s, transform .5s cubic-bezier(.4, .85, .49, .99) 0s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) 0s, transform .5s cubic-bezier(.4, .85, .49, .99) 0s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) 0s
}

#creators .inner .content_wrapper .carousel .row.seen .video_item {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

#creators .inner .content_wrapper .carousel .row.seen .video_item:nth-of-type(1) {
    -webkit-transition: opacity .5s cubic-bezier(.4, .85, .49, .99) 0s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) 0s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) 0s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) 0s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) 0s, transform .5s cubic-bezier(.4, .85, .49, .99) 0s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) 0s, transform .5s cubic-bezier(.4, .85, .49, .99) 0s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) 0s
}

#creators .inner .content_wrapper .carousel .row.seen .video_item:nth-of-type(2) {
    -webkit-transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .1s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) .1s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .1s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) .1s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .1s, transform .5s cubic-bezier(.4, .85, .49, .99) .1s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .1s, transform .5s cubic-bezier(.4, .85, .49, .99) .1s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) .1s
}

#creators .inner .content_wrapper .carousel .row.seen .video_item:nth-of-type(3) {
    -webkit-transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .2s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) .2s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .2s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) .2s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .2s, transform .5s cubic-bezier(.4, .85, .49, .99) .2s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .2s, transform .5s cubic-bezier(.4, .85, .49, .99) .2s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) .2s
}

#creators .inner .content_wrapper .carousel .row.seen .video_item:nth-of-type(4) {
    -webkit-transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .3s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) .3s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .3s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) .3s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .3s, transform .5s cubic-bezier(.4, .85, .49, .99) .3s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .3s, transform .5s cubic-bezier(.4, .85, .49, .99) .3s, -webkit-transform .5s cubic-bezier(.4, .85, .49, .99) .3s
}

#creators .inner .content_wrapper .more_link {
    opacity: 0;
    -webkit-transition: opacity .5s cubic-bezier(.4, .85, .49, .99), box-shadow .25s ease;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99), box-shadow .25s ease
}

#creators .inner .content_wrapper .more_link.seen {
    opacity: 1;
    -webkit-transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .2s, box-shadow .25s ease;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .2s, box-shadow .25s ease
}

#creators .inner .community {
    margin-top: 70px
}

#creators .inner .community p {
    margin-bottom: 20px
}

#creators .inner .community .social {
    font-size: 0
}

#creators .inner .community .social .circle_button {
    display: inline-block;
    margin-right: 25px;
    opacity: 0
}

#creators .inner .community .social .circle_button:nth-of-type(1) {
    -webkit-transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .2s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .2s
}

#creators .inner .community .social .circle_button:nth-of-type(2) {
    -webkit-transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .1s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .1s
}

#creators .inner .community .social .circle_button:nth-of-type(3) {
    -webkit-transition: opacity .5s cubic-bezier(.4, .85, .49, .99) 0s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) 0s
}

#creators .inner .community .social .circle_button:last-of-type {
    margin-right: 0
}

#creators .inner .community .social.seen .circle_button {
    opacity: 1
}

#creators .inner .community .social.seen .circle_button:nth-of-type(1) {
    -webkit-transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .2s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .2s
}

#creators .inner .community .social.seen .circle_button:nth-of-type(2) {
    -webkit-transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .3s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .3s
}

#creators .inner .community .social.seen .circle_button:nth-of-type(3) {
    -webkit-transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .4s;
    transition: opacity .5s cubic-bezier(.4, .85, .49, .99) .4s
}

.iti-flag {
    background-image: url(../../../images_v6/cameo/flags.png)
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .iti-flag {
        background-image: url(../../../images_v6/cameo/flags@2x.png)
    }
}

#download {
    height: 100vh;
    background-color: #000;
    background-image: url(picture_download_bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    text-align: center
}

#download .content_wrapper {
    position: absolute;
    top: 25%;
    left: 50%;
    z-index: 2;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#download .content_wrapper .badge_app_store {
    display: block;
    width: 200px;
    height: 59px;
    margin: 20px auto 0;
    background-image: url(../../../images_v6/badge/badge_app_store.png);
    background-repeat: no-repeat;
    background-size: 100%
}

#download .content_wrapper .phone_number {
    display: inline-block;
    position: relative;
    margin-top: 30px;
    display: none;
}

#download .content_wrapper .phone_number.active form input[type=text] {
    width: 240px
}

#download .content_wrapper .phone_number.active .instruction {
    opacity: 0;
    pointer-events: none
}

#download .content_wrapper .phone_number.invalid form .submit {
    background-color: #CCC;
    box-shadow: none
}

#download .content_wrapper .phone_number form {
    margin-bottom: 0
}

#download .content_wrapper .phone_number form input[type=text] {
    width: 200px;
    height: 40px;
    border: none;
    border-radius: 20px;
    padding: 2px 20px 0 45px;
    font-size: 14px;
    line-height: inherit;
    color: #323232;
    -webkit-transition: all .3s cubic-bezier(.4, .85, .49, .99) 0s;
    transition: all .3s cubic-bezier(.4, .85, .49, .99) 0s
}

#download .content_wrapper .phone_number form input[type=text]::-ms-clear {
    display: none
}

#download .content_wrapper .phone_number form input[type=text]:-ms-input-placeholder {
    color: #989898
}

#download .content_wrapper .phone_number form .submit {
    position: absolute;
    top: 3px;
    right: 3px;
    -webkit-transition: box-shadow 0s ease !important;
    transition: box-shadow 0s ease !important
}

#download .content_wrapper .phone_number .input_overlay {
    position: absolute;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    padding: 10px 0;
    background-color: #FFF;
    border-radius: 20px;
    color: #323232;
    -webkit-transition: all .3s cubic-bezier(.4, .85, .49, .99) 0s;
    transition: all .3s cubic-bezier(.4, .85, .49, .99) 0s
}

#download .intl-tel-input {
    text-align: left
}

#download .intl-tel-input .flag-dropdown {
    padding: 0;
    font-size: 14px
}

#download .intl-tel-input .flag-dropdown .selected-flag {
    border-radius: 20px 0 0 20px
}

#download .intl-tel-input .flag-dropdown .country-list {
    border: none
}

#download .intl-tel-input .highlight {
    margin-bottom: 0;
    border: none;
    color: inherit
}

.site_footer {
    background-color: #000;
    border: none
}

.site_footer h4 {
    color: #989898
}

.site_footer #footer_tip button, .site_footer a {
    color: #DDD
}

.site_footer #footer_tip {
    background-color: #111;
    border: none
}

.site_footer #footer_tip:after, .site_footer #footer_tip:before {
    display: none
}

.site_footer #footer_tip p {
    color: #666
}

.footers_footer {
    padding: 1rem 0;
    margin: 0;
    background-color: #111;
    color: #989898
}

.footers_footer .with_love a.loveo, .footers_footer a {
    color: #DDD
}

.nav_bar {
    background-color: rgba(0, 0, 0, .5) !important
}

.nav_bar .svg_logo_header path, .nav_bar .svg_search_header path {
    fill: #FFF
}

#content {
    padding: 0
}

.loader_container, .menu_container, .search_container {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif;
    line-height: 1;
    font-weight: 300;
    font-size: 13px
}

.loader_container h2, .menu_container h2, .search_container h2 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif;
    text-transform: none;
    font-weight: 700
}

.share_container {
    display: none !important
}

@media only screen and (max-width: 480px) {
    .carousel .slides .slide .row div.video_item {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px
    }

    .carousel .slides .slide .row div.video_item:last-of-type {
        margin-bottom: 0
    }

    #videos .content_wrapper .video_list .video_item {
        float: none;
        width: 100%;
        margin-bottom: 20px;
        padding-right: 0
    }

    #videos .content_wrapper .video_list .video_item:nth-of-type(2n) {
        padding-left: 0
    }

    #videos .content_wrapper .video_list .video_item:last-of-type {
        margin-bottom: 0
    }
}

@media only screen and (max-width: 767px) {
    body {
        opacity: 1
    }

    .app_wrapper h2, .app_wrapper h3 {
        line-height: 120%
    }

    .app_wrapper h2 {
        font-size: 24px
    }

    .app_wrapper section {
        padding: 60px 0;
        min-height: 500px
    }

    .app_wrapper section header {
        max-width: none;
        margin: 0;
        padding: 0 20px;
        text-align: center
    }

    .app_wrapper section header h2 {
        margin-bottom: 10px;
        text-align: left
    }

    .app_wrapper section header .header_badge {
        margin-bottom: 25px
    }

    .app_wrapper section header p {
        text-align: left
    }

    .media_wrapper .background_video {
        height: 100%
    }

    .modal .close {
        top: 10px;
        left: 10px
    }

    .carousel .slides {
        height: auto
    }

    .carousel .slides .slide {
        position: static;
        display: none
    }

    .carousel .slides .slide.next_in, .carousel .slides .slide.previous_in {
        display: block
    }

    .carousel .navigation, .carousel .slides .slide .row:last-of-type {
        display: none
    }

    .carousel .slides .slide .row {
        margin-bottom: 0
    }

    .carousel .slides .slide .row .video_item {
        width: 48%;
        margin-right: 4%
    }

    .carousel .slides .slide .row .video_item:nth-of-type(-n+2) {
        margin-bottom: 20px
    }

    .carousel .slides .slide .row .video_item:nth-of-type(2n) {
        margin-right: 0
    }

    #topnav_desktop, .body_ribbon {
        display: none !important
    }

    #intro .inner .scroll_wrapper .scroll_text, .section_menu {
        display: none
    }

    #intro .inner {
        position: static
    }

    #intro .inner .content_wrapper {
        padding: 0 20px
    }

    #intro .inner .content_wrapper .logo {
       
    }
    #intro .animation_wrapper .content_wrapper .logo {
     	width: 100%;
        height: 140px;
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
}

#intro .animation_wrapper .content_wrapper .logo .icon_wrapper p {
    display: inline-block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border:1px solid #f1731e;
}


    #intro .inner .content_wrapper .tagline {
        font-size: 20px;
        line-height: 110%;
        opacity: 1
    }

    #intro .inner .content_wrapper .download {
        margin-top: 25px;
        opacity: 1
    }

    #intro .inner .scroll_wrapper {
        opacity: .5;
        -webkit-animation: none;
        animation: none
    }

    #intro .inner .scroll_wrapper .icon {
        opacity: 1
    }

    #phone {
        height: 430px;
        min-height: initial
    }

    #phone.seen .inner {
        margin-top: 0;
        min-height: initial
    }

    #phone.seen .inner .phone_animation_wrapper .sliding_pictures .picture.near.left {
        -webkit-transform: translateX(-225px) rotateX(30deg);
        transform: translateX(-225px) rotateX(30deg)
    }

    #phone.seen .inner .phone_animation_wrapper .sliding_pictures .picture.near.right {
        -webkit-transform: translateX(225px) rotateX(30deg);
        transform: translateX(225px) rotateX(30deg)
    }

    #phone.seen .inner .phone_animation_wrapper .sliding_pictures .picture.far.left {
        -webkit-transform: translateX(-410px) rotateX(30deg);
        transform: translateX(-410px) rotateX(30deg)
    }

    #phone.seen .inner .phone_animation_wrapper .sliding_pictures .picture.far.right {
        -webkit-transform: translateX(410px) rotateX(30deg);
        transform: translateX(410px) rotateX(30deg)
    }

    #phone .inner {
        padding: 60px 0
    }

    #phone .inner header {
        max-width: 650px;
        margin-top: 0
    }

    #phone .inner .phone_animation_wrapper {
        top: 230px
    }

    #phone .inner .phone_animation_wrapper .phone_picture.static {
        width: 320px;
        height: 180px;
        top: -47px
    }

    #phone .inner .phone_animation_wrapper .sliding_pictures {
        -webkit-perspective: 300px;
        -ms-perspective: 300px;
        -o-perspective: 300px;
        perspective: 300px
    }

    #phone .inner .phone_animation_wrapper .sliding_pictures .picture {
        width: 180px;
        height: 85px;
        margin-left: -90px;
        box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .3)
    }

    #phone .inner .video_controls {
        top: 115px;
        width: 280px;
        height: 33px
    }

    #features {
        padding-top: 0
    }

    #features.seen .content_wrapper .features_wrapper {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    #features.seen .content_wrapper .features_wrapper .feature {
        -webkit-transform: none;
        transform: none;
        -webkit-transition: none !important;
        transition: none !important
    }

    #features .content_wrapper .features_wrapper {
        position: relative;
        z-index: 0;
        min-height: 430px;
        -webkit-transform: translateY(200%);
        transform: translateY(200%);
        -webkit-transition: all 1s cubic-bezier(.4, .85, .49, .99) 0s;
        transition: all 1s cubic-bezier(.4, .85, .49, .99) 0s
    }

    #features .content_wrapper .features_wrapper .feature {
        -webkit-transform: none;
        transform: none;
        visibility: hidden;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        float: none;
        padding: 0 20px;
        margin-right: 0;
        z-index: 1;
        -webkit-transition: none !important;
        transition: none !important
    }

    #features .content_wrapper .features_wrapper .feature.previous_in {
        visibility: visible;
        z-index: 2;
        -webkit-animation: previous_in .5s forwards;
        animation: previous_in .5s forwards
    }

    #features .content_wrapper .features_wrapper .feature.previous_out {
        visibility: visible;
        -webkit-animation: previous_out .5s forwards;
        animation: previous_out .5s forwards
    }

    #features .content_wrapper .features_wrapper .feature.next_in {
        visibility: visible;
        z-index: 2;
        -webkit-animation: next_in .5s forwards;
        animation: next_in .5s forwards
    }

    #features .content_wrapper .features_wrapper .feature.next_out {
        visibility: visible;
        -webkit-animation: next_out .5s forwards;
        animation: next_out .5s forwards
    }

    #features .content_wrapper .features_wrapper .feature .inner {
        max-width: 280px;
        margin: 0 auto
    }

    #features .content_wrapper .features_wrapper .feature .inner .info {
        padding: 30px
    }

    #creators .content_wrapper, #videos .content_wrapper {
        padding: 0 20px;
        margin-top: 30px
    }

    #features .content_wrapper .slider_pager {
        display: block;
        position: absolute;
        left: 50%;
        bottom: 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    #features .content_wrapper .slider_pager .pager_item.current {
        background-color: #F54B43
    }

    #themes .navigation {
        display: none
    }

    #themes .slider_pager {
        display: none;
    }

    #themes .theme_slider .theme.next_in, #themes .theme_slider .theme.previous_in {
        -webkit-animation: fade_in .5s forwards;
        animation: fade_in .5s forwards
    }

    #themes .theme_slider .theme.next_in .text_image, #themes .theme_slider .theme.previous_in .text_image {
        -webkit-animation: fade_in .5s forwards .5s;
        animation: fade_in .5s forwards .5s
    }

    #themes .theme_slider .theme .text_image {
        width: 90% !important
    }

    #soundtracks {
        min-height: 500px
    }

    #soundtracks .content_wrapper {
        height: 235px;
        margin-top: 110px
    }

    #soundtracks .content_wrapper .group.featured, #soundtracks .content_wrapper .group.left, #soundtracks .content_wrapper .group.right {
        display: none
    }

    #soundtracks .content_wrapper .group.mobile {
        display: block
    }

    #videos .content_wrapper .more_link {
        display: none
    }

    #videos .content_wrapper .more_link.mobile {
        /*display: inline-block*/
    }

    #creators .content_wrapper .carousel .slide {
        padding: 0
    }

    #creators .content_wrapper .more_link {
        margin-top: 30px
    }

    #download {
        background-image: url(picture_download_bg.jpg);
        background-position: 12% center;
    }

    #download .content_wrapper {
        padding: 0 20px
    }

    #download .content_wrapper .phone_number, .footers_footer, .site_footer {
        display: none
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    #topnav_desktop .topnav_desktop_wrapper, .body_ribbon .topnav_desktop_wrapper {
        margin: 0 20px
    }

    .carousel .navigation {
        display: none
    }

    #features .content_wrapper .features_wrapper {
        padding: 0 20px
    }

    #features .content_wrapper .features_wrapper .feature {
        width: 32%;
        margin-right: 2%
    }

    #features .content_wrapper .features_wrapper .feature:nth-of-type(3) {
        margin-right: 0
    }

    #features .content_wrapper .features_wrapper .feature .inner .info {
        padding: 30px
    }

    #themes .theme_slider .theme.next_in, #themes .theme_slider .theme.previous_in {
        -webkit-animation: fade_in .5s forwards;
        animation: fade_in .5s forwards
    }

    #themes .theme_slider .theme.next_in .text_image, #themes .theme_slider .theme.previous_in .text_image {
        -webkit-animation: fade_in .5s forwards .5s;
        animation: fade_in .5s forwards .5s
    }

    #themes .slider_pager {
        display: none;
    }

    #videos .content_wrapper {
        padding: 0 20px
    }

    #creators .content_wrapper {
        padding: 0 10px
    }

    #download {
        background-image: url(picture_download_bg.jpg)
    }

    .tablet #topnav_desktop, .tablet .body_ribbon {
        position: absolute
    }

    .tablet #intro .inner {
        position: static
    }

    .tablet #phone.seen .inner {
        margin-top: 0
    }

    .tablet #phone .inner .phone_animation_wrapper .phone_picture.static {
        top: -85px
    }

    .tablet #features {
        padding-top: 0
    }
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
    .logo {
        background-image: url(../../../images_v6/cameo/logo_cameo@2x.png) !important
    }

    .intro_mobile {
        background-image: url(bg.jpg) !important
    }

    .phone_picture.static {
        background-image: url(phone_static@2x.png) !important
    }

    .sliding_picture1 {
        background-image: url(pt2.jpg) !important
    }

    .sliding_picture2 {
        background-image: url(pt1.jpg) !important
    }

    .sliding_picture3 {
        background-image: url(pt3.jpg) !important
    }

    .sliding_picture4 {
        background-image: url(pt4.jpg) !important
    }

    .video_controls {
        background-image: url(../../../images_v6/cameo/picture_video_controls@2x.png) !important
    }

    .feature_picture1 {
        background-image: url(img3.jpg) !important
    }

    .feature_picture2 {
        background-image: url(food1.jpg) !important
    }

    .feature_picture3 {
        background-image: url(cg1.jpg) !important
    }

    .theme_treehouse {
        background-image: url(../../../images_v6/cameo/theme_treehouse_picture@2x.jpg) !important
    }

    .theme_silhouette {
        background-image: url(../../../images_v6/cameo/theme_silhouette_picture@2x.jpg) !important
    }

    .theme_heatwave {
        background-image: url(../../../images_v6/cameo/theme_heatwave_picture@2x.jpg) !important
    }

    .theme_text_treehouse .inner {
        background-image: url(../../../images_v6/cameo/theme_treehouse_text@2x.png) !important
    }

    .theme_text_silhouette .inner {
        background-image: url(../../../images_v6/cameo/theme_silhouette_text@2x.png) !important
    }

    .theme_text_heatwave .inner {
        background-image: url(../../../images_v6/cameo/theme_heatwave_text@2x.png) !important
    }

    .badge_best_of_cameo {
        background-image: url(logo.png) !important
    }

    .video_picture1 {
        background-image: url(feature1.jpg) !important
    }

    .video_picture2 {
        background-image: url(cx0.jpg) !important
    }

    .video_picture3 {
        background-image: url(feature2.png) !important
    }

    .video_picture4 {
        background-image: url(feature4.png) !important
    }

    .badge_app_store {
        background-image: url(../../../images_v6/badge/badge_app_store@2x.png) !important
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px) {
    #download {
        background-image: url(picture_download_bg.jpg) !important;
        background-position: 12% center;
    }
}

.word_des { background: rgba(232,145,86,.75);
    padding: 14px 10px 12px 40px; 
    min-height: 100px; position: relative;
    width: 240px;
    margin: 60px auto 0;}
.word_border {position: absolute;
    width: 80px;
    height: 80px;
    border:4px solid rgba(255,255,255,.8);
    border-right: none;
    top: 10px;
    left: 10px;}
.word_border b:before {
    content: '';
    position: absolute;
    height: 10px;
    width: 4px;
    right:-4px;
    top: -4px;
    background: rgba(255,255,255,.8);
}
.word_border b:after {
    content: '';
    position: absolute;
    height: 10px;
    width: 4px;
    right:-4px;
    bottom: -4px;
    background: rgba(255,255,255,.8);
}
.word_para {
    color: #fff;
    font-size: 18px;
    padding-top: 10px;
    line-height: 16px;
    text-align: left;
}
.word_logo {
    background: url(banner-word.png) no-repeat;
    background-size:  auto 18px; 
    display: inline-block;
    height: 18px;
    width: 200px;
}
.word_show {
    color: #fcfcfc;
    font-size: 12px;
    line-height: 14px;
    display: block;
}
.wk-button {
    display: none;
    width: 180px;
    margin: 20px auto;
    text-align: left;
    padding-left: 50px;
}
.wk-button-show {
    display: block;
}
.show-none {
    display:none;
}
.protocol-setting {
    max-width:1000px;
    margin: 20px auto; 
    padding: 0 10px;
}
.privacy-policy {
    opacity: 1;
    padding-top:20px; 
}
.contact-wrap {
    width: 80%;
    margin: 0 auto;
    max-width: 800px;
    background: #f2f2f2;
    border-radius: 10px;
    min-height: 200px;
    padding: 20px;
}
.contact-wrap input {
    display: block;
    width: 100%;
    border:1px solid #ccc;
    border-radius: 4px;
    height: 32px;
    line-height: 32px;
    padding: 0 5px;
    font-size: 16px;
    margin-bottom: 15px;

}
.contact-wrap textarea {
    display: block;
    width: 100%;
    border:1px solid #ccc;
    border-radius: 4px;
    height: 96px;
    line-height: 32px;
    padding: 0 5px;
    font-size: 16px;
    margin-bottom: 15px;
    resize: none;
}
.contact-wrap img {
    width: 100%;
    margin: 30px auto;
    display: block;
    padding: 20px;
    border-radius: 10px;
    background: #fff;
}
.contact-button{
    display: block;
    width: 60%;
    margin: 0 auto;
    background: #108ee9;
    border: none;
    border-radius: 4px;
    height: 32px;
    color: #fff;
    text-align: center;
    line-height: 32px;
}
.contact-button:hover {
    color: #fff;
    background: #49a9ee;
}
.share_icon img {
    width: 26px;
    height: 26px;
    border-radius: 100%;
    margin-right: 10px;
}
.share_icon p {
    display: none;
}