body {
    font-family: 'Open Sans', sans-serif;
    height: 100%;
    margin: 0;
}
h1 {
    font-weight: 100;
    font-size: 35px;
}
.h2, h2 {
    font-size: 30px;
    padding: 20px 0px 5px 0px;
    margin: 0px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}
p{
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
    font-size: 20px;
    line-height: 1.8;
}
}


h3 {
    font-weight: 300;
    font-size: 25px;
    margin: 0px;
}

h4 {
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 18px;
    margin: 12px 0px 7px 0px;
}


th {
    font-size: 18px;
    font-weight: 100;
    background-color: #f8f9fa;
    padding: 5px 10px;
    border: 1px solid #ddd;
    color: #000;
}
td {
    font-size: 16px;
    padding: 5px 7px;
    border: 1px solid #ddd;
    background-color: white;
    color: #000;
    font-weight: 100;
}
table {
    border-spacing: 0px;
    border-collapse: collapse;
    border: 1px solid #ddd;
    margin: 10px 0px;
    max-width: 100%;
    overflow-x: auto;
}

.no-scroll {
    overflow: hidden;
    height: 100%; /* Vältimaks keha kõrguse muutust */
}

div#top_area_mobile {
  display: none;
}
div#content {
   padding-top: 57px;
}
@media only screen and (max-width: 900px) {

      .text_module_compact_container {
          display: block !important;
      }
      .text_module_block.tm_img_compact, .text_module_block.tm_img_compact img {
          height: 200px !important;
      }

     
      .tm_img_compact, .tm_img_compact img {
          height: 200px !important;
      }
     .text_module table, .article_tech_data_content table {
        overflow-x: auto !important;
        display: block !important;
        white-space: nowrap;
        box-sizing: border-box;
        width: unset !important;
        height: unset !important;
    }
    .text_module p, .text_module_compact p {
        line-height: 1.5 !important;
        font-size: 17px !important;
        
    }
    .tech_data_content table {
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow-x: auto !important;
        height: unset !important;
        display: block !important;
    }
    .text_module {
          display: block !important;
          min-height: unset !important;
    }
    .tech_data_content {
        max-width: 100% !important;
        padding: 10px !important;
        box-sizing: border-box !important;
        display: block !important;
        width: 100% !important;
    }     


}
@media only screen and (max-width: 1260px) {
    span.top_menu_txt.user_name {
        display: none !important;
    }
} 
 
@media only screen and (max-width: 1050px) {
   div#top_area_mobile {display: flex !important;}       
   div#top_area {display: none !important;}
   div#content {
        padding-top: 3px;
    }  
    .art_class_banner_container {
      height: 400px !important; 
    }
    .art_class_banner_content {
        height: 400px !important;
        top: 53px !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    svg.svg_mitsubishi {
          height: 40px !important;
      }
      
    
      .product_container {
        width: 760px !important;
        margin: 10px 0px !important;
    } 
    .product_meta {
        padding: 5px !important;
        width: 320px !important;
    }
    .product_price_and_delivery {
        width: 140px !important;
        padding: 5px;
    }
    .product_img_holder img {
        max-width: 100% !important;
    }
    .product_img_holder {
        width: 250px !important;
    }
    .fp_banner_txt {
        margin-right: 300px !important;
    }
    .categories_section {
        padding: 10px !important;
    }
    .category {
        max-width: 200px !important;
    }
    .category h3 {
        font-size: 22px !important;
    }
    .category li.art_cass_cat_list {
        font-size: 17px !important;
    }
} 

@media only screen and (max-width: 550px) {
  
    .brand_area {
        display: none !important;
    }
    .spacer_for_brand_area {
        display: none !important;
    }
    img.annevesary_sign {
      display: none !important;
    }
} 
@media only screen and (max-width: 768px) {

    .text_module {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        flex-direction: column !important;
        min-height: unset !important;
        box-sizing: border-box !important;
        padding: 0px !important;
        text-align: center !important;
    }
    .text_module_block {
        width: 100% !important; /* Full width */
        min-height: 250px !important;
        margin: 0 auto !important;
        box-sizing: border-box;
        text-align: unset;
    }
 
    .text_module .youtube {
        width: 100% !important;
        aspect-ratio: 3/2 !important;
        max-width: 650px !important;
        height: unset !important;
    }
    .tm_b-1 {
        order: -1 !important; /* Moves the right block to the top */
    }

    .tm_b-2 {
        order: 1 !important; /* Moves the left block below the right block */
    }
    
    .text_module_block.align_center {
        padding: 10px !important;
        box-sizing: border-box !important;
    }
    .align_center p {
        padding-top: 0px !important;
        padding-left: 0px  !important;
        border-left: unset  !important;
        max-width: unset !important;
    }
     .text_module p, .text_module_compact p {
        line-height: 1.5 !important;
        margin-top: 0px !important;
        font-size: 16px !important;
        text-align: left !important;
        margin-left: unset  !important;
        max-width: unset !important;
    }     
    .text_module h2, .text_module_compact h2 {
        font-size: 23px !important;
        text-align: left !important;
        margin-left: unset  !important;
        max-width: unset !important;
    }
    .text_module img {
        max-width: 100% !important;
        height: unset !important;
        box-sizing: border-box  !important;
        margin: 0 auto !important;
        display: block !important;
        float: unset !important;
    }
    
    
      
      div#top_area_mobile {display: flex !important;}       
      div#top_area {display: none !important;}

      div#content {
          padding-top: 3px;
      }
      div#content_area {
          overflow-x: hidden;
      }
      
      .fp_banner_img_holder {
          height: 400px !Important;
          line-height: 400px !Important;
      }
      .fp_banner_txt {
          width: unset!Important;
          margin-right: 0!Important;
          vertical-align: top!Important;
          padding: 10px!Important;
      }
      .fp_banner_txt h1 {
          font-size: 25px !Important;
      }
      .fp_banner_txt h2 {
          font-size: 25px !important;
          margin-top: 10px !important;
          text-shadow: 5px 5px 5px black !important;
          font-weight: 400 !important;
      }
      p.banner_link_btn {
          font-size: 18px !important;
          font-weight: 400;
          padding: 5px 10px;
      }
      .categories_section {
          padding: 0px !important;
          background-color: #fff !important;
      }
      .categories_section h2 {
          font-size: 25px !important;
          text-align: left !important;
          margin-bottom: 0px !important;
          padding: 10px !important;
      }
     .category {
          padding: 0 !important;
          border-bottom: 1px solid #ccc;
          background-color: #ffffff;
          font-size: 16px !important;
          min-height: 48px !important;
          width: 100%!important;
          max-width: none !important;
      }
      .category h3 {
          font-weight: 400 !important;
          font-size: 17px !important;
          display: inline-block;
          line-height: 48px;
          padding-left: 15px !important;
      }
      .category svg {
          display: inline-block !important;
          padding-left: 10px !important;
          vertical-align: sub;
      }
      .art_class_cat {
          display: none;
          padding: 0;
          margin: 0 !important;
          background-color: #f7f7f7;
      }
      li.art_cass_cat_list {
          font-size: 16px !important;
          margin-left: 30px !important;
          line-height: 40px;
      }
      
      

      p.scroll_to_details {
          /* display: none !important; */
          margin: 0 auto !important;
          background-color: #06617A !important;
          display: block !important;
          width: fit-content !important;
      }
      .fp_contacts {
          padding: 10px !important;
      }
      .fp_contact {
          display: flex !important;
          width: 100% !important;
          margin: 0 !important;
          padding: 5px !important;
      }

      .fp_contact_img {
          flex-shrink: 0;
          width: 145px !important;
          height: 240px !important;
          margin-left: -50px !important;
          border-radius: 60px !important;
      }

      .fp_contact_img img {
          scale: 1 !important;
      }

      .fp_contact_txt {
          flex: 1; /* V�tab �lej��nud ruumi */
      }
      p.fp_contact_data {
        display: none !important;
      }
      p.fp_contact_data_mobile {
        display: block !important;
      }
      p.fp_contact_name {
          font-size: 18px !important;
          margin: 20px 0px 0px 0px !important;
      }
      p.fp_contact_position, p.fp_contact_products, p.fp_contact_data_mobile {
          margin: 0px !important;
          font-size: 16px !important;
          text-align: left !important;
      }
      p.fp_contact_position {
          font-weight: 400 !important;
      }
      p.fp_contact_data_mobile a {
          text-decoration: none;
          color: #0f5a6f;
          font-weight: 400;
      }
      div#footer_img {
          width: 260px; !important;
      }
      .footer_col {
          min-height: unset !important;
      }
      .article_container {
          padding: 0px 10px;
      } 
      .article_container p {
          text-align: left !important;
      }
      
  
      .art_class_banner_txt h1, .art_class_banner_txt h2 {
          /*display: none !important;*/
      }
      .art_class_banner_txt h1 {
          font-size: 28px !important;
          margin: 0px !important;
      }
      .art_class_banner_txt h2 {
          font-size:23px !important;
      }

      .art_class_banner_container {
          display: none !important;
      }
      .art_class_banner_content {
          width: 100% !important;
          top: 0 !important;
          position: relative !important;
          padding-bottom: 20px;
          height: unset !important;
      }
      .art_class_banner_txt {
          display: block !important;
          padding: 0 10px !important;
          width: 100% !important;
          margin-top: 400px !important;
          height: unset !important;
          box-sizing: border-box;
      }
      .art_class_banner_img {
        width: 100% !important;
        box-sizing: border-box !important;
        text-align: center !important;
    }
      .art_class_banner_img img {
          width: 380px !important;
      }


      .nav_path {
          display: none !important;
      }
      .sub_art_class_ribbon_container {
          padding: 0 10px;
      }
      .sub_art_class_ribbon_arrow.left, .sub_art_class_ribbon_arrow.right {
          display: none !important;
      }      
      .ribbon_element p {
          display: none !important;
      }      
      .ribbon_element img {
          display: block;
          margin: 0 auto;
          width: 100px !important;
      }
      .ribbon_element h3 {
          font-size: 16px;
          font-weight: 400;
          margin: 0px 0px 0px 0px;
      }
      .ribbon_element {
          width: 150px !important;
          overflow: hidden;
      }
      .sub_art_class_ribbon_list_container {
          padding: 10px  !important;
          height: 180px  !important;
          overflow-x: auto !important;
          border-top: 1px solid #ddd !important;
      }

      .tech_data_container {
          min-height: unset !important;
          display: block !important;
          padding: 0 10px 10px 10px !important;
      }
      .tech_data {
          width: unset !important;
      }

      ul.tech_data_list {
          width: unset !important;
          border: none !important;
          padding-left: 10px !important;
          font-size: 20px !important;
      }
      .tech_data_content {
          padding: 0px 10px 50px 10px !important;
          overflow: hidden;
          width: unset !important;
      }
      .tech_data_content_container table {
          overflow-x: auto;
          display: block;
          margin-right: 10px;
          white-space: nowrap;
          width: unset !important;
          box-sizing: border-box;
          height: unset !important;
      }
      .products_module {
          text-align: center;
          margin: 50px 5px 150px 5px !important;
      }
      .product_container {
          width: 100% !important;
          overflow: hidden !important;
          margin: 5px 0px 10px 0px !important;
          box-sizing: border-box !important;
      }
      .product_img_holder {
          display: block !important;
          margin: 0 auto;
      }
      .product_meta {
          display: block;
          width: unset !important;
      }
      .product_price_and_delivery {
          width: unset !important;
          display: block !important;
          text-align: left !important;
      }
      .product_price_and_delivery .price {
          display: inline-block;
          margin-right: 15px;
      }
      p.btnAddtoOrder {
          margin-right: 10px;
          float: unset !important;
      }
      div#parameters_container {
          padding: 0 10px 10px 10px !important;
          display: block !important;
      }
      div#parameters_container h2 {
          font-size: 22px !important;
      }
      .parameter_div {
          width: 170px !important;
          margin: 5px 2px !important;
          overflow: hidden !important;
          padding-bottom: 3px !important;
      }
      p.parameter_header {
          height: unset !important;
          line-height: 1 !important;
          padding: 5px 5px !important;
          min-height: 25px !important;
      }
      .parameter_values_div {
          font-size: 16px !important;
      }
      form#filters_form {
          display: none;
      }

      span.param_open-colse_btn {
          display: inline-block !important;
      }

      span.btn_close {
          display: none;
          vertical-align: sub;
      }

      .parameter_div.param_slider {
          width: 346px !important;
      }
      .filter_slider {
          width: 100% !important;
      }

      input#searchQuery {
          display: block !important;
          width: 100% !important;
          box-sizing: border-box !important;
      }
      button#searchButton {
          display: block;
          margin: 10px 0px!important;
          border-radius: 6px !important;
      }

      ul.search_result_files, ul.search_result_products {
          padding: 0px !important;
      }
      .td_file_container {
          width: 100% !important;
          box-sizing: border-box;
      }
      .td_file_title, .td_file_name {
          width: auto !important;
          margin-bottom: 10px;
      }
      .article_tech_data_content {
          width: unset !important;
          padding: 0 10px !important;
      }
      
    .login_container {
        top: 53px !important;
        bottom: 0;
        padding: 10px !important;
        box-sizing: border-box;
    }
    .login_left p {
        font-size: 16px !important;
    }
    .login_left {
        display: block !important;
        width: 100% !important;
        padding: 0 5px !important;
    }
    .login_right {
        width: 100% !important;
        box-sizing: border-box;
    }

    div#cart_container_bg {
        overflow: hidden;
        top: 53px !important;
    }
          
    div#cart_container {
        top: 0px !important;
        position: absolute;
        border: none;
        height: 100% !important;
        padding: 10px !important;
        box-sizing: border-box;
        width: 100% !important;
        height: 100% !important;
        overflow-y: auto;
    }

    .cart_prod_container {
        width: 100% !important;
        box-sizing: border-box;
    }
    .cart_prod_data {
        width: unset !important;
    }
    .cart_products {
        max-height: unset !important;
    }
    .cart_customer_data {
        margin: 0px !important;
        display: block !important;
        width: 100% !important;
        box-sizing: border-box;
    }
    textarea#comment {
        width: 100% !important;
        box-sizing: border-box;
    }  

    .file-tree ul {
        padding: 0px !important;
    } 

    .file-tree ul li ul {
        padding: 0px 0px 0px 10px !important;
    }
    p.file_tree_file_title {
        padding: 3px !important;
    }
    .file_tree_file_desc p {
        overflow-wrap: break-word;
    }

    form#contactForm input, form#contactForm textarea {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
      img.annevesary_sign {
      display: none !important;
    } 
    
    article.category_card {
      padding: 5px !important;
      margin: 0px 5px!important; 
    }
    div#category_small_text p {
      font-size: 16px !important;
      padding: 0px 10px !important;
      border-left: none !important;
      line-height: 1.2 !important
    }
    .category_card_smalltext {
      font-size: 16px !important;
    }
    .category_card_body {
        padding: 0 5px !important;
    }

      
}
/*---------end of max-width: 480px-------------*/




div#top_area {
    border-bottom: 3px solid #0992b9;
    height: 52px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    background-color: #fff;
    padding-top: 3px;
}
.logo_area {
    width: 170px;
    display: inline-block;
    height: 50px;
    vertical-align: top;
    cursor: pointer;
}

.brand_area {
    width: 270px;
    display: inline-block;
    /* border: 1px solid #ddd; */
    height: 48px;
    float: right;
    text-align: right;
}
.brand_area_mobile {
    width: 220px;
    display: inline-block;
    /* border: 1px solid #ddd; */
    height: 48px;
    float: right;
}
svg.svg_logo {
    margin: 10px;
}

/* Top menu */

div#top_menu {
    display: inline-block;
    margin-left: 20px;
}
.top_main_menu_desktop {
    padding-left: 0px;
    margin: 0px;

}
.top_main_menu_desktop li {
    display: inline-block;
    line-height: 55px;
    font-size: 14px;
    font-weight: 600;
    list-style-type: none;
    float: left;
}
p.top_menu_link_desktop.cart_btn {
    margin: 0;
    line-height: 55px;
    cursor: pointer;
}
.top_main_menu_desktop li a {
    color: #000;
    display: block;
    padding: 0px 10px;
    text-decoration: none;
    cursor: pointer;
}
.top_main_menu_desktop li a:hover {
    color: #000;
    background-color: rgba(0,30,60,0.2);
}
.top_main_menu_desktop li ul {
    display: none;
    margin: -3px 0px 0px 0px;
    z-index: 999;
    min-width: 200px;
}
li.lang_active a {
    /* list-style: circle !important; */
    /* border-left: 3px solid #020202; */
    background-color: #eee;
}
span.top_menu_txt.user_name {
    padding-left: 50px;
    line-height: 55px;
}
span.top_menu_txt.user_name svg {
    vertical-align: sub;
}
.top_sub_menu_desktop li:first-child {
    padding-top: 10px;
}
.top_sub_menu_desktop li:last-child {
    padding-bottom: 15px;
}

.top_sub_menu_desktop {
    padding: 0px;
    border-top: 3px solid #0992b9;
    -webkit-box-shadow: 0 7px 14px rgba(0,0,0,.15);
    box-shadow: 0 7px 14px rgba(0,0,0,.15);
    position: absolute;
    top: auto;
    display:none;
}
.top_sub_menu_desktop li {
    display: block;
    line-height: 32px;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    border: none;
    background-color: #fff;
    float: none;
    padding: 0px 5px;
    text-transform: none;
}

#h_menu_selected{
  line-height: 50px;
  color:#000;
  background-color:#999;
}



#search_query {
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    color: #222;
    float: right;
    margin: 3px 5px 3px 5px;
    min-height: 41px;
    width: 165px;
}

div#content_area {
   /* margin-top: 58px;*/
}
/*------------------------------------------
//--products_menu
///-----------------------------------------*/
.products_menu_container_bg {
    width: 100%;
    background-color: #33333300;
    position: fixed;
    z-index: 9999;
    top: 59px;
    bottom: 0px;
    left: 0px;
    display: none;
}
.products_menu_container {
    width: 1375px;
    background-color: #fff;
    /* margin: 0 auto; */
    text-align: left;
    border-bottom: 3px solid #0992b9;
    max-height: 800px;
    overflow: hidden;
    box-shadow: 0px 11px 11px 0px #00000040;
    margin-left: 180px;
}
.prod_menu_descr, .prod_menu_category, .prod_menu_art_class {
    display: inline-block;
    vertical-align: top;
}
.prod_menu_descr {
    width: 265px;
    height: 360px;
    background-color: #f3f3f3;
    padding: 20px;
    overflow: hidden;
}
.prod_menu_descr h3 {
    margin: 10px 0px;
    font-size: 18px;
}
.prod_menu_descr p {
    font-size: 16px;
    margin: 0px;
}
.prod_menu_descr .img_place {
    width: 240px;
    height: 150px;
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid #bbb;
    background-color: #fff;
    text-align: center;
}
.prod_menu_descr img {
    height: 150px;
}

.art_class_lvl1, .art_class_lvl2, .art_class_lvl3, .prod_menu_category {
    display: inline-block;
    width: 260px;
}
.art_class_lvl1 ul li, .art_class_lvl2 ul li, .art_class_lvl3 ul li{
    display:none;
    
}
div.prod_menu_art_class {
    border-left: #ddd 1px solid;
    height: 400px;
}
.products_menu_container li span {
    cursor: pointer;
}

.products_menu_container ul {
    padding-left: 10px;
}

.products_menu_container li {
    color: #333;
    list-style: none;
    /* display: inline-block; */
    width: 258px;
    text-align: left;
    vertical-align: top;
    margin-bottom: 10px;
    /* font-weight: 600; */
}
.prod_menu_art_class li span.selected, .prod_menu_category li span.selected{
    color: #0992b9;
}

.products_menu_container li a:hover {
    font-weight: 600;
    color: #0992b9;
}

.products_menu_container li a {
    color: #333;
    text-decoration: none;
}

.products_menu_container li ul {
    margin-bottom: unset;
}
.products_menu_container li ul li {
    margin-bottom: unset;
    font-weight: 400;
}
.products_menu_container li ul li ul li {
    font-weight: 100;
}
/*-------------------------------------------
//----articles---------
///---------------------------------*/

.article_container {
    max-width: 1200px;
    margin: 0 auto 100px auto;
}

.article_container ul li {
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
    line-height: 1.8;
}
.article_container ol li {
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
    line-height: 1.8;
}
.article_container ul li::marker {
    color: #0992b9 !important;
}
.article_container strong {
    color: #0992b9;
    /* font-weight: 300; */
}
.article_container h3 {
    font-weight: 100;
    font-size: 25px;
    margin: 25px 0px 5px 0px;
}

.article_banner_img {
    height: 400px;
    margin-bottom: 40px;
    background-position: center;
    background-size: cover;
}
.article_container p {
    font-size: 18px;
    margin: 5px 0px;
    text-align: justify;
}
span.article_link_btn a {
    text-decoration: none;
    cursor: pointer;
    background-color: #0f5f00;
    padding: 10px 20px;
    color: #FFF;
    border-radius: 5px;
    font-size: 18px;
}

/*------------------------------------------
//--fp_products
///-----------------------------------------*/
.categories_section {
    background-color: #d3e3ea;
    min-height: 300px;
    overflow: hidden;
    padding: 20px 30px;
    /* text-align: center; */
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.categories_section h2 {
    color: #103748;
    margin: 0px 0px 20px 0px;
    padding: 0;
    width: 100%;
    text-align: center;
    font-size: 40px;
    font-weight: 600;
}
.category {
    color: #103748;
    padding: 10px 12px;
    max-width: 250px;
}

.category h3 a {
    text-decoration: none;
    color: #103748;
}

.category svg {
    display: none;
}

ul.art_class_cat {
    list-style: none;
    padding-left: 0px;
    margin-top: 5px;
}
.category li.art_cass_cat_list {
    margin: 0px;
    padding: 4px 0px;
    font-size: 21px;
    min-width: 150px;
    font-weight: 100;
}
.category h3 {
  margin: 0px;
  padding:0;
  font-weight: 600;
  font-size: 25px;     
}
.category h3 svg{
  display:none;     
}
li.art_cass_cat_list a {
    text-decoration: none;
    color: #103748;
}

li.art_cass_cat_list:hover {
    background-color: #bccbd1;
}

/*----------------------------------------*/
/*------------------------------------------
//--text-modules
///-----------------------------------------*/
.text_module {
    width: 100%;
    text-align: center;
    position: relative;
    display:table;
}
.text_module_mobile {
    display: none;
}
.text_module_block {
    
    vertical-align: middle;
    display: table-cell;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 30px 30px 30px 30px;
}
.text_module_block.align_right {
    text-align: left;
    width: 50%;
}
.text_module_block h2, .tm_txt_compact h2 {
    margin: 10px 0px 5px 0px;
    padding: 5px 0px;
    font-size: 30px;
}
.text_module_block p, .tm_txt_compact p {
    font-size: 22px;
    font-weight: 100;
    padding: 5px 0px;
    text-wrap: wrap;
    white-space: break-spaces;
    margin: 5px 0px;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.5;
}

.text_module_link {
    width: 100%;
    margin: 30px 0px;
}

a.text_module_inTextLink {
    /* color: #0992b9; */
    text-decoration: none;
    font-weight: 400;
    background-color: #0992b9;
    color: #fff;
    padding: 7px 15px;
    border-radius: 5px;
    line-height: 40px;
    /* margin: 15px 0px; */
    font-size: 16px;
}

.youtube {
    background-position: center center !important;
}

a.text_module_link_btn {
    text-decoration: none;
    cursor: pointer;
    background-color: #0f5f00;
    padding: 10px 20px;
    color: #FFF;
    border-radius: 5px;
    font-size: 18px;
}



.align_right .text_module_link {
    text-align: right !important;
}

.text_module_block.align_right img {
    float: right;
}
.text_module_block.align_right h2, .align_right p  {
    margin-left: auto;
}
.text_module_block.align_left {
    text-align: left;
    width: 50%;
}
.align_center {
    display: block !important;
    margin: 0 auto;
    /* text-align: left; */
}
.align_center p {
    text-align: left;
    margin-top: 0px;
    padding-top: 0px;
    padding-left: 50px;
    border-left: 10px solid #06617A;
    font-size: 20px;
    line-height: 1.8;
}
.align_center h2 {
    padding: 40px 0px 10px 0px;
    margin: 0px;
}
.text_module_block img {
    margin: 0 20px;
    max-width: 100%;
}

.youtube {
    background-size: cover;
    cursor: pointer;
    position: relative;
    display: inline-block;
}
.youtube .play-button {
    width: 75px;
    height: 53px;
    background: url('../../image_bank/web-design/youtube_play.png') no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.youtube.youtube_left {
    float: right;
}
.youtube.youtube_right {
    float: left;
}

.text_module_compact_container {
    padding: 40px 0;
    text-align: center;
}

.text_module_compact {
    max-width: 600px;

}
.text_module_compact {
    max-width: 600px;
    padding: 0 50px;
    display: inline-block;
    vertical-align: top;
    /* text-align: unset; */
    text-align: left;
}

.tm_img_compact img {
    display: block;
    width: 100% ;
    height: 300px;
    object-fit: cover;
    margin: 0 ;
}

.tm_txt_compact {
    padding: 5px;
}

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

/*------------------------------------------
//--fp_our_contacts inimesed
///-----------------------------------------*/

.fp_contact {
    display: inline-block;
    width: 460px;
    margin: 5px 20px;
    vertical-align: top;
    overflow: hidden;
}
.fp_contact_img {
    width: 200px;
    display: inline-block;
    margin-left: -50px;
    height: 300px;
    border-radius: 75px;
    border: 1px solid #fff;
    overflow: hidden;
}
.fp_contact_txt {
    display: inline-block;
    width: 255px;
    vertical-align: top;
    color: #566d77;
    text-align: left;
    margin-left: 10px;
}
p.fp_contact_name {
    font-size: 20px;
    margin: 87px 0px 0px 0px;
    font-weight: 900;
    text-transform: uppercase;
}
p.fp_contact_position {
    margin: 5px 0px 0px 0px;
}
p.fp_contact_products {
    font-size: 18px;
    margin: 10px 0 0 0;
    text-align: left;
}
p.fp_contact_data {
    margin: 10px 0 0 0;
    font-size: 18px;
    text-align: left;
}
p.fp_contact_data_mobile {
    display: none;
}
.fp_contacts {
    margin: 0 auto;
    padding: 30px 10px 20px 10px;
    text-align: center;
}
/*------------------------------------------
//--file tree
///-----------------------------------------*/

p.file_tree_folder {
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
    font-size: 23px;
    cursor: pointer;
}
ul.file_tree_ul {
    display: none;
}
.file-tree ul {
    list-style: none;
}
ul.file_tree_ul.file_list {
    display: block;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background-color: #fafafa;
    padding-left: 0px;
}
ul.file_tree_ul.file_list li {
    border-bottom: 1px solid #ddd;
}
p.file_tree_file_desc {
    display: none;
}

span.folder_open {
    display: none;
}
span.folder_open, span.folder_closed {
    fill: #a5a5a5;
    padding-right: 15px;
}
span.folder_open, span.folder_closed {
    fill: #a5a5a5;
    /* stroke: #1aa; */
    padding-right: 15px;
}

p.file_tree_file_title {
    cursor: pointer;
    font-size: 16px;
    margin: 0px;
    padding: 3px 20px;
}
.file_tree_file_desc {
    background-color: #fff;
    padding: 10px;
    border: 1px solid #ddd;
    font-size: 16px;
    margin: 0px 10px 5px 10px;
    display: none;
}
.file_tree_file_desc p {
    font-size: 16px;
}

p.file_tree_download {
    color: #0992b9;
    cursor: pointer;
    fill: #0992b9;
    font-weight: 400;
}
p.file_tree_download span {
    display: inline-block;
    vertical-align: text-top;
}
p.file_tree_download a {
    color: #0992b9;
    text-decoration: none;
}
/*------------------------------------------
//--footer
///-----------------------------------------*/

#footer_container {
    clear: both;
    line-height: 25px;
    text-align: center;
    width: 100%;
    font-size: 18px;
    color: #fff;
    background-color: #3d3d3d;
    padding: 20px 0px;
    margin: 0 auto;
    font-family: 'Open Sans';
    border-top: 1px solid #6d6d6d;
}
.footer_col {
    display: inline-block;
    /* padding: 10px; */
    /* float: left; */
    min-height: 150px;
    width: 260px;
    text-align: left;
    vertical-align: top;
}
#footer_img {
    display: inline-block;
    width: 200px;
    text-align: left;
}
div#footer_socials {
    margin-top: 10px;
}
#footer_socials a {
    margin: 0px 10px;
}
#footer_bottom {
    display: block;
    margin: 20px;
    border-top: 1px #fff solid;
    padding: 20px;
}


/*------------------------------------------
//--fp_banners
///-----------------------------------------*/

.fp_banner_container {
    padding-bottom: 28px;
}
.fp_banner_txt h1 {
    font-size: 45px;
    font-weight: 600;
    margin: 0px;
    padding: 0px;
    text-shadow: #000 3px 3px 10px;
    font-family: 'Open Sans';
    word-break: break-word;
}
.fp_banner_txt h2 {
    margin: 30px 0px 0px 0px;
    padding: 0px;
    font-size: 40px;
    font-family: 'Open Sans';
    font-weight: 100;
    text-shadow: #000 3px 3px 10px;
    word-break: break-word;
}
p.banner_link_btn {
    background-color: #0f5f00;
    display: inline-block;
    padding: 10px 15px;
    font-size: 25px;
    border-radius: 5px;
    cursor:pointer;
}
p.banner_link_btn a {
    text-decoration: none;
    color: #fff;
    font-family: "Open Sans";
}
.fp_banner_img_holder {
    width: 100%;
    height: 800px;
    background-color: #05254c;
    text-align: center;
    line-height: 800px;
}
.fp_banner_txt {
    color: #fff;
    width: 425px;
    text-align: left;
    margin-right: 400px;
    display: inline-block;
    line-height: normal;
    vertical-align: middle;
}
div#fp_banner_selector {
    margin: -50px auto 0 auto;
    text-align: center;
}
button.fp_banner_selector_btn {
    margin: 0 5px;
    height: 13px;
    width: 13px;
    border: 1px solid #ffffffb8;
    background-color: #ffffff6b;
    border-radius: 2px;
    cursor: pointer;
    padding: 0px;
}

button.fp_banner_selector_btn:hover {
    background-color: #ffffffd4;
}
   
button.fp_banner_selector_btn.selected {
    background-color: #ffffffd4;
}

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

.login_container {
    width: 100%;
    background-color: #dddde3;
    margin: 0 auto;
    padding: 10px 10px 60px 10px;
    text-align: center;
    display: none;
    border-bottom: 3px solid #0992b9;
    position: fixed;
    top: 58px;
    left: 0px;
    z-index: 10000;
}
.login_left {
    display: inline-block;
    width: 380px;
    vertical-align: top;
    text-align: left;
    padding: 0 20px;
}
p.registreeri_kasutajaks, p.unustasid_parooli {
    color: #0992b9;
    font-weight: 400;
    cursor: pointer;
}

.login_right {
    display: inline-block;
    width: 33.3%;
    text-align: left;
    padding: 0 20px;
}
#loginForm input, #pass_recovery_form input {
    padding: 5px;
    border: 1px solid #aaaaaa;
    border-radius: 4px;
    margin: 5px 0 20px 0;
    background-color: #fff;
    display: block;
    font-size: unset;
    width: 300px;
}
#loginForm button, #pass_recovery_form button {
    padding: 7px 15px;
    background-color: #0992b9;
    /* border-color: #0992b9; */
    border: none;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: unset;
    border-radius: 5px;
}
p.login_form_close {
    cursor: pointer;
}
.login_form_close svg path {
    fill: #777;
}
.login_container .reg_form, .pass_recovery {
    display: none;
    max-width: 600px;
    text-align: left;
    margin: 0 auto;
}
/*------------------------------------------
//--art class
///-----------------------------------------*/
.art_class_banner_container {
    width: 100%; /* Div v�tab kogu saadaval oleva laiuse */
    height: 500px; /* Divi k�rgus on fikseeritud */
    overflow: hidden; /* Peidab �le serva ulatuvad elemendid */
    /* display: flex; */ /* Kasutame Flexboxi paigutamiseks */
    /* justify-content: center; */ /* Keskendab SVG horisontaalselt */
    /* align-items: center; */ /* Keskendab SVG vertikaalselt */
    background-color: #c2c2c2;; /* Taustav�rv, soovi korral */
    position: relative;
}

.art_class_banner_container svg {
    /* height: auto; */ /* SVG k�rgus muutub proportsionaalselt */
    /* width: auto; */ /* SVG laius muutub proportsionaalselt */
    /* max-height: 100%; */ /* SVG k�rgus ei �leta divi k�rgust */
    /* max-width: 100%; */ /* SVG laius ei �leta divi laiust */
    /* object-fit: cover; */ /* S�ilitab SVG proportsioonid ilma venituseta */
    position: absolute;
    height: 500px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
}

.art_class_banner_content {
    width: 800px;
    height: 500px;
    overflow: hidden;
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
}
.art_class_banner_img {
    display: inline-block;
    position: fixed;
    top: 0;
    right: 0;
}

.art_class_banner_img img {
    width: 400px;
}

.art_class_banner_txt {
    padding: 0px;
    width: 400px;
    display: inline-block;
    height: 500px;
    vertical-align: top;
    text-align: left;
    margin-right: 400px;
    position: relative;
    z-index: 2;
}
.art_class_banner_txt h1 {
    font-size: 35px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 100px 0px 10px 0px;
}
.art_class_banner_txt h2 {
    margin: 0px;
    padding: 0pc;
    font-weight: 100;
    font-size: 30px;
}
p.scroll_to_details {
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    background-color: #06617A;
    padding: 10px 20px !important;
    color: #FFF;
    border-radius: 5px;
    font-size: 18px;
    line-height: unset;
    margin: 35px 0px 0px 0px;
}
.sub_art_class_ribbon_list_container {
    height: 350px;
    white-space: nowrap;
    overflow-x: hidden;
    text-align: center;
    /* border-top: 1px solid #ddd; */
    border-bottom: 1px solid #ddd;
    padding: 10px 100px 0px 100px;
    
    overflow-y: hidden;
}

.sub_art_class_ribbon_arrow.left {
    background: linear-gradient(to right, white 50%, transparent 100%);
    text-align: left;
    float:left;
    padding-left: 20px;
}

.sub_art_class_ribbon_arrow.right {
    float:right;
    background: linear-gradient(to left, white 50%, transparent 100%);
    text-align: right;
    padding-right: 20px;
}
.sub_art_class_ribbon_arrow span {
    font-size: 40px;
    font-family: monospace;
    line-height: 290px;
    font-weight: 600;
    color: #a7a7a7;
}


.sub_art_class_ribbon_arrow {
    width: 100px;
    color: #888;
    cursor: pointer;
    display: inline-block;
    height: 330px;
    vertical-align: middle;
    margin-top: -330px;
    position: relative;

}

div.ribbon_element {
    width: 300px;
    display: inline-block;
    margin: 0 10px;
    text-align: center;
    vertical-align: top;
    white-space: normal;
    cursor: pointer;
}

.ribbon_element img {
    display: block;
    margin: 0 auto; /* Keskmiseks joondamiseks */
}
.ribbon_element h3 {
    font-size: 20px;
    font-weight: 600;
    margin: 0px 0px 5px 0px;
}
.ribbon_element p {
    margin: 0px;
    font-size: 17px;
    font-weight: 100;
    line-height: normal;
}
.tech_data_container {
    min-height: 300px;
    background-color: #555;
    color: #fff;
    display: table;
    width: 100%;
    position: relative;
    border-top: 25px solid #f9f9f9;
    border-bottom: 5px solid #fff;
}
.tech_data {
    width: 600px;
    margin: 0 auto;
}
.tech_data h2 {
    text-align: left;
    font-weight: 100;
}
.td_file_container {
    width: 700px;
    display: block;
    padding: 10px 30px;
    border: 1px solid #eee;
}
.td_file_container.grey {
    background: #eee;
}
.td_file_type_header {
    font-size: 28px;
    text-transform: capitalize;
    margin: 50px 0px 5px 0px;
    background-color: #555555;
    padding: 5px 10px;
    color: #fff;
}
.td_file_download {
    display: inline-block;
    width: 70px;
}
.td_link_copy, .td_link_copy_for_email {
    cursor: pointer;
}
.link-tooltip {
    position: absolute;
    background-color: black;
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 12px;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 9999;
}

.td_file_title {
    width: 625px;
    display: inline-block;
    font-family: 'Open Sans';
    font-size: 23px;
}
.td_file_container a {
    text-decoration: none;
    color: #333 !important;
    cursor: pointer;
}
.td_file_name {
    display: inline-block;
    width: 550px;
    font-family: 'Open Sans';
    font-size: 18px;
}
p.techData_li_file_type {
    margin: 5px 0px;
    font-size: 15px;
    font-family: 'Open Sans';
    color: #555;
}
p.techData_li_file_desc {
    margin: 0px 0px;
    font-size: 17px;
}
span.techData_value.file_lang {
    text-transform: uppercase;
}


ul.tech_data_list {
    font-size: 25px;
    list-style: none;
    /* padding: unset; */
    padding-left: 50px;
    border-left: 10px solid #fff;
    min-height: 100px;
    margin-top: 10px;
}
ul.tech_data_list li {
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
}
li.techData_li span {
    padding: 0px 10px;
    line-height: 25px;
    vertical-align: middle;
}

li.techData_li svg[aria-label="[title + description]"] path {
    fill: white;
}
.tech_data_close_btn {
    text-align: right;
    margin: 10px 0px -20px 0px;
}
.tech_data_close_btn svg[aria-label="[title + description]"] path {
    fill: #777;
    cursor:pointer;
}

.article_tech_data_content {
    text-align: left;
    padding-bottom: 50px;
    text-align: left;
    width: fit-content;
    margin: 80px auto 0px auto;
}

.article_tech_data_content a {
    text-decoration: none;
    cursor: pointer;
    color: #0992b9;
}

.article_tech_data_content .url_title {
    font-size: 20px;
    font-weight: 400;
}

.tech_data_content {
    display: none;
    text-align: left;
    padding-bottom: 50px;
    text-align: left;
    width: fit-content;
    margin: 0 auto;
}
.tech_data_content p {
    max-width: 800px;
    text-align: left;
    font-weight: 100;
    line-height: 1.5;
    font-size: 19px;
}
.tech_data_content a {
    color: #007aac;
}

.techdata_url {
    border-top: 1px solid #ddd;
    margin-top: 20px;
    padding-top: 20px;
}

.techdata_url p.url {
    display: inline-block;
    margin: 0px;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 5px 10px;
}
.techdata_url p.msg {
    display: inline-block;
    margin: 0px;
    border-radius: 8px;
    padding: 5px 10px;
    background-color: #444;
    color: #fff;
    display: none;
}

.techdata_url span {
    color: #777;
    padding-right: 10px;
}

.techdata_url svg {
    fill: #777;
    vertical-align: text-top;
}

span.techdata_toClipboard {
    cursor: pointer;
}


.parameters_container {
    display: block;
    /* width: 100%; */
    background-color: #eee;
    padding: 20px 100px;
}
span.param_open-colse_btn {
    display: none;
}
.parameter_div {
    display: inline-block;
    width: 250px;
    height: 175px;
    border: 1px solid #ddd;
    margin: 5px 10px;
    background-color: #fff;
    box-shadow: 3px 3px 6px 0px #eaeaea;
    font-weight: 100;
}
.parameter_div p {
    margin: 0px;
}
.parameter_values_div {
    overflow-y: auto;
    padding: 0px 10px;
    height: 130px;
    font-size: 16px;
}
p.parameter_header {
    background-color: #ddd;
    padding: 3px 10px;
    margin: 0px 0px 10px 0px;
    font-size: 16px;
    height: 25px;
}
.parameter_slider {
    width: 200px;
    margin: 0 auto;
}
.parameter_slider_amount {
    border: none;
    margin: 10px auto;
    display: block;
    text-align: center;
    font-size: 18px;
    /* font-family: 'Open Sans'; */
}
.filter_help {
    color: #777;
    font-size: 20px;
    vertical-align: top;
    margin-left: 5px;
    margin-top: 1px;
    cursor: help;

}
form#filters_form {
    margin: 0px;
}
p.selected_filters {
    margin: -3px 0px 7px 0px;
    color: #4793a5;
    font-size: 16px;
    font-weight: 600;
}
.filter_clear {
    vertical-align: bottom;
    margin-right: 5px;
    cursor: pointer;
}
.filter_slider {
    width: 200px !important;
    border: 1px solid #666 !important;
    height: 5px !important;
    background-color: #ccc !important;
    margin: 10px auto;
}

.filter_slider .ui-slider-handle {
    width: 12px !important;
    height: 12px !important;
    border-radius: 2px;
    background-color: #bccdd4 !important;
    border-color: #333 !important;
}

label.filter_label {
    cursor: pointer;
}

.products_module {
    text-align: center;
    margin: 50px 0pc 150px 0px;
}
.product_container {
    width: 1000px;
    border: 1px solid #ddd;
    margin: 10px;
    box-shadow: 3px 3px 5px 0px #ddd;
    padding: 5px;
    display: inline-block;
    vertical-align: top;
}
.product_img_holder {
    width: 300px;
    height: 250px;
    background-color: #eee;
    border: 1px solid #d0d0d0;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.product_meta {
    display: table-cell;
    padding: 10px;
    width: 500px;
    vertical-align: top;
    text-align: left;
}

.product_price_and_delivery {
    display: table-cell;
    width: 200px;
    padding: 10px;
    text-align: right;
    vertical-align: top;
}

p.product_code {
    font-size: 15px;
    margin: 0px;
    color: #555;
}
h3.product_name {
    margin: 0px;
    font-weight: 600;
    font-size: 18px;
}

p.product_data_description {
    margin: 10px 0px 0px 0px;
    font-size: 16px;
}

p.product_data_datasheet_url {
    margin: 0px;
    font-size: 16px;
}

p.product_data_datasheet_url a {
    cursor: pointer;
    color: #000;
    text-decoration: none;
    font-weight: 400;
}

span.price_calc {
    font-family: 'Open Sans';
    font-size: 15px;
    color: #777;
}
p.price_data {
    line-height: normal;
    margin: 0px;
}
span.price.product-price.unlogged {
    font-weight: 100;
    font-size: 15px;
}
span.price_login_btn {
    background-color: #f7f7f7;
    color: #515151;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    border: 1px solid #0992b9;
}
span.price.product-price {
    font-weight: 600;
    font-size: 19px;
}
p.delivery_data {
    margin: 7px 0px 0px 0px;
    font-size: 16px;
}
.in_stock {
    color: #008145;
    font-weight: 600;
}
.aticle_qty {
    margin-top: 15px;
}
.aticle_qty input {
    border: 1px solid #ccc;
    border-radius: 2px;
    font-family: 'Open Sans';
    font-size: 15px;
    padding: 2px 8px;
    vertical-align: text-top;
    
}

input.txtQty {
    width: 55px;
    text-align: right;
}
.prod_qty_add_sub_btn {
    font-weight: 600;
    font-family: monospace !important;
    height: 26px;
    color: #444;
    cursor: pointer;
}
p.btnAddtoOrder {
    color: #fff;
    background-color: #06617A;
    border-color: #fff;
    border-radius: 5px;
    font-weight: 100;
    padding: 4px 8px;
    vertical-align: middle;
    cursor: pointer;
    display: block;
    text-align: center;
    font-size: 16px;
    width: 119px;
    float: right;
    margin: 10px 0;
}

.products_page_selector a {
    font-size: 15px;
    background-color: #ddd;
    margin: 0 3px;
    padding: 3px 10px;
    border-radius: 3px;
    text-decoration: none;
    color: #000;
    font-weight: 600;
    cursor: pointer;
}

.products_page_selector {
    margin: 20px 0px;
}
.products_page_selector span.current_page {
    padding: 3px 10px;
    font-weight: 600;
    background-color: #bccdd4;
    border-radius: 3px;
    font-size: 15px;
    margin: 0 3px;
}
.products_page_selector span.another_page {
    padding: 3px 10px;
    font-weight: 600;
    background-color: #ddd;
    border-radius: 3px;
    font-size: 15px;
    margin: 0 3px;
    cursor:pointer;
}

.product_img_holder img {
    vertical-align: middle;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
}

.nav_path {
    margin: 0 auto;
    height: 50px;
    padding: 0px 100px;
    border-bottom: 1px solid #0992b9;
    background-color: #f9f9f9;
    border-top: 1px solid #cfcfcf;
}
.nav_path a {
    text-decoration: none;
    color: #333;
    font-weight: 400;
}
.nav_path a:hover {
    color: #0992b9;
    fill: #0992b9;
}
a.nav_home_icon {
    vertical-align: middle;
}
span.path_nav_arr {
    color: #0992b9;
}

.nav_path p {
    margin: 0px;
    line-height: 50px;
    font-size: 16px;
}
.in_order_total_qty {
    /* width: 30px; */
    background-color: #0992b9;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    border-radius: 3px;
    padding: 0px 5px;
}

/*---------------------------------------------
//----------cart-------------------------------
//-------------------------------------------*/
div#cart_container_bg {
    position: fixed;
    top: 57px;
    width: 100%;
    bottom: 0px;
    z-index: 9999;
    background-color: #33333300;
    display: none;
}
.cart_container {
    top: 57px;
    width: 800px;
    background-color: #fafafa;
    left: 0;
    right: 0;
    border: 1px solid #0992b9;
    padding: 20px;
    margin: 0 auto;
    display: none;
    z-index: 10000;
    box-shadow: 0px 11px 11px #00000040;
}
.cart_container h2 {
    padding: 0px 0px 15px 0px;
}
.cart_products {
    background-color: #fff;
    max-height: 500px;
    overflow-y: auto;
    margin: 20px 0px;
    border: 1px solid #e3e3e3;
}
.cart_prod_container {
    padding: 5px 5px 5px 15px;
    background-color: #fff;
    border-bottom: 1px solid #3293bb;
    border-left: 5px solid #3293bb;
}
.cart_prod_data {
    display: inline-block;
    width: 500px;
}
.cart_prod_data p {
    margin: 0px;
    font-size: 16px;
    line-height: 1.5;
}
p.cart_art_code {
    font-size: 16px;
}
p.cart_art_name {
    font-weight: 600;
}
.cart_prod_price_qty {
    display: inline-block;
    font-size: 18px;
    width: 250px;
    text-align: right;
    vertical-align: top;
}
p.cart_art_qty {
    margin: 0px;
}
.cart_aticle_price {
    border-top: 1px solid #ccc;
    margin-top: 5px;
    padding-top: 5px;
}
p.cart_price {
    margin: 0px;
    font-size: 15px;
    color: #555;
}
span.cart_price_total {
    color: #333;
    font-weight: 600;
}
.cart_customer_data label {
    font-size: 16px;
    color: #555;
    width: 108px;
    display: inline-block;
}
.cart_customer_data input {
    padding: 3px;
    width: 300px;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 17px;
    margin-bottom: 5px;
}
.cart_customer_data textarea#comment {
    width: 500px;
    height: 200px;
    text-align: left;
    vertical-align: top;
    padding: 3px;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 17px;
    margin-bottom: 5px;
}
.cart_buttons {
    text-align: right;
}
.cart_button {
    color: #fff;
    background-color: #0992b9;
    border-color: #fff;
    border-radius: 5px;
    font-weight: 100;
    padding: 4px 8px;
    vertical-align: middle;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    margin: 10px 5px;
}
.cart_button a {
    text-decoration: none;
    color: #fff;
    font-weight: 100;
}
.cart_customer_data {
    display: inline-block;
    margin-left: 30px;
}
.close_cart_form {
    float: right;
    cursor: pointer;
}
.close_cart_form svg {
    fill: #333;
}
.btn_cart_remove_from_list {
    display: inline-block;
    line-height: 25px;
    vertical-align: sub;
    cursor: pointer;
    fill: #999;
}

.cart_message {
    margin: 15px 0px;
}

.cart_info p {
    text-align: left;
    max-width: 600px;
}

.cart_info a {
    color: #0992b9;
    font-weight: 400;
    cursor: pointer;
    text-decoration: none;
}

iframe#posital_finder {
    border: none;
    width: 1200px !important;
    height: 1000px !important;
}

/* search--------------------------
*/

input#searchQuery {
    padding: 15px;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
    width: 600px;
    border: 1px solid #ccc;
    border-radius: 6px;
}
input#searchQuery:focus {
    border: 1px solid #0992b9;
    outline: 0;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
button#searchButton {
    padding: 16px 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
    font-size: 18px;
    background-color: #0992b9;
    color: white;
    border: none;
    cursor: pointer;
    margin-left: -85px;
    width: 79px;
    border-radius: 0pc 6px 6px 0px;
}

div#results ul li a {
    text-decoration: none;
    /* color: #0992b9; */
    color: #333;
}
div#results ul li a:hover {

    color: #000;
}

div#results .td_file_type_header {
    font-size: 20px;
    text-transform: capitalize;
    margin: 30px 0px 5px 0px;
    padding: 5px 10px;
    color: #fff;
}
div#results .td_file_title {
    font-size: 18px;
}

div#results .td_file_name {
    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: 100;
}

#cookieBanner {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #333;
    color: #fff;
    padding: 35px 20px;
    font-family:  'Open Sans', sans-serif;
    font-size: 16px;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.3);
    z-index: 1000;
    border-top: 3px solid #0992b9;
}

#cookieBanner p {
    margin: 0 auto;
    padding: 0 10px;
    display: block;
    max-width: 1000px;
    font-size: 16px;
    font-family:  'Open Sans', sans-serif;
}

#cookieBanner button {
    background-color: #0f5f00;
    color: #fff;
    border: none;
    padding: 12px 24px;
    margin: 5px 10px;
    cursor: pointer;
    font-size: 16px;
    border-radius: 5px;
    transition: background-color 0.3s ease;
    min-height: 50px; /* min kõrgus suuremaks */
    min-width: 90px; /* min laius suuremaks */
}

#i_love_cookies{
  background-color: #0f5f00;
}
#no_cookies {
    background-color: #851000 !important;
}

#cookieBanner .decline-btn {
    background-color: #d9534f; /* Punane taust */
}

#cookieBanner button:hover {
    opacity: 0.9;
}

#cookieBanner .info-link {
    color: #fff;
    cursor: pointer;
}

.kitten-background {

    background-image: url('../../image_bank/kitten/kiisu.jpg');
    background-size: cover;
    background-position: center;

    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}


.random_art_class_order_confim {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px; /* Vaheline ruum */
}

.random_art_class_order_confim .img_area, .random_art_class_order_confim .text_area {
    flex: 1 1 300px; /* Vähemalt 300px, aga võib laieneda kuni 400px */
    max-width: 400px;
    min-width: 300px;
}

.random_art_class_order_confim .img_area img {
    width: 100%; /* Pilt täidab divi laiuse */
    height: auto; /* Kõrgus kohandub automaatselt */
}

.random_art_class_order_confim .text_area {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.random_art_class_order_confim a.text_module_link_btn{
    width: 80px;
    margin-top: 20px;
    
}
.random_art_class_order_confim span.art_class_name {
    font-size: 30px;
    line-height: 1.3;
}
.random_art_class_order_confim p {
    text-align: left;
}
form#contactForm label {
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
    font-size: 16px;
    display: block;
    margin-top: 10px;
}

form#contactForm input, form#contactForm textarea {

    border: 1px solid #aaa;
    border-radius: 3px;
    padding: 5px;
    width: 380px;
    font-size: 16px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 100;
}
form#contactForm button {
    cursor: pointer;
    background-color: #0992b9;
    padding: 10px 20px;
    color: #FFF;
    border-radius: 5px;
    line-height: unset;
    margin: 15px 0px 10px 0px;
    font-size: 16px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 100;
    border: none;
}
/*///////////////////////////////////////////////////////////////////////////////*/
/*mobile*/
/*///////////////////////////////////////////////////////////////////////////////*/

div#top_area_mobile {
    border-bottom: 2px solid #0992b9;
    display: none;
    align-items: center;
    justify-content: space-between;
    height: 48px;
    transform: translateY(3px);
    padding: 0 10px 0 0;
}
.top_menu_mobile_dropdown_btn,
.logo_area_mobile,
.top_menu_mobile_search_btn {
  flex-shrink: 0;               /* V�ldi elementide kokkusurumist */
}
.top_menu_mobile_spacer {
  flex-grow: 1;                 /* Spacer t�idab vaba ruumi */
}
button.top_menu_mobile_btn {
    border: none;
    background: transparent;
    height: 40px;
    min-width: 40px;
    padding:0px;
    
}
button.top_menu_mobile_btn .search_btn {
    margin-left: auto;
}
.logo_area_mobile {
  width: 130px;
  align-self: center;     /* Joondamine Flexboxis (vaikev��rtus keskel) */
  transform: translateY(-3px); /* Nihutab logo 3px alla */
}
.logo_area_mobile svg {
    margin: 0px;
    display: inline-block;
    vertical-align: middle;
}

.dropdown_btn svg.open {
    display: none;
}
div#top_menu_mobile {
    display: none;
    position: fixed;
    top: 53px;
    bottom: 0;
    left: 0;
    background-color: #ffffff;
    width: 200%;
    display: flex;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 100;
}

div#top_menu_mobile_left, 
div#top_menu_mobile_right {
    width: 50%; /* Igal paneelil on 100% vanema laiust */
    height: 100%; /* Ulatuvad t�isk�rgusele */
    flex-shrink: 0; /* V�ldime paneelide kokku surumist */
}

.top_menu_mobile_elm {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
    border-bottom: 1px solid #ccc;
    background-color: #ffffff;
    /* margin-bottom: 5px; */
    font-size: 16px;
    height: 48px;
}
.top_menu_mobile_elm_title {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    padding: 10px 10px;
    /* min-height: 60px; */
    font-weight: 400;
    font-size: 22px;
}
.top_menu_mobile_elm_title p {
    /* width: 100%; */
    margin: 0px;
    font-size: 16px;
}

.top_menu_mobile_elm_title span.svg_arr_fwd {
    padding-left: 30px;
}
.top_menu_mobile_elm .title .svg_arr_fwd {
    padding-left: 10px;
}

.top_menu_mobile_elm .title {
    font-weight: 400; /* Pealkiri on rasvane */
}

.top_menu_mobile_elm span.next svg {
    fill: #777;
}

ul.top_main_menu_mobile {
    display: block;
    list-style: none;
    margin: 0px;
    text-decoration: none;
    padding: 0px;
}
ul.top_main_menu_mobile li {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
a.top_menu_link_mobile {
    text-decoration: none;
    color: #000;
    font-weight: 400;
    padding: 10px 20px;
    display: block;
    border-bottom: 1px solid #ccc;
    white-space: nowrap;
}
ul.top_sub_menu_mobile {
    margin: 0px;
    padding: 0px;
    display: none;
}
a.top_sub_menu_link_mobile {
    font-weight: normal;
    background-color: #f1f3f5;
    text-decoration: none;
    display: block;
    color: #000;
    padding: 10px 40px;
}
.article_container.order_form {
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
    font-size: 17px;
}

input#user_data_form_btn {
    cursor: pointer;
    background-color: #0992b9;
    padding: 10px 20px;
    color: #FFF;
    border-radius: 5px;
    font-size: 18px;
    line-height: unset;
    margin: 35px 0px 0px 0px;
    border: none;
    font-weight: 100;
    font-family: 'Open Sans';
}
.input_w300 {
    width: 400px;
}
.input_w75 {
    width: 100px;
}
.order_form input, .order_form textarea {
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
    font-size: 17px;
    padding: 5px 10px;
    border-radius: 3px;
    border: 1px solid #c1c1c1;
    margin-bottom: 10px;
}
textarea#comment_to_email {
    width: 600px;
    height: 100px;
}
.order_form .input_label {
    padding: 3px 0px !important;
}
div#ui-datepicker-div {
    box-shadow: #33333326 6px 6px 6px;
}
table.ui-datepicker-calendar {
    font-family: 'Open Sans', sans-serif!important;
    font-weight: 100!important;
    
}
.ui-datepicker-title {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 100 !important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background-color: #0992b9 !important;
    color: #fff !important;
    border-color: #777 !important;
}
.ui-datepicker th {
    font-size: 20px !important;
    font-weight: 400 !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    background-color: #777 !important;
    border-color: #333 !important;
}

.translate_upd_bg {
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 99999;
    background: #33333396;
    overflow: hidden;
    box-sizing: border-box;
    padding: 50px;
    display: none;
}
.translate_upd_container {
    background: #fff;
    box-sizing: border-box;
    padding: 20px;
    border-radius: 5px;
}
.translate_data p {
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    padding-left: 20px;
}
#translate_upd_form button {
    text-decoration: none;
    cursor: pointer;
    background-color: #0f5f00;
    padding: 10px 20px;
    color: #FFF;
    border-radius: 5px;
    font-size: 18px;
}
form#translate_upd_form textarea {
    font-family: 'Open Sans';
    font-size: 18px;
    font-weight: 100;
    box-sizing: border-box;
    padding: 10px;
    width: 100% !important;
    height: 600px !important;
    overflow: auto;
    border: 1px solid #ccc;
    border-radius: 5px;
}

p.popup_header {
    margin: 0;
    font-size: 33px;
    font-weight: 400;
}
.art_class_banner_container.cl_only_prods {
    height: unset;
    position: unset;
    background-color: #fff;
}
.art_class_banner_content.cl_only_prods {
    position: unset;
    top: unset;
    left: unset;
    width: 100%;
    height: unset;
    transform: none;
    padding: 10px 20px;
}
.art_class_banner_txt.cl_only_prods {
    width: 100%;
    height: unset;
    margin: 0;
    position: unset;
}
.art_class_banner_txt.cl_only_prods h1 {
    /* margin: 0; */
    font-size: 25px;
    margin: 0 10px;
    font-weight: 300;
}
.art_class_banner_txt.cl_only_prods h2 {
    /* margin: 0; */
    font-size: 22px;
    margin: 0 10px;
    font-weight: 300;
}
.sub_art_class_ribbon_list_container.cl_only_prods {
    height: 245px;
}

.ribbon_element.cl_only_prods h3 {
    font-weight: 600;
    font-size: 18px;
}

.filters_products_container.cl_only_prods {
  display: flex;
  width: 100%;
}

.parameters_container.cl_only_prods {
    width: 265px !important;
    padding: 10px !important;
    vertical-align: top;
}
.parameters_container.cl_only_prods h2 {
    font-size: 22px;
    font-weight: 300;
}
.parameter_div.cl_only_prods {
    margin: 5px 0px;
}
.products_module.cl_only_prods {
    flex: 1;
    margin: 0px 0px 100px 0px;
}
.product_container.cl_only_prods {
    width: 700px;
    margin: 5px;
}
.product_container.cl_only_prods .product_img_holder {
    vertical-align: top;
    width: 200px;
    height: 200px;
}
.product_container.cl_only_prods .product_img_holder img {
    width: 200px;
}

.sub_art_class_ribbon_arrow.cl_only_prods {
    height: 240px;
    margin-top: -242px;
}
.sub_art_class_ribbon_arrow.cl_only_prods span {
    line-height: 200px;
}

a.art_class_title_only_prods_btn {
    display: inline-block;
    margin: 10px 0px;
    background-color: #06617a;
    color: #fff;
    font-family: 'Open Sans';
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    cursor: pointer;
    font-size: 18px;
}
.back_from_only_prods_btn a {
    text-decoration: none;
    color: #06617a;
    font-weight: 600;
}
div#txt2ascii label {
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
    font-size: 16px;
    display: block;
    margin-top: 10px;
}
div#txt2ascii input {
    border: 1px solid #aaa;
    border-radius: 3px;
    padding: 5px;
    width: 380px;
    font-size: 16px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 100;
}
div#txt2ascii select {
    border: 1px solid #aaa;
    border-radius: 3px;
    padding: 5px;
    min-width: 100px;
    font-size: 16px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 100;
}
div#txt2ascii button {
    cursor: pointer;
    background-color: #0992b9;
    padding: 10px 20px;
    color: #FFF;
    border-radius: 5px;
    line-height: unset;
    margin: 15px 0px 10px 0px;
    font-size: 16px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 100;
    border: none;
}

div#output {
    font-size: 16px;
    font-family: 'Open Sans',sans-serif;
    font-weight: 100;
}

div#category_small_text {
    font-family: 'Open Sans';
    max-width: 600px;
    margin: 20px auto;
    font-weight: 100;
    line-height: 1.5;
}
div#category_small_text p {
    font-size: 22px;
    font-weight: 100;
    border-left: 10px solid #06617A;
    padding-left: 50px;
}
article.category_card {
    max-width: 350px;
    display: inline-block;
    vertical-align: top;
    padding: 25px;
    margin: 0px 25px;
    box-sizing: border-box;

}
.category_card_image img {
    width: 300px;
}
.category_cards_container {
    max-width: 1450px;
    /* background-color: #aaa; */
    margin: 5px auto;
    text-align: center;
}
.category_card_body {
    text-align: left;
    max-width: 350px;
    padding: 0 25px;
    font-family: 'Open Sans';
    box-sizing: border-box;
}
a.category_card_link {
    text-decoration: none;
    color: #000;
}
h3.category_card_title {
    margin: 10px 0px 5px 0px;
    padding: 5px 0px;
    font-size: 30px;
}
.category_card_smalltext {
    font-size: 20px;
    font-weight: 100;
    padding: 5px 0px;
    text-wrap: wrap;
    white-space: break-spaces;
    margin: 5px 0px;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.5;
}