@import url('https://fonts.googleapis.com/css2?family=Gelasio:ital,wght@0,400..600;1,400..600&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,600;0,900;1,100;1,300;1,400;1,500;1,600;1,900&display=swap');
html,body{margin: 0px; padding: 0px;}
a{text-decoration: none; outline: none;}
img{max-width: 100%;}
ul{margin: 0px;}
li{list-style: none;}
h1, h2, h3, h4, h5, p{margin: 0px;}
.container{max-width: 1400px;}
/* Header */
.Gelasio{font-family: "Gelasio", serif;}
#Citizens{background-color: #0000009e; position: absolute; top: 0; z-index: 99; width: 100%;}
#Citizens .clocktext p{font-size: 18px; line-height: 25px; font-weight: 600;}
#Citizens .clocktext h5{font-size: 14px; font-weight: 600;}
#Citizens .afterhour{border-left:2px solid #fff;}
#Citizens .shareus{font-size: 25px; font-size: 500;}
#Citizens .shareus p a{color: #bb4b67; padding-left: 14px;}
#Citizens .shareus p a:hover{color: #d2bec3;}
#Citizens .navback{background-color:#6e0f27; position: relative;}
#Citizens .logo{position: absolute;left: 50%;bottom: 0; width: 25%;}
#Citizens .logo img{width: 90%;}
.navmenus a{color: #fff; font-weight: 600; font-size: 20px;}
.phoneno img{width:30px;}
.phoneno a{font-weight: 600;}
.phoneno a:hover{color: #0a58ca !important;}
#Citizens .dnone{display: none !important;}
header a:hover,header li.active a{color: #d2bec3!important;}
footer a:hover{color: #d2bec3!important;}
.relativ a:hover{color: #6e0f27!important;}
/* Banner */
.banner .carousel-inner .carousel-caption{top: 70%;}
.banner .carousel-inner .carousel-caption h1, .banner .carousel-inner .carousel-caption h2{font-weight: 600;}
.banner .carousel-inner .carousel-caption h2{font-size: 22px;}
.banner .carousel-inner .carousel-caption h1{font-size: 44px;}
.banner .carsolbut{width: auto; opacity: 1; color: #000;}
.contactstrip{background-color: #4f0605; max-width: 1683px; margin-right: 0px; margin-left: auto; border-radius: 50px 0px 0px 50px; padding: 10px 40px; font-weight: 600; margin-top: -50px; z-index: 9; position: relative;}
.contactstrip h1{font-size: 35px;}
.contactstrip p{font-size: 25px;}
.contactstrip p a:hover{color:#e0edff!important;}

/* Welcome */
.welcomesection{padding: 70px 0px;}
.welcomesection h1{font-size: 40px; color: #4f0605; font-weight: 600;font-family: "Gelasio", serif; border-left: 4px solid #4f0605; padding-left: 15px; margin-bottom: 0px;}
.welcomesection p{font-size: 24px; padding: 5px 0px; font-weight:400;  font-family: "Roboto", sans-serif;}
.welcomesection span{color: #b5274b; font-weight: 500;}
.inner h2{color: #b5274b;font-weight: 500;font-family: Roboto;}
.inner p{font-size: 20px; font-weight:400;  font-family: "Roboto", sans-serif;}
/* gallery */
.gallery{background-image: url("../tpl_images/cardback.png"); background-position: top; background-size: auto; background-repeat: no-repeat; }
.gallery h1{font-size: 40px; font-weight: 600;}
.gallery h4{font-weight: 600; font-size: 28px;}
.gallery li img{border-radius:10px 10px 0px 0px; width: 100% !important;}
.gallery li{color: #fff; border-radius:10px; position: relative;}
.gallery .blurimg::after {content: '';position: absolute;bottom: 0;left: 0;right: 0;top: 0;height: 99%; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(39,6,14,1) 80%);z-index: 1;border-radius: 10px;}
.gallery li:hover .blurimg::after{background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(124,20,46,1) 80%);}
.gallery .cardcont{padding: 20px 20px 50px 20px; z-index: 99; position: relative; margin-top: -120px; height: 250px;}
.gallery .cardcont i{color: #fff; transform: rotate(-30deg); font-size: 25px;}
.gallery li h2{font-size: 30px; font-weight: 600; padding-bottom: 10px;}
.gallery li p{font-size: 20;font-weight:400;  font-family: "Roboto", sans-serif;}

.sofa{background-image: url("../tpl_images/request.png"); background-position: center; background-repeat: no-repeat; background-size: cover;font-weight: 600;}
.sofa h2{font-size: 30px; }
.sofa h1{font-size: 35px; }
.sofa p{font-size: 28px; line-height: 30px;}
.sofa a{font-size: 20px; padding: 10px 20px; border-radius: 10px; border: 2px solid #fff;}
.sofa a:hover{background-color: #000;}

/* getestimate */
.getestimate{background-image: url("../tpl_images/contactform.png"); background-position: center; background-repeat: no-repeat; background-size: cover;}
.getestimate h1{font-size: 35px; font-weight: 600;}
.getestimate p{font-size: 22px; font-weight: 400;font-family: "Roboto", sans-serif;}
.getestimate .radios{font-weight: 600; font-size: 20px;}
.getestimate  .form-control{background-color: transparent; border-color: #bb4b67;color: #fff;}
.getestimate  .form-control::placeholder{color: #fff;}
.getestimate button{color: #bb4b67; border-color:#bb4b67;}
.getestimate button:hover{color: #bb4b67; background: #fff; border-color:#bb4b67;}

/* footercontact */
.footercontact .mapimg{height: 400px; object-fit: cover; width: 100%;}
.footercontact li a, .footercontact .contactusnum p{font-size: 22px; font-weight: 500;font-family: "Roboto", sans-serif; color: #000;}
.footercontact  .botom h1{font-weight: 600; font-size: 34px;}
.footercontact  .botom a{color: #6e0f27;}
.footercontact  .botom a:hover{color: #0a58ca;}
.footercontact .icongap a{font-size: 34px; color: #000; padding: 0px 10px;}
.footercontact .icongap a:hover{color: #bb4b67;}
.footer_strip{background-color: #4f0605; font-weight: 400;}
@media(max-width:1400px){
    .navmenus a{font-size: 16px;}
}
@media (max-width:1200px) {
    .navmenus a{font-size: 16px;}
    #Citizens .clocktext p{font-size: 15px; line-height: 20px;}
    #Citizens .clocktext h5{font-size: 13px;}
    #Citizens .shareus, .footercontact li a, .footercontact .contactusnum p{font-size: 19px;}
    .navmenus a{font-size: 14px;}
    .phoneno img {width: 20px;}
    .banner .carousel-inner .carousel-caption h2{font-size: 18px;}
.banner .carousel-inner .carousel-caption h1{font-size: 35px;}
.banner .carsolbut img{width: 40px;}
.contactstrip h1{font-size: 30px ;}
.contactstrip p{font-size: 22px;}
.contactstrip img{width: 40px;}
.gallery li h2{font-size: 25px; }
.gallery li p{font-size: 16px;}
.footercontact h1{font-size: 27px !important;}
.footercontact .icongap a{font-size: 28px;}
}
@media(max-width:991px){
    #Citizens .logo{left: 0;}
    #Citizens .mobileimg img{width: 60%; margin-top: -40px;}
    #Citizens #collapsibleNavbar {position: absolute;top: 100%;text-align: left;width: 160px;background-color: #6e0f27;}
    #Citizens #collapsibleNavbar li {border-bottom: 1px solid #fff;}
    #Citizens .navbar-toggler{background-color: #000;}
    #Citizens{background-color: #000; position: relative;}
    .banner .carousel-inner .carousel-caption h2{font-size: 15px;}
    .banner .carousel-inner .carousel-caption h1{font-size: 25px;}
.banner .carousel-inner .carousel-caption{top: 60%;}
.contactstrip h1, .welcomesection h1{font-size: 25px;}
.contactstrip p{line-height: 20px;}
.contactstrip p, .welcomesection p{font-size: 18px; }
.contactstrip img{width: 40px;}
.gallery h1{font-size: 30px;}
.gallery h4{font-size: 22px;}
.sofa h2, .getestimate h1{font-size: 25px; }
.sofa h1{font-size: 28px; }
.sofa p{font-size: 20px; line-height: 30px;}
.sofa a, .getestimate p, .getestimate .radios h4, .getestimate .radios label{font-size: 17px; }
.footercontact li a, .footercontact .contactusnum p{font-size: 16px;}
.footercontact h1{font-size: 21px !important;}
.footercontact .icongap a{font-size: 23px;}

}
@media(max-width:767px){
    #Citizens .clocktext p {font-size: 12px;line-height: 16px;}
    #Citizens .shareus p{font-size: 18px;}
    #Citizens .shareus p a{padding-left: 8px; font-size: 20px !important;}
    #Citizens .mobileimg img{width: 200px; margin-top:0px;}
    .contactstrip{margin: 0px !important; border-radius: 0px; padding: 20px  10px;}
    .welcomesection{padding: 20px 0px;}
    .welcomesection h1{margin-bottom: 10px;}
    .welcomesection p{padding: 4px 0px; line-height: 25px;}
    .getestimate p{line-height: 20px;}
    .getestimate .radios h4, .getestimate .radios label{font-size: 14px; }
    .getestimate .radios input{margin-left: -25px !important;}
    .footercontact  .botom img{width: 250px;}
}
@media(max-width:575px){
    .footercontact .mapimg{height: 200px;}
    #Citizens .clocktext img{width: 20px;}
    #Citizens .clocktext h5 {font-size: 11px;}
    .banner .carousel-caption{top:0!important;position: relative !important; width:100%; left: 0; right: 0; background-color: #000; padding: 20px 0px !important;}
    .banner .carsolbut{top: -30%;}
    .banner .carsolbut img{width: 30px;}
    .banner .carousel-inner .carousel-caption h1{font-size: 20px;}
    .contactstrip{margin-top: -5px !important;border-radius: 50px 0 0 50px;width: 91%;margin-left: auto !important;}
    .contactstrip h1, .gallery h4{font-size: 18px;}
    .contactstrip p{font-size: 14px; line-height: 16px; padding-top: 5px;}
    .contactstrip img{width: 30px;}
    .gallery .lSSlideOuter {max-width: 320px !important; margin: auto;}
    .gallery h1{font-size: 20px;}
    .sofa h2 {font-size: 16px;}
    .sofa h1 {font-size: 24px;}
    .sofa p {font-size: 15px;line-height: 20px;}
    .getestimate .radios input{margin-left: 0px !important;}
    .getestimate .radios label{font-size: 13px;}
    .getestimate .radios .form-check{padding: 0px 10px 0px 0px!important;display: flex;gap: 5px;align-items: end;}
}
@media(max-width:470px){
    #Citizens .detail{flex-direction: column !important;}
    #Citizens .shareus{padding-top: 20px;}
    #Citizens .shareus p{font-size: 16px;}
    #Citizens .dnone{display: flex !important;}
    #Citizens .dnone1{display: none !important;}
    .mobileshare{width: 50% !important;}
    #Citizens .topmenu {justify-content: space-between !important;}
    .phoneno a{font-size: 14px;}
    .phoneno img{width:20px;}
}