@font-face {
    font-family: 'ElegantIcons';
    src: url('/asset/fonts/ElegantIcons.eot');
    src: url('/asset/fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'), url('/asset/fonts/ElegantIcons.woff') format('woff'), url('/asset/fonts/ElegantIcons.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: normal;
    font-display: auto;
    src: url("/asset/fonts/fa-brands-400.eot");
    src: url("/asset/fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),
    url("/asset/fonts/fa-brands-400.woff2") format("woff2"),
    url("/asset/fonts/fa-brands-400.woff") format("woff"),
    url("/asset/fonts/fa-brands-400.ttf") format("truetype"),
    url("/asset/fonts/fa-brands-400.svg#fontawesome") format("svg");
}

@font-face {
    font-family: 'font-fa';
    src: url('/asset/fonts/font-fa.woff');
    src: url('/asset/fonts/font-fa.woff2');
    font-weight: bold;
}

.font-fa {
    font-family: font-fa !important;
    font-weight: bold !important;
}

.fab {
    font-family: 'Font Awesome 5 Brands' !important;
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: url("/asset/fonts/fa-regular-400.eot");
    src: url("/asset/fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"),
    url("/asset/fonts/fa-regular-400.woff2") format("woff2"),
    url("/asset/fonts/fa-regular-400.woff") format("woff"),
    url("/asset/fonts/fa-regular-400.ttf") format("truetype"),
    url("/asset/fonts/fa-regular-400.svg#fontawesome") format("svg");
}

.far {
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 400 !important;
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    font-display: auto;
    src: url("/asset/fonts/fa-solid-900.eot");
    src: url("/asset/fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),
    url("/asset/fonts/fa-solid-900.woff2") format("woff2"),
    url("/asset/fonts/fa-solid-900.woff") format("woff"),
    url("/asset/fonts/fa-solid-900.ttf") format("truetype"),
    url("/asset/fonts/fa-solid-900.svg#fontawesome") format("svg");
}

.fa,
.fas {
    vertical-align: middle;
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900 !important;
}


@font-face {
    font-family: 'IRANSans-web';
    src: url('/asset/fonts/IRANSans-Bold-web.eot');

    src: url('/asset/fonts/IRANSans-Bold-web.eot') format('eot'), /* IE6–8 */ url('/asset/fonts/IRANSans-Bold-web.woff2') format('woff2'), /* Chrome36+, Opera24+*/ url('/asset/fonts/IRANSans-Bold-web.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('/asset/fonts/IRANSans-Bold-web.ttf') format('ttf');
    font-weight: bold;
}


@font-face {
    font-family: 'IRANSans-web';
    src: url('/asset/fonts/IRANSans-Medium-web.eot');

    src: url('/asset/fonts/IRANSans-Medium-web.eot') format('eot'), /* IE6–8 */ url('/asset/fonts/IRANSans-Medium-web.woff2') format('woff2'), /* Chrome36+, Opera24+*/ url('/asset/fonts/IRANSans-Medium-web.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('/asset/fonts/IRANSans-Medium-web.ttf') format('ttf');
    font-weight: 500;
}


@font-face {
    font-family: 'IRANSans-web';
    src: url('/asset/fonts/IRANSans-UltraLight-web.eot');

    src: url('/asset/fonts/IRANSans-UltraLight-web.eot') format('eot'), /* IE6–8 */ url('/asset/fonts/IRANSans-UltraLight-web.woff2') format('woff2'), /* Chrome36+, Opera24+*/ url('/asset/fonts/IRANSans-UltraLight-web.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('/asset/fonts/IRANSans-UltraLight-web.ttf') format('ttf');
    font-weight: 200;
}


@font-face {
    font-family: 'IRANSans-web';
    src: url('/asset/fonts/IRANSans-Light-web.eot');

    src: url('/asset/fonts/IRANSans-Light-web.eot') format('eot'), /* IE6–8 */ url('/asset/fonts/IRANSans-Light-web.woff2') format('woff2'), /* Chrome36+, Opera24+*/ url('/asset/fonts/IRANSans-Light-web.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('/asset/fonts/IRANSans-Light-web.ttf') format('ttf');
    font-weight: 300;
}


@font-face {
    font-family: 'IRANSans-web';
    src: url('/asset/fonts/IRANSans-web.eot');

    src: url('/asset/fonts/IRANSans-web.eot?#iefix') format('eot'), /* IE6–8 */ url('/asset/fonts/IRANSans-web.woff2') format('woff2'), /* Chrome36+, Opera24+*/ url('/asset/fonts/IRANSans-web.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('/asset/fonts/IRANSans-web.ttf') format('ttf');
    font-weight: normal;
}

@font-face {
    font-family: 'IRANSansWebFarsiNumbers';
    src: url('/asset/fonts/iransansweb(fanum)_ultralight.eot');
    src: url('/asset/fonts/iransansweb(fanum)_ultralight.eot?#iefix') format('embedded-opentype'), url('/asset/fonts/iransansweb(fanum)_ultralight.woff') format('woff'), url('/asset/fonts/iransansweb(fanum)_ultralight.woff2') format('woff2'), url('/asset/fonts/iransansweb(fanum)_ultralight.ttf') format('truetype');
    font-weight: 200;
}

@font-face {
    font-family: 'IRANSansWebFarsiNumbers';
    src: url('/asset/fonts/iransansweb(fanum)_light.eot');
    src: url('/asset/fonts/iransansweb(fanum)_light.eot?#iefix') format('embedded-opentype'), url('/asset/fonts/iransansweb(fanum)_light.woff') format('woff'), url('/asset/fonts/iransansweb(fanum)_light.woff2') format('woff2'), url('/asset/fonts/iransansweb(fanum)_light.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: 'IRANSansWebFarsiNumbers';
    src: url('/asset/fonts/iransansweb(fanum).eot');
    src: url('/asset/fonts/iransansweb(fanum).eot?#iefix') format('embedded-opentype'), url('/asset/fonts/iransansweb(fanum).woff') format('woff'), url('/asset/fonts/iransansweb(fanum).woff2') format('woff2'), url('/asset/fonts/iransansweb(fanum).ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: 'IRANSansWebFarsiNumbers';
    src: url('/asset/fonts/iransansweb(fanum)_medium.eot');
    src: url('/asset/fonts/iransansweb(fanum)_medium.eot?#iefix') format('embedded-opentype'), url('/asset/fonts/iransansweb(fanum)_medium.woff') format('woff2'), url('/asset/fonts/iransansweb(fanum)_medium.woff') format('woff2'), url('/asset/fonts/iransansweb(fanum)_medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'IRANSansWebFarsiNumbers';
    src: url('/asset/fonts/iransansweb(fanum)_bold.eot');
    src: url('/asset/fonts/iransansweb(fanum)_bold.eot?#iefix') format('embedded-opentype'), url('/asset/fonts/iransansweb(fanum)_bold.woff') format('woff'), url('/asset/fonts/iransansweb(fanum)_bold.woff2') format('woff2'), url('/asset/fonts/iransansweb(fanum)_bold.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: 'IRANSansWebFarsiNumbers';
    src: url('/asset/fonts/iransansweb(fanum)_black.eot');
    src: url('/asset/fonts/iransansweb(fanum)_black.eot?#iefix') format('embedded-opentype'), url('/asset/fonts/iransansweb(fanum)_black.woff') format('woff'), url('/asset/fonts/iransansweb(fanum)_black.woff2') format('woff2'), url('/asset/fonts/iransansweb(fanum)_black.ttf') format('truetype');
    font-weight: 900;
}

.#{$fa-css-prefix} -spin {
    animation: fa-spin 2s infinite linear;

}

.#{$fa-css-prefix} -pulse {
    animation: fa-spin 1s infinite steps(8);
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*////////////////////////fint-en\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    src: local('Poppins Light'), local('Poppins-Light'), url(https://fonts.gstatic.com/s/poppins/v8/pxiByp8kv8JHgFVrLDz8Z11lFc-K.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    src: local('Poppins Light'), local('Poppins-Light'), url(https://fonts.gstatic.com/s/poppins/v8/pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    src: local('Poppins Light'), local('Poppins-Light'), url(https://fonts.gstatic.com/s/poppins/v8/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: local('Poppins Regular'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v8/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: local('Poppins Regular'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v8/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: local('Poppins Regular'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v8/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    src: local('Poppins Medium'), local('Poppins-Medium'), url(https://fonts.gstatic.com/s/poppins/v8/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    src: local('Poppins Medium'), local('Poppins-Medium'), url(https://fonts.gstatic.com/s/poppins/v8/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    src: local('Poppins Medium'), local('Poppins-Medium'), url(https://fonts.gstatic.com/s/poppins/v8/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url(https://fonts.gstatic.com/s/poppins/v8/pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url(https://fonts.gstatic.com/s/poppins/v8/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url(https://fonts.gstatic.com/s/poppins/v8/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* devanagari */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: local('Poppins Bold'), local('Poppins-Bold'), url(https://fonts.gstatic.com/s/poppins/v8/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

/* latin-ext */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: local('Poppins Bold'), local('Poppins-Bold'), url(https://fonts.gstatic.com/s/poppins/v8/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: local('Poppins Bold'), local('Poppins-Bold'), url(https://fonts.gstatic.com/s/poppins/v8/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*////////////////////////fint-en-end\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*////////////////////////fint-add\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/* cyrillic-ext */
@font-face {
    font-family: 'PT Serif Caption';
    font-style: normal;
    font-weight: 400;
    src: local('PT Serif Caption'), local('PTSerif-Caption'), url(https://fonts.gstatic.com/s/ptserifcaption/v11/ieVl2ZhbGCW-JoW6S34pSDpqYKU019-7DRs5.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'PT Serif Caption';
    font-style: normal;
    font-weight: 400;
    src: local('PT Serif Caption'), local('PTSerif-Caption'), url(https://fonts.gstatic.com/s/ptserifcaption/v11/ieVl2ZhbGCW-JoW6S34pSDpqYKU019a7DRs5.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
    font-family: 'PT Serif Caption';
    font-style: normal;
    font-weight: 400;
    src: local('PT Serif Caption'), local('PTSerif-Caption'), url(https://fonts.gstatic.com/s/ptserifcaption/v11/ieVl2ZhbGCW-JoW6S34pSDpqYKU019y7DRs5.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'PT Serif Caption';
    font-style: normal;
    font-weight: 400;
    src: local('PT Serif Caption'), local('PTSerif-Caption'), url(https://fonts.gstatic.com/s/ptserifcaption/v11/ieVl2ZhbGCW-JoW6S34pSDpqYKU019K7DQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*////////////////////////fint-add-end\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
*, ::before, ::after {

    box-sizing: border-box;

}

* {
    direction: ltr;
    font-family: Poppins !important;
    font-size: 1rem;
}

.ltr {
    direction: ltr;
}

.radus {
    width: 8px !important;
    height: 8px !important;
    border-radius: 100%;
}

.showoo {
    transition: all 0.7s, -webkit-transform 0.7s;
}

.input-styly-prepend {
    border-left: none !important;
    border-radius: 0 3px 3px 0 !important;

    box-shadow: none !important;
}

.input-styly-prepend2 {
    border: none !important;
    border-radius: 0 3px 3px 0 !important;
    box-shadow: none !important;
}

.input-styly-append {
    border-right: none !important;
    border-radius: 3px 0 0 3px !important;
    box-shadow: none !important;
}

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

.border-radius-rb {
    border-radius: 0 3px 3px 0 !important;
}

.border-radius-tl {
    border-radius: 3px 0 0 3px !important;
}

.display-none {
    display: none;
}

.wh-100 {
    width: 100%;
    height: 100%;
}

border-none {
    border: none !important;
}

.top-0 {
    top: 0;
}

.right-0 {
    right: 0;
}

.left-0 {
    left: 0;
}

.bottom-0 {
    bottom: 0;
}

.color-black {
    color: #000;
}

/*/////////////////////////////////////////header//////////////////////////////////////////////////////header/////////////////////////////////////////*/
.btn-en-fa, .btn-en-fa > span {
    color: #77838f;
    border: none;
    font-weight: 300;
    font-size: 0.875rem;
}

.btn-en-fa:hover {
    color: #1e2022;
}

.btn-en-fa:focus {
    box-shadow: none;
}

.dropdown-item-icon {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 0.8125rem;
    min-width: 1rem;
    max-width: 1rem;
    margin-right: .5rem;
}

.font-dropdown {
    font-size: 0.875rem;
}

.dropdown-item.active {
    color: #377dff;
    background-color: transparent;
}

.btn-toggle {
    top: 50%;
    left: -24px;
}

.color-dngir {
    color: #69656f !important;
    font-size: 14px;
    -webkit-transition: color .15s ease-in-out;

    -moz-transition: color .15s ease-in-out;

    -ms-transition: color .15s ease-in-out;

    -o-transition: color .15s ease-in-out;

    transition: color .15s ease-in-out;
}

.color-dngir:hover {
    color: #377dff !important;
}

.red2, .red2 > span {
    color: #377dff !important;
}

.header-zer {
    -webkit-animation-duration: 300000ms;
    animation-duration: 300000ms;
    -webkit-animation-duration: 1000s;
    -webkit-animation-fill-mode: both;
    animation-duration: 1000s;
    animation-fill-mode: both;
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    min-width: 330px;
    max-width: 260px;
    display: none;
    border-top: 0.1875rem solid #377dff;
    border-bottom-right-radius: 0.3125rem;
    border-bottom-left-radius: 0.3125rem;
    box-shadow: 0 8px 20px rgba(55, 125, 255, 0.075);
    position: absolute;
    top: 100%;
    z-index: 2;
    margin-top: -.002rem;

    background-color: #fff;
    opacity: 1 !important;
}

.itme-header-p {
    padding: 0.5rem 0 0.8rem 0 !important;
}

.heder-after:after {
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-size: 65%;
    font-weight: 900;
    content: "\f107";
    margin-left: .5rem;
    transition: 0.3s ease;
}

.u-header__promo-item {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}

.u-header__promo-link {
    display: block;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
}

.u-header__promo-link:hover .u-header__promo-title {
    color: #377dff;
}

.u-header__promo-icon {
    width: 100%;
    max-width: 2.75rem;
    margin-right: 1rem;
    margin-bottom: -0.4375rem;
    vertical-align: baseline;
}

.u-header__promo-title {
    display: block;
    color: #1e2022;
    font-size: 1rem;
    font-weight: 500;
}

.u-header__promo-text {
    display: block;
    color: #77838f;
}

.u-header__promo-footer {
    background-color: #f8fafd;
    border-bottom-right-radius: 0.3125rem;
    border-bottom-left-radius: 0.3125rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.u-header__promo-footer-item {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.u-header__promo-footer-ver-divider {
    position: relative;
}

.u-header__promo-footer-ver-divider:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-right: 1px solid #bdc5d1;
    content: "";
}

.cursor-pointer {
    cursor: pointer !important;
}

.show-header-sm {
    -webkit-transform: none !important;
    transform: none !important;
}

.show-header-sm-span {
    -webkit-transform: none !important;
    transform: none !important;
    opacity: 1 !important;
}

.header-zer-sm {
    padding: 5px 10px 10px;
    background: #fff;
    position: fixed;
    top: 94px;
    bottom: 0;
    right: 0;
    left: 72px;
    z-index: 100000;
    overflow: auto;
    -webkit-transform: translateX(110%);
    transform: translateX(110%);
    transition: -webkit-transform .4s cubic-bezier(.51, .92, .24, 1.15);
    transition: transform .4s cubic-bezier(.51, .92, .24, 1.15);
    transition: transform .4s cubic-bezier(.51, .92, .24, 1.15), -webkit-transform .4s cubic-bezier(.51, .92, .24, 1.15);
}

.header-zer-sm-span {
    margin-bottom: 15px;
    padding-bottom: 5px;
    font-size: 13px;
    font-weight: 300;
    position: relative;
    color: #005d42;
    display: block;
    opacity: 0;
    transition: opacity .4s ease-in;
    background-color: #fff;
    min-height: 79px;
}

.click-backj {
    font-size: 27px;
    cursor: pointer;
}

.header-zer-sm-span-1 {
    display: block;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 20px;
    color: #005d42;
}

.header-zer-sm-span:after {
    content: '';
    display: block;
    height: 1px;
    background: #bed747;
    position: absolute;
    left: -10px;
    right: -10px;
    bottom: 0;
}

.header-zer-sm-li {
    transition: transform .3s cubic-bezier(.55, .225, 0, 1.15) .35s, opacity .2s ease-out .35s, -webkit-transform .3s cubic-bezier(.55, .225, 0, 1.15) .35s;
    margin-bottom: 10px;
    padding: 6px 10px;
    background: #bed747;
    font-weight: 700;
    opacity: 0;
    -webkit-transform: translateX(60px);
    transform: translateX(60px);
}

.header-zer-sm-li > a {
    color: #005d42 !important;
}

.header-zer-sm-li > a > span {
    color: #005d42;
    display: block;
    font-size: 13px;
    font-weight: 300;
}

/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\header-sm////////////////////////////////////////*/
.a-heder:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 10px 11px 0;
    border-color: transparent #fff transparent transparent;
    display: block;
    position: absolute;
    left: 29px;
    top: 50%;
    opacity: 0;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
    transition: opacity .1s ease-out, -webkit-transform .2s ease-out;
    transition: transform .2s ease-out, opacity .1s ease-out;
    transition: transform .2s ease-out, opacity .1s ease-out, -webkit-transform .2s ease-out;

}

.a-heder-show-after:after {
    opacity: 1;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    transition: opacity .2s ease-out .4s, -webkit-transform .2s ease-out .4s;
    transition: transform .2s ease-out .4s, opacity .2s ease-out .4s;
    transition: transform .2s ease-out .4s, opacity .2s ease-out .4s, -webkit-transform .2s ease-out .4s;
}

.sm-device-menu {
    background-color: #bed747;
    z-index: 99999;
    height: 100%;
    position: fixed;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    transform: translateY(100%);
    z-index: 10;
    right: 0px !important;
    transition: 1s;
    top: 60px;
    left: 0;
    right: 0;
}

.logo-heder {
    width: 155px;
    margin: 0 auto;
    display: block;
}

.list-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;

}

ul.sm-device-menu-item {
    padding: 0;
    height: 100%;
    overflow: auto;
}

ul.sm-device-menu-item > li {

    background: transparent !important;
    padding-right: 30px !important;
    padding-left: 30px !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    border-top: 0;
    border-right: 0;
    border-left: 0;
}

ul.sm-device-menu-item > li:hover a span {
    /*color: #fff !important;*/
}

ul.sm-device-menu-item > li > a {
    padding: 1em 0;
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 1.6em;
}

ul.sm-device-menu-item > li > a > span {
    color: #005d42;
    font-size: 20px;
    font-weight: 600;
    -webkit-transition: color .15s ease-in-out;
    -moz-transition: color .15s ease-in-out;
    -ms-transition: color .15s ease-in-out;
    -o-transition: color .15s ease-in-out;
    transition: color .15s ease-in-out;
    display: inline-block;
    position: relative;
    vertical-align: top;
}

ul.sm-device-menu-item > li a i {
    color: #ffffff;
}

.color-witi {
    color: #f2e8ff !important;
    font-size: 14px;
    -webkit-transition: color .15s ease-in-out;

    -moz-transition: color .15s ease-in-out;

    -ms-transition: color .15s ease-in-out;

    -o-transition: color .15s ease-in-out;

    transition: color .15s ease-in-out;
}

.color-witi:hover {
    color: #ffff !important;
}

.test {
    -webkit-transform: none;

    transform: none;

    opacity: 1;
}

/*/////////////////////////////////////////header-end//////////////////////////////////////////////////////header-end/////////////////////////////////////////*/
/*///////////////////////////////home\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.swiper-container {
    width: 100%;
    height: 100%;
}

.font-en-home-h1 {
    font-size: 3.5rem !important;
    font-weight: 300 !important;
    line-height: 1.2;
    color: #000;
}

.font-en-home-p {
    color: #77838f;
    line-height: 1.7;
    font-size: 1rem !important;
    font-weight: 400 !important;
}

.font-en-home-what {
    font-size: 2rem !important;
    font-weight: 300 !important;
    line-height: 1.5;
    color: #1e2022;
}

.font-en-home-1 {
    font-weight: 500;
    font-size: 1.5rem;
}

.font-en-home-2 {
    font-weight: 400;
    font-size: 1rem;
}

.font-en-home-3 {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #1e2022;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.home-h2 {
    font-size: 20px !important;
    font-weight: 400 !important;
    color: #69656f !important;
    line-height: 30px
}

.btn-home-blo {
    color: #377dff !important;
    transition: all 0.2s;
    background: rgba(55, 125, 255, 0.1);
    border-color: transparent;
    font-size: 16px !important;
    min-width: 9.6875rem;
    font-weight: 500 !important;
}

.btn-home-blo:hover {
    color: #fff !important;
    background: #377dff;
    box-shadow: 0 4px 11px rgba(55, 125, 255, 0.35);
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
}

.btn-play-span {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 3.75rem;
    height: 3.75rem;
    font-size: 0.8125rem;
    border-radius: 50%;
    color: #00c9a7;
    background-color: rgba(0, 201, 167, 0.1);
    transition: all 0.3s ease-in-out;
}

.btn-play-span-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-left: .125rem;
}
.btn-play{
    min-width: 160px;
}

.btn-play:hover .btn-play-span {
    color: #fff !important;
    background-color: #00c9a7 !important;
}

.btn-ssa {
    background: rgba(0, 201, 167, 0.1);
    color: #00c9a7;
    border-radius: 6.1875rem;
    font-size: 0.6875rem;
    font-weight: 400;
    padding: 0.4375rem 0.9375rem !important;
    border-color: transparent;
}

.btn-icon {
    color: #de4437;
    position: relative;
    font-size: 1.75rem;
    width: 5rem;
    height: 5rem;
    line-height: 0;
    padding: 0;
    background: rgba(222, 68, 55, 0.1);
    border-color: transparent;
    border-radius: 50% !important;
}

.home-p {
    font-size: 17px;
    font-weight: 300;
    color: #77838f;
    line-height: 30px;
}

.btn-home-grop {
    color: #8c98a4;
    background-color: #fff;
    border-color: #d5dae2;
}

.btn-home-grop:hover {
    color: #377dff;
    background-color: transparent;
    border-color: #377dff;
}

.wid-135px-btn {
    width: 135px !important;
}

.badge-home-off {
    top: 0;
    right: 0;
    transform: translate(50%, -50%);
    padding: 0.625rem;
    color: #fff;
    background-color: #00c9a7;
    border-radius: 10rem;
    font-size: 75%;
    font-weight: 500;
}

.box-itme-ok {
    font-size: 0.75rem;
    width: 1.5rem;
    height: 1.5rem;
    color: #377dff;
    position: relative;
    padding: 0;
    background: rgba(55, 125, 255, 0.1);
    border-radius: 50% !important;

}

.box-itme-ok > span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-weight: 900;
    font-size: 0.75rem;
}

.animated {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
    animation-duration: 1s;
    animation-fill-mode: both;
}

.box-slider-nemo1 {
    background-image: url("/image/img10.jpg");
    height: 560px !important;
    display: flex;
    position: relative;
    overflow: hidden;
    background-size: cover;
    z-index: 1;
    border-radius: 0.3125rem;
    background-repeat: no-repeat;
    background-position: top center;
    margin-top: 25px;
    margin-bottom: 50px;
    transition: all 0.2s ease-in-out;
}

.box-slider-nemo1:hover {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
}

.box-slider-nemo1:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    content: "";
    background-image: linear-gradient(0deg, #1e2022 0%, transparent 75%);
    background-repeat: repeat-x;
}

.box-slider-nemo2 {
    background: #fff;
    box-shadow: 0 0 35px rgba(140, 152, 164, 0.125) !important;
    height: 560px !important;
    display: flex;
    position: relative;
    overflow: hidden;
    background-size: cover;
    z-index: 1;
    border-radius: 0.3125rem;
    margin-top: 25px;
    margin-bottom: 50px;
    transition: all 0.2s ease-in-out;
}

.box-slider-nemo2:hover {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
}

.box-slider-nemo {
    width: 100% !important;
    text-align: center !important;
    padding: 2.5rem !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
    display: block;
}

.box-slider-nemo-img > strong {
    color: rgba(255, 255, 255, 0.7);
}

.box-slider-nemo-img > div {
    width: 3.125rem;
    height: 3.125rem
}

.box-slider-nemo-img > div > img {
    border-radius: 50%;
    max-width: 100%;
}

/*///////////////////////////////home-end\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*///////////////////////////////footer\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.font-en-footer-1 {
    font-weight: 600;
    line-height: 1;
    font-size: 1rem;
    line-height: 1.5;
    color: #1e2022;
}

.list-group-item-action-footer {
    width: 100%;
    color: #77838f;
    text-align: inherit;
    font-size: 0.875rem;
    font-weight: 400;
}

.list-group-item-action-footer:hover {
    z-index: 1;
    color: #377dff;
    text-decoration: none;
    background-color: transparent;
}

.font-size-box-footer {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.5;
}

.box-ios-footer {
    transition: all 0.2s ease-in-out;
    font-size: 0.6875rem;
    font-weight: 400;
    padding: 0.4375rem 0.9375rem;
    min-width: 9.6875rem;
    text-align: left !important;
    margin-bottom: 0.5rem !important;
    margin-right: 0.25rem !important;
    color: #fff;
    background-color: #1e2022;
    border-color: #1e2022;
}

.box-ios-footer:hover {
    box-shadow: 0 4px 11px rgba(30, 32, 34, 0.35);
    transform: translateY(-3px);
}

.fa-1-5x {
    font-size: 1.5em;
}

/*///////////////////////////////footer-end\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*///////////////////////////////blog\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/


/*///////////////////////////////blog-news\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.shadow {
    box-shadow: 0 0.375rem 1.5rem 0 rgba(140, 152, 164, 0.125) !important;
}

.font-weight-medium {
    font-weight: 500 !important;
}

.font-weight-bold {
    font-weight: 600 !important;
}

.a-blog-h2 {
    color: #1e2022;
    text-decoration: none;
    background-color: transparent;
    font-weight: 500 !important;
    font-size: 1.25rem
}

.a-blog-h2:hover {
    color: #0052ea;
}

.u-sm-avatar {
    width: 2rem;
    height: 2rem;
}

.u-sm-avatar--bordered {
    border: 2px solid #fff;
}

.font-size-1 {
    font-size: 0.875rem;
}

.bg-img-hero {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

/*///////////////////////////////blog-news-end\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.ul-blog > li > a {
    align-items: center !important;
    display: flex !important;
    padding: 0.425rem 0;
    width: 100%;
    color: #77838f;
    text-align: inherit;
}

.ul-blog > li > a:hover {
    z-index: 1;
    color: #377dff;
    text-decoration: none;
    background-color: transparent;
}

.ul-blog > li > a > span {
    font-size: 80%;
}

.a-box-blog {
    background-image: url("/image/bg99.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    color: #fff !important;
    text-align: center !important;
    padding-bottom: 3rem !important;
    padding-top: 3rem !important;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
    background-color: #377dff !important;
}

.a-box-blog:hover {
    color: #d9d9d9 !important;
    background-color: #045cff !important;
}

/*///////////////////////////////////////blog-item\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.u-avatar {
    width: 3.125rem;
    height: 3.125rem;
}

.btn-bg-transparent {
    background-color: transparent;
    color: #77838f;
    font-size: 0.8175rem;
    border-radius: 50% !important;
    width: 2rem;
    height: 2rem;
}

.btn-bg-transparent:hover {
    color: #fff;
    background: #77838f;
    box-shadow: 0 4px 11px rgba(119, 131, 143, 0.35);
}

.btn-icon__inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.p-blog-item {
    color: #77838f;
    line-height: 1.7;
}

.bg-soft-primary {
    line-height: 1.8;
    font-size: 1.5rem;
    background-color: rgba(55, 125, 255, 0.1);
}

.btn-outline-white {
    color: #fff;
    border-color: #fff;
    background-color: transparent;
}

.btn-outline-white:hover {
    color: #1e2022;
    background-color: #fff;
    border-color: #fff;
}

.btn-soft-secondary {
    color: #77838f;
    background: rgba(119, 131, 143, 0.1);
    font-size: 0.6875rem;
    font-weight: 400;
    padding: 0.4375rem 0.9375rem;
    border-color: transparent;
}

.btn-soft-secondary:hover {
    color: #fff;
    background: #77838f;
    box-shadow: 0 4px 11px rgba(119, 131, 143, 0.35);
}

.btn-soft-secondary2 {

    background: #fff;
    font-size: 0.6875rem;
    font-weight: 400;
    padding: 0.4375rem 0.9375rem;
    border-color: transparent;
}
.btn-soft-secondary2>span {
    color: #77838f;
}

.btn-soft-secondary2:hover {
    background: #77838f;
    box-shadow: 0 4px 11px rgba(119, 131, 143, 0.35);
}.btn-soft-secondary2:hover>span {
color: #fff;
}

.img-fluid {

    max-width: 100%;
    height: auto;
}

.btn-wide {
    min-width: 9.6875rem;
}

.transition-3d-hover:hover {
    box-shadow: 0 4px 11px rgba(55, 125, 255, 0.35);
    transform: translateY(-3px);
}

.a-item-page {
    color: #1e2022;
    font-weight: 500 !important;
    font-size: 1rem;
    line-height: 1.5;
}

.a-item-page:hover {
    color: #0052ea;
}

.link-muted {
    color: #1e2022;
    border-bottom: 1px dashed #97a4af;
}
.blog-itme P{
    color: #77838f;
    line-height: 1.7;
}.blog-itme h3{
     margin-bottom: 0.5rem;
     font-family: inherit;
     font-weight: 500;
     line-height: 1.2;
     color: inherit;
 }.blog-itme ul{
       color: #6c757d !important;
 }.blog-itme img{
       margin: 15px 0;
    max-width:100% ;
 }.blog-itme ul>li{
         padding-bottom: 0.5rem !important;
         padding-top: 0.5rem !important;
 }


/*///////////////////////////////blog-end\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*///////////////////////////////login\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.heder-shab {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .7);
    position: fixed;
    cursor: pointer;
    z-index: 99991;
    visibility: hidden;
    opacity: 0;
    display: none;
    -webkit-transition: opacity .5s cubic-bezier(.38, .11, .01, 1);
    -moz-transition: opacity .5s cubic-bezier(.38, .11, .01, 1);
    -ms-transition: opacity .5s cubic-bezier(.38, .11, .01, 1);
    -o-transition: opacity .5s cubic-bezier(.38, .11, .01, 1);
    transition: opacity .5s cubic-bezier(.38, .11, .01, 1);
}

.heder-shab-show {
    visibility: visible !important;
    display: block !important;
}

.btn-login {
    color: #767676;
    font-size: 11px;
}

.btn-login:hover {
    color: #1e2022 ;
}

.show-sidebar {
    right: 0 !important;
}

.login-sidebar {
    position: fixed;
    top: 0;
    right: -500px;
    z-index: 100000;
    width: 23.4375rem;
    height: 100%;
    background-color: #fff;
    transition: all 1s;
    box-shadow: -13px 0 20px rgba(119, 131, 143, 0.08);
}

.login-sidebar__scroller {
    height: 100%;
    overflow: hidden;
    overflow-y: hidden;
    overflow-y: auto;
}

.login-header-sidebar__footer-offset {
    height: 100%;
    box-sizing: border-box;
    padding-bottom: 10.625rem;
}

.login-sidebar__container {
    position: relative;
    height: 100%;
    min-height: 100%;
}

.login-sidebar__body {
    height: 100%;
}

.login-sidebar__content {
    height: 100%;
}

.login-header-sidebar__content {
    padding: 1.5rem 3rem 3rem;
}

.login-p {
    color: #77838f;
    line-height: 1.7;
    margin-bottom: 1rem;
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

.animated {
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-duration: 1s;
    animation-fill-mode: both;
}

.custom-select:focus, .form-control:focus {

    box-shadow: 0 0 10px rgba(55, 125, 255, 0.1);
    border-color: rgba(55, 125, 255, 0.5);

}



.form-control:focus .input-group-text {

    box-shadow: 0 0 10px rgba(55, 125, 255, 0.1);
    border-color: rgba(55, 125, 255, 0.5);
    color: rgba(55, 125, 255, 0.5);

}

.login-divider--text {

    color: #8c98a4;

}

.login-divider--xs {

    font-size: 0.75rem !important;

}

.text-muted {

    color: #8c98a4 !important;

}

small, .small {

    font-size: 80% !important;
    font-weight: 400 !important;

}

.login-divider {

    position: relative;
    display: inline-block;
    font-size: 1rem;

}

.btn-soft-facebook {
    color: #3b5998;
    background: rgba(59, 89, 152, 0.1);
    border-color: transparent;
}

.btn-soft-facebook:hover {
    color: #fff;
    background: #3b5998;
    box-shadow: 0 4px 11px rgba(59, 89, 152, 0.35);
}

.btn-soft-google {
    color: #d14130;
    background: rgba(209, 65, 48, 0.1);
    border-color: transparent;
}

.btn-soft-google:hover {
    color: #fff;
    background: #d14130;
    box-shadow: 0 4px 11px rgba(209, 65, 48, 0.35);
}

.login-sidebar__footer--account {
    padding: 0 3rem 1.5rem;
}

.login-sidebar__footer {
    width: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}

.wave-bottom-with-dots-1 {

    fill: #377DFF;

}

.fill-primary {
    fill: #377dff !important;

}

.login-sidebar__footer--account__text {
    position: relative;
    z-index: 1;
    font-size: .875rem;
    color: rgba(255, 255, 255, 0.7);
}

.login-sidebar__footer--account__text:hover {
    color: #fff;
}

.login-sidebar__body, .login-sidebar__content {

    height: 100%;

}

.mCustomScrollBox {
    position: relative;
    overflow: auto;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr;
}

.mCSB_container {
    width: auto;
    height: auto;
}

.show-login {
    display: block !important;
    opacity: 1 !important;
}

.red,.red:focus {
    box-shadow: 0 0 10px rgba(255, 17, 0, 0.1);
    border-color: rgba(255, 0, 1, 0.5);
}

/*///////////////////////////////login-end\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*///////////////////////////////panel-end\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.space-top-1 {
    padding-top: 2rem !important;
}

.breadcrumb-no-gutter {
    padding: 0;
}

.breadcrumb-white {
    background-color: transparent;
}

.breadcrumb-white .breadcrumb-item {
    color: #fff;
}

.breadcrumb-white .breadcrumb-item + .breadcrumb-item::before {

    color: rgba(255, 255, 255, 0.7);

}

.breadcrumb-item + .breadcrumb-item::before {

    display: inline-block;
    padding-right: 0.5rem;
    color: #97a4af;
    content: ">";

}

.breadcrumb-white .breadcrumb-link {

    color: rgba(255, 255, 255, 0.7);

}

.u-lg-avatar {

    width: 5rem;
    height: 5rem;

}

.badge-md {

    width: 1.375rem;
    height: 1.375rem;
    line-height: 1.7;
    font-size: 0.625rem;

}

.badge-outline-success {

    color: #fff;
    background: #00c9a7;
    border-color: #fff;

}

.badge.badge-pos {

    position: absolute;

}

.badge-pos--bottom-right {

    bottom: 0;
    right: 0;
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%);

}

.u-lg-avatar .rounded-circle + .badge-md.badge-pos--bottom-right {

    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);

}

.badge-md[class*="badge-outline"] {

    line-height: 1.3;

}

[class*="badge-outline"] {

    border-style: solid;
    border-width: 0.125rem;
    box-shadow: 0 3px 6px 0 rgba(140, 152, 164, 0.25);

}

u-header {
    position: relative;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 1001;
}

.z-index-4 {
    z-index: 4;
}

.u-header__section {
    position: relative;
    z-index: 1;
    background-color: #fff;
    box-shadow: 0 1px 10px rgba(151, 164, 175, 0.1);
}

.bg-transparent {
    background-color: transparent !important;
}

.u-header__navbar {

    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0;
    padding-right: 0;

}

.u-header__navbar-collapse {

    padding-top: 0;
    padding-bottom: 0;

}

.u-header__navbar-nav {

    margin-left: auto;

}

.hs-has-sub-menu {

    /*overflow: hidden;*/
    position: relative;

}

.navbar-nav {

    list-style: none;

}

.navbar-nav {

    list-style: none;

}

.u-header--white-nav-links:not(.bg-white):not(.js-header-fix-moment) .u-header__nav-link {
    font-size: 14px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.7);

}

.u-header .u-header__nav-item:first-child .u-header__nav-link {

    padding-left: 0;

}


.u-header--white-nav-links:not(.bg-white):not(.js-header-fix-moment) .u-header__nav-item:hover .u-header__nav-link {

    color: white;

}

.navbar-expand-lg .u-header__navbar-nav .u-header__sub-menu.hs-sub-menu {

    padding-top: 1rem;
    padding-bottom: 1rem;

}

.navbar-expand-lg .u-header__navbar-nav .u-header__sub-menu {

    border-top: 0.1875rem solid #377dff;
    border-bottom-right-radius: 0.3125rem;
    border-bottom-left-radius: 0.3125rem;
    box-shadow: 0 8px 20px rgba(55, 125, 255, 0.075);

}

.hs-menu-initialized .animated {

    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;

}

.u-header__sub-menu {

    width: 100%;
    padding-left: 0;
    list-style: none;

}

.hs-sub-menu, .hs-mega-menu {

    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 2000000;
    margin-top: 4px;
    visibility: visible;
    background-color: #0000;
    opacity: 1 !important;

}

.fadeOut {

    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;

}

.navbar-expand-lg .u-header__navbar-nav .u-header__sub-menu-nav-link {

    padding-right: 1.75rem;
    padding-left: 1.75rem;

}

.u-header__sub-menu-nav-link {

    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.875rem;
    color: #77838f;

}

.btn-soft-white {

    color: #fff;
    background: rgba(255, 255, 255, 0.1);
    border-color: transparent;

}

.btn-soft-white:hover {
    color: #1e2022;
    background: #fff;
    box-shadow: 0 4px 11px rgba(255, 255, 255, 0.35);
}

.u-hamburger__box {

    width: 1.5625rem;
    height: 0.875rem;
    display: inline-block;
    position: relative;

}

.u-hamburger__inner::after {

    top: 0.75rem;

}

.u-hamburger__inner::before, .u-hamburger__inner::after {

    content: "";
    display: block;

}

.u-hamburger__inner::before {

    top: 0.375rem;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-duration: 0.3s;
    transition-timing-function: ease;

}





.u-hamburger--white .u-hamburger__inner, .u-hamburger--white .u-hamburger__inner::before, .u-hamburger--white .u-hamburger__inner::after {

    background-color: rgba(255, 255, 255, 0.8);

}

.u-hamburger__inner, .u-hamburger__inner::before, .u-hamburger__inner::after {

    width: 1.5625rem;
    height: 0.125rem;
    background-color: #8c98a4;
    position: absolute;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-duration: 0.3s;
    transition-timing-function: ease;

}

.u-hamburger__inner {

    display: block;
    top: 0.0625rem;
    margin: top, -0.0625rem;

}

.u-hamburger[aria-expanded="true"] .u-hamburger__inner::after, .u-hamburger .is-active .u-hamburger__inner::after {

    -webkit-transform: translate3d(0, -0.75rem, 0) rotate(-90deg);
    transform: translate3d(0, -0.75rem, 0) rotate(-90deg);

}

.u-hamburger__inner::after {

    top: 0.75rem;

}

.u-hamburger__inner::before, .u-hamburger__inner::after {

    content: "";
    display: block;

}

.u-hamburger[aria-expanded="true"] .u-hamburger__inner::before, .u-hamburger .is-active .u-hamburger__inner::before {

    -webkit-transform: rotate(-45deg) translate3d(-0.22321rem, -0.25rem, 0);
    transform: rotate(-45deg) translate3d(-0.22321rem, -0.25rem, 0);
    opacity: 0;

}

.u-hamburger[aria-expanded="true"] .u-hamburger__inner, .u-hamburger .is-active .u-hamburger__inner {

    -webkit-transform: translate3d(0, 0.375rem, 0) rotate(45deg);
    transform: translate3d(0, 0.375rem, 0) rotate(45deg);

}

.navbar-nav .nav-link {

    padding-right: 0;
    padding-left: 0;

}


.u-sidebar--account__toggle-text {

    color: #1e2022;
    font-size: 9px;
    font-weight: 300;
    vertical-align: middle;
    margin-right: .3125rem;

}

.u-sidebar--account__toggle-bg {
    color: #77838f;
    position: relative;
    top: 1px;
    padding: .05rem .25rem .12rem .75rem;
    background-color: rgba(55, 125, 255, 0.1);
    border-radius: 6.1875rem;


}

.u-sidebar--account__toggle-bg:hover .u-sidebar--account__toggle-text {
    color: #377dff;
}
.u-sidebar--account__toggle-bg:focus{
    box-shadow: none!important;
}

.u-sidebar--account__toggle-img {

    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;

}

/*///////////////////////////////account\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.acant-h1 {
    color: #3B939B;

    font-size: 28px;

    padding: 0 0 10px 0;

    border-bottom: solid 1px #ebebeb;
}

.acant-rub-0 ,.acant-rub-0>span {
    padding: 5px 0 0 0;
    text-align: right;
    display: inline-block;
    font-size: 30px;
    line-height: 30px;
    color: #4F4F4F;
}

.acant-rub-1 {
    color: #4F4F4F;
    font-size: 13px;
}

.btn-green {
    color: #fff !important;
    background-color: #0A91AB;
    padding: 13px 23px;
    box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.16) inset;
}.btn-green2 {
    color: #fff !important;
    background-color: #26A69A;
    padding: 8px 23px;
    box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.16) inset;
}.btn-green2:hover {
background-color: #249E92;
}
.btn-link-active{
    color:#000000 !important;
}

.btn-green:hover {
    background-color: #098599;
}

.box-acant {
    border: 1px solid #DDDDDD;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 15px;
}.tab-acant {
     background: #FFFFFF;
     padding: 40px 0;
     margin: 0 0 0 0;
     box-shadow: 0px 0px 0px 1px #fff;
    width: 100%;

}
.tab-acant > tbody > tr:nth-of-type(2n+1) {

    background-color: #f9f9f9;

} .tab-acant > tbody > tr > td,.tab-acant > tbody > tr > th{
   text-align: center;
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;

}.tab-acant > tbody > tr span{
       line-height: 1.42857143;font-size: 14px;

}
 .a-add-acant{
     color: #2277BB;
     border-bottom: 1px dashed #008CEA;
     font-size: 14px;
 }
.alert-wit{
    background-color: #fff;
    border: 1px solid #DDDDDD;
    border-radius: 0;
}.alert-wit:nth-of-type(2n+1){
    background-color: #f9f9f9;
}
 .table-my>thead>tr{
     text-align: center;
     background: #499094;
     color: #fff;
 }.table-my>tbody>tr>th{
font-weight: 400;
 }
  .point{
      font-family:PT Serif Caption!important;
  }
  .table-my2>tbody>tr:nth-of-type(2n+1){
  background-color: #f2f2f2 !important;
  }
.content-centered-y {

    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);

}
.card-footer-panel{
    padding: 2rem !important;
    background-color: #fff!important;
    border-top: 1px solid #e7eaf3!important;
}
.u-ver-divider::after {

    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    border-right: 1px solid #e7eaf3;
    content: "";

}
.text-modal>p,.text-modal>span,.text-modal{
    text-align: justify;line-height: 25px;
}.text-modal img{
    width: 100%;
    margin: 10px 0;
}
/*///////////////////////////////account-end\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
.rang-card::after{
    content: "";
    height: 50%;
    background-color: rgba(0, 209, 237, 0.11);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 0;
}
/*///////////////////////////////panel-end\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
/*///////////////////////////////admin\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/
table {
    width: 100%;
    background-color: #fff;
}

th, td {
    font-weight: unset;

}

.column100 {
    width: 190px;

}

.column100.column1 {
    width: 50px;
}
.column8 {
    width: 50px;
}

.row100.head th {
    padding-top: 24px;
    padding-bottom: 20px;
}

.row100 td {
    padding-top: 18px;
    padding-bottom: 14px;
}
.table100.ver2 td {
    font-family: Montserrat-Regular;
    font-size: 14px;
    color: #808080;
    line-height: 1.4;
}

.table100.ver2 th {
    font-family: Montserrat-Medium;
    font-size: 12px;
    color: #fff;
    line-height: 1.4;
    text-transform: uppercase;
    background-color: #007bff;
}

.table100.ver2 .row100:hover td {
    background-color: #83d160;
    color: #fff;
}

.table100.ver2 .hov-column-ver2 {
    background-color: #83d160;
    color: #fff;
}

.table100.ver2 .hov-column-head-ver2 {
    background-color: #484848 !important;
}

.table100.ver2 .row100 td:hover {
    background-color: #57b846;
    color: #fff;
}
/*///////////////////////////////admin-end\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/