/*
	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
*/				

/* ## Global */

body {
    font-family: 'Petrona', serif;
	font-size: 16px;
	background-color: transparent;
	color: #595959;
	overflow-x: hidden;
}
img {
    max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}
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 #306312;
	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: 35px;
	letter-spacing: 3px;
	text-decoration: none;
	z-index: 2;
}
.header-logo-box  a:hover {
	opacity: 0.7;
}
.header-logo-box a span {
	color: #306312;
}

/* - Header Contact */
.header-contact {
	position: relative;
	margin-left: 325px;
	width: 100%;
}
.header-contact li {
	display: inline-block;
	list-style: none;
	margin-right: 20px;	
	letter-spacing: 1px;
	text-align: left;
	font-size: 14px;
	position: relative;
}
.header-contact li a {
	color: #595959;
	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: #306312;
	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: #306312;
	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: #da4c7e;
	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: #306312;
	padding: 35px 0;
}

/* - Block Title */
.block-title{
	display: inline-block;
	width: 100%;
}
.block-title > img {
    float: left;
    margin-right: 12px;
	clear: both;
}

/* - Block Content */
.block-content {
    margin-left: 37px;
    margin-top: 15px;
	font-size: 15px;
}

/* - Footer About Us */
.footer-about-us p {
	font-size: 15px;
}
.footer-map .block-content,
.footer-our-info .block-content,
.footer-our-spa .block-content,
.footer-about-us .block-content {
	margin-left: 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;
}
.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: #306312;
}

/* - 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: 50px;
	}
	.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;
	}
}

@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;
	}
}

@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%;
	}
}

@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;
	}
	
}


.floating{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
       font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.float-button{
	margin-top:16px;
}