/* ----------------------------------

Name:violet.css
Version:1.0.0

---------------------------------- */

/* Logo */
.logo-dark { width: 220px !important; }
.logo-white { width: 220px !important; }

/* Header */
.navbar-inverse .navbar-nav > li.current > a, 
.navbar-inverse .navbar-nav > li > a:hover { border-bottom: 2px solid #735087 }
.highlight { background-color: transparent; font-size: 60px; line-height: 50px; font-weight: 100; padding: 0; }


.color-overlay { background: rgba(0, 0, 0, 0.5) !important; position: relative; height: 100%; width: 100% }
.color-overlay-special { background: rgba(0, 0, 0, 0.5) !important; position: relative; }

header .intro-section .intro { margin-bottom: 20px; line-height: 72px; }
.treatments { border-top: 1px solid rgba(235, 235, 235, 0.3); border-bottom: 1px solid rgba(235, 235, 235, 0.3); color: #FFF; padding: 20px 0; display: inline-block; margin: 0; font-size: 16px; }

#home-page { background: url("../../images/massage1.jpg") no-repeat center top; -webkit-background-size: cover; background-size: cover; height: 100%; -webkit-transition: ease-in-out; -moz-transition: ease-in-out; -o-transition: ease-in-out; transition: ease-in-out; }


.color-overlay-1 { background: rgba(0, 0, 0, 0.1) !important; position: relative; height: 100%; width: 100% }
.color-overlay-2 { background: rgba(0, 0, 0, 0.2) !important; position: relative; height: 100%; width: 100% }
.color-overlay-3 { background: rgba(0, 0, 0, 0.3) !important; position: relative; height: 100%; width: 100% }
.color-overlay-4 { background: rgba(0, 0, 0, 0.4) !important; position: relative; height: 100%; width: 100% }
.color-overlay-5 { background: rgba(0, 0, 0, 0.5) !important; position: relative; height: 100%; width: 100% }
.color-overlay-6 { background: rgba(0, 0, 0, 0.6) !important; position: relative; height: 100%; width: 100% }
.color-overlay-7 { background: rgba(0, 0, 0, 0.7) !important; position: relative; height: 100%; width: 100% }
.color-overlay-8 { background: rgba(0, 0, 0, 0.8) !important; position: relative; height: 100%; width: 100% }
.color-overlay-9 { background: rgba(0, 0, 0, 0.9) !important; position: relative; height: 100%; width: 100% }
.color-overlay-footer { background: rgba(47, 18, 63, 0.8) !important; position: relative; height: 100%; width: 100% }

/* About */
#about { background: url("../../images/spa2.jpg") no-repeat center top; -webkit-background-size: cover; background-size: cover; height: 100%; }
#about .col-32 {padding: 10px; margin-bottom: 30px; margin-right: 1%;}
#main-treat { background: url("../../images/spa1.jpg") no-repeat center top; -webkit-background-size: cover; background-size: cover; height: 100%; }

.green-line { margin: 15px auto 13px; z-index: 1; width: 80px; height: 6px; background: #66b572; }
.violet-line { margin: 15px auto 25px; z-index: 1; width: 80px; height: 6px; background: #735087; }
.white-line { margin: 15px auto 25px; z-index: 1; width: 80px; height: 6px; background: #ffffff; }
h2.title { display: inline-block; font-size: 20px; margin-top: 110px; border: 1px solid rgba(235, 235, 235, 0.3); padding: 3px 25px; line-height: 45px; font-family: 'Open Sans', sans-serif; font-weight: 600; letter-spacing: 1px; margin-bottom: 50px; }
h2.title.page { display: inline-block; font-size: 60px; margin-top: 110px; padding: 3px 25px; line-height: 45px; font-family: 'Open Sans', sans-serif; font-weight: 600; letter-spacing: 1px; margin-bottom: 20px; border: none !important;}

.title-text { text-align: center; height: auto; }
.description { font-size: 16px; line-height: 26px; font-weight: 400; }
.offers-tour-price { background: rgba(0, 0, 0, 0.7); font-family: "Oswald", sans-serif; font-size: 20px; text-transform: uppercase; font-weight: 100; left: 0; margin: 0 auto; padding: 10px 0; position: absolute; right: 0; bottom: 0; width: 100%; color: #FFF; }
.team-details:hover .team-profile img { opacity: 0.5; }
.team-profile { background-color: #000; }
.team-details .namerol { padding: 20px; }
.small-button { border: 1px solid #000; font-family: 'Open Sans', sans-serif; }

/* Spa Packages */
.spa-list .portfolio-figure figcaption { height: 100%; width: 100%; left: 0; top: 0; padding: 35px; background-color: rgba(0, 0, 0, 0.6); }
.spa-list .portfolio-figure:hover img { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 0.4; }
.spa-list .portfolio-figure figcaption { box-shadow: none; }
.spa-list .portfolio-figure figcaption .spa-details { height: 100%; padding: 50% 5% 0; text-align: left; }
.spa-details .title { font-weight: 100; font-size: 25px; }
.spa-details p { color: #fff; line-height: 22px; margin: 0; font-size: 12px; font-weight: 300; letter-spacing: 1px; text-transform: uppercase; width: 70%; margin-top: 5px; }
.portfolio-figure figcaption a { display: inline-block; position: inherit; right: inherit; color: #000; background-color: #FFF; border: 1px solid #FFF; margin-top: 25px; }
.portfolio-figure figcaption a:hover { color: #fff; background-color: #000; border: 1px solid #898989; }
.portfolio-figure .title { font-family: 'Open Sans', sans-serif; font-size: 14px; text-transform: uppercase; letter-spacing: 3px; font-weight: 600; border-bottom: 1px solid rgba(235, 235, 235, 0.3); display: inline-block; padding: 6px 0; }

/* Work Count */
.work-count-box { text-align: center; }
span.title { display: block; text-align: center; color: #000; font-family: 'Open Sans', sans-serif; font-size: 14px; letter-spacing: 1px; font-weight: 600; margin: 40px 0 15px 0; }
.work-count-box .gray-text { margin: 0 auto; font-size: 13px; line-height: 21px; width: 80%; }
.work-count-box .black-line-top, 
.work-count-box .black-line-bottom { margin-left: auto; margin-right: auto; display: block; }
.work-count-box i { color: #fff; border-radius: 50%; width: 70px; height: 70px; padding: 20px; background-color: #818181; margin-bottom: 20px; font-size: 30px; }

/* Offers */
#offers { padding-top: 0; }
#offers { background: url("../../images/offers1.jpg") no-repeat center top; -webkit-background-size: cover; background-size: cover; height: 100%; }
#offers_under { background: url("../../images/lavender1.jpg") no-repeat center top; -webkit-background-size: cover; background-size: cover; height: 100%; }
.small-button-red { font-family: 'Open Sans', sans-serif; margin: 20px 0; }
.start-price { position: absolute; bottom: 45px; font-family: 'Open Sans', sans-serif; color: #000; font-weight: 600; text-transform: uppercase; font-size: 14px; background-color: #fdcf31; width: 100%; padding: 6px; text-align: center; }

/* About Spa */
#about-spa { background: url("../../images/spa2.jpg") no-repeat center bottom; -webkit-background-size: cover; background-size: cover; height: 100%; }
.about-spa { background: url("../../images/massage4.jpg") no-repeat center center; -webkit-background-size: cover; background-size: cover; height: 100%; }
.about-spa-details { padding: 35px; }
.about-spa-details img { margin: 20px 0; }
.about-spa-details h6 { font-size: 28px; line-height: 35px; }
#blog { padding: 0 0 90px; }

/* Treatments */
#team { background: url("../../images/spa6.jpg") no-repeat center bottom; -webkit-background-size: cover; background-size: cover; height: 100%; }
#team_under { background: url("../../images/spa5.jpg") no-repeat center top; -webkit-background-size: cover; background-size: cover; height: 100%; }
.team .orange-line { background: #ababab; }
.team-details:hover .our-team { background: rgba(0, 0, 0, 0.7) }
.label { border: 2px solid #ffffff; color: #ffffff; }
.date { border-bottom: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb; padding: 10px 0; text-transform: uppercase; font-size: 12px; margin-bottom: 15px; }

/* Contact */
#contact { background: url("../../images/massage2.jpg") no-repeat center top; -webkit-background-size: cover; background-size: cover; }
.contact-info { border-top: 1px solid rgba(235, 235, 235, 0.3); padding-top: 70px; }
.form-control { background-color: rgba(235,235, 235, 1); border-bottom: none}
select {-webkit-appearance: menulist; }

/* Footer */
#footer { background: url("../../images/massage5.jpg") no-repeat center bottom; -webkit-background-size: cover; background-size: cover; }

/* Color and Othe Element */
i { color: #ffffff; }
.count-box p { color: #735087; }
.orange-bg { background-color: #735087 }
.social i:hover { color: #735087 }
.map-button:before { color: #735087 }
header .intro-section { padding-top: 260px; z-index: 3; position: relative; }
#home-page .intro-section { padding-top: 420px; z-index: 3; position: relative; }
.popup-slide .title { color: #735087 }
.popup-navigation span:hover { color: #735087 }
#success { border-color: #735087; color: #735087; }
.loader .loader-progress { background-color: #735087; }

.opacity { opacity: 0.4;}