.fa-sigma:before {
    content: "\03A3";
}

/* Pe Icon */
@font-face {
    font-family: "Pe-icon-7-stroke";
    src: url("fonts/Pe-icon-7-stroke.eot?d7yf1v");
    src: url("fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v") format("embedded-opentype"),
        url("fonts/Pe-icon-7-stroke.woff?d7yf1v") format("woff"),
        url("fonts/Pe-icon-7-stroke.ttf?d7yf1v") format("truetype"),
        url("fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke") format("svg");
    font-weight: normal;
    font-style: normal;
}

[class^="pe-7s-"],
[class*=" pe-7s-"] {
    display: inline-block;;;
    font-family: "Pe-icon-7-stroke";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering ============= */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.pe-7s-album:before {
    content: "\e6aa";
}
.pe-7s-arc:before {
    content: "\e6ab";
}
.pe-7s-back-2:before {
    content: "\e6ac";
}
.pe-7s-bandaid:before {
    content: "\e6ad";
}
.pe-7s-car:before {
    content: "\e6ae";
}
.pe-7s-diamond:before {
    content: "\e6af";
}
.pe-7s-door-lock:before {
    content: "\e6b0";
}
.pe-7s-eyedropper:before {
    content: "\e6b1";
}
.pe-7s-female:before {
    content: "\e6b2";
}
.pe-7s-gym:before {
    content: "\e6b3";
}
.pe-7s-hammer:before {
    content: "\e6b4";
}
.pe-7s-headphones:before {
    content: "\e6b5";
}
.pe-7s-helm:before {
    content: "\e6b6";
}
.pe-7s-hourglass:before {
    content: "\e6b7";
}
.pe-7s-leaf:before {
    content: "\e6b8";
}
.pe-7s-magic-wand:before {
    content: "\e6b9";
}
.pe-7s-male:before {
    content: "\e6ba";
}
.pe-7s-map-2:before {
    content: "\e6bb";
}
.pe-7s-next-2:before {
    content: "\e6bc";
}
.pe-7s-paint-bucket:before {
    content: "\e6bd";
}
.pe-7s-pendrive:before {
    content: "\e6be";
}
.pe-7s-photo:before {
    content: "\e6bf";
}
.pe-7s-piggy:before {
    content: "\e6c0";
}
.pe-7s-plugin:before {
    content: "\e6c1";
}
.pe-7s-refresh-2:before {
    content: "\e6c2";
}
.pe-7s-rocket:before {
    content: "\e6c3";
}
.pe-7s-settings:before {
    content: "\e6c4";
}
.pe-7s-shield:before {
    content: "\e6c5";
}
.pe-7s-smile:before {
    content: "\e6c6";
}
.pe-7s-usb:before {
    content: "\e6c7";
}
.pe-7s-vector:before {
    content: "\e6c8";
}
.pe-7s-wine:before {
    content: "\e6c9";
}
.pe-7s-cloud-upload:before {
    content: "\e68a";
}
.pe-7s-cash:before {
    content: "\e68c";
}
.pe-7s-close:before {
    content: "\e680";
}
.pe-7s-bluetooth:before {
    content: "\e68d";
}
.pe-7s-cloud-download:before {
    content: "\e68b";
}
.pe-7s-way:before {
    content: "\e68e";
}
.pe-7s-close-circle:before {
    content: "\e681";
}
.pe-7s-id:before {
    content: "\e68f";
}
.pe-7s-angle-up:before {
    content: "\e682";
}
.pe-7s-wristwatch:before {
    content: "\e690";
}
.pe-7s-angle-up-circle:before {
    content: "\e683";
}
.pe-7s-world:before {
    content: "\e691";
}
.pe-7s-angle-right:before {
    content: "\e684";
}
.pe-7s-volume:before {
    content: "\e692";
}
.pe-7s-angle-right-circle:before {
    content: "\e685";
}
.pe-7s-users:before {
    content: "\e693";
}
.pe-7s-angle-left:before {
    content: "\e686";
}
.pe-7s-user-female:before {
    content: "\e694";
}
.pe-7s-angle-left-circle:before {
    content: "\e687";
}
.pe-7s-up-arrow:before {
    content: "\e695";
}
.pe-7s-angle-down:before {
    content: "\e688";
}
.pe-7s-switch:before {
    content: "\e696";
}
.pe-7s-angle-down-circle:before {
    content: "\e689";
}
.pe-7s-scissors:before {
    content: "\e697";
}
.pe-7s-wallet:before {
    content: "\e600";
}
.pe-7s-safe:before {
    content: "\e698";
}
.pe-7s-volume2:before {
    content: "\e601";
}
.pe-7s-volume1:before {
    content: "\e602";
}
.pe-7s-voicemail:before {
    content: "\e603";
}
.pe-7s-video:before {
    content: "\e604";
}
.pe-7s-user:before {
    content: "\e605";
}
.pe-7s-upload:before {
    content: "\e606";
}
.pe-7s-unlock:before {
    content: "\e607";
}
.pe-7s-umbrella:before {
    content: "\e608";
}
.pe-7s-trash:before {
    content: "\e609";
}
.pe-7s-tools:before {
    content: "\e60a";
}
.pe-7s-timer:before {
    content: "\e60b";
}
.pe-7s-ticket:before {
    content: "\e60c";
}
.pe-7s-target:before {
    content: "\e60d";
}
.pe-7s-sun:before {
    content: "\e60e";
}
.pe-7s-study:before {
    content: "\e60f";
}
.pe-7s-stopwatch:before {
    content: "\e610";
}
.pe-7s-star:before {
    content: "\e611";
}
.pe-7s-speaker:before {
    content: "\e612";
}
.pe-7s-signal:before {
    content: "\e613";
}
.pe-7s-shuffle:before {
    content: "\e614";
}
.pe-7s-shopbag:before {
    content: "\e615";
}
.pe-7s-share:before {
    content: "\e616";
}
.pe-7s-server:before {
    content: "\e617";
}
.pe-7s-search:before {
    content: "\e618";
}
.pe-7s-film:before {
    content: "\e6a5";
}
.pe-7s-science:before {
    content: "\e619";
}
.pe-7s-disk:before {
    content: "\e6a6";
}
.pe-7s-ribbon:before {
    content: "\e61a";
}
.pe-7s-repeat:before {
    content: "\e61b";
}
.pe-7s-refresh:before {
    content: "\e61c";
}
.pe-7s-add-user:before {
    content: "\e6a9";
}
.pe-7s-refresh-cloud:before {
    content: "\e61d";
}
.pe-7s-paperclip:before {
    content: "\e69c";
}
.pe-7s-radio:before {
    content: "\e61e";
}
.pe-7s-note2:before {
    content: "\e69d";
}
.pe-7s-print:before {
    content: "\e61f";
}
.pe-7s-network:before {
    content: "\e69e";
}
.pe-7s-prev:before {
    content: "\e620";
}
.pe-7s-mute:before {
    content: "\e69f";
}
.pe-7s-power:before {
    content: "\e621";
}
.pe-7s-medal:before {
    content: "\e6a0";
}
.pe-7s-portfolio:before {
    content: "\e622";
}
.pe-7s-like2:before {
    content: "\e6a1";
}
.pe-7s-plus:before {
    content: "\e623";
}
.pe-7s-left-arrow:before {
    content: "\e6a2";
}
.pe-7s-play:before {
    content: "\e624";
}
.pe-7s-key:before {
    content: "\e6a3";
}
.pe-7s-plane:before {
    content: "\e625";
}
.pe-7s-joy:before {
    content: "\e6a4";
}
.pe-7s-photo-gallery:before {
    content: "\e626";
}
.pe-7s-pin:before {
    content: "\e69b";
}
.pe-7s-phone:before {
    content: "\e627";
}
.pe-7s-plug:before {
    content: "\e69a";
}
.pe-7s-pen:before {
    content: "\e628";
}
.pe-7s-right-arrow:before {
    content: "\e699";
}
.pe-7s-paper-plane:before {
    content: "\e629";
}
.pe-7s-delete-user:before {
    content: "\e6a7";
}
.pe-7s-paint:before {
    content: "\e62a";
}
.pe-7s-bottom-arrow:before {
    content: "\e6a8";
}
.pe-7s-notebook:before {
    content: "\e62b";
}
.pe-7s-note:before {
    content: "\e62c";
}
.pe-7s-next:before {
    content: "\e62d";
}
.pe-7s-news-paper:before {
    content: "\e62e";
}
.pe-7s-musiclist:before {
    content: "\e62f";
}
.pe-7s-music:before {
    content: "\e630";
}
.pe-7s-mouse:before {
    content: "\e631";
}
.pe-7s-more:before {
    content: "\e632";
}
.pe-7s-moon:before {
    content: "\e633";
}
.pe-7s-monitor:before {
    content: "\e634";
}
.pe-7s-micro:before {
    content: "\e635";
}
.pe-7s-menu:before {
    content: "\e636";
}
.pe-7s-map:before {
    content: "\e637";
}
.pe-7s-map-marker:before {
    content: "\e638";
}
.pe-7s-mail:before {
    content: "\e639";
}
.pe-7s-mail-open:before {
    content: "\e63a";
}
.pe-7s-mail-open-file:before {
    content: "\e63b";
}
.pe-7s-magnet:before {
    content: "\e63c";
}
.pe-7s-loop:before {
    content: "\e63d";
}
.pe-7s-look:before {
    content: "\e63e";
}
.pe-7s-lock:before {
    content: "\e63f";
}
.pe-7s-lintern:before {
    content: "\e640";
}
.pe-7s-link:before {
    content: "\e641";
}
.pe-7s-like:before {
    content: "\e642";
}
.pe-7s-light:before {
    content: "\e643";
}
.pe-7s-less:before {
    content: "\e644";
}
.pe-7s-keypad:before {
    content: "\e645";
}
.pe-7s-junk:before {
    content: "\e646";
}
.pe-7s-info:before {
    content: "\e647";
}
.pe-7s-home:before {
    content: "\e648";
}
.pe-7s-help2:before {
    content: "\e649";
}
.pe-7s-help1:before {
    content: "\e64a";
}
.pe-7s-graph3:before {
    content: "\e64b";
}
.pe-7s-graph2:before {
    content: "\e64c";
}
.pe-7s-graph1:before {
    content: "\e64d";
}
.pe-7s-graph:before {
    content: "\e64e";
}
.pe-7s-global:before {
    content: "\e64f";
}
.pe-7s-gleam:before {
    content: "\e650";
}
.pe-7s-glasses:before {
    content: "\e651";
}
.pe-7s-gift:before {
    content: "\e652";
}
.pe-7s-folder:before {
    content: "\e653";
}
.pe-7s-flag:before {
    content: "\e654";
}
.pe-7s-filter:before {
    content: "\e655";
}
.pe-7s-file:before {
    content: "\e656";
}
.pe-7s-expand1:before {
    content: "\e657";
}
.pe-7s-exapnd2:before {
    content: "\e658";
}
.pe-7s-edit:before {
    content: "\e659";
}
.pe-7s-drop:before {
    content: "\e65a";
}
.pe-7s-drawer:before {
    content: "\e65b";
}
.pe-7s-download:before {
    content: "\e65c";
}
.pe-7s-display2:before {
    content: "\e65d";
}
.pe-7s-display1:before {
    content: "\e65e";
}
.pe-7s-diskette:before {
    content: "\e65f";
}
.pe-7s-date:before {
    content: "\e660";
}
.pe-7s-cup:before {
    content: "\e661";
}
.pe-7s-culture:before {
    content: "\e662";
}
.pe-7s-crop:before {
    content: "\e663";
}
.pe-7s-credit:before {
    content: "\e664";
}
.pe-7s-copy-file:before {
    content: "\e665";
}
.pe-7s-config:before {
    content: "\e666";
}
.pe-7s-compass:before {
    content: "\e667";
}
.pe-7s-comment:before {
    content: "\e668";
}
.pe-7s-coffee:before {
    content: "\e669";
}
.pe-7s-cloud:before {
    content: "\e66a";
}
.pe-7s-clock:before {
    content: "\e66b";
}
.pe-7s-check:before {
    content: "\e66c";
}
.pe-7s-chat:before {
    content: "\e66d";
}
.pe-7s-cart:before {
    content: "\e66e";
}
.pe-7s-camera:before {
    content: "\e66f";
}
.pe-7s-call:before {
    content: "\e670";
}
.pe-7s-calculator:before {
    content: "\e671";
}
.pe-7s-browser:before {
    content: "\e672";
}
.pe-7s-box2:before {
    content: "\e673";
}
.pe-7s-box1:before {
    content: "\e674";
}
.pe-7s-bookmarks:before {
    content: "\e675";
}
.pe-7s-bicycle:before {
    content: "\e676";
}
.pe-7s-bell:before {
    content: "\e677";
}
.pe-7s-battery:before {
    content: "\e678";
}
.pe-7s-ball:before {
    content: "\e679";
}
.pe-7s-back:before {
    content: "\e67a";
}
.pe-7s-attention:before {
    content: "\e67b";
}
.pe-7s-anchor:before {
    content: "\e67c";
}
.pe-7s-albums:before {
    content: "\e67d";
}
.pe-7s-alarm:before {
    content: "\e67e";
}
.pe-7s-airplay:before {
    content: "\e67f";
}

/****** Flat icons ***********/

@font-face {
    font-family: "Flaticon";
    src: url("fonts/Flaticon.eot");
    src: url("fonts/Flaticon.eot?#iefix") format("embedded-opentype"), url("fonts/Flaticon.woff") format("woff"),
        url("fonts/Flaticon.ttf") format("truetype"), url("fonts/Flaticon.svg#Flaticon") format("svg");
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: "Flaticon";
        src: url("fonts/Flaticon.svg#Flaticon") format("svg");
    }
}

[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
    font-family: Flaticon;
    font-size: 20px;
    font-style: normal;
}

.flaticon-approval-symbol-in-badge:before {
    content: "\f100";
}
.flaticon-file-1:before {
    content: "\f101";
}
.flaticon-mouse-filled-tool:before {
    content: "\f102";
}
.flaticon-mouse-1:before {
    content: "\f103";
}
.flaticon-updating-arrow:before {
    content: "\f104";
}
.flaticon-group:before {
    content: "\f105";
}
.flaticon-graphic-tablet:before {
    content: "\f106";
}
.flaticon-search:before {
    content: "\f107";
}
.flaticon-man-with-company:before {
    content: "\f108";
}
.flaticon-increase:before {
    content: "\f109";
}
.flaticon-passion-heart:before {
    content: "\f10a";
}
.flaticon-money:before {
    content: "\f10b";
}
.flaticon-new:before {
    content: "\f10c";
}
.flaticon-target:before {
    content: "\f10d";
}
.flaticon-network:before {
    content: "\f10e";
}
.flaticon-medical:before {
    content: "\f10f";
}
.flaticon-question-mark-inside-a-bald-male-side-head-outline:before {
    content: "\f110";
}
.flaticon-meeting:before {
    content: "\f111";
}
.flaticon-leadership:before {
    content: "\f112";
}
.flaticon-clock:before {
    content: "\f113";
}
.flaticon-creative:before {
    content: "\f114";
}
.flaticon-presentation:before {
    content: "\f115";
}
.flaticon-team:before {
    content: "\f116";
}
.flaticon-skyline:before {
    content: "\f117";
}
.flaticon-professor:before {
    content: "\f118";
}
.flaticon-calendar:before {
    content: "\f119";
}
.flaticon-graduate-student-avatar:before {
    content: "\f11a";
}
.flaticon-number-1-drawing:before {
    content: "\f11b";
}
.flaticon-numbers:before {
    content: "\f11c";
}
.flaticon-three:before {
    content: "\f11d";
}
.flaticon-books-stack-of-three:before {
    content: "\f11e";
}
.flaticon-file:before {
    content: "\f11f";
}

@font-face {
    font-family: "Flaticon1";
    src: url("fonts/Flaticon1/Flaticon.eot");
    src: url("fonts/Flaticon1/Flaticon.eot?#iefix") format("embedded-opentype"),
        url("fonts/Flaticon1/Flaticon.woff2") format("woff2"), url("fonts/Flaticon1/Flaticon.woff") format("woff"),
        url("fonts/Flaticon1/Flaticon.ttf") format("truetype"),
        url("fonts/Flaticon1/Flaticon.svg#Flaticon") format("svg");
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: "Flaticon1";
        src: url("fonts/Flaticon1/Flaticon.svg#Flaticon") format("svg");
    }
}

[class^="flaticon1-"]:before,
[class*=" flaticon1-"]:before,
[class^="flaticon1-"]:after,
[class*=" flaticon1-"]:after {
    font-family: Flaticon1;
    font-size: 20px;
    font-style: normal;
    margin-left: 20px;
}

.flaticon1-one:before {
    content: "\f100";
}
.flaticon1-two:before {
    content: "\f101";
}
.flaticon1-three:before {
    content: "\f102";
}
.flaticon1-four:before {
    content: "\f103";
}

/* General */


.wpcf7 {
    padding: 20px;
    background: #f7f7f7;
    border-radius: 10px;
    -webkit-border-radius: 10px;
}

.wpcf7-submit {
    width: 100%;
}

.wpcf7-not-valid-tip {
    color: #e01515;
    font-size: 11px;
}

.wpcf7 .row:nth-last-child(2) .form-group {
    margin-bottom: 0;
}

.wpcf7 .row:nth-last-child(2) div {
    position: relative;
}

.wpcf7 .row:nth-last-child(2) div span.ajax-loader {
    position: absolute;
    top: 10px;
    left: calc(50% - 15px);
    width: 30px !important;
    height: 30px !important;
    background-image: url("images/loading.svg") !important;
}

.wpcf7-response-output {
    margin-top: 20px;
    margin-bottom: 0 !important;
}

.wpcf7 .row.cma-capcha {
    margin-bottom: 15px;
}

.grecaptcha-badge {
    opacity: 0;
}


.popup-banner {
    background-size: cover;
    height: 250px;
}

.cma-color {
    color: #e01515;
}

.cma-button {
    display: inline-block;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    border: 1px solid #d9d9d9;
    padding: 0 30px;
    cursor: pointer;
}

.cma-button:hover {
    background: #000;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.cma-button-inner {
    display: inline-block;
    line-height: 30px;
    position: relative;
}

.cma-button-text {
    line-height: 30px;
    position: relative;   
    transition: 0.3s ease-out;
    -webkit-transition: 0.3s ease-out;
}

.cma-button:hover .cma-button-text {
    color: #fff;
    left: -10px;
    transition: 0.3s ease-out;
    -webkit-transition: 0.3s ease-out;
}

.cma-button-inner i {
    position: absolute;
    top: 2px;
    right: 0;
    line-height: 30px;
    opacity: 0;
    color: #fff;
    transition: 0.3s ease-out;
    -webkit-transition: 0.3s ease-out;
}

.cma-button:hover .cma-button-inner i {
    right: -20px;
    opacity: 1;
    transition: 0.3s ease-out;
    -webkit-transition: 0.3s ease-out;
}

.cma-online-class-register-button {
    text-align: center;
}

.cma-online-class-register-button .cma-button {
    padding: 10px 25px !important;
    border-radius: 25px !important;
    height: auto !important;
}

.pt-w-line {
    position: relative;
    background: #f7f7f7;
    margin: 20px auto 0 auto;
    width: 200px;
    height: 5px;
}

.pt-w-line:after {
    position: absolute;
    content: "";
    display: block;
    background: #e04028;
    width: 12px;
    height: 12px;
    left: 95px;
    top: -4px;
    border-radius: 6px;
    border: 3px solid #ffffff;
}

.cma-paging {
    margin-top: 30px;
    text-align: center;
}

.cma-paging .prev:before {
    font-family: "FontAwesome";
    content: "\f104";
    font-size: 16px;
}

.cma-paging span.current {
    background: #f0f0f0;
    border-color: transparent;
    border-radius: 3px;
}

.cma-paging a.page-numbers {
    border: 1px solid #f2f2f2;
    border-radius: 3px;
    padding: 6px 12px;
    margin: 0 3px;
}

.cma-paging .next:before {
    font-family: "FontAwesome";
    content: "\f105";
    font-size: 16px;
}

.delay-05s {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.delay-15s {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.slick-next {
    width: 30px;
    height: 30px;
    right: -30px;
    z-index: 1000;
}

.slick-prev {
    width: 30px;
    height: 30px;
    left: -30px;
    z-index: 1000;
}

@media (max-width: 767px) {
    .slick-prev {
        left: -10px !important;
    }

    .slick-next {
        right: -10px !important;
    }
}

.slick-next::before,
.slick-prev::before {
    font-size: 30px;
    color: #e01515;
    opacity: 0.5;
}

.slick-prev::before {
    font-family: "FontAwesome";
    content: "\f104";
}

.slick-next::before {
    font-family: "FontAwesome";
    content: "\f105";
}

.ug-bullets {
    padding: 10px !important;
    border-top: 1px solid #f7f7f7;
}

.cma-block {
    padding: 30px 0;
}

@media (max-width: 767px) {
    .cma-block {
        padding-bottom: 0 !important;
    }
    body .cma-block:nth-last-child() {
        margin-bottom: 30px !important;
    }
}

.block-header {
    text-align: center;
    margin-bottom: 30px;
}

.cma-fb-comments {
    margin-top: 20px;
}

.grid figure {
    position: relative;
    overflow: hidden;
    margin: 10px 1%;
    height: auto;
    background: #3085a3;
    text-align: center;
    cursor: pointer;
    height: 200px;
}

.grid figure img {
    position: relative;
    display: block;
    width: 100%;
    opacity: 0.8;
    height: auto;
}

.grid figure figcaption {
    padding: 0;
    color: #fff !important;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
    pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.grid figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}

.grid figure h2 {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 10px 5px;
    font-weight: 300;
    font-size: 20px;
    color: #fff;
    background: #000;
    opacity: 0.5;
}

.grid figure h2 span {
    font-weight: 800;
}

.grid figure h2,
.grid figure p {
    margin: 0;
}

.grid figure p {
    letter-spacing: 1px;
    font-size: 68.5%;
    color: #fff !important;
}

.hi-icon {
    cursor: pointer;
    position: relative;
}

.hi-icon:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    content: "";
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.tar-item {
    position: relative;
    padding-left: 20px;
    margin-bottom: 5px;
}

.tar-item:before {
    position: absolute;
    display: inline-block;
    width: 12px;
    height: 14px;
    font-family: "FontAwesome";
    content: "\f105";
    color: #f11a1a;
    margin-right: 5px;
    left: 0px;
    top: 0px;
}

/* Header */

body {
    overflow-x: hidden !important;
}

.affix {
    position: fixed;
    z-index: 1030;
    left: 0;
    right: 0;
}

.header-top {
    background-image: url(images/header-bg.jpg);
    background-position: center center;
    background-size: cover;
}

.header-top p {
    margin-bottom: 0;
}

.header-top .container .row {
    padding: 0 15px;
}

.header-top > .container > .row:after {
    content: "";
    clear: both;
}

@media (max-width: 999px) {
    .header-top {
        display: none;
    }
}

.cma-header-left {
    float: left;
    width: 120px;
}

.header-logo {
    width: 120px;
    display: block;
    cursor: pointer;
}

.header-logo img {
    height: 60px;
}

.cma-domain-name {
    text-align: center;
    color: #fff;
    font-size: 15px !important;
}

.header-address-phone {
    float: right;
    width: 86%;
    padding-top: 15px;
}

@media (max-width: 1200px) {
    .header-address-phone {
        padding-top: 5px;
    }
}

.header-address-phone:after {
    content: "";
    clear: both;
}

.header-address {
    float: right;
    padding: 0 20px 0 0;
    border-right: 1px solid #42414c;
}

@media (max-width: 1200px) {
    .header-address {
        width: 40%;
    }
}

.header-phone {
    float: right;
    padding: 0 20px;
    border-right: 1px solid #42414c;
}

.header-hot-line {
    float: right;
    padding-top: 8px;
    color: #9692a0;
    padding: 10px 0px 0 20px;
}

.header-hot-line span {
    font-size: 16px;
}

.header-hot-line span strong {
    color: #e01515;
}

.top-address-box li p,
.top-phone-box li p {
    color: #9692a0;
}

.top-address-box,
.top-phone-box,
.header-hot-line ul {
    display: table-row;
}
.top-address-box li:nth-child(1),
.top-phone-box li:nth-child(1),
.header-hot-line ul li:nth-child(1) {
    display: table-cell;
    vertical-align: middle;
    padding-right: 15px;
}

.header-hot-line ul li:nth-child(1) {
    padding-top: 3px;
}

.top-address-box i,
.top-phone-box i,
.header-hot-line i {
    font-size: 25px;
    color: #e01515;
}

/* Menu */

.mobile-menu-icon {
    display: block;
    position: relative;
    width: 25px;
    height: 80px;
}

.mobile-menu-icon button {
    position: absolute;
    left: 0;
    top: 50%;
    background: #fff;
    width: 100%;
    height: 2px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border: none;
    padding: 0;
}

.mobile-menu-icon-button-hover {
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.mobile-menu-icon:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 30px;
    background: #fff;
    width: 100%;
    height: 2px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.mobile-menu-icon.hover:before {
    top: 40px !important;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.mobile-menu-icon:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 29px;
    background: #fff;
    width: 100%;
    height: 2px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.mobile-menu-icon.hover:after {
    top: 40px !important;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.header-menu {
    background: #e01515;
    border-top: 1px solid #3c0505;
}

.header-menu .col-md-12:after {
    content: "";
    display: block;
    clear: both;
}

@media (min-width: 1000px) {
    .header-menu .site-branding {
        display: none;
    }
}

.site-branding:after {
    content: "";
    display: block;
    clear: both;
}

.site-branding .custom-logo {
    height: 50px;
    float: left;
}

.site-branding .custom-logo img {
    height: 50px;
}

.site-branding .brand-name {
    float: left;
    margin-left: 10px;
}

.site-branding .brand-name strong {
    font-size: 12px;
    line-height: 50px;
    color: #fff;
}

.header-menu .main-navigation {
    background: #e01515;
}

.header-menu .main-navigation:after {
    content: "";
    display: block;
    clear: both;
}

.menu-header-menu-container {
    float: left;
}

.header-menu .main-navigation > div > ul > li {
    padding: 13px 0;
}

.header-menu .main-navigation > div > ul > li > a {
    color: #c8c8da;
    border-right: 1px dashed rgba(255, 255, 255, 0.4);
    padding: 2px 17px !important;
}

@media (max-width: 1199px) {
    .header-menu .main-navigation > div > ul > li > a {
        padding: 2px 13px !important;
    }
}

.header-menu .main-navigation > div > ul > li:last-child > a {
    border-right: none;
}

.header-menu .main-navigation > div > ul > li > a:hover {
    color: #fff;
}

.header-menu .main-navigation ul.main-menu > li.current-menu-item > a {
    color: #fff;
}

.header-menu .main-navigation ul ul li.menu-item-has-children > a:before {
    content: "";
    display: block;
    position: absolute;
    width: 10px;
    height: 2px;
    background: #e01515;
    right: 10px;
    top: 23px;
    transform: rotate(1080deg);
    -webkit-transform: rotate(1080deg);
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
}

.header-menu .main-navigation ul ul li.menu-item-has-children > a:after {
    content: "";
    display: block;
    position: absolute;
    width: 2px;
    height: 10px;
    background: #e01515;
    right: 14px;
    top: 19px;
    transform: rotate(720deg);
    -webkit-transform: rotate(720deg);
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
}

.header-menu .main-navigation ul ul li.menu-item-has-children > a:hover:before {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
}
.header-menu .main-navigation ul ul li.menu-item-has-children > a:hover:after {
    transform: rotate(450deg);
    -webkit-transform: rotate(450deg);
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
}

.nav-search {
    z-index: 100;
    position: absolute;
    right: 0;
}

.nav-search .widget-t-inner {
    /* width: 230px; */
}

.widget-t .search-form .form-control {
    background: #ee4444;
    border: medium none !important;
    border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: none;
    height: 50px;
    padding: 0 20px;
    z-index: 0;
    cursor: initial;
    color: #c8c8da;
}

.widget-t .search-form .form-control::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #c8c8da;
    opacity: 1; /* Firefox */
}

.widget-t .search-form .form-control:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #c8c8da;
}

.widget-t .search-form .form-control::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #c8c8da;
}

.widget-t-search .search-form .input-group .input-group-addon {
    background: #ee4444;
    border: 0 none;
    border-radius: 0;
    -webkit-border-radius: 0;
    padding: 0;
}

.widget-t-search .search-form .input-group input{
    display: none;
}

.widget-t-search .search-form .input-group .input-group-addon button {
    background: #ee4444;
    border: 0 none;
    color: #c8c8da;
    font-size: 1.2em;
    line-height: 2.1em;
    position: relative;
}

.mobile-menu {
    z-index: 2000;
}

.mobile-menu .main-menu li a {
    color: #fff !important;
}

.mobile-menu .main-menu li {
    padding: 12px;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.4);
}

.mobile-menu .main-menu > li:first-child {
    padding-top: 0;
}

.mobile-menu .main-menu li:last-child {
    border-bottom: none;
}

.mobile-menu .main-menu > li > a:hover {
    color: #e01515;
}

.zmm-dropdown-toggle:before {
    color: #fff;
}

/* Footer */

.site-footer {
    background: #000;
    color: #c8c8da;
}

@media (max-width: 767px) {
    .site-footer {
        margin-top: 30px;
    }
    .footer-top .footer-wrap {
        text-align: center;
    }
}

.cma-map {
    height: 250px;
}

.footer-top ul li a {
    color: #c8c8da;
}

.footer-top ul li a:hover {
    color: #e01515;
}

.footer-top .footer-column .widget_nav_menu {
    margin-bottom: 15px;
}

.footer-bottom {
    padding-bottom: 30px;
}

.footer-bottom p,
.footer-bottom a {
    color: #c8c8da;
}

.footer-bottom .footer-wrap ul.list-inline {
    margin-top: 20px;
}

.footer-bottom .address-box1,
.footer-bottom .address-box2,
.footer-logo {
    margin-bottom: 20px;
}

.footer-bottom .footer-logo img {
    width: 150px;
    height: 150px;
}

.footer-bottom .address-box1,
.footer-bottom .address-box2 {
    text-align: center;
}

.footer-bottom .address-box1 span.fa,
.footer-bottom .address-box2 span.fa {
    font-size: 50px;
    color: #e01515;
}

.footer-bottom .cma-social-icon {
    display: block;
    width: 24px;
    height: 24px;
    background-size: cover;
}

.cma-icon-facebook {
    background-image: url("images/007-facebook.png");
}

.cma-icon-twitter {
    background-image: url("images/006-twitter.png");
}

.cma-icon-gplus {
    background-image: url("images/003-google-plus.png");
}

.cma-icon-youtube {
    background-image: url("images/001-youtube.png");
}

.cma-icon-instagram {
    background-image: url("images/005-instagram.png");
}

.cma-icon-linkedin {
    background-image: url("images/004-linkedin.png");
}

.cma-icon-pinterest {
    background-image: url("images/002-pinterest.png");
}

/* Home page */

.cma-slidebox {
    padding-top: 0 !important;
}

@media (min-width: 767px) {
    .cma-slidebox .post-item .post-img {
        height: 500px;
    }
}

@media (max-width: 767px) {
    .cma-slidebox .post-item .post-img {
        height: 220px;
    }
    .cma-slidebox .slick-prev {
        left: 0 !important;
    }

    .cma-slidebox .slick-next {
        right: 0 !important;
    }
}

.cma-slidebox .post-item .post-img {
    display: block;
    cursor: pointer;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.cma-slidebox .slick-prev {
    left: 0 !important;
}

.cma-slidebox .slick-next {
    right: 0 !important;
}

/* CMA Professional */

.cma-professional h1 span.hili {
    color: #e01515;
    font-size: 110%;
}

.cma-professional .container {
    text-align: center;
}

.cma-professional .bouncer {
    color: #fff;
}

.ball {
    position: absolute;
    top: 0;
    left: -20px;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    background: #e01515;
    margin-left: -5px;
    transition-property: left, top;
    transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1), cubic-bezier(0.25, 0.1, 0.25, 1);
}

@media (max-width: 768px) {
    .cma-professional p.bouncer {
        display: none;
    }
    .cma-professional h1 {
        display: block;
    }
}

@media (min-width: 768px) {
    .cma-professional p.bouncer {
        display: inline-block;
    }
    .cma-professional h1 {
        display: none;
    }
}

.cma-professional p {
    position: relative;
    margin: 0 auto;
    display: inline-block;
    text-align: center;
    font-size: 40px;
    outline: none;
}

.word.lit {
    color: #000;
}

.bouncer .word:nth-of-type(5),
.bouncer .word:nth-of-type(7),
.bouncer .word:nth-of-type(9) {
    font-size: 50px;
}

.bouncer .word.lit:nth-of-type(5),
.bouncer .word.lit:nth-of-type(7),
.bouncer .word.lit:nth-of-type(9) {
    color: #e01515 !important;
}

.light-switch {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 50px;
    color: #aaa;
    cursor: pointer;
}
.light-switch:hover {
    color: #999;
}

.hint {
    width: 350px;
    height: 30px;
    font-size: 13px;
    line-height: 30px;
    text-align: center;
    background: #ddd;
    color: #666;
    position: absolute;
    left: 50%;
    top: -30px;
    margin-left: -175px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    cursor: default;
}
.hint:not(.preload) {
    transition: top 1s;
}
.hint.open {
    top: 0px;
}
.hint > i {
    margin: 0 5px;
    background: #ccc;
    color: #222;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    display: inline-block;
    line-height: 17px;
    width: 17px;
    height: 17px;
}

/* CMA Faculty */

@media (min-width: 768px) {
    .cma-faculty .container {
        padding: 0 10%;
    }
    .cma-faculty .row {
        margin-bottom: 30px;
    }

    .cma-faculty .row:nth-child(2) {
        margin-bottom: 0px;
    }
}

.hi-icon-effect-1 .hi-icon {
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
}

.hi-icon-effect-1 .hi-icon:after {
    top: -7px;
    left: -7px;
    padding: 7px;
    box-shadow: 0 0 0 4px #ff0000;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -webkit-transform: scale(0.8);
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transition: transform 0.2s, opacity 0.2s;
    transform: scale(0.8);
    opacity: 0;
}

.hi-icon-effect-1a .hi-icon:hover {
    background: #e01515 !important;
}

.hi-icon-effect-1a .hi-icon:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.cma-faculty .row .col-md-4 {
    opacity: 0;
    z-index: 100;
}

@media (max-width: 768px) {
    .cma-faculty .col-md-4 {
        margin-bottom: 30px;
    }
}

.cma-faculty .post-item .post-img {
    display: block;
    width: 140px;
    height: 140px;
    background: #576979;
    border-radius: 70px;
    -webkit-border-radius: 70px;
    background-size: cover;
    margin: 0 auto;
}

.cma-faculty .post-item .post-title {
    text-align: center;
    font-weight: bold;
    margin-top: 10px;
}

/* Speed comic */

.cma-speed-comic {
    background: rgb(247, 247, 247);
}

@media (min-width: 768px) {
    .cma-speed-comic .row {
        margin-bottom: 30px;
    }

    .cma-speed-comic .row:nth-child(3) {
        margin-bottom: 0px;
    }
}

@media (max-width: 767px) {
    .cma-speed-comic .row .col-md-4 {
        margin-bottom: 30px;
    }

    .cma-speed-comic .row:nth-last-child() .col-md-4:nth-last-child() {
        margin-bottom: 0;
    }
}

figure.effect-apollo {
    background-size: cover;
}

figure.effect-apollo img {
    opacity: 0.95;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1);
}

figure.effect-apollo figcaption::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    content: "";
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
}

figure.effect-apollo p {
    position: absolute;
    right: 0;
    top: 0;
    margin: 3em 1em;
    padding: 0.5em 1em;
    max-width: 190px;
    border-right: 4px solid #fff;
    text-align: left;
    opacity: 0;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}

figure.effect-apollo h2 {
    text-align: center;
}

figure.effect-apollo:hover img {
    opacity: 0.6;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

figure.effect-apollo:hover figcaption::before {
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
}

figure.effect-apollo:hover p {
    background: #000;
    opacity: 0.5;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.cma-speed-comic .time-table-title {
    display: block;
}

.cma-speed-comic .time-table-item {
    display: block;
}

/* Speed teen comic */

figure.effect-lexi {
    background: -webkit-linear-gradient(-45deg, #000 0%, #fff 100%);
    background: linear-gradient(-45deg, #000 0%, #fff 100%);
    background-size: cover;
}

figure.effect-lexi img {
    margin: -10px 0 0 -10px;
    max-width: none;
    width: -webkit-calc(100% + 10px);
    width: calc(100% + 10px);
    opacity: 0.9;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(10px, 10px, 0);
    transform: translate3d(10px, 10px, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

figure.effect-lexi figcaption::before,
figure.effect-lexi p {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

figure.effect-lexi figcaption::before {
    position: absolute;
    right: -100px;
    bottom: -100px;
    width: 300px;
    height: 300px;
    border: 2px solid #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    box-shadow: 0 0 0 900px rgba(255, 255, 255, 0.2);
    content: "";
    opacity: 0;
    -webkit-transform: scale3d(0.5, 0.5, 1);
    transform: scale3d(0.5, 0.5, 1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

figure.effect-lexi:hover img {
    opacity: 0.6;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

figure.effect-lexi h2 {
    text-align: center;
    opacity: 0.5;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(5px, 5px, 0);
    transform: translate3d(0px, 5px, 0);
}

figure.effect-lexi p {
    background: #000;
    position: absolute;
    right: 0;
    bottom: 80px;
    padding: 0.5em 0 0.5em 1em;
    width: 180px;
    text-align: left;
    opacity: 0;
    -webkit-transform: translate3d(20px, 20px, 0);
    transform: translate3d(20px, 20px, 0);
}

figure.effect-lexi:hover figcaption::before {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

figure.effect-lexi:hover h2,
figure.effect-lexi:hover p {
    opacity: 0.5;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

@media (max-width: 767px) {
    .cma-speed-comic-teen .row .col-md-4 {
        margin-bottom: 30px;
    }
}

.cma-speed-comic-teen .time-table-title {
    display: block;
}

.cma-speed-comic-teen .time-table-item {
    display: block;
}

/* .cma-online-class .block-header h1 span a{
    color: rgb(224, 21, 21) !important;
    font-size: 22px;
    font-style: italic;
} */

.cma-home-category-header {
    text-transform: none;
    font-family: Verdana, Geneva, Tahoma, sans-serif !important;
    font-size: 24px;
    font-weight: bold;
}

.teacher-box {
    margin-top: 30px;
    margin-bottom: 20px;
}

.teacher-items .teacher-box2 {
    display: none;
}

.teacher-control {
    height: 50px;
    margin-top: -30px;
    padding-bottom: 20px;
}

.teacher-control ul {
    float: none;
    position: absolute;
    left: 50%;
    margin-left: -65px;
}

@media (max-width: 768px) {
    .teacher-control ul {
        margin-left: -26px;
    }
}

.teacher-control ul li a {
    cursor: pointer;
}

.teacher-box .tmm_member .tmm_photo {
    width: 200px !important;
    height: 200px !important;
}

.teacher-box .tmm_member .tmm_names {
    font-size: 15px;
}

/* CMA Operation */
.cma-operation {
    background: rgb(247, 247, 247);
}

@media (max-width: 767px) {
    .cma-news-type-1 > .row > .col-md-4 {
        margin-bottom: 30px;
    }
    .cma-news-type-1 > .row > .col-md-4:last-child {
        margin-bottom: 0px;
    }
}

.cma-news-type-1 .col1 .post-item,
.cma-news-type-1 .col2 .post-item {
    margin: 0 auto;
}

.cma-news-type-1 .col1 .post-item .post-img,
.cma-news-type-1 .col2 .post-item .post-img {
    display: block;
    background-size: cover;
    height: 250px;
    background-color: #eeeeee;
    background-repeat: no-repeat;
    background-position: center center;
}

.cma-news-type-1 .post-item .post-img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.cma-news-type-1 .post-item .post-img:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.cma-news-type-1 .col1 .post-item .post-content,
.cma-news-type-1 .col2 .post-item .post-content {
    text-align: center;
    padding: 10px;
}

.cma-news-type-1 .post-item .post-title {
    font-weight: bold;
}

.cma-news-type-1 .col3 .post-item {
    margin-bottom: 10px;
}

.cma-news-type-1 .col3 .post-item-right {
    padding-left: 0 !important;
    padding-top: 15px;
}

.cma-news-type-1 .col3 .post-item-left .post-img {
    width: 100%;
    padding-top: 100%;
    background-size: cover;
    margin: 0 auto;
    display: block;
    cursor: pointer;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #eeeeee;
    background-repeat: no-repeat;
    background-position: center center;
}

/* CMA International */

.cma-news-type-2 .post-item {
    margin: 0 auto;
    transform: scale(1);
    -webkit-transform: scale(1);
    transition: all 0.3s;
    -webkit-transition: 0.3s all;
    opacity: 1;
}

.cma-news-type-2 .post-item:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transition: all 0.3s;
    -webkit-transition: 0.3s all;
    opacity: 0.7;
    box-shadow: 2px 2px 10px rgba(10, 10, 10, 0.05);
}

.cma-news-type-2 .post-item .post-img {
    display: block;
    background-size: cover;
    height: 250px;
    background-color: #eeeeee;
    background-repeat: no-repeat;
    background-position: center center;
}

.cma-news-type-2 .post-item .post-content {
    text-align: center;
    padding: 10px;
}

.cma-international {
    text-align: center;
}

@media (max-width: 768px) {
    .cma-international .row .col-md-6 {
        margin-bottom: 30px;
    }
}

.cma-international .col-md-6 .post-item .post-img {
    display: block;
    width: 100%;
    height: 250px;
    overflow: hidden;
    background-color: #eeeeee;
}

.cma-international .col-md-6 > .post-item > .post-img > img {
    height: 250px;
}

.cma-international .post-item .post-img img {
    transform: scale(1);
    -webkit-transform: scale(1);
    transition: 0.5s;
    -webkit-transition: 0.5s;
    filter: brightness(90%);
    width: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}

.cma-international .post-item .post-img:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transition: 0.5s;
    -webkit-transition: 0.5s;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
    filter: brightness(70%);
}

/* CMA Hiring */

@media (max-width: 767px) {
    .cma-hiring {
        margin-top: 30px;
    }
    .cma-hiring .row .col-md-4 {
        margin-bottom: 20px;
    }
    .cma-hiring .row .col-md-4:last-child {
        margin-bottom: 0px;
    }
}

/* CMA Feeling */

.cma-feeling-box {
    background: rgb(247, 247, 247);
}

@media (max-width: 767px) {
    .cma-feeling-box {
        padding-bottom: 30px !important;
    }
}

.cma-feeling {
    margin-top: 30px;
}

.cma-feeling .post-item {
    padding: 3% 5%;
    border: 1px solid #dedede;
    opacity: 0.3;
    box-shadow: 0 0 6px rgba(10, 10, 10, 0.05);
}

.cma-feeling .slick-current .post-item {
    opacity: 1 !important;
}

.cma-feeling .post-item hr {
    border: 0 !important;
    height: 1px;
    background-image: -webkit-linear-gradient(left, #fefefe, #dedede, #fefefe);
    background-image: -moz-linear-gradient(left, #fefefe, #dedede, #fefefe);
    background-image: -ms-linear-gradient(left, #fefefe, #dedede, #fefefe);
    background-image: -o-linear-gradient(left, #fefefe, #dedede, #fefefe);
}

@media (min-width: 768px) {
    .cma-feeling .post-item .post-excerpt {
        height: 180px;
    }
}

@media (max-width: 767px) {
    .cma-feeling .post-item .post-excerpt {
        height: 180px;
    }
}

.cma-feeling .post-item .post-user {
    display: table;
}

.cma-feeling .post-item .post-user .user {
    padding-left: 10px;
    display: table-cell;
    vertical-align: middle;
}

.cma-feeling .post-item .post-user .avatar-img {
    display: block;
    float: left;
    background-position: center center;
    background-size: cover;
    height: 100px;
    width: 100px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
}

.cma-feeling .post-item .post-user .user-name {
    font-weight: bold;
    color: #000;
}

/* CMA Communication */

.cma-communication {
    margin-top: 30px;
}

@media (min-width: 768px) {
    .cma-communication .communication-content .post-excerpt {
        padding: 0 100px;
    }
}

.cma-communication .communication-content .post-excerpt {
    text-align: left;
}

.cma-communication .communication-image {
    margin: 0 auto;
}

.cma-communication .communication-image .slick-list:after {
    content: "";
    display: block;
    clear: both;
}

.communication-image .post-item {
    padding: 20px 10px;
}

.communication-image .post-img {
    display: block;
    cursor: pointer;
    height: 70px;
    margin: 0 auto;
    background-size: cover;
    background-position: center center;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: 0.3 all;
    transition: 0.3 all;
    opacity: 0.3;
}

.cma-communication .communication-image .slick-current .post-img {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.cma-communication .slick-next::before,
.cma-communication .slick-prev::before {
    color: #000;
    opacity: 0.3;
}

/*********** About us page ******************/

p.intro-content1 {
    font-size: 16px !important;
    padding-right: 25%;
    padding-left: 20px;
    border-left: 2px solid #e01515;
    opacity: 0;
}

p.intro-content2 {
    font-size: 16px !important;
    padding-left: 25%;
    text-align: right;
    padding-right: 20px;
    border-right: 2px solid #e01515;
    opacity: 0;
}

.intro-image {
    background-size: cover;
    margin: 50px 0;
    opacity: 0;
}

@media (min-width: 768px) {
    .intro-image {
        width: 650px;
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    .intro-image-left {
        width: 100%;
    }
    .intro-image-right {
        width: 100%;
    }
}

.intro-image-left {
    float: left;
    text-align: center;
}

.intro-image-left span:before {
    font-size: 120px;
    color: #e01515;
}

.intro-image-right {
    float: left;
    text-align: center;
}

.intro-image-right blockquote {
    font-size: 30px;
    padding-top: 30px;
    font-weight: bold;
}

.intro-image-right blockquote:before {
    content: "\275D";
}

.intro-image-right blockquote:after {
    content: "\275E";
}

.target-vision .col-md-4:after {
    content: "";
    clear: both;
}

.target-vision .col-md-4 .target-left {
    float: left;
}

.target-vision .col-md-4 .target-left span {
    font-size: 40px;
    color: #e01515;
}

.target-vision .col-md-4 .target-right {
    float: left;
    margin-left: 10px;
    width: 75%;
}

.cma-traits {
    background: #f7f7f7;
    padding: 30px 0;
}

.cma-traits .container-fluid .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.trait-main-title {
    text-align: center;
}

@media (min-width: 768px) {
    .trait-main-title {
        padding-top: 70px;
    }
}

.trait-item {
    text-align: center;
}

.trait-icon span:before {
    font-size: 50px !important;
    color: #6b74e6;
}

.cma-info .info-item {
    width: 230px;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .cma-info .row:first-child {
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .cma-info .row .col-md-4 {
        margin-bottom: 30px;
    }
}

.cma-info .info-item:after {
    content: "";
    clear: both;
    display: block;
}

.info-item .info-item-left {
    float: left;
    text-align: center;
}

.info-item .info-item-left span:before {
    font-size: 100px;
    color: #e01515;
    line-height: 100px;
}

.info-item .info-item-right {
    float: left;
    text-align: center;
    padding-left: 10px;
}

.info-item .info-item-right .info-count-box,
.info-item .info-item-right .info-count {
    font-weight: bold;
}

.seven-skills {
    background: #f7f7f7;
}

.seven-skills .container > .row:nth-child(2) {
    margin-top: 20px;
}

.skill-main-image {
    background-image: url(images/logo-circle.png);
    background-size: contain;
    background-repeat: no-repeat;
    padding-top: 50px;
}

.skill-item {
    text-align: center;
    margin-bottom: 30px;
}

.skill-item-left,
.skill-item-right {
}

.skill-icon span:before {
    font-size: 70px;
    color: #6b74e6;
    line-height: 70px;
}

.ten-reason {
}

.reason-item {
    margin-bottom: 20px;
}

.reason-item:after {
    content: "";
    clear: both;
    display: block;
}

.reason-number {
    float: left;
    font-weight: 100;
    color: rgba(56, 60, 80, 0.6);
    width: 30px;
    text-align: right;
}

.reason-right {
    width: 85%;
    position: relative;
    float: left;
    margin-left: 15px;
}

.reason-right:before {
    left: 0;
    top: 10px;
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    background: #383c50;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.reason-right:after {
    left: 3px;
    top: 25px;
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background: rgba(56, 60, 80, 0.3);
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.reason-title {
    padding-left: 25px;
}

.reason-content {
    padding-left: 25px;
}



.five-different {
    background: #f7f7f7;
}

.five-different .slick-prev::before, .five-different .slick-next::before{
    color: #000 !important;
}

@media (max-width: 767px) {
    .five-different {
        padding-bottom: 30px !important;
    }
}

.five-different .different-item {
    text-align: center;
}

.different-icon span:before {
    font-size: 70px;
    color: #e01515;
    line-height: 70px;
}

.six-advantage {
}

.advantage-item {
    margin-bottom: 15px;
    opacity: 0;
}

.advantage-title {
    position: relative;
    display: block;
    cursor: pointer;
    border: 1px solid #6b74e6;
    padding: 7px 10px 7px 60px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    font-weight: bold;
    font-size: 16px;
}

.advantage-title.collapsed {
    border: 1px solid #dedede;
}

.advantage-title:before {
    content: "-";
    position: absolute;
    left: 15px;
    top: 2px;
    color: #6b74e6;
    font-size: 20px;
}

.advantage-title.collapsed:before {
    content: "+";
    color: #dedede;
}

.advantage-title:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background: #6b74e6;
    left: 40px;
    top: 0;
}

.advantage-title.collapsed:after {
    background: #dedede;
}

.advantage-content-inner {
    padding: 10px;
}

.cma-club {
    background: #f7f7f7;
}

@media (max-width: 767px) {
    .cma-club {
        margin-top: 30px !important;
        padding-bottom: 30px !important;
    }
}

/* Job detail */

@media (max-width: 767px) {
    .job-detail-box .content-right {
        margin-top: 30px;
    }
}

.job-detail-box .cma-block {
    padding-top: 50px !important;
}

.job-detail-box .job-detail-item {
    background: #f7f7f7;
    padding: 20px 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
}

.job-detail-item .job-icon {
    width: 100px;
    height: 100px;
    padding: 10px;
    background: #fff;
    margin: 0 auto;
    border-radius: 50px;
    -webkit-border-radius: 50px;
}

.job-detail-item .job-title {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.job-detail-item .job-icon img {
    width: 80px;
    height: 80px;
}

.job-detail-item .job-att-item {
    margin-top: 10px;
}

.job-detail-item .job-att-item:after {
    content: "";
    display: block;
    clear: both;
}

.job-detail-item .job-att-left {
    float: left;
    text-align: right;
    width: 45%;
}

.job-detail-item .job-att-right {
    float: left;
    margin-left: 10px;
    width: 45%;
    font-weight: bold;
}

.job-detail-item .job-des,
.job-detail-item .job-req {
    margin-top: 20px;
    padding-left: 20px;
}

.job-detail-item .job-des pre,
.job-detail-item .job-req pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    font-size: 100% !important;
    color: #666666 !important;
    background: #f7f7f7 !important;
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif,
        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.job-detail-item .job-receive {
    text-align: center;
    margin-top: 20px;
}

.job-detail-box .content-right h3 {
    text-align: center;
}

.job-detail-box .content-right h3:after {
    margin-top: 10px;
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
}

.job-relate-list {
    margin-top: 20px;
}

.job-relate-list .job-item {
    margin-bottom: 30px;
    background: #f7f7f7;
    padding: 20px 10px;
}

.job-relate-list .job-icon {
    width: 70px;
    height: 70px;
    padding: 10px;
    background: #fff;
    margin: 0 auto;
    border-radius: 35px;
    -webkit-border-radius: 35px;
}

.job-relate-list .job-title {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.job-relate-list .job-icon img {
    width: 50px;
    height: 50px;
}

.job-relate-list .job-att-item {
    margin-top: 10px;
}

.job-relate-list .job-att-item:after {
    content: "";
    display: block;
    clear: both;
}

.job-relate-list .job-att-left {
    float: left;
    text-align: right;
    width: 45%;
}

.job-relate-list .job-att-right {
    float: left;
    margin-left: 10px;
    width: 45%;
    font-weight: bold;
}

.job-relate-list .job-item .job-button {
    margin-top: 10px;
    text-align: center;
}

/* CMA Enrollment */

.cma-enroll .enroll-banner {
    height: 570px;
    background-image: url(images/enroll-banner.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.enroll-info h2 {
    font-family: "Asap", cursive;
    text-align: center;
    padding-bottom: 50px;
    opacity: 0;
}

.enroll-student-target {
    background: #f7f7f7;
}

.enroll-student-target .container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.enroll-student-target .container-fluid .row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.enroll-student-target .container-fluid .row .col-lg-6 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.en-target-bg {
    width: 100%;
    height: 400px;
    overflow: hidden;
}

@media (max-width: 767px) {
    .en-target-bg {
        height: 250px;
    }
}

.en-target-bg img {
    transform: scale(1);
    -webkit-transform: scale(1);
    transition: 0.5s;
    -webkit-transition: 0.5s;
    filter: brightness(90%);
}

.en-target-bg:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transition: 0.5s;
    -webkit-transition: 0.5s;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
    filter: brightness(70%);
}

.en-target-content {
    padding-top: 20px;
    padding-bottom: 20px;
}

.en-target-content h1 {
    padding-bottom: 10px;
    margin-left: 30px;
}

.en-target-content h1:after {
    content: "";
    display: block;
    width: 100px;
    height: 5px;
    background: #e01515;
    margin-top: 5px;
}

.en-target-content-box {
    margin-top: 30px;
    padding-left: 30px;
}

@media (max-width: 767px) {
    .en-target-content-box {
        padding-left: 10px;
    }
    .en-target-content h1 {
        margin-left: 10px;
    }
}

.en-target-content ul li:before {
    font-family: "FontAwesome";
    content: "\f005";
    display: inline;
    color: #e01515;
    margin-right: 10px;
    font-size: 15px;
}

.en-target-content ul li {
    margin-bottom: 10px;
    font-size: 15px;
}

.en-target-note {
    font-weight: bold;
}

.en-faculty-list .row .col-md-4 {
    margin-bottom: 30px;
}

.en-faculty-list .post-icon {
    display: block;
}

.en-faculty-list .post-icon span {
    display: block;
    height: 200px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
}

.en-faculty-list .post-item {
    background: #f7f7f7;
    padding: 20px 10px 0 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
}

.en-faculty-list .post-title {
    text-align: center;
    padding-top: 10px;
}

.en-faculty-list .post-title:after {
    margin-top: 10px;
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
}

.faculty-item {
    border-bottom: 1px dotted #e0e0e0;
}

.faculty-item.faculty-register {
    padding-top: 20px;
    padding-bottom: 20px;
}

.faculty-item:last-child {
    border-bottom: none;
}

.faculty-item:after {
    content: "";
    display: block;
    clear: both;
}

.faculty-item-left {
    float: left;
    width: 35%;
    padding: 10px;
    text-align: right;
}

.faculty-item-right {
    float: left;
    width: 60%;
    padding: 10px;
    font-weight: bold;
}

.faculty-item-right .course-item {
    margin-bottom: 10px;
}

.faculty-item-right.course-timetable {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    font-size: 100% !important;
    /* color: #666666 !important; */
    font-size: 14px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif,
        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.faculty-register {
    padding: 10px;
    text-align: center;
}

.faculty-register .cma-button {
    background: #fff;
    border: none;
}

.faculty-register .cma-button-text {
    color: #41ca56;
}

.faculty-register .cma-button:hover .cma-button-text {
    color: #41ca56 !important;
}

.faculty-register .cma-button:hover .cma-button-inner i {
    color: #41ca56;
}

@media (min-width: 768px) {
    .teacher-box-1 .block-header p {
        width: 500px;
        margin: 0 auto;
    }
}

.teacher-list-1 .post-item {
    padding: 10px;
}

.teacher-list-1 .post-item-inner {
    background: #f7f7f7;
    padding: 20px;
}

.teacher-list-1 .post-image {
    width: 150px;
    height: 150px;
    margin: 0 auto;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    overflow: hidden;
}
.teacher-list-1 .post-image img {
    transform: scale(1);
    -webkit-transform: scale(1);
    transition: 0.3 s;
    -webkit-transition: 0.3s;
    width: 150px;
    height: 150px;
    object-fit: cover;
    -o-object-fit: cover;
}

.teacher-list-1 .post-image:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transition: 0.3s;
    -webkit-transition: 0.3s;
    filter: brightness(70%);
}

.teacher-list-1 .post-title {
    text-align: center;
    margin-top: 10px;
}

.teacher-list-1 .post-content {
    text-align: center;
    margin-top: 10px;
}

.teacher-2-content .post-title,
.teacher-2-content .post-content {
    text-align: center;
}

.teacher-2-image .post-item {
    padding: 0 20px;
}

.teacher-2-image .slick-current .post-img {
    border: 1px dotted #6b74e6;
}

.teacher-2-image .post-img {
    width: 150px;
    height: 150px;
    margin: 0 auto;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    overflow: hidden;
    transform: scale(0.6);
    -webkit-transform: scale(0.6);
    transition: 0.3s;
    -webkit-transition: 0.3s;
    filter: brightness(50%);
}

.teacher-2-image .post-img:hover {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transition: 0.3s;
    -webkit-transition: 0.3s;
    filter: brightness(70%);
}

.teacher-2-image .slick-current .post-img {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transition: 0.3s;
    -webkit-transition: 0.3s;
    filter: brightness(90%);
}

.teacher-2-image .slick-current .post-img:hover {
    transform: scale(1);
    -webkit-transform: scale(1);
    transition: 0.3s;
    -webkit-transition: 0.3s;
    filter: brightness(100%);
}

.teacher-2-image .post-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

.cma-award {
    margin-top: 30px;
}

.award {
    font-family: "Asap", cursive;
}

.award .row .col-md-4 {
    margin-bottom: 20px;
}

.award .aw-number {
    color: #e01515;
    font-weight: bold;
    font-size: 40px;
    text-align: center;
}

.award .post-title {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}

.award .post-content {
    text-align: center;
    margin-top: 20px;
    font-size: 18px;
}

.promo {
    background: #f7f7f7;
    margin-top: 30px;
}

@media (min-width: 768px) {
    .promo h1 {
        text-align: right;
        padding-right: 40px;
        padding-top: 90px;
    }
}

@media (max-width: 767px) {
    .promo .row .col-md-6 {
        margin-bottom: 20px;
    }
}

.promo .promo-item {
    margin-bottom: 10px;
}
.promo .promo-item:after {
    content: "";
    display: block;
    clear: both;
}

.promo-left {
    float: left;
}

.promo-left span:before {
    font-size: 50px;
    color: #6b74e6;
}

.promo-right {
    float: left;
    margin-left: 15px;
    width: 80%;
}

.gallery-inner {
    background: #000;
}

.cma-gallery-box {
    display: none;
    max-width: 100% !important;
}

.four-register-box {
    background: #f7f7f7;
}

@media (min-width: 767px) {
    .four-register-box .post-item .post-title {
        display: none;
    }

    .four-register-box .slick-dots {
        left: -260px;
        top: 60px;
        width: 200px;
    }
    .four-register-box .slick-dots li {
        display: block;
        width: 100% !important;
        height: 45px;
        border: 2px solid #d9d9d9;
        margin-bottom: 20px;
        padding: 5px;
    }

    .four-register-box .slick-dots li button {
        width: 100%;
        text-align: left;
        height: 30px;
        padding: 0;
        margin: 0;
    }

    .four-register-box .slick-dots li button:before {
        display: block;
        float: left;
        font-family: Flaticon !important;
        font-size: 30px !important;
        position: relative !important;
        width: 30px !important;
        height: 30px !important;
        line-height: 30px !important;
        color: #6b74e6 !important;
        opacity: 0.5 !important;
    }

    .four-register-box .slick-dots li button:hover:before {
        opacity: 1 !important;
    }

    .four-register-box .slick-dots li.slick-active {
        background: #6b74e6 !important;
    }

    .four-register-box .slick-dots li.slick-active button:before {
        color: #fff !important;
        opacity: 1 !important;
    }

    .four-register-box .slick-dots li.slick-active button:after {
        color: #fff !important;
        opacity: 1 !important;
    }

    .four-register-box .slick-dots li button:after {
        display: block;
        float: left;
        font-size: 15px;
        color: #000;
        line-height: 30px;
        margin-left: 5px;
    }

    .four-register-box .slick-dots li:nth-child(1) button:before {
        content: "\f102" !important;
    }
    .four-register-box .slick-dots li:nth-child(1) button:after {
        content: "Đăng kí online";
    }

    .four-register-box .slick-dots li:nth-child(2) button:before {
        content: "\f11f" !important;
    }
    .four-register-box .slick-dots li:nth-child(2) button:after {
        content: "Chuẩn bị hồ sơ";
    }

    .four-register-box .slick-dots li:nth-child(3) button:before {
        content: "\f101" !important;
    }
    .four-register-box .slick-dots li:nth-child(3) button:after {
        content: "Nộp hồ sơ";
    }

    .four-register-box .slick-dots li:nth-child(4) button:before {
        content: "\f100" !important;
    }
    .four-register-box .slick-dots li:nth-child(4) button:after {
        content: "Hoàn tất đăng kí";
    }
}

@media (max-width: 767px) {
    .four-register-box {
        padding-top: 20px;
    }
    .four-register-box .post-item {
        margin-bottom: 20px;
    }
}

@media (min-width: 768px) {
    .four-register-box .post-item .post-content {
        position: relative;
        height: 370px;
        overflow: hidden;
        font-size: 15px;
    }
}

.register-box.slick-slider {
    margin-bottom: 0px !important;
}

.four-register-box .step2 a {
    color: #6b74e6;
}

.four-register-box .post-item .post-content img {
    filter: brightness(70%);
    transform: scale(1);
    transition: 0.3s ease-out;
    -webkit-transform: scale(1);
    -webkit-transition: 0.3s ease-out;
}

.four-register-box .post-item .post-content:hover img {
    filter: brightness(60%);
    transform: scale(1.1);
    transition: 0.3s ease-out;
    -webkit-transform: scale(1.1);
    -webkit-transition: 0.3s ease-out;
}

@media (min-width: 768px) {
    .four-register-box .post-item .post-content-inner {
        position: absolute;
        left: 20px;
        top: 20px;
    }
}

@media (min-width: 768px) {
    .four-register-box .post-item .post-content-inner {
        color: #fff;
    }

    .four-register-box .post-item .post-content-inner .cma-button-text {
        color: #fff;
    }

    .four-register-box .post-item .post-content-inner h3 {
        color: #fff;
    }
}

.student-corner .post-item {
    padding: 0 20px;
}

.student-corner .post-item .post-excerpt {
    background: #f7f7f7;
    padding: 20px;
}

.student-corner .post-item .post-user {
    position: relative;
    padding: 20px;
    display: table;
}

.student-corner .post-item .post-user:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 50px;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #f7f7f7 transparent transparent transparent;
}

.student-corner .post-item .post-user .user {
    padding-left: 10px;
    display: table-cell;
    vertical-align: middle;
}

.student-corner .post-item .post-user .avatar-img {
    display: block;
    float: left;
    background-position: center center;
    background-size: cover;
    height: 100px;
    width: 100px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
}

.student-corner .post-item .post-user .user-name {
    font-weight: bold;
    color: #000;
}

.enroll-add {
    background: #f7f7f7;
    padding: 30px 0;
}

.enroll-add-box .container-fluid .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.enroll-add-main-title {
    text-align: center;
}

@media (min-width: 768px) {
    .enroll-add-main-title {
        padding-top: 40px;
    }
}

.enroll-add-item {
    text-align: center;
    margin-top: 20px;
}

.enroll-add-icon i {
    font-size: 40px !important;
    color: #6b74e6;
    margin-top: -12px;
}

/*   All Enroll post */

.enroll-detail-box {
    padding: 30px 0;
}

@media (max-width: 767px) {
    .enroll-detail-box .col-lg-8 {
        margin-bottom: 30px;
    }
}

.cma-refund {
    position: relative;
}

@media (min-width: 768px) {
    .enroll-detail-box .content-left:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: -20px;
        width: 2px;
        height: 100%;
        border-radius: 100%;
        -webkit-border-radius: 100%;
        background: #f7f7f7;
    }
}

.cma-refund h2 {
    text-align: center;
}

.refund-main-content {
    text-align: center;
    margin-bottom: 30px;
    font-size: 18px;
}

.cma-refund .row .col-md-6 {
    margin-bottom: 30px;
}

.cma-refund .row .post-item .post-icon {
    background-position: center center;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    margin: 0 auto;
}

.cma-refund .row .item1 .post-icon {
    background-image: url(images/classroom.svg);
}

.cma-refund .row .item2 .post-icon {
    background-image: url(images/wall-calendar.svg);
}

.cma-refund .row .item3 .post-icon {
    background-image: url(images/school-material.svg);
}

.cma-refund .row .item4 .post-icon {
    background-image: url(images/question.svg);
}

.cma-refund .row .item3 a {
    color: #6b74e6;
    font-weight: bold;
}

.cma-refund .row .post-title {
    text-align: center;
}

.cma-refund .row .post-content {
    text-align: center;
}

.cma-refund .condition-detail .rule2-block {
    margin-top: 20px;
}

.cma-refund .condition-detail .main-title {
    text-align: center;
}

.cma-refund .condition-detail .rule2-block .rule-header {
    font-size: 105%;
    font-weight: bold;
    border-bottom: solid 1px #f7f7f7;
}

.cma-refund .condition-detail .rule2-block .rule-title,
.cma-refund .condition-detail .rule2-block .rule-content {
    margin-top: 10px;
}

.cma-refund .condition-detail .rule2-block .rule-header:after,
.cma-refund .condition-detail .rule2-block .rule-content:after {
    content: "";
    display: block;
    clear: both;
}

.cma-refund .condition-detail .rule2-block .rule-title {
    font-weight: bold;
}

.cma-refund .condition-detail .rule2-block .rule-column {
    float: left;
}

.cma-refund .condition-detail .rule2-block .rule-column-1 {
    width: 15%;
    text-align: center;
}
.cma-refund .condition-detail .rule2-block .rule-column-2 {
    width: 50%;
}
.cma-refund .condition-detail .rule2-block .rule-column-3 {
    width: 30%;
    text-align: center;
}

.cma-refund .condition-detail .rule2-block .rule-content .rule-column {
    border-bottom: solid 1px #f7f7f7;
}

.enroll-detail-box .enroll-list .post-item {
    padding: 10px 0;
    border-bottom: 1px dotted #6b74e6;
}

.enroll-detail-box .enroll-list .post-item:last-child {
    border-bottom: none;
}

.enroll-detail-box .enroll-list {
    padding-left: 30px;
}

.enroll-detail-box .enroll-list .post-item a {
    font-weight: bold;
}

.enroll-detail-box .enroll-list .post-item a:before {
    font-family: "FontAwesome";
    content: "\f192";
    color: #e01515;
    margin-right: 5px;
}

#sendModal .modal-body .progress {
    height: 20px;
    width: 100%;
    background-color: #fff;
}

#sendModal .modal-body .functions {
    margin-top: 20px;
}

#sendModal .modal-body .user-info .col-lg-6 {
    margin-bottom: 20px;
}

#sendModal .modal-body .upload-item .col-lg-12 {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #6b74e6;
}

#sendModal .modal-body .upload-item .fa-trash {
    color: #e01515;
    font-size: 16px;
    margin-right: 20px;
}

#sendModal .modal-body .cma-progress {
    display: none;
    margin-bottom: 20px;
}

#sendModal .modal-body .functions .btn-success {
    background: #d9d9d9;
    border: #d9d9d9;
    color: #000;
}

#sendModal .modal-body .functions .btn-primary {
    background: #6b74e6;
    display: none;
}

#sendModal .modal-body .functions .loading {
    visibility: hidden;
}

#sendModal .modal-body .functions .loading img {
    display: inline;
}

#sendModal .modal-body .functions .send-result {
    visibility: hidden;
    color: #e01515;
}

.register-steps h2 {
    margin-bottom: 30px;
}

.register-steps .post-item {
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .register-steps .post-item .post-content {
        position: relative;

        overflow: hidden;
        font-size: 16px;
    }
}

.register-steps .step2 .post-content-inner a {
    color: #6b74e6;
}

.register-steps .post-item .post-content img {
    filter: brightness(70%);
    transform: scale(1);
    transition: 0.3s ease-out;
    -webkit-transform: scale(1);
    -webkit-transition: 0.3s ease-out;
    height: 500px;
}

.register-steps .post-item .post-content:hover img {
    filter: brightness(60%);
    transform: scale(1.1);
    transition: 0.3s ease-out;
    -webkit-transform: scale(1.1);
    -webkit-transition: 0.3s ease-out;
}

@media (min-width: 768px) {
    .register-steps .post-item .post-content-inner {
        position: absolute;
        left: 20px;
        top: 20px;
    }
}

@media (min-width: 768px) {
    .register-steps .post-item .post-content-inner {
        color: #fff;
    }

    .register-steps .post-item .post-content-inner h3 {
        color: #fff;
    }
}

.application-form h2 {
    text-align: center;
    margin-bottom: 20px;
}

.application-form .post-icon {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    background-position: center center;
}

.application-form .post-item {
    margin-top: 30px;
}

.application-form .post-item .post-title {
    text-align: center;
}

.application-form .item1 .post-icon {
    background-image: url(images/file.svg);
}

.application-form .item2 .post-icon {
    background-image: url(images/laptop.svg);
}

.application-form .item1 a {
    color: #6b74e6;
}

.cma-payment h2 {
    text-align: center;
    margin-bottom: 30px;
}

.cma-payment .post-item {
    margin-top: 20px;
}

.cma-payment .post-item .post-icon {
    width: 50px;
    height: 50px;
    margin: 0 auto;
}

.cma-payment .item1 .post-icon {
    background-image: url(images/coins.svg);
}

.cma-payment .item2 .post-icon {
    background-image: url(images/card.svg);
}

.cma-payment .post-item .post-title {
    text-align: center;
}

.cma-payment .post-item .post-content {
    text-align: center;
}

.cma-award-detail .main-icon {
    background-image: url(images/trophy.svg);
    width: 70px;
    height: 70px;
    margin: 0 auto;
}

.cma-award-detail h2 {
    margin-bottom: 20px;
    text-align: center;
}

.award-detail-item {
    margin-bottom: 20px;
}

.award-detail-item:after {
    content: "";
    clear: both;
    display: block;
}

.award-detail-number {
    float: left;
    font-weight: 100;
    color: rgba(56, 60, 80, 0.6);
    width: 30px;
    text-align: right;
}

.award-detail-right {
    width: 85%;
    position: relative;
    float: left;
    margin-left: 15px;
}

.award-detail-right:before {
    left: 0;
    top: 10px;
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    background: #383c50;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.award-detail-right:after {
    left: 3px;
    top: 25px;
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background: rgba(56, 60, 80, 0.3);
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.award-detail-title {
    padding-left: 25px;
}

.award-detail-content {
    padding-left: 25px;
}

/* CMA infrastructure */

.cma-infras .grid-item {
    width: 33%;
    height: 300px;
    padding: 0.5%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 767px) {
    .infras-controls ul li {
        margin-bottom: 20px;
    }
    .cma-infras .grid-item {
        width: 100%;
        height: 200px;
        margin-bottom: 20px;
    }
}

.cma-infras .grid-item-inner {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    background: #f0f0f0;
    overflow: hidden;
}

.cma-infras .grid-item-inner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-object-fit: cover;
    filter: brightness(90%);
    transform: scale(1);
    transition: 0.3s ease-out;
    -webkit-transform: scale(1);
    -webkit-transition: 0.3s ease-out;
}

.cma-infras .grid-item-inner:hover img {
    filter: brightness(80%);
    transform: scale(1.1);
    transition: 0.3s ease-out;
    -webkit-transform: scale(1.1);
    -webkit-transition: 0.3s ease-out;
}

.cma-infras .infras-current {
    border: 1px solid #6b74e6;
}

.cma-infras .infras-current .cma-button-text {
    color: #6b74e6;
}

.infras-controls {
    text-align: center;
}

.infras-controls .list-inline-item{
    margin-bottom: 20px;
}

/* Education type*/

.edu-type .main-content-title h3 {
    text-align: center;
}

.edu-type .faculty-list {
    background: #f7f7f7;
}

.edu-type .faculty-list h3 {
    text-align: center;
}

.edu-type .faculty-list-box .post-icon {
    width: 50px;
    height: 50px;
    margin: 0 auto;
}

.edu-type .faculty-list-box .post-title {
    text-align: center;
}

.edu-type .faculty-list-box .post-content {
    text-align: center;
}

.edu-type .faculty-list-box .item2 .post-icon {
    background-image: url(images/stopwatch.svg);
}

.edu-type .faculty-list-box .item1 .post-icon {
    background-image: url(images/school-material.svg);
}

.edu-type .teacher-detail {
    text-align: center;
}

.edu-type .form-register {
    text-align: center;
}

.edu-type .form-register .cma-button {
    margin-bottom: 30px;
}

.edu-type .form-register .cma-button {
    background: #fa527b;
    border: none;
    margin-right: 20px;
}

.edu-type .form-register .cma-button-text {
    color: #efefef;
}

.edu-type .form-register .cma-button:hover .cma-button-text {
    color: #fff !important;
}

.cma-all-timetable .advantage-item {
    opacity: 1 !important;
}

@media (max-width: 767px) {
    .cma-all-timetable .col-lg-4 {
        margin-top: 30px;
    }
}

.tt-main-title {
    text-align: center;
}

.tt-content-inner {
    background: #f7f7f7;
}

.cma-all-timetable .container .row:nth-child(2) {
    margin-top: 30px;
}

.cma-all-timetable .post-title {
    text-align: center;
}

.tt-extra {
    background: #f7f7f7;
}

@media (max-width: 767px) {
    .tt-extra .col-md-4 {
        margin-top: 30px;
    }
    .tt-extra .extra-item h4 {
        text-align: center;
    }
}

.tt-extra .post-icon {
    background-image: url(images/target.svg);
    width: 100px;
    height: 100px;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .tt-extra .col-md-2 {
        padding-top: 70px;
    }
}

.pro-comic .banner  img{
    width: 100%;
}

.pro-comic .row .col-md-4:nth-child(1) {
    position: relative;
}

@media (min-width: 768px) {
    .pro-comic .banner .row .col-md-4:nth-child(1):after {
        content: "";
        display: block;
        position: absolute;
        width: 1px;
        background: #fff;
        height: calc(100% + 10px);
        border-radius: 50%;
        -webkit-border-radius: 50%;
        top: 0;
        right: 0;
    }
    .pro-comic .banner .main-title {
        text-align: right;
        padding-right: 20px;
    }
}

.pro-comic .banner .main-title h1 {
    line-height: 60px;
}

@media (max-width: 768px) {
    .pro-comic .banner {
        text-align: center;
    }
}

.pro-comic .banner h1,
.pro-comic .banner h3 {
    color: #fff;
}

.pro-comic .banner .main-content {
    padding-top: 10px;
    padding-left: 20px;
}

.pro-comic .main-title .procm-download-box {
    margin-bottom: 15px;
}


.pro-comic .pro-timetable .course-item {
    line-height: 25px;
}

.pro-comic .pro-timetable .course-item .course-name,
.pro-comic .pro-timetable .course-item .course-date {
    font-weight: bold;
}

.procm-hili .hili {
    /* font-size: 15px; */
}

@media (max-width: 767px) {
    .procm-hili .col-md-6 {
        margin-bottom: 30px;
    }
}

.procm-hili .hili1 {
    padding-left: 20px;
    border-left: 2px solid #e01515;
}

.procm-hili .hili2 {
    text-align: right;
    padding-right: 20px;
    border-right: 2px solid #e01515;
}

.procm-who {
    background: #f7f7f7;
    padding-top: 20px;
    padding-bottom: 20px;
}

.procm-who .post-item {
    text-align: center;
}

.procm-who .post-icon {
    background-image: url(images/question.svg);
    width: 70px;
    height: 70px;
    margin: 0 auto;
}

.procm-who .post-title {
    margin-top: 15px;
}

.procm-who .post-content {
    margin-top: 15px;
}

.procm-info .info-item {
    width: 190px;
    margin: 0 auto 0px auto;
}

@media (max-width: 767px) {
    .procm-info .col-md-3 {
        margin-bottom: 30px;
    }
}

.procm-info .row:nth-child(1) {
    margin-top: 30px;
}

.procm-info .info-item-left {
    width: 70px;
    height: 70px;
}

.procm-info .col-md-3:nth-child(1) .info-item-left {
    background-image: url(images/wall-calendar.svg);
}

.procm-info .col-md-3:nth-child(2) .info-item-left {
    background-image: url(images/agenda.svg);
}

.procm-info .col-md-3:nth-child(3) .info-item-left {
    background-image: url(images/books.svg);
}

.procm-info .col-md-3:nth-child(4) .info-item-left {
    background-image: url(images/avatar.svg);
}

.procm-info .info-item:after {
    content: "";
    clear: both;
    display: block;
}

.procm-info .info-item-left {
    float: left;
    text-align: center;
}

.procm-info .info-item-left span:before {
    font-size: 100px;
    color: #e01515;
    line-height: 100px;
}

.procm-info .info-item-right {
    float: left;
    text-align: center;
    padding-left: 10px;
    min-width: 110px;
}

.procm-info .info-item-right .info-count-box,
.info-item .info-item-right .info-count {
    font-weight: bold;
}

.procm-classes{
    margin-top: 30px;;
}

.procm-classes .row:nth-child(2){
    margin-top: 30px;
}

.procm-classes .advantage-item{
    opacity: 1 !important;
}

.student-box .block-header{
    text-align: center;
}

.student-box .student-list{
    display: flex;
    align-items: start;
    gap: 20px;
    flex-wrap: wrap;
}

.student-box .student-list .student-item{
    text-align: center;
    width: calc(25% - 15px) !important;
}

.student-box .student-list .student-item .student-img {
    width: 100%;
    height: 250px;
    overflow: hidden;
}

.student-box .student-list .student-item .student-img img {
    transform: scale(1);
    -webkit-transform: scale(1);
    transition: 0.5s;
    -webkit-transition: 0.5s;
    filter: brightness(90%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.student-box .student-list .student-item .student-img:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transition: 0.5s;
    -webkit-transition: 0.5s;
    filter: brightness(70%);
}


.student-box .student-list .student-item .student-name{
    margin-top: 10px;
    font-weight: bold;
}

.student-box .student-list .student-item .student-des{
    margin-top: 10px;
}

.cma-projects .slick-prev {
    left: -15px !important;
}

.cma-projects .slick-next {
    right: -15px !important;
}

.cma-projects .post-item {
    padding: 0 15px;
}

.cma-projects .post-img {
    border-radius: 15px;
    overflow: hidden;
}

.cma-projects {
    background: #f7f7f7;
}

.cma-projects .grid figure {
    height: 250px !important;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    background-position: center center;
    background-size: cover;
}

.cma-projects figure.effect-lexi figcaption::before {
    right: -50px;
    bottom: -70px;
}

.cma-projects figure.effect-lexi p {
    width: 220px !important;
}

.pro-comic .cma-feeling-box {
    background: #fff;
}

@media (min-width: 768px) {
    .nhk-tv .main-content {
        padding-top: 60px;
        text-align: right;
    }
}

.pro-2d .banner {
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
        url(images/hoc-lam-phim-hoat-hinh-2d-chuyen-nghiep.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 700px;
    color: #fff !important;
    padding: 50px 0;
}

.pro-2d .banner h1,
.pro-2d .banner h3 {
    color: #fff;
}

.pro-2d .banner .block-header {
    padding-top: 50px;
}

.pro-2d .banner .block-header p:after {
    content: "";
    display: block;
    background: #fff;
    width: 100%;
    height: 1px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    margin-top: 20px;
}

.pro-2d .pro-timetable .course-item {
    line-height: 25px;
}

.pro-2d .pro-timetable .course-item .course-name,
.pro-2d .pro-timetable .course-item .course-date {
    font-weight: bold;
}

.pro-2d .pro-timetable .procm-download-box {
    margin-top: 15px;
    margin-bottom: 15px;
}

.pro-2d .pro-timetable .procm-download-box .cma-button-text {
    color: #fff;
}

.pro-2d .carrer-future .post-icon {
    background-image: url(images/increase.svg);
    width: 70px;
    height: 70px;
    margin: 0 auto;
}

.pro-2d .future-block {
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 25px;
}

.pro-2d .future-block1 {
    text-align: right;
}

.pro-2d .future-block2 {
    text-align: left;
}

@media (min-width: 768px) {
    .pro-2d-projects .main-content {
        padding-top: 100px;
    }
}

.pro-2d-projects .main-content {
    text-align: center;
}

.pro-2d-projects .main-content .post-icon {
    width: 70px;
    height: 70px;
    margin: 0 auto;
    background-image: url(images/light-bulb.svg);
}
.pro-2d-projects .main-content h1:after {
    content: "";
    display: block;
    width: 300px;
    height: 1px;
    margin: 10px auto 0 auto;
    background: #6b74e6;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.pro-2d .cma-gallery {
    margin-top: 0 !important;
}

.pro-3d .banner {
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(images/hoat-hinh-3d.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 700px;
    color: #fff !important;
    padding: 50px 0;
}

.pro-3d .banner h1,
.pro-3d .banner h3 {
    color: #fff;
}

.pro-3d .banner .block-header {
    padding-top: 50px;
}

.pro-3d .banner .block-header p:after {
    content: "";
    display: block;
    background: #fff;
    width: 100%;
    height: 1px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    margin-top: 20px;
}

.pro-3d .pro-timetable .course-item {
    line-height: 25px;
}

.pro-3d .pro-timetable .course-item .course-name,
.pro-3d .pro-timetable .course-item .course-date {
    font-weight: bold;
}

.pro-3d .pro-timetable .procm-download-box {
    margin-bottom: 15px;
    margin-top: 15px;
}

.pro-3d .pro-timetable .procm-download-box .cma-button-text {
    color: #fff;
}

.pro-3d .carrer-future .post-icon {
    background-image: url(images/increase.svg);
    width: 70px;
    height: 70px;
    margin: 0 auto;
}

.pro-3d .future-block {
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 25px;
}

.pro-3d .future-block1 {
    text-align: right;
}

.pro-3d .future-block2 {
    text-align: left;
}

.pro-3d .cma-gallery {
    margin-top: 0 !important;
}

.prodi-main-content {
    background: #f7f7f7;
}

.prodi-main-content .container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.prodi-main-content .container-fluid .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.prodi-main-content .col-lg-6 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

@media (min-width: 768px) {
    .prodi-bg {
        height: 400px;
    }
}
.prodi-bg {
    width: 100%;
    overflow: hidden;
}

@media (max-width: 767px) {
    .prodi-bg {
        max-height: 250px;
    }
    .prodi-main-content .col-lg-6 {
        margin-bottom: 30px;
    }
}

.prodi-bg img {
    transform: scale(1);
    -webkit-transform: scale(1);
    transition: 0.5s;
    -webkit-transition: 0.5s;
    filter: brightness(90%);
}

.prodi-bg:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transition: 0.5s;
    -webkit-transition: 0.5s;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
    filter: brightness(70%);
}

.prodi-content-inner {
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px) {
    .prodi-content:before {
        content: "";
        display: block;
        float: left;
        margin-left: -60px;
        width: 0;
        height: 0;
        z-index: 10;
        border-top: 230px solid transparent;
        border-bottom: 230px solid transparent;
        border-right: 60px solid #f7f7f7;
    }
    .prodi-content-inner {
        float: left;
        padding-left: 20px !important;
    }
    .prodi-content-inner h1 {
        padding-top: 10px;
        float: left;
    }
}

@media (max-width: 767px) {
    .prodi-content-inner {
        text-align: center;
    }
}

.prodi-content-inner h1:after {
    margin-top: 10px;
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-image: -webkit-linear-gradient(left, #f9e1e1, #e01515, #f9e1e1);
    background-image: -moz-linear-gradient(left, #f9e1e1, #e01515, #f9e1e1);
    background-image: -ms-linear-gradient(left, #f9e1e1, #e01515, #f9e1e1);
    background-image: -o-linear-gradient(left, #f9e1e1, #e01515, #f9e1e1);
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.prodi-content-box {
    margin-top: 15px;
}

.prodi-reg-box {
    margin-top: 15px;
}

.prodi-what {
    background: #f7f7f7;
}

.prodi-what .container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.prodi-what .container-fluid .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.prodi-what .col-lg-6 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.prodi-what-content-inner {
    padding-right: 50px;
    padding-left: 15px;
}

@media (min-width: 768px) {
    .prodi-what-content-inner {
        float: left;
        text-align: right;
    }
    .prodi-what .prodi-bg{
        height: 480px !important;
    }

}

@media (max-width: 767px) {
    .prodi-what-content-inner {
        text-align: center;
    }

    .prodi-what .prodi-bg {
        margin-top: 30px;
    }
}

.prodi-what-content-inner h1 {
    float: right;
}

.prodi-what-content-inner h1:after {
    margin-top: 10px;
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-image: -webkit-linear-gradient(left, #f9e1e1, #e01515, #f9e1e1);
    background-image: -moz-linear-gradient(left, #f9e1e1, #e01515, #f9e1e1);
    background-image: -ms-linear-gradient(left, #f9e1e1, #e01515, #f9e1e1);
    background-image: -o-linear-gradient(left, #f9e1e1, #e01515, #f9e1e1);
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
.prodi-what-content {
    z-index: 10;
    padding-right: 0 !important;
}

@media (min-width: 768px) {
    .prodi-what-content:after {
        content: "";
        display: block;
        float: left;
        width: 0;
        height: 0;
        z-index: 10;
        margin-right: -60px;
        border-top: 240px solid transparent;
        border-bottom: 240px solid transparent;
        border-left: 60px solid #f7f7f7;
    }
    .prodi-what-content-inner {
        padding-top: 20px;
    }
}

@media (max-width: 767px) {
    .prodi-who .col-md-6 {
        margin-bottom: 30px;
    }
}

.prodi-who .col-md-6 .post-icon {
    width: 70px;
    height: 70px;
    margin: 0 auto;
}

.prodi-who .col-md-6 .item1 .post-icon {
    background-image: url(images/classroom.svg);
}

.prodi-who .col-md-6 .item2 .post-icon {
    background-image: url(images/target.svg);
}

.prodi-who .col-md-6 .post-title {
    text-align: center;
}

.prodi-who .col-md-6 .post-content {
    text-align: center;
}

@media (max-width: 767px) {   
    .pro-digital .prodi-timetable .item-left {
        padding-top: 30px !important;
    }

   
}

@media (min-width: 768px) {
    .pro-digital .prodi-content-inner {
        padding-right: 50px;
    }

    .pro-digital .prodi-main-content .prodi-bg img{
        width: 100%;
        object-fit: cover;
        height: 100%;
    }

    .pro-digital .prodi-content::before{
        border-top: 200px solid transparent !important;
        border-bottom: 200px solid transparent !important;
    }

    .pro-digital .prodi-timetable .item-left::after{
        border-top: 200px solid transparent !important;
        border-bottom: 200px solid transparent !important;
    }
}

.pro-digital .pro-classes .advantage-item{
    opacity: 1 !important;
}

.pro-digital .procm-info {
    background: #f7f7f7;
}

.prodi-timetable .item-left {
    /* padding-left: 0 !important; */
    background: #f7f7f7;
    position: relative;
}

.prodi-timetable .item-right {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media (min-width: 768px) {
    .prodi-timetable .item-left:after {
        content: "";
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        top: 0;
        z-index: 1;
        right: -60px;
        border-top: 200px solid transparent;
        border-bottom: 200px solid transparent;
        border-left: 60px solid #f7f7f7;
    }
    .prodi-timetable-content {
        padding-top: 30px;
    }
    .prodi-timetable-content-inner {
        text-align: right;
    }
}

@media (max-width: 767px) {
    .prodi-timetable-content-inner {
        text-align: center;
        padding-bottom: 20px;
    }
}

.prodi-timetable-content-inner h1 {
    float: right;
}

.prodi-timetable-content-inner h1:after {
    margin-top: 10px;
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-image: -webkit-linear-gradient(left, #f9e1e1, #e01515, #f9e1e1);
    background-image: -moz-linear-gradient(left, #f9e1e1, #e01515, #f9e1e1);
    background-image: -ms-linear-gradient(left, #f9e1e1, #e01515, #f9e1e1);
    background-image: -o-linear-gradient(left, #f9e1e1, #e01515, #f9e1e1);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    margin-bottom: 15px;
}

.prodi-timetable-content-box .course-item {
    line-height: 25px;
}

.prodi-timetable-content-box .course-item .course-name,
.prodi-timetable-content-box .course-item .course-date {
    font-weight: bold;
}

.speedcmp-banner {
    background-image: url(images/hoc-ve-truyen-tranh-cap-toc-1920x600.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

@media (min-width: 768px) {
    .speedcmp-banner {
        height: 600px;
    }
}

@media (max-width: 767px) {
    .speedcmp-banner {
        height: 200px;
    }

    .speedcmp-geninfo .row .col-md-4 {
        padding: 15px 0;
    }
}

.speedcmp-geninfo {
    background: #0f1628;
}

.speedcmp-geninfo .post-item {
    padding: 10px 0;
}

.speedcmp-geninfo .post-icon {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    background-size: cover;
}

.speedcmp-geninfo .post-title {
    text-align: center;
    color: #fff;
    margin-top: 10px;
    font-weight: bold;
}

.speedcmp-geninfo .item1 .post-icon {
    background-image: url(images/calendar.svg);
}

.speedcmp-geninfo .item2 .post-icon {
    background-image: url(images/money.svg);
}

.speedcmp-geninfo .item3 .post-icon {
    background-image: url(images/smartphone.svg);
}

.speedcmp-info .post-icon {
    width: 50px;
    height: 50px;
    margin: 0 auto;
}

@media (max-width: 767px) {
    .speedcmp-info .row .col-md-6 {
        margin-bottom: 30px;
    }
}

.speedcmp-info .item1 .post-icon {
    background-image: url(images/classroom.svg);
}

.speedcmp-info .item2 .post-icon {
    background-image: url(images/target.svg);
}
.speedcmp-info .post-title {
    text-align: center;
    margin-top: 10px;
}

.speedcmp-info .post-content {
    text-align: center;
    margin-top: 10px;
}

.speedcmp-info .item2 .post-content {
    line-height: 30px;
}

.speedcmp-target {
    font-family: "Asap", cursive;
    background: #f7f7f7;
}

@media (max-width: 767px) {
    .speedcmp-target {
        padding-bottom: 30px !important;
    }
}

.speedcmp-target .post-icon {
    text-align: center;
}

.speedcmp-target .post-icon h1 {
    color: #e01515;
}

.speedcmp-target .post-title {
    text-align: center;
    margin-top: 10px;
}

.speedcmp-target .post-content {
    text-align: center;
    margin-top: 10px;
    font-size: 18px;
    font-weight: bold;
}

.ds-course-detail {
    margin: 50px 0 30px 0;
}

.speedcmp-promotion {
    padding: 30px 0;
}

.speedcmp-promotion .container-fluid .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.promo-main-title {
    text-align: center;
}

.promo-main-title .icon {
    background-image: url(images/discount.svg);
    width: 70px;
    height: 70px;
}

@media (min-width: 768px) {
    .promo-main-title {
        padding-top: 30px;
    }
}

.promo-item {
    text-align: center;
}

.promo-icon span:before {
    font-size: 50px !important;
    color: #6b74e6;
}

.spped-comic-page .speedcmp-cource-detail .col-md-4:after {
    content: "";
    clear: both;
}

.spped-comic-page .speedcmp-cource-detail .col-md-4 .target-left {
    float: left;
}

.spped-comic-page .speedcmp-cource-detail .col-md-4 .target-left span:before {
    font-size: 40px !important;
    color: #e01515;
}

.spped-comic-page .speedcmp-cource-detail .col-md-4 .target-right {
    float: left;
    margin-left: 10px;
    width: 75%;
}

.spped-comic-page .procm-info .row:nth-child(1) .info-item-left {
    width: 70px;
    height: 70px;
}

.spped-comic-page .procm-info .row:nth-child(1) .col-md-3:nth-child(1) .info-item-left {
    background-image: url(images/wall-calendar.svg);
}

.spped-comic-page .procm-info .row:nth-child(1) .col-md-3:nth-child(2) .info-item-left {
    background-image: url(images/agenda.svg);
}

.spped-comic-page .procm-info .row:nth-child(1) .col-md-3:nth-child(3) .info-item-left {
    background-image: url(images/books.svg);
}

.spped-comic-page .procm-info .row:nth-child(1) .col-md-3:nth-child(4) .info-item-left {
    background-image: url(images/avatar.svg);
}

.speedcmp-cource-detail {
    background: #f7f7f7;
}

.speedcmp-cource-detail .col-md-3:after {
    content: "";
    clear: both;
}

.speedcmp-cource-detail .col-md-3 .target-left {
    float: left;
}

.speedcmp-cource-detail .col-md-3 .target-left span:before {
    font-size: 40px !important;
    color: #e01515;
}

.speedcmp-cource-detail .col-md-3 .target-right {
    float: left;
    margin-left: 10px;
    width: 75%;
}

.speedcmp-cource-detail .stage-item {
    line-height: 25px;
}

.speedcmp-timetable {
    padding: 30px 0;
}

@media (min-width: 768px) {
    .speedcmp-tt-content {
        text-align: right;
    }
}

@media (max-width: 767px) {
    .speedcmp-tt-content {
        text-align: center;
    }
}

.speedcmp-tt-content-inner h1 {
    float: right;
}

.speedcmp-tt-content-inner h1:after {
    margin-top: 10px;
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-image: -webkit-linear-gradient(left, #f9e1e1, #e01515, #f9e1e1);
    background-image: -moz-linear-gradient(left, #f9e1e1, #e01515, #f9e1e1);
    background-image: -ms-linear-gradient(left, #f9e1e1, #e01515, #f9e1e1);
    background-image: -o-linear-gradient(left, #f9e1e1, #e01515, #f9e1e1);
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.speedcmp-tt-content-box .course-tt {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    font-size: 100% !important;
    color: #666666 !important;
    font-size: 14px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif,
        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.speedcmp-tt-content-box h3 {
    margin-bottom: 10px;
}

.speedcmp-tt-content-box .course-item {
    line-height: 25px;
}

.speedcmp-tt-content-box .course-item .course-name,
.speedcmp-tt-content-box .course-item .course-date {
    font-weight: bold;
}

@media (min-width: 768px) {
    .speedcmp-timetable .clock-box {
        padding-top: 80px;
    }
}

@media (max-width: 767px) {
    .speedcmp-timetable .clock-box {
        padding-top: 30px;
    }
}

.speedcmp-tt-reg-box {
    text-align: center;
    margin-top: 30px;
}

.spped-comic-page .cma-projects {
    background: #fff !important;
}

.speed-digital .prodi-bg.block1 img, .speed-digital .block2 .prodi-bg img{
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important;
}

@media (min-width: 768px) {
    .speed-digital .prodi-bg.block1 {
        height: 460px !important;
    }
    .prodi-timetable .item-left:after {
        border-top: 230px solid transparent !important;
        border-bottom: 230px solid transparent !important;
    }
    .speed-digital .block2 .prodi-content-inner h1 {
        padding-top: 50px !important;
    }
}

.speed-digital .item-left{
    height: 500px;
}

.speed-digital .item-left::after{
    border-top: 250px solid transparent !important;
    border-bottom: 250px solid transparent !important;
}

.speed-digital .item-left .prodi-timetable-content-box{
    padding-bottom: 15px;
}

.speed-digital .item-right .prodi-bg{
    height: 100% !important;    
}

.speed-digital .item-right img{
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.speed-digital .item-left::after{
    border-top: 250px solid transparent !important;
    border-bottom: 250px solid transparent !important;
}

.speed-digital .procm-info .main-content {
    text-align: center;
}

.speed-digital .prodi-timetable {
    background: #f7f7f7;
}

@media (max-width: 767px) {
    .speed-digital .prodi-timetable {
        padding-top: 30px;
    }

    .speed-digital .prodi-main-content {
        margin-top: 30px;
    }
}

.speed-digital .prodi-main-content.block2 .prodi-bg{
    height: 100% !important;
}

.speed-digital .prodi-main-content.block2 .prodi-bg img{
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.speed-digital .prodi-main-content.block2 .prodi-content{
    height: 520px;
}


.speed-digital .prodi-main-content.block2 .prodi-content:before {
    border-top: 260px solid transparent !important;
    border-bottom: 260px solid transparent !important;
}

.speed-digital .prodi-main-content.block3 .prodi-content{
    height: 400px;
}

.speed-digital .prodi-main-content.block3 .prodi-content::before{
    border-top: 200px solid transparent !important;
    border-bottom: 200px solid transparent !important;
}

.speed-digital .prodi-timetable-content-box p {
    margin-bottom: 0 !important;
}

.speed-digital .prodi-timetable-content-box .row,
.speed-digital .prodi-content-box .row {
    padding-top: 10px;
}

.speed-digital .prodi-timetable-content-box .row:before,
.speed-digital .prodi-content-box .row:before {
    margin-bottom: 15px;
    margin-top: 15px;
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-image: -webkit-linear-gradient(left, #f9e1e1, #e01515, #f9e1e1);
    background-image: -moz-linear-gradient(left, #f9e1e1, #e01515, #f9e1e1);
    background-image: -ms-linear-gradient(left, #f9e1e1, #e01515, #f9e1e1);
    background-image: -o-linear-gradient(left, #f9e1e1, #e01515, #f9e1e1);
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.speed-digital .prodi-bg img {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transition: 0.5s;
    -webkit-transition: 0.5s;
    filter: brightness(90%);
}

.speed-digital .prodi-bg:hover img {
    transform: scale(1.4);
    -webkit-transform: scale(1.4);
    transition: 0.5s;
    -webkit-transition: 0.5s;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
    filter: brightness(70%);
}

.speed-digital .procm-info {
    background: #f7f7f7;
}

.speed-digital .procm-info .info-item {
    width: 210px !important;
}

@media (max-width: 767px) {
    .speed-digital .procm-info .col-md-4 {
        margin-bottom: 30px;
    }
}

.speed-digital .procm-info .row:nth-child(1) {
    margin-top: 30px;
}

.speed-digital .procm-info .row:nth-child(1) .info-item-left {
    width: 70px;
    height: 70px;
}

/* .speed-digital .procm-info .row:nth-child(2) .col-md-3:nth-child(1) .info-item-left{
    background-image: url(images/numbered.svg);
} */

.speed-digital .procm-info .row:nth-child(1) .col-md-4:nth-child(1) .info-item-left {
    background-image: url(images/volume.svg);
}

.speed-digital .procm-info .row:nth-child(1) .col-md-4:nth-child(2) .info-item-left {
    background-image: url(images/classroom.svg);
}

.speed-digital .procm-info .row:nth-child(1) .col-md-4:nth-child(3) .info-item-left {
    background-image: url(images/laptop.svg);
}

.speed-digital .ds-course-detail {
    background: #ffffff;
}

.speed-digital .reason-item .reason-number {
    margin-bottom: 0 !important;
}
.speed-digital .reason-title {
    display: block;
}
.speed-digital .advantage-title {
    font-size: 18px;
}

.speed-digital .reason-right {
    padding-top: 5px;
}

.speed-digital .reason-right:before {
    top: 10px !important;
}

.speed-digital .advantage-content-inner .reason-right:after {
    height: 0;
}

.speed-digital .cma-gallery .gallery-inner {
    background: #fff;
}

.speed-digital .cma-gallery .ug-bullets {
    padding: 10px;
    border-top: 1px solid #f7f7f7;
}

.speed-digital .cma-gallery .block-header h1 {
    width: 200px;
    margin: 0 auto;
}

.speed-digital .cma-gallery .block-header h1:after {
    margin-top: 10px;
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-image: -webkit-linear-gradient(left, #f9e1e1, #e01515, #f9e1e1);
    background-image: -moz-linear-gradient(left, #f9e1e1, #e01515, #f9e1e1);
    background-image: -ms-linear-gradient(left, #f9e1e1, #e01515, #f9e1e1);
    background-image: -o-linear-gradient(left, #f9e1e1, #e01515, #f9e1e1);
    border-radius: 50%;
    -webkit-border-radius: 50%;
}


.speed-digital  .dgspeed-promotion{
    margin-top: 30px;
}

@media (min-width: 768px){
    .speed-digital  .dgspeed-promotion .promo-main-title{
        padding-top: 150px;
    }
}

.speed-digital .dgspeed-promotion .promo-detail{
    font-size: 20px;
    font-weight: bold;
}

.speed-script .banner {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(images/script-writing.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #fff !important;
    padding: 50px 0;
}

@media (min-width: 768px) {
    .speed-script .banner {
        height: 600px;
    }
}

@media (max-width: 767px) {
    .speed-script .banner {
        text-align: center;
    }
}

.speed-script .banner .row .col-md-4:nth-child(1) {
    position: relative;
}

.speed-script .banner .row .col-md-4:nth-child(1):after {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    background: #fff;
    height: calc(100% + 10px);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    top: 0;
    right: 0;
}

@media (min-width: 768px) {
    .speed-script .banner .main-title {
        text-align: right;
        padding-right: 20px;
    }
}

.speed-script .banner .main-title h1 {
    line-height: 60px;
}

.speed-script .banner h1,
.speed-script .banner h3 {
    color: #fff;
    margin-bottom: 15px;
}

.speed-script .banner .main-content {
    padding-top: 10px;
    padding-left: 20px;
}

.speed-script .pro-timetable .course-item {
    line-height: 25px;
}

.speed-script .pro-timetable .course-item .course-name,
.speed-script .pro-timetable .course-item .course-date {
    font-weight: bold;
}

.speed-script .pro-timetable .procm-download-box {
    margin-bottom: 15px;
}

.speed-script .procm-info .info-item {
    width: 210px !important;
}

.speed-script .procm-info .row:nth-child(1) .info-item-left {
    width: 70px;
    height: 70px;
}

.speed-script .procm-info .row:nth-child(1) .col-md-3:nth-child(1) .info-item-left {
    background-image: url(images/numbered.svg);
}

.speed-script .procm-info .row:nth-child(1) .col-md-3:nth-child(2) .info-item-left {
    background-image: url(images/volume.svg);
}

.speed-script .procm-info .row:nth-child(1) .col-md-3:nth-child(3) .info-item-left {
    background-image: url(images/classroom.svg);
}

.speed-script .procm-info .row:nth-child(1) .col-md-3:nth-child(4) .info-item-left {
    background-image: url(images/avatar.svg);
}

.teenage-digital .prodi-timetable .item-left{
    height: 460px;
}

.teenage-digital .prodi-timetable .item-right .prodi-bg{
    height: 100% !important;
}

.teenage-digital .prodi-timetable .item-right .prodi-bg img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.teenage-digital .prodi-main-content .prodi-content{
    height: 520px;
}

.teenage-digital .prodi-main-content .prodi-content::before{
    border-top: 260px solid transparent;
    border-bottom: 260px solid transparent;
}


.teenage-digital .prodi-main-content .prodi-bg{
    height: 100% !important;
}

.teenage-digital .prodi-main-content .prodi-bg img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}



.teenage-digital .prodi-content-box .content-block{
    font-size: 15px !important;
}

@media (max-width: 1150px){
    .teenage-digital .prodi-content-box .content-block{
        font-size: 14px !important;
    }
}

@media (min-width: 1350px){
    .teenage-digital .prodi-content-box .content-block{
        font-size: 17px !important;
    }
}

.teenage-digital .class-list{
    margin: 50px 0 20px 0;
}


.teenage-digital .class-list .post-item{
    padding: 20px;
    background: #f3f3f3;
    margin-bottom: 30px;
}

.teenage-digital .class-list .post-item .post-title{
    text-align: center;
}

.teenage-digital .class-list .post-item .register-item{
    text-align: center;
    padding-top: 20px;
}

.teenage-digital .class-list .post-item .faculty-item .class-location pre{
    color: inherit !important;
}


.speed-script .advantage-title,
.web-toon .advantage-title,
.speed-comic-background .advantage-title, .speed-comic-basic .advantage-title {
    font-size: 18px;
}

.speed-script .course-header,
.web-toon .course-header,
.teenage-digital .course-header,
.speed-comic-background .course-header, .speed-comic-basic .course-header {
    margin-top: 10px;
    background: #e0e0e0;
    padding: 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

.speed-script .course-header h5,
.web-toon .course-header h5,
.teenage-digital .course-header h5,
.speed-comic-background .course-header h5, .speed-comic-basic .course-header h5 {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    line-height: 25px;
}

.speed-script .course-header:after,
.web-toon .course-header:after,
.teenage-digital .course-header:after,
.speed-comic-background .course-header:after, .speed-comic-basic .course-header:after {
    content: "";
    display: block;
    clear: both;
    margin-top: 10px;
}

.speed-script .course-cell-left,
.web-toon .course-cell-left,
.teenage-digital .course-cell-left,
.speed-comic-background .course-cell-left, .speed-comic-basic .course-cell-left {
    float: left;
    width: 90%;
}

.speed-script .course-cell-right,
.web-toon .course-cell-right,
.teenage-digital .course-cell-right,
.speed-comic-background .course-cell-right, .speed-comic-basic .course-cell-right {
    float: left;
    width: 10%;
    padding-left: 15px;
    text-align: center;
}

.speed-script .course-group,
.web-toon .course-group,
.teenage-digital .course-group,
.speed-comic-background .course-group, .speed-comic-basic .course-group{
    margin-top: 20px;
    padding-left: 10px;
}

.speed-script .course-group strong,
.web-toon .course-group strong,
.teenage-digital .course-group strong,
.speed-comic-background .course-group strong {
    border-bottom: 1px solid #e01515;
    padding-bottom: 5px;
    font-size: 16px;
}

.speed-script .course-body,
.web-toon .course-body,
.teenage-digital .course-body,
.speed-comic-background .course-body, .speed-comic-basic .course-body {
    margin-top: 20px;
    padding-left: 10px;
}

.speed-script .course-body .course-item,
.web-toon .course-body .course-item,
.teenage-digital .course-body .course-item,
.speed-comic-background .course-body .course-item, .speed-comic-basic .course-body .course-item {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #6b74e6;
}

.speed-script .course-body .course-item:after,
.web-toon .course-body .course-item:after,
.teenage-digital .course-body .course-item:after,
.speed-comic-background .course-body .course-item:after, .speed-comic-basic .course-body .course-item:after {
    content: "";
    display: block;
    clear: both;
}

.speed-script .course-body .course-cell-left:before,
.web-toon .course-body .course-cell-left:before,
.teenage-digital .course-body .course-cell-left:before,
.speed-comic-background .course-body .course-cell-left:before, .speed-comic-basic .course-body .course-cell-left:before {
    font-family: "FontAwesome";
    content: "\f192";
    color: #e01515;
    margin-right: 5px;
}

.speed-script .speedcmp-timetable {
    background: #f7f7f7;
}

.success-students figure {
    position: relative;
    float: left;
    overflow: hidden;
    width: 100%;
    height: auto;
    background: #3085a3;
    text-align: center;
    cursor: pointer;
}

.success-students figure img {
    position: relative;
    display: block;
    width: 100%;
    opacity: 0.8;
}

.success-students figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.success-students figure figcaption::before,
.success-students figure figcaption::after {
    pointer-events: none;
}

.success-students figure figcaption,
.success-students figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.success-students figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}

.success-students figure h2 {
    word-spacing: -0.15em;
    font-weight: 300;
}

.success-students figure h2 span {
    font-weight: 800;
}

.success-students figure h2,
.success-students figure p {
    margin: 0;
}

.success-students figure p {
    letter-spacing: 1px;
    font-size: 68.5%;
}

figure.effect-julia {
    background: #2f3238;
}

figure.effect-julia img {
    max-width: none;
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, transform 1s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

figure.effect-julia figcaption {
    text-align: left;
}

figure.effect-julia h2 {
    position: relative;
    padding: 0.5em 0;
}

figure.effect-julia p {
    display: block;
    margin: 0 0 1em;
    padding: 0.4em 1em;
    background: rgba(255, 255, 255, 0.9);
    color: #2f3238;
    text-transform: none;
    font-weight: 500;
    font-size: 75%;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-400px, 0, 0);
    transform: translate3d(-400px, 0, 0);
}

figure.effect-julia p:first-child {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

figure.effect-julia p:nth-of-type(2) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

figure.effect-julia p:nth-of-type(3) {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}

figure.effect-julia:hover p:first-child {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

figure.effect-julia:hover p:nth-of-type(2) {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}

figure.effect-julia:hover p:nth-of-type(3) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

figure.effect-julia:hover img {
    opacity: 0.4;
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
}

figure.effect-julia:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.teenage-depicting-comic .banner,
.comic-topic .banner {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(images/minhhoa.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #fff !important;
}

@media (max-width: 767px) {
    .teenage-depicting-comic .banner,
    .comic-topic .banner {
        text-align: center;
    }
}

@media (min-width: 768px) {
    .teenage-depicting-comic .banner,
    .comic-topic .banner {
        height: 400px;
        padding: 50px 0;
    }

    .teenage-depicting-comic .banner .row .col-md-4:nth-child(1):after,
    .comic-topic .banner .row .col-md-4:nth-child(1):after {
        content: "";
        display: block;
        position: absolute;
        width: 1px;
        background: #fff;
        height: calc(100% + 10px);
        border-radius: 50%;
        -webkit-border-radius: 50%;
        top: 0;
        right: 0;
    }
    .teenage-depicting-comic .row .col-md-4:nth-child(1),
    .comic-topic .row .col-md-4:nth-child(1) {
        position: relative;
    }

    .teenage-depicting-comic .banner .main-title,
    .comic-topic .banner .main-title {
        text-align: right;
        padding-right: 20px;
    }
    .teenage-depicting-comic .banner .main-title h1,
    .comic-topic .banner .main-title h1 {
        line-height: 60px;
    }
}

.teenage-depicting-comic .banner h1,
.teenage-depicting-comic .banner h4,
.comic-topic .banner h1,
.comic-topic .banner h4 {
    color: #fff;
}

.teenage-depicting-comic .banner .main-content,
.comic-topic .banner .main-content {
    padding-top: 10px;
    padding-left: 20px;
}

.teenage-depicting-comic .pro-timetable .tt-item,
.comic-topic .pro-timetable .tt-item {
    margin-bottom: 10px;
}

.teenage-depicting-comic .pro-timetable .course-item,
.comic-topic .pro-timetable .course-item {
    margin-bottom: 10px;
}

.teenage-depicting-comic .pro-timetable .course-item .course-name,
.teenage-depicting-comic .pro-timetable .course-item .course-date,
.comic-topic .pro-timetable .course-item .course-name,
.comic-topic .pro-timetable .course-item .course-date {
    font-weight: bold;
}

.teenage-depicting-comic .pro-timetable .procm-download-box,
.comic-topic .pro-timetable .procm-download-box {
    margin-bottom: 15px;
}

@media (max-width: 767px) {
    .teenage-depicting-comic .speedcmp-info .row .col-md-7,
    .teenage-depicting-comic .speedcmp-info .row .col-md-5,
    .comic-topic .speedcmp-info .row .col-md-7,
    .comic-topic .speedcmp-info .row .col-md-5 {
        margin-bottom: 30px;
    }
}

.teenage-depicting-comic .speedcmp-info .item2 .post-content,
.teenage-depicting-comic .speedcmp-info .item1 .post-content,
.comic-topic .speedcmp-info .item2 .post-content,
.comic-topic .speedcmp-info .item1 .post-content {
    line-height: 20px !important;
    text-align: left;
}

.teenage-depicting-comic .speedcmp-info .item2 .post-icon,
.comic-topic .speedcmp-info .item2 .post-icon {
    background-image: url(images/glove.svg);
}

@media (max-width: 767px) {
    .teenage-depicting-comic .speedcmp-cource-detail .col-md-4,
    .comic-topic .speedcmp-cource-detail .col-md-4 {
        margin-bottom: 30px;
    }
}

.teenage-depicting-comic .coma-special .procm-info .col-md-4,
.comic-topic .coma-special .procm-info .col-md-4 {
    margin-top: 30px;
    margin-bottom: 20px;
}

.teenage-depicting-comic .coma-special .procm-info .col-md-4:nth-child(1) .info-item-left,
.comic-topic .coma-special .procm-info .col-md-4:nth-child(1) .info-item-left {
    background-image: url(images/numbered.svg);
}

.teenage-depicting-comic .coma-special .procm-info .col-md-4:nth-child(2) .info-item-left,
.comic-topic .coma-special .procm-info .col-md-4:nth-child(2) .info-item-left {
    background-image: url(images/volume.svg);
}

.teenage-depicting-comic .coma-special .procm-info .col-md-4:nth-child(3) .info-item-left,
.comic-topic .coma-special .procm-info .col-md-4:nth-child(3) .info-item-left {
    background-image: url(images/classroom.svg);
}

.teenage-depicting-comic .cma-gallery .block-header h1,
.teenage-depicting-comic .nhk-tv .block-header h1,
.comic-topic .cma-gallery .block-header h1,
.comic-topic .nhk-tv .block-header h1 {
    width: 200px;
    margin: 0 auto;
}

.teenage-depicting-comic .cma-gallery .block-header h1:after,
.teenage-depicting-comic .nhk-tv .block-header h1:after,
.comic-topic .cma-gallery .block-header h1:after,
.comic-topic .nhk-tv .block-header h1:after {
    margin-top: 10px;
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-image: -webkit-linear-gradient(left, #f9e1e1, #e01515, #f9e1e1);
    background-image: -moz-linear-gradient(left, #f9e1e1, #e01515, #f9e1e1);
    background-image: -ms-linear-gradient(left, #f9e1e1, #e01515, #f9e1e1);
    background-image: -o-linear-gradient(left, #f9e1e1, #e01515, #f9e1e1);
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

@media (min-width: 768px) {
    .teenage-depicting-comic .projects .main-content,
    .comic-topic .projects .main-content {
        padding-top: 100px;
    }
}

.teenage-depicting-comic .projects .main-content,
.comic-topic .projects .main-content {
    text-align: center;
}

.teenage-depicting-comic .projects .main-content .post-icon,
.comic-topic .projects .main-content .post-icon {
    width: 70px;
    height: 70px;
    margin: 0 auto;
    background-image: url(images/light-bulb.svg);
}
.teenage-depicting-comic .projects .main-content h1:after,
.comic-topic .projects .main-content h1:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    margin-top: 10px;
    background: #6b74e6;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.teenage-depicting-comic .nhk-tv .video-info,
.comic-topic .nhk-tv .video-info {
    text-align: center;
    font-weight: bold;
    height: 70px;
}

.teenage-depicting-comic .cma-gallery .gallery-inner,
.comic-topic .cma-gallery .gallery-inner {
    background: #fff;
}

.teenage-depicting-comic .cma-gallery .ug-bullets,
.comic-topic .cma-gallery .ug-bullets {
    padding: 10px;
    border-top: 1px solid #f7f7f7;
}

@media (min-width: 768px) {
    .teenage-digital .prodi-timetable .item-left:after {
        border-top: 190px solid transparent;
        border-bottom: 190px solid transparent;
    }
   

    .teenage-digital .prodi-bg img {
        transform: scale(1.2) !important;
        -webkit-transform: scale(1.2) !important;
    }

    .teenage-digital .prodi-bg:hover img {
        transform: scale(1.3) !important;
        -webkit-transform: scale(1.3) !important;
    }

    
}

@media (max-width: 767px) {
    .teenage-digital .prodi-timetable .item-left {
        padding-top: 20px;
    }

    .teenage-digital .prodi-main-content {
        margin-top: 30px;
    }
}

.teenage-digital .prodi-content-inner h1:after {
    text-align: center;
}

.teenage-digital .prodi-content-inner .content-block {
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .teenage-digital .prodi-content-inner {
        padding-left: 20px;
        padding-right: 30px;
    }

    .teenage-digital .prodi-content-inner h1 {
        padding-top: 20px;
    }
}

@media (max-width: 767px) {
    .speedcmp-cource-detail .row .col-md-4 {
        margin-bottom: 30px;
    }
}

.teenage-digital .cma-gallery .block-header h1 {
    width: 300px;
    margin: 0 auto;
}

.teenage-digital .cma-gallery .block-header h1:after {
    margin-top: 10px;
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-image: -webkit-linear-gradient(left, #f9e1e1, #e01515, #f9e1e1);
    background-image: -moz-linear-gradient(left, #f9e1e1, #e01515, #f9e1e1);
    background-image: -ms-linear-gradient(left, #f9e1e1, #e01515, #f9e1e1);
    background-image: -o-linear-gradient(left, #f9e1e1, #e01515, #f9e1e1);
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.teenage-digital .cma-gallery .gallery-inner {
    background: #fff;
}

.teenage-digital .cma-gallery .ug-bullets {
    padding: 10px;
    border-top: 1px solid #f7f7f7;
}

.teen-coma-banner {
    background-image: url(images/lop-ve-manga-comics.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

@media (min-width: 768px) {
    .teen-coma-banner {
        height: 600px;
    }
}

@media (max-width: 767px) {
    .teen-coma-banner {
        height: 200px;
    }
}

.teen-coma-banner-online {
    background-image: url(images/manga-comic-online-banner.jpg);
}

@media (min-width: 768px) {
    .coma-intro .row .col-md-6:nth-child(1) {
        text-align: right;
    }
}

@media (max-width: 767px) {
    .coma-intro .row .col-md-6:nth-child(1) {
        text-align: center;
    }
}

.coma-intro .row .col-md-6:nth-child(1) h4 {
    color: #fa527b;
}

.coma-target .row .col-md-6:nth-child(2) ul {
    list-style-type: disc;
}

@media (min-width: 768px) {
    .coma-target .row .col-md-6:nth-child(2) ul {
        padding-top: 50px;
    }
}

@media (max-width: 767px) {
    .coma-target .row .col-md-6:nth-child(2) ul {
        padding-left: 15px;
    }
}

.coma-target .row .col-md-6:nth-child(2) ul li {
    line-height: 40px;
    font-size: 17px;
}

.coma-target .row .col-md-6:nth-child(2) ul li:nth-child(1) {
    color: #fa527b;
}

.coma-target .row .col-md-6:nth-child(2) ul li:nth-child(2) {
    color: #0684ca;
}

.coma-target .row .col-md-6:nth-child(2) ul li:nth-child(3) {
    color: #ff680c;
}

.coma-target .row .col-md-6:nth-child(2) ul li:nth-child(5) {
    color: #54a800;
}

.coma-special {
    background: #99df54;
}

.coma-special .container .row:nth-child(2) {
    text-align: center;
    color: #fff;
}

.coma-special .procm-info .info-item-left {
    width: 70px;
    height: 70px;
}

.coma-special .procm-info .col-md-3 {
    margin-top: 30px;
    margin-bottom: 20px;
}

.coma-special .procm-info .col-md-3:nth-child(1) .info-item-left {
    background-image: url(images/numbered.svg);
}

.coma-special .procm-info .col-md-3:nth-child(2) .info-item-left {
    background-image: url(images/school.svg);
}

.coma-special .procm-info .col-md-3:nth-child(3) .info-item-left {
    background-image: url(images/avatar.svg);
}

.coma-special .procm-info .col-md-3:nth-child(4) .info-item-left {
    background-image: url(images/classroom.svg);
}

.coma-detail {
    text-align: center;
    color: #fff;
}

.coma-detail-item {
    background: #fa9e66;
    border-top-right-radius: 20px;
    padding: 10px;
    margin-top: 20px;
}

.coma-detail-item div {
    padding: 7px 0;
}

.coma-detail-items .row .col-md-4:nth-child(2) .coma-detail-item {
    background: #82d0fb;
}

.coma-detail-items .row .col-md-4:nth-child(3) .coma-detail-item {
    background: #8dc63f;
}

.coma-detail-items .row:nth-child(1) .col-md-4:nth-child(1) .coma-detail-item {
    background: #fa527b;
}

.coma-detail-item .item-title {
    font-weight: bold;
    font-size: 20px;
    border-bottom: 1px dotted #fff;
}

.coma-detail-item .item-price {
    font-size: 20px;
}

/* Teenage manga comic */

.teenage-comic-manga .cma-button {
    background: #fa527b;
    border: none;
}

.teenage-comic-manga .cma-button-text {
    color: #efefef;
}

.teenage-comic-manga .cma-button:hover .cma-button-text {
    color: #fff !important;
}

.post-item .post-content-inner .faculty-item-right pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    font-size: 100% !important;
    color: #ffffff !important;
    background: none !important;
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif,
        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.teenage-digital.teenage-comic .prodi-main-content .prodi-content{
    max-height: 360px;
}

.teenage-digital.teenage-comic .prodi-main-content .prodi-content::before{
    border-top: 180px solid transparent;
    border-bottom: 180px solid transparent;
}

.teenage-digital.teenage-comic .prodi-bg{
    height: 360px !important;
}

.teenage-digital.teenage-comic .prodi-bg img {
    transform: scale(1.0) !important;
    -webkit-transform: scale(1.0) !important;
}

.coma-time-span {
    background: #fee61a;
}

@media (max-width: 767px) {
    .coma-time-span {
        margin-top: 30px;
        padding-bottom: 30px;
    }
    .coma-time-span .time-item {
        margin-bottom: 30px;
    }
}

.coma-time-span .time-item {
    text-align: center;
}

.coma-time-span .time-item .time-register {
    margin-top: 20px;
}

.coma-fee .fee-block {
    background: #fa9e66;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
    padding: 20px;
    margin-top: 20px;
    text-align: center;
    color: #fff;
}

.coma-fee .row:nth-child(2) .col-md-5:nth-child(2) .fee-block {
    background: #82d0fb;
}

.coma-fee .fee-block .fee-item {
    padding: 7px 0;
}

.coma-fee .fee-block .fee-item .fee-item-left {
    display: inline;
}

.coma-fee .fee-block .fee-item .fee-item-right {
    padding-left: 5px;
    display: inline;
    font-weight: bold;
    font-size: 18px;
    color: #e60000;
    text-shadow: 1px 0px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 1px 1px 0 #fff;
}

.coma-fee .fee-block .fee-item:after {
    content: "";
    display: block;
    clear: both;
}

.coma-fee .fee-block .fee-item h3 {
    padding-bottom: 10px;
    color: #fff;
    border-bottom: 1px dotted #fff;
}

.coma-support {
    background: #8fd946;
}

@media (max-width: 767px) {
    .coma-support {
        margin-top: 30px;
        padding-bottom: 30px !important;
    }
}

.coma-support .support-block {
    background: #fa9e66;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
    padding: 15px;
    margin-top: 20px;
    text-align: center;
    color: #fff;
    min-width: 120px;
}

.coma-support .support-block .support-price {
    color: yellow;
    font-weight: bold;
    font-size: 18px;
}

.coma-support .row:nth-child(2) .col-md-3:nth-child(2) .support-block {
    background: #0684ca;
}

.coma-support .row:nth-child(2) .col-md-3:nth-child(3) .support-block {
    background: #fa527b;
}

.coma-support .row:nth-child(2) .col-md-3:nth-child(4) .support-block {
    background: #54a800;
}

.coma-timetable .row .post-item {
    padding-top: 30px;
    background: #fa9e66;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 50px;
    margin-top: 20px;
    text-align: center;
    color: #fff;
}

.coma-timetable .row .post-item .post-title {
    color: yellow;
}

.coma-timetable .row .post-item .post-content-inner .faculty-item {
    border-bottom: 1px dotted #fff !important;
}

.coma-timetable .row .post-item .post-content-inner .faculty-item-right {
    text-align: left;
}

.coma-timetable .row .post-item .post-content-inner .course-timetable {
    color: #fff !important;
}

.coma-teacher .row:nth-child(1) {
    margin-bottom: 20px;
}

.coma-teacher .teacher-item {
    text-align: center;
    background: #f7f7f7;
    margin-bottom: 30px;
    padding-bottom: 20px;
}

.coma-teacher .teacher-item .teacher-name {
    font-weight: bold;
    font-size: 18px;
    padding: 10px 0;
}

.coma-teacher .teacher-item .teacher-class {
    text-align: center;
}

.coma-teacher .teacher-item .teacher-img {
    width: 100%;
    height: 300px;
    overflow: hidden;
}

.coma-teacher .teacher-item .teacher-img img {
    transform: scale(1);
    -webkit-transform: scale(1);
    transition: 0.5s;
    -webkit-transition: 0.5s;
    filter: brightness(90%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.coma-teacher .teacher-item .teacher-img:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transition: 0.5s;
    -webkit-transition: 0.5s;
    /* background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)); */
    filter: brightness(70%);
}

@media (max-width: 767px) {
    .coma-feeling .feeling-box2 {
        margin-top: 30px;
    }
}

.coma-gallery .gallery-inner {
    background: #fff;
}

@media (min-width: 768px) {
    .pro-script .banner .main-content {
        padding-top: 80px;
        padding-right: 50px;
    }
    .pro-script .banner .main-content {
        text-align: right;
    }
}

@media (max-width: 768px) {
    .pro-script .banner .main-content {
        text-align: center;
    }
}

.pro-script .cma-button {
    background: #fa527b;
    border: none;
}

.pro-script .cma-button-text {
    color: #efefef;
}

.pro-script .cma-button:hover .cma-button-text {
    color: #fff !important;
}

.pro-script .banner {
    background: #e0dfb3;
}

.pro-script .banner .main-content h1 {
    float: right;
}

.pro-script .banner .main-content h1:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    margin-top: 10px;
    background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.pro-script .pro-timetable .course-item {
    line-height: 25px;
}

.pro-script .pro-timetable .course-item .course-name,
.pro-script .pro-timetable .course-item .course-date {
    font-weight: bold;
}

@media (max-width: 768px) {
    .pro-script .prodi-timetable .item-left {
        padding-top: 30px;
        padding-left: 15px !important;
    }
}

.pro-script .procm-reg-box {
    margin-top: 20px;
}

.pro-script .speedcmp-geninfo {
    background: #faf7e6 !important;
}

.pro-script .speedcmp-geninfo .item1 .post-icon {
    background-image: url(images/discount.svg);
}

.pro-script .speedcmp-geninfo .item2 .post-icon {
    background-image: url(images/coins.svg);
}

.pro-script .speedcmp-geninfo .item3 .post-icon {
    background-image: url(images/smartphone_a.svg);
}

.pro-script .speedcmp-geninfo .post-title {
    color: #e01515;
}

.pro-script .prodi-timetable-content-inner h1 {
    float: right;
}

.pro-script .prodi-timetable-content-inner h1:after {
    height: 1px !important;
    background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
}

@media (min-width: 768px) {
    .pro-script .prodi-timetable-content-inner {
        padding-top: 50px;
        padding-left: 30px;
    }
}

@media (max-width: 767px) {
    .pro-script .prodi-main-content {
        margin-top: 30px;
    }
}

.pro-script .prodi-content-inner h1:after {
    height: 1px !important;
    background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
}

@media (min-width: 768px) {
    .pro-script .prodi-content-inner {
        padding-right: 30px;
    }
}

.pro-script .ds-course-detail {
    background: none;
}

.pro-script .advantage-title {
    font-size: 18px;
}

.pro-script .course-header {
    margin-top: 10px;
    background: #e0e0e0;
    padding: 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

.pro-script .course-header h5 {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    line-height: 25px;
}

.pro-script .course-header:after {
    content: "";
    display: block;
    clear: both;
    margin-top: 10px;
}

.pro-script .course-cell-left {
    float: left;
    width: 90%;
}

.pro-script .course-cell-right {
    float: left;
    width: 10%;
    padding-left: 15px;
    text-align: center;
}

.pro-script .course-group {
    margin-top: 20px;
    padding-left: 10px;
}

.pro-script .course-group strong {
    border-bottom: 1px solid #e01515;
    padding-bottom: 5px;
    font-size: 16px;
}

.pro-script .course-group .course-cell-right {
    float: right !important;
}

.pro-script .course-body {
    margin-top: 20px;
    padding-left: 10px;
}

.pro-script .course-body .course-item {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #6b74e6;
}

.pro-script .course-body .course-item:after {
    content: "";
    display: block;
    clear: both;
}

.pro-script .course-body .course-cell-left:before {
    font-family: "FontAwesome";
    content: "\f192";
    color: #e01515;
    margin-right: 5px;
}

.pro-script .procm-info .row:nth-child(2) .col-md-3:nth-child(2) .info-item-left {
    background-image: url(images/typewriter.svg);
}

.pro-script .procm-info .row:nth-child(2) .col-md-3:nth-child(3) .info-item-left {
    background-image: url(images/school.svg);
}

.pro-script .procm-info .info-item {
    width: 240px !important;
}

.pro-script .reason-title {
    display: block;
}

.pro-script .cma-gallery {
    background: #f7f7f7;
}
.pro-script .gallery-inner {
    background: #f7f7f7;
}

.pro-script .target-vision .col-md-4 .target-left span {
    width: 40px;
    height: 40px;
    display: block;
}

.pro-script .target-vision .row:nth-child(1) .col-md-4:nth-child(1) .target-left span {
    background-image: url(images/pen_a.svg);
}

.pro-script .target-vision .row:nth-child(1) .col-md-4:nth-child(2) .target-left span {
    background-image: url(images/writer.svg);
}

.pro-script .target-vision .row:nth-child(1) .col-md-4:nth-child(3) .target-left span {
    background-image: url(images/blogger.svg);
}

.pro-script .target-vision .row:nth-child(2) .col-md-4:nth-child(1) .target-left span {
    background-image: url(images/brainstorm.svg);
}

.pro-script .target-vision .row:nth-child(2) .col-md-4:nth-child(2) .target-left span {
    background-image: url(images/director.svg);
}

.pro-script .target-vision .row:nth-child(2) .col-md-4:nth-child(3) .target-left span {
    background-image: url(images/boss.svg);
}

.script-teacher {
    background: #f7f7f7;
}

.pro-script .student-corner .block-header {
    text-align: center;
}

.sketchnote-cource {
    background-image: url("/wp-content/uploads/2018/04/sketch-bg-tile.jpg");
    background-position: left top;
    background-repeat: repeat;
    padding-top: 160px;
    margin-top: -50px;
}

.sketchnote-cource .sketch-logo {
    display: block;
    margin: 0 auto;
    width: 180px;
    height: 68px;
    background-image: url("/wp-content/uploads/2018/04/cma-logo.jpg");
    background-position: left top;
    background-repeat: no-repeat;
    position: relative;
    z-index: 10;
    cursor: pointer;
}
.sketchnote-cource .sketch1 {
    margin-top: -80px;
}

.sketchnote-cource .sketch2 a.register {
    display: block;
    margin-top: 74px;
    width: 100%;
    height: 74px;
    margin: 0 auto;
    background-image: url("/wp-content/uploads/2018/04/sketch-register.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left bottom;
    cursor: pointer;
}

.sketchnote-cource .sketch2b {
    background-image: url("/wp-content/uploads/2018/04/sketch-bg-tile1.png");
    background-position: left top;
    background-repeat: repeat;
}

.sketchnote-cource .sketch3 {
    background-image: url("/wp-content/uploads/2018/04/sketch-bg-tile1.png");
    background-position: left top;
    background-repeat: repeat;
}

.sketchnote-cource .sketch3 .teacher-box {
    padding-bottom: 30px;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.sketchnote-cource .sketch3 .teacher-box .teacher-item {
    padding-left: 30px;
}

.sketchnote-cource .sketch3 .teacher-box img {
    width: 90%;
}

.sketchnote-cource .sketch4 .sketch-gift {
    width: 100%;
    height: 100px;
    background-color: #ed1c24;
}

.sketchnote-cource .sketch4 .sketch-gift .sale {
    float: left;
    margin-left: 9%;
    text-align: center;
    font-weight: bold;
    font-size: 16pt;
    line-height: 20pt;
    color: #ed1c24;
    background-image: url("/wp-content/uploads/2018/04/sketch-sale.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 254px;
    height: 100px;
}

.sketchnote-cource .sketch4 .sketch-gift .sale .sale-text {
    padding-top: 25px;
}

.sketchnote-cource .sketch4 .sketch-gift .sale-content {
    float: left;
    text-align: center;
    padding-top: 25px;
    font-weight: bold;
    font-size: 16pt;
    line-height: 20pt;
    color: #ffffff;
    text-transform: uppercase;
}

.sketchnote-cource .sketch4 .sketch-gift-content {
    background: #00c9cc;
}

.sketchnote-cource .sketch4 .sketch-gift-left {
    text-align: center;
}

@media (min-width: 768px) {
    .sketchnote-cource .sketch4 .sketch-gift-left {
        padding-top: 120px;
    }
}

@media (max-width: 767px) {
    .sketchnote-cource .sketch4 .sketch-gift-left {
        padding-top: 20px;
    }
}

.sketchnote-cource .sketch4 .sketch-gift-left .course-item {
    line-height: 25px;
}

.sketchnote-cource .sketch4 .sketch-gift-left .course-item,
.sketchnote-cource .sketch4 .sketch-gift-left .course-tt,
.sketch-gift-left .fee-item {
    color: #fff;
}

.sketchnote-cource .sketch4 .sketch-gift-left .course-name,
.sketchnote-cource .sketch4 .sketch-gift-left .course-date {
    font-weight: bold;
}

.sketchnote-cource .sketch4 .sketch-contact {
    padding: 30px 0;
}

.sketchnote-cource .cma-communication-box {
    background: #fff;
}

.all-teacher .teacher-item {
    width: 23%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background: #f7f7f7;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    margin: 1%;
}

@media (min-width: 768px) {
    .all-teacher .teacher-item {
        height: 500px;
        overflow: hidden;
    }
    .all-teacher .teacher-item:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 20px;
        background: #f7f7f7;
    }
}

@media (max-width: 767px) {
    .all-teacher .teacher-item {
        width: 100%;
        margin-bottom: 30px !important;
    }
    .all-teacher .teacher-item .teacher-img {
        height: 200px;
    }
}

.all-teacher .teacher-item .teacher-img {
    width: 100%;
    height: 250px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    overflow: hidden;
}

.all-teacher .teacher-item .teacher-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-object-fit: cover;
    filter: brightness(90%);
    transform: scale(1);
    transition: 0.3s ease-out;
    -webkit-transform: scale(1);
    -webkit-transition: 0.3s ease-out;
}

.all-teacher .teacher-item .teacher-img:hover img {
    filter: brightness(80%);
    transform: scale(1.1);
    transition: 0.3s ease-out;
    -webkit-transform: scale(1.1);
    -webkit-transition: 0.3s ease-out;
}

.all-teacher .teacher-item .teacher-name {
    text-align: center;
    padding: 10px;
    font-weight: bold;
}

.all-teacher .teacher-item .teacher-des {
    text-align: center;
    padding: 0 10px 15px 10px;
}

.all-teacher .infras-current {
    border: 1px solid #6b74e6;
}

.all-teacher .infras-current .cma-button-text {
    color: #6b74e6;
}

.ten-reason-list .trl-header {
    text-align: center;
}

.ten-reason-list .reason-block1 .col-md-6:after {
    content: "";
    clear: both;
}

.ten-reason-list .reason-block1 .col-md-6 .target-left {
    float: left;
}

.ten-reason-list .reason-block1 .col-md-6 .target-right {
    float: left;
    margin-left: 10px;
    width: 75%;
}

.ten-reason-list .reason-block1 .col-md-6 .target-left span {
    display: block;
    width: 40px;
    height: 40px;
}

.ten-reason-list .reason-block1 .row .col-md-6:nth-child(1) .target-left span {
    background-image: url(images/brainstorm.svg);
}

.ten-reason-list .reason-block1 .row .col-md-6:nth-child(2) .target-left span {
    background-image: url(images/cancel.svg);
}

.ten-reason-list .item-number {
    font-size: 120%;
    color: #e01515;
}

@media (min-width: 768px) {
    .ten-reason-list .prodi-main-content .prodi-bg img {
        object-fit: cover;
        max-height: 100%;
        width: 100%;
    }
    .ten-reason-list .prodi-content-inner {
        padding-right: 20px !important;
        padding-top: 20px;
    }

    .ten-reason-list .prodi-what-content-inner {
        padding-right: 10px !important;
        padding-top: 10px !important;
        padding-left: 0 !important;
    }

    .ten-reason-list .prodi-what-content-box {
        padding-left: 30px !important;
    }

    .ten-reason-list .prodi-content:before {
        border-top: 200px solid transparent !important;
        border-bottom: 200px solid transparent !important;
    }
}

.ten-reason-list .prodi-content-inner h3 {
    float: left;
}

.ten-reason-list .prodi-content-inner h3:after,
.ten-reason-list .prodi-what-content h3:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    margin-top: 10px;
    background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
}

@media (min-width: 768px) {
    .ten-reason-list .prodi-what-content h3 {
        float: right;
        text-align: right;
    }
}

.ten-reason-list .cma-gallery .block-header h3 {
    margin-bottom: 20px;
}

.ten-reason-list .gallery-inner {
    background: #fff;
}

.ten-reason-list .reason-block-6 {
    background: #f7f7f7;
}

@media (min-width: 768px) {
    .ten-reason-list .reason-block-6 .col-md-5 {
        text-align: right;
        padding-top: 50px;
    }

    .ten-reason-list .reason-block-6 .col-md-7 .reason-block-6-content {
        padding-left: 30px;
        position: relative;
    }

    .ten-reason-list .reason-block-6 .col-md-7 .reason-block-6-content:before {
        content: "";
        position: absolute;
        width: 1px;
        height: 100%;
        left: 0;
        top: 0;
        background-image: -webkit-linear-gradient(top, #f0f0f0, #8c8b8b, #f0f0f0);
        background-image: -moz-linear-gradient(top, #f0f0f0, #8c8b8b, #f0f0f0);
        background-image: -ms-linear-gradient(top, #f0f0f0, #8c8b8b, #f0f0f0);
        background-image: -o-linear-gradient(top, #f0f0f0, #8c8b8b, #f0f0f0);
    }
}

@media (min-width: 768px) {
    .ten-reason-list .reason-block-7 .col-md-7 {
        text-align: right;
    }

    .ten-reason-list .reason-block-7 .col-md-5 {
        padding-top: 10px;
    }

    .ten-reason-list .reason-block-7 .col-md-7 .reason-block-7-content {
        padding-right: 30px;
        position: relative;
    }

    .ten-reason-list .reason-block-7 .col-md-7 .reason-block-7-content:after {
        content: "";
        position: absolute;
        width: 1px;
        height: 100%;
        right: 0;
        top: 0;
        background-image: -webkit-linear-gradient(top, #f0f0f0, #8c8b8b, #f0f0f0);
        background-image: -moz-linear-gradient(top, #f0f0f0, #8c8b8b, #f0f0f0);
        background-image: -ms-linear-gradient(top, #f0f0f0, #8c8b8b, #f0f0f0);
        background-image: -o-linear-gradient(top, #f0f0f0, #8c8b8b, #f0f0f0);
    }
}

@media (max-width: 767px) {
    .ten-reason-list .reason-block-7 .col-md-7 {
        margin-bottom: 30px;
    }
}

.ten-reason-list .cma-infras .block-header h3 {
    margin-bottom: 20px;
}

.ten-reason-list .ten-reason .reason-number {
    width: 40px !important;
    font-weight: 500;
}

.ten-reason-list .ten-reason .reason-right {
    width: 82%;
}

.project-list .infras-controls .parent-filter,
.project-list .infras-controls .child-filter {
    margin-bottom: 15px;
    text-align: left !important;
}

.project-list .infras-controls .child-filter {
    padding-left: 20px;
}

.project-list .infras-controls .parent-filter a {
    font-weight: bold;
}

.project-list .project-item {
    display: inline-block;
    width: 17.5%;
    height: 250px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background: #f7f7f7;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    margin: 1%;
    overflow: hidden;
}

@media (max-width: 767px) {
    .project-list .project-item {
        width: 100%;
        margin: 2% 1%;
    }
}

.project-list figure {
    position: relative;
    float: left;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: #3085a3;
    text-align: center;
    cursor: pointer;
    margin: 0;
}

.project-list figure img {
    position: relative;
    display: block;
    width: 100%;
    opacity: 0.8;

    height: 100%;
    object-fit: cover;
    -webkit-object-fit: cover;
}

.project-list figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.project-list figure figcaption::before,
.project-list figure figcaption::after {
    pointer-events: none;
}

.project-list figure figcaption,
.project-list figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.project-list figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}

.project-list figure h2 {
    word-spacing: -0.15em;
    font-weight: 300;
}

.project-list figure h2 span {
    font-weight: 800;
}

.project-list figure h2,
.project-list figure p {
    margin: 0;
}

.project-list figure p {
    letter-spacing: 1px;
    font-size: 68.5%;
}

.project-list .infras-current {
    border: 1px solid #6b74e6;
}

.project-list .infras-current .cma-button-text {
    color: #6b74e6;
}

.project-list .cma-paging{
    text-align: center;
    width: 600px;
    margin: 0 auto;
}

/* Posts by category */

@media (min-width: 768px) {
    .posts-by-category .row {
        margin-bottom: 30px;
    }
    .posts-by-category .row:last-child {
        margin-bottom: 0px !important;
    }
}

@media (max-width: 767px) {
    .posts-by-category .row .col-md-6,
    .posts-by-category .row .col-md-4 {
        margin-bottom: 30px;
    }
}

.posts-by-category .post-item {
    display: block;
    width: 28%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background: #f7f7f7;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    margin: 2%;
    overflow-x: hidden;
}

@media (max-width: 767px) {
    .posts-by-category .post-item {
        width: 100%;
        margin: 2% 1%;
    }
}

@media (min-width: 768px) {
    .posts-by-category .post-item {
        overflow: hidden;
        height: 700px;
    }
    .posts-by-category .post-item:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 20px;
        background: #f7f7f7;
    }
}

.posts-by-category .post-item .post-item-bottom {
    position: relative;
    padding: 15px;
}

.posts-by-category .post-item .post-img {
    display: block;
    width: 100%;
    height: 250px;
    overflow: hidden;
    border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
}

.posts-by-category .post-item .post-img img {
    object-fit: cover;
    -webkit-object-fit: cover;
    width: 100%;
    height: 100%;
    transform: scale(1);
    -webkit-transform: scale(1);
    transition: 0.5s;
    -webkit-transition: 0.5s;
    filter: brightness(90%);
    border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
}

.posts-by-category .post-item .post-img:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transition: 0.5s;
    -webkit-transition: 0.5s;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
    filter: brightness(70%);
}

.posts-by-category .post-item .post-title {
    display: block;
    margin-top: 10px;
}

.posts-by-category .post-item .post-time {
    font-size: 11px;
    float: left;
}

.posts-by-category .post-item .post-time:after {
    margin-top: 2px;
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-image: -webkit-linear-gradient(left, #f9e1e1, #e01515, #f9e1e1);
    background-image: -moz-linear-gradient(left, #f9e1e1, #e01515, #f9e1e1);
    background-image: -ms-linear-gradient(left, #f9e1e1, #e01515, #f9e1e1);
    background-image: -o-linear-gradient(left, #f9e1e1, #e01515, #f9e1e1);
}

.posts-by-category .post-item .post-content {
    margin-top: 10px;
}

/* Post detail page */

.post-detail {
    padding-top: 50px !important;
}

@media (max-width: 767px) {
    .post-detail .content-right {
        padding-top: 30px;
    }
}

.post-detail .post-main-content .post-title {
    margin-top: 15px;
}

.post-detail .post-main-content .post-time {
    display: inline-block;
    padding: 7px 15px;
    font-size: 11px;
    background: #6b74e6;
    color: #fff;
    border-radius: 15px;
    -webkit-border-radius: 15px;
}

.post-detail .post-main-content .post-content {
    margin-top: 20px;
}

.post-detail .post-main-content .post-content img {
    height: initial !important;
    width: 100%;
    margin-bottom: 15px;
}

.post-detail .post-main-content .post-content .spacer {
    height: 0px !important;
}

.post-detail .post-main-content .post-content p:empty {
    display: none !important;
}

.post-detail .posts-relate {
    padding-left: 10px;
}

.post-detail .post-relate-box {
    margin-top: 20px;
}

.post-detail .posts-relate h3:after {
    margin-top: 10px;
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
}

.post-detail .posts-relate .post-item {
    margin-bottom: 20px;
}

.post-detail .posts-relate .post-item:after {
    content: "";
    display: block;
    clear: both;
}

.post-detail .posts-relate .post-item .post-img {
    display: block;
    float: left;
    width: 80px;
    height: 80px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 40px;
    -webkit-border-radius: 40px;
}

.post-detail .posts-relate .post-item .post-content {
    float: left;
    width: 70%;
    margin-left: 10px;
}

.post-detail .posts-relate .post-item .post-title {
    display: block;
}

.post-detail .posts-relate .post-item .post-time {
    font-size: 11px;
    margin-top: -5px;
    float: left;
}

.post-detail .posts-relate .post-item .post-time:after {
    margin-top: 2px;
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-image: -webkit-linear-gradient(left, #f9e1e1, #e01515, #f9e1e1);
    background-image: -moz-linear-gradient(left, #f9e1e1, #e01515, #f9e1e1);
    background-image: -ms-linear-gradient(left, #f9e1e1, #e01515, #f9e1e1);
    background-image: -o-linear-gradient(left, #f9e1e1, #e01515, #f9e1e1);
}

/* Contact us */

.cma-contact .banner {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(images/banner_contact_us_a.jpg);
    height: 400px;
    background-position: center center;
    background-size: cover;
    padding-top: 50px;
    color: #fff;
}

.cma-contact .banner strong {
    font-size: 110%;
}

.cma-contact .banner h1 {
    color: #fff;
    text-align: center;
}

.cma-contact .address-detail .add-item {
    margin-bottom: 20px;
}

.cma-contact .address-detail .add-item .item-icon {
    width: 50px;
    height: 50px;
    float: left;
}

.cma-contact .address-detail .add-item:after {
    content: "";
    display: block;
    clear: both;
}

.cma-contact .address-detail .add-item .item-right {
    float: left;
    width: 80%;
    margin-left: 8px;
}

.cma-contact .address-detail .add-item:nth-child(1) .item-icon {
    background-image: url(images/placeholders.svg);
}

.cma-contact .address-detail .add-item:nth-child(2) .item-icon {
    background-image: url(images/telephone.svg);
}

.cma-contact .address-detail .add-item:nth-child(3) .item-icon {
    background-image: url(images/email.svg);
}

.cma-contact .address-detail .add-item .item-right p {
    margin-bottom: 0px;
}

.cma-contact .address-detail .your-content textarea {
    height: 160px;
}

/* CMA Job list */

.cma-job-list .row {
    margin-bottom: 30px;
}

@media (min-width: 768px) {
    .cma-job-list .row:last-child {
        margin-bottom: 0 !important;
    }
}

@media (max-width: 767px) {
    .cma-job-list .row .col-md-4 {
        margin-bottom: 30px;
    }
    .cma-job-list .row .col-md-4:last-child {
        margin-bottom: 0 !important;
    }
}

.cma-job-list .job-item {
    background: #f7f7f7;
    padding: 20px 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
}

.cma-job-list .job-icon {
    width: 70px;
    height: 70px;
    padding: 10px;
    background: #fff;
    margin: 0 auto;
    border-radius: 35px;
    -webkit-border-radius: 35px;
}

.cma-job-list .job-title {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.cma-job-list .job-icon img {
    width: 50px;
    height: 50px;
}

.cma-job-list .job-item .job-att-item {
    margin-top: 10px;
}

.cma-job-list .job-item .job-att-item:after {
    content: "";
    display: block;
    clear: both;
}

.cma-job-list .job-item .job-att-left {
    float: left;
    text-align: right;
    width: 45%;
}

.cma-job-list .job-item .job-att-right {
    float: left;
    margin-left: 10px;
    width: 45%;
    font-weight: bold;
}

.cma-job-list .job-button {
    text-align: center;
    margin-top: 15px;
}

.cma-job-list .cma-button {
    background: #fff;
    border: none;
}

.cma-job-list .cma-button-text {
    color: #41ca56;
}

.cma-job-list .cma-button:hover .cma-button-text {
    color: #41ca56 !important;
}

.cma-job-list .cma-button:hover .cma-button-inner i {
    color: #41ca56;
}

/* Webtoon */

.web-toon .banner {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(images/webtoon-banner.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #fff !important;
    padding: 50px 0;
}

@media (min-width: 768px) {
    .web-toon .banner {
        height: 400px;
    }
}

@media (max-width: 767px) {
    .web-toon .banner {
        text-align: center;
    }
}

.web-toon .banner .row .col-md-4:nth-child(1) {
    position: relative;
}

.web-toon .banner .row .col-md-4:nth-child(1):after {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    background: #fff;
    height: calc(100% + 10px);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    top: 0;
    right: 0;
}

@media (min-width: 768px) {
    .web-toon .banner .main-title {
        text-align: right;
        padding-right: 20px;
    }
}

.web-toon .banner .main-title h1 {
    line-height: 60px;
}

.web-toon .banner h1,
.web-toon .banner h3 {
    color: #fff;
    margin-bottom: 15px;
}

.web-toon .banner .main-content {
    padding-top: 10px;
    padding-left: 20px;
}

.web-toon .pro-timetable .course-item {
    line-height: 25px;
}

.web-toon .pro-timetable .course-item .course-name,
.web-toon .pro-timetable .course-item .course-date {
    font-weight: bold;
}

.web-toon .pro-timetable .procm-download-box {
    margin-bottom: 15px;
}

.web-toon .what .row {
    margin-bottom: 30px;
}
.web-toon .what .row:last-child {
    margin-bottom: 0px !important;
}

@media (max-width: 767px) {
    .web-toon .what .row .col-md-6 {
        margin-bottom: 30px;
    }
    .web-toon .what .row .col-md-6:last-child {
        margin-bottom: 0;
    }
}

.web-toon .what .post-item {
    position: relative;
}

.web-toon .what .post-item .post-icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    margin: 0 auto;
}

.web-toon .what .row:nth-child(1) .col-md-6:nth-child(1) .post-item .post-icon {
    background-image: url(images/question-mark.svg);
}

.web-toon .what .row:nth-child(1) .col-md-6:nth-child(2) .post-item .post-icon {
    background-image: url(images/conversation.svg);
}

.web-toon .what .row:nth-child(2) .col-md-6:nth-child(1) .post-item .post-icon {
    background-image: url(images/bullseye.svg);
}

.web-toon .what .row:nth-child(2) .col-md-6:nth-child(2) .post-item .post-icon {
    background-image: url(images/graduation-hat.svg);
}

.web-toon .what .post-item .post-title {
    padding-left: 60px;
}

.web-toon .what .post-item .post-title h4 {
    line-height: 50px;
}

.web-toon .what .post-item .post-des {
    margin-top: 10px;
}

.web-toon-info {
    background: #f7f7f7;
}

.web-toon-info .info-item {
    width: 220px;
    margin: 0 auto 0px auto;
    position: relative;
}

.web-toon-info .row {
    margin-bottom: 40px;
}

.web-toon-info .row:last-child {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .web-toon-info .col-md-4 {
        margin-bottom: 40px;
    }

    .web-toon-info .row .col-md-4:last-child {
        margin-bottom: 0;
    }

    .web-toon-info .row:nth-child(2) .col-md-4:last-child {
        padding-bottom: 40px;
    }
}

.web-toon-info .row:nth-child(1) .col-md-4:nth-child(1) .info-item-left {
    background-image: url(images/wall-calendar.svg);
}

.web-toon-info .row:nth-child(1) .col-md-4:nth-child(2) .info-item-left {
    background-image: url(images/agenda.svg);
}

.web-toon-info .row:nth-child(1) .col-md-4:nth-child(3) .info-item-left {
    background-image: url(images/numbered.svg);
}

.web-toon-info .row:nth-child(2) .col-md-4:nth-child(1) .info-item-left {
    background-image: url(images/laptop.svg);
}

.web-toon-info .row:nth-child(2) .col-md-4:nth-child(2) .info-item-left {
    background-image: url(images/classroom.svg);
}

.web-toon-info .row:nth-child(2) .col-md-4:nth-child(3) .info-item-left {
    background-image: url(images/avatar.svg);
}

.web-toon-info .info-item-left {
    position: absolute;
    left: 0;
    top: 0;
    width: 70px;
    height: 70px;
    float: left;
    text-align: center;
}

.web-toon-info .info-item-right {
    float: none;
    text-align: left;
    padding-left: 90px;
}

.web-toon-info .info-item-right .info-count-box,
.info-item .info-item-right .info-count {
    font-weight: bold;
}

.web-toon .ds-course-detail {
    background: none;
}

.web-toon .speedcmp-timetable {
    background: #f7f7f7;
}

.web-toon .course-cell-left {
    position: relative;
    padding-left: 25px;
}

.web-toon .course-cell-left:before {
    position: absolute;
    left: 0;
    top: 0;
}

#wpforms-form-36234 input {
    border-radius: 10px;
}

#wpforms-submit-36234 {
    width: 100%;
    border-radius: 10px;
}


.web-toon .wt-promotion .promo-main-title{
    padding-top: 0;
}

@media (min-width: 768px){
    .web-toon .wt-promotion .promo-main-title{
        padding-top: 100px;
    }
}

.web-toon .wt-promotion .promo-detail{
    font-size: 20px;
    font-weight: bold;
}

/* Webtoon Online */

.page-id-25796 .cma-map {
    display: none;
}

.web-toon-online .web-toon-info .row:nth-child(1) .col-md-3:nth-child(1) .info-item-left {
    background-image: url(images/agenda.svg);
}

.web-toon-online .web-toon-info .row:nth-child(1) .col-md-3:nth-child(2) .info-item-left {
    background-image: url(images/numbered.svg);
}

.web-toon-online .web-toon-info .row:nth-child(1) .col-md-3:nth-child(3) .info-item-left {
    background-image: url(images/laptop.svg);
}

.web-toon-online .web-toon-info .row:nth-child(1) .col-md-3:nth-child(4) .info-item-left {
    background-image: url(images/avatar.svg);
}

.web-toon-online .speedcmp-promotion .promo-main-title {
    padding-top: 0 !important;
}

.web-toon-online .speedcmp-promotion .promo-detail {
    font-size: 20px;
    font-weight: bold;
}

@media (min-width: 768px) {
    .web-toon-online .speedcmp-promotion .promo-main-title {
        padding-top: 100px !important;
    }
}

.web-toon-online .course-group-cell-left {
    float: left;
    width: 90%;
}

.web-toon-online .course-group:after {
    content: "";
    display: block;
    clear: both;
}

.web-toon-online .course-group-cell-right {
    float: left;
    width: 10%;
    padding-left: 15px;
    text-align: center;
}

/* New hiring */

.new-hiring {
    position: relative;
    padding-top: 30px;
}

.new-hiring:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(images/cma-hiring.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 0.05;
}

.new-hiring .block-header {
    margin-bottom: 0;
}

.new-hiring .block-header h1:after {
    content: "";
    display: block;
    width: 200px;
    height: 5px;
    background: #f94f7a;
    margin: 5px auto 0 auto;
}

.new-hiring .hiring-note .col-md-6:first-child {
    position: relative;
}

.new-hiring .hiring-note .col-md-6:first-child .post-icon {
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(images/logo-circle.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 100px;
    width: 100px;
}

@media (max-width: 767px) {
    .new-hiring .hiring-note .col-md-6:first-child .post-icon {
        margin-top: 30px !important;
        left: 15px;
    }
}

.new-hiring .hiring-note .col-md-6:first-child .post-title {
    padding-left: 120px;
}

.new-hiring .hiring-req {
    margin-top: 30px;
    background: #f7f7f7;
}

@media (max-width: 767px) {
    .new-hiring .hiring-req .row .col-md-4 {
        margin-bottom: 30px;
    }
    .new-hiring .hiring-req .row .col-md-4:last-child {
        margin-bottom: 0;
    }
}

.new-hiring .hiring-req .row .col-md-4 .post-icon {
    width: 50px;
    height: 50px;
    margin: 0 auto;
}

.new-hiring .hiring-req .row .col-md-4 .post-title {
    text-align: center;
}

@media (max-width: 767px) {
    .new-hiring .hiring-contact .row .col-md-4 {
        text-align: left;
    }
}

.new-hiring .hiring-req .row .col-md-4:nth-child(1) .post-icon {
    background-image: url(images/approved.svg);
}

.new-hiring .hiring-req .row .col-md-4:nth-child(2) .post-icon {
    background-image: url(images/diagram.svg);
}

.new-hiring .hiring-req .row .col-md-4:nth-child(3) .post-icon {
    background-image: url(images/profiles.svg);
}

.new-hiring .hiring-contact .col-md-4 {
    text-align: right;
}

.new-hiring .hiring-contact .add-item {
    position: relative;
    padding-left: 20px;
}

.new-hiring .hiring-contact .add-item:before {
    position: absolute;
    display: inline-block;
    font-size: 15px;
    font-family: "FontAwesome";
    content: "\f041";
    color: #f11a1a;
    margin-right: 5px;
    left: 0px;
    top: 0px;
}

@media (min-width: 768px) {
    .new-hiring .hiring-contact .col-md-4 {
        padding-top: 30px;
    }
}

/* Topic classed */
.topic-class-item:nth-child(2),
.topic-class-item:nth-child(3) {
    margin-top: 40px;
}

.topic-class-main-header .topic-class-header h1:first-child {
    color: #e01515;
}

@media (max-width: 767px) {
    .topic-class-main-header {
        margin-bottom: 20px;
    }
}

.topic-class-main-header .topic-class-header h1:nth-child(2) {
    padding-top: 0;
}

.topic-class-info {
    background: #f7f7f7;
}

@media (max-width: 767px) {
    .topic-class-info .row .col-md-6 {
        margin-bottom: 20px;
    }
}

.topic-class-info .post-item .post-icon,
.topic-promotion .row .col-md-4 .post-item .post-icon,
.water-color .topic-promotion .row .col-md-3 .post-item .post-icon {
    position: relative;
    width: 110px;
    height: 110px;
    margin: 0 auto;
    border: 10px solid #f0f0f0;
    border-radius: 55px;
    transform: scale(1);
    transition: all 0.3s;
}

.topic-class-info .post-item .post-icon:before,
.topic-promotion .row .col-md-4 .post-item .post-icon:before,
.water-color .topic-promotion .row .col-md-3 .post-item .post-icon:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 55px;
    border: 1px solid #c0c0c0;
}

.topic-class-info .post-item .post-icon i,
.topic-promotion .row .col-md-4 .post-item .post-icon i,
.water-color .topic-promotion .row .col-md-3 .post-item .post-icon i {
    position: absolute;
    left: 20px;
    top: 20px;
    font-size: 50px;
    color: #0095eb;
}

.topic-class-info .post-item .post-icon i.fa-certificate {
    left: 25px;
}

.topic-class-info .post-item:hover .post-icon,
.topic-promotion .row .col-md-4 .post-item:hover .post-icon {
    background: #0095eb;
    transform: scale(0.94);
    transition: all 0.3s;
}

.topic-class-info .post-item:hover .post-icon i,
.topic-promotion .row .col-md-4 .post-item:hover .post-icon i,
.water-color .topic-promotion .row .col-md-3 .post-item:hover .post-icon i {
    color: #ffffff;
}

.topic-class-info .post-item .post-title {
    text-align: center;
    margin-top: 10px;
}

.topic-class-info .post-item .post-des {
    margin-top: 10px;
}

.topic-class-info .post-item .post-des .tar-item:before {
    content: "\f00c" !important;
    color: #000;
}

.topic-class-target h3 {
    color: #a4998c;
    margin-bottom: 20px;
}

.topic-class-target .container > .row > .col-md-6:first-child .row {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

@media (max-width: 767px) {
    .topic-class-target .container > .row > .col-md-6:first-child .row {
        padding-bottom: 10px;
    }
}

.topic-class-target .container > .row > .col-md-6:first-child .col-md-1 h2 {
    font-size: 50px;
    color: #a4998c;
}

@media (min-width: 768px) {
    .topic-class-target .container > .row > .col-md-6:first-child .col-md-11 {
        padding-top: 20px;
    }
}

@media (max-width: 767px) {
    .topic-class-target .container > .row > .col-md-6:first-child .col-md-11 {
        font-size: 20px;
    }
}

.topic-class-target .container > .row > .col-md-6:nth-child(2) {
    text-align: center;
}

@media (max-width: 767px) {
    .topic-class-target .container > .row > .col-md-6:nth-child(2) .row .col-md-6 {
        margin-bottom: 30px;
    }
    .topic-class-target .container > .row > .col-md-6:nth-child(2) h3 {
        margin-bottom: 30px !important;
        padding-top: 30px;
    }
}

@media (min-width: 768px) {
    .topic-class-target .container > .row > .col-md-6:nth-child(2) h3 {
        margin-bottom: 60px !important;
    }

    .topic-class-item:nth-child(2) .topic-class-target .container > .row > .col-md-6:nth-child(2) h3 {
        margin-bottom: 40px !important;
    }
}

.topic-class-target .container > .row > .col-md-6:nth-child(2) .row .info-item .info-item-icon {
    width: 70px;
    height: 70px;
    margin: 0 auto;
}

.topic-class-target .container > .row > .col-md-6:nth-child(2) .row .col-md-6:nth-child(1) .info-item .info-item-icon {
    background-image: url(images/wall-calendar.svg);
}

.topic-class-target .container > .row > .col-md-6:nth-child(2) .row .col-md-6:nth-child(2) .info-item .info-item-icon {
    background-image: url(images/classroom.svg);
}

.topic-class-target .container > .row > .col-md-6:nth-child(2) .row .info-item h2 {
    color: #0095eb;
    padding-top: 0px;
}

.topic-class-target .container > .row > .col-md-6:nth-child(2) .row .info-item h2:after {
    content: "";
    display: block;
    width: 200px;
    height: 2px;
    background: rgba(0, 0, 0, 0.08);
    margin: 0 auto;
    margin-top: 10px;
}

.topic-class-target .container > .row > .col-md-6:nth-child(2) .row .info-item h4 {
    margin-top: 10px;
    color: #666666;
}

.topic-clock {
    background: #000;
}

.topic-clock.cma-block {
    padding-top: 60px;
    padding-bottom: 50px;
}

.topic-clock-inner,
.topic-clock-inner1,
.topic-clock-inner2 {
    width: 700px;
    margin: 0 auto;
}

.topic-clock-inner .flip-clock-label,
.topic-clock-inner1 .flip-clock-label,
.topic-clock-inner2 .flip-clock-label {
    color: #ffffff;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .topic-timetable {
        padding-bottom: 20px !important;
        padding-top: 0 !important;
    }
    .topic-timetable > .container > .row > .col-md-5 {
        text-align: center !important;
    }
}

.topic-timetable > .container > .row > .col-md-5 {
    text-align: right;
}

.topic-timetable > .container > .row > .col-md-7 {
    text-align: center;
}

.topic-timetable > .container > .row > .col-md-7 .tt-item {
    margin-bottom: 6px;
}

.topic-timetable > .container > .row > .col-md-7 .tar-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.topic-timetable > .container > .row > .col-md-7 .tar-item:before {
    content: "\f00c" !important;
    color: #000;
}

.topic-timetable .row .col-md-6:nth-child(2) {
    text-align: left;
}

.topic-timetable .row .col-md-6:nth-child(2) .post-item .post-icon {
    margin-left: 0px;
}

.topic-promotion {
    background: #f7f7f7;
}

@media (max-width: 767px) {
    .topic-promotion {
        padding-bottom: 30px !important;
    }
}

.topic-promotion .row .col-md-4 {
    text-align: center;
}

.topic-promotion .row .col-md-4 .post-item .post-icon i,
.water-color .topic-promotion .row .col-md-3 .post-item .post-icon i {
    color: #e01515;
}

.topic-class-info .post-item .post-icon i.fa-certificate {
    left: 25px;
}

.topic-promotion .row .col-md-4 .post-item:hover .post-icon,
.water-color .topic-promotion .row .col-md-3 .post-item:hover .post-icon {
    background: #e01515;
}

.topic-reg-box {
    margin-top: 20px;
}

.topic-promotion .row .col-md-6 .tar-item:before {
    content: "\f00c" !important;
    color: #000;
}

/* Water Color */

.water-color .banner {
    position: relative;
}

.water-color .banner img {
    width: 100%;
}

.water-color .banner .register-button {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 350px;
    height: 120px;
    cursor: pointer;
}

@media (max-width: 767px) {
    .water-color .banner {
        text-align: center;
    }

    .water-color .topic-timetable {
        padding-top: 30px !important;
    }
}

.water-color .topic-class-info .post-item .post-des {
    text-align: center;
}

.water-color .topic-class-info {
    background: none;
}

.water-color .topic-class-info .tar-item ul {
    margin-top: 5px !important;
}

.water-color .topic-class-info .tar-item ul li {
    font-style: italic;
}

.water-color .procm-info .row:nth-child(1) .info-item-left {
    width: 70px;
    height: 70px;
}

.water-color .procm-info .row:nth-child(1) .col-md-3:nth-child(1) .info-item-left {
    background-image: url(images/wall-calendar.svg);
}

.water-color .procm-info .row:nth-child(1) .col-md-3:nth-child(2) .info-item-left {
    background-image: url(images/agenda.svg);
}

.water-color .procm-info .row:nth-child(1) .col-md-3:nth-child(3) .info-item-left {
    background-image: url(images/books.svg);
}

.water-color .procm-info .row:nth-child(1) .col-md-3:nth-child(4) .info-item-left {
    background-image: url(images/avatar.svg);
}

@media (min-width: 768px) {
    .water-color .topic-class-target .container > .row > .col-md-4:nth-child(2) h3 {
        margin-bottom: 30px !important;
    }

    .water-color .topic-class-target .container > .row > .col-md-4:first-child .row {
        padding-top: 12px;
        padding-bottom: 12px;
    }
}

.water-color .speedcmp-cource-detail .stage-item ul {
    padding-left: 15px !important;
    margin-bottom: 5px !important;
}

.water-color .speedcmp-cource-detail .flaticon-number-1-drawing::before, .water-color .speedcmp-cource-detail .flaticon-numbers::before, .water-color .speedcmp-cource-detail .flaticon-three::before{
    font-size: 50px;
}

.water-color .topic-promotion {
    background: none;
}

@media (min-width: 768px) {
    .water-color .topic-promotion .row .col-md-4 .post-des {
        padding-top: 10px;
    }
}

.water-color .topic-promotion .row .col-md-3 {
    text-align: center;
}

.water-color .topic-promotion .row .col-md-4 {
    text-align: left;
}

.water-color .topic-promotion .row .col-md-4 .tar-item:before {
    content: "\f00c" !important;
    color: #000;
}

/* Story Board */

.story-board .banner {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(images/story-board.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #fff !important;
    padding: 50px 0;
}

@media (min-width: 768px) {
    .story-board .banner {
        height: 400px;
    }

    .story-board .topic-promotion .row .col-md-6 .post-des {
        padding-top: 30px;
    }
}

@media (max-width: 767px) {
    .story-board .banner {
        height: 250px;
    }
    .story-board .topic-timetable {
        padding-top: 30px !important;
    }
}

.story-board .topic-timetable > .container > .row > .col-md-7 .tt-item {
    text-align: left;
}

.story-board .speedcmp-cource-detail .flaticon-number-1-drawing::before, .story-board .speedcmp-cource-detail .flaticon-numbers::before, .story-board .speedcmp-cource-detail .flaticon-three::before{
    font-size: 50px;
}

/* Short Comic */

.short-comic .banner {
    /* background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(images/hoc-lam-phim-hoat-hinh-2d-chuyen-nghiep.jpg); */
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(images/Downsize-GIF.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 700px;
    color: #fff !important;
    padding: 50px 0;
}

.short-comic .banner h1,
.short-comic .banner h3 {
    color: #fff;
}

.short-comic .banner .block-header {
    padding-top: 50px;
}

.short-comic .banner .block-header p:after {
    content: "";
    display: block;
    background: #fff;
    width: 100%;
    height: 1px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    margin-top: 20px;
}

.short-comic .procm-who .col-md-6:nth-child(1) .post-icon {
    background-image: url(images/question-mark.svg);
}

.short-comic .procm-who .post-content .tar-item:before {
    position: relative !important;
}

.short-comic .procm-info .row:nth-child(1) .info-item-left {
    width: 70px;
    height: 70px;
}

.short-comic .procm-info .row:nth-child(1) .col-md-3:nth-child(1) .info-item-left {
    background-image: url(images/wall-calendar.svg);
}

.short-comic .procm-info .row:nth-child(1) .col-md-3:nth-child(2) .info-item-left {
    background-image: url(images/agenda.svg);
}

.short-comic .procm-info .row:nth-child(1) .col-md-3:nth-child(3) .info-item-left {
    background-image: url(images/books.svg);
}

.short-comic .procm-info .row:nth-child(1) .col-md-3:nth-child(4) .info-item-left {
    background-image: url(images/avatar.svg);
}

.short-comic .short-comic-detail {
    background: #f7f7f7;
}

/* 3 columns */

.short-comic .short-comic-detail .col-md-4:after {
    content: "";
    clear: both;
}

.short-comic .short-comic-detail .col-md-4 .target-left {
    float: left;
}

.short-comic .short-comic-detail .col-md-4 .target-left span:before {
    font-size: 40px !important;
    color: #e01515;
}

.short-comic .short-comic-detail.col-md-4 .target-left span:before {
    font-size: 40px !important;
    color: #e01515;
}

.short-comic .short-comic-detail .col-md-4 .target-right {
    float: left;
    margin-left: 10px;
    width: 75%;
}

/* end 3 columns */

/* 4 columns */

.short-comic .short-comic-detail .col-md-3:after {
    content: "";
    clear: both;
}

.short-comic .short-comic-detail .col-md-3 .target-left {
    float: left;
}

.short-comic .short-comic-detail .col-md-3 .target-left span:before {
    font-size: 40px !important;
    color: #e01515;
}

.short-comic .short-comic-detail.col-md-3 .target-left span:before {
    font-size: 40px !important;
    color: #e01515;
}

.short-comic .short-comic-detail .col-md-3 .target-right {
    float: left;
    margin-left: 10px;
    width: 75%;
}

/* end 4 columns */

.short-comic .short-comic-detail .stage-item {
    line-height: 25px;
}

.short-comic .short-comic-detail .stage-item .item-number {
    font-weight: bold;
}

.short-comic .pro-timetable .course-item {
    line-height: 25px;
}

.short-comic .pro-timetable .procm-reg-box {
    margin-top: 10px;
}

.short-comic .pro-timetable .course-item .course-name,
.short-comic .pro-timetable .course-item .course-date {
    font-weight: bold;
}

.short-comic .pro-timetable .procm-download-box {
    margin-top: 15px;
    margin-bottom: 15px;
}

.short-comic .pro-timetable .procm-download-box .cma-button-text {
    color: #fff;
}

.short-comic .carrer-future .post-icon {
    background-image: url(images/increase.svg);
    width: 70px;
    height: 70px;
    margin: 0 auto;
}

.short-comic .future-block {
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 25px;
}

.short-comic .future-block1 {
    text-align: right;
}

.short-comic .future-block2 {
    text-align: left;
}

.short-comic .pro-2d-projects .main-content {
    padding-top: 0 !important;
}

/* @media(min-width:768px){
    .short-comic-projects .main-content{
        padding-top: 100px;
    }
}

.short-comic-projects .main-content{
    text-align: center;
}

.short-comic-projects .main-content .post-icon{
    width: 70px;
    height: 70px;
    margin: 0 auto;
    background-image: url(images/light-bulb.svg);
}
.short-comic-projects .main-content h1:after{
    content:'';
    display: block;
    width: 100%;
    height: 1px;
    margin-top: 10px;
    background: #6b74e6;
    border-radius: 50%;
    -webkit-border-radius: 50%;
} */

.short-comic .pro-2d-projects .video-box {
    margin-top: 30px;
}

.short-comic .cma-gallery {
    margin-top: 0 !important;
}

/* CMA Job General */

.job-body {
    font-size: 14px !important;
}

.job-slide .slick-prev,
.job-slide .slick-next {
    background: #ffffff !important;
    width: 40px !important;
    height: 40px !important;
}

.job-slide .slick-prev:before,
.job-slide .slick-next:before {
    color: #000;
}

/* CMA Job Home */

@media (max-width: 767px) {
    .job-home .job-people .row .col-md-4 {
        margin-bottom: 30px;
    }
    .job-home .job-people .row .col-md-4:last-child {
        margin-bottom: 0 !important;
    }
}

.job-home .job-people .post-item .post-icon {
    position: relative;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 50px;
    border: 1px solid #e01515;
}

.job-home .job-people .post-item .post-icon:before {
    display: block;
    position: absolute;
    text-align: center;
    line-height: 100px;
    font-family: "FontAwesome";
    color: #e01515;
    left: 0;
    top: 0;
    font-size: 50px;
    width: 100px;
}

.job-home .job-people .col-md-4:nth-child(1) .post-item .post-icon:before {
    content: "\f19c";
}

.job-home .job-people .col-md-4:nth-child(2) .post-item .post-icon:before {
    content: "\f0a1";
}

.job-home .job-people .col-md-4:nth-child(3) .post-item .post-icon:before {
    content: "\f0f2";
}

.job-home .job-people .post-item .post-title {
    margin-top: 20px;
    text-align: center;
}

.job-home .job-people .post-item .post-links {
    margin-top: 20px;
    text-align: center;
}

.job-home .job-people .post-item .post-links ul li {
    margin-bottom: 8px;
}

.job-home .job-people .post-item .post-links ul li a {
    text-decoration: underline;
}

.job-home .job-people .post-item .post-links ul li a:hover {
    color: #26ae61;
}

.job-success {
    margin-top: 20px;
}

.job-success h3 {
    text-align: center;
}

.job-success-inner {
    margin-top: 30px;
}

.job-success-slide .post-item {
    display: block;
    width: 150px;
    height: 150px;
    margin: 0 auto;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    overflow: hidden;
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transition: 0.3s;
    -webkit-transition: 0.3s;
    filter: brightness(80%);
}

.job-success-slide .post-item:hover {
    transform: scale(1);
    -webkit-transform: scale(1);
    transition: 0.3s;
    -webkit-transition: 0.3s;
    filter: brightness(100%);
}

.job-success-slide .post-item img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    object-fit: cover;
    -webkit-object-fit: cover;
}

.job-home-partner {
    /* background:#f7f7f7; */
}

.job-home-partner h3 {
    text-align: center;
}

.job-home-partner-inner {
    margin-top: 30px;
}

.page-id-28280 .cma-map {
    display: none;
}

/* CMA Create Job */

.job-create .form-group {
    margin-bottom: 20px !important;
}

.job-create .form-group label {
    margin-bottom: 10px;
}

.job-create .form-group input[type="text"],
.job-create .form-group textarea,
.job-create .form-group select {
    background: #fcfcfc !important;
}

.job-create .form-group .parsley-errors-list {
    margin-top: 5px !important;
}

/* CAM Job List */

.cma-job-list .row .col-md-8 .jobs-block .row {
    padding: 20px;
    border-bottom: 1px solid #f7f7f7;
    border-right: 1px solid #f7f7f7;
    border-left: 5px solid #f7f7f7;
}

.cma-job-list .row .col-md-8 .jobs-block > a:nth-child(1) .row {
    border-top: 1px solid #f7f7f7;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.cma-job-list .row .col-md-8 .jobs-block > a:last-child .row {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.cma-job-list .row .col-md-8 .jobs-block .row.job-item-full {
    border-left-color: #186fc9;
}

.cma-job-list .row .col-md-8 .jobs-block .row.job-item-half {
    border-left-color: #f1630d;
}

.cma-job-list .row .col-md-8 .jobs-block .row.job-item-free {
    border-left-color: #53b427;
}

.cma-job-list .row .col-md-8 .jobs-block .row .col-md-2 img {
    width: 100px;
}

.cma-job-list .row .col-md-8 .jobs-block a:hover {
    color: #333 !important;
}

.cma-job-list .row .col-md-8 .jobs-block .row {
    margin-bottom: 0 !important;
}

.cma-job-list .row .col-md-8 .jobs-block .row:hover {
    background: #f7f7f7;
}

.cma-job-list .row .col-md-8 .jobs-block .row .job-type {
    text-align: center;
}

@media (max-width: 767px) {
    .cma-job-list .row .col-md-8 .jobs-block .row .job-type {
        text-align: left;
        margin-top: 10px;
    }
}

.cma-job-list .row .col-md-8 .jobs-block .row .job-type input[type="button"],
.jobslide-type input[type="button"],
.cvslide-type input[type="button"] {
    border: 1px solid #c0c0c0;
    color: #c0c0c0;
    background: none;
    padding: 10px !important;
}

.cma-job-list .row .col-md-8 .jobs-block .row.job-item-full .job-type input[type="button"],
.job-item-full .jobslide-type input[type="button"],
.cv-item-full .cvslide-type input[type="button"] {
    border-color: #186fc9;
    color: #186fc9;
}

.cma-job-list .row .col-md-8 .jobs-block .row.job-item-half .job-type input[type="button"],
.job-item-half .jobslide-type input[type="button"],
.cv-item-half .cvslide-type input[type="button"] {
    border-color: #f1630d;
    color: #f1630d;
}

.cma-job-list .row .col-md-8 .jobs-block .row.job-item-free .job-type input[type="button"],
.job-item-free .jobslide-type input[type="button"],
.cv-item-free .cvslide-type input[type="button"] {
    border-color: #53b427;
    color: #53b427;
}

.cma-job-list .row .j-main-top {
    font-size: 18px;
}

.cma-job-list .row .j-main-bottom {
    margin-top: 10px;
}

.cma-job-list .row .col-md-8 ul,
.jobslide-others ul,
.cvslide-others ul {
    list-style-type: none;
    margin-bottom: 0 !important;
}

.cma-job-list .row .col-md-8 ul:after,
.jobslide-others ul:after,
.cvslide-others ul:after {
    content: "";
    display: block;
    clear: both;
}

.cma-job-list .row .col-md-8 ul li,
.jobslide-others ul li,
.cvslide-others ul li {
    position: relative;
    float: left;
    display: block;
    margin-right: 15px;
    padding-left: 22px;
}

.cma-job-list .row .col-md-8 ul li:before,
.jobslide-others ul li:before,
.cvslide-others ul li:before {
    position: absolute;
    left: 0;
    top: 0;
    color: #999;
    font-family: "FontAwesome";
    font-size: 15px;
}

.cma-job-list .row .col-md-8 ul li:first-child:before,
.jobslide-others ul li:first-child:before,
.cvslide-others ul li:first-child:before {
    content: "\f0f2";
}

.cma-job-list .row .col-md-8 ul li:nth-child(2):before,
.jobslide-others ul li:nth-child(2):before,
.cvslide-others ul li:nth-child(2):before {
    content: "\f278";
}

.cma-job-list .row .col-md-8 ul li:nth-child(3):before,
.jobslide-others ul li:nth-child(3):before,
.cvslide-others ul li:nth-child(3):before {
    content: "\f0d6";
}

/* CMA Job Detail */

.cma-job-detail .job-title:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #e2e2e2;
    margin: 30px 0 0 0;
}

.cma-job-detail .job-des pre,
.cma-job-detail .job-req pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    font-size: 100% !important;
    color: #666666 !important;
    background: #ffffff !important;
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif,
        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.cma-job-detail .job-des,
.cma-job-detail .job-req {
    margin-top: 30px;
}

.cma-job-detail .job-title-other {
    margin-top: 30px;
}

.cma-job-detail .cma-other-jobs {
    margin-top: 30px;
}

.cma-job-detail .cma-other-jobs .slick-prev,
.cma-job-detail .cma-other-jobs .slick-next {
    top: -75px !important;
}

.cma-job-detail .cma-other-jobs .slick-prev:before,
.cma-job-detail .cma-other-jobs .slick-next:before {
    color: #a0a0a0;
}

.cma-job-detail .cma-other-jobs .slick-next {
    right: 0 !important;
}

.cma-job-detail .cma-other-jobs .slick-prev {
    left: calc(100% - 50px) !important;
}

.cma-job-detail .cma-other-jobs .job-slide-item {
    padding: 10px;
}

.cma-job-detail .cma-other-jobs .job-slide-item-inner {
    display: block;
    border: 1px solid #e2e2e2;
    padding: 20px;
    overflow: hidden;
    position: relative;
    height: 340px;
}

.cma-job-detail .cma-other-jobs .job-slide-item-inner:hover {
    background: #f7f7f7;
    color: #333;
}

.cma-job-detail .cma-other-jobs .job-slide-item-inner:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 20px;
    width: 100%;
    background: #ffffff;
}

.cma-job-detail .cma-other-jobs .job-slide-item-inner:hover:after {
    background: #f7f7f7;
}

.cma-job-detail .cma-other-jobs .jobslide-title {
    margin-bottom: 10px;
}

.cma-job-detail .cma-other-jobs .jobslide-others {
    margin-top: 10px;
}

.cma-job-detail .cma-other-jobs .jobslide-des {
    margin-top: 10px;
}

.cma-job-detail .job-overview-inner {
    margin-top: 30px;
    border: 1px solid #e2e2e2;
    padding: 20px 30px;
}

.cma-job-detail .job-detail-item {
    position: relative;
    margin-bottom: 30px;
}

.cma-job-detail .job-detail-item:last-child {
    margin-bottom: 0px !important;
}

.cma-job-detail .job-detail-item:before {
    position: absolute;
    left: 0;
    top: 0;
    color: #999;
    font-family: "FontAwesome";
    font-size: 20px;
    color: #26ae61;
}

.cma-job-detail .job-detail-item:nth-child(1):before {
    content: "\f017";
}

.cma-job-detail .job-detail-item:nth-child(2):before {
    content: "\f292";
}

.cma-job-detail .job-detail-item:nth-child(3):before {
    content: "\f278";
}

.cma-job-detail .job-detail-item:nth-child(4):before {
    content: "\f0d6";
}

.cma-job-detail .job-detail-item:nth-child(5):before {
    content: "\f073";
}

.cma-job-detail .job-detail-item-right {
    padding-left: 30px;
}

.cma-job-detail .job-detail-item-right h6 {
    line-height: 30px;
}

/* CMA Create CV */

.cv-create .form-group {
    margin-bottom: 20px !important;
}

.cv-create .form-group label {
    margin-bottom: 10px;
}

.cv-create .form-group input[type="text"],
.cv-create .form-group textarea,
.cv-create .form-group select {
    background: #fcfcfc !important;
}

.cv-create .form-group .parsley-errors-list {
    margin-top: 5px !important;
}

/* CAM CV List */

.cma-cv-list .row .col-md-8 .cvs-block .row {
    padding: 20px;
    border-bottom: 1px solid #f7f7f7;
    border-right: 1px solid #f7f7f7;
    border-left: 5px solid #f7f7f7;
}

.cma-cv-list .row .col-md-8 .cvs-block > a:nth-child(1) .row {
    border-top: 1px solid #f7f7f7;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.cma-cv-list .row .col-md-8 .cvs-block > a:last-child .row {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.cma-cv-list .row .col-md-8 .cvs-block .row.cv-item-full {
    border-left-color: #186fc9;
}

.cma-cv-list .row .col-md-8 .cvs-block .row.cv-item-half {
    border-left-color: #f1630d;
}

.cma-cv-list .row .col-md-8 .cvs-block .row.cv-item-free {
    border-left-color: #53b427;
}

.cma-cv-list .row .col-md-8 .cvs-block .row .col-md-2 img {
    width: 50px;
}

.cma-cv-list .row .col-md-8 .cvs-block a:hover {
    color: #333 !important;
}

.cma-cv-list .row .col-md-8 .cvs-block .row {
    margin-bottom: 0 !important;
}

.cma-cv-list .row .col-md-8 .cvs-block .row:hover {
    background: #f7f7f7;
}

.cma-cv-list .row .col-md-8 .cvs-block .row .cv-type {
    text-align: center;
}

.cma-cv-list .row .col-md-8 .cvs-block .row .cv-type input[type="button"],
.cv-type-type input[type="button"] {
    border: 1px solid #c0c0c0;
    color: #c0c0c0;
    background: none;
    padding: 10px !important;
}

.cma-cv-list .row .col-md-8 .cvs-block .row.cv-item-full .cv-type input[type="button"],
.cv-item-full .cv-type-type input[type="button"] {
    border-color: #186fc9;
    color: #186fc9;
}

.cma-cv-list .row .col-md-8 .cvs-block .row.cv-item-half .cv-type input[type="button"],
.cv-item-half .cv-type-type input[type="button"] {
    border-color: #f1630d;
    color: #f1630d;
}

.cma-cv-list .row .col-md-8 .cvs-block .row.cv-item-free .cv-type input[type="button"],
.cv-item-free .cv-type-type input[type="button"] {
    border-color: #53b427;
    color: #53b427;
}

.cma-cv-list .row .cv-main-top {
    font-size: 18px;
}

@media (max-width: 767px) {
    .cma-cv-list .row .cv-main-top {
        margin-top: 10px;
    }
    .cma-cv-list .row .cv-type {
        text-align: left !important;
        margin-top: 10px;
    }
}

.cma-cv-list .row .cv-main-bottom {
    margin-top: 10px;
}

.cma-cv-list .row .col-md-8 ul,
.cv-type-others ul {
    list-style-type: none;
    margin-bottom: 0 !important;
}

.cma-cv-list .row .col-md-8 ul:after,
.cv-type-others ul:after {
    content: "";
    display: block;
    clear: both;
}

.cma-cv-list .row .col-md-8 ul li,
.cv-type-others ul li {
    position: relative;
    float: left;
    display: block;
    margin-right: 15px;
    padding-left: 22px;
}

.cma-cv-list .row .col-md-8 ul li:before,
.cv-type-others ul li:before {
    position: absolute;
    left: 0;
    top: 0;
    color: #999;
    font-family: "FontAwesome";
    font-size: 15px;
}

.cma-cv-list .row .col-md-8 ul li:first-child:before,
.cv-type-others ul li:first-child:before {
    content: "\f0f2";
}

.cma-cv-list .row .col-md-8 ul li:nth-child(2):before,
.cv-type-others ul li:nth-child(2):before {
    content: "\f278";
}

.cma-cv-list .row .col-md-8 ul li:nth-child(3):before,
.cv-type-others ul li:nth-child(3):before {
    content: "\f0d6";
}

/* CMA Resume Detail */

.cma-cv-detail .cv-title:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #e2e2e2;
    margin: 30px 0 0 0;
}

.cma-cv-detail .cv-education pre,
.cma-cv-detail .cv-experience pre,
.success-detail pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    font-size: 100% !important;
    color: #666666 !important;
    background: #ffffff !important;
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif,
        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.cma-cv-detail .cv-education,
.cma-cv-detail .cv-experience {
    margin-top: 30px;
}

.cma-cv-detail .cv-title-other {
    margin-top: 30px;
}

.cma-cv-detail .cma-other-cvs {
    margin-top: 30px;
}

.cma-cv-detail .cma-other-cvs .slick-prev,
.cma-cv-detail .cma-other-cvs .slick-next {
    top: -75px !important;
}

.cma-cv-detail .cma-other-cvs .slick-prev:before,
.cma-cv-detail .cma-other-cvs .slick-next:before {
    color: #a0a0a0;
}

.cma-cv-detail .cma-other-cvs .slick-next {
    right: 0 !important;
}

.cma-cv-detail .cma-other-cvs .slick-prev {
    left: calc(100% - 50px) !important;
}

.cma-cv-detail .cma-other-cvs .cv-slide-item {
    padding: 10px;
}

.cma-cv-detail .cma-other-cvs .cv-slide-item-inner {
    display: block;
    border: 1px solid #e2e2e2;
    padding: 20px;
    overflow: hidden;
    position: relative;
    height: 340px;
}

.cma-cv-detail .cma-other-cvs .cv-slide-item-inner:hover {
    background: #f7f7f7;
    color: #333;
}

.cma-cv-detail .cma-other-cvs .cv-slide-item-inner:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 20px;
    width: 100%;
    background: #ffffff;
}

.cma-cv-detail .cma-other-cvs .cv-slide-item-inner:hover:after {
    background: #f7f7f7;
}

.cma-cv-detail .cma-other-cvs .cvslide-title {
    margin-bottom: 10px;
}

.cma-cv-detail .cma-other-cvs .cvslide-others {
    margin-top: 10px;
}

.cma-cv-detail .cma-other-cvs .cvslide-experience {
    margin-top: 10px;
}

.cma-cv-detail .cv-overview-inner {
    margin-top: 30px;
    border: 1px solid #e2e2e2;
    padding: 20px 30px;
}

.cma-cv-detail .cv-detail-item {
    position: relative;
    margin-bottom: 30px;
}

.cma-cv-detail .cv-detail-item:last-child {
    margin-bottom: 0px !important;
}

.cma-cv-detail .cv-detail-item:before {
    position: absolute;
    left: 0;
    top: 0;
    color: #999;
    font-family: "FontAwesome";
    font-size: 20px;
    color: #26ae61;
}

.cma-cv-detail .cv-detail-item:nth-child(1):before {
    content: "\f017";
}

.cma-cv-detail .cv-detail-item:nth-child(2):before {
    content: "\f292";
}

.cma-cv-detail .cv-detail-item:nth-child(3):before {
    content: "\f278";
}

.cma-cv-detail .cv-detail-item:nth-child(4):before {
    content: "\f0d6";
}

.cma-cv-detail .cv-detail-item:nth-child(5):before {
    content: "\f073";
}

.cma-cv-detail .cv-detail-item-right {
    padding-left: 30px;
}

.cma-cv-detail .cv-detail-item-right h6 {
    line-height: 30px;
}

/* Success Story List */

.success-story .row {
    margin-bottom: 30px;
}

.success-story .story-item {
    position: relative;
}

.success-story .story-item .story-item-img {
    width: 250px;
    height: 250px;
    border-radius: 125px;
    overflow: hidden;
    margin: 0 auto;
    transform: scale(0.9);
    transition: 0.3s ease-out;
    -webkit-transform: scale(0.9);
    -webkit-transition: 0.3s ease-out;
}

.success-story .story-item .story-item-img img {
    width: 250px;
    height: 250px;
    object-fit: cover;
    -webkit-object-fit: cover;
    filter: brightness(90%);
}

.success-story .story-item .story-item-img:hover {
    filter: brightness(80%);
    transform: scale(1);
    transition: 0.3s ease-out;
    -webkit-transform: scale(1);
    -webkit-transition: 0.3s ease-out;
}

.success-story .story-item-title {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
}

.success-story .story-item-time {
    font-size: 12px;
    color: #999;
    margin-top: 5px;
    text-align: center;
}

.success-story .story-item-content {
    text-align: center;
    margin-top: 5px;
}

.success-story .story-item-button {
    margin-top: 10px;
    text-align: center;
}

/* Success Story Detail  */

.success-story-detail .success-detail {
    text-align: center;
}

.success-story-detail .success-detail .success-detail-icon {
    width: 300px;
    height: 300px;
    margin: 0 auto;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    overflow: hidden;
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transition: 0.3s;
    -webkit-transition: 0.3s;
    filter: brightness(100%);
}

.success-story-detail .success-detail .success-detail-icon img {
    width: 300px;
    height: 300px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    object-fit: cover;
    -o-object-fit: cover;
}

.success-story-detail .success-detail .success-detail-icon:hover {
    transform: scale(1);
    -webkit-transform: scale(1);
    transition: 0.3s;
    -webkit-transition: 0.3s;
    filter: brightness(70%);
}

.success-story-detail .success-detail .success-detail-name {
    font-weight: bold;
    font-size: 18px;
    margin-top: 20px;
}

.success-story-detail .success-detail .success-detail-title {
    font-size: 16px;
    margin-top: 10px;
}

.success-story-detail .success-detail .success-detail-description {
    margin-top: 10px;
}

@media (max-width: 767px) {
    .other-stories {
        margin-top: 50px;
    }
}

.other-stories-inner {
    margin-top: 30px;
    border: 1px solid #e2e2e2;
    padding: 20px 30px;
}

.other-stories-inner .other-success-item {
    margin-bottom: 20px;
    text-align: center;
}

.other-stories-inner .other-success-item .other-success-item-icon {
    display: block;
    width: 150px;
    height: 150px;
    margin: 0 auto;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    overflow: hidden;
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transition: 0.3s;
    -webkit-transition: 0.3s;
    filter: brightness(80%);
}

.other-stories-inner .other-success-item .other-success-item-icon img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    object-fit: cover;
    -o-object-fit: cover;
}

.other-stories-inner .other-success-item .other-success-item-icon:hover {
    transform: scale(1);
    -webkit-transform: scale(1);
    transition: 0.3s;
    -webkit-transition: 0.3s;
    filter: brightness(100%);
}

.other-stories-inner .other-success-item .other-success-item-name {
    margin-top: 10px;
    font-size: 16px;
}

/* Experience Share */

.experience-share .row {
    margin-bottom: 30px;
}

.experience-share .exp-item-img,
.experience-share-detail .exp-detail-img {
    display: block;
    width: 100%;
    height: 400px;
    overflow: hidden;
}

@media (max-width: 767px) {
    .experience-share .exp-item-img,
    .experience-share-detail .exp-detail-img {
        height: 250px;
    }
}

.experience-share .exp-item-img img,
.experience-share-detail .exp-detail-img img {
    transform: scale(1);
    -webkit-transform: scale(1);
    transition: 0.5s;
    -webkit-transition: 0.5s;
    filter: brightness(90%);
}

.experience-share .exp-item-img:hover img,
.experience-share-detail .exp-detail-img:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transition: 0.5s;
    -webkit-transition: 0.5s;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
    filter: brightness(70%);
}

.experience-share .exp-item-title {
    font-size: 20px;
}

.experience-share .exp-item-time {
    font-size: 12px;
    color: #999;
    margin-top: 10px;
}

.experience-share .exp-item-button {
    margin-top: 15px;
}

/* Experience Share Detail */

.experience-share-detail .exp-detail-title {
    font-size: 20px;
}

.experience-share-detail .exp-detail-img {
    margin-top: 20px;
}

.experience-share-detail .exp-detail-time {
    margin-top: 10px;
    font-size: 12px;
    color: #999;
}

.experience-share-detail .exp-detail-time::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #ededed;
    margin-top: 10px;
}

.experience-share-detail .exp-detail-content {
    margin-top: 15px;
}

.other-exps-title {
    font-size: 20px;
}

.other-exps-title:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #ededed;
    margin-top: 10px;
}

.other-exps-inner {
    margin-top: 20px;
}

.other-exp-item {
    position: relative;
    margin-bottom: 20px;
}

.other-exp-item-img {
    width: 100px;
}

.other-exp-item-title {
    position: absolute;
    left: 110px;
    top: 10px;
}

/* Graduate student */

.graduate-student-list .name-letter {
    margin-right: 10px;
    cursor: pointer;
}

.graduate-student-list .letter-current a {
    text-decoration: underline;
    font-weight: bold;
    color: #e01515 !important;
    font-size: 22px !important;
}

.graduate-student-list .row {
    margin-bottom: 30px;
}

@media (max-width: 767px) {
    .graduate-student-list .row .col-md-3 {
        margin-bottom: 30px;
    }
    .graduate-student-list .row .col-md-3:last-child {
        margin-bottom: 0px !important;
    }
}

.graduate-student-list .row:last-child {
    margin-bottom: 0px !important;
}

.graduate-student-list .graduate-item {
    position: relative;
}

.graduate-student-list .graduate-item .graduate-item-img {
    width: 250px;
    height: 250px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
    filter: brightness(90%);
    transform: scale(0.9);
    transition: 0.3s ease-out;
    -webkit-transform: scale(0.9);
    -webkit-transition: 0.3s ease-out;
}

.graduate-student-list .graduate-item .graduate-item-img img {
    width: 250px;
    height: 250px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    object-fit: cover;
    -webkit-object-fit: cover;
}

.graduate-student-list .graduate-item .graduate-item-img:hover {
    filter: brightness(80%);
    transform: scale(1);
    transition: 0.3s ease-out;
    -webkit-transform: scale(1);
    -webkit-transition: 0.3s ease-out;
}

.graduate-student-list .graduate-item .graduate-item-name {
    text-align: center;
    margin-top: 15px;
    font-weight: bold;
}

.graduate-student-list .graduate-item .graduate-item-email {
    text-align: center;
    margin-top: 5px;
}

.graduate-student-list .graduate-item .graduate-item-tel {
    text-align: center;
    margin-top: 5px;
}

.graduate-student-list .graduate-item .graduate-item-add,
.graduate-student-list .graduate-item .graduate-item-des {
    position: absolute;
    display: none;
}

#graduatePopup .modal-body {
    padding: 30px !important;
}

#graduatePopup .modal-body .graduate-pop-img img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    -webkit-object-fit: cover;
}

#graduatePopup .modal-body .graduate-item-name {
    font-weight: bold;
    margin-top: 20px;
}

#graduatePopup .modal-body .graduate-item-email {
    margin-top: 15px;
}

#graduatePopup .modal-body .graduate-item-tel {
    margin-top: 15px;
}

#graduatePopup .modal-body .graduate-item-add {
    margin-top: 15px;
}

#graduatePopup .modal-body .graduate-item-des {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    font-size: 100% !important;
    color: #666666 !important;
    background: #ffffff !important;
    padding: 0;
    margin: 15px 0 0 0;
    font-size: 16px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif,
        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

/* Comic Topic Class */

/* .comic-topic .speedcmp-info .row .col-md-6 .tar-item:before {
    content: '\f00c' !important;
    color: #000;
} */

.comic-topic .procm-info .row:nth-child(1) .info-item-left {
    width: 70px;
    height: 70px;
}

.comic-topic .procm-info .row:nth-child(1) .col-md-3:nth-child(1) .info-item-left {
    background-image: url(images/wall-calendar.svg);
}

.comic-topic .procm-info .row:nth-child(1) .col-md-3:nth-child(2) .info-item-left {
    background-image: url(images/agenda.svg);
}

.comic-topic .procm-info .row:nth-child(1) .col-md-3:nth-child(3) .info-item-left {
    background-image: url(images/books.svg);
}

.comic-topic .procm-info .row:nth-child(1) .col-md-3:nth-child(4) .info-item-left {
    background-image: url(images/avatar.svg);
}

@media (min-width: 768px) {
    .comic-topic .topic-promotion .col-md-6 {
        padding-top: 50px;
    }
}

.comic-topic .cma-gallery .block-header h1 {
    width: 300px;
    margin: 0 auto;
}

.comic-topic .cma-gallery .block-header h1:after {
    margin-top: 10px;
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-image: -webkit-linear-gradient(left, #f9e1e1, #e01515, #f9e1e1);
    background-image: -moz-linear-gradient(left, #f9e1e1, #e01515, #f9e1e1);
    background-image: -ms-linear-gradient(left, #f9e1e1, #e01515, #f9e1e1);
    background-image: -o-linear-gradient(left, #f9e1e1, #e01515, #f9e1e1);
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.comic-topic .cma-gallery .gallery-inner {
    background: #fff;
}

.comic-topic .cma-gallery .ug-bullets {
    padding: 10px;
    border-top: 1px solid #f7f7f7;
}

/* Short comic 1 */

.pro-comic .short-comic-detail {
}

.pro-comic .short-comic-detail .col-md-4:after {
    content: "";
    clear: both;
}

.pro-comic .short-comic-detail .col-md-4 .target-left {
    float: left;
}

.pro-comic .short-comic-detail .col-md-4 .target-left span:before {
    font-size: 40px !important;
    color: #e01515;
}

.pro-comic .short-comic-detail.col-md-4 .target-left span:before {
    font-size: 40px !important;
    color: #e01515;
}

.pro-comic .short-comic-detail .col-md-4 .target-right {
    float: left;
    margin-left: 10px;
    width: 75%;
}

.pro-comic .short-comic-detail .stage-item {
    line-height: 25px;
}

.pro-comic .teacher-box-2 {
    background: #f7f7f7;
}

.pro-comic .teacher-box-2 .teacher-item {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Short digital painting */

.short-digital .prodi-main-content .prodi-bg{
    height: 100%;
}

.short-digital .prodi-main-content .prodi-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.short-digital .short-digital-detail {
    background: #f7f7f7;
}

.short-digital .short-digital-detail .col-md-4:after {
    content: "";
    clear: both;
}

.short-digital .short-digital-detail .col-md-4 .target-left {
    float: left;
}

.short-digital .short-digital-detail .col-md-4 .target-left span:before {
    font-size: 40px !important;
    color: #e01515;
}

.short-digital .short-digital-detail.col-md-4 .target-left span:before {
    font-size: 40px !important;
    color: #e01515;
}

.short-digital .short-digital-detail .col-md-4 .target-right {
    float: left;
    margin-left: 10px;
    width: 75%;
}

.short-digital .short-digital-detail .stage-item {
    line-height: 25px;
}

.short-digital .teacher-box-2 .teacher-item {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.short-digital .teacher-box-2 .teacher-item .teacher-class {
    padding: 10px;
}

.short-digital .prodi-timetable .item-left::after{
    border-top: 200px solid transparent !important;
    border-bottom: 200px solid transparent !important;
}

/* CMA Studio */

.elementor-element-336538b .swiper-slide .eael-grid-post-holder{
    border: none !important;
}

.elementor-element-336538b .swiper-slide img{
    height: 150px !important;
    width: auto !important;
}

.elementor-element-336538b .swiper-slide .eael-grid-post-holder .eael-entry-thumbnail a{
    pointer-events: none;
}

.elementor-element-336538b .swiper-slide .eael-grid-post-holder .eael-entry-title a{
    pointer-events: none;
}

.elementor-element-38007e2 .swiper-slide .eael-grid-post-holder{
    border: none !important;
}

.elementor-element-38007e2 .swiper-slide .eael-grid-post-holder{
   background: none !important;
}

.elementor-element-38007e2 .swiper-slide .eael-grid-post-holder .eael-entry-thumbnail a{
    pointer-events: none;
}

.elementor-element-38007e2 .swiper-slide .eael-grid-post-holder .eael-entry-title a{
    pointer-events: none;
}

.elementor-element-d17a5e0 .slick-slide {
    cursor: pointer;
}

#studioPop .jet-carousel__item-inner {
    text-align: center;
}

#studioPop .jet-carousel__item-inner .jet-carousel__item-title {
    margin-top: 20px;
    margin-bottom: 20px;
    /* text-align: center; */
}

.elementor-element-d17a5e0 .jet-carousel__item .jet-carousel__item-link {
    height: 250px;
    display: block;
}

.elementor-element-d17a5e0 .jet-carousel__item .jet-carousel__item-link img {
    object-fit: cover;
    object-position: left top;
    height: 100%;
    width: 100%;
}

.page-id-30964 .cma-map {
    display: none;
}

#wpforms-35963 .wpforms-container ::-webkit-input-placeholder {
    /* Chrome and Safari */
    font-family: "Roboto";
}

#wpforms-35963 .wpforms-container :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    font-family: "Roboto";
}

#wpforms-35963 .wpforms-container ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    font-family: "Roboto";
}

#wpforms-35963 .wpforms-container :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    font-family: "Roboto";
}

#wpforms-35963 .wpforms-container ::-ms-input-placeholder {
    /* Microsoft Edge */
    font-family: "Roboto";
}

#wpforms-form-35963 input{
    max-width: 100% !important;
}

/* Manga comic Online */

.coma-special .tar-item {
    text-align: left;
}

/* Gallery new */

.eael-lightbox-title {
    font-size: 28px;
    margin-bottom: 10px;
}

.mfp-content .eael-lightbox-popup-window {
    background: #ffffff;
}

.mfp-wrap {
    z-index: 10000 !important;
}

button.mfp-close {
    top: -50px !important;
    right: -50px !important;
    border-color: rgba(255, 255, 255, 0) !important;
    color: #ffffff !important;
}

button.mfp-close:hover {
    background-color: rgba(255, 255, 255, 0) !important;
    border-color: rgba(255, 255, 255, 0) !important;
}

.elementor-element-fc15fe3 .dynamic-gallery-item-inner {
    position: relative;
}

.elementor-element-fc15fe3 .dynamic-gallery-item-inner .eael-modal-popup-button {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.elementor-element-fc15fe3 .dynamic-gallery-thumbnail .buttons {
    visibility: hidden !important;
}

.elementor-element-fc15fe3 .eael-modal-popup-button {
    opacity: 0 !important;
}

.elementor-element-033c354 .eael-modal-popup-link-033c354 {
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    visibility: hidden;
}

/* End gallery new */

/* Online classses */

.elementor-element-5c08a4e .dynamic-gallery-item-inner .eael-fade-in {
    visibility: visible !important;
    opacity: 1 !important;
}

.elementor-element-5c08a4e .dynamic-gallery-item-inner .eael-fade-in:hover {
    background-color: rgba(0, 0, 0, 0.3) !important;
}

.elementor-element-5c08a4e .eael-filter-gallery-container .caption .item-content h2 a {
    line-height: 30px;
}

.elementor-element-5c08a4e .dynamic-gallery-item-inner .eael-fade-in .buttons {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.elementor-element-5c08a4e .dynamic-gallery-item-inner .eael-fade-in .buttons a:nth-child(1) {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: block;
    width: 100% !important;
    height: 100% !important;
    background-color: transparent !important;
}

.elementor-element-5c08a4e .dynamic-gallery-item-inner .eael-fade-in .buttons a:nth-child(1):hover {
    background-color: transparent !important;
}

.elementor-element-5c08a4e .dynamic-gallery-item-inner .eael-fade-in .buttons a:nth-child(1) i:before {
    content: "" !important;
}

.elementor-element-80e90df .elementskit-entry-thumb img {
    height: 250px !important;
    object-fit: cover;
    object-position: left top;
}


.page-id-34464 .cma-map,
.page-id-34522 .cma-map {
    display: none;
}

.page-id-34464 .site-footer,
.page-id-34522 .site-footer {
    margin-top: 0 !important;
}

@media (min-width: 768px) {
    .elementor-34464 .elementor-element.elementor-element-80e9340 {
        width: 60% !important;
    }
}

.elementor-element-9e15635 .elementor-text-editor {
    display: none;
    padding-left: 15px !important;
}

.elementor-element-9e15635 .elementor-heading-title {
    cursor: pointer;
}

.elementor-element-9e15635 .elementor-heading-title.current {
    color: rgba(0, 0, 0, 0.8) !important;
}

.elementor-element-9e15635 .elementor-heading-title:before {
    content: "\f0da ";
    font-family: "Font Awesome 5 Free";
    padding-right: 5px;
}

.elementor-element-9e15635 .elementor-heading-title.current:before {
    content: "\f0d8 ";
    font-family: "Font Awesome 5 Free";
}

.elementor-element-9e15635 .elementor-text-editor p {
    font-size: 16px !important;
}

.elementor-element-9e15635 .elementor-pagination .page-numbers {
    color: rgba(0, 0, 0, 0.5) !important;
    font-size: inherit !important;
    cursor: pointer;
}

.elementor-element-9e15635 .elementor-pagination .current-page {
    color: rgba(0, 0, 0, 1) !important;
}

/* Remove bottom border of class item */
.elementor-element-6e8efce article{
    border-bottom: none !important;
}

/* Online classes detail */

.elementor-element-2238a9f .eael-pricing-tag {
    display: none;
}

.online-classes-content-detail .eael-pricing-tag {
    display: none;
}

/* Teacher detail */

.elementor-element-57e2d0e .elementor-heading-title:before {
    content: "Email: ";
    font-size: 22px;
    font-weight: bold;
    color: #000;
}

.elementor-element-2c988dd .elementor-heading-title:before {
    content: "Website: ";
    font-size: 22px;
    font-weight: bold;
    color: #000;
}

.elementor-element-d7980fe .elementor-heading-title:before {
    content: "Chuyên môn: ";
    font-size: 22px;
    font-weight: bold;
    color: #000;
}

.elementor-element-e92c6d5 .elementor-heading-title:before {
    content: "Môn học đang dạy: ";
    font-size: 22px;
    font-weight: bold;
    color: #000;
}

.elementor-element-f701ecc .elementor-heading-title:before {
    content: "Tác phẩm: ";
    font-size: 22px;
    font-weight: bold;
    color: #000;
}

.elementor-element-360803d .swiper-slide-image {
    height: 350px !important;
    object-fit: cover;
}

.elementor-element-360803d .swiper-pagination {
    bottom: -15px !important;
}

.elementor-element-827dc58 .elementor-text-editor,
.elementor-element-827dc58 .elementor-text-editor p {
    font-size: 18px !important;
}

/* Comic strip offline */

.comic-strip-offline .banner {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(images/comic-strip-offline.jpg);
    height: 600px;
}
.comic-strip-offline .what .row:nth-child(1) .col-md-6:nth-child(1) .post-item:nth-child(2) {
    margin-top: 20px;
}

.comic-strip-offline .what .row:nth-child(1) .col-md-6:nth-child(1) .post-item:nth-child(2) .post-icon {
    background-image: url(images/graduation-hat.svg) !important;
}

/* Speed comic background */

.speed-comic-background .speedcmp-banner {
    background-image: url(images/comic-background-bg.jpg) !important;
}

.speed-comic-background .procm-info .row:nth-child(1) .info-item {
    width: auto !important;
}
.speed-comic-background .procm-info .row:nth-child(1) .col-md-3:nth-child(4) .info-item-left {
    background-image: url(images/laptop.svg) !important;
}

.speed-comic-background .procm-info {
    background: #f7f7f7;
}

.speed-comic-background .ds-course-detail {
    background: #ffffff !important;
}
.speed-comic-background .speedcmp-timetable {
    background: #f7f7f7;
}

.speed-comic-background .cma-feeling-box {
    background: #ffffff !important;
}

/* Comic Basic */

.speed-comic-basic .speedcmp-banner {
    background-image: url(images/comic-basic-bg.jpg) !important;
}

.speed-comic-basic .procm-info .row:nth-child(1) .col-md-3:nth-child(4) .info-item-left {
    background-image: url(images/laptop.svg) !important;
}

.speed-comic-basic .procm-info .row:nth-child(1) .info-item {
    width: auto !important;
}

.speed-comic-basic .course-cell-left {
    position: relative;
    padding-left: 25px;
}

.speed-comic-basic .course-cell-left:before {
    position: absolute;
    left: 0;
    top: 0;
}


/* Khóa học 1-1 */
#wpforms-43419 input, #wpforms-43419 textarea{
    width: 100%;
    max-width: 100% !important;
    border-radius: 5px;
}

#wpforms-43419 label{
    color: #fff;
    font-weight: normal !important;
}

#wpforms-43419 input::placeholder, #wpforms-43419 textarea::placeholder{
    color: rgba(0,0,0,0.5);
}

#wpforms-43419 button{
    width: 200px;
    border-radius: 5px;
}

@media (max-width: 767px){
    #wpforms-43419 button{
        width: 100%;
    }
}


/* Teacher detail page */

.elementor-element-71eda54 .elementor-heading-title p{
    font-size: 16px !important;
}


/**************************************/
/* NEW VERSION 2024 */
/**************************************/

.creature-design .banner{
    background: url(images/thiet-ke-sinh-vat.jpg);
    background-size: cover !important;
    height: 700px !important;
    @media screen and (max-width: 768px){
        height: 300px !important;
    };
}

.creature-design .ds-course-detail .row .col-md-3{
    display: flex;
    align-items: center;
    gap: 10px;
}

.creature-design .ds-course-detail .row .col-md-3 .target-left{
    width: 30px;
    height: 30px;
    background-size: contain !important;
}

.ds-course-detail .row .col-md-3:nth-child(1) .target-left{
    background: url(images/number-1.png);
}

.ds-course-detail .row .col-md-3:nth-child(2) .target-left{
    background: url(images/number-2.png);
}

.ds-course-detail .row .col-md-3:nth-child(3) .target-left{
    background: url(images/number-3.png);
}

.ds-course-detail .row .col-md-3:nth-child(4) .target-left{
    background: url(images/number-4.png);
}

.creature-design .procm-info{
    background: #f7f7f7;
}

.creature-design .speedcmp-timetable{
    text-align: center;
}

/* Họa sĩ kể chuyện */

.elementor-element-fc4db6c .features{
    display: flex;
    align-items: start;
    padding: 10px 0;
}

.elementor-element-fc4db6c .features .feature-item{
    width: 25%;
    text-align: center;
    border-right: 1px solid rgba(0, 0, 0, 0.6);
}

.elementor-element-fc4db6c .features .feature-item:last-child{
    border-right: none;
}

.elementor-element-fc4db6c .features .feature-item .f-des{
    font-weight: bold;
    margin-top: 5px;
}

.list-item ul li{
    margin-bottom: 8px;
}

.list-item ul li::before{
    float: left;
    margin-top: 5px;
    margin-right: 5px;
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background: url(images/check.png);
    background-size: cover;
}

.list-item ul li::after{
    content: '';
    display: block;
    clear: both;
}

.list-item ul li span{
    float: left;
    display: block;
    width: calc(100% - 25px);
}

.cma-strength{
    display: flex;
    gap: 15px;
}

.cma-strength .strength-item{
    padding: 10px;
    width: calc(33.3% - 22px);
    background: #f7f7f7;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


/* End Họa sĩ kể chuyện */


/*********Human anotomy *************/

.human-anatomy .banner{
    padding-top: 0 !important;
    background: none !important;
}

.human-anatomy .ds-course-detail .row:first-child{
    margin-bottom: 20px;
}

.human-anatomy .ds-course-detail .row .col-md-4{
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.human-anatomy .ds-course-detail .row .col-md-4 .target-left{
    width: 30px;
    height: 30px;
    background-size: contain !important;
}

.human-anatomy .ds-course-detail .row .col-md-4 .target-right{
    width: calc(100% - 40px);
}

.human-anatomy .ds-course-detail .row:first-child .col-md-4:nth-child(1) .target-left{
    background: url(images/number-1.png);
}

.human-anatomy .ds-course-detail .row:first-child .col-md-4:nth-child(2) .target-left{
    background: url(images/number-2.png);
}

.human-anatomy .ds-course-detail .row:first-child .col-md-4:nth-child(3) .target-left{
    background: url(images/number-3.png);
}

.human-anatomy .ds-course-detail .row:nth-child(2) .col-md-4:nth-child(1) .target-left{
    background: url(images/number-4.png);
}

.human-anatomy .ds-course-detail .row:nth-child(2) .col-md-4:nth-child(2) .target-left{
    background: url(images/number-5.png);
}

.human-anatomy .speedcmp-timetable{
    text-align: center;
}

/*********End Human anotomy *************/

/**************************************/
/* END NEW VERSION 2024 */
/**************************************/