@charset "UTF-8";
@import "../fonts/font-awesome/css/font-awesome.css";

html {
    font-size: 1.03em;
    color: #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    font: 1em 'FontRegular', Helvetica, sans-serif;
    -webkit-text-stroke: 0 currentColor !important;
    -webkit-font-smoothing: antialiased !important;
    margin: 0;
}
*, *:before, *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

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

/*** project font ***/
@font-face {
    font-family: 'FontRegular';
    src: url(../fonts/segoe-ui/segoeui.ttf) format('truetype');
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'FontRegularItalic';
    src: url(../fonts/segoe-ui/segoeui-italic.ttf) format('truetype');
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'FontBold';
    src: url(../fonts/segoe-ui/segoeui-bold.ttf) format('truetype');
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'FontBoldItalic';
    src: url(../fonts/segoe-ui/segoeui-bold-italic.ttf) format('truetype');
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'FontBlack';
    src: url(../fonts/segoe-ui/segoeui-black.ttf) format('truetype');
    font-style: normal;
    font-weight: normal;
}
.ff-regular {
    font-family: 'FontRegular', Helvetica, sans-serif !important;
    font-weight: normal;
}
.ff-italic {
    font-family: 'FontRegularItalic', Helvetica, sans-serif !important;
    font-weight: normal;
}
.ff-bold, optgroup {
    font-family: 'FontBold', Helvetica, sans-serif !important;
    font-weight: normal;
}
.ff-bolditalic {
    font-family: 'FontBoldItalic', Helvetica, sans-serif !important;
    font-weight: normal;
}
.ff-black {
    font-family: 'FontBlack', Helvetica, sans-serif !important;
    font-weight: normal;
}


/*** text styles ***/
.tsh-1 {
    text-shadow: 0 0 1px rgba(125, 125, 125, 0.94);
}
.td-u,
.td-h-u:hover,
.td-h-u:focus {
    text-decoration: underline !important;
}
.td-da,
.td-h-da:hover,
.td-h-da:focus {
    text-decoration: underline !important;
    text-decoration-style: dashed;
}
.td-do,
.td-h-do:hover,
.td-h-do:focus {
    text-decoration: underline !important;
    text-decoration-style: dotted;
}
.fs-inh {
    font-size: inherit !important;
}
.fs-05 {
    font-size: 0.5em !important;
}
.fs-07 {
    font-size: 0.7em !important;
}
.fs-08 {
    font-size: 0.8em !important;
}
.fs-085 {
    font-size: 0.85em !important;
}
.fs-09 {
    font-size: 0.9em !important;
}
.fs-095 {
    font-size: 0.95em !important;
}
.fs-1 {
    font-size: 1em !important;
}
.fs-115 {
    font-size: 1.15em !important;
}
.fs-117 {
    font-size: 1.17em !important;
}
.fs-13 {
    font-size: 1.3em !important;
}
.fs-14 {
    font-size: 1.4em !important;
}
.fs-15 {
    font-size: 1.5em !important;
}
.fs-17 {
    font-size: 1.7em !important;
}
.fs-2 {
    font-size: 2em !important;
}
.fs-1r {
    font-size: 1rem !important;
}
.fs-small {
    font-size: 12px !important
}
.fs-large {
    font-size: 18px !important
}
.fs-xlarge {
    font-size: 24px !important
}
.fs-xxlarge {
    font-size: 36px !important
}
.fs-xxxlarge {
    font-size: 44px !important
}

.tt-upper {
    text-transform: uppercase;
}
.tt-lower {
    text-transform: lowercase;
}
.tt-cap {
    text-transform: capitalize;
}

.va-middle {
    vertical-align: middle;
}

a {
    text-decoration: none;
    color: inherit;
}
a.h-u:hover, a.h-u:focus {
    text-decoration: underline;
}

b, th, strong {
    font-family: 'FontBold', Helvetica, sans-serif;
    font-weight: normal;
}
optgroup option {
    font-family: 'FontRegular', Helvetica, sans-serif;
}

i, address {
    font-style: normal;
}
.medium-i {
    font-style: italic;
}


.clearfix:after,
.cols:after {
    content: '';
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix-b:before {
    content: '';
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}
fieldset {
    margin: 0;
    border: 0;
}

/*** align text and element ***/
.txt-center {
    text-align: center !important;
}
.txt-left {
    text-align: left !important;
}
.txt-right {
    text-align: right !important;
}
.txt-just {
    text-align: justify !important;
}
.txt-wrap {
    white-space: normal !important;
    overflow-wrap: break-word;
    word-wrap: break-word;
}
.txt-nowrap {
    white-space: nowrap;
}
.txt-nowrap-childs a,
.txt-nowrap-childs b,
.txt-nowrap-childs strong,
.txt-nowrap-childs i,
.txt-nowrap-childs span {
    white-space: nowrap;
}
.txt-ellipsis {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/*** displays ***/
.d-block {
    display: block !important;
}
.d-iblock {
    display: inline-block !important;
}
.d-none {
    display: none !important;
}
.d-flex {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
}
.f-center {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
}
.f-middle {
    -webkit-align-items: center;
    align-items: center;
}
.f-column { /*another way to middle center*/
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
}
.d-table {
    display: table !important;
    border-collapse: collapse;
}
.d-trow {
    display: table-row !important;
}
.d-tcell {
    display: table-cell !important;
}


/*** margins ***/
.mg-auto {
    margin: auto !important;
}
.mg-0 {
    margin: 0 !important;
}
.mg-4 {
    margin: 4px !important;
}
.mg-6 {
    margin: 6px !important;
}
.mg-8 {
    margin: 8px !important;
}
.mg-12 {
    margin: 12px !important;
}
.mg-16 {
    margin: 16px !important;
}
.mg-4-a {
    margin: 4px auto !important;
}
.mg-8-a {
    margin: 8px auto !important;
}
.mg-10-a {
    margin: 10px auto !important;
}
.mg-12-a {
    margin: 12px auto !important;
}
.mg-16-a {
    margin: 16px auto !important;
}
.mg-20-a {
    margin: 20px auto !important;
}
.mg-a-6 {
    margin: auto 6px !important;
}
.mg-a-10 {
    margin: auto 10px !important;
}
.mg-1em-0 { /*like h3 and p margin*/
    margin: 1em 0 !important;
}
.mg-125em-0 {
    margin: 1.25em 0 !important;
}
.mg-133em-0 { /*like h4 margin*/
    margin: 1.33em 0 !important;
}
.mg-2em-0 {
    margin: 2em 0 !important;
}

.mg-t-4 {
    margin-top: 4px !important;
}
.mg-t-6 {
    margin-top: 6px !important;
}
.mg-t-8 {
    margin-top: 8px !important;
}
.mg-t-12 {
    margin-top: 12px !important;
}
.mg-t-16 {
    margin-top: 16px !important;
}
.mg-t-20 {
    margin-top: 20px !important;
}
.mg-t-24 {
    margin-top: 24px !important;
}
.mg-t-32 {
    margin-top: 32px !important;
}

.mg-r-4 {
    margin-right: 4px !important;
}
.mg-r-6 {
    margin-right: 6px !important;
}
.mg-r-8 {
    margin-right: 8px !important;
}
.mg-r-12 {
    margin-right: 12px !important;
}
.mg-r-16 {
    margin-right: 16px !important;
}
.mg-r-20 {
    margin-right: 20px !important;
}
.mg-r-24 {
    margin-right: 24px !important;
}
.mg-r-32 {
    margin-right: 32px !important;
}

.mg-b-4 {
    margin-bottom: 4px !important;
}
.mg-b-6 {
    margin-bottom: 6px !important;
}
.mg-b-8 {
    margin-bottom: 8px !important;
}
.mg-b-12 {
    margin-bottom: 12px !important;
}
.mg-b-16 {
    margin-bottom: 16px !important;
}
.mg-b-20 {
    margin-bottom: 20px !important;
}
.mg-b-24 {
    margin-bottom: 24px !important;
}
.mg-b-32 {
    margin-bottom: 32px !important;
}

.mg-l-4 {
    margin-left: 4px !important;
}
.mg-l-6 {
    margin-left: 6px !important;
}
.mg-l-8 {
    margin-left: 8px !important;
}
.mg-l-12 {
    margin-left: 12px !important;
}
.mg-l-16 {
    margin-left: 16px !important;
}
.mg-l-20 {
    margin-left: 20px !important;
}
.mg-l-24 {
    margin-left: 24px !important;
}
.mg-l-32 {
    margin-left: 32px !important;
}

.mg-lr--6 {
    margin-left: -6px !important;
    margin-right: -6px !important;
}
.mg-lr--8 {
    margin-left: -8px !important;
    margin-right: -8px !important;
}
.mg-lr--12 {
    margin-left: -12px !important;
    margin-right: -12px !important;
}
.mg-lr--16 {
    margin-left: -16px !important;
    margin-right: -16px !important;
}

.bdr-none {
    border: none !important;
}
.bdr-collapse {
    border-collapse: collapse;
}

/*** cursors ***/
.cur-def {
    cursor: default;
}
.cur-pointer {
    cursor: pointer;
}
.cur-loading {
    cursor: progress;
}
.cur-unable {
    cursor: not-allowed;
}

::-webkit-input-placeholder {
    color: #bbb;
    font-family: 'FontRegular', Helvetica, sans-serif;
}
::-moz-placeholder {
    color: #bbb;
    opacity: 1;
    font-family: 'FontRegular', Helvetica, sans-serif;
}
:-ms-input-placeholder {
    color: #bbb;
    font-family: 'FontRegular', Helvetica, sans-serif;
}


.radius3 {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.radius4 {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 5px;
}
.radius5 {
    border-radius: 5px;
}
.radius10 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.radius18 {
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
}
.radius24 {
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
}
.radius50p {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}


h1, h2, h3, h4, h5, h6, dt {
    font-family: 'FontBlack', Helvetica, sans-serif;
    font-weight: normal;
    margin: 0;
}
h1 {
    font-size: 2em;
}

.pd-0 {
    padding: 0 !important;
}
.pd-tb-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.pd-4 {
    padding: 4px !important;
}
.pd-6 {
    padding: 6px !important;
}
.pd-8 {
    padding: 8px !important;
}
.pd-10 {
    padding: 10px !important;
}
.pd-12 {
    padding: 12px !important;
}
.pd-16 {
    padding: 16px !important;
}
.pd-20 {
    padding: 20px !important;
}
.pd-24 {
    padding: 24px !important;
}

.pd-t-4 {
    padding-top: 4px !important;
}
.pd-t-6 {
    padding-top: 6px !important;
}
.pd-t-8 {
    padding-top: 8px !important;
}
.pd-t-10 {
    padding-top: 10px !important;
}
.pd-t-12 {
    padding-top: 12px !important;
}
.pd-t-16 {
    padding-top: 16px !important;
}
.pd-t-20 {
    padding-top: 20px !important;
}
.pd-t-24 {
    padding-top: 24px !important;
}

.pd-r-4 {
    padding-top: 4px !important;
}
.pd-r-6 {
    padding-right: 6px !important;
}
.pd-r-8 {
    padding-right: 8px !important;
}
.pd-r-10 {
    padding-right: 10px !important;
}
.pd-r-12 {
    padding-right: 12px !important;
}
.pd-r-16 {
    padding-right: 16px !important;
}
.pd-r-20 {
    padding-right: 20px !important;
}
.pd-r-24 {
    padding-right: 24px !important;
}

.pd-b-4 {
    padding-bottom: 4px !important;
}
.pd-b-6 {
    padding-bottom: 6px !important;
}
.pd-b-8 {
    padding-bottom: 8px !important;
}
.pd-b-10 {
    padding-bottom: 10px !important;
}
.pd-b-12 {
    padding-bottom: 12px !important;
}
.pd-b-16 {
    padding-bottom: 16px !important;
}
.pd-b-20 {
    padding-bottom: 20px !important;
}
.pd-b-24 {
    padding-bottom: 24px !important;
}

.pd-l-4 {
    padding-left: 4px !important;
}
.pd-l-6 {
    padding-left: 6px !important;
}
.pd-l-8 {
    padding-left: 8px !important;
}
.pd-l-10 {
    padding-left: 10px !important;
}
.pd-l-12 {
    padding-left: 12px !important;
}
.pd-l-16 {
    padding-left: 16px !important;
}
.pd-l-20 {
    padding-left: 20px !important;
}
.pd-l-24 {
    padding-left: 24px !important;
}

.pd-04 {
    padding: 0 4px !important;
}
.pd-06 {
    padding: 0 6px !important;
}
.pd-08 {
    padding: 0 8px !important;
}
.pd-010 {
    padding: 0 10px !important;
}
.pd-012 {
    padding: 0 12px !important;
}
.pd-016 {
    padding: 0 16px !important;
}
.pd-024 {
    padding: 0 24px !important;
}
.pd-tb-16 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}
.pd-tb-24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}
.pd-tb-32 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
}

.pos-rel {
    position: relative !important;
}
.pos-abs {
    position: absolute !important;
}
.pos-top, .pos-bottom {
    position: fixed !important;
    z-index: 1;
}
.pos-top {
    top: 0;
}
.pos-bottom {
    bottom: 0;
}
.pos-sticky {
    position: sticky;
}

.rotate90 {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.rotate180 {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.flt-none {
    float: none !important;
}
.flt-right {
    float: right !important;
}
.flt-left {
    float: left !important;
}


/*** input, select ***/
input[type=text], input[type=number], input[type=password],
input[type=email], input[type=date], input[type=time],
input[type=tel], select, textarea, .input-aspect,
button, input[type=submit], input[type=reset] {
    height: 34px;
    border: 1px solid #ddd;
    padding: 0 10px;
}
select[multiple] {
    height: auto;
}
button, input[type=submit], input[type=reset] {
    font-family: 'FontMedium', Helvetica, sans-serif;
    border: none;
}
button.btn-rad, input[type=submit].btn-rad, input[type=reset].btn-rad {
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
}

input[type=text], input[type=number], input[type=password],
input[type=email], input[type=date], input[type=time],
input[type=tel], input[type=search], textarea, button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
input[type=text].focusable:hover, input[type=number].focusable:hover, input[type=password].focusable:hover,
input[type=email].focusable:hover, input[type=date].focusable:hover, input[type=time].focusable:hover,
input[type=tel].focusable:hover, textarea.focusable:hover, select.focusable:hover {
    border-color: #ccc;
}
input[type=text].focusable:focus, input[type=number].focusable:focus, input[type=password].focusable:focus,
input[type=email].focusable:focus, input[type=date].focusable:focus, input[type=time].focusable:focus,
input[type=tel].focusable:focus, textarea.focusable:focus, select.focusable:focus,
.focusableall input[type=text]:focus, .focusableall input[type=number]:focus, .focusableall input[type=password]:focus,
.focusableall input[type=email]:focus, .focusableall input[type=date]:focus, .focusableall input[type=time]:focus,
.focusableall input[type=tel]:focus, .focusableall textarea:focus, .focusableall select:focus {
    border-color: rgba(67, 149, 236, 0.6);
    -webkit-box-shadow: 0 0 6px -2px #7a9fc5;
    -moz-box-shadow: 0 0 6px -2px #7a9fc5;
    box-shadow: 0 0 6px -2px #7a9fc5;
    outline: none;
}
.flds-bdrb input[type=text], .flds-bdrb input[type=number], .flds-bdrb input[type=password],
.flds-bdrb input[type=email], .flds-bdrb input[type=date], .flds-bdrb input[type=time],
.flds-bdrb input[type=tel], .flds-bdrb textarea, .flds-bdrb select {
    border-width: 0 0 2px 0;
    outline: none;
}

input[type=date]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none;
}
::-webkit-search-cancel-button {
    -webkit-appearance: none;
    display: none;
}
::-webkit-search-results-button {
    -webkit-appearance: none;
    display: none;
}

input[type=text]:disabled, input[type=number]:disabled, input[type=password]:disabled,
input[type=email]:disabled, input[type=date]:disabled, input[type=time]:disabled,
input[type=tel]:disabled, select:disabled, textarea:disabled, .input-aspect.disabled {
    cursor: not-allowed;
    background: rgb(243, 243, 243) !important;
}

.w-ariainvalid [aria-invalid='true'],
.w-ariainvalid select[aria-invalid='true'] + .select2-container .select2-selection,
.w-ariainvalid input[type='hidden'].flatpickr-input[aria-invalid='true'] + input[type='text'].flatpickr-input {
    border-color: rgb(224, 131, 131);
}
.w-ariainvalid [aria-invalid='false'],
.w-ariainvalid select[aria-invalid='false'] + .select2-container .select2-selection,
.w-ariainvalid input[type='hidden'].flatpickr-input[aria-invalid='false'] + input[type='text'].flatpickr-input {
    border-color: rgb(64, 179, 111);
}


/*********************/
/*** alert bottons ***/
/*********************/
.btn {
    height: 34px;
    padding: 0 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    display: inline-flex;
    align-items: center;
    border: none;
    color: white;
    cursor: pointer;
    -webkit-justify-content: center;
    justify-content: center;
    outline: none;
    position: relative;
}
.btn.fh-stl:hover,
.btn.fh-stl:focus {
    -webkit-box-shadow: 0 2px 10px -4px #000;
    -moz-box-shadow: 0 2px 10px -4px #000;
    box-shadow: 0 2px 10px -4px #000;
}
.btn.fh-stl:focus {
    outline: 2px solid #000;
}
.btn:active {
    top: 2px;
}
.btn.btn-success {
    background: #38b362;
}
.btn.btn-success:hover,
.btn.btn-success:focus {
    background: #3ba25f;
}
.btn.btn-info {
    background: #4395ec;
}
.btn.btn-info:hover,
.btn.btn-info:focus {
    background: #0b7dda;
}
.btn.btn-warning {
    background: #f59607;
}
.btn.btn-warning:hover,
.btn.btn-warning:focus {
    background: #e68a00;
}
.btn.btn-danger {
    background: #ec463a;
}
.btn.btn-danger:hover,
.btn.btn-danger:focus {
    background: #d83327;
}
.btn.btn-default {
    background: #dadada;
    color: inherit;
}
.btn.btn-default:hover,
.btn.btn-default:focus {
    background: #d0d0d0;
}
.btn.btn-action {
    background: #1e7adc;
    color: #fff;
}
.btn.btn-action:hover,
.btn.btn-action:focus {
    background: #2373c7;
}
.btn.btn-clean {
    background-color: transparent;
    color: inherit;
    height: auto;
    padding: 0;
}
.btn.btn-clean.likeinput {
    height: 34px;
}
.btn.btn-clean:hover, .btn.btn-clean:active, .btn.btn-clean:focus {
    box-shadow: none;
    top: 0;
}
.btn.btn-clean.likeinput:focus {
    border-color: rgba(67, 149, 236, 0.6);
}
.btn-clean { /*to be used alone*/
    height: auto;
    padding: 0;
    cursor: pointer;
    background-color: transparent;
}

.outlined,
.outlined-all button,
.outlined-all a[href] {
    outline: none;
}
.outlined:focus,
.outlined-all button:focus,
.outlined-all a[href]:focus {
    box-shadow: 0 0 0 0.17rem rgba(49, 162, 184, 0.5);
}


/**************/
/*** alerts ***/
/**************/
.alert {
    padding: 10px;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #0d0d0e;
}
.alert.al-success {
    background-color: #cef9c5;
    border-color: #b5e4b4;
}
.alert.al-info {
    background-color: #c8ddf3;
    border-color: #b1cae8;
}
.alert.al-warning {
    background-color: #fff8c8;
    border-color: #f9e6b0;
}
.alert.al-danger {
    background-color: #f7d4d4;
    border-color: #e0b7b7;
}
.alert.quote {
    border: 0;
    border-left: 4px solid #7851b7;
    background: #f0eaf7;
    border-radius: 0;
}

/*** backgrounds ***/
.bg-transp {
    background-color: transparent !important;
}
.bg-primary {
    color: #fff;
    background-color: #337ab7;
}
.bg-success {
    background-color: #cef9c5;
}
.bg-info {
    background-color: #c8ddf3;
}
.bg-warning {
    background-color: #fff8c8;
}
.bg-danger {
    background-color: #f7d4d4;
}
.bg-l-gray {
    background-color: #d0d0d0 !important;
}
.bg-white {
    background-color: white !important;
}
.bg-lightgray {
    background-color: #f5f5f5 !important;
}
.bg-gray {
    background-color: #bebebe !important;
}
.bg-dark {
    background-color: #1d1d1d !important;
    color: #fff;
}
.bg-blue,
.bg-h-blue:hover,
.bg-h-blue:focus {
    background-color: #1e7adc !important;
    color: #fff;
}


/*** text colors ***/
.txt-white {
    color: #fff !important;
}
.txt-muted {
    color: #a0a0a0 !important;
}
.txt-gray {
    color: #7d7d7d !important;
}
.txt-darkgray {
    color: #383838 !important;
}
.txt-primary,
.txt-blue,
.txt-h-blue:hover,
.txt-h-blue:focus {
    color: #1e7adc !important;
}
.txt-bgprimary {
    color: #337ab7 !important;
}
.txt-success {
    color: #15a748 !important; /*#3ba25f*/
}
.txt-info {
    color: #4395ec !important; /*#006cde*/
}
.txt-warning {
    color: #e48f21 !important;
}
.txt-danger {
    color: #c34444 !important;
}
.txt-root {
    color: #0d0d0e;
}
.txt-h-link:hover,
.txt-h-link:focus {
    color: #ee3e3d;
    text-decoration: underline;
}

.bdr-2 {
    border: 2px solid currentColor;
}
.bdr-3 {
    border: 3px solid currentColor;
}

button.icon {
    padding: 0;
    background: none;
    border: none;
}
button.no-sh:hover,
button.icon:hover,
button.no-sh:focus,
button.icon:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn, button {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    text-align: center;
}
.btn.disabled, .btn:disabled, button:disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

.block-flds input[type=text],
.block-flds input[type=password],
.block-flds input[type=email],
.block-flds select,
.block-flds textarea {
    display: block;
}
.block-flds.width input[type=text],
.block-flds.width input[type=password],
.block-flds.width input[type=email],
.block-flds.width select,
.block-flds.width textarea {
    width: 100%;
}

textarea {
    height: auto;
    resize: vertical;
    padding: 5px 10px;
}
legend, label, .label-aspect {
    font-family: 'FontMedium', Helvetica, sans-serif;
}
label, .label-aspect {
    cursor: default;
}

.w-auto {
    width: auto !important;
}
.w-5 {
    width: 5% !important;
}
.w-10 {
    width: 10% !important;
}
.w-15 {
    width: 15% !important;
}
.w-20 {
    width: 20% !important;
}
.w-25 {
    width: 25% !important;
}
.w-30 {
    width: 30% !important;
}
.w-35 {
    width: 35% !important;
}
.w-40 {
    width: 40% !important;
}
.w-45 {
    width: 45% !important;
}
.w-48 {
    width: 48% !important;
}
.w-50 {
    width: 50% !important;
}
.w-55 {
    width: 55% !important;
}
.w-58 {
    width: 58% !important;
}
.w-60 {
    width: 60% !important;
}
.w-65 {
    width: 65% !important;
}
.w-70 {
    width: 70% !important;
}
.w-75 {
    width: 75% !important;
}
.w-80 {
    width: 80% !important;
}
.w-85 {
    width: 85% !important;
}
.w-90 {
    width: 90% !important;
}
.w-95 {
    width: 95% !important;
}
.w-98 {
    width: 98% !important;
}
.w-100 {
    width: 100% !important;
}

.h-auto {
    height: auto !important;
}

button.loading:after {
    content: '\f110';
    font-family: FontAwesome, serif;
    margin-left: 5px;
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
    display: inline-block;
}


.lh-09{
    line-height: 0.9;
}
.lh-1{
    line-height: 1;
}
.lh-1-5 {
    line-height: 1.5;
}
.lh-2 {
    line-height: 2;
}
.lh-2-5 {
    line-height: 2.5;
}

table.td-padd13 td,
table.td-padd13 th {
    padding: 1px 3px !important;
}

.cn-ul {
    list-style: none;
    padding: 0;
    margin: 0
}
.cn-table {
    border-collapse: collapse;
    width: 100%;
}
.cn-table th,
.cn-table td {
    padding: 4px;
}
.t-bc-separate {
    border-collapse: separate !important;
}

.trans-c-bg-2ms {
    -webkit-transition: color 2ms, background 2ms;
    -moz-transition: color 2ms, background 2ms;
    -o-transition: color 2ms, background 2ms;
    transition: color 2ms, background 2ms;
}

.overf-a {
    overflow: auto;
}
.overf-h {
    overflow: hidden;
}
.overfx-h {
    overflow-x: hidden;
}
.overfy-h {
    overflow-y: hidden;
}

.fa-envelope:before {
    font-size: 0.8em;
}
.fa-group:before, .fa-users:before,
.fa-facebook-f:before, .fa-facebook:before {
    font-size: 0.9em;
}
.fa-address-book:before {
    font-size: 0.88em;
}
.fa-th-large:before {
    font-size: 0.96em;
}


.cn-overlay {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-color: #000;
    opacity: 0.65;
    filter: alpha(Opacity=65);
}
.cn-modal-wp,
.cn-modal-wp-over {
    position: fixed;
    display: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    outline: 0;
    z-index: 101;
}
.cn-modal-wp.under {
    z-index: 99;
}

.fixed-loading-icon {
    display: none;
    width: 80px;
    height: 80px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: url(../img/spinner-1s.svg) no-repeat center;
    background-size: 100% 100%;
    z-index: 20;
}


.w3-check, .w3-radio {
    width: 24px;
    height: 24px;
    position: relative;
    top: 6px;
}

.abs-mid {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.abs-top {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
}
.abs-bottom {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
}

.cn-section,
.padd-section {
    padding-left: 24px;
    padding-right: 24px;
}
.max-w {
    max-width: 1296px;
    margin: auto;
}
.wp-center {
    margin-left: auto;
    margin-right: auto;
}

.txt-dropcap {
    float: left;
    font-size: 2.9em;
    line-height: 44px;
    padding-right: 8px;
    padding-left: 3px;
}
.txt-dropcap.l3 {
    font-size: 4.4em;
    line-height: 66px;
}

#link-go-top {
    position: fixed;
    right: 24px;
    bottom: 40px;
    width: 45px;
    height: 45px;
    line-height: 43px;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms;
    background: #717171;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    visibility: hidden;
    z-index: 10;
    font-size: 1.5em;
    text-align: center;
    opacity: 0;
}
#link-go-top.visible {
    visibility: visible;
    opacity: 0.4;
}
#link-go-top:hover,
#link-go-top:focus {
    opacity: 1;
}


.cols:before, .cols:after {
    content: "";
    display: table;
    clear: both;
}
.cols > .col-two, .cols > .col-three, .cols > .col-four, .cols > .col-five, .cols > .col-six {
    float: left;
}
.col-padding > .col-two, .col-padding > .col-three, .col-padding > .col-four,
.col-padding > .col-five, .col-padding > .col-six {
    padding: 0 8px;
}
.col-two {
    width: 50%;
}
.col-three {
    width: 33.33333%;
}
.col-four {
    width: 25%;
}
.col-five {
    width: 20%;
}
.col-six {
    width: 16.66666%;
}

@media (max-width: 1370px) {
    .max-w {
        max-width: 1248px;
    }
}

@media (max-width: 992px) {
    .col-six {
        width: 20%;
    }
}

@media (max-width: 768px) {
    .col-four {
        width: 33.33333%;
    }
    .col-five {
        width: 25%;
    }
}

@media (max-width: 600px) {
    .col-two {
        width: 100%;
    }
    .col-three {
        width: 50%;
    }
    .col-six {
         width: 25%;
    }
}

@media (max-width: 500px) {
    .col-three {
        width: 100%;
    }
    .col-four {
         width: 50%;
     }
    .col-five {
        width: 33.33333%;
    }
}

@media (max-width: 425px) {
    h1 {
        font-size: 2.2em;
    }
}

@media (max-width: 375px) {
    h1 {
        font-size: 2.0em;
    }
}


.menu-icon {
    display: block;
    width: 40px;
    height: 33px;
    overflow: hidden;
    padding-bottom: 7px;
}
.menu-icon span {
    display: block;
    width: 32px;
    height: 2px; /*4*/
    background: #fff;
    margin: 7px auto auto;
    border-radius: 1px;
    -webkit-transition: opacity 300ms, transform 300ms;
    -moz-transition: opacity 300ms, transform 300ms;
    -o-transition: opacity 300ms, transform 300ms;
    transition: opacity 300ms, transform 300ms;
}
.menu-icon.open .bar1 {
    -webkit-transform: rotate(45deg) translate(7px, 7px);
    -moz-transform: rotate(45deg) translate(7px, 7px);
    -ms-transform: rotate(45deg) translate(7px, 7px);
    -o-transform: rotate(45deg) translate(7px, 7px);
    transform: rotate(45deg) translate(7px, 6px);
}
.menu-icon.open .bar2 {
    opacity: 0;
}
.menu-icon.open .bar3 {
    -webkit-transform: rotate(-45deg) translate(7px, -7px);
    -moz-transform: rotate(-45deg) translate(7px, -7px);
    -ms-transform: rotate(-45deg) translate(7px, -7px);
    -o-transform: rotate(-45deg) translate(7px, -7px);
    transform: rotate(-45deg) translate(7px, -6px);
}


.div-title {
    margin: 16px 0;
}
.h-title {
    display: inline-block;
    position: relative;
    font-size: 1.4rem;
}
.h-title.uline {
    padding-bottom: 5px;
}
.h-title.uline:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #1d1d1d;
}

.separator {
    display: block;
    margin: 1em 0;
    height: 2px;
    border: none;
    background: currentColor;
}
.separator.dotted {
    height: 0 !important;
    border-top: dotted currentColor;
    border-width: 2px;
    background: transparent;
}
.separator.slim {
    height: 1px;
    border-width: 1px;
}
.separator.clean {
    height: 0;
    background: transparent;
}


.trigger:hover,
.trigger:focus {
    border-color: currentColor !important;
}

.cn-loading:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255, .7) url(../img/slow-circle-loader.gif) no-repeat center;
    background-size: 100px 100px;
}

.zindex0 {
    z-index: 0;
}
.zindex1 {
    z-index: 1;
}
.zindex4 {
    z-index: 4;
}
.zindex5 {
    z-index: 5;
}
.zindex9 {
    z-index: 9;
}
.zindex10 {
    z-index: 10;
}
.zindex100 {
    z-index: 100;
}
.zindex101 {
    z-index: 101;
}
.zindex109 {
    z-index: 109;
}
.zindex110 {
    z-index: 110;
}


.dropcap {
    float: left;
    font-size: 2.9em;
    line-height: 44px;
    padding-right: 8px;
    padding-left: 3px;
}
.dropcap.l3 {
    font-size: 4.4em;
    line-height: 66px;
}


.f-col-spaced {
    display: flex !important;
    justify-content: space-between;
}
.f-col-spaced.two > div {
    width: 48.5%;
}
.f-col-spaced.three > div {
    width: 31.33333%;
}
.f-col-spaced.quarter > div {
    width: 22.75%;
}
.f-col-spaced label {
    font-family: 'FontBold', Helvetica, sans-serif;
}
.f-col-spaced input,
.f-col-spaced select,
.f-col-spaced textarea {
    width: 100%;
}


.h-menu {
    font-size: 0;
    padding: 0;
}
.h-menu li {
    display: inline-block;
    font-size: 1rem;
    margin: 5px;
}
.h-menu a,
.v-menu a {
    text-decoration: none;
}
.h-menu .list-item {
    display: inline-block;
    padding: 6px 12px;
    border: none;
    white-space: normal;
    float: none;
    outline: 0;
}
.v-menu .list-item {
    width: 100%;
    display: block;
    padding: 8px 16px;
    text-align: left;
    border: none;
    white-space: normal;
    float: none;
    outline: 0;
}

.w-uline {
    position: relative;
}
.w-uline:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: linear-gradient(90deg, rgba(42,188,208,1) 0%, rgba(0,114,254,1) 100%);
}

.bxsh-2 {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.55), 0 2px 10px 0 rgba(0, 0, 0, 0.19);
}


/*** no js mode ***/
.no-script {
    color: #fff;
    padding: 10px;
    width: 100%;
    background-color: #b05752;
    text-align: center;
    vertical-align: central;
}
.no-script a {
    color: #e6ffbc;
    border-bottom: 1px solid #edcd50;
}

.sticky .header-sticky {
    position: fixed;
    top: 0;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.33);
}


.cn-form {
    max-width: 90%;
    margin: auto;
}
.cn-form input,
.cn-form textarea,
.cn-form button {
    outline: none;
}
.cn-form input[type=text],
.cn-form input[type=number],
.cn-form input[type=email],
.cn-form textarea {
    width: 100%;
}
.cn-form input[aria-invalid],
.cn-form textarea[aria-invalid] {
    border-color: #ce3635;
}
.cn-form input[type=text]:focus,
.cn-form input[type=number]:focus,
.cn-form input[type=email]:focus,
.cn-form textarea:focus {
    border-color: #44a6da;
}


/*** icon inside input ***/
.icon-wrapper {
    position: relative;
    display: inline-block;
    z-index: 0;
}
.icon-wrapper .icon {
    position: absolute;
    height: 1em;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: 0.7;
    pointer-events: none;
}
.icon-wrapper.left .icon {
    left: 10px;
}
.icon-wrapper.left input {
    padding-left: 30px;
}
.icon-wrapper.rounded,
.icon-wrapper.rounded input {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    max-width: 100%;
}
.icon-wrapper.left.rounded .icon {
    left: 15px;
}
.icon-wrapper.left.rounded input {
    padding-left: 35px;
}


.drpdwn-arrow {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 99%;
    background-position-y: 5px;
}