/* latin-ext */

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}






/* latin */

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}






/* cyrillic */

@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    src: local('Playfair Display Regular'), local('PlayfairDisplay-Regular'), url(https://fonts.gstatic.com/s/playfairdisplay/v13/nuFiD-vYSZviVYUb_rj3ij__anPXDTjYgFE_.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}






/* vietnamese */

@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    src: local('Playfair Display Regular'), local('PlayfairDisplay-Regular'), url(https://fonts.gstatic.com/s/playfairdisplay/v13/nuFiD-vYSZviVYUb_rj3ij__anPXDTPYgFE_.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}






/* latin-ext */

@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    src: local('Playfair Display Regular'), local('PlayfairDisplay-Regular'), url(https://fonts.gstatic.com/s/playfairdisplay/v13/nuFiD-vYSZviVYUb_rj3ij__anPXDTLYgFE_.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}






/* latin */

@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    src: local('Playfair Display Regular'), local('PlayfairDisplay-Regular'), url(https://fonts.gstatic.com/s/playfairdisplay/v13/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYgA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html,
body {
    font-family: 'Raleway', Arial, Tahoma, sans-serif;
}

.site-header {
    position: sticky;
    top: 0;
    background-image: url(images/bg-header.jpg);
    background-color: #009ddc;
    background-repeat: repeat-x;
    position: relative;
	z-index: 1;
}
.news-block img {
    width: 100%;
    margin: 15px 0px 15px 0px;
}
.summer-camp-banner{
display : none;}
.header-contact,
.header-social {
    padding: 15px;
    font-size: 12px;
    color: #fff;
}

.header-contact a,
.header-social a {
    color: #fff;
    text-decoration: none;
}

.header-contact p,
.header-social p {
    margin: 0;
}

.header-contact a:hover,
.header-social a:hover {
    text-decoration: underline;
}

.header-social {
    text-align: right;
}

.header-social span {
    display: block;
}

.header-social a {
    display: block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    margin: 2px 2px;
    border-radius: 50%;
    overflow: hidden;
    padding: 1px;
    font-size: 0;
    float: right;
    transition: background-color .35s ease-out;
}

.header-social a img {
    max-width: 100%;
    float: left;
}

.header-social a:hover {
    background-color: #009ddc
}

.navbar-default {
    background: none;
    background-color: #009ddc;
    border-radius: 0;
    border: 0;
    margin-bottom: 0;
}

.navbar-default .container-fluid,
.navbar-default .navbar-collapse {}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #029ddc;
}

.navbar-default .navbar-nav li a,
.navbar-default .navbar-nav li.active a,
.navbar-default .navbar-nav li.active a:hover,
.navbar-default .navbar-nav li a:hover {
    color: #fff;
    font-size: 18px;
    padding: 10px;
    background-color: transparent;
    font-weight: bold;
    transition: background-color .35s ease-out;
}

.navbar-default .navbar-nav li.active a:hover,
.navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav li.current-menu-item a,.navbar-default .navbar-nav>li>a:focus  {
    background-color: #000033;
	color: #FFFFFF;
}
.navbar-default .navbar-nav li.current-page-parent > a{
	 background-color: #000033;
	color: #FFFFFF;
}

.navbar-default .container-fluid .navbar-brand {
    position: absolute;
    z-index: 1;
    top: 20px;
    left: 50%;
    transform: translatex(-50%);
    display: block;
}

.navbar-default .container-fluid .navbar-brand img {
    display: none;
    max-width: 100%;
}

.navbar-default .container-fluid .navbar-brand {
    position: static;
    transform: none;
}

.navbar-default .container-fluid .navbar-brand span {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    display: inline-block;
}

.navbar-right {
    margin-right: 0;
}
@media(max-width:767px){
	.navbar-right {
    	margin-right: -15px;
	}
}
.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:hover .navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: #fff;
    border: 0;
}

.navbar-toggle {
    cursor: pointer;
}

.navbar-toggle .icon-bar {
    transition: all .35s ease-out;
}

.navbar-toggle .icon-bar:nth-child(3) {
    opacity: 0;
    transform: scale(2);
}

.navbar-toggle .icon-bar:nth-child(2) {
    transform: rotate(45deg) translateX(5px) translateY(3px);
}

.navbar-toggle .icon-bar:nth-child(4) {
    transform: rotate(-45deg) translateX(5px) translateY(-4px);
}

.navbar-toggle.collapsed .icon-bar:nth-child(3) {
    opacity: 1;
    transform: scale(1);
}

.navbar-toggle.collapsed .icon-bar:nth-child(2),
.navbar-toggle.collapsed .icon-bar:nth-child(4) {
    transform: none;
}

.hero-banner {
    position: relative;
    background-color: #36702c;
}

.hero-banner .carousel {
    max-height: 588px;
    overflow: hidden;
}

.hero-banner .carousel-inner>.item>img {
    width: 100%;
}

.hero-banner .carousel-indicators {
    bottom: 0;
    display: none;
}

.hero-banner .carousel-control {
    z-index: 9;
}

.hero-banner-caption {
    position: absolute;
    width: 100%;
    text-align: center;
    padding-bottom: 0px;
    bottom: 0;
    color: #fff;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .8) 100%);
    z-index: 8;
}

.hero-banner-caption h2 {
    font-family: 'Playfair Display', Times, serif;
    font-size: 20px;
    font-weight: bold;
}

.hero-banner-caption p {
    font-size: 13px;
}

.section-enquiry {
    background-color: #36702c;
    padding: 40px 0;
}

.section-enquiry h3 {
    font-family: 'Playfair Display', Times, serif;
    color: #fff;
    line-height: 36px;
    text-align: center;
    margin: 0;
    padding: 0;
}

.section-enquiry h3 span {
    display: block;
    margin-top: 20px;
}

.section-enquiry h3 a {
    display: block;
    max-width: 70%;
    margin: 10px auto;
}

.btn {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.btn-primary,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary-outline,
.btn-primary-outline:focus,
.btn-primary-outline:hover {
    border-radius: 30px;
    line-height: 44px;
    padding: 0 20px;
    color: #fff;
    font-size: 20px;
    font-family: 'Playfair Display', Times, serif;
}

.btn-primary-outline,
.btn-primary-outline:focus,
.btn-primary-outline:hover {
    border: 1px solid #fff;
}

.btn-primary-outline i,
.btn-primary i {
    display: inline-block;
    float: right;
    width: 32px;
    height: 44px;
    background-image: url(images/btn-arrow.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 32px auto;
    margin-left: 15px;
	margin-right: -10px;
}

.section-enquiry h3 .btn-primary-outline:hover,
.section-why-sla .btn-primary-outline:hover {
    background: rgba(255, 255, 255, 1);
    color: #36702c;
}

.section-enquiry h3 .btn-primary-outline:hover i,
.section-why-sla .btn-primary-outline:hover i {
    background-image: url(images/btn-arrow-green.png);
}

.morenews-btn {
    background: #337ab7;
    border-color: #337ab7;
}

.morenews-btn:hover {
    background: #FFFFFF;
    color: #337ab7;
}

.morenews-btn:hover i {
    background-image: url(images/btn-arrow-blue-light.png);
}

.contact-us-holder .btn-primary-outline:hover {
    background: #444;
    color: #ccc;
}

.intro-block,
.news-block,
.section-inner-right {
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
}

.intro-block,
.section-inner-right {
    border-bottom: 1px solid #eee;
}

.section-intro h2,
.section-inner-right h2 {
    font-family: 'Playfair Display', Times, serif;
    font-size: 24px;
    color: #000;
    margin: 0 0 30px;
    padding-bottom: 40px;
    background-image: url(images/heading-decorative-orange.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 266px auto;
    line-height: 1.4
}

.intro-block img {
    max-width: 100%;
    margin-bottom: 30px;
	border: #eee solid 1px;
    padding: 3px;
}

.intro-block p {
    margin: 0;
    font-size: 18px;
    line-height: 1.5;
    color: #000;
    font-family: 'Playfair Display', Times, serif;
}

.section-intro .btn-area {
    margin-top: 20px;
}

.section-intro .btn-area .btn {
    background-color: #e99721;
    border: 1px solid #e99721;
}

.section-intro .btn-area .btn:hover {
    background-color: transparent;
    color: #e99721;
}

.section-intro .btn-area .btn:hover i {
    background-image: url(images/btn-arrow-orange.png);
}

.summer-camp-banner {
    margin: 40px 0 0;
    background-image: url(images/pic-summer-camp.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px;
    overflow: hidden;
    padding: 20px;
    text-align: center;
    color: #fff;
    font-family: 'Playfair Display', Times, serif;
}

.summer-camp-banner h3 {
    margin: 0 0 15px 0;
    line-height: 1.2;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
    font-size: 28px;
}

.summer-camp-banner strong {
    font-size: 48px;
}

.section-intro .summer-camp-banner .btn-area {
    text-align: center;
}

.summer-camp-banner .btn-area .btn-primary {
    background-color: #10103f;
    border-color: #10103f;
}

.summer-camp-banner .btn-area .btn-primary:hover {
    background-color: #FFF;
    border-color: #FFF;
    color: #10103f;
}

.summer-camp-banner .btn-area .btn-primary:hover i {
    background-image: url(images/btn-arrow-blue.png);
}

.section-kids-programs {
    background-color: #10103f;
    padding: 20px 0;
    text-align: center;
    font-family: 'Playfair Display', Times, serif;
}

.section-kids-programs .img-holder {
    border-radius: 50%;
    border: 2px solid #ffd800;
    max-width: 300px;
    margin: auto;
    overflow: hidden;
}

.section-kids-programs .img-holder img {
    max-width: 100%;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.section-kids-programs .img-holder:hover img {
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.section-kids-programs h2 {
    font-size: 28px;
    margin: 20px 0;
    color: #ffd800;
    line-height: 1.4
}
.section-kids-programs h2 a{
    font-size: 28px;
    margin: 20px 0;
    color: #ffd800;
    line-height: 1.4;
	text-decoration:none;
	    transition: 0.5s ease;
}
.section-kids-programs h2 a:hover {
    opacity: 0.8;
    transition: 0.5s ease;
}
.section-kids-programs p {
    font-size: 20px;
    color: #fff;
}

.section-kids-programs .col-xs-12 {
    margin: 30px 0;
}

.section-why-sla {
    background-color: #36702c
}

.why-sla-pic {
    position: relative;
    padding: 0;
}

.why-sla-pic:before {
    content: '';
    display: block;
    width: 100%;
    background-image: url(images/why-sla.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 100%;
}

.why-sla-text {
    text-align: center;
    font-size: 18px;
    color: #fff;
    padding: 40px 15px;
}

.why-sla-text h2 {
    font-size: 32px;
    margin: 0 0 30px;
    padding-bottom: 40px;
    background-image: url(images/heading-decorative-white.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 266px auto;
}

.why-sla-text h2,
.why-sla-text h3 {
    font-family: 'Playfair Display', Times, serif;
}

.why-sla-text h3 {
    font-size: 30px;
    margin: 30px 0;
}

.why-sla-text ul {
    margin: 0 0 30px;
    padding: 0;
    list-style: none;
}

.why-sla-text li {
    text-align: left;
    list-style: none;
    padding: 10px 0 10px 30px;
    background-image: url(images/list-bullet.png);
    background-size: 10px auto;
    background-position: left 14px;
    background-repeat: no-repeat;
}

.site-footer {
    text-align: center;
    background-image: url(images/footer-bg.jpg);
    background-repeat: repeat-x;
    padding-top: 40px;
    padding-bottom: 156px;
    background-position: left bottom;
    border-top: 1px solid #dadada;
}

.site-footer p {
    color: #666;
    line-height: 1.8;
}

.site-footer a {
    color: #333;
    padding: 0 25px;
    font-weight: 600;
    text-decoration: none;
}

.site-footer a:hover {
    text-decoration: underline;
}

.section-testimonials-contact {
    min-height: 220px;
}

.section-testimonials-contact {
    background: linear-gradient(to right, #f4f2ea 50%, #eaf2f4 50%)
}

.testimonials-holder,
.contact-us-holder {
    text-align: center;
    background-color: #f4f2ea;
    padding-top: 40px;
    padding-bottom: 40px;
}

.testimonials-holder h2,
.contact-us-holder h2 {
    font-size: 32px;
    margin: 0 0 30px;
    padding-bottom: 40px;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 266px auto;
    font-family: 'Playfair Display', Times, serif;
}

.testimonials-holder h2 {
    background-image: url(images/heading-decorative-beige.png);
}

.testimonials-holder blockquote {
    padding-top: 20px;
    padding-bottom: 50px;
    border: 0;
    position: relative;
    line-height: 1.6;
}

.testimonials-holder blockquote p {
    font-size: 18px;
}

.testimonials-holder .carousel:before,
.testimonials-holder .carousel:after {
    content: '“';
    font-family: 'Playfair Display', Times, serif;
    font-size: 172px;
    position: absolute;
    color: rgba(189, 183, 157, .3);
}

.testimonials-holder .carousel:before {
    top: -100px;
    left: 0;
}

.testimonials-holder .carousel:after {
    content: '”';
    right: 0;
    bottom: -50px;
}

.testimonials-holder .carousel-indicators li {
    background-color: #c3c2bb;
    border: 0;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    transition: width .35s ease-out;
}

.testimonials-holder .carousel-indicators li.active {
    background-color: #7a7975;
    width: 28px;
}

.contact-us-holder {
    background-color: #eaf2f4;
    border-top: 2px solid #fff;
}

.contact-us-holder h2 {
    background-image: url(images/heading-decorative-grey.png);
}

.contact-us-holder p {
    font-size: 18px;
    line-height: 1.6
}

.contact-us-holder p a {
    color: #333;
    text-decoration: none;
}

.contact-us-holder p a:hover {
    text-decoration: underline;
}

.contact-us-holder .btn-primary-outline {
    width: 230px;
    border-color: #ccc;
    color: #444;
}

.contact-us-holder .btn-primary-outline i {
    background-image: url(images/btn-arrow-grey.png);
}

.contact-us-holder .btn:first-of-type {
    margin-top: 20px;
    margin-bottom: 20px
}

.section-inner-right .section-enquiry {
    margin-top: 20px;
    border-radius: 5px;
}

.section-inner-right .section-enquiry h3 {
    line-height: normal;
    font-size: 28px;
}

.section-inner-right .section-enquiry h3 span {
    display: block;
    margin-top: 20px;
}

.section-inner-right .section-enquiry h3 a {
    display: inline-block;
    margin: 15px auto 0;
    font-size: 20px;
}

.section-inner-left h1 {
    margin-top: 40px;
    margin-bottom: 30px;
    font-size: 32px;
    font-family: 'Playfair Display', Times, serif;
}

.section-inner-left p {
    font-size: 14px;
}

.section-inner-left h2 {
    margin: 20px 0;
    font-family: 'Playfair Display', Times, serif;
    font-size: 28px;
    line-height: 1.5;
    color: #0e60b7;
}

.section-inner-left h3 {
    font-size: 22px;
    font-weight: bold;
}

.section-inner-left h4 {
    font-size: 20px;
    font-weight: bold;
}

.section-inner-left h5 {
    font-size: 18px;
    font-weight: bold;
}

.section-inner-left h6 {
    font-size: 16px;
    font-weight: bold;
}

.section-inner-left p strong {
    font-weight: bold;
}

.section-inner-left p em {
    font-style: italic;
}

.section-inner-left p a {
    font-weight: bold;
    text-decoration: underline;
}

.section-inner-left ul {
    margin: 20px 0;
}

.section-inner-left ul li {
    /*margin-top: 15px;*/
    /*margin-bottom: 10px;*/
    font-size: 14px;
}
.section-inner-left .alignleft{
    border: #eee solid 1px;
    padding: 3px;
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
    max-width: 300px;
    height: auto;
}
.section-inner-left img.alignright {
    border: #eee solid 1px;
    padding: 3px;
    float: right;
    margin-left: 15px;
    margin-bottom: 10px;
    max-width: 300px;
    height: auto;
}
.section-inner-left .aligncenter{
    border: #eee solid 1px;
    padding: 3px;
    float: none;
    text-align: center;
    clear: both;
    margin: 0 auto 15px;
    display: block;
}
@media (min-width: 768px) {
    .site-header {
        background-size: auto 100px;
        border-bottom: 5px solid #fff;
    }
    .header-contact,
    .header-social {
        padding: 35px 15px 17px;
        font-size: 14px;
    }
    .navbar-default .container-fluid .navbar-brand {
        position: absolute;
        width: 200px;
        transform: translatex(-50%) translatey(-92px);
        display: block;
        margin: 0;
    }
    .navbar-default .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
    .container-fluid>.navbar-collapse {
        margin-left: -15px;
        margin-right: -15px;
    }
    .navbar-default .container-fluid .navbar-brand img {
        display: block;
    }
    .navbar-default .container-fluid .navbar-brand span {
        display: none;
    }
    .navbar-default .navbar-nav li a,
    .navbar-default .navbar-nav li.active a,
    .navbar-default .navbar-nav li.active a:hover,
    .navbar-default .navbar-nav li a:hover {
        font-size: 16px;
        padding: 15px 10px;
    }
    .hero-banner-caption {
        padding-bottom: 20px;
    }
    .hero-banner-caption h2 {
        font-size: 36px;
    }
    .hero-banner-caption p {
        font-size: 22px;
    }
    .section-enquiry h3 {
        font-size: 24px;
    }
    .section-enquiry h3 span {
        display: block;
    }

    .section-enquiry h3 a {
        display: inline-block;
        max-width: none;
        margin: 0;
    }

    .btn-primary-outline,
    .btn-primary-outline:focus,
    .btn-primary-outline:hover {
        font-size: 20px;
    }
    .intro-block,
    .news-block,
    .section-inner-right {
        text-align: left;
    }
    .intro-block {
        border-bottom: 0;
    }
    .section-intro h2,
    .section-inner-right h2 {
        background-position: left bottom;
    }
    .section-intro .btn-area {
        text-align: right;
    }
    .news-block {
        border-left: 1px solid #eee;
    }
    .news-block p {
        line-height: 1.8
    }
    .section-kids-programs h2 {
        font-size: 22px;
    }
	    .section-kids-programs h2 a{
        font-size: 22px;
    }
    .section-kids-programs p {
        font-size: 18px;
    }
    .contact-us-holder {
        border-top: 0;
        border-left: 2px solid #fff;
    }
    .section-inner-left p,
    .section-inner-left ul li {
        font-size: 16px;
    }

    .section-inner-left h1 {
        font-size: 42px;
    }
    .section-inner-left h2 {
        font-size: 32px;
    }
    .section-inner-left h3 {
        font-size: 26px;
    }
    .section-inner-left h4 {
        font-size: 22px;
    }
    .section-inner-left h5 {
        font-size: 18px;
    }
}
@media only screen and (min-width:750px) and (max-width:1200px){
.navbar-default .container-fluid .navbar-brand img {
    display: block;
    width: 100px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
}
.navbar-default .container-fluid .navbar-brand {
  top:0;
  left:57%
  }

}


@media (min-width: 992px) {
    .site-header {
        background-size: auto
    }
    .header-contact,
    .header-social {
        font-size: 18px;
        line-height: 30px;
        padding-bottom: 18px;
    }
    .header-social a {
        width: 28px;
        height: 28px;
        margin: 5px;
    }
    .site-header {
        border-bottom: 5px solid #fff;
    }
    .navbar-default .navbar-nav li a,
    .navbar-default .navbar-nav li.active a,
    .navbar-default .navbar-nav li.active a:hover,
    .navbar-default .navbar-nav li a:hover {
        padding: 35px 25px;
        font-size: 16px;
    }
    .navbar-brand {
        position: absolute;
        z-index: 1;
        top: 20px;
        left: 50%;
        transform: translatex(-50%);
    }
    .section-enquiry h3 {
        font-size: 36px;
    }

    .section-enquiry h3 span {
        display: inline;
    }
    .btn-primary-outline,
    .btn-primary-outline:focus,
    .btn-primary-outline:hover {
        font-size: 20px;
    }

    .hero-banner-caption {
        padding-bottom: 40px;
    }
    .hero-banner-caption h2 {
        font-size: 42px
    }
    .section-intro h2,
    .section-inner-right h2 {
        font-size: 36px;
    }
    .intro-block p {
        font-size: 24px;
    }

    .section-kids-programs h2 {
        font-size: 32px;
    }
	    .section-kids-programs h2 a{
        font-size: 32px;
    }
    .section-kids-programs p {
        font-size: 24px;
    }
    .why-sla-text {
        padding: 40px;
    }
    .why-sla-text {
        position: relative;
        padding-left: 55%;
        padding-right: 5%;
    }
    .why-sla-text:before {
        content: '';
        padding-left: 50%;
        background-image: url(images/why-sla.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
    }
    .why-sla-pic {
        display: none;
    }
    .why-sla-text h2,
    .testimonials-holder h2,
    .contact-us-holder h2 {
        font-size: 42px;
    }
}


.menu-item-has-children {
  position: relative;
}
.menu-item-has-children > a:after {
  content: "";
  margin-top: 6px;
  margin-right: -10px;
  float: right;
  border-left: 4px solid;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}
.menu-item-has-children > .sub-menu {
  position: absolute;
  left: 0;
  top: 99%;
  background: #000033;
  padding: 0;
  list-style: none;
  white-space: nowrap;
  display: none;
}
@media(max-width:767px){
	.menu-item-has-children > a:after {
		margin-right: 0;
	}
	.menu-item-has-children > .sub-menu {
		position: relative;
	}
}
.menu-item-has-children:hover > .sub-menu {
  display: block;
}
.navbar-default .navbar-nav li .sub-menu a{
      padding: 10px 25px;
      display: block;
}
.navbar-default .navbar-nav li .sub-menu a:hover{
  text-decoration: none;
  color: #009ddc;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #FFF;
    background-color: #000033;
}
.toggle h3 {
    margin-bottom: 25px;
}
.show {
    margin-top: 20px;
}
.toggle .toggle-screen:last-child {
    margin-bottom: 50px;
}
.show h5 {
    line-height: 25px;
}
.hidecontent{
    display:none;
}
.title-row h3{
        margin-bottom: 0;
    border: 1px solid #009ddc33;
    text-align: center;
    min-height: 45px;
    border-radius: 5px;
    padding: 10px;
    transition:0.5s ease;
    display: block;
    margin: 20px auto;
}
.title-row h3:hover{
    background: #009ddc;
    color:#fff;
    border: 1px solid #009ddc;
    transition:0.5s ease;;
}
h3.active-head{
    background: #009ddc;
    color:#fff;
    border: 1px solid #009ddc;
    transition:0.5s ease;
}
.title-row {
    position: relative;
    width: 100%;
    min-height: 85px;
    display: inline-block;
}
.title-row .active-head-col{
    width:48%;
    float:left;
    height:50px;
    margin-right:10px;
}
@media only screen and (max-width: 767px) {
 .title-row .active-head-col{
    width:45%;
    float:left;
    height:50px;
    margin-right:10px;
}
}
@media only screen and (max-width: 991px) {
 .title-row .active-head-col{
    width:45%;
    float:left;
    height:50px;
    margin-right:10px;
}
}
ul.nav.nav-tabs li:first-child{
    margin-left:10px;
}
ul.nav.nav-tabs li a{
   color:#808080;
   font-weight:700;
    transition:0.5s ease;
}
ul.nav.nav-tabs li.active a{
   color : #337ab7;
    transition:0.5s ease;
}

.form-section{
margin-top: 25px; }
.form-section .btn-area {
    margin-top: 10px;
}
input.wpcf7-form-control.wpcf7-submit {
    border-radius: 30px;
    line-height: 44px;
    padding: 0 30px;
    color: #fff;
    font-size: 20px;
    background-color: #337ab7;
    border:1px solid #337ab7;
	font-family: 'Playfair Display', Times, serif;
}
input.wpcf7-form-control.wpcf7-submit:hover{
	background-color: #fff;
	color:  #337ab7;
}
span.wpcf7-not-valid-tip{
	font-size: 13px;
}
.wpcf7-form-control-wrap {
    position: relative;
    top: 3px;
}
.error {
    color: #ff0000;
}
section.section-inner-page {
    padding-bottom: 30px;
}
.success-message {
    color: #008000;
    text-align: center;
    font-size: 20px;
    font-weight: 800;
}
.schedule-form {
    width: 75%;
    float: left;
}
.faq-tab-content .item{ margin-bottom: 10px; overflow: hidden; }
.faq-tab-content .item .hidecontent{ width: 100%; float: left; border: 1px solid #ddd; padding: 0 10px;  }
.faq-tab-content .item .show{ margin-top: 0;   }
.faq-tab-content .item .show a{ background-color:#009ddd; transition: all 0.5s ease-in; text-decoration: none; color: #FFFFFF; width: 100%; float: left; padding: 0 50px 0 10px; position: relative; }
.faq-tab-content .item .show a::after{ content: ""; position: absolute; right: 20px; top: 10px; 
  height: 25px;
  width: 25px;
  background-image: url(images/down-arrow.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  transition: all 150ms ease-in-out; }
.faq-tab-content .item .show.active a::after{ transform: rotate(180deg);  }
.faq-tab-content .item .show.active a, .faq-tab-content .item .show:hover a{  background-color:#0f0e3f;  }
.faq-tab-content .item .show a h5{ font-size: 15px; }
.testimonials-panel .inner{ position: relative; }
.testimonials-panel .inner::before{     content: "“";
    font-family: "Playfair Display", Times, serif;        font-size: 70px;  position: absolute; top: -27px;
left: -39px ;    color: rgba(189, 183, 157, 0.3);  }
.testimonials-panel blockquote{
      padding: 15px 20px 15px 50px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #009ddd;
    background: #f7f7f7;  
} 
.testimonials-panel blockquote small{ text-align: right; font-weight: bold; }
.testimonials-panel blockquote small:before{ display: none;  }
@media (min-width: 1100px){
   .col-sm-12.testimonial-page.aos-init.aos-animate{ padding-left: 0; } 
}

textarea.form-control{
	height: 100px;
	resize: none;
}

.modal-box-image {
    text-align: center;
   padding-bottom: 20px;
   cursor:pointer;
}

.modal-box-image figure {
    max-width: 300px;
    max-height: 300px;
    display: block;
    overflow: hidden;
    border: 1px #ddd solid;
    margin: auto;
}
.modal-box-image  h2 {
    font-size: 18px;
    margin: 20px;
    font-weight: 600;
}
.modal-box-image  h2 span{
    display: block;
    font-size: 13px;
    min-height: 32px;
    color: #ababab;
    line-height: 1.3;
    margin: 10px 0;
}
.modal-box-image:hover img{
    transform: scale(1.1);
    transition: 0.5s ease;
}
.modal-box-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: top;
    transition: 0.5s ease;
    border: #FFF solid 3px;
}
    .modal-header {
    padding: 15px;
     border-bottom: 1px solid transparent; 
}
@media (min-width: 768px){
    
    .modal-header {
    padding: 15px;
     border-bottom: 1px solid transparent; 
}
.modal-dialog {
    width: 900px;
    margin: 75px auto;
}
.team-member-profile p{
        padding: 10px 0px;
}
.row.team-member-profile {
    padding: 0px 15px 20px;
}
.team-member-profile figure {
    width: 95%;
    overflow: hidden;
    text-align: center;
    display: block;
    margin: 0px auto;
	border: 1px #ddd solid;
}
.team-member-profile figure img{
  width: 100%;
    object-fit: cover;
	border: #FFF solid 3px;
}
.team-member-profile h2{
      text-align: center;
	  font-size: 18px;
	font-weight: 600;
}
.team-member-profile h2 span {
    display: block;
    font-size: 13px;
    min-height: 32px;
    color: #ababab;
    line-height: 1.3;
    margin: 10px 0;
}
.team-member-profile {
    line-height: 25px;
    font-size: 15px;
    margin-bottom: 20px;
}
}

@media (max-width: 768px){
.modal-dialog {
    width: 90%;
    margin: 75px auto;
}
.team-member-profile figure {
    width: 80%;
    min-height: 350px;
    max-height: 350px;
		border: 1px #ddd solid;
}
.team-member-profile figure img {
    width: 100%;
    object-fit: cover;
    object-position: top;
    height: auto;
	border: #FFF solid 3px;
}
}
@media (max-width: 640px){
.row.team-member-profile {
    padding: 0px 15px 20px;
}
.modal-dialog {
    width: 100%;
    margin: 50px auto;
}
.team-member-profile figure {
    width: 100%;
    min-height: 200px;
    max-height: 250px;
    overflow: hidden;
    margin-bottom: 30px;

	
}
.team-member-profile figure img{
    width: 100%;
    padding: 0px;
	
}
.team-member-profile h2{
      text-align: center;
}
.col-md-6.team-member-description {
    padding: 0px 15px;
}

}
.close:focus, .close:hover {
    outline: none;
}




table { 
	width: 750px; 
	border-collapse: collapse; 
	margin:50px auto;
	}

/* Zebra striping */
tr:nth-of-type(odd) { 
	background: #eee; 
	}

th { 
	background: #3498db; 
	color: white; 
	font-weight: bold; 
	}

td, th { 
	padding: 10px; 
	border: 1px solid #ccc; 
	text-align: left; 
	font-size: 18px;
	}
      .header__banner {
    background-color: #ffff00;
   min-height: 50px;
}
.header__banner.alert.alert-dismissible {
    margin: 0;
}
.header__banner.alert.alert-dismissible p {
float: unset;
    color: #000;
    font-weight: 700;
    display: inline-block;
}
.header__banner-inner.wrapper {
    text-align: center;
    float: unset;
}
button.close {
    color: #000 !important;
    text-shadow: unset !important;
    opacity: 1;
}
.news-content p a {
    color: #333;
    text-decoration: none;
}
.news-content p a:hover {
    color: #333;
    text-decoration: none;
}

/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	table { 
	  	width: 100%; 
	}

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}

	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		/* Label the data */
		content: attr(data-column);

		color: #000;
		font-weight: bold;
	}

}

div.pdfemb-viewer {
    border: 1px solid #eaeaea !important;
}
h3.common-news-title {
    margin-bottom: 20px;
}
a.privacy-policy-link {
    padding: 0px;
}
.pdfemb-poweredby {
    display: none !important;
}
.btn-link-text {
    background: #337ab7;
    border:1px solid #337ab7;
    border-radius: 30px;
    padding: 7px 20px;
    color: #fff;
    font-size: 14px;
    font-family: 'Playfair Display', Times, serif;
    margin: 10px 10px 10px 0;
    display: inline-block;
}
.btn-link-text:hover{
	color: #337ab7;
	background: #fff;
	text-decoration: none;
}
.page-id-499 .col-md-12.marutham-head {
    display: none;
}
.page-id-499 .ngg-gallery-thumbnail a img {
    /* margin: 0px 20px 30px 20px !important; */
    border: #eee solid 1px;
    padding: 3px;
}
.ngg-galleryoverview{
	margin: 10px 0 50px 0 !important;
}
}