/*
Template Name: Furniture
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/

/*********************center_home****************/
.center_home{
background:#30373e;
}
.center_home img{
 min-height:680px;
 height:680px;
 object-fit:cover;
 }
.carousel-caption{
background:linear-gradient(110deg, rgba(31,38,44,.76), rgba(31,38,44,.44));
width:min(520px, 44%);
bottom:13%;
left:8%; 
right:auto;
text-align:left;
padding:34px;
border-left:3px solid rgba(218,161,76,.75);
border-radius:6px;
box-sizing:border-box;
 }
.carousel-caption .font_60{
font-size:56px;
font-weight:600;
line-height:1.08;
color:#fff;
}
.carousel-caption p{
font-size:17px;
max-width:430px;
}
.hero_label{
font-size:13px;
font-weight:600;
letter-spacing:.12em;
color:#f3e7d5;
margin-bottom:14px;
}
.hero_actions{
display:flex;
gap:14px;
flex-wrap:wrap;
}
.center_home .carousel-control-prev,
.center_home .carousel-control-next{
width:7%;
opacity:.58;
}
.center_home .carousel-indicators{
bottom:24px;
}
.center_home .carousel-indicators [data-bs-target]{
width:34px;
height:3px;
border-radius:3px;
opacity:.55;
}
.center_home .carousel-indicators .active{
opacity:1;
}
/*********************center_home_end****************/


/*********************about_h****************/
#about_h{
background:#fbfaf7;
}
#about_h .about_h1{
align-items:center;
}
#about_h .about_h1l{
min-height:520px;
}
#about_h .about_h1l img{
width:72%;
height:440px;
object-fit:cover;
border-radius:8px;
box-shadow:0 24px 45px -40px rgba(48,55,62,.55);
}
#about_h .about_h1l2 img{
width:54%;
height:330px;
border:8px solid #fbfaf7;
}
#about_h .about_h1r{
max-width:520px;
}
#about_h .about_h1r h5,
#work_h h6,
#project h6.col_yell{
font-size:13px;
letter-spacing:.12em;
font-weight:600!important;
}
#about_h .about_h1r h1,
#work_h .work_h1i h1,
#project .project_1 h1{
font-size:40px;
font-weight:600;
line-height:1.16;
}
#about_h .about_h2{
margin-top:52px;
row-gap:22px;
}
#about_h .about_h2i{
height:100%;
padding:24px;
background:#fff;
border:1px solid #f3e7d5;
border-radius:8px;
}
#about_h .about_h2i1l .font_60{
font-size:34px;
color:#daa14c;
}
#about_h .about_h2i h5{
font-size:21px;
font-weight:600;
}
/*********************about_h_end****************/

/*********************work_h****************/
#work_h{
background:#f5f1ea!important;
}
#work_h .work_h1{
row-gap:22px;
}
#work_h .work_h1i{
max-width:760px;
margin-bottom:12px;
}
#work_h .work_h1i1{
height:100%;
border:1px solid #eadfce;
border-radius:8px;
box-shadow:none;
}
#work_h .work_h1i1 .font_100{
font-size:44px;
font-weight:500;
color:#daa14c;
}
#work_h .work_h1i1 h5{
font-size:21px;
font-weight:600;
}
.work_h1i1:hover{
transform:translateY(-4px);
box-shadow:0 18px 38px -34px rgba(48,55,62,.75);
transition: 0.25s; 
 }
/*********************work_h_end****************/

/*********************project****************/
#project{
background:#fff;
}
#project .container-xl{
max-width:1220px;
}
#project .project_1{
max-width:760px;
margin-left:auto;
margin-right:auto;
}
#project .project_1 p{
color:#5f625f;
}
#project .project_2i{
row-gap:28px;
}
#project .project_2i1{
text-align:left!important;
}
#project .project_2i1 figure{
border-radius:8px;
background:#30373e;
}
#project .project_2i1 img{
height:295px;
object-fit:cover;
border-radius:8px;
}
#project .project_2i1 h4{
font-size:23px;
font-weight:600;
}
#project .project_cat{
color:#8c765a;
text-transform:uppercase;
font-size:12px;
font-weight:600;
letter-spacing:.12em;
}
#project .project_link a{
color:#30373e;
font-weight:600;
border-bottom:1px solid #daa14c;
padding-bottom:3px;
}
#project .project_link a:hover{
color:#daa14c;
}
#project.carousel_p .carousel-indicators{
bottom:-48px!important;
}
/*********************project_end****************/

/*********************choose****************/
.choose_1i span{
width:100px;
height:100px; 
line-height:100px;
 }
.choose_1i:hover span{
background:#daa14c!important;
color:#fff;
transition: 0.3s; 
 }
/*********************choose_end****************/

/*********************promo****************/
#promo {
background-image: url(../img/interiors/hero-kitchen.jpg);
background-position: center;
background-size:cover;
}
#promo .promo_m{
background:rgba(48,55,62,.72);
padding-top:86px!important;
padding-bottom:86px!important;
}
#promo .promo_1l{
max-width:520px;
}
#promo h6,
#team h6.col_yell,
#quote h6.col_yell,
#client h6.col_yell,
#qual h6.col_yell,
#blog h6.col_yell,
#chat h6.col_yell{
font-size:13px;
letter-spacing:.12em;
font-weight:600!important;
}
#promo h1,
#team .studio_text h1,
#quote .quote_1r h1,
#client .project_1 h1,
#qual .qual_1l h1,
#blog .project_1 h1,
#chat .project_1 h1{
font-size:40px;
font-weight:600;
line-height:1.16;
}
#promo .promo_1r1 figure,
#promo .promo_1r1 img{
border-radius:8px;
}
/*********************promo_end****************/

/*********************studio****************/
.studio_section{
background:#fbfaf7;
}
.studio_text{
max-width:510px;
}
.studio_gallery{
align-items:stretch;
}
.studio_img figure,
.studio_img img{
border-radius:8px;
}
.studio_img img{
height:250px;
object-fit:cover;
display:block;
}
.studio_img_large img{
height:525px;
}
/*********************studio_end****************/

/*********************quote****************/
#quote{
padding-bottom:88px; 
 }
.quote_1l2 h1{
width:160px;
height:160px;
line-height:0.9em;
padding-top:42px;
border-radius:8px;
font-size:24px;
 }
.quote_1l2 h1 span{
margin-top:10px;
 }
.quote_1l2{
bottom:-48px;
 }
.quote_1l2 h1{
border:1px solid rgba(255,255,255,.75);
 }
#quote .quote_1r{
max-width:620px;
margin-left:auto;
}
#quote .form-label{
font-size:13px;
font-weight:600;
color:#30373e;
margin-top:14px;
margin-bottom:6px;
}
#quote .form-control,
#quote .form-select{
height:46px;
background:#fff;
}
#quote textarea.form-control{
height:130px!important;
resize:vertical;
}
/*********************quote_end****************/

/*********************client****************/
#client{
background:#fff;
}
#client .testim_1i1{
border:1px solid #f3e7d5;
border-radius:8px;
background:#fbfaf7!important;
height:100%;
}
#client .testim_1i1 .span_1{
background:#fff!important;
color:#daa14c!important;
border:1px solid #f3e7d5;
}
#client .testim_1i1 p{
font-size:15px;
}
#client .testim_1i1i img{
object-fit:cover;
}
/*********************client_end****************/


/*********************qual****************/
#qual {
background-image: url(../img/interiors/project-living-space.jpg);
background-position: center;
background-size:cover;
}
#qual .promo_m{
background:rgba(48,55,62,.78);
padding-top:76px!important;
padding-bottom:76px!important;
}
.qual_1ril{
border-right:1px solid rgba(255,255,255,.18); 
border-bottom:1px solid rgba(255,255,255,.18);
text-align:center; 
padding:28px 20px;
 }
#qual .qual_1ril h1{
font-size:32px;
line-height:1;
}
#qual .qual_1ril h6{
font-size:15px;
letter-spacing:.03em;
font-weight:600!important;
}
/*********************qual_end****************/

/*********************journal_chat_footer****************/
#blog{
background:#fbfaf7;
}
#blog .blog_1m{
height:100%;
}
#blog .blog_1m figure,
#blog .blog_1m img{
border-radius:8px;
}
#blog .blog_1m h4{
font-size:23px;
line-height:1.25;
}
#blog .blog_1m h6.text-muted{
text-transform:uppercase;
letter-spacing:.1em;
font-size:12px!important;
}
#chat .promo_m{
background:rgba(48,55,62,.74);
padding-top:84px!important;
padding-bottom:84px!important;
}
#chat .project_1{
max-width:760px;
margin-left:auto;
margin-right:auto;
}
.chat_actions{
display:flex;
justify-content:center;
gap:14px;
flex-wrap:wrap;
}
#footer{
padding-top:68px;
padding-bottom:42px;
}
#footer .footer_1i h5{
font-size:15px;
letter-spacing:.08em;
font-weight:600;
}
#footer .button{
background:#fff;
border-color:#fff;
color:#30373e!important;
}
#footer .button:hover{
background:#daa14c;
border-color:#daa14c;
}
/*********************journal_chat_footer_end****************/

/*********************image_repair****************/
#promo .promo_1r1 img,
#team .studio_img img,
#quote .quote_1l1 img,
#blog .blog_1m img{
object-fit:cover;
display:block;
}
#promo .promo_1r1 img{
height:420px;
}
#quote .quote_1l1 img{
height:520px;
}
#blog .blog_1m img{
height:300px;
}
/*********************image_repair_end****************/


@media screen and (max-width : 767px){
.center_home img{
 min-height:560px;
 height:560px;
 }
.carousel-caption .font_60{
font-size:30px; 
 }
.carousel-caption p{
font-size:15px;
text-align:left; 
max-width:100%;
 }
.carousel-caption{
width:calc(100vw - 28px)!important;
max-width:calc(100vw - 28px)!important;
left:14px!important;
right:auto!important; 
bottom:70px;
text-align:left;
padding:22px;
max-width:none;
 }
.carousel-caption .font_60{
max-width:calc(100vw - 76px);
}
.carousel-caption .font_60,
.carousel-caption .hero_label,
.carousel-caption p{
overflow-wrap:break-word;
}
.hero_actions{
display:grid;
gap:10px;
}
.hero_actions .button,
.hero_actions .button_2{
text-align:center;
padding-left:14px;
padding-right:14px;
}
#about_h .about_h1l{
min-height:0;
}
#about_h .about_h1l1,
#about_h .about_h1l2{
position:static!important;
left:auto!important;
right:auto!important;
}
#about_h .about_h1l img,
#about_h .about_h1l2 img{
width:100%;
height:300px;
border:0;
}
#about_h .about_h1l2{
margin-top:16px;
}
#about_h .about_h1r{
max-width:100%;
margin-top:28px;
}
#about_h .about_h1r h1,
#work_h .work_h1i h1,
#project .project_1 h1{
font-size:28px;
line-height:1.18;
overflow-wrap:break-word;
}
#about_h .about_h1r p,
#work_h .work_h1i p,
#project .project_1 p,
#about_h .about_h2i p,
#work_h .work_h1i1 p{
overflow-wrap:break-word;
}
#about_h .about_h2i{
padding:22px;
}
.work_h1i{
text-align:center;
margin-bottom:10px; 
 }
.work_h1i p{
text-align:left; 
 }
.work_h1i1{
text-align:center;
margin-top:10px;
margin-bottom:10px; 
 }
.work_h1i1 p{
text-align:left; 
 }
.project_1 br{
display:none; 
 }
.project_1 {
text-align:center; 
 }
.project_1 p{
text-align:left; 
 }
.project_2i1{
margin-top:8px;
margin-bottom:8px; 
 }
#project .project_2i1 img{
height:260px;
}
.choose_1i{
margin-top:8px;
margin-bottom:8px; 
 }
.choose_1i p{
text-align:left; 
 }
.promo_1l br{
display:none; 
 }
.promo_1l{
text-align:center;
margin-bottom:15px;
 }
.promo_1l p{
text-align:left;
 }
#promo .promo_m,
#chat .promo_m,
#qual .promo_m{
padding-top:60px!important;
padding-bottom:60px!important;
}
#promo h1,
#team .studio_text h1,
#quote .quote_1r h1,
#client .project_1 h1,
#qual .qual_1l h1,
#blog .project_1 h1,
#chat .project_1 h1{
font-size:31px;
}
#promo .promo_1r1 img,
#quote .quote_1l1 img,
#blog .blog_1m img{
height:260px;
}
.studio_text{
text-align:center;
margin-bottom:24px;
}
.studio_text p{
text-align:left;
}
.studio_img img,
.studio_img_large img{
height:260px;
}
.studio_img{
margin-top:14px;
}
#quote .quote_1r{
margin-left:0;
text-align:left;
}
#quote .quote_1r h6.col_yell,
#quote .quote_1r h1,
#quote .quote_1r > p{
text-align:center;
}
#client .testim_1i1i img{
float:none!important;
display:block;
margin:0 auto 12px!important;
}
#client .testim_1i1i{
text-align:center;
}
#blog .blog_1m h4{
font-size:21px;
}
.chat_actions{
display:grid;
gap:10px;
}
.chat_actions a{
text-align:center;
}
#footer{
padding-top:56px;
padding-bottom:34px;
}
.promo_1r2 span a {
font-size:50px;
}
.quote_1l2 {
display:none;
}
.quote_1r{
margin-top:15px;
text-align:center; 
 }
.quote_1r br{
display:none; 
 }
#quote {
padding-bottom:30px;
}
.qual_1l br{
display:none; 
 }
.qual_1l {
margin-bottom:15px;
 }
.qual_1ril {
border:none!important;
padding:10px!important;
}
 }

@media (min-width:576px) and (max-width:767px) {

 }
@media (min-width:768px) and (max-width:991px) {
.carousel-caption .font_60{
font-size:42px; 
 }
.carousel-caption p{
font-size:14px;
text-align:left; 
 }
.carousel-caption{
width:56%;
padding:24px;
 }
.promo_1r1 img{
min-height:360px;
height:360px; 
 }
.studio_img img,
.studio_img_large img{
height:320px;
}
#quote .quote_1l1 img{
height:420px;
}
#blog .blog_1m img{
height:240px;
}
.promo_1l br{
display:none; 
 }
.work_h1i1 .font_100{
font-size:40px;  
 }
#about_h .about_h1l{
min-height:0;
}
#about_h .about_h1l img,
#about_h .about_h1l2 img{
width:100%;
height:320px;
border:0;
}
#about_h .about_h1r h1,
#work_h .work_h1i h1,
#project .project_1 h1{
font-size:34px;
}
#project .project_2i1 img{
height:230px;
}
#quote {
padding-bottom: 40px;
}
.qual_1l br{
display:none;  
 }
 }

@media (min-width:992px) and (max-width:1200px) {
.carousel-caption .font_60{
font-size:46px; 
 }
.carousel-caption{
width:48%;
 }
.promo_1r1 img{
min-height:360px;
height:360px; 
 }
.quote_1l1 img{
min-height:520px; 
 }
.promo_1l br{
display:none; 
 }
 }

@media (min-width:1201px) and (max-width:1270px) {
.carousel-caption .font_60{
font-size:50px; 
 }
 }