.alert-image img { width: auto; max-width: 100%; }
.alert-image { background: none; border: none; padding: 0; border-radius: 10px; margin-bottom: 0; margin-top: 0; }
.banner-header { background: #fff; }
.skin-wrapper.unique-skin { position: relative; }
.DNNEmptyPane { display: none; }
/*start head*/
.skin-online-help > header { background-image: linear-gradient(18deg, #128478, #16d293); padding-bottom: 50px; position: relative; }
/*online help*/
.breadcrumb-style b { margin: 0 10px; }

.breadcrumb-style a { color: #9a12d2; }
.breadcrumb-pane { padding: 15px 0; }
.meta-head-icon ul { margin: 0; }

    .meta-head-icon ul li { display: inline-block; }

.dropdown-share { display: none; position: absolute; z-index: 999; background: #fff; box-shadow: 0 6.4px 14.4px 0 rgba(245, 245, 245, 0.71), 0 1.2px 3.6px 0 #a59595ad; padding: 13px; width: auto; top: 100%; white-space: nowrap; z-index: 100; left: 0; margin-top: 12px; }

.meta-head-icon ul li a { display: inline-block; color: #000; margin-right: 20px; }

    .meta-head-icon ul li a > i { margin-left: 10px; vertical-align: middle; }

.dropdown-share ul { margin: 0; }

    .dropdown-share ul li { display: block; }

        .dropdown-share ul li > a { margin: 0; padding: 5px 10px; width: 100%; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }
            .dropdown-share ul li > a i { color: #9a12d2; }
            .dropdown-share ul li > a:hover { background-color: #e9e9e9; }
.dropdown-share:before { content: ""; border-top: 0; border-right: .6em solid transparent; border-bottom: .6em solid rgba(119, 112, 112, 0.67); border-left: .6em solid transparent; position: absolute; left: 25px; top: -8px; }
.dropdown-share:after { content: ""; border-top: 0; border-right: .6em solid transparent; border-bottom: .6em solid #ffffff; border-left: .6em solid transparent; position: absolute; left: 25px; top: -8px; }






/*end online help*/
.overlay-menu-panel { display: none; position: fixed; top: -20vh; left: -20vw; background: #000000; opacity: 0; width: 140vw; height: 140vh; z-index: 10; }
.meta-mobile { display: none; }
.logo2 { display: none; }
.logo-mobile { display: none; }
.login-pane-mobile { display: none; }
.logo-div { display: none; }
.menu-bar { display: none; }
.menu-bar-close { display: none; }
.contact-us-head { float: right; }
    .contact-us-head a { font-size: 14px; display: inline-block; margin: 0 5px 0 0; font-weight: 700; color: #13b488 !important; line-height: 33px; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; background: #fff; padding: 0 10px; border-radius: 32px; }
        .contact-us-head a svg { margin-right: 5px; }
        .contact-us-head a:hover { color: #0d2f59; }
.header-top { position: absolute; width: 100%; top: 0; left: 0; padding: 50px 0 0 0; z-index: 9; }
.logo { float: right; margin-top: 4px; margin-left: 20px; }
nav.main-navbar { float: right; }
.navbar-meta { float: left; padding-top: 5px; vertical-align: middle; }
.link-button { float: right; }
.btn-mag { float: right; margin-right: 10px; }
path#Subtraction_7:hover { fill: #0d2f59; }

path#Subtraction_7 { transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
.link-mag { margin: 0 25px 0 0px; }
.link-button.link-mag a { color: #16d393; }
.login-pane { float: right; margin: 0 10px 0 30px; }
.language-site { float: right; }
.link-button a { background: #fff; display: inline-block; color: #0d2f59; font-size: 14px; font-weight: 700; padding: 7px 20px; border-radius: 32px; line-height: 20px; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
    .link-button a:hover { background: #0d2f59; color: #fff; }
.user_style a { font-size: 14px; display: inline-block; margin: 0 10px; font-weight: 700; color: #fff; line-height: 34px; }
    .user_style a:hover { color: #0d2f59; }
.language-site a { display: inline-block; font-size: 14px; font-weight: 700; color: #fff; line-height: 30px; }
.social-head { float: right; }

    .social-head ul { margin: 0; }

        .social-head ul li { display: inline-block; margin: 0 0 0 5px; }
    .social-head a:hover svg ellipse { fill: #0d2f59; }
    .social-head a:hover svg path { fill: #fff; }
    .social-head a svg ellipse { transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }

/*end head*/
/*section 1*/
.bg-web { background: url(../images/background/header_green.jpg) left top no-repeat; padding-top: 240px; padding-bottom: 100px; background-size: 47% 100%; }
.img-pane img { width: 100%; }
.text-pane-top h2 { font-size: 45px; font-weight: bold; line-height: 1.14; color: #0e2f5a; margin-bottom: 35px; }
.text-pane h2 { font-size: 39px; font-weight: bold; line-height: 1.14; color: #0e2f5a; margin-bottom: 35px; display: block; direction: ltr; }
.text-pane p, .text-pane-top p { font-size: 17px; font-weight: 300; line-height: 1.9; color: #000000; margin-bottom: 30px; }
.btns-link a { display: inline-block; margin-left: 20px; }
    .btns-link a:last-child { margin-left: 0; }
    .btns-link a.button-link { box-shadow: 0 12px 22px 0 rgba(22, 211, 147, 0.24); background-image: linear-gradient(18deg, #16d293, #128478); padding: 10px 25px; border-radius: 32px; color: #fff; font-size: 18px; font-weight: bold; line-height: 1.72; color: #ffffff; transition: all 0.5s linear; }
        .btns-link a.button-link:hover { background-image: linear-gradient(18deg, #128478, #16d293); }

    .btns-link a.text-link { box-shadow: 0 12px 22px 0 rgba(22, 211, 147, 0.24); background-image: linear-gradient(18deg, #16d293, #128478); padding: 10px 25px; border-radius: 32px; color: #fff; font-size: 18px; font-weight: bold; line-height: 1.72; color: #ffffff; transition: all 0.5s linear; }
        .btns-link a.text-link:hover { color: #fff; background-image: linear-gradient(18deg,#128478,#16d293); }
/*end section 1*/

/*start bg-section*/
.carousel-colleague { display: none; }
.organizational-portal, .business-management, .electronic-services { padding-top: 130px; }

.bg-section { background: url(../images/background/back-pattern-1.jpg) right top /740px no-repeat,url(../images/background/back-pattern-2.jpg) left 42% /740px no-repeat; padding: 0 0; }
.list-pane ul { margin: 0; }
    .list-pane ul li { font-size: 17px; font-weight: 300; line-height: 2; color: #0d0d0d; transition: all 0.5s linear; }
        .list-pane ul li:hover i, .list-pane ul li:hover em { color: #13997f; }

        .list-pane ul li i, .list-pane ul li em { color: #16d393; vertical-align: middle; margin-left: 5px; }
.list-pane { margin-bottom: 30px; }
.list-pane { margin-bottom: 30px; }

a.btn-bg { background: #0e2f5a; background-image: none !important; display: inline-block; position: relative; overflow: hidden; vertical-align: middle; transition: all 0.3s linear; }
    a.btn-bg:hover { color: #fff; background: #194680; box-shadow: 0 12px 30px 0 rgba(14, 47, 90, 0.16); }

a.link-line { border-bottom: 2px solid #16d393; transition: all 0.5s linear; position: relative; }
.virtual-system { padding-top: 130px; }

.online-journal { background: url(../images/background/back_green.jpg) left top no-repeat; background-size: 100% 100%; padding-top: 85px; padding-bottom: 120px; }
.last-news-pane { height: 575px; }
.colleague-pane { background: url(../images/background/back-pattern-1.jpg) right top /40% no-repeat,url(../images/background/back-pattern-2.jpg) left top /40% no-repeat; padding: 160px 0 185px 0; margin-top: 10px; background-size: contain; }
.electronic-services { background: url(../images/background/pattern3.jpg) right bottom /740px no-repeat; padding-bottom: 120px; }
.icon-top-colleague img { position: absolute; top: 0; left: 50%; transform: translate(-50%,-50%); }

.rectangle-colleague { text-align: center; border-radius: 4px; box-shadow: 0 3px 99px 0 rgba(14, 47, 90, 0.18); background-color: #ffffff; position: relative; }
.title-colleague { padding-top: 140px; }

    .title-colleague h3 { font-size: 48px; font-weight: bold; line-height: 1.73; color: #0e2f5a; }

.icon-colleague { padding: 10px 70px 45px 70px; }
    .icon-colleague ul { margin: 0; }

        .icon-colleague ul li { display: inline-block; width: 125px; }
.btn-colleague a { box-shadow: 0 12px 22px 0 rgba(22, 211, 147, 0.24); background-image: linear-gradient(18deg, #16d293, #128478); padding: 15px 35px; display: inline-block; border-radius: 32px; font-size: 19px; font-weight: bold; line-height: 1.68; color: #ffffff; margin: 0 15px; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
    .btn-colleague a:hover { background-image: linear-gradient(18deg,#128478,#16d293); }
.btn-colleague { padding-bottom: 80px; }
.main-other-product { text-align: center; }

.title-other-product h4 { font-size: 29px; line-height: 1.1; color: #0e2f5a; }

.text-other-product p {font-size: 17px;font-weight: 300;line-height: 1.71;color: #0d0d0d;margin-bottom: 36px;min-height: 175px;}


/*end bg-section*/
/*online section*/
.head-online h4 { margin: 0; font-size: 30px; line-height: 1.3; color: #fff; }

    .head-online h4 img { margin-right: 5px; vertical-align: bottom; }

.head-online { margin-bottom: 20px; }


.logo-online { margin-bottom: 20px; }

.para-online p { font-size: 17px; font-weight: 300; line-height: 1.71; color: #ffffff; }

.list-online ul { margin: 0; }

    .list-online ul li { font-size: 17px; font-weight: 300; line-height: 1.9; color: #ffffff; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
        .list-online ul li:hover { color: #16d393; }
        .list-online ul li i { vertical-align: middle; margin-left: 10px; color: #16d393; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
        .list-online ul li:hover i { color: #fff; }
.online-left img { width: 100%; }
.online-last-news { text-align: right; }

.title-last-news h5 { font-size: 17px; line-height: 1.35; margin-bottom: 10px; }
    .title-last-news h5 i { vertical-align: middle; margin-left: 10px; color: #16d393; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
    .title-last-news h5:hover i { color: #fff; }
    .title-last-news h5 a { color: #fff; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
        .title-last-news h5 a:hover { color: #16d393; }
.caption-last-news { margin: 0px 0 0 0; }
    .caption-last-news h3 { font-size: 20px; line-height: 1.71; color: #ffffff; }
a.main-pic.img-desktop { background: rgba(0,0,0,0) url(../images/background/online/monitor.png) no-repeat scroll center center/83% 100%; display: block; /* width: 100%; */ height: 405px; overflow: hidden; }
a.main-pic > div { float: right; height: 67%; overflow: hidden; width: 78.111%; margin-top: 17px; margin-right: 67px; }

a.main-pic img { height: auto; width: 100%; transition: all 10s ease; -o-transition: all 10s ease; -moz-transition: all 10s ease; -webkit-transition: all 10s ease; }
section.portals-pane { padding: 145px 0 50px 0; }
/*end online section*/

/*Start Inner Page*/
.login-skin-inner { min-height: 500px; }
section.bg-head-inner { background-image: linear-gradient(18deg, #128478, #16d293); /* min-height: 500px; */ }
.image-head-inner { text-align: center; }
.bread-crumb { text-align: center; padding: 40px 0 40px 0; margin-top: 90px; }

    .bread-crumb h1 { font-size: 50px; color: #fff; }
.start-cooperation-txt { text-align: center; padding: 40px 0 160px 0; }

.cooperation-para p { font-size: 17px; font-weight: 300; line-height: 1.71; text-align: center; color: #0e2f5a; }

.cooperation-btns { margin-top: 40px; }

    .cooperation-btns a:first-child { box-shadow: 0 12px 22px 0 rgba(22, 211, 147, 0.24); background-image: linear-gradient(18deg, #16d293, #128478); padding: 15px 35px; display: inline-block; border-radius: 32px; font-size: 19px; font-weight: bold; line-height: 1.68; color: #ffffff; margin: 0 15px; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
        .cooperation-btns a:first-child:hover { background-image: linear-gradient(18deg,#128478,#16d293); }
    .cooperation-btns a:last-child:hover:before { opacity: 1; right: 100%; transform: translateY(-50%); }
    .cooperation-btns a:last-child:before { content: ""; position: absolute; width: 6px; height: 6px; background: #0e2f5a; border-radius: 50%; top: 33px; right: 0; opacity: 0; transition: all 0.5s linear; transform: translateY(-50%); }
    .cooperation-btns a:last-child { font-size: 18px; font-weight: bold; line-height: 1.8; color: #0e2f5a; transition: all 0.5s linear; border-bottom: 2px solid #16d393; transition: all 0.5s linear; position: relative; display: inline-block; }
.work-experience { background: #e1eaf6; height: 150px; }
.content-experience { border-radius: 4px; box-shadow: 0 3px 54px 0 rgba(14, 47, 90, 0.18); background-color: #ffffff; text-align: center; margin-top: -80px; padding: 25px; margin-left: 15px; margin-right: 15px; }

.num-experience span { font-size: 76px; font-weight: bold; line-height: 1.64; text-align: center; color: #0f5995; display: block; direction: ltr; }
.image-experience img { width: 100%; }

.image-experience { margin-top: -145px; }
.main-experience { padding: 60px; }
.colleague-about { margin-top: 120px; }

.img-sample1 a { background: url(../images/about/metro.jpg); }
.img-sample2 a { background: url(../images/about/abiandaru.jpg); }
.img-sample3 a { background: url(../images/about/saipa.jpg); }
.img-sample1 a, .img-sample2 a, .img-sample3 a { display: block; background-position: top; background-size: cover; background-repeat: no-repeat; transition: 5s; overflow: hidden; width: 100%; height: 233px; border-radius: 10px; box-shadow: 0 0 39px 0 rgba(0, 0, 0, 0.1); }

    .img-sample1 a:hover, .img-sample2 a:hover, .img-sample3 a:hover { background-position: bottom; }
.title-portfolio { text-align: center; }

    .title-portfolio h4 { font-size: 45px; font-weight: bold; line-height: 1.09; color: #0e2f5a; margin-bottom: 60px; }

.btn-portfolio { text-align: center; margin: 45px 0; }

    .btn-portfolio a { font-size: 20px; font-weight: bold; line-height: 1.3; color: #0e2f5a; border-bottom: 2px solid #16d393; display: inline-block; padding-bottom: 5px; display: inline-block; }


.start-pane, .approach-pane, .comrades-pane, .leaders-pane { position: relative; }

section.start-pane:before, section.approach-pane:before, section.comrades-pane:before, section.leaders-pane:before { content: ""; position: absolute; border-right: 1px dashed #0e2f5a; top: 0; left: 50%; height: 100%; transform: translate(-50%, 0); }

section.start-pane:after, section.approach-pane:after, section.comrades-pane:after, section.leaders-pane:after { content: ""; position: absolute; width: 10px; height: 10px; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #000; border-radius: 50%; }
.img-right-about { padding-top: 143px; padding-left: 25px; }
.img-left-about { padding-top: 143px; padding-right: 25px; }
.text-left-about { padding-right: 25px; padding-top: 105px; }
.text-right-about { padding-left: 25px; padding-top: 105px; }

/*----portfolio-----*/
.category-mobile span { display: none; }
.category-head ul { text-align: center; margin: 0; }

    .category-head ul li { display: inline-block; margin: 0 0 0 15px; }

        .category-head ul li a { display: block; border: 1px solid #fff; padding: 10px 15px; border-radius: 32px; color: #fff; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }

            .category-head ul li a span { display: inline-block; margin-right: 15px; }

            .category-head ul li a:hover { background: #fff; color: #14b388; }

.category-head { margin-bottom: 30px; }

.last-img-portfolio a { display: block; background-position: top; background-size: cover; background-repeat: no-repeat; transition: 5s; width: 100%; height: 310px; }
    .last-img-portfolio a:hover { background-position: bottom; }


.preview { position: relative; width: 100%; height: 200px; overflow: hidden; background-color: transparent; border-radius: 5px; border: 1px solid #d8d8d8; }
    .preview.last-preview { height: 200px; }
    .preview .previewimg { width: 100%; height: auto; transform: translateY(0px); transition: all 4s linear; -webkit-transition: all 4s linear; position: absolute; top: 0; left: 0; border-radius: 5px; }

    .preview:hover .previewimg { transform: translateY(calc(-100% + 300px)); }
.last-box-portfolio { overflow: hidden; border-radius: 10px; background: #fff; margin-bottom: 30px; border-radius: 15px; box-shadow: 0 3px 39px 0 rgba(55, 53, 53, 0.39); padding: 10px; }
.text-portfolio { text-align: right; padding: 15px 15px 0px 15px; /* background: #f8f8f8; */ }

    .text-portfolio h4 { margin: 0 0 0 0; font-size: 14px; text-align: center; }
.last-text-portfolio h4 { font-size: 14px; }
.text-portfolio h4 a { color: #0e2f5a; }

.text-portfolio h4 span { /* float: left; */ display: block; text-align: center; margin: 10px 0 0 0; color: #129468; }


/*----end portfolio-----*/
/*End Inner Page*/

/*Login Tabs*/
.login_style a.SkinObject { color: #fff; margin: 0 10px; line-height: 34px; display: inline-block; }
.login-skin-inner { position: relative; }
    .login-skin-inner:before { content: ""; position: absolute; background: url(../images/login/pl.png) repeat; top: 0; left: 0; width: 100%; height: 100%; }
.box-login { position: absolute; left: 50%; top: 60%; display: block; transform: translate(-50%,0); }
.caption-top-login p { background: #fff; padding: 15px; border-radius: 5px; color: #0d2f59; font-size: 12px; }

.caption-top-login { position: absolute; top: -180px; }
.google-pluse-pane ul { margin: 0; text-align: center; }

    .google-pluse-pane ul li { display: inline-block; width: 100%; }

        .google-pluse-pane ul li a { display: block; border-radius: 70px; box-shadow: 0 7px 24px 0 rgba(0, 0, 0, 0.09); background-color: #f8f8f8; width: 100%; padding: 10px 0; color: #0e2f5a; }

.google-pluse-pane { margin-bottom: 30px; }
/*End Login*/

/*--login custom--*/
.top-login { position: absolute; left: 50%; top: -73px; transform: translate(-50%,0); }
.form-login-pane { margin-top: 100px; }
.content-form .form-control, .content-form-tel .form-control { border-radius: 32px !important; border: 1px solid #c4c4c4; }
.captcha-login img.imgCaptcha { max-width: 130px; max-height: 39px; margin: 0; height: 38px; border-radius: 24px 0 0 24px; }
.button-login a { border-radius: 32px; }
.google-pluse-pane ul li a { border-radius: 70px; }
.button-register a { color: #15c58e; }
.forgot-pass a { padding: 0; display: inline-block; color: #15c58e; }
.captcha-login .input-group-addon i { color: #15c58e; }
/*End Login*/

/*Start LMS*/
figure.img-pane.img-head-lms { text-align: center; }

.img-head-lms img { width: auto; }
.bg-head-lms { padding-top: 200px; }
.content-lms-pane { padding: 0; }

.text-lms-pane h2 { color: #fff; margin-bottom: 34px; }
.text-lms-pane p { color: #fff; }
.list-lms-pane ul li { color: #fff; font-size: 15px; }

.content-lms-pane .btns-link-lms a { background: #fff; color: #0e2f5a; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
    .content-lms-pane .btns-link-lms a:hover { background: #0e2f5a; color: #fff; }
.btns-link-lms { margin-bottom: 40px; }
section.attributes-bg { padding: 80px 0 0 0; }
.title-attributes h2 { font-size: 45px; font-weight: bold; line-height: 1.09; color: #0e2f5a; margin-bottom: 30px; }
.title-attributes p { font-size: 17px; font-weight: 300; line-height: 1.65; color: #0d0d0d; padding: 0 100px; }

.title-attributes { margin-bottom: 50px; }
.list-attributes ul { margin: 0; text-align: center; }

    .list-attributes ul li { display: inline-block; width: 19%; margin-bottom: 30px; vertical-align: top; }

.list-attributes figure img { margin-bottom: 20px; }

.list-attributes figure figcaption { font-size: 17px; font-weight: 300; line-height: 1.71; color: #000000; }
.educational-content { padding-top: 0; }
.combined-content h2 { display: inline-block; direction: rtl; }
.img-educational { margin-top: 100px; }

section.educational-portal-bg { position: relative; padding-top: 25px; margin-bottom: 100px; }

    section.educational-portal-bg:before { content: ""; position: absolute; width: 74%; height: 100%; top: 0; right: 0; background: #f3f8ff; border-radius: 0 0 0 600px; }
.virtual-class-content { padding-top: 0; }

section.virtual-class-bg { position: relative; padding-top: 25px; margin-bottom: 100px; }

    section.virtual-class-bg:after { content: ""; position: absolute; width: 74%; height: 100%; top: 0; left: 0; background: #f2fbf8; border-radius: 0 0 600px 0; z-index: -1; }

.img-virtual { position: relative; margin-top: 90px; }
section.system-lms-bg { background: #e1eaf6; height: 135px; margin-bottom: 130px; }
.system-pane { margin-top: -160px; }

.caption-system { text-align: center; margin-bottom: 55px; }

    .caption-system h3 { font-size: 45px; font-weight: bold; line-height: 1.09; color: #0e2f5a; }

.educational-portal-bg.combined-learning { position: relative; padding-top: 25px; margin-bottom: 115px; }
figure.image-system { border-radius: 7px; box-shadow: 0 3px 35px 0 rgba(14, 47, 90, 0.18); background-color: #ffffff; padding: 10px; }


    figure.image-system img { width: 100%; }
.image-system-row { width: 100%; height: 140px; overflow: hidden; }
figcaption { padding: 10px 0 0 0; font-size: 12px; font-weight: bold; line-height: 0.92; text-align: center; color: #0e2f5a; }
.accordion-faqs { padding: 0 150px; }
.faqs-pane { padding: 25px 0 45px 0; }
.accordion-faqs .card-header { background: #f3f6fb; padding: 15px 15px; border: none; text-align: right; }
    .accordion-faqs .card-header a { color: #0e2f5a; font-size: 17px; display: block; }
.accordion-faqs .card { border-radius: 0; border: none; margin-bottom: 10px; }
.accordion-faqs .card-body { font-size: 13px; line-height: 2; text-align: right; color: #000000; }
.table-faqs table tr th, .table-faqs table tr td { text-align: center; padding: 4px; }
.table-faqs table tr td { font-size: 12px; }
.table-faqs table tr th { font-weight: normal; font-size: 13px; }
.faqs-pane ul.list-ltr { margin: 0 0 15px 15px; text-align: left; direction: ltr; }
    .faqs-pane ul.list-ltr li { list-style: outside; text-align: left; }
.more-faqs { margin: 50px 0 25px 0; }
    .more-faqs p { font-size: 17px; line-height: 2.06; color: #000000; margin-bottom: 25px; }

.soft-bg { background: url(../images/lms/mobile-lms.jpg) top left no-repeat; padding-top: 35px; background-size: 100% 100%; margin-bottom: 300px; }
.soft-mobile { text-align: right; padding: 60px 35px 0 0; }

.caption-soft h3 { font-size: 45px; font-weight: bold; line-height: 1.44; color: #ffffff; }

.content-soft p { font-size: 17px; font-weight: 300; line-height: 1.65; color: #ffffff; margin-bottom: 35px; }

.content-soft ul { margin: 20px 0 35px 0; }

    .content-soft ul li { display: inline-block; width: 49%; margin-bottom: 15px; font-size: 14px; color: #ffffff; }

        .content-soft ul li i, .content-soft ul li em { vertical-align: middle; margin-left: 5px; }

.caption-soft { margin-bottom: 35px; }


.btns-soft a { display: inline-block; margin-left: 25px; }
.mobile-image-lms img { margin-left: 80px; }
section.other-products-lms { padding-top: 60px; }
.attr-carousel { display: none; }

.owl-attributes .owl-item figure img { width: auto; margin: 0 auto; }

.omega-colection { padding: 110px 15px 50px 15px; display: block !important; }

.icon-mega { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; min-height: 140px; text-align: center; }

.content-mega h4 { font-size: 16px; color: #15417a; }

.icon-mega img { margin: 0 auto; }

section.omega-bg { padding-top: 75px; padding-bottom: 145px; }
.icon-top-colleague.omega-logo img { padding: 30px; border-radius: 65px 65px 0px 0px; max-width: 375px; background: #fff; }
.btn-omega a { background: #fe7926; box-shadow: 0 12px 31px 0 rgba(254, 121, 38, 0.3); }
/*End LMS*/
/*Start Inner LMS*/
.educational-inner-bg { margin-top: 60px; }

section.soft-bg.soft-inner-bg { margin-bottom: 0; }

    section.soft-bg.soft-inner-bg .soft-mobile { padding-top: 0; }
/*End Inner LMS*/
/*Start BMS*/
figure.img-pane.img-bms-pane img { width: auto; }
section.bms-box-bg { padding-bottom: 60px; }

.content-box-bms { background: #f2fbf8; padding: 15px; border-radius: 5px; min-height: 600px; }

.image-box-bms { text-align: center; margin-bottom: 30px; }

.text-box-bms { text-align: center; }

    .text-box-bms h4 { font-size: 40px; font-weight: bold; line-height: 1.23; color: #0e2f5a; margin-bottom: 30px; }

    .text-box-bms p { font-size: 17px; font-weight: 300; line-height: 2; color: #0d0d0d; }
section.soft-bms-bg { background: #e1eaf6; margin: 60px 0 285px 0; height: 175px; }
.image-soft-bms { margin-top: -37px; }

.text-soft-bms p { font-size: 17px; font-weight: 300; line-height: 2; color: #030000; }

.text-soft-bms { margin-top: 35px; }
/*END BMS*/
/*Start Portal*/
section.list-bg { background: #e1eaf6; padding: 60px 0 30px 0; margin: 60px 0 200px 0; }
section.certificat-bg { background: #e1eaf6; height: 165px; margin-top: 115px; margin-bottom: 200px; }
.image-certificate ul { margin: 0; text-align: center; }

    .image-certificate ul li { display: inline-block; padding: 20px; border-radius: 4px; box-shadow: 0 3px 54px 0 rgba(14, 47, 90, 0.18); background-color: #ffffff; margin: 0 50px; }

.image-certificate { margin-top: -25px; }
.portal-title h2 { font-size: 28px; }

.portal-title h4 { font-size: 26px; }
.portal-image img { width: 100%; height: 100%; }

.portal-image { height: 285px; }

section.portal-sample-bg { background: #e1eaf6; margin-top: 155px; height: 180px; margin-bottom: 290px; }
.portfolio-portal { margin-top: -60px; }

/*End Portal*/
/*contact us*/
.form-contactus input[type="text"] { width: 100%; height: 40px; border-radius: 32px !important; border: 1px solid #c4c4c4; padding-right: 10px; }
    .form-contactus input[type="text"].first-name-input, .form-contactus input[type="text"].last-name-input { width: 48%; }
    .form-contactus input[type="text"].first-name-input { margin-left: 16px; }
.form-contactus textarea { width: 100%; height: 40px; border-radius: 32px !important; border: 1px solid #c4c4c4; padding-right: 10px; padding-top: 10px; }
.form-contactus input[type="text"]:focus { border: 1px solid #13a382; outline: none; }
.form-contactus textarea:focus { border: 1px solid #13a382; outline: none; }
.btns-action { text-align: right; }
section.contactus-pane { padding: 80px 0 480px 0; }
.form-contactus { margin-top: 80px; }
    .form-contactus .form-group { margin-bottom: 2rem; }
section.relationship { background: url(../images/lms/mobile-lms.jpg) top left no-repeat; padding-bottom: 100px; background-size: 100% 100%; }
.main-relationship { text-align: center; margin-top: -335px; }
.caption-relationship h3 { font-size: 45px; font-weight: bold; line-height: 1.09; color: #0e2f5a; }
.caption-relationship { margin-bottom: 174px; }
.content-relationship { border-radius: 7px; box-shadow: 0 3px 35px 0 rgba(14, 47, 90, 0.18); background-color: #ffffff; position: relative; }
figure.image-relationship { position: absolute; display: block; width: 100%; top: -85px; }
    figure.image-relationship figcaption { font-size: 22px; margin-top: 27px; }
.content-relationship p { margin-top: 200px; display: inline-block; padding: 0 30px; font-size: 14px; font-weight: 300; line-height: 1.71; text-align: right; color: #0d0d0d; min-height: 92px; }
.content-relationship a { display: inline-block; background-image: linear-gradient(18deg, #16d293, #128478); padding: 10px 25px; border-radius: 32px; color: #fff; font-size: 18px; font-weight: bold; line-height: 1.72; color: #ffffff; transition: all 0.5s linear; margin: 30px 0; }
    .content-relationship a:hover { background-image: linear-gradient(18deg, #128478, #16d293); }

.contact-us-box ul { margin: 20px 0 0 0; text-align: right; }
    .contact-us-box ul li span { font-size: 18px; line-height: 1.44; color: #16d393; display: block; margin-bottom: 5px; }
    .contact-us-box ul li p, .contact-us-box ul li address { font-size: 16px; line-height: 2.11; color: #0e2f5a; }
section.map-pane { padding: 60px 0; }

figure.image-map img { width: 100%; }
section.map-pane { padding: 60px 0; }

figure.image-map img { width: 100%; }

figure.image-map figcaption { text-align: right; margin: 35px 70px 0 0; }

    figure.image-map figcaption a { font-size: 17px; line-height: 1.65; text-align: right; color: #0f5995; }

        figure.image-map figcaption a i, figure.image-map figcaption a em { color: #16d393; vertical-align: middle; font-size: 26px; margin-right: 10px; }
.main-skin-inner .bg-head-contactus { min-height: 145px; }

/*contact us*/
/*footer*/
.footer-top { background-image: linear-gradient(152deg, #0e2f5a, #0e2f5a); padding: 70px 0; }

.title-footer h5 { font-size: 18px; font-weight: 300; line-height: 1.44; color: #ffffff; }

.list-footer ul { margin: 0; }

    .list-footer ul li { }
        .list-footer ul li a { font-size: 12px; line-height: 2.42; color: #ffffff; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
            .list-footer ul li a:hover { color: #15c58e; }
.footer-middel { background-color: #0F4D64; padding-top: 50px; padding-bottom: 50px; }
.conten-contact ul { margin: 0; }

    .conten-contact ul li { color: #fff; margin-bottom: 15px; font-size: 12px; }
        .conten-contact ul li:last-child { margin-bottom: 0px; }
.conten-contact { margin-top: 25px; }
.phone-footer a { color: #fff; }
.social-footer ul { margin: 50px 0 0 0; text-align: center; }

    .social-footer ul li { display: inline-block; margin-right: 55px; }

        .social-footer ul li a { color: #fff; font-size: 38px; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
            .social-footer ul li a:hover { color: #15b086; }
.copyright span { color: #fff; }

.copyright { text-align: left; padding-top: 25px; }
/*footer*/

/*404 page*/
.head-404 { text-align: center; }

    .head-404 h1 { margin: 0; font-size: 67px; font-weight: bold; color: #0e2f5a; }

    .head-404 h5 { font-size: 30px; color: #0e2f5a; margin: 0; }
section.search-404 { text-align: center; position: relative; margin-top: 15px; }

    section.search-404 span#dnn_dnnSEARCH_ClassicSearch { display: block; margin: 0 auto; }

    section.search-404 input { width: 300px; height: 40px; border-radius: 32px !important; border: 1px solid #c4c4c4; padding-right: 10px; display: block; }
    section.search-404 a.searchcss { color: #c4c4c4; line-height: 40px; position: absolute; text-indent: -9000px; display: block; color: #fff; left: 20%; top: 0; transform: translate(-50%,0%); }
        section.search-404 a.searchcss:after { content: "\f002"; display: block; position: absolute; text-indent: 0; top: 0; left: 0; right: 0; bottom: 0; font-family: FontAwesome; color: #c4c4c4; }
.image-404 { text-align: center; }

    .image-404 > a { box-shadow: 0 12px 22px 0 rgba(22, 211, 147, 0.24); background-image: linear-gradient(18deg, #16d293, #128478); padding: 5px 25px; border-radius: 32px; color: #fff; font-size: 13px; font-weight: bold; line-height: 1.72; color: #ffffff; transition: all 0.5s linear; display: inline-block; margin: 12px 0 12px 0; }
        .image-404 > a:hover { background-image: linear-gradient(18deg, #128478, #16d293); }


    .image-404 figure { margin-top: 25px; }
        .image-404 figure img { max-width: 400px; }
    .image-404 ul { margin: 21px 0 10px 0; }

        .image-404 ul li { display: inline-block; margin: 0 15px; }

            .image-404 ul li a i, .image-404 ul li a em { color: #81ace4; font-size: 29px; vertical-align: top; margin-top: 3px; }

    .image-404 span { color: #000; font-family: cursive; }
.main-404 { position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; }
#toTop { position: fixed; bottom: 50px; right: 30px; cursor: pointer; display: none; }
    #toTop i { width: 40px; height: 40px; background: rgb(22, 211, 147); text-align: center; line-height: 34px; font-size: 38px; color: #fff; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; border-radius: 50%; }
/*Query Bootstrap*/
@media (min-width: 1200px) {
    .container { max-width: 1300px; }

    .skin-online-help .container { max-width: 1600px; }
}