a.main-logo{display:block;}
div#header-material{padding:15px 0 15px 0;}
.phone-numb{position:relative;display:inline-block;}
.phone-numb a{color:#19181b;font-size:17px;line-height:20px;display:inline-block;font-weight:600;}
.phone-numb.main a{margin-bottom:10px;}
.schedule-header{font-size: 14px; text-align: left;padding-left: 66px; margin-top: 10px;}
.schedule-header img {height: 20px;margin-right: 3px;}
.schedule-header span {font-size: 13px;color: #9a9a9a;font-weight: 100;}
.viber:before{content:url(/images/icons/viber-icon.svg);width:21px;display:inline-block;position:absolute;top:0;left:-27px;margin:0;}
.phone-numb.main:before{content:url(/images/icons/phone-orange.svg);width:21px;display:inline-block;position:absolute;top:0;left:-27px;margin:0;}
ul.main-menu{list-style:none;margin:0;padding:0;}
ul.main-menu li{list-style:none;display:inline-block;margin:0px 3px 0 0;font-size:17px;line-height:18px;position:relative;}
.menu-wrapper .menu-inner .ham{display:none;}
ul.main-menu li.active a{background:#634a88;}
ul.main-menu li ul.submenu-main > li > a:hover{background:#eee;box-shadow:none;}
ul.submenu-main{margin:0;display:none;position:absolute;left:0px;transition:all 200ms linear;top:42px;}
ul.submenu-main > li{padding:0;margin:0;transition:all 300ms linear;display: block;}
ul.main-menu li ul.submenu-main > li > a{display: flex;padding:10px;color:#151416;background-color: #fafafa;text-decoration:none;transition:all 200ms linear;-webkit-box-shadow: 10px 10px 30px -12px rgba(224,224,224,1);-moz-box-shadow:10px 10px 30px -12px rgba(224,224,224,1);box-shadow: 10px 10px 30px -12px rgba(224,224,224,1);border-bottom: 1px solid #f5f5f5;}
ul.submenu-main > li > a:hover{}
ul.main-menu > li:hover > ul.submenu-main{display:block;transform:translate(0, 0);}
ul.main-menu li a:hover{text-decoration:none;color:#ffac1c;}
.container.menu-container{background:#6e5298;color:#fff;border-radius:3px;-webkit-box-shadow:10px 10px 30px -3px rgba(125, 124, 124, 0.37);-moz-box-shadow:10px 10px 30px -3px rgba(125, 124, 124, 0.37);box-shadow:10px 10px 30px -3px rgba(125, 124, 124, 0.37);margin-bottom:-18px;z-index:100;position:relative;padding:0;}
ul.main-menu li a,
.menu-inner .h-string{color:#fff;font-weight:100;display:inline-block;padding:12px 6px 12px 30px;transition:all 200ms linear;position:relative;}
.menu-inner .h-string{font-size:17px;}
.ham:hover{cursor:pointer;}
ul.main-menu a:before{width:15px;display:inline-block;position:absolute;top:13px;left:9px;margin:0px;}
ul.main-menu a.menu_item_534:before{content:url(/images/icons/mortarboard.svg);}
ul.main-menu a.menu_item_603:before{content:url(/images/icons/teacher-reading.svg);}
ul.main-menu a.menu_item_602:before{content:url(/images/icons/program-ico-3.svg);} /*формат навчання*/
ul.main-menu a.menu_item_494:before{content:url(/images/icons/rate-star-button-white.svg);}
ul.main-menu a.menu_item_120:before{content:url(/images/icons/building.svg);}
ul.main-menu a.menu_item_518:before, ul.main-menu a.menu_item_432:before{content:url(/images/icons/hardbound-book-variant.svg);width:13px;}


ul.main-menu a.menu_item_553:before{content:url(/images/icons/shopping-support-calling.svg);}
ul.main-menu a.menu_item_490:before{content:url(/images/icons/luminosity.svg);}

ul.main-menu a.menu_item_504:before{content:url(/images/icons/program-ico-3.svg);}
ul.submenu-main li:nth-child(1):before{width:0px;display:block;position:absolute;top:-5px;left: 8%;margin:0px;content:url(/images/icons/triang.svg);}
ul.main-menu li.main-menu-callback{float:right;margin-right:0;}
ul.submenu-main li:nth-child(1){}
ul.main-menu li.main-menu-callback a{padding:12px 15px 12px 50px;background:#F46B32;transition:all 200ms linear;}
ul.main-menu li.main-menu-callback a:hover{color:#fff;background:#dc7a52;}
ul.main-menu li.main-menu-callback a:before{content:url(/images/icons/shopping-support-calling.svg);left:20px;}
ul.main-menu li.main-menu-callback a:after{background:rgba(0, 0, 0, 0);content:"";position:absolute;top:0%;left:0%;width:0px;height:0px;bor;border-top:42px solid #705394;border-right:18px solid transparent;}
.phone-wrapper{text-align:right;padding:7px 4px 0 0;}
.phone-numb a:hover{text-decoration:none;}
.fadeIn{animation-name:fadeIn;-webkit-animation-name:fadeIn;animation-duration:200ms;-webkit-animation-duration:200ms;animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);visibility:visible !important;}
@keyframes fadeIn{0%{transform:scaleX(0.5);}
60%{transform:scaleX(0.8);}
100%{transform:scaleX(1.0);}
}
@-webkit-keyframes fadeIn{0%{transform:scaleX(0.5);}
60%{transform:scaleX(0.8);}
100%{transform:scaleX(1.0);}
}
@media screen and (max-width:768px){.main-menu{display:none;}
.menu-wrapper .menu-inner .ham{display:block;}
.span4.header-wrapper-top{max-width:40%;float:left;width:300px;}
ul.submenu-main{display:block;position:relative;width:auto;top:0;}
ul.submenu-main li{}
ul.main-menu li ul.submenu-main > li > a {border-bottom:none;}
ul.main-menu li ul.submenu-main > li > a{background:#6e5298;box-shadow:none;color:#fff;padding-left: 43px;}
ul.submenu-main li:nth-child(1):before{display:none;}
.offset5.span3.phone-wrapper-top{margin:0;float:right;}
div#header-material{padding:30px 0 20px 0;}
ul.main-menu li{display:block;border-bottom:1px solid rgba(255, 255, 255, 0.08);}
.container.menu-container{}
ul.main-menu li.active{background:#7e64a5;border-width:2px;}
.hamburger{padding:9px 15px;display:inline-block;cursor:pointer;transition-property:opacity, filter;transition-duration:0.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible;z-index:999;position:fixed;top:0;right:0;position:absolute;outline:none;}
.hamburger:hover{opacity:0.7;}
.hamburger-box{width:30px;height:24px;display:inline-block;position:relative;}
.hamburger-inner{display:block;top:50%;margin-top:-2px;}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{width:30px;height:4px;background-color:#fff;border-radius:4px;position:absolute;transition-property:transform;transition-duration:0.15s;transition-timing-function:ease;}
.hamburger-inner::before, .hamburger-inner::after{content:"";display:block;}
.hamburger-inner::before{top:-8px;}
.hamburger-inner::after{bottom:-8px;}
.hamburger--spin .hamburger-inner{transition-duration:0.22s;transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.hamburger--spin .hamburger-inner::before{transition:top 0.1s 0.25s ease-in, opacity 0.1s ease-in;}
.hamburger--spin .hamburger-inner::after{transition:bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.hamburger--spin.is-active .hamburger-inner{transform:rotate(225deg);transition-delay:0.12s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);}
.hamburger--spin.is-active .hamburger-inner::before{top:0;opacity:0;transition:top 0.1s ease-out, opacity 0.1s 0.12s ease-out;}
.hamburger--spin.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg);transition:bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);}
#cb_email, #cb_name, #cb_phone{width: 180px !important;}
}
/*#header-material .where-you{
    max-width: 64px;
}*/
@media screen and (min-width:1000px){
    .container.menu-container {
    width: 992px;
    max-width: inherit;
}
}
@media screen and (min-width:769px){
    .main-menu#effect{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;

    }
    ul.main-menu li a{
            padding: 12px 10px 12px 27px;
    }
    /* New styles */
/*.container.menu-container{
    width: 80%;
    max-width: inherit;
}*/
}
@media screen and (max-width:570px){
	.call-back {
		right: 170px;
    	top: 4px;
	}
}

@media screen and (max-width:413px){
	/*.offset5.span3.phone-wrapper-top{width:160px;margin-top:-15px;}*/
}
#header-material>.row {
	position: relative;
}
.call-back {
    right: 200px;
    top: 5px;
    font-family: 'Open Sans', sans-serif;
    width: 80px;
    height: 57px;
    display: inline-block;
    text-align: center;
    position: absolute;
}
.call-back .call-back-text:hover {
    border-bottom-color: #fff;
    color: #999;
}
.call-back .call-back-text {
    display: table;
    margin: auto;
    cursor: pointer;
    transition: all .3s ease;
    margin-top: 3px;
    font-size: 13px;
    line-height: 12px;
    margin-left: 10px;
    text-decoration: underline;
}
.callback-form {
    display: none;
    width: 194px;
    z-index: 9999;
    background: #F5F5F5;
    padding: 10px 15px;
    border: 1px solid #E7E7E7;
    position: absolute;
    top: 35px;
    left: 0px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
}
.callback-form-close {
    position: absolute;
    right: 5px;
    top: 0px;
    font-size: 22px;
    cursor: pointer;
    transition: opacity .3s ease;
    opacity: .6;
}
.cb-sended {
    display: none;
}
#cb_email, #cb_name, #cb_phone {
    width: 180px;
    height: 26px;
}
.btn.br0.btn-orange.send-cb#callbackform-apply {
    font-weight: 100;
    border: none;
    box-shadow: none;
    font-size: 17px;
    line-height: 18px;
    width: 100%;
    height: 40px;
    font-family: "Open Sans", Arial, sans-serif;
}
@media screen and (max-width:500px){
	.span4.header-wrapper-top {
		float: none;
	    max-width: 100%;
	    margin: 0 auto;
	    margin-top: -20px;
	    padding-left: 20px;
	}
	.call-back {
		left: 10px;
		top: 100px;
	}
}

.where-you {
    /* display: inline-block; */
    border: 1px solid hsla(268, 48%, 38%, 0.18);
    border-radius: 4px;
    padding: 1px 0px 1px 0;
    float: left;
    margin-top: 4px;
    /* max-width: 23%; */
    -webkit-box-shadow: 3px 3px 3px 1px rgb(187, 183, 183);
    -moz-box-shadow: 3px 3px 3px 1px rgb(187, 183, 183);
    box-shadow: 3px 3px 3px 1px rgb(187, 183, 183);
}

.where-item {
    display: inline-block;
    padding: 6px 3px 7px 3px;
    color: #70615d;
    font-size: 12px;
    border-radius: 4px;
    margin: 0 1px;
    transition: all 300ms linear;
    border: none;
}
.where-item.online:hover {
    background: hsla(107, 44%, 53%, 1);
    color: #fff;
    text-decoration: none;
}
.where-item.kyiv.selected {background: hsla(291, 34%, 45%, 1);color: #fff;}
.where-item.kyiv.selected:hover {
    background: hsla(268, 48%, 58%, 1);
    text-decoration: none;
}
.where-item.kyiv:hover {
    background: hsla(291, 34%, 45%, 1);
    color: #fff;
    text-decoration: none;
}

@media screen and (max-width:768px) {
    .where-you{
    position: absolute;
    top: -54px;
    /* max-width: 205px; */
    /* width: 205px; */
}
    #mainmenu a.where-item {
    display: inline-block !important;
}
}

.where-you {
    border: 1px solid hsla(268,48%,38%,.18);
    border-radius: 4px;
    padding: 1px 0;
    position: absolute;
    max-width: 16%;
    -webkit-box-shadow: 3px 3px 3px 1px #bbb7b7;
    -moz-box-shadow: 3px 3px 3px 1px #bbb7b7;
    box-shadow: 3px 3px 3px 1px #bbb7b7;
    top: 24px;
    right: -6%;
    left: 0;
    background: #f6f6f6;
    margin: 0 auto
}

.where-you.responsive {
    display: none
}

.where-item {
    display: inline-block;
    padding: 6px 8px 7px;
    color: #70615d;
    font-size: 12px;
    border-radius: 4px;
    transition: all .3s linear;
    border: none
}

.where-item:hover {
    color: #fff;
    text-decoration: none;
}

.where-item.kyiv.selected {
    background: hsla(291,34%,45%,1);
    color: #fff;
}

.where-item.kyiv.selected:hover {
    background: hsla(268,48%,58%,1);
    text-decoration: none;
}

.where-item.online.selected,#mob_menu a.where-item.online.selected {
    background: #5ca747;
    color: #fff;
}

.where-item.online.selected:hover {
    background: hsla(107,44%,53%,1);
    text-decoration: none;
}

.where-item.kyiv:hover {
    background: #F16D20;
    color: #fff;
    text-decoration: none;
}

@media screen and (max-width: 768px) {

    .where-you.responsive {
        display: inline-block;
        left: 1%;
        margin: 0;
        top: 5px;
        box-shadow: none;
        max-width: 192px;
        padding: 0
    }

    .where-you {
        display: none
    }

    #mob_menu a.where-item {
        padding: 6px 8px 7px;
        color: #70615d;
        font-size: 12px;
        border-radius: 4px
    }
}