/* 
    Document   : Seventeen
    Created on : 08/11/2015, 16:15:10 PM
    Author     : System 22
    Description:Multi option creative theme
    Version    : V1.0
*/
html, body{
    height:100%;
}
body{
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-family: Tahoma, Geneva, sans-serif;
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	background-color: #fff;
}

p{
	color: #000000;
	background-image: none;
	font-size: large;
}
ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
/* Navbar*/
.navbar{
    height: 90px;
    background-color: #fff;
    margin-bottom: 0px;
}
.navbar{
    position: fixed;
    margin-bottom: 0px;
    border: 1px solid transparent;
}
.navbar-fixed-top {
    z-index: 1000;
    border-width: 0 0 0px;
}
/* Navbar List Item*/
.navbar-default .navbar-nav>li>a{    
    font-family: 'Cantarell', sans-serif;
    font-weight: 700;
    color: #888;
    font-size: 14px;    
}
.nav>li>a {
    position: relative;
    display: block;
    padding: 28px 10px 18px 0px;
}
.navbar-default .navbar-nav >li> a:active {  
    color: #2980b9;
    font-weight: 700;
    background-color: transparent;
    text-decoration: bold;
}
.navbar-default .navbar-nav >li> a:hover {  
    color: #2980b9;
    font-weight: 700;
    background-color: transparent;
    text-transform: bold;
}
.navbar-default .navbar-nav >li> a:focus {
	color: #73C115;
	font-weight: 700;
	text-decoration: bold;
	font-size: 24px;
}
@media(max-width:768px) {
    .navbar-default .navbar-nav>li>a{ 
        background-color: #fff;
        font-family: 'Cantarell', sans-serif;
        font-weight: 700;
        color: #888;
        font-size: 14px;    
    }
    .navbar-default .navbar-nav >li> a:active {  
    color: #2980b9;    
    background-color: #fff;   
    }
    .navbar-default .navbar-nav >li> a:focus {  
    color: #2980b9;    
    background-color: #fff;   
    }
    .navbar-default .navbar-nav >li> a:hover {  
    color: #2980b9;    
    background-color: #fff;   
    }
    .nav>li>a {   
    padding: 5px 10px 5px 0px;
    }
}

/* Navbar Brand */
.navbar-brand {
    float: left;
    padding: 9px 0px 8px 20px;
}
.icon-bar >li{
   background-color:#FF0000 !important;
}

/* Home Section */
.home-section{
    background-image: url(../img/showcase-1.jpg);
    height: 800px;
    background-size: cover;  
    margin-top: 90px;
}
.center-heading{
    padding-top: 300px;
    padding-bottom: 150px;
}
.center-heading h1{
    font-family: 'Fjalla One', sans-serif;
    color: #fff;
    font-weight: 800;
    font-size: 48px;
    text-transform: uppercase;    
}

.center-heading span{
    color: #2980b9;    
}
.col-md-6{
    padding-left: 0px
}
@media(max-width:560px) {    
    .center-heading h1 {
        font-weight: 600;
        font-size: 35px;
        text-transform: uppercase;
        letter-spacing: 3px;
    }
}
@media(max-width:560px) {    
    .center-heading{
        padding-top: 150px;
        padding-bottom: 150px;
    }
}
.down{
    padding-top: 30px;
}
/* buttons */
.btn {
    font-weight: 600;
    font-family: 'Cantarell', sans-serif;    
    font-size: 18px;
    text-shadow: none !important;
    -webkit-text-shadow:none !important;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
    border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: inline-block;
    letter-spacing: 1px;
}
.btn:hover,.btn:focus{
    outline: none;
    color:#fff;
}
.btn-theme{
    background-color: #24d088;    
    font-family: 'Cantarell', sans-serif;    
    font-size: 18px;
    color: #fff;
    margin-top: 20px;
    padding: 10px 18px;    
}
.btn-theme:hover{
    background-color: #2ae597;
    color:#fff;
}
.btn-theme-2{
    background-color: #22c653;    
    font-family: 'Cantarell', sans-serif;    
    font-size: 18px;
    color: #fff;
    margin-top: 20px;
    padding: 10px 18px;    
}
.btn-theme-2:hover{
    background-color: #27df5e;
    color:#fff;
}
.btn-theme-3{
    background-color: #2980b9;    
    font-family: 'Cantarell', sans-serif;    
    font-size: 18px;
    color: #fff;
    padding: 10px 10px;
    border: 2px solid #fff;
}
.btn-theme-3:hover{
    background-color: #2e92d3;
    color:#fff;
}
.btn-theme-4{
    background-color: #24d088;    
    font-family: 'Cantarell', sans-serif;    
    font-size: 18px;
    color: #fff;
    padding: 10px 10px;
    border: 2px solid #fff;
}
.btn-theme-4:hover{
    background-color: #29eb9a;
    color:#fff;
}
.btn-theme-white{
    background-color: transparent;    
    font-family: 'Cantarell', sans-serif;    
    font-size: 18px;
    color: #fff;
    padding: 10px 10px;
    border: 2px solid #fff;
    margin-bottom: 70px;
}
.btn-theme-white:hover{
    background-color: #29eb9a;
    color:#fff;    
}
/*@media(max-width:560px) {    
.btn-theme, btn-theme-2, btn-theme-3, btn-theme-4 {      
    font-size: 14px;
    padding: 10px 15px;
    }
}*/
/* about section */
.about-section{
    height: 60%;
    padding: 30px 50px 60px 50px;
}
.about-heading{
    color: #888;
    padding: 2px 0px 20px 0px;
    vertical-align: baseline;
}
.about-section h2{
	color: #79D800;
}
.about-section h3{
    font-family: 'Cantarell', sans-serif;    
    font-size: 30px;
    color: #fff;
    padding: 15px 0px 0px 0px;    
}
.about-section h3 span{    
    color: #2980b9;      
}
.about-section p{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	line-height: 20px;
	padding: 20px 15px 0px 15px
}
/* Blue-1 Section */
.blue-1{
    background-color: #2980b9;
}
.blue-1 h2{
    color:#fff:
	color: #FFFFFF;
	font-weight: bold;
	font-size: 36px;
}
.blue-1 p{
    color:#fff;
    font-size: 16px;
    line-height:20px;
}
.blue-pic{
    padding-top: 50px;
}
.blue-txt{
	padding: 100px 10px;
	color: #FFF;
	font-size: 18px;
}
/* Partners Section */
.partners-heading{
    color:#888;
    padding: 30px 15px;
}
.partners-logo{
    padding: 20px 15px 200px 15px;
    margin-bottom: 75px;
}
@media (max-width :720px){
    .partners-logo{
    padding: 20px 15px 20px 15px;    
    }    
}
/* Features Section */
.features-heading{
    padding: 30px 0px 0px 400px;
}
.features-section{
    background-color: #24d088;
}
.features-section p{
    color: #fff;
    font-size: 16px;
}
.features-section span{
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-transform: bold;
}
.features-section i{
    color: #fff;
    font-size: 50px;
    padding: 15px 50px;
}
.features-list{
    padding-bottom: 75px;
}
.girl{ 
    padding-top: 32px;
    padding-bottom: 0px;
}
@media(max-width:720px){
    .features-heading{
    padding: 30px 0px 0px 0px;
    }
    .features-section i{   
    padding: 15px 5px;
    }
}
/* Prices Section */
.pricing-heading{
    color:#888;
    padding: 30px 10px;
}
.panel {
    margin: 15px 30px 75px 30px;   
    border: 1px solid #2980b9;
    border-radius: 0px;
}
.price .list-group-item{
    color: #888;
}
.price .panel-footer {
    color: #fff;
    border-bottom:1px;
    background-color: #2980b9;   
}
.price .panel-footer-g {
    color: #fff;
    border-bottom:1px;
    background-color: #24d088;
    padding: 10px 15px;
}

/* Blue price */
.price.panel-blue>.panel-heading {
    color: #fff;
    background-color: #2980b9;
    border-color: #2980b9;
    border-bottom: 1px solid #2980b9;
}
.price.panel-blue>.panel-body {
    color: #fff;
    background-color: #2980b9;
}
.price.panel-blue .list-group-item  {
    color: #888;
    padding: 25px 5px;    
}
/* Green price */
.price.panel-green>.panel-heading {
    color: #fff;
    background-color: #24d088;
    border-color: #24d088;
    border-bottom: 1px solid #24d088;
}
.price.panel-green>.panel-body {
    color: #fff;
    background-color: #24d088;
}
.price.panel-green .list-group-item {
    color: #888;
    padding: 25px 5px;
}
/* Imagine Section */
.imagine-section{
    background-image: url(../img/beach-lb.jpg);
    height: 50%;
}
.imagine-section h1{
    font-family: 'fjalla one', 'sans serif';
    color:#fff;
    padding: 50px 0px 25px 0px;
}
.imagine-section p{
    color:#fff;
    font-size: 16px;
    padding: 25px 35px 100px 35px;
}
/* Subscribe Section */
.subscribe-section{
    background-color: #2980b9;
}
.subscribe-section h3 {
    color: #fff;
    padding: 50px 0px;
    margin: 5px 5px;
}
.subscribe-section .btn-theme{
    margin: 45px 0px;
}
/* Treatment Section */
.treatments-heading{
    color:#888;    
    padding-top: 30px;
    padding-bottom: 10px;      
}
.treats{
    margin-bottom: 50px;
}
.treatments{
    padding: 40px 20px;
}
/* Testamonials Section */
.testamonials-section{
    background-image: url(../img/s3b.jpg);
    background-size: cover;
    min-height: 400px;
}
.testimonial-section {
    width: 100%;
    height: auto;
    padding: 15px;    
    font-size:16px;
    font-style: italic;
}
.testimonials-heading{
    padding: 40px;
}
.testimonial-section-name {
    margin-top: 20px;
    margin-left: 20px;
    text-align:left;
    color:#fff;
}    
.carousel-indicators-set {
    position:static;
    margin: 80px 0px 80px 0px;    
    width:100%;
}
/* Overlays */
.full_overlay {
	position:relative;
	/* Set the width and the height according to the size of your pictures */	
}
.full_overlay p {
    font-family: 'Cantarell', sans-serif;
    font-size: 14px;
	color:#FFFFFF;	
}
.full_overlay .content {
    position: absolute;
    left: 0px;
    /* Set the width and the height according to the size of your pictures */
    width: inherit;
    height:inherit;
    /* Set a 0 opacity to hide the content */
    filter: alpha(opacity=0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /* Semi-transparent background for modern browsers, black for older browsers */
    background:#000000;
    background: rgba(41,128,185,0.8);
    /* CSS3 transitions, creates the fading effect */
    -webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
}
.content h2, .content p {
    /* Text styling */
    padding:15px 15px 24px 15px;
    color:#ffffff;
}
.content h2 {
    font-size:30px;
}
.full_overlay:hover .content {
    /* Setting a 100% opacity on mouse hover to show the content */
    filter: alpha(opacity=100);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
@media (max-width:720px){
    .full_overlay p {    
    font-size: 12px;
    }
    .content h2 {
    font-size:15px;
    }
    .content h2, .content p {    
    padding:2px 10px 3px 15px;
    color:#ffffff;
}
}
/* Team Section */
.team-heading{
    color:#888;
    padding: 50px 5px;
}
.member{
    padding: 30px 30px;
}
.name{
    padding 30px 30px;
    color:#888;
}
.name p{
    font-size: 16px;
    padding-bottom: 80px;
}
/* Facts Section */
.facts-section{
    background-color: #24d088;
}
.facts-section h2{
    color:#fff;
    padding: 50px 0px 15px 0px;
}
.facts-section p{
    color:#fff;
    padding-bottom: 25px;
}
/* Contact Section */
.contact-section{
    background-color: #2980b9;
}
.contact-title{
    padding: 40px 0px 30px 0px;
}
.contact-form{
    padding: 25px 0px 90px 0px;	
}
.contact_input_box{
	background: #fff;
	color: #888;
    border-radius: 0px;
	height: auto;
	margin-bottom: 30px;
	padding: 5px;
	resize: none;
}
.contact-list li{
    padding-top: 20px;
}
.contact_form{
	margin-bottom: 70px;
    padding-top: 20px;
}
.contact_button{
	background-color: #24d088;    
    font-family: 'Cantarell', sans-serif;    
    font-size: 18px;
    color: #fff;
    margin-top: 0px;
    padding: 10px 18px; 
}
.contact_button:hover{
    background-color: #2ae597;
    color:#fff;
}
/* Map Section */
.map {    
    height: 450px;    
}
@media(max-width:768px) {
    .map {
        height: 75%;        
    }
}
/* Footer */
.footer-section{
    background-color: #fff;
}
.logo{
    padding: 0px 10px 0px 10px;
}
.copy{
    padding-top: 53px;
    padding-bottom: 25px;
}
.social i{
    font-size: 30px;
    color: #2980b9;
    padding: 48px 0px 48px 15px;   
}
.social i:hover {
    color: #2e92d3;
}
/* Parallax */
.if-safari .parallax {
    background-attachment: scroll;
}
.parallax {
    background-attachment: fixed !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    overflow: hidden;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: relative;
}
@media (max-width: 767px) {
.parallax {
    -webkit-background-size: auto auto !important;
    -moz-background-size: auto auto !important;
    -o-background-size: auto auto !important;
    background-size: auto auto !important;
  }
}
.photo-gallery {
  color:#313437;
  background-color:#fff;
}

.photo-gallery p {
  color:#7d8285;
}

.photo-gallery h2 {
  font-weight:bold;
  margin-bottom:40px;
  padding-top:40px;
  color:inherit;
}

@media (max-width:767px) {
  .photo-gallery h2 {
    margin-bottom:25px;
    padding-top:25px;
    font-size:24px;
  }
}

.photo-gallery .intro {
  font-size:16px;
  max-width:500px;
  margin:0 auto 40px;
}

.photo-gallery .intro p {
  margin-bottom:0;
}

.photo-gallery .photos {
  padding-bottom:20px;
}

.photo-gallery .item {
  padding-bottom:30px;
}