@font-face {
    font-family: 'UDF';
    src: url("/fonts/UserwayDyslexiaFont-Medium.woff"),
    url("/fonts/UserwayDyslexiaFont-Medium.woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UDF';
    src: url("/fonts/UserwayDyslexiaFont-Italic.woff"),
    url("/fonts/UserwayDyslexiaFont-Italic.woff");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'UDF';
    src: url("/fonts/UserwayDyslexiaFont-Bold.woff"),
    url("/fonts/UserwayDyslexiaFont-Bold.woff");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'UDF';
    src: url("/fonts/UserwayDyslexiaFont-Bold-Italic.woff"),
    url("/fonts/UserwayDyslexiaFont-Bold-Italic.woff");
    font-weight: bold;
    font-style: italic;
}

.form__fieldset_contact .form-group{
	position: relative;
}
.form__fieldset_contact .form-group .help-block{
	position: absolute;
	top: 50px;
}
.help-block{
	color: red;
	font-size: 12px;
}

.static-content img{
	/*max-width: 100% !important;*/
	height: auto !important;
}

.static-content p{
}


body .static-content .not-max-width{
   /* max-width: 100%;*/
}

.hide{
	display: none !important;
}


.prev.disabled{
	display: none;
}

.checkbox-list-style label.checked-label{
	cursor: pointer;
	 font-size: 14px;
    color: var(--title-color);
    font-weight: 500;
    text-transform: uppercase;
    border: none;
    background-color: var(--white-color);
    background-color: var(--smoke-color);
    padding: 9.5px 30px;
    box-shadow: 0px 4px 10px rgb(107 131 174 / 4%);
    border-radius: 999px;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}

.checkbox-list-style label.checked-label.active {
    color: var(--white-color);
    background-color: var(--theme-color);
}

.checkbox-list-style .checked-label-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}

.checkbox-list-style label.checked-label:hover {
    color: var(--theme-color);
}

.hero-3 .shape1 {
    top: 43px;
    left: 0;
}

.hero-style3.hero-style3h {
    padding: 50px 0 0px 0;
    max-width: 640px;
    margin: 0 auto;
}

.breadcumb-wrapper-bottom-small{
    padding-bottom: 80px;
    padding-top: 80px;
}

.hero-style3.hero-style3h .search-form .form-group > i{
    right: auto;
}

.hero-style3.hero-style3h .search-form{
    -webkit-box-shadow: none;
            box-shadow: none;
}

.header-logo img{
    width: 100%;
}

#careersearch-key-wrapper{
    background: #FFF;
}

.font-size-1,
.font-size-1 {
/*    font-size: 1rem;*/
/*    font-size: calc(var(--yr)*(var(--fs-s) - .5));*/
}

.font-size-2,
.font-size-2 a {
    font-size: .875rem;
/*    font-size: calc(var(--yr)*(var(--fs-s) - .5));*/
}

.font-size-3,
.font-size-3 a {
    font-size: 1.25rem;
/*    font-size: calc(var(--yr)*(var(--fs-s) + 1));*/
}

:root{
    --primary-color:#212121;
    --lightColor:#fff;
    --lg_color:#fff;
    --sepColor:rgba(0,0,0,0.1);
    --sep_color:rgba(0,0,0,0.1);
    --greyColor:#bcbec0;
    --grey_color:#bcbec0;
    --violet_color:#820adc;
    --highlightColor:#ffde2f;
    --highlight_color:#ffde2f;
    --pr_color:#0d0d0d;
    --g_color:#74746b;
    --lg_grey_color:#f5f5f5;
    --grn_color:#6c0;
    --rd_color:red;
    --gr_color:#2cbe4e;
    --hl_color:#ffde2f;
    --hlb_color:#e8b103;
    --mw:50rem;
    --margin-xs:0.5em;
    --margin-s:1.5em;
    --margin-m:2em;
    --margin-l:4em;
    --gutter:1rem;
    --xr:1rem;
    --yr:0.25rem;
    --fs-s:4;
    --lh-s:6;
    --fs-s-s:3.5;
    --lh-s-s:6;
    --fs-m:5;
    --lh-m:6.4;
    --fs-m-s:3.2;
    --lh-m-s:5.6;
    --fw_normal:400;
    --fw_bold:500;
    --s-s:2;
    --s-m:4;
    --s-l:8;
    --s-xl:16;
    --s1:1;
    --s2:3;
    --s3:6;
    --s4:9
}


.module-font-1,
.module-font-1 a
{
    font-size:.575rem !important;
    font-size:calc(var(--yr)*(var(--fs-s) - .5)) !important;
}
@media (min-width:760px){
    .module-font-1,
    .module-font-1 a
    {
        font-size:1rem !important;
        font-size:calc(var(--yr)*(var(--fs-m) - .5)) !important;
    }
}

.module-font-2,
.module-font-2 a
{
    font-size:1rem !important;
    font-size:calc(var(--yr)*(var(--fs-s) + 1)) !important;
}
@media (min-width:760px){
    .module-font-2,
    .module-font-2 a
    {
        font-size:1rem !important;
        font-size:calc(var(--yr)*(var(--fs-m) + 1)) !important;
    }
}


.zoom-wrapper-header{
    height: 45px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.zoom-wrapper{
    width: 100px;
     display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}

.zoom-item:hover{
    color: #000 !important;
    background: #FFF;
}
.zoom-item{
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    border: 1px solid #ccc;
    width: 28px;
    text-align: center;
    border-radius: 3px;
    margin-left: 10px;
    margin-top: 8px;
    cursor: pointer;
    font-size: 24px;
    line-height: 24px;
    height: 28px;
}

.tab-content-marker{
    display: none;
}
.tab-content-marker.active{
    display: block;
}

.tab-links-wrapper{
    padding: 0;
    margin-bottom: 40px;
}
.tab-links-wrapper li{
    list-style: none;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    padding: 5px 20px;
}
.tab-links-wrapper li.active{
    border-bottom: 2px solid var(--theme-color);
}

.route-input{
    margin-bottom: 20px;
    margin-left: 40px;
}

.route-inputs{
    position: relative;
}

.route-point-a{
    top: 13px;
    left: 0;
}
.route-point-b{
    top: 88px;
    left: 0;
}
.route-point{
    position: absolute;
    background: var(--theme-color);
    color: #fff;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 28px;
}

.route-type-wrapper{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    padding-left: 40px;
    padding-top: 10px;
}

.route-type:first-child{
    -webkit-border-radius: 5px 0 0 5px;
            border-radius: 5px 0 0 5px;
}
.route-type:last-child{
    -webkit-border-radius: 0 5px 5px 0;
            border-radius: 0 5px 5px 0;
}

.route-type{
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    text-align: center;
    position: relative;
    padding: 6px 10px;
    cursor: pointer;

    border: 1px solid var(--theme-color);
}
.route-type input:checked + span{
    color: #FFF;
}
.route-type input:checked + span:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--theme-color);
    z-index: -1;
}

#transport-route{
    padding-left: 40px;
    padding-top: 21px;
}
#transport-route span{
        color: var(--theme-color);
    font-size: 15px;
    font-weight: bold;
}

.route-type-center{
        border-left: none;
    border-right: none;
}

.userway-s14-1 .userway-s14-active {
    word-spacing: 0.16em!important;
    letter-spacing: .12em!important;
}
.userway-s14-2 .userway-s14-active {
    word-spacing: 0.32em!important;
    letter-spacing: .24em!important;
}

.userway-s14-3 .userway-s14-active {
    word-spacing: 0.48em!important;
    letter-spacing: .36em!important;
}

.left-bar.active{
    display: block;
}
.left-bar{
    display: none;
    position: fixed;
    left: 0;
    bottom: 0;
    /* bottom: 0; */
    background: #EFF1F5;
    z-index: 999999;
    padding: 22px 22px 10px 10px;
    width: 350px;
    border-radius: 0 7px 0 0;
}

.close-left-bar svg{
    width: 14px;
    height: 14px;
}
.close-left-bar{
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 0px;
    background: #EFF1F5;
    height: 30px;
    border-radius: 50%;
    width: 30px;
    box-sizing: border-box;
    text-align: center;
}

.elemets-style-wrapper{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.elemets-style-item{
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 46%;
    -ms-flex: 1 1 46%;
    flex: 1 1 46%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    margin: 5px 5px;
    background: #FFF;
    border-radius: 5px;
    padding: 0;
}

.elemets-style-item-content-clicks{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100px;
}

.left-bar .elemets-style-wrapper .elemets-style-item div.elemets-style-item-content-label{
    color: #000;
    text-align: center;
    line-height: 1;
}

.left-bar .elemets-style-item-content-clicks .elemets-style-item-content-clicks-item{
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 28px;
    -ms-flex: 1 1 28px;
    flex: 1 1 28px;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    width: 28px;
    height: 28px;
    text-align: center;
    font-size: 28px;
    margin: 0 5px;
    line-height: 22px;
    cursor: pointer;

    background-color: var(--theme-color);
    color: var(--white-color);
    font-family: var(--title-font);
}
.left-bar .elemets-style-item-content-clicks .elemets-style-item-content-clicks-item:hover{
    background: #1866f7;
}

.elemets-style-item-content{
    /*display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;*/

    position: relative;
    width: 100%;
    height: 114px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    -webkit-appearance: none;
    cursor: pointer;
    background: #fff;
    border-radius: 12px;
    border: 2px solid #fff;
    padding: 0.3125rem 0.625rem;
    transition: border-color 0.15s ease;
        -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.elemets-style-item-content-label{
    font-size: 15px;
    padding: 5px 0px;
}

.step-inc {
    display: flex;
    width: 100%;
    margin: 0 -0.15625rem;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.15s ease,visibility 0.15s ease;
        padding: 10px 0px;
}

.active-change-style .step-inc {
    opacity: 1;
    visibility: visible;
}

.step-inc-item {
    width: 100%;
    padding: 0 0.15625rem;
}

.step-inc-child {
    border-radius: 10px;
    height: 3px;
    position: relative;
    background: #EFF1F5;
}
.step-inc-item_active .step-inc-child {
    background: #000;
}

.udf-font .active-a{
    font-family: UDF, serif !important;
}
.arial-font .active-a{
    font-family: Arial, serif !important;
}

.elemets-style-item-content.active-change-style{
        border: 1px solid #000;
}

.style-white-bg{
    background-color:#fff !important;
}

.invert-contrast{
    filter:invert(100%);
    -webkit-filter:invert(100%);
}
.invert-contrast p span{
    filter:invert(100%) !important;
    -webkit-filter:invert(100%) !important;
}
.black-contrast * {
    background-color: rgb(0, 0, 0) !important;
    border-color: rgb(255, 255, 255) !important;
    color: rgb(80, 208, 160) !important;
}
.black-contrast .active-a{
    color: rgb(80, 208, 160) !important;
}
body .all-content.black-contrast a{
    color: rgb(252, 255, 60) !important;
}

body .show-styled-panel {
    position: fixed!important;
    cursor: pointer;
    background: #003d68!important;
    border-radius: 50%!important;
    padding: 3px;
    display: inline-block;
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    max-width: 40px;
    max-height: 40px;
    box-sizing: content-box!important;
    z-index: 9999;
}

body .show-styled-panel {
    top: 13px;
/*    bottom: 13px;*/
    left: 13px;
    right: auto;
}
body .show-styled-panel:hover {
        transition: transform .4s!important;
    transform: scale(1.1)!important;
}

.show-styled-panel img:not(.check_on), body .show-styled-panel img:not(.check_on) {
    height: 40px;
    width: 40px;
    display: block;
    padding: 0!important;
    margin: 0!important;
    background: 0 0!important;
    border: none!important;
    opacity: 1!important;
    visibility: visible!important;
}


.show-styled-panel .usr {
    z-index: -1!important;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
    display: inline-block;
}

.show-styled-panel .check_on {
    position: absolute;
    top: -7px;
    right: -4px;
    width: 18px;
    height: 20px;
    transition: .1s;
    opacity: 0;
    visibility: hidden;
    background: 0 0!important;
    border: none!important;
    padding: 0!important;
    margin: 0!important;
}

.show-styled-panel .check_on.active {
    opacity: 1;
    visibility: visible;
    top: -4px;
    right: -4px;
}

.js-change-style-clear{
    background: #0D5EF4;
    color: #fff;
    margin-top: 10px;
    height: 46px;
    border: none;
}

:root{
    --firstcolor: #000;
    --secondcolor: #000;
}

.black-color-site {
    --firstcolor: #000 !important;
    --secondcolor: #fff !important;
    --title-color: #000 !important;
    --theme-color: #000 !important;
    --body-color: #000 !important;
}
.fil-color-site {
    --firstcolor: #9dd1ff !important;
    --secondcolor: #000 !important;
    --title-color: #9dd1ff !important;
    --theme-color: #9dd1ff !important;
    --body-color: #fff !important;
}
.fil-color-site .course-tab .nav-link{
        color: var(--theme-color);
}
.fil-color-site input{
        color: var(--theme-color);

}
.fil-color-site .btn.btn-primary{
        background-color: var(--theme-color);

}
.fil-color-site .about-text{
        color: var(--secondcolor) !important;

}
.color-site .footer-widget.style2 .widget_title:before{
    background-color: var(--secondcolor);
}
.color-site .footer-widget .widget_title{
    color: var(--secondcolor);
}
.color-site .popup-search-box form input {
    border: 2px solid var(--secondcolor);
}
.color-site .footer-layout2{
    background-color: var(--firstcolor);
}
.color-site{
    background-color: var(--secondcolor);
}
.color-site .footer-widget.widget_nav_menu a:before{
    color: var(--secondcolor);
}
.color-site .footer-wrapper .as-social a{
    background-color: var(--firstcolor);
}
.color-site .footer-layout2 a{
    color: var(--secondcolor) !important;
}
.color-site .as-widget-about .about-text {
    color: var(--secondcolor);
}
.color-site p,
.color-site p span {
    color: var(--firstcolor) !important;
}

.color-site div{
/*    background-color: transparent;*/
}

.color-site .header-layout3 .header-top {
    background-color: var(--firstcolor);
}

.color-site .category-card_icon{
    background-color: var(--firstcolor);
}
.color-site .category-card_icon img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.color-site .hero-shape img
 {
    -webkit-filter: brightness(0) invert(0);
    filter: brightness(0) invert(0);
}
.color-site  img{
    filter: grayscale(100%);
}


.js-close-marker-content{
    width: 20px;
    height: 20px;
    position: absolute;
    top: 15px;
    right: 24px;
    cursor: pointer;
}

._hg26ia {
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    word-wrap: break-word;
    position: relative;
    background: #ffffff;
    height: 32px;
    width: 32px;
    cursor: pointer;
    color: #262626;
    border-bottom: 1px solid #e6e6e6;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
        outline: none;
    border: none;
}

._1j6geg7w {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

._mpa5im {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    width: 32px;
    background: #ffffff;
    box-shadow: 0 1px 3px 0 rgb(38 38 38 / 50%);
    border-radius: 4px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
}

.js-map-cat+label:before,
.js-map-marker+label:before,
.js-map-icat+label:before{
    display: none;
}

.js-map-cat:checked+label,
.js-map-marker:checked+label,
.js-map-icat:checked+label{
    color: var(--white-color);
    background-color: var(--theme-color) !important;
}
.js-map-cat:checked+label:hover,
.js-map-marker:checked+label:hover,
.js-map-icat:checked+label:hover{
    color: var(--white-color) !important;
}

.smoke-color{
    cursor: pointer;
    background: var(--smoke-color) !important;
}

@media (max-width: 767px) {
    .header-logo{
        max-width: 150px;
    }
    #marker-content{
        top: 250px;
        position: relative;
        z-index: 999;
    }
    .route-type-wrapper{
        padding-left: 0px;
    }
    .route-type{
        font-size: 14px;
    }
    .map-sec.space{
        height: 500px !important;
    }
    .map-sec.space .map{
        height: 500px !important;
    }
}

.course-box{
    position: relative;
}

.goods__fav-btn-wrap{
    position: absolute;
    top: 10px;
    right: 10px;
}

.js-favorite{
    cursor: pointer;
}

.icon-btn.active {
  background-color: var(--theme-color);
  color: var(--white-color);
}

.hero-3 .hero-img1 img {
/*     height: auto;*/
}

.widget_categories a::before{
    display: none;
}
.widget_categories a{
    padding-left: 0;
}

.widget_categories .active a{
    color: var(--theme-color);
}

.video-course .course-img{
/*    min-width: 444px;*/
/*    min-height: 350px;*/
}

.course-title {
    font-size: 23px;
    line-height: 1.2;
}

.course-box{
    height: 100%;
}
.course-img{
    display: block;
}
.course-meta{
        position: absolute;
    bottom: 0px;
    width: 80%;
}

.course-content{
    padding-bottom: 67px;
}

.hidden-show-block{
    overflow: hidden;
    max-height: 246px;
}

.js-hidden-show-wrapper.active .hidden-show-block{
    max-height: 100%;
}

.js-hidden-show-link:hover{
    border-bottom: 1px dashed #fff;
}

.js-hidden-show-link{
    font-size: 16px;
    position: relative;
    top: -26px;
    border-bottom: 1px dashed;
    display: inline-block;
    text-transform: lowercase;
    font-weight: bold;
    cursor: pointer;
}

.js-hidden-show-wrapper{
    margin-bottom: 40px;
}

.displaynone{
    display: none;
}
.displaynone.displaybl{
    display: block;
}

.contact-info{
    max-width: 460px;
}

.course-list .course-meta{
        position: initial;
}
.course-list .course-img{
    text-align: center;
}
.course-list img{
    width: auto;
        max-width: 150px;
}

.course-list .course-img {
    min-width: 300px;
}

.course-list{
    padding: var(--blog-space-y, 20px) var(--blog-space-x, 20px);
}

.popup-menu-box button.menuClose {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 40px;
    right: 40px;
    border-width: 1px;
    border-style: solid;
    border-color: var(--theme-color);
    background-color: transparent;
    font-size: 22px;
    border-radius: 50%;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
    color: var(--theme-color);
}

.popup-menu-box {
    position: fixed;
    top: 0;
    left: 50%;
    background-color: rgba(0, 0, 0, 0.95);
    height: 0;
    width: 0;
    overflow: hidden;
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    border-radius: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
}

.popup-menu-box.show {
    opacity: 1;
    visibility: visible;
    width: 100.1%;
    height: 100%;
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
    border-radius: 0;
}

.popup-menu-box.show .content-menu {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    color: #FFF;
}

.popup-menu-box .content-menu {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    padding-bottom: 40px;
    cursor: auto;
    width: 100%;
    max-width: 1000px;
    -webkit-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    -webkit-transition: -webkit-transform ease 0.4s;
    transition: -webkit-transform ease 0.4s;
    transition: transform ease 0.4s;
    transition: transform ease 0.4s, -webkit-transform ease 0.4s;
}

.content-menu .main-menu > ul > li{
    margin: 0;
    display: block;
}
.content-menu .main-menu > ul > li > a{
    color: #FFF;
    font-size: 34px;
    padding: 20px 10px;
}

.content-menu .main-menu > ul > li > a:hover {
    color: var(--theme-color);
}

body .icon-btn.menuBoxToggler{
    /*border: none;
    font-size: 24px;
    left: -14px;*/

    border: none;
    font-size: 17px;
    left: 3px;
    width: 100px;
    text-transform: uppercase;
    border-radius: 0;
}

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

.test-btn{
    margin-top: 20px;
    margin-bottom: 40px;
}

.menuff{
    max-width: 1500px;
}
.menuff .row{
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.course-tags{
    margin: 25px 0px;
}

 .checkbox-list-style #careersearch-icategory label.checked-label.active:hover {
    color: #fff;
}

.search-form-view input{
    font-size: 18px;
    height: 70px;
    width: 100%;
    border: 2px solid var(--theme-color);
    background-color: transparent;
    padding-left: 30px;
    color: #fff;
    border-radius: 50px;
}

.search-form-view form {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    padding-bottom: 40px;
    cursor: auto;
    width: 100%;
    max-width: 700px;
    -webkit-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    -webkit-transition: -webkit-transform ease 0.4s;
    transition: -webkit-transform ease 0.4s;
    transition: transform ease 0.4s;
    transition: transform ease 0.4s, -webkit-transform ease 0.4s;
}

.show .search-form-view form {
/*    -webkit-transition-delay: 0.5s;*/
/*    transition-delay: 0.5s;*/
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}

.search-form-view{
    position: relative;
    margin-bottom: 40px;
}
.search-form-view form button {
    position: absolute;
    top: 0px;
    background-color: transparent;
    border: none;
    color: #fff;
    font-size: 24px;
    right: 12px;
    color: var(--white-color);
    cursor: pointer;
    width: 70px;
    height: 70px;
    -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
    -webkit-transform: scale(1.001);
    -ms-transform: scale(1.001);
    transform: scale(1.001);
}

.search-form-view form button:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.checkbox-list-style label.checked-label  {
    font-size: 14px;
    color: var(--title-color);
    font-weight: 500;
    text-transform: uppercase;
    border: none;
    background-color: var(--white-color);
    padding: 9.5px 30px;
    box-shadow: 0px 4px 10px rgb(107 131 174 / 4%);
    border-radius: 999px;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
}

.map .mapgl_zXpm2Oitx3qOyLXwyVKj.mapgl_OS0i93oEEcYSyKRHurat>div{
    -webkit-transform: scale(1.8);
       -moz-transform: scale(1.8);
        -ms-transform: scale(1.8);
         -o-transform: scale(1.8);
            transform: scale(1.8);
    margin-top: 60px;
    margin-right: 30px;
}

.ui-menu.ui-widget.ui-widget-content{
    border: 1px solid #0D5EF4;
    z-index: 999999;
    max-width: 630px;
}

.ui-autocomplete-category{
    padding: 10px;
    color: #b7b7b7;
}
.ui-menu-item{
}
.ui-menu-item a{
    display: block;
    padding: 5px 10px 5px 17px !important;
}
.ui-state-active{
    margin: 0 !important;
    padding: 5px 10px 5px 17px !important;
    border: none !important;
    border-left: 1px solid #0D5EF4;
    border-right: 1px solid #0D5EF4;
    background: #e9e9e9 !important;
}

#testform-file{
    padding-top: 11px;
}

.remove-file-btn{
    color: red;
}

.filter-btn.active:after,
.filter-btn.active:before{
    display: none;
}

img:not([draggable]), embed, object, video{
    height: auto !important;
}

.falicon{
    width: 30px;
    height: 30px;
}

#transport-route{
    max-height: 500px;
    overflow: auto;
}

.at-soc-wrapper{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    gap: 100px;
}

.header-top-text{
    color: #FFF;
}

.label-top{
    position: absolute;
    top: 0;
    left: 0;
    width: 76px;
    z-index: 9;
    border-radius: 50%;
    overflow: hidden;
}