/*
  Theme Name:  FixRoof - HTML Template
  Theme URL:
  Author: wp-organic
  Author URI: https://themeforest.net/user/wp-organic
  Creation Date: 30 June 2017
  Description: A default stylesheet for FixRoof - HTML Template.
  Version: 1.2
*/

/*=======================================================================
              [Table of Contents]
=========================================================================



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

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

/*===== 1. Typography =====*/

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

body,
html {
    height: 100%
}

ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    font-size: 16px;
    color: #939498;
    font-family: 'Work Sans', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    /* font-family: 'Montserrat', sans-serif; */
    color: #2d3e50;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
    text-decoration: none;
}

h1 {
    font-size: 54px
}

h2 {
    font-size: 46px
}

h3 {
    font-size: 30px
}

h4 {
    font-size: 26px
}

h5 {
    font-size: 21px
}

h6 {
    font-size: 18px;
    line-height: 26px;
}

p {
    margin-bottom: 20px;
    text-decoration: none;
    font-size: 16px;
    font-family: 'Work Sans', sans-serif;
    color: #939498;
}

a {
    color: #66676a;
    font-weight: 500;
    text-decoration: none;
}

a:hover {
    color: #E8511C;
    text-decoration: none;
}

a:focus {
    text-decoration: none;
    outline: 0px;
    color: #E8511C;
}

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

/*===== 2. General =====*/

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

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

.round {
    border-radius: 100%;
}

/** Button Style **/

.btn-default,
.btn-primary,
.btn-secondary {
    padding: 10px 30px;
    font-size: 16px;
    font-family: Roboto;
    text-transform: uppercase;
    line-height: 1.875;
    font-weight: 500;
    outline: 0;
    color: #ffffff;
    position: relative;
}

.btn-default:after,
.btn-primary:after,
.btn-secondary:after {
    content: "";
    position: absolute;
    width: 15px;
    left: 30px;
    height: 3px;
    bottom: -3px
}

.btn-default {
    background: #ffffff;
    border-radius: 0;
    color: #000;
    border: 3px solid #dadada
}

.btn-default:active:focus,
.btn-default:active:hover,
.btn-default:focus,
.btn-default:hover,
.btn-default:not(:disabled):not(.disabled):active {
    background: #e8511c;
    color: #ffffff;
    outline: 0;
    border: 3px solid #e8511c
}

.btn-default:active {
    background: #ffae00;
    color: #ffffff;
    border: 3px solid #e8511c
}

.btn-default:after {
    background: #e8511c
}

.btn-default:active:focus:after,
.btn-default:active:hover:after,
.btn-default:focus:after,
.btn-default:hover:after,
.btn-default:not(:disabled):not(.disabled):active:after {
    background: #ffffff;
}

.btn-primary {
    background: #e8b61c;
    border-radius: 0;
    border: 3px solid #e8b61c
}

.btn-primary:active:focus,
.btn-primary:active:hover,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active {
    background: #ffc103;
    color: #ffffff;
    outline: 0;
    border: 3px solid #ffc103
}

.btn-primary:active {
    background: #ffc103;
    color: #ffffff;
    border: 3px solid #ffc103
}

.btn-primary:after {
    background: #fff
}

.btn-secondary {
    background: #e8511c;
    border-radius: 0;
    border: 3px solid #e8511c
}

.btn-secondary:active:focus,
.btn-secondary:active:hover,
.btn-secondary:focus,
.btn-secondary:hover,
.btn-secondary:not(:disabled):not(.disabled):active {
    background: #ff4000;
    color: #ffffff;
    outline: 0;
    border: 3px solid #ff4000
}

.btn-secondary:active {
    background: #ff4000;
    color: #ffffff;
    border: 3px solid #ff4000
}

.btn-secondary:after {
    background: #ffffff
}

/**  section  **/

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

.section-center .section-title {
    text-transform: uppercase;
    margin-bottom: 10px;
    padding-bottom: 10px;
    text-align: center;
    position: relative;
}

.section-center .section-title:after {
    content: '';
    position: absolute;
    background-color: #e8511c;
    width: 10px;
    height: 3px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}

.section-center span {
    color: #e8b61c;
}

.section-center .section-brief {
    max-width: 550px;
    margin: 0px auto 0px;
    margin-bottom: 40px;
}

/**  section left  **/

.section-left {
    text-align: left;
}

.section-left .section-title {
    text-transform: uppercase;
    margin-bottom: 10px;
    padding-bottom: 10px;
    text-align: left;
    position: relative;
}

.section-left .section-title:after {
    content: '';
    position: absolute;
    background-color: #e8511c;
    width: 10px;
    height: 3px;
    left: 0;
    bottom: 0;
}

.section-left span {
    color: #e8b61c;
}

.section-left .section-brief {
    max-width: 550px;
    margin: 0px auto 0px;
    margin-bottom: 40px;
    float: left;
}

/**  padding ( spacing )  **/

.p-0 {
    padding: 0px;
}

.pl-0 {
    padding-left: 0px;
}

.pr-0 {
    padding-right: 0px;
}

.px-30 {
    padding: 30px 0px;
}

.pl-0 {
    padding-left: 0px;
}

.pr-0 {
    padding-right: 0px;
}

.pt-0 {
    padding-top: 0px !important
}

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

.mb-0 {
    margin-bottom: 0px !important;
}

hr {
    border-top: 1px solid rgba(41, 42, 46, 0.1);
}

/**  margin ( spacing )  **/

.mb-50 {
    margin-bottom: 50px;
}

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

/*===== Navigation =====*/

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

.roof-banner {}

.roof-banner .banner-img {
    height: 300px;
    position: relative;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background: active;
}

.roof-banner .banner-block {
    position: absolute;
    top: 55%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

.roof-banner .banner-heading {
    color: #FFF;
    font-weight: 600;
    text-align: center;
    margin-bottom: 15px;
}

.roof-banner .breadcrumb {
    text-align: center;
    text-transform: uppercase;
    background: transparent;
    font-weight: 600;
    font-size: 18px;
}

.roof-banner .breadcrumb li a {
    color: #FFF;
}

.roof-banner .breadcrumb>.active {
    color: #ffc400;
}

.roof-banner .breadcrumb li a:hover {
    color: #FC9A39;
}

.roof-banner .overlay-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.roof-banner .banner-main-block {
    position: relative;
}

@media (max-width: 991px) and (min-width: 768px) {
    .roof-banner .banner-heading {
        font-size: 35px;
    }
}

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

/*===== Navigation =====*/

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

.header-main-block .logo {
    padding-top: 20px;
    padding-left: 30px;
}

.header-main-block .top-bar {
    padding: 20px 0px
}

.header-main-block .info-bar i {
    color: #E8511C;
    margin-right: 10px;
}

.header-main-block .info-bar a {
    margin-left: 10px;
    color: #E8511C;
    font-weight: 500;
}

.header-main-block span {
    color: #292A2E;
}

.header-main-block .social-icons li {
    float: left;
    margin-left: 15px;
}

.header-main-block .nav-bar {
    position: relative;
    background-color: #FFF;
    box-shadow: 0px 1px 0 0 rgba(0, 0, 0, 0.1);
}

.header-main-block .social-icon ul li {
    display: inline-block;
    margin-left: 10px;
}

.header-main-block {}

.top-nav-collapse .top-bar {
    display: none;
}

.top-nav-collapse .nav-bar {
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.top-nav-collapse .container {
    width: 100%;
    padding: 0;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.header-main-block .navigation {
    position: relative;
    margin: auto;
    margin-top: 0;
}

.header-main-block .search-icon {
    position: absolute;
    width: 40px;
    height: 40px;
    background-color: #E8511C;
    right: -20px;
    bottom: 20px;
    z-index: 1111;
    border-radius: 100%;
}

.header-main-block .search-icon a i {
    color: #FFF;
    padding: 12px;
    font-size: 16px;
}

.header-main-block .top-nav-collapse .search-icon {
    display: none;
    opacity: 0;
}

/*Search*/

.search {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 60px;
    padding-top: 0;
    z-index: 999999;
    opacity: 1;
    background: rgba(41, 42, 46, 1);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: transform 0.5s linear;
    -moz-transition: transform 0.5s linear;
    -ms-transition: transform 0.5s linear;
    -o-transition: transform 0.5s linear;
    transition: transform 0.5s linear;
}

.top-nav-collapse .search-icon {
    display: none;
    opacity: 0;
}

.search .container {
    position: relative;
    margin-top: 20px;
}

.search.active {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.search-box {
    width: 97%;
    border: none;
    font-size: 16px;
    color: #FFF;
    background: none;
}

.search-box::-webkit-input-placeholder {
    color: #999 !important;
}

.search-box::-moz-placeholder {
    color: #999 !important;
}

.search-box::-ms-input-placeholder {
    color: #999 !important;
}

.search-box::-o-input-placeholder {
    color: #999 !important;
}

.search-close {
    position: absolute;
    right: 0px;
    top: 0;
    padding: 5px 15px;
    color: #FFF;
    background: rgba(41, 42, 46, 1);
}

.search-close:hover {
    color: #E8511C;
}

.search input:focus {
    outline: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

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

/*===== Home Slider =====*/

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

.home-slider-v1 .home-slider-bg {
    width: 100%;
    height: 900px;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.home-slider-v1 .slider-dtl {
    max-width: 557px;
    position: absolute;
    left: 50%;
    top: 60%;
    transform: translate(0, -50%);
}

.home-slider-v1 .slider-sub-heading {
    font-family: 'Work Sans', sans-serif;
    max-width: 190px;
    padding-bottom: 30px;
    position: relative;
    margin-bottom: 0px;
    line-height: 28px;
}

.home-slider-v1 .slider-sub-heading:after {
    content: " ";
    width: 9px;
    height: 3px;
    background-color: #E8511C;
    position: absolute;
    left: 0;
    bottom: 24px;
}

.home-slider-v1 .slider-heading {
    line-height: 1;
    margin-bottom: 50px;
    font-size: 65px;
    font-weight: 500;
}

.home-slider-v1 .slider-heading span {
    color: #E8511C;
}

.home-slider-v1 .slider-btn .btn {
    margin-right: 17px;
}

.home-slider-v1 .owl-dots {
    position: absolute;
    top: 51%;
    transform: translate(0, -50%);
    left: 0;
    right: 0;
    text-align: center;
}

.home-slider-v1 .owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: 0 solid #292a2e;
    background: #292a2e;
    margin-right: 5px;
    margin-bottom: 10px;
    display: block;
    position: relative;
    left: 98%;
}

.home-slider-v1 .owl-dot.active {
    border: 0 solid #292a2e;
    background: #d75c31;
}

.home-slider-v1 .owl-prev {
    top: 40%;
    transform: translate(0, -40%);
}

.home-slider-v1 .owl-next {
    top: 55%;
    transform: translate(0, -52%);
}

.home-slider-v1 .owl-prev,
.home-slider-v1 .owl-next {
    color: #292A2E;
    font-size: 30px;
    position: absolute;
    /*right: 55px;*/
    width: 17px;
    height: 11px;
    background-color: transparent;
    text-align: center;
    z-index: 10;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    left: 97.8%;
}

@media (max-width: 991px) and (min-width: 768px) {
    .home-slider-v1 .home-slider-bg {
        height: 600px;
    }
    .home-slider-v1 .slider-dtl {
        left: 30%;
    }
    .home-slider-v1 .slider-sub-heading {
        max-width: 100%;
    }
    .home-slider-v1 .slider-heading {
        font-size: 45px;
    }
    .header-main-block .logo {
        padding: 20px 10px;
        text-align: center;
    }
    .header-main-block .navigation {
        float: left;
        width: 100%;
    }
}

@media (max-width: 576px) and (min-width: 370px) {
    .home-slider-v1 .home-slider-bg {
        height: 450px;
    }
    .home-slider-v1 .slider-dtl {
        left: 10%;
        top: 63%;
    }
    .home-slider-v1 .slider-sub-heading {
        max-width: 100%;
    }
    .home-slider-v1 .slider-heading {
        font-size: 30px;
    }
    .home-slider-v1 .btn {
        font-size: 16px;
        padding: 10px;
    }
    .header-main-block .navigation {
        float: left;
        width: 100%;
    }
    .header-main-block .logo {
        padding-top: 20px;
        padding-left: 30px;
        padding-bottom: 20px;
        text-align: center;
    }
}

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

/*===== Features section =====*/

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

.features-section {
    padding: 50px 0px;
}

.icon-box-title {
    text-align: left;
    margin-bottom: 40px;
}

.icon-box-title .feature-title {
    text-transform: capitalize;
    margin-bottom: 10px;
    padding-bottom: 10px;
    text-align: left;
    position: relative;
}

.icon-box-title .feature-title:after {
    content: '';
    position: absolute;
    background-color: #e8511c;
    width: 10px;
    height: 3px;
    left: 0;
    bottom: 0;
}

.features-section .feature-block i {
    color: #e8511c;
    font-size: 35px;
}

.features-section .feature-block .icon-box {
    border: 3px solid rgba(41, 42, 46, .1);
    padding: 8px 15px;
}

@media (max-width: 991px) and (min-width: 768px) {
    .features-section .feature-block {
        margin-bottom: 30px;
    }
}

@media (max-width: 576px) and (min-width: 370px) {
    .features-section .feature-block {
        margin-bottom: 30px;
    }
}

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

/*===== about section =====*/

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

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

.about-section .section-center span {
    color: #e8b61c;
}

.about-section .about-block .section-title {
    text-transform: capitalize;
    margin-bottom: 20px;
}

/*.about-section .tab-content>.active,
.about-section .about-block .about-features{
  min-height: auto;
}*/

.about-section .about-dtl {
    /*border-top: 10px solid #E8B61C;
  border-bottom: 10px solid #E8B61C;
  border-left: 10px solid #E8B61C;
  padding: 10% 0% 0% 10%;
  margin-bottom: 40px;*/
}

.about-section .tab-content {
    border-top: 10px solid #E8B61C;
    border-bottom: 10px solid #E8B61C;
    border-left: 10px solid #E8B61C;
    padding: 10% 0% 10% 12%;
    margin-bottom: 40px;
}

.about-section .about-icon {
    margin-bottom: 10px;
}

.about-section .about-icon i {
    font-size: 50px;
}

.about-section .about-features {
    border: 3px solid rgba(41, 42, 46, 0.1);
    padding: 25px 40px;
    /*margin-top: 60px;*/
}

.about-section .nav-tabs {
    border-bottom: 0;
}

.about-section .nav-tabs li a {
    padding: 0;
    border: none;
}

.about-section .nav-tabs li.active>a,
.about-section .nav-tabs li a:hover,
.about-section .nav-tabs li a:focus {
    border: none;
    background-color: transparent;
    color: #E8511C;
}

.about-section ul li {
    width: 100%;
    padding: 15px 8px;
    border-bottom: 1px solid #dadada;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.about-section ul li.active,
.about-section ul li:hover {
    background-color: rgba(233, 233, 234, 0.4);
}

.about-section ul li.active:after,
.about-section ul li:hover:after {
    content: " ";
    width: 9px;
    height: 3px;
    background-color: #E8511C;
    position: absolute;
    left: 0;
    transform: translate(-43px, -12px);
}

.about-section ul li:hover>a {
    color: #E8511C;
}

.about-section ul li a {
    color: #292A2E;
    font-family: 'Work Sans', sans-serif;
    font-size: 15px;
    text-transform: uppercase;
}

.about-section .section-brief {
    margin-bottom: 0px;
}

.abt {}

@media (max-width: 991px) and (min-width: 768px) {
    .about-section .section-left {
        margin-bottom: 0px;
    }
    .about-section .section-brief {
        margin-bottom: 0px;
    }
    .about-section .tab-content {
        padding: 15% 0% 15% 12%;
    }
    .abt {
        padding: 40px 0px !important;
    }
}

@media (max-width: 576px) and (min-width: 370px) {
    .about-section .section-brief {
        margin-bottom: 0px;
    }
    .abt {
        padding: 40px 0px !important;
    }
}

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

/*===== Latest Projects =====*/

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

.projects-section .section-center span {
    color: #e8b61c;
}

.projects-section img {
    width: 100%;
}

.projects-section .projects-block .overlay-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(232, 81, 28, 0.9);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.projects-section .projects-block:hover .overlay-bg {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.projects-section .overlay-bg i {
    color: #E8511C;
    background-color: #FFF;
    font-size: 16px;
    line-height: 40px;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.projects-section .project-title {
    color: #FFF;
    font-weight: 400;
    position: absolute;
    text-transform: uppercase;
    bottom: 10%;
    left: 10%;
}

.projects-section .project-title:after {
    content: " ";
    width: 9px;
    height: 3px;
    background-color: #FFF;
    position: absolute;
    left: 0;
    bottom: -10px;
}

@media (max-width: 991px) and (min-width: 768px) {}

@media (max-width: 576px) and (min-width: 370px) {
    .projects-section .overlay-bg i {
        top: 45%;
    }
}

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

/*===== Team Section =====*/

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

.team-section-1 {}

.team-section-1 .section-center span {
    color: #e8b61c;
}

.team-section-1 .team-img {
    position: relative;
    margin-bottom: 50px;
}

.team-section-1 img {
    display: block;
    margin: 0 auto;
    width: 100%;
    position: relative;
}

.team-section-1 ul {}

.team-section-1 ul li {
    float: left;
    margin-right: 12px;
}

.team-section-1 .overlay-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    background-color: rgba(232, 81, 28, 0.85);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.team-section-1 .team-block:hover .overlay-bg {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.team-section-1 .overlay-bg i {
    color: #E8511C;
    background-color: #FFF;
    font-size: 16px;
    line-height: 40px;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.team-section-1 .team-heading {
    color: #E8511C;
    margin-bottom: 10px;
}

.team-section-1 .team-dtl {}

.team-section-1 .team-member-name {
    margin-bottom: 20px;
}

.team-section-1 .team-social-1 {
    margin-bottom: 30px;
}

.team-section-1 .member-area .team-social i {
    padding-right: 15px;
}

.team-section-1 .item .thumb {
    cursor: pointer;
}

.team-section-1 .item .thumb img {
    width: 100%;
}

.team-section-1 .item img {
    width: 100%;
}

.team-section-1 .team-social-1 {
    padding-bottom: 30px;
}

@media (max-width: 991px) and (min-width: 768px) {
    .team-section-1 .team-img {
        margin-bottom: 30px;
    }
}

@media (max-width: 576px) and (min-width: 370px) {
    .team-section-1 .team-img {
        margin-bottom: 30px;
    }
}

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

/*===== Brands Section =====*/

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

.brands-section {
    padding: 30px 0px;
}

.brands-section .brands-slider {
    padding-top: 50px;
    border-top: 1px solid #dadada;
}

.brands-section .brands-img img {
    border: 3px solid #dadada;
}

@media (max-width: 991px) and (min-width: 768px) {
    .brands-section .brands-img img {
        margin-bottom: 30px;
    }
}

@media (max-width: 576px) and (min-width: 370px) {
    .brands-section .brands-img img {
        margin-bottom: 30px;
    }
    .brands-section {
        padding: 20px 0px;
    }
}

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

/*===== Testimonials =====*/

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

.testimonials-section-1 {}

.testimonials-section-1 .section-center span {
    color: #e8b61c;
}

.testimonials-section-1 .overlay-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(240, 240, 240, 0.85);
}

.testimonials-section-1 .parallax {
    padding: 60px 0px;
    width: 100%;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
}

.testimonials-section-1 .testimonials-block {
    border: 3px solid #dadada;
    margin: 0 auto;
    background-color: #FFF;
    max-width: 770px;
    padding: 0 90px 50px;
    margin-top: 70px;
    position: relative;
}

.testimonials-section-1 .testimonials-client-img {
    margin: 0 auto;
    position: relative;
    top: -50px;
    width: 100px;
}

.testimonials-section-1 img {
    border-radius: 100%;
}

.testimonials-section-1 .testimonials-dtl {
    padding-bottom: 40px;
    font-style: italic;
}

.testimonials-section-1 .client-name {
    position: relative;
    margin-bottom: 0px;
    padding-bottom: 5px;
}

.testimonials-section-1 .client-name:after {
    content: " ";
    width: 9px;
    height: 3px;
    background-color: #E8511C;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0px;
}

.testimonials-section-1 .client-position {
    font-family: 'Work Sans', sans-serif;
}

.testimonials-section-1 .owl-prev {
    top: 50%;
    transform: translate(0, -50%);
}

.testimonials-section-1 .owl-next {
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
}

.testimonials-section-1 .owl-prev,
.testimonials-section-1 .owl-next {
    color: #292A2E;
    font-size: 50px;
    position: absolute;
    z-index: 10;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.testimonials-section-1 .owl-prev:hover,
.testimonials-section-1 .owl-next:hover {
    color: #E8511C;
}

@media (max-width: 991px) and (min-width: 768px) {}

@media (max-width: 576px) and (min-width: 370px) {
    .testimonials-section-1 .testimonials-block {
        padding: 30px;
    }
}

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

/*===== Blog =====*/

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

.blog-main-block-02 {}

.blog-main-block-02 .section-center span {
    color: #e8b61c;
}

.blog-main-block-02 .blog-post-block-02 {
    padding: 20px 30px 0px 30px;
    border-right: 3px solid #E9E9EA;
    border-bottom: 3px solid #E9E9EA;
    border-left: 3px solid #E9E9EA;
}

.blog-main-block-02 .post-info {
    position: relative;
    margin-bottom: 15px;
    /*color: #E8511C;*/
    color: rgba(0, 0, 0, .6);
}

.blog-main-block-02 .post-info {
    color: #2d3e50;
    font-weight: 500;
}

.blog-main-block-02 .post-date {
    float: left;
}

.blog-main-block-02 .post-info i {
    color: #E8511C;
}

.blog-main-block-02 .post-author a {}

.blog-main-block-02 .post-title-02 {
    position: relative;
    margin-bottom: 30px;
}

.blog-main-block-02 .post-title-02 a {
    font-weight: 500;
    color: #292A2E;
}

.post-info span {
    margin-right: 12px;
}

.blog-main-block-02 .post-title-02:after {
    content: " ";
    width: 9px;
    height: 3px;
    background-color: #E8511C;
    position: absolute;
    left: 0;
    bottom: -10px;
}

.blog-main-block-02 .post-title-02 a:hover {
    color: #E8511C;
}

.blog-main-block-02 .post-summary-02 {
    padding-bottom: 5px;
}

.blog-main-block-02 .post-footer-02 {
    position: relative;
    border-top: 1px solid #E9E9EA;
    padding: 15px;
}

.blog-main-block-02 .post-footer-02:after {
    content: " ";
    width: 1px;
    height: 56px;
    background-color: #E9E9EA;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
}

.blog-main-block-02 .read-more-02 a {
    font-family: 'Work Sans', sans-serif;
    color: #E8511C;
    float: left;
    padding-right: 27px;
}

.blog-main-block-02 .read-more-02,
.blog-main-block-02 .post-follow-02 {
    margin-bottom: 0px;
}

.blog-main-block-02 .read-more-02 a:hover {
    color: #292A2E;
}

.blog-main-block-02 .post-follow-02 {
    text-align: right;
    font-family: 'Work Sans', sans-serif;
    font-size: 16px;
    font-weight: 500;
}

.blog-main-block-02 .post-follow-02 a {
    color: #E8511C;
}

.blog-main-block-02 .post-follow-02 i {
    font-size: 16px;
    color: #292A2E;
}

.blog-main-block-02 .post-follow-02 span {
    padding-left: 15px;
}

.blogs .blog-block-02 {
    margin-bottom: 40px;
}

.blogs {}

.blogs .post-pagination {
    text-align: center;
}

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

@media (max-width: 991px) and (min-width: 768px) {
    .blog-block-02 {
        margin-bottom: 40px;
    }
    .blog-main-block-02 {
        padding: 40px 0px 10px 0px;
    }
    .blogs {
        padding: 40px 0px 0px 0px !important;
    }
}

@media (max-width: 576px) and (min-width: 370px) {
    .blog-block-02 {
        margin-bottom: 40px;
    }
    .blog-main-block-02 {
        padding: 30px 0px;
    }
    .blogs {
        padding: 20px 0px 0px 0px !important;
    }
}

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

/*===== Estimation Section =====*/

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

.estimation-section {}

.estimation-section .section-center span {
    color: #e8b61c;
}

.estimation-section .parallax {
    padding: 60px 0;
    width: 100%;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
}

.estimation-section .estimation-logo {
    margin-bottom: 40px;
}

.estimation-section .estimation-block {
    position: relative;
    border: 3px solid #dadada;
    background-color: #FFF;
    padding: 10%;
}

.estimation-section .form-control {
    margin-bottom: 10px;
    border-radius: 0%;
    box-shadow: none;
    height: 50px;
}

.estimation-section textarea {
    margin-bottom: 10px;
    border-radius: 0%;
    box-shadow: none;
    height: 60px !important;
}

.estimation-section .btn {
    width: 100%;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.estimation-section .estimation-btn-arrow {
    position: absolute;
    left: 70px;
    top: 15px;
}

.estimation-section .estimation-btn-arrow i {
    font-size: 28px;
    color: #FFF;
}

.estimation-section .btn:after {
    left: 68px;
}

.estimation-section textarea,
.estimation-section .btn {
    height: 60px;
}

@media (max-width: 991px) and (min-width: 768px) {
    .estimation-section .estimation-block {
        padding: 60px 40px;
    }
}

@media (max-width: 576px) and (min-width: 370px) {
    .estimation-section .estimation-block {
        padding: 30px;
    }
}

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

/*===== Footer =====*/

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

.footer-main-block {
    background-color: #292A2E;
    padding-top: 100px;
}

.footer-main-block hr {
    border-top: 1px solid #e9e9ea;
    opacity: .1;
}

.footer-main-block p,
.footer-main-block ul li,
.footer-main-block ul li a {
    color: #c3c3c3;
    margin-bottom: 10px;
}

.footer-main-block ul li a:hover {
    color: #E8511C;
}

.footer-contact {
    margin-bottom: 70px;
}

.left-heading li {}

.widget-heading {
    position: relative;
    color: #FFF;
    margin-bottom: 47px;
    font-weight: 400;
}

.widget-heading:after {
    content: " ";
    width: 9px;
    height: 3px;
    background-color: #E8511C;
    position: absolute;
    left: 0;
    bottom: -10px;
}

.footer-contact .widget-heading:after {
    left: 35px;
}

.footer-contact .widget-heading i {
    color: #E8511C;
    font-size: 20px;
    padding-right: 10px;
}

.footer-widget-block {
    padding: 55px 0 45px;
}

.footer-logo {
    margin-bottom: 35px;
}

.about-widget p {}

.about-widget .social-icon i {
    padding-right: 15px;
}

.footer-subscribe-widget .widget-heading {
    margin-bottom: 50px;
}

.footer-form ::-webkit-input-placeholder {
    padding-top: 5px;
}

.footer-form ::-moz-placeholder {
    padding-top: 5px;
}

.footer-form ::-ms-input-placeholder {
    padding-top: 5px;
}

.footer-form ::-o-input-placeholder {
    padding-top: 5px;
}

.footer-form textarea {
    height: 72px;
    margin-top: 10px;
}

.footer-form-control:focus,
.footer-form textarea:focus {
    outline: none;
    border: 1px solid #E8511C;
}

.footer-form .btn-default {
    background-color: #E8511C;
    border: none;
    padding: 22px 14px;
    margin-top: 10px;
    margin-left: 10px;
    color: #FFF;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.footer-form .btn-default:hover {
    border: none;
    background-color: #E8B61C;
}

.footer-form .btn-default:after {
    display: none;
}

.footer-form-control {
    background-color: transparent;
    width: 100%;
    height: 40px;
    border: 1px solid #4F5054;
}

.footer-nav {
    padding-top: 15px;
    margin-bottom: 35px;
}

.footer-nav ul li {
    display: inline-block;
    padding-right: 15px;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.footer-nav ul li a {
    font-size: 16px;
    font-weight: 400;
    color: #c3c3c3;
}

.footer-nav ul li a:hover {
    color: #E8511C;
}

.back-to-top a {
    color: #E8511C;
    font-size: 30px;
}

.back-to-top a:hover {
    color: #FFF;
}

.copyright p {
    font-family: 'Work Sans', sans-serif;
    padding: 20px 0;
    margin: 0;
    color: #a0a0a0;
    background-color: #202124;
}

.copyright a {
    color: #E8511C;
}

@media(max-width:992px) {
    .footer-main-block {
        padding-top: 80px;
    }
    .footer-contact {
        margin-bottom: 50px;
    }
    .footer-widget-block {
        padding: 35px 0 25px;
    }
    .footer-contact-widget,
    .footer-widget {
        margin-bottom: 40px;
    }
    .footer-subscribe-widget .widget-heading {
        margin-bottom: 42px;
    }
    .copyright p {
        padding: 19px 5px;
    }
}

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

/*===== About Page =====*/

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

.about-main-block-two {
    background-color: #292A2E;
}

.about-main-block-two .section {
    padding-bottom: 80px;
}

.about-main-block-two .section-heading {
    margin-bottom: 30px;
}

.about-main-block-two .section-heading:after {
    left: 5px;
}

.about-main-block-two .section-heading span {
    color: #E8B61C;
}

.about-main-block-two .sub-heading {
    margin: 0;
}

.about-main-block-two .section-heading,
.about-main-block-two .sub-heading {
    color: #FFF;
}

.about-video .video-main-block {
    width: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.about-video .video-item {
    text-align: center;
}

.about-video .video-device .bg_img {
    background-size: cover;
    width: 100%;
}

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

.about-video .video-item .video-preview,
.about-video .video-item .video-preview iframe {
    width: 100%;
    height: 100%;
}

.about-video .video-preview {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 30;
    width: 100%;
}

.about-video .btn-video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 100%;
    background-color: #FFF;
}

.about-video .btn-video-play i {
    font-size: 20px;
    color: #292A2E;
}

.about-video .btn-video-play:hover {
    background-color: #E8511C;
}

.about-video .btn-video-play:hover.btn-video-play i {
    color: #FFF;
}

.about-main-block-two .about-block {
    padding: 10% 10% 0;
}

.about-main-block-two .section-heading:after {
    left: 0;
    margin: 0;
}

.facts-icon,
.facts-number,
.facts-text {
    color: #FFF;
}

.facts-text-main {
    padding-left: 80px;
}

.facts-icon {
    float: left;
    padding-top: 10px;
}

.facts-icon i {
    font-size: 45px;
}

.facts-number {
    line-height: 2.33;
    font-weight: 600;
    font-size: 30px;
}

.facts-text {
    font-family: 'Work Sans', sans-serif;
    position: relative;
    top: -15px;
}

.features-block-two {
    padding-top: 70px;
}

.features-block-two .features-3 {
    border: none;
    padding: 0;
    margin-bottom: 30px;
}

.features-block-two .features-3:after {
    display: none;
}

.features-block-two .features-3 .features-icon-3 {
    float: left;
    padding-top: 40px;
}

.features-block-two .features-3 .features-icon-3 i {
    font-size: 40px;
    color: #757575;
}

.features-block-two .features-3:hover .features-icon-3 i {
    color: #E8511C;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.features-block-two .features-3 .features-dtl {
    border-left: 1px solid #dadada;
    padding-left: 30px;
    margin-left: 65px;
    position: relative;
}

.features-block-two .features-3 .features-heading-3 {
    text-transform: uppercase;
    color: #0009;
    font-weight: 500;
    margin-bottom: 40px;
    position: relative;
}

.features-block-two .features-3 .features-heading-3:after {
    content: " ";
    width: 9px;
    height: 3px;
    background-color: #E8511C;
    position: absolute;
    left: 0;
    bottom: -20px;
}

.features-block-two .features-text {
    max-width: 210px;
}

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

/*===== Service Single =====*/

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

.service-single-spacing {
    padding: 95px 0 65px;
}

.side-widget ul li>a:after {
    position: absolute;
    right: 15px;
    font-family: FontAwesome;
    content: "\f105";
}

.side-widget {
    border: solid 1px rgba(0, 0, 0, 0.1);
    padding: 43px 30px;
    margin-bottom: 30px;
    position: relative;
}

.side-widget ul li {
    margin-bottom: 15px;
}

.side-widget .section-title {
    margin-bottom: 20px !important;
}

.side-widget ul li a,
.side-widget .tagcloud a {
    line-height: 30px;
    font-weight: 500;
    text-transform: capitalize;
}

.side-widget .section-left {
    margin-bottom: 0px;
}

.side-widget .btn {
    width: 100%;
}

.side-widget .tagcloud a:hover {
    background-color: #E8511C;
    color: #FFF;
}

.side-widget .useful-links li a {
    font-size: 15.8px;
    line-height: 2.56;
    color: #848484;
}

.side-widget .useful-links li a:after {
    right: 45px;
}

.widget_search .section-left,
.widget_search .contact-form .input-group {
    margin-bottom: 0px;
}

.service-single-icon {
    width: 57px;
    height: 57px;
    background-color: #e8511c;
    border-radius: 100%;
    text-align: center;
    display: inline-block;
    vertical-align: top;
}

.service-single-icon i {
    color: #FFF;
    line-height: 2.4;
    font-size: 24px;
}

.service-single-dtl {
    display: inline-block;
    margin-left: 16px;
}

.service-single-dtl .txt {
    max-width: 262px;
    line-height: 1.67;
}

.service-single-heading {
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.service-single-content {
    margin-bottom: 30px;
}

.service-page-heading {
    font-weight: 500;
}

.service-video-dtl {
    margin: 44px 0 110px;
}

.service-video-dtl p {
    margin-top: 21px;
}

.service-single-main-block {
    margin: 100px 0 -30px;
}

.service-single-block {
    padding-top: 30px;
}

.service-single-block .video-device .overlay-bg {
    background-color: rgba(0, 0, 0, 0.4);
}

.service-single-block .video-device i {
    font-size: 30px;
}

.service-block {
    padding: 28px 28px 39px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    text-align: center;
    position: relative;
    margin-bottom: 30px;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.95s ease;
}

.service-detail-page .side-widget .section-left {
    margin-bottom: 20px;
}

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

/*===== Contact Block =====*/

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

.contact-form .form-control,
.contact-form textarea,
.contact-form select {
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: rgba(51, 51, 51, 0.5);
    height: 50px;
    width: 100%;
    padding-left: 16px;
    border: solid 1px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    box-shadow: none;
    line-height: 2.67;
    background-color: transparent;
}

.left-border .form-control,
.left-border select {
    border: solid 1px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    border-left: none;
    box-shadow: none;
}

.left-border .input-group-addon {
    background: transparent;
    color: #e8501d;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-right: 0;
    border-radius: 0;
    font-size: 14px;
    height: 50px;
}

.right-border .form-control {
    border: solid 1px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    border-right: none;
    box-shadow: none;
    height: 50px;
    font-size: 16px;
}

.right-border .input-group-addon,
.right-border .input-group-btn .btn {
    background: transparent;
    color: #e8501d;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-left: 0;
    border-radius: 0;
    font-size: 14px;
    height: 50px;
}

.form-style-one textarea,
.form-style-two textarea {
    height: 100px !important;
    padding-top: 5px;
    font-style: italic;
}

.contact-form select option {
    color: #333;
    font-size: 14px;
}

.form-control-feedback {
    top: 20px;
    right: 10px;
    font-size: 12px;
    color: #333;
}

@media(max-width: 767px) {
    .service-single-dtl p {
        max-width: 230px;
    }
}

@media(max-width:992px) {
    .features-main-block {
        padding: 70px 0 40px;
    }
    .features-block {
        padding-bottom: 40px;
    }
    .features {
        padding: 40px 20px 30px;
    }
    .features {
        margin-bottom: 30px;
    }
}

.team-img-two {
    position: relative;
    margin-bottom: 35px;
}

.team-img-two img {
    position: relative;
    display: block;
    width: 100%;
}

.team-img-two .overlay-bg {
    text-align: center;
    background-color: rgba(232, 81, 28, 0.85);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.team-block-two:hover .team-img-two .overlay-bg {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.team-block-two .overlay-bg i {
    color: #E8511C;
    background-color: #FFF;
    font-size: 16px;
    line-height: 40px;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.member-name-two a {
    font-size: 20px;
    font-weight: 600;
    color: #292A2E;
    text-transform: uppercase;
}

.member-name-two a:hover {
    color: #E8511C;
}

.member-position-two {
    padding-bottom: 12px;
    font-family: 'Work Sans', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #E8511C;
}

.team-social-icon ul li {
    display: inline-block;
    border: 1px solid #CCC;
    padding: 14px 17px;
    margin: 0 9px;
}

.team-social-icon i {
    font-size: 12px;
}

.relationship-dtl h1 {
    font-size: 60px;
    font-weight: 300;
    text-transform: none;
    padding-bottom: 40px;
}

.relationship-dtl h1>span {
    font-weight: 700;
}

.relationship-btn .btn-default {
    padding: 15px 30px;
    margin-bottom: 70px;
}

.relationship-btn .btn-default:after {
    left: 0;
    right: 0;
    margin: 0 auto;
}

.relationship-model-body {
    margin: 0 auto;
}

.relationship-model-body .form-control {
    width: 60%;
    margin: 0 auto;
}

.relationship-model-body .btn-default {
    width: 60%;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.relationship-model-body .btn-default:after {
    left: 0;
    right: 0;
    margin: 0 auto;
}

.relationship-model-body textarea {
    width: 60%;
}

@media(max-width:992px) {
    .about-main-block-two .about-block {
        padding-bottom: 70px;
    }
    .features-two {
        padding: 40px 20px 30px;
    }
    .features-two,
    .team-block-two {
        margin-bottom: 30px;
    }
    .about-main-block-two .about-block {
        padding-bottom: 70px;
    }
}

@media (min-width: 767px) and (max-width: 992px) {
    .about-video .video-preview img {
        width: 80px;
    }
}

@media(max-width:767px) {
    .about-main-block-two .about-block {
        padding-left: 0;
    }
    .facts-text-main {
        padding-left: 50px;
    }
    .relationship-dtl h1 {
        font-size: 45px;
    }
    .relationship-model-body .form-control,
    .relationship-model-body textarea,
    .relationship-model-body .btn-default {
        width: 100%;
    }
}

@media (min-width: 1600px) and (max-width: 2000px) {
    .about-main-block-two .about-block {
        padding: 0 70px 0;
        position: absolute;
        top: 50%;
        transform: translate(0, 50%);
    }
}

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

/*===== Team Page =====*/

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

.team-page.team-main-block {
    padding-top: 80px;
    padding-bottom: 0;
}

.team-page .section-heading {
    color: #E8511C;
}

.team-page .section-heading span {
    color: #292A2E;
}

.team-two-main-block .team-main-block .overlay-bg {
    background-color: rgba(41, 42, 46, 0.90);
}

.team-two-main-block .team-block {
    position: relative;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.team-two-main-block .team-img {
    position: relative;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.team-two-main-block .team-img img {
    display: block;
    width: 100%;
}

.team-two-main-block .member-info {
    background-color: #E8B61C;
    position: absolute;
    width: 100%;
    padding: 12px 0 15px 30px;
    bottom: 0;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.team-two-main-block .member-name a {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    color: #FFF;
}

.team-two-main-block .team-block .member-name,
.team-two-main-block .team-block .member-position {
    z-index: 99999;
    position: relative;
}

.team-two-main-block .member-position {
    font-family: 'Work sans', sans-serif;
    font-size: 15px;
    margin-top: -5px;
    position: relative;
}

.team-two-main-block .member-name,
.team-two-main-block .member-name a,
.team-two-main-block .member-position {
    -webkit-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

.team-two-main-block .team-img .overlay-bg {
    text-align: center;
    background-color: rgba(232, 81, 28, 0.85);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    z-index: 1;
}

.team-two-main-block .team-block:hover .team-img .overlay-bg {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.team-two-main-block .team-block:hover>.member-info {
    background-color: transparent;
    color: #FFF;
    position: absolute;
    top: 0;
}

.team-two-main-block .team-block:hover>.member-info .member-position {}

.team-two-main-block .team-block .overlay-bg .social-icon {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    z-index: 2;
}

.team-two-main-block .team-block .overlay-bg .social-icon i {
    color: #FFF;
    position: relative;
    background-color: transparent;
    bottom: -30px;
    font-size: 18px;
    padding-left: 8px;
    padding-right: 8px;
}

.team-three-main-block .team-img {
    position: relative;
    margin-bottom: 35px;
}

.team-three-main-block .team-img .overlay-bg {
    text-align: center;
    background-color: rgba(232, 81, 28, 0.85);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.team-three-main-block .team-block {
    margin-bottom: 80px;
}

.team-three-main-block .team-block:hover .team-img .overlay-bg {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.team-three-main-block .team-block .overlay-bg i {
    color: #E8511C;
    background-color: #FFF;
    font-size: 16px;
    line-height: 40px;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.team-three-main-block .member-name a {
    font-size: 20px;
    font-weight: 600;
    color: #292A2E;
    text-transform: uppercase;
}

.team-three-main-block .member-name a:hover {
    color: #E8511C;
}

.team-three-main-block .member-position {
    padding-bottom: 12px;
    font-family: 'Work Sans', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #E8511C;
}

.team-three-main-block .team-social-icon ul li {
    display: inline-block;
    border: 1px solid #CCC;
    padding: 14px 17px;
    margin: 0 9px;
}

.team-three-main-block .team-social-icon i {
    font-size: 16px;
}

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

/*===== Team Detail Page =====*/

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

.team-details-main {}

.roof-team-dtl .roof-team-profile {}

.roof-team-dtl .roof-team-profile img {
    width: 100%;
    margin-bottom: 50px;
}

.roof-team-dtl .roof-team-profile .team-caps {
    color: #2e3e4f;
    margin-bottom: 40px;
}

.roof-team-dtl .team-dtl-social {
    text-align: center;
}

.roof-team-dtl .team-dtl-social a i {
    font-size: 22px;
    color: #2d3e50;
    background-color: transparent;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border: 1px solid #2d3e50;
}

.roof-team-dtl .team-dtl-social a:hover i {
    color: #ffffff;
    background-color: #2d3e50;
    border: 1px solid #2d3e50;
}

.roof-team-dtl .roof-team-about {}

.roof-team-dtl .roof-team-about .tt-name {
    color: #2e3e4f;
}

.roof-team-dtl .roof-team-about .tt-sub-contact {
    margin-bottom: 5px;
}

.roof-team-dtl .roof-team-about .tt-sub {
    color: #2e3e4f;
    margin-bottom: 15px;
    margin-top: 30px;
}

@media (max-width: 991px) and (min-width: 768px) {
    .roof-team-dtl .team-dtl-social {
        text-align: left;
    }
    .roof-team-dtl .team-details-main {
        padding: 40px 0px;
    }
    .team-details-main {
        padding: 20px 0px;
    }
    .professional-block {
        padding: 20px 0px !important;
    }
}

@media (max-width: 576px) and (min-width: 370px) {
    .roof-team-dtl .team-dtl-social {
        text-align: left;
    }
    .roof-team-dtl .team-details-main {
        padding: 40px 0px;
    }
    .team-details-main {
        padding: 20px 0px;
    }
    .roof-team-dtl .roof-team-about .tt-name,
    .roof-team-dtl .roof-team-about .tt-sub {
        font-size: 21px;
    }
    .professional-block {
        padding: 20px 0px !important;
    }
}

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

/*===== 403 Page / 404 Page =====*/

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

.error-main-block {
    position: relative;
    text-align: center;
    padding: 60px 0px;
}

.error-heading,
.error-sub-heading {
    font-weight: 800;
    font-style: italic;
}

.error-heading {
    font-size: 300.4px;
    color: #E8511C;
    line-height: .75;
    position: relative;
    margin-bottom: 40px;
}

.error-main-block .section-center {
    margin-bottom: 20px;
}

.error-sub-heading {
    display: block;
    position: absolute;
    top: 40%;
    left: 47.5%;
    line-height: 1.15;
    font-size: 49.9px;
    letter-spacing: 5px;
    color: #333;
    background-color: #FFF;
}

.error-main-block .error-text {
    max-width: 509px;
    line-height: 1.56;
    margin: 0 auto 45px;
}

.error_page_btn {
    text-transform: uppercase;
}

@media (max-width: 991px) and (min-width: 768px) {
    .error-heading {
        font-size: 220px;
    }
    .error-sub-heading {
        left: 44.5%;
        font-size: 38px;
    }
}

@media (max-width: 576px) and (min-width: 370px) {
    .error-heading {
        font-size: 150px;
    }
    .error-sub-heading {
        left: 41.5%;
        font-size: 25px;
    }
    .error-main-block .error-text {
        max-width: 90%;
    }
    .error-main-block .section-title {
        font-size: 18px;
    }
}

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

/*===== Coming Soon Page =====*/

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

.coming-soon-main {
    padding: 70px 0;
}

.coming-block {
    font-size: 60px;
    font-weight: 700;
    color: #000;
    padding-bottom: 70px;
}

.counter-col-days {
    display: inline-block;
}

.count-days,
.count-hours,
.count-minutes,
.count-seconds {
    position: relative;
}

.count-days:before {
    content: "Days";
    position: absolute;
    top: 60px;
    font-size: 14px;
    line-height: 2.86;
    color: #292A2E;
    text-align: center;
    margin: 15px auto 0;
    left: 0;
    right: 0;
}

.count-hours:before {
    content: "Hours";
    position: absolute;
    top: 60px;
    font-size: 14px;
    line-height: 2.86;
    color: #292A2E;
    text-align: center;
    margin: 15px auto 0;
    left: 0;
    right: 0;
}

.count-minutes:before {
    content: "Minutes";
    position: absolute;
    top: 60px;
    font-size: 14px;
    line-height: 2.86;
    color: #292A2E;
    text-align: center;
    margin: 15px auto 0;
    left: 0;
    right: 0;
}

.count-seconds:before {
    content: "Seconds";
    position: absolute;
    top: 60px;
    font-size: 14px;
    line-height: 2.86;
    color: #292A2E;
    text-align: center;
    margin: 15px auto 0;
    left: 0;
    right: 0;
}

.counter-col {
    display: inline-block;
}

.coming-soon-block p {
    padding: 0px 145px 30px;
}

@media(min-width:767px) {
    .coming-soon-block p {
        padding: 0% 10% 5%;
    }
}

@media (max-width: 480px) {
    .coming-soon-block p {
        padding: 0px 20px 30px;
    }
}

.coming-soon-main .form-control {
    width: 316px;
    border-radius: 0;
    height: 50px;
    display: inline-block;
}

.coming-soon-main .btn-default {
    margin-left: 50px;
    color: #FFF;
    background: #E8511C;
    border-color: #E8511C;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.coming-soon-main .btn-default:hover {
    background: #E8B61C;
    border-color: #E8B61C;
}

.coming-soon-main .btn-default:after {
    background-color: #FFF;
}

@media(max-width:992px) {
    .coming-block {
        font-size: 50px;
    }
    .coming-soon-main .btn-default {
        margin-left: 0;
    }
}

@media(max-width:767px) {
    .coming-block {
        font-size: 40px;
        padding-bottom: 30px;
    }
    .count-days:before,
    .count-hours:before,
    .count-minutes:before,
    .count-seconds:before {
        display: none;
    }
    .subscribe-form .form-control {
        width: 100%;
    }
}

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

/*===== Services Page =====*/

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

.services-page {
    padding-top: 80px;
}

.services-page .about-main-block {
    padding-top: 0;
}

.services-two-main-block {
    padding-bottom: 30px;
}

.services-two-main-block .services-block {
    position: relative;
    padding: 60px 40px;
}

.services-two-main-block .border-rt {
    border-right: 1px solid #dadada;
}

.services-two-main-block .border-bt {
    border-bottom: 1px solid #dadada;
    min-height: 360px;
}

.services-two-main-block .services-icon {
    margin-bottom: 15px;
}

.services-two-main-block .services-icon i {
    font-size: 40px;
    color: #E8511C;
}

.services-two-main-block .services-heading {
    position: relative;
    margin-bottom: 25px;
}

.services-two-main-block .services-heading a {
    color: #292A2E;
    font-weight: 400;
    font-size: 16px;
    text-transform: none;
}

.services-two-main-block .services-heading a:hover {
    color: #E8511C;
}

.services-two-main-block .services-heading:after {
    content: " ";
    width: 9px;
    height: 3px;
    background-color: #E8511C;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -10px;
}

.services-two-main-block .services-text {}

@media(max-width:992px) {
    .services-two-main-block .pad-rt-0 {
        padding-right: 15px;
    }
    .services-two-main-block .pad-lt-0 {
        padding-left: 15px;
    }
    .services-page {
        padding-top: 20px;
    }
    .services-two-main-block {
        padding-bottom: 0;
    }
    .services-two-main-block .services-block {
        border: none;
    }
}

@media(max-width:767px) {
    .services-two-main-block {
        padding-bottom: 50px;
    }
    .services-two-main-block .services-block {
        padding: 30px 20px;
    }
    .services-two-main-block .services-heading:after {
        top: 134px;
    }
}

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

/*===== Services Details Page =====*/

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

.service-detail-page {}

.service-detail-page .service-dtl-bg {
    margin-bottom: 30px;
}

.service-detail-page .services-two-main-block {
    padding-bottom: 0;
}

.service-feature {
    position: relative;
    margin-bottom: 30px;
}

.service-feature i {
    float: left;
    font-size: 21px;
    padding-top: 2px;
    padding-right: 30px;
    color: #E8511C;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.service-feature:hover.service-feature i {
    color: #292A2E;
}

.service-title {
    font-weight: 400;
    font-size: 16px;
}

.service-dtl-block blockquote {
    border-left: 5px solid #E8511C;
}

@media(max-width:992px) {
    .service-detail-page {
        padding-bottom: 20px;
    }
    .service-detail-page .service-dtl-block {
        padding-bottom: 0;
    }
}

@media(max-width:767px) {
    .service-detail-page {
        padding-bottom: 80px;
    }
}

.s-dtl-contact {
    padding: 10px 0px;
}

.s-contact {}

.s-dtl-contact .s-contact {
    padding-top: 10%;
}

.s-dtl-contact .s-contact .s-title {
    font-size: 30px;
    margin-bottom: 40px;
    border-bottom: 1px solid #333333;
    padding-bottom: 10px;
    text-transform: capitalize;
    line-height: 30px;
}

.s-dtl-contact .s-contact .s-sub-title {
    font-size: 20px;
    text-transform: capitalize;
    line-height: 30px;
    margin-bottom: 15px;
}

.s-dtl-contact a {
    color: rgb(42, 42, 47);
}

.s-dtl-contact a:hover {
    color: #E8511C;
}

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

/*===== Project Details Page =====*/

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

.project-page-main-block {}

.project-page-dtl-main-block {}

.project-main-title {
    position: relative;
    margin-bottom: 30px;
    color: #E8B61C;
}

.project-main-title span {
    color: #292A2E;
}

.project-main-title:after {
    content: " ";
    width: 9px;
    height: 3px;
    background-color: #E8511C;
    position: absolute;
    left: 0;
    bottom: -10px;
}

.project-info {
    margin-bottom: 20px;
    color: #292a2e;
}

.project-info th,
.project-info td {
    padding-bottom: 12px;
    font-family: 'Work Sans', sans-serif;
    font-size: 16px;
    font-weight: 500;
}

.project-info th {
    width: 50%;
}

.project-dtl {
    padding-bottom: 20px;
}

.project-dtl h4 {
    padding-bottom: 15px;
}

.project-page-img {
    margin-bottom: 30px;
}

.project-page .clients-slider {
    padding-bottom: 0;
}

.project-dtl-img img {
    margin-bottom: 30px;
}

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

/*===== 21. roof imghvr =====*/

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

.roof-imghvr {}

.roof-imghvr figcaption i {
    font-size: 45px;
    line-height: 2.2;
    font-weight: 500;
}

@media (min-width: 767px) and (max-width: 992px) {
    .roof-imghvr .roof-imghover {
        margin-bottom: 30px;
    }
}

@media (max-width: 480px) {
    .roof-imghvr .roof-imghover {
        margin-bottom: 30px;
    }
}

/*===== Pagination =====*/

.pagination-block {
    font-size: 15px;
    color: #292A2E;
    width: 100%;
    background: #FFF;
    text-align: center;
    margin-bottom: 30px;
}

.pagination {
    margin: 0;
    border-radius: 0;
}

.pagination-block .btn-default {
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.pagination li a {
    border: none;
    margin: 0 2px;
    font-size: 15px;
    color: #ffffff !important;
    background: #e8b61b;
}

.pagination li a:hover {
    color: #FFF;
    background-color: #e8501d;
}

.pagination li.active a,
.pagination li.active a:hover {
    background-color: #e8501d;
}

.pagination>li>a:focus {
    background-color: #e8501d;
    border-color: #e8501d;
    color: #ffffff;
}

/*===== Blog Sidebar =====*/

.sidebar-widget-heading {
    padding-bottom: 17px;
}

.archives-content ul {
    padding-bottom: 7px;
}

.archives-content li {
    padding-bottom: 17px;
}

.archives-content li a {
    color: #292A2E;
}

.archives-content li a:hover {
    color: #E8511C;
}

.archives-content i {
    margin-right: 20px;
}

.accor-widget {
    padding-bottom: 10px;
}

.accor-widget .panel-default {
    border: 0;
}

.tab-widget {
    padding-bottom: 20px;
}

.tab-widget .nav-tabs {
    border: 0;
    display: inline-block;
}

.tab-widget .nav-tabs>li {
    color: #FFF;
    border-radius: 0;
    background-color: #E8511C;
}

.tab-widget .nav-tabs>li a {
    color: #FFF;
    border: none;
}

.tab-widget .nav-tabs>li.active>a,
.tab-widget .nav-tabs>li.active>a:focus,
.tab-widget .nav-tabs>li.active>a:hover {
    color: #FFF;
    background-color: #E8B61C;
    border: none;
    border-bottom-color: transparent;
}

.tab-widget .nav-tabs>li>a:hover {
    color: #FFF;
    background-color: #E8B61C;
    border-color: transparent;
}

.tab-widget-dtl {
    padding: 20px 0 30px;
    margin-bottom: 20px;
}

.tab-widget-dtl .tab-thumb {
    width: 100px;
    height: 80px;
    margin-right: 15px;
    float: left;
}

@media (min-width: 768px) and (max-width: 991px) {
    .tab-widget .tab-content {
        width: 40% !important;
    }
}

@media (max-width: 480px) {
    .tab-widget-dtl {
        margin-bottom: 20px
    }
}

.tab-widget-dtl a {
    line-height: 1.71;
    color: #292A2E;
}

.tab-widget-dtl a:hover {
    color: #E8511C;
}

.flickr-widget-block {
    padding-bottom: 20px;
}

.portfolio-img {
    position: relative;
    overflow: hidden;
}

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

.portfolio-img .overlay-bg {
    text-align: center;
    background-color: rgba(255, 153, 51, 0.6);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.portfolio-img:hover .overlay-bg {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
}

.portfolio-img img {
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.portfolio-img:hover img {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}

.portfolio-img .overlay-bg i {
    color: #FFF;
    font-size: 25px;
    line-height: 50px;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    text-align: center;
    position: absolute;
    background-color: #E8511C;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.portfolio-img .overlay-bg i:hover {
    background-color: #E8511C;
}

.flickr-widget-block .portfolio-img {
    margin-bottom: 10px;
}

.flickr-widget-block .overlay-bg i {
    font-size: 10px;
    line-height: 22px;
    width: 25px;
    height: 25px;
}

.tag-widget .badge {
    padding: 10px 16px;
    color: #FFF;
    border-radius: 0;
    background-color: #E8511C;
    margin-bottom: 10px;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.tag-widget .badge:hover {
    color: #FFF;
    background-color: #E8B61C;
}

.tag-widget a {
    margin-right: 8px;
}

@media(max-width:767px) {
    .tab-widget {
        margin-bottom: 20px;
    }
}

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

/*===== Blog Single Page =====*/

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

.blog-single-post .blog-page-news-block {
    padding-bottom: 0;
    margin-bottom: 30px;
}

.blog-single-post .post-title {
    font-size: 18px;
    font-weight: 500;
}

.blog-page-news-block blockquote {
    font-size: 15px;
    font-style: italic;
    line-height: 2;
    color: #292A2E;
    border-left: 4px solid #E8511C;
    padding: 0 30px;
}

.blog-comment {
    padding: 20px 0 0px 0px;
}

.blog-comment .media {
    margin: 50px 0px;
}

.blog-comment img {
    border-radius: 100%;
    margin-bottom: 20px;
}

.blog-comment .comments-reply {
    margin: 30px 0 0;
}

.blog-comment .media-heading {
    text-transform: none;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.blog-comment .media-heading span {
    color: #292A2E;
    font-weight: 400;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.comments-heading {
    margin-bottom: 40px;
}

.media-reply a {
    font-size: 14px;
    font-weight: 500;
    color: #E8561C;
    text-transform: uppercase;
}

.media-reply a:hover {
    color: #E8B61C;
}

.comment-note {
    width: 694px;
    padding: 20px 0;
}

.comment-form .form-control {
    background-color: transparent;
    color: #292A2E;
    border-radius: 0;
    width: 100%;
    height: 40px;
}

.comment-form textarea {
    font-size: 14px;
    padding-top: 10px;
    padding-left: 15px;
    color: #292A2E;
    width: 100%;
    background-color: transparent;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.comment-form textarea.form-control {
    height: 95px;
    margin-bottom: 15px;
}

.comment-form .btn-default {
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.blog-comment-send {
    margin-bottom: 40px;
}

@media(max-width:992px) {
    .comment-note {
        width: 100%;
    }
    .comment-form .btn-default {
        margin-top: 30px;
    }
}

@media(max-width:767px) {
    .blog-right .blog-comment-send {
        padding-bottom: 70px;
    }
}

.blog-single-left {
    padding: 60px 0px;
    /*font-family: Roboto,sans-serif;*/
}

.blog-single-left .post-info {
    margin-bottom: 30px;
}

.widget {
    margin-bottom: 30px;
}

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

.blog-single-left blockquote {
    border: 3px solid #e9eef1;
    padding: 30px 30px 30px 30px;
    color: #7a7e84;
    font-family: Roboto;
    font-size: 21px;
    line-height: 36px;
    font-style: italic;
    font-weight: 500;
}

.blog-dtl-icon {
    margin-bottom: 30px;
}

.blog-dtl-icon .b-dtl-box {
    margin-bottom: 10px;
}

.blog-dtl-icon i {
    color: #d75c31;
}

.blog-single-left .blog-main-block-02 {
    padding-bottom: 0px;
}

.blog-left .sidebar-widgets {
    padding-top: 60px;
}

.sidebar-widgets {}

.blog-news-main-block .blog-block-02 {
    margin-bottom: 40px;
}

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

/*===== Gallery Page =====*/

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

.gallery-page.projects-main-block {
    padding: 80px 0 50px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .gallery-page.projects-main-block {
        padding: 30px 0 0px;
    }
    .discount-form {
        margin-bottom: 45px !important;
    }
    .ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {
        width: 50%;
    }
    .product-gallery {
        margin-bottom: 30px;
    }
}

@media (max-width: 480px) {
    .gallery-page.projects-main-block {
        padding: 30px 0 0px;
    }
    .cart-btns .btn {
        margin-bottom: 5px !important;
    }
    .checkout-coupon-form .form-control {
        width: 100% !important;
        margin-bottom: 30px !important;
        height: 50px !important;
    }
}

.gallery-full-width-page.projects-main-block {
    padding: 0px 0;
}

.gallery-page .projects-img {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.gallery-page .projects-img img {
    width: 100%;
}

.gallery-4-col-page .project-title {
    left: 5px;
    bottom: 20px;
}

.gallery-5-col-page .project-title {
    font-size: 16px;
    left: 5px;
    bottom: 20px;
}

.gallery-full-width-page.gallery-4-col-page .project-title {
    left: 30px;
    bottom: 30px;
}

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

/*===== Shop Page =====*/

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

.store-page.store-main-block {
    padding: 80px 0 50px;
}

.store-page .store-block {
    margin-bottom: 30px;
}

.store-page-left.store-main-block {
    padding-bottom: 80px;
}

.store-page-left .product-dtl {
    padding: 15px 20px 10px;
    border-left: 3px solid #dadada;
    border-bottom: 3px solid #dadada;
    border-right: 3px solid #dadada;
}

.store-page-left .store-block:hover .product-dtl {
    border-left: 3px solid #E8B61C;
    border-bottom: 3px solid #E8B61C;
    border-right: 3px solid #E8B61C;
}

.store-page-left .store-img .overlay-bg ul {
    padding: 15px;
}

@media(max-width:767px) {
    .shop-page-right .sidebar-widgets {
        padding-top: 40px;
        padding-bottom: 0;
    }
}

/* =====Price Slider =====*/

.price-slider-amount {
    margin: 10px 0 17px;
}

.price-slider-amount span {
    color: #292A2E;
    margin-right: 15px;
    font-weight: 700;
    display: inline-block;
}

.price-slider-amount>input {
    border: 0 none;
    color: #E8511C;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    outline: none
}

.slider-range {
    margin-bottom: 34px;
}

.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {
    background: #E8511C none repeat scroll 0 0;
    border: 0 none;
    height: 3px;
    position: relative;
}

.price-filter .ui-slider-handle.ui-state-default.ui-corner-all {
    background: #E8B61C none repeat scroll 0 0;
    border: medium none;
    border-radius: 50%;
    height: 16px;
    top: -6px;
    width: 16px;
    outline: none;
    position: absolute;
}

.ui-slider-range.ui-widget-header.ui-corner-all {
    background: #E8B61C none repeat scroll 0 0;
    height: 3px;
    position: absolute;
}

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

/*===== Product Details Page =====*/

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

.product-page.store-page {
    padding-bottom: 50px;
}

.product-detail-page-main-block {
    padding-bottom: 50px;
}

.product-desc-img {
    margin-bottom: 30px;
}

.product-gallery-thumb {
    width: 80px;
    position: relative;
    display: inline-block;
}

.product-gallery-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    opacity: 0;
    text-align: center;
    font-size: 28px;
    color: #E8511C;
    cursor: pointer;
    -webkit-transition: 0.5s ease-out;
    -moz-transition: 0.5s ease-out;
    -ms-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
    -transition: 0.5s ease-out;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.product-gallery-overlay span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}

.product-gallery-thumb:hover .product-gallery-overlay {
    opacity: 1;
    -webkit-transform: scale(0.90);
    -moz-transform: scale(0.90);
    -ms-transform: scale(0.90);
    -o-transform: scale(0.90);
    transform: scale(0.90);
}

.single-product-dtl .product-name {
    position: relative;
    margin-bottom: 20px;
}

.single-product-dtl .product-name:after {
    left: 0;
    bottom: -10px;
}

.single-product-dtl .product-rating {
    margin-bottom: 20px;
}

.single-product-dtl .product-rating i {
    font-size: 18px;
    color: #E8511C;
}

.shop-price {
    font-family: 'Work Sans', sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #E8511C;
}

.shop-price span {
    color: #ACADB1;
    font-weight: 300;
    padding-left: 10px;
    text-decoration: line-through;
}

.product-description {
    padding-bottom: 30px;
}

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

.delivery-check .form-control {
    border-radius: 0%;
    width: 200px;
    height: 50px;
    float: left;
}

.delivery-check p {
    color: #E8511C;
    font-weight: 400;
    padding-top: 10px;
}

.product-quantity {
    border: solid 1px #292A2E;
    width: 30%;
    padding: 18px 0 6px 26px;
    float: left;
    text-align: center;
}

.product-quantity span {
    font-size: 15px;
    font-weight: 500;
    color: #292A2E;
    float: left;
    margin-right: 15px;
    line-height: 1;
}

.single-product-dtl .btn-default {
    margin-left: 30px;
    background-color: #E8511C;
    border-color: #E8511C;
    color: #FFF;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.single-product-dtl .btn-default i {
    color: #FFF;
    padding-right: 5px;
}

.single-product-dtl .btn-default:after {
    color: #FFF;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.single-product-dtl .btn-default:hover {
    background-color: #E8B61C;
    border-color: #E8B61C;
}

.product-quantity form {
    cursor: pointer;
    display: inline-block;
}

.product-quantity .select-filter {
    line-height: 0;
}

.select-filter.number {
    font-size: 15px;
    font-weight: 500;
    color: #292A2E;
    margin-top: -5px;
}

.cart-plus-minus-box {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    float: left;
    font-size: 20px;
    outline: medium none;
    text-align: center;
    width: 20px;
    margin-right: 5px;
}

.inc.qtybutton {
    float: left;
    color: #E8511C;
}

.dec.qtybutton {
    float: none;
    color: #E8511C;
}

.product-dtl-tab {
    margin-bottom: 57px;
}

.product-dtl-tab .nav-tabs {
    border: 0;
    margin-bottom: 20px;
}

.product-dtl-tab .nav-tabs>li {
    color: #FFF;
    text-transform: uppercase;
    border-radius: 0;
    background-color: #E8B61C;
}

.product-dtl-tab .nav-tabs>li a {
    color: #FFF;
    border-radius: 0;
    border: none;
}

.product-dtl-tab .nav-tabs>li.active>a,
.product-dtl-tab .nav-tabs>li.active>a:focus,
.product-dtl-tab .nav-tabs>li.active>a:hover {
    color: #FFF;
    border-radius: 0;
    background-color: #E8511C;
    border: none;
    border-bottom-color: transparent;
}

.product-dtl-tab .nav-tabs>li>a:hover {
    color: #FFF;
    background-color: #E8511C;
    border-color: transparent;
}

@media(max-width:992px) {
    .product-page .product-quantity {
        width: 160px;
    }
}

@media(max-width:767px) {
    .single-product-img-block {
        margin-bottom: 30px;
    }
    .single-product-dtl .btn-default {
        margin-left: 5px;
    }
}

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

/*===== Register Page =====*/

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

.register-page-main-block {
    padding: 80px 0;
}

.register-form-block .section {
    padding-bottom: 50px;
}

.register-form-block .section-heading {
    margin-bottom: 30px;
}

.register-form-block .section-heading span {
    color: #E8511C;
}

.register-form-block {
    box-shadow: 0 5px 15px 0 rgba(41, 42, 46, 0.5);
    padding: 40px 40px 25px;
}

.register-form-block .form-control {
    border-radius: 0%;
    box-shadow: none;
    margin-bottom: 30px;
}

.register-form-block .btn-default {
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

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

/*===== Cart Page =====*/

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

.cart-page {
    padding: 80px 0;
}

.cart-table {
    margin-bottom: 50px;
}

.cart-table table {
    width: 100%;
}

.cart-table td,
.cart-table th {
    border: 1px solid #F4F4F4;
    color: #292A2E;
    text-align: center;
    padding: 10px;
    width: 10%;
}

.cart-table th {
    background-color: #E8511C;
    color: #FFF;
    border: 1px solid transparent;
    text-align: center;
    padding: 10px;
    width: 10%;
}

.cart-product a {
    color: #292A2E;
}

.cart-product a:hover {
    color: #E8511C;
}

.remove-btn a {
    background-color: #E8511C;
    padding: 10px 13px;
    border-radius: 100%;
    color: #FFF;
}

.remove-btn a:hover {
    background-color: #E8B61C;
}

.cart-btns {
    margin-bottom: 50px;
}

.checkout-block .cart-btns {
    margin-bottom: 0;
}

.cart-table .product-quantity {
    width: 100%;
}

.cart-table .product-quantity span {
    line-height: 0.7;
}

.discount-form .form-control {
    border-radius: 0%;
    margin-bottom: 20px;
}

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

.checkout-amount {
    margin-bottom: 20px;
    text-align: right;
    color: #3A3A3A;
}

.checkout-amount li,
.checkout-details li {
    padding: 0 15px;
    margin-bottom: 10px;
}

.total {
    font-weight: 700;
    color: #E8511C;
    background-color: #F4F4F4;
}

@media(max-width:767px) {
    .discount-form {
        margin-bottom: 30px
    }
}

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

/*===== Checkout Page =====*/

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

.checkout-page-main-block {
    padding: 80px 0;
}

.checkout-page-main-block .form-control {
    border-radius: 0%;
    box-shadow: none;
}

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

.checkout-page-main-block label span {
    color: #E8511C;
}

.btn-dropdown {
    width: 100%;
    background-color: transparent;
    height: 40px;
    border-radius: 0%;
    border: solid 1px #dadada;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.btn-dropdown.focus,
.btn-dropdown:focus,
.btn-dropdown:hover,
.btn.btn-dropdown:active,
.open>.dropdown-toggle.btn-dropdown.focus,
.open>.dropdown-toggle.btn-dropdown:focus,
.open>.dropdown-toggle.btn-dropdown:hover {
    background-color: transparent;
}

.dropdown-menu {
    width: 100%;
}

.cart-total-block th,
.cart-total-block td {
    width: 70%;
}

.your-order-block {
    margin-bottom: 30px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .your-order-block {
        padding-top: 30px;
        border-top: 1px solid #dadada;
    }
}

@media (max-width: 480px) {
    .cart-total-block th,
    .cart-total-block td {
        width: 10%;
    }
}

.checkout-bar {
    padding: 15px 30px;
    margin-bottom: 15px;
    border-top: 3px solid #E8511C;
    background-color: #F6F6F6;
    font-size: 15px;
    font-weight: 300;
    color: #292A2E;
}

.checkout-bar span {
    color: #E8511C;
    font-weight: 400;
}

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

.checkout-coupon-block {
    padding: 30px;
    border: solid 1px #dadada;
}

.checkout-coupon-form .form-control {
    width: 50%;
    display: inline-block;
}

.btn .caret {
    float: right;
}

.pay-method {
    padding: 28px 25px 20px;
    background-color: #F6F6F6;
}

.pay-method-info {
    background-color: #FFF;
    position: relative;
}

.pay-method-info p {
    padding: 30px;
    line-height: 1.85;
}

.pay-method .btn-default {
    background: #E8511C;
    border-color: #E8511C;
    color: #FFF;
}

.pay-method .btn-default:hover {
    background: #E8B61C;
    border-color: #E8B61C;
}

@media(max-width:767px) {
    .checkout-form {
        padding-bottom: 40px;
    }
}

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

/*===== Contact Page =====*/

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

.contact-page {
    padding: 80px 0;
}

.contact-page .section {
    padding-bottom: 70px;
}

.contact-page .section-heading span {
    color: #E8511C;
}

.contact-box-main-block {}

.contact-box-main-block .contact-box {
    margin-bottom: 50px;
}

.contact-box-title {
    padding: 15px 0 15px 25px;
    background-color: #E8B61C;
}

.contact-box-title .c-box-info {
    color: #FFF;
    font-weight: 500;
    text-transform: none;
    margin-bottom: 0px;
}

.contact-box-info {
    padding: 30px 0 30px 25px;
    box-shadow: 0 5px 15px 0 rgba(41, 42, 46, 0.5);
}

.contact-box-info li {
    margin-bottom: 4px;
    font-weight: 400;
    color: #292A2E;
}

.contact-box-heading li {
    font-weight: 500;
    color: #292A2E;
}

.contact-box-info li a {
    color: #292A2E;
    font-weight: 400;
}

.contact-box-info li a:hover {
    color: #E8511C;
}

.contact-page-form .form-control {
    margin-bottom: 20px;
    border-radius: 0%;
    box-shadow: none;
    height: 50px;
}

.contact-page-form textarea {
    height: 250px !important;
}

.contact-page-form .btn-default {
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.map-banner {
    width: 100%;
    height: 400px;
}

.contact-page-two .section-heading {
    margin-bottom: 30px;
}

.contact-page-two .contact-box {
    margin-bottom: 30px;
}

.contact-three.map-banner {
    height: 300px;
}

.contact-page-three .contact-page-form-main-block {
    padding-bottom: 70px;
}

.contact-page-three .section-title span {
    color: #E8511C;
}

.contact-page-three .contact-page-form-main-block {
    padding-bottom: 0px;
}

.contact-page-three .contact-box-main-block {
    padding-bottom: 0;
}

.contact-page-three .contact-box-title {
    background-color: #E8511C
}

.contact-page-three .btn-default {
    background-color: #E8511C;
    border-color: #E8511C;
}

.contact-page-three .btn-default:hover {
    background-color: #E8B61C;
    border-color: #E8B61C;
}

@media(max-width:992px) {
    .contact-page-one .contact-box,
    .contact-page-three .contact-box {
        margin-bottom: 30px;
    }
    .contact-page-two .contact-page-form,
    .contact-page-three .contact-page-form {
        margin-bottom: 70px;
    }
    .contact-page-two .contact-box-main-block,
    .contact-page-three .contact-page-form-main-block {
        padding-bottom: 0;
    }
    .contact-three.map-banner {
        margin-top: 80px;
    }
}

.bookappointment .contact-page {
    padding-bottom: 60px;
}

.bookappointment .contact-three.map-banner {}

.bookappointment .contact-page-form-main-block {
    margin-bottom: 40px;
}

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

/*===== Preloader =====*/

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

.preloader {
    background: #E8B61C;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    position: fixed;
    z-index: 9999999999999;
}

.status {
    background-image: url(http://hacker.test/wp-content/uploads/2024/08/logo-white.png);
}

.status,
.status-message {
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-position: center;
    background-repeat: no-repeat;
}

.status-message {
    padding-top: 30%;
}

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

/*===== Introduction =====*/

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

.introduction-main-block {
    padding: 100px 0;
}

.introduction-main-block .section-heading {
    margin-bottom: 30px;
}

.introduction-main-block .section-heading span {
    color: #E8B61C;
}

.introduction-main-block .nav-tabs {
    border-bottom: 3px solid #dadada;
    margin-bottom: 35px;
}

.introduction-main-block .nav-tabs>li>a {
    font-family: 'Work Sans', sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    color: #999;
    padding: 0 15px 15px;
    border-left: 1px solid #dadada;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-radius: 0%;
}

.introduction-main-block .nav-tabs>li>a:focus,
.introduction-main-block .nav-tabs>li>a:hover {
    background-color: transparent;
    color: #E8511C;
}

.introduction-main-block .nav-tabs>li.active>a,
.introduction-main-block .nav-tabs>li.active>a:focus,
.introduction-main-block .nav-tabs>li.active>a:hover {
    color: #E8511C;
    padding-bottom: 18px;
    border-bottom: 3px solid #E8511C;
    border-top: none;
    border-right: none;
}

.introduction-main-block .tab-content p {
    text-align: justify;
}

.intro-btn {
    padding-top: 30px;
}

.intro-form-main-block {
    border: 3px solid rgba(41, 42, 46, 0.1);
    padding: 20px 0;
    width: 100%;
}

.intro-heading {
    font-family: 'Work Sans', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.5);
    padding-bottom: 20px;
}

.intro-form-text {
    background-color: #E8B61C;
    padding: 35px 30px;
}

.intro-form-text div {
    font-size: 25px;
    font-weight: 500;
    color: #FFF;
    margin-bottom: 10px;
}

.intro-form-text p {
    color: #FFF;
}

.intro-form {
    padding: 30px 40px 10px;
}

.intro-form .form-control {
    margin-bottom: 10px;
    border-radius: 0%;
    box-shadow: none;
}

.intro-form ::-webkit-input-placeholder {
    padding-left: 5px;
}

.intro-form ::-moz-placeholder {
    padding-left: 5px;
}

.intro-form ::-ms-input-placeholder {
    padding-left: 5px;
}

.intro-form ::-o-input-placeholder {
    padding-left: 5px;
}

.intro-form textarea {
    height: 90px;
}

.intro-form .btn-default {
    position: relative;
    margin-top: 10px;
    width: 100%;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.intro-form .btn-default:after {
    left: 105px;
}

.intro-btn-arrow {
    position: absolute;
    left: 39%;
    bottom: 47px;
}

.intro-btn-arrow i {
    font-size: 28px;
    color: #FFF;
}

.introduction-main-block .section-heading:after,
.introduction-main-block .sub-heading {
    margin: 0;
}

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

/*===== Features =====*/

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

.features-main-block-2 {
    padding: 50px 0 90px;
}

.features-main-block-2 hr {
    margin: 0;
}

.features-block-2 {
    padding-bottom: 70px;
}

.features-2 {
    position: relative;
    border: 3px solid rgba(41, 42, 46, 0.1);
    padding: 40px 55px 30px;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.features-block-2 .features-2:hover {
    background-color: #E8511C;
    border: 3px solid transparent;
}

.features-block-2 .features-2:hover .features-icon i,
.features-block-2 .features-2:hover .features-heading,
.features-block-2 .features-2:hover .features-text p {
    color: #FFF;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.features-2:after {
    content: " ";
    width: 9px;
    height: 3px;
    background-color: #E8511C;
    position: absolute;
    bottom: -3px;
}

.features-block-2 .features-icon {
    margin-bottom: 7px;
}

.features-icon-2 i {
    font-size: 40px;
    color: #E8511C;
}

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

/*===== Features =====*/

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

.features-main-block-2 {
    padding: 50px 0 90px;
}

.features-main-block-2 hr {
    margin: 0;
}

.features-block-2 {
    padding-bottom: 70px;
}

.features-2 {
    position: relative;
    border: 3px solid rgba(41, 42, 46, 0.1);
    padding: 40px 55px 30px;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin-bottom: 30px;
}

.features-block-2 .features-2:hover {
    background-color: #E8511C;
    border: 3px solid transparent;
}

.features-block-2 .features-heading-2 {
    position: relative;
    font-weight: 400;
    margin-bottom: 20px;
    text-transform: none;
}

.features-block-2 .features-2:hover .features-icon-2 i,
.features-block-2 .features-2:hover .features-heading-2,
.features-block-2 .features-2:hover .features-text p {
    color: #FFF;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.features-2:after {
    content: " ";
    width: 9px;
    height: 3px;
    background-color: #E8511C;
    position: absolute;
    bottom: -3px;
}

.features-block-2 .features-icon-2 {
    margin-bottom: 7px;
}

.features-icon-2 i {
    font-size: 40px;
    color: #E8511C;
}

.features-heading {
    position: relative;
    font-weight: 400;
    margin-bottom: 20px;
    text-transform: none;
}

.features-text {}

.features-block-two-3 {
    padding-top: 70px;
}

.features-block-two-3 .features-3 {
    border: none;
    padding: 0;
}

.features-block-two-3 .features-3:after {
    display: none;
}

.features-block-two-3 .features-icon-3 {
    float: left;
    padding-top: 40px;
}

.features-block-two-3 .features-icon-3 i {
    font-size: 30px;
    color: #757575;
}

.features-block-two-3 .features-3:hover .features-icon-3 i {
    color: #E8511C;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.features-block-two-3 .features-3 .features-dtl {
    border-left: 1px solid #dadada;
    padding-left: 30px;
    margin-left: 65px;
}

.features-block-two-3 .features-heading-3 {
    text-transform: uppercase;
}

.features-block-two-3 .features-heading-3:after {
    content: " ";
    width: 9px;
    height: 3px;
    background-color: #E8511C;
    position: absolute;
    left: 0;
    bottom: -10px
}

.features-block-two-3 .features-text {
    max-width: 210px;
}

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

/*===== Location Page =====*/

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

.location-page-main-block {
    background-color: #E9E9E9;
}

.location-page-block {
    overflow-y: scroll;
    height: 640px;
    background-color: #FFF;
}

.location-page-block::-webkit-scrollbar {
    width: 15px;
    background-color: #E9E9E9;
}

.location-page-block::-webkit-scrollbar-thumb {
    border: 4px solid #E9E9E9;
    background-color: #FFF;
}

.store-btn .btn-default {
    width: 100%;
    height: 72px;
    line-height: 3;
    background-color: #FFF;
    border: none;
    border-radius: 0;
    color: #1872C5;
    border-top: 1px solid #E9E9E9;
}

.store-btn .btn-default:hover,
.store-btn .btn-default:focus,
.store-btn .btn-default:active,
.store-btn .btn-default:active:focus,
.store-btn .btn-default.active:hover {
    color: #FC9A39;
    background-color: #FFF;
    border: none;
    border-top: 1px solid #E9E9E9;
}

.location-table tr {
    height: 160px;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.location-table {
    width: 100%;
}

.location-table,
.location-table th,
.location-table td {
    border: 1px solid #E9E9E9;
    border-collapse: collapse;
}

.store-marker {
    width: 120px;
    text-align: center;
    position: relative;
}

.store-marker i {
    font-size: 50px;
    color: #FC9A39;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.store-marker p {
    color: rgba(51, 51, 51, 0.7);
}

.store-marker span {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    position: absolute;
    left: 0;
    right: 0;
    color: #FFF;
    top: 20%;
}

.store-marker p {
    text-transform: uppercase;
    color: rgba(51, 51, 51, 0.7);
    margin-top: 10px;
}

.store-dtl {
    padding-left: 34px;
}

.store-marker {
    position: relative;
}

.store-dtl p {
    width: 200px;
    margin: 10px 0;
    color: rgba(51, 51, 51, 0.7);
}

.store-dtl .shop-name {
    font-weight: 500;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.store-dtl i {
    margin-right: 10px;
    color: #FC9A39;
}

.location-table tr:hover {
    background-color: #F6F5F5;
}

.location-table tr:hover .shop-name,
.location-table tr:hover i {
    color: #1872C5;
}

@media(max-width: 767px) {
    .store-marker {
        width: 100px;
    }
}

/*Search Form*/

.location-search-block {
    margin: 30px 0 10px;
}

.find-store,
.view-store {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 3.5;
}

.find-store {
    text-align: right;
}

.view-store a {
    text-decoration: underline;
    color: #FC9A39;
}

/*Info Window*/

.info-img,
.info-img-dtl,
.shop-direction,
.shop-mall {
    display: inline-block;
}

.infobox-wrap {
    padding: 20px 10px 20px;
}

.shop-text,
.shop-direction,
.shop-mall {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
}

.info-img {
    vertical-align: top;
}

.shop-mall i {
    margin-left: 20px;
}

.infobox-wrap .shop-name {
    color: #1872C5;
}

.infobox-wrap .store-dtl {
    margin-left: -16px;
}

.infobox-wrap hr {
    margin: 16px 0 6px;
}

.infobox-wrap .shop-contact {
    margin: 4px 0 16px;
}

.shop-map-btn {
    margin-top: 25px;
}

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

/*===== Map =====*/

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

.map-location-block {
    height: 710px;
    width: 100%;
}

@media(max-width: 767px) {
    .contact-section-main-block .map-location-block {
        min-height: 880px;
    }
}

/*===== My Store Map =====*/

.map-store-block .map-location-block {
    height: 460px;
}

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

/*===== My Store Page =====*/

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

.my-store-thumbnails {
    margin-top: 15px;
    position: relative;
}

.my-store-item:hover .gallery-overlay {
    opacity: 1;
}

.my-store-tab {
    margin-top: 100px;
}

.my-store-contact hr {
    margin-top: 5px;
}

.contact-icon {
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    border: solid 1px rgba(0, 0, 0, 0.1);
    color: #FC9A39;
    font-size: 30px;
    line-height: 3.3;
    text-align: center;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/*Message Form */

.contact-main-block .section {
    margin-bottom: 84px;
}

.message-form textarea {
    height: 190px !important;
}

.contact-icon {
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    border: solid 1px rgba(0, 0, 0, 0.1);
    color: #FC9A39;
    font-size: 30px;
    line-height: 3.3;
    text-align: center;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.contact-block:hover .contact-icon {
    background-color: #1872C5;
    color: #FFF;
}

.contact-icon:hover {
    background-color: #1872C5;
    color: #FFF;
}

.contact-heading {
    color: #1872C5;
    margin-top: 15px;
    margin-bottom: 10px;
}

.message-form {
    margin-top: 100px;
}

.message-form .btn-default {
    margin-top: 30px;
}

@media(min-width: 767px) and (max-width: 992px) {
    .contact-icon {
        margin-bottom: 30px;
    }
}

.walk-ins {
    color: #FC9A39;
}

.my-store-dtl .section-left {
    margin-bottom: 65px;
}

.my-store-contact .contact-icon {
    width: 50px;
    height: 50px;
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
}

.my-store-contact:hover .contact-icon {
    background-color: #1872C5;
    color: #FFF;
}

.my-store-contact .contact-heading {
    color: #1872C5;
    font-size: 16px;
    text-transform: uppercase;
    margin: 0 0 13px;
}

.my-store-contact-dtl p {
    line-height: 1.38;
}

.my-store-contact-dtl {
    display: inline-block;
}

.make-appointment-btn {
    margin: 26px 0 15px 0;
}

.my-store-dtl .btn-default {
    width: 321px;
}

.my-store-dtl .btn-default i {
    margin-right: 10px;
}

.my-store-tab .nav-tabs {
    border: 0;
}

.my-store-tab .nav-tabs>li {
    background-color: #E9E9E9;
    border: none;
    border-bottom: 4px solid #E9E9E9;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.my-store-tab .nav-tabs>li:first-child {
    border-left: none;
}

.my-store-tab .nav-tabs>li a {
    border: none;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    padding: 20px 27px 15px;
    margin: 0;
}

.my-store-tab .nav-tabs>li.active>a,
.my-store-tab .nav-tabs>li.active>a:focus,
.my-store-tab .nav-tabs>li.active>a:hover {
    color: #1872C5;
    background-color: #F0F0F0;
    border: none;
}

.my-store-tab .nav-tabs>li.active {
    border-bottom-color: #1872C5;
}

.my-store-tab .nav-tabs>li>a:hover {
    color: #1872C5;
    background-color: #F0F0F0;
}

.my-store-tab .tab-pane {
    padding: 70px 0 44px 0;
}

.my-store-tab .service-sub-heading {
    color: #1872C5;
    text-transform: uppercase;
}

.contact-icon {
    color: #FC9A39;
    text-align: center;
}

/*===== My Store Slider =====*/

.my-store-carousel-thumb .item .thumb {
    cursor: pointer;
}

.my-store-carousel-thumb .item .thumb img {
    width: 100%;
}

.my-store-carousel-thumb .left.carousel-control i,
.my-store-carousel-thumb .right.carousel-control i {
    margin-top: 30%
}

.my-store-carousel .item img {
    width: 100%;
    margin-bottom: 30px;
}

@media(max-width: 381px) {
    .my-store-carousel-thumb .left.carousel-control i,
    .my-store-carousel-thumb .right.carousel-control i {
        margin-top: 15%;
    }
}

@media(max-width:992px) {
    .features-main-block-3 {
        padding: 70px 0 40px;
    }
    .features-block-3 {
        padding-bottom: 40px;
    }
    .features-3 {
        padding: 40px 20px 30px;
    }
    .features-3 {
        margin-bottom: 30px;
    }
}

@media(max-width:992px) {
    .intro-btn {
        text-align: center;
        padding-top: 10px;
    }
    .intro-form-main-block {
        margin: 50px auto 0;
    }
    .intro-btn-arrow {
        left: 44%;
    }
    .intro-form .btn-default:after {
        left: 45%;
    }
}

@media(max-width:767px) {
    .introduction-main-block .nav-tabs li a {
        padding: 0 5px 15px;
    }
    .intro-form {
        padding: 30px 20px 10px 20px;
    }
    .intro-form-text {
        padding: 5px;
    }
    .intro-btn-arrow,
    .intro-form .btn-default:after {
        left: 38%;
    }
}

.my-store-contact .contact-icon {
    width: 50px;
    height: 50px;
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
}

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

/*===== Introduction =====*/

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

.introduction-main-block {
    padding: 100px 0;
}

.introduction-main-block .section-heading {
    margin-bottom: 30px;
}

.introduction-main-block .section-heading span {
    color: #E8B61C;
}

.introduction-main-block .nav-tabs {
    border-bottom: 1px solid #E9E9EA;
    margin-bottom: 35px;
}

.introduction-main-block .nav-tabs>li>a {
    font-family: 'Work Sans', sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    color: #999;
    padding: 20px 25px;
    border-left: 1px solid #E9E9EA;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-radius: 0%;
}

.introduction-main-block .nav-tabs>li>a:focus,
.introduction-main-block .nav-tabs>li>a:hover {
    background-color: transparent;
    color: #E8511C;
}

.introduction-main-block .nav-tabs>li.active>a,
.introduction-main-block .nav-tabs>li.active>a:focus,
.introduction-main-block .nav-tabs>li.active>a:hover {
    color: #E8511C;
    border-bottom: 1px solid #E8511C;
    border-top: none;
    border-right: none;
}

.introduction-main-block .tab-content p {
    text-align: justify;
}

.intro-btn {
    padding-top: 30px;
}

.intro-form-main-block {
    border: 3px solid rgba(41, 42, 46, 0.1);
    padding: 20px 0;
    width: 100%;
}

.intro-heading {
    font-family: 'Work Sans', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.5);
    padding-bottom: 20px;
}

.intro-form-text {
    background-color: #E8B61C;
    padding: 35px 30px;
}

.intro-form-text div {
    font-size: 25px;
    font-weight: 500;
    color: #FFF;
    margin-bottom: 10px;
}

.intro-form-text p {
    color: #FFF;
}

.intro-form {
    padding: 30px 40px 10px;
}

.intro-form .form-control {
    margin-bottom: 10px;
    border-radius: 0%;
    box-shadow: none;
}

.intro-form ::-webkit-input-placeholder {
    padding-left: 5px;
}

.intro-form ::-moz-placeholder {
    padding-left: 5px;
}

.intro-form ::-ms-input-placeholder {
    padding-left: 5px;
}

.intro-form ::-o-input-placeholder {
    padding-left: 5px;
}

.intro-form textarea {
    height: 90px;
}

.intro-form .btn-default {
    position: relative;
    margin-top: 10px;
    width: 100%;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.intro-form .btn-default:after {
    left: 105px;
}

.intro-btn-arrow {
    position: absolute;
    left: 39%;
    bottom: 47px;
}

.intro-btn-arrow i {
    font-size: 28px;
    color: #FFF;
}

@media(max-width:992px) {
    .intro-btn {
        text-align: left;
        padding-top: 10px;
    }
    .intro-form-main-block {
        margin: 50px auto 0;
    }
    .intro-btn-arrow {
        left: 44%;
    }
    .intro-form .btn-default:after {
        left: 45%;
    }
}

@media(max-width:767px) {
    .introduction-main-block .nav-tabs li a {
        padding: 0 5px 15px;
    }
    .intro-form {
        padding: 30px 20px 10px 20px;
    }
    .intro-form-text {
        padding: 5px;
    }
    .intro-btn-arrow,
    .intro-form .btn-default:after {
        left: 38%;
    }
}

.relationship-btn .btn-default,
.intro-form .btn-default {
    background: #E8511C;
    color: #ffffff;
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 15px 20px;
}

.tagcloud .tags {
    padding: 5px 12px;
    background-color: transparent;
    margin-right: 6px;
    display: inline-block;
    margin-bottom: 10px;
    color: rgba(51, 51, 51, .7);
    border: 2px solid rgba(0, 0, 0, .1);
    border-radius: 5px;
}

.footer-form-control {
    color: #ffffff;
}

.blog-comment .media-body {
    padding: 0px 20px 0px 20px;
}

.blog-media {
    margin-bottom: 40px;
}

/*
  
  HOME 2 CSS

*/

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

/*===== Home Slider =====*/

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

.slide-two .home-slider-2-bg {
    width: 100%;
    height: 700px;
    margin-top: 0px;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.slide-two .slider-dtl-2 {
    max-width: 613px;
    position: absolute;
    top: 52%;
    transform: translate(0, -50%);
}

.slide-two .slider-sub-heading-2 {
    position: relative;
    margin-bottom: 25px;
    font-family: 'Work Sans', sans-serif;
    font-weight: 500;
}

.slide-two .slider-sub-heading-2:after {
    content: " ";
    width: 9px;
    height: 3px;
    background-color: #E8511C;
    position: absolute;
    left: 0;
    bottom: -10px;
}

.slide-two .slider-heading-2 {
    text-transform: none;
    font-size: 50px;
    font-weight: 300;
    margin-bottom: 20px;
}

.slide-two .slider-heading-2 span {
    font-weight: 700;
}

.slide-two .slider-features-02 {
    margin-bottom: 30px;
}

.slide-two .slider-features-02 ul li {
    font-family: 'Work Sans', sans-serif;
    font-size: 20px;
    padding-left: 17px;
    padding-bottom: 6px;
}

.slide-two .slider-features-02 ul li:after {
    content: " ";
    width: 9px;
    height: 3px;
    background-color: #e8511c;
    position: absolute;
    left: 0;
    -webkit-transform: translateY(15px);
    -moz-transform: translateX(15px);
    -ms-transform: translateX(15px);
    -o-transform: translateX(15px);
    transform: translateY(15px);
}

.slide-two .owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: 0 solid #292a2e;
    background: #292a2e;
    margin-right: 5px;
    margin-bottom: 10px;
    display: inline-block;
}

.slide-two .owl-dots {
    text-align: center;
    position: relative;
    bottom: 30px;
    border-radius: 0;
    max-width: 80px;
    margin: 0 auto;
    background-color: #FFF;
    line-height: 53px;
}

.slide-two .owl-dot.active {
    border: 0 solid #292A2E;
    background: #E8511C;
}

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

/*===== Top Bar =====*/

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

.top-bar-2 {
    background-color: #FFF;
}

.top-bar-2 {
    padding: 30px 0;
}

.nav-icon {
    float: left;
    margin-right: 20px;
}

.nav-icon i {
    font-size: 40px;
    color: #E8511C;
}

.nav-info-2-title-2 {
    font-family: 'Work Sans', sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #757575;
    margin-bottom: 0px;
    padding-top: 5px;
}

.nav-info-2 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0px;
}

.nav-info-2 a {
    color: #292A2E;
}

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

/*===== navigation-2 =====*/

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

.nav-bar-2 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}


.fix-top .nav-bar-2 {
    background-color: #292A2E;
}

.fix-top .top-nav-collapse .top-bar-2 {
    display: none;
}

.top-bar-2 .logo {
    padding: 0px;
}

.fix-top .top-nav-collapse .nav-bar-2 {
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.fix-top .top-nav-collapse .container {
    padding: 0;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.fix-top .navigation-2 {
    position: relative;
    margin: auto;
    z-index: 1111;
}

.fix-top .search-icon {
    position: relative;
    width: 100%;
    height: auto;
    background-color: #E8511C;
    right: 0px;
    bottom: 0;
    border-radius: 0%;
}

.fix-top .search-icon a i {
    color: #FFF;
    padding: 26px;
    font-size: 16px;
}




@media(max-width:785px) {
    .fix-top .logo img {
        margin: 0 auto;
        left: 0;
        right: 0;
        display: block;
    }
    .fix-top .navigation-2 {
        float: none;
    }
}

@media (min-width: 767px) and (max-width: 992px) {
    .fix-top .logo img {
        display: block;
        margin: 0 auto;
    }
    .fix-top .navigation-2 {
        margin-top: 0;
    }
}

/*Search*/

.fix-top .search {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 85px;
    padding-top: 0;
    z-index: 999999;
    opacity: 1;
    background: rgba(41, 42, 46, 1);
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: transform 0.5s linear;
    -moz-transition: transform 0.5s linear;
    -ms-transition: transform 0.5s linear;
    -o-transition: transform 0.5s linear;
    transition: transform 0.5s linear;
}

.fix-top .search .container {
    position: relative;
    margin-top: 27px;
}

.fix-top .search.active {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.fix-top .search-box-02 {
    width: 97%;
    border: none;
    font-size: 16px;
    color: #FFF;
    background: none;
}

.fix-top .search-box-02::-webkit-input-placeholder {
    color: #999 !important;
}

.fix-top .search-box-02::-moz-placeholder {
    color: #999 !important;
}

.fix-top .search-box-02::-ms-input-placeholder {
    color: #999 !important;
}

.fix-top .search-box-02::-o-input-placeholder {
    color: #999 !important;
}

.fix-top .search-close {
    position: absolute;
    right: 0px;
    top: 0;
    padding: 5px 15px;
    color: #FFF;
    background: rgba(41, 42, 46, 1);
}

.fix-top .search-close:hover {
    color: #E8511C;
}

.fix-top .search input:focus {
    outline: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media(max-width:785px) {
    .fix-top .search-icon {
        height: 48px;
    }
    .fix-top .search-icon a i {
        padding: 15px 22px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .top-bar-2 .logo {
        padding: 10px 0px 30px 0px;
    }
    .slide-two .home-slider-2-bg {
        height: 550px;
    }
    .slide-two .slider-dtl-2 {
        top: 55%;
    }
    .slide-two .slider-heading-2 {
        font-size: 38px;
    }
}

@media (max-width: 576px) and (min-width: 370px) {
    .slide-two .home-slider-2-bg {
        height: 450px;
    }
    .slide-two .slider-heading-2 {
        font-size: 30px;
    }
    .slide-two .btn {
        font-size: 16px;
        padding: 10px;
    }
    .slide-two .slider-dtl-2 {
        top: 50%;
    }
}

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

/*===== Property section =====*/

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

.property-section {
    padding: 50px 0px 0px 0px;
}

.property-section .property {
    padding: 50px 35px;
    border: 3px solid rgba(41, 42, 46, 0.1);
    text-align: center;
    margin-bottom: 30px;
    position: relative;
    transition: all 0.5s ease;
}

.property-section .property:after {
    content: " ";
    width: 9px;
    height: 3px;
    background-color: #E8511C;
    position: absolute;
    bottom: -3px;
}

.property-section .property-icon {
    margin-bottom: 10px;
    text-align: center;
}

.property-section i {
    font-size: 40px;
    color: #E8511C;
}

.property-section .property-title {
    text-align: center;
    margin-bottom: 10px;
}

.property-section .property-info {
    text-align: center;
    margin-bottom: 0px;
}

.property-section .property:hover {
    background-color: #E8511C;
    color: #ffffff;
    border: 3px solid #E8511C;
}

.property-section .property:hover .property-title a,
.property-section .property:hover .property-info,
.property-section .property:hover i {
    color: #ffffff;
}

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

/*===== Activity section =====*/

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

.activity-section {
    padding: 30px 0px;
}

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

.activity-section .activity-icon {
    padding-top: 100%;
}

.activity-section .activity-icon i {
    font-size: 40px;
}

.activity-section .activity-info {
    border-left: 1px solid #dadada;
    padding-left: 20px;
    padding-right: 35px;
}

.activity-section .activity-title {}

.activity-section .activity-left {
    text-align: left;
}

.activity-section .activity-title {
    text-transform: uppercase;
    margin-bottom: 20px;
    padding-bottom: 10px;
    text-align: left;
    position: relative;
}

.activity-section .activity-title:after {
    content: '';
    position: absolute;
    background-color: #e8511c;
    width: 10px;
    height: 3px;
    left: 0;
    bottom: 0;
}

.activity-section .activity-brief {
    max-width: 550px;
    margin: 0px auto 0px;
    margin-bottom: 0px;
}

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

/*===== About Section 2 =====*/

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

.about-section-2 {
    background-color: #292A2E;
    position: relative;
}

.about-section-2 span {
    color: #e8b61c;
}

.about-section-2 .section-title {
    color: #ffffff;
    margin-bottom: 20px;
}

.about-section-2 .overlay-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.about-section-2 .video-main-block {
    width: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.about-section-2 .video-item-02 {
    text-align: center;
}

.about-section-2 .video-device-02 .bg_img {
    background-size: cover;
    width: 100%;
    min-height: 420px;
}

.about-section-2 .video-device-02 {
    position: relative;
}

.about-section-2 .video-item-02 .video-preview-02,
.about-section-2 .video-item-02 .video-preview-02 iframe {
    width: 100%;
    height: 100%;
}

.about-section-2 .video-preview-02 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 30;
    width: 100%;
}

.about-section-2 .btn-video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 100%;
    background-color: #FFF;
}

.about-section-2 .btn-video-play i {
    font-size: 20px;
    color: #292A2E;
}

.about-section-2 .btn-video-play:hover {
    background-color: #E8511C;
}

.about-section-2 .btn-video-play:hover.btn-video-play i {
    color: #FFF;
}

.about-section-2 .about-counter {
    padding: 4% 5% 0% 5%;
}

.about-section-2 .section-left .section-brief {
    margin-bottom: 40px;
    color: #ffffff;
}

.about-section-2 .facts-block-02 {
    margin-bottom: 40px;
}

.about-section-2 .facts-icon-02,
.about-section-2 .facts-number-02,
.about-section-2 .facts-text {
    color: #FFF;
}

.about-section-2 .facts-text-main-02 {
    padding-left: 80px;
}

.about-section-2 .facts-icon-02 {
    float: left;
    padding-top: 10px;
}

.about-section-2 .facts-icon-02 i {
    font-size: 45px;
}

.about-section-2 .facts-number-02 {}

.about-section-2 .facts-text {
    font-family: 'Work Sans', sans-serif;
    position: relative;
    color: #656567;
    text-transform: uppercase;
}

@media (max-width: 991px) and (min-width: 768px) {}

@media (max-width: 576px) and (min-width: 370px) {
    .about-section-2 .about-counter {
        padding: 30px 5px;
    }
    .about-section-2 .facts-block-02 {
        margin-bottom: 30px;
    }
}

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

/*===== About Information =====*/

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

.about-information {
    padding: 60px 0px
}

.about-information span {
    color: #e8b61c;
}

.about-information .nav-tabs {
    border-bottom: 1px solid #E9E9EA;
    margin-bottom: 35px;
}

.about-information .nav-tabs>li>a {
    border-bottom: 1px solid #e9e9ea;
}

.about-information .nav-tabs>li>a {
    font-family: 'Work Sans', sans-serif;
    text-transform: uppercase;
    color: #999;
    padding: 20px 25px;
    border-left: 1px solid #E9E9EA;
    border-top: none;
    border-right: none;
    border-radius: 0%;
    border-bottom: 1px solid #e9e9ea;
}

.about-information .nav-tabs>li>a:focus,
.about-information .nav-tabs>li>a:hover {
    background-color: transparent;
    color: #E8511C;
}

.about-information .nav-tabs>li.active>a,
.about-information .nav-tabs>li.active>a:focus,
.about-information .nav-tabs>li.active>a:hover {
    color: #E8511C;
    border-bottom: 1px solid #E8511C;
    border-top: none;
    border-right: none;
}

.about-information .tab-content {
    text-align: justify;
}

.about-information .intro02-btn {
    padding-top: 30px;
}

.about-information .intro02-form-main-block {
    border: 3px solid rgba(41, 42, 46, 0.1);
    padding: 20px 0;
    width: 100%;
}

.about-information .intro02-heading {
    font-family: 'Work Sans', sans-serif;
    color: rgba(0, 0, 0, 0.5);
    margin-bottom: 20px;
    text-align: center;
    text-transform: uppercase;
}

.about-information .intro02-form-text {
    background-color: #E8B61C;
    padding: 35px 30px;
    color: #ffffff;
    text-align: center;
}

.about-information .intro02-form-text .infor-title,
.about-information .intro02-form-text .infor-content {
    color: #ffffff;
    text-align: center;
}

.about-information .intro02-form {
    padding: 30px 40px 10px;
}

.about-information .form-control {
    margin-bottom: 10px;
    border-radius: 0%;
    box-shadow: none;
    height: 40px;
}

.about-information textarea {
    height: 70px !important;
    margin-bottom: 30px !important;
}

.about-information ::-webkit-input-placeholder {
    padding-left: 5px;
}

.about-information ::-moz-placeholder {
    padding-left: 5px;
}

.about-information ::-ms-input-placeholder {
    padding-left: 5px;
}

.about-information ::-o-input-placeholder {
    padding-left: 5px;
}

.about-information .btn {
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.about-information .btn:after {
    left: 105px;
}

.about-information .intro02-form-main-block .btn {
    width: 100%;
}

.about-information .intro02-btn-arrow {
    position: absolute;
    left: 30%;
    bottom: 8%;
}

.about-information .intro02-btn-arrow i {
    font-size: 28px;
    color: #FFF;
}

@media (max-width: 991px) and (min-width: 768px) {
    .about-information .intro02 {
        margin-bottom: 40px;
    }
}

@media (max-width: 576px) and (min-width: 370px) {
    .about-information .intro02 {
        margin-bottom: 40px;
    }
    .about-information .nav-tabs {
        width: 100%;
    }
    .about-information .nav-tabs>li {
        width: 50%;
    }
}

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

/*===== Projects Section 2 =====*/

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

.projects-section-2 .projects-nav-02 {
    background-color: #292A2E;
    padding: 22px 0;
}

.projects-section-2 .projects-nav-02-title {
    font-weight: 500;
    color: #FFF;
    padding-left: 55px;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.projects-section-2 ul li {
    display: inline-block;
    border-right: 1px solid rgba(233, 233, 234, 0.1);
}

.projects-section-2 ul li {
    font-family: 'Work Sans', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #999;
    padding: 0 15px;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.projects-section-2 ul li:hover,
.projects-section-2 ul li.active {
    color: #E8511C;
}

.projects-section-2 .projects-img-02 img {
    width: 100%;
}

.projects-section-2 .overlay-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(232, 81, 28, 0.9);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.projects-section-2 .projects-block-02:hover .overlay-bg {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.projects-section-2 .overlay-bg i {
    color: #E8511C;
    background-color: #FFF;
    font-size: 16px;
    line-height: 40px;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    text-align: center;
    position: absolute;
    left: 10%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.projects-section-2 .project-title-02 {
    position: absolute;
    color: #FFF;
    font-weight: 400;
    text-transform: none;
    bottom: 55px;
    left: 50px;
}

.projects-section-2 .project-title-02:after {
    content: " ";
    width: 9px;
    height: 3px;
    background-color: #FFF;
    position: absolute;
    left: 0;
    bottom: -10px;
}

.projects-section-2 .projects-nav-02-list {}

@media (max-width: 991px) and (min-width: 768px) {
    .projects-section-2 .projects-nav-02 {
        padding: 30px 0px;
    }
    .projects-section-2 .projects-nav-02-title {
        margin-bottom: 30px;
        padding-left: 35px;
    }
    .projects-section-2 .projects-nav-02-list {
        padding: 0px 0px 0px 20px;
    }
    .projects-section-2 .overlay-bg i {
        left: 17%;
        top: 30%;
    }
}

@media (max-width: 576px) and (min-width: 370px) {
    .projects-section-2 .overlay-bg i {
        left: 17%;
        top: 25%;
    }
}

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

/*===== services section 02 =====*/

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

.services-section-02 {
    padding: 60px 0px;
}

.services-section-02 span {
    color: #e8b61c;
}

.services-section-02 .services-bg {}

.services-section-02 .services {
    border: 3px solid rgba(41, 42, 46, 0.1);
}

.services-section-02 .nav-tabs li {
    position: relative;
    background-color: rgba(233, 233, 234, 0.4);
    width: 100%;
    border-top: 1px solid #E9E9EA;
}

.services-section-02 .nav-tabs li.active {
    background-color: #FFF;
    border: none;
}

.services-section-02 .nav-tabs li a {
    border: none;
    font-family: 'Work Sans', sans-serif;
    font-size: 15px;
    font-weight: 500;
    padding: 19px 0 19px 50px;
    text-transform: uppercase;
}

.services-section-02 .nav-tabs>li.active>a,
.services-section-02 .nav-tabs>li.active>a:focus {
    color: #E8511C;
    border: none;
}

.services-section-02 .nav-tabs>li>a:hover {
    color: #E8511C;
}

.services-section-02 .nav-tabs li:hover:after,
.services-section-02 .nav-tabs li.active:after {
    content: " ";
    width: 9px;
    height: 3px;
    background-color: #E8511C;
    position: absolute;
    bottom: 50%;
    left: -3px;
}

.services-section-02 .services-heading {
    position: relative;
    padding-bottom: 20px;
    text-transform: uppercase;
}

.services-section-02 .services-heading:after {
    content: " ";
    width: 9px;
    height: 3px;
    background-color: #E8511C;
    position: absolute;
    left: 0;
    bottom: 7px;
}

.services-section-02 .tab-content {
    padding: 7% 5%;
}

.services-section-02 .tab-content .service-2-info {
    margin-bottom: 20px;
    font-size: 16px;
}

.services-section-02 .section-brief {
    max-width: 550px;
    margin: 0px;
    margin-bottom: 50px;
    float: none;
    text-align: left;
}

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

/*===== Team =====*/

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

.team-main-block-02 .parallax {
    padding: 60px 0px;
    width: 100%;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
}

.team-main-block-02 span {
    color: #e8b61c;
}

.team-main-block-02 .section-title {
    color: #ffffff;
}

.team-main-block-02 .section-center {
    margin-bottom: 50px;
}

.team-main-block-02 .overlay-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(41, 42, 46, 0.90);
}

.team-main-block-02 .team-block-02 {
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
}

.team-main-block-02 .team-img {
    position: relative;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.team-main-block-02 .team-img img {
    display: block;
    width: 100%;
}

.team-main-block-02 .team-block-02 .team-img img {
    margin: 0px;
}

.team-main-block-02 .member-info {
    background-color: #E8B61C;
    position: absolute;
    width: 100%;
    padding: 6%;
    bottom: 0;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.team-main-block-02 .member-name a {
    font-weight: 600;
    text-transform: uppercase;
    color: #FFF;
    margin-bottom: 10px
}

.team-main-block-02 .member-name {
    margin-bottom: 5px;
}

.team-main-block-02 .member-position {
    font-family: 'Work sans', sans-serif;
    font-size: 15px;
    margin-top: -5px;
    position: relative;
    margin-bottom: 0px;
}

.team-main-block-02 .member-name,
.team-main-block-02 .member-name a,
.team-main-block-02 .member-position {
    -webkit-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

.team-main-block-02 .team-img .overlay-bg {
    text-align: center;
    background-color: rgba(232, 81, 28, 0.85);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    z-index: 1;
}

.team-block-02:hover .team-img .overlay-bg {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.team-block-02:hover>.member-info {
    background-color: transparent;
    color: #FFF;
    position: absolute;
    top: 0;
    z-index: 1;
}

.team-block-02:hover>.member-info .member-position {
    color: #ffffff;
}

.team-block-02 .overlay-bg .social-icon i {
    color: #FFF;
    font-size: 16px;
    padding-left: 8px;
    padding-right: 8px;
}

.team-block-02 .member-name,
.team-block-02 .member-position {
    position: relative;
}

.team-slider-02 .owl-dot {
    background: #76787D;
}

.team-slider-02 .owl-dot.active {
    background: #E8511C;
}

.team-slider-02 .owl-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -30px;
    text-align: center;
}

.team-main-block-02 .owl-carousel .owl-stage {
    margin-bottom: 90px;
}

.team-main-block-02 .social-icon ul li {
    float: left;
    display: inline-block;
}

.team-block-02 .overlay-bg .social-icon {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    z-index: 2;
    padding: 0% 20%;
}

@media (max-width: 991px) and (min-width: 768px) {
    .team-main-block-02 .team-block-02 {
        margin-bottom: 30px;
    }
}

@media (max-width: 576px) and (min-width: 370px) {
    .team-main-block-02 .team-block-02 {
        margin-bottom: 30px;
    }
}

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

/*===== Testimonials =====*/

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

.testimonials-block-02 {
    background-color: #292A2E;
    position: relative;
}

.testimonials-block-02 .section-title {
    color: #ffffff;
}

.testimonials-block-02 span {
    color: #e8b61c;
}

.testimonials-block-02 .section-left {
    margin-bottom: 50px;
}

.testimonials-block-02 .overlay-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.testimonials-block-02 .testimonials-slider-02 {
    padding: 5%;
}

.testimonials-block-02 .testimonials-dtl-02 {
    border: 3px solid rgba(233, 233, 234, 0.1);
    padding: 30px;
    width: 92%;
    margin-bottom: 27px;
}

.testimonials-block-02 .testimonials-dtl-02 p {
    font-size: 16px;
    font-style: italic;
    line-height: 1.88;
    color: #999;
    margin: 0;
}

.testimonials-block-02 .client-name-02 {
    color: #FFF;
    position: relative;
}

.testimonials-block-02 .client-name-02,
.testimonials-block-02 .client-position {
    margin-bottom: 0px;
}

.testimonials-block-02 .client-position {
    position: relative;
    font-family: 'Work Sans', sans-serif;
    color: #999;
}

.testimonials-block-02 .client-position:after {
    content: " ";
    width: 9px;
    height: 3px;
    background-color: #E8511C;
    position: absolute;
    left: 0;
    bottom: 0;
    display: none;
}

.testimonials-block-02 .owl-dots {
    display: inline-flex;
    margin-top: 20px;
}

.testimonials-block-02 .owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: 0 solid #292a2e;
    background: #292a2e;
    margin-right: 5px;
    margin-bottom: 10px;
    display: block;
    background: #76787D;
}

.testimonials-block-02 .owl-dot.active {
    background: #E8511C;
}

.testimonials-block-02 .video-main-block {
    width: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.testimonials-block-02 .video-item-02 {
    text-align: center;
}

.testimonials-block-02 .video-device-02 .bg_img {
    background-size: cover;
    width: 100%;
    min-height: 430px;
}

.testimonials-block-02 .video-device-02 {
    position: relative;
}

.testimonials-block-02 .video-preview-02,
.testimonials-block-02 .video-preview-02 iframe {
    width: 100%;
    height: 100%;
}

.testimonials-block-02 .video-preview-02 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 30;
    width: 100%;
}

.testimonials-block-02 .btn-video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 100%;
    background-color: #FFF;
}

.testimonials-block-02 .btn-video-play i {
    font-size: 20px;
    color: #292A2E;
}

.testimonials-block-02 .btn-video-play:hover {
    background-color: #E8511C;
}

.testimonials-block-02 .btn-video-play:hover.btn-video-play i {
    color: #FFF;
}

@media (max-width: 991px) and (min-width: 768px) {
    .testimonials-block-02 .testimonials-slider-02 {
        padding: 5% 13% 5% 13%;
    }
    .testimonials-block-02 .testimonials-dtl-02 {
        width: 100%;
    }
}

@media (max-width: 576px) and (min-width: 370px) {
    .testimonials-block-02 .testimonials-dtl-02 {
        width: 100%;
        padding: 15px;
    }
    .testimonials-block-02 .testimonials-slider-02 {
        padding: 5% 13% 5% 13%;
    }
}

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

/*===== Relationship =====*/

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

.relationship-main-block-02 {
    padding-top: 90px;
}

.close {
    opacity: 1 !important;
}

.relationship-main-block-02 .section-title {
    text-transform: capitalize;
}

.relationship-main-block-02 span {
    color: #e8b61c;
}

.relationship-main-block-02 .modal-header span {
    color: #e8501d;
    opacity: 1 !important;
    font-size: 30px;
}

.relationship-dtl h1 {
    font-size: 60px;
    font-weight: 300;
    text-transform: none;
    padding-bottom: 40px;
}

.relationship-dtl h1>span {
    font-weight: 700;
}

.relationship-model-02-body {
    margin: 0 auto;
    padding: 40px 20px;
}

.relationship-model-02-body .form-control {
    width: 60%;
    margin: 0 auto;
    height: 50px;
    border-radius: 0px;
    font-size: 16px;
    margin-bottom: 20px;
}

.relationship-model-02-body textarea {
    width: 60%;
    height: 80px !important;
    margin-bottom: 40px !important;
}

.modal-title {
    text-transform: uppercase;
}

.modal-header {
    padding: 20px;
}

.relationship-btn-02 .btn {
    margin-bottom: 50px;
}

@media (max-width: 991px) and (min-width: 768px) {
    .relationship-main-block-02 .section-title {
        font-size: 40px;
    }
}

@media (max-width: 576px) and (min-width: 370px) {
    .relationship-main-block-02 .section-title {
        font-size: 30px;
    }
    .relationship-main-block-02 {
        padding-top: 40px;
    }
}

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

/*===== Footer =====*/

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

.footer-main-block-02 {
    position: relative;
    padding-top: 100px;
    background-color: #292A2E;
}

.footer-main-block-02 a {
    color: #a7a7a7;
}

.footer-main-block-02 p,
.footer-main-block-02 ul li {
    color: #a7a7a7;
    margin-bottom: 10px;
}

.footer-main-block-02 .back-to-top-02 {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    line-height: 40px;
    width: 40px;
    height: 40px;
    text-align: center;
    background-color: #E8511C;
    border-radius: 100%;
}

.footer-main-block-02 .back-to-top-02 a i {
    color: #FFF;
    font-size: 18px;
}

.footer-main-block-02 .footer-block {
    padding-bottom: 70px;
}

.footer-main-block-02 .footer-contact-widget-02 {
    margin-bottom: 20px;
}

.footer-main-block-02 .footer-logo {
    margin-bottom: 50px;
}

.footer-main-block-02 .footer-address-02 {
    padding-bottom: 10px;
}

.footer-main-block-02 .footer-address-02 i {
    color: #E8511C;
    font-size: 25px;
    float: left;
    padding-right: 20px;
}

.footer-main-block-02 .footer-about-02 .social-icon i {
    padding-right: 15px;
}

.footer-main-block-02 .footer-contact-icon-02 {
    margin-bottom: 10px;
}

.footer-main-block-02 .footer-contact-icon-02 i {
    color: #E8511C;
    font-size: 24px;
}

.footer-main-block-02 .contact-heading ul li {
    color: #FFF;
}

.footer-main-block-02 .working-time-heading {
    position: relative;
    color: #FFF;
    margin-bottom: 42px;
    font-weight: 300;
}

.footer-main-block-02 .working-time-heading:after {
    content: " ";
    width: 9px;
    height: 3px;
    background-color: #E8511C;
    position: absolute;
    left: 0;
    bottom: -10px;
}

.footer-main-block-02 .working-day ul li {}

.footer-main-block-02 .footer-nav {
    padding-top: 0px;
    margin-bottom: 0px;
}

.footer-main-block-02 .footer-nav ul li {
    display: inline-block;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.footer-main-block-02 .footer-nav ul li a {
    font-family: 'Work Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #787878;
}

.footer-main-block-02 .footer-nav ul li a:hover {
    color: #E8511C;
}

.footer-main-block-02 .copyright-main-block-02 {
    background-color: #202124;
}

.footer-main-block-02 .copyright {
    padding: 19px 0 17px;
}

.footer-main-block-02 .copyright p {
    font-family: 'Work Sans', sans-serif;
    font-size: 16px;
    padding: 0;
}

.footer-main-block-02 .copyright a {
    color: #E8511C;
}

.input-group {
    margin-bottom: 20px;
}

@media(max-width:992px) {
    .footer-main-block-02 .footer-block {
        padding-bottom: 60px;
    }
    .footer-main-block-02 .footer-widget {
        margin-bottom: 40px;
    }
    .footer-main-block-02 .copyright p {
        text-align: left;
    }
}

@media(max-width:767px) {
    .footer-main-block-02 .footer-nav {
        margin-bottom: 25px;
    }
}

/*
  
  HOME 3 CSS

*/

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

/*===== Top Bar =====*/

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

.header-main-block-3 .top-bar {
    background-color: transparent;
    padding: 12px 0 10px;
}

.header-main-block-3 .social-icon ul li {
    padding-left: 0px;
}

.header-main-block-3 .info-bar {
    color: #FFF;
    font-weight: 400;
}

.header-main-block-3 .info-bar a {
    color: #FFF;
}

.header-main-block-3 .info-bar i {
    position: relative;
    padding-right: 10px;
    font-size: 25px;
}

.header-main-block-3 .info-bar span {
    padding: 0 15px;
}

.header-main-block-3 .top-bar .social-icon {
    padding-top: 9px;
}

.header-main-block-3 .top-bar .social-icon ul li {
    float: left;
}

.header-main-block-3 .top-bar .social-icon ul li a {
    color: #FFF;
    padding-right: 15px;
}

.header-main-block-3 .top-bar .social-icon ul li a:hover {
    color: #E8511C;
}

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

/*===== Navigation =====*/

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

.header-main-block-3 .logo {
    padding-top: 26px;
}

.header-main-block-3 .nav-bar {
    position: relative;
    background: rgba(41, 42, 46, 1);
    background: -moz-linear-gradient(left, rgba(41, 42, 46, 1) 0%, rgba(31, 32, 35, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(41, 42, 46, 1)), color-stop(100%, rgba(31, 32, 35, 1)));
    background: -webkit-linear-gradient(left, rgba(41, 42, 46, 1) 0%, rgba(31, 32, 35, 1) 100%);
    background: -o-linear-gradient(left, rgba(41, 42, 46, 1) 0%, rgba(31, 32, 35, 1) 100%);
    background: -ms-linear-gradient(left, rgba(41, 42, 46, 1) 0%, rgba(31, 32, 35, 1) 100%);
    background: linear-gradient(to right, rgba(41, 42, 46, 1) 0%, rgba(31, 32, 35, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292A2E', endColorstr='#1F2023', GradientType=1);
}

.header-main-block-3 .top-nav-collapse .top-bar {
    display: none;
}

.header-main-block-3 .top-nav-collapse .nav-bar {
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.header-main-block-3 .top-nav-collapse .container {
    padding: 0;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.header-main-block-3 .navigation {
    position: relative;
    margin: auto;
    z-index: 1111;
    margin-top: 0;
    float: none;
}

.header-main-block-3 .nav-right {
    font-family: 'Work Sans', sans-serif;
    padding-top: 20px;
}

.header-main-block-3 .nav-right-text {
    color: #FFF;
    font-weight: 400;
}

.header-main-block-3 .nav-right i {
    font-size: 14px;
    color: #E8B61C;
    padding-right: 7px;
}

.header-main-block-3 .nav-right a {
    font-size: 20px;
    font-weight: 700;
    color: #E8511C;
}

@media(max-width:785px) {
    .header-main-block-3 .logo img {
        margin: 0 auto;
        left: 0;
        right: 0;
        display: block;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .header-main-block-3 .logo {
        padding: 30px 0px;
    }
}

@media (max-width: 576px) and (min-width: 370px) {
    .header-main-block-3 .logo {
        padding: 30px 0px;
    }
    .home-slider-3 .home-slider-bg {
        height: 450px;
    }
}

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

/*===== Home Slider =====*/

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

.home-slider-3 .home-slider-bg {
    position: relative;
    width: 100%;
    height: 700px;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.home-slider-3 .overlay-bg {
    width: 100%;
    height: 100%;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    padding: 60px 0px;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .5);
}

.home-slider-3 .home-slider-bg .ovdelay-bg {
    background-color: rgba(0, 0, 0, 0.3);
}

.home-slider-3 .slider-dtl {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.home-slider-3 .slider-sub-heading {
    position: relative;
    margin-bottom: 28px;
    font-family: 'Work Sans', sans-serif;
    font-weight: 500;
    color: #FFF;
    text-align: center;
}

.home-slider-3 .slider-sub-heading:after {
    content: " ";
    width: 9px;
    height: 3px;
    background-color: #FFF;
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.home-slider-3 .slider-heading {
    text-transform: none;
    font-size: 60px;
    font-weight: 300;
    color: #FFF;
    text-align: center;
    line-height: 1.1;
}

.home-slider-3 .slider-heading span {
    font-weight: 700;
    color: #E8B61C;
    text-transform: uppercase;
}

.home-slider-3 .slider-heading-block {
    margin-bottom: 0px;
}

.home-slider-3 .slider-icon i {
    font-size: 55px;
    color: #FFF;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.home-slider-3 .slider-icon i:hover {
    color: #E8B61C;
}

@media (max-width: 991px) and (min-width: 768px) {
    .home-slider-3 .slider-heading {
        font-size: 35px;
    }
    .home-slider-3 .home-slider-bg {
        height: 700px;
    }
}

@media (max-width: 576px) and (min-width: 370px) {
    .home-slider-bg {
        height: 500px !important;
    }
    .home-slider-3 .slider-heading {
        font-size: 30px;
        line-height: 30px;
    }
    .home-slider-3 .slider-dtl {
        top: 62%;
    }
}

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

/*===== Features =====*/

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

.feat-mark {
    position: relative;
    z-index: 9;
}

.mark-block {
    position: relative;
    bottom: 100px;
}

.mark {
    position: relative;
    background-color: #E8511C;
    padding: 70px 55px;
}

.mark-border {
    border-right: 1px solid rgba(255, 255, 255, 0.15);
}

.mark .overlay-bg-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 0.5s ease;
    transform: scale(0);
}

.mark:hover .overlay-bg-img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    background-color: rgba(41, 42, 46, 0.6);
}

.mark .overlay-bg {
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    transform: scale(0);
    background-color: rgba(41, 42, 46, 0.7);
    transition: all 0.5s ease;
}

.mark:hover .overlay-bg {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    /* transform:scale(1); */
    background-color: rgba(41, 42, 46, 0.6);
}

.mark-icon {
    position: relative;
    margin-bottom: 10px;
}

.mark-icon i {
    font-size: 50px;
    color: #FFF;
}

.mark-heading {
    position: relative;
    font-weight: 400;
    font-size: 18px;
    color: #FFF;
    text-transform: none;
    text-align: center;
}

.mark-heading:after {
    position: absolute;
    content: " ";
    width: 9px;
    height: 3px;
    background-color: #E8511C;
    bottom: -45px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

@media (max-width: 991px) and (min-width: 768px) {
    .mark {
        padding: 40px 15px;
        margin-bottom: 15px;
    }
}

@media (max-width: 576px) and (min-width: 370px) {
    .feat-mark {
        display: none;
    }
}

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

/*===== Services =====*/

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

.services-main-block-v3 {}

.services-main-block-v3 span {
    color: #e8511c;
}

.services-main-block-v3 .services-text {
    font-size: 14px;
}

.services-main-block-v3 .services-block {
    position: relative;
    padding: 60px 40px;
    border: 1px solid #E9E9EA;
}

.services-main-block-v3 .services-icon {
    margin-bottom: 15px;
}

.services-main-block-v3 .services-icon i {
    font-size: 40px;
    color: #E8511C;
}

.services-main-block-v3 .services-heading {
    position: relative;
    margin-bottom: 25px;
    text-align: center;
}

.services-main-block-v3 .services-heading a {
    color: #292A2E;
    font-weight: 400;
    text-transform: none;
}

.services-main-block-v3 .services-heading a:hover {
    color: #E8511C;
}

.services-main-block-v3 .services-heading:after {
    content: " ";
    width: 9px;
    height: 3px;
    background-color: #E8511C;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -10px;
}

.services-main-block-v3 .services-text {}

.services-main-block-v3 .owl-dots {
    position: absolute;
    left: 50%;
    bottom: -103px;
}

.services-main-block-v3 .owl-prev {
    left: 47%;
}

.services-main-block-v3 .owl-next {
    right: 45%;
}

.services-main-block-v3 .owl-prev,
.services-main-block-v3 .owl-next {
    color: #292A2E;
    font-size: 18px;
    position: absolute;
    width: 10px;
    height: 18px;
    bottom: -84px;
    background-color: transparent;
    text-align: center;
    z-index: 10;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.serv-main {}

@media (max-width: 991px) and (min-width: 768px) {
    .services-main-block-v3 .pad-rt-0 {
        padding-right: 15px;
    }
    .services-main-block-v3 .pad-lt-0 {
        padding-left: 15px;
    }
    .services-main-block-v3 {
        padding-bottom: 40px;
    }
    .serv-main {
        padding-top: 40px;
    }
    .services-main-block-v3 .services-block {
        border: none;
    }
    .services-main-block-v3 .services-block {
        padding: 20px;
    }
}

@media (max-width: 576px) and (min-width: 370px) {
    .services-main-block-v3 .section {
        padding-bottom: 40px;
    }
    .services-main-block-v3 .services-block {
        padding: 30px 20px;
    }
    .services-main-block-v3 {
        padding: 40px 0px;
    }
    .serv-main {
        padding-top: 40px;
    }
}

.bt-0 {
    border-top: none !important;
}

.bb-0 {
    border-bottom: none !important;
}

.bl-0 {
    border-left: none !important;
}

.br-0 {
    border-right: none !important;
}

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

/*===== Process =====*/

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

.process-main-block-v3 {
    background-color: #292A2E;
}

.process-main-block-v3 .section-title {
    color: #ffffff;
}

.process-main-block-v3 .faq-block span {
    color: #e8b61c;
}

.process-main-block-v3 .overlay-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.process-main-block-v3 .process-video .video-main-block {
    width: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.process-main-block-v3 .process-video .video-item {
    text-align: center;
}

.process-main-block-v3 .process-video .video-device .bg_img {
    background-size: cover;
    width: 100%;
    min-height: 400px;
}

.process-main-block-v3 .process-video .video-device {
    position: relative;
}

.process-main-block-v3 .process-video .video-item .video-preview,
.process-main-block-v3 .process-video .video-item .video-preview iframe {
    width: 100%;
    height: 100%;
}

.process-main-block-v3 .process-video .video-preview {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 30;
    width: 100%;
}

.process-main-block-v3 .process-video .btn-video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 100%;
    background-color: #FFF;
}

.process-main-block-v3 .process-video .btn-video-play i {
    font-size: 20px;
    color: #292A2E;
}

.process-main-block-v3 .process-video .btn-video-play:hover {
    background-color: #E8511C;
}

.process-main-block-v3 .process-video .btn-video-play:hover.btn-video-play i {
    color: #FFF;
}

.process-main-block-v3 .process-block {
    padding: 5%;
}

.process-main-block-v3 .process-block-faq .panel-heading {
    position: relative;
    padding: 14px 0 12px 20px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #26272B;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.process-main-block-v3 .panel-heading.in,
.process-main-block-v3 .process-block-faq .panel-heading:hover {
    background-color: #E8511C;
}

.process-main-block-v3 .process-block-faq .panel-group .panel {
    border: none;
}

.process-main-block-v3 .process-block-faq .panel-title a {
    font-family: 'Work Sans', sans-serif;
    font-weight: 500;
    color: #FFF;
    text-transform: none;
}

.process-main-block-v3 .process-block-faq .faq-btn {
    position: absolute;
    right: 10px;
    transform: translateY(-7px);
}

.process-main-block-v3 .process-block-faq .faq-btn:hover {
    color: #FFF;
}

.process-main-block-v3 .process-block-faq .panel-body {
    background-color: #292A2E;
    border: none;
    padding-top: 25px;
    padding-bottom: 20px;
}

.process-main-block-v3 .process-block-faq .panel-heading+.panel-collapse>.panel-body {
    border: none;
}

.process-main-block-v3 .process-text {
    color: #FFF;
    border-left: 3px solid rgba(255, 255, 255, 0.1);
    padding-left: 22px;
    margin: 0;
}

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

/*===== Team =====*/

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

.professional-block {}

.professional-block span {
    color: #E8511C;
}

.professional-block .professional-img {
    position: relative;
    margin-bottom: 35px;
}

.professional-block img {
    position: relative;
    display: block;
    width: 100%;
}

.professional-block .professional-img .overlay-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: rgba(232, 81, 28, 0.85);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    transition: all 0.5s ease;
}

.professional-block .professional-img:hover .overlay-bg {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.professional-block .overlay-bg i {
    color: #E8511C;
    background-color: #FFF;
    font-size: 16px;
    line-height: 40px;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.professional-block .professional-name {
    text-align: center;
    margin-bottom: 0px;
}

.professional-block .professional-name a {
    color: #292A2E;
    text-transform: uppercase;
    text-align: center;
}

.professional-block a:hover {
    color: #E8511C;
}

.professional-block .professional-position {
    padding-bottom: 12px;
    font-family: 'Work Sans', sans-serif;
    color: #E8511C;
    text-align: center;
    margin-bottom: 5px;
}

.professional-block .professional-social-icon ul li {
    display: inline-block;
    border: 1px solid #CCC;
    padding: 14px 17px;
    margin: 0 9px;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.professional-block .professional-social-icon ul li:hover {
    border: 1px solid #E8511C;
    background-color: #E8511C;
}

.professional-block .professional-social-icon a {
    font-size: 18px;
}

.professional-block .professional-social-icon ul li:hover a {
    color: #FFF;
}

@media (max-width: 991px) and (min-width: 768px) {
    .professional-block .professional {
        margin-bottom: 30px;
    }
    .professional-block {
        padding: 40px 0px;
    }
}

@media (max-width: 576px) and (min-width: 370px) {
    .professional-block .professional {
        margin-bottom: 30px;
    }
}

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

/*===== Latest Projects =====*/

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

.projects-main-block-v3 {
    position: relative;
}

.projects-main-block-v3 .parallax {
    width: 100%;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    padding: 60px 0px;
    height: 750px;
    padding-top: 95px;
}

.projects-main-block-v3 .overlay-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(41, 42, 46, 0.90);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.projects-main-block-v3 .projects-nav-main-block {
    background-color: transparent;
}

.projects-main-block-v3 .projects-nav-title {
    font-size: 20px;
    font-weight: 500;
    color: #FFF;
    padding-left: 60px;
    text-transform: uppercase;
}

.projects-main-block-v3 .projects-nav ul {
    padding-right: 40px;
}

.projects-main-block-v3 .projects-nav ul li {
    display: inline-block;
    border-right: 1px solid rgba(233, 233, 234, 0.1);
}

.projects-main-block-v3 .projects-nav ul li {
    font-family: 'Work Sans', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #999;
    padding: 0 20px;
    text-transform: uppercase;
}

.projects-main-block-v3 .projects-nav ul li:hover,
.projects-main-block-v3 .projects-nav ul li.active {
    color: #E8511C;
}

.projects-main-block-v3 .projects-block {
    position: absolute;
    bottom: 175px;
}

.projects-main-block-v3 .projects-img .overlay-bg {
    background-color: rgba(232, 81, 28, 0.9);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.projects-main-block-v3 .projects-block:hover .projects-img .overlay-bg {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.projects-main-block-v3 .projects-block .overlay-bg i {
    color: #E8511C;
    background-color: #FFF;
    font-size: 16px;
    line-height: 40px;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    text-align: center;
    position: absolute;
    left: 70px;
    bottom: 100px;
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.projects-main-block-v3 .project-title {
    color: #FFF;
    font-weight: 400;
    position: absolute;
    text-transform: none;
    bottom: 55px;
    left: 50px;
}

.projects-main-block-v3 .project-title:after {
    content: " ";
    width: 9px;
    height: 3px;
    background-color: #FFF;
    position: absolute;
    left: 0;
    bottom: -10px;
}

.projects-main-block-v3 .projects-btn {
    display: block;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
    position: absolute;
    bottom: 65px;
}

.projects-main-block-v3 .projects-btn .btn {
    padding: 15px 37px;
}

.projects-main-block-v3 .projects-btn .btn:after {
    left: 70px;
}

@media (max-width: 991px) and (min-width: 768px) {
    .projects-main-block-v3 .projects-nav-title {
        margin-bottom: 40px;
        text-align: center;
        padding-left: 0px;
    }
    .projects-main-block-v3 .parallax {
        height: 700px;
    }
}

@media (max-width: 576px) and (min-width: 370px) {
    .projects-main-block-v3 .projects-nav-title {
        margin-bottom: 40px;
        text-align: center;
        padding-left: 0px;
    }
    .projects-main-block-v3 .projects-nav ul li {
        margin-bottom: 30px;
        font-size: 16px;
    }
}

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

/*===== Blog =====*/

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

.blog-3 {
    padding: 60px 0;
}

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

.blog-3 .blog-author-img {
    position: absolute;
    left: 40px;
    top: 210px;
}

.blog-3 .blog-author-img img {
    border-radius: 100%;
}

.blog-3 .post-title {
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

.blog-3 .post-title a:hover {
    color: #E8511C;
}

.blog-3 .post-title:after {
    content: " ";
    width: 9px;
    height: 3px;
    background-color: #E8511C;
    position: absolute;
    left: 0;
    bottom: 0;
}

.blog-3 .post-info,
.post-info {
    position: relative;
    color: #292a2e;
    font-weight: 500;
    margin-bottom: 20px;
}

.blog-3 .post-date,
.post-date {
    float: left;
    padding-right: 20px;
}

.blog-3 .post-author a,
.post-author a {}

.blog-3 .post-summary,
.post-summary {
    margin-bottom: 30px;
}

@media (max-width: 991px) and (min-width: 768px) {
    .blog-3 .blog-block {
        margin-bottom: 40px;
    }
}

@media (max-width: 576px) and (min-width: 370px) {
    .blog-3 {
        padding: 40px 0px;
    }
    .blog-3 .blog-block {
        margin-bottom: 40px;
    }
}

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

/*===== Work =====*/

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

.work-main-block-v3 .parallax {
    width: 100%;
    height: 100%;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    padding: 100px 0px;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .5);
}

.work-main-block-v3 .section-title {
    color: #ffffff;
}

.work-main-block-v3 span {
    color: #e8511c;
}

.work-main-block-v3 .work-bg {
    position: absolute;
    top: -88px;
    right: 0;
}

.work-main-block-v3 .overlay-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(41, 42, 46, 0.90);
}

.work-main-block-v3 .work-form-main-block {
    padding: 20px 0;
    width: 100%;
    background-color: #FFF;
}

.work-main-block-v3 .work-form-main-block .btn {
    width: 100%;
}

.work-main-block-v3 .work-heading {
    font-family: 'Work Sans', sans-serif;
    color: rgba(0, 0, 0, 0.5);
    margin-bottom: 20px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 17px;
}

.work-main-block-v3 .work-form-text {
    background-color: #292A2E;
    padding: 30px 20px;
}

.work-main-block-v3 .work-title {
    color: #FFF;
    margin-bottom: 15px;
    text-align: center;
}

.work-main-block-v3 .work-info {
    color: #FFF;
}

.work-main-block-v3 .work-form {
    position: relative;
    padding: 30px 40px 20px;
}

.work-main-block-v3 .form-control {
    margin-bottom: 10px;
    border-radius: 0%;
    box-shadow: none;
    height: 45px;
}

.work-main-block-v3 textarea {
    height: 80px !important;
    margin-bottom: 40px !important;
}

.work-main-block-v3 ::-webkit-input-placeholder {
    padding-left: 5px;
}

.work-main-block-v3 ::-moz-placeholder {
    padding-left: 5px;
}

.work-main-block-v3 ::-ms-input-placeholder {
    padding-left: 5px;
}

.work-main-block-v3 ::-o-input-placeholder {
    padding-left: 5px;
}

.work-main-block-v3 .work-btn-arrow {}

.work-main-block-v3 .work-btn-arrow i {
    font-size: 28px;
    color: #FFF;
}

.work-main-block-v3 .work-dtl-block {
    padding-top: 35%;
}

.work-dtl-block .section-brief {
    color: #ffffff;
}

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

/*===== Work =====*/

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

.work-v3 .parallax {
    padding: 100px 0;
    width: 100%;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    background-color: rgba(41, 42, 46, 0.90);
}

.work-main-block-v3 .section-title {
    color: #ffffff;
}

.work-main-block-v3 span {
    color: #e8511c;
}

.work-main-block-v3 .work-bg {
    position: absolute;
    top: -88px;
    right: 0;
}

.work-main-block-v3 .overlay-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(41, 42, 46, 0.90);
}

.work-main-block-v3 .work-form-main-block {
    padding: 20px 0;
    width: 100%;
    background-color: #FFF;
}

.work-main-block-v3 .work-form-main-block .btn {
    width: 100%;
}

.work-main-block-v3 .work-heading {
    font-family: 'Work Sans', sans-serif;
    color: rgba(0, 0, 0, 0.5);
    margin-bottom: 20px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 17px;
}

.work-main-block-v3 .work-form-text {
    background-color: #292A2E;
    padding: 30px 20px;
}

.work-main-block-v3 .work-title {
    color: #FFF;
    margin-bottom: 15px;
    text-align: center;
}

.work-main-block-v3 .work-info {
    color: #FFF;
}

.work-main-block-v3 .work-form {
    position: relative;
    padding: 30px 40px 20px;
}

.work-main-block-v3 .form-control {
    margin-bottom: 10px;
    border-radius: 0%;
    box-shadow: none;
    height: 45px;
}

.work-main-block-v3 textarea {
    height: 80px !important;
    margin-bottom: 40px !important;
}

.work-main-block-v3 ::-webkit-input-placeholder {
    padding-left: 5px;
}

.work-main-block-v3 ::-moz-placeholder {
    padding-left: 5px;
}

.work-main-block-v3 ::-ms-input-placeholder {
    padding-left: 5px;
}

.work-main-block-v3 ::-o-input-placeholder {
    padding-left: 5px;
}

.work-main-block-v3 .work-btn-arrow {
    position: absolute;
    left: 30%;
    bottom: 33px;
}

.work-main-block-v3 .work-btn-arrow i {
    font-size: 28px;
    color: #FFF;
}

.work-main-block-v3 .work-dtl-block {
    padding-top: 35%;
}

.work-dtl-block .section-brief {
    color: #ffffff;
}

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

/*===== review-3 =====*/

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

.review-3 {
    padding: 60px 0px 20px 0px;
}

.review-3 span {
    color: #292a2e;
}

.review-3 .panel-group .panel {
    border: none;
}

.review-3 .panel-title a {
    font-family: 'Work Sans', sans-serif;
    font-weight: 500;
    color: #292A2E;
    text-transform: none;
    text-decoration: none;
}

.review-3 .panel-title a:hover {
    color: #292A2E;
}

.review-3 .panel-body {
    background-color: #FFF;
    border: none;
    padding-top: 25px;
    padding-bottom: 20px;
}

.review-3 .panel-heading+.panel-collapse>.panel-body {
    border: 2px solid #f5f5f5;
}

.review-3 .panel-body .text {
    border-left: 3px solid rgba(41, 42, 46, 0.1);
    padding-left: 22px;
    margin: 0;
}

.review-3 .faq-btn-plus {
    display: none;
}

.review-3 .collapsed .faq-btn-plus {
    display: inherit;
}

.review-3 .faq-btn-minus {
    display: inherit;
}

.review-3 .collapsed .faq-btn-minus {
    display: none;
}

.review-3 .faq-btn {
    position: absolute;
    right: 30px;
    transform: translateY(-7px);
    padding: 12px;
}

.review-quote {}

.review-quote .quote-box {
    border: 3px solid #E9E9EA;
}

.review-quote .quote-box span {
    font-weight: 500;
    color: #292A2E;
    text-transform: uppercase;
    font-size: 14px;
}

.review-quote .quote-border {
    border-left: 3px solid rgba(41, 42, 46, 0.1);
    padding-left: 30px;
    margin-bottom: 0px;
    line-height: 1.88;
    font-style: italic;
}

.review-quote .quote {
    padding: 32px 30px;
    border-bottom: 3px solid rgba(41, 42, 46, 0.1);
}

.review-quote .quote-reviewer {
    padding: 30px 40px;
}

.review-quote .section-title {
    margin-bottom: 15px;
    padding-top: 12px;
}

.review-quote .section-brief {
    margin-bottom: 0px;
}

@media (max-width: 991px) and (min-width: 768px) {
    .review-3 .faq-block {
        margin-bottom: 40px;
    }
}

@media (max-width: 576px) and (min-width: 370px) {
    .review-3 .faq-block {
        margin-bottom: 40px;
    }
}

/**  Location  **/

/**  Common CSS  **/

/*Small devices (landscape phones, 576px and up)*/

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

/*Medium devices (tablets, 768px and up)*/

@media (min-width: 768px) {
    .section-center,
    .section-left,
    .section-right {
        margin-bottom: 40px;
    }
}

.home-slider-bg {
    position: relative;
    width: 100%;
    height: 900px;
    background-position: 50% 0;
    background-size: cover !important;
}

.slick-current .mark .overlay-bg-img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    background-color: rgba(41, 42, 46, 0.6);
}

.slick-current .mark .overlay-bg {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    /* transform: scale(1); */
    background-color: rgba(41, 42, 46, 0.6);
}

/**  Location  **/

.fixroof-thumbnail {
    border: 1px solid #ebebeb;
    padding: 4px;
    background-color: #fff;
    border-radius: 4px;
    margin-bottom: 30px;
    position: relative;
    transform: translate3d(0, 0, 0);
    transition: transform 0.3s;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .05);
}

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

.fixroof-content {
    padding: 20px;
}

.fixroof-title {
    margin-bottom: 10px;
    text-align: left;
}

.fixroof-address {
    color: #6f6d72;
    margin-bottom: 10px;
    text-align: left;
}

.fixroof-address a {
    color: #6f6d72;
}

.fixroof-address i {
    color: #d75c31;
    margin-right: 7px;
}

.fixroof-thumbnail .btn {
    padding: 10px 20px;
    font-size: 14px;
    margin-top: 10px;
}

.scroll-content {
    overflow-y: scroll;
    height: 800px;
    padding: 0px 10px;
    overflow-x: hidden;
}

.gm-style .gm-style-iw {
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 84% !important;
    display: block !important;
    min-height: 328px !important;
    display: block !important;
}

.gm-style-iw .fixroof-content {
    padding: 20px;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
}

.gm-style-iw .fixroof-thumbnail {
    margin-bottom: 0px;
}

.about-widget.footer-widget ul li {
    display: inline-block;
}

.about-widget.footer-widget .social-icon {
    margin-top: 40px;
}

.footer-form input,
.footer-form textarea {
    padding-left: 15px;
}

.pad-lt-0 {
    padding-left: 0px;
}

.pad-rt-0 {
    padding-right: 0px;
}

/** project-gallery-filtrable **/

.portfolioFilter-text-content {
    background-color: #292A2E;
    padding: 22px 0;
}

.portfolioFilter-text-content h5 {
    font-weight: 500;
    color: #FFF;
    padding-left: 55px;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.portfolioFilter a {
    padding: 0px 20px;
    text-transform: uppercase;
    border-right: 1px solid rgba(233, 233, 234, 0.1);
}

.p0 {
    padding: 0px;
}

.main-container {
    padding: 80px 0px;
}

/** locaion **/

.roofing-location-searchbar {
    background-color: #e9e9e9;
    padding: 20px 0px;
}

.mt60 {
    margin-top: 60px;
}

@media (max-width: 1024px) and (min-width: 481px) {
    .header-main-block .navigation {
        margin-top: 20px;
    }
}

@media (max-width:480px) {}

.mt60 {
    margin-bottom: 60px;
}

@media (max-width: 991px) and (min-width: 768px) {
    .home-slider-v1 .home-slider-bg {
        height: 600px;
    }
    .home-slider-v1 .slider-dtl {
        left: 30%;
    }
    .home-slider-v1 .slider-sub-heading {
        max-width: 100%;
    }
    .home-slider-v1 .slider-heading {
        font-size: 45px;
    }
    .header-main-block .logo {
        padding: 20px 10px;
        text-align: center;
    }
    .header-main-block .navigation {
        float: left;
        width: 100%;
    }
    #cssmenu_v1 ul li.active:after,
    #cssmenu_v1>ul>li:hover:after {
        display: none;
    }
    ._project_heading_ {
        padding-bottom: 30px;
    }
    .brands-img {
        margin-bottom: 20px;
    }
}

@media (max-width: 576px) and (min-width: 370px) {
    .home-slider-v1 .home-slider-bg {
        height: 450px;
    }
    .home-slider-v1 .slider-dtl {
        left: 10%;
        top: 63%;
    }
    .home-slider-v1 .slider-sub-heading {
        max-width: 100%;
    }
    .home-slider-v1 .slider-heading {
        font-size: 30px;
    }
    .home-slider-v1 .btn {
        font-size: 16px;
        padding: 10px;
    }
    .header-main-block .navigation {
        float: left;
        width: 100%;
    }
    .header-main-block .logo {
        padding-top: 20px;
        padding-left: 30px;
        padding-bottom: 20px;
        text-align: center;
    }
    #cssmenu_v1 ul li.active:after,
    #cssmenu_v1>ul>li:hover:after {
        display: none;
    }
    ._project_heading_ {
        padding-bottom: 30px;
    }
    .brands-img {
        margin-bottom: 20px;
    }
}