/* =================================================

Template Name:  Alexandra - barber shop html template
Author: MouriTheme
Version: 1.0
Design and Developed by: MouriTheme

NB: This is the main stylesheet of this theme.

=================================================== */

/*
Table of content

1. Deafault css
2. scroll top css
3. Preloader css
4. Nav area css
5. slider area css
6. About area css
7. Services area css
8. Statistic area css
9. Team area css
10. Portfolio area css
11. Pricing area css
12. Blog area css
13. Testimonial area css
14. Contact area css
15. Footer area css

*/


/*---------- 1. Default css starts ------------*/

html,body{
    height: 100%;
}

body{
    font-family: 'Poppins', sans-serif;
    width: 100%;
    height: 100%;
    font-size: 15px;
    line-height: 1.5;
    color: #333333;
    font-weight:400;
}

h1,
h2,
h3,
h4,
h5,
h6{
    color: #333333;
    font-weight: 900;
    font-family: 'Lora', serif;
}

p {
    letter-spacing: 0;
    line-height:1.8;
}

a{
    text-decoration: none;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

a:focus{
    outline:none;
    text-decoration: none;
}

a:hover{
    outline:none;
    text-decoration: none;
}

ul,li{
    margin: 0;
    padding: 0;
}

img {
    max-width: 100%;
    height: auto;
}

.section-padding{
    padding: 80px 0;
}

.section-header{
    margin-bottom: 50px;
    text-align: center;
}

.section-header h2 {
    margin: 0 0 10px;
    font-size: 35px;
    text-transform: capitalize;
    font-weight: 800;
    color: #333333;
}

.section-header h2 span {
    color: #BB8C4B;
}

p.line{
    height: 2px;
    width: 70px;
    background: #262626;
    margin: auto;
}

.sub-head {
    margin-top: 15px;
}

.section-header .line {
    width: 20%;
    position: relative;
    margin: auto;
    height:30px;
}
.section-header .line::before, .section-header .line::after {
    position: absolute;
    top: 40%;
    width: 40%;
    background: #cc7e28;
    content: "";
    height: 2px;
}
.section-header .line:after{
    right:0;
}
.section-header .line:before{
    left:0;
}
.section-header .line img {
    width: 10%;
}

/*---------Default css ends----------*/

/*------- 2. scroll top starts ----------*/

.topcontrol {
    background: #BB8C4B none repeat scroll 0 0;
    border-radius: 50px;
    bottom: 5px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
    color: #fff;
    cursor: pointer;
    font-size: 26px;
    height: 40px;
    opacity: 1;
    filter: alpha(opacity=100);
    padding: 0 12px;
    position: fixed;
    right: 5px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    width: 40px;
    z-index: 100;
}
.topcontrol:hover {
    background: #222;
    color: #fff;
}

/*------- scroll top ends ----------*/

/*-------------- 3. Preloader css starts ---------------*/

.loader_bg {
    position: fixed;
    z-index: 9999999;
    background: #fff;
    width: 100%;
    height: 100%;
}

.loader {
    border: 0 solid transparent;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    position: absolute;
    top: calc(50vh - 75px);
    left: calc(50vw - 75px);
}

.loader:before, .loader:after {
    content: '';
    border: 1em solid #BB8C4B;
    border-radius: 50%;
    width: inherit;
    height: inherit;
    position: absolute;
    top: 0;
    left: 0;
    animation: loader 2s linear infinite;
    opacity: 0;
}

.loader:before {
    animation-delay: .5s;
}

@keyframes loader {
    0% {
        transform: scale(0);
        opacity: 0; }
    50% {
        opacity: 1; }
    100% {
        transform: scale(1);
        opacity: 0; }
}


/*---------- preloader css ends -------------*/

/*---------- 4. Nav area css starts -------------*/

.nav-area{
    height: 65px;
}

.nav-area.sticky_navigation {
    background: #ffffff;
    height: 80px;
}

.sticky_navigation{
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out ;
    -ms-transition: all 0.4s ease-out ;
    -o-transition: all 0.4s ease-out ;
    transition: all 0.4s ease-out ;
    -webkit-box-shadow: 0px 3px 4.6px 0.3px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 3px 4.6px 0.3px rgba(0,0,0,0.25);
    box-shadow: 0px 3px 4.6px 0.3px rgba(0,0,0,0.25);
}

.sticky_navigation .main-menu{
    margin-top: 0;
}

.sticky_navigation .navbar-brand, .sticky_navigation .navbar-brand span {
    color: #333333;
}

.sticky_navigation .navbar-brand:hover, .sticky_navigation .navbar-brand:focus, .sticky_navigation .navbar-brand span {
    color: #BB8C4B;
}

.sticky_navigation .nav li a {
    color: #333333;
}

.sticky_navigation .nav li.active a{
    color: #BB8C4B;
}

.sticky_navigation .navbar-brand:hover{
    color: #333333;
}

.main-menu{
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    margin-top: 10px;
}

.navbar{
    border:0;
    margin-bottom: 0;
}

.navbar-brand{
    padding: 15px 0;
    text-transform: uppercase;
    font-size: 25px;
    display: block;
    color: #ffffff;
    font-weight: 800;
}

.navbar-brand span {
    font-size: 40px;
    font-weight: 900;
    color: #ffffff;
}

.navbar-brand img {
    width: 45px;
}

.navbar-brand:focus, .navbar-brand:hover {
    text-decoration: none;
    color: #ffffff;
}

.navbar-right {
    padding-top: 20px;
}

.navbar-right li{
    display: inline-block;
    float: none;
}

.navbar-right li a{
    color: #ffffff;
    font-weight: 600;
    padding: 15px 10px;
}

.navbar-right li.active a{
    font-weight: bold;
    color: #ffffff;
}

.nav > li > a:hover,
.nav > li > a:active,
.nav > li > a:focus{
    background: none;
}

.navbar-toggle .icon-bar{
    background: #777777;
}

.navbar-nav .dropdown-menu {
    background-color: rgba(0, 0, 0, .85);
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
    border: 0;
    padding: 0;
    margin-top: 0;
    border-top: 0;
    border-radius: 0;
    left: 0;
}

.navbar-nav .dropdown-menu:before {
    position: absolute;
    top: 0;
}

.navbar-nav .dropdown-menu>li>a {
    padding: 8px 15px;
    color: #fff;
    display: inline-block;
}

.navbar-nav .dropdown-menu>li:hover>a,
.navbar-nav .dropdown-menu>li:focus>a,
.navbar-nav .dropdown-menu>li.active>a {
    color: #fff;
    background: transparent;
}

.navbar-nav .dropdown-menu>li:last-child>a {
    border-radius: 0 0 3px 3px;
}

.navbar-nav .dropdown-menu>li.divider {
    background-color: transparent;
}

.navbar-collapse,
.navbar-form {
    border-top: 0;
    padding-bottom: 0;
}

.navbar-right .dropdown-menu li {
    display: block;
    float: none;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: transparent;
    border-color: transparent;
}

.dropdown-menu {
    min-width: 110px;
}


/*---------- Nav area css ends -------------*/

/*---- 5. slider area css starts---*/

.banner-text-area h2 {
    font-size: 50px;
    font-weight: 800;
    font-family: 'Lora', serif;
    word-spacing: 2px;
    letter-spacing: 2px;
    color: #fff;
    line-height: 1.2;
    text-transform: capitalize;
    font-style: italic;
}

.banner-text-area h2 span {
    font-size: 100px;
    color: #BB8C4B;
}

.slider-area{
    position: relative;
}

.slider-area-overlay{
    position: relative;
}

.slider-area-overlay:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 1;
}

.container-fluid.main{
    padding: 0;
}

.carousel .background.bgd-one {
    background-image: url("../images/home/1.jpg"); /*--edit image--*/
    background-position: center center;
    -webkit-background-size:cover;
    background-size:cover;
}

.carousel .background.bgd-two {
    background-image: url("../images/home/2.jpg"); /*--edit image--*/
    background-position: center center;
    -webkit-background-size:cover;
    background-size:cover;
}

.carousel .background.bgd-three {
    background-image: url("../images/home/3.jpg"); /*--edit image--*/
    background-position: center center;
    -webkit-background-size:cover;
    background-size:cover;
}

.carousel-inner .item {
    height: 100vh;
}

.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.carousel-fade .carousel-control {
    z-index: 2;
}

a.slide-control:focus, a.slide-control:hover {
    color: #BB8C4B;
}

.slider-middle-text {
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    z-index: 4;
}

.slider-middle-text h1 {
    color: #fff;
    font-size: 50px;
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    letter-spacing: 2px;
}

.slide-control:hover,
.slide-control:focus{
    color: rgba(255,255,255,0.4);
}

.slide-btn a {
    background-color: #ffffff;
    color: #333333;
    padding: 10px 35px;
    display: inline-block;
    margin-top: 30px;
    border-radius: 25px;
    text-decoration: none;
    letter-spacing: 2px;
    overflow: hidden;
    margin-left: 5px;
    margin-right: 5px;
    text-transform: uppercase;
}

.slide-btn a:hover{
    background: #BB8C4B;
    color: #ffffff;
}

.slide-btn a.active{
    background: #BB8C4B;
    color: #ffffff;
}

/*----slider area ends---*/

/*-------- 6. About area css starts-----------*/

.list-area i {
    color: #BB8C4B;
}

.about-area .about-main h3 {
    margin: 0 0 15px;
    font-size: 16px;
    text-transform: capitalize;
    color: #BB8C4B;
    font-weight: 700;
}

.about-main {
    padding-left: 30px;
}

.about-main h2 {
    font-size: 26px;
    text-transform: none;
    line-height: 1.3;
    font-weight: 600;
    word-spacing: 0.25px;
    margin: 0;
}

.about-area .single-about p {
    margin: 30px 0;
}

.about-area .about-main .button{
    margin-top:15px;
}

.about-area .about-main .button i {
    margin-left: 10px;
    font-size: 15px;
}

.about-video .single-video{
    position:relative;
}

.about-video .single-video img{
    width:100%;
}

.about-video .single-video::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.72);
    opacity: 0.3;
    visibility: visible;
    transition: 0.7s;
}

.about-video .single-video:hover:before{
    opacity:0;
    visibility:hidden;
}

.about-video .single-video::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: #BB8C4B;
    transition: 0.5s;
    height: 100%;
    margin-left: 15px;
    margin-top: 15px;
    z-index: -2;
}

.about-video .single-video i {
    background: #BB8C4B;
}

.about-video .single-video:hover:after {
    margin-left: 0;
    margin-top: 0;
}

.about-video .single-video i {
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 100%;
    margin-left: -25px;
    margin-top: -25px;
    color: #fff;
    cursor:pointer;
    width: 50px;
    transition: 0.9s;
    height: 50px;
    text-align: center;
    line-height: 2.5;
    font-size: 20px;
}

.about-video .single-video:hover i{
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    transform:scale(1.2);
}

.list-area ul {
    list-style: none;
}

.list-area li {
    line-height: 1.8;
}

.list-area li i {
    margin-right: 15px;
}

.about-main a {
    background-color: #BB8C4B;
    color: #ffffff;
    padding: 10px 35px;
    display: inline-block;
    border-radius: 25px;
    text-decoration: none;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}

/*-------- About area css ends -----------*/

/*--------7. Services area css Starts ---------*/

.services-area {
    background: #F3F4F3;
}

.services-icon i {
    font-size: 35px;
    color: #BB8C4B;
}

.single-services:hover i{
    color: #212121;
}

.services-content h3 {
    line-height: 1.2;
    text-transform: capitalize;
    margin: 0 0 15px;
}

.services-icon {
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    padding: 20px;
}

.single-services {
    padding: 40px 20px;
    margin: 0 15px 15px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 7px 0px rgba(0,0,0,0.2);
}

.single-services:hover {
    -webkit-transition: .9s;
    -o-transition: .9s;
    transition: .9s;
    background: #BB8C4A;
}

.single-services:hover p {
    color: #fff;
}

.single-services:hover .services-icon{
    -webkit-transition: ease .3s;
    -o-transition: ease .3s;
    transition: ease .3s;
}

.single-services:hover .services-icon i {
    -webkit-transition: .9s;
    -o-transition: .9s;
    transition: .9s;
}

.single-services:hover {
    -webkit-transition: .9s;
    -o-transition: .9s;
    transition: .9s;
}

.single-services:hover .services-content {
    color: #000000;
}

.single-services:hover h3 {
    color: #fff;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #BB8C4B;
}

.owl-theme .owl-dots .owl-dot span {
    background: #262626;
}

/*----- Services area ends --------*/

/*----------- 8. Statistic area css starts --------------*/

.statistic-area{
    background-image: url(../images/statistic/stats.jpg); /*--- edit image ---*/
    -webkit-background-size:cover;
    background-size:cover;
    background-position: center center;
    background-attachment: fixed;
    text-align: center;
}

.statistic-area .sts-overlay {
    background: rgba(0,0,0,0.8);
}

.single-count i {
    color: #ffffff;
    font-size: 35px;
}

.single-count h2 {
    font-size: 50px;
    color: #BB8C4B;
}

.single-count p {
    font-size: 18px;
    color: #ffffff;
}

/*----------- Statistic area css ends --------------*/

/*---- 9. Team area css starts ----*/

.single-team-item img {
    border: 2px solid #e8e8e8;
    width: 100%;
}

.team-social-icons {
    background: #569a35;
    text-align: center;
    padding: 5px;
}

.team-social-icons a {
    color: #fff;
    display: inline-block;
    border: 1px solid #fff;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 5px;
    margin: 5px;
}

.single-team-item h4 {
    text-align: center;
    font-weight: 700;
    margin-top: 15px;
}

.single-team-item h4 span {
    color: #727272;
    display: block;
    font-weight: 300;
    font-size: 80%;
    margin-top: 10px;
}

.team-social-icons {
    background: #BB8C4B;
    text-align: center;
    padding: 5px;
    margin-left: 25px;
    margin-right: 25px;
    margin-top: -27px;
    position: relative;
    z-index: 2;
    border-radius: 5px;
}

.single-team-item:hover .team-social-icons {
    -webkit-transition: .5s;
    transition: .5s;
    box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);
}

.imgg-area {
    position: relative;
}

.imgg-area::before {
    content: "";
    border: 4px solid #ffffff;
    position: absolute;
    top: 16px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: 88%;
    height: 90%;
}

/*---- team area css ends ----*/

/*----------- 10. Portfolio area starts--------------*/

#portfolio-section {
    padding-bottom: 0;
}

.project-item img {
    width: 100%;
}

.overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: rgba(0,0,0,0.9);
    opacity: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    cursor: crosshair;
}

.overlay .overlay-inner {
    position: absolute;
    top: 35%;
    width: 100%;
    text-align: center;
}

.overlay .overlay-inner h4 {
    color: #BB8C4B!important;
    margin-bottom: 0!important;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px);
    font-size: 25px;
    letter-spacing: 2px;
}

.overlay .overlay-inner p {
    color: #fff;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px);
    margin-top: 10px;
}

.project-item:hover .overlay .overlay-inner h4 {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.project-item:hover .overlay .overlay-inner p {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.project-item a:hover .overlay {
    opacity: 1;
}

ul.port-nav-list {
    padding: 0 0 50px 0;
    list-style: none;
    text-align: center;
}

ul.port-nav-list li {
    display: inline-block;
    margin-right: 10px;
    border: 1px solid #BB8C4B;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}

ul.port-nav-list li a {
    display: block;
    cursor: pointer;
    color: rgb(73, 73, 73);
    font-size: 14px;
    padding: 8px 20px;
    text-decoration: none;
    text-transform: capitalize;
    font-weight: 900;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}

ul.port-nav-list li a.active {
    color: #fff;
    border: 1px solid #BB8C4B;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background: #BB8C4B;
}

.port-items {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.portfolio-items .port-items .single-port {
    overflow: hidden;
    margin-bottom: 25px;
}
.single-port{
    padding: 0;
}

/*-----------portfolio area ends--------------*/

/*------ 11. Pricing area css starts -------*/

.single-pricing-box {
    padding: 20px 0;
    text-align: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    z-index: 1;
    color: #fff;
}

.single-pricing-box.price-bg-1 {
    background-image: url(../images/pricing/1.jpg); /*edit image*/
    background-size: cover;
    background-position: center;
}

.single-pricing-box.price-bg-2 {
    background-image: url(../images/pricing/2.jpg); /*edit image*/
    background-size: cover;
    background-position: center;
}

.single-pricing-box.price-bg-3 {
    background-image: url(../images/pricing/3.jpg); /*edit image*/
    background-size: cover;
    background-position: center;
}

.single-pricing-box:before {
    content: '';
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.single-pricing-box:hover {
    box-shadow: 0 0 50px #f1f1f1;
}

.single-pricing-box h3 {
    text-transform: capitalize;
    color: #BB8C4B;
    font-size: 35px;
    border-bottom: 1px solid #fff;
    padding-bottom: 30px;
}

.pricing-icon {
    font-size: 60px;
    margin-bottom: 20px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.pricing-lists {
    margin-bottom: 23px;
    text-align: center;
}

.pricing-lists ul {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-left: 14px;
    line-height: 26px;
}

.pricing-lists ul li {
    padding: 20px 0;
}

.pricing-lists li .pri {
    float: left;
    width: 50%;
}

.pricing-lists li .daam {
    float: right;
    width: 50%;
}

.single-pricing-box h3.pricing-count {
    text-transform: none;
    font-size: 35px;
    color: #BB8C4B;
    line-height: 1.9;
    margin: 0;
}

a.bordered-btn {
    border: 1px solid #BB8C4B;
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    padding: 5px 25px;
    -webkit-transition: .3s;
    transition: .3s;
    background: #BB8C4B;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 600;
    text-decoration: none;
    margin-bottom: 30px;
    margin-top: 30px;
}

a.bordered-btn:hover {
    background: #BB8C4B;
    color: #fff;
}

.pricing-lists ul li {
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.pricing-lists ul li:hover {
    padding-left: 5px;
}

/*------ Pricing area ends -------*/

/* ------- 12. blog ara css starts ------- */

.single-blog {
    position: relative;
    margin-top: 30px
}

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

.blog-img img {
    width: 100%;
}

.blog-meta span {
    margin-right: 10px;
}

.blog-content .subtitle {
    text-transform: inherit;
    line-height: 28px;
}

.blog-content h3 {
    margin-bottom: 20px;
}

.blog-content .btn {
    margin-top: 20px;
    color: #fff;
    background-color: #333333;
    border-radius: 50px;
    padding: 10px 20px;
}

.blog-content .btn:hover {
    background-color: #D29F68;
}

.blog-meta {
    display: block;
    clear: both;
    overflow: hidden;
    margin-bottom: 10px;
    color: #b38859;
}

.blog-meta span i.fa {
    margin-right: 10px;
}

.news-modal .modal-content {
    border-radius: 0;
    background-clip: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    min-height: 100%;
    padding: 50px 0;
}

.news-modal .modal-content h2 {
    margin-bottom: 10px;
    line-height: 40px;
}

.news-modal .modal-content img {
    width: 100%;
    height: auto;
}

.news-modal .modal-content .item-details {
    margin: 30px 0;
}

.news-modal .close-modal {
    position: absolute;
    width: 75px;
    height: 75px;
    background-color: transparent;
    top: 25px;
    right: 25px;
    cursor: pointer;
}

.news-modal .close-modal:hover {
    opacity: .3;
}

.news-modal .close-modal .close-1 {
    height: 50px;
    width: 3px;
    margin-left: 35px;
    background-color: #000;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    z-index: 1051;
}

.modal-open .modal {
    z-index: 9999;
}

.news-modal .close-modal .close-1 .close-2 {
    height: 50px;
    width: 3px;
    background-color: #000;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    z-index: 1052;
}

.news-modal .modal-backdrop {
    opacity: 0;
    display: none;
}
.modal-body .btn.btn-default:hover {
    background: #D29F68;
}

.single-blog .blog-img {
    position: relative;
    overflow: hidden;
}

.single-blog:hover .blog-img img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: .7s;
    -moz-transition: .7s ;
    -ms-transition: .7s ;
    -o-transition: .7s ;
    transition: .7s ;
}

/* ---- blog area css ends ---- */

/*-------- 13. Testimonial area css starts------------*/

.testimonial-area .sec-icon i {
    color: #ffffff;
}

.testimonial-area p.line {
    background: #fff;
}

.testimonial-area .section-header .sec-icon::before {
    background: #fff;
}

.testimonial-area .section-header .sec-icon::after {
    background: #fff;
}

.testimonial-area{
    background: url("../images/testimonial/port.jpg"); /*edit image*/
    -webkit-background-size:cover;
    background-size:cover;
    background-position: center center;
    background-attachment:fixed;
    color: #fff;
    position: relative;
}
.testimonial-area:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.9);
}

#testimonial-carousel .item p {
    margin: 0 auto;
    color: #ffffff;
    cursor: e-resize;
    line-height: 1.9;
    font-style: italic;
}

.testimonial-area .section-header {
    margin-bottom: 50px;
}

#testimonial-carousel .item h5 strong {
    font-size: 25px;
    text-transform: capitalize;
    font-weight: 500;
    color: #BB8C4B;
}

.testimonial-area .section-header h2 {
    color: #ffffff;
}

.testimonial-area .section-header h3 {
    color: #ffffff;
}

#testimonial-carousel .item h6 {
    color: #fff;
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: 500;
}

#testimonial-carousel .item {
    text-align: center;
    color: #fff;
}

#testimonial-carousel .item h5{
    color: #000000;
    margin-top: 40px;
}

#testimonial-carousel .item i {
    font-size: 45px;
    text-align: center;
    line-height: 2.8;
    width: 100%;
    margin: 0px auto 30px;
    color: #000;
}

#testimonial-carousel .carousel-indicators {
    bottom: -45px;
}

#testimonial-carousel .carousel-indicators li {
    margin: 5px;
    cursor: pointer;
    opacity: 0.4;
    transition: all 0.4s;
    border-color: #000000;
}

#testimonial-carousel .carousel-indicators .active {
    opacity: 1;
    background: #000000;
}

.inner-box{
    width: 100%;
    padding: 28px;
    background-color: #262626;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.border-t{
    border: 1px solid #BB8C4B;
}

.cu-p{
    padding: 10px;
}

#testimonial-carousel .item {
    margin: 0 15px 15px;
}

#testimonial-carousel .owl-theme .owl-dots .owl-dot.active span, #testimonial-carousel .owl-theme .owl-dots .owl-dot:hover span {
    background: #BB8C4B;
}

#testimonial-carousel .owl-theme .owl-dots .owl-dot span {
    background: #262626;
}

/*-------- Testimonial area css ends------------*/

/*--------- 14. Contact area css starts -----------*/


.contact-area textarea.form-control{
    border:2px solid #a2a2a2;
    padding: 6px;
    height: 250px;
    margin-bottom: 30px;
}

#contact-form .form-control{
    margin-bottom: 18px;
    padding: 10px 20px;
    color: #6c6c6c;
    background-color: #fff;
    border: 1px solid #888888;
    border-radius: 20px;
}

.top-contact-text {
    margin-bottom: 50px;
    text-align: center;
}

#contact-form textarea.form-control{
    padding: 10px 20px;
    color: #6c6c6c;
    background-color: #fff;
    border: 1px solid #888888;

}

#contact-form input[type=text].form-control,
#contact-form input[type=email].form-control {
    height: 42px;
}
#contact-form textarea.form-control {
    line-height: 25px;
}
#contact-form .form-control::-webkit-input-placeholder {
    color: #6c6c6c;
}
#contact-form .form-control::-moz-placeholder {
    color: #6c6c6c;
}
#contact-form .form-control:-ms-input-placeholder {
    color: #6c6c6c;
}
#contact-form .form-control:-moz-placeholder {
    color: #6c6c6c;
}
#contact-form .btn {
    padding: 9px 18px;
    text-transform: capitalize;
}

.btn.btn-send {
    background-color: #BB8C4B;
    color: #ffffff;
    padding: 10px 35px;
    display: inline-block;
    margin-top: 10px;
    border-radius: 25px;
    text-decoration: none;
    letter-spacing: 2px;
}

.top-contact-text h2{
    margin-top: 2px;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 3px;
}

.top-contact-text p{
    line-height: 1.5;
    letter-spacing: 2px;
    font-size: 11px;
    color: #777;
}

.contact-icon li{
    display: inline-block;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-right: 25px;
}

.contact-icon a {
    display: inline-block;
    height: 40px;
    width: 40px;
    font-size: 16px;
    color: #222222;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    border: 2px solid #222222;
    background: transparent;
    line-height: 2.5;
    text-align: center;
}

.contact-icon a:hover{
    background: #222222;
    color: #ffffff;
}

.opening-hours-wrap {
    position: relative;
    color: #000;
    padding: 20px 40px;
    background-size: cover;
}

.opening-hours-wrap:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 1px solid #888888;
    border-radius: 20px;
}

.opening-hours {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
}

.opening-hours li {
    padding-bottom: 10px;
    color: #6c6c6c;
}

.opening-hours-wrap h3 {
    margin-bottom: 20px;
    color: #262626;
    position: relative;
    margin-top: 0px;
}

/*--------- Contact area css ends --------------*/

/*---------- 15. Footer area css starts---------*/

.footer-bottom {
    padding: 30px 0;
    background: #262626;
    border-top: 1px solid #262626;
}

.footer-bottom p {
    font-size: 15px;
    margin: 0;
    color: #ffffff;
}

/*---------- Footer bottom area css ends---------------*/