body{

    overflow-x:hidden;

    margin: auto;

     /*width: 1366px;1366*/

    height: 100%;

}



body, button, 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 {

    /*text-align: center; */

    font-size: 100%;

    line-height: 18px;

}



html, body, div, span, h1, h2, h3, h4, h5, p, img, ul, li, form {

    /*margin: 0;*/

    padding: 0;

    border: 0;

    font-size: 100%;

    font: caption; 

}



h4, h5 {

    display: block;

    margin-block-start: 0em;

    margin-block-end: 0em;

    margin-inline-start: 0px;

    margin-inline-end: 0px;

    font-weight: bold;

}





html {

    color: -internal-root-color;

}







    /* для элемента input c type="checkbox" */



    /* для элемента label, связанного с .custom-checkbox */



    /* создание в label псевдоэлемента before со следующими стилями */



    /* стили при наведении курсора на checkbox */

    .custom-checkbox:not(:disabled):not(:checked)+label:hover::before {

      border-color: #002f34b0;



    }



    /* стили для активного чекбокса (при нажатии на него) */

    .custom-checkbox:not(:disabled):active+label::before {

      background-color: #002f34b0;

      border-color: #002f34b0;

    }





    /* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */

    .custom-checkbox:focus:not(:checked)+label::before {

      border-color: #002f34;

    }



    /* стили для чекбокса, находящегося в состоянии checked */



    /* стили для чекбокса, находящегося в состоянии disabled */











.index-img

{

    background-size: cover;

    background-image: none;

    align-items: center;

    justify-content: center;

    width: 100%;

    text-align: center;

    color: #002f34de;

    height: 100%;

    object-fit: cover;

    max-width: none;

    max-height: none;

}















.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;

}



.home_mans

{

    background: #f7f7f7;

    height: 340px;





}



.direct

{
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 .01%, #000 90%, transparent);
    margin: 20px 15% 40px 15%;

    padding: 30px 0px 0px 0px;

    height: 75px;

    text-align: left;

    width: 1029px;

    font-size: 12px;

    margin-right: auto;

    margin-left: auto;

    padding-right: 24px;

    padding-left: 24px;

}



.direct_rub

{

    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;

}









.direct_seach

{

    margin: 0px 15% 0px 15%;

    padding: 160px 0px 30px 0px;

    height: 75px;

    text-align: left;

    width: 1029px;

    font-size: 12px;

    margin-right: auto;

    margin-left: auto;

    padding-right: 24px;

    padding-left: 24px;

}

























.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;

}

.top_menu

{

    margin: 0px 15% 5% 15%;

    text-align: left;

    width: 1029px;

    font-size: 12px;

    margin-right: auto;

    margin-left: auto;

    padding-right: 24px;

    padding-left: 24px;

}

.brbott-5 {

    /*margin: 0px 15%  0px 15%;*/

    border-bottom: 1px solid #e3e3e3;

}



.brbott-4 {



    border-bottom: 1px solid #e1e1e1;

}



h2 {

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

    font-size: 20px;

    color: #5b5b5b;

    line-height: 24px;

    /*text-transform: uppercase;*/

    font-weight: 400;

}

.blok_vip_obj_dal

{

    height: 100px;

}



.more-list{
    height: 100px;
    font-family: 'Roboto', sans-serif; 
    margin: 20px 0px 40px 0px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}


.flooter_text

{

    text-decoration: none;

    font-size: 11px;

    font-weight: 700;

    font-family: monospace;

    color: #5b5b5b;

}



.sclater

{

    max-width: 120px;

    margin: 40px 25px 10px 25px;

}

/*Блок*/

/*Блок*/



.dales

{

    color: #002f34;

    align-items: center;

    justify-content: center;

    font-size: 16px;

    font-weight: bold;

    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;   





}



.dales:hover

{

    -webkit-box-shadow: inset 0 0 0 3px #035b65;

    -moz-box-shadow: inset 0 0 0 3px #035b65;

    -ms-box-shadow: inset 0 0 0 3px #035b65;

    -o-box-shadow: inset 0 0 0 3px #035b65;

    box-shadow: inset 0 0 0 3px #035b65;



    color: #035b65;

}



.flooter

{

    width: 100%;

    height: 350px;

}



.lob

{

    width: 180px;

    float: left;

    margin: 0px 60px 0px 0px;

}



.flooter_text1

{

    line-height: 1.5;

    font-size: 11px;

    font-weight: 700;

    /*font-family: monospace;*/

    color: #5b5b5b;

    margin: 40px 0px 0px 0px;

}

.flooter_text2

{

    line-height: 1.5;

    font-size: 11px;

    font-weight: 700;

    /*font-family: monospace;*/

    color: #5b5b5b;

    margin: 10px 0px 0px 0px;

}

.flo_text1

{ 

    font-size: 14px !important;

    color: #002f34;

    text-decoration: none;

}



.flo_text1:hover

{ 

    color: #035b65;

}

.seht

{

    background: #ffffff;

    width: 100%;

    height: 70px;

    line-height: 4.5;

    border-radius: 3px;

}



.seht2_input {



    width: 400px;

    height: 19px;

    font-size: 15px;

    margin: 17px 10px 0px 10px;

    background: #fff;

    color: #000;/*#8c8b8b*/

    border: none;

    line-height: 4.5;

    border-radius: 5px;

    padding: 9px 12px 9px 7px;

    float: left;

}

.imag-1

{

    max-width: 35px;

    min-width: 35px;

    max-height: 35px;

    min-height: 35px;

    float: left;

    margin: 15px 0px 0px 25px;

}



.submit_seht

{

    cursor: pointer;

    font-size: 14px;

    height: 45px;

    margin: 13px 20px 0px 10px;

    background: #002f34;

    text-align: center;

    color: #fff;

    font-weight: bold;

    border-radius: 3px;

    padding: 7px 40px 7px 40px;

    float: right;

    border: 1px solid #002f34;

}



.submit_seht:hover

{

    background: #035b65;

    color: #fff;

}



.logo

{

    margin: 2px 0px 0px 20px;

    width: 120px;

    height: 77px;

    float: left;

}



.imm

{

    float: right;

    font-size: 13px;

    font-weight: 600;

    background: #fff;

    border-radius: 50px;

    padding: 3px 7px;

    color: #2769ff;

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

    font-family: 'Roboto';

    font-stretch: normal;





}



.imm2

{

    float: right;

    font-size: 13px;

    font-weight: 600;

    background: #F6F6F6;

    border-radius: 50px;

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

    padding: 3px 7px;

    color: #2769ff;

    font-family: 'Roboto';

    font-stretch: normal;



}



/*MENU*/

/* mark with differing style */

.mark {

    font-size: 15px;

    font-weight: 600;

    font-family: sans-serif;

    /*font-size: 20px;*/

    background: #002f34;

    border: 2px solid #002f34;

    padding: 10px;

    transition: all 0.3s ease;

}



.mark:hover {

    font-weight: 600;

    /*font-size: 20px;*/

    background: #002f34;

    color: #fff;

    border: 2px solid #002f34;

    transition: all 0.3s ease;

}

/* nav */

.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;

   /* border-radius: 5px;*/

}

.dis

{

    background: #002f34;

    padding: 0px;

    color: #fff;

}



.dis:hover

{

    background: #f59d00d1;

    color: #ffffff;

    /*background: #f7f7f7;

    color: #2b6c84;*/

    padding: 0px;

}



.dis2

{

    /*background: #002f34;*/

    padding: 0px;

    color: #002f34;

}



.dis2:hover

{

    background: #535353;

    /*background: #f7f7f7;*/

    color: #fff;

    padding: 0px;

}



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

.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: 2px;

}

/* 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: 2px 2px 0 0;

}

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

    border-radius: 0 0 5px 5px;

}

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

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

.sub-nav a {

    font-size: 90%;

    transition: background ease .3s;

}

.sub-nav a:hover {

    background: #002f34;

    color: #fff;

}



/*MENU*/

/*.example-1 .label i,.example-1 .label .title

{

    float: left;

    color:grey;

    transition:200ms color;

}*/



/*слайд*/



/*слайд*/



.clac

{

    

    padding: 5px 0px 4px 13px;

    color: #525252;

}





/*******************************************

******************* LESSON ***************

*******************************************/


::-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;}



@media screen and (min-width: 240px) {
::-webkit-scrollbar { width: 5px; height: 5px;}

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

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

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

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

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

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


@media screen and (min-width: 992px) {
::-webkit-scrollbar { width: 5px; height: 5px;}

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

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

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

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

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

::-webkit-resizer { background-color: #9990;}
}
@media screen and  (min-width: 1200px) {
::-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;}
}




 /* #ui-id-1{

    max-height: 500px;

    overflow-x: hidden;

    border-radius: 0px 0px 3px 3px;

  }*/

/*input[type=text]:focus{box-shadow:  1px 1px 2px 0 #2b98c9;}*/



 .bitcord

 {

    height: 189px;

    text-align: left;

    width: 1238px;

    font-size: 12px;

    margin-right: auto;

    margin-left: auto;

    padding-right: 24px;

    padding-left: 24px;

 }



 .opor

 {

    width: 10%;

    float: left;

    text-align: center;

    cursor: pointer;

    margin: 0px 2px;

 }



 .oporimg

 {

    /*border: 1px solid #002f34; */

    border-radius: 50%;

    padding: 0px 0px;

    margin: 0px 12px 10px 12px;

 }



 .oprocolor-1{
    background: rgb(255, 206, 50);   
 }
 .oprocolor-2{
    background: rgb(58, 119, 255);  
 }
 .oprocolor-3{
    background: rgb(35, 229, 219);     
 }
 .oprocolor-4{
    background: rgb(255, 86, 54);   
 }
 .oprocolor-5{
    background: rgb(255, 246, 217);    
 }
 .oprocolor-6{
    background: rgb(255, 246, 217);   
 }
 .oprocolor-7{
    background: rgb(206, 221, 255);   
 }
 .oprocolor-8{
    background: rgb(200, 248, 246);   
 }

 .oprocolor-9{
    background: rgb(255, 214, 201);  
 }
 .oprocolor-10{
    background: rgb(206, 221, 255);   
 }
 .oprocolor-11{
    background: rgb(200, 248, 246);   
 }
 .oprocolor-12{
    background: rgb(255, 214, 201);   
 }
 .oprocolor-13{
    background: rgb(255, 246, 217);   
 }



 .oprocolor

 {

    background: rgb(255, 206, 50);   

 }



 .oprocolor1

 {

    background: rgb(58, 119, 255);   

 }



 .oprocolor2

 {

    background: rgb(35, 229, 219);   

 }



 .oprocolor3

 {

    background: rgb(255, 86, 54);   

 }



 .oprocolor4

 {

    background: rgb(255, 246, 217);   

 }



 .oprocolor5

 {

    background: rgb(206, 221, 255);   

 }



 .oprocolor6

 {

    background: rgb(200, 248, 246);   

 }



 .oprocolor7

 {

    background: rgb(255, 214, 201);   

 }





 .oprocolor8

 {

    background: rgb(206, 221, 255);   

 }



 .oprocolor10

 {

    background: rgb(200, 248, 246);   

 }





 .oprocolor11

 {

    background: rgb(255, 214, 201);   

 }





 .oprocolor12

 {

    background: rgb(255, 246, 217);   

 }



 .oportext_rub{
    color: #002f34;
    font-weight: bold;
    font-size: 14px;
 }

 .oportext_rub:hover{
    color: #004e56;
 }

 .oportext

 {

    color: #002f34;

    padding: 10px 0px;

    /*font-weight: bold;*/

    font-size: 14px;



 }



  .oportext:hover

 {

    color: #004e56;

 }



 .imgoper

 {

    width: 50px;

    height: 60px;

    margin: 3px 0px 0px 0px;

 }



 .alloper

 {

    background: #ffffff;

    height: auto;

 }





      .opor:hover .oportext {

    color: #2b6c84;

}

  .blok_searchmenu

  {

    width: 100%;

    height: auto;

    padding: 20px 20px;

    border-radius: 5px;

    border: 1px solid #00000017;

    float: left;

    margin: 30px 0px;

    display: none;

    background: #fff;

  }



  .alloper25 {

    background: #f7f7f7;

    padding: 20px 0px;

  }



  .linerubrik

  {

    border-top: 1px solid #00000017;

    margin: 20px 0px;

    width: 100%;

  }



.activrubrik{
    color: #002f34;
    width: 335px;
    float: left;
    padding: 10px 20px;
    cursor: pointer;
    /*font-weight: bold;*/
    border: none;
    background: none;
}



.activrubrik:hover{background: #eaeaea;}





.activrubrik:active

{

  border: none;

}



.activrubrik2:active

{

  border: none;

}



.activrubrik2

{

    color: #002f34;

    border: none;

    padding: 10px 5px 0px 20px;

    cursor: pointer;

    font-weight: bold;
background: none;


}



.activrubrik2:hover

{

  color: #2b6c84;

  font-size: 13px;

}



 #c1,#c2,#c3,#c4,#c5,#c6,#c7,#c8,#c9,#c10,#c11,#c12,#c13{
    display: none;
    background: #f7f7f700;
    box-shadow: 0 0 10px #afafaf59;
    border: none;
    padding: 10px;
 }



:focus

{

  outline: 0;

}



input{
  vertical-align: middle;
}


.example-1r .label:hover i{color:#000}





  .styleblokbootom

{

  background: #f7f7f7;

  width: 100%;

  height: 380px;

}



.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

{

    width: auto;

    display: flex;

    padding: 42px 0px;

    font-weight: bold;

    font-size: 14px;

    color: #002f34;

}

    
/*
.textCookes-act{
    font-weight: bold;
    font-size: 14px;
    color: #002f34;
}
*/


.imgCookes{

    float: left;

    margin: -20px 30px;

    transform: rotate(15deg);

}





.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;
}



.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;

}



  .index-blok-img

{

  margin: 0px 0px 10px 0px;

  height: 190px;

  line-height: 190px;

  width: 100%;

  overflow: hidden;

  position: relative;

  display: flex;align-items: center;

  justify-content: center;

  flex-wrap: wrap;

  flex-grow: 1;

  background: #f7f7f7;

  background-size: 100%;

}







/*-------------------------------

 IMAGES

********************************/



.direct_seach-all{width: 1130px;}

.top_menu_all{width: 1130px;}

#myDropdown{width: 550px;}

#myInput{width: 520px;}



.line-search{

    border-left: 1px solid #0000001c;

    float: right;

    height: 70px;

    margin: 0px 10px;

}



.img-cart{

    margin: 25px 5px;

    float: right;

}



.test-rubric-in{

    text-align: center;

    margin: 60px 0px 0px 0px;

    font-size: 28px;

    border-bottom: none;

    line-height: 0;

    color:#002f34;

}



.rubric-full{

    height: 160px;

}



.test-rubric-in-vip{

    text-align: center; 

    margin: 40px 0px 40px 0px; 

    font-size: 28px; 

    color:#002f34;

}



.obj-onla{

    float: left;

    width: auto;

}



































  img {

  opacity: 1;

}



img[data-src] {

  opacity: 0;

}



/*-------------------------------

 IMAGES

********************************/



.loading {

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


}