html{overflow-x:hidden}
.fa{color:#fff;font-size:26px}
a{color:#f97352}
.white-text{color:#fff}
.orange-text{color:#f97352!important;}
.black-text{color:#351409}
.dark-gray-text{color:#666}
.centered-text{text-align:center}
.mb-2, .my-2 { margin-bottom: .5rem !important;}
body{overflow-x:hidden;letter-spacing:.8px;font-size:15px}
.top-navbar{background-color:#f97352;text-align:center}
.top-navbar li{text-align:center;color:#fff;margin:0;font-size:20px;padding:16px}
.top-navbar i{font-size:7px;color:#fff;vertical-align:middle}
#ticker-items{max-width:800px;margin-left:12.2%!important;list-style:none}
#ticker-items li{padding:15px 0}
ul.hedaer-social-nav{margin:0;padding:0;list-style:none;float:right}
ul.hedaer-social-nav li{float:left;vertical-align:top;font-size:24px;margin-left:15px;color:#999;font-weight:400;letter-spacing:.3px}
ul.hedaer-social-nav li a{color:#999}
ul.hedaer-social-nav li a:hover{color:#f97352}
div#navbarNav1{text-align:right;padding-right:30px}
.btn-primary{background-color:#f97352}
.dropdown .dropdown-menu .dropdown-item{padding-top:0;padding-bottom:0}
.dropdown .dropdown-menu .dropdown-item .nav-link{padding:.5rem;text-transform:capitalize; color:#000!important;}
.dropdown .dropdown-menu .dropdown-item .nav-link:hover { color:#fff!important;}
.dropdown .dropdown-menu .dropdown-item.active .nav-link {color:#fff!important; background-color:#fa5c35!important;}
.nav-top-menu li.active.nav-item a { color:#f97352!important;}
.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.dropdown .dropdown-menu .dropdown-item:hover,.dropdown-item.active, .dropdown-item:active{background-color:#fa5c35!important; color:#fff!important;}
.request-estimate .btn{font-size:14px;width:220px;padding:16px}
.navbar{padding:0;border-radius:0;box-shadow:none}
.navbar-nav.text-right{float:right}
.nav-top-menu ul li a{color:#9a9a9a!important;font-size:14px;font-weight:500}
.nav-top-menu ul li a:hover,.nav-top-menu ul li a:focus,.nav-top-menu ul li a:active{color:#f97352!important}
.navbar-toggleable-md .navbar-nav .nav-link{padding-left:0;padding-right:0}
.nav-flex-icons .nav-item a{width:48px;height:48px;border-radius:50%;background-color:#f97352;margin:10px;padding:12px;text-align:center}
.nav-flex-icons .nav-item a:hover{background-color:#fa5c35}
.no-padding{padding:0}
.nav-top-menu li.nav-item{margin:10px;text-transform:uppercase; position:relative;}
.nav-top-menu li.nav-item:hover ul.dropdown-menu{display:block}
.nav-top-menu li.nav-item:hover ul.dropdown-menu li { position:relative;}
.nav-top-menu li.nav-item:hover ul.dropdown-menu li ul.dropdown-menu { display:none;}
.nav-top-menu li.nav-item:hover ul.dropdown-menu li:hover ul.dropdown-menu { display:block; position:absolute; left:165px; top:0;}
.nav-top-menu .navbar-nav{margin-top:8px}
.dropdown-toggle{padding:.5em 0}
.carousel-caption{bottom:80px;background:rgba(53,20,9,.6);width:50%;margin:0 auto;color:#fff}
.carousel .carousel-control-next-icon,.carousel .carousel-control-prev-icon{background-color:#351409;opacity:.9;border-radius:3px}
.carousel-caption h3{font-size:34px;font-weight:500}
.carousel-caption p{font-size:18px;color:#fff}
.carousel-indicators .active{background-color:#f97352}
.carousel .carousel-indicators li{max-width:12px;height:12px}
span{color:#f15a29;font-weight:700;font-size:20px}
.banner-bottom-text h1{font-size:30px;text-align:center;font-weight:500;color:#351409;width:80%;margin:0 auto;border-bottom:1px solid #f15a29}
.banner-bottom-text{margin:35px 0}
.grey-bg{background-color:#ededed;padding:30px 0 30px}
.custom-content-left h3{font-size:32px;color:#f97352;font-weight:500}
.free i{color:#351409;font-size:12px;vertical-align:middle;margin-bottom:8px}
.free{width:32%;float:left;color:#f97352;font-size:40px;font-weight:700}
.custom-sm-text{float:left;width:68%}
h3,h2{font-size:20px;font-weight:500}
.large{font-size:2em}
h4{color:#351409;font-weight:400;font-size:22px;margin:0}
h5{color:#351409;font-weight:400;font-size:15px;margin-bottom:10px}
p{margin-bottom:30px;color:#777;font-size:16px;font-style:italic}
.custom-content-right{margin-top:10px}
.our-service .card{padding:4px;background-color:#f97352}
.our-service .view img{display:inline-block;width:100%}
.service-area{margin:30px 0}
.service-area:hover .card{max-height:420px}
.our-inspiration .card-body{position:absolute;top:0;right:0;text-align:center;padding:30px;width:100%;height:336px}
.our-inspiration h2{padding:20px 20px 0;border-top:1px solid #f97352;width:80%;margin:0 auto;margin-top:50px;font-size:36px;font-weight:700;color:#351409}
.our-inspiration i{color:#f97352;font-size:13px;vertical-align:middle}
.service-area i{color:#f97352;font-size:10px;vertical-align:middle}
.card-title{margin-bottom:20px;font-size:20px;font-weight:700;position:relative;width:auto;display:inline-block;background-color:#ededed;z-index:99;padding-right:10px}
.card-title-bottom{margin-top:20px;font-size:16px;font-weight:700;position:relative;width:auto;display:inline-block;background-color:#ededed;z-index:99;padding-right:10px}
.service-area>span{display:block;width:88%;border-top:1px solid #351409;position:absolute;top:42px}
.our-client{background-size:100% 100%;padding:50px 0;background-color:#ededed;position:relative}
.map img{width:100%}
.card-img img{width:100%;margin-top:20px}
.widget h3{color:#f97352;font-size:25px;font-weight:500;margin:0}
.widget p{color:#fff;font-size:19px;font-weight:300;text-align:center;margin:20px 0}
.widget .btn{font-size:15px;padding:16px 70px;margin-bottom:20px}
.widget{margin-left:100px;padding:0 40px}
.widget h5{font-size:12px;color:#fff;text-align:center;line-height:17px}
.widget ul li a i{font-size:26px}
.footer-buttom{padding:25px 0}
.footer-top{padding-bottom:30px}
.copyright{color:#685843;font-size:14px;text-align:center;font-style:italic}
.footer{background-color:#362004;padding:60px 0 20px;margin-top:20px}
.f-contact{margin-top:60px}
.f-contact p{color:#fff;text-align:center;margin-bottom:0;font-style:italic;line-height:21px;font-weight:300}
.f-contact p span{font-size:14px;font-weight:300}
.free-consultation{margin:80px 0}
.modal-header{background:#f97352;color:#fff;text-align:center}
.card-content h3{color:#f97352;font-size:36px;font-weight:500}
.card-content h4{color:#fff;font-size:26px;font-weight:400;margin-bottom:20px}
.card-content a{background-color:#000;padding:10px 40px;font-size:20px;text-transform:uppercase;border:4px solid #f97352;font-weight:500}
.btn-success:active,.btn-success:focus,.btn-success:hover{background-color:#000!important;border:4px solid #fff}
.card-body h6 a:active,.card-body h6 a:focus,.card-body h6 a:hover{background-color:transparent!important;border:3px solid #f97352}
.card-content{position:absolute;top:32px;left:50px;text-align:left}
.card-content.card-content2{position:absolute;top:32px;right:50px;float:right;text-align:right}
.no-margin{margin:0;padding:0}
.no-margin img{width:100%}
.card-body h5{font-size:18px;color:#FFF;font-style:italic; position:relative; z-index:1; display:inline-block;}
.card-body p{color:#fff;font-size:24px;line-height:30px;font-weight:500;text-transform:uppercase; position:relative; z-index:1; display:inline-block;}
.card-body a{color:#f97352}
.card-body h6 a{background-color:transparent;border:3px solid #fff;font-size:16px;text-transform:uppercase;font-weight:500;padding:10px 26px;text-align:center}
.no-margin .mask{opacity:.5;background-color:#000!important}
.no-margin .mask:hover{opacity:.1}
section.product-banner,section.blog-post-top{margin:40px 0}
.pro-banner-text h1,.blog-post-text h1{color:#310f04;font-size:24px;font-weight:500;margin-bottom:14px}
.pro-banner-text p{font-size:16px;color:#9a9a9a;padding-right:50px}
.pro-banner-img h3{color:#310f04;font-size:24px;font-weight:500;margin-bottom:14px}
.carousel-caption.carousel-caption2{background-color:#f97352;bottom:40px;width:70%}
.carousel-caption2 h3{color:#fff;font-size:18px;font-weight:500;margin-bottom:0}
.carousel-caption2 h4{color:#fff;font-size:10px;font-weight:300;margin-bottom:5px}
.carousel-caption2 h5{color:#fff;font-size:8px;font-weight:300;margin-bottom:0}
#postsCarousel .carousel-control-next{right:-70px}
#postsCarousel .carousel-control-prev{left:-100px}
.carousel-item .product-name {
    padding: 15px;
    background-color: #898989;
    color: #fff;
    width: 100%;
    position: absolute;
    bottom: 0;
}
.carousel-item .product-name p {color: #ffffff;margin-bottom: 0;}
.all-products,.recent-posts{background-color:#ededed}
.all-products h2,.recent-posts h2{font-size:24px;color:#310f04;font-weight:500;text-align:center;margin:50px}
.tab-item li a{color:#999;font-size:18px;padding:10px 12px}
.tab-item li a:focus,.tab-item li a:hover{color:#f97352}
.product-item h4,.recent-post h4{font-size:16px;color:#333;font-weight:500;margin:15px 0;text-align:left}
.product-item p,.recent-post p{font-size:12px;color:#898989;font-weight:400;text-align:left;line-height:20px}
.product-item h6,.recent-post h6{font-size:10px;color:#f97252;font-weight:400;text-align:left;margin-bottom:20px;margin-top:30px}
.card-body{overflow:hidden}
.btn-outlined{color:#310f04!important;background-color:#fff;border:3px solid #f97352;font-size:14px;font-weight:500;padding:15px 20px}
.btn-outlined:active,.btn-outlined:focus,.btn-outlined:hover,.btn-outlined:active,.btn-outlined:focus,.btn-outlined:hover{background-color:#fff!important;border:3px solid #fa5c35}
.btn-left a{margin:0;background-color:#f97252;font-weight:400;border:0;padding:12px 20px!important}
.btn-left{text-align:left;width:50%;float:left}
.btn-left a:active,.btn-left a:focus,.btn-left a:hover{background-color:#fa5c35!important;border:none!important}
.btn-right a:active,.btn-right a:focus,.btn-right a:hover{background-color:#fff!important;border:2px solid #fa5c35}
.btn-right a{margin:0;border:2px solid #898989;background-color:#fff;color:#898989!important;padding:10px 20px!important}
.btn-right{float:right}
.pro-list{background-color:#fff;padding:14px;margin:14px}
.active{color:#f97252!important}
.navbar.navbar-toggleable-md.navbar-dark.bg-primary{border-radius:0!important}
b,strong{font-weight:700}
.hidden-web{display:none}
.our-inspiration{margin-bottom:70px}
.client-bg{height:140px;width:100%;background-color:#f97352;position:absolute;top:126px}
.client-left{background-color:#ededed;padding-left:0}
.client-right{background-color:#ededed;padding-right:0}
.our-client img{width:100%}
.footer-social ul{display:inline-block;border-bottom:1px solid #f97352}
.footer-social ul li{display:inline-block}
.col-xs-6{width:50%}
.current-ca .carousel-caption.carousel-caption2{background-image:url(../img/s-bg.png);top:0;width:70%;height:100px;background-size:100% 70px;background-color:transparent;background-repeat:no-repeat;padding:10px 0}
.current-ca .carousel-caption2 h3{font-size:15px}
.current-ca .view{width:100%; margin-bottom: 54px;}
.all-products ul.nav{display:block;text-align:center; margin:0 auto;}
.all-products ul.nav li{display:inline-block}
.all-products ul.nav li a{font-size:15px}
.chip {
    height: 32px;
    font-size: 13px;
    font-weight: 500;
    color: rgba(0,0,0,.6);
    padding: 0 12px;
    border-radius: 16px;
    background-color: #ffffff;
    margin-bottom: 1rem;
    margin-right: 1rem;
}

.chip-right  img {
    float: right;
    margin: 0 -12px 0 8px;
    height: 32px;
    width: 32px;
    border-radius: 50%;
}
#next-product {position: absolute; right: 0}
.chip.chip-md { height: 42px; line-height: 42px; border-radius: 21px;}
.chip.chip-md img { height: 42px; width: 42px;}
.chip.chip-lg { height: 64px; line-height: 64px;border-radius: 32px;}
.chip.chip-lg img { height: 64px; width: 64px;}

.blog-post{margin-bottom:8em}
.blog-post img{margin-top:1em}
.blog-post .excerpt p{margin:1em 0}
.blog-post h1{color:#310f04;font-size:24px;font-weight:500;margin-bottom:14px}
#post-pagination{margin-top:4em;text-align:center}
.sidebar-widget{margin-bottom:4em}
.sidebar-widget a{color:#777}
.sidebar-widget a:hover{color:#f97352}
.team-member{border-bottom:1px solid #f1f1f1;padding:4em 0}
.team-member:last-child{border-bottom:0}
.pills-orange .nav-item .nav-link.active,.tabs-orange{background-color:#f97352;color:#fff!important}
body img.gform_ajax_spinner {display: none !important;}
footer .gallery-widget img { margin-bottom:20px; display:block;}
ul.commercial-projects { list-style: none; margin-left: -2em;}
ul.commercial-projects li h3, ul.commercial-projects li h3 .fa { font-size: 1em;}
/*** New css start **/
.estimate-form.obligation .top_label input.large { width:190px !important;}
.service-area h5.card-title-bottom { display:block; padding-right:0;}
.estimate-form.obligation .top_label li.gfield_error.gf_inline input[type=text].large { width:190px !important;}
.product-tag {font-size: 10px;color: #f97252;font-weight: 400;text-align: left;margin-bottom: 20px;}
.modal-header .modal-title,.modal-header #bottom-model-title,.modal-header #product-model-title, .modal-header #lets-talk-model-title,#free-consultation-model-title { color:#fff!important; font-size:20px!important; line-height: 1.1; font-weight:500; margin-bottom: .5rem;}
body .estimate-form_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html { margin-top:20px;}
/*** New css end **/


#mc_embed_signup div.mce_inline_error {
    background-color: #ff4b4b!important;
}
#mc_embed_signup .mc-field-group {
    margin-bottom: 1em;
}

#mc_embed_signup .mc-field-group ul {
    list-style: none;
}

#mc_embed_signup .form-control {
    padding: .5rem 0 .6rem;
    font-size: 1rem;
    line-height: 1.5;
    background-color: transparent;
    background-image: none;
    border-radius: 5px;
    margin-top: .2rem;
    margin-bottom: 1rem;
    border: 1px solid #cccccc;
}

@media only screen and  (min-width:992px) {
    .modal .modal-side {
        width: 600px!important;
    }

}


@media (max-width:1024px) { 
.estimate-form.obligation .top_label input.large { width:152px !important; font-size:12px !important;}
.estimate-form.obligation .top_label li.gfield_error.gf_inline input[type=text].large { width:152px !important; }
}