/************************************************* Header ********************************************************************/
#Header + main {margin-top:110px;} 
#Header .Phnlink  .fa-lg{color:#c4a484; font-size:15px;} #Header .Phnlink a:hover{color:#3ca9df;}  #Header .Phnlink a{color:#343434; font-size:15px;}

/********** *********************Main Banner ****************************************************************************/
.MainBanner .carousel-caption {z-index:99;display:flex;justify-content:center;align-items:center;margin:auto;left:0; top:0; bottom:0;right:0;}
.MainBanner .banner-text h1 {text-shadow:10px 10px 10px rgba(0,0,0,.20);}
.MainBanner .Btm-arrow{position:absolute; bottom:65px; right:0px; left:0px; text-align:center; z-index:99;}

/********** ********************* Welcome ****************************************************************************/
#Welcome .mrgn{margin-left: 100px;}    #Welcome img{box-shadow: 10px 10px 15px rgba(0,0,0,0.1) !important;} 
/********** ********************* Renovation ****************************************************************************/
#Renovation .pdng{padding:20px;} #Renovation .space-left {padding-right: 30px !important;} #Renovation .space-right {padding-left: 30px !important;} .my-100{margin-top:180px; margin-bottom:50px;}


.map {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);} 
.rr_review_post_id {
    display: none;
} 
h3.rr_title {
    color: #c4a384;
}
 /************************************************* Testimonials ********************************************************************/
#TestiArea{padding:160px 0px 100px 0px;} 
#TestiArea .Name{font-size:18px; color:#000;}
#Testimonials {font-size:23px; line-height:1.6; font-weight:300; color:#000;} 
#Testimonials q:before,#Testimonials:before {content: open-quote; position:absolute; left:0; top:-60px;}
#Testimonials q:after,#Testimonials:after {content: close-quote; position:absolute; right:0; top:-60px; }
#Testimonials q:before,#Testimonials q:after,#Testimonials:before,#Testimonials:after {color:#eee6de; font-size:150px; font-family:"Times New Roman", Times, serif; font-weight:bold;}
#Testimonials .carousel-inner{width:74%; margin:auto;}
#Testimonials .carousel-indicators {position:static; margin-top:55px;}
#Testimonials .carousel-indicators li{width:30px; height:5px; margin:0 5px; opacity:1; background-color:#dcdcdc;}
#Testimonials .carousel-indicators li.active {background-color:#c4a484;}  

/**********************************************/
 .wptww-testimonials-slidelist.design-1 .fa-quote-left, .wptww-testimonials-list.design-1 .fa-quote-left, .wptww-testimonials-slide-widget.design-1 .fa-quote-left {
  display: none;
}
.wptww-testimonials-list h4, .wptww-testimonials-slidelist h4, .wptww-testimonials-slide-widget h4 {
    font-size: 25px !important;
    line-height: 25px !important;
    padding: 1px !important;
    margin: 8px 0 !important;
}
.wptww-testimonials-slidelist .slick-dots li.slick-active button {
    background: #c4a484 !important;
}
.wptww-testimonials-list .wptww-testimonials-text p, .wptww-testimonials-slidelist .wptww-testimonials-text p, .wptww-testimonials-slide-widget .wptww-testimonials-text p {
    font-size: 20px;
    text-align: center;
    margin-bottom: 5px !important;
}
.wptww-testimonials-slidelist.slick-slider {
    padding: 5px 15px;
}
.wptww-testimonials-list h4, .wptww-testimonials-slidelist h4, .wptww-testimonials-slide-widget h4 {
    font-size: 28px !important;
    line-height: 25px !important;
    padding: 4px !important;
    margin: 8px 0 !important;
}
.btn-light {
    color: #212529;
    background-color: #c4a484;
    border-color: #c4a484;
}
/********** ContactForm **************************************************************************************************/
#ContactForm {padding:118px 0px 115px 0px;}
#ContactForm .form-group {margin-bottom:20px;}
#ContactForm .form-control{font-size:14px; border-color:#fff; border-radius:0; height:50px; color:#6d6d6d; font-weight:400; font-family: 'Roboto', sans-serif; background:#fff;}
#ContactForm .form-control::placeholder{color:#6d6d6d;}
#ContactForm textarea.form-control{height:190px; padding:13px;}

textarea:focus ,textarea.form-control:focus {

    outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}


/********** Footer ***************************************************************************************************/
#Footer{color:#818181; font-size:13px; line-height:1.9;}
#Footer a{color:#818181;}#Footer a:hover{color:#c4a484;} #Footer .list-inline a:hover{color:#fff;} #Footer .fa-lg{font-size:13px; color:#c4a484;}
#Footer .list-inline a{font-size:15px; margin:0px; color:#c4a484;}
#Footer .list-inline-item:not(:last-child) {margin-right:15px;}
.Copytext{color:#818181; font-size:12px;}

/*************************************************************************************************************/



@media (min-width:992px) {
#Header {top:0px; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s;}
.shrink {background:rgba(255,255,255,.95); box-shadow:0px 5px 12px rgba(0,0,0,.5); z-index:999;}
.Logo img {max-height:61px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .Logo img {max-height:60px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
#Header .Logo{padding-top:25px; padding-bottom:25px;} .shrink .Logo{padding-top:10px !important; padding-bottom:10px !important;}
.navbar .navbar-nav .nav-link {padding:42px 0px;} .shrink .navbar .navbar-nav .nav-link {padding:22px 0px !important;}

}

.container{max-width:1170px;}
.container-new{max-width:1300px;padding-right:15px; padding-left:15px; margin:auto;}
.container-fluid{max-width:1630px;} 

@media (min-width: 767.98px) {
#Renovation .custom  img {
    height:385px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
#Welcome .Box{ border-left: 2px solid #c4a484 !important;position: absolute;left: 55px;right: 0;top: 10px;
bottom: 294px;}
#Renovation .Block::after {
    border-top: solid 2px #c4a484;
    border-bottom: solid 2px #c4a484;
    border-left: solid 2px #c4a484;
    border-right: solid 2px #c4a484;
    content: '';
    position: absolute;
    left: 400px;
    top: -98px;
    right: 400px;
    z-index: -1;
    bottom: -98px;
}
#Welcome img{position:relative; z-index:1;}

#Welcome .Block::after {border-top: solid 492px #c4a484;content: '';position: absolute;left: -110px;top: -128px;right: 305px;z-index: 0;}
}


@media (min-width: 1200px) {

.Homebnr .carousel-item  img {
    height:800px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}


}


@media (min-width: 1920px) {
.gutter-lg {margin-left:-30px!important;margin-right:-30px!important;}
.gutter-lg div[class^="col"]{padding-left:30px!important;padding-right:30px!important;}
#Welcome .Block::after {left: -400px !important;} #Renovation .pdng {padding: 40px !important;} #Renovation .Block::after {left: 490px !important;right: 490px !important;}
}



@media (min-width: 1600px) {#Welcome .Block::after {left: -240px;} #Renovation .pdng {padding: 60px;} #Renovation .Block::after {left: 480px;right: 480px;}

}

@media (min-width: 1259.98px) and (max-width: 1459.98px) {}	
@media (min-width: 1359.98px) and (max-width: 1459.98px) {

}
@media (min-width: 1199.98px) and (max-width: 1359.98px) {

}
@media (min-width: 991.98px) and (max-width: 1199.98px) {#Header .Phnlink a {font-size: 12px;} .MainBanner .carousel-caption h1, .h1 {font-size: 45px;} #Welcome .Block::after {top: -96px; right:230px;} #Welcome .mrgn {margin-left: 50px;} #Welcome .Box {left: 25px;bottom: 310px;} h2, .h2 {
font-size: 30px;} #Renovation .fs-30 {font-size: 22px !important;} #Renovation .Block::after {left: 300px;right: 300px; bottom: -70px; top: -70px;}.my-100 {margin-top: 110px;margin-bottom: 0px;} h3, .h3 {font-size: 27px;} #TestiArea {padding: 130px 0px 50px 0px;} #ContactForm {padding: 50px 0px 60px 0px;}

}
@media (min-width: 768px) and (max-width: 991.98px) {#Header{padding:20px 0px 10px 0px; text-align:center; position:static !important;} 
#Header + main {margin-top:0px;}  .Logo{padding-bottom:10px;} .MainBanner .carousel-caption h1, .h1 {font-size: 35px;} #Welcome .Block::after {
top: -56px;right: 180px; border-top: solid 430px #c4a484;} h2, .h2 {font-size: 25px !important;} #Welcome .mrgn {margin-left: 30px;} #Welcome .Box {left: 15px;bottom: 367px;} #Welcome .fs-20 {font-size: 16px !important;} #Welcome .custom  img {height:500px;width: 100%;-o-object-fit: cover;
object-fit: cover;-o-object-position: center;object-position: center;} #Renovation .space-left {padding-right: 5px !important;} #Renovation .space-right {padding-left: 5px !important;} #Renovation .fs-30 {font-size: 20px !important;} .my-100 {margin-top: 80px;margin-bottom: 0px;}
#Renovation .Block::after {left: 220px;right: 220px; bottom: -65px; top: -65px;} h3, .h3 {font-size: 25px;} #TestiArea {padding: 130px 0px 50px 0px;} #ContactForm {padding: 50px 0px 60px 0px;} #Testimonials {font-size: 20px;}
}
@media (max-width: 767.98px) {	
#Header{padding:20px 0px 10px 0px; text-align:center; position:static !important;} #Header + main {margin-top:0px;} .MainBanner .carousel-caption h1, .h1 {font-size: 30px;} .MainBanner .Btm-arrow {bottom: 40px;} #Welcome .mrgn {margin-left: 0px;} #Welcome .fs-20 {font-size: 16px !important;} h2, .h2 {font-size: 25px !important;} .my-100 {margin-top: 0px;margin-bottom: 0px;} #Renovation .fs-30 {font-size: 25px !important;} #Renovation .pdng {padding: 40px 15px;} #Renovation .space-left {padding-right: 0px !important;}
#Renovation .space-right {padding-left: 0px !important;}  h3, .h3 {font-size: 25px;} #TestiArea {padding: 50px 0px 30px 0px;} #Testimonials {font-size: 20px;} #Testimonials q::before, #Testimonials q::after, #Testimonials::before, #Testimonials::after {font-size: 100px;} #Testimonials q::after, #Testimonials::after {top: -40px;} #Testimonials q::before, #Testimonials::before {top: -40px;} #Testimonials .carousel-indicators { margin-top:30px;} #ContactForm {padding: 50px 0px 50px 0px;}
}
@media (max-width: 576px){.Homebnr .carousel-item  img {
    height:230px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
 #Testimonials q::before, #Testimonials q::after, #Testimonials::before, #Testimonials::after {font-size: 75px !important;} .MainBanner .carousel-caption h1, .h1 {font-size: 22px;} #Footer .location { margin-right: -52px;}
}

@media (max-width: 479px) {}
@media (max-width: 320px) {}
