* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
:root{--vx-gutter-x: 1.5rem;--vx-gutter-y: 0;}
h2, .h2 {font-size: 30px;}
h4, .h4 {font-size: 18px;}
.h5, h5{font-size: 1.25rem;}
h1, h2, h3, h4, h5, h6 {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.5em;
    margin-bottom: 15px; color: #383838; font-weight: bold; margin-top: 0;}
p {margin-top: 0; margin-bottom: 1rem;}
::placeholder {color: var(--placeholder-text-color);opacity: 1;}
:-ms-input-placeholder {color: var(--placeholder-text-color);}
::-ms-input-placeholder {color: var(--placeholder-text-color);}
.btn, button {display: inline-block; cursor: pointer;
    font-weight: bold;
    background-color: #eee;
    border: 1px solid #afafaf;
    border-top: 1px solid #ddd;
    color: #333;
    text-shadow: 0 1px 0px #fff;
    border-bottom: 1px solid #aaa;
    padding: 0.5em 0.8em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background-color: #eeeeee;
    background-image: -moz-linear-gradient(#fefefe, #eeeeee);
    background-image: -o-linear-gradient(#fefefe, #eeeeee);
    background-image: -ms-linear-gradient(#fefefe, #eeeeee);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fefefe), color-stop(1, #eeeeee));
    background-image: -webkit-linear-gradient(#fefefe, #eeeeee);
    box-shadow: 0 1px 1px #cccccc, inset 0 1px 0 rgba(255, 255, 255, 0.25);transition:  border 0.15s linear 0s;
    -webkit-transition:  border 0.15s linear 0s;
    -moz-transition:  border 0.15s linear 0s;
}
.btn-green {background: #65c31f; color: #fff; text-shadow: none; border-color: #57af17; font-weight: bold; 
    background-color: #65c31f; background-image: -moz-linear-gradient(#94d52d, #65c31f); 
    background-image: -o-linear-gradient(#94d52d, #65c31f); background-image: -ms-linear-gradient(#94d52d, #65c31f); 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #94d52d), color-stop(1, #65c31f));
    background-image: -webkit-linear-gradient(#94d52d, #65c31f);}

.btn-red {background: #dc5333;color: #fff;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);border-color: #c92c14;font-weight: bold;background-color: #d73d2c;
    background-image: -moz-linear-gradient(#e65841, #d73d2c);background-image: -o-linear-gradient(#e65841, #d73d2c);
    background-image: -ms-linear-gradient(#e65841, #d73d2c);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e65841), color-stop(1, #d73d2c));
    background-image: -webkit-linear-gradient(#e65841, #d73d2c);
}
.btn-purple {background: #90c; color: #fff; text-shadow: none; border-color: #90c; font-weight: bold; 
    background-color: #6c088e; background-image: -moz-linear-gradient(#90c, #6c088e); 
    background-image: -o-linear-gradient(#90c, #6c088e); background-image: -ms-linear-gradient(#90c, #6c088e); 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #90c), color-stop(1, #6c088e));
    background-image: -webkit-linear-gradient(#90c, #6c088e);}

.btn-blue {background: #29166f;color: #fff;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);border-color: #29166f;
    font-weight: bold;background-color: #29166f;
    background-image: -moz-linear-gradient(#20a5c6, #29166f);background-image: -o-linear-gradient(#20a5c6, #29166f);
    background-image: -ms-linear-gradient(#20a5c6, #29166f);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #20a5c6), color-stop(1, #29166f));
    background-image: -webkit-linear-gradient(#20a5c6, #29166f);
}
.btn-red:hover {background: #e65841; border-color: #c92c14; color: #fff;}
.btn-green:hover {background: #94d52d;border-color: #56ad14; color: #fff; }
.btn-purple:hover {background: #6c088e;border-color: #90c; color: #fff; }
.btn-blue:hover{background: #20a5c6; border-color: #20a5c6; color: #fff;}
.loading {float:left; height:50px; width:50px; background-color: #e51649;
    border-radius: 100%; -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
    animation: sk-scaleout 1.0s infinite ease-in-out;}
@-webkit-keyframes sk-scaleout { 
    0% { -webkit-transform: scale(0) }
    100% {-webkit-transform: scale(1.0); opacity: 0;
    }
}
@keyframes sk-scaleout {
    0% { -webkit-transform: scale(0); transform: scale(0);} 
    100% {-webkit-transform: scale(1.0); transform: scale(1.0);
    opacity: 0;}
}
textarea, input, select{width: 100%; border:1px solid #ddd; background:transparent; 
    padding:10px; border-radius: 5px; font-family: sans-serif; font-size: 15px; margin:5px 0;
resize: none;}
textarea:focus, input:focus{outline:2px solid var(--input-outline-color);}
.modal{display:none; background: rgba(0, 0, 0, 0.25); position:fixed; width: 100%; height: 100%; top:0; left: 0; right: 0; bottom: 0; overflow: auto; z-index: 99999;}
.modal .modal-dialog{background:white; width: 50%; margin: 50px auto;}
.modal-open{overflow: hidden;}
.modal .modal-header{border-bottom: 1px solid #eee;padding: 20px 15px;}
.modal .modal-header h4.modal-title{font-weight: 700; font-family: 'Open Sans', sans-serif;}
.modal-title{margin: 0; line-height: 1.428571429; color: #777;}
button.close {padding: 0; cursor: pointer; background: 0 0;
    border: 0; -webkit-appearance: none;}
.close{float: right; font-size: 21px; font-weight: 700; line-height: 1;
    color: #000; text-shadow: 0 1px 0 #fff; opacity: .2;
    filter: alpha(opacity=20)}
.modal .modal-body{padding:15px}
.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{padding-left: 15px; 
    float:left; padding-right: 15px;}
.panel-heading {padding: 10px 15px; border-bottom: 1px solid transparent; border-top-right-radius: 3px; border-top-left-radius: 3px;}
.col-md-1{width: 8.333333333333332%;}
.col-md-2{width: 16.666666666666664%;}
.col-md-3{width: 25%;}
.col-md-4{width: 33.33333333333333%;}
.col-md-5{width: 41.66666666666667%;}
.col-md-6{width: 50%;}
.col-md-7{width: 58.333333333333336%;}
.col-md-8{width: 66.66666666666666%;}
.col-md-9{width:75%;}
.col-md-10{width: 83.33333333333334%;}
.col-md-11{width: 91.66666666666666%;}
.col-md-12{width: 100%;}
.pointer{cursor: pointer;}
.checkbox-wrap{padding:10px 0;}
.checkbox-wrap span{padding: 10px 5px; display: inline-block; font-family: sans-serif; font-weight: bold;}
.checkbox-wrap input[type="checkbox"]{width: auto;}
.vx-checkbox{display: inline-block; position: relative; padding-left: 20px; cursor: pointer;
    -webkit-user-select: none; -moz-user-select: none;
    -ms-user-select: none; user-select: none; }
input[type=checkbox], input[type=radio]{width:auto}
.vx-checkbox input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.vx-checkbox input:checked ~ .checkmark {background-color: #90c;}
.vx-checkbox .checkmark {position: absolute; top: 0; left: 0; height: 15px; width: 15px;
    background-color: #eee; border-radius: 50%;}
.vx-checkbox input:checked ~ .checkmark:after {display: block;}
.vx-checkbox .checkmark:after {content: ""; position: absolute; display: none;}
.vx-checkbox .checkmark:after {top: 5px; left: 5px; width: 5px; height: 5px; border-radius: 50%;
    background: white;}
.vx-checkbox:hover input ~ .checkmark {background-color: #ccc;}
.ctn {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto; width:100%}
.row{display: flex; flex-wrap: wrap; padding-right: calc(var(--vx-gutter-x)* .5);
    padding-left: calc(var(--vx-gutter-x)* .5); margin-top: var(--vx-gutter-y);}
.row>* {flex-shrink: 0; width: 100%; max-width: 100%;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5); margin-top: var(--bs-gutter-y);}
img, svg {vertical-align: middle;}
.g-3, .gy-3 {--bs-gutter-y: 1rem;}
.g-3, .gx-3 {--bs-gutter-x: 1rem;}
.col-xs-12 {width: 100%;}
.col-xs-11 {width: 91.66666666666666%;}
.col-xs-10 {width: 83.33333333333334%;}
.col-xs-9 {width: 75%;}
.col-xs-8 {width: 66.66666666666666%;}
.col-xs-7 {width: 58.333333333333336%;}
.col-xs-6 {width: 50%;}
.col-xs-5 {width: 41.66666666666667%;}
.col-xs-4 {width: 33.33333333333333%;}
.col-xs-3 {width: 25%;}
.col-xs-2 {width: 16.666666666666664%;}
.col-xs-1 {width: 8.333333333333332%;}
.v-flex{display: flex;}
.justify-content-start{justify-content: start;}
.justify-content-end{justify-content: end;}
.justify-content-center{justify-content: center;}
.justify-content-between{justify-content: space-between;}
.justify-content-around{justify-content: space-around;}
.justify-content-even{justify-content: space-evenly;}
.align-items-start{align-items: start;}
.align-items-end{align-items: end;}
.align-items-center{align-items: center;}
.align-items-baseline{align-items: baseline;}
.align-items-strech{align-items: stretch;}

.v-grid{display: grid !important;}

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



.p-4{padding: 1.5rem !important}




.mb-0 {margin-bottom: 0 !important;}
.mb-3{margin-bottom: 1rem !important;}
.mb-4 {margin-bottom: 1.5rem !important;}

@media (min-width: 768px) {
    .ctn {width: 750px;}
    .col-sm-12 {width: 100%;}
    .col-sm-11 {width: 91.66666666666666%;}
    .col-sm-10 {width: 83.33333333333334%;}
    .col-sm-9 {width: 75%;}
    .col-sm-8 {width: 66.66666666666666%;}
    .col-sm-7 {width: 58.333333333333336%;}
    .col-sm-6 {width: 50%;}
    .col-sm-5 {width: 41.66666666666667%;}
    .col-sm-4 {width: 33.33333333333333%;}
    .col-sm-3 {width: 25%;}
    .col-sm-2 {width: 16.666666666666664%;}
    .col-sm-1 {width: 8.333333333333332%;}
}

@media (min-width: 992px) {
    .ctn {width: 970px;}
    .col-md-1{width: 8.333333333333332%;}
    .col-md-2{width: 16.666666666666664%;}
    .col-md-3{width: 25%;}
    .col-md-4{width: 33.33333333333333%;}
    .col-md-5{width: 41.66666666666667%;}
    .col-md-6{width: 50%;}
    .col-md-7{width: 58.333333333333336%;}
    .col-md-8{width: 66.66666666666666%;}
    .col-md-9{width:75%;}
    .col-md-10{width: 83.33333333333334%;}
    .col-md-11{width: 91.66666666666666%;}
    .col-md-12{width: 100%;}
}

@media (min-width: 1200px) {
    .ctn { width: 1170px;}
    .col-lg-12 {width: 100%;}
    .col-lg-11 {width: 91.66666666666666%;}
    .col-lg-10 {width: 83.33333333333334%;}
    .col-lg-9 {width: 75%;}
    .col-lg-8 {width: 66.66666666666666%;}
    .col-lg-7 {width: 58.333333333333336%;}
    .col-lg-6 {width: 50%;}
    .col-lg-5 {width: 41.66666666666667%;}
    .col-lg-4 {width: 33.33333333333333%;}
    .col-lg-3 {width: 25%;}
    .col-lg-2 {width: 16.666666666666664%;}
    .col-lg-1 {width: 8.333333333333332%;}
}
@media (max-width: 480px) {
}