body {
    font-family: "Helvetica Neue", Helvetica, "Noto Sans", sans-serif, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.42857143;
    color: #949494;
    background-color: #ffffff !important;
    margin-bottom: 0 !important;
    padding-top: 80px;
}

.error {
    color: red;
}

.none {
    display: none;
}

.panel.panel-login {
    margin-bottom: 0px;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background: transparent;
    outline: none;
}

.sign-in-bg {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

.text-danger {
    color: red !important;
}

.sign-up-bg {
    background-attachment: fixed !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.about_background {
    background-size: 700px 545px !important;
    background-repeat: no-repeat !important;
    background-position: 0 -220px !important;
}

.contact_bg {
    background-size: 900px 200px !important;
    background-position: left top !important;
    background-repeat: no-repeat !important;
}

.header_oval {
    background-size: 702px !important;
    background-repeat: no-repeat !important;
    /*background-attachment: fixed !important;*/
}

.invitation-background {
    background-size: 1260px 830px !important;
    background-position: right -60px !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

.pharmacy-background {
    background-size: 1260px 830px !important;
    background-position: right -60px !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

.organization-background {
    background-size: 1230px 700px !important;
    background-position: right top !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

.doctor-background {
    background-size: 1340px 830px !important;
    background-position: right -60px !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

.error-page-background {
    background-size: 352px 325px !important;
    background-repeat: no-repeat !important;
}

.search_page_background {
    background-size: 318px 294px !important;
    background-repeat: no-repeat !important;
    background-position: top left !important;
}

.health_care {
    padding-top: 10px;
    padding-left: 136px;
}

.presignup_background {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: top 0px center !important;
}

.search_section_background {
    background-repeat: no-repeat !important;
    background-position: top 150px right 40px !important;
    background-size: 94% !important;
    padding-bottom: 140px;
}

.zom_section_background {
    background-repeat: no-repeat !important;
    background-position: top 50px right 40px !important;
    background-size: 94% !important;
    padding-bottom: 90px;
}

#about {
    padding-top: 75px;
    height: 478px;
    background-repeat: no-repeat !important;
    background-position: top center !important;
    background-size: 970px 510px !important;
    margin-top: 77px;
}

#we_want_to {
    margin-top: 50px;
}

#executive_team {
    margin-top: 50px;
    margin-bottom: 60px;
}

#solutions {
    padding-top: 80px;
}

#resources {
    padding-top: 70px;
    margin-bottom: 60px;
}

#overview {
    /*padding-top: 40px;*/
}

#error_page {
    /*padding-top: 40px;*/
}

#address {
    margin-bottom: 80px;
}

#signup {
    padding-bottom: 60px;
    padding-top: 40px;
}

#organization {
    padding-bottom: 40px;
    padding-top: 30px;
}

#overview2 {
    padding-top: 40px;
}

#notified-section {
    padding-top: 40px;
    padding-bottom: 40px;
}

#foundation {
    padding-top: 70px;
}

#getyazomnow {
    padding-top: 20px;
}

#invite-friends-yazom {
    padding-top: 40px;
}

#zom-section-1 {
    padding-top: 0;
}

#foundation img {
    padding-top: 30px;
}

#zom-section-1 img {
    padding-top: 30px;
}

#signin {
    padding-top: 35px;
}

.sign-up-for-yazom {
    font-family: SofiaPro;
    font-size: 42px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    text-align: center;
    color: #1a4669;
}

.get-started-by-choos {
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.8;
    letter-spacing: normal;
    text-align: center;
    color: #9ea8bb;
}

.margin-top20 {
    margin-top: 20px;
}

.navbar-default {
    border-color: transparent;
}

#main-nav .navbar-brand {
    /*padding: 0 22px 0 14px;*/
    padding: 0 22px 0 30px;
    /*background: url('../yazom/img/logo.svg');*/
    /*height: 67px;*/
    /*width: 150px;*/
}

.yazom-card .input-label a {
    color: #00aeef;
    text-decoration: underline;
}

#main-nav {
    padding: 10px 10px;
    font-size: 13px;
    background: transparent;
}

#main-nav .navbar-toggle {
    margin-top: 22px;
}

#main-nav .navbar-collapse {
    padding-top: 10px;
}

#main-nav .nav > li > a {
    padding: 10px 22px;
}

#main-nav.nav-active {
    background: #ffffff;
    box-shadow: rgba(72, 89, 125, 0.17) 4px 9px 40px 0px;
}

#main-nav .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
}

#main-menu li a {
    font-family: SofiaPro;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #1a4669;
}

#login-menu li.sign-in {
    width: 140px;
    height: 40px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #fd6fab;
    background: transparent;
    border-image: linear-gradient(to left, #fd6fab 0%, #c27bdf 114%);
    border-image-slice: 1;
}

#login-menu li {
    margin-left: 10px;
    margin-right: 10px;
}

#login-menu li.sign-in a {
    font-family: Open Sans;
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.54;
    letter-spacing: normal;
    color: #e972bc;
}

#login-menu li.sign-up {
    width: 140px;
    height: 40px;
    border-radius: 5px;
    border: solid 1px transparent;
    background-origin: border-box;
    text-align: center;
    background-image: linear-gradient(to left, #4fb5ff, #8491ff);
    box-shadow: 0px 3px 8px rgba(0, 0, 9, 0.3);
}

#login-menu li.sign-up a {
    font-family: Open Sans;
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.54;
    letter-spacing: normal;
    color: #ffffff;
}

#login-menu li.sign-up:hover {
    background-image: linear-gradient(to left, #8491ff, #4fb5ff);
    box-shadow: 0px 3px 8px rgba(0, 0, 9, 0.3);
}

#login-menu li.sign-in:hover {
    border-image: linear-gradient(to left, #c27bdf 0%, #fd6fab 114%);
    border-image-slice: 1;
}

#login-menu li.sign-up a:hover {
    color: #ffffff !important;
}

#login-menu li.sign-in a:hover {
    color: #e972bc !important;
}

#main-nav .nav > li > a:hover {
    text-decoration: none;
    color: #00aeef;
}

#main-nav .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background: transparent;
}

#main-nav .navbar-nav > .active > .get-yazom-now, .navbar-default .navbar-nav > .active > .get-yazom-now:hover, .navbar-default .navbar-nav > .active > .get-yazom-now:focus {
    background: #68a4ff !important;
}

.health-care-unlocked {
    font-family: SofiaPro;
    font-size: 64px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.02;
    letter-spacing: normal;
    color: #1a4669;
    margin-bottom: 17px;
}

.whether-you-are-at-w {
    font-family: SofiaPro;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.8;
    letter-spacing: normal;
    color: #9ea8bb;
    padding-top: 18px;
}

.whether-you-are-at-w .text-style-1 {
    color: #9ca8bd;
}

.whether-you-are-at-w .text-style-2 {
    font-weight: 600;
    color: #00aeef;
}

.btn-label {
    right: 0;
    padding: 20.5px 26px;
    border-radius: 6px;
    color: #ffffff;
    background-color: #83C5FC;
}

.learn-more {
    font-family: Open Sans;
    height: 60px;
    background-image: linear-gradient(to left, #4fb5ff, #8491ff);
    box-shadow: 5px 7px 10px 0 rgba(0, 0, 0, 0.15);
    border-radius: 6px;
    border: none;
    font-size: 13px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #ffffff;
}

.learn-more a {
    color: #ffffff;
}

.learn-more:hover {
    background-image: linear-gradient(to left, #8491ff, #4fb5ff);
    box-shadow: 5px 7px 10px 0 rgba(0, 0, 0, 0.15);
}

.learn-more .btn-group {
    float: none;
}

.learn-more .learn-more-txt {
    padding: 0 22px;
}

.learn-more .btn:hover, .learn-more .btn:focus {
    outline: none;
    color: #ffffff;
}

.how-may-we-assist-yo {
    font-family: SofiaPro;
    font-size: 40px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    text-align: center;
    color: #1a4669;
    margin-bottom: 45px;
}

.btn-group-justified .btn {
    width: auto;
}

.i-need-a-doctor {
    width: 288px !important;
    height: 54px;
    font-family: SofiaPro;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.67;
    letter-spacing: normal;
    text-align: center;
    color: #9ea8bb;
    background: #ffffff;
    border: solid 1px #d3daeb;
}

.i-need-a-pharmacy {
    width: 288px !important;
    height: 54px;
    font-family: SofiaPro;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.67;
    letter-spacing: normal;
    text-align: center;
    color: #9ea8bb;
    background: #ffffff;
    border: solid 1px #d3daeb;
    border-left: none;
    border-right: none;
}

.bg {
    background-repeat: no-repeat !important;
    background-position: right !important;
    background-size: contain !important;
    min-height: 50rem;
}

.healthCareBackground {
    background-repeat: no-repeat !important;
    background-position: 80px !important;
    background-size: contain !important;
    min-height: 65rem;
}

.healthCareImage img {
    margin-right: 5px;
    /*margin-top: 20px;*/
    padding-left: 10px;
}

.health-care-img-section {
    padding-right: 34px;
}

.yazom-it {
    width: 288px !important;
    height: 54px;
    font-family: SofiaPro;
    font-size: 15px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.67;
    letter-spacing: normal;
    text-align: center;
    color: #00aeef;
    background: #ffffff;
    border: solid 1px #d3daeb;
}

.how-may-we-option {
    padding-bottom: 30px;
}

.how-may-we-option .btn.active {
    border-radius: 5px;
    background-image: linear-gradient(259deg, #be7be2, #fe6ea9);
    box-shadow: 6px 11px 40px 0 rgba(72, 89, 125, 0.17);
    color: #ffffff;
    border: none;
    font-weight: 700;
}

.discover-input {
    padding: 6px 40px;
    height: 64px;
    font-family: SofiaPro;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.44;
    letter-spacing: normal;
    color: #1a4669;
    border: 1px solid #ffffff;
    border-radius: 5px;
    background-color: #ffffff;
    box-shadow: 6px 11px 40px 0 rgba(72, 89, 125, 0.17);
}

.discover-btn {
    width: 98px;
    height: 64px;
    border-radius: 5px;
    background-image: linear-gradient(to left, #4fb5ff, #8491ff);
    box-shadow: 4px 9px 23px 0 rgba(72, 89, 125, 0.17);
}

.discover-btn .shape {
    color: #ffffff;
    font-size: 18px;
}

.discover-input:focus {
    border: 1px solid #ffffff;
    background-color: #ffffff;
    box-shadow: 6px 11px 40px 0 rgba(72, 89, 125, 0.17);
}

.discover-btn:hover, .discover-btn.active {
    background-image: linear-gradient(to left, #8491ff, #4fb5ff);
    box-shadow: 4px 9px 23px 0 rgba(72, 89, 125, 0.17);
}

.services-section {
    padding-top: 70px;
}

.services-section img {
    -webkit-box-shadow: 0 20px 32px -10px rgba(119, 119, 119, 0.36);
    -moz-box-shadow: 0 20px 32px -10px rgba(119, 119, 119, 0.36);
    box-shadow: 0 20px 32px -10px rgba(119, 119, 119, 0.36);
    background: #dcdcdc
}

.companies {
    font-family: Open Sans;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #9ea8bb;
    padding-top: 18px;
}

.organizations {
    text-transform: uppercase;
    font-family: Open Sans;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #9ea8bb;
    padding-top: 18px;
}

.tourism-hospitalit {
    text-transform: uppercase;
    font-family: Open Sans;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #9ea8bb;
    padding-top: 18px;
}

.travel {
    text-transform: uppercase;
    font-family: Open Sans;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #9ea8bb;
    padding-top: 18px;
}

.activities-events {
    text-transform: uppercase;
    font-family: Open Sans;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #9ea8bb;
    padding-top: 18px;
}

.foundation {
    font-family: SofiaPro;
    font-size: 44px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.09;
    letter-spacing: normal;
    text-align: center;
    color: #1a4669;
}

.yazom-foundation-con {
    font-family: Open Sans;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.8;
    letter-spacing: normal;
    text-align: center;
    color: #9ea8bb;
    padding-top: 5px;
}

.foundation-card {
    border-radius: 5px;
    background-color: #ffffff;
    box-shadow: 4px 9px 40px 0 rgba(72, 89, 125, 0.17);
    margin-top: -54px;
    padding: 0 20px 20px 20px;
}

.events {
    font-family: Futura;
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 3.4;
    letter-spacing: normal;
    color: #1a4669;
    margin-top: 2px;
    margin-bottom: 0px;
}

.responsible-for-spon {
    width: 186px;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.88;
    letter-spacing: normal;
    color: #9ea8bb;
}

.rewards {
    font-family: Futura;
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 3.4;
    letter-spacing: normal;
    color: #1a4669;
    margin-bottom: 0px;
}

.occasionally-we-prov {
    width: 206px;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.88;
    letter-spacing: normal;
    color: #9ea8bb;
}

.non-profits {
    font-family: Futura;
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 3.4;
    letter-spacing: normal;
    color: #1a4669;
    margin-bottom: 0px;
}

.we-donate-and-prepar {
    width: 235px;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.88;
    letter-spacing: normal;
    color: #9ea8bb;
}

.partnerships {
    font-family: Futura;
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 3.4;
    letter-spacing: normal;
    color: #1a4669;
    margin-bottom: 0px;
}

.a-mutually-beneficia {
    width: 235px;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.88;
    letter-spacing: normal;
    color: #9ea8bb;
}

.reward {
    padding-left: 0px;
}

.non-profit {
    padding-left: 0px;
}

.partnership {
    padding-left: 22px;
}

.time-line {
    list-style: none;
    padding: 0px;
    position: relative;
}

.time-line:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    border-left: 2px dotted #00aeef;
    left: 25px;
    height: 88%;
}

.time-line > li:after {
    clear: both;
}

.time-line > li:before, .time-line > li:after {
    content: " ";
    display: table;
}

.time-line > li > .time-line-panel {
    width: calc(100% - 75px);
    float: right;
    position: relative;
}

.time-line > li > .time-line-badge {
    font-family: Futura;
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.4;
    letter-spacing: normal;
    color: #00aeef;
    width: 50px;
    height: 50px;
    text-align: center;
    position: absolute;
    background: #ffffff;
    border: solid 2px #00aeef;
    z-index: 100;
    border-radius: 50%;
}

.time-line-title {
    margin: 0 0 8px 0;
    font-family: SofiaPro;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.4;
    letter-spacing: normal;
    color: #1a4669;
    text-transform: uppercase;
}

.time-line-body {
    font-family: Open Sans;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.88;
    letter-spacing: normal;
    color: #9ea8bb;
}

.time-line-body p {
    font-size: 16px;
    margin-bottom: 16px;
}

.what-we-do {
    font-family: SofiaPro;
    font-size: 44px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.09;
    letter-spacing: normal;
    color: #1a4669;
    margin-bottom: 36px;
}

#what_we_do_img {
    padding-top: 88px;
}

.resources {
    font-family: SofiaPro;
    font-size: 38px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: #1a4669;
    margin-bottom: 40px;
}

.resources-img {
    margin-top: 50px;
}

.resource-card {
    padding: 18px 30px 18px;
    border-radius: 5px;
    background-color: #ffffff;
    box-shadow: 4px 9px 40px 0 rgba(72, 89, 125, 0.17);
    margin-bottom: 10px;
}

.mobile-app {
    font-family: SofiaPro;
    margin: 0;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.4;
    letter-spacing: normal;
    color: #1a4669;
}

.for-consumers-acces {
    font-family: Open Sans;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.67;
    letter-spacing: normal;
    color: #9ea8bb;
}

.see-more {
    font-family: SofiaPro;
    text-decoration: underline;
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.4;
    letter-spacing: normal;
    text-align: center;
    color: #00aeef;
}

.yazom-card {
    border-radius: 4px;
    background-color: #ffffff;
    box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.07);
    margin-top: 60px;
}

.contact_section .yazom-card {
    margin-top: 0;
}

.yazom-card .box {
    top: 0;
    left: 0;
    padding: 20px 30px;
    box-sizing: border-box;
    width: 100%;
}

.yazom-card .box .logo {
    width: 100px;
    height: 50px;
    margin: 0 auto;
    overflow: hidden;
}

.yazom-card .box .logo img {
    width: 100%;
    height: 100%;
}

.yazom-card .sign-in {
    font-family: SofiaPro;
    font-size: 28px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #1a4669;
    text-align: center;
    margin-top: 16px;
    margin-bottom: 16px;
}

.yazom-card .input-label {
    font-family: SofiaPro;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.67;
    letter-spacing: normal;
    color: #1a4669;
}

.yazom-input {
    height: 50px;
    border-radius: 3px;
    background-color: #fafcfd;
    border: solid 1px #dbe4eb;
    font-family: SofiaPro;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: #9ea8bb;
}

.sign-in-btn {
    height: 58px;
    border-radius: 3px;
    background-image: linear-gradient(to left, #4fb5ff, #8491ff);
    box-shadow: 5px 7px 10px 0 rgba(0, 0, 0, 0.15);
    font-family: SofiaPro;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #f2f2f2;
    border: none;
}

.btn a {
    color: #ffffff;
}

.sign-in-btn:hover, .sign-in-btn:active, .sign-in-btn.active {
    text-decoration: none;
    color: #eee8d5;
    background-image: linear-gradient(to left, #8491ff, #4fb5ff);
    box-shadow: 5px 7px 10px 0 rgba(0, 0, 0, 0.15);
    color: #f2f2f2;
}

.dont-have-an-accoun {
    font-family: SofiaPro;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2;
    letter-spacing: normal;
    text-align: center;
    color: #1a4669;
    margin: 0px;
}

#sign-in-form .sign-up a {
    font-family: SofiaPro;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #00aeef;
    margin: 0px;
    text-decoration: underline;
}

.radio-text {
    font-family: SofiaPro;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #1a4669
}

.custom-radio {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 0px;
    cursor: pointer;
}

/* Hide the browser's default radio button */
.custom-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.check-mark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    border-radius: 3px;
    background-color: #ffffff;
    border: solid 1px #e2e6f4;
}

.custom-radio input:checked ~ .check-mark {
    background-color: #00aeef;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.check-mark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.custom-radio input:checked ~ .check-mark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.custom-radio .check-mark:after {
    top: 1px;
    left: 6px;
    width: 8px;
    height: 14px;
    border: solid;
    border-color: #ffffff;
    border-width: 0 2px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#about-us .box {
    padding: 20px 30px 40px 30px;
}

.about-us {
    font-family: SofiaPro;
    font-size: 52px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.32;
    letter-spacing: normal;
    color: #1A4669;
    text-align: center;
}

.we-make-healthcare-s {
    font-family: SofiaPro;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.82;
    letter-spacing: normal;
    text-align: center;
    color: #9EA8BB;
    padding-top: 10px;
}

.we-want-to-hear-from {
    font-family: SofiaPro;
    font-size: 46px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.32;
    letter-spacing: normal;
    color: #1a4669;
    text-align: center;
    margin-bottom: 50px;
    margin-top: 70px;
}

#executive_team .title {
    font-family: SofiaPro;
    font-size: 46px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.32;
    letter-spacing: normal;
    color: #1a4669;
    text-align: center;
    margin-bottom: 70px;
}

#executive_team .profile {
    text-align: center;
    padding-bottom: 20px;
}

#executive_team .profile h3 {
    font-family: SofiaPro;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.32;
    letter-spacing: normal;
    color: #1a4669;
}

#executive_team .profile em {
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.6;
    letter-spacing: normal;
    text-align: center;
    color: #9ea8bb;
}

.profile .profile-icon {
    position: absolute;
    top: 86px;
    bottom: 0;
    left: 132px;
    right: 0;
}

#map-section {
    margin-top: 70px;
}

#google_map {
    height: 400px;
    width: 100%;
    position: absolute !important;
}

.contact_section {
    top: -70px;
    position: relative;
    clear: both;
}

.gm-style-iw {
    left: 26px !important;
}

.locate {
    font-family: SofiaPro;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 2;
    letter-spacing: normal;
    color: #1a4669;
    text-align: center;
    text-transform: uppercase;
    margin: 0;
}

#bodyContent p {
    width: 178px;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.31;
    letter-spacing: normal;
    text-align: center;
    color: #9ea8bb;
}

.gm-style-iw + div {
    display: none;
}

.view-map {
    font-family: SofiaPro;
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #00aeef;
    margin: 0;
}

.phone {
    font-family: SofiaPro;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: #1a4669;
}

.phone-n {
    font-family: SofiaPro;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: #9ea8bb;
}

/*============================================================
PRICING STYLES
==========================================================*/

#sign_up_for_Yazom {
    margin-bottom: 40px;
    margin-top: 20px;
}

.db-attached {
    margin-top: 52px;
    position: relative;
}

.pricing-eleven {
    border-radius: 5px;
    background: #ffffff;
    box-shadow: 6px 11px 40px 0 rgba(72, 89, 125, 0.17);
    text-align: center;
    opacity: 0.45;
    border: 1px solid transparent;
}

.pricing-eleven.activated {
    border-radius: 5px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: -20px;
    box-shadow: 6px 11px 40px 0 rgba(72, 89, 125, 0.17);
    opacity: 1;
    border: 1px solid transparent;
}

.pricing-eleven:hover {
    border-radius: 5px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: -20px;
    box-shadow: 6px 11px 40px 0 rgba(72, 89, 125, 0.17);
    opacity: 1;
    border: 1px solid transparent;
}

.pricing-eleven ul {
    list-style: none;
    text-align: left;
    padding: 0 35px 0 55px;
}

.pricing-eleven ul li {
    font-family: Open Sans;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2;
    letter-spacing: normal;
    color: #9ea8bb;
}

.pricing-eleven .title h4 {
    font-family: SofiaPro;
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.17;
    letter-spacing: normal;
    color: #1a4669;
    margin: 0;
    padding: 20px;
}

.pricing-eleven ul li i {
    color: #00b0f5;
    margin-right: 8px;
}

.pricing-eleven .pricing-footer {
    position: relative;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 25px 0;
}

.pricing-btn {
    width: 240px;
    font-size: 15px;
    font-family: Open Sans;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 2;
    letter-spacing: normal;
    color: #ffffff;
    border-radius: 4px;
    background-image: linear-gradient(260deg, #4fb5ff, #8491ff);
    box-shadow: 5px 7px 10px 0 rgba(0, 0, 0, 0.1);
}

.pricing-btn:hover, .pricing-btn:focus, .pricing-btn.active {
    background-image: linear-gradient(260deg, #8491ff, #4fb5ff);
    box-shadow: 5px 7px 10px 0 rgba(0, 0, 0, 0.1);
    color: #ffffff;
}

.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;
}

.footer {
    position: relative !important;
    bottom: 0 !important;
    left: 0 !important;
    height: auto !important;
    line-height: 0 !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
}

#footer_menu .row {
    padding-top: 18px;
    padding-bottom: 10px;
}

.footer .navbar-brand {
    padding: 0;
}

.footer .footer-links {
    margin-bottom: 0px;
}

.footer .navbar-brand {
    float: none;
    text-align: center;
}

#footer_menu {
    padding-top: 80px;
    padding-bottom: 30px;
}

.footer .footer-social {
    margin-bottom: 0;
}

.footer-links li a {
    font-family: Lato;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.11;
    letter-spacing: 0px;
    color: #1a4669;
}

.footer-links.list-inline > li {
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px
}

.footer-links li a:hover {
    text-decoration: none;
    color: #00aeef;
}

#footer_menu .footer_menu {
    text-align: center;
    padding-top: 34px;
}

#footer_menu .footer_menu_social {
    text-align: right;
    padding-top: 34px;
}

#footer_menu .footer_menu_social ul {
    padding-right: 16px;
}

.copyright-yazom {
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 2;
    letter-spacing: normal;
    color: #004080;
}

#customNav.owl-nav {
    text-align: right;
}

#customNav .owl-prev, #customNav .owl-next {
    background: transparent;
    border: none;
}

#customNav button {
    outline: 0;
}

.services-section .owl-carousel .owl-item img {
    display: inline-block;
}

.services-section .owl-carousel .owl-item .item {
    padding-top: 15px;
}

#customDots.owl-dots {
    text-align: center;
}

#customDots.owl-dots .owl-dot {
    display: inline-block;
    background: transparent;
    border: none;
}

#customDots.owl-dots .owl-dot span {
    background-color: #333;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    display: block;
    height: 12px;
    margin: 5px 7px;
    width: 12px;
    filter: Alpha(Opacity=500); /*IE7 fix*/
    opacity: 0.5;
}

#customDots.owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {
    filter: Alpha(Opacity=100); /*IE7 fix*/
    opacity: 1;
}

#sign-in-form #year {
    width: 96px;
}

.looks-like-you-are-l {
    font-family: SofiaPro;
    font-size: 62px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: #1a4669;
}

.dont-worry-just-cl {
    font-family: SofiaPro;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.82;
    letter-spacing: normal;
    text-align: left;
    color: #9ea8bb;
    margin-top: 22px;
    margin-bottom: 30px;
}

.go-home {
    border-radius: 3px;
    background-image: linear-gradient(255deg, #4fb5ff, #8491ff);
    box-shadow: 3px 5px 6px 0 rgba(0, 0, 0, 0.1);
}

.go-home-text {
    font-family: SofiaPro;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #f2f2f2;
    padding: 16px 40px;
}

.go-home:hover {
    background-image: linear-gradient(255deg, #8491ff, #4fb5ff);
    box-shadow: 3px 5px 6px 0 rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

.go-home a:hover {
    color: #ffffff;
}

#error_contain {
    padding-top: 160px;
    padding-left: 100px;
}

.contact-a-doctor {
    font-family: SofiaPro;
    font-size: 42px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    text-align: center;
    color: #1a4669;
    margin-bottom: 60px;
    margin-top: 0px;
}

.book-an-appointment {
    font-family: SofiaPro;
    font-size: 24px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: #1a4669;
    text-align: center;
    margin-bottom: 20px;
}

.doctors-info {
    margin-top: 16px;
}

.doctors-info .doctor-name {
    font-family: Futura;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.7;
    letter-spacing: normal;
    color: #1a4669;
    margin-bottom: 0px;
}

.doctors-info .text-style-1 {
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    color: #21cc65;
}

.doctors-info .text-style-2 {
    font-family: Open Sans;
    font-size: 16px;
    font-weight: normal;
    line-height: 1;
    color: #9ea8bb;
}

.doctors-info .text-style-3 {
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    color: #00466c;
}

.doctors-info p {
    text-align: center;
}

.doctors-contact-section .yazom-card .box .logo {
    width: 90px;
    height: 90px;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
}

.doctors-contact-section .yazom-card .box .logo img {
    width: 100%;
    height: 100%;
}

.doctors-contact-section {
    top: -70px;
    position: relative;
    clear: both;
}

.doctors-contact-section .box {
    padding: 20px 10px;
}

.datepicker-switch {
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: 0px;
    color: #1a4669;
}

.datepicker .next, .datepicker .prev {
    border-radius: 50%;
    background: transparent;
    box-shadow: 0 2px 8px 3px rgba(236, 236, 236, 0.5);
}

.datepicker .next:hover, .datepicker .prev:hover {
    background-image: linear-gradient(227deg, #4fb5ff, #8491ff);
    box-shadow: 5px 7px 10px 0 rgba(0, 0, 0, 0.1);
    color: #ffffff;
}

.datepicker .datepicker-switch:hover {
    background: transparent;
}

.datepicker tr .dow {
    font-family: Open Sans;
    font-size: 12px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: 1.2px;
    color: #1a4669;
}

.datepicker tr .day {
    border: 1px solid #f3f3f3;
    color: #1a4669;
    padding: 7px;
}

.datepicker table tr td.day.focused, .datepicker table tr td.day:hover {
    background: transparent;
    border-radius: 2px;
    background-image: linear-gradient(227deg, #4fb5ff, #8491ff);
    box-shadow: 5px 7px 10px 0 rgba(0, 0, 0, 0.1);
    color: #ffffff;
    cursor: pointer;
    border: 1px solid transparent;
}

.datepicker table tr td.today {
    background: transparent;
    border-radius: 2px;
    background-image: linear-gradient(227deg, #4fb5ff, #8491ff);
    box-shadow: 5px 7px 10px 0 rgba(0, 0, 0, 0.1);
    color: #ffffff !important;
    border: 1px solid transparent;
}

.datepicker table tr td span.focused, .datepicker table tr td span:hover, datepicker table tr td span.active {
    background: transparent;
    border-radius: 2px;
    background-image: linear-gradient(227deg, #4fb5ff, #8491ff);
    box-shadow: 5px 7px 10px 0 rgba(0, 0, 0, 0.1);
    color: #ffffff !important;
    border: 1px solid transparent;
}

.datepicker table tr td.active.active {
    background: transparent;
    border-radius: 2px;
    background-image: linear-gradient(227deg, #4fb5ff, #8491ff);
    box-shadow: 5px 7px 10px 0 rgba(0, 0, 0, 0.1);
    color: #ffffff !important;
    border: 1px solid transparent;
}

.bootstrap-datetimepicker-widget table td {
    height: 0;
    line-height: 2;
    width: 54px;
}

.bootstrap-datetimepicker-widget table td.day, .bootstrap-datetimepicker-widget table td.hour, .bootstrap-datetimepicker-widget table td.minute, .bootstrap-datetimepicker-widget table td.second {
    padding: 4px;
    border: 1px solid transparent;
}

.bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover {
    background: transparent;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 3px;
    background-image: linear-gradient(248deg, #4fb5ff, #8491ff);
    color: #ffffff;
    border-color: snow;
}

.bootstrap-datetimepicker-widget table td span {
    display: inline-block;
    height: 25px;
    width: 25px;
    line-height: 25px;
    cursor: pointer;
    border-radius: 4px;
    background-color: #fafcfd !important;
    border: solid 1px #dbe4eb;
}

.bootstrap-datetimepicker-widget table td span.fa {
    border-radius: 50%;
    line-height: 23px;
}

.bootstrap-datetimepicker-widget .btn-primary {
    border-radius: 3px;
    background-image: linear-gradient(248deg, #4fb5ff, #8491ff);
    color: #ffffff;
    border: 1px solid transparent;
    border-color: snow;
}

.bootstrap-datetimepicker-widget .btn-primary:hover {
    border-radius: 3px;
    background-image: linear-gradient(248deg, #8491ff, #4fb5ff);
    color: #ffffff;
}

#search_list {
    margin-top: 50px;
}

#search_list .box {
    background: #FFF;
    padding: 20px 10px;
    margin: 10px 0px 10px 0px;
    border-radius: 5px;
    box-shadow: 4px 9px 30px 0 rgba(72, 89, 125, 0.1);
}

#search_list .pharmacy_search_box .box {
    background: #FFF;
    padding: 20px 10px;
    margin: 10px 0px 10px 0px;
    border-radius: 5px;
    box-shadow: 4px 9px 30px 0 rgba(72, 89, 125, 0.1);
    height: 260px
}

#search_list .yazom_search_box .box {
    background: #FFF;
    padding: 20px 10px;
    margin: 10px 0px 10px 0px;
    border-radius: 5px;
    box-shadow: 4px 9px 30px 0 rgba(72, 89, 125, 0.1);
    height: 284px;
}

#search_list .pharmacy_search_box .box .text p {
    line-height: 24px !important;
}

#search_list .pharmacy_search_box .box .title h4 {
    line-height: 20px !important;
    margin-bottom: 6px;
}

#search_list .box .logo {
    width: 90px;
    height: 90px;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
}

#search_list .box .logo img {
    width: 100%;
    height: 100%;
}

#search_list .box .title h4 {
    font-family: Futura;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.78;
    color: #1a4669;
    margin-bottom: 0px;
}

#search_list .box .text p {
    font-family: Open Sans;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2;
    letter-spacing: normal;
    text-align: center;
    color: #9ea8bb;
}

.contact_btn {
    border: 1px solid #62a9ff;
    padding: 8px 40px;
    margin-top: 20px;
    font-family: Open Sans;
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.54;
    letter-spacing: normal;
    color: #00aeef;
}

.contact_btn:hover {
    color: #00aeef;
    border: 1px solid #8491ff;
}

.welcome-to-yazom {
    font-family: SofiaPro;
    font-size: 38px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    text-align: center;
    color: #1a4669;
    margin-top: 30px;
}

.welcome-to-yazom .text-style-1 {
    color: #00aeef;
}

.join-us {
    border-radius: 3px;
    border: 1px solid transparent;
    background-image: linear-gradient(255deg, #4fb5ff, #8491ff);
    box-shadow: 3px 5px 6px 0 rgba(0, 0, 0, 0.1);
    font-family: SofiaPro;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #f2f2f2;
    text-transform: uppercase;
    padding: 10px 40px;
    margin-top: 20px;
}

.join-us:hover, .join-us:focus, .join-us:active {
    background-image: linear-gradient(255deg, #8491ff, #4fb5ff);
    color: #ffffff;
}

.enjoy-our-fresh-new {
    font-family: SofiaPro;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.82;
    letter-spacing: normal;
    text-align: center;
    color: #9ea8bb;
    margin-bottom: 0px;
}

.new_look_img {
    margin-top: -64px;
    display: inline-block;
}

#fvpp-blackout {
    display: none;
    z-index: 10001;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.5;
}

#my-welcome-message {
    display: none;
    z-index: 10002;
    position: fixed;
    width: 46%;
    left: 27%;
    top: 3%;
    padding: 20px 2%;
    background: #FFF;
    border-radius: 6px;
}

body.welcome_show {
    overflow: hidden;
}

.yazom-pagination .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    background-color: transparent;
    border: 1px solid transparent;
    background-origin: border-box;
    color: #fff;
    text-align: center;
    background-color: transparent;
    background-image: linear-gradient(to left, #8491ff, #4fb5ff);
    box-shadow: 0px 3px 8px rgba(0, 0, 9, 0.3);
    border-color: transparent;
}

.yazom-pagination .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: transparent;
    border: 1px solid transparent;
    background-origin: border-box;
    color: #fff;
    text-align: center;
    background-color: transparent;
    background-image: linear-gradient(to left, #4fb5ff, #8491ff);
    box-shadow: 0px 3px 8px rgba(0, 0, 9, 0.3);
    border-color: transparent;
}

.login-page .form-register-success, .login-page .form-forgotpassword-success, .login-page .form-login-error {
    display: none;
    background: #00a651;
    color: #ffffff;
    padding: 10px;
    text-align: center;
    background-clip: padding-box;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin-bottom: 20px;
    margin-top: 20px;
    overflow: hidden;
}

.login-page .form-register-success i, .login-page .form-forgotpassword-success i, .login-page .form-login-error i {
    position: relative;
    font-size: 25px;
    background: #008d45;
    display: block;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: -10px;
    margin-left: -10px;
    margin-right: -10px;
    background-clip: padding-box;
    border-radius: 3px 3px 0 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
}

.login-page .form-register-error, .login-page .form-login-error {
    display: none;
    background: #a94442;
    color: #ffffff;
    padding: 10px;
    text-align: center;
    border-radius: 3px;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin-bottom: 20px;
    margin-top: 20px;
    overflow: hidden;
}

.login-page .form-register-error h3,
.login-page .form-login-error h3,
.login-page .form-register-success h3,
.login-page .form-forgotpassword-success h3,
.login-page .form-register-error h4,
.login-page .form-login-error h4,
.login-page .form-register-success h4,
.login-page .form-forgotpassword-success h4 {
    color: #ffffff;
}

.login-page .form-register-error i, .login-page .form-forgotpassword-success i, .login-page .form-login-error i {
    position: relative;
    font-size: 25px;
    background: #8a2b29;
    display: block;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: -10px;
    margin-left: -10px;
    margin-right: -10px;
    background-clip: padding-box;
    border-radius: 3px 3px 0 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
}

.login-page input.error, .login-page textarea.error {
    border: 2px solid red !important;
    border-radius: 5px;
}

.login-page select.error {
    border: 2px solid red !important;
    border-radius: 5px;
    color: red;
}

.tooltip {
    z-index: 1028 !important;
}

.tooltip-inner {
    max-width: 200px;
    padding: 10px 6px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    background-color: #f90e0e;
    border-radius: 3px;
}

.tooltip.left .tooltip-arrow {
    right: 0;
    margin-top: -7px;
    border-width: 8px 0 8px 8px;
    border-left-color: #f90e0e;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #f90e0e;
}

.tooltip.bottom .tooltip-arrow {

    border-bottom-color: #f90e0e;
}

#request-invitation .please-select-the-ty {
    font-family: Open Sans;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.7;
    letter-spacing: normal;
    text-align: center;
    color: #9ea8bb;
    margin-bottom: 38px;
    margin-top: 10px;
}

#request-invitation .middel-text {
    padding: 18px;
    text-align: center;
}

#request-invitation h6.text {
    font-family: Open Sans;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.67;
    letter-spacing: normal;
    color: #1a4669;
}

#request-invitation .already-have-an-acco {
    font-family: SofiaPro;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #1a4669;
    margin-top: 50px;
    margin-bottom: 12px;
}

#request-invitation .sign-in-bottom a {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #00aeef;
    margin: 0px;
    text-decoration: underline;
}

#request-invitation .img {
    text-align: center;
    cursor: pointer;
}

#contact-form.yazom-card .box {
    min-height: 510px;
}

#contact-form #registration-success {
    padding-top: 80px;
}

.request-invitation {
    font-family: SofiaPro;
    font-size: 26px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #1a4669;
    margin-top: 16px;
    margin-bottom: 30px;
}

#registration-success {
    text-align: center;
    padding-top: 30px;
    display: none;
}

#registration-success .success {
    width: 142px;
    height: 146px;
    background-color: #21cc65;
    border: solid 11px #5ee594;
    border-radius: 50%;
    padding: 24px;
    color: #fff;
}

#registration-success .message1 {
    font-family: SofiaPro;
    font-size: 24px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.85;
    letter-spacing: normal;
    color: #1a4669;
    padding: 50px 0 12px 0;
    margin: 0;
}

#registration-success .message2 {
    font-family: Open Sans;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.7;
    letter-spacing: normal;
    text-align: center;
    color: #9ea8bb;
    margin-bottom: 24px;
}

#form-login-wrong {
    text-align: center;
    padding-top: 30px;
    display: none;
}

#form-login-wrong .wrong {
    width: 142px;
    height: 146px;
    background-color: #b53836;
    border: solid 11px #e28280;
    border-radius: 50%;
    padding: 24px;
    color: #fff;
}

#form-login-wrong .message1 {
    font-family: SofiaPro;
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.85;
    letter-spacing: normal;
    color: #1a4669;
    padding: 50px 0 12px 0;
    margin: 0;
}

#form-login-wrong .message2 {
    font-family: Open Sans;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.7;
    letter-spacing: normal;
    text-align: center;
    color: #9ea8bb;
    margin-bottom: 24px;
}

#privacy-section p, #privacy-section .list-group-item {
    font-family: SofiaPro;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.7;
    letter-spacing: normal;
    text-align: left;
    color: #9ea8bb;
}

#privacy-section h2 {
    font-family: SofiaPro;
    font-size: 22px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.7;
    letter-spacing: normal;
    text-align: left;
    color: #1a4669;
}

#terms-section p, #terms-section .list-group-item {
    font-family: SofiaPro;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.7;
    letter-spacing: normal;
    text-align: left;
    color: #9ea8bb;
}

#terms-section h2 {
    font-family: SofiaPro;
    font-size: 22px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.7;
    letter-spacing: normal;
    text-align: left;
    color: #1a4669;
}

/*ZOM PAGE STYLE*/

#zom-section-2 {
    padding-top: 30px;
}

#zom_box_list {
    margin-top: 70px;
}

.next-generation-cons {
    text-align: center;
    font-family: SofiaPro;
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    text-transform: uppercase;
    font-stretch: normal;
    letter-spacing: normal;
    color: #1a4669;
    padding-top: 15px;
}

.the-zom-architecture {
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.6;
    letter-spacing: normal;
    text-align: center;
    color: #9ea8bb;
    padding-top: 12px;
}

#zom_box_list .box {
    background: #FFF;
    padding: 30px 25px;
    margin: 10px 0 10px 0;
    border-radius: 5px;
    box-shadow: 4px 9px 30px 0 rgba(72, 89, 125, 0.1);
    height: 420px;
}

.consumers {
    font-family: "Open Sans";
    font-size: 22px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.18;
    letter-spacing: normal;
    text-align: center;
    color: #1a4669;
    padding-top: 10px;
}

.zom-can-be-used-by-c {
    font-family: "Open Sans";
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #9ea8bb;
}

#zom_box_list .reliability_img {
    padding: 3px;
}

#consumers img {
    -webkit-box-shadow: 0 20px 32px -10px rgba(119, 119, 119, 0.36);
    -moz-box-shadow: 0 20px 32px -10px rgba(119, 119, 119, 0.36);
    box-shadow: 0 20px 32px -10px rgba(119, 119, 119, 0.36);
    background: #dcdcdc;
}

#healthcare-providers img {
    -webkit-box-shadow: 0 20px 32px -10px rgba(119, 119, 119, 0.36);
    -moz-box-shadow: 0 20px 32px -10px rgba(119, 119, 119, 0.36);
    box-shadow: 0 20px 32px -10px rgba(119, 119, 119, 0.36);
    background: #dcdcdc;
}

#zom_box_list .medical_dapps_img {
    padding: 2px;
}

#zom_box_list .distribution_img {
    padding: 10px;
}

.reliability {
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.4;
    letter-spacing: normal;
    color: #1a4669;
}

.reliability-text {
    font-family: "Open Sans";
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: center;
    color: #9ea8bb;
}

#main-nav .nav > li > a.active {
    text-decoration: none;
    color: #00aeef;
}

#resources .white-paper {
    font-family: SofiaPro;
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
    text-transform: uppercase;
    font-stretch: normal;
    line-height: 2.7;
    letter-spacing: normal;
    color: #1a4669;
}

#resources .see-more {
    font-family: SofiaPro;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: center;
    color: #00aeef;
}

#resources .management-paper {
    font-family: SofiaPro;
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
    text-transform: uppercase;
    font-stretch: normal;
    line-height: 2.7;
    letter-spacing: normal;
    color: #1a4669;
}

#resources .faqs-sheet {
    font-family: SofiaPro;
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
    text-transform: uppercase;
    font-stretch: normal;
    line-height: 2.7;
    letter-spacing: normal;
    color: #1a4669;
}

#resources .resources-section {
    padding-bottom: 30px;
}

#login-menu li .get-yazom-now {
    width: 220px;
    height: 40px;
    font-family: "Open Sans";
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.54;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    border-radius: 5px;
    box-shadow: 3px 5px 10px 0 rgba(0, 0, 0, 0.07);
    background-color: #68a4ff;
}

#login-menu li .back-to-home {
    width: 220px;
    height: 40px;
    font-family: "Open Sans";
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.54;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    border-radius: 5px;
    box-shadow: 3px 5px 10px 0 rgba(0, 0, 0, 0.07);
    background-color: #e44145;
}

#login-menu li .back-to-home:hover {
    color: #ffffff !important;
}

#login-menu li .get-yazom-now-care {
    width: 220px;
    height: 40px;
    border-radius: 5px;
    box-shadow: 3px 5px 10px 0 rgba(0, 0, 0, 0.07);
    background-color: #ffffff;
    font-family: "Open Sans";
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.54;
    letter-spacing: normal;
    text-align: center;
    color: #10e0bb;
}

#login-menu li .get-yazom-now-care:hover {
    color: #10e0bb !important;
}

#login-menu li .get-yazom-now:hover {
    color: #ffffff !important;
}

#getyazomnow .yazom-heading {
    text-align: center;
    font-family: SofiaPro;
    font-size: 54px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.02;
    letter-spacing: normal;
    color: #1a4669;
}

#getyazomnow .yazom-sub-heading {
    text-align: center;
    font-family: SofiaPro;
    font-size: 40px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.02;
    letter-spacing: normal;
    color: #00aeef;
}

#invite-friends-yazom .invite-friend-to-yazom {
    text-align: center;
    text-transform: uppercase;
    font-family: SofiaPro;
    font-size: 54px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.02;
    letter-spacing: normal;
    color: #1a4669;
}

#invite-friends-yazom .invite-friend-sub-heading {
    text-align: center;
    font-family: SofiaPro;
    font-size: 40px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.02;
    letter-spacing: normal;
    color: #00aeef;
}

#getyazomnow .yazom-details {
    margin-bottom: 90px;
}

#getyazomnow .setting-healthy-targ {
    text-align: center;
    font-family: SofiaPro;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.8;
    letter-spacing: normal;
    color: #9ea8bb;
}

#getyazomnow .yazom-mobile {
    background: transparent;
    margin-top: -630px;
}

.begin-your-journey-a {
    font-family: SofiaPro;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.6;
    letter-spacing: normal;
    text-align: center;
    color: #9ea8bb;
    padding: 0 40px;
}

#getyazomnow .sub-content {
    padding: 50px 0;
}

#invite-friends-yazom .sub-content {
    padding: 50px 0;
}

.be-notified-when-yaz {
    font-family: SofiaPro;
    font-size: 42px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    text-align: center;
    color: #1a4669;
    margin-bottom: 30px;
}

#notified_from .input-group .form-control {
    border-radius: 5px;
    width: 98%;
}

#notified_from .notify-me {
    width: 150px;
    height: 64px;
    border-radius: 3px;
    box-shadow: 5px 7px 10px 0 rgba(0, 0, 0, 0.1);
    background-color: #68a4ff;
    font-family: SofiaPro;
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
}

#invite-friend-section {
    margin-bottom: 30px;
}

#invite-friend-section .heading {
    text-align: center;
    font-family: SofiaPro;
    font-size: 40px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.02;
    letter-spacing: normal;
    color: #00aeef;
}

#invite_friend_from_div {
    padding-top: 25px;
}

.care-title {
    font-family: SofiaPro;
    font-size: 64px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.02;
    letter-spacing: normal;
    color: #1a4669;
}

.care-sub-title {
    font-family: SofiaPro;
    font-size: 38px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.02;
    letter-spacing: normal;
    color: #10e0bb;
}

.never-be-uncertain-a {
    font-family: SofiaPro;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.8;
    letter-spacing: normal;
    color: #9ea8bb;
}

.never-be-uncertain-a .text-style-1 {
    font-weight: 500;
    color: #10e0bb;
}

.care_details {
    padding-top: 120px;
    padding-left: 136px;
}

.need-to-make-an-appo {
    margin-left: 28px !important;
    margin-top: 20px;
}

.need-to-make-an-appo li {
    font-family: SofiaPro;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: normal;
    color: #9ea8bb;
    padding-top: 5px;
    padding-bottom: 8px;
    padding-left: 10px;
}

.careImage {
    margin-right: 124px;
    margin-top: 70px;
}

.we-have-combined-aes {
    font-family: SofiaPro;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.8;
    letter-spacing: normal;
    color: #9ea8bb;
}

.we-have-combined-aes .text-style-2 {
    font-weight: 500;
    color: #ffba00;
}

#login-menu li.professional-sign-in a {
    width: 140px;
    height: 40px;
    text-align: center;
    border-radius: 5px;
    border: solid 1px #ffbc30;
    font-family: "Open Sans";
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 18px;
    letter-spacing: normal;
    color: #ffbc30;
}

#login-menu li.professional-sign-up a {
    width: 140px;
    height: 40px;
    text-align: center;
    border-radius: 5px;
    box-shadow: 3px 5px 10px 0 rgba(0, 0, 0, 0.07);
    background-color: #ffbc30;
    font-family: "Open Sans";
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: normal;
    color: #ffffff;
}

#login-menu li.professional-sign-up a:hover {
    color: #ffffff;
}

#login-menu li.professional-sign-in a:hover {
    color: #ffbc30;
}

#professional {
    padding-top: 80px;
    padding-bottom: 80px;
}

.you-are-now-on-our-w {
    font-family: SofiaPro;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2em;
    letter-spacing: normal;
    color: #9ea8bb;
}

.invite-friend-success-msg {
    font-family: SofiaPro;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2em;
    letter-spacing: normal;
    color: #9ea8bb;
    text-align: center;
}

.zoom_page_background {
    background-size: 470px 424px !important;
    background-repeat: no-repeat !important;
    background-position: top left !important;
}

.secure-your-future {
    width: 200px;
    height: 40px;
    border-radius: 5px;
    border: solid 1px #00aeef;
    font-family: "Open Sans";
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.54;
    letter-spacing: normal;
    text-align: center;
    color: #00aeef;
    background: #ffffff;
    margin-top: 30px;
    padding-top: 11px !important;
    text-transform: uppercase;
}

.secure-your-future:hover, .secure-your-future:focus {
    color: #00aeef !important;
    background: #ffffff !important;
}

.zom-count {
    font-family: SofiaPro;
    font-size: 74px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.02;
    letter-spacing: normal;
    text-align: center;
    color: #00aeef;
}

.people-have-joined-t {
    font-family: SofiaPro;
    font-size: 38px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    text-align: center;
    color: #1a4669;
    padding: 0 250px;
}

.how-zom-works-btn {
    width: 240px;
    height: 56px;
    border-radius: 4px;
    box-shadow: 5px 7px 10px 0 rgba(0, 0, 0, 0.1);
    background-color: #8491ff;
    font-family: SofiaPro;
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    margin: 40px 20px;
    padding: 18px 0;
}

.how-zom-works-btn:hover, why-zom-btn:hover {
    color: #ffffff;
}

.zom-foundation-img {
    padding-top: 30px;
}

.why-zom-btn {
    width: 240px;
    height: 56px;
    border-radius: 4px;
    box-shadow: 5px 7px 10px 0 rgba(0, 0, 0, 0.1);
    background-color: #c27bdf;
    font-family: SofiaPro;
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    margin: 40px 20px;
    padding: 18px 0;
}

.how-zom-works-btn:hover, .why-zom-btn:hover {
    color: #ffffff;
}

.how-zom-works-title {
    font-family: SofiaPro;
    font-size: 44px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.09;
    letter-spacing: normal;
    text-align: center;
    color: #1a4669;
}

.zoom-is-cryptocurrenc {
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.8;
    letter-spacing: normal;
    text-align: center;
    color: #9ea8bb;
    padding: 0 122px;
}

#how-zom-works {
    padding-top: 120px;
}

.how-zom-works-card {
    border-radius: 5px;
    background-color: #ffffff;
    box-shadow: 4px 9px 40px 0 rgba(72, 89, 125, 0.17);
    margin-top: -54px;
    padding: 0 20px 20px 20px;
}

.how-zom-works-card img {
    padding-top: 40px;
}

.inflationary-concept {
    font-family: Futura;
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.4;
    letter-spacing: normal;
    text-align: center;
    color: #1a4669;
}

.approximately-5-per {
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.88;
    letter-spacing: normal;
    text-align: center;
    color: #9ea8bb;
    padding: 0 40px;
}

.approximately-5-per .text-style-1 {
    font-weight: bold;
    color: #00b0f5;
}

.approximately-5-per .text-style-2 {
    font-weight: bold;
    color: #00aeef;
}

.initial-supply-c {
    font-family: "Open Sans";
    font-size: 22px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: center;
    color: #00aeef;
}

.zom-will-be-introduced {
    font-family: SofiaPro;
    font-size: 44px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.09;
    letter-spacing: normal;
    text-align: center;
    color: #1a4669;
}

#zom-will-be-introduced {
    padding-top: 100px;
}

#zom_editions_box {
    margin-top: -478px;
    margin-bottom: 116px;
}

#zom_editions_box .box {
    background: #FFF;
    padding: 30px 25px;
    margin: 10px 0 10px 0;
    border-radius: 5px;
    box-shadow: 4px 9px 30px 0 rgba(72, 89, 125, 0.1);
    height: 420px;
}

.zom-silver-edition {
    font-family: SofiaPro;
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.4;
    letter-spacing: normal;
    text-align: center;
    color: #1a4669;
}

.zom-gold-edition-wil {
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.88;
    letter-spacing: normal;
    text-align: center;
    color: #9ea8bb;
}

.zom-silver-edition-title {
    font-family: SofiaPro;
    font-size: 44px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.09;
    letter-spacing: normal;
    text-align: center;
    color: #1a4669;
    margin-bottom: 25px;
}

.this-is-our-way-of-e {
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.88;
    letter-spacing: normal;
    text-align: center;
    color: #9ea8bb;
    padding: 0 236px;
    padding-bottom: 30px;
}

.a-list-of-zom-silver {
    font-family: Futura;
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #1a4669;
    padding-left: 10px;
}

.of-zooms-will-be {
    font-family: SofiaPro;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #1a4669;
}

#invite_friends_box_section {
    padding-bottom: 100px;
}

#invite_friends_box {
    margin-top: -478px;
    margin-bottom: 116px;
}

#invite_friends_box .box {
    background: #FFF;
    padding: 25px 25px;
    margin: 10px 0 10px 0;
    border-radius: 5px;
    box-shadow: 4px 9px 30px 0 rgba(72, 89, 125, 0.1);
    height: 380px;
}

#email_service span {
    font-family: SofiaPro;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #9ea8bb;
}

/* HIDE RADIO */
#email_service [type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

#email_service {
    padding-top: 25px;
}

/* IMAGE STYLES */
#email_service [type=radio] + img {
    cursor: pointer;
    padding: 12px 8px 14px;
    border: 2px solid #dcdada;
}

#email_service [type=radio] + a {
    cursor: pointer;
    padding: 12px 8px 14px;
    border: 2px solid #dcdada;
}

/* CHECKED STYLES */
#email_service [type=radio]:checked + img {
    border: 2px solid #e44145;
}

.invite-friends-text-div {
    padding-bottom: 30px;
    padding-top: 15px;
}

.shape-your-own-health {
    font-family: SofiaPro;
    font-size: 42px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: 50px;
    letter-spacing: normal;
    text-align: center;
    color: #1a4669;
    margin-top: 0;
}

.enter-your-email {
    font-family: SofiaPro;
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    text-align: center;
    color: #9ea8bb;
}

#invite_friend_zom .input-group .form-control {
    border-radius: 5px;
    width: 98%;
}

#invite_friend_zom .continue {
    width: 150px;
    height: 64px;
    border-radius: 3px;
    box-shadow: 5px 7px 10px 0 rgba(0, 0, 0, 0.1);
    background-color: #e44145;
    font-family: SofiaPro;
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
}

#invite_friend_zom .discover-input {
    padding: 6px 22px;
}

#silver_edition_offerings .time-line:before {
    height: 70%;
}

#silver_edition_offerings .need-to-make-an-appo li {
    font-size: 16px;
    font-family: "Open Sans";
}

#zom-gold-edition-section {
    padding-top: 80px;
}

.some-features-that-w {
    font-family: Futura;
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #1a4669;
}

.see-features {
    font-family: SofiaPro;
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-decoration: underline;
    text-align: center;
    color: #00aeef;
}

#gold_edition_offerings .time-line li {
    padding: 0 0 30px 0;
}

#gold_edition_offerings .time-line:before {
    height: 80%;
}

#gold_edition_offer_img {
    padding-top: 30px;
}

.please-read-the-whit {
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.88;
    letter-spacing: normal;
    color: #9ea8bb;
}

.read-zom-white-Papers {
    text-decoration: underline;
    font-family: SofiaPro;
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.4;
    letter-spacing: normal;
    color: #00aeef;
}

#secure-your-future {
    padding-top: 80px;
}

.secure-your-future-title {
    font-family: SofiaPro;
    font-size: 44px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.09;
    letter-spacing: normal;
    text-align: center;
    color: #1a4669;
    margin-bottom: 20px;
}

#secure-your-future {
    padding-bottom: 70px;
}

.own-a-med-rep-and-he {
    font-family: SofiaPro;
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #1a4669;
    text-transform: uppercase;
}

.zom-is-yozoms-promi {
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.88;
    letter-spacing: normal;
    text-align: center;
    color: #9ea8bb;
    padding: 0 368px;
}

.earning-via-staki {
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.45;
    letter-spacing: normal;
    text-align: center;
    color: #1a4669;
    padding: 20px 20px 0;
}

.secure-your-future-icons {
    padding-top: 40px;
}

.reward-of-zom-tokens {
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.88;
    letter-spacing: normal;
    text-align: center;
    color: #9ea8bb;
    padding: 0 2px;
}

.med-reps-sold-out-text-div {
    padding-bottom: 30px;
}

.med-reps-sold-out {
    font-family: SofiaPro;
    font-size: 42px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 50px;
    letter-spacing: normal;
    text-align: center;
    color: #00aeef;
}

.be-notified-when-any {
    font-family: SofiaPro;
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    text-align: center;
    color: #1a4669;
    text-transform: uppercase;
}

.why-zom {
    font-family: SofiaPro;
    font-size: 44px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.09;
    letter-spacing: normal;
    text-align: center;
    color: #1a4669;
}

.next-generation-cons {
    font-family: SofiaPro;
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #1a4669;
}

.zom-is-inspired-by-t {
    font-family: SofiaPro;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.82;
    letter-spacing: normal;
    color: #9ea8bb;
}

.zom-is-inspired-by-t .text-style-1 {
    color: #00aeef;
}

.zoms-mission-is-am {
    font-family: SofiaPro;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.8;
    letter-spacing: normal;
    color: #9ea8bb;
}

#whyzom {
    background-repeat: no-repeat !important;
    background-position: top center !important;
    /*background-size: 970px 510px !important;*/
    margin-top: 40px;
    height: 637px;
}

.zom-airdrop {
    font-family: SofiaPro;
    font-size: 70px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.02;
    letter-spacing: normal;
    text-align: center;
    color: #00aeef;
}

.zom-tokens {
    font-family: SofiaPro;
    font-size: 70px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    text-align: center;
    color: #fed711;
    padding: 0 250px;
}

.each-participant {
    font-family: SofiaPro;
    font-size: 38px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    text-align: center;
    color: #1a4669;
    padding: 0 218px;
}

#airdrop-section-1 {
    padding-top: 0;
}

.zom-airdrop-list-items {
    margin-left: 28px !important;
    margin-top: 0;
}

.zom-airdrop-list-items li {
    font-family: SofiaPro;
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: normal;
    color: #9ea8bb;
    padding-top: 5px;
    padding-bottom: 8px;
    padding-left: 10px;
}

.airdrop-list-items {
    margin-top: 50px;
}

#methods-for-participation {
    padding-top: 120px;
}

#zom_methods_box {
    margin-top: -478px;
    margin-bottom: 116px;
}

#zom_methods_box .box {
    background: #FFF;
    padding: 30px 25px;
    margin: 10px 0 10px 0;
    border-radius: 5px;
    box-shadow: 4px 9px 30px 0 rgba(72, 89, 125, 0.1);
    height: 450px;
}

.methods-for-participation-title {
    font-family: SofiaPro;
    font-size: 44px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.09;
    letter-spacing: normal;
    text-align: center;
    color: #1a4669;
}

.title-social {
    font-family: SofiaPro;
    font-size: 20px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.4;
    letter-spacing: normal;
    text-align: center;
    color: #00aeef;
}

.zom-social-text {
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.88;
    letter-spacing: normal;
    text-align: center;
    color: #9ea8bb;
}

.zom-social-link {
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.88;
    letter-spacing: normal;
    text-align: center;
    color: #00aeef;
    text-decoration: underline;
}

.zom-social-link:hover {
    color: #00aeef;
    text-decoration: underline;
}

.zom-social-eg {
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.88;
    letter-spacing: normal;
    text-align: center;
    color: #9ea8bb;
}

.step-by-step-title {
    font-family: SofiaPro;
    font-size: 44px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.09;
    letter-spacing: normal;
    text-align: center;
    color: #1a4669;
    margin-bottom: 46px;
}

.follow-these-steps {
    font-family: SofiaPro;
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #1a4669;
    padding-left: 10px;
}

#step-by-step .time-line:before {
    height: 85%;
}

#step-by-step .time-line-title a {
    color: #1a4669;
}

.bonus-zoms {
    font-family: SofiaPro;
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #1a4669;
    padding-left: 10px;
}

#zom-airdrop-form {
    padding-top: 40px;
    padding-bottom: 40px;
}

.zom-airdrop-card {
    border-radius: 4px;
    background-color: #ffffff;
    box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.07);
    margin-top: 60px;
}

.zom-airdrop-card .box {
    top: 0;
    left: 0;
    padding: 20px 30px;
    box-sizing: border-box;
    width: 100%;
}

.zom-airdrop-title {
    font-family: SofiaPro;
    font-size: 42px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.09;
    letter-spacing: normal;
    text-align: center;
    color: #00aeef;
    margin-bottom: 40px;
}

.airdrop-submitted {
    font-family: SofiaPro;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2em;
    letter-spacing: normal;
    color: #9ea8bb;
}

.already-have-med-rep {
    font-family: SofiaPro;
    font-size: 25px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #1A4669;
}

.already-have-med-rep a {
    text-decoration: underline;
    font-family: SofiaPro;
    font-size: 25px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #00aeef;
}

#med-rep-reg-form .logo {
    height: auto !important;
}

#med_rep_reg_section {
    margin-bottom: 40px;
}

.med-rep-background {
    /*background-size: 1240px 822px !important;*/
    background-size: cover !important;
    background-position: right top !important;
    background-repeat: no-repeat !important;
}

.med-rep-reg-success {
    font-family: SofiaPro;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1em;
    letter-spacing: normal;
    color: #9ea8bb;
}

.sub-content .push-tile {
    font-family: SofiaPro;
    font-size: 48px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.02;
    letter-spacing: normal;
    color: #24e270;
}

.sub-content .push {
    font-family: SofiaPro;
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.02;
    letter-spacing: normal;
    color: #24e270;
}

.sub-content .pop {
    font-family: SofiaPro;
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.02;
    letter-spacing: normal;
    color: #00aeef;
}

.sub-content .pop-tile {
    font-family: SofiaPro;
    font-size: 48px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.02;
    letter-spacing: normal;
    color: #00aeef;
}

.sub-content .dare {
    font-family: SofiaPro;
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.02;
    letter-spacing: normal;
    color: #ffcd1f;
}

.sub-content .dare-tile {
    font-family: SofiaPro;
    font-size: 48px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.02;
    letter-spacing: normal;
    color: #ffcd1f;
}

/*NEW HOME PAGE STYLESHEET*/

#home-menu li .join-now {
    width: 190px;
    height: 50px;
    font-family: "SofiaPro";
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.54;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    border-radius: 5px;
    box-shadow: 3px 5px 10px 0 rgba(0, 0, 0, 0.07);
    background-color: #00AEEF;
    padding-top: 13px !important;
}

.join-now img {
    padding-right: 10px;
    padding-bottom: 2px;
}

#main-nav .nav > li > .join-now:hover {
    text-decoration: none;
    color: #ffffff;
}

#home-menu li {
    text-align: center;
}

.only-on-google-play {
    color: #9EA8BB;
    font-family: "SofiaPro";
    font-size: 16px;
    line-height: 30px;
}

#home-menu.navbar-nav > .active > a, #home-menu.navbar-nav > .active > a:focus {
    background: #00AEEF !important;
}

#celebrate_yazom {
    margin-bottom: 60px;
}

.yazom {
    font-family: SofiaPro;
    font-size: 54px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.02;
    letter-spacing: normal;
    color: #1A4669;
    margin-bottom: 18px;
    margin-top: 12px;
    float: left;
    margin-left: 32px;
}

.celebrate_every_win {
    padding-left: 80px;
}

.celebrate_every_win img {
    float: left;
}

.celebrate_every_win_text {
    font-family: SofiaPro;
    font-weight: 600;
    font-size: 48px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.8;
    letter-spacing: normal;
    color: #00AEEF;
    margin-top: 16px;
    margin-left: 10px;
}

.celebrate_home_page.nav-active {
    background: transparent !important;
    box-shadow: none !important;
}

.see_the_world {
    font-family: SofiaPro;
    font-size: 23px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #9EA8BB;
    margin-left: 10px;
}

.its_as_simple {
    font-family: SofiaPro;
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.8;
    letter-spacing: normal;
    color: #9EA8BB;
    margin-left: 10px;
}

.push-pop-dare {
    margin-left: 28px !important;
    margin-top: 20px;
}

.push-pop-dare li {
    font-family: SofiaPro;
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: normal;
    color: #9EA8BB;
    padding-top: 0;
    padding-bottom: 18px;
    padding-left: 10px;
}

.push-pop-dare li span {
    padding-top: 4px;
}

.ol_list {
    margin-left: 30px;
}

.main-page-img-section {
    padding-right: 34px;
}

.mainPageImage {
    margin-top: 35px;
}

.google-play-badge img {
    margin-top: 40px;
}

#visit-yazom span {
    font-family: SofiaPro;
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: normal;
    color: #9EA8BB;
}

#visit-yazom span a {
    color: #00AEEF;
}

.yazom-invitation-card {
    border-radius: 40px;
    background-color: #ffffff;
    box-shadow: 0 0 20px 2px rgba(40, 6, 11, 0.07);
    margin-top: 80px;
    min-height: 410px;
}

.yazom-invitation-card .box {
    top: 0;
    left: 0;
    padding: 50px;
    box-sizing: border-box;
    width: 100%;
}

.yazom-invitation {
    font-family: SofiaPro;
    font-size: 48px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.09;
    letter-spacing: normal;
    text-align: center;
    color: #1A4669;
}

.get-exclusive-access {
    font-family: SofiaPro;
    font-size: 24px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #00AEEF;
    text-align: center;
    line-height: normal;
}

#invitation_from .input-group .email-input {
    width: 36%;
}

#invitation_from .input-group .username-input {
    width: 60%;
    margin-left: 10px;
}

#invitation_from .invitation-input {
    padding: 30px 18px;
    font-family: SofiaPro;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.44;
    letter-spacing: normal;
    color: #9EA8BB;
    border: 2px solid #f1f1f1;
    background-color: #fafcfd;
    border-radius: 6px;
}

#invitation_from .submit-btn {
    width: 140px;
    height: 64px;
    border-radius: 6px;
    background-color: #00AEEF;
    font-family: SofiaPro;
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
}

#invitation_from .invitation-section {
    margin-top: 50px;
}

.must-be-associated {
    font-family: SofiaPro;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2em;
    letter-spacing: normal;
    color: #9EA8BB;
    margin-left: 10px;
}

#yazomInvitation {
    background-repeat: no-repeat !important;
    background-position: top center !important;
    margin-top: 90px;
    margin-bottom: 90px;
    height: 610px;
}

.celebrate-every-win {
    color: #00AEEF;
}

.yazom-about-us-card {
    border-radius: 30px;
    background-color: #ffffff;
    box-shadow: 0 0 20px 2px rgba(40, 6, 11, 0.07);
    margin-top: 100px;
}

.yazom-about-us-card .box {
    top: 0;
    left: 0;
    padding: 64px 60px 70px 60px;
    box-sizing: border-box;
    width: 100%;
}

#locationSection .title {
    font-family: SofiaPro;
    font-size: 52px;
    font-weight: bolder;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.32;
    letter-spacing: normal;
    color: #1A4669;
    text-align: center;
    margin-bottom: 70px;
}

#locationSection {
    margin-top: 50px;
    margin-bottom: 60px;
}

#map .si-content-wrapper {
    padding: 12px !important;
}

#map #bodyContent {
    text-align: center;
}

#map #bodyContent h3 {
    font-family: SofiaPro;
    color: #1A4669;
    font-weight: bold;
    font-size: 18px;
    margin-top: 0;
}

#map .gm-ui-hover-effect {
    display: none !important;
}

#google_map .si-content-wrapper {
    padding: 12px !important;
}

#google_map #bodyContent {
    text-align: center;
}

#google_map #bodyContent h3 {
    font-family: SofiaPro;
    color: #1A4669;
    font-weight: bold;
    font-size: 18px;
    margin-top: 0;
}

#google_map .gm-ui-hover-effect {
    display: none !important;
}

.details-submitted-div {
    margin-left: 10px;
}

.details-submitted {
    font-family: SofiaPro;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #9EA8BB;
}

#aboutUs {
    background-repeat: no-repeat !important;
    background-position: top center !important;
    margin-top: 90px;
    margin-bottom: 90px;
    height: 610px;
}

.top_about_background {
    background-size: 660px 256px !important;
    background-repeat: no-repeat !important;
    background-position: 0 -12px !important;
}

.yazom-brand {
    display: none;
}

.celebrate-mobile-img {
    display: none;
}

.google-play-badge {
    padding-left: 0;
}

#invitation_from .invitation-btn-mob {
    display: none;
}

.show-bottom-mobile {
    display: none;
}

/*POST TARGET PAGE #YAZOM */
.yazom-body {
    background-image: url('../../assets/yazom/target-page/yazom-background.png');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    display: block;
    padding: 0;
    overflow-x: hidden;
}

#yazom-hashtag .hashtag-yazom h1 {
    font-family: SofiaPro;
    font-size: 62px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.02;
    letter-spacing: normal;
    color: #1A4669;
    margin-top: -80px;
}

#yazom-hashtag .hashtag-yazom p {
    font-family: SofiaPro;
    font-size: 22px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #9EA8BB;
    margin-top: 25px;
}

#yazom-hashtag .yazom-all-targets-img {
    margin-top: 95px;
}

#trending-targets {
    margin-top: 150px;
}

#trending-targets .trending-targets-title {
    font-family: SofiaPro;
    font-style: normal;
    font-weight: 600;
    font-size: 62px;
    line-height: 87px;
    text-align: center;
    color: #1A4669;
}

#trending-targets .trending-targets-sub-text {
    font-family: SofiaPro;
    font-style: normal;
    font-weight: normal;
    font-size: 23px;
    line-height: 31px;
    text-align: center;
    letter-spacing: -0.01em;
    color: #9EA8BB;
    margin-top: 22px;
}

#trending-targets .trending-targets-sub-text img {
    margin-top: -4px;
}

#trending-targets .trending-target-bg {
    background-repeat: no-repeat !important;
    min-height: 540px;
    background-position: center center !important;
    background-size: contain !important;
    margin-top: 60px;
    margin-bottom: 80px;
}

#trending-targets .trending-target {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.trending-target .target-box {
    padding: 25px;
    text-align: center;
    transition: 0.3s;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 6px 11px 40px rgba(72, 89, 125, 0.16995);
    border-radius: 15px;
    margin-top: 42px;
    z-index: 100;
}

.target-box .title-box {
    min-height: 200px;
    border-radius: 15px 15px 68px 68px;
    text-align: center;
    line-height: 156px;
    padding: 1rem 1rem;
}

.target-box .title-box h1 {
    font-family: SofiaPro;
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    color: #FFFFFF;
    line-height: 1.1;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    word-break: break-all;
}

.target-box.active {
    width: 380px;
    height: 465px;
    background: #FFFFFF;
    box-shadow: 6px 11px 40px rgba(72, 89, 125, 0.16995);
    border-radius: 15px;
    margin-top: 20px;
    z-index: 1001;
}

.target-box .target-body {
    margin-top: 10px;
}

.target-box .target-body h4 {
    font-family: SofiaPro;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 35px;
    color: #1A4669;
    margin-top: 25px;
}

.target-box .target-body h3 {
    font-family: SofiaPro;
    font-style: normal;
    font-weight: 600;
    font-size: 26px;
    line-height: 35px;
    color: #1A4669;
    margin-top: 10px;
    margin-bottom: 10px;
}

.target-body .dare-target {
    text-align: center;
    margin: 18px 0;
}

.target-body .dare-target img {
    margin-top: -6px;
    width: 24px;
}

.dare-img:hover {
    margin-top: -6px !important;
    content: url('../../assets/yazom/target-page/dare-hover.svg');
    width: 28px !important;
}

.target-body .dare-target .dare-count {
    font-family: "Gotham Rounded";
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    line-height: 118.2%;
    letter-spacing: -0.02em;
    color: #1A4669;
    padding-left: 8px;
}

.start-challenge-title {
    font-family: SofiaPro;
    font-style: normal;
    font-weight: 600;
    font-size: 62px;
    line-height: 87px;
    text-align: center;
    color: #1A4669;
}

.start-challenge-sub-text {
    font-family: SofiaPro;
    font-style: normal;
    font-weight: normal;
    font-size: 23px;
    line-height: 31px;
    text-align: center;
    letter-spacing: -0.01em;
    color: #9EA8BB;
    margin-top: 22px;
}

/* Container holding the image and the text */
#screen .mobile-screen {
    position: relative;
    text-align: center;
    color: #FFFFFF;
    padding: 85px 120px;
}

/* Centered text */
#screen .text {
    position: absolute;
    top: 44%;
    left: 58%;
    transform: translate(-50%, -50%);
    font-family: SofiaPro;
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 99.7%;
    text-align: center;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    padding: 0 40px;
    word-break: break-all;
}

#screen .sub-text {
    position: absolute;
    top: 70%;
    left: 58%;
    transform: translate(-50%, -50%);
    font-family: SofiaPro;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    opacity: 0.4;
    padding: 0 30px;
    margin-top: 8px;
}

.target-right {
    height: 690px;
    width: 450px;
    float: none;
    display: table-cell;
    vertical-align: middle;
    padding-left: 50px;
}

.target-right .target-title {
    font-family: SofiaPro;
    font-style: normal;
    font-weight: normal;
    font-size: 30px;
    line-height: 41px;
    text-transform: uppercase;
    color: #1A4669;
    mix-blend-mode: normal;
}

.target-right .input-div, .target-right .tools-div {
    padding: 16px 0 0 0;
}

.target-right .post-target-input {
    font-family: SofiaPro;
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 38px;
    color: #979797;
    border: 0;
    padding: 7px 0;
    border-bottom: 2px solid #1A4669;
    width: 100%;
    box-sizing: border-box;
    letter-spacing: 1px;
}

:focus {
    outline: none;
}

.target-right .post-target-input ~ .focus-border {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background-color: #3399FF;
    transition: 0.4s;
}

.target-right .post-target-input:focus ~ .focus-border {
    width: 100%;
    transition: 0.4s;
    left: 0;
}

.target-right .color-box {
    width: 38px;
    height: 38px;
    background: linear-gradient(90deg, #CB2D3E 30.06%, #EF473A 69.08%);
    border: 7px solid #E5EBF8;
    box-sizing: border-box;
    border-radius: 5px;
    cursor: pointer;
}

.target-right .color-brush {
    padding: 8px 10px;
    cursor: pointer;
}

.target-right .emoji-img {
    padding: 8px 10px;
    cursor: pointer;
}

.target-right .submit-btn {
    float: right;
    padding: 0;
    cursor: pointer;
}

.trending-target .owl-carousel .owl-item .dare-img {
    width: 28px;
    display: inline-block;
}

.trending-target .custom-nav {
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
}

.trending-target .owl-prev,
.trending-target .owl-next {
    position: absolute;
    height: 100px;
    color: inherit;
    background: none;
    border: none;
    z-index: 100;
}

.trending-target .owl-prev {
    left: -78px;
    top: 70px;
}

.trending-target .owl-next {
    right: -78px;
    top: 70px;
}

.trending-target .owl-prev img:hover {
    content: url('../../assets/yazom/target-page/go-left-hover.svg');
    width: 60px !important;
}

.trending-target .owl-next img:hover {
    content: url('../../assets/yazom/target-page/go-right-hover.svg');
    width: 60px !important;
}

.emoji-button #emoji-img:hover {
    content: url('../../assets/yazom/target-page/emoji-hover.png');
    width: 34px !important;
}

.tools-div .color-brush img:hover {
    content: url('../../assets/yazom/target-page/color-brush-hover.png');
    width: 21px !important;
}

.tools-div .submit-btn img:hover {
    content: url('../../assets/yazom/target-page/submit-hover.png');
    width: 60px !important;
}

.trending-target .owl-theme .owl-nav [class*=owl-] {
    background: transparent;
}

.trending-target .owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
}

.trending-target .owl-item > div {
    cursor: pointer;
    margin: 0;
    transition: margin 0.4s ease;
}

.trending-target .owl-item.center > div {
    cursor: auto;
    margin: 0 0;
}

.trending-target .owl-stage-outer {
    overflow: visible !important;
}

.trending-target .owl-item {
    opacity: 0 !important;
    transition: opacity !important;
}

.trending-target .owl-item.active {
    opacity: 1 !important;
}

.trending-target .owl-item.center {
    /*width: 380px;*/
    /*height: 465px;*/
    /*background: #FFFFFF;*/
    /*box-shadow: 6px 11px 40px rgba(72, 89, 125, 0.16995);*/
    /*border-radius: 15px;*/
    /*margin-top: 20px;*/
    z-index: 2;
}

.emoji-picker .nav-tabs,
.emoji-picker .nav-tabs > li > a {
    margin: 0;
}

.emoji-picker .nav > li > a {
    padding: 0;
}

.emoji-picker .tab-content > .tab-pane {
    display: grid;
}

.input-div .emoji-button {
    position: relative;
    top: 114px;
    left: 92px;
    z-index: 10002;
}

.trending-target .owl-carousel .item {
    opacity: 1;
    text-align: center;
    padding: 0;
    margin-bottom: 80px;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.trending-target .owl-item.active.center .item {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

#yazom-targets {
    margin-top: 40px;
}

#yazom-targets .owl-dots {
    text-align: center;
    padding-top: 20px;
}

#yazom-targets .owl-dots button.owl-dot {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
    background-color: #E0E0E0;
    margin: 0 3px;
}

#yazom-targets .owl-dots button.owl-dot.active {
    background-color: #00AEEF;
}

#yazom-targets .owl-dots button.owl-dot:focus {
    outline: none;
}

/*COMPETITIONS PAGE CSS*/
.competition-body {
    width: 100%;
    height: 100%;
    padding: 0;
}

#yazom-competition .competition h1 {
    font-family: SofiaPro;
    font-style: normal;
    font-weight: bold;
    font-size: 62px;
    line-height: 87px;
    text-align: center;
    color: #1A4669;
    margin-top: -60px;
    margin-bottom: 0;
}

#yazom-competition .competition p {
    font-family: SofiaPro;
    font-style: normal;
    font-weight: normal;
    font-size: 26px;
    line-height: 31px;
    text-align: center;
    letter-spacing: -0.01em;
    color: #9EA8BB;
}

#YazomItCompetition {
    padding-left: 0;
    padding-right: 0;
    margin-top: 60px;
    margin-bottom: 30px;
    min-height: 610px;
}

#YazomItCompetition .comp-main {
    position: relative;
    display: inline-block;
    width: 100%;
}

#YazomItCompetition .comp-main .main-bg-img {
    display: block;
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

#YazomItCompetition .comp-main .comp-box-main {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}

.yazom-competition-card {
    border-radius: 6px;
    background-color: #ffffff;
    box-shadow: 0 0 20px 2px rgba(40, 6, 11, 0.07);
    margin-top: 80px;
    min-height: 410px;
}

.yazom-competition-card .box {
    top: 0;
    left: 0;
    padding: 60px 100px 85px 100px;
    box-sizing: border-box;
    width: 100%;
}

.gaming-tournament-title {
    font-family: SofiaPro;
    font-style: normal;
    font-weight: bold;
    font-size: 48px;
    line-height: 48px;
    text-align: center;
    color: #00AEEF;
}

.yazom-competition-card .target {
    text-align: center;
}

.target img {
    margin-top: 30px;
    margin-bottom: 20px;
    display: inline;
}

.instructions h3 {
    font-family: SofiaPro;
    font-style: normal;
    font-weight: 600;
    font-size: 23px;
    line-height: 32px;
    text-align: left;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    color: #1A4669;
}

.instructions p {
    font-family: SofiaPro;
    font-style: normal;
    font-weight: normal;
    font-size: 23px;
    line-height: 31px;
    letter-spacing: -0.01em;
    color: #9EA8BB;
    margin-bottom: 30px;
}

.winner-prize h3 {
    font-family: SofiaPro;
    font-style: normal;
    font-weight: 600;
    font-size: 23px;
    line-height: 32px;
    text-align: left;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    color: #1A4669;
}

.winner-prize p {
    font-family: SofiaPro;
    font-style: normal;
    font-weight: bold;
    font-size: 23px;
    line-height: 33px;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    color: #00AEEF;
    margin-bottom: 30px;
}

.competition-duration h3 {
    font-family: SofiaPro;
    font-style: normal;
    font-weight: 600;
    font-size: 23px;
    line-height: 32px;
    text-align: left;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    color: #1A4669;
}

.competition-duration p {
    font-family: SofiaPro;
    font-style: normal;
    font-weight: bold;
    font-size: 23px;
    line-height: 33px;
    letter-spacing: -0.01em;
    color: #9EA8BB;
    margin-bottom: 30px;
}

.rules h3 {
    font-family: SofiaPro;
    font-style: normal;
    font-weight: 600;
    font-size: 23px;
    line-height: 32px;
    text-align: left;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    color: #1A4669;
}

.rules p {
    font-family: SofiaPro;
    font-style: normal;
    font-weight: normal;
    font-size: 23px;
    line-height: 31px;
    letter-spacing: -0.01em;
    color: #9EA8BB;
    margin-bottom: 30px;
}

.competition-end h3 {
    font-family: SofiaPro;
    font-style: normal;
    font-weight: 600;
    font-size: 23px;
    line-height: 32px;
    letter-spacing: -0.01em;
    text-align: center;
    text-transform: uppercase;
    color: #1A4669;
    margin-top: 40px;
}

.competition-end .duration {
    text-align: center;
}

.competition-end ul {
    padding: 0;
}

.competition-end .duration .soon-group {
    padding: 0 1em;
}

.competition-end .duration .soon-text {
    font-family: SofiaPro;
    font-style: normal;
    font-weight: bold;
    font-size: 48px;
    line-height: 68px;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    color: #00AEEF;
}

.competition-end .duration .soon-label {
    font-family: SofiaPro;
    font-style: normal;
    font-weight: normal;
    font-size: 23px !important;
    line-height: 31px;
    text-transform: uppercase;
    letter-spacing: -0.01em;
    color: #9EA8BB;
    text-align: center;
}

.enter-now-btn {
    font-family: SofiaPro;
    font-style: normal;
    font-weight: 900;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    color: #F2F2F2;
    background: #00AEEF;
    box-shadow: 5px 7px 10px rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    position: relative;
    height: 66px;
    margin-top: 30px;
}

.enter-now-btn:hover {
    color: #F2F2F2;
}

.comp-box-main .green-tree {
    position: relative;
    top: -336px;
    bottom: 0;
    left: 76px;
    right: 0;
}

.comp-box-main .yellow-tree {
    position: relative;
    left: -42px;
    right: 0;
    top: -338px;
    bottom: 0;
    float: right;
}

.email-us-at h4 {
    font-family: SofiaPro;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 38px;
    text-align: center;
    letter-spacing: -0.01em;
    color: #9EA8BB;
}

.email-us-at a {
    color: #00AEEF;
}

#login-menu li .join-now {
    width: 190px;
    height: 50px;
    font-family: "SofiaPro";
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.54;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    border-radius: 5px;
    box-shadow: 3px 5px 10px 0 rgba(0, 0, 0, 0.07);
    background-color: #00AEEF;
    padding-top: 13px !important;
}

#login-menu li.join-now {
    text-align: center;
}

/*ENDORSE PAGE CSS*/

.endorsed-body {
    padding-top: 0;
}

.endorsed-body #main-nav.nav-active {
    background: transparent;
    box-shadow: none;
}

.endorsed-body #main-nav .navbar-brand {
    padding: 6px 22px 0 50px;
}

#endorsed {
    padding-top: 0;
    padding-bottom: 0;
}

.yazom-endorse {
    padding-top: 70px;
    padding-left: 136px;
}

.yazom-endorse-hashtag {
    font-family: SofiaPro;
    font-style: normal;
    font-weight: 700;
    font-size: 58px;
    line-height: 86px;
    color: #1A4669;
}

.yazom-endorse .endorse-content {
    font-family: SofiaPro;
    font-style: normal;
    font-weight: normal;
    font-size: 23px;
    line-height: 150%;
    letter-spacing: -0.01em;
    color: #9EA8BB;
}

.endorse-content .celebrate-every-win {
    color: #00AEEF;
}

.endorse-img-section {
    padding-right: 34px
}

#endorsed-yazom {
}

#endorsed-yazom .endorsed-by-yazom h1 {
    font-family: SofiaPro;
    font-style: normal;
    font-weight: bold;
    font-size: 62px;
    line-height: 87px;
    text-align: center;
    color: #1A4669;
    margin-top: 80px;
}

#endorsed-yazom .endorsed-by-yazom p {
    font-family: SofiaPro;
    font-style: normal;
    font-weight: normal;
    font-size: 23px;
    line-height: 31px;
    text-align: center;
    letter-spacing: -0.01em;
    color: #9EA8BB;
    margin-top: 20px;
    margin-bottom: 30px;
    padding: 0 62px;
}

#YazomEndorsement {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 30px;
    min-height: 610px;
}

#YazomEndorsement .comp-main {
    position: relative;
    display: inline-block;
    width: 100%;
}

#YazomEndorsement .comp-main .comp-box-main {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}

#YazomEndorsement .comp-main .main-bg-img {
    display: block;
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.yazom-endorsement-card {
    border-radius: 6px;
    background-color: #ffffff;
    box-shadow: 0 0 20px 2px rgba(40, 6, 11, 0.07);
    margin-top: 80px;
    min-height: 410px;
}

.yazom-endorsement-card .box {
    top: 0;
    left: 0;
    padding: 50px 60px;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
}

.endorsement-title {
    font-family: SofiaPro;
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 39px;
    letter-spacing: -0.01em;
    color: #1A4669;
}

#endorsement-form .submit-btn {
    height: 54px;
    min-width: 100px;
    float: right;
    border-radius: 4px;
    box-shadow: 5px 7px 10px 0 rgba(0, 0, 0, 0.1);
    background: #00AEEF;
    font-family: SofiaPro;
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #FFFFFF;
    text-transform: uppercase;
}

#endorsement-form .yazom-input {
    font-family: SofiaPro;
    font-style: normal;
    font-weight: normal;
    font-size: 19px;
    line-height: 20px;
    color: #9EA8BB;
}

#endorsement-form .details-submitted {
    float: left;
}

.endorse-star-blue h1,
.endorse-star-gold h1 {
    font-family: SofiaPro;
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 45px;
    text-align: center;
    letter-spacing: -0.01em;
    color: #1A4669;
}

.endorse-star-blue p,
.endorse-star-gold p {
    font-family: SofiaPro;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 31px;
    text-align: center;
    letter-spacing: -0.01em;
    color: #9EA8BB;
}

.endorse-star-blue span,
.endorse-star-gold span {
    font-family: SofiaPro;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    color: #1A4669;
}

.transformational-challenge h1 {
    font-family: SofiaPro;
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 45px;
    text-align: center;
    letter-spacing: -0.01em;
    color: #1A4669;
    margin-top: 70px;
}

.transformational-challenge p {
    font-family: SofiaPro;
    font-style: normal;
    font-weight: normal;
    font-size: 23px;
    line-height: 31px;
    text-align: center;
    letter-spacing: -0.01em;
    color: #9EA8BB;
    padding: 0 100px;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {

    body {
        font-family: "Helvetica Neue", Helvetica, "Noto Sans", sans-serif, Arial, sans-serif;
        font-size: 16px;
        line-height: 1.42857143;
        color: #949494;
        background-color: #ffffff !important;
        margin-bottom: 0 !important;
        padding-top: 88px;
    }

    .header_oval {
        background-position: left top !important;
    }

    .resources-img {
        margin-bottom: 30px;
        margin-top: 10px;
    }

    #resources {
        padding-top: 30px;
        margin-bottom: 30px;
    }

    #main-nav .container-fluid {
        padding-left: 0px;
        padding-right: 0px;
    }

    #main-nav .navbar-brand img {
        width: 100px;
    }

    #main-nav {
        padding: 0;
        background: #ffffff;
        box-shadow: rgba(72, 89, 125, 0.17) 4px 9px 40px 0;
    }

    #main-nav .navbar-brand {
        padding: 10px 0 12px 20px;
    }

    .i-need-a-doctor {
        width: 110px !important;
        font-size: 10px;
    }

    .i-need-a-pharmacy {
        width: 110px !important;
        font-size: 10px;
    }

    .yazom-it {
        width: 110px !important;
        font-size: 10px;
    }

    .pricing-eleven {
        border-radius: 5px;
        background-color: #ffffff;
        box-shadow: 6px 11px 40px 0 rgba(72, 89, 125, 0.17);
        opacity: 1;
        border: 0;
        margin-top: -18px;
        margin-bottom: 30px;
    }

    .health_care {
        padding-top: 0;
        padding-left: 15px;
    }

    .health-care-unlocked {
        font-size: 60px;
    }

    .health-care-img-section {
        padding-right: 15px;
    }

    .healthCareBackground {
        background-repeat: no-repeat !important;
        background-position: right !important;
        background-size: contain !important;
        min-height: 30rem;
        margin-top: 60px;
    }

    .search_section_background {
        background-repeat: no-repeat !important;
        background-position: center 180px !important;
        background-size: 1024px !important;
        padding-bottom: 0px;
    }

    .zom_section_background {
        background-repeat: no-repeat !important;
        background-position: center 180px !important;
        background-size: 1024px !important;
        padding-bottom: 0px;
    }

    #about {
        padding-top: 0px;
        height: 600px;
        margin-top: 0px;
        margin-bottom: 70px;
    }

    #address {
        margin-bottom: 0px;
    }

    #footer_menu {
        padding-top: 30px;
        padding-bottom: 0px;
    }

    #what_we_do_img {
        padding-top: 0;
    }

    #overview2 {
        padding-top: 30px;
    }

    #notified-section {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    #zom-airdrop-form {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .services-section {
        padding-bottom: 30px;
        padding-top: 36px;
    }

    #foundation {
        padding-top: 60px;
    }

    #getyazomnow {
        padding-top: 60px;
    }

    #zom-section-1 {
        padding-top: 30px;
    }

    #airdrop-section-1 {
        padding-top: 30px;
    }

    #footer_menu .footer_menu, #footer_menu .footer_menu_social {
        text-align: center;
        padding-top: 10px;
        margin: 20px 0 20px 0;
    }

    #footer_menu .extra_margin_top {
        margin: 40px 0 20px 0;
    }

    #footer_menu .footer_menu_social ul {
        padding-right: 0;
    }

    #footer_menu .navbar-brand img {
        margin-top: 30px;
    }

    .foundation {
        padding-bottom: 18px;
    }

    .yazom-foundation-con {
        padding-bottom: 24px;
    }

    .events, .non-profits, .partnerships {
        line-height: 2.4;
    }

    .rewards {
        line-height: 2.5;
    }

    .responsible-for-spon, .occasionally-we-prov, .we-donate-and-prepar {
        margin-bottom: 28px;
    }

    .what-we-do {
        margin: 38px 0;
    }

    .resources {
        margin-bottom: 30px;
    }

    .pricing-eleven.activated {
        height: auto;
    }

    .address-section .item {
        margin-bottom: 12px;
    }

    #sign-in-form #year {
        width: 72px;
    }

    #login-menu li {
        margin-bottom: 10px;
    }

    .we-want-to-hear-from {
        margin-top: 0;
    }

    #error_contain {
        padding-top: 0;
        padding-left: 15px;
    }

    .error404Image {
        margin-top: 25px;
    }

    .new_look_img {
        margin-top: 0;
    }

    .pricing-eleven ul {
        list-style: none;
        text-align: left;
        padding: 0 35px 0 37px;
    }

    #my-welcome-message {
        width: 96%;
        left: 8px;
    }

    .own-a-med-rep-and-he {
        font-size: 18px;
    }

    #registration-success .message1 {
        font-size: 24px;
    }

    #registration-success .message2 {
        font-size: 14px;
    }

    .foundation-card {
        margin-top: -22px;
    }

    #foundation img {
        padding-top: 10px;
    }

    .event {
        padding-left: 0;
    }

    .partnership {
        padding-left: 0;
    }

    .foundation-card {
        padding: 20px 20px 20px 20px;
    }

    .profile .profile-icon {
        position: absolute;
        top: 86px;
        bottom: 0;
        left: 110px;
        right: 0;
    }

    #getyazomnow .yazom-details {
        margin-bottom: 134px;
    }

    #getyazomnow .yazom-mobile {
        margin-top: -285px;
    }

    #getyazomnow .sub-content .sub-content-box {
        padding: 20px 0;
    }

    #getyazomnow .sub-content {
        padding: 30px 0;
    }

    #notified_from .notify-me {
        width: 110px;
    }

    #notified-section .be-notified-when-yaz {
        font-size: 32px;
    }

    .care_details {
        padding-top: 175px;
        padding-left: 18px;
    }

    .careImage {
        margin-right: 0;
        margin-top: 30px;
    }

    #professional {
        padding-top: 80px;
        padding-bottom: 26px;
    }

    .people-have-joined-t {
        padding: 0;
    }

    .how-zom-works-btn {
        margin: 12px 20px;
    }

    .why-zom-btn {
        margin: 12px 20px;
    }

    #how-zom-works {
        padding-top: 45px;
    }

    .zoom-is-cryptocurrenc {
        padding: 0;
    }

    .how-zom-works-card img {
        padding-top: 12px;
    }

    #zom_editions_box {
        margin-top: -160px;
        margin-bottom: 60px;
    }

    #zom_methods_box {
        margin-top: -160px;
        margin-bottom: 60px;
    }

    .secure-your-future-icons {
        padding-top: 0;
    }

    #zom-will-be-introduced {
        padding-top: 70px;
    }

    .zom-will-be-introduced {
        font-size: 34px;
    }

    #zom_editions_box .box {
        height: 380px;
    }

    .secure-your-future-title {
        font-size: 34px;
    }

    .this-is-our-way-of-e {
        padding: 0;
    }

    #zom-gold-edition-section {
        padding-top: 50px;
    }

    #gold_edition_offer_img {
        padding-top: 30px;
        padding-bottom: 22px;
    }

    #gold_edition_offerings .time-line li {
        padding: 0 0 18px 0;
    }

    .people-have-joined-t {
        font-size: 30px;
    }

    .zom-is-yozoms-promi {
        padding: 0;
    }

    .earning-via-staki {
        padding: 0;
        font-size: 18px;
    }

    .reward-of-zom-tokens {
        padding: 0;
    }

    #secure-your-future {
        padding-bottom: 25px;
        padding-top: 18px;
    }

    .med-reps-sold-out {
        font-size: 32px;
    }

    .next-generation-cons {
        font-size: 18px;
    }

    #whyzom {
        height: auto;
    }

    .yazom-card {
        margin-top: 24px;
    }

    .time-line-title {
        font-size: 14px;
    }

    .zom-airdrop {
        font-size: 58px;
    }

    .zom-tokens {
        font-size: 58px;
        padding: 0 0;
    }

    .each-participant {
        padding: 0 0;
    }

    #methods-for-participation {
        padding-top: 60px;
    }

    .methods-for-participation-title {
        margin-bottom: 40px;
    }

    #invite_friends_box {
        margin-top: -214px;
        margin-bottom: 0;
    }

    #invite_friends_box_section {
        padding-bottom: 30px;
    }

    #invite_friends_box .box {
        height: auto;
    }

    #email_service span {
        display: block;
        padding-bottom: 15px;
    }

    #email_service {
        padding-top: 20px;
    }

    #invite_friend_zom .continue {
        width: 90px;
        padding: 6px;
    }

    #invite_friend_zom .discover-input {
        padding: 6px 14px;
    }

    /*NEW HOME PAGE STYLESHEET*/
    .celebrate_every_win {
        padding-left: 15px;
    }

    .yazom-invitation-card .box {
        padding: 22px;
    }

    #invitation_from .invitation-btn-web .submit-btn {
        width: 96px;
    }

    #invitation_from .invitation-btn-mob .submit-btn {
        width: 100%;
        margin-top: 24px;
    }

    #yazomInvitation {
        margin-bottom: 0;
        margin-top: 0;
        height: auto;
        background-size: 100px !important;
        background-position: center center !important;
    }

    .celebrate_every_win_text {
        font-size: 32px;
        margin-top: 10px;
        margin-left: 14px;
    }

    .mainPageImage {
        margin-top: 150px;
    }

    #home-menu li {
        padding: 0 15px;
    }

    #home-menu li .join-now {
        width: auto;
    }

    #aboutUs {
        margin-top: 0;
        margin-bottom: 0;
        height: auto;
        background-size: 100px !important;
        background-position: center center !important;
    }

    .yazom-about-us-card .box {
        padding: 40px;
    }

    #locationSection {
        margin-bottom: 0;
    }

    .yazom-logo {
        display: none;
    }

    .yazom-brand {
        display: block;
        padding: 10px 0 12px 20px !important;
    }

    .yazom-brand img {
        float: left;
        width: 58px !important;
    }

    .yazom-brand .yazom {
        margin: 6px 20px;
        font-size: 40px;
    }

    #main-nav.celebrate_home_page {
        box-shadow: rgba(72, 89, 125, 0.17) 4px 0 6px 0;
    }

    .celebrate-mobile-img {
        display: block;
        margin: 24px 0 40px 0;
    }

    .main-page-img-section {
        display: none;
    }

    .push-pop-dare li {
        padding-bottom: 25px;
    }

    .google-play-badge {
        text-align: center;
    }

    .google-play-badge img {
        float: none;
    }

    .yazom-invitation {
        font-size: 44px;
    }

    .must-be-associated {
        margin-left: 0;
        line-height: normal;
    }

    #invitation_from .input-group {
        display: block;
    }

    #invitation_from .invitation-btn-mob {
        display: block;
    }

    #invitation_from .invitation-btn-web {
        display: none;
    }

    #locationSection .title {
        font-size: 42px;
        margin-bottom: 36px;
    }

    .about-us {
        font-size: 48px;
    }

    .hide-top-mobile {
        display: none;
    }

    .show-bottom-mobile {
        display: block;
        margin: 20px 0 20px 0;
    }

    #invitation_from .input-group .email-input {
        width: 100%;
    }

    #invitation_from .input-group .username-input {
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    #invitation_from .invitation-input {
        padding: 30px 8px;
        font-size: 16px;
    }

    #celebrate_yazom {
        margin-bottom: 0;
    }

    /*TARGET POST PAGE CSS*/
    #yazom-hashtag .hashtag-yazom h1 {
        margin-top: 20px;
    }

    #yazom-hashtag .hashtag-yazom p {
        margin-top: 35px;
        padding: 0 20px;
    }

    .yazom-body {
        background: none;
    }

    #trending-targets {
        margin-top: 40px;
    }

    #trending-targets .trending-targets-title {
        font-size: 44px;
    }

    #trending-targets .trending-targets-sub-text {
        margin-top: 0;
        padding: 0 20px;
    }

    #trending-targets .trending-target-bg {
        margin-top: 0;
        margin-bottom: 0;
    }

    .trending-target .owl-next {
        right: 0;
        top: 258px;
    }

    .trending-target .owl-prev {
        left: 0;
        top: 258px;
    }

    #screen .mobile-screen {
        padding: 48px 0 0 0;
    }

    #screen .mobile-screen img {
        width: 375px;
    }

    #screen .text {
        top: 50%;
        left: 49%;
        font-size: 22px;
    }

    #screen .sub-text {
        top: 75%;
        left: 49%;
        padding: 0;
        opacity: 0.6;
        font-size: 12px;
    }

    .target-right {
        height: 100%;
        width: 380px;
        float: none;
        display: table-cell;
        vertical-align: middle;
        padding: 40px 15px 20px 15px;
    }

    .start-challenge-title {
        font-size: 40px;
    }

    .start-challenge-sub-text {
        font-size: 24px;
        margin-top: 14px;
        padding: 0 26px;
    }

    .target-page {
        overflow-x: hidden;
    }

    #yazom-competition .competition h1 {
        font-size: 36px;
        line-height: 100%;
        margin-top: 35px;
    }

    #yazom-competition .competition p {
        line-height: 30px;
        margin-top: 30px;
    }

    #YazomItCompetition {
        margin-top: 0;
    }

    #YazomItCompetition .comp-main .comp-box-main {
        position: relative;
    }

    .yazom-competition-card {
        border-radius: 30px;
    }

    .yazom-competition-card .box {
        padding: 40px 10px;
    }

    .box .gaming-tournament-title {
        font-weight: bold;
        font-size: 40px;
        line-height: 100%
    }

    .rules p {
        font-size: 22px;
    }

    .email-us-at h4 {
        font-size: 16px;
        line-height: 22px;
    }

    #login-menu li.join-now {
        text-align: left;
    }

    /*ENDORSE PAGE CSS*/
    .endorsed-body {
        background: none !important;
    }

    .yazom-endorse {
        padding-top: 0;
        padding-left: 30px;
    }

    .yazom-endorse-hashtag {
        font-size: 40px;
        line-height: 51px;
        margin-top: 50px;
        margin-bottom: 30px;
        text-align: center;
    }

    .endorse-img-section {
        padding-left: 30px;
        padding-right: 30px;
    }

    .yazom-endorse .endorse-content {
        margin-top: 30px;
        line-height: 30px;
    }

    #endorsed-yazom .endorsed-by-yazom h1 {
        font-weight: 700;
        font-size: 34px;
        line-height: 51px;
        margin-top: 40px;
    }

    #endorsed-yazom .endorsed-by-yazom p {
        padding: 0;
        margin-bottom: 0;
    }

    .yazom-endorsement-card {
        margin-top: 50px;
        border-radius: 32px;
    }

    .yazom-endorsement-card .box {
        padding: 40px 20px;
    }

    #YazomEndorsement {
        margin-bottom: 0;
    }

    #YazomEndorsement .comp-main .main-bg-img {
        margin-top: 480px;
    }

    .endorse-star-blue h1, .endorse-star-gold h1 {
        margin-top: 50px;
    }

    .transformational-challenge p {
        padding: 0;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    #endorsement-form .submit-btn {
        height: 70px;
        width: 100%;
        float: none;
    }

    .success-msg-mobile span {
        float: none !important;
    }

}

/* Iphone 5/SE/Moto-G4/Galaxy S5/----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 640px) {

    #screen .mobile-screen img {
        width: 300px;
    }

    #screen .text {
        left: 51%;
        font-size: 18px;
    }

    #screen .sub-text {
        left: 51%;
        font-size: 10px;
    }

    .target-right .target-title {
        font-size: 22px;
    }

    .target-right .post-target-input {
        font-size: 22px;
    }

    .start-challenge-title {
        font-size: 30px;
    }

    #trending-targets .trending-targets-title {
        font-size: 34px;
    }

    #yazom-hashtag .hashtag-yazom h1 {
        font-size: 50px;
    }

    .emoji-picker {
        top: 392% !important;
        left: 46px !important;
    }

}

/* Iphone 6/7/8 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {

    #screen .mobile-screen img {
        width: 350px;
    }

    #screen .sub-text {
        left: 50%;
        font-size: 11px;
    }

    #screen .text {
        left: 50%;
    }

    .target-right .target-title {
        font-size: 28px;
    }

    .emoji-picker {
        top: 382% !important;
        left: 45px !important;
    }

}

/* Iphone 6/7/8 Plus----------- */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) {

    #screen .mobile-screen img {
        width: 380px;
    }

    #screen .text {
        left: 49%;
    }

    #screen .sub-text {
        left: 49%;
    }

    .emoji-picker {
        top: 357% !important;
        left: 45px !important;
    }

}

/* (1920x1080) Full HD Display */
@media only screen and (min-width: 1520px) and (max-width: 2652px) {

    #screen .text {
        left: 52%;
    }

    #screen .sub-text {
        left: 52%;
    }

}