/********************************************************

 Template Name : Spa Care - Spa, Salon, Beauty HTML Template
 Description   : Spa Care is a clean and elegant video site HTML Template, created for people with life passion in spa business..
 Author        : Themeix
 Author URI    : http://themeix.com
 Template URI  : https://themeforest.net/item/spa-care-spa-salon-beauty-html5-css3-site-template/20292657
 Version       : 1.0


*************************************************************
 CSS INDEX

1. Default Style 
2. Start Header 
3. Top Feature 
4. Start Pricing Section 
5. Start Video Section 
6. Testimonials Styling 
7. Start Image Gallery 
8. contact section 
9. call-to-action 
10. google-map-area 
11. Start Footer 
12. scroll-top

*****************************************************************/


	/*
  	Flaticon icon font: Flaticon
  	Creation date: 27/07/2017 22:13
  	*/


/******************************************************

1. Default Style 

*********************************************************/

body {
    font-family: 'Quicksand', sans-serif;
    font-size: 16px;
    color: #232323;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
a {
    color: #232323;
}
.hidden {
    text-indent: -9999px;
    visibility: hidden;
    display: none;
}
.clear{
	clear:both!important;
}
/* Clears shit */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    zoom: 1;
}
a:hover {
    text-decoration: none;
}
a:focus {
    text-decoration: none;
    outline: 0;
}

.themeix-pb {
    padding-bottom: 90px;
}



.themeix-pt-80 {
    padding-top: 80px;
}
.section-heading,
.section-title {
    font-size: 28px;
    color: #232323;
    font-weight: 400;
    letter-spacing: 0px;
    margin-top: 0px;
    line-height: 38px;
}
.section-heading span,
.section-title span {
    color: #debe8c;
}
.section-heading span {
    font-weight: 600;
}
.section-title h2 {
    display: inline-block;
    margin-top: 0px;
    font-family: 'Quicksand', sans-serif;
	font-size: 40px;
	font-size: 40px;
}
.section-title {
    display: inline-block;
    position: relative;
    text-align: center;
}
.section-title:before {
    background-color: #000;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    bottom:-35%;
    width: 35%;
}
.section-title:after {
    background-color: #1B2B24;
    content: "";
    height: 1px;
    right: 0;
    position: absolute;
    bottom:-35%;
    width: 35%;
}
.section-title i {
    position: absolute;
    font-size: 20px;
    left: 0px;
    right: 0px;
    text-align: center;
    bottom: -25px;
    color: #1B2B24;
}
.bg-lite .section-title {
    color: #fff;
}
.bg-lite .section-title:before {
    background-color: #fff;
}
.bg-lite .section-title:after {
    background-color: #fff;
}
.bg-lite .section-title i {
    color: #fff;
}
.sub-title {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 48px;
    margin-bottom: 0px;
    color: #1B2B24;
}
.themeix-btn {
    display: inline-block;
    color: rgb(255, 255, 255);
    text-transform: capitalize;
    font-weight: 400;
    padding: 10px 20px;
    border-radius: 0px;
    -webkit-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
}
.default-btn {
    background-color: #1B2B24;
}
.light-btn {
    background-color: #debe8c;
}
.active-btn {
    background-color: #232323;
}
.active-btn:hover {
    background-color: #1B2B24;
    color: #fff;
}
.default-btn:hover {
    background-color: #232323;
    color: #fff;
}
.border-btn {
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    color: #232323;
    border-width: 2px;
    border-style: solid;
    border-color: #1B2B24;
    -o-border-image: initial;
       border-image: initial;
    -webkit-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
}
.border-btn:hover {
    background-color: #232323;
    color: #fff;
    border-color: #232323;
}
.active-color {
    color: #1B2B24;
}
.themeix-btn-group a {
    margin-right: 20px;
}
.themeix-btn-group a:last-child {
    margin-right: 0;
}
.bg-info {
    background-image: url('images/bg-3.jpg');
}
.bg-lite {
    background-color: #1B2B24;
}
.bg-black {
    background-color: #313131;
}
.bg-semi-dark {
    background-color: #1B2B24;
}
.half-column {
    width: 50%;
    float: left;
}
.image-bg {
    background-image: url("images/video-demo.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.brand-name img {
    max-width: 180px;
    margin-top: 10px;
}
/*************************************************

2. Start Header

*****************************************************/

.header-area {
    background-image: url("images/bg-1.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 100vh;
}

.water-area {
    background-image: url("images/bg-1.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 200px;
}

/* Wraps the main content & footer */

.site-wrapper {
    position: relative;
    z-index: 10;
    min-height: 100%;
    background: #fff;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
    overflow: hidden;
}
body.nav-opened .site-wrapper {
    overflow-x: hidden;
    -webkit-transform: translate3D(-200px, 0, 0);
    transform: translate3D(-200px, 0, 0);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
/******** NAVIGATION SECTION START ********/

#sidebar {
    background: rgba(255, 255, 255, 0.86);
    width: 200px;
    height: 100%;
    display: block;
    position: absolute;
    right: -200px;
    top: 0px;
    -webkit-transition: right 0.3s linear;
    transition: right 0.3s linear;
    position: fixed;
    z-index: 12;
    box-shadow: 0 0 22px -12px #000000;
    padding-top: 40px;
}
#sidebar.visible {
    right: 0px!Important;
    -webkit-transition: right 0.3s linear;
    transition: right 0.3s linear;
}
#sidebar-btn {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    cursor: pointer;
    position: absolute;
    top: 60px;
    right: 240px;
    padding: 5px;
}
#sidebar-btn span {
    height: 2px;
    background: rgba(12, 12, 12, 0.44);
    margin-bottom: 5px;
    display: block;
    margin-top: 6px;
}
ul {
    margin: 0px;
    padding: 0px;
}
ul li {
    list-style: none;
}
#sidebar ul li a {
    letter-spacing: 0;
    color: #232323;
    border-bottom: 1px solid #fff;
    display: block;
    padding: 15px;
    text-decoration: none;
    font-size: 15px;
    padding-left: 30px;
}
#sidebar ul li a:hover {
    -webkit-transition: all 0.6s ease-in;
    transition: all 0.6s ease-in;
    color: #707070;
}
.white-heading {
    color: #1b2b24;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
}
.hero-heading {
    font-size: 40px;
    font-weight: 900;
    color: #1B2B24;
    line-height: 45px;
	align-content: left !important;
}
.hero-heading span {
    color: #DEBE8C;
}
.caption-text p {
    color: rgb(35, 35, 35);
    padding-bottom: 20px;
    line-height: 26px;
    text-transform: none;
    font-size: 16px;
}
.header-caption {
    width: 650px;
    height: 70vh!important;
    background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 59%, rgb(255, 255, 255) 100%);
    background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 59%, rgb(255, 255, 255) 100%);
    padding: 20px 20px 0px 40px;
}
.read-more-btn {
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    background-color: #1B2B24;
    padding: 20px 40px;
}
.header-caption .read-more-btn {
    display: inline-block;
    margin-top: 65px;
}
.caption-text {
    position: relative;
    padding: 10px 0 20px 30px;
    z-index: 10;
}
.caption-text:after {
    content: "";
    width: 50%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 5;
    border-left: 10px solid #1B2B24;
    border-top: 10px solid #1B2B24;
    border-bottom: 10px solid #1B2B24;
}
.half-border {
    position: relative;
}
.half-border:before {
    content: "";
    width: 50%;
    height: 10%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 5;
    border-right: 10px solid #1b2b24;
}
.half-border:after {
    content: "";
    width: 50%;
    height: 10%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 5;
    border-right: 10px solid #1B2B24;
}
.caption-wrapper {
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0
}
.header-caption .logo {
    padding-bottom: 15%;
}
.header-caption .themeix-btn {
    margin-top: 90px;
}
.slider-carousel-wrapper .owl-dots {
    position: absolute;
    right: 0;
}
.slider-carousel-wrapper .owl-dot {
    display: inline-block;
    background: #ddd;
    width: 35px;
    height: 15px;
    margin-right: 20px;
}
.slider-carousel-wrapper .owl-dot.active {
    right: 0;
    background: #1B2B24;
}
/********************************

3. Top Feature

*******************************/

.top-spa-feature {
    text-align: center;
    background-color: #ffffff;
    padding: 30px;
    box-sizing: border-box;
    box-shadow: 0 1px 6px -3px;
}
.top-spa-feature .glyph-icon {
    height: 90px;
}
.feature-icon span {
    height:90px;
    width:90px;
    border-radius:50%;
    background:#1B2B24;
    color:#fff;
    line-height:90px;
    font-size:35px;
}

/**************************************************

4. Start Pricing Section

******************************************************/

ul.ratting-list li {
    display: inline-block;
}
span.price {
    color: #2f2f2f;
    font-weight: 500;
    font-size: 28px;
}
.single-pricing .price {
    display: block;
    margin: 10px 0;
}
.single-pricing p {
    padding: 10px 0;
}
.pricing-wrapper {
    width: 100%;
    overflow: hidden;
}
.single-pricing {
	border-radius: 20px;
	padding: 5px;
	border: 12px solid #333;
	margin-right: 10px;
	margin-bottom: 10px;
    width: 32%;
    float: left;
    text-align: center;
    min-height: 480px;
    position: relative;
    background-size: cover;
    background-position: center center;
}

.single-pricing-large {
	border-radius: 20px;
	padding: 15px;
	border: 12px solid #333;
	margin-left: 14px;
	margin-right: 14px;
	margin-bottom: 10px;
	margin-top: 30px;
    width: 95%;
    text-align: left;
    height: auto;
    position: relative;
    background-size: cover;
    background-position: center center;
}

.single-pricing-slim {
	border-radius: 20px;
	text-align: center;
	padding: 15px;
	border: 12px solid #333;
	margin-bottom: 60px;
	margin-top: 30px;
    width: 58%;
    max-height: 100px;
    position: relative;
}

.single-pricing .themeix-btn-2 {
    margin-top: 20px;
}

.hover-content {
	font-size: 2rem;
	padding: 5px;
    background-color: #fff;
    height: 100%;
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 0;
    -webkit-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
    visibility: hidden;
    width: 100%;
    border: 2px solid #1B2B24;
	color: #333;
}
.service-hover-img {
    height: 100%;
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 0;
    -webkit-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
    visibility: hidden;
    width: 100%;
    z-index: 1;
}
.pricing-info {
    position: relative;
    z-index: 3;
}
.single-pricing:hover .hover-content {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
}
.single-pricing:hover .service-hover-img {
    opacity: .1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=36)";
    visibility: visible;
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
}
.pricing-img {
    display: inline-block;
}
.pricing-img > img {
    width: 100%;
}
.service-hover-img img {
    max-width: 100%;
}
.service-hover-img a {
    display: inline-block;
}
.service-hover-img > a:before {
    content: "Order-Now";
    position: absolute;
    top: 50%;
    left: 0;
    text-align: center;
    right: 0;
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 0;
    -webkit-transition: all .4s linear 0s;
    transition: all .4s linear 0s;
    border: 1px solid #525252;
    width: 50%;
    margin: 0 auto;
    z-index: 5;
    background: #525252;
    color: #fff;
}
ul.ratting-list a span {
    color: rgb(255, 152, 0);
}
/************************************************

5. Start Video Section 

**************************************************/

.half-column-img,
.half-column-img a {
    display:block;
    position: relative;
    width: 100%;
    height: 100%;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
}
.half-column-img a:before {
    content: "\f01d";
    font-family: 'Quicksand', sans-serif;
    color: #d3d3d3;
    font-size: 100px;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 50%;
    -webkit-transform: scale(0.8) translateY(-50%);
    transform: scale(0.8) translateY(-50%);
    -webkit-transition: all .4s linear 0s;
    transition: all .4s linear 0s;
    z-index: 10;
}
.video-play-img a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2);
}
.video-play-img:before {
    content: "";
    height: 80%;
    left: 0;
    position: absolute;
    width: 80%;
    z-index: 9;
    margin: 0 auto;
    text-align: center;
    right: 0;
    top: 50%;
    -webkit-transition: all .4s linear 0s;
    transition: all .4s linear 0s;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.video-play-img:hover:before {
    -webkit-transform: scale(1) translateY(-50%);
    transform: scale(1) translateY(-50%);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.video-play-img:hover a:after {
    background-color: rgba(0, 0, 0, .6);
}
.video-play-img:hover a:before {
    color: #fff;
}
.video-play-img:after {
    content: "";
    height: 80%;
    left: 0;
    position: absolute;
    width: 80%;
    z-index: 9;
    margin: 0 auto;
    text-align: center;
    right: 0;
    top: 50%;

    -webkit-transition: all .4s linear 0s;
    transition: all .4s linear 0s;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.video-play-img:hover:after { 
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.half-column-content {
    display: table-cell;
    min-height: 375px;
    padding-left: 60px;
    padding-right: 25px;
    vertical-align: middle;
    padding-top: 90px;
    padding-bottom: 100px;
}
.half-column-content .themeix-btn-group {
    margin-top: 50px;
}
.half-column-content .section-heading {
    margin-bottom: 10px;
}
.half-column-img img {
    height: auto;
}
.custom-column-wrapper {
    display: table;
    width: 100%;
}
.custom-column-wrapper .half-column {
    display: table-cell;
}
/***************************************************************************************

  6- Testimonials Styling

***************************************************************************************/

.single-testimonial {
    display: block;
    margin: 60px auto 0;
    position: relative;
    width: 96%;
}
.testimonial-info {
    background-color: #fff;
    padding: 30px 30px 30px 40px;
    position: relative;
}

.testimonial-info > p {
    color: #232323;
    font-size: 16px;
    line-height: 30px;
    margin: 0;
    padding: 21px;
    position: relative;
}

.testimonial-author {
    margin-right: 70px;
    margin-top: 15px;
    text-align: right;
}
.testimonial-author > h5 {
    font-size: 22px;
    font-weight: 600;
    margin: 0;
}
.testimonial-author > span {
    display: inline-block;
    font-size: 14px;
    margin-right: 10px;
}
.testimonial-author > a {
    float: right;
}
.testimonial-author img {
    border-radius: 50%;
}
.testimonials-area .section-title {
    margin-bottom: 0;
}
.owl-nav div {
    position: absolute;
    width: 50px;
    height: 50px;
    background-color: #fff;
    color: #666;
    font-size: 18px;
    top: 40%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    line-height: 50px;
    -webkit-transition: all .4s linear 0s;
    transition: all .4s linear 0s;
}
.owl-nav .owl-next {
    right: -50px;
}
.owl-nav .owl-prev {
    left: -50px;
}
.owl-nav div:hover {
    background-color: #666;
    color: #fff;
}
/***************************************

7. Start Image Gallery

****************************************/

.title-wraper {
    text-align: center;
    color: #fff;
    padding-bottom: 25px;
}
.title-wraper .section-title span {
    color: #fff;
}
.title-wraper .section-title:after {
    background-color: #fff;
}
.image-gallery-area .owl-dots {
    margin: 0 auto;
}
.image-gallery-area .owl-dot {
    border: 1px solid #fff;
    display: inline-block;
    height: 12px;
    margin-right: 10px;
    width: 35px;
    -webkit-transition: all .4s linear 0s;
    transition: all .4s linear 0s;
}
.image-gallery-area .owl-controls {
    text-align: center;
    margin-top: 10px;
    position: absolute;
    left: 0;
    right: 0;
}
.image-gallery-area .owl-dot.active {
    background-color:#fff;
    border-color: #fff;
}
.image-gallery-area {
    position: relative;
    z-index: -1;
}
/***************************************

8. contact section

********************************/

.contact-form input {
    border-radius: 0;
    height: 45px;
}
.contact-form textarea {
    border-radius: 0;
    height: 180px;
}
.contact-form .form-control {
    margin-bottom: 30px;
}
.contact-image > img {
    width: 80%;
}
.submit-btn {
    border: medium none;
}
.contact-form {
    margin-top: 35px;
}
.contact-image.equal-item {
/*    background: url(images/bg-1.jpg) center center / contain no-repeat;*/
    background-position: center center;
    background-repeat: no-repeat;
}
/**********************************

9. call-to-action

*************************************/

.countdown li {
    color: #333;
    display: inline-block;
    margin-right: 5px;
    padding: 0 5px;
    position: relative;
    text-align: center;
    width: 80px;
    padding: 15px 0;
    border: 1px solid #1B2B24;
}
.countdown li span,
.simply-amount {
    display: block;
    font-size: 25px;
    position: relative;
    z-index: 9;
    color: #2f2f2f;
    font-weight: 600;
}
.timer.jst-timeout {
    text-align: center;
}
.timer .simple-section {
    display: inline-block;
}
ul.timer li {
    display: inline-block;
}
.call-to-action-countdown {
    text-align: right;
}
.call-to-action-btn {} .call-to-action-btn a {
    margin-top: 15px;
}
.active-heading {
    margin-top: 0;
    color: #debe8c;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 600;
}
.simply-countdown {
    overflow: hidden;
    display: table;
    font-family: 'Quicksand', sans-serif;
    margin: 0 auto;
	float:right;
}
.simply-countdown > .simply-section {
    width: 100px;
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    float: left;
    margin-right: 10px;
    background: #fff;
}
.simply-countdown > .simply-section:last-child {
    margin-right: 0;
}
.simply-countdown > .simply-section .simply-amount,
.simply-countdown > .simply-section .simply-word {
    display: block;
    text-align: center;
}
/*******************************

10. google-map-area

******************************/

.google-map-area {
    background-image: url("images/big-bg.jpg");
    background-position: center center;
    background-size: cover;
	background-repeat:no-repeat;
    background-attachment: fixed;
    position: relative;
    text-align: center;
	padding:130px 0px;
}

.google-map-area:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
}

/***********************************************************

11. Start Footer 

*******************************************************/

.footer-area {
    color: #2d2b2b;
    font-size: 14px;
}
.footer-area a {
    color:#2d2b2b;
    transition:all .4s linear 0s;
}
.footer-area a:hover {
    color:#d9d9d9;
}
.footer-bottom {
    color: #fff;
}
.footer-bottom a {
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
}
.footer-logo {
    margin-bottom: 30px;
}
.footer-logo img {
    max-width: 171px;
}
.themeix-sm-heading {
    margin-top: 10px;
    font-weight: 600;
    font-size: 22px;
    color: #232323;
    text-transform: capitalize;
}
.single-list,
.news-link-list {
    padding: 5px 0;
}
.single-list,
.news-link-list,
.sm-gallery {
    width: 100%;
    overflow: hidden;
}
.single-list .info-icon {
    float: left;
    width: 35px;
    display: inline-block;
    text-align: right;
    padding-right: 15px;
    color: #1B2B24;
}
.single-list .info-icon span {
    font-size: 20px;
    margin-top: 5px;
}
.single-list .info-text {
    float: left;
    width: 85%;
}
.single-list .info-icon img {
    margin-top: 5px;
    padding-right: 10px;
}
.news-link-list .news-link-img {
    width: 20%;
    float: left;
    display: inline-block;
    overflow: hidden;
    padding-right: 20px;
    margin-top: 8px;
}
.news-link-list .news-link-img img {
    max-width: 100px;
    width: 100%;
    min-width: 35px;
}

.blog-image{
	width: 70%;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 20px;
}

.news-link-list .news-link {
    float: left;
    width: 80%;
}
.sm-gallery .gall-img {
    float: left;
    padding-top: 15px;
}
.gall-img img {
    width: 100%;
    padding-right: 10px;
}
ul.social-share li {
    display: inline-block;
}
ul.social-share li a {
    font-size: 25px;
    padding-right: 15px;
}
ul.social-share li a:hover {
    color:#1B2B24;
}
ul.social-share li:last-child a {
    padding-right: 0;
}
.footer-widget .social-share {
    margin-top: 10px;
}
.quick-links {
    text-align: right;
}
.quick-links li {
    display: inline-block;
}
.quick-links li a {
    font-size: 15px;
    text-transform: capitalize;
    margin-right: 20px;
    font-weight: 300;
    -webkit-transition: all .4s linear 0s;
    transition: all .4s linear 0s;
}
.quick-links li.active a {
    border-bottom: 1px solid #fff;
}
.quick-links li a:hover {
    border-bottom: 1px solid #fff;
}
.quick-links li:last-child a {
    margin-right: 0;
}
.copyright-text p {
    margin-bottom: 0;
}
.copyright-text2 {
    text-align: right;
}
.copyright-text2 a. .copyright-text a{
    color: #fff;
}
.footer-widget .office-addres,
.footer-widget .recent-update-links,
.footer-widget .sm-gallery {
    margin-top: 25px;
}
.footer-widget .footer-text{
	margin-bottom:20px;
}
.footer-bottom {
    padding: 10px;
    padding-top: 25px;
}
/*********************************************************

 12. scroll-top

 **********************************************************/

.scroll-top {
    position: fixed;
    width: 50px;
    height: 50px;
    background-color: #444444;
    bottom: 10px;
    right: 20px;
    z-index: 9999;
    cursor: pointer;
    -webkit-transition: all .4s linear 0s;
    transition: all .4s linear 0s;
    display: none;
}
.scroll-top .scroll-icon {
    color: #fff;
    font-size: 40px;
    line-height: 45px;
    text-align: center;
}
.scroll-top:hover {
    background-color: #cc181e;
}
.progress-bar {
    -webkit-transition: all 2s linear 0s;
    transition: all 2s linear 0s;
}
/***********************************************************

13. Recent Works

******************************************************/

.work-list {
    overflow: hidden;
    display: inline-block;
    margin: 50px 0 30px 0;
}
.work-list button {
    display: inline-block;
    background-color: rgb(171, 171, 171);
    color: rgb(255, 255, 255);
    font-weight: 400;
    font-size: 16px;
    text-transform: capitalize;
    padding: 10px 15px;
    margin: 5px;
    outline: none;
    border: none;
    transition:all .4s linear 0s;
}
.work-list button:hover {
     background-color: #1B2B24;
}
.work-list button.active {
    background-color: #1B2B24;
}

/* Preloader */

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    /* change if the mask should have another color then white */
    
    z-index: 99;
    /* makes sure it stays on top */
}
#status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    /* centers the loading animation horizontally one the screen */
    
    top: 50%;
    /* centers the loading animation vertically one the screen */
    
    background-image: url(images/cube.gif);
    /* path to your loading animation */
    
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
    /* is width and height divided by two */
}
.filtr-item {
    margin-bottom:20px;
}
.filtr-item a {
    display:inline-block;
    overflow:hidden;
    position:relative;
	    -webkit-transition: all 0.4s linear 0s;
    transition: all 0.6s linear 0s;
}
.filtr-item a::before {
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background-color:rgba(33,150,243,.7);
    opacity:0;
    transform:scale(0);
	    -webkit-transition: all 0.4s linear 0s;
    transition: all 0.6s linear 0s;
 
}
.filtr-item a:hover::before{
    transform:scale(1);
    opacity:1;
}
.filtr-item a::after {
    content:"\f0b2";
    font-family:'Quicksand', sans-serif;
    font-size:35px;
    color:#fff;
    position:absolute;
    left:46%;
    top:46%;
    transform:scale(0) translateY(-50%);
    opacity:0;
}

.filtr-item a:hover::after {
    transform: scale(1);
    opacity:1;
}
.filtr-item a img {
    max-width:100%;
}
/****************************************************************

Demo options Panels 

**************************************************************************/

.demo-optiond-bar p {
    font-size: 14px;
}
.demo-optiond-bar {
    background: #000 none repeat scroll 0 0;
    box-sizing: content-box;
    left: 0;
    padding: 10px;
    position:fixed;
    top:25%;
    -webkit-transition: all 0.6s linear 0s;
    transition: all 0.6s linear 0s;
    width: 130px;
    z-index: 700;
    color: #fff;
}
.styleswitcher-list li {
    display: inline-block;
}
.styleswitcher-list li a {
    background-color: red;
    display: inline-block;
    height: 30px;
    margin: 5px;
    text-decoration: none;
    width: 30px;
}
.theme-color {
    width: 50px;
}
.image-list li {
    display: inline-block;
}
.image-list li a {
    display: inline-block;
    margin: 3px;
    width: 30px;
    height: 30px;
}
.styleswitcher-list li.opt-one a {
    background-color: #2a9dd6;
}
.styleswitcher-list li.opt-two a {
    background-color: #01c6d9;
}
.styleswitcher-list li.opt-three a {
    background-color: #58c3b3;
}
.styleswitcher-list li.opt-four a {
    background-color: #f7b93e;
}
.styleswitcher-list li.opt-five a {
    background-color: #489781;
}
.styleswitcher-list li.opt-six a {
    background-color: #dc4637;
}
.styleswitcher-list li.opt-seven a {
    background-color: #2f5b8a;
}
.styleswitcher-list li.opt-eight a {
    background-color: #9b4c86;
}
.styleswitcher-list li.opt-nine a {
    background-color: #1399bc;
}
.styleswitcher-list li.opt-ten a {
    background-color: #f77462;
}
.styleswitcher-list li.opt-eleven a {
    background-color: #ca9569;
}
.styleswitcher-list li.opt-twelve a {
    background-color: #e9336a;
}
.setting-icons {
  background-color: #1B2B24;
  color: #fff;
  height: 50px;
  left: 149px;
  position: fixed;
  text-align: center;
  top: 25%;
  transition: all 0.4s linear 0.2s;
  width: 50px;
}
.setting-icons span {
    line-height: 50px;
    font-size: 30px;
    cursor: pointer;
    width: 100%;
}
.ps-current {
    height: 447px !important;
}
.elt_1,
.elt_2,
.elt_3 {
    height: 154px !important;
}
button.jscolor {
    background-color: #cc181e;
    border: medium none;
    color: #fff;
    font-size: 12px;
    border-radius: 10px;
}
.demo-wrapper.collapse-left .demo-optiond-bar {
    margin-left: 0;
    transition:all .4s linear 0s;
}
.demo-wrapper.collapse-left .setting-icons {
    margin-left: 0;
    transition:all .1s linear 0s;
}
.demo-reset-btn {
    margin-top:5px;
    margin-bottom: 5px;
        width: 95%;
}

.collapsePane .demo-optiond-bar {
    left: -100%;
}

.collapsePane .setting-icons {
    left:0;
 }

/*SMT Edits*/

.caption-filler{
	margin-top: 100px;
}

.are-you-ok{
	padding-top: 30px;
	margin: auto;
	width: 90%;
	font-size: 2rem;
	text-align: center;
}


.blog-text{
	padding: 5px;
	width: 100%;
	font-size: 2rem;
	text-align: left;
	color: #000 !important;
	cursor: pointer !important;
}

.are-you-ok span{
	padding-top: 50px;
	margin: auto;
	width: 80%;
	font-size: 3rem;
	text-align: center;
	align-content: center;
	line-height: 40px;
}

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

.work-image-margin-top{
	margin-top: 40px;
}

.btn-black-help{
	background-color: #333;
	color: white;
	padding-left: 50px;
	padding-right: 50px;
	min-width: 700px!important;
}

.btn-black-book{
	background-color: #333;
	color: white;
	padding-left: 50px;
	padding-right: 50px;
	max-width: 400px!important;
}

#parent{
	position: relative;
}

.box-1{
	position: absolute;
	width: 260px;
	height: 140px;
	background-color: red;
	top: 270px;
	left: 580px;
	background-color: #fff;
	border: 1px solid #333;
	border-radius: 20px;
}

.box-1 p{
	margin-top: 8px;
	padding: 6px;
	font-size: 20px;
	text-align: center;
}

.box-2{
	position: absolute;
	width: 260px;
	height: 140px;
	background-color: blue;
	top: 270px;
	left: 580px;
	background-color: #fff;
	border: 1px solid #333;
	border-radius: 20px;
}

.box-2 p{
	margin-top: 8px;
	padding: 6px;
	font-size: 20px;
	text-align: center;
}

h1{
	margin-top: -10px;
	padding: 6px;
	font-size: 24px;
	text-align: center;
}

.work-image{
	width: 800px;
}

.logo-ball{
	margin-bottom: 5px;
	margin-bottom: 5px;
	font-size: 18px;
}


.black-box{
	margin: auto;
	width: 500px;
	height: 50px;
	font-size: 30px;
	line-height: 40px;
	background-color: #1B2B24;
	margin-top: 35px;
	color: #F0E2CB;
	align-content: center;
	text-transform: uppercase;
	padding-top: 6px;
}

.appointments-button{
	margin-top: 40px;
	width: auto;
	background-color: #000;
	padding: 12px;
	font-size: 2rem;
	border-radius: 4px;
	cursor: pointer;
	text-align-last: center;
}


a:hover {
  color: #F0E2CB;
}

a:visited {
  color: #000;
}

.white-text{
	color: white !important;
}

@media screen and (max-width: 992px) {
    .black-box {
    margin: auto;
	width: 300px;
	height: 40px;
	font-size: 16px;
	line-height: 30px;
	background-color: #333;
	margin-top: 35px;
	color: white;
	align-content: center;
	text-transform: uppercase;
	padding-top: 6px;
  }
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button{
	-webkit-appearance: none !important;
	margin 0;
}

.mobile-number-input{
	width: 100%;
	margin-top: 20px;
	background-color: transparent;
	font-size: 20px;
	font-weight: 600;
	color: #333;
	line-height: 40px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 5px;
	border-radius: 8px;
}

.newsletter-input{
	width: 100%;
	margin-top: 10px;
	background-color: transparent;
	font-size: 20px;
	font-weight: 600;
	color: #333;
	line-height: 40px;
	padding: 10px;
	border-radius: 6px;
	text-align: center;
}

input[type=text] {
	border: 1px solid rgba(27, 43, 36, 0.66) ;
	font-family: sans-serif;
	color: #1b2b24;
}

.success-message-box{
    position: absolute;
    top: 30px;
    left: 50%;
    width: 500px;
    height: auto;
    border: 5px solid #e2b933;
    border-radius: 10px;
    background: #000;
    color: white;
    padding: 10px;
    z-index: 999;
}

.updateMessageBox{
    width: 50%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: -5x;
    background-color: rgba(16, 12, 4, 0.92);
	
    color: #fff;
    align-content: center;
    font-size: 2rem;
    z-index: 9999;
    
     animation:updateMessageBox 5s 1;
    -webkit-animation:updateMessageBox 5s 1;
    animation-fill-mode: forwards;
    
    animation-delay:5s;
    -webkit-animation-delay:5s; /* Safari and Chrome */
    -webkit-animation-fill-mode: forwards; 
}

@keyframes updateMessageBox{
    from {opacity :1;}
    to {opacity :0;}
}

@-webkit-keyframes updateMessageBox{
    from {opacity :1;}
    to {opacity :0;}
}

..sms_login{
    color: #ffffff !important;
    font-size: 25px;
}

.captcha{
	margin-bottom: 50px;
	font-size: 3rem;
	font-weight: bold;
}

.user-input-box{
	border: 1px solid #333;
	background-color: #fff;
	width: 100px;
	border-radius: 8px!important;
	margin-left: 10px;
	padding: 10px;
}

.user-input-button{
	border: 1px solid #333;
	background-color: #fff;
	width: 50px;
	border-radius: 8px!important;
	margin-left: 20px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.bhgc{
	background-color: transparent;
	text-align: center;
}

.text-lg{
	font-size: 34px;
}

.bhgc-logo{
	text-align: center;
	align-content: center;
}

.audit-title {
	font-size: 34px;
	font-weight: bold;
	color: #333;	
}


.audit-text{
	font-size: 18px;
	color: #333;
	line-height: 20px;
	text-align: left;
	margin-bottom: 30px;
	padding-left: 30px;
}

.audit-text-small{
	font-size: 22px;
	margin-bottom: 30px;
}

.bhgc-copyright{
	text-align-last: right;
	font-size: 18px;
	color: #333;
}

.panel-bhgc{
	background-color: #cbb685;
	min-height: 100px;
}

.title-big{
	font-size: 24px;
	color: #000;
	text-align: center;
}

.title-big:hover{
	font-size: 24px;
	color: #fff !important;
}

.panel-heading{
	background-color: #debe8c !important;
	border-radius: 30px !important;
}

.contact-us-form{
	width: 100%;
	
}