body {
	margin: 0;
	padding: 0;
	min-width: 100%;
	min-height: 100%;
	background: url(../images/pattern11.png);
	background-repeat: repeat;
	font-family: sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Ubuntu', Arial, sans-serif;
}

header .container{
	max-width: 1400px;
}

header {
	top:-58px;
	position: fixed;
	right: 0;
	left: 0;
	z-index: 1030;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
header.sticky {
	top: 0;
}

.inner-body header {
	top:0px;
	position: fixed;
	margin-bottom: 15px;
	}

.navbar-light .navbar-nav .nav-link {
	text-transform: uppercase;
	color: #494848;
	
	font-size: 14px;
	font-family: 'Ubuntu', Arial, sans-serif;
	display: block;
	font-weight: 400;
	height: 52px;
	line-height: 52px;
	padding: 0;
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link.active {
	border-bottom: 2px solid #AA2222; 
	-webkit-transition: color 0.2s linear, background-color 0.2s linear;
	-moz-transition: color 0.2s linear, background-color 0.2s linear;
	-o-transition: color 0.2s linear, background-color 0.2s linear;
	transition: color 0.2s linear, background-color 0.2s linear;
	text-decoration: none;
}

.jumbotron-section {display: block; background: url(../images/header1.jpg); background-repeat: no-repeat; background-position: top center;
-webkit-transition: opacity .75s ease-out;
-moz-transition: opacity .75s ease-out;
-ms-transition: opacity .75s ease-out;
-o-transition: opacity .75s ease-out;
transition: opacity .75s ease-out;
padding: 15px 0 140px 0;
position: relative;
font-family: 'Ubuntu', Arial, sans-serif;
}
.logo {width: 209px; display: block;}
.jumbotron-section h1 {
    color: #AA2222;
    text-shadow: 2px 2px 2px #222222;
    font-size: 32px;
    font-weight: bold;
	letter-spacing: -2px;
	line-height: 0.85;
	text-transform: uppercase;
	padding-top: 15px;
	margin: 0 0 32px 0;
	opacity: 1;
	transition: all 1s cubic-bezier(.17,.67,.35,1);
}
.jumbotron-section p {
    color: #c9c9c9;
    font-size: 18px;
    line-height: 1.8;
    margin: 0;
    max-width: 400px;
    position: relative;
    font-size: 18px;
}
.jumbotron-section p a {color: #AA2222; text-shadow: 2px 2px #222222; text-decoration: none;}

a:active, a:focus, a:hover, .jumbotron-section p a:hover {
    color: #292b31;
    text-decoration: none;
}

.ScrollDown {

    color: #c9c9c9;
    font-size: 15px;
    left: 50%;
    margin: 0 0 0 -50px;
    position: absolute;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: 100px;
    z-index: 999;
    -webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
bottom: 60px;
    

}
.ScrollDown:hover {color: #c9c9c9;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
bottom: 50px;

}
.ScrollDown span{
	position: absolute;
	top: 18px;
	-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
	}
.ScrollDown span:hover{
	color: #fff;
	top: 30px;
}
.reverse {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
}
section {padding: 70px 0;}
.my-works, .costomer-review, .services-list { background: #23567A;}
.my-works .item, .services-list .item, .owl-carousel .item {
    margin: 10px;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.4);

}

.services, .location {background: url(../images/dark_pattern_bg.jpg); background-repeat: repeat; display: block; }
.servicesColLeft {
}
.servicesColLeft h3, h3.big-heading	{
	color: #AA2222;
	font-size: 32px !important;
	text-shadow: 2px 2px 2px #222222;
	text-transform: uppercase;
	font-weight: bold !important;
	line-height: 0.85 !important;
}
.servicesColLeft .video{
	margin: 0.5em 0 2.5em;
	margin-top: 48px;
}
.servicesColLeft .video img{border-radius: 5px;}
.servicesColLeft p {
color: #636363;
font-size: 18px;
line-height: 1.6;
}
.servicesColLeft p a {color: #fff; text-decoration: none;}
.servicesColLeft p a:hover {color: #AA2222 !important; 
	-webkit-transition: color 0.2s linear, background-color 0.2s linear;
	-moz-transition: color 0.2s linear, background-color 0.2s linear;
	-o-transition: color 0.2s linear, background-color 0.2s linear;
	transition: color 0.2s linear, background-color 0.2s linear;}
.services figure h4 {
    color: #ddd;
    font-size: 18px;
    margin: 32px 0 10px 0;
    text-transform: uppercase;
}

.costomer-review h3.big-heading img {max-width: 30px;}
.costomer-review .mreview-rate {
	display: block;
	height: 40px;
	width: 225px;
	color: #F1C40F;
}
.costomer-review .mreview-title {
color:#f1c40f;
font-size:24px;
}

.costomer-review .mreview-block p {
	margin: 10px 0;
	font-size: 24px;
	color: #FFFFFF;
}
.costomer-review .mreview-meta {
    color: #898989;
    display: inline-block;
    font-size: 28px;
    vertical-align: top;
}
.costomer-review .mreview-title .rate-outsite i{
	margin-right: 5px;
}

.costomer-review .mreview-content a {
	color: #AA2222; 
	text-decoration: none;
}
.costomer-review .mreview-content a:active, .costomer-review .mreview-content a:focus, .costomer-review .mreview-content a:hover {
    color: #292b31;
}

.location {

}
.location h2 {
	font-size: 28px;
	font-weight: 300;
	margin: 0 0 12px;
	line-height: 1.2;
	color: #ddd;

} 
.location h2 span {color: #AA2222; font-weight: bold;}
.bdr {border:1px solid #fff;}
iframe {
    max-width: 100% !important;
}
.location h4 {
	color: #ddd;
	font-size: 22px;
	line-height: 1.7;
}
footer	{
	padding: 50px 0;
}
footer p{
	color: #999;
	line-height: 1;
	text-align: center;
	margin: 14px 0;
}

.themeBtn {
	font-family: 'Ubuntu', Arial, sans-serif;
line-height: 28px;
margin: 11px 0;
border: none !important;
border-color: #AA2222;
background: #AA2222;
border-radius: 3px;
color: #fff !important;
cursor: pointer;
display: inline-block;
font-size: 13px;
font-weight: 500 !important;
padding: 0 12px;
text-align: center;
text-transform: uppercase;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.themeBtn:hover {background: #333131;}


.modal-dialog {
    max-width: 1200px;
}
.modal-body {padding: 10px;}
button.close {position: absolute; right: -15px; top: -21px; color: #fff; opacity: 1;}
main {max-width: 1400px; }
.inner-body main {padding-top: 66px;}

/*.inner-body {background: #2C3A44;} */
/* Reviews page */
.reviews {
	background-color: #fff;
	color: #222;
}
.reviews h2 {
	border-bottom: 1px solid #d9d7d8;
	clear: both;
	margin: 20px 0;
	padding: 20px 0 20px 0;
	font-size: 38px;
	font-weight: 300;

}
.reviews .form-heading {
	background-color: #F1F1F1;
	border-bottom: 1px solid #DEDEDE;
	padding: 3px 7px;

}
.reviews .form-heading span {
		padding: 3px 7px;
	font: 1.6em/40px "Arial";
	margin: 0;
	padding: 0;

}

.reviews form {
	background-color: #F8F8F8;
border: 1px solid #CCCCCC;
margin-left: 60px;
padding: 10px;
position: relative;
}
.reviews form input {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 0;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	font-size: 11.5px;
	line-height: 18px;
	margin-bottom: 9px;
	padding: 10px 12px;
}
.reviews form.browse input{
	background-color: transparent;
	border: 0;
}
.reviews form.browse h3 {    
	color: #555555;
    display: block;
    font: bold 25px/25px "Arial";
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
}
.re-star-choose {

}

.reviews .reviewblock {
margin-left: 60px;

}

.reviewblock {
    border-bottom: 1px dashed #D1D1D1;
    margin-bottom: 20px;
    padding-bottom: 3px;
    border-bottom: 1px solid rgba(0,0,0,.1);
}
.reviewblock .mreview-content {
	border-bottom: 1px dashed #D1D1D1;
	padding-bottom: 20px;
}


.reviewblock::first-child {
	margin-top:20px;
}
.reviewblock .re-date {
    color: #888888;
    font-size: 16px;
    font-weight: normal;
    margin-left: 2px;
}
.reviewblock .mreview-title {color: #f1c40f; font-size: 18px;}
.reviewblock .re-title {font-size: 18px; font-weight: 600; color: #333333;}
.reviewblock .mreview-meta {font-size: 18px;}
.reviewblock:last-child, .cmblock:last-child {
    border-bottom: medium none;
}

/* Aboutus page */
.aboutus {background-color: #fff;}
.aboutus h2 {
	font-size: 38px;
	font-weight: 300;
	margin: 0 0 12px;
	color: #AA2222;
}


/* service page */ 

.services-list {
	color: #fff;

}

.services-list .table td {
    padding: .75rem;
    vertical-align: top;
    border-top: 0;
    border-bottom: 1px solid #dee2e6;
    color: #FFFFFF;
    font-size: 1.5em;
}
/*haircut-photos*/

.my-works .item {
    margin: 10px;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
}




/* Gallery */

.img-wrapper {
  position: relative;
  margin-top: 15px;
}
.img-wrapper img {
  width: 100%;
}
.img-overlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
}
.img-overlay i {
  color: #fff;
  font-size: 3em;
}
#overlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#overlay img {
  margin: 0;
  width: 80%;
  height: auto;
  object-fit: contain;
  padding: 5%;
}

@media screen and (min-width: 1200px) {
  #overlay img {
    width: 50%;
  }
}
#nextButton, #prevButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
}
#nextButton:hover, #prevButton:hover {
  opacity: 0.7;
}

#exitButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  position: absolute;
  top: 40px;
  right: 15px;
}
#exitButton:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
	#overlay img {
    width: 60%;
  }
  #prevButton {
    font-size: 3em;
  }
  #exitButton {
    font-size: 3em;
  }
}



@media (min-width: 576px) {}

@media (min-width: 768px) {
	.logo {width: 305px; }
	.jumbotron-section h1 {
	    font-size:60px;
		letter-spacing: -5px;
	}
	.servicesColLeft h3, h3.big-heading	{font-size: 48px !important; }
	.costomer-review h3.big-heading img {max-width: 40px;}
}

@media (min-width: 992px) {
	.jumbotron-section h1 {
	    font-size:80px;
		letter-spacing: -5px;
	}
	.servicesColLeft h3, h3.big-heading	{font-size: 60px !important;}
	.costomer-review h3.big-heading img {max-width: 58px;}
	.location h2 {font-size: 42px;}

	.navbar-light .navbar-nav .nav-link {
	    margin: 0 30px;
	}
}

@media (min-width: 1200px) {
	.jumbotron-section {
    	padding: 70px 14% 218px;
	}
	.servicesColLeft h3, h3.big-heading	{font-size: 74px !important;}
	.costomer-review h3.big-heading img {max-width: 70px;}
	.container {
		    max-width: 1200px;
	}

}