/*
Theme Name: La Bliss Spa
Theme URI: 
Author: eSilverConnect
Author URI: 
Description: eSilverConnect Custom Theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, pink, purple, white, yellow, dark, light, two-columns, left-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: eSilverConnect

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
@import url('fonts/mistral.css');
@import url(http://fonts.googleapis.com/css?family=Cinzel:400,700,900);
@import url('css/defaults.css');

body {font:100% Arial; background:#fff;}
img {max-width:100%;}
.row {position: relative; margin:0 auto; width:100%; max-width:1100px; padding:0 5px;}

#masthead {background:url(images/masthead.jpg); color:#fff;}
#masthead .logo {float:left; padding:7px 0 14px; max-width:100%;}
#masthead p {text-align:right; margin:0; padding:0;}
#masthead .address {font-size:15px; font-style: italic; padding:48px 0 16px;}
#masthead .num {font: 25px 'Cinzel'; font-weight:700; background:url(images/tele.png) no-repeat left center; padding:0 17px 0 40px; height:36px; vertical-align: middle; border-right:1px solid #006464;}
#masthead .email {font-size:16px; background:url(images/env.png) no-repeat left center; padding-left:40px; height:36px; vertical-align: middle; margin-left:17px;}
#masthead .site-branding {position:relative;}

#site-navigation {height:50px; line-height:50px; background:#C8DF8D; text-align:center; width:100%; margin:0 auto; position:relative;}
#site-navigation ul li {display:inline-block; border:none; position: relative;}
#site-navigation ul li a {padding:9px 0; font:14px 'Cinzel'; color:#28330E; text-transform: uppercase; margin:0 18px; display:block; border-bottom:4px solid transparent; }
#site-navigation ul li a:hover, #site-navigation ul li.current-menu-item a {font-weight:normal; color:#fff; border-bottom:4px solid #fff;} 
#site-navigation ul li a:hover, #site-navigation ul li a {transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.dropdown-toggle { display:none; }
#site-navigation ul li ul {position: absolute;top:41px; left:0; background:#C8DF8D;z-index:20; width:300px; text-align:left; display:none;}
#site-navigation ul li:hover ul {display:block;}
#site-navigation ul li ul li {display:block;}

#banner {position:relative; margin-bottom:-150px;}
#banner .widget_metaslider_widget {max-width:1440px;  margin:0 auto; }
#banner .caption-wrap {width:100%; max-width:820px;  position: absolute; left:0; right:0; opacity:1;   margin:0 auto; bottom:170px; background:none;}
#banner .caption-wrap .caption h3 {font:70px 'mistral'; color:#fff; text-shadow:0px 0px 5px #000; position: absolute; left:0; right:0; top:-60px; text-align:center; }
#banner .caption-wrap .caption p {font-size:25px; color:#fff; text-align:center; min-height:66px; background:rgba(0, 127, 128, 0.8); padding:20px;}

#services {margin:0 auto; text-align:center; padding-bottom: 35px}
#services h2 {background:url(images/servline.png) no-repeat center bottom; padding:35px 0; text-align:center; font:55px 'Cinzel'; color:#007F80;}
#services aside {width:260px; height:254px; position: relative; display:inline-block; background:url(images/masthead.jpg) center; margin:30px 5px;}
#services aside img {position: absolute; top:0; left:0; right:0;}
#services aside h3 {position: absolute; bottom:25px; font:25px 'cinzel'; text-align:center; color:#fff; right:0; left:0;}
#services aside h3:before {content:url(images/bullet.png); position:absolute; left:0; right:0; top:-43px; z-index:10;}
#services #derma {width:100%; background:none; height:auto; margin:0 auto;}
#services #derma img {height:auto !important; position: relative;}

#frontpage #content {background:url(images/home-content.jpg) no-repeat center top, url(images/masthead.jpg) repeat; min-height:489px;}
#frontpage #primary {float:right; text-align:right;  width:100%; max-width:700px; padding:20px 0;}

#content {color:#fff; }
#content h1 {font:55px 'Cinzel'; border-bottom:1px solid #006262; padding:0 0 5px;}
#content h2 {font:30px 'Cinzel'; padding:0 0 5px; color:#007f80;}
#content p {font-size:15px; line-height:25px; padding:5px 0 15px;}
#content ul {list-style:disc inside;}
#content ul li {font-size:15px; line-height:25px;}
#frontpage #content h1:before {content:"Who We Are"; font:20px Arial; color:#C8DF8D; display:block;}
#frontpage #content h1 {width:100%; padding-bottom:8px;}

#inner #content {padding:35px 0;}
#inner #content h1 {color:#007f80;}
#inner #content p, #inner #content li {color:#000;}

#content .section {border-bottom:1px dashed #006262; padding:0 0 20px;}
#content .section ul {margin:0; padding:0; list-style: none;}
#content .section ul li {display:inline-block; margin:5px; padding:5px; border:1px solid #006262; border-radius:7px; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
#content .section ul li:hover {background:#006262; color:#fff !important; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
#content .greenbg {background:rgba(0, 127, 128, 0.5); padding:20px; margin-top:15px;}
#content table {margin-top:10px; border-collapse: collapse; width:75%; margin:0 auto;}
#content table tr {border-bottom:1px solid #006262; padding:5px 0;}
#content table td {font-size:16px; color:#007f80; height:40px; line-height:40px;}
#content table td:first-child {width:60%;}
#content table td:last-child {width:30%; text-align:right;}
#content .small-container {width:100%; max-width:500px; margin:0 auto;}
#content input, #content textarea, #content select {width:100%; background:#E0ECFF; border:1px solid #A5C9FF; border-radius:7px; font:17px 'Cinzel'; color:000;}
#content input[type="submit"] {background:#C8DF8D; border:1px solid #94B834; width:100%; margin:0; padding:0;}
.google-maps { position: relative; padding-bottom: 75%; height: 0; overflow: hidden; margin:0 auto; max-width:500px;}
.google-maps iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;}


.readmore {display:block; width:189px; height:48px; background:#C8DF8D; border-radius: 7px; float:right; text-align:center;  font:20px 'Cinzel'; color:#000; line-height:48px; letter-spacing: 2px;}

#secondary {float:left; width:380px; text-align:center; background:rgba(0, 0, 0, 0.6); padding:10px 10px; margin:15px 0;}
#secondary h2 {font:30px 'Cinzel'; color:#C7DF8C; font-weight:700; background:url(images/sidebar-border.png) no-repeat center bottom; padding:10px;}
#secondary p {font:15px Arial; color:#fff; font-style: italic; line-height:25px;}
#secondary p span {font:35px 'mistral'; color:#C7DF8C; display:block; }
#secondary img {margin:10px 0;}

#booking {padding:35px 0; margin:0 auto; text-align:center;}
#booking h2 { text-align:center; font:55px 'Cinzel'; color:#007F80;}
#booking h4 {font:14px Arial; font-style: italic; color:#171717; max-width:716px; text-align:center; margin:0 auto;}
#booking p {display:inline-block; vertical-align: middle; margin:5px;}
#booking input, #booking textarea {max-width:350px; height:46px; background:#E0ECFF; border:1px solid #A5C9FF; border-radius:7px; font:17px 'Cinzel'; color:000;}
#booking input[type="submit"] {background:#C8DF8D; border:1px solid #94B834; width:100%; margin:0; width:332px; padding:0;}
#booking form {background:url(images/servline.png) no-repeat center top; padding-top:20px; margin-top:20px;}

#colophon {background:url(images/footer-bg.jpg) no-repeat center top, url(images/masthead.jpg); text-align:center; margin:0 auto;}
#colophon .logo {padding:40px 0; }
#colophon .contact-info {background:url(images/contact-info.png) no-repeat center top; padding:36px 0 12px; text-align:left;}
#colophon .contact-info p {font:12px 'Cinzel'; color:#fff; display:inline-block; vertical-align: top; margin:0 30px 25px;}
#colophon .contact-info p span {font-weight:bold; color:#C8DF8D;}
#colophon .footer-navigation {background:rgba(0, 0, 0, 0.6); text-align:center;}
#colophon .footer-navigation ul {padding:16px 0;}
#colophon .footer-navigation ul li {display:inline-block; height:42px; padding:0 18px; border-right:1px solid #00292B; border-left:1px solid #006264; margin:0 -2px; vertical-align:middle;}
#colophon .footer-navigation ul li a {display:block; font:16px 'Cinzel'; color:#fff; line-height:42px; }
#colophon .social-navigation {text-align:center; margin:15px auto;}
#colophon .social-navigation ul li { display:inline-block; float:none;}
#colophon .social-navigation ul li a {display:block; width:37px; height:35px; background:url(images/social.png) no-repeat;}
#colophon .social-navigation ul li a:hover {text-decoration: underline;}
#colophon .social-navigation ul li:nth-child(2) a {background-position: -45px 0}
#colophon .social-navigation ul li:nth-child(3) a {background-position: -89px 0}
#colophon .social-navigation ul li:nth-child(4) a {background-position: -133px 0}
#colophon .social-navigation ul li a:before {content:"";}
#colophon h6 {font:17px 'Cinzel'; color:#fff; font-weight:normal; padding:10px 0;}

@media screen and (max-width: 1090px) {
	#frontpage #primary {max-width: 600px;}
}

@media screen and (max-width: 1056px) {
	#site-navigation ul li a {margin:0 10px;}
}

@media screen and (max-width:990px) {
	#frontpage #primary {max-width: 500px;}
}

@media screen and (max-width:930px) {
	#site-navigation ul li a {margin:0 5px; font:15px 'Cinzel';}
}

@media screen and (max-width:890px) {
	#frontpage #primary {max-width:100% !important; float:none;}
	#secondary {float:none; margin:15px auto; width:100%;}
}

@media screen and (max-width:814px) {
	#site-navigation ul li a {margin:0 3px; font:14px 'Cinzel';}
}

.wpcf7-response-output {color:#000}


@media screen and (max-width: 767px) {
	#masthead .logo {float:none; margin:0 auto; display:block;}
	#masthead p {text-align:center; padding:15px 0 !important;}
	#site-navigation ul {display:none; background:#C8DF8D; position:absolute; top:50px; width:100%; margin:0 auto; z-index:100000000; transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
	#site-navigation ul li {display:block; height:40px; line-height:40px; border-bottom:1px solid #ccc; }
	#banner .caption-wrap .caption h3 {font-size:50px; top:-25px;}
	#banner .caption-wrap .caption p {font-size:12px; height:40px; line-height:40px; }
	#banner .caption-wrap {bottom:0;}
	#banner {margin:0;}
}

@media screen and (max-width: 568px) {
	#banner .caption-wrap .caption {font-size:10px; }
}

@media screen and (max-width: 430px) {
	#masthead .num {border:none; display:block; max-width:190px; margin:0 auto;}
	#masthead .email { max-width:245px; margin:0 auto;}
}

@media screen and (max-width: 360px) {
	#banner .caption-wrap .caption p {font-size:10px;}
}