/**
 * Load Google Fonts
 */
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700");

/**
  * Load Icon Font
  */

@font-face {
    font-family: 'Brand';
    font-style: normal;
    font-weight: normal;
    src: url('../uploads/icons/fonts/Brand_38442d996874f2b5b1039efdaf1f8d7f.eot');
    src: url('../uploads/icons/fonts/Brand_38442d996874f2b5b1039efdaf1f8d7f.eot?#iefix') format('embedded-opentype'), url('../uploads/icons/fonts/Brand_38442d996874f2b5b1039efdaf1f8d7f.woff2') format('woff2'), url('../uploads/icons/fonts/Brand_38442d996874f2b5b1039efdaf1f8d7f.woff') format('woff'), url('../uploads/icons/fonts/Brand_38442d996874f2b5b1039efdaf1f8d7f.ttf') format('truetype'), url('../uploads/icons/fonts/Brand_38442d996874f2b5b1039efdaf1f8d7f.svg#Brand') format('svg');
}

@media screen and ( -webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: 'Brand';
        src: url('../uploads/icons/fonts/Brand_38442d996874f2b5b1039efdaf1f8d7f.svg#Brand') format('svg');
    }
}

[data-icons8]:before {
    content: attr(data-icons8);
}

.icons8,
[data-icons8]:before,
.icons8-api:before,
.icons8-audio-wave:before,
.icons8-back:before,
.icons8-book:before,
.icons8-checked-checkbox-2:before,
.icons8-collaboration:before,
.icons8-collapse-arrow:before,
.icons8-combo-chart:before,
.icons8-compass:before,
.icons8-courses:before,
.icons8-customer-support:before,
.icons8-decision:before,
.icons8-document:before,
.icons8-download:before,
.icons8-exercise:before,
.icons8-expand-arrow:before,
.icons8-fine-print:before,
.icons8-forward:before,
.icons8-fraud:before,
.icons8-genealogy:before,
.icons8-globe-earth:before,
.icons8-graduation-cap:before,
.icons8-happy:before,
.icons8-hashtag:before,
.icons8-helping-hand:before,
.icons8-light-automation:before,
.icons8-literature:before,
.icons8-microphone:before,
.icons8-mms:before,
.icons8-movie-projector:before,
.icons8-network:before,
.icons8-overtime:before,
.icons8-purchase-order:before,
.icons8-quote:before,
.icons8-radio-tower:before,
.icons8-reading:before,
.icons8-receive-cash:before,
.icons8-server:before,
.icons8-services:before,
.icons8-showing-video-frames:before,
.icons8-sorting-arrows-horizontal:before,
.icons8-speaker:before,
.icons8-speed:before,
.icons8-split:before,
.icons8-statue-of-liberty:before,
.icons8-time-span:before,
.icons8-touchscreen-smartphone:before,
.icons8-trekking:before,
.icons8-video-file:before,
.icons8-video-projector:before {
    display: inline-block;
    font-family: 'Brand';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

.icons8-api:before {
    content: "\f11c";
}

.icons8-audio-wave:before {
    content: "\f10f";
}

.icons8-back:before {
    content: "\f101";
}

.icons8-book:before {
    content: "\f125";
}

.icons8-checked-checkbox-2:before {
    content: "\f138";
}

.icons8-collaboration:before {
    content: "\f11e";
}

.icons8-collapse-arrow:before {
    content: "\f111";
}

.icons8-combo-chart:before {
    content: "\f108";
}

.icons8-compass:before {
    content: "\f105";
}

.icons8-courses:before {
    content: "\f104";
}

.icons8-customer-support:before {
    content: "\f11f";
}

.icons8-decision:before {
    content: "\f13e";
}

.icons8-document:before {
    content: "\f106";
}

.icons8-download:before {
    content: "\f102";
}

.icons8-exercise:before {
    content: "\f139";
}

.icons8-expand-arrow:before {
    content: "\f112";
}

.icons8-fine-print:before {
    content: "\f122";
}

.icons8-forward:before {
    content: "\f100";
}

.icons8-fraud:before {
    content: "\f13c";
}

.icons8-genealogy:before {
    content: "\f107";
}

.icons8-globe-earth:before {
    content: "\f124";
}

.icons8-graduation-cap:before {
    content: "\f145";
}

.icons8-happy:before {
    content: "\f131";
}

.icons8-hashtag:before {
    content: "\f10e";
}

.icons8-helping-hand:before {
    content: "\f136";
}

.icons8-light-automation:before {
    content: "\f143";
}

.icons8-literature:before {
    content: "\f103";
}

.icons8-microphone:before {
    content: "\f115";
}

.icons8-mms:before {
    content: "\f132";
}

.icons8-movie-projector:before {
    content: "\f10a";
}

.icons8-network:before {
    content: "\f10d";
}

.icons8-overtime:before {
    content: "\f13d";
}

.icons8-purchase-order:before {
    content: "\f13f";
}

.icons8-quote:before {
    content: "\f12c";
}

.icons8-radio-tower:before {
    content: "\f113";
}

.icons8-reading:before {
    content: "\f109";
}

.icons8-receive-cash:before {
    content: "\f142";
}

.icons8-server:before {
    content: "\f130";
}

.icons8-services:before {
    content: "\f12e";
}

.icons8-showing-video-frames:before {
    content: "\f10c";
}

.icons8-sorting-arrows-horizontal:before {
    content: "\f134";
}

.icons8-speaker:before {
    content: "\f116";
}

.icons8-speed:before {
    content: "\f13a";
}

.icons8-split:before {
    content: "\f110";
}

.icons8-statue-of-liberty:before {
    content: "\f135";
}

.icons8-time-span:before {
    content: "\f133";
}

.icons8-touchscreen-smartphone:before {
    content: "\f137";
}

.icons8-trekking:before {
    content: "\f11d";
}

.icons8-video-file:before {
    content: "\f114";
}

.icons8-video-projector:before {
    content: "\f10b";
}


/*!
  * Bootstrap v3.3.7 (http://getbootstrap.com)
  * Copyright 2011-2016 Twitter, Inc.
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
  */


/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html {
    font-family: "Poppins", sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    overflow-x: hidden;
}

body {
    margin: 0;
    overflow-x: hidden;
}

.overflowhidden {
    overflow: hidden !important;
}

body a {
    color: #1c0a14;
}

article,
aside,
details,
figcaption,
figure,
footer,
navbar,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

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

[hidden],
template {
    display: none;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

mark {
    background: #2af9ba;
    color: #1c0a14;
}

small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

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

figure {
    margin: 1em 40px;
}

pre {
    overflow: auto;
}

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

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

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

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

input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

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

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

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

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    color: #1c0a14;
    font-family: "Poppins", sans-serif;/*-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"*/;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.42857143;
    background-color: #ffffff;
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

 ::selection {
    background: #2af9ba;
    /* WebKit/Blink Browsers */
}

 ::-moz-selection {
    background: #2af9ba;
    /* Gecko Browsers */
}


/* Text */

h1,
.h1 {
    font-size: 60px;
    font-weight: 100;
    letter-spacing: -.035em;
    line-height: 1;
    margin: 14px 0;
}

h2,
.h2 {
    font-size: 50px;
    font-weight: 90;
    line-height: -.025em;
	line-height: 1;
    margin: 14px 0;
}

h3,
.h3 {
    font-size: 24px;
    font-weight: 300;
    line-height: 1.3;
    margin: 14px 0;
}

h4,
.h4 {
    font-size: 18px;
    font-weight: 900;
    letter-spacing: .1em;
    line-height: 1.5;
    text-transform: uppercase;
    margin: 14px 0;
}

h5,
.h5 {
    font-size: 14px;
    font-weight: 900;
    letter-spacing: .2em;
    line-height: 1.25;
    text-transform: uppercase;
    margin: 14px 0;
}

h6,
.h6 {
    font-size: 15px;
    font-style: italic;
    font-weight: 300;
    line-height: 1.25;
    margin: 14px 0;
}

@media (min-width: 768px) and (max-width: 991px) {
    .h1 {
        font-size: 57px;
    }
    .h2 {
        font-size: 35px;
    }
    .h4 {
        font-size: 17px;
    }
}

@media (max-width: 767px) {
    .h1 {
        font-size: 44px;
    }
    .h2 {
        font-size: 30px;
    }
    .h4 {
        font-size: 16px;
    }
}

.text {
    margin: 14px 0;
}

.text--lg {
    font-size: 18px;
    font-weight: 200;
    line-height: 1.666667;
}

.text--color1,
.anchor--hover--color1:hover,
.anchor--hover--color1:focus,
.anchor--active--color1 {
    /* orange */
    color: #ff673c !important;
}

.text--color2,
.anchor--hover--color2:hover,
.anchor--hover--color2:focus,
.anchor--active--color2 {
    /* green */
    color: #00fbb9 !important;
}

.text--color3,
.anchor--hover--color3:hover,
.anchor--hover--color3:focus,
.anchor--active--color3 {
    /* purple */
    color: #a95adf !important;
}

.text--color4,
.anchor--hover--color4:hover,
.anchor--hover--color4:focus,
.anchor--active--color4 {
    /* maroon */
    color: #651f45 !important;
}

.text--color5,
.anchor--hover--color5:hover,
.anchor--hover--color5:focus,
.anchor--active--color5 {
    /* ivory */
    color: #ffffff !important;
}

.text--color6,
.anchor--hover--color6:hover,
.anchor--hover--color6:focus,
.anchor--active--color6 {
    /* blue */
    color: #00bef0 !important;
}

.text--color7,
.anchor--hover--color7:hover,
.anchor--hover--color7:focus,
.anchor--active--color7 {
    /* dark orange */
    color: #a53f0c !important;
}

.text--color8,
.anchor--hover--color8:hover,
.anchor--hover--color8:focus,
.anchor--active--color8 {
    /* dark green */
    color: #005c44 !important;
}

.text--color9,
.anchor--hover--color9:hover,
.anchor--hover--color9:focus,
.anchor--active--color9 {
    /* dark purple */
    color: #4d2996 !important;
}

.text--color10,
.anchor--hover--color10:hover,
.anchor--hover--color10:focus,
.anchor--active--color10 {
    /* dark blue */
    color: #004658 !important;
}


/* Border Colors */

.border--color1 {
    /* orange */
    border-color: #ff673c !important;
}

.border--color2 {
    /* green */
    border-color: #00fbb9 !important;
}

.border--color3 {
    /* purple */
    border-color: #a95adf !important;
}

.border--color4 {
    /* maroon */
    border-color: #651f45 !important;
}

.border--color5 {
    /* ivory */
    border-color: #ffffff !important;
}

.border--color6 {
    /* blue */
    border-color: #00bef0 !important;
}

.border--color7 {
    /* dark orange */
    border-color: #a53f0c !important;
}

.border--color8 {
    /* dark green */
    border-color: #005c44 !important;
}

.border--color9 {
    /* dark purple */
    border-color: #4d2996 !important;
}

.border--color10 {
    /* dark blue */
    border-color: #004658 !important;
}

/* rounded */

.rounded, .loader-demo-box {
  border-radius: 0.25rem !important; }

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important; }

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important; }

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important; }

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important; }

.rounded-circle {
  border-radius: 50% !important; }

.rounded-0 {
  border-radius: 0 !important; }

/* continue */

.text--lowercase {
    text-transform: lowercase;
}

.scroll__prompt {
    color: #ff673c;
    font-size: 18px;
    font-weight: 600;
    min-height: 62px;
    position: relative;
    display: block;
}

.scroll__prompt .icon--bordered {
    position: absolute;
    left: calc(50% - 15px);
    top: 34px;
}

.hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    margin: 30px;
    border: 0;
    border-bottom: 1px dotted #a95adf;
}
/* margin blocks */

.mt{
	margin-top: 80px;
}
.mb{
	margin-bottom: 80px;
}
.mr{
	margin-right: 35px;
}
.ml{
	margin-left: 35px;
}
.mr-auto{
	margin: auto;
}


/* Solid bg blocks */

.block {
    background-color: #ffffff;
    padding: 39px;
}

.block--fillgrid {
    margin-left: -15px;
    margin-right: -15px;
}

.block--color1 {
    background-color: #a53f0c !important;
}

.block--color2 {
    background-color: #005c44 !important;
}

.block--color3 {
    background-color: #4d2966 !important;
}

.block--color4 {
    background-color: #651f45 !important;
}

.block--color5 {
    background-color: #ffffff !important;
}

.block--color6 {
    background-color: #00bef0 !important;
}

.block--color7 {
    background-color: #a53f0c !important;
}

.block--color8 {
    background-color: #005c44 !important;
}

.block--color9 {
    background-color: #4d2996 !important;
}

.block--color10 {
    background-color: #004658 !important;
}


/* Anchors */

.anchor {
    color: #ff673c;
    text-decoration: none;
    background-color: transparent;
    transition: color 0.2s ease;
}

.anchor:hover,
.anchor:focus {
    color: #1c0a14;
    text-decoration: underline;
    outline: 0;
}

.anchor:focus {
    outline: 5px auto #2af9ba;
}

.anchor--inline {
    margin-left: 0;
}

.anchor--underline {
    text-decoration: underline;
}

.anchor--inline~.anchor--inline,
.anchor--inline~.button--inline {
    margin-left: 20px;
}

.anchor--inline~.anchor--inline--voice {
    /* custom alteration */
    margin-left: 32px;
    margin-right: 12px;
}

.anchor--list {
    margin-bottom: .5em;
    display: block;
}


/* Icons */

.icon {
    font-size: 50px;
    line-height: 50px;
    width: 50px;
    height: 50px;
    display: inline-block;
    position: relative;
}

.icon .img--responsive,
.icon__svg .img--responsive {
    max-width: 78%;
    max-height: 80%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.icon--before {
    margin-right: .5em;
}

.icon--after {
    margin-left: .5em;
}

.icon--circled {
    color: #e8572e;
    background: #ffffff;
    font-size: .8em;
    line-height: 1.7;
    text-align: center;
    border-radius: 2em;
    width: 1.7em;
    height: 1.7em;
    display: inline-block;
    vertical-align: middle;
    box-sizing: content-box;
}

.icon--circled::before {
    line-height: inherit !important;
    margin-top: -.2em;
}

.icon--bordered {
    background: transparent;
    border: 2px solid;
}

.icon__list__item {
    margin-bottom: 20px;
}

.icon__list__item .icon {
    float: left;
}

.icon__list__item .icon__list__text {
    margin-left: 20px;
    float: left;
    width: calc(100% - 70px);
}

.icon__list__item .icon__list__text> :first-child {
    margin-top: 0;
    margin-bottom: 0;
}

.icon__list__item .icon__list__text> :nth-child(2) {
    margin-top: 0;
}


/* Buttons */

.button {
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .075em;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    background: #00bef0;
    border: 2px solid #00bef0;
    border-radius: 5px;
    padding: 15px 25px;
    height: 44px;
    display: inline-block;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.button:hover,
.button:focus {
    color: #ffffff;
    background-color: #004658;
    border-color: #004658;
    text-decoration: none;
}

.button:focus {
    outline: 5px auto #2af9ba;
}

.button:active {
    color: #00bef0;
    background-color: #004658;
    border-color: #004658;
}


/* Button size and layout overrides */

.button--inline {
    margin: 12px 10px 12px 0;
}

.navbar .button--inline {
    margin-top: 0;
}

.button--inline~.button--inline,
.button--inline~.anchor--inline {
    margin-top: 0;
}

.button--sm {
    padding: 9px 17px;
    height: 34px;
}

.button--z {
    position: relative;
    z-index: 1;
}


/* Default ghost button */

.button__ghost {
    color: rgb(0, 232, 240);
    background: transparent;
    border-color: #00bef0;
}

.button__ghost:hover,
.button__ghost:focus {
    color: #ffffff;
    background-color: #004658;
    border-color: #004658;
}

.button__ghost:active {
    color: #00bef0;
    background-color: #004658;
    border-color: #004658;
}


/* Button color 1 */

.button--color1 {
    color: #ffffff;
    background-color: #ff673c;
    border-color: #ff673c;
}

.button--color1:hover,
.button--color1:focus {
    color: #a53f0c;
    background-color: #ff673c;
    border-color: #ff673c;
}

.button--color1:active {
    color: #ff673c;
    background-color: #a53f0c;
    border-color: #a53f0c;
}

.button__ghost--color1 {
    color: #ff673c;
    background: transparent;
    border-color: #ff673c;
}

.button__ghost--color1:hover,
.button__ghost--color1:focus {
    color: #ffffff;
    background-color: #a53f0c;
    border-color: #a53f0c;
}

.button__ghost--color1:active {
    color: #ff673c;
    background-color: #a53f0c;
    border-color: #a53f0c;
}


/* Button color 2 */

.button--color2 {
    color: #005c44;
    background-color: #00fbb9;
    border-color: #00fbb9;
}

.button--color2:hover,
.button--color2:focus {
    color: #a95adf;
    background-color: #00fbb9;
    border-color: #00fbb9;
}

.button--color2:active {
    color: #00fbb9;
    background-color: #005c44;
    border-color: #005c44;
}

.button__ghost--color2 {
    color: #00fbb9;
    background: transparent;
    border-color: #00fbb9;
}

.button__ghost--color2:hover,
.button__ghost--color2:focus {
    color: #ffffff;
    background-color: #005c44;
    border-color: #005c44;
}

.button__ghost--color2:active {
    color: #00fbb9;
    background-color: #005c44;
    border-color: #005c44;
}


/* Button color 3 */

.button--color3 {
    color: #ffffff;
    background-color: #a95adf;
    border-color: #a95adf;
}

.button--color3:hover,
.button--color3:focus {
    color: #651f45;
    background-color: #a95adf;
    border-color: #a95adf;
}

.button--color3:active {
    color: #a95adf;
    background-color: #4d2966;
    border-color: #4d2966;
}

.button__ghost--color3 {
    color: #a95adf;
    background: transparent;
    border-color: #a95adf;
}

.button__ghost--color3:hover,
.button__ghost--color3:focus {
    color: #ffffff;
    background-color: #4d2966;
    border-color: #4d2966;
}

.button__ghost--color3:active {
    color: #a95adf;
    background-color: #4d2966;
    border-color: #4d2966;
}


/* Button color 4 */

.button--color4 {
    color: #ffffff;
    background-color: #651f45;
    border-color: #651f45;
}

.button--color4:hover,
.button--color4:focus {
    color: #a95adf;
    background-color: #651f45;
    border-color: #651f45;
}

.button--color4:active {
    color: #651f45;
    background-color: #a95adf;
    border-color: #a95adf;
}

.button__ghost--color4 {
    color: #651f45;
    background: transparent;
    border-color: #651f45;
}

.button__ghost--color4:hover,
.button__ghost--color4:focus {
    color: #ffffff;
    background-color: #651f45;
    border-color: #651f45;
}

.button__ghost--color4:active {
    color: #a95adf;
    background-color: #651f45;
    border-color: #651f45;
}

/* Button color 5 */

.button--color5 {
    color: #ffffff;
    background-color: #47cca4;
    border-color: #1f6559;
}

.button--color5:hover,
.button--color5:focus {
    color: #f2e2fd;
    background-color: #1f6365;
    border-color: #651f45;
}

.button--color5:active {
    color: #651f45;
    background-color: #a95adf;
    border-color: #a95adf;
}

.button__ghost--color5 {
    color: #651f45;
    background: transparent;
    border-color: #651f45;
}

.button__ghost--color5:hover,
.button__ghost--color5:focus {
    color: #ffffff;
    background-color: #651f45;
    border-color: #651f45;
}

.button__ghost--color5:active {
    color: #a95adf;
    background-color: #651f45;
    border-color: #651f45;
}

/* Button color 6 */

.button--color6 {
    color: #ffffff;
    background-color: #651f45;
    border-color: #651f45;
}

.button--color6:hover,
.button--color6:focus {
    color: #a95adf;
    background-color: #651f45;
    border-color: #651f45;
}

.button--color6:active {
    color: #651f45;
    background-color: #a95adf;
    border-color: #a95adf;
}

.button__ghost--color6 {
    color: #651f45;
    background: transparent;
    border-color: #651f45;
}

.button__ghost--color6:hover,
.button__ghost--color6:focus {
    color: #ffffff;
    background-color: #651f45;
    border-color: #651f45;
}

.button__ghost--color6:active {
    color: #a95adf;
    background-color: #651f45;
    border-color: #651f45;
}

/* Button color 7 */

.button--color7 {
    color: #ffffff;
    background-color: #651f45;
    border-color: #651f45;
}

.button--color7:hover,
.button--color7:focus {
    color: #a95adf;
    background-color: #651f45;
    border-color: #651f45;
}

.button--color7:active {
    color: #651f45;
    background-color: #a95adf;
    border-color: #a95adf;
}

.button__ghost--color7 {
    color: #651f45;
    background: transparent;
    border-color: #651f45;
}

.button__ghost--color7:hover,
.button__ghost--color7:focus {
    color: #ffffff;
    background-color: #651f45;
    border-color: #651f45;
}

.button__ghost--color7:active {
    color: #a95adf;
    background-color: #651f45;
    border-color: #651f45;
}

/* Button color 8 */

.button--color8 {
    color: #ffffff;
    background-color: #005c44;
    border-color: #005c44;
}

.button--color8:hover,
.button--color8:focus {
    color: #ffffff;
    background-color: #a95adf;
    border-color: #a95adf;
}

.button--color8:active {
    color: #651f45;
    background-color: #a95adf;
    border-color: #a95adf;
}

.button__ghost--color8 {
    color: #005c44;
    background: transparent;
    border-color: #005c44;
}

.button__ghost--color8:hover,
.button__ghost--color8:focus {
    color: #ffffff;
    background-color: #005c44;
    border-color: #005c44;
}

.button__ghost--color8:active {
    color: #a95adf;
    background-color: #651f45;
    border-color: #651f45;
}

.button--color11 {
    color: #ffffff;
    background-color: #7ac8cc;
    border-color: #8cdade;
}

.button--color11:hover,
.button--color11:focus {
    color: #ffffff;
    background-color: #c3c3e6;
    border-color: #9292c3;
}

.button--color11:active {
    color: #ffffff;
    background-color: #769ad2;
    border-color: #7294ca;
}


/* Disabled button */

.button--disabled,
.button--disabled:hover,
.button--disabled:focus,
.button--disabled:active,
.button--disabled--dark,
.button--disabled--dark:hover,
.button--disabled--dark:focus,
.button--disabled--dark:active {
    color: #d8dbe2;
    border-color: #d8dbe2;
    background: transparent;
    cursor: default;
    outline: none;
    pointer-events: none;
}

.button--disabled:focus {
    outline: 5px auto #d8dbe2;
}

.button--disabled--dark,
.button--disabled--dark:hover,
.button--disabled--dark:focus,
.button--disabled--dark:active {
    opacity: .2;
}


/* display */
.d-none {
  display: none !important; }

.d-inline {
  display: inline !important; }

.d-inline-block {
  display: inline-block !important; }

.d-block {
  display: block !important; }

.d-table {
  display: table !important; }

.d-table-row {
  display: table-row !important; }

.d-table-cell {
  display: table-cell !important; }

.d-flex, .loader-demo-box, .nav .nav-item.dropdown .navbar-dropdown .dropdown-item,
.navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item, .new-accounts ul.chats li.chat-persons a, .new-accounts ul.chats li.chat-persons a div.user {
  display: flex !important; }

.d-inline-flex {
  display: inline-flex !important; }

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important; }
  .d-sm-inline {
    display: inline !important; }
  .d-sm-inline-block {
    display: inline-block !important; }
  .d-sm-block {
    display: block !important; }
  .d-sm-table {
    display: table !important; }
  .d-sm-table-row {
    display: table-row !important; }
  .d-sm-table-cell {
    display: table-cell !important; }
  .d-sm-flex {
    display: flex !important; }
  .d-sm-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 768px) {
  .d-md-none {
    display: none !important; }
  .d-md-inline {
    display: inline !important; }
  .d-md-inline-block {
    display: inline-block !important; }
  .d-md-block {
    display: block !important; }
  .d-md-table {
    display: table !important; }
  .d-md-table-row {
    display: table-row !important; }
  .d-md-table-cell {
    display: table-cell !important; }
  .d-md-flex {
    display: flex !important; }
  .d-md-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important; }
  .d-lg-inline {
    display: inline !important; }
  .d-lg-inline-block {
    display: inline-block !important; }
  .d-lg-block {
    display: block !important; }
  .d-lg-table {
    display: table !important; }
  .d-lg-table-row {
    display: table-row !important; }
  .d-lg-table-cell {
    display: table-cell !important; }
  .d-lg-flex {
    display: flex !important; }
  .d-lg-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important; }
  .d-xl-inline {
    display: inline !important; }
  .d-xl-inline-block {
    display: inline-block !important; }
  .d-xl-block {
    display: block !important; }
  .d-xl-table {
    display: table !important; }
  .d-xl-table-row {
    display: table-row !important; }
  .d-xl-table-cell {
    display: table-cell !important; }
  .d-xl-flex {
    display: flex !important; }
  .d-xl-inline-flex {
    display: inline-flex !important; } }
/* Badges */
.badge {
  border-radius: 0.25rem;
  font-size: inherit;
  line-height: 1;
  padding: 0.2rem 0.3rem;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  margin-left: 5px;
  }
  .badge:empty {
    display: inline-block;
    min-width: 10px;
    min-height: 10px;
    padding: 0;
    margin-right: 10px;
    border-radius: 100%; }
    .rtl .badge:empty {
      margin-left: 10px;
      margin-right: 0; }
  .badge.badge-pill {
    border-radius: 10rem; }
  .badge.badge-fw {
    min-width: 70px; }
  .badge.badge-lg {
    padding: 0.4rem 0.5rem; }

/*Badge variations*/
.badge-primary {
  border: 1px solid #308ee0;
  color: #ffffff; }

.badge-secondary {
  border: 1px solid #e5e5e5;
  color: #ffffff; }

.badge-success, .preview-list .preview-item .preview-thumbnail .badge.badge-online {
  border: 1px solid #00ce68;
  color: #ffffff; }

.badge-info, .preview-list .preview-item .preview-thumbnail .badge.badge-offline {
  border: 1px solid #8862e0;
  color: #ffffff; }

.badge-warning, .preview-list .preview-item .preview-thumbnail .badge.badge-busy {
  border: 1px solid #ffaf00;
  color: #ffffff; }

.badge-danger {
  border: 1px solid #e65251;
  color: #ffffff; }

.badge-light {
  border: 1px solid #f3f5f6;
  color: #ffffff; }

.badge-dark {
  border: 1px solid #424964;
  color: #ffffff; }

/*Badge inverse variations*/
.badge-inverse-primary {
  background: rgba(48, 142, 224, 0.3);
  color: #308ee0; }

.badge-inverse-secondary {
  background: rgba(229, 229, 229, 0.3);
  color: #e5e5e5; }

.badge-inverse-success {
  background: rgba(0, 206, 104, 0.3);
  color: #00ce68; }

.badge-inverse-info {
  background: rgba(136, 98, 224, 0.3);
  color: #8862e0; }

.badge-inverse-warning {
  background: rgba(255, 175, 0, 0.3);
  color: #ffaf00; }

.badge-inverse-danger {
  background: rgba(230, 82, 81, 0.3);
  color: #e65251; }

.badge-inverse-light {
  background: rgba(243, 245, 246, 0.3);
  color: #f3f5f6; }

.badge-inverse-dark {
  background: rgba(66, 73, 100, 0.3);
  color: #424964; }

/*Badge outlined variations*/
.badge-outline-primary {
  color: #308ee0;
  border: 1px solid #308ee0; }

.badge-outline-secondary {
  color: #e5e5e5;
  border: 1px solid #e5e5e5; }

.badge-outline-success {
  color: #00ce68;
  border: 1px solid #00ce68; }

.badge-outline-info {
  color: #8862e0;
  border: 1px solid #8862e0; }

.badge-outline-warning {
  color: #ffaf00;
  border: 1px solid #ffaf00; }

.badge-outline-danger {
  color: #e65251;
  border: 1px solid #e65251; }

.badge-outline-light {
  color: #f3f5f6;
  border: 1px solid #f3f5f6; }

.badge-outline-dark {
  color: #424964;
  border: 1px solid #424964; }

/* Bootstrap Progress */
.progress {
  border-radius: 3px;
  height: 8px; }
  .progress .progress-bar {
    border-radius: 3px; }
  .progress.progress-sm {
    height: 0.375rem; }
  .progress.progress-md {
    height: 8px; }
  .progress.progress-lg {
    height: 15px; }
  .progress.progress-xl {
    height: 18px; }


/* Forms */

.form__field {
    padding-top: 21px;
    padding-bottom: 7px;
    position: relative;
}

.form__input {
    color: #1c0a14;
    font-family: "Overpass", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.42857143;
    border: 0;
    border-bottom: 2px solid rgba(101, 31, 69, .5);
    /* #651f45 */
    background: transparent;
    padding: 7px 0;
    width: 100%;
    display: block;
    position: relative;
    z-index: 1;
    outline: none;
    box-shadow: none;
    transition: all 0.2s ease;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.form__input:focus,
.form__textarea:focus,
.form__select:focus {
    border-color: rgba(101, 31, 69, 1);
}

.form__field--disabled {
    opacity: 0.5;
}

.field__label {
    color: #1c0a14;
    font-weight: 200;
    display: block;
    position: absolute;
    top: 29px;
    z-index: 0;
    transition: all 0.2s ease;
}

.field__label--focus,
.field__label--disabled {
    font-size: 12px;
    font-weight: 200;
    top: 2px;
}

.field__label--required {
    left: calc(15px - .75em);
}

.field__label--required::before {
    content: "* ";
    color: #ff673c;
}

.field__label--inside {
    left: 24px;
    pointer-events: none;
    max-width: 90%;
}

.field__label--inside--focus {
    font-size: 12px;
    font-weight: 200;
    top: 2px;
    left: 15px;
}

.field__help {
    color: #1c0a14;
    font-size: 12px;
    font-style: italic;
    font-weight: 300;
    padding-top: 4px;
    opacity: .5;
}

.form__input[type="number"]::-webkit-inner-spin-button,
.form__input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.form__textarea {
    color: #1c0a14;
    font-family: "Overpass", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.42857143;
    border: 2px solid rgba(101, 31, 69, .5);
    border-radius: 10px;
    background-color: transparent;
    padding: 6px 7px;
    width: 100%;
    display: block;
    position: relative;
    z-index: 1;
    outline: none;
    box-shadow: none;
    resize: vertical;
    min-height: 35px;
    max-height: 300px;
}

.form__select {
    color: #1c0a14;
    font-family: "Overpass", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.42857143;
    border: 2px solid rgba(101, 31, 69, .5);
    border-radius: 10px 20px 20px 10px;
    background-color: transparent;
    padding: 6px 7px;
    width: 100%;
    display: block;
    position: relative;
    z-index: 1;
    outline: none;
    box-shadow: none;
    transition: all 0.2s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: linear-gradient(45deg, transparent 40%, #ffffff 40%, #ffffff 60%, transparent 60%), linear-gradient(135deg, transparent 40%, #ffffff 40%, #ffffff 60%, transparent 60%), radial-gradient(#651f45 70%, transparent 72%);
    background-position: calc(100% - 15px) calc(1em - 2px), calc(100% - 7px) calc(1em - 2px), calc(100% - 1em + 16px) -2px;
    background-size: 10px 10px, 10px 10px, calc(1.42857143em + 16px) calc(1.42857143em + 16px);
    background-repeat: no-repeat;
}

.form__select:focus {
    background-image: linear-gradient(45deg, transparent 40%, #ffffff 40%, #ffffff 60%, transparent 60%), linear-gradient(135deg, transparent 40%, #ffffff 40%, #ffffff 60%, transparent 60%), radial-gradient(#651f45 70%, transparent 72%);
    background-position: calc(100% - 15px) calc(1em - 2px), calc(100% - 7px) calc(1em - 2px), calc(100% - 1em + 16px) -2px;
    background-size: 10px 10px, 10px 10px, calc(1.42857143em + 16px) calc(1.42857143em + 16px);
    background-repeat: no-repeat;
}


/* Images */

figure {
    margin: 0;
}

.img {
    vertical-align: middle;
}

.img--responsive,
.img--responsive--80,
.img--responsive--60 {
    display: block;
    max-width: 100%;
    height: auto;
}

.img--responsive--80 {
    max-width: 80%;
}

.img--responsive--60 {
    max-width: 60%;
}

.img--circle {
    border-radius: 50%;
}

.img-lg {
  width: 92px;
  height: 92px; }

.img-md {
  width: 60px;
  height: 60px; }

.img-sm {
  width: 43px;
  height: 43px; }

.img-xs, .table td img,
.table th img {
  width: 37px;
  height: 37px; }

.img-ss {
  width: 26px;
  height: 26px; }

.customer__logo {
    max-height: 130px;
    width: 130px;
}


/*!
  * Grid system and visibility
  */

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 576px) {
    .container {
        width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

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

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}

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

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-pull-11 {
    right: 91.66666667%;
}

.col-xs-pull-10 {
    right: 83.33333333%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-8 {
    right: 66.66666667%;
}

.col-xs-pull-7 {
    right: 58.33333333%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-5 {
    right: 41.66666667%;
}

.col-xs-pull-4 {
    right: 33.33333333%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-2 {
    right: 16.66666667%;
}

.col-xs-pull-1 {
    right: 8.33333333%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-push-11 {
    left: 91.66666667%;
}

.col-xs-push-10 {
    left: 83.33333333%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-8 {
    left: 66.66666667%;
}

.col-xs-push-7 {
    left: 58.33333333%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-5 {
    left: 41.66666667%;
}

.col-xs-push-4 {
    left: 33.33333333%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-2 {
    left: 16.66666667%;
}

.col-xs-push-1 {
    left: 8.33333333%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

.col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-0 {
    margin-left: 0%;
}

@media (min-width: 768px) {
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left;
    }
    .col-sm-12 {
        width: 100%;
    }
    .col-sm-11 {
        width: 91.66666667%;
    }
    .col-sm-10 {
        width: 83.33333333%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-8 {
        width: 66.66666667%;
    }
    .col-sm-7 {
        width: 58.33333333%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-5 {
        width: 41.66666667%;
    }
    .col-sm-4 {
        width: 33.33333333%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-2 {
        width: 16.66666667%;
    }
    .col-sm-1 {
        width: 8.33333333%;
    }
    .col-sm-pull-12 {
        right: 100%;
    }
    .col-sm-pull-11 {
        right: 91.66666667%;
    }
    .col-sm-pull-10 {
        right: 83.33333333%;
    }
    .col-sm-pull-9 {
        right: 75%;
    }
    .col-sm-pull-8 {
        right: 66.66666667%;
    }
    .col-sm-pull-7 {
        right: 58.33333333%;
    }
    .col-sm-pull-6 {
        right: 50%;
    }
    .col-sm-pull-5 {
        right: 41.66666667%;
    }
    .col-sm-pull-4 {
        right: 33.33333333%;
    }
    .col-sm-pull-3 {
        right: 25%;
    }
    .col-sm-pull-2 {
        right: 16.66666667%;
    }
    .col-sm-pull-1 {
        right: 8.33333333%;
    }
    .col-sm-pull-0 {
        right: auto;
    }
    .col-sm-push-12 {
        left: 100%;
    }
    .col-sm-push-11 {
        left: 91.66666667%;
    }
    .col-sm-push-10 {
        left: 83.33333333%;
    }
    .col-sm-push-9 {
        left: 75%;
    }
    .col-sm-push-8 {
        left: 66.66666667%;
    }
    .col-sm-push-7 {
        left: 58.33333333%;
    }
    .col-sm-push-6 {
        left: 50%;
    }
    .col-sm-push-5 {
        left: 41.66666667%;
    }
    .col-sm-push-4 {
        left: 33.33333333%;
    }
    .col-sm-push-3 {
        left: 25%;
    }
    .col-sm-push-2 {
        left: 16.66666667%;
    }
    .col-sm-push-1 {
        left: 8.33333333%;
    }
    .col-sm-push-0 {
        left: auto;
    }
    .col-sm-offset-12 {
        margin-left: 100%;
    }
    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-sm-offset-9 {
        margin-left: 75%;
    }
    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-sm-offset-6 {
        margin-left: 50%;
    }
    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-sm-offset-3 {
        margin-left: 25%;
    }
    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-sm-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 992px) {
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left;
    }
    .col-md-12 {
        width: 100%;
    }
    .col-md-11 {
        width: 91.66666667%;
    }
    .col-md-10 {
        width: 83.33333333%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-8 {
        width: 66.66666667%;
    }
    .col-md-7 {
        width: 58.33333333%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-5 {
        width: 41.66666667%;
    }
    .col-md-4 {
        width: 33.33333333%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-2 {
        width: 16.66666667%;
    }
    .col-md-1 {
        width: 8.33333333%;
    }
    .col-md-pull-12 {
        right: 100%;
    }
    .col-md-pull-11 {
        right: 91.66666667%;
    }
    .col-md-pull-10 {
        right: 83.33333333%;
    }
    .col-md-pull-9 {
        right: 75%;
    }
    .col-md-pull-8 {
        right: 66.66666667%;
    }
    .col-md-pull-7 {
        right: 58.33333333%;
    }
    .col-md-pull-6 {
        right: 50%;
    }
    .col-md-pull-5 {
        right: 41.66666667%;
    }
    .col-md-pull-4 {
        right: 33.33333333%;
    }
    .col-md-pull-3 {
        right: 25%;
    }
    .col-md-pull-2 {
        right: 16.66666667%;
    }
    .col-md-pull-1 {
        right: 8.33333333%;
    }
    .col-md-pull-0 {
        right: auto;
    }
    .col-md-push-12 {
        left: 100%;
    }
    .col-md-push-11 {
        left: 91.66666667%;
    }
    .col-md-push-10 {
        left: 83.33333333%;
    }
    .col-md-push-9 {
        left: 75%;
    }
    .col-md-push-8 {
        left: 66.66666667%;
    }
    .col-md-push-7 {
        left: 58.33333333%;
    }
    .col-md-push-6 {
        left: 50%;
    }
    .col-md-push-5 {
        left: 41.66666667%;
    }
    .col-md-push-4 {
        left: 33.33333333%;
    }
    .col-md-push-3 {
        left: 25%;
    }
    .col-md-push-2 {
        left: 16.66666667%;
    }
    .col-md-push-1 {
        left: 8.33333333%;
    }
    .col-md-push-0 {
        left: auto;
    }
    .col-md-offset-12 {
        margin-left: 100%;
    }
    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-md-offset-9 {
        margin-left: 75%;
    }
    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-md-offset-6 {
        margin-left: 50%;
    }
    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-md-offset-3 {
        margin-left: 25%;
    }
    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-md-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 1200px) {
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left;
    }
    .col-lg-12 {
        width: 100%;
    }
    .col-lg-11 {
        width: 91.66666667%;
    }
    .col-lg-10 {
        width: 83.33333333%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .col-lg-8 {
        width: 66.66666667%;
    }
    .col-lg-7 {
        width: 58.33333333%;
    }
    .col-lg-6 {
        width: 50%;
    }
    .col-lg-5 {
        width: 41.66666667%;
    }
    .col-lg-4 {
        width: 33.33333333%;
    }
    .col-lg-3 {
        width: 25%;
    }
    .col-lg-2 {
        width: 16.66666667%;
    }
    .col-lg-1 {
        width: 8.33333333%;
    }
    .col-lg-pull-12 {
        right: 100%;
    }
    .col-lg-pull-11 {
        right: 91.66666667%;
    }
    .col-lg-pull-10 {
        right: 83.33333333%;
    }
    .col-lg-pull-9 {
        right: 75%;
    }
    .col-lg-pull-8 {
        right: 66.66666667%;
    }
    .col-lg-pull-7 {
        right: 58.33333333%;
    }
    .col-lg-pull-6 {
        right: 50%;
    }
    .col-lg-pull-5 {
        right: 41.66666667%;
    }
    .col-lg-pull-4 {
        right: 33.33333333%;
    }
    .col-lg-pull-3 {
        right: 25%;
    }
    .col-lg-pull-2 {
        right: 16.66666667%;
    }
    .col-lg-pull-1 {
        right: 8.33333333%;
    }
    .col-lg-pull-0 {
        right: auto;
    }
    .col-lg-push-12 {
        left: 100%;
    }
    .col-lg-push-11 {
        left: 91.66666667%;
    }
    .col-lg-push-10 {
        left: 83.33333333%;
    }
    .col-lg-push-9 {
        left: 75%;
    }
    .col-lg-push-8 {
        left: 66.66666667%;
    }
    .col-lg-push-7 {
        left: 58.33333333%;
    }
    .col-lg-push-6 {
        left: 50%;
    }
    .col-lg-push-5 {
        left: 41.66666667%;
    }
    .col-lg-push-4 {
        left: 33.33333333%;
    }
    .col-lg-push-3 {
        left: 25%;
    }
    .col-lg-push-2 {
        left: 16.66666667%;
    }
    .col-lg-push-1 {
        left: 8.33333333%;
    }
    .col-lg-push-0 {
        left: auto;
    }
    .col-lg-offset-12 {
        margin-left: 100%;
    }
    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-lg-offset-9 {
        margin-left: 75%;
    }
    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-lg-offset-6 {
        margin-left: 50%;
    }
    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-lg-offset-3 {
        margin-left: 25%;
    }
    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-lg-offset-0 {
        margin-left: 0%;
    }
}

.clearfix::before,
.clearfix::after,
.container::before,
.container::after,
.container-fluid::before,
.container-fluid::after,
.row::before,
.row::after {
    content: " ";
    display: table;
}

.clearfix::after,
.container::after,
.container-fluid::after,
.row::after {
    clear: both;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

@-ms-viewport {
    width: device-width;
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
    display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }
    table.visible-xs {
        display: table !important;
    }
    tr.visible-xs {
        display: table-row !important;
    }
    th.visible-xs,
    td.visible-xs {
        display: table-cell !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }
    table.visible-sm {
        display: table !important;
    }
    tr.visible-sm {
        display: table-row !important;
    }
    th.visible-sm,
    td.visible-sm {
        display: table-cell !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }
    table.visible-md {
        display: table !important;
    }
    tr.visible-md {
        display: table-row !important;
    }
    th.visible-md,
    td.visible-md {
        display: table-cell !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }
    table.visible-lg {
        display: table !important;
    }
    tr.visible-lg {
        display: table-row !important;
    }
    th.visible-lg,
    td.visible-lg {
        display: table-cell !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important;
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}

.visible-print {
    display: none !important;
}

@media print {
    .visible-print {
        display: block !important;
    }
    table.visible-print {
        display: table !important;
    }
    tr.visible-print {
        display: table-row !important;
    }
    th.visible-print,
    td.visible-print {
        display: table-cell !important;
    }
}

.visible-print-block {
    display: none !important;
}

@media print {
    .visible-print-block {
        display: block !important;
    }
}

.visible-print-inline {
    display: none !important;
}

@media print {
    .visible-print-inline {
        display: inline !important;
    }
}

.visible-print-inline-block {
    display: none !important;
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important;
    }
}

@media print {
    .hidden-print {
        display: none !important;
    }
}


/******** Text Alignment Classes **********/

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

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

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

.text-justify {
    text-align: justify;
}

.text-nowrap {
    white-space: nowrap;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

/* extended general style classes */

.d-flex{
	display: flex;
}

.justify-content-start {
  justify-content: flex-start !important; 
  }

.justify-content-end {
  justify-content: flex-end !important; 
  }

.justify-content-center {
  justify-content: center !important; 
  }

.justify-content-between {
  justify-content: space-between !important; 
  }

.justify-content-around {
  justify-content: space-around !important; 
  }

.align-items-start {
  align-items: flex-start !important; 
  }

.align-items-end {
  align-items: flex-end !important; 
  }

.align-items-center{
  align-items: center !important; 
  }

.align-items-baseline {
  align-items: baseline !important; }

.align-items-stretch {
  align-items: stretch !important; 
  }

.align-content-start {
  align-content: flex-start !important; 
  }

.align-content-end {
  align-content: flex-end !important; 
  }

.align-content-center {
  align-content: center !important; 
  }

.align-content-between {
  align-content: space-between !important; 
  }

.align-content-around {
  align-content: space-around !important; 
  }

.align-content-stretch {
  align-content: stretch !important; 
  }

.align-self-auto {
  align-self: auto !important; 
  }

.align-self-start {
  align-self: flex-start !important; 
  }

.align-self-end {
  align-self: flex-end !important; 
  }

.align-self-center {
  align-self: center !important; }

.align-self-baseline {
  align-self: baseline !important; }

.align-self-stretch {
  align-self: stretch !important; 
  }
  
/* extended general style classes */


/*!
  * Footer
  */

#footer {
    color: #e1faf9;
    font-size: 13px;
    font-weight: 100;
    letter-spacing: .025em;
    background: #004658 url(../uploads/media/footer.jpg) no-repeat center bottom;
    background-size: cover;
    padding-top: 60px;
    position: relative;
    z-index: 1;
}

#footer .container {
    position: relative;
}

.footer__amoeba {
    background: transparent url(../uploads/media/footer-amoeba.png) no-repeat;
    width: 162px;
    height: 176px;
    position: absolute;
    top: -210px;
    left: 0;
}

#footer .h5 {
    margin-bottom: .5em;
}

#footer .nav {
    margin-bottom: 2.5em;
}

#footer .anchor {
    color: #e1faf9;
}

.anchor__logo__footer {
    color: #00bef0;
    text-decoration: none;
    border: 0;
    margin: 0 0 20px 0;
    padding: 0;
    display: inline-block;
}

.anchor__logo__footer:focus {
    outline: 5px auto #2af9ba;
}

.logo__footer__img {
    width: 133px;
    height: auto;
    vertical-align: top;
}

.h5--footer {
    color: #00fbb9;
}

/* Copyright and social */

.subfooter {
    color: #004658;
    font-size: 12px;
    background: #00bef0;
    margin-top: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.subfooter .container {
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}

.navbar_social_link {
    height: 19px;
	position:absolute;
    right: 210px;
    top:4px;
}
.footer_social_link {
    height: 54px;
    position: absolute;
    right: 15px;
    top: -54px;
}

.anchor__social {
    text-align: center;
    vertical-align: bottom;
    margin-left: -4px;
    display: inline-block;
}

.anchor__social:focus {
    outline: 5px auto #2af9ba;
}

.anchor__social1 {
    background: url(../uploads/media/footer-amoeba-social1.png) no-repeat;
    padding: 12px 9px 0 3px;
    width: 58px;
    height: 41px;
}

.social__linkedin {
    width: 15px;
    height: 15px;
}

.anchor__social2 {
    background: url(../uploads/media/footer-amoeba-social2.png) no-repeat;
    padding: 17px 7px 0 2px;
    width: 65px;
    height: 54px;
}

.social__twitter {
    width: 15px;
    height: 15px;
}

.anchor__social3 {
    background: url(../uploads/media/footer-amoeba-social3.png) no-repeat;
    padding: 12px 1px 0 3px;
    width: 48px;
    height: 41px;
}

.social__youtube {
    width: 22px;
    height: 15px;
}

.anchor__social4 {
    background: url(../uploads/media/footer-amoeba-social4.png) no-repeat;
    padding: 11px 15px 0 8px;
    width: 72px;
    height: 44px;
}

.social__github {
    width: 15px;
    height: 15px;
}

#footer-clec {
    text-decoration: none;
    color: #004658;
}

.page-template-default #main {
    padding-bottom: 180px;
}


/*!
  * Overflow fix
  */

.ov-fx {
    overflow: hidden;
    position: relative;
    overflow: hidden;
    position: relative;
}

/***** Start Home Page Styles ******/

.main-content {
    background-image: url(../uploads/media/backgroun-a.svg);
    background-repeat: no-repeat;
    background-position: calc(140%) 0px;
    background-size: 100%;
}

@media (max-width: 991px) {
    .main-content {
        background-size: 100%;
    }
}

.main-content {
    text-align: left;
    position: relative;
    padding-top: 80px;
    min-height: 485px;
}

@media ( min-width: 768px) {
    .main-content {
        padding-top: 160px;
    }
}

.main-content canvas {
    position: absolute;
    top: -200px;
    width: 100%;
    height: 600px !important;
    pointer-events: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='your_transparent.png', sizingMethod='scale');
    background: none !important;
}

@media (max-width: 468px) {
    .main-content a {
        margin-left: 10px;
    }
}

.main-content .button {
    margin: 90px 0;
    border: none;
    height: auto;
    cursor: pointer;
}

.main-content .button~.button {
    margin-left: 20px;
}

.main-content .button__ghost--color4 {
    color: #651f45;
    background: transparent;
    border: 2px solid #651f45;
}

.main-content .button:hover {
    color: #e5cef5;
}

.main-content .button__ghost--color4:hover,
.button__ghost--color4:focus {
    color: #ffffff;
    background-color: #651f45;
    border-color: #651f45;
}

.main-content .featured-asset {
    padding-left: 15px;
    padding-right: 40px;
}

.main-content .featured-asset:last-of-type {
    padding-right: 15px;
}

.main-content .featured-asset .h3 {
    margin: 10px 0 -10px;
}

.main-content .featured-asset-banner {
    max-width: 120%;
    width: 120%;
    margin-left: -10%;
}

.main-content .why-link {
    position: relative;
    left: calc( 50% - 17.5px);
    border-radius: 100%;
    height: 35px;
    width: 35px;
    background-color: #89d39c;
    display: block;
    margin-top: 160px;
}

.main-content .why-link::before {
    position: absolute;
    top: 30%;
    left: 30%;
    text-decoration: none;
    color: #4ea5d8;
}


/***** End Home Page Styles ******/

/******** Start Promo Bar CSS **********/

.promo-bar {
    background-color: #004658;
    bottom: 0;
    display: none;
    color: #00bef0;
    left: 0;
    padding: 15px 45px;
    position: fixed;
    width: 100%;
    z-index: 10000;
}

.promo-bar p {
    margin: 0;
}

.promo-bar p a {
    color: #00bef0;
}

.close-cookie {
    cursor: pointer;
    height: 25px;
    position: absolute;
    right: -30px;
    top: 50%;
    transform: translateY(-12.5px);
    width: 25px;
}

.close-cookie::before,
.close-cookie::after {
    content: "";
    width: 25px;
    height: 5px;
    border-radius: 5px;
    background-color: #00bef0;
    position: absolute;
    top: calc( 50% - 2.5px);
    right: calc( 50% - 12.5px);
}

.close-cookie::before {
    transform: rotate(45deg);
}

.close-cookie::after {
    transform: rotate(-45deg);
}


/******** Start Promo Bar CSS **********/

/********** 2 Factor Auth Page **********/

.page-template-template-2fa-messaging .bg-light-blue-waves {
    background-color: #e0fff7;
    margin-top: -50px;
}

.page-template-template-2fa-messaging .bg-light-green-waves {
    background-color: #b3feea;
}

.page-template-template-2fa-messaging #bullet2 .icon-circle,
.page-template-template-2fa-messaging #bullet3 .icon-circle {
    background-color: #005c44;
}

.page-template-template-2fa-messaging .bg-light-green-waves {
    padding: 45px 0 0;
}

@media (max-width: 767px) {
    .page-template-template-2fa-messaging .bg-light-green-waves {
        padding: 45px 0 100px;
    }
}

.page-template-template-2fa-messaging .bg-light-green-waves::before {
    content: "";
    background: url('../media/bg_light-green-wave2.png') no-repeat center top;
    width: 100%;
    height: 300px;
    position: absolute;
    top: -299px;
    left: 0%;
    background-position: bottom center;
    background-size: 100%;
    z-index: 35;
}

.page-template-template-2fa-messaging .bg-use-case .icon--circled {
    color: #ffffff;
    background: #005c44;
}

/***************** Start Login Page CSS *****************/

.form-wrapper{
	position:relative;
	height: 100vh;
	min-height: 100vh;
	max-height: 100vh;
	padding: 110px 5% 5%;
	border-radius: 4px;
	align-items:center;
	justify-content:center;
	display:flex;
	flex-direction:column;
}
@media (max-width: 992px){
	.form-wrapper{
		padding: 11% 15px;
		text-align: center;
		height:100%;
		max-height:100%;
	}
}
.nav-login{
	display: flex;
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    top: 30px;
    right: 30px;
}
.nav-login p{
	margin:13px 20px;
	font-weight:300;
	font-size:13px;
}
@media (max-width: 992px){
.nav-login {
    margin-bottom: 5%;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    top: unset;
    right: unset;
    -webkit-justify-content: center;
    justify-content: center;
	}
}
.form-wrapper form{
	width:50%;
	min-width: 300px;
	max-width: 480px;
	box-sizing: border-box;
}
.form-wrapper h3{
	margin-right:auto;
}
.form-wrapper .mb-5{
	margin-bottom:5rem;
	font-size:13px;
}
.form-wrapper .form-group{
	width:100%;
	margin-bottom:27px;
}
@media (max-width: 992px){
.form-wrapper .form-group {
    margin-right: auto;
    margin-left: auto;
	}
}
.form-wrapper .form-group .input-group{
	height:43px;
}
.form-group .input-group{
	position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}
.input-group-prepend{
	background: #ffffff;
    color: #c9c8c8;
    width: auto;
    border: none;
	margin-right: -1px;
	display: flex;
}
.form-wrapper .form-group .input-group-prepend .input-group-text{
	border-radius: 6px 0 0 6px;
    border-color: #e5e5e5;
    border-right: none;
    color: #dfdfdf;
}
.input-group-prepend .input-group-text{
	background: transparent;
}
.input-group-text{
	display:flex;
    align-items: center;
    padding: 0.56rem 1.375rem;
    margin-bottom: 0;
    font-size: 2.13rem;
    font-weight: 400;
    line-height: 1;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 2px;
}
.form-control{
	display:block;
	width:100%;
	border: 1px solid #f2f2f2;
    font-family: "Poppins", sans-serif;
    font-size: 1.35rem;
    padding: 0.56rem 1.375rem;
    line-height: 1;
}
.form-control:focus{
	outline: none;
    outline-width: 0;
    outline-color: transparent;
    box-shadow: none;
    outline-style: none;
}
.form-wrapper .form-group .input-group .form-control{
	border: 1px solid #e5e5e5;
    border-left: none;
    border-radius: 0 6px 6px 0;	
}

.input-group > .form-control{
	position: relative;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}
.footer-text{
	font-size: 13px;
	margin-bottom:0px;
}
.auth-footer {
    list-style-type: none;
    display: -webkit-flex;
    display: flex;
    margin-top: 7px;
    padding-left: 0;
    margin-bottom: 0;
	}

.auth-footer li {
    margin-right: 10px;
    line-height: 1;
    padding-right: 10px;
    border-right: 1px solid #c2c2c2;
	}
.auth-footer li:last-child {
    margin-right: 0;
    border-right: none;
	}
.auth-footer li a {
    font-size: 13px;
    color: #c2c2c2;
	}
@media (max-width: 767.98px) {
.auth-footer {
    -webkit-justify-content: center;
    justify-content: center;
		} 
	}

/***************** End Login Page CSS *****************/

/*************** Start Thank You Page **************/


/* HERO */

.body__thank-you {
    min-height: 710px;
    background-color: #ffffff;
    background-image: -moz- url(../media/thanks-background.png);
    background-image: -webkit- url(../media/thanks-background.png);
    background-image: url(../media/thanks-background.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 100%;
    padding-top: 80px;
}

.page-template-template-legal.body__thank-you {
    /* specific for legal thank you pages */
    background: none;
    min-height: 0;
}

@media ( min-width: 768px) {
    .body__thank-you {
        min-height: 850px;
        padding-top: 150px;
    }
}

@media (min-width: 1200px) {
    .body__thank-you {
        background-size: 80%;
    }
}


/* BACKGROUND */

.body__thank-you .main--texture {
    position: absolute;
    max-width: 100%;
}


/*************** End Thank You Page **************/

/********** Start 404 Page ***********/


/* HERO */

.error404 {
    min-height: 630px;
    padding: 100px 0 280px 0;
    background-color: #ffffff;
    background-image: -moz- url(../media/404-background.jpg);
    background-image: -webkit- url(../media/404-background.jpg);
    background-image: url(../media/404-background.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
}

@media ( min-width: 768px) {
    .error404 {
        padding-top: 150px;
    }
}


/************ End 404 Page **************/

/********* Home Page Single Resource Styles ********/

.framingo2 {
    background-size: auto 100%;
    background-image: url('../media/bg-blue-wave.png');
    background-position: center center;
    background-repeat: repeat-x;
    padding-bottom: 50px;
}

.framingo2-title {
    font-size: 30px;
    margin-left: auto;
    margin-right: auto;
    max-width: 700px;
    text-align: center;
}

.framingo2-description {
    font-size: 18px;
    font-weight: 200;
    margin-left: auto;
    margin-right: auto;
    max-width: 700px;
    text-align: center;
}

.framingo2-feature {
    background-color: #ffffff;
    border-radius: 20px;
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .1);
    padding: 30px;
}

.framingo2-feature-image {
    display: none;
}

.framingo2-feature-title {
    font-weight: bold;
    margin-top: 20px;
}

.framingo2-feature-category {
    color: #00bef0;
    font-weight: bold;
    margin-top: 10px;
    text-transform: uppercase;
}

.framingo2-feature-category i {
    font-size: 25px;
    line-height: 25px;
    margin-right: 8px;
}

.framingo2-feature-description {
    margin-top: 20px;
}

.framingo2-feature-cta {
    margin-bottom: 0;
    margin-top: 20px;
}

.framingo2-cta {
    margin-top: 20px;
    text-align: right;
}

@media ( min-width: 768px) {
    .framingo2 {
        background-position: center bottom;
        padding-bottom: 70px;
    }
    .framingo2-title {
        font-size: 35px;
    }
    .framingo2-feature::after {
        clear: both;
        content: '';
        display: table;
    }
    .framingo2-feature-image {
        display: block;
        float: left;
        margin-top: 60px;
        max-width: 200px;
    }
    .framingo2-feature-content {
        float: right;
        width: calc( 100% - 240px);
    }
    .framingo2-feature-title {
        margin-top: 0;
    }
}

@media ( min-width: 992px) {
    .framingo2-title {
        font-size: 40px;
    }
    .framingo2-feature-image {
        margin-left: 10px;
        margin-top: 0;
        max-width: 300px;
    }
    .framingo2-feature-content {
        width: calc( 100% - 360px);
    }
}


/********* Home Page Reviews Styles ********/

.framingo1 {
    background-image: url('../media/g2-crowd-review-chart.png');
    background-repeat: no-repeat;
    background-position: right -80px top;
    background-size: 400px auto;
    margin-bottom: 10px;
    margin-top: 10px;
}

.framingo1-content {
    padding-right: 15px;
    position: relative;
}

.framingo1-capterra-link {
    display: block;
    position: absolute;
    right: 0;
    top: 190px;
}

.framingo1-capterra-badge {
    display: block;
    width: 60px;
}

.framingo1-g2-crowd-link {
    display: block;
    position: absolute;
    right: 0;
    top: 100px;
}

.framingo1-g2-crowd-badge {
    display: block;
    width: 60px;
}

.framingo1-cta {
    margin-bottom: 0;
    margin-top: 25px;
}

@media ( min-width: 768px) {
    .framingo1 {
        background-position: center center;
        background-size: contain;
        margin-bottom: 15px;
    }
    .framingo1-content {
        padding-bottom: 15px;
        padding-right: 0;
    }
    .framingo1-capterra-link {
        bottom: 0;
        right: 100px;
        top: auto;
    }
    .framingo1-capterra-badge {
        width: 80px;
    }
    .framingo1-g2-crowd-link {
        bottom: 0;
        top: auto;
    }
    .framingo1-g2-crowd-badge {
        width: 80px;
    }
}

@media ( min-width: 992px) {
    .framingo1-content {
        padding-bottom: 15px;
    }
    .framingo1-capterra-link {
        right: 120px;
    }
    .framingo1-capterra-badge {
        width: 100px;
    }
    .framingo1-g2-crowd-badge {
        width: 100px;
    }
}

@media ( min-width: 1200px) {
    .framingo1 {
        background-size: 1659px 638px;
        margin-bottom: 0;
        padding-bottom: 160px;
        padding-top: 60px;
    }
}

/****** Resource Archive Styles ******/

.reviews-page-reviews-content {
    margin-bottom: 60px;
	margin-right:30px;
    margin-top: 70px;
    position: relative;
}
@media ( min-width: 1200px) {
    .reviews-page-reviews-content {
        margin-left: 0px;
    }
}

.carousel-title {
    font-size: 15px;
    font-weight: 800;
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}

.carousel-title:before {
    border-top: 2px dotted #00bef0;
    content: '';
    display: block;
    height: 0;
    left: 0;
    position: absolute;
    top: 8px;
    width: calc(50% - 110px);
}

.carousel-title:after {
    border-top: 2px dotted #00bef0;
    content: '';
    display: block;
    height: 0;
    position: absolute;
    right: 0;
    top: 8px;
    width: calc(50% - 110px);
}

.carousel {
    height: 430px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 30px;
    position: relative;
}

.carousel-item {
    background-color: transparent;
    border-radius: none;
    box-shadow: none;
    height: 100%;
    opacity: 0;
    left: 0;
    padding: 30px;
    position: absolute;
    text-align: center;
    top: 0;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    width: 100%;
    visibility: hidden;
}

.carousel-item.current {
    opacity: 1;
    transition: opacity 0.3s 0s, visibility 0s 0s;
    visibility: visible;
}

.carousel-inner {
    left: 30px;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
}

.carousel-item-image {
    margin-left: auto;
    margin-right: auto;
    max-width: 200px;
}

.carousel-slide-image {
    display: block;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

.carousel-slide-types {
    color: #00bef0;
    margin-top: 15px;
}

.carousel-slide-types svg {
    display: block;
    height: 26px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 26px;
}

.carousel-slide-types path {
    fill: #00bef0;
}

.carousel-slide-type {
    font-size: 15px;
    font-weight: 800;
    line-height: 20px;
    text-decoration: none;
    text-transform: uppercase;
}

.carousel-slide-type:after {
    content: ', ';
}

.carousel-slide-type:last-child:after {
    content: '';
}

.carousel-slide-title {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 0;
    margin-top: 20px;
}

.carousel-slide-date {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 18px;
    text-transform: uppercase;
}

.carousel-slide-description {
    display: none;
}

.carousel-slide-link {
    display: inline-block;
    margin-top: 20px;
}

.carousel-next,
.carousel-previous {
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.carousel-previous {
    left: -20px;
}

.carousel-next {
    right: -20px;
}

.carousel-next i,
.carousel-previous i {
    color: #03bef0;
    font-size: 20px;
    left: 50%;
    line-height: 20px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.carousel-next:hover i,
.carousel-previous:hover i {
    color: #1c0a14;
}


@media ( min-width: 992px) {
    .carousel {
        height: 250px;
    }
    .carousel-item {
        height: 250px;
    }
    .carousel-inner {
        box-sizing: border-box;
        padding-left: 230px;
        text-align: left;
    }
    .carousel-item-image {
        left: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    .carousel-slide-types svg {
        display: inline-block;
        margin-bottom: -5px;
        margin-right: 8px;
    }
}

@media ( min-width: 1200px) {
    .carousel {
        height: 320px;
    }
    .carousel-item {
        height: 320px;
    }
    .carousel-inner {
        left: 50px;
        padding-left: 340px;
        right: 50px;
    }
    .carousel-slide-title {
        font-size: 25px;
        line-height: 30px;
    }
    .carousel-item-image {
        max-width: 300px;
    }
    .carousel-slide-date {
        position: absolute;
        right: 0;
        top: 8px;
    }
    .carousel-slide-description {
        display: block;
    }
}

@media ( min-width: 1280px) {
    .carousel {
        margin-left: 0;
        margin-right: 0;
    }
    .carousel-next,
    .carousel-previous {
        background-color: #ffffff;
        border-radius: 20px;
        box-shadow: 0 0 12px 0 #e6e6e6;
        height: 40px;
        width: 40px;
    }
    .carousel-next {
        right: -30px;
    }
    .carousel-previous {
        left: -30px;
    }
}




/****** Glossary Term Archive Styles ******/

.glossary {
    background-image: url('../media/bg-dotted-lines.png');
    background-position: center top;
    background-repeat: no-repeat;
    margin-bottom: 150px;
    padding-top: 100px;
}

.glossary-hero {
    margin-bottom: 40px;
}

.glossary-hero-description {
    font-size: 18px;
    font-weight: 200;
    line-height: 30px;
    margin-bottom: 0;
}

.glossary-filters-form {
    border-bottom: 2px dotted #00bef0;
    border-top: 2px dotted #00bef0;
    padding-bottom: 20px;
    padding-top: 20px;
}

.glossary-filters-form input[type='text'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: none;
    border: 2px solid #004658;
    border-radius: 5px;
    box-sizing: border-box;
    color: #004658;
    display: block;
    font-family: 'Overpass', sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    margin: 0 0 10px 0;
    outline: none;
    padding: 8px 10px;
    width: 100%;
}

.glossary-filters-form input[type='text']::placeholder {
    color: #651f45;
    opacity: 1;
}

.glossary-filters-form input[type='text']:-ms-input-placeholder {
    color: #651f45;
}

.glossary-filters-letters {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    list-style: none;
    margin-bottom: 0;
    margin-top: 10px;
    padding-left: 0;
}

.glossary-filters-letter {
    color: #d8dbe2;
    display: inline-block;
}

.glossary-filters-letter-link {
    color: #00bef0;
    text-decoration: none;
    text-transform: uppercase;
}

.glossary-filters-letter-link:hover,
.glossary-filters-letter-link.js-active {
    color: #1c0a14;
}

.glossary-terms {
    padding-bottom: 50px;
}

.glossary-terms-section {
    position: relative;
}

.glossary-terms-section:before {
    background: #d8dbe2;
    content: '';
    display: block;
    height: 1px;
    margin-bottom: 50px;
    margin-top: 50px;
}

.glossary-terms-section:first-child:before {
    background: none;
    margin-bottom: 0;
}

.glossary-terms-section-title {
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 2px;
    line-height: 27px;
    margin-bottom: 10px;
    margin-top: 0;
    text-transform: uppercase;
}

.glossary-terms-section-item {
    margin-top: 10px;
}

.glossary-terms-section-link {
    color: #00bef0;
    text-decoration: none;
}

.glossary-terms-section-link:hover {
    color: #1c0a14;
}

@media ( min-width: 768px) {
    .glossary {
        padding-top: 150px;
    }
    .glossary-filters-form input[type='text'] {
        margin-bottom: 0;
    }
    .glossary-terms-section-items:after {
        clear: both;
        content: '';
        display: table;
    }
    .glossary-terms-section-item {
        box-sizing: border-box;
        float: left;
        padding-right: 15px;
        width: 50%;
    }
}

@media ( min-width: 992px) {
    .glossary-filters-letter {
        margin-right: 6px;
    }
    .glossary-terms-section-items {
        font-size: 18px;
        font-weight: 200;
        line-height: 30px;
        text-decoration: none;
    }
}


/****** Search Results Page Styles ******/

.search-page {
    background-image: url('../media/bg-dotted-lines.png');
    background-position: center top;
    background-repeat: no-repeat;
    margin-bottom: 150px;
    padding-top: 80px;
}

.search-page-hero {
    margin-bottom: 40px;
}

.search-page-hero-description {
    font-size: 18px;
    font-weight: 200;
    line-height: 30px;
    margin-bottom: 0;
}

.search-page-filters-wrapper {
    border-bottom: 2px dotted #00bef0;
    border-top: 2px dotted #00bef0;
    padding-bottom: 20px;
    padding-top: 20px;
}

.search-page-filters-wrapper input[type='search'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: none;
    border: 2px solid #004658;
    border-radius: 5px;
    box-sizing: border-box;
    color: #004658;
    display: inline-block;
    font-family: 'Overpass', sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    margin: 0 10px 10px 0;
    outline: none;
    padding: 8px 10px;
    width: 100%;
}

.search-page-filters-wrapper input[type='search']::placeholder {
    color: #651f45;
    opacity: 1;
}

.search-page-filters-wrapper input[type='search']:-ms-input-placeholder {
    color: #651f45;
}

.search-page-filters-wrapper input[type='submit'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #004658;
    border: 2px solid #004658;
    border-radius: 20px;
    box-sizing: border-box;
    color: #ffffff;
    display: inline-block;
    font-family: 'Overpass', sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 20px;
    margin: 0;
    outline: none;
    padding: 8px 25px;
    text-transform: uppercase;
    transition: all 0.3s;
    width: 100%;
}

.search-page-filters-wrapper input[type='submit']:hover {
    background: #00bef0;
    border-color: #00bef0;
}

.search-page-results {
    padding-bottom: 50px;
}

.search-page-result:before {
    background: #d8dbe2;
    content: '';
    display: block;
    height: 1px;
    margin-bottom: 50px;
    margin-top: 50px;
}

.search-page-result:first-child:before {
    background: none;
    margin-top: 0;
}

.search-page-result-title {
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 0;
    margin-top: 0;
}

.search-page-result-title-link {
    text-decoration: none;
}

.search-page-result-title-link:hover {
    color: #03bef0;
}

.search-page-result-excerpt p {
    line-height: 25px;
    margin-bottom: 0;
    margin-top: 0;
}

.search-page-result-url {
    line-height: 25px;
    margin-bottom: 0;
    margin-top: 0;
}

.search-page-result-url-link {
    color: #03bef0;
    text-decoration: none;
}

.search-page-result-url-link:hover {
    color: #1c0a14;
    text-decoration: none;
}

@media ( min-width: 768px) {
    .search-page {
        padding-top: 150px;
    }
    .search-page-filters-wrapper input[type='search'] {
        margin-bottom: 0;
        width: calc(33.33% - 15px);
    }
    .search-page-filters-wrapper input[type='submit'] {
        width: auto;
    }
}

@media ( min-width: 992px) {
    .search-page-result-title {
        font-size: 18px;
        line-height: 30px;
    }
    .search-page-result-excerpt p,
    .search-page-result-url {
        font-size: 18px;
        font-weight: 200;
        line-height: 30px;
    }
}

/**
  * navbar Styles
  */

.navbar {
    background: linear-gradient(to bottom, rgb(238, 255, 253) 0%, rgba(220, 252, 245, 0) 100%);
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
}

.navbar-wrapper {
    padding: 15px 15px 25px 15px;
}

.navbar-content {
    margin-left: auto;
    margin-right: auto;
    max-width: 1140px;
}

.navbar-content:after {
    clear: both;
    content: '';
    display: table;
}

.navbar-logo-link {
    display: block;
    float: left;
}

.navbar-logo-svg {
    display: block;
    height: 43px;
    width: auto;
}

.navbar-logo-path {
    fill: #39bb9a;
}

.navbar-nav-open-link {
    display: block;
    float: right;
}

.navbar-nav-open-svg {
    display: block;
    height: 43px;
    width: auto;
}

.navbar-nav-open-path {
    fill: #39bb9a;
}

.navbar-nav {
    background-color: #e6fbff;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    padding: 20px;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateX(320px);
    transition: box-shadow 0.3s, transform 0.3s;
    width: 320px;
}

.navbar-nav.open {
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
    transform: translateX(0);
    z-index: 1000;
}

.navbar-nav-close {
    text-align: right;
}

.navbar-nav-close-link {
    display: inline-block;
}

.navbar-nav-close-svg {
    display: block;
    height: 42px;
    width: auto;
}

.navbar-nav-close-path {
    fill: #01abb1;
}

.navbar-menu {
    font-size: 15px;
    font-weight: 720;
    line-height: 25px;
}

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

.navbar-menu-item {
    margin-top: 12px;
    position: relative;
}

.navbar-menu-link {
    color: #5859b6;
    display: inline-block;
    padding-bottom: 21px; 
    text-decoration: none;
}

.navbar-dropdown-toggle-link {
    display: inline-block;
    margin-left: 5px;
    transition: transform 0.2s;
}

.navbar-dropdown-toggle-link.active {
    transform: rotate(210deg);
}

.navbar-dropdown-toggle-svg {
    display: block;
    height: 12px;
    width: auto;
}

.navbar-dropdown-toggle-path {
    fill: #39bb9a;
}

.navbar-dropdown {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
}

.navbar-dropdown-section {
    padding-bottom: 5px;
    padding-top: 5px;
}

.navbar-dropdown-section-name {
    color: #228585;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 18px;
    text-transform: uppercase;
}

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

.navbar-dropdown-list-item {
    font-size: 14px;
    line-height: 20px;
    margin-top: 15px;
}

.navbar-dropdown-list-item.has-icon {
    padding-left: 40px;
    position: relative;
}

.navbar-dropdown-list-item-icon {
    max-height: 26px;
    max-width: 26px;
    left: 0;
    position: absolute;
    top: 3px;
}

.navbar-dropdown-list-item-link {
    color: #004658;
    text-decoration: none;
}

.navbar-dropdown-list-item-description {
    display: block;
    font-size: 13px;
    font-weight: 400;
}

.navbar-dropdown-sublinks {
    list-style: none;
    margin: 0;
    padding: 0;
}

.navbar-dropdown-sublinks-link {
    color: #004658;
    font-size: 13px;
    font-weight: 400;
    text-decoration: none;
}

.navbar-spot {
    border-top: 3px solid #01abb1;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 10px;
}

.nav-link-wrapper {
    margin-top: 10px;
}

.nav-link {
    display: inline-block;
    text-decoration: none;
}

.nav-link.has-icon {
    padding-left: 20px;
    position: relative;
}

.nav-link-icon {
    display: block;
    left: 0;
    max-height: 20px;
    max-width: 20px;
    position: absolute;
    top: 3px;
}

.nav-link-label {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 18px;
    text-transform: uppercase;
}

.spot-button-wrapper {
    margin-top: 10px;
}

.spot-button {
    border-radius: 3px;
    display: block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 18px;
    padding: 8px 20px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.spot-button.has-icon {
    padding-left: 38px;
    position: relative;
}

.spot-button.primary {
    background-color: #c45819;
    color: #ffffff;
    transition: background-color 0.3s;
}

.spot-button.primary:hover {
    background-color: #a5560c;
}

.spot-button.secondary {
    border: 3px solid #763cff;
    color: #ff673c;
    padding-bottom: 6px;
    padding-top: 6px;
    transition: border-color 0.3s, color 0.3s;
}

.spot-button.secondary:hover {
    border-color: #a53f0c;
    color: #a53f0c;
}

.spot-button-icon {
    display: block;
    left: 15px;
    max-height: 15px;
    max-width: 15px;
    position: absolute;
    top: 8px;
}

.navbar-search {
    margin-top: 10px;
    position: relative;
}

.navbar-search-icon {
    display: none;
}

.navbar-search-close-icon {
    display: none;
}

.navbar-search input[type='search'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: none;
    border: 2px solid #005851;
    border-radius: 3px;
    box-sizing: border-box;
    color: #005849;
    display: inline-block;
    font-family: 'Overpass', sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
    outline: none;
    padding: 5px 34px 5px 18px;
    width: 100%;
}

.navbar-search input[type='search']::placeholder {
    color: #1f3d65;
    opacity: 1;
}

.navbar-search input[type='search']:-ms-input-placeholder {
    color: #1f655c;
}

.navbar-search input[type='submit'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent url('../media/icon-search.svg') no-repeat center center / 15px 15px;
    border: none;
    border-radius: 0;
    display: block;
    height: 15px;
    margin: 0;
    opacity: 0.75;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 12px;
    text-indent: -9999px;
    top: 9px;
    transition: opacity 0.3s;
    width: 15px;
}

.navbar-search input[type='submit']:hover {
    opacity: 1;
}

@media ( min-width: 768px) {
    .navbar-logo-svg {
        height: 48px;
    }
    .navbar-nav-open-link {
        display: none;
    }
    .navbar-nav {
        background: none;
        overflow: visible;
        padding: 0;
        position: absolute;
        right: 20px;
        transform: none;
        transition: none;
        width: calc(100% - 170px);
        z-index: auto;
    }
    .navbar-nav-close {
        display: none;
    }
    .navbar-menu {
        margin-top: 55px;
        text-align: right;
    }
    .navbar-menu-item {
        display: inline-block;
        margin-left: 22px;
        margin-top: 0;
    }
    .navbar-menu-item:first-child {
        margin-left: 0;
    }
    .navbar-menu-link {
        display: inline-block;
        padding-bottom: 5px;
        transition: color 0.3s;
    }
    .navbar-menu-item:hover .navbar-menu-link {
        color: #055c42;
    }
    .navbar-dropdown-toggle-link {
        height: 30px;
        margin-bottom: -12px;
        margin-left: -4px;
        padding-left: 6px;
        padding-top: 6px;
        transition: transform 0.2s;
    }
    .navbar-dropdown-toggle-path {
        transition: fill 0.2s;
    }
    .navbar-menu-item:hover .navbar-dropdown-toggle-path {
        fill: #00f0dc;
    }
    .navbar-dropdown {
        background-color: #f2feff;
        border-radius: 15px;
        box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
        display: block;
        left: 50%;
        opacity: 0;
        padding: 0 25px 25px 25px;
        position: absolute;
        text-align: left;
        transform: translate(-50%, 10px);
        transition: opacity 0.2s 0s, transform 0.3s 0s, visibility 0s 0.2s;
        visibility: hidden;
        z-index: 1;
    }
    .navbar-menu-item:hover .navbar-dropdown {
        opacity: 1;
        transform: translate(-50%, 0);
        transition: opacity 0.2s 0s, transform 0.3s 0s, visibility 0s 0.2s;
        visibility: visible;
    }
    .navbar-dropdown:before {
        background-color: #f2feff;
        box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.1);
        content: '';
        display: block;
        height: 10px;
        left: 50%;
        margin-left: -5px;
        position: absolute;
        top: -4px;
        transform: rotate(45deg);
        width: 10px;
    }
    .navbar-dropdown-section {
        margin-top: 20px;
        padding-bottom: 0;
        padding-top: 0;
        position: relative;
        width: 330px;
        z-index: 1;
    }
    .navbar-dropdown-list-item-name {
        transition: color 0.2s;
    }
    .navbar-dropdown-list-item-link:hover .navbar-dropdown-list-item-name {
        color: #00bef0;
    }
    .navbar-dropdown-sublinks:after {
        clear: both;
        content: '';
        display: table;
    }
    .navbar-dropdown-sublinks-item:nth-child(odd) {
        float: left;
        width: 60%;
    }
    .navbar-dropdown-sublinks-item:nth-child(even) {
        float: left;
        width: 40%;
    }
    .navbar-dropdown-sublinks-link {
        transition: color 0.2s;
    }
    .navbar-dropdown-sublinks-link:hover {
        color: #3666c0;
    }
    .navbar-spot {
        border-top: none;
        margin-top: 0;
        padding-top: 0;
        position: absolute;
        right: 0;
        text-align: right;
        top: 10px;
        width: 100%;
    }
    .nav-link-wrapper {
        display: inline-block;
        margin-left: 10px;
        margin-top: 0;
    }
    .nav-link-label {
        transition: color 0.2s;
    }
    .nav-link:hover .nav-link-label {
        color: #4a78db;
    }
    .spot-button-wrapper {
        display: inline-block;
        margin-left: 10px;
        margin-top: 0;
    }
    .navbar-search {
        display: inline-block;
        height: 15px;
        margin-left: 20px;
        margin-right: 10px;
        margin-top: 0;
        position: relative;
        width: 15px;
    }
    .navbar-search-icon {
        display: inline-block;
        height: 15px;
        left: 0;
        position: absolute;
        top: 2px;
        width: auto;
    }
    .navbar-search-icon path {
        fill: #004658;
    }
    .navbar-search-close-icon {
        display: none;
        height: 15px;
        left: 0;
        position: absolute;
        top: 3px;
        width: auto;
    }
    .navbar-search-close-icon path {
        fill: #004658;
    }
    .navbar-search-form {
        display: none;
        position: absolute;
        right: 26px;
        top: -6px;
        width: 220px;
    }
    .navbar-search-form:before {
        background-color: #ffffff;
        box-shadow: 2px -2px 2px rgba(0, 0, 0, 0.1);
        content: '';
        display: block;
        height: 10px;
        right: 0;
        margin-right: -3px;
        margin-top: -5px;
        position: absolute;
        top: 50%;
        transform: rotate(45deg);
        width: 10px;
        z-index: 2;
    }
    .navbar-search input[type="search"] {
        background: #ffffff;
        border: none;
        box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
        padding: 7px 34px 7px 18px;
        position: relative;
        z-index: 1;
    }
    .navbar-search input[type="submit"] {
        z-index: 1;
    }
}

@media ( min-width: 1080px) {
    .navbar-menu {
        margin-top: 28px;
        position: absolute;
        z-index: 1;
    }
    .navbar-menu-item {
        margin-left: 10px;
    }
    .navbar-menu-link {
        padding-bottom: 22px;
    }
    .navbar-dropdown-toggle-link {
        height: 41px;
        margin-bottom: -23px;
    }
    .navbar-spot {
        margin-top: 14px;
    }
    .nav-link.has-icon {
        padding-left: 0;
    }
    .nav-link-icon {
        display: none;
    }
    .navbar-search {
        margin-left: 10px;
        margin-right: 0;
    }
    .navbar-dropdown.two-rows {
        width: 630px;
    }
    .navbar-dropdown.two-rows .navbar-dropdown-section {
        float: left;
        width: 290px;
    }
}

@media ( min-width: 1110px) {
    .nav-link.has-icon {
        padding-left: 23px;
    }
    .nav-link-icon {
        display: block;
    }
}

@media ( min-width: 1080px) and ( max-width: 1180px){
    .navbar-menu {
        margin-left:30px;
    }
	.navbar-spot {
		margin-right:30px;
	}
}

@media ( min-width: 1080px) {
    .navbar.fixed {
        position: fixed;
    }
    .navbar-wrapper {
        background: none;
        transition: background 0.3s, box-shadow 0.3s, padding 0.3s;
    }
    .navbar-wrapper.scrolled {
        background: #ffffff;
        box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
        padding: 10px 33px;
    }
    .navbar-logo-svg {
        transition: height 0.2s;
    }
    .scrolled .navbar-logo-svg {
        height: 42px;
    }
    .navbar-nav {
        margin-right: -580px;
        right: 50%;
        width: 920px;
    }
    .navbar-menu {
        transition: margin-top 0.2s;
    }
    .scrolled .navbar-menu {
        margin-top: 16px;
    }
    .navbar-spot {
        transition: margin-top 0.2s;
    }
    .scrolled .navbar-spot {
        margin-top: 1px;
    }
}

@media ( min-width: 1200px) {
    .navbar-menu-item {
        margin-left: 20px;
    }
}
.review-image{
	max-height:240px;
}
/* home account navigation */

.navbar-layout{
	font-family: "Poppins", sans-serif;
  background: linear-gradient(120deg, #00e4d0, #5983e8);
  transition: background 0.25s ease;
  -webkit-transition: background 0.25s ease;
  -moz-transition: background 0.25s ease;
  -ms-transition: background 0.25s ease;
}
.navbar-brand-wrapper {
    transition: width 0.25s ease, background 0.25s ease;
    -webkit-transition: width 0.25s ease, background 0.25s ease;
    -moz-transition: width 0.25s ease, background 0.25s ease;
    -ms-transition: width 0.25s ease, background 0.25s ease;
    background: #ffffff;
    width: 255px;
    height: 63px; 
}
.sidebar-dark .navbar-layout .navbar-brand-wrapper {
	background: #161a27;
	}
.navbar-layout .navbar-brand-wrapper .navbar-brand {
	color: #ffffff;
	font-size: 1.5rem;
	line-height: 48px;
	margin-right: 0;
	padding: 0.25rem 0;
	display: -webkit-flex;
	display: flex;
	}
.navbar-layout .navbar-brand-wrapper .navbar-brand:active, .navbar-layout .navbar-brand-wrapper .navbar-brand:focus, .navbar-layout .navbar-brand-wrapper .navbar-brand:hover {
	color: #424546;
	}
.navbar-layout .navbar-brand-wrapper .navbar-brand img {
	width: calc(255px - 130px);
	max-width: 100%;
	height: 28px;
	margin: auto;
	vertical-align: middle;
	}
.navbar-layout .navbar-brand-wrapper .brand-logo-mini {
	display: none;
	}
.navbar-layout .navbar-brand-wrapper .brand-logo-mini img {
	width: calc(70px - 50px);
	max-width: 100%;
	height: 28px;
	margin: auto;
	}
.navbar-layout .navbar-menu-wrapper {
	transition: width 0.25s ease;
	-webkit-transition: width 0.25s ease;
	-moz-transition: width 0.25s ease;
	-ms-transition: width 0.25s ease;
	color: #ffffff;
	padding-left: 15px;
	padding-right: 15px;
	width: calc(100% - 255px);
	height: 63px;
	}
@media (max-width: 991px) {
	.navbar-layout .navbar-menu-wrapper {
		width: auto;
		} 
	}
.navbar-layout .navbar-menu-wrapper .navbar-toggler {
	border: 0;
	color: inherit;
	}
@media (max-width: 991px) {
	.navbar-layout .navbar-menu-wrapper .navbar-toggler:not(.navbar-toggler-right) {
	display: none;
	}
}
.navbar-layout .navbar-menu-wrapper .navbar-text {
	font-size: 13px;
	}
.navbar-nav-h{
	display: flex;
    flex-direction: column;
    padding-left: 0;
	margin-top: 0;
    margin-bottom: 0;
    list-style: none;
}
.navbar-layout .navbar-menu-wrapper .navbar-nav-h {
	flex-direction: row;
	align-items: center;
	}
.navbar-layout .navbar-menu-wrapper .navbar-nav-h .nav-item {
	margin-left: 1rem;
	margin-right: 1rem; 
	}
.navbar-layout .navbar-menu-wrapper .navbar-nav-h .nav-item .nav-link {
	color: inherit;
	font-size: 12px;
	vertical-align: middle; 
	}
@media (max-width: 767px) {
	.navbar-layout .navbar-menu-wrapper .navbar-nav-h .nav-item .nav-link {
		margin-left: 0.5rem;
		margin-right: 0.5rem; 
	} 
}
.navbar-layout .navbar-menu-wrapper .navbar-nav-h .nav-item .nav-link i {
	font-size: 21px;
	vertical-align: middle;
	}
.navbar-layout .navbar-menu-wrapper .navbar-nav-h .nav-item .nav-link .profile-text {
	margin-right: 15px;
	}
.rtl .navbar-layout .navbar-menu-wrapper .navbar-nav-h .nav-item .nav-link .profile-text {
	margin-right: 0;
	margin-left: 15px;
	}
.navbar-layout .navbar-menu-wrapper .navbar-nav-h .nav-item .nav-link.nav-btn .btn {
	background: rgba(255, 255, 255, 0.1);
	padding: 1rem 1.25rem;
	color: #ffffff;
	}
.navbar-layout .navbar-menu-wrapper .navbar-nav-h .nav-item .nav-link.nav-btn:after {
	display: none;
	}
.navbar-layout .navbar-menu-wrapper .navbar-nav-h .nav-item.color-setting i {
	font-size: 25px;
	vertical-align: text-top;
	}
@media (min-width: 992px) {
	.navbar-layout .navbar-menu-wrapper .navbar-nav-h.navbar-nav-right {
		margin-left: auto;
		}
	.rtl .navbar-layout .navbar-menu-wrapper .navbar-nav-h.navbar-nav-right {
		margin-left: 0;
		margin-right: auto; 
	}
}
.navbar-layout .navbar-menu-wrapper .navbar-nav-h.header-links {
	height: 63px;
	padding-left: 2%;
	}
.navbar-layout .navbar-menu-wrapper .navbar-nav-h.header-links .nav-item {
	margin: 0;
	}
.navbar-layout .navbar-menu-wrapper .navbar-nav-h.header-links .nav-item .nav-link {
	height: 63px;
	font-size: 15px;
	padding: 16px 25px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	}
.navbar-layout .navbar-menu-wrapper .navbar-nav-h.header-links .nav-item .nav-link i {
	margin-right: 10px;
	font-size: 21px;
	}
.rtl .navbar-layout .navbar-menu-wrapper .navbar-nav-h.header-links .nav-item .nav-link i {
	margin-right: 0;
	margin-left: 10px;
	}
.navbar-layout .navbar-menu-wrapper .navbar-nav-h.header-links .nav-item.active {
	background: rgba(255, 255, 255, 0.13);
	}

@media (max-width: 991px) {
	.navbar-layout {
    flex-direction: row; 
	}
    .navbar-layout .navbar-brand-wrapper {
      width: 75px; 
	}
    .navbar-layout .navbar-brand-wrapper .brand-logo {
        display: none; 
	}
    .navbar-layout .navbar-brand-wrapper .brand-logo-mini {
        display: inline-block;
	}
	.navbar-collapse {
		display: flex;
		margin-top: 1rem; 
	}
}

.nav-item,
.navbar-nav-h .nav-item {
  line-height: 1;
  }
.nav-item.dropdown .dropdown-toggle:after,
.navbar-nav-h .nav-item .dropdown .dropdown-toggle:after {
    border: none;
    content: "\F140";
    font: normal normal normal 28px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    vertical-align: 0;
	}
.nav-item.dropdown .count-indicator,
.navbar-nav-h .nav-item .dropdown .count-indicator {
    position: relative;
    text-align: center;
	}
.nav-item .dropdown .count-indicator i,
.navbar-nav-h .nav-item .dropdown .count-indicator i {
	font-size: 21px;
	margin-right: 0;
	vertical-align: middle;
	}
.nav-item.dropdown .count-indicator .count,
.navbar-nav-h .nav-item .dropdown .count-indicator .count {
	position: absolute;
	left: 50%;
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 100%;
	background: #FF0017;
	color: #ffffff;
	font-size: 10px;
	top: -1px;
	font-weight: 600;
	line-height: 1.5rem;
	border: none;
	text-align: center; 
	}
.nav-item.dropdown .count-indicator:after,
.navbar-nav-h .nav-item.dropdown .count-indicator:after {
	display: none;
}

.nav-item .dropdown i,
.navbar-nav-h .nav-item.dropdown i {
	margin-right: 0.5rem;
	vertical-align: middle;
	}
.rtl .nav-item.dropdown i, .rtl
.navbar-nav-h .nav-item.dropdown i {
	margin-left: 0.5rem;
	margin-right: 0;
	}
.nav-item .dropdown .navbar-dropdown,
.navbar-nav-h .nav-item .dropdown .navbar-dropdown {
	font-size: 0.9rem;
	margin-top: 0;
	position: absolute;
	top: calc(63px - 6px);
	right: 0;
	left: auto;
	border: 1px solid rgba(182, 182, 182, 0.1);
	padding: 0 0 20px;
	min-width: 100%;
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.13);
	-moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.13);
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.13);
	overflow: hidden;
	}
.rtl .nav-item .dropdown .navbar-dropdown, .rtl
.navbar-nav-h .nav-item .dropdown .navbar-dropdown {
	right: auto;
	left: 0;
	}
@media (max-width: 991px) {
	.nav-item.dropdown .navbar-dropdown,
	.navbar-nav-h .nav-item .dropdown .navbar-dropdown {
		right: -85px; 
		}
	}
.nav-item.dropdown .navbar-dropdown.dropdown-left,
.navbar-nav-h .nav-item .dropdown .navbar-dropdown.dropdown-left {
	left: 0;
	right: auto;
	}
.nav-item.dropdown .navbar-dropdown .badge,
.navbar-nav-h .nav-item .dropdown .navbar-dropdown .badge {
	margin-left: 2.5rem;
	}
.rtl .nav-item.dropdown .navbar-dropdown .badge, .rtl
.navbar-nav-h .nav-item .dropdown .navbar-dropdown .badge {
	margin-left: 0;
	margin-right: 1.25rem;
	}
@media (max-width: 991px) {
	.nav-item.dropdown .navbar-dropdown .badge,
	.navbar-nav-h .nav-item.dropdown .navbar-dropdown .badge {
		margin-right: 0.5rem;
		}
	.rtl .nav-item.dropdown .navbar-dropdown .badge, .rtl
	.navbar-nav-h .nav-item.dropdown .navbar-dropdown .badge {
		margin-left: 0.5rem;
		margin-right: 0;
		} 
	}
.nav-item.dropdown .navbar-dropdown .dropdown-item,
.navbar-nav-h .nav-item.dropdown .navbar-dropdown .dropdown-item {
	margin-bottom: 0;
	padding: 7px 25px;
	}
.nav-item.dropdown .navbar-dropdown .dropdown-item i,
.navbar-nav-h .nav-item.dropdown .navbar-dropdown .dropdown-item i {
	font-size: 17px;
	}
.nav-item.dropdown .navbar-dropdown .dropdown-item .ellipsis,
.navbar-nav-h .nav-item.dropdown .navbar-dropdown .dropdown-item .ellipsis {
	max-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	}
.nav-item.dropdown .navbar-dropdown .dropdown-item .preview-icon,
.navbar-nav-h .nav-item.dropdown .navbar-dropdown .dropdown-item .preview-icon {
	width: 40px;
	height: 40px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	}
.nav-item.dropdown .navbar-dropdown .dropdown-item .small-text,
.navbar-nav-h .nav-item.dropdown .navbar-dropdown .dropdown-item .small-text {
	font-size: 0.75rem;
	}
.nav-item.dropdown .navbar-dropdown .dropdown-divider,
.navbar-nav-h .nav-item.dropdown .navbar-dropdown .dropdown-divider {
	margin: 0;
	}
/* Benefits */

.home-page-benefits {
	background-color: #004658;
	background-image: url('../media/bg-abstract-dots.png');
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 912px 379px;
	padding-bottom: 60px;
	padding-top: 60px;
	position: relative;
}

.home-page-benefits:before {
	background-color: #fffff2;
	content: '';
	display: block;
	height: 15%;
	left: 0;
	position: absolute;
	top: 85%;
	width: 100%;
}

.home-page-benefits-curve {
	display: block;
	height: 50px;
	left: 0;
	margin-top: -49px;
	position: absolute;
	top: 85%;
	width: 100%;
}

.home-page-benefits-curve-path {
	fill: #fffff2;
}

.home-page-benefits-content {
	margin-left: auto;
	margin-right: auto;
	max-width: 1180px;
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
}

.home-page-benefits-title {
	color: #fffff2;
	font-size: 44px;
	font-weight: 100;
	line-height: 44px;
	margin-bottom: 50px;
	text-align: center;
}

.home-page-benefits-item {
	background-color: #fffff2;
	border-radius: 20px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	margin-top: 20px;
	padding: 30px;
}

.home-page-benefits-item-icon {
	display: block;
	height: 50px;
	width: 50px;
}

.home-page-benefits-item-title {
	font-size: 18px;
	font-weight: 900;
	letter-spacing: .05em;
	line-height: 22px;
	text-transform: uppercase;
}

.home-page-benefits-item-description {
	margin-bottom: 0;
}

@media ( min-width: 768px ) {

	.home-page-benefits {
		background-size: auto;
	}

	.home-page-benefits-title {
		font-size: 56px;
		line-height: 60px;
	}

	.home-page-benefits-list {
		margin-left: -10px;
		margin-right: -10px;
	}

	.home-page-benefits-list:after {
		clear: both;
		content: '';
		display: table;
	}

	.home-page-benefits-item {
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		min-height: 310px;
		width: calc(50% - 20px);
	}

}

@media ( min-width: 1080px ) {

	.home-page-benefits {
		padding-top: 100px;
	}

	.home-page-benefits:before {
		height: 45%;
		top: 55%;
	}

	.home-page-benefits-curve {
		height: 100px;
		margin-top: -100px;
		top: calc( 55% + 1px);
	}

	.home-page-benefits-item {
		min-height: 430px;
		width: calc(25% - 20px);
	}

}

@media ( min-width: 1200px ) {

	.home-page-benefits-item {
		min-height: 370px;
	}

}