/* 
-----------------------------------------------------
  Stylesheet Guide
-----------------------------------------------------
  
  1. Default stylesheets

    1.1. Color Schemes
  
  2. General classes
  
  3. Main

    3.1 Offsets

  4. Basic Elements

    4.1. Typography
    4.2. Lists
    4.3. Buttons
    4.4. Forms
    4.5. Tables
    4.6. Tooltips
    4.7. Dividers

  5. Widgets and Shortcodes

  6. Header

    6.1. Logo
    6.2. Main Navigation

  7. Footer

*/

@import "animate.css";
@import "reset.css";
@import "../fonts/font-awesome-4.7.0/css/font-awesome.min.css";
@import "../fonts/icomoon/style.css";

@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i&display=swap&subset=cyrillic,cyrillic-ext');

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

    1. Default stylesheets

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

:root {
  --accent: #E00616;
  --white: #fff;
  --black: #16202E;
  --black_light: #29323B;
  --dark: #79838C;
  --grey_medium: #9FAAB2;
  --grey_light: #C6CED3;
  --bg_dark: #EBEDEF;
  --bg_light: #F8F8F8;
}



  html,body{
    height: 100%;
  }
  .care_img{
    width: 30px;
  }
  body {
    font-family: 'Roboto', sans-serif;
    color:#16202E;
    font-size:16px;
    line-height:24px;
    background:#F8F8F8;
    -webkit-text-size-adjust: none;
  }

  *{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  ::selection{
    color: #fff;
    background-color: #E00616;
  }

  ::-moz-selection{
    color: #fff;
    background-color: #E00616;
  }
  ::-webkit-input-placeholder{
    color: #C6CED3;
    -webkit-transition: text-indent .5s ease, color .5s ease;
            transition: text-indent .5s ease, color .5s ease;
  }

  input::-moz-placeholder{
    color: #C6CED3;
    opacity:1;
  }

  textarea::-moz-placeholder{
    color:  #C6CED3;
    opacity: 1;
  }

  ::ms-input-placeholder{
    color: #C6CED3;
  }

  [placeholder]:focus::-webkit-input-placeholder{
    text-indent:10em;
    color:transparent;
  }


  /* --------------------------------------------
        1.1. Color Schemes
  -------------------------------------------- */
    
    .accent_color{color: #E00616;}
    .grey_color{color: #9FAAB2;}
    .dark_color{color: #79838C;}
    .white_color{color: #fff;}

    .bg_dark{background-color: #EBEDEF;}
    .bg_light{background-color: #F8F8F8;}
    .bg_white{background-color: #fff;}
      

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

    2. General Classes

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

  .align_left{
    text-align: left;
  }

  .align_right{
    text-align: right;
  }

  .align_center{
    text-align: center;
  }

  .alignleft{
    float: left;
  }

  .alignright{
    float: right;
  }

  .wrapper{overflow: hidden;}

  .hide{ display: none;}
  .d_none{ display: none;}

  .show{ display: block;}

  .d_ib{display: inline-block;}

  .transparent{ opacity:0; }

  .invisible{ 
    opacity: 0;
    visibility: hidden;
  }

  .visible{ 
    opacity:1; 
    visibility: visible;
  }

  .p_abs{position: absolute;}

  .p_rel{position: relative;}

  .p_fix{position: fixed;}

  .clear {clear:both;width:100%;line-height:0;font-size:0;}

  .clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

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

    3. Main

------------------------------------------------ */
  #overlay,
  #overlay_menu{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #16202E;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }

  #overlay.active,
  #overlay_menu.active{
    opacity: 0.2;
    visibility: visible;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }

  #content {
    -webkit-flex-grow: 10;
    -moz-flex-grow: 10;
    -ms-flex-grow: 10;
    -o-flex-grow: 10;
    flex-grow: 10;
    display: block;
    padding:0px 0px 0px 0px;
  }

  .page_wrap{
    position: relative;
    min-height: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    ---webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
  }

  .back_to_top{
    border: none;
    outline: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    background-color: #EBEDEF;
    z-index: 99;
    cursor: pointer;
  }

  .back_to_top:hover{
    background-color: #E00616;
  }

  .back_to_top i{
    font-size: 30px;
    line-height: 30px;
    margin: 0;
  }
  /* --------------------------------------------
        3.1. Offsets
  -------------------------------------------- */
    
    .section_offset{
       padding: 80px 0;
    }

    .section_offset2{
       padding: 70px 0;
    }

    .article_offsets{
      padding: 54px 0 70px;
    }
.section_offset3{
  padding: 54px 0 70px;
}

    .section_offset2:not([class*="bg_"])+.section_offset2:not([class*="bg_"]),
    .section_offset:not([class*="bg_"])+.section_offset:not([class*="bg_"]),
    .bg_dark+.bg_dark{
      padding-top: 0 !important;
    }

    .mb0{margin-bottom: 0;}
    .mb20{margin-bottom: 20px;}
    .mb28{margin-bottom: 28px;}

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

    4. Basic Elements

------------------------------------------------ */
  
  /* --------------------------------------------
        4.1. Typography
  -------------------------------------------- */
  
    h1,h2,h3,h4,h5,h6{
      line-height: 1.23em;
      font-weight: 400;
      margin: 0;
      margin-bottom: 15px;
    }

    h1{font-size: 52px;line-height: 64px;margin-bottom: 45px;}
    h2{font-size: 34px;line-height: 40px;margin-bottom: 20px;}
    h3{font-size: 24px;line-height: 32px;}
    h4{font-size: 20px;line-height: 28px;}
    h5{font-size: 16px;}
    h6{font-size: 14px;}

    .title1{font-size: 52px;line-height: 64px;margin-bottom: 45px;}
    .title2{font-size: 34px;line-height: 40px;margin-bottom: 20px;}
    .title3{font-size: 24px;line-height: 32px;}
    .title4{font-size: 20px;line-height: 28px;}
    .title5{font-size: 14px;line-height: 16px;text-transform: uppercase;font-weight: 700;}

    p:not(:last-child){margin-bottom: 16px;}

    small,.small{font-size: 14px;line-height: 20px;}
    .xsmall{font-size: 12px;line-height: 16px;}

    .reg {text-transform:uppercase}
    
    .title_box{
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      -o-justify-content: space-between;
      justify-content: space-between;
      -ms-align-items: center;
      align-items: center;
      padding-bottom: 25px;
    }

    .logo_box{
      margin-bottom: 30px;
    }

    mark{background-color: #20cfef;padding: 0 2px;color: #fff;}
    mark.red{background-color: #ee352f;}

    a{
      color: #E00616;
      text-decoration: none;
      -webkit-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
    }
    a:hover{
      color: inherit;
      text-decoration: none;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
    }
    a:focus,
    a:visited{
      text-decoration: none;
    }

    .link1{
      color: #79838C;
    }

    .link1:hover{
      color: #E00616;
    }

    .link_box1{
      border-top: 1px solid #C6CED3;
      padding-top: 34px;
    }

    blockquote{
      font-size: 24px;
      line-height: 32px;
      padding-top: 38px;
      padding-bottom: 42px;
      border-top: 2px solid #E00616;
      border-bottom: 1px solid #C6CED3;
    }

    img{
      max-width: 100%;
    }

  /* --------------------------------------------
        4.2. Lists
  -------------------------------------------- */
    
    ol:not([class]){
      counter-reset: liItem;
      padding-top: 15px;
    }

    ol:not([class]):not(:last-child){
      margin-bottom: 40px;
    }

    ol:not([class])>li{
      position: relative;
      padding-left: 32px;
    }

    ol:not([class])>li:before{
      counter-increment: liItem;
      content: counter(liItem)'.';
      position: absolute;
      top: 0;
      left: 0;
    }

    ol:not([class])>li:not(:last-child){
      margin-bottom: 15px;
    }

    ul:not([class]){
      padding-top: 15px;
    }

    ul:not([class]):not(:last-child){
      margin-bottom: 40px;
    }

    ul:not([class])>li{
      position: relative;
      padding-left: 32px;
    }

    ul:not([class])>li:before{
      content: '—';
      position: absolute;
      top: 0;
      left: 0;
    }

    ul:not([class])>li:not(:last-child){
      margin-bottom: 15px;
    }

    .list1{
      color: #79838C;
    }
    
    .list1 li:not(:last-child){
      margin-bottom: 10px;
    }

    .list1 li a{
      color: #79838C;
    }

    .list1 li a:hover{
      color: #E00616;
    }

    .catalog_list{}

    .catalog_list>li:not(:last-child){
      margin-bottom: 16px;
    }

    .catalog_list>li>a{
      color: #16202E;
    }

    .catalog_list>li.current>a,
    .catalog_list>li>a:hover{
      color: #E00616;
    }

  /* --------------------------------------------
        4.3. Buttons
  -------------------------------------------- */
    
    button{
      cursor: pointer;
      -webkit-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
    }
    
    button:hover{
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
    }

    .btn{
      display: inline-block;
      outline: none;
      border: none;
      background: #E00616;
      color: #fff;
      font-size: 16px;
      line-height: 24px;
      font-weight: 400;
      text-align: center;
      padding: 12px 25px;
      border-radius: 4px;
      cursor: pointer;
    }

    .btn:hover{
      background-color: #fff;
      color: #E00616;
    }
    
    .btn_light{
      display: inline-block;
      outline: none;
      background: none;
      border: 1px solid #fff;
      color: #fff;
      font-size: 16px;
      line-height: 24px;
      font-weight: 400;
      text-align: center;
      padding: 11px 25px;
      border-radius: 4px;
      cursor: pointer;
    }

    .btn_light:hover{
      background-color: #E00616;
      border-color: #E00616;
    }
    .btn_light2{
      display: inline-block;
      outline: none;
      background: none;
      border: 1px solid var(--black);
      color: var(--black);
      font-size: 16px;
      line-height: 24px;
      font-weight: 400;
      text-align: center;
      padding: 11px 25px;
      border-radius: 4px;
      cursor: pointer;
    }

    .btn_light2:hover{
      background-color: var(--accent);
      border-color: var(--accent);
      color: var(--white);
    }


    .btn2{
      display: inline-block;
      outline: none;
      background-color: #E00616;
      border: 1px solid #E00616;
      color: #fff;
      font-size: 16px;
      line-height: 24px;
      font-weight: 400;
      text-align: center;
      padding: 11px 25px;
      border-radius: 4px;
      cursor: pointer;
    }

    .btn2:hover{
      background: none;
      color: #E00616;
    }

    .full_width{width: 100%;}
    .btn_lage{min-width: 224px;}

    .icon_btn{
      display: inline-block;
      outline: none;
      border: none;
      background-color: #fff;
      border-radius: 50%;
      width: 40px;
      height: 40px;
      text-align: center;
      font-size: 24px;
      line-height: 40px;
      color: #E00616;
    }

    .icon_btn>span{
      line-height: 40px;
    }

    .icon_btn:hover{
      background-color: #E00616;
      color: #fff;
    }

    .btn_box>*:not(:last-child){
      margin-right: 40px;
    }

  /* --------------------------------------------
        4.4. Forms
  -------------------------------------------- */
    
    .form_row{
      position: relative;
      margin-bottom: 25px;
    }

    .form_input{
      width: 100%;
      outline: none;
      border: 1px solid #EBEDEF;
      background-color: #fff;
      font-size: 14px;
      line-height: 20px;
      color: #16202E;
      padding: 14px 12px;
      border-radius: 4px !important;
    }

    .form_input:focus{
      border-color: #9FAAB2;
    }

    .form_input.error,
    .form_input.error_message{
      color: #E00616;
      border-color: #E00616;
    }

    .form_input + .error_message{
      position: absolute;
      top: 100%;
      left: 0;
      font-size: 12px;
      line-height: 16px;
      color: #E00616;
    }

    .form_label{
      display: block;
      margin-bottom: 3px;
      font-size: 14px;
      line-height: 20px;
      color: #79838C;
    }

    .form_label>b{
      font-size: 18px;
    }

    .form_btn_box{
      margin-top: 15px;
    }

    .form_btn_box>*:not(:last-child){
      margin-right: 10px;
    }



    .logIn_box .form_row{
      margin-bottom: 0;
    }

    .logIn_box .form_row:not(:last-child){
      margin-bottom: 8px;
    }

    .logIn_box .form_input{
      border: 1px solid #C6CED3;
      font-size: 14px;
      line-height: 20px;
      padding: 10px 12px;
    }

    .logIn_box .form_btn_box{
      padding-top: 16px;
    }

    .logIn_box .form_btn_box>*:not(:last-child){
      margin-bottom: 20px;
    }

    .qt_input_box{
      position: relative;
      width: 112px;
    }

    .qt_input_input{
      width: 100%;
      outline: none;
      background-color: #fff;
      border: 1px solid #EBEDEF;
      border-radius: 4px !important;
      text-align: center;
      font-size: 16px;
      line-height: 24px;
      color: #16202E;
      padding: 7px 31px;
    }

    .qt_input_plus,
    .qt_input_minus{
      position: absolute;
      top: 10px;
      left: 12px;
      display: block;
      width: 20px;
      height: 20px;
      text-align: center;
      font-size: 20px;
      line-height: 1;
      cursor: pointer;
      -webkit-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
    }

    .qt_input_plus:hover,
    .qt_input_minus:hover{
      color: #E00616;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
    }

    .qt_input_plus{
      left: auto;
      right: 12px;
    }

  /* --------------------------------------------
        4.5. Tables
  -------------------------------------------- */
    
    .table_wrapp{
      /*padding-right: 15px;*/
    }

    .table_wrapp table{
      width: 100%;
    }

    .table_wrapp:not(:last-child){
      margin-bottom: 46px;
    }

    thead{
      border-bottom: 2px solid #16202E;
    }

    tfoot td{
        padding: 25px 0 0;
    }

    table th{
      font-size: 14px;
      line-height: 20px;
      font-weight: 400;
      color: #79838C;
      padding: 0 0 20px;
    }

    table tr{
      border-bottom: 1px solid #C6CED3;
    } 

    tfoot tr{
      border: none;
    }

    table td{
      padding: 14px 48px 18px 0;
    }
    .table_type2 {
        width: 100%;
    }
    .table_type2 td{
      padding-right: 20px;
    }
    .table_type2 td.center, .table_type2 th.center {
        text-align: center;
    }


    table td:last-child{
      padding-right: 0;
    }

  /* --------------------------------------------
        4.6. Tooltips
  -------------------------------------------- */

  /* --------------------------------------------
        4.7. Dividers
  -------------------------------------------- */
    
    .divider{
      border: none;
      border-top: 2px solid #16202E;
      margin: 0;
    }

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

    5. Widgets and Shortcodes

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

  /* --------------------------------------------
        First Screan
  -------------------------------------------- */
    
    .first_screan{
      /*display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;*/
    }

    .first_screan_left,
    .first_screan_right{
      overflow: hidden;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      -ms-align-items: center;
      align-items: center;
      -webkit-flex-basis: 50%;
      -moz-flex-basis: 50%;
      -ms-flex-basis: 50%;
      -o-flex-basis: 50%;
      flex-basis: 50%;
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      -ms-flex-shrink: 0;
      -o-flex-shrink: 0;
      flex-shrink: 0;
      -webkit-order: 2;
      -moz-order: 2;
      -ms-order: 2;
      -o-order: 2;
      order: 2;
    }


    .first_screan_left{
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      -webkit-order: 1;
      -moz-order: 1;
      -ms-order: 1;
      -o-order: 1;
      order: 1;
    }

    .first_screan_cont{
      width: 656px;
      padding: 30px 30px 30px 0;
    }

    .first_screan_date{
      color: var(--accent);
      margin-bottom: 10px;
    }

    .first_screan_type2 .first_screan_cont{
      width: auto;
    }


  /* --------------------------------------------
        Img Box
  -------------------------------------------- */
    
    .img_box{
      padding: 40px 0 32px;
    }

    .img_box>img{
      width: 100%;
      margin-bottom: 12px;
    }

    .img_box2>img{
      width: 100%;
    }
    .action-img>img{
        width: auto !important;
    }

  /* --------------------------------------------
        Breadcrumbs
  -------------------------------------------- */
    
    .breadcrumbs_wrapp{
      padding: 28px 0 0;
    }

    .breadcrumbs{
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      ---webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap;
      font-size: 12px;
      line-height: 16px;
      color: #9FAAB2;
    }

    .breadcrumbs>li:not(:last-child){
      padding-right: 32px;
      position: relative;
    }

    .breadcrumbs>li:not(:last-child):before{
      content: '\00BB';
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      width: 32px;
      text-align: center;
      color: #9FAAB2;
    }

    .breadcrumbs>li>a{
      color: #9FAAB2;
    }

    .breadcrumbs>li>a:hover{
      color: #E00616;
    }

  /* --------------------------------------------
        Main Slider
  -------------------------------------------- */
    
    .main_slider{
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
    }

    .main_slider .swiper-container,
    .main_slider .swiper-wrapper,
    .main_slider .swiper-slide{
      height: 100%;
    }
    .main_slider .swiper-slide{
      background-repeat: no-repeat;
      background-position: 50% 50%;
      -webkit-background-size: cover;
      background-size: cover;
      padding: 30px 0 30px 30px;
      color: #fff;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      -ms-align-items: flex-end;
      align-items: flex-end;
    }

    .swiper_slide_link{
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 1;
    }

    .main_slider_text{
      display: inline-block;
      position: relative;
      margin-bottom: 0;
    }

    .main_slider_text:before{
      content: '';
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 2px;
      background-color: #fff;
      -webkit-transition: right 0.5s;
      -o-transition: right 0.5s;
      transition: right 0.5s;
    }

    .main_slider .swiper-slide:hover .main_slider_text:before{
      right: 100%;
      -webkit-transition: right 0.3s;
      -o-transition: right 0.3s;
      transition: right 0.3s;
    }

    .main_slider_title{
      margin-bottom: 10px;
    }

    .main_slider_subtitle{
      margin-bottom: 50px;
    }

    .main_slider_btn_box{
      position: relative;
      z-index: 2;
    }

    .main_slider_nav{
      position: absolute;
      z-index: 2;
      left: 0;
      bottom: 30px;
      width: 656px;
    }

    .main_slider_pagination{
      line-height: 0;
      text-align: right;
    }

    .first_screan_type2 .main_slider_nav{
      width: auto;
      left: 30px;
      bottom: auto;
      top: 30px;
    }

    .first_screan_type2 .main_slider_pagination{
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      ---webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      -o-flex-direction: column;
      flex-direction: column;
    }
    
    .first_screan_type2 .swiper-pagination-bullet{
      margin-left: 0;
      margin-bottom: 8px;
    }

    .swiper-pagination-bullet{
      background-color: #fff;
      margin-left: 8px;
      opacity: 1;
    }

    .swiper-pagination-bullet-active{
      background-color: #E00616;
    }

    .slider1,
    .slider1 .swiper-container{
      height: 100%;
    }

    .slider1 .swiper-slide{
      background-repeat: no-repeat;
      background-position: 50% 50%;
      -webkit-background-size: cover;
      background-size: cover;
      color: #fff;
      padding: 24px 32px 40px;
    }

    .slider1 .slider1_pagination{
      position: absolute;
      z-index: 2;
      left: 32px;
      bottom: 32px;
      line-height: 0;
    }


  /* --------------------------------------------
        Tag Item
  -------------------------------------------- */
   
    .tag_list{
      margin-top: -16px;
      margin-left: -8px;
      margin-right: -8px;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      ---webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap;
    }

    .tag_item{
      display: block;
      background-color: #EBEDEF;
      font-size: 16px;
      line-height: 24px;
      color: #16202E;
      padding: 8px 16px;
      margin: 16px 8px 0;
      border-radius: 4px;
    }

    .tag_item:hover,
    .tag_item.current{
      background-color: #E00616;
      color: #fff;
    }

  /* --------------------------------------------
        Event Item
  -------------------------------------------- */
    
    .events_wrapp>.row:not(:last-child){
      margin-bottom: 63px;
    }

    .event_item{
      border-top: 1px solid #16202E;
      padding-top: 30px;
      height: 100%;
      padding-bottom: 40px;
      position: relative;
    }

    .datepicker_wrapp{
      padding-bottom: 0;
    }

    .event_item.type1{
      padding-bottom: 0;
    }

    .event_date_box{
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap;
    }

    .event_date{
      margin-bottom: 3px;
    }

    .event_dash{
      padding: 0 10px;
      margin-bottom: 0;
    }

    .event_title{
      margin-bottom: 21px;
    }

    .event_text{
      margin-bottom: 0 !important;
    }

    .event_text>a{
      color: inherit;
    }

    .event_text>a:hover{
      color: #E00616;
    }

    .event_link{
      position: absolute;
      bottom: 0;
      left: 0;
    }

    .event_item.type1 .event_link{
      position: static;
      opacity: 0;
    }

    .event_item.type1:hover .event_link{
      opacity: 1;
    }

    .event_item.type1 .event_text{
        margin-bottom: 20px !important;
    }

  /* --------------------------------------------
        Datepicker
  -------------------------------------------- */
    
    .datepicker{
      width: auto;
      background: none;
      border: none; 
      /*padding-left: 24px;
      padding-right: 24px;*/
      margin: 0 auto;
    }

    .datepicker--nav-title{
      font-size: 16px;
      line-height: 24px;
      color: #16202E;
    }

    .datepicker--nav-action path{
      stroke: #16202E;
    }

    .datepicker--nav{
      border: none;
      padding: 0;
    }
    .datepicker--content{
      padding: 0;
    }

    .datepicker--days-names{
      border-bottom: 1px solid #C6CED3;
    }

    .datepicker--day-name{
      color: #9FAAB2;
    }

    .datepicker--cell.-current-{
      color: #E00616;
    }

    .datepicker--cell{
      border-radius: 50%;
    }

    .datepicker--cell.-selected-,
    .datepicker--cell.-selected-.-current-,
    .datepicker--cell.-selected-.-focus-{
        background-color: #E00616;
    }

  /* --------------------------------------------
        Info Box
  -------------------------------------------- */
    
    .info_box{
      background-position: 50% 50%;
      background-repeat: no-repeat;
      -webkit-background-size: cover;
      background-size: cover;
      padding: 65px 80px 50px;
      color: #fff;
    }

    .info_box_btn{
      text-align: right;
    }

  /* --------------------------------------------
        Boxs
  -------------------------------------------- */
    
    .box1_wrapp{
      margin-top: -45px;
    }

    .box1{
      margin-top: 45px;
    }

    .box1_img{
      margin-bottom: 20px;
    }

    .box1_img>img{
      width: 100%;
    }

    .box1_title>a{
      color: inherit;
    }

    .box1_title>a:hover{
      color: #E00616;
    }

  /* --------------------------------------------
        News Boxs
  -------------------------------------------- */

    .news_wrapp{
      margin-top: -36px;
    }

    .news_box{
      margin-top: 36px;
    }

    .news_box_link{
      display: block;
      position: absolute;
      z-index: 5;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
    }

    .news_box_img{
      position: relative;
      margin-bottom: 20px;
    }

    .news_box_img img{
      width: 100%;
      aspect-ratio: 304 / 168;
      object-fit: cover;
    }

    .news_box_img:after{
      content: '';
      display: block;
      position: absolute;
      z-index: 1;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      background-color: #16202E;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
    }

    .news_box_img:before{
      content: '';
      display: block;
      position: absolute;
      z-index: 2;
      bottom: 0;
      left: 0;
      right: 100%;
      height: 2px;
      background-color: #E00616;
      -webkit-transition: right 0.5s;
      -o-transition: right 0.5s;
      transition: right 0.5s;
    }

    .news_box:hover .news_box_img:after{
      opacity: 0.5;
      visibility: visible;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
    }

    .news_box:hover .news_box_img:before{
      right: 0;
      -webkit-transition: right 0.3s;
      -o-transition: right 0.3s;
      transition: right 0.3s;
    }

    .news_box_date{
      font-size: 12px;
      line-height: 16px;
      color: #9FAAB2;
      margin-bottom: 10px;
    }

    .news_box_date>span{
      padding-right: 3px;
    }

    .news_box_title{
      font-size: 16px;
      line-height: 24px;
    }

    .news_box_title{
      color: inherit;
      display: inline-block;
    }

    .news_box:hover .news_box_title{
      color: #E00616;
    }

  /* --------------------------------------------
        Pagination
  -------------------------------------------- */

    .pagination{
      border-top: 2px solid #16202E;
      margin-top: 36px;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      -ms-align-items: center;
      align-items: center;
      border-radius: 0;
      font-size: 14px;
      line-height: 16px;
      text-transform: uppercase;
      text-align: center;
      padding-top: 20px;
    }

    .pagination>li{
      min-width: 40px;
      position: relative;
    }

    .pagination>li>a{
      display: block;
      color: #16202E;
    }

    .pagination>.pagination_back>a,
    .pagination>.pagination_forward>a{
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      -ms-align-items: center;
      align-items: center;
    }

    .pagination_back>a>i,
    .pagination_forward>a>i{
      font-size: 16px;
      line-height: 1;
    }

    .pagination_back{
      padding-right: 15px;
    }

    .pagination_forward{
      padding-left: 15px;
    }

    .pagination_back>a>i{
      padding-right: 8px;
    }

    .pagination_forward>a>i{
      padding-left: 8px;
    }

    .pagination>li>a:hover,
    .pagination>li.current>a{
      color: #E00616;
    }

    .pagination>li.current:before{
      content: '';
      display: block;
      position: absolute;
      top: -22px;
      height: 2px;
      left: 0;
      right: 0;
      background-color: #E00616;
    }

  /* --------------------------------------------
        Product Box
  -------------------------------------------- */

    .product_wrapp{
      margin-top: -32px;
    }

    .product_wrapp>[class*='col-']{
      margin-top: 32px;
    }

    .product_box{
      position: relative;
      height: 100%;
      padding: 32px 32px 40px;
      background-color: #fff;
      -webkit-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
    }

    .product_link{
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
    }

    .product_box:hover{
      -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.3);
      box-shadow: 0 2px 10px rgba(0,0,0,0.3);
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
    }

    .product_title{
      -webkit-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
    }

    .product_box:hover .product_title{
      color: #E00616;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
    }

    .product_logo{
      height: 40px;
      margin-bottom: 19px;
    }

    .product_logo>img{
      width: auto;
      height: auto;
      max-height: 100%;
      max-width: 100%;
    }

    .product_text{
      font-size: 14px;
      line-height: 20px;
      color: #79838C;
    }

  /* --------------------------------------------
        Purchase Info
  -------------------------------------------- */

    .purchase_info{
      background-color: #fff;
      padding: 27px 16px 28px;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap;
    }

    .purchase_item{
      -webkit-flex-basis: 50%;
      -moz-flex-basis: 50%;
      -ms-flex-basis: 50%;
      -o-flex-basis: 50%;
      flex-basis: 50%;
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      -ms-flex-shrink: 0;
      -o-flex-shrink: 0;
      flex-shrink: 0;
      position: relative;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      -o-justify-content: space-between;
      justify-content: space-between;
      -ms-align-items: center;
      align-items: center;
      padding: 0 16px 17px;
      margin-bottom: 20px;
    }

    .purchase_item:before{
      content: '';
      display: block;
      position: absolute;
      bottom: 0;
      left: 16px;
      right: 16px;
      height: 1px;
      background-color: #C6CED3;
    }

    .purchase_label{
      -webkit-flex: 14px;
      -moz-flex: 14px;
      -ms-flex: 14px;
      -o-flex: 14px;
      flex: 14px;
      line-height: 20px;
      color: #79838C;
    }

    .purchase_val{
      font-size: 20px;
      line-height: 28px;
      /*padding-right: 32px;*/
    }

    .purchase_footer{
      -webkit-flex-basis: 100%;
      -moz-flex-basis: 100%;
      -ms-flex-basis: 100%;
      -o-flex-basis: 100%;
      flex-basis: 100%;
      padding: 8px 16px 0;
      text-align: right;
    }

  /* --------------------------------------------
        Filter
  -------------------------------------------- */

    .filter1_wrapp{
      padding: 40px 0 55px;
    }

  /* --------------------------------------------
        Accordion
  -------------------------------------------- */

    .accordion_title{
      position: relative;
      font-size: 16px;
      line-height: 24px;
      padding: 20px 32px 30px;
      border-bottom: 2px solid #16202E;
      cursor: pointer;
      -webkit-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
    }

    .accordion_title>[class*="title"]{
      font-size: 18px;
      margin-bottom: 0;
    }

    .accordion_title:before,
    .accordion_title:after{
      content: '';
      display: block;
      position: absolute;
      width: 6px;
      height: 12px;
      top: 30px;
      left: 0;
      background-position: 0 0;
      background-repeat: no-repeat;
      -webkit-background-size: contain;
      background-size: contain;
      background-image: url('../img/icons/angle-right.svg');
      -webkit-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
    }

    .accordion_title:after{
      background-image: url('../img/icons/angle-right_accent.svg');
      opacity: 0;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
    }

    .accordion_title:hover,
    .accordion_title.active{
      color: #E00616;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
    }

    .accordion_title:hover:before,
    .accordion_title.active:before{
      opacity: 0;
    }

    .accordion_title:hover:after,
    .accordion_title.active:after{
      opacity: 1;
    }

    .accordion_title.active:before,
    .accordion_title.active:after{
      -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg);
    }

    .accordion_title.active{
      border-bottom: 1px solid #C6CED3;
    }

    .accordion_content{
      display: none;
      padding: 22px 0 10px;
    }

    .accordion_content .accordion_title{
      padding: 0 0 0 64px;
      border: none;
    }

    .accordion_content .accordion_title:before,
    .accordion_content .accordion_title:after{
      left: 32px;
      top: 8px;
    }

  /* --------------------------------------------
        Modal Window
  -------------------------------------------- */

    .modal_box{
      background-color: #fff;
      padding: 30px 25px;
      position: relative;
    }

    .modal_close{
      position: absolute;
      top: 5px;
      right: 5px;
      font-size: 14px;
      cursor: pointer;
      -webkit-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
    }

    .modal_close:hover{
      color: #E00616;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
    }

  /* --------------------------------------------
        Gallery
  -------------------------------------------- */

    .gallery_wrapp{
      padding-top: 25px;
    }

    .gallery_wrapp .swipe_nav_box{
      top: 0;
      right: 0;
      bottom: auto;
    }

    [class*="gallery_slider_btn"]{
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -o-justify-content: center;
      justify-content: center;
      -ms-align-items: center;
      align-items: center;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      border: 1px solid var(--accent);
      background-color: var(--accent);
      cursor: pointer;
      -webkit-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
    }

    [class*="gallery_slider_btn"]:hover{
      opacity: 0.5;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
    }

    .gallery_slider_btn-next{
      margin-left: 5px;
    }
    .gallery_slider_btn-next>img{
      margin-right: -3px;
    }
    .gallery_slider_btn-prev>img{
      margin-left: -3px;
    }

    .gallery_slider_pagination{
      margin-top: 20px;
      text-align: center;
    }

    .gallery_img{
      display: block;
    }

    .gallery_img>img{
      width: 100%;
    }

    .gallery_slider .swiper-slide{
      padding: 0;
    }

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

    6. Header

------------------------------------------------ */
   
  header {}

  .header_top{padding: 16px 0;}

  .header_top>.container{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
  }

  .header_inner{
    position: relative;
    background-color: #fff;
    padding: 30px 0 35px;

  }

  .header_inner>.container{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center;
    /*height: 88px;*/
  }


  .header_inner.sticky{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
    -webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.06);
  }

  /* --------------------------------------------
        header contact box
  -------------------------------------------- */
      
      .header_contact_box{
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: space-between;
        -ms-align-items: center;
        align-items: center;
      }

      .header_contact_box>*:not(:last-child){
        margin-right: 50px;
      }

      .header_contact_link{
        display: inline-block;
        font-size: 14px;
        line-height: 32px;
        color: #16202E;
      }

      .header_contact_icon{
        display: inline-block;
        margin-right: 8px;
        position: relative;
        width: 32px;
        height: 32px;
        text-align: center;
        background-color: #EBEDEF;
        border-radius: 50%;
        line-height: 32px;
        color: #16202E;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
      }

      .header_contact_icon>img{
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        opacity: 1;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
      }

      .header_contact_icon>img.hover{
        opacity: 0;
      }

      .header_contact_link:hover{
        color: #E00616;
      }

      .header_contact_link:hover .header_contact_icon{
        background-color: #E00616;
        color: #fff;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
      }

      .header_contact_link:hover .header_contact_icon>img{
        opacity: 0;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
      }

      .header_contact_link:hover .header_contact_icon>img.hover{
        opacity: 1;
      }

  /* --------------------------------------------
        LogIn Box
  -------------------------------------------- */
      
      .logIn_label{
        font-size: 14px;
        line-height: 32px;
        color: #E00616;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
      }

      .logIn_label>i{
        display: inline-block;
        text-align: center;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background-color: #E00616;
        line-height: 32px;
        color: #fff;
        margin-right: 13px;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
      }

      .logIn_label:hover{
        color: #16202E;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
      }

      .logIn_label:hover>i{
        background-color: #16202E;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
      }

      .logIn_label.signed {
        color: green;
      }
      .logIn_label.signed > i{
        background-color: green;
      }

      .logIn_wrapp{
        position: relative;
      }

      .logIn_box{
        width: 248px;
        position: absolute;
        z-index: 9;
        top: 100%;
        right: 0;
        margin-top: 8px;
        padding: 16px 16px 20px;
        border: 1px solid #EBEDEF;
        border-radius: 4px;
        background-color: #fff;
        -webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.06);;
        box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.06);;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
      }

      .logIn_wrapp.active .logIn_box{
        opacity: 1;
        visibility: visible;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
      }

      .logIn_cont{
        padding: 24px;
        background-color: #fff;
        width: 500px;
        margin: auto;
      }

  /* --------------------------------------------
        Logo
  -------------------------------------------- */

.logo{
    ---webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -ms-align-items: flex-start;
    align-items: flex-start;
    margin-top: 0;
    flex-grow: 10
}

.logo_slogan{
    font-size: 14px;
    line-height: 20px;
    margin-left: 0;
    margin-top: 10px;
}

    .logo a{
      display:block;
      width:179px;
      height:28px;
      background:url(../img/logo.svg) 0 0 no-repeat;
      -webkit-background-size: contain;
      background-size: contain;
      text-decoration:none;
      text-indent:-9999px;
    }
  /* --------------------------------------------
        Main Navigation
  -------------------------------------------- */

      .navigation{
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -16px;
        margin-right: -16px;
        font-size: 14px;
        line-height: 16px;
        font-weight: 700;
        text-transform: uppercase;
      }

      .navigation>li{
        padding-left: 16px;
        padding-right: 16px;
      }

      .navigation>li>a{
        display: block;
        color: #16202E;
        position: relative;
      }
      @media (min-width: 1200px) and (max-width: 1439px) {
        .navigation>li{
          margin-top: 20px;
        }
      }

      .navigation>li>a:hover,
      .navigation>li.current>a{
        color: #E00616;
      }

      .navigation__item-link-cloud:before {
        content: "";
        display: block;
        width: 112px;
        height: 60px;
        position: absolute;
        top: -32px;
        left: -10px;
        z-index: 1;
        background-image: url('../img/cloud.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
      }

      .navigation__item-link-cloud span {
        position: relative;
        z-index: 2;
      }

      .menu_open_btn{
        width: 40px;
        text-align: center;
        display: inline-block;
        margin-left: 32px;
        font-size: 20px;
        line-height: 1;
        color: #16202E;
      }

      .menu_open_btn:hover{
        color: #E00616;
      }


      .menu_open_btn>i.icon-close{
        display: none;
      }

      .menu_open_btn.active>i{
        display: none;
      }

      .menu_open_btn.active>i.icon-close{
        display: block;
      }

  /* --------------------------------------------
        Search Box
  -------------------------------------------- */
    
      .search_wrapp{}

      .search_btn_open{
        font-size: 24px;
        line-height: 1;
        color: #16202E;
      }

      .search_btn_open>i{
        line-height: 1;
        display: block;
      }

      .search_btn_open:hover{
        color: #E00616;
      }

      .search_box{
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #fff;
        padding: 32px 0;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
      }

      .search_wrapp.active .search_box{
        opacity: 1;
        visibility: visible;
          z-index: 2;
      }

      .search_form{
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: space-between;
        -ms-align-items: center;
        align-items: center;
      }

      .search_input{
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
        background: none;
        -webkit-flex-grow: 10;
        -moz-flex-grow: 10;
        -ms-flex-grow: 10;
        -o-flex-grow: 10;
        flex-grow: 10;
        font-size: 16px;
        line-height: 24px;
        padding: 4px 0;
      }

      .search_btn{
        display: inline-block;
        outline: none;
        background: none;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-size: 14px;
        line-height: 16px;
        font-weight: 700;
        text-transform: uppercase;
        color: #16202E;
        margin-left: 32px;
      }

      .search_btn_close{
        display: inline-block;
        margin-left: 89px;
        font-size: 24px;
        line-height: 1;
        color: #16202E;
      }

      .search_btn_close:hover,
      .search_btn:hover{
        color: #E00616;
      }

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

    7. Footer

------------------------------------------------ */
  
  .footer_top{
    padding: 80px 0 75px;
    border-top: 2px solid #16202E;
  }

  .footer_bottom{
    color: #79838C;
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 75px;
  }

  .footer_title{
    margin-bottom: 25px;
  }

  .footer_title>a{
      color: #16202E;
  }

  .footer_title>a:hover{
    color: #E00616;
  }

  .footer_logo{
    width: 100px;
  }


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

    8. Contacts page

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

  .contact_wrapp{
    position: relative;
    background-color: #fff;
  }

  .map_box{
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 0;
    right: calc(50% + 16px);
  }

  .ymap{
    height: 100%;
  }

  .contact_item{
    padding: 27px 0 20px;
  }

  .contact_item:not(:last-child){
    border-bottom: 1px solid #C6CED3;
  }

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

    9. Animate

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

  .animate_el{
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }


  .tr_top{
    -webkit-transform: translate(0, -40px);
    -ms-transform: translate(0, -40px);
    -o-transform: translate(0, -40px);
    transform: translate(0, -40px);
  }
  .tr_bottom{
    -webkit-transform: translate(0, 40px);
    -ms-transform: translate(0, 40px);
    -o-transform: translate(0, 40px);
    transform: translate(0, 40px);
  }
  .tr_left{
    -webkit-transform: translate(-40px, 0);
    -ms-transform: translate(-40px, 0);
    -o-transform: translate(-40px, 0);
    transform: translate(-40px, 0);
  }
  .tr_right{
    -webkit-transform: translate(40px, 0);
    -ms-transform: translate(40px, 0);
    -o-transform: translate(40px, 0);
    transform: translate(40px, 0);
  }

  .swiper-slide-active .animate_el{
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  .delay_1{
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
  }

  .delay_2{
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
  }

  .delay_3{
    -webkit-transition-delay: 0.9s;
    -o-transition-delay: 0.9s;
    transition-delay: 0.9s;
  }

  .delay_4{
    -webkit-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    transition-delay: 1.2s;
  }

  .delay_5{
    -webkit-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s;
  }

  .delay_6{
    -webkit-transition-delay: 1.8s;
    -o-transition-delay: 1.8s;
    transition-delay: 1.8s;
  }

  .delay_7{
    -webkit-transition-delay: 2.1s;
    -o-transition-delay: 2.1s;
    transition-delay: 2.1s;
  }
.set-background{
    background: white !important;
}
.dp-note, .nav {
    position: absolute;
}
.dp-note {
    background: red;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    left: 50%;
    bottom: 1px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.category_itc .product_box .product_title_div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.category_itc .product_box .product_title_div img {
	margin-right: 10px;
}
.category_itc .product_box .product_title_div .child h4 {
	margin-left: -1px;
}
.category_itc .product_box .product_title_div .child {
	position: relative;
}
.category_itc .product_box .product_title_div .child img, .category_itc .product_box .product_title_div .child h4 {
    position: relative;    
	top: 50%;    
	width: auto;    
	height: auto;    
	transform: translateY(-50%);
}
.knowledgebase_list h1, .knowledgebase_list h2 {
    margin-bottom: 0;
}
.knowledgebase_list .title_box {
    padding-bottom: 0;
}
.knowledgebase_list .disclaimer {
    margin-bottom: 45px;
}
.knowledgebase_list .disclaimer a {
    color: #9FAAB2;
    font-style: italic;
}
.knowledgebase_list .disclaimer a:hover {
    color: #E00616;
}
.knowledgebase .description {
    margin-bottom: 40px;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.knowledge_base {
    padding: 0 10px 0 10px
}
.knowledge_base img {
    margin-top: -2px;
}
.niceform input {
    border: 1px solid #c0c0c0;
    height: 40px;
    border-radius: 4px;
}
.form__ok {
    display: none;
    color:#00cc00;
    font-size: 20px;
    margin-bottom: 30px;
}
.form__error {
    display: none;
    color: red;
    margin-bottom: 20px;
}
.form__ok.visible,
.form__error.visible {
    display: block;
}
.cookies-box {
    max-width: 700px;
}
.cookies-box .modal_content {
    margin-top: 15px;
}
.cookies-box .modal_content ul {
    margin-bottom: 28px;
}
.arcticmodal-container_i2 {
    padding:24px!important;
}
.smart-captcha {
    width: 100%;
}