/*_________________________ fontface_________________________ */
@font-face{font-family:'fontawesome';src:url('../fonts/fontAwesome.eot') format('embedded-opentype'), url('../fonts/fontAwesome.ttf') format('truetype'), url('../fonts/fontAwesome.svg') format('svg'), url('../fonts/fontAwesome-brands.eot') format('embedded-opentype');font-weight:normal;font-style:normal;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.sr-only-focusable:active, .sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;}
@font-face{font-family:'fontawesome';font-style:normal;font-weight:400;font-display:block;src:url("../fonts/fontAwesome-brands.eot");src:url("../fonts/fontAwesome-brands.eot") format("embedded-opentype"), url("../fonts/fontAwesome-brands.ttf") format("truetype"), url("../fonts/fontAwesome-brands.svg") format("svg");}
.fab{font-family:'fontawesome';font-weight:400;}
@font-face{font-family:'fontawesome';font-style:normal;font-weight:400;font-display:block;src:url("../fonts/fontAwesome-regular.eot");src:url("../fonts/fontAwesome-regular.eot") format("embedded-opentype"),  url("../fonts/fontAwesome-regular.ttf") format("truetype"), url("../fonts/fontAwesome-regular.svg") format("svg");}
.far{font-family:'fontawesome';font-weight:400;}
@font-face{font-family:'fontawesome';font-style:normal;font-weight:900;font-display:block;src:url("../fonts/fontAwesome-solid.eot");src:url("../fonts/fontAwesome-solid.eot") format("embedded-opentype"), url("../fonts/fontAwesome-solid.ttf") format("truetype"), url("../fonts/fontAwesome-solid.svg") format("svg");}
.fa,.fas{font-family:'fontawesome';font-weight: unset;}
/* @font-face{font-family:flaticon;src:url(../fonts/fontFlaticon.ttf?6c55c302875c531f7d8513f3f4025c75) format("truetype"),url(../fonts/fontFlaticon.woff?6c55c302875c531f7d8513f3f4025c75) format("woff"),url(../fonts/fontFlaticon.eot?6c55c302875c531f7d8513f3f4025c75#iefix) format("embedded-opentype"),url(../fonts/fontFlaticon.svg?6c55c302875c531f7d8513f3f4025c75#flaticon) format("svg")} */
/* i[class*=" flaticon-"]:before,i[class^=flaticon-]:before{font-family:flaticon !important;font-style:normal;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} */
@font-face{font-family:'IRANSansWeb';src:url('../fonts/IRANSansWeb(FaNum).ttf') format('truetype'), url('../fonts/IRANSansWeb(FaNum).eot') format('embedded-opentype');font-weight:normal;font-style:normal;}
@font-face{font-family:'IRANSansWebEnNum';font-style:lighter;font-weight:lighter;src:url('../fonts/IRANSansWeb_Medium.eot');src:url('../fonts/IRANSansWeb_Medium.eot?#iefix') format('embedded-opentype'),url('../fonts/IRANSansWeb_Medium.ttf') format('truetype');}


/* @font-face{font-family:'SF Pro Text';src:url('../fonts/sf-pro-text_semibold.woff2') format('woff'), url('../fonts/sf-pro-text_regular.woff2') format('woff'), url('../fonts/sf-pro-text_bold.woff2') format('woff'), url('../fonts/sf-pro-display_semibold.woff2') format('woff'), url('../fonts/sf-pro-display_regular.woff2') format('woff'), url('../fonts/sf-pro-display_bold.woff2') format('woff');} */
/* @font-face{font-family:'SF Pro Icons';src:url('../fonts/sf-pro-icons_regular.woff2') format('woff'), url('../fonts/sf-pro-icons_bold.woff2') format('woff');} */

@font-face {
    font-family: "uicons-solid-rounded";
    src: url("../fonts/uicons-solid-rounded.eot") format("embedded-opentype"),
    url("../fonts/uicons-solid-rounded.ttf") format("truetype");
    /* url("../fonts/uicons-solid-rounded.woff2") format("woff2"),
    url("../fonts/uicons-solid-rounded.woff") format("woff"); */
    }

@font-face {
    font-family: "roboto";
    src: url("../fonts/Roboto-Regular.ttf") format("truetype"),
    url("../fonts/Roboto-Regular.eot") format("embedded-opentype");
    /* url("./fonts/Roboto-Black.ttf") format("truetype"), */
    /* url("./fonts/Roboto-Bold.ttf") format("truetype"),
    url("./fonts/Roboto-Light.ttf") format("truetype"), */
    /* url("./fonts/Roboto-Medium.ttf") format("truetype"), */
    /* url("./fonts/Roboto-Thin.ttf") format("truetype"), */
    }
@font-face {
    font-family: "poppins";
    src: url("../fonts/Poppins-Regular.ttf") format("truetype"),
    url("../fonts/Poppins-Regular.eot") format("embedded-opentype");
    /* url("./fonts/Roboto-Black.ttf") format("truetype"), */
    /* url("./fonts/Roboto-Bold.ttf") format("truetype"),
    url("./fonts/Roboto-Light.ttf") format("truetype"), */
    /* url("./fonts/Roboto-Medium.ttf") format("truetype"), */
    /* url("./fonts/Roboto-Thin.ttf") format("truetype"), */
    }
@font-face {
    font-family: "poppins-bold";
    src: url("../fonts/Poppins-Bold.ttf") format("truetype");
    /* url("./fonts/Roboto-Black.ttf") format("truetype"), */
    /* url("./fonts/Roboto-Bold.ttf") format("truetype"),
    url("./fonts/Roboto-Light.ttf") format("truetype"), */
    /* url("./fonts/Roboto-Medium.ttf") format("truetype"), */
    /* url("./fonts/Roboto-Thin.ttf") format("truetype"), */
    }
    
        i[class^="fi-sr-"]:before, i[class*=" fi-sr-"]:before, span[class^="fi-sr-"]:before, span[class*="fi-sr-"]:before {
    font-family: uicons-solid-rounded !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    /* line-height: 1; */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    }

    .fa, .fas, .far, .fal, .fad, .fab {
        line-height: unset;
    }
::placeholder{font-family:'roboto','Arial','SF Pro Text','SF Pro Icons',sans-serif;font-weight: 400;}
/*_________________________ fontface_________________________ */
/*<!--------------------------------START CSS GENERAL-------------------------------*/
.font-color_2{color: #f29d1e;}
.background-color_2{background: #f29d1e!important;}
.font-color_1{color: #005784;}
.background-color_1{background:#005784 !important;}
.font-color_3{color:#d3493f;}
.background-color_3{background:#d3493f;}
.font-color_4{color: #fff;}
.float-right {float: right;}
.float-left {float: left;}
.background-color_white{ background-color: #fff;}
.background-color_3{ background-color: #d3493f;}
.background-color_white{ background-color: #fff;}
.background-color{background-color:#f7f8f9;}
.background-color_body {background-color: #f7f8f9;}
.color_2{color: #f29d1e;}
.color_1{color: #005784;}
.color_3{color:#d3493f}
.color_white{color: #fff;}
.color_black{color: #000;}
.color_grey,.color_gray{color: #383838;}
.font_9{font-size: 9px;}
.font_10{font-size: 10px;}
.font_11{font-size: 11px;}
.font_12{font-size: 12px;}
.font_13{font-size: 13px;}
.font_14{font-size: 14px;}
.font_15{font-size: 15px;}
.font_16{font-size: 16px;}
.font_17{font-size: 17px;}
.font_18{font-size: 18px;}
.font_19{font-size: 19px;}
.font_20{font-size: 20px;}
.width_23{width: 23%;}
.width_7{width: 7%;}
.width_10{width: 10%;}
.width_15{width: 15%;}
.width_20{width: 20%;}
.width_25{width: 25%;}
.width_30{width: 30%;}
.width_40{width: 40%;}
.width_45{width: 45%;}
.width_50{width: 50%;}
.width_49{width: 49%;}
.width_60{width: 60%;}
.width_70{width: 70%;}
.width_80{width: 80%;}
.width_85{width: 85%;}
.width_90{width: 90%;}
.width_95{width: 95%;}
.width_100{width: 100%;}
.font-weight{font-weight: bold;}
.cursor-pointer{cursor: pointer;}

a{color: inherit;}
.border-radius{border-radius:5px}.dir-ltr{direction:ltr}.inner-resize {max-width: 1200px;width: 100%;margin: 0 auto;clear: both;height: auto;}
:root{--primary:#034762;--disabled:#9ba5a7;--selected:#eaeaea;--gray-disabled:#eaeaea;--text-gray:#5A5F6D;--title-text-color:#232A42;--second-color:#005784;--second-color-light:#fcb7b7;}
*{text-decoration:none;list-style-type:none;margin:0px;padding:0px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html, body{font-family:'roboto','Arial', sans-serif;height:100%;letter-spacing: .2px;}
input:focus, textarea:focus, select:focus, button:focus{outline:none !important;}
input, button, select, textarea, option{border: none;background: none;font-family:'Arial', sans-serif;appearance: none;-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;-s-appearance: none;}
main {width: 100%;height: auto;}
a, i, span{display:inline-block;font-style:normal;vertical-align:middle;}
a, i, p, h1, h2, h3, h4, input:not([type=range]), button{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.transition{-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.clr{clear:both;} 
.item-container{margin: 3em 0 0 0;}
.w-10{width: 10%;}.w-20{width: 20%;}.w-30{width: 30%;}.w-40{width: 40%;}.w-50{width: 50%;}.w-60{width: 60%;}.w-70{width: 70%;}.w-80{width: 80%;}.w-90{width: 90%;}.w-100{width: 100%;}
.font_9{font-size: 9px;}.font_10{font-size: 10px;}.font_11{font-size: 11px;}.font_12{font-size: 12px;}.font_13{font-size: 13px;}.font_14{font-size: 14px;}.font_15{font-size: 15px;}.font_16{font-size: 16px;}.font_17{font-size: 17px;}.font_18{font-size: 18px;}.font_19{font-size: 19px;}.font_20{font-size: 20px;}
.width_23{width: 23%;}.width_7{width: 7%;}.width_10{width: 10%;}.width_15{width: 15%;}.width_20{width: 20%;}.width_25{width: 25%;}.width_30{width: 30%;}.width_40{width: 40%;}.width_45{width: 45%;}.width_50{width: 50%;}.width_49{width: 49%;}.width_60{width: 60%;}.width_70{width: 70%;}.width_80{width: 80%;}.width_85{width: 85%;}.width_90{width: 90%;}.width_95{width: 95%;}.width_100{width: 100%;}.width_150{width: 150%;}
.p-relative {position: relative;}
.p-absolute {position: absolute;}
.d-flex {display: flex;}
.d-flex-sb {display: flex;justify-content: space-between;}
.d-flex-sb-rv {display: flex;justify-content: space-between;flex-direction: row-reverse;flex-wrap: wrap;}
.d-flex-r {display: flex;flex-direction: row-reverse;justify-content: right;justify-items: right;}
.justify-content-center{justify-content: center;}
.align-items-center{align-items: center;}
.d-inline-block{display: inline-block;}
.d-row {display: flex;flex-wrap: wrap;}
.text-justify{text-align: justify;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.float-right,.float_right  {float: right;}
.float-left,.float_left {float: left;}
.bc-main{max-width: 1200px;width: 100%; margin: 0 auto;}
.visible{display: block;}
.unvisible{display: none;}
.unhide{display: block !important;}
/* .hide{display: none !important;} */
.font-weight{font-weight: bold;}
.cursor-pointer{cursor: pointer;}
.border-radius{border-radius: 5px;}
.dir-rtl{direction: rtl;}
.dir-ltr{direction: ltr;}
.overflow-x{overflow-x: hidden;}
.hidden-title{visibility:hidden; width: 0; height: 0;}
.fa-arrow-left:before {content: "\f060";color: white;}
.fa-arrow-right:before {content: "\f061";color: #f29d1e;}
.mt-30{margin:30px ;}
.mr-5{margin-right: 5px;}
.p-5{padding: 5px;}
*.color_grey, .color_gray{color: var(--text-gray);}
body{font-family:'roboto','Arial','SF Pro Text','SF Pro Icons',sans-serif;font-weight: 400;}
/*<!--------------------------------END CSS GENERAL-------------------------------*/
/*<!--------------------------------START CSS LOGIN REGISTER-------------------------------*/
.fa-times:before{content:"\f00d";}
.fa-user:before{content:"\f007";}
.fa-lock:before{content:"\f023";}
.fa-hand-point-left:before{content:"\f0a5";}
.btnstyle { cursor: pointer;  }
.btnstyle::before,.information-user::before {display: inline-block; -webkit-transform: translateZ(0);transform: translateZ(0);color:#d3493f ;content: "\f2bd";font-family: "fontawesome"; margin: 0 0.4em 0 0; vertical-align: middle;}
.Login_Information {padding: 0 1em 0 1em !important; width: max-content;text-align: left; color: inherit;margin-top: unset !important;}
.btnstyle>span{color: #034762;}
/* .btnstyle>span:hover{color: #034762;} */
/* .btnstyle:hover::before, .btnstyle:focus::before, .btnstyle:active::before,.information-user:hover::before, .information-user:focus::before, .information-user:active::before { -webkit-animation-name: hvr-icon-buzz;animation-name: hvr-icon-buzz;-webkit-animation-duration: 0.15s;animation-duration: 0.15s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;} */
@-webkit-keyframes hvr-icon-buzz {50% {-webkit-transform: translateX(3px) rotate(2deg);transform: translateX(3px) rotate(2deg);}
100% {-webkit-transform: translateX(-3px) rotate(-2deg);transform: translateX(-3px) rotate(-2deg);}}
@keyframes hvr-icon-buzz {50% {-webkit-transform: translateX(3px) rotate(2deg);transform: translateX(3px) rotate(2deg);}
100% {-webkit-transform: translateX(-3px) rotate(-2deg);transform: translateX(-3px) rotate(-2deg);}}
.confirmation-form-link{font-size: 11px;text-align: right;  font-family:'roboto','Arial';color: #777;border-bottom: 2px solid #777;float: right;margin-right: 5em;}
/*<!--------------------------------END CSS LOGIN REGISTER-------------------------------*/
/*<!--------------------------------START CSS LOGIN DEFAULT-------------------------------*/
#Login_box {display: none; position: fixed;left: 0;right: 0;margin: 0 auto;z-index: 99999;text-align: center;top: 8em;;box-sizing: border-box;border-radius: 5px;width: 500px;background: #fafafa !important;box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);}
#Login_box .Section-loginRegister {width: 100%;padding: 10px 20px;}
#Login_box .Section-loginRegister .fa-times::before {color: #005784;}
#Login_box .Section-loginRegister .fa-times {cursor:pointer;font-style: inherit;background: #fff;border: 1px solid #777;border-radius: 50%;width: 25px;height: 25px;line-height: 22px;display: block;}
#Login_box .Section-loginRegister .close {float: left;width: 30px;text-align: center;}
#bg-popup2{position: fixed;top: 0;right: 0;left: 0;bottom: 0; width: 100%;height: 100%; z-index: 9999;direction: ltr;background: rgba(0,0,0,0.3);}
.login_OptionInfo {font-size: 13px;text-align: right;color: #777;direction: ltr;float: right; margin: 1.3em 0 0 0;}
.login_info .resend_code {color: #fff;font-size: 14px;float: right;padding-right: 10px;cursor: pointer;display: none;}
.login_OptionInfo .forgetpass,
.login_OptionInfo .register,
.login_OptionInfo .Login,
.login_OptionInfo .ResendEmail {color: #777;font-size: 12px;cursor: pointer;border-bottom: 2px solid #777;padding-right: 0; float: none;width: auto;display: inline-block !important;}
.login_OptionInfo .forgetpass:hover,
.login_OptionInfo .register:hover,
.login_OptionInfo .Login:hover,
.login_OptionInfo .ResendEmail:hover,
.login_module_new:hover,
.login_module_prev:hover {color: #000;border-color: #000;}
.login-form_new .shine-hover::after {content: 'Submit' !important;}
.login-form_new,.login_module_new {display: none !important;}
.login-form_prev{display: block !important;}
.login-form-new{display: none !important;}
.login-form-prev{display: block !important;}
.form-title {direction: ltr;font-size: 14px;color: #777;text-align: center;margin-bottom: 0.5em;}
.login-content {width: 75%;margin: 0 auto 15px;}
.btn_container button {height: 38px;line-height: 38px;cursor: pointer;}
.login_module_new,.login_module_prev {cursor: pointer;border-bottom: 2px solid #777;font-size: 12px;}
.timing {font-size: 14px;color: #444449;margin: 1em auto;}
#time-text {color: #f42e36;font-size: 20;font-size: 20px;}
.login_info input:disabled {cursor: not-allowed;}
.seperator {padding: 0 0.3em;}
.login_info .fa-lock {position: initial;}
.error-login{font-size: 14px;}
.fcap,.fcapForgetpass,.fcapRegMail,.fcapResendmail {color: #f42e36;font-size: 14px;display: none;}
.error-result,.errorMsg{color: #f42e36;font-size: 14px;}
.successMsg,.true-result {color: #2db742;font-size: 14px;}
.login-content.email-list,.login-content.email-list .form-title {text-align: right;}
.email-item-container {max-height: 100px;overflow: auto;text-align: right;}
.email-item {direction: ltr;font-size: 13px;margin-bottom: 0.5em;}
.email-item input{appearance: auto !important;-webkit-appearance: auto !important;-moz-appearance: auto !important;-o-appearance: auto !important;-s-appearance: auto !important;}
.email-label {padding-right: 1em;color: #2d2d2d;}
.new-user {color: #2db742;font-size: 12px;}
.confirm_code {color: #fff;text-align: justify;direction: ltr;font-size: 14px;padding-right: 5px;}
.login_counter .counter_box {width: 100%;text-align: right;}
.login_info .label {font-size: 13px;width: 20%;float: right;line-height: 38px;border-left: 1px solid #eaeaea;height: 38px; text-align: center;display: block !important;margin-bottom: 0 !important;position: initial !important;}
.login_info {width: 75%;margin: 0 auto 1.5em; border: 1px solid #e0e0e0;background: #fff;border-radius: 5px;position: relative}
.login_info.login_captcha {overflow: hidden;}
.login_info input,
.login_info select {direction: ltr;width: 80%;height: 38px;line-height: 38px;padding: 0 10px;color: #777;font-weight: normal;float: left;font-size: 13px;border-radius: 5px 0 0 5px;background: #f3f3f3;}
.login_captcha .refreshimg { width: 10%;float: right;line-height: 38px;text-align: center;text-decoration: none;position: absolute;left: 100px;}
.login_captcha .refreshimg i {vertical-align: middle;line-height: 38px !important;}
.login_captcha .captcha_img {position: absolute;right: 3.5em;}
.login_captcha .captcha_img img {float: left;border-bottom-left-radius: 5px; border-top-left-radius: 5px; width: auto !important;}
.login_info .sendcode {float: left;width: 30%;width: 100%;border-radius: 5px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.login_info .sendcode,.login_info .submitcode {float: left;width: 100%;padding: unset;cursor: pointer;font-size: 14px;}
.title_text{ color: #777;height: 50px;line-height: 50px;width: 100%;margin: 0 10px;font-size: 25px;}
.shine-hover {overflow: hidden;position: relative;}
.shine-hover::before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
.shine-hover:hover::before {-webkit-animation: shine .90s;animation: shine .90s;}
.sendcode::before {content: '';}
.shine-hover::after{content: '';}
#Login_box .submitcode,#Login_box .sendcode{position: relative;z-index: 1000;opacity: 0;width: 100% !important;}
#Login_box .shine-hover::after{position: absolute;left: 0;right: 0;margin: 0 auto;width: 50px; top: 1px;}
.ForgetPass-Form .shine-hover::after,
.RegisterEmail .shine-hover::after,
.ResendMail-Form .shine-hover::after {content: 'Submit';}
.login-form_prev .shine-hover::after {content: 'Submit';}
.Wrapper-forgetpass,.Wrapper-resendmail,.Wrapper-registerinfo {display: none;}
.fa-hand-point-left::before {content: "\f0a5";}
.fa-sync::before {content: "\f021";}
.infoUser, .info-section, .Panel-Dashboard_link, .Logout_link{display:inline-block;margin: 0 !important;float: none !important;}
.Panel-Dashboard_link {color: #2db742 !important;}
.information-user {padding: 0 !important;color: #313131 !important;font-size: 13px;}
.information-user span {margin: 0px 2px !important;}
.info-section {text-transform: uppercase;float: none !important;margin: 0 !important;}
.Logout_link{color: #f42e36!important;}
.index .Panel-Dashboard_link::before, .index .Logout_link::before  {content: "|";color: #fff;}
.pages .Panel-Dashboard_link::before, .pages .Logout_link::before  {content: "|";color: #525252;}
@-webkit-keyframes shine {100% {left: 125%;}}
@keyframes shine {100% {left: 125%;}}
.loadingLog {display: none;position: initial;}
#Login_box .shine-hover{background: #f29d1e;border: 1px solid #f29d1e;color: #fff;border-radius: 5px;line-height: 38px;}
.login_info i {font-size: 22px;font-style: inherit;color: #f29d1e !important;line-height: 38px !important;float: none;}
@media only screen and (max-width:750px){
#Login_box{width: 90%;}
.login_OptionInfo,.btn_container{width: 100% !important;}
.login_OptionInfo{text-align: center;}
.title_text{font-size: 18px}}
/*<!--------------------------------END CSS LOGIN DEFAULT-------------------------------*/
/*<!--------------------------------START CSS LOGIN MOB-------------------------------*/
.email-item-container {max-height: 100px;overflow: auto;text-align: right;}
.email-item-container .inner-input label{color: #444449 ;margin-right: 0 !important;}
.email-item-container .inner-input label span{padding-right: 1.5em;}
.email-item-container .inner-input span::before ,.email-item-container .inner-input span::after,.email-item-container .radioButton{right: 0 !important;}
.inner-input span::after { content: '\f111'; font-family: 'fontawesome'; right: 20px; top: 0; color: transparent;transition: color .2s;-webkit-transition: color .2s;-moz-transition: color .2s;-ms-transition: color .2s;-o-transition: color .2s;width: 10px;height: 10px;line-height: 10px;text-align: center;border-radius: 50%;font-size: 6px;}
.inner-input span::before, .inner-input span::after {content: '';position: absolute;top: 0;bottom: 0;margin: auto;}
.inner-input span::before {right: 20px;width: 10px;height: 10px;border: 3px solid #ccc;transition: border-color .2s;-webkit-transition: border-color .2s;-moz-transition: border-color .2s;-ms-transition: border-color .2s;-o-transition:border-color .2s;border-radius: 50%;}
.inner-input span::after {content: '\f111';font-family: 'fontawesome';right: 20px;top: 0; color: transparent; transition: color .2s; -webkit-transition: color .2s;-moz-transition: color .2s;-ms-transition: color .2s;-o-transition: color .2s;width: 10px;height: 10px;line-height: 10px;text-align: center;border-radius: 50%; font-size: 6px;}
.section-input {margin: 10px 0;}
.radioButton:checked + label span::after {color: #f29d1e; border: 2px solid #f29d1e;}
.radioButton {width: 10px !important;height: 10px !important;top: 3px;bottom: 0;z-index: 99;opacity: 0;right: 20px;}
.section-input label {margin-right: 20px;}
.radioButton:checked+label span {color: #2e2813;}
.section-input span::before {right: 20px;width: 10px;height: 10px;transition: border-color .2s;border-radius: 50%;}
.section-input span::before, .section-input span::after {content: '';position: absolute;top: 3px;bottom: 0;}
.radioButton:checked+label span::before {border: none}
.section-input span::after {content: '\f111';font-family: 'fontawesome';right: 20px;top: 3px;color: transparent;transition: color .2s;width: 10px;height: 10px;line-height: 10px;text-align: center;border-radius: 50%;font-size: 6px;}
.Wrapper-logininfo-def .form-title{text-align: center;color: #fff !important;}
.Wrapper-logininfo-def .timing {color: #fff!important;margin: 1em auto;}
.not-allowedLogin { background: #606060 !important; cursor: not-allowed!important; color: #fff!important; }
.not-login { cursor: pointer; }
.section-login input { height: 38px; box-sizing: border-box;line-height: 38px;}
.section-login .login_info.result-container {width: 100%;}
.section-login { padding: 0 !important; margin: 15px auto !important;width: 90%; }
.Form_User-btn {height: 38px; padding: 0 1em;border-radius: 5px;width: 100% !important; color: #fff !important; text-align: center !important; cursor: pointer; }
.CheckCaptcha, .CheckCaptcha-Reg-Mail, .CheckCaptchaReg-SMS, .CheckCaptcha-forgetPass, .CheckCaptcha-forgetPass {text-align: center; margin: 10px 0; color: #f42e36; }
.Link-Login-def-new,.Link-Login-def-prev ,.Link-Forgetpass, .Link-Register, .Link-ResendMail, .Link-Login,.Link-Forgetpass-def, .Link-Register-def, .Link-ResendMail-def, .Link-Login-def { text-align: center; cursor: pointer }
.Message-LoginRegister { text-align: center; margin: 10px 0; color: #444; }
.section-box { background: none !important; box-shadow: none !important; height: auto !important; text-align: center !important; }
.captcha-input { width: 40% !important;}
.Wrapper h3, .Wrapper-registerinfo h3 { font-size: 15px; text-align: center; padding: 15px 0;color: #444449;}
#login .mm-spn--open { margin-top: 30px !important; }
.section-login::before {display: none !important;}
.captcha_img { width: 30%; text-align: left; }
.section-login .captcha_img img{width: 100% !important;height: 38px;}
.height_80{height: 80%;padding: 0 10px !important;}
.refresh-img { width: 10%;  color: #fff !important; font-size: 17px;border: none !important; height: 38px; line-height: 38px; text-align: center; padding: 0 !important; }
.fa.fa-refresh { border-left: none !important; padding: 0 !important; margin: 0 !important; font-size: 20px !important; }
.loader { border: 5px solid #f3f3f3; border-radius: 50%; width: 15px; height: 15px; -webkit-animation: spin 2s linear infinite; /* Safari */ animation: spin 2s linear infinite; }
/* Safari */
@-webkit-keyframes spin {  0% {
-webkit-transform: rotate(0deg);
}
 100% {
-webkit-transform: rotate(360deg);
}
}
 @keyframes spin {  0% {
transform: rotate(0deg);
}
 100% {
transform: rotate(360deg);
}
}
.fa.fa-user.is-login { color: #2db742; padding: 0 5px !important; font-size: 20px; }
.errorMsg{color: #f42e36;}
.successMsg{color: #2db742;}
.UserInfo {text-decoration: none; direction: rtl; padding: 0 !important; font-size: 12px; color: #525252; }
.Link-profile { width: 100%;margin-top: 0.2em;}
.icon-dashboard::before {content: "\f0e4";}
.link-login{color: #2db742;font-size: 13px; }
.link-logout{ color: #f42e36;font-size: 12px;}
.link-login::before, .link-logout::before {content: "|";color: #525252;padding: 0 0.2em;}
.Link-profile::before {content: "\f2bd"; font-family: "fontawesome"; font-size: 15px; vertical-align: middle;color: #525252;}
.Link-Register, .Link-ResendMail,.Link-Login-Prev { font-size: 15px!important; color: #f29d1e!important; width: 90% !important; border-bottom: 1px solid; margin: 0 auto !important; }
.container-login { position: fixed; top: 0; right: 0; bottom: 100%; left: 0; z-index: 9999999999999; overflow: hidden; -ms-scroll-chaining: none; overscroll-behavior: contain; background: rgba(0, 0, 0, 0); -webkit-transition-property: bottom, background-color; -o-transition-property: bottom, background-color; transition-property: bottom, background-color; -webkit-transition-duration: 0s, .3s;
-o-transition-duration: 0s, .3s;transition-duration: 0s, .3s;-webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-delay: .45s, .15s;
-o-transition-delay: .45s, .15s;transition-delay: .45s, .15s; }
.container-login-content { right: unset;left: -100%; top: 0; bottom: 0; z-index: 2; width: 80%; width: var(--mm-ocd-width); min-width: 200px; min-width: var(--mm-ocd-min-width); max-width: 440px; max-width: var(--mm-ocd-max-width); background: #f4f7f8; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: .3s;
-o-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; }
.container-login-open { bottom: 0; background: rgba(0, 0, 0, .25); -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s }
.container-login li, .container-login span, .container-login ul {  padding:0; margin:0; -webkit-box-sizing:border-box; box-sizing:border-box }
.container-login ul { line-height:24px; line-height:var(--mm-spn-line-height); overflow:visible; overflow-y:auto; background:inherit; -webkit-transition:left .3s ease 0s;
-o-transition:left .3s ease 0s;transition:left .3s ease 0s;cursor:default }
.container-login li { position:relative; background:inherit; cursor:pointer; direction:rtl; text-align:right; font-size:13px; width: 95%; background-color: #fff; padding: 5px 10px; display: block; border-radius: 5px; color: #888; margin: 5px auto; height: 40px; }
.container-login span { position:relative; background:0 0; z-index:1; }
.container-login span { position:relative; background:0 0;  z-index:1; }
.loadingLog ,.ResendSMS{display: none;}
.ResultInfo {margin: 20px 0;font-size: 13px;color: #f29d1e;text-align: center;}
.loginRegister{ direction: rtl;}
.Wrapper-registerinfo label{color: #f29d1e !important;}
/*<!--------------------------------END CSS LOGIN MOB-------------------------------*/
.city-bg{position: relative;top: 0;left: 0;width: 100%;height: 100%; z-index: 1;height: 325px;top: inherit;bottom: 0;opacity: 0.4;background: url(../images/city.png);}
.cloud-anim.cloud-anim-bottom{right: 110px;bottom: 408px;}
.cloud-anim.cloud-anim-top{top: 189px;left: 181px;}
.cloud-anim{z-index: 0;font-size: 54px;opacity: 0.8;color: #fff;position: absolute;}
.page-content{background-color: #2979bc;width: 100%;position: relative;}
.box-404 h2{font-size: 134px;color: #fff;font-weight: bolder;letter-spacing: 10px;padding-bottom: 30px;}
.btn-1{border: 0;padding: 0 80px 0 30px;height: 44px;line-height: 44px;border-radius: 4px;color: #fff;font-weight: 600;font-size: 12px;text-align: left;position: relative;overflow: hidden;display: inline-block;-webkit-box-shadow: 0px 0px 0px 5px rgb(255 255 255 / 10%);box-shadow: 0px 0px 0px 5px rgb(255 255 255 / 10%);cursor: pointer;background: #d3493f;margin-top: 42px;}
.btn-1 i{position: absolute;right: 0;width: 50px;height: 44px;line-height: 44px;border-left: 1px solid rgba(255, 255, 255, 0.21);text-align: center;top: 0;background-color: rgba(255, 255, 255, 0.2);}
.box-404{text-align:center;padding: 162px 0 0;}
.box-404 p{color: rgba(255, 255, 255, 0.91);font-size: 14px;}

.login_info input {
    float: left;
    text-align: left !important;
    font-size: 12px;
    width: 80%;
    border-radius: 5px 0 0 5px;
    background: #f3f3f3;
  }
/*<!--------------------------------END CSS LOGIN DEFAULT-------------------------------*/
/*_________________________ HEADER STYLE_________________________ */
/* header */
.hedaer-full-top{background-color: #fff;}
.fa-email:before {content: "\f0e0";padding-right: 5px;font-size: 14px;line-height: 24px;}
.fa-phone:before{content:"\f095";padding-right: 3px;font-size: 14px;line-height: 24px;}
.fa-email,.fa-phone,.txt-link-th{line-height: 20px;vertical-align: bottom; }
.top-header-info span:nth-child(2){padding: 0 10px;margin: 0 10px;border-right: 1px solid #eaeaea;border-left: 1px solid #eaeaea;}
.top-header-info {text-decoration: none;direction: rtl;text-align: right;color: #616b76;font-weight: 300;padding: 5px 0;}
.top-header-info span > a{text-decoration: none;direction: ltr;text-align: right;color: #616b76;font-weight: 300; font-size: 12px;line-height: 23px;}
.top-header-info span > a:hover{cursor: pointer; color: #f29d1e;}
/* header */

.header-full{width: 100%;background-color: white;border-top: 1px solid #eaeaea;}
.header-container{height: 50px;padding: 5px 0;}
.right-item-header{text-align: right;padding: 7px;}
.fa-bars:before{content:"\f0c9";color: var(--primary);}
span#menu-large-size{font-size: 25px;}
/* custom login button */
.btnstyle {cursor: pointer;border: none;padding: unset;}
.btnstyle::before,.information-user::before {display: inline-block;color: var(--primary);content: "\f2bd";font-family: "fontawesome";margin: 0 0.4em 0 0.4em;vertical-align: middle;}
/* .btnstyle::before,.information-user::before {display: inline-block;-webkit-transform: translateZ(0);transform: translateZ(0);color: var(--primary);content: "\f2bd";font-family: "fontawesome";margin: 0 0.4em 0 0;vertical-align: middle;} */
.btnstyle::after {content: "\f132";font-family: "uicons-solid-rounded";color: var(--primary);font-weight: bold;margin-left: 0.5em;margin-right: 0.5em;font-size: 9px; line-height: 20px;}
.Login_Information {padding: 0 0.5em 0 0.5em;border-right: 1px solid white;}
/* .btnstyle:hover::before, .btnstyle:focus::before, .btnstyle:active::before,.information-user:hover::before, .information-user:focus::before, .information-user:active::before {-webkit-animation-name: hvr-icon-buzz;animation-name: hvr-icon-buzz;-webkit-animation-duration: 0.15s;animation-duration: 0.15s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;} */
.btnstyle:hover::before, .btnstyle:focus::before, .btnstyle:active::before,.information-user:hover::before, .information-user:focus::before, .information-user:active::before {cursor: pointer; color: #034762;}
.fa-spinner:before{content:"\f110";}
.fa-spin {-webkit-animation: fa-spin 2s infinite linear;animation: fa-spin 2s infinite linear;}
/* currency */

/* menu */
.mobile-header{display: none;}
.ham-menu {box-shadow: 0 4px 8px rgba(144,149,167,.2);z-index: 9;background-color: #fdfeff;top: 62px;right: -5px;}
.ham-ul-list {z-index: 100;background: #fdfeff;border-radius: 5px;    min-width: 250px;}
.ham-ul-list a  {display: block;border-bottom: 1px solid #747474;color: #034762;text-align: left;}
.ham-ul-list a li {padding: 1em;position: relative;cursor: pointer;}
.ham-ul-list a li:hover {background-color: #f29d1e;color: white;}
.ham-menu::before {content: '';background: #fdfeff;box-shadow: 0 0 10px rgb(0 0 0/17%);width: 16.2px;height: 16.2px;position: absolute;top: -8px;right: 16px;transform: rotate(45deg);z-index: 1;}
.ham-ul-list a li:not(:first-child):hover {background-color: #f6f6f6}
.col3-style {
    direction: ltr;
    text-align: unset !important;
    width: 100% !important;
    position: unset;
    bottom: 0;
    padding-right: 0 !important;
    font-weight: unset !important;
}
.UserInfo:before {
    display: none;
}
.info-section{
    display: inline-block;
    text-align: left;
    direction: ltr;
    font-size: 12px;
    font-family: 'IRANSansWeb';
    color: #313131;
}
.information-user:before, .UserInfo:before {
    font-weight: unset !important;
}
#menu-hamburger-icon:hover{cursor: pointer; }
/* menu */
/*_________________________ HEADER STYLE_________________________ */
/*_________________________ FOOTER STYLE_________________________ */
.signs-inner{display: flex;flex-wrap: wrap; justify-content: space-evenly;}
.signs-inner > div{border: 1px;padding: 5px;margin: 10px;border-radius: 5px;box-shadow: 0px 6px 10px rgba(92, 96, 141, 0.16);}

/* footer */
.item-section.width_25>h3{font-weight: 300;    font-size: 16px;line-height: 45px;}
/* footer */
.footer{-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;position: relative;background-color: #FFFFFF;border-top: 1px solid var(--selected);padding-top: 50px;margin-top: 3em !important;}
.copyright{font-family:'roboto',"Arial", sans-serif;font-style: normal;font-weight: 600;font-size: 12px;line-height: 20px;color: var(--text-gray);margin-top: 16px;opacity: 0.6;}
.footer__button-up {position: absolute;top: -28px;}
.go-top{width: 55px;height: 55px;background-color: red;color: white;font-size: 20px;border-radius: 100%;-webkit-box-shadow: 0px 6px 10px rgba(92, 96, 141, 0.16);box-shadow: 0px 6px 10px rgba(92, 96, 141, 0.16);-webkit-transition: all 150ms ease-in-out;-o-transition: all 150ms ease-in-out;transition: all 150ms ease-in-out;}
.go-top:hover{background-color: var(--selected);}
.icon-arrow-link-top:before {content:"\f176";font-family: 'fontawesome';}
.links-footer{line-height: 30px;}
.links-footer>a{font-family:'roboto',"Arial", sans-serif;font-style: normal;font-weight: normal;font-size: 15px;color: var(--title-text-color) !important;-webkit-transition: color 150ms ease-in-out;-o-transition: color 150ms ease-in-out;transition: color 150ms ease-in-out;}
.item-section>h3{color: var(--disabled);font-size: 16px;}
.fa-telegram:before{content:"\f2c6" !important}
.fa-twitter:before{content:"\f099" !important}
.fa-facebook-f:before,.fa-facebook:before{content:"\f09a" !important}
.fa-instagram:before{content:"\f16d" !important}
.social-media{margin-top: 3em;margin-bottom: 1em;}
.social-media>ul{text-decoration: none;width: 100%;display: flex;justify-content: space-between;}
.social-media>ul>li{display: inline-block;}
.social-media>ul>li>a{    width: 50px;height: 50px;color: var(--title-text-color);border-radius: 100%;-webkit-box-shadow: 0px 6px 10px rgba(92, 96, 141, 0.16);box-shadow: 0px 6px 10px rgba(92, 96, 141, 0.16);-webkit-transition: all 150ms ease-in-out;-o-transition: all 150ms ease-in-out;transition: all 150ms ease-in-out;justify-content: center;align-items: center;text-align: center;line-height: 50px;}
.social-media>ul>li>a:hover{background-color: #f29d1e;color: #fff;}
.social-media>ul>li>a:hover>i{color: #fff;}
.mr-80{margin-right: 80px;}
.footer-bottom {border-top: 1px solid var(--selected);}
.footer .logo {margin-bottom: 0.5em;}
.footer .link {font-weight: initial;}
.footer .link li:not(:last-child) { margin-bottom: .5em;}
.footer .copy {padding: 1em 0;}  
.footer .copy img {vertical-align: middle;margin-left: 0.5em;}
.footer .copy a:hover,.footer .bottom a:hover {color: #e94b56;}
/*_________________________ FOOTER STYLE_________________________ */
/*--------------START CSS  MENU RESPONSIVE-------------*/
@media only screen and (max-width:1250px){.top-menu { color: #fff;text-align: center; width: 100%; padding: 10px 0 5px 0;background-color: #f29d1e; }.top-menu img{width: 100px; height: auto;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}}
*.background-color_2 {
    background-color: #f42e36;
}
.fa-home:before {
    content: "\f015";
}
.fa-link:before {
    content: "\f0c1";
}
.fa-unlock:before {
    content: "\f09c";
}
.fa-sign-in-alt:before {
    content: "\f2f6";
    font-weight: 900;
}
.fa-redo-alt:before {
    content: "\f2f9";
    font-weight: 900;
}
:root{--mm-ocd-width:80%;--mm-ocd-min-width:200px;--mm-ocd-max-width:440px}
body.mm-ocd-opened{overflow-y:hidden;-ms-scroll-chaining:none;overscroll-behavior:none}
.mm-ocd{position:fixed;top:0;right:0;bottom:100%;left:0;z-index:9999;overflow:hidden;-ms-scroll-chaining:none;overscroll-behavior:contain;background:rgba(0, 0, 0, 0);-webkit-transition-property:bottom, background-color;-o-transition-property:bottom, background-color;transition-property:bottom, background-color;-webkit-transition-duration:0s, .3s;-o-transition-duration:0s, .3s;transition-duration:0s, .3s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:.45s, .15s;-o-transition-delay:.45s, .15s;transition-delay:.45s, .15s;}
.mm-ocd--open{bottom:0;background:rgba(0, 0, 0, .25);-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}
.mm-ocd__content{position:absolute;top:0;bottom:0;z-index:2;width:80%;width:var(--mm-ocd-width);min-width:200px;min-width:var(--mm-ocd-min-width);max-width:440px;max-width:var(--mm-ocd-max-width);background:#fff;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}
.mm-ocd--left .mm-ocd__content{left:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}
.mm-ocd--right .mm-ocd__content{right:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}
.mm-ocd--open .mm-ocd__content{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.mm-ocd__backdrop{position:absolute;top:0;bottom:0;z-index:3;width:calc(100% - 80%);width:calc(100% - var(--mm-ocd-width));min-width:calc(100% - 440px);min-width:calc(100% - var(--mm-ocd-max-width));max-width:calc(100% - 200px);max-width:calc(100% - var(--mm-ocd-min-width));background:rgba(3, 2, 1, 0)}
.mm-ocd--left .mm-ocd__backdrop{right:0}
.mm-ocd--right .mm-ocd__backdrop{left:0}
.mm-spn,
.mm-spn a,
.mm-spn li,
.mm-spn span,
.mm-spn ul{display:block;padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}
.mm-spn{display:block !important;}
:root{--mm-spn-item-height:50px;--mm-spn-item-indent:20px;--mm-spn-line-height:24px}
.mm-spn{width:100%;height:100%;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;overflow:hidden;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
.mm-spn ul{-webkit-overflow-scrolling:touch;position:fixed;top:0;left:100%;bottom:0;z-index:2;width:130%;padding-right:30%;line-height:24px;line-height:var(--mm-spn-line-height);overflow:visible;overflow-y:auto;background:inherit;-webkit-transition:left .3s ease 0s;-o-transition:left .3s ease 0s;transition:left .3s ease 0s;cursor:default}
.mm-spn ul:after{content:'';display:none !important;height:50px;height:var(--mm-spn-item-height)}
.mm-spn>ul{left:0}
.mm-spn ul.mm-spn--open{left:0}
.mm-spn ul.mm-spn--parent{left:-30%;overflow-y:hidden}
.mm-spn li{position:relative;background:inherit;cursor:pointer; direction: ltr;text-align:left;font-size:13px;width: 95%;background-color: #fff;
padding: 5px 10px;display: block;color:  #505050;box-shadow: 0 0 10px rgba(0,0,0,.2);margin: 5px auto; height: 40px;}
.mm-spn li:before{content:'';display:none !important;position:absolute;top:25px;top:calc(var(--mm-spn-item-height)/4);right:25px;right:calc(var(--mm-spn-item-height)/2);z-index:0;width:8px;height:8px;border-bottom:2px solid;border-left:2px solid;-webkit-transform:rotate(-135deg) translate(0, -50%);-ms-transform:rotate(-135deg) translate(0, -50%);transform:rotate(-135deg) translate(0, -50%);}
.mm-spn li:after{content:'';display:block;margin-left:20px;margin-left:var(--mm-spn-item-indent);opacity:.5}
.mm-spn a,
.mm-spn span{position:relative;z-index:1;padding:5px 2px;/*padding:calc((var(--mm-spn-item-height) - var(--mm-spn-line-height))/2) var(--mm-spn-item-indent)*/}
.mm-spn a{background:inherit;color:inherit;text-decoration:none;direction: ltr;text-align:left;font-size:13px;padding: 0;}
.mm-spn a:not(:last-child){width:calc(100% - 50px);width:calc(100% - var(--mm-spn-item-height))}
.mm-spn a:not(:last-child):after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;border-right:1px solid;display: none;}
.mm-spn span{background:0 0;display: inline-block;}
.mm-spn.mm-spn--navbar{cursor:pointer}
.mm-spn.mm-spn--navbar:before{content:'';display:block;position:absolute;top:92px;/*top:calc(var(--mm-spn-item-height)/4);*/left:20px;left:var(--mm-spn-item-indent);width:10px;height:10px;margin-top:2px;border-top:2px solid;border-left:2px solid;-webkit-transform:rotate(-45deg) translate(50%, -50%);-ms-transform:rotate(-45deg) translate(50%, -50%);transform:rotate(-45deg) translate(50%, -50%);opacity:.8;}
.mm-spn.mm-spn--navbar.mm-spn--main{cursor:default}
.mm-spn.mm-spn--navbar.mm-spn--main:before{content:none;display:none}
.mm-spn.mm-spn--navbar:after{content:attr(data-mm-spn-title);display:block;/*position:absolute;*/top:0;left:0;right:0;height:50px;height:var(--mm-spn-item-height);padding:0 40px;padding:0 calc(var(--mm-spn-item-indent) * 2);line-height:50px;line-height:var(--mm-spn-item-height);text-align:center;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.mm-spn.mm-spn--navbar.mm-spn--main:after{padding-left:20px;padding-left:var(--mm-spn-item-indent)}
.mm-spn.mm-spn--navbar ul{top:51px;top:calc(var(--mm-spn-item-height) + 1px)}
.mm-spn.mm-spn--navbar ul:before{content:'';display:block;position:fixed;top:inherit;z-index:2;width:100%;/*border-top:1px solid currentColor;*/opacity:.5}
.mm-spn.mm-spn--light{color:#505050;background: linear-gradient(90deg, rgb(246, 250, 252) 0%, rgb(237, 237, 237) 50%, rgb(255, 255, 255) 100%);}
.mm-spn.mm-spn--dark{color:#ffffff;background: #505050}
.mm-spn.mm-spn--vertical{overflow-y:auto}
.mm-spn.mm-spn--vertical ul{width:100%;padding-right:0;position:static}
.mm-spn.mm-spn--vertical ul ul{display:none;padding-left:20px;padding-left:var(--mm-spn-item-indent)}
.mm-spn.mm-spn--vertical ul ul:after{height:25px;height:calc(var(--mm-spn-item-height)/2)}
.mm-spn.mm-spn--vertical ul.mm-spn--open{display:block}
.mm-spn.mm-spn--vertical li.mm-spn--open:before{-webkit-transform:rotate(135deg) translate(-50%, 0);-ms-transform:rotate(135deg) translate(-50%, 0);transform:rotate(135deg) translate(-50%, 0)}
.mm-spn.mm-spn--vertical ul ul li:last-child:after{content:none;display:none}
.mm-spn li .fa { display: inline-block; margin-right: 7px; padding-right: 7px; border-right: 1px solid #aaa; font-size: 15px; vertical-align: middle; min-width: 16px; text-align: center; }
.mm-spn--open { margin-top: 70px !important; }
/*--------------END CSS  MENU RESPONSIVE-------------*/


/* ________________________ Responsive  _________________________ */
@media only screen and (max-width:1200px){

            /* footer */
            .footer>.d-flex-sb-rv{justify-content: space-between;flex-direction: column-reverse;}
            .footer>.d-flex-sb-rv>.item-section.width_25{width: 95%;text-align: center;margin: 0 auto;}
            .footer>.d-flex-sb-rv>.item-section.width_15{width: 50%;text-align: center;margin: 0 auto;}
            .links-footer>a {
                font-size: 16px;
                line-height: 40px;
            }
            .footer__button-up {
                position: absolute;
                top: -28px;
                /* left: 10%; */
                right: 10%;
                margin: 0 auto;
            }
        
            /* footer */

        /* mobile header */
    
        .logo-header {width: 180px;height: 40px;}
        /* mobile header */


    /* login info */
    .mobile-header{display:block !important;}
/* .mobile-header-style{padding-bottom: 1em;} */
.col2-mobile-header {padding-right: 1em;}
.col2-mobile-header .fa-user { font-size: 20px; }
.menu_link {display: none;width: 35px;position: relative;top: 1.3em;right: 0;}
.user-profile-content{left: unset !important;right: 0!important;}
.col3-mobile-header {padding: 0.2em 0 0 0;}
.mobile-header .not-login-section{display:block;position:relative;top: 1em;}
.mobile-header .col1-mobile-header a:before,
.mobile-header .col1-mobile-header a:after{content:'';display:block;height: 2px;}
.mobile-header .col1-mobile-header a span{display:block;height: 2px;margin:6px 0;}
.top-menu { color: #fff;text-align: center; width: 100%; padding: 10px 0 5px 0; }
.top-menu img{ width:150px; height:50px}
.col3-style .Link-profile { width: 100% !important; margin: 0 !important;}
.col3-style .Link-profile a {width: auto !important;float: none !important;margin:0 0.3em;}
    /* login info */
    /* menu hamburger */
    .ham-menu {box-shadow: 0 4px 8px rgba(144,149,167,.2);z-index: 9;background-color: #fdfeff;top: 62px;right: 1px;}
    /* menu hamburger */
        /* header */
        .col2-mobile-header .fa-user {
            font-size: 20px;
        }
        .mobile-header .col1-mobile-header a:before, .mobile-header .col1-mobile-header a:after {
            display: none;
        }

        .menu_link {
            top: unset !important;
        }
        .mobile-header .not-login-section {
            top: unset !important;
        }
        .not-login-section {
            top: unset !important;
        }

.col3-second-part-header {
    margin-right: unset !important;
    width:fit-content !important;
    margin-top: unset !important;
}
.col3-second-part-header {
    margin-right: unset !important;
}

.menu_link {
    right: unset !important;
}
.col3-second-part-header .fa-user {
/* padding-right: 1em; */
}
.UserInfo {
    width: unset !important;
    text-align: left;
    direction: ltr;
    font-size: 11px;
  }
        /* header */
            /* footer */
    .footer {
        width: 95%;
        margin: 0 auto;
    }
    /* footer */
}

@media only screen and (max-width: 867px){
    /* hedaer */
    .logo-header{width: 200px;height: 37px;}
    .col2-mobile-header {
        padding-right: 1em;
    }
    /* hedaer */

}
@media only screen and (max-width: 750px){
    .logo-header {
        text-align: center;
        width: 100%;
    height: auto;
    margin-top: 0.5em;
      }
}
@media only screen and (max-width: 820px){
            /* footer */
            .footer>.d-flex-sb-rv{justify-content: space-between;flex-direction: column-reverse;}
            .footer>.d-flex-sb-rv>.item-section.width_25{width: 95%;text-align: center;margin: 0 auto;}
            .footer>.d-flex-sb-rv>.item-section.width_15{width: 95%;text-align: center;margin: 0 auto;}
            .links-footer>a {
                font-size: 16px;
                line-height: 40px;
            }
            .footer__button-up {
                position: absolute;
                top: -28px;
                /* left: 10%; */
                right: 10%;
                margin: 0 auto;
            }
        
            /* footer */

}


@media only screen and (max-width: 689px){
    /* menu hamburger */
    .header-container {height: 45px;padding: 5px 0;}
    /* menu hamburger */
}

@media only screen and (max-width: 420px){
    /* header-top */
    .top-header-info.bc-main{display: flex;flex-wrap: wrap;justify-content: center;}
    /* header-top */

}
@media only screen and (max-width:250px) {
        /* footer */
        .logo-footer{width: 100%;}
        .footer__button-up {
            position: absolute;
            top: -28px;
            left: 40%;
            right: 40%;
            margin: 0 auto;
    }
        /* footer */
}
/* ________________________ Responsive  _________________________ */
/* confirm forms */
#ballsWaveG {position: relative;width: 70px;height: 16px;margin: auto;}
.ballsWaveG {position: absolute; top: 0;background-color: rgb(186, 186, 186);width: 9px;height: 9px; animation-name: ballsWaveG; -o-animation-name: ballsWaveG;-ms-animation-name: ballsWaveG;-webkit-animation-name: ballsWaveG;-moz-animation-name: ballsWaveG;animation-duration: 1.5s;-o-animation-duration: 1.5s;-ms-animation-duration: 1.5s; -webkit-animation-duration: 1.5s;-moz-animation-duration: 1.5s;animation-iteration-count: infinite; -o-animation-iteration-count: infinite;-ms-animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite;animation-direction: normal; -o-animation-direction: normal;-ms-animation-direction: normal; -webkit-animation-direction: normal;-moz-animation-direction: normal; border-radius: 5px;-o-border-radius: 5px; -webkit-border-radius: 5px;-moz-border-radius: 5px;}
#ballsWaveG_1 {left: 0; animation-delay: 0.6s;-o-animation-delay: 0.6s;-ms-animation-delay: 0.6s;-webkit-animation-delay: 0.6s;-moz-animation-delay: 0.6s;}
#ballsWaveG_2 {left: 9px;animation-delay: 0.75s;-o-animation-delay: 0.75s;-ms-animation-delay: 0.75s;-webkit-animation-delay: 0.75s;-moz-animation-delay: 0.75s;}
#ballsWaveG_3 {left: 18px;animation-delay: 0.9s;-o-animation-delay: 0.9s;-ms-animation-delay: 0.9s;-webkit-animation-delay: 0.9s;-moz-animation-delay: 0.9s;}
#ballsWaveG_4 {left: 26px;animation-delay: 1.05s;-o-animation-delay: 1.05s;-ms-animation-delay: 1.05s;-webkit-animation-delay: 1.05s;-moz-animation-delay: 1.05s;}
#ballsWaveG_5 {left: 35px;animation-delay: 1.2s;-o-animation-delay: 1.2s;-ms-animation-delay: 1.2s;-webkit-animation-delay: 1.2s;-moz-animation-delay: 1.2s;}
#ballsWaveG_6 {left: 44px;animation-delay: 1.35s;-o-animation-delay: 1.35s;-ms-animation-delay: 1.35s;-webkit-animation-delay: 1.35s;-moz-animation-delay: 1.35s;}
#ballsWaveG_7 {left: 53px;animation-delay: 1.5s;-o-animation-delay: 1.5s;-ms-animation-delay: 1.5s;-webkit-animation-delay: 1.5s;-moz-animation-delay: 1.5s;}
#ballsWaveG_8 {left: 62px;animation-delay: 1.64s;-o-animation-delay: 1.64s;-ms-animation-delay: 1.64s;-webkit-animation-delay: 1.64s;-moz-animation-delay: 1.64s;}
@keyframes ballsWaveG {0% {background-color: rgba(158, 158, 158, 0.97);}100% {background-color: rgb(255, 255, 255);}}
@-o-keyframes ballsWaveG {0% {background-color: rgba(158, 158, 158, 0.97);}100% {background-color: rgb(255, 255, 255);}}
@-ms-keyframes ballsWaveG {0% {background-color: rgba(158, 158, 158, 0.97);}100% {background-color: rgb(255, 255, 255);}}
@-webkit-keyframes ballsWaveG {0% {background-color: rgba(158, 158, 158, 0.97);}100% {background-color: rgb(255, 255, 255); }}
@-moz-keyframes ballsWaveG {0% {background-color: rgba(158, 158, 158, 0.97);}100% {background-color: rgb(255, 255, 255);}}
/* confirm forms */