/*
Theme Name: WorldHairSystems
Theme URI: http://www.ennovationsols.com/
Author: eNNOVATIONsols
Author URI: http://www.ennovationsols.com/
Description: ennovationsols is the definitive WordPress HTML5 boilerplate theme. We've carefully constructed the most clean and minimalist theme available anywhere for designers/developers to use as a base/foundation to build websites for clients or to build completely custom themes from scratch to release faster. Clean, semi-minified, unformatted and valid code, SEO-friendly, no programmer comments, standardized and as white label as possible and most importantly, CSS reset for cross-browser-compatability and no intrusive visual CSS styles added whatsoever. A perfect skeleton theme that blows any others like it (the subsequent underscores.me for example) completely out of the water, as they're simply too overcomplicated for what people really want in this kind of theme. Thank you for using ennovationsols themes.
Version: 2.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: black, blue, white, light, one-column, fluid-layout, responsive-layout, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: WorldHairSystems

*/

@font-face {
	font-family: 'bebas_neueregular';
	src: url('fonts/bebasneue_0-webfont.eot');
	src: url('fonts/bebasneue_0-webfont.eot?#iefix') format('embedded-opentype'),  
	/*url('fonts/bebasneue_0-webfont.woff2') format('woff2'), */ 
	url('fonts/bebasneue_0-webfont.woff') format('woff'),  
	url('fonts/bebasneue_0-webfont.ttf') format('truetype'),  
	url('fonts/bebasneue_0-webfont.svg#bebas_neueregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
body {
	font-family: Roboto, Arial, Verdana;
	color: #696969;
	font-weight: 300;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'bebas_neueregular';
}
header {
	border-top: 3px solid #cb2027;
}
.header-top {
	margin-top: 20px;
}
.navbar-brand {
	height: auto;
	padding: 0;
}
.hphone-info {
	float: right;
}
.hphone-info p {
	margin: 0;
	padding: 0;
	display: inline-block;
}
.mtag-line {
	display: inline-block;
	background: #000;
	color: #fff;
	padding: 5px 10px;
	font-family: Roboto, Arial;
	margin-right: 10px;
	font-weight: 400;
}
.mphone-no {
	font-family: 'bebas_neueregular';
	font-size: 24px;
	color: #cb2027;
	vertical-align: middle;
}
.mphone-icon {
	display: inline-block;
	width: 29px;
	height: 29px;
	background: url(images/phone-icon.png) no-repeat;
	vertical-align: middle;
}
.navbar-toggle {
	background-color: #CB2027;
	border-radius: 0;
	margin-right: 0px;
}
.navbar-toggle .icon-bar {
	background: #fff;
}
.navbar {
	margin-top: 20px;
	margin-bottom: 0px;
	min-height: 40px;
}
.navbar-nav {
	text-align: center;
	float: none;
}
.navbar-nav>li {
	float: none;
	display: inline-block;
	border-right: 1px solid #000;
	padding-right: 7px;
	margin-right: 6px;
}
.navbar-nav li:last-child {
	border-right: none;
	padding-right: 0;
	margin-right: 0;
}
.navbar-nav li a {
	border-bottom: 3px solid #fff;
	font-family: Roboto, Arial;
	color: #000;
	text-transform: uppercase;
	padding-top: 0px;
	padding-bottom: 0px;
	padding: 0px;
	margin-bottom: -3px;
	font-weight: 400;
}
.navbar-nav li a:hover, .navbar-nav li a:focus, .current-menu-item > a {
	color: #000;
	background: none;
	border-bottom: 3px solid #cb2027 !important;
}
.navbar-nav .sub-menu {
	display: none;
	list-style: none;
	position: absolute;
	top: 20px;
	margin: 0;
	padding: 0;
	/*padding-top: 5px;

        padding-bottom: 5px;*/

	left: 0;
	line-height: 23px;
	z-index: 10;
	cursor: pointer;
	/*background: rgb(203, 32, 39);*/

	background: #616060;
	width: 150px;
}
.navbar-nav > li:hover > .sub-menu {
	display: block;
}
.sub-menu li {
	padding-top: 2px;
	text-align: left;
}
.sub-menu li:hover {
	background: #616060;
}
.sub-menu li a {
	color: #fff !important;
	padding: 5px !important;
	text-decoration: none;
	border: none !important;
}
.navbar-nav .sub-menu a:hover {
	border: none !important;
	text-decoration: none;
}
#slider-area {
	min-height: 380px;
	width: 100%;
	position: relative;
	background: #ccc;
}
.consult-form {
	position: absolute;
	bottom: 0;
	max-width: 740px;
	width: 100%;
	/*min-height:240px;*/

	background: orange;
	padding: 5px 20px 10px;
	background: url(images/cf-bg.png) top left repeat;
	box-shadow: 2px -1px 10px -3px;
	margin: 0 auto;
	left: 0;
	right: 0;
	overflow: hidden;
}
.consult-form .cf-btn {
	width: 16px;
	height: 12px;
	background: url(images/cf-btn.png) 0 0 no-repeat;
	display: block;
	float: right;
	margin-top: 10px;
}
.consult-form .cf-btn:hover {
	background: url(images/cf-btn.png) 0 -19px no-repeat;
	cursor: pointer;
}
.consult-form .cf-btn-hide {
	width: 16px;
	height: 12px;
	background: url(images/cf-btn-up.png) 0 -19px no-repeat;
	display: block;
	float: right;
	margin-top: 10px;
}
.consult-form .cf-btn-hide:hover {
	background: url(images/cf-btn-up.png) 0 0px no-repeat;
	cursor: pointer;
}
.wpcf7-not-valid {
	border: #F00 2px solid !important;
}
.wpcf7-not-valid-tip {
	display: none !important;
}
.consult-form h2, h3 {
	color: #000;
	font-size: 28px;
	margin-bottom: 5px;
}
.consult-form h3 {
	font-size: 26px;
}
.consult-form li {
	list-style: none;
}
.consult-form hr {
	margin-top: 0;
	border: 0;
	height: 1px;
	background: #fff;
}
.cf-conents {
 // max-width:350px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 10px;
}
.cf-conents .wpcf7 img.ajax-loader{position: absolute;right: 60px;}
.cf-conents .hair-replacement select{width: 271px;margin-left: 24px;}
.cf-conents .form-button{float: right;margin-right: 4%;}
.cf-conents p {
	display: inline-block;
	margin: auto !important;
}
.consult-form input, .consult-form select {
	border: none;
	height: 35px;
	padding-left: 5px;
	outline: none;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 10px;
}
.consult-form select {
	line-height: 30px;
}
.consult-form .cf-title {
	width: 110px;
}
.consult-form .cf-gender {
	width: 90px;
}
.consult-form .cf-name {
	width: 260px;
}
.consult-form .cf-email {
	width: 222px;
}
.consult-form .cf-phone {
	width: 133px;
}
.consult-form .cf-clinic {
	width: 145px;
}
.cf-conents .ajax-loader {
	margin-left: -3px !important;
	float: left;
	margin-top: 8px;
}
.consult-form .cf-submit, .consult-form input[type="submit"] {
	height: 35px;
	padding: 0px 43px 2px;
	background: #cb2027;
	color: #fff;
	vertical-align: -webkit-baseline-middle;
	line-height: 35px;
}
.consult-form .cf-submit:hover {
	background: #841519;
	cursor: pointer;
}
.ws-sec {
	padding-top: 30px;
	padding-bottom: 50px;
	text-align: center;
}
.ws-sec h2 {
	font-size: 30px;
	margin-bottom: 20px;
	color: #cb2027;
}
.ws-sec p {
	font-size: 16px;
	line-height: 30px;
	max-width: 768px;
	margin: auto;
	margin-top: 20px;
}
.ws-sec2 {
	padding-top: 0px;
	padding-bottom: 0px;/* text-align:center;*/

}
.wsb-contents, .wso-contents {
	padding-top: 2.5em;
	padding-bottom: 1em;
	min-height: 29em;
}
.wsb-contents {
	float: right;
	max-width: 430px;
}
.wso-contents {
	max-width: 660px;
	margin-left: 10px;
}
.ws-sec2 h2 {
	font-size: 30px;
	margin-bottom: 20px;
	color: #fff;
}
.ws-sec2 p {
	max-width: 600px;
	margin-left: 0px;
	color: #fff;
	line-height: 1.6;
	font-size: 16px;
}
.hdresser {
	margin-top: 6px;
	margin-right: 12px;
	margin-bottom: 0px;
}
.ws-sec2 h1, .ws-sec-grey h2 {
	color: #cb2027;
}
.ws-sec-grey {
	background: #f4f4f4;
}
.ws-sec-black {
	background: #000;
}
.ws-sec-orange {
	background: #e16925;
}
.ws-sec-orange h2, .ws-sec-orange p, .ws-sec-blue h2, .ws-sec-blue p {
	color: #fff;
}
.ws-sec-blue {
	background: #3694d6;
}
.scissor-icon {
	display: block;
	width: 67px;
	height: 67px;
	background: url(images/scissor-icon.png)no-repeat;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
.bs-footer {
	background: #161616;
	color: #fff;
	padding-top: 50px;
	padding-bottom: 50px;
}
.bsf-contents {
	display: block;
	/* max-width:768px;*/

	margin-left: auto;
	margin-right: auto;
}
.bs-footer ul {
	list-style: none;
}
.bs-footer a {
	color: #fff;
}
.bs-footer hr {
	max-width: 600px;
	height: 1px;
	border: 0;
	background: #fff;
	margin-bottom: 10px;
}
.bs-footer p {
	text-align: center;
	margin: 0;
	padding: 0;
}
/* Default page */



.main-title {
	background-color: #cb2027;
	background: url(images/hdr-bg.png) top left repeat;
	display: block;
	/*min-height:140px;*/

	margin: 0px auto 50px;
}
.main-title h1 {
	color: #fff;
	font-size: 48px;
	margin-top: 50px;
	margin-bottom: 50px;
	padding: 0;
}
.whs-contents {
	font-size: 16px;
	line-height: 1.9;
	margin-bottom: 50px;
	min-height: 253px;
}
.widget-area {
	position: relative !important;
	box-shadow: none;
}
.widget-title {
	border-bottom: 1px solid #fff;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.main-content {
	margin-top: 10%;
	font-size: 16px;
}
.entry-content {
	margin: 30px auto;
}
.entry-content p {
	margin: 20px auto;
}
.txt-color {
	color: #cb2027;
}
/* Side bar */

.consult-form .cf-sidebar-title {
	width: 135px;
}
.consult-form .cf-sidebar-name {
	width: 99%;
}
.consult-form .cf-sidebar-phone {
	width: 151px;
	float: left;
}
.consult-form .cf-sidebar-gender {
	width: 151px;
	float: left;
}
.consult-form .cf-sidebar-clinic {
	width: 99%;
}
.consult-form .cf-sidebar-submit {
	width: 170px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.consult-form .cf-sidebar-submit:hover {
	background: #841519;
}
/* Employment Page */

.entry-content ul {
	list-style: none;
	margin: 20px 0;
	padding: 0;
}
.entry-content ul li {
	background: url(images/scissor-bullet.png);
	background-repeat: no-repeat;
	background-position: left 4px;
	margin-right: 10px;
	padding-left: 40px;
	line-height: 34px;
}
/* Privacy Page */ 



#privacy h2 {
	color: #cb2027;
	margin-bottom: 30px;
}
/* whs menu */

.star_package {
	background-color: #3694d6;
	background-color: #FD9128;
	padding: 30px;
	margin-bottom: 15px;
}
.star_package h2 {
	color: #fff;
}
.star_package p {
	color: #F3F3F3
}
.star-icon {
	color: #CB2027;
	color: #006451;
	margin-left: 20px;
	display: inline-block;
}
/* How it Looks */

.looks_image {
	float: left;
}
.looks_image, .looks_image_last {
	border: 1px solid #e0e0e0;
	margin-bottom: 23px;
	background: #fff;
	padding: 15px;
}
/* how-it-looks*/

#how-it-looks {
	text-align: center;
}
#how-it-looks p {
	text-align: left;
}
/*Testimonial Area */

#testimonials-area img {
	display: block;
	max-width: 100%;
	height: auto;
}
#testimonials-area h3 {
	color: #cb2027;
	margin-bottom: 40px;
	margin-top: -5px;
	font-size: 24px;
}
.testimonial-icon {
	/* margin-left: 10px;

    	margin-bottom: 10px;*/

	width: 25px;
	height: auto;
	opacity: .5;
}
/* Treatment-Options */  

#treatment-options {
	text-align: center;
}
#treatment-options p {
	text-align: left;
}
#treatment-options h2 {
	color: #cb2027;
}
#treatment-options span, .result_iamge span {
	font-weight: bold;
}
.result_iamge {
	text-align: center;
	display: inline-block;
	margin-left: 3%;
}
/* Contact Us*/



.Table {
	display: table;
}
.Row {
	display: table-row;
}
.Cell, .Cell_last, .Cell_right, .Cell_bottom {
	display: table-cell;
	padding: 10px 10px 10px 10px;
	border-right: 1px dotted #404040;
	border-bottom: 1px dotted;
}
.Cell_last {
	border: none !important;
}
.Cell_right {
	border-right: none !important;
	padding-left: 40px;
}
.Cell_bottom {
	border-bottom: none !important;
}
.Cell h2, .Cell_last h2, .Cell_right h2, .Cell_bottom h2 {
	color: #cb2027;
	margin: 0;
	margin-bottom: 25px;
}
.loc {
	background: url(images/loc-icon.png);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-left: 30px;
	display: inline-block;
	margin-bottom: 10px;
}
.phone {
	background: url(images/call-icon.png);
	background-repeat: no-repeat;
	background-position: left -2px;
	padding-left: 30px;
}
.mail {
	background: url(images/mail-icon.png);
	background-repeat: no-repeat;
	background-position: left -2px;
	padding-left: 30px;
}
.block-text {
	background: rgb(53, 53, 53);
	padding: 10px;
	color: #fff;
	text-align: center;
	font-size: 18px;
}
.entry-content h1 {
	font-size: 44px;
	margin-top: 40px;
}
.entry-content h2 {
	font-size: 32px;
	color: #006451;
}
.result_iamge span {
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

/* media queries */

@media (max-width:1199px) {
.Cell, .Cell_last, .Cell_right, .Cell_bottom {
	display: block;
	padding: 10px 0;
	border-right: none;
	margin: 10px auto;
}
}
 @media (min-width:992px) and (max-width:1199px) {
#slider-area {
	/*min-height:395px;*/

	min-height: 312px;
}
.ws-sec2 h1 {
	font-size: 42px;
	margin-top: 0px;
	margin-bottom: 0px;
}
}
 @media (min-width:992px) and (max-width:1070px) {
.wsb-contents, .wso-contents {
	min-height: 33em;
}
}
 @media (max-width:991px) {
.navbar-brand {
	float: none;
	display: block;
	margin-bottom: 10px;
}
.hphone-info {
	float: none;
	text-align: center;
	margin-bottom: 10px;
}
.wsb-contents {
	float: none;
}
.wsb-contents, .wso-contents {
	max-width: 768px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	min-height: 100%;
	padding-top: 30px;
	padding-bottom: 50px;
}
.ws-sec2 h1 {
	text-align: center;
	font-size: 42px;
}
.ws-sec2 p {
	text-align: center;
	max-width: 100%;
	margin-top: 20px;
	/*margin-bottom:40px;*/

	line-height: 30px;
}
.wsb-contents p {
	text-align: left;
}
}
 @media (min-width:768px) and (max-width:991px) {
.navbar-nav>li {
	margin-bottom: 10px;
}
#slider-area {
	min-height: 300px;
	min-height: 242px;
}
}
 @media(max-width:767px) {
.navbar-wrapper {
	position: absolute;
	top: 0;
	right: 0;
	margin-top: -8px;
}
.navbar-collapse {
	background: #CB2027;
}
.navbar-nav {
	width: 200px;/* margin:0;

        padding:7.5px 15px;*/

}
.navbar-toggle {
	margin-bottom: -2px;
}
.navbar {
	margin-top: 0;
}
.navbar-nav>li {
	display: block;
	border: 0;
	margin-bottom: 5px;
	border-right: none;
	padding-right: 0px;
	margin-right: 0px;
}
.navbar-nav li a:hover, .navbar-nav li a:focus, .current-menu-item > a {
	border-bottom: none !important;
}
.navbar-nav li a, .navbar-nav li a:hover {
	border-bottom: none;
	color: #fff;
}
.navbar-nav li a:hover {
	background: #616060;
}
.navbar-nav .sub-menu {
	position: relative;
	top: 6px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 11px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: 12px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: rgb(203, 32, 39);
}
.sub-menu li {
	text-align: center;
	padding-left: 0;
	padding-right: 0;
}
sub-menu li a {
	padding: 0 !important
}
#slider-area {
	min-height: 210px;
}
.consult-form {
	position: relative;
}
/* .consult-form .cf-name,*/

.consult-form .cf-email {
	width: 260px;
}
.consult-form .cf-phone {
	width: 107px;
}
.bs-footer {
	padding-top: 30px;
	padding-bottom: 30px;
}
.bsf-logo-area img {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	display: block;
}
.bsf-links {
	text-align: center;
	margin: auto;
}
.bsf-links ul {
	margin: 0;
	padding: 0;
}
.bs-footer p {
	font-size: 12px;
}
}
 @media (max-width:708px) {
.mtag-line {
	display: block;
	font-size: 12px;
	margin-right: 0px;
}
.mphone-no {
	margin-top: 10px;
	display: block;
}
.cf-conents {
	max-width: 350px;
}
.consult-form .cf-name,  .consult-form .cf-email {
	min-width: 100%;
}
}
 @media (max-width:547px){
.result_iamge {
	margin-left: auto;
	margin-right: auto;
}
.cf-conents .form-button{float:none;}
.cf-conents .hair-replacement select{margin-left:0;}
}

 @media (min-width:481px) and (max-width:736px){

.cf-conents .form-button{float:none;}
.cf-conents .hair-replacement select{margin-left:0;}
}

 @media (max-width:480px) {
.cf-conents .form-button{float:none;}
.cf-conents .hair-replacement select{margin-left:0;}
.navbar-brand>img {
	max-width: 75%;
}
.consult-form h2 {
	font-size: 25px;
}
.consult-form .cf-phone, .consult-form .cf-title, .consult-form .cf-gender {
	width: 127px;
}
.consult-form input, .consult-form select {
	margin-left: 1px;
	margin-right: 1px;
}
.loc, .phone, .mail {
	padding-left: 20px;
	font-size: 14px;
}
.cf-conents .ajax-loader {
	float: none;
}
}