@font-face {font-family: 'FontAwesome';src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight: normal;font-style: normal;}
.fa, .far, .fas {font-family: 'FontAwesome';}
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,700;1,700&display=swap');
/*
font-family: 'Inter', sans-serif;font-family: 'Montserrat', sans-serif;
*/

body{padding:0;margin:0;font-family: 'Inter', sans-serif;font-weight: 400;}
html,body{width:100%;height:100%}
a{text-decoration:none;color:#ffae00; transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;}
a:hover{text-decoration:none!important;cursor:pointer}
a:focus{text-decoration:none;transition:all 1s ease}
:focus{outline:none!important}
::-moz-selection{background-color:#000;color:#fff}
::selection{background-color:#000;color:#fff}
img{max-width:100%;height:auto}

p { font-family: 'Inter', sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 28px; color: #666; }
p a{color: #ffae00;}
p strong{color: #ffae00; font-weight: normal;}
li strong{color: #ffae00;}
p a:hover{color: #000;}
ul, ol, ul li, ol li { margin: 0; padding: 0; }
ul li a, ol li a{color: #ffae00;}
ul li a:hover, ol li a:hover{color: #000;}
figure, address { margin: 0; }
input, textarea, select, button { border-radius: 0; -webkit-box-shadow: none; box-shadow: none; outline: none; }
input:focus,
textarea:focus,
select:focus,
button:focus { outline: 0; -webkit-box-shadow: none; box-shadow: none; }
h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif; font-style: normal;font-weight: 700;color: #031537; margin-bottom: 10px; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color: #ffae00;}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong{color: #ffae00;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{color: #000;}
h1 { font-size: 40px; line-height: normal;  }
h2 { font-size: 32px; line-height: normal;}
h3 { font-size: 30px; line-height: normal;}
h4 { font-size: 28px;line-height: normal;}
h5 { font-size: 26px; line-height: normal;}
h6 { font-size: 24px; line-height: normal;}
select::-ms-expand { display: none; }
select { -moz-appearance: none; }

#back-top-wrapper { position: fixed; right: 57px; bottom: 26px; overflow: hidden; z-index: 2; }
p#back-top{margin:0;    line-height: normal; font-size: 0;}
#back-top-wrapper #back-top a { opacity: 1; transition: 200ms all; border-radius: 50%; display: inline-block; background: #ffae00 url(../images/top-arrow.png) no-repeat; height: 50px; width: 50px; background-position: center center; }
#back-top-wrapper #back-top a:hover{ background-color: #000; background-position: center center; transform: 0.6s;}

.alignleft{float:left;margin-right:1.5em;margin-bottom:15px;margin-top: 8px;}
.alignright{float:right;margin-left:1.5em;margin-bottom:15px;margin-top: 8px;}
.aligncenter{clear:both;display:block;margin:0 auto 15px}
.default-css ul{margin-bottom: 20px;    padding-left: 20px;}
.default-css ol{padding-left: 20px;    margin-bottom: 15px;}
.default-css ul li, .default-css ol li { font-family: 'Inter', sans-serif;font-style: normal; font-weight: 400; font-size: 18px; line-height: 28px; color: #666; margin: 0 0 9px; }
.default-css ul li a,.default-css ol li a{color:#ffae00}
.default-css ul li strong,.default-css ol li strong{color:#ffae00; }
.default-css ul li a:hover,.default-css ol li a:hover{color:#000}

.default-css ol li::marker { color: #ffae00; }

/*--------- header-section ---*/
.header-section { position: relative; top: 0; left: 0; right: 0; width: 100%; z-index: 99; padding: 10px 0; transition: all 0.6s ease; box-shadow: 0px 0px 20px rgb(0 0 0 / 5%);}
.header-section.sticky { position: fixed; padding: 8px 0;background-color: #fff;}
.header-section .row{align-items: center;}
.header-right{display: flex; align-items: center; justify-content: right;}
.header-right-part {display: flex; justify-content: space-between; align-items: center;}
.header-button a{font-family: 'Inter', sans-serif; font-style: normal; font-weight: 600; font-size: 27px; line-height: 26px; color: #454545;}
.header-button a:hover{color:#ffae00;}

.header-button a img {
    width: 19px;
    margin-right: 6px;
    position: relative;
    top: 0;
    filter: grayscale(1);
}


/*--banner--*/

.home-banner { position: relative;      background: #f2f2f2;    padding-bottom: 80px;}
.home-banner .carousel-item::before { content: ''; background: #000; opacity: 0.7; top: 0; left: 0; right: 0; width: 100%; height: 100%;
    position: absolute;}
.home-banner .carousel-fade .carousel-item>img { width: 100%;transition: 1s;}
.home-banner>img{width: 100%;}
.logo img { max-width: 148px;}
.home-banner .container {position: relative;}
.banner-caption {
    position: absolute;
    background: #000;
    padding: 30px 50px 40px;
    top: 50%;
    right: 0;
    width: 380px;
    transform: translateY(-50%);
}

a.theme-btn {font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase;
    color: #000;
    background: #ffae00;
    border-radius: 4px;
    display: inline-block;
    padding: 13px 14px;
    border: 1px solid transparent; }
a.theme-btn:hover { border: 1px solid rgba(2, 31, 53, 0.1); background: #fff; box-shadow: 0px 4px 10px rgba(30, 84, 246, 0.2); color: #021F35; }

.home-banner .carousel-fade .carousel-item {opacity: 0;transition-duration: 1.5s;transition-property: opacity;}
.home-banner .carousel-fade .carousel-item.active,  .home-banner .carousel-fade .carousel-item-next.carousel-item-left,  .home-banner .carousel-fade .carousel-item-prev.carousel-item-right {opacity: 1;}
.home-banner .carousel-fade .active.carousel-item-left,  .home-banner .carousel-fade .active.carousel-item-right {opacity: 0;}
.home-banner .carousel-fade .carousel-item-next,  .home-banner .carousel-fade .carousel-item-prev,  .home-banner .carousel-fade .carousel-item.active,  .home-banner .carousel-fade .active.carousel-item-left,  .home-banner .carousel-fade .active.carousel-item-prev {transform: translateX(0);transform: translate3d(0, 0, 0);}
.home-banner .carousel-inner .carousel-item>img {width: 100%;transition: 1s;}
.carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev {transform: translateX(0);transform: translate3d(0, 0, 0);}
.home-banner .carousel-fade .carousel-item>img {width: 100%;transition: 1s;}
.home-banner .carousel-fade .carousel-item>img {width: 100%;transition: 1s;}
.home-banner .carousel-control-next, .home-banner .carousel-control-prev {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #ffffff;
    text-align: center;
    opacity: 1;
    line-height: 40px;
    bottom: 60px;
    background-repeat: no-repeat !important;
    background-position: center !important;
    transition: 1s;
    font-size: 0;
    top: auto;
    margin: 0 auto;
}
.home-banner .carousel-control-next:hover, .home-banner .carousel-control-prev:hover{ background-color: #ffae00;border-color: #ffae00;}
.home-banner .carousel-control-prev { background: url(../images/prev.png) no-repeat center; background-position: center;}
.home-banner .carousel-control-next { background: url(../images/next.png) no-repeat center;background-position: center;}
.slide-arrow { position: relative; margin: 0 auto; width: 95px;}
.hero-title { font-size: 30px; line-height: 40px; color: #ffffff; font-weight: 800; font-family: 'Montserrat', sans-serif;    margin-bottom: 18px;text-transform: uppercase;}
.hero-title strong{color: #878787;font-size: 40px;}
.banner-content p { font-size: 22px; color: #fff; font-weight: 500; font-family: 'Montserrat', sans-serif; line-height: normal; margin-bottom: 20px;}

.banner-content {max-width: 600px;margin: 0 auto;}
section.welcome-section {padding: 80px 0;}
/* .subtitle{
   font-size: 30px; color: #878787; font-weight: 400;   font-family: 'Montserrat', sans-serif; font-style: italic;
} */
.who-we-are{position: relative;}
.who-we-are a img{width: 100%;}
.service-detail h4{font-size: 22px;color: #111111;font-weight: 700; margin: 0 0 10px;text-transform: uppercase;}
.service-detail h4 a{color: #111111;}
.serviec-thumb:hover .service-detail h4 a{color: #ffae00;}
.service-overlay {background: rgb(255 174 0 / 82%);  top: 0;  left: 0;right: 0; height: 100%;   width: 100%;  position: absolute;  opacity: 0; transition: 1s all;}
.who-we-are:hover .service-overlay{opacity: 1;}
.service-text{text-align: center; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0;}
.service-text a{font-size: 22px; color: #fff; font-weight: 500; text-transform: uppercase;font-family: 'Inter', sans-serif;}
.service-text a:hover{color: #fff;}
.service-detail { text-align: center; padding: 20px 15px 0;}
section.welcome-section .col-sm-3 { padding: 0 15px; margin: 15px 0;}
.serviec-thumb { background: #fff; box-shadow: 0 0 30px rgb(0 0 0 / 8%); height: 100%; padding: 6px;}
section.welcome-section .row{justify-content: center;}

section.service-section {  background-color: #f2f2f2; padding: 80px 0;}

.section-heading h1, .section-heading h2{
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 48px;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 20px;
}
.about-right-content h1 i{font-weight: normal;font-style: normal;}
.service-box { text-align: center;}
.service-box figure { margin-bottom: 20px;}
.service-carousel .col-sm-4 { padding: 0 15px; margin: 15px 0;}
.service-box h4 { text-transform: uppercase;}
.service-box figure img { filter: grayscale(1);}
.service-box:hover figure img { filter: none;}
.portfolio-section{padding: 80px 0;}

#our-projects .filter-wrapper{text-align: center;}
#our-projects .filter-wrapper .filterbutton {     background: 0 0;
    box-shadow: none;
    color: #666;
    font-size: 20px;
    margin-right: 20px;
    font-weight: 400;
    line-height: normal;
    font-family: 'Inter', sans-serif;
    display: inline-block;
    cursor: pointer;
    min-width: 100px;
    border: 1px solid #666;
    padding: 8px 20px;
    border-radius: 5px;}
#our-projects .filter-wrapper .filterbutton.current, #our-projects .filter-wrapper .filterbutton:hover{ color: #000; border-color:#ffae00;background-color: #ffae00;}
.portfolio-row{overflow: hidden;}
.portfolio-row .portfolio-item{padding: 0; margin: 0;box-sizing: border-box; display: -webkit-flex;display: -ms-flexbox; display: flex; -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto; flex: 0 1 auto;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;}
.portfolio-row .grid-item{list-style: none;-webkit-box-flex: 0; position: relative; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; padding: 15px 15px;}
.project-media{position: relative; overflow: hidden;}
.project-media img{width: 100%;}
.prject-overlay{position: absolute; width: 100%; bottom: 0; left: 0; right: 0;  background: rgb(255 174 0 / 72%); overflow: hidden; height:0; transition: .5s ease;}
.project-overlay-text h4{font-size: 22px;color: #fff;font-family: 'Inter', sans-serif; font-weight: 500; margin: 0 0 0;}
.prject-overlay h4 a{color: #fff;}
.project-media:hover .prject-overlay{height: 100% }
.project-overlay-text{position: absolute; top: 50%; left: 0; right: 0; text-align: center; transform: translateY(-50%);width: 100%; opacity: 0;}
.project-media:hover .project-overlay-text{opacity: 1;}
.filter-wrapper{padding-bottom: 30px;}
.gallery-section { padding-top: 20px;}

.our-team-section{ padding: 80px 0; background-size: cover; position: relative; background-position: top center;background-repeat: no-repeat;background-attachment: fixed;z-index: 1;}
.our-team-section::before{position: absolute; content: '';    background: rgba(250, 250, 250, 0.94);width: 100%; height: 100%; top: 0; left: 0;    z-index: -1;}
.team-box{position: relative;}
.team-thumb img{width: 100%; object-fit: cover;}
.team-details{ text-align: center;padding: 15px 15px 0;}
.team-details h4, .team-details h3{font-size: 20px;color: #000;font-family: 'Inter', sans-serif; font-weight: 500; margin: 0 0 0; text-transform: uppercase;}
.team-details span{font-size: 18px;color: #b57e09;font-family: 'Inter', sans-serif; font-weight: 400; margin: 0 0 0;}
.team-details h4 a:hover{color: #ffae00;}
.team-details h3 a:hover{color: #ffae00;}
.team-thumb {
    overflow: hidden;
    position: relative;
    width: 190px;
    height: 190px;
    border-radius: 50%;
    margin: 0 auto 25px;box-shadow: 20px 20px 20px #d5cdcd;
}
.team-social{text-align: center;background: rgb(255 174 0 / 72%); bottom: 0; left: 0; padding: 20px 0; position: absolute; transform: scaleY(0); transform-origin: center bottom 0;
  transition: all 0.5s ease 0s; width: 100%;}
.team-social a{font-size: 20px;color: #ffae00; background: #fff; height: 32px; width: 32px; border-radius: 50%; text-align: center; line-height: 32px; display: inline-block; margin-right: 7px;}
.team-box:hover .team-social{ transform: scaleY(1);}
.our-team-section .row { justify-content: center;}
.our-team-section .col-sm-3 { padding: 15px 15px;}
.count-area-content{text-align: center;}
.counter-section{ background-color: #000; padding: 100px 0;}
.count-value {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 44px;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 13px;
    display: flex;
    justify-content: center;
}
.item-title{ font-family: 'Montserrat', sans-serif;font-style: normal; font-weight: 700; color: #fff; font-size: 24px;}
.service-carousel {padding-top: 50px;}
section.testimonials-seciton { padding: 80px 0;}
.testmonial-slider { max-width: 1100px;margin: 0 auto; text-align: center;}
.testmonial-slider ol.carousel-indicators { position: relative; margin: 0;}
.carousel-indicators [data-bs-target]{ width: 20px;height: 20px; background: #000;  padding: 0; border: none;}
.testmonial-slider ol.carousel-indicators { position: relative; margin: 23px 0 0;}
.carousel-indicators [data-bs-target] { width: 24px;height: 8px; background: #000;padding: 0; border: none; opacity: 0.2; margin: 0 7px;}
.carousel-indicators .active{ opacity: 1;}
.testimonials-contents span { display: block; color: #000; font-weight: 600;}
.contact-seciton{padding: 80px 0;}

.gform_wrapper label.gfield_label, .gform_wrapper label { margin: 0 0 5px!important; color: #000; font-family: 'Avenir' !important; font-size: 18px; font-style: normal; font-weight: 400; line-height: 28px; }
.gform_wrapper .gfield.gfield--width-full { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.gform_wrapper .gfield.gfield--width-half { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.wpcf7-form-control-wrap .medium { width: 100% !important; border-radius: 0;border: none !important;    background-color: #f2f2f2 !important; color: #000 !important;     font-family: 'Montserrat', sans-serif; font-size: 14px !important; font-style: normal; font-weight: 600; line-height: 18px; padding: 10px 40px 10px !important; -webkit-appearance: none; resize: none; position: relative; height: 64px; }
.wpcf7-form-control-wrap .medium::-webkit-input-placeholder { /* Edge */ color: #b2b2b2; opacity: 1;text-transform: uppercase;letter-spacing: 2px; }
.wpcf7-form-control-wrap .medium:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #b2b2b2; opacity: 1; text-transform: uppercase; letter-spacing: 2px;}
.wpcf7-form-control-wrap .medium::placeholder { color: #b2b2b2; opacity: 1; text-transform: uppercase;letter-spacing: 2px;}
.form-hero .gform_body { margin: 0 -8px; }
.gform_wrapper .gfield { padding: 0 8px 20px; margin: 0; }
.gform_wrapper .gform_footer { padding: 0px 0 0 0 !important; margin: 0 0 0 0 !important; }
.wpcf7-form-control-wrap textarea.medium { height: 90px!important;  display: block; }
.form-hero [type=submit] { font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase;
    color: #000;
    background: #ffae00;
    border-radius: 4px;
    display: inline-block;
    padding: 14px 14px;
   cursor: pointer; border: none; margin: 0 !important; transition: all 0.6s ease; min-width: 160px; }
.form-hero [type=submit]:hover{ background: #000; color: #fff; }
.form-hero .gform_wrapper .ginput_container { margin: 0 !important; padding: 0; position: relative; }
.gform_wrapper.gravity-theme .ginput_container_address span { padding: 0 8px !important; }


.form-hero .gform_wrapper .medium.gfield_select { background: #fff url(../images/select-arrow.png) no-repeat right 13px center !important; background-size: 16px !important; }
.contact-left { padding-right: 80px;}
.footer{ background-color: #000; padding: 70px 0 0;}
.footer-logo{margin-bottom: 60px;}
.footer-logo img{filter:invert(1);    max-width: 240px;}
.ftr-social a {border-radius: 50%; width: 50px; height: 50px; display: inline-block;  text-align: center; line-height: 48px; background-color: #fff;
    margin: 0 7px 0 0; }
.ftr-social a:hover{ background: #ffae00; }
.ftr-social a img{max-height: 23px; width: auto;}
.ftr-social a:hover img{filter: invert(1);}
.footer-item ul{padding: 0;}
.footer-item ul li{
    list-style: none;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px;
}
.footer-item ul li a{ color: #fff;}
.footer-item ul li a:hover{ color: #d9d9d9;}

.footer-title{
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    text-transform: uppercase;  
    margin-bottom: 20px;
    letter-spacing: 1px;
}
.footer-contact p{color: #fff;}
.footer-contact p a{color: #fff;}
.footer-contact p strong{ display: block;}
.footer-contact p a:hover{color: #ffae00;}
.footer .footer-item { padding-left: 80px;}
.copyright{padding: 20px 0 20px; border-top: 1px solid #ccc;margin-top: 50px;}
.copyright p{color: #fff;margin: 0;}
.inner-banner{ background: #000;padding: 70px 0;text-align: center;}
.exterior-section{ padding: 80px 0;}
.designs-list ul{ display: flex; flex-wrap: wrap;justify-content: center;}
.designs-list ul li{ width: 25%;padding: 10px;list-style: none;}
.ex-designs-image img{ width: 100%;}
.right-sidebar{ background: #000; padding: 40px 30px;min-height: 517px;}
.right-sidebar ul{margin: 0; padding: 0;}
.right-sidebar ul li{
    list-style: none;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    border-bottom: 1px dashed #878787;
    padding: 11px 0;

}
.right-sidebar ul li a{ color: #fff;display: block; }
.right-sidebar ul li a:hover{ color: #ffae00;}
.right-sidebar ul li:last-child{border-bottom: 0;}
.exterior-section .col-sm-9{padding-right: 100px;}
.service-detail-left img { margin-bottom: 16px;}
.search-popup .modal-dialog {  max-width: 710px !important; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);
    position: absolute; top: 50%;  left: 0; right: 0; margin: 0 auto !important; width: 100%;}
.search-popup .modal-content { background-color: transparent !important; border: none;}
div#myModal { padding: 0 !important;}
.search-popup .modal-body { padding: 0;}
.search-popup input.search-input { background: #fff !important; border-width: 0;border-color: #fff; height: 50px;
    max-width: 100%; outline: 0; color: #000 !important; font-family: 'Inter', sans-serif; font-size: 20px; font-weight: 400;line-height: 40px;
    width: 100%; padding: 5px 17px;}
.search-popup .close {  font-size: 40px; position: absolute; font-weight: 400; right: 30px;text-shadow: none !important;  top: 30px;
    color: #fff;  opacity: 1 !important; font-family: 'FontAwesome'; background: transparent; height: auto; padding: 0;
    line-height: normal; border: none;}
.search-main form{position: relative;}
.search-main button {  border: none; position: absolute;top: 15px; width: 31px; right: 15px; background:transparent;}
.modal-backdrop.show { opacity: 0.9;}
.blog-section{padding-bottom: 80px;}
.blog-section .col-sm-4{margin-top: 30px;    padding: 0 20px;}
.blog-section .row{justify-content: center;}
.blog-item h5, .blog-item h4{    font-size: 18px;margin: 0; font-weight: 400;}
.blog-item h5 a, .blog-item h4 a{ color: #031537;}
.blog-item p a{ color: #031537;}
.blog-item p a:hover{ color: #ffae00;}
.blog-item h6 a{ color: #031537;}
.blog-item:hover h5 a, .blog-item:hover h6 a{ color: #ffae00;}

.blog-item figure{overflow: hidden; margin-bottom: 15px;}
.blog-item figure img{transition: all 0.6s; width: 100%;}
.blog-item:hover figure img{transform: scale(1.1);}
.comment-info{display: flex; justify-content: space-between;margin-bottom: 10px;}
.comment-info a {
    color: #2f2f2f;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
}
.comment-info a:hover{color: #ffae00;}
.blog-item {
    position: relative;
}
.blog-date {
    position: absolute;
    top: 10px;
    left: 10px;
}
.blog-date a {
    font-size: 18px;
    margin: 0;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    background: #ffae00;
    color: #000;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 5px;
}
.blog-item:hover .blog-date a{color:#fff; background-color: #000;}
.blog-right-sidebar .right-sidebar {
    min-height: 441px;
}

.blog-detial-page{
    padding: 80px 0;    background: #f2f2f2;
}
.sidebar-title{
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 24px;
    color: #ffae00;
    text-transform: uppercase;
    margin-bottom: 20px;
    letter-spacing: 1px;
}
.search-blog form{position: relative;}
.search-blog .search-form input.search-field {
    padding: 6px 45px 6px 15px!important;
    border: none;
    outline: 0;
    background: #fff;
    height: 60px;
    color: #666!important;
    width: 100%;
    margin-bottom: 0;
    font-weight: 400!important;
    position: relative;
    font-size: 18px!important;
    font-family: 'Inter', sans-serif;
    box-shadow: 0 0 21px rgba(0,0,0,.19);
}
.search-blog {
    margin-bottom: 15px;
}
.search-submit{
    background: url(../images/seach-icon.png) no-repeat;
    font-size: 0;
    padding: 0;
    border: none;
    position: absolute;
    top: 21px;
    right: 15px;
    width: 20px;
    height: 30px;
    background-size: 20px;
}
section.welcome-section.about-page {
    background: #f9f9f9;
}
.service-detail-page{
    background: #f9f9f9;
}
.blog-page-section{
    padding-top: 80px; padding-bottom: 0;
}

@media (min-width:1200px){ .container{max-width: 1180px !important;} }
@media (min-width:1300px){ .container{max-width: 1270px !important;} }
@media (min-width:1400px){ .container{max-width: 1340px !important;} }


@media(max-width:1499px){
}

@media(max-width:1399px){



}
@media(max-width:1399px){

    .exterior-section .col-sm-9 {
        padding-right: 60px;
    }


}
@media(max-width:1199px){
h1 { font-size: 26px; line-height: normal;}
h2 { font-size: 24px; line-height: normal;}
h3 { font-size: 23px; line-height: normal;}
h4 { font-size: 22px; line-height: normal;}
h5 { font-size: 20px; line-height: normal;}
h6 { font-size: 18px; line-height: normal;}

p { font-size: 16px; line-height: 23px; margin-bottom: 10px; }
.container, .container-sm, .container-md, .container-lg { max-width: 100%; }
.container{max-width: 100% !important; padding: 0 40px;}

.hero-title {
    font-size: 26px;
    line-height: 40px;
    margin-bottom: 15px;
}
.hero-title strong {
    font-size: 26px;
    display: block;
}
.home-banner {
    padding-bottom: 40px;
}
.banner-caption {
    padding: 20px 30px 30px;
}
section.welcome-section {
    padding: 40px 0;
}
.default-css ul li, .default-css ol li {
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 5px;
}
.section-heading h1, .section-heading h2 {
    font-size: 30px;
    margin-bottom: 15px;
}
section.service-section {
    padding: 40px 0;
}
.service-box figure img {
    width: auto;
    max-height: 64px;
}
.service-carousel {
    padding-top: 20px;
}
.portfolio-section {
    padding: 40px 0;
}
#our-projects .filter-wrapper .filterbutton {
    font-size: 18px;
    margin-right: 10px;
    min-width: 90px;
    padding: 6px 15px;
}
.portfolio-row .grid-item {
    padding: 9px 10px;
}

.item-title {
    font-size: 20px;
}
.count-value {
    font-size: 34px;
}
.counter-section {
    padding: 40px 0;
}
section.testimonials-seciton {
    padding: 40px 0;
}
.our-team-section {
    padding: 40px 0;
}
.team-thumb {
    margin: 0 auto 15px;
}
.team-details h4, .team-details h3 {
    font-size: 18px;
}
.contact-seciton {
    padding: 40px 0;
}
.contact-left {
    padding-right: 0;
}
.wpcf7-form-control-wrap .medium {
    font-size: 14px !important;
    line-height: 16px;
    padding: 10px 18px 10px !important;
    height: 46px;
}
.gform_wrapper .gfield {
    padding: 0 8px 14px;
    margin: 0;
}
.form-hero [type=submit] {
    font-size: 16px;
    line-height: 20px;
    padding: 11px 14px;
    min-width: 120px;
}
.blog-section .col-sm-4 {
    margin-top: 15px;
    padding: 0 15px;
}
.blog-section {
    padding-bottom: 40px;
}
.footer .footer-item {
    padding-left: 60px;
}
.blog-item h5, .blog-item h4 {
    font-size: 18px;
}
.ftr-social a {
    width: 40px;
    height: 40px;
    line-height: 40px;
}
.copyright {
    padding: 13px 0 13px;
    margin-top: 32px;
}
#back-top-wrapper #back-top a {
    height: 40px;
    width: 40px;
}
#back-top-wrapper {
    right: 35px;
    bottom: 34px;
}
.inner-banner {
    padding: 40px 0;
}

.exterior-section {
    padding: 40px 0;
}
.exterior-section .col-sm-9 {
    padding-right: 15px;
    width: 65%;
}
.exterior-section .col-sm-3{
    width: 35%; 
}
.right-sidebar {
    padding: 25px 15px;
    min-height: auto;
}
.right-sidebar ul li {
    font-size: 18px;
    line-height: 24px;
    padding: 9px 0;
}

.blog-page-section{
    padding-top: 40px; padding-bottom: 0;
}

.blog-detial-page {
    padding: 40px 0;
}

.blog-detial-page .col-sm-9 {
    width: 65%;
}
.blog-detial-page .col-sm-3{
    width: 35%; 
}

}
@media(max-width:991px){
.container{max-width: 100% !important; padding: 0 15px;}
.header-right-part {
    justify-content: right;
    padding-right: 40px;
}
.header-section .col-3 {
    width: 35%;
}
.header-section .col-9 {
    width: 65%;
}
#back-top-wrapper {
    right: 15px;
    bottom: 34px;
}
.footer .footer-item {
    padding-left: 40px;
}
.banner-caption {
    padding: 20px 30px 30px;
    width: 310px;
    right: 15px;
}
.designs-list ul li {
    padding: 5px
}

.header-section.sticky {
    padding: 10px 0;
}



}
@media(max-width:900px){
    .footer {
        padding: 40px 0 0;
    }
    .footer .col-sm-4 {
        width: 100%;
    }
    .about-ftr {
        text-align: center;
    }
    .footer-logo {
        margin-bottom: 30px;
    }
    .footer-logo img {
        max-width: 120px;
    }
    .footer .footer-item {
        padding-left: 0;
        text-align: center;
    }
    .footer-contact {
        text-align: center;
    }
    .footer-title {
        font-size: 18px;
        line-height: 20px;
        padding: 9px 0;
        margin: 15px 0;background: #252525;
    }
    .footer-item ul li {
        font-size: 14px;
        line-height: 20px;
        padding: 6px 0;
        margin: 0;
        border-bottom: 1px solid #252525;
    }

    .footer-item ul li:last-child{
        border-bottom: 0;
    }
    .copyright {
        padding: 10px 0 10px;
        margin-top: 15px;
        text-align: center;
        border-color: #3b3939;
    }
    .ftr-social a {
        width: 35px;
        height: 35px;
        line-height: 35px;
        margin: 0 4px;
    }
    .ftr-social a img {
        max-height: 20px;
        width: auto;
    }
    .ftr-social {
        padding: 10px 0;
    }
    .blog-section .col-sm-4 {
        margin-top: 15px;
        padding: 0 15px;
        width: 50%;
    }
    .our-team-section .col-sm-3 {
        padding: 15px 15px;
        width: 33.33%;
    }
    .team-details {
        padding: 6px 0 0;
    }
    .designs-list ul li {
        padding: 5px;
        width: 33.33%;
    }
    .search-popup .close {
        font-size: 30px;
        right: 15px;
        top: 15px;
    }
    .search-popup input.search-input {
        height: 40px;
        font-size: 16px;
        line-height: 20px;
        padding: 5px 15px;
    }
    .search-main button {
        top: 8px;
        width: 29px;
        right: 9px;
    }
    .search-popup .modal-dialog {
        top: 0;
        transform: inherit;
        margin: 50px auto 0!important;
        width: 94%;
    }
    .mobile-logo{display: block !important;}

}

@media(max-width:812px){
h1 { font-size: 23px; line-height: normal;}
h2 { font-size: 21px; line-height: normal;}
h3 { font-size: 20px; line-height: normal;}
h4 { font-size: 18px; line-height: normal;}
h5 { font-size: 17px; line-height: normal;}
h6 { font-size: 16px; line-height: normal;}
h1, h2, h3, h4, h5, h6 { margin-bottom: 10px; }
p { font-size: 15px; line-height: 20px; }
.hero-title strong {
    font-size: 22px;
    display: block;
}
.hero-title {
    font-size: 23px;
    line-height: 32px;
    margin-bottom: 11px;
}
a.theme-btn {
    font-size: 16px;
    line-height: 20px;
    padding: 8px 14px;
}
.banner-caption {
    padding: 20px 15px 30px;
    width: 280px;
    right: 15px;
}
.section-heading h1, .section-heading h2 {
    font-size: 22px;
    margin-bottom: 15px;
}
.service-box figure {
    margin-bottom: 10px;
}
#our-projects .filter-wrapper .filterbutton {
    font-size: 16px;
    min-width: 70px;
    padding: 6px 13px;
    margin: 5px 3px;
}
.gallery-section {
    padding-top: 0;
}
.filter-wrapper {
    padding-bottom: 10px;
}
.portfolio-row .grid-item {
    padding: 5px 5px;
}
.count-value {
    font-size: 28px;
}
.item-title {
    font-size: 16px;
}
.team-thumb {
    width: 170px;
    height: 168px;
}
.team-details h4, .team-details h3 {
    font-size: 16px;
}
.wpcf7-form-control-wrap .medium{
    font-size: 14px !important;
    line-height: 16px;
    padding: 7px 14px 7px !important;
    height: 40px;
}
.blog-item h5, .blog-item h4 {
    font-size: 16px;
}
.blog-date a {
    font-size: 16px;
}
.right-sidebar ul li {
    font-size: 16px;
    line-height: 20px;
    padding: 9px 0;
}
.sidebar-title {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 10px;
}
.search-blog .search-form input.search-field {
    padding: 6px 35px 6px 15px!important;
    height: 42px;font-size: 16px!important;
}
.search-submit {
    top: 13px;
    right: 10px;
    width: 18px;
    height: 20px;
    background-size: 18px;
}
.blog-right-sidebar .right-sidebar {
    min-height: auto;
}
.logo img {
    max-width: 108px;
}
}

@media(max-width:767px){

}

@media(max-width:700px){
    .our-team-section .col-sm-3 {
        padding: 15px 15px;
        width: 50%;
    }
    .contact-parent .col-sm-6 {
        width: 100%;
    }
    .section-heading h1 br, .section-heading h2 br{display: none;}
    .counter-parent .col-sm-3 {
        width: 50%;
        border-right: 1px solid #514949;
        margin: 10px 0;
    }
    .counter-parent .col-sm-3:last-child{border-right: 0;}
    .counter-parent .col-sm-3:nth-child(2n){border-right: 0;}
    .count-value {
        font-size: 28px;
        margin-bottom: 9px;
    }
    .service-carousel .col-sm-3 {
        width: 50%;
        margin: 8px 0;
    }
    .exterior-section .col-sm-3 {
        width: 100%;margin-top: 30px;
    }
    .exterior-section .col-sm-9 {
        width: 100%;
    }
    .blog-detial-page .col-sm-9 {
        width: 100%;
    }
    .blog-detial-page .col-sm-3{
        width: 100%; margin-top: 30px;
    }
}

@media(max-width:641px) {

}

@media(max-width:575px){
    .about-left-image {
        margin-bottom: 10px;
    }
    .banner-caption {
        padding: 20px 15px 30px;
        width: 100%;
        right: 0;
        position: relative;
        top: 0;
        transform: inherit;
        text-align: center;
    }
    .portfolio-row .grid-item {
        padding: 5px 5px;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .blog-section .col-sm-4 {
        margin-top: 15px;
        padding: 0 15px;
        width: 100%;
    }
    #our-projects .filter-wrapper .filterbutton {
        font-size: 15px;
        min-width: 41px;
        padding: 6px 11px;
        margin: 5px 1px;
    }
    a.theme-btn {
        font-size: 14px;
        line-height: 20px;
        padding: 7px 14px;
    }
    .designs-list ul li {
        padding: 5px;
        width: 50%;
    }

}

@media(max-width:480px){
    .our-team-section .col-sm-3 {
        padding: 15px 15px;
        width: 100%;
        border-bottom: 1px solid #ccc;
    }
   
}