@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: 52px;
    height: 41px;
}
.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-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}









@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/sakura-2020.jpg) 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/sakura-2020.jpg) 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;}