/*

	Theme Name: Suko - Spa Salon Template

	Created : Septmember 08 2015

	Updated : Septmember 30 2015

	Version: 1.0



*/

/*

	[Table of contents]



	## Global

		- Font Settings

		- Padding/Margin



	## Header

		- Header Contact Info

			- Header Logo Box

			- Header Contact

			- Header Socials

		- Navigation Menu



	## Footer

		- Footer Main

			- Footer Top

				- Footer About Us

				- Footer Our Spa

				- Footer Our Info

				- Footer Map

					- Google Map

					

			- Footer Bottom

				- Footer Logo

				- Copyright

				- Footer Socials

*/				





@import 'https://fonts.googleapis.com/css?family=Roboto:300,400';



h3 { font-familly: 'Roboto' !important;  }



/* ## Global */



body {

	font-family: 'Roboto', serif;

	font-size: 16px;

	background-color: transparent;

	color: #737373;

	overflow-x: hidden;

}

p {

	font-family: 'Roboto' !important;



}

img {

	max-width: 100%;

	height: auto;

	display: block;

	margin: 0 auto;

	font-family: aguafina-script;

	font-style: normal;

	font-weight: 400;

}

a {

    outline: 0 !important;

}



/* - Font Settings */

.classname,

.classname {

	font-family: 'Ralway', sans-serif;

}



/* -- Section Padding */

.section-padding {

	padding-top: 130px;

}



/* - Padding/Margin */

.no-padding {

	padding: 0;

}

.no-left-padding {

	padding-left: 0;

}

.no-right-padding {

	padding-right: 0;

}

.no-top-padding {

	padding-top: 0;

}

.no-bottom-padding {

	padding-bottom: 0;

}

.no-margin {

	margin: 0;

}

.no-left-margin {

	margin-left: 0;

}

.no-right-margin {

	margin-right: 0;

}

.no-top-margin {

	margin-top: 0;

}

.no-bottom-margin {

	margin-bottom: 0;

}



/* ## Header */

.header-main {

	background-color: #fff;

	min-height: 120px;

}



/* - Header Contact Info */

.header-contact-info {

	display: inline-block;

	width: 100%;

	position: relative;

	padding-top: 40px;

	padding-bottom: 8px;

}



/* - Header Log Box */

.header-logo-box {	

	position: absolute;

	left: 50px;

	right: 0;

	top: 0;

	z-index: 5;

	text-align: center;

	background-color: #fff;

	width: 220px;

	height: 205px;

	padding: 38px;

}

.header-logo-box::before {

	border: 5px solid transparent;

	content: "";

	position: absolute;

	left: -20px;

	right: 0;

	top: 85px;

	bottom: 0;

	background: url("images/shadow3.png") no-repeat;

}

.header-logo-box::after {

	border: 1px solid #d1ccc4;

	content: "";

	position: absolute;

	margin: 8px;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;	

}

.header-logo-box a img {

    margin-bottom: 12px;

}

.header-logo-box:hover img {

	opacity: 0.7;

}

.header-logo-box  a {

	position:absolute;

	left: 0;

	right: 0;	

	color: #67686a;

	font-size: 15px;

	letter-spacing: 3px;

	text-decoration: none;

	z-index: 2;

}

.header-logo-box  a:hover {

	opacity: 0.7;

	font-size: 6px;

}

.header-logo-box a span {

	color: #48A614;

	font-size: 6px;

}



/* - Header Contact */

.header-contact {

	position: relative;

	margin-left: 325px;

	width: 100%;

}

.header-contact li {

	display: inline-block;

	list-style: none;

	margin-right: 50px;	

	letter-spacing: 1px;

	text-align: left;

	font-size: 14px;

	position: relative;

}

.header-contact li a {

	color: #737373;

	text-decoration: none;

	-webkit-transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

	-o-transition: all 0.5s ease 0s;

	transition: all 0.5s ease 0s;

}

.header-contact li:hover i,

.header-contact li:hover a {

	color: #000;

}

.header-contact i {

	color: #d1ccc4;

	font-size: 18px;

	line-height: 22px;

	margin-right: 7px;

	-webkit-transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

	-o-transition: all 0.5s ease 0s;

	transition: all 0.5s ease 0s;

}



/* - Header Socials */

.header-socials {

	text-align: right;

	float: right;

	right: 10px;

	clear: right;

}

.header-socials li {

	display: inline;

	list-style: none;

	text-align: center;

	margin-right: 12px;

}

.header-socials li i {

	color: #fff;

	font-size: 13px;

	background-color: #d1ccc4;

	height: 25px;

	width: 25px;

	border-radius: 100%;

	padding: 6px;

	-webkit-transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

	-o-transition: all 0.5s ease 0s;

	transition: all 0.5s ease 0s;

}

.header-socials li:hover i {

	background-color: #000;

}

.header2 .ow-navigation a.footer-logo span {

	color: #fff;

}

.header2 .ow-navigation a.footer-logo:hover {

	color: #000;

}

.header2 .ow-navigation .footer-logo > img {

	margin-top: 0;

}

.header2 .header-socials {

	right: 30px;	

}



/* - Contact Us */

a.contact-us {

	background-color: #E192AD;

	padding: 7px 30px;

	border-radius: 0 18px;

	position: absolute;

	right: 20px;

	top: 67px;

	z-index: 5;

	color: #fff;

	text-decoration: none;

	-webkit-transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

	-o-transition: all 0.5s ease 0s;

	transition: all 0.5s ease 0s;

}

.contact-us:hover {

	background-color:#67686A;

}

.contact-us  i {

	margin-right: 15px;

	font-size: 15px;

	color: #fff;	

}



/* - Footer Top */

.footer-top {

	color: #fff;

	background-color: #d1ccc4;

	padding: 35px 0;

}



/* - Block Title */

.block-title{

	display: inline-block;

	width: 100%;

	text-align: left;

	font-family: 'Roboto';

	font-size:18px;

	background: url(images/icon.png) no-repeat 15px center, #BBAE98;

	color: #FFF;

	box-sizing:border-box;

	padding:5px 0px 5px 45px;

	border-bottom-left-radius: 20px;

	border-top-right-radius: 20px;

}

.block-title > img {

    float: left;

    margin-right: 12px;

	clear: both;

}



/* - Block Content */

.block-content {

    margin-left: 37px;

    margin-top: 15px;

	font-size: 15px;

}






/* Tableaux des tarifs */
#tableau-tarifs {
	position: relative;
	width: 100%;
	height: auto;
	margin: 15px 0px;
}











h8 { font-family:'Roboto'; font-size:18px; color:#E192AD; font-weight:bold; }

ul { list-style:none; }





/* - Footer About Us */

.footer-about-us p {

	font-size: 15px;

	text-align: left;

}

.footer-map .block-content,

.footer-our-info .block-content,

.footer-our-spa .block-content,

.footer-about-us .block-content {

	margin-left: 0px;

	text-align: left;

	margin-right: 43px;

}

.footer-map .block-title > img,

.footer-our-info .block-title > img,

.footer-our-spa .block-title > img,

.footer-about-us .block-title > img {

	margin-right: 20px;

}



/* - Footer Our Spa */

.footer-our-spa ul li{

	position: relative;

	list-style: none;

	margin-bottom: 15px;

	text-align: left;

}

.footer-our-spa ul li a {

	color: #fff;

	text-decoration: none;

	font-size: 14px;

	-webkit-transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

	-o-transition: all 0.5s ease 0s;

	transition: all 0.5s ease 0s;

}

.footer-our-spa ul li:hover a {

	color: #000;

}

.footer-our-spa ul li::before {

	position: absolute;

	content: "-";

	left: -10px;

}



/* - Footer Our Info */

.footer-our-info ul li{

	list-style: none;

	margin-bottom: 12px;

}

.footer-our-info ul li a {

	color: #fff;

	text-decoration: none;

	font-size: 14px;

	margin-left: 12px;

	-webkit-transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

	-o-transition: all 0.5s ease 0s;

	transition: all 0.5s ease 0s;

}

.footer-our-info ul li:hover a {

	color: #000;

	text-align: left;

}

.footer-our-info ul li i {

	-webkit-transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

	-o-transition: all 0.5s ease 0s;

	transition: all 0.5s ease 0s;

}

.footer-our-info ul li:hover i {

	color: #000;

}

.footer-our-info i {

    width: 15px;

}



/* - Footer Bottom */

.footer-bottom {

	margin-top: 15px;

	margin-bottom: 5px;

	background-color: #fff;

}



/* - Footer Logo */

.footer-logo > img {

    float: left;

	clear: both;

    height: 28px;

    margin-right: 12px;

}

.footer-logo:hover > img {

	opacity: 0.5;

}

a.footer-logo  {

	color: #67686A;

	font-size: 25px;

	text-decoration: none;

}

.header2 .navbar-header a.footer-logo {

	margin: 0 28px;

	display: inline-block;

	padding-top: 17px;

	position: relative;

	z-index: 5;

}

a.footer-logo:hover {

	color: #000;

}

a.footer-logo span {

	color: #48A614;

}



/* - Copyright */

.copyright {

	display: inline-block;

	margin: 0;

	text-align: center;

	color: #67686a;

	font-size: 14px;

}

.copyright p {

	margin-bottom: 0;

	line-height: 40px;

}

/* - Footer Socials */

.footer-socials li{

	list-style: none;

	display: inline-block;

	margin-right: 10px;

}

.footer-socials ul {

	float: right;

	clear: both;

}

.footer-socials li a i {

	color: #fff;

	background-color: #da4c7e;

	border-radius: 100%;

	padding: 9px;

	font-size: 20px;

	width: 38px;

	height: 38px;

	text-align: center;

	-webkit-transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

	-o-transition: all 0.5s ease 0s;

	transition: all 0.5s ease 0s;

}

.footer-socials li:hover i {

	background-color: #67686A;

}



/* -- Header2 */

.header2-logo {

	margin-top: -5px;

	margin-left: 25px;

}

.header2 .header-contact {

	margin-left: 30px;

}

.header2 a.contact-us  {

	top: 17px;

}



/* ## media */

@media only screen and (min-width: 992px) and (max-width: 1200px) {

	

	/* ## Header Logo Box */

	.header-logo-box {

		height: 170px;

		width: 170px;

		left: 40px;

	}

	.header-logo-box::before {

		left: -20px;

		top: 50px;

	}

	

	/* ## Header Contact */

	.header-contact {

		margin-left: 220px;

	}

	.header-contact li {

		margin-right: 20px;

	}

	.contact-us i {

		margin-right: 10px;

	}

	a.contact-us {

		top: 67px;

		right: 15px;

		font-size: 14px;

		padding: 7px 15px;

	}

	.header2 a.contact-us {

		right: 25px;

	}
	
	#tableau-tarifs { font-size: 11px; }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

	

	/* -- Photos Slider */

	.photos-slider {

		margin-top: 0;

		display: inline-block;

		width: 100%;

	}

	/* - Contact Us */

	a.contact-us {

		display: none;

	}

	/* - Header Logo Box */

	.header-logo-box {

		left: 20px;

		background-color: transparent;

		padding: 0;

		height: 0;

		text-align: left;

	}

	

	/* - Header Contact */

	.header-contact {

		margin-left: 210px;

	}

	.header-contact li {

		margin-right: 20px;

	}

	.header2 .header-contact {

		margin-left: 0;

	}

	

	/* Header Social */

	.header-socials {

		float: left;

		clear: both;

		margin-left: 200px;

		text-align: left;

	}

	.header2 .navbar-header a.contact-us {

		z-index: 5;

	}

	a.contact-us {

		top: 0;

		right: 300px;

		padding: 5px 30px;

	}

	.header2 .header-socials {

		padding: 0;

		right: 5px;

		margin-left: 0;

	}	

	.header2 .navbar-header a.footer-logo {

		margin: 0 5px;

	}

	

	/* - Footer Bottom */

	.footer-bottom a.copyright {

		margin-left: 0;

		margin-top: 5px;

	}

	.footer-socials li {

		margin-right: 3px;

	}

	.footer-socials li a i {

		height: 30px;

		width: 30px;

		font-size: 15px;

	}

	/* -- Fixed Top */

	.header-main {

		min-height: 0;

	}

	.header-main .header-contact, 

	.header-main .header-socials,

	.header-main .header-logo-box::before,

	.header-main .header-logo-box::after,

	.header-main .header-logo-box a img	{

		display: none;

	}

	.header-main .header-contact-info {

		padding: 0;

		display: block;

	}

	.header-main .header-logo-box a {

		top: 10px;

		color: #fff;

	}

	.header-main .header-logo-box a span {

		color: #fff;

	}

	.header-main .ow-navigation {

		border-radius: 0;

		width: 100%;

		left: 0;

		right: 0;

	}
	
	#tableau-tarifs { font-size: 11px; }

}



@media only screen and (min-width: 479px) and (max-width: 767px) {

	.col-md-3.col-sm-4.col-xs-12.footer-our-spa {

		width: 50%;

	}

	.col-md-3.col-sm-4.col-xs-12.footer-our-info {

		width: 50%;

	}

	#tableau-tarifs { font-size: 11px; }
	
}



@media (max-width: 767px) {

	

	/* -- Photos Slider */

	.photos-slider.header1-slider {

		margin-top: 0;

		display: inline-block;

		width: 100%;

	}

	

	/* - Header Main */

	.header-main {

		min-height: auto;

	}

	

	/* - Header Logo Box */

	.header-logo-box {

		position: relative;

		left: 15px;

		height: 69.5px;

		width: 200px;

		padding: 13px 0 0;

		text-align: left;

		top: 7px;

	}

	.header-logo-box a {

		position: relative;

		left: 10px;

	}	

	.header-logo-box a img {

		float: left;

		margin: 0 5px 0 20px;

		height: 35px;

		clear: both;

	}

	.header-logo-box a {

		font-size: 28px;

	}

	

	/* - Header Contact Info */

	.header-contact-info {

		padding-top: 0;

		padding-bottom: 0;

		display: inline-block;

		margin-top: -7px;

	}

	

	/* - Header Socials */

	.header-socials,

	.header-contact {

		display: none;

	}

	

	/* - Footer Top */

	.footer-top > .container {

		padding: 0;

	}

	.footer-top [class*="col-md-"] {

		margin-bottom: 30px;

	}

	

	/* - Copyright */

	a.copyright {

		margin-left: 0;

		letter-spacing: 0.5px;

		margin-bottom: 10px;

		font-size: 13px;

		text-align: center;

	}

	

	/* - Footer Socials */

	.footer-socials li {

		margin-right: 20px;

	}

	.footer-socials ul {

		text-align: center;

		float: none;

	}

	.header-contact-info {

		position: relative;

	}

	.header2-logo {

		position: absolute;

		left: 0;

		right: 0;

		top: 2px;

	}

	.footer-bottom {

		text-align: center;

		margin-top: 10px;

	}

	a.footer-logo {

		text-align: center;

	}

	.footer-logo > img {

		display: inline;

		padding-right: 10px;

		float: none;

	}

	.header2 .navbar-header a.footer-logo {

		margin: 0 15px;

	}
	
	#tableau-tarifs { font-size: 11px; }

	

}