nav .menu {
     margin-bottom: 90px;
     text-align: center;
}
 nav .menu ul {
     list-style-type: none;
     display: inline-block;
}
.fas{
        line-height: unset;
}
.krug-palitra{
      border: solid 1px #ddd;
    font-size: 33px;
    border-radius: 48%;
    padding: 0px;
    width: 9%;
    text-align: center;
    position: relative;
    top: -1px;
    display: inline-block;
}
.text-cennik{
    display: inline-block; font-size: 20px; color: #777; font-weight: bold;
}
.gradient-icon {
  background: -webkit-gradient(linear, left top, left bottom, from(#c50606), to(#d5ef01));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: initial;
}
 nav .menu ul li {
     float: left;
     width: 200px;
     height: 100px;
     border-left: 1px solid;
     border-color: #e3e3e3;
     background-color: #fff;
     -moz-transition: background-color 0.2s linear 0s;
     -ms-transition: background-color 0.2s linear 0s;
     -o-transition: background-color 0.2s linear 0s;
     -webkit-transition: background-color 0.2s linear 0s;
     transition: background-color 0.2s linear 0s;
}
 nav .menu ul li:last-child {
     border-right: 1px solid #e3e3e3;
}
 div.wrapper2 {
     width:100%;
     display: flex;
}
 div.left_block12 {
     float:left;
     width:48%;
}
 div.left_block2 {
     float:left;
     width:10%;
     margin-left: 45px;
}
 div.right_block12 {
     float:right;
     width:48%;
}
 div.right_block2 {
     float:right;
     width:80%;
}
 .green_btn{
        display: inline-block;
        width: 30%;
        border: solid 1px #339933;
        padding: 20px 10px 20px 10px;
        text-align: center;
        color: #339933;
        font-weight: bold;
        margin: 5px;
}
 .green_btn:hover{
        color: #fff !important;
        text-decoration: none;
        background: #339933;
        cursor: pointer;

}
 .green_btn_active{
        display: inline-block;
        width: 30%;
        border: solid 1px #339933;
        padding: 20px 10px 20px 10px;
        text-align: center;
        color: #fff !important;
        font-weight: bold;
        margin: 5px;
        text-decoration: none;
        background: #339933;
        cursor: pointer;

}

  .tip-click {
        position: relative;
        z-index: 100;
        display: block;
        width: 22%;
        text-align: center;
        cursor: pointer;

}

   .tip {
        width: 90%;
        background: #fff;
        border-radius: 5px;
        padding: 30px 20px 20px;
        top: 0;
        left: 0;
        display: none;
        box-shadow: 0 0 10px rgba(0,0,0,0.5);
        color: #444;
        font-size: 12px;
        font-weight: bold;
}

.support:focus .tip {
        display: block;
}

.support:focus .tip-click{

                         }
 .mbox2 {
     padding: 60px;
}
 .itext5 span {
      font-size: 20px;
}
 .butshf {
     width: 100%;
     text-align: center;
     vertical-align: top;
     margin: 0px;
     padding: 0px;
}
 nav .menu ul li a {
     display: table;
     width: 100%;
     height: 100%;
     position: relative;
     text-align: center;
}
 nav .menu a i {
     display: table-cell;
     vertical-align: middle;
     color: #a3a7ad;
     font-size: 23px;
     -moz-transition: all 0.2s linear 0s;
     -ms-transition: all 0.2s linear 0s;
     -o-transition: all 0.2s linear 0s;
     -webkit-transition: all 0.2s linear 0s;
     transition: all 0.2s linear 0s;
}
 nav .menu a i:before {
     border: 2px solid;
     border-color: #a3a7ad;
     border-radius: 500px;
     width: 41px;
     display: inline-block;
     height: 41px;
     line-height: 37px;
     -moz-transition: color 0.2s linear 0s, font-size 0.2s linear 0s, border-color 0.2s linear 0.2s, height 0.2s linear 0s, width 0.2s linear 0s, line-height 0.2s linear 0s;
     -ms-transition: color 0.2s linear 0s, font-size 0.2s linear 0s, border-color 0.2s linear 0.2s, height 0.2s linear 0s, width 0.2s linear 0s, line-height 0.2s linear 0s;
     -o-transition: color 0.2s linear 0s, font-size 0.2s linear 0s, border-color 0.2s linear 0.2s, height 0.2s linear 0s, width 0.2s linear 0s, line-height 0.2s linear 0s;
     -webkit-transition: color 0.2s linear 0s, font-size 0.2s linear 0s, border-color 0.2s linear 0.2s, height 0.2s linear 0s, width 0.2s linear 0s, line-height 0.2s linear 0s;
     transition: color 0.2s linear 0s, font-size 0.2s linear 0s, border-color 0.2s linear 0.2s, height 0.2s linear 0s, width 0.2s linear 0s, line-height 0.2s linear 0s;
}
 nav .menu a .link-text {
     position: absolute;
     bottom: 0px;
     right: 19px;
     left: 28px;
     color: #565a60;
     font-size: 14px;
     text-transform: uppercase;
     -moz-transition: all 0.2s linear 0s;
     -ms-transition: all 0.2s linear 0s;
     -o-transition: all 0.2s linear 0s;
     -webkit-transition: all 0.2s linear 0s;
     transition: all 0.2s linear 0s;
}
nav .menu ul li:hover {
     background-color: #e4f1e1;
     border-color: #e4f1e1;
}
 nav .menu ul li:hover + li {
     border-color: #e4f1e1;
}
 nav .menu ul li:hover + li:last-child {
     border-right-color: #e3e3e3;
}
 nav .menu ul li:hover .link-text {
     opacity: 0;
}
 nav .menu ul li:hover i {
     color: #fff;
     font-size: 43px;
}
 nav .menu ul li:hover i:before {
     border-color: transparent;
     border-radius: 500px;
     width: 66px;
     height: 66px;
     line-height: 60px;
     -moz-transition: color 0.2s linear 0s, font-size 0.2s linear 0s, border-color 0s linear 0.2s, height 0.2s linear 0s, width 0.2s linear 0s, line-height 0.2s linear 0s;
     -ms-transition: color 0.2s linear 0s, font-size 0.2s linear 0s, border-color 0s linear 0.2s, height 0.2s linear 0s, width 0.2s linear 0s, line-height 0.2s linear 0s;
     -o-transition: color 0.2s linear 0s, font-size 0.2s linear 0s, border-color 0s linear 0.2s, height 0.2s linear 0s, width 0.2s linear 0s, line-height 0.2s linear 0s;
     -webkit-transition: color 0.2s linear 0s, font-size 0.2s linear 0s, border-color 0s linear 0.2s, height 0.2s linear 0s, width 0.2s linear 0s, line-height 0.2s linear 0s;
     transition: color 0.2s linear 0s, font-size 0.2s linear 0s, border-color 0.2s linear 0s, height 0.2s linear 0s, width 0.2s linear 0s, line-height 0.2s linear 0s;
}
 .knopochki {
     text-transform: uppercase;
     color: #333;
     font-size: 12px;
     font-weight: bold;
}
 .cennik {
    display: inline-block;
     border: solid 1px #666;
     width: 50%;
     padding: 5px;
     text-align: center;
}
 .iknopkaa {
     display: inline-block;
     border: solid 1px #d8d8d8;
     background-color: #ffffff;
     background-position: 100% 6%;
     background-origin: content-box;
     text-align: center;
     border-radius: 4px;
     cursor: pointer;
     height: auto;
     width: 100%;
     padding: 15px;
     padding-left: 23px;
     padding-right: 23px;
     color: #000;
}
/*  .left_block12{
     display: inline-block;
}
  .right_block12{
     display: inline-block;
}*/
  .right_block2{
     display: inline-block;
}
  .left_block2{
     display: inline-block;
}
 .iknopkaa:hover {
     border: solid 1px #777;
     color: #000;
}

.iknopka{
     display: inline-block;
     width: 32%;
    /*195*/
     vertical-align: top;
     height:160px;
     box-shadow: 0 0 10px rgba(0,0,0,0.4);
     background-color: #ccc;
     background-position: 100% 6%;
     background-origin: content-box;
     padding-right: 6px;
     padding-left: 15px;
     text-align: left;
     border-radius: 4px;
     margin-bottom: 10px;
     margin-right: 8px;
     padding-top: 15px;
     margin-top: 15px;
}
 .iknopka:hover {
     opacity: 1;
     box-shadow: 0 0 10px rgba(0,0,0,1);
     cursor: pointer;
}
 .iknopka_action {
     padding: 10px 0px 5px 0px;
}
 .iknopka_action:hover {
     border: solid 2px #339933;
     opacity: 1;
     box-shadow: 0 0 10px rgba(0,0,0,1);
     cursor: pointer;
}

 .active_but {
     font-weight: bold;
     border: solid 2px #393;
     display: inline-block;
     width: 250px;
    /*195*/
     height:124px;
     color: #555;
     background-color: #ffffff;
     background-position: 100% 6%;
     background-origin: content-box;
     text-align: center;
     border-radius: 4px;
     cursor: pointer;
     height: auto;
     width: 100%;
     padding: 15px;
     padding-left: 23px;
     padding-right: 23px;
}
 .active_but:hover{
     color: #555;
}

 .iopisanie_right{
    vertical-align: middle;
    display: inline-block;
    width: 70%;
    font-size: 16px;
    font-weight: bold;
}


 .dopmenu {
     display: inline-block;
     position: relative;
     height: 100%;
     width: 100%;
     padding-top: 60px;
    /* padding-bottom: 40px;
     */
     font-size: 16px;
}
 .dopmenu .column {
     display: block;
     float: left;
     width: 49%;
     margin-right: 2px;
}
 .dopmenu .column .col-item {
     height: 60px;
     height: 100%;
     width: 100%;
     margin-bottom: 2px;
     background-color: #663333;
     text-align: center;
     line-height: 60px;
     color: #fff;
     cursor: pointer;
}
 .dopmenu .column .col-item:hover {
     background-color: #993333;
     color: #fff;
}
 .dopmenu .column .col-item.active {
     background-color: #993333;
     color: #fff;
}
 .mColumn_3 {
     width: 48%;
}
 .mColumn {
     margin: 0 1%;
}
 .a-column {
     float: left;
     min-height: 1px;
     overflow: visible;
}
 .content {
     padding-top: 0px !important;
     padding-bottom: 0px;
}
 .content > div:nth-child(1)> .col-sm-12 {
     padding: 0px;
}

 .parent-bl {
     height: 100%;
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
}
 .mColumn2l {
     width: 49%;
     float: left;
}
 .mColumn2r {
     width: 49%;
     float: right;
}
 .mColumn2l1 {
     width: 40%;
     float: left;
}
 .mColumn2r1 {
     width: 59%;
     float: right;
}
 .mbox{
     display: table-cell;
     width: 90%;
     margin: auto;
     vertical-align: top;
     padding: 60px;
     box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
 .mbox2{
     display: inline-block;
     width: 100%;
     vertical-align: top;
}


 .inner {
     font-family: 'ProximaNova-Regular';
     font-weight: 400;
}

 .avt_button{
     width: 100%;
     border: 1px solid #8fbc8f;
     border-radius: 5px;
     text-align: center;
     padding: 5px;
     color: #393;
     cursor: pointer;
     background: #e4f1e1;
}
 .avt_button:hover{
     width: 100%;
     border: 1px solid #393;
     border-radius: 5px;
     text-align: center;
     padding: 5px;
     color: #fff;
     cursor: pointer;
     background: #393;
}
 .avt_button3{
     width: 40%;
     border: 1px solid #393;
     text-align: center;
     padding: 10px 15px;
     color: #393;
     cursor: pointer;
     background: #fff;
     display: inline-block;
     font-size: 18px;
}
 .avt_button3:hover{
     border: 1px solid #393;
     background: #393;
     color: #fff;
}
 .avt_button3_active{
     width: 40%;
     border: 1px solid #393;
     text-align: center;
     padding: 10px 15px;
     color: #fff;
     cursor: pointer;
     background: #393;
     display: inline-block;
     font-size: 18px;
}


 .avt_main_text {
     width: 85%;
}

 .avt_tooltip {
     font-size: 0.9rem;
     color: #999;
     font-weight: 600;
     text-align: center;
}

 .avt_table {
     border-collapse: collapse;
     padding-left: 15px;
}
 .avt_table_header {
     background: #626262;
     color: #cf9;
     text-align: center;
     padding: 5px;
}

 .avt_table_data {
     border-bottom: 1px solid #e8e8e8;
     padding: 5px;
     vertical-align: top;
}

 .avt_table_w_40 {
     width: 40%;
}
 .avt_table_w_20 {
     width: 20%;
}
 .avt_table_w_50 {
     width: 50%;
}
 .avt_table_w_60 {
     width: 60%;
}
 .avt_table_w_10 {
     width: 10%;
}
/* BL-1 */
 .bl-1 {
     display: flex;
     margin-top: 0px;
     margin-left: -1%;
     top: 25%;
     position: relative;
}
 .bl-1 h1 {
     font-size: 3rem;
     line-height: 1.1;
     color: #fff;
     font-family: 'ProximaNova-Regular';
}
 .col-item_i2{
    text-align: center;
     width: 19%;
}
 .col-item_i21{
    text-align: center;
}
 .bl-2 {
     display: flex;
     align-items:center;
     margin-left: 2%;
}
 .bl-2 p a {
     color: #fff;
     font-size: 20px;
     line-height: 2;
}
 .avt_bl-2_tmp {
     color: #fff;
     font-size: 20px;
     line-height: 2;
}
/* BL-3 */
 .bl-3 {
     height: 25%;
     display: flex;
     justify-content:space-between;
     align-items:center;
}
 .bl-3 span {
    /*color: #fff;
    */
     font-size: 18px;
    /* border-bottom: 1px #fff dashed;
    */
     cursor: pointer;
     text-decoration: none;
}
 .bl-3 span.active {
}
 .bl-3 span:hover {
}
/* BL-3 */
 .bl-34 {
     height: 25%;
     display: flex;
     justify-content:flex-start;
     align-items:center;
}
 .bl-34 span {
     font-size: 18px;
     cursor: pointer;
     text-decoration: none;
}
 .bl-34 span.active {
}
 .bl-34 span:hover {
}
/* BL-4 */
 .bl-4 {
     height: 13%;
     display: flex;
     justify-content:space-between;
     align-items:center;
}
 .bl-4 span {
     color: #fff;
     font-size: 18px;
     border-bottom: 1px #fff dashed;
     cursor: pointer;
}
 .bl-4 span.active {
     color: #fff;
     border-bottom: 2px #fff solid;
}
 .bl-4 span:hover {
     color: #fff;
     border-bottom: 2px #fff solid;
}
 .bl-4 span:last-child {
     border: 2px solid #fff;
     border-radius: 8px;
     padding: 5px 10px;
     display: inline-block;
}

/* IMG-BLOCK */
 .img-block {
     text-align: center;
     width: 100%;
}
 .grey_btn{
     display: inline-block;
     border: solid 1px #999;
     padding: 5px 5px 5px 5px;
     margin-bottom: 10px;
     text-align: center;
     color: #666;
     cursor: pointer;
     font-size: 15px;
     width: 220px;
}
 .grey_btn:hover{
     color: #fff;
     text-decoration: none;
     background: #999;
     cursor: pointer;
}
 .grey_btn_active{
     display: inline-block;
     border: solid 1px #339933;
     padding: 5px 5px 5px 5px;
     text-align: center;
     color: #fff;
     margin-bottom: 10px;
     text-decoration: none;
     background: #339933;
     cursor: pointer;
     font-size: 15px;
     width: 220px;
}

 hr{
    margin-top: 10px;
     margin-bottom: 10px;
}

/* ФОТО В КРУЖКАХ */
 .circle {
     width:175px;
     height: 175px;
     overflow: hidden;
     background: #fff;
     padding: 0px;
     border-radius: 50%;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
     cursor: pointer;
     display: inline-block;
     position: relative;
     top: -38px;
     border: solid 5px #fff;
}
 .circle img {
     display: block;
     width:100%;
     border-radius: 50%;
     -moz-border-radius: 50%;
     -webkit-border-radius: 50%;
}

 .avt_txt {
     color: #fff;
     font-size: 16px;
     text-align: center;
     padding-top:40%;
     position: absolute;
     left: 7px;
     top: 7px;
     width: calc(100% - 14px);
     height: calc(100% - 14px);
}
 .avt_block {
     padding: 7px;
     position: relative;
}

 .visdectop {
     display: inline-block;
}
 .vismob {
     display: none;
}

 .avt_btn_fil__deact:after {
     background-color: #339933;
     display: block;
     content: "";
     height: 2px;
     left: 50%;
     position: relative;
     width: 0;
     -webkit-transition: width .3s ease-in-out;
     -moz--transition: width .3s ease-in-out;
     transition: width .3s ease-in-out;
     -moz-transform:translateX(-50%);
     transform:translateX(-50%);
}
 .avt_btn_fil__deact:hover:after, .avt_btn_fil__deact:focus:after {
     width: 100%;
}
 .active_b {
     color: #393;
}
 .active_b:after {
     background-color: #339933;
     display: block;
     content: "";
     height: 2px;
     width: 100%;
}
 .avt_btn_fil__deact:hover {
     color: #339933;
}
 .right_block1234 {
     width: 88%;
     color: #777;
     font-size: 13px;
}
 .avt_table_data {
     padding-left: 15px;
}
 .col-item_i2{
     width: 19%;
}
 .dash {
     border-bottom: 1px dotted #999;
}
 .avt_button_act12{
     width: 40%;
     border: 1px solid #393;
     text-align: center;
     padding: 10px 15px;
     color: #fff;
     cursor: pointer;
     background: #393;
     display: inline-block;
     font-size: 18px;
}
 .avt_button_act12:hover{
     border: 1px solid #393;
     background: #3b3;
     color: #fff;
}
 .avt_button_act13{
     width: 30%;
     border: 1px solid #393;
     text-align: center;
     padding: 10px 15px;
     color: #393;
     cursor: pointer;
     background: #fff;
     display: inline-block;
     font-size: 18px;
}
 .avt_button_act13:hover{
     border: 1px solid #393;
     background: #fff;
     color: #393;
}
 .t1{
    font-size: 15px;
}

 .dop_add{
     margin: 5px auto;
}

/* для работы вкладок - начало css */

 h3::after{
    display: none;
}
 h3{
    border-bottom: none;
}

 .cols1>.col1{
    width: 100%;
}
/* для работы вкладок - конец css */
/* a:not([href]):not([tabindex]) {
     color: inherit;
     text-decoration: none;
}*/

.avt_col_33{
     display: inline-block;
     width: 32%;
     vertical-align: top;
     padding: 5px;
}
 .avt_col_33-2{
     display: inline-block;
     width: 30%;
     margin: auto 20px;
     vertical-align: top;
     padding: 10px;
}
 .avt_col_15{
     display: inline-block;
     width: 15%;
     vertical-align: top;
     padding: 5px;
}
 .avt_col_85{
     display: inline-block;
     width: 85%;
     vertical-align: top;
     padding: 5px;
}
 .avt_col_70{
     display: inline-block;
     width: 70%;
     vertical-align: top;
     padding: 5px;
}
 .avt_col_23{
     display: inline-block;
     width: 22%;
     vertical-align: top;
     padding: 5px;
}
 .avt_col_60{
     display: inline-block;
     width: 60%;
     padding-left: 20px;
     vertical-align: top;
}
 .avt_col_50, .avt_col_50_inline{
     display: inline-block;
     width: 50%;
     vertical-align: top;
     padding: 5px;
}
 .avt_col_49, .avt_col_49_inline{
     display: inline-block;
     width: 49%;
     vertical-align: top;
     padding: 5px;
}
 .avt_col_30{
     display: inline-block;
     width: 30%;
     vertical-align: top;
     padding: 5px;
}
 .avt_col_80{
     display: inline-block;
     width: 80%;
     vertical-align: top;
     padding: 5px;
}
 .avt_col_66{
     display: inline-block;
     width: 66.66%;
     vertical-align: top;
     padding: 5px;
}
 .avt_grayBorderBlock {
     border: solid 1px #777;
     border-radius: 5px;
}
 .avt_button{
     width: 45%;
     border: 1px solid #8fbc8f;
    /*border-radius: 5px;
    */
     text-align: center;
     padding: 10px 15px;
     color: #393;
     cursor: pointer;
    /* background: #e4f1e1;
     */
     display: inline-block;
    /*font-weight: 600;
    */
     font-size: 18px;
}
 .avt_button:hover{
     border: 1px solid #393;
     background: #393;
     color: #fff;
}
 .avt_button2{
     width: 100%;
     border: 1px solid #8fbc8f;
     border-radius: 5px;
     text-align: center;
     padding: 5px 15px;
     color: #fff;
     cursor: pointer;
     background: #393;
}
 .avt_button2:hover{
     width: 100%;
     border: 1px solid #393;
     background: #373;
     color: #3d3;
}
 .avt_style_onduline {
     border-bottom-left-radius: 10px;
     background: #D73133;
     color: #fff;
     font-weight: 600;
     padding: 2px 15px;
     margin: 2px 0px;
}
 .avt_style_onduline_gray {
     border-bottom-left-radius: 10px;
     background: #777;
     color: #fff;
    /*font-weight: 600;
    */
     padding: 2px 15px;
     margin: 2px 0px;
}
 .avt_desc_btn {
     color: #777;
     font-size: 90%;
     cursor: pointer;
     font-weight: 600;
     text-align: right;
}
 .avt_desc_txt {
     color: #777;
    /*font-size: 90%;
     */
     cursor: pointer;
     margin: 7px 0px;
}
/* для управления кнопками*/
 .avt_sel_type {
     border: solid 1px #393;
    /* border-radius: 5px;
    */
     padding: 15px;
     text-align: center;
     color: #393;
     cursor: pointer;
     font-weight: 600;
    /*margin: 1px;
    */
}
 .avt_sel_type:hover {
     border: solid 1px #393;
     color: #fff !important;
     background: #393 !important;
}
 .avt_sel_type1 {
     border: solid 1px #393;
    /* border-radius: 5px;
    */
     padding: 15px;
     text-align: center;
     color: #fff;
     cursor: pointer;
     font-weight: 600;
     background-color:#393;
    /*margin: 1px;
    */
}
 .avt_sel_type1:hover {
     border: solid 1px #393;
     color: #393 !important;
     background: #fff !important;
}
 .avt_sel_type12{
     border: solid 1px #777;
     color: #777 !important;
     padding: 15px 50px;
     text-align: center;
     background: #fff;
     cursor: pointer;
     font-weight: 600;
}
 .avt_sel_type12:hover{
     color: #fff !important;
     background: #777;
}
 .avt_btn_color {
     border: solid 1px #ddd;
     border-radius: 5px;
     padding: 15px;
     cursor: pointer;
     width: 22%;
     text-align: center;
     font-size: 12px;
     font-weight: bold;
}
 .avt_btn_color:hover {
     border: solid 1px #555;
}
 .avt_btn_color_active {
     border: solid 1px #393;
}
 .avt_nav{
}
 .avt_ticket_text3{
     position: absolute;
     top: 0px;
     left: 0px;
     width: 100%;
     line-height: 1.2;
     font-size: 90%;
     margin-top: 10px;
     margin-left: 10px;
}
 .avt_ticket_text3 span{
     font-size: 100%;
     color: #fff;
     font-weight: 200;
     padding: 3px 10px;
     border: solid 1px #fff;
     border-radius: 10px;
}
 .avt_ticket_text4{
     position: absolute;
     bottom: 3px;
    /*50*/
     right: 2px;
     width: 100%;
     text-align: right;
     line-height: 1.2;
     font-size: 80%;
     margin-bottom: : 12px;
    /*margin-right: : 12px;
    */
}
 .avt_ticket_text4 div{
     font-size: 120%;
     color: #fff;
     font-weight: 200;
     padding: 3px 10px;
     margin: 10px 10px;
}
 .avt_ticket {
     position: relative;
     margin: 0px;
     padding: 0px;
}
 .avt_col_60 {
     display: inline-block;
     width: 54%;
     padding-left: 20px;
     vertical-align: top;
}
 .avt_col_66{
     display: inline-block;
     width: 66.66%;
     vertical-align: top;
     padding: 5px;
}
 .avt_col_20{
     display: inline-block;
     width: 20%;
     vertical-align: top;
     padding: 5px;
}
 .avt_col_25{
     display: inline-block;
     width: 25%;
     vertical-align: top;
     padding: 5px;
}
 .avt_col_167{
     display: inline-block;
     width: 16.66%;
     vertical-align: top;
     padding: 5px;
}
 .avt_col_head{
     margin: 10px 0px;
     font-weight: 600;
     vertical-align: middle;
    /*border-bottom: solid 1px #999;
    */
}
 .avt_col_data{
     margin: 10px 0px;
     vertical-align: middle;
}
 .avt_col_comment{
     margin: 10px 0px;
     text-align: left;
     font-size: 80%;
     vertical-align: top;
}
 .avt_point{
     cursor: pointer;
}
 .avt_M{
    /*vertical-align: middle;
    */
}
/* для управления кнопками*/
 .avt_sel_wall {
     border: solid 1px #999;
     border-radius: 5px;
     padding: 5px;
     text-align: center;
    /*margin: 1px;
    */
}
 .avt_sel_wall:hover {
     border: solid 1px #333;
}
 .avt_sel_wall_active {
     border: solid 1px #393;
    /*border-radius: 5px;
     padding: 5px;
     margin: 0px;
    */
}
/*.avt_sel_wall_active:hover {
     border: solid 2px #393;
}
*/
 .avt_sel_ins {
     border: solid 1px #999;
     border-radius: 5px;
     padding: 5px;
     text-align: center;

    /*margin: 1px;
    */
}
 .avt_sel_ins:hover {
     border: solid 1px #333;
}
 .avt_sel_ins_active {
     border: solid 1px #393;
    /*border-radius: 5px;
     padding: 5px;
     margin: 0px;
    */
}
 .avt_sel_fas {
     border: solid 1px #999;
     border-radius: 5px;
     padding: 5px;
     text-align: center;
     height: 60px;
    /*margin: 1px;
    */
     color: #630;
     font-weight: 600;
     background: #cccc99;
}
 .avt_sel_fas:hover {
     border: solid 1px #333;
}
 .avt_sel_fas_active {
     border: solid 1px #393;
    /*border-radius: 5px;
     padding: 5px;
     margin: 0px;
    */
}
/* стили содержимого кнопок */
 .avt_img_wall {
     padding: 5px;
}
 .avt_txt_wall {
     margin-top: 20px;
     height: 50px;
     font-weight: 600;
     color: #777;
     padding: 0px 5px;
}
 .avt_img_ins {
     display: inline-block;
     width: 20%;
     padding: 2px;
}
 .avt_txt_ins {
     display: inline-block;
     width: 70%;
     margin-top: 10px;
     height: 50px;
     font-weight: 600;
     color: #777;
     padding: 0px 5px;
}
 .container {
     padding-right: 15px;
     margin-right: auto;
     margin-left: auto;
}
 .color-blocks {
     width: 139px;
     display: inline-block;
     margin: 20px 20px;
     text-align: center;
}
 .color-blocks .circle {
     width: 110px;
     height: 110px;
     border-radius: 75px;
     margin: 0 auto;
}
 .color-blocks .color-name {
     width: 100%;
     text-align: center;
}
 .main-color-block {
     display: none;
     padding-top: 40px;
     padding-left: 10px;
}
 .select-seriya {
     margin-bottom: 10px;
     padding: 0 5px;
}
 .select-seriya:last-of-type {
     margin-bottom: 0;
}
 .select-seriya > div {
     cursor: pointer;
     padding: 0 10px;
     border-radius: 5px;
     transition: 0.5s;
}
 .select-seriya.active[data-id="1753"] > div:hover, .select-seriya[data-id="1753"] > div:hover {
     background-color: #F4CE6D;
}
 .select-seriya.active[data-id="1730"] > div:hover, .select-seriya[data-id="1730"] > div:hover {
     background-color: #89E1ED;
}
 .select-seriya.active[data-id="1739"] > div:hover, .select-seriya[data-id="1739"] > div:hover {
     background-color: #ebb3a6;
}
 .select-seriya.active[data-id="1767"] > div:hover, .select-seriya[data-id="1767"] > div:hover {
     background-color: #B4D487;
}
 .select-seriya.active[data-id="1777"] > div:hover, .select-seriya[data-id="1777"] > div:hover {
     background-color: #e7e5bf;
}
 .select-seriya.active[data-id="1753"] > div {
     background-color: #f3dda4;
}
 .select-seriya.active[data-id="1730"] > div {
     background-color: #d3ecf0;
}
 .select-seriya.active[data-id="1739"] > div {
     background-color: #e7d2c4;
}
 .select-seriya.active[data-id="1767"] > div {
     background-color: #e7e5bf;
}
 .select-seriya.active[data-id="1777"] > div {
     background-color: #e7e5bf;
}
 .seriya-img {
     width: auto;
     height: auto;
     box-sizing: border-box;
     background-repeat: no-repeat;
     background-position-x: center;
     background-size: contain;
     padding-top: 10px;
}
 .seriya-name {
     color: #000;
     margin: 0;
     font-weight: 600;
     padding: 2px 0 15px;
     font-size: 18px;

}
 .seriya-text-block {
     padding: 10px;
     height: auto;
     box-sizing: border-box;
}
 #temp-elements {
     display: none;
}
 .color-blocks {
     position: relative;
     cursor: pointer;
}
 .popup-container-items-color {
     position: absolute;
     background: #fff;
     border-radius: 7px;
     padding: 10px;
     bottom: 200px;
     display: table;
     box-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
     opacity: 0;
     transition: opacity 0.5s;
}
 .popup-container-items-color::before {
     content: "";
     display: block;
     border-top: 16px solid rgba(128, 128, 128, 0.5);
     border-left: 13px solid transparent;
     border-right: 13px solid transparent;
     border-bottom: none;
     position: absolute;
     bottom: -17px;
     left: 50%;
     margin-left: -13px;
}
 .popup-container-items-color::after {
     content: "";
     display: block;
     border-top: 16px solid #fff;
     border-left: 12px solid transparent;
     border-right: 12px solid transparent;
     border-bottom: none;
     position: absolute;
     bottom: -16px;
     left: 50%;
     margin-left: -12px;
}
 .popup-container-item-color {
     padding-right: 10px;
     text-align: center;
     display: table-cell;
     vertical-align: top
}
 .popup-container-item-color > div {
     padding: 10px;
     border-radius: 5px;
     transition: 0.5s;
}
 .popup-container-item-color > div:hover {
     background-color: #eee;
}
 .popup-container-item-color:last-of-type {
     padding-right: 0;
}
 .popup-container-item-color .color-link a {
     font-size: 19px;
     color: #4d4d4d;
     text-decoration: none;
}
 .popup-container-item-color .color-img {
     min-width: 200px;
     min-height: 200px;
     margin-bottom: 15px;
}
 .popup-container-item-color .color-img img {
     display: block;
}
 .color-header {
     width: 100%;
     text-align: center;
     font-size: 19px;
     font-weight: 600;
     margin-bottom:50px;
}

table.delivery {
    width: 100%;
     border: 0px;
     border-collapse: collapse;
}
 table.delivery thead {
    font-weight: bold;
}
 table.delivery td {
    padding: 0.6rem 1rem;
     border-bottom: 1px solid #e8e9eb;
}
 .vismob {
     display: none;
}

 .avt_tooltipk {
     color: #999;
     font-weight: 600;
     text-align: center;
     font-size: 1.0rem;
}
 .avt_col_40 {
     display: inline-block;
     width: 45%;
     vertical-align: top;
     padding: 5px;
     text-align: -webkit-left;
}
 .mColumn_3 {
     width: 48%;
}
 .mColumn {
     margin: 0 1%;
}

 .mDeptBox {
     background-color: #f7f7f7;
     margin-bottom: 25px;
     position: relative;
}
 .content {
     padding-top: 0px !important;
     padding-bottom: 20px;
}
 .content > div:nth-child(1)> .col-sm-12 {
     padding: 0px;
}
 .slider-nav {
     height: 360px;
    /*460*/
     width: 100%;
     background-image: url('/avt_test/content/maket/images/ceresit/main15.jpg');
     background-size: cover;
}
 .parent-bl {
     height: 100%;
     display: flex;
     flex-direction: column;
     flex-wrap: wrap;
     justify-content: center;
}
 tr.colorm:hover {
     color: #339933;
     font-weight:bold;
}
 .mColumn2l {
     width: 40%;
     float: left;
     padding-top: 25px;
}
 .mColumn2r {
     width: 60%;
     float: right;
}
 .inner {
     font-family: 'ProximaNova-Regular';
     font-weight: 400;
}

 .tttext{
     vertical-align: top;
     text-align: left;
     margin-bottom: 46px;
}
 .tttext1{
     vertical-align: top;
     text-align: left;
     margin-bottom: 46px;
}
 .tttext2{
     vertical-align: top;
     text-align: left;
     margin-bottom: 39px;
}


 .avt_main_text {
     width: 90%;
}
 .avt_main_text2 {
     width: 100%;
}

 .avt_foto_single_left1 {
     width: 15%;
     text-align: center;
     float: left;
     margin: 5px 10px 10px 0px;
}





/* BL-1 */
 .bl-1 {
     height: 30%;
     display: flex;
     align-items:center;
     margin-top: 0px;
     margin-left: 2%;
     margin-bottom: 120px;
}
 .bl-1 h1 {
     font-size: 3rem;
     line-height: 1.1;
     color: #fff;
     font-family: 'ProximaNova-Regular';
    /*font-weight: lighter;
    */
}
/* BL-2 */
 .bl-2 {
     height: 100%;
     display: flex;
     align-items:center;
     margin-left: 2%;
}
 .bl-2 p a {
     color: #fff;
     font-size: 20px;
     line-height: 2;
}
 .avt_bl-2_tmp {
     color: #fff;
     font-size: 20px;
     line-height: 2;
}
/* BL-3 */
 .bl-3 {
     height: 25%;
     display: flex;
     justify-content:space-between;
     align-items:center;
}
 .bl-3 span {
     color: #555;
     font-size: 14px;
     border-bottom: 1px #fff dashed;
     cursor: pointer;
}
 .bl-3 span.active {
    /*color: green;
     border-bottom: 1px green dashed;
    */
     color: #555;
}
 .bl-3 span:hover {
    /*color: green;
     border-bottom: 1px green dashed;
    */
     color: #555;
     border-bottom: 2px #fff solid;
}
/* BL-4 */
 .bl-4 {
     height: 13%;
     display: flex;
     justify-content:space-between;
     align-items:center;
}
 .bl-4 span {
     color: #fff;
     font-size: 18px;
     border-bottom: 1px #fff dashed;
     cursor: pointer;
}
 .bl-4 span.active {
    /*color: green;
     border-bottom: 1px green dashed;
    */
     color: #fff;
     border-bottom: 2px #fff solid;
}
 .bl-4 span:hover {
    /*color: green;
     border-bottom: 1px green dashed;
    */
     color: #fff;
     border-bottom: 2px #fff solid;
}
 .bl-4 span:last-child {
     border: 2px solid #fff;
     border-radius: 8px;
     padding: 5px 10px;
     display: inline-block;
}
/* IMG-BLOCK */
 .img-block {
     text-align: center;
     border-bottom: 1px solid green;
     width: 100%;
}
 .iknopka{
     display: inline-block;
     width: 250px;
    /*195*/
     height:124px;
     border: solid 2px #999999;
    /*339933*/
     box-shadow: 0 0 10px rgba(0,0,0,0.4);
    /*background: url(/upload/raznoe/expert/table1.png) no-repeat;
     */
     background-color: #ebebeb;
     background-position: 100% 6%;
     background-origin: content-box;
     padding-right: 6px;
     padding-left: 15px;
     text-align: left;
     border-radius: 4px;
     margin-bottom: 10px;
}
 .iknopka:hover {
     opacity: 1;
     box-shadow: 0 0 10px rgba(0,0,0,1);
     cursor: pointer;
}
 .iknopka_action {
     padding: 10px 0px 5px 0px;
}
 .iknopka_action:hover {
     border: solid 2px #339933;
     opacity: 1;
     box-shadow: 0 0 10px rgba(0,0,0,1);
     cursor: pointer;
}
 .itext9{
    font-size: 18px;
    color: #333333;
     margin-top: 15px
    /*30*/
    ;
    font-weight: bold;
    /*margin-left: 15px;
    */
}
 .iopisanie_left9{
    font-size: 16px;
    color: #666666;
    margin-top: 5px
    /*25*/
    ;
    /*float: right;
    */
}




 .letter {
     color:#808080;
     font-style: italic;
     font-size: 14px;
     font-weight: bold;
}


/* MEDIA */


 @media (min-width: 770px) and (max-width: 980px)
 {
        .bl-1 h1 {
             font-size: 2.5rem;
             line-height: 1.1;
             margin-top: 10px;
        }

         .col-item_i2{
            text-align: left;
        }
         .col-item_i21{
            text-align: left;
        }

}
 @media (min-width: 770px) and (max-width: 812px)
 {      .krug-palitra{width: 8%;}
        .avt_main_text {
            width: 100%;
        }
         .avt_grid_col_50 {
            width: 49%;
        }
         .avt_grid_col_100{
            width: 99%;
        }
         .avt_grid_col_60{
            width: 59.9%;
        }
         nav .menu {
             margin-bottom: 250px;
        }
         nav .menu ul li {
             width: 120px;
             height: 120px;
        }
         .link-text{
             font-size: 11px;
        }
}
 @media (min-width: 736px) and (max-width: 769px){
.krug-palitra{width: 15%;}
.text-cennik {font-size: 15px;}


 }
 @media (min-width: 320px) and (max-width: 769px)
  {


     .visdesk {
         display: none;
     }
     .vismob {
         display: block;
     }
     table.delivery thead {
         display: none;
     }
     table.delivery tr {
         display: block;
         margin-bottom: 1rem;
         border-bottom: 2px solid #e8e9eb;
     }
     table.delivery td {
         display: block;
         text-align: right;
        /*margin-left: 10px;
        */
     }
     table.delivery td:before {
         content: attr(aria-label);
         float: left;
         font-weight: bold;
     }
     .bl-1 h1 {
         font-size: 2rem;
         line-height: 1.1;
     }
     .avt_tooltip{
        text-align: center;
     }


     .img-block img{
         width: auto;
         margin: 0px;
     }
     .avt_main_text {
         width: 100%;
     }
     .avt_foto_line3 {
         width: 100%;
         text-align: center;
         vertical-align: top;
         margin: 0;
     }
     .avt_foto_line4 {
         width: 100%;
         text-align: center;
         vertical-align: top;
         margin: 0;
     }
     .iknopka{
         display: inline-block;
         width: 100%;
         min-width: 300px;
         background: url("") no-repeat;
     }
     .dopmenu .column {
         display: block;
         float: left;
         width: 100%;
         margin-right: 2px;
         font-size: 11px;
     }
     .dopmenu .column .col-item {
         height: 40px;
         height: 100%;
         width: 100%;
         margin-bottom: 2px;
         text-align: center;
         line-height: 40px;
         color: #fff;
         cursor: pointer;
     }
      .col-item_i2{
         margin:10px 6px;
         width: 100%;
     }
      .col-item_i21{
         margin:10px 6px;
     }
      .visdectop {
         display:none;
     }

      .avt_grid_col_60 {
         width: 100%;
     }
      .avt_grid_col_40 {
         width: 100%;
     }
      .avt_grid_col_66 {
         width: 100%;
     }
      .avt_grid_col_33 {
         width: 100%;
     }
      .avt_grid_col_100_50 {
         width: 49%;
     }
      .avt_grid_col_50{
         width: 49%;
     }
      .avt_button{
         width: 100%;
     }

      .avt_button_act13{
         width: 100%;
         margin-top: 10px;
     }

}

 @media(min-width: 320px) and (max-width: 736px)
 {
     .avt_col_33, .avt_col_30, .avt_col_60, .avt_col_70, .avt_col_33,.avt_col_33-2, .avt_col_66{
         display: block;
         width: 100%;
         padding: 0;
     }
     .avt_col_33{
        margin: 0;
     }
     .avt_col_33-2{
        margin: 0;
     }

     .avt_button{
        width: 100%;
     }
     .avt_col_50{
        width: 100%;
     }
     .avt_col_49{
        width: 100%;
     }
}@media (min-width: 320px) and (max-width: 414px) {
     .avt_main_text2 {
         width: 100%;
    }
        .text-cennik{font-size: 14px}
        .krug-palitra{width: 16%;}
     .avt_button3 {
         width: 100%;
     }
         .avt_button_act12{
         width: 100%;
         margin-top: 10px;
     }
    table.delivery td {
    padding: 0.6rem 0.4rem;
    }
     .active_but{
         padding: 8px;
         padding-left: 0px;
         padding-right: 0px;
         margin-bottom: 0;
    }

     .color-blocks {
         width: 31px;
         margin: 5px 8px;
    }
     .color-blocks .color-name {
         font-size: 8px;
         width: 142%;
    }
     .color-blocks .circle {
         width: 50px;
         height: 50px;
    }
     .popup-container-item-color .color-img {
         padding-right: 0px;
         min-width: 60px;
         min-height: 60px;
         margin-bottom: 0px;
    }
     .popup-container-item-color .color-link a {
         font-size: 8px;
    }
     .main-color-block {
         padding-left: 0px;
    }
     .popup-container-item-color {
         padding-right: 0px;
    }
     .popup-container-items-color {
         padding: 1px;
         bottom: 80px;
         margin-left: 7px;
    }
     .popup-container-item-color > div {
         padding: 3px;
    }
     .color-header {
         font-size: 15px;
    }
     .right_block1234 {
         width: 93%;
         font-size: 11px;
    }
     .cennik{
        width: 70%;
    }
     .iknopkaa {
         margin-bottom: 0px;
         margin: 0px;
         padding: 9px 0;
    }
     .knopochki{
        font-size: 10px;
    }
     .avt_btn_color {
         width: 40%;
    }
    .green_btn_active{
        width: 100%;
     }
     .green_btn{
        width: 100%;
     }
}
@media (min-width: 415px) and (max-width: 735px) {
 .knopochki{
        font-size: 9px;
    }
    .green_btn_active{
        width: 100%;
     }
     .green_btn{
        width: 100%;
     }
      .avt_button3 {
         width: 100%;
     }
         .avt_button_act12{
         width: 100%;
         margin-top: 10px;
     }
       .avt_btn_color {
         width: 40%;
    }
}
 @media (min-width: 1200px)
 {
     #new-wrapper .row-production {
         height: 333px;
     }
}
 @media (min-width: 320px) and (max-width: 980px)
 {

     .mColumn2r1 {
         width: 100%;
     }
     .mColumn2l1 {
         width: 100%;
     }
     .a-column {
         width: 100%;
     }
     .avt_col_40 {
         width: 100%;
     }

     .slider-nav {
         height: 200px;
     }
      .bl-1 {
         height: 20%;
         display: flex;
         align-items:center;
     }
     .bl-3 {
         height: 30%;
         display: flex;
         flex-direction: column;
         justify-content:space-between;
         align-items:flex-start;
     }
     .bl-3 span {
         line-height: 1.5
     }
     .bl-4 {
         height: 10%;
         display: flex;
         flex-direction: column;
         justify-content:space-between;
         align-items:flex-start;
     }
     .bl-4 span {
         line-height: 1.5
     }
     .iknopka{
         display: inline-block;
         width: 100%;
         min-width: 300px;
         background: url("") no-repeat;
     }
}
 @media (min-width:812px) and (max-width: 812px){
        .col-sm-3 {
    width: 20%;
     }
               .color-header{
        margin-bottom: 0;
     }
     .color-blocks {
         width: 70px;
         margin: 14px 14px;
     }
     .color-blocks .circle {
         width: 83px;
         height: 83px;
     }
 }
 @media (min-width: 768px) and (max-width: 768px)
 {
     .col-sm-3 {
         width: 20%;
     }
     .seriya-name{
        font-size: 16px;
     }
     .avt_btn_color{
         width: 40%;
     }
          .color-header{
        margin-bottom: 0;
     }
     .color-blocks {
         width: 70px;
         margin: 14px 14px;
     }
     .color-blocks .circle {
         width: 83px;
         height: 83px;
     }
      .green_btn_active{
        width: 30%;
        font-size: 12px;
     }
     .green_btn{
        width: 30%;
        font-size: 12px;
     }
          .avt_button_act12{width: 49%;}
     .avt_button3{width: 49%;}
}
 @media (min-width: 768px){.col-sm-3{width: 20% !important;}}
 @media (min-width: 736px) and (max-width: 736px)
 {
     .color-header{
        margin-bottom: 0;
     }
     .color-blocks {
         width: 70px;
         margin: 14px 14px;
     }
     .color-blocks .circle {
         width: 83px;
         height: 83px;
     }
      .green_btn_active{
        width: 30%;
        font-size: 12px;
     }
     .green_btn{
        width: 30%;
        font-size: 12px;
     }
          .avt_button_act12{width: 33%;}
     .avt_button3{width: 33%;}
}
 @media (min-width: 667px) and (max-width: 667px)
 {
               .color-header{
        margin-bottom: 0;
     }
     .color-blocks {
         width: 60px;
         margin: 14px 14px;
     }
     .color-blocks .circle {
         width: 83px;
         height: 83px;
     }
 }


 @media (min-width:1024px) and (max-width: 1024px){
     .color-header {
        margin-bottom: 50px;
    }
     .color-blocks {
         width: 100px;
         margin: 24px 17px;
    }
    .col-sm-3 {
    width: 20%;
}
.avt_btn_color{width: 35%;}


}
 @media (max-width: 1023px) and (min-width: 769px){
     .active_but{
         padding-left: 0px;
         padding-right: 0px;
         margin-bottom: 0;
    }
    .avt_col_49, .avt_col_49_inline{
        width: 100%;
    }
    .avt_col_50, .avt_col_50_inline{
        width: 100%;
    }
     .avt_btn_color{
        width: 39%;
    }
     .iknopkaa{
        width: 100%;
        margin-bottom: 0;
         padding-left: 1px;
         padding-right: 2px;
    }
     .knopochki{
        font-size: 11px
    }
}




 [tooltip] {
     position: relative;
    /* opinion 1 */
}
/* Applies to all tooltips */
 [tooltip]::before, [tooltip]::after {
     text-transform: none;
    /* opinion 2 */
     font-size: .8em;
    /* opinion 3 */
     line-height: 1;
     user-select: none;
     pointer-events: none;
     position: absolute;
     display: none;
     opacity: 0;
}
 [tooltip]::before {
     content: '';
     border: 5px solid transparent;
    /* opinion 4 */
     z-index: 1001;
    /* absurdity 1 */
}
 [tooltip]::after {
     content: attr(tooltip);
    /* magic! */
    /* most of the rest of this is opinion */
     font-family: Helvetica, sans-serif;
     text-align: center;
    /* Let the content set the size of the tooltips but this will also keep them from being obnoxious */
     min-width: 3em;
     max-width: 21em;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     padding: 1ch 1.5ch;
     border-radius: .3ch;
     box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
     background: #f5f5f5;
     color: #666;
     z-index: 1000;
    /* absurdity 2 */
}
/* Make the tooltips respond to hover */
 [tooltip]:hover::before, [tooltip]:hover::after {
     display: block;
}
/* don't show empty tooltips */
 [tooltip='']::before, [tooltip='']::after {
     display: none !important;
}
/* FLOW: DOWN */
 [tooltip][flow^="down"]::before {
     top: 100%;
     border-top-width: 0;
     border-bottom-color: #333;
}
 [tooltip][flow^="down"]::after {
     top: calc(100% + 5px);
}
 [tooltip][flow^="down"]::before, [tooltip][flow^="down"]::after {
     left: 50%;
     transform: translate(-50%, .5em);
}
/* KEYFRAMES */
 @keyframes tooltips-vert {
     to {
         opacity: .9;
         transform: translate(-50%, 0);
    }
}
 @keyframes tooltips-horz {
     to {
         opacity: .9;
         transform: translate(0, -50%);
    }
}
/* FX All The Things */
 [tooltip]:not([flow]):hover::before, [tooltip]:not([flow]):hover::after, [tooltip][flow^="up"]:hover::before, [tooltip][flow^="up"]:hover::after, [tooltip][flow^="down"]:hover::before, [tooltip][flow^="down"]:hover::after {
     animation: tooltips-vert 300ms ease-out forwards;
}
 [tooltip][flow^="left"]:hover::before, [tooltip][flow^="left"]:hover::after, [tooltip][flow^="right"]:hover::before, [tooltip][flow^="right"]:hover::after {
     animation: tooltips-horz 300ms ease-out forwards;
}