/****************************************************************
Custom Style Sheet by Independent Development Inc

Colors
*****************************************************************/
/*iframe
{
display:none !important
}*/
/****************************************************************
Typography - @fontface
*****************************************************************
 */

@font-face {
    font-family: 'Jost-Bold-Italic';
    src: url('../fonts/Jost-BoldItalic.eot');
    src: url('../fonts/Jost-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Jost-BoldItalic.woff2') format('woff2'),
    url('../fonts/Jost-BoldItalic.woff') format('woff'),
    url('../fonts/Jost-BoldItalic.ttf') format('truetype'),
    url('../fonts/Jost-BoldItalic.svg#Jost-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Jost-Bold';
    src: url('../fonts/Jost-Bold.eot');
    src: url('../fonts/Jost-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Jost-Bold.woff2') format('woff2'),
    url('../fonts/Jost-Bold.woff') format('woff'),
    url('../fonts/Jost-Bold.ttf') format('truetype'),
    url('../fonts/Jost-Bold.svg#Jost-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Jost-Italic';
    src: url('../fonts/Jost-Italic.eot');
    src: url('../fonts/Jost-Italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Jost-Italic.woff2') format('woff2'),
    url('../fonts/Jost-Italic.woff') format('woff'),
    url('../fonts/Jost-Italic.ttf') format('truetype'),
    url('../fonts/Jost-Italic.svg#Jost-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Jost-Light';
    src: url('../fonts/Jost-Light.eot');
    src: url('../fonts/Jost-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Jost-Light.woff2') format('woff2'),
    url('../fonts/Jost-Light.woff') format('woff'),
    url('../fonts/Jost-Light.ttf') format('truetype'),
    url('../fonts/Jost-Light.svg#Jost-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Jost-Medium';
    src: url('../fonts/Jost-Medium.eot');
    src: url('../fonts/Jost-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Jost-Medium.woff2') format('woff2'),
    url('../fonts/Jost-Medium.woff') format('woff'),
    url('../fonts/Jost-Medium.ttf') format('truetype'),
    url('../fonts/Jost-Medium.svg#Jost-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Jost-SemiBold';
    src: url('../fonts/Jost-SemiBold.eot');
    src: url('../fonts/Jost-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Jost-SemiBold.woff2') format('woff2'),
    url('../fonts/Jost-SemiBold.woff') format('woff'),
    url('../fonts/Jost-SemiBold.ttf') format('truetype'),
    url('../fonts/Jost-SemiBold.svg#Jost-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppin-SemiBold';
    src: url('../fonts/Poppins-SemiBold.eot');
    src: url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Poppins-SemiBold.woff2') format('woff2'),
    url('../fonts/Poppins-SemiBold.woff') format('woff'),
    url('../fonts/Poppins-SemiBold.ttf') format('truetype'),
    url('../fonts/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Abel';
    src: url('../fonts/Abel-Regular.eot');
    src: url('../fonts/Abel-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Abel-Regular.woff2') format('woff2'),
    url('../fonts/Abel-Regular.woff') format('woff'),
    url('../fonts/Abel-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Amatic SC';
    src: url('../fonts/AmaticSC-Regular.eot');
    src: url('../fonts/AmaticSC-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AmaticSC-Regular.woff2') format('woff2'),
    url('../fonts/AmaticSC-Regular.woff') format('woff'),
    url('../fonts/AmaticSC-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'WorkSans-Regular';
    src: url('../fonts/WorkSans-Regular.eot');
    src: url('../fonts/WorkSans-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/WorkSans-Regular.woff2') format('woff2'),
    url('../fonts/WorkSans-Regular.woff') format('woff'),
    url('../fonts/WorkSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'WorkSans';
    src: url('../fonts/WorkSans-VariableFont_wght.eot');
    src: url('../fonts/WorkSans-VariableFont_wght.eot?#iefix') format('embedded-opentype'),
    url('../fonts/WorkSans-VariableFont_wght.woff2') format('woff2'),
    url('../fonts/WorkSans-VariableFont_wght.woff') format('woff'),
    url('../fonts/WorkSans-VariableFont_wght.ttf') format('truetype');
url('../fonts/WorkSans-VariableFont_wght.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins-Light';
    src: url('../fonts/Poppins-Light.eot');
    src: url('../fonts/Poppins-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Poppins-Light.woff2') format('woff2'),
    url('../fonts/Poppins-Light.woff') format('woff'),
    url('../fonts/Poppins-Light.ttf') format('truetype'),
    url('../fonts/Poppins-Light.svg#Poppins-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins-Medium';
    src: url('../fonts/Poppins-Medium.eot');
    src: url('../fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Poppins-Medium.woff2') format('woff2'),
    url('../fonts/Poppins-Medium.woff') format('woff'),
    url('../fonts/Poppins-Medium.ttf') format('truetype'),
    url('../fonts/Poppins-Medium.svg#Poppins-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins-Bold';
    src: url('../fonts/Poppins-Bold.eot');
    src: url('../fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Poppins-Bold.woff2') format('woff2'),
    url('../fonts/Poppins-Bold.woff') format('woff'),
    url('../fonts/Poppins-Bold.ttf') format('truetype'),
    url('../fonts/Poppins-Bold.svg#Poppins-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins-italic';
    src: url('../fonts/Poppins-ExtraLightItalic.eot');
    src: url('../fonts/Poppins-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Poppins-ExtraLightItalic.woff2') format('woff2'),
    url('../fonts/Poppins-ExtraLightItalic.woff') format('woff'),
    url('../fonts/Poppins-ExtraLightItalic.ttf') format('truetype'),
    url('../fonts/Poppins-ExtraLightItalic.svg#Poppins-ExtraLightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

/****************************************************************
Overall Template
*****************************************************************/
html
{
}
body
{
    font-family: 'Jost', sans-serif;
    margin:0;
    padding:0;
    color:#231f20;
}
div
{
    width:100%;
    padding:0;
    margin:0;
    display:inline-block;
}
/****************************************************************
Typography
*****************************************************************/
h1
{
    margin:0;
    font-family: 'Jost', sans-serif;
    font-weight:500;
}
h2
{
    margin:0;
    font-size: 34px;
}
h3
{
    margin:0;
}
h4
{
}
h5
{
    font-size:14px;
    text-transform:uppercase;
    font-weight:bold;
    letter-spacing:0.2em;
}
h6
{
}
p
{
}
input,button,select,textarea
{
    font-family:inherit;
    font-size:inherit;
    line-height:inherit;
    font-weight: 400;
}
textarea:focus, input:focus, button:focus, select:focus
{
    outline: none;
}
input[type=text], input[type=number]
{
    background:#fff;
    padding:0px 5px;
    color:#d66339 ;
    border:solid 1px #3d94c3;
    letter-spacing:1px;
    -moz-appearance: textfield;
}
input::placeholder
{
    text-transform:uppercase;
    color:#d66339 ;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
select
{
    background:#fff;
    text-transform:uppercase;
    padding:0px 16px;
    color:#d66339 ;
    border:solid 1px #3d94c3;
    letter-spacing:1px;
}
button
{
    background:#fff;
    text-transform:uppercase;
    padding:0px 16px;
    color:#2a3f67 ;
    border:solid 1px #d66339;
    letter-spacing:1px;
    cursor:pointer;
}
button:hover
{
    background:#3d94c3;
    color:#fff ;
    border:solid 1px #3D94C3;
}

a
{
    text-decoration:none;
    color: inherit;
}
a:hover,a:focus
{
    color: inherit;
    text-decoration:none;
}
div#app
{
    text-align:center;
}
label
{
    font-weight: bold;
}
ul,ol
{
    list-style-type: none;
    padding: 0;
}
li
{
    display: inline-block;
}
div.article-area li
{
    display: inline-block;
    margin: 0 10px 10px;
}
div.article-area a
{
    color:#3d94c3;
}
div.article-area a:hover
{
    text-decoration:underline;
}
div.article-area h5.date
{
    color:#2b3f67;
}

/****************************************************************
Header Bar
*****************************************************************/
div.header-bar
{
    position:fixed;
    left:0;
    right:0;
    top:0;
    background:#fff;
    z-index: 100;
}
div.header-bar #app
{
    display:none;
}
div.header-bar-left
{
    width:50%;
    float:left;
    text-align:left;
}
div.header-bar-left img
{
    max-width:150px;
    height:auto;
    position:relative;
    bottom:-10px;
}
div.header-bar-right
{
    width:50%;
    float:right;
    padding-top:30px;
    padding-bottom:30px;
}
div#nav
{
    width:auto;
    float:right;
}
div#nav a
{
    margin-left:1.5vw;
    font-size:20px;
    color:#231f20;
}
#nav a.router-link-exact-active
{
    color: #479997;
}
div.inner-margin
{
    width:91.666666%;
    margin:0 4.333333%;
}
/****************************************************************
Main Content Area
*****************************************************************/
div.main-content-area
{
    max-width:1620px;
    margin:0 auto;
    margin-top:150px;
    padding-top:0px;
}

/****************************************************************
Control Bar
*****************************************************************/
/*div.control-bar*/
/*{*/
/*    background: transparent;*/
/*}*/
div.control-bar h1
{
    color:#fff;
    margin-top: 8px;
    margin-bottom: 5px;
}
div.control-bar div.inner-margin
{
    width: 94%;
    margin: 0% 3%;
}
div.control-bar-left
{
    width:50%;
    float:left;
    text-align:left;
}
div.control-bar-right
{
    width:50%;
    float:right;
    padding-top: 16px;
    padding-bottom: 8px;
}
div.control-bar-right button
{
}
div.timer-block-wrap
{
    text-align: right;
    color:#fff;
}
div.timer-wrap
{
    width: auto;
    margin-right: 6vw;
    font-size: 22px;
    font-weight: 300;
    min-width: 150px;
    text-align: left;
    padding-top: 2px;
}
button.timer-button
{
    padding: 4px 44px;
    border: solid 2px #3d94c3;
    min-width: 160px;
}
div.timer-button-wrap
{
    width:auto;
    float:right;
    text-align:left;
}
div.plus-minus-wrap
{
    width:auto;
}
div.plus-wrap
{
    width:auto;
}
div.minus-wrap
{
    width:auto;
}
/****************************************************************
Content Area
*****************************************************************/
div.content-wrapper
{
    /*width: 94%;*/
    width: 100%;
    padding-left: 3%;
    padding-right: 3%;
    margin-top: 10px;
    background: #f3f3f1;
}
div.content-left
{
    /*width:67%;*/
    width:70%;
    float:left;
}
div.content-right
{
    width:30%;
    float:right;
    text-align: left;
}
/****************************************************************
Event Logger
*****************************************************************/
div.event-logger-window
{
    background:#fff;
    margin-top:40px;
    margin-bottom:40px;
    border:solid 1px #c0c2c4;
}
div.event-logger-top h2
{
    margin: 13px 14px 14px 0 !important;
    display:inline-block;
    width:auto;
    float:left;
    font-size:24px;
    color:#2b3f67;
}
div.event-logger-top
{
    border-bottom: solid 4px #f1f1ef;
    width: 100%;
    padding: 0 5% 0;
}
div.event-logger-bottom
{
    width:100%;
    padding:10px;
}
div.event-logger-window nav
{
    display:inline-block;
    margin:0;
    padding:0;
    width:100%;
}
div.event-logger-window ul
{
    display:inline-block;
    margin:0;
    padding:0;
    height:60vh;
    overflow: hidden;
    overflow-y: auto;
    width:100%;
}
div.event-logger-window nav ul li
{
    display: flex;
    align-items: flex-start;
    justify-content: left;
    font-size:12px;
}
div.event-logger-window nav ul li button:not(.search-btn)
{
    padding: 0 5px;
    font-size: 10px;
    letter-spacing: 0;
    float: right;
}
/****************************************************************
Cards
*****************************************************************/
div.card-row
{
    padding-bottom:2px;
}
div.slider-crop {
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    width: 100%;
    padding-left: 5%;
    left: -5%;
    padding-right: 5%;
}
div.slider-crop.system-user-crop
{
    max-height: 216px;
}
div.slider-crop.system-node-crop
{
    max-height: 266px;
}
div.card
{
    flex-shrink: 0;
    scroll-behavior: smooth;
    width: 30%;
    min-width: 314px;
    margin-right: 20px;
    text-align: left;
    background: #fff;
    border: solid 1px #c0c2c4;
}
div.card-top
{
    border-bottom:solid 4px #f1f1ef;
    position: relative;
    z-index: 2
}
span.card-icon
{
    margin: 13px 10px 12px 20px !important;
    display: inline-block;
    float: left;
    width: 36px;
    border-radius: 18px;
    -moz-border-radius: 18px;
    border: solid 2px #ededee;
    background-color: #ededee;
    height: 36px;
    position:relative;
    z-index:2;
}
div.system-user-row {
    width: 102.5%;
    display: flex;
    scroll-behavior: smooth;
    margin: 40px 0 40px;
    position: relative;
}
div.card.geeq-user-card span.card-icon
{
    background-image:url(../img/icons/Unknown-Icon.png);
    background-position:50% 50%;
    background-size:40px;
    background-repeat: no-repeat;
    background-color: #ededee;
}
div.system-user-row div.card span.card-icon.person
{
    background-image:url(../img/icons/Person-Icon.png);
    background-position:50% 50%;
    background-size:40px;
    background-repeat: no-repeat;
    background-color: #ededee;
}
div.system-user-row div.card span.card-icon.creator
{
    background-image:url(../img/icons/creator.png);
    background-position:50% 50%;
    background-size:40px;
    background-repeat: no-repeat;
    background-color: #ededee;
}
div.system-user-row div.card span.card-icon.organization
{
    background-image:url(../img/icons/Organization.png);
    background-position:50% 50%;
    background-size:40px;
    background-repeat: no-repeat;
    background-color: #ededee;
}
div.system-user-row div.card span.card-icon.platform
{
    background-image:url(../img/icons/Platform.png);
    background-position:50% 50%;
    background-size:40px;
    background-repeat: no-repeat;
    background-color: #ededee;
}
div.system-user-row div.card span.card-icon.bank
{
    background-image:url(../img/icons/Bank-Icon.png);
    background-position:50% 50%;
    background-size:40px;
    background-repeat: no-repeat;
    background-color: #ededee;
}
div.system-user-row div.card span.card-icon.business
{
    background-image:url(../img/icons/Business.png);
    background-position:50% 50%;
    background-size:40px;
    background-repeat: no-repeat;
    background-color: #ededee;
}
div.system-user-row div.card span.card-icon.game
{
    background-image:url(../img/icons/Game-Icon.png);
    background-position:50% 50%;
    background-size:40px;
    background-repeat: no-repeat;
    background-color: #ededee;
}
div.system-user-row div.card span.card-icon.iot_device
{
    background-image:url(../img/icons/IOT-Icon.png);
    background-position:50% 50%;
    background-size:40px;
    background-repeat: no-repeat;
    background-color: #ededee;
}
div.card.geeq-node-card span.card-icon
{
    background-image:url(../img/icons/Network-Icon.png);
    background-position:50% 50%;
    background-size:40px;
    background-repeat: no-repeat;
    background-color: #ededee;
}
div.card.geeq-node-card.dishonest
{
    background-color: #e8e7e7;
}
div.card.geeq-node-card.dishonest button
{
    color:#d66339;
    background-color: #fff;
}
div.card.geeq-node-card.dishonest button:hover
{
    background-color: #e8e7e7;
    color:#d66339;
}
div.card.geeq-node-card.dishonest span.card-icon
{
    background-image:url(../img/icons/Network-Icon-Grey.png);
    background-position:50% 50%;
    background-size:40px;
    background-repeat: no-repeat;
    background-color: #ededee;
}
div.card.geeq-node-card.dishonest h2
{
    color:#3f4040;
}
div.card.geeq-node-card.group-1 span.card-icon
{
    background-image:url(../img/icons/Network-Icon-Green.png);
    background-position:50% 50%;
    background-size:40px;
    background-repeat: no-repeat;
    background-color: #ededee;
}
div.card.geeq-node-card.group-1 h2
{
    color:#479997;
}
div.card.geeq-node-card.group-2 span.card-icon
{
    background-image:url(../img/icons/Network-Icon-Medium-Blue.png);
    background-position:50% 50%;
    background-size:40px;
    background-repeat: no-repeat;
    background-color: #ededee;
}
div.card.geeq-node-card.group-2 h2
{
    color: #3d94c3;
}
div.card-top h2
{
    margin: 13px 14px 14px 0 !important;
    display:inline-block;
    width:auto;
    float:left;
    font-size:24px;
}
div.card.geeq-user-card div.card-top h2
{
    color:#3d94c3 !important;
}
div.card-top button
{
    margin: 17px 20px 15px 0 !important;
    display:inline-block;
    width:auto;
    float:right;
    min-width: 78px;
}
div.card-bottom
{
    padding:9px 20px;
    /*width:calc( 100% - 40px );*/
    width: 100%;
    position: relative;
    z-index: 2
}
div.card.geeq-corp-card
{
    min-height: 210px;
}

div.system-user-row h2
{
    color:#3d94c3;
}
div.system-user-row div.vueperslide:first-of-type div.card
{
    border:solid 3px #3d94c3;
}
div.system-node-row {
    width: 102.5%;
    display: flex;
    scroll-behavior: smooth;
    margin: 40px 0 40px;
    position: relative;
}
div.system-node-row h2
{
    color:#479997;
}
div.hub
{
    width: 100%;
    float: left;
    height: 222px;
    border: solid 3px #479997;
    position: relative;
    top: 0;
    left: 0;
    margin-bottom: -236px;
    z-index: 4;
}
div.dishonest div.hub
{
    background:#e7e7e5;
    border:solid 2px #353535 !important
}
div.group-1 div.hub
{
    border:solid 2px #3d94c3 !important
}
div.group-2 div.hub
{
    border:solid 2px #3d94c3 !important
}
div.group-1.dishonest div.hub, div.dishonest.group-1 div.hub,
div.group-2.dishonest div.hub, div.dishonest.group-2 div.hub
{
    border:solid 2px #e7e7e5;!important
}
div.card.geeq-node-card span.card-icon.hub,
div.card.geeq-node-card span.card-icon.group-1, div.card.geeq-node-card span.card-icon.group-2
{
    z-index: 2;
    left: -46px;
    margin: 13px -50px 12px 0px !important;
    display: inline-block;
    float: left;
    width: 36px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    border: solid 2px #2b3f67;
    background: transparent !important;
    height: 36px;
    transition: opacity 0.5s ease-in;
    opacity: 1;
}
div.card.geeq-node-card span.card-icon.dishonest
{
    z-index: 2;
    left: -125px;
    margin: 13px 0px 12px 0px !important;
    display: inline-block;
    float: left;
    width: 36px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    border: solid 2px #373737;
    background: transparent !important;
    height: 36px;
    transition: opacity 0.5s ease-in;
    opacity: 1;
}
span.hub-notification
{
    width:auto;
    float:left;
}
div.dishonest span.hub-notification
{
    color: #d66339 !important;
}
div.group-1 span.hub-notification, div.group-1 span.hub-notification
{
    color: #d66339 !important;
}
div.card-row.node-state-row label
{
    max-width: 100px;
    overflow: hidden;
    max-height: 18px;
    display: inline-block;
    margin-bottom: -1px;
}
div.card-row.node-state-row label span
{
    color:#479997;
}
div.system-settings-row
{
    width: auto;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    margin:40px 0 40px;
}
span.card-value
{
    display:inline-block;
    width:auto;
    float:right;
}
/****************************************************************
Settings Row
*****************************************************************/
div.geeq-corp-wrapper
{
    width:31%;
    float:left;
}
div.geeq-corp-wrapper span.card-icon {
    margin: 13px 10px 14px 20px !important;
    display: inline-block;
    float: left;
    width: 40px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    border: solid 0 #fff;
    background: #fff url(https://www.geeq.io/wp-content/uploads/Geeq-Logo-Green.svg) no-repeat 50% 50%;
    background-size:cover;
    height: 40px;
}
div.settings-wrapper
{
    width: 65%;
    text-align: left;
    margin-right: 0;
    float: right;
}
div.settings-top
{
    text-align:left;
}
div.system-settings-row h2
{
    color:#2b3f67;
    margin-left: 22px !important;
}
div.settings-bottom h3
{
    color:#3d94c3;
}
div.settings-left
{
    width:48%;
    float:left;
}
div.settings-right
{
    width:48%;
    float:right;
}
div.card-row input
{
    display:inline-block;
    float:right;
    min-width: 165px;
    max-width: 165px;
    width: 100%;
}
div.card-row select
{
    display:inline-block;
    float:right;
    max-width: 164px;
    width: 100%;
}
div.card-row select option
{
    display:inline-block;
    float:left;
    max-width: 160px;
    width: 100%;
}
/****************************************************************
Content Page
****************************************************************/
footer div.container
{
    max-width: 1420px;
    background: #fff;
    padding: 40px;
    width: 94%;
}
footer div.content-wrapper .title
{
    margin:20px 0;
    text-align: center;
    color: #038bd7;
    font-size: 3.5em;
}

#content-page div.main-content-area
{
    max-width: unset;
    background: #f3f3f1;
}
#content-page div.content-wrapper {
    /*font-family: 'Poppins-Light', sans-serif;*/
    font-family: 'Jost-Light', sans-serif;
}
#content-page div.container
{
    max-width:1420px;
    background: #fff;
    padding: 50px 40px;
}
#content-page div.content-wrapper .title
{
    margin:20px 0;
    text-align: center;
    color: #038bd7;
    font-size: 3.5em;
}
#content-page div.header-container
{
    max-width: 600px;
    margin: 60px auto 50px auto;
    /*font-family: 'Poppins-Medium', sans-serif;*/
    font-family: 'Jost-Medium', sans-serif;
    text-align: center;
}
#content-page div.headline-part1 {
    color: #303b4d;
    font-size: 3.5em;
}
#content-page div.headline-part2 {
    color: #3D9889;
    margin-top: 15px;
}
#content-page div.header-container .description
{
    font-size: 16px;
    line-height: 1.2em;
}
#content-page div.header-container .description-part1
{
    color: #303b4d;
    font-size: 1em;
}
#content-page div.header-container .description-part2
{
    font-size: 16px;
    /*font-family: 'Poppins-Light', sans-serif;*/
    font-family: 'Jost-Light', sans-serif;
}
#content-page div.header-container .description-part3
{
    color: #0D90C8;
    font-size: 2.5em;
}
#content-page div.header-container .description-part4
{
    color: #C4744F;
    font-size: 2em;
    line-height: 1.2em;
    /*font-family: 'Poppins-Light', sans-serif;*/
    font-family: 'Jost-Light', sans-serif;
    font-weight: 400;
}
#content-page div.content-blocks .separator-line
{
    height: 2px;
    background: #daadb2;
    margin: 30px 15px;
}
#content-page div.content-blocks .geeq-user-card
{
    background: #ededed;
}
#content-page div.content-blocks .card-title
{
    background: #ededed;
    color: #038bd7;
    font-size: 2em;
}
#content-page .geeq-pay-btn {
    margin: 5px;
    color: #479997;
    box-sizing: border-box;
    /*height: 41px;*/
    padding: 5px 15px;
}
#content-page .geeq-pay-btn:hover {
    background: unset;
}
.recipes-store .greeting {
    /*font-family: 'Abel', sans-serif;*/
    font-family: 'Jost', sans-serif;
    font-size: 4em;
    color: #827f80;
    text-transform: uppercase;
}
.music-store .greeting  {
    /*font-family: 'Poppins-italic', sans-serif;*/
    font-family: 'Jost-Italic', sans-serif;
    font-size: 3em;
    color: #62aad0;
    text-transform: capitalize;
    font-weight: 400;
    font-style: italic;
}
.wallpaper-store .greeting  {
    /*font-family: 'WorkSans', sans-serif;*/
    font-family: 'Jost', sans-serif;
    font-size: 3em;
    color: #b6c67b;
    text-transform: uppercase;
}
.happy-store .greeting  {
    /*font-family: 'Amatic SC', sans-serif;*/
    font-family: 'Jost', sans-serif;
    font-size: 5em;
    color: #2596be  ;
    text-transform: uppercase;
}
/****************************************************************
About Page
*****************************************************************/
#about-page div.main-content-area
{
    text-align:left;
}
#about-page div.content-wrapper
{
    margin: 10px 0 60px 0;
    text-align: center;
    padding: 40px 3% 80px;
}
div.article-area
{
    max-width:1000px;
    margin:0 auto;
    float:none;
    text-align:left;
}
div.article-area h2
{
    margin-bottom:30px;
    font-size: 30px;
}
div.article-area h3
{
    margin-bottom:30px;
    font-size: 26px;
}
div.article-area h4
{
    margin-bottom:30px;
    font-size: 22px;
}
div.article-area h5
{
    margin-bottom:16px;
    text-transform:uppercase
}
div.article-area p
{
    font-size: 20px;
    line-height: 1.4em;
    margin-bottom: 30px;
}
div.article-area img
{
    width:80%;
    margin:0 10%;
    max-width:600px;
    height:auto;
}
div.image-wrap
{
    text-align:center;
    margin-bottom:30px;
}
div.article-area ul, div.article-area ol
{
    list-style-type: initial;
    padding: 0 30px;
    color: #231f20;
    font-size: 20px;
    line-height: 1.4em;
}
div.article-area ul li
{
    list-style-type: disc;
    width: 100%;
    display: list-item;
    font-size: 20px;
    line-height: 1.4em;
}
div.article-area ol li
{
    list-style-type: decimal;
    width: 100%;
    display: list-item;
    font-size: 20px;
    line-height: 1.4em;
}
#about-page .article-area {
    font-weight: 400;
    font-family: 'Jost', sans-serif;

}
#about-page .article-area .about-headline {
    font-weight: 500;
    font-family: 'Jost-Medium', sans-serif;
    color: #2E4064;
}
#about-page .article-area  a[href^="mailto:"]
{
    color: #2E4064;
}
/****************************************************************
FAQ Page
*****************************************************************/
#faq-page
{
}
#faq-page div.control-bar
{
    background: #2a3f67;
    text-align: left;
}
#faq-page div.content-wrapper
{
    margin: 10px 0 60px 0;
    text-align: center;
    padding: 40px 3%;
}
#faq-page div.content-wrapper a
{
    color:#2b3f67;
}

.vueperslides__track-inner, .vueperslides__track-inner div
{
    transition-duration: 200ms !important;
}
.fade-in {
    animation: fadeIn ease 2s;
    -webkit-animation: fadeIn ease 2s;
    -moz-animation: fadeIn ease 2s;
    -o-animation: fadeIn ease 2s;
    -ms-animation: fadeIn ease 2s;
}
@keyframes fadeIn {
    0% {opacity:0;}
    110% {opacity:1;}
}

@-moz-keyframes fadeIn {
    0% {opacity:0;}
    110% {opacity:1;}
}

@-webkit-keyframes fadeIn {
    0% {opacity:0;}
    110% {opacity:1;}
}

@-o-keyframes fadeIn {
    0% {opacity:0;}
    110% {opacity:1;}
}

@-ms-keyframes fadeIn {
    0% {opacity:0;}
    110% {opacity:1;}
}


/****************************************************************
Modal Boxes
*****************************************************************/
.modal-mask
{
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(145, 147, 150, 0.5);
    display: table;
    transition: opacity 0.3s ease;
}
.modal-wrapper
{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.modal-container
{
    width: auto;
    margin: 0 auto;
    padding:0 0 0 0 !important;
    background-color: #fff;
    border-radius: 2px;
    transition: all 0.3s ease;
    text-align:left;
    min-width:initial;
    max-width: 800px;
    font-family: 'Jost', sans-serif;
}
.modal-default-button
{
    display: block;
    margin-top: 1rem;
}
.modal-enter
{
    opacity: 0;
}
.modal-leave-active
{
    opacity: 0;
}
.modal-enter .modal-container,
.modal-leave-active .modal-container
{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.modal-header
{
    /*width:calc( 100% - 80px );*/
    padding-left:40px;
    padding-right:40px;
    border-bottom:solid 10px #f1f1ef;
    text-align:center;
    position: relative;
}
.modal-header h3
{
    color: #3d94c3 !important;
    text-align: center;
    font-family: 'Jost', sans-serif;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    font-size:28px;
    font-weight: 600;
}
.modal-header h4
{
    margin-top: -20px !important;
    margin-bottom: 20px !important;
    font-weight: 600;
}
button.x-button
{
    background:transparent;
    text-transform:uppercase;
    padding:0 16px;
    color:#2a3f67 ;
    border:solid 0 transparent;
    cursor:pointer;
    font-size:50px;
    transform: rotate(45deg);
    position: absolute;
    right: 10px;
    top: 0;
}
button.x-button:hover
{
    background:transparent;
    text-transform:uppercase;
    padding:0 16px;
    color:#3d94c3 ;
    border:solid 0 transparent;
    cursor:pointer;
}
.modal-body-top
{
    margin: 4px 0 0;
    padding:40px;
    /*width:calc( 100% - 80px );*/
}
.modal-body-top P
{
    margin-bottom: 0;
    margin-top: 0;
}
.raw-check-box
{
    margin: 10px 0;
}
.modal-body-bottom
{
    margin: 4px 40px 0;
    height: 420px;
    overflow-y: auto;
    font-family: 'Jost', sans-serif;
    padding-bottom: 40px;
    width: 100%;
    max-height: 20vh;
}
.modal-body
{
    margin: 40px 40px 0;
    overflow-y: auto;
    font-family: 'Jost', sans-serif;
    padding-bottom:40px;
    width:calc( 100% - 80px );
    text-align:center;
}
.modal-body input, .modal-body select, .modal-body option
{
    text-align: center;
    margin-bottom: 16px;
    min-width: 132px;
}
.modal-body input[type=text], .modal-body input[type=number]
{
    text-align: center;
    margin-bottom: 16px;
    width: 108px;
    min-width: initial;
    display: inline-block;
}
.modal-body label
{
    font-weight: 600;
    margin-bottom: 8px;
}
div.raw-check-box
{
    text-align:center;
}
div.raw-check-box > input
{
    height: 12px;
    width: 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border:0px solid #fff;
    border-radius: 12px;
    outline: none;
    transition-duration: 0.3s;
    background-color: #d66339;
    cursor: pointer;
    color:#fff;
    top: 4px;
    position: relative;
}
div.raw-check-box > input:checked
{
    background-color: #d66339;
    color:#fff;
}
div.raw-check-box > div.raw-check-box > input:active
{
    content: '\2713';
    display: block;
    text-align: center;
    color: #fff;
    position: absolute;
    left: 0.7rem;
    top: 0.2rem;
}
div.raw-check-box > input:active
{
    border: 2px solid #fff;
}
.modal-body p
{
    margin-bottom: 6px;
    margin-top: 0;
}
div.hexview
{
    text-align:center;
}
.modal-body-bottom pre
{
    display:inline-block;
    width:auto;
    float:none;
    margin:0 auto;
    text-align:left;
}
.modal-default-button
{
    display: inline-block !important;
    margin-top: 20px !important;
    width:auto;
    float:none !important;
    background: #fff;
    text-transform: uppercase;
    padding: 0 16px !important;
    color: #2a3f67;
    border: solid 1px #d66339;
    letter-spacing: 1px !important;
    cursor: pointer;
    font-size: 16px !important;
}
.modal-enter
{
    opacity: 0;
}
.modal-footer
{
    text-align: center;
    padding-bottom:40px;
}
.modal-leave-active
{
    opacity: 0;
}
.modal-enter .modal-container,
.modal-leave-active .modal-container
{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.modal-main-text {
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 18px;
}
/************************************************
Horizontal Slider
************************************************/
.vueperslide
{
    white-space: normal;
    background-size: cover;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    width: 100%;
    position: relative;
    min-width: 310px;
}
.vueperslide--clone-1
{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%}
.vueperslides--rtl .vueperslide--clone-1
{
    right: auto;
    left: 100%}
.vueperslide[href]
{
}
.vueperslide__image
{
    background-size: cover;
}
.vueperslide__image, .vueperslide__loader
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.vueperslide__loader
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.vueperslide__content-wrapper:not(.vueperslide__content-wrapper--outside-top):not(.vueperslide__content-wrapper--outside-bottom) {
    height: 100%;
    margin: auto;
}
.vueperslides--fade .vueperslide
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: opacity ease-in-out;
    transition: opacity ease-in-out;
    -webkit-transition-duration: inherit;
    transition-duration: inherit;
}
.vueperslides--fade .vueperslide--active, .vueperslides--fade .vueperslide--visible
{
    z-index: 1;
    opacity: 1;
}
.vueperslides--slide-image-inside .vueperslide {
    overflow: hidden;
}
.vueperslides--3d .vueperslide
{
    position: absolute;
    z-index: -1;
    height: 100%}
.vueperslides--3d .vueperslide--active, .vueperslides--3d .vueperslide--next-slide, .vueperslides--3d .vueperslide--previous-slide
{
    z-index: 0;
}
.vueperslides--3d .vueperslide--active
{
    z-index: 1;
}
.vueperslides--3d .vueperslide[face=front]
{
    -webkit-transform: rotateY(90deg) translateX(-50%) rotateY(-90deg);
    transform: rotateY(90deg) translateX(-50%) rotateY(-90deg);
}
.vueperslides--3d .vueperslide[face=right]
{
    -webkit-transform: rotateY(90deg) translateX(50%);
    transform: rotateY(90deg) translateX(50%);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}
.vueperslides--3d .vueperslide[face=back]
{
    -webkit-transform: rotateY(270deg) translateX(-50%) rotateY(-90deg);
    transform: rotateY(270deg) translateX(-50%) rotateY(-90deg);
}
.vueperslides--3d .vueperslide[face=left]
{
    -webkit-transform: rotateY(270deg) translateX(-50%);
    transform: rotateY(270deg) translateX(-50%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}
.vueperslides:not(.no-shadow):not(.vueperslides--3d) .vueperslides__parallax-wrapper:after, .vueperslides:not(.no-shadow):not(.vueperslides--3d) .vueperslides__parallax-wrapper:before
{
    content: "";
    position: absolute;
    bottom: 100%;
    left: -1em;
    right: -1em;
    height: 2em;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .25);
    box-shadow: 0 0 20px rgba(0, 0, 0, .25);
    z-index: 2;
}
.vueperslides:not(.no-shadow):not(.vueperslides--3d) .vueperslides__parallax-wrapper:after
{
    top: 100%;
    bottom: auto;
}
.vueperslides__arrows
{
    color: #fff;
}
.vueperslides__arrows--outside
{
    color: currentColor;
}
.vueperslides__arrow
{
    top: 50%;
    background-color: transparent;
    border: none;
    opacity: .7;
}
.vueperslides--rtl .vueperslides__arrow--next, .vueperslides__arrow--prev
{
    right: auto;
    left: .5em;
}
.vueperslides--rtl .vueperslides__arrow--prev, .vueperslides__arrow--next
{
    left: auto;
    right: .5em;
}
.vueperslides__arrow:hover
{
    opacity: 1;
}
.vueperslides--rtl .vueperslides__arrows--outside .vueperslides__arrow--next, .vueperslides__arrows--outside .vueperslides__arrow--prev
{
    right: auto;
}
.vueperslides--rtl .vueperslides__arrows--outside .vueperslides__arrow--prev, .vueperslides__arrows--outside .vueperslides__arrow--next
{
    left: auto;

}
.vueperslides__paused
{
    top: .7em;
    right: .7em;
    opacity: 0;
    text-shadow: 0 0 3px rgba(0, 0, 0, .4);
    z-index: 1;
}
.vueperslides:hover .vueperslides__paused
{
    opacity: 1;
}
.vueperslides__bullets:not(.vueperslides__bullets--outside)
{
    color: #fff;
}
.vueperslides__bullet
{
    margin: 1.5em .6em;
    padding: 0;
    border: none;
    background: none;
}
.vueperslides__bullet .default
{
    width: 12px;
    height: 12px;
    border-radius: 12px;
    border: 1px solid currentColor;
    background-color: transparent;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .5), 0 0 3px rgba(0, 0, 0, .3);
    box-shadow: 0 0 1px rgba(0, 0, 0, .5), 0 0 3px rgba(0, 0, 0, .3);
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.vueperslides__bullet .default span
{
    display: none;
}
.vueperslides__bullet--active .default
{
    border-width: 6px;
}
.vueperslide, .vueperslide__image
{
    background-position: 50%}
.vueperslide__video {
    outline: none;
}
.vueperslide--no-pointer-events:before
{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.vueperslide__content-wrapper:not(.vueperslide__content-wrapper--outside-top):not(.vueperslide__content-wrapper--outside-bottom)
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}
.vueperslide--has-image-inside .vueperslide__content-wrapper, .vueperslide--has-video .vueperslide__content-wrapper, .vueperslide__content-wrapper.parallax-fixed-content
{
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: none;
}
.vueperslides
{
    position: relative;
}
.vueperslides--fixed-height .vueperslide, .vueperslides--fixed-height .vueperslides__inner, .vueperslides--fixed-height .vueperslides__parallax-wrapper
{
    height: inherit;
}
.vueperslides--fixed-height .vueperslides__parallax-wrapper
{
    padding-bottom: 0!important;
}
.vueperslides--fixed-height.vueperslides--bullets-outside
{
    margin-bottom: 4em;
}
.vueperslides__inner
{
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.vueperslides__parallax-wrapper
{
    position: relative;
    overflow: hidden;
}
.vueperslides--3d .vueperslides__parallax-wrapper
{
    overflow: visible;
}
.vueperslides__track
{
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    right: 0;
    overflow: hidden;
    z-index: 1;
}
.vueperslides--parallax .vueperslides__track
{
    height: 200%;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.vueperslides--touchable .vueperslides__track
{
}
.vueperslides--touchable .vueperslides__track--dragging, .vueperslides--touchable .vueperslides__track--mousedown
{
}
.vueperslides--3d .vueperslides__track
{
    overflow: visible;
    -webkit-perspective: 100em;
    perspective: 100em;
}
.vueperslides__track-inner
{
    white-space: nowrap;
    -webkit-transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.vueperslides--no-animation .vueperslides__track-inner
{
    -webkit-transition-duration: 0s!important;
    transition-duration: 0s!important;
}
.vueperslides--fade .vueperslides__track-inner
{
    white-space: normal;
    -webkit-transition: none;
    transition: none;
}
.vueperslides--3d .vueperslides__track-inner
{
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.vueperslides__track--mousedown .vueperslides__track-inner
{
    -webkit-transition: transform .25s ease-in-out!important;
    transition: transform .25s ease-in-out!important;
}
.vueperslides__track--dragging .vueperslides__track-inner
{
}
.vueperslides__arrow
{
    position: absolute;
    font-size: inherit;
    color: inherit;
    text-align: center;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    z-index: 2;
    line-height: 1;
}
.vueperslides__arrow, .vueperslides__arrow svg
{
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.vueperslides__arrow svg
{
    vertical-align: middle;
    stroke: currentColor;
    fill: none;
    width: 3.5em;
    padding: 1em;
    stroke-width: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.vueperslides__arrow svg:hover
{
    stroke-width: 1.3;
}
.vueperslides__paused
{
    position: absolute;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.vueperslides__bullets
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.vueperslides__bullets--outside
{
    position: relative;
    display:none;
}
.vueperslides__bullet, .vueperslides__bullets button
{
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: inherit;
}
.vueperslides__bullet::-moz-focus-inner, .vueperslides__bullets button::-moz-focus-inner
{
    border: 0;
}
.vueperslides__fractions
{
    position: absolute;
    top: .8em;
    left: .5em;
    z-index: 2;
    padding: .2em 1em;
    border: 1px solid hsla(0, 0%, 100%, .5);
    border-radius: 2em;
    background: hsla(0, 0%, 100%, .2);
    color: #fff;
}
.vueperslides__progress
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    height: 6px;
    color: rgba(0, 0, 0, .7);
}
.vueperslides__progress>*
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: currentColor;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.vueperslides--rtl .vueperslides__arrows--outside .vueperslides__arrow--next,
.vueperslides__arrows--outside .vueperslides__arrow--next
{
    background: transparent;
    color: #fff;
    border: solid 0 transparent;
    padding: 0;
    margin: 0;
    opacity:1;
    right: 0;
    top: 100px;
}
.vueperslides__arrows--outside .vueperslides__arrow--prev,
.vueperslides--rtl .vueperslides__arrows--outside .vueperslides__arrow--prev
{
    background: transparent;
    color: #fff;
    border: solid 0 transparent;
    padding: 0;
    margin: 0;
    opacity:1;
    left: -24px;
    top: 100px;
}
.system-node-row .vueperslides--rtl .vueperslides__arrows--outside .vueperslides__arrow--next,
.system-node-row .vueperslides__arrows--outside .vueperslides__arrow--next
{
    top: 125px;
}
.system-node-row .vueperslides__arrows--outside .vueperslides__arrow--prev,
.system-node-row .vueperslides--rtl .vueperslides__arrows--outside .vueperslides__arrow--prev
{
    top: 125px;
}
div.system-user-row div.vueperslide div.card.wallet-user {
border: 3px solid firebrick;
}
.notification-msg
{
    text-align: center;
    margin-top: 100px;
}
.clear
{
    clear: both;
}
.text-left
{
    text-align: left;
}
.inline-block {
    display: inline-block;
}
.select-style {
    padding: 5px 0;
    width: 175px;
    overflow: hidden;
    position: relative;
}
.select-style select {
    padding: 5px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.select-style:after {
    top: 50%;
    left: 80%;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-top-color: #000000;
    border-width: 9px;
    margin-top: -2px;
    z-index: 100;
}
.select-style select:focus {
    outline: none;
}
.text-center
{
    text-align: center;
}

/*********************************************************************************************************************
Screen Responsiveness
**********************************************************************************************************************/
/**********************************************************
1920px++
***********************************************************/
@media(min-width:1920px){
    body
    {
        text-align:center;
    }
    div.page-wrapper
    {
        max-width: 1920px;
        float: none;
        margin: 0 auto;
        text-align:left;
    }

}

/**********************************************************
1920px
***********************************************************/
@media(max-width:1920px){


}

/**********************************************************
1800px
***********************************************************/
@media(max-width:1800px){


}

/**********************************************************
1700px
***********************************************************/
@media(max-width:1700px){


}

/**********************************************************
1680px
***********************************************************/
@media(max-width:1680px){
    div.inner-margin
    {
        width: 94%;
        margin: 0 3%;
    }

}



/**********************************************************
1600px
***********************************************************/
@media(max-width:1600px){
    div.content-wrapper div.inner-margin
    {
        width: 100%;
        margin: 0 0;
    }
    div.content-left
    {
        width: 70%;
    }
    div.content-right
    {
        width: 30%;
    }
    div.event-logger-window ul
    {
        height: 80vh;
        max-height: 610px;
    }
    .vueperslides--rtl .vueperslides__arrows--outside .vueperslides__arrow--next, .vueperslides__arrows--outside .vueperslides__arrow--next
    {
        right: -1%;
    }

}

/**********************************************************
1500px
***********************************************************/
@media(max-width:1500px){


}



/**********************************************************
1460px
***********************************************************/
@media(max-width:1550px){
    body,html, div.page-wrapper
    {
        max-width: 100vw;
        overflow-x: hidden;
    }
    div.content-left
    {
        width:100%;
        max-width:1000px;
        float:none
    }
    div.content-right
    {
        width:100%;
        max-width:1000px;
        float:none
    }
    div.settings-wrapper
    {
        width: 65%;
        margin-right: 0;
        float: right;
        flex-shrink: inherit;
    }
    div.event-logger-window
    {
        margin-top: 0;
    }

    div.event-logger-window ul
    {
        height: auto;
        max-height: 50vh;
    }
}
.btn {
    /*font-family: 'Poppins-Light', sans-serif;*/
    font-family: 'Jost-Light', sans-serif;
}
.disabled
{
    opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed;
}


/**********************************************************
1400px
***********************************************************/
@media(max-width:1400px){
    div.system-settings-row
    {
        display: inline-block;
        width: 100.5%;
        left: -0.5%;
        position: relative;
    }
    div.settings-wrapper {
        float: right;
    }
    div.settings-left
    {
        width:100%;
    }
    div.settings-right
    {
        width:100%;
    }

}



/**********************************************************
1360px
***********************************************************/
@media(max-width:1360px){


}

/**********************************************************
1200px
***********************************************************/
@media(max-width:1200px){


}

/**********************************************************
1120px
***********************************************************/
@media(max-width:1120px){

}

/**********************************************************
1078px
***********************************************************/
@media(max-width:1078px){

}

/**********************************************************
1023px
***********************************************************/
@media(max-width:1023px){
    div.card {
        min-width: 30vw;
    }

}

/**********************************************************
991px
***********************************************************/
@media (max-width: 991px){

}

/**********************************************************
980px
***********************************************************/
@media(max-width:980px){


}

/**********************************************************
960px
***********************************************************/
@media(max-width:959px){
    div.content-left
    {
        width: 100%;
        background:url(../img/no-small-screens.gif) no-repeat 50% 25%;
        background-size: 120%;
        height: 80vh;
    }
    div.control-bar-left
    {
        width:100%;
    }
    div.slider-crop.system-user-crop, div.slider-crop.system-node-crop,
    div.system-settings-row, div.content-right, div.control-bar-right,#home-nav-link
    {
        display:none !important;
    }
}

/**********************************************************
900px
***********************************************************/
@media(max-width:900px){


}

/**********************************************************
860px
***********************************************************/
@media(max-width:860px){


}

/**********************************************************
840px
***********************************************************/
@media(max-width:840px){

}

/**********************************************************
790px
***********************************************************/
@media(max-width:790px){

}

/**********************************************************
768px
***********************************************************/
@media(max-width:768px){

}

/**********************************************************
740px
***********************************************************/
@media(max-width:740px){


}

/**********************************************************
680px
***********************************************************/
@media(max-width:680px){

}

/**********************************************************
640px
***********************************************************/
@media (max-width: 640px){

}

/**********************************************************
600px
***********************************************************/
@media(max-width:600px){


}

/**********************************************************
580px
***********************************************************/
@media(max-width:580px){


}

/**********************************************************
560px
***********************************************************/
@media(max-width:560px){


}

/**********************************************************
520px
***********************************************************/
@media(max-width:520px){


}

/**********************************************************
500px
***********************************************************/
@media(max-width:500px){

}

/**********************************************************
480px
***********************************************************/
@media(max-width:480px){


}

/**********************************************************
460px
***********************************************************/
@media(max-width:460px){

}

/**********************************************************
440px
***********************************************************/
@media(max-width:440px){

}

/**********************************************************
420px
***********************************************************/
@media (max-width:420px){


}

/**********************************************************
400px
***********************************************************/
@media(max-width:400px){

}

/**********************************************************
380px
***********************************************************/
@media(max-width:380px){

}

/**********************************************************
320px
***********************************************************/
@media(max-width:320px){

}