/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
.slot-availability{
    margin:2px; 
    flex: 1;
    text-align:center
}
.slot-availability-content{
    display: flex; 
    justify-content: space-between; 
    flex-wrap: wrap;
}
audio,
canvas,
progress,
video {
    display: inline-block
}

progress,
sub,
sup {
    vertical-align: baseline
}

button,
hr,
input {
    overflow: visible
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hr,
main,
menu,
nav,
section {
    display: block
}

fieldset,
hr {
    border: 0;
    padding: 0
}

body,
fieldset {
    margin: 0
}

fieldset,
hr,
legend {
    padding: 0
}

html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figure {
    margin: 1em 40px
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: ButtonText dotted 1px
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

textarea {
    overflow: auto;
    resize: vertical
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

::selection {
    background: #b3d4fc;
    text-shadow: none
}

hr {
    box-sizing: content-box;
    height: 1px;
    border-top: 1px solid #ccc;
    margin: 1em 0
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle
}


/* ==========================================================================
   Base styles
   ========================================================================== */

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

html {
    color: #222;
    line-height: 1.4;
    font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', sans-serif;
/*    height: 100%;*/
    width: 100%;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-variant-ligatures: none;
    font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

body {
/*    height: 100%;*/
    padding: 0;
    background-color: #fff;
    line-height: 1.5;
}

a,
a:focus,
a:visited {
    color: #444;
    text-decoration: none;
}

a:hover {
    color: #000;
}


/* ==========================================================================
   Layout
   ========================================================================== */

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flx-column {
    flex-direction: column;
}

.col-l {
    width: 70%;
}

.col-s {
    width: 30%;
}

.wrapper {
    min-height: calc(100% - 70px);
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    position: relative;
    border-radius: 3px;
    padding-top: 100px;
/*    overflow-x: hidden;*/
}

.container {
    position: relative;
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
}

.head-container {
    max-width: 640px;
}

.header {
    position: fixed;
    top: 0;
    left: 0%;
    width: 100%;
    height: 100px;
    padding: 0 .5rem;
    background: #fff;
    -webkit-box-shadow: 0 4px 4px -3px rgba(0, 0, 0, .2);
    box-shadow: 0 4px 4px -3px rgba(0, 0, 0, .2);
    z-index: 999;
    border-style: solid;
    border-width: 4px 0px 0px 0px;
    border-color: #000FCA;
    box-shadow: 2px 0px 8px 0px rgba(0, 0, 0, 0.2);
}

.header .flex {
    /* justify-content: space-between; */
    max-width: 1140px;
}

.IMwmb:empty {
    display: none;
}

.IMwmb {
    width: 16px;
    height: 16px;
    font-family: Poppins;
    font-size: 11px !important;
    font-weight: 500 !important;
    /* line-height: .5rem; */
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
    background-color: #6FD096;
    /* padding-left: .25rem; */
    position: absolute;
    right: auto;
    left: 10px;
    top: auto;
    bottom: 3px;
}

.im-badge-user-header {
    white-space: nowrap;
    /* vertical-align: baseline; */
    display: flex;
    padding: 0.35em 0.65em;
    border-radius: 50rem;
    position: absolute;
    top: 32px;
    left: 16px;
    justify-content: center;
    align-items: center;
}

.footer {
    padding: 2rem 0;
    color: #666;
    padding-bottom: 0;
    font-family: "Poppins", Sans-serif;
    font-size: 13px;
    font-weight: 300;
}

.footer-band {
    border-style: solid;
    border-width: 4px 0px 0px 0px;
    border-color: #000FCA;
}


breadcramp {
    display: block;
    padding: .5rem 0;
    font-family: "Poppins", Sans-serif;
    color: #434343;
}

breadcramp .breadcramp-inner {
    max-width: 1140px;
    margin: 0 auto;
    padding-left: 2rem;
    padding-right: 2rem;
    font-size: .9rem;
    font-weight: 500;
}

breadcramp span.cramp-splitter {
    padding: 0 .2rem;
    font-size: .8rem;
}

breadcramp span.cramp-text.cramp-last {
    color: #1a6781;
}

breadcramp span.cramp-text a.cramp-link {
    white-space: nowrap;
}

/* ==========================================================================
   Header
   ========================================================================== */

.logo {
    width: auto;
    height: 90px;
    max-height: 100px;
    line-height: 90px;
}

.logo a {
    display: block;
}

.logo img {
    max-height: 60px;
    max-width: 150px;
}

.nav-container {
    flex-grow: 1;
}

.nav-primary {
    padding-left: 1rem;
}

.nav-primary>ul {
    margin: 0;
    padding: 0;
}

.nav-primary li {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
}

.nav-primary>ul>li>a {
    height: 100px;
    line-height: 100px;
    font-size: .9rem;
    font-weight: 400;
    padding: 0 .5rem;
    display: block;
    font-family: "Poppins", Sans-serif;
    color: #5F696D;
}

.nav-primary li.dd>a {
    padding-right: 16px;
}

.nav-primary li.dd>a:after {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    top: 45px;
    right: 2px;
    border-right: 2px solid #444;
    border-bottom: 2px solid #444;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cascade-category-dd ul {
    left: -95px;
    top: 95px;
}

.cascade-nav ul>li ul {
    font-family: "Poppins", Sans-serif;
    font-size: 13px;
    font-weight: 400;
}

ul #subs {
    left: 192px;
    top: 0px;
    font-family: "Poppins", Sans-serif;
    font-size: 13px;
    font-weight: 400;
}



.cascade-category-dd li {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: #fff;
    padding: 0;
    border-bottom: 1px solid #F4F4F4;
    min-width: 200px;
}

.cascade-category-dd li a {
    width: 90%;
    display: inline-block;
}

.cascade-category-dd li a .cat-name {
    width: 200px;
}

.nav-primary li.cascade-category-dd>a:after {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    top: 15px;
    right: 400px;
    border-right: 2px solid #444;
    border-bottom: 2px solid #444;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.category-list {
    display: none;
    position: absolute;
    top: 100px;
    left: 0;
    z-index: 10;
    width: 280px;
    padding: .5rem 0;
    background: #fff;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.large-menu {
    width: 920px !important;
}

.category-list ul {
    margin: 0;
    padding: 0;
    overflow-y: scroll;
    max-height: 500px;
    position: relative !important;
}

.category-list ul.subs {
    position: absolute;
    left:221px;
    display: block;
    top: 0;
    overflow-y: hidden;
    width: 220px;
    display: none;
}

.category-list li {
    display: block;
    padding: .3rem .5rem;
}

.category-list .cat-image,
.category-list .cat-name {
    display: inline-block;
}

.category-list .cat-image {
    width: 32px;
    height: 32px;
    margin-right: 0.5rem;
}

.category-list .cat-image img {
    width: 100%;
    height: 100%;
}

.user-menu {
    position: absolute;
    right: 8px;
    top: 0;
    font-size: 0;
}

.user-menu a,
.user-menu .credit {
    float: left;
    line-height: 100px;
    height: 60px;
    margin: 0;
    text-align: center;
    font-size: .9rem;
    padding: 0 .5rem;
    margin-left: .5rem;
    color: #002aff;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.user-menu .login-btn{
    font-family: "Poppins", Sans-serif;
    color: #5F696D;
    text-transform: none;
    font-weight: 400;
    line-height: .9rem;
    height: auto;
    line-height: 35px;
    margin-bottom: 10px;
    padding: 0 2rem;
    margin-top: 15%;
}

.user-menu .signup-btn{
    font-family: "Poppins", Sans-serif;
    text-transform: none;
    font-weight: 400;
    line-height: .9rem;
    height: auto;
    line-height: 35px;
    background-color: #000FCA;;
    border-radius: 1px;
    color: white;
    margin-bottom: 10px;
    padding: .1rem 1rem;
    margin-top: 13%;
    border-radius: 4px;
}

.page-excerpt a {
    color: #002aff;
    font-size: 16px;
}

.loggedIn .user-menu a.messages {
    color: #888;
    font-size: 1rem;
}

.user-menu a.has-new {
    position: relative;
}

.user-menu a.has-new:after {
    content: "";
    position: absolute;
    top: 30px;
    right: 0px;
    height: 12px;
    width: 12px;
    background: green;
    border-radius: 50%;
    border: 2px solid #fff;
}

.loggedIn .user-menu a {
    font-size: 1.2rem;
    color: #5e6373;
}

.user-menu .credit {
    color: #f4b342;
    font-size: .8rem;
    font-weight: 700;
    cursor: pointer;
    border-right: 1px solid rgba(0, 0, 0, .1);
    padding-right: 1rem;
    margin: 0;
}

/* Create three equal columns that floats next to each other */
.dd-column {
    float: left;
    width: 25%;
    padding: 10px;
    height: auto;
  }
  
  .dd-column a {
    height: 30px;
    line-height: 30px;
    font-size: .9rem;
    font-weight: 700;
    padding: 0 .5rem;
    display: block;
    white-space: nowrap;
  }

  .sub-a {
    font-weight: 500 !important;
    line-height: 24px !important;
    font-size: .8rem !important;
    text-indent: 1.5rem;
    height: 20px !important;
  }
  
  a.sub-a::before {
    background-color: #000;
    border-radius: 1em;
    content: " ";
    display: inline-block;
    height: 0.5em;
    margin-right: 6px;
    width: 0.5em;
  }

  li.first-sub > a:nth-child(1) {
    display: inline;
   }
   
   li.first-sub > span:nth-child(2) {
    float: right;
    margin-right: .5rem;
    cursor: pointer;
   }
   
  li.first-sub {
    margin-left: 2rem;
  }

  .sub {
    margin-left: 2rem;
  }

  li.sub > a:nth-child(1) {
    display: inline;
   }

   a.subcat-a::before {
    background-color: #000;
    border-radius: 1em;
    content: " ";
    display: inline-block;
    height: 0.5em;
    margin-right: 6px;
    width: 0.5em;
  }
   
  .menu-icon{
    width: 18px;
    margin-right: 4px;
  }

  /* Clear floats after the columns */
  .dd-row:after {
    content: "";
    display: table;
    clear: both;
  }

  .demo-link {
    padding-top: 3rem;
    position: fixed;
    top: 110px;
	padding: 10px;
    color: #000;
    z-index: 99999;
    left: 8px;
	border: 3px solid #666;
	background-color: #fff;
  }

  .education-header {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
  }

  .education-content-top {
    display: flex;
    flex-direction: row;
  }
    .education-image-area {
    width: 45%;
    margin-right: 2rem;
  }
    .education-info {
    line-height: 1.5rem;
    font-size: 1rem;
    margin-bottom: 1rem;
  }
    .education-image {
    width: 100%;
    height: auto;
  }

  .education-detail {
    width: 70%;
    margin: 2rem auto;
    background-color: #fff;
    margin-top: 1rem;
  }
    .education-image {
    border: solid 1px #f1f1f1;
    border-radius: 6px;
  }
    .education-content {
    padding: 2rem;
  }

  .e-info-item-label {
    font-weight: bold;
  }

  .education-expert {
    display: flex;
    flex-direction: row;
    margin-bottom: 1rem;
  }

  .education-expert-image {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin: 0 auto;
  }
    .education-expert-name {
    line-height: 120px;
    margin-left: 2rem;
  }

  .education-experts-area {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding-top: 3rem;
    }
  .education-title {
    width: 100%;
    }
  .education-title-span {
        width: 100%; 
        text-align: center; 
        border-bottom: 1px solid #000; 
        line-height: 0.1em;
        margin: 10px 0 20px; 
    } 
        
    .education-title-span span { 
        background:#fff; 
        padding:0 10px; 
    }

    .education-condition-area, .education-detail-area, .education-category-area {
        padding-top: 2rem;
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .education-profile {
        color: #54595F;
        font-family: "Poppins", Sans-serif;
        font-size: 13px;
        font-weight: 300;
        display: flex;
        flex-direction: column;
        background-color: #f4f5f7;
    }

    .education-profile h3 {
        color: #000FCC !important;
    }

    .education-content-top-right {
        display: flex;
        flex-direction: column;
        width: 50%;
    }

    .education-content-bottom {
        padding: 2rem 0;
    }

    .btn-disabled {
        border-color: #BBB !important;
        background-color: #BBB !important;
        cursor: default !important;
    }
  
  /* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
  @media screen and (max-width: 768px) {
    .dd-column {
      width: 100%;
      height: auto;
    }

    .large-menu {
        width: 95% !important;
        overflow-y: scroll;
        display: block;
        max-height: 500px;
    }

    .sub-a {
        background-color: #f8f8f8;
        line-height: 0px !important;
        }
  }

.credit span.clock i {
    vertical-align: middle;
}

.user-menu a:hover {
    color: #111;
}

a.profile-link {
    width: 32px;
    text-align: right;
}

.nav-trigger,
.nav-close {
    position: absolute;
    right: 0;
    top: 0;
    display: none;
    width: 48px;
    height: 100px;
    line-height: 100px;
    font-size: 1.2rem;
    color: #444;
    text-align: center;
}

.nav-close {
    font-size: 2.4rem;
    text-shadow: 0 0 3px rgba(0, 0, 0, .2);
}

.nav-close a {
    font-weight: 100;
    color: #5e6373;
}




.nav-footer {
    display: flow-root;
}


.nav-footer>a {
    height: 60px;
    line-height: 60px;
    font-size: .9rem;
    padding: 0 .5rem;
    display: block;
    float: left;
    margin-left: 80px;
    word-break: break-all;
}



/* ==========================================================================
   Content
   ========================================================================== */

.content {
    height: 100%;
}

.home {
    position: relative;
    height: 100%;
    width: 100%;
    margin-top: 41px;
}

.home {
    flex-direction: column;
}

.welcome {
    position: relative;
    width: 100%;
    min-height: 70vh;
    padding: 3rem 0;
    color: #fff;
    background-color: #f9f9f9;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 4rem;
}

.welcome .container {
    padding: 0 2rem;
}

.welcome a {
    color: #006bff;
}

.welcome a:hover {
    text-decoration: underline;
}

.welcome-title h1 {
    font-family: "Poppins", Sans-serif;
    color: #fff;
    text-shadow: 0 0 2px rgba(0, 0, 0, .5);
    font-weight: 400;
    font-size: 2.5rem;
    line-height: 1.3;
    margin: .5rem 0;
}

.welcome-content h2 {
    font-family: "Poppins", Sans-serif;
    font-weight: 300;
    font-size: 1rem;
    letter-spacing: 0.2px;
    margin-top: .5rem;
    color: #fff;
    font-weight: 300;
    text-shadow: 0 0 2px rgba(0, 0, 0, .5);
    margin: 2rem 0;
}

.welcome-buttons {
    margin-top: .5rem;
    font-size: 1.5rem;
    line-height: 1.6;
    color: #fff;
    font-weight: 300;
    display: flex;
    flex-direction: row;
    justify-content: start;
}

.welcome-buttons .btn1 {
    background-color: #FC4100;
    font-family: "Poppins", Sans-serif;
    text-transform: none;
    font-weight: 400;
    font-size: 15px;
    border-radius: 1px;
    margin-bottom: 10px;
    padding: 0 1rem;
    border-radius: 4px;
    margin-right: 2rem;
}

.welcome-buttons .btn1 a {
    color: #fff;
}

.welcome-buttons .btn2 {
    background-color: #fff;
    color: #000FCA;
    font-family: "Poppins", Sans-serif;
    text-transform: none;
    font-weight: 400;
    font-size: 15px;
    border-radius: 1px;
    margin-bottom: 10px;
    padding: 0 1rem;
    border-radius: 4px;
    margin-right: 1rem;
}

.welcome-buttons .btn2 a {
    color: #000FCA;
}

.st-bg {
    position: absolute;
    width: 250px;
    height: 10px;
    left: 50%;
    top: -10px;
    z-index: 100;
}

.section-head {
    position: relative;
    padding: 1rem;
    margin-bottom: 1rem;
    text-align: center;
}

.section-head:after {
    position: absolute;
    content: "";
    top: 0;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    height: 4px;
    background: #111;
}

.section-head .title {
    color: #111;
    font-size: 2rem;
    font-weight: 400;
    margin: 0;
}

.grayscale {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

/* ==========================================================================
   Categories & Agents
   ========================================================================== */

.categories {
    position: relative;
    padding: 1rem 0;
}

.categories .list {
    justify-content: space-evenly;
}

.agents .list {
    margin: 0 -.5rem;
}

.agents .item {
    width: 100%;
    padding: 0 .5rem;
    margin-bottom: 1rem;
    text-align: center;
}

.categories .item, .education-categories .item {
    width: 23%;
    padding: 1rem .5rem;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #EEEDED;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0px 3px 6px -4px rgba(0, 0, 0, 0.5);
    margin: 2rem 0;
    text-align: center;
}

.item-empty {
    width: 25%;
    padding: 0;
    margin: 0;
    text-align: center;
}

.item-vertical {
    width: 50%;
    padding: 0 .5rem;
    margin-bottom: 1rem;
    text-align: center;
}

.profile-list {
    line-height: 1;
    margin: 0;
    cursor: pointer;
    outline: none;
    margin-bottom: 3rem;
}

.profile-list h1, .profile-list h2, .profile-list h3, .profile-list h4, .profile-list h5, .profile-list h6 {
    color: #54595F;
    font-family: "Poppins", Sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
}

.profile-list p {
    color: #54595F;
    font-family: "Poppins", Sans-serif;
    font-size: 13px;
    font-weight: 300;
    line-height: 16px;
}

.profile-list ul{
    list-style: none;
    cursor: pointer;
    padding: 0;
    margin: 0;
    margin-top: 0px;
    margin-top: 2rem;
}

.blue-li {
    color: #000FCC !important;
}

.profile-list ul li {
    border-bottom: 1px solid #d4d4d4;
    border-bottom-width: 1px;
    padding: 13px 10px 13px 0px;
    font-family: "Poppins", Sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #54595F;
    line-height: 19px;
}

.profile-list ul ul{
    display: none;
    list-style: disc;
}

.profile-list ul ul > li{
    border: none;
    border-width: 1px;
    font-family: "Poppins", Sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.6em;
    letter-spacing: 0.1px;
    padding: 0;
    padding-left: 15px;
    list-style-position: inside;
    line-height: 19px;
}

.item-title {
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: .5rem;
    margin-top: .7rem;
}

.item-image {
    width: 100%;
    max-width: 100%;
    height: auto;
    overflow: hidden;
}

.item-image-home{
    width: 50px;
}

.categories .item-image {
    width: 72px;
    height: 72px;
    margin: 0 auto;
}

.categories .item-image-sm {
    width: 36px;
    height: 36px;
    margin: 0 auto;
}

.item-image img {
    max-width: 100%;
    max-height: 100%;
}

.item-image-sm img {
    max-width: 100%;
    max-height: 100%;
}

.end-info {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.event-container:after,.w3-container:before{
	content:"";
	display:table;
	clear:both
}

.event-container{
	padding:0.01em 16px
}

.event-order-dd {
    width: 100%;
    padding: 0 .5rem;
    margin-bottom: 1rem;
}

.event-list {
    display: flex;
    flex-direction: column;
}

.event-list-dds {
    display: flex;
    flex-direction: column;
}


.events-container, .educations-container, .units-container {
    max-width: max-content;
    min-width: 100%;
}

/*units card*/

.unitsImg {

    position: absolute;
    height: 100%;
    object-fit: fill;

}

.unitsInfoMain {
    position: relative;
    display: flex;
    flex-direction: column;
    background: #00000099;
    width:100%;
}

.unitSubInfo{
    display: flex;
    justify-content: space-between;
    margin: 0 15px;
    align-items: center;
    width: 90%;
    border-top: solid 1px #fff;
}

.units .cia-header {
    font-size:15px;
    text-align: center;
    color:#fff;

}

.units .item-carousel{
    display: flex;
    align-items: flex-end;
    width:100%;
}

.unitExcerpt {
    width: 75%;
}

.unitExcerpt p {
    font-size: 24px;
    margin: 0;
    color: #fff;
    line-break: anywhere;
}

.unitCountInfo{
    display: flex;
    flex-direction: column;
    color: #fff;
}
.unitCount {
    margin: 0;
    text-align: center;
    font-size: 30px;
}

.unitCountText{
    font-size: 10px;
    text-align: center;
    margin: 0;
}
/*units card*/

.p2-lr {
    padding: 0 2rem;
}

.card-footer {
    margin: auto 1rem 1rem 1rem;  
  }

.event-light-grey{
	color:#000!important;
	background-color:#fff!important
}

.categories .item-image img {
    max-width: 100%;
    height: auto;
    display: block;
}

.agents .item-c {
    position: relative;
    padding: 1rem .5rem 6rem .5rem;
    height: 100%;
    background: #fff;
    border-radius: 3px;
}

.agents .item-c:hover {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.agents .item-image {
    width: 120px;
    height: 120px;
    margin: 0 auto;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .3);
    box-shadow: 0 0 15px rgba(0, 0, 0, .3);
}

.agents .item-title {
    font-size: 1.4rem;
}

.agents .item-excerpt {
    font-size: .9rem;
    padding: 1rem 0;
}

.one-man-app-agent {
    display: flex;
    flex-direction: row;
    margin-bottom: 2rem;
    width: 100%;
}

.agent-about {
    width: 75%;
    position: relative;
    padding: 1rem .5rem 6rem .5rem;
    height: 100%;
    background: #fff;
    border-radius: 3px;
    text-align: center;
}

.status-icon {
    position: absolute;
    width: 24px;
    height: 24px;
    line-height: 20px;
    top: -9px;
    right: -9px;
    display: block;
    color: #fff;
    border-radius: 50%;
    font-size: .5rem;
    text-align: center;
    border: 3px solid #f4f5f7;
}

.status-icon-custom-agent{
    top: -1px; 
    right: -1px;
}

.online .status-icon {
    background: green;
}

.busy .status-icon {
    background: rgb(168, 33, 33);
}

.offline .status-icon {
    background: rgb(53, 53, 53);
}

.item-action {
    padding: 1rem;
    text-align: center;
}

.item-action .btn {
    display: block;
    font-size: .9rem;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    padding: .5rem;
    text-transform: uppercase;
}

.status:hover .call {
    visibility: visible;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.call span {
    font-family: Roboto;
    width: 100%;
    padding: .2rem;
}

.btn-online {
    background-color: green;
}

.btn-online:hover {
    background-color: #005500;
}

.btn-busy {
    background-color: red;
}

.btn-offline {
    background-color: #333;
}

a.btn-online,
a.btn-online:hover,
a.btn-busy,
a.btn-busy:hover,
a.btn-offline,
a.btn-offline:hover {
    color: #fff;
}

.item-services {
    padding: 1rem 1rem .8rem 1rem;
}

.service-icon {
    display: inline-block;
    color: #aaa;
}

.service-icon a {
    display: block;
    width: auto;
    height: 36px;
    line-height: 36px;
    padding: 0 1rem;
    margin: 0 .2rem;
    border-radius: 2%;
    font-size: 1.3rem;
    text-align: center;
}

.service-icon span {
    display: none;
}

.service-icon.active {
    color: #333;
    cursor: pointer;
}

.service-icon.active i {
    color: #52944e;
    font-size: 1.3rem;
    margin-right: 0.2rem;
    vertical-align: text-top;
}

.service-icon.active:hover {
    color: #333;
}

.busy .service-icon.active i {
    color: red;
}

.offline .service-icon.active i {
    color: #333;
}

.busy .always-active.service-icon i,
.offline .always-active.service-icon i {
    color: #52944e;
}

.service-count {
    display: block !important;
    font-size: 10px;
    margin-top: -39px;
    padding-right: 8px;
    color: #aaa6a6;;
    float: right;
  }

.agents .comment-count {
    font-size: .7rem;
    font-weight: 600;
    color: #666;
    letter-spacing: .5px;
}

div#message-service-request p a {
    color: blue;
    text-decoration: underline;
}

.order-agent {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding-bottom: 1rem;
  }
  
  .dropdown, .dropdown-filter {
    position: relative;
    display: inline-block;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    width: 100%;
  }

  .dropdown button, .dropdown-filter button {
    width: 100%;
  }
  
  .dropdown > a, .dropdown > button, .dropdown-filter > a, .dropdown-filter > button {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    background-color: transparent;
    border: 0;
    padding: 6px 20px 6px 10px;
    border-radius: 4px;
    display: inline-block;
    color: #7A7A7A;
    text-decoration: none;
    text-align: left;
  }
  
  .dropdown input[type=checkbox], .dropdown-filter input[type=checkbox] {
    display: none;
  }
  
  
  .dropdown ul, .dropdown-filter ul {
    position: absolute;
    top: 30px;
    border: 1px solid #ccc;
    border-radius: 3px;
    left: 0px;
    list-style: none;
    padding: 4px 20px;
    display: none;
    background-color: white;
    width: 300px;
    z-index: 9999;
    box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.5);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  }
  
  .dropdown input[type=checkbox]:checked + ul, .dropdown-filter input[type=checkbox]:checked + ul {
    display: block;
  }
  
  .dropdown ul li,  .dropdown-filter ul li {
    display: block;
    padding: 6px 0px;
    white-space: nowrap;
    min-width: 100px;
  }
  
  .dropdown ul li a, .dropdown-filter ul li a {
    text-decoration: none;
    display: block;
    color: #7A7A7A;
    font-size: 12px;
  }

  .dropdown ul li a:hover, .dropdown-filter ul li a:hover {
    color: #000FCA;
    cursor: pointer;
  }
  
  .dropdown .divider, .dropdown-filter .divider {
    height: 1px;
    margin: 0;
    overflow: hidden;
    background-color: #e5e5e5;
    font-size: 1px;
    padding: 0;
  }

  .secondary_filter {
    background-color: white;
    margin-bottom: 1rem;
    padding: .5rem;
    display: flex;
    align-items: center;
  }

  .secondary_filter span.company_filter {
    display: flex;
  }

  .secondary_filter span.company_filter label {
    margin: 0;
    padding-left: 0.2rem;
    color: #7A7A7A;
    font-size: 14px;
    font-weight: bold;
    font-size: smaller;
  }

/* ==========================================================================
   Side
   ========================================================================== */

.col-side {
    padding: 0 1rem;
}

.col-side img {
    width: 100%;
    height: auto;
}

.side-box {
    margin-bottom: 1rem;
}

.box-title {
    position: relative;
    padding-bottom: .8rem;
    margin-bottom: .8rem;
    border-bottom: 1px solid #ddd;
}

.box-title:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -2px;
    margin-left: -20px;
    width: 40px;
    height: 3px;
    background: #212121;
}

.box-title h2 {
    font-size: 1.4rem;
    color: #666;
    margin: 0;
    font-weight: 400;
    text-align: center;
}

.box-item {
    margin-bottom: 1.5rem;
}

.item-title h3 {
    margin-top: .3rem;
    line-height: 1.5;
}

.categories,
.categories li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.categories li a {
    position: relative;
    display: block;
    padding: .5rem .5rem .5rem 1.5rem;
    text-transform: uppercase;
}

.categories li a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    border: 2px solid #ddd;
    border-radius: 50%;
}

.categories li a:hover:before {
    border-color: #212121;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}


/* ==========================================================================
   User
   ========================================================================== */

.users-wrapper {
    width: 100%;
    min-height: calc(100vh - 320px);
    height: 100%;
    max-width: 360px;
    margin: 4rem auto;
    padding: 0 1rem;
    overflow: hidden;
}

.users-wrapper .footer {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-top: 1px solid #ddd;
    text-align: center;
    font-size: .9rem;
}

.users a,
.users-wrapper a {
    color: #002aff;
}

.users a:hover,
.users-wrapper a:hover {
    color: #222;
}

.users a:hover {
    color: #000;
}

.users .page-content {
    padding: 2rem 1rem;
}

.forms {
    width: 9999px;
    height: 100%;
}

.user-form {
    width: 100%;
    max-width: 360px;
    font-size: .9rem;
    padding-bottom: 1rem;
    margin: 0 auto;
}

.user-form.message-form {
    max-width: 100%;
    position: relative;
    padding: 0 1rem;
}

.message-form form {
    position: relative;
}

.message-form .field {
    margin-bottom: 0;
}

.form-buttons {
    justify-content: space-between;
}

.form-buttons .field {
    width: auto;
}

.field {
    padding: .5rem 0;
}

.field-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.user-form label {
    display: block;
    margin-bottom: .5rem;
    color: #444;
}

.user-form input:not([type="checkbox"]),
.user-form textarea {
    font-size: .9rem;
    border: 1px solid #dfdfdf;
    width: 100%;
    height: 42px;
    line-height: 2;
    padding: 0 .8rem;
}

.message-form textarea,
.contact-form textarea.form-control {
    height: 200px;
    line-height: 1.8;
    padding: .5rem 1rem;
    border-radius: 3px;
}

.message-form textarea:focus {
    outline: none;
    box-shadow: 0 0 5px rgba(0, 0, 0, .15);
}

.user-messages {
    border-radius: 5px;
    border: 1px solid #efefef;
    font-size: .9rem;
    margin: 1rem 0;
}

.user-messages .message {
    border-bottom: 1px solid #f1f1f1;
    background: #f7f8fa;
    margin-bottom: 1px;
}

.user-messages .message:last-child {
    margin-bottom: 0;
    border-bottom: 0;
}

.user-messages .message.expanded {
    background: #fff;
    padding-bottom: 1rem;
}

.message-header {
    align-items: center;
    cursor: pointer;
}

.message-header .agent-image {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-right: 5px;
}

.message-header .message-date {
    font-size: .75rem;
    text-transform: uppercase;
    margin-left: auto;
    margin-right: 0;
    display: contents;
}

.message-header .message-comment {
    font-size: 1.5rem;
    margin-left: auto;
    margin-right: 0;
}

.message-delete {
    font-size: 1.5rem;
}

.message-header {
    padding: 1rem;
}

.has-answer .message-header {
    font-weight: 700;
}

.read .message-header {
    color: #666;
}

.message-body {
    display: none;
    color: #777;
    padding: 0 1rem 0 1.5rem;
    margin-left: 1rem;
}

.message-response {
    display: none;
    margin-top: 1rem;
    margin-left: 1rem;
}

.message-response-body {
    border-top-left-radius: 10px;
    background: #eff7ff;
    color: #0f1a42;
    padding: 1rem;
    border: 1px solid #e1ebff;
    border-right: 0;
}

.message-response-header {
    position: relative;
    font-weight: 700;
    font-size: .8rem;
    text-transform: uppercase;
    color: #5e6373;
    padding-left: 1.6rem;
}

.message-response-header:before {
    content: "";
    background: #f4f5f7;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 5px;
    top: 5px;
    background: transparent url('img/reply.svg') left center no-repeat;
}

.message-response-date {
    letter-spacing: .5px;
    padding-bottom: 0.3rem;
}

.expanded .message-body,
.expanded .message-response {
    display: block;
    line-height: 1.8;
}

.message-response .alert {
    margin-bottom: 0;
}

.message-header span,
.message-response-header span {
    display: inline-block;
    margin-right: 1rem;
}

.message-status {
    width: 8px;
    height: 8px;
    padding: 0;
    border-radius: 50%;
    background: #999;
}

.new .message-status {
    background: #f4b342;
}

.has-answer .message-status {
    background: green;
}

.message-attachments {
    margin-top: 1rem;
    padding: .5rem 1rem;
    border: 1px solid #efefef;
    border-radius: 4px;
}

.message-response .message-attachments {
    border: 0;
    padding: 0;
}

.message-attachments h3 {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: .8rem;
    color: #888;
    margin: 0 0 .5rem;
}

.attachment-item a {
    width: 92px;
    height: 92px;
    display: block;
    margin: 0 .5rem .5rem 0;
    border: 1px solid #efefef;
    padding: 5px;
    border-radius: 4px;
}

.attachment-audio a:hover {
    background: #f1f1f1;
    transition: all .3s ease;
}

.attachment-audio a {
    width: 92px;
    height: 92px;
    display: block;
    margin: 0 .5rem .5rem 0;
    border: 1px solid #efefef;
    padding: 27px;
    border-radius: 4px;
}

.attachment-audio a:hover {
    background: #f1f1f1;
    transition: all .3s ease;
}

.user-form input:not([type="checkbox"]):focus {
    outline: 0;
    border-color: #7ecfff;
    border-width: 2px;
}

.user-form input.inputfile {
    width: 0.1px;
    height: 0.1px;
}

input#name {
    text-transform: capitalize;
}

.user-form .btn {
    display: block;
    width: 100%;
    padding: .8rem 1rem;
    text-align: center;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: 1px solid #efefef;
}

.btn.primary {
    background: #006bff;
    color: #fff;
    border: 0;
}

.user-form .invalid input:not([type="checkbox"]) , .user-form .invalid textarea {
    border-color: #a94442;
}

.user-form .error {
    color: #a94442;
    font-size: .8rem;
    display: block;
    padding: .3rem 0;
}

.user-tabs {
    width: 100%;
    border-bottom: 1px solid #dfdfdf;
    text-align: center;
}

.user-tabs a {
    display: inline-block;
    padding: 1rem .4rem;
    font-size: .9rem;
    color: #444;
}

.user-tabs a:hover {
    color: #000;
}

.user-tabs a.active {
    border-bottom: 2px solid #111;
    color: #000;
}

.tab-content {
    display: none;
    max-width: 680px;
    margin: 0 auto;
}

.tab-content.f {
    display: block;
}

.profile-field {
    position: relative;
    padding: 1rem;
    border-bottom: 1px solid #efefef;
    font-size: .9rem;
}

.profile-field-value {
    padding: .3rem 0;
    justify-content: space-between;
}

.imageInput{
    border-radius: 50%;
    width: 75px;
    height: 75px;
    object-fit: cover;
    cursor: pointer;
    border:2px solid #5b5b5b; 
}

.profile-field strong {
    color: #555;
}

.field-value {
    line-height: 32px;
}

.profile-field .loader {
    margin: 0;
}

.profile-field.field-timezone .loader {
    margin: 1rem auto;
}

.profile-field .icon {
    display: inline-block;
    border: 1px solid #ddd;
    text-align: center;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    line-height: 28px;
}

.profile-field .icon.verified {
    color: #fff;
    background: green;
    border-color: transparent;
}

.profile-field .icon.loading {
    border-bottom: 3px solid green;
}

.inline-field {
    width: 100%;
    padding: .5rem 0;
    position: relative;
}

.field-form .input {
    width: 100%;
    height: 32px;
    line-height: 32px;
    padding: 0 36px 0 12px;
    outline: none;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.field-form .inline-submit {
    position: absolute;
    top: .5rem;
    right: 0;
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 1.2rem;
    text-align: center;
    vertical-align: middle;
}

.inline-submit button {
    cursor: pointer;
    border: 0;
    outline: none;
    background: transparent;
    text-align: center;
    vertical-align: middle;
    line-height: 32px;
    height: 32px;
    width: 32px;
    color: #666;
}

.inline-submit button:focus,
.inline-submit button:hover {
    color: #000;
}

.spin {
    animation: spin .5s infinite linear;
    -webkit-animation: spin .5s infinite linear;
    transform-origin: 50% 50%;
}

.spin i {
    color: #4fb743;
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.user-data {
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    display: table;
    width: 100%;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .1);
    box-shadow: 0 0 3px rgba(0, 0, 0, .1);
}

.tab-content .profile-form {
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .1);
    box-shadow: 0 0 3px rgba(0, 0, 0, .1);
}


.user-data tr {
    box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .1);
}

.user-data th,
.user-data .foot {
    text-align: left;
    font-size: .8rem;
    color: #555;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    background: #f1f1f1;
    padding: .5rem;
    border-bottom: 1px solid #dfdfdf;
}

.user-data th {
    position: sticky;
    top: 100px;
}

.user-data td {
    font-size: .85rem;
    padding: 1rem .5rem;
}

.user-data td.date {
    
}


/* 
.call-report {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: .5rem 1rem;
    border-bottom: 1px solid #efefef;
    font-size: .8rem;
}

.call-report.head,
.call-report.foot {
    background: #f1f1f1;
}

.call-report.head,
.call-report.foot,
.call-duration {
    font-weight: bold;
}

.call-date {
    width: 45%;
}

.call-agent {
    width: 40%;
}

.call-duration {
    width: 15%;
    text-align: right;
}
 */
.payment .footer {
    padding: 0;
}

.payment-options {
    margin-bottom: 1rem;
    background: #f1f1f1;
    border-top: 1px solid #f1f1f1;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.option {
    float: left;
    width: 50%;
}

.option a {
    display: block;
    padding: .5rem 1rem;
    color: #111;
    -webkit-box-shadow: inset 0 -3px 5px #ddd;
    box-shadow: inset 0 -3px 5px #ddd;
}

.option a.active {
    color: #666;
    background: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.option-content {
    display: none;
}

.option-content.open {
    display: block;
}

.option-content h3 {
    margin-bottom: 0;
}

#bank-account-numbers {
    display: none;
}

.mt-reference-code {
    font-weight: bold;
    color: red;
}

.fb_iframe_widget {
    width: 100%;
}


/* ==========================================================================
   Packages
   ========================================================================== */

.packages {
    padding: 2rem 0;
    position: relative;
}

.packages .item {
    width: 25%;
    min-height: 320px;
    padding: 0 .5rem;
    margin-bottom: 1rem;
    text-align: center;
}

.packages .item-content {
    position: relative;
    padding: 1.5rem 1.5rem 3rem;
    grid-template-rows: 70px auto 50px !important;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    height: 100%;
    display: grid;
}

.packages .item-excerpt {
    padding-top: 10px;
    padding-bottom: 20px !important;
}


.packages .item-title {
    color: #444;
    margin-bottom: 1rem;
}

.item-action {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: .5rem;
    text-align: center;
}

.item-action.expanded {
    background: #f1f1f1;
}

.item-price {
    padding: 1rem 0;
    color: #666;
    font-size: 1.2rem;
    letter-spacing: 1px;
}

.item-info {
    border: 1px solid silver;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    flex-flow: column;
    background-color: cornsilk;
}

.item-price span {
    font-size: 2rem;
    font-weight: 700;
    color: #ffc300;
}

.item-payment-options {
    display: none;
}

.item-payment-options .btn {
    color: #333;
    background: #fff;
}

.item-payment-options a {
    margin-bottom: .2rem;
}

.item-payment-options a:last-child {
    margin-bottom: .5rem;
}

.user-coupons-btn {
    width: 25%;
    margin-bottom: .5rem;
    text-align: center;
}

.user-coupons {
    width: 100%;
    padding: 1rem 5rem;
    margin: auto;
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .3);
    display: none;
    position: absolute;
    z-index: 9999;
    top: 15%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
}

.user-coupons-appointment {
    display: none;
}

.coupon-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.coupon-name-column {
    display: flex;
    flex-direction: row;
    width: 15%;
    justify-content: center;
    align-items: center;
    color: #5F696D;
}

.cpc-amount {
    width: 30%;
    font-size: 40px;
    color: #01579b;
}

.cpc-amount-desc {
    font-size: 12px;
    color: #5F696D;
}

.coupon-speciality-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 15%;
}

.coupon-speciality-column-appointment {
    display: flex;
    flex-direction: column;
    width: 15%;
    align-items: flex-start;
}

.coupon-remaining-time {
    width: 25%;
    color: #5F696D;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.coupon-remaining-time-appointment {
    width: 25%;
    color: #5F696D;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
}

.coupon-use-btn {
    display: flex;
    width: 20%;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.crt-remaing-time {
    font-size: 18px;
}

.crt-remaing-time-appointment {
    font-size: 12px;
}

.crt-end-date {
    font-size: 12px;
}

.crt-end-date-appointment {
    font-size: 10px;
}

.coupon-div-close {
    width: 5%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    float: right;
    margin-left: 100%;
    border: 1px solid red;
}

.cdc-btn {
    color: red;
}

.coupon-div-close:hover {
    border: 1px solid #5F696D;;
}


/* ==========================================================================
   Pages
   ========================================================================== */

.page {
    min-height: 75vh;
}

.page-header {
    padding: 80px 0px;
    /* border-bottom: 1px solid #f4f5f7; */
    padding-top: 1rem;
    padding-bottom: 1.5rem;
}

.page-header .container {
    padding: 0;
}

.page-title h1 {
    margin: 0;
    font-size: 2rem;
    font-weight: 300;
    line-height: 1.3;
    letter-spacing: 1px;
    color: #5e6373;
}

.page-excerpt {
    padding-top: 1rem;
    font-size: 1.3rem;
    color: #666;
}

.page-excerpt h2{
    padding-top: 1rem;
    font-size: 1.3rem;
    color: #666;
    font-weight: normal;
}

.page-content {
    padding: 0.5rem 0 3rem;
}

.page-body {
    line-height: 1.8;
}

.page-body a {
    color: #0f54d4;
}

.users .user-header {    
    position: sticky;
    top: 100px;
    background-color: aliceblue;
    z-index: 1;
}

.page-body a:hover,
.page-body a:focus {
    color: #111;
}

.page-image {
    max-width: 100%;
    overflow: hidden;
}

.page-image img {
    max-width: 100%;
}

.error-page {
    height: 100%;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.error {
    max-width: 360px;
    margin: 0 auto;
}

/* ==========================================================================
   Events
   ========================================================================== */

   .events {
       background-color: #f4f5f7;
   }

   .event-profile {
       display: flex;
       flex-direction: column;
       background-color: #f4f5f7;
   }

   .coupon-code-area {
       width: 100%;
       margin: 0 auto;
       color: #a6a4a4;
       display: flex;
       flex-direction: column;
       margin-bottom: 2rem;
       text-align: center;
   }

    .coupon-code-area .coupon-code input {
        margin: auto;
        width: 100%;
        margin-bottom: .5rem;
    }

    .coupon-code-area .coupon-code a {
        margin: auto;
        width: 80%;
        font-size: .9rem;
        font-weight: 500;
        text-align: center;
        color: #fff;
        background-color: #007bff;
        padding: .5rem;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

    .coupon-code {
        display: flex;
        flex-direction: column;
        border: 1px solid #efefef;
        border-radius: 5px;
        width: 100%;
        background-color: #fff;
        padding: .5rem;
        margin-left: auto;
    }

   .event-detail {
       width: 100%;
       margin: 2rem auto;
       background-color: #fff;
       margin-top: 0;
   }

   .event-title {
        display: flex;
        flex-direction: column;
        margin: 0 1.5%;
        padding-top: 1rem;
    }

    .event-agent-img {
        width: 75px;
        border-radius: 50%;
    }

    .event-date-gr {
        color: #a6a4a4;
        font-size: 12px;
    }

    .event-agent span {
        margin-left: 1rem;
    }

    .event-content {
        width: 100%;
        padding: 1rem;
        display: flex;
        flex-direction: column;
    }

    .event-agent-payment {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .event-content-left {
        width: 100%;
        margin: 1rem 0;
    }

    .event-content-right {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .event-image img{
        border-radius: 5px;
        box-shadow: 0 0 15px rgba(0, 0, 0, .3);
        -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .3);
        width: 100%;
    }

    .event-description {
        color: #54595F;
        font-family: "Poppins", Sans-serif;
        font-size: 16px;
        font-weight: 300;
        line-height: 1.6em;
    }

    .event-info-box {
        display: flex;
        flex-direction: column;
        border: 1px solid #efefef;
        border-radius: 4px;
        margin-top: .5rem;
        padding: 2rem;
        line-height: 2rem;
        background-color: #fafafa;
        box-shadow: 0 0 15px rgba(0, 0, 0, .3);
        -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .3);
    }
    
    .event-info {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        width: 100%;
        margin-top: 5rem;
        font-size: 1rem;
        line-height: 2.1rem;
        font-weight: 300;
        box-shadow: 0 0 4px rgba(0, 0, 0, .3);
        -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .3);
    }

    .info-bar {
        display: flex;
        flex-direction: column;
    }

    .info-bar span {
        border-bottom: .1rem solid #cecece;
    }

    .divider-div {
        background-color: #f4f5f7;
        width: 100%;
        height: .1rem;
    }

.event-header {
  display: flex;
  flex-direction: column;
}

.event-info-payment {
  display: flex;
  flex-direction: column;
  width: 50%;
  background-color: #f4f5f7;
  padding-top: 5rem;
}

.event-image-banner {
  background-repeat: no-repeat;
  background-size: cover;
  width: 90%;
  min-height: 208px;
  margin: auto;
  background-position: center;
}

.event-info-payment {
  display: flex;
  flex-direction: column;
  width: 90%;
  margin: auto;
}

.event-image-banner img {
  width: 100%;
}

.event-title-h1-content {
  color: #FFFFFF;
  font-family: "Poppins", Sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2em;
  /*! width: auto; */
  display: block;
}

.agent-info {
  display: flex;
  flex-direction: row;
  justify-content: start;
  margin: 10px auto;
}

.event-detail-agent-info {
  margin: 15px 70px;
  display: flex;
  flex-direction: column;
}

.event-detail-title {
    margin: auto;
    padding: 0;
    background-color: #000FCC;
    text-align: center;
    width: 90%;
}

.event-title-h1-content h1 {
    color: #FFFFFF;
    font-family: "Poppins", Sans-serif;
    font-size: 27px;
    font-weight: 500;
    line-height: 1.2em;
}

.event-detail-agent-name {
    color: #333333;
    font-family: "Poppins", Sans-serif;
    font-size: 14px;
    font-weight: 500;
}

.event-detail-agent-rating {
    color: #333333;
    font-family: "Poppins", Sans-serif;
    font-size: 14px;
}

.event-detail-agent-rating .i-star {
    color: #000FCC;
    font-family: "Poppins", Sans-serif;
    font-size: 18px;
}

.event-info-payment .event-item-info {
    width: 90%;
    font-weight: bolder;
    display: flex;
    flex-direction: row;
    color: #54595F;
    justify-content: start;
    position: unset;
    margin: auto;
}

.event-info-payment .event-item-info .cii-right {
    margin-left: 5rem;
}

.cii-end {
    margin-left: 1rem;
}

.unit-end {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.education_count_badge {
    background-color: #000FCA;
    color: white;
    padding: 4px 8px;
    text-align: center;
    border-radius: 5px;
}

.unit_card_education_count {
    margin: 1rem;
}

.event-detail-price-sp {
    max-width: 100%;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.coupon-code-area-inputs {
    display: flex;
    flex-direction: column;
}

#event-coupon-code, .coupon-code-info-sp {
    font-family: "Poppins", Sans-serif;
    font-size: 12px;
    font-weight: 400;
    margin-right: 1rem;
    height: 30px !important;
    line-height: 30px;
    width: 100%;
}

#coupon-code-info-btn {
    background-color: #7A7A7A !important;
    border-color: #7A7A7A !important;
    width: 100%;
}

#submit-event-payment-request, #submit-event-join-request {
    border-color: #000FCC;
    background-color: #000FCC;
}

.add-to-calendar-container {
    position: relative;
    width: 75%;
    margin: auto;
}

#add-to-calendar-cn {
    width: 100%;
    height: 42px;
    text-align: center;
    line-height: 44px;
    font-size: 16px;
    color: #54595F;
    font-family: "Poppins", Sans-serif;
    font-weight: 400;
    margin-top: -1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.add-to-calendar-dropdown a{
    text-align: left !important;
}

.agent-reviews {
    width: 75%;
    margin: auto;
}

.agent-reviews .reviews h1 {
    color: #000FCC;
    font-family: "Poppins", Sans-serif;
    font-size: 20px;
    font-weight: 400;
}

.event-detail .home-carousel {
    width: 100%;
}

.submit-event-request-btn {
    width: 100% !important;
}

/* ==========================================================================
   3 Steps
   ========================================================================== */

    .steps {
        padding: 0;
        margin-bottom: 0rem;
    }

    .steps-contents {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .steps-title {
        margin-bottom: 0;
    }

    .steps-title h2 {
        text-align: center;
        font-family: "Poppins", Sans-serif;
        font-size: 26px;
        font-weight: 400;
        color: #54595F;
    }

    .steps-contents .col {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .steps-contents {
        display: flex;
        flex-direction: column;
    }

    .step-img img {
        width: 140px;
        vertical-align: middle;
        display: inline-block;
    }

    .step-img:hover {
        transform: scale(1.1) rotate(4deg);
    }
    

    .step-title h4 {
        font-family: "Poppins", Sans-serif;
        font-size: 20px;
        font-weight: 300;
        line-height: 1.3em;
        color: #54595F;
    }

    .step-img {
        margin: 0 auto;
    }

    .step-title {
        text-align: center;
    }

    .step-info {
        text-align: center;
    }

    .step-info h2 {
        font-family: "Poppins", Sans-serif;
        font-size: 14px;
        font-weight: 300;
        line-height: 1.5em;
        color: #54595F;
    }

    .steps-button {
        text-align: center;
        margin-top: 1rem;
        margin-bottom: 3rem;
    }

    .steps-button a {
        font-family: "Poppins", Sans-serif;
        font-weight: 400;
        background-color: #FC4100;
        font-size: 13px;
        padding: 10px 20px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        color: #fff;
        display: inline-block;
        line-height: 1;
    }

/* ==========================================================================
   Agents & Profiles
   ========================================================================== */

.page.agents {
    background-color: #f4f5f7;
}

.agents.agent-profile {
    padding: 3rem 2rem;
    background-color: #fff;
    padding-top: 0;
}

.agent-profile {
    padding: 3rem 2rem;
}

.profile-left {
    width: 30%;
}

.profile-right {
    width: 69.665%;
    padding: 0 1rem;
}

.agent-profile .container {
    padding: 1rem .5rem;
    padding-top: 0;
}

.agent-header {
    position: relative;
    background-color: #fff;
    border-radius: 5px;
    padding: 1rem;
    text-align: center;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #F2F2F2;
    box-shadow: 0px 1px 6px -4px rgba(0,0,0,0.5);
}

.profile-image {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
}

.profile-left-languages {
    text-align: left;
    width: 100%;
    height: auto;
    border-radius: 50%;
    margin: 0;
}

.profile-left-languages i {
    color: #5f9ea0;
}


.profile-excerpt {
    padding: 1rem 0;
    font-family: "Poppins", Sans-serif;
    font-size: 13px;
    font-weight: 300;
    color: #54595F;
    text-align: center;
}

.profile-image img {
    max-width: 100%;
    height: auto;
    border-radius: 50%;
    border-radius: 50% 50% 50% 50%;
    box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.5);
}

.profile-image .status-icon {
    position: absolute;
    width: 24px;
    height: 24px;
    line-height: 20px;
    top: -2px;
    right: 8px;
    display: block;
    color: #fff;
    border-radius: 50%;
    font-size: .5rem;
    text-align: center;
    border: 3px solid #f4f5f7;
}

.profile-title {
    margin-top: 1rem;
    text-align: center;
}

.profile-title h1 {
    color: #000fca;
    font-family: "Poppins", Sans-serif;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1;
    padding: 0;
    margin: 0;
}

.profile-review-stars .i-star {
    color: #000fca;
    font-family: "Poppins", Sans-serif;
    font-size: 16px;
    font-weight: 300;
}

.profile-review-stars {
    font-family: "Poppins", Sans-serif;
    font-size: 16px;
    font-weight: 300;
}

.profile-appointment-btn {
    background-color: #fc4100;
    width: 80%;
    margin: auto;
    margin-bottom: 1rem;
    padding: .5rem;
    white-space: nowrap;
}

.profile-appointment-btn a {
    font-family: "Poppins", Sans-serif;
    font-weight: 400;
    background-color: var( --e-global-color-accent );
    padding: 12px 18px 12px 18px;
    color: #fff;
}

.profile-interact-btn {
    background-color: #e1e8ed;
    width: 80%;
    margin: auto;
    margin-bottom: 1rem;
    padding: .5rem;
    white-space: nowrap;
}

.profile-interact-btn a {
    font-family: "Poppins", Sans-serif;
    font-weight: 400;
    background-color: var( --e-global-color-accent );
    padding: 12px 18px 12px 18px;
    color: #000fca;
}

.profile-categories {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    white-space: nowrap;
}

.fagent-header {
    text-align: left;
}

.fagent-item-carousel {
    background-color: gray;
    cursor: pointer;
    position: relative;
    border-radius: 3px;
    height: auto;
    background-color: #fff;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #DFE7EC;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0px 3px 6px -4px rgba(0, 0, 0, 0.5);
    width: 100%;
}

.fprofile-agent-info {
    height: 100px;
    display: flex;
    flex-direction: row;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #E1E8ED;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 19px 19px 19px 19px;
}

.fprofile-agent-title {
    display: flex;
    flex-direction: column;
    width: 74%;
}

.fprofile-image {
    position: relative;
    width: 25%;
}

.fprofile-image img {
    max-width: 70px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #E1E8ED;
    border-radius: 50% 50% 50% 50%;
}

.fprofile-title h4 {
    color: #333333;
    font-family: "Poppins", Sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    padding: 0;
    margin: 0;
    text-align: left;
}

.fprofile-agent-info .status-icon {
    position: absolute;
    width: 24px;
    height: 24px;
    line-height: 20px;
    top: 5px;
    right: 5px;
    display: block;
    color: #fff;
    border-radius: 50%;
    font-size: .5rem;
    text-align: center;
    border: 3px solid #f4f5f7;
    background-color: #000FCC;
}

.fprofile-agent-info .status-icon i {
    font-size: 10px;
    color: #f4f5f7;
}

.fprofile-review-stars {
    font-family: "Poppins", Sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding-top: .5rem !important;
}

.fprofile-review-stars .i-star {
    color: #000fca;
    font-family: "Poppins", Sans-serif;
    font-size: 14px;
    font-weight: 500;
}
 
.fprofile-excerpt {
    padding: 1rem 0;
    font-family: "Poppins", Sans-serif;
    font-size: 13px;
    font-weight: 300;
    color: #54595F;
    text-align: center;
    padding: 19px 19px 11px 19px;
}

.fprofile-categories {
    margin: 1rem;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    white-space: nowrap;
}

.fpcategory-btn a {
    font-family: "Poppins", Sans-serif;
    font-size: 12px;
    font-weight: 400;
    fill: #54595F;
    color: #54595F;
    background-color: #F2F2F2;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #F2F2F2;
    border-radius: 50px 50px 50px 50px;
    padding: 8px 12px 8px 12px;
}

.fpcategory-btn {
    margin: 12px 6px 6px 0;
}

.unvan-title{
    font-size: small;
}

.featured-agents {
    width: 100%;
}

.featured-blog {
    width: 100%;
}

.featured-comments {
    width: 100%;
}

.owl-stage {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.owl-item{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto !important;
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    border-color: #E1E8ED;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.owl-nav button {
    position: absolute;
    top: 50%;
    background-color: #000;
    color: #fff;
    margin: 0;
    transition: all 0.3s ease-in-out;
  }

  .owl-nav button.owl-prev {
    left: -25px;
  }

  .owl-nav button.owl-next {
    right: -25px;
  }

  .owl-nav button {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background-color: #F2F2F2 !important;
      border-style: solid !important;
      border-width: 1px 1px 1px 1px !important;
      border-color: #F2F2F2 !important;
      border-radius: 50px 50px 50px 50px !important;
  }

  .owl-nav button span{
    font-size: 70px;    
    position: relative;
    top: -21px;
    line-height: 70px;
    width: 40px;
    display: block;
    height: 40px;
  }

  .last-item {
    height: 100%;
    background-color: #f2f2f2;
    padding: 50% 1rem;
    box-shadow: 0px 1px 6px -3px rgba(0,0,0,0.5);
    text-align: center;
}

.last-item > p:nth-child(1) {
    padding: 0;
    margin: 0;
}

.last-item i {
    font-size: 36px;
}

.last-item p {
    color: #54595F;
    font-family: "Poppins", Sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.4em;
    margin: 1rem 0;
}

.last-ch-btn {
    width: 100%;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #54595F;
    border-radius: 50px 50px 50px 50px;
    padding: .5rem 0;
}

.last-item a {
    font-family: "Poppins", Sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4em;
    color:54595F;
}

.last-item a span {
    font-family: "Poppins", Sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4em;
    color: #54595F;
    padding: 0 1rem;
}

.pcategory-btn {
    margin: 12px 6px 6px 0;
}

.pcategory-btn a {
    font-family: "Poppins", Sans-serif;
    font-size: 12px;
    font-weight: 400;
    fill: #54595F;
    color: #54595F;
    background-color: #F2F2F2;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #F2F2F2;
    border-radius: 50px 50px 50px 50px;
    padding: 8px 12px 8px 12px;
}

.profile-right .page-content {
    background: #fff;
    border-radius: 5px;
}

.profile-event-carousel {
    padding-top: 1rem;
}

.profile-event-carousel .carousel-item-info {
    justify-content: space-between;
    padding-left: 2rem;
    padding-right: 4rem;
}

#apdiv {
    padding-top: 2rem;
}

.profile-right .action-container.appAction {
    background-color: #fff;
    box-shadow: none;
}

#apdiv:parent{
    background-color: red;
}

.bookedSlot {
    background-color: #a3adb7;
    pointer-events: none;
    color: #f1f1f1 !important;
}

.payment-btn {
    width: 100%;
    text-align: center;
    background: #6FD096;
  }

#apdiv .package-item {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #E1E8ED;
    padding: 20px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
}

#apdiv .package-item:nth-child(odd) {
    background: #fff;
}

#apdiv .package-item-left {
    width: 100%;
}

#apdiv .package-item-right {
    width: 100%;
}

#apdiv .package-item .package-title {
    color: #000FCC;
    font-family: "Poppins", Sans-serif;
    font-size: 18px;
    font-weight: 400;
}

#apdiv .package-item .package-description {
    color: #7A7A7A;
    font-family: "Poppins", Sans-serif;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.5em;
}

#apdiv .package-item .package-meta {
    margin: 0;
    border: none;
    display: flex;
    flex-direction: column;
    text-align: center;
    
}

#apdiv .package-item .package-meta-item {
    padding: .2rem;
}

#apdiv .package-item .package-meta-label {
    text-transform: none;
    font-family: "Poppins", Sans-serif;
    font-size: 13px;
    font-weight: 300;
    color: #54595F;
}

#apdiv .package-item .package-meta-price span,
#apdiv .package-item .package-meta-price strong{
    font-family: "Poppins", Sans-serif;
    font-size: 30px;
    font-weight: 500;
    color: #000FCC;
}

#apdiv .package-item .package-button a{
    text-transform: none;
    font-family: "Poppins", Sans-serif;
    font-weight: 400;
    background-color: #000FCC;
    padding: 6px 9px 6px 9px;
}

.profile-content {
    font-family: "Poppins", Sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5em;
    color: #7A7A7A;
    margin-top: 2rem;
}

.profile-about-login
{
    text-align: center;
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
    padding: 10px;
    background: #f8d7da;
}

.more-less img {
    max-width: 100%;
    margin: .5rem;
}

.profile-content-title {
    margin-top: 0;
    color: #54595F;
    font-family: "Poppins", Sans-serif;
    font-size: 20px;
    font-weight: 400;
}

.profile-category-list {
    list-style: none;
    margin: 0 -1rem;
    padding: 0;
}

.profile-category-list li {
    display: block;
    text-align: left;
    border-bottom: 1px solid #f1f1f1;
}

.profile-category-list li:last-child {
    border-bottom: none;
}

.profile-category-list li a {
    display: block;
    padding: .5rem 1rem;
}

.profile-category-list .cat-name {
    display: inline-block;
    text-transform: uppercase;
    font-size: .8rem;
    letter-spacing: .5px;
    font-weight: 700;
}

.profile-category-list .cat-image {
    width: 48px;
    height: 48px;
    display: inline-block;
    margin-right: 5px;
}

.profile-category-list .cat-image img {
    width: 48px;
    height: 48px;
}

.action-container {
    width: 100%;
    background: #f8fafb;
    text-align: center;
    padding: 1px;
    box-shadow: inset 0 3px 10px -5px rgba(0, 0, 0, .3);
}

.action-title {
    padding: 0 1rem 1rem;
}

.action-title h3 {
    margin: 0;
    color: darkgreen;
}

.action-content {
    margin: 0 .5rem;
}

.appointment-packages {
    padding: 1rem 0 0;
    text-align: left;
    background: #fff;
}

.appointment-packages .profile-content-title {
    padding: 0 1rem;
}

.package-item {
    background: #fff;
    padding: 1rem;
    border-bottom: 1px solid #efefef;
}

.package-item:nth-child(odd) {
    background: #f7f7f7;
}

.package-item:last-child {
    border-bottom: 0;
}

.package-title {
    margin: 0 0 .5rem;
    font-size: 1.1rem;
    letter-spacing: .5px;
    font-weight: 400;
}

.package-infos-under-title {
    display: flex;
    flex-direction: row;
    margin: .5rem 0;
    flex-wrap: wrap;
}

.package-info-utitle {
    display: flex;
    flex-direction: row;
    margin-right: 1rem;
    white-space: nowrap;
}

.package-info-utitle-icon {
    margin-right: 5px;
    font-size: 13px;
}

.package-info-utitle-text {
    color: #7A7A7A;
    font-family: "Poppins", Sans-serif;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.5em;
}

.package-description {
    font-weight: 300;
}

.package-meta {
    margin: 1rem auto;
    border: 1px solid #efefef;
    border-radius: 4px;
    display: flex;
    -webkit-display: flex;
    justify-content: space-between;
}

.package-meta-item {
    padding: .5rem 1rem;
    font-size: .8rem;
    font-weight: bold;
    display: flex;
    flex-direction: column;
}

span.package-meta-label {
    display: block;
    letter-spacing: 1px;
    font-size: .8rem;
    font-weight: bold;
    color: #666;
    text-transform: uppercase;
}

.package-meta-price .package-meta-value {
    font-size: 1rem;
    color: #666;
    line-height: 1.2;
}

.package-meta-price .package-meta-value strong {
    font-size: 2rem;
    color: #f4b342;
}

span.package-meta-value.package-credits {
    font-size: .8rem !important;
    text-transform: none;
    letter-spacing: 1px;
}

.package-button {
    text-align: center;
    text-transform: uppercase;
}

.package-button .btn {
    font-size: .8rem;
}

.service-contents {
    border-top: 1px solid #d2e8ff;
    border-bottom: 1px solid #d2e8ff;
    margin-top: -1px;
}

.service-tab-content {
    position: relative;
    background: #fff;
    padding: 1.5rem 0 2rem;
    display: none;
}

.service-tab-content a:not(.btn),
.service-tab-content a:not(.btn):visited {
    color: #002aff;
}

.service-tab-content a:not(.btn):hover {
    color: #000;
}

.service-info-text {
    padding: 0 1rem;
    font-size: .9rem;
    line-height: 2;
}

.service-price,
.category-price {
    color: #fff;
    background: #f4b342;
    padding: .3rem;
    font-size: .7rem;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 3px;
    letter-spacing: 1px;
}

.service-price {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 3px 3px 0 0;
}

.category-pricing {
    margin: 1rem auto;
    padding: 0;
}

.category-item {
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    border-bottom: 1px dashed #efefef;
}

.category-item-name {
    min-width: 50%;
    text-align: left;
    font-weight: bold;
    color: #777;
    text-transform: uppercase;
    font-size: .8rem;
    letter-spacing: 1px;
    padding: .4rem 0;
}

.category-item-pricing-action {
    justify-content: space-between;
    align-items: center;
    flex-grow: 1;
}

.action-btn {
    margin-top: 1rem;
    letter-spacing: 1px;
}

.category-item .action-btn {
    margin: 0;
    font-size: .8rem;
}

.category-item .action-btn .btn {
    font-size: .8rem;
}

.profile-services .tabActive {
    background: #fff;
    border: 1px solid #d2e8ff;
    border-bottom: 0;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.busy span.active {
    color: #b13838;
}

.offline span.active {
    color: #444;
}

.profile-services {
    padding-bottom: 0;
}

/* ==========================================================================
   Appointments
   ========================================================================== */
.appointment-alert {
    position: fixed;
    top: 7rem;
    left: 0;
    width: 100%;
    background: rgb(255, 249, 226);
    font-size: .9rem;
    color: #191970;
    text-align: center;
    z-index: 998;
}

.alert-text {
    padding: 1rem;
}

.alert-button {
    padding: 0 1rem 1rem;
}

.appointment-alert .minutes {
    font-weight: bold;
}


.week-calendar {
    width: 100%;
    margin: 0 auto;
    box-shadow: 0 0 25px rgba(0, 0, 0, .2);
    border-radius: 3px;
    position: relative;
}

.calendar-heading {
    text-align: center;
    font-weight: 700;
    font-size: .9rem;
    color: #888;
    padding: 1rem;
    box-shadow: 0 0 6px -3px rgba(0, 0, 0, .2);
    background: #155dd9;
    color: #fff;
}

.calendar-body ul,
.calendar-body li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.dates {
    box-shadow: 0 0 4px -2px #2079ff;
}

.calendar-body ul {
    display: flex;
    -webkit-display: flex;
    align-items: stretch;
}

.dates li {
    flex-grow: 1;
}

.dates li a {
    display: block;
    padding: .5rem .3rem;
    font-size: 1.2rem;
    font-weight: 700;
    text-align: center;
    border-right: 1px solid #dfecff;
    color: #4078cc;
    cursor: pointer;
}

.dates li a:hover,
.dates li a:focus {
    text-decoration: none;
    color: #000;
}

.dates li.active a {
    background: #dfecff;
    color: #0f54d4;
}

.dates li:last-child {
    border-right: 0;
}

.dates li a>span {
    display: block;
    font-size: .65rem;
    font-weight: 400;
}

.hours {
    display: flex;
    flex-wrap: wrap;
    padding: 1rem .5rem;
    max-height: 50vh;
    overflow-y: auto;
}

.slot {
    padding: .8rem .6rem;
    margin: 1%;
    text-align: center;
    cursor: pointer;
    font-weight: 700;
    font-size: .8rem;
    color: #446c9e;
    border: 1px solid #dfecff;
    border-radius: 3px;
    letter-spacing: .5px;
}

.slot.active {
    position: relative;
    background: #446c9e;
    color: #fff;
}

.slot.active:before {
    content: "";
    position: absolute;
    top: -3px;
    right: -3px;
    width: 16px;
    height: 16px;
    background: #283f5d;
    border-radius: 50%;
}

.slot.active:after {
    content: "";
    position: absolute;
    top: 0;
    right: 2px;
    width: 5px;
    height: 8px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg);
    z-index: 2;
}

.submit-request {
    position: relative;
    margin-top: 1rem;
}

.payment-options {
    display: none;
    position: absolute;
    top: auto;
    left: 50%;
    bottom: 0rem;
    right: 1rem;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    border-radius: 3px;
    background: #fff;
    width: 100%;
    max-width: 300px;
    transform: translateX(-50%);
    z-index: 100;
    text-transform: uppercase;
}

.payment-options.open {
    display: block;
    z-index: 9999;
}

.payment-options a {
    display: block;
    padding: 1rem;
    color: #444;
    font-weight: 700;
    letter-spacing: 1px;
    border-bottom: 1px solid #efefef;
    font-size: .8rem;
}

.payment-options a:hover {
    text-decoration: none;
    background: #efefef;
}

.event-payment-options {
    display: none;
    position: sticky;
    top: auto;
    left: 50%;
    bottom: 2rem;
    right: 1rem;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    border-radius: 3px;
    background: #fff;
    width: 100%;
    z-index: 100;
    text-transform: uppercase;
    margin-top: -1.5rem;
    margin-bottom: 1rem;
}

.event-payment-options.open {
    display: block;
}

.event-payment-options a {
    display: block;
    padding: 1rem;
    color: #444;
    font-weight: 700;
    letter-spacing: 1px;
    border-bottom: 1px solid #efefef;
    font-size: .8rem;
}

.package-payment-options {
    display: none;
    flex-direction: column;
    gap: 2px;
    position: sticky;
    top: auto;
    left: 50%;
    bottom: 2rem;
    right: 1rem;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    border-radius: 3px;
    background: #fff;
    width: 100%;
    z-index: 100;
    text-transform: uppercase;
    margin-top: -1.5rem;
    margin-bottom: 1rem;
}

.package-payment-options.open {
    display: flex;
}

.package-payment-options a {
    display: block;
    padding: 1rem;
    color: #444;
    font-weight: 700;
    letter-spacing: 1px;
    border-bottom: 1px solid #efefef;
    font-size: .8rem;
}

.package-payment-options a:hover {
    text-decoration: none;
    background: #efefef;
}

.package-payment-options a:hover {
    text-decoration: none;
    background: #005500;
}

.submit-request-btn {
    text-align: center;
}

.submit-request-btn .active-btn:before {
    position: absolute;
    width: 0;
    height: 0;
    content: "";
    left: 50%;
    top: -12px;
    transform: translateX(-50%);
    border: 6px solid #007bff;
    border-top-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
}

.submit-request-btn .btn {
    padding: .8rem;
    font-weight: 700;
    letter-spacing: 1px;
    cursor: pointer;
    outline: 0;
    text-transform: uppercase;
}

.submit-request-btn button:disabled,
.submit-request-btn button[disabled] {
    background: #a3adb7;
    border-color: #a3adb7;
}

.submit-event-request-btn .active-btn:before {
    position: absolute;
    width: 0;
    height: 0;
    content: "";
    left: 50%;
    bottom: -12px;
    transform: translateX(-50%);
    border: 6px solid #007bff;
    border-bottom-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
}

.submit-event-request-btn .btn {
    padding: .8rem;
    font-weight: 700;
    letter-spacing: 1px;
    cursor: pointer;
    outline: 0;
    margin-bottom: 2rem;
    width: 100%;
    font-size: 13px;
    height: 42px;
}

.submit-event-request-btn {
    text-align: center;
    width: 100%;
}

.event-payment {
    display: flex;
    flex-direction: column;
    margin: auto;
}

#multi-ticket-size {
    height: 42px;
    width: 100% !important;
    margin-bottom: 1rem;
    margin-right: 1rem;
}

.submit-event-request-btn button:disabled,
.submit-event-request-btn button[disabled] {
    background: #a3adb7;
    border-color: #a3adb7;
}

/* ==========================================================================
   User Reviews
   ========================================================================== */

.rating-form {
    width: 100%;
    max-width: 360px;
    position: relative;
    margin: 0 auto;
}

.rating-form input[type="radio"] {
    display: none;
}

.stars label {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: #fff url(img/star.svg) 0 0 no-repeat;
    cursor: pointer;
}

.stars label:hover,
.stars label.vote {
    background-position: 0 -32px;
}

.comment label {
    display: block;
    font-size: .9rem;
    font-weight: 600;
    color: #666;
    padding-bottom: 0.5rem;
}

.comment textarea {
    width: 100%;
    border: 1px solid #ddd;
    height: 100px;
    line-height: 1.4;
    font-size: .9rem;
    padding: .5rem;
}

.reviews {
    padding-bottom: 1rem;
}

.review {
    position: relative;
    padding-top: 1rem;
    margin-bottom: 1rem;
    border-top: 1px solid #efefef;
}

.review-head {
    text-align: center;
    margin-bottom: 6px;
}

.review:before {
    position: absolute;
    content: "";
    top: 0;
    left: 50%;
    margin-left: -60px;
    width: 120px;
    height: 3px;
    background: #eee;
}

.review-rating span {
    margin-right: 0.3rem;
}

.review-comment {
    font-size: .9rem;
    word-break: break-word;
    overflow-wrap: anywhere;
}

.review-date {
    font-size: .8rem;
    font-weight: 700;
    text-align: center;
    padding-top: .5rem;
}


/* ==========================================================================
   Blog
   ========================================================================== */

.posts {
    padding: 1rem 0;
}

.post-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.post-list .list-item {
    width: 100%;
    padding: 0 .5rem 2rem;
}

.post-list .post {
    width: 100%;
    height: 100%;
    padding: .5rem;
    margin-bottom: 0.5rem;
    flex-direction: column;
}

.post a {
    width: 100%;
    display: block;
}

.post-title {
    flex-grow: 1;
}

.post-title h3 {
    margin-bottom: .5rem;
}

.post-image {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
}

.post-image img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.post-author {
    margin-top: auto;
}

.post-author-detail {
    max-width: 200px;
    min-width: 160px;
    margin: 0;
    padding: 1rem 0;
}

.post-author-inner.stick {
    max-width: 160px;
    position: fixed;
    top: 100px;
}

.post-author-inner {
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    padding: .5rem;
    align-items: center;
    border-radius: 5px;
    text-align: center;
}

.author-prefix {
    display: block;
    padding-bottom: .5rem;
    font-size: .8rem;
    font-weight: 700;
}

.post-author a,
.post-author-detail a,
.post-content a {
    font-weight: 700;
    color: rgb(0, 102, 255);
    letter-spacing: .5px;
}

.post-author a:hover,
.post-author-detail a:hover,
.post-content a:hover {
    color: #333;
}

.post-author-image {
    min-width: 60px;
    height: auto;
}

.post-author-image img {
    width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: 4px;
}

.post-author-name {
    padding: 1rem 0;
}

.post-author-action {
    margin-left: auto;
}

.post-author-action .btn {
    border-radius: 4px;
    font-size: .9rem;
}

.post-content {
    line-height: 2;
    padding-left: 1rem;
    padding-right: 1rem;
}


/* ==========================================================================
   Modal
   ========================================================================== */

.modal-wrapper:before {
    content: "";
    display: none;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1005;
    max-width: 100vw;
}

.fired.modal-wrapper:before {
    display: block;
}

.modal.open {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}

.modal {
    background: #fefefe;
    border: #333333 solid 0px;
    border-radius: 3px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1008;
    width: 100%;
    max-width: 360px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
    -webkit-transform: translate(0, -500%);
    transform: translate(0, -500%);
    transition: transform 0.3s ease-out;
}

.modal-m {
    max-width: calc(100% -2rem);
    height: 80%;
}

.modal-l {
    width: 100%;
    height: 100%;
}

div#videoCallStart {
    max-width: 80%;
}

.suggestion-flex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.info-search-result {
    font-size: .8rem;
    color: #b4b4b4;
}

.coupon-detail-title {
    font-weight: bolder;
}

.coupon-detail-valid-packages-row{
    display: block;
    width: 100%;
    text-align: left;
}

.coupon-detail-valid-packages-column {
    display: block;
    width: 50%;
    text-align: left;
}

.coupon-detail-valid-app-packages-row {
    display: flex;
}

#coupon-details {
    cursor: pointer;   
}

@media only screen and (max-width: 768px) {
    div#videoCallStart {
        max-width: 100%;
    }
}

div#videoStart {
    max-width: 80%;
    max-height: 750px;
}

#customProfileForm {
    height: 100%;
}

.modal-body {
    padding: 1.5rem;
    font-size: .9rem;
    height: calc(100% - 50px);
    overflow-y: auto;
    overflow-x: auto;
    max-height: 88vh;
}

.compact .modal-body {
    padding: 0;
}

.np {
    padding: 0;
}

.modal-body.np {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.modal-body p {
    text-align: center;
}

.modal-body a {
    color: #002aff;
    outline: 0;
    font-size: 14px;
    font-weight: bold;
}

.modal-body .rate-agent {
    color: green;
}

.modal-body a:hover {
    text-decoration: underline;
}

.modal-header,
.modal-footer {
    padding: 10px 10px 10px 20px;
}

.modal-header {
    text-align: right;
    border-bottom: #eee solid 1px;
    -webkit-box-shadow: 0 0 6px -3px rgba(0, 0, 0, .3);
    box-shadow: 0 0 6px -3px rgba(0, 0, 0, .3);
}

.modal-header h3,
.modal-body h3 {
    font-size: 20px;
    font-weight: 400;
    margin: 0;
}

.modal-body h3 {
    text-align: center;
}

.modal-close {
    display: inline-block;
    border-radius: 3px;
    padding: 3px;
    width: 28px;
    height: 28px;
    text-align: center;
}

.modal-pre-next {
    border-radius: 3px;
    padding: 3px;
    height: 28px;	
	float: left;
    width: auto;
    display: block;
    font-size: 1.0rem;
    font-weight: 700;
    text-align: center;
    color: #4078cc !important;;
    cursor: pointer;
    
}

.modal-pre-next:hover {
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.6);
    background: #ddd;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.modal-close:hover {
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.6);
    background: #ddd;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.modals-content {
    width: 0;
    height: 0;
    overflow: hidden;
    display: none;
}

.video-frame {
    width: 100%;
    height: 100%;
    background: #333;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.frame-content {
    text-align: center;
    color: #fff;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.video-iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.modal .user-form {
    margin: 0 auto;
}

.modal-loading {
    width: 40px;
    height: 40px;
    position: relative;
    margin: 1rem auto;
}

.modal-loading:after,
.modal-loading:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #fff;
    opacity: 0.6;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
}

.modal-loading:before {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {

    0%,
    100% {
        -webkit-transform: scale(0.0)
    }

    50% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bounce {

    0%,
    100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}


/* ==========================================================================
   Footer
   ========================================================================== */

.footer .flex {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: center;
}

.footer .link-tk {
    max-width: 140px;
}

.footer-links {
    margin: 1rem;
    display: flex;
    flex-direction: column;
}

.footer-links span {
    margin-right: 1rem;
}

.footer .container {
    display: flex;
    flex-direction: column;
}

.footer .col {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.footer .flex .link-home {
    max-width: 60px;
}

.footer img {
    width: 100%;
    height: auto;
    opacity: .5;
}

.footer img:hover {
    opacity: 1;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

.social-links {
    text-align: center;
    margin: auto;
}

.nav-social {
    padding: 0;
    margin: 0 auto;
    list-style: none;
}

.nav-social li {
    display: inline-block;
    padding: 1rem .5rem;
}

.nav-social li i {
    font-size: 1.4rem;
}

.nav-social li span {
    display: none;
}

.app-links {
    font-size: .9rem;
    letter-spacing: .5px;
}

.card-brands {
    --scale: 1;
    list-style: none;
    margin: 0;
    padding: 0;
    display: contents;
}
.card-brands li {
    display: inline-block;
    margin: 13px 20px 0 0;
    text-indent: -9000px;
    height: calc(42px * var(--scale));
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.card-brands .card-visa {
    width: calc(52px * var(--scale));
    margin-left: -2px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MiIgaGVpZ2h0PSIyMyIgdmlld0JveD0iMCAwIDQyIDIzIj48cGF0aCBkPSJNMjAuOCA1TDE4IDE4aC0zLjRsMi44LTEzem0xNC4xIDguNGwxLjgtNC45IDEgNC45em0zLjggNC42aDMuMUwzOS4xIDVoLTIuOWExLjUgMS41IDAgMCAwLTEuNCAxbC01IDEyaDMuNWwuNy0xLjloNC4zem0tOC44LTQuM2MwLTMuNC00LjctMy42LTQuNy01LjFhMS4zMiAxLjMyIDAgMCAxIDEuNC0xLjEgNi4yOCA2LjI4IDAgMCAxIDMuMy42bC42LTIuOGE4LjUzIDguNTMgMCAwIDAtMy4xLS42Yy0zLjMgMC01LjcgMS44LTUuNyA0LjMgMCAxLjkgMS43IDIuOSAyLjkgMy41czEuOCAxIDEuNyAxLjZjMCAuOS0xIDEuMy0yIDEuM2E4LjUzIDguNTMgMCAwIDEtMy41LS44bC0uNiAyLjhhOS43MSA5LjcxIDAgMCAwIDMuNy43YzMuNy4xIDYtMS43IDYtNC40TTE2IDVsLTUuNCAxM0g3TDQuMyA3LjZhMS4zMyAxLjMzIDAgMCAwLS44LTEuMUExMS42NiAxMS42NiAwIDAgMCAuMiA1LjRMLjMgNUg2YTEuNTEgMS41MSAwIDAgMSAxLjUgMS4zbDEuNCA3LjVMMTIuNSA1eiIgZmlsbD0iIzZiN2M5MyIvPjwvc3ZnPg==);
}

.card-brands .card-mastercard {
    width: calc(92px * var(--scale));
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4NCIgaGVpZ2h0PSIyMyIgdmlld0JveD0iMCAwIDg0IDIzIj48cGF0aCBkPSJNMzUuMjUgOC45YTIgMiAwIDAgMC0xLjguOSAxLjk0IDEuOTQgMCAwIDAtMS43LS45IDEuNjYgMS42NiAwIDAgMC0xLjUuN1Y5aC0xLjF2NC45aDEuMXYtMi43YTEuMjYgMS4yNiAwIDAgMSAxLjMtMS4zYy43IDAgMS4xLjUgMS4xIDEuM3YyLjdoMS4xdi0yLjdhMS4yNiAxLjI2IDAgMCAxIDEuMy0xLjNjLjcgMCAxLjEuNSAxLjEgMS4zdjIuN2gxLjF2LTNhMS44OSAxLjg5IDAgMCAwLTItMnptNi45LjhhMS44MSAxLjgxIDAgMCAwLTEuNS0uNyAyLjQyIDIuNDIgMCAwIDAtMi40IDIuNiAyLjQ4IDIuNDggMCAwIDAgMi40IDIuNiAxLjgxIDEuODEgMCAwIDAgMS41LS43di40aDEuMVY5aC0xLjF6bS0xLjQgMy40YTEuNSAxLjUgMCAwIDEtMS41LTEuNiAxLjUgMS41IDAgMSAxIDMgMCAxLjUgMS41IDAgMCAxLTEuNSAxLjZ6TTQ3IDExbC0uNS0uMWMtLjQtLjEtLjgtLjItLjgtLjVzLjMtLjYuOS0uNmEzIDMgMCAwIDEgMS41LjRsLjUtLjhhMy45NCAzLjk0IDAgMCAwLTItLjVjLTEuMiAwLTIgLjYtMiAxLjYgMCAuOC42IDEuMyAxLjYgMS40bC41LjFjLjYuMS44LjMuOC41IDAgLjQtLjQuNi0xLjEuNmEyLjE3IDIuMTcgMCAwIDEtMS42LS41bC0uNS44YTMuNzcgMy43NyAwIDAgMCAyLjEuNmMxLjQgMCAyLjItLjcgMi4yLTEuNnMtLjU1LTEuMi0xLjYtMS40em01LjQgMi4xYS44Mi44MiAwIDAgMS0uOC0uOXYtMi4xaDEuOXYtMWgtMS45VjcuNmgtMS4xdjEuNWgtMXYxaDF2Mi4xYzAgMS4zLjYgMS45IDEuNyAxLjlhMi40NiAyLjQ2IDAgMCAwIDEuNS0uNWwtLjQtLjlhMS44IDEuOCAwIDAgMS0uOTUuNHptNC40LTQuMmEyLjM3IDIuMzcgMCAwIDAtMi40IDIuNiAyLjM5IDIuMzkgMCAwIDAgMi41IDIuNiAzLjA2IDMuMDYgMCAwIDAgMi0uN2wtLjUtLjhhMi4zOSAyLjM5IDAgMCAxLTEuNC41IDEuMzIgMS4zMiAwIDAgMS0xLjQtMS4yaDMuNnYtLjRhMi40OCAyLjQ4IDAgMCAwLTIuNDUtMi42em0tMS4zIDIuMmExLjI0IDEuMjQgMCAwIDEgMS4zLTEuMnExLjA1IDAgMS4yIDEuMnptNS45LTEuNVY5aC0xLjF2NC45aDEuMXYtMi43YTEuMTggMS4xOCAwIDAgMSAxLjItMS4zIDEuODggMS44OCAwIDAgMSAuOC4ybC4zLTEuMWEyIDIgMCAwIDAtLjgtLjEgMS41OCAxLjU4IDAgMCAwLTEuNTUuN3ptNSAuM2ExLjg1IDEuODUgMCAwIDEgMS4yLjVsLjctLjdhMi4zNCAyLjM0IDAgMCAwLTEuOC0uOCAyLjUyIDIuNTIgMCAwIDAtMi42IDIuNiAyLjQ3IDIuNDcgMCAwIDAgMi42IDIuNiAyLjM0IDIuMzQgMCAwIDAgMS44LS44bC0uNy0uN2ExLjY2IDEuNjYgMCAwIDEtMS4yLjUgMS40MyAxLjQzIDAgMCAxLTEuNC0xLjYgMS40MyAxLjQzIDAgMCAxIDEuMzUtMS42em02LjQtLjJhMS44MSAxLjgxIDAgMCAwLTEuNS0uNyAyLjQyIDIuNDIgMCAwIDAtMi40IDIuNiAyLjQ4IDIuNDggMCAwIDAgMi40IDIuNiAxLjgxIDEuODEgMCAwIDAgMS41LS43di40aDEuMVY5aC0xLjF6bS0xLjQgMy40YTEuNSAxLjUgMCAwIDEtMS41LTEuNiAxLjUgMS41IDAgMSAxIDMgMCAxLjUgMS41IDAgMCAxLTEuNTUgMS42em01LjEtMy41VjloLTEuMXY0LjloMS4xdi0yLjdhMS4xOCAxLjE4IDAgMCAxIDEuMi0xLjMgMS44OCAxLjg4IDAgMCAxIC44LjJsLjMtMS4xYTIgMiAwIDAgMC0uOC0uMSAxLjU4IDEuNTggMCAwIDAtMS41NS43em02LjQtM3YzYTEuODEgMS44MSAwIDAgMC0xLjUtLjcgMi40MiAyLjQyIDAgMCAwLTIuNCAyLjYgMi40OCAyLjQ4IDAgMCAwIDIuNCAyLjYgMS44MSAxLjgxIDAgMCAwIDEuNS0uN3YuNUg4NFY2LjZ6bS0xLjQgNi41YTEuNSAxLjUgMCAwIDEtMS41LTEuNiAxLjUgMS41IDAgMSAxIDMgMCAxLjUgMS41IDAgMCAxLTEuNTUgMS42ek05IDExLjZhNy40OCA3LjQ4IDAgMCAxIDMtNiA3LjUgNy41IDAgMSAwIDAgMTIgNy40NSA3LjQ1IDAgMCAxLTMtNnoiIGZpbGw9IiM2YjdjOTMiLz48cGF0aCBkPSJNMTYuNSA0LjFBNy40NyA3LjQ3IDAgMCAwIDEyIDUuNjFhNy40OCA3LjQ4IDAgMCAxIDAgMTIgNy40MSA3LjQxIDAgMCAwIDQuNSAxLjUxIDcuNSA3LjUgMCAwIDAgMC0xNXoiIGZpbGw9IiM2YjdjOTMiIG9wYWNpdHk9Ii41Ii8+PHBhdGggZD0iTTE1IDExLjZhNy40OCA3LjQ4IDAgMCAwLTMtNmMtMS44MiAxLjQtNCAzLjU1LTQgNnMyLjE4IDQuNjMgNCA2YTcuNDUgNy40NSAwIDAgMCAzLTZ6IiBmaWxsPSIjNmI3YzkzIiBvcGFjaXR5PSIuNzUiLz48L3N2Zz4=)
}

.card-brands .card-mastercard-ca {
    width: calc(52px * var(--scale));
    background-image: url(/assets/compiled/js/../img/mastercard-ca.svg)
}

.card-brands .card-maestro {
    width: calc(78px * var(--scale));
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2OS4xNyIgaGVpZ2h0PSIxNS4wMiIgdmlld0JveD0iMCAwIDY5LjE3IDE1LjAyIj48cGF0aCBkPSJNOSA3LjVhNy40OCA3LjQ4IDAgMCAxIDMtNiA3LjUgNy41IDAgMSAwIDAgMTIgNy40NSA3LjQ1IDAgMCAxLTMtNnoiIGZpbGw9IiM2YjdjOTMiLz48cGF0aCBkPSJNMTYuNSAwQTcuNDcgNy40NyAwIDAgMCAxMiAxLjUxYTcuNDggNy40OCAwIDAgMSAwIDEyIDcuNDEgNy40MSAwIDAgMCA0LjUgMS41MSA3LjUgNy41IDAgMCAwIDAtMTV6IiBzdHlsZT0iaXNvbGF0aW9uOmlzb2xhdGUiIGZpbGw9IiM2YjdjOTMiIG9wYWNpdHk9Ii41Ii8+PHBhdGggZD0iTTE1IDcuNWE3LjQ4IDcuNDggMCAwIDAtMy02Yy0xLjgyIDEuNC00IDMuNTUtNCA2czIuMTggNC42MyA0IDZhNy40NSA3LjQ1IDAgMCAwIDMtNnoiIHN0eWxlPSJpc29sYXRpb246aXNvbGF0ZSIgZmlsbD0iIzZiN2M5MyIgb3BhY2l0eT0iLjc1Ii8+PHBhdGggZD0iTTM3LjA4IDkuODFWNi42N2ExLjg2IDEuODYgMCAwIDAtMi0yIDEuOTQgMS45NCAwIDAgMC0xLjc2Ljg5IDEuODQgMS44NCAwIDAgMC0xLjY1LS44OSAxLjY1IDEuNjUgMCAwIDAtMS40Ni43NHYtLjZoLTEuMDZ2NWgxLjFWNy4wM2ExLjE3IDEuMTcgMCAwIDEgMS4yMi0xLjMzYy43MiAwIDEuMDkuNDcgMS4wOSAxLjMyVjkuOGgxLjFWNy4wM2ExLjE4IDEuMTggMCAwIDEgMS4yMi0xLjMzYy43NCAwIDEuMS40NyAxLjEgMS4zMlY5Ljh6bTYuMTMtMi41di0yLjVoLTEuMDl2LjYxYTEuOSAxLjkgMCAwIDAtMS41OC0uNzNBMi41IDIuNSAwIDAgMCAzOCA3LjMxYTIuNSAyLjUgMCAwIDAgMi41NCAyLjU5IDEuOSAxLjkgMCAwIDAgMS41OC0uNzN2LjYxaDEuMDl6bS00IDBhMS41MSAxLjUxIDAgMSAxIDMgMCAxLjUxIDEuNTEgMCAxIDEtMyAwem0yNy4yNy0yLjYzYTIuODIgMi44MiAwIDAgMSAxLjA3LjIgMi42MiAyLjYyIDAgMCAxIC44NS41NSAyLjUzIDIuNTMgMCAwIDEgLjU2LjgzIDIuNzggMi43OCAwIDAgMSAwIDIuMDkgMi41MyAyLjUzIDAgMCAxLS41Ni44MyAyLjYxIDIuNjEgMCAwIDEtLjg1LjU1IDMgMyAwIDAgMS0yLjE1IDAgMi41OSAyLjU5IDAgMCAxLS44NS0uNTUgMi41NiAyLjU2IDAgMCAxLS41Ni0uODMgMi43OCAyLjc4IDAgMCAxIDAtMi4wOSAyLjU2IDIuNTYgMCAwIDEgLjU2LS44MyAyLjU5IDIuNTkgMCAwIDEgLjg1LS41MyAyLjgyIDIuODIgMCAwIDEgMS4wOC0uMjJ6bTAgMWExLjYyIDEuNjIgMCAwIDAtLjYyLjEyIDEuNDcgMS40NyAwIDAgMC0uNS4zMyAxLjUzIDEuNTMgMCAwIDAtLjMzLjUxIDEuODIgMS44MiAwIDAgMCAwIDEuMyAxLjUzIDEuNTMgMCAwIDAgLjMzLjUxIDEuNDcgMS40NyAwIDAgMCAuNS4zMyAxLjcgMS43IDAgMCAwIDEuMjQgMCAxLjUgMS41IDAgMCAwIC41LS4zMyAxLjUyIDEuNTIgMCAwIDAgLjMzLS41MSAxLjgyIDEuODIgMCAwIDAgMC0xLjMgMS41MiAxLjUyIDAgMCAwLS4zMy0uNTEgMS41IDEuNSAwIDAgMC0uNS0uMzMgMS42MiAxLjYyIDAgMCAwLS42Mi0uMXptLTE3LjM1IDEuNmEyLjQgMi40IDAgMCAwLTIuMzctMi42MiAyLjQ0IDIuNDQgMCAwIDAtMi40OSAyLjYyIDIuNDYgMi40NiAwIDAgMCAyLjU1IDIuNjIgMyAzIDAgMCAwIDItLjdsLS41My0uODFhMi4zOCAyLjM4IDAgMCAxLTEuNDUuNTIgMS4zOSAxLjM5IDAgMCAxLTEuNS0xLjIyaDMuNzZjLjAxLS4xLjAyLS4yNC4wMi0uMzh6TTQ1LjQgNi45YTEuMjkgMS4yOSAwIDAgMSAxLjMzLTEuMjFBMS4yNCAxLjI0IDAgMCAxIDQ4IDYuOXptOC43Ny0xLjY2YTMuNzQgMy43NCAwIDAgMC0yLS41MmMtMS4yNyAwLTIuMDguNjEtMi4wOCAxLjYgMCAuODIuNjEgMS4zMiAxLjczIDEuNDdsLjUxLjA3Yy42LjA4Ljg4LjI0Ljg4LjUycy0uNC42MS0xLjE0LjYxYTIuNjYgMi42NiAwIDAgMS0xLjY2LS41MmwtLjUxLjg1YTMuNjEgMy42MSAwIDAgMCAyLjEuNThjMS40NCAwIDIuMjgtLjY4IDIuMjgtMS42M3MtLjY2LTEuMzQtMS43NS0xLjVMNTIgNi43M2MtLjQ3LS4wNi0uODUtLjE2LS44NS0uNDlzLjM2LS41OSAxLS41OWEzLjIyIDMuMjIgMCAwIDEgMS41Ni40M3ptNC43NS0uNGgtMS43N1YzLjI5aC0xLjF2MS41Mkg1NXYxaDF2Mi4yOGMwIDEuMTYuNDUgMS44NSAxLjc0IDEuODVhMi41NSAyLjU1IDAgMCAwIDEuMzYtLjM5bC0uMzEtLjkzYTIgMiAwIDAgMS0xIC4yOGMtLjU0IDAtLjcyLS4zMy0uNzItLjg0VjUuOGgxLjc4em0zLjc2LS4xM2ExLjQ3IDEuNDcgMCAwIDAtMS4zMi43M3YtLjYzSDYwLjN2NWgxLjA5VjdjMC0uODMuMzYtMS4yOSAxLjA3LTEuMjlhMS43NyAxLjc3IDAgMCAxIC42OC4xM2wuMzMtMWEyLjMyIDIuMzIgMCAwIDAtLjc3LS4xNHoiIGZpbGw9IiM2YjdjOTMiLz48L3N2Zz4=)
}

.card-brands .card-amex {
    width: calc(69px * var(--scale));
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1OSIgaGVpZ2h0PSIyMyIgdmlld0JveD0iMCAwIDU5IDIzIj48cGF0aCBmaWxsPSIjNmI3YzkzIiBkPSJNNTYgNy4yN0w1My4xMyAzaC0yLjM1djdoMS44N1Y1LjU0TDU1LjU3IDEwaDIuMjZWM0g1NnY0LjI3ek00NS4xMiA3bDEtMi4zNUw0NyA3em0tLjE5LTRsLTMuMDcgN2gyLjA2bC41OC0xLjQ0aDMuMjZsLjYyIDEuNDRoMi4xMWwtMy4xNy03em0tNi4xNCAzLjU1VjYuNGExLjYxIDEuNjEgMCAwIDEgMS43Ny0xLjc3aDIuMTFWM2gtMi4yNWEzLjIyIDMuMjIgMCAwIDAtMy41IDMuNHYuMTVhMy4xNCAzLjE0IDAgMCAwIDMuNCAzLjRINDFsLjc2LTEuNThoLTEuMWExLjYyIDEuNjIgMCAwIDEtMS44Mi0xLjgyTTM0LjA5IDN2N2gxLjg3VjNoLTEuODd6bS0zLjc0IDNoLTJWNC41OGgyYy41OCAwIC44Ni4zNC44Ni43MnMtLjI4LjY3LS44Ni42N20yLjczLS43MkEyLjIzIDIuMjMgMCAwIDAgMzAuNTkgM2gtNHY3aDEuODdWNy41NmguNjdMMzEuMjEgMTBoMi4zNWwtMi4zLTIuNTRhMi4xNyAyLjE3IDAgMCAwIDEuODItMi4yMU0xOS40MiAxMGg1LjlWOC40MmgtNC4wM1Y3LjI3aDMuOTNWNS42OGgtMy45M3YtMS4xaDQuMDNWM2gtNS45djd6bS01Ljk1LTIuNTlMMTEuODkgM0g4Ljk3djdoMS44MlY0Ljk3TDEyLjYxIDEwaDEuNjhsMS44Ny01LjAzVjEwaDEuODJWM2gtMi45MmwtMS41OSA0LjQxek0zLjMxIDdsMS0yLjM1TDUuMjMgN3ptLS4yNC00TDAgMTBoMi4wNmwuNTgtMS40NEg1LjlMNi41MiAxMGgyLjExTDUuNTEgM3ptNTMuNjggMTIuNjRINTVhLjU2LjU2IDAgMSAxIDAtMS4xMWgzLjEybC43NC0xLjUzSDU1YTIuMjMgMi4yMyAwIDAgMC0yLjQ5IDIuMjEgMiAyIDAgMCAwIDIuMjUgMi4xMWgxLjczYS41OC41OCAwIDEgMSAwIDEuMTVoLTMuNzJWMjBoMy43NEEyLjIxIDIuMjEgMCAwIDAgNTkgMTcuNzVhMiAyIDAgMCAwLTIuMjUtMi4xMW0tNi44NiAwaC0xLjcyYS41Ni41NiAwIDEgMSAwLTEuMTFoMy4xMUw1MiAxM2gtMy44M2EyLjIzIDIuMjMgMCAwIDAtMi41IDIuMjEgMiAyIDAgMCAwIDIuMjYgMi4xMWgxLjcyYS41OC41OCAwIDEgMSAwIDEuMTVoLTMuNzRWMjBoMy43NGEyLjIxIDIuMjEgMCAwIDAgMi41LTIuMjUgMiAyIDAgMCAwLTIuMjYtMi4xMW0tMTAuOTMgNC4zMWg1Ljl2LTEuNThoLTQuMDN2LTEuMTVoMy45M3YtMS41OGgtMy45M3YtMS4xMWg0LjAzdi0xLjU4aC01Ljl2N3ptLTMuNjktNC4wM2gtMnYtMS4zOWgyYy41NyAwIC44Ni4zNC44Ni43MmEuNzcuNzcgMCAwIDEtLjg2LjY3bTIuNzMtLjcxQTIuMjQgMi4yNCAwIDAgMCAzNS41MSAxM2gtNHY3aDEuODd2LTIuNDlIMzRMMzYuMTMgMjBoMi4zbC0yLjMtMi41NEEyLjIxIDIuMjEgMCAwIDAgMzggMTUuMjFtLTEwLjA3Ljg2aC0ydi0xLjU0aDJhLjc3Ljc3IDAgMCAxIC44Ny43Ny44Mi44MiAwIDAgMS0uODcuNzdtLjE5LTMuMDdoLTQuMDd2N2gxLjg3di0yLjNoMi4xNmEyLjMyIDIuMzIgMCAwIDAgMi41NC0yLjM1IDIuMjggMi4yOCAwIDAgMC0yLjUtMi4zNW0tNC40MS0uMDVoLTIuMzlsLTEuODMgMi4xMS0xLjgyLTIuMTFoLTIuNDRsMy4wNyAzLjQ1LTMuMTIgMy41NWgyLjRsMS44Ny0yLjIgMS45MSAyLjJoMi40NWwtMy4xNy0zLjU5IDMuMDctMy40MXptLTE0LjcyIDdoNS45di0xLjU4aC00LjAzdi0xLjE1aDMuOTN2LTEuNThoLTMuOTN2LTEuMTFoNC4wM3YtMS41OGgtNS45djd6Ii8+PC9zdmc+)
}

.card-brands .card-diners {
    width: calc(37px * var(--scale));
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNyIgaGVpZ2h0PSIyMyIgdmlld0JveD0iMCAwIDI3IDIzIj48cGF0aCBkPSJNMTUuMzEgMGgtNC42QTExLjE3IDExLjE3IDAgMCAwIDAgMTEuNiAxMS40MiAxMS40MiAwIDAgMCAxMS4yMSAyM2g0LjFBMTEuNzIgMTEuNzIgMCAwIDAgMjcgMTEuNnYtLjFBMTEuNjEgMTEuNjEgMCAwIDAgMTUuMzEgMHptLTMuOCAyMUE5LjU2IDkuNTYgMCAwIDEgMiAxMS41IDkuNTYgOS41NiAwIDAgMSAxMS41MSAyIDkuNTYgOS41NiAwIDAgMSAyMSAxMS41YTkuNTYgOS41NiAwIDAgMS05LjQ5IDkuNXoiIGZpbGw9IiM2YjdjOTMiLz48cGF0aCBkPSJNMTMgNS4ydjEyLjdhNi41NCA2LjU0IDAgMCAwIDAtMTIuN3pNNS4zMSA5LjlhNi41NyA2LjU3IDAgMCAwIDQuNyA4VjUuMmE2LjU4IDYuNTggMCAwIDAtNC43IDQuN3oiIGZpbGw9IiM2YjdjOTMiLz48L3N2Zz4=)
}

.card-brands .card-discover {
    width: calc(65px * var(--scale));
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NSIgaGVpZ2h0PSIyMyIgdmlld0JveD0iMCAwIDU1IDIzIj48cGF0aCBkPSJNMy4yIDcuMDVILjdWMTZoMi41YTQuNDUgNC40NSAwIDAgMCAzLjEtMSA0LjU4IDQuNTggMCAwIDAgMS42LTMuNCA0LjM1IDQuMzUgMCAwIDAtNC4yLTQuNXptMiA2LjdhMy4xNyAzLjE3IDAgMCAxLTIuMy43aC0uNXYtNS45aC41YTMuMTcgMy4xNyAwIDAgMSAyLjMuNyAzLjEgMy4xIDAgMCAxIC45IDIuMiAzLjE3IDMuMTcgMCAwIDEtLjkgMi4zek04LjYgMTZoMS43VjcuMDVIOC42em01LjgtNS41Yy0xLS40LTEuMy0uNi0xLjMtMS4xYTEuMTEgMS4xMSAwIDAgMSAxLjItMSAyLjEgMi4xIDAgMCAxIDEuNC43bC45LTEuMmE0IDQgMCAwIDAtMi41LTEgMi41NiAyLjU2IDAgMCAwLTIuNyAyLjR2LjFjMCAxLjIuNSAxLjkgMi4xIDIuNGE2LjEyIDYuMTIgMCAwIDEgMS4yLjUgMS4wNSAxLjA1IDAgMCAxIC41LjkgMS4zMSAxLjMxIDAgMCAxLTEuMiAxLjNoLS4xYTIgMiAwIDAgMS0xLjgtMS4yTDExIDE0LjM1YTMuNCAzLjQgMCAwIDAgMyAxLjcgMi44MiAyLjgyIDAgMCAwIDMtMi43di0uM2MtLjEtMS4yLS42LTEuOC0yLjYtMi42em0zLjEgMS4xYTQuNTcgNC41NyAwIDAgMCA0LjUgNC42IDUuNDUgNS40NSAwIDAgMCAyLjItLjV2LTJhMi42MSAyLjYxIDAgMCAxLTIgMSAyLjgyIDIuODIgMCAwIDEtMi45LTIuOHYtLjJhMyAzIDAgMCAxIDIuOC0zLjEgMi44MSAyLjgxIDAgMCAxIDIuMSAxdi0yYTMuODQgMy44NCAwIDAgMC0yLjEtLjUgNC4zMyA0LjMzIDAgMCAwLTQuNiA0LjQ1em0yMC4zIDEuNWwtMi4zLTZoLTEuOGwzLjcgOS4xaC45TDQyIDcuMDVoLTEuOGwtMi40IDZ6bTUgMi45aDQuOHYtMS41aC0zLjF2LTIuNGgzdi0xLjVoLTN2LTJoMy4xVjcuMDVoLTQuOHptMTEuNS02LjNjMC0xLjctMS4xLTIuNi0zLjEtMi42aC0yLjVWMTZoMS43di0zLjZoLjJsMi4zIDMuNkg1NWwtMi43LTMuN2EyLjQzIDIuNDMgMCAwIDAgMi0yLjZ6bS0zLjQgMS41aC0uNVY4LjQ1aC41YzEuMSAwIDEuNi41IDEuNiAxLjNzLS41IDEuNC0xLjYgMS40eiIgZmlsbD0iIzZiN2M5MyIvPjxwYXRoIGQ9Ik0yOS40IDdhNC41OSA0LjU5IDAgMCAwLTQuNiA0LjYgNC43NCA0Ljc0IDAgMCAwIDQuNiA0LjcgNC42MSA0LjYxIDAgMCAwIDQuNy00LjZBNC43NiA0Ljc2IDAgMCAwIDI5LjQgN3oiIGZpbGw9IiM2YjdjOTMiIG9wYWNpdHk9Ii41IiBzdHlsZT0iaXNvbGF0aW9uOmlzb2xhdGUiLz48L3N2Zz4=)
}

.card-brands .card-jcb {
    width: calc(36px * var(--scale));
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyMyIgdmlld0JveD0iMCAwIDI2IDIzIj48cGF0aCBkPSJNMy4xNiAyQTMuMTQgMy4xNCAwIDAgMCAwIDUuMnY4YTQuOTMgNC45MyAwIDAgMCAyLjY3LjggMS43MiAxLjcyIDAgMCAwIDEuNjgtMS42VjhIN3Y0LjJjMCAxLjYtLjg5IDMtMy43NSAzQTE3LjEgMTcuMSAwIDAgMSAwIDE0LjhWMjFoNC44NEEzLjE0IDMuMTQgMCAwIDAgOCAxNy44VjJ6IiBmaWxsPSIjNmI3YzkzIi8+PHBhdGggZD0iTTEyLjMgMkEzLjI0IDMuMjQgMCAwIDAgOSA1LjJWOWMuOC0uOCAyLjMtMS4zIDQuNi0xLjJhMTguNjYgMTguNjYgMCAwIDEgMi41LjR2MS41YTYuODEgNi44MSAwIDAgMC0yLjQtLjggMi42NCAyLjY0IDAgMCAwLTIuOCAyLjIgMi42NCAyLjY0IDAgMCAwIDIuMiAyLjhoLjVhNi4xOSA2LjE5IDAgMCAwIDIuNC0uOHYxLjVhMTAuODYgMTAuODYgMCAwIDEtMi41LjRjLTIuMy4xLTMuNy0uNC00LjUtMS4ydjdoNC44YTMuMTYgMy4xNiAwIDAgMCAzLjItMy4yVjJ6IiBmaWxsPSIjNmI3YzkzIiBvcGFjaXR5PSIuNzUiIHN0eWxlPSJpc29sYXRpb246aXNvbGF0ZSIvPjxwYXRoIGQ9Ik0yMS4yNCAyQTMuMTggMy4xOCAwIDAgMCAxOCA1LjJWOGg1YTEuNzYgMS43NiAwIDAgMSAxLjgyIDEuNnYuMWExLjY1IDEuNjUgMCAwIDEtMS41MSAxLjcgMiAyIDAgMCAxIDEuOTIgMS44IDEuODkgMS44OSAwIDAgMS0xLjk2IDEuOEgxOHY2aDQuNzZBMy4xOCAzLjE4IDAgMCAwIDI2IDE3LjhWMnpNMjAgMTMuOWgyLjMyYTEuMTQgMS4xNCAwIDAgMCAuNzEtMS4zIDEuMiAxLjIgMCAwIDAtLjcxLS43SDIwem0yLjgzLTRhMSAxIDAgMCAwLS43MS0uOUgyMHYxLjhoMi4xMmExIDEgMCAwIDAgLjcxLS45eiIgZmlsbD0iIzZiN2M5MyIgb3BhY2l0eT0iLjUiIHN0eWxlPSJpc29sYXRpb246aXNvbGF0ZSIvPjwvc3ZnPg==)
}

.card-brands .card-unionpay {
    width: calc(41px * var(--scale));
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMSIgaGVpZ2h0PSIyMyIgdmlld0JveD0iMCAwIDMxIDIzIj48cGF0aCBkPSJNNy4yNyAxOS4wOGwzLjUyLTE1LjE2QTIuNTkgMi41OSAwIDAgMSAxMy4xNiAySDYuMjFhMi41OCAyLjU4IDAgMCAwLTIuMzcgMS45MkwuMzEgMTkuMDhBMS40OCAxLjQ4IDAgMCAwIDEuNzggMjFoN2ExLjQ3IDEuNDcgMCAwIDEtMS41MS0xLjkyeiIgZmlsbD0iIzZiN2M5MyIvPjxwYXRoIGQ9Ik0xNS42NCAxOS4wOGwzLjUzLTE1LjE2QTIuNTUgMi41NSAwIDAgMSAyMS41MyAyaC04LjM3YTIuNTkgMi41OSAwIDAgMC0yLjM3IDEuOTJMNy4yNyAxOS4wOEExLjQ3IDEuNDcgMCAwIDAgOC43MyAyMWg4LjM4YTEuNDcgMS40NyAwIDAgMS0xLjQ3LTEuOTJ6IiBmaWxsPSIjNmI3YzkzIiBvcGFjaXR5PSIuNzUiLz48cGF0aCBkPSJNMjEuNTMgMmg3LjU4YTEuNDcgMS40NyAwIDAgMSAxLjQ3IDEuOTJsLTMuNTMgMTUuMTZBMi41NSAyLjU1IDAgMCAxIDI0LjY5IDIxaC03LjU4YTEuNDcgMS40NyAwIDAgMS0xLjQ3LTEuOTJsMy41My0xNS4xNkEyLjU1IDIuNTUgMCAwIDEgMjEuNTMgMnoiIGZpbGw9IiM2YjdjOTMiIG9wYWNpdHk9Ii41Ii8+PHBhdGggZD0iTTIyLjEgMTYuMjVoLS4yNWwuOTMtMy4wNmguM2wuMS0uMzJ2LjM1YzAgLjIyLjE2LjQxLjYxLjM4aC41MWwuMTgtLjU5aC0uMThjLS4xMiAwLS4xNyAwLS4xNi0uMDl2LS4zNWgtMWExMiAxMiAwIDAgMC0xLjQyLjA4IDEuNzMgMS43MyAwIDAgMC0uNDcuMjNsLjEtLjMyaC0uOWwtLjE5LjYzLS45MyAzLjFoLS4xOWwtLjE3LjU5aDEuNzhsLS4wNi4xOWguODhsLjA2LS4xOWguMjV6bS0xLjEyIDBoLS43MWwuMjEtLjY4aC43MXptLjQtMS4zMkEyLjc0IDIuNzQgMCAwIDAgMjEgMTVhMy41OCAzLjU4IDAgMCAwLS40Mi4xOGwuMjUtLjgxaC43MXptMC0xLjEyQTMuNDggMy40OCAwIDAgMCAyMSAxNGwuMjMtLjc4aC43MmwtLjE3LjU3YTIuMTUgMi4xNSAwIDAgMC0uNDEuMDJ6bTEuMzMuNTVoMWwtLjE0LjQ4aC0xLjAzbC0uMTUuNTJoLjkxbC0uNjkgMWEuMjkuMjkgMCAwIDEtLjE0LjEyLjM4LjM4IDAgMCAxLS4xOS4wNUgyMmwtLjE4LjU4aC42N2EuODEuODEgMCAwIDAgLjY5LS4zNmwuNDgtLjY1LjEuNjZBLjMxLjMxIDAgMCAwIDI0IDE3YS44LjggMCAwIDAgLjIzLjFoLjU2bC4xOS0uNjVoLS4xM2EuNjEuNjEgMCAwIDEtLjIyIDAgLjM3LjM3IDAgMCAxIDAtLjE0bC0uMS0uNjZIMjRsLjE5LS4yMmgxbC4xNi0uNTJoLTFsLjE1LS40OGgxbC4xOC0uNTloLTIuOHptLTguNyAybC4yNC0uOGgxbC4xOC0uNmgtMWwuMTUtLjQ5aDFsLjE4LS41OEgxMy4zbC0uMTcuNThoLjU1bC0uMTUuNDlIMTNsLS4xOC42MWguNTVMMTMgMTYuNjZjMCAuMTQgMCAuMTkuMDYuMjVhLjIzLjIzIDAgMCAwIC4xNy4xMy44Mi44MiAwIDAgMCAuMjYgMGgxLjExbC4yLS42Ni0uNS4wN2MtLjA2LjA0LS4zLjAzLS4zLS4wNnptLjEyLTMuODNsLS4yNS40NWEuNjguNjggMCAwIDEtLjE1LjE5LjU0LjU0IDAgMCAxLS4yMiAwaC0uMTNsLS4xOC41OGguNDRhMSAxIDAgMCAwIC40NC0uMTFjLjA4IDAgLjExIDAgLjE3LS4wOGwuMTUtLjEzaDEuMzVsLjE4LS42aC0xbC4xNy0uMzN6bTIgMy44NHYtLjIxbC4zOS0xLjE2aDEuNzNhLjg3Ljg3IDAgMCAwIC4zMi0uMTEuNTMuNTMgMCAwIDAgLjIzLS4yMSAxLjc1IDEuNzUgMCAwIDAgLjIzLS41MmwuNDYtMS41NWgtMS4zNmE0LjI0IDQuMjQgMCAwIDAtLjYxLjEzIDIuNDcgMi40NyAwIDAgMC0uNDUuMjlsLjEyLS40MmgtLjg0bC0xLjE5IDMuOTJhMS42MyAxLjYzIDAgMCAwLS4wNy4zM2MwIC4wNy4wOS4xNC4xNS4xOWEuNDcuNDcgMCAwIDAgLjI3LjA2aDEuMTFsLjItLjY3LS41OC4wNWEuMTQuMTQgMCAwIDEtLjEyLS4wOXptLjg3LTMuMTZoMS40bC0uMS4zM2gtLjc3YTEuNTQgMS41NCAwIDAgMC0uNzMuMzN6bS0uMjcuOTJoMS4zOGwtLjA5LjI4YS4zOS4zOSAwIDAgMC0uMTggMGgtMS4yem0xLjMyIDEuMmEuMTkuMTkgMCAwIDEgMCAuMDloLS4zNHYtLjMyaC0uODJ2MS42NWEuMjUuMjUgMCAwIDAgLjA5LjI0IDEuNjUgMS42NSAwIDAgMCAuNzIuMDhoLjUxbC4xOS0uNjJoLS42YS4wOS4wOSAwIDAgMS0uMDYgMHMtLjA1IDAtLjA1LS4xM3YtLjQyaC40N2EuNTkuNTkgMCAwIDAgLjQ1LS4xNi40OC40OCAwIDAgMCAuMTUtLjI4bC4wOC0uMzdoLS42NXpNOC4xOSA2Ljg2YTguOSA4LjkgMCAwIDEtMS4wOCAwTDYuNTUgOS40YTEuNzggMS43OCAwIDAgMS0uNDcgMS4wNy44Ni44NiAwIDAgMS0uNTYuMTkuNTIuNTIgMCAwIDEtLjU5LS40OXYtLjEyTDUgOS4zOXMuNTYtMi4yMS42NS0yLjVhNy4zNCA3LjM0IDAgMCAxLTEuMjggMHYuMTZsLS41NSAyLjQ0di4yMWwtLjEuN2EuOTIuOTIgMCAwIDAgLjEzLjUxYy4yNS40NSAxIC41MiAxLjQuNTJhMi44IDIuOCAwIDAgMCAxLjM3LS4zMiAyIDIgMCAwIDAgLjg4LTEuMzhsLjA2LS4yNHMuNTctMi4zLjY3LTIuNmwtLjA0LS4wM3ptMS45NCAxLjg1YTEuNTMgMS41MyAwIDAgMC0uNjIuMTRMOS4yNyA5bC4wOC0uMjZ2LS4wNWMtLjQ4LjEtLjU5LjExLTEgLjE3YTEyLjc1IDEyLjc1IDAgMCAxLS4zNSAxLjZjLS4wOC4zLS4xNS42MS0uMjMuOTJoMWMuMDUtLjI2LjA1LS4zMi4xNy0uODQuMDUtLjI0LjE2LS43OC4yMS0xYS42NS42NSAwIDAgMSAuMjktLjA5Yy4yMiAwIC4xOS4xOS4xOC4yN3MtLjA5LjU0LS4xNy45bC0uMDYuMjRjMCAuMTctLjA4LjMzLS4xMS41MWgxLjA1Yy4wNy0uNC4wOS0uNTEuMjEtMS4wOWwuMDYtLjI3Yy4xMi0uNTIuMTgtLjc4LjA5LTFhLjUyLjUyIDAgMCAwLS41Ni0uM3ptMi4xNi41NWwtLjU0LjA5LS41Mi4wOGMwIC4xNyAwIC4zMi0uMDcuNDlzLS4wNy4zOC0uMTMuNjdhMyAzIDAgMCAxLS4xMS4zOCAzLjYzIDMuNjMgMCAwIDAtLjEyLjM4aDEuMDRjMC0uMiAwLS4yNS4wNi0uMzVzLjA2LS4yNS4xNC0uNjNjMC0uMTguMDktLjM2LjEzLS41NXMuMDktLjM2LjEzLS41NHptMS4zIDIuMmExLjYxIDEuNjEgMCAwIDAgMS4yMi0uNDYgMi4xNiAyLjE2IDAgMCAwIC40Mi0uODkgMS4xNiAxLjE2IDAgMCAwLS4xLTEgMS4xNCAxLjE0IDAgMCAwLS45Mi0uMzMgMS42OCAxLjY4IDAgMCAwLTEuMTQuMzkgMS44MiAxLjgyIDAgMCAwLS41MSAxYy0uMDguMzYtLjE4IDEgLjQyIDEuMjVhMS42NiAxLjY2IDAgMCAwIC42MS4wNHptMC0xLjMyYy4xLS40NC4yMi0uODIuNTItLjgycy4yNS4yOC4xNS43M2EyLjIyIDIuMjIgMCAwIDEtLjIyLjYyLjM3LjM3IDAgMCAxLS4yOS4xOHMtLjIyIDAtLjIyLS4yOGExLjcxIDEuNzEgMCAwIDEgLjAzLS40M3ptOC41NCAwYy0uMDguMzUtLjE4IDEgLjQxIDEuMjNhMS4xNCAxLjE0IDAgMCAwIC41My4wOS45Mi45MiAwIDAgMCAuNTEtLjI0IDEgMSAwIDAgMCAwIC4xN2gxYy4wNy0uNC4xMy0uNzguMzEtMS41NC4wOC0uMzYuMTctLjcyLjI1LTEuMDgtLjQ3LjA5LS42LjExLTEuMDYuMTd2LjExYS43Mi43MiAwIDAgMC0uMzMtLjI4IDEuMjkgMS4yOSAwIDAgMC0xLjA5LjQgMS44NiAxLjg2IDAgMCAwLS41NiAxem0xIDBjLjEtLjQ0LjIyLS44MS41Mi0uODFzLjI5LjE5LjI3LjUxYzAgLjA3IDAgLjEzLS4wNS4yMXMtLjA3LjI3LS4xLjRhMS4xMyAxLjEzIDAgMCAxLS4xMS4yMi41Mi41MiAwIDAgMS0uMzcuMThzLS4yMiAwLS4yMi0uMjhhMS42NSAxLjY1IDAgMCAxIC4wMy0uMzh6bS02LjgxIDEuMjZsLjE2LS44NGMuMDYtLjI0LjE3LS43OC4yMi0xYS42NS42NSAwIDAgMSAuMy0uMDljLjIyIDAgLjE5LjE5LjE4LjI3cy0uMDkuNTQtLjE3LjlsLS4wNS4yNGMwIC4xNy0uMDkuMzMtLjEyLjUxaDEuMDVjLjA3LS40LjA4LS41MS4yMS0xLjA5bC4wNi0uMjdjLjEyLS41Mi4xOC0uNzguMDktMWEuNTMuNTMgMCAwIDAtLjUzLS4zIDEuNTMgMS41MyAwIDAgMC0uNjIuMTRsLS4yNS4xMy4wNy0uMjZ2LS4wNWMtLjQ4LjEtLjU5LjExLTEgLjE3YTE1Ljg1IDE1Ljg1IDAgMCAxLS4yOSAxLjU4Yy0uMDcuMy0uMTUuNjEtLjIyLjkyLjM4LjA0LjUxLjA0LjkxLjA0em0zLjI4IDBjMC0uMTQuMTktLjk1LjItLjk1cy4xNC0uNi4xNS0uNjJhLjM0LjM0IDAgMCAxIC4wNS0uMDdoLjA2YTMuMDggMy4wOCAwIDAgMCAxLjk0LS40IDIgMiAwIDAgMCAuNzUtMS4xOCAxLjg2IDEuODYgMCAwIDAgLjA1LS40Mi44Ni44NiAwIDAgMC0uMTUtLjUyYy0uMjgtLjM5LS44NC0uNC0xLjQ4LS40aC0xLjYxYy0uMTMgMCAwIC4xNyAwIC4xN2wtLjM2IDEuMzYtLjc0IDN6bS41NS0yLjRsLjMxLTEuMzZWNy41aC4xM2wuNjYuMDVhLjU1LjU1IDAgMCAxIC4yOS42OSAxIDEgMCAwIDEtLjUyLjY4IDEuNTYgMS41NiAwIDAgMS0uNzMuMTJoLS4xN3ptOC4xNy0uMjRjLS40Ny4wOS0uNTYuMTEtMSAuMTYtLjMyLjc0LS4zMS41OC0uNTcgMS4xN1YxMGwtLjA3LTEuMjdhOS42IDkuNiAwIDAgMS0xIC4xNlY5YTYuNDMgNi40MyAwIDAgMSAuMS42OWwuMDkuNjdjMCAuMzcuMDcuNTYuMTIgMS4xMy0uMzEuNS0uMzguNy0uNjcgMS4xNGwtLjIxLjMyYS4xMy4xMyAwIDAgMS0uMDguMDcuMjQuMjQgMCAwIDEtLjEzIDBoLS4xMmwtLjE3LjU3aC41OWEuNzMuNzMgMCAwIDAgLjY4LS4zOGwuMzctLjYzdi0uMDVjLjE3LS41MyAyLjA3LTMuNzggMi4wNy0zLjc4em0tMTYtLjIzYS44NC44NCAwIDAgMC0uODQuMDljLS4yNi4xNy0uMjkuNDEtLjA3LjU0YS44NC44NCAwIDAgMCAuODQtLjA5Yy4yMi0uMTguMjUtLjQzLjA0LS41NXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=)
}

.footer-sub {
    background-color: #E7E7E7;
}

.footer-sub-area {
    display: flex;
    flex-direction: column;
}

.cbrands {
    font-size: 24px;
    color: #54595F;
    padding-top: 1rem;
    width: 100%;
    text-align: center;
    margin-bottom: 1rem;
}

.footer-copyright {
    color: #54595F;
    font-size: 12px;
    font-weight: 300;
    text-transform: capitalize;
    padding-top: 1rem;
    width: 100%;
    text-align: center;
    margin-bottom: 1rem;
}

.footer-sub img {
    opacity: 0.8;
    width: 240px;
}

.gurulize-logo {
    width: 100%;
    text-align: center;
    margin-bottom: 1rem;
    padding-top: 1rem;
}

.gurulize-logo a img {
    max-height: 50px;
}

.footer-sp {
    width: 100%;
    text-align: center;
    margin: 16px;
}
/* ==========================================================================
   Forms
   ========================================================================== */

.form-container {
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
}

.field {
    margin-bottom: .25rem;
}

label {
    display: inline-block;
    margin-bottom: .5rem;
}

.form-control {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 3px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
}

textarea.form-control {
    height: auto;
}

.js .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile+label {
    width: 100%;
    font-size: .9rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
    margin-bottom: 0;
}

.no-js .inputfile+label {
    display: none;
}

.inputfile:focus+label,
.inputfile.has-focus+label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile+label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    margin-right: 0.25em;
}

.inputfile+label {
    color: #5e6373;
    border: 1px dashed #5e6373;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: .75rem;
    border-radius: 3px;
}

.inputfile:focus+label,
.inputfile.has-focus+label,
.inputfile+label:hover {
    color: #006bff;
}


/* ==========================================================================
   Toggle Switch
   ========================================================================== */

.inform-when-online {
    border-top: 1px solid #fff;
    padding-top: 1rem;
}

.can-toggle {
    position: relative;
    max-width: 200px;
    margin: 0 auto;
}

.can-toggle input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.can-toggle input[type="checkbox"][disabled]~label {
    pointer-events: none;
}

.can-toggle input[type="checkbox"][disabled]~label .can-toggle__switch {
    opacity: 0.4;
}

.can-toggle input[type="checkbox"]:checked~label .can-toggle__switch:before {
    content: attr(data-unchecked);
    left: 0;
}

.can-toggle input[type="checkbox"]:checked~label .can-toggle__switch:after {
    content: attr(data-checked);
}

.can-toggle label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    text-align: center;
    font-size: .8rem;
    letter-spacing: .5px;
}

.can-toggle label .can-toggle__label-text {
    margin-bottom: .5rem;
    text-transform: uppercase;
    font-weight: bold;
    color: #5e6373;
}

.can-toggle label .can-toggle__switch {
    position: relative;
    -webkit-transition: background-color 0.3s cubic-bezier(0, 1, 0.5, 1);
    transition: background-color 0.3s cubic-bezier(0, 1, 0.5, 1);
    background: #5e6373;
    height: 36px;
    width: 138px;
    border-radius: 4px;
    margin: 0 auto;
}

.can-toggle label .can-toggle__switch:before {
    content: attr(data-checked);
    position: absolute;
    top: 0;
    text-transform: uppercase;
    text-align: center;
    color: rgba(255, 255, 255, 0.5);
    left: 67px;
    font-size: 12px;
    line-height: 36px;
    width: 67px;
    padding: 0 3px;
}

.can-toggle label .can-toggle__switch:after {
    content: attr(data-unchecked);
    position: absolute;
    z-index: 5;
    text-transform: uppercase;
    text-align: center;
    background: white;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: -webkit-transform 0.3s cubic-bezier(0, 1, 0.5, 1);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 1, 0.5, 1);
    transition: transform 0.3s cubic-bezier(0, 1, 0.5, 1);
    transition: transform 0.3s cubic-bezier(0, 1, 0.5, 1), -webkit-transform 0.3s cubic-bezier(0, 1, 0.5, 1);
    color: #777;
    top: 2px;
    left: 2px;
    border-radius: 2px;
    width: 68px;
    line-height: 32px;
    font-size: 12px;
}

.can-toggle input[type="checkbox"][disabled]~label {
    color: rgba(119, 119, 119, 0.5);
}

.can-toggle input[type="checkbox"]:focus~label .can-toggle__switch,
.can-toggle input[type="checkbox"]:hover~label .can-toggle__switch {
    background-color: #777;
}

.can-toggle input[type="checkbox"]:focus~label .can-toggle__switch:after,
.can-toggle input[type="checkbox"]:hover~label .can-toggle__switch:after {
    color: #5e5e5e;
}

.can-toggle input[type="checkbox"]:hover~label {
    color: #6a6a6a;
}

.can-toggle input[type="checkbox"]:checked~label:hover {
    color: #55bc49;
}

.can-toggle input[type="checkbox"]:checked~label .can-toggle__switch {
    background-color: #70c767;
}

.can-toggle input[type="checkbox"]:checked~label .can-toggle__switch:after {
    color: #4fb743;
}

.can-toggle input[type="checkbox"]:checked:focus~label .can-toggle__switch,
.can-toggle input[type="checkbox"]:checked:hover~label .can-toggle__switch {
    background-color: #5fc054;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
}

.can-toggle input[type="checkbox"]:checked:focus~label .can-toggle__switch:after,
.can-toggle input[type="checkbox"]:checked:hover~label .can-toggle__switch:after {
    color: #47a43d;
}

.can-toggle input[type="checkbox"]:focus~label .can-toggle__switch:after,
.can-toggle input[type="checkbox"]:hover~label .can-toggle__switch:after {
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
}

.can-toggle input[type="checkbox"]:checked~label .can-toggle__switch:after {
    -webkit-transform: translate3d(65px, 0, 0);
    transform: translate3d(65px, 0, 0);
}

.can-toggle label .can-toggle__switch:hover:after {
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
}


/* ==========================================================================
   Helpers
   ========================================================================== */

.hidden {
    display: none !important;
}

.bg {
    background: #f4f5f7;
}

.footer-bg {
    background-color: #f2f2f2;
}

.txt-c {
    text-align: center;
}

.event .txt-c a {
    font-size: 15px;
    font-family: "Poppins", Sans-serif;
    font-weight: 400;
    line-height: 1;
    text-align: center;
}

.event .btn {
    padding: .8rem;
    background-color: #000FCA;
    color: #fff !important;
    margin-bottom: 2rem;
}

.txt-danger {
    color: red;
}

.no-data {
    display: block;
    padding: 1rem;
    margin-bottom: 2rem;
    background-color: #eed2d2;
}

.show-more-less {
    padding: .5rem;
    font-size: .7rem;
    letter-spacing: 1px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}

.show-more-less i {
    line-height: 1;
    vertical-align: middle;
}

a.show-more {
    display: inline-block;
    padding: .2rem .3rem .2rem .5rem;
    border: 1px solid#dfdfdf;
    border-radius: 3px;
    color: #444;
}

a.show-more:hover,
a.show-more:focus {
    background: #efefef;
}

.btn {
    display: inline-block;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 3px;
    padding: .4rem .8rem;
    font-size: .8rem;
    vertical-align: middle;
    transform: scale(1);
    letter-spacing: 1px;
}

.btn-sm,
a.btn-sm {
    padding: .3rem .5rem;
    font-size: .7rem;
    font-weight: 700;
}

.btn:active {
    transform: scale(0.97);
    transition: transform .2s;
}

.btn-default {
    background: #f4f5f7;
    color: #5e6373;
}

.btn:hover {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.modal-reviews{
    padding-left: 20px;
    padding-right: 20px;
}

.btn i {
    margin-left: .5rem;
}

a.btn-primary,
.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

a.btn-success,
.btn-success {
    background: green;
    color: #fff;
    font-weight: 700;
    border: 0;
}

.btn-success:hover,
.btn-success:visited,
.btn-success:focus {
    color: #fff;
}

.btn-success-outline {
    background: #fff;
    color: green;
    border: 2px solid green;
}

.btn-success-outline:hover,
.btn-success-outline:visited,
.btn-success-outline:focus {
    color: green;
}

.btn-block {
    display: block;
    width: 100%;
}

.alert {
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d0e9c6;
    color: #3c763d;
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bcdff1;
    color: #31708f;
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faf2cc;
    color: #8a6d3b;
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebcccc;
    color: #a94442;
}
.alert-dark {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}

.tel-success,
.tel-error {
    display: inline-block;
    padding: 0 .3rem;
}

.tel-success {
    color: #3c763d;
}

.tel-error {
    color: #a94442;
}

.a-scale {
    animation: 3 a-scale .8s ease;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.clearfix:after {
    clear: both;
}

.p {
    padding: 1rem;
}

.pv {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.pb {
    padding-bottom: 1rem;
}

.ph {
    padding-left: 1rem;
    padding-right: 1rem;
}

.txt-c {
    text-align: center;
}

.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(244, 245, 247, 0.66);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 3000 !important;
    font-size: 1.2rem;
    font-weight: bold;
}

.overlay-appointment {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(244, 245, 247, 0.66);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 3000 !important;
    font-size: 1.2rem;
    font-weight: bold;
}

.calendar-slots {
    position: relative;
}

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.background-overlay {
    background-color: transparent;
    width: 100%;
    background-image: linear-gradient(180deg, #0000 6%, #000 70%);
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
  }

.red {
    color: rgb(197, 30, 0);
}

.green {
    color: rgb(50, 150, 4);
}

.like-button {
    background-color: #006bff;
    display: flex;
    flex-direction: row;
    padding: .4rem 1rem;
}

.glogin-icon {
    font-size: 18px;    
    float: left;
    color: #fff;
}

.glogin-text {
    color: white;
    line-height: 2;
    font-weight: bold;
}
.glogin-btn {
    width: 100%;
    text-align: center;
}

/* ==========================================================================
   Loader & Phone Animations
   ========================================================================== */

.loader {
    display: block;
    width: 40px;
    height: 40px;
    position: relative;
    margin: 1rem auto;
}

.loader:before,
.loader:after {
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #0055d4;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: l-bounce 2.0s infinite ease-in-out;
    animation: l-bounce 2.0s infinite ease-in-out;
}

.loader:after {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes l-bounce {

    0%,
    100% {
        -webkit-transform: scale(0.0)
    }

    50% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes l-bounce {

    0%,
    100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

@-webkit-keyframes a-scale {

    0%,
    100% {
        -webkit-transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1)
    }
}

@keyframes a-scale {

    0%,
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }

    50% {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
    }
}

#svg-phone {
    width: 38px;
    height: 64px;
}

.svg-icon {
    margin-bottom: 1rem;
    text-align: center;
}

.svg-phone-signal {
    -webkit-animation: signal_color 3s infinite ease-in-out;
    animation: signal_color 3s infinite ease-in-out;
    animation-delay: 0;
    -webkit-animation-delay: 0;
}

.signal-2 {
    animation-delay: .5s;
    -webkit-animation-delay: .5s;
}

.signal-3 {
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
}

@-webkit-keyframes signal_color {

    0%,
    20%,
    40%,
    100% {
        fill: #bcbcbc;
    }

    50%,
    80% {
        fill: green;
    }
}

@keyframes signal_color {

    0%,
    20%,
    40%,
    100% {
        fill: #bcbcbc;
    }

    50%,
    80% {
        fill: green;
    }
}

.checkmark__circle,
.ended__circle,
.call-error__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #7ac142;
    fill: none;
    -webkit-animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.ended__circle {
    stroke: #666;
}

.call-error__circle {
    stroke: #800000;
}

.checkmark,
.ended,
.call-error {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #fff;
    stroke-miterlimit: 10;
    margin: 0 auto;
    -webkit-box-shadow: inset 0px 0px 0px #7ac142;
    box-shadow: inset 0px 0px 0px #7ac142;
    -webkit-animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.ended {
    -webkit-box-shadow: inset 0px 0px 0px #666;
    box-shadow: inset 0px 0px 0px #666;
    -webkit-animation: fillEnded .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
    animation: fillEnded .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.call-error {
    -webkit-box-shadow: inset 0px 0px 0px #b13838;
    box-shadow: inset 0px 0px 0px #b13838;
    -webkit-animation: fillError .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
    animation: fillError .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark__check {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    -webkit-animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

.ended__square {
    fill: #fff;
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}

@-webkit-keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes scale {

    0%,
    100% {
        -webkit-transform: none;
        transform: none;
    }

    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1);
    }
}

@-webkit-keyframes scale {

    0%,
    100% {
        -webkit-transform: none;
        transform: none;
    }

    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1);
    }
}

@keyframes fill {
    100% {
        -webkit-box-shadow: inset 0px 0px 0px 30px #7ac142;
        box-shadow: inset 0px 0px 0px 30px #7ac142;
    }
}

@-webkit-keyframes fill {
    100% {
        -webkit-box-shadow: inset 0px 0px 0px 30px #7ac142;
        box-shadow: inset 0px 0px 0px 30px #7ac142;
    }
}

@keyframes fillEnded {
    100% {
        -webkit-box-shadow: inset 0px 0px 0px 30px #666;
        box-shadow: inset 0px 0px 0px 30px #666;
    }
}

@-webkit-keyframes fillEnded {
    100% {
        -webkit-box-shadow: inset 0px 0px 0px 30px #666;
        box-shadow: inset 0px 0px 0px 30px #666;
    }
}

@keyframes fillError {
    100% {
        -webkit-box-shadow: inset 0px 0px 0px 30px #800000;
        box-shadow: inset 0px 0px 0px 30px #800000;
    }
}

@-webkit-keyframes fillError {
    100% {
        -webkit-box-shadow: inset 0px 0px 0px 30px #800000;
        box-shadow: inset 0px 0px 0px 30px #800000;
    }
}


/* ==========================================================================
   Timer
   ========================================================================== */

.timer {
    display: block;
    width: 72px;
    margin: 1rem auto;
    background: #f1f1f1;
    color: #666;
    padding: 4px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
}

.time {
    width: 32px;
    height: 28px;
    display: inline-block;
    text-align: center;
    line-height: 28px;
    background-color: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    font-family: monospace;
    font-size: 1.2rem;
    font-weight: 900;
    text-shadow: 0 0 1px rgba(0, 0, 0, .2);
}


/* ==========================================================================
   In App Notifications
   ======================================================================== */

.app-notification {
    position: fixed;
    bottom: 0;
    left: 50%;
    right: auto;
    width: 100%;
    max-width: 360px;
    background: #e1f5fe;
    transform: translateX(-50%);
    padding: 1rem 2rem;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    transition: all .5s ease;
    z-index: 998;
}

.app-notification.n-pending {
    bottom: -100%;
    transition: all .5s ease;
}

.notification-header,
.notification-body a {
    color: #01579b;
    font-weight: 700;
}

.notification-body a:after {
    font-family: "icons";
    content: "\e904";
}

.notification-title {
    margin: 0;
}

.notification-header {
    padding-right: 2rem;
}

.notification-body {
    color: #333;
}

.notification-body a:hover {
    color: #000;
}

.notification-dismiss {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 1rem;
    right: 1rem;
    line-height: 24px;
    text-align: center;
    font-size: 1.2rem;
}

/* ==========================================================================
   In App Campaign Notifications
   ======================================================================== */

   .app-campaign {
    position: fixed;
    bottom: 50%;
    left: 50%;
    right: auto;
    width: 100%;
    max-width: 360px;
    background: #e1f5fe;
    transform: translateX(-50%);
    padding: 1rem 2rem;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    transition: all .5s ease;
    z-index: 998;
}

.app-campaign.n-pending {
    bottom: -100%;
    transition: all .5s ease;
}

.campaign-header,
.campaign-body a {
    color: #01579b;
    font-weight: 700;
}

.campaign-body a:after {
    font-family: "icons";
    content: "\e904";
}

.campaign-title {
    margin: 0;
}

.campaign-header {
    padding-right: 2rem;
}

.campaign-body {
    color: #333;
}

.campaign-body a:hover {
    color: #000;
}

.campaign-dismiss {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 1rem;
    right: 1rem;
    line-height: 24px;
    text-align: center;
    font-size: 1.2rem;
}


/* ==========================================================================
   Tooltip
   ========================================================================== */

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    opacity: 0;
}

.tooltip.show {
    opacity: 0.9;
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.4rem;
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
}

.bs-tooltip-top,
.bs-tooltip-auto[x-placement^="top"] {
    padding: 0.4rem 0;
}

.bs-tooltip-top .arrow,
.bs-tooltip-auto[x-placement^="top"] .arrow {
    bottom: 0;
}

.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    top: 0;
    border-width: 0.4rem 0.4rem 0;
    border-top-color: #000;
}

.bs-tooltip-right,
.bs-tooltip-auto[x-placement^="right"] {
    padding: 0 0.4rem;
}

.bs-tooltip-right .arrow,
.bs-tooltip-auto[x-placement^="right"] .arrow {
    left: 0;
    width: 0.4rem;
    height: 0.8rem;
}

.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    right: 0;
    border-width: 0.4rem 0.4rem 0.4rem 0;
    border-right-color: #000;
}

.bs-tooltip-bottom,
.bs-tooltip-auto[x-placement^="bottom"] {
    padding: 0.4rem 0;
}

.bs-tooltip-bottom .arrow,
.bs-tooltip-auto[x-placement^="bottom"] .arrow {
    top: 0;
}

.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    bottom: 0;
    border-width: 0 0.4rem 0.4rem;
    border-bottom-color: #000;
}

.bs-tooltip-left,
.bs-tooltip-auto[x-placement^="left"] {
    padding: 0 0.4rem;
}

.bs-tooltip-left .arrow,
.bs-tooltip-auto[x-placement^="left"] .arrow {
    right: 0;
    width: 0.4rem;
    height: 0.8rem;
}

.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    left: 0;
    border-width: 0.4rem 0 0.4rem 0.4rem;
    border-left-color: #000;
}

.tooltip-inner {
    max-width: 200px;
    padding: 0.25rem 0.5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 0.25rem;
}

.event h2 {
    color: #54595F;
    font-family: "Poppins", Sans-serif;
    font-size: 26px;
    font-weight: 400;
    text-align: center;
}

.event-home, .education-home, .event-unit-home {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.home-carousel, .unit-home-carousel {
    width: 100%;
}

.home-event-emphasis {
    width: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #DFE7EC;
    border-radius: 6px 6px 6px 6px;
}

.emphasis-event-img {
    width: 100%;
    position: relative;
    min-height: 200px;
}

.emphasis-event-img img {
    width: 100%;
}

.emphasis-event-info {
    width: 100%;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    background-color: #000FCA;
    color: #DDE5EA;
    font-family: "Poppins", Sans-serif;
}

.eei-header {
    font-size: 24px;
    margin-bottom: 2rem;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2em;
    color: #fff;
}

.eei-description {
    margin-bottom: 1rem;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.4em;
}

.eei-info {
    margin-bottom: .2rem;
    font-size: 13px;
    font-weight: 400;
}

.eei-btn a {
    color: #fff;
    text-transform: uppercase;
}

.item-carousel {
    background-color: gray;
    cursor: pointer;
    position: relative;
    border-radius: 3px;
    height: 400px;
    background-color: #fff;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #DFE7EC;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0px 3px 6px -4px rgba(0, 0, 0, 0.5);
}

.item-event {
    width: 100%;
    margin-bottom: 3rem;
    background-color: gray;
    cursor: pointer;
    position: relative;
    border-radius: 3px;
    background-color: #fff;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #DFE7EC;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0px 3px 6px -4px rgba(0, 0, 0, 0.5);
    display: flex;
    flex-direction: column;
}

.item-carousel img{
    border-radius: 3px;
}

.item-event img {
    border-radius: 3px;
    width: 100%;
}


.owl-carousel {
    margin: 1rem 0;
}

.carousel-item-agent {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: -30px 0px 0px 1rem;
    align-items: center;
}

.cia-left {
    width: 75px;
    height: 75px;
}

.cia-left img{
    width: 100%;
    height: auto;
    border-radius: 50%;
    border: .2rem #fff solid;
}

.cia-right {
    margin-left: 1rem;
    color: #54595F;
    font-family: "Poppins", Sans-serif;
    font-size: 16px;
    font-weight: 500;
    margin-top: 10px;
}

.cia-header {
    font-family: "Poppins", Sans-serif;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1em;
    margin: 1rem;
    color: #54595F;
    flex-grow: 1;
    min-height: 80px;
}

.cii-btn {
    margin: 1rem;
}
.carousel-item-info {
    width: 100%;
    color: #000;
    font-weight: bolder;
    position: absolute;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    color: #54595F;
    bottom: 3rem;
    left: 0;
}

.event-item-info {
    color: #000;
    font-weight: bolder;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    color: #54595F;
    bottom: 3rem;
    left: 0;
    justify-content: space-between;
    margin: 1rem;
}

.event-info-payment .event-item-info {
    padding: 0;
}

.carousel-item-info i, .event-item-info i {
    color: #000FCA;
}

.cii-btn a{
    font-family: "Poppins", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    color: #000FCA;
}

.item-carousel .status-icon, .item-event .status-icon{
    line-height: 45px;
    width: auto;
    height: auto;
    top: -16px;
    right: 35px;
    padding: 0 1rem;
    display: block;
    color: #fff;
    font-size: 1rem;
    text-align: center;
    border: none;
    background: #000FCA;
    margin-top: 1rem;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    font-family: "Poppins", Sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.home-category-text {
    margin-top: 0;
    margin-bottom: .9rem;
    font-family: "Poppins", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #54595F;
}

.event-content-card {
    width: 100%;
}

.event-card-inner {
    width: 100%;
}

.event-card-outer {
    width: 100%;
    margin-bottom: 3rem;
}

.event-card {
    width: 100%;
    position: relative;
    margin-bottom: .5rem;
    display: flex;
    flex-direction: column;
    max-height: 500px;
}

.event-img img {
    width: 100%;
    position: absolute;
    max-height: 500px;
}

.event-name {
    position: absolute;
    color: #fff;
    font-size: 2.5rem;
    padding: 1.5rem;
}

.event-detail-btn {
    position: absolute;
    bottom: 100px;
    left: 20px;
    width: 50%;
}

.event-detail-btn .btn-online {
    width: 100%;
    text-align: center;
}

.event-date {
    position: absolute;
    color: #fff;
    bottom: 60px;
    left: 20px;
    font-weight: 800;
}

.event-info {
    position: absolute;
    color: #fff;
    bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 800;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.event-agent-left {
    width: 36px;
    height: 36px;
}

.event-agent-left img{
    width: 100%;
    border-radius: 50%;
}

.event-agent-right {
    margin-left: 1rem;
    font-weight: 800;
}

.event-agent-info {
    display: flex;
    flex-direction: row;
}

.eei-agent-info {
    display: flex;
    flex-direction: row;
    margin-left: 1rem;
    position: absolute;
    bottom: 2rem;
}

.eei-agent-left {
    width: 60px;
    height: 60px;
}

.eei-agent-left img{
    width: 100%;
    height: auto;
    border-radius: 50%;
}

.eei-agent-right {
    margin-left: 1rem;
    font-weight: 800;
    color: #fff;
    font-family: "Poppins", Sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 4.2em;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}


/*event home page widget event-home-no-emphasis start*/

.event-home-no-emphasis .owl-carousel .item {
    width: 100%;
    display: flex;
    flex-direction: column;
    cursor: pointer;
}

.event-home-no-emphasis .owl-carousel .eventdate {
    position: absolute;
    line-height: 45px;
    width: auto;
    height: auto;
    top: -16px;
    right: 35px;
    padding: 0 1rem;
    display: block;
    color: #fff;
    text-align: center;
    border: none;
    background: #000FCA;
    margin-top: 1rem;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    font-family: 'Poppins', Sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.event-home-no-emphasis .owl-carousel .eventimg {
    background-repeat: no-repeat;
    background-position: center;
    background-color: aliceblue;
    width:100%;height:150px;
    background-size: cover;
}

.event-home-no-emphasis .owl-carousel .agentimg-container {
    display: flex;
    align-items: center;
    margin-top: -30px;
    justify-content: center;
}

.event-home-no-emphasis .owl-carousel .agentimg {
    width: 75px;
    border-radius: 50%;
    border: .2rem solid white;
}

.event-home-no-emphasis .owl-carousel .agentname {
    margin-left: 1rem;
    color: #54595F;
    font-size: 16px;
    font-weight: 500;
    white-space: nowrap;
    font-family: 'Poppins' , sans-serif;
    margin-top: 30px;
}

.event-home-no-emphasis .owl-carousel .eventname {
    font-size: 1.3rem;
    color: #54595F;
    font-family: 'Poppins' , sans-serif;
    padding: 1rem;
    flex-grow: 1;
}

.event-home-no-emphasis .owl-carousel .eventinfo {
    padding: 1rem;
    width: 100%;
    font-weight: 400;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    color: #54595F;
    font-size: 13px;
}

.event-home-no-emphasis .owl-carousel .details-button {
    font-family: 'Poppins', Sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    color: #000FCA;
    padding: 0 1rem 1rem 1rem;
}


/*event home page widget event-home-no-emphasis end*/

/*education home page widget */
.educations .owl-carousel .owl-theme .owl-nav [class*=owl-]:hover{
    background:unset !important;
    color:unset !important;
    }
    
    .educations .owl-carousel .owl-item{
    border-style:unset;
    }
    
    
    .educations .owl-carousel .owl-nav button.owl-next {
    right:-50px;
    }
    
    .educations .owl-carousel .owl-nav button.owl-prev {
    left:-50px;
    }
    
    .educations .owl-carousel .owl-nav button {
    top:40%;
    background-color:unset !important;
    border-style:unset !important;
    
    }

    .educations .eei-info {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        height: 60px;
        max-height: 60px;
        overflow: hidden;
    }

    .educations .cia-header {
        max-height: 70px;
    height: 70px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    }


    

  

/*education home page widget*/

/*units home page widget */
.units .owl-carousel .owl-theme .owl-nav [class*=owl-]:hover{
    background:unset !important;
    color:unset !important;
    }
    
    .units .owl-carousel .owl-item{
    border-style:unset;
    }
    
    
    .units .owl-carousel .owl-nav button.owl-next {
    right:-50px;
    }
    
    .units .owl-carousel .owl-nav button.owl-prev {
    left:-50px;
    }
    
    .units .owl-carousel .owl-nav button {
    top:40%;
    background-color:unset !important;
    border-style:unset !important;
    
    }

    

  

/*units home page widget*/

/*units list page*/

.unitsNoCarousel {
    display: flex;
    align-items: flex-end !important;
    flex-direction: unset;
}

/*units list page*/

.contentWidgetDefaultBg {
    
    background-size: cover;
    background-repeat: no-repeat; 
    background-position: bottom;
    padding-bottom: 10px;
    padding-top: 10px;
}

.header-payment-area {
    display: flex;
    flex-direction: column;
}

.header-price {
    text-align: center;
    margin-bottom: .56rem;
    color: #666;
    font-size: 1.5rem;
    font-family: "Poppins", Sans-serif;
    font-weight: 700;
    line-height: 1.5rem;
}

.payment-type-model {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.payment-info-box {
    margin-top: 1rem;
}

.coupon-left-info {
    margin: 0 auto;
    text-align: end;
    color: #a6a4a4;
    font-size: 12px;
}

.cross {
    position: relative;
    display: inline-block;
}
.cross::after {
    content: '';
    width: 100%;
    position: absolute;
    right: 0;
    top: 50%;
}
.cross::after {
    border-bottom: .2rem solid #666;
    -webkit-transform: skewY(0deg);
    transform: skewY(0deg);
}

.order-flex-list {
    flex-direction: row;
}

.filter-button {
    display: none;
}

.filter-bar {
    display: flex;
    flex-direction: row;
    margin: 0 0 1rem 0;
    border: .1rem solid #fff;
    padding: 0.5rem 1rem;
    border-radius: 5px;
    background-color: #fff;
    justify-content: space-evenly;
}

.dropdown-filter {
    position: relative;
    display: inline-block;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 2.5rem;
    background-color: #f4f5f7;
    width: 15%;
    border-radius: 5px;
    max-height: 40px;
}

.dropdown-filter ul {
    background-color: #f4f5f7;
}

.dropdown-filter > a, .dropdown-filter > button {
    text-align: center;
}

.dd-filter-item {
    display: block !important;
    margin: auto 0;
}

.agents span#order-dd {
    height: 100%;
}

.agents #order-dd button {
    height: 100%;
    padding-left: 0;
}

.agents #order-dd label {
    float: left;
}

.filter-ul li {
    display: flex !important;
    flex-direction: row !important;
}

.filter-ul li label {
    margin: 0 .5rem !important;
}

.filters {
    list-style: none;
    display: flex;
    flex-direction: row;
    margin: 0.5rem;
}
.filters li {
    font-size: .8rem;
    display: block;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: .3rem;
    margin-right: 5px;
    background-color: #fff;
    cursor: pointer;
    opacity: 0.5;
}

.homepage-search {
    padding: 0 .5rem;
    background: #fff;
}

.homepage-search-bar {
    width: 50%;
    margin: 2rem auto;
}

.autocomplete-suggestion {
    line-height: 3rem !important;
    font-size: 1rem !important;
}

.homepage-search-input {
    height: calc(3.25rem + 2px) !important;
    border-radius: 5px !important;
}

.homepage-search-img {
    border-radius: 50% 50% 50% 50%;
    width: 30px;
    height: 30px;
}

.homepage-search-title h2{
    text-align: center;
    font-family: "Poppins", Sans-serif;
    font-size: 26px;
    font-weight: 400;
    color: #54595F;
}

.filter-li-content {
    display: flex;
}
    .filter-close {
    border: 1px solid #000fca;
    color: #000fca;
    padding: 0 3px;
}
    .filter-text {
    margin-right: 6px;
}

.selected {
    background-color: #d4f4fe !important;
}

.fg--search {
    background: white;
    position: relative;
}
  
.fg--search input {
    width: 100%;
    padding: 20px 60px 20px 20px;
    display: block;
}
  
.fg--search button {
    background: transparent;
    border: none;
    display: inline-block;
    font-size: 20px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 18px 20px;
    z-index: 2;
}
  
.fg--search input:focus + button .fa-search {
    color: #b3d4fc;
    ;
}


.footer-copyright>label {
    display: initial;
    margin: 0;
}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media only screen and (min-width: 1024px) {
    .service-icon a {
        padding: 0 .5rem;
    }

    .profile-appointment-btn {
        width: 65%;
    }

    .profile-interact-btn {
        width: 65%;
    }

    .profile-services .service-icon span {
        display: inline;
        text-transform: uppercase;
        font-size: .8rem;
        letter-spacing: .5px;
        font-weight: 400;
    }

    .profile-services .tabActive span {
        font-weight: 600;
    }

    .event-detail {
        width: 100%;
    }

    .event-image img {
        width: 100%;
    }
    
    .event-title {
        margin: 0 10%;
        padding-top: 5rem;
    }
 
    .event-content {
        display: flex;
        padding: 5rem;
        flex-direction: column;
        width: 75%;
        margin: auto;
    }
 
    .event-content-left {
        width: 68%;
    }
    .event-content-right {
        width: 30%;
        margin-left: 1rem;
    }

    .event-list {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
    }

    .event-list-dds {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: start;
    }

    .event-order-dd {
        width: 12%;
        margin-left: 4rem;
        display: flex;
        flex-direction: row;
    }

    .event-order-dd label {
        line-height: 27px;
    }

    .event-content-card {
        width: 20%;
        margin-left: 3rem;
    }

    .coupon-code {
        width: 15%;
        position: absolute;
    }

    .agents .item {
        width: 25%;
    }

    .footer-links {
        margin: 1rem;
        display: flex;
        flex-direction: row;
    }

    .item-event, .units .item-event.unitsNoCarousel {
        width: 21%;
    }

    .units .item-event{
        width: auto;
    }

    .custom-page-event .item-event {
        width: 30%
    }

    .footer-sub-area {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .footer-copyright {
        width: 33%;
    }


    .gurulize-logo {
        width: 33%;
    }

    .cbrands {
        width: 33%;
    }

    #apdiv .package-item-left {
        width: 70%;
    }
    
    #apdiv .package-item-right {
        width: 30%;
    }
    
    #apdiv .remaining-session {
        font-size: 12px;
    }
    
    #apdiv .package-item {
        flex-direction: row;
        justify-content: space-between;
    }

    .agent-profile .container {
        padding: 1rem;
        padding-top: 0;
    }

    .featured-agents {
        width: 100%;
    }

    .event-image-banner {
        width: 50%;
        margin: 0;
      }
      
      .event-info-payment {
        width: 50%;
        margin: 0;
        padding-top: 10rem;
        padding-left: 2rem;
      }
      
      .event-header {
        flex-direction: row;
        justify-content: space-between;
      }
      
      .event-detail-title {
        position: absolute;
        left: 45%;
        padding: 0 20px;
        text-align: left;
        width: auto;
        margin: 0;
        top: 7rem;
      }
      
      .event-payment {
          flex-direction: column;
          justify-content: start;
      }
      
      .event-detail-price-sp {
          width: 20%;
          max-width: 20%;
          margin-top: 0;
          margin-bottom: 0;
          font-size: 1.5rem;
      }
      
      #multi-ticket-size {
          width: 10% !important;
          max-width: 20% !important;
          margin-bottom: 0;
      }
      
      .payment-type-model {
          width: 50%;
          max-width: 50%;
      }
      
      #add-to-calendar-cn {
          position: absolute !important;
          width: 16%;
          height: 42px;
          top: -23px;
          margin-left: 5rem;
          margin-top: 0;
      }
      
      
      .coupon-code-area {
          display: flex;
          flex-direction: row;
          justify-content: flex-start;
          text-align: left;
      }
      
      .coupon-code-area-inputs {
          flex-direction: row;
      }

      .payment-type-model .submit-event-request-btn{
          width: 60% !important
      }

      .agent-info {
          margin: 10px 0;
      }

      .event-info-payment .event-item-info {
          margin: 0;
      }
      
      #event-coupon-code, .coupon-code-info-sp {
          width: 27%;
          margin-right: .5rem;
      }

      .event-payment-detail {
        display: flex;
        flex-direction: row;
        margin-top: 1.5rem;
      }
    
      #coupon-code-info-btn {
          width: 35%;
      }
      
      .submit-event-request-btn {
          width: 40% !important;
      }
}

@media only screen and (max-width: 1024px) {
    .container {
        padding: 0 1rem;
    }



    .profile-right .container {
        padding-top: 0;
    }

    .item-event {
        width: 45%;
    }

    .event-list {
        flex-direction: row;
        justify-content: space-evenly;
    }
    
}

@media only screen and (max-width: 799px) {

    .item,
    .packages .item {
        width: 50%;
    }

    .agent-profile {
        padding: 0;
    }

    .profile-left {
        width: 40%;
    }

    .profile-right {
        width: 60%;
        padding-top: 0;
        padding-right: 0;
    }
}

@media only screen and (max-width: 767px) {
    
    .order-flex-list .item-empty {
        width: 100%;
        margin-bottom: 0;
    }

    .order-flex-list {
        flex-direction: column;
    }

    .order-flex-list .item-empty {
        width: 100%;
    }

    .filter-bar {
        flex-direction: column;
    }

    .dropdown-filter {
        width: 100%;
    }

    .filter-bar {
        display: none;
    }

    .filter-button {
        display: block;
        margin-bottom: 1rem;
        text-align: center;
    }

    .filters {
        flex-direction: column;
        padding: 0;
    }

    .filters .filter-breadcrump {
        text-align: center;
    }

    .homepage-search-bar {
        width: 100%;
    }
    
    .header {
        height: 100px;
    }

    .header .container {
        padding-left: .5rem;
    }

    .logo {
        max-width: 300px;
        z-index: 100;
    }

    .nav-container {
        display: none;
    }

    .nav-container.visible {
        display: block;
        background: #fff;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        padding-top: 72px;
        overflow-y: scroll;
    }

    .nav-trigger {
        display: block;
    }

    .visible .category-list {
        top: 48px;
        width: 95%;
    }

    .visible .nav-primary li {
        display: block;
    }

    .visible .nav-primary li a {
        height: auto;
        line-height: 1;
        padding: 1rem;
        font-weight: 400;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

    .visible .nav-primary li.dd>a:after {
        top: 18px;
        right: 24px;
    }

    .nav-primary li.dd>a.expanded {
        background: #f1f1f1;
    }

    .nav-primary li.dd>a.expanded:after {
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }

    .user-menu {
        position: fixed;
        width: 100%;
        right: auto;
        top: auto;
        left: 0;
        bottom: 0;
        text-align: center;
        background-color: #f0f8ff;
        padding-bottom: 2rem;
    }

    .loggedIn .user-menu a {
        width: 48px;
        font-size: 1.6rem;
    }

    .loggedIn .user-menu a.messages {
        font-size: 1.2rem;
    }

    .loggedIn .user-menu a.logout {
        float: right;
    }

    .user-menu a.has-new:after {
        right: 8px;
    }

    .user-menu:before {
        position: absolute;
        width: 100%;
        height: 5px;
        top: -5px;
        left: 0;
        content: "";
        display: block;
        background: #fff;
        -webkit-box-shadow: inset 0 -3px 3px rgba(17, 17, 17, .05);
        box-shadow: inset 0 -3px 3px rgba(17, 17, 17, .05);
    }
}

@media only screen and (min-width: 768px) {


    .nav-primary ul {
        display: block;
    }

    .modal {
        max-width: 480px;
    }

    .modal.modal-m {
        max-width: 80%;
        height: 80%;
    }

    .action-content {
        margin: 0 2rem;
    }

    .post-list .list-item {
        width: 33.333336%;
    }

    .blog .page-content.flex {
        flex-wrap: nowrap;
    }

    .post-content,
    .page-content {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .profile-content {
        padding-left: 0;
        padding-right: 0;
    }

    .page-header .container {
        padding: 0 2rem;
    }

    .expanded .message-body {
        padding-left: 3rem;
    }

    .agents.bg {
        padding: 0 .5rem;
    }

    .nav-primary li.cascade-category-dd>a:after {
        top: 45px;
    }

    ul #subs {
        position: absolute;
    }

    .nav-primary ul {
        position: absolute;
    }

    
    .cascade-category-dd li {
        padding: .5rem 1rem;
        
    }

    .nav-primary li.cascade-category-dd>a:after {
        right: -2px;
    }

    .categories .item-image img {
        -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
        filter: grayscale(0%);
    }
    
    .categories .item:hover .item-image img {
        -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
        filter: grayscale(0%);
    }

    .steps {
        padding: 2rem 0;
        margin-bottom: 4rem;
    }
	
	.steps-title {
        margin-bottom: 4rem;
    }
	
	.steps-contents {
        flex-direction: row;
        justify-content: space-between;
    }
	
	.steps-contents .col {
        width: 30%;
    }
	
	.steps-button {
        margin-top: 4rem;
		margin-bottom: 0;
    }

}

@media only screen and (max-width: 599px) {



    .item,
    .packages .item {
        width: 100%;
    }

    .agent-about {
        display: none;
    }

    .categories .item {
        width: 50%;
    }

    .profile-left,
    .profile-right {
        width: 100%;
    }

    .profile-right,
    .profile-right .container {
        padding-top: 1rem;
        padding-left: 0;
        padding-right: 0;
    }

    .start-action-mobile {
        background: #f1f1f1;
        margin: 0 -1rem;
        box-shadow: 0 4px 2px -2px rgba(0, 0, 0, .1);
        margin-bottom: .5rem;
    }

    .service-icon {
        text-align: center;
    }

    .profile-services .service-icon i {
        margin-right: 0;
    }

    .owl-carousel {
        margin: 1rem 0;
        padding: 0 1rem;
    }

    .item-carousel {
        height:450px;
    }

    .item-carousel .status-icon {
        right: 6px;
        }
}

@media only screen and (max-width: 480px) {

    .col-l,
    .col-s {
        width: 100%;
    }

    .col-side {
        padding: 0;
    }

    .welcome-title h1 {
        font-size: 1.8rem;
        line-height: 1.2;
    }

    .welcome-content p {
        font-size: 1.4rem;
    }

    .item-image {
        width: 30%;
    }

    .agents .item-c {
        min-height: 100px;
        padding-left: 0;
    }

    .status {
        width: 30%;
        left: 0;
    }

    .status-icon {
        top: .3rem;
        right: 2px;
    }

    .item-event {
        width: 100%;
    }        
}

@media only screen and (max-width: 390px) {

    .package-infos-under-title {
        flex-direction: column;
    }
}

@media only screen and (min-width: 799px) {
    .event-home, .education-home, .event-unit-home {
        flex-direction: row;
        justify-content: space-between;
    }

    .educations .owl-carousel {
        display:flex !important;
        flex-direction: row;
        justify-content: center;
    }

    .units .owl-carousel {
        display:flex !important;
        flex-direction: row;
        justify-content: center;
    }

    .home-event-emphasis {
        width: 44%;
        flex-direction: row;
        margin: 1rem 0 53px;
    }

    .emphasis-event-img {
        width: 55%;
    }

    .emphasis-event-info {
        width: 45%;
        padding: 30px;
    }

    .home-carousel {
        width: 50%;
    }

    .unit-home-carousel {
        width: 100%;
    }

    .footer .container {
        flex-direction: column  ;
    }
    
    .footer .col {
        width: 25%;
        margin: 2rem 0;
    }
    
}


/* ==========================================================================
   Icons
   ========================================================================== */
   @font-face {
    font-family: 'icons';
    src:  url('fonts/icons.eot?ldrizt');
    src:  url('fonts/icons.eot?ldrizt#iefix') format('embedded-opentype'),
      url('fonts/icons.ttf?ldrizt') format('truetype'),
      url('fonts/icons.woff?ldrizt') format('woff'),
      url('fonts/icons.svg?ldrizt#icons') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  
  [class^="i-"], [class*=" i-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icons' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .i-whatsapp:before {
    content: "\e92d";
  }
  .i-brand:before {
    content: "\e92d";
  }
  .i-social:before {
    content: "\e92d";
  }
  .i-spinner:before {
    content: "\e981";
  }
  .i-images:before {
    content: "\e92c";
  }
  .i-insert_comment:before {
    content: "\e92a";
  }
  .i-password:before {
    content: "\e928";
  }
  .i-subdirectory_arrow_right:before {
    content: "\e927";
  }
  .i-category:before {
    content: "\e927";
  }
  .i-list:before {
    content: "\e926";
  }
  .i-warning:before {
    content: "\e902";
  }
  .i-report_problem:before {
    content: "\e902";
  }
  .i-chart:before {
    content: "\e912";
  }
  .i-mic:before {
    content: "\e925";
  }
  .i-audio:before {
    content: "\e925";
  }
  .i-video:before {
    content: "\e900";
  }
  .i-video-camera:before {
    content: "\e900";
  }
  .i-phone:before {
    content: "\e917";
  }
  .i-email:before {
    content: "\e913";
  }
  .i-message:before {
    content: "\e913";
  }
  .i-envelope:before {
    content: "\e913";
  }
  .i-chat:before {
    content: "\e914";
  }
  .i-mobile:before {
    content: "\e918";
  }
  .i-add:before {
    content: "\e907";
  }
  .i-clear:before {
    content: "\e906";
  }
  .i-close:before {
    content: "\e906";
  }
  .i-edit:before {
    content: "\e915";
  }
  .i-drafts:before {
    content: "\e916";
  }
  .i-flag:before {
    content: "\e91c";
  }
  .i-assistant_photo:before {
    content: "\e91c";
  }
  .i-inbox:before {
    content: "\e91d";
  }
  .i-remove:before {
    content: "\e908";
  }
  .i-minus:before {
    content: "\e908";
  }
  .i-busy:before {
    content: "\e908";
  }
  .i-access_time:before {
    content: "\e91e";
  }
  .i-query_builder:before {
    content: "\e91e";
  }
  .i-schedule:before {
    content: "\e91e";
  }
  .i-reports:before {
    content: "\e919";
  }
  .i-stats-bars:before {
    content: "\e919";
  }
  .i-appointment:before {
    content: "\e901";
  }
  .i-insert_chart:before {
    content: "\e91f";
  }
  .i-arrow_left:before {
    content: "\e90e";
  }
  .i-arrow_right:before {
    content: "\e90f";
  }
  .i-arrow-long-right:before {
    content: "\e91a";
  }
  .i-arrow_up:before {
    content: "\e910";
  }
  .i-arrow_down:before {
    content: "\e911";
  }
  .i-menu:before {
    content: "\e909";
  }
  .i-more_vert:before {
    content: "\e920";
  }
  .i-event_available:before {
    content: "\e921";
  }
  .i-calendar:before {
    content: "\e903";
  }
  .i-user:before {
    content: "\e91b";
  }
  .i-globe:before {
    content: "\e90a";
  }
  .i-credit_card:before {
    content: "\e922";
  }
  .i-payment:before {
    content: "\e922";
  }
  .i-done:before {
    content: "\e90b";
  }
  .i-check:before {
    content: "\e90b";
  }
  .i-language:before {
    content: "\e923";
  }
  .i-gear:before {
    content: "\e924";
  }
  .i-settings:before {
    content: "\e924";
  }
  .i-date_range:before {
    content: "\e904";
  }
  .i-time:before {
    content: "\e905";
  }
  .i-calendar_today:before {
    content: "\e90c";
  }
  .i-logout:before {
    content: "\e90d";
  }
  .i-question-mark:before {
    content: "\e92b";
  }
  .i-linkedin:before {
    content: "\e929";
  }
  .i-close-heavy:before {
    content: "\f00d";
  }
  .i-twitter:before {
    content: "\e92e";
  }
  .i-instagram:before {
    content: "\f16d";
  }
  .i-facebook:before {
    content: "\f230";
  }
  
  
  .item .agent-card-list-price {
    border: 1px solid #000fca;
    margin: 10px 20%;
    border-radius: 30px;
    box-shadow: 2px 0px 8px 0px rgb(0 0 0 / 20%);
    font-size: 15px;
    font-family: 'Roboto',sans-serif;
    font-weight: 600;
  }

  .item .agent-card-list-price .agent-card-list-price-pr , .agent-profile-price  .agent-card-list-price-pr{
    display: initial;
  }
  .item .agent-card-list-price .agent-card-list-price-dr , .agent-profile-price  .agent-card-list-price-dr{
    display: none;
  }
  .item .agent-card-list-price .agent-card-list-price-cre , .agent-profile-price  .agent-card-list-price-cre{
    display: none;
  }
  .item .agent-card-list-price .agent-card-list-price-ss , .agent-profile-price  .agent-card-list-price-ss{
    display: none;
  }
  .item .agent-card-list-price .agent-card-list-price-cur , .agent-profile-price  .agent-card-list-price-cur{
    display: initial;
  }

  /* Cookie Modal */

  .cookie{
    width: 90%;
    height: auto;
    color:#FFF;
    background-color: #0E2154;
    position: fixed;
    bottom: 15px;
    border-radius: 10px;
    left: 5%;
    right: 5%;
    padding: 30px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size:14px;
    z-index: 9999;
}

.cookie .cookieText{
    float: left;
    width: 80%;
}
.cookieText p{
    padding: 3px 0px;
    margin:0;
}

.cookieText a{
    color: #0d6efd;
    text-decoration: none;
}

.cookie .accept {
    border:solid #FFF 1px;
    color: #fff !important;
    border-radius: 10px;
    padding: 5px 23px 5px;
    font-size: 14px;
    float:right;

}
.cookie .accept:hover {
    background-color: #DBFD1C;
    color:#0E2154 !important;
    border-color: #DBFD1C;
}

/* Payment Result */
.payment_result_text{
    font-size: smaller; 
    background-color: #FFFFFF !important; 
    text-align: center;
    margin: 15px 0 !important;
    text-decoration: underline !important;
}

/* Pagination Start */
#pagination {
    margin-top: 36px;
    text-align: center;
    width: 100% !important;
}
#pagination span {
    cursor: pointer;
    margin-right: 5px;
    margin-left: 5px;
    padding: 10px 15px;
    border: 1px solid #ccc;
    border-radius: 50%;
}
#pagination span:hover {
    background-color: #0e2154;
    color: #FFF;
}
#pagination span:hover a{
    background-color: #0e2154;
    color: #FFF;
}
.current-page{
    background-color: #0e2154;
    color: #FFF;
}
.current-page a{
    background-color: #0e2154;
    color: #FFF;
}
.current-page a:hover{
    background-color: #0e2154;
    color: #FFF;
}
.nextPreview {
    border: none!important;
    background-color: rgba(76, 175, 80, 0)!important;
    color: #000!important;
}
.nextPreview a{
    border: none!important;
    background-color: rgba(76, 175, 80, 0)!important;
    color: #000!important;
}
@media only screen and (max-width: 480px) {
    .paging-number{
        visibility: hidden;
    }
}
/* Pagination End */

.float-left{
    float: left;
}

.width-auto{
    width: auto!important;
}

.ml-5{
    margin-left: 5px;
}
.ml-15{
    margin-left: 15px;
}
.mr-5{
    margin-right: 5px;
}
.mb-15{
    margin-bottom: 15px;
}
.mb-5{
    margin-bottom: 5px;
} 
.mt-5{
    margin-top: 5px;
}

.full-width{
    width: 100%;
}