/**
 * [Table of contents]
 *
 * [&. Content / #key]
 * [Let press Ctrl + f and type of paste the key, then press Enter to search the content ]
 *
 * Summary:
 *
 *  0. VARIABLE LESS
 *    - 0.1. Color
 *    - 0.2. Font
 *  1. GLOBAL STYLE
 *    - 1.1. Scaffolding
 *    - 1.2. CSS for page
 *  2. HEADER
 *    - 2.0. Global Header
 *    - 2.1. Topbar Header
 *    - 2.2. Main Header
 *    - 2.3. Menu PC
 *    - 2.4. DropDown Menu
 *    - 2.5. Menu Mobile
 *  3. FOOTER
 *    - 3.1. Main Footer
 *    - 3.2. Copyright
 *    - 3.3. Widget Footer
 *  4. SIDEBAR
 *    - 4.1. Main Sidebar
 *  5. WIDGET
 *    - 5.0. Global Style
 *    - 5.1. Search
 *    - 5.2. Recent Post
 *    - 5.3. Categories
 *    - 5.4. Tags
 *    - 5.5. Gallery
 *    - 5.6. Socials
 *    - 5.7. Archives
 *   
 */

/*----------  0.1. Color  ----------*/

/*----------  0.2. Social Color  ----------*/

/*----------  0.3. Font  ----------*/

/*================================
======     GLOBAL STYLE     ======
=================================*/

/*----------  1.1. Scaffolding  ----------*/

html * {
    outline: 0 !important;
}

html,
body {
    height: 100%;
    margin: 0 auto;
    padding: 0;

    -wenkit-font-smoothing: subpixel-antialiased;
}

body {
    font-family: 'Roboto', serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;

    color: #61728d;
    background-color: #ffffff;
}

a {
    -webkit-transition: all .3s linear;
       -moz-transition: all .3s linear;
         -o-transition: all .3s linear;
            transition: all .3s linear;
}

a:hover,
a:active,
a:focus {
    text-decoration: none;

    border-bottom: none;
}

.body-wrapper {
    position: relative;

    overflow: hidden;
}

.body-wrapper .wrapper-content {
    position: relative;
}

.main-right {
    float: right;
}

.slick-slider {
    margin: 0;
}

#back-top .link {
    line-height: 30px;

    position: fixed;
    z-index: 102;
    right: 30px;
    bottom: 30px;

    visibility: hidden;

    width: 30px;
    height: 30px;

    text-align: center;

    opacity: 0;
    color: #a94442;
    border: 1px solid #a94442;
}

#back-top .link:hover {
    color: #ffffff;
    background-color: #a94442;
}

#back-top .link.show {
    visibility: visible;

    opacity: 1;
}

#loading-page {
    position: fixed;
    z-index: 102;

    visibility: visible;

    width: 100vw;
    height: 100vh;

    opacity: 1;
    background-color: #a94442;
}

#loading-page.loaded {
    visibility: hidden !important;

    opacity: 0 !important;
}

.wrapper-content {
    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;

    opacity: 0;
}

.wrapper-content.loaded {
    visibility: visible;
    opacity: 1;
}

.machine-wrap {
    position: absolute;
    top: 50%;
    left: 50%;

    width: 475px;
    height: 145px;

    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    border-bottom: 5px solid #271e01;
}

.machine-wrap .road {
    position: absolute;
    right: 0;
    bottom: 0;

    overflow: hidden;

    width: 140px;
    height: 15px;
}

.machine-wrap .road .mud-wrap {
    position: absolute;

    width: 160px;

    -webkit-animation: moveRoad .4s linear infinite;
            animation: moveRoad .4s linear infinite;
}

.machine-wrap .road .mud {
    position: relative;
    bottom: 0;

    display: inline-block;
    float: left;

    width: 40px;
    height: 15px;
}

.machine-wrap .road .mud:before,
.machine-wrap .road .mud:after {
    position: absolute;

    width: 20px;
    height: 20px;

    content: '';
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);

    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    background: #271e01;
}

.machine-wrap .road .mud:before {
    bottom: -17px;
    left: 0;
}

.machine-wrap .road .mud:after {
    right: 0;
    bottom: -20px;
}

.machine-wrap .machine-roof,
.machine-wrap .machine-body,
.machine-wrap .machine-silencer,
.machine-wrap .machine-back:before,
.machine-wrap .machine-front {
    -webkit-animation: upDown .6s linear infinite;
            animation: upDown .6s linear infinite;
}

.machine-wrap .machine-silencer {
    -webkit-animation-duration: .4s;
            animation-duration: .4s;
}

.machine-wrap .machine-front {
    -webkit-animation-duration: .3s;
            animation-duration: .3s;
}

.machine-wrap .machine-back {
    -webkit-animation: upDown .8s linear infinite;
            animation: upDown .8s linear infinite;
}

.machine {
    width: 475px;
    height: 145px;
    padding-bottom: 20px;
}

.machine .machine-roof,
.machine .machine-main {
    margin: auto;
}

.machine .machine-roof .machine-silencer:before,
.machine .machine-roof .machine-silencer:after,
.machine .machine-body:before,
.machine .machine-body:after,
.machine .machine-main .machine-back:before,
.machine .machine-main .machine-back:after,
.machine .machine-main .machine-front:after {
    position: absolute;

    content: '';
}

.machine .machine-roof {
    position: relative;
    bottom: -1px;

    width: 80px;
    height: 60px;

    border: 15px solid #271e01;
    border-bottom: none;
    background: #a94442;
}

.machine .machine-roof .machine-silencer {
    position: absolute;
    bottom: -1px;
    left: -50px;

    width: 14px;
    height: 12px;

    background: #271e01;
}

.machine .machine-roof .machine-silencer:before {
    bottom: 100%;

    width: inherit;
    height: 0;

    border: 6px solid #271e01;
    border-top: 4px solid transparent;
    border-left: 8px solid transparent;
}

.machine .machine-roof .machine-silencer:after {
    bottom: 100%;
    left: 4px;

    width: 5px;
    height: 12px;

    -webkit-transform: skewY(-35deg);
        -ms-transform: skewY(-35deg);
            transform: skewY(-35deg);

    background: inherit;
}

.machine .machine-roof .machine-silencer .machine-smoke {
    position: absolute;
    bottom: 20px;
    left: -5px;

    width: 16px;
    height: 16px;

    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    -webkit-animation: moveSmoke .5s linear infinite;
            animation: moveSmoke .5s linear infinite;

    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    background: #271e01;
}

.machine .machine-main {
    position: relative;

    width: 185px;
    height: 60px;
}

.machine .machine-main .machine-body {
    position: relative;

    width: inherit;
    height: inherit;

    background: #271e01;
}

.machine .machine-main .machine-body:before {
    left: -15px;

    width: 30px;
    height: inherit;

    -webkit-transform: skewX(-20deg);
        -ms-transform: skewX(-20deg);
            transform: skewX(-20deg);

    background: inherit;
}

.machine .machine-main .machine-body:after {
    right: 15px;
    bottom: 0;

    width: 35px;
    height: 41px;

    background: #a94442;
}

.machine .machine-main .machine-back {
    position: absolute;
    bottom: -1px;

    width: 75px;
    height: 45px;
}

.machine .machine-main .machine-back:before {
    width: 75px;
    height: 45px;

    border-radius: 50% 50% 0 0 85% 0 0;
    background: #a94442;
}

.machine .machine-main .machine-back:after {
    top: 50%;
    left: 50%;

    width: 60px;
    height: 60px;
    margin-top: -15px;
    margin-left: -30px;

    border: 15px solid #271e01;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    background: transparent;
}

.machine .machine-main .machine-front {
    position: absolute;
    z-index: 1;
    right: -24px;
    bottom: -20px;

    width: 60px;
    height: 60px;

    border-top: 2px solid #a94442;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    background: #271e01;
}

.machine .machine-main .machine-front:after {
    top: 50%;
    left: 50%;

    width: 80px;
    height: 20px;
    margin-top: -10px;
    margin-left: -40px;

    border: 2px solid #a94442;
    background: inherit;
}

@-webkit-keyframes moveRoad {
    0% {
        right: -40px;
    }
    100% {
        right: 0;
    }
}

@keyframes moveRoad {
    0% {
        right: -40px;
    }
    100% {
        right: 0;
    }
}

@-webkit-keyframes moveSmoke {
    0% {
        -webkit-transform: scale(0) translate(0);
                transform: scale(0) translate(0);

        opacity: 0;
    }
    60% {
        -webkit-transform: scale(.5) translate(0);
                transform: scale(.5) translate(0);
    }
    100% {
        -webkit-transform: scale(1) translate(-10px, -40px);
                transform: scale(1) translate(-10px, -40px);

        opacity: .6;
    }
}

@keyframes moveSmoke {
    0% {
        -webkit-transform: scale(0) translate(0);
                transform: scale(0) translate(0);

        opacity: 0;
    }
    60% {
        -webkit-transform: scale(.5) translate(0);
                transform: scale(.5) translate(0);
    }
    100% {
        -webkit-transform: scale(1) translate(-10px, -40px);
                transform: scale(1) translate(-10px, -40px);

        opacity: .6;
    }
}

@-webkit-keyframes upDown {
    0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(2px);
                transform: translateY(2px);
    }
    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}

@keyframes upDown {
    0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(2px);
                transform: translateY(2px);
    }
    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}

/*----------  1.2 Spacing  ----------*/

.padding-top-100 {
    padding-top: 100px;
}

.padding-bottom-100 {
    padding-bottom: 100px;
}

.padding-top-70 {
    padding-top: 70px;
}

.padding-bottom-70 {
    padding-bottom: 70px;
}

.margin-top-70 {
    margin-top: 70px;
}

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

.margin-top-50 {
    margin-top: 50px;
}

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

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

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

/*----------  1.3 Change Color  ----------*/

.homepage-cleaning .topbar-icons,
.homepage-cleaning .topbar-text.big:hover,
.homepage-cleaning .slide-banner-1-item-wrapper .subtitle,
.homepage-cleaning .btn.main-color:hover,
.homepage-cleaning .btn.transparent.white-color:hover,
.homepage-cleaning .readmore:hover,
.homepage-cleaning .recent-post-inner .media-heading:hover,
.homepage-cleaning .banner-4 .subtitle,
.homepage-cleaning .testimonial-content .position,
.homepage-cleaning .testimonial-1 .testimonial-image:before,
.homepage-cleaning .recent-post-inner .media:hover .meta .icons,
.homepage-cleaning .meta-info.time .link,
.homepage-cleaning .block-2 .block-content .title:hover,
.homepage-cleaning .contact-info-box .wrapper-info .text .text-bold {
    color: #fbd022 !important;
}

.homepage-cleaning .detail-content > ul li:before,
.homepage-cleaning .package-content .title,
.homepage-cleaning .block-info .block .link.date {
    color: #0e95db !important;
}

.homepage-cleaning .block-content:before,
.homepage-cleaning .block-image-gallery:after,
.homepage-cleaning .block-image-gallery .readmore-icons,
.homepage-cleaning .package-content:hover .btn,
.homepage-cleaning .block-2 .block-content:before,
.homepage-cleaning .banner-1 {
    background-color: #fbd022 !important;
}

.homepage-cleaning .main-title .title:before,
.homepage-cleaning .tablist li .link:before,
.homepage-cleaning .block-image-gallery .content .title:before {
    background-color: #0e95db !important;
}

.homepage-cleaning .package-content:hover,
.homepage-cleaning .package-content:hover .btn {
    border-color: #fbd022 !important;
}

.homepage-cleaning .header-main {
    border-color: #0e95db !important;
}

.homepage-cleaning .btn.main-color {
    border-color: #fbd022 !important;
    background-color: #fbd022 !important;
}

.homepage-cleaning .btn.main-color:hover {
    background-color: #ffffff !important;
}

.homepage-plumbing .text-color,
.homepage-plumbing .number-phone,
.homepage-plumbing .slide-banner-1-item-wrapper .subtitle,
.homepage-plumbing .last-dif .last,
.homepage-plumbing .banner-5 .title,
.homepage-plumbing .tablist li.active .link,
.homepage-plumbing .tablist li .link:hover,
.homepage-plumbing .block-info .block .link.date,
.homepage-plumbing .block-2 .block-content .title:hover,
.homepage-plumbing .testimonial-3 .image-wrapper:before,
.homepage-plumbing .testimonial-3 .name:hover,
.homepage-plumbing .testimonial-3 .position {
    color: #1bbde8 !important;
}

.homepage-plumbing .menu-wrapper > li > a:before,
.homepage-plumbing .block-service,
.homepage-plumbing .main-title .title:before,
.homepage-plumbing .tablist li .link:before,
.homepage-plumbing.plumbing-fact,
.homepage-plumbing .block-2 .block-content .title:before,
.homepage-plumbing .block-2 .block-content:before,
.homepage-plumbing.plumbing-banner-2 {
    background-color: #1bbde8 !important;
}

.homepage-plumbing .btn.white-color:hover {
    color: #1bbde8 !important;
}

.homepage-plumbing .btn.main-color {
    border-color: #1bbde8 !important;
    background-color: #1bbde8 !important;
}

.homepage-plumbing .btn.main-color:hover {
    color: #1bbde8 !important;
    background-color: #ffffff !important;
}

/*================================
======   END GLOBAL STYLE   ======
=================================*/

/*================================
======        HEADER        ======
=================================*/

header {
    position: relative;
    top: 0;
}

.header-absolute {
    position: absolute;
    z-index: 101;
    top: 0;
    right: 0;
    left: 0;
}

.header-main.header-fixed {
    position: fixed !important;
    top: 0;
    right: 0;
    left: 0;

    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.header-main.header-fixed .menu-wrapper > li > a,
.header-main.header-fixed .button-search {
    line-height: 60px;
}

.header-main.header-fixed .nav-search {
    top: 70px;
}

.hidden-menu {
    top: -120px !important;
}

/*----------  1.1. Topbar  ----------*/

.header-topbar {
    padding: 12px 0;

    color: rgba(255, 255, 255, .7);
    border-bottom: 2px solid #a94442;
    background-color: #213047;
}

.topbar-list .item {
    display: inline-block;

    margin-right: 35px;
}

.topbar-list .item:last-child {
    margin-right: 0;
}

.topbar-icons {
    font-size: 16px;
    line-height: 24px;

    display: inline-block;

    margin-right: 8px;

    color: #ffffff;
}

.topbar-text {
    font-size: 13px;

    display: inline-block;

    margin: 0;

    color: rgba(255, 255, 255, .7);
}

.topbar-text .number-phone {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 700;

    color: #a94442;
}

/*----------  1.2. Main Header  ----------*/

.header-main {
    position: relative;

    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;

    background-color: #ffffff;
}

.header-main .container {
    position: relative;

    display: table;
}

.header-main .logo-wrapper {
    position: absolute;
    top: 50%;

    float: left;

    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}

.header-main .main-menu {
    float: right;
}

.header-main .button-search {
    float: right;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
}

.logo-wrapper .logo {
    display: inline-block;

    vertical-align: top;
}

.nav-search {
    position: absolute;
    top: 110px;
    right: 0;

    padding: 20px;

    background-color: #ffffff;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
}

.nav-search:before {
    font-size: 30px;

    position: absolute;
    top: -14px;
    right: 22px;

    content: '\2666';

    color: #ffffff;
}

.nav-search form {
    display: table;

    width: 100%;
    height: 40px;

    border: 1px solid #f1f1f1;
}

.nav-search form input[type='text'] {
    display: table-cell;

    width: 225px;
    height: 40px;
    padding: 0 20px;

    border: none;
}

.nav-search form .searchbutton {
    position: relative;
    top: -1px;

    display: table-cell;

    width: 40px;
    height: 38px;
    padding: 0;

    text-align: center;
    vertical-align: middle;

    border: none;
    background-color: #ffffff;
    box-shadow: none;
}

.button-search {
    line-height: 100px;

    position: relative;
    z-index: 103;

    display: inline-block;

    margin-left: 15px;

    cursor: pointer;
}

.button-search .icons {
    min-width: 27px;
    padding: 0 7px;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;

    color: #61728d;
}

.button-search .icons:hover {
    color: #a94442;
}

.button-search.active .fa-search:before {
    content: '\f00d';
}

/*----------  1.3. Main Menu  ----------*/

.menu-wrapper > li {
    position: static;
}

.menu-wrapper > li > a {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 100px;

    position: relative;

    padding: 0 20px;

    text-transform: uppercase;

    color: #61728d;
}

.menu-wrapper > li > a:before {
    position: absolute;
    top: 50%;
    left: 5px;

    width: 2px;
    height: 14px;

    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);

    background-color: #a94442;
}

.menu-wrapper > li > a:focus {
    color: #3a4d6a;
    background-color: transparent;
}

.menu-wrapper > li > a .icons {
    display: none;

    width: 9px;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    text-align: center;
}

.menu-wrapper > li:hover > a {
    color: #3a4d6a;
    background-color: transparent;
}

.menu-wrapper > li:hover > a .icons {
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
}

.menu-wrapper .dropdown > a .text {
    margin-right: 10px;
}

.menu-wrapper .dropdown > a .icons {
    display: inline-block;
}

.menu-wrapper .current-menu-item > a {
    color: #3a4d6a;
    background-color: transparent;
}

.menu-wrapper .current-menu-item > a:before {
    content: '';
}

/*----------  1.4. Sub Menu  ----------*/

.menu-wrapper .sub-menu {
    font-weight: 500;

    position: absolute;
    z-index: 1;
    top: 100%;

    visibility: hidden;

    width: 220px;
    padding: 0;

    -webkit-transition-delay: .5s;
            transition-delay: .5s;

    opacity: 0;
    border-top: 3px solid #a94442;
    background-color: transparent;
    -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, .1);
       -moz-box-shadow: 1px 1px 15px rgba(0, 0, 0, .1);
            box-shadow: 1px 1px 15px rgba(0, 0, 0, .1);
}

.menu-wrapper .sub-menu > li {
    display: block;

    list-style: none;

    -webkit-transition: all .3 ease;
       -moz-transition: all .3 ease;
         -o-transition: all .3 ease;
            transition: all .3 ease;

    background-color: #ffffff;
}

.menu-wrapper .sub-menu > li > a {
    font-weight: 500;
    line-height: 45px;

    display: inline-block;

    width: 100%;
    padding: 0 15px;

    -webkit-transition: all .2s linear;
       -moz-transition: all .2s linear;
         -o-transition: all .2s linear;
            transition: all .2s linear;
    vertical-align: top;

    color: #61728d;
}

.menu-wrapper .sub-menu > li > a .text {
    float: left;
}

.menu-wrapper .sub-menu > li > a .icons {
    line-height: 45px;

    display: none;
    float: right;
}

.menu-wrapper .sub-menu > li + li {
    border-top: 1px solid rgba(0, 0, 0, .1);
}

.menu-wrapper .sub-menu > li:hover {
    background-color: #f5f5f5;
}

.menu-wrapper .sub-menu > li:hover > a {
    color: #a94442;
}

.menu-wrapper .sub-menu .dropdown > a > .icons {
    display: block;
}

.menu-wrapper .sub-menu .sub-menu {
    z-index: 1;
    top: -3px;
    left: 100%;
}

.menu-wrapper .sub-menu .sub-menu.left {
    right: 100%;
    left: auto;
}

.open-sub-menu .sub-menu {
    visibility: visible;

    opacity: 1;
}

/*----------  1.5. Mega Menu  ----------*/

.mega-menu {
    position: absolute;
    z-index: 2;
    top: 100%;
    right: 15px;
    left: 15px;

    visibility: hidden;

    padding: 30px;

    -webkit-transition-delay: .5s;
            transition-delay: .5s;

    opacity: 0;
    border-top: 3px solid #a94442;
    background-color: #ffffff;
    -webkit-box-shadow: 1px 5px 15px rgba(0, 0, 0, .1);
       -moz-box-shadow: 1px 5px 15px rgba(0, 0, 0, .1);
            box-shadow: 1px 1px 15px rgba(0, 0, 0, .1);
}

.mega-menu .block-1 .block-content,
.mega-menu .block-2 .block-content {
    background-color: #fafafa;
}

.mega-menu .block-1 .block-content .title,
.mega-menu .block-2 .block-content .title {
    font-size: 14px;
}

.mega-menu .block-1 .block-content .description,
.mega-menu .block-2 .block-content .description {
    overflow: hidden;

    max-height: 48px;
}

.mega-menu .block-image-gallery .content .title {
    font-size: 14px;
}

.mega-menu-tablist {
    float: left;

    width: 200px;
    padding: 0 30px 0 0;
}

.mega-menu-tablist li {
    list-style: none;
}

.mega-menu-tablist li.active .link,
.mega-menu-tablist li:hover .link {
    color: #a94442;
    background-color: #fafafa;
}

.mega-menu-tablist .link {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 44px;

    position: relative;

    display: block;

    padding-left: 10px;

    -webkit-transition: all .2s linear;
       -moz-transition: all .2s linear;
         -o-transition: all .2s linear;
            transition: all .2s linear;
    text-transform: capitalize;

    color: #61728d;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.mega-menu-tab-content {
    float: left;

    width: calc(100% - 200px);
}

.mega-menu-wrapper {
    font-size: 0;

    margin: 0 -15px;
    padding: 0;
}

.mega-menu-wrapper .mega-menu-column {
    display: inline-block;

    padding: 0 15px;

    list-style: none;

    vertical-align: top;
}

.mega-menu-wrapper .mega-menu-column .list-link {
    margin: 0;
    padding: 0;
}

.mega-menu-wrapper .mega-menu-column .list-link li {
    list-style: none;

    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.mega-menu-wrapper .mega-menu-column .title {
    font-size: 15px;
    font-weight: 700;

    display: block;

    margin: 0;
    padding-bottom: 12px;

    text-transform: uppercase;

    color: #3a4d6a;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.mega-menu-wrapper .mega-menu-column .link {
    font-size: 14px;
    font-weight: 500;
    line-height: 45px;

    display: block;

    padding-left: 10px;

    -webkit-transition: all .2s linear;
       -moz-transition: all .2s linear;
         -o-transition: all .2s linear;
            transition: all .2s linear;
    text-transform: capitalize;

    color: #61728d;
}

.mega-menu-wrapper .mega-menu-column .link .icons {
    width: 25px;

    text-align: left;
}

.mega-menu-wrapper .mega-menu-column .link:hover {
    color: #a94442;
    background-color: #f5f5f5;
}

.mega-menu-wrapper.column-4 .mega-menu-column {
    width: 25%;
}

.mega-menu-wrapper.column-3 .mega-menu-column {
    width: 33.333%;
}

.mega-menu-wrapper.column-2 .mega-menu-column {
    width: 50%;
}

.mega-menu-wrapper.column-1 .mega-menu-column {
    width: 100%;
}

/*----------  1.6. Header more style  ----------*/

.header-wrapper.transparent .header-topbar {
    position: relative;

    border-bottom: none;
    background-color: transparent;
}

.header-wrapper.transparent .header-topbar:before {
    position: absolute;
    bottom: 0;
    left: 50%;

    width: 100%;
    max-width: 1140px;
    height: 1px;

    content: '';
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);

    background-color: rgba(255, 255, 255, .3);
}

.header-wrapper.transparent .header-main {
    background-color: transparent;
}

.header-wrapper.transparent .header-main.header-fixed {
    background-color: #213047;
}

.header-wrapper.transparent .menu-wrapper > li > a {
    color: #ffffff;
}

.header-wrapper.transparent .button-search .icons {
    color: #ffffff;
}

.header-wrapper.style-2 {
    top: 30px;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
}

.header-wrapper.style-2 .header-topbar {
    padding: 12px 30px;
}

.header-wrapper.style-2 .header-main {
    padding: 0 30px;
}

.header-wrapper.style-2 .header-main:before {
    position: absolute;
    left: 50%;

    width: 3000px;
    height: 100%;

    content: '';
    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;
    -webkit-transform: translate(-50%);
       -moz-transform: translate(-50%);
        -ms-transform: translate(-50%);
         -o-transform: translate(-50%);
            transform: translate(-50%);

    background: transparent;
}

.header-wrapper.style-2 .header-main.header-fixed {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0;

    box-shadow: none;
}

.header-wrapper.style-2 .header-main.header-fixed:before {
    background-color: #ffffff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.header-wrapper.style-2 .header-main.header-fixed .nav-search:before {
    right: 7px;
}

.header-wrapper.style-2 .header-main .nav-search:before {
    right: 36px;
}

.header-wrapper.style-2 .mega-menu {
    right: 0;
    left: 0;
}

.header-wrapper.searchbar-full .nav-wrapper {
    position: relative;
}

.header-wrapper.searchbar-full .nav-wrapper.addHeight {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    background: #ffffff;
}

.header-wrapper.searchbar-full .nav-search {
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    box-shadow: none;
}

.header-wrapper.searchbar-full .nav-search:before {
    content: none;
}

.header-wrapper.searchbar-full .nav-search form {
    display: block;

    height: 100%;

    border: none;
}

.header-wrapper.searchbar-full .nav-search form input[type='text'] {
    font-size: 18px;

    display: block;

    width: 100%;
    height: 100%;
}

.header-wrapper.searchbar-full .nav-search form input[type='text']::-webkit-input-placeholder {
    color: #3a4d6a;
}

.header-wrapper.searchbar-full .nav-search form input[type='text']::-moz-placeholder {
    color: #3a4d6a;
}

.header-wrapper.searchbar-full .nav-search form input[type='text']:-ms-input-placeholder {
    color: #3a4d6a;
}

.header-wrapper.searchbar-full .nav-search form input[type='text']:-moz-placeholder {
    color: #3a4d6a;
}

.header-wrapper.searchbar-full .nav-search form .searchbutton {
    display: none;
}

.header-wrapper.header-cleaning {
    position: absolute;
    z-index: 3;

    width: 100%;
}

.header-wrapper.header-cleaning .wrapper-container {
    position: relative;
}

.header-wrapper.header-cleaning .header-topbar {
    padding: 30px 0;

    border-bottom: none;
    background-color: #ffffff;
}

.header-wrapper.header-cleaning .header-main {
    z-index: 3;

    margin: 0 auto;

    border-bottom: 2px solid #a94442;
    background-color: #f0f3f8;
}

.header-wrapper.header-cleaning .header-main .main-menu {
    float: none;
}

.header-wrapper.header-cleaning .header-main .logo-wrapper {
    display: none;
}

.header-wrapper.header-cleaning .header-main .button-search {
    display: none;
}

.header-wrapper.header-cleaning .header-main:before {
    position: absolute;
    left: 50%;

    width: 3000px;
    height: 100%;

    content: '';
    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;
    -webkit-transform: translate(-50%);
       -moz-transform: translate(-50%);
        -ms-transform: translate(-50%);
         -o-transform: translate(-50%);
            transform: translate(-50%);

    background: transparent;
}

.header-wrapper.header-cleaning .header-main.header-fixed {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0;

    border: none;
    box-shadow: none;
}

.header-wrapper.header-cleaning .header-main.header-fixed:before {
    background-color: #f0f3f8;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.header-wrapper.header-cleaning .header-main.header-fixed .nav-search:before {
    right: 7px;
}

.header-wrapper.header-cleaning .header-main.header-fixed .menu-wrapper {
    padding-left: 0;
}

.header-wrapper.header-cleaning .header-main.header-fixed > .menu-item:first-child > a {
    padding-left: 0;
}

.header-wrapper.header-cleaning .menu-wrapper {
    padding-left: 10px;
}

.header-wrapper.header-cleaning .menu-wrapper .current-menu-item > a,
.header-wrapper.header-cleaning .menu-wrapper > li:hover > a {
    color: #3a4d6a;
}

.header-wrapper.header-cleaning .menu-wrapper .current-menu-item > a:before {
    content: none;
}

.header-wrapper.header-cleaning .menu-wrapper > li > a {
    font-weight: 500;
    line-height: 80px;

    color: #6d7f9b;
}

.header-wrapper.header-cleaning .mega-menu {
    right: 0;
    left: 0;
}

.header-wrapper.header-cleaning .topbar-list .item-wrapper {
    display: table;

    width: 100%;
}

.header-wrapper.header-cleaning .topbar-list .item {
    margin-right: 65px;

    vertical-align: top;
}

.header-wrapper.header-cleaning .topbar-list .item:last-child {
    margin-right: 0;
}

.header-wrapper.header-cleaning .topbar-icons {
    font-size: 36px;

    display: table-cell;

    height: 50px;

    vertical-align: middle;

    color: #a94442;
}

.header-wrapper.header-cleaning .topbar-content {
    display: table-cell;

    padding-left: 10px;

    vertical-align: top;
}

.header-wrapper.header-cleaning .topbar-text {
    font-family: 'Roboto', serif;
    font-size: 13px;
    font-weight: 400;

    color: #7b8595;
}

.header-wrapper.header-cleaning .topbar-text.big {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;

    display: block;

    color: #3a4d6a;
}

.header-wrapper.header-cleaning .topbar-text.big:hover {
    color: #a94442;
}

.header-wrapper.header-cleaning .header-fixed .menu-wrapper > li > a,
.header-wrapper.header-cleaning .header-fixed .button-search {
    line-height: 60px;
}

.header-wrapper.header-cleaning .header-fixed .nav-search-1 form input[type='text'] {
    height: 60px;
}

.header-wrapper.header-cleaning .header-fixed .header-main .nav-search {
    right: 15px;
}

.header-wrapper.header-cleaning .nav-search-1 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;

    padding: 0 20px;

    background-color: #e3e8f1;
}

.header-wrapper.header-cleaning .nav-search-1 form {
    display: table;

    width: 100%;
    height: 100%;
}

.header-wrapper.header-cleaning .nav-search-1 form input[type='text'] {
    display: table-cell;

    width: 255px;
    height: 80px;
    padding: 0 10px;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;

    border: none;
    background: transparent;
}

.header-wrapper.header-cleaning .nav-search-1 form input[type='text']::-webkit-input-placeholder {
    font-style: italic;

    color: #97a2b3;
}

.header-wrapper.header-cleaning .nav-search-1 form input[type='text']::-moz-placeholder {
    font-style: italic;

    color: #97a2b3;
}

.header-wrapper.header-cleaning .nav-search-1 form input[type='text']:-ms-input-placeholder {
    font-style: italic;

    color: #97a2b3;
}

.header-wrapper.header-cleaning .nav-search-1 form input[type='text']:-moz-placeholder {
    font-style: italic;

    color: #97a2b3;
}

.header-wrapper.header-cleaning .nav-search-1 form .searchbutton {
    position: relative;

    display: table-cell;

    width: auto;
    height: 100%;
    padding: 0;

    text-align: center;
    vertical-align: middle;

    color: #97a2b3;
    border: none;
    background: transparent;
    box-shadow: none;
}

.header-wrapper.header-cleaning .nav-search {
    background-color: #f0f3f8;
}

.header-wrapper.header-cleaning .nav-search:before {
    color: #f0f3f8;
}

.header-wrapper.header-cleaning .nav-search form input[type='text'],
.header-wrapper.header-cleaning .nav-search form .searchbutton {
    background-color: #f0f3f8;
}

.header-wrapper.header-plumbing .header-topbar {
    padding: 0;

    border-bottom: 1px solid #e0e5eb;
    background-color: #f7f9fd;
}

.header-wrapper.header-plumbing .topbar-list .item {
    max-height: 48px;
    margin: 0;
    padding: 12px 20px 12px 30px;

    border-right: 1px solid #e0e5eb;
}

.header-wrapper.header-plumbing .topbar-list .item:first-child {
    border-left: 1px solid #e0e5eb;
}

.header-wrapper.header-plumbing .topbar-text {
    color: #7b8595;
}

.header-wrapper.header-plumbing .text-color {
    font-family: 'Montserrat', sans-serif;

    color: #a94442;
}

.header-wrapper.header-plumbing .topbar-icons {
    color: #213047;
}

/*----------  1.7. Menu Responsive  ----------*/

.hamburger-menu {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 10px;

    display: none;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    background: none;

    -webkit-appearence: none;
}

.hamburger-menu:focus,
.hamburger-menu:active {
    outline: none;
}

.hamburger-menu .nav-label {
    font-size: 14px;

    display: none;
    float: left;

    text-transform: uppercase;

    opacity: 1;
}

.hamburger-menu.nav-open .nav-svg path.x {
    transition: .2s .2s ease-in-out;
    -webkit-transform: rotate(45deg) translate(-24%, 80px) scaleX(.7);
        -ms-transform: rotate(45deg) translate(-24%, 80px) scaleX(.7);
            transform: rotate(45deg) translate(-24%, 80px) scaleX(.7);
            stroke: transparent;
}

.hamburger-menu.nav-open .nav-svg path.x:first-of-type {
    -webkit-transform: rotate(-45deg) translate(-24%, -80px) scaleX(.7);
        -ms-transform: rotate(-45deg) translate(-24%, -80px) scaleX(.7);
            transform: rotate(-45deg) translate(-24%, -80px) scaleX(.7);
}

.hamburger-menu.nav-open .nav-svg path.yy {
    transition: .25s 0s ease-in-out;

    stroke-dashoffset: -1200;
}

.hamburger-menu .nav-svg {
    display: inline-block;
}

.hamburger-menu .nav-svg path {
    stroke: #ffffff;
    stroke-width: 70;
}

.hamburger-menu .nav-svg .x2{
    stroke:transparent;
}

.hamburger-menu.nav-open .nav-svg path.x2{
    stroke: #ffffff;
}

.hamburger-menu .nav-svg path.x {
    transition: .25s 0s ease-in-out;
    -webkit-transform: rotate(0deg) translateX(0px);
        -ms-transform: rotate(0deg) translateX(0px);
            transform: rotate(0deg) translateX(0px);
    -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
            transform-origin: right center;
}

.hamburger-menu .nav-svg path.yy {
    transition: .2s .2s ease-in-out;

    stroke-dasharray: 2520 3000;
    stroke-dashoffset: 1700;
}

.menu-mobile-wrapper {
    display: none;
}


/*----------  1.9. Hover menu PC  ----------*/

@media screen and (min-width: 768px) {
    .dropdown:hover > .sub-menu,
    .dropdown:hover > .mega-menu {
        visibility: visible;

        -webkit-transition-delay: .5s;
                transition-delay: .5s;

        opacity: 1;
    }
}

/*================================
======      END HEADER      ======
=================================*/

/*================================
======        FOOTER        ======
=================================*/

/*----------  1.1. Background  ----------*/

footer .widget {
    margin-bottom: 0;
}

footer .logo-wrapper {
    margin-bottom: 20px;

    text-align: center;
}

footer .col-md-6 {
    margin-bottom: 50px;
}

.wrapper-footer {
    padding: 140px 0 100px 0;

    background-position: center;
    background-size: cover;
}

.wrapper-footer .container {
    position: relative;
}

.wrapper-footer .side-img {
    position: absolute;
    top: -190px;
    left: 0;
}

.wrapper-footer.white {
    background-image: url('../images/background/footer.jpg');
}

.wrapper-footer.style-2,
.wrapper-footer.style-3 {
    padding: 100px 0;
}

/*----------  1.2. Footer bottom  ----------*/

.footer-bottom {
    padding: 30px 0;

    text-align: center;

    background-color: #fafafa;
}

.footer-bottom .text {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;

    text-transform: uppercase;

    color: #61728d;
}

.footer-bottom .text .name {
    color: #3a4d6a;
}

.footer-bottom .text .icons {
    color: #d17979;
}

.footer-bottom.white {
    background-color: #1a2638;
}

.footer-bottom.white .text {
    color: rgba(255, 255, 255, .2);
}

.footer-bottom.white .text .name {
    color: rgba(255, 255, 255, .7);
}

/*================================
======      END FOOTER      ======
=================================*/

/*================================
======       SIDEBAR        ======
=================================*/

/*----------  1.0. Sidebar  ----------*/

.sidebar .widget:last-child {
    margin-bottom: 0;
}

.contact-us-now-widget .contact-info-box .wrapper-info .text .text-bold {
    display: block;

    padding-left: 0;
}

/*----------  1.1. Title  ----------*/

.title-widget {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 700;

    margin-bottom: 30px;

    text-transform: uppercase;

    color: #3a4d6a;
}

/*----------  1.2. Search  ----------*/

.search-widget .input-group .form-control,
.search-widget .input-group .btn {
    color: #3a4d6a;
}

.search-widget .input-group input {
    border: none !important;
}

.search-widget .input-group input::-webkit-input-placeholder {
    color: #3a4d6a;
}

.search-widget .input-group input::-moz-placeholder {
    color: #3a4d6a;
}

.search-widget .input-group input:-ms-input-placeholder {
    color: #3a4d6a;
}

.search-widget .input-group input:-moz-placeholder {
    color: #3a4d6a;
}

.search-widget .input-group input:focus ~ .line:after {
    width: 100%;
}

.search-widget .input-group input:focus::-webkit-input-placeholder {
    -webkit-transform: translateX(-20px);
       -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
         -o-transform: translateX(-20px);
            transform: translateX(-20px);
}

.search-widget .input-group input:focus::-moz-placeholder {
    -webkit-transform: translateX(-20px);
       -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
         -o-transform: translateX(-20px);
            transform: translateX(-20px);
}

.search-widget .input-group input:focus:-ms-input-placeholder {
    -webkit-transform: translateX(-20px);
       -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
         -o-transform: translateX(-20px);
            transform: translateX(-20px);
}

.search-widget .input-group input:focus:-moz-placeholder {
    -webkit-transform: translateX(-20px);
       -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
         -o-transform: translateX(-20px);
            transform: translateX(-20px);
}

.search-widget .input-group .btn {
    font-size: 17px;
    line-height: 1;

    height: auto;
    padding: 0 0 0 15px;

    border: 0;
    background-color: transparent;
    box-shadow: none;
}

.search-widget .input-group .btn:hover {
    color: #a94442;
}

.search-widget .input-group .line:before {
    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 2px;

    content: '';

    background-color: #3a4d6a;
}

.search-widget .input-group .line:after {
    position: absolute;
    bottom: 0;
    left: 0;

    width: 0;
    height: 2px;

    content: '';
    -webkit-transition: all .3s linear;
       -moz-transition: all .3s linear;
         -o-transition: all .3s linear;
            transition: all .3s linear;

    background-color: #a94442;
}

.search-widget .input-group-btn {
    vertical-align: middle;
}

/*----------  1.3. Categories  ----------*/

.categories-inner .link {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;

    display: block;

    padding: 10px 0;

    color: #61728d;
}

.categories-inner .link:first-child {
    padding-top: 0;
}

.categories-inner .link .icons {
    font-size: 14px;

    float: right;

    margin-top: 4px;

    -webkit-transition: opacity .3s;
       -moz-transition: opacity .3s;
         -o-transition: opacity .3s;
            transition: opacity .3s;

    opacity: 0;
}

.categories-inner .link + .link {
    border-top: 2px solid #f1f6fd;
}

.categories-inner .link:hover {
    padding-left: 20px;

    color: #a94442;
    box-shadow: -2px 2px 0 0 #a94442;
}

.categories-inner .link:hover .icons {
    opacity: 1;
}

.categories-inner .link:hover + .link {
    border-color: transparent;
}

.categories-widget.style-2 .categories-inner .link:hover {
    padding-left: 0;

    color: #a94442;
    box-shadow: none;
}

.categories-widget.style-2 .categories-inner .link + .link {
    border-top: none;
}

.categories-widget.style-2 .categories-inner .icons {
    float: none;

    padding-right: 10px;

    opacity: 1;
}

/*----------  1.4. Recent post  ----------*/

.meta {
    line-height: 18px;

    margin: 0 -12px;
}

.meta > .icons {
    margin: 0 0 0 12px;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;

    color: #61728d;
}

.meta-info {
    font-size: 12px;

    display: inline-block;

    margin: 0 12px;

    text-transform: capitalize;

    color: #9aa7bc;
}

.meta-info .link {
    padding-left: 5px;

    color: #9aa7bc;
}

.meta-info .link:hover,
.meta-info .link:focus {
    color: #a94442;
}

.meta-info.time .link {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;

    color: #a94442;
}

.meta-info.author .link {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 700;

    padding-left: 0;

    text-transform: uppercase;

    color: #3a4d6a;
}

.meta-info.reply {
    cursor: pointer;
}

.meta-info.reply i {
    margin-right: 10px;

    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;

    color: #3a4d6a;
}

.meta-info.reply:hover i {
    color: #a94442;
}

.recent-post-inner .media {
    margin-top: 0;
    padding: 15px 0;

    border-top: 1px solid #f2f2f2;
}

.recent-post-inner .media:first-child {
    padding-top: 0 !important;

    border-top: none;
}

.recent-post-inner .media:last-child {
    padding-bottom: 0 !important;
}

.recent-post-inner .media:hover .meta .icons {
    color: #a94442;
}

.recent-post-inner .media:hover .wrapper-image:after {
    visibility: visible;

    opacity: 1;
}

.recent-post-inner .media.style-2 {
    padding: 20px 0;
}

.recent-post-inner .media.style-2 .media-left {
    padding-right: 10px;
}

.recent-post-inner .media.style-2 .meta {
    margin-bottom: 12px;
}

.recent-post-inner .media.style-2 .wrapper-image {
    width: 60px;
}

.recent-post-inner .media.style-2 .media-heading {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
}

.recent-post-inner .media.style-3 .wrapper-image {
    width: 100px;
}

.recent-post-inner .media.style-3 .wrapper-image:before {
    padding-top: 70%;
}

.recent-post-inner .media.style-3 .meta {
    margin: 0;
}

.recent-post-inner .media.style-3 .meta-info {
    margin: 0 7px;
}

.recent-post-inner .media.style-3 .meta-info:first-child {
    margin-left: 0;
}

.recent-post-inner .media.style-3 .meta-info .link {
    padding-left: 3px;
}

.recent-post-inner .media.style-3 .meta-info + .meta-info {
    position: relative;
}

.recent-post-inner .media.style-3 .meta-info + .meta-info:before {
    position: absolute;
    top: 0;
    left: -9px;

    content: '|';
}

.recent-post-inner .media.style-4 .wrapper-image {
    width: 100px;
}

.recent-post-inner .media.style-4 .media-description {
    font-family: 'Roboto', serif;
    font-size: 14px;

    color: #61728d;
}

.recent-post-inner .media-left {
    padding-right: 15px;
}

.recent-post-inner .media-right {
    padding-left: 0;
}

.recent-post-inner .wrapper-image {
    position: relative;

    display: block;
    overflow: hidden;

    width: 85px;
}

.recent-post-inner .wrapper-image:before {
    display: block;

    padding-top: 100%;

    content: '';
}

.recent-post-inner .wrapper-image:after {
    position: absolute;
    top: 0;
    left: 0;

    visibility: hidden;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;

    opacity: 0;
    background-color: rgba(0, 0, 0, .4);
}

.recent-post-inner .wrapper-image img {
    position: absolute;
    top: 0;
    left: 50%;

    width: auto;
    max-width: none;
    height: 100%;

    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
}

.recent-post-inner .meta {
    margin-bottom: 8px;
}

.recent-post-inner .media-heading {
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;

    display: block;

    text-transform: capitalize;

    color: #3a4d6a;
}

.recent-post-inner .media-heading:hover {
    color: #a94442;
}

/*----------  1.5. Archive  ----------*/

.calendar-board {
    width: 100%;

    color: #77858e;
    border: 1px solid #e9ebef;
}

.calendar-board .datepicker-inline {
    width: auto;
    padding: 0;

    -webkit-border-radius: 0;
            border-radius: 0;
}

.calendar-board .datepicker table {
    width: 100%;
}

.calendar-board .datepicker-switch {
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;

    color: #3a4d6a;
}

.calendar-board .date-label {
    font-family: 'Roboto', serif;
    font-size: 11px;

    display: block;

    color: #77858e;
}

.calendar-board .datepicker table tr td.new,
.calendar-board .datepicker table tr td.old {
    color: #dadada;
}

.calendar-board .table-condensed > thead > tr > th {
    padding: 15px 0;

    -webkit-border-radius: 0;
            border-radius: 0;
}

.calendar-board .datepicker td,
.calendar-board .datepicker th {
    font-size: 14px;

    width: 45px;
}

.calendar-board .datepicker table tr td.day.focused,
.calendar-board .datepicker table tr td.day:hover,
.calendar-board .datepicker table tr td span:hover,
.calendar-board .datepicker table tr td.active,
.calendar-board .datepicker table tr td.today,
.calendar-board .datepicker table tr td.today.disabled,
.calendar-board .datepicker table tr td.today.disabled:hover,
.calendar-board .datepicker table tr td.today:hover,
.calendar-board .datepicker table tr td.today:hover:hover {
    font-size: 14px;
    font-weight: 900;

    color: #ffffff;
    border-color: transparent;
    -webkit-border-radius: 0;
            border-radius: 0;
    background-color: #a94442 !important;
    background-image: none;
}

.calendar-board thead tr {
    background-color: #fbfcff;
}

.calendar-board thead tr:last-child {
    text-transform: uppercase;

    background-color: transparent;
}

.calendar-board thead tr:last-child th {
    padding: 15px 5px 5px;
}

.calendar-board thead .next,
.calendar-board thead .prev {
    font-size: 14px;

    position: relative;

    color: transparent;
}

.calendar-board thead .next:before,
.calendar-board thead .prev:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    font-size: 14px;
    line-height: 15px;

    position: absolute;
    top: 50%;

    display: inline-block;

    width: 15px;
    height: 15px;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    text-align: center;

    color: #77858e;
    background-color: transparent;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: auto;
}

.calendar-board thead .prev:before {
    right: 50%;

    content: '\f104';
    -webkit-transform: translate(50%, -50%);
       -moz-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
         -o-transform: translate(50%, -50%);
            transform: translate(50%, -50%);
}

.calendar-board thead .next:before {
    left: 50%;

    content: '\f105';
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.calendar-board .datepicker .datepicker-switch:hover,
.calendar-board .datepicker .next:hover,
.calendar-board .datepicker .prev:hover,
.calendar-board .datepicker tfoot tr th:hover {
    background-color: transparent;
}

.calendar-board thead .next:hover:before,
.calendar-board thead .prev:hover:before {
    color: #a94442;
}

/*----------  1.6. Tags  ----------*/

.tag-inner ul {
    margin-top: -8px;
    margin-bottom: 0;
    margin-left: -4px;
}

.tag-inner ul li {
    padding: 8px 4px 0;
}

.tag-inner .tag {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    line-height: 1;

    display: block;

    padding: 15px;

    color: #61728d;
    background-color: #f0f4f6;
}

.tag-inner .tag:hover {
    color: #ffffff;
    background-color: #a94442;
}

/*----------  1.7. Adv  ----------*/

.banner-adv-inner img {
    margin: 0 auto;
}

/*----------  1.8. About us  ----------*/

.about-us-inner p {
    margin-top: 25px;
}

.about-us-inner p:first-child {
    margin-top: 0;
}

.about-us-inner .list-social {
    margin-top: 25px;
}

.list-social {
    font-size: 0;

    margin: -12px -6px 0 -6px;
}

.list-social .item {
    display: inline-block;

    margin-top: 12px;
    padding: 0 6px;

    vertical-align: top;
}

.list-social .link {
    display: block;
}

.list-social .icons {
    font-size: 14px;
    line-height: 36px;

    width: 36px;
    height: 36px;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    text-align: center;

    color: #61728d;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    background-color: #fbfcff;
}

.list-social .icons:hover {
    color: #a94442;
    background-color: #ffffff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
}

.fa-facebook:hover {
    color: #ffffff !important;
    background-color: #365899 !important;
}

.fa-twitter:hover {
    color: #ffffff !important;
    background-color: #1da1f2 !important;
}

.fa-google-plus:hover {
    color: #ffffff !important;
    background-color: #d73d32 !important;
}

.fa-pinterest-p:hover {
    color: #ffffff !important;
    background-color: #bd081c !important;
}

.fa-vimeo:hover {
    color: #ffffff !important;
    background-color: #00adef !important;
}

.fa-skype:hover {
    color: #ffffff !important;
    background-color: #00aff0 !important;
}

.fa-youtube:hover {
    color: #ffffff !important;
    background-color: #e62117 !important;
}

.fa-rss:hover {
    color: #ffffff !important;
    background-color: #f36f24 !important;
}

.fa-delicious:hover {
    color: #ffffff !important;
    background-color: #2a96ff !important;
}

.fa-flickr:hover {
    color: #ffffff !important;
    background-color: #ff0084 !important;
}

.fa-lastfm:hover {
    color: #ffffff !important;
    background-color: #b90000 !important;
}

.fa-linkedin:hover {
    color: #ffffff !important;
    background-color: #0077b5 !important;
}

.fa-tumblr:hover {
    color: #ffffff !important;
    background-color: #36465d !important;
}

.fa-deviantart:hover {
    color: #ffffff !important;
    background-color: #05cc47 !important;
}

.fa-git:hover {
    color: #ffffff !important;
    background-color: #f34f29 !important;
}

.fa-instagram:hover {
    color: #ffffff !important;
    background-color: #895a4d !important;
}

.fa-soundcloud:hover {
    color: #ffffff !important;
    background-color: #ff5500 !important;
}

.fa-stumbleupon:hover {
    color: #ffffff !important;
    background-color: #eb4924 !important;
}

.fa-behance:hover {
    color: #ffffff !important;
    background-color: #005cff !important;
}

.fa-tripadvisor:hover {
    color: #ffffff !important;
    background-color: #589442 !important;
}

.fa-vk:hover {
    color: #ffffff !important;
    background-color: #507299 !important;
}

.fa-foursquare:hover {
    color: #ffffff !important;
    background-color: #f94877 !important;
}

.fa-xing:hover {
    color: #ffffff !important;
    background-color: #add000 !important;
}

.fa-weibo:hover {
    color: #ffffff !important;
    background-color: #e6162d !important;
}

.fa-odnoklassniki:hover {
    color: #ffffff !important;
    background-color: #f58220 !important;
}

/*----------  1.9. Send email  ----------*/

.send-mail-inner .text {
    margin-bottom: 25px;
}

.send-mail-inner .form-control::-webkit-input-placeholder {
    color: #61728d;
}

.send-mail-inner .form-control:-moz-placeholder {
    color: #61728d;
}

.send-mail-inner .form-control::-moz-placeholder {
    color: #61728d;
}

.send-mail-inner .form-control:-ms-input-placeholder {
    color: #61728d;
}

.send-mail-inner .form-control:focus {
    border-color: #61728d;
}

.send-mail-inner .btn {
    margin-top: 10px;
}

/*----------  1.10. Project details  ----------*/

.project-details-widget .list-details .item {
    font-family: 'Roboto', serif;
    font-size: 14px;
    font-weight: 400;

    margin-bottom: 10px;

    color: #61728d;
}

.project-details-widget .list-details .item:last-child {
    margin-bottom: 0;
}

.project-details-widget .list-details .label {
    font-size: 12px;
    font-weight: 700;
    line-height: 24px;

    padding: 0;
    padding-right: 5px;

    text-transform: uppercase;

    color: #61728d;
}

.project-details-widget .list-details .main-color .link:hover {
    color: #a94442;
}

/*----------  1.11. Gallery  ----------*/

.gallery-widget .widget-content {
    display: block;
}

.gallery-widget ul {
    font-size: 0;

    margin: 0 -5px;
}

.gallery-widget ul.column-3 li {
    width: 33.333%;
}

.gallery-widget ul li {
    display: inline-block;

    width: 25%;
    padding: 5px;

    vertical-align: top;
}

.gallery-widget ul:hover .thumb:after {
    opacity: 1;
}

.gallery-widget ul:hover .thumb:hover:after {
    opacity: 0;
}

.gallery-widget .thumb {
    position: relative;

    display: block;
    overflow: hidden;

    width: 100%;
}

.gallery-widget .thumb:before {
    display: block;

    padding-top: 100%;

    content: '';
}

.gallery-widget .thumb:after {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    content: '';
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;

    opacity: 0;
    background-color: rgba(0, 0, 0, .4);
}

.gallery-widget .thumb img {
    position: absolute;
    top: 0;
    left: 50%;

    width: auto;
    max-width: none;
    height: 100%;

    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
}

/*----------  1.12. Twitter  ----------*/

.twitter-widget-wrapper .item {
    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;

    background-color: transparent;
}

.twitter-widget-wrapper .item:first-child .twitter-news-feed {
    padding-top: 0;
}

.twitter-widget-wrapper .item:last-child {
    border: none;
}

.twitter-widget-wrapper .item:last-child .twitter-news-feed {
    padding-bottom: 0;

    border: none;
}

.twitter-widget-wrapper .item:hover .twitter-news-feed .content .logo-twitter {
    color: #1da1f2;
}

.twitter-news-feed {
    display: table;

    width: 100%;
    padding: 15px 0;

    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.twitter-news-feed .avatar {
    display: table-cell;

    width: 35px;

    vertical-align: top;
}

.twitter-news-feed .avatar img {
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}

.twitter-news-feed .content {
    font-size: 14px;

    position: relative;

    display: table-cell;

    padding-left: 20px;
}

.twitter-news-feed .content .logo-twitter {
    font-size: 18px;

    position: absolute;
    top: 0;
    right: 0;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;

    color: #ffffff;
}

.twitter-news-feed .content .time-post {
    position: absolute;
    right: 0;
    bottom: 0;
}

.twitter-news-feed .content .name {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 500;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    text-transform: capitalize;

    color: #ffffff;
}

.twitter-news-feed .content .email {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;

    display: block;
}

.twitter-news-feed .content .description {
    display: block;

    margin-top: 5px;
}

.twitter-news-feed .content .description .link {
    display: inline-block;

    padding-right: 4px;

    text-transform: uppercase;

    color: #31aae2;
}

.twitter-news-feed .content .more-info {
    position: relative;
    z-index: 3;

    margin: 10px 0 0 0;
}

.twitter-news-feed .content .more-info li {
    padding: 0 5px;
}

.twitter-news-feed .content .more-info li:first-child {
    padding-left: 0;
}

.twitter-news-feed .content .more-info .link {
    position: relative;

    padding: 0 5px;

    color: #e1e1e1;
}

.twitter-news-feed .content .more-info .link:hover.favorite {
    color: #df5a5a;
}

.twitter-news-feed .content .more-info .link:hover.share {
    color: #f9d116;
}

.twitter-news-feed .content .link-pages {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 100%;
}

.twitter-widget-bottom {
    display: block;

    margin-top: 10px;
}

.twitter-widget-bottom .text-left {
    float: left;
}

.twitter-widget-bottom .text-right {
    float: right;
}

.twitter-widget-bottom .link {
    color: #64b4dc;
}

.twitter-widget-bottom .link:hover {
    color: #a94442;
}

/*----------  Color WHITE  ----------*/

.white .title-widget,
.white .categories-inner .link:hover,
.white .search-widget .input-group .form-control,
.white .search-widget .input-group .btn,
.white .calendar-board,
.white .calendar-board .datepicker table tr td.day:hover,
.white .time a,
.white .form-control,
.white .project-details-widget .list-details .label,
.white .contact-info-box .wrapper-icons .icons {
    color: #ffffff;
}

.white .recent-post-inner .media-heading:hover {
    color: #a94442;
}

.white .search-widget .input-group .line:before {
    background-color: #61728d;
}

.white .recent-post-inner .media,
.white .form-control,
.white .categories-inner .link + .link {
    border-color: rgba(255, 255, 255, .1);
}

.white .meta-info {
    color: rgba(255, 255, 255, .5);
}

.white .categories-inner .link:hover + .link {
    border-color: transparent;
}

.white .calendar-board .datepicker table tr td.new,
.white .calendar-board .datepicker table tr td.old,
.white .categories-inner .link,
.white .about-us-inner p,
.white .tag,
.white .recent-post-inner .media-heading,
.white .send-mail-inner .text,
.white .list-social .icons,
.white .project-details-widget .list-details .item,
.white .contact-info-box .wrapper-info .text {
    color: rgba(255, 255, 255, .7);
}

.white .tag {
    background-color: #29394f;
}

.white .tag:hover {
    color: #ffffff;
    background-color: #a94442;
}

.white .form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .7);
}

.white .form-control::-moz-placeholder {
    color: rgba(255, 255, 255, .7);
}

.white .form-control:-ms-input-placeholder {
    color: rgba(255, 255, 255, .7);
}

.white .form-control:-moz-placeholder {
    color: rgba(255, 255, 255, .7);
}

.white .list-social .icons {
    background-color: rgba(255, 255, 255, .1);
}

.white .list-social .icons:hover {
    color: #a94442;
    background-color: #ffffff;
}

.white .send-mail-inner .form-control::-webkit-input-placeholder,
.white .input-group .form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .7);
}

.white .send-mail-inner .form-control::-moz-placeholder,
.white .input-group .form-control::-moz-placeholder {
    color: rgba(255, 255, 255, .7);
}

.white .send-mail-inner .form-control:-ms-input-placeholder,
.white .input-group .form-control:-ms-input-placeholder {
    color: rgba(255, 255, 255, .7);
}

.white .send-mail-inner .form-control:-moz-placeholder,
.white .input-group .form-control:-moz-placeholder {
    color: rgba(255, 255, 255, .7);
}

/*================================
======     END SIDEBAR      ======
=================================*/
/**
 * [Table of contents]
 *
 * [&. Content / #key]
 * [Let press Ctrl + f and type of paste the key, then press Enter to search the content ]
 *
 * Summary:
 *
 *  0. VARIABLE LESS
 *    - 0.1. Color
 *    - 0.2. Font
 *  1. GLOBAL STYLE
 *    - 1.1. Button
 *    - 1.2. Main title
 *    - 1.3. Star Rangting
 *    - 1.4. Dish
 *    - 1.5. Tab Menu
 *    - 1.6. Input
 *    - 1.7. Pagination
 *    - 1.8. Menu Order Item
 *    - 1.9. Banner
 *    - 1.10. Back To Top Button
 *  2. PAGE
 *    - 2.1. Homepage 1
 *    - 2.2. Homepage 2
 *    - 2.3. Homepage 3
 *    - 2.4. About us
 *    - 2.5. Reservation
 *    - 2.6. Menu grid
 *    - 2.7. Blog
 *    - 2.8. Blog Detail
 *    - 2.9. Contact
 *    - 2.10. 404
 *    - 2.11. Event
 *    - 2.12. Gallery isotope
 *  3. PLUGIN
 *    - 3.1. jQuery Plugin date picker
 *      
 */

/*----------  0.1. Color  ----------*/

/*----------  0.2. Social Color  ----------*/

/*----------  0.3. Font  ----------*/

/*================================
======      SHORT CODE      ======
=================================*/

/*----------  1. Banner slider  ----------*/

.slide-banner-1 {
    position: relative;

    width: 100%;
    height: 800px;
    margin: 0;
}

.slide-banner-1 .container {
    height: 100%;
}

.slide-banner-1-item {
    position: relative;

    width: 100%;
    height: 800px;
}

.slide-banner-1-item .img-bg {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;

    max-width: none;
    height: 100%;

    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
}

.slide-banner-1-item .wrapper-item-content {
    position: relative;
    z-index: 2;

    display: table;

    width: 100%;
    max-width: 1170px;
    height: 100%;
    margin: 0 auto;

    color: #ffffff;
}

.slide-banner-1-item .wrapper-item-content .content {
    display: table-cell;

    vertical-align: middle;
}

.slide-banner-1-item-wrapper {
    position: relative;

    width: 100%;
    max-width: 750px;
    padding: 40px;

    border-bottom: 5px solid #a94442;
    background-color: rgba(0, 0, 0, .2);
}

.slide-banner-1-item-wrapper .subtitle {
    font-size: 18px;
    font-weight: 400;
    font-style: italic;

    margin: 0 0 5px 0;

    text-transform: capitalize;
}

.slide-banner-1-item-wrapper .title {
    font-family: 'Montserrat', sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.4;

    position: relative;

    margin: 0 0 10px 0;
    padding-left: 15px;

    text-transform: uppercase;
}

.slide-banner-1-item-wrapper .title:before {
    position: absolute;
    top: 15px;
    left: 0;

    width: 5px;
    height: 36px;

    content: '';

    background-color: #a94442;
}

.slide-banner-1-item-wrapper .title:before {
    position: absolute;
    top: 15px;
    left: 0;

    width: 5px;
    height: 36px;

    content: '';

    background-color: #a94442;
}

.slide-banner-1-item-wrapper .title_en {
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;

    position: relative;

    margin: 0 0 10px 0;
    padding-left: 15px;

    text-transform: uppercase;
}
.slide-banner-1-item-wrapper .description {
    margin: 0;
}

.slide-banner-1-item-wrapper .btn {
    position: absolute;
    bottom: 0;
    left: 0;

    -webkit-transform: translateY(50%);
       -moz-transform: translateY(50%);
        -ms-transform: translateY(50%);
         -o-transform: translateY(50%);
            transform: translateY(50%);
}

/*----------  2. Button  ----------*/

.btn {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 40px;

    height: 44px;
    padding: 0 30px;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;

    color: #ffffff;
    border: 2px solid #3a4d6a;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    background-color: #3a4d6a;
}

.btn:hover,
.btn:active,
.btn:focus {
    color: #3a4d6a;
    border: 2px solid;
    background-color: #ffffff;
    box-shadow: none;
}

.btn.main-color {
    color: #ffffff;
    border-color: #a94442;
    background-color: #a94442;
}

.btn.main-color:hover {
    color: #a94442;
    background-color: #ffffff;
}

.btn.white-color {
    color: #a94442;
    border-color: #ffffff;
    background-color: #ffffff;
}

.btn.white-color:hover {
    color: #ffffff;
    background-color: transparent;
}

.btn.transparent {
    color: #3a4d6a;
    background-color: transparent;
}

.btn.transparent:hover {
    color: #ffffff;
    border-color: #3a4d6a;
    background-color: #3a4d6a;
}

.btn.transparent.main-color {
    color: #a94442;
    background-color: transparent;
}

.btn.transparent.main-color:hover {
    color: #ffffff;
    border-color: #a94442;
    background-color: #a94442;
}

.btn.transparent.white-color {
    color: #ffffff;
    background-color: transparent;
}

.btn.transparent.white-color:hover {
    color: #a94442;
    border-color: #ffffff;
    background-color: #ffffff;
}

.btn-has-icon {
    font-size: 12px;
    font-weight: 500;
    line-height: 48px;

    display: block;

    height: 50px;
    padding: 0 30px;

    text-align: left;
    text-transform: uppercase;

    color: #61728d;
    border: 1px solid #d3dbe4;
}

.btn-has-icon .icons {
    font-size: 18px;

    margin-right: 25px;
}

.btn-has-icon .fa-file-pdf-o {
    color: #ff3c00;
}

.btn-has-icon .fa-file-text-o {
    color: #0c1bda;
}

.btn-has-icon .fa-file-powerpoint-o {
    color: #f97744;
}

.btn-has-icon:hover {
    border-color: #ffffff;
    background-color: #ffffff;
    box-shadow: 3px 5px 15px 0 rgba(0, 0, 0, .15);
}

.btn-download-wrapper {
    position: relative;

    display: inline-block;
}

.btn-download-wrapper .btn-download {
    font-size: 16px;
    font-weight: 700;
    line-height: 46px;

    display: inline-block;

    height: 50px;
    padding: 0 15px;

    cursor: pointer;
    text-align: center;
    text-transform: uppercase;

    color: #a94442;
    border: 2px solid #ffffff;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    background-color: #ffffff;
}

.btn-download-wrapper .btn-download .text {
    margin: 0 15px;
}

.btn-download-wrapper .btn-link {
    position: absolute;
    z-index: 10;
    top: 20px;
    left: calc(100% + 3px);

    visibility: hidden;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;

    opacity: 0;
}

.btn-download-wrapper .btn-link .link {
    font-size: 18px;
    line-height: 50px;

    display: block;

    width: 50px;
    height: 50px;

    text-align: center;

    color: #a94442;
    background-color: #ffffff;
}

.btn-download-wrapper .btn-link .link .link-name {
    font-size: 14px;

    position: absolute;
    left: calc(100% + 30px);

    visibility: hidden;

    width: auto;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    white-space: nowrap;
    text-transform: uppercase;

    opacity: 0;
    color: #ffffff;
}

.btn-download-wrapper .btn-link .link:hover .link-name {
    left: calc(100% + 10px);

    visibility: visible;

    opacity: 1;
}

.btn-download-wrapper:hover .btn-link {
    top: 0;

    visibility: visible;

    opacity: 1;
}

.btn-loadmore {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 56px;

    position: relative;

    display: inline-block;
    overflow: hidden;

    width: 100%;
    height: 60px;
    margin-top: 50px;

    cursor: pointer;
    text-align: center;
    text-transform: uppercase;

    color: #a94442;
    border: none;
    border-bottom: 4px solid #a94442;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    background-color: #ebf2fd;
}

.btn-loadmore:before {
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;

    background-color: #a94442;
}

.btn-loadmore .text {
    position: relative;
    z-index: 2;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
}

.btn-loadmore .img-load {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;

    visibility: hidden;

    max-width: 30px;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    opacity: 0;
}

.btn-loadmore:hover {
    color: #ffffff;
}

.btn-loadmore:hover:before {
    top: 0;
}

.btn-loadmore.white {
    background-color: #ffffff;
}

.btn-loadmore.loading:before {
    top: 0;
}

.btn-loadmore.loading .text {
    visibility: hidden;

    opacity: 0;
}

.btn-loadmore.loading .img-load {
    visibility: visible;

    opacity: .5;
}

.group-btn .btn {
    margin-left: 30px;
}

.group-btn .btn:first-child {
    margin-left: 0;
}

/*----------  3. Title  ----------*/

.main-title {
    display: block;
}

.main-title .subtitle {
    font-size: 16px;
    font-weight: 400;
    font-style: italic;

    margin: 0;

    text-transform: capitalize;

    color: #aab7ca;
}

.main-title .title {
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.4;

    position: relative;

    display: inline-block;

    margin: 0;
    padding-left: 15px;

    text-transform: uppercase;

    color: #3a4d6a;
}

.main-title .title:before {
    position: absolute;
    top: 10px;
    left: 0;

    width: 5px;
    height: 24px;

    content: '';

    background-color: #a94442;
}

.white .main-title .title {
    color: #ffffff;
}

.last-dif .last {
    color: #a94442;
}

/*----------  4. Pagination  ----------*/

.pagination-wrapper {
    display: block;
}

.pagination-wrapper .pagination {
    margin: 0;
}

.pagination-wrapper .pagination li .link {
    font-family: 'Montserrat', sans-serif;
    line-height: 32px;

    width: 32px;
    height: 32px;
    margin: 0 1px;
    padding: 0;

    text-align: center;
    text-transform: capitalize;

    color: #61728d;
    border: none;
    background-color: transparent;
}

.pagination-wrapper .pagination li .link:hover,
.pagination-wrapper .pagination li .link:focus,
.pagination-wrapper .pagination li .link.active {
    color: #ffffff;
    background-color: #a94442;
}

.pagination-wrapper .pagination li .link.previous,
.pagination-wrapper .pagination li .link.next {
    position: relative;

    width: auto;

    color: #3a4d6a;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
}

.pagination-wrapper .pagination li .link.previous:before,
.pagination-wrapper .pagination li .link.next:before {
    position: absolute;
    bottom: 0;
    left: 0;

    width: 0;
    height: 1px;

    content: '';
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;

    background-color: #3a4d6a;
}

.pagination-wrapper .pagination li .link.previous:hover,
.pagination-wrapper .pagination li .link.next:hover {
    background-color: transparent;
}

.pagination-wrapper .pagination li .link.previous:hover:before,
.pagination-wrapper .pagination li .link.next:hover:before {
    width: 100%;
}

.pagination-wrapper .pagination li .link.previous {
    margin-right: 12px;
    margin-left: 0;
}

.pagination-wrapper .pagination li .link.next {
    margin-right: 0;
    margin-left: 12px;
}

/*----------  5. Tabs  ----------*/

.tablist {
    display: inline-block;

    margin: 0;
    padding: 0;

    list-style: none;

    text-align: center;
}

.tablist li {
    display: inline-block;

    margin: 3px 25px 3px 15px;
}

.tablist li:first-child {
    margin-left: 0;
}

.tablist li:last-child {
    margin-right: 0;
}

.tablist li .link {
    font-family: 'Montserrat', sans-serif;

    position: relative;

    padding-left: 10px;

    cursor: pointer;
    text-transform: capitalize;

    color: #3a4d6a;
}

.tablist li .link:before {
    position: absolute;
    top: 50%;
    left: 0;

    width: 0;
    height: 14px;

    content: '';
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);

    opacity: 0;
    background-color: #a94442;
}

.tablist li .link:hover {
    color: #a94442;
}

.tablist li.active .link {
    color: #a94442;
}

.tablist li.active .link:before {
    width: 3px;

    opacity: 1;
}

.white .tablist li .link {
    color: rgba(255, 255, 255, .5);
}

.white .tablist li .link:hover {
    color: #ffffff;
}

.white .tablist li.active .link {
    color: #ffffff;
}

/*----------  6. Block icon  ----------*/

.block-icon-1 {
    display: table;

    width: 100%;
    padding: 20px 0;

    cursor: pointer;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;

    background-color: #ffffff;
}

.block-icon-1 .icon-cell {
    display: table-cell;

    width: 70px;

    vertical-align: middle;
}

.block-icon-1 .icon-cell + .icon-cell {
    width: auto;
    padding: 0 15px;
}

.block-icon-1 .wrapper-icons {
    position: relative;

    overflow: hidden;

    width: 70px;
    height: 70px;

    text-align: center;

    color: #a94442;
    background-color: #3a4d6a;
}

.block-icon-1 .wrapper-icons:before {
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;

    background-color: #f2f7fe;
}

.block-icon-1 .wrapper-icons:after {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: -100%;

    width: 100%;
    height: 4px;

    content: '';
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;

    background-color: #a94442;
}

.block-icon-1 .wrapper-icons .icons {
    font-size: 30px;
    line-height: 70px;

    position: relative;
    z-index: 2;
}

.block-icon-1 .wrapper-info .title {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 700;

    margin: 0 0 5px 0;

    text-transform: capitalize;

    color: #3a4d6a;
}

.block-icon-1 .wrapper-info .text {
    font-size: 14px;

    margin: 0;
}

.block-icon-1:hover {
    box-shadow: 2px 10px 20px 0 rgba(0, 0, 0, .2);
}

.block-icon-1:hover .wrapper-icons:before {
    top: 0;
}

.block-icon-1:hover .wrapper-icons:after {
    left: 0;
}

.block-icon-2 {
    display: block;
}

.block-icon-2 .icon-cell {
    display: block;

    text-align: center;
}

.block-icon-2 .icon-cell + .icon-cell {
    margin-top: 30px;
}

.block-icon-2 .wrapper-icons {
    position: relative;

    display: block;

    width: 70px;
    height: 70px;
    margin: 0 auto;

    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;

    color: #a94442;
    border: 1px solid #a94442;
    background-color: #ffffff;
}

.block-icon-2 .wrapper-icons:before,
.block-icon-2 .wrapper-icons:after {
    position: absolute;
    z-index: 10;
    left: 50%;

    width: 80%;
    height: 1px;

    content: '';
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);

    background-color: #ffffff;
}

.block-icon-2 .wrapper-icons:before {
    top: -1px;
}

.block-icon-2 .wrapper-icons:after {
    bottom: -1px;
}

.block-icon-2 .wrapper-icons .icons {
    font-size: 26px;
    line-height: 68px;

    position: relative;
    z-index: 2;

    display: block;

    height: 100%;

    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;
}

.block-icon-2 .wrapper-icons .icons:after {
    position: absolute;
    z-index: -1;
    right: -1px;
    bottom: 0;
    left: -1px;

    height: 0;

    content: '';
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;

    background-color: #a94442;
}

.block-icon-2 .wrapper-info .title {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 700;

    margin: 0 0 10px 0;

    text-transform: uppercase;

    color: #3a4d6a;
}

.block-icon-2 .wrapper-info .text {
    font-size: 14px;

    margin: 0;
}

.block-icon-2:hover .wrapper-icons .icons {
    color: #ffffff;
}

.block-icon-2:hover .wrapper-icons .icons:after {
    height: 100%;
}

.block-icon-3 {
    position: relative;

    display: table;
    overflow: hidden;

    width: 100%;

    cursor: pointer;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;

    background-color: #3a4d6a;
}

.block-icon-3:before {
    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 2px;

    content: '';

    background-color: rgba(255, 255, 255, .1);
}

.block-icon-3:after {
    position: absolute;
    bottom: 0;
    left: 100%;

    width: 0;
    height: 4px;

    content: '';
    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;
    transition-delay: .25s;

    background-color: #a94442;
}

.block-icon-3 .icon-cell {
    display: table-cell;

    width: 100px;

    vertical-align: middle;
}

.block-icon-3 .icon-cell + .icon-cell {
    width: auto;
    padding: 0 15px;
}

.block-icon-3 .wrapper-icons {
    position: relative;

    overflow: hidden;

    width: 100%;
    height: 100%;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    text-align: center;

    color: #a94442;
}

.block-icon-3 .wrapper-icons:before {
    position: absolute;
    top: 100%;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;

    background-color: #a94442;
}

.block-icon-3 .wrapper-icons .icons {
    font-size: 40px;
    line-height: 100px;

    position: relative;
    z-index: 2;
}

.block-icon-3 .wrapper-info .title {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 700;

    position: relative;
    z-index: 2;

    margin: 0;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    text-transform: uppercase;

    color: #ffffff;
}

.block-icon-3 .wrapper-info .text {
    font-size: 14px;

    margin: 0;
}

.block-icon-3:hover,
.block-icon-3.slick-current {
    background-color: #ffffff;
}

.block-icon-3:hover:before,
.block-icon-3.slick-current:before {
    opacity: 0;
}

.block-icon-3:hover:after,
.block-icon-3.slick-current:after {
    left: 0;

    width: 100%;

    transition-delay: 0s;
}

.block-icon-3:hover .wrapper-icons:before,
.block-icon-3.slick-current .wrapper-icons:before {
    top: 0;

    transition-delay: .25s;
}

.block-icon-3:hover .wrapper-icons,
.block-icon-3.slick-current .wrapper-icons {
    color: #ffffff;
}

.block-icon-3:hover .wrapper-info .title,
.block-icon-3.slick-current .wrapper-info .title {
    color: #3a4d6a;
}

.list-block-icon-1 {
    font-size: 0;

    margin: 0 -15px;
}

.list-block-icon-1 .item {
    display: inline-block;

    width: 50%;
    margin-top: 30px;
    padding: 0 15px;

    vertical-align: top;
}

.list-block-icon-1 .item:nth-child(-n + 2) {
    margin-top: 0;
}

.list-block-icon-2 {
    font-size: 0;
}

.list-block-icon-2 .item {
    display: inline-block;

    width: 25%;
    padding: 0 15px;

    vertical-align: top;

    background-image: url('../images/more-images/line-ruler-2.png');
    background-repeat: repeat-x;
    background-position: 0 15px;
}

/*----------  7. Contact info  ----------*/

.contact-info-box {
    display: table;

    width: 100%;
}

.contact-info-box .contact-info-cell {
    display: table-cell;

    width: 36px;

    vertical-align: top;
}

.contact-info-box .contact-info-cell + .contact-info-cell {
    width: auto;
    padding-left: 20px;
}

.contact-info-box .wrapper-icons {
    width: 36px;
    height: 36px;

    text-align: center;

    color: #3a4d6a;
    border: 2px solid #edf2f9;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
}

.contact-info-box .wrapper-icons .icons {
    font-size: 14px;
    line-height: 32px;
}

.contact-info-box .wrapper-info .title {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 700;

    margin: 0 0 10px 0;

    text-transform: uppercase;

    color: #3a4d6a;
}

.contact-info-box .wrapper-info .text {
    font-size: 14px;

    display: block;

    margin-bottom: 0;

    color: #61728d;
}

.contact-info-box .wrapper-info .text .text-bold {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 700;

    display: inline-block;

    padding-left: 5px;

    white-space: nowrap;

    color: #a94442;
}

.contact-info-box .wrapper-info .link:hover {
    color: #a94442;
}

.list-contact-info {
    font-size: 0;

    padding: 50px 15px;

    background-color: #ffffff;
}

.list-contact-info .title {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: bold;

    display: block;

    margin: 0 0 25px 0;

    text-align: center;
    text-transform: uppercase;

    color: #3a4d6a;
}

.list-contact-info .item {
    display: inline-block;

    width: 33.33333%;
    padding: 0 15px;

    vertical-align: top;
}

.list-contact-info .contact-info-box .wrapper-info .text .text-bold {
    display: block;

    padding-left: 0;
}

/*----------  8. Blogs, News, Service, Post  ----------*/

.label-block {
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;

    padding: 15px;

    text-align: center;

    color: #ffffff;
    background-color: #a94442;
}

.label-block .text-1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;

    margin: 0;
}

.label-block .text-2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
}

.label-block .link-date {
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}

.sticky-block {
    position: absolute;
    z-index: 5;
    top: 0;
    right: 15px;

    color: #a94442;
}

.sticky-block .icons {
    font-size: 45px;
    line-height: 38px;

    text-shadow: 1px 3px 5px rgba(0, 0, 0, .5);
}

.block-info {
    font-size: 0;

    display: block;

    padding: 10px 0;

    background-color: #f8fbff;
}

.block-info .block {
    position: relative;

    display: inline-block;

    padding: 0 20px;

    vertical-align: top;
}

.block-info .block + .block:before {
    position: absolute;
    top: 50%;
    left: 0;

    width: 1px;
    height: 12px;

    content: '';
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);

    background-color: #ededed;
}

.block-info .block .link {
    font-size: 12px;

    display: inline-block;

    margin: 0;

    vertical-align: top;
    text-transform: capitalize;

    color: #61728d;
}

.block-info .block .link.date {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;

    position: relative;
    top: 1px;

    padding-left: 5px;

    color: #a94442;
}

.block-info .block a:hover {
    color: #a94442;
}

.block-info .block-info-right {
    float: right;
}

.block-info .block-info-right > .title {
    font-size: 12px;
    line-height: 24px;

    display: inline-block;

    margin: 0 15px 0 0;

    vertical-align: top;
    text-transform: capitalize;

    color: #9eb3c1;
}

.block-info .block-info-right > .link {
    font-size: 16px;

    display: inline-block;

    width: 20px;
    margin: 0 15px 0 0;

    text-align: center;
    vertical-align: top;
}

.block-info .block-info-right > .link:last-child {
    margin-right: 20px;
}

.block-info .block-info-right > .link.facebook {
    color: #365899;
}

.block-info .block-info-right > .link.google-plus {
    color: #d73d32;
}

.block-info .block-info-right > .link.twitter {
    color: #1da1f2;
}

.show-video {
    visibility: visible !important;

    opacity: 1 !important;
}

.block-video {
    position: relative;

    display: block;
    overflow: hidden;

    margin-bottom: 0;

    background-color: #000000;
}

.block-video:before {
    display: block;

    padding-top: 67%;

    content: '';
}

.block-video:after {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transform: scale(1) !important;
       -moz-transform: scale(1) !important;
        -ms-transform: scale(1) !important;
         -o-transform: scale(1) !important;
            transform: scale(1) !important;

    background-color: rgba(0, 0, 0, .3);
}

.block-video .btn-play {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;

    cursor: pointer;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.block-video .btn-close {
    position: absolute;
    z-index: 6;
    top: 10px;
    right: 10px;

    visibility: hidden;

    cursor: pointer;

    opacity: 0;
}

.block-video .video-embed {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;

    visibility: hidden;

    width: 100%;
    height: 100%;

    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;

    opacity: 0;
    border: none;
}

.block-video .img-full {
    position: absolute;
    top: 0;
    left: 50%;

    width: auto;
    max-width: none;
    height: 100%;

    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
}

.block-gallery-images:after {
    content: none !important;
}

.block-gallery-images .gallery-images {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    margin-bottom: 0 !important;
}

.block-gallery-images .slick-list,
.block-gallery-images .slick-track {
    height: 100%;
}

.block-gallery-images .slick-dots {
    position: absolute;
    z-index: 5;
    bottom: 5px;
    left: 5px;

    width: auto;
}

.block-gallery-images .slick-dots li {
    margin: 0;
}

.block-gallery-images .slick-dots li button {
    padding: 0;

    text-align: center;
}

.block-gallery-images .slick-dots li button:before {
    font-size: 12px;

    opacity: .5;
    color: #ffffff;
}

.block-gallery-images .slick-dots li.slick-active button:before {
    opacity: .9;
    color: #ffffff;
}

.block-1 {
    position: relative;

    display: block;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;

    box-shadow: 5px 5px 20px rgba(0, 0, 0, .1);
}

.block-1 .block-image {
    position: relative;

    display: block;
    overflow: hidden;

    margin-bottom: 0;

    height: 260px;
}

.block-1 .block-image:before {
    display: block;

    padding-top: 58%;

    content: '';
}

.block-1 .block-image:after {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
        -ms-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);

    background-color: rgba(0, 0, 0, .2);
}

.block-1 .block-image .img-full {
    position: absolute;
    top: 0;
    left: 50%;

    width: auto;
    max-width: none;
    height: 100%;

    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
}

.block-1 .block-image .link {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.block-1 .block-content {
    position: relative;

    overflow: hidden;

    padding: 30px 20px 24px 20px;

    background-color: #ffffff;
}

.block-1 .block-content .title {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 700;
    padding-top:35px;

    display: inline-block;

    margin-bottom: 15px;

    text-transform: uppercase;

    color: #3a4d6a;
}

.block-1 .block-content .title:hover {
    color: #a94442;
}

.block-1 .block-content .description {
    display: block;

    margin-bottom: 10px;

    color: #61728d;
}

.block-1 .block-content .description p {
    font-size: 14px;

    margin-bottom: 5px;
}

.block-1 .block-content .description p:last-child {
    margin-bottom: 0;
}

.block-1 .block-content .readmore {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;

    display: block;

    text-transform: capitalize;

    color: #3a4d6a;
}

.block-1 .block-content .readmore .icons {
    padding-left: 10px;
}

.block-1 .block-content .readmore:hover {
    color: #a94442;
}

.block-1 .block-content .readmore-icons {
    position: absolute;
    z-index: 5;
    right: 0;
    bottom: -42px;

    display: inline-block;

    width: 40px;
    height: 40px;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    text-align: center;

    color: #ffffff;
    background-color: #a94442;
}

.block-1 .block-content .readmore-icons .icons {
    font-size: 18px;
    line-height: 36px;
}

.block-1 .block-content:before {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;

    width: 0;
    height: 4px;

    content: '';
    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;

    background-color: #a94442;
}

.block-1 .block-quote {
    position: relative;
}

.block-1 .block-quote:before {
    font-size: 90px;

    position: absolute;
    top: -30px;
    left: 10%;

    content: '\275D';

    color: #eaecee;
}

.block-1 .block-quote:after {
    font-size: 90px;

    position: absolute;
    right: 0;
    bottom: -30px;

    content: '\275E';

    color: #eaecee;
}

.block-1 .block-quote .content {
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: 500;

    color: #3a4d6a;
}

.block-1 .block-quote .author {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: 700;

    padding-right: 70px;

    text-align: right;
    text-transform: uppercase;

    color: #3a4d6a;
}

.block-1 .block-quote .title {
    font-family: 'Roboto', serif;
    font-size: 11.5px;
    font-weight: 500;
    font-style: italic;

    display: block;

    padding-right: 70px;

    text-align: right;

    color: #a94442;
}

.block-1.style-2 .block-content {
    padding: 100px 20px 80px 20px;
}

.block-1.style-2 .block-info {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    left: 0;
}

.block-1.style-3 .block-content {
    padding: 80px 20px;
}

.block-1.style-3 .block-info {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    left: 0;
}

.block-1:hover {
    box-shadow: 5px 5px 20px rgba(0, 0, 0, .2);
}

.block-1:hover .block-image:after {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
}

.block-1:hover .block-content .readmore-icons {
    bottom: 0;

    transition-delay: .35s;
}

.block-1:hover .block-content:before {
    width: 100%;
}

.block-2 {
    position: relative;

    display: table;

    width: 100%;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;

    box-shadow: 5px 5px 20px rgba(0, 0, 0, .1);
}

.block-2 .block-image {
    position: relative;

    display: table-cell;
    overflow: hidden;

    width: 48%;

    vertical-align: top;

    background-color: #000000;
}

.block-2 .block-image:before {
    display: block;

    padding-top: 100%;

    content: '';
}

.block-2 .block-image:after {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
        -ms-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);

    background-color: rgba(0, 0, 0, .2);
}

.block-2 .block-image .img-full {
    position: absolute;
    top: 0;
    left: 50%;

    width: auto;
    max-width: none;
    height: 100%;

    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
}

.block-2 .block-image > .link {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.block-2 .block-content {
    position: relative;

    display: table-cell;
    overflow: hidden;

    padding: 25px 30px 30px 30px;

    vertical-align: top;

    background-color: #ffffff;
}

.block-2 .block-content .progress-bar-wrapper {
    display: inline-block;

    width: 100%;
    margin-bottom: 30px;
}

.block-2 .block-content .progress-bar-wrapper .progress {
    height: 14px;
    margin-bottom: 10px;

    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    background-color: #f2efef;
    box-shadow: none;
}

.block-2 .block-content .progress-bar-wrapper .progress .progress-bar {
    background-color: #a94442;
    box-shadow: none;
}

.block-2 .block-content .progress-bar-wrapper .text-left,
.block-2 .block-content .progress-bar-wrapper .text-right {
    font-size: 12px;
    line-height: 1;

    margin: 0;

    text-transform: capitalize;
}

.block-2 .block-content .progress-bar-wrapper .text-left {
    float: left;
}

.block-2 .block-content .progress-bar-wrapper .text-right {
    float: right;
}

.block-2 .block-content .title {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 700;

    position: relative;

    display: inline-block;

    margin-bottom: 15px;
    padding-left: 10px;

    text-transform: uppercase;

    color: #3a4d6a;
}

.block-2 .block-content .title:before {
    position: absolute;
    top: 3px;
    left: 0;

    width: 3px;
    height: 16px;

    content: '';

    background-color: #a94442;
}

.block-2 .block-content .title:hover {
    color: #a94442;
}

.block-2 .block-content .description {
    display: block;

    margin-bottom: 15px;
}

.block-2 .block-content .description p {
    font-size: 14px;

    margin-bottom: 5px;
}

.block-2 .block-content .description p:last-child {
    margin-bottom: 0;
}

.block-2 .block-content .readmore {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;

    display: block;

    text-transform: capitalize;

    color: #3a4d6a;
}

.block-2 .block-content .readmore .icons {
    padding-left: 10px;
}

.block-2 .block-content .readmore:hover {
    color: #a94442;
}

.block-2 .block-content .readmore-icons {
    position: absolute;
    right: 0;
    bottom: -40px;

    display: inline-block;

    width: 40px;
    height: 40px;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    text-align: center;

    color: #ffffff;
    background-color: #a94442;
}

.block-2 .block-content .readmore-icons .icons {
    font-size: 18px;
    line-height: 36px;
}

.block-2 .block-content:before {
    position: absolute;
    bottom: 0;
    left: 0;

    width: 0;
    height: 4px;

    content: '';
    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;

    background-color: #a94442;
}

.block-2 .block-info {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    left: 0;
}

.block-2:hover {
    box-shadow: 5px 5px 20px rgba(0, 0, 0, .2);
}

.block-2:hover .block-image:after {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
}

.block-2:hover .block-content .readmore-icons {
    bottom: 0;

    transition-delay: .35s;
}

.block-2:hover .block-content:before {
    width: 100%;
}

.block-service {
    position: relative;

    overflow: hidden;

    padding: 20px 20px 25px 25px;

    background-color: #a94442;
}

.block-service .block-icons {
    font-size: 35px;
    line-height: 35px;

    position: relative;
    z-index: 2;

    display: inline-block;

    margin-bottom: 25px;

    color: #ffffff;
}

.block-service .block-content {
    position: relative;
    z-index: 2;
}

.block-service .title {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 700;

    margin-bottom: 10px;

    text-transform: uppercase;

    color: #ffffff;
}

.block-service .description {
    font-family: 'Roboto', serif;
    font-size: 14px;

    color: #d9f7ff;
}

.block-service .water-hover {
    position: absolute;
    bottom: -100%;
    left: 0;

    width: 100%;
    height: 100%;

    -webkit-transition: all 1.5s cubic-bezier(.2, .6, .8, .4);
       -moz-transition: all 1.5s cubic-bezier(.2, .6, .8, .4);
         -o-transition: all 1.5s cubic-bezier(.2, .6, .8, .4);
            transition: all 1.5s cubic-bezier(.2, .6, .8, .4);
}

.block-service .water-hover svg {
    width: 200%;
    height: 200%;
}

.block-service .waveShape {
    -webkit-animation-name: waveAction;
            animation-name: waveAction;
    -webkit-animation-duration: .5s;
            animation-duration: .5s;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;

    fill: #04acff;
}

@-webkit-keyframes waveAction {
    0% {
        -webkit-transform: translate(-150px, 0);
                transform: translate(-150px, 0);
    }
    100% {
        -webkit-transform: translate(-80px, 0);
                transform: translate(-80px, 0);
    }
}

@keyframes waveAction {
    0% {
        -webkit-transform: translate(-150px, 0);
                transform: translate(-150px, 0);
    }
    100% {
        -webkit-transform: translate(-80px, 0);
                transform: translate(-80px, 0);
    }
}

.block-service:hover .water-hover {
    bottom: 5px;
}

/*----------  9. Slide Blogs, News, Service, Post  ----------*/

.slide-block {
    margin: 0 -15px;
}

.slide-block .item {
    padding: 0 15px;
}

.slide-block .slick-list {
    padding: 2px 0 25px 0;
}

.slide-block .slick-dots {
    z-index: 5;
}

.slide-block .slick-dots li {
    margin: 0;
}

.slide-block .slick-dots li button {
    padding: 0;

    text-align: center;
}

.slide-block .slick-dots li button:before {
    font-size: 12px;

    opacity: .3;
    color: #3a4d6a;
}

.slide-block .slick-dots li.slick-active button:before {
    font-size: 14px;

    opacity: .7;
    color: #3a4d6a;
}

.slide-block .slick-prev,
.slide-block .slick-next {
    width: 40px;
    height: 40px;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    text-align: center;

    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    background-color: #f8fbff;
}

.slide-block .slick-prev:before,
.slide-block .slick-next:before {
    font-family: FontAwesome;
    line-height: 40px;

    opacity: 1;
    color: #61728d;
}

.slide-block .slick-prev:hover,
.slide-block .slick-next:hover {
    background-color: #ffffff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.slide-block .slick-prev {
    left: -60px;
}

.slide-block .slick-prev:before {
    content: '\f104';
}

.slide-block .slick-next {
    right: -60px;
}

.slide-block .slick-next:before {
    content: '\f105';
}

.slide-block.no-dots {
    margin-bottom: 0;
}

.slide-block.no-dots .slick-dots {
    display: none !important;
}

.slide-block.no-arrows .slick-prev,
.slide-block.no-arrows .slick-next {
    display: none !important;
}

/*----------  10. List Blogs, News, Service, Post  ----------*/

.list-block {
    font-size: 0;

    margin: 0 -15px;
}

.list-block > .item {
    font-size: 14px;

    display: inline-block;

    margin-top: 30px;
    padding: 0 15px;

    vertical-align: top;
}

.list-block.column-1 .item:first-child {
    margin-top: 0;
}

.list-block.column-1 > .item {
    width: 100%;
}

.list-block.column-2 .item:nth-child(-n + 2) {
    margin-top: 0;
}

.list-block.column-2 > .item {
    width: 50%;
}

.list-block.column-3 .item:nth-child(-n + 3) {
    margin-top: 0;
}

.list-block.column-3 > .item {
    width: 33.3333%;
}

.list-block.column-4 .item:nth-child(-n + 4) {
    margin-top: 0;
}

.list-block.column-4 > .item {
    width: 25%;
}

.blog-content .pagination-wrapper {
    margin-top: 50px;
}

.blog-content .list-block.column-1 > .item {
    margin-top: 50px;
}

.blog-content .list-block.column-1 > .item:first-child {
    margin-top: 0;
}

/*----------  11. Images category  ----------*/

.block-image-gallery {
    position: relative;

    overflow: hidden;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;

    background-color: #000000;

    over-flow: hidden;
}

.block-image-gallery:before {
    display: block;

    padding-top: 67%;

    content: '';
}

.block-image-gallery:after {
    position: absolute;
    z-index: 6;
    bottom: 0;
    left: 0;

    width: 0;
    height: 4px;

    content: '';
    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;

    background-color: #a94442;
}

.block-image-gallery .img-full {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;

    width: auto;
    max-width: none;
    height: 100%;

    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
}

.block-image-gallery .bg-hover {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    visibility: hidden;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;

    opacity: 0;
    background-color: rgba(0, 0, 0, .65);
}

.block-image-gallery .bg-hover-1:before {
    position: absolute;
    z-index: 2;
    top: -100%;
    left: -100%;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition: all .6s ease 0s;
       -moz-transition: all .6s ease 0s;
         -o-transition: all .6s ease 0s;
            transition: all .6s ease 0s;

    background-color: rgba(0, 0, 0, .3);
}

.block-image-gallery .bg-hover-1:after {
    position: absolute;
    z-index: 2;
    right: -100%;
    bottom: -100%;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition: all .6s ease 0s;
       -moz-transition: all .6s ease 0s;
         -o-transition: all .6s ease 0s;
            transition: all .6s ease 0s;

    background-color: rgba(0, 0, 0, .3);
}

.block-image-gallery .bg-hover-2:before {
    position: absolute;
    z-index: 2;
    bottom: -100%;
    left: -100%;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition: all .6s ease 0s;
       -moz-transition: all .6s ease 0s;
         -o-transition: all .6s ease 0s;
            transition: all .6s ease 0s;

    background-color: rgba(0, 0, 0, .3);
}

.block-image-gallery .bg-hover-2:after {
    position: absolute;
    z-index: 2;
    top: -100%;
    right: -100%;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition: all .6s ease 0s;
       -moz-transition: all .6s ease 0s;
         -o-transition: all .6s ease 0s;
            transition: all .6s ease 0s;

    background-color: rgba(0, 0, 0, .3);
}

.block-image-gallery .overlay-1:before {
    position: absolute;
    z-index: 2;
    top: -100%;
    left: 0;

    width: 60%;
    height: 50%;

    content: '';
    -webkit-transition: all .3s ease-in .1s;
       -moz-transition: all .3s ease-in .1s;
         -o-transition: all .3s ease-in .1s;
            transition: all .3s ease-in .1s;

    opacity: 0;
    background-color: rgba(0, 0, 0, .65);
}

.block-image-gallery .overlay-1:after {
    position: absolute;
    z-index: 2;
    top: -100%;
    right: 0;

    width: 40%;
    height: 50%;

    content: '';
    -webkit-transition: all .3s ease-in 0s;
       -moz-transition: all .3s ease-in 0s;
         -o-transition: all .3s ease-in 0s;
            transition: all .3s ease-in 0s;

    opacity: 0;
    background-color: rgba(0, 0, 0, .65);
}

.block-image-gallery .overlay-2:before {
    position: absolute;
    z-index: 2;
    top: -50%;
    left: 0;

    width: 40%;
    height: 50%;

    content: '';
    -webkit-transition: all .3s ease-in .3s;
       -moz-transition: all .3s ease-in .3s;
         -o-transition: all .3s ease-in .3s;
            transition: all .3s ease-in .3s;

    opacity: 0;
    background-color: rgba(0, 0, 0, .65);
}

.block-image-gallery .overlay-2:after {
    position: absolute;
    z-index: 2;
    top: -50%;
    right: 0;

    width: 60%;
    height: 50%;

    content: '';
    -webkit-transition: all .3s ease-in .2s;
       -moz-transition: all .3s ease-in .2s;
         -o-transition: all .3s ease-in .2s;
            transition: all .3s ease-in .2s;

    opacity: 0;
    background-color: rgba(0, 0, 0, .65);
}

.block-image-gallery .line-1:before {
    position: absolute;
    z-index: 2;
    top: -50%;
    left: 50%;

    width: 10%;
    height: 50%;

    content: '';

    opacity: 0;
    background-color: rgba(0, 0, 0, .65);
}

@-webkit-keyframes plus-out-1 {
    0% {
        top: 0;

        width: 100%;

        opacity: 1;
    }
    80% {
        top: 0;

        width: 10%;

        opacity: 1;
    }
    100% {
        top: -50%;

        opacity: 0;
    }
}

@keyframes plus-out-1 {
    0% {
        top: 0;

        width: 100%;

        opacity: 1;
    }
    80% {
        top: 0;

        width: 10%;

        opacity: 1;
    }
    100% {
        top: -50%;

        opacity: 0;
    }
}

.block-image-gallery .line-1:after {
    position: absolute;
    z-index: 2;
    right: 50%;
    bottom: -50%;

    width: 10%;
    height: 50%;

    content: '';

    opacity: 0;
    background-color: rgba(0, 0, 0, .65);
}

@-webkit-keyframes plus-out-2 {
    0% {
        bottom: 0;

        width: 100%;

        opacity: 1;
    }
    80% {
        bottom: 0;

        width: 10%;

        opacity: 1;
    }
    100% {
        bottom: -50%;

        opacity: 0;
    }
}

@keyframes plus-out-2 {
    0% {
        bottom: 0;

        width: 100%;

        opacity: 1;
    }
    80% {
        bottom: 0;

        width: 10%;

        opacity: 1;
    }
    100% {
        bottom: -50%;

        opacity: 0;
    }
}

.block-image-gallery .line-2:before {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: -50%;

    width: 50%;
    height: 14%;

    content: '';

    opacity: 0;
    background-color: rgba(0, 0, 0, .65);
}

@-webkit-keyframes plus-out-3 {
    0% {
        right: 0;

        height: 100%;

        opacity: 1;
    }
    80% {
        right: 0;

        height: 14%;

        opacity: 1;
    }
    100% {
        right: -50%;

        opacity: 0;
    }
}

@keyframes plus-out-3 {
    0% {
        right: 0;

        height: 100%;

        opacity: 1;
    }
    80% {
        right: 0;

        height: 14%;

        opacity: 1;
    }
    100% {
        right: -50%;

        opacity: 0;
    }
}

.block-image-gallery .line-2:after {
    position: absolute;
    z-index: 2;
    bottom: 50%;
    left: -50%;

    width: 50%;
    height: 14%;

    content: '';

    opacity: 0;
    background-color: rgba(0, 0, 0, .65);
}

@-webkit-keyframes plus-out-4 {
    0% {
        left: 0;

        height: 100%;

        opacity: 1;
    }
    80% {
        left: 0;

        height: 14%;

        opacity: 1;
    }
    100% {
        left: -50%;

        opacity: 0;
    }
}

@keyframes plus-out-4 {
    0% {
        left: 0;

        height: 100%;

        opacity: 1;
    }
    80% {
        left: 0;

        height: 14%;

        opacity: 1;
    }
    100% {
        left: -50%;

        opacity: 0;
    }
}

.block-image-gallery .content {
    position: absolute;
    z-index: 5;
    right: 0;
    bottom: -100%;
    left: 0;

    padding: 20px;

    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;
}

.block-image-gallery .content .link {
    font-size: 14px;
    font-style: italic;

    margin: 0;

    text-transform: capitalize;

    color: #c1cad9;
}

.block-image-gallery .content .title {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 700;

    position: relative;

    margin: 0;
    padding-right: 40px;
    padding-left: 10px;

    text-transform: uppercase;

    color: #ffffff;
}

.block-image-gallery .content .title:before {
    position: absolute;
    top: 3px;
    left: 0;

    width: 3px;
    height: 15px;

    content: '';

    background-color: #a94442;
}

.block-image-gallery .readmore-icons {
    position: absolute;
    z-index: 5;
    right: 0;
    bottom: -40px;

    display: inline-block;

    width: 40px;
    height: 40px;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    text-align: center;

    color: #ffffff;
    background-color: #a94442;
}

.block-image-gallery .readmore-icons .icons {
    font-size: 18px;
    line-height: 36px;
}

.block-image-gallery:hover {
    box-shadow: 5px 5px 20px rgba(0, 0, 0, .2);
}

.block-image-gallery:hover:after {
    width: 100%;

    transition-delay: .5s;
}

.block-image-gallery:hover .bg-hover {
    visibility: visible;

    opacity: 1;
}

.block-image-gallery:hover .bg-hover-1:before {
    top: 0;
    left: 0;
}

.block-image-gallery:hover .bg-hover-1:after {
    right: 0;
    bottom: 0;
}

.block-image-gallery:hover .bg-hover-2:before {
    bottom: 0;
    left: 0;
}

.block-image-gallery:hover .bg-hover-2:after {
    top: 0;
    right: 0;
}

.block-image-gallery:hover .overlay-1:before {
    top: 0;
    left: 0;

    -webkit-transition: all .3s cubic-bezier(0, .55, 0, .55) .2s;
       -moz-transition: all .3s cubic-bezier(0, .55, 0, .55) .2s;
         -o-transition: all .3s cubic-bezier(0, .55, 0, .55) .2s;
            transition: all .3s cubic-bezier(0, .55, 0, .55) .2s;

    opacity: 1;
}

.block-image-gallery:hover .overlay-1:after {
    top: 0;
    right: 0;

    -webkit-transition: all .3s cubic-bezier(0, .44, 0, .44) .3s;
       -moz-transition: all .3s cubic-bezier(0, .44, 0, .44) .3s;
         -o-transition: all .3s cubic-bezier(0, .44, 0, .44) .3s;
            transition: all .3s cubic-bezier(0, .44, 0, .44) .3s;

    opacity: 1;
}

.block-image-gallery:hover .overlay-2:before {
    top: 50%;
    left: 0;

    -webkit-transition: all .3s cubic-bezier(0, .99, 0, .99) 0s;
       -moz-transition: all .3s cubic-bezier(0, .99, 0, .99) 0s;
         -o-transition: all .3s cubic-bezier(0, .99, 0, .99) 0s;
            transition: all .3s cubic-bezier(0, .99, 0, .99) 0s;

    opacity: 1;
}

.block-image-gallery:hover .overlay-2:after {
    top: 50%;
    right: 0;

    -webkit-transition: all .3s cubic-bezier(0, .66, 0, .66) .1s;
       -moz-transition: all .3s cubic-bezier(0, .66, 0, .66) .1s;
         -o-transition: all .3s cubic-bezier(0, .66, 0, .66) .1s;
            transition: all .3s cubic-bezier(0, .66, 0, .66) .1s;

    opacity: 1;
}

.block-image-gallery:hover .line-1:before {
    -webkit-animation: plus-in-1 .8s forwards linear;
            animation: plus-in-1 .8s forwards linear;
}

.block-image-gallery:hover .line-1:after {
    -webkit-animation: plus-in-2 .8s forwards linear;
            animation: plus-in-2 .8s forwards linear;
}

.block-image-gallery:hover .line-2:before {
    -webkit-animation: plus-in-3 .8s forwards linear;
            animation: plus-in-3 .8s forwards linear;
}

.block-image-gallery:hover .line-2:after {
    -webkit-animation: plus-in-4 .8s forwards linear;
            animation: plus-in-4 .8s forwards linear;
}

@-webkit-keyframes plus-in-1 {
    0% {
        top: -50%;

        opacity: 0;
    }
    20% {
        top: 0;

        width: 10%;

        opacity: 1;
    }
    40% {
        top: 0;

        width: 10%;

        opacity: 1;
    }
    100% {
        top: 0;

        width: 100%;

        opacity: 1;
    }
}

@keyframes plus-in-1 {
    0% {
        top: -50%;

        opacity: 0;
    }
    20% {
        top: 0;

        width: 10%;

        opacity: 1;
    }
    40% {
        top: 0;

        width: 10%;

        opacity: 1;
    }
    100% {
        top: 0;

        width: 100%;

        opacity: 1;
    }
}

@-webkit-keyframes plus-in-2 {
    0% {
        bottom: -50%;

        opacity: 0;
    }
    20% {
        bottom: 0;

        width: 10%;

        opacity: 1;
    }
    40% {
        bottom: 0;

        width: 10%;

        opacity: 1;
    }
    100% {
        bottom: 0;

        width: 100%;

        opacity: 1;
    }
}

@keyframes plus-in-2 {
    0% {
        bottom: -50%;

        opacity: 0;
    }
    20% {
        bottom: 0;

        width: 10%;

        opacity: 1;
    }
    40% {
        bottom: 0;

        width: 10%;

        opacity: 1;
    }
    100% {
        bottom: 0;

        width: 100%;

        opacity: 1;
    }
}

@-webkit-keyframes plus-in-3 {
    0% {
        right: -50%;

        opacity: 0;
    }
    20% {
        right: 0;

        height: 14%;

        opacity: 1;
    }
    40% {
        right: 0;

        height: 14%;

        opacity: 1;
    }
    100% {
        right: 0;

        height: 100%;

        opacity: 1;
    }
}

@keyframes plus-in-3 {
    0% {
        right: -50%;

        opacity: 0;
    }
    20% {
        right: 0;

        height: 14%;

        opacity: 1;
    }
    40% {
        right: 0;

        height: 14%;

        opacity: 1;
    }
    100% {
        right: 0;

        height: 100%;

        opacity: 1;
    }
}

@-webkit-keyframes plus-in-4 {
    0% {
        left: -50%;

        opacity: 0;
    }
    20% {
        left: 0;

        height: 14%;

        opacity: 1;
    }
    40% {
        left: 0;

        height: 14%;

        opacity: 1;
    }
    100% {
        left: 0;

        height: 100%;

        opacity: 1;
    }
}

@keyframes plus-in-4 {
    0% {
        left: -50%;

        opacity: 0;
    }
    20% {
        left: 0;

        height: 14%;

        opacity: 1;
    }
    40% {
        left: 0;

        height: 14%;

        opacity: 1;
    }
    100% {
        left: 0;

        height: 100%;

        opacity: 1;
    }
}

.block-image-gallery:hover .content {
    bottom: 0;

    transition-delay: 0s;
}

.block-image-gallery:hover .readmore-icons {
    bottom: 0;

    transition-delay: 1s;
}

.list-image-gallery {
    font-size: 0;

    display: block;
}

.list-image-gallery .item {
    display: inline-block;

    width: 25%;

    vertical-align: top;
}

.gallery-image-grid {
    font-size: 0;

    margin: 30px -15px -15px -15px;
}

.gallery-image-grid .grid-item {
    display: inline-block;
    overflow: hidden;

    width: 33.3333%;
    padding: 15px;

    vertical-align: top;
}

.gallery-image-grid .grid-item .block-image-gallery:hover {
    box-shadow: none;
}

.gallery-image-grid .grid-item-height-2 .block-image-gallery:before {
    padding-top: calc(134% + 30px);
}

.gallery-image-grid.style-2 .grid-item {
    width: 50%;
}

.gallery-image-grid.style-2 .grid-item .block-image-gallery:before {
    padding-top: 55%;
}

.gallery-image-grid.style-2 .grid-item-height-2 .block-image-gallery:before {
    padding-top: calc(110% + 30px);
}

.gallery-image-grid.style-3 .grid-item {
    width: 25%;
}

.gallery-image-grid.style-3 .grid-item .block-image-gallery:before {
    padding-top: 70%;
}

.gallery-image-grid.style-3 .grid-item-width-2 {
    width: 50%;
}

.gallery-image-grid.style-3 .grid-item-width-2 .block-image-gallery:before {
    padding-top: calc(70% + 10px);
}

/*----------  12. Team  ----------*/

.block-team {
    position: relative;

    width: 100%;
}

.block-team .block-image {
    display: block;
}

.block-team .block-image .link {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.block-team .block-image img {
    margin: 0 auto;
}

.block-team .block-content {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    left: 0;

    padding: 20px 10px;

    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;
    text-align: center;

    border-left: 3px solid #a94442;
    background-color: #ffffff;
    background-image: url('../images/more-images/line-ruler.png');
    background-repeat: repeat-x;
    background-position: bottom;
    box-shadow: 0 15px 25px 0 rgba(3, 7, 15, .1);
}

.block-team .block-content .title {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 700;

    margin: 0;

    text-transform: uppercase;

    color: #3a4d6a;
}

.block-team .block-content .title:hover {
    color: #a94442;
}

.block-team .block-content .position {
    font-size: 14px;
    font-style: italic;

    visibility: hidden;

    height: 0;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
        -ms-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
    text-transform: capitalize;

    opacity: 0;
    color: #a94442;
}

.block-team .block-content .social-list {
    position: absolute;
    z-index: 4;
    bottom: 0;
    left: 0;

    visibility: hidden;

    width: 100%;

    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;
    -webkit-transform: translateY(-60%);
       -moz-transform: translateY(-60%);
        -ms-transform: translateY(-60%);
         -o-transform: translateY(-60%);
            transform: translateY(-60%);
    text-align: center;

    opacity: 0;
}

.block-team .block-content .social-list .item {
    display: inline-block;

    margin: 0 8px;
    padding: 0;

    text-align: center;
}

.block-team .block-content .social-list .item:first-child {
    margin-left: 0;
}

.block-team .block-content .social-list .item:last-child {
    margin-right: 0;
}

.block-team .block-content .social-list .item .icons {
    font-size: 15px;
    line-height: 36px;

    width: 36px;
    height: 36px;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;

    color: #3a4d6a;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    background-color: #ffffff;
}

.block-team .block-content .social-list .item:hover .fa-facebook {
    color: #365899;
}

.block-team .block-content .social-list .item:hover .fa-twitter {
    color: #1da1f2;
}

.block-team .block-content .social-list .item:hover .fa-google-plus {
    color: #d73d32;
}

.block-team:hover .block-content {
    background-color: #3a4d6a;
}

.block-team:hover .block-content .title {
    color: #ffffff;
}

.block-team:hover .block-content .position {
    display: block;
    visibility: visible;

    height: 40px;

    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);

    opacity: 1;
}

.block-team:hover .block-content .social-list {
    visibility: visible;

    -webkit-transform: translateY(50%);
       -moz-transform: translateY(50%);
        -ms-transform: translateY(50%);
         -o-transform: translateY(50%);
            transform: translateY(50%);

    opacity: 1;
}

.list-block-team {
    font-size: 0;

    margin: 0 -15px;
}

.list-block-team > .item {
    display: inline-block;

    margin-top: 60px;
    padding: 0 15px;

    vertical-align: top;
}

.list-block-team.column-1 .item:first-child {
    margin-top: 0;
}

.list-block-team.column-1 > .item {
    width: 100%;
}

.list-block-team.column-2 .item:nth-child(-n + 2) {
    margin-top: 0;
}

.list-block-team.column-2 > .item {
    width: 50%;
}

.list-block-team.column-3 .item:nth-child(-n + 3) {
    margin-top: 0;
}

.list-block-team.column-3 > .item {
    width: 33.3333%;
}

.list-block-team.column-4 .item:nth-child(-n + 4) {
    margin-top: 0;
}

.list-block-team.column-4 > .item {
    width: 25%;
}

/*----------  13. Testimonial  ----------*/

.testimonial-1 {
    display: table;

    width: 100%;
    padding: 45px 0 30px 0;
}

.testimonial-1 .testimonial-image {
    position: relative;

    display: table-cell;

    width: 100px;

    vertical-align: top;
}

.testimonial-1 .testimonial-image img {
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
}

.testimonial-1 .testimonial-image:before {
    font-size: 40px;

    position: absolute;
    top: 7px;
    right: -15px;

    content: '\275E';

    color: #a94442;
}

.testimonial-1 .testimonial-content {
    display: table-cell;

    padding-left: 30px;

    vertical-align: top;
}

.testimonial-1 .testimonial-content .name {
    font-size: 14px;
    font-weight: 700;

    text-transform: uppercase;

    color: #3a4d6a;
}

.testimonial-1 .testimonial-content .name:hover {
    color: #a94442;
}

.testimonial-1 .testimonial-content .position {
    font-size: 13px;
    font-style: italic;
    line-height: 18px;

    margin: 0;

    text-transform: capitalize;

    color: #a94442;
}

.testimonial-1 .testimonial-content .testimonial {
    font-size: 16px;
    font-style: italic;

    overflow: hidden;

    height: 120px;
    margin: 25px 0 0 0;

    color: #b9cae5;
}

.testimonial-2 {
    display: table;

    width: 100%;
}

.testimonial-2 .img-wrapper {
    display: table-cell;

    width: 241px;
}

.testimonial-2 .content-wrapper {
    position: relative;

    display: table-cell;

    padding: 20px 0 0 120px;

    vertical-align: middle;
}

.testimonial-2 .content-wrapper:before {
    font-size: 200px;
    line-height: 150px;

    position: absolute;
    top: 50%;
    left: 0;

    content: '\275D';
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);

    opacity: .3;
    color: #3a4d6a;
}

.testimonial-2 .testimonial {
    font-size: 16px;
    font-style: italic;

    display: block;
    overflow: hidden;

    max-height: 120px;
    margin-bottom: 0;
}

.testimonial-2 .infomation {
    float: right;

    margin-top: 20px;

    text-align: center;
}

.testimonial-2 .infomation img {
    max-width: 100px;
    margin: 0 auto;
}

.testimonial-2 .infomation img + .name {
    margin: 0;
}

.testimonial-2 .infomation .name {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 700;

    margin: 50px 0 0 0;

    text-transform: uppercase;

    color: #3a4d6a;
}

.testimonial-2 .infomation .name .position {
    font-family: 'Roboto', serif;
    font-size: 13px;
    font-weight: 400;
    font-style: italic;

    text-transform: capitalize;

    color: #a94442;
}

.testimonial-3 .testimonial-image {
    margin-bottom: 20px;
}

.testimonial-3 .image-wrapper {
    position: relative;

    display: inline-block;
}

.testimonial-3 .image-wrapper:before {
    font-size: 40px;

    position: absolute;
    top: 7px;
    right: -10px;

    content: '\275E';

    color: #a94442;
}

.testimonial-3 .image-wrapper img {
    display: inline-block;

    width: 65px;
    height: 65px;

    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
}

.testimonial-3 .author {
    display: inline-block;

    padding-left: 20px;

    vertical-align: middle;
}

.testimonial-3 .name {
    font-size: 14px;
    font-weight: 700;

    text-transform: uppercase;

    color: #3a4d6a;
}

.testimonial-3 .name:hover {
    color: #a94442;
}

.testimonial-3 .position {
    font-size: 13px;
    font-style: italic;
    line-height: 18px;

    margin: 0;

    text-transform: capitalize;

    color: #a94442;
}

.testimonial-3 .testimonial {
    font-size: 16px;
    font-style: italic;

    position: relative;

    margin: 0;
    padding: 30px 20px;

    color: #61728d;
    border: 2px solid #eaf0f2;
    background-color: #ffffff;
}

.testimonial-3 .testimonial:before {
    position: absolute;
    top: -7px;
    left: 24px;

    width: 12px;
    height: 12px;

    content: '';
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);

    border-top: 2px solid #eaf0f2;
    border-left: 2px solid #eaf0f2;
    background-color: #ffffff;
}

.list-testimonial-1 .slick-dots {
    bottom: 0;
    left: 125px;

    text-align: left;
}

.list-testimonial-1 .slick-dots li {
    margin: 0;
}

.list-testimonial-1 .slick-dots li button:before {
    font-size: 12px;

    opacity: .3;
    color: #61728d;
}

.list-testimonial-1 .slick-dots li.slick-active button:before {
    font-size: 14px;

    opacity: .7;
    color: #3a4d6a;
}

.list-testimonial-2 .slick-prev,
.list-testimonial-2 .slick-next {
    z-index: 10;
    top: auto;
    bottom: 100px;
    left: 360px;

    width: 35px;
    height: 35px;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
    text-align: center;

    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    background-color: #efefef;
}

.list-testimonial-2 .slick-prev:before,
.list-testimonial-2 .slick-next:before {
    font-family: FontAwesome;
    line-height: 35px;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;

    opacity: 1;
    color: #61728d;
}

.list-testimonial-2 .slick-prev:hover,
.list-testimonial-2 .slick-next:hover {
    background-color: #ffffff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
}

.list-testimonial-2 .slick-prev:hover:before,
.list-testimonial-2 .slick-next:hover:before {
    color: #3a4d6a;
}

.list-testimonial-2 .slick-prev:before {
    content: '\f104';
}

.list-testimonial-2 .slick-next {
    margin-left: 10px;

    -webkit-transform: translateX(100%);
       -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
         -o-transform: translateX(100%);
            transform: translateX(100%);
}

.list-testimonial-2 .slick-next:before {
    content: '\f105';
}

.list-testimonial-3 .slick-prev,
.list-testimonial-3 .slick-next {
    z-index: 10;
    top: 20px;
    right: 0;
    bottom: auto;
    left: auto;

    width: 35px;
    height: 35px;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    -webkit-transform: translate(-115%, 0);
       -moz-transform: translate(-115%, 0);
        -ms-transform: translate(-115%, 0);
         -o-transform: translate(-115%, 0);
            transform: translate(-115%, 0);
    text-align: center;

    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    background-color: #efefef;
}

.list-testimonial-3 .slick-prev:before,
.list-testimonial-3 .slick-next:before {
    font-family: FontAwesome;
    line-height: 35px;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;

    opacity: 1;
    color: #61728d;
}

.list-testimonial-3 .slick-prev:hover,
.list-testimonial-3 .slick-next:hover {
    background-color: #ffffff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
}

.list-testimonial-3 .slick-prev:hover:before,
.list-testimonial-3 .slick-next:hover:before {
    color: #3a4d6a;
}

.list-testimonial-3 .slick-prev:before {
    content: '\f104';
}

.list-testimonial-3 .slick-next {
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
        -ms-transform: translateX(0);
         -o-transform: translateX(0);
            transform: translateX(0);
}

.list-testimonial-3 .slick-next:before {
    content: '\f105';
}

.white .testimonial-1 .testimonial-content .name {
    font-weight: 400;

    color: #ffffff;
}

.white .testimonial-1 .testimonial-content .name:hover {
    color: #a94442;
}

.white .testimonial-1 .testimonial-content .description {
    color: rgba(255, 255, 255, .7);
}

.white .testimonial-2:before {
    color: #ffffff;
}

.white .testimonial-2 .testimonial {
    color: rgba(255, 255, 255, .7);
}

.white .testimonial-2 .infomation .name {
    font-weight: 400;

    color: #ffffff;
}

.white .list-testimonial-1 .slick-dots li button:before {
    opacity: .3;
    color: #ffffff;
}

.white .list-testimonial-1 .slick-dots li.slick-active button:before {
    opacity: .8;
    color: #ffffff;
}

.white .list-testimonial-2 .slick-prev,
.white .list-testimonial-2 .slick-next {
    background-color: rgba(255, 255, 255, .1);
}

.white .list-testimonial-2 .slick-prev:before,
.white .list-testimonial-2 .slick-next:before {
    color: rgba(255, 255, 255, .5);
}

.white .list-testimonial-2 .slick-prev:hover,
.white .list-testimonial-2 .slick-next:hover {
    background-color: rgba(255, 255, 255, .4);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
}

.white .list-testimonial-2 .slick-prev:hover:before,
.white .list-testimonial-2 .slick-next:hover:before {
    color: #ffffff;
}

.white .list-testimonial-2 .slick-prev:before {
    content: '\f104';
}

.white .list-testimonial-2 .slick-next {
    margin-left: 10px;

    -webkit-transform: translateX(100%);
       -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
         -o-transform: translateX(100%);
            transform: translateX(100%);
}

.white .list-testimonial-2 .slick-next:before {
    content: '\f105';
}

/*----------  14. List logos  ----------*/

.list-logo .item .link {
    display: inline-block;
}

.list-logo .item img {
    width: 100%;
    max-width: 160px;
    margin: 0 auto;

    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;

    opacity: 1;
}

.list-logo .item:hover img {
    opacity: 1 !important;
}

.list-logo:hover .item img {
    opacity: .6;
}

.list-logo-plumbing {
    margin: 0 -15px;
}

.list-logo-plumbing .slick-track {
    padding-bottom: 10px;
}

.list-logo-plumbing .item .link {
    display: inline-block;

    width: 100%;
    padding: 0 15px;
}

.list-logo-plumbing .item img {
    width: 100%;
    margin: 0 auto;

    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;

    opacity: .6;
    background-color: #ffffff;
}

.list-logo-plumbing .item:hover img {
    opacity: 1;
    box-shadow: 0 10px 20px 1px rgba(0, 0, 0, .1);
}

.list-logo-plumbing .slick-dots li {
    margin: 0;
}

.list-logo-plumbing .slick-dots li button:before {
    font-size: 12px;

    opacity: .75;
    color: #bec7d5;
}

.list-logo-plumbing .slick-dots li.slick-active button:before {
    font-size: 14px;

    opacity: 1;
    color: #bec7d5;
}

/*----------  15. Count Number  ----------*/

.count-number {
    position: relative;

    padding: 30px 0;
}

.count-number .icons {
    font-size: 120px;

    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;

    -webkit-transform: translateY(-60%);
       -moz-transform: translateY(-60%);
        -ms-transform: translateY(-60%);
         -o-transform: translateY(-60%);
            transform: translateY(-60%);

    opacity: .1;
}

.count-number .number {
    font-family: 'Montserrat', sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 1;

    position: relative;
    z-index: 2;

    margin: 0;
    padding-left: 35px;

    color: #3a4d6a;
}

.count-number .number:before {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 0;

    width: 3px;
    height: 50px;

    content: '';
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);

    opacity: .9;
    background-color: #a94442;
}

.count-number .name {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 700;

    position: relative;
    z-index: 2;

    margin: 0;
    margin-top: 7px;
    padding-left: 35px;

    text-transform: uppercase;

    opacity: .9;
    color: #a94442;
}

.white .count-number .icons {
    color: #ffffff;
}

.white .count-number .number {
    color: #ffffff;
}

/*----------  16. Acodion  ----------*/

.block-accordion .panel-group .panel {
    border: none;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
}

.block-accordion .panel-group .panel .panel-body {
    padding: 15px 20px 20px 47px;

    border: none;
    border-bottom: 2px solid #a94442;
    border-left: 2px solid #a94442;
}

.block-accordion .panel-group .panel + .panel {
    margin-top: 25px;
}

.block-accordion .panel-heading {
    padding: 0;

    border-radius: 0;
}

.block-accordion .icons {
    font-size: 14px;
    line-height: 32px;

    width: 32px;
    height: 32px;
    margin-right: 15px;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    text-align: center;

    color: rgba(255, 255, 255, .5);
    background-color: #a94442;
}

.block-accordion .panel-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;

    position: relative;
    z-index: 1;

    display: block;

    text-decoration: none;

    color: #3a4d6a;
}

.block-accordion .panel-title.collapsed {
    border-bottom: 2px solid #f2f5fb;
}

.block-accordion .panel-title.collapsed .icons {
    color: #61728d;
    background-color: #f2f5fb;
}

.block-accordion .panel-title.collapsed .icons:before {
    content: '\f067';
}

/*----------  17. Banner  ----------*/

.banner-1 {
    display: table;

    width: 100%;
    max-width: 1140px;
    padding: 30px;

    color: #ffffff;
    background-color: #a94442;
}

.banner-1 .banner-left {
    display: table-cell;

    padding-right: 15px;

    text-align: left;
    vertical-align: middle;
}

.banner-1 .banner-right {
    display: table-cell;

    text-align: right;
    vertical-align: middle;
}

.banner-1 .text {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;

    margin: 0;

    text-transform: capitalize;
}

.banner-2 {
    text-align: center;
}

.banner-2 .subtitle {
    font-size: 22px;
    font-style: italic;

    margin: 0;

    text-transform: capitalize;

    color: #ffffff;
    text-shadow: 2px 0 5px rgba(0, 0, 0, .1);
}

.banner-2 .title {
    font-family: 'Montserrat', sans-serif;
    font-size: 52px;
    font-weight: 700;
    line-height: 1.5;

    margin: 0;

    letter-spacing: 4px;
    text-transform: uppercase;

    color: #213047;
}

.banner-2 .text {
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    font-weight: 700;

    margin: 0;

    letter-spacing: 4px;
    text-transform: uppercase;

    color: #213047;
}

.banner-2 .btn {
    margin-top: 30px;
}

.banner-3 {
    overflow: hidden;

    padding-top: 85px;

    text-align: center;

    background-image: url('../images/background/brick-wall.jpg');
    background-position: center;
    background-size: cover;
}

.banner-3 .subtitle {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 700;

    margin: 0;
    padding-bottom: 5px;

    text-transform: uppercase;

    opacity: .8;
    color: #3a4d6a;
}

.banner-3 .title {
    font-family: 'Montserrat', sans-serif;
    font-size: 36px;
    font-weight: 700;

    margin: 0;
    padding-bottom: 30px;

    text-transform: uppercase;

    color: #3a4d6a;
}

.banner-3 .big-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 180px;
    font-weight: 700;
    line-height: .72;

    margin: 0;

    text-transform: uppercase;

    color: #a94442;
    background-image: url('../images/background/text.jpg');
    background-attachment: fixed;
    background-position: bottom center;
    -webkit-background-clip: text;
    background-size: cover;

    -webkit-text-fill-color: transparent;
}

.banner-4 .title {
    font-family: 'Montserrat', sans-serif;
    font-size: 48px;
    font-weight: 700;

    margin: 0;

    text-transform: uppercase;

    color: #ffffff;
}

.banner-4 .subtitle {
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    font-weight: 700;

    margin: 0;
    margin-bottom: 25px;

    text-transform: uppercase;

    color: #a94442;
}

.banner-4 .text {
    font-family: 'Roboto', serif;
    font-size: 16px;

    margin: 0;
    margin-bottom: 40px;

    color: #d4f0ff;
}

.banner-5 {
    position: relative;
}

.banner-5 .img-full {
    position: absolute;
    top: 0;
    left: 0;

    width: 50%;
    height: 100%;
}

.banner-5 .banner-right {
    padding-left: 30px;

    background-color: #f2f7fc;
}

.banner-5 .title {
    font-family: 'Montserrat', sans-serif;
    font-size: 48px;
    font-weight: 700;

    margin: 0;
    margin-bottom: 5px;

    text-transform: uppercase;

    color: #a94442;
}

.banner-5 .subtitle {
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    font-weight: 700;

    margin: 0;
    margin-bottom: 25px;

    text-transform: uppercase;

    color: #3a4d6a;
}

.banner-5 .text {
    font-family: 'Roboto', serif;
    font-size: 14px;

    margin: 0;
    margin-bottom: 40px;

    color: #61728d;
}

.banner-6 {
    font-size: 0;

    position: relative;
}

.banner-6 .banner-left {
    display: inline-block;

    width: 50%;
    height: 100%;

    vertical-align: top;
}

.banner-6 .banner-right {
    display: inline-block;

    width: 50%;
    padding-left: 30px;

    vertical-align: top;
}

.banner-6 .title {
    font-family: 'Montserrat', sans-serif;
    font-size: 48px;
    font-weight: 700;

    margin: 0;
    margin-bottom: 5px;

    text-transform: uppercase;

    color: #ffffff;
}

.banner-6 .subtitle {
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    font-weight: 700;

    margin: 0;
    margin-bottom: 25px;

    text-transform: uppercase;

    color: #8fe8ff;
}

.banner-6 .text {
    font-family: 'Roboto', serif;
    font-size: 14px;

    margin: 0;
    margin-bottom: 40px;

    color: #ffffff;
}

.banner-pages {
    background-image: url('../images/background/banner-contact.jpg');
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}

.banner-pages .container-wrapper {
    display: table;

    height: 400px;
}

.banner-pages .banner-wrapper {
    display: table-cell;

    padding-bottom: 40px;

    vertical-align: bottom;

    border-bottom: 4px solid #a94442;
}

.banner-pages .title-wrapper {
    float: left;
}

.banner-pages .title {
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: .77;

    position: relative;

    margin: 0 0 15px 0;
    padding-left: 15px;

    text-transform: uppercase;

    color: #ffffff;
}

.banner-pages .title:before {
    position: absolute;
    top: 0;
    left: 0;

    width: 5px;
    height: 100%;

    content: '';

    background-color: #a94442;
}

.banner-pages .breadcrumb-wrapper .breadcrumb {
    margin: 0;
    padding: 0;

    background: transparent;
}

.banner-pages .breadcrumb-wrapper .breadcrumb > li + li:before {
    font-family: FontAwesome;

    padding: 0 10px;

    content: '\f105';

    color: #9ab7cc;
}

.banner-pages .breadcrumb-item {
    font-family: 'Montserrat', sans-serif;
}

.banner-pages .breadcrumb-item .breadcrumb-link {
    color: #d4e3ee;
}

.banner-pages .breadcrumb-item .breadcrumb-active {
    color: #ffffff;
}

.banner-pages .banner-btn {
    float: right;

    vertical-align: top;
}

/*----------  18. Slider syncing  ----------*/

.slider-syncing-wrapper .slider-nav-wrapper {
    overflow: hidden;

    margin-top: 20px;
}

.slider-syncing-wrapper .slider-nav {
    margin: 0 -10px;
}

.slider-syncing-wrapper .slider-nav .item {
    margin: 0 10px;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;

    opacity: .5;
}

.slider-syncing-wrapper .slider-nav .item.slick-current,
.slider-syncing-wrapper .slider-nav .item:hover {
    opacity: 1;
}

.slider-vertical-wrapper {
    display: table;

    width: 100%;
}

.slider-vertical-wrapper .slider-nav-wrapper {
    display: table-cell;

    width: 41.66666667%;

    vertical-align: middle;
}

.slider-vertical-wrapper .slider-nav-wrapper .slick-vertical .slick-slide {
    border: none;
}

.slider-vertical-wrapper .slider-nav-wrapper .slider-nav {
    box-shadow: 0 0 30px 1px rgba(0, 0, 0, .2);
}

.slider-vertical-wrapper .slider-for-wrapper {
    position: relative;

    display: table-cell;

    vertical-align: top;

    box-shadow: 0 10px 30px 1px rgba(0, 0, 0, .3);
}

.slider-vertical-wrapper .slider-for-wrapper .slick-vertical .slick-slide {
    border: none;
}

.slider-vertical-wrapper .slider-for-wrapper .slick-dotted.slick-slider {
    margin-bottom: 0;
}

.slider-vertical-wrapper .slider-for-wrapper .item-wrapper {
    position: relative;
}

.slider-vertical-wrapper .slider-for-wrapper .item-wrapper .img-wrapper {
    position: relative;
}

.slider-vertical-wrapper .slider-for-wrapper .item-wrapper .img-wrapper:before {
    display: block;

    padding-top: 67%;

    content: '';
}

.slider-vertical-wrapper .slider-for-wrapper .item-wrapper .img-wrapper img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;

    width: auto;
    max-width: none;
    height: 100%;

    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
}

.slider-vertical-wrapper .slider-for-wrapper .item-wrapper .content-wrapper {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;

    padding: 25px;
}

.slider-vertical-wrapper .slider-for-wrapper .item-wrapper .content-wrapper .description {
    font-family: 'Roboto', serif;
    font-size: 14px;

    padding-bottom: 15px;

    color: #ffffff;
}

.slider-vertical-wrapper .slider-for-wrapper .item-wrapper .content-wrapper .readmore {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;

    display: inline-block;

    text-transform: capitalize;

    color: #ffffff;
}

.slider-vertical-wrapper .slider-for-wrapper .item-wrapper .content-wrapper .readmore .icons {
    padding-left: 10px;
}

.slider-vertical-wrapper .slider-for-wrapper .item-wrapper .content-wrapper .readmore:hover {
    color: #a94442;
}

.slider-vertical-wrapper .slider-for-wrapper .item-wrapper .overlay {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(179, 179, 179, 0) 30%, rgba(0, 0, 0, .6) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#99000000', GradientType=0);
}

.slider-vertical-wrapper .slick-dots {
    top: 50%;
    bottom: auto;
    left: 105%;

    width: auto;

    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}

.slider-vertical-wrapper .slick-dots li {
    display: block;
}

.slider-vertical-wrapper .slick-dots li button:before {
    font-size: 14px;

    opacity: .3;
    color: #3a4d6a;
}

.slider-vertical-wrapper .slick-dots li.slick-active button:before {
    font-size: 16px;

    opacity: .7;
    color: #3a4d6a;
}

/*----------  19. Project  ----------*/

.project-wrapper {
    display: inline-block;

    width: 100%;
}

.project-wrapper .project-info {
    float: left;

    width: 33.3333%;
    padding-right: 15px;
}

.project-wrapper .project-info .title-project {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;

    margin: 0 0 20px 0;

    text-transform: uppercase;

    color: #3a4d6a;
}

.project-wrapper .project-info p {
    margin: 0 0 30px 0;
}

.project-wrapper .project-images {
    float: left;

    width: 66.6667%;
    padding-left: 15px;
}

.list-project .slick-prev {
    left: -80px;
}

.list-project .slick-next {
    right: -80px;
}

.list-project .slick-prev,
.list-project .slick-next {
    width: 50px;
    height: 50px;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;

    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    background-color: #f4f8ff;
}

.list-project .slick-prev:hover,
.list-project .slick-next:hover {
    background-color: #ffffff;
    box-shadow: 0 0 20px #e8eaec;
}

.list-project .slick-prev:hover:before,
.list-project .slick-next:hover:before {
    color: #3a4d6a;
}

.list-project .slick-prev:before,
.list-project .slick-next:before {
    font-family: FontAwesome;
    font-size: 20px;

    color: #61728d;
}

.list-project .slick-next:before {
    content: '\f105';
}

.list-project .slick-prev:before {
    content: '\f104';
}

/*----------  20. Contact Form  ----------*/

.form-control {
    line-height: 40px;

    width: 100%;
    height: 40px;
    margin-bottom: 20px;
    padding: 0 12px 0 0;

    resize: none;

    color: #61728d;
    border: none;
    border-bottom: 2px solid #f1f6fd;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    background-color: transparent;
    box-shadow: none !important;
}

.form-control:focus {
    border-bottom: 2px solid #f1f6fd;
}

.contact-form {
    padding: 50px 30px;

    text-align: center;

    background-color: #a94442;
}

.contact-form .contact-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 600;

    margin: 0 0 30px 0;

    text-transform: uppercase;

    color: #ffffff;
}

.contact-form .main-form .form-control {
    color: #ffffff;
    border-bottom: 2px solid rgba(255, 255, 255, .2);
}

.contact-form .main-form .form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .7);
}

.contact-form .main-form .form-control:-moz-placeholder {
    color: rgba(255, 255, 255, .7);
}

.contact-form .main-form .form-control::-moz-placeholder {
    color: rgba(255, 255, 255, .7);
}

.contact-form .main-form .form-control:-ms-input-placeholder {
    color: rgba(255, 255, 255, .7);
}

.contact-form .main-form .form-control:focus {
    border-bottom: 2px solid rgba(255, 255, 255, .7);
}

.contact-form .main-form textarea {
    min-height: 90px;

    resize: none;
}

/*----------  21. Map  ----------*/

.contact-map {
    position: relative;

    display: block;

    width: 100%;

    background-color: #fafafa;
}

.contact-map:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;

    width: 100%;

    content: '';

    background-color: #a94442;
}

.contact-map #map {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    
    width: 100%;
}

#map-canvas {
  position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    
    width: 100%;
    height: 543px;
    margin-bottom: 20px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

/*----------  22. Coming Soon  ----------*/

.coming-soon {
    float: left;

    width: 100%;
    padding: 30px;

    background-color: #a94442;
}

.coming-soon .coming-soon-canvas {
    display: none;
}

.main-count-wrapper {
    display: inline-block;

    width: 25%;

    vertical-align: top;
}

.main-count {
    color: #ffffff;
}

.main-count .count {
    font-family: 'Montserrat', sans-serif;
    font-size: 60px;
    font-weight: 700;
    line-height: 60px;
}

.main-count .count-height {
    width: 5px;
    height: 20px;
    margin-top: 5px;
    margin-bottom: 5px;

    background-color: #ffffff;
}

.main-count .stat-label {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;

    text-transform: uppercase;
}

/*----------  23. BLock detail wrapper  ----------*/

.blog-detail-wrapper {
    position: relative;
}

.blog-detail-wrapper .block-image {
    position: relative;

    display: block;
    overflow: hidden;

    margin-bottom: 0;

    background-color: #000000;
}

.blog-detail-wrapper .block-image:before {
    display: block;

    padding-top: 58%;

    content: '';
}

.blog-detail-wrapper .block-image .img-full {
    position: absolute;
    top: 0;
    left: 50%;

    width: auto;
    max-width: none;
    height: 100%;

    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
}

.blog-detail-content {
    position: relative;

    overflow: hidden;

    padding: 20px 0 0 0;

    background-color: #ffffff;
}

.blog-detail-content .title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    line-height: 1.5;

    display: inline-block;

    margin: 0 0 30px 0;

    text-transform: uppercase;

    color: #3a4d6a;
}

.blog-detail-content p {
    font-size: 14px;

    margin-bottom: 25px;
}

.blog-detail-content p:last-child {
    margin-bottom: 0;
}

.blog-detail-content blockquote {
    position: relative;

    margin: 50px 0 20px 0;
    padding: 20px 30px;

    border: none;
}

.blog-detail-content blockquote > p {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;

    display: inline-block;

    width: 100%;
    margin-bottom: 0;

    color: #3a4d6a;
}

.blog-detail-content blockquote > p cite {
    display: block;
    float: right;

    padding-top: 20px;
    padding-right: 50px;

    text-align: right;
}

.blog-detail-content blockquote > p cite a {
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: 700;
    font-style: normal;

    text-transform: uppercase;

    color: #3a4d6a;
}

.blog-detail-content blockquote > p cite a:hover {
    color: #a94442;
}

.blog-detail-content blockquote > p cite span {
    font-size: 12px;

    text-transform: capitalize;

    color: #a94442;
}

.blog-detail-content blockquote:before {
    font-size: 70px;

    position: absolute;
    top: 0;
    left: 0;

    content: '\275D';

    color: #eaecee;
}

.blog-detail-content blockquote:after {
    font-size: 70px;

    position: absolute;
    right: 20px;
    bottom: 0;

    content: '\275E';

    color: #eaecee;
}

.blog-detail-content ul {
    margin-bottom: 25px;
    padding: 0;

    list-style: none;
}

.blog-detail-content ul li {
    position: relative;

    padding-left: 30px;
}

.blog-detail-content ul li:before {
    font-family: 'FontAwesome';
    font-size: 14px;

    position: absolute;
    left: 0;

    content: '\f00c';

    color: #b7c6cf;
}

.tags-links {
    position: relative;

    margin-top: 40px;
    padding-left: 30px;
}

.tags-links:before {
    font-family: 'FontAwesome';
    font-size: 14px;

    position: absolute;
    left: 0;

    content: '\f02b';

    color: #61728d;
}

.tags-links a {
    font-family: 'Montserrat', sans-serif;

    position: relative;

    display: inline-block;

    margin-left: 7px;

    color: #7b8890;
}

.tags-links a:hover {
    color: #3a4d6a;
}

.tags-links a:after {
    position: absolute;
    right: -4px;

    content: ',';

    color: #61728d;
}

.tags-links a:first-child {
    margin-left: 0;
}

.tags-links a:last-child:after {
    content: none;
}

.next-prev-page {
    font-size: 0;

    margin-top: 40px;
    padding: 20px 0;

    border-bottom: 3px solid #a94442;
}

.next-prev-page .item {
    display: inline-block;

    width: 50%;

    vertical-align: top;
}

.next-prev-page .item:nth-child(odd) {
    padding-right: 15px;
}

.next-prev-page .item:nth-child(even) {
    padding-left: 15px;
}

.blog-comment {
    margin-top: 80px;
}

.blog-comment > .title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;

    margin: 0 0 25px 0;

    text-transform: uppercase;

    color: #3a4d6a;
}

.blog-comment .comment-list {
    margin: 0;
    padding: 0;
}

.blog-comment .comment-list > li:not(:first-child) {
    margin-top: 20px;
    padding-top: 20px;

    border-top: 2px solid #f1f6fd;
}

.blog-comment .comment-list .children {
    margin-left: 70px;
    padding: 0;

    list-style: none;
}

.blog-comment .comment-list .children > li {
    margin-top: 20px;
    padding-top: 20px;

    border-top: 2px solid #f1f6fd;
}

.comment-item .comment-left {
    float: left;

    width: 55px;
    padding: 0;
}

.comment-item .comment-left .media-image {
    display: block;
}

.comment-item .comment-left .media-image img {
    width: 100%;
}

.comment-item .comment-right {
    padding-left: 70px;
}

.comment-item .meta {
    margin-bottom: 15px;
}

.comment-item p:last-child {
    margin-bottom: 0;
}

.comment-respond {
    margin-top: 80px;
}

.comment-respond > .title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;

    margin: 0 0 25px 0;

    text-transform: uppercase;

    color: #3a4d6a;
}

.blog-author {
    margin-top: 80px;

    text-align: left;
}

.blog-author .media-left {
    position: relative;
    z-index: 2;

    width: 100px;
    padding: 0;

    vertical-align: middle;
}

.blog-author .media-left .media-image {
    display: block;
}

.blog-author .media-left .media-image img {
    width: 100%;
}

.blog-author .media-right {
    position: relative;

    padding: 0 30px;

    text-align: left;
}

.blog-author .media-right .author {
    font-size: 18px;
    font-weight: 500;

    float: none;

    width: auto;
    margin-right: 0;

    color: #555555;
}

.blog-author .media-right .des {
    margin-top: 10px;
    margin-bottom: 0;
}

.list-style-icon {
    margin: 0;
    padding: 0;
}

.list-style-icon li {
    list-style: none;
}

.list-style-icon .icons {
    display: inline-block;

    width: 30px;

    text-align: left;
}

.list-style-icon .text {
    display: inline-block;

    margin: 0;
}

/*----------  24. Pricing Plan - Package  ----------*/

.package-content {
    position: relative;

    padding: 25px 30px 60px 30px;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    text-align: center;

    border-bottom: 4px solid #f9fbfc;
    background-color: #f9fbfc;
}

.package-content .title {
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: 700;

    margin-bottom: 30px;
    padding-bottom: 25px;

    text-transform: uppercase;

    color: #a94442;
    border-bottom: 1px solid #eaeced;
}

.package-content .description {
    font-family: 'Roboto', serif;
    font-size: 13px;

    margin-bottom: 35px;

    color: #61728d;
}

.package-content .price {
    font-family: 'Montserrat', sans-serif;
    font-size: 60px;

    text-transform: uppercase;

    color: #637085;
}

.package-content .unit {
    font-size: 60%;
}

.package-content .per {
    font-size: 12px;
}

.package-content .btn {
    position: absolute;
    bottom: 0;
    left: 50%;

    -webkit-transform: translate(-50%, 50%);
       -moz-transform: translate(-50%, 50%);
        -ms-transform: translate(-50%, 50%);
         -o-transform: translate(-50%, 50%);
            transform: translate(-50%, 50%);
}

.package-content:hover {
    border-bottom: 4px solid #a94442;
    box-shadow: 0 10px 30px 5px rgba(0, 0, 0, .1);
}

.package-content:hover .btn {
    color: #ffffff;
    border-color: #a94442;
    background-color: #a94442;
}

/*================================
======    END SHORT CODE    ======
=================================*/

/*======================================
=            Fixbug Browser            =
======================================*/

.firefox .banner-3 .big-title,
.mozilla11 .banner-3 .big-title,
.mozilla10 .banner-3 .big-title {
    background-image: none;
}

/*=====  End of Fixbug Browser  ======*/
/**
 * [Table of contents]
 *
 * [&. Content / #key]
 * [Let press Ctrl + f and type of paste the key, then press Enter to search the content ]
 *
 * Summary:
 *
 *  0. VARIABLE LESS
 *    - 0.1. Color
 *    - 0.2. Font
 *  1. GLOBAL STYLE
 *    - 1.1. Button
 *    - 1.2. Main title
 *    - 1.3. Star Rangting
 *    - 1.4. Dish
 *    - 1.5. Tab Menu
 *    - 1.6. Input
 *    - 1.7. Pagination
 *    - 1.8. Menu Order Item
 *    - 1.9. Banner
 *    - 1.10. Back To Top Button
 *  2. PAGE
 *    - 2.1. Homepage 1
 *    - 2.2. Homepage 2
 *    - 2.3. Homepage 3
 *    - 2.4. About us
 *    - 2.5. Reservation
 *    - 2.6. Menu grid
 *    - 2.7. Blog
 *    - 2.8. Blog Detail
 *    - 2.9. Contact
 *    - 2.10. 404
 *    - 2.11. Event
 *    - 2.12. Gallery isotope
 *  3. PLUGIN
 *    - 3.1. jQuery Plugin date picker
 *      
 */

/*----------  0.1. Color  ----------*/

/*----------  0.2. Social Color  ----------*/

/*----------  0.3. Font  ----------*/

/*================================
======      SOURCE TEMP     ======
=================================*/

/*----------  1. Spacing  ----------*/

/*----------  2. box  ----------*/

.title-temp {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.4;

    display: block;

    margin: 0 0 30px 0;
    padding-left: 15px;

    text-transform: uppercase;

    color: #ffb400;
}

.box {
    padding: 30px;

    background-color: #fafafa;
    box-shadow: 2px 2px 7px rgba(0, 0, 0, .1);
}

.yellow-box {
    padding: 30px;

    background-color: #ffb400;
    box-shadow: 2px 2px 7px rgba(0, 0, 0, .1);
}

.blue-box {
    padding: 30px;

    background-color: #1698dc;
    box-shadow: 2px 2px 7px rgba(0, 0, 0, .1);
}

.bg-blue {
    background-color: #213047;
}

.bg-blue .slide-block .slick-prev,
.bg-blue .slide-block .slick-next {
    background-color: rgba(255, 255, 255, .1);
}

.bg-blue .slide-block .slick-prev:hover,
.bg-blue .slide-block .slick-next:hover {
    background-color: rgba(255, 255, 255, .4);
}

.bg-blue .slide-block .slick-prev:hover:before,
.bg-blue .slide-block .slick-next:hover:before {
    color: #ffffff;
}

.bg-light-blue {
    background-color: #f4f8fe;
}

.no-bg-img {
    background-image: none !important;
}

.widget {
    margin-bottom: 50px;
}

/*================================
======      SOURCE TEMP     ======
=================================*/

/*========================================
=            Homepage Default            =
========================================*/

.default-service {
    position: relative;

    background-image: url('../images/background/city.jpg');
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
}

.default-service.no-img-bg {
    background-image: none;
}

.default-service .banner-1 {
    position: absolute;
    z-index: 1;
    top: 0;

    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);

    background-image: url('../images/background/banner-1.jpg');
    background-position: center;
    background-size: cover;
}

.image-gallery {
    position: relative;
}

.image-gallery.no-line:before {
    content: none;
}

.image-gallery .block-image-gallery .overlay-1:after {
    width: 40.1%;
}

.image-gallery .block-image-gallery .overlay-2:after {
    width: 60.1%;
}

.image-gallery:before {
    position: absolute;
    bottom: 0;
    left: 50%;

    width: 100%;
    max-width: 1140px;
    height: 4px;

    content: '';
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);

    background-color: #ffb400;
}

.image-gallery .container {
    position: relative;
}

.image-gallery .btn {
    position: absolute;
    right: 15px;
    bottom: -98px;
}

.heading-main {
    display: table;

    width: 100%;
    margin-bottom: 40px;
}

.header-left {
    display: table-cell;

    vertical-align: bottom;
}

.header-right {
    display: table-cell;

    text-align: right;
    vertical-align: bottom;
}

.how-we-work {
    position: relative;

    background-image: url('../images/background/brick-wall.jpg');
    background-position: bottom center;
    background-size: cover;
}

.how-we-work .side-img {
    position: absolute;
    bottom: 0;
    left: 62%;

    display: inline-block;

    width: 40%;
    max-width: 600px;
}

.why-choose-us {
    background-image: url('../images/background/why-choose-us.jpg');
    background-position: bottom center;
    background-size: cover;
}

.why-choose-us .block-content {
    position: relative;

    overflow: hidden;
}

.why-choose-us .block-content .title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;

    display: inline-block;

    margin: 0 0 20px 0;

    text-transform: uppercase;

    color: #3a4d6a;
}

.why-choose-us .block-content .description {
    display: block;

    margin-bottom: 25px;
}

.banner-2-default {
    width: 100%;
    padding: 120px 0;

    background-image: url('../images/background/banner-2.jpg');
    background-position: bottom center;
    background-size: cover;
}

.banner-2-default .btn.white-color:hover {
    color: #ffb400;
    border-color: #ffb400;
    background-color: #ffffff;
}

.testimonial-default {
    font-size: 0;

    background-image: url('../images/background/testimonial-2.jpg');
    background-position: center;
    background-size: cover;
}

.testimonial-default .testimonial-wrapper {
    display: inline-block;

    width: 40%;
}

.testimonial-default .logo-wrapper {
    display: inline-block;

    width: 50%;
    margin: 100px 5% 100px 5%;

    vertical-align: top;

    border-right: 2px solid rgba(255, 255, 255, .3);
    border-left: 2px solid rgba(255, 255, 255, .3);
}

.testimonial-default .logo-wrapper .list-logo {
    padding: 0 30px;
}

.contact-default {
    position: relative;

    height: 410px;

    background-image: url('../images/background/contact.jpg');
    background-position: bottom center;
    background-size: cover;
}

.contact-default .list-contact-info {
    position: absolute;
    bottom: -40px;
    left: 50%;

    width: 100%;
    max-width: 830px;

    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);

    background-image: url('../images/background/ruler.jpg');
    background-position: center;
    background-size: cover;
    box-shadow: 0 0 100px 10px rgba(0, 0, 0, .5);
}

/*=====  End of Homepage Default  ======*/

/*==================================
=            Homepage 2            =
==================================*/

.homepage-1-banner .banner-title {
    position: relative;
    z-index: 4;

    display: table-cell;

    vertical-align: middle;
}

.homepage-1-banner .banner-title .title {
    font-family: 'Montserrat', sans-serif;
    font-size: 60px;
    font-weight: 700;

    margin: 0;
    margin-bottom: 10px;

    text-transform: uppercase;

    color: #ffffff;
}

.homepage-1-banner .banner-title .subtitle {
    font-family: 'Montserrat', sans-serif;
    font-size: 23px;
    font-weight: 700;

    margin: 0;

    letter-spacing: 5px;
    text-transform: uppercase;

    color: #ffb400;
}

.homepage-1-banner .rectangle {
    position: absolute;
    z-index: 3;
    top: 35%;
    left: 8%;

    width: 530px;
    height: 230px;

    border: 4px solid rgba(255, 255, 255, .2);
}

.homepage-1-banner .banner-video-wrapper {
    position: absolute;
    z-index: 5;
    top: 60%;
    left: 46%;

    width: 400px;
}

.homepage-1-banner .block-video:before {
    padding-top: 59%;
}

.homepage-1-banner .block-video .btn-play-1 {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;

    cursor: pointer;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.video-modal .modal-content {
    height: 440px;
}

.video-modal .modal-dialog {
    margin: 80px auto;
}

.video-modal .modal-body {
    width: 100%;
    height: 100%;
    padding: 0;
}

.video-modal .btn-close-1 {
    position: absolute;
    z-index: 6;
    top: 35px;
    right: 15px;

    cursor: pointer;
}

.video-modal .video-embed-1 {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
         -o-transition: all .5s ease;
            transition: all .5s ease;

    border: none;
}

.we-are {
    position: relative;

    background-image: url('../images/background/we-are.jpg');
    background-position: bottom center;
    background-size: cover;
}

.we-are .container {
    position: relative;
}

.we-are .main-title .subtitle {
    font-weight: 500;

    padding-bottom: 5px;
}

.we-are .block-content {
    overflow: hidden;
}

.we-are .block-content .title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;

    display: inline-block;

    margin: 0 0 20px 0;

    text-transform: uppercase;

    color: #3a4d6a;
}

.we-are .block-content .description {
    display: block;

    margin-bottom: 25px;
}

.we-are .block-content .description:last-child {
    margin-bottom: 0;
}

.we-are .img-full {
    position: absolute;
    top: 50%;
    left: calc(50% + 30px);

    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}

.we-are .side-img {
    position: absolute;
    bottom: -100px;
    left: calc(50% + 100px);
}

.what-we-do {
    background-image: url('../images/background/what-we-do.jpg');
    background-position: bottom center;
    background-size: cover;
}

.what-we-do .slider-vertical-wrapper .slider-for-wrapper .item-wrapper .img-wrapper:before {
    padding-top: 66.92%;
}

.how-we-work-1 {
    padding-top: 350px;
    padding-bottom: 200px;

    background-image: url('../images/background/how-we-work-1.jpg');
    background-position: bottom center;
    background-size: cover;
}

.how-we-work-1 .content-wrapper {
    padding: 50px 0;

    background-image: url('../images/background/ruler-1.jpg');
    background-position: bottom center;
    background-size: cover;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2);
}

.how-we-work-1 .list-block-icon-1 {
    left: 50%;

    display: inline-block;

    width: 100%;
    max-width: 770px;
    margin: 0;

    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
}

.how-we-work-1 .list-block-icon-1 .slick-list {
    padding: 0;
}

.how-we-work-1 .list-block-icon-1 .item {
    margin-top: 0;
}

.how-we-work-1 .block-icon-1:hover {
    box-shadow: none;
}

.recent-news {
    position: relative;

    background-image: url('../images/background/city.jpg');
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
}

.recent-news .slide-block {
    margin-bottom: -25px;
}

/*=====  End of Homepage 2  ======*/

/*==================================
=            Homepage 3            =
==================================*/

.homepage-2-banner {
    position: relative;

    width: 100%;
    height: 800px;

    background-image: url('../images/background/brick-wall.jpg');
    background-position: center;
    background-size: cover;
}

.homepage-2-banner .container {
    display: table;

    height: 100%;
}

.homepage-2-banner .banner-item-wrapper {
    display: table-cell;

    padding: 0 70px;
    padding-top: 324px;

    vertical-align: middle;
}

.homepage-2-banner .banner-item {
    position: relative;
    z-index: 3;

    padding: 60px 20px;

    text-align: center;

    background-image: url('../images/background/banner-item.jpg');
    background-position: bottom center;
    background-size: cover;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .4);
}

.homepage-2-banner .subtitle {
    font-family: 'Montserrat', sans-serif;
    font-size: 23px;
    font-weight: 700;

    margin: 0;
    margin-bottom: 10px;

    text-transform: uppercase;

    color: #ffb400;
}

.homepage-2-banner .title {
    font-family: 'Montserrat', sans-serif;
    font-size: 60px;
    font-weight: 700;

    margin: 0;
    margin-bottom: 10px;

    text-transform: uppercase;

    color: #3a4d6a;
}

.homepage-2-banner .description {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 400;

    margin: 0;

    text-transform: uppercase;

    color: #61728d;
}

.homepage-2-banner .btn {
    position: absolute;
    right: 0;
    bottom: 0;
}

.homepage-2-banner .rectangle {
    position: absolute;
    z-index: 1;
    top: 37.5%;
    left: 6%;

    width: 830px;
    height: 530px;

    border: 4px solid #ffb400;
}

.homepage-2-banner .banner-img-wrapper {
    position: absolute;
    z-index: 2;
    bottom: -172px;
    left: 50%;

    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
}

.fact {
    padding: 75px 0;
}

.testimonial-homepage-2 {
    font-size: 0;

    background-image: url('../images/background/testimonial.jpg');
    background-attachment: fixed;
    background-position: bottom center;
    background-size: cover;
}

.testimonial-homepage-2 .testimonial-wrapper {
    display: inline-block;

    width: 40%;
}

.testimonial-homepage-2 .testimonial-1 .testimonial-content .icons {
    color: #3a4d6a;
}

.testimonial-homepage-2 .testimonial-1 .testimonial-content .name {
    color: #ffffff;
}

.testimonial-homepage-2 .testimonial-1 .testimonial-content .position {
    font-weight: 500;

    color: #3a4d6a;
}

.testimonial-homepage-2 .testimonial-1 .testimonial-content .testimonial {
    color: #ffffff;
}

.testimonial-homepage-2 .list-testimonial-1 .slick-dots li button:before {
    color: #f7e6be;
}

.testimonial-homepage-2 .logo-wrapper {
    display: inline-block;

    width: 50%;
    margin: 100px 5% 100px 5%;

    vertical-align: top;

    border-right: 2px solid rgba(255, 255, 255, .5);
    border-left: 2px solid rgba(255, 255, 255, .5);
}

.testimonial-homepage-2 .logo-wrapper .list-logo {
    padding: 0 30px;
}

/*=====  End of Homepage 3  ======*/

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

.banner-about {
    background-image: url('../images/background/slider-banner-2.jpg');
}

.accordion {
    background-image: url('../images/background/brick-wall-1.jpg');
    background-position: bottom center;
    background-size: cover;
}

.accordion .title {
    font-family: 'Montserrat', sans-serif;
    font-size: 26px;
    font-weight: 700;

    position: relative;

    margin: 0;
    margin-bottom: 50px;
    padding-left: 15px;

    text-transform: uppercase;

    color: #3a4d6a;
}

.accordion .title:before {
    position: absolute;
    top: 0;
    left: 0;

    width: 4px;
    height: 100%;

    content: '';

    background-color: #ffb400;
}

.team {
    background-image: url('../images/background/team.jpg');
    background-position: bottom center;
    background-size: cover;
}

.testimonial-about {
    font-size: 0;

    background-image: url('../images/background/testimonial-1.jpg');
    background-position: bottom center;
    background-size: cover;
}

.testimonial-about .testimonial-wrapper {
    display: inline-block;

    width: 40%;
}

.testimonial-about .testimonial-1 .testimonial-content .testimonial {
    color: #61728d;
}

.testimonial-about .logo-wrapper {
    display: inline-block;

    width: 50%;
    margin: 100px 5% 100px 5%;

    vertical-align: top;

    border-right: 2px solid rgba(0, 0, 0, .05);
    border-left: 2px solid rgba(0, 0, 0, .05);
}

.testimonial-about .logo-wrapper .list-logo {
    padding: 0 30px;
}

/*=====  End of Page About  ======*/

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

.banner-services {
    background-image: url('../images/background/slider-banner-3.jpg');
}

.list-block-services {
    background-image: url('../images/background/city-1.jpg');
    background-position: bottom center;
    background-size: cover;
}

.download-header {
    margin-bottom: 40px;
}

.download {
    background-image: url('../images/background/download.jpg');
    background-attachment: fixed;
    background-position: bottom center;
    background-size: cover;
}

.download .title {
    font-family: 'Montserrat', sans-serif;
    font-size: 53px;
    font-weight: 700;

    margin: 0;
    margin-bottom: 10px;

    text-transform: uppercase;

    color: #ffffff;
}

.download .subtitle {
    font-family: 'Montserrat', sans-serif;
    font-size: 23px;
    font-weight: 400;

    margin: 0;

    text-transform: capitalize;

    color: #ffffff;
}

.download .fa-file-pdf-o {
    color: #ff3c00;
}

.download .fa-file-text-o {
    color: #0c1bda;
}

.download .fa-file-powerpoint-o {
    color: #fd6f06;
}

/*=====  End of Page Services  =======*/

/*===========================================
=            Page Service Detail            =
===========================================*/

.banner-service-detail {
    background-image: url('../images/background/slider-banner-3.jpg');
}

.service-detail .slider-syncing-wrapper {
    margin-bottom: 45px;
}

.service-detail .slider-wrapper .main-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 700;

    margin: 0;
    margin-bottom: 40px;

    text-transform: uppercase;

    color: #3a4d6a;
}

.detail-content {
    margin-bottom: 50px;
}

.detail-content:last-child {
    margin-bottom: 0;
}

.detail-content .title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;

    margin: 0;
    margin-bottom: 20px;

    text-transform: uppercase;

    color: #3a4d6a;
}

.detail-content p {
    font-size: 14px;

    margin-bottom: 25px;

    color: #61728d;
}

.detail-content p:last-child {
    margin-bottom: 0;
}

.detail-content > ul {
    padding: 0;

    list-style: none;
}

.detail-content > ul li {
    position: relative;

    padding-left: 30px;
}

.detail-content > ul li:before {
    font-family: 'FontAwesome';
    font-size: 14px;

    position: absolute;
    left: 0;

    content: '\f00c';

    color: #b7c6cf;
}

.project-slide .block-image-gallery .content .title {
    font-size: 15px;
    font-weight: 400;

    padding: 0;

    text-transform: capitalize;
}

.project-slide .block-image-gallery .content .title:before {
    content: none;
}

.download-widget .btn-has-icon {
    width: 100%;
    margin-bottom: 20px;
}

.download-widget .btn-has-icon:last-child {
    margin-bottom: 0;
}

.contact-us-now-widget .contact-info-box {
    margin-bottom: 30px;
}

.contact-us-now-widget .contact-info-box:last-child {
    margin-bottom: 0;
}

/*=====  End of Page Service Detail  ======*/

/*=====================================
=            Page Projects            =
====================================*/

.banner-projects {
    background-image: url('../images/background/banner-projects.jpg');
}

.unconstruction {
    background-image: url('../images/background/city-2.jpg');
    background-position: bottom center;
    background-size: cover;
}

/*=====  End of Page Projects  =======*/

/*===========================================
=            Page Project Detail            =
===========================================*/

.project-detail .slider-syncing-wrapper {
    margin-bottom: 50px;
}

.related-projects {
    background-image: url('../images/background/city-1.jpg');
    background-position: bottom center;
    background-size: cover;
}

/*=====  End of Page Project Detail  ======*/

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

.banner-team {
    background-image: url('../images/background/banner-team.jpg');
}

.list-team {
    background-image: url('../images/background/list-team.jpg');
    background-position: top center;
    background-size: cover;
}

/*=====  End of Page Team  ======*/

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

.banner-team-member {
    background-image: url('../images/background/banner-team.jpg');
}

.team-member {
    background-image: url('../images/background/list-team-1.jpg');
    background-position: bottom center;
    background-size: cover;
}

.content-team-member .heading-main {
    margin-bottom: 5px;
}

.content-team-member .paragraph {
    margin-bottom: 70px;
}

.content-team-member .paragraph:last-child {
    margin-bottom: 0;
}

.detail-contact-info .position {
    font-style: italic;

    margin: 0;

    color: #ffb400;
}

.detail-contact-info .lists {
    margin-bottom: 45px;
}

.detail-contact-info .contact-list {
    display: inline-block;
}

.detail-contact-info .contact-list .item {
    line-height: 1;

    position: relative;

    display: inline-block;

    padding: 0 0 0 40px;
}

.detail-contact-info .contact-list .item:first-child {
    padding: 0;
}

.detail-contact-info .contact-list .item + .item:before {
    position: absolute;
    top: 0;
    left: 20px;

    width: 1px;
    height: 12px;

    content: '';

    background-color: #e0e0e0;
}

.detail-contact-info .contact-list .item .icons {
    color: #3a4d6a;
}

.detail-contact-info .contact-list .text {
    display: inline-block;

    margin: 0 0 0 10px;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;

    color: #38a3e0;
}

.detail-contact-info .contact-list .text:hover {
    color: #ffb400;
}

.detail-contact-info .contact-list .text.text-bold {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;

    color: #ffb400;
}

.detail-contact-info .contact-list .text.text-bold:hover {
    color: #38a3e0;
}

.detail-contact-info .social-list {
    display: inline-block;

    margin-left: 50px;
}

.detail-contact-info .social-list .item {
    display: inline-block;

    margin: 0 8px;
    padding: 0;

    text-align: center;
}

.detail-contact-info .social-list .item:first-child {
    margin-left: 0;
}

.detail-contact-info .social-list .item:last-child {
    margin-right: 0;
}

.detail-contact-info .social-list .item .icons {
    font-size: 15px;
    line-height: 36px;

    width: 36px;
    height: 36px;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;

    color: #3a4d6a;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    background-color: #f1f1f1;
}

.detail-contact-info .social-list .item:hover .fa-facebook {
    color: #365899;
}

.detail-contact-info .social-list .item:hover .fa-twitter {
    color: #1da1f2;
}

.detail-contact-info .social-list .item:hover .fa-google-plus {
    color: #d73d32;
}

.list-certifications {
	font-size: 0;
}

.list-certifications .item {
    margin: -7px;
}

.list-certifications .slick-dots li {
    margin: 0;
}

.list-certifications .slick-dots li button:before {
    font-size: 12px;
    line-height: 30px;

    color: #afcdf7;
}

.certification {
    font-size: 50px;
    line-height: 50px;

    display: inline-block;

    width: 29.5%;
    margin: 7px;
    padding: 15px;

    text-align: center;

    color: #ec5f5f;
    border: 2px solid #eeeeee;
    background-color: #f3f7f9;
}

/*=====  End of Page Team Member  ======*/

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

.banner-blog {
    background-image: url('../images/background/slider-banner-3.jpg');
}

/*=====  End of Page Blog  ======*/

/*========================================
=            Page Blog Detail            =
========================================*/

.banner-blog-detail {
    background-image: url('../images/background/slider-banner-3.jpg');
}

/*=====  End of Page Blog Detail  ======*/

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

.main-contact {
    position: relative;

    height: 580px;

    background-image: url('../images/background/main-contact.jpg');
    background-position: center;
    background-size: cover;
}

.main-contact .list-contact-info {
    position: absolute;
    bottom: 60px;
    left: 50%;

    width: 100%;
    max-width: 830px;

    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);

    background-image: url('../images/background/ruler.jpg');
    background-position: center;
    background-size: cover;
    box-shadow: 0 0 100px 10px rgba(0, 0, 0, .5);
}

/*=====  End of Page Contact  ======*/

/*=======================================
=            Gallery Masonry            =
=======================================*/

.banner-gallery-masonry {
    background-image: url('../images/background/banner-gallery-masonry.jpg');
}

.banner-bottom .banner-1 {
    position: absolute;
    z-index: 1;

    -webkit-transform: translateY(50%);
       -moz-transform: translateY(50%);
        -ms-transform: translateY(50%);
         -o-transform: translateY(50%);
            transform: translateY(50%);

    background-image: url('../images/background/banner-1.jpg');
    background-position: center;
    background-size: cover;
}

.banner-bottom.reverse .banner-1 {
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}

/*=====  End of Gallery Masonry  ======*/

/*=====================================
=            Gallery 3 Col            =
=====================================*/

.banner-gallery-3col {
    background-image: url('../images/background/banner-gallery-masonry.jpg');
}

/*=====  End of Gallery 3 Col  ======*/

/*=========================================
=            Gallery Variation            =
=========================================*/

.banner-gallery-variation {
    background-image: url('../images/background/banner-gallery-masonry.jpg');
}

/*=====  End of Gallery Variation  ======*/

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

.page-wrapper {
    height: 100vh;
}

.page-wrapper .container {
    display: table;

    height: 100%;
}

.page-wrapper .header-main {
    margin-bottom: 30px;

    background: transparent;
}

.page-wrapper .content-wrapper {
    display: table-cell;

    width: 100%;

    vertical-align: middle;
}

.page-coming-soon {
    background-image: url('../images/background/coming-soon.jpg');
    background-position: bottom center;
    background-size: cover;
}

.page-coming-soon .title-wrapper {
    position: relative;

    float: right;

    padding-left: 20px;
}

.page-coming-soon .title-wrapper:before {
    position: absolute;
    top: 0;
    left: 0;

    width: 5px;
    height: 60px;

    content: '';

    background-color: #dadada;
}

.page-coming-soon .title-wrapper .title {
    font-family: 'Montserrat', sans-serif;
    font-size: 46px;
    font-weight: 700;
    line-height: 60px;

    margin: 0;

    text-transform: uppercase;

    color: #3a4d6a;
}

.page-coming-soon .main-content {
    display: table;

    width: 100%;

    background-color: #ffb400;

    mix-blend-mode: multiply;
}

.page-coming-soon .content-left {
    display: table-cell;

    width: 25%;
    padding: 0 100px 0 50px;

    vertical-align: top;
    letter-spacing: 3px;
}

.page-coming-soon .description {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 35px;

    color: #ffffff;
}

.page-coming-soon .content-right {
    display: table-cell;

    width: auto;
    padding-right: 300px;
}

.page-coming-soon .coming-soon {
    font-size: 0;

    margin-bottom: 20px;
    padding: 0;
}

.page-coming-soon .form-control {
    padding: 0;

    border-color: rgba(255, 255, 255, .3);
}

.page-coming-soon .form-control:focus {
    border-bottom: 2px solid #f1f6fd;
}

.page-coming-soon .input-wrapper {
    display: inline-block;

    width: 50%;
}

.page-coming-soon .btn-wrapper {
    display: inline-block;

    width: 100%;
}

.page-coming-soon .btn-wrapper .btn {
    padding: 0 20px;

    color: #213047;
    border-color: #ffffff;
    background: #ffffff;
}

.page-coming-soon .btn-wrapper .btn:hover {
    color: #ffffff;
    border-color: #ffffff;
    background: transparent;
}

/*=====  End of Page Coming Soon  ======*/

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

.content-wrapper-404 {
    position: relative;

    text-align: center;
}

.content-wrapper-404 .title {
    font-family: 'Montserrat', sans-serif;
    font-size: 60px;
    font-weight: 700;
    line-height: 1.3;

    margin: 0;

    letter-spacing: 2px;
    text-transform: uppercase;

    color: #2c3645;
}

.content-wrapper-404 .subtitle {
    font-size: 24px;

    margin: 0;

    text-transform: capitalize;

    color: #2c3645;
}

.content-wrapper-404 .group-btn {
    margin-top: 30px;
}

.content-wrapper-404 .group-btn .btn {
    width: 180px;

    text-align: center;
}

.content-wrapper-404 .img-404 {
    position: relative;
    z-index: 2;

    width: 60%;
    max-width: 900px;
    margin: 0 auto;
    margin-top: 5%;
}

.content-wrapper-404 .img-construction {
    position: absolute;
    z-index: 5;
    right: 10%;
    bottom: 0;

    width: 22%;
    max-width: 350px;
}

.content-wrapper-404 .img-people {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: -1%;

    width: 35%;
    max-width: 550px;
}

@-webkit-keyframes animationTin {
    0%,
    30%,
    40%,
    50%,
    60% {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    0% {
        -webkit-transform: translate3d(0, 3000px, 0);
                transform: translate3d(0, 3000px, 0);

        opacity: 0;
    }
    30% {
        -webkit-transform: translate3d(0, -20px, 0);
                transform: translate3d(0, -20px, 0);

        opacity: 1;
    }
    45% {
        -webkit-transform: translate3d(0, 10px, 0);
                transform: translate3d(0, 10px, 0);
    }
    50% {
        -webkit-transform: translate3d(0, -5px, 0);
                transform: translate3d(0, -5px, 0);
    }
    60% {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
    61% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
                transform: rotate3d(0, 0, 1, 15deg);
    }
    70% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
                transform: rotate3d(0, 0, 1, -10deg);
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
                transform: rotate3d(0, 0, 1, 5deg);
    }
    90% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
                transform: rotate3d(0, 0, 1, -5deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
                transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes animationTin {
    0%,
    30%,
    40%,
    50%,
    60% {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
                animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    0% {
        -webkit-transform: translate3d(0, 3000px, 0);
                transform: translate3d(0, 3000px, 0);

        opacity: 0;
    }
    30% {
        -webkit-transform: translate3d(0, -20px, 0);
                transform: translate3d(0, -20px, 0);

        opacity: 1;
    }
    45% {
        -webkit-transform: translate3d(0, 10px, 0);
                transform: translate3d(0, 10px, 0);
    }
    50% {
        -webkit-transform: translate3d(0, -5px, 0);
                transform: translate3d(0, -5px, 0);
    }
    60% {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
                transform: rotate3d(0, 0, 1, 15deg);
    }
    70% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
                transform: rotate3d(0, 0, 1, -10deg);
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
                transform: rotate3d(0, 0, 1, 5deg);
    }
    90% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
                transform: rotate3d(0, 0, 1, -5deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
                transform: rotate3d(0, 0, 1, 0deg);
    }
}

.animationTin {
    -webkit-animation-name: animationTin;
            animation-name: animationTin;
}

/*=====  End of Page 404  ======*/

/*=========================================
=            Homepage Cleaning            =
=========================================*/

.homepage-cleaning-banner.slide-banner-1 {
    height: 650px;
}

.homepage-cleaning-banner .slide-banner-1-item {
    height: 650px;
}

.homepage-cleaning-banner .slide-banner-1-item .img-bg {
    height: auto;
}

.homepage-cleaning-banner .slide-banner-1-item-wrapper {
    max-width: 830px;
    margin: 0 auto;
    padding: 0;

    text-align: center;

    border: none;
    background: transparent;
}

.homepage-cleaning-banner .slide-banner-1-item-wrapper .subtitle {
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    font-weight: 700;
    font-style: normal;

    margin: 0;

    text-transform: uppercase;

    color: #ffb400;
}

.homepage-cleaning-banner .slide-banner-1-item-wrapper .title {
    font-size: 60px;
    line-height: 1.3;

    margin: 0;
    padding: 0;
}

.homepage-cleaning-banner .slide-banner-1-item-wrapper .title:before {
    content: none;
}

.homepage-cleaning-banner .slide-banner-1-item-wrapper .description {
    font-size: 16px;

    margin-bottom: 40px;
    padding: 0 60px;

    color: rgba(255, 255, 255, .7);
}

.homepage-cleaning-banner .slide-banner-1-item-wrapper .group-btn .btn {
    margin-left: 10px;
}

.homepage-cleaning-banner .slide-banner-1-item-wrapper .group-btn .btn:first-child {
    margin-left: 0;
}

.homepage-cleaning-banner .slide-banner-1-item-wrapper .btn {
    position: relative;

    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
}

.cleaning-services-block {
    height: 440px;
}

.cleaning-services-block .list-services {
    -webkit-transform: translateY(-50px);
       -moz-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
         -o-transform: translateY(-50px);
            transform: translateY(-50px);
}

.cleaning-services-block .list-services-wrapper {
    position: relative;
}

.cleaning-services {
    background-color: #f8fbff;
}

.cleaning-services .detail-content > ul li {
    font-size: 15px;
    font-weight: 500;

    margin-bottom: 20px;

    color: #3a4d6a;
}

.cleaning-banner {
    position: relative;

    background-image: url('../images/background/banner-4.jpg');
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}

.cleaning-banner .side-img {
    position: absolute;
    bottom: 0;
    left: calc(53% + 100px);

    height: 115%;
}

.cleaning-recent-news .block-2 .block-image:before {
    padding-top: 74%;
}

.cleaning-recent-news .block-2 .block-content .title {
    padding-left: 0;
}

.cleaning-recent-news .block-2 .block-content .title:before {
    content: none;
}

.testimonial-homepage-cleaning {
    font-size: 0;

    background-image: url('../images/background/testimonial-3.jpg');
    background-attachment: fixed;
    background-position: bottom center;
    background-size: cover;
}

.testimonial-homepage-cleaning .testimonial-wrapper {
    display: inline-block;

    width: 40%;
}

.testimonial-homepage-cleaning .testimonial-1 .testimonial-content .icons {
    color: #3a4d6a;
}

.testimonial-homepage-cleaning .testimonial-1 .testimonial-content .name {
    color: #ffffff;
}

.testimonial-homepage-cleaning .testimonial-1 .testimonial-content .position {
    font-weight: 500;

    color: #ffb400;
}

.testimonial-homepage-cleaning .testimonial-1 .testimonial-content .testimonial {
    color: #ffffff;
}

.testimonial-homepage-cleaning .list-testimonial-1 .slick-dots li button:before {
    color: #f7e6be;
}

.testimonial-homepage-cleaning .logo-wrapper {
    display: inline-block;

    width: 50%;
    margin: 100px 5% 100px 5%;

    vertical-align: top;

    border-right: 2px solid rgba(255, 255, 255, .2);
    border-left: 2px solid rgba(255, 255, 255, .2);
}

.testimonial-homepage-cleaning .logo-wrapper .list-logo {
    padding: 0 30px;
}

.testimonial-homepage-cleaning .banner-bottom .banner-1 {
    background-image: none;
}

/*=====  End of Homepage Cleaning  ======*/

/*=========================================
=            Homepage Plumbing            =
=========================================*/

.homepage-plumbing-banner .slide-banner-1-item-wrapper {
    max-width: 830px;
    margin: 0 auto;
    padding: 0;

    text-align: center;

    border: none;
    background: transparent;
}

.homepage-plumbing-banner .slide-banner-1-item-wrapper .subtitle {
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    font-weight: 700;
    font-style: normal;

    margin: 0;

    text-transform: uppercase;

    color: #ffb400;
}

.homepage-plumbing-banner .slide-banner-1-item-wrapper .title {
    font-size: 60px;
    line-height: 1.3;

    margin: 0;
    padding: 0;
}

.homepage-plumbing-banner .slide-banner-1-item-wrapper .title:before {
    content: none;
}

.homepage-plumbing-banner .slide-banner-1-item-wrapper .description {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;

    margin-bottom: 40px;
    padding: 0 60px;

    color: rgba(255, 255, 255, .7);
}

.homepage-plumbing-banner .slide-banner-1-item-wrapper .group-btn .btn {
    margin-left: 10px;
}

.homepage-plumbing-banner .slide-banner-1-item-wrapper .group-btn .btn:first-child {
    margin-left: 0;
}

.homepage-plumbing-banner .slide-banner-1-item-wrapper .btn {
    position: relative;

    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
}

.plumbing-services .list-block-service {
    font-size: 0;

    margin-bottom: -50px;

    -webkit-transform: translateY(-50px);
       -moz-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
         -o-transform: translateY(-50px);
            transform: translateY(-50px);
}

.plumbing-services .list-block-service .item {
    display: inline-block;

    width: 25%;

    vertical-align: top;
}

.plumbing-services .list-block-service .item:nth-child(odd) .block-service:before {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';

    background-color: rgba(255, 255, 255, .1);
}

.plumbing-gallery .gallery-image-grid {
    margin: 30px 0 0 0;
}

.plumbing-gallery .gallery-image-grid .grid-item {
    padding: 0;
}

.plumbing-gallery .gallery-image-grid .grid-item-width-2 .block-image-gallery:before {
    padding-top: 70%;
}

.plumbing-gallery .block-1 .block-image {
    background-color: transparent;
    background-image: url('../images/background/loading.jpg');
    background-position: center;
    background-size: contain;
}

.plumbing-gallery .block-1 .block-image:before {
    padding-top: 70%;
}

.plumbing-gallery .block-1 .block-image .link {
    position: relative;
}

.plumbing-gallery .gallery-images-nested {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    margin-bottom: 0!important;
}

.plumbing-gallery .gallery-images-nested .bg-overlay {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, .7) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);
}

.plumbing-gallery .gallery-images-nested .slick-prev,
.plumbing-gallery .gallery-images-nested .slick-next {
    z-index: 2;

    width: 30px;
    height: 30px;

    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    text-align: center;

    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    background-color: #f8fbff;
}

.plumbing-gallery .gallery-images-nested .slick-prev:before,
.plumbing-gallery .gallery-images-nested .slick-next:before {
    font-family: FontAwesome;
    line-height: 30px;

    opacity: 1;
    color: #61728d;
}

.plumbing-gallery .gallery-images-nested .slick-prev:hover,
.plumbing-gallery .gallery-images-nested .slick-next:hover {
    background-color: #ffffff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.plumbing-gallery .gallery-images-nested .slick-prev {
    left: 10px;
}

.plumbing-gallery .gallery-images-nested .slick-prev:before {
    content: '\f104';
}

.plumbing-gallery .gallery-images-nested .slick-next {
    right: 10px;
}

.plumbing-gallery .gallery-images-nested .slick-next:before {
    content: '\f105';
}

.plumbing-gallery .gallery-images-nested .content {
    bottom: 0;
}

.plumbing-fact {
    padding: 75px 0;

    background-color: #ffb400;
}

.plumbing-fact .count-number .number:before {
    background-color: #ffffff;
}

.plumbing-fact .count-number .name {
    color: #3a4d6a;
}

.recent-news-testimonial {
    background-color: #f9fafb;
}

.recent-news-testimonial .block-2 .block-image:before {
    padding-top: 74%;
}

.recent-news-testimonial .testimonial-wrapper {
    margin-bottom: 40px;
}

.recent-news-testimonial .list-logo .item img {
    background-color: #ffffff;
}

.plumbing-banner-2 {
    background-color: #ffb400;
}

/*=====  End of Homepage Plumbing  ======*/

/*=====  詢問車  ======*/

.wishlist-area {} .wishlist-content {} .wishlist-title {} .wishlist-title h2 {} .wishlist-table {} .wishlist-table table {
    background: #fff none repeat scroll 0 0;
    border-color: #e8e8e9;
    border-radius: 0;
    border-style: solid;
    border-width: 1px 0 0 1px;
    margin: 20px 0 50px;
    width: 100%;
}
.wishlist-table table {} .wishlist-table table th {
    font-weight: 600;
}
.wishlist-table table th,
.wishlist-table table td {
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    font-size: 14px;
    padding: 15px 10px;
    text-align: center;
    color: #777;
}
.wishlist-table table .product-remove {
    padding: 0 15px;
    width: 20px;
}
.wishlist-table table .product-remove > a {
    font-size: 25px;
}
.wishlist-table table .product-thumbnail {
    width: 150px;
}
.wishlist-table table td.product-price .amount {
    font-weight: 700;
}
.wishlist-table table .wishlist-in-stock {
    color: #ec4445;
}
.wishlist-table table .product-add-to-cart > a {
    background: #000 none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-weight: 700;
    padding: 10px 56px;
    text-transform: uppercase;
    width: 260px;
}
.wishlist-table table .product-add-to-cart > a:hover {
    background: #EC4445
}
.wishlist-table table .product-add-to-cart {
    width: 240px;
}
.wishlist-table table .wishlist-table table .wishlist-share {} h3.wishlist-share-title {} .wishlist-share {
    margin-bottom: 35px;
    margin-top: 20px;
}
.single-product:hover .actions a {
    transform: translateY(0px);
}
/*single product page extra code*/

.cart-plus-minus {
    display: inline-block;
}
.cart-quantity {
    display: inline-block;
    float: left;
}
.cart-plus-minus {
    position: relative;
    width: 100px;
}
.cart-plus-minus-box {
    border: 2px solid #f2f2f2;
    border-radius: 30px;
    height: 40px;
    text-align: center;
    width: 100%;
}
.qtybutton {
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 5px;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
}
.inc.qtybutton {} .dec.qtybutton {
    left: 5px;
    right: auto;
}
.cart-quantity {
    padding-top: 5px;
}
.add-to-box-cart .add-to-cart {
    margin-bottom: 25px;
    margin-top: 20px;
    overflow: hidden;
}
.single-product-action a {
    border: 2px solid #f2f2f2;
    border-radius: 50%;
    color: #999999;
    display: inline-block;
    height: 40px;
    line-height: 37px;
    margin-right: 5px;
    padding: 0;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 40px;
}
.single-product-action a:hover {
    border: 2px solid #F45C5D;
    color: #F45C5D;
}
/*=====  詢問車 end ======*/

/**
 * [Table of contents]
 *
 * [&. Content / #key]
 * [Let press Ctrl + f and type of paste the key, then press Enter to search the content ]
 *
 * Summary:
 *
 *  0. VARIABLE LESS
 *    - 0.1. Color
 *  1. RESPONSIVE SCREEN
 *    - 1.0. Media screen min width 1600px
 *    - 1.1. Media screen max width 1024px
 *    - 1.2. Media screen max width 768px
 *    - 1.3. Media screen max width 767px
 *    - 1.4. Media screen max width 600px
 *    - 1.5. Media screen max width 480px
 *    - 1.6. Media screen max width 414px
 *    - 1.7. Media screen max width 380px
 *    - 1.8. Media screen max width 320px
 */

/*=====================================
=            VARIABLE LESS            =
=====================================*/

/*----------  0.1. Color  ----------*/

/*----------  0.2. Social Color  ----------*/

/*----------  0.3. Font  ----------*/

/*----------  0.1. Color  ----------*/

/*=====  End of VARIABLE LESS  ======*/

/*=========================================
=            RESPONSIVE SCREEN            =
=========================================*/

/*----------  1.0. Media screen min width 1600px  ----------*/

@media screen and (min-width: 1600px) {
    /*===============================
	=            Spacing            =
	===============================*/

    .padding-top-100 {
        padding-top: 120px;
    }
    .padding-bottom-100 {
        padding-bottom: 120px;
    }
    /*=====  End of Spacing  ======*/

    /*=============================
	=            Index            =
	=============================*/

    .contact-default {
        background-position: center bottom 200px;
    }
    .how-we-work .side-img {
        left: 57%;

        width: 40%;
        max-width: none;
    }
    /*=====  End of Index  ======*/

    /*==================================
	=            Homepage 2            =
	==================================*/

    .homepage-1-banner .rectangle {
        left: 24.7%;
    }
    /*=====  End of Homepage 2  ======*/

    /*==================================
	=            Homepage 3            =
	==================================*/

    .homepage-2-banner .rectangle {
        left: 18.75%;
    }
    /*=====  End of Homepage 3  ======*/

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

    .page-wrapper .header-main {
        margin-bottom: 50px;
    }
    .page-wrapper .title-wrapper .title {
        font-size: 43px;
    }
    .page-wrapper .coming-soon {
        margin-bottom: 60px;
    }
    .page-wrapper .content-right {
        padding-right: 200px;
    }
    /*=====  End of Page Coming Soon  ======*/

    /*===========================
	=            404            =
	===========================*/

    .content-wrapper-404 .img-404 {
        margin-top: 8%;
    }
    .content-wrapper-404 .img-construction {
        bottom: 7%;
    }
    .content-wrapper-404 .img-people {
        left: -9%;

        width: 45%;
    }
    /*=====  End of 404  ======*/

    /*=========================================
	=            Homepage Plumbing            =
	=========================================*/

    .we-are .side-img {
        bottom: -120px;
    }
    /*=====  End of Homepage Plumbing  ======*/
}

/*----------  1.1. Media screen max width 1024px  ----------*/

@media screen and (max-width: 1024px) {
    /*===================================
	=            List column            =
	===================================*/

    .list-block.column-4 .item:nth-child(-n + 4) {
        margin-top: 30px;
    }
    .list-block.column-4 .item:nth-child(-n + 3) {
        margin-top: 0;
    }
    .list-block.column-4 > .item {
        width: 33.3333%;
    }
    .list-block-team.column-4 > .item:nth-child(-n + 4) {
        margin-top: 60px;
    }
    .list-block-team.column-4 > .item:nth-child(-n + 3) {
        margin-top: 0;
    }
    .list-block-team.column-4 > .item {
        width: 33.3333%;
    }
    /*=====  End of List column  ======*/

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

    .page-coming-soon .title-wrapper .title {
        font-size: 35px;
        line-height: 35px;
    }
    .page-coming-soon .title-wrapper:before {
        height: 35px;
    }
    .page-coming-soon .content-left {
        padding-right: 50px;
    }
    .page-coming-soon .content-right {
        padding-right: 200px;
    }
    /*=====  End of Page Coming Soon  ======*/

    /*============================
	=            Menu            =
	============================*/

    .header-main {
        -webkit-transition: all .5s ease;
           -moz-transition: all .5s ease;
             -o-transition: all .5s ease;
                transition: all .5s ease;
    }
    .header-wrapper.style-2 .header-main.header-fixed {
        max-width: 940px;
    }
    .nav-menu > li > a {
        padding: 0 12px;
    }
    /*=====  End of Menu  ======*/

    /*========================================
	=            Homepage Default            =
	========================================*/

    .slide-banner-1-item-wrapper {
        margin: 0 auto;
        padding: 35px;
    }
    .slide-banner-1-item-wrapper .title {
        font-size: 40px;
    }
    .slide-banner-1-item-wrapper .title:before {
        height: 28px;
    }
    .default-service {
        padding-bottom: 100px;
    }
    .default-service .slide-block .slick-prev,
    .default-service .slide-block .slick-next {
        display: none !important;
    }
    .slide-block.no-dots {
        margin-bottom: 30px;
        padding-bottom: 0;
    }
    .slide-block.no-dots .slick-dots {
        display: block !important;
    }
    .slide-banner-1,
    .slide-banner-1-item {
        height: 100vh;
        min-height: 667px;
    }
    .banner-1 {
        max-width: 940px;
    }
    .image-gallery:before {
        max-width: 940px;
    }
    .heading-main {
        margin-bottom: 30px;
    }
    .header-left {
        display: block;

        margin-bottom: 30px;
    }
    .header-right {
        display: block;

        text-align: left;
    }
    .how-we-work .list-block-wrapper {
        width: 100%;
    }
    .how-we-work .side-img {
        display: none;
    }
    .banner-2-default {
        padding: 100px 0;
    }
    /*=====  End of Homepage Default  ======*/

    /*==================================
	=            Homepage 2            =
	==================================*/

    .homepage-1-banner {
        height: 100vh;
        min-height: 667px;
    }
    .we-are .img-full {
        left: calc(50% + 20px);

        width: 50%;
    }
    .slider-vertical-wrapper {
        position: relative;

        padding-bottom: 80px;
    }
    .slider-vertical-wrapper .slider-nav-wrapper {
        position: absolute;
        z-index: 1;
        bottom: 0;
        left: 0;

        display: inline-block;

        width: 100%;
    }
    .slider-vertical-wrapper .slider-for-wrapper {
        display: block;

        width: auto;
    }
    .what-we-do .slider-vertical-wrapper .slider-for-wrapper .item-wrapper .img-wrapper:before {
        padding-top: 58.64%;
    }
    .what-we-do .block-icon-3 .icon-cell {
        width: 80px;
    }
    .what-we-do .block-icon-3 .icon-cell + .icon-cell {
        width: auto;
    }
    .what-we-do .block-icon-3 .wrapper-icons .icons {
        font-size: 30px;
        line-height: 80px;
    }
    .what-we-do .block-icon-3 .wrapper-info .title {
        font-size: 13px;
    }
    .slider-vertical-wrapper .slick-dots {
        top: auto;
        bottom: -115px;
        left: 50%;

        -webkit-transform: translateX(-50%);
           -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
             -o-transform: translateX(-50%);
                transform: translateX(-50%);
    }
    .slider-vertical-wrapper .slick-dots li {
        display: inline-block;
    }
    .banner-3 .big-title {
        font-size: 170px;
    }
    .banner-bottom {
        padding-top: 90px;
    }
    .banner-bottom .banner-1 {
        position: relative;

        -webkit-transform: none;
           -moz-transform: none;
            -ms-transform: none;
             -o-transform: none;
                transform: none;
    }
    /*=====  End of Homepage 2  ======*/

    /*==================================
	=            Homepage 3            =
	==================================*/

    .homepage-2-banner .banner-img-wrapper {
        bottom: -148px;
    }
    .homepage-2-banner .banner-img-wrapper .img-full {
        height: 790px;
    }
    /*=====  End of Homepage 3  ======*/

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

    .list-project {
        margin: 0 -15px;
    }
    .list-project > .slick-list > .slick-track > .item {
        padding: 0 15px;
    }
    .unconstruction .banner-bottom {
        padding-top: 100px;
    }
    /*=====  End of Projects  ======*/

    /*=======================================
	=            Gallery Masonry            =
	=======================================*/

    .gallery-image-grid .grid-item .block-image-gallery {
        box-shadow: none;
    }
    .gallery-masonry .block-image-gallery .readmore-icons,
    .gallery-3col .block-image-gallery .readmore-icons,
    .gallery-variation .block-image-gallery .readmore-icons {
        bottom: 0;
    }
    .gallery-masonry .block-image-gallery:after,
    .gallery-3col .block-image-gallery:after,
    .gallery-variation .block-image-gallery:after {
        width: 100%;
    }
    .gallery-masonry .block-image-gallery:hover .bg-hover,
    .gallery-3col .block-image-gallery:hover .bg-hover,
    .gallery-variation .block-image-gallery:hover .bg-hover {
        visibility: hidden;

        opacity: 0;
    }
    .gallery-masonry .block-image-gallery:hover .content,
    .gallery-3col .block-image-gallery:hover .content,
    .gallery-variation .block-image-gallery:hover .content {
        bottom: -100%;
    }
    /*=====  End of Gallery Masonry  ======*/

    /*=========================================
	=            Gallery Variation            =
	=========================================*/

    .gallery-image-grid.style-2 .grid-item .block-image-gallery:before {
        padding-top: 67%;
    }
    .gallery-image-grid.style-2 .grid-item-height-2 .block-image-gallery:before {
        padding-top: calc(134% + 20px);
    }
    /*=====  End of Gallery Variation  ======*/

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

    .block-team .block-content {
        background-color: #3a4d6a;
    }
    .block-team .block-content .title {
        color: #ffffff;
    }
    .block-team .block-content .position {
        display: block;
        visibility: visible;

        height: 40px;

        -webkit-transform: scale(1);
           -moz-transform: scale(1);
            -ms-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);

        opacity: 1;
    }
    .block-team .block-content .social-list {
        visibility: visible;

        -webkit-transition-delay: .4s;
                transition-delay: .4s;
        -webkit-transform: translateY(50%);
           -moz-transform: translateY(50%);
            -ms-transform: translateY(50%);
             -o-transform: translateY(50%);
                transform: translateY(50%);

        opacity: 1;
    }
    .testimonial-about,
    .testimonial-homepage-cleaning {
        padding-top: 55px;
    }
    .testimonial-about .banner-bottom,
    .testimonial-homepage-cleaning .banner-bottom {
        padding-top: 70px;
        padding-bottom: 100px;
    }
    .testimonial-about .banner-bottom.reverse .banner-1,
    .testimonial-homepage-cleaning .banner-bottom.reverse .banner-1 {
        -webkit-transform: none;
           -moz-transform: none;
            -ms-transform: none;
             -o-transform: none;
                transform: none;
    }
    /*=====  End of Page About  ======*/

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

    .list-team .banner-bottom {
        padding-top: 100px;
    }
    /*=====  End of Page Team  ======*/

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

    .certification {
        width: 28.7%;
    }
    /*=====  End of Page Team Member  ======*/

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

    .btn-download-wrapper .btn-link .link .link-name {
        left: calc(100% + 10px);

        visibility: visible;

        opacity: 1;
    }
    /*=====  End of Page Services  ======*/

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

    .contact-form {
        padding: 30px;
    }
    /*=====  End of Page Contact  ======*/

    /*===========================
	=            404            =
	===========================*/

    .content-wrapper-404 .img-construction {
        bottom: 8%;
    }
    .content-wrapper-404 .img-people {
        display: none;
    }
    /*=====  End of 404  ======*/

    /*=========================================
	=            Homepage Cleaning            =
	=========================================*/

    .header-wrapper.header-cleaning .header-main {
        max-width: 940px;
    }
    .header-wrapper.header-cleaning .header-main.header-fixed .menu-wrapper {
        padding-left: 42px;
    }
    .header-wrapper.header-cleaning .topbar-list .item {
        margin-right: 30px;
    }
    .header-wrapper.header-cleaning .topbar-text.big {
        font-size: 18px;
    }
    .list-pricing-plan .list-block.column-4 > .item {
        width: 25%;
    }
    .list-pricing-plan .list-block.column-4 .item:nth-child(-n + 4) {
        margin-top: 0;
    }
    .list-pricing-plan .package-content .price {
        font-size: 50px;
    }
    .cleaning-banner .side-img {
        left: calc(53% + 30px);

        height: 110%;
    }
    /*=====  End of Homepage Cleaning  ======*/

    /*=========================================
	=            Homepage Plumbing            =
	=========================================*/

    .plumbing-services .block-service .water-hover {
        display: none;
    }
    .we-are .side-img {
        left: calc(50% + 20px);
    }
    .banner-6 .title {
        font-size: 40px;
    }
    .banner-6 .subtitle {
        font-size: 24px;
    }
    /*=====  End of Homepage Plumbing  ======*/
}

/*----------  1.2. Media screen max width 768px  ----------*/

@media screen and (max-width: 768px) {
    /*===================================
	=            List column            =
	===================================*/

    .list-block.column-4 .item:nth-child(-n + 3) {
        margin-top: 30px;
    }
    .list-block.column-4 .item:nth-child(-n + 2) {
        margin-top: 0;
    }
    .list-block.column-4 > .item {
        width: 50%;
    }
    .list-block.column-3 .item:nth-child(-n + 3) {
        margin-top: 30px;
    }
    .list-block.column-3 .item:nth-child(-n + 2) {
        margin-top: 0;
    }
    .list-block.column-3 > .item {
        width: 50%;
    }
    .list-block-team.column-4 > .item:nth-child(-n + 3) {
        margin-top: 60px;
    }
    .list-block-team.column-4 > .item:nth-child(-n + 2) {
        margin-top: 0;
    }
    .list-block-team.column-4 > .item {
        width: 50%;
    }
    .list-block-team.column-3 > .item:nth-child(-n + 3) {
        margin-top: 60px;
    }
    .list-block-team.column-3 > .item:nth-child(-n + 2) {
        margin-top: 0;
    }
    .list-block-team.column-3 > .item {
        width: 50%;
    }
    .label-block {
        padding: 10px;
    }
    .block-1 .block-image:before {
        padding-top: 67%;
    }
    .block-1 .block-content {
        padding: 20px;
    }
    .block-2 .block-image {
        display: block;

        width: 100%;
    }
    .block-2 .block-image:before {
        padding-top: 67%;
    }
    .block-2 .block-content {
        display: block;

        padding: 20px;
    }
    /*=====  End of List column  ======*/

    /*===============================
	=            Spacing            =
	===============================*/

    .padding-top-100 {
        padding-top: 80px;
    }
    .padding-bottom-100 {
        padding-bottom: 80px;
    }
    .main-right {
        float: left;
    }
    /*=====  End of Spacing  ======*/

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

    .page-coming-soon {
        background-image: none;
    }
    .page-coming-soon .header-main .logo-wrapper {
        position: relative;
        left: 50%;

        display: inline-block;
        float: none;

        -webkit-transform: translate(-50%, -50%);
           -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
             -o-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
    }
    .page-coming-soon .title-wrapper {
        float: none;

        padding: 0;

        text-align: center;
    }
    .page-coming-soon .title-wrapper:before {
        content: none;
    }
    .page-coming-soon .content-left {
        display: inline-block;

        width: 100%;
        padding: 20px 60px;

        text-align: center;
    }
    .page-coming-soon .description {
        font-size: 25px;
    }
    .page-coming-soon .content-right {
        display: inline-block;

        width: 100%;
        padding: 20px 40px;
    }
    .page-coming-soon .coming-soon {
        text-align: center;
    }
    .page-coming-soon .main-count .count-height {
        display: none;
    }
    .page-coming-soon .input-wrapper {
        margin-left: 25%;
    }
    .page-coming-soon .form-control {
        text-align: center;
    }
    .page-coming-soon .btn-wrapper {
        text-align: center;
    }
    /*=====  End of Page Coming Soon  ======*/

    /*============================
	=            Menu            =
	============================*/

    .header-main .logo-wrapper {
        position: relative;

        float: none;

        padding-top: 10px;

        -webkit-transform: none;
           -moz-transform: none;
            -ms-transform: none;
             -o-transform: none;
                transform: none;
        text-align: center;
    }
    .header-main .main-menu {
        float: none;
    }
    .header-main .button-search {
        line-height: 60px;
    }
    .header-main .nav-search {
        top: 115px;
    }
    .header-main.header-fixed .nav-search {
        top: 115px;
    }
    .nav-menu > li > a {
        line-height: 60px;
    }
    .header-wrapper.style-2 {
        top: 0;
    }
    .header-wrapper.style-2 .container {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .header-wrapper.style-2 .header-topbar {
        padding: 12px 20px;
    }
    .header-wrapper.style-2 .header-main {
        padding: 0 20px;
    }
    .header-wrapper.style-2 .header-main.header-fixed {
        padding: 0 20px;
    }
    /*=====  End of Menu  ======*/

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

    .wrapper-footer {
        padding: 80px 0;
    }
    .wrapper-footer.style-2,
    .wrapper-footer.style-3 {
        padding: 80px 0;
    }
    footer .widget {
        margin-bottom: 50px;
    }
    footer .col-md-3:nth-last-child(-n + 2) .widget {
        margin-bottom: 0;
    }
    footer .col-md-4:last-child {
        display: block;
        float: none;
    }
    footer .col-md-4:last-child .widget {
        margin-bottom: 0;
    }
    /*=====  End of Footer  ======*/

    /*========================================
	=            Homepage Default            =
	========================================*/

    .banner-1 {
        right: 0;
        left: 0;
    }
    .default-service {
        padding-bottom: 80px;
    }
    .image-gallery:before {
        right: 0;
        left: 0;

        -webkit-transform: none;
           -moz-transform: none;
            -ms-transform: none;
             -o-transform: none;
                transform: none;
    }
    .list-image-gallery .item {
        width: 50%;
    }
    .why-choose-us .block-video {
        margin-bottom: 25px;
    }
    .why-choose-us .block-content {
        margin-bottom: 50px;
    }
    .why-choose-us .block-accordion {
        margin-bottom: 50px;
    }
    .why-choose-us .panel-group {
        margin-bottom: 0;
    }
    .why-choose-us .item:last-child .block-content,
    .why-choose-us .item:last-child .block-video,
    .why-choose-us .item:last-child .block-accordion {
        margin-bottom: 0;
    }
    .banner-2-default {
        padding: 80px 0;
    }
    .recent-news .block-1 .block-image:before {
        padding-top: 59%;
    }
    .testimonial-default .testimonial-wrapper,
    .testimonial-homepage-2 .testimonial-wrapper,
    .testimonial-about .testimonial-wrapper,
    .testimonial-homepage-cleaning .testimonial-wrapper {
        width: 100%;
    }
    .testimonial-default .logo-wrapper,
    .testimonial-homepage-2 .logo-wrapper,
    .testimonial-about .logo-wrapper,
    .testimonial-homepage-cleaning .logo-wrapper {
        width: 100%;
        margin: 0;

        border: none;
    }
    .contact-default {
        height: 100%;

        background-image: none;
    }
    .contact-default .list-contact-info {
        position: relative;
        top: 0;
        left: 0;

        display: inline-block;

        -webkit-transform: none;
           -moz-transform: none;
            -ms-transform: none;
             -o-transform: none;
                transform: none;

        background-image: url('../images/background/ruler-1.jpg');
        box-shadow: none;
    }
    /*=====  End of Homepage Default  ======*/

    /*==================================
	=            Homepage 2            =
	==================================*/

    .homepage-1-banner .rectangle {
        left: 5%;
    }
    .homepage-1-banner .banner-title .title {
        font-size: 55px;
    }
    .homepage-1-banner .banner-title .subtitle {
        font-size: 22px;
    }
    .we-are .main-content {
        width: 100%;
    }
    .we-are .img-full {
        display: none;
    }
    .how-we-work-1 {
        padding-top: 300px;
    }
    .how-we-work-1 .content-wrapper {
        padding-bottom: 74px;
    }
    .banner-3 .big-title {
        font-size: 130px;
    }
    .banner-bottom {
        padding-top: 70px;
    }
    /*=====  End of Homepage 2  ======*/

    /*==================================
	=            Homepage 3            =
	==================================*/

    .homepage-2-banner .subtitle {
        font-size: 20px;
    }
    .homepage-2-banner .title {
        font-size: 50px;
    }
    .homepage-2-banner .rectangle {
        left: -30%;
    }
    .homepage-2-banner .banner-img-wrapper {
        bottom: -150px;
    }
    .homepage-2-banner .banner-img-wrapper .img-full {
        height: 790px;
    }
    .image-gallery .btn {
        right: 0;
        bottom: -78px;
    }
    .fact {
        padding: 55px 0;
    }
    /*=====  End of Homepage 3  ======*/

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

    .banner-pages .container-wrapper {
        height: 350px;
    }
    .banner-pages .banner-wrapper {
        padding-bottom: 30px;
    }
    .list-project > .slick-list > .slick-track {
        margin-bottom: -25px;
    }
    .project-wrapper .project-info {
        width: 100%;
        padding: 0 0 30px;
    }
    .project-wrapper .project-images {
        width: 100%;
        padding: 0;
    }
    .unconstruction .banner-bottom {
        padding-top: 80px;
    }
    /*=====  End of Projects  ======*/

    /*======================================
	=            Project Detail            =
	======================================*/

    .project-detail .slider-syncing-wrapper {
        margin-bottom: 30px;
    }
    .contact-us-now-widget .contact-info-box .wrapper-info .text .text-bold {
        display: inline-block;

        padding-left: 5px;
    }
    /*=====  End of Project Detail  ======*/

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

    .sidebar {
        font-size: 0;

        width: auto;
        margin: 80px -15px 0 -15px;
    }
    .sidebar .widget {
        display: inline-block;

        width: 50%;
        padding: 0 15px;

        vertical-align: top;
    }
    .sidebar .widget:nth-last-child(-n + 2) {
        margin-bottom: 0;
    }
    .blog-detail .search-widget {
        display: none !important;
    }
    /*=====  End of Blog Detail  ======*/

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

    .testimonial-about {
        padding-top: 35px;
    }
    .testimonial-about .banner-bottom {
        padding-top: 50px;
        padding-bottom: 80px;
    }
    /*=====  End of Page About  ======*/

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

    .list-team .banner-bottom {
        padding-top: 80px;
    }
    /*=====  End of Page Team  ======*/

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

    .portrait-img {
        margin: 0 0 30px 50%;

        -webkit-transform: translateX(-50%);
           -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
             -o-transform: translateX(-50%);
                transform: translateX(-50%);
    }
    .content-team-member .paragraph,
    .content-team-member .column-3 {
        margin-bottom: 25px;
    }
    .certification {
        width: 31.4%;
    }
    /*=====  End of Page Team Member  ======*/

    /*===========================
	=            404            =
	===========================*/

    .content-wrapper-404 .img-construction {
        display: none;
    }
    .content-wrapper-404 .img-404 {
        margin-top: 70px;
    }
    /*=====  End of 404  ======*/

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

    /*=====  End of Page Services  ======*/

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

    .main-contact {
        height: 530px;
    }
    .contact-form-wrapper {
        width: 50%;
    }
    /*=====  End of Page Contact  ======*/

    /*=========================================
	=            Homepage Cleaning            =
	=========================================*/

    .header-wrapper.header-cleaning .header-topbar {
        padding: 10px 0;
    }
    .header-wrapper.header-cleaning .header-main {
        max-width: 720px;
    }
    .header-wrapper.header-cleaning .header-main .button-search {
        display: inline-block;

        padding-right: 15px;
    }
    .header-wrapper.header-cleaning .header-main .nav-search {
        top: 75px;
    }
    .header-wrapper.header-cleaning .nav-search-1 {
        display: none;
    }
    .header-wrapper.header-cleaning .topbar-list {
        float: none !important;

        text-align: center;
    }
    .header-wrapper.header-cleaning .topbar-list.pull-left {
        margin-bottom: 10px;
    }
    .header-wrapper.header-cleaning .topbar-icons {
        font-size: 15px;

        height: 30px;
    }
    .header-wrapper.header-cleaning .topbar-content {
        vertical-align: middle;
    }
    .header-wrapper.header-cleaning .topbar-text {
        padding-right: 10px;
    }
    .header-wrapper.header-cleaning .topbar-text.big {
        display: inline-block;
    }
    .header-wrapper.header-cleaning .topbar-text:not(.big) {
        display: none;
    }
    .cleaning-services-block {
        height: 420px;
    }
    .cleaning-services .detail-content {
        margin-bottom: 40px;
    }
    .list-pricing-plan .list-block.column-4 > .item {
        width: 50%;
    }
    .list-pricing-plan .list-block.column-4 .item:nth-child(-n + 4) {
        margin-top: 50px;
    }
    .list-pricing-plan .list-block.column-4 .item:nth-child(-n + 2) {
        margin-top: 0;
    }
    .cleaning-banner .side-img {
        display: none;
    }
    /*=====  End of Homepage Cleaning  ======*/

    /*=========================================
	=            Homepage Plumbing            =
	=========================================*/

    .homepage-plumbing-banner .slide-banner-1-item-wrapper .subtitle {
        font-size: 20px;
    }
    .homepage-plumbing-banner .slide-banner-1-item-wrapper .title {
        font-size: 50px;
    }
    .plumbing-services {
        padding-top: 80px;
    }
    .plumbing-services .list-block-service {
        margin-top: -1px;
        margin-bottom: 0;

        -webkit-transform: none;
           -moz-transform: none;
            -ms-transform: none;
             -o-transform: none;
                transform: none;
    }
    .plumbing-services .list-block-service .item {
        width: 50%;

        border: 1px solid #ffffff;
    }
    .plumbing-services .list-block-service .item:nth-child(odd) {
        content: none;
    }
    .we-are .side-img {
        display: none;
    }
    .recent-news-testimonial .block-2 .block-image:before {
        padding-top: 72%;
    }
    .banner-5 .title {
        font-size: 40px;
    }
    .banner-5 .subtitle {
        font-size: 24px;
    }
    .recent-news-testimonial .list-block {
        margin-bottom: 40px;
    }
    .recent-news-testimonial .list-block.column-1 > .item {
        width: 50%;
        margin-top: 0;
    }
    .banner-6 .title {
        font-size: 30px;
    }
    .banner-6 .subtitle {
        font-size: 18px;
    }
    .wrapper-footer .side-img {
        display: none;
    }
    /*=====  End of Homepage Plumbing  ======*/
}

/*----------  1.3. Media screen max width 767px  ----------*/

@media screen and (max-width: 767px) {
    /*===================================
	=            List column            =
	===================================*/

    .list-block {
        margin: 0 -10px;
    }
    .list-block > .item {
        padding: 0 10px;
    }
    .list-block-team {
        margin: 0 -10px;
    }
    .list-block-team > .item {
        padding: 0 10px;
    }
    .gallery-image-grid {
        margin: 20px -10px -10px -10px;
    }
    .gallery-image-grid .grid-item {
        padding: 10px;
    }
    .gallery-image-grid .grid-item-height-2 .block-image-gallery:before {
        padding-top: calc(134% + 20px);
    }
    /*=====  End of List column  ======*/

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

    .page-coming-soon .header-main {
        margin-bottom: 10px;
    }
    .page-coming-soon .header-main .logo-wrapper {
        -webkit-transform: translate(-50%, 0);
           -moz-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
             -o-transform: translate(-50%, 0);
                transform: translate(-50%, 0);
    }
    .page-coming-soon .logo-wrapper .logo {
        text-align: center;
    }
    .page-coming-soon .logo-wrapper img {
        display: inline-block;

        width: 75%;
    }
    .page-coming-soon .title-wrapper .title {
        font-size: 20px;
    }
    .page-coming-soon .main-content {
        padding: 10px 0;
    }
    .page-coming-soon .content-left {
        margin-bottom: 10px;
        padding: 0;
    }
    .page-coming-soon .description {
        font-size: 16px;
    }
    .page-coming-soon .content-right {
        padding: 0 40px;
    }
    .page-coming-soon .main-count .count {
        font-size: 40px;
        line-height: 40px;
    }
    .page-coming-soon .main-count .count-height {
        height: 15px;
    }
    .page-coming-soon .main-count .stat-label {
        font-size: 15px;
    }
    .page-coming-soon .coming-soon {
        margin-bottom: 10px;
    }
    .page-coming-soon .form-control {
        line-height: 30px;

        height: 30px;
        margin-bottom: 10px;
    }
    .page-coming-soon .btn {
        line-height: 30px;

        height: 35px;
    }
    /*=====  End of Page Coming Soon  ======*/

    /*============================
	=            Menu            =
	============================*/

    .header-main {
        -webkit-transition: none;
           -moz-transition: none;
             -o-transition: none;
                transition: none;
    }
    .main-menu,
    .topbar-hidden {
        display: none !important;
    }
    .menu-mobile-wrapper .search-mobile {
        position: relative;

        display: table;

        width: 100%;
        height: 49px;
        padding: 0 15px;

        border-bottom: 2px solid #ffffff;
    }
    .menu-mobile-wrapper .search-mobile .input-group {
        height: 47px;
    }
    .menu-mobile-wrapper .search-mobile input[type='text'] {
        line-height: 47px;

        height: 47px;

        color: #ffffff;
        border-bottom: none;
    }
    .menu-mobile-wrapper .search-mobile input[type='text']::-webkit-input-placeholder {
        color: rgba(255, 255, 255, .7);
    }
    .menu-mobile-wrapper .search-mobile input[type='text']::-moz-placeholder {
        color: rgba(255, 255, 255, .7);
    }
    .menu-mobile-wrapper .search-mobile input[type='text']:-ms-input-placeholder {
        color: rgba(255, 255, 255, .7);
    }
    .menu-mobile-wrapper .search-mobile input[type='text']:-moz-placeholder {
        color: rgba(255, 255, 255, .7);
    }
    .menu-mobile-wrapper .search-mobile .input-group-btn {
        vertical-align: middle;
    }
    .menu-mobile-wrapper .search-mobile .input-group-btn .btn {
        font-size: 17px;
        line-height: 1;

        height: auto;
        padding: 0 0 0 15px;

        border: 0;
        background-color: transparent;
        box-shadow: none;
    }
    .header-main .logo-wrapper {
        padding: 10px 0;
    }
    .header-main .container {
        width: 100%;
    }
    .hamburger-menu,
    .menu-mobile-wrapper {
        display: block;
    }
    .body-wrapper .wrapper-content {
        left: 0;

        -webkit-transition: all .5s ease;
           -moz-transition: all .5s ease;
             -o-transition: all .5s ease;
                transition: all .5s ease;
    }
    .body-wrapper.mobile-menu-open {
        overflow: hidden;

        height: 100vh!important;
        margin-top: 0!important;
    }
    .body-wrapper.mobile-menu-open .wrapper-content {
        left: 300px;

        height: 100%;
    }
    .menu-mobile-wrapper {
        position: absolute;
        z-index: 120;
        top: 0;
        left: 0;

        overflow: auto;

        width: 300px;
        height: 100%;
        margin: 0;
        padding: 0;

        -webkit-transition: all .5s ease;
           -moz-transition: all .5s ease;
             -o-transition: all .5s ease;
                transition: all .5s ease;
        -webkit-transform: translate(-100%, 0);
           -moz-transform: translate(-100%, 0);
            -ms-transform: translate(-100%, 0);
             -o-transform: translate(-100%, 0);
                transform: translate(-100%, 0);

        border-bottom: 1px solid rgba(255, 255, 255, .05);
        background-color: #3a4d6a;
    }
    .menu-mobile-wrapper .navbar-nav {
        margin: 0;
    }
    .menu-mobile-wrapper ul > li > a > .icons {
        -webkit-transform: rotate(0);
           -moz-transform: rotate(0);
            -ms-transform: rotate(0);
             -o-transform: rotate(0);
                transform: rotate(0);
    }
    .menu-mobile-wrapper ul li {
        position: relative;

        width: 100%;

        list-style: none;

        cursor: pointer;

        border-top: 1px solid rgba(255, 255, 255, .05);
    }
    .menu-mobile-wrapper ul li > a {
        font-family: 'Montserrat', sans-serif;
        line-height: 50px;

        display: block;

        padding: 0 20px;

        text-transform: uppercase;

        color: #ffffff;
    }
    .menu-mobile-wrapper ul li > a:hover,
    .menu-mobile-wrapper ul li > a:focus {
        background-color: #3a4d6a;
    }
    .menu-mobile-wrapper ul li > a > .icons {
        line-height: 50px;

        position: absolute;
        z-index: 10;
        right: 0;

        display: none;

        width: 50px;
        height: 50px;

        -webkit-transition: all .3s ease;
           -moz-transition: all .3s ease;
             -o-transition: all .3s ease;
                transition: all .3s ease;
        text-align: center;
    }
    .menu-mobile-wrapper .dropdown > a .icons {
        display: inline-block;
    }
    .menu-mobile-wrapper .sub-menu {
        z-index: 1;

        overflow: hidden;

        width: 100%;
        max-height: 0;
        padding: 0;

        transition: max-height .5s cubic-bezier(.77, 0, .175, 1), opacity .5s cubic-bezier(.77, 0, .175);

        opacity: 0;
        background-color: #31425d;
    }
    .menu-mobile-wrapper .sub-menu > li > a {
        padding-left: 30px;

        text-transform: capitalize;
    }
    .menu-mobile-wrapper .sub-menu > .mb-dropdown-open > a > .icons {
        -webkit-transform: rotate(90deg);
           -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
             -o-transform: rotate(90deg);
                transform: rotate(90deg);
    }
    .menu-mobile-wrapper .sub-menu .sub-menu > li > a {
        padding-left: 40px;
    }
    .menu-mobile-wrapper .mega-menu {
        display: none;
    }
    .menu-mobile-wrapper .mb-dropdown-open > .sub-menu {
        visibility: visible;

        max-height: 1000px;

        opacity: 1;
    }
    .menu-mobile-wrapper .mb-dropdown-open > a > .icons {
        -webkit-transform: rotate(90deg);
           -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
             -o-transform: rotate(90deg);
                transform: rotate(90deg);
    }
    /*=====  End of Menu  ======*/

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

    footer .col-md-6 .widget {
        margin-right: 50px;
        margin-left: 50px;
    }
    footer .col-md-3:nth-last-child(-n + 2) .widget {
        margin-bottom: 50px;
    }
    footer .col-md-3:last-child .widget {
        margin-bottom: 0;
    }
    #back-top .link {
        right: 10px;
        bottom: 10px;
    }
    /*=====  End of Footer  ======*/

    /*========================================
	=            Homepage Default            =
	========================================*/

    .block-icon-1 .wrapper-info .title {
        font-size: 16px;
    }
    .banner-2 .title {
        font-size: 40px;
    }
    .banner-2 .text {
        font-size: 18px;
    }
    /*=====  End of Homepage Default  ======*/

    /*==================================
	=            Homepage 2            =
	==================================*/

    .gallery-image-grid.style-3 .grid-item-width-2 .block-image-gallery:before {
        padding-top: calc(70% + 7px);
    }
    .homepage-1-banner .banner-title .title {
        font-size: 40px;
    }
    .homepage-1-banner .banner-title .subtitle {
        font-size: 18px;
    }
    .homepage-1-banner .banner-video-wrapper {
        left: 35%;
    }
    .video-modal .modal-dialog {
        margin: 0;
    }
    .video-modal .modal-content {
        height: 100vh;
    }
    .block-image-gallery .content {
        padding: 15px;
    }
    .list-testimonial-2 .slick-prev,
    .list-testimonial-2 .slick-next {
        bottom: 60px;
    }
    .banner-3 .big-title {
        font-size: 115px;
    }
    /*=====  End of Homepage 2  ======*/

    /*==================================
	=            Homepage 3            =
	==================================*/

    .homepage-2-banner .banner-item-wrapper {
        padding: 0 30px;
        padding-top: 277px;
    }
    .homepage-2-banner .rectangle {
        top: 30%;
        left: -35%;
    }
    .homepage-2-banner .banner-img-wrapper {
        bottom: -120px;
    }
    .fact,
    .plumbing-fact {
        padding: 70px 0;

        text-align: center;
    }
    .fact .count-number .icons,
    .plumbing-fact .count-number .icons {
        left: 50%;

        -webkit-transform: translate(-50%, -60%);
           -moz-transform: translate(-50%, -60%);
            -ms-transform: translate(-50%, -60%);
             -o-transform: translate(-50%, -60%);
                transform: translate(-50%, -60%);
    }
    .fact .count-number .number:before,
    .plumbing-fact .count-number .number:before {
        content: none;
    }
    /*=====  End of Homepage 3  ======*/

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

    .banner-pages {
        background-attachment: scroll;
    }
    .banner-pages .container-wrapper {
        width: 100%;
        height: 275px;
    }
    .banner-pages .banner-wrapper {
        padding-bottom: 15px;
    }
    .image-gallery .block-image-gallery .overlay-1:after {
        width: 40%;
    }
    .image-gallery .block-image-gallery .overlay-2:after {
        width: 60%;
    }
    /*=====  End of Projects  ======*/

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

    .list-block-team > .item {
        width: 50%;
    }
    .list-block-team > .item:nth-child(-n + 4) {
        margin-top: 40px;
    }
    .list-block-team > .item:nth-child(-n + 2) {
        margin-top: 0;
    }
    /*=====  End of Page About  ======*/

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

    .list-team {
        background-image: none;
    }
    /*=====  End of Page Team  ======*/

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

    .detail-contact-info .lists {
        margin-bottom: 30px;
    }
    .certification {
        width: 31.1%;
    }
    /*=====  End of Page Team Member  ======*/

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

    .list-block-icon-2 .item {
        width: 50%;
        margin-top: 30px;
    }
    .list-block-icon-2 .item:nth-child(-n + 2 ) {
        margin-top: 0;
    }
    .download-header {
        margin-bottom: 25px;
    }
    .download .title {
        font-size: 35px;
    }
    .download .subtitle {
        font-size: 20px;
    }
    /*=====  End of Page Services  ======*/

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

    /*=====  End of Page Contact  ======*/

    /*==================================
	=            Blogs List            =
	==================================*/

    .blog-content .list-block.column-1 > .item {
        margin-top: 30px;
    }
    /*=====  End of Blogs List  ======*/

    /*===========================
	=            404            =
	===========================*/

    .page-wrapper {
        min-height: 667px;
    }
    .content-wrapper-404 .title {
        font-size: 50px;
    }
    .content-wrapper-404 .img-404 {
        width: 70%;
    }
    /*=====  End of 404  ======*/

    /*=========================================
	=            Homepage Cleaning            =
	=========================================*/

    .header-wrapper.header-cleaning .wrapper-container {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .header-wrapper.header-cleaning .header-topbar {
        display: none;
    }
    .header-wrapper.header-cleaning .header-main {
        max-width: none;

        border: none;
    }
    .header-wrapper.header-cleaning .header-main .logo-wrapper {
        display: block;
    }
    .header-wrapper.header-cleaning .hamburger-menu {
        top: 60%;
    }
    .cleaning-services .recent-post-inner .media.style-4 .wrapper-image {
        width: 50vw;
    }
    .cleaning-services .recent-post-inner .media.style-4 .wrapper-image:before {
        padding-top: 55%;
    }
    /*=====  End of Homepage Cleaning  ======*/

    /*=========================================
	=            Homepage Plumbing            =
	=========================================*/

    .header-wrapper.header-plumbing .topbar-list .item {
        padding-right: 0;

        border: none;
    }
    .plumbing-gallery .gallery-image-grid {
        margin-bottom: 0;
    }
    /*=====  End of Homepage Plumbing  ======*/
}

/*----------  1.4. Media screen max width 600px  ----------*/

@media screen and (max-width: 600px) {
    /*===============================
    =            Spacing            =
    ===============================*/

    .padding-top-100 {
        padding-top: 60px;
    }
    .padding-bottom-100 {
        padding-bottom: 60px;
    }
    /*=====  End of Spacing  ======*/

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

    .wrapper-footer {
        padding: 60px 0;
    }
    .wrapper-footer.style-2,
    .wrapper-footer.style-3 {
        padding: 60px 0;
    }
    /*=====  End of Footer  ======*/

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

    .page-coming-soon .header-main {
        margin-bottom: 0;
    }
    .page-coming-soon .logo-wrapper img {
        width: 60%;
    }
    .page-coming-soon .title-wrapper .title {
        font-size: 16px;
    }
    .page-coming-soon .content-left {
        margin-bottom: 0;
        padding: 0 80px;
    }
    .page-coming-soon .description {
        font-size: 13px;
        line-height: 26px;
    }
    .page-coming-soon .coming-soon {
        margin-bottom: 0;
    }
    .page-coming-soon .main-count .count {
        font-size: 30px;
        line-height: 30px;
    }
    .page-coming-soon .main-count .stat-label {
        font-size: 13px;
    }
    .page-coming-soon .btn {
        font-size: 12px;
        line-height: 20px;

        height: 30px;
    }
    /*=====  End of Page Coming Soon  ======*/

    /*========================================
	=            Homepage Default            =
	========================================*/

    .default-service {
        padding-bottom: 60px;
    }
    .slide-banner-1-item-wrapper .title {
        font-size: 32px;
    }
    .slide-banner-1-item-wrapper .title:before {
        top: 10px;

        height: 24px;
    }
    .tablist {
        text-align: left;
    }
    .tablist li {
        margin-right: 20px;
        margin-left: 0;
    }
    .banner-2-default {
        padding: 60px 0;
    }
    .banner-2 .title {
        font-size: 36px;
    }
    .banner-2 .text {
        font-size: 16px;
    }
    .banner-2 .btn {
        margin-top: 20px;
    }
    .list-contact-info .item {
        width: 100%;
        margin-bottom: 15px;
        padding: 0 80px;
    }
    .list-contact-info .item:last-child {
        margin-bottom: 0;
    }
    .list-contact-info .contact-info-box .contact-info-cell {
        vertical-align: middle;
    }
    .list-contact-info .contact-info-box .wrapper-info .text {
        display: block;
    }
    .list-contact-info .contact-info-box .wrapper-info .text .text-bold {
        display: inline-block;

        padding-left: 5px;
    }
    /*=====  End of Homepage Default  ======*/

    /*==================================
	=            Homepage 2            =
	==================================*/

    .gallery-image-grid.style-3 .grid-item {
        width: 100%;
    }
    .gallery-image-grid.style-3 .grid-item-width-2 {
        width: 100%;
    }
    .testimonial-2 .img-wrapper {
        display: none;
    }
    .testimonial-2 .content-wrapper {
        padding-top: 0;
        padding-left: 80px;
    }
    .testimonial-2 .content-wrapper:before {
        font-size: 150px;
    }
    .list-testimonial-2 {
        height: 300px;
        padding-top: 60px;
    }
    .list-testimonial-2 .slick-prev,
    .list-testimonial-2 .slick-next {
        bottom: 40px;
        left: 80px;
    }
    .how-we-work-1 {
        padding-top: 150px;
        padding-bottom: 100px;
    }
    .how-we-work-1 .heading-main {
        margin-bottom: 0;
    }
    .what-we-do .slider-vertical-wrapper .slider-for-wrapper .item-wrapper .img-wrapper:before {
        padding-top: 55%;
    }
    .banner-3 {
        padding-top: 50px;
    }
    .banner-3 .subtitle {
        font-size: 16px;
    }
    .banner-3 .title {
        font-size: 30px;

        padding-bottom: 15px;
    }
    .banner-3 .big-title {
        font-size: 95px;
    }
    .banner-bottom {
        padding-top: 50px;
    }
    /*=====  End of Homepage 2  ======*/

    /*==================================
	=            Homepage 3            =
	==================================*/

    .homepage-2-banner .banner-item-wrapper {
        padding: 250px 0 0;
    }
    .homepage-2-banner .title {
        font-size: 40px;
    }
    .homepage-2-banner .rectangle {
        top: 37%;
        left: -62%;
    }
    .homepage-2-banner .banner-img-wrapper {
        bottom: -100px;
    }
    .homepage-2-banner .banner-img-wrapper .img-full {
        height: 730px;
    }
    .image-gallery .btn-container {
        padding-top: 30px;

        text-align: center;
    }
    .image-gallery .btn {
        position: relative;
        bottom: 0;
    }
    .fact,
    .plumbing-fact {
        padding: 40px 0;
    }
    .count-number {
        padding: 25px 0;
    }
    .count-number .number {
        font-size: 40px;

        padding-left: 15px;
    }
    .count-number .name {
        padding-left: 15px;
    }
    /*=====  End of Homepage 3  ======*/

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

    .unconstruction .banner-bottom {
        padding-top: 60px;
    }
    /*=====  End of Projects  ======*/

    /*======================================
	=            Project Detail            =
	======================================*/

    /*=====  End of Project Detail  ======*/

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

    .banner-pages .container-wrapper {
        height: 325px;
    }
    .blog-detail-content .title {
        margin: 0 0 15px 0;
    }
    .blog-detail-content p,
    .blog-detail-content ul {
        margin-bottom: 15px;
    }
    .blog-detail-content blockquote {
        margin: 30px 0 15px 0;
    }
    .tags-links {
        margin-top: 30px;
    }
    .next-prev-page {
        margin: 20px 0 0 0;
    }
    .next-prev-page .item {
        width: 100%;
        margin-bottom: 20px;
        padding: 0 !important;
    }
    .next-prev-page .item:last-child {
        margin-bottom: 0;
    }
    .blog-author,
    .blog-comment,
    .comment-respond {
        margin-top: 60px;
    }
    .sidebar {
        margin: 60px auto 0 auto;
    }
    .sidebar .widget {
        width: 100%;
        margin-bottom: 40px;
        padding: 0;
    }
    .sidebar .widget:nth-last-child(-n + 2) {
        margin-bottom: 40px;
    }
    .sidebar .widget:last-child {
        margin-bottom: 0;
    }
    .title-widget {
        margin-bottom: 20px;
    }
    .block-info .block-info-right {
        display: block;
        float: none;

        margin: 5px 0 0 20px;
    }
    /*=====  End of Blog Detail  ======*/

    /*=====================================
	=            Gallery 3 Col            =
	=====================================*/

    .gallery-image-grid .grid-item {
        width: 50%;
    }
    /*=====  End of Gallery 3 Col  ======*/

    /*=======================================
	=            Gallery Masonry            =
	=======================================*/

    .block-image-gallery .readmore-icons {
        width: 30px;
        height: 30px;
    }
    .block-image-gallery .readmore-icons .icons {
        font-size: 14px;
        line-height: 30px;
    }
    /*=====  End of Gallery Masonry  ======*/

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

    .testimonial-about {
        padding-top: 15px;
    }
    .testimonial-about .banner-bottom {
        padding-top: 30px;
        padding-bottom: 60px;
    }
    .accordion .title {
        margin-bottom: 30px;
    }
    .we-are .block-content .description,
    .why-choose-us .block-content .description {
        margin-bottom: 15px;
    }
    .we-are .block-content .btn,
    .why-choose-us .block-content .btn {
        margin-top: 10px;
    }
    /*=====  End of Page About  ======*/

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

    .list-team .banner-bottom {
        padding-top: 60px;
    }
    .detail-content p {
        margin-bottom: 15px;
    }
    /*=====  End of Page Team  ======*/

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

    .detail-contact-info .social-list {
        margin-left: 30px;
    }
    .content-team-member .paragraph,
    .content-team-member .column-3 {
        margin-bottom: 15px;
    }
    .certification {
        width: 30.6%;
    }
    .team-member .banner-bottom {
        padding-top: 60px;
    }
    /*=====  End of Page Team Member  ======*/

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

    .btn-download-wrapper .btn-download {
        line-height: 41px;

        height: 45px;
    }
    .btn-download-wrapper .btn-link .btn {
        line-height: 45px;

        width: 45px;
        height: 45px;
    }
    /*=====  End of Page Services  ======*/

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

    .main-contact {
        height: auto;

        background-image: none;
    }
    .main-contact .list-contact-info {
        position: relative;
        bottom: auto;
        left: auto;

        -webkit-transform: none;
           -moz-transform: none;
            -ms-transform: none;
             -o-transform: none;
                transform: none;

        background-image: url('../images/background/ruler-1.jpg');
        box-shadow: none;
    }
    .contact-map #map {
        position: relative;

        height: 100vh;
        max-height: 320px;
    }
    .contact-form {
        padding: 60px 0;
    }
    .contact-form-wrapper {
        width: 100%;
    }
    /*=====  End of Page Contact  ======*/

    /*=========================================
	=            Homepage Cleaning            =
	=========================================*/

    .cleaning-services-block {
        height: 380px;
    }
    /*=====  End of Homepage Cleaning  ======*/

    /*=========================================
	=            Homepage Plumbing            =
	=========================================*/

    .plumbing-services {
        padding-top: 60px;
    }
    .banner-5 .banner-left {
        display: none;
    }
    .banner-5 .banner-right {
        margin-left: 0;
    }
    .banner-6 .banner-left {
        display: none;
    }
    .banner-6 .banner-right {
        width: 100%;
        padding-left: 0;
    }
    /*=====  End of Homepage Plumbing  ======*/
}

/*----------  1.5. Media screen max width 480px  ----------*/

@media screen and (max-width: 480px) {
    /*===================================
	=            List column            =
	===================================*/

    .list-block.column-4 .item:nth-child(-n + 4) {
        margin-top: 20px;
    }
    .list-block.column-4 .item:nth-child(-n + 3) {
        margin-top: 20px;
    }
    .list-block.column-4 .item:nth-child(-n + 2) {
        margin-top: 20px;
    }
    .list-block.column-4 .item:first-child {
        margin-top: 0;
    }
    .list-block.column-4 > .item {
        width: 100%;
        margin-top: 20px;
    }
    .list-block.column-3 .item:nth-child(-n + 3) {
        margin-top: 20px;
    }
    .list-block.column-3 .item:nth-child(-n + 2) {
        margin-top: 20px;
    }
    .list-block.column-3 .item:first-child {
        margin-top: 0;
    }
    .list-block.column-3 > .item {
        width: 100%;
        margin-top: 20px;
    }
    .list-block.column-2 .item:nth-child(-n + 2) {
        margin-top: 20px;
    }
    .list-block.column-2 .item:first-child {
        margin-top: 0;
    }
    .list-block.column-2 > .item {
        width: 100%;
        margin-top: 20px;
    }
    .list-block.column-1 .item:first-child {
        margin-top: 0;
    }
    .list-block.column-1 > .item {
        margin-top: 20px;
    }
    .list-block-team.column-4 > .item:nth-child(-n + 4) {
        margin-top: 40px;
    }
    .list-block-team.column-4 > .item:nth-child(-n + 3) {
        margin-top: 40px;
    }
    .list-block-team.column-4 > .item:nth-child(-n + 2) {
        margin-top: 40px;
    }
    .list-block-team.column-4 > .item:first-child {
        margin-top: 0;
    }
    .list-block-team.column-4 > .item {
        width: 100%;
        margin-top: 40px;
    }
    .list-block-team.column-3 > .item:nth-child(-n + 3) {
        margin-top: 40px;
    }
    .list-block-team.column-3 > .item:nth-child(-n + 2) {
        margin-top: 40px;
    }
    .list-block-team.column-3 > .item:first-child {
        margin-top: 0;
    }
    .list-block-team.column-3 > .item {
        width: 100%;
        margin-top: 40px;
    }
    .list-block-team.column-2 > .item:nth-child(-n + 2) {
        margin-top: 40px;
    }
    .list-block-team.column-2 > .item:first-child {
        margin-top: 0;
    }
    .list-block-team.column-2 > .item {
        width: 100%;
        margin-top: 40px;
    }
    .list-block-team.column-1 > .item:first-child {
        margin-top: 0;
    }
    .list-block-team.column-1 > .item {
        margin-top: 40px;
    }
    .blog-content .list-block.column-1 > .item {
        margin-top: 20px;
    }
    /*=====  End of List column  ======*/

    /*===========================
	=            404            =
	===========================*/

    .content-wrapper-404 .title {
        font-size: 40px;

        letter-spacing: 1px;
    }
    .group-btn .btn {
        margin-left: 15px;
    }
    /*=====  End of 404  ======*/
}

/*----------  1.6. Media screen max width 414px  ----------*/

@media screen and (max-width: 414px) {
    /*===============================
	=            Spacing            =
	===============================*/

    .padding-top-100 {
        padding-top: 50px;
    }
    .padding-bottom-100 {
        padding-bottom: 50px;
    }
    /*=====  End of Spacing  ======*/

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

    .page-coming-soon .content-wrapper {
        vertical-align: middle;
    }
    .page-coming-soon .header-main {
        margin-bottom: 40px;
    }
    .page-coming-soon .main-content {
        padding: 30px 0;
    }
    .page-coming-soon .content-left {
        margin-bottom: 30px;
        padding: 0 20px;
    }
    .page-coming-soon .content-right {
        padding: 0 20px;
    }
    .page-coming-soon .coming-soon {
        margin-bottom: 10px;

        text-align: center;
    }
    .page-coming-soon .main-count-wrapper {
        width: 50%;
        margin-bottom: 20px;
    }
    .page-coming-soon .input-wrapper {
        margin-bottom: 5px;
    }
    .page-coming-soon .btn {
        padding: 0 10px;
    }
    /*=====  End of Page Coming Soon  ======*/

    /*========================================
	=            Homepage Default            =
	========================================*/

    .slide-banner-1-item-wrapper {
        padding: 25px;
    }
    .slide-banner-1-item-wrapper .subtitle {
        font-size: 16px;
    }
    .slide-banner-1-item-wrapper .title {
        font-size: 30px;
    }
    .slide-banner-1-item-wrapper .title:before {
        top: 10px;

        height: 20px;
    }
    .default-service {
        padding: 50px 0;
    }
    .default-service .banner-1 {
        position: relative;

        max-width: none;
        padding: 20px;

        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }
    .banner-1 .banner-left {
        display: block;

        margin-bottom: 20px;
        padding-right: 0;

        text-align: center;
    }
    .banner-1 .banner-right {
        display: block;

        text-align: center;
    }
    .banner-1 .text {
        font-size: 16px;
        line-height: 1.5;
    }
    .banner-1 .btn {
        font-size: 12px;
        line-height: 33px;

        height: 35px;
        padding: 0 15px;
    }
    .main-title .title {
        font-size: 26px;
    }
    .main-title .title:before {
        top: 8px;

        height: 18px;
    }
    .tablist {
        text-align: left;
    }
    .tablist li {
        margin-left: 0;
    }
    .list-image-gallery .item {
        width: 100%;
    }
    .image-gallery:before {
        content: none;
    }
    .list-block-icon-1 .item {
        width: 100%;
        margin-top: 20px;
    }
    .list-block-icon-1 .item:nth-child(-n + 2) {
        margin-top: 20px;
    }
    .list-block-icon-1 .item:first-child {
        margin-top: 0;
    }
    .banner-1 {
        padding: 20px;
    }
    .banner-2-default {
        padding: 50px 0;
    }
    .banner-2 .subtitle {
        font-size: 18px;

        margin-bottom: 10px;
    }
    .banner-2 .title {
        font-size: 26px;
        line-height: 1.2;

        margin-bottom: 8px;

        letter-spacing: 1px;
    }
    .banner-2 .text {
        font-size: 14px;

        letter-spacing: 2px;
    }
    .banner-2 .btn {
        margin-top: 30px;
    }
    .testimonial-1 {
        padding-top: 50px;
    }
    .testimonial-1 .testimonial-image {
        left: 50%;

        display: inline-block;

        margin-bottom: 10px;

        -webkit-transform: translateX(-50%);
           -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
             -o-transform: translateX(-50%);
                transform: translateX(-50%);
    }
    .testimonial-1 .testimonial-image:before {
        content: none;
    }
    .testimonial-1 .testimonial-content {
        display: block;

        padding: 0;

        text-align: center;
    }
    .testimonial-default .logo-wrapper {
        padding-bottom: 50px;
    }
    .testimonial-default .logo-wrapper .list-logo {
        padding: 0;
    }
    .list-testimonial-1 .slick-dots {
        left: 0;

        text-align: center;
    }
    .list-contact-info {
        padding: 50px 0;
    }
    .list-contact-info .item {
        padding: 0 20px;
    }
    .why-choose-us .block-content .title,
    .we-are .block-content .title {
        line-height: 1.4;

        margin-bottom: 15px;
    }
    /*=====  End of Homepage Default  ======*/

    /*============================
	=            Menu            =
	============================*/

    .header-main .logo-wrapper {
        text-align: right;
    }
    .logo-wrapper .logo {
        max-width: 150px;
    }
    /*=====  End of Menu  ======*/

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

    .wrapper-footer {
        padding: 50px 0;
    }
    .wrapper-footer.style-2,
    .wrapper-footer.style-3 {
        padding: 50px 0;
    }
    footer .col-md-6 .widget {
        margin: 0;
    }
    .title-widget {
        margin-bottom: 20px;
    }
    /*=====  End of Footer  ======*/

    /*==================================
	=            Homepage 2            =
	==================================*/

    .homepage-1-banner .rectangle {
        top: 37%;
        left: -58%;

        height: 180px;
    }
    .homepage-1-banner .banner-video-wrapper {
        top: 61%;
        left: 20%;

        width: 300px;
    }
    .video-modal .modal-content {
        height: 40vh;
        margin-top: 50%;
    }
    .what-we-do .slider-vertical-wrapper .slider-for-wrapper .item-wrapper .img-wrapper:before {
        padding-top: 76%;
    }
    .slider-vertical-wrapper .slick-dots {
        bottom: -110px;
    }
    .slider-vertical-wrapper .slider-for-wrapper .item-wrapper .content-wrapper .description {
        overflow: hidden;

        height: 70px;
        margin-bottom: 15px;
        padding-bottom: 0;
    }
    .list-testimonial-2 {
        padding-top: 50px;
    }
    .list-testimonial-2 .slick-prev,
    .list-testimonial-2 .slick-next {
        bottom: 50px;
        left: 20px;
    }
    .testimonial-2 .content-wrapper {
        padding-left: 0;
    }
    .testimonial-2 .content-wrapper:before {
        content: none;
    }
    .how-we-work-1 .content-wrapper {
        margin: 0 -15px;
        padding: 30px 0 54px 0;
    }
    .how-we-work-1 .list-block-icon-1 .item:nth-child(-n + 2) {
        margin-top: 0;
    }
    .banner-3 .subtitle {
        font-size: 16px;
    }
    .banner-3 .title {
        font-size: 26px;
    }
    .banner-3 .big-title {
        font-size: 70px;
    }
    .banner-bottom {
        padding-top: 40px;
    }
    .banner-bottom .banner-1 {
        position: relative;

        -webkit-transform: none;
           -moz-transform: none;
            -ms-transform: none;
             -o-transform: none;
                transform: none;
    }
    /*=====  End of Homepage 2  ======*/

    /*==================================
	=            Homepage 3            =
	==================================*/

    .homepage-2-banner .banner-item {
        margin: 0 -15px;
    }
    .homepage-2-banner .subtitle {
        font-size: 18px;
    }
    .homepage-2-banner .title {
        font-size: 30px;
    }
    .homepage-2-banner .banner-img-wrapper {
        bottom: -80px;
    }
    /*=====  End of Homepage 3  ======*/

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

    .banner-pages .title-wrapper {
        width: 100%;
        margin-bottom: 20px;
    }
    .banner-pages .banner-btn {
        float: left;
    }
    .gallery-image-grid.style-2 .grid-item {
        width: 100%;
    }
    .gallery-image-grid .grid-item {
        width: 100%;
    }
    .block-image-gallery:before {
        padding-top: 68%;
    }
    /*=====  End of Projects  ======*/

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

    .blog-detail-content .title {
        font-size: 20px;
        line-height: 1.2;
    }
    .blog-author,
    .blog-comment,
    .comment-respond,
    .sidebar {
        margin-top: 50px;
    }
    .blog-author {
        padding: 20px;

        background-color: #f9f9f9;
    }
    .blog-author .media-left {
        display: block;

        margin: 0 auto;
        padding: 0;
    }
    .blog-author .media-right {
        padding: 20px 0 0 0;

        text-align: left;
    }
    .blog-author .media-right:before {
        content: none;
    }
    .blog-comment .comment-list .children {
        margin-left: 40px;
    }
    /*=====  End of Blog detail  ======*/

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

    .testimonial-about,
    .testimonial-homepage-cleaning {
        padding-top: 5px;
    }
    .testimonial-about .banner-bottom,
    .testimonial-homepage-cleaning .banner-bottom {
        padding-top: 20px;
        padding-bottom: 50px;
    }
    .list-block-team > .item {
        width: 100%;
    }
    .list-block-team > .item:nth-child(-n + 2) {
        margin-top: 40px;
    }
    .list-block-team > .item:first-child {
        margin-top: 0;
    }
    /*=====  End of Page About  ======*/

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

    .list-team .banner-bottom {
        padding-top: 50px;
    }
    .detail-content .title {
        line-height: 1.4;

        margin-bottom: 15px;
    }
    /*=====  End of Page Team  ======*/

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

    .portrait-img {
        width: 100%;
    }
    .detail-contact-info .contact-list {
        margin-bottom: 10px;
    }
    .detail-contact-info .social-list {
        margin-left: 0;
    }
    .list-certification .item {
        margin: -5px;
    }
    .certification {
        width: 46.4%;
    }
    /*=====  End of Page Team Member  ======*/

    /*===========================
	=            404            =
	===========================*/

    .content-wrapper-404 .title {
        font-size: 36px;

        letter-spacing: 0;
    }
    .content-wrapper-404 .subtitle {
        font-size: 20px;
    }
    .content-wrapper-404 .img-404 {
        width: 90%;
        margin-top: 50px;
    }
    /*=====  End of 404  ======*/

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

    .list-block-icon-2 .item {
        width: 100%;
    }
    .list-block-icon-2 .item:nth-child(-n + 2 ) {
        margin-top: 30px;
    }
    .list-block-icon-2 .item:first-child {
        margin-top: 0;
    }
    .download .title {
        font-size: 26px;
    }
    .download .subtitle {
        font-size: 18px;
    }
    .btn-download-wrapper .btn-link {
        top: 0;
        left: 50%;

        -webkit-transform: translateX(-50%);
           -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
             -o-transform: translateX(-50%);
                transform: translateX(-50%);
    }
    .btn-download-wrapper .fa-angle-right {
        -webkit-transform: rotate(90deg);
           -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
             -o-transform: rotate(90deg);
                transform: rotate(90deg);
    }
    .btn-download-wrapper:hover .btn-link {
        top: calc(100% + 3px);
    }
    /*=====  End of Page Services  ======*/

    /*======================================
	=            Service Detail            =
	======================================*/

    .service-detail .slider-syncing-wrapper {
        margin-bottom: 35px;
    }
    /*=====  End of Service Detail  ======*/

    /*=========================================
	=            Homepage Cleaning            =
	=========================================*/

    .header-wrapper.header-cleaning .header-main .logo-wrapper {
        padding-right: 10px;
    }
    .homepage-cleaning-banner .slide-banner-1-item-wrapper .subtitle,
    .homepage-plumbing-banner .slide-banner-1-item-wrapper .subtitle {
        font-size: 18px;
    }
    .homepage-cleaning-banner .slide-banner-1-item-wrapper .title,
    .homepage-plumbing-banner .slide-banner-1-item-wrapper .title {
        font-size: 35px;
    }
    .homepage-cleaning-banner .slide-banner-1-item-wrapper .description,
    .homepage-plumbing-banner .slide-banner-1-item-wrapper .description {
        padding: 0;
    }
    .homepage-cleaning-banner .slide-banner-1-item-wrapper .group-btn .btn,
    .homepage-plumbing-banner .slide-banner-1-item-wrapper .group-btn .btn {
        min-width: 200px;
        margin-bottom: 15px;
        margin-left: 0;
    }
    .cleaning-services-block {
        height: 420px;
    }
    .cleaning-services-block .slide-block .slick-list {
        padding: 2px 0 15px 0;
    }
    .cleaning-services .recent-post-inner .media.style-4 .wrapper-image {
        width: 100vw;
    }
    .cleaning-services .recent-post-inner .media.style-4 .wrapper-image:before {
        padding-top: 55%;
    }
    .cleaning-services .recent-post-inner .media-right {
        display: block;

        margin-top: 20px;
    }
    .list-pricing-plan .list-block.column-4 > .item {
        width: 100%;
    }
    .list-pricing-plan .list-block.column-4 .item:nth-child(-n + 2) {
        margin-top: 50px;
    }
    .list-pricing-plan .list-block.column-4 .item:nth-child(-n + 1) {
        margin-top: 0;
    }
    .banner-4 .title {
        font-size: 38px;
    }
    .banner-4 .subtitle {
        font-size: 22px;
    }
    .banner-4 .text {
        font-size: 15px;
    }
    /*=====  End of Homepage Cleaning  ======*/

    /*=========================================
	=            Homepage Plumbing            =
	=========================================*/

    .plumbing-services .list-block-service .item {
        width: 100%;
    }
    .recent-news-testimonial .list-block.column-1 > .item {
        width: 100%;
        margin-top: 20px;
    }
    .recent-news-testimonial .list-block.column-1 > .item:first-child {
        margin-top: 0;
    }
    /*=====  End of Homepage Plumbing  ======*/
}

/*----------  1.7. Media screen max width 380px  ----------*/

@media screen and (max-width: 380px) {
    /*========================================
	=            Page Coming Soon            =
	========================================*/

    .page-coming-soon .header-main {
        margin-bottom: 25px;
    }
    .page-coming-soon .content-left {
        margin-bottom: 20px;
    }
    /*=====  End of Page Coming Soon  ======*/

    /*========================================
	=            Homepage Default            =
	========================================*/

    .slide-banner-1-item-wrapper .title {
        font-size: 28px;
    }
    .slide-banner-1-item-wrapper .title:before {
        top: 8px;

        height: 18px;
    }
    /*=====  End of Homepage Default  ======*/

    /*==================================
	=            Homepage 2            =
	==================================*/

    .homepage-1-banner .banner-title .title {
        font-size: 34px;
    }
    .homepage-1-banner .banner-title .subtitle {
        font-size: 16px;
    }
    .homepage-1-banner .rectangle {
        display: none;
    }
    .homepage-1-banner .banner-video-wrapper {
        left: 5%;

        width: 90vw;
    }
    .block-image-gallery .content {
        padding: 13px;
    }
    .banner-3 .subtitle {
        font-size: 14px;
    }
    .banner-3 .title {
        font-size: 24px;
    }
    .banner-3 .big-title {
        font-size: 64px;
    }
    .what-we-do .slider-vertical-wrapper .slider-for-wrapper .item-wrapper .img-wrapper:before {
        padding-top: 80%;
    }
    /*=====  End of Homepage 2  ======*/

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

    .list-project > .slick-list > .slick-track {
        margin-bottom: 0;
    }
    /*=====  End of Projects  ======*/

    /*===========================
	=            404            =
	===========================*/

    .group-btn .btn {
        margin-bottom: 15px;
        margin-left: 0;
    }
    .group-btn .btn:last-child {
        margin-bottom: 0;
    }
    /*=====  End of 404  ======*/

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

    .certification {
        width: 45.9%;
    }
    /*=====  End of Page Team Member  ======*/

    /*=========================================
	=            Homepage Cleaning            =
	=========================================*/

    .banner-4 .title {
        font-size: 35px;
    }
    .banner-4 .subtitle {
        font-size: 18px;
    }
    /*=====  End of Homepage Cleaning  ======*/
}

/*----------  1.8. Media screen max width 320px  ----------*/

@media screen and (max-width: 320px) {
    /*========================================
	=            Page Coming Soon            =
	========================================*/

    .page-coming-soon .title-wrapper .title {
        font-size: 14px;
    }
    .page-coming-soon .description {
        font-size: 12px;
        line-height: 20px;
    }
    /*=====  End of Page Coming Soon  ======*/

    /*========================================
	=            Homepage Default            =
	========================================*/

    .slide-banner-1-item-wrapper .subtitle {
        font-size: 15px;
    }
    .slide-banner-1-item-wrapper .title {
        font-size: 24px;
    }
    .slide-banner-1-item-wrapper .btn {
        line-height: 36px;

        height: 38px;
        padding: 0 20px;
    }
    .slide-banner-1-item-wrapper .banner-2 .subtitle {
        font-size: 17px;
    }
    .slide-banner-1-item-wrapper .banner-2 .title {
        font-size: 26px;

        letter-spacing: 0;
    }
    .slide-banner-1-item-wrapper .banner-2 .text {
        font-size: 13px;

        letter-spacing: 0;
    }
    .recent-news .block-1 .block-image:before {
        padding-top: 60%;
    }
    /*=====  End of Homepage Default  ======*/

    /*============================
	=            Menu            =
	============================*/

    .hamburger-menu {
        left: 0;
    }
    .body-wrapper.mobile-menu-open .wrapper-content {
        left: 270px;
    }
    .body-wrapper.mobile-menu-open .menu-mobile-wrapper {
        visibility: visible;
    }
    .menu-mobile-wrapper {
        top: 0;
        left: 0;

        width: 270px;
    }
    /*=====  End of Menu  ======*/

    /*==================================
	=            Homepage 2            =
	==================================*/

    .block-image-gallery .content {
        padding: 10px;
    }
    .slider-vertical-wrapper {
        padding-bottom: 60px;
    }
    .slider-vertical-wrapper .slick-dots {
        bottom: -90px;
    }
    .what-we-do .block-icon-3 .icon-cell {
        width: 60px;
    }
    .what-we-do .block-icon-3 .wrapper-icons .icons {
        font-size: 25px;
        line-height: 60px;
    }
    .what-we-do .block-icon-3 .wrapper-info .title {
        font-size: 13px;
    }
    .banner-3 .subtitle {
        font-size: 13px;
    }
    .banner-3 .title {
        font-size: 22px;
    }
    .banner-3 .big-title {
        font-size: 55px;
    }
    .list-testimonial-2 {
        height: 350px;
    }
    .list-testimonial-2 .slick-prev,
    .list-testimonial-2 .slick-next {
        bottom: 20px;
        left: 0;
    }
    .testimonial-2 .infomation {
        margin-top: 5px;
    }
    /*=====  End of Homepage 2  ======*/

    /*==================================
	=            Homepage 3            =
	==================================*/

    .homepage-2-banner .banner-item {
        padding: 60px 0;
    }
    /*=====  End of Homepage 3  ======*/

    /*=============================
	=            Blogs            =
	=============================*/

    .block-info .block {
        padding: 0 10px;
    }
    .block-info .block-info-right {
        margin-left: 10px;
    }
    .block-1 .block-content {
        padding: 20px 10px;
    }
    .block-2 .progress-bar-wrapper {
        margin-bottom: 20px;
    }
    .block-2 .block-content {
        padding: 20px 10px;
    }
    .label-block .text-1 {
        font-size: 16px;
    }
    /*=====  End of Blogs  ======*/

    /*===========================
	=            404            =
	===========================*/

    .page-wrapper {
        min-height: 568px;
    }
    /*=====  End of 404  ======*/

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

    .certification {
        width: 45%;
    }
    /*=====  End of Page Team Member  ======*/

    /*=========================================
	=            Homepage Cleaning            =
	=========================================*/

    .homepage-cleaning-banner .slide-banner-1-item-wrapper .subtitle,
    .homepage-plumbing-banner .slide-banner-1-item-wrapper .subtitle {
        font-size: 16px;
    }
    .homepage-cleaning-banner .slide-banner-1-item-wrapper .title,
    .homepage-plumbing-banner .slide-banner-1-item-wrapper .title {
        font-size: 30px;
    }
    .cleaning-services-block {
        height: 360px;
    }
    .banner-4 .title {
        font-size: 28px;
    }
    .banner-4 .subtitle {
        font-size: 18px;
    }
    /*=====  End of Homepage Cleaning  ======*/
}
 body {
 	font-family:/* Georgia, */Microsoft JhengHei,sans-serif;
 	font-size: 15px; 
 }


.header-wrapper.transparent .header-main.header-fixed {
	background-color: #000;
	/* #a05353 */
}

.default-service .banner-1,.banner-bottom .banner-1 {
	background-image: none;
}

.image-gallery:before {
	background-color: #a94442;
}

.block-icon-1 .wrapper-icons:before {
	background-color: rgba(196, 68, 66, .1);
}

.block-icon-1 .wrapper-icons {
	background-color: #a94442;
}

.sg-icon img {
	display: inline-block;
	width: 100px;
}

.default-service {
	background-image: none;
}

.detail-content .title {
	color: #800000;
}

.wrapper-footer.white {
	background-image: none;
	background-color: #1D2A3B;
}

.contact-default .list-contact-info {
	background-image: none;
	background-color: #fff;
}

.contact-default,.main-contact{
	background-image: url(../images/background/index-cta-bg.jpg);
}

.contact-info-box .wrapper-info .text span {
	font-weight: 600;
}

.block-1 .block-image .img-full {
	width: 100%;
	height: auto;
}

.banner-blog,.banner-pages{
	background-image: url(../images/background/slider-banner-2.jpg);
}

.form-control {
	color: #fff;
}

.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
.form-control::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
.form-control:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
.form-control:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}


.brands {
	padding: 60px 0 20px 0;
}

.h-list {
	margin-bottom: 10px;
	border-bottom: 1px solid #fff;
}

.num {
	font-size: 18px;
	font-weight: 600;
	color: #a94442;
}


.detail-content .title {
	display: none;
}

.about-3 {
	background-color: #f4f8fe;
}

.about-1,.about-3,.about-4,.about-5 {
	/* background-color: #f4f8fe; */
	padding-top: 30px;
	padding-bottom: 30px;
}

.main-tit h2 {
	border-left: 4px solid #a94442;
	padding-left: 10px;
	font-weight: 600;
}

.about-4 .pic {
	margin-bottom: 20px;
}

.table tr:nth-child(2n) {
	background-color: #a94442;
	color: #fff;
}