.cursor{cursor: pointer;}
.h58{height: 58px;}
.listMain li{margin-bottom: 0px;}
.out_b { padding: 20px 40px 30px;background-color: #4DD9F0; }
.out_b .desc { z-index: 3; }
.out_b .desc > h2, .out_b .desc > h1{ font-size: 65px; line-height: 65px; }
.out_b .desc > h2 span { font-size: 90px; line-height: 90px; }
.out_b .desc > h1 { margin: 0 0 35px;}
.out_b picture, .out_b picture img { height: 100%; object-fit: cover; }
.st_c { margin-top: 20px; }
.st_c > a { padding: 12px 15px; border: 2px solid #030C7B; border-radius: 12px; margin-bottom: 10px; }
.st_c > a.current, .st_c > a:hover { background-color: #CC7B1D; color: #fff; border-color: #CC7B1D; }
.st_c > a span { position: static; }
.st_c > a:last-child{ margin-bottom: 0px; }
.el_b-s { max-width: 620px; }
.crane img{ transform: scaleX(-1);}
.el_b-s > .crane img { max-width: 100%; }
.el_b-s .bx_bl { padding: 15px 20px; border: 2px solid #030C7B; }
.b_st-f { padding: 45px 0px; }
.b_st-f .bot_c { margin-top: 50px; }
.b_st-f .bot_c > a, .bot_cc > a { min-width: 160px; min-height: 55px; border-radius: 12px; }
.b_st-f .bot_c > a.disabled, .bot_cc > a.disabled { pointer-events: none; opacity: .7; }
.b_st-f .bot_c > a.back__btn{ margin-right: 90px; display: none; }
.sz { margin-top: 45px; display: grid; grid-column-gap: 50px; grid-template-columns: repeat(2, 1fr); }
.sz > a { border-radius: 15px; background-color: #030C7B; color: #fff; }
.sz > a.smaller, .sz > a.bigger { border: 2px solid #030C7B; }
.el__rc { max-width: 100%; }
.el__rc.left, .el__rc.left .desc { margin-right: auto; }
.el__rc .dbl .btn > a { min-width: 140px; min-height: 55px; border-radius: 15px; color: #FFFFFF;padding:0 15px; }
.el__rc .dbl .box { border: 2px solid #030C7B; padding: 20px 20px; }
.el__rc .dbl .box > ul > li span { top: 1px; }
.el__rc .dbl .box > ul > li span img { width: 16px; }
.el__rc .dbl .media > span img { max-width: 100%; }
.el__rc .dbl .media > img { left: 50%; transform: translateX(-50%); top: 40px; max-width: 100%; margin-left: 5%; max-height: calc(100% - 80px); }
.el__rc .dbl .desc { max-width: 440px; }
.el__rc > .title { margin-bottom: 45px; }
.out_rcd > h2 { margin-bottom: 25px; }
.st_c > a:hover span > img , .st_c > a.current > span > img { filter: brightness(0) saturate(100%) invert(100%); }
.el__rc .dbl .media > .btn { position: absolute; top: 50%; transform: translateY(-50%); padding: 0px !important; background-color: transparent !important; width: auto !important; }
.el__rc .dbl .media > .btn:nth-child(4) { right: auto !important; left: -40% !important; }
.el__rc .dbl .media > .btn:nth-child(1) { left: auto !important; right: -40% !important; }
.el__rc .dbl .media > div { top:50%; transform: translateY(-50%); z-index: 2; background-color: #8B8C96; border-radius: 8px; padding: 9px 14px; }
.el__rc.left .dbl .media > div { left: 30%;}
.el__rc.left .dbl .media > div { left: auto; right: 10%; }
.el__rc .dbl .btn > a.disabled { pointer-events: none; opacity: .7; }
.sz > a { min-height: 55px !important; }
.el__rc .dbl .desc { max-width:640px; width: calc(100% - 150px); }
.sz > a.disabled {opacity: 0.7!important; background-color:transparent; color:#030C7B; pointer-events: none!important; }
.el__rc.right .dbl .media > div, .el__rc.left .dbl .media > div { padding: 9px 20px; }
.it_wr { padding-top: 45px; padding-bottom: 55px; }
.pick_it { z-index: 3; background-color: #fff; margin-top: 80px; }
.pick_it > h6 { margin-bottom: 35px; }
.pick_it > .item { max-width: 540px; margin-bottom: 45px; }
.pick_it > .item:hover .desc ul > li span > img, .pick_it > .item:hover .desc .lay img{ filter: brightness(0) saturate(100%) invert(100%); }
.pick_it > .item:hover .desc { border-color:#CC7B1D; background-color:#CC7B1D; }
.pick_it > .item:hover .desc > ul > li,.pick_it > .item:hover .desc > p{ color: #fff; }
.pick_it > .item:last-child, .pick_it > .item .desc ul > li:last-child{ margin-bottom: 0px; }
.pick_it > .item:nth-child(even) { margin-right: auto; }
.pick_it > .item:nth-child(odd) { margin-left: auto; }
.pick_it > .item .desc { border: 2px solid #030C7B; padding: 20px 25px; }
.pick_it > .item .desc .lay.float { right: 15px; bottom: 15px; }
.pick_it > .item .desc .lay.float img { max-height: 60px; }
.it_wr .media picture { width: 100%; }
.it_wr .media picture > img { width: 100%; height: auto; }
.pick_it > .item .desc.static > p:nth-child(1) { margin-right: 15px; }
.pick_it > .item .desc.static > p:nth-child(2) { margin-left: 15px; }
.prd_wr { padding-top: 0px; padding-bottom: 80px; }
.prd_d { margin-top: 30px; margin-bottom: 40px; }
.prd_d > p { margin-top: 0px; }
.prd_d ul > li > span { top: 4px; }
.prd_d ul > li > span img { width: 15px;}
.el__rc .dbl .btn > a:hover, .sz > a:hover{ background-color: #CC7B1D !important; opacity: 1; }
.sz > a:hover {border-color: #CC7B1D; }
.el__rc .dbl .media > .btn { left: auto !important; right: -40% !important; }
.wh .ot { padding-top: 60px; }
.trp { grid-template-columns: repeat(3, 1fr); }
.db { grid-template-columns: repeat(2, 1fr); }
.tr-cnt { left: 55%; }
.dll { opacity: .81; z-index: 2; display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 45px; }
.boi_h { max-width: 540px;margin-right: 45px;}
.f-rv { flex-direction: row-reverse; text-align: left;color :#030C7B }
.tl_pp { position: absolute; z-index: 22; border: 2px solid #CC7B1D; border-radius: 12px; width: 340px; top: 200px; display: none; }
.tl_pp .pin { position: absolute; width: 55px; top: -47px; height: 65px;background:url("/images/utility/aiarr.png") center center / contain no-repeat;}
.tl_pp .cnt { padding:15px 20px;}
.tl_pp .hd { height: 35px; border-top-left-radius: 6px; border-top-right-radius: 6px; }
.ref, .rcd_wrp { margin-bottom: 50px; }
.rlo span { position: absolute; left: 50%; transform: translateX(-50%); top: 50px; height: calc(100% - 100px); width: 100%; }
.rlo span picture ,.rlo span img{ max-width: 100%; max-height: 100%; }
.rlo span picture > img { top: 50%; transform: translate(-50%, -50%); left: 50%; }
/* .bx_bl.q { padding-right: 90px; } */
.bx_bl.q > img { right: 20px; bottom: 1px; }
.wrn { padding: 15px; background-color: #E02424; border-radius: 15px; margin-top: 20px; color:white}
.wrn > p { text-align: left; }
.wrn:before { content: ""; position:absolute; right:12px; width:40px; height:35px; top:-35px; background: url("../images/utility/ww.svg") center center / contain no-repeat;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #8B8C96; }
.st_c input { height: 57px; padding: 12px 15px; border: 2px solid #030C7B; border-radius: 12px; padding-right: 50px; }
.st_c .fld { margin-bottom: 10px; }
.st_c .fld > span { right:15px; width:32px; }
.wrn > p > a { color: #fff; text-decoration: underline !important; word-break: break-all; }
.pick_it > .item.rv .desc { flex-direction: row-reverse; }
.pick_it > .item.rv .desc > p { margin-left: 0px !important; margin-right: 10px; }
.rpl_in { padding-top: 120px; }
.rpl_in > .mg { width: 35%; }
.rpl_in > .mg > img, .rpl_in > .mg > picture, .rpl_in > .mg > picture img { width: 100%; height: 100%; object-fit: cover; }
.rpl_in > .dsc { background-color: #fff; border: 2px solid #030C7B; width: 70%; margin-right: 5%; padding: 15px 30px; }
.rpl_in > .dsc > img { position: absolute; left: 0px; z-index: -1; top: -90px; max-width: 100%; }
.clf .out_clf > * { margin-bottom: 20px; }
.clf .out_clf > *:last-child { margin-bottom: 0px; }
.ch-c > a { text-decoration: none; }
.ch-c.checked span { background: url("../images/ch.svg") center center /23px no-repeat; }
.ch-c span { width:34px; height:34px; border: 2px solid #CC7B1D; }
.clf .bot_cc { padding-bottom: 50px; margin-top: 40px; }
.clf .bot_cc > a { min-width: 160px; min-height: 55px; border-radius: 12px; margin-right: 35px; }
.clf .bot_cc > a:last-child { margin-right: 0px; }
.bc-btn > a { min-height: 55px; min-width: 160px; border-radius: 12px; }
.clf .bot_cc > a.disabled { opacity: 0.7 !important; pointer-events: none !important; }
.upd- p { bottom: 0px; margin-bottom: 13px; }
.dll + picture img { height: 100%; object-fit: cover; }
.fll.tl_pp .pin { left: auto; right: 10px; }
.flc.tl_pp .pin { margin-right: auto; margin-left: auto; left: 0px; right: 0px; }
.bx_bl.q > img { right: 20px; bottom: 18px; }
.l3q > img { left: auto; right: -8px; top: 50%; transform: translateY(-50%); }
.lft { left: 10% !important; right: auto !important; top: 21% !important; }
.tp-r-mb .info__pl { margin-bottom: -2px; }
.tp-r-mb.t-r { right: -1% !important; top: 21% !important; }
.el__rc .media > span { pointer-events: none; }
.el__rc .dbl .media > .btn { z-index: 4; }
.tp_md h2 { margin-top: 25px; }
.second-bg{ background-color: #CC7B1D; }
.blue-bg{background-color: #030C7B;}
.f_cnt { max-width:130px; }
.f_cnt .m-btn,.f_cnt .p-btn{min-height:40px; width:34px; border-radius: 12px; position: absolute;top:0px; font-size:24px; line-height:28px; color: #fff; padding-bottom: 2px;}
.f_cnt .m-btn {left: -12px;} .f_cnt .p-btn {right: -12px;}
.f_cnt input { text-align: center; height: 40px; outline: none; font-size: 20px; line-height: 34px;color:#030C7B; border: 2px solid #030C7B; padding: 0;}
.f_cnt > a { cursor:pointer; }
.faq__el .content { padding-top: 15px; }
.back-m { display: none; }
.crane img {max-width: 100%;}
.confirnbtn{ background-color: #030C7B;border-radius: 12px; padding: 12px 25px; border: 2px solid #030C7B; }
.flex .child { flex: 0 0 49%; }
.SizeOptions{ padding: 12px; border-radius: 12px; min-height: 55px; min-width: 200px; color: #030C7B; border: 2px solid #030C7B; }
.pick_it > .item > .md_ > img { width: 100%; max-width: 100%; }
.child60{ flex:0 0 62%;} .child40{ flex:0 0 33%;}
.child60 img{ max-height:490px; } .child60 .absolute{ top:45px;left:35px; }
.child60 .ch-c{border:2px solid #030C7B; padding:12px 15px;}
.order .or-sd .sd-t { padding-top: 30px; }
.order .or-sd .sb_in { padding: 0px 25px 5px 20px; }
.order .or-sd .total{border-top: 2px solid #fff; padding:15px 0 25px; width:calc(100% - 40px); }
.order .or-sd .mnt {padding: 15px 20px;}
.order .sb_in > .el { margin-bottom: 16px; }
.order .sb_in > .el > span,.order .total .row{ white-space:nowrap; text-align:right; margin-left: 15px;}
.order .total .row{ margin-left: 0px; margin-bottom: 15px;}
@media (max-width: 1200px) {
  .sz > a:hover { border-color: #030C7B !important; background-color: #030C7B !important; color: #fff !important; }
  div div div div.sz > a.disabled { background-color: transparent !important; color: #030c7b !important; }
  .prd_d > p, .prd_d ul > li { font-size: 20px; line-height: 24px; margin-bottom: 15px; }
  .prd_d { margin-top: 25px; }
  .rcd_wrp .out_rcd .sz > a { min-height: 45px; }
  .el__rc .dbl .btn > a { min-height: 45px; }
  .b_st-f { padding: 45px 0px; }
  .rcd_wrp { padding: 25px 0px; }
  .out_rcd > h2 { margin-bottom: 25px; }
  .el__rc > .title > h6 { margin-bottom: 25px; }
  .buy__btn { margin-left: 15px; }
  .buy__btn > a { min-width: 42px; max-width: 42px; min-height: 42px; max-height: 42px; }
  .buy__btn > a img { max-width: 28px; }
  body { padding-top: 95px; }
}
@media (max-width: 991px) { .arxcc { position: relative; top: -2px; }
  .boi_h { margin-right: 10px; }
  .back-m { display: inline-flex; margin-bottom: 20px; }
  .back-m > a { color: #fff; }
  .tp-r-mb.t-r { top: 26% !important; }
  .tl_pp .pin { margin-left: -2px; max-width: 34px; }
  .tl_pp { margin-top: -5px !important; }
  .tl_pp .pin { top: -45px; }
  .tl_pp { min-width: 270px !important; max-width: 270px !important; }
  .flrg.tl_pp .pin { left: 23px; }
  .b_st-f .bot_c > a:hover { opacity: 1; }
  .b_st-f .bot_c > a.disabled { opacity: 0.7 !important; }
  .rpl_in > .dsc > img { top: -75px; }
  .rpl_in { padding-top: 95px; }
  .rpl_in > .dsc { margin-right: 2%; }
  .rpl_in > .mg { width: 37%; }
  .rlo span { height: calc(100% - 70px); top: 25px; }
  .upd- span { height: calc(100% - 90px); }
  .upd- p { padding-left: 40px; padding-right: 40px; }
  .wh .ot { padding-top: 35px; }
  .trp { grid-template-columns: repeat(2, 1fr); }
  .tr-cnt.on_dsk { left: 0px; }
  .mb-10 { margin-bottom: 25px; }
  .el__rc .dbl .media > .btn:nth-child(1), div.el__rc .dbl .media > .btn { right: -20% !important; left: auto !important; width: auto; }
  .el__rc .dbl .media > .btn:nth-child(4) { left: -20% !important; width: auto; }
  .tx-xl { font-size: 16px; line-height: 24px; }
  .pick_it { margin-top: 45px; }
  .it_wr { padding-top: 25px; padding-bottom: 35px; }
  .out_b .desc > h2, .out_b .desc > h1 { font-size: 44px; line-height: 48px; }
  .out_b .desc > h2 span { font-size: 58px; line-height: 64px; }
  .sz > a { min-width: 120px !important; min-height: 45px !important; }
  .sm-btn { min-width: 120px !important; min-height: 45px !important; font-size: 18px !important; line-height: 22px !important; }
  body { padding-top: 90px; }
  .h58{height: 50px;}
  .innerProducts, .out_clf .cont_clf{flex-direction: column;}
  .child60 .absolute { top: 17px; left: -5px; }
  .child60 .listMain li{font-size: 15px!important; line-height: 20px;}
  .child40{width:100%;margin-top:50px;}
  .bot_cc a:last-child{min-width:155px!important;}
  .child60 .ch-c{margin-top:17px;}
  .out_clf .listMain{max-width: 360px;}
}
.out_b > picture { display: none; }
.rpl_in > .mg > span { display: none; }
.out_b picture img { object-position: right; }
.el__rc .dbl .media > div.cop_dl p { white-space: nowrap; }
@media (max-width: 767px) { 
  .lft { top: 15%; }
  .el__rc.left .dbl .media > div { right: 0px; }
  .tl_pp p, .tl_pp ul li { font-size: 12px; line-height: 16px; }
  .tl_pp { min-width: 240px !important; max-width: 240px !important; }
  .rpl_in > .dsc .tx-3xl { font-size: 16px; line-height: 20px; }
  .rcd_wrp.h .el__rc .dbl .media > img { top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0px; margin-top: -20px; max-height: calc(100% - 120px); }
  .rpl_in > .dsc { padding: 15px; }
  .rpl_in .dsc ul li img { max-width: 12px; }
  .rpl_in .dsc ul li span { margin-right: 5px; top: 1px !important; }
  .rpl_in > .mg > span { display: flex; }
  .rpl_in > .mg > span img { width: 100%; height: auto; }
  .rpl_in > .mg { position: relative; width: 100%; }
  .rpl_in > .mg > picture { position: absolute; width: 100%; max-width: 65%; height: calc(100% - 90px); }
  .rpl_in > .mg > picture img { position: absolute; }
  .rpl_in { padding-top: 0px; flex-direction: column-reverse; }
  .rpl_in > .dsc { width: 100%; margin-right: 0px; }
  .rpl_in > .dsc > img { display: none; }
  .el_b-s > ul > li span img { max-width: 12px; }
  .el_b-s > ul > li span { margin-right: 5px; }
  .boi_h { margin-right: 0px; margin-bottom: 30px; }
  .el_b-s.revs { margin-left: 0px; margin-right: auto; }
  .el_b-s.revs .crane { transform: scaleX(1); }
  .tl_pp .cnt { padding: 10px; }
  .tl_pp .hd { height: 25px; }
  .out_b > picture { display: block; }
  .out_b > img { display: none; }
  .out_b .desc > h1 { margin-bottom: 45px; }
  .out_r { flex-direction: column; }
  .boi_h { max-width: 100%; }
  .out_b .desc { text-align: left; }
  .trp { padding: 25px 10px; grid-column-gap: 15px; }
  .el__rc .dbl .media > img { max-height: calc(100% - 80px); top: 20px; }
  div.el__rc div.dbl div.media > .btn:nth-child(4), div.el__rc div.dbl div.media > div.btn:nth-child(1) { left: 50% !important; top: auto; bottom: 5%; transform: translateX(-50%) !important; }
  .el__rc .dbl .btn > a { min-height: 40px !important; }
  .prd_wr { padding-bottom: 40px; }
  .pick_it > .item .desc { padding: 15px; }
  .pick_it > .item .desc ul { padding-right: 80px; }
  .sz { margin-top: 25px; grid-template-columns: 1fr; grid-row-gap: 20px; }
  .el__rc .dbl { flex-direction: column; }
  .el__rc .dbl .btn { width: 100%; display: flex; justify-content: center; order: 2; }
  .el__rc .dbl .desc { max-width: 100%; order: 1; margin-bottom: 25px; }
  .el__rc > .title > h6 { margin-bottom: 15px; }
  .el__rc > .title { margin-bottom: 25px; }
  .b_st-f .bot_c { margin-top: 25px; }
  .b_st-f .bot_c > a.back__btn { margin-right: auto; }
  .out_b { padding: 40px 25px; }
  .el__rc .dbl .desc { max-width: 100%; width: 100%; }
  .el__rc.left .dbl .media > div { padding: 6px 15px; }
  .cnt ul > li { margin-bottom: 9px; }
  .cnt ul > li > a span img { min-width: 17px; max-width: 17px; }
  .el__rc.left .dbl .media > div { max-width: 160px; }
  .el__rc.left .dbl .media > div .tx-lg { font-size: 14px; line-height: 18px; }
  .el__rc .dbl .media > div.cop_dl { max-width: none; padding: 6px 10px; min-width: 180px; justify-content: center; }
  .ref, .rcd_wrp { margin-bottom: 25px; }
}
@media (max-width: 480px) { 
  .el_b-s > .crane img {height: 70px; }
  .cnt ul > li > a { font-size: 12px; line-height: 16px; }
  .tp-r-mb.t-r { z-index: 3 !important; }
  .tp-r-mb.t-r + span { position: relative; z-index: 2; }
  .rcd_wrp.h .el__rc .dbl .media > img { max-height: calc(100% - 95px); }
  .rcd_wrp.h .el__rc.left .dbl .media > div { margin-top: 10px; }
  .rpl_in > .mg > img { height: calc(100% - 50px); }
  .bx_bl.q > img { right: 10px; bottom: 10px; }
  .bx_bl.q { padding-right: 80px !important; }
  .rlo span { height: calc(100% - 30px); top: 15px; margin-top: 5px; }
  .out_b .desc > h2, .out_b .desc > h1 { font-size: 27px; line-height: 34px; }
  .el__rc.left .dbl .media > div { top: 18%; }
  .b_st-f .bot_c > a { font-size: 20px; line-height: 26px; min-width: 120px; min-height: 45px; }
  .el_b-s .bx_bl { padding: 10px 15px; }
  .el__rc.left .dbl .media > div { left: 5%; }
  .el__rc.left .dbl .media > div { padding: 6px 12px; }
  .el_b-s[data-innStep="3"] .st_c > a:last-child span { max-width: 120px; }
  .el_b-s[data-innStep="3"] .st_c > a:last-child span img { max-width: 100% !important; }
  .out_b .desc > h2 span { font-size: 44px; line-height: 44px; }
  .out_b .desc > h1 { margin-bottom: 15px; }
  .out_b { padding: 25px 15px; }
  .cnt ul > li > a { word-break: break-all; }
  .cnt { max-width: 160px; min-width: 160px; }
  .upd- span { height: calc(100% - 85px); }
  .upd- p { margin-bottom: 5px; }
  .el__rc .dbl .media > div.cop_dl { top: 50%; } 
}
.aeCont{  background: #f2f2f2; padding: 18px; }
input[type="range"] { -webkit-appearance: none; appearance: none;height: 10px;background: #CC7B1D; }
input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none;appearance: none;width:26px; height: 26px;background: #030C7B;border: 3px solid #fff;border-radius: 50%;cursor: pointer; transition: background 0.2s ease; }
input[type="range"]::-moz-range-thumb {width: 26px;height: 26px; background: #030C7B; border: 3px solid #fff;border-radius: 50%; cursor: pointer;transition: background 0.2s ease;}
input[type="range"]::-webkit-slider-thumb:hover, input[type="range"]::-webkit-slider-thumb:focus,
input[type="range"]::-moz-range-thumb:hover, input[type="range"]::-moz-range-thumb:focus { background: #030C7B; }