@import url('https://fonts.googleapis.com/css2?family=Ubuntu+Sans:ital,wght@0,100..800;1,100..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

body{
    background-color: #eee;
    color: #666;
    direction: ltr;
    font-family: 'Ubuntu Sans', sans-serif !important;
    
    
}
.razmer{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.input-groupsectiongroup{
    margin: 12px 0px;
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.textarea-groupsectiongroup{
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 0.375rem 0.75rem;
    width: 100%;
    font-size: 1rem;
}

p{
    padding: 0;
    margin: 0;
}
address{
    margin: 0;
}
h1,h2,h3,h4,h5,h6{
    margin: 0;
}
a{
    word-break: break-all;
    text-decoration: none;
    color: inherit;
}
ul{
list-style: none;
margin: 0;
padding: 0;
}
.site {
    background-color:#ffff;
 }
.site-header{
   
    margin-bottom: 25px;
    padding-top: 25px;
    

 }
 .site-branding{
    text-align: center;    
    border-bottom: 3px solid #eee;
    padding-bottom: 24px;
 }

.header-title{
    font-size: 27px;
    line-height: 1;
    font-weight: 700;
    
}
.navbar{
    border-bottom: 3px solid #eee;
    font-weight: 400;
    letter-spacing: 1px;
    
    padding-top: 24px;
    padding-bottom: 24px;
    text-transform: uppercase;
    text-align: center;
}
.navbar-toggler{
    margin-left: auto;
    margin-right: auto;
    width: auto;
}
.navbar-nav{
    text-align: start;
    justify-content: space-around;
}
.dropdown-menu[data-bs-popper]{
border: 3px;
box-shadow: 0 0 30px rgb(0 0 0 / 9%);
z-index: 5;
width: 500px;;

}
@media(max-width: 800px){
    .dropdown-menu[data-bs-popper]{
        width: 100%;
    }
}
.dropdown-item{
    white-space: normal !important;
}

.custom-header{
border-radius: 5px;
margin: 0 auto;
color: #ffff;
height: 300px;

background-image:linear-gradient( to right, rgba(47, 48, 58, 0.5), rgba(47, 48, 58, 0.5) ), url(content/images/elegant_bg-v8Km0.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 25px;
display: flex;
align-items: center;
 

}
.container-main{
    margin-top: 25px;
}
.wrapper{
    width: 100%;
    display: flex;
    gap: 20px;
    flex-direction:  row-reverse;
   
}
.content{
    flex: 3;
    
    
}
.sidbar{
    flex: 1;
    background-color: #ffffff;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 67px;    
    
}
.wpapper_blok{
    display: flex;
 gap: 67px; 
}
.post:not(:last-child){
     margin: 0 0 53px;    
}
.post{
       
    border: 1px solid #eee;   
    

}
.post-img{
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    max-width: 300px;
    max-height: 300px;
  

}
.post-img img{
    display: block;   
    border-radius: 3px;
}
.post-text{
    flex: 1;
}
.post-content{
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    gap:  17px;
    
}
.post-title{
    font-size: 32px;
    text-align: center;
    margin-bottom: 10px;
}
.post-subtitle{
    font-size: 25px;
    margin-bottom: 10px;
    text-align: start;
}  
.entry-meta{
    font-size: .8125em;
    font-weight: 400;
    line-height: 2.09231em;
    margin: 0 0 27px;
    letter-spacing: 1px;
    text-transform: uppercase;   
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content:  start;
}

.post-text{
   
    line-height: 2.09231em;
     letter-spacing: 1px;

}
.post-rating{
    display: flex;
    justify-content: space-between;
    margin-top: 27px;
}
.post-btn{
    display: flex;
    align-items: center;
    gap: 5px;
  transition: all .15s;

}
.post-btn:hover{
   
    color: #ff0000;
}
.footer{
   
    
    width: 100%;
    margin: 24px 0 0;
    padding: 14px 0 0;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #999;
    border-top: 3px solid #eee;
}
.subscribe{
    text-align: center;
   

}
.form-sidbar{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap:  12px;
  
}
.form-label{
    text-align: start;
}
.form-control::placeholder{
    font-size: 14px;
}
.gallery{    
    overflow: hidden;
    text-align: center;
}
.gallery-list{
    display: grid;
    grid-gap: .5rem;
    grid-auto-columns: 1fr;
    grid-template-columns: repeat(2,1fr);
}
@media(max-width: 600px){
    .gallery-list{
        grid-template-columns: repeat(1,1fr);
    }
}
.gallery-list li{
    transition: all 0.6s ease-in-out;
}
.gallery-list li:hover{
     transform: scale(1.13, 1.13);
}
.gallery-list img{
    width: 100%;
    object-fit: cover;
    border-radius: 3px;
}

.category-item{
    margin: 0;
    padding-top: 6px;
    padding-bottom: 7px;
    list-style: none;
    border-top: 1px solid #eee;

}
.contact-list{
    display: flex;
    flex-wrap: wrap;
    
}
.contact-item{

    word-break: break-all;
    display: flex;
    gap: 5px;
    width: 100%;
    align-items: center;
    padding-top: 6px;
    padding-bottom: 7px;
    border-top: 1px solid #eee;
    transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
.contact-item:hover{
    color: #2196f3;
}
.title-sidbar{
    text-align: center;
    margin-bottom: 20px;   
    font-size: 18px;
    font-weight: 500;
    transition: all 0.6s ease-in-out;
}
.title-sidbar:hover{
     transform: scale(1.13, 1.13);
}
.page-img{
     flex: 1;
    display: flex;
    justify-content: center;
    order: 1;
   
}
.page-img img{
    object-fit: contain;   
    width: 100%;
    border-radius: 5px;

}


.post-rating i{
    font-size: 25px;
} 
.page{
   background-color: #fad5861a;
    padding:15px;

}
.imges{
    display: flex;
    justify-content: center;
    align-items: center;      
    float: right;
    margin: 15px;
    max-width: 300px;
    height: auto;  
    
}

.text-pege p{
 margin-bottom: 10px;
  text-indent: 3ch; 
}
.page-rating{
    display: flex;
    margin-top: 27px;
    justify-content:  space-between;
    gap:  25px;
    
    
}
.rating-icon{
    display: flex;
    gap: 20px;
}
.title-page{
    font-weight: 700;
    text-align: center;
}
.content-box p{
  margin-bottom: 10px;
  text-indent: 3ch;
}
.content-box h1{
    font-weight: 700;
    text-align: center;
    margin-bottom:  23px;
}
.content-box h2{
    font-weight: 600;
    text-align: center;
    margin-bottom:17px ;
}
.logo{
     text-align: center;
    padding: 15px 0px 15px;
}
.logo-link{
    display: flex;
    align-items: center;             
    text-align: left;
    gap: 20px;
    justify-content: center;
}
.logo-link img{
width: 40px;
height: 40px;
}
.footer-politik{
    display: flex;
    font-size: 10px;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 10px;
}

.com-add{
     display: none;
}
.form-coment{
    margin-top: 53px;
}
.title-com{
     text-align: center;
    font-weight: 700;
    font-size: 20px;    
    letter-spacing: 4px;
    text-transform: uppercase;
    margin-bottom: 25px;
}
.comments-list{
    display: flex;
    flex-direction:  column-reverse;
    gap: 24px;
}
.comments-item{
      padding: 32px 0px 24px;
    border-top: 1px solid rgb(235, 235, 235);
    display: flex;
    
    gap: 24px;
    flex-direction: column;
}
.comment-user-info{
    flex: 1;
    display: flex;
    gap: 15px;
    justify-content: center;
    align-items: center;
    
}
.comment-user-info h3{
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;   
}
.comment-user-info img{
   width: 80px;
height: 80px;
border-radius: 0%;
}
    
.comment-user-data{
    flex: 3;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.comment-user-data__header{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.price{
     display: flex;
     color: #ff0000;
    gap:  6px;
    font-size: 20px;
    font-weight: 600; 
}
.map-box{
padding-top:  53px;   

}
iframe {
height: 100%;
max-height: 600px;
}
.bg-contact{
    gap: 20px;
    border-top: 1px solid #dac7c7;
    padding-top: 10px;
    padding-bottom: 10px;
}
.contact-infa{
    display: flex;
    gap: 15px;
    align-items: center;
    flex-direction: column;
}
.contact-infa h4{
    font-size: 20px;
    margin-bottom: 0;
}
.title-contact{
    font-size: 40px;
    text-align:  left;
    margin-bottom: 38px;
    
}
.form-box{
   padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid #dac7c7;
     border-bottom: 1px solid #dac7c7;


}
.form-wrapper label{
    margin-bottom: .25em;
    float: none;
    font-weight: 700;
    display: block;
}

.box_label a{
color: inherit;
}
.related-list{
    display: flex;
    gap: 20px;
    flex-direction: column;
}
.related-item{
    flex: 1;
    display: flex;
    width: 100%; 
    flex-direction:  row-reverse;
    gap: 17px;
    justify-content: start;
    align-items: center;
    
    border-radius:  5px;
     border: 1px solid #dac7c7;
        
    padding: 10px;
}
.related-item:nth-child(2n){
    flex-direction: row-reverse;
}
.related-title{
    font-size: 1.4rem;
    font-weight: 600;
}

.related-item img{
    max-width: 150px;
    max-height: 150px;
    border-radius: 3;
}

.related-title{
    font-size: 20px;
}
.entry-meta-page{
 margin-bottom: 8px;
}
.btn-contact {
    margin-top: 12px;
} 
.icon{
    display: flex;
    gap: 5px;
    align-items: center;
}