/*=============================================================
    Authour URL: www.designbootstrap.com  
    http://www.designbootstrap.com/
    License: MIT
    http://opensource.org/licenses/MIT
    100% Free To use For Personal And Commercial Use.
    IN EXCHANGE JUST TELL PEOPLE ABOUT THIS WEBSITE
========================================================  */

/* =============================================================
GOOGLE FONT
============================================================ */
/*@import url(http://fonts.googleapis.com/css?family=Ubuntu);  FREE GOOGLE FONT */
/*@import url(http://fonts.googleapis.com/css?family=Oswald);  FREE GOOGLE FONT */
/* =============================================================
GENERAL STYLES
============================================================ */
body{font-family:"Open Sans",Helvetica,Arial,sans-serif;color:#fff}
section{padding-top:80px;padding-bottom:40px}
.pad-bottom{padding-bottom:60px}
.header{font-family:'Oswald',sans-serif;padding-bottom:40px;text-transform:uppercase}
.header hr{width:50px;border-top:2px solid #e44f4f}

/* =============================================================
CUSTOM BUTTON STYLES
============================================================ */
.button-custom{border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;margin:25px 5px 5px 0;margin:5px}
.btn-custom-one{background-color:transparent;color:#fff;border:2px solid #e44f4f}
.btn-custom-one:hover{background-color:#e44f4f;text-decoration:none;color:#fff}
.btn-custom-two{color:#fff;background-color:#e44f4f;border:2px solid #e44f4f}
.btn-custom-two:hover{border:2px solid #e44f4f;text-decoration:none;color:#fff;background-color:transparent}

/* =============================================================
MENU SECTION STYLES
============================================================ */
.navbar-inverse{background-color:rgba(0,0,0,0.5);border-color:transparent}
.navbar-inverse .navbar-nav > .active > a,.navbar-inverse .navbar-nav > .active > a:hover,.navbar-inverse .navbar-nav > .active > a:focus{background-color:transparent;border-bottom:1px solid #e44f4f}
.navbar-inverse .navbar-nav > li > a{font-size:12px;font-weight:800;padding:5px 0;letter-spacing:2px;margin:10px 17px;color:#FFF}
.navbar-inverse .navbar-brand,.navbar-inverse .navbar-brand:hover{color:#fff;font-weight:900;font-family:'Oswald',sans-serif}
.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:transparent}
.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:#e44f4f}
.navbar-inverse .navbar-toggle{border-color:#e44f4f}

/* =============================================================
HOME SECTION STYLES
============================================================ */

#home{text-align:center;padding-top:120px;padding-bottom:60px}
#home .social{display:block;margin:50px 20px}
#carousel-slider{padding:50px 20px 5px 50px}
#carousel-slider h3{line-height:50px;font-family:'Oswald',sans-serif}
#carousel-slider p{color:#e44f4f;font-size:16px;line-height:25px;margin:25px 20px}

/* =============================================================
SERVICES SECTION STYLES
============================================================ */

#services .services-wrapper{padding:20px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;margin-bottom:40px;background-color:rgba(255,255,255,0.07);cursor:pointer;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;min-height:380px}
#services .services-wrapper:hover{background-color:rgba(255,255,255,0.20)}
#services h3,#services h2{font-family:'Oswald',sans-serif}
#services h2{ margin-top:0}
#services h4{font-family:'Oswald',sans-serif;font-size:1.3em;}
#services h4 strong{font-weight:500}
#services .services-wrapper i{margin:5px;color:#e44f4f;font-size:60px}

/*============================
PRICING SECTION STYLES
==============================*/

.light-pricing{margin-bottom:30px;margin-top:50px;text-align:center;box-shadow:0 0 5px rgba(0,0,0,.5);background-color:rgba(255,255,255,0.1);color:#fff;line-height:30px;cursor:pointer;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.light-pricing:hover{background-color:transparent}
.light-pricing ul{list-style:none;margin:0;text-align:center;padding-left:0}
.light-pricing ul li{padding-top:20px;padding-bottom:20px;cursor:pointer}
.light-pricing ul li i{margin-right:5px}
.light-pricing .price{padding:40px 20px 20px;font-size:60px;font-weight:900}
.light-pricing .price small{color:#000;display:block;font-size:15px;margin-top:22px}
.light-pricing .type{background-color:rgba(0,0,0,0.40);padding:30px 20px;font-weight:900;text-transform:uppercase;font-size:30px;color:#e44f4f}
.light-pricing .pricing-footer{padding:20px}
.db-attached > .col-lg-4,.db-attached > .col-lg-3,.db-attached > .col-md-4,.db-attached > .col-md-3,.db-attached > .col-sm-4,.db-attached > .col-sm-3{padding-left:0;padding-right:0}
.light-pricing.popular{margin-top:10px}
.light-pricing.popular .price{padding-top:80px}

/*============================
WORK SECTION STYLES
==============================*/

#work .caegories a.active{background-color:transparent;color:#fff}
.isotope .isotope-item{-webkit-transition-duration:.8s;-moz-transition-duration:.8s;transition-duration:.8s}
#work .work-wrapper{padding:10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;margin-bottom:40px;background-color:rgba(255,255,255,0.1);cursor:pointer;max-width:220px;min-height:430px;height:430px;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;border:1px solid #e44f4f}
#work .work-wrapper:hover{background-color:transparent;border:1px solid #e44f4f;opacity:.8;-ms-filter:alpha(opacity=80);filter:alpha(opacity=80);-khtml-opacity:.8;-moz-opacity:.8}
#work .work-wrapper h4{padding-top:10px}

/*============================
TEAM SECTION STYLES
==============================*/

.team-wrapper{overflow-x:hidden;position:relative;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transform:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;margin-bottom:30px}
.team-wrapper:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.team-wrapper .team-inner{background-size:cover;background-position:center;-moz-background-size:cover;-webkit-background-size:cover;padding:150px 0 10px;border-top:1px solid #fff;border-right:1px solid #fff;border-left:1px solid #fff;border-radius:10px 10px 0 0}
.team-wrapper > .team-inner > a{color:#e44f4f;width:80px;height:80px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;margin:0 auto -50px;display:block;color:#e44f4f;z-index:999;font-size:40px;padding:15px 22px;background-color:#fff;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
.team-wrapper > .team-inner > a:hover{color:#fff;text-decoration:none;background-color:#e44f4f}
.team-wrapper .description{padding:30px 20px 20px;text-align:center;border-bottom:1px solid #fff;border-right:1px solid #fff;border-left:1px solid #fff}
.team-wrapper .description h5{color:#e44f4f}

/*============================
CONTACT SECTION STYLES
==============================*/

#contact .contact-wrapper{background-color:rgba(255,255,255,0.1);padding:20px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;margin-bottom:40px;min-height:200px}
#contact .contact-wrapper h3{color:#e44f4f}
#contact .social-below{display:block;margin-top:5px}
.footer-div{padding-top:25px}
.footer-div a,.footer-div a:hover{font-size:10px;color:#fff;text-decoration:none}
.td-404-sub-sub-title a{background-color:#222;border:medium none;color:#fff;font-size:11px;font-weight:700;line-height:16px;padding:8px 15px;margin-left:6px}
.footer{width:100%;position:relative;height:auto;background-color:#070617;border-top:#3b3b3b 2px solid}
.footer .col{width:190px;height:auto;float:left;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:0 20px 20px}
.footer .col h1{margin:0;padding:0;font-family:inherit;text-align:left;font-size:16px;line-height:17px;padding:20px 0 5px 0;color:rgba(255,255,255,0.2);font-weight:400;text-transform:uppercase;letter-spacing:.25em}
.footer .col ul{list-style-type:none;margin:0;padding:0}
.footer .col ul li a{color:#999!important;font-size:14px;font-family:inherit;font-weight:700;color:#999!important}
.footer .col h5,.footer .col h3{color:#fff}
.footer .col ul li{color:#999!important;font-size:14px;font-family:inherit;font-weight:700;padding:5px 0;cursor:pointer;transition:.2s;-webkit-transition:.2s;-moz-transition:.2s}
.footer .social ul li{display:inline-block;padding-right:5px!important}
.footer .col ul li:hover{color:#fff;transition:.1s;-webkit-transition:.1s;-moz-transition:.1s}
.footer .col ul li:hover a{color:#fff;transition:.1s;-webkit-transition:.1s;-moz-transition:.1s;text-decoration:none!important}
.clearfix{clear:both}

/*Blog*/
.blog_cate{display:flex;flex-wrap:wrap}
.blog_cate a{width:32.9%;margin:2px;padding:15px 18px;background:rgb(109 109 109 / 28%);color:#fff;font-size:1.1em;font-weight:500;border-left:rgb(228 0 4 / 46%) 5px solid;transition:all 0.3s linear}
.blog_cate a:hover{background:#ca070a;color:#fff; text-decoration:none}
.blog_box{width:532px;padding:15px;background-color:rgba(255, 255, 255, 0.1); border:1px solid #e44f4f;margin:0 auto 30px; border-radius:10px; transition:all 0.3s linear;}
.blog_box:hover{border:1px solid #fff;box-shadow:#ccc 0 0 15px;background-color:rgba(0, 0, 0, 0.1)}
.blog_pic{ width:502px;height:251px;border-radius:10px;margin:auto;overflow:hidden}.blog_pic figure{width:502px;height:251px;vertical-align:middle; display:table-cell}.blog_pic img{ max-height:100%; max-width:100%;}
.blog_title{font-size:1.4em;line-height:1.3em;margin-top:15px; height:26px; overflow:hidden; font-weight:600}.blog_title a{color:#fff}
.blog_title a:hover{text-decoration:none;color:#fff}
.blog_bdr{background:#e44f4f; width:50px;height:3px}
.blog_desc{font-size:1em;margin:10px 0;line-height:1.3em;height:52px;overflow:hidden}
.blog_dtl_img{width:80%;margin:1em auto}
.blog_dtl_img img{width:100%;height:auto; border-radius:10px}
.blg_dt span{font-size:1em;background:rgba(0,0,0,0.2);padding:0.2em 0.4em; border-radius:3px}
.blog_dtl_des{font-size:1em;line-height:1.3em}

#services .services-wrapper ul{padding-left:20px}
.static_img_list,.single_list{display:flex;flex-wrap:wrap;justify-content:end}
.static_img_list{justify-content:center}
.static_img_list .static_img{width:21%}
.single_list .static_img{width:90%}
.static_img,.static_img2{float:right;width:300px;border:5px solid rgb(0,0,0,0.5);border-radius:10px;margin:8px 0 8px 10px}.static_img img,.static_img2 img{width:100%;height:100%;border-radius:10px}
.static_img2{float:left;margin:8px 10px 8px 0}
.clear:after{content:'';display:block;clear:both}

@media only screen and (max-width:1279px) {
.single_list .static_img{width:30%}
}

@media only screen and (min-width: 1280px) {
.footer .contain{width:1200px;margin:0 auto}

}
@media only screen and (max-width: 1139px) {
.footer .contain .social{width:1000px;display:block}
.footer .social h1{margin:0}
.navbar-inverse .navbar-nav > li > a{margin:10px 15px}
.blog_box{width:100%}.blog_pic,.blog_pic figure{width:402px;height:201px}

}

@media only screen and (max-width: 950px) {
.footer .col{width:33%}
.footer .col h1{font-size:14px}
.footer .col ul li{font-size:13px}

.blog_cate a{width:49.3%}
.blog_pic,.blog_pic figure{width:100%;height:auto}
.blog_box{ padding:10px}
.blog_title{font-size:1.2em; height:42px}
.breadcrumb{display:none}
#services h2{font-size:1.5em}
.blog_dtl_img{width:90%}

.static_img_list .static_img{ width:23%}
.static_img{ width:220px}
}

@media only screen and (max-width: 500px) {
.h1, h1{ font-size:1.5em}.h3, h3{font-size:1.2em}
#services h2{font-size:1.4em}
.footer .col{width:50%}
.footer .col h1{font-size:14px}
.footer .col ul li{font-size:13px}
.blog_cate a{width:100%}
.blog_title{font-size:1.1em;height:42px}.blog_desc{height:56px}
ol, ul{ margin-left:0px; padding-left:10px}
.products-section ul li{line-height:1.3em; padding:0.5em 0}
.blog_dtl_img{width:100%}

.static_img_list{justify-content:space-between}
.static_img_list .static_img{width:48%}
.static_img{width:100%;margin:5px 0 5px 0px}
.static_img{ float:none}

.single_list .static_img{width:48%}

}
@media only screen and (max-width: 340px) {
.footer .col{width:100%}
}
footer .bottom-bar{position:relative;text-align:center;font-size:.8em;text-transform:uppercase;background:#000;padding:15px 0;border-top:#d43f3f 2px solid;color:#fff!important}
.white{color:#fff!important}

/*/////// Navigation ///////*/
.sitemap #navigation h1{font-size:18px;font-weight:400;margin-bottom:20px;text-transform:uppercase;margin-left:55px;background:#ea3030;padding:14px 0;text-align:center}
.sitemap #navigation{position:relative;float:left;background:transparent;margin:0 1%}
.sitemap #navigation,.sitemap #navlist{min-width:300px;width:220px;margin:15px}
.sitemap #navlist li{display:block;text-decoration:none;padding:5px 0;list-style:none;border-bottom:1px solid #e0e0e0}
.sitemap #navlist li a{font-size:1.4em;font-weight:300;line-height:160%;display:block;text-decoration:none;color:#fff!important}
.sitemap #navlist li:last-child{border:none}
.sitemap #navlist li a{text-decoration:none;color:#444}
.td-404-title{font-size:40px;color:#222;text-align:center;line-height:50px;margin:50px 0 17px}
.td-404-sub-title{font-size:21px;line-height:24px;color:#a6a6a6;text-align:center;margin:0 0 40px}
#services .services-wrapper.bg-white{background-color:#fff!important}
.td-404-sub-sub-title{text-align:center;margin-bottom:70px;color:#000}