@font-face {
    font-family: "IRANSansBold";
    font-style: normal;
    font-weight: bold;
    font-display: auto;
    src: url('/portal/fonts/eot/IRANSansWeb_Bold.eot');
    src: url('/portal/fonts/eot/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'), url('/portal/fonts/woff2/IRANSansWeb_Bold.woff2') format('woff2'), url('/portal/fonts/woff/IRANSansWeb_Bold.woff') format('woff'), url('/portal/fonts/ttf/IRANSansWeb_Bold.ttf') format('truetype');
}

@font-face {
    font-family: "IRANSansMedium";
    font-style: normal;
    font-weight: 500;
    font-display: auto;
    src: url('/portal/fonts/eot/IRANSansWeb_Medium.eot');
    src: url('/portal/fonts/eot/IRANSansWeb_Medium.eot?#iefix') format('embedded-opentype'), url('/portal/fonts/woff2/IRANSansWeb_Medium.woff2') format('woff2'), url('/portal/fonts/woff/IRANSansWeb_Medium.woff') format('woff'), url('/portal/fonts/ttf/IRANSansWeb_Medium.ttf') format('truetype');
}

@font-face {
    font-family: "IRANSansLight";
    font-style: normal;
    font-weight: 300;
    font-display: auto;
    src: url('/portal/fonts/eot/IRANSansWeb_Light.eot');
    src: url('/portal/fonts/eot/IRANSansWeb_Light.eot?#iefix') format('embedded-opentype'), url('/portal/fonts/woff2/IRANSansWeb_Light.woff2') format('woff2'), url('/portal/fonts/woff/IRANSansWeb_Light.woff') format('woff'), url('/portal/fonts/ttf/IRANSansWeb_Light.ttf') format('truetype');
}

@font-face {
    font-family: "IRANSansUltraLight";
    font-style: normal;
    font-weight: 200;
    font-display: auto;
    src: url('/portal/fonts/eot/IRANSansWeb_UltraLight.eot');
    src: url('/portal/fonts/eot/IRANSansWeb_UltraLight.eot?#iefix') format('embedded-opentype'), url('/portal/fonts/woff2/IRANSansWeb_UltraLight.woff2') format('woff2'), url('/portal/fonts/woff/IRANSansWeb_UltraLight.woff') format('woff'), url('/portal/fonts/ttf/IRANSansWeb_UltraLight.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    font-display: auto;
    src: url('/portal/fonts/eot/IRANSansWeb.eot');
    src: url('/portal/fonts/eot/IRANSansWeb.eot?#iefix') format('embedded-opentype'), url('/portal/fonts/woff2/IRANSansWeb.woff2') format('woff2'), url('/portal/fonts/woff/IRANSansWeb.woff') format('woff'), url('/portal/fonts/ttf/IRANSansWeb.ttf') format('truetype');
}

html {
    overflow-x: hidden;
}

body {
    font-family: IRANSans !important;
    background-color: #fff;
    overflow-x: hidden;
}

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

.pt15 {
    padding-top: 15px;
}

.pb15 {
    padding-bottom: 15px;
}

.pr0 {
    padding-right: 0px;
}

.shadow {
    -webkit-box-shadow: 0px -1px 17px 1px rgba(0, 0, 0, 0.36);
    -moz-box-shadow: 0px -1px 17px 1px rgba(0, 0, 0, 0.36);
    box-shadow: 0px -1px 17px 1px rgba(0, 0, 0, 0.36);
}

.p0 {
    padding: 0 !important;
}

.mgt30 {
    margin-top: 30px;
}

.header {
    z-index: 99;
    left: 0;
    top: 0;
    position: fixed;
    vertical-align: middle;
    background: #323232;
}

.homeIntro {
    height: 100vh;
    overflow: hidden;
}

.bgHomeIntro {
    min-width: 100%;
    top: 0px;
    z-index: 1;
    width: 100%;
    height: 100vh;
}

.homeSearch p {
    color: #fff;
    font-size: 33px;
    font-weight: 300;
    text-align: right;
    margin-top: -45px;
    letter-spacing: 2px;
    text-indent: 5px;
}

.homeSearch {
    position: absolute;
    width: 390px;
    z-index: 99;
    top: 316px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.txtSearch {
    border: 0;
    background-color: #fff;
    min-width: 390px;
    font-size: 20px;
    padding: 15px 10px;
    border-radius: 50px;
    outline: 0;
    padding-right: 66px;
}

.rightHeader li {
    display: inline-block;
}

.rightHeader {
    margin: 0;
    padding: 0;
}

.headerMenuIcon {
    background: #c4161c;
    color: #fff;
    width: 50px;
    height: 50px;
    display: block;
    text-align: center;
    line-height: 55px;
    font-size: 30px;
}

    .headerMenuIcon img {
        max-width: 100%;
        padding: 7px;
    }

.headerPhoneMenuIcon {
    background: #c4161c;
    color: #fff;
    width: 50px;
    height: 50px;
    display: block;
    text-align: center;
    line-height: 55px;
    font-size: 30px;
}

.btnCall {
    background: #c41b1c;
    padding: 6px;
    border-radius: 50%;
    color: #fff;
    font-size: 38px;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    position: absolute;
    left: 10px;
    top: 0;
    z-index: 9;
    line-height: 50px;
}

    .btnCall a {
        color: #fff;
    }

.phone-number {
    visibility: hidden;
}

.btnCall:hover + .phone-number {
    visibility: visible;
    background: #c41b1c;
    text-align: center;
    padding: 0px 13px;
    border-radius: 50px;
    color: #fff;
    position: absolute;
    left: 91px;
    top: 0;
    transition: all 1s;
    line-height: 3.2;
    transform: translate(-79px);
    z-index: 999;
    font-weight: bold;
    direction: ltr;
}

.phone-numbers {
    display: none;
}

.btnCall:hover .fa-phone {
    display: none;
}

.btnCall .fa-phone {
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
}

.btnCall:hover .phone-numbers {
    display: block;
    font-weight: bold;
    direction: ltr;
    font-size: 21px;
}

.btnCall:hover {
    width: 200px;
    padding: 0px 13px;
    border-radius: 50px;
    transition: all .5s;
}

.topLogo {
    position: relative;
    top: -5px;
}

.userLogin {
    position: absolute;
    right: 80px;
    top: 0;
    z-index: 9;
}

.home {
    position: absolute;
    right: 15px;
    top: 0;
    z-index: 9;
}

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

.headerPhoneMenuIcon {
    -webkit-transform: rotate(0deg);
    -webkit-transition: -webkit-transform 0.7s ease-in-out;
}

    .headerPhoneMenuIcon i:hover {
        -webkit-transform: rotate(360deg);
        -webkit-transition: -webkit-transform 0.7s ease-in-out;
    }

.rightHeader li a:hover {
    color: #fff;
}

.btnUserLogin span {
    position: relative;
    left: 10px;
    top: -5px;
}

.btnUserLogin, .btnHome {
    color: #fff;
    width: 50px;
    height: 50px;
    display: block;
    background-color: #c41b1c;
    border-radius: 50%;
}

    .btnUserLogin i {
        font-size: 40px;
        margin-right: .35rem;
        margin-top: 5px;
    }

    .btnHome i {
        font-size: 38px;
        margin-right: .25rem;
        margin-top: 5px;
    }

    .btnHome:hover {
        color: #fff
    }

.btnSearch {
    position: relative;
    top: -55px;
    background: transparent;
    outline: 0;
    border: 0;
    color: #c4161c;
    font-size: 35px;
    right: 15px;
}

.homeLink {
    position: absolute;
    bottom: 0px;
    z-index: 99;
    width: 100%;
    padding: 0;
    margin: 0;
}

    .homeLink li a img, .homeLink div a img {
        margin-top: 13px;
        width: 48px;
    }

    .homeLink li a, .homeLink div a {
        color: #fff;
    }

        .homeLink li a h3, .homeLink div a h3 {
            font-size: 21px;
            font-weight: 900;
        }

.flex-container {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
}

    .flex-container > li a {
        text-decoration: none !important;
    }

        .flex-container > li a > i {
            font-size: 48px;
            margin-top: 14px;
            color: #c41b1c;
        }

    .flex-container > li {
        background-color: rgba(0, 0, 0, 0.53);
        list-style-type: none;
        flex: 1;
        margin: 4px;
        text-align: center;
        line-height: 75px;
        margin-bottom: 0;
        transition: all 0.2s;
    }

.titr {
    color: #fff;
    font-size: 24px;
    line-height: 2.3;
    text-align: center;
    height: 60px;
}

.ticker ul li a {
    line-height: 2.5;
    font-weight: 500;
}

.EventbgGray p {
    color: #fff;
    font-size: 24px;
    text-align: center;
    line-height: 2;
}

.EventbgGray {
    background-color: #c41b1c;
}

.mgt57 {
    margin-top: -57px;
}

.mgt215 {
    margin-top: -114px;
}

.ticker {
    background-color: #efefef;
}

.backG {
    background: #efefef;
    box-shadow: -1px 1px 8px 2px #d8d8d8;
    z-index: 999999;
}

.bgBlack {
    background-color: #28272a;
}

.bgBackGray {
    background-size: cover;
}

.animatorBox {
    background-image: linear-gradient(-39deg, #a4090f, #eb1813);
    min-height: 230px;
    width: 230px;
    border-radius: 10px;
    box-shadow: 0 0 2px 1px #9b0102;
    position: relative;
}

.serviceBox p {
    font-size: 19px;
    text-align: center;
    color: #28272a;
    margin-top: 10px;
    font-weight: bold;
}

.serviceBox a:hover {
    text-decoration: none !important;
}

.serviceBox img {
    max-width: 141px;
    margin: auto;
    display: block;
    margin-top: 50px;
    transition: all 0.5s;
}

.serviceBox.prefer img {
    background-color: transparent !important;
}

.serviceBox img:hover {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.pageTitle {
    height: 100px;
    padding-top: 40px;
}

    .pageTitle span {
        background-color: #c4161c;
        font-size: 19px;
        color: #fff;
        min-width: 100px;
        display: inline-block;
        text-align: right;
        -webkit-border-bottom-left-radius: 18px;
        -moz-border-radius-bottomleft: 18px;
        border-bottom-left-radius: 18px;
        padding: 5px 25px;
        position: relative;
        right: -15px;
    }

        .pageTitle span:after {
            position: absolute;
            content: '';
            width: 200px;
            right: 100%;
            background-color: #c4161c;
            top: 21px;
            height: 1px;
        }

.bgFaq {
    min-height: 191px;
    margin-top: -38px;
    background: #f8f8f8;
}

.mgb71 {
    margin-bottom: 71px;
}

.accordion {
    max-width: 97%;
    margin: 0 auto;
    overflow: hidden;
    height: 250px;
    direction: ltr;
    transition: all .5s;
}

    .accordion:hover {
        padding-right: 20px;
        overflow-y: scroll
    }

.accordion__title {
    font-family: 'industry', sans-serif;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.125em;
}

.accordion__list {
    list-style: none;
    margin: 0;
    padding: 0;
    max-width: 97%;
    margin: auto;
    background: #fff;
}

.accordion__item {
    border-bottom: 2px solid #c4161c;
    visibility: hidden;
    width: 90%;
    margin: auto;
}

    .accordion__item:last-child {
        border-bottom: 0;
    }

    .accordion__item.is-active .accordion__itemTitleWrap::after {
        -webkit-transform: translateX(-20%);
        transform: translateX(-20%);
    }

    .accordion__item.is-active .accordion__itemIconWrap {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

.accordion__itemTitleWrap {
    display: flex;
    height: 2.5em;
    align-items: center;
    padding: 0;
    color: #000;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

    .accordion__itemTitleWrap::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 200%;
        height: 100%;
        background: #fff;
        z-index: 1;
        transition: -webkit-transform .4s ease;
        transition: transform .4s ease;
        transition: transform .4s ease, -webkit-transform .4s ease;
    }

    .accordion__itemTitleWrap.is-active::after,
    .accordion__itemTitleWrap:hover::after {
        -webkit-transform: translateX(-20%);
        transform: translateX(-20%);
    }

.accordion__itemIconWrap {
    width: 1.25em;
    height: 1.25em;
    margin-left: 0;
    position: relative;
    z-index: 10;
    position: absolute;
    left: 0px;
}

.accordion__itemTitle {
    margin: 0;
    font-family: 'industry', sans-serif;
    font-weight: 300;
    font-size: 1em;
    position: relative;
    z-index: 10;
}

.accordion__itemContent {
    font-size: 0.875em;
    height: 0;
    overflow: hidden;
    background-color: #fff;
    padding: 0 1.25em;
}

    .accordion__itemContent p {
        margin: 2em 0;
    }

polyline {
    color: #000 !important;
}

.fixNavigation {
    position: fixed;
    top: 0;
    z-index: 999999999999999999999999999;
    height: 17px;
    background-color: #fff;
    margin: 0 auto;
    left: 0;
    right: 0;
    transition: all 0.4s;
    padding-top: 10px;
    opacity: .90;
}

.btnFixMenu {
    width: 150px;
    height: 150px;
    background-color: #fff;
    display: block;
    margin: auto;
    border-radius: 100%;
    text-align: center;
    line-height: 275px;
    color: #c41b1c;
    font-size: 30px;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: -25px;
    z-index: -1;
    outline: none
}

    .btnFixMenu i {
        transition: all 10s;
    }

        .btnFixMenu i:hover {
            color: #c41b1c
        }

    .btnFixMenu:hover {
        color: #fff;
    }

.showMenu {
    height: auto;
}

.fixMenuContent {
    visibility: hidden;
    opacity: 0;
    height: 0;
    padding: 15px;
}

.ShowfixMenuContent {
    visibility: visible;
    min-height: 570px;
    overflow-y: auto;
    opacity: 1;
    padding-bottom: 106px;
    transition: all 1s;
}

.eventBgRed {
    background: #e1e1e1;
    height: 118px;
    font-weight: 100;
    color: #0d0c0d;
    font-size: 76px;
    text-align: center;
    padding: 1px 26px 1px;
    line-height: 127px;
    border-left: 6px solid #fff;
}

.nummain {
    position: relative;
    top: 10px;
}

.bgDarkGlass {
    min-height: 400px;
}

.box1 img {
    display: block;
    margin: auto;
    margin-top: 30px;
}

.box1 h2 {
    font-size: 80px;
    color: #fff;
    text-align: center;
    margin: 15px auto 8px;
    font-weight: 600;
}

.box1 h3 {
    text-align: center;
    font-size: 33px;
    color: #fff;
    font-weight: 100;
    margin-top: -15px;
}

.lstbox1 li a img {
    float: right;
    margin-left: 15px;
}

.lstbox1 li {
    list-style-type: none;
    background: #fff;
    border-radius: 4px;
    width: 196px;
    text-align: center;
    margin: 0 auto;
    margin-top: 15px;
}

.lstbox1 li {
    color: #fff;
    text-align: justify;
    display: flex;
    text-decoration: none !important;
}

    .lstbox1 li i {
        color: #c41b1c;
        font-size: 25px;
        margin: 10px;
    }

    .lstbox1 li span {
        font-size: 20px;
        color: #383838;
        padding-right: 10px;
        position: relative;
        top: 10px;
    }

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

.mw100 {
    min-width: 100%;
}

.bgRed {
    background-color: #c4161c;
}

.bgGray {
    background-color: #28272a;
}

.newsTitle span {
    color: #fff;
    font-weight: bold;
    font-size: 17px;
    padding: 10px 2px;
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 50px;
    -webkit-border-bottom-left-radius: 18px;
    -moz-border-radius-bottomleft: 18px;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 0;
}

.lstNews {
    padding-right: 0;
}

    .lstNews li {
        list-style-type: none;
        border-bottom: 1px solid #c4161c
    }

        .lstNews li a {
            color: #000;
            display: block;
            padding: 10px 0;
            text-decoration: none;
            transition: all 0.2s;
        }

            .lstNews li a:hover {
                padding-right: 5px;
            }

        .lstNews li:first-child, .lstNews li:last-child {
            border-bottom: none
        }

p.paragraphNews {
    border-bottom: 2px solid #c41b1c;
    padding-bottom: 12px;
}

.nav-tabs .nav-link {
    background: #686868;
    margin: 0px 3px;
    color: #fff;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.nav-tabs li:first-child a {
    margin-right: 0 !important;
}

.accordion .faqItem.collapsed:after {
    float: left;
    font-family: 'Font Awesome 5 Pro';
    content: "\f107";
    color: #c41b1c;
}

.faqTabContent {
    background: #f8f8f8;
    padding-top: 15px;
    border-radius: 5px;
    border-top-right-radius: 0px;
    padding-bottom: 42px;
}

.faqItem {
    padding: 5px 0;
    /*border-bottom: 2px solid #c4161c;*/
    cursor: pointer;
}

.nav-tabs .nav-link:hover {
    border-color: transparent;
}

.faqItem:not(.collapsed) a.card-title {
    font-weight: 700
}

.faqItem:not(.collapsed) {
    border-bottom: none;
}

.accordion .show .card-body {
    /*border-bottom: 2px solid #c4161c !important;*/
}

.revers {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    position: relative;
    z-index: 1;
}

#library {
    min-height: 300px;
    background-size: cover;
    padding-top: 22px;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.53);
    -moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.53);
    box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.53);
    overflow: hidden;
    position: relative;
}

.library-title {
    color: #fffbfb;
    text-align: center;
    font-size: 18px;
    margin-top: 10px;
    font-weight: bold;
}

.library-box {
    box-shadow: 0 0 3px 1px #847d7d;
}

#library .swiper-button-next {
    right: 0 !important;
    top: 40% !important;
}

#library .swiper-button-prev {
    top: 40% !important;
}

.library-content {
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 16px;
}

.commentBack {
    background-size: cover;
}

.into-library {
    background: #c4161c;
    border-radius: 50px;
    padding: 6px 21px;
    font-size: 21px;
}

    .into-library a {
        color: #fff;
        font-weight: 300;
    }

.btn-library {
    background: #c4161c;
    border-radius: 50px;
    line-height: 49px;
    padding: 0 37px;
    font-size: 20px;
    margin: 0 auto;
    color: #fff;
    width: 200px;
    display: block;
    margin-top: 69px;
}

    .btn-library:hover {
        color: #fff;
    }

.bookSearchSection {
    width: 455px;
    background-color: #c4161c;
    height: 45px;
    border-radius: 50px;
    position: relative;
}

.lblLibrary {
    color: #fff;
    font-size: 21px;
    font-weight: 100;
    padding: 0px 15px;
    line-height: 45px;
}

.txtLibrarySearch {
    border: 0;
    padding: 10px;
    border-radius: 32px;
    height: 45px;
    flex: 1;
    color: #323232;
    outline: 0 !important;
    text-align: center;
    direction: rtl;
}

#btnLibrarySearch {
    background: transparent;
    border: 0;
    position: absolute;
    z-index: 999;
    font-size: 25px;
    color: #c4161c;
    right: 5px;
    top: 5px;
}

.bookCard {
    height: 300px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 5px 13px -6px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 5px 13px -6px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 5px 13px -6px rgba(0, 0, 0, 0.75);
    position: relative;
}

.articleTop img {
    object-fit: cover;
    height: 300px;
}

#articleOwl {
    margin-bottom: -48px;
}

.mgb82 {
    margin-bottom: 82px;
}

.mgb82 {
    margin-bottom: 30px;
}

#InstagramVideo {
    min-height: 270px;
    position: relative;
    margin-bottom: -10px;
}

    #InstagramVideo .owl-nav {
        display: none;
    }

.instagramVideo {
    display: inline-block;
}

#InstagrambgRed {
}

.negativeEffect {
    width: 96%;
    height: 8px;
    background-repeat: repeat-x;
    margin: 10px auto;
    border-radius: 4px;
}

#hotArticle {
    min-height: 312px;
}

.viewCount {
    text-align: center;
    color: #c41b1c;
    padding: 10px;
}

    .viewCount i {
        padding-right: 7px;
    }

.bookCategory {
    background-color: #c4161c;
    color: #fff;
    padding: 10px;
    display: block;
    position: absolute;
    right: -4px;
    top: 10px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.articleTopText {
    overflow: hidden;
    position: absolute;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.67);
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    padding: 20px;
    font-size: 17px;
    direction: rtl;
    text-align: justify;
    color: #fff;
}

.article-text {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    padding: 23px;
    font-size: 16px;
}

.articleTopText .more-details {
    width: 116px;
    margin: 0 auto;
    text-align: center
}

.articleTopText a {
    color: #fff;
}

.articleTop:hover .articleTopText {
    display: block !important
}

.articleTopText h3 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.7;
}

.articleTopText.article-text div {
    font-size: 15px;
}

.articletop h3 {
    display: none
}

.articletop .articleHomeBoxTitle {
    padding: 0;
    height: 0
}

i.fa.fa-chevron-left.owlLeft {
    position: absolute;
    left: 0;
    top: 35%;
    font-size: 30px;
    background: #c4161c;
    color: #fff;
    width: 50px;
    height: 50px;
    padding: 10px;
    text-align: center;
    z-index: 5;
}

i.fa.fa-chevron-left.InstagramLeft {
    position: absolute;
    left: 0;
    top: 35%;
    font-size: 30px;
    background: #c41b1c;
    color: #fff;
    width: 50px;
    height: 50px;
    padding: 10px;
    text-align: center;
}

i.fa.fa-chevron-right.owlEduRight {
    position: absolute;
    right: 15px;
    top: 44%;
    font-size: 30px;
    background: #c4161c;
    color: #fff;
    width: 50px;
    height: 50px;
    padding: 10px;
    text-align: center;
}

i.fa.fa-chevron-right.owlInstagram {
    position: absolute;
    right: 0;
    top: 35%;
    font-size: 30px;
    background: #c41b1c;
    color: #fff;
    width: 50px;
    height: 50px;
    padding: 10px;
    text-align: center;
}

i.fa.fa-chevron-right.owlRight {
    position: absolute;
    right: 0;
    top: 35%;
    font-size: 30px;
    background: #c4161c;
    color: #fff;
    width: 50px;
    height: 50px;
    padding: 10px;
    text-align: center;
    z-index: 5;
}

.footer {
    min-height: 300px;
    background: #ffffff center center no-repeat;
    border-top: 2px solid #e1e1e1;
}

.footerSearch {
    position: relative;
}

.txtfooterSearch {
    width: 100%;
    border: 1px solid #cac5c2;
    background-color: #fff;
    outline: 0;
    margin-top: 30px;
    padding: 10px;
    border-radius: 40px;
}

#btnFooterSearch {
    background-color: transparent;
    border: 0;
    outline: 0;
    color: #c4161c;
    font-size: 29px;
    position: absolute;
    right: 7px;
    top: 32px;
}

.footerTitle {
    padding: 10px 8px;
    text-align: center;
    display: block;
    border-bottom: 1px solid #c4161c;
    margin-bottom: 15px;
    color: #000;
    font-size: 25px;
    margin-top: 50px;
}

.footerListItem li {
    list-style-type: none;
}

.footerListItem {
    padding: 0;
    text-align: center;
}

    .footerListItem li a {
        color: #323232;
        text-decoration: none;
        display: block;
        padding: 5px;
    }

        .footerListItem li a:hover {
            color: #c4161c;
            text-decoration: none;
        }

.fixMenuContent .footerTitle {
    border-bottom: 1px solid #575757;
    color: #191919;
}

.fixMenuContent .footerListItem li a:hover {
    color: #dfdfdf;
}

.socialIconFooter {
    border-bottom: 1px solid #c4161c;
    margin-bottom: 30px;
    padding-bottom: 15px;
    margin-top: 40px;
    width: 96%;
}

    .socialIconFooter ul {
        padding: 0;
        display: table;
        margin: auto;
    }

        .socialIconFooter ul li {
            display: inline-block;
        }

            .socialIconFooter ul li a {
                color: #28272a;
                padding: 7px;
                font-size: 27px;
            }

.txtcopyright {
    color: #28272a;
    text-align: center;
}

.footerAddress {
    padding: 0;
}

.address {
    margin-top: -14px;
}

.footerAddress li {
    list-style-type: none;
    margin-top: 30px;
    display: flex;
    align-items: center;
}

.footerIcon {
    float: right;
    max-width: 74px;
    margin-left: 10px;
}

.footerAddressText {
    font-size: 13px;
    align-self: flex-end;
}

.footerAddressPhone {
    font-size: 29px;
    padding-top: 22px;
    display: block;
    letter-spacing: 4px;
}

.ContactText {
    display: inline-block;
}

img.contactIcon {
    margin-left: 10px;
}

.loginForm {
    width: 0;
    height: 0;
    background-color: #f0f0f0;
    padding: 0;
    position: absolute;
    opacity: .90;
    top: -3px;
    right: 0;
    z-index: -1;
    transition: all 0.5s;
    overflow: hidden;
}

.showLoginForm {
    width: 250px !important;
    height: 300px !important;
    padding: 50px 10px !important;
}

.loginInputText {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.5;
    color: #c4161c;
    text-align: center;
    white-space: nowrap;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 0;
}

.txtLoginForm {
    background-color: #b6b6b6;
    color: #fff;
}

.btnUserLogin {
    transition: all 1s;
    -webkit-transition: all 1s;
}

.loginAnimation {
    transition: all 1s;
    -webkit-transition: all 1s;
    margin-right: 100px !important;
}

.Login {
    width: 100%;
    padding: 5px;
    color: #fff;
    border: 1px solid #fff;
    background-color: #d3271a;
    margin: 10px auto;
    display: block;
}

#btnRegister:hover {
    width: 100%;
    padding: 5px;
    color: #ffffff;
    border: 1px solid #ffffff;
    background-color: #c4161c;
    margin: 10px auto;
    display: block;
    text-align: center;
    text-decoration: none !important;
}

#btnRegister {
    width: 100%;
    padding: 5px;
    color: #d3271a;
    border: 1px solid #6b6b6b;
    background-color: #ffffff;
    margin: 10px auto;
    display: block;
    text-align: center;
}

.btnCloseLoginForm:hover {
    color: #910a00;
}

.btnCloseLoginForm {
    position: absolute;
    top: 14px;
    font-size: 20px;
    color: #f0f0f0;
    cursor: pointer;
    z-index: 999;
}

.instagramOverlay {
    position: absolute;
    top: 0px;
    z-index: 99;
    background: rgba(0, 0, 0, 0.51);
    color: #fff;
    text-align: center;
    height: 100%;
    margin: 0 15px;
    padding: 15px 0;
}

    .instagramOverlay .title {
        font-weight: bold;
        padding-bottom: 1px;
        border-bottom: 1px solid #c4161c;
        display: block;
        margin-bottom: 10px;
        width: 93%;
        margin: 10px auto;
    }

.social {
    background: #ebebeb;
    padding: 5px;
    width: auto;
    box-shadow: 1px 0 0px 0 #d6d6d6;
    margin-bottom: 7px;
    border-bottom: 0;
    position: absolute;
    right: 7.67%;
    top: 7px;
    border-radius: 10px 5px 0 0;
    border-bottom: none;
}

.social-media i {
    color: #fff;
    margin-left: 9px;
    font-size: 17px;
    margin-top: 6px;
}

@media screen and (min-width:1400px) {
    .social {
        right: 11.88% !important;
    }

    .bgEventDay {
        margin-right: -30px;
    }

    .eventBgRed {
        padding: 1px 30px 1px;
    }
}

#ztvTitle {
    color: #c4161c;
    text-align: center;
    padding: 4px;
    font-weight: 400;
    font-size: 29px;
    position: relative;
    top: 7px;
}

#ztvVideo {
    position: relative;
    top: -105px;
}

.ztv-title {
    color: #fff;
    font-size: 27px;
    text-align: center
}

.ztvMenu {
    background: #c41b1c;
    width: 100%;
    padding: 10px;
}

.ztvbtn {
    font-size: 27px;
    cursor: pointer;
    color: white;
    padding: 0 6px 0 28px;
    border: none;
    background-color: transparent;
    font-weight: bold;
    float: left
}

.ztvMenu button:focus {
    outline: none
}

#ztvVideoIelts {
    position: relative;
    top: 0;
}

#ZtvVideo {
    width: 100%;
    height: 450px;
}

.ztvCollapse {
    z-index: 999;
    background: rgb(196, 27, 28);
    height: 450px;
    width: 100%;
    height: 100%
}

.playButton {
    color: #c41b1c;
    font-size: 52px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    border: 6px solid #fff;
    border-radius: 50%;
    width: 75px;
    padding: 8px;
    background: #fff;
    height: 75px;
    cursor: pointer;
}

.mgt110 {
    margin-top: -30px;
}

#ztvOwl .owl-dots {
    display: none
}

.ztvVideoCard {
    background-color: #fff;
    min-height: 300px;
    width: 100%;
}

#ztvVideo video {
    padding: 0;
    margin: 0;
    width: 100%;
}

#ZTVChannelOwl {
    direction: ltr;
}

.ztv-inner-subject {
    position: absolute;
    z-index: 99999999999999999999;
    color: #fff;
    text-align: center;
    left: 42%;
    bottom: 41px;
    font-size: 14px;
}

#ztv-inner-subject h3 {
    font-size: 17px;
}

.swiper-container-ztv .swiper-button-prev {
    right: 40%;
    border-radius: 50%;
    background: #fff;
    color: black;
}

.swiper-container-ztv .swiper-button-next {
    left: 40%;
    border-radius: 50%;
    background: #fff;
    color: black;
}

#ZTVChannelOwl i.fa.fa-chevron-left.owlZtv {
    position: absolute;
    left: 2%;
    top: 30%;
    font-size: 26px;
    background: #dbdbdb;
    color: #333;
    width: 40px;
    height: 40px;
    padding: 10px;
    text-align: center;
    border-radius: 50%;
}

.playpauseSmall, .stopsmall {
    color: #c41b1c;
    font-size: 23px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    border-radius: 50%;
    width: 39px;
    background: #fff;
    height: 39px;
    cursor: pointer;
    line-height: 39px;
}

.stopsmall {
    display: none;
}

.playpause:before, .playpauseSmall:before {
    font-family: 'Font Awesome 5 Pro';
    content: "\f04b";
    padding: 8px;
}

.stop:before, .stopsmall:before {
    font-family: 'Font Awesome 5 Pro';
    content: "\f04c";
    padding: 8px;
}

.stop {
    color: #c41b1c;
    font-size: 40px;
    text-align: center;
    position: absolute;
    display: none;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    border-radius: 50%;
    width: 66px;
    background: #fff;
    height: 66px;
    cursor: pointer;
    line-height: 66px;
}

.playpause {
    color: #c41b1c;
    font-size: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    border-radius: 50%;
    width: 66px;
    background: #fff;
    height: 66px;
    cursor: pointer;
    line-height: 66px;
}

#ZTVChannelOwl i.fa.fa-chevron-right.owlRightZtv {
    position: absolute;
    right: 2%;
    top: 30%;
    font-size: 26px;
    background: #dbdbdb;
    color: #333;
    width: 40px;
    height: 40px;
    padding: 10px;
    text-align: center;
    border-radius: 50%;
}

#ZTVChannelOwl video {
    margin: 0 auto;
    display: block;
}

#ZTVChannelOwl i.fa.fa-chevron-right.owlRightZtv:hover, #ZTVChannelOwl i.fa.fa-chevron-left.owlZtv:hover {
    background: #c41b1c;
    color: #fff;
}

#lastArticle {
    min-height: 300px;
}

.flex-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    direction: ltr;
}

.flex-item:nth-child(odd) {
    background-color: #e43;
}

.flex-item {
    background-color: tomato;
    text-align: center;
    line-height: 2;
    color: #fff;
    font-weight: bold;
    font-size: 3em;
}

.articleHomeBox {
    position: relative;
    transition: all .5s;
    cursor: pointer;
}

.articleHomeBoxs {
    overflow: hidden
}

    .articleHomeBoxs img {
        width: 100%;
        height: 337px;
        object-fit: cover;
    }

.FreeArticle img {
    height: 475px !important;
}

.articleHomeBoxTitle {
    position: absolute;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.67);
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 5px 10px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    height: 53px;
    padding: 12px 11px;
    font-size: 17px;
    color: #fff;
}

    .articleHomeBoxTitle h4, .articleHomeBoxTitle .article-category-dsc {
        display: none
    }

.articleHomeSmallBox:hover .articleHomeBoxTitle, .articleHomeBoxs:hover .articleHomeBoxTitle {
    height: 100%;
    text-align: center
}

.articleHomeSmallBox:hover .articleHomeBoxTitle {
    text-align: center;
    padding-top: 85px;
}

.articleHomeSmallBox {
    transition: all .5s;
}

    .articleHomeSmallBox:hover .more-details {
        display: none
    }

    .articleHomeSmallBox:hover h4 {
        display: block
    }

    .articleHomeSmallBox img {
        min-width: 100%;
        object-fit: cover;
        min-height: 238px;
    }

.swiper-container-article .swiper-slide {
    transition: all .4s
}

    .swiper-container-article .swiper-slide:hover {
        transform: scale(1.2);
        z-index: 99
    }

.articleHomeBoxs:hover h3, #articletop:hover h3 {
    display: none
}

.articleHomeBoxs:hover .articleHomeBoxTitle h4, .articleHomeBoxs:hover .article-category-dsc, .articleHomeBoxs:hover .more-details {
    display: block
}

.articletop {
    direction: rtl;
    height: 337px;
}

.article-text h4 {
    font-size: 17px;
    font-weight: bold;
    line-height: 1.6;
}

.article-category-dsc {
    font-size: 15px;
    line-height: 2;
}

.swiper-container-article {
    overflow: hidden;
    position: relative
}

    .swiper-container-article .swiper-button-next {
        left: 0
    }

    .swiper-container-article .swiper-button-prev {
        right: 0
    }

.more-details {
    background: #c41b1c;
    color: #fff;
    padding: 5px;
    border-radius: 3px;
}

    .more-details a {
        color: #fff
    }

    .more-details:hover a {
        color: #fff
    }

.articleHomeBox .more-details {
    display: none;
}

.articleHomeBox:hover .more-details {
    display: block;
    width: 116px;
    text-align: center;
    margin: 0 auto;
}

.articleHomeBox:hover .teacherBoxTitle {
    text-align: center !important;
    margin: 0 auto;
    display: block;
    width: 100%;
    padding-top: 60px;
    height: 100%;
    transition: all .5s;
}

    .articleHomeBox:hover .teacherBoxTitle h3 {
        font-size: 20px;
    }

    .articleHomeBox:hover .teacherBoxTitle h4 {
        font-size: 17px;
        margin-bottom: 53px;
    }

#EduVideo {
    padding: 0;
    position: relative;
}

.btnPlay i {
    color: #c4161c;
    background: #fff;
    padding: 13px;
    border-radius: 100%;
    font-size: 24px;
    width: 50px;
    height: 50px;
}

a.btnPlay {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 50px;
}

.eduTitle {
    position: absolute;
    top: 20px;
    margin: 0;
    padding: 10px;
    text-align: center;
    color: #fff;
    width: 100%;
    z-index: 99;
    background: rgba(0, 0, 0, 0.27);
}

.eduVideoBox {
    position: relative;
    cursor: pointer;
}

    .eduVideoBox img {
        max-width: 100%;
        object-fit: cover;
    }

.eduVideoBoxTitle {
    position: absolute;
    bottom: 0;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    width: 80%;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.51);
    padding: 4px 0;
    margin: 0;
    padding: 0;
    padding-top: 8px;
    margin: 0 auto;
    display: block;
    left: 0;
    right: 0;
}

.educationMovie.articleHomeBoxTitle.article-text h3 {
    font-size: 19px;
}

.educationMovie:hover .articleHomeBoxTitle {
    height: 100%;
    text-align: center;
}

.educationMovie .article-category-dsc, .educationMovie:hover .article-text h3 {
    display: none;
}

.educationMovie:hover .article-category-dsc, .educationMovie:hover .article-text h4 {
    display: block
}

.menu-item .footerTitle {
    float: left;
}

.display-mobile {
    display: none;
}

.eduVideoBox.educationMovie h3 {
    font-size: 21px;
}

.eduVideoBox.eduComment h4, .eduVideoBox.eduComment h3 {
    font-size: 20px;
}

.eduVideoBox.eduComment:hover .articleHomeBoxTitle {
    display: block !important;
    height: 100%;
    text-align: center
}

    .eduVideoBox.eduComment:hover .articleHomeBoxTitle h4 {
        display: block !important
    }

@media screen and (max-width:600px) {
    .btnUserLogin span {
        display: none;
    }

    .footerIcon {
        max-width: 51px;
    }

    .footerAddress li {
        margin-top: 2px;
    }

    .footerAddressPhone {
        padding-top: 11px;
    }

    .footerSearch {
        position: relative;
        float: right;
        margin-top: -32%;
        margin-right: 10px;
    }

    .header-text-private {
        right: 0px !important;
    }

    .namad {
        float: left;
    }

    .eventBgRed {
        height: 80px;
        font-size: 35px;
        line-height: 80px;
    }

    #day {
        font-size: 50px;
        padding: 0;
    }

    .serviceBox.prefer img {
        width: 88px;
    }

    .serviceBox p {
        font-size: 13px;
    }

    .preferWhich {
        padding: 0 15px;
    }

    .serviceBox img {
        width: 90px;
    }

    .userLogin, .home {
        top: 5px;
    }

    .headerMenuIcon {
        width: 32px;
        height: 32px;
        line-height: 33px;
        position: absolute;
        top: 5px;
        left: 94px;
    }

    .naqd-text {
        display: none;
    }

    .headerPhoneMenuIcon {
        width: 32px;
        height: 32px;
        line-height: 33px;
        position: absolute;
        top: 5px;
        left: 55px;
    }

    .btnUserLogin i, .btnHome i {
        font-size: 30px;
        margin-top: 5px;
    }

    .btnUserLogin, .btnHome {
        color: #fff;
        width: 40px;
        height: 40px;
        display: block;
        background-color: #c41b1c;
        border-radius: 50%;
    }

    .swiper-container-ztv .swiper-button-prev {
        right: 10%;
    }

    .swiper-container-ztv .swiper-button-next {
        left: 10%;
    }

    .career-name img {
        width: 38px;
    }

    .ShowfixMenuContent {
        min-height: 510px !important;
    }

    .table td {
        line-height: 1.7;
        font-size: 14px;
    }

    .table thead th {
        font-size: 14px;
    }

    .scrollToTop {
        bottom: 60px;
        left: 5px;
    }

    .topLogo img {
        max-width: 199px;
    }
}

@media screen and (min-width:768px) and (max-width:992px) {
    .eventImage {
        width: 100%;
    }
}

#articlemobileOwl {
    direction: ltr;
}

.no-gutter {
    margin-left: 0;
    margin-right: 0;
}

    .no-gutter [class*='col-']:not(:first-child),
    .no-gutter [class*='col-']:not(:last-child) {
        padding-right: 0;
        padding-left: 0;
    }

.instagramOwl {
    direction: ltr;
}

.social-insta {
    position: absolute;
    bottom: 5px;
    color: #e7e7e7;
    z-index: 99999999;
    font-size: 30px;
    left: 45%;
    margin: 0 auto;
    display: block;
}

.ih-item img {
    width: 100%;
    height: 100%;
}

.ih-item.circle {
    position: relative;
}

    .ih-item.circle .img {
        position: relative;
        max-width: 100%;
    }

        .ih-item.circle .img:before {
            position: absolute;
            display: block;
            content: '';
            width: 100%;
            height: 100%;
            -webkit-transition: all 0.1s ease-in-out;
            -moz-transition: all 0.1s ease-in-out;
            transition: all 0.1s ease-in-out;
        }

    .ih-item.circle .info {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        text-align: center;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .ih-item.circle.effect5 {
        -moz-perspective: 900px;
    }

        .ih-item.circle.effect5.colored .info .info-back {
            background: #1a4a72;
            background: rgba(26, 74, 114, 0.6);
        }

        .ih-item.circle.effect5 .info {
            -webkit-transition: all 0.1s ease-in-out;
            -moz-transition: all 0.1s ease-in-out;
            transition: all 0.1s ease-in-out;
            -webkit-transform-style: preserve-3d;
            -moz-transform-style: preserve-3d;
            -ms-transform-style: preserve-3d;
            -o-transform-style: preserve-3d;
            transform-style: preserve-3d;
        }

            .ih-item.circle.effect5 .info .info-back {
                visibility: hidden;
                width: 100%;
                height: 100%;
                background: #333333;
                background: rgba(0, 0, 0, 0.6);
                -webkit-transform: rotate3d(0, 1, 0, 180deg);
                -moz-transform: rotate3d(0, 1, 0, 180deg);
                -ms-transform: rotate3d(0, 1, 0, 180deg);
                -o-transform: rotate3d(0, 1, 0, 180deg);
                transform: rotate3d(0, 1, 0, 180deg);
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
            }

            .ih-item.circle.effect5 .info b {
                color: #fff;
                position: relative;
                letter-spacing: 2px;
                font-size: 17px;
                margin: 0 30px;
                display: inline-grid;
                padding: 32px 0 0 0;
                height: 110px;
                direction: ltr;
                text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
            }

        .ih-item.circle.effect5 a:hover .info {
            -webkit-transform: rotate3d(0, 1, 0, -180deg);
            -moz-transform: rotate3d(0, 1, 0, -180deg);
            -ms-transform: rotate3d(0, 1, 0, -180deg);
            -o-transform: rotate3d(0, 1, 0, -180deg);
            transform: rotate3d(0, 1, 0, -180deg);
        }

            .ih-item.circle.effect5 a:hover .info .info-back {
                visibility: visible;
            }

.info .info-back .insta-text p {
    color: #fff;
    overflow: hidden;
    height: 176px;
    display: -webkit-box;
    -webkit-line-clamp: 2 !important;
    padding: 23px 20px;
    padding-top: 29%;
    -webkit-box-orient: vertical;
    direction: rtl;
    text-align: justify;
}

#PreferWhich {
    /*min-height: 400px;*/
}

.bgSolution {
    position: relative;
    margin-right: 50px;
}

.solution-body {
    /*background: #e1e1e1;*/
    min-height: 314px;
    padding-top: 40px;
    transition: all .5s;
    padding-right: 50px;
    width: 100%;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(202,197,194,0.89) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(202,197,194,0.89)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(202,197,194,0.89) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(202,197,194,0.89) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(202,197,194,0.89) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(202,197,194,0.89) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cac5c2', GradientType=0 );
}

.solution-text {
    padding: 5px 13px;
    border-radius: 9px;
    background: #323232;
    color: #fff;
    text-align: center;
    /*width: max-content;*/
    cursor: pointer;
    width: 100%;
    font-size: 14px;
    padding: 5px;
}

.solution-header {
    background-color: #e1e1e1;
    text-align: center;
    padding-top: 5px;
    font-size: 32px;
}

.solution-body .modal {
    z-index: 99999999999999999999;
}

.solution-body .modal-body {
    min-height: 85vh;
    overflow-y: auto;
}

#GreSource {
    background: url(/portal/images/GRE/recourse-back.png);
    min-height: 214px;
}

    #GreSource img {
        margin: 0 auto;
        display: block;
        padding: 54px;
    }

#GreEvents {
    background: #ebebeb;
    box-shadow: 0 0 3px 2px #d6d6d6;
    padding: 23px 46px;
}

.greevent {
    width: 100%;
}

#FreeEducation {
    background: #ebebeb;
    box-shadow: 0 0 3px 2px #d6d6d6;
    padding: 23px 46px;
}

    #FreeEducation .greevent {
        width: 179px;
    }

.newsBoxgre {
    width: 100%;
}

.ztvGre {
    padding-top: 30px;
    background-color: #323232 !important;
}

.flex-gre {
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-content: center;
    align-content: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 0;
    margin: 0;
}

.gre-text {
    text-align: justify;
    color: #323232;
    line-height: 2;
    padding: 11px 45px;
    font-size: 15px;
    margin-bottom: 32px;
}

@media screen and (min-width:992px) {
    #vidStudentComment {
        position: relative;
        height: 100%;
    }

    .videoholder {
        left: 0;
        min-width: 100%;
        position: absolute;
        top: 0;
        height: 100%;
        background-color: #000;
    }

    #vidEducation {
        position: relative;
        height: 100%;
    }
}

#StudentComment .card {
    direction: rtl;
    cursor: pointer;
    min-height: 250px;
}

    #StudentComment .card:hover img {
        border: 2px solid #c4161c;
        cursor: pointer;
        border-radius: 50%;
    }

#StudentCommentOwl {
    direction: ltr;
}

.report-body {
    text-align: justify;
    font-size: 15px;
    padding: 10px 21px;
    height: 12.2rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
}

    .report-body h5 {
        font-size: 16px;
    }

#StudentCommentOwl .card img {
    width: auto;
    margin-right: 15%;
    margin-top: 13%;
    width: 100px;
    height: 100px;
    border: 2px solid #ccc;
    border-radius: 50%;
}

.student-name {
    margin-top: 52%;
    color: #5b5a5a;
}

.card p, .card .dsc {
    color: #5b5a5a;
    font-size: 14px;
}

.card h4 {
    font-size: 21px;
    margin-top: 10px;
}

#flashcard {
    padding: 50px;
}

.table-schedule thead {
    background: #c41b1c;
}

.text-red {
    color: #c4161c;
}

.table-schedule .table td {
    font-size: 14px;
    vertical-align: middle;
    text-align: center !important;
}

.table-schedule table {
    background: #fff;
    /*box-shadow: 1px 2px 7px 5px #979797;*/
}

.table-schedule table, .table-schedule .table td {
    border: 1px solid #ddd;
    padding: 0.5rem;
}

.Header-table {
    background: transparent linear-gradient(270deg, #D4D4D4 0%, #FFFFFF 39%, #FFFFFF 56%, #D4D4D4 100%) 0% 0% no-repeat padding-box;
    padding: 13px;
    border-radius: 11px 11px 0 0;
    margin-bottom: 0;
}

.table thead th {
    color: #fffefe;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #b3b3b3;
    border-top: 0;
    text-align: center;
}

.table td, .table th {
    color: #1d1c1c;
    text-align: center;
}

.table td {
    line-height: 1.5;
}

.gre-table td:nth-child(odd) {
    background: #3e3d40;
}

.career-table {
    background: #1a191c;
    margin: 0;
}

.career-name {
    color: #fff;
}

a, a:hover {
    text-decoration: none;
}

.career-name:hover {
    color: #fff;
}

#course-box {
    margin-bottom: 36px;
}

.course-image {
    padding: 28px;
    text-align: center;
}

.course-title-h3 {
    font-weight: 200;
}

.course-title {
    color: #c41b1c;
    font-size: 21px;
    text-align: center;
}

.career-box {
    background: #ebebeb;
    border-radius: 10px;
    border: 2px solid #c8c8c8;
    padding: 20px;
    margin: 30px 5px;
}

    .career-box p {
        font-size: 16px;
        text-align: center;
        color: #333;
        font-weight: 500;
    }

#next .fa-angle-right {
    padding-left: 3px;
}

.reportCard img {
    filter: gray;
    -webkit-filter: grayscale(1);
    -webkit-transition: all .8s ease-in-out;
}

    .reportCard img:hover {
        filter: none;
        -webkit-filter: grayscale(0);
        -webkit-transform: scale(1.01);
    }

.scrollToTop {
    bottom: 43px;
    padding: 2px;
    position: absolute;
    left: 0px;
    text-align: center;
    text-decoration: none;
    width: 50px;
    z-index: 99999;
}

html {
    scroll-behavior: smooth;
}

@media screen and (max-width:600px) {
    .txtSearch {
        max-width: 100%;
        min-width: 100%;
    }

    .homeSearch {
        width: 100%;
        padding: 0 15px;
    }

    /*.userLogin {
        left: 15px;
    }*/

    .pageTitle span:after {
        width: 120px;
    }

    .bgEventDay {
        margin-right: 0px;
    }

    #events {
    }

    .eventBgRed {
        border-left: 2px solid #28272a;
    }

    .bgEventDaylast {
        border-left: 0px !important;
    }

    i.fa.fa-chevron-right.owlEduRight {
        right: 0px;
    }
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: #ebebeb;
    border-color: #dee2e6 #dee2e6 #ebebeb;
}

#toefl-feature {
    background-position: center;
    padding-bottom: 38px;
    padding-top: 50px;
    background-size: cover;
}

.feature-dsc {
    font-size: 21px;
    text-align: center;
    line-height: 1.7;
    text-align: center;
    color: #9b9b9b;
}

.eight {
    font-size: 140px;
    color: #c41b1c;
    margin-top: 38px;
    text-align: center;
}

.feature p {
    font-size: 15px;
    line-height: 1.6;
    background-color: #ebebeb;
    padding: 5px;
    border-radius: 5px;
    color: #5d5c5c;
    padding-right: 14px;
    margin-top: 19px;
}

.feature {
    background: #fff;
    margin: 43px 0;
}

.toefl-feature .box1 {
    margin-top: 70px;
}

.toefl .box1 h2 {
    font-size: 73px;
    letter-spacing: 4px;
}

.toefl .box1 {
    background: rgba(0, 0, 0, 0.6);
    padding: 50px;
    margin-top: 40px;
}

    .toefl .box1 h3 {
        font-size: 29px;
        letter-spacing: 4px;
        margin-top: 0;
    }

    .toefl .box1 h2, .toefl .box1 h3 {
        color: #fff;
    }

.tofel .lstbox1 li {
    background: #ebebeb;
}

.toefl .lstbox1 li {
    background: #fff;
}

.more {
    float: left;
    font-size: 14px;
    color: #c41b1c;
}

    .more a {
        color: #c41b1c;
    }

.part-back {
    background: #f5f5f5;
    min-height: 300px;
    margin-bottom: 50px;
    direction: ltr;
}

    .part-back h3 {
        font-size: 25px;
    }

.ielts-score {
    background: #f5f5f5;
    padding: 13px;
    font-size: 21px;
    direction: ltr;
    text-align: left;
    font-weight: bold;
}

.part-back ul li {
    font-size: 16px;
}

.ttc-title {
    text-align: center;
    direction: ltr;
    margin: 32px;
}

.part-back ul {
    list-style: none;
}

    .part-back ul li::before {
        content: "\2022";
        color: #c4161c;
        font-weight: bold;
        display: inline-block;
        margin-right: 1rem;
        font-size: 24px;
    }

.p-ttc {
    padding: 33px 36px 14px;
}

.instructor-text {
    color: #595959;
    line-height: 2;
    margin-top: 20px;
    direction: ltr;
    text-align: justify;
}

.about-instructor {
    background: #f5f5f5;
    padding: 12px;
    font-size: 19px;
    direction: ltr;
    text-align: left;
    font-weight: bold;
    margin-top: 50px;
    margin-bottom: 20px;
}

#AboutInstructor {
    margin-bottom: 40px;
    margin-top: 61px;
}

#ttc-course {
    margin-bottom: 60px;
}

.ttc-box {
    background: #f5f5f5;
    padding: 35px;
    line-height: 2.5;
    font-size: 18px;
    text-align: center;
    direction: ltr;
    margin: 9px 40px;
}

    .ttc-box a {
        color: #28272a;
    }

        .ttc-box a h4 {
            font-size: 27px;
            font-weight: bold;
            padding-bottom: 15px;
        }

.progress-button {
    font-size: 20px;
    padding: 10px;
    background-color: #c4161c;
    color: #fff;
    margin: 40px;
    margin-top: 0;
    display: block;
    text-align: center;
}

    .progress-button:hover {
        color: #fff;
    }

.ttc-price {
    color: #c41b1c;
    font-size: 19px;
}

.pl7 {
    padding-left: 7px;
}

.card {
    box-shadow: 0 0 12px 1px #ddd;
}

.top-report {
    text-align: center;
    display: block;
    margin: 0 auto;
}

.tips {
    display: block;
    position: relative;
    margin: 0 50px;
}

    .tips h3 {
        font-size: 23px;
        margin-bottom: 17px;
    }

    .tips p {
        line-height: 2;
        text-align: justify;
    }

    .tips h2 {
        background: #c41b1c;
        color: #fff;
        font-size: 28px;
        margin: 0 auto;
        padding: 10px 13px;
        text-align: center;
        border-radius: 6px;
        margin-bottom: 30px;
    }

.mock-number {
    position: relative;
    margin-bottom: 67px;
}

.mock-number1:before {
    content: "1";
    position: absolute;
    display: inline-block;
    right: -11%;
    color: #ECECEC;
    font-size: 104px;
    font-weight: bold;
}

.mock-number1:after {
    content: "........";
    position: absolute;
    right: -12%;
    transform: rotate(-90deg);
    color: #ECECEC;
    font-size: 37px;
    display: inline-block;
}

.mock-number2 {
    position: relative;
}

    .mock-number2:before {
        content: "2";
        position: absolute;
        display: inline-block;
        right: -11%;
        color: #ECECEC;
        font-size: 104px;
        font-weight: bold;
    }

    .mock-number2:after {
        content: "........";
        position: absolute;
        right: -12%;
        transform: rotate(-90deg);
        color: #ECECEC;
        font-size: 37px;
        display: inline-block;
    }

.mock-number3:before {
    content: "3";
    position: absolute;
    display: inline-block;
    right: -11%;
    color: #ECECEC;
    font-size: 104px;
    font-weight: bold;
}

.mock-number3:after {
    content: "........";
    position: absolute;
    right: -12%;
    transform: rotate(-90deg);
    color: #ECECEC;
    font-size: 37px;
    display: inline-block;
}

.mock-number4:before {
    content: "4";
    position: absolute;
    display: inline-block;
    right: -11%;
    color: #ECECEC;
    font-size: 104px;
    font-weight: bold;
}

.mock-number4:after {
    content: "........";
    position: absolute;
    right: -12%;
    transform: rotate(-90deg);
    color: #ECECEC;
    font-size: 37px;
    display: inline-block;
}

.mock-number5:before {
    content: "5";
    position: absolute;
    display: inline-block;
    right: -11%;
    color: #ECECEC;
    font-size: 104px;
    font-weight: bold;
}

.mock-number5:after {
    content: "........";
    position: absolute;
    right: -12%;
    transform: rotate(-90deg);
    color: #ECECEC;
    font-size: 37px;
    display: inline-block;
}

.mock-number6:before {
    content: "6";
    position: absolute;
    display: inline-block;
    right: -11%;
    color: #ECECEC;
    font-size: 104px;
    font-weight: bold;
}

.mock-number6:after {
    content: "........";
    position: absolute;
    right: -12%;
    transform: rotate(-90deg);
    color: #ECECEC;
    font-size: 37px;
    display: inline-block;
}

.mock-number7:before {
    content: "7";
    position: absolute;
    display: inline-block;
    right: -11%;
    color: #ECECEC;
    font-size: 104px;
    font-weight: bold;
}

.mock-number7:after {
    content: "........";
    position: absolute;
    right: -12%;
    transform: rotate(-90deg);
    color: #ECECEC;
    font-size: 37px;
    display: inline-block;
}

.mock-number8:before {
    content: "8";
    position: absolute;
    display: inline-block;
    right: -11%;
    color: #ECECEC;
    font-size: 104px;
    font-weight: bold;
}

#mock-list {
    margin: 80px 0;
}

    #mock-list img {
        margin: 0 auto;
        display: block;
        margin-bottom: 14px;
    }

    #mock-list h4 {
        font-size: 15px;
        text-align: center;
        font-weight: normal;
    }

.mockDate {
    display: block;
    margin: 0 auto;
    text-align: center;
}

    .mockDate h1 {
        font-size: 63px;
    }

.tips-inside-img {
    margin: 0 auto;
    display: block;
}

#report-mock h2 {
    background: #c41b1c;
    color: #fff;
    font-size: 22px;
    margin: 0 auto;
    padding: 7px 13px;
    text-align: center;
    border-radius: 6px;
    margin-bottom: 25px;
}

#teacher {
    min-height: 350px;
    overflow: hidden;
}

.taecher-display {
    display: grid;
    grid-template-areas: "a a a a a a a a";
    grid-gap: 0;
    grid-auto-rows: 180px;
    list-style-type: none;
}

@media screen and (max-width:992px) {
    .taecher-display {
        grid-template-areas: "a a a a";
        grid-auto-rows: 90px;
    }
}

.teacher-header {
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-top: 108px;
}

.teacher-dsc {
    text-align: center;
    margin-top: 26px;
    color: #707070;
    line-height: 2;
    font-size: 22px;
    direction: ltr;
}

.teacherBoxTitle {
    position: absolute;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.67);
    color: #fff;
    bottom: 0;
    margin: 0;
    text-align: right;
    padding: 10px 0;
    font-size: 17px;
}

    .teacherBoxTitle h3 {
        font-size: 17px;
        padding-right: 11px;
    }

    .teacherBoxTitle h4 {
        font-size: 16px;
        padding-right: 11px;
    }

.search-teacher {
    background: #c4161c;
    border-radius: 6px;
    padding: 20px;
    margin-bottom: 60px;
    padding-bottom: 0;
}

.find-instructor {
    color: #fff;
    text-align: left;
    font-size: 18px;
    font-weight: bold;
}

#ContentBlock_txtInstructor {
    border: none;
    border-radius: 5px;
    padding: 4px;
    text-align: center;
}

#ContentBlock_txtTutor {
    border: none;
    border-radius: 5px;
    padding: 3px;
    font-size: 16px;
    text-align: center;
}

.select-career {
    width: 214px;
    border-radius: 5px;
    border: none;
    height: 32px;
    font-size: 15px;
    text-align: center;
    color: #979797;
    padding: 3px;
}

.article-title {
    font-weight: bold;
    font-size: 30px;
    text-align: right;
    color: #333;
    margin-top: 20px;
}

#Article {
    padding-top: 76px;
    background-color: #ebebeb;
}

.article-dsc {
    text-align: justify;
    margin-top: 22px;
}

.mgb12 span {
    font-size: 20px;
}

.mr-33 {
    margin-right: 33px;
}

.navbar {
    padding: 15px 10px;
    background: #fff;
    border: none;
    border-radius: 0;
    margin-bottom: 40px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}

.wrapper {
    display: flex;
    width: 100%;
    align-items: stretch;
}

#sidebar {
    min-width: 300px;
    max-width: 300px;
    background: #f5f5f5;
    color: #fff;
    transition: all 0.3s;
    direction: ltr;
    text-align: left;
    float: left;
    box-shadow: 0 0 3px 2px #ddd;
    border-radius: 9px !important;
}

    #sidebar.active {
        margin-left: -250px;
    }

    #sidebar .sidebar-header {
        padding: 20px;
    }

    #sidebar ul.components {
        padding: 0;
    }

    #sidebar ul p {
        color: #fff;
        padding: 10px;
    }

    #sidebar ul li a {
        padding: 13px;
        font-size: 1.1em;
        display: block;
        border-bottom: 1px solid #333;
        color: #333;
        margin: 0 12px;
    }

        #sidebar ul li a:hover {
            color: #676767;
            background: #fff;
        }

.sidebar-header h3 {
    color: #c41b1c;
}

.CTAs input {
    width: 89%;
}

.CTAs .icon {
    left: 45px !important;
}

a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

.list-unstyled ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
}

ul.CTAs {
    padding: 20px;
}

    ul.CTAs a {
        text-align: center;
        font-size: 0.9em !important;
        display: block;
        border-radius: 5px;
        margin-bottom: 5px;
    }

a.download {
    background: #fff;
    color: #7386D5;
}

a.article,
a.article:hover {
    background: #6d7fcc !important;
    color: #fff !important;
}

#content {
    width: 100%;
    padding: 20px;
    transition: all 0.3s;
}

@media (max-width:768px) {
    #sidebar {
        margin-left: 0px;
    }

        #sidebar.active {
            margin-left: 0;
        }

    #sidebarCollapse span {
        display: none;
    }
}

#Article h1 {
    font-size: 42px;
    letter-spacing: 1px;
    font-weight: 900;
    padding-right: 5px;
}

#Article h2 {
    font-size: 31px;
    margin-top: 58px;
    font-weight: 300;
    border-bottom: 1px solid;
    padding-bottom: 10px;
}

.news-text h1 {
    font-size: 27px !important;
}

.pr5 {
    padding-right: 5px;
}

.more-article {
    color: #c4161c;
    margin: 10px 0 10px 0;
}

.social-blog {
    margin-right: -22px;
}

.social-blog, .share-blog {
    display: inline-flex;
    list-style-type: none
}

    .social-blog li {
        margin: 0 6px;
        font-size: 17px;
    }

        .social-blog li a {
            color: #999999;
        }

.line-bottom {
    border-bottom: 1px solid #333;
}

.mgb12 {
    margin-bottom: 12px;
}

.input-icons i {
    position: absolute;
}

.icon {
    padding: 10px;
    color: #999999;
    text-align: center;
    left: 60px;
}

.input-icons .input-field {
    padding: 7px;
    border: 1px solid #ddd;
}

.input-field {
    text-align: right;
    border-radius: 50px;
    font-size: 14px;
    margin: 0 auto;
    display: block;
    margin-bottom: 20px;
}

.header-text {
    position: absolute;
    z-index: 1;
    top: 316px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

    .header-text h1 {
        color: #fff;
        font-size: 37px;
        font-weight: bold;
        display: block;
        margin: 0 auto;
        text-align: center;
        letter-spacing: 3px;
    }

.job-text {
    direction: ltr;
    margin-top: 134px;
    text-align: center;
}

    .job-text h1 {
        font-size: 52px;
    }

    .job-text h2 {
        font-size: 32px;
        margin-top: 24px;
    }

    .job-text p {
        padding: 8px 47px;
    }

.text-job-p {
    color: #919191;
}

#Job {
    padding: 0 157px;
}

.personal-information {
    background-color: #c4161c;
    padding: 10px;
    font-size: 23px;
    text-align: left;
    color: #fff;
    direction: ltr;
    width: 100%;
}

.job-form {
    direction: ltr;
}

.star {
    color: #c41b1c;
    font-size: 19px;
}

.job-form input {
    margin-left: 12px;
    border-radius: 8px;
    width: 350px;
    border: 1px solid #cac5c2;
    background-color: #fff;
}

.job-form label {
    width: 223px;
}

.job-form select {
    margin-left: 12px;
    border-radius: 8px;
    width: 201px;
    border: 1px solid #cac5c2;
    background-color: #fff;
    color: #999999;
    font-size: 15px;
}

.job-form textarea {
    margin-left: 12px;
    border-radius: 8px;
    width: 350px;
    border: 1px solid #cac5c2;
    background-color: #fff;
}

.innersearch {
    display: none;
}

.job-comment {
    margin: 50px 0;
}

.job-article {
    margin-top: 100px;
    margin-bottom: 100px;
}

.job-line {
    background-color: #c41b1c;
    height: 1px;
    margin: 34px 0px;
}

.w350 {
    width: 350px !important;
}

::placeholder {
    color: #dadada;
    opacity: 1;
}

:-ms-input-placeholder {
    color: red;
}

::-ms-input-placeholder {
    color: red;
}

.hvr-float {
    display: inline-block;
    -webkit-transition: padding 4s;
    transition: padding 4s;
}

[class^="hvr-"] {
}

.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
    padding: .5em 0;
}

@keyframes scale-up-ver-bottom {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
    }

    100% {
        -webkit-transform: scaleY(1.4);
        transform: scaleY(1.4);
        -webkit-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
    }
}

.nav-tabsRed {
    font-size: 12px;
    margin-top: -34px;
}

    .nav-tabsRed li {
        flex: 1;
        text-align: center;
    }

.image-back-news {
    margin-top: -175px;
    position: absolute;
    background-color: transparent !important;
}

.virtuals {
    background-color: #e6e6e6;
    padding: 90px;
}

.virtuals-side, .virtuals-content {
    background-color: #fff;
    box-shadow: 0 0 2px 3px #ddd;
    padding: 20px;
    border-radius: 6px;
}

    .virtuals-side h2 {
        font-size: 20px;
        font-weight: 400;
        margin-top: 20px;
    }

    .virtuals-side h3 {
        font-size: 18px;
        font-weight: bold;
    }

.virtuals-side {
    text-align: center;
}

.virtuals-number {
    color: #c41b1c;
    font-size: 30px;
}

.virtuals-content h1 {
    font-size: 28px;
    padding: 10px 0 0px 3px;
}

.virtuals-content img {
    margin-left: 7px;
}

.virtuals-price {
    color: #17b81d;
    font-weight: bold;
}

.virtuals-content span {
    margin-left: 5px;
}

.virtuals-list li::before {
    content: "\2022";
    color: #c4161c;
    font-weight: bold;
    display: inline-block;
    margin-right: -2rem;
    font-size: 24px;
    margin-left: .5em;
}

.virtuals-form button {
    background: #c41b1c;
    color: #fff;
    border: 0;
    margin-left: -8px;
    height: 33px;
    border-radius: 0 5px 5px 0;
}

.virtuals-form input {
    border: 1px solid #c41b1c;
    border-radius: 5px;
    width: 121px;
    height: 31px;
}

.virtuals-register {
    float: left;
    padding: 6px 17px;
    border-radius: 5px;
    background: #c41b1c;
    color: #fff;
}

    .virtuals-register:hover {
        color: #fff;
    }

.virtuals-dsc {
    background-color: #fff;
    box-shadow: 0 0 2px 3px #ddd;
    padding: 20px;
    border-radius: 6px;
    margin-top: 20px;
    text-align: justify;
}

    .virtuals-dsc h2 {
        font-size: 25px;
    }

.statistics {
    direction: ltr;
    text-align: left;
    color: #fff;
    padding: 23px 29px;
    line-height: 2.5;
    border-radius: 3px;
}

    .statistics h3 {
        font-size: 25px;
    }

    .statistics p {
        font-size: 13px;
    }

.fs14 {
    font-size: 14px;
    font-weight: 500;
}

.progress-bar {
    background-color: #fff;
}

.progress {
    background: #333;
}

.txt-virtual {
    text-align: justify;
    color: #807e7e;
    font-size: 15px;
}

.txt-virtual-head {
    font-weight: 600;
    font-size: 15px;
}

.mgt37 {
    margin-top: 37%;
    margin-right: 50px;
}

.virtuals-diagram {
    background-color: #fff;
    box-shadow: 0 0 2px 3px #ddd;
    padding: 50px;
    border-radius: 6px;
}

.virtual-dot {
    float: left;
    margin-top: -27px;
    margin-right: -38px;
}

    .virtual-dot:before {
        content: "...................................................";
        letter-spacing: 2px;
    }

    .virtual-dot:after {
        content: "..........";
        position: absolute;
        display: inline-block;
        letter-spacing: 2px;
        left: 4%;
        top: 66px;
        transform: rotate(-90deg);
    }

.diagram-text {
    font-size: 22px;
}

.course-box-compare {
    box-shadow: 0px 0px 3px 2px #ddd;
    padding: 19px 9px;
    border-radius: 10px;
    background-color: #fff;
}

.old-price-virtual {
    color: red;
    text-decoration: line-through;
}

.new-price-virtual {
    color: #14a215;
}

.register-virtual {
    background-color: #c41b1c;
    padding: 6px 16px;
    color: #fff;
    border-radius: 10px;
}

.course-box-compare h4 {
    font-size: 16px;
    font-weight: bold;
}

.register-virtual:hover {
    color: #fff;
}

.eduComment {
    padding: 0 !important;
}

    .eduComment img {
        /*height: 117px;*/
    }

.mgb50 {
    margin-bottom: 50px;
}

.nav-link {
    padding: .5rem .5rem;
}

.defination-level {
    margin-right: 44%;
}

.presentation {
    margin-left: 40%;
}

.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
    display: block;
}

.StudentCommentOwlNav button {
    background-color: transparent;
    border-color: transparent;
    outline-color: transparent;
}

.swiper-container-education {
    overflow: hidden;
}

.swiper-container-multirow-column > .swiper-wrapper {
    flex-direction: row;
}

.swiper-button-prev {
    position: absolute;
    left: 0;
    top: 50%;
    font-size: 30px;
    background: #c4161c;
    color: #fff;
    width: 50px;
    height: 50px;
    padding: 10px;
    text-align: center;
}

.swiper-button-next {
    position: absolute;
    right: 0;
    top: 50%;
    font-size: 30px;
    background: #c4161c;
    color: #fff;
    width: 50px;
    height: 50px;
    padding: 10px;
    text-align: center;
}

    .swiper-button-next:after, .swiper-button-prev:after {
        font-weight: bold;
        font-size: 25px;
    }

#articleOwl .swiper-button-next, #articleOwl .swiper-button-prev {
    top: 50%;
}

.ticker ul li a {
    color: #333;
}

.vibration {
    animation: vibration 8s linear infinite;
}

@keyframes vibration {
    0% {
        transform: translate(1px, 1px) rotate(0deg);
    }

    10% {
        transform: translate(-1px, -2px) rotate(-1deg);
    }

    20% {
        transform: translate(-3px, 0px) rotate(1deg);
    }

    30% {
        transform: translate(3px, 2px) rotate(0deg);
    }

    40% {
        transform: translate(1px, -1px) rotate(1deg);
    }

    50% {
        transform: translate(-1px, 2px) rotate(-1deg);
    }

    60% {
        transform: translate(-3px, 1px) rotate(0deg);
    }

    70% {
        transform: translate(3px, 1px) rotate(-1deg);
    }

    80% {
        transform: translate(-1px, -1px) rotate(1deg);
    }

    90% {
        transform: translate(1px, 2px) rotate(0deg);
    }

    100% {
        transform: translate(1px, -2px) rotate(-1deg);
    }
}

.bounceFromTop:before {
    color: #c41b1c
}

.bounceFromTop {
    -webkit-animation-name: bounceFromTop;
    -moz-animation-name: bounceFromTop;
    -o-animation-name: bounceFromTop;
    animation-name: bounceFromTop;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

@keyframes bounceFromTop {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-5px);
    }

    60% {
        FONT-WEIGHT: 200;
        transform: translateY(-2px);
    }
}

#myVideo {
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    object-fit: cover;
    background-size: cover;
}

.phonering-alo-phone.phonering-alo-static {
    opacity: .6;
}

.phonering-alo-phone.phonering-alo-hover, .phonering-alo-phone:hover {
    opacity: 1;
}

.phonering-alo-ph-circle {
    width: 100px;
    height: 100px;
    top: -25px;
    left: 0px;
    position: absolute;
    background-color: transparent;
    border-radius: 100% !important;
    border: 2px solid rgba(30,30,30,0.4);
    border: 2px solid #bfebfc;
    opacity: .1;
    -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle {
    -webkit-animation: phonering-alo-circle-anim 1.1s infinite ease-in-out !important;
    animation: phonering-alo-circle-anim 1.1s infinite ease-in-out !important;
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle {
    -webkit-animation: phonering-alo-circle-anim 2.2s infinite ease-in-out !important;
    animation: phonering-alo-circle-anim 2.2s infinite ease-in-out !important;
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle, .phonering-alo-phone:hover .phonering-alo-ph-circle {
    border-color: #00aff2;
    opacity: .5;
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle, .phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle {
    opacity: .5;
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle {
    border-color: rgba(196, 22, 28, 0.61);
    opacity: .5;
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle, .phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle {
    border-color: #ccc;
    opacity: .5;
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle {
    opacity: .5;
}

.phonering-alo-ph-circle-fill {
    width: 80px;
    height: 80px;
    top: -15px;
    left: 10px;
    position: absolute;
    background-color: #000;
    border-radius: 100% !important;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle-fill {
    -webkit-animation: phonering-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
    animation: phonering-alo-circle-fill-anim 1.7s infinite ease-in-out !important;
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle-fill {
    -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
    animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out !important;
    opacity: 0 !important;
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle-fill, .phonering-alo-phone:hover .phonering-alo-ph-circle-fill {
    background-color: rgba(0,175,242,0.5);
    background-color: #00aff2;
    opacity: .75 !important;
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle-fill, .phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle-fill {
    background-color: rgb(196, 27, 28);
    background-color: #c41b1c;
    opacity: .75 !important;
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle-fill {
    background-color: rgba(196, 22, 28, 0.7);
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle-fill, .phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle-fill {
    background-color: rgba(204,204,204,0.5);
    background-color: #ccc;
    opacity: .75 !important;
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle-fill {
    background-color: rgba(117,235,80,0.5);
    opacity: .75 !important;
}

.phonering-alo-ph-img-circle {
    width: 50px;
    height: 50px;
    top: 0px;
    left: 25px;
    position: absolute;
    border-radius: 100% !important;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    transform: rotate(180deg);
}

.pps-btn-img i {
    font-size: 34px;
    color: #fff;
    padding: 6px;
    padding-right: 9px;
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-img-circle, .phonering-alo-phone:hover .phonering-alo-ph-img-circle {
    background-color: #c4161c;
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle {
    background-color: #c4161c;
    background-color: #c4161c;
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-img-circle, .phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-img-circle {
    background-color: #ccc;
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(91deg) scale(1) skew(1deg);
    }

    10% {
        -webkit-transform: rotate(70deg) scale(1) skew(1deg);
    }

    20% {
        -webkit-transform: rotate(110deg) scale(1) skew(1deg);
    }

    30% {
        -webkit-transform: rotate(70deg) scale(1) skew(1deg);
    }

    40% {
        -webkit-transform: rotate(110deg) scale(1) skew(1deg);
    }

    50% {
        -webkit-transform: rotate(91deg) scale(1) skew(1deg);
    }

    100% {
        -webkit-transform: rotate(91deg) scale(1) skew(1deg);
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        -ms-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        -ms-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        -ms-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        -ms-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(91deg) scale(1) skew(1deg);
        transform: rotate(91deg) scale(1) skew(1deg);
    }

    10% {
        -webkit-transform: rotate(70deg) scale(1) skew(1deg);
        transform: rotate(70deg) scale(1) skew(1deg);
    }

    20% {
        -webkit-transform: rotate(110deg) scale(1) skew(1deg);
        transform: rotate(110deg) scale(1) skew(1deg);
    }

    30% {
        -webkit-transform: rotate(70deg) scale(1) skew(1deg);
        transform: rotate(70deg) scale(1) skew(1deg);
    }

    40% {
        -webkit-transform: rotate(110deg) scale(1) skew(1deg);
        transform: rotate(110deg) scale(1) skew(1deg);
    }

    50% {
        -webkit-transform: rotate(91deg) scale(1) skew(1deg);
        transform: rotate(91deg) scale(1) skew(1deg);
    }

    100% {
        -webkit-transform: rotate(91deg) scale(1) skew(1deg);
        transform: rotate(91deg) scale(1) skew(1deg);
    }
}

@keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(91deg) scale(1) skew(1deg);
        transform: rotate(91deg) scale(1) skew(1deg);
    }

    10% {
        -webkit-transform: rotate(70deg) scale(1) skew(1deg);
        transform: rotate(70deg) scale(1) skew(1deg);
    }

    20% {
        -webkit-transform: rotate(110deg) scale(1) skew(1deg);
        transform: rotate(110deg) scale(1) skew(1deg);
    }

    30% {
        -webkit-transform: rotate(70deg) scale(1) skew(1deg);
        transform: rotate(70deg) scale(1) skew(1deg);
    }

    40% {
        -webkit-transform: rotate(110deg) scale(1) skew(1deg);
        transform: rotate(110deg) scale(1) skew(1deg);
    }

    50% {
        -webkit-transform: rotate(91deg) scale(1) skew(1deg);
        transform: rotate(91deg) scale(1) skew(1deg);
    }

    100% {
        -webkit-transform: rotate(91deg) scale(1) skew(1deg);
        transform: rotate(91deg) scale(1) skew(1deg);
    }
}

.bgIelts {
    min-height: 530px;
    color: #fff;
    background-position: center;
    padding-top: 70px;
    padding-bottom: 143px;
    background-size: cover;
}

.box1 {
    min-height: 350px;
    padding: 20px 0px;
    background: rgba(0, 0, 0, 0.6);
    text-align: center;
}

    .box1 i {
        font-size: 100px;
        color: #c41b1c;
    }

#news {
    top: -63px;
    position: relative;
    background: #fff
}

.timer-count p {
    font-size: 44px;
    font-weight: 200;
    letter-spacing: 4px;
    text-align: left;
}

#the-final-countdown {
    text-align: center;
}

.timer-course-mobile {
    background: url(/portal/images/06.png) center !important;
    background-size: cover !important;
}

.timer-course {
    min-height: 400px;
    color: #fff;
    z-index: 99;
    position: relative;
    background-size: cover;
}

    .timer-course h2 {
        color: #fff;
        margin-right: 50px;
        font-size: 2.5rem;
        font-weight: 600;
        letter-spacing: 2px;
    }

.timer-paragraph {
    font-size: 14px;
    margin-top: 16px;
    margin-right: 50px;
    line-height: 2;
    margin-left: 29px;
    text-align: justify;
    direction: rtl;
}

.timer-date {
    font-size: 28px;
    margin-top: 11px;
    margin-bottom: 5px;
    margin-right: 50px;
}

}

.fsz26 {
    font-size: 2.6rem !important;
}

.timer-courses {
    background: url(/portal/images/ZTC_1961.png);
    background-size: cover;
    min-height: 350px;
    border-radius: 0 10px 10px 0;
}

.timer-course h3 {
    color: #fff;
    font-weight: 300;
    text-align: center;
    font-size: 26px;
}

.register-test {
    background: #fff;
    color: #c41b1c;
    padding: 7px 28px;
    font-weight: 500;
    border-radius: 7px;
    font-size: 18px;
    margin-right: 25px;
}

.test-box {
    text-align: center;
    margin: 0 auto;
    display: block;
}

    .test-box i {
        font-size: 30px;
    }

.tests-list {
    background: #fff;
    border-radius: 6px;
    margin: 43px 80px;
    margin-top: 10px;
}

    .tests-list li a {
        color: #333;
        text-align: center;
        padding: 15px 26px;
        font-size: 18px;
    }

.nav-pills .nav-item .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #c41b1c;
    color: #fff !important;
}

.nav-link > li.active > a, .nav-link > li.active > a:focus, .nav-link > li.active > a:hover {
    background-color: #c41b1c;
    color: #fff;
}

.tests-list li a:active, .tests-list li a:focus {
    background: #c41b1c;
    color: #fff;
}

.timer .nav-pills .nav-link {
    border-radius: 0;
}

.mgt42 {
    margin-top: -42px;
}

.mgt24 {
    margin-top: 24px;
}

.contact-header {
    font-size: 30px;
    color: #333;
    text-align: center;
    margin-top: 30px;
    position: relative;
}

    .contact-header:before {
        content: "\f107";
        color: #c41b1c;
        position: absolute;
        display: inline-block;
        left: 50%;
        top: 23px;
        bottom: 79px;
        font-size: 44px !important;
        font: normal normal normal 14px/1 Font Awesome 5 Pro;
    }

.contact-box-ul li {
    margin-bottom: 14px;
}

.contact-box {
    background: #ebebeb;
    font-size: 14px;
    padding: 7px;
    border-radius: 5px;
}

#map {
    background: #ebebeb;
    min-height: 200px;
}

.send-ticket-header h2 {
    border-bottom: 1px solid #333;
    padding-bottom: 10px;
}

.form-back {
    background: url(/portal/images/contactus/form-back.png);
    background-size: cover;
}

.contact-form input {
    background: #ebebeb;
    border: 1px solid #ddd;
    border-radius: 5px;
    width: 100%;
    height: 39px;
}

.contactus select {
    background: #ebebeb;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.contact-label label:after {
    content: "";
    width: 88%;
    height: 1px;
    position: absolute;
    top: 15px;
    left: 12px;
    background: #bebaba;
}

.btn-contact-add {
    background: #c41b1c;
    padding: 8px 15px;
    border-radius: 3px;
    color: #fff;
    border: 0;
}

.sticky {
    z-index: 1;
    left: 0;
    top: 0px;
    position: fixed;
    vertical-align: middle;
    width: 100%;
}

.main-content {
    position: relative;
    z-index: 2;
    background: #fff;
    left: 0;
    margin-top: 100vh;
}

.clockdiv {
    color: #fff;
    text-align: center;
    direction: ltr;
    font-size: 30px;
}

    .clockdiv > div {
        display: inline-block;
    }

    .clockdiv div > span {
        display: inline-block;
    }

.smalltext {
    font-size: 16px;
}

.border-vertical {
    content: "";
    width: 1px;
    height: 46px;
    background-color: #bcbaba;
    margin: 10px;
}

.SelectTypeOfAdvisor {
    background-color: #e1e1e1;
    padding: 22px 132px;
    box-shadow: 2px 0 4px 3px #ddd;
    text-align: center;
    position: relative;
    font-size: 19px;
    margin-top: 3px;
}

.p-consultant {
    padding: 0px 115px;
}

.class-day {
    text-align: center;
    font-size: 20px;
}

.class-date {
    text-align: center;
}

.border-vertical-class {
    content: "";
    width: 1px;
    height: 46px;
    background-color: #bcbaba;
    margin-right: -1px;
}

.select-datetime {
    font-size: 19px;
    padding-bottom: 34px;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: #c41b1c !important;
    color: #fff;
    border: 1px solid #333;
}

.class-time {
    border: 1px solid #333;
    padding: 12px 6px;
    text-align: center;
    border-radius: 5px;
    font-size: 17px;
    margin-bottom: 6px;
    color: #515050;
    cursor: pointer;
    position: relative
}

    .class-time:hover {
        border: 1px solid #c41b1c;
        color: #fff;
        background-color: #c41b1c
    }

    .class-time.active {
        color: #f8f9fa;
        border: 1px solid #c41b1c;
        background-color: #c41b1c
    }

    .class-time.disabled {
        border-color: #ddd !important;
        color: #999 !important;
        cursor: not-allowed;
        background-color: #fff !important;
        pointer-events: none
    }

.class-time-expire {
    border-color: #ddd !important;
    text-decoration-color: #c41b1c !important;
    text-decoration: line-through;
    color: #999 !important;
    cursor: not-allowed;
    background-color: #fff !important
}

/*.datepicker3 {
    margin-top: 60%;
}*/

.mgb20 {
    margin-bottom: 20px;
}

.mgbform20 {
    margin-bottom: 20px;
}

.mobile-time-drop, .mobile-day-drop {
    background: #c41b1c;
    color: #fff;
    padding: 8px 30px;
    text-align: center;
    display: block;
    margin-top: 18px;
    border-radius: 5px;
}

.choose-time {
    margin: 16px;
}

.mobile-time-drop:hover, .mobile-day-drop:hover {
    color: #fff;
}

.familiar-type {
    border: 1px solid #ccc;
    padding: 3px 11px;
    width: 100%;
    border-radius: 4px;
    margin: 0 16px;
    line-height: 2;
    margin-top: -14px !important;
}

.header-text-private {
    position: absolute;
    z-index: 99;
    top: 175px;
    left: 0;
    right: 96px;
    margin-left: auto;
    margin-right: auto;
}

    .header-text-private h1 {
        color: #353535 !important;
        font-size: 37px;
        font-weight: bold;
        display: contents;
        text-align: right;
        letter-spacing: 3px;
    }

.private-text {
    font-size: 16px;
    text-align: justify;
    color: #353535 !important;
}

.sabt-btn {
    background: #c41b1c;
    padding: 6px 30px;
    border-radius: 5px;
    color: #fff;
    margin: 0 auto;
    text-align: center;
    display: block;
    width: 132px;
    margin-bottom: 17px;
    font-weight: bold;
}

    .sabt-btn:hover {
        color: #fff;
    }

.add-back-private {
    background: #ddd;
    padding: 15px;
    overflow: hidden;
    left: 0;
    height: 72px;
    transition: height 0.5s ease-in-out;
    z-index: 100;
    right: 0;
    bottom: 25px;
    position: absolute;
    display: block;
    box-shadow: 0 0 6px 6px #c1c0c0;
}

.slidedown {
    height: 200px;
    overflow-y: hidden;
    -webkit-transition: height 0.5s ease-in-out;
    -moz-transition: height 0.5s ease-in-out;
    -o-transition: height 0.5s ease-in-out;
    transition: height 0.5s ease-in-out;
}

.sabt-btn a:hover {
    color: #fff;
}

#card-group {
    top: 0;
    left: 0;
    display: grid;
    grid-auto-flow: row dense;
    grid-auto-columns: auto;
    grid-auto-rows: auto;
    justify-content: center;
    grid-gap: .5em;
    padding: 1em 0;
}

    #card-group .card {
        background: #fff;
        display: flex;
        flex-direction: column;
        align-items: center;
        border: 1px solid #ccc;
        cursor: pointer;
        transition: hover 0.35s;
    }

        #card-group .card:hover {
            width: 628px;
            transition: .25s;
            grid-column: span 2;
            grid-row: span 2;
        }

            #card-group .card:hover img {
                height: 500px;
            }

            #card-group .card:hover p {
                height: 15em;
            }

        #card-group .card h2 {
            width: 100%;
            padding-left: .8em;
            font-size: 1.2rem;
            color: #002c5f;
        }

        #card-group .card img {
            height: 250px;
            width: 95%;
            display: flex;
            align-items: center;
            padding-top: .6em;
        }

        #card-group .card p {
            font-size: .9rem;
            padding: 0 1em;
            margin: 0;
            overflow: hidden;
            width: 100%;
            height: 4em;
            word-wrap: break-word;
        }

        #card-group .card a {
            width: 100%;
            padding-left: 1em;
            padding-top: 1em;
            color: #73A580;
        }

            #card-group .card a:hover {
                color: #0f82ff;
            }

.book, .naqd, .naqd-img, .book-img {
    position: relative;
}

.book-text, .movie-text {
    position: absolute;
    top: 0;
    left: 0;
}

.naqd-height {
    height: 300px !important;
}

.naqd-margin {
    margin: 0px !important;
}

.naqd-shadow {
    border-radius: 0 0 0 30px;
}

.naqd-text {
    position: absolute;
    top: 0;
    left: 0;
}

.contactus select {
    padding: 0.5em 3.5em 0.5em 1em;
    -webkit-appearance: none;
    -moz-appearance: none;
}

    .contactus select.arrows {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAA3klEQVRIS+3VMU9CMRTF8d8zBL+aizoQFhx0kUk33RzdYMNFXUFnYeGrYYyaJiUxJHDLSxodbNKpfeffc9/pbaPyaCrr+3OA++z4rtT5Pg5GuMnCY9yWQEoBE1xhlUUP8YDrCBIB0vojLvGO0yz4hm4JJAKcYYoPHGOZAUdYoIMBXrc5iQAHeMlzviFygj7O8dkWEJU4XI8chALRhn9AVKHf70VRTHu4wFfbmKZLNKt50dLBnna0imcMd/2I0phWa3Y/D1e1Xa9BCZJG0VuQNpaWKMx72xS1Fl5/WN3BN+AgJhnZQlq4AAAAAElFTkSuQmCC');
        background-position: calc(100% - .5rem), 100% 0;
        background-size: 1.5em 1.5em;
        background-repeat: no-repeat;
        width: 191px;
    }

        .contactus select.arrows:focus {
            border-color: blue;
            outline: 0;
        }

.file-input {
    height: 100%;
    left: 0;
    opacity: 0;
    outline: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.file-icon {
    align-items: center;
    display: flex;
    height: 1em;
    justify-content: center;
    margin-right: .5em;
    width: 1em;
}

.file-label {
    align-items: stretch;
    display: flex;
    cursor: pointer;
    justify-content: flex-start;
    overflow: hidden;
    position: relative;
}

#map-section {
    background: url(/portal/images/contactus/map-back.png) bottom;
    padding-bottom: 62px;
    background-repeat: no-repeat;
    margin-top: 50px;
}

#InstagrambgRed .owl-carousel .owl-item img {
    min-height: 270px;
}

#InstagrambgRed .owl-prev, #InstagrambgRed .owl-next {
    display: none;
}

@media screen and (max-width:992px) {
    #InstagrambgRed .owl-prev, #InstagrambgRed .owl-next {
        display: block;
    }
}

.contactclip {
    background: #686868;
    color: #fff;
    font-size: 20px;
    text-align: center;
}

.contact-fileupload:after {
    background: transparent !important;
}

.contact-form .custom-file-label {
    background-color: #ebebeb !important;
}

#coursegroup {
    background: #fff !important;
}

.speaking-header {
    position: absolute;
    top: 25%;
    line-height: 7;
    padding: 15px;
    color: #fff;
    right: 25%;
    text-align: center;
    background: rgba(0, 0, 0, 0.2);
}

    .speaking-header h2 {
        font-size: 59px;
        letter-spacing: 2px;
        font-weight: 200;
    }

    .speaking-header h4 {
        font-size: 44px;
        font-weight: 400;
    }

    .speaking-header h3 {
        font-size: 65px;
        font-weight: bold;
        letter-spacing: 2px;
    }

.speaking-writing-back {
    position: relative;
}

.speaking-statistics {
    padding: 32px 119px 4px 170px !important;
}

    .speaking-statistics h3 {
        font-size: 33px;
        font-weight: bold;
    }

    .speaking-statistics p {
        font-size: 18px;
    }

.speaking-writing-text p {
    text-align: justify;
}

.bl1 {
    border-left: 1px solid;
}

.speaking-dot {
    float: right;
}

    .speaking-dot:before {
        content: "..........";
        position: absolute;
        display: inline-block;
        letter-spacing: 2px;
        top: 113px;
        color: #c41b1c;
        transform: rotate(-90deg);
        right: 14%;
    }

.spaeking-end-image:before {
    content: "......................................" !important;
    left: 95px !important;
}

.diagram-speaking-text {
    font-size: 20px;
    font-weight: bold;
    margin-top: 31px;
    text-align: left;
}

.mgt67 {
    margin-top: 67px;
}

.mgt50 {
    margin-top: 50px;
}

.package-speaking-writing {
    background: #ddd;
}

    .package-speaking-writing h2 {
        padding-top: 30px;
        text-align: center;
    }

.card-btn {
    background: #c4161c;
    color: #fff;
    margin: 0 auto;
    padding: 5px 10px;
    border-radius: 11px;
    font-size: 15px;
}

    .card-btn:hover {
        color: #fff;
    }

.speaking-analyse-box {
    box-shadow: 0 0 2px 2px #ddd;
    background: #f8f8f8;
    border-radius: 40px;
    min-height: 500px;
    text-align: center;
    position: relative;
    margin: 0;
}

.speaking-analyse-box-head {
    background: #c41b1c;
    color: #fff;
    text-align: center;
    font-size: 62px;
    border-radius: 40px 40px 0px 0;
    padding-bottom: 31px;
}

    .speaking-analyse-box-head h3 {
        font-size: 36px;
        padding-top: 14px;
    }

.speaking-list {
    text-align: right;
    margin-top: 32px;
    color: #5f5e5e;
    line-height: 2.2;
}

.speaking-price {
    font-size: 59px;
    text-align: center;
    color: #c4161c;
}

.speaking-register {
    background: #c4161c;
    color: #fff;
    margin: 0 auto;
    padding: 0px 28px;
    border-radius: 11px;
    font-size: 23px;
}

    .speaking-register:hover {
        color: #fff;
    }

.speaking-register-top {
    color: #c4161c;
    border: 2px solid #c4161c;
    padding: 0px 28px;
    border-radius: 11px;
    font-size: 23px;
    margin: 0 auto;
}

    .speaking-register-top:hover {
        color: #c4161c;
    }

.speaking-analyse-content {
    padding: 25px 0;
}

.speaking-analyse-content {
    padding: 19px 0;
    position: absolute;
    border-radius: 40px;
    margin-top: -31px;
    background: #f8f8f8;
    width: -webkit-fill-available;
    width: 100%
}

.mgt150 {
    margin-top: 150px;
}

.speaking-box-head-h3:before {
    position: absolute;
    content: '';
    width: 184px;
    right: 0 auto;
    background-color: #afafaf;
    top: 68px;
    height: 1px;
}

.speaking-analyse-box-top {
    box-shadow: 0 0 4px 6px #d4d4d4;
    background: #f2f2f2;
    border-radius: 40px 0 40px 40px;
    text-align: center;
    min-height: 506px;
}

.speaking-box-head h3 {
    color: #afafaf;
    font-size: 40px;
    font-weight: 300;
    letter-spacing: 2px;
}

.speaking-list-top {
    text-align: right;
    margin-top: 32px;
    font-size: 15px;
    color: #5f5e5e;
    line-height: 2.2;
    margin-right: -25px !important;
}

.speaking-box-head {
    padding: 19px 2px 0;
}

.speaking-analyse-content-top {
    margin-top: -31px;
}

.except-speaking-box {
    z-index: 9;
    background: #fefefe;
    min-height: 530px;
    border-radius: 0 0 40px 40px;
}

.except-speaking-box-radius {
    border-radius: 0 40px 40px 40px;
}

.speaking-box-header {
    background: #c4161c;
    color: #fff;
    font-size: 37px;
    width: fit-content;
    margin: 0 auto;
    padding: 10px 65px;
    z-index: 999999;
    position: relative;
    border-radius: 40px 40px 0 0;
    font-weight: 500;
    text-align: center;
}

.pb150 {
    padding-bottom: 150px;
}

.home-404 {
    color: red;
}

.home-404-button {
    background: #c4161c;
    color: #fff;
    padding: 10px 20px;
    font-size: 25px;
    border-radius: 10px;
}

    .home-404-button:hover {
        color: #fff;
    }

.Error-404 {
    background: #ebebeb;
    padding-top: 115px;
}

.error h1 {
    color: #333;
    font-weight: bold;
    font-size: 130px;
    margin: 0 auto;
    text-align: center;
}

.error {
    text-align: center;
    display: block;
    position: relative;
    direction: ltr;
    padding-bottom: 80px;
}

    .error p {
        font-size: 44px;
    }

.error-text {
    color: #696868;
    font-size: 32px !important;
}

.error h2 {
    font-size: 36px;
    color: #696868;
    margin-bottom: 26px;
}

.hvr-float-immigration:hover h3 {
    color: transparent;
}

.urlImgReserve:hover h3 {
    color: #fff !important;
}

.urlImgGermany:hover {
    background: url(/portal/images/germany.png) center !important;
    background-repeat: no-repeat;
    background-size: cover;
}

.urlImgCanada:hover {
    background: url(/portal/images/canada.png) center !important;
    background-repeat: no-repeat;
    background-size: cover !important;
}

.urlImgReserve:hover {
    background-color: #c4161c;
    /*background: url(/portal/images/reserv.png) center !important;
    background-repeat: no-repeat;
    background-size: cover !important;*/
}

.urlImgUsa:hover {
    background: url(/portal/images/usa.png) center !important;
    background-repeat: no-repeat;
    background-size: cover !important;
}

.urlImgAustralia:hover {
    background: url(/portal/images/australia.png) center !important;
    background-repeat: no-repeat;
    background-size: cover !important;
}

.urlImgItaly:hover {
    background: url(/portal/images/italy.png) center !important;
    background-repeat: no-repeat;
    background-size: cover !important;
}

.urlImgFrench:hover {
    background: url(/portal/images/french.png) center !important;
    background-repeat: no-repeat;
    background-size: cover !important;
}

.urlImgSweden:hover {
    background: url(/portal/images/sweden.png) center !important;
    background-repeat: no-repeat;
    background-size: cover !important;
}

.urlImgTurkey:hover {
    background: url(/portal/images/turkey.png) center !important;
    background-repeat: no-repeat;
    background-size: cover !important;
}

.urlImgUk:hover {
    background: url(/portal/images/uk.png) center !important;
    background-repeat: no-repeat;
    background-size: cover !important;
}

.urlImgNetherland:hover {
    background: url(/portal/images/netherland.png) center !important;
    background-repeat: no-repeat;
    background-size: cover !important;
}

.immigration-sec {
    position: relative;
}

.crooked-box {
    position: absolute;
    top: 25%;
    left: 7%;
    color: #fff;
    z-index: 22222222;
}

crooked-box:after {
    top: 0;
    right: -32px;
    width: 0;
    height: 0;
    content: "";
    position: absolute;
    border-style: solid;
    border-width: 0 32px 84px 32px;
    border-color: transparent transparent #43b14b transparent;
}

.crooked-box-Germany {
    color: black;
    position: absolute;
    top: 8%;
    right: 7%;
    z-index: 22222222;
}

.crooked-box-canada {
    color: #fff;
    position: absolute;
    top: 15%;
    right: 7%;
    z-index: 22222222;
}

    .crooked-box-canada h3 {
        font-size: 22px;
    }

.crooked-box-germany-inside-right h3 {
    font-size: 22px;
}

.crooked-box-consultant .fs78 {
    font-size: 78px !important;
}

.crooked-box-consultant {
    top: 15%;
}

.crooked-box h2, .crooked-box-Germany h2, .crooked-box-canada h2, .crooked-box-germany-inside-right h2, .crooked-box-germany-inside h2 {
    font-size: 65px;
    letter-spacing: 2px;
    font-weight: bold;
}

.germany-immigraionPage {
    position: relative;
    min-height: 500px;
    overflow: hidden;
    margin-top: -103px;
    background-position: center;
}

.canada-immigraionPage {
    position: relative;
    background-position: center;
    min-height: 600px;
    overflow: hidden;
    background-size: cover;
}

.fsz32 {
    font-size: 31px !important;
}

.fsz43 {
    font-size: 43px !important;
}

.background-country {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    float: left;
    min-height: 500px;
    z-index: 0;
}

    .background-country:before {
        content: "";
        border-bottom: 801px solid transparent;
        border-left: 607px solid #f40204;
        position: absolute;
        display: block;
        width: 100%;
        z-index: 1;
    }

    .background-country:after {
        content: "";
        border-bottom: 982px solid transparent;
        border-left: 745px solid #af1b04b0;
        position: absolute;
        display: block;
        width: 100%;
        z-index: 0;
    }

.background-country-germany-inside {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    float: left;
    min-height: 500px;
    z-index: 0;
}

    .background-country-germany-inside:before {
        content: "";
        border-bottom: 801px solid transparent;
        border-left: 607px solid #f7d80c;
        position: absolute;
        display: block;
        width: 100%;
        z-index: 1;
    }

    .background-country-germany-inside:after {
        content: "";
        border-bottom: 1004px solid transparent;
        border-left: 767px solid #af1b04b0;
        position: absolute;
        display: block;
        width: 100%;
        z-index: 0;
    }

.crooked-box-germany-inside {
    position: absolute;
    top: 8%;
    left: 4%;
    color: #333;
    z-index: 22222222;
}

.trapezius {
    width: 131px;
    padding: 10px 20px 10px 10px;
    font-size: 20px;
    position: relative;
    color: #FFF;
    background: #ed2303;
}

.trapezius-germany {
    width: 131px;
    padding: 10px 20px 10px 10px;
    font-size: 20px;
    position: relative;
    color: #333;
    background: #ffd90a;
}

.trapezius:before {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
    background: #FF0000;
    transform-origin: bottom right;
    -ms-transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-30deg, 0deg);
    transform: skew(30deg, 0deg);
}

.trapezius-germany:before {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
    background: #f7d80c;
    transform-origin: bottom right;
    -ms-transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-30deg, 0deg);
    transform: skew(30deg, 0deg);
}

.trapezius:after, .trapezius-germany:after {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -2;
    background: #af1b04b0;
    transform-origin: bottom right;
    -ms-transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-30deg, 0deg);
    transform: skew(31deg, 0deg);
    width: 157px;
}

.trapezius h3 {
    font-size: 25px;
}

.background-country-germany {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    float: right;
    min-height: 550px;
    z-index: 0;
}

    .background-country-germany:before {
        content: "";
        border-bottom: 907px solid transparent;
        border-right: 654px solid #ffd90a;
        position: absolute;
        display: block;
        width: 100%;
        z-index: 1;
    }

    .background-country-germany:after {
        content: "";
        border-bottom: 1098px solid transparent;
        border-right: 804px solid #af1b04b0;
        position: absolute;
        display: block;
        width: 100%;
        z-index: 0;
    }

.background-country-canada {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    float: right;
    min-height: 550px;
    z-index: 0;
}

    .background-country-canada:before {
        content: "";
        border-bottom: 801px solid transparent;
        border-right: 607px solid #f40204;
        position: absolute;
        display: block;
        width: 100%;
        z-index: 1;
    }

    .background-country-canada:after {
        content: "";
        border-bottom: 1004px solid transparent;
        border-right: 767px solid #af1b04b0;
        position: absolute;
        display: block;
        width: 100%;
        z-index: 0;
    }

.background-country-germany-inside-right {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    float: right;
    min-height: 550px;
    z-index: 0;
}

    .background-country-germany-inside-right:before {
        content: "";
        border-bottom: 801px solid transparent;
        border-right: 607px solid #f6d70d;
        position: absolute;
        display: block;
        width: 100%;
        z-index: 1;
    }

    .background-country-germany-inside-right:after {
        content: "";
        border-bottom: 1004px solid transparent;
        border-right: 767px solid #af1b04b0;
        position: absolute;
        display: block;
        width: 100%;
        z-index: 0;
    }

.crooked-box-germany-inside-right {
    color: #333;
    position: absolute;
    top: 9%;
    right: 4%;
    z-index: 22222222;
}

.fs74 {
    font-size: 74px !important;
}

.mgt128 {
    margin-top: -128px;
}

.icon-immigration {
    font-size: 50px;
    margin-top: -88px;
}

.icon-immigration-germany {
    font-size: 66px;
    margin-top: -123px;
    margin-left: -50px;
    float: left;
}

.icon-immigration-canada {
    font-size: 66px;
    margin-top: -76px;
    margin-right: 0;
    float: left;
    margin-left: 81px;
}

.icon-immigration-down {
    font-size: 66px;
    margin-top: 0;
    float: left;
    text-align: center;
    margin: 0 auto;
    display: block;
    margin-left: 64px;
}

.box-canada-shadow {
    box-shadow: 0 0 8px 0px #8a8a8aa3;
    padding: 20px;
    background: #fff;
    border-radius: 7px;
    direction: ltr;
    margin: 14px;
    margin-top: 46px;
    min-height: 343px;
}

.box-shadow-side {
    box-shadow: 0 0 8px 0px #464646 !important;
}

#introduce-university {
    background: #fff;
}

.swiper-container-university .swiper-button-next, .swiper-container-university .swiper-button-prev {
    background: #212121cf !important;
    border-radius: 50%;
}

.swiper-container-university .swiper-button-next {
    left: -5px;
}

.swiper-container-university .swiper-button-prev {
    right: -20px;
}

.swiper-container-university .swiper-button-next:after {
    margin-right: -7px;
}

.swiper-container-university .swiper-button-prev:after {
    margin-left: -7px;
}

.swiper-button-prev, .swiper-button-next {
    width: 40px;
    height: 40px;
}

.swiper-container-commnet {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

    .swiper-container-commnet .swiper-button-next {
        right: 0 !important;
    }

@media screen and (max-width:992px) {
    .mgbform20 {
        margin-bottom: 0;
    }

    #privateForm input {
        margin-bottom: 10px;
    }

    .mr10 {
        margin-right: 0 !important;
    }

    #formOwl {
        display: none;
    }

    .familiar-type {
        margin-top: 0 !important;
    }

    .mr19 {
        margin-right: 19px;
    }

    .footerTitle {
        font-size: 20px;
    }

    .introduce-big-box p {
        margin: 22px 13px;
        padding: 12px;
    }

    .article-title {
        font-size: 21px;
        line-height: 1.5;
    }

    #Article h2 {
        font-size: 27px;
    }

    .mgb12 span {
        font-size: 18px;
    }
}

.box-canada-shadow p {
    color: #949494;
    font-size: 15px;
}

.box-canada-shadow h3 {
    font-size: 20px;
    color: #333;
}

.introduce-image-box {
    position: relative;
    direction: ltr;
    text-align: left;
    cursor: pointer;
}

.intoduce-box-text {
    position: absolute;
    bottom: 7px;
    left: 41px;
    color: #fff;
    text-align: left;
}

.introduce-big-box p {
    text-align: justify;
    font-size: 15px;
    line-height: 2;
    margin: 22px 40px;
    direction: rtl;
}

.introduce-box-text-p {
    padding: 0 40px;
    max-height: 590px;
    overflow: auto;
}

.bxshadow {
    box-shadow: 0px 5px 10px 3px #ccc;
}

.bxshadow-uni {
    box-shadow: 8px 4px 12px 3px #ccc;
}

.zindexUniBig {
    z-index: 10;
}

.zindexUniSmall {
    z-index: 2;
    overflow: hidden;
}

#universityOwl {
    direction: ltr;
}

    #universityOwl button {
        border: 0;
        background-color: transparent;
    }

    #universityOwl .owl-nav {
        display: none;
    }

@media screen and (max-width:992px) {
    #universityOwl .owl-nav {
        display: block;
    }
}

.swiper-slide {
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.swiper-container-scroll {
    width: 100%;
    height: 100%;
}

.mainContainer {
    margin: 0 auto;
}

    .mainContainer ul {
        padding: 0 10px;
        margin: 0;
    }

        .mainContainer ul li {
            list-style: none;
            padding: 0;
            margin: 0;
        }

#Introduce-country {
    min-height: 300px;
}

    #Introduce-country ul.accordion {
        list-style-type: none;
        position: relative;
        top: 150px;
        font-family: "roboto", sans-serif;
        font-size: 16px;
        font-style: italic;
        line-height: 1.5em;
    }

        #Introduce-country ul.accordion li {
            float: left;
            width: 115px;
            height: 480px;
            display: block;
            border-right: 2px solid #fff;
            border-bottom: 2px solid #fff;
            background: #fff;
            background-repeat: no-repeat;
            background-position: center center;
            position: relative;
            overflow: hidden;
            cursor: pointer;
            -webkit-box-shadow: 1px 3px 5px #555;
            -moz-box-shadow: 1px 3px 5px #555;
            box-shadow: 1px 3px 5px #555;
        }

            #Introduce-country ul.accordion li.bg1 {
                background-image: url("http://lorempixel.com/1280/800/city");
            }

            #Introduce-country ul.accordion li.bg2 {
                background-image: url("http://lorempixel.com/1280/800/cats");
            }

            #Introduce-country ul.accordion li.bg3 {
                background-image: url("http://lorempixel.com/1280/800/abstract");
            }

            #Introduce-country ul.accordion li.bg4 {
                background-image: url("http://lorempixel.com/1280/800/nightlife");
            }

            #Introduce-country ul.accordion li.bleft {
                border-left: 2px solid #fff;
            }

            #Introduce-country ul.accordion li .heading {
                background: #fff;
                padding: 10px;
                margin-top: 60px;
                opacity: 0.9;
                text-transform: uppercase;
                font-weight: bold;
                letter-spacing: 1px;
                font-size: 14px;
                color: #444;
                text-align: center;
                text-shadow: -1px -1px 1px #ccc;
            }

            #Introduce-country ul.accordion li .description {
                position: absolute;
                width: 480px;
                height: 175px;
                bottom: 0;
                left: 0;
                display: none;
            }

                #Introduce-country ul.accordion li .description h2 {
                    text-transform: uppercase;
                    font-style: normal;
                    font-weight: bold;
                    letter-spacing: 1px;
                    font-size: 45px;
                    color: #444;
                    text-align: left;
                    margin: 0 0 15px 20px;
                    text-shadow: -1px -1px 1px #ccc;
                }

                #Introduce-country ul.accordion li .description p {
                    line-height: 14px;
                    margin: 10px 22px;
                    font-family: "roboto", sans-serif;
                    font-size: 12px;
                    font-style: italic;
                    font-weight: normal;
                    text-transform: none;
                    letter-spacing: normal;
                    line-height: 1.6em;
                }

                #Introduce-country ul.accordion li .description a {
                    position: absolute;
                    bottom: 5px;
                    left: 20px;
                    text-transform: uppercase;
                    font-style: normal;
                    font-size: 11px;
                    text-decoration: none;
                    color: #888;
                }

                    #Introduce-country ul.accordion li .description a:hover {
                        color: #333;
                        text-decoration: underline;
                    }

            #Introduce-country ul.accordion li .bgDescription {
                background: linear-gradient(0deg, #fff 40%, rgba(255,255,255,0));
                height: 340px;
                position: absolute;
                bottom: 0px;
                left: 0px;
                width: 100%;
                display: none;
            }

.flex-immigration-container {
    /*display: flex;
    flex-direction: row;
    flex-wrap: wrap;*/
    text-align: center;
    position: relative;
    top: -80%;
    margin: 0 auto;
    /*display: block;*/
    direction: ltr;
}

    /*.flex-immigration-container > div a {
        text-decoration: none !important;
    }*/

    .flex-immigration-container > div > div.urlImgReserve {
        /*display: inline-block;*/
    }

.hvr-float-immigration {
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.53);
    list-style-type: none;
    /*flex: 1;*/
    /*margin: 11px;*/
    text-align: center;
    line-height: 102px;
    margin-bottom: 0;
    transition: all 0.2s;
    text-align: center;
    padding: 30px;
    width: 100%;
}

.mgb62 {
    margin-bottom: 62px;
}

#formOwl {
    direction: ltr;
}

    #formOwl img {
        border-radius: 0 10px 10px 0;
    }

    #formOwl .owl-nav {
        display: none;
    }

.mr10 {
    margin-right: 10%;
}

.immigration-form-text {
    font-size: 16px;
    text-align: justify;
    color: #fff;
}

.header-immigration-form-text {
    position: absolute;
    z-index: 99;
    top: 175px;
    left: 0;
    right: 96px;
    margin-left: auto;
    margin-right: auto;
}

    .header-immigration-form-text h1 {
        color: #fff;
        font-size: 37px;
        font-weight: bold;
        display: contents;
        text-align: right;
        letter-spacing: 3px;
    }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-widget-content {
    background: #E6E6E6 !important;
}

    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
        background: #c41b1c !important;
    }

.mgt90 {
    margin-top: 90px;
}

#ielts-news {
    background: #fff;
}

.cooperate-text {
    direction: rtl;
    margin-top: 134px;
    text-align: justify;
}

    .cooperate-text h1 {
        font-size: 52px;
    }

.cooperate-text-inside {
    direction: rtl;
    margin-top: 60px;
    text-align: justify;
}

.cooperate-text-img {
    padding: 0 35px;
}

#companyContract h2 {
    letter-spacing: 2px;
}

#CompanyOwl {
    direction: ltr;
}

#VideoCompany, #textCompany {
    background: #EBEBEB;
    padding: 50px;
}

.default-course {
    background-color: rgba(0, 0, 0, 0.53);
    list-style-type: none;
    flex: 1;
    margin: 4px;
    text-align: center;
    line-height: 75px;
    margin-bottom: 0;
    transition: all 0.2s;
}

.default-course-mobile {
    text-align: center;
    transition: all 0.2s;
    width: 100%;
    min-height: 136px;
    padding: 5px;
    box-shadow: 0 0 2px 3px #ddd;
    margin-bottom: 10px;
    position: relative;
}

.default-course-mobile-content {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

.default-course-mobile h3 {
    color: #333;
    margin-top: 10px;
}

.default-course a, .default-course-mobile a {
    color: #fff;
}

    .default-course-mobile a i {
        font-size: 48px;
        color: #c41b1c;
    }

#mobile-box {
    padding: 10px;
}

.owl-theme .owl-nav .disabled {
    opacity: 1;
}

.btn-register-course {
    background: #c41b1c;
    color: #fff;
    padding: 4px 17px;
    border-radius: 4px;
}

.cooperate-head-img img {
    padding: 50px;
    margin-top: 63px;
}

.self-text {
    text-align: left;
    direction: ltr;
    margin-top: 125px;
    margin-left: 111px;
}

    .self-text h1 {
        font-weight: normal;
        letter-spacing: 2px;
        font-size: 41px;
    }

    .self-text h2 {
        font-size: 70px;
    }

    .self-text h3 {
        text-transform: uppercase;
    }

    .self-text p {
        color: #787676;
    }

#selfstudy {
    background: #ebebeb;
}

.study-filter {
    background: #fff;
    box-shadow: 0 0 3px 2px #ddd;
    margin: 98px 89px;
    padding: 15px;
    text-align: left;
}

.multiselect h3 {
    color: #c41b1c;
    font-size: 20px;
}

#selfstudyOwl .owl-nav {
    display: none;
}

#selfstudyCourse {
    background: #ebebeb;
    padding-bottom: 24px;
}

.downIcon {
    font-size: 30px;
    color: #c41b1c;
    margin-top: 0;
    font-weight: bold;
    display: flex;
    margin-top: -33px;
    margin-bottom: 18px;
}

.bgBlackStudy {
    background: #333;
    margin: 80px;
    border-radius: 5px;
    position: relative;
}

.selfstudy-checkbox input[type=checkbox] {
    float: right;
}

.multiselect {
    border-bottom: 1px solid #ddd;
    margin-bottom: 13px;
    padding-bottom: 10px;
}

.study-serach {
    position: relative;
}

    .study-serach .icon {
        left: 21px !important;
    }

.mock-filter {
    box-shadow: 0 0 3px 3px #ddd;
    padding: 10px;
    margin: 13px 53px;
    min-height: 300px;
    width: 95%;
    margin: 0;
    padding: 0;
}

.majul-filter {
    position: relative;
    display: contents;
}

.majul {
    border: 1px solid #9f9f9f;
    border-radius: 5px;
    margin: 10px;
    background: #eee;
    padding-top: 9px;
    padding-bottom: 0;
}

.majul-side {
    background: #c41b1c;
    color: #fff;
    font-size: 16px;
    border-radius: 0px 7px 7px 0;
    height: 152px;
    display: inline-block;
    padding: 0;
    width: 5%;
    z-index: 1;
    margin-top: 107px;
}

    .majul-side p {
        writing-mode: vertical-rl;
        text-orientation: mixed;
        text-align: center;
        padding: 7px;
        margin: 9px;
    }

.factor-box {
    border-radius: 5px;
    padding: 11px;
    margin: 3px;
    box-shadow: -1px 0px 11px 3px #ddd;
}

    .factor-box span {
        font-size: 18px;
    }

.majul p, fsz18 {
    font-size: 18px;
}

.select-test {
    width: 100%;
    padding: 13px;
    padding-top: 0;
}

.w-121 {
    width: 121px;
}

.mockTime {
    color: #c4161c !important;
    font-weight: 100;
    font-size: 84px;
}

.private-majul {
    margin-top: 3px;
}

.register-mock {
    background: #3ddf53;
    color: #fff;
    font-size: 17px;
    border-radius: 4px;
    padding: 7px 18px;
}

.register {
    margin: 15px 10px;
    float: left;
}

.border-vertical-mock {
    content: "";
    width: 1px;
    height: 88px;
    background-color: #636363;
    margin: 10px;
}

.mockText {
    color: #a3a3a3;
    font-size: 22px;
}

.downIcon-study {
    font-size: 80px;
    color: #c41b1c;
    text-align: center;
}

@media (max-width:767px) {
    .nav-tabs.nav-tabs-dropdown,
    .nav-tabs-dropdown {
        border: 1px solid #dddddd;
        border-radius: 5px;
        overflow: hidden;
        position: relative;
    }

        .nav-tabs.nav-tabs-dropdown::after,
        .nav-tabs-dropdown::after {
            content: "☰";
            position: absolute;
            top: 8px;
            right: 15px;
            z-index: 2;
            pointer-events: none;
        }

        .nav-tabs.nav-tabs-dropdown.open a,
        .nav-tabs-dropdown.open a {
            position: relative;
            display: block;
            text-align: center;
            padding: 8px;
            border-bottom: 1px solid #ddd;
            color: #464141;
            font-size: 17px;
        }

        .nav-tabs.nav-tabs-dropdown.open > li.active > a,
        .nav-tabs-dropdown.open > li.active > a {
            background-color: #eeeeee;
        }

        .nav-tabs.nav-tabs-dropdown li,
        .nav-tabs-dropdown li {
            display: block;
            padding: 0;
            text-align: center;
            vertical-align: bottom;
        }

        .nav-tabs.nav-tabs-dropdown > li > a,
        .nav-tabs-dropdown > li > a {
            position: absolute;
            top: 0;
            left: 0;
            margin: 0;
            width: 100%;
            height: 100%;
            display: inline-block;
            border-color: transparent;
        }

            .nav-tabs.nav-tabs-dropdown > li > a:focus,
            .nav-tabs-dropdown > li > a:focus,
            .nav-tabs.nav-tabs-dropdown > li > a:hover,
            .nav-tabs-dropdown > li > a:hover,
            .nav-tabs.nav-tabs-dropdown > li > a:active,
            .nav-tabs-dropdown > li > a:active {
                border-color: transparent;
            }

        .nav-tabs.nav-tabs-dropdown > li.active > a,
        .nav-tabs-dropdown > li.active > a {
            display: block;
            border-color: transparent;
            position: relative;
            z-index: 1;
            background: #f8f8f8;
            padding: 9px 7px 6px;
            color: #2f2c2c;
        }

            .nav-tabs.nav-tabs-dropdown > li.active > a:focus,
            .nav-tabs-dropdown > li.active > a:focus,
            .nav-tabs.nav-tabs-dropdown > li.active > a:hover,
            .nav-tabs-dropdown > li.active > a:hover,
            .nav-tabs.nav-tabs-dropdown > li.active > a:active,
            .nav-tabs-dropdown > li.active > a:active {
                border-color: transparent;
            }
}

@media (max-width:1024px) {
    .eventBgRed {
        padding: 1px 8px 1px;
    }

    h3 {
        font-size: 1.25rem;
    }

    .eventBgText {
        font-size: 14px;
    }

    .txtSearch {
        font-size: 17px;
    }
}

@media (max-width:576px) {
    .eventBgRed {
        padding: 1px 23px 1px;
    }

    .headerPhoneMenuIcon > span > i, .headerMenuIcon > i {
        font-size: 20px;
    }

    .into-library {
        padding: 4px 11px;
        font-size: 18px;
    }
}

@media (max-width:768px) {
    .eventBgText {
        height: 90px;
        padding: 9px 30px 9px 9px;
    }

    .into-library {
        font-size: 15px;
        padding: 10px 8px;
    }

    .bookSearchSection {
        height: 40px;
    }

    .lblLibrary {
        font-size: 18px;
    }

    .txtLibrarySearch {
        height: 41px;
    }

    .eventBgText p {
        font-size: .78rem;
    }

    .bookSearchSection {
        width: 272px;
    }

    h3 {
        font-size: 1rem;
    }

    .eventBgRed {
        font-size: 54px;
        line-height: 90px;
        padding: 1px 7px 1px;
    }

    #day {
        font-size: 54px;
        line-height: 90px;
    }

    .ticker ul {
        font-size: .85rem;
    }
}

@media (max-width:568px) {
    .bookSearchSection {
        width: 243px;
    }

    .into-library {
        font-size: 13px;
    }
}

@media screen and (max-width:1081px) {
    .homeLink li a h3, .homeLink div a h3 {
        font-size: 11px;
    }
}

@media screen and (max-width:900px) {
    .timer-course h2 {
        font-size: 19px;
    }

    .timer-course h3 {
        font-size: 19px;
    }

    .register-test {
        font-size: 14px;
        padding: 7px 12px !important;
    }

    .tests-list li a {
        padding: 19px 18px !important;
        font-size: 15px;
    }

    .titr {
        font-size: 21px;
    }

    .nav-link {
        font-size: 12px;
    }

    .faqItem a {
        font-size: 15px;
    }

    .card-body p {
        font-size: 14px;
    }
}

@media screen and (max-width:992px) {
    .solution-text {
        margin: 0 auto;
        margin-bottom: 6px;
    }

    .report-body {
        padding: 10px 52px;
    }

    .EventbgGray p {
        font-size: 20px;
        line-height: 2;
    }

    .homeSearch {
        top: 253px;
    }

        .homeSearch p {
            font-size: 27px;
            margin-top: -35px;
            text-align: center
        }

    .txtSearch {
        padding-right: 66px;
        font-size: 20px;
    }

    .btnSearch {
        right: 16px;
        top: -55px;
        font-size: 35px;
    }

    .serviceBox p {
        font-size: 14px;
    }

    #btnLibrarySearch {
        background: transparent;
        right: 6px;
        top: 5px;
    }

    .lblLibrary {
        font-size: 18px;
        padding-right: 8px;
        line-height: 47px;
    }

    .txtLibrarySearch {
        font-size: 13px;
        width: 76%;
    }

    .display-normal {
        display: none;
    }

    .display-mobile {
        display: block;
    }

    .box1 h2 {
        font-size: 42px;
    }

    .box1 h3 {
        font-size: 21px;
        margin-top: 10px;
    }

    .lstbox1 li a span {
        font-size: 17px;
    }

    .lstbox1 li a img {
        width: 30px;
    }

    .footerListItem li a {
        font-size: 14px;
    }

    .solution-body {
        background-image: none;
        background: #e1e1e1 !important;
        padding-right: 0;
        padding: 11px;
    }

    .solution-text {
        width: auto;
    }

    .persons {
        position: absolute;
        left: 6px;
        top: -13px;
        z-index: 2;
        bottom: 0
    }

    .person {
        position: absolute;
        bottom: 0;
        top: -6px;
        left: 28%
    }

    .conversation {
        position: absolute;
        left: 30%;
        top: -17px;
    }

    .plant {
        position: absolute;
        right: 20%;
        bottom: 0;
        top: 65px;
    }

    .mirror {
        position: absolute;
        right: 25px;
        top: 60px
    }

    #ztvTitle {
        font-size: 25px;
    }

    .pageTitle span {
        font-size: 18px;
    }

    .introduce-box-text-p {
        padding: 0;
    }

    .flex-immigration-container > li {
        margin: 0px;
        padding: 13px;
    }

    .header-text {
        top: 175px;
    }

        .header-text h1 {
            font-size: 25px;
        }

    .defination-level {
        margin-right: 0;
    }

    #ztvVideo {
        top: -37px;
    }

    #ztvVideoIelts {
        top: 6px;
    }

    #ztvVideo video {
        height: auto
    }

    .image-back-news {
        margin-top: -30px;
    }

    .mgt215 {
        margin-top: -45px;
    }

    .germany-immigraionPage {
        margin-top: -40px;
    }

    .FreeArticle img {
        height: 422px !important
    }

    .articleHomeSmallBox img {
        min-height: 188px;
    }

    #InstagrambgRed .owl-carousel .owl-item img {
        min-height: 180px;
    }

    .majul-side {
        width: 10%;
    }

    .mock-filter {
        width: 90%;
    }

    .majul-filter {
        margin: 18px;
    }

    .header-immigration-form-text {
        top: 112px;
        left: 19px;
        padding: 20px;
        right: 26px;
    }

    .SelectTypeOfAdvisor {
        padding: 22px 47px;
        float: none;
        font-size: 17px;
        text-align: center;
    }

    .p-consultant {
        padding: 0px 40px;
    }
}

@media (min-width:1686px) {
    .eventBgRed {
        padding: 1px 42px 1px;
    }

    #day {
        padding: 0 36px;
    }

    .bgEventDay {
        margin-right: -15px;
    }
}

@media (min-width:1798px) {
    .eventBgRed {
        padding: 1px 48px 1px;
    }

    #day {
        padding: 0 55px;
    }

    .bgEventDay {
        margin-right: -15px;
    }
}

@media screen and (max-width:600px) {
    .tests-list li a {
        padding: 19px 7px !important;
    }

    .tests-list {
        margin: 32px 3px;
    }

    #news {
        top: -15px;
    }

    .background-country-germany:before {
        border-bottom: 662px solid transparent;
        border-right: 471px solid #ffd90a;
    }

    .background-country-germany:after {
        border-bottom: 886px solid transparent;
        border-right: 552px solid #af1b04b0;
    }

    .solution {
        font-size: 40px !important;
    }
}

@media screen and (min-width:1360px) {
    .homeLink li a h3, .homeLink div a h3 {
        font-size: 21px;
    }

    .fsz43 {
        font-size: 64px !important;
    }

    .fsz32 {
        font-size: 43px !important;
    }

    .crooked-box {
        top: 8%;
        left: 4%;
    }

    .crooked-box-canada {
        right: 4%;
    }

    .icon-immigration-canada {
        margin-left: 133px !important;
    }
}

@media screen and (max-width:767px) {
    .mock-number1:before {
        right: -29%;
    }

    .mock-number1:after {
        content: "";
    }

    .mock-number2:before {
        right: -29%;
    }

    .mock-number2:after {
        content: "";
    }

    .mock-number3:before {
        right: -29%;
    }

    .mock-number3:after {
        content: "";
    }

    .mock-number4:before {
        right: -29%;
    }

    .mock-number4:after {
        content: "";
    }

    .mock-number5:before {
        right: -29%;
    }

    .mock-number5:after {
        content: "";
    }

    .mock-number6:before {
        right: -29%;
    }

    .mock-number6:after {
        content: "";
    }

    .mock-number7:before {
        right: -29%;
    }

    .mock-number7:after {
        content: "";
    }

    .mock-number8:before {
        right: -29%;
    }

    .mock-number8:after {
        content: "";
    }
}

#schedule {
    background: #ebebeb;
    /*padding: 60px 40px;*/
}

.schedule-text {
    padding: 20px;
    box-shadow: 0 0 9px 8px #ddd;
    border-radius: 11px;
    background: #fff;
    line-height: 1.5;
}

#schedule input[type=radio] {
    width: 20px;
    height: 20px;
}

.course-filter-title {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 9px 2px #ddd;
    padding: 3px;
    font-weight: bold;
    font-size: 14px;
    padding-top: 11px;
}

    .course-filter-title i {
        font-size: 50px;
        color: #c41b1c;
    }

    .course-filter-title a {
        color: #000;
        display: block
    }

.course-filter-warper > .course-filter-title:hover h3, .course-filter-warper > .course-filter-title:hover i {
    color: #fff;
}

.course-filter-warper > .select {
    background-color: #c41b1c;
}

    .course-filter-warper > .select h3, .course-filter-warper > .select i {
        color: #fff !important;
    }

.course-filter-warper > .course-filter-title {
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .course-filter-warper > .course-filter-title:active:after {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }

    .course-filter-warper > .course-filter-title:hover:before {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }

    .course-filter-warper > .course-filter-title:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #c41b1c;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        border-radius: 10px;
    }

.course-filter-title h3 {
    margin-top: .75rem;
}

.checkbox {
    display: inline-flex;
    cursor: pointer;
    position: relative;
}

    .checkbox > span {
        color: #1f1f1f;
        padding: 2px;
    }

    .checkbox > input {
        height: 20px;
        width: 20px;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
        appearance: none;
        border: 1px solid #dfdfdf;
        border-radius: 4px;
        outline: none;
        transition-duration: 0.3s;
        background-color: #dedede;
        cursor: pointer;
    }

        .checkbox > input:checked {
            border: 1px solid #c8c8c8;
            background-color: #c41b1c;
        }

            .checkbox > input:checked + span::before {
                content: '\2713';
                display: block;
                text-align: center;
                color: #ffffff;
                position: absolute;
                right: 0.3rem;
                top: 0.2rem;
            }

        .checkbox > input:active {
            border: 2px solid #34495E;
        }

.MuiSkeleton-animate {
    animation: MuiSkeleton-animate 1.5s ease-in-out infinite;
}

@keyframes MuiSkeleton-animate {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.4;
    }

    100% {
        opacity: 1;
    }
}

.bg-light {
    background-color: #f5f5f6 !important;
}

img.lazy {
    display: block;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.news-date {
    color: #ccc;
    font-size: 14px;
    text-align: left;
    margin-top: 15px;
}

.bgNews {
    margin-top: 150px;
}

.news-box-view a h2 {
    font-size: 16px;
    text-align: center;
    font-weight: 500;
    margin-top: 10px;
    color: #222;
}

.news-box-view img {
    box-shadow: 0 0 3px 3px #ddd;
}

.news-text a {
    color: #333;
    font-size: 22px;
}

aside {
    border: 1px solid #DEDEDE;
    min-height: 300px;
    margin-top: 5px;
    background: #FFFFFF;
}

.SideBody ul li {
    font-size: 12.5px;
    margin-top: 5px;
    color: #898989;
}

.SideBody ul {
    text-align: right;
    direction: rtl;
    margin-top: 10px;
}

    .SideBody ul li a {
        font-size: 14px;
        color: #515050;
    }

        .SideBody ul li a:hover {
            color: #c41b1c;
        }

.SideBarHead h6 {
    font-size: 18px;
    text-align: center;
    padding: 15px 10px;
    color: #636363;
    border-bottom: 2px solid #BBBBBB;
    width: 90%;
    margin: 0 auto;
}

.callphone input {
    display: none;
}

.callphone label {
    display: block;
    height: 50px;
    width: 50px;
    position: fixed;
    top: 40px;
    left: 25px;
    direction: ltr;
    -webkit-transform: translateX(0%) translateY(-50%);
    transform: translateX(0%) translateY(-50%);
    background: #c41b1c;
    border-radius: 50%;
    text-align: center;
    line-height: 3rem;
    transition: all 200ms cubic-bezier(0.93, 0.1, 0.42, 0.91);
    overflow: hidden;
}

.call-number {
    /* display: none; */
    color: #fff;
    /* line-height: 1.5; */
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    left: 63px;
    top: 3px;
    width: 100px;
}

.callphone label:hover {
    cursor: pointer;
}

    .callphone label:hover .call-icon {
        display: none;
    }

#test:hover + label {
    width: 12rem;
    border-radius: 50px;
    background: #c41b1c;
}

.call-icon i {
    transition: all 0.2s;
}

#test:hover + label .call-icon i {
    left: 27px;
}

.call-icon {
    font-size: 30px;
    line-height: 1.9;
    color: #fff;
}

.callphone .fa-phone {
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    position: absolute;
    left: 10px;
    top: 10px;
}

.solution {
    font-size: 129px;
    text-align: center;
    background: #e1e1e1;
    padding: 0;
    letter-spacing: 3px;
    transition: all .5s;
}

.solution-small {
    background: #e1e1e1;
    transition: all .5s;
    text-align: center;
    padding: 13px;
    font-size: 32px;
    margin-bottom: 10px;
}

.solution-header {
    direction: ltr;
    position: relative;
    margin-bottom: 10px;
}

.letter {
    display: inline-block;
    color: #282828;
    position: relative;
    z-index: 1;
    margin-right: -10px;
    -webkit-transform: translate3d(0, 130px, 0);
    -moz-transform: translate3d(0, 130px, 0);
    -ms-transform: translate3d(0, 130px, 0);
    transform: translate3d(0, 130px, 0);
}

    .letter:nth-child(1) {
        animation-delay: 1.1s;
        -webkit-animation-delay: 1.1s;
    }

        .letter:nth-child(1):after {
            animation-delay: 2.7s;
            -webkit-animation-delay: 2.7s;
        }

    .letter:nth-child(2) {
        animation-delay: 1.2s;
        -webkit-animation-delay: 1.2s;
    }

        .letter:nth-child(2):after {
            animation-delay: 2.9s;
            -webkit-animation-delay: 2.9s;
        }

    .letter:nth-child(3) {
        animation-delay: 1.3s;
        -webkit-animation-delay: 1.3s;
    }

        .letter:nth-child(3):after {
            animation-delay: 3.1s;
            -webkit-animation-delay: 3.1s;
        }

    .letter:nth-child(4) {
        animation-delay: 1.4s;
        -webkit-animation-delay: 1.4s;
    }

        .letter:nth-child(4):after {
            animation-delay: 3.3s;
            -webkit-animation-delay: 3.3s;
        }

    .letter:nth-child(5) {
        animation-delay: 1.5s;
        -webkit-animation-delay: 1.5s;
    }

        .letter:nth-child(5):after {
            animation-delay: 3.5s;
            -webkit-animation-delay: 3.5s;
        }

    .letter:nth-child(6) {
        animation-delay: 1.6s;
        -webkit-animation-delay: 1.6s;
    }

        .letter:nth-child(6):after {
            animation-delay: 3.7s;
            -webkit-animation-delay: 3.7s;
        }

    .letter:nth-child(7) {
        animation-delay: 1.7s;
        -webkit-animation-delay: 1.7s;
    }

        .letter:nth-child(7):after {
            animation-delay: 3.9s;
            -webkit-animation-delay: 3.9s;
        }

    .letter:nth-child(8) {
        animation-delay: 1.8s;
        -webkit-animation-delay: 1.8s;
    }

        .letter:nth-child(8):after {
            animation-delay: 4.1s;
            -webkit-animation-delay: 4.1s;
        }

    .letter:nth-child(9) {
        animation-delay: 1.9s;
        -webkit-animation-delay: 1.9s;
    }

        .letter:nth-child(9):after {
            animation-delay: 4.3s;
            -webkit-animation-delay: 4.3s;
        }

    .letter:nth-child(10) {
        animation-delay: 2.1s;
        -webkit-animation-delay: 2.1s;
    }

        .letter:nth-child(10):after {
            animation-delay: 4.5s;
            -webkit-animation-delay: 4.5s;
        }

    .letter:nth-child(11) {
        animation-delay: 2.2s;
        -webkit-animation-delay: 2.2s;
    }

        .letter:nth-child(11):after {
            animation-delay: 4.7s;
            -webkit-animation-delay: 4.7s;
        }

    .letter:nth-child(12) {
        animation-delay: 2.3s;
        -webkit-animation-delay: 2.3s;
    }

        .letter:nth-child(12):after {
            animation-delay: 4.9s;
            -webkit-animation-delay: 4.9s;
        }

.letter {
    -webkit-animation: show 0.3s 4s 1 ease-out forwards;
    -moz-animation: show 0.3s 4s 1 ease-out forwards;
    -o-animation: show 0.3s 4s 1 ease-out forwards;
    animation: show 0.3s 4s 1 ease-out forwards;
}

    .letter:after {
        -webkit-animation: up 1s 1 ease-out forwards;
        -moz-animation: up 1s 1 ease-out forwards;
        -o-animation: up 1s 1 ease-out forwards;
        animation: up 1s 1 ease-out forwards;
    }

@keyframes show {
    100% {
        -webkit-transform: translate3d(0, 0px, 0);
        -moz-transform: translate3d(0, 0px, 0);
        -ms-transform: translate3d(0, 0px, 0);
        transform: translate3d(0, 0px, 0);
    }
}

@keyframes up {
    30% {
        -webkit-transform: translate3d(0, -7px, 0);
        -moz-transform: translate3d(0, -7px, 0);
        -ms-transform: translate3d(0, -7px, 0);
        transform: translate3d(0, -7px, 0);
    }

    60% {
        -webkit-transform: translate3d(0, -4px, 0);
        -moz-transform: translate3d(0, -4px, 0);
        -ms-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }

    80% {
        -webkit-transform: translate3d(0, -7px, 0);
        -moz-transform: translate3d(0, -7px, 0);
        -ms-transform: translate3d(0, -7px, 0);
        transform: translate3d(0, -7px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        -moz-transform: translate3d(0, -5px, 0);
        -ms-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    100% {
        -webkit-transform: translate3d(0, -7px, 0);
        -moz-transform: translate3d(0, -7px, 0);
        -ms-transform: translate3d(0, -7px, 0);
        transform: translate3d(0, -7px, 0);
    }
}

@-webkit-keyframes show {
    100% {
        -webkit-transform: translate3d(0, 0px, 0);
        -moz-transform: translate3d(0, 0px, 0);
        -ms-transform: translate3d(0, 0px, 0);
        transform: translate3d(0, 0px, 0);
    }
}

@-webkit-keyframes up {
    30% {
        -webkit-transform: translate3d(0, -7px, 0);
        -moz-transform: translate3d(0, -7px, 0);
        -ms-transform: translate3d(0, -7px, 0);
        transform: translate3d(0, -7px, 0);
    }

    60% {
        -webkit-transform: translate3d(0, -4px, 0);
        -moz-transform: translate3d(0, -4px, 0);
        -ms-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }

    80% {
        -webkit-transform: translate3d(0, -7px, 0);
        -moz-transform: translate3d(0, -7px, 0);
        -ms-transform: translate3d(0, -7px, 0);
        transform: translate3d(0, -7px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        -moz-transform: translate3d(0, -5px, 0);
        -ms-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    100% {
        -webkit-transform: translate3d(0, -7px, 0);
        -moz-transform: translate3d(0, -7px, 0);
        -ms-transform: translate3d(0, -7px, 0);
        transform: translate3d(0, -7px, 0);
    }
}

.personality h2 {
    font-size: 36px;
}

.personality h3 {
    color: #c4161c;
    color: #c4161c;
    font-size: 24px;
}

.personality h4 {
    font-weight: 300;
    color: #c41b1c;
    font-size: 21px;
    font-weight: bold;
}

.personality p {
    font-size: 20px;
    color: #979393;
}

.teacher-details p, .teacher-details h4 {
    color: #7e7878;
}

.teacher {
    direction: rtl;
}

i.fa.fa-chevron-right.owlRight.teacherDetails {
    position: absolute;
    right: 0;
    top: 50%;
    font-size: 30px;
    color: #c4161c;
    width: 50px;
    height: 50px;
    padding: 10px;
    text-align: center;
    z-index: 5;
    background-color: transparent;
}

i.fa.fa-chevron-left.owlLeft.teacherDetails {
    position: absolute;
    left: 0;
    top: 50%;
    font-size: 30px;
    color: #c4161c;
    width: 50px;
    height: 50px;
    padding: 10px;
    text-align: center;
    z-index: 5;
    background-color: transparent;
}

.owl-prev, .owl-next {
    border: 0;
    background-color: transparent;
}

.swiper-container-vertical > .swiper-scrollbar {
    right: 30px;
    top: 5%;
    height: 75%;
}

.customNavigation a {
    position: absolute;
    top: 35px;
    left: 0;
    right: auto;
    padding: 30px;
    float: left;
    font-size: 3em;
    cursor: pointer;
    z-index: 1;
}

    .customNavigation a.next {
        left: auto;
        right: 0;
    }

@media (min-width:320px) {
    .customNavigation a {
        top: 20%;
    }
}

@media (min-width:480px) {
    .customNavigation a {
        top: 25%;
    }
}

@media (min-width:768px) {
    .customNavigation a {
        top: 30%;
    }
}

@media (min-width:992px) {
    .customNavigation a {
        top: 35%;
    }
}

#sync2 .owl-item .item img {
    opacity: 0.5;
}

#sync2 .owl-item.synced .item img {
    opacity: 1;
}

#sync2 img {
    width: 200px;
}

.faq-scroll {
    overflow-y: scroll;
    height: 270px;
    direction: ltr;
}

.q-me {
    background: #e1e1e1;
    text-align: center;
    margin-top: 10px;
    padding: 20px;
}

    .q-me a {
        max-width: 130px;
        background: #C4161C;
        color: #fff !important;
    }

.modal-solution-text {
    text-align: justify;
    font-size: 15px;
    line-height: 25px;
    margin-top: 20px;
    padding: 12px 14px;
}

.solution-body .modal-body {
    padding: 0 !important;
}

.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 360px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

body.modal-open {
    overflow: hidden;
}

.modal.right .modal-body {
    padding: 15px 15px 80px;
}

.modal.right.fade .modal-dialog {
    right: 0;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog {
    right: 0;
}

button.modalClose {
    position: absolute;
    z-index: 2;
    float: left;
    left: 13px;
    top: 12px;
    background: #2e2d2d;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    font-weight: 100;
}

.hedaer-swiper h3 {
    font-size: 14px;
    text-align: center;
    padding: 4px;
}

.swiper-container, .swiper-container-news {
    width: 100%;
    min-height: 198px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden
}

    .swiper-container-news .swiper-slide img {
        min-height: 202px;
        object-fit: cover;
    }

.swiper-slide {
    background-size: cover;
    background-position: center;
}

.gallery-news-thumbs {
    box-sizing: border-box;
    padding: 10px 0;
}

    .gallery-news-thumbs .swiper-slide {
        height: 100%;
        opacity: 0.6;
        cursor: pointer
    }

    .gallery-news-thumbs .swiper-slide-thumb-active {
        opacity: 1;
    }

.swiper-button-red {
    color: #c4161c;
    background-color: transparent;
}

.oval {
    float: left;
    display: inline-block;
    width: 282px;
    margin-top: 17px;
    margin-right: 10px;
}

.news-text-float {
    text-align: justify;
    padding: 0 7px;
    direction: rtl;
    font-size: 15px;
}

.news-date-float {
    color: #ccc;
    font-size: 14px;
    text-align: left;
    margin-top: 15px;
    display: inline-block;
    float: left;
}

.border-news {
    border-top: 1px solid #ddd;
    padding-top: 21px;
}

.gallery-thumbs .swiper-button-prev {
    right: 0;
    top: 44%;
    width: 40px;
    height: 40px;
}

.gallery-thumbs .swiper-button-next {
    left: 0;
    width: 40px;
    height: 40px;
    top: 44%;
}

@media screen and (min-width:993px) and (max-width:1200px) {
    .background-country-germany-inside:before {
        border-bottom: 779px solid transparent;
        border-left: 499px solid #f7d80c;
    }

    .background-country-germany-inside:after {
        border-bottom: 1106px solid transparent;
        border-left: 649px solid #8f241f91;
        right: -58px;
    }

    .background-country-germany-inside-right:after {
        border-bottom: 615px solid transparent !important;
        border-right: 464px solid #af1b04b0 !important;
    }

    .background-country-germany-inside-right:before {
        border-bottom: 500px solid transparent;
        border-right: 374px solid #f7d80c;
    }

    .crooked-box h2, .crooked-box-Germany h2, .crooked-box-canada h2, .crooked-box-germany-inside-right h2, .crooked-box-germany-inside h2 {
        font-size: 41px;
    }

    .fsz32 {
        font-size: 30px !important;
    }

    .fsz43 {
        font-size: 32px !important;
    }

    .break-text {
        display: none;
    }
}

@media screen and (max-width:992px) {
    .news-date-float {
        float: none;
    }

    .modal.right .modal-dialog {
        width: 320px;
    }
}

@media screen and (max-width:992px) {
    .bgSolution {
        display: none;
    }

    .btnUserLogin img {
        width: 40px;
    }

    .call-icon {
        font-size: 25px;
    }

    .callphone label {
        height: 40px;
        width: 40px;
    }

    .userLogin {
        right: 60px;
    }
}

@media screen and (max-width:900px) {
    .background-country-canada:after {
        border-bottom: 615px solid transparent !important;
        border-right: 464px solid #af1b04b0 !important;
    }

    .background-country-canada:before {
        border-bottom: 500px solid transparent;
        border-right: 374px solid #f40204;
    }

    .crooked-box-consultant .fs78 {
        font-size: 41px !important;
    }

    .icon-immigration-canada {
        font-size: 45px !important;
        margin-top: -59px;
        margin-left: 42px;
    }

    .crooked-box-canada h3, .crooked-box-germany-inside-right h3 {
        font-size: 17px !important;
    }

    .crooked-box-canada {
        right: 4% !important;
    }

    .background-country:after {
        border-bottom: 1106px solid transparent;
        border-left: 649px solid #8f241f91;
        right: -58px;
    }

    .background-country:before {
        border-bottom: 779px solid transparent;
        border-left: 499px solid #f40204;
    }

    .crooked-box h2, .crooked-box-Germany h2, .crooked-box-canada h2, .crooked-box-germany-inside-right h2 {
        font-size: 26px;
    }

    .crooked-immigration h2 {
        font-size: 39px;
        line-height: 1.5;
    }

    .crooked-box {
        top: 8%;
    }

    .top17 {
        top: 17% !important;
    }

    .icon-immigration-down {
        font-size: 61px;
        float: none;
        text-align: center;
        margin: 0 auto;
    }

    .break-text {
        display: none;
    }

    .fsz32 {
        font-size: 18px !important;
    }

    .fsz43 {
        font-size: 20px !important;
    }

    .background-country-germany-inside:before {
        border-bottom: 801px solid transparent;
        border-left: 607px solid #f7d80c;
    }

    .background-country-germany-inside:after {
        border-bottom: 1004px solid transparent;
        border-left: 767px solid #8f241f91;
        right: -58px;
    }

    .background-country-germany-inside-right:after {
        border-bottom: 580px solid transparent;
        border-right: 552px solid #af1b04b0;
    }

    .background-country-germany-inside-right:before {
        border-bottom: 634px solid transparent;
        border-left: 304px solid #f7d80c;
        right: -130px;
        float: left;
    }
}

.firstShowMenu {
    visibility: visible;
    background: #fff;
    opacity: .7;
    height: 150px;
}

#universityOwlMobile .swiper-button-prev {
    left: 8px;
}

#universityOwlMobile .swiper-button-next {
    right: 8px;
}

.ui-switch {
    cursor: pointer;
    position: relative;
    display: inline-block;
    width: 24px;
    height: 14px;
    border-radius: 30px;
    background-color: #448bff;
    margin: 0;
}

    .ui-switch input {
        position: absolute;
        opacity: 0;
        z-index: -1;
    }

        .ui-switch input:checked + i:before {
            top: 50%;
            bottom: 50%;
            left: 50%;
            right: 5px;
            border-width: 0;
            border-radius: 5px;
        }

        .ui-switch input:checked + i:after {
            margin-left: 11px;
        }

    .ui-switch i {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
    }

        .ui-switch i:before {
            content: "";
            position: absolute;
            top: -1px;
            bottom: -1px;
            left: -1px;
            right: -1px;
            background-color: #fff;
            border: 1px solid rgba(135, 150, 165, .15);
            border-radius: 30px;
            transition: all .2s;
        }

@media (prefers-reduced-motion:reduce) {
    .ui-switch i:before {
        transition: none;
    }
}

.ui-switch i:after {
    content: "";
    position: absolute;
    background-color: #fff;
    width: 12px;
    top: 1px;
    bottom: 1px;
    border-radius: 50%;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .25);
    transition: margin .3s;
}

@media (prefers-reduced-motion:reduce) {
    .ui-switch i:after {
        transition: none;
    }
}

.ui-switch-md {
    width: 32px;
    height: 20px;
}

    .ui-switch-md input:checked + i:after {
        margin-left: 13px;
    }

    .ui-switch-md i:after {
        width: 18px;
    }

.ui-switch-lg {
    width: 40px;
    height: 24px;
}

.circle-pink-big {
    font-size: 30px;
    color: #ef98a8;
    font-weight: bold;
    position: absolute;
    left: 6%;
    top: 4%;
}

.circle-small {
    font-size: 10px;
    color: #fff;
    position: absolute;
    left: 28%;
    top: 18%;
}

.circle-medium {
    position: absolute;
    right: 9%;
    top: 11%;
    color: #fff;
    font-size: 28px;
    font-weight: bold;
}

.circle-pink-small {
    font-size: 10px;
    color: #ef98a8;
    position: absolute;
    right: 6%;
    top: 43%;
}

.circle-pink-medium {
    position: absolute;
    right: 26%;
    top: 21%;
    color: #ef98a8;
    font-size: 19px;
    font-weight: bold;
}

.reception {
    position: absolute;
    left: 41%;
    top: 6%;
    font-size: 54px;
    color: #ef98a8;
}

.circle-pink-medium-down {
    position: absolute;
    right: 8%;
    bottom: 5%;
    color: #ef98a8;
    font-size: 21px;
    font-weight: bold;
    transition: all 1s;
}

.circle-small-down {
    font-size: 10px;
    color: #fff;
    position: absolute;
    left: 28%;
    bottom: 18%;
    transition: all 1s;
}

.circle-small-down-left-pink {
    font-size: 15px;
    color: #ef98a8;
    position: absolute;
    left: 8%;
    bottom: 10%;
    font-weight: bold;
    transition: all 1s;
}

.phone-box {
    position: absolute;
    bottom: 3%;
    right: 38%;
    transition: all 1s;
}

.pencile-box {
    position: absolute;
    bottom: 3%;
    right: 38%;
    color: #ef98a8;
    font-size: 42px;
    transition: all 1s;
}

.ClassProgram {
    position: absolute;
    left: 41%;
    top: 6%;
    font-size: 51px;
    color: #ef98a8;
}

.text-service {
    color: #fff;
    letter-spacing: 2px;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    transition: all 1s;
}

    .text-service h3 {
        font-size: 22px;
        font-weight: bold;
    }

.placementicon {
    position: absolute;
    left: 41%;
    top: 6%;
    font-size: 51px;
    color: #ef98a8;
}

.quadrado {
    animation: crescendo 1.5s alternate infinite ease-in;
}

.opicon {
    animation: opicon 1.5s infinite ease-in;
}

.transxicon {
    animation: transx 1.5s alternate infinite ease-in;
}

.transxiconColor {
    animation: transxColor 1.5s alternate infinite ease-in;
}

.rotateicon {
    animation: rotateshow 3s infinite linear;
}

.rotateiconColor {
    animation: rotateshowColor 3s infinite linear;
}

@keyframes crescendo {
    0% {
        transform: scale(.8);
    }

    100% {
        transform: scale(1.2);
    }
}

@keyframes rotateshow {
    0% {
        transform: rotate(0deg);
        color: #ef98a8;
    }

    50% {
        transform: rotate(200deg);
        color: #fff;
    }

    100% {
        transform: rotate(0deg);
        color: #fff;
    }
}

@keyframes rotateshowColor {
    0% {
        transform: rotate(0deg);
        color: #fff;
    }

    50% {
        transform: rotate(200deg);
        color: #ef98a8;
    }

    100% {
        transform: rotate(0deg);
        color: #ef98a8;
    }
}

@keyframes opacityshow {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes transx {
    0% {
        transform: translateX(15px);
        color: #ef98a8;
    }

    100% {
        transform: translateX(0px);
        color: #fff;
    }
}

@keyframes transxColor {
    0% {
        transform: translateX(0px);
        color: #ef98a8;
    }

    100% {
        transform: translateX(15px);
        color: #fff;
    }
}

.animatorBox {
    cursor: pointer;
    margin: 0 auto
}

    .animatorBox:hover .quadrado, .animatorBox:hover .transxicon, .animatorBox:hover .transxiconColor, .animatorBox:hover .rotateicon, .animatorBox:hover .rotateiconColor {
        animation: none;
    }

    .animatorBox:hover .circle-pink-medium-down {
        right: 18%;
        bottom: 84%;
    }

    .animatorBox:hover .circle-small-down {
        left: 28%;
        bottom: 51%;
    }

    .animatorBox:hover .circle-small-down-left-pink {
        left: 18%;
        bottom: 69%;
    }

    .animatorBox:hover .text-service {
        top: 79%;
    }

    .animatorBox:hover .pencile-box {
        bottom: 44%;
        right: 8%;
    }

    .animatorBox:hover .phone-box {
        bottom: 42%;
        right: 15%;
    }

.stopicon {
    font-size: 28px;
    color: #ef98a8;
}

.chartlineicon {
    font-size: 48px;
    color: #ef98a8;
}

.rotaryicon {
    font-size: 48px;
    color: #ef98a8;
}

.productpage-quickview .product-left {
    width: 50%;
    float: left;
}

.productpage-quickview .product-right {
    width: 50%;
    float: left;
}

.productpage-quickview h3 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    font-size: 20px;
    font-weight: 600;
    padding: 0 0 5px;
    color: #9f8447;
}

.quickview {
    background: #f2f2f2;
    padding: 15px 0;
    display: inline-block;
}

@media (max-width:576px) {
    .animatorBox {
        margin-bottom: 2rem !important;
    }
}

.cf span i {
    font-size: 70px;
    padding-left: 10px;
    color: #c41b1c;
}

.callphone label:hover .call-icon {
    display: block !important;
}

.lozad {
    background-color: #fff;
}

.toefl {
    z-index: -1;
}

.eight-tip {
    padding: 12px !important;
    z-index: 1;
}

.toefl .box1 {
    background: rgba(0, 0, 0, 0.6);
    padding: 61px;
    margin-top: 53px;
}

#GreEvents {
    padding: 30px 46px;
}

.ieltsCourseIcon {
    font-size: 110px;
    color: #c4161c;
    text-align: center;
    margin: 0 auto
}

@media screen and (max-width:364px) {
    #reportcard {
        margin-top: 20px;
    }
}

@media screen and (max-width:992px) {
    .btnUserLogin img, .btnHome img {
        width: 40px;
    }

    .course-title-h3 {
        font-size: 1.7rem;
    }

    .feature {
        margin: 0
    }

    .career-box {
        margin: 5px;
    }

    .toefl .box1 {
        padding: 57px;
        margin: 0 27px;
    }

    #InstagramVideo {
        min-height: 190px;
    }

    #StudentComment .card {
        margin: 20px;
    }
}

.modalClose:hover {
    text-shadow: none !important;
    color: #fff !important;
}

.btndisabled {
    background-color: #f9f9f9;
    color: #ccc;
    border: solid 1px #ddd;
    cursor: not-allowed;
}

.mt180 {
    margin-top: -180px
}

@media screen and (max-width:992px) {
    .mt180 {
        margin-top: 0
    }
}

@media screen and (max-width:700px) {
    .news-date {
        text-align: center
    }
}

.discover-box {
    position: absolute;
    top: 30px;
    width: 37%;
    right: 13%;
}

.living-box {
    position: absolute;
    top: 30px;
    width: 37%;
    left: 10%;
}

@media screen and (max-width:992px) {
    #universityOwl .owl-nav {
        display: block
    }

    .discover-box {
        top: 29%;
        width: 100%;
        right: 0;
    }

    .box-canada-shadow h3 {
        font-size: 22px;
    }

    .living-box {
        top: 25%;
        width: 100%;
        left: 0;
    }
}

plan-germany, .stay-germany, .discover-germany, .consulation-germany {
    position: relative;
    min-height: 500px;
    background-size: cover;
    background-position: center;
    overflow: hidden
}

.image-back-news-germany {
    margin-top: -99px;
    position: absolute;
    background-color: transparent !important;
}

.box-canada-shadow div {
    color: #949494;
    font-size: 15px;
    direction: rtl;
}

.city {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10vmin;
    overflow: hidden;
}

    .city .card-city {
        flex: 1;
        transition: all 1s ease-in-out;
        height: 65vmin;
        position: relative;
    }

        .city .card-city .card__head {
            color: #fff;
            background: rgb(196, 27, 28);
            padding: 0.5em;
            transform: rotate(-90deg);
            transform-origin: 0% 0%;
            transition: all 0.5s ease-in-out;
            min-width: 319px;
            text-align: center;
            position: absolute;
            bottom: 34px;
            left: 0;
            font-size: 1em;
            white-space: nowrap;
        }

        .city .card-city:hover {
            flex-grow: 10;
        }

            .city .card-city:hover video {
                filter: grayscale(0);
            }

            .city .card-city:hover .card__head {
                text-align: center;
                top: calc(100% - 2em);
                color: white;
                background: rgba(0, 0, 0, 0.5);
                font-size: 2em;
                transform: rotate(0deg) skew(-5deg);
            }

            .city .card-city:hover .play {
                transform: rotate(-90deg) !important;
            }

        .city .card-city video {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: all 1s ease-in-out;
            filter: grayscale(100%);
        }

        .city .card-city:not(:nth-child(5)) {
            margin-right: 2px;
        }

#introduce-university {
    background: #fff
}

.swiper-container-university .swiper-button-next, .swiper-container-university .swiper-button-prev {
    background: #212121cf !important;
    border-radius: 50%;
}

.swiper-container-university .swiper-button-next {
    left: -5px;
}

.swiper-container-university .swiper-button-prev {
    right: -20px;
}

.swiper-container-university .swiper-button-next:after {
    margin-right: -7px;
}

.swiper-container-university .swiper-button-prev:after {
    margin-left: -7px;
}

.swiper-container-university img {
    object-fit: cover;
    height: 283px;
}

.trfull td {
    /*color: #777 !important;*/
    background-color: #dedede;
}

.trinprogressfull td {
    /*color:#856404 !important;*/
    background-color: #ebcf1c !important;
}

.trinprogressrun td {
    background-color: rgba(182, 255, 225, 0.49)
}

a.address {
    display: flex;
    color: inherit;
}

p.address-text {
    font-size: 13px;
    color: #808080;
}

    p.address-text span {
        color: #000;
        font-weight: bold;
    }

.ui-datepicker-inline {
    margin: 0 auto;
}

.serviceBox a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 2rem;
}

.serviceBox {
    text-align: center;
    transition: all 0.2s;
}

    .serviceBox:hover {
        background: #e5e5e5;
    }

    .serviceBox i {
        font-size: 100px;
        color: #c4161c;
    }

.item .serviceBox i {
    font-size: 80px !important;
}

.eduComment:hover {
    transform: scale(1.1);
    z-index: 99;
    -webkit-box-shadow: 0 5px 15px 0 rgba(4,52,99,.15);
    -moz-box-shadow: 0 5px 15px 0 rgba(4,52,99,.15);
    box-shadow: 0 5px 15px 0 rgba(4,52,99,.15);
}

.box-shadow-side img {
    min-width: 100%;
}

.border-video {
    border: 3px solid;
}

.immigrationadviceboxs > div {
    background-color: #ccc;
}

.immigrationadviceboxs a {
    color: #000;
    display: block;
    font-size: 23px;
    font-weight: bold;
    padding: 3rem;
}

.immigrationadviceboxs > div:hover {
    background-color: #c4161c;
}

    .immigrationadviceboxs > div:hover a {
        color: #fff;
    }

.arrow-down-close {
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    top: -10px;
    right: 0px;
    z-index: 10;
    background-color: #fff;
    border-radius: 50%;
}

    .arrow-down-close:before {
        content: '';
        display: inline-block;
        height: 18px;
        width: 3px;
        background-color: #000;
        border-radius: 10px;
        position: relative;
        transition: 300ms ease-in-out transform;
    }

    .arrow-down-close:after {
        content: '';
        display: inline-block;
        height: 18px;
        width: 3px;
        background-color: #000;
        border-radius: 10px;
        position: relative;
        transition: 300ms ease-in-out transform;
    }

    .arrow-down-close:before {
        transform: rotate(-45deg);
        left: -14px;
        top: 6px;
        background-color: #000;
    }

    .arrow-down-close:after {
        transform: rotate(45deg);
        left: -11px;
        top: 6px;
    }

    .arrow-down-close.open:before {
        transform: translateX(10px) rotate(30deg);
        top: 5px;
        height: 18px;
        left: -21px;
    }

    .arrow-down-close.open:after {
        transform: translateX(-17px) rotate(120deg);
        height: 10px;
        left: 2px;
        color: #000;
        top: 6px;
    }

.spaneye {
    cursor: pointer
}


.my-faq-box {
    border-bottom: 2px solid #c4161c;
}

.mobile-navigation-section {
    position: fixed;
    top: 0px;
    background: #323232;
    height: 50px;
    z-index: 999999;
    width: 100%;
}

a.online-operator {
    display: block;
    width: 131px;
    margin: auto;
    color: #fff;
    padding-top: 8px;
}

.phone-on-mobile:hover {
    color: #C4161C;
}

.phone-on-mobile {
    color: #fff;
    position: absolute;
    left: 15px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    top: 10px;
    font-size: 24px;
}


@keyframes flickerAnimation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes flickerAnimation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.animate-flicker {
    -webkit-animation: flickerAnimation 1s infinite;
    -moz-animation: flickerAnimation 1s infinite;
    -o-animation: flickerAnimation 1s infinite;
    animation: flickerAnimation 1s infinite;
}


.phone-ani2 i {
    transform: rotate(101deg);
}

.phone-ani2 {
    animation: phonering-alo 1.2s infinite ease-in-out;
    transform: scale(-1);
}



@keyframes phonering-alo {
    0% {
        -webkit-transform: rotate(0)
    }

    10% {
        -webkit-transform: rotate(-25deg)
    }

    20% {
        -webkit-transform: rotate(25deg)
    }

    30% {
        -webkit-transform: rotate(-25deg)
    }

    40% {
        -webkit-transform: rotate(25deg)
    }

    50% {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(0)
    }
}

.btn-sign-in {
    background: #C4161C;
    color: #fff;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.btn-sign-up {
    background: #323232;
    color: #fff;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.btn-mobile-login i {
    vertical-align: middle;
}

.btn-mobile-login {
    width: 140px;
    padding: 5px 15px;
    margin: 10px auto 0;
    text-align: center;
    display: block;
    -webkit-box-shadow: 0px 3px 12px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 3px 12px -3px rgba(0,0,0,0.75);
    box-shadow: 0px 3px 12px -3px rgba(0,0,0,0.75);
}
    .btn-mobile-login:hover {
        color: #fff;
    }.user-section-mobile {
        padding: 0px 10px;
    }

.my-box1 {
    padding: 30px 10px;
}

    .my-box1 a h3 {
        font-size: 15px !important;
        direction: rtl;
    }

    .my-box1:hover > a {
        color: #fff !important
    }

    .my-box1:hover {
        background: #C4161C !important;
    }

        .my-box1:hover > a h3 {
            color: #fff !important;
        }
.header-phone a span {
    display: inline-block;
    border: 1px solid #fff;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 4px 10px;
    font-size: 17px;
    margin-top: 8px;
    font-weight: bold;
}
.header-phone a i {
    background: #c3161c;
    padding: 5px 8px;
    position: relative;
    top: 3px;
    right: -4px;
    font-size: 23px;
    height: 37px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.header-phone a {
    color: #fff;
    text-decoration: none;
    direction: ltr;
}