.my_course_title {font-family: 'Roboto';margin-top:20px;margin-bottom:20px;font-weight: 400;font-size: 16px;line-height: 19px;color:rgba(104, 107, 126, 1);}
.my_course {background: #fff;padding:5px 10px;font-family: 'Roboto';margin-top:10px;border: 1px solid rgba(0,0,0,.125);border-radius: 5px;}
.my_course_block {display: flex;border-radius: 5px;}
.my_course_icon {padding:10px;align-self: center;}
.my_course_blue {background: #8197FA;border-radius: 3px;display: flex;justify-content: center;align-items: center;margin-right: 10px;}
.my_course_text {width:700px;padding:10px;align-self: center;color: #505F72;font-weight: 400;font-size: 16px;line-height: 18px;}
.my_course_time {align-self: center;color: #686B7E;font-weight: 400;font-size: 14px;line-height: 16px;}
.my_course_border {border-left:1px solid #FAFAFE;margin-left:10px;margin-right:10px;}
.my_course_text_small {align-self: center;color: #505F72;font-weight: 400;font-size: 12px;line-height: 14px;}
.my_course_circle {border-left: 1px solid #FAFAFE;border-radius: 50%;border: 1px solid rgba(255, 255, 255, 0.5);background: linear-gradient(0deg, #FAFAFE, #FAFAFE), #EAF0FF;display: flex;justify-content: center;align-items: center;margin: 0px 10px;}

.topNubex {position: fixed;right: 50px;bottom: 50px;border-radius: 50%;border: 1px solid rgba(255, 255, 255, 0.5);display: flex;align-items: center;justify-content: center;width: 50px;height:50px;background: #262D7B;}
.overlay {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.7);transition: opacity 500ms;visibility: hidden;opacity: 0;}
.overlay:target {visibility: visible;opacity: 1;}
.popup {margin: 80px auto;width: 27%;position: relative;transition: all 5s ease-in-out;}
.popup .close {position: absolute;right:23px;font-size: 30px;}
.popup_program {border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 8px;margin: 80px auto;width: 30%;background: #FFFFFF;position: relative;transition: all 5s ease-in-out;}
.popup_content {padding:20px;}

html {scroll-behavior: smooth;}
body {background:rgba(250, 250, 254, 1);}
a {text-decoration: none;}
a:hover {text-decoration: none;}
.all_content {background: #FFFFFF; box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.05); border-radius: 8px;padding:40px;width: 1280px;margin-right: auto;margin-left: auto;margin-top:40px;}
.about {min-height: 340px;}
.service {min-height: 460px;}
.footer_container {background: url("/media/images/background_footer.png") #262D7B no-repeat top center;color: rgba(255, 255, 255, 0.7);padding: 20px 0;font-family: 'Open Sans';font-style: normal; font-weight: 600; font-size: 14px; line-height: 20px;margin-top:80px; min-width: 1300px;}
.footer_content {border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 8px;padding:40px;width: 1280px;margin-right: auto;margin-left: auto;margin-top:60px;}
.footer_content_bottom {padding:40px;width: 1280px;margin-right: auto;margin-left: auto;border-bottom: 1px solid rgba(255, 255, 255, 0.2);}

.program_block {display: flex;padding:20px;background: linear-gradient(0deg, #262D7B, #262D7B), #634EED;border-radius: 5px;}
.normal {width:370px;height:90px;}
.big {width:575px;height:90px;}
.program_block_text {align-self: center;color: white;text-transform: uppercase;font-weight: 600;font-size: 16px;line-height: 21px;width: 100%;}
.program_block_icon {align-self: center;}

.service_container {display: flex;margin-bottom: 20px;}
.service_block {display: flex;width:330px;padding:15px;background: linear-gradient(0deg, #262D7B, #262D7B), #634EED;border-radius: 5px;margin-right: 20px;}
.service_block_icon {align-self: center;margin-right: 10px;}
.service_block_text {align-self: center;color: white;text-transform: uppercase;font-weight: 600;font-size: 12px;line-height: 18px;}

.all_text {width:700px;color: #505F72;font-family: 'Open Sans';font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px;}

.home-content {background: url("/media/images/background_home.png") #262D7B no-repeat top center;color: white;padding: 20px 0;font-family: 'Open Sans';font-style: normal; font-weight: 400; font-size: 14px; line-height: 19px;min-width: 1300px;}
.home-nav {display: flex;justify-content: space-between;align-items: center;padding: 0 50px;}
.home-logo {font-size: 24px;}
.home-menu {display: flex;margin: 0;padding: 0;}
.hmenu {margin: 10px 20px;}
.home-menu a {color: white;text-decoration: none;}
.home-lang, .home-login {display: flex;}
.home-lang a, .home-login a {color: white;text-decoration: none;}
.home_container {background: url("/media/images/staff_home.png") no-repeat top right;width: 1280px;margin-right: auto;margin-left: auto;}
.home_block {display: flex;width:380px;padding:20px;background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 5px;margin-right: 40px;}
.home_block_icon {align-self: center;margin-right: 20px;}
.home_block_text {align-self: center;}

.container_border {border-top: 1px solid rgba(255, 255, 255, 0.2);margin: 20px;}
.container_title {border-left: 5px solid rgba(255, 255, 255, 0.2);margin-top: 40px; padding-left:20px;font-family: 'Montserrat';text-transform: uppercase;font-style: normal; font-weight: 700; font-size: 30px; line-height: 37px;}
.container_text {margin-top: 40px; padding-left:25px;width: 850px;}
.container_block {display: flex;margin-top: 40px;}

.button_blue {cursor:pointer;padding:10px 25px;border-radius: 20px;background-color: #35F0D6;text-transform: uppercase; color: #30389A;font-weight: 700;}
.button_white {cursor:pointer;margin-left:20px;padding:10px 25px;border-radius: 20px;border: 1px solid rgba(255, 255, 255, 0.5);background: rgba(255, 255, 255, 0.3);text-transform: uppercase; color: white;font-weight: 700;}
.svg {margin-left: 10px; margin-top: -3px;}
.circle {border-radius: 50%;border: 1px solid rgba(255, 255, 255, 0.5);display: flex;align-items: center;justify-content: center;width: 40px;height:40px;margin-left: 10px;}
.circle svg, .circle img {margin-top: -3px;}
.active {background: rgba(255, 255, 255, 0.3);}
.title {font-family: 'Montserrat';font-style: normal; font-weight: 600; font-size: 30px; line-height: 40px;color: #505F72;margin-bottom: 20px;}
.small {font-size: 12px;line-height: 14px;}

.pro_close {text-align: center;margin-top: 30px;}
.pro_button_white {cursor:pointer;margin-left:20px;padding:10px 25px;background: #EAF0FF;border: 1px solid rgba(255, 255, 255, 0.5);border-radius: 50px;text-transform: uppercase;text-decoration: none;color: #686B7E;font-weight: 400;font-size: 14px;line-height: 19px;}
.pro_button_white svg {margin-left: 10px;}
.pro_auto {height: 440px;overflow-y: scroll;}
.pro_border {border-left:1px solid #FAFAFE;margin-left:10px;}
.pro_program {background: white;font-family: 'Roboto';margin-bottom:20px;}
.pro_title {align-self: center;font-family: 'Roboto';font-style: normal;font-weight: 500;font-size: 16px;line-height: 19px;color: #1B1B1B;}
.pro_block {display: flex;border-radius: 5px;}
.pro_content {display: flex;border-radius: 5px;padding:5px;margin:5px;border: 1px solid #FAFAFE;}
.pro_icon {padding:10px;align-self: center;}
.pro_blue {background: #8197FA;border-radius: 3px;display: flex;justify-content: center;align-items: center;margin-right: 10px;}
.pro_circle {border-left: 1px solid #FAFAFE;border-radius: 50%;border: 1px solid rgba(255, 255, 255, 0.5);background: linear-gradient(0deg, #FAFAFE, #FAFAFE), #EAF0FF;display: flex;justify-content: center;align-items: center;margin: 0px 10px;}
.pro_text {padding:10px;align-self: center;color: #505F72;text-transform: uppercase;font-weight: 400;font-size: 16px;line-height: 18px;border-left: 1px solid #FAFAFE;border-right: 1px solid #FAFAFE;}
.pro_text_small {align-self: center;color: #505F72;font-weight: 400;font-size: 12px;line-height: 14px;}

.she_close {text-align: center;margin-top: 30px;}
.she_button_white {cursor:pointer;margin-left:20px;padding:10px 25px;background: #EAF0FF;border: 1px solid rgba(255, 255, 255, 0.5);border-radius: 50px;text-transform: uppercase;text-decoration: none;color: #686B7E;font-weight: 400;font-size: 14px;line-height: 19px;}
.she_button_white svg {margin-left: 10px;}
.she_auto {height: 440px;overflow-y: scroll;}
.she_border {border-left:1px solid #FAFAFE;margin-left:10px;}
.she_program {background: white;font-family: 'Roboto';margin-bottom:20px;}
.she_title {align-self: center;width:530px;font-weight: 400;font-size: 14px;line-height: 16px;color:black;}
.she_block {display: flex;border-radius: 5px;}
.she_content {display: flex;border-radius: 5px;padding:10px;margin:10px;border: 1px solid #FAFAFE;}
.she_icon {padding:10px;align-self: center;}
.she_blue {background: linear-gradient(0deg, #EAF0FF, #EAF0FF), #8197FA;border-radius: 3px;display: flex;justify-content: center;align-items: center;margin-right: 10px;}
.she_circle {border-left: 1px solid #FAFAFE;border-radius: 50%;border: 1px solid rgba(255, 255, 255, 0.5);background: linear-gradient(0deg, #FAFAFE, #FAFAFE), #EAF0FF;display: flex;justify-content: center;align-items: center;margin: 0px 10px;}
.she_text {padding:10px;align-self: center;color: #505F72;text-transform: uppercase;font-weight: 400;font-size: 16px;line-height: 18px;border-left: 1px solid #FAFAFE;border-right: 1px solid #FAFAFE;}
.she_text_small {align-self: center;color: #505F72;font-weight: 400;font-size: 12px;line-height: 14px;}

@media (max-width: 430px) {
/*.home-menu{display: none;}*/
}