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

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    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;
}

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


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


html, body {
    height: 100%;
}

a, body {
    color: initial;
    text-decoration: none;
    font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
    color: #444;
    transition: 0.3s ease;
    outline: none;
}

h1, h2, h3, h4, h5 {
    color: #444;
}

h1 {
    font-size: 45px;
    //color: #4dc2be;
    color: #4171af;
    font-family: 'HelveticaNeue-Condensed';
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 5px;
    //border-bottom: 5px solid #4dc2be;
    border-bottom: 5px solid #4171af;
    display: inline-block;
    margin-bottom: 10px;
}

h2 {
    font-size: 28px;
    font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
    color: #397bb3;
}

h3 {
    font-size: 25px;
    font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
    color: #397bb3;
    border-top: 5px solid #397bb3;
    display: inline-block;
    padding: 15px 0 5px;
    box-sizing: border-box;
}

h4 {
    font-size: 18px;
    font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
    text-transform: uppercase;
    color: #397bb3;
}

h5 {
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    color: #444;
}

p {
    color: #444;
    font-size: 16px;
    font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
}

#global-container {
    height: auto;
    min-height: 100%;
    //height: 100%;
    position: relative;
    padding-bottom: 49px;
    box-sizing: border-box;
}

.container {
    max-width: 1100px;
    width: 100%;
    margin: auto;
    font-size: 0;
    position: relative;
}

ul, li, div {
    outline: none;
}

/*---------------------------------------------------------header---------------------------------------------------------*/

.header {
    background: rgba(8,5,3,0.5);
    padding: 20px 50px;
    box-sizing: border-box;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 50;
    display: flex;
    align-items: center;
}

.header img {
    width: 199px;
    display: inline-block;
    vertical-align: middle;
}

.menu-line {
    width: 40px;
    height: 3px;
    background: white;
    margin-bottom: 5px;
}

.menu-line:last-child {
    margin-bottom: 0;
}

.menu-button {
    display: inline-block;
    cursor: pointer;
    position: relative;
    margin-left: 40px;
    margin-left: auto;
}

.header .btn {
    margin-left: auto;
    font-size: 15px;
    border-width: 2px;
    padding: 7px 18px;
    display: none;
}

.header {
    font-family: 'Roboto', sans-serif;
    color: white;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.header a {
    color: white;
    font-size: 15px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 2px;
}

/*.header a:hover {
    opacity: 0.8;
    transition: 0.3s ease;
}*/

.main-nav li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    cursor: pointer;
}

.main-nav {
    display: inline-block;
    vertical-align: middle;
    margin-left: 50px;
    display: none;
    transition: 0.3s ease;
}

.main-nav.inline-block {
    display: inline-block;
}

.language-wrap {
    display: inline-block;
    vertical-align: middle;
    float: right;
    margin-top: 10px;
    display: none;
    transition: 0.3s ease;
}

.language-wrap.inline-block {
    display: inline-block;
}

.language-wrap li {
    display: inline-block;
    vertical-align: middle;
}

.lang-btn {
    color: #92fffb;
    border: 3px solid #92fffb;
    padding: 5px;
    width: 50px;
    text-align: center;
}

/*---------------------------------------------------------header---------------------------------------------------------*/

/*---------------------------------------------------------footer---------------------------------------------------------*/

.footer {
    width: 100%;
    background: #444;
    color: white;
    font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
    position: absolute;
    bottom: 0;
    padding: 18px 50px;
    box-sizing: border-box;
    font-size: 13px;
}

.footer a {
    font-size: 13px;
    color: white;
    font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
    transition: 0.3s ease;
}

.sent {
    display: inline-block;
}

.divider {
    opacity: 0.4;
    margin: 0 10px;
}

.tnc-wrap {
    float: right;
}

.tnc-wrap a {
    opacity: 0.4;
}

.footer a:hover {
    color: #397bb3;
}

.footer .tnc-wrap a:hover {
    opacity: 1;
}

/*---------------------------------------------------------footer---------------------------------------------------------*/

/*---------------------------------------------------------home---------------------------------------------------------*/

.home-slider-img {
    width: 100%;
    height: 785px;
    position: relative;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
}

.home-top {
    height: 785px;
    position: relative;
}

.home-overlay {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    position: absolute;
    top: 0;
    left: 0;
}

.home-overlay img {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%,0);
}

.home-content {
    position: absolute;
    left: 50%;
    bottom: 80px;
    transform: translate(-50%,0);
    max-width: 454px;
    text-align: center;
}

.home-content h1 {
    color: white;
    letter-spacing: 8px;
    border-bottom: 5px solid white;
    padding-bottom: 5px;
    box-sizing: border-box;
    margin-bottom: 7px;
    min-width: 450px;
    font-family: 'HelveticaNeue-MediumCond';
}

.small-title {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    color: white;
    font-weight: lighter;
    letter-spacing: 0.7px;
    text-align: center;
    margin-bottom: 15px;
}

.btn {
    font-size: 18px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    color: #444;
    //border: 3px solid #4dc2be;
    border: 3px solid #83b3e4;
    padding: 10px 20px;
    box-sizing: border-box;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
    cursor: pointer;
    transition: 0.3s ease;
}

.btn:hover {
    border-color: #397bb3;
}

.home-content .btn {
    background: #397bb3;
    color: white;
    box-shadow: 0px 0px 7px rgba(0,0,0,0.35);
    border: 3px solid #397bb3;
    padding: 12px 24px;
    font-weight: 500;
}

.home-content .btn:hover {
    background: transparent;
    border: 3px solid #397bb3; 
}

.slick-dots {
    z-index: 10;
}

.slick-dots li button:before {
    width: 6px;
    height: 22px;
    content: '';
    background: rgba(255,255,255,0.7);
    border-radius: 10px;
    transition: 0.3s ease;
}

.slick-dots li.slick-active button:before {
    content: '';
    background: rgba(255,255,255,0.9);
    height: 30px;
}

.slick-dots li button {
    width: 6px;
    height: 22px;
}

.slick-dots li {
    width: 6px;
    vertical-align: bottom;
    height: 22px;
    margin-right: 10px;
    bottom: 40px;
}

.slick-dots li.slick-active, .slick-dots li.slick-active button {
    height: 30px;
}

.slick-dots li button:hover:before {
    background: rgba(255,255,255,1);
}

.home-mission {
    width: 100%;
    min-height: 370px;
    height: auto;
    background-size: cover;
    background-position: center;
}

.title-left {
    width: 25%;
    display: inline-block;
    vertical-align: top;
}

.content-right {
    width: 75%;
    display: inline-block;
    vertical-align: top;
}

#gallery_inner .content-right {
    padding-left: 50px;
    width: 60%;
}

#gallery_inner .title-left {
    width: 40%;
}

.home-mission .container {
    padding: 100px 0 100px;
    box-sizing: border-box;
}

.para {
    font-size: 17px;
    color: #444;
    font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
    line-height: 1.3;
}

.home-mission .para {
    line-height: 1.7;
}
.home-mission .para p{
    font-size: 17px;
    color: #444;
    font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
}
.left, .right {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

.left {
    padding-right: 30px;
    box-sizing: border-box;
}

.right {
    padding-left: 30px;
    box-sizing: border-box;
}

.home-mission .right {
    width: 35%;
}

.home-mission .left {
    width: 65%;
}

.quote {
    font-size: 28px;
    font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
    color: #397bb3;
    line-height: 1.4;
    position: relative;
    padding: 0 20px;
    box-sizing: border-box;
    display: none;
}

.quote:before {
    content: '“';
    font-size: 80px;
    position: absolute;
    top: -23px;
    left: -30px;
}

.quote:after {
    content: '“';
    font-size: 80px;
    position: absolute;
    right: 30px;
    bottom: -70px;
}

.home-mission .btn {
    float: right;
    margin: 60px 30px 0;
}

.home-member {
    width: 100%;
    min-height: 585px;
    height: auto;
    position: relative;
    background-size: cover;
    background-position: center;
}

.home-member .container {
    padding: 70px 0;
    box-sizing: border-box;
}

.right-title {
    float: right;
    position: absolute;
    right: 0;
}

.member-wrap {
    width: 320px;
    height: 320px;
    background-size: cover;
    //background-position: center;
    background-position: 0% 0%;
    margin: auto;
    margin-right: 30px;
    vertical-align: bottom;
    position: relative;
    bottom: 0;
    margin-top: 90px;
    cursor: pointer;
}

.member-wrap.active {
    width: 410px;
    height: 410px;
    margin-top: 0;
}

.home-member .slick-initialized .slick-slide {
    min-height: 410px;
    position: relative;
}

.home-member-slider {
    width: 100%;
    margin-top: 50px;
}

.member-info {
    width: 410px;
    margin-top: 20px;
    display: none;
}

.member-info .para .dot-wrap {
    color: #397bb3;
    line-height: 1.5;
    margin-top: 15px;
    max-height: 100px;
    font-size: 17px;
    //overflow: hidden;
}

.member-info h3 {
    display: block;
    padding-top: 25px;
}

.slick-prev:before, .slick-next:before {
    content: '';
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    width: 0;
    height: 0;
    font-size: 0;
}

.slick-prev:before {
    //border-right: 15px solid #4dc2be;
    border-right: 15px solid #4171af;
}

.slick-next:before {
    //border-left: 15px solid #4dc2be;
    border-left: 15px solid #4171af;
}

.home-course {
    width: 100%;
    min-height: 640px;
    height: auto;
    background-size: cover;
    background-position: center;
}

.home-course .container {
    padding: 100px 0;
    box-sizing: border-box;
}

.bright {
    /*    color: #92fffb;
        border-color: #92fffb;*/
    color: #92c7ff;
    border-color: #92c7ff;
}

.date, .news-title {
    font-size: 20px;
    color: white;
    font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
    transition: 0.3s ease;
}

.read-more {
    //color: #92fffb;
    color: #92c7ff;
    font-size: 18px;
    margin-top: 15px;
    transition: 0.3s ease;
}

.read-more:hover {
    //color: #8ecbff;
    color: #00aeef;
}

.news-list {
    margin-top: 100px;
}

.news-list li {
    margin-bottom: 55px;
}

.bright-btn {
    color: white;
    //border-color: #92fffb;
    //border-color: #92cdff;
    border-color: #a5d0f5;
}

.home-course .left, .home-course .right {
    width: calc(50% - 73px);
}

.home-course .btn {
    position: absolute;
    top: 50%;
}

.no-bottom {
    margin-bottom: 0;
}

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

.gallery-overlay {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    transition: 0.3s ease;
}

.grid-item:hover .gallery-overlay {
    opacity: 0;
}

.grid-item {
    background-size: cover;
    background-position: center;
}

.home-gallery .container {
    padding: 65px 0 85px;
    box-sizing: border-box;
}

.white {
    color: white;
    border-color: white;
}

.home-gallery h1 {
    margin-bottom: 25px;
}

.blue {
    color: #397bb3;
    border-color: #397bb3;
}

.home-contact .container {
    padding: 55px 0;
    box-sizing: border-box;
}

.label-list , .content-list {
    display: inline-block;
    vertical-align: top;
    margin-top: 50px;
}

.content-list {
    border-left: 2px solid #397bb3;
    min-width: 250px;
}

.content-right .content-list {
    border: none;
}

.fb {
    display: inline-block;
    vertical-align: middle;
}

.form-line-wrap {
    border-left: 2px solid #397bb3;
    padding-left: 15px;
    box-sizing: border-box;
}

.label-list li, .content-list li {
    font-size: 18px;
    margin-bottom: 30px;
}

.label-list li:last-child, .content-list li:last-child {
    margin-bottom: 0;
}

.label-list li {
    text-transform: uppercase;
    color: #397bb3;
    margin-right: 10px;
}

.content-list li {
    margin-left: 15px;
}

.home-contact .content-right {
    margin-top: 60px;
}

.home-contact .title-left {
    width: 30%;
}

.home-contact .content-right {
    width: 70%;
}

input[type=text], textarea , input[type=password]{
    width: 290px;
    font-size: 15px;
    border: 1px solid #397bb3;
    margin-bottom: 4px;
    padding: 5px 10px;
    box-sizing: border-box;
    font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
    text-transform: uppercase;
    color: #397bb3;
}

.long, input[type=text].long {
    width: 605px;
}

.home-contact form {
    //padding-left: 15px;
    box-sizing: border-box;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: rgba(57,123, 179, 0.5);
}
::-moz-placeholder { /* Firefox 19+ */
    color: rgba(57,123, 179, 0.5);
}
:-ms-input-placeholder { /* IE 10+ */
    color: rgba(57,123, 179, 0.5);
}
:-moz-placeholder { /* Firefox 18- */
    color: rgba(57,123, 179, 0.5);
}

.home-contact .btn {
    font-size: 15px;
    //color: #4dc2be;
    color: #83b3e4;
    padding: 8px 26px;
    font-weight: 500;
    margin: 25px 0 0 17px;
}

.home-contact .btn:hover {
    color: #397bb3;
}

.lightbox-wrapper {
    background-size: cover;
    background-position: center;
    padding: 6%;
    box-sizing: border-box;
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 50;
    overflow: auto;
    display: none;
}

.lightbox {
    background: rgba(255,255,255,0.95);
    width: 100%;
    max-width: 1100px;
    margin: auto;
    padding: 50px 55px;
    box-sizing: border-box;
    font-size: 0;
    position: relative;
}

.lightbox .left .btn, .lightbox .right .btn, .lightbox .content-right > .btn {
    font-weight: 500;
    width: 117px;
    height: 39px;
    text-align: center;
    box-sizing: border-box;
    padding: 6px 0;
    font-size: 22px;
    cursor: default;
}

.lightbox .btn.first-blue {
    color: #00aeef !important;
    border-color: #00aeef !important;
}

.lightbox .left .btn:hover {
    border-color: inherit;
}

.lightbox .btn.second-green {
    color: #3cb878 !important;
    border-color: #3cb878 !important;
}

.lightbox .content-right > .btn {
    color: #4dc2be;
    border-color: #4dc2be;
}

.lightbox .right .btn:hover, .lightbox .content-right > .btn {
    border-color: inherit;
}

.lightbox .left ul, .lightbox .right ul, .lightbox .content-right > ul {
    font-size: 17px;
    list-style-type: disc;
    padding: 20px 15px;
    box-sizing: border-box;
    color: #444;
}

.lightbox .left li, .lightbox .right li, .lightbox .content-right > ul li {
    margin-bottom: 20px;
    line-height: 1.2;
}

.close-line {
    width: 65px;
    height: 1px;
    background: rgba(255,255,255,0.6);
    transition: 0.3s ease;
}

.close-line:first-child {
    transform: rotate(45deg);
}

.close-line:last-child {
    transform: rotate(135deg);
}

.close-btn {
    position: absolute;
    top: -60px;
    right: -70px;
    cursor: pointer;
    width: 65px;
    height: 65px;
    padding-top: 32px;
    box-sizing: border-box;
}

.close-btn:hover .close-line {
    background: rgba(255,255,255,1);
}

.lightbox .para {
    margin: 20px 0 40px;
    line-height: 2;
}

.lightbox .btn.wide {
    width: auto;
    height: auto;
    text-align: left;
    padding: 6px 10px;
    box-sizing: border-box;
}

input[type=submit].btn , input[type=button].btn {
    background: transparent;
    //border-color: #4dc2be;
    border-color: #83b3e4;
}

section {
    position: relative;
}

#home-mission, #home-contact {
    width: 100%;
    height: 1px;
    background: transparent;
    position: absolute;
    display: block;
    top: -90px;
}

.home-member .slick-prev, .home-member .slick-next {
    top: 60%;
}

.home-member .btn {
    margin-top: 20px;
}

.fa.fa-facebook-official {
    display: block;
    font-size: 50px;
    color: #397bb3;
    transition: 0.3s ease;
    //width: 30px;
}

.fa.fa-facebook-official:hover {
    //color: #4dc2be;
    color: #83b3e4;
}

.content-list a:hover {
    color: #4dc2be;
}

.fb-word {
    font-size: 14px;
    color: #397bb3;
    margin: 40px 10px 0 0;
    text-transform: uppercase;
    vertical-align: -40%;
}

.responsive {
    display: none;
}

#home .slick-list {
    width: 100%;
}

/*---------------------------------------------------------home---------------------------------------------------------*/

/*-------------------------------------------------------member--------------------------------------------------------*/

.member-bg {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: 0% 0%;
}

.inner-page {
    padding-top: 90px;
    box-sizing: border-box;
}

#member h1, #course h1, #gallery h1, #gallery_inner h1, .common-page h1 {
    margin: 40px 0 30px;
}

.member-block {
    width: 100%;
    min-height: 475px;
    //height: auto;
    background: #d4f9fe;
    margin-bottom: 25px;
    padding: 35px 20px;
    box-sizing: border-box;
}

.member-block .title-left {
    max-width: 275px;
    width: 25%;
}

.member-photo {
    width: 100%;
    //height: 392px;
    background-size: cover;
    background-position: center;
}

.member-photo:after {
    content: '';
    display: block;
    padding-top: 140%;
}

#member .content-right {
    padding: 0 30px;
    box-sizing: border-box;
}

.bullet {
    width: 6px;
    height: 6px;
    background: #397bb3;
    border-radius: 10px;
    display: inline-block;
    vertical-align: top;
    margin: 9px 10px 0 0;
}

.bullet-content {
    font-size: 16px;
    color: #397bb3;
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 16px);
    line-height: 1.5;
}

.point {
    margin-bottom: 20px;
}

.point-wrap {
    margin-top: 25px;
}
.point-wrap p{
    margin-bottom: 20px;
    font-size: 16px;
    color: #397bb3;
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 16px);
    line-height: 1.5;
}

#member .right .point-wrap {
    margin-top: 93px;
}

.no-bullet .bullet {
    opacity: 0;
}

.member-list {
    margin-bottom: 50px;
}

/*-------------------------------------------------------member--------------------------------------------------------*/

/*--------------------------------------------------------course---------------------------------------------------------*/

.course-bg {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
}

.roboto-title {
    font-family: 'Roboto', sans-serif;
}

.course-wrap .title-left > h4 {
    text-transform: none;
    font-size: 20px;
}

.course-list .date {
    font-size: 15px;
}

.course-list .news-title {
    font-size: 17px;
    margin-top: 5px;
    padding-right: 20px;
    box-sizing: border-box;
    line-height: 1.2;
}

.course-list li {
    margin: 30px 0;
    cursor: pointer;
}

.course-list li:hover .date, .course-list li:hover .news-title {
    color: #92fffb;
}

.btn.prev, .btn.next {
    font-size: 18px;
    color: #a3a3a3;
    border-color: #a3a3a3;
    width: 123px;
    height: 45px;
    padding: 11px 0;
    text-align: center;
    margin-right: 5px;
    transition: 0.3s ease;
}

.btn.prev:hover, .btn.next:hover {
    color: white;
    border-color: #92fffb;
}

#course h3 {
    border-top: none;
    padding-top: 0;
    max-width: 550px;
    line-height: 1.1;
}

#course .content-right {
    padding-left: 50px;
    border-left: 3px ridge #505050;
    margin-bottom: 50px;
}

.sub-title {
    //color: #00ffff;
    color: #92c7ff;
    font-size: 16px;
    border-left: 2px solid;
    padding-left: 10px;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.course-detail .content {
    font-size: 17px;
    line-height: 1.8;
    margin-bottom: 20px;
}
.course-detail .content p {
    font-size: 17px;
    color: white;
}

.course-detail {
    margin-top: 30px;
}

.course-detail ul {
    list-style-type: decimal;
    padding-left: 15px;
    box-sizing: border-box;
}

.course-detail li {
    padding-left: 10px;
    box-sizing: border-box;
}

.course-detail .content a {
    color: white;
    transition: 0.3s ease;
}

.course-detail .content a:hover {
    color: #00aeef;
}

.course-detail .btn {
    margin: 30px 0 100px;
    margin-right: 25px;
}

#course .lightbox h3 {
    color: #00bff3;
    margin-bottom: 30px;
}

#course .lightbox {
    padding: 50px 150px;
}

#course form .label {
    min-width: 150px;
    font-size: 15px;
    display: inline-block;
    color: #444;
    margin-bottom: 10px;
}

#course input[type=text], #course textarea {
    border-color: #d7d7d7;
    color: #444;
}

#course .short-block input[type=text] {
    width: 150px;
    margin-bottom: 25px;
}

#course .short-block {
    display: inline-block;
    padding-right: 50px;
    box-sizing: border-box;
    font-size: 15px;
}

input[type=checkbox],
input[type=radio]{
    border: 1px solid #d7d7d7;
    background: transparent;
    margin-bottom: 30px;
}

select {
    font-size: 15px;
    border-color: #d7d7d7;
    color: #505050;
    padding: 5px 10px;
    box-sizing: border-box;
    margin-bottom: 40px;
}

#course form {
    font-size: 15px;
}

input[type=checkbox].half-bottom {
    margin-bottom: 15px;
}

#course input[type=submit].btn , #course input[type=button].btn {
    background: transparent;
    border-color: #00bff3;
    margin-bottom: 50px;
}

input[type=submit].btn:hover , input[type=button].btn:hover {
    border-color: #397bb3;
}

.last-checkbox {
    margin-bottom: 20px;
}

.course-poster-wrap img {
    //max-width: 470px;
    width: 100%;
    max-width: 300px;
}

.course-poster-wrap {
    margin-top: 20px;
}

#course .lightbox a {
    transition: 0.3s ease;
}

#course .lightbox a:hover {
    opacity: 0.7;
}

/*--------------------------------------------------------course---------------------------------------------------------*/

/*--------------------------------------------------------gallery---------------------------------------------------------*/

.grid-item.small {
    width: 100px;
}

.grid-item .gallery-overlay h3 {
    color: white;
    border-color: white;
}

#gallery .grid-item {
    text-align: center;
}

.gallery-title {
    font-size: 16px;
    color: white;
    border-top: 5px solid white;
    padding-top: 10px;
    box-sizing: border-box;
    display: inline-block;
}

#gallery .grid-item .gallery-overlay {
    padding: 30px 15px;
}

#gallery .grid-item--width2 .gallery-overlay {
    padding: 30px;
}

#gallery .btn {
    font-size: 14px;
    margin: 20px 0 0;
}

#gallery .gallery-overlay {
    background: rgba(0,0,0,0.6);
}

#gallery {
    padding-bottom: 100px;
    box-sizing: border-box;
}

/*--------------------------------------------------------gallery---------------------------------------------------------*/

/*----------------------------------------------------gallery_inner------------------------------------------------------*/

#gallery_inner h1.gallery-h1 {
    border-left: 5px solid;
    border-bottom: none;
    padding-left: 10px;
    box-sizing: border-box;
    margin-top: 0;
    font-size: 30px;
    text-transform: none;
    letter-spacing: 2px;
}

.slick-slide img {
    margin: auto;
    max-height: 500px;
    max-width: 80%;
}

.gallery-wrap {
    margin: 50px 0;
    height: 500px;
}

.light-blue {
    color: #00bff3;
    border-color: #00bff3;
}

/*----------------------------------------------------gallery_inner------------------------------------------------------*/

/*-------------------------------------------------application_form----------------------------------------------------*/

.checkbox {
    display: inline-block;
    width: 25px;
    vertical-align: 30%;
    position: relative;
    margin-right: 5px;
}

input[type=checkbox],
input[type=radio]
{
    visibility: hidden;
}

.checkbox label {
    cursor: pointer;
    position: absolute;
    width: 25px;
    height: 25px;
    top: 0;
    left: 0;
    background: white;
    border: 1px solid #d7d7d7;
}

.checkbox label:after {
    opacity: 0;
    content: '';
    position: absolute;
    width: 9px;
    height: 5px;
    background: transparent;
    top: 6px;
    left: 7px;
    border: 3px solid #333;
    border-top: none;
    border-right: none;

    transform: rotate(-45deg);
}

.checkbox input[type=checkbox]:checked + label:after {
    opacity: 1;
}
.checkbox input[type=radio]:checked + label:after {
    opacity: 1;
}
/*-------------------------------------------------application_form----------------------------------------------------*/

/*--------------------------------------------------common-page------------------------------------------------------*/

.common-page .para {
    width: 100%;
    max-width: 750px;
}

/*--------------------------------------------------common-page------------------------------------------------------*/

/*--------------------------------------------------------login------------------------------------------------------------*/

.login-page {
    padding-top: 0;
}

.gradient-bg {
    width: 100%;
    position: fixed;
    width: 100%;
    height: 100vh;
    //background: linear-gradient(270deg, #397bb3, #92fffb, #00ffc9);
    //background: linear-gradient(270deg, #397bb3, #92fffb, #00d6a9, #397bb3);
    //background: linear-gradient(270deg, #397bb3, #84e5e1, #0aadb8);
    //background: linear-gradient(270deg, #397bb3, #5f8da2, #0351a0);
    background: linear-gradient(270deg, #476884, #5f8da2, #0351a0);
    background-size: 600% 600%;
    -webkit-animation: AnimationName 15s ease infinite;
    -moz-animation: AnimationName 15s ease infinite;
    animation: AnimationName 15s ease infinite;
    top: 0;
    left: 0;
}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

@keyframes AnimationName { 
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

.login-bg {
    opacity: 0.2;
    height: 100vh;
}

.login-panel {
    width: 476px;
    /* height: 390px; */
    background: rgba(255,255,255,0.9);
    //margin-bottom: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 65px 30px 35px;
    box-sizing: border-box;
}

.content-wrap {
    min-height: calc(100vh - 104px);
    position: relative;
    width: calc(100% - 240px);
    margin: auto;
    max-width: 1500px;
}

#login .content-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    padding-top: 170px;
    box-sizing: border-box;
}

.login-page h1 {
    font-size: 50px;
    letter-spacing: 10px;
    margin-bottom: 40px;
}

.login-page input {
    width: 100%;
    color: #464646;
    background: none;
}

.login-page input[type=text] {
    //border: 1px solid #4dc2be;
    border: 1px solid #4171af;
    padding: 10px 13px;
    margin-bottom: 10px;
    text-transform: none;
}

.login-page input[type=submit] , .login-page input[type=button] {
    //border: 3px solid #4dc2be;
    border: 3px solid #4171af;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 2px;
    padding: 8px 25px;
    margin: 5px 0 30px;
    box-sizing: border-box;
    cursor: pointer;
    transition: 0.3s ease;
}

.login-page input[type=submit]:hover , .login-page input[type=button]:hover {
    border-color: #397bb3;
}

.login-page ::placeholder {
    color: #464646;
    text-transform: uppercase;
}

input {
    outline: none;
}

.reminder {
    font-size: 15px;
    //color: #4dc2be;
    color: #4171af;
    font-style: italic;
    text-align: center;
    cursor: pointer;
    margin-bottom: 10px;
    transition: 0.3s ease;
}

.reminder:hover, .reminder:hover > a {
    color: #397bb3;
}

.reminder > a {
    //color: #4dc2be;
    color: #4171af;
}

.login-page.lightbox-wrapper {
    background: rgba(0,0,0,0.5);
}

.headings {
    font-size: 20px;
    text-transform: uppercase;
    color: #4dc2be;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 2px;
    margin-bottom: 35px;
    font-weight: 500;
    color: #4171af;
}

.forget-pw-box {
    width: 470px;
    background: rgba(255,255,255,0.95);
    margin: 15% auto;
    padding: 70px 45px 45px;
    box-sizing: border-box;
    text-align: center;
    position: relative;
}

/*--------------------------------------------------------login------------------------------------------------------------*/

/*-------------------------------------------------------register----------------------------------------------------------*/

.login-title {
    font-size: 32px;
    font-family: 'HelveticaNeue-Condensed';
    color: #4dc2be;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 5px;
    margin-bottom: 55px;
    color: #4171af;
}

.reg-box {
    background: rgba(255,255,255,0.9);
    width: 100%;
    max-width: 900px;
    margin: auto;
    padding: 70px 50px 35px;
    box-sizing: border-box;
}

#register .content-wrap {
    padding-top: 150px;
    box-sizing: border-box;
}

#register form {
    font-size: 0;
}

.login-page select {
    width: 100%;
    background: transparent;
    border: 1px solid #4171af;
    padding: 9px;
    box-sizing: border-box;
    outline: none;
    margin-bottom: 10px;
    min-height: 40px;
    height: 40px;
    border-radius: 0 !important;
    font-family: Times New Roman, serif;
    text-transform: uppercase;
}

#register .left {
    padding-right: 10px;
}

#register .right {
    padding-left: 10px;
}

#register .reminder.non-click:hover {
    color: #4dc2be;
    cursor: auto;
}

#register .reminder.non-click {
    text-align: left;
}

#register .g-recaptcha > div {
    margin: 0 0 10px auto;
}

#register input[type=submit] , #register input[type=button] {
    margin-bottom: 20px;
}

.float {
    margin-left: auto;
    display: none;
}

/*-------------------------------------------------------register----------------------------------------------------------*/

/*----------------------------------------------------login_home--------------------------------------------------------*/

#login_home .login-title, #subspecialty .login-title {
    color: white;
    margin-bottom: 35px;
}

#login_home .content-wrap, #subspecialty .content-wrap {
    padding-top: 170px;
}

.sub-item {
    width: 235px;
    height: 235px;
    background: rgba(255,255,255,0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease;
    position: relative;
}

.sub-list {
    width: calc(100% - 240px);
    max-width: 1000px;
    display: flex;
    margin: 0px auto 50px;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}

.sub-list > li {
    margin: 15px;
    transition: 0.3s ease;
}

.sub-item > img {
    position: absolute;
    opacity: 0.2;
    transition: 0.3s ease;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

#login_home .headings {
    color: #464646;
    position: relative;
    z-index: 1;
    margin: 0;
    font-weight: 600;
    text-align: center;
    line-height: 1.3;
    padding: 0 20px;
    box-sizing: border-box;
    transition: 0.3s ease;
}

.sub-item:hover {
    background: #397bb3;
    width: 250px;
    height: 250px;
}

.sub-item:hover > img {
    opacity: 1;
}

#login_home .sub-item:hover .headings {
    color: white;
}

.sub-list > li:hover {
    margin: 7.5px;
}

.user {
    display: none;
    align-items: center;
}

.header img.setting {
    width: inherit;
    margin-left: 10px;
    cursor: pointer;
}

/*----------------------------------------------------login_home--------------------------------------------------------*/

/*----------------------------------------------------subspecialty--------------------------------------------------------*/

.mode-list {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    right: 0;
    top: 170px;
}

.mode-list > li {
    width: 55px;
    height: 55px;
    background: #464646;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    opacity: 0.6;
    transition: 0.3s ease;
    cursor: pointer;
}

.mode-list > li:hover {
    opacity: 1;
}

.mode-list > li.active {
    background: #397bb3;
    opacity: 1;
}

.mode-content > li {
    width: 100%;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s ease;
    height: 0;
    overflow: hidden;
}

.mode-content > li.active {
    visibility: visible;
    opacity: 1;
    height: auto;
}

#subspecialty .content-wrap {
    max-width: 1200px;
}

.material-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.material-list > li {
    width: calc(100% / 3);
    padding: 20px;
    box-sizing: border-box;
}

.thumb {
    width: 100%;
    background-size: cover;
    background-position: center;
    position: relative;
    cursor: pointer;
}

.thumb:after {
    content: '';
    padding-top: 64%;
    display: block;
}

.overlay {
    width: 100%;
    height: 100%;
    background: rgba(70,70,70,0.5);
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease;
}

.mat-item:hover .overlay {
    visibility: visible;
    opacity: 1;
}

.mat-title {
    background: white;
    font-size: 17px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #464646;
    padding: 20px 25px;
    box-sizing: border-box;
    line-height: 1.5;
    letter-spacing: 1px;
    transition: 0.3s ease;
    overflow: hidden;
}

.mat-item:hover .mat-title {
    background: #397bb3;
    color: white;
}

.mode-content {
    margin-bottom: 70px;
}

.book-wrap .thumb:after {
    padding-top: 74%;
}

.book-wrap .overlay {
    opacity: 1;
    visibility: visible;
    background: rgba(70,70,70,0.4);
}

.book-wrap .mat-item:hover .overlay {
    opacity: 0;
}

.book-wrap .mat-title {
    opacity: 0.8;
    display: flex;
    align-items: center;
}

.book-wrap .mat-item:hover .mat-title {
    opacity: 1;
}

.book-lightbox {
    display: block;
}

.book-lightbox .lightbox {
    margin: 10% auto 4%;
    max-width: 1280px;
    background: none;
}

.page {
    background-size: cover;
    background-position: center;
}

.back-tri {
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-right: 13px solid white;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    opacity: 0.7;
    transition: 0.3s ease;
}

.p-btn {
    top: 50%;
    transform: translate(0,-50%);
    left: -50px;
    transition: 0.3s ease;
}

.n-btn {
    top: 50%;
    transform: translate(0,-50%);
    right: -50px;
    transition: 0.3s ease;
}

.flip-control {
    text-align: center;
    font-size: 18px;
    position: absolute;
}

.n-btn .back-tri {
    border-left: 18px solid white;
    border-right: none;
}

.back-tri:hover {
    opacity: 1;
}

.book-list > li {
    display: none;
}

.book-list > li.active {
    display: block;
}

.mat-title a {
    margin-left: auto;
    transition: 0.3s ease;
}

.mat-item:hover .fa {
    color: white;
}

/*----------------------------------------------------subspecialty--------------------------------------------------------*/

#gallery .grid-item {
    float: left;
    width: calc(33.3% - 10px);
    height: 280px;
    margin: 0 10px 10px 0;
}