/* ----------------------------------------------------
  
	File Name: style.css
	Template Name: Pasha
	Created By: Template Visual
	http://themeforest.net/user/templatevisual

	1. GENERAL
	2. HEADER
	3. SLIDER
	4. SECTION
	5. FOOTER
	6. PORTFOLIO
	7. BLOG
	8. SHOP
	9. BOOK NOW FORM
	10. MODULES
	11. COLORS
	12. RESPONSIVE
	13. OTHERS

------------------------------------------------------- */  

/* ----------------------------------------------------
	GENERAL
------------------------------------------------------- */

	@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);
	@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700,700italic);

	@font-face {
	  font-family: 'BebasNeue';
	  src: url('fonts/BebasNeued41d.eot?#iefix') format('embedded-opentype'),  
	  		url('fonts/BebasNeue.otf')  format('opentype'),
		    url('fonts/BebasNeue.woff') format('woff'), 
		    url('fonts/BebasNeue.ttf')  format('truetype'), 
		    url('fonts/BebasNeue.svg#BebasNeue') format('svg');
	  font-weight: normal;
	  font-style: normal;
	}
	body {
		background: #111111;
		color: #BFBFBF;
		font-size: 14px;
		line-height: 28px;
		letter-spacing: 0;
		font-weight: 300;
		padding:0;
		font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	h1,h2,h3,h4,h5,h6{ 
		font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight:normal;
		position: relative;
		padding: 0 0 10px 0;         
		font-weight:normal;
		line-height: 1.2em;
		color:#1A1A1A;
	}

	#checkout fieldset legend {
		padding-left: 0 !important;
	}

	fieldset legend {
		padding-left: 16px !important;
	}
	h1{
		font-size: 44px; 
	}
	h2{
		font-size: 34px; 	
	}
	h3{
		font-size: 28px; 
	}
	h4{
		font-size: 22px; 		
	}
	h5{
		font-size: 18px; 		
	}
	h6{
		font-size: 14px;  	
	}
	a {
		color:#D4AF37;
	    -webkit-transition: all 300ms ease-out 0.2s;
	    -moz-transition: all 300ms ease-out 0.2s;
	    -o-transition: all 300ms ease-out 0.2s;
	    transition: all 300ms ease-out 0.2s;
	  text-decoration: none;
	}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
		color:#fff !important;
		text-decoration:none !important; 
	}
	img.aligncenter{
		display:block;
		text-align:center;
		display: block;
		margin:0 auto 20px auto;
		padding:0px;
		border:0px;
		background:none;
	}
	img.alignleft{
		float:left;
		margin: 6px 20px 6px 0;
		display: inline;
		border:0px;
		background:none;
		padding:0;
		display:block;
	}
	img.alignright{
		padding:0;
		float:right;
		margin: 6px 0 6px 20px;
		border:0px;
		display:block;
		background:none;
	}
	.lead,
	blockquote {		 
		font-size:16px;
		line-height: 32px;
		font-family: 'Droid Serif', Georgia, "Times New Roman", serif;
		font-weight:normal;
		font-style:italic;	   
		position:relative;  
		width:auto;
	}
	blockquote small {
		display: block;
		margin-top: 20px;
	}
	pre {
		line-height:18px;
		margin-bottom:18px;
	}
	.btn,
	a {
		outline:0 !important;
		text-decoration: none !important;
	}
	ins {
		text-decoration:none;
	}
	sup {
		bottom: 1ex;
	}
	sub {
		top: .5ex;
	}
	p{
		padding:0 0 20px 0;
	}	
	.media-element {
		margin-bottom: 10px;
	}

	.check li:before {
		content: "\f105";
		font-family: "FontAwesome";
		font-size: 13px;
		left: 0;
		color:#D4AF37;
		padding-right:5px;
		position: relative;
		top: 0px;
	}
	.check2 li,
	.check li {
		list-style:none;
	}
	.check2 li {
		line-height: 1.9;
		margin-bottom: 0;
		font-size: 13px;
	}
	.check2 {
		padding-left: 0;
		margin-bottom: 20px;
	}
	.check {
		margin-left:0; 
		padding-left:0
	}

	.quote-post {
	    background: #111111 none repeat scroll 0 0;
	    padding: 20px;
	    position: relative;
	}
	.quote-post blockquote {
	    border-left: 0 none;
	}
	.quote-post::after {
		content: "\f10e";
	    display: block;
	    font-family: "FontAwesome";
	    font-size: 41px !important;
	    opacity: 0.1;
	    position: absolute;
	    right: 3%;
	    top: 15%;
	}

	.drop-caps p:first-child::first-letter {
	    color: #1A1A1A;
	    display: block;
	    float: left;
	    font-family: Georgia;
	    font-size: 75px;
	    line-height: 60px;
	    margin-right: 10px;
	    margin-top: 5px;
	    padding: 4px;
	}
	.drop-caps.full p:first-child::first-letter {
	    background: #1A1A1A none repeat scroll 0 0 !important;
	    color: #fff;
	    margin-right: 10px;
	    padding: 7px;
	}

/* ----------------------------------------------------
	HEADER
------------------------------------------------------- */

	.social a {
		background: #0B0B0B;
		color: #fff;
		width: 25px;
		height: 25px;
		line-height: 25px;
		text-align: center;
		display: inline-block;
	}

	.social a:hover {
		color:#ffffff !important;
	}

	.topbar {
		position: relative;
		padding:8px 0;
		display: block;
		font-size: 13px;
		background: #0B0B0B;
	}

	.topbar span {
		color:#fff;
		margin-right: 16px;
	}

	.topbar span i {
		margin-right: 5px;
	}

	.topbar p {
		padding:0;
	}

	.yamm .nav,
	.yamm .collapse,
	.yamm .dropup,
	.yamm .dropdown {
		position: static;
	}
	.yamm .container {
		position: relative;
	}
	.yamm .dropdown-menu {
		left: auto;
		margin-top: 20px;
	}
	.yamm .yamm-content {
		padding: 20px 30px;
	}
	.yamm .dropdown.yamm-fw .dropdown-menu {
		left: 0;
		border:0;
		box-shadow: none;
		right: 0;
	}
	.navbar-nav > li > .dropdown-menu {
		margin-top: 28px;
	}
	.header-section {
		padding:-6em 0 ;
		/* display: block; */
		z-index: 999;
		position: absolute;
		top:0;
		left: 0;
		width: 100%;
		background-color: #0B0B0B;
		/* background-color: rgba(0,0,0,0.72); */
	}
	.header-section.relative {
		background-color: #0B0B0B;
		background-color: rgba(0,0,0,1);
	}
	.dropdown-menu {
		border-radius: 0;
	    background: #fff;
	    border:1px solid #2A2A2A;
	    box-shadow:none;
	    padding:0 !important;
	}
	.dropdown-menu li  {
		padding:8px 3px !important;
		border-bottom:1px solid #1A1A1A;
	}
	.dropdown-menu li:last-child {
		border-bottom: 0;
	}
	.dropdown-menu > li > a {
		font-size:13px;
		text-transform:none;
		color:#1A1A1A;
		letter-spacing: 0;
	}
	.yamm .dropdown-menu.menu-bg {
	    left: auto;
	    background: url(upload/menu_01.png) no-repeat right bottom #fff;
	}
	.white-bg{
	    right: auto;
	    background: url(images/white-bg.png) no-repeat left top #fff;
	}

	.white-bg-pricing {
	    left: auto;
	    background: url(upload/pricing.png) no-repeat right top #fff;
	}
	.btn-default,
	.btn-default:hover,
	.btn-default:focus,
	.custom-section .btn-default,
	.custom-section .btn-default:hover,
	.custom-section .btn-default:focus,
	.btn-slider:hover,
	.btn-slider:focus,
	.dropdown-menu > li > a:hover,
	.dropdown-menu > li > a:focus,
	.dropdown-menu > .active > a,
	.dropdown-menu > .active > a:hover,
	.dropdown-menu > .active > a:focus,
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus,
	.navbar-default .navbar-nav > .open > a, 
	.navbar-default .navbar-nav > .open > a:hover, 
	.navbar-default .navbar-nav > .open > a:focus,
	.navbar-default .navbar-nav > .active > a, 
	.navbar-default .navbar-nav > .active > a:hover, 
	.navbar-default .navbar-nav > .active > a:focus {
		background: none;
		background-color: transparent;
	}
	.navbar-brand {
		padding:0;
		display:flex;
		height: 100%; 
    	align-items: center;
	}
	.navbar-brand img{
		max-width: 100%;
		height: auto;
		max-height: 100%;
		transition: all 0.3s ease;
	}
	.logo {
		width: 15%;
		min-width: 120px;
		/* max-width: 250px; */
	}
	.navbar-nav {
		font-size: 14px;
		padding:0 0 0 10px;
	}
	.navbar-default {
		background-color: #fff;
		border:0;
		background: none;
		box-shadow: none;
	}
	.navbar-default{
		margin-bottom: 0;
	}
	.yamm .label {
	    border-radius: 0.4px;
	    color: #fff;
	    display: inline;
	    font-size: 11px;
	    font-weight: 300;
	    text-transform: none;
	    line-height: 1;
	    padding: 0.1em 0.4em 0.2em;
	    text-align: center;
	    vertical-align: super;
	    margin-left: 3px;
	    white-space: nowrap;
	    font-family: arial;
	}
	.yamm-content li {
		border:0;
		font-size: 13px;
		padding:5px 10px 0 0 !important;
	}
	.yamm-content p,
	.navbar-default .navbar-nav > li > a {
	    color: #ffffff;
	    font-family: "Oswald",arial,serif;
	    font-weight: normal;
	    letter-spacing: 0;
	    text-transform: uppercase;
	    line-height: 140% !important;
	    position: relative;
	}
	.yamm-content p {
	    color: #1A1A1A;
	    padding-left: 0 !important;
	    font-size: 16px;
	    padding-bottom: 5px;
	    padding-top:10px;
	    font-weight: 400 !important;
	}
	.yamm-content li a {
		color:#1A1A1A;
	}
	.yamm-content li p.check {
		content: "" !important;
	}

/* ----------------------------------------------------
	SLIDER
------------------------------------------------------- */

	.boxedcontainer {	
		max-width: 1170px; 
		margin:auto; 
		padding:0px 30px;
	}
	.tp-banner-container{
		width:100%;
		z-index: 1;
		position:relative;
		padding:0;
	}
	.tp-banner{
		width:100%;
		position:relative;
	}
	.tp-banner-fullscreen-container {
		width:100%;
		position:relative;
		padding:0;
	}
	.tp-bannertimer {
		display: none;
	}
	.slider_02,
	.tp-caption.slider_02 {
		position:absolute;
		color:#fff;
		font-size:16px;
		line-height:28px;
		padding:0;
		margin:0px;
		letter-spacing: 1px;
		border-width:0px;
		border-style:none;
		white-space:nowrap;
	}
	.slider_01,
	.tp-caption.slider_01 {
		position:absolute;
		color:#fff;
		font-family: 'BebasNeue';
		font-size:46px;
		line-height:54px;
		text-transform: uppercase;
		padding:0;
		margin:0px;
		letter-spacing: 1px;
		border-width:0px;
		border-style:none;
		white-space:nowrap;
	}
	.slider_03,
	.tp-caption.slider_03 {
		position:absolute;
		color:#fff;
		font-family: 'BebasNeue';
		font-size:116px;
		line-height:1.1;
		text-transform: uppercase;
		padding:0;
		margin:0px;
		letter-spacing: 1px;
		border-width:0px;
		border-style:none;
		white-space:nowrap;
	}
	.slider_03 span {
		font-size: 16px;
		font-family: "Arial",arial,serif;
	}

	.rcw-form .btn-primary,
	.btn-primary,
	.btn-default,
	.custom-section .btn-default,
	.btn-slider {
	    padding: 10px 34px !important;
	    border-radius: 0;
		font-family: "Oswald",arial,serif;
	    text-decoration: none;
	    background-color: transparent;
	    text-transform: uppercase;
	    font-size: 14px !important;
		border: 1px solid #fff;
	    margin:0 5px;
	    font-weight: 400;
	}
	.btn-slider {
		border: 1px solid #fff !important;
	}
	.btn-default {
		border: 1px solid #1A1A1A;
	}
	.custom-section .btn-default {
		color:#ffffff !important;
	}
	.absolute-buttons {
		position: absolute;
		left: 0;
		right:0;
		margin:auto;
	}

/* ----------------------------------------------------
	SECTION STYLES
------------------------------------------------------- */
	
	.boxed {
	    background-attachment: fixed;
	    background-image: url(upload/parallax_01.jpg);
	    background-position: left top;
	    background-repeat: no-repeat;
	    background-size: cover;
	}
	.boxed #wrapper {
		padding-right: 0;
		padding-left: 0;
		margin-right: auto;
		margin-left: auto;
	}
	.boxed #wrapper .header-section {
		max-width: 1200px;
		margin: 0 auto;
		left:auto;
		right: auto;
	}
	@media (min-width: 768px) {
	.boxed #wrapper .header-section,
	.boxed #wrapper {
	    width: 750px;
	  }
	}
	@media (min-width: 992px) {
	.boxed #wrapper .header-section,
	.boxed #wrapper {
	    width: 970px;
	  }
	}
	@media (min-width: 1200px) {
	.boxed #wrapper .header-section,
	.boxed #wrapper {
	    width: 1200px;
	  }
	}

	.page-title-section,
	.custom-section,
	.grey-section,
	.white-section {
		background-color: #ffffff;
		position: relative;
		display: block;
		padding:90px 0;
		width: 100%;
		z-index: 10;
	}
	.custom-parallax {
		background-color: #ffffff;
		display: table;
		padding:90px 0;
		width: 100%;
	}
	.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
	.grey-section {
		background-color: #111111;
	}
	.module-title h4 {
		font-size:28px;
		padding-bottom: 0;
		font-family: 'BebasNeue';
	}
	.module-title {
		margin-bottom: 30px;
		display: block;
		position: relative;
		border-bottom:2px solid #111111;
	}
	.module-separator {
	    background-color: #1A1A1A;
	    display: block;
	    height: 2px;
	    margin: 10px 0 -2px;
	    position: relative;
	    width: 40px;
	}
	.module img {
		width: 100%;
	}
	.text-center .module-separator {
	    margin: 10px auto -2px;
	}
	.fullscreen {
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-repeat: no-repeat;
		background-attachment: fixed;
		display: block;
		width: 100%;
		height: 100%;
		min-height: 100%;
		position: relative;
		overflow-x: hidden;
		overflow-y: hidden;
		vertical-align: sub;
		z-index: 99;
		color: #fff;
	}
	#firstparallax {
		background-image:url(upload/parallax_01.jpg);
	}
	#secondparallax {
		background-image:url(upload/parallax_02.jpg);
	}
	#threeparallax {
		background-image:url(upload/parallax_03.jpg);
	}
	.overlay{
		position: absolute;
		top: 0;
	  	left: 0;
	  	width: 100%;
	  	height: 100%;
	  	z-index: 10;
		background-color: #0B0B0B;
		background-color: rgba(0,0,0,0.72);
	}
	.relative {
		position: relative;
		z-index: 11;
	}
	.dark-hr:before,
	.dark-hr-2:before,
	.dark-hr-3:before,
	.white-hr:before {
		/* content: url(images/logo.png); */
		margin-bottom: 10px;
		position: relative;
		display: block;
	}
	.dark-hr:before {
		content: url(images/dark-hr.png);
	}
	.dark-hr-2:before {
		content: url(images/dark-hr-2.png);
	}
	.dark-hr-3:before {
		content: url(images/dark-hr-3.png);
	}
	.bigger-title {
		position: relative;
		display: block;
		overflow: hidden;
		margin-bottom: 40px;
	}
	.bigger-title h4 {
		position:relative;
		color:#1A1A1A;
		font-family: 'BebasNeue';
		font-size:48px;
		text-transform: uppercase;
		padding:0 !important;
		margin:0px;
		letter-spacing: 1px;
		line-height: 1 !important;
		border-width:0px;
		border-style:none;
		white-space:nowrap;
	}
	.fullscreen .bigger-title h4 {
		color:#ffffff;
	}

/* ----------------------------------------------------
	FOOTER
------------------------------------------------------- */

	.footer .btn {
		color:#ffffff !important;
	}

	.footer .hoverbutton {
		top:33%;
	}
	.footer .module-title {
		border-bottom: 0;
	}
	.footer .module-title h4 {
		color:#fff;
	}
	.footer .module-separator {
		background-color: #fff;
	}
	.footer .btn {
		margin:20px 0 0;
	}
	.footer ul {
		padding:0;
	}
	.footer .list-inline > li {
	    display: inline-block;
	    margin: 0 !important;
	    padding-left: 0;
	    padding-right: 4px;
	}
	.footer li {
		margin-bottom: 0
	}
	.footer {
		position: relative;
		overflow: hidden;
		z-index: 111;
		color:#777;
		display: block;
		background-color: #0B0B0B;
		padding:90px 0 0 0;
	}
	.footer .widget-title h6 {
		color:#fff;
		font-size:18px;
		padding-bottom: 15px;
		font-weight: 900;
		letter-spacing: 0.3px;
	}
	.copyright {
		background-color: #1A1A1A;
		color:#fff;
		padding:30px 0;
	}
	.copyright p {
		padding:0;
		margin:0;
		color:#fff;
	}
	.footer .check li:before,
	.footer li,
	.footer p, .footer a {
	    color: #BFBFBF;
	}

/* ----------------------------------------------------
	PORTFOLIO
------------------------------------------------------- */

	.gallery-desc {
		padding:30px 0 10px;
	}

	.portfolio-filter {
		list-style: none;
		padding: 0;
		margin: 0 0 20px;
		text-align: left;
		cursor: default;
	}

	.text-center .portfolio-filter {
		margin: 0 auto 20px !important;
		text-align: center !important;
	}

	.portfolio-filter ul {
		padding-left: 0 !important;
	}

	.portfolio-filter ul li{
		display: inline-block;
		margin: 0 15px 0 0;
		font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #1A1A1A;
		letter-spacing: 0;
		font-size: 16px;
		line-height: 14px;
		text-transform: uppercase;
		text-decoration: none;
		font-weight:400;
		cursor: pointer;
	}

	.portfolio-filter ul li a {
		color:#1A1A1A ;
	}

	#fourcol .portfolio-item img {
		width: 100%;
	}

	.item-h2,
	.item-h1 {
		height: 100% !important;
		height: auto !important;
	}
	.isotope-item {
	  z-index: 2;
	}
	.isotope-hidden.isotope-item {
	  pointer-events: none;
	  z-index: 1;
	}
	.isotope,
	.isotope .isotope-item {
	  /* change duration value to whatever you like */
	  -webkit-transition-duration: 0.8s;
	     -moz-transition-duration: 0.8s;
	          transition-duration: 0.8s;
	}
	.isotope {
	  -webkit-transition-property: height, width;
	     -moz-transition-property: height, width;
	          transition-property: height, width;
	}
	.isotope .isotope-item {
	  -webkit-transition-property: -webkit-transform, opacity;
	     -moz-transition-property:    -moz-transform, opacity;
	          transition-property:         transform, opacity;
	}

	ul.portfolio {
	    list-style: none;
	}

	ul.portfolio li img {
	    display:block;
	    max-width:100%;
	    height:auto;
	}

/* ----------------------------------------------------
	BLOG
------------------------------------------------------- */

	.comment-list .media {
		margin-bottom: 30px;
	}
	.media.reply-comment {
		margin-left: 60px;
	}
	.comment-list span {
	    display: block;
	    font-size: 12px;
	    font-style: italic;
	    font-weight: 300;
	    margin-bottom: 8px;
	}
	.comment-list h3 {
		font-size: 21px;
		margin-bottom: 0;
		text-transform: uppercase;
		color:#1A1A1A !important;
	}
	.comment-list img {
		width: 80px;
		margin-right: 20px;
	}

	.blog-desc {
		margin-top: 15px;
	}
	#sidebar .box {
		margin-bottom: 20px !important
	}
	#sidebar ul {
		padding-left: 0;
	}

	#sidebar .mini-gallery li {
		width: 33.333% !important;
	}

	.timeline {
	    list-style: none;
	    padding: 20px 0 20px;
	    position: relative;
	}
    .timeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: #111111;
        left: 50%;
        margin-left: -1.5px;
    }

    .timeline > li {
        margin-bottom: 20px;
        position: relative;
    }

	.timeline > li:before,
	.timeline > li:after {
		content: " ";
		display: table;
	}

	.timeline > li:after {
		clear: both;
	}

	.timeline > li:before,
	.timeline > li:after {
		content: " ";
		display: table;
	}

	.timeline > li:after {
		clear: both;
	}

	.timeline > li > .timeline-panel {
		width: 46%;
		float: left;
		padding: 20px;
		position: relative;
	}

	.timeline > li > .timeline-badge {
		color: #fff;
		width: 70px;
		height: 75px;
		padding:18px 0;
		line-height: 1;
		font-size: 1.4em;
		text-align: center;
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -36px;
		background-color: #1A1A1A;
		z-index: 100;
	}

	.timeline > li.timeline-inverted > .timeline-panel {
		float: right;
	}

	.timeline > li.timeline-inverted > .timeline-panel:before {
		border-left-width: 0;
		border-right-width: 15px;
		left: -15px;
		right: auto;
	}

	.timeline > li.timeline-inverted > .timeline-panel:after {
		border-left-width: 0;
		border-right-width: 14px;
		left: -14px;
		right: auto;
	}

	.timeline-panel p {
		padding-top: 10px;
	}
	.timeline-panel .module-title {
		margin-bottom: 5px;
	}

	@media (max-width: 767px) {
	    ul.timeline:before {
	        left: 40px;
	    }

	    ul.timeline > li > .timeline-panel {
	        width: calc(100% - 90px);
	        width: -moz-calc(100% - 90px);
	        width: -webkit-calc(100% - 90px);
	    }

	    ul.timeline > li > .timeline-badge {
	        left: 15px;
	        margin-left: 0;
	        top: 16px;
	    }

	    ul.timeline > li > .timeline-panel {
	        float: right;
	    }

		ul.timeline > li > .timeline-panel:before {
			border-left-width: 0;
			border-right-width: 15px;
			left: -15px;
			right: auto;
		}

		ul.timeline > li > .timeline-panel:after {
			border-left-width: 0;
			border-right-width: 14px;
			left: -14px;
			right: auto;
		}
	}


	.post-section .module {
		margin-bottom: 0;
	}
	.post-section .barberalt {
		margin: 0 !important;
		padding:45px;
		border-bottom:0 !important;
		box-shadow: none !important
	}

	.box {
		margin-bottom: 60px !important
	}

	.barberalt h2 {
		margin-bottom: 30px;
	}

	.page-title-section {
		border-bottom: 1px solid #111111;
		padding-bottom: 60px;
	}
	.page-title-section .lead {
		padding-bottom: 0;
		margin-bottom: 0;
	}
	hr.customhr {
	    border-color: #1A1A1A;
	    border-width: 3px;
	    box-sizing: content-box;
	    height: 0;
	    margin-top: -10px;
	    width: 60px;
	}
	.page-title {
	    padding-bottom: 0;
	    line-height: 1.6 !important;
	    font-family: "BebasNeue" !important;
	    margin: -0.2em 0 0;
	    text-align: center;
	}
	.page-title::after {
	    content: "";
	    display: block;
	    height: 2px;
	    margin: 30 auto 0;
	    width: 90px;
	}
	.page-mini-title {
	    font-size: 1.375em;
	    margin: -0.13em 0;
	    padding-bottom: 0;
	    text-align: center;
	    line-height: 1;
	    text-transform: capitalize;
	}

	.meta ul {
		margin-bottom: 3px
	}
	.meta li {
	    font-size: 13px;
	    font-style: italic;
	    margin-bottom: 0;
	    line-height: 1;
	    padding-bottom: 0 ;
	}

/* ----------------------------------------------------
	SHOP
------------------------------------------------------- */

	.payment-method {
	    margin-bottom: 30px;
	}
	.trackform label, .payment-method, .shopform label {
	    color: #1A1A1A;
	    font-weight: bold;
	}
	.shopform .form-control {
	    margin: 14px 0;
	}
	.product-remove {
	    max-width: none;
	    min-width: 25px;
	    text-align: left;
	    width: 25px;
	}
	a.remove {
	    float: none;
	    font-size: 0;
	    height: 18px;
	    line-height: 18px;
	    position: relative;
	    top: 1px;
	    width: auto;
	}
	.remove::before {
	    -moz-osx-font-smoothing: grayscale;
		content: "\f00d";
	    display: inline-block;
	    font: 18px/1 FontAwesome;
	    text-rendering: auto;
	}

	.totalarea {
		padding:30px 15px;
	}
	.totalarea p {
	    color: #1A1A1A;
	    font-size: 14px;
	    font-style: italic;
	    font-weight: bold;
	}
	.totalarea h4 {
	    font-size: 15px;
	    margin-bottom: 30px;
	}
	.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	    border-color: #2A2A2A;
	}
	#cart-table {
	    border-bottom: 1px solid #2A2A2A;
	}
	#cart-table thead tr th {
	    border-left: 1px solid #fff;
	    padding: 20px;
	}
	#cart-table thead tr th:first-child {
	    border-left: 0 none;
	}
	#cart-table th, #cart-table td {
	    font-size: 15px;
	    font-weight: bold;
	}
	#cart-table h3 {
	    font-size: 14px;
	    margin-bottom: 0;
	    padding-bottom: 0;
	}
	#cart-table th, #cart-table td {
	    padding: 23px;
	    position: relative;
	    vertical-align: middle;
	}
	#cart-table .media-left, #cart-table .media-right, #cart-table .media-body {
	    display: inline;
	}
	#cart-table .media img {
	    margin-top: 0;
	    width: 50px !important;
	}

	.sp-quantity {
	    width:120px;
	    height:42px;
	}
	.sp-minus {
	    width:40px;
	    height:42px;
	    border:1px solid rgba(212,175,55,0.25);
	    float:left;
	    text-align:center;
	}
	.sp-input {
	    width:40px;
	    height:42px;
	    border:1px solid rgba(212,175,55,0.25);
	    border-left:0px solid black;
	    float:left;
	}
	.sp-plus {
	    width:40px;
	    height:42px;
	    border:1px solid rgba(212,175,55,0.25);
	    border-left:0px solid rgba(212,175,55,0.25);
	    float:left;
	    text-align:center;
	}
	.sp-input input {
	    border: medium none;
	    color: #1A1A1A;
	    font-size: 12px;
	    height: 40px;
	    line-height: 40;
	    text-align: center;
	    width: 39px;
	}
	.sp-input input:focus {
	    border:1px solid rgba(212,175,55,0.25);
	    border: none;
		background-color: #ffffff !important;
	    border:0 !important;
	}
	.modal .sp-plus {
		borde-color:#1A1A1A !important;
	}
	.sp-minus a, .sp-plus a {
	    color: #1A1A1A;
	    display: block;
	    font-size: 18px;
	    height: 100%;
	    padding-top: 6px;
	    text-decoration: none;
	    width: 100%;
	}
	.close {
		opacity: 1;
		color:#1A1A1A;
	}
	.addw {
		font-size:13px;
		padding:20px 0;
	}
	.carousel-control {
	    background: #fff none repeat scroll 0 0 !important;
	    bottom: auto;
	    color: #1A1A1A !important;
	    font-size: 18px;
	    height: 34px;
	    margin-top: -20px;
	    line-height: 34px;
	    opacity: 1;
	    top: 50%;
	    width: 10%;
	}
	.btn-modal i {
		font-size:14px;
		margin-right: 5px;
	}

	.modal-body img {
		width: 100%;
	}
	.modal-body p {
		padding-top:10px;
	}
	.modal-body span {
	    color: #1A1A1A;
	    display: block;
	    font-size: 21px;
	    font-weight: normal;
	    margin-bottom: 14px;
	}
	.modal-body h4 {
		padding:0;
		margin:10px 0 0 ;
		font-size:18px;
		text-transform: uppercase;
		font-weight: 400;
	}
	.modal-body {
		padding:30px;
	}
	.modal {
		position: fixed;
		top: 15%;
		right: 0;
	  	bottom: 0;
	  	left: 0;
	  	z-index: 1050;
	  	display: none;
	  	overflow: hidden;
	  	-webkit-overflow-scrolling: touch;
	  	outline: 0;
	}
	.rating i {
	    color: #eabe12;
	}
	.tooltip-inner {
		min-width: 120px;
		padding: 8px 12px;
		font-size:11px !important;
		color: #fff;
		font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		text-align: center;
		text-decoration: none;
		background-color: #1A1A1A;
		border-radius: 0;
	}
	.modal-open .modal {
	    overflow-x: hidden;
	    overflow-y: auto;
	    padding-top: 100px;
	    top: 0;
	    background-color: rgba(255,255,255,0.8);
	}
	.modal-content {
	  	border: 1px solid #111111;
	  	border-radius: 0;
	  	box-shadow: none;
	}
	.modal-backdrop.fade {
	  	filter: alpha(opacity=0);
	  	opacity: 0;
	}
	.modal-backdrop.in {
	  	filter: alpha(opacity=70);
	  	opacity: .7;
	}
	.shop-module {
		padding:10px 10px 20px !important;
	}
	.shop-module i {
		font-size: 16px;
		vertical-align: top;
		line-height: 1.3;
	}
	.shop-module span {
		padding:0 5px;
	}
	.shop-mini-title h4,
	.shop-mini-title h4 a {
		color:#1A1A1A !important;
		padding-bottom: 0;
		font-size: 18px;
		margin-bottom: 0;
	}
	.price-meta {
		display: block;
		width: 100%;
		margin-bottom: 0;
	}
	.price {
	    color: #1A1A1A;
	    font-size: 13px;
	    font-weight: 400 !important;
	    line-height: 1;
	    vertical-align: middle;
	}
	.old {
	    color: #BFBFBF;
	    font-size: 13px;
	    font-weight: 400 !important;
	    line-height: 1;
	    text-decoration: line-through;
	    vertical-align: middle;
	}

	.first{clear:both}
	.last{margin-right:0}
	
/* ----------------------------------------------------
	BOOK NOW
------------------------------------------------------- */

	.rcw-form .btn-primary .btn-icon-right {
		color:#ffffff !important;
		padding-left:0 !important;
	}

	.galnopad {
		padding-bottom:0 !important;
	}

	.nopadding {
		padding:0 !important;
	}

	.clients-section {
		padding:20px 0 !important;
	}
	.clients-section img {
		margin:auto;
		cursor: pointer;
		opacity: 0.7;
	}
	.clients-section img:hover {
		opacity: 1;
	}
	.fixed-top {
		position: static;
		margin-top:-87px !important;
		z-index: 11;
		display: block;
	}
	.form-main-heading {
	    color: #ffffff;
	    font-family: "BebasNeue" !important;
	    font-size: 24px !important;
	    margin-bottom: 0;
	    padding: 0 0 8px 40px !important;
	    line-height: 1.4 !important;
	}

	.bookform .radio-inline, 
	.bookform .checkbox-inline {
		padding-left: 0;
	}

	.rcw-form header {
		background-color: #0B0B0B !important;
		background-color: rgba(0,0,0,0.72) !important;
		padding:30px 15px 15px;
		margin-bottom: 0;
	}
	.white-back .rcw-form header {
		margin-bottom: 10px;
	}
	.white-back .rcw-form legend {
		margin-top: 20px;
	}
	.white-back .rcw-form legend > span {
		color:#1A1A1A !important;
	}
	.post-section .rcw-form header {
		background-color: #0B0B0B !important;
	}
	.rcw-form {
		background-color: transparent;
		background: none;
		font-size: 13px;
	}
	.rcw-form .white {
		background:#ffffff;
		border: 1px solid #111111;
	}

	.rcw-form .form-control {
	    background-color: #ffffff;
	    border-color: rgba(212,175,55,0.25);
	    color: #BFBFBF;
	    font-size: 13px;
	    box-shadow: none !important;
		font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	    border-radius: 0;
	}
	.rcw-form .form-control::-moz-placeholder {
	    color: #BFBFBF;
	}
	.rcw-form .form-control:-ms-input-placeholder {
		color: #BFBFBF;
	}
	.rcw-form .form-control::-webkit-input-placeholder {
		color: #BFBFBF;
	}

/* ----------------------------------------------------
	MODULES
------------------------------------------------------- */

	.pagination > li:last-child > a, .pagination > li:last-child > span,
	.pagination > li:first-child > a, .pagination > li:first-child > span {
		border-radius: 0;
	}

	.pagination > li > a, 
	.pagination > li > span {
	    letter-spacing: 0;
	    padding: 10px 15px;
	    border-radius: 0;
	    text-decoration: none;
	    background-color: #ffffff !important;
	    text-transform: uppercase;
		border: 1px solid #1A1A1A ;
		margin:0 3px;
	    color: #1A1A1A !important;
	    font-size: 14px;
	    font-weight: normal;
	}

	.time_circles {
	    height: 100%;
	    position: relative;
	    width: 100%;
	}
	.time_circles > div {
	    position: absolute;
	    text-align: center;
	}
	.time_circles > div > h4 {
	    margin:  0 0;
	    padding: 0;
	    font-weight: 300;
	    text-align: center;
	    text-transform: uppercase;
	}
	.time_circles > div > span {
	    color: #F5F5F5;
	    display: block;
	    font-size: 44px !important;
	    font-weight: bold;
	    margin-top: 0.4em;
	    text-align: center;
	    width: 100%;
	}

	.panel-title {
	    line-height: 16px;
	}
	.panel-heading {
	    border-radius: 0 !important;
	    padding: 14px 24px;
	}
	.panel-heading h3 {
		color:#fff !important;
		font-size:15px;
		font-weight: 400;
		padding:0;
		margin:0;
		text-transform: capitalize !important;
		display: inline-block;
	}
	.panel-default > .panel-heading + .panel-collapse > .panel-body {
	    border-top: 0 none;
	}
	.panel p {
	    margin-bottom: 0;
	}
	.panel-heading i {
		font-size:14px;
		color:#ffffff;
		margin:6px;
	}
	.panel {
	    border-color:transparent;
	    border-radius: 0 !important;
	    box-shadow: none;
	    margin-top: 10px !important;
	}
	.accordion-toggle-2 .panel-body {
		background: #ffffff !important;
		border-left:1px solid #111111 !important;
		border-right:1px solid #111111 !important;
		border-bottom:1px solid #111111 !important;
	}
	.accordion-toggle-2 .panel-heading {
		background: #ffffff !important;
		border:1px solid #111111 !important;
	}
	.accordion-toggle-2 .panel-heading i,
	.accordion-toggle-2 .panel-heading h3 {
		color:#fff;
	}

	.tab-widget {
		margin-top: 10px;
	}

	.tab-widget p, .shop-tab p {
	    margin-bottom: 10px;
	}
	.tab-widget .tab-content, .shop-tab .tab-content {
	    border: 1px solid #2A2A2A !important;
	    padding: 20px !important;
	}
	.tab-widget .nav-tabs > li > a, .shop-tab .nav-tabs > li > a {
	    -moz-border-bottom-colors: none !important;
	    -moz-border-left-colors: none !important;
	    -moz-border-right-colors: none !important;
	    -moz-border-top-colors: none !important;
	    background-color: #ffffff !important;
	    border-color: -moz-use-text-color -moz-use-text-color #2A2A2A !important;
	    border-image: none !important;
	    border-radius: 0 !important;
	    border-style: none none solid !important;
	    border-width: 0 0 1px !important;
	    color: #1A1A1A;
	    padding: 10px 30px;
	}
	.nav-tabs > li.active > a, 
	.nav-tabs > li.active > a:hover, 
	.nav-tabs > li.active > a:focus {
	    color: #fff !important;
	}
	.tab-widget .nav-tabs, .shop-tab .nav-tabs {
	    border-bottom: 0 none !important;
	}

	#message {
		display: none; position:relative; text-align:left; padding:20px;
	}
	#map{
		overflow: hidden;
		z-index: 999;
		height:420px;
		width:100%
	}
	#map img{
		max-width:inherit
	}
	.map{
		position:relative
	}

	.map .row{
		position:relative
	}
	.infobox img {
		width:100% !important;
	}
	.map .searchmodule {
		padding:18px 10px
	}
	.infobox {
		display: inline-block;
		padding: 5px;
		position: relative;
		width: 270px;
	}
	.infobox img {
		width:80px !important;
		padding-right:10px
	}
	.infobox .title {
		font-size:13px;
		font-weight:bold;
		margin-top:0;
		margin-bottom:0;
		text-transform:uppercase;
		padding-bottom:5px;
	}
	.infobox .title a {
		font-weight:bold;
	}

	.comment-form-wrap .form-control {
		margin-bottom: 20px;
	}

	.testimonial img {
	    margin-right: 20px;
	    margin-top:30px;
	    width: 60px !important;
	}
	.owl-desc {
	    display: table;
	    padding: 0;
	    position: relative;
	}
	.owl-desc h3 {
	    font-size: 16px;
	    font-weight: 500;
	    margin-bottom: 0;
	    padding-bottom: 0;
	    padding-top: 5px;
	}
	.owl-desc small {
	    font-size: 12px;
	    text-transform: uppercase;
	}
	.owl-desc p {
	    margin-top: 5px;
	}
	.owl-desc i {
	    font-size: 34px;
	    position: absolute;
	    opacity: 0.1;
	    right: 30px;
	    top: 25px;
	    color:#1A1A1A;
	}

	.hairstyle h2 {
		margin-bottom: 0;
		padding-bottom: 10px;
		font-size: 32px;
		text-transform: uppercase;
		font-weight: bold;
	}
	.info {
		margin-top: 20px;
		display: inline-table;
		position: relative;
	}
	.info img {
		width: 60px;
	}
	.static {
		position: relative;
		margin-top:30px;
		bottom:0;
		display: block;
		height: 100%;
	}
	.backtotop {
	    background-image: url(images/back.png);
	    background-position: 50% 50%;
	    background-repeat: no-repeat;
	    z-index: 500;
	    width: 40px;
	    height: 40px;
	    text-indent: -99999px;
	    position: fixed;
	    bottom: -100px;
	    right: 25px;
	    cursor: pointer;
	    -webkit-transition: all .7s ease-in-out;
	    -moz-transition: all .7s ease-in-out;
	    -o-transition: all .7s ease-in-out;
	    -ms-transition: all .7s ease-in-out;
	    transition: all .7s ease-in-out;
	    overflow: auto;
	}
	.module p {
		padding-bottom: 5px
	}
	.nopaddingobottom {
		display: block;
		position: relative;
	}
	.nopaddingobottom img {
	    /* position-area: absolute; */
		height: auto;
	    top: -250px;
	    /* width: 70%; */
	    display: block;
	    left: 0;
	    z-index: 100;
	}
	.taglinemessage p {
		padding-bottom: 0;
	}
	.taglinemessage {
		position: relative;
	    color: #1A1A1A;
	    font-size: 14px;
	}
	.taglinemessage .btn {
	   margin-left: 0;
	   margin-top: 10px;
	}

	#comingsoon {
		background: #ffffff;
	}

	#comingsoon .white-section {
		padding: 300px 0 0;
		height: 100vh;
	}

	.comingsoon h1,
	.notfound h2,
	.taglinemessage h2 {
	    color: #1A1A1A;
	    font-size: 32px;
	    font-weight: 700;
	    padding-bottom: 0;
	    text-transform: uppercase;
	}

	.comingsoon h1 {
		margin-bottom: 30px;
	}

	.contact-details {
	    margin: 0 auto 10px;
	    padding: 5px 0;
	    width: 70%;
	}
	.notfound h1 {
		font-size: 90px;
		line-height: 1 !important;
		margin-bottom: 10px;
		padding-bottom: 0;
	}

	.contact-details h1,
	.contact-details h2 {
		color:#ffffff;
		padding-bottom: 0;
		line-height: 1.6 !important;
		font-size: 34px;
		font-family: 'BebasNeue';
	    margin-bottom: 0;
	}
	.contact-details h1 {
	    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
	    color: #1A1A1A;
	    max-width: 500px;
	    font-size: 48px;
	    margin:10px auto;
	}
	.testi-item .lead {
		max-width: 850px;
		margin:10px auto 0;
	}
	.testi-item .lead:before {
		content: "\f10d";
		font-family: "FontAwesome";
		font-size: 24px;
		left: 0;
		color:#D4AF37;
		padding-right:20px;
		vertical-align: bottom;
		position: relative;
		top: 0px;
	}
	.testi-item .lead:after {
		content: "\f10e";
		font-family: "FontAwesome";
		font-size: 24px;
		vertical-align: bottom;
		left: 0;
		padding-left: 20px;
		color:#D4AF37;
		padding-right:5px;
		position: relative;
		top: 0px;
	}
	.testi-item img {
		width: 100px;
		margin-bottom: 10px;
	}
	.testi-item h4 {
		font-size: 24px;
		margin-bottom: 0;
		color:#fff;
		text-transform: uppercase;
	}
	.grey-back,
	.white-back {
		background-color: #ffffff;
		box-shadow: 0px 3px 0 #0D0D0D;
		padding:20px;
		position: relative;
		display: block;
	}
	.grey-back {
		background-color: #111111;
	}
	.working-box {
		padding:30px 0;
		text-align: center;
		box-shadow: 0px 3px 0 rgba(255, 255, 255, 0.3); 
	}
	.working-box p {
		padding-bottom: 0;
		color:#ffffff;
		text-transform: uppercase;
	}
	.working-box h4 {
		padding-bottom: 0;
		margin-bottom: 0;
  		font-size: 34px;
		color:#ffffff;
	}
	.availability h4 {
		text-transform: uppercase;
		margin-bottom: 5px;
	}
	.mini-gallery ul {
		padding:0;
		list-style: none;
	}
	.mini-gallery ul li img {
		width: 100% !important;
	}
	.mini-gallery ul li {
		z-index: 1;
		cursor: pointer;
		width: 25% !important;
		display: block;
		float:left;
		position: relative;
	}
	.hovercontent {
	  	bottom: 0;
	  	width: 100%;
	  	display: block;
		padding:0;
		opacity: 0;
		z-index: 1;
		top:0;
		margin:0;
		position:absolute;
		text-decoration: none;
		background-color: #0B0B0B;
		background-color: rgba(0,0,0,0.86);
	}
	.portfolio-item .hoverbutton {  
		position: absolute;
		top:50%;
		margin:-20px auto;
	}
	.hovereffect:hover .hovercontent {
		opacity: 1;
		position: absolute;
		-webkit-transition:all 0.7s ease-in-out;
		-moz-transition:all 0.7s ease-in-out;
		-o-transition:all 0.7s ease-in-out;
		transition:all 0.7s ease-in-out;
	}
	.hovereffect img {
		width: 100%;
	}
	.divimage img{
		position: relative;
		margin-bottom: 15px;
	}
	.hovereffect {
		cursor: pointer;
		position: relative;
		display: block;
	}
	.hoverbutton i {
		background-color:#ffffff;
		width: 35px;
		font-size:12px;
		height: 35px;
		line-height: 35px;
		display: block;
		margin:auto;
	}
	.hoverbutton {
		visibility: hidden;
		margin: 0;
		opacity: 0;
		position: absolute;
		text-align: center;
		bottom: 50%;
		-webkit-transition: all 0.8s ease 0s;
		-moz-transition: all 0.8s ease 0s;
		-ms-transition: all 0.8s ease 0s;
		-o-transition: all 0.8s ease 0s;
		transition: all 0.8s ease 0s;
		bottom:0;
		left:0;
		right: 0;
		top: auto;
		position: absolute;
		width: auto;
		text-align: center;
	}
	.hoverbutton.fixright i {
		display: inline-block;
	}
	.hoverbutton.fixright {
		bottom:10% !important;
	}
	.hoverbutton p a {
		color:#ffffff;
		text-transform: uppercase;
		margin-top:10px;
		display: block;
	}
	.hoverbutton.inlinebutton i {
		display: inline-block !important;
	}
	.hovercontent:hover .hoverbutton {
		opacity: 1;
		bottom: 37%;
		visibility: visible;
	}

	.skills {
	    display: block;
	    overflow:hidden;
	    margin-top: 30px !important;
	    position: relative;
	}
	.skills p i {
		font-size:14px;
		padding-right: 7px;
	}
	.skills p {
		margin-left: 3px;
		padding-bottom: 0;
		color:#1A1A1A;
	}
	.progress {
		height: 10px;
		margin-bottom: 25px;
		background-color: #111111;
		border-radius: 0;
		box-shadow:none;
	}

	.progress-bar {
	  float: left;
	  width: 0%;
	  height: 100%;
	  overflow:visible;
	  font-size: 12px;
	  line-height: 20px;
	  color: #ffffff;
	  text-align: center;
	  background-color: #2A2A2A;
	  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	  -webkit-transition: width 1.1s ease;
	  -o-transition: width 1.1s ease;
	  transition: width 1.1s ease;
	}
	.progress {
	  overflow:initial;
	  position: relative;
	}
	.progress .progress-bar {
	  position: absolute;
	  z-index:10;
	  line-height: 20px;
	}
	.progress .progressbar-back-text {
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  font-size: 12px;
	  line-height: 20px;
	  text-align: center;
	}
	.progress .progressbar-front-text {
	  width: 100%;
	  font-size: 12px;
	  line-height: 20px;
	}
	.progress-bar span {
	  color: #fff !important;
	  display: block;
	  font-size: 11px;
	  line-height: 12px;
	  overflow: visible;
	  width:30px;
	  height:25px;
	  line-height:25px;
	  text-align:center;
	  position: absolute;
	  right: 0;
	  top: -34px;
	  z-index: 9999;
	}

	.progress-bar span, .progress-bar-striped {
	    background-color: #0B0B0B;
	}


/* ----------------------------------------------------
	FIRST COLOR SCHEME
------------------------------------------------------- */
	
	.ui-datepicker .ui-datepicker-prev:hover, 
	.ui-datepicker .ui-datepicker-next:hover,
	.ui-datepicker .ui-datepicker-prev, 
	.ui-datepicker .ui-datepicker-next,
	.ui-priority-primary.ui-state-default, .ui-widget-content .ui-priority-primary.ui-state-default, .ui-widget-header .ui-priority-primary.ui-state-default,
	.rcw-form .btn-primary,
	.backtotop,
	.btn-primary,
	.progress-bar span, 
	.progress-bar,
	.working-box {
		background-color: #D4AF37;
	}

	.rcw-form .btn-primary,
	.btn-primary {
		border-color: #D4AF37;
	}
	.ui-datepicker .ui-datepicker-header {
		background-color: #E6C768;
	}
	.working-box p,
	.working-box h4 {
		text-shadow: 0px 2px 0 #D4AF37;
	}
	.button-wrapper {
		margin-top: 40px;
	}
	.barberalt .button-wrapper {
		margin-top: 30px !important;
	}

/* ----------------------------------------------------
	SECOND COLOR SCHEME
------------------------------------------------------- */

	.working-box.closed  p,
	.working-box.closed h4 {
		text-shadow: 0px 2px 0 #E6C768 !important;
	}
	::selection {
		background: #E6C768; /* Safari */
		color:#fff;
	}

	.rcw-form .btn-primary:hover,
	.rcw-form .btn-primary:focus,
	.btn-primary:hover,
	.btn-primary:focus,
	.hoverbutton a i,
	::-moz-selection {
		background: #E6C768; /* Firefox */
		color:#fff;
	}

	.pagination > li > a:hover, 
	.pagination > li > span:hover,
	.form-control:focus,
	.ui-slider-handle.ui-state-default,
	.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-hightlight,
	.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active,
	.ui-priority-primary.ui-state-hover, .ui-widget-content .ui-priority-primary.ui-state-hover, .ui-widget-header .ui-priority-primary.ui-state-hover, .ui-priority-primary.ui-state-focus, .ui-widget-content .ui-priority-primary.ui-state-focus, .ui-widget-header .ui-priority-primary.ui-state-focus,
	.rcw-form .checkbox input[type="checkbox"]:checked + label::before, .rcw-form .checkbox-inline input[type="checkbox"]:checked + label::before,
	.btn-primary:hover,	
	.btn-primary:focus {
	    border-color: #E6C768 !important;
	}

	.nav-tabs > li.active > a, 
	.nav-tabs > li.active > a:hover, 
	.nav-tabs > li.active > a:focus,
	.panel-heading,
	.infobox .title a,
	.ui-slider-handle.ui-state-default,
	.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active,
	.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-hightlight,
	.ui-priority-primary.ui-state-hover, .ui-widget-content .ui-priority-primary.ui-state-hover, .ui-widget-header .ui-priority-primary.ui-state-hover, .ui-priority-primary.ui-state-focus, .ui-widget-content .ui-priority-primary.ui-state-focus, .ui-widget-header .ui-priority-primary.ui-state-focus,
	.working-box.closed,
	.yamm .label-warning{
	    background-color: #E6C768 !important;
	}

	a:hover,
	a:focus {
	    color: #E6C768;
	}

	.rcw-form .checkbox input[type="checkbox"]:checked + label::before, .rcw-form .checkbox-inline input[type="checkbox"]:checked + label::before,
	.rcw-form a,
	.rcw-form span,
	.btn-slider,
	.btn-slider:hover,
	.btn-slider:focus,
	.yamm-content li a:hover,
	.yamm-content li a:focus,
	.dropdown-menu > li > a:hover,
	.dropdown-menu > li > a:focus,
	.dropdown-menu > .active > a,
	.dropdown-menu > .active > a:hover,
	.dropdown-menu > .active > a:focus,
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus,
	.navbar-default .navbar-nav > .open > a, 
	.navbar-default .navbar-nav > .open > a:hover, 
	.navbar-default .navbar-nav > .open > a:focus,
	.navbar-default .navbar-nav > .active > a, 
	.navbar-default .navbar-nav > .active > a:hover, 
	.navbar-default .navbar-nav > .active > a:focus,
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus,
	.navbar-default .navbar-nav > .active > a,
	.navbar-default .navbar-nav > .active > a:hover, 
	.navbar-default .navbar-nav > .active > a:focus {
	    color: #ffffff !important;
	}

/* ----------------------------------------------------
	RESPONSIVE
------------------------------------------------------- */

	@media (max-width: 980px) {
		.nopaddingobottom img {
			display: none !important
		}
		.module {
			margin-bottom: 60px;
		}
	}

	@media (max-width: 768px) {

		.yamm .dropdown-menu,
		.yamm .dropdown-menu.menu-bg  {
			background: #ffffff !important
		}

		.navbar-collapse {
			margin-top: 20px;
			box-shadow: none;
			border:0;
		}

		.topbar span,
		.topbar .pull-right,
		.topbar .pull-left {	
			float:none !important;
			text-align: center !important;
		}

		.fixed-top {
			margin-top: 20px !important;
		}
		.contact-details h1 {
			font-size: 32px;
		}

		.contact-details h2 {
			font-size: 18px;
			line-height: 1;
		}

		.header-section {
			position: relative;
			background-color: #1A1A1A;
		}

		.module,
		.widget {
			margin-bottom:30px;
		}

	}

/* ----------------------------------------------------
	OTHERS
------------------------------------------------------- */

	#loader {
		overflow-x: hidden;
		overflow-y: hidden;
		vertical-align: middle;
		background-color: #fff;
		position:fixed;
		display: table;
		width: 100%;
		top:0;
		height: 100%;
		min-height: 100%;
		z-index:9999;
	}
	.loader-container {
		position: relative;
		display: table-cell;
		vertical-align: middle;
		z-index: 12;
		text-align:center;
	}
	.loader-top {
		margin-top:4%;
	}
	.loader-back-text {
		z-index:-1;
		color: #1A1A1A;
		font-family: 'BebasNeue';
		position: absolute;
		top:50%;
		margin-top:-25px;
		font-weight: bold;
		left:0;
		right: 0;
		font-size: 3.2em;
	}
	.loader-back {
		z-index:-1;
		color: #1A1A1A;
		font-family: Arial;
		position: absolute;
		top:45%;
		margin-top:-6px;
		font-weight: 300;
		left:0;
		right: 0;
		font-size: 1em;
	}
	.loader {
		width: auto !important;
	}
	.btn-sm, .btn-group-sm > .btn {
	    font-size: 10px !important;
	    line-height: 1.5;
	    padding: 5px 10px;
	}
	.btn-lg, .btn-group-lg > .btn {
	    font-size: 15px;
	    line-height: 1.33333;
	    padding: 15px 44px !important;
	}

/* ----------------------------------------------------
	V.1.1 HEADER STICKY
------------------------------------------------------- */

	.header-section.affix .navbar-brand > img {
		width: 80%;
		margin-top:5px;
	}
	.header-section.affix 	.navbar-nav > li > .dropdown-menu {
		margin-top: 8px;
	}
	.header-section.affix {
		width:100%;
		top:0;
		right:0;
		left:0;
		padding:0.6em;
		position: fixed;
		z-index: 9998;
	}
	.header-section {
			-webkit-transition: all .7s ease-in-out;
		-moz-transition: all .7s ease-in-out;
		    -o-transition: all .7s ease-in-out;
		    -ms-transition: all .7s ease-in-out;
		    transition: all .7s ease-in-out;
	}
	@media (max-width: 768px) {
		.header-section.affix {
			position:relative !important;
		}
	}

/* ====================================================
   GOLD LUXURY THEME — AASHIKA PREMIUM REDESIGN
   Primary: #D4AF37  Soft: #E6C768  Deep: #B8860B
   Dark: #0B0B0B / #111111 / #1A1A1A
   Text: #F5F5F5 / #BFBFBF
==================================================== */

/* ---- KEYFRAME ANIMATIONS ---- */
@keyframes goldShimmer {
	0%   { background-position: -200% center; }
	100% { background-position: 200% center; }
}
@keyframes goldPulse {
	0%,100% { box-shadow: 0 0 8px rgba(212,175,55,0.25); }
	50%      { box-shadow: 0 0 22px rgba(212,175,55,0.55); }
}
@keyframes subtleFloat {
	0%,100% { transform: translateY(0px); }
	50%     { transform: translateY(-8px); }
}
@keyframes fadeSlideUp {
	from { opacity: 0; transform: translateY(28px); }
	to   { opacity: 1; transform: translateY(0); }
}
@keyframes shimmerSweep {
	0%   { left: -100%; }
	100% { left: 200%; }
}
@keyframes borderGlow {
	0%,100% { border-color: rgba(212,175,55,0.2); }
	50%      { border-color: rgba(212,175,55,0.55); }
}

/* ---- PAGE LOADER ---- */
#loader {
	background: linear-gradient(135deg, #0B0B0B 0%, #151005 100%) !important;
}
#loader img.loader-top {
	filter: drop-shadow(0 0 18px rgba(212,175,55,0.5));
	animation: subtleFloat 2.2s ease-in-out infinite;
}

/* ---- BODY & BASE TYPOGRAPHY ---- */
body {
	background: #111111;
	color: #BFBFBF;
}
h1, h2, h3, h4, h5, h6 {
	color: #F5F5F5;
}
p { color: #BFBFBF; }
a {
	color: #D4AF37;
	transition: color 0.3s ease, opacity 0.3s ease;
}
a:hover, a:focus { color: #E6C768; }

/* ---- SECTION TITLES (bigger-title / module-title) ---- */
.bigger-title h4 {
	background: linear-gradient(90deg, #B8860B 0%, #D4AF37 25%, #F0D060 50%, #D4AF37 75%, #B8860B 100%);
	background-size: 200% auto;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	animation: goldShimmer 5s linear infinite;
	letter-spacing: 3px;
}
.module-title h4 {
	color: #D4AF37;
	letter-spacing: 1.5px;
}
.module-separator {
	background: linear-gradient(90deg, #B8860B, #D4AF37, #E6C768) !important;
	height: 3px !important;
	width: 50px !important;
	box-shadow: 0 0 10px rgba(212,175,55,0.4);
}
.module-title {
	border-bottom: 1px solid rgba(212,175,55,0.15) !important;
}

/* ---- TOPBAR ---- */
.topbar {
	background: linear-gradient(90deg, #0B0B0B 0%, #130F00 50%, #0B0B0B 100%) !important;
	border-bottom: 1px solid rgba(212,175,55,0.18);
}
.topbar span { color: #D4AF37 !important; }
.topbar span i { color: #E6C768 !important; }

/* ---- SOCIAL ICONS ---- */
.social a {
	background: transparent !important;
	border: 1px solid rgba(212,175,55,0.35) !important;
	color: #D4AF37 !important;
	border-radius: 2px;
	transition: all 0.3s ease;
}
.social a:hover {
	background: #D4AF37 !important;
	color: #0B0B0B !important;
	box-shadow: 0 0 14px rgba(212,175,55,0.45);
	transform: translateY(-2px);
}

/* ---- HEADER / NAVBAR ---- */
.header-section {
	background: linear-gradient(180deg, rgba(11,11,11,0.97) 0%, rgba(11,11,11,0.88) 100%) !important;
	border-bottom: 1px solid rgba(212,175,55,0.12);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}
.header-section.affix {
	background: rgba(11,11,11,0.97) !important;
	border-bottom: 1px solid rgba(212,175,55,0.28) !important;
	box-shadow: 0 4px 28px rgba(0,0,0,0.85) !important;
}
.header-section.relative {
	background: rgba(11,11,11,1) !important;
}
.navbar-default {
	background: transparent !important;
	border: none !important;
}
.navbar-default .navbar-nav > li > a {
	color: #E8E8E8 !important;
	letter-spacing: 1.2px;
	font-size: 13px;
	position: relative;
	transition: color 0.3s ease;
}
.navbar-default .navbar-nav > li > a::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	right: 50%;
	height: 2px;
	background: linear-gradient(90deg, #B8860B, #D4AF37, #E6C768);
	transition: left 0.3s ease, right 0.3s ease;
}
.navbar-default .navbar-nav > li > a:hover::after,
.navbar-default .navbar-nav > .active > a::after,
.navbar-default .navbar-nav > .open > a::after {
	left: 0;
	right: 0;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover {
	color: #D4AF37 !important;
}
.navbar-toggle .icon-bar {
	background-color: #D4AF37 !important;
}
.navbar-toggle {
	border-color: rgba(212,175,55,0.4) !important;
}
.navbar-toggle:hover {
	background: rgba(212,175,55,0.08) !important;
}

/* ---- DROPDOWN ---- */
.dropdown-menu {
	background: #111111 !important;
	border: 1px solid rgba(212,175,55,0.18) !important;
	box-shadow: 0 12px 40px rgba(0,0,0,0.9) !important;
}
.dropdown-menu li {
	border-bottom: 1px solid rgba(212,175,55,0.08) !important;
}
.dropdown-menu > li > a {
	color: #BFBFBF !important;
	transition: all 0.25s ease;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	color: #D4AF37 !important;
	background: rgba(212,175,55,0.07) !important;
	padding-left: 22px;
}

/* ---- WHITE / GREY SECTIONS → DARK ---- */
.white-section,
.custom-section,
.page-title-section {
	background: #111111 !important;
}
.grey-section {
	background: #0D0D0D !important;
}
.white-back {
	background: #1A1A1A !important;
	box-shadow: 0 3px 24px rgba(0,0,0,0.55), 0 0 0 1px rgba(212,175,55,0.07) !important;
	color: #BFBFBF;
}
.grey-back {
	background: #141414 !important;
	box-shadow: 0 3px 24px rgba(0,0,0,0.55), 0 0 0 1px rgba(212,175,55,0.07) !important;
}
.white-back p, .grey-back p { color: #BFBFBF; }

/* ---- BUTTONS ---- */
.btn-primary,
.rcw-form .btn-primary {
	background: linear-gradient(135deg, #B8860B 0%, #D4AF37 50%, #E6C768 100%) !important;
	border: none !important;
	color: #0B0B0B !important;
	font-weight: 700 !important;
	letter-spacing: 2px !important;
	border-radius: 0 !important;
	box-shadow: 0 4px 18px rgba(212,175,55,0.28) !important;
	transition: all 0.38s ease !important;
	position: relative !important;
	overflow: hidden !important;
}
.btn-primary::after,
.rcw-form .btn-primary::after {
	content: '';
	position: absolute;
	top: 0;
	left: -120%;
	width: 60%;
	height: 100%;
	background: rgba(255,255,255,0.22);
	transform: skewX(-20deg);
	transition: left 0.5s ease;
}
.btn-primary:hover::after,
.rcw-form .btn-primary:hover::after { left: 160%; }
.btn-primary:hover,
.rcw-form .btn-primary:hover,
.btn-primary:focus,
.rcw-form .btn-primary:focus {
	background: linear-gradient(135deg, #D4AF37 0%, #E6C768 100%) !important;
	box-shadow: 0 7px 28px rgba(212,175,55,0.5) !important;
	transform: translateY(-3px) !important;
	color: #0B0B0B !important;
	border-color: transparent !important;
}
.btn-default,
.custom-section .btn-default,
.btn-slider {
	color: #D4AF37 !important;
	border: 1px solid #D4AF37 !important;
	background: transparent !important;
	letter-spacing: 2px !important;
	transition: all 0.32s ease !important;
	position: relative;
	overflow: hidden;
}
.btn-default:hover,
.custom-section .btn-default:hover,
.btn-slider:hover {
	background: linear-gradient(135deg, #B8860B, #D4AF37) !important;
	color: #0B0B0B !important;
	border-color: #D4AF37 !important;
	box-shadow: 0 6px 22px rgba(212,175,55,0.42) !important;
	transform: translateY(-3px) !important;
}

/* ---- SERVICE CARDS ---- */
.service-card {
	background: #1A1A1A !important;
	border: 1px solid rgba(212,175,55,0.1) !important;
	transition: transform 0.38s ease, box-shadow 0.38s ease, border-color 0.38s ease !important;
	position: relative !important;
	overflow: hidden !important;
}
.service-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 2px;
	background: linear-gradient(90deg, transparent, #D4AF37, transparent);
	opacity: 0;
	transition: opacity 0.38s ease;
}
.service-card:hover {
	border-color: rgba(212,175,55,0.4) !important;
	box-shadow: 0 12px 44px rgba(0,0,0,0.7), 0 0 22px rgba(212,175,55,0.14) !important;
	transform: translateY(-7px) !important;
}
.service-card:hover::before { opacity: 1; }
.service-card .module-title h4 { color: #D4AF37 !important; }
.service-card .divimage p { color: #BFBFBF !important; }

/* ---- HOVER EFFECTS ---- */
.hovercontent {
	background: rgba(0,0,0,0.86) !important;
}
.hoverbutton i {
	background: #D4AF37 !important;
	color: #0B0B0B !important;
	border-radius: 50% !important;
}

/* ---- WORKING HOURS BOXES ---- */
.working-box {
	background: rgba(212,175,55,0.06) !important;
	border: 1px solid rgba(212,175,55,0.22) !important;
	border-radius: 3px !important;
	transition: all 0.32s ease !important;
	animation: borderGlow 3.5s ease-in-out infinite;
}
.working-box:hover {
	background: rgba(212,175,55,0.16) !important;
	border-color: rgba(212,175,55,0.55) !important;
	box-shadow: 0 0 22px rgba(212,175,55,0.22) !important;
	transform: translateY(-5px) !important;
}
.working-box h4 {
	color: #D4AF37 !important;
	text-shadow: 0 2px 10px rgba(212,175,55,0.3) !important;
}
.working-box p {
	color: #E8E8E8 !important;
	text-shadow: none !important;
}
.working-box.closed {
	background: rgba(20,10,5,0.5) !important;
	border-color: rgba(184,134,11,0.18) !important;
	animation: none !important;
}
.working-box.closed h4,
.working-box.closed p {
	text-shadow: none !important;
}

/* ---- PARALLAX OVERLAYS ---- */
.overlay {
	background: linear-gradient(180deg, rgba(0,0,0,0.68) 0%, rgba(0,0,0,0.54) 100%) !important;
}
#firstparallax .bigger-title h4,
#secondparallax .bigger-title h4 {
	text-shadow: 0 0 30px rgba(212,175,55,0.3);
}

/* ---- CONTACT / PARALLAX SECTION ---- */
.contact-details h1,
.contact-details h2 {
	color: #D4AF37 !important;
	font-family: 'BebasNeue' !important;
}
.contact-details h1 {
	background: rgba(212,175,55,0.1) !important;
	border: 1px solid rgba(212,175,55,0.28) !important;
	color: #F5F5F5 !important;
	backdrop-filter: blur(6px);
	padding: 10px 24px !important;
}

/* ---- TESTIMONIALS ---- */
.testi-item .lead {
	color: rgba(245,245,245,0.88) !important;
}
.testi-item .lead::before,
.testi-item .lead::after {
	color: #D4AF37 !important;
}
.testi-item h4 { color: #D4AF37 !important; }

/* ---- BLOG SECTION ---- */
.post-section { background: #111111 !important; }
.post-section .grey-back {
	background: #141414 !important;
	border: 1px solid rgba(212,175,55,0.08) !important;
	transition: all 0.36s ease !important;
}
.post-section .grey-back:hover {
	border-color: rgba(212,175,55,0.32) !important;
	box-shadow: 0 8px 32px rgba(0,0,0,0.55), 0 0 16px rgba(212,175,55,0.09) !important;
	transform: translateX(5px) !important;
}
.post-section .module-title h4 { color: #E6C768 !important; }

/* ---- APPOINTMENT FORM ---- */
.rcw-form header {
	background: linear-gradient(135deg, #0B0B0B 0%, #1A1200 100%) !important;
	border-bottom: 2px solid rgba(212,175,55,0.5) !important;
}
.form-main-heading {
	color: #D4AF37 !important;
	letter-spacing: 2px;
}
.rcw-form .white {
	background: #1A1A1A !important;
	border: 1px solid rgba(212,175,55,0.12) !important;
}
.rcw-form .form-control {
	background: #111111 !important;
	border: 1px solid rgba(212,175,55,0.18) !important;
	color: #F5F5F5 !important;
	border-radius: 0 !important;
	transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}
.rcw-form .form-control:focus {
	border-color: #D4AF37 !important;
	box-shadow: 0 0 0 3px rgba(212,175,55,0.12) !important;
	background: #0B0B0B !important;
}
.rcw-form .form-control::-moz-placeholder    { color: #5A5A5A !important; }
.rcw-form .form-control:-ms-input-placeholder { color: #5A5A5A !important; }
.rcw-form .form-control::-webkit-input-placeholder { color: #5A5A5A !important; }
.rcw-form footer.white {
	background: #111111 !important;
	border-top: 1px solid rgba(212,175,55,0.12) !important;
	padding: 16px !important;
}

/* ---- INFO BOXES (WELCOME SECTION) ---- */
.info p strong { color: #D4AF37; }
.info p { color: #BFBFBF; }

/* ---- TAGLINE / CTA SECTION ---- */
.taglinemessage { color: #F5F5F5 !important; }
.taglinemessage h2 { color: #D4AF37 !important; }
.taglinemessage p { color: #BFBFBF !important; }

/* ---- FOOTER ---- */
.footer {
	background: linear-gradient(180deg, #0D0D0D 0%, #0B0B0B 100%) !important;
	border-top: 1px solid rgba(212,175,55,0.18) !important;
}
.footer .module-title h4,
.footer .widget-title h6 {
	color: #D4AF37 !important;
}
.footer .module-separator {
	background: linear-gradient(90deg, #B8860B, #D4AF37, #E6C768) !important;
}
.footer li,
.footer p,
.footer a { color: #BFBFBF !important; }
.footer a:hover { color: #D4AF37 !important; }
.footer .check li:before { color: #D4AF37 !important; }
.copyright {
	background: linear-gradient(90deg, #0B0B0B 0%, #130F00 50%, #0B0B0B 100%) !important;
	border-top: 1px solid rgba(212,175,55,0.18) !important;
}
.copyright p { color: #BFBFBF !important; }

/* ---- PROGRESS BARS ---- */
.progress {
	background: #1E1E1E !important;
	border-radius: 0 !important;
}
.progress-bar {
	background: linear-gradient(90deg, #B8860B, #D4AF37, #E6C768) !important;
	box-shadow: 0 0 10px rgba(212,175,55,0.35) !important;
}
.progress-bar span,
.progress-bar-striped {
	background: #0B0B0B !important;
}

/* ---- ACCORDION / PANELS ---- */
.panel-heading {
	background: linear-gradient(135deg, #1A1200, #251B00) !important;
	border: 1px solid rgba(212,175,55,0.18) !important;
}
.panel-heading h3,
.panel-heading i { color: #D4AF37 !important; }
.panel { border: 1px solid rgba(212,175,55,0.07) !important; }
.accordion-toggle-2 .panel-heading {
	background: #1A1A1A !important;
	border: 1px solid rgba(212,175,55,0.14) !important;
}
.accordion-toggle-2 .panel-heading h3,
.accordion-toggle-2 .panel-heading i { color: #D4AF37 !important; }
.accordion-toggle-2 .panel-body {
	background: #111111 !important;
	border: 1px solid rgba(212,175,55,0.1) !important;
}

/* ---- TABS ---- */
.tab-widget .nav-tabs > li > a,
.shop-tab .nav-tabs > li > a {
	background: #1A1A1A !important;
	border-bottom: 1px solid rgba(212,175,55,0.18) !important;
	color: #BFBFBF !important;
	transition: all 0.25s ease !important;
}
.tab-widget .nav-tabs > li > a:hover,
.shop-tab .nav-tabs > li > a:hover {
	color: #D4AF37 !important;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	background: linear-gradient(135deg, #B8860B, #D4AF37) !important;
	color: #0B0B0B !important;
}
.tab-widget .tab-content,
.shop-tab .tab-content {
	background: #1A1A1A !important;
	border: 1px solid rgba(212,175,55,0.12) !important;
	color: #BFBFBF !important;
}

/* ---- PAGINATION ---- */
.pagination > li > a,
.pagination > li > span {
	background: #1A1A1A !important;
	border: 1px solid rgba(212,175,55,0.18) !important;
	color: #D4AF37 !important;
}
.pagination > li > a:hover,
.pagination > li > span:hover {
	background: #D4AF37 !important;
	color: #0B0B0B !important;
	border-color: #D4AF37 !important;
}

/* ---- TOOLTIP ---- */
.tooltip-inner {
	background: linear-gradient(135deg, #1A1200, #D4AF37) !important;
	color: #0B0B0B !important;
	font-weight: 700 !important;
}

/* ---- PAGE TITLE SECTION ---- */
.page-title { color: #D4AF37 !important; }
.page-mini-title { color: #BFBFBF !important; }
.page-title-section {
	border-bottom: 1px solid rgba(212,175,55,0.12) !important;
}

/* ---- BACK TO TOP ---- */
.backtotop {
	background: linear-gradient(135deg, #B8860B, #D4AF37) !important;
	box-shadow: 0 4px 16px rgba(212,175,55,0.4) !important;
	border-radius: 2px !important;
}

/* ---- BLOCKQUOTE / LEAD ---- */
blockquote {
	border-left: 3px solid #D4AF37 !important;
	color: #BFBFBF;
}
.lead { color: #BFBFBF; }

/* ---- MODAL ---- */
.modal-content {
	background: #1A1A1A !important;
	border: 1px solid rgba(212,175,55,0.2) !important;
}
.modal-open .modal {
	background: rgba(0,0,0,0.88) !important;
}
.modal-body h4 { color: #D4AF37 !important; }
.modal-body span { color: #D4AF37 !important; }
.close { color: #D4AF37 !important; }

/* ---- HR & SEPARATORS ---- */
hr.customhr { border-color: #D4AF37 !important; }

/* ---- PORTFOLIO FILTER ---- */
.portfolio-filter ul li,
.portfolio-filter ul li a {
	color: #BFBFBF !important;
	transition: color 0.25s ease;
}
.portfolio-filter ul li:hover,
.portfolio-filter ul li a:hover {
	color: #D4AF37 !important;
}

/* ---- TIMELINE ---- */
.timeline:before { background: rgba(212,175,55,0.2) !important; }
.timeline > li > .timeline-badge {
	background: linear-gradient(135deg, #B8860B, #D4AF37) !important;
	box-shadow: 0 0 14px rgba(212,175,55,0.4) !important;
}

/* ---- NAVBAR LOGO GLOW ---- */
.navbar-brand img {
	filter: drop-shadow(0 0 8px rgba(212,175,55,0.28));
	transition: filter 0.3s ease;
}
.navbar-brand img:hover {
	filter: drop-shadow(0 0 16px rgba(212,175,55,0.6));
}

/* ---- SECTION TOP ACCENT LINES ---- */
#firstparallax,
#secondparallax,
#threeparallax {
	position: relative;
}
#firstparallax::before,
#secondparallax::before,
#threeparallax::before {
	content: '';
	position: absolute;
	top: 0; left: 0; right: 0;
	height: 2px;
	background: linear-gradient(90deg, transparent 0%, #D4AF37 50%, transparent 100%);
	z-index: 20;
}

/* ---- SLIDER BUTTONS ---- */
.btn-slider {
	color: #D4AF37 !important;
	border: 1px solid #D4AF37 !important;
}

/* ---- MINI GALLERY ---- */
.mini-gallery ul li img {
	transition: opacity 0.3s ease, transform 0.4s ease;
}
.mini-gallery ul li:hover img {
	opacity: 0.85;
	transform: scale(1.04);
}

/* ---- MOBILE RESPONSIVE OVERRIDES ---- */
@media (max-width: 768px) {
	.navbar-collapse {
		background: rgba(11,11,11,0.98) !important;
		border-top: 1px solid rgba(212,175,55,0.18) !important;
		box-shadow: 0 8px 28px rgba(0,0,0,0.8) !important;
	}
	.header-section {
		background: #0B0B0B !important;
	}
	.navbar-default .navbar-nav > li > a {
		border-bottom: 1px solid rgba(212,175,55,0.08) !important;
	}
	.navbar-default .navbar-nav > li > a::after {
		display: none;
	}
	.service-card:hover {
		transform: translateY(-3px) !important;
	}
	.working-box { animation: none !important; }
}

/* ====================================================
   FULL RESPONSIVE — ALL PAGES
==================================================== */

/* --- TOPBAR --- */
.topbar {
	padding: 6px 0;
}
.topbar .contactdetails span {
	display: inline-block;
	font-size: 12px;
	padding: 2px 6px;
	white-space: nowrap;
}
@media (max-width: 991px) {
	.topbar .pull-left,
	.topbar .pull-right {
		float: none !important;
		text-align: center !important;
	}
	.topbar .contactdetails {
		text-align: center;
		margin-bottom: 4px;
	}
	.topbar .contactdetails span {
		display: inline-block;
		font-size: 11px;
	}
	.topbar .social {
		text-align: center;
		margin-top: 4px;
	}
}
@media (max-width: 575px) {
	.topbar .contactdetails span.address-hide {
		display: none;
	}
	.topbar .contactdetails span {
		font-size: 11px;
		display: block;
	}
}

/* --- PAGE TITLE SECTION --- */
@media (max-width: 767px) {
	.page-title-section {
		padding: 30px 15px !important;
	}
	.page-title-section h1.page-title {
		font-size: 28px !important;
	}
	.page-title-section p.lead {
		font-size: 13px !important;
	}
}

/* --- NAVBAR LOGO --- */
@media (max-width: 767px) {
	.logo .navbar-brand img {
		height: 65px !important;
	}
}

/* --- SERVICES PAGE --- */
@media (max-width: 767px) {
	.flex-service-row > [class*="col-"] {
		width: 100% !important;
	}
	.flex-service-row .module.box {
		padding-bottom: 70px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.flex-service-row > [class*="col-"] {
		width: 50% !important;
	}
}

/* --- SERVICES / BLOG DETAIL (two-column split) --- */
@media (max-width: 767px) {
	.post-section .nopadding.col-md-6 {
		padding: 0 !important;
	}
	.taglinemessage.module.barberalt {
		padding: 25px 18px !important;
	}
	.taglinemessage h2 {
		font-size: 22px !important;
	}
}

/* --- BLOG LIST PAGE --- */
@media (max-width: 767px) {
	.post-section .module.grey-back .row {
		display: block !important;
	}
	.post-section .module.grey-back .col-md-4,
	.post-section .module.grey-back .col-sm-5 {
		width: 100% !important;
		padding: 0 !important;
	}
	.post-section .module.grey-back .col-md-8,
	.post-section .module.grey-back .col-sm-7 {
		width: 100% !important;
		padding: 15px !important;
	}
	.post-section .module.grey-back .hovereffect img {
		height: 200px !important;
		width: 100% !important;
	}
}

/* --- GALLERY PAGE --- */
@media (max-width: 767px) {
	.gallery-section .col-md-4,
	section .col-md-4 {
		margin-bottom: 15px;
	}
}

/* --- ABOUT PAGE --- */
@media (max-width: 767px) {
	.about-skills .progress {
		margin-bottom: 12px;
	}
}

/* --- CONTACT PAGE --- */
.map-responsive-wrap {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.map-responsive-wrap iframe {
	width: 100% !important;
	display: block;
}
@media (max-width: 767px) {
	.map-responsive-wrap iframe {
		height: 280px !important;
	}
	#contactform .col-lg-12 {
		margin-bottom: 8px;
	}
	#contactform input,
	#contactform textarea {
		font-size: 14px;
	}
}

/* --- FOOTER --- */
@media (max-width: 991px) {
	.footer .col-lg-3,
	.footer .col-md-4,
	.footer .col-lg-2 {
		margin-bottom: 25px;
	}
}
@media (max-width: 767px) {
	.footer .widget {
		margin-bottom: 20px !important;
	}
	.footer .col-lg-3,
	.footer .col-md-4,
	.footer .col-lg-2 {
		width: 100% !important;
	}
	.copyright p {
		font-size: 12px;
	}
}

/* --- GENERAL SECTION PADDING --- */
@media (max-width: 767px) {
	.post-section {
		padding: 30px 0 !important;
	}
	.white-section,
	.grey-section {
		padding: 30px 0 !important;
	}
}

/* --- IMAGE RESPONSIVE FALLBACK --- */
img {
	max-width: 100%;
	height: auto;
}

/* ====================================================
   RESPONSIVE OVERRIDES — EXTENDED
   Covers: index, index1, about, services, services-detail,
           blog, blog-single, gallery, contact, booking,
           header, topbar, footer
==================================================== */

/* --- index.php / index1.php: slider caption overflow --- */
@media (max-width: 767px) {
	.tp-banner-container {
		overflow-x: hidden;
	}
	.tp-caption {
		white-space: normal !important;
		word-break: break-word !important;
		max-width: 92vw !important;
	}
	.tp-caption.slider_01,
	.tp-caption.slider_03 {
		font-size: 22px !important;
		line-height: 1.3 !important;
	}
	.tp-caption.slider_02 {
		font-size: 13px !important;
		line-height: 1.6 !important;
	}
}

/* --- about.php: stack CTA buttons on small screens --- */
@media (max-width: 575px) {
	.button-wrapper {
		display: flex !important;
		flex-direction: column;
		align-items: stretch;
		gap: 8px;
	}
	.button-wrapper .btn {
		width: 100% !important;
		text-align: center !important;
		margin: 0 !important;
	}
}

/* --- services.php / index.php: compact filter/category tabs --- */
@media (max-width: 480px) {
	.category-filter-bar .filter-btn,
	.category-tabs .cat-tab {
		padding: 6px 10px !important;
		font-size: 11px !important;
		margin: 3px 2px !important;
	}
}

/* --- header.php: service dropdown on mobile --- */
@media (max-width: 767px) {
	.service-dropdown {
		min-width: 100% !important;
		max-height: 250px !important;
		position: static !important;
	}
	/* Disable CSS hover-open on mobile; Bootstrap click handles it */
	.navbar-default .navbar-nav > li.dropdown:hover > .dropdown-menu {
		display: none;
	}
	.navbar-default .navbar-nav > li.dropdown.open > .dropdown-menu {
		display: block !important;
	}
}

/* --- booking.php: fix fixed parallax background on mobile --- */
@media (max-width: 767px) {
	#firstparallax {
		background-attachment: scroll !important;
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}
	.bookform.rcw-form fieldset.row {
		padding: 0 8px !important;
	}
}

/* --- services-detail.php / blog-single.php: hero image on mobile --- */
@media (max-width: 767px) {
	.post-section.nopadding .module.white-back.nopadding .img-responsive {
		min-height: 220px !important;
		max-height: 320px;
		object-fit: cover;
	}
	.blog-content {
		font-size: 14px !important;
		line-height: 1.75 !important;
	}
	.blog-content img {
		width: 100% !important;
		height: auto !important;
	}
}

/* --- gallery.php: tighten spacing on phones --- */
@media (max-width: 480px) {
	section .col-md-4.col-sm-6.col-xs-12 {
		margin-bottom: 12px;
	}
}

/* --- contact.php: form note + submit button on narrow screens --- */
@media (max-width: 575px) {
	#contactform .pull-left,
	#contactform .pull-right {
		float: none !important;
		display: block !important;
		width: 100% !important;
		text-align: center !important;
	}
	#contactform #submit {
		margin-top: 10px;
		width: 100%;
	}
}

/* --- blog.php: fix image height in blog list on mobile --- */
@media (max-width: 767px) {
	.post-section .module.grey-back .hovereffect img {
		height: 200px !important;
	}
}

/* --- topbar.php: hide address on tiny screens already handled,
       but ensure social icons don't overflow --- */
@media (max-width: 360px) {
	.topbar .social a {
		padding: 0 4px;
		font-size: 13px;
	}
	.topbar .contactdetails span {
		font-size: 10px;
	}
}

/* --- footer.php: ensure logo doesn't overflow --- */
@media (max-width: 767px) {
	.footer .widget-title img {
		height: 100px !important;
		max-width: 100% !important;
	}
}