.newclass-fontsize {
    font-size: 17px
}

.new-section-padding {
    padding: 54px 0
}

.latest-area {
    padding: 55px 0 70px
}

.fun-factor-area {
    background-image: url('../img/slider/12112.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.testimonial-area {
    background-image: url(img/product/yoga_dark.jpg);
    background-repeat: no-repeat;
    background-position: center
}

.new-single {
    background: #fff none repeat scroll 0 0;
    border-bottom: 3px solid #86bc42;
    padding: 0 35px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    margin-bottom: 20px;
    height: 98px
}

.vscroller-content .single-latest-item:hover {
    box-shadow: none
}

.testimonial-area {
    background-image: url(assets/img/slider/yoga_dark.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 63px 0 16px;
}

.single-latest-item {
    margin-bottom: 5px;
}

.single-latest-text p {
    font-size: 12px;
    margin: 0 0 16px;
}

.custom-single-item .single-item:hover {
    background-color: #ffff !important;
    box-shadow: none;
}

.single-product-item:hover {
    transform: scale(1.06, 1.06);
    transition-duration: 0.3s;
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 2px 20px rgba(34, 30, 31, 0.4);
}

.single-latest-text {
    background: #f6f6f6 none repeat scroll 0 0;
    border: 1px solid #86bc42;
    overflow: hidden;
    padding: 0px 0 0px 10px;
    border-radius: 10px;
}

.single-latest-text:hover {
    transform: scale(0.98, 0.98);
    transition-duration: 0.3s;

    background: #ffff none repeat scroll 0 0;
}

.newsingle-img img:hover {
    transform: scale(1.04, 1.04);
    transition-duration: 0.3s;
    box-shadow: 0 2px 20px rgba(34, 30, 31, 0.4);
}

.btn-custom {
    background: #86bc42;
    color: #fff;
    font-size: 15px;
}

.custom-height .single-product-text | {
    height: 180px;
}

.about-area p {
    font-family: "Raleway";
    line-height: 26px;
    margin-bottom: 17px;
    font-size: 16px;
}

.latest-area {
    padding: 0px 0 70px;
}

.single-product-item:hover {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 2px 20px rgba(34, 30, 31, 0.4);
}

.header-logo-menu.stick {
    z-index: 999;
}

.owl-prev {
    display: none;
}

.owl-next {
    display: none;
}

.single-item-achievement {
    background: #f6f6f6 none repeat scroll 0 0;
    border-bottom: 3px solid #86bc42;
    padding: 0 35px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    margin-bottom: 20px;
    height: 270px;
}

.single-item-achievement:hover {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 2px 20px rgba(34, 30, 31, 0.4);
}

@media (max-width: 767px) {
    .about-area {

        margin-top: 51px;
    }
}

.section-title-wrapper:after {
    background: rgba(0, 0, 0, 0) url("../img/icon/cap-dark.jpg") no-repeat scroll 0 0;
    bottom: -8px;
    color: #1bb4b9;
    content: "";
    font-size: 14px;
    height: 20px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    width: 40px;
    z-index: 9;
}

.about-area h3 {
    margin-bottom: 77px;
    padding-top: 6px;
    z-index: 9;
    position: relative;
}

.achivements-sec .single-teacher-image {
    height: 285px;
}

.product-area-background {
    background-color: #f6f6f6;
    ;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}
}

@media (max-width: 767px) {
    .single-item {
        margin-bottom: 80px;
        padding: 0 16px;
    }
}

@media (max-width: 767px) {
    .single-teacher-image1 img {
        height: 285px !important;
        width: 297px !important;
    }
}

@media (max-width: 767px) {
    h4.card-title.text-center {
        margin-right: 80px;
    }
}

.single-teacher-achieve:hover {
    transform: scale(1.03, 1.03);
    transition-duration: 0.3s;
    /* box-shadow: 0 2px 20px rgba(34, 30, 31, 0.4);*/
    margin-bottom: 50px;
    margin-top: 20px;

}

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

    .chat-pane {
        right: 0px !important;
    }

    .about-area p {
        padding-right: 51px !important;
    }

    .achivements-sec .single-teacher-image {
        width: 333px;
    }
}

@media (max-width: 360px) {
    .single-item {
        padding: 0 3px;
    }
}

.vscroller {
    height: 485px !important;
}

.about-area p {
    /* font-style: italic; */
    font-size: 15px;
    /* text-align: justify; */
    margin: 0 -7px 9px;
    padding-right: 25px;
    font-family: "Raleway";
    /* line-height: 26px; */
}

/*.modal-dialog {
    margin: 0px;
    width: 100%;
    height: 100%;
}
.modal-content
{
	width: 61% !important;
    height: 53% !important;
		margin: auto !important;
	  margin-top:98px !important;
}
 .about-area p
{
	animation-name:fadeInLeft;
  animation-duration: 8s;
  
} */
.new-btn-custom {
    position: fixed;
    top: -27px;
    right: 0;
    font-size: 32px;
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

.newsingle-img .iframe-hover:hover {
    transform: scale(1.04, 1.04);
    transition-duration: 0.3s;

}

.single-item iframe {
    border: 1px solid #ddd !important;
    border-radius: 4px;
    padding: 5px;
}

.modal-body-new {
    background: url('../img/jps_overlay_logo.jpg') no-repeat center;
    background-size: 100% 100%;
    min-height: 30rem;
}

@media (max-width: 767px) {
    .event-area .single-item {
        height: 452px !important;
    }

    .modal-content {
        width: 100% !important;
        margin-top: 52px !important;
    }

    .modal-body-new {
        min-height: 22rem;
    }

}

.btn-custom-new {
    color: #86bc42;
}


.img-responsive > h6 {
    color: rgb(51, 51, 51);
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.08em;
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-weight: 400;
    text-align: justify;
}

h6.event-para {
    color: rgb(51, 51, 51);
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.08em;
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-weight: 400;
    text-align: justify;
}