@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);

body {
    height: 100%;
}

body {
    background: #eeeeee;
}

@font-face {
    font-family: "goodvibrations_script";
    src: url("../fonts/goodvibrations_script-webfont.woff2") format("woff2"),
        url("../fonts/goodvibrations_script-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Material Icons";
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
    src: local("Material Icons"), local("MaterialIcons-Regular"),
        url(../fonts/MaterialIcons-Regular.woff) format("woff"),
        url(../fonts/MaterialIcons-Regular.ttf) format("truetype");
}

h1,
h2,
h3,
h4,
h5,
h6 {
    /* margin-top: 1rem; */
    margin-bottom: 1rem;
}

.container {
    max-width: 1180px;
    padding-left: 30px;
    padding-right: 30px;
}
.container--main {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    display: table;
    overflow: hidden;
    width: 100%;
    height: 100%;
    table-layout: fixed;
    background: #ffffff;
}

/*============================================================================
  #Boostrap Override To Use Inline BLock Not Float Left
==============================================================================*/
.row {
    font-size: 0;
}

[class*="col-"] {
    display: inline-block;
    float: none;
    font-size: 16px;
    vertical-align: top;
}

@media (max-width: 1199px) {
    [class*="col-xl"] {
        display: block;
        width: 100%;
    }
}
@media (max-width: 991px) {
    .container {
        width: 100%;
        max-width: 100%;
    }

    [class*="col-lg"] {
        display: block;
        width: 100%;
    }
}
@media (max-width: 767px) {
    .container {
        width: 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .container--main {
        padding-left: 0;
        padding-right: 0;
    }

    [class*="col-md"] {
        display: block;
        width: 100%;
    }
    .navbar-toggler-icon {
        width: 1em;
        font: normal normal normal 14px/1 FontAwesome;
        line-height: 1.5em;
    }
    .navbar-toggler-icon::after {
        content: "\f0c9";
        color: #fff;
    }
    .navbar-brand {
        margin-right: 0;
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .navbar-expand-md .navbar-nav .user-dropdown .dropdown-menu {
        right: auto !important;
        left: 0 !important;
    }
    .back_dash .idashboard {
        display: inline-block !important;
    }
    .back_dash .dashboard {
        display: none;
    }
    .navbar .navbar-toggler {
        padding-right: 0;
    }
    .navbar-collapse {
        width: 80%;
        white-space: nowrap;
        text-overflow: ellipsis;
        flex-basis: 80%;
        margin-right: 13px;
    }
}
@media (max-width: 544px) {
    [class*="col-sm"] {
        display: block;
        width: 100%;
    }
}
/*============================================================================
  #Stickey Footer
==============================================================================*/
.content-wrap {
    display: table-row;
    height: 100%;
}

.footer-wrap {
    display: table-row;
    height: 1px;
}

.section-wrap {
    display: table-cell;
    width: 100%;
}
.section-wrap--top {
    vertical-align: top;
}
.section-wrap--middle {
    vertical-align: middle;
}

/*============================================================================
  #Authentication Layout
==============================================================================*/
.auth__wrapper {
    background: #eeeeee;
    display: table-cell;
    vertical-align: middle;
}
.auth__img {
    max-width: 450px;
    margin: 0 auto;
    text-align: center;
}
.auth__img img {
    max-width: 100%;
    margin-bottom: 0;
    margin-top: 0;
}
.auth__box {
    max-width: 450px;
    margin: 0 auto;
}
.auth__title {
    text-align: center;
    font-size: 1.125rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.auth__message {
    font-size: 0.875rem;
    margin-bottom: 1rem;
    font-weight: bold;
}
.auth__group {
    margin-bottom: 1.5rem;
}
.auth__group--error .auth__field {
    border: 1px solid #e74c3c;
}
.auth__group--error .auth__message {
    color: #e74c3c;
}
.auth__label {
    margin-bottom: 1rem;
    font-size: 0.875rem;
}
.auth__field.form-control {
    padding: 0.5rem 0.75rem !important;
}
.auth__btn {
    margin-bottom: 1.5rem;
    display: block;
    width: 100%;
    background: #2e91fc;
    color: #fff;
    padding: 0.8rem 1.875rem;
}
.auth__link {
    max-width: 450px;
    margin: 0 auto;
}
.auth__link a {
    text-align: center;
    display: block;
    max-width: 400px;
    margin: 0 auto;
}

/*============================================================================
  #404 Layout
==============================================================================*/
.auth__404 {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}
.auth__404--title {
    font-size: 6.25rem;
    font-weight: 100;
    font-family: Open Sans;
    line-height: 1;
}
.auth__404--text {
    font-size: 1.125rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.auth__404--link {
    font-weight: bold;
}

/*============================================================================
  #Thank You Layout
==============================================================================*/
.auth__thank-you {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}
.auth__thank-you--link {
    display: block;
}

/*============================================================================
  #Helpers
==============================================================================*/
.text-center {
    text-align: center;
}

img {
    max-width: 100%;
}

.img-fluid {
    margin: 1rem auto;
}

.btn-cta {
    display: none;
}

.marketing .col-lg-4 {
    margin-bottom: 1.5rem;
    text-align: center;
}
.footer {
    display: inline-block;
    width: 100%;
}

body {
    font-family: Open Sans;
    color: #55636f;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-size: 16px;
    line-height: 1.8;
    letter-spacing: normal;
}

@media (max-width: 767px) {
    h1 {
        font-size: 30px;
    }

    h2,
    .blog__title {
        font-size: 28px;
    }

    h3 {
        font-size: 24px;
    }

    h4 {
        font-size: 20px;
    }

    h5 {
        font-size: 16px;
    }

    h6 {
        font-size: 16px;
    }
}
a {
    color: #2e91fc;
    transition: all 0.1s;
}
a:hover {
    color: #2e91fc;
    text-decoration: none;
}

.capitalize {
    text-transform: capitalize;
}

blockquote {
    padding-left: 1rem;
    border-left: 5px solid #2e91fc;
}

pre {
    padding: 1rem;
    border: 1px solid #dddddd;
    border-radius: 3px;
}

/*============================================================================
  #Announcement
==============================================================================*/
.announcement {
    padding: 7px;
    font-weight: bold;
    text-align: center;
    display: block;
    margin: 0;
    font-size: 14px;
}

a.announcement:hover {
    filter: brightness(85%);
    text-decoration: none;
    cursor: pointer;
}

.navbar-collapse a {
    color: #fff;
}
.user-dropdown .dropdown-toggle {
    padding: 0.5rem 1rem;
    display: inline-block;
}
.user-dropdown .fa-2x {
    font-size: 26px;
}
.navbar-expand-md .navbar-nav .user-dropdown .dropdown-menu {
    right: 0;
    left: auto;
}
.navbar-expand-md .navbar-nav .user-dropdown .dropdown-menu a {
    color: #494949;
}
/*============================================================================
  #Buttons
==============================================================================*/
.btn {
    font-family: Montserrat;
    font-weight: 600;
    border-radius: 4px;
    white-space: normal;
    display: inline-block;
    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
    /*============================================================================
    #Buttons Size
  ==============================================================================*/
    /*============================================================================
    #Buttons Styles
  ==============================================================================*/
    /*============================================================================
    #Buttons Widths
  ==============================================================================*/
}
.btn:hover {
    filter: brightness(115%);
}
.btn-form {
    padding: 1rem 1.875rem;
}
.btn--small {
    font-size: 75%;
    padding: 0.5rem 1rem;
}
.btn--med {
    padding: 0.8rem 1.875rem;
}
.btn--large {
    font-size: 125%;
    padding: 1rem 2rem;
}
.btn--solid {
    color: #fff;
    border: 2px solid;
}
.btn--outline {
    border: 2px solid;
    background: transparent;
}
.btn--auto {
    width: auto;
}
.btn--block {
    width: 100%;
}
.btn--R {
    border-radius: 3em;
}
.btn--S {
    border-radius: 0;
}

@media (max-width: 767px) {
    .btn {
        width: 100%;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
}

/*============================================================================
  #Buttons Alignment
==============================================================================*/
.btn__spacing--left .btn-cta {
    margin-right: 1rem;
}
.btn__spacing--center .btn-cta {
    margin: 1rem 0;
}
.btn__spacing--right .btn-cta {
    margin-left: 1rem;
}

/*============================================================================
  #Cards
==============================================================================*/
.card {
    border: none;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 5px 45px 5px rgba(0, 0, 0, 0.13);
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    -webkit-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}
.card--heading {
    margin: 30px 0;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
}
.card--img {
    margin: 0 0;
}
.card--body {
    padding: 30px;
}
.card--title {
    margin-top: 0;
    font-size: 20px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
}
.card--description {
    font-size: 14px;
}
.card--price {
    margin-bottom: 0;
    font-size: 16px;
}
.card:hover {
    transform: translateY(-5px);
}
.card.section--light .card--title {
    color: #000;
}
.card.section--light .card--description {
    color: #55636f;
}
.card.section--light .card--price {
    color: #000;
}
.card.section--dark .card--title {
    color: #fff;
}
.card.section--dark .card--description {
    color: #fff;
}
.card.section--dark .card--price {
    color: #fff;
}

/*============================================================================
  #Card Responsive Styles
==============================================================================*/
.editor-null {
    padding: 20px;
    border: 2px dashed #ddd;
    color: #666;
    text-align: center;
}

/*============================================================================
  #Errors
==============================================================================*/
.parsley-errors-list {
    margin: 0;
    color: #e74c3c;
    list-style: none;
    padding-left: 0;
}

.parsley-errors-list.filled {
    margin: 10px 0 20px 0;
}

/*============================================================================
  #Alerts
==============================================================================*/
.alert {
    border-radius: 0;
    text-align: left;
    padding: 1rem;
}
.alert .fa {
    margin-right: 1rem;
}
.alert .close {
    line-height: 25px;
    margin-right: 0;
}
.alert--flush {
    margin-bottom: 0;
}
.alert--success {
    border-color: #1abc9c;
    background-color: #1abc9c;
    color: #ffffff;
}
.alert--info {
    border-color: #34495e;
    background-color: #34495e;
    color: #ffffff;
}
.alert--warning {
    border-color: #f39c12;
    background-color: #f39c12;
    color: #ffffff;
}
.alert--danger {
    border-color: #e74c3c;
    background-color: #e74c3c;
    color: #ffffff;
}

/*============================================================================
  #Forms
==============================================================================*/
form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
form select::-ms-expand {
    display: none;
}
form .country-field,
form .select-box-field {
    position: relative;
}
form .country-field:after,
form .select-box-field:after {
    font-family: "FontAwesome";
    font-size: 1.25rem;
    line-height: 50px;
    position: absolute;
    bottom: 2px;
    right: 14px;
    height: 50px;
    content: "\f0d7";
    pointer-events: none;
    color: #55595c;
}
form label {
    margin-bottom: 0;
}
form textarea {
    min-height: 150px;
}
form input.form-control:not([type="checkbox"]):not([type="radio"]) {
    padding: 0.9rem 1.1rem;
    border-radius: 2px;
    line-height: 1.6;
    border: 1px solid #e6e9ec;
}
form .radio {
    margin-bottom: 0;
}
form input[type="checkbox"],
form input[type="radio"] {
    margin-top: 0.25rem;
    margin-right: 1rem;
    display: inline-block;
    width: auto;
    padding: 0;
    border: none;
    background-color: transparent;
    background-clip: initial;
    border-radius: 0;
}
form input[type="checkbox"]:focus,
form input[type="radio"]:focus {
    width: auto;
    border: none;
    background-color: transparent;
    background-clip: initial;
    border-radius: 0;
}
form select.form-control:not([size]):not([multiple]) {
    height: 3.5rem;
}
form .text {
    display: inline-block;
    width: 100%;
}

/*============================================================================
  #Section Headings
==============================================================================*/
.heading {
    text-align: center;
}
.heading--library {
    text-align: left;
}
.heading--library .heading__title {
    margin-top: 0;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    margin-bottom: 2rem;
}
.heading__title {
    font-size: 30px;
}
.heading__subtitle {
    font-size: 20px;
}

/*============================================================================
  #SPACING BASED ON SECTION
==============================================================================*/
.section--xs-small .heading {
    margin-bottom: calc(15px - 15px);
}
.section--small .heading {
    margin-bottom: calc(50px - 15px);
}
.section--medium .heading {
    margin-bottom: calc(100px - 15px);
}
.section--large .heading {
    margin-bottom: calc(175px - 15px);
}
.section--full .heading {
    margin-bottom: calc(100px - 15px);
}
.section .heading--empty {
    margin-bottom: 0;
}
.section--cta .heading {
    margin-bottom: 0;
}
.section--top-space-small {
    margin-top: 10px;
}
.section--top-space-medium {
    margin-top: 20px;
}
.section--top-space-large {
    margin-top: 30px;
}
/*============================================================================
  #Section Headings Responsive Styles
==============================================================================*/
@media (max-width: 767px) {
    .section--xs-small .heading,
    .section--small .heading,
    .section--medium .heading,
    .section--large .heading,
    .section--full .heading {
        margin-bottom: calc(25px - 15px);
    }
    .section--xs-small .heading--library .heading__title,
    .section--small .heading--library .heading__title,
    .section--medium .heading--library .heading__title,
    .section--large .heading--library .heading__title,
    .section--full .heading--library .heading__title {
        font-size: 1.5rem;
        border-bottom: 0;
        margin-bottom: 0;
    }
    .section--xs-small .heading--empty,
    .section--small .heading--empty,
    .section--medium .heading--empty,
    .section--large .heading--empty,
    .section--full .heading--empty {
        margin-bottom: 0;
    }
    .section--xs-small .heading__title,
    .section--small .heading__title,
    .section--medium .heading__title,
    .section--large .heading__title,
    .section--full .heading__title {
        font-size: 18px;
    }
    .section--xs-small .heading__subtitle,
    .section--small .heading__subtitle,
    .section--medium .heading__subtitle,
    .section--large .heading__subtitle,
    .section--full .heading__subtitle {
        font-size: 16px;
    }
}
/*============================================================================
  #Pagination
==============================================================================*/
.pag {
    display: table;
    width: 100%;
    font-size: 1.5rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 2rem;
}
.pag__wrapper {
    margin-bottom: 2rem;
}
.pag__link {
    color: #000;
    display: inline-block;
    margin: 0;
}
.pag__link--current {
    color: #2e91fc;
}
.pag__link--disabled {
    color: #bfbfbf;
}
.pag__cell {
    display: table-cell;
}
.pag__cell--prev {
    text-align: left;
}
.pag__cell--next {
    text-align: right;
}
.pag__cell--pages {
    padding: 0;
}
.pag__cell--pages .pag__link {
    margin: 0 10px;
}

/*============================================================================
  #Panel
==============================================================================*/
.panel {
    background: #fff;
    margin-bottom: 2rem;
    /*============================================================================
    #Panel Font Colors
  ==============================================================================*/
    /*============================================================================
    #Panel Size
  ==============================================================================*/
    /*============================================================================
    #Panel Items
  ==============================================================================*/
}
.panel--img {
    background: transparent;
}
.panel--img img {
    margin: 0 0 0 0;
    width: 100%;
}
.panel--dark {
    color: #fff;
}
.panel--dark h1,
.panel--dark h2,
.panel--dark .blog__title,
.panel--dark h3,
.panel--dark h4,
.panel--dark h5,
.panel--dark h6,
.panel--dark a {
    color: #fff;
}
.panel--light {
    color: #55636f;
}
.panel--light h1,
.panel--light h2,
.panel--light .blog__title,
.panel--light h3,
.panel--light h4,
.panel--light h5,
.panel--light h6,
.panel--light a {
    color: #000;
}
.panel--large .panel__body {
    padding: 60px;
}
.panel__body {
    padding: 30px;
}
.panel__body > :first-of-type.panel__block {
    margin-top: 0;
}
.panel__body > :last-of-type.panel__block {
    margin-bottom: 0;
}
.panel__body > :only-of-type.panel__block {
    margin: 0 0 0 0;
}
.panel__body > :first-child {
    margin-top: 0;
}
.panel__body > :last-child {
    margin-bottom: 0;
}
.panel__body > :only-child {
    margin: 0 0 0 0;
}
.panel__body + .panel__body {
    padding-top: 0;
}
.panel__block,
.panel__copy {
    margin: 1.5rem 0;
}
.panel__block:empty,
.panel__copy:empty {
    display: none;
}
.panel__block > :first-child,
.panel__copy > :first-child {
    margin-top: 0;
}
.panel__block > :last-child,
.panel__copy > :last-child {
    margin-bottom: 0;
}
.panel__block > :only-child,
.panel__copy > :only-child {
    margin: 0 0 0 0;
}
.panel__heading {
    font-weight: 700;
}
.panel__heading--light {
    opacity: 0.6;
}
.panel__sub-heading {
    margin-top: 0;
    opacity: 0.6;
    font-size: 0.875rem;
    margin-bottom: 1.5rem;
}
.panel__title {
    color: #000;
    font-weight: 700;
    display: block;
}
.panel__sub-title {
    margin-bottom: 1.5rem;
}
.panel__sub-title a {
    color: #2e91fc;
}
.panel__copy {
    display: block;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 0.875rem;
}
.panel__copy--light {
    opacity: 0.6;
}
.panel__text {
    display: block;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

@media (max-width: 767px) {
    .panel {
        margin-bottom: 15px;
    }
    .panel__body {
        padding: 20px;
    }
    .panel--large .panel__body {
        padding: 30px;
    }
}
/*============================================================================
  #Inline panels
==============================================================================*/
.panel--inline {
    display: table;
    width: 100%;
}
.panel--inline .panel__cell {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 30px;
}
.panel--inline .panel__cell > :first-child {
    margin-top: 0;
}
.panel--inline .panel__cell > :last-child {
    margin-bottom: 0;
}
.panel--inline .panel__cell > :only-child {
    margin: 0 0 0 0;
}
.panel--inline .panel__cell:first-of-type {
    width: 320px;
    padding: 0;
}
.panel--inline .panel__cell:first-of-type img {
    width: 100%;
}
.panel--inline .panel__cell:last-of-type {
    padding: 30px;
    vertical-align: top;
    text-align: right;
    width: 200px;
}

@media (max-width: 991px) {
    .panel--inline .panel__cell {
        padding-right: 0;
    }
    .panel--inline .panel__cell h4 {
        margin-bottom: 0;
        font-size: 1rem;
    }
    .panel--inline .panel__cell p {
        font-size: 0.8rem;
        margin-top: 0;
    }
    .panel--inline .panel__cell:first-of-type {
        width: 260px;
    }
    .panel--inline .panel__cell:last-of-type {
        vertical-align: middle;
    }
}
@media (max-width: 767px) {
    .panel--inline {
        display: block;
    }
    .panel--inline .panel__cell {
        display: block;
        padding: 30px 30px 0 30px;
    }
    .panel--inline .panel__cell:first-of-type {
        width: 100%;
        padding: 0;
    }
    .panel--inline .panel__cell:last-of-type {
        width: 100%;
        padding: 1rem 30px 30px 30px;
    }
}
/*============================================================================
  #Pops
==============================================================================*/
body.pop-open {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: fixed;
}

.pop {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1000;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    overflow: auto;
    z-index: 10000;
    background: rgba(0, 0, 0, 0.7);
}
.pop--dark {
    color: #fff;
}
.pop--dark a {
    color: #fff;
}
.pop--dark a:hover {
    color: white;
}
.pop--light {
    color: #000;
}
.pop--light a {
    color: #000;
}
.pop--light a:hover {
    color: #4d4d4d;
}
.pop__close {
    position: absolute;
    top: -30px;
    right: -30px;
    display: inline-block;
    font-size: 0;
    width: 25px;
    height: 25px;
    background: url(close.svg);
    background-size: 25px 25px;
    margin: 0;
    opacity: 1;
    cursor: pointer;
}
.pop__content {
    display: table;
    height: 100%;
    width: 100%;
    border-radius: 5px;
}
.pop__inner {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 30px;
}
.pop__body {
    max-width: 650px;
    border-radius: 4px;
    display: inline-block;
    position: relative;
}
.pop__body img {
    margin: 0 0;
}
.pop__body--inner {
    padding: 50px 80px;
}
.pop__form {
    margin: 30px 0;
    text-align: left;
}

@media (max-width: 767px) {
    .pop__close {
        right: -5px;
    }
    .pop__body--inner {
        padding: 30px;
    }
}
/*============================================================================
  #Progress Bars
==============================================================================*/
.progress-wrapper {
    margin: 30px 0;
}
.progress-wrapper .progress {
    position: relative;
    text-align: left;
    padding: 0;
    height: 1rem;
    overflow: hidden;
}
.progress-wrapper .progress-bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 1rem;
    background: #2e91fc;
    -webkit-background-size: 1rem 1rem;
    background-size: 1rem 1rem;
    background-image: -webkit-linear-gradient(
        45deg,
        rgba(255, 255, 255, 0.15) 25%,
        transparent 25%,
        transparent 50%,
        rgba(255, 255, 255, 0.15) 50%,
        rgba(255, 255, 255, 0.15) 75%,
        transparent 75%,
        transparent
    );
    background-image: -o-linear-gradient(
        45deg,
        rgba(255, 255, 255, 0.15) 25%,
        transparent 25%,
        transparent 50%,
        rgba(255, 255, 255, 0.15) 50%,
        rgba(255, 255, 255, 0.15) 75%,
        transparent 75%,
        transparent
    );
    background-image: linear-gradient(
        45deg,
        rgba(255, 255, 255, 0.15) 25%,
        transparent 25%,
        transparent 50%,
        rgba(255, 255, 255, 0.15) 50%,
        rgba(255, 255, 255, 0.15) 75%,
        transparent 75%,
        transparent
    );
    -webkit-animation: progress-bar-stripes 0.7s linear infinite;
    -moz-animation: progress-bar-stripes 0.7s linear infinite;
    -o-animation: progress-bar-stripes 0.7s linear infinite;
    animation: progress-bar-stripes 0.7s linear infinite;
}
.progress-wrapper .progress-percent {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 0.5rem;
    margin-top: 0;
}

.search-result {
    border-top: 1px solid #e5e9ed;
}
.search-result__title {
    font-weight: bold;
    display: block;
    text-decoration: underline;
}
.search-result:first-of-type {
    border-top: none;
}

.search__toggle {
    cursor: pointer;
}
.search__icon {
    padding: 0;
    border: none;
    background: transparent;
}
.search__input:not([type="checkbox"]):not([type="radio"]) {
    padding: 0 0 0 10px !important;
    border: none !important;
    background: transparent;
}

/*============================================================================
  #Sections
==============================================================================*/

.section {
    /*============================================================================
    #Section Font Colors
  ==============================================================================*/
    /*============================================================================
    #Section Sizes
  ==============================================================================*/
    /*============================================================================
    #Section Alignment
  ==============================================================================*/
    /*============================================================================
    #Section Global
  ==============================================================================*/
}
.section--dark {
    color: #fff;
}
.section--dark h1,
.section--dark h2,
.section--dark .blog__title,
.section--dark h3,
.section--dark h4,
.section--dark h5,
.section--dark h6 {
    color: #fff;
}
.section--light {
    color: #55636f;
}
.section--light h1,
.section--light h2,
.section--light .blog__title,
.section--light h3,
.section--light h4,
.section--light h5,
.section--light h6 {
    color: #000;
}
.section--xs-small {
    padding: 15px 0;
}
.section--small {
    padding: 50px 0;
}
.section--medium {
    padding: 100px 0;
}
.section--large {
    padding: 175px 0;
}
.section--full {
    padding: 100px 0;
}
.section--bottom [class*="col-"] {
    vertical-align: bottom;
}
.section--middle [class*="col-"] {
    vertical-align: middle;
}
.section--top [class*="col-"] {
    vertical-align: top;
}
.section--global {
    vertical-align: top;
    padding: 100px 0;
    padding-bottom: calc(100px - 30px);
    background: #eeeeee;
}

/*============================================================================
  #Section Background Images
==============================================================================*/
.background-image {
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #fff;
}

/*============================================================================
  #Section Responsive Styles
==============================================================================*/
@media (max-width: 767px) {
    .section--global {
        padding: 25px 0;
    }
    .section--xs-small {
        padding: 25px 0;
    }
    .section--small {
        padding: 25px 0;
    }
    .section--medium {
        padding: 25px 0;
    }
    .section--large {
        padding: 25px 0;
    }
    .section--full {
        padding: 25px 0;
    }
}
/* Slider */
.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: "";
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

/*============================================================================
  #Videos
==============================================================================*/
.video--player {
    position: relative;
    display: block;
    overflow: hidden;
    height: 0;
    padding-bottom: 56.25%;
}

.video--player iframe,
.video--player video,
.video--player__wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.video {
    position: relative;
    height: auto;
    margin-top: 1rem;
    margin-bottom: 1rem;
    /*============================================================================
    #Video Responsive Styles
  ==============================================================================*/
}
.video__wrapper {
    background-repeat: no-repeat;
    background-size: cover;
}
.video .overlay {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    color: #fff;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9999;
}
.video .overlay__inner {
    position: absolute;
    left: 50%;
    top: 50%;
    color: #fff;
    width: 90%;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.video .overlay__inner h1,
.video .overlay__inner h2,
.video .overlay__inner .blog__title,
.video .overlay__inner h3,
.video .overlay__inner h4,
.video .overlay__inner h5,
.video .overlay__inner h6 {
    color: #fff;
}
.video .overlay__close {
    color: #fff;
    display: block;
    font-weight: bold;
    font-size: 0.65rem;
    margin: 0 0 0 0;
    letter-spacing: 1px;
}
@media (max-width: 991px) {
    .video .overlay__inner h2,
    .video .overlay__inner .blog__title {
        font-size: 1.2rem;
        margin: 0.5rem 0;
    }
    .video .overlay__inner .btn {
        margin: 0.5rem 0;
    }
}
@media (max-width: 767px) {
    .video .overlay__inner h2,
    .video .overlay__inner .blog__title {
        font-size: 1rem;
        margin: 0.5rem 0;
    }
    .video .overlay__inner .btn {
        margin: 0.5rem 0;
        font-size: 0.75rem;
        width: auto;
        padding: 0.5rem 1rem;
    }
}
@media (max-width: 544px) {
    .video .overlay__inner h2,
    .video .overlay__inner .blog__title {
        display: none;
    }
}

/*============================================================================
  #Accordion Section
==============================================================================*/
.section--accordion .accordion__item {
    position: relative;
    text-align: left;
    background: #fff;
    margin: 1rem 0;
}
.section--accordion .accordion__item.section--light .accordion__icon:before {
    color: rgba(0, 0, 0, 0.2);
}
.section--accordion .accordion__item.section--light .accordion__title {
    color: #000;
}
.section--accordion .accordion__item.section--light .accordion__description {
    color: #55636f;
}
.section--accordion .accordion__item.section--dark .accordion__icon:before {
    color: rgba(255, 255, 255, 0.2);
}
.section--accordion .accordion__item.section--dark .accordion__title {
    color: #fff;
}
.section--accordion .accordion__item.section--dark .accordion__description {
    color: #fff;
}
.section--accordion .accordion__icon:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: rgba(0, 0, 0, 0.2);
    font-size: 18px;
    line-height: 1;
    padding-right: 0.5em;
    position: absolute;
    top: 24px;
    left: 30px;
}
.section--accordion .accordion__title {
    text-decoration: none;
    display: block;
    color: #000;
    padding: 20px 30px 20px 70px;
    margin: 0;
    font-family: Montserrat;
    font-weight: 700;
}
.section--accordion .accordion__title .accordion__icon:before {
    content: "\f054";
}
.section--accordion
    .accordion__title[aria-expanded="true"]
    .accordion__icon:before {
    content: "\f078";
}
.section--accordion .accordion__body {
    color: #000;
    padding: 1px 30px 10px 30px;
}

/*============================================================================
  #Blog Posts Section
==============================================================================*/
.section--blog_posts {
    /*============================================================================
    #Section Color Schemes
  ==============================================================================*/
}
.section--blog_posts.section--light a {
    color: #000;
}
.section--blog_posts.section--dark a {
    color: #fff;
}
.section--blog_posts .blog_post {
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 5px 45px 5px rgba(0, 0, 0, 0.13);
    background: rgba(255, 255, 255, 0.1);
}
.section--blog_posts .blog_post__img {
    margin: 0 0;
}
.section--blog_posts .blog_post__date {
    opacity: 0.5;
    font-size: 14px;
    font-weight: 400;
    margin: 30px;
    margin-bottom: 10px;
}
.section--blog_posts .blog_post__title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
    margin: 30px;
    margin-top: 10px;
}
.section--blog_posts .blog_post__title--solo {
    margin-top: 30px;
}

/*============================================================================
  #Blog Section
==============================================================================*/
.blog__title a {
    color: #000;
}
.blog__info {
    margin-bottom: 1rem;
}
.blog__tags {
    margin-right: 1rem;
    text-transform: capitalize;
}
.blog__tags a:after {
    content: ", ";
}
.blog__tags a:last-of-type:after {
    content: "";
}
.blog__more {
    font-weight: 700;
    display: block;
    margin-bottom: 1rem;
}
.blog__comment-count {
    margin-left: 1rem;
    color: #2e91fc;
}

.recent-post__title {
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
    display: block;
    color: #000;
    font-weight: 700;
}
.recent-post__tags {
    margin: 0 0 0 0;
    font-size: 0.85rem;
    text-transform: capitalize;
}
.recent-post__tags a:after {
    content: ", ";
}
.recent-post__tags a:last-of-type:after {
    content: "";
}
.recent-post__date {
    margin-top: 0.5rem;
    display: block;
    font-size: 0.85rem;
}

/*============================================================================
  #Instructor
==============================================================================*/
.instructor__image {
    width: 60px;
    height: 60px;
    margin-top: 0;
    margin-bottom: 0;
}
.instructor__name {
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0;
}
.instructor__title {
    color: #2e91fc;
    margin-top: 0;
    margin-bottom: 0;
}

/*============================================================================
  #Countdown Timer Section
==============================================================================*/
.section--countdown {
    text-align: center;
    /*============================================================================
    #Countdown Responsive Styles
  ==============================================================================*/
}
.section--countdown .countdown {
    width: 100%;
    /*============================================================================
      #Boxed Countdown Styles
    ==============================================================================*/
    /*============================================================================
      #Card Countdown Styles
    ==============================================================================*/
}
.section--countdown .countdown__item {
    text-align: center;
    position: relative;
}
.section--countdown .countdown__item:after {
    opacity: 0.6;
    position: absolute;
    content: ":";
    font-size: 2rem;
    line-height: 4.5rem;
    font-weight: bold;
    right: -0.2rem;
    top: 0;
}
.section--countdown .countdown__item:last-of-type:after {
    content: "";
}
.section--countdown .countdown__amount {
    font-weight: 700;
    font-size: 3rem;
    line-height: 1;
}
.section--countdown .countdown__title {
    opacity: 0.6;
    font-weight: 700;
}
.section--countdown .countdown--boxed .countdown__item:after {
    opacity: 0;
}
.section--countdown .countdown--boxed .countdown__amount {
    background: rgba(0, 0, 0, 0.12);
    padding: 40px 0;
    border-radius: 4px;
    font-size: 3.5rem;
    font-weight: 100;
}
@media (max-width: 767px) {
    .section--countdown .countdown--boxed .countdown__amount {
        font-size: 1.5rem;
    }
}
.section--countdown .countdown--card .countdown__item:after {
    opacity: 0;
}
.section--countdown .countdown--card .countdown__amount {
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 40px 0;
    border-radius: 4px;
    font-size: 4rem;
    position: relative;
    z-index: 1000;
    color: #000;
}
.section--countdown .countdown--card .countdown__amount:before {
    content: "";
    position: absolute;
    background: rgba(0, 0, 0, 0.05);
    left: 0;
    right: 0;
    top: 0;
    bottom: 50%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
@media (max-width: 767px) {
    .section--countdown .countdown--card .countdown__amount {
        font-size: 1.5rem;
    }
}
@media (max-width: 767px) {
    .section--countdown .countdown__item:after {
        font-size: 1.2rem;
        line-height: 3.2rem;
    }
    .section--countdown .countdown__amount {
        font-size: 1.5rem;
    }
    .section--countdown .countdown__title {
        font-size: 0.7rem;
    }
}

/*============================================================================
  #CTA Section
==============================================================================*/
.section--cta {
    position: relative;
    text-align: center;
}
.section--cta .heading__subtitle {
    margin-bottom: 1rem;
}

/*============================================================================
  #CTA Section
==============================================================================*/
.section--custom_content {
    position: relative;
    text-align: center;
}
.section--custom_content form {
    text-align: left;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

/*============================================================================
  #Facebook Comments Section
==============================================================================*/
.section--custom_content .fb_iframe_widget {
    width: 100%;
}
.section--custom_content .fb_iframe_widget span,
.section--custom_content .fb_iframe_widget iframe {
    width: 100% !important;
}

/*============================================================================
  #Feature Section
==============================================================================*/
.section--feature {
    text-align: center;
    /*============================================================================
    #Section Color Schemes
  ==============================================================================*/
}
.section--feature.section--light a {
    color: #000;
}
.section--feature.section--dark a {
    color: #fff;
}

.footer {
    padding: 15px 0 0;
    padding-top: 15px;
    background: white;
    position: absolute;
    bottom: 1px;
    left: 0;
}
.footer .container {
    /*padding-bottom: 30px;*/
}
.footer__text-container {
    overflow: hidden;
}
.footer__logo {
    display: inline-block;
    float: left;
    height: 40px;
    margin-right: 20px;
}
.footer__copyright {
    line-height: 40px;
    display: inline-block;
    float: left;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.footer__menu,
.footer__powered-by {
    display: inline-block;
    float: right;
}
.footer__menu-item,
.footer__powered-by a {
    line-height: 40px;
    display: inline-block;
    margin-left: 20px;
}
.footer__menu-item:hover,
.footer__powered-by a:hover {
    opacity: 0.5;
}

.footer--light {
    color: #000;
}
.footer--light a {
    color: #000;
}
.footer--light a:hover {
    color: #4d4d4d;
}

.footer--dark {
    color: #fff;
}
.footer--dark a {
    color: #fff;
}
.footer--dark a:hover {
    color: white;
}

.footer--center {
    text-align: center;
}
.footer--center .footer__logo {
    float: none;
    margin-right: 0;
}
.footer--center .footer__copyright {
    line-height: 30px;
    display: block;
    float: none;
}
.footer--center .footer__menu,
.footer--center .footer__powered-by {
    display: block;
    float: none;
}
.footer--center .footer__menu-item,
.footer--center .footer__powered-by a {
    margin: 1rem;
    margin-top: 0;
}

@media (max-width: 767px) {
    .footer {
        text-align: center;
    }
    .footer__logo {
        float: none;
        margin-right: 0;
    }
    .footer__copyright {
        line-height: 30px;
        display: block;
        float: none;
    }
    .footer__menu,
    .footer__powered-by {
        display: block;
        float: none;
    }
    .footer__menu-item,
    .footer__powered-by a {
        line-height: 30px;
        display: block;
        margin-right: 0;
        margin-left: 0;
    }
}
.auth__btn {
    margin-bottom: 0;
    color: #fff;
    border-color: #2e91fc;
    background-color: #2e91fc;
}

.section--gallery {
    padding: 0;
}
.section--gallery .row,
.section--gallery [class*="col-"] {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
    vertical-align: top;
}
.section--gallery img {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
}

.gallery-image {
    position: relative;
    display: block;
    overflow: hidden;
}
.gallery-image__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.gallery-image__link:hover {
    filter: none;
}
.gallery-image__table {
    display: table;
    width: 100%;
    height: 100%;
    padding: 30px;
    table-layout: fixed;
}
.gallery-image__table-cell {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.gallery-image__text-container {
    color: #ffffff;
}
.gallery-image__title {
    line-height: 1.2;
    margin: 0;
}
.gallery-image__subtitle {
    margin: 0;
}
.gallery-image__title + .gallery-image__subtitle {
    margin-top: 10px;
}

@media (max-width: 991px) {
    .gallery-image__table {
        padding: 15px;
    }
    .gallery-image__title {
        font-size: 16px;
    }
    .gallery-image__subtitle {
        font-size: 14px;
    }
}
/*============================================================================
  #Header Section
==============================================================================*/
.header {
    line-height: 0;
    position: relative;
    padding: 30px 0;
    background: white;
    min-height: 70px;
    /*============================================================================
    #Header Text Colors
  ==============================================================================*/
    /*============================================================================
    #Header Logo Type
  ==============================================================================*/
    /*============================================================================
    #Header Alignment
  ==============================================================================*/
    /*============================================================================
    #Header Responsive Toggle
  ==============================================================================*/
    /*============================================================================
    #User
  ==============================================================================*/
}
.header--light {
    color: #000;
}
.header--light a {
    color: #000;
}
.header--light a:hover {
    color: #4d4d4d;
}
.header--light .header-ham span {
    background-color: #000;
}
.header--light .header-ham span:hover {
    background: #4d4d4d;
}
.header--dark {
    color: #fff;
}
.header--dark a {
    color: #fff;
}
.header--dark a:hover {
    color: white;
}
.header--dark .header-ham span {
    background-color: #fff;
}
.header--dark .header-ham span:hover {
    background: white;
}
.header .header-menu {
    display: block;
    vertical-align: middle;
    /*============================================================================
      #Header CTA
    ==============================================================================*/
}
.header .header-menu a {
    line-height: 40px;
    display: inline-block;
    margin: 0 10px;
}
.header .header-menu .btn-cta {
    line-height: 1.3;
    vertical-align: middle;
}
.header .header-menu .btn-cta:last-of-type {
    margin-right: 0;
}
.header .logo {
    position: relative;
    z-index: 999;
    display: inline-block;
    max-width: 80%;
    margin: 0;
}
.header .logo--text {
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 700;
    line-height: 40px;
    padding-right: 30px;
}
.header .logo--image {
    height: 40px;
}
.header .logo img {
    position: relative;
    top: 50%;
    max-width: 100%;
    max-height: 40px;
    margin: 0;
    transform: translateY(-50%);
}
.header--left .logo {
    float: left;
}
.header--left .header-menu {
    position: relative;
    text-align: right;
}
.header--center {
    text-align: center;
}
.header--center .logo--text {
    padding-right: 0;
}
.header--center .logo img {
    margin: 0 auto;
}
.header--center .header-menu {
    position: static;
    text-align: center;
    padding-top: 30px;
}
.header--center .header-menu a {
    line-height: 1rem;
}
.header .header-ham {
    margin: 3px 0;
    position: absolute;
    top: 20px;
    right: 20px;
    display: none;
    width: 30px;
    height: 23px;
    cursor: pointer;
}
.header .header-ham span {
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 3px;
    opacity: 1;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    -webkit-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}
.header .header-ham span:nth-child(1),
.header .header-ham span:nth-child(2),
.header .header-ham span:nth-child(3) {
    moz-transform-origin: left center;
    -o-transform-origin: left center;
    -ms-transform-origin: left center;
    -webkit-transform-origin: left center;
    transform-origin: left center;
}
.header .header-ham span:nth-child(1) {
    top: 0;
}
.header .header-ham span:nth-child(2) {
    top: 10px;
}
.header .header-ham span:nth-child(3) {
    top: 20px;
}
.header .header-ham.open span:nth-child(1) {
    top: 0;
    left: 8px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.header .header-ham.open span:nth-child(2) {
    width: 0;
    opacity: 0;
}
.header .header-ham.open span:nth-child(3) {
    top: 22px;
    left: 8px;
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.header .user {
    /*============================================================================
      #User Avatar
    ==============================================================================*/
    /*============================================================================
      #User Dropdown
    ==============================================================================*/
}
.header .user__avatar {
    height: 40px;
    max-height: 40px;
    margin: 0 0 0 1rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.header .user__dropdown {
    position: absolute;
    z-index: 2000;
    top: 71px;
    right: 0;
    display: none;
    padding: 20px 30px;
    text-align: left;
    white-space: nowrap;
    border-top: 0;
    background: #f9f9f9;
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.05);
}
.header .user__dropdown--light a {
    color: #000;
}
.header .user__dropdown--dark a {
    color: #fff;
}
.header .user__dropdown span {
    display: block;
}
.header .user__dropdown a {
    line-height: 40px !important;
    display: block;
}
.header--center .user {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
}
.header--center .user__dropdown {
    top: 50px;
}
.header--center .user__dropdown a {
    line-height: 40px;
    margin: 0 0 0 0;
}

/*============================================================================
  #Header Responsive Styles
==============================================================================*/
@media (max-width: 767px) {
    .header {
        padding: 15px 0;
        text-align: left;
    }
    .header .header-ham {
        display: inline-block;
    }
    .header .logo {
        float: none;
    }
    .header .header-menu {
        display: none;
        float: none;
        padding: 0 0 0 0;
        text-align: left;
        /*============================================================================
        #Header CTA
      ==============================================================================*/
    }
    .header .header-menu .left-menu,
    .header .header-menu .right-menu {
        display: block;
        float: none;
    }
    .header .header-menu a {
        line-height: 40px !important;
        display: block;
        margin: 0 0 0 0;
    }
    .header .header-menu .btn-cta {
        line-height: 1.6 !important;
        margin: 10px 0;
    }
    .header .user {
        position: static;
        display: block;
        width: 100%;
    }
    .header .user__avatar {
        display: none;
    }
    .header .user__dropdown {
        position: static;
        display: block !important;
        padding: 0 0 0 0;
        text-align: left;
        border-top: 0;
        background: transparent !important;
        box-shadow: none;
    }
    .header--light .user__dropdown a {
        color: #000;
    }
    .header--dark .user__dropdown a {
        color: #fff;
    }
}
@media (min-width: 768px) {
    .header .header-menu {
        display: block !important;
    }
}
/*============================================================================
  #Heading Section
==============================================================================*/
.section--heading {
    text-align: center;
}
.section--heading__title {
    position: relative;
    display: block;
}
.section--heading__title::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100px;
    height: 0;
    content: "";
    background: #2e91fc;
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.section--heading__title--sm {
    font-size: 30px;
}
.section--heading__title--md {
    font-size: 42px;
}
.section--heading__title--lg {
    font-size: 54px;
}
@media (max-width: 767px) {
    .section--heading__title--sm,
    .section--heading__title--md,
    .section--heading__title--lg {
        font-size: 28px;
    }
}
.section--heading__subtitle--sm {
    font-size: 16px;
}
.section--heading__subtitle--md {
    font-size: 18px;
}
.section--heading__subtitle--lg {
    font-size: 20px;
}
@media (max-width: 767px) {
    .section--heading__subtitle--sm,
    .section--heading__subtitle--md,
    .section--heading__subtitle--lg {
        font-size: 16px;
    }
}

/*============================================================================
  #Hero Section
==============================================================================*/
.hero-background .w-control-bar {
    display: none !important;
}

.section--hero {
    position: relative;
    text-align: center;
}
.section--hero h1 {
    font-size: 60px;
}
.section--hero p {
    font-size: 24px;
}
@media (max-width: 767px) {
    .section--hero h1 {
        font-size: 30px;
    }
    .section--hero p {
        font-size: 16px;
    }
}

/*============================================================================
  #Image Section
==============================================================================*/
.section--img {
    text-align: center;
}

/*============================================================================
  #Instructor
==============================================================================*/
.instructor__image {
    max-width: none;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
.instructor__name {
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0;
}
.instructor__title {
    color: #2e91fc;
    margin-top: 0;
    margin-bottom: 0;
}

/*============================================================================
  #Link List Section
==============================================================================*/
.section--link_list {
    text-align: center;
    /*============================================================================
    #Section Color Schemes
  ==============================================================================*/
    /*============================================================================
    #Section link styles
  ==============================================================================*/
}
.section--link_list.section--light a {
    color: #000;
}
.section--link_list.section--dark a {
    color: #fff;
}
.section--link_list a {
    text-transform: uppercase;
    font-family: Montserrat;
    font-size: 0.875rem;
}

/*============================================================================
  #Logo List Section
==============================================================================*/
.section--logo_list {
    text-align: center;
}

/*============================================================================
  #Section Responsive Styles
==============================================================================*/
@media (max-width: 545px) {
    .section--logo_list .container {
        padding: 0 20px;
    }
    .section--logo_list .col-sm-2 {
        display: inline-block;
        width: 16.666667%;
        padding-left: 7px;
        padding-right: 7px;
    }
    .section--logo_list .col-sm-2 img {
        margin: 0 0;
    }
}
/*============================================================================
  #Opt In Section
==============================================================================*/
.section--opt_in .optin {
    display: flex;
    flex-wrap: wrap;
}
.section--opt_in .optin--inline .col-md-4 {
    vertical-align: bottom;
}
.section--opt_in .optin--inline .form-group,
.section--opt_in .optin--inline .btn {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.section--opt_in .optin--stacked {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.section--opt_in .optin__panel--boxed {
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 20px -8px;
}
.section--opt_in .optin__heading {
    margin-top: 0;
}
.section--opt_in .optin__subheading {
    margin-bottom: 2rem;
}

.section--opt_in_bar.section--dark .form-control {
    background: rgba(255, 255, 255, 0.1);
}
.section--opt_in_bar.section--dark .form-control::placeholder {
    color: #fff;
    opacity: 1;
}
.section--opt_in_bar.section--dark .form-control:-ms-input-placeholder {
    color: #fff;
}
.section--opt_in_bar.section--dark .form-control::-ms-input-placeholder {
    color: #fff;
}
.section--opt_in_bar.section--light .form-control .form-control {
    background: rgba(0, 0, 0, 0.1);
}
.section--opt_in_bar.section--light .form-control .form-control::placeholder {
    color: #000;
    opacity: 1;
}
.section--opt_in_bar.section--light
    .form-control
    .form-control:-ms-input-placeholder {
    color: #000;
}
.section--opt_in_bar.section--light
    .form-control
    .form-control::-ms-input-placeholder {
    color: #000;
}

/*============================================================================
  #Page Section
==============================================================================*/
.section--page {
    text-align: center;
}
.section--page .panel__body {
    text-align: left;
    padding: 30px 60px;
}
.section--page .page__title {
    font-size: 1.5rem;
}

/*============================================================================
  #Page Responsive Styles
==============================================================================*/
@media (max-width: 767px) {
    .section--page {
        text-align: center;
    }
    .section--page .panel__body {
        padding: 30px 20px;
    }
}
/*============================================================================
  #Pricing Section
==============================================================================*/
.section--pricing {
    text-align: center;
}

.pricing {
    margin-top: 2rem;
    box-shadow: 0 5px 45px 5px rgba(0, 0, 0, 0.13);
}
.pricing__popular {
    background: #2e91fc;
    color: #fff;
    padding: 1rem;
    text-align: center;
    font-weight: bold;
}
.pricing__title {
    font-size: 1.25rem;
    margin-bottom: 0;
    color: #2e91fc;
}
.pricing__price {
    font-size: 3rem;
    line-height: 1.3;
    margin: 0 0 0 0;
}
.pricing__frequency {
    font-size: 0.75rem;
    font-weight: bold;
    margin-top: 0.25rem;
    opacity: 0.5;
}
.pricing__content {
    margin: 2rem 0;
}
.pricing .btn-cta {
    margin-bottom: 2rem;
}

/*============================================================================
  #Section Pricing Responsive Styles
==============================================================================*/
@media (max-width: 991px) {
    .pricing__price {
        font-size: 2rem;
    }
}
/*============================================================================
  #Sales Page Section
==============================================================================*/
.section--sales_page {
    /*============================================================================
    #Offer Pricing
  ==============================================================================*/
}
.section--sales_page h1 {
    font-size: 1.875rem;
    margin-top: 1.5rem;
}
.section--sales_page .offers input[type="radio"],
.section--sales_page .offers input[type="checkbox"] {
    display: none;
}
.section--sales_page .offers .offer {
    cursor: pointer;
    padding: 30px;
    border: 1px solid #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.section--sales_page .offers .offer:first-of-type {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
}
.section--sales_page .offers .offer--single {
    padding: 0;
    padding-bottom: 25px;
    border: none;
}
.section--sales_page .offers .offer--single:first-of-type {
    border-top: none;
}
.section--sales_page .offers .offer__radio {
    position: relative;
    width: 20px;
    height: 20px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    margin-right: 0.5rem;
    margin-top: 0.1rem;
}
.section--sales_page .offers .offer__radio-inner {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 10px;
    height: 10px;
    background-color: transparent;
    border-radius: 50%;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
}
.section--sales_page .offers .offer__title {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 700;
}
.section--sales_page .offers .offer__desc {
    font-size: 0.875rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.section--sales_page .offers .offer__img {
    margin: 0 0 0 0;
}
.section--sales_page .offers .offer__price {
    margin-bottom: 0;
    font-size: 1.125rem;
    font-weight: 700;
}
.section--sales_page .offers input[type="radio"]:checked + label .offer,
.section--sales_page .offers input[type="checkbox"]:checked + label .offer {
    border: 1px solid rgba(46, 145, 252, 0.4);
    background: rgba(46, 145, 252, 0.02);
}
.section--sales_page
    .offers
    input[type="radio"]:checked
    + label
    .offer__radio-inner,
.section--sales_page
    .offers
    input[type="checkbox"]:checked
    + label
    .offer__radio-inner {
    background-color: #2e91fc;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}
.section--sales_page .offers input[type="radio"]:checked + label .offer__price,
.section--sales_page
    .offers
    input[type="checkbox"]:checked
    + label
    .offer__price {
    color: #2e91fc;
}

/*============================================================================
  #Sales Pages Section
==============================================================================*/
.section--sales_pages {
    text-align: center;
}
.section--sales_pages__tags {
    margin-bottom: 2rem;
}
.section--sales_pages__tags a {
    display: inline-block;
    font-weight: bold;
    margin: 1rem;
    font-size: 1.125rem;
}
@media (max-width: 991px) {
    .section--sales_pages .col-md-6 {
        display: inline-block;
        width: 50%;
    }
}
@media (max-width: 767px) {
    .section--sales_pages .col-md-6 {
        display: block;
        width: 100%;
    }
}

.section--sales_pages_library.section--flush {
    padding-top: 0;
}

/*============================================================================
  #Sales Pages Responsive Styles
==============================================================================*/
@media (max-width: 767px) {
    .section--sales_pages__tags {
        margin-bottom: 1rem;
    }
    .section--sales_pages__tags a {
        font-size: 1rem;
    }
}
/*============================================================================
  #Showcase Section
==============================================================================*/
.section--showcase {
    position: relative;
}

/*============================================================================
  #Slideshow Section
==============================================================================*/
.section--slideshow {
    text-align: center;
}
.section--slideshow img {
    width: 100%;
}

/*============================================================================
  #Social Cards Section
==============================================================================*/
.section--social_cards {
    text-align: center;
}
.section--social_cards [class*="col-"] {
    vertical-align: top;
}
.section--social_cards__card {
    padding: 1rem;
    margin: 1rem 0;
}
.section--social_cards__code {
    margin: 1rem 0;
}

.social-icons {
    font-size: 0;
    display: block;
    margin-bottom: 30px;
    text-align: left;
}
.social-icons__row {
    margin: -10px;
}
.social-icons__icon {
    font-family: "FontAwesome" !important;
    font-size: 24px;
    line-height: 41px;
    display: inline-block;
    margin: 10px 5px;
    text-decoration: none;
}
.social-icons__icon:hover,
.social-icons__icon:focus {
    text-decoration: none;
}

.social-icons--round .social-icons__icon,
.social-icons--square .social-icons__icon {
    width: 40px;
    height: 40px;
    text-align: center;
}

.social-icons--round .social-icons__icon {
    border-radius: 50%;
}

.social-icons--left {
    text-align: left;
}

.social-icons--center {
    text-align: center;
}

.social-icons--right {
    text-align: right;
}

.social-icon i {
    font-size: 20px;
}

@media (max-width: 767px) {
    .social-icons--left,
    .social-icons--right {
        text-align: center;
    }
}
/*============================================================================
  #Social Links
==============================================================================*/
.social {
    margin-bottom: 2rem;
    text-align: center;
}
.social__link {
    margin: 0 1rem;
    font-size: 1.5rem;
    line-height: 1.5;
    color: #000;
}

/*============================================================================
  #Spacer Section
==============================================================================*/
.section--spacer {
    padding: 0;
    position: relative;
}
.section--spacer hr {
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
}

/*============================================================================
  #Testimonial Section
==============================================================================*/
.section--testimonial {
    text-align: center;
}
.section--testimonial .slick-dots {
    display: table !important;
    margin: 0;
    margin: 0 auto;
    margin-bottom: 2rem;
    padding: 0;
    list-style: none;
}
.section--testimonial .slick-dots li {
    font-size: 0;
    line-height: 0;
    position: relative;
    display: table-cell;
    height: 10px;
    margin: 0;
    cursor: pointer;
}
.section--testimonial .slick-dots li.slick-active button {
    background: #2e91fc;
}
.section--testimonial .slick-dots li button {
    width: 10px;
    height: 10px;
    margin: 10px;
    padding: 0;
    border: none;
    background: #ffffff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.section--testimonial .testimonial {
    padding: 0 5rem;
    padding-top: 2rem;
}
.section--testimonial .testimonial__image {
    max-width: 90px;
    max-height: 90px;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.section--testimonial .testimonial__title {
    font-weight: 400;
    position: relative;
    display: block;
    margin-top: 10px;
    opacity: 0.6;
}
.section--testimonial .testimonial__text {
    font-size: 24px;
}
@media (max-width: 767px) {
    .section--testimonial .testimonial {
        padding: 0 1rem;
    }
    .section--testimonial .testimonial__text {
        font-size: 16px;
    }
}

/*============================================================================
  #Text & Image Section
==============================================================================*/
/*============================================================================
  #Text Section
==============================================================================*/
/*============================================================================
  #Video Embed Section
==============================================================================*/
.section--video_embed {
    text-align: center;
}
.section--video_embed .embed-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.section--video_embed .embed-wrapper iframe,
.section--video_embed .embed-wrapper object,
.section--video_embed .embed-wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*============================================================================
  #Video Section
==============================================================================*/
.section--video {
    text-align: center;
}
.theme-settings-editor .sidenav-sections .item-right .dropdown,
.theme-settings-editor .sidenav-blocks .item-right .dropdown {
    margin-top: 0;
}
.item-right .dropdown-toggle::after {
    content: none;
}
.dropdown-menu.dropdown-menu-right li > a {
    padding: 10px 15px;
    margin: 0;
}
.tab-content {
    padding-top: 0;
}
.theme-settings-editor.theme-settings-v2 .settings-tabs .divider {
    float: none;
}
.theme-settings-editor.theme-settings-v2 .settings-tabs .settings-tab {
    margin: 0;
    width: 50%;
    float: none;
}
.nav > li {
    position: relative;
}
.theme-settings-editor.theme-settings-v2
    .settings-tabs
    .settings-tab
    .nav-link {
    display: inline-block;
    width: 100%;
    float: none;
    border: none;
    height: 100%;
    margin: 0;
    line-height: 53px;
    padding: 0;
}
.theme-settings-editor #sidenav .nav-pills-settings {
    margin: 0;
}
.theme-settings-editor #sidenav .nav-pills-settings > li > a {
    margin: 0;
}
.theme-settings-editor.theme-settings-v2
    .settings-tabs
    .settings-tab
    .nav-link.active {
    border-bottom: 3px solid #0072ef;
    font-weight: 600;
}

.theme-settings-editor #sidenav .form-section {
    top: 95px;
}

.hover-dashed-border {
    position: absolute;
    top: 20px;
    left: 0;
    text-align: center;
    border: dashed 3px #2d91fc;
    height: 60px;
    width: 100%;
    display: none;
}
#section-header:hover .hover-dashed-border {
    display: block;
}
.btn.edit-btn {
    background: #2d91fc;
    color: #fff;
    margin-top: 8px;
}
#main {
    position: relative;
    overflow: hidden;
}
.theme-settings-editor.theme-settings-v2 #content {
    top: 0;
    height: 100%;
}
.theme-settings-editor #content {
    position: relative;
    top: 60px;
    right: 0;
    overflow: hidden;
    width: calc(100% - 320px);
    height: calc(100% - 60px);
    padding-bottom: 0;
    z-index: 100;
    transition: all 0.2s ease-in-out;
    transform: translate(0px, 0);
}
.theme-settings-editor #sidenav {
    position: absolute;
    overflow: hidden;
    top: 60px;
    width: 320px;
    height: calc(100% - 60px);
    background-color: #ffffff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    right: 0;
    transition: 1s all ease-in-out;
}
.theme-settings-editor .expand {
    display: block;
    position: absolute;
    z-index: 2001;
    top: 50%;
    right: 16px;
    width: 20px;
    height: 40px;
    margin-top: -20px;
    padding: 0;
    background: #fff;
    border: 0;
    border-radius: 3px 0px 0px 3px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.12);
    clip: rect(-3px, 25px, 45px, 0);
    color: #212529;
    transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    left: auto;
}
.theme-settings-editor #content.full-screen {
    /* position: fixed; */
    z-index: 9000;
    right: 0;
    width: 100%;
    background: #222222;
}

.theme-settings-editor.theme-settings-v2 #sidenav {
    top: 0;
    height: 100%;
}
.theme-settings-editor #sidenav #settings-presets,
.theme-settings-editor #sidenav #settings-primary {
    position: absolute;
    left: 0;
    overflow-x: hidden;
    width: 100%;
    height: 100%;
    background: #ffffff;
    transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1);
    overflow-y: hidden;
}
.theme-settings-editor.theme-settings-v2 .sidenav-head {
    position: relative;
    padding: 10px 20px;
    padding-bottom: 14px;
    position: absolute;
    z-index: 2;
    background: #fff;
    border-bottom: 1px solid #e5e9ed;
}
.media-middle {
    vertical-align: middle;
}
.media-left,
.media-right,
.media-body {
    display: table-cell;
    vertical-align: top;
}
.media-body {
    width: 10000px;
}

.theme-settings-editor.theme-settings-v2 .sidenav-head-title {
    font-size: 18px;
    max-width: 240px;
    margin-top: 14px;
    margin-bottom: 8px;
    font-weight: 500;
    color: #373f47;
}
.ellipsis,
.breadcrumbs,
.breadcrumbs .active,
.page-heading-crumbs {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.theme-settings-editor #sidenav .body {
    position: absolute;
    top: 70px;
    bottom: 0;
    width: 100%;
}
.body {
    border-bottom: 1px solid #f1f2f4;
}
.theme-settings-editor #sidenav .settings-main {
    position: absolute;
    left: 0;
    overflow-y: auto;
    height: 100%;
    background: #ffffff;
    max-height: 100%;
    width: 100%;
}
.theme-settings-editor.theme-settings-v2 #sidenav .settings-main {
    padding-bottom: 10px;
}
.theme-settings-editor.theme-settings-v2 .settings-tabs {
    position: relative;
    display: table;
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
    table-layout: fixed;
    list-style-type: none;
    border-bottom: 1px solid #e5e9ed;
}
.theme-settings-editor.theme-settings-v2 .settings-tabs .divider {
    display: table-cell;
    width: 1px;
    height: 100%;
    background-color: #e5e9ed;
}
.theme-settings-editor.theme-settings-v2 .settings-tabs .settings-tab {
    display: table-cell;
    height: 53px;
    margin: 0;
    cursor: pointer;
    text-align: center;
}
.theme-settings-editor .sidenav-sections .list-group,
.theme-settings-editor .sidenav-blocks .list-group {
    position: relative;
    margin: 0;
}
.list-group {
    padding-left: 0;
    margin-bottom: 20px;
}
.list-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
}
.list-group-item {
    line-height: 58px;
    position: relative;
    display: block;
    height: 62px;
    margin: 0;
    width: 100%;
}
.theme-settings-editor .sidenav-sections .list-group-item,
.theme-settings-editor .sidenav-blocks .list-group-item {
    padding: 0px 20px;
    border: 0;
    border-bottom: 1px solid #e5e9ed;
    color: #748493;
    border-left: solid 3px transparent;
}
.list-group .list-group-item.media {
    padding: 0 30px;
}
.list-group-item .fa {
    font-size: 24px;
    vertical-align: middle;
}
/*.theme-settings-editor .sidenav-sections [data-section-id="header"], .theme-settings-editor .sidenav-sections [data-section-id="footer"], .theme-settings-editor .sidenav-blocks [data-section-id="header"], .theme-settings-editor .sidenav-blocks [data-section-id="footer"] {
  padding: 0 30px;
}*/
/*.theme-settings-editor .sidenav-sections .draggable-section, .theme-settings-editor .sidenav-sections .add-section, .theme-settings-editor .sidenav-sections .add-block, .theme-settings-editor .sidenav-sections [data-section-id="header"], .theme-settings-editor .sidenav-sections [data-section-id="footer"], .theme-settings-editor .sidenav-blocks .draggable-section, .theme-settings-editor .sidenav-blocks .add-section, .theme-settings-editor .sidenav-blocks .add-block, .theme-settings-editor .sidenav-blocks [data-section-id="header"], .theme-settings-editor .sidenav-blocks [data-section-id="footer"] {
  line-height: 58px;
  position: relative;
  display: block;
  height: 62px;
  margin: 0;
}*/
.list-group-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.list-group-item .media-left {
    padding-right: 15px;
}
.material-icons.md-24,
.mi.md-24,
.select2-container .md-24.select2-search--dropdown::before,
.select2-container--default .md-24.select2-search--dropdown::before,
.select2-container--bootstrap .md-24.select2-search--dropdown::before {
    font-size: 24px;
}
.material-icons,
.mi,
.select2-container .select2-search--dropdown::before,
.select2-container--default .select2-search--dropdown::before,
.select2-container--bootstrap .select2-search--dropdown::before {
    font-family: "Material Icons";
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
.theme-settings-editor #content .content-wrapper {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}
#main,
#sidenav,
body,
html {
    height: 100%;
}
.theme-settings-editor #content .content-wrapper .preview {
    position: relative;
    top: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    text-align: center;
    background-image: none;
    background-size: cover;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-overflow-scrolling: touch !important;
    overflow-y: auto;
    overflow-x: hidden;
}
.theme-settings-editor #content .content-wrapper .preview #preview-window {
    width: 1px;
    min-width: 100%;
    display: block;
    height: 100%;
    padding: 0;
    border: 0;
}
.theme-settings-editor .expand {
    display: block;
    position: absolute;
    z-index: 2001;
    top: 50%;
    right: 16px;
    width: 20px;
    height: 40px;
    margin-top: -20px;
    padding: 0;
    background: #fff;
    border: 0;
    border-radius: 3px 0px 0px 3px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.12);
    clip: rect(-3px, 25px, 45px, 0);
    color: #212529;
    transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    left: auto;
}
.theme-settings-editor .expand i {
    position: absolute;
    top: 0;
    left: -2px;
    margin: 0;
    font-size: 24px;
    transform: rotate(270deg);
}

.list-group-item {
    font-size: 15px;
}
.theme-settings-editor .sidenav-sections .title,
.theme-settings-editor .sidenav-blocks .title {
    font-size: 14px;
    font-weight: 400;
    padding: 0;
    cursor: pointer;
}
.list-group-item .title {
    text-decoration: none;
    color: #556370;
}
.hide {
    display: none !important;
}
form input.form-control:not([type="checkbox"]):not([type="radio"]) {
    padding: 0.9rem 1.1rem;
    border-radius: 2px;
    line-height: 1.6;
    border: 1px solid #e6e9ec;
    display: inline-block;
    vertical-align: middle;
}
.theme-settings-editor .sidenav-sections .item-left,
.theme-settings-editor .sidenav-blocks .item-left {
    margin-right: 15px;
}
.theme-settings-editor .sidenav-sections .item-right,
.theme-settings-editor .sidenav-blocks .item-right {
    margin-left: 15px;
}
.theme-settings-editor .sidenav-sections .hover-show,
.theme-settings-editor .sidenav-blocks .hover-show {
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    visibility: hidden;
    opacity: 0;
}
.dropdown-toggle {
    cursor: pointer;
}
.theme-settings-editor .sidenav-sections .item-right .dropdown-toggle i,
.theme-settings-editor .sidenav-blocks .item-right .dropdown-toggle i {
    color: #c7cfd8;
}
.theme-settings-editor .sidenav-sections .draggable-section:hover .hover-show,
.theme-settings-editor .sidenav-blocks .draggable-section:hover .hover-show {
    visibility: visible;
    opacity: 1;
}
.theme-settings-editor #sidenav .dropdown-menu {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    padding: 0;
    margin: 0;
    border-radius: 0 0px 5px 5px;
}
.open > .dropdown-menu {
    display: block;
}
.dropdown-menu-right {
    right: 0;
    left: auto;
}
.theme-settings-editor .sidenav-sections .draggable-section:hover,
.theme-settings-editor .sidenav-blocks .draggable-section:hover {
    border-left: 3px solid #2e91fc;
}
.theme-settings-editor #sidenav .mi-drag-handle {
    color: #c7cfd8;
}
.theme-settings-editor #sidenav .dropdown-menu li {
    margin: 0;
    line-height: 24px;
}
.dropdown-menu.dropdown-menu-right li > a {
    padding: 6px 15px;
    margin: 0;
    display: inline-block;
    width: 100%;
    color: #808080;
    font-size: 15px;
}
.theme-settings-editor
    .sidenav-sections
    .item-right
    .dropdown
    .dropdown-toggle {
    margin: 0;
}
.theme-settings-editor.theme-settings-v2 .sidenav-foot {
    position: absolute;
    z-index: 3;
    bottom: 0;
    width: 100%;
    height: 77px;
    padding: 20px 10px;
    background: #fff;
    border-top: 1px solid #e5e9ed;
}
.media:first-child {
    margin-top: 0;
}
.media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 15px;
}
.media,
.media-body {
    overflow: hidden;
    zoom: 1;
}
.theme-settings-editor #sidenav .nav-pills-settings {
    width: 320px;
}
.theme-settings-editor #sidenav .nav-pills-settings > li > a {
    font-size: 14px;
    line-height: 62px;
    height: 62px;
    padding: 0 15px;
    color: #373f47;
    border-bottom: 1px solid #e5e9ed;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    display: inline-block;
    width: 100%;
}
.theme-settings-editor #sidenav .nav-pills-settings > li > a {
    margin: 0;
}
.theme-settings-editor #sidenav .nav-pills-settings li {
    margin: 0;
    width: 100%;
}
.form-group.draggable-sections {
    margin-bottom: 0;
}
.theme-settings-editor .sidenav-sections .draggable-sections,
.theme-settings-editor .sidenav-blocks .draggable-sections {
    width: 100%;
    position: relative;
    padding: 10px;
    border-bottom: 1px solid #e5e9ed;
    background: #f7f8f9;
    display: inline-block;
}
.theme-settings-editor .expand .expand-close {
    display: none;
}
#editor-overlay {
    border-color: #2e91fc;
    position: absolute;
    background-color: rgba(46, 145, 252, 0.05);
    border-style: dashed;
    border-width: 3px;
    border-radius: 3px;
    pointer-events: none;
    cursor: pointer;
    z-index: 99999999;
}
.editor-overlay-button {
    color: white;
    background: #2e91fc;
    border-radius: 2px;
    font-size: 13px;
    margin-left: -24px;
    margin-top: -12px;
    padding: 3px 10px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1.5px;
    left: 50%;
    top: 50%;
    position: absolute;
    z-index: 99999999;
}
.theme-settings-editor .sidenav-sections .add-section,
.theme-settings-editor .sidenav-sections .add-block,
.theme-settings-editor .sidenav-blocks .add-section,
.theme-settings-editor .sidenav-blocks .add-block {
    padding: 0 20px;
    text-align: left;
    color: #2e91fc;
    border: 1px solid #e5e9ed;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background: #ffffff;
}
.theme-settings-editor .sidenav-sections .add-section .title,
.theme-settings-editor .sidenav-sections .add-block .title,
.theme-settings-editor .sidenav-blocks .add-section .title,
.theme-settings-editor .sidenav-blocks .add-block .title {
    color: #2e91fc;
}
.theme-settings-editor #sidenav .form-section {
    position: absolute;
    left: 0;
    display: block;
    overflow-y: auto;
    width: 100%;
    margin-top: -1px;
    -moz-transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1);
    max-height: calc(100% - 165px);
    height: calc(100% - 165px);
}
.sidenav-sections {
    max-height: calc(100% - 180px);
    height: calc(100% - 180px);
    overflow-y: auto;
    width: 100%;
    position: absolute;
    overflow-x: hidden;
}
.theme-settings-editor #sidenav .form-section {
    background: #fff;
}
.presets {
    display: flex;
    flex-wrap: wrap;
}
.presets-item {
    background: #fff;
    border-right: 1px solid #d5dade;
    border-bottom: 1px solid #d5dade;
    border-top: 1px solid #d5dade;
    position: relative;
    width: 50%;
    text-align: center;
    /*  padding: 16px 10px;*/
    margin-top: -1px;
}
.presets-icon {
    font-size: 30px;
    color: #929da9;
    margin-bottom: 5px;
}
.presets-name {
    font-size: 12px;
    font-weight: 600;
    color: #929da9;
}
.theme-settings-editor.theme-settings-v2 .sidenav-head-back {
    line-height: 1;
    font-size: 12px;
    color: #8291a0;
    margin: 0;
    vertical-align: middle;
}
.theme-settings-editor #sidenav .form-section.add-section-panel {
    top: 95px;
}
.presets-item .fa {
    font-size: 30px;
    color: #929da9;
}

/*********** header*******/
.right-header .form-group {
    margin-bottom: 0;
}
.right-header .header-type {
    padding: 24px;
    border-top: 1px solid #e5e9ed;
    border-bottom: 1px solid #e5e9ed;
}
.header-title {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
}
#show_header .checkbox,
#show_menu .checkbox,
.right-header .checkbox {
    margin: 24px;
    display: block;
    position: relative;
}
#show_header .checkbox label {
    line-height: 18px;
    margin-bottom: 0;
    padding-left: 0;
    font-weight: 400;
    font-size: 14px;
}
.header-type.subheading-type {
    padding: 24px;
    border-top: 1px solid #e5e9ed;
    border-bottom: 1px solid #e5e9ed;
    margin: 30px 0;
}
.right-header .theme-input {
    margin: 24px;
}
.right-header label {
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 5px;
    color: #373f47;
}
.right-header .radio {
    margin: 0;
    position: relative;
    display: block;
}
.radio input[type="radio"],
.radio-inline input[type="radio"] {
    position: relative;
    top: -2px;
    margin-right: 8px;
}
.right-header .help-block {
    font-size: 12px;
    margin: 12px 0 0;
    font-weight: 400;
    color: #748493;
    display: block;
}
.form-control,
.daterangepicker.ltr .calendar-time select {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 1.42857;
    background-color: #fff;
    background-image: none;
    height: 36px;
    padding: 6px 10px;
    color: #373f47;
    border: 1px solid #c7cfd8;
    box-shadow: none;
    border-radius: 4px;
}
.right-header .img-frame {
    margin-bottom: 15px;
    padding: 15px;
    text-align: center;
    border: 1px solid #e5e9ed;
    background-color: #f7f8fa;
}
.right-header .img-frame .img-preview {
    display: inline-block;
    max-width: 100%;
    max-height: 100px;
    margin-right: 0;
    margin-bottom: 0;
}
.btn-default.btn-outline {
    color: #373f47;
    background-color: transparent;
    width: 100%;
    border-color: #c7cfd8;
    outline: none;
    font-size: 14px;
    font-weight: normal;
}
.right-header .select-asset-dropdown {
    background-color: white;
    display: block;
    position: relative;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.42857;
    padding: 9px 0;
    border-radius: 4px;
}
.form-control.select2-hidden-accessible,
.daterangepicker.ltr .calendar-time select.select2-hidden-accessible {
    position: absolute !important;
    width: 1px !important;
}
.theme-settings-editor #sidenav .theme-input.action-type select {
    margin-bottom: 20px;
}
.right-header .form-control {
    height: 36px !important;
}
.sp-preview-inner {
    border-radius: 50%;
    border: 1px solid #e5e9ed;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: block;
    width: 25px;
    height: 25px;
}
.pickr-lable {
    padding-left: 15px;
}
.ad_title {
    font-size: 14px;
    font-weight: 400;
    padding: 0;
    cursor: pointer;
    color: #2e91fc;
}
.right-header i.mi.md-24.mi-playlist-add,
.add_actn i.mi.md-24.mi-playlist-add {
    color: #2e91fc;
    font-size: 24px;
}
.add_actn {
    padding: 0 20px;
    border-top: 1px solid #e5e9ed;
    border-right: 1px solid #e5e9ed;
    border-bottom: 0;
    border-left: 1px solid #e5e9ed;
    background: #ffffff;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.ad_title {
    padding-left: 15px;
}
.color-picker label {
    padding-left: 15px;
}
.right-header {
    padding-bottom: 145px;
}

.header-files .inputfile {
    /*width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;*/
    width: 100%;
    overflow: hidden;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 3px;
}
.header-files .inputfile + label {
    font-size: 16px;
    font-weight: normal;
    color: white;
    background-color: #f7f8fa;
    border: 1px solid #f1f1f3;
    color: #706e6e;
    display: none;
    width: 100%;
    height: 45px;
    line-height: 45px;
    border-radius: 4px;
}

.header-files .inputfile:focus + label,
.header-files .inputfile + label:hover {
    background-color: #f3f3f5;
    text-align: center;
}
.header-files .inputfile + label {
    cursor: pointer; /* "hand" cursor */
    text-align: center;
}
.header-files i.fa.fa-cloud-upload {
    color: #777777;
    font-size: 20px;
    padding-right: 10px;
}

/********* right slider*********/
.theme-settings-editor #sidenav .theme-input {
    margin: 24px;
}
.theme-settings-editor #sidenav .header-type {
    padding: 24px;
    border-bottom: 1px solid #e5e9ed;
}
.theme-settings-editor #sidenav label {
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 5px;
}
.theme-settings-editor #sidenav .checkbox {
    margin: 24px;
}
.theme-settings-editor #sidenav .theme-input.img-type .img-frame {
    margin-bottom: 15px;
    padding: 15px;
    text-align: center;
    border: 1px solid #e5e9ed;
    background-color: #f7f8fa;
}
.theme-settings-editor #sidenav .help-block {
    font-size: 12px;
    margin: 12px 0 0;
    font-weight: 400;
    color: #748493;
    display: block;
}
.theme-settings-editor #sidenav .media-preview.embed-responsive {
    border: 1px solid #e5e9ed;
}
.video-preview {
    border: 1px solid #e5e9ed;
    margin-bottom: 15px;
}
button.btn.btn-primary.btn-outline.dropdown-toggle {
    border: 1px solid #007bff;
    background: transparent;
    color: #007bff;
    font-weight: normal;
    font-size: 13px;
    width: 150px;
    padding: 8px;
    margin-top: 15px;
    border-radius: 6px;
}
.right-slider .form-control,
.call-to-action .form-control {
    height: 36px !important;
}
.add_actn {
    border-bottom: 1px solid #e5e9ed;
}
/********* close right Hero slider*********/

/********* Start Call to Action*********/
.call-to-action .media {
    margin: 15px !important;
}
.features select.form-control,
.text-image select.form-control,
.opt-in-form select.form-control,
.slide-show select.form-control,
.right-footer select.form-control,
.two-step-optin select.form-control {
    height: 36px !important;
}
/********* close Call to Action *********/

/**** Slideshow***/
.custom-picker {
    display: flex;
    align-items: center;
}
.add-sections {
    text-align: left;
    color: rgb(46, 145, 252);
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 0px 20px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(229, 233, 237);
    border-image: initial;
    background: rgb(255, 255, 255);
    margin: 24px;
}
/**** Close Slideshow***/
.list-group-item:focus,
.list-group-item:hover {
    z-index: auto;
    text-decoration: none;
}
.presets-item a {
    display: inline-block;
    width: 100%;
    padding: 16px 10px;
}
.presets-item a:hover .presets-name {
    color: #007bff;
}
.presets-item a:hover {
    background: #fdf9f9;
}

.row.featurette {
    align-items: center;
}
.common-section {
    display: inline-block;
    width: 100%;
}
.testimonial-section .carousel {
    padding: 40px 70px 0;
}
.testimonial-section .carousel-item {
    background: none !important;
}

.testimonial-section .carousel .item .img-box {
    width: 135px;
    height: 135px;
    margin: 0 auto;
    padding: 5px;
    border: 1px solid #ddd;
    border-radius: 50%;
}
.testimonial-section .carousel .img-box img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 50%;
}
.testimonial-section .carousel .testimonial {
    padding: 30px 0 10px;
}

.testimonial-section .carousel .carousel-control {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    top: 50%;
    background: none;
}
.testimonial-section .carousel-control i {
    font-size: 68px;
    line-height: 42px;
    position: absolute;
    display: inline-block;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 0 3px 3px #e6e6e6, 0 0 0 #000;
}
.contact-information {
    position: relative;
}
.contact-information::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}
.featurette-image {
    border-radius: 3px;
}
.product-box {
    display: inline-block;
    width: 100%;
    text-align: center;
    /*padding: 30px 0 20px;*/
}
.product-box .lead {
    margin-bottom: 40px;
}
.product-grid-box {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
    position: relative;
}
.top-price-tag {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #007bff;
    border-color: #007bff;
    padding: 6px 20px;
    color: #fff;
    font-size: 14px;
}
.product-img {
    position: relative;
    display: inline-block;
    width: 100%;
}
.cerclebtn-gray {
    position: absolute;
    left: 10px;
    bottom: -25px;
    width: 50px;
    height: 50px;
    background: #343a40;
    color: #fff;
    line-height: 50px;
    font-size: 22px;
    border-radius: 50%;
}
.cerclebtn-blue {
    position: absolute;
    bottom: -25px;
    width: 50px;
    height: 50px;
    background: #007bff;
    color: #fff;
    line-height: 50px;
    font-size: 22px;
    border-radius: 50%;
    right: 10px;
}
.cercle-btngreen {
    position: absolute;
    bottom: -25px;
    width: 50px;
    height: 50px;
    background: #00c851;
    color: #fff;
    line-height: 50px;
    font-size: 22px;
    border-radius: 50%;
    right: 10px;
}
.product-grid-detail {
    display: inline-block;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 3px #ccc;
    padding: 40px 0 25px;
}
.product-grid-detail h4 {
    margin: 0;
    font-size: 16px;
    color: #000;
}
.video-container {
    position: relative;
}
.video-responsive {
    position: relative;
    display: block;
    /*overflow:hidden;*/
    height: 0;
}
.video-responsive .iframe_embed {
    position: absolute;
    top: -1px !important;
    left: -1px !important;
    width: calc(100% + 2px) !important;
    height: calc(100% + 2px) !important;
    border: 0;
}

.progress-div .progress-bar {
    background-color: #499f9d;
    height: 20px;
    color: #ffffff;
    width: 0%;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    display: inline-block;
    float: none;
    line-height: 22px;
}

.progress-div {
    display: none;
    border: #0fa015 1px solid;
    padding: 0;
    margin: 15px 0px 0 !important;
    border-radius: 4px;
    text-align: center;
    clear: both;
}
.content-loader img {
    width: 80px !important;
}
.content-loader {
    position: absolute;
    left: 0;
    right: 0;
    top: 15px;
    text-align: center;
}
.embed-responsive-16by9 {
    padding-bottom: 65.25%;
}
.embed-responsive-16by9::before {
    content: none;
}
.video_area {
    height: 190px !important;
}
.navbar-brand img {
    max-height: 60px;
    margin-right: 10px;
}
.career-info {
    display: block;
    text-align: center;
}
.career-info p {
    /* margin-bottom: 30px; */
    color: #fff;
}
.career-info h2 {
    color: #fff;
    font-weight: bold;
    margin: 0 0 20px;
}
.webinar-info {
    text-align: center;
}
.webinar-info p {
    margin-bottom: 30px;
    color: #fff;
}
.webinar-info h2 {
    color: #fff;
    font-weight: bold;
    margin: 0 0 20px;
}
.section-text-L {
    text-align: left;
}
.section-text-C {
    text-align: center;
}
.section-text-R {
    text-align: right;
}
.btn {
    margin: 0 5px;
}
.site-reg-loader {
    position: absolute;
    top: 6px;
    left: 60px;
}

.carousel-item {
    /*height: 400px;*/
    background: #494949;
}
.section-slider .carousel-caption {
    bottom: 35%;
}
.fbg-dark {
    background: #666;
}
.copyright {
    display: inline-block;
    width: 100%;
    border-top: solid 1px #7d7d7d;
    /*padding-top: 15px;
  margin-top: 10px;*/
}
.footer h5 {
    text-transform: uppercase;
}
.relative-box {
    position: relative;
    width: 100%;
    min-height: 100vh;
    height: auto;
}
.mainContainer {
    height: 100%;
    width: 100%;
}
.navbar.builder_bg {
    box-shadow: 0 0 3px #606060b0;
    background: #fff;
    color: #494949;
}
.navbar.builder_bg li a {
    color: #494949;
}
.footer {
    background: #16181a;
    color: #fff;
}
.footer h5,
.footer a,
.footer p {
    color: #fff;
}
.copyright .nav.nav-pills {
    display: inline-block;
    width: 100%;
}
.nav.nav-pills li {
    display: inline-block;
}
.responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.responsive-video {
    position: relative;
    padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
    padding-top: 0px;
    height: 0;
    overflow: hidden;
}

/*.multiselect-container > li > a > label.radio, .multiselect-container > li > a > label.checkbox {
    margin: 0 !important;
}
.multiselect-selected-text {
  font-size: 14px !important;
  font-weight: normal !important;
}*/
.bootstrap-tagsinput .tag {
    margin-right: 2px;
    color: white;
    background: #209dce;
    padding: 4px;
    border-radius: 5px;
    font-size: 14px;
    margin-bottom: 3px;
    display: inline-block;
}
.bootstrap-tagsinput input {
    width: 100% !important;
}

.cerclebtn-arrow {
    position: absolute;
    top: -28px;
    width: 50px;
    height: 50px;
    background: #007bff;
    color: #fff;
    line-height: 50px;
    font-size: 22px;
    border-radius: 50%;
    right: 42%;
}
.form_term,
.form-group.d-inline-flex.form_term.section-text-L {
    float: left;
    width: 100%;
}
.delete-link {
    /*position: relative;
    margin: 20px 30px;*/
    display: block;
    color: red;
    text-align: center;
}

.mbr-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /* opacity: 0.8; */
}
.image-text {
    position: relative;
    text-align: center;
    margin: 0px 15px;
}
.image-text h2 {
    position: absolute;
    bottom: 100px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    width: 100%;
    word-wrap: break-word;
    white-space: normal;
}
.sidenav-foot .media {
    display: inline-block;
    width: 100%;
}
.sidenav-foot .media-left.media-middle {
    float: left;
}
.sidenav-foot .media-right.media-middle {
    float: right;
    display: inline-block;
}
.input-text_color {
    width: 35px;
    height: 35px;
    box-shadow: none !important;
    border: none !important;
    padding: 0px;
    border-radius: 50%;
    float: left;
    background: transparent;
    margin-top: -5px;
    margin-left: -4px;
}
.round-bg-input {
    display: inline-block;
    width: 25px;
    height: 25px;
    float: left;
    margin-right: 10px;
    border-radius: 50%;
    overflow: hidden;
    background: transparent;
    border: solid 1px #e5e9ed;
}
.slide.section-slider {
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;
}
.carousel-item {
    height: 100%;
}
.carousel-item img {
    max-width: 100%;
    max-height: 100%;
}
.error-message {
    color: #ff3547 !important;
}

.error {
    background: #d7953f;
    padding: 10px 30px;
    color: white;
    font-weight: bold; /*margin-top: 45px;*/
}
.success {
    background: #19b030;
    padding: 10px;
    color: white;
    font-weight: bold; /*margin-top: 45px;*/
}
/******* Modal css Start ******/
.modal.fade.body-modal-box {
    background: #000;
    overflow-y: auto;
    padding-right: 0 !important;
}
.body-modal-box .modal-dialog {
    margin-top: 40px;
}
.body-modal-box .modal-content {
    background: #eff1eb;
    border-radius: 0;
    box-shadow: none;
    border: none;
}
.body-modal-box .modal-content .form-control {
    padding: 10px 15px;
    height: 60px;
    font-size: inherit;
    border: none;
    box-shadow: none;
    border-bottom: solid 2px #424340;
    border-radius: 0;
    background-color: #fff !important;
    font-size: 14px;
}
.body-modal-box .modal-header {
    min-height: auto;
    padding: 30px 40px 20px;
    border-bottom: none;
}
.body-modal-box .modal-body {
    position: relative;
    padding: 10px 30px 30px;
    display: inline-block;
    width: 100%;
}
.btn.popup-btn {
    background: #37c93b;
    border-radius: 0;
    font-weight: 600;
    padding: 15px 40px;
    margin: auto;
    display: block;
    color: #ffffff;
}
.modal-btn-btm {
    display: inline-block;
    width: 100%;
    /*position: absolute;
    bottom: -20px;*/
    text-align: center;
    left: 0;
    margin-bottom: 20px;
}
.body-modal-box .modal-header .close {
    display: none;
}
.angle-btn {
    font-size: 22px;
    float: right;
    margin-left: 15px;
    line-height: 20px;
}
.body-modal-box .form-group {
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
}
.modal-backdrop {
    z-index: 1 !important;
}
.body-modal-box input[type="checkbox"] {
    margin: -1px 5px 0;
    vertical-align: middle;
}
.modal-header-top {
    display: inline-block;
    width: 100%;
    padding: 0px;
    background: #fff;
}
.left-logo-modal {
    display: inline-block;
    float: left;
    padding: 10px 15px;
}
.left-logo-modal img {
    height: 50px;
}
.modal-header-top .close {
    background: #0000ff;
    opacity: 1;
    height: 69px;
    width: 60px;
    color: #fff;
    font-weight: 100;
    font-size: 36px;
}
.modal {
    z-index: 99999;
}
/******* Modal css End ******/
@media (max-width: 479) {
    .slide.section-slider {
        height: 180px;
    }
    .section-slider .carousel-caption {
        bottom: 0px;
    }
}
.print_ul {
    text-decoration: underline;
}
body {
    font-weight: inherit;
}
.theme-settings-editor.theme-settings-v2 .sidenav-foot .btn {
    margin: 0 0px;
    font-size: 13px;
}
/*Start Upload Media popup css */
.toggle_media_search .row {
    font-size: inherit;
}
.toggle_media_search {
    width: 100%;
}
.video_detail p {
    margin-bottom: 5px;
}
.modal-pagination {
    display: inline-block;
    width: 100%;
    text-align: center;
}
.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    justify-content: center;
}
.pagination {
    list-style: none;
}
.page-item:first-child .page-link,
.pagination-datatables li:first-child .page-link,
.pagination li:first-child .page-link,
.page-item:first-child .pagination-datatables li a,
.pagination-datatables li .page-item:first-child a,
.pagination-datatables li:first-child a,
.page-item:first-child .pagination li a,
.pagination li .page-item:first-child a,
.pagination li:first-child a {
    margin-left: 0;
}

.page-item.active .page-link,
.pagination li.active .page-link,
.page-item.active .pagination-datatables li a,
.pagination-datatables li .page-item.active a,
.pagination-datatables li.active a,
.page-item.active .pagination li a,
.pagination li .page-item.active a,
.pagination li.active a {
    z-index: 2;
    color: #fff;
    background-color: #4285f4;
    border-color: #4285f4;
}

.page-item.disabled .page-link,
.pagination li.disabled .page-link,
.page-item.disabled .pagination-datatables li a,
.pagination-datatables li .page-item.disabled a,
.pagination-datatables li.disabled a,
.page-item.disabled .pagination li a,
.pagination li .page-item.disabled a,
.pagination li.disabled a {
    color: #b0bec5;
    pointer-events: none;
    background-color: #fff;
    border-color: #ddd;
}
.page-link,
.pagination li a {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #20a8d8;
    background-color: #fff;
    border: 1px solid #ddd;
    font-size: 1rem;
}
.page-link:focus,
.pagination li a:focus,
.page-link:hover,
.pagination li a:hover {
    color: #167495;
    text-decoration: none;
    background-color: #cfd8dc;
    border-color: #ddd;
}
.pagination-height {
    margin: 0;
    line-height: 36px;
}
#show_media_modal .btn.btn-success {
    border-radius: 3px;
    padding: 6px 15px 6px 10px;
}
#show_media_modal .btn.btn-success label {
    margin: 0;
    font-weight: normal;
}
#show_media_modal .fa {
    color: #404141 !important;
}
#show_media_modal .fa-cloud-upload {
    font-size: 24px;
    color: #f5f4f9 !important;
    font-weight: bold;
}
#show_media_modal #media_upload_text {
    margin-left: 10px;
}
#show_media_modal .btn.btn-success label span {
    text-transform: uppercase;
    font-size: 18px;
}
#show_media_modal #media_upload_text {
    margin-left: 10px;
}
#show_media_modal .btn.btn-success label span {
    text-transform: uppercase;
    font-size: 18px;
}
#show_media_modal .audio_folder {
    margin-bottom: 20px;
}
.audio_folder {
    display: inline-block;
    width: 100%;
    border: solid 1px #ddd;
    border-radius: 3px;
}
.show-media-modal {
    text-align: center;
    min-height: 145px;
}
.video_detail {
    display: inline-block;
    width: 100%;
    padding: 0 10px;
    word-break: break-all;
    text-align: center;
}
.video_detail .control-label {
    font-size: 13px;
    margin-bottom: 0px;
    text-align: center;
    min-height: 50px;
}

.video_detail a {
    padding: 5px 5px;
    display: inline-block;
    color: #273e50;
}
.video_detail p {
    margin-bottom: 5px;
}
.btn_new {
    background: #008000 !important;
    color: #ffffff !important;
}
.file-field {
    position: relative;
}
.pull-right {
    float: right;
}
.aqua-gradient {
    background: linear-gradient(40deg, #2096ff, #05ffa3) !important;
}
.file-field span {
    cursor: pointer;
}
.btn.aqua-gradient,
.btn.blue-gradient,
.btn.peach-gradient,
.btn.blue-gradient {
    transition: 0.5s ease;
    color: #fff;
}
.btn.btn-rounded.aqua-gradient.float-left {
    padding: 0.6rem 1.14rem;
    margin: 0.375rem;
    font-size: 0.81rem;
    border: none;
}
.file-field span {
    cursor: pointer;
    text-transform: uppercase;
}
#show_media_modal .fa-cloud-upload {
    font-size: 0.9rem;
    color: #f5f4f9 !important;
    font-weight: bold;
}
.file-field input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
.btn-rounded,
.counter {
    border-radius: 10em;
}
.mr-2,
.mx-2 {
    margin-right: 0.2rem !important;
}
/*End Upload Media popup css */

/*Start academy plan css*/
.choose-design {
    position: relative;
    float: left;
    display: inline-block;
    margin: 10px 0;
    height: 180px;
}
.choose-design span.radio_yes-1 img {
    max-width: 100%;
    padding: 0px;
}
.choose-design input.predefine_img[type="radio"] {
    cursor: pointer;
    height: 100%;
    left: 0;
    margin-top: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 0;
}
.choose-design input.predefine_img[type="radio"] + span {
    border-radius: 0;
    display: table-cell;
    font-size: 14px;
    font-weight: bold;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}
.choose-design input.predefine_img[type="radio"]:checked + span {
    background: transparent;
    border: solid 2px #003754;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0%;
    width: 100%;
}

.price_plan .nav-tabs {
    border-bottom: none;
    margin-bottom: 15px;
}
.price_plan .nav-tabs > li {
    float: none;
    display: inline-block;
    margin: 0 0px;
}
.price_plan .nav-tabs > li:first-child a {
    border-radius: 25px 0 0 25px;
}
.price_plan .nav-tabs > li:last-child a {
    border-radius: 0 25px 25px 0;
}
.price_plan .nav-tabs > li a {
    margin-right: 0;
    border: 1px solid #064261;
    border-radius: 0;
    padding: 10px 25px;
    color: #494949;
    font-weight: 500;
}
.price_plan .nav-tabs > li.active > a,
.price_plan .nav-tabs > li.active > a:focus,
.price_plan .nav-tabs > li.active > a:hover {
    color: #fff;
    background-color: #064261;
    border: 1px solid #064261;
}
.price_plan .nav > li > a:focus,
.price_plan .nav > li > a:hover {
    background-color: transparent;
}
.price_plan .boarding_effect {
    background: #fff;
    border: solid 1px #ddd;
    width: 100%;
    display: inline-block;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    visibility: visible;
    animation-duration: 1500ms;
    animation-delay: 0ms;
    animation-name: fadeIn;
}
.price_plan .pattern_img {
    display: inline-block;
    width: 100%;
    position: relative;
    min-height: 215px;
    border-bottom: solid 1px #ccc;
    background: #f5f5f5;
}
.price_plan .pattern_img img {
    width: 100%;
    border-bottom: solid 1px #ddd;
}

.price_plan .pattern_img h2 span {
    display: inline-block;
    font-size: 36px;
    width: auto;
    margin: 15px 2px;
    background: transparent;
}
.price_plan .pattern_img h2 {
    text-align: center;
    width: 100%;
    font-size: 36px;
    font-weight: 600;
    color: #494949;
    margin: 0;
}
.price_plan .pattern_img p {
    text-align: center;
    width: 78%;
    font-size: 16px;
    font-weight: 500;
    margin: 0 auto;
    line-height: 18px;
    padding-bottom: 5px;
}
.price_plan p.sp-content {
    bottom: 16px;
}
.price_plan .boarding_effect ul {
    padding: 40px 0 60px;
    margin: 0;
    min-height: 490px;
}
.price_plan .boarding_effect li {
    line-height: 28px;
    list-style: none;
    color: #494949;
    font-weight: 500;
    list-style: none;
    display: inline-block;
    width: 100%;
    font-size: 14px;
}

.price_plan .pd5 {
    padding: 0 5px;
}

.price_plan .boarding_effect:hover {
    -ms-transform: scale(1, 1.05);
    -webkit-transform: scale(1, 1.05);
    transform: scale(1, 1.05);
    border-top: 4px solid #064261;
}
.price_plan {
    display: inline-block;
    width: 100%;
    margin: 22px 0 0 0;
    text-align: center;
}

.price_plan .pattern_img h3 {
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    width: 100%;
    margin-top: 20px;
}

/* The container */
.price_plan .radio_custm {
    display: inline-block;
    position: relative;
    padding: 6px 10px;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    max-width: 210px;
    height: 50px;
}

/* Hide the browser's default radio button */
.price_plan .radio_custm input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    left: 0;
    top: 0;
    width: 100%;
    max-width: 100%;
    height: 50px !important;
}
.price_plan .btn_cn {
    color: #fff;
}

/* Create a custom radio button */

.price_plan .radio_custm .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 48px;
    width: 100%;
    max-width: 140px;
    background: transparent;
    border: 2px solid #064261;
    font-size: 14px;
}

/* When the radio button is checked, add a blue background */
.price_plan .radio_custm input:checked ~ .checkmark {
    background-color: #064261;
    color: #fff;
}

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

/* Show the indicator (dot/circle) when checked */
.price_plan .radio_custm input:checked ~ .checkmark:after {
    display: block;
}
/*end plans design css */
#loginPopModal {
    z-index: 999;
}
#subPopModal {
    z-index: 999;
}
/*Subpages css */
.input-group-text .dropdown-menu {
    max-height: 250px;
    overflow-y: auto;
}
.onpage-submenu {
    display: inline-block;
    width: 100%;
    padding: 10px 20px;
    border-bottom: solid 1px #ddd;
    margin-bottom: -8px;
}
.left-dropmenu {
    display: inline-block;
    width: 85%;
}
.right-plusbtn {
    float: right;
}
.right-plusbtn .sidenav-head-preview {
    font-size: 18px;
}
.left-dropmenu .btn.dropdown-toggle {
    background: transparent;
    border: solid 1px #ddd;
    border-radius: 3px;
    box-shadow: none;
    width: 100%;
    text-align: left;
    font-size: 13px;
    color: #494949;
}
.left-dropmenu .dropdown-toggle::after {
    float: right;
    margin-top: 9px;
    font-size: 18px;
}
.left-dropmenu .btn.dropdown-toggle:hover {
    border: solid 1px #bfbfbf !important;
}
.onpage-submenu .media-body.media-middle {
    overflow: inherit;
}
.left-dropmenu .dropdown-menu {
    width: 100%;
}
.left-dropmenu .dropdown-menu {
    width: 100%;
}

.onpage-submenu .left-dropmenu li.dropdown-item {
    line-height: 32px !important;
    position: relative;
    padding: 0.25rem 0.5rem;
    font-size: 14px;
}
.page_setting {
    display: inline-block;
    float: right;
    margin-top: -2px;
    background: #fff;
    position: relative;
    right: -3px;
}
.left-dropmenu .dropdown-menu li a .fa {
    font-size: 16px;
    vertical-align: middle;
    line-height: 16px;
}
.left-dropmenu .dropdown-menu li a {
    display: inline-block;
    padding: 0 6px 2px;
    color: #fff;
    font-size: 14px;
    vertical-align: middle;
    background: #007bff;
    margin-left: 3px;
    border-radius: 3px;
    line-height: 26px;
}

/********** New Stylesheet Start **********/

.academy-product-box .container-fluid-2 {
    max-width: 100% !important;
}
.academy-product-box.container-fluid {
    position: relative;
    text-align: left;
}
.academy-product-box .carousel-item {
    background: transparent;
}
.academy-product-box .img-fluid {
    margin: 0;
}
.academy-product-box h3 {
    margin: 0 0 0.5rem;
}
.academy-product-box input.input-rounded.border-orange {
    box-shadow: none;
    border-width: 1px;
}
.academies-content {
    display: inline-block;
    text-align: left;
}

.slide.section-slider a.carousel-control-prev {
    width: auto;
}
.slide.section-slider a.carousel-control-next {
    width: auto;
}
.slide.section-slider .input-group.input-rounded.md-form {
    display: inline-block;
    position: relative;
    width: auto;
    min-width: 40%;
}
.slide.section-slider .input-group.input-rounded.md-form .form-control {
    width: 95%;
}
.slide.section-slider .input-group.input-rounded.md-form .input-group-append {
    position: absolute;
    right: -3px;
    top: 2px;
}
.section-slider .carousel-caption {
    bottom: 35%;
    left: 10%;
    right: 10%;
}

/*Section Text position*/
.section-text {
    display: flex;
    width: 100%;
    flex-direction: column;
}
.section-text.position-C {
    align-items: center;
    text-align: left;
}
.section-text.position-L {
    align-items: baseline;
    text-align: left;
}
.section-text.position-R {
    align-items: end;
    text-align: right;
}
.section-text-pos {
    width: 70%;
}
.expert_view img {
    width: 125px;
    height: 125px;
}
.content-text {
    word-wrap: break-word;
    max-height: 120px;
    line-height: 22px;
    min-height: 120px;
}
.title-text {
    word-wrap: break-word;
}
.slide.section-slider .input-group.input-rounded.md-form .input-group-append {
    z-index: 9999;
}
/* .expert_view{
    display: flex;
flex-direction: column;
justify-content: space-between;
} */
.img-bg-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.img_relative {
    position: relative;
}
.section--vertical-center {
	display: flex;
	justify-content: center;
	align-items: center;
    padding: 15px 0;
}
.img-bg-container.section--vertical-center {
    padding: 0;
}
/*cookie banner*/
.widget_tp {
    z-index: 9999;
    opacity: 0.95;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #d3d6db;
    padding: 10px;
    text-align: center;
}

/* responsive css */
@media (max-width: 1024px) {
    #modal_cropper_profile .btn {
        padding: 0.84rem 0.8rem;
        font-size: 0.8rem;
    }
}
@media (max-width: 767px) {
    .acd-name .dropdown-menu.header_drop.switch_academy {
        width: 480px !important;
    } 
    .swal2-container .swal2-popup {
        padding: 1em;
    }
    .swal2-container .swal2-icon {
        width: 4em;
        height: 4em;
        margin: 1em auto 1em;
        line-height: 4em;
    }
    .swal2-container .swal2-title {
        font-size: 1.5em;
    }
    .swal2-container .swal2-content {
        font-size: 1em;
    }
    .swal2-container .swal2-styled {
        margin: .3125em;
        padding: .35em 1em;
    }
    .swal2-container .swal2-actions {
		margin: 1em auto 0;
	}
	.swal2-container  .swal2-styled.swal2-confirm {
		font-size: 1em;
	}
    .swal2-container .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
        top: -.4375em;
        left: -1.0635em;
    }
    .swal2-container .swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
        top: 2.35em;
        left: 0.65em;
        width: 1.25em;
    }
    .swal2-container .swal2-container .swal2-icon.swal2-success [class^=swal2-success-line] {
        height: 0.25em;
    }
    .swal2-container .swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
        top: 2em;
        right: 0.75em;
        width: 1.9375em;
    }
    .swal2-container .swal2-icon.swal2-success .swal2-success-ring {
        top: -.25em;
        left: -.25em;
    }
    .swal2-container .swal2-icon.swal2-success .swal2-success-fix {
        top: 0.5em;
        left: 1.625em;
        width: 0.4375em;
        height: 4.625em;
    }
    .swal2-container  .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
        top: -.6875em;
        left: 1.875em;
    }
    .swal2-container  .swal2-icon.swal2-success [class^=swal2-success-circular-line] {
        width: 3.75em;
        height: 7.5em;
    }
    .swal2-icon.swal2-error [class^="swal2-x-mark-line"][class$="left"] {
        left: 0.5em;
    }
    .swal2-icon.swal2-error [class^="swal2-x-mark-line"][class$="right"] {
        right: 0.65em;
    }
    .swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
        top: 1.8em;
        width: 2.8em;
        height: 0.313em;
    }
    .swal2-container .swal2-icon.swal2-success {
        width: 4em;
        height: 4em;
    }
}
@media (max-width: 480px) {
	.swal2-container .swal2-title {
        font-size: 1.25em;
    }
    .swal2-container .swal2-content {
        font-size: .9em;
    }
    .swal2-container .swal2-actions {
        margin: .75em auto 0;
    }
    .swal2-container  .swal2-styled {
        margin: .25em;
        padding: .35em 1em;
    }
    .swal2-container  .swal2-styled.swal2-confirm {
        font-size: .9em;
    }
    .swal2-container  .swal2-icon {
        width: 3em;
        height: 3em;
        margin: .75em auto 1em;
        line-height: 3em;
        cursor: default;
    }
    .swal2-container .swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
        top: 1.5em;
        right: 0.25em;
        width: 1.75em;
    }
    .swal2-container .swal2-icon.swal2-success .swal2-success-fix {
        top: 0.5em;
        left: 1.625em;
        width: 0.4375em;
        height: 4.625em;
    }
    .swal2-container .swal2-icon.swal2-success [class^="swal2-success-line"][class$="tip"] {
        top: 1.9em;
        left: 0.7em;
        width: 1.4em;
    }
    .swal2-container .swal2-icon.swal2-success [class^="swal2-success-line"][class$="long"] {
        top: 1.6em;
        right: 0.7em;
        width: 1.75em;
    }
    .swal2-icon.swal2-error [class^="swal2-x-mark-line"] {
        top: 1.3em;
        width: 1.9em;
        height: 0.313em;
    }
}