/*
Theme Name: Brixel
Theme URI: http://themes.radiantthemes.com/brixel/
Author: RadiantThemes
Author URI: https://themeforest.net/user/radiantthemes
Description: Brixel is a versatile, dynamic and cross-browser compatible construction industry WordPress theme for small, mid-size and large enterprises/organizations worldwide. Companies as well as entrepreneurs looking to build a dynamic, feature rich and mobile device responsive building or construction website of their own, can certainly bet on this latest "Brixel" construction WordPress theme. This versatile WordPress theme provides the flexibility to tailor a construction firm/company website design. This is one of the latest additions to the construction WordPress theme or template.
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: brixel
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

brixel is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
    outline: none
}

.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none
}


@font-face {
    font-family: 'flexslider-icon';
    src: url("fonts/flexslider-icon.eot");
    src: url("fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("fonts/flexslider-icon.woff") format("woff"), url("fonts/flexslider-icon.ttf") format("truetype"), url("fonts/flexslider-icon.svg#flexslider-icon") format("svg");
    font-weight: normal;
    font-style: normal
}

.flexslider {
    margin: 0;
    padding: 0
}

.flexslider .slides>li {
    display: none;
    -webkit-backface-visibility: hidden
}

.flexslider .slides img {
    height: 100%;
    display: block
}

.flex-pauseplay span {
    text-transform: capitalize
}

.slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

html[xmlns] .slides {
    display: block
}

.flexslider {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    border: 0;
}

.flexslider {
    margin: 10px;
    background: #E7F7F8;
    border: 0px solid #fff;
    position: relative;

    zoom: 1;
    border-radius: 15px;
    overflow: hidden;
}

.flexslider .slides {}

.flexslider .slides li {
    position: relative;
    height: auto;
    min-height: 800px;
    display: none;
    -webkit-backface-visibility: hidden;
}

@media (max-width: 1500px) {

    .flexslider .slides li {
        min-height: auto;
    }
}

.flexslider .slides li img {}

.flexslider .slides li .container {
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 9;

}

@media (max-width: 990px) {
    .flexslider .slides li .container {
        align-items: flex-end;
        padding: 0;
        margin: 0;
    }

    .flexslider .slides li .container .meta {
        padding: 35px 15px 5px 15px;
        background: #fff;
        border-radius: 0;
        width: 100% !important;
    }
}

.flexslider .slides li .container .meta {
    position: relative;
    width: 520px;
    max-width: 1300px;
    z-index: 9;
    margin: 0px;
    text-align: left;

}

.flexslider .slides li .container .meta h1,
.flexslider .slides li .container .meta h2 {
    font-size: 50px;
    line-height: 1.1;
    margin-bottom: 0px;
    position: relative;
    color: #000;
    font-weight: 600;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

/* .flexslider .slides li .container .meta h2::before {
    position: absolute;
    left: 45%;
    bottom: -15px;
    content: "";
    background: #2ea5de;
    z-index: 9;
    height: 1px;
    width: 10%;
} */

.flexslider .slides li .container .meta p {
    color: #fff;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
    font-weight: 300;
    font-size: 18px;
}

.flexslider .slides li.flex-active-slide .meta h1,
.flexslider .slides li.flex-active-slide .meta h2 {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInLeft1;
    animation-name: fadeInLeft1;
}

.flexslider .slides li.flex-active-slide .meta p {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInLeft1;
    animation-name: fadeInLeft1;
}

.flexslider .slides li:after {
    position: absolute;
    content: "";
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.55);
    background-color: transparent;
    z-index: 5;

}

.flexslider .slides li .container .meta a {



    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
    transition: all 500ms;
    margin-right: 10px;
}

.nav>[class*='menu-']>ul.menu>li>a:hover:before {
    transform: scale(1);
}

.header_top_item .header-data-social ul.social li a:hover {}

.radiantthemes-button .radiantthemes-button-main {
    margin-top: 30px;
}

.footer_copyright_item ul.social li a:hover {
    color: rgb(154 0 0);
}

.footer_copyright_item.text-left a {
    transition: all 500ms;
}

.footer_copyright_item.text-left a:hover {
    color: #fff;
}

.radiantthemes-button .radiantthemes-button-main:hover {
    background-color: rgb(89 89 89);
}


.flex-control-nav li {
    margin: 15px 0;
    display: block;
    zoom: 1;
    display: inline;
}

.flex-control-paging li a {

    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    border: 2px solid #fff;
}

.flexslider .slides li.flex-active-slide .container .meta a {
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInLeft1;
    animation-name: fadeInLeft1;
}

.flexslider .slides li .container .meta a i {
    width: 0 !important;
    opacity: 0;
    transition: all 500ms;
    margin-left: 0 !important;
}

.flexslider .slides li .container .meta a:hover i {
    width: auto !important;
    margin-left: 10px !important;
    opacity: 1;
}

.flexslider .slides li .container .meta a i:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: auto;
    margin-right: 0;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: inherit;
    margin-left: 0;
}

.flex-control-nav:before {
    display: none;
}

.flex-control-nav:after {
    display: none;
}

.flex-control-paging li a {
    width: 15px;
    height: 15px;
    background-color: #2da6df;
    border: 0;
    box-shadow: 0 0 0 2px transparent;
    transition: all 500ms;
    position: relative;
}

.flex-control-paging li a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: all 500ms;
}

.flex-control-paging li a.flex-active {
    box-shadow: 0 0 0 2px rgb(255 255 255);
    background-color: transparent;
    border: 0;
}

.flex-control-paging li a.flex-active:after {
    transform: scale(0.4);
    background-color: rgba(255, 255, 255, 1);
}

.flex-control-paging li a:hover {
    box-shadow: 0 0 0 2px rgb(255 255 255);
    background-color: transparent;
    border: 0
}

.flex-control-paging li a:hover:after {
    transform: scale(0.4);
    background-color: rgba(255, 255, 255, 1);
}

.flex-control-nav {
    position: absolute;
    bottom: 30px;
    text-align: center;
    z-index: 2;
    right: 0;
    margin: auto;
    left: 0;
    top: inherit;
    height: auto;
    text-align: center;
}

.flex-control-nav li {
    display: block;
    zoom: 1;
    display: inline-block;
    margin: 0 4px;
}

span.small-head {
    font-size: 20px;
    color: #acacac;
}

.about-row {
    display: flex;
    align-items: center;
}

.blog.element-eleven {}

.vc_column-inner.gal-slide {
    padding-left: 0;
    padding-right: 0;
}

.blog.element-eleven .blog-item {
    padding: 0 !important;
}

.map-out {
    padding: 0 !important;
}

.vc_column-inner.gal-slide .blog.element-eleven {
    width: auto;
    margin-left: 15px;
    margin-right: 0;
}

.wpb_column.vc_column_container.vc_col-sm-12.gal-contain {
    padding-left: 15px;
}

.g-map {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

.g-map:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .44);
}

.vc_row-flex.focus-boxes {
    background-color: transparent !important;
    z-index: 9;
}

.g-map iframe {
    border: 0;
    float: left;
    width: 100%;
    height: 100%;
}

.footer_copyright_item.text-left a:first-child {
    margin-left: 0 !important;
}

@-webkit-keyframes fadeInLeft1 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft1 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
    }
}

.rt-portfolio-box.element-six .rt-portfolio-box-item>.holder>.pic>.data .category {
    color: rgb(128 128 128) !important;
}

.radiantthemes-button>.radiantthemes-button-main {
    color: #fff !important;
}

.rt-portfolio-box-filter.filter-style-seven>button:before {
    background-color: rgb(154 0 0) !important;
}

.home-one-counter-box-number:before {
    background-color: #fff !important;
}

@media (max-width:1500px) {
    .flexslider .slides li .container {
        top: 100px;
    }
}

@media (max-width:1200px) {
    .flexslider .slides li .container .meta h1 {
        font-size: 50px;
    }
}

.preloader {
    position: fixed;
    z-index: 999999;
    background-color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.flexslider .slides li .container .meta a:hover {}

.footer_main_item .widget_nav_menu ul li a:hover {}

.rt-fancy-text-box.element-three>.holder>.content a {
    padding: 5px 15px;
    color: #fff;
    display: inline-block;
    margin-top: 15px;
    transition: all 500ms;
}

.rt-fancy-text-box.element-three>.holder>.content a:hover {}

.rt-fancy-text-box.element-three>.holder>.content {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.rt-fancy-text-box.element-three>.holder {
    display: flex;
    flex-direction: column;
}

.rt-fancy-text-box.element-three>.holder>.icon img {
    width: 80px;
    height: 80px;
}

.flex-direction-nav {
    position: absolute;
    max-width: 1320px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: inline-flex;
    bottom: 50px;

    z-index: 99;
}

.flex-direction-nav a {
    display: block;
    float: left;
}

.flex-direction-nav a img {
    padding: 20px;
    transform: translate(0%, 0%) !important;

}



@media (max-width: 1500px) {
    .flex-direction-nav {
        bottom: 20px;
        left: 0px;
    }
}

@media (max-width: 1400px) {
    .flex-direction-nav {
        bottom: 20px;
        left: 70px;
        display: none;
    }
}

@media (max-width: 1300px) {
    .flexslider .slides li .container {
        top: 100px;
        max-width: 98%;
    }
}


@media (max-width: 1000px) {
    .flexslider .slides li .container .meta {
        position: relative;
        width: 370px;
    }

    .flexslider .slides li .container .meta .more {
        margin-bottom: 15px;
        padding: 13px 28px 11px 28px;
    }


}

@media (max-width: 990px) {
    .flexslider .slides li .container {
        max-width: 100%;
    }
}

@media (max-width:767px) {
    .flexslider .slides li .container {
        position: static;
    }
}