.sk-three-bounce{
    margin:40px auto;
    width:80px;
    text-align:center
}
.sk-three-bounce .sk-child{
    width:20px;
    height:20px;
    background-color:#333;
    border-radius:100%;
    display:inline-block;
    animation:sk-three-bounce 1.4s ease-in-out 0s infinite both
}
.sk-three-bounce .sk-bounce1{
    animation-delay:-.32s
}
.sk-three-bounce .sk-bounce2{
    animation-delay:-.16s
}
@keyframes sk-three-bounce{
    0%,80%,100%{
        transform:scale(0)
    }
    40%{
        transform:scale(1)
    }
}
.previewZoom{
    -webkit-transform:scale(0.9);
    -moz-transform:scale(0.9);
    -ms-transform:scale(0.9);
    -o-transform:scale(0.9);
    transform:scale(0.9)
}
*,*:before,*:after{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
 html{
    height:100%
}
body{
    margin:0;
    padding:0;
    height:100%;
    color:#82848f;
    font-size:14px;
    line-height:1;
    font-style:normal;
    font-weight:400;
    background:#f7f7f7
}
@media (min-width: 480px){
    body{
        background:#fff
    }
}
a{
    text-decoration:none;
    color:#323032;
    -moz-transition:all 0.15s ease;
    -o-transition:all 0.15s ease;
    -webkit-transition:all 0.15s ease;
    transition:all 0.15s ease;
    outline:none
}
a:hover,a:focus,a:active{
    outline:none;
    text-decoration:none;
    color:#181718
}
h1,h2,h3,h4,h5,h6{
    margin:0;
    color:#323032;
    font-weight:400
}
p{
    line-height:1.4;
    color:#82848f;
    margin:0;
    padding:0
}
ul{
    margin:0;
    padding:0;
    list-style:none
}
label{
    margin:0
}
.text-regular{
    font-weight:400
}
.text-ellipsis{
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden
}
.left_20{
    margin-left:-20px !important
}
.mt-10{
    margin-top:10px
}
.mt-20{
    margin-top:20px
}
.mt-40{
    margin-top:40px
}
.mb-30{
    margin-bottom:30px !important
}
.opacity-half{
    opacity:0.54
}
.text-regular-blue{
    font-size:15px;
    font-weight:400;
    color:#47bdef;
    text-align:center;
    float:left;
    width:100%
}
.text-regular-blue:hover{
    cursor:pointer;
    color:#25acdd
}
#previewIframe html{
    -ms-transform:scale(0.8);
    -moz-transform:scale(0.8);
    -webkit-transform:scale(0.8);
    transform:scale(0.8)
}
#previewIframe html .vcard-top-info{
    height:213px !important
}
@media (max-width: 320px){
    #dvideo-body .event-content-container{
        font-size:20px;
        font-size:1rem !important
    }
    #dvideo-body .event-title{
        font-size:24px;
        font-size:1.2rem !important
    }
    #dvideo-body .event-teaser{
        font-size:16px;
        font-size:.8rem !important
    }
    #dvideo-body .event-action-btn,#dvideo-body .event-slim-button{
        font-size:14px;
        font-size:.7rem !important
    }
    #dvideo-body .vcard-template .vcard-body .vcard-row{
        padding:25px 15px 20px 15px !important
    }
    #dvideo-body .vcard-template .vcard-body .vcard-row label{
        font-size:16px;
        font-size:.9rem !important
    }
    #dvideo-body .vcard-template .vcard-body .vcard-row h4{
        font-size:16px;
        font-size:.9rem !important
    }
    #dvideo-body .vcard-template .vcard-body .vcard-row small{
        font-size:14px;
        font-size:.7875rem !important
    }
    #dvideo-body .fabs{
        right:20px
    }
    #dvideo-body .fab{
        width:50px;
        height:50px
    }
    #dvideo-body .fab>i{
        font-size:30px;
        line-height:60px
    }
}
.shadow-2{
    box-shadow:0 2px 2.82px 0.18px rgba(0,0,0,0.24),0 1px 3.92px 0.08px rgba(0,0,0,0.16)
}
.channel-container{
    cursor:pointer;
    display:block;
    position:relative;
    float:left;
    width:40px;
    height:40px;
    margin-right:25px;
    padding:0;
    margin-bottom:20px
}
.height-30{
    min-height:30px !important
}
.pt-10{
    padding-top:10px !important
}
.channel-prop-container{
    display:table-cell;
    vertical-align:middle;
    width:calc(100%);
    position:relative;
    padding-top:5px
}
.channel-name{
    font-size:16px;
    color:#000000;
    font-weight:400;
    max-width:calc(100% - 0);
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    width:100%;
    display:block;
    line-height:1.2
}
.mb-5{
    margin-bottom:5px !important
}
.channel-label{
    font-size:14px;
    color:rgba(0,0,0,0.54);
    font-weight:400;
    float:left;
    width:100%;
    word-break:break-word
}
.table-cell-middle{
    display:table-cell;
    vertical-align:middle
}
.pl-55{
    padding-left:55px
}
div[class^='channel-bgd-']{
    border-radius:50%;
    width:40px;
    height:40px;
    float:left;
    text-align:center;
    position:absolute;
    margin-right:15px;
    left:0
}
div[class^='channel-bgd-'] i{
    position:absolute;
    font-size:36px;
    color:#fff;
    line-height:50px;
    left:2px
}
.channel-bgd-website{
    background:#616568
}
.channel-bgd-facebook{
    background:#3b5998
}
.channel-bgd-x{
    background:#000000
}
.channel-bgd-instagram{
    background:#e1306c
}
.channel-bgd-snapchat{
    background:#fffc00
}
.channel-bgd-youtube{
    background:#cd201f
}
.channel-bgd-pinterest{
    background:#bd081c
}
.channel-bgd-googleplus{
    background:#dd4b39
}
.channel-bgd-linkedin{
    background:#0077b5
}
.channel-bgd-xing{
    background:#026466
}
.channel-bgd-flickr{
    background:#ff0084
}
.channel-bgd-vimeo{
    background:#1ab7ea
}
.channel-bgd-dribbble{
    background:#ea4c89
}
.channel-bgd-vkontakte{
    background:#45668e
}
.channel-bgd-tripadvisor{
    background:#589442
}
.channel-bgd-wechat{
    background:#7bb32e
}
.channel-bgd-line{
    background:#00c300
}
.channel-bgd-reddit{
    background:#ff4500
}
.channel-bgd-tumblr{
    background:#35465c
}
.channel-bgd-github{
    background:#191717
}
.channel-bgd-whatsapp{
    background:#25d366
}
.channel-bgd-skype{
    background:#00aff0
}
.pos-relative{
    position:relative !important;
    float:left !important;
    width:100%
}
@media (max-width: 480px){
    .pos-relative{
        padding-right:35px !important
    }
}
#dvideo-body{
    overflow-x:hidden
}
#dvideo-body .subscribeBtn-container{
    float:left;
    width:100%
}
#dvideo-body #yt-button-container-render{
    float:right !important
}
#dvideo-body .subscribe-label{
    font-size:20px;
    color:#000000;
    opacity:0.87;
    font-weight:400;
    float:left;
    display:inline-block;
    margin-top:7px
}
@media (max-width: 480px){
    #dvideo-body .subscribe-label{
        margin-top:12px;
        font-size:14px
    }
}
#dvideo-body .video-container{
    margin-bottom:25px;
    width:100%;
    float:left
}
#dvideo-body .subscribe-red-btn{
    background:#d60000;
    color:#fff;
    font-size:15px;
    text-align:center;
    font-weight:400;
    height:35px;
    line-height:35px;
    float:right;
    border-radius:4px;
    padding:0 15px
}
#dvideo-body .subscribe-red-btn:hover{
    cursor:pointer;
    background:#cc181e
}
#dvideo-body .subscribe-red-btn i{
    line-height:44px;
    font-size:30px;
    float:left
}
@media (max-width: 480px){
    #dvideo-body .subscribe-red-btn{
        padding:0 5px
    }
}
#dvideo-body #locationField,#dvideo-body #controls{
    position:relative;
    width:480px
}
#dvideo-body #autocomplete{
    position:absolute;
    top:0;
    left:0;
    width:99%
}
#dvideo-body .label{
    text-align:right;
    font-weight:bold;
    width:100px;
    color:#303030
}
#dvideo-body #address{
    border:1px solid #000090;
    background-color:#f0f0ff;
    width:480px;
    padding-right:2px
}
#dvideo-body #address td{
    font-size:10pt
}
#dvideo-body .field{
    width:99%
}
#dvideo-body .slimField{
    width:80px
}
#dvideo-body .wideField{
    width:200px
}
#dvideo-body #locationField{
    height:20px;
    margin-bottom:2px
}
#dvideo-body .bgd-shadow{
    display:none;
    opacity:0.3;
    background:#000000;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:998
}
#dvideo-body .text-break{
    word-wrap:break-word;
    white-space:pre-line
}
#dvideo-body .event-content-container{
    max-width:480px;
    margin:0 auto;
    text-align:left
}
#dvideo-body .event-title{
    font-size:24px;
    color:#fffefe;
    font-weight:400;
    text-align:left;
    line-height:1.2
}
#dvideo-body .company-title{
    font-size:20px;
    font-weight:500;
    color:#fff;
    text-align:left;
    min-height:56px;
    line-height:1.2;
    padding:20px 20px
}
@media (min-width: 690px){
    #dvideo-body .company-title:not(.desktop){
        display:none !important
    }
}
@media (min-width: 690px){
    #dvideo-body .company-title.desktop{
        box-shadow:0 3px 4.7px 0.3px rgba(0,0,0,0.24);
        position:absolute;
        z-index:1;
        top:0;
        left:0;
        width:100%
    }
}
#dvideo-body .small-title{
    min-height:56px;
    line-height:56px;
    color:#fff;
    opacity:0.7;
    font-size:16px;
    font-weight:400;
    margin-top:-18px;
    word-break:break-word
}
#dvideo-body .event-teaser{
    margin-top:10px;
    opacity:0.7;
    font-size:16px;
    color:#fffefe;
    font-weight:400;
    line-height:1.5
}
#dvideo-body .event-teaser.text-break{
    margin-top:-8px
}
#dvideo-body .event-section-title{
    background:#447fb6;
    padding:30px 20px;
    min-height:56px;
    float:left;
    width:100%;
    box-shadow:0 4px 7.36px 0.64px rgba(0,0,0,0.24),0 1px 7.68px 0.32px rgba(0,0,0,0.16)
}
@media (max-width: 320px){
    #dvideo-body .event-section-title{
        padding:18px 20px
    }
}
@media (max-width: 768px){
    #dvideo-body .event-section-title{
        box-shadow:none !important
    }
}
#dvideo-body .ripplelink{
    display:block;
    float:left;
    text-align:center;
    color:#fff;
    text-decoration:none;
    position:relative;
    overflow:hidden;
    -webkit-transition:all 0.2s ease;
    -moz-transition:all 0.2s ease;
    -o-transition:all 0.2s ease;
    transition:all 0.2s ease;
    z-index:0;
    padding:10px 15px
}
#dvideo-body .ripplelink:hover{
    z-index:997;
    box-shadow:0 13px 18.8px 1.2px rgba(0,0,0,0.24),0 5px 26.46px 0.54px rgba(0,0,0,0.16);
    -webkit-box-shadow:0 13px 18.8px 1.2px rgba(0,0,0,0.24),0 5px 26.46px 0.54px rgba(0,0,0,0.16);
    -moz-box-shadow:0 13px 18.8px 1.2px rgba(0,0,0,0.24),0 5px 26.46px 0.54px rgba(0,0,0,0.16)
}
#dvideo-body .ink{
    display:block;
    position:absolute;
    background:rgba(0,0,0,0.1);
    border-radius:100%;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0)
}
#dvideo-body .animate{
    -webkit-animation:ripple 0.65s linear;
    -moz-animation:ripple 0.65s linear;
    -ms-animation:ripple 0.65s linear;
    -o-animation:ripple 0.65s linear;
    animation:ripple 0.65s linear
}
@-webkit-keyframes ripple{
    100%{
        opacity:0;
        -webkit-transform:scale(2.5)
    }
}
@-moz-keyframes ripple{
    100%{
        opacity:0;
        -moz-transform:scale(2.5)
    }
}
@-o-keyframes ripple{
    100%{
        opacity:0;
        -o-transform:scale(2.5)
    }
}
@keyframes ripple{
    100%{
        opacity:0;
        transform:scale(2.5)
    }
}
#dvideo-body .event-action-btn{
    margin-top:15px;
    cursor:pointer;
    font-weight:500;
    font-size:14px;
    text-transform:uppercase;
    padding:11px 20px;
    line-height:1.2;
    background:#fff;
    border-radius:2px;
    color:#ea4b88;
    box-shadow:0 3px 4.7px 0.3px rgba(0,0,0,0.24),0 1px 6.86px 0.14px rgba(0,0,0,0.16);
    -webkit-box-shadow:0 3px 4.7px 0.3px rgba(0,0,0,0.24),0 1px 6.86px 0.14px rgba(0,0,0,0.16);
    -moz-box-shadow:0 3px 4.7px 0.3px rgba(0,0,0,0.24),0 1px 6.86px 0.14px rgba(0,0,0,0.16)
}

#dvideo-body .event-slim-button{
    font-size:14px;
    font-weight:500;
    cursor:pointer;
    text-transform:uppercase;
    padding:11px 20px;
    line-height:1.2;
    background:transparent !important;
    border-radius:2px;
    color:#ea4b88
}
#dvideo-body .event-slim-button:hover{
    background:rgba(0,0,0,0.08) !important;
    box-shadow:none !important
}
#dvideo-body .event-simple-button{
    font-size:14px;
    font-weight:500
}
#dvideo-body .event-organizer{
    position:absolute;
    font-size:20px;
    font-weight:500;
    color:#fff;
    z-index:1;
    top:22px;
    left:62px
}
@media (max-width: 689px){
    #dvideo-body .event-organizer.desktop{
        left:20px;
        display:none
    }
}
#dvideo-body .features-container li{
    margin-right:10px;
    margin-bottom:15px;
    display:inline-block
}
#dvideo-body .features-container li i{
    font-size:30px;
    color:rgba(0,0,0,0.54)
}
#dvideo-body .blur-bgd-shadow{
    background:-moz-linear-gradient(top, rgba(0,0,0,0.24) 0%, transparent 70%, transparent 100%);
    background:-webkit-linear-gradient(top, rgba(0,0,0,0.24) 0%, transparent 70%, transparent 100%);
    background:linear-gradient(to bottom, rgba(0,0,0,0.24) 0%, transparent 70%, transparent 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d000000', endColorstr='#00000000', GradientType=0);
    z-index:-1;
    width:100%;
    height:632px;
    position:absolute;
    overflow:hidden
}
@media (max-width: 320px){
    #dvideo-body .blur-bgd-shadow{
        height:170px
    }
}
@media (max-width: 360px) and (min-width: 321px){
    #dvideo-body .blur-bgd-shadow{
        height:202px
    }
}
@media (max-width: 375px) and (min-width: 361px){
    #dvideo-body .blur-bgd-shadow{
        height:210px
    }
}
@media (max-width: 384px) and (min-width: 376px){
    #dvideo-body .blur-bgd-shadow{
        height:215px
    }
}
@media (max-width: 400px) and (min-width: 385px){
    #dvideo-body .blur-bgd-shadow{
        height:224px
    }
}
@media (max-width: 414px) and (min-width: 401px){
    #dvideo-body .blur-bgd-shadow{
        height:232px
    }
}
@media (max-width: 480px) and (min-width: 415px){
    #dvideo-body .blur-bgd-shadow{
        height:270px
    }
}
@media (max-width: 600px) and (min-width: 481px){
    #dvideo-body .blur-bgd-shadow{
        height:338px
    }
}
@media (max-width: 768px) and (min-width: 601px){
    #dvideo-body .blur-bgd-shadow{
        height:360px
    }
}
@media (max-width: 689px){
    #dvideo-body .blur-bgd-shadow{
        z-index:1
    }
}
#dvideo-body .blur-bgd{
    -webkit-filter:blur(20px);
    -moz-filter:blur(20px);
    -o-filter:blur(20px);
    -ms-filter:blur(20px);
    filter:blur(20px);
    height:700px;
    background-repeat:no-repeat !important;
    background-size:100% !important;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    z-index:-1
}
#dvideo-body .blur-bgd.blur-no-avatar{
    height:0
}
#dvideo-body .solid-bgd{
    opacity:0.6;
    height:420px;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    z-index:-1
}
@media (max-width: 767px){
    #dvideo-body .solid-bgd{
        display:none
    }
}
#dvideo-body .vcard-template .PopUps{
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    height:100%;
    background-color:rgba(50,48,50,0.85);
    display:none;
    z-index:999998
}
#dvideo-body .vcard-template .PopUps.active{
    display:block
}
#dvideo-body .vcard-template [popup]{
    display:none;
    position:fixed;
    top:0;
    left:50%;
    margin-top:10px;
    margin-bottom:10px;
    margin-left:-300px;
    width:600px;
    background-color:#fff;
    border-radius:2px;
    z-index:999999
}
@media (max-width: 549px){
    #dvideo-body .vcard-template [popup]{
        width:96%;
        left:2%;
        margin-left:0
    }
}
@media (min-width: 550px) and (max-width: 767px){
    #dvideo-body .vcard-template [popup]{
        width:530px;
        left:50%;
        margin-left:-265px
    }
}
#dvideo-body .vcard-template [popup].active{
    display:block
}
#dvideo-body .vcard-template [popup]>[close-popup]{
    position:absolute;
    top:15px;
    right:15px;
    color:#323032;
    font-size:12px;
    opacity:0.4
}
#dvideo-body .vcard-template [popup]>[close-popup]:hover{
    opacity:1
}
#dvideo-body .vcard-template [popup].style1{
    text-align:center;
    padding:60px 120px;
    min-height:400px
}
#dvideo-body .vcard-template [popup].style1.info a{
    cursor:pointer;
    color:#5ab7e5;
    font-weight:400
}
@media (max-width: 767px){
    #dvideo-body .vcard-template [popup].style1{
        padding:30px 20px 20px 20px;
        min-height:330px
    }
}
#dvideo-body .vcard-template [popup].style1 .header-icon{
    font-size:48px;
    color:#47bdef
}
#dvideo-body .vcard-template [popup].style1 h3{
    font-size:18px;
    font-weight:600;
    margin:15px 0 10px 0
}
#dvideo-body .vcard-template [popup].style1 p{
    padding-bottom:25px
}
#dvideo-body .vcard-template [popup].style1 .btn{
    position:relative;
    margin-bottom:10px;
    text-transform:capitalize
}
#dvideo-body .vcard-template [popup].style1 .btn:last-child{
    margin-bottom:0
}
#dvideo-body .vcard-template [popup].style1 .btn i{
    position:absolute;
    top:20px;
    left:25px
}
#dvideo-body .vcard-template [popup].style1 input[type="text"],#dvideo-body .vcard-template [popup].style1 input[type="email"]{
    text-align:center;
    margin-bottom:20px
}
#dvideo-body .vcard-template [popup].style2{
    min-height:400px
}
@media (max-width: 767px){
    #dvideo-body .vcard-template [popup].style2{
        min-height:330px
    }
}
#dvideo-body .vcard-template [popup].style2 .crop{
    height:320px;
    background-color:#000
}
#dvideo-body .vcard-template [popup].style2 .crop .cropper-container{
    margin:0 auto
}
#dvideo-body .vcard-template [popup].style2 .footer{
    padding:20px 30px;
    background-color:#fff;
    text-align:right
}
#dvideo-body .vcard-template [popup].style2 .footer .btn{
    margin-right:10px
}
#dvideo-body .vcard-template [popup].style2 .footer .btn:last-child{
    margin-right:0
}
#dvideo-body .vcard-template .vcard-body{
    max-width:480px;
    min-height:318px;
    margin:0 auto 0 auto;
    padding-bottom:20px;
    z-index:50
}
#dvideo-body .vcard-template .vcard-body .vcard-row{
    position:relative;
    padding:25px 0 20px 0;
    display:inline-block;
    width:100%
}
@media (max-width: 520px){
    #dvideo-body .vcard-template .vcard-body .vcard-row{
        padding:25px 15px 20px 15px
    }
}
#dvideo-body .vcard-template .vcard-body .vcard-row label+i{
    position:absolute;
    top:16px;
    left:13px;
    font-size:35px;
    color:rgba(0,0,0,0.54)
}
@media (max-width: 768px){
    #dvideo-body .vcard-template .vcard-body .vcard-row label+i{
        font-size:28px !important
    }
}
#dvideo-body .vcard-template .vcard-body .vcard-row h1,#dvideo-body .vcard-template .vcard-body .vcard-row h2,#dvideo-body .vcard-template .vcard-body .vcard-row h3,#dvideo-body .vcard-template .vcard-body .vcard-row h4,#dvideo-body .vcard-template .vcard-body .vcard-row h5,#dvideo-body .vcard-template .vcard-body .vcard-row h6{
    line-height:1.3;
    margin-bottom:5px;
    color:#323032;
    font-weight:400
}
#dvideo-body .vcard-template .vcard-body .vcard-row h4{
    font-size:16px;
    font-weight:400;
    color:#000;
    line-height:1.6
}
#dvideo-body .vcard-template .vcard-body .vcard-row label{
    font-size:16px;
    color:#000;
    opacity:0.54;
    font-weight:500;
    display:inline-block;
    margin-bottom:20px !important;
    float:left;
    width:100%
}
#dvideo-body .vcard-template .vcard-body .vcard-row small{
    display:block;
    font-size:14px;
    color:#000;
    opacity:0.54;
    font-weight:400
}
#dvideo-body .vcard-template .vcard-body .vcard-row.poweredby{
    top:90px;
    padding:0 0 0 65px
}
#dvideo-body .vcard-template .vcard-body .vcard-separator{
    height:1px;
    background-color:#eaeaea
}
#dvideo-body .vcard-template .vcard-body .vcard-social{
    position:relative;
    padding:20px 55px 50px 65px;
    font-size:20px
}
#dvideo-body .vcard-template .vcard-body .vcard-social .icon-wrapper{
    padding:11px 13px;
    display:inline-block;
    -moz-border-radius:100px;
    -webkit-border-radius:100px;
    border-radius:100px;
    background:black;
    margin:10px 4px 0 0;
    color:white !important;
    float:left;
    line-height:23px
}
#dvideo-body .vcard-template .vcard-body .vcard-social .icon-wrapper.pointer{
    margin:0 4px 0 0;
    cursor:pointer
}
#dvideo-body .vcard-template .vcard-body .vcard-social .icon-wrapper i{
    top:2px;
    position:relative
}
#dvideo-body .vcard-template .vcard-body .vcard-social .icon-wrapper.facebook{
    background:#4769a6
}
#dvideo-body .vcard-template .vcard-body .vcard-social .icon-wrapper.twitter{
    background:#5EA9DD
}
#dvideo-body .vcard-template .vcard-body .vcard-social .icon-wrapper.linkedin{
    background:#0074b9
}
#dvideo-body .vcard-template .vcard-body .vcard-social .icon-wrapper.instagram{
    background:#01548a
}
#dvideo-body .vcard-template .vcard-body .vcard-social .icon-wrapper.xing{
    background:#006464
}
#dvideo-body .vcard-template .vcard-body .vcard-social .icon-wrapper.pinterest{
    background:#cb0c11
}
#dvideo-body .vcard-template .vcard-body .vcard-social .icon-wrapper.googleplus{
    background:#ea4f39
}
#dvideo-body .vcard-template .vcard-body .vcard-social .icon-wrapper.twitter{
    background:#5EA9DD
}
#dvideo-body .vcard-template .vcard-body .vcard-social .icon-wrapper.vkontakte{
    background:#3d6390
}
#dvideo-body .vcard-template .vcard-body .vcard-social .icon-wrapper.vine{
    background:#00b58a
}
#dvideo-body .vcard-template .vcard-body .vcard-social .icon-wrapper.flickr{
    background:#ff0084
}
#dvideo-body .vcard-template .vcard-body .vcard-social .icon-wrapper.dribbble{
    background:#EA4C89
}
#dvideo-body .vcard-template .vcard-body .vcard-social .icon-wrapper.youtube{
    background:#bb0000
}
#dvideo-body .vcard-template .vcard-body .vcard-social .icon-wrapper.tripadvisor{
    background:#589442
}
#dvideo-body .vcard-template .vcard-body .vcard-social .icon-wrapper.vimeo{
    background:#aad450
}
#dvideo-body .vcard-template .vcard-body .vcard-social .icon-wrapper.snapchat{
    background:#fffc00
}
#dvideo-body .vcard-template .vcard-body .vcard-social h5{
    font-size:14px;
    color:#82848f;
    margin-bottom:15px
}
#dvideo-body .vcard-template .vcard-body .vcard-social a{
    display:inline-block;
    vertical-align:middle;
    margin-right:10px;
    opacity:1
}
#dvideo-body .vcard-template .vcard-body .vcard-social a:hover{
    opacity:0.85
}
#dvideo-body .vcard-template.style2 .vcard-header{
    position:relative;
    text-align:center
}
@media (min-width: 690px){
    #dvideo-body .vcard-template.style2 .vcard-header{
        padding-top:110px
    }
}
@media (min-width: 690px){
    #dvideo-body .vcard-template.style2 .vcard-header .vcard-header-wrapper{
        width:640px;
        margin:0 auto;
        box-shadow:0 4px 7.36px 0.64px rgba(0,0,0,0.24),0 1px 7.68px 0.32px rgba(0,0,0,0.16)
    }
}
#dvideo-body .vcard-template.style2 .vcard-header .vcard-top-info{
    margin:0 auto 0 auto;
    max-width:100%;
    background-repeat:no-repeat !important;
    background-size:100% !important;
    height:360px
}
#dvideo-body .vcard-template.style2 .vcard-header .vcard-top-info.wrapper-ytThumbnail{
    overflow:hidden
}
#dvideo-body .vcard-template.style2 .vcard-header .vcard-top-info.wrapper-ytThumbnail .thumbnailImg{
    max-width:100%;
    background-repeat:no-repeat !important;
    background-size:100% !important;
    height:100%;
    cursor:pointer;
    position:relative
}
@media (max-width: 768px){
    #dvideo-body .vcard-template.style2 .vcard-header .vcard-top-info.wrapper-ytThumbnail .thumbnailImg{
        max-width:100%;
        background-repeat:no-repeat !important;
        height:100%;
        cursor:pointer;
        background-size:cover !important;
        background-position:50% 50% !important
    }
}
#dvideo-body .vcard-template.style2 .vcard-header .vcard-top-info.wrapper-ytThumbnail .thumbnailImg:not(.ytVideoIsOn):before{
    content:"";
    width:100%;
    height:100%;
    background:#000;
    opacity:.27;
    display:block;
    position:absolute
}
#dvideo-body .vcard-template.style2 .vcard-header .vcard-top-info.wrapper-ytThumbnail .thumbnailImg:not(.ytVideoIsOn):after{
    font-family:"solution-dvideo-icons" !important;
    font-style:normal !important;
    font-weight:normal !important;
    font-variant:normal !important;
    text-transform:none !important;
    speak:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    content:"\4f";
    color:#fffcfc;
    opacity:.87;
    font-size:48px;
    position:absolute;
    top:calc(50% - 24px);
    left:calc(50% - 24px)
}
@media (max-width: 320px){
    #dvideo-body .vcard-template.style2 .vcard-header .vcard-top-info{
        height:180px
    }
}
@media (max-width: 360px) and (min-width: 321px){
    #dvideo-body .vcard-template.style2 .vcard-header .vcard-top-info{
        height:202px
    }
}
@media (max-width: 375px) and (min-width: 361px){
    #dvideo-body .vcard-template.style2 .vcard-header .vcard-top-info{
        height:211px
    }
}
@media (max-width: 384px) and (min-width: 376px){
    #dvideo-body .vcard-template.style2 .vcard-header .vcard-top-info{
        height:216px
    }
}
@media (max-width: 400px) and (min-width: 385px){
    #dvideo-body .vcard-template.style2 .vcard-header .vcard-top-info{
        height:225px
    }
}
@media (max-width: 414px) and (min-width: 401px){
    #dvideo-body .vcard-template.style2 .vcard-header .vcard-top-info{
        height:233px
    }
}
@media (max-width: 480px) and (min-width: 415px){
    #dvideo-body .vcard-template.style2 .vcard-header .vcard-top-info{
        height:270px
    }
}
@media (max-width: 600px) and (min-width: 481px){
    #dvideo-body .vcard-template.style2 .vcard-header .vcard-top-info{
        height:338px
    }
}
@media (max-width: 768px) and (min-width: 601px){
    #dvideo-body .vcard-template.style2 .vcard-header .vcard-top-info{
        height:360px
    }
}
@media (max-width: 758px){
    #dvideo-body .vcard-template.style2 .vcard-header .vcard-top-info{
        background-size:cover !important
    }
}
#dvideo-body .vcard-template.style2 .vcard-header .top{
    padding:20px 0 20px 0;
    color:#fff;
    font-weight:300;
    opacity:0.8
}
#dvideo-body .vcard-template.style2 .vcard-header .img{
    height:95px;
    width:95px;
    border-radius:50%;
    background-position:center center !important;
    background-size:cover !important;
    margin:10px auto 0 auto
}
#dvideo-body .vcard-template.style2 .vcard-header .name{
    padding:20px 0 15px 0;
    color:#fff;
    font-weight:400
}
#dvideo-body .vcard-template.style2 .vcard-header .title{
    padding:0 0 25px 0;
    color:#fff;
    font-weight:300;
    line-height:1.4;
    max-width:170px;
    margin:0 auto;
    opacity:0.75;
    font-size:13px
}
#dvideo-body .vcard-template.style2 .vcard-header .add-contact-wrapper{
    position:fixed;
    bottom:20px;
    right:20px;
    z-index:150
}
@media (min-width: 690px){
    #dvideo-body .vcard-template.style2 .vcard-header .add-contact-wrapper{
        display:none
    }
}
#dvideo-body .vcard-template.style2 .vcard-header .add-contact-btn{
    cursor:pointer;
    display:block;
    height:56px;
    width:56px;
    text-align:center;
    padding-top:12px;
    font-size:20px;
    border-radius:50%;
    color:#fff;
    box-shadow:8px 14px 38px rgba(0,0,0,0.07);
    opacity:0.9;
    border:1px solid transparent
}
#dvideo-body .vcard-template.style2 .vcard-header .add-contact-btn i{
    font-size:30px
}
#dvideo-body .vcard-template.style2 .vcard-header .add-contact-btn:hover{
    box-shadow:3px 6px 28px rgba(0,0,0,0.2);
    opacity:1
}
#dvideo-body .vcard-template.style2 .vcard-header .vcard-functions{
    display:block;
    width:100%;
    text-align:center;
    height:60px;
    border-top:1px solid rgba(255,255,255,0.15)
}
#dvideo-body .vcard-template.style2 .vcard-header .vcard-functions .vcard-functions-wrapper{
    display:table;
    margin:0 auto;
    width:300px;
    height:56px;
    text-align:center
}
@media (min-width: 690px){
    #dvideo-body .vcard-template.style2 .vcard-header .vcard-functions .vcard-functions-wrapper{
        width:570px
    }
}
#dvideo-body .vcard-template.style2 .vcard-header .vcard-functions a{
    cursor:pointer;
    display:table-cell;
    color:#fff;
    padding:10px 0;
    min-width:100px;
    margin:0;
    border-right:1px solid rgba(255,255,255,0.15)
}
#dvideo-body .vcard-template.style2 .vcard-header .vcard-functions a.last-element{
    border-right:0
}
@media (min-width: 690px){
    #dvideo-body .vcard-template.style2 .vcard-header .vcard-functions a{
        min-width:190px
    }
}
#dvideo-body .vcard-template.style2 .vcard-header .vcard-functions a i{
    display:inline-block;
    font-size:18px;
    margin-bottom:8px
}
#dvideo-body .vcard-template.style2 .vcard-header .vcard-functions a small{
    display:block;
    text-transform:uppercase;
    font-size:10px
}
#dvideo-body .vcard-template.style2 .vcard-header .vcard-functions a:hover{
    background-color:rgba(0,0,0,0.1)
}
@media (min-width: 690px){
    #dvideo-body .vcard-template.style2 .vcard-body-wrapper{
        width:640px;
        margin:0 auto;
        background:#fff;
        box-shadow:0 4px 7.36px 0.64px rgba(0,0,0,0.24),0 1px 7.68px 0.32px rgba(0,0,0,0.16);
        margin-bottom:60px
    }
}
#dvideo-body .vcard-template.style2 .vcard-body{
    padding-top:0
}
@media (min-width: 690px){
    #dvideo-body .vcard-template.style2 .vcard-body{
        padding-bottom:40px
    }
}
#dvideo-body .vcard-template.style2 .vcard-body .btn.blue-dark{
    display:none;
    margin-top:20px
}
@media (min-width: 690px){
    #dvideo-body .vcard-template.style2 .vcard-body .btn.blue-dark{
        display:block
    }
}
.welcome-screen .helper{
    display:inline-block;
    height:100%;
    vertical-align:middle
}
.welcome-screen img{
    display:inline-block;
    vertical-align:middle;
    max-height:100px;
    max-width:100px;
    margin:0 auto;
    animation-name:pulse_animation;
    animation-duration:2500ms;
    transform-origin:50% 50%;
    animation-timing-function:ease-in-out
}
@media (min-width: 375px){
    .welcome-screen img{
        max-width:180px;
        max-height:180px;
        min-width:150px
    }
}
@keyframes pulse_animation{
    0%{
        transform:scale(0.8)
    }
    100%{
        transform:scale(1)
    }
}
.loading-welcome{
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    height:100%;
    background-color:#fff;
    display:none;
    z-index:9999998;
    opacity:1
}
.loading-welcome.active{
    white-space:nowrap;
    text-align:center;
    display:inline-block
}
.loading-welcome #welcomeImg{
    display:none
}
.loading-vcard{
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    height:100%;
    background-color:#fff;
    display:none;
    z-index:9999998;
    opacity:1
}
.loading-vcard.active{
    display:block
}
.loading-vcard .sk-three-bounce{
    margin-left:-25px;
    margin-top:-25px
}
.mb10{
    margin-bottom:10px !important
}
.mb20{
    margin-bottom:20px !important
}
input[type="text"],input[type="password"],textarea,select{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    display:block;
    height:44px;
    width:100%;
    margin-bottom:0;
    background-color:#fff;
    border:2px solid #eaeaea;
    border-radius:2px;
    padding-left:15px;
    padding-right:15px;
    font-size:14px;
    color:#323032;
    font-weight:400;
    outline:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    overflow:hidden;
    line-height:normal !important
}
input[type="text"]::-webkit-input-placeholder,input[type="password"]::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{
    font-weight:400;
    color:rgba(130,132,143,0.5)
}
input[type="text"]:-moz-placeholder,input[type="password"]:-moz-placeholder,textarea:-moz-placeholder,select:-moz-placeholder{
    font-weight:400;
    color:rgba(130,132,143,0.5)
}
input[type="text"]::-moz-placeholder,input[type="password"]::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{
    font-weight:400;
    color:rgba(130,132,143,0.5)
}
input[type="text"]:-ms-input-placeholder,input[type="password"]:-ms-input-placeholder,textarea:-ms-input-placeholder,select:-ms-input-placeholder{
    font-weight:400;
    color:rgba(130,132,143,0.5)
}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus,select:focus{
    box-shadow:none !important;
    border:2px solid #ddd
}
.page.ng-leave{
    z-index:9999
}
.page.ng-enter{
    z-index:8888
}
.hidden{
    display:none
}
#devent-details,#devent-maps,.devent-map-header{
    display:none
}
.page-home #dvideo-details{
    display:block
}
.event-padding-no-avatar{
    padding-top:80px !important
}
.reset-map{
    margin:20px 10px -35px;
    float:right;
    font-size:15px;
    cursor:pointer;
    color:#47bdef;
    position:absolute;
    right:0;
    z-index:9999
}
.reset-map:hover{
    color:#25acdd
}
.page-maps{
    float:left;
    width:100%;
    opacity:0
}
.page-maps #devent-maps,.page-maps .devent-map-header{
    display:block
}
@media (min-width: 667px){
    .page-maps .event-content-container{
        max-width:100% !important
    }
}
.page-maps .event-body{
    padding-top:56px
}
@media (min-width: 667px){
    .page-maps .event-body{
        padding-top:60px !important
    }
    .page-maps .event-body #devent-maps img{
        margin-left:-35px
    }
}
.page-maps .devent-map-header .event-section-title{
    box-shadow:0 2px 2.82px 0.18px rgba(0,0,0,0.24),0 1px 3.92px 0.08px rgba(0,0,0,0.16);
    padding:0 20px !important;
    line-height:56px;
    min-height:56px !important;
    position:fixed;
    top:0;
    z-index:999
}
@media (min-width: 690px){
    .page-maps .devent-map-header .event-section-title{
        position:relative !important;
        width:640px !important;
        float:initial !important;
        margin:0 auto !important;
        box-shadow:none
    }
}
.page-maps .devent-map-header .event-section-title i{
    font-size:33px;
    color:#fff;
    position:absolute;
    line-height:67px;
    left:10px;
    cursor:pointer
}
.page-maps .devent-map-header .event-section-title .event-title{
    padding-left:51px;
    font-size:20px
}
.page-maps .vcard-header,.page-maps .event-organizer{
    display:none
}
.page-home.ng-enter{
    animation:from-100to0 0.5s both ease-in-out
}
.page-home.ng-leave{
    animation:from0to-100 0.5s both ease-in-out
}
.page-maps.ng-leave{
    animation:from0to100 0.5s both ease-in-out
}
.page-maps.ng-enter{
    animation:from100to0 0.5s both ease-in-out
}
@keyframes from0to-100{
    from{
        transform:translateX(0)
    }
    to{
        transform:translateX(-100%)
    }
}
@keyframes from100to0{
    from{
        transform:translateX(100%)
    }
    to{
        transform:translateX(0%)
    }
}
@keyframes from0to100{
    from{
        transform:translateX(0%)
    }
    to{
        transform:translateX(100%)
    }
}
@keyframes from-100to0{
    from{
        transform:translateX(-100%)
    }
    to{
        transform:translateX(0%)
    }
}
@media (max-width: 690px){
    .share-container,.calendar-container{
        z-index:999
    }
}
.pull-right{
    float:right !important
}
.pull-left{
    float:left !important
}
.dialog-body{
    color:#333;
    text-align:center;
    line-height:1.6
}
.event-gotIt-button{
    width:100%;
    text-align:center;
    float:left
}
.event-gotIt-button a{
    float:none !important;
    margin:20px auto !important;
    display:inline-block !important
}
.progress{
    position:relative;
    height:4px;
    display:block;
    width:100%;
    background-color:#F4F4F4;
    border-radius:2px;
    background-clip:padding-box;
    margin:0 auto;
    overflow:hidden
}
.progress .loading-bar{
    background-color:#797d80
}
.progress .indeterminate:before{
    content:'';
    position:absolute;
    background-color:inherit;
    top:0;
    left:0;
    bottom:0;
    will-change:left, right;
    -webkit-animation:indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
    animation:indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite
}
.progress .indeterminate:after{
    content:'';
    position:absolute;
    background-color:inherit;
    top:0;
    left:0;
    bottom:0;
    will-change:left, right;
    -webkit-animation:indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
    animation:indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
    -webkit-animation-delay:1.15s;
    animation-delay:1.15s
}
@-webkit-keyframes indeterminate{
    0%{
        left:-35%;
        right:100%
    }
    60%{
        left:100%;
        right:-90%
    }
    100%{
        left:100%;
        right:-90%
    }
}
@keyframes indeterminate{
    0%{
        left:-35%;
        right:100%
    }
    60%{
        left:100%;
        right:-90%
    }
    100%{
        left:100%;
        right:-90%
    }
}
@-webkit-keyframes indeterminate-short{
    0%{
        left:-200%;
        right:100%
    }
    60%{
        left:107%;
        right:-8%
    }
    100%{
        left:107%;
        right:-8%
    }
}
@keyframes indeterminate-short{
    0%{
        left:-200%;
        right:100%
    }
    60%{
        left:107%;
        right:-8%
    }
    100%{
        left:107%;
        right:-8%
    }
}
.thumbnail-container{
    width:100%;
    height:270px;
    overflow:hidden;
    cursor:pointer;
    position:relative
}
@media (max-width: 480px){
    .thumbnail-container{
        height:184px
    }
}
@media (max-width: 320px){
    .thumbnail-container{
        height:153px
    }
}
.thumbnail-container img.thumbnailDesktopTemplate{
    margin-top:0;
    width:100%
}
.thumbnail-container img.thumbnailMobileTemplate{
    margin-top:0;
    width:100%
}
.thumbnail-container:not(.ytVideoIsOn):before{
    content:"";
    width:100%;
    height:100%;
    background:#000;
    opacity:.27;
    display:block;
    position:absolute
}
.thumbnail-container:not(.ytVideoIsOn):after{
    font-family:"solution-dvideo-icons" !important;
    font-style:normal !important;
    font-weight:normal !important;
    font-variant:normal !important;
    text-transform:none !important;
    speak:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    content:"\4f";
    color:#fffcfc;
    opacity:.87;
    font-size:48px;
    position:absolute;
    top:calc(50% - 24px);
    left:calc(50% - 24px)
}
#dvideo-details .video-container{
    text-align:center;
    background:#fff;
    box-shadow:0 2px 4px 0 rgba(0,0,0,0.24),0 0 4px 0 rgba(0,0,0,0.12)
}
#dvideo-details .video-container .video-description{
    padding:30px 40px 20px 30px;
    font-size:16px;
    color:#000;
    float:left;
    position:relative;
    width:100%;
    text-align:left
}
#dvideo-details .video-container .video-description h4{
    line-height:1.6
}
.yt_players{
    border:0
}
.socialMedia-container{
    margin-top:25px
}
.socialMedia-container label{
    font-size:16px;
    margin-bottom:40px !important;
    float:left;
    width:100%;
    padding-left:45px
}
.socialMedia-container label+i{
    font-size:28px;
    left:0 !important;
    top:19px !important
}
@media (max-width: 768px){
    .socialMedia-container label+i{
        left:13px !important
    }
}
.socialMedia-container .channels-padding{
    padding-left:45px;
    float:left;
    margin-top:20px
}
.dots-menu{
    position:absolute;
    right:25px;
    color:#ababab;
    cursor:pointer
}
.visible-menu{
    position:absolute;
    right:-10px;
    min-width:200px;
    top:-10px;
    background:#fff;
    padding:28px 25px;
    box-shadow:0px 4px 7.36px 0.64px rgba(0,0,0,0.24),0px 1px 7.68px 0.32px rgba(0,0,0,0.16)
}
.visible-menu .close-dots-menu{
    transform:rotate(45deg);
    position:absolute;
    right:5px;
    top:5px
}
.visible-menu .close-dots-menu i{
    cursor:pointer;
    color:#000;
    opacity:0.33;
    font-size:27px
}
.visible-menu a{
    font-weight:400;
    color:#000;
    opacity:0.87
}
.animate-show-hide.ng-hide{
    opacity:0
}
.animate-show-hide.ng-hide-add,.animate-show-hide.ng-hide-remove{
    transition:all linear 0.5s
}
.darkTheme .dynamicTextColor{
    color:#000 !important
}
.whiteTheme .dynamicTextColor{
    color:#fffefe !important
}
.text-center{
    text-align:center
}
.mt-0{
    margin-top:0 !important
}
.icon-dots{
    font-size:26px;
    margin-right:-6px
}
 .sh-bar__name{
     font-size:18px;
     margin:0 20px 4px
}
 .sh-bar__company {
     font-size: 13px;
     padding: 0;
     margin: 0 20px 0;
     vertical-align: middle;
     opacity: 0.8;
}
 .sh-page__description{
     font-size:14px;
     line-height:22px;
     padding:0;
     margin:0 0 20px;
     word-wrap:break-word;
     white-space:pre-line;
     vertical-align:middle
}
 .special-elite-regular {
     font-family: "Special Elite", serif;
     font-weight: 400;
     font-style: normal;
}
 .poppins-medium {
     font-family: "Poppins", serif;
     font-weight: 500;
     font-style: normal;
}
 .poppins-bold {
     font-family: "Poppins", serif;
     font-weight: 700;
     font-style: normal;
}
 .sh-page{
     margin:0;
     padding:0 20px 20px;
     text-align:center;
     position:relative
}
 .sh-page__title{
    font-size:18px;
     font-weight:bold;
     padding:0;
     margin:0 0 16px
}
 @media (min-width: 480px){
     .sh-page__title{
         color:#3c4245
    }
}
 @media (min-width: 480px){
     .sh-page__description{
         line-height:22px;
         font-family: "Special Elite", serif;
         font-weight: 400;
         color:#3c4245
    }
}
 .sh-page__description-text{
     font-family: "Special Elite", serif;
     font-weight: 400;
     font-style: normal;
     opacity:0.8
}
 .sh-page__more,.sh-page__less{
     font-family: "Special Elite", serif;
     font-weight: 400;
     font-style: normal;
     opacity:1;
    cursor:pointer
}
 .sh-page__website-container{
     font-family: "Special Elite", serif;
     font-weight: 400;
     font-style: normal;
     position:absolute;
     bottom:10px;
     left:0;
    right:0;
    top:auto
}
 @media (min-width: 480px){
    .sh-page__website-container{
        font-family:'Special Elite',cursive;
        position:relative;
        top:80px;
        bottom:auto;
        left:auto;
        right:auto
    }
}
.sh-page__website{
    font-family:'Special Elite',cursive;
    opacity:0.8;
    padding:0;
    margin:0;
    color:inherit
}
@media (min-width: 480px){
    .sh-page__website{
        font-family:'Special Elite',cursive;
        color:#797d80 !important
    }
}
.sh-page__website:hover,.sh-page__website:focus{
    font-family:'Special Elite',cursive;
    color:inherit
}
@media (min-width: 480px){
    .sh-page__website:hover,.sh-page__website:focus{
        font-family:'Special Elite',cursive;
        color:#797d80 !important
    }
}
@media (min-width: 480px){
    .sh-page{
        padding:60px 80px 30px;
        background:#fff !important;
        height:auto !important;
        -webkit-border-radius:2px;
        -moz-border-radius:2px;
        border-radius:2px;
        -webkit-box-shadow:0px 10px 14.1px 0.9px rgba(0, 0, 0, 0.24), 0px 4px 19.6px 0.4px rgba(0, 0, 0, 0.16);
        -moz-box-shadow:0px 10px 14.1px 0.9px rgba(0, 0, 0, 0.24), 0px 4px 19.6px 0.4px rgba(0, 0, 0, 0.16);
        box-shadow:0px 10px 14.1px 0.9px rgba(0, 0, 0, 0.24), 0px 4px 19.6px 0.4px rgba(0, 0, 0, 0.16)
    }
}
 .sh-avatar{
    width:120px;
    height:120px;
    padding:0;
    border:0;
    margin:0 0 28px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
    -webkit-box-shadow:0 0 14px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0 0 14px 1px rgba(0, 0, 0, 0.2);
    box-shadow:0 0 14px 1px rgba(0, 0, 0, 0.2)
}
.sh-link{
    font-size:14px;
    text-decoration:none;
    color:#a4a6a8;
    display:block;
    margin:0 auto 20px;
    text-align:center;
    padding:0
}
.sh-link:hover,.sh-link:focus{
    outline:none;
    text-decoration:none;
    color:#a4a6a8
}
.sh-bar{
    font-size:20px;
    font-weight:500;
    padding:45px 0 30px;
    text-align:center;
    position:relative;
    margin:0
}
 @media (min-width: 480px){
    .sh-bar{
        padding-top:40px
    }
}
.sh-bar__share{
    font-size:30px;
    line-height:1;
    color:inherit;
    float:right;
    cursor:pointer;
    position:absolute;
    right:14px;
    top:-30px
}
 @media (min-width: 660px){
     .sh-bar__share{
         width:50px;
         height:50px;
         background:#fff;
         color:#797d80;
         padding:7px 0 0;
         right:-80px;
         top:auto;
         bottom:-220px;
         font-size:35px;
         -webkit-border-radius:30px;
         -moz-border-radius:30px;
         border-radius:30px;
         -webkit-box-shadow:0px 10px 14.1px 0.9px rgba(0, 0, 0, 0.24), 0px 4px 19.6px 0.4px rgba(0, 0, 0, 0.16);
         -moz-box-shadow:0px 10px 14.1px 0.9px rgba(0, 0, 0, 0.24), 0px 4px 19.6px 0.4px rgba(0, 0, 0, 0.16);
         box-shadow:0px 10px 14.1px 0.9px rgba(0, 0, 0, 0.24), 0px 4px 19.6px 0.4px rgba(0, 0, 0, 0.16)
    }
}
 .sh-background{
    height:100%;
    z-index:-1;
    position:absolute;
    top:0;
    left:0;
    right:0;
    width:100%
}
@media (min-width: 480px){
    .sh-background{
        height:270px !important
    }
}
.sh-container{
    max-width:480px;
    margin:0 auto
}
.sh-button{
    width:auto;
    display:inline-block;
    padding:10px 26px;
    margin:0 0 40px;
    line-height:19px;
    text-align:center;
    border:1px solid #fff;
    background:transparent;
    font-size:14px;
    font-style:normal;
    font-weight:bold;
    cursor:pointer;
    color:inherit;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    border-radius:30px
}
.sh-button:hover,.sh-button:focus{
    outline:none;
    color:inherit
}
@media (min-width: 480px){
    .sh-button:hover,.sh-button:focus{
        color:#3c4245 !important;
        border-color:#3c4245 !important
    }
}
@media (min-width: 480px){
    .sh-button{
        color:#3c4245 !important;
        border-color:#3c4245 !important
    }
}
.sh-layer{
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background:#3c4245;
    z-index:1000;
    visibility:hidden;
    opacity:0;
    -webkit-transition:visibility 0s, opacity 0.2s;
    -moz-transition:visibility 0s, opacity 0.2s;
    -o-transition:visibility 0s, opacity 0.2s;
    transition:visibility 0s, opacity 0.2s
}
.sh-layer--open{
    visibility:visible;
    opacity:0.5
}
.sh-dialog{
    position:fixed;
    left:0;
    right:0;
    top:50%;
    background:#fff;
    margin:-120px 40px 0;
    padding:40px 16px 0;
    z-index:1001;
    visibility:hidden;
    opacity:0;
    -webkit-box-shadow:0 0 5px #a4a6a8;
    -moz-box-shadow:0 0 5px #a4a6a8;
    box-shadow:0 0 5px #a4a6a8;
    -webkit-transition:visibility 0s, opacity 0.2s;
    -moz-transition:visibility 0s, opacity 0.2s;
    -o-transition:visibility 0s, opacity 0.2s;
    transition:visibility 0s, opacity 0.2s
}
@media (min-width: 480px){
    .sh-dialog{
        width:320px;
        left:50%;
        margin-left:-160px;
        margin-right:0;
        padding:40px 30px 10px
    }
}
.sh-dialog--open{
    visibility:visible;
    opacity:1
}
.sh-dialog__input{
    background:#fff;
    border:0;
    padding:10px 0;
    margin:20px 0 0;
    border-bottom:1px solid #d4d4d4;
    width:100%;
    display:block;
    -webkit-transition:border-bottom-color 0.2s;
    -moz-transition:border-bottom-color 0.2s;
    -o-transition:border-bottom-color 0.2s;
    transition:border-bottom-color 0.2s
}
.sh-dialog__input.ng-invalid,.sh-dialog__input:invalid{
    border-bottom-color:#ff5f4a;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none
}
.sh-dialog__input:focus,.sh-dialog__input:hover{
    border:0;
    border-bottom:1px solid #d4d4d4;
    outline:none
}
.sh-dialog__close{
    cursor:pointer;
    color:#a4a6a8;
    font-size:18px;
    font-weight:normal;
    font-style:normal;
    position:absolute;
    line-height:1;
    right:10px;
    top:10px
}
.sh-dialog__text{
    color:#3c4245;
    line-height:24px
}
.sh-dialog__title{
    padding:0;
    margin:0 0 16px;
    display:block
}
.sh-dialog__button{
    border:0;
    display:block;
    width:100%;
    background:#90c52d;
    padding:10px 0;
    margin:40px 0 16px;
    cursor:pointer;
    color:#fff;
    font-size:12px;
    font-weight:bold;
    font-style:normal;
    text-align:center;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    -webkit-box-shadow:0 2px 5px #a4a6a8;
    -moz-box-shadow:0 2px 5px #a4a6a8;
    box-shadow:0 2px 5px #a4a6a8;
    -webkit-transition:background-color 0.2s;
    -moz-transition:background-color 0.2s;
    -o-transition:background-color 0.2s;
    transition:background-color 0.2s
}
.sh-dialog__button:focus,.sh-dialog__button:hover{
    background:#85b62b;
    color:#fff;
    outline:none
}
.sh-dialog__button:disabled{
    background:#c6df96;
    color:#fff
}
@media (min-width: 480px){
    .sh-body{
        background:#f7f7f7 !important
    }
}
.sh-store-link{
    padding:0;
    cursor:pointer
}
.sh-store-link__image{
    width:200px;
    height:auto;
    border:0;
    margin:0 0 15px;
    padding:0
}
@media (min-width: 480px){
    .sh-store-link__image{
        margin:0 0 20px
    }
}
.event-gotIt-button .sh-button{
    border-color:#333 !important;
    color:#333
}
.sh-cody{
    padding:128px 20px 0;
    text-align:center
}
.sh-cody__message{
    line-height:20px;
    border:1px solid #eaeaea;
    padding:20px 10px;
    margin:0 0 20px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px
}
.sh-cody__image{
    width:120px;
    height:auto;
    border:0
}
 .fabs{
    bottom:0;
    position:absolute;
    margin:1em;
    right:0;
    z-index:998
}
@media (max-width: 768px){
    .hidden-xs{
        display:none
    }
}
.fixed-blur-bgd{
    opacity:1;
    background:rgba(0,0,0,0.3);
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:999999;
    display:none
}
.fab{
    display:block;
    width:56px;
    height:56px;
    border-radius:50%;
    text-align:center;
    color:#fff;
    margin:25px auto 0;
    box-shadow:0px 10px 14.1px 0.9px rgba(0,0,0,0.24),0px 4px 19.6px 0.4px rgba(0,0,0,0.16);
    cursor:pointer;
    -webkit-transition:all .1s ease-out;
    -moz-transition:all .1s ease-out;
    -o-transition:all .1s ease-out;
    transition:all .1s ease-out;
    position:relative;
    z-index:998;
    overflow:hidden
}
.fab:hover{
    box-shadow:0px 20px 28.2px 0.9px rgba(0,0,0,0.24),0px 8px 40.18px 0.82px rgba(0,0,0,0.16);
    color:#fff
}
.fab.white-bgd{
    background:#fff;
    color:rgba(0,0,0,0.87)
}
.fab.white-bgd i{
    color:rgba(0,0,0,0.6)
}
.fab>i{
    font-size:34px;
    line-height:67px;
    -webkit-transition:all .2s ease-out;
    -moz-transition:all .2s ease-out;
    -o-transition:all .2s ease-out;
    transition:all .2s ease-in-out
}
.fab:not(:last-child){
    width:0;
    height:0;
    margin:20px auto 0;
    opacity:0;
    visibility:hidden
}
.fab:not(:last-child)>i{
    font-size:1.4em;
    line-height:40px
}
.fab:not(:last-child).is-visible{
    width:40px;
    height:40px;
    margin:15px auto 10px;
    opacity:1;
    visibility:visible
}
.fab:nth-last-child(1){
    -webkit-transition-delay:25ms;
    -moz-transition-delay:25ms;
    -o-transition-delay:25ms;
    transition-delay:25ms
}
.fab:not(:last-child):nth-last-child(2){
    -webkit-transition-delay:20ms;
    -moz-transition-delay:20ms;
    -o-transition-delay:20ms;
    transition-delay:20ms
}
.fab:not(:last-child):nth-last-child(3){
    -webkit-transition-delay:40ms;
    -moz-transition-delay:40ms;
    -o-transition-delay:40ms;
    transition-delay:40ms
}
.fab:not(:last-child):nth-last-child(4){
    -webkit-transition-delay:60ms;
    -moz-transition-delay:60ms;
    -o-transition-delay:60ms;
    transition-delay:60ms
}
.fab:not(:last-child):nth-last-child(5){
    -webkit-transition-delay:80ms;
    -moz-transition-delay:80ms;
    -o-transition-delay:80ms;
    transition-delay:80ms
}
.fab:not(:last-child):active,.fab:not(:last-child):focus,.fab:not(:last-child):hover{
    box-shadow:0 0 6px rgba(0,0,0,0.16),0 6px 12px rgba(0,0,0,0.32)
}
@media (max-width: 767px){
    #gotIt .dialog-container{
        top:100px !important
    }
}
.dialog-container{
    position:absolute;
    opacity:0;
    visibility:hidden;
    box-shadow:0 1.5px 4px rgba(0,0,0,0.24),0 1.5px 6px rgba(0,0,0,0.12);
    border-radius:3px;
    -webkit-transition:all .2s ease-out;
    -moz-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    top:0
}
.dialog-container .event-title{
    color:rgba(0,0,0,0.87) !important;
    font-weight:500 !important;
    margin-bottom:20px
}
@media (min-width: 768px){
    .dialog-container{
        -webkit-transition:all 0s ease-out;
        -moz-transition:all 0s ease-in-out;
        -o-transition:all 0s ease-in-out;
        transition:all 0ms ease-in-out 0ms
    }
}
@media (max-width: 767px){
    .dialog-container{
        top:150px !important;
        z-index:9999 !important;
        right:calc((100% - 312px) / 2) !important
    }
}
.chat{
    position:absolute;
    right:85px;
    bottom:0;
    width:400px;
    font-size:12px;
    line-height:22px;
    font-weight:500;
    opacity:0;
    visibility:hidden;
    box-shadow:0 1.5px 4px rgba(0,0,0,0.24),0 1.5px 6px rgba(0,0,0,0.12);
    border-radius:3px;
    -webkit-transition:all .2s ease-out;
    -moz-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
@media (min-width: 768px){
    .chat{
        -webkit-transition:all 0s ease-out;
        -moz-transition:all 0s ease-in-out;
        -o-transition:all 0s ease-in-out;
        transition:all 0ms ease-in-out 0ms
    }
}
.chat_loader{
    display:none;
    float:right;
    background:transparent;
    height:8px;
    width:8px;
    margin:5px 10px 0 0;
    border-radius:50%;
    border:solid 2px #263238
}
.dialog-container.is-visible,.chat.is-visible{
    opacity:1;
    visibility:visible;
    -webkit-animation:zoomIn 0.2s cubic-bezier(0.42, 0, 0.58, 1);
    -moz-animation:zoomIn 0.2s cubic-bezier(0.42, 0, 0.58, 1);
    -o-animation:zoomIn 0.2s cubic-bezier(0.42, 0, 0.58, 1);
    animation:zoomIn 0.2s cubic-bezier(0.42, 0, 0.58, 1);
    z-index:999;
    position:fixed;
    left:calc(50% - 140px);
    top:calc(50% - 190px);
    height:0
}
@media (min-width: 768px){
    .dialog-container.is-visible,.chat.is-visible{
        position:fixed;
        left:calc(50% - 156px);
        top:calc(50% - 190px);
        height:0
    }
}
.chat_option ul{
    display:none;
    position:absolute;
    list-style:none;
    top:100%;
    left:0;
    background:#eceff1;
    border-radius:5px;
    box-shadow:0 0 6px rgba(0,0,0,0.16),0 6px 12px rgba(0,0,0,0.32);
    padding:0;
    z-index:1000;
    width:150px
}
.chat_option ul li{
    float:none;
    position:relative
}
.chat_color{
    display:block;
    width:20px;
    height:20px;
    border-radius:50%;
    margin:10px;
    float:left
}
.chat_option.is-dropped>ul{
    display:block
}
#shareFab .fab-body ul li a,#shareFab2 .fab-body ul li a,#saveMenu .fab-body ul li a{
    padding-left:24px;
    text-align:left;
    float:left;
    padding-top:7px;
    width:calc(100% - 38px)
}
#shareFab .fab-body ul li i,#shareFab2 .fab-body ul li i,#saveMenu .fab-body ul li i{
    font-size:33px;
    float:left;
    color:rgba(0,0,0,0.37)
}
#shareFab .fab-body ul li i.icon-event-facebook,#shareFab2 .fab-body ul li i.icon-event-facebook,#saveMenu .fab-body ul li i.icon-event-facebook{
    color:#3a5897
}
#shareFab .fab-body ul li i.icon-event-x,#shareFab2 .fab-body ul li i.icon-event-x,#saveMenu .fab-body ul li i.icon-event-x{
    color:#000000
}
.disabledClick{
    pointer-events:none
}
.fab-body{
    width:100%;
    float:left;
    display:inline-block;
    text-align:left;
    padding:25px;
    background:#fff;
    box-shadow:0px 4px 7.36px 0.64px rgba(0,0,0,0.24),0px 1px 7.68px 0.32px rgba(0,0,0,0.16);
    z-index:999
}
.fab-body .icon-event-close{
    cursor:pointer;
    position:absolute;
    right:3px;
    font-size:35px;
    top:3px;
    color:rgba(0,0,0,0.37)
}
.fab-body .icon-event-close:hover{
    color:rgba(0,0,0,0.54)
}
.fab-body ul{
    margin-top:30px
}
.fab-body ul li{
    font-size:16px;
    font-weight:400;
    color:rgba(0,0,0,0.87);
    width:100%;
    float:left;
    display:table;
    margin-bottom:20px
}
.fab-body ul li img,.fab-body ul li a{
    display:table-cell;
    vertical-align:middle
}
.fab-body ul li a{
    padding-left:15px
}
.fab-body ul li i[class^='icon-event-']{
    color:rgba(0,0,0,0.6)
}
.fab-body ul li i.icon-event-facebook{
    color:#3a5897
}
.fab-body ul li i.icon-event-x{
    color:#000000
}
.fab-body ul li i.icon-fab-share-whatsapp{
    color:#25d366
}
.fab-body ul li:last-child{
    margin-bottom:0 !important
}
.fab-body ul li:hover{
    cursor:pointer;
    color:#000000
}
.fab-body .fab-header{
    margin-bottom:5px;
    font-size:14px;
    color:rgba(0,0,0,0.87);
    font-weight:500
}
.fab-body input{
    float:left;
    width:65%;
    margin-left:24px;
    box-shadow:none;
    border:2px #d4d4d4 solid;
    background:#fff;
    position:relative;
    font-size:12px;
    line-height:30px;
    font-weight:500;
    color:#4b4b4b;
    -webkit-font-smoothing:antialiased;
    outline:none;
    display:inline-block;
    height:30px;
    resize:none;
    padding:5px;
    border-radius:2px
}
.fab-body .chat_login_alert{
    margin-top:10px;
    font-size:12px;
    font-weight:500
}
.chat_field{
    position:relative;
    margin:5px 0 5px 0;
    width:50%;
    font-size:12px;
    line-height:30px;
    font-weight:500;
    color:#4b4b4b;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased;
    border:none;
    outline:none;
    background:#eceff1;
    display:inline-block
}
.chat_field.chat_message{
    height:30px;
    resize:none
}
.fab_field{
    width:100%;
    display:inline-block;
    text-align:center;
    background:#eceff1;
    box-shadow:0 0 6px rgba(0,0,0,0.16),0 6px 12px rgba(0,0,0,0.32)
}
.fab_field a{
    display:inline-block;
    text-align:center
}
#fab_listen{
    float:left;
    background:transparent
}
#fab_send{
    float:right;
    background:transparent
}
.fab_field .fab{
    width:35px;
    height:35px;
    box-shadow:none;
    margin:5px
}
.fab_field .fab>i{
    font-size:1.6em;
    line-height:35px;
    color:#263238
}
.chat_converse{
    position:relative;
    background:inherit;
    margin:6px 0 0 0;
    max-height:256px;
    min-height:0;
    font-size:12px;
    line-height:18px;
    overflow-y:auto;
    width:100%;
    float:right
}
.chat_list{
    opacity:0;
    visibility:hidden;
    height:0
}
.chat_list .chat_list_item{
    opacity:0;
    visibility:hidden
}
.chat .chat_converse .chat_msg_item{
    position:relative;
    margin:8px 0 15px 0;
    padding:8px 10px;
    max-width:40%;
    display:block;
    word-wrap:break-word;
    box-shadow:0 4px 8px rgba(0,0,0,0.28);
    border-radius:3px;
    -webkit-animation:zoomIn 0.5s cubic-bezier(0.42, 0, 0.58, 1);
    -moz-animation:zoomIn 0.5s cubic-bezier(0.42, 0, 0.58, 1);
    -o-animation:zoomIn 0.5s cubic-bezier(0.42, 0, 0.58, 1);
    animation:zoomIn 0.5s cubic-bezier(0.42, 0, 0.58, 1);
    clear:both;
    z-index:999
}
.chat .chat_converse .chat_msg_item .chat_avatar{
    position:absolute;
    top:0;
    box-shadow:0 0 4px rgba(0,0,0,0.14),0 4px 8px rgba(0,0,0,0.28)
}
.chat .chat_converse .chat_msg_item.chat_msg_item_admin .chat_avatar{
    left:-52px;
    background:rgba(255,255,255,0.6)
}
.chat .chat_converse .chat_msg_item.chat_msg_item_user .chat_avatar{
    right:-52px;
    background:rgba(0,0,0,0.6)
}
.chat .chat_converse .chat_msg_item .chat_avatar{
    width:40px;
    height:40px;
    text-align:center;
    border-radius:50%
}
.chat .chat_converse .chat_msg_item .chat_avatar>i{
    font-size:22px;
    line-height:40px;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.chat .chat_converse .chat_msg_item_user .chat_avatar>img{
    width:inherit;
    height:inherit;
    border-radius:50%
}
.chat .chat_converse .chat_msg_item_user .chat_avatar>img{
    width:inherit;
    height:inherit;
    border-radius:50%
}
.chat .chat_converse .chat_msg_item.chat_msg_item_admin{
    margin-left:60px;
    float:left;
    background:rgba(255,255,255,0.4);
    color:#263238
}
.chat .chat_converse .chat_msg_item.chat_msg_item_user{
    margin-right:60px;
    float:right;
    background:rgba(0,0,0,0.4);
    color:#eceff1
}
.chat .chat_converse .chat_msg_item.chat_msg_item_admin:before{
    content:'';
    position:absolute;
    top:15px;
    left:-12px;
    z-index:998;
    border:6px solid transparent;
    border-right-color:rgba(255,255,255,0.4)
}
.chat_msg_item.chat_msg_item_user:before{
    content:'';
    position:absolute;
    top:15px;
    right:-12px;
    z-index:998;
    border:6px solid transparent;
    border-left-color:rgba(0,0,0,0.4)
}
strong.chat_time{
    padding:0 1px 1px 0;
    font-weight:500;
    font-size:8px;
    display:block
}
.is-active{
    -o-transition:all 1s ease-in-out;
    -moz-transition:all 1s ease-in-out;
    transition:all 1s ease-in-out
}
.fabOnTop{
    z-index:9999
}
.is-float{
    box-shadow:0 0 6px rgba(0,0,0,0.16),0 6px 12px rgba(0,0,0,0.32)
}
.is-max{
    box-shadow:inset 0 -12px 10px -10px rgba(0,0,0,0.18),inset 0 12px 10px -10px rgba(0,0,0,0.1)
}
.is-loading{
    display:block;
    -webkit-animation:load 1s cubic-bezier(0, 0.99, 1, 0.6) infinite;
    -moz-animation:load 1s cubic-bezier(0, 0.99, 1, 0.6) infinite;
    -o-animation:load 1s cubic-bezier(0, 0.99, 1, 0.6) infinite;
    animation:load 1s cubic-bezier(0, 0.99, 1, 0.6) infinite
}
@keyframes zoomIn{
    0%{
        -moz-transform:scale(0);
        -ms-transform:scale(0);
        -webkit-transform:scale(0);
        transform:scale(0);
        opacity:0.0
    }
    100%{
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
}
@keyframes load{
    0%{
        -moz-transform:scale(0);
        -ms-transform:scale(0);
        -webkit-transform:scale(0);
        transform:scale(0);
        opacity:0.0
    }
    50%{
        -moz-transform:scale(1.5);
        -ms-transform:scale(1.5);
        -webkit-transform:scale(1.5);
        transform:scale(1.5);
        opacity:1
    }
    100%{
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
}
@media only screen and (max-width: 320px){
    .chat,.dialog-container{
        width:290px;
        right:0px
    }
}
@media only screen and (min-width: 300px) and (max-width: 320px){
    .chat{
        width:280px !important;
        right:0 !important
    }
    .dialog-container{
        width:280px !important;
        right:12px !important
    }
}
@media only screen and (min-width: 320px){
    .chat{
        right:20px !important;
        bottom:20px
    }
    .chat,.dialog-container{
        width:312px;
        right:0px
    }
}
@media only screen and (min-width: 480px){
    .chat,.dialog-container{
        width:300px
    }
    .chat_field{
        width:65%
    }
}
@media only screen and (min-width: 768px){
    .chat,.dialog-container{
        width:300px
    }
    .chat_field{
        width:65%
    }
}
@media only screen and (min-width: 1024px){
    .chat,.dialog-container{
        width:312px
    }
    .chat_field{
        width:65%
    }
    .top-bar-desktop{
        position:absolute;
        left:0;
        top:0;
        right:0
    }
    .top-bar-desktop>div{
        width:auto !important;
        margin:0 auto !important;
        max-width:none !important
    }
    .vcard-header-wrapper{
        margin-top:80px !important
    }
    .top-info-desktop{
        margin:0 0 0 30px !important
    }
}
#copyButton{
    height:30px;
    float:right;
    top:0;
    background:#fff;
    border:1px #ccc solid;
    padding:5px 10px !important;
    cursor:pointer;
    text-align:center
}
#copyButton:hover{
    background:#f7f7f7
}
#copyButton:focus{
    outline:0
}
#shortUrl{
    width:50% !important;
    pointer-events:none
}
@media (max-width: 320px){
    #shortUrl{
        width:70% !important;
        margin-bottom:10px
    }
}
.ifCopySucceed{
    font-size:15px;
    color:#000;
    opacity:0.82;
    font-weight:400;
    float:right;
    text-align:right
}
 .welcome-screen .helper{
    display:inline-block;
    height:100%;
    vertical-align:middle
}
.welcome-screen img{
    display:inline-block;
    vertical-align:middle;
    max-height:100px;
    max-width:100px;
    margin:0 auto;
    animation-name:pulse_animation;
    animation-duration:2500ms;
    transform-origin:50% 50%;
    animation-timing-function:ease-in-out
}
@media (min-width: 375px){
    .welcome-screen img{
        max-width:180px !important;
        max-height:180px !important
    }
}
@keyframes pulse_animation{
    0%{
        transform:scale(0.8)
    }
    100%{
        transform:scale(1)
    }
}
.loading-welcome{
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    height:100%;
    background-color:#fff;
    display:none;
    z-index:9999998;
    opacity:1
}
.loading-welcome.active{
    white-space:nowrap;
    text-align:center;
    display:inline-block
}
.loading-welcome #welcomeImg{
    display:none
}
.progress{
    position:relative;
    height:4px;
    display:block;
    width:100%;
    background-color:#F4F4F4;
    border-radius:2px;
    background-clip:padding-box;
    margin:0 auto;
    overflow:hidden
}
.progress .loading-bar{
    background-color:#797d80
}
.progress .indeterminate:before{
    content:'';
    position:absolute;
    background-color:inherit;
    top:0;
    left:0;
    bottom:0;
    will-change:left, right;
    -webkit-animation:indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
    animation:indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite
}
.progress .indeterminate:after{
    content:'';
    position:absolute;
    background-color:inherit;
    top:0;
    left:0;
    bottom:0;
    will-change:left, right;
    -webkit-animation:indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
    animation:indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
    -webkit-animation-delay:1.15s;
    animation-delay:1.15s
}
@-webkit-keyframes indeterminate{
    0%{
        left:-35%;
        right:100%
    }
    60%{
        left:100%;
        right:-90%
    }
    100%{
        left:100%;
        right:-90%
    }
}
@keyframes indeterminate{
    0%{
        left:-35%;
        right:100%
    }
    60%{
        left:100%;
        right:-90%
    }
    100%{
        left:100%;
        right:-90%
    }
}
@-webkit-keyframes indeterminate-short{
    0%{
        left:-200%;
        right:100%
    }
    60%{
        left:107%;
        right:-8%
    }
    100%{
        left:107%;
        right:-8%
    }
}
@keyframes indeterminate-short{
    0%{
        left:-200%;
        right:100%
    }
    60%{
        left:107%;
        right:-8%
    }
    100%{
        left:107%;
        right:-8%
    }
}
 @charset "UTF-8";
 @font-face {
     font-family: "solution-pdf";
     src:url("fonts/solution-pdf.eot");
     src:url("fonts/solution-pdf.eot?#iefix") format("embedded-opentype"), url("fonts/solution-pdf.woff") format("woff"), url("fonts/solution-pdf.ttf") format("truetype"), url("fonts/solution-pdf.svg#solution-pdf") format("svg");
     font-weight: normal;
     font-style: normal;
}
 [data-icon]:before {
     font-family: "solution-pdf" !important;
     content: attr(data-icon);
     font-style: normal !important;
     font-weight: normal !important;
     font-variant: normal !important;
     text-transform: none !important;
     speak: none;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
}
 [class^="icon-"]:before, [class*=" icon-"]:before {
     font-family: "solution-pdf" !important;
     font-style: normal !important;
     font-weight: normal !important;
     font-variant: normal !important;
     text-transform: none !important;
     speak: none;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
}
 .icon-fab-share-message:before {
     content: "\61";
}
 .icon-event-googleplus:before {
     content: "\62";
}
 .icon-event-facebook:before {
     content: "\64";
}
 .icon-event-email:before {
     content: "\65";
}
 .icon-event-close:before {
     content: "\66";
}
 .icon-event-share:before {
     content: "\67";
}
 .icon-icon-more:before {
     content: "\68";
}
 .icon-view:before {
     content: "\69";
}
 .icon-event-x:before {
     content: "\63";
}