*{
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-family: 'Open Sans';
    outline: none;
    
}
*::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
*::-webkit-scrollbar-track {
    background: #ddd;
}
*::-webkit-scrollbar-thumb {
      background: #fc6f4e;
       box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}

body.en .item_select_abonent h4 span{
   display:block;
   width:100%;
}

ul{
    
    list-style: none;
}
img,a { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

  input{
     line-height: unset;   
    }
    input, input:before, input:after {
      -webkit-user-select: initial;
      -moz-user-select: initial;
      -ms-user-select: initial;
      user-select: initial;
     }

.dark_body:before{
        z-index: 9999;
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
}
.unselectable {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently
                                  not supported by any browser */
}
.layout{
    position: relative;
    min-height: 100%;
}
button{
  padding: 0;
  border: none;
  font: inherit;
  color: inherit;
  background-color: transparent;
  /* отображаем курсор в виде руки при наведении; некоторые
  считают, что необходимо оставлять стрелочный вид для кнопок */
  cursor: pointer;
}
h5,h3,h4,h1,h2,p{
    color: #7d7d7d;
    cursor:default;
}
a{
    color: #7d7d7d;
    text-decoration: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}
a p, a h5, a h3, a h4, a h1, a h2{
 cursor:pointer;   
    
}
.base_width{
   max-width: 1149px;
       margin: 0 auto;
       padding-left: 10px;
    padding-right: 10px;
}
img{width: 100%;
}
header{
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.16), 0 0 4px 0 rgba(0, 0, 0, 0.16);
            box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.16), 0 0 4px 0 rgba(0, 0, 0, 0.16);
     position: relative;
     z-index: 999;
    position: fixed; /* Фиксированное позиционирование */
    left: 0; right: 0; /* Вся ширина */
    top: 30px; /* Положение сверху */
    background: #f5f5f5;
}
header>div{
    padding: 10px 0;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
   
}
header>div>form{
        margin-right: 212px;
}
.pay_header{
 padding: 0 7px;   
     -webkit-box-pack: justify;   
         -ms-flex-pack: justify;   
             justify-content: space-between;
     -ms-flex-wrap: wrap;
         flex-wrap: wrap;
     padding-bottom: 10px;
}
.pay_header .Second_contact_block{
 width:100%;   
    margin-top: 21px;
}
.pay_header .Second_contact_block.dark_body:before{
   background:none;
}

.portmone_pay {
    display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    height: 76px;
    position:relative;
}

.portmone_pay div {
    padding-top: 15px;
}
.portmone_pay img{
    width: fit-content;
    display: block;
}
.pay_block img{
     object-fit: contain;   
}
.pay_block .liq_tax{
        font-size: 10px;
    text-align: justify;
    max-width: 159px;
    width: 100%;
    display: block;
        margin-top: 5px;
}
/* Style for the Portmone payment container */
.portmone_table thead th{
 font-weight: 500;   
}
.payments_table_title{
        margin-bottom: 25px;
    font-style: normal;
    font-weight: 500;
    font-size: 25px;
    line-height: 29px;
    color: #000000;
}
.pay_block>.portmone { /* Hide the container by default */
  width: 240px;
  margin: 10px;
  padding: 15px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #f9f9f9;
}

/* Style for the Portmone logo */
.pay_block>.portmone img {
  display: block;
  margin: 0 auto;
}


#bill_amount {
    border: none;
    border-bottom: 2px solid rgb(122, 183, 43);
    background: 0 0;
    color: rgba(0,0,0,.87);
    padding: 4px 0;
    font-size: 16px;
    padding-top: 15px;
}

#liq_btn {
    padding-top: 18px;    
}

.liqpay {
    margin: 10px;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #f9f9f9;
}

/* Table Styles */
table {
  border-spacing: 1;
  border-collapse: collapse;
  background: #f5f5f5;
  border-radius: 6px;
  overflow: hidden;
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
table * {
  position: relative;
}
table td,
table th {
  padding-left: 8px;
}
table thead tr {
  height: 60px;
  background: #fc6f4e;
  font-size: 16px;
  color:white;
}
table tbody tr {
  height: 48px;
  border-bottom: 5px solid #ffffff;
}
table tbody tr:last-child {
  border: 0;
}
table td,
table th {
  text-align: left;
}
table td.l,
table th.l {
  text-align: right;
}
table td.c,
table th.c {
  text-align: center;
}
table td.r,
table th.r {
  text-align: center;
}

@media screen and (max-width: 35.5em) {
  table {
    display: block;
  }
  table > *,
table tr,
table td,
table th {
    display: block;
  }
  table thead {
    display: none;
  }
  table tbody tr {
    height: auto;
    padding: 2px 0;
  }
  table tbody tr td {
    padding-left: 45%;
    margin-bottom: 12px;
  }
  table tbody tr td:last-child {
    margin-bottom: 0;
  }
  table tbody tr td:before {
    position: absolute;
    font-weight: 700;
    width: 40%;
    left: 10px;
    top: 0;
  }
  table tbody tr td:nth-child(1):before {
    content: "Дата оплати";
  }
  table tbody tr td:nth-child(2):before {
    content: "Година оплати";
  }
  table tbody tr td:nth-child(3):before {
    content: "Сума, грн";
  }
  table tbody tr td:nth-child(4):before {
    content: "Cистема";
  }
  table tbody tr td:nth-child(5):before {
    content: "Чек ID";
  }
}


/* Style for the pay button */



.liq_pay{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    height: 76px;
    position:relative;
}
.liq_pay > span{
       font-size: 8px;
    width: 126px;
    position: absolute;
    bottom: -15px;
    color: #7d7d7d;
    text-align: center;
    font-weight: 700;
}
.liq_pay svg{
         width: 64px;
    height: 40px;
    padding-top: 7px;
}
.liq_pay a{
        background: rgb(122, 183, 43);
    color: white;
    font-size: 14px;
    font-weight: 600;
    border-radius: 2px;
   -webkit-box-shadow: rgba(0, 0, 0, 0.24) 0px 2px 4px 0px;
           box-shadow: rgba(0, 0, 0, 0.24) 0px 2px 4px 0px;
        padding: 5px;
            margin: 0 0 10px 0;
                width: 80px;
}
header .pay_button{
       width: 80px;
    padding: 5px;
      cursor: pointer;
      z-index: 9;
      margin: 0 0 10px 0;
       border-color: rgb(139, 195, 74);
    background: rgb(139, 195, 74);
    
    color: rgb(255, 255, 255);
    -webkit-box-shadow: rgba(0, 0, 0, 0.24) 0px 2px 4px 0px;
            box-shadow: rgba(0, 0, 0, 0.24) 0px 2px 4px 0px;
    border-radius: 2px;
    font-weight: 600;
    font-size: 14px;
}
header .pay_container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                        -ms-flex-direction: column;
                            flex-direction: column;
                      margin-right:10px;
}
header .pay_container svg{
         height: 40px;
    width: 94px;
}
.user_prof{
     margin-left: auto;
    margin-right: 50px;  
  
}
.user_prof i{
      transition: color .4s;
}
.user_prof:hover i{
    color: #cd401e;
}
.user_prof i{
        font-size: 26px;
    color: #fc6f4e;
}
.logog_header{
        margin-right: 177px;
}
.burger_header {
    width: 36px;
         min-width: 36px;
}
.Logo img{
    -o-object-fit: cover;
       object-fit: cover;
    display: block;
    width:67px;
}
.form-control-leng{
       width: 89.18px;    
    display: -webkit-box;    
    display: -ms-flexbox;    
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.form-control-leng a:nth-child(2){
 -ms-flex-item-align: end;
     align-self: flex-end;   
}
.form-control-leng a{
        width: 43.59px;
height: 20.5px;

font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 15px;

color: #7D7D7D;

border: 1px solid #7D7D7D;
-webkit-box-sizing: border-box;
        box-sizing: border-box;
border-radius: 5px;
    padding: 1px 10px;
}
.form-control-leng .selected{
    background: #FC6F4E;
border-radius: 5px;
border-color: #FC6F4E;
color: #FFFFFF;
}
.call{
        width: 170px;
        margin-right: 41px;
 -webkit-transition: color .3s;
 -o-transition: color .3s;
 transition: color .3s;   
}
.call:hover{
    color:#ff6e47;
}
 .Burger_nav{
        display: block;
        margin: 0 10px 0 auto;
        cursor: pointer;
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        -o-transition: transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s;
        -webkit-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1);
    }
     .Burger_nav_close{
          margin: 0 10px 0 auto;
        cursor: pointer;
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        -o-transition: transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s;
        -webkit-transform: scale(1);
            -ms-transform: scale(1);
                transform: scale(1);
        fill: #FF724E;
     }
      .Nav_container{
          
        display: -webkit-box;
          
        display: -ms-flexbox;
          
        display: flex;
         
    }
.Nav_container{
    -webkit-box-shadow: 0 34px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
            box-shadow: 0 34px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
        -webkit-transition: width .3s;
        -o-transition: width .3s;
        transition: width .3s;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
     list-style:none;
            justify-content: center;
    }
    .Nav_main_container {
   width: 100%;
}
    .Nav_container li>a{
        font-size: 20px;
        padding-right: 0;
        padding-left: 0;
        line-height: 40px;
            text-transform: capitalize;
    }
   .Nav_item,
    .Drop-down_menu{
            text-align: center;
            width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
               
    }
      .Nav_item:not(:last-child),.Drop-down_menu{
           border-bottom: 1px solid#ddd;
      }
     .Stat_drop{
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        -o-transition: transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s;
        display: block !important;
    font-size: 25px;
        font-weight: 500;
        padding-left: 10px;
            color: #7d7d7d;
    }
    .drop_container{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
        position: relative;
    }
    
    .Drop-down_item{
          background: none;
        position: unset;
    top: unset;
     display:none;
     visibility: unset !important;
    opacity: unset !important;
    }
    .Drop-down_item a,
    .Drop-down_menu a{
            display: block;
    }
    .Drop-down_item_mob a{
font-size: 17px !important;
    font-weight: 300 !important;
}
.Drop-down_item_mob{
    width: 100%;
       -webkit-box-align: center;
           -ms-flex-align: center;
               align-items: center;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
      border-bottom: 1px solid#ddd;
      
}
footer{
        width: 100%;
        background: #f7f7f7;
    padding: 45px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
        -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.16), 0 0 4px 0 rgba(0, 0, 0, 0.16);
                box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.16), 0 0 4px 0 rgba(0, 0, 0, 0.16);
}
.contact_link_but{
        -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.25), 0 2px 9px rgba(0,0,0,0.22);
                box-shadow: 0 0px 0px rgba(0,0,0,0.25), 0 2px 9px rgba(0,0,0,0.22);
        width: 230px;
    border-radius: 30px;
    background: #fdfdfd;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
}
.contact_link_but:hover{
    background: #ff6e47;
   
}
.contact_link_but:hover >a{
     color:white;
}
.contact_link_but a{
      padding: 20px 0;
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: black;
        display: block;
}

.btn-main {
    text-align: center;
    padding: 20px 0;
    height: 100%;
    font-size: 16px;
    color: black;
    display: block;
}


.Soc_footer{
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.Soc_footer li a svg{
    -webkit-transition: fill .3s;
    -o-transition: fill .3s;
    transition: fill .3s;
      width: 30px !important;
    height: 30px !important;
    fill: #d3d3d3;
}
.Soc_footer li:not(:last-child){
    margin-right: 15px;
}
.Soc_footer li:hover a svg{
    fill: #ff6e47;
}
.soc_container{
        margin-top: 47px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
}
.soc_container p{
    font-weight: 300;
 margin-left: 22px;
     font-size: 17px;
    color: #d3d3d3;
}
.soc_container a{
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    font-size: 17px;
    color: #d3d3d3;
    text-decoration: underline;
}
.soc_container a:hover{
     color:#ff6e47;
}
.form-control{
    cursor: pointer;
    background: none;
    border: none;
}
.author{
    width: 100%;
    text-align: center;
    margin-top:50px;
}
.pup_sendmess,
.pup_pass{
        text-align: center;
     z-index: 9999;
        position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.25), 0 2px 4px rgba(0,0,0,0.22);
            box-shadow: 0 0px 0px rgba(0,0,0,0.25), 0 2px 4px rgba(0,0,0,0.22);
    padding: 50px;
    background: white;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visible .4s, opacity .4s;
    -o-transition: visible .4s, opacity .4s;
    transition: visible .4s, opacity .4s;
        border-radius: 5px;
}
.pup_sendmess h5,
.pup_pass h5{
    color: #fc6f4e;
        font-size: 28px;
    font-weight: 600;
}
.pup_sendmess span{
        color: #7d7d7d;
        font-size: 28px;
    font-weight: 600;
}

.Second_contact_block{
        
   /*  z-index:9; */
}
header .Form_contacts input, header .Form_contacts textarea{
    outline: none;
    background: #f5f5f5;
    border: none;
        font-size: 15px;
    border-bottom: 1px solid #c7c7c7;
        padding-bottom: 10px;
        padding-top: 15px;
}
header .Cont_submit{
    cursor:pointer;
    font-weight: 300;
        font-size: 16px;
    color: white;
    width: 230px;
   
    margin: 20px auto 0 auto;
    
    background: #fc6f4e !important;
    padding: 15px;
    border-radius: 30px;
}
.form_open{
    padding: 10px 12px 9px 12px;
    
  width: 156px;
height: 34px;
background: #fc6f4e;
-webkit-box-sizing: border-box;
        box-sizing: border-box;
border-radius: 30px;
 
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 14px;
transition: background .4s;
color: #FFFFFF;
}
.form_open:hover{
    background: #cd401e;
}
header .Form_contacts{
           position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        background: #f5f5f5;
        -webkit-box-shadow: 0 -11px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
                box-shadow: 0 -11px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
        padding: 35px;
    width: 370px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
z-index:99999;
}
.close_contact{
    position: absolute;
           top: -10px;
    right: -10px;
    background: #f5f5f5;
    cursor: pointer;
    border-radius: 100%;
    -webkit-box-shadow: 0 -1px 11px rgba(0,0,0,0.25), 0 3px 10px rgba(0,0,0,0.22);
            box-shadow: 0 -1px 11px rgba(0,0,0,0.25), 0 3px 10px rgba(0,0,0,0.22);
    height: 37px;
    width: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
header .Form_contacts h5{
 font-size: 25px;   
     margin-bottom: 25px;
}
.user_form{
    max-width: 603px;
    width: 100%;
    background: #f5f5f5;
    padding: 35px;
        border-radius: 6px;
}
.on_syst{
          max-width: 707px;
}
.user_form .form-group{
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;   
}
.login_show_btn{
 display:none;   
}
.user_form .form-group input{
        outline: none;
    background: #f5f5f5;
    border: none;
    font-size: 15px;
    border-bottom: 1px solid #c7c7c7;
padding: 15px 10px 10px 10px;
    width: 100%;
    max-width: 400px;
        cursor: text;
}
.user_form .btn-default {
     padding: 10px 12px 9px 12px;
      width: 194px;
    height: 45px;
    background: #fc6f4e;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 10px;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 14px;
    color: #FFFFFF;
    margin: 40px 0 0 0;  
        margin-left: auto;
    display: block;
}
.user_form>form{
     margin-bottom: 69px;   
}
.user_pay_space{
        display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.user_pay_space > .user_form{
    max-width: 600px;
    width: 100%;   
}
.liq_input_pay{
      border: none;
    background: 0 0;
    color: rgba(0,0,0,.87);
    padding: 4px 0;
    font-size: 16px;  
}
.liq_input_pay_cont{
        border-bottom: 2px solid rgb(122, 183, 43);
}
.user_pay_space .user_pay_log{
      max-width: 500px;
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 300px;
    background: #f5f5f5;
   padding: 15px 5px 15px 15px;
    
}
.user_pay_log ul::-webkit-scrollbar {
 width:5px;   
}
.user_pay_log ul {
 width:100%;   
 overflow-y: scroll;
 max-height: 275px;
}
.user_pay_log ul li{
    display: flex;
    align-items: center;
    font-size: 15px;
    margin-bottom: 10px;
}
#load-more-button{
 margin-top:10px;   
}
#load_more_btn{
    display:block;
    padding: 10px 25px;
     color: #000000;   
      transition: transform .5s;
}
#load_more_btn:hover{
    
}
#load_more_btn>i{
 margin-left: 15px;   
 transition: transform 1s;
}
#load_more_btn:hover i{
    transform:rotate(135deg);
}
.user_pay_log_title{
    margin-bottom: 20px;
    letter-spacing: normal;
    text-align: center;
}


.history_pay_empty_mess{
        margin: 0;
    width: 100%;
    height: 100%;
}
.history_pay_empty_mess h5{
        text-align: center;
    width: 100%;
    font-size: 25px;
    font-weight: 400;
}
.exit_user_page{
 display: block;
    font-size: 20px;
    margin-bottom: 10px;
        cursor: pointer;
}
.register_user{
        display: none;
            margin-bottom: 25px;

}
.login_user{
    margin-bottom: 25px;
}
.reg_show_btn{
 display: block;
    text-decoration: underline;   
}
.login_show_btn{
    text-decoration: underline;   
}
#accountDeactivateForm{
     margin-top: 50px;   
}
#accountDeactivateForm>form>h3{
     margin: 15px 0 15px 0;   
}
#accountDeactivateForm>form>.form-group{
     margin: 15px 0 15px 0;   
}
#accountDeactivateForm>form .btn-danger{
     display: block;
    background: #fc6f4e;
    padding: 16px;
    border-radius: 9px;
    color: white;
    cursor: pointer;   
}
.abort_deact{
     margin-top: 15px;
    display: block;
    text-decoration: underline;
    padding-left: 17px;   
}
.deact_link{
    
}
.user{
    padding-top: 143px;
    padding-bottom: 61px;
        padding-right: 20px;
    padding-left: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
           -ms-flex-direction: column;
               flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.user.onreg{
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.nav_user{
    width: 100%;   
    background: #f5f5f5;
        padding: 10px 15px;
    margin-bottom: 25px;
       
}

.nav_user>ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    list-style: none;
}
.nav_user ul li:not(:last-child){
     margin-right: 20px;
   
}
.nav_user ul li a{
    cursor:pointer;
    font-weight: 600;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;   
        -webkit-transition: color .3s;   
        -o-transition: color .3s;   
        transition: color .3s;
}
.nav_user ul li a i{
     color: black;
    margin-right: 17px;
    font-size: 24px;  
    -webkit-transition: color .3s;  
    -o-transition: color .3s;  
    transition: color .3s;
}
.nav_user ul li a:hover,
.nav_user ul li a:hover i{
 color:#fc6f4e;   
}
.nav_user ul li{
    padding-bottom:5px; 
}
.pay_day_info h5{
        padding: 25px 0;
    font-weight: bold;
    overflow-wrap: break-word;
  font-size: 25px;
    letter-spacing: normal;
    text-align: center;
}
.pay_day_info h5 span{
        color: #fc6f4e;
}
.date_pay{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #7d7d7d;
}
.date_pay strong{
 color:red;  
     text-decoration: underline;
    margin-left: 15px;
}
.pay_sum{
        font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #7d7d7d;
}
.pay_sum span{
     text-decoration: underline;
     font-size: 24px
}
.pay_block{
     margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
      flex-wrap: wrap;
    justify-content: flex-start;
 
}
.pay_block .pay_button{
     width: 100%;
    padding: 10px 30px;
    cursor: pointer;
    z-index: 9;
    margin: 18px 0 10px 0;
    border-color: rgb(139, 195, 74);
    background: rgb(139, 195, 74);
    color: rgb(255, 255, 255);
    -webkit-box-shadow: rgba(0, 0, 0, 0.24) 0px 2px 4px 0px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 2px 4px 0px;
    border-radius: 2px;
    font-weight: 600;
    font-size: 20px;
    border-radius: 5px;
    outline: none;   
}
.feed_back{
        width: 100%;
            margin-top: 100px
}
.feed_back .form_open{
     margin: 0 auto;
    display: block;  
        display: block;
    padding: 0;
    width: 376.24px;
    height: 82px;
    background: white;
    border: 3px solid #FF724E;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 30px;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
}
.feed_back .form_open span{
   font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    color: #000000;
}
.feed_back .form_open:hover {
    background: rgba(255, 114, 78, 1);
}
.feed_back .form_open:hover span{
   color:white;
}
.contract{
        font-size: 20px;
    font-weight: 400;
    padding-bottom: 40px;
}
.static_user{
 padding: 10px 0;   
}
.fa-id-card.curr_page,
.fa-money-check.curr_page{
    color: #fc6f4e;
}
.reglament a{
 color:blue;   
}
.reglament{
        text-align: right;
    margin-bottom: 50px;
    padding-right: 50px;
}
.pay_section{
     display:none;
}
.pay_form_liq{

     position: fixed;
    top: 50%;
    left: 50%;
        -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #f5f5f5;
    -webkit-box-shadow: 0 -11px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    box-shadow: 0 -11px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    padding: 35px;
    width: 370px;
    z-index: 99999;
}
.pay_form_liq>.liq_input>input::-webkit-outer-spin-button,
.pay_form_liq>.liq_input>input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.pay_section:before{
    z-index: 9999;
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
}
.liq_input{
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
        margin: 8px auto;
     position: relative;
         width: -webkit-fit-content;
         width: -moz-fit-content;
         width: fit-content;
}
.liq_input>span{
    position: absolute;
    right: -30px;
        color: rgba(0, 0, 0, 0.54);
    font-size: 15px;
}
.pay_form_liq>.liq_input>input{
     outline: none;
    background: #f5f5f5;
    border: none;
    font-size: 15px;
    border-bottom: 1px solid #c7c7c7;
    padding: 15px 10px 10px 10px;
            max-width: 180px;
    width: 100%;
}
.pay_form_liq>.liq_input>textarea{
       outline: none;
    background: #f5f5f5;
    border: none;
    font-size: 15px;
    border-bottom: 1px solid #c7c7c7;
    padding: 15px 10px 10px 10px;
            max-width: 180px;
    width: 100%;
}
.pay_form_liq >button{
 background: rgb(122, 183, 43);
    color: white;
    font-size: 14px;
    font-weight: 600;
    border-radius: 2px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.24) 0px 2px 4px 0px;
            box-shadow: rgba(0, 0, 0, 0.24) 0px 2px 4px 0px;
        width: 171px;
        margin: 20px auto 10px auto;
    padding: 15px;
    text-align: center;
    display: block;
}
.liq_title{
        color: rgba(0, 0, 0, 0.54);
    font-size: 12px;
    line-height: 1.4;
    text-align: left;
    max-width: 180px;
    width: 100%;
    display: block;
    margin: 0 auto;
    text-transform: uppercase;
}
.com_notif{
     color: #7d7d7d;
    text-align: center;
    font-weight: 700;
    font-size: 12px;
        display: block;
            margin-top: 32px;
}
.lig_logo{
        max-width: 147px;
    width: 100%;
    margin-left: auto;
    display: block;
    margin-bottom: 28px;
}
.sell_title{
display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: .6875rem;
    padding-bottom: .625rem;
   background: #fc6f4e;
    font-weight: 700;
    line-height: 1.1875rem;
    font-size: 1rem;
    text-align: center;
    color: #fff;
        margin-bottom: 45px;
}
.sell_section{
    margin-top: 127px;
    margin-bottom: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
        border: 1px solid #d6d6d6;
            padding: 0 0 25px 0;
}
.sell_product{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding:25px 25px;
}
.sell_product h2{
        font-weight: 700;
    line-height: 1.3125rem;
    font-size: 1.125rem;
    color: #000;
    padding-bottom: .9375rem;
}
.sell_product p{
        max-width: 525px;
    padding-bottom: .9375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.sell_product>span{
        font-weight: 400;
    line-height: 1.1875rem;
    font-size: 1rem;
    color: #000;
    padding-right: .625rem;    
}
.sell_product img{
       width: 8.75rem;
    margin-right: 2.5rem;
    -o-object-fit: contain;
       object-fit: contain;
}
.sell_product p>span{
      white-space: pre-line;  
}
.sell_product p>span:first-child{
     margin-right:10px;   
}
.call_sec{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.call_sec a:nth-child(2) svg circle{
     fill: #7d7d7d;   
}
.pay_page{
 padding: 150px 0;   
 display: -webkit-box;   
 display: -ms-flexbox;   
 display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.pay_section_page,
.pay_page .pay_container{
 margin-bottom:50px;   
}
.pay_page .pay_section_page #payFormLiqPage{
    position:static;
    top: 0;
    left: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    border-radius: 15px;
     max-width: 370px;
    width:100%;
      min-height:412px
  
}
.pay_page .pay_container {
        border-radius: 15px;
    background: #f5f5f5;
    -webkit-box-shadow: 0 -11px 28px rgb(0 0 0 / 25%), 0 10px 10px rgb(0 0 0 / 22%);
            box-shadow: 0 -11px 28px rgb(0 0 0 / 25%), 0 10px 10px rgb(0 0 0 / 22%);
    padding: 35px;
    max-width: 370px;
    width:100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
      min-height:412px
}
.pay_page .pay_container .pay_button{
    padding: 12px;
    cursor: pointer;
    z-index: 9;
    margin: 25px 0 10px 0;
    border-color: rgb(139, 195, 74);
    background: rgb(139, 195, 74);
    color: rgb(255, 255, 255);
    -webkit-box-shadow: rgb(0 0 0 / 24%) 0px 2px 4px 0px;
    box-shadow: rgb(0 0 0 / 24%) 0px 2px 4px 0px;
    border-radius: 10px;
    font-weight: 600;
    font-size: 24px;   
}
.pay_page > .about_pay_words,
.pay_page > .hello_words{
        display: block;
    width: 100%;

    text-align: center;
    font-size: 50px;
    font-weight: 600;
}
.pay_page > .hello_words{
       margin-bottom: 25px; 
}
.pay_page > .about_pay_words{
       margin-bottom: 100px; 
}
.pay_page > .about_pay_words>span,
.pay_page > .hello_words>span{
    color: #fc6f4e;
}
.pass_sec{
 display:none;   
}
.user_data{
    padding: 35px;
    width: 100%;
        border-radius: 5px;
         display: flex;
    justify-content: space-between;
    align-items: center;
}
.user_data>form{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
                width: 75%;
}
.user_id{
     display: flex;
    align-items: center;
    padding-bottom: 25px;
    color: black;   
}
.user_data_list{
        list-style: none;
}
.user_data_list li{
    position:relative;
          padding: 10px 10px;
      border-top: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.user_data_list li span{
      position:relative;
}
.user_data_list li:last-child{
  border-bottom: 1px solid #dee2e6;  
}
.user_data_list li>span:nth-child(1){
    width:45%
}
.user_data_list li>span:nth-child(2){
      width:55%
}
.edit_lk_input{
    width: 100%;
    display:none;
 font-size: 19px;
    margin-bottom: 15px;
    -webkit-box-shadow: 0 0px 0px rgb(0 0 0 / 25%), 0 2px 4px rgb(0 0 0 / 22%);
    box-shadow: 0 0px 0px rgb(0 0 0 / 25%), 0 2px 4px rgb(0 0 0 / 22%);
    border: 1px solid #7d7d7d;
    border-radius: 5px;
    padding: 5px; 
    position: absolute;
    left: 0;
    top: 50%;
    bottom: 50%;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: 39.39px;
}
.make_edit{
    cursor:pointer;
    -webkit-transition: color .4s;
    -o-transition: color .4s;
    transition: color .4s;
}
.make_edit:hover{
 color:rgba(255, 114, 78, 1);   
}
.make_edit .fa-pencil-alt{
        margin-left: 20px;
}
.save_lk_edit{
        outline: none;
    border: none;
    cursor: pointer;
    background: rgb(255, 88, 0);
    text-align: center;
    padding: 0 25px;
    color: white;
    margin-top: 25px;
    margin-left: auto;
    display: none;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-box-shadow: 0 0px 0px rgb(0 0 0 / 25%), 0 2px 9px rgb(0 0 0 / 22%);
    box-shadow: 0 0px 0px rgb(0 0 0 / 25%), 0 2px 9px rgb(0 0 0 / 22%);
    height: 40px;
    margin-bottom: 15px;
    border-radius: 10px;
}
.show_pass_form{
        width: 55px;
    box-shadow: 0 0px 0px rgb(0 0 0 / 25%), 0 2px 9px rgb(0 0 0 / 22%);
    height: 55px;
    border-radius: 100%;
    background: #fc6f4e;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform .7s;
}
.show_pass_form:hover{
 transform:scale(1.1);   
}
.show_pass_form>i{
 color: white;
    font-size: 20px;   
}
.i_pan_edit-mode{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.post_page {
    padding-top: 130px;   
}
.date_and_title{
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-bottom: 25px;  
    position: absolute;
    bottom: 10px;
    width: 100%;
        padding-right: 10px;
    padding-left: 10px;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.post_page .post-title{
          font-weight: 400;
    font-size: 41px;
    max-width: 600px;
    color: white;
}
.post_page .post-date{
 color:white;   
}

.post_page .post-image>img{
     height: 364px;
    -o-object-fit: cover;
       object-fit: cover;
    margin-bottom: 50px;   
        display: block;
}
.post_page .post-image{
 position: relative;   
}
.post_page .post-image:before{
    
        content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    
}
.post_page .post-tags{
    position: absolute;
    top: 15px;
    right: 10px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}   
.post_page .post-tags a{
        color: white;
    padding: 5px 10px;
    border-radius: 3px;
    line-height: unset;
    background: #fc6f4e;
}
.post_page .text_content{
        max-width: 800px;
    margin: 0 auto;
    text-align: justify;
    line-height: 27px;
    margin-bottom: 100px;
}
.back_all_news_btn{
    padding: 10px 12px 9px 12px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    background: #fc6f4e;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 30px;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
    margin-bottom: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: 600;
}
.war_info_board{
    display:flex;
position: fixed;
    top: 0;
    z-index: 999999;
    width: 100%;
    justify-content: center;
    align-items: center;
    height: 30px;
    background: white;
    background: linear-gradient(#0000ff 50%,#ffff00 50%);
}
.war_info_board:after{
 content: '';
     background: rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.war_info_board p{
        color: white;
    text-transform: uppercase;
    font-weight: bold;
    text-shadow: 1px -1px 3px #000;
    z-index: 9999;
}

.alert{
    position:relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 4px 4px 0 rgb(0 0 0 / 16%), 0 0 4px 0 rgb(0 0 0 / 16%);
    box-shadow: 0 4px 4px 0 rgb(0 0 0 / 16%), 0 0 4px 0 rgb(0 0 0 / 16%);
    padding: 10px 15px;
    border-radius: 15px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    background: white;
    width: fit-content;
        overflow: hidden;
        position: fixed;
    top: 119px;
    right: 25px;
}

.alert .close{
        cursor: pointer;
    border-radius: 100%;
    height: 25px;
    width: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    padding: 10px;
    border: 2px solid rgb(255, 88, 0);
    margin-left:10px;
}
.change_pass_form{
    padding-top: 25px;
    
}
.change_pass_form .alert.alert-danger{
     max-width: 277px;
    font-size: 12px;   
    width:100%;
}
.change_pass_form>form{
     display: flex;
    flex-direction: column;
    align-items: center;   
}
.change_pass_form>form>input{
 font-size: 19px;
    margin-bottom: 15px;
    -webkit-box-shadow: 0 0px 0px rgb(0 0 0 / 25%), 0 2px 4px rgb(0 0 0 / 22%);
    box-shadow: 0 0px 0px rgb(0 0 0 / 25%), 0 2px 4px rgb(0 0 0 / 22%);
    border: 1px solid #7d7d7d;
    border-radius: 5px;
    padding: 5px;   
}
.change_pass_form>form>input.pass_submit{
 cursor:pointer;
     margin: 0 auto;
    display: block;
    display: block;
    padding: 0;
    background: white;
    border: 3px solid #FF724E;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 30px;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
    padding: 10px 15px;
    font-size: 17px;
}
.change_pass_form>form>input.pass_submit:hover{
 background: rgba(255, 114, 78, 1);
     color: white;
}
.pass_change_btn{
    text-align: center;
    font-weight: 600;
    color: black;
    margin-top: 15px;
    display: block;
}



.fiz_info_text{
     padding: 0 10%;
    text-align: justify;
    font-size: 1.5em;
    margin-top:50px;
    padding-bottom: 50px;
}
.back_img_fiz{
     background: url(https://ibnet.ua/themes/demo/assets/images/transparent-technology-multimedia-learning-business-online-adv-hire-dedicated-software-developers-hourly-or-fixed5e4215bbce4141.1489881915813892438448.png);
         margin-top: 92px;
    height: 18em;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.back_img_fiz h1{
         width: 100%;
    display: block;
    max-width: 555px;
    font-size: 34px;
    text-align: center;
    color: #333;
    font-weight: 500;
    background: white;
    padding: 10px 25px;
    border-radius: 5px;
    box-shadow: 0px 2px 10px -5px #333;
}
.card-div {
        display: flex;
    flex-direction: row;
    flex-wrap:wrap;
  align-items: stretch;
    justify-content: center;
        margin-top: -100px;
            max-width: 1000px;
            width:100%;
    margin-left: auto;
    margin-right: auto;
}
.card{
        margin: 0 10px;
    background: white;
   padding: 2rem;
  border-radius: 3px;
  text-align: center;
  font-size: 1.5rem;
  transition: transform 0.5s;
  box-shadow: 0px 2px 10px -5px #333;
  flex: 3;
  margin: 0 1rem;
}
/* .card-div .card:hover {
  transform: scale(1.01);
} */
.card-header{
 color: #333;
    margin-bottom: 15px;   
      font-size: 1.5rem;
    font-weight: 500;
     text-transform: uppercase;
  letter-spacing: 1px;
}
.card-div .card .card-subheader {
    color: #333;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 15px;
  
}
.card-div .card .card-pricing {
  font-size: 3.5rem;
  color: #FC6F4E;
  padding: 15px 0px;
}
.card-div .card .card-pricing .recurring {
  text-transform: uppercase;
  color: #999;
  font-weight: 200;
  font-size: 2.1rem;
  display: block;
  margin-top:10px;
  text-shadow: none;
}
.card-div .card .card-features {
  color: #777;
      font-size: 1.1rem;
    list-style: circle;
    text-align: left;
}
.yer_card{
    
}
.yer_card_price{
        display: flex;
    align-items: center;
}
.card-div .card .yer_card_price > .card-pricing {
        font-size: 2rem;
}
.card-div .card .yer_card_price > .card-pricing:first-child{
        margin-right: 20px;
}
.card_btn{
    padding: 9px 11px;
    width: fit-content;
    background: #fc6f4e;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
    margin: 38px auto 0 auto;
    display: block;   
        height: fit-content;
        transition: background .8s;
}
.card_btn:hover{
        background: #bf543b;
}
.price_row{
        border-bottom: 3px solid #fc6f4e;
    padding-right: 68px;
         font-size: 30px;
    font-weight: 300;
}
.form .apartment_form_info p{
    text-align: justify;
}

.form .apartment_form_info p a{
    color: rgb(255, 88, 0);
    text-decoration: revert;
}
.commers_chose{
        height: 100vh;
            display: flex;
    align-items: center;
}
.commers_chose a{
    height: 100%;
    width:50%;
    position:relative;
    overflow:hidden;
}
.commers_chose a:before{
        position: absolute;
    content: " ";
    background: rgba(0,0,0,0.5) url(/themes/demo/assets/images/setka.gif);
    -webkit-transition: background .6s;
    -o-transition: background .6s;
    transition: background .6s;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1;
}
.commers_chose a img{
    height: 100%;
        object-fit: cover;
            -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}


.commers_chose a h4{
 width: 100%;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    font-weight: 300;
    text-align: center;
    padding: 16px;
    color: #7d7d7d;
    font-size: 33px;
    z-index: 2;
    text-shadow: 3px 3px 6px #000;
    text-transform: uppercase;
    font-weight: 600;
    -webkit-transition: color .5s;
    -o-transition: color .5s;
    transition: color .5s;   
}
.commers_chose a h4 span{
    color: #fc6f4e;
    text-transform: uppercase;
    font-weight: 600;
    -webkit-transition: color .8s;
    -o-transition: color .8s;
    transition: color .8s;
}

.commers_chose a:hover:before{
    background: rgba(0,0,0,0.8) url(/themes/demo/assets/images/setka.gif);
}
.commers_chose a:hover h4,
.commers_chose a:hover span{
    color: white;
}

.commers_chose a:hover img{
        -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.send_ancet_button{
      margin-top: 10px;
}
.post-content.text_content ul{
    list-style: inside;
}
.post-content.text_content p{
    color:black;
}
.last_update_banner{
    display: flex;
    align-items: center;
    padding-top: 130px;
        flex-wrap: wrap;
}
.last_update_banner_left img{
    max-width: 600px;
    border-radius: 15px;
    width:100%;
}
.last_update_banner_right{
        padding-left: 15px;
            display: flex;
    flex-direction: column;
    align-items: center
}
.last_update_banner_right p{
    font-size: 34px;
    font-weight: 800;
    color: #ff6f4c;
    
}
.last_update_banner_right a{
        margin-top: 20px;
    padding: 10px 15px;
    font-size: 25px;
    background: #ff633d;
    border-radius: 8px;
    color: white;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.25), 0 2px 9px rgba(0, 0, 0, 0.22);
    transition: background .4s;
}
.last_update_banner_right a:hover{
        background: #cd401e;
}