a{
  transition:0.5s;
}
.block_title svg{
  margin-right: 15px;
}
.visual{
  display: flex;
  flex-direction:column;
  width: 100%;
  padding: 20px 0px;
}
.visual_nav_holder{
  background: #f8f8f8;
  padding-bottom: 0px;
  border-bottom: 1px solid #c3c3c3;
}
.visual_nav{
  display: flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  margin-bottom: -1px;
}
.visual_nav li{

}
.visual_nav li a{
  background: #fff;
  color: #000;
  border-top: 1px solid #c3c3c3;
  font-size: 18px;
  width: 300px;
  height: 60px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.visual_nav li:first-child a{
  border-left:1px solid #c3c3c3;
}
.visual_nav li:last-child a{
  border-right:1px solid #c3c3c3;
}
.visual_nav li a:hover,
.visual_nav li a.active{
  background: #00a518;
  color: #fff;
}

.visual_nav li:first-child a:hover,
.visual_nav li:first-child a.active{
  border-left: none;
}
.visual_nav li:last-child a:hover,
.visual_nav li:last-child a.active{
  border-right: none;
}
.visual_nav li a svg{
  margin-right: 10px;
  height: 24px;
  width: 24px;
}
.visual_nav li a:hover svg path,
.visual_nav li a.active svg path{
  fill:#fff;
}


.visual_tabs{
  width: 100%;
  display: flex;
}
.visual_tab{
  width: 100%;
  display: none;
}
.visual_tab.active{
  display: block;
}

.visual_inner{
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}
.visual_inner .visual_left{
  width: 95px;
  border: 1px solid #eaeaea;
  display: flex;
  flex-direction: column;
  text-align: center;
  border-radius: 2px;
  margin-right: 14px;
}
.visual_color_b_title{
  font-size: 12px;
  margin: 10px 5px;
}
.color_g{
  margin: 10px auto;
}
.color_g .color_g_c{
  position: relative;
  margin: 4px auto;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.color_g .color_g_c:hover div,
.color_g .color_g_c:hover img,
.color_g .color_g_c.active div,
.color_g .color_g_c.active img{
  box-shadow: 0px 0px 8px 0px rgb(0 165 24 / 60%);
}
.color_g .color_g_c img{
  border: 1px solid #eaeaea;
  width: 40px;
  height: 40px;
  display: block;
  border-radius: 50%;
}
.color_g .color_g_c .color_g_v{
  border: 1px solid #eaeaea;
  width: 40px;
  height: 40px;
  display: block;
  border-radius: 50%;
}
.color_g .slick-prev_arrow{
  transform: rotate(90deg);
}
.color_g .slick-next_arrow{
  transform: rotate(90deg);
}
.color_g .slick-next_arrow path,
.color_g .slick-prev_arrow path{
  stroke:#000;
}
.visual_inner .visual_mid{
  width: calc(100% - 110px - 230px);
  display: flex;
  flex-direction: column;
}
.visual_inner .visual_right{
  width: 230px;
  margin-left: 14px;
  display: flex;
  flex-direction: column;
}
.back_color_holder{
  position: relative;
  width: 195px;
}
.back_color{
  border: 1px solid #eaeaea;
  border-radius: 2px;
  font-size: 12px;
  width: 195px;
  display: flex;
  align-items: center;
  height: 36px;
  line-height: 36px;
  justify-content: center;
  color: #000;
}
.back_color svg{
  width: 22px;
  height: 22px;
  margin-left: 10px;
}
.back_color:hover{
  color: #00A518;
}
.back_color:hover svg path{
  fill:#00A518;
}
.back_color_holder #color_picker{
  width: 100%;
  height: 0px;
  overflow: hidden;
  border: none;
  outline: none;
  transition: 0.5s;
  margin: 0px;
  position: absolute;
  z-index: 5;
  top: 36px;
  left: 0px;
  visibility: hidden;
}
.visual_mid_top{
  display: flex;
  width: 100%;
  margin-bottom: 14px;
}
.visual_mid_mid{
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-bottom: 14px;
}
.visual_mid_mid_left{
  background: #fff;
  color: #fff;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  display: flex;
  height: 630px;
  flex-direction: column;
  width: calc(100% - 132px);
}
.visual_mid_mid_right{
  width: 130px;
  border: 1px solid #eaeaea;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  display: flex;
  max-height: 630px;
  flex-direction: column;
}
.visual_title_product{
  font-size: 12px;
  margin: 7px 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.visual_title_product .visual_title_product_name{

}
.visual_title_product .visual_title_product_article{
  margin-top: 2px;
  display: none;
}
.visual_mid_bot{
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.visual_mid_bot_left{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 230px;
}
.visual_mid_bot_right{
  display: flex;
  flex-direction: row;
  width: calc(100% - 260px);
  margin-left: 30px;
  align-items: center;
  justify-content: flex-start;
}
.visual_print_mid_bot{
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.visual_print_mid_bot_left{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 230px;
  margin: 5px auto;
}
.visual_print_mid_bot_right{
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
}
.visual_result_text{
  background: #c1e7c6;
  display: flex;
  width: 320px;
  height: 85px;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.visual_result_product{
  display: flex;
  flex-direction: row;
  background: #f8f8f8;
  border-top: 1px solid #c3c3c3;
  border-bottom: 1px solid #c3c3c3;
  border-right: 1px solid #c3c3c3;
  height: 85px;
  align-items: center;
  width: calc(100% - 320px - 131px);
}
.visual_result_product_img{
  display: flex;
  align-items:center;
  width: 80px;
  height: 80px;
  margin-left: 20px;
}
.visual_result_product_img img{
  display: block;
  width: 100%;
}
.visual_result_price{
  width: 130px;
  display: none!important;
  height: 85px;
  background: #f8f8f8;
  border-top: 1px solid #c3c3c3;
  border-bottom: 1px solid #c3c3c3;
  border-right: 1px solid #c3c3c3;
  align-items: center;
  justify-content: flex-start;
  font-size: 22px;
  font-weight: bold;
  color: #00a518;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.visual_result_product_title{
  font-size: 20px;
  display: flex;
  flex-direction: column;
  margin-left: 20px;
}
.visual_download_2,
.visual_print_2{
  height: 85px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #f8f8f8;
  width: 110px;
  color: #000;
  border-radius: 2px;
  font-size: 14px;
}
.visual_download,
.visual_print{
  height: 85px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #f8f8f8;
  width: 110px;
  color: #000;
  border-radius: 2px;
  font-size: 14px;
}
.visual_download_2 svg,
.visual_print_2 svg,
.visual_download svg,
.visual_print svg{
  margin-bottom: 5px;
}
.visual_download_2:hover,
.visual_print_2:hover,
.visual_download:hover,
.visual_print:hover{
  color: #00a518;
}
.visual_download_2:hover svg path,
.visual_download:hover svg path{
  fill:#00a518;
}
.visual_print_2:hover svg path,
.visual_print:hover svg path{
  fill:#00a518;
  stroke:#00a518;
}
.visual_right .main_link{
  width: 100%;
  max-width: 100%;
  margin: 15px auto;
}
.search_product{
  display: flex;
  width: 100%;
  position: relative;
  margin-bottom: 14px;
}
.search_product input{
  font-size: 14px;
  color: #9d9d9d;
  border: 1px solid #e8e8e8;
  border-radius: 10px;
  height: 40px;
  line-height: 40px;
  width: 100%;
  padding: 0px 35px 0px 10px;
}
.search_product button{
  position: absolute;
  top: 0px;
  right: 0px;
  height: 40px;
  width: 40px;
  cursor: pointer;
  z-index: 1;
}
.search_product button:hover svg path{
  fill:#00A518;
}
.product_list{
  width: 100%;
  display: flex;
  flex-direction:column;
  height: 630px;
  max-height: 630px;
  overflow-y: auto;
  padding: 10px 10px;
  margin-bottom: 10px;
}
.product_list_holder{
  width: 100%;
  display: flex;
  flex-direction:column;
}
.product_list_holder li a{
  width: 100%;
  min-height: 100px;
  display: flex;
  flex-direction:row;
  align-items:center;
  justify-content:space-between;
  border:1px solid transparent;
  margin-bottom: 15px;
}
.product_list_holder li a img{
  width: 100px;
  margin-right: 10px;
}
.product_list_holder li a .product_list_title{
  width: calc(100% - 110px);
  display: flex;
  flex-direction:column;
}

.product_list_holder li a:hover,
.product_list_holder li a.active{
  border:1px solid #00a518;
  box-shadow: 0px 0px 8px 0px rgb(0 165 24 / 60%);
}
.visual_variations_product{
  width: 100%;
  display: flex;
  flex-direction:column;
}
.variations{
  display: block;
  width: 100%;
  text-align: center;
}
.variations .slick-prev_arrow{
  transform: rotate(90deg);
}
.variations .slick-next_arrow{
  transform: rotate(90deg);
}
.variations li{
  position: relative;
  width: calc(100% - 20px);
  margin: 1px 10px;
}
.variations li a{
  display: flex;
  flex-direction:column;
  width: 100%;
  justify-content: center;
  align-items: center;
  border:1px solid transparent;
}
.variations li a:hover,
.variations li a.active{
  border:1px solid #00a518;
  box-shadow: 0px 0px 8px 0px rgb(0 165 24 / 60%);
}
.variations li a img{
  display: block;
  width: 100%;
  max-width: 100px;
  margin: 0px auto;
}

.visual_result_holder{
  display: flex;
  flex-direction:column;
  width: 100%;
  height: 100%;
  position: relative;
}

.visual_back_1{
  width: 100%;
  height: 100%;
  display: block;
  z-index: 1;
}
.visual_mebel_1{
  display: block;
  width: 100%;
  height: 100%;
  z-index: 2;
  position: absolute;
  top: 0px;
  left: 0px;
  background-size: cover!important;
  background-position: center!important;
  background-repeat: no-repeat!important;
}
.visual_mebel_2{
  display: block;
  width: 100%;
  height: 100%;
  z-index: 3;
  position: absolute;
  top: 0px;
  left: 0px;
  background-size: cover!important;
  background-position: center!important;
  background-repeat: no-repeat!important; 
  pointer-events:none;
}
.color_apply{
  position: absolute;
  top: 0px;
  left: 100%;
  z-index: 4;
  background: #fff;
  border: 1px solid #c3c3c3;
  font-size: 14px;
  padding: 5px 10px;
  transition: 0.5s;
  height: 36px;
  display: flex;
  align-items: center;
}
.color_apply:hover{
  background: #31a62e;
  color: #fff;
  text-decoration: none;
}
.visual_type_1{
    display: none;
    flex-direction:row;
    z-index: 6;
    width: 420px;
    height: 260px;
    position: absolute;
    left: calc(50% - 211px);
    bottom: 133px;
}
.visual_type_1.active{
  display: flex;
}
.visual_type_1_l_holder,
.visual_type_1_r_holder{
  width: calc(100% / 3);
  cursor: pointer;
  display: block;
  transition:0.5s;
  position: relative;
}
.visual_type_1_m_holder{
  display: flex;
  flex-direction: column;
  width: calc(100% / 3);
}
.visual_type_1_m_holder .visual_type_1_t_holder{
  width: 100%;
  height: 70px;
  display: block;
  cursor: pointer;
  transition:0.5s;
  position: relative;
}
.visual_type_1_m_holder .visual_type_1_b_holder{
  width: 100%;
  height: calc(100% - 70px);
  display: block;
  cursor: pointer;
  transition:0.5s;
  position: relative;
}
.visual_type_1 .visual_type_1_l{
  background-size: 100%!important;
  background-repeat: no-repeat!important;
  z-index: 5;
  display: block;
  position: absolute;
  height: 70px;
  width: 70px;
  top: 0px;
  right: -13px;
}

.visual_type_1 .visual_type_1_3d{
  display: none;
  background-size: 100%!important;
  background-repeat: no-repeat!important;
  z-index: 5;
  position: absolute;
  height: 200px;
  width: 200px;
  top: calc(50% - 100px);
  right: calc(50% - 100px);
}
.visual_type_1 .visual_type_1_r{
  background-size: 100%!important;
  background-repeat: no-repeat!important;
  z-index: 5;
  display: block;
  position: absolute;
  height: 70px;
  width: 70px;
  top: 0px;
  left: -13px;
}
.visual_type_1 .visual_type_1_l.visual_type_rotate,
.visual_type_1 .visual_type_1_r.visual_type_rotate{
  transform: rotate(-90deg);
  top: 8px;
}
.visual_type_1 .visual_type_1_t{
  background-size: 100%!important;
  background-repeat: no-repeat!important;
  z-index: 5;
  display: block;
  position: absolute;
  height: 70px;
  width: 70px;
  top: 0px;
  right: calc(50% - 35px);
}
.visual_type_1 .visual_type_1_b{
  background-size: 100%!important;
  background-repeat: no-repeat!important;
  z-index: 5;
  display: block;
  position: absolute;
  height: 70px;
  width: 70px;
  top: -15px;
  right: calc(50% - 35px);
}

.visual_type_2{
  display: none;
  flex-direction: row;
  z-index: 6;
  width: 340px;
  height: 530px;
  position: absolute;
  left: calc(50% - 130px);
  bottom: 60px;
}
.visual_type_2.active{
  display: flex;
}
.visual_type_2_l_holder,
.visual_type_2_m_holder,
.visual_type_2_r_holder{
  width: calc(100% / 3);
  cursor: pointer;
  display: block;
  transition:0.5s;
  overflow: hidden;
  position: relative;
}
.visual_type_2 .visual_type_2_l{
  background-size: 100%!important;
  background-repeat: no-repeat!important;
  z-index: 5;
  display: block;
  position: absolute;
  height: 200px;
  width: 200px;
  top: calc(50% - 100px);
  right: calc(-100% + 22px);
}

.visual_type_2 .visual_type_2_3d{
  display: none;
  background-size: 100%!important;
  background-repeat: no-repeat!important;
  z-index: 5;
  position: absolute;
  height: 200px;
  width: 200px;
  top: calc(50% - 100px);
  right: calc(50% - 100px);
}
.visual_type_2 .visual_type_2_m,
.visual_type_2 .visual_type_2_r{
  background-size: 100%!important;
  background-repeat: no-repeat!important;
  z-index: 5;
  display: block;
  position: absolute;
  height: 200px;
  width: 200px;
  top: calc(50% - 100px);
  left: calc(-100% + 25px);
}
.visual_type_2 .visual_type_2_l.visual_type_rotate,
.visual_type_2 .visual_type_2_m.visual_type_rotate,
.visual_type_2 .visual_type_2_r.visual_type_rotate{
  transform: rotate(-90deg);
}

.visual_type_3{
  display: none;
  flex-direction: row;
  z-index: 6;
  width: 245px;
  height: 380px;
  position: absolute;
  left: calc(50% - 85px);
  bottom: 180px;
  justify-content: center
}
.visual_type_3.active{
  display: flex;
}
.visual_type_3_m_holder{
  width: calc(100% / 5 - 5px);
  display: block;
  cursor: pointer;
  transition:0.5s;
  position: relative;
}
.visual_type_3 .visual_type_3_m{
  background-size: 100%!important;
  background-repeat: no-repeat!important;
  z-index: 5;
  display: block;
  position: absolute;
  height: 44px;
  width: 44px;
  top: 0px;
  right: calc(50% - 22px);
}
.visual_type_3 .visual_type_3_3d{
  display: none;
  background-size: 100%!important;
  background-repeat: no-repeat!important;
  z-index: 5;
  position: absolute;
  height: 100px;
  width: 100px;
  top: calc(50% - 50px);
  right: calc(50% - 50px);
}
.visual_type_3 .visual_type_3_m.visual_type_rotate{
  transform: rotate(-90deg);
  top: 10px;
}


.visual_type_4{
  display: none;
  flex-direction: row;
  z-index: 2;
  width: 430px;
  height: 250px;
  position: absolute;
  left: calc(50% - 217px);
  bottom: 78px;
}
.visual_type_4.active{
  display: flex;
}


.visual_type_4_l_holder,
.visual_type_4_r_holder{
  width: calc(100% / 2);
  cursor: pointer;
  display: block;
  transition:0.5s;
  position: relative;
}
.visual_type_4 .visual_type_4_l{
  background-size: 100%!important;
  background-repeat: no-repeat!important;
  z-index: 2;
  display: block;
  position: absolute;
  height: 100px;
  width: 100px;
  bottom: 0px;
  left: 20px;
}
.visual_type_4 .visual_type_4_3d{
  display: none;
  background-size: 100%!important;
  background-repeat: no-repeat!important;
  z-index: 5;
  position: absolute;
  height: 100px;
  width: 100px;
  top: calc(50% - 50px);
  right: calc(50% - 50px);
}
.visual_type_4 .visual_type_4_r{
  background-size: 100%!important;
  background-repeat: no-repeat!important;
  z-index: 2;
  display: block;
  position: absolute;
  height: 100px;
  width: 100px;
  bottom: 0px;
  right: 20px;
}
.visual_type_4 .visual_type_4_l.visual_type_rotate,
.visual_type_4 .visual_type_4_r.visual_type_rotate{
  transform: rotate(-90deg);
}

.visual_popup{
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: rgb(0 0 0 / 25%);
}
.visual_popup_big_back{
  width: 100%;
  display: block;
  height: 100%;
  background-position: center!important;
  background-size: 100% 100%!important;
  background-repeat: no-repeat!important;
}
.visual_popup_img{
  position: absolute;
  width: 500px;
  height: 500px;
  top: calc(50% - 250px);
  left: calc(50% - 250px);
  background-size: cover!important;
  background-repeat: no-repeat!important;
  z-index: 11;
  pointer-events: none;
}
.visual_popup_img.visual_popup_img_rotate{
  transform:rotate(-90deg);
}
.visual_popup_img.left{
  left: auto;
  right: calc(50% - 250px);
  top: 40px;
  width: 320px;
  height: 320px;
}
.visual_popup_img.right{
  left: calc(50% - 250px);
  right: auto;
  top: 40px;
  width: 320px;
  height: 320px;
}
.visual_popup_img.bottom{
  top: 0px;
  width: 320px;
  height: 320px;
  left: calc(50% - 160px);
}
.visual_popup_img.left_middle{
  left: calc(50% - 150px);
  right: auto;
}

.visual_popup_img.right_middle,
.visual_popup_img.middle_middle{
  left: auto;
  right: calc(50% - 150px);
}
.visual_popup .close_popup{
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 11;
  background: #31a62e;
  margin: 0px;
}
.visual_popup .close_popup svg path{
  stroke:#fff;
}
.visual_popup .close_popup:hover{
  background: #fff;
}
.visual_popup .close_popup:hover svg path{
  stroke:#31a62e;
}
.visual_no_data{
  font-size: 16px;
  text-align: center;
  background: #f8f8f8;
  padding: 10px 5px;
}
.visual_product_mob{
  display: none;
}
.visual_print_content{
  display: none;
  position: fixed;
  top: 50px;
  background: #fff;
  z-index: 10;
  width: 800px;
  left: calc(50% - 400px);
  min-width: 800px!important;
}
.visual_print_head{
  display: flex;
  flex-wrap:wrap;
  justify-content:space-between;
  width: 100%;
}
.visual_print_body{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: calc(100% - 20px);
  margin: 5px 10px;
  border: 1px solid #c3c3c3;
  padding: 10px 10px;
}
.visual_result_logo{
  background: #c1e7c6;
  display: flex;
  width: 160px;
  height: 65px;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.visual_result_logo img{
  max-width: 110px; 
  width:100%;
}
.visual_print_content .visual_result_product{
  width: calc(100% - 160px - 131px);
  height: 65px;
}
.visual_print_content .visual_result_price{
  height: 65px;
  font-size: 18px;
}
.visual_print_content .visual_result_product_title{
  margin-left: 15px;
  font-size: 18px;
  line-height: 20px;
}
.visual_print_content .visual_result_product_img{
  width: 65px;
  height: 65px;
  margin-left: 15px;
}
.visual_print_content .close_popup{
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 10;
}
.visual_print_content .visual_title_product{
  font-size: 16px;
  margin: 5px 15px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.visual_print_content .visual_title_product .visual_title_product_name{
  margin-top: 0px;
  margin-right: 5px;
}
.visual_print_content .visual_title_product .visual_title_product_article{
  margin-top: 0px;
}
.visual_print_body_top{
  display: flex;
  flex-direction:row;
  justify-content:space-between;
  width: 100%;
}
.visual_print_body_top .visual_print_body_top_left{
  width: calc(100% - 210px);
  display: flex;
  flex-direction:column;
  position: relative;
  height: 630px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
}
.visual_print_content .visual_result_holder div,
.visual_print_content .visual_result_holder a{
  cursor: default!important;
  pointer-events:none;
}
.visual_print_body_top .visual_print_body_top_right{
  width: 200px;
  margin-left: 10px;
  display: flex;
  flex-direction:column;
  height: 630px;
}
.visual_print_body_trt{
  display: block;
  width: 100%;
  height: calc(100% / 3 - 10px);
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
}
.visual_print_body_trm{
  display: block;
  width: 100%;
  height: calc(100% / 3 - 10px);
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
}
.visual_print_body_trb{
  display: flex;
  align-items: center;
  justify-content:center;
  width: 100%;
  height: calc(100% / 3 - 10px);
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
}
.visual_popup_print_img{
  position: absolute;
  width: 120px;
  height: 120px;
  top: calc(50% - 60px);
  left: calc(50% - 60px);
  background-size: cover!important;
  background-repeat: no-repeat!important;
  z-index: 11;
  pointer-events: none;
}
.block_wrap_3d{
  padding-bottom: 0px;
}
.visual_popup_big_back.visual_popup_big_back_top{
  max-height: 100px;
}
#visual_print_content .visual_popup{
  display: none!important;
}
.left_popup{
  cursor: pointer;
  top: 50%;
  left: 10px;
  margin-top: -20px;
  position: absolute;
  z-index: 2;
  transition: 0.5s;
  background: #c4e7c8;
  display: flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.right_popup svg path,
.left_popup svg path{
  stroke: #575757;
}
.right_popup{
  cursor: pointer;
  top: 50%;
  right: 10px;
  margin-top: -20px;
  position: absolute;
  z-index: 2;
  transition: 0.5s;
  background: #c4e7c8;
  display: flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.right_popup:hover,
.left_popup:hover{
  background: #00a518;
}
.right_popup:hover svg path,
.left_popup:hover svg path{
  stroke: #fff;
}
.visual_popup_big_back.nizka{
  width: calc(100% - 240px);
  display: block;
  height: calc(100% - 70px);
  background-position: center!important;
  background-size: 100% 100%!important;
  background-repeat: no-repeat!important;
  margin: 35px 120px;
  overflow: hidden;
  position: relative;
}
.visual_popup_big_back .n_2,
.visual_popup_big_back .n_1{
  display: none;
}
.visual_popup_big_back.nizka .n_1{
  background: #ababab;
  display: block;
  position: absolute;
  top: -400px;
  left: -250px;
  width: 500px;
  height: 800px;
  z-index: 2;
  transform: rotate(45deg);
}
.visual_popup_big_back.nizka .n_2{
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  background: #fff;
  width: 60%;
  height: 560px;
  z-index: 1;
}
.visual_popup_big_back.nizka .n_2:before{
  content: "";
  display: block;
  position: absolute;
  background: #fff;
  width: calc(100% + 125px);
  height: 700px;
  transform: rotate(340deg);
  right: 0px;
  top: -100px;
}
@media screen and (max-width: 1600px) {
  .visual_popup_big_back.nizka .n_2:before{
    width: calc(100% + 100px);
  }
}
@media screen and (max-width: 1440px) {
  .visual_popup_img{
    width: 400px;
    height: 400px;
    top: calc(50% - 200px);
    left: calc(50% - 200px);
  }
  .visual_mid_bot_left{
    width: 180px;
  }
  .visual_download_2,
  .visual_print_2,
  .visual_download, 
  .visual_print{
    width: 85px;
    font-size: 13px;
  }
  .visual_mid_bot_right{
    width: calc(100% - 190px);
    margin-left: 10px;
  }
  .visual_result_text{
    display: none;
  }
  .visual_result_product{
    width: calc(100% - 131px);
  }
  .visual_result_product_title{
    font-size: 18px;
    margin-left: 15px;
  }
  .visual_result_product{
    border-left: 1px solid #c3c3c3;
  }
}


@media screen and (max-width: 1260px) {

  .visual_popup_big_back{
    background-size: auto!important;
  }
  .visual_nav li a{
    width: 245px;
  }
  .search_product{
    margin-bottom: 5px;
  }
  .visual_result_product_title{
    font-size: 15px;
  }
  .visual_inner .visual_left{
    margin-right: 5px;
    width: 85px;
  }
  .visual_inner .visual_right{
    width: 200px;
    margin-left: 5px;
  }
  .visual_mid_mid{
    margin-bottom: 5px;
  }
  .visual_mid_top{
    margin-bottom: 5px;
  }
  .visual_inner .visual_mid{
    width: calc(100% - 90px - 205px);
  }
  .visual_mid_mid_right{
    width: 110px;
  }
  .visual_mid_mid_left{
    width: calc(100% - 112px);
  }
  .product_list{
    padding: 5px;
    margin-bottom: 5px;
    height: 625px;
    max-height: 625px;
  }
  .visual_popup_img{
    width: 320px;
    height: 320px;
    top: calc(50% - 160px);
    left: calc(50% - 160px);
  }
  .product_list_holder li a{
    margin-bottom: 10px;
  }
  /*
  .visual_print_content{
    width: 1000px;
    left: calc(50% - 500px);
  }
  */
  .visual_popup_big_back.nizka .n_1{
    top: -460px;
    left: -300px;
  }
}

@media screen and (max-width: 1000px) {
  /*
  .visual_print_content{
    width: 768px;
    left: calc(50% - 384px);
  }
  */
  .visual_product_mob{
    display: flex;
    flex-direction:column;
    flex-wrap:wrap;
    padding: 5px;
  }
  .visual_mid_top{
    position: relative;
  }
  .visual_nav{
    align-items: flex-start;
  }
  .visual_inner{
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .visual_nav li{
    width: calc(100% / 4);
  }
  .visual_nav li a{
    width: auto;
    padding: 0px 10px;
    flex-direction: column;
    text-align: center;
    font-size: 15px;
    height: auto;
    justify-content: flex-start;
  }
  .visual_nav li a svg{
    margin-bottom: 5px;
    margin-right: 0px;
  }
  .visual_inner .visual_mid{
    width: 100%;
  }
  .visual_inner .visual_left{
    margin-right: 5px;
    height: 36px;
    width: calc(50% - 5px);
  }
  .back_color_holder{
    margin-left: 5px;
    width: calc(50% - 5px);
  }
  .back_color_holder .back_color{
    width: 100%;
  }
  .color_g{
    display: none;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    top: 30px;
    z-index: 22;
    left: 0px;
    background: #fff;
    width: 100%;
    padding: 10px 10px;
    border: 1px solid #eaeaea;
    border-radius: 2px;
  }
  .visual_left.active .color_g{
    display: flex;
  }
  .visual_color_b_title{
    cursor: pointer;
  }
  .visual_color_b_title:hover{
    color: #00a518;
  }
  .back_color svg{
    margin-left: 5px;
  }
  .color_apply{
    right: 100%;
    left: auto;
  }
  .color_g .color_g_c{
    margin: 4px;
  }
  .visual_right{
    width: 100%;
  }
  .visual_mid_mid_right{
    width: 100%;
  }
  .visual_mid_bot{
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
  }
  .visual_mid_bot_right{
    width: 100%;
    margin-left: 0px;
    flex-direction: column;
  }
  .visual_mid_bot_left{
    margin-top: 10px;
  }
  .visual_result_price{
    width: auto;
    display: flex;
    height: auto;
    background: transparent;
    border: none!important;
    border-right: 1px solid #c3c3c3;
    font-size: 18px;
  }
  .visual_result_text{
    display: flex;    
    width: 100%;
    height: 50px;
  }
  .visual_result_product{
    width: 100%;
    border-left: none;
  }
  .visual_mid_mid_left{
    width: 100%;
  }
  .visual_result_product_img{
    margin-left: 5px;
  }
  .mob_product_call{
    text-decoration: none;
    color: #fff;
    background: #00a518;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 46px;
    margin: 10px auto;
    font-size: 18px;
  }
  .mob_product_call:hover{
    text-decoration: none;
    color: #fff;
    background: #00a518;
  }
  .visual_holder .container{
    padding: 0 0px;
  }
  .visual_inner .visual_right{
    width: 100%;
    display: none;
  }
  .visual_mid_mid_right{
    width: 100%;
    display: none;
  }
  .visual_mid_mid_right .visual_variations_product .variations{
    display: flex;
    width: 100%;
    text-align: center;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .variations li{
    width: calc(50% - 10px);
    margin: 5px 5px;
  }
  .visual_mid_mid_right .visual_title_product{
    align-items: flex-start;
    padding: 0px 15px;
  }
  .visual_product_mob.active_p .visual_right{
    display: flex;
  }
  .visual_product_mob.active_v .visual_mid_mid_right{
    display: flex;
  }
  .visual_nav li a svg{
    margin-top: 5px;
  }
  .visual_popup_img {
    width: 260px;
    height: 260px;
    top: calc(50% - 130px);
    left: calc(50% - 130px);
  }
  .visual_popup_big_back{
    background-position: center!important;
  }
  .visual_mebel_2.visual_mebel_left{
    margin-left: -30px;
  }
  .visual_type_2{
    left: calc(50% - 160px);
  }
  .visual_type_3{
    left: calc(50% - 85px);
  }
  .product_list{
    height: auto;
  }
  .back_color_holder #color_picker{
    visibility: visible;
    height: 100px;
    display: none;
  }
  .back_color_holder.active #color_picker{
    display: block;
    border-radius: 0px!important;

  }
  .color_apply{
    display: none!important;
  }
  .visual_popup .close_popup{
    margin: 0px;
  }
  .visual_download_2,
  .visual_print_2,
  .visual_download, 
  .visual_print{
    color: #00a518;
  }
  .visual_download_2 svg path,
  .visual_download svg path{
    fill: #00a518;
  }
  .visual_print_2 svg path,
  .visual_print svg path{
    fill: #00a518;
    stroke: #00a518;
  }
  .visual_print_content .visual_result_price{
    background: #f8f8f8;
    border-top: 1px solid #c3c3c3!important;
    border-bottom: 1px solid #c3c3c3!important;
    width: 130px;
  }
}



@media screen and (max-width: 900px) {

}

@media screen and (max-width: 768px) {
  .visual_popup_img.left_middle{
    left: calc(50% - 130px);
  }
  .visual_print_body_top .visual_print_body_top_right{
    width: 150px;
    height: 550px;
    margin-left: 5px;
  }
  .visual_print_body_top .visual_print_body_top_left{
    width: calc(100% - 155px);
  }
  .visual_print_content{
    min-width: 768px;
  }
  .visual_nav li a{
    font-size: 14px;
    min-height: 70px;
  }
  .visual_nav li a svg{
    margin-bottom: 3px;
    height: 20px;
    margin-top: 5px;
  }
  #visual_print_content{
    width: 100%;
    display: none;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 12;
    overflow: scroll;
  }
  .visual_print_content{
    top: auto;
    left: auto;
    min-width: 768px;
    position: unset;
  }
  .visual_print_content .close_popup{
    position: fixed;
  }
  .visual_print_body_top .visual_print_body_top_left{
    height: 470px;
  }
  .visual_print_body_top .visual_print_body_top_right{
    height: 470px;
  }

  .visual_print_content .visual_type_1{
    width: 315px;
    height: 198px;
    left: calc(50% - 158px);
    bottom: 97px;
  }
  .visual_print_content .visual_type_2{
    width: 252px;
    height: 393px;
    left: calc(50% - 127px);
    bottom: 48px;
  }
  .visual_print_content .visual_type_3{
    width: 184px;
    height: 285px;
    left: calc(50% - 65px);
    bottom: 135px;
  }
  .visual_print_content .visual_type_4{
    width: 322px;
    height: 210px;
    left: calc(50% - 162px);
    bottom: 25px;
  }
}

@media screen and (max-width: 660px) {

}

@media screen and (max-width: 500px) {
  .visual_type_2 .visual_type_2_l{
    right: calc(-100% + -10px);
  }
  .visual_type_2 .visual_type_2_m, .visual_type_2 .visual_type_2_r{
    left: calc(-100% + -7px);
  }
  .visual_nav li a{
    line-height: 14px;
  }
  .visual_popup_img {
    width: 180px;
    height: 180px;
    top: calc(50% - 90px);
    left: calc(50% - 90px);
  }
  .visual_popup_img.right{
    left: 15px;
    right: auto;
    top: 30px;
  }
  .visual_popup_img.left{
    left: auto;
    right: 15px;
    top: 30px;
  }
  .visual_mid_mid_left{
    height: 470px;
  }
  .visual_type_1{
    width: 315px;
    height: 198px;
    left: calc(50% - 158px);
    bottom: 97px;
  }
  .visual_type_2{
    width: 252px;
    height: 393px;
    left: calc(50% - 127px);
    bottom: 48px;
  }
  .visual_type_3{
    width: 184px;
    height: 285px;
    left: calc(50% - 65px);
    bottom: 135px;
  }
  .visual_type_4{
    width: 322px;
    height: 175px;
    left: calc(50% - 162px);
    bottom: 60px;
  }

  .visual_type_1_m_holder .visual_type_1_t_holder{
    height: 55px;
  }
  .visual_type_1_m_holder .visual_type_1_b_holder{
    height: calc(100% - 55px);
  }
  .visual_type_1 .visual_type_1_t{
    height: 54px;
    width: 54px;
    right: calc(50% - 27px);
  }
  .visual_type_1 .visual_type_1_b{
    height: 54px;
    width: 54px;
    right: calc(50% - 27px);
  }
  .visual_type_1 .visual_type_1_l{
    height: 54px;
    width: 54px;
    top: 5px;
  }
  .visual_type_1 .visual_type_1_r{
    height: 54px;
    width: 54px;
    top: 5px;
  }
  .visual_result_price{
    font-size: 16px;
  }
  .visual_result_product_title{
    font-size: 14px;
  }
  .visual_result_product_img{
    width: 65px;
    height: 65px;
    margin-left: 0px;
  }
  .back_color,
  .visual_color_b_title{
    font-size: 10px;
  }

}

@media screen and (max-width: 375px) {

}