@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap');

body{
    direction: ltr;
    font-family: 'Lora', sans-serif !important;
    font-size: 15px;
    margin: 0;
    padding: 0px;
}
img{
    max-width: 100%;
}


.input-mainbox__control{
    margin: 12px 0px;
    display: block;
    width: 100%;
    padding: 5px 17px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px dotted #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 15px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.textarea-mainbox__control{
    border: 1px dotted #ced4da;
    border-radius: 15px;
    padding: 5px 17px;
    width: 100%;
    font-size: 15px;
}



.header{
    background: url(graphics/section-bg_q950.jpg) no-repeat;
    width: 100%;
    position: relative;
    background-position: center;
    background-size: cover;
    overflow: hidden;
}

.header__layout{
    position: absolute;
    width: 100%; 
    height: 100%;
    background: rgba(0,0,0,0.9); color: #fff;;
}

.header .container{
    position: relative;
    padding: 118px 12px;
    color: background: rgba(0,0,0,0.9); color: #fff;;
}

.contact__link{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap:  5px;
}

.contact__link a{
    text-decoration: none;
    color: background: rgba(0,0,0,0.9); color: #fff;;
}

.logo__block{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap:  5px;
    padding-bottom: 23px;
}

.logo__block a{
    text-decoration: none;
    color: background: rgba(0,0,0,0.9); color: #fff;;
}
.logo__block  img {
    width:  40px;
}
.logo__block h4{
    margin: 0;
    padding: 0;
}

.head__title-blog{
    text-align: center;
}

.blog__content{
    padding-top: 28px;
    padding-bottom: 28px;
    position: relative;
    margin-top: -60px
}

.box{
    box-shadow: 0 1px  12px 0 rgba(0,0,0,.2);
    padding:  19px;
    border-radius: 15px;
    position: relative;
    background-color: #fff;
}

.content{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap:17px
}

.box  a{
    color: #230338;
    text-decoration: none;
}

.content p{
    float: left;
    padding-top: 5px;
}

.image{
    max-width: 341px;
    max-height: 341px;
}

.sidebar__block{
    display: flex;
    flex-direction: column;
    box-shadow: 0 1px 12px 0 rgba(0,0,0,.2);
    padding: 23px;
    gap: 12px;
    border-radius: 15px;
    position: relative;
    background-color: #fff;
}

.section-title span{
    font-size: 15px;
    font-weight: 800;
}

.side__text{
    color: #230338;
    text-decoration: none;
}

.submit__block{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top:  12px;
}

.underline{
    border-bottom:1px  dotted rgba(0, 0, 0, 0.08);
}

.btn-submit-bg {
    background: #9FEBFE;
    border-radius: 2px;
    color: #000000;
    display: inline-block;
    font-size:  17px;
    font-weight:  600;
    transition: all 0.3s ease 0s;
}
.btn-submit-bg:hover,
.btn-submit-bg:focus {
    background: #f55160;
    color: #fff;
}


#message{
    width: 100%;
    position: relative;
    margin-bottom: 51px;
    display: flex;
    justify-content: center;
}
#message .success{
    text-align: center;
    font-size: 19px;
    color: green;
    position: absolute;
    animation: buttons .3s linear;
    display: none;
}

#message .danger{
    font-size: 19px;
    color: red;
    position: absolute;
    transition: .3s;
    animation: buttons .3s linear;
    display: none;
    padding-top:  12px;
}

.foot{
    background: #f9f4f4;
    width: 100%;
    position: relative;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    margin-top: 63px;
}

.foot .container{
    position: relative;
    padding: 30px;
} 

.foot__block{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.foot .foot__block h6{
    font-size:  19px;
    text-align:center;
}
.foot .foot__info{
    display:flex; 
    align-items:center; 
    margin-bottom:13px;
}

.foot .foot__info  h6{
    font-size:19px; 
    margin-bottom:5px;
    text-align: center;
}
.foot .foot__info span{
    position: relative;
    font-size: 17px;
    line-height: 1.4;
    font-weight: 600;
    color: #230338;
}
.foot .foot__info  span a{
    text-decoration: none;
    color: #230338;
}
.foot .foot__info  span a:hover{
    text-decoration: none;
}

.poli{
    display: flex;
    justify-content: center;
}
.poli a{
    padding: 0 12px 0 12px;
    font-size:17px;
    color: #230338;
} 

.poli a:hover{    
    color:#9FEBFE; 
} 

.details__page{
    padding-top: 25px;
    padding-bottom: 39px;
    position: relative;
    margin-top: -64px;
}

.details__box{
    box-shadow: 0 1px  12px 0 rgba(0,0,0,.2);
    background-color: #fff;
    padding: 19px;
    border-radius: 15px;
}

.details__page .container{
    padding: 28px;
}

.details__page .row{
    display: flex;
}

.details__page__title{
    text-align: center;
    font-weight:  600;
}

.details__page .col{
    padding-top: 12px;
}

.top__cont {
    text-align: center;
    padding-bottom:  17px;
    padding-top: 5px;
    text-decoration: underline;
    font-size: 13px;
}

.top__cont span{
    font-weight: 800;
}

.details__page__img{
    float: right; 
    margin-right: 12px;
    padding-bottom: 12px;
}

.details__page .views{
    font-weight:800;
}

.details__page .views span{
    text-decoration: underline;
}

.details__page .price span{
    font-weight: 600;
    text-decoration: underline;
}

.details__page .details__btnB{
    float: left;
    text-decoration: none;
    color: #000000;
    background-color:#9FEBFE;
    transition: .4s;
    padding:  12px 13px;
    margin-top:  12px;
}

.details__page .details__btnB:hover{
    background-image: linear-gradient(45deg, #805c0f 0%, #f6dfeb 100%);
}

.form__section{
    display: flex;
    flex-direction: column;
    padding:5px;
    margin-top: 12px;
}

.form__section .row{
    display: flex;
    gap: 12px;
}

.details__page .btn__form{
    float: left;
    text-decoration: none;
    color: #000000;
    background-color:#9FEBFE;
    transition: .4s;
    padding: 12px 13px;
    margin-top: 12px;
}

.details__page .btn__form:hover{
    background-image: linear-gradient(45deg, #805c0f 0%, #f6dfeb 100%);
}

.related__post{
    padding-top: 26px;
    padding-bottom: 26px;
}

.related__post .container{
    color: #230338;
}

.rp{
    box-shadow: 0 1px 12px 0 rgba(0,0,0,.2);
    padding: 23px;
    border-radius: 15px;
}

.posts_block{
    display: flex;
    justify-content: center;
}

.related__post .posts__box{
    padding: 23px;
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.related__post h2{
    text-align: center;
}

.post__img{
    padding-top: 17px;
}

.post__img img{
    border: 3px solid #9FEBFE;
}

.posts_block{
    padding-top: 17px;
}

.posts_block a{
    color: #230338;
    text-decoration: none;
    font-size: 17px;
    font-weight: 600;
    text-align: center;
}


.comments-list{
    box-shadow: 0 0 26px 0px rgba(0, 0, 0, 0.1);
    padding:  50px 26px;
    border-radius: 15px;
}

.comments-list .comment-item {
    position: relative;
    display: flex;
    align-items: flex-start;
    margin-bottom: 26px;
    margin-top: 0;
}

.comments-list .comment-item img {
    width: 118px;
    margin-right:  19px;
    border-radius: 0%;
}

.comments-list .comment-item .comment-body {
    position: relative;
    flex: 1;
}

.comments-list .comment-item span {
    display: inline-block;
    font-size: 13px;
    margin-bottom: 17px;
    font-weight:600;
}

.comments-list .comment-item p {
    margin-bottom: 0;
}


.comment-block{
    padding-top: 51px;
    padding-bottom: 51px;
}

.comment-form {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 26px 0px rgba(0, 0, 0, 0.1);
    padding: 50px 26px;
    border-radius: 15px;
}

.comment-form .section__title{
    margin: 5px 0 5px 0 !important;
    text-align: center;
}

.form-control {
    border: 1px dotted #eee;
    border-radius: 2px;
    box-shadow: none;
    color: #333;
    height: 55px;
    padding: 12px  17px;
    transition: all 0.3s ease 0s;
}
.form-groups {
    padding-top: 17px;
}

.form-check{
    padding-top: 5px;
    padding-left: 39px;
}

.contact .col .ats{
    width: 100%;
}
.ats{
    padding-top: 12px;
    text-align: center;
}
.form-groups textarea {
    height: 118px;
}
.form-groups  button {
    border: none;
}
.btn__comment {
    text-decoration: none;
    color: #000000;
    background-color:#9FEBFE;
    transition: .4s;
    padding:  12px 13px;
    margin-top:  12px;
}

.btn__comment:hover{
    background-image: linear-gradient(45deg, #805c0f 0%, #f6dfeb 100%);
}

.msg{
    width: 100%;
    position: relative;
    margin-bottom: 51px;
    display: flex;
    justify-content: center;
}
.msg .suc{
    font-size: 19px;
    color: lightgreen;
    position: absolute;
    animation: buttons .3s linear;
    display: none;
    padding-top: 12px;
}

.msg .dan{
    font-size: 19px;
    color: red;
    position: absolute;
    transition: .3s;
    animation: buttons .3s linear;
    display: none;
    padding-top: 12px;
}
.flex-boxLT{
    display: flex;
    flex-direction: column-reverse;
}

.privacy .row{
    padding: 35px; 
}
.priv-page{
    word-wrap: break-word;
    p{
        margin-bottom: 5px;
       text-indent: 2ch;
    }
   
    h1{
    font-weight: 600;
    text-align: center;
    margin-bottom:  22px;
    }
    h2{
    font-weight: 600;
    text-align: center;
    margin-bottom:17px ;
    }
       
}
.priv-page ul li,
.priv-page ol li {
  margin-bottom: 4px;
}
.priv-page ul,
.priv-page ol {
  margin-bottom: 12px;
  padding-left:  19px;
  list-style: inside;
}
.priv-page a,.priv-page table{
color: inherit;
}

.contact{
    padding-top: 25px;
    padding-bottom: 25px;
    position: relative;
    margin-top: -70px;
}

.contact__info{
    box-shadow: 0 0 26px 0px rgba(0, 0, 0, 0.1);
    padding: 50px 26px;
    border-radius: 15px;
    background-color: #fff;
}

.form,.google-map{
    box-shadow: 0 0 26px 0px rgba(0, 0, 0, 0.1);
    padding: 50px 26px;
    border-radius: 15px;
    margin-top:  19px;
}


.contact .act{
    padding-top: 5px;
}

.btn_contact_sub {
    background: #9FEBFE;
    border-radius: 2px;
    color: #000000;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    transition: all 0.3s ease 0s;
}
.btn_contact_sub:hover,
.btn_contact_sub:focus {
    background: #f55160;
    color: #fff;
}

.contact .row {
    display: flex;
}

.contact .contacts-info{
    display:flex; 
    gap: 12px;
    align-items:flex-start; 
    align-items:center;
    justify-content: center; 
    margin-bottom:26px;
}

.contact .contacts-info i{   
    justify-content: center;
    font-size: 39px;    
    display: inline-flex;
    align-items: center;
}
.contact .contacts-info .content h6{
    font-size:19px; 
    margin-bottom:5px;
    text-align: center;
}
.contact .contacts-info .content span{
    position: relative;
    color: #383737;
    font-size: 15px;
    line-height: 1.4;
    font-weight:400;
    text-align: center;
}
.contact .contacts-info .content span a{
    color: #383737; 
    text-decoration: none;
}
.contact .contacts-info .content span a:hover{
    color: #383737; 
    text-decoration: none;
}


.button-1{
    display: inline-block;
    padding: 12px  25px;
    border-radius:  25px;
    text-decoration: none;
    color: #FFF;
    background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
    transition: .4s;
    margin-top: 12px;
}

.button-2{
    display: inline-block;
    padding: 13px 14px;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 800;
    color: #FFF;
    background-image: linear-gradient(45deg, #709dff 0%, #b0c9ff 100%);
    transition: .4s;
}

.button-3 {
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 5px 12px;
    text-decoration: none;
    color: #FFA000;
    background: #fff1da;
    border-bottom: solid 3px #FFA000;
    border-radius: 12px 12px 0 0;
    transition: .4s;
}

.button-4{
    display: inline-block;
    padding: 13px 17px;
    text-decoration: none;
    color: #67c5ff;
    border: dashed 1px #67c5ff;
    border-radius:  8px;
    transition: .4s;
}

.button-5{
    display: inline-block;
    padding: 13px 17px;
    text-decoration: none;
    background: #f7f7f7;
    border-left: solid 8px #ff7c5c;
    color: #ff7c5c;
    font-weight: bold;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.29);
}       

@media (max-width: 425px){
    .comment-item{
        flex-direction: column;
    }
}
@media (max-width: 575px){
          button{
              width: 100%;
          }
          .image{
            max-width: 100%;
          }
      }

@media (max-width: 767px){
    .content {
        flex-direction: column!important;
    }
}

@media (max-width: 991px){
    .sidebar__block{
        margin-top: 23px;
    }

    .poli{
        flex-direction: column;
    }
}