/*

Theme Name: LT Spa Onepage

Theme URI: http: //ltheme.com

Description: This is child theme of Hosting

Author: L.THEME

Author URI: http://ltheme.com

Template: layerswp

Version: 1.0

*/

@import url("../layerswp/style.css");



/**** CUSTOM RESPONSIVE *****/

@media (min-width: 980px) and (max-width: 1199px) {

    .section-title .heading {

        font-size: 34px!important;

    }

}

@media (min-width: 768px) and (max-width: 979px) {

    .lt-pricing .layers-masonry-column .table-head h5 {

        padding: 10px 0!important;

    }

    .lt-team .team-social li {

        line-height: 28px!important;

    }

    .lt-pricing .layers-masonry-column:nth-child(3) {

        margin-top: 0!important;

    }

}

@media (min-width: 768px) and (max-width: 1023px) {

    .nav-horizontal > ul {

        display: none;

    }

    .responsive-nav {

        display: block!important;

    }

    .header-site .container {

        padding: 20px!important;

    }

}

@media (min-width: 481px) and (max-width: 767px) {

    .section-title .heading {

        font-size: 34px!important;

    }

    .lt-blog li {

        width: 100%!important;

    }

    .lt-pricing .layers-masonry-column .media {

        width: 80%;

        margin: 0 auto;

    }

    .lt-pricing .layers-masonry-column:nth-child(1) .heading {

        line-height: 70px!important;

    }

}

@media (max-width: 767px) {

    #layers-widget-column-1 .excerpt {

        padding: 0 20px;

    }

    .lt-footer-right {

        float: left!important;

        position: static!important;

        text-align: left!important;

        width: 100%!important;

    }

    .lt-footer-left {

        width: 100%!important;

    }

    .lt-team .layers-masonry-column img {

        width: 100%!important;

    }

    .lt-parallax .heading {

        width: 90%!important;

    }

    .header-site .container {

        padding: 20px!important;

    }

    .copyright .span-6 {

        padding: 0 10px!important;

    }

    #footer .grid + .copyright {

        padding-bottom: 30px;

    }

    .lt-slider .section-title h2 {

        font-size: 32px!important;

        line-height: 50px!important;

    }

    .lt-pricing .layers-masonry-column:nth-child(3) {

        margin-top: 0!important;

    }

}

@media (max-width: 480px) {

    .lt-blog li {

        width: 100%!important;

    }

    .section-title .heading {

        font-size: 25px!important;

    }

}

/* General */

h1, h2, h3, h4, h5, h6, a, i, em, img, .button, span, .layers-masonry-column, p, .media-body, .media, .team-social {

	-webkit-transition: 0.7s ease-in-out;

    -moz-transition: 0.7s ease-in-out;

    -ms-transition: 0.7s ease-in-out;

    -o-transition: 0.7s ease-in-out;

    transition: 0.7s ease-in-out;

}

.button:hover {

	text-decoration: none;

	background: none;

    color: #0e9cd1!important;

}

.section-title.small .heading,

.section-title .heading {

    font-size: 36px;

    font-weight: 600;

    text-transform: uppercase;

    color: #333!important;

}

.section-title p {

	

}

.section-title .excerpt {

    font-size: 16px!important;

}

.container .section-title {

    margin-bottom: 50px!important;

}

p {

    font-size: 16px;

}

.created-using-layers {

    display: none;

}

.container {

    max-width: 1170px;

}

body {

    color: #333;

    font-size: 16px;

}

/*******MENU***********/

.header-secondary {

    background: #f5f5f5;

}

.header-secondary .nav-horizontal li a {

    color: #5aaddd;

    font-size: 14px;

    font-weight: 300;

}

.header-secondary .nav-horizontal li a i {

    color: #999!important;

}

.header-secondary .nav > li > a:hover {

    color: #5AADDD!important;

}

.header-site .nav-horizontal li.current-menu-item a,

.header-site .nav-horizontal li.current_page_item a,

.header-site .nav-horizontal li.current-menu-parent a,

.header-site .nav-horizontal li a:hover,

.header-site .nav-horizontal li.active a {

    color: #5AADDD!important;

}

.header-site nav ul {

    border: none;

}

.header-site nav ul.sub-menu {

    padding: 20px;

}

.header-site .nav-horizontal li .sub-menu li a:hover {

	border: none!important;

	background: none!important;

	color: #fff!important;

}

.header-site nav li a {

    font-size: 16px;

    font-weight: 400;

}

.header-site nav li a:hover {

    text-decoration: none;

}

.header-site nav li ul li:hover {

    background: #5AADDD!important;

    color: #fff!important;

}

.header-site nav ul li ul {

    padding: 10px;

}

/*******SLIDER*********/

.arrows a,

.arrows a:hover {

    text-decoration: none;

}

.lt-slider .section-title .excerpt {

    max-width: 100%!important;

}

.lt-slider .section-title h2 {

    font-size: 60px;

    font-weight: 400;

    line-height: 70px;

    background: none!important;

    padding: 0!important;

    text-transform: uppercase;

    margin-bottom: 20px;

}

.lt-slider .button {

    padding: 12px 50px!important;

    background: none!important;

    border-radius: 3px;

    border: 1px solid #fff;

    color: #fff!important;

    text-transform: uppercase;

    font-weight: 300!important;

    font-size: 16px!important;

}

.lt-slider .button:hover {

    background: #5aaddd!important;

    color: #fff!important;

}

.lt-slider-3 .container {

    margin-top: 10px!important;

}

.lt-slider-3 p {

    font-size: 30px!important;

}

/*******INTRODUCT*******/

.lt-introduction .layers-masonry-column .media {

    cursor: pointer;

    border: 1px solid #ddd;

    padding: 10px 25px 20px;

}

.lt-introduction .layers-masonry-column:hover .media {

    border-color: #5AADDD;

}

.lt-introduction .layers-masonry-column:hover h5 {

    color: #5AADDD!important;

}

.lt-introduction .layers-masonry-column h5 {

    font-size: 24px!important;

    font-weight: 400;

}

.lt-introduction .layers-masonry-column p {

    font-weight: 300;

    color: #333;

}

.lt-introduction .layers-masonry-column .button {

    border: 1px solid #ddd;

    padding: 8px 20px;

    background: none!important;

    color: #5AADDD!important;

    font-size: 14px!important;

    font-weight: 300!important;

}

.lt-introduction .layers-masonry-column .button:hover {

    background: #5AADDD!important;

    color: #fff!important;

}

/******TEAM******/

.lt-team {

    float: left;

    width: 100%;

}

.lt-team .layers-masonry-column {

    position: relative;

    cursor: pointer;

}

.lt-team .team-social li {

    width: 20%;

    margin: 0 1%;

}

.lt-team h5 {

    font-size: 18px!important;

    font-weight: 600;

} 

.lt-team .layers-masonry-column:hover .team-social {

    opacity: 1;

}

.lt-team .team-social {

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0;

    background: #495b6b;

    margin-left: 0!important;

}

.lt-team .team-social li {

    clear: left!important;

    float: left;

    line-height: 39px;

}

.lt-team .team-social li span {

    text-align: center;

    color: #5AADDD!important;

    background: none!important;

}

.lt-team .media-body .excerpt:nth-child(2) {

    font-size: 14px!important;

}

.lt-team .media-body .excerpt:nth-child(3) p {

    color: #fff!important;

}

.lt-team .layers-masonry-column .media-body {

    background: #f0f1f3;

    margin-top: 0!important;

}

.lt-team .layers-masonry-column .media-body {

    border-bottom: 15px solid #e8eaed

}

.lt-team .layers-masonry-column:hover .media-body {

    border-color: #5AADDD;

}

.lt-team .layers-masonry-column .media-body .designation {

    margin-bottom: 0!important;

    padding-left: 10px;

    padding-bottom: 0!important;

}

.lt-team .layers-masonry-column h5 {

    font-size: 18px!important;

    font-weight: 700!important;

    padding-left: 10px;

    margin-top: 10px;

}

/*****VIDEO******/

.lt-video {

    padding: 90px 0 90px 0;

    background: #F9FAFB;

    float: left;

    width: 100%;

    max-width: 100%;

    margin: 0!important;

}

.lt-video .heading {

    text-align: center;

}

.lt-video .textwidget {

    margin: 0 auto;

}

.lt-video .textwidget iframe {

    margin: 0 auto;

}

/*******PORTPOLIO********/

.lt-portfolio {

    border-bottom: 1px solid #ddd;

}

.lt-portfolio .layers-masonry-column {

    float: left;

}

/*******PARALLAX********/

.lt-parallax {

    width: 100%!important;

    float: left;

    background-attachment: fixed;

}

.lt-parallax .heading {

    background: none;

    padding: 7px 50px 10px;

    width: 50%;

    font-size: 30px!important;

    text-align: center;

    margin: 0 auto;

    font-weight: 700;

    color: #5AADDD!important;

}

/*******BLOG********/

.rpwwt-widget {

    width: 100%;

    float: left;

    padding: 80px 0 70px;

}

.lt-blog .section-title {

    text-transform: uppercase;

    text-align: center;

}

.lt-blog li {

    width: 33%;

    float: left;

    margin-right: 0.5%!important;

    position: relative;

    padding-top: 25px;

    padding-left: 5px;

}

.lt-blog li:nth-child(3n) {

    margin-right: 0!important;

}

.lt-blog li img {

    width: 100%!important;

    max-width: 99%!important;

}

.lt-blog li .rpwwt-post-date {

    font-size: 13px;

    color: #999;

}

.lt-blog li .rpwwt-post-excerpt {

    color: #333;

    font-size: 14px;

}

.lt-blog .container {

    width: 100%!important;

    max-width: 100%!important;

}

.lt-blog span {

    text-transform: capitalize;

    font-weight: 300;

    color: #5AADDD!important;

    font-size: 20px!important;

    top: 0;

    left: 5px;

}

.lt-blog li a:hover {

    text-decoration: none;

}

/*****PRICING*******/

.lt-pricing {

    width: 100%;

    float: left;

}

.lt-pricing .layers-masonry-column {

    cursor: pointer;

    float: left;

}

.lt-pricing .layers-masonry-column:nth-child(3) {

    margin-top: -20px;

}

.lt-pricing .layers-masonry-column:nth-child(3) .table-head h5 {

    padding-bottom: 30px;

}

.lt-pricing .layers-masonry-column .table-head .pricing-table {

    padding-bottom: 0!important;

}

.lt-pricing .layers-masonry-column .price-tag {

    text-transform: none!important;

    color: #fff!important;

    font-weight: 700!important;

    background: none!important;

    top: 0;

    font-size: 36px!important;

    line-height: 37px!important;

}

.lt-pricing .layers-masonry-column:nth-child(1) .table-head {

    background: #eaebec;

}

.lt-pricing .layers-masonry-column:nth-child(1) .heading {

    line-height: 120px;

    font-weight: 400;

}

.lt-pricing .layers-masonry-column:nth-child(1) li ul li:last-child {

    margin-bottom: 87px!important;

}

.lt-pricing .layers-masonry-column:nth-child(1) .media-body {

    background: #f6f6f6;

}

.lt-pricing .layers-masonry-column .media-body {

    background: #ecf0f1;

}

.lt-pricing .layers-masonry-column .media {

    padding-bottom: 0!important;

}

.lt-pricing .layers-masonry-column ul {

    padding: 0!important;

}

.lt-pricing .layers-masonry-column .excerpt>ul>li {

    padding: 0!important;

}

.lt-pricing .layers-masonry-column li ul li {

    border-bottom: 1px solid #fff!important;

    border-top: 1px solid #fff!important;

}

.lt-pricing .layers-masonry-column:nth-child(3) .price-tag {

    background: #5AADDD!important;

}

.lt-pricing .layers-masonry-column .price-tag small {

    color: #fff!important;

    font-size: 26px!important;

    font-weight: 400!important;

}

.lt-pricing .layers-masonry-column .table-head {

    padding: 0!important;

}

.lt-pricing .layers-masonry-column .table-head h5 {

    font-size: 23px!important;

    font-weight: 700;

    text-transform: none!important;

    padding: 10px 20px;

    margin: 0 auto;

}

.lt-pricing .layers-masonry-column:nth-child(n+2) .table-head h5 {

    color: #fff!important;

    border-bottom: 1px solid #495c6e;

}

.lt-pricing .layers-masonry-column li {

    list-style: none;

    background: #fff!important;

    border: none!important;

    padding: 10px 0;

}

.lt-pricing .layers-masonry-column li:nth-child(2n+1) {

    background: #f6f6f6!important;

}

.lt-pricing .layers-masonry-column li:nth-child(2n) {

    background: #eaebec!important;

}

.lt-pricing .layers-masonry-column li i {

    color: #000;

}

.lt-pricing .pricing-table .button {

    background: #fff!important;

    border: 1px solid #5AADDD;

    padding: 7px 20px;

    font-weight: 700;

    text-transform: uppercase;

    color: #5AADDD!important;

    margin: 25px 0!important;

}

.lt-pricing .pricing-table .button:hover {

    background: #5AADDD!important;

    color: #fff!important;

}

/*******FOOTER********/

.lt-bottom .section-nav-title {

    text-transform: capitalize;

    font-size: 24px;

    font-weight: 400;

}

.lt-bottom p {

    font-weight: 300;

    font-size: 14px;

}

.lt-tag h5 {

    text-transform: capitalize;

    font-size: 16px;

    font-weight: 500;

}

.lt-tag .tagcloud a {

    background: transparent;

    border: 1px solid #333;

    padding: 4px 10px;

    float: left;

    display: block;

    color: #333;

    font-size: 14px !important;

    margin: 2px;

}

.created-using-layers {

    display: none;

}

/*** Footer ***/

.copyright .span-6 {

    width: 100%;

}

.copyright .span-6 a {

    color: #5aaddd;

}

.lt-footer-right {

    float: right;

    position: absolute;

    right: 0;

    text-align: right;

    top: 0;

    width: 50%;

}

.lt-footer-left {

    width: 50%;

}

#footer {

    padding-bottom: 0;

}

#footer .content {

    padding: 20px 0 0 0;

}

#footer .grid + .copyright {

    background: #5aaddd;

    border: none!important;

    padding-top: 25px;

}

#footer .grid + .copyright p,

#footer .grid + .copyright p a {

    color: #fff;

    font-size: 14px;

    font-weight: 300;

}

.copyright .span-6 {

    width: 1170px;

    margin: 0 auto;

    float: inherit;

    padding-left: 20px;

    padding-right: 20px;

}

#footer>div>div:nth-child(1) {

    max-width: 1170px;

    margin: 0 auto;

    padding: 50px 10px 70px 10px;

}

/* Contact */

.lt-contact {

    padding: 50px 0;

}

.lt-contact .wpcf7-form input {

    -moz-appearance: none;

    max-width: 100% !important;

}

.lt-contact textarea {

    max-width: 100% !important;

}

.lt-contact .wpcf7-submit {

    font-size: 15px !important;

    font-weight: 300 !important;

    padding: 10px 40px !important;

    text-transform: uppercase;

}

.lt-contact .wpcf7-form p {

    font-weight: 500 !important;

}