/* -----------------------------------------------------------------------------------

	HEADER
	___________

----------------------------------------------------------------------------------- */
#header {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    background: #fff;
    z-index: 999;
    padding-top: 22px;
}

#header.header-sticky {
    opacity: 0;
}

#header:after {
    content: "";
    display: block;
    width: 100%;
    height: 41px;
    background: #093558;
    position: absolute;
    bottom: 0;
    z-index: -1;
}

#header .top-menu {
    padding: 0;
    display: inline-block;
    float: left;
    vertical-align: top;
}

#header .top-menu li {
    display: inline-block;
    list-style: none;
    line-height: 16px;
    padding: 0 12px;
    border-left: 1px solid #dfe2e5;
}

#header .top-menu li:last-child {
    border: none;
}

#header .top-menu li a {
    font-size: 14px;
    line-height: 16px;
    color: #216396;
    text-decoration: none;
}

.header-form-wrapper {
    display: inline-block;
    float: left;
}

#header-search {
    position: relative;
    width: 267px;
    height: 32px;
    max-width: 100%;
}

#InputTopSearch {
    display: inline-block;
    vertical-align: middle;
    font-size: 17px;
    font-weight: 300;
    color: #000;
    border: 1px solid #216396;
    height: 100%;
    padding: 0 12px;
}

#InputTopSearch::placeholder {
    color: #000;
}

.top-search-submit {
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    background: url('img/search-icon.svg') #216396 center no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 5px 0 0 5px;
}

.top-search-notice {
    width: 100%;
    font-size: 11.5px;
    padding-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 767px) {
    #header {
        position: fixed;
        top: 0;
    }

    #header.header-sticky {
        opacity: 1;
    }
}

/*navbar-nav*/
.header-main-menu {
    margin-top: 15px;
}

#header .navbar {
    padding: 0;
}

#navbarSupportedContent .navbar-nav {
    padding: 0;
    height: 41px;
    width: 100%;
}

#navbarSupportedContent .navbar-nav li {
    display: inline-block;
    padding: 10px 19px;
    border-left: 1px solid #3a5d79;
}

#navbarSupportedContent .navbar-nav li:hover, #navbarSupportedContent .navbar-nav li.active {
    background: -webkit-gradient(linear, left top, left bottom, from(#8ebc07), to(#afd706));
    background: linear-gradient(180deg, #8ebc07 0, #afd706);
    box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, .2);
}

#navbarSupportedContent .navbar-nav li.is-hidden--desktop {
    display: none;
}

#navbarSupportedContent .navbar-nav li a {
    color: #fff;
    text-decoration: none;
}

@media (max-width: 767px) {
    #header {
        padding-top: 0;
    }

    #header:after {
        display: none;
    }

    .header-main-menu {
        margin-top: 0;
        display: inline-block;
        float: left;
        text-align: left;
    }

    #header .navbar {
        padding: 0;
        display: inline-block;
    }

    button.navbar-toggler {
        padding: 0;
        width: 52px;
        height: 52px;
        border: none;
        outline: none;
        position: relative;
        top: 8px;
    }

    button.navbar-toggler, button.navbar-toggler:hover, button.navbar-toggler:focus {
        background: none;
        outline: none;

    }

    button.navbar-toggler .kav {
        background: #216396;
        width: 20px;
        height: 3px;
        margin: 0 auto 4px;
    }

    #navbarSupportedContent {
        position: absolute;
        left: 0;
        width: 300px;
        height: auto;
        background: #fff;
    }

    #navbarSupportedContent .navbar-nav {
        height: auto;
    }

    #navbarSupportedContent .navbar-nav li a {
        color: #000;
    }

    #navbarSupportedContent .navbar-nav {
        width: 100%;
        text-align: right;
    }

    #navbarSupportedContent .navbar-nav li {
        background: #fff;
        border: none;
    }

    #navbarSupportedContent .navbar-nav li.is-hidden--desktop {
        display: block;
    }
}

/* end of navbar-nav*/


/*fixed-social*/
.fixed-social {
    position: fixed;
    right: 8px;
    top: 50%;
    z-index: 999;
}

.fixed-social .btn-share {
    display: block;
    width: 45px;
    height: 45px;
    font-size: 0;
    -webkit-box-shadow: 3px 3px 7px hsla(0, 0%, 9%, .35);
    box-shadow: 3px 3px 7px hsla(0, 0%, 9%, .35);
    border-radius: 100%;
    margin-bottom: 8px;
}

.fixed-social .btn-share.facebook {
    background: url(img/facebook.svg) no-repeat center #3660a0;
    background-size: 20px;
}

.fixed-social .btn-share.whatsapp {
    background: url(img/whatsapp.svg) no-repeat 10px 9px, #20b12e;
}

.fixed-social .btn-share.mail {
    background: url(img/mail.svg) no-repeat 10px 7px, #eb7d1b;
}

@media (max-width: 767px) {
    .fixed-social {
        display: none;
    }
}

/*end of fixed-social*/

/*secondary-header*/
#secondary-header {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 999;
    background: #fff;
    padding-top: 12px;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    -o-transition: transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s;
}

#secondary-header.header-sticky {
    display: block;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

@media (min-width: 1200px) {
    #secondary-header > .container {
        max-width: 1260px;
    }
}

@media (max-width: 767px) {
    #secondary-header {
        padding: 0;
    }

    #secondary-header.header-sticky {
        top: 50px;
    }

    #secondary-header > .container {
        display: none;
    }
}

#secondary-header > .container * {
    display: inline-block;
    vertical-align: middle;
}

#secondary-header .website-logo {
    max-width: 135px;
}

#secondary-header .header-main-menu {
    margin-top: 0;
}

#navbarSupportedContentSecondary .navbar-nav {
    height: auto;
    padding: 0;
}

#navbarSupportedContentSecondary .navbar-nav li {
    padding: 0 12px;
    border-left: 1px solid rgba(9, 53, 88, .2);
}

#navbarSupportedContentSecondary .navbar-nav li:last-child {
    border: none;
}

#navbarSupportedContentSecondary .navbar-nav li:hover, #navbarSupportedContentSecondary .navbar-nav li.active {
    background: none;
    box-shadow: none;
}

#secondary-header #navbarSupportedContentSecondary .navbar-nav li a {
    color: #093558;
    text-decoration: none;
}

.secondary-header__search-button {
    position: relative;
}

#secondary-header .search-button {
    border-radius: 5px;
    width: 2.375em;
    height: 2.1875em;
    background-color: #216396;
    background-image: url('img/search-icon.svg');
    background-position: center center;
    background-size: 1.125em 1.125em;
    background-repeat: no-repeat;
    -webkit-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .2);
    box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .2);
    outline: none;
    border: none;
    position: relative;
    cursor: pointer;
}

#secondary-header .header-form-wrapper {
    display: none;
    background: #fff;
    margin-top: 10px;
    padding: 16px;
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: 70px;
}

.progress-container {
    width: 100%;
    height: 5px;
    background: #f1f3f3;
    margin-top: 12px;
}

.progress-bar {
    width: 0%;
    height: 5px;
    background: -webkit-gradient(linear, left top, left bottom, from(#8ebc07), to(#afd706));
    background: -o-linear-gradient(#8ebc07, #afd706);
    background: linear-gradient(#8ebc07, #afd706);
}

/*end of secondary-header*/
/* -----------------------------------------------------------------------------------

	End of HEADER
	___________

----------------------------------------------------------------------------------- */


/* -----------------------------------------------------------------------------------

    Homepage
    ___________

----------------------------------------------------------------------------------- */

/*hero*/
.hero {
    position: relative;
}

.hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 231px;
    background: url('img/hp1-mobile.jpg') no-repeat top center;
    background-size: cover;

}

.hero:after {
    content: "";
    display: block;
    width: 100%;
    height: 171px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: url('img/hp1-layer2.png') no-repeat top center;
    background-size: contain;
}

.top-content {
    min-height: 423px;
}

.top-content .title {
    color: #216396;
    font-size: 54px;
    line-height: 43px;
    font-weight: 500;
}

.bottom-content {
    position: relative;
    z-index: 99;
    color: #17507c;
    max-width: 903px;
    margin: 0 auto;
}

.bottom-content > .row {
    height: 100%;
}

.bottom-content .box-content a {
    color: #17507c;
    text-decoration: none;
}

.bottom-content .box-content {
    text-align: center;
}

.bottom-content .box-content .sub_title {
    font-size: 14px;
}

.bottom-content .box-content .calculation {
    font-size: 37px;
    line-height: 1;
    letter-spacing: -0.72px;
    font-weight: 600;
}

.bottom-content .box-content .link_to .title {
    font-size: 18px;
    text-decoration: underline;
}

.bottom-content .box-content .link_to:hover .title {
    text-decoration: none;
}

@media (max-width: 767px) {
    .top-content {
        min-height: 231px;
    }

    .top-content .title {
        font-size: 25px;
        line-height: 22px;
        text-align: center;
    }

    .top-content .title-wrapper {
        max-width: 153px;
        margin: 0 auto;
    }

    .bottom-content .box-content {
        text-align: center;
    }

    .bottom-content .box-content .calculation {
        font-size: 26px;
        font-weight: 500;
    }

    .bottom-content .box-content .sub_title {
        font-size: 12px;
    }

    .bottom-content .box-content .link_to .title {
        font-size: 15px;
    }

    .bottom-content .box-content .link_to .icon_wrapper svg {
        max-height: 12px;
    }

    .bottom-content .box-content {
        padding: 11px 0;
        position: relative;
        text-align: center;
    }

    .bottom-content > .row > div:before {
        content: "";
        background-color: #eff2f5;
        position: absolute;
        margin: auto;
        height: 1px;
        width: calc(100% - 1.56em);
        bottom: 0;
        left: 0;
        right: 0;
    }

    .bottom-content > .row > div:after {
        content: "";
        background-color: #eff2f5;
        position: absolute;
        margin: auto;
        width: 1px;
        height: calc(100% - 1.56em);
        top: 0;
        bottom: 0;
        left: 0;
    }

    .bottom-content > .row > div:nth-child(2n) .box-content:after {
        display: none;
    }
}

@media (min-width: 768px) {
    .hero-bg {
        background: url('img/hp1.jpg') no-repeat top center;
        height: 100%;
    }

    .bottom-content {
        height: 171px;

    }
}

/* end of hero*/


/*top-contact-form*/
.top-contact-form .form-title-wrapper {
    background: #e7eef3;
}

.top-contact-form .form-title-wrapper .title-wrapper {
    text-align: center;
    position: relative;
}

.top-contact-form .form-title-wrapper .title-wrapper .title {
    display: inline-block;
    margin: 0;
    font-size: 22px;
    line-height: 43px;
    font-weight: 300;
    color: #216396;
}

.top-contact-form .form-title-wrapper .title-wrapper .title strong {
    font-weight: 500;
}

.top-contact-form .form-title-wrapper .title-wrapper .icon-wrapper {
    position: absolute;
    top: 22px;
    margin-right: 10px;
}

.top-contact-form .form-wrapper {
    background: #216396;
    color: #fff;
    padding: 35px 0 15px;
}

.top-contact-form .title-wrapper {
    text-align: left;
}

.top-contact-form .title-wrapper .title {
    color: #fff;
    font-size: 26px;
    font-weight: 300;
    padding-top: 5px;
}

.top-contact-form .title-wrapper .title strong {
    font-weight: 500;
}

.top-contact-form .title-wrapper .sub-title {
    font-size: 19px;
}

#top-form {
    overflow: hidden;
    padding-bottom: 20px;
}

#top-form .form-group {
    display: inline-block;
    float: right;
    width: 25%;
    padding: 5px;
    margin-bottom: 0;
    position: relative;
}

#top-form .form-group input {
    height: 58px;
    border-radius: 5px;
    border: none;
    font-size: 20px;
    color: #000;
    font-weight: 300;
}

#top-form .form-group input::placeholder {
    color: #000;
}

#main .form-group .submit_btn {
    position: relative;
}

#main .form-group .submit_btn:after {
    content: "";
    background: url(img/submit-arrow.png) no-repeat center left;
    position: absolute;
    left: 45px;
    top: 0;
    width: 9px;
    height: 100%;
    z-index: 999;
}

#main .form-group input.t-submit {
    display: block;
    width: 100%;
    height: 58px;
    border-radius: 5px;
    background: -webkit-gradient(linear, left top, left bottom, from(#afd706), to(#8ebc07));
    background: linear-gradient(180deg, #afd706 0, #8ebc07);
    box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, .2);
    color: #fff;
    text-align: center;
    text-indent: -9px;
    line-height: 47px;
    font-size: 24px;
    font-weight: 500;
    padding: 0;
    border: none;
    outline: none;
}

#main .form-group input.t-submit:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#8ebc07), to(#afd706));
    background: linear-gradient(180deg, #8ebc07 0, #afd706);
}

#top-form .form-checkbox {
    display: inline-block;
    float: left;
    font-size: 13px;
    opacity: .8;
    font-weight: 300;
    position: relative;
    padding: 5px;
}

#top-form .form-checkbox a {
    color: #fff;
    text-decoration: underline;
}

#top-form .form-checkbox input[type="checkbox"] {
    position: absolute;
    right: 0;
    opacity: 0;
}

#top-form .form-checkbox .text {
    display: block;
    position: relative;
    padding-right: 20px;
}

#top-form .form-checkbox .text:before {
    content: "";
    display: block;
    position: absolute;
    background: none;
    top: 0px;
    right: 0;
    width: 13px;
    height: 13px;
    border: 1px solid #fff;
    margin-left: 8px;
}

#top-form .form-checkbox .text:after {
    content: "";
    position: absolute;
    top: 4px;
    bottom: 0;
    margin: auto 0;
    width: 9px;
    height: 5px;
    border-left: 1.5px solid #fff;
    border-bottom: 1.5px solid #fff;
    transform: rotate(-56deg);
    -webkit-transform: rotate(-56deg);
    right: 0;
    -webkit-transform-origin: 15%;
    transform-origin: 15%;
    display: none;
}

#top-form .form-checkbox .text.checked:after {
    display: block;
}

@media (max-width: 767px) {
    .top-contact-form .form-wrapper .title-wrapper {
        text-align: center;
        margin-bottom: 5px;
    }

    .top-contact-form .form-wrapper {
        padding: 24px 34px 8px;
    }

    #top-form {
        text-align: center;
    }

    #top-form .form-group {
        width: 100%;
    }

    #top-form .form-checkbox {
        float: none;
    }
}

@media (min-width: 768px) {
    #top-form .form-checkbox {
        position: absolute;
        text-align: left;
        display: block;
        width: auto;
        bottom: -9px;
        left: 0;
    }
}

/*end of top-contact-form*/


/*about-limudim*/
.about-limudim {
    padding: 25px 0 77px;
}

.about-limudim .title-wrapper {
    padding-left: 50px;
    margin-bottom: 18px;
}

.about-limudim .content_wrapper p {
    margin-bottom: 20px;
}

.about-limudim .inner-title-wrapper .title {
    color: #0e283c;
    font-size: 25px;
    font-weight: 400;
    margin: 0 0 10px;
}

.read-more_btn a {
    display: inline-block;
    color: #216396;
    font-weight: 400;
    text-decoration: underline;
}

.about-limudim .media_wrapper {
    max-width: 100%;
    overflow: hidden;
}

.about-limudim .media_wrapper .video-bg {
    max-width: 480px;
    margin-right: auto;
    position: relative;
    cursor: pointer;
}

.about-limudim .media_wrapper .video-bg:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: url('img/video-play.svg') no-repeat center;
}

.video-popup {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.video-popup-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    top: 0;
    right: 0;
    z-index: 1;
}

.iframe-wrapper {
    position: absolute;
    width: 975px;
    height: 750px;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    border: 5px solid #fff;
    z-index: 2;
}

.video-popup iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.close-popup {
    cursor: pointer;
    width: 20px;
    height: 30px;
    position: absolute;
    left: -7px;
    top: -40px;
}

.close-popup:after, .close-popup:before {
    content: "";
    width: 2px;
    height: 20px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    background: #fff;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.close-popup:before {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
}

.close-popup:after {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}

@media (max-width: 767px) {
    .about-limudim .media_wrapper {
        margin-bottom: 10px;
    }

    .about-limudim .media_wrapper iframe {
        max-height: 250px;
        border-radius: 10px;
    }

    .about-limudim .inner-title-wrapper .title {
        font-size: 21px;
    }
}

/*end of about-limudim*/

/*all-degrees-list*/
.all-degrees-wrapper {
    background: #e7ecf2;
    padding-bottom: 80px;
}

.all-degrees-wrapper .titles-wrapper {
    text-align: center;
    max-width: 500px;
    margin: 20px auto 30px;
}

.all-degrees-wrapper .titles-wrapper .title {
    margin-bottom: 36px;
}

.all-degrees-wrapper .titles-wrapper .sub-title {
    color: #17507c;
}

.degrees-list {
    margin-bottom: 35px;
}

.degrees-list a {
    display: block;
    width: 100%;
    text-decoration: none;
    border-left: 1px solid #dfe2e5;
    padding: 0 10px;
    margin-bottom: 43px;
}
.degrees-list a:hover {
    opacity: 0.7;
}
.degrees-list > .row > div:nth-child(4n) a {
    border-left: none;
}

.degrees-list .icon-wrapper {
    display: inline-block;
    vertical-align: middle;
    width: 48px;
    overflow: hidden;
    margin-left: 3px;
}

.degrees-list .title {
    display: inline-block;
    font-weight: 500;
}

.full_list_links {
    text-align: center;
}

.link-wrapper {
    display: inline-block;
}

.full_list_links .link-wrapper {
    margin: 0 28px;
}

.link-wrapper .icon {
    display: inline-block;
    margin-left: 5px;
}

.link-wrapper .link {
    color: #0e283c;
    font-size: 18px;
}
.link-wrapper .link:hover {
    opacity: 0.7;
}
@media (max-width: 767px) {
    .full_list_links {
        text-align: right;
    }

    .degrees-list a {
        padding: 0;
        margin-bottom: 24px;
    }

    .degrees-list .icon-wrapper {
        max-width: 34px;
    }

    .degrees-list .title {
        font-size: 15px;
    }

    .degrees-list > .row > div:nth-child(2n) a {
        border-left: none;
    }

    .link-wrapper {
        margin: 0;
        display: block;
    }

    .link-wrapper .link {
        font-size: 16px;
        line-height: 22px;
    }
}

/*end of all-degrees-list*/


/*faq*/
.faq {
    padding-top: 20px;
}

.faq .titles-wrapper {
    margin-bottom: 33px;
}

.faq .title {
    margin-top: 0;
    color: #216396;
    margin-bottom: 17px;
}

.faq p {
    margin-bottom: 10px;
}

.faq-list {
    padding: 0;
    margin-bottom: 29px;
}

.faq-list li {
    list-style: none;
    background: url(img/circle.svg) no-repeat right center;
    padding-right: 30px;
    margin-bottom: 11px;
    font-size: 18px;
}

.faq .img-wrapper {
    margin-top: 10px;
}

@media (max-width: 767px) {
    .faq .title {
        font-size: 23px;
    }

    .faq-list li {
        font-size: 16px;
        line-height: 22px;
    }

    .faq .img-wrapper {
        max-width: 188px;
        float: left;
    }
}

/*end of faq*/


/*students-grades*/
.students-grades {
    background: url(img/opinions.jpg) no-repeat;
    background-size: cover;
    padding: 80px 0 77px;
    color: #fff;
}

.opinions-search {
    color: #fff;
    display: block;
    padding-left: 116px;
}

.opinions-search:after {
    content: "";
    display: block;
    background: url(img/dev-img.png) no-repeat center;
    width: 109px;
    height: 317px;
    position: absolute;
    left: 0;
    top: 0;
}

.students-grades .titles-wrapper .title {
    color: #fff;
    font-size: 32px;
    line-height: 30px;
    font-weight: 400;
    margin-bottom: 7px;
}
.students-grades .link-wrapper {
    display: block;
    text-align: left;
    margin-left: 7px;
    margin-top: 40px;
}
.students-grades .link-wrapper .link {
    color: #b7c4ce;
    font-size: 15px;
}

.opinions-search .titles-wrapper .text {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 15px;
}

.opinions-form-wrapper .form-group {
    margin-bottom: 6px;
}

.opinions-form-wrapper .form-group input[type="text"], .opinions-form-wrapper .form-group select {
    background: none;
    border-color: #fff;
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
    padding: 0 15px;
    line-height: 40px;
    margin-bottom: 4px;
}

.opinions-form-wrapper .form-group input::placeholder {
    color: #fff;
}

.opinions-form-wrapper .form-group label {
    opacity: 0.6;
    font-size: 11.5px;
}

.opinions-form-wrapper .form-group.extra-field {
    display: none;
}

.comparison_btn {
    cursor: pointer;
}

.comparison_btn .icon_wrapper {
    display: inline-block;
}

.comparison_btn .title {
    display: inline-block;
    color: #fff;
}

.opinions-form-wrapper .form-group select {
    height: 40px;
    background: url(img/select_arrow.svg) no-repeat center left 14px;
    -webkit-appearance: none;
    appearance: none;
}

.opinions-form-wrapper
.form-group select::-ms-expand {
    display: none;
    -webkit-appearance: none;
    appearance: none;
}

#main .acceptance-calc .form-group {
    margin-bottom: 0;
}

#main .acceptance-calc .form-group .submit_btn {
    max-width: 368px;
    margin: 0 auto;
}

#main .opinions-form-wrapper .form-group input.t-submit {
    font-size: 21px;
    padding-right: 24px;
    padding-left: 41px;
    text-indent: 0;
    height: 43px;
    line-height: 37px;
}

.opinions-form-wrapper .form-group .submit_btn {
    padding-right: 15px;
    margin-top: 5px;
}

#main .opinions-form-wrapper .form-group .submit_btn:after {
    left: 27px;
}

@media (max-width: 767px) {
    .opinions-search {
        padding: 0 5px;
    }

    .opinions-search:after {
        display: none;
    }
}

.opinions-grades .grade-box {
    max-width: 100%;
}

.grade-box .grade {
    position: relative;
}

.grade-box .grade svg {
    display: block;
    max-width: 100%;
    max-height: 100%;
}

.grade-box .grade svg .pie-slice {
    stroke: #74c5d6;
}

.grade-box .grade span {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 80px;
    height: 70px;
    font-size: 50px;
    text-align: center;
}

.grade-box .title {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
}

.grade-box .stars {
    text-align: center;
}

.grade-box .stars svg {
    margin-left: 5px;
}

.grade-box .gradesCount {
    text-align: center;
}

@media (max-width: 767px) {
    .students-grades {
        padding: 30px 0;
    }

    .opinions-form-wrapper:after {
        content: '';
        display: block;
        width: 100%;
        height: 26px;
        background: url("img/separator.svg") no-repeat center;
        background-size: contain;
    }

    .students-grades .titles-wrapper .title {
        font-size: 23px;
    }

    .opinions-search .titles-wrapper .text {
        font-size: 18px;
    }

    #main .opinions-form-wrapper .form-group input.t-submit {
        font-size: 16px;
        line-height: 40px;
        height: auto;
        padding-right: 34px;
        padding-left: 51px;
    }

    .opinions-form-wrapper .form-group label {
        display: none;
    }

    .comparison_btn {
        margin-bottom: 20px;
    }

    #main .form-group .submit_btn {
        position: relative;
        margin: 20px 0;
    }

    .opinions-grades {
        padding: 0 5px;
    }

    .grade-box .grade span {
        font-size: 35px;
        font-weight: 500;
        line-height: 70px;
    }

    .grade-box .grade svg {
        max-height: 130px;
    }

    .grade-box .stars svg {
        width: 10px;
        margin-left: 1px;
    }

    .grade-box .gradesCount {
        font-size: 12px;
    }

    .grade-box .title {
        font-size: 13px;
        line-height: 15px;
        font-weight: 400;
        height: 30px;
        padding: 0 10px;
    }
}

/*end of students-grades*/

/*testimonials*/
.testimonials {
    padding: 45px 0 72px;
}

.testimonials .titles-wrapper {
    text-align: center;
    margin-bottom: 37px;
}

.testimonials .titles-wrapper .title {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    margin-left: 10px;
}

.testimonials .titles-wrapper .total_grade {
    display: inline-block;
}

.testimonials .titles-wrapper .total_grade * {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
}

.testimonials .titles-wrapper .total_grade .final_grade {
    font-weight: 600;
}

.testimonials .titles-wrapper .total_grade svg {
    position: relative;
    top: -2px;
    right: 3px;
}

.testimonials-header {
    border-bottom: 1px solid #17507c;
    margin-bottom: 42px;
}

.testimonials-header .section-menu {
    max-width: 844px;
    margin: 0 auto;
}

.testimonials-header .section-menu td {
    display: inline-block;
    padding: 0;
    position: relative;
}

.testimonials-header .section-menu td:before {
    content: "";
    display: block;
    width: 1px;
    height: 20px;
    position: absolute;
    left: 0;
    background: #dfe2e5;
}

.testimonials-header .section-menu td:last-child:before {
    display: none;
}

.testimonials-header .category-box {
    display: block;
    height: 100%;
    cursor: pointer;
    position: relative;
    text-align: center;
    color: #17507c;
    font-size: 20px;
    font-weight: 500;
    padding: 0 40px 14px;
}

.testimonials-header .category-box.active:after {
    content: "";
    display: block;
    width: 100%;
    height: 15px;
    background: url("img/rectangle.png") no-repeat center;
    position: absolute;
    top: 100%;
    right: 0;
}

@media (max-width: 767px) {
    .testimonials-header {
        border: none;
    }

    .testimonials-header .section-menu {
        display: block;
        overflow-x: scroll;
        position: relative;
    }

    .testimonials-header .section-menu td {
        display: table-cell;
        min-width: 143px;
        padding-bottom: 17px;
    }

    .testimonials-header .section-menu td:last-child {
        min-width: 200px;
    }

    .testimonials-header .category-box {
        padding: 0;
        padding-bottom: 14px;
        border-bottom: 1px solid #17507c;
    }

    .testimonials-header .category-box.active:after {
        top: 35px;
    }
}

.testimonial_item {
    max-width: 348px;
    border-radius: 8px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.14);
    padding: 11px 15px 8px 10px;
    margin: 4px;
}

.testimonial_item .testimonial_writer {
    display: inline-block;
    vertical-align: top;
    width: 70%;
}

.testimonial_item .testimonial_grade {
    display: inline-block;
    vertical-align: top;
    width: 28%;
    max-width: 109px;
    height: 56px;
    background: #f6f7f8;
    border-radius: 8px;
    text-align: center;
    line-height: 56px;
}

.testimonial_item .testimonial_writer .image-wrapper {
    display: inline-block;
    vertical-align: middle;
    width: 55px;
    height: 55px;
    overflow: hidden;
}

.testimonial_item .testimonial_writer .image-wrapper img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
}

.testimonial_item .testimonial_writer .writer_details {
    display: inline-block;
    vertical-align: middle;
}

.testimonial_item .testimonial_writer .writer_details .name {
    display: inline-block;
    font-size: 18px;
    line-height: 25px;
    color: #17507c;
    font-weight: 400;
    margin-left: 8px;
}

.testimonial_item .testimonial_writer .writer_details .date, .testimonial_item .testimonial_writer .writer_details .university {
    display: inline-block;
    font-size: 13px;
    line-height: 13px;
    color: #7d8891;
}

.testimonial_item .testimonial_writer .writer_details .university {
    display: block;
    width: 100%;
}

.testimonial_item .testimonial_grade * {
    display: inline-block;
    vertical-align: middle;
}

.testimonial_item .testimonial_grade .total {
    font-size: 17px;
    color: #17507c;
}

.testimonial_item .testimonial_grade .number {
    font-size: 28px;
    color: #17507c;
    position: relative;
    right: -4px;
}

.testimonial_content {
    margin-top: 20px;
}

.testimonial_content .question {
    margin-bottom: 2px;
}

.testimonial_content .question p {
    display: block;
    max-width: 50%;
    font-size: 16px;
    line-height: 16px;
    color: #0e334f;
    font-weight: 500;
}

.testimonial_content .answer {
    margin-bottom: 15px;
}

.testimonial_content .answer p {
    font-size: 13px;
    line-height: 15px;
    padding-left: 30px;
}

.testimonials-body {
    max-height: 300px;
}

.testimonials-body .content-box {
    opacity: 0;
    height: 0;
}

.testimonials-body .content-box.active {
    opacity: 1;
    transition: opacity 1s ease;
    height: auto;
}

.testimonials-body .owl-carousel .owl-nav {
    display: block;
}

.testimonials-body .owl-carousel .owl-nav > div {
    position: absolute;
    top: 45%;
    right: -30px;
    background: url(img/right-arrow.svg) no-repeat right center;
    font-size: 0;
    width: 40px;
    height: 40px;
}

.testimonials-body .owl-carousel .owl-nav > .owl-next {
    right: auto;
    left: -30px;
    background: url("img/left-arrow.svg") no-repeat left center;
}

@media (max-width: 767px) {
    .testimonials {
        padding: 32px 0;
    }

    .testimonials .titles-wrapper {
        padding: 0 15px;
    }

    .testimonials .titles-wrapper .title {
        font-size: 22px;
        display: inline;
    }

    .testimonials-body {
        max-height: 330px;
    }

    .testimonials-body .owl-carousel .owl-nav > div {
        right: 0;
    }

    .testimonials-body .owl-carousel .owl-nav > .owl-next {
        left: 0;
    }
}

/*end of testimonials*/

/*last-updates*/
.last-updates {
    margin-bottom: 64px;
}

.last-updates .box-item {
    max-height: 50px;
    overflow: hidden;
    transition: all 0.8s ease;
}

.last-updates .box-item.active {
    max-height: 1000px;
    transition: max-height 0.8s ease-in-out;
}

.last-updates .box-item .box-title {
    font-size: 18px;
    line-height: 18px;
    color: #286A9C;
    font-weight: 500;
    border-bottom: 1px solid #979797;
    padding: 14px 0;
    cursor: pointer;
    position: relative;
}

.last-updates .box-item .box-title:after {
    content: "";
    display: block;
    background: url(img/left-arrow.svg) no-repeat center;
    width: 40px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(270deg);
}

.last-updates .box-item.active .box-title:after {
    transform: rotate(90deg);
}

.last-updates .box-item .box-content .list {
    padding-right: 0;
    padding-top: 7px;
}

.last-updates .box-item .box-content .list-item {
    list-style: none;
    margin-bottom: 8px;
}

.last-updates .box-item .box-content .list-item a {
    text-decoration: none;
}

.last-updates .box-item .box-content .title:hover {
    text-decoration: underline;
}

.last-updates .box-item .box-content .title {
    font-weight: 400;
    color: #134F7C;
    font-size: 18px;
    line-height: 27px;
}

.last-updates .box-item .box-content .time {
    color: #333333;
}

/*end of last-updates*/


/*calculator*/
.acceptance-calc {
    background: url(img/clac-bg.jpg) no-repeat center;
    background-size: cover;
    padding-top: 35px;
    padding-bottom: 79px;
}

.acceptance-calc-calculator {
    display: block;
    width: 100%;
}

.acceptance-calc-form > .w25 {
    padding: .27em 0.32em;
}

.acceptance-calc .title {
    font-size: 32px;
    line-height: 68px;
    text-align: center;
    margin-bottom: 28px;
}

.acceptance-calc .t-field {
    border: 1px solid rgb(191, 195, 201);
    background-color: rgba(146, 146, 146, 0);
    border-radius: 6px;
    height: 48px;
    box-shadow: none;
    font-size: 17px;
    margin: 0 2px;
    color: #000;
    font-weight: 300;
}

.acceptance-calc .t-field::placeholder {
    color: #000;
}

.acceptance-calc select {
    background: url("img/select-blue.svg") no-repeat left 10px center;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.acceptance-calc select::-ms-expand {
    display: none;
}

.acceptance-calc .t-part-desc {
    text-align: center;
    margin: 30px auto 10px;
    font-size: 15px;
    line-height: 20px;
    color: #17507c;
}

#main .acceptance-calc .form-group .t-submit {
    height: 50px;
}

#main .acceptance-calc .form-group .submit_btn:after {
    left: 110px;
}

@media (max-width: 767px) {
    .acceptance-calc-form > .w25 {
        width: 100%;
        margin-bottom: 4px;
    }

    .acceptance-calc .t-part-title {
        font-size: 22px;
    }

    .acceptance-calc .t-part-desc {
        color: #216396;
    }

    .acceptance-calc .t-submit {
        width: 220px;
        height: 50px;
    }

    .acceptance-calc {
        padding-top: 13px;
        padding-bottom: 36px;
    }
}

/*end of calculator*/

/*institution_logos*/
.institution_logos {
    padding: 73px 0;
}

.institution_logos .title {
    text-align: center;
}

.logo_carousel img {
    max-width: 84px;
}

.logo_carousel.owl-carousel .owl-nav > div {
    position: absolute;
    top: 0;
    right: -30px;
    background: url(img/right-arrow.svg) no-repeat right center;
    font-size: 0;
    width: 40px;
    height: 100%;
}

.logo_carousel.owl-carousel .owl-nav > .owl-next {
    right: auto;
    left: -30px;
    background: url(img/left-arrow.svg) no-repeat left center #fff;
}

.logo_carousel .logo-item {
    height: 82px;
    border-left: 1px solid #dfe2e5;
    padding: 5px;
}

.logo_carousel .logo-item img {
    margin: 0 auto;
}

@media (max-width: 767px) {

    .logo_carousel.owl-carousel .owl-nav > div {
        right: 0;
    }

    .logo_carousel.owl-carousel .owl-nav > .owl-next {
        left: 0;
    }
}

/*end of institution_logos*/


/* -----------------------------------------------------------------------------------
Footer

 ----------------------------------------------------------------------------------- */
.footer {
    background: #093558;
    padding: 75px 0 80px;
}


#goTop {
    width: 35px;
    height: 35px;
    border-radius: 3px 0 0 3px;
    margin-top: .65em;
    background: #8cba0f;
    cursor: pointer;
    opacity: 0;
    position: fixed;
    top: auto;
    bottom: 40px;
    z-index: 9999;
}

#goTop.show-btn {
    opacity: 1;
    transition: opacity .4s ease-out;
    -webkit-transition: opacity .4s ease-out;
}

#goTop svg {
    display: block;
    width: 60%;
    margin: 0 auto;
    position: relative;
    right: -1px;
    top: -2px;
}

@media (max-width: 767px) {
    .footer {
        padding: 30px 0 10px;
    }
}

/*menu-links*/
.footer-menu {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 78px;
}

.menu-links {
    padding: 0;
    text-align: center;
}

.menu-links li {
    display: inline-block;
    padding: 0 15px;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    line-height: 17px;
}
.menu-links li:last-child {
    border-left: none;
}
.menu-links li a {
    font-size: 15px;
    line-height: 17px;
    color: #fff;
    font-weight: 400;
    text-decoration: none;
}

.menu-links li:hover a, .menu-links li.active a {
    font-weight: 500;
    color: #8dba06;
}

@media (max-width: 767px) {
    .footer-menu {
        padding-bottom: 48px;
    }

    .menu-links li {
        width: 43%;
        margin: 0 3%;
        padding: 2% 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        border-left: none;
    }
    .menu-links li a {
        font-size: 13px;
    }
}

/*end of menu-links*/

/*website-details*/
.website-details {
    text-align: center;
    padding: 82px 0 80px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.website-details .socials-icons {
    margin-top: 20px;
}

.website-details .socials-icons .icon {
    display: inline-block;
    max-height: 30px;
}

.website-details .socials-icons .icon img, .website-details .socials-icons .icon svg {
    width: 30px;
}

@media (max-width: 767px) {
    .website-details {
        padding: 30px;
    }
}

/*end of website-details*/


/*footer-extras*/
.footer-extras {
    padding: 78px 0 0;
    text-align: center;
}

.footer-extras > * {
    display: block;
    margin: 0 auto;
}

.footer-extras > .ja-logo {
    margin-bottom: 21px;
}

.footer-extras > .copyrights {
    color: #ffffff7a;
    font-size: 12px;
    line-height: 14px;
}

.footer-extras > .traffico-logo {
    margin-bottom: 21px;
}

@media (max-width: 767px) {
    .footer-extras {
        padding: 30px 0;
    }
}

/*end of footer-extras*/


/* -----------------------------------------------------------------------------------
End of Footer

 ----------------------------------------------------------------------------------- */