@import url(https://fonts.googleapis.com/css?family=Slabo+27px);
@import url(https://fonts.googleapis.com/css?family=Lato);

/*
* === General CSS Settings & Overrides ===
*/

html, body {
    height: 100%;
}

body {
    font-family: source-sans-pro, sans-serif;
    font-size: 14px;
    line-height: 26px;
    color: rgb(101, 101, 101);
    background-color: rgb(255, 255, 255);
    margin: 0px;
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
}

body:after {
    content: '';
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -999;
}

/*
* — Clearfix —
*/

.clearfix:before, .clearfix:after {
    display: table;
    content: "";
    line-height: 0;
}

*::selection {
    background: #459bee;
    color: #ffffff;
}

ul li, ol li {
    line-height: 26px;
}

a {
    color: #459bee;
}

a {
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    transition: 0.5s all ease;
    color: #459bee;
}

@font-face {
    font-family: 'San Francisco Display';
    src: url('../fonts/SanFranciscoDisplay-Regular.otf');
}

a:hover {
    color: #459bee;
    text-decoration: none;
}

hr {
    border: 1px solid #459bee;
}

img {

}

/* Prevents img without src to appear */
img:not([src]) {
    visibility: hidden;
}

/* Fixes Firefox anomaly */
@-moz-document url-prefix() {
    img:-moz-loading {
        visibility: hidden;
    }
}

textarea {
    resize: none;
}

.logo {
    position: absolute;
    bottom: 10%;
    top: 17%;
    left: 0;
}

.logo-main {
    position: absolute;
    bottom: 10%;
    top: 17%;
    left: 8%;
}

.logo-wrapper {
    background: white;
    height: 100%;
    width: 300px;
}

.div-box {
    box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
    padding: 15px;
}

#video-wrapper::before {
    background: black;
    display: block;
    float: left;
    height: 100%;
    min-width: 500px;
    opacity: .5;
    position: absolute;
    width: 50%;
    z-index: 2;
}

#video-wrapper {
    min-height: 725px;
    position: relative;
    overflow: hidden;
}

.wrapper-inner {
    margin-top: 120px;
}



section {
    width: 100%;
    display: block;
    clear: both;
}

.searchbox {
    position: absolute;
    right: 40%;
    width: 26%;
}

.time-guide-wrapper {
    position: absolute;
    right: -5%;
    width: 150px;
    top: 48%;
}

.time-guide-icon {
    margin-bottom: 15px;
    font-size: 24px;
}

.activities-wrapper a:hover, .activity a:hover {
    -webkit-filter: saturate(2);
    filter: saturate(2);
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #459bee;
    border-color: #459bee;
}

.invisible-first {
    visibility: hidden;
}

.searchbox.closed {
    display: none;
}

.searchbox-input {
    position: absolute;
    top: 0;
    right: -3%;
    border: 0;
    outline: 0;
    background: #ffffff;
    border: 1px solid #CACACA;
    width: 36%;
    height: 50px;
    margin: 0;
    padding-left: 20px;
    font-size: 20px;
    color: black;
    font-size: 15px;
}

.searchbox-input::-webkit-input-placeholder {
    color: black;
}

.searchbox-input:-moz-placeholder {
    color: black;
}

.searchbox-input::-moz-placeholder {
    color: black;
}

.searchbox-input:-ms-input-placeholder {
    color: black;
}

.searchbox-icon,
.searchbox-submit {
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    top: 0;
    font-family: verdana;
    font-size: 22px;
    right: 0;
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    color: #dcddd8;
    background: #172b3c;
}

.boximage {
    float: right;
    clear: both;
    position: absolute;
    margin: 16px;
}

.boximage.bottom {
    right: 0;
    bottom: 0;
}

.boximage.top {
    right: 0;
    top: 40%;
    bottom: 40%;
}

#checkout-form {
    width: 347px !important;
}

nav.sub {
    margin: 0 auto;
    text-align: center;
}

nav.sub.vertical ul {
    display: block;
}

nav.sub.vertical li {
    margin-top: 5px;
    text-align: left;
    background: white;
    color: #505050;
}

nav.sub.vertical li.active {
    background: rgb(193, 235, 255);
}

ul.list-menu a:hover {
    background: rgb(193, 235, 255);
}

.sub ul {
    display: flex;
    margin: 0 auto;
    justify-content: center;
    text-align: right;
}

.sub li {
    background: #459bee;
    color: white;
    padding: 15px;
    margin-right: 5px;
}

.sub li.active {
    background: rgb(113, 113, 113);
}

.alert-info {
    color: #222222;
    background-color: rgba(255, 255, 255, 0.7);
    border-color: transparent;
    border: 0;
    font-size: 14px;
}

#errorMessage {
    display: none;
}

.alert-warning {
    color: #222222;
    background-color: rgba(255, 255, 255, 0.7);
    border-color: #459bee;
    font-size: 16px;
}

.jBox-Confirm-button-submit {
    text-shadow: 0 -1px 1px rgba(0, 0, 0, .2);
    background: #168bef;
    color: #fff;
}

.or-separator {
    margin: 35px 0px 30px 0px;
    font-size: 18px;
    font-weight: bold;
}

.or-separator.venue:after {
    content: "Don't want to do it here?" !important;
}

.or-separator.basic:after {
    content: "Or" !important;
}

.or-separator:after {
    content: "Is this a bad time?";
    display: inline-block;
    position: relative;
    top: -0.7em;
    font-size: 1.5em;
    padding: 0 0.25em;
    background: white;
}

.normal-separator {
    border: 0;
    border-top: 4px double #459bee;
    text-align: center;
}

.normal-separator.white:after {
    background: white;
}

.normal-separator:after {
    content: '\002665';
    display: inline-block;
    position: relative;
    top: -15px;
    padding: 0 10px;
    background: #f0f0f0;
    color: #459bee;
    font-size: 18px;
}

.label-primary {
    background: rgba(0, 0, 0, 0.89);
}

.label-primary.menu-count {
    background: rgb(255, 93, 93);
    color: white;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0px 5px 10px;
    padding: 4px;
}

a.fb-login {
    display: inline-block;
}

a.fb-login:active img, a.fb-login:visited img {
    background-image: url('../images/fb-login-btn-pressed.png');
}

.tooltip.top .tooltip-inner {
    text-align: left;
    border-radius: 0;
    padding: 10px;
    font-family: 'Open Sans', sans-serif;
}

.form-horizontal .form-group {
    margin: 0;
}

.nav {
    margin-left: 0;
    margin-bottom: 26px;
    list-style: none;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 0;
}

.form-container.card-payment {
    width: 350px;
    margin: 20px auto;
    padding: 20px;
}

.payment-title {
    width: 350px;
    margin: -15px auto;
    padding-bottom: 15px;
    font-size: 15px;
}

.form-container.card-payment .col-xs-3, .form-container.card-payment .col-xs-6 {
    padding-left: 0;
    padding-right: 0;
}

.form-container.card-payment input {
    width: 100%;
}

.form-control {
    background: #f3f3f3;
    border: 1px solid #ffffff;
    color: #656565;
    border-radius: 0;
    height: 50px;
    line-height: 26px;
    padding: 12px 10px 12px 15px;
}

.form-control.inverted {
    background: #ffffff;
    border: 1px solid #f0f0f0;
    height: 38px;
    padding: 0;
    margin-bottom: 10px;
    padding-left: 10px;
}

#registration {
    width: 80%;
    margin: 0 auto;
}

.form-horizontal .control-label {
    float: left;
    width: 160px;
    padding-top: 5px;
    text-align: right;
    color: #459bee;
    font-size: 15px;
}

.form-horizontal .controls {
    margin-left: 180px;
}

ul.progress-indicator {
    margin: 30px 0px 30px 0;
}

textarea:focus, input:focus {
    outline: none;
}

input:focus {
    outline: none;
}

.form-control:focus {
    border-color: white;
    -webkit-box-shadow: none;
    box-shadow: none;
}

*:focus {
    outline: none;
}

.invalidBorder {
    border: 1px solid red;
}

/*
* — Google Repcatcha —
*/

.g-recaptcha {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
    overflow: hidden;
}

.g-recaptcha iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.btn.btn-info {
    background: #459bee;
    border: 0;
    outline: 0;
    padding: 10.5px 30px 10.5px 30px;
    border-radius: 0;
    text-transform: uppercase;
    color: white;
    transition: all 0.3s ease;
}

.btn.btn-info.btn-small {
    padding: 4px 15px 6px 13px !important;
}

.btn {
    line-height: 26px;
    font-weight: 300;
}

.btn.btn-info:hover {
    background: #459bee;
    color: white;
}

ul, ol {
    padding: 0;
    list-style: none;
}

/*
* ===  Media Queries Override Existing Rules ===
*/

@media (min-width: 992px) {
    .question.col-md-2 {
        width: 16.25% !important;
    }
}

@media (min-width: 1200px) {
    .row-fluid {
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }
}

@media (min-width: 1200px) {
    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
        line-height: 0;
    }
}

@media (min-width: 1200px) {
    .row-fluid .span12 {
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .row-fluid [class*="span"] {
        display: block;
        width: 100%;
        min-height: 1px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        margin-left: 2.56410256%;
    }
}

@media (min-width: 1200px) {
    .span12 {
        width: 1170px;
    }
}

@media (min-width: 1200px) {
    [class*="span"] {
        float: left;
        min-height: 1px;
        margin-left: 30px;
    }
}

/*
* === Master Layout Header ===
*/
#logo {
    max-width: 170px;
    width: 100%;
    min-height: 121px;
    height: 100%;
    position: absolute;
    padding-left: 0 !important;
    background: #459bee;
    top: 0;
    left: 0;
    z-index: 1;
}

#logo span {
    margin-top: 50%;
    font-size: 30px;
    font-weight: bold;
    color: white;
    text-align: center;
}

#logo:after {
    content: "";
    left: 0px;
    bottom: 105px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18px 20px 48px 170px;
    position: absolute;
    border-color: transparent transparent transparent #459bee;
    z-index: 0;
    top: 102px;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

/*
* === Containers, rows and flow layout ===
*/
.row-fluid {
    width: 100%;
}

.row-fluid {
    margin-left: -30px;
    width: auto;
}

.row-fluid .itemSpan12, .row-fluid .span12 {
    width: 100%;
}

.row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
    line-height: 0;
}

.row-fluid [class*="span"]:last-child {
    margin: 0;
}

.row-container {
    max-width: 80%;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 992px) {
    .col-md-2 {
        width: 20.666667%;
    }
}

.row-container:before, .row-container:after {
    display: table;
    content: "";
    line-height: 0;
}

.container-fluid {
    margin: 0 20px;
    padding: 0;
    position: relative;
}

.container-fluid:before, .container-fluid:after {
    display: table;
    content: "";
    line-height: 0;
}

.moduletable.span12:last-child {
    margin-bottom: 0;
}

.row-fluid .itemSpan12, .row-fluid .span12 {
    width: 100%;
}

.row-fluid [class*="itemSpan"], .row-fluid [class*="span"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    float: left;
    margin-left: 0;
    min-height: 1px;
    padding-left: 30px;
    width: 100%;
}

.item {
    margin-bottom: 15px;
}

.row-fluid .span12 {
    width: 100%;
}

.row-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 2.56410256%;
}

.row-fluid [class*="itemSpan"], .row-fluid [class*="span"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    float: left;
    margin-left: 0;
    min-height: 1px;
    padding-left: 30px;
    width: 100%;
}

.span12 {
    width: 940px;
}

[class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
}

#top-bar {
    z-index: 1000;
    position: fixed;
    top: 0px;
    margin-left: 0px;
    width: 100%;
    left: 0px;
    height: 5.6em;
    background: rgb(69, 155, 238);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 5px rgba(0,0,0,0.5);
}

#top-bar.active {
    background: white;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    z-index: 1034 !important;
}

.stuck {
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
    background: rgba(255, 255, 255, 0.46);
    width: 100% !important;
    z-index: 1034 !important;
}

.midnightHeader.blue {
    background: rgba(0, 0, 0, 1);
    color: white;
}

.icemegamenu {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    padding: 13px 0 0px;
    float: right;
    position: static;
}

.icemegamenu > ul {
    clear: both;
    margin: 0;
    padding: 0;
    width: 100%;
    z-index: 999;
}

.icemegamenu > ul > li.fullwidth {
    position: static;
}

.icemegamenu > ul > li.menu-search {
    margin-left: 0;
}

.fullwidth {
    position: static !important;
}

.icemegamenu > ul > li {
    display: block;
    float: left;
    position: relative;
    z-index: 1;
}

.icemegamenu > ul > li > a.iceMenuTitle {
    display: block;
    text-transform: capitalize;
    font-weight: 700 !important;
    font: 15px / 26px 'Open Sans', sans-serif;
    padding: 6px 8px 11px;
    position: relative;
    z-index: 1;
    color: white;
    text-shadow: #505050 1px 1px 2px;
    background: transparent;
}

.icemegamenu > ul > li > a.iceMenuTitle > span.icemega_nosubtitle {
    display: inline-block;
}

ul.icesubMenu.icemodules.sub_level_1 {
    left: auto;
    right: 20px;
    -webkit-transform: translate(0px, 30px);
    -moz-transform: translate(0px, 30px);
    -ms-transform: translate(0px, 30px);
    -o-transform: translate(0px, 30px);
    transform: translate(24px, 30px);
    border: 1px solid rgba(100, 100, 100, .4);
    box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
    background: white;
}

ul.icesubMenu.icemodules.sub_level_1:before {
    content: '';
    position: absolute;
    left: 90%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    top: -11px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 11px 11px 11px;
    border-color: transparent transparent #f3f3f3 transparent;
}

ul.icesubMenu.icemodules.sub_level_1:after, ul.icesubMenu.icemodules.sub_level_1:before {
    margin-right: -10px;
    right: 50%;
}

.simple-tray-dropdown:before {
    border-bottom: 10px solid #ccc;
}

.simple-tray-dropdown:after, .simple-tray-dropdown:before {
    content: "";
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    height: 0;
    right: 16%;
    top: -11px;
    width: 0;
    z-index: 1;
}

#icemegamenu li.iceMenuLiLevel_1.hover.menu-login-form > ul.icesubMenu {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}

.icemegamenu > ul > li.menu-login-form ul.icesubMenu.sub_level_1 {
    left: auto;
    right: 20px;
    -webkit-transform: translate(0px, 30px);
    -moz-transform: translate(0px, 30px);
    -ms-transform: translate(0px, 30px);
    -o-transform: translate(0px, 30px);
    transform: translate(0px, 30px);
}

.iceMenuTitle i.fa.fa-user {
    background: #459bee;
    padding: 11px;
    color: white;
    border-radius: 10px;
}

.iceMenuTitle i.fa.fa-home {
    background: #459bee;
    padding: 11px;
    color: white;
    border-radius: 10px;
}

.iceMenuTitle i.fa.fa-glass {
    background: #459bee;
    padding: 11px;
    color: white;
    border-radius: 10px;
    shadow: 1px 1px black;
}

.iceMenuTitle i.fa.fa-search {
    background: #459bee;
    padding: 11px;
    color: white;
    border-radius: 10px;
}

#icemegamenu li.iceMenuLiLevel_1.hover > ul.icesubMenu {
    opacity: 1;
    overflow: visible;
    pointer-events: auto;
    -webkit-transform: translate(-50%, 0px);
    -moz-transform: translate(-50%, 0px);
    -ms-transform: translate(-50%, 0px);
    -o-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
}

#icemegamenu ul.icesubMenu.visible {
    height: auto;
    opacity: 1;
    transition: opacity 0.3s ease-in;
    pointer-events: all;
}

ul.icesubMenu.sub_level_1 {
    margin-top: -12px;
    pointer-events: none;
}

ul.icesubMenu {
    height: 0;
    left: 50%;
    margin: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    text-align: left;
    top: 100%;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    -webkit-transform: translate(-50%, 30px);
    -moz-transform: translate(-50%, 30px);
    -ms-transform: translate(-50%, 30px);
    -o-transform: translate(-50%, 30px);
    transform: translate(-50%, 30px);
    z-index: 9999;
    background: #f3f3f3;
    border: none;
}

.icemega_modulewrap.login_megamenu {
    background: #f3f3f3;
    padding: 30px 35px;
}

ul.icesubMenu ul > li {
    position: relative;
}

li[class*=iceMenuLiLevel] {
    padding: 0;
}

.header {
    top: 0px;
    min-height: 140px;
    margin-top: -42px;
    position: relative;
    background: url(../images/weather.png) repeat;
}

video {
    object-fit: cover;
    width: 100%;
    height: 100%;
    z-index: 0;

}

.jBox-content .notification.recent {
    color: white !important;
    background: transparent !important;
}

.jBox-content .notification.recent .date {
    color: white !important;
}

.swiper-container.img_swiper .main-welcome {
    position: absolute;
    bottom: 30%;
    left: 5%;
    z-index: 1;
    text-align: left;
}

.swiper-container.img_swiper .main-register {
    position: absolute;
    top: 15%;
    right: 5%;
    z-index: 1;
    padding: 32px 37px 27px 39px;
    color: black;
    background: rgba(255, 255, 255, 0.86);
    width: 350px;
}

.main-register .main-register-login {
    float: right;
}

.swiper-container.img_swiper .main-welcome .moduleTitle {
    font-family: source-sans-pro, sans-serif;
    font-size: 8em;
    font-weight: bold;
    color: #459bee;
    text-shadow: black 2px 2px 3px;
    text-align: right;
}

.swiper-container.img_swiper .main-welcome .pretext {
    font-family: 'source-sans-pro', sans-serif;
    font-size: 3em;
    font-weight: bold;
    color: white;
    text-shadow: black 2px 2px 3px;
}

.moduletable.home_welcome .moduleTitle {
    margin-bottom: 10px;
}

#grid {
    -webkit-box-shadow: 2px -1px 15px -4px rgba(0,0,0,0.54);
    -moz-box-shadow: 2px -1px 15px -4px rgba(0,0,0,0.54);
    box-shadow: 2px -1px 15px -4px rgba(0,0,0,0.54);
}

.home-faces {
    margin-top: 30px;
    background: rgba(69, 183, 238, 0.27) url("../images/furley_bg.png") repeat;
}


.home-activities {
    margin-top: 15px;
}


.pre .moduleTitle {
    margin-bottom: 10px;

}

a.btn.btn-info.readmore {
    margin-top: 25px;
}

h1.heading-style-1, h2.heading-style-1, h3.heading-style-1, h4.heading-style-1, h5.heading-style-1, h6.heading-style-1 {
    font-size: 60.06px;
    line-height: 1.2em;
    letter-spacing: 0.138em;
    text-transform: uppercase;
    margin-bottom: 45px;
    font-family: "San Francisco Display", sans-serif;
}

h1.heading-style-2, h2.heading-style-2, h3.heading-style-2, h4.heading-style-2, h5.heading-style-2, h6.heading-style-2 {
    font-size: 40.06px;
    line-height: 1.2em;
    letter-spacing: 0.138em;
    text-transform: uppercase;
    margin-bottom: 15px;
}

h1.heading-style-4, h2.heading-style-4, h3.heading-style-4, h4.heading-style-4, h5.heading-style-4, h6.heading-style-4 {
    font-size: 30.06px;
    color: #459bee;
    line-height: 1.2em;
    text-transform: none;
    margin-bottom: 15px;
    font-family: inherit;
}


h3.heading-style-6 {
    text-align: left;
    font-size: 20px;
    color: #ffffff;
    padding: 12px;
    display: inline-block;
    background: #459bee;
    font-weight: normal;
}

h3.heading-style-5 {
    text-align: left;
    font-size: 20px;
    color: #459bee;
    display: block;
    font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
    color: rgb(34, 34, 34);
    font-weight: 300;
    position: relative;
    margin-top: 0px;
    text-align: center;
    text-rendering: optimizeLegibility;
}

.jBox-Modal .jBox-title, .jBox-Confirm .jBox-title {
    border-radius: 3px 3px 0 0;
    padding: 10px 15px;
    background: #459bee;
    border-bottom: 1px solid #ddd;
    text-shadow: 0 1px 0 #fff;
    color: white;
    font-size: 18px;
}

.jBox-content {
    padding: 8px 10px;
    overflow: auto;
    font-size: 16px;
    -webkit-transition: opacity .15s;
    transition: opacity .15s;
}

.main-shadow {
    text-shadow: 0px 0px 8px #000;
}

.pre {
    text-align: center;
}

.moduletable .pretext {
    margin-bottom: 26px;
}

.pretext {
    color: #459bee;
    padding-bottom: 30px;
    font: 400 36px/26px 'Raleway', serif;
}

.swiper-container {
    height: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.mod-article-single.mod-article-single__home_welcome .item_introtext {
    max-width: 770px;
    margin: 0px auto;
}

.navigation {
    margin-top: 40px;
}

.showcase {
    position: relative;
    margin-top: 160px;
    padding: 25px 25px 5px;
}

.mod-newsflash-adv__counters {
    color: rgb(255, 255, 255);
    font: 300 60px/1.2em "Open Sans", sans-serif;
}

.item__module.visible-first, .item.visible-first {
    opacity: 1;
    transform: translateY(0px);
}

.cols-4 [class*="span"] {
    width: 25%;
}

.circle {
    text-align: center;
    width: 232px;
    height: 232px;
    margin: 0px auto;
    background-image: url('../images/ring-alt.gif');
    background-size: cover;
    border-radius: 500px;
    padding: 30px;
}

.mod-newsflash-adv__counters.co_home .item .item_content .circle {
    background: rgba(255, 255, 255, 0.2);
}

.mod-newsflash-adv__counters .item_title {
    color: #459bee;
}

.mod-newsflash-adv__counters .item_title {
    display: block;
    padding-top: 35px;
    font: 400 26px/26px 'Raleway', sans-serif;
    color: white;
}

/*============================================================
BACKGROUND COLORS
============================================================*/
.db-bk-color-one {
    background-color: #f55039;
}

.db-bk-color-two {
    background-color: #46A6F7;
}

.db-bk-color-three {
    background-color: #47887E;
}

.db-bk-color-six {
    background-color: #F59B24;
}

/*============================================================
PRICING STYLES
==========================================================*/
.db-padding-btm {
    padding-bottom: 50px;
    height: 100px;
}

.db-button-color-square {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.50);
    border: none;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}

.db-button-color-square:hover {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.50);
    border: none;
}

.db-pricing-eleven {
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: center;
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    color: #fff;
    line-height: 30px;
}

.db-pricing-eleven ul {
    list-style: none;
    margin: 0;
    text-align: center;
    padding-left: 0px;
}

.db-pricing-eleven ul li {
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}

.db-pricing-eleven ul li i {
    margin-right: 5px;
}

.db-pricing-eleven .price {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 33px 20px 20px 20px;
    font-size: 60px;
    font-weight: 900;
    color: #FFFFFF;
}

.row.db-padding-btm.db-attached {
    padding: 20px;
}

.db-pricing-eleven .price small {
    color: #B8B8B8;
    display: block;
    font-size: 12px;
    margin-top: 22px;
}

.db-pricing-eleven .type {
    background-color: #52E89E;
    padding: 10px 10px;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 30px;
}

.db-pricing-eleven .pricing-footer {
    padding: 20px;
}

.db-attached > .col-lg-4,
.db-attached > .col-lg-3,
.db-attached > .col-md-4,
.db-attached > .col-md-3,
.db-attached > .col-sm-4,
.db-attached > .col-sm-3 {
    padding-left: 0;
    padding-right: 0;
}

.db-pricing-eleven.popular {
    margin-top: 10px;
}

.db-pricing-eleven.popular .price {
    padding-top: 30px;
}

.feature {
    padding: 110px 0 85px;
}

.footer-wrapper {
    background: url(../images/roses.jpg) 50% 50% no-repeat fixed;
    padding: 180px 0 180px;
    position: relative;
    background-size: cover;
}

.nav.menu.social li {
    display: table-cell;
    padding: 0;
}

.nav.menu.social {
    font-size: 0;
    line-height: 0;
    margin: 0;
    display: table;
    width: 100%;
    table-layout: fixed;
}

.nav.menu.social li a {
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    border-radius: 1000px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #ffffff;
    display: block;
    font-size: 28px;
    height: 135px;
    line-height: 135px;
    position: relative;
    text-align: center;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    width: 135px;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.2);
}

.nav.menu.social li a:hover {
    background: #459bee;
    transition: background 0.3s;
}

.mod_owl_carousel__stories .owl-item {
    padding-top: 35px;
    text-align: left;
}

.owl-item .item_title {
    text-align: left;
    margin-bottom: 8px;
}

.owl-item p {
    padding-bottom: 18px;
    text-align: left;
}

.img-intro__left, .img-full__left {
    float: left;
    margin-right: 40px;
    max-width: 50%;
}



.breadcrumbs {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
}

.breadcrumb {
    position: relative;
    text-align: center;
    background: none;
    font-size: 14px;
    font-weight: normal;
    text-transform: lowercase;
    padding: 0;
    margin: 8px 0;
    color: #ffffff;
}

.breadcrumb a {
    color: whitesmoke;
}

.breadcrumb li .divider {
    display: inline-block;
    vertical-align: middle;
    padding: 0 5px;
    display: none;
}

.breadcrumb li.active {
    color: white;
    display: inline-block;
}

.breadcrumb li:first-child {
    display: inline-block;
}

.breadcrumb li {
    padding: 0;
    display: none;
}

.breadcrumb li + li:before {
    content: "\f178";
    font: 14px/14px FontAwesome;
    color: navajowhite;
    position: relative;
    padding: 5px 20px;
    display: inline-block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.breadcrumb li:before {
    display: none;
}

.profile {
    position: relative;
    margin-top: -27px;
    padding: 0px 0px 100px;
}

.content {
    margin-top: 2%;
}

.owl-carousel.activities .circle {
    width: 130px;
    height: 130px;
}

.owl-carousel.locals .circle {
    width: 100px;
    height: 100px;
}

.owl-carousel.my-activities .circle {
    width: 100px;
    height: 100px;
}

.activity .circle {
    width: 130px;
    height: 130px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
}

.circle.image-circle.date-object {
    width: 100px !important;
    height: 100px !important;
}

a.circle-delete {
    text-align: center !important;
    position: absolute !important;
    top: 0;
    margin: 4px 30px 10px;
    right: 0;
    padding: 0px !important;
}

.fa {

}

a.circle-delete .btn.btn-info {
    padding: 0;
}

.circle-delete.eoi-delete i.fa.fa-trash {
    padding: 5px;
}

a.circle-delete #add-eoi {
    padding: 5px;
}

a.circle-delete i.fa.fa-plus {
    padding: 0;
}

a.circle-delete .btn {
    line-height: 0 !important;
}

.activity {
    display: inline-block;
    position: relative;
    padding-right: 0;
    background: white;
    border-radius: 0;
    margin-bottom: 15px;
    margin-right: 20px;
    -webkit-box-shadow: 2px -1px 15px -4px rgba(0,0,0,0.54);
    -moz-box-shadow: 2px -1px 15px -4px rgba(0,0,0,0.54);
    box-shadow: 2px -1px 15px -4px rgba(0,0,0,0.54);
}

.col-md-2.activity.wow.fadeInUp {
    padding-left: 0;
}

.activity-wrapper {
    padding: 10px;
}

.owl-carousel .owl-item img {
    display: block;
    width: auto;
    -webkit-transform-style: preserve-3d;
}

.activities-wrapper .col-md-2:first-child {
    padding-left: 0px;
}

.activities-wrapper {
    padding-top: 10px;
}

.owl-carousel.locals.homepage {
    margin-top: 15px;
}

.activities.homepage {
    position: absolute;
    bottom: 13%;
    width: 100%;
    height: 18%;
    left: 0;
    background: rgba(66, 66, 66, 0.6);
    padding: 15px;
}

.activities.homepage .activity {
    height: 107px;
    -webkit-box-shadow: 2px -1px 15px -4px rgba(0,0,0,0.54);
    -moz-box-shadow: 2px -1px 15px -4px rgba(0,0,0,0.54);
    box-shadow: 2px -1px 15px -4px rgba(0,0,0,0.54);

}

.activities.homepage .activity-title {
    color: white;

}

.home-activities .activity .activity-title {
    position: absolute;
    left: 0;
    right: 0;
    text-transform: uppercase;
    color: white;
    font-family: 'Raleway', sans-serif;
    font-size: 31px;
    font-weight: bold;
    text-shadow: black 1px 2px 3px;
    bottom: 20%;
}

.activity .activity-title {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
}

.activity .activity-subtitle {
    text-align: center;
    color: rgb(101, 101, 101);
}

.circle.image-circle {
    background-size: cover;
    background-position: center center;
}

.circle.image-square {
    border-radius: 0 !important;
}

.date-circle-left {
    width: 150px;
    height: 150px;
    position: absolute;
    left: 10%;
    top: 25%;
    bottom: 25%;
    margin: -19px 0px 0px 25px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
}

.date-circle-right {
    width: 150px;
    height: 150px;
    position: absolute;
    right: 10%;
    top: 25%;
    bottom: 25%;
    margin: -19px 25px 0px 0px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);
}

#date-messages {
    height: 300px;
    overflow-y: auto;
}

h1.profile-firstname {
    display: inline-block;
    padding-top: 20px;
    color: #459bee;
    font-weight: bold;
    font-size: 5.5em;
    text-align: left;
    text-transform: capitalize;
    letter-spacing: -4px;
}

.item_introtext.profile-page i.fa {
    width: 40px;
    text-align: center;
}

.side-profile {
    padding-bottom: 20px;
}

.side-profile .profile-info {
    text-align: center;
    color: rgb(101, 101, 101);
}

.side-profile .profile-name {
    text-align: center;
    font-weight: bold;
    font-size: 120%;
    padding-top: 10px;
}

.buttons-end {
    display: inline-block;
    float: right;
}

.side-profile .circle {
    width: 150px;
    height: 150px;
}

.item_introtext i.fa {
    background: #459bee;
    padding: 8px;
    border-radius: 20px;
    color: white;
}

.havent_registered {
    margin-top: 10px;
}

.stepwizard-step p {
    margin-top: 10px;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 50%;
    position: relative;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;
}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}

.page_header {
    margin-bottom: 0px;
    text-align: center;
    height: auto;
}

#registration {

}

.form-horizontal .initial-questions {
    margin-left: 0;
}

.form-horizontal.initial-questions .controls {
    margin-left: 0;
    text-align: center;
}

.form-horizontal.initial-questions .control-label {
    width: 100%;
    text-align: center;
}

.form-horizontal .checkbox, .form-horizontal .radio {
    min-height: 27px;
    display: inline-block;
    padding-right: 10px;
}

.basic-questions .form-group {
    padding-bottom: 15px;
}

.form-horizontal .basic-questions {
    margin-left: 0;
}

.form-horizontal.basic-questions .controls {
    margin-left: 0;
}

.form-horizontal.basic-questions .control-label {
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

.conversation {
    padding-bottom: 10px;
}

.conversation.ident {
    margin-left: 20px;
}

.convo-img {
    display: table-cell;
}

.convo-msg {
    vertical-align: middle;
    display: table-cell;
    padding-left: 15px;
}

.send-questions {
    width: 100%;
    position: relative;
    margin-top: 2%;
    padding: 0px 0px 100px;
}

.questions-wrapper {
    margin: 20px auto;
    box-sizing: border-box;
}

.questions-wrapper .question-icon {
    position: absolute;
    font-size: 40px;
    top: 0;
    left: 25%;
    right: 25%;
    margin-top: 5px;
}

.questions-wrapper .question {
    position: relative;
    border: 1px solid #CACACA;
    padding: 17px 15px 20px 15px;
    margin: 0px 5px 5px 0px;
    text-align: center;
    color: rgb(101, 101, 101);
    cursor: pointer;
    height: 150px;
}

.questions-wrapper .question.active {
    background: #459bee;
    color: white;
}

.questions-wrapper .question::first-child {
    margin-left: 5px;
}

.questions-wrapper .question-text {
    margin-top: 30px;
    font-size: 16px;
}

.view-questions-wrapper .view-question {
    margin-top: 20px;
}

.view-questions-wrapper .view-question .question-text {
    font-size: 16px;
    font-weight: bold;
}

.notifications-wrapper {
    max-height: 300px;
    height: auto;
    overflow-y: auto;
}

.notifications {

}

.notifications-header {
    padding: 20px 20px 0 20px;
}

.notifications a {
    color: inherit;
}

.notification {
    background: #E4E4E4;
    padding: 15px;
    color: #666;
    font-weight: bold;
    font-size: 14px;
}

.notification.recent {
    background: rgba(219, 201, 5, 0.3);
}

.notification .circle {
    float: left;
}

.notification .title {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
    text-transform: none;
}

.notification .date {
    padding: 5px 0 0 70px;
    color: rgba(128, 128, 128, 0.91);
}

h1.moduleTitle.heading-style-2.dashboard-header {
    text-align: left;
    color: white;
    position: absolute;
    bottom: 0;
    right: 0;
    padding-right: 10px;
}

.dashboard-cover.wow.fadeInUp {
    position: relative;
    width: 100%;
    height: 150px;
    background-size: cover;
}

.small-dash {
    padding: 20px;
}

.small-dash .circle {
    display: table-cell;
}

.small-dash .info {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
}

.venue-50-wrapper {
    width: 50%;
    margin: 0 auto;
}

.profile-sidebar {
    padding: 0 0 10px 0;
    background: #fff;
}

.profile-userpic img {
    float: none;
    margin: 0 auto;
    width: 50%;
    height: auto;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
    margin-bottom: 15px;
}

.profile-usertitle {
    text-align: center;
}

.profile-usertitle-name {
    color: #5a7391;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 7px;
}

.profile-usertitle-job {
    text-transform: uppercase;
    color: #5b9bd1;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 15px;
}

.profile-userbuttons {
    text-align: center;
    margin-top: 10px;
}

.profile-userbuttons .btn {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    padding: 6px 15px;
    margin-right: 5px;
}

.profile-userbuttons .btn:last-child {
    margin-right: 0px;
}

.profile-usermenu {
    margin-top: 30px;
}

.profile-usermenu ul li {
    border-bottom: 1px solid #f0f4f7;
    padding: 5px;
}

.profile-usermenu ul li:last-child {
    border-bottom: none;
}

.profile-usermenu ul li a {
    color: #93a3b5;
    font-size: 16px;
    font-weight: 400;
    padding: 5px;
}

.profile-usermenu ul li a i {
    margin-right: 8px;
    font-size: 16px;
}

.profile-usermenu ul li a:hover {
    background-color: #fafcfd;
    color: #5b9bd1;
}

.profile-usermenu ul li.active {
    border-bottom: none;
}

.profile-usermenu ul li.active a {
    color: #5b9bd1;
    background-color: #f6f9fb;
    border-left: 2px solid #5b9bd1;
    margin-left: -2px;
}

.panel-activity {
    padding: 10px;
    border: 1px solid #CACACA;
    margin-top: 15px;
}

.panel-activity-delete {
    display: block;
    text-align: center;
    width: 100%;
    clear: both;
}

/* Profile Content */
.profile-content {
    padding: 20px;
    background: #fff;
    min-height: 460px;
}

.center-activity:first-child {
    margin: 0;
}

.center-activity {
    margin-top: 30px;
    vertical-align: middle;
}

.center-activity .circle.image-circle {
    text-align: left;
    height: 5em;
    width: 5em;
    margin: 0;
}

.center-activity h1 {
    text-align: left;
    display: inline-block;
    color: whitesmoke;
    font-size: 1.2em;
    font-weight: bold;
    vertical-align: middle;
}

.center-item {
    margin-top: 1.5em;
}

.center-title {
    font-size: 1.2em;
}

.center-activity small {
    display: inline-block;
}

.center-activity h1 {
    text-align: left;
    display: inline-block;
}

.center-activity-header {
    background: rgb(69, 155, 238);
    padding: 8px;
}

.contact_item {
    margin-top: 15px;
}

.address {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
}

.address-value {
    display: block;
    font-size: 16px;
}

.side-filter {
    padding-top: 15px;
}

#add-eoi .fa.fa-plus-circle {
    padding: 0px !important;
}

.panel:hover {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px 5px rgba(130, 130, 130, 0.35);
}

.panel-body {
    padding: 0px;
    text-align: center;
}

.the-price {
    background-color: rgba(220, 220, 220, .17);
    box-shadow: 0 1px 0 #dcdcdc, inset 0 1px 0 #fff;
    padding: 20px;
    margin: 0;
}

.the-price h1 {
    line-height: 1em;
    padding: 0;
    margin: 0;
}

.subscript {
    font-size: 25px;
}

/* CSS-only ribbon styles    */
.cnrflash {
    /*Position correctly within container*/
    position: absolute;
    top: -9px;
    right: 4px;
    z-index: 1; /*Set overflow to hidden, to mask inner square*/
    overflow: hidden; /*Set size and add subtle rounding  		to soften edges*/
    width: 100px;
    height: 100px;
    border-radius: 3px 5px 3px 0;
}

.cnrflash-inner {
    /*Set position, make larger then 			container and rotate 45 degrees*/
    position: absolute;
    bottom: 0;
    right: 0;
    width: 145px;
    height: 145px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -o-transform: rotate(45deg); /* Opera */
    -moz-transform: rotate(45deg); /* Firefox */
    -webkit-transform: rotate(45deg); /* Safari and Chrome */
    -webkit-transform-origin: 100% 100%; /*Purely decorative effects to add texture and stuff*/ /* Safari and Chrome */
    -ms-transform-origin: 100% 100%; /* IE 9 */
    -o-transform-origin: 100% 100%; /* Opera */
    -moz-transform-origin: 100% 100%; /* Firefox */
    background-image: linear-gradient(90deg, transparent 50%, rgba(255, 255, 255, .1) 50%), linear-gradient(0deg, transparent 0%, rgba(1, 1, 1, .2) 50%);
    background-size: 4px, auto, auto, auto;
    background-color: #aa0101;
    box-shadow: 0 3px 3px 0 rgba(1, 1, 1, .5), 0 1px 0 0 rgba(1, 1, 1, .5), inset 0 -1px 8px 0 rgba(255, 255, 255, .3), inset 0 -1px 0 0 rgba(255, 255, 255, .2);
}

.cnrflash-inner:before, .cnrflash-inner:after {
    /*Use the border triangle trick to make  				it look like the ribbon wraps round it's 				container*/
    content: " ";
    display: block;
    position: absolute;
    bottom: -16px;
    width: 0;
    height: 0;
    border: 8px solid #800000;
}

.cnrflash-inner:before {
    left: 1px;
    border-bottom-color: transparent;
    border-right-color: transparent;
}

.cnrflash-inner:after {
    right: 0;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

.cnrflash-label {
    /*Make the label look nice*/
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    padding-bottom: 5px;
    color: #fff;
    text-shadow: 0 1px 1px rgba(1, 1, 1, .8);
    font-size: 0.95em;
    font-weight: bold;
    text-align: center;
}

.buttons-end i.fa.fa-check {
    background: #fd585d;
    color: white;
    font-size: 25px;
    padding: 8px;
}

.buttons-end i.fa.fa-smile-o {
    background: #72ea04;
    color: white;
    font-size: 25px;
    padding: 8px;
}

.home-activities .circle.image-square {
    position: relative;
    width: 300px;
    height: 300px;
}

hr.plain {
    color: white;
    border: 1px solid #cccccc;
    margin: 13px 0px 0px 0px;
}

.black-overlay {
    display: block;
    width: 95%;
    height: 0%;
    background: black;
}

/* fluid 5 columns */
.grid {
    width: 100%;

}

/* clearfix */
.grid:after {
    content: '';
    display: block;
    clear: both;
}

/* ---- grid-item ---- */

.grid-item {
    width: 160px;
    height: 120px;
    float: left;
    /* vertical gutter */
    margin-bottom: 20px;
    background: #D26;
    border: 2px solid #333;
    border-color: hsla(0, 0%, 0%, 0.5);
    border-radius: 5px;
}

.grid-item.bigger {
    height: 250px;
}


.snip1523 {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 0;
    min-width: 230px;
    max-width: 315px;
    width: 100%;
    color: #ffffff;
    text-align: left;
    font-size: 16px;
    background-color: #1A1A1A;
}

.snip1523 * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.45s ease;
    transition: all 0.45s ease;
}

.snip1523 img {
    vertical-align: top;
    max-width: 100%;
    backface-visibility: hidden;
}

.snip1523 figcaption {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    padding: 21px;
    right: 0;
    z-index: 1;
    font-size: 14px;
    font-family: 'Raleway', sans-serif;
    background-color: ghostwhite;
    color: black;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);

}

.snip1523 h2,
.snip1523 h3,
.snip1523 p {
    margin: 0;
}

.snip1523 h2,
.snip1523 h3 {
    line-height: 1.2em;
}

.snip1523 h2 {
    font-size: 1.9em;
    color: #35ADF9;
}

.snip1523 h3 {
    color: #EBEBEB;
    font-size: 1.3em;
    font-weight: normal;
    letter-spacing: 1px;
}

.snip1523 p {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    font-size: 0.9em;
    margin-top: 12px;
    padding: 12px 0 15px;
    line-height: 1.5em;
}

.snip1523 a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.snip1523:hover > img,
.snip1523.hover > img {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.snip1523:hover figcaption,
.snip1523.hover figcaption {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}

i.small-info {
    background: none !important;
    padding: 0px !important;
    color: rgb(101, 101, 101) !important;
}

.eoi-wrapper {
    padding-top: 10px;
}

ul.profile-box-info {
    list-style-type: disc;
    margin-left: 20px;
}

.verify-video-wrapper {
    width: 100%;
    margin: 0 auto;
}

#my_camera {
    margin: 0 auto;
    text-align: center;
}

#my_result {
    margin: 0 auto;
    text-align: center;
}