/*
Theme Name: Industry
Author: DJMiMi
Theme URI: http://themeforest.net/user/DJMiMi
Author URI: http://themeforest.net/user/DJMiMi
License: GPL 2.0
License URI: license.txt
Description:  Industry - Factory, Company And Industry WP Theme
Version: 1.5
Tags: light
*/

 .wp-caption,img,select{
    max-width:100%
}
.ind-slide,header,section{
    position:relative
}
.nav.navbar-nav li a,.read-more,.title-divider{
    text-transform:uppercase
}
.blog-item,.contact-map,.gallery-item,.industry-form,.project-item,.team-member-avatar,.video-container,.video-section,.widget>ul,.widget_widget_file_download a{
    overflow:hidden
}
.popupImage,.testimonial-item{
    cursor:pointer
}
@media (max-width:769px){
    .navbar-header{
        float:none
    }
    .navbar-left,.navbar-nav,.navbar-right{
        float:none!important
    }
    .navbar-toggle{
        display:block
    }
    .navbar-collapse{
        border-top:1px solid transparent;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.1)
    }
    .navbar-fixed-top{
        top:0;
        border-width:0 0 1px
    }
    .navbar-collapse.collapse{
        display:none!important
    }
    .navbar-nav{
        margin-top:7.5px
    }
    .navbar-nav>li{
        float:none
    }
    .navbar-nav>li>a{
        padding-top:10px;
        padding-bottom:10px
    }
    .collapse.in{
        display:block!important
    }
}
html *{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -ms-font-feature-settings:normal
}
*,:after,:before{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
body{
    font-family:"Open Sans",sans-serif;
    color:#505050;
    font-size:14px;
    line-height:24px;
    background-color:#fff;
    overflow-x:hidden;
    -webkit-font-feature-settings:"lnum";
    -moz-font-feature-settings:"lnum";
    -ms-font-feature-settings:"lnum";
    -o-font-feature-settings:"lnum";
    font-feature-settings:"lnum"
}
.header-font{
    font-family:Montserrat,sans-serif
}
.slider-gap{
    margin-bottom:75px
}
p{
    margin-bottom:15px;
    color:#000
}
li{
    color:#000!important
}
img{
    transform-style:preserve-3d;
    border-radius:3px;
    height:auto
}
a,a:visited{
    outline:0;
    text-decoration:none;
    display:inline-block;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
a:active,a:focus,a:hover{
    outline:0;
    color:#F7C51D;
    text-decoration:none
}
.grey,.grey:visited,.widget ul.grey{
    color:grey;
    padding:0;
    margin:0;
    font-size:12px;
    line-height:19px
}
a.grey:hover{
    color:#F7C51D
}
mark{
    background:0 0;
    color:#555;
    font-weight:700
}
.animation,.testimonials.owl-theme .owl-controls .owl-buttons div,img{
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.break-word{
    word-break:break-all
}
select{
    height:40px
}
#order_comments,input[type=text],input[type=password],input[type=tel],input[type=email]{
    border-radius:3px;
    height:34px;
    line-height:34px;
    border:1px solid #eee;
    padding:6px 12px
}
#order_comments{
    height:210px
}
h1,h2,h3,h4,h5,h6{
    margin:10px 0;
    line-height:1.25;
    color:#202020;
    font-family:Montserrat,sans-serif
}
h1{
    font-size:38px
}
h2{
    font-size:32px
}
h3{
    font-size:28px
}
h4{
    font-size:22px
}
h5{
    font-size:18px
}
h6{
    font-size:10px
}
blockquote{
    font-size:20px;
    font-style:italic;
    border:none;
    padding-left:20px;
    margin-bottom:20px
}
.no-padding,section{
    padding:0
}
.no-margin,section{
    margin:0
}
cite{
    font-size:16px;
    font-style:normal;
    text-align:right;
    display:block
}
section{
    width:100%
}
header{
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover
}
.border-bottom{
    padding-bottom:15px;
    margin-bottom:15px;
    border-bottom:1px solid #eee
}
.top-space{
    margin-top:50px
}
.top-bar,.top-bar p{
    margin:0
}
.padding-10{
    padding-top:10px
}
@media only screen and (min-width:768px){
    .topbar-collapse{
        display:block
    }
}
.search-bar,.show-small{
    display:none
}
.search-bar{
    background:#202020
}
.search-list li{
    padding-top:5px
}
.search-list li:first-child{
    padding-top:0
}
.search-bar input{
    border:none;
    background:0 0;
    width:100%;
    height:60px;
    color:#fff;
    line-height:60px;
    font-size:15px
}
.search-bar input::-webkit-input-placeholder{
    color:grey
}
.search-bar input::-moz-placeholder{
    color:grey
}
.search-bar input:-ms-input-placeholder{
    color:grey
}
.search-bar input:-moz-placeholder{
    color:grey
}
@media only screen and (max-width:769px){
    .hide-small{
        display:none
    }
    .show-small{
        display:block
    }
}
.top-bar{
    padding:5px 0;
    font-size:13px;
    color:grey;
    background:#343434
}
.top-bar a{
    color:grey;
    margin:0 5px
}
.top-bar a:last-child{
    margin-right:0
}
@media only screen and (max-width:400px){
    .top-bar .pull-left,.top-bar .pull-right{
        width:100%
    }
    .top-bar{
        text-align:center
    }
}
header .header-boxes li{
    padding:0 20px;
    float:left;
    display:flex
}
@media only screen and (max-width:768px){
    header .header-boxes li{
        width:33.33%
    }
}
@media only screen and (max-width:666px){
    header .header-boxes li{
        width:100%
    }
}
.icon-details{
    align-self:center
}
header .header-boxes li:last-child{
    padding-right:0
}
header .header-boxes li:not(:last-child){
    border-right:1px solid #eee
}
header .header-boxes i{
    font-size:35px;
    line-height:34px;
    margin-right:10px;
    color:#343434
}
header .header-boxes h5,header .header-boxes p{
    margin:0;
    line-height:1
}
header .header-boxes h5{
    margin:0 0 3px;
    font-size:15px
}
.icon-details p{
    font-size:13px
}
.header-top{
    padding:5px 30px;
    display:flex;
    align-items:center
}
.header-top .logo img{
    max-width:400px
}
.header-top .logo{
    display:block;
    text-align:left
}
.blog-meta,.owl-carousel .owl-controls{
    text-align:center
}
@media only screen and (max-width:769px){
    .flex-left,.flex-right{
        width:100%
    }
    .header-top .logo img{
        max-width:350px
    }
    .header-top .logo{
        text-align:center
    }
}
.industry-slider{
    display:none;
    margin-bottom:75px
}
.ind-slide{
    height:450px;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover
}
.ind-slide-caption{
    position:absolute;
    opacity:0;
    top:50%;
    left:0;
    right:auto;
    transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    z-index:2;
    -webkit-transition:all .4s ease-in-out;
    -moz-transition:all .4s ease-in-out;
    -ms-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out;
    width:40%
}
.ind-slide-caption h2{
    color:#F7C51D;
    letter-spacing:1px;
    font-size:40px;
    margin:20px 0;
    font-weight:700
}
#reply-title,label{
    font-weight:400
}
.ind-slide-caption p{
    color:#fff;
    font-size:20px;
    margin:20px 0 30px
}
.ind-slide-caption a{
    border-radius:3px;
    background:0 0;
    padding:11px 17px;
    font-family:Montserrat,sans-serif;
    margin-bottom:20px;
    line-height:21px;
    color:#F7C51D;
    border:2px solid #F7C51D
}
.ind-slide-caption a:hover{
    background:#F7C51D;
    color:#202020
}
.owl-carousel .owl-controls .owl-nav>div{
    position:absolute;
    top:calc(50% - 14px);
    text-align:center;
    font-size:21px;
    color:#fff;
    background:#202020;
    line-height:38px;
    width:40px;
    height:40px;
    border-radius:3px;
    -webkit-transition:all .4s ease-in-out;
    -moz-transition:all .4s ease-in-out;
    -ms-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out;
    z-index:5;
    opacity:0
}
table,table td{
    border:2px solid #eee
}
@media only screen and (max-width:769px){
    .ind-slide-caption{
        width:auto;
        right:5%
    }
    .ind-slide-caption h2{
        font-size:25px
    }
    .ind-slide-caption p{
        font-size:14px
    }
    .ind-slide-caption a{
        font-size:12px;
        padding:5px 10px
    }
    .industry-slider.owl-carousel .owl-controls .owl-nav>div{
        top:89%
    }
}
.owl-carousel:hover .owl-controls .owl-nav>div{
    opacity:1
}
.owl-carousel .owl-controls .owl-nav .owl-prev{
    left:10px
}
.owl-carousel .owl-controls .owl-nav .owl-next{
    right:10px
}
.owl-theme .owl-controls{
    margin-top:0
}
table{
    width:100%;
    margin:15px 0
}
hr{
    border-color:#eee
}
table th{
    padding:5px 5px 1px
}
table td{
    padding:5px
}
.project-item,.project-item img{
    border-radius:3px
}
.projects-slider{
    display:none
}
.project-item{
    position:relative
}
.project-item-overlay{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:#000;
    opacity:0;
    border-radius:3px
}
.project-item:hover .project-item-overlay{
    opacity:.7
}
.project-item h6{
    color:#fff;
    width:100%;
    font-size:16px
}
.project-caption{
    position:absolute;
    opacity:0;
    left:-500px;
    top:50%;
    transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%)
}
.project-item:hover .project-caption{
    opacity:1;
    left:10px
}
.project-item .btn,.project-item .btn:active{
    padding:3px 10px;
    font-size:11px
}
.btn,.tagcloud a,a.btn,a.btn.active,a.btn:active{
    border-radius:2px;
    border:none;
    background:#F7C51D;
    color:#202020;
    display:inline-block;
    white-space:normal;
    font-size:12px;
    line-height:23px;
    padding:10px 15px;
    box-shadow:none;
    font-weight:400;
    text-transform:uppercase;
    font-family:Montserrat,sans-serif
}
.btn:active,.btn:focus,.btn:hover,.tagcloud a:active,.tagcloud a:focus,.tagcloud a:hover{
    border:none;
    background:#202020;
    color:#fff
}
.btn.btn-inv,a.btn.btn-inv,a.btn.btn-inv:active{
    background-color:#202020;
    color:#fff
}
.btn.btn-inv:active,.btn.btn-inv:focus,.btn.btn-inv:hover{
    background-color:#F7C51D;
    color:#202020
}
.btn i{
    margin-left:5px
}
.btn i.no-margin{
    margin:0
}
.btn.medium{
    padding:10px 18px
}
.btn.large{
    padding:15px 28px
}
.tagcloud a{
    padding:1px 10px;
    margin:2px;
    float:left
}
a.submit-live-form{
    display:block
}
.submit-form i{
    margin-left:5px;
    margin-right:0
}
.ind-cta{
    padding:50px 0;
    display:flex
}
.ind-cta a.btn{
    background:#202020;
    color:#fff;
    height:40px;
    padding-top:0;
    padding-bottom:0;
    line-height:40px;
    align-self:flex-end;
    margin-left:auto
}
.ind-cta a.btn:hover{
    background:#F7C51D;
    color:#200202
}
.ind-cta h4{
    line-height:40px;
    margin:0
}
@media only screen and (max-width:500px){
    .ind-cta{
        display:block
    }
    .ind-cta a{
        margin-top:25px
    }
}
.page-item{
    margin-bottom:30px
}
.page-item a{
    display:block
}
.read-more{
    display:inline-block
}
.page-item img{
    border-radius:3px;
    width:100%
}
.page-item .page-media{
    margin-bottom:25px
}
.page-item.side-media{
    display:flex
}
.blog-title,.page-item.side-media h5 a{
    display:inline-block
}
.page-item.side-media .page-media{
    margin-right:20px
}
.blog-media{
    margin-bottom:15px
}
.blog-item{
    position:relative;
    border-radius:3px
}
.blog-item.product-item{
    margin-bottom:45px
}
.blog-media img{
    width:100%;
    height:auto
}
.blog-item h5{
    margin-bottom:0
}
.blog-item p{
    margin-bottom:10px
}
.blog-category{
    margin-bottom:15px;
    color:#909090
}
.blog-category i,.blog-meta i{
    margin-right:5px
}
.blog-meta{
    line-height:35px;
    color:#909090
}
.blog-meta li{
    margin-right:10px
}
.blog-title{
    margin-bottom:15px;
    padding-bottom:15px;
    position:relative
}
.blog-title:after{
    content:" ";
    position:absolute;
    bottom:0;
    left:0;
    height:2px;
    border-radius:3px;
    width:50px;
    background:#343434
}
.blog-title h5{
    margin:0
}
.post-meta,.post-tags{
    margin-bottom:20px
}
.blog-title:hover h5{
    color:#F7C51D
}
.blog-media a{
    display:block
}
.post-meta{
    font-size:13px;
    color:#7a7a7a
}
.single-blog .blog-media,.single-blog .blog-meta{
    margin-bottom:30px
}
.post-meta a{
    display:inline
}
.grey .fa,.post-meta li{
    margin-right:5px
}
.single-top-meta{
    margin-bottom:20px
}
.single-top-meta:before{
    content:"\f178";
    font-family:FontAwesome;
    display:inline-block;
    vertical-align:middle;
    margin-right:5px
}
.post-title{
    margin-top:0;
    margin-bottom:25px
}
.bottom-meta{
    padding:10px 0;
    margin:15px 0
}
@media only screen and (max-width:768px){
    .bottom-meta .pull-left{
        margin-bottom:10px
    }
    .bottom-meta .pull-left,.bottom-meta .pull-right{
        width:100%;
        text-align:left
    }
}
#navigation,.logo,.navbar-default .navbar-collapse{
    text-align:center
}
.single-blog .post-title{
    margin:15px 0 30px;
    padding-left:20px
}
.post-tags .fa{
    margin-right:10px
}
.author{
    margin-bottom:50px;
    margin-top:30px
}
.author .avatar{
    float:left;
    margin-right:15px
}
.title-divider{
    border-bottom:1px solid #eee;
    margin-top:50px
}
.dummy-breadcrumbs{
    margin-bottom:75px
}
.page-title{
    margin:0!important;
    background:0 0!important;
    padding:0
}
.navbar,.navbar li{
    margin-bottom:0
}
.page-title h1{
    font-size:30px;
    color:#000!important
}
.breadcrumb a:hover{
    color:#F7C51D
}
.breadcrumb>li+li::before,ul.breadcrumb,ul.breadcrumb a{
    color:#000!important
}
ul.breadcrumb{
    background-color:transparent;
    padding:0;
    margin:0
}
.page-title .pull-right{
    line-height:68px
}
@media only screen and (max-width:768px){
    .page-title .pull-right{
        line-height:23px
    }
    .page-title .pull-left,.page-title .pull-right{
        width:100%;
        text-align:center
    }
}
.logo a{
    display:block
}
.navigation-bar{
    border-right:none;
    padding:0
}
.fixed-responsive-nav{
    box-shadow:1px 1px 2px 0 rgba(0,0,0,.04)
}
#navigation .dropdown-menu{
    margin:0;
    border:none;
    box-shadow:1px 1px 25px rgba(0,0,0,.5);
    top:100%;
    background:rgba(117,117,251);
    border-radius:0 0 3px 3px
}
#navigation .dropdown-menu .dropdown-menu{
    top:0
}
.nav.navbar-nav>li>.dropdown{
    margin-top:1px
}
.nav.navbar-nav>li:last-child{
    float:right
}
.navbar li.dropdown ul li.dropdown ul{
    left:100%;
    top:0
}
.nav.navbar-nav ul.dropdown-menu{
    padding:0 10px;
    font-size:13px
}
.nav.navbar-nav ul li a{
    padding:10px 0;
    position:relative;
    color:#fffff!important
}
.nav.navbar-nav ul li a .fa-angle-right{
    position:absolute;
    right:10px;
    top:50%;
    transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -webkit-transform:translateY(-50%)
}
.navbar{
    border-radius:0;
    border:none;
    background:0 0;
    min-height:0
}
.navbar-collapse{
    padding:0;
    border:none
}
#navigation,#navigation .nav.navbar-nav{
    border-radius:3px 3px 0 0
}
.nav.navbar-nav{
    margin:0;
    width:100%
}
.nav.navbar-nav>li>a{
    padding:10px 5px
}
.nav.navbar-nav li a{
    font-family:Montserrat,sans-serif
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a{
    color:#232323
}
.nav.navbar-nav>li{
    margin:0 3px
}
@media only screen and (min-width:769px){
    .dropdown-menu li a:after{
        content:' ';
        position:absolute;
        width:20px;
        left:0;
        bottom:-1px;
        border-bottom:1px dotted #ccc
    }
}
.dropdown-menu li:last-child a:after{
    content:none
}
#navigation{
    background:#202020
}
.fixed-responsive-nav #navigation{
    background:0 0
}
#navigation .nav.navbar-nav>li>a{
    background:0 0;
    padding:13px;
    margin:0;
    color:#fff
}
.fixed-responsive-nav #navigation .nav.navbar-nav>li>a{
    color:#202020
}
.fixed-responsive-nav .nav>li.search-nav{
    display:none
}
@media only screen and (min-width:769px){
    .fixed-responsive-nav #navigation .nav.navbar-nav>li:nth-last-child(2) a{
        padding-right:0
    }
}
#navigation .nav.navbar-nav>li:first-child a{
    border-radius:3px 0 0
}
#navigation .nav.navbar-nav>li:last-child a{
    border-radius:0 3px 0 0
}
#navigation .nav.navbar-nav>li{
    margin:0
}
#navigation .nav.navbar-nav li.open>a,#navigation .nav.navbar-nav>li.current>a,#navigation .nav.navbar-nav>li>a:active,#navigation .nav.navbar-nav>li>a:focus,#navigation .nav.navbar-nav>li>a:hover,#navigation .navbar-nav>li.current-menu-ancestor>a,#navigation .navbar-nav>li.current-menu-item>a,#navigation .navbar-nav>li.current-menu-parent>a{
    color:#202020;
    background:#F7C51D
}
#navigation .nav.navbar-nav .dropdown-menu li.current>a,#navigation .nav.navbar-nav .dropdown-menu li.open>a,#navigation .nav.navbar-nav .dropdown-menu li>a:active,#navigation .nav.navbar-nav .dropdown-menu li>a:focus,#navigation .nav.navbar-nav .dropdown-menu li>a:hover,#navigation .navbar-nav .dropdown-menu li.current-menu-ancestor>a,#navigation .navbar-nav .dropdown-menu li.current-menu-item>a,#navigation .navbar-nav .dropdown-menu li.current-menu-parent>a,.fixed-responsive-nav #navigation .nav.navbar-nav li.open>a,.fixed-responsive-nav #navigation .nav.navbar-nav>li.current>a,.fixed-responsive-nav #navigation .nav.navbar-nav>li>a:active,.fixed-responsive-nav #navigation .nav.navbar-nav>li>a:focus,.fixed-responsive-nav #navigation .nav.navbar-nav>li>a:hover,.fixed-responsive-nav #navigation .navbar-nav>li.current-menu-ancestor>a,.fixed-responsive-nav #navigation .navbar-nav>li.current-menu-item>a,.fixed-responsive-nav #navigation .navbar-nav>li.current-menu-parent>a,.widget_nav_menu .current-menu-item a{
    color:#F7C51D;
    background:0 0
}
.nav.navbar-nav ul{
    padding:0;
    border-radius:0;
    border:none
}
.navbar-toggle{
    color:#343434;
    padding-right:0;
    margin:0;
    font-size:21px;
    line-height:1;
    float:none;
    vertical-align:middle
}
.navbar-nav>li>a{
    line-height:20px
}
@media only screen and (min-width:768px){
    .fixed-responsive-nav{
        position:fixed;
        left:0;
        right:0;
        top:-1000px;
        z-index:10;
        background:#fff
    }
}
@media only screen and (max-width:769px){
    #navigation,#navigation .nav.navbar-nav,#navigation .nav.navbar-nav>li:first-child a{
        border-radius:3px 3px 0 0
    }
    .nav.navbar-nav li.pull-right,.nav>li.search-nav{
        display:none
    }
    .nav.navbar-nav{
        margin-left:0;
        margin-right:0;
        display:block
    }
    #navigation .navbar-nav li a{
        text-align:left;
        display:block
    }
    #navigation .dropdown-menu{
        box-shadow:none;
        position:static;
        float:none
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a{
        background:#fff
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li.current-menu-ancestor>a,.navbar-default .navbar-nav .open .dropdown-menu>li.current-menu-item>a,.navbar-default .navbar-nav .open .dropdown-menu>li.current-menu-parent>a,.navbar-default .navbar-nav .open .dropdown-menu>li>a:active .navbar-default .navbar-nav .open .dropdown-menu>li.current>a,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{
        color:#F7C51D;
        background:#fff
    }
    .navbar-nav .open .dropdown-menu>li>a{
        color:#232323;
        padding:10px 15px
    }
    .nav.navbar-nav>li>a{
        line-height:20px
    }
    .logo-small-screen button{
        padding-left:0
    }
    header .full-small{
        width:100%;
        text-align:center
    }
    .dropdown-toggle i{
        float:right;
        width:30px;
        height:22px;
        line-height:22px
    }
    .nav.navbar-nav ul li a .fa-angle-right{
        right:6px;
        transform:translateY(-50%) rotate(90deg);
        -ms-transform:translateY(-50%) rotate(90deg);
        -webkit-transform:translateY(-50%) rotate(90deg);
        -moz-transform:translateY(-50%) rotate(90deg)
    }
    .nav.navbar-nav ul.dropdown-menu{
        padding:0
    }
    #navigation .dropdown-menu{
        border:none;
        background:0 0
    }
    header ul.header-boxes.no-margin li{
        padding:0 0 10px;
        border-right:none;
        margin:0 auto
    }
    header ul.header-boxes.no-margin{
        margin-bottom:15px;
        margin-top:25px
    }
    header .header-boxes li i{
        margin-right:10px
    }
    .fixed-responsive-nav{
        display:none
    }
    .header-top{
        padding:25px 0 0
    }
}
.mega_menu{
    padding:15px 20px 0 0
}
.mega_menu.full-width{
    width:100%
}
.mega_menu.full-width .container{
    padding:0
}
.nav.navbar-nav .mega_menu ul li a{
    padding:5px 0
}
.mega_menu.col-1:not(.full-width){
    width:250px
}
.mega_menu.col-2:not(.full-width){
    width:500px
}
.mega_menu.col-3:not(.full-width){
    width:750px
}
.mega_menu.col-4:not(.full-width){
    width:1000px
}
.mega_menu.col-5:not(.full-width){
    width:1170px
}
.mega_menu .widget{
    margin-bottom:15px;
    float:left;
    padding-left:20px
}
.col-1 .widget{
    width:100%
}
.col-2 .widget{
    width:50%
}
.col-3 .widget{
    width:33.32%
}
.col-4 .widget{
    width:25%
}
.col-5 .widget{
    width:20%
}
@media only screen and (max-width:769px){
    .col-1 .widget,.col-2 .widget,.col-3 .widget,.col-4 .widget,.col-5 .widget{
        width:100%
    }
}
.fake-thumb-wrap{
    text-align:center;
    margin:0;
    width:60px;
    height:60px;
    border:2px solid #eee;
    border-radius:3px
}
.post-format{
    font-size:18px;
    line-height:59px;
    font-family:dashicons
}
.post-format-standard:before{
    content:'\f109'
}
.post-format-aside:before{
    content:'\f123'
}
.post-format-gallery:before{
    content:'\f161'
}
.post-format-link:before{
    content:'\f103'
}
.post-format-image:before{
    content:'\f128'
}
.post-format-quote:before{
    content:'\f122'
}
.post-format-status:before{
    content:'\f130'
}
.post-format-video:before{
    content:'\f126'
}
.post-format-audio:before{
    content:'\f127'
}
.post-format-chat:before{
    content:'\f125'
}
.fake-thumb-holder .post-format{
    color:#F7C51D;
    font-size:20px;
    line-height:10px
}
.to_top.btn{
    position:fixed;
    right:20px;
    bottom:15px;
    width:30px;
    height:30px;
    display:none;
    z-index:3;
    padding:0;
    text-align:center;
    -webkit-transform:translate3d(0,0,0)
}
.to_top.btn .fa{
    font-size:20px;
    line-height:29px;
    display:block
}
.alignnone{
    margin:5px 20px 20px 0
}
.sticky-wrap{
    background:#F7C51D;
    display:block;
    padding:35px 50px 5px;
    position:absolute;
    top:-25px;
    right:-50px;
    transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg)
}
.sticky-pin{
    color:#fff
}
.aligncenter,div.aligncenter{
    display:block;
    margin:5px auto
}
.alignright{
    float:right;
    margin:5px 0 20px 20px
}
.alignleft{
    float:left;
    margin:5px 20px 20px 0
}
.aligncenter{
    display:block;
    margin:5px auto
}
a img.alignright{
    float:right;
    margin:5px 0 20px 20px
}
a img.alignleft,a img.alignnone{
    margin:5px 20px 20px 0
}
a img.alignleft{
    float:left
}
a img.aligncenter{
    display:block;
    margin-left:auto;
    margin-right:auto
}
.wp-caption{
    background:#fff;
    padding:5px 3px 10px;
    text-align:center
}
.wp-caption.alignleft,.wp-caption.alignnone{
    margin:5px 20px 20px 0
}
.wp-caption.alignright{
    margin:5px 0 20px 20px
}
.wp-caption img{
    border:0;
    height:auto;
    margin:0;
    max-width:100%;
    padding:0;
    width:auto
}
.comment-avatar{
    float:left;
    margin-right:20px;
    height:80px;
    width:80px
}
.comment-content-wrap{
    float:left;
    width:calc(100% - 100px)
}
@media only screen and (max-width:600px){
    .comment-avatar,.comment-content-wrap{
        float:none;
        width:100%
    }
    .comment-avatar{
        margin:0;
        height:auto
    }
}
.comment-reply-link,.comment-reply-link:visited{
    display:block;
    text-align:right;
    color:#555
}
.comment-reply-link:hover{
    color:#F7C51D
}
.comment-border{
    width:100%;
    border-bottom:1px solid #eee;
    margin:30px 0
}
.comment-margin-left{
    margin-left:15px
}
@media only screen and (max-width:768px){
    .comment-name{
        margin-top:20px
    }
    .comment-margin-left{
        margin-left:-15px
    }
}
.comment-content{
    margin-top:30px;
    margin-bottom:50px
}
.comment-content img{
    width:100%
}
.comment-name h5,.comment-name p{
    margin:0
}
.comment-name p{
    font-size:12px;
    color:#7a7a7a;
    font-style:italic;
    margin-bottom:10px
}
.comment-form{
    margin-top:30px
}
.contact-form{
    margin-top:0
}
.contact-form textarea{
    height:190px
}
.contact-map{
    border-radius:3px;
    height:300px;
    margin-bottom:40px
}
.contact-map img{
    max-width:none
}
.contact-form .btn{
    margin-top:15px
}
label.text-left{
    display:block
}
.label{
    font-size:85%
}
#reply-title,#reply-title small{
    font-size:13px
}
#commentform input:not(#submit),#commentform textarea,.form-control,.form-control:active,.form-control:focus,.form-control:focus:active,input.form-control{
    border-radius:2px;
    background:0 0;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    font-size:13px;
    line-height:40px;
    height:40px;
    color:#343434;
    border:2px solid #F7C51D;
    width:100%;
    float:none;
    padding-top:0;
    padding-bottom:0
}
#commentform textarea,#commentform textarea:active,#commentform textarea:focus,#commentform textarea:focus:active,textarea.form-control,textarea.form-control:active,textarea.form-control:focus,textarea.form-control:focus:active{
    height:208px;
    padding:10px;
    line-height:25px
}
.comment-row{
    margin-bottom:20px
}
.comment-row:hover img{
    opacity:.8
}
#reply-title{
    color:#555
}
.widget_custom_posts .post-meta.grey{
    font-size:75%;
    color:#aaa
}
.widget_custom_posts>ul>li,.widget_widget_top_author>ul>li{
    display:flex;
    align-items:center;
    flex-flow:row wrap
}
.widget_industry_recent_comments .recent_comments_header{
    display:flex
}
.widget_industry_recent_comments a{
    margin-top:10px
}
.widget{
    margin-bottom:50px
}
.widget-right .widget{
    padding:0 0 0 15px
}
.widget-left .widget{
    padding:0 15px 0 0
}
@media only screen and (max-width:768px){
    .widget-left .widget,.widget-right .widget{
        padding:0
    }
}
.widget ul{
    padding:0;
    margin:0
}
.widget ul li{
    list-style:none;
    clear:both;
    padding-top:6px
}
.widget ul li:last-child{
    padding-bottom:0
}
.widget>div>ul>li:first-child,.widget>ul>li:first-child{
    padding-top:0
}
.widget_text p:last-child{
    margin:0
}
.widget_blogum_recent_comments ul li,.widget_custom_posts ul li,.widget_widget_top_author ul li{
    padding:10px 0
}
.widget_blogum_recent_comments p{
    margin-bottom:0;
    margin-top:7px
}
.widget_blogum_recent_comments p.small,.widget_widget_top_author p.small{
    margin:0;
    color:#aaa;
    font-style:italic;
    font-size:75%;
    line-height:1.2
}
.widget_widget_file_download .widget-content{
    margin-top:10px
}
.widget_widget_file_download .widget-content:first-child{
    margin-top:0
}
.widget_blogum_recent_comments p.small i,.widget_widget_top_author p.small i{
    margin-right:5px
}
.widget_recent_comments ul li a{
    display:inline-block
}
.widget_archive li,.widget_categories li{
    text-align:right
}
.widget_categories.widget ul li{
    padding:2px 0
}
.widget_widget_file_download i{
    width:36px;
    height:34px;
    text-align:center;
    line-height:36px;
    background:#F7C51D;
    color:#202020;
    margin-right:10px;
    border-radius:0 3px 3px 0
}
.widget_widget_file_download a{
    border-radius:3px;
    display:block;
    line-height:40px;
    border:2px solid #F7C51D
}
.widget_widget_file_download a:hover{
    background:#F7C51D
}
.widget_widget_file_download a:hover,section.footer_widget_section .widget.widget_widget_file_download a:hover{
    color:#202020
}
.widget_widget_image_banner a{
    display:block;
    border-radius:3px;
    overflow:hidden
}
.widget_archive li,.widget_categories li,.widget_layered_nav li,.widget_product_categories li{
    line-height:24px
}
.widget_archive span,.widget_categories span,.widget_layered_nav span,.widget_product_categories span{
    font-size:80%;
    border:2px solid #eee;
    border-radius:3px;
    width:25px;
    height:25px;
    line-height:21px;
    display:inline-block;
    text-align:center;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.widget_archive li:hover span,.widget_categories li:hover span,.widget_layered_nav li:hover span,.widget_product_categories li:hover span{
    border-color:#F7C51D
}
.widget_archive li a,.widget_categories li a,.widget_layered_nav li a,.widget_product_categories li a{
    float:left
}
.widget_layered_nav span,.widget_product_categories span{
    float:right
}
.widget ul li ul{
    padding-left:10px
}
.widget-title-wrap{
    display:block;
    border-bottom:1px solid #eee;
    margin-bottom:25px
}
.widget ul li .widget-text a,.widget-image-thumb,.widget-text,.widget-title{
    display:inline-block
}
.widget-title{
    position:relative;
    margin:0 0 -2px;
    padding-bottom:10px;
    border-bottom:3px solid #F7C51D
}
.widget-image-thumb{
    float:left;
    width:60px;
    height:60px;
    margin-right:10px
}
.widget-image-thumb img{
    width:60px;
    height:60px;
    border-radius:3px
}
.widget-text{
    float:left;
    width:calc(100% - 70px)
}
.widget-text .post-meta li{
    margin-right:10px
}
.widget_custom_posts ul li ul,.widget_custom_posts ul li ul li{
    margin:0;
    padding:0
}
.widget_custom_posts .list-unstyled li{
    position:relative;
    clear:both
}
.widget_widget_social .btn{
    margin-right:4px;
    margin-bottom:2px;
    width:40px;
    height:40px;
    padding:0;
    text-align:center;
    line-height:40px
}
.footer_widget_section .widget_widget_social .btn{
    margin-right:5px
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){
    .footer_widget_section .widget_widget_social .btn{
        margin-right:4.5px
    }
}
.footer_widget_section{
    background:#303030;
    color:#fff!important;
    padding:50px 0 15px
}
.footer_widget_section .widget a:not(.btn),.footer_widget_section .widget a:not(.btn):active,.footer_widget_section .widget a:not(.btn):focus,.footer_widget_section .widget a:not(.btn):visited{
    color:#888
}
.footer_widget_section .widget a:not(.btn):hover{
    color:#F7C51D
}
.footer_widget_section .widget-title:before{
    background:#fff;
    top:-4px
}
.footer_widget_section .widget{
    color:#fff;
    padding:0;
    margin-bottom:30px
}
.footer_widget_section .widget input,.footer_widget_section .widget select{
    color:#3e3e3e
}
.footer_widget_section .widget-title-wrap{
    border-color:#777
}
.footer_widget_section .widget-title{
    color:#fff
}
.footer_widget_section .widget.widget_tag_cloud{
    margin-bottom:41px
}
.widget img{
    max-width:100%
}
#wp-calendar caption{
    margin-bottom:15px
}
.widget_rss .rss-widget-icon{
    display:none
}
.industry-form{
    width:100%;
    display:block;
    position:relative;
    border-radius:2px
}
.alert,.protected-post-form .btn{
    border-radius:0
}
.header .industry-form{
    margin-top:4px
}
.header .industry-form input,.header .industry-form input:focus{
    height:42px;
    background:#fff
}
.header .industry-form a{
    line-height:35px;
    width:42px
}
.industry-form .btn{
    position:absolute;
    top:0;
    right:0;
    border-radius:0;
    line-height:40px;
    height:40px;
    width:40px;
    padding:0
}
.industry-form .btn i{
    margin:0
}
.sub_result{
    margin-top:15px
}
.alert-danger,.alert-success{
    padding:10px;
    border:2px solid #B81C23;
    border-radius:2px;
    color:#505050;
    background:0 0
}
.footer_widget_section .alert-danger,.footer_widget_section .alert-success{
    color:#fff
}
.alert-danger span{
    color:#B81C23
}
.alert-success{
    border-color:#8FAE1B
}
.alert-success span{
    color:#8FAE1B
}
.video-container{
    position:relative;
    padding-bottom:56.25%;
    padding-top:30px;
    height:0
}
.wpb_video_wrapper .video-container{
    position:static;
    padding-bottom:0
}
.video-container blockquote,.video-container embed,.video-container iframe,.video-container object{
    position:absolute!important;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-align:center
}
.pagination{
    display:block;
    margin-top:50px;
    margin-bottom:0;
    text-align:center
}
.pagination a,.pagination a:active,.pagination a:hover{
    padding:5px 15px
}
.pagination a.btn.active{
    background:#202020;
    color:#fff;
    padding:5px 15px
}
.gallery-item{
    position:relative;
    border-radius:3px
}
.gallery-item img{
    width:100%
}
.gallery-overlay{
    color:#fff;
    position:absolute;
    background:rgba(0,0,0,.8);
    top:0;
    left:0;
    bottom:0;
    right:0;
    display:block;
    text-align:center;
    opacity:0;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.gallery-overlay i{
    font-size:20px;
    line-height:0;
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-10px
}
.gallery-item:hover .gallery-overlay{
    opacity:1
}
.alert .fa{
    margin-right:10px
}
.alert .close{
    text-shadow:none;
    opacity:.5;
    padding-top:4px
}
.copyrights{
    background:#202020;
    color:grey;
    margin:0;
    padding:15px 0;
    font-size:13px
}
.video_bg{
    position:absolute;
    min-width:100%;
    height:auto;
    top:50%;
    left:49.999%;
    transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%)
}
.section-overlay,.section-overlay-image{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0
}
.service{
    margin-bottom:30px
}
.service span{
    opacity:.2;
    line-height:120px;
    font-size:65px;
    color:#343434
}
.service a,.service a:active,.service a:focus,.service a:hover{
    padding:0;
    background:0 0
}
.service-icon-wrap{
    display:inline-block;
    position:relative;
    width:120px;
    height:120px;
    background:#eee;
    border-radius:50%;
    margin-bottom:10px;
    text-align:center
}
.service .service-icon-2{
    opacity:0;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%) scale(0);
    border-radius:50%;
    color:#F7C51D;
    z-index:2;
    width:120px;
    height:120px;
    background:#fff
}
.service:hover .service-icon-2{
    opacity:1;
    transform:translate(-50%,-50%) scale(1.009)
}
.ind-title-wrap{
    border-bottom:1px solid #eee
}
.ind-title-wrap h1,.ind-title-wrap h2,.ind-title-wrap h3,.ind-title-wrap h4,.ind-title-wrap h5,.ind-title-wrap h6{
    display:inline-block;
    border-bottom:3px solid #F7C51D;
    margin:0 0 -2px;
    padding-bottom:10px
}
.testimonials-slider{
    display:none
}
.testimonials .testimonial-item{
    background:#fff;
    padding:20px;
    border-radius:3px;
    text-align:center
}
.testimonials .testimonial-item img{
    width:80px;
    height:80px;
    border-radius:50%;
    margin-bottom:5px;
    display:inline-block
}
.testimonial-item h5{
    margin:0;
    padding-top:10px
}
.testimonial-item .grade{
    margin-top:15px;
    color:#F7C51D
}
.testimonial-item.active .grade{
    color:#fff
}
.testimonial-item p{
    margin:0
}
.testimonials-content{
    margin-bottom:30px;
    position:relative;
    background:#fff;
    border-radius:3px;
    font-style:italic
}
.testimonial-content{
    display:none;
    padding:20px
}
.testimonial-item .subtitle{
    font-size:13px
}
.testimonial-item.active{
    background:#F7C51D
}
.testimonials-slider.owl-carousel .owl-controls .owl-nav>div{
    opacity:1
}
.testimonials-slider.owl-carousel .owl-controls{
    margin-top:15px
}
.testimonials-slider.owl-carousel .owl-controls .owl-nav{
    text-align:center
}
.testimonials-slider.owl-carousel .owl-controls .owl-nav .owl-prev{
    left:-70px
}
.testimonials-slider.owl-carousel .owl-controls .owl-nav .owl-next{
    right:-70px
}
@media only screen and (max-width:769px){
    .testimonials-slider.owl-carousel .owl-controls{
        display:block;
        text-align:center
    }
    .testimonials-slider.owl-carousel .owl-controls .owl-nav>div{
        position:relative;
        display:inline-block;
        left:auto;
        right:auto;
        top:auto;
        margin:0 10px
    }
    .testimonials-slider.owl-carousel .owl-controls .owl-nav .owl-prev{
        left:auto
    }
    .testimonials-slider.owl-carousel .owl-controls .owl-nav .owl-next{
        right:auto
    }
}
.clients{
    display:none
}
.client{
    text-align:center
}
.clients.owl-carousel .client a{
    display:block;
    padding:20px
}
.clients.owl-carousel .client{
    border:2px solid #eee;
    border-radius:3px
}
.clients.owl-carousel .client:hover{
    border-color:#F7C51D
}
.clients.owl-carousel img{
    width:auto;
    border-radius:3px;
    display:inline-block
}
.project-details{
    margin-bottom:20px
}
.project-details li{
    padding:5px 0;
    border-bottom:1px solid #eee
}
.project-image{
    margin-bottom:15px;
    position:relative
}
.project-details li span{
    margin-right:10px
}
.project-details li strong{
    float:right
}
.project-details li:first-child{
    padding-top:0
}
.next-prev p{
    margin:15px 0
}
.next-prev{
    border-top:2px solid #eee;
    font-weight:700
}
.next-prev .fa-chevron-left{
    margin-right:5px
}
.next-prev .fa-chevron-right{
    margin-left:5px
}
@media only screen and (max-width:769px){
    .next-prev p{
        text-align:center;
        margin:10px 0
    }
}
.project-img-caption{
    position:absolute;
    bottom:5px;
    left:5px;
    color:#202020;
    font-weight:700;
    background:#fff;
    border-radius:2px;
    padding:5px 15px;
    font-size:13px
}
.project-filters{
    margin-bottom:30px;
    text-align:center
}
.project-filters a:not(:last-child):after{
    content:'-';
    margin:0 5px;
    opacity:.5
}
.project-filters a.active:after,.project-filters a:active:after,.project-filters a:hover:after{
    color:#202020
}
.project-filters .active{
    color:#F7C51D
}
.masonry-item .project-item{
    margin-bottom:30px
}
.masonry-item.masonry-load{
    padding:0;
    width:31.56%
}
.masonry-item.col-xs-6.masonry-load{
    width:calc(50% - 15px)
}
.masonry{
    margin:0 0 -30px
}
@media only screen and (max-width:769px){
    .col-xs-6.masonry-item{
        width:100%
    }
}
.team-member{
    margin-bottom:20px
}
.team-member .social{
    position:absolute;
    top:0;
    background:rgba(0,0,0,.8);
    left:0;
    right:0;
    bottom:0;
    padding:5px;
    opacity:0;
    margin:0
}
.team-member .social-wrap{
    position:absolute;
    text-align:center;
    left:50%;
    top:50%;
    width:100%;
    transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -webkit=transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%)
}
.team-member .social a{
    margin:0 10px;
    font-size:18px;
    color:#F7C51D
}
.team-member .position{
    font-size:13px;
    font-style:italic;
    opacity:.5
}
.team-member-avatar{
    position:relative;
    border-radius:3px
}
.team-member-avatar img{
    width:100%
}
.team-member:hover .social{
    opacity:1
}
.team-member h5{
    padding-bottom:10px;
    position:relative;
    margin-bottom:5px
}
.team-member h5:after{
    content:' ';
    width:30px;
    bottom:0;
    left:0;
    height:2px;
    border-radius:3px;
    background-color:#202020;
    position:absolute
}
.sub-menu-dropdown{
    display:none;
    position:absolute;
    background-color:#f9f9f9;
    min-width:160px;
    box-shadow:0 8px 16px 0 rgba(0,0,0,.2);
    padding:12px 16px;
    z-index:1
}
.b-dropdown{
    position:relative;
    display:inline-block
}
.b-dropdown:hover .sub-menu-dropdown{
    display:block!important
}
.social-buttons .social-buttons__item{
    width:10%;
    margin-right:1%;
    display:inline-block;
    transition:ease-in-out .2s;
    -webkit-transition:ease-in-out .2s;
    -moz-transition:ease-in-out .2s;
    -o-transition:ease-in-out .2s
}
.social-buttons .social-buttons__item:hover{
    opacity:.8
}
.social-buttons .social-buttons__item__image{
    width:100%;
    display:block
}
#navigation .nav.navbar-nav>li{
    float:none;
    display:inline-block
}
@media(max-width:768px){
    #navigation .nav.navbar-nav>li{
        display:block
    }
}
a{
    color:#00E
}
.popupImage{
    position:relative
}
.popupImage:hover:after{
    display:block
}
.popupImage:after{
    content:'Zoom In';
    display:none;
    position:absolute;
    top:0;
    background:rgba(0,0,0,.7);
    border-radius:50px;
    color:#fff;
    padding:10px 5%;
    font-weight:700
}
#popupImage-zoom{
    position:fixed;
    top:0;
    background-color:rgba(0,0,0,.7);
    height:100%;
    width:100%;
    cursor:pointer;
    display:none;
    left:0
}
#popupImage-zoom.active{
    display:block
}
.popupImage-zoom_wrapper{
    display:flex;
    width:100%;
    height:100%;
    align-items:center;
    justify-content:center
}
#popupImage-zoom .closeButton{
    position:absolute;
    top:0;
    right:0;
    color:#fff;
    font-size:40px;
    padding:30px
}
.wrapper{
    margin:0 auto;
    max-width:1400px;
    background-color:#fff;
    border:3px solid #000
}
body{
    background-color:rgba(102,102,102)
}
.container{
    max-width:1400px!important;
    width:100%
}
.flex-left{
    width:40%
}
.flex-right{
    width:60%;
    justify-content:right
}
.flex-right ul{
    text-align:right
}
header .flex-right li{
    display:inline-block!important;
    vertical-align:middle;
    margin:0!important;
    padding:0 2%!important;
    float:none!important;
    justify-content:center
}
header .flex-right .icon-details,header .flex-right li i{
    display:inline-block;
    vertical-align:middle
}
@media(max-width:768px){
    .flex-right{
        width:100%;
        display:block
    }
    .show-small ul{
        text-align:center;
        margin:0!important
    }
    header .show-small li{
        display:inline-block!important;
        vertical-align:middle;
        margin:0!important;
        padding:0 2%!important;
        float:none!important;
        width:30%;
        justify-content:center
    }
    .show-small{
        background-color:#efefef;
        padding:10px 0;
        margin-top:20px
    }
}
@media(max-width:480px){
    header .show-small li{
        display:inline-block!important;
        vertical-align:middle;
        margin:10px 0!important;
        padding:0!important;
        float:none!important;
        width:100%;
        justify-content:center
    }
    .show-small{
        background-color:#efefef;
        padding:10px 0;
        margin-top:20px
    }
}
@media only screen and (max-width: 769px){
    .header-top .logo img {
        max-width: 103%;
    }
    .navbar-toggle{
        margin-right:10px;
    }
    ul.dropdown-menu.active{
        display:block;
    }
}