.f-11 {
    font-size: 11px !important
}

.f-12 {
    font-size: 12px !important
}

.f-13 {
    font-size: 13px !important;
    line-height: 20px
}

.f-14 {
    font-size: 14px !important
}

.f-16 {
    font-size: 16px !important
}

.f-18 {
    font-size: 18px !important
}

.f-14 {
    font-size: 14px !important;
}

.f-20 {
    font-size: 20px !important;
}

.f-22 {
    font-size: 14px !important;
}

.f-60 {
    font-size: 60px !important;
}

.f-40 {
    font-size: 40px !important;
}

.f-25 {
    font-size: 25px !important;
}

.f-32 {
    font-size: 32px !important;
}

.f-36 {
    font-size: 36px !important;
}

.f-60 {
    font-size: 60px !important;
}

.pl-0 {
    padding-left: 0 !important
}

.pr-0 {
    padding-right: 0 !important
}

.no-bg {
    background: none !important
}

.text-black {
    color: #000
}

.text-orange {
    color: #fd6f0d !important
}

#page-wrap {
    background-color: #fff;
}

.header_content {
    box-shadow: none;
    padding: 0;
    background: none
}

.header-sticky.header_content {
    box-shadow: -2px 14px 16px -16px rgba(0, 0, 0, 0.75);
    padding: 0;
    background: rgba(255, 255, 255, 0.8)!important;
    border-bottom: #818181 thin solid;
}

.inner-header.header_content {
    box-shadow: none;
    padding: 0;
    background: rgba(255, 255, 255, 0.8);
}

.font-weight-normal {
    font-weight: normal !important
}

.font-weight-bold {
    font-weight: bold !important
}

.bg-theme {
    background: #2f3034
}

.text-theme {
    color: #005bab
}

.bg-blue {
    background: #005bab
}

.text-white {
    color: #fff !important
}

.d-flex {
    display: flex
}

section {
    padding: 50px 0
}

.no-padding {
    padding: 0 !important
}

.normal-line-height {
    line-height: 20px
}

.rounded0 {
    border-radius: 0px !important
}

.img-border-radius {
    border-radius: 50%
}

.inner-page-marg {
    margin-top: 80px;
}

.text-dark-grey {
    color: #666666
}

.text-muted {
    color: #999
}

.text-red {
    color: #e40c0c !important
}

.text-center {
    text-align: center !important
}

.bg-white {
    background: #fff !important
}

.text-notification {
    color: #4fc4c3
}

.header_logo {
    line-height: 50px;
}


/*------margin css---*/

.m-0 {
    margin: 0 0!important
}

.mt-0 {
    margin-top: 0!important
}

.mr-0 {
    margin-right: 0!important
}

.mb-0 {
    margin-bottom: 0!important
}

.ml-0 {
    margin-left: 0!important
}

.m-1 {
    margin: .25rem .25rem!important
}

.mt-1 {
    margin-top: .25rem!important
}

.mr-1 {
    margin-right: .25rem!important
}

.mb-1 {
    margin-bottom: .25rem!important
}

.ml-1 {
    margin-left: .25rem!important
}

.m-2 {
    margin: .5rem .5rem!important
}

.mt-2 {
    margin-top: .5rem!important
}

.mr-2 {
    margin-right: .5rem!important
}

.mb-2 {
    margin-bottom: .5rem!important
}

.ml-2 {
    margin-left: .5rem!important
}

.m-3 {
    margin: 1rem 1rem!important
}

.mt-3 {
    margin-top: 1rem!important
}

.mr-3 {
    margin-right: 1rem!important
}

.mb-3 {
    margin-bottom: 1rem!important
}

.ml-3 {
    margin-left: 1rem!important
}

.m-4 {
    margin: 1.5rem 1.5rem!important
}

.mt-4 {
    margin-top: 1.5rem!important
}

.mr-4 {
    margin-right: 1.5rem!important
}

.mb-4 {
    margin-bottom: 1.5rem!important
}

.ml-4 {
    margin-left: 1.5rem!important
}

.m-5 {
    margin: 3rem 3rem!important
}

.mt-5 {
    margin-top: 3rem!important
}

.mr-5 {
    margin-right: 3rem!important
}

.mb-5 {
    margin-bottom: 3rem!important
}

.ml-5 {
    margin-left: 3rem!important
}

.p-0 {
    padding: 0 0!important
}

.pt-0 {
    padding-top: 0!important
}

.pr-0 {
    padding-right: 0!important
}

.pb-0 {
    padding-bottom: 0!important
}

.pl-0 {
    padding-left: 0!important
}

.p-1 {
    padding: .25rem .25rem!important
}

.pt-1 {
    padding-top: .25rem!important
}

.pr-1 {
    padding-right: .25rem!important
}

.pb-1 {
    padding-bottom: .25rem!important
}

.pl-1 {
    padding-left: .25rem!important
}

.p-2 {
    padding: .5rem .5rem!important
}

.pt-2 {
    padding-top: .5rem!important
}

.pr-2 {
    padding-right: .5rem!important
}

.pb-2 {
    padding-bottom: .5rem!important
}

.pl-2 {
    padding-left: .5rem!important
}

.p-3 {
    padding: 1rem 1rem!important
}

.pt-3 {
    padding-top: 1rem!important
}

.pr-3 {
    padding-right: 1rem!important
}

.pb-3 {
    padding-bottom: 1rem!important
}

.pl-3 {
    padding-left: 1rem!important
}

.p-4 {
    padding: 1.5rem 1.5rem!important
}

.pt-4 {
    padding-top: 1.5rem!important
}

.pr-4 {
    padding-right: 1.5rem!important
}

.pb-4 {
    padding-bottom: 1.5rem!important
}

.pl-4 {
    padding-left: 1.5rem!important
}

.p-5 {
    padding: 3rem 3rem!important
}

.pt-5 {
    padding-top: 3rem!important
}

.pr-5 {
    padding-right: 3rem!important
}

.pb-5 {
    padding-bottom: 3rem!important
}

.pl-5 {
    padding-left: 3rem!important
}


/*-----margin css ends ----*/

nav {
    margin-top: 18px
}

.header_logo img {
    max-height: 113px;
}

.header_content .menu>li>a {
    line-height: 17px;
    margin: 0 15px;
    padding: 0 0 5px;
    color: #fff;
    font-weight: normal;
    font-size: 14px;
    text-transform: none
}

.header_content .menu>li>a span {
    color: #d83642;
}

.header_top .header_left span {
    font-size: 13px;
    color: #fff;
}

.header_content .menu>li:last-child>a {
    border: none;
    padding-right: 0
}

.header_content .menu>li>a.btn {
    border-radius: 2px;
}

.header_content .menu>li>a.btn-default {
    background: #dfe1ed;
    color: #437BAC
}

.header_content .menu>li>a.btn-primary {
    background: #437BAC;
    color: #fff;
}

.header_content .menu>li.current-menu-item>a,
.header_content .menu>li:hover>a {
    background: none;
    color: #fff;
    border-bottom: #fff 2px solid
}

.modal {
    background: rgba(0, 0, 0, 0.6);
    padding-right: 0 !important;
}


/*------nav css---*/

.nav-tabs {
    border-bottom: none;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    border-width: 0;
}

.nav-tabs>li>a {
    border: none;
    color: #000;
    font-size: 18px;
    padding: 8px 25px;
    background: #e5e5e5;
    border-radius: 15px 15px 0 0;
}

.nav-tabs>li.active>a,
.nav-tabs>li>a:hover,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    border: none;
    color: #fc3030 !important;
    background: #fff;
    font-weight: bold;
}

.nav-tabs>li>a::after {
    content: "";
    background: none;
    height: 2px;
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: -1px;
    transition: all 250ms ease 0s;
    transform: scale(0);
}

.nav-tabs>li.active>a::after,
.nav-tabs>li:hover>a::after {
    transform: scale(1);
}

.tab-nav>li>a::after {
    background: #21527d none repeat scroll 0% 0%;
    color: #fff;
}

.tab-pane {
    padding: 15px 0;
}

.tab-content {
    padding: 20px;
    border-radius: 0 15px 15px 15px;
    background: #fff;
    -webkit-box-shadow: -9px 9px 25px -14px rgba(0, 0, 0, 0.67);
    -moz-box-shadow: -9px 9px 25px -14px rgba(0, 0, 0, 0.67);
    box-shadow: -9px 9px 25px -14px rgba(0, 0, 0, 0.67);
}

.card {
    background: #FFF none repeat scroll 0% 0%;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    margin-bottom: 30px;
}


/*------nav css---*/

.slider-text h1,
.slider-text h2 {
    font-size: 50px;
    font-weight: normal;
    letter-spacing: 10px
}

.banner-slider .owl-next,
.banner-slider .owl-prev {
    line-height: 30px;
}

.overlay {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 15%;
    color: #fff;
    text-align: center
}

.img-radius {
    border-radius: 20px
}

.shadow-box {
    -webkit-box-shadow: -9px 9px 25px -14px rgba(0, 0, 0, 0.67);
    -moz-box-shadow: -9px 9px 25px -14px rgba(0, 0, 0, 0.67);
    box-shadow: -9px 9px 25px -14px rgba(0, 0, 0, 0.67);
    padding: 25px 35px;
    background: #e5e5e5;
    border-radius: 20px;
}

.image-shadow {
    -webkit-box-shadow: -10px 6px 19px -5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: -10px 6px 19px -5px rgba(0, 0, 0, 0.5);
    box-shadow: -10px 6px 19px -5px rgba(0, 0, 0, 0.5);
}

.shadow-box img {
    margin: 20px 0 35px;
    width: 70%;
}

.shadow-box p {
    font-size: 15px!important;
    color: #4f4e4e!important;
    text-align: justify;
    /* font-style: italic!important; */
    font-family: "Noto Sans JP", sans-serif!important;
    line-height: 25.5px!important;
    margin: 0px 0px 10px;
}

.shadow-box h4 {
    font-size: 17px;
    color: #4f4e4e;
    font-weight: bold;
    text-align: right;
    /* font-style: italic; */
    margin: 25px 0 0
}

.owl-buttons {
    display: none !important
}

.owl-controls .owl-pagination {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    text-align: center;
}

.owl-controls .owl-pagination .owl-page {
    width: 12px;
    height: 12px;
    margin: 0 3px;
}

#test .owl-pagination,
#gallery-slider .owl-pagination {
    display: none !important
}

#test .owl-buttons,
#gallery-slider .owl-buttons {
    display: block !important
}

#test .owl-controls .owl-prev,
#gallery-slider .owl-controls .owl-prev {
    left: -2%;
    font-size: 29px;
    line-height: 23px;
    background: #fc3030;
    border-color: #fc3030;
    color: #fff;
}

#test .owl-controls .owl-next,
#gallery-slider .owl-controls .owl-next {
    right: -2%;
    font-size: 29px;
    line-height: 23px;
    background: #fc3030;
    border-color: #fc3030;
    color: #fff;
}

.copyright p {
    margin: 10px;
    color: #515151;
}

.f-social {
    padding: 0;
    float: right
}

.f-social li {
    background: #eeeeee;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    list-style: none;
    text-align: center;
    line-height: 35px;
    margin-left: 20px;
    float: left;
    margin-top: 5px
}

.f-social li:hover {
    background: #000
}

.f-social li a {
    color: #7f7f7f;
    font-size: 16px;
}

.f-social li:hover a {
    color: #fff
}

.inner-page-marg {
    margin-top: -180px;
}

.inner-page-marg-normal {
    margin-top: 55px;
}

.inner-banner {
    background-size: cover !important;
    min-height: 445px;
    background-position: center !important;
}

.inner-banner h1 {
    position: absolute;
    top: 42%;
    left: 0;
    right: 0;
}

.inner-banner h3 {
    position: absolute;
    bottom: 70px;
    right: 127px;
}

.inner-banner h3:last-child {
    position: absolute;
    bottom: 20px;
    right: 50px;
}

.about-box {
    background: #e5e5e5;
    border-radius: 50px;
    padding: 40px 80px;
    margin-bottom: 20px
}

.btn-danger {
    background: #fc3030;
    border-radius: 30px;
    padding: 15px 90px;
    font-weight: normal;
    margin-right: 35px;
    -webkit-box-shadow: -10px 6px 19px -5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: -10px 6px 19px -5px rgba(0, 0, 0, 0.5);
    box-shadow: -10px 6px 19px -5px rgba(0, 0, 0, 0.5);
    margin-top: 20px
}

.btn-danger:hover {
    background-color: #5b5b5b;
    border-color: #3c3c3c;
}

.whattable tr th {
    border: none !important;
}

.whattable tr td {
    border: none !important;
    font-size: 16px;
    text-align: center;
    padding: 20px 10px !important;
}

.whattable tr:nth-child(even) {
    background: #fff
}

.event.form-control {
    background: #e5e5e5;
    -webkit-box-shadow: -10px 6px 15px -5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: -10px 6px 15px -5px rgba(0, 0, 0, 0.4);
    box-shadow: -10px 6px 15px -5px rgba(0, 0, 0, 0.4);
    margin-top: 0;
    border-radius: 25px;
    height: 45px
}

.icon-circle {
    width: 32px;
    height: 32px;
    line-height: 32px;
    background: #fc3030;
    border-radius: 50%;
    font-size: 18px;
    text-align: center;
}

.post-relat {
    position: relative;
	/* height: 263px; */
}

.post-relat img {
	height: 100%; object-fit: cover
}

.overlay-tran {
    position: absolute;
    bottom: 0;
    color: #fff;
    background: rgba(55, 127, 138, 0.8);
    width: 100%;
    height: 100%;
    border-radius: 20px;
    display: none;
    transition: 0.3s;
}

.post-relat:hover .overlay-tran {
    display: block;
    transition: 0.3s;
}

.overlay-tran h1 {
    color: #fff !important;
    font-size: 25px;
    margin: 20px 10px;
    text-align: center;
}

.overlay-tran h2 {
    color: #fff !important;
    font-size: 17px;
    font-weight: normal;
    margin: 10px 0 10px 20px
}

.tratable tr td {
    border: none !important;
    border-bottom: #fff thin solid !important;
    font-size: 18px;
    padding: 21px 17px !important;
    color: #fff
}

.tratable tr td:first-child {
    font-weight: bold
}

.bg-green {
    background: #377f8a
}

.text-green {
    color: #239fb5
}

.tratable tr:last-child td {
    border: none !important;
}

.tran-border-right {
    border-right: #5e5e5e thin solid
}

.tran-border-bottom {
    border-bottom: #5e5e5e thin solid
}


.bg-red {
    background: rgba(252, 48, 48, .75) !important
}

.logom {
    display: none
}

.logow {
    display: block
}

.logog {
    display: none
}

.header-sticky.header_content .menu>li>a,  {
    color: #595757
}

.header-sticky.header_content .logow {
    display: none
}

.header-sticky.header_content .logog {
    display: block
}

.header-sticky.header_content .menu>li.current-menu-item>a,
.header-sticky.header_content .menu>li:hover>a {
    border-bottom: #595757 2px solid
}

.linered {
    line-height: 231px
}

.bannerimage {
    background-image: url("../public/images/home-bg.jpg") !important
}


.videoiframe-width iframe { width: 100% }

.gallernewimg { height: 300px; display: block  }
.gallernewimgvideo { height: 200px; display: block  }
.gallernewimg img { height: 100%; object-fit: cover; width: 100%  }

.header-sticky.header_content .menu > li > a {
    color: #595757;
}

iframe .shopify-buy__product__title { color: #ffffff !important }

@media screen and (max-width: 992px) {

	.header_mobile  {
        background: none !important;
        border-bottom: none;
    }
    .header_mobile .header_menu, .header-sticky.header_mobile {
        background: rgba(255, 255, 255, 0.8)!important;
        border-bottom: #818181 thin solid;
    }
    .header_mobile .menu-bars {
        border-radius: 10px;
        margin: 3px 0;
        background: #fff
    }
    .menu-bars {
        width: 43px;
    }
    .menu-bars span,
    .menu-bars span:after,
    .menu-bars span:before {
        background-color: #b3b1b1;
    }
    .header_mobile .header_menu ul li a {
        color: #595757;
        text-transform: none;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
    }




.header-sticky.header_mobile .logow {
    display: none
}

.header-sticky.header_mobile .logog {
    display: block
}


}


@media screen and (max-width: 500px) {
    .header_menu.active {
        top: 22px !important
    }
    .imgsize{
        width:100% !important;
    }
    .slider-text h1,
    .slider-text h2 {
        font-size: 22px;
        letter-spacing: 0;
    }
    .mob-mb-4,
    .img-radius {
        margin-bottom: 15px
    }
    .f-social {
        float: none;
        text-align: center;
    }
    .f-social li {
        display: inline-block;
        float: none;
    }
    .f-social li:first-child {
        margin-left: 0
    }
    .copyright p {
        font-size: 13px;
        text-align: center
    }
    .about-box {
        border-radius: 25px;
        padding: 10px;
    }
    .inner-page-marg-normal {
        margin-top: 38px;
    }
    .nav-tabs>li>a {
        font-size: 14px;
        padding: 8px 10px;
    }
    .tab-content {
        padding:10px;
    }
    
    .tab-pane.active .btn-danger {
        margin-top: 15px !important;
        display: block;
        width: 100%;
    }
    .tran-border-right {
        border-right: none
    }
    .tran-border-right .ml-5,
    .tran-border-bottom .ml-5 {
        margin: 0 !important
    }
    .tran-border-right .mt-5,
    .tran-border-bottom .mt-5 {
        margin: 0 !important
    }
    .tran-border-right .mr-5,
    .tran-border-bottom .mr-5 {
        margin: 0 !important
    }
    .teachmobbox .mr-5,
    .teachmobbox .mt-5,
    .teachmobbox .ml-5 {
        margin: 0 !important
    }
    .tran-border-right .pull-right,
    .tran-border-bottom .pull-right {
        float: none !important
    }
    .comuunt-mob .text-red.mt-5 {
        margin: 0 !important;
        margin-bottom: 15px !important
    }
    .comuunt-mob .text-red.pt-5 {
        padding: 0 !important
    }
    .comuunt-mob .text-right {
        text-align: left !important
    }
    .mob-code .btn-danger {
        margin-right: 10px;
        padding: 10px 15px !important
    }
    .mob-contact h2 {
        font-size: 19px;
        margin-bottom: 10px !important
    }
    .mob-contact .form-control {
        margin-bottom: 15px !important
    }
    .mob-text-right .text-right {
        text-align: center !important
    }
    .btn-danger {
        padding: 15px 54px;
    }
    .linered {
        line-height: normal;
        margin-bottom: 15px;
        text-align: center;
        font-size: 22px;
    }
    .logom {
        display: block
    }
    .logow {
        display: none
    }
    .header_mobile,
    .header_mobile .header_menu {
        background: rgba(255, 255, 255, 0.8)!important;
        border-bottom: #818181 thin solid;
    }
    .header_mobile .menu-bars {
        border-radius: 10px;
        margin: 3px 0;
        background: #fff
    }
    .menu-bars {
        width: 43px;
    }
    .menu-bars span,
    .menu-bars span:after,
    .menu-bars span:before {
        background-color: #b3b1b1;
    }
    .header_mobile .header_menu ul li a {
        color: #595757;
        text-transform: none;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
    }
    .bannerimage {
        background-image: url("../public/images/mob-banner.jpg") !important
    }
    .container {
        padding-right: 10px;
        padding-left: 10px;
    }
    .mob-mb-4 {
        margin-bottom: 32px
    }
	.header-sticky.header_mobile .logow {
    display: none
}

.header-sticky.header_mobile .logog {
    display: none
}
    #test .owl-controls .owl-prev,
    #gallery-slider .owl-controls .owl-prev {
        left: 0%;
        font-size: 21px;
        line-height: 12px;
        background: #fc3030;
        border-color: #fc3030;
        color: #fff;
    }
    #test .owl-controls .owl-next,
    #gallery-slider .owl-controls .owl-next  {
        right: 0%;
        font-size: 21px;
        line-height: 12px;
        background: #fc3030;
        border-color: #fc3030;
        color: #fff;
    }
    .owl-controls .owl-next,
    .owl-controls .owl-prev {
        width: 25px;
        height: 25px
    }
    .btn-danger {
        margin-right: 0;
        padding: 15px;
        display: block
    }
    .overlay-tran {
        top: 0;
        text-align: center
    }
    .overlay-tran h2 {
        margin-left: 0
    }
    .teachmobbox h3.f-20 {
        display: none
    }
    .teachmobbox .col-md-6 {
        float: none !important;
        text-align: center
    }
    .teachmobbox .fa-plus-circle {
        float: right
    }
    .teachmobbox {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    .mob-txtcenter {
        text-align: center
    }
    .comboxmmob .text-right {
        text-align: center !important
    }
    .nextright {
        margin-right: 0 !important;
        text-align: right;
    }
    .inner-banner {
        background-size: cover !important;
        min-height: 250px;
        background-position: center !important;
    }
    .inner-banner h3 {
        left: 0;
        right: 0 !important;
        bottom: 42px;
        text-align: center !important
    }
    .inner-banner h3:last-child {
        bottom: 0;
    }
    .contact-btn {
        width: 100%
    }

	.video-btn h1 { font-size: 26px }
	.video-btn img { margin-right: 0 !important  }
	.gallernewimg {
		height: 222px !important; }
}

ul.footer {
    display:flex;
    flex-direction:row;
    list-style-type:none;
    margin:12px auto;
    padding:0px;
    flex-wrap:wrap;
    justify-content:space-around;
}

ul.footer li { margin:0px 10px; border-bottom:1px solid #ccc; padding-top:7px; padding-bottom:1px; }

.about-image {width:100%;}

.owl-nav > button {color:#ffffff !important;
    height:28px !important;
    width:28px !important;
    border-radius: 9999px !important;
    background-color:red !important;
    margin:10px 20px !important;
}