@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@600&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=PT+Sans+Caption:wght@700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@900&display=swap');



/*

    font-family: 'Roboto Slab', serif;

    font-family: 'PT Sans Caption', sans-serif;

    font-family: 'Montserrat', sans-serif;

    font-family: 'Roboto', sans-serif;

    font-family: 'Ubuntu', sans-serif;

*/













  .lice

  {

    float: right;

    margin: 0px 10px;

    transition: all 0.3s ease;

    cursor: pointer;

  }



  .lice:hover

  {

    float: right;

    margin: 0px 10px;

    transition: all 0.3s ease;

    cursor: pointer;    

  }























:focus

{

  outline: 0;

}



body{

    overflow-x:hidden;

    margin: auto;

     /*width: 1366px;1366*/

    height: 100%;

}



body, button, optgroup, option, select, textarea {

    font-family: Lato,sans-serif!important;

}



html, body {

    height: 100%;

-webkit-text-size-adjust: 100%;

-moz-text-size-adjust: 100%; 

-ms-text-size-adjust: 100%;    

}



body {



    font-size: 100%;

    line-height: 18px;

}



html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, sub, sup, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

    /* margin: 0; */

    padding: 0;

    border: 0;

    font-size: 100%;

    font: caption;

}



html {

    color: -internal-root-color;

}





   @font-face {

    font-family: Pompadur; /* Имя шрифта */

    src: url(fonts/pompadur.ttf); /* Путь к файлу со шрифтом */

   }





input[type="submit"]

{

    cursor: pointer;

    text-align: left;

    border-image: none;

    border: none;

    background: none;



}



input[type="button"]

{

    cursor: pointer;

}





/* блоки ссылок */

.nav li hr {

      margin: 0;

}

/* выпадающее меню */

.sub-nav {

    box-shadow: 0 0 4px rgba(0,0,0,0.5);

    z-index: 3;

    width: 250px;

    margin-top: 0px;

    position: absolute;

    border-top: 15px solid transparent;

    left: -9999px;

    list-style:none;

    padding:0;

    border: 1px solid #dedede;

    border-radius: 7px;

}

/* make submenu reappear */

.nav li:hover .sub-nav {

    left: 0;

}

/* triangle */

.triangle {

    width: 0;

    height: 0;

    border-left: 10px solid transparent;

    border-right: 10px solid transparent;

    border-bottom: 10px solid #f1f1f1;

    position: absolute;

    margin-top: -7px;

    left: -9999px;

}

/* reappear */

.nav li:hover .triangle {

    left: 55px;

}

/* prevent multi line links */

.sub-nav li {

    white-space: nowrap;

}

/* закругленные края */

.sub-nav > li:first-of-type {

    border-radius: 5px 5px 0 0;

}

.sub-nav > li:last-of-type {

    border-radius: 0 0 5px 5px;

}

/* верхний уровень при наведении */

.nav > li:hover > a {

    transition: background ease .5s;

}

/* ссылки подменю */

.sub-nav a {

    font-size: 90%;

    transition: background ease .3s;

}

.sub-nav a:hover {

    background: #002f34;

    color: #fff;

}







#ui-id-1::-webkit-scrollbar-track{

  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

  border-radius: 3px;

  background-color: #F5F5F5;

}



#ui-id-1::-webkit-scrollbar{

  width: 12px;

  background-color: #F5F5F5;

}



#ui-id-1::-webkit-scrollbar-thumb{

  border-radius: 3px;

  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);

  background-color: #555;

}



#ui-id-2::-webkit-scrollbar-track{

  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

  border-radius: 3px;

  background-color: #F5F5F5;

}



#ui-id-2::-webkit-scrollbar{

  width: 12px;

  background-color: #F5F5F5;

}



#ui-id-2::-webkit-scrollbar-thumb{

  border-radius: 3px;

  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);

  background-color: #555;

}



/**/

nav {

    list-style: none;

    float: right;

}
.menu{
    float: left;
 }


::-webkit-scrollbar { width: 5px; height: 5px;}

::-webkit-scrollbar-button {  background-color: #666; }

::-webkit-scrollbar-track {  background-color: #999;}

::-webkit-scrollbar-track-piece { background-color: #ffffff;}

::-webkit-scrollbar-thumb { height: 50px; background-color: #666; border-radius: 1px;}

::-webkit-scrollbar-corner { background-color: #999;}}

::-webkit-resizer { background-color: #666;}





.nav > li:hover > a {

    transition: background ease .5s;

}













.bo_chop

{

  background: #000000e0;

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;



}

.bod_chop

{

    padding: 35px 20px;

    width: 1250px;

    margin: auto;

    height: 100%;



}



.contae

{

    max-width: 70px;

    min-width: 69px;

    min-height: 69px;

    max-height: 70px;

}

.grediant

{

    background: #ffffff;

    padding: 0px 0px 5px 0px;

    border-radius: 0.5%;

    border-top: 5px solid #067b88;

}





.closex

{

    width: 35px;

    border: none;

    background: none;

    color: #717171cf;

    font-size: 50px;

    height: 50px;

}





.closex:hover {

    color: #d61111cf;

    cursor: pointer;

    transition: all 0.6s ease;

}



      .clifel-rt

       {

          width: 100%;

          background: #fff;

          z-index: 6;

       }



        .cl-del

        {

          float: right;

          font-size: 30px;

          margin: -3px 5px;

        }



        .biznes-clic

        {

          float: right;

          border-radius: 100px;

          background: #fff;

          color: #000;

          padding: 1px 5px

        }



.tabee3 {

    font-size: 20px;

    font-weight: bold;

    padding: 13px;

}



.zag3 {

    width: 28%;

    font-size: 16px;

    padding: 12px 2px;

    border: 1px solid #f5f4f4;

    border-bottom: 4px solid #f5f4f4;

    border-radius: 5px;

    color: #172f34;

    background: #f5f4f4;

    margin: 0px 0px 10px 0px;

}



.matilda3 {

    font-size: 16px;

    color: #002f34;

    margin: 15px 0px 10px 0px;

    font-weight: 400;

}



  .delyutube{

    position: absolute;

    float: right;

    margin: 126px 10px 0px 0px;

    border-radius: 5px;

    background: #fff;

    padding: 5px 5px 0px 5px;

  }



    .properti

    {

      position: absolute;

      color: #fff;

      background: #002f34;

      margin: 10px 0px;

      padding: 5px 15px;

      font-size: 14px;

      font-weight: bold;

      border-radius: 0px 5px 5px 0px;





    }



/*Меню*/

.home_menue {

    background: #002f34;

    height: 75px;

    text-align: left;

    width: 100%;

    font-size: 12px;

    margin-right: auto;

    margin-left: auto;

}



.home_menu {

    background: #002f34;

    height: 75px;

    text-align: left;

    width: 1238px;

    font-size: 12px;

    margin-right: auto;

    margin-left: auto;

    padding-right: 24px;

    padding-left: 24px;

}

/*

.logo

{

    margin: 10px 0px 0px 20px;

    width: 77px;

    height: 77px;

    float: left;

}

*/

.logo_obj

{

    margin: 19px 20px 0px 20px;

    background: #002f34;

    padding: 10px;

    border-radius: 5px;

    text-decoration: none;

    color: #fff;

    float: right;

    font-weight: 600;

    cursor: pointer;

    border: 2px solid #fff;

    transition: all 0.3s ease;

}



.logo_obj:hover

{

    background: #fff;

    color: #002f34;

    border: 2px solid #fff;

    cursor: pointer;

}





.nav {

    list-style: none;

    float: right;

}

.nav li {

    position: relative;

    background: #ffffff;

}



.nav > li:first-of-type {

    border-radius: 5px 0 0 5px;

}

.nav > li:last-of-type {

    border-radius: 0 5px 5px 0;

}

/* блоки ссылок */

.nav li a {



    display: block;

    text-decoration: none;

    color: #002f34;

    padding: 10px 10px 10px 32px;



}





.nav li hr {

      margin: 0;

}



.sub-nav {

    box-shadow: 0 0 4px rgba(0,0,0,0.5);

    z-index: 3;

    width: 250px;

    margin-top: 0px;

    position: absolute;

    border-top: 15px solid transparent;

    left: -9999px;

    list-style:none;

    padding:0;

    border: 1px solid #dedede;

    border-radius: 7px;

}



.nav li:hover .sub-nav {

    left: 0;

}



.mark {

    font-size: 15px;

    font-weight: 600;

    font-family: sans-serif;

    background: #002f34;

    border: 2px solid #002f34;

    padding: 10px;

    transition: all 0.3s ease;

}



.mark:hover {

    font-weight: 600;

    background: #002f34;

    color: #fff;

    border: 2px solid #002f34;

    transition: all 0.3s ease;

}





.imm

{

    float: right;

    font-size: 13px;

    font-weight: 600;

    background: #F6F6F6;

    border-radius: 50px;

    padding: 3px 7px;

    color: #00ad5d;

    margin: -10px 0px 0px -5px;

    font-family: 'Roboto';

    font-stretch: normal;

}



.triangle {

    width: 0;

    height: 0;

    border-left: 10px solid transparent;

    border-right: 10px solid transparent;

    border-bottom: 10px solid #f1f1f1;

    position: absolute;

    margin-top: -7px;

    left: -9999px;

}





.clac

{

    padding: 5px 0px 4px 13px;

    color: #525252;

}



.dis

{

    background: #002f34;

    padding: 0px;

    color: #fff;

}



.dis:hover

{

    background: #f59d00d1;

    color: #ffffff;

    padding: 0px;

}



.imm2

{

    float: right;

    font-size: 13px;

    font-weight: 600;

    background: #F6F6F6;

    border-radius: 50px;

    margin: -2px 0px 0px -5px;

    padding: 3px 7px;

    color: #00ad5d;

    font-family: 'Roboto';

    font-stretch: normal;



}



.dis2

{

    padding: 0px;

    color: #002f34;

}



.dis2:hover

{

    background: #535353;

    color: #fff;

    padding: 0px;

}



  .informate_content

  {

    margin: 0px 15% 0px 15%;

    text-align: left;

    font-size: 12px;

    margin-right: auto;

    margin-left: auto;

    padding-right: 24px;

    padding-left: 24px;

  }



.error_messages

{

    text-align: center;

    z-index: 1;

    position: fixed;

    height: auto;

    padding: 3px 10px;

    background: #002f34;

    border-radius: 5px;

    box-shadow: 0 0 10px rgba(0,0,0,0.5);

    transition: all .5s ease-in-out;

    margin-right: auto;

    margin-left: auto;

    padding-right: 24px;

    padding-left: 24px;

}



.message_errore

{

    text-align: center;

    float: left;

    margin: 3px 5px;

    color: #5ed2bc;

    font-size: 16px;



}



.proces

{

   width: 23px;

   float: left;

}





.ril

{

    color: #757575;

    padding: 16px 20px 16px 50px;

    width: 100%;

    border: 1px solid #d2d8d8;

    -webkit-appearance: none;

    -moz-appearance: none;

    -ms-appearance: none;

    -o-appearance: none;

    appearance: none;

    border-radius: 0.25em;

}





/*Меню*/











    /*БЛОК*/



.but

{

    width: 98%;

    height: 40px;

    margin: 5px 3px;

    font-size: 14px;

    font-weight: bold;

    background: #fff;

    border-radius: 5px;

    border: none;

    cursor: pointer;

    color: #002f34;

    border: 1px solid #002f34;

    transition: all 0.1s ease;

}

.but:hover

{

      background: #fff;

}





.vip_menu_mil

{

        margin: 0px 15%  0px 15%;

}



.vip_menu2

{

        margin: 7% 15% 0px 15%;

}



.bet3

{

    width: 100%;

    height: auto;

}



.blok_obya

{

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);

    background: #ffffff;

    margin: 20px 0px 0px 0px;

    border-top: 5px solid #ffffff;

    border-radius: 5px;

    border-left: 1px solid #92929229;

    border-right: 1px solid #92929229;

    width: 100%;

}





.img_blok

{

    max-width: 100%;

    font-size: 0;

    line-height: 0; 

}



.bo_chop

{

  background: #f7f7f7;

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.bod_chop

{

    padding: 35px 20px;

    width: 1230px;

    margin: auto;

    height: 100%;

    float: left;

}



.namehaos

{

    font-size: 24px;

    padding: 21px 55px;

    color: #020202d4;

    width: 765px;

    float: left;

}



.closex

{

    width: 35px;

    border: none;

    background: none;

    color: #717171cf;

    font-size: 50px;

    height: 50px;

}





.closex:hover {

    color: #d61111cf;

    cursor: pointer;

    transition: all 0.6s ease;

}



.myinputrec1

{

    background: #fff;

    float: right;

    padding: 8px 20px;

    margin: 30px 5px;

    border: 2px solid #002f34;

    color: #002f34;

    font-weight: 600;

    border-radius: 5px; 

    cursor: pointer;

    transition: all 0.3s ease;

}



.myinputrec2

{

    display: block;

    border: none;

    float: right;

    padding: 8px 20px;

    margin: 30px 10px;

    background: #002f34;

    border: 2px solid #002f34;

    font-weight: 600;

    color: #fff;

    border-radius: 5px;   

    cursor: pointer; 

    transition: all 0.3s ease;

}



.myinputrec1:hover

{

    background: #002f34;

    color: #fff;

    border: 2px solid #002f34;

    transition: all 0.3s ease; 

}



.myinputrec2:hover

{

    color: #002f34;

    background: #fff; 

    border: 2px solid #002f34;

    transition: all 0.3s ease;

}





.sganet

{

    border: 1px solid #c8c6c6;

    background: #ddd;

    float: left;

    cursor: pointer;

    max-width: 310px;

    min-width: 310px;

    margin: 0px 20px 20px 20px;

}





.grediant

{

    background: #ffffff;

    padding: 0px 0px 5px 0px;

    border-top: 5px solid #067b88;

}



.bodybos

{

    background: #f7f7f7;

    padding: 20px 0px 0px 0px;

}



.vip_menu

{

    margin: 0px 15%  0px 15%;

    text-align: left;

    width: 1029px;

    font-size: 12px;

    margin-right: auto;

    margin-left: auto;

    padding-right: 24px;

    padding-left: 24px;

}



.bet1

{

  float: right;

  width: 28%;

  height: auto;

}





.accaunt_panel5

{

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);

    background: #ffffff;

    border-top: 5px solid #ffffff;

    border-radius: 5px;

    border-left: 1px solid #92929229;

    border-right: 1px solid #92929229;

    /*width: 97%;*/

}



.price_act

{

    font-size: 15px;

    background: #fff;

    border-radius: 2px;

    padding: 10px;

    color: #575757;

    font-weight: bold;

}





.img_ac_t

{

    border: 1px solid #2b6c84;

    width: 100%;

}

.ac_t_name{
    padding: 0;
    height: auto;
    font-size: 16px;
    font-weight: bold;
    margin: 32px 0px 5px 0px;
    color:#002f34;
}

.ac_t{
    padding: 0;
    height: auto;
    font-size: 16px;
    font-weight: bold;
    margin: 32px 0px 5px 0px;
}



.ac_t:hover{
    color: #1c4351;
}



    .doy{
    font-variant: all-petite-caps;
    display: block;
    font-size: 14px;
    line-height: 0.8;
    color: #002f34;
    }



.price_ac

{

    background: #f7f7f7;

    border-radius: 5px;

    padding: 15px;

    margin: 12px 1% 10px 1%;

    color: #002f34;

    font-size: 22px;

    font-weight: bold;

}



.price_dog

{

    font-size: 18px;

    color: #3f4c528c;

    font-weight: 100;

}





.but2

{

    width: 98%;

    height: 40px;

    margin: 5px 3px;

    font-size: 14px;

    font-weight: bold;

    background: #002f34;

    border-radius: 5px;

    border: none;

    cursor: pointer;

    color: #fff;

    border: 3px solid #002f34;

    transition: all 0.1s ease;

}

.but2:hover

{

      color: #002f34;

      background: #fff;

}



.accaunt_panel

{

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);

    background: #ffffff;

    margin: 10px 2px;

    border-radius: 5px;

    border-left: 1px solid #92929229;

    border-right: 1px solid #92929229;

    /*width: 97%;*/

}



.bet2

{

    width: 70%;

    height: auto;

}





.brbott-4 {



    border-bottom: 1px solid #e1e1e1;

}





.zag-4

{

    color: #5b5b5b;

    margin: 10px 0px 7px 10px;

    font-size: 20px;

    font-weight: 600;

}



.p_go1

{   

    margin: 20px;

}



.image-4 {

    float: left;

    position: relative;

    font-size: 14px;

    font-weight: 600;

    color: #002f34;

    line-height: 1.5;

    margin: 10px 0px 0px 10px;

}

.id_obj

{

    float: right;

    margin: 8px 20px 0px 0px;

    position: relative;

    font-size: 14px;

    font-weight: 600;

    color: #002f34;

    line-height: 1.5;

}





.blok_vip_obj

{



            height: 152px;

            background-color: rgba(255,191,61,.06);

            border-radius: 5px;

            margin: 10px 0px 10px 0px;



}



.blok_obj

{

    height: 150px;

    border: 1px solid #ededea;

    background-color: #fffffff1;

    border-radius: 5px;

    margin: 10px 0px 10px 0px;

}



.blok_obj:hover

{

    box-shadow: 0 0 4px rgba(0,0,0,0.1);

}



.blok_vip_obj:hover

{

            

            box-shadow: 0 0 4px rgba(0,0,0,0.1);



}



.images-1

{

    background: #f3f3f3;

    max-width: 140px;

    min-width: 140px;

    max-height: 140px;

    min-height: 140px;

    float:left;

    margin: 5px 15px 5px 5px;

    border: #f3f3f3 1px solid;

    border-radius: 5px;

}



.inscription

{

    padding: 10px 0px 0px 0px;

    float: left;

    width: 50%;

    height: 70%;

}



.inscription2

{

    font-family: 'Montserrat', sans-serif;

    line-height: 22px;

    font-size: 18px;

    color: #002f34;

    font-weight: 700;

    height: 70%;



}



.price

{

    padding: 10px 20px;

    color: #002f34;

    margin-top: 10px;

    text-align: right;

    white-space: nowrap;

    font-weight: bold;

    font-size: 23px;

    border-collapse: collapse;

    border-spacing: 0;

}



.price1

{

    float: right;

    font-size: 18px;

    color: #3f4c528c;

    font-weight: 100;

}





.brbott-5 {

    border-bottom: 1px solid #e3e3e3;

}



.suvv

{

    margin: 10px 0px;

    font-size: inherit;

    font-weight: 600;

    color: #2b6c84;

}



.suvv:hover

{

    color: #2b6c84d9;

}



.ac_blok_locate{
    padding: 20px 20px;
    font-size: 14px;
    color: #000000;
    background: #ffffff99;
}



.par

{

    color: #002f34;

    margin: 10px 0px 0px 0px; 

    font-size: 17px;

}



.par1

{

    color: #49515f;

    line-height: 26px;

    font-family: inherit;

    font-size: 15px;

}



.par2

{

    float: right; 

    color: #49515f;

    line-height: 26px;

    font-family: inherit;

    font-size: 15px;

}



.slide {

    width: calc(100%/4);

    list-style: none;

    display: inline;

    float: left;

}



.slide-img {

    width: 100%;

}



.monster

{

  cursor: pointer;

}







.descriptionse

{

    font-weight: 600;

    color: #002F34;

    padding: 15px 0px 0px 0px;

    margin: 0px 20px 20px 20px;

    font-size: 24px;

    line-height: 26px;

    margin-bottom: 16px;

    margin-top: 4px;

}







.infoContent

{

    font-size: 16px;

    color: #002F34;

    line-height: 22px;

    width: 95%;

    margin: 0px 20px 20px 20px;

}



.idcontent

{

    font-size: 12px;

    line-height: 14px;

    color: #406367;

    padding: 20px 0px 0px 0px;

    margin: 0px 20px 0px 20px;

    float: right;

    position: relative;

}





.prosmcontent

{

    font-size: 12px;

    line-height: 14px;

    color: #406367;

    margin: 10px 20px 20px 20px;

    float: left;

    position: relative;

}







.pojalcontent

{

    text-decoration: underline;

    cursor: pointer;

    font-size: 12px;

    line-height: 14px;

    color: #406367;

    margin: 10px 20px 20px 20px;

    float: right;

    position: relative;

}



/*Сокет*/

.cookes

{

   z-index: 1;

   width: 100%;

   height: 100px;

   background: #fff;

   border-top: 1px solid #e3e3e3;

   box-shadow: 0 0 10px rgba(0,0,0,0.5);

   position:fixed;

   left:0px;

   bottom:0px;

   transition:all 0.5s ease-in-out;

}

.textCookes

{

    padding: 42px 0px;

    font-weight: bold;

    font-size: 14px;

    color: #002f34;

}

    

.textCookes_r

{

    color: #002f34;

    text-decoration: revert;

}



.cookes_button

{

    margin: -12px 30px;

    float: right;

    border-radius: 5px;

    border: 2px solid #002f34;

    color: #002f34; 

    padding: 10px 20px;

    transition: all 0.3s ease;

    font-weight: bold;

    cursor: pointer;

}



.cookes_button:hover

{

    border: 2px solid #fff;

    text-decoration: underline;

    padding: 10px 20px;

    transition: all 0.3s ease;

}





/*Сокет*/







  .styleblokbootom

{

  background: #f7f7f7;

  width: 100%;

  height: 380px;

}



.bitcord

 {

    height: 189px;

    text-align: left;

    width: 1238px;

    font-size: 12px;

    margin-right: auto;

    margin-left: auto;

    padding-right: 24px;

    padding-left: 24px;

 }



.flooter

{

    width: 100%;

    height: 350px;

}



.lob

{

    width: 180px;

    float: left;

    margin: 0px 60px 0px 0px;

}



.flooter_text

{

    text-decoration: none;

    font-size: 11px;

    font-weight: 700;

    font-family: monospace;

    color: #5b5b5b;

}



.sclater

{

    max-width: 100px;

    margin: 40px 40px 10px 40px;

}



.flooter_text1

{

    line-height: 1.5;

    font-size: 11px;

    font-weight: 700;

    color: #5b5b5b;

    margin: 40px 0px 0px 0px;

}



.flooter_text2

{

    line-height: 1.5;

    font-size: 11px;

    font-weight: 700;

    color: #5b5b5b;

    margin: 10px 0px 0px 0px;

}





.flo_text1

{ 

    font-size: 14px !important;

    color: #002f34;

    text-decoration: none;

}



.flo_text1:hover

{ 

    color: #002f34cc;

}



.delrf

{

  width:280px;

  float: left;

  margin: 40px 0px;

}



.sled

{

  border: 1px solid #002f34;

  border-radius: 5px;

  transition: all 0.3s ease;

}



.sled:hover

{

  border: 1px solid #fff;

  border-radius: 5px;

  transition: all 0.3s ease;

}





.saler

{

    margin: 10px 0px;

    font-size: 10px;

    color: #9e9e9e;

    -webkit-box-align: center;

    align-items: center;

    text-align: center;

}



.scrollup{

width:40px;

height:40px;

opacity:0.3;

position:fixed;

bottom: 40px;

right: 40px;

display:none;

text-indent:-9999px;

background: url('./../images/images_home/icon_top.png') no-repeat;

}









.tik

{

    font-size: 14px;

    font-weight: bold;

    text-align: center;

    padding: 10px 0px;

    border: 2px solid #fff;

    border-radius: 5px;

    transition: all 0.3s ease;

}



.tik:hover

{

    font-size: 14px;

    font-weight: bold;

    text-align: center;

    padding: 10px 0px;

    border: 2px solid #002f34;

    border-radius: 5px; 

    transition: all 0.3s ease;   

}





.tik2

{

    font-size: 14px;

    font-weight: bold;

    text-align: center;

    padding: 10px 0px;

    border-radius: 5px;

    transition: all 0.3s ease;

}





  .like

  {

    cursor: pointer;

    background: #ffffff;

    border-radius: 5px;

    position: absolute;

    text-align: center;

    padding: 5px 0px;

    font-size: 32px;

    margin: 10px 10px;

    z-index: 1;

    box-shadow: 0 0 5px #002f344d;

  }







.h1title

{

    font-family: inherit;

    box-sizing: border-box;

    font-weight: normal;

    margin-right: 20px;

    font-size: 28px;

    line-height: 42px;

    letter-spacing: 0.5px;

    color: #002F34;

    text-size-adjust: 100%;

    margin: 10px 20px;

}



.public

{

    padding: 20px 0px 0px 20px;

    line-height: 16px;

    font-size: 12px;

    color: #002f34bd;

    display: block;

}





  .blokcontentjalob

  {

padding: 20px 20px;

margin: auto;

max-height: 805px;

max-width: 500px;

float: none;

width: 100%;

display: flex;

flex-direction: column;

z-index: 1050;

background-color: rgb(255, 255, 255);

border-radius: 4px;

  }



  .h2d

  {

    font-size: 32px;

    line-height: 34px;

    font-weight: 700;

    color: rgb(0, 47, 52);

    margin: 0px;

  }



  .voprosejalob

  {

    font-size: 12px;

    line-height: 14px;

    margin: 0px;

    text-transform: uppercase;

    font-weight: 500;

    color: rgb(64, 99, 103);

  }

  .closjal

  {

    float: right;

  }



  .spim

  {

    cursor: pointer;

    font-size: 16px;

    line-height: 20px;

    color: rgb(0, 47, 52);

    margin: 16px 0px 0px 16px;

  }



  .cloradio

  {



    width: 16px;

    height: 16px;

    color: #002f34;

    background-color: #002f34;

    border: 2px solid #002f34;

  }



  .cled

  {

    display: inline-flex;

    -webkit-box-align: center;

    align-items: center;

    -webkit-box-pack: center;

    justify-content: center;

    min-height: 40px;

    font-size: 16px;

    line-height: 20px;

    margin: 0px 0px 16px;

    box-sizing: border-box;

    cursor: pointer;

    text-decoration: none;

    background-color: rgb(0, 47, 52);

    border: 5px solid rgb(0, 47, 52);

    padding: 10px 30px 8px;

    border-radius: 4px;

    color: rgb(255, 255, 255);

    width: 100%;

    position: relative;

    font-weight: 700;

}

  



.cled:disabled {

    background-color: rgb(216, 223, 224);

    border-color: rgb(216, 223, 224);

    color: rgb(127, 151, 153);

    cursor: default;

}

  .dekde

  {

    margin: 10px 0px 0px 10px;

    font-size: 12px;

    line-height: 14px;

    color: #4063679c;

  }

.css-1tknza

{

    background-clip: padding-box;

    background-color: rgb(242, 244, 245);

    border: 1px solid rgb(242, 244, 245);

    border-radius: 4px;

    font-family: Geomanist;

    line-height: 20px;

    outline: 0px;

    padding: 16px 48px 16px 16px;

    resize: none;

    width: 86%;

    overflow-y: hidden;

    font-size: 16px;

    color: rgb(127, 151, 153);

}















  .textnamecontent

  {

    font-weight: 500;

    line-height: 20px;

    color: rgb(0, 47, 52);

    padding: 0px;

    margin: 0px;

    font-family: inherit;

    font-size: 24px;

    margin-right: 16px;

  }



  .sctext

  {

    font-size: 12px;

    color: rgb(0, 47, 52);

    text-align: right;



    text-decoration: revert;

    margin: 0px 10px;    

  }



.blok_m_vip{

    float: left;

    margin: 20px 8px 0px 8px;

    color: #000;

    box-shadow: 0 0 10px rgb(0 0 0 / 14%);

    border-radius: 10px;

    background: rgba(255,191,61,.06);

}



.cladefol {

    padding: 5px;

}





.vipecorent {

    box-shadow: 0 0 4px #002f3436;

    color: #fff;

    background: #002f34;

    padding: 5px 14px;

    position: absolute;

    font-weight: bold;

    font-family: monospace;

    font-size: 11px;

    border-radius: 0px 10px 10px 0px;

}



.clasedeee {

    margin: 0px 0px 10px 0px;

    display: flex;

    flex-wrap: wrap;

    flex-grow: 1;

    background: #f7f7f7;

    -moz-background-size: 100%;

    -webkit-background-size: 100%;

    -o-background-size: 100%;

    background-size: 100%;

}

/*

.bl_im_mesto {

    min-width: 80%;

    font-size: 12px;

    color: #636363;

    margin-right: 18px;

    padding: 8px 5px 4px 5px;

}

*/

.inscription2 {

    padding: 10px 10px;

    font-size: 12px;

    color: #002f34;

    font-weight: 700;

    height: 70%;

}



.price_m {

    color: #002f34;

    font-weight: bold;

    font-size: 16px;

    margin: 0px 10px;

    border-collapse: collapse;

    border-spacing: 0;

}



.price1_m {

    font-size: 12px;

    color: #3f4c526e;

    font-weight: 500;

    font-family: none;

}
/*
.blok_m {

    background: #fffffff1;

    float: left;

    margin: 20px 8px 0px 8px;

    color: #000;

    box-shadow: 0 0 10px rgb(0 0 0 / 14%);

    border-radius: 5px;

}

*/











  .delyutube{

    position: absolute;

    float: right;

    margin: 126px 10px 0px 0px;

    border-radius: 5px;

    background: #fff;

    padding: 5px 5px 0px 5px;

  }



    .properti

    {

      position: absolute;

      color: #fff;

      background: #002f34;

      margin: 10px 0px;

      padding: 5px 15px;

      font-size: 14px;

      font-weight: bold;

      border-radius: 0px 5px 5px 0px;





    }



  .lics

  {

    float: right;

    margin: 6px -12px;

    transition: all 0.3s ease;

    cursor: pointer;

  }



  .lics:hover

  {

    width: 20px;

    height: 20px;

    float: right;

    transition: all 0.3s ease;

    cursor: pointer;    

  }



  .img-logo-compani{

    padding: 15px;

    height: 150px;

    background: #fff;

  }



  .logo-compani-img{

    border-radius: 5px;

    object-fit: cover;

  }



  .info-name-col

  {

    color: #002f34;

    font-weight: bold;

    margin: 5px 0px 0px 10px;

  }

.info_blok_logo_user{
    border-bottom: 1px solid #e6e4e4;
    display: table;
    width: 100%;
}

  .info-logo-user{
    border-radius: 50px;
    padding: 10px;
    background: #002f34;
    float: left;
    margin: 20px 10px 20px 10px;

/*
    border-radius: 50px;

    padding: 10px;

    background: #002f34;

    width: 39px;

    float: left;

    margin: 20px 10px 0px 10px;
*/
  }



  .info-afto{

    text-align: center;

    margin: 10px 0px 0px 0px;

    color: #002f34;

    font-weight: bold;

    font-size: 14px;

    transition: all 0.3s ease;

  }



    .info-afto:hover{

      color: #002f34b8;

    }

                .dv

                {

                  background: url("/home/lodingImg/unnamed2.svg")center;

                  background-size: 100%;

                }

                .fr-oform

                {

                  margin: 20px 10px;

                  font-weight: bold;

                  font-size: 14px;

                  padding: 10px;

                  border-radius: 3px;

                  background: rgb(200, 248, 246);

                }



  .dales {

    color: #002f34;

    align-items: center;

    justify-content: center;

    font-size: 16px;

    font-weight: 500;

    font-style: normal;

    line-height: 6.5;

    border: none;

    padding: 15px 40px;

    height: 48px;

    cursor: pointer;

    -webkit-box-shadow: inset 0 0 0 2px #002f34;

    -moz-box-shadow: inset 0 0 0 2px #002f34;

    -ms-box-shadow: inset 0 0 0 2px #002f34;

    -o-box-shadow: inset 0 0 0 2px #002f34;

    box-shadow: inset 0 0 0 2px #002f34;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    -o-border-radius: 4px;

    border-radius: 4px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

    -o-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

    text-decoration: none;

}



.dales:hover {

    -webkit-box-shadow: inset 0 0 0 3px rgb(0 137 187);

    -moz-box-shadow: inset 0 0 0 3px rgb(0, 137, 187);

    -ms-box-shadow: inset 0 0 0 3px rgb(0, 137, 187);

    -o-box-shadow: inset 0 0 0 3px rgb(0, 137, 187);

    box-shadow: inset 0 0 0 3px rgb(0 137 187);

    color: rgb(0, 137, 187);

}











#os {

  min-height: 450px;

    display: flex;

    flex-wrap: wrap;

    flex-grow: 1;

    background: #f7f7f7 ;

    -moz-background-size: 100%;

    -webkit-background-size: 100%;

    -o-background-size: 100%;

    background-size: 100%;

}





   .imp-promotes{margin: 0px 0px 10px 0px; width: 130px;border-radius: 5px 0px 0px 5px;}



     .prom-ote{

    height: 47px;

    margin: 20px 0px;

    border-bottom: 10px solid #f7f7f7;

    padding: 0% 7%;

  }



  .prom-ote_pakeg{

    font-weight: 600;

    color: #002f34;

    padding: 6px 10px;

  }



  .t2

{

    float: left;

    font-weight: 100;

    color: #a7a7a7;  

    margin: 0px 10px 0px 0px;

}



    .pay_dis_submit_clik

    {

    padding: 5px 10px;

    font-weight: 900;

    background: #002f34;

    cursor: pointer;

    color: #fff;

    border: 4px solid #002f34;

    transition: all 0.3s ease;

    }



    .pay_dis_submit_clik:hover

    {

    padding: 5px 10px;   

    font-weight: 900;

    background: #00000000;

    cursor: pointer;

    color: #000;

    border: 4px solid #000;

    cursor: pointer;

    transition: all 0.3s ease;

    }


    /*кнопка позвонить и скопировать в буфер обмена*/

 .textBuf {
  animation: text 1s ease-in-out 1 forwards;
  display: none;
}

@keyframes text {
  0% {
    opacity: 0;
    transform: translateY(-5vh);

  }
  100% {
    opacity: 1;
    transform: translateY(0vh);
  }
}   

    /*Конец - кнопка позвонить и скопировать в буфер обмена*/


.loading {

  background: #c8c6c60d url('/home/img/gif/onla/OnlaLooding1.gif') center center no-repeat;
  background-size: 25px;


}



   .bl_inf_deactive{
        background: #fffffff0;
        position: fixed;
        z-index: 2;
        width: 100%;
        height: 100%;
    }

 .bl_menu_deactive {
    margin: 0px 2% 0px 2%;
}   

.bl_menu_centr{
    margin: 120px 0px 110px 0px;
    
}

.bl_menu_img{
    padding: 60px 0px 150px 0px;
}

.bl_menu_text{
padding: 40px 0px 0px 0px;
font-size: 20px;
font-weight: bold;
color: #002f34;
margin: -150px 0px 0px 0px;
}