@font-face {
    font-family: 'Barlow';
    font-weight: 400;
    src: url('../fonts/BarlowRegular.eot');
    src: url('../fonts/BarlowRegular.eot') format('embedded-opentype'), url('../fonts/BarlowRegular.woff2') format('woff2'), url('../fonts/BarlowRegular.woff') format('woff'), url('../fonts/BarlowRegular.ttf') format('truetype'), url('../fonts/BarlowRegular.svg#BarlowRegular') format('svg');
}

@font-face {
    font-family: 'Barlow';
    font-weight: 600;
    src: url('../fonts/BarlowSemiBold.eot');
    src: url('../fonts/BarlowSemiBold.eot') format('embedded-opentype'), url('../fonts/BarlowSemiBold.woff2') format('woff2'), url('../fonts/BarlowSemiBold.woff') format('woff'), url('../fonts/BarlowSemiBold.ttf') format('truetype'), url('../fonts/BarlowSemiBold.svg#BarlowSemiBold') format('svg');
}

@font-face {
    font-family: 'Barlow';
    font-weight: 900;
    src: url('../fonts/BarlowBold.eot');
    src: url('../fonts/BarlowBold.eot') format('embedded-opentype'), url('../fonts/BarlowBold.woff2') format('woff2'), url('../fonts/BarlowBold.woff') format('woff'), url('../fonts/BarlowBold.ttf') format('truetype'), url('../fonts/BarlowBold.svg#BarlowBold') format('svg');
}

@font-face {
    font-family: 'BarlowBlack';
    src: url('../fonts/BarlowBlack.eot');
    src: url('../fonts/BarlowBlack.eot') format('embedded-opentype'), url('../fonts/BarlowBlack.woff2') format('woff2'), url('../fonts/BarlowBlack.woff') format('woff'), url('../fonts/BarlowBlack.ttf') format('truetype'), url('../fonts/BarlowBlack.svg#BarlowBlack') format('svg');
}

a {
    transition: all .3s;
    -webkit-transition: all .3s;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
}

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

h2 {
    font-weight: 600 !important;
}

body {
    font-family: 'Barlow';
    font-size: 18px !important;
    color: #666666;
    line-height: 22px !important;
}

.btn-blue {
    background: #584bed;
    color: #fff;
    display: inline-block;
    font-size: 17px;
    font-weight: 600;
    border-radius: 60px;
    padding: 12px 60px;
}

.btn-blue:hover,
.btn-blue:focus {
    background: #493ec3;
    color: #fff;
}

.btn-orange {
    background: #ff896a;
    color: #fff;
    display: inline-block;
    font-size: 17px;
    font-weight: 600;
    border-radius: 60px;
    padding: 12px 60px;
}

.btn-orange:hover,
.btn-orange:focus {
    background: #fc6b45;
    color: #fff;
}

.btn-outline {
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    border-radius: 60px;
    padding: 12px 60px;
}

.btn-outline:hover,
.btn-outline:focus {
    background: #ee6588;
    color: #fff;
}

.btn-dark-outline {
    background: transparent;
    color: #333;
    border: 1px solid #333;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    border-radius: 60px;
    padding: 9px 40px;
}

.btn-dark-outline:hover,
.btn-dark-outline:focus {
    background: #333;
    color: #fff;
}

.btn-orange-grad {
    background: radial-gradient(circle farthest-side, #ee6588, #f3836f);
    background-size: 200% 100%;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    border-radius: 60px;
    padding: 12px 20px;
    color: #fff;
}

.btn-orange-grad:hover,
.btn-orange-grad:focus {
    background-position: right center;
    color: #fff;
}

.btn-blue-grad {
    background: radial-gradient(circle farthest-side, #4142ff, #ff896a);
    background-size: 200% 100%;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    border-radius: 60px;
    padding: 12px 20px;
    color: #fff;
}

.btn-blue-grad:hover,
..btn-blue-grad:focus {
    background-position: right center;
    color: #fff;
}

.section-heading {
    font-size: 34px;
    color: #444444;
    margin-bottom: 30px;
    line-height: 40px;
}

.section-heading span {
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    color: #666666;
    margin-bottom: 10px;
}

.bg-purple {
    background: #ab52eb;
}

.bg-pink {
    background: #ff809f;
}

.bg-blue {
    background: #584bed;
}

.bg-blue-grad {
    background: rgb(65, 66, 255);
    background: -moz-linear-gradient(left, rgba(65, 66, 255, 1) 1%, rgba(255, 137, 106, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(65, 66, 255, 1) 1%, rgba(255, 137, 106, 1) 100%);
    background: linear-gradient(to right, rgba(65, 66, 255, 1) 1%, rgba(255, 137, 106, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4142ff', endColorstr='#ff896a', GradientType=1);
}

.main-header h1 {
    margin-top: 8px;
    margin-bottom: -31px;
    z-index: 11;
    position: relative;
}

.main-navigation-content {
    background: none;
    border: 0;
    border-radius: 0;
    margin: 0;
}

.main-navigation-content .navbar-nav>li>a,
.main-navigation-content .navbar-nav>li>span {
    color: #777;
    padding: 40px 10px;
    font-size: 16px;
    display: block;
}

.menu-content {
    position: relative;
    padding-right: 110px;
}

.main-navigation-content .navbar-nav>li.item-842 {
    display: none !important;
}

.flag-content {
    position: absolute;
    right: 0;
    top: 25px;
}

.home-banner {
    background: url(../images/hero05.jpg);
    background-size: cover;
    background-position: 45%;
    height: 1000px;
    position: relative;
    padding-top: 110px;
}

.home-banner h1 {
    font-size: 80px;
    font-family: 'BarlowBlack';
    color: #333;
}

.home-banner h1 span {
    color: #ee6585;
}

.home-banner h1+ul {
    margin-top: 50px;
    margin-bottom: 70px;
}

.home-banner h1+ul li {
    font-size: 20px;
    color: #333;
    font-weight: 600;
    display: block;
    padding-top: 15px;
    max-width: 515px;
    margin-bottom: 15px;
    position: relative;
    padding-left: 60px;
}

.home-banner h1+ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    background-image: url(../images/checkmark-icon.png);
    background-size: 100% 100%;
    width: 41px;
    height: 43px;
}

.home-banner .col-md-8 {
    position: relative;
    z-index: 99999;
}

.home-banner>img {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 99;
    width: 100%;
}

.content-block {
    background: url(../images/content-bg.jpg);
    background-repeat: no-repeat;
    padding-top: 100px;
    padding-bottom: 150px;
    background-position: top right;
}

.content-block .container .row {
    margin-bottom: 150px;
}

.content-block .list-unstyled {
    margin-bottom: 30px;
}

.content-block p {
    margin-bottom: 30px;
    width: 95%;
}

.content-block .btn-blue {
    padding: 12px 40px;
}

.content-block .box-content {
    margin-top: 80px;
    margin-bottom: 0!important;
}

.content-block .round-box {
    min-height: 300px;
    padding: 10px;
    text-align: center;
    padding-top: 25px;
}

.content-block .round-box>img {
    width: auto;
}

.content-block .round-box h3 {
    font-size: 20px;
    margin-top: 10px;
}

.content-block .round-box p {
    font-size: 17px;
    line-height: 1.6;
    width: 100%;
    margin-bottom: 0;
    letter-spacing: -0.5px;
}

.testimonial-content {
    background: #685cee;
    padding-bottom: 60px;
}

.testimonial-content ul {
    margin-top: 185px;
}

.testimonial-content .testimonial-box ul {
    margin-top: 0;
}

.testimonial-content ul.testimonial-slider {
    margin-left: -10px;
    margin-right: -10px;
    bottom: 90px;
}

.testimonial-content .testimonial-slider li {
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
}

.testimonial-content-inner {
    background: #fff;
    text-align: left;
    color: #333;
    padding: 30px;
    border-bottom: 10px solid #5449e5;
}

.testimonial-content li h3 {
    font-size: 18px;
    margin-bottom: 20px;
    margin-top: 0;
}

.testimonial-content li p {
    font-style: italic;
    margin-bottom: 10px;
    font-size: 16px;
}

.testimonial-content li p:last-of-type {
    margin-bottom: 0;
}

.testimonial-bottom {
    margin-top: 45px;
}

.testimonial-bottom .media-left img {
    width: 60px;
    display: block;
    height: 60px;
    min-width: 60px;
    border-radius: 50%;
}

.testimonial-bottom h4 {
    font-weight: 900;
    margin-top: 20px;
    margin-left: 20px;
}

.testimonial-bottom p {
    font-size: 14px;
}

.testimonial-content ul.slick-dots {
    margin-top: 0;
    bottom: -70px;
}

.testimonial-box {
    background: #5449e5;
    min-height: 390px;
    border-radius: 4px;
    margin-top: -185px;
    color: #fff;
    padding: 90px 20px 70px;
}

.testimonial-box .section-heading {
    color: #fff;
    margin-top: 0;
    margin-bottom: 10px;
}

.testimonial-box .btn-orange {
    margin-top: 20px;
    margin-bottom: 15px;
}

.testimonial-box p a {
    color: #fff;
    font-weight: 600;
}

.team-content {
    padding-top: 160px;
    padding-bottom: 160px;
}

.box-content>div:nth-child(2) {
    margin-top: 30px;
}

.round-box {
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    color: #fff;
    margin-bottom: 30px;
}

.round-box>img {
    width: 100%;
}

.round-box:after {
    background: rgb(65, 66, 255);
    background: -moz-linear-gradient(left, rgba(65, 66, 255, 1) 1%, rgba(255, 137, 106, 1) 100%);
    background: -webkit-linear-gradient(left, rgba(65, 66, 255, 1) 1%, rgba(255, 137, 106, 1) 100%);
    background: linear-gradient(to right, rgba(65, 66, 255, 1) 1%, rgba(255, 137, 106, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4142ff', endColorstr='#ff896a', GradientType=1);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    display: none;
    transition: all .5s;
    -webkit-transition: all .5s;
}

.team-content .round-box:hover .round-box-caption,
.team-content .round-box:hover:after {
    display: block;
}

.round-box-caption {
    position: absolute;
    z-index: 9;
    color: #fff;
    left: 0;
    width: 100%;
    top: 50%;
    text-align: center;
    padding: 20px 35px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    display: none;
    transition: all .5s;
    -webkit-transition: all .5s;
}

.round-box-caption h3 {
    font-size: 22px;
}

.round-box-caption p.team-exp {
    font-size: 16px;
    font-weight: 600;
}

.round-box-caption li a {
    color: #fff;
    font-size: 16px;
    margin-top: 10px;
    display: inline-block;
}

.team-content-right {
    padding-left: 30px;
    padding-top: 50px;
}

.team-content-right p {
    margin-bottom: 30px;
}

.team-content-right a.btn-blue {
    margin-top: 10px;
}

.team-content-right .slick-next {
    left: 80px;
}

.team-content-right .slick-prev {
    left: 75px;
}

.blog-content {
    background: #f9f9f9;
    padding: 110px 0 250px;
}

.blog-box {
    margin-top: 30px;
}

.blog-box h3 a {
    font-size: 20px;
    color: #444444;
}

.blog-box p.blog-author {
    font-size: 15px;
}

.blog-box p.blog-author img {
    display: inline-block;
    vertical-align: -4px;
}

.blog-box p a.read-more {
    font-size: 15px;
    text-transform: uppercase;
    color: #444444;
    font-weight: 600;
}

.blog-thumb {
    position: relative;
    margin-bottom: 20px;
}

.blog-date {
    background: #584bed;
    color: #fff;
    position: absolute;
    left: 10px;
    top: 10px;
    text-align: center;
    height: 68px;
    width: 68px;
    text-transform: uppercase;
}

.blog-date p {
    margin-bottom: 0;
    padding-top: 8px;
    font-size: 14px;
    font-weight: 600;
}

.blog-date span {
    display: block;
    font-size: 22px;
}

.slick-next,
.slick-next:hover,
.slick-next:focus {
    background: url('../images/right-arrow.jpg');
    width: 40px;
    height: 40px;
    bottom: -110px;
    top: auto;
    right: 50%;
    margin-right: -45px;
}

.slick-prev,
.slick-prev:hover,
.slick-prev:focus {
    background: url(../images/left-arrow.jpg);
    width: 40px;
    height: 40px;
    bottom: -110px;
    top: auto;
    left: 50%;
    margin-left: -45px;
}

.slick-next:before,
.slick-prev:before {
    display: none;
}

.slick-dots li button::before {
    content: "";
    border: 1px solid #ffffff;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    opacity: 1;
}

.slick-dots li.slick-active button::before {
    background: #fff;
    border-color: #fff;
    opacity: 1;
}

.slick-list {
    width: calc(100% - 2px);
}

.bottom-caption {
    background: #ee6588;
    background: -moz-linear-gradient(left, #ee6588 0%, #f0727d 40%, #f3836f 100%);
    background: -webkit-linear-gradient(left, #ee6588 0%, #f0727d 40%, #f3836f 100%);
    background: linear-gradient(to right, #ee6588 0%, #f0727d 40%, #f3836f 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ee6588', endColorstr='#f3836f', GradientType=1);
    padding: 110px 0;
    color: #fff;
}

.bottom-caption h2 {
    font-size: 42px;
    margin-top: 0;
    margin-bottom: 40px;
}

.bottom-caption p {
    font-weight: 600;
}

.bottom-caption .btn-outline {
    margin-top: 40px;
}

.main-footer {
    background-image: url('../images/footer-bg.jpg');
    background-size: cover;
    background-position: center center;
    position: relative;
}

.main-footer:after {
    background: rgba(88, 75, 237, 0.95);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.footer-overlay {
    background: url(../images/footer-overlay.png);
    background-repeat: repeat-x;
    background-position: bottom center;
    position: relative;
    z-index: 1;
    color: #fff;
    padding-top: 60px;
}

.footer-overlay h4,
.footer-overlay h3,
footer .item-891>a,
footer .item-896>a,
footer .item-902>a,
footer .item-916>a {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 30px;
}

.footer-top ul {
    margin-bottom: 35px;
    padding-left: 0;
    list-style: none;
}

.footer-top li {
    margin-bottom: 8px;
}

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

.footer-top ul.nav>li>a {
    padding: 0px !important;
}

.footer-top ul.nav>li>a:focus,
.footer-top ul.nav>li>a:hover {
    text-decoration: none;
    background: none;
}

.footer-bottom {
    border-top: 1px solid rgba(221, 221, 221, 0.31);
    padding-top: 15px;
    padding-bottom: 5px;
}

.footer-bottom p {
    margin-top: 5px;
}

.footer-bottom li a,
.footer-bottom p {
    font-size: 14px;
    color: #fff;
}

.navbar-nav {
    display: flex;
    float: none;
}

.navbar-nav>li {
    flex: auto;
}

.main-navigation-content .navbar-nav>li>a {
    text-align: center;
}

.navbar-nav li {
    position: relative;
}

.navbar-nav ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    padding: 0;
    z-index: 999999;
    list-style-type: none;
}

.navbar-nav ul li a {
    color: #777;
    font-size: 16px;
}

.navbar-nav ul li {
    float: none;
    width: 200px;
    padding: 7px 10px;
}

.navbar-nav li:hover>ul {
    display: block
}

.footer-top ul.small {
    font-size: 100%;
}

@media (min-width: 1000px) and (max-width: 1200px) {
    .main-navigation-content .navbar-nav>li>a,
    .main-navigation-content .navbar-nav>li>span {
        color: #777;
        padding: 32px 7px !important;
        font-size: 14px !important;
    }
}

@media only screen and (max-width: 1024px) {
    .home-banner {
        background-position: 30%;
        height: 830px;
        padding-top: 70px;
    }
    .menu-content {
        padding-right: 0;
    }
    .main-navigation-content {
        width: 100%;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .main-navigation-content {
        margin-top: 15px;
    }
}

@media only screen and (max-width: 767px) {
    body {
        font-size: 16px !important;
    }
    .section-heading {
        font-size: 28px;
    }
    .section-heading br {
        display: none;
    }
    .home-banner {
        background-position: 0;
        padding-top: 70px;
        height: 775px;
    }
    .home-banner h1 {
        font-size: 40px;
        text-align: center;
    }
    .home-banner h1+ul li {
        font-size: 18px;
    }
    .content-block {
        padding-bottom: 0;
    }
    .content-block ul.list-inline li,
    .home-banner ul.list-inline li {
        display: block;
        width: 100%;
        text-align: center;
    }
    .content-block ul li a,
    .home-banner ul.list-inline li a {
        display: block;
        width: 100%;
        margin-bottom: 20px;
        font-size: 14px;
    }
    .content-block .btn-orange-grad {
        font-size: 14px;
    }
    .box-content>li {
        width: 100%;
    }
    .testimonial-box {
        margin-top: 20px;
    }
    .testimonial-content ul {
        margin-top: 120px;
    }
    .testimonial-content-inner {
        padding: 30px 20px;
    }
    .team-content-right ul {
        padding-left: 0;
        padding-top: 30px;
    }
    .blog-content {
        padding: 70px 0 100px;
    }
    .bottom-caption {
        padding: 70px 0;
    }
    .bottom-caption h2 {
        font-size: 28px;
    }
    .footer-bottom p,
    .footer-bottom ul,
    .footer-top li,
    .footer-top h4 {
        text-align: center;
    }
    .menu-content {
        margin-bottom: 15px;
        text-align: center;
    }
    .flag-content {
        left: 0;
        right: auto;
    }
    .navbar-toggle {
        display: block;
        margin-top: 30px;
        margin-right: 15px;
        margin-bottom: 20px;
        border: 0;
        background: none!important;
    }
    .navbar-nav {
        display: block;
        float: none;
    }
    .main-navigation-content .navbar-nav>li {
        display: block;
    }
    .main-navigation-content .navbar-nav>li>a,
    .main-navigation-content .navbar-nav>li>span {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
        background: #f1f1f1 !important;
        display: block;
        margin-bottom: 2px;
    }
    .main-header h1 a img {
        margin: 0 auto;
    }
    .main-navigation-content .navbar-nav {
        margin-bottom: 11px;
    }
    .team-slider .slick-next,
    .team-slider .slick-prev {
        display: none!important;
    }
    .team-content {
        background: url(../images/teatcher03.jpg) bottom center no-repeat;
        background-size: contain;
        padding-bottom: 525px;
    }
    .team-content .container:after {
        clear: both;
        content: " ";
    }
    .team-content-right {
        padding-left: 0;
        padding-top: 0;
    }
    .team-content-right ul.list-inline li,
    .team-content-right ul.list-inline li a {
        width: 100%;
        text-align: center;
    }
    .navbar-nav ul,
    .navbar-nav ul li {
        width: 100%;
        float: none;
        text-align: center;
        position: static;
    }
    .navbar-nav ul li {
        padding: 15px 0;
    }
    .footer-overlay h4,
    .footer-overlay h3,
    footer .item-891 a,
    footer .item-896 a,
    footer .item-902 a,
    footer .item-916 a {
        text-align: center;
    }
    #main-text2 img {
        max-width: 100%
    }
    .navbar-toggle {
        margin-top: 30px !important;
    }
    .navbar-default {
        background: #ffffff !important;
    }
}


/**************/


/********* video ************/

.home-banner {
    height: 700px;
    padding-top: 40px;
    overflow: hidden;
    height: 465px;
}


/* .home-banner h1, .home-banner h1 + ul li{color:#ffffff;}*/

.home-banner .btn-dark-outline {
    color: #ffffff;
    border: 1px solid #ffffff;
}


/* video 2*/

.home-banner h1+ul {
    margin-top: 30px;
    margin-bottom: 50px;
}

.home-banner h1 {
    font-size: 40px;
}

@media (max-width: 1199px) {
    .home-banner h1 {
        font-size: 30px;
        margin-top: 0;
    }
    .home-banner {
        padding-top: 20px;
        height: 435px;
    }
    #videohome {
        top: -70px !important;
    }
}


/*  @media (max-width: 1240px){ .home-banner{height:650px}.home-banner h1{font-size: 50px;}}
            @media (max-width: 1199px){ .home-banner{height:570px}.home-banner h1{margin-top: 0;}}
            @media (max-width: 1000px){ .home-banner{padding-top: 20px;height: 430px;}.home-banner .col-sm-6{width: 80%;}.home-banner h1 + ul{margin-top: 20px;margin-bottom: 20px;}}*/

@media (max-width: 767px) {
    #videohome {
        top: 0 !important;
    }
}


/********* margin fix ************/

.content-block {
    padding-top: 70px;
}

@media (min-width: 1024px) {
    #main-text2 {
        padding: 60px 0;
    }
}

.content-block .container .row {
    margin-bottom: 70px;
}

.blog-content {
    padding: 75px 0 195px;
}

@media (max-width: 767px) {
    blog-content {
        padding-bottom: 105px;
    }
    .team-content {
        padding-top: 75px;
        padding-bottom: 525px;
    }
    .home-banner {
        height: 525px;
    }
}


/********** color changes **********/


/* .content-block .round-box{background: rgba(79, 81, 101, 0.7);} */

.content-block .round-box {
    background: #0081c1;
}

.content-block .round-box.bg-blue,
.content-block .round-box.bg-purple,
.blog-date {
    background: #F393A9;
}


/* .home-banner h1 span{ color: #0081c1; }
            .home-banner h1 + ul li:before{background-image: url(../images/checkmark-icon2.png);}*/


/*    body.body-824 .bottom-caption{background: #0081c1 !important; }* /
            .bottom-caption .btn-orange {margin-top: 40px;}

            
           /* .btn-orange-grad, .btn-orange{background:rgba(238, 101, 133, 1);}*/

.btn-orange-grad,
.btn-orange {
    background: #F393A9;
}

.btn-blue {
    background: transparent;
    border: 1px solid #000000;
    color: #000000;
}

.btn-blue:hover {
    background: #000000;
}

#main-text2 .btn-orange-grad {
    background: #4DCF1F;
}


/*.testimonial-box, .bg-blue{  background: #4F5165;}*/

.testimonial-box,
.bg-blue {
    background: #0081c1;
}


/*  .testimonial-content { background: rgba(79, 81, 101, 0.8) url(../images/japan-vector01.png) bottom center no-repeat;padding-bottom: 240px;} */

.testimonial-content {
    background: rgba(79, 81, 101, 0.8);
}

.testimonial-content-inner {
    border-bottom: 10px solid #cccccc;
}

.blogggg-date {
    background: #C1AAC0;
}

.main-footer {
    background: #4F5165;
}

.footer-overlay,
.main-footer:after {
    background: none;
}

.senseis {
    margin-top: 50px;
}

.senseis div {
    width: 11.11%;
    float: left;
    text-align: center;
    margin-bottom: 20px;
}

.senseis div img {
    height: 125px;
    width: auto;
    border-radius: 15px;
}

@media (max-width: 1000px) {
    .senseis div {
        width: 33%;
    }
}

.list-ok {
    width: 650px;
    position: relative;
    left: 50%;
    margin-left: -325px;
    margin-top: 25px !important;
}

.list-ok li {
    position: relative;
    padding-left: 20px;
    min-height: 30px;
    list-style-type: none;
    text-align: left;
}

.list-ok li:before {
    position: absolute;
    content: " ";
    width: 30px;
    height: 30px;
    background: url('https://www.japonin.com/images/index_images/OK.png') no-repeat;
    left: -20px;
}


/******/

@media (max-width: 767px) {
    .list-ok {
        width: 100%;
        position: static;
        left: 0;
        margin-left: 0;
    }
}

@media (min-width: 768px) {
    .team-content {
        padding: 0;
    }
    .team-content .container {
        padding-top: 0px;
        padding-bottom: 100px;
        background: url(../images/teatcher03.jpg) left bottom no-repeat;
        background-size: 50%;
        background-position: left bottom;
    }
}

@media (min-width: 1200px) {
    .team-content .container {
        padding-top: 0px;
        padding-bottom: 20px;
        background: url(../images/teatcher03.jpg) left bottom no-repeat;
        background-size: 36%;
        background-position: 80px bottom;
    }
}

.content-block {
    padding-top: 20px;
}

.content-block .container .row {
    margin-bottom: 20px;
}

@media (min-width: 1024px) {
    #main-text2 {
        padding: 20px 0;
    }
}

.testimonial-box {
    padding: 20px;
    min-height: 285px;
}

.blog-content {
    padding: 20px 0 140px;
}

.bottom-caption {
    padding: 60px 0 20px;
}


/***************************/


/***************************/

body .home-banner {
    background: url(../images/new-hero-01.jpg);
    background-size: cover;
    background-position: 45%;
}

body #hero-asset {
    display: none;
}

body .content-block {
    padding-bottom: 60px;
}

body .testimonial-box {
    background: #4F5165;
    padding: 40px 20px;
}

body .team-content {
    padding: 80px 0 40px 0;
    background: none !important;
}

body .team-content .container {
    background: none !important;
}

#joi-method {
    background-size: cover;
    padding-bottom: 220px;
    background: #fafafa;
}

#joi-method .btn-orange-grad {
    margin-top: 25px;
    background: #00517a;
}

#joi-method .btn-orange-grad:hover,
#joi-method .btn-orange-grad:active {
    background: #ee6588 !important;
}

#how-it-works {
    text-align: center;
    background: url(../images/joi-method-bg04.jpg) bottom right no-repeat;
    font-size: 15px;
    font-weight: 600;
}


/*@media (max-width: 1400px){#how-it-works{background:  url(../images/joi-method-bg05.jpg) bottom right no-repeat !important;}}*/

@media (max-width: 1600px) {
    #how-it-works {
        background: url(../images/joi-method-bg07.jpg) bottom right no-repeat !important;
    }
}

@media (max-width: 1400px) {
    #how-it-works {
        background: url(../images/joi-method-bg06.jpg) bottom right no-repeat !important;
    }
}

@media (max-width: 768px) {
    #how-it-works {
        background: url(../images/joi-method-bg-mob.jpg) bottom right no-repeat !important;
    }
}

#how-it-works h3 {
    font-size: 21px;
}


/*#joi-method .block-method{padding-top: 40px;padding-bottom: 40px;}*/

#joi-method .block-method li {
    margin-bottom: 20px;
}

#joi-method .block-method.block-method-img {
    text-align: center;
    padding-top: 0;
    padding-bottom: 20px;
}

#joi-method .block-method.block-method-img img {
    max-width: 100%;
}

.how-icon {
    position: relative;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 50%;
    margin-bottom: 25px;
    background-size: 50% 50% !important;
    background: #0081C2;
}

.how-icon h6 {
    text-align: center;
    color: #ffffff;
    padding-top: 20px;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.how-icon h2 {
    text-align: center;
    color: #ffffff;
    font-size: 50px;
    padding: 0;
    margin: 0;
    text-shadow: 3px 3px rgba(0, 0, 0, 0.2);
}


/*.how-icon1{background:#0081C2 url(../images/how-icon1.png) center center no-repeat;}
.how-icon2{background:#0081C2 url(../images/how-icon2.png) center center no-repeat;}
.how-icon3{background:#0081C2 url(../images/how-icon3.png) center center no-repeat;}*/

.japonin-banner {
    min-height: 280px;
    max-height: 310px;
    background: url(../images/white.PNG) right top no-repeat;
    background-size: cover;
}

.japonin-banner .container {
    padding-top: 15px;
}

.japonin-banner strong {
    font-weight: 600;
    color: #ff6600;
}

body .bottom-caption .btn-orange {
    background: transparent !important;
    border: 1px solid #ffffff;
}

@media (min-width: 1100px) {
    .teacher-slider-2019 {
        padding-top: 50px;
    }
}

.teacher-slider-2019 img {
    border-radius: 5px;
    margin: 10px 15px 0 0;
    float: left;
    width: auto;
    height: 130px;
}

@media (max-width: 768px) {
    .teacher-slider-2019 {
        padding-left: 15px;
    }
    .teacher-slider-2019 img {
        width: auto;
        height: 110px;
        margin: 10px 10px 0 0;
    }
}

@media (min-width: 769px) {
    #how-it-works {
        color: #ffffff !important;
    }
}

@media (max-width: 768px) {
    #joi-method {
        background: url(../images/joi-method-bg.jpg) right bottom no-repeat;
        padding-bottom: 40px;
        text-align: center;
    }
    .japonin-banner {
        background: url(../images/white.PNG) left top no-repeat;
        text-align: center;
        color: #000000 !important;
        min-height: 230px;
        max-height: 460px;
        background-size: contain
    }
    .japonin-banner .container {
        padding-top: 0;
    }
    body .home-banner {
        background: url(../images/new-hero-01.jpg) left top;
        background-size: auto;
    }
    #how-it-works {
        background-size: auto;
        padding-bottom: 480px;
    }
}


/***************************/


/***************************/


/************ new padding ****/

.content-block {
    padding-top: 20px;
}

.content-block .container .row {
    margin-bottom: 20px;
}

@media (min-width: 1024px) {
    #main-text2 {
        padding: 20px 0;
    }
}

.testimonial-box {
    padding: 20px;
    min-height: 285px;
}

.blog-content {
    padding: 20px 0 140px;
}

.bottom-caption {
    padding: 60px 0 20px;
}

body,
.home-banner h1 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.home-banner h1 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600 !important;
}

#hero-asset {
    position: absolute;
    bottom: -60px;
    right: 0;
    background: url(../images/hero-asset.png);
    background-size: cover;
    width: 443px;
    height: 430px;
}

.navbar-collapse {
    padding: 0 !important;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form,
.navbar-default {
    background: #ffffff;
    border: none !important;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    line-height: 22px !important;
    background-color: #ffffff !important;
}

.footer-top ul.nav>li>a,
.footer-top {
    font-size: 14px !important;
    line-height: 1.42857143 !important;
}
.top-bottom-banner-img img {
    width: 100%;
}