#tools{}
#tools #breadcrumbs{margin-top:20px!important;}



#tools.index-page{margin:122px auto 100px}
#tools.index-page .tools-section {display: flex; flex-wrap:nowrap; gap:4%; margin:80px auto; width:80%}
#tools.index-page .tool-card {position:relative; flex:1 1 48%; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); transition: transform 0.3s, box-shadow 0.3s; }
#tools.index-page .tool-card:hover { transform: translateY(-5px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); }
#tools.index-page .tool-card img {width: 100%}
#tools.index-page .tool-card .inf {position:absolute;bottom:0;left:0;right:0;z-index:2;padding:10px 15px 15px;box-sizing:border-box;background:rgba(0,0,0,.6);}
#tools.index-page .tool-card .inf *{color:#fff}
#tools.index-page .tool-card .inf h3 {position:relative;color: white; font-size:20px;margin-top:0}
#tools.index-page .tool-card .inf h3:after{display: block;content: '';width: 75px;height:2px;margin:10px 0 12px;background: rgb(237,71,106);background: -moz-linear-gradient(-45deg,rgba(237,71,106,1) 0%, rgba(250,127,31,1) 100%);background: -webkit-linear-gradient(-45deg,rgba(237,71,106,1) 0%,rgba(250,127,31,1) 100%);background: linear-gradient(135deg,rgba(237,71,106,1) 0%,rgba(250,127,31,1) 100%);}



#tools.ies-page{margin:54px auto 100px}
#tools.ies-page #file {overflow:hidden}
#tools.ies-page #file .form{width:50%; float:left}
#tools.ies-page #file .textFormat{width:45%; float:right}
#tools.ies-page #file .form .box{overflow:hidden;padding:7px 10px;background:#fafafa;border-bottom:1px solid #eee}
#tools.ies-page #file .form .box p{float:left;width:50%;text-align:right;display:block;line-height:30px}
#tools.ies-page #file .form .box input,
#tools.ies-page #file .form .box select {float:right;width:45%;display:block;height:30px;line-height:30px}
#tools.ies-page #file .textFormat .btn {margin-top:30px}



#tools.cable_calculation-page {margin:54px auto 100px}
#tools.cable_calculation-page .form{float:left;width:48%}
#tools.cable_calculation-page .result{float:right;width:48%}
#tools.cable_calculation-page .form .form-group {display: flex; align-items: center; margin-top: 10px;}
#tools.cable_calculation-page .form .form-group label {flex:2; margin-right:10px; text-align: right;}
#tools.cable_calculation-page .form .form-group input, .form-group select {flex:1; padding: 8px; border: 1px solid #ccc; border-radius: 5px;}
#tools.cable_calculation-page .form .toggle-container {display: flex; gap:20px;align-items: center; justify-content:flex-end; margin-top: 15px;}
#tools.cable_calculation-page .form .toggle {width:25%;display: inline-block; text-align:center;padding:5px; border: 1px solid #ccc; border-radius: 5px; cursor: pointer; box-sizing:border-box}
#tools.cable_calculation-page .form .toggle.selected {background-color:#ddd; color:#000}
#tools.cable_calculation-page .form button {width: 100%; margin-top:20px; padding:10px 15px!important;font-size:18px!important}
#tools.cable_calculation-page .result #result {margin-top: 20px; padding: 10px; background-color: #e9f7ef; border: 1px solid #d4edda; border-radius: 5px;}
#tools.cable_calculation-page .result .error {border-color: red;}
#tools.cable_calculation-page .result .error-message {color: red; margin-top: 10px; display: none;}
#tools.cable_calculation-page .table {margin:100px 0;}
#tools.cable_calculation-page table {width: 100%; border-collapse: collapse}
#tools.cable_calculation-page th,
#tools.cable_calculation-page td {border: 1px solid #aaa; padding: 10px; text-align: center;vertical-align:middle}
#tools.cable_calculation-page th {background-color:#ddd; color:#000;}
#tools.cable_calculation-page tr:nth-child(even) {background-color: #f9f9f9;}
#tools.cable_calculation-page tr:hover {background-color: #f1f1f1;}
#tools.cable_calculation-page caption {font-size: 1.5em; margin-bottom: 10px;}

@keyframes fadeInUp {0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}
@keyframes zoomFade {0%{opacity:0;transform:scale(0.9)}100%{opacity:1;transform:scale(1)}}
#tools.cable_calculation-page #hs45_slide {margin-top:80px;background:linear-gradient(135deg,#f8f9fa,#e0e0e0);padding:15vh 0 10vh}
#tools.cable_calculation-page #hs45_slide .screen {height:60vh;width:90%;margin:0 0 0 10%;display:flex}
#tools.cable_calculation-page #hs45_slide .screen .l, .screen .r {flex:1;height:100%;display:flex;align-items:center;justify-content:center}
#tools.cable_calculation-page #hs45_slide .screen .l h1 {font-weight:400;font-size:40px;color:#222;text-shadow:0 1px 1px #fff;opacity:0;transform:translateY(20px);animation:fadeInUp 1s ease 0.2s forwards}
#tools.cable_calculation-page #hs45_slide .screen .l .icons {margin-top:20px;display:flex;gap:10px;align-items:flex-start}
#tools.cable_calculation-page #hs45_slide .screen .l .icons div {width:32%;padding:20px;background:#fff;border-radius:12px;box-shadow:0 8px 25px -10px rgba(0,0,0,0.08);opacity:0;transform:translateY(20px);animation:fadeInUp 1s ease forwards;transition:transform 0.3s ease, box-shadow 0.3s ease;text-align:center}
#tools.cable_calculation-page #hs45_slide .screen .l .icons div:nth-child(1){animation-delay:0.4s;background:linear-gradient(135deg,#ffffff,#fafafa)}
#tools.cable_calculation-page #hs45_slide .screen .l .icons div:nth-child(2){animation-delay:0.6s;background:linear-gradient(135deg,#ffffff,#fefefe)}
#tools.cable_calculation-page #hs45_slide .screen .l .icons div:nth-child(3){animation-delay:0.8s;background:linear-gradient(135deg,#ffffff,#f7f7f7)}
#tools.cable_calculation-page #hs45_slide .screen .l .icons div:hover {transform:translateY(-5px) scale(1.03);box-shadow:0 15px 30px -10px rgba(0,0,0,0.12)}
#tools.cable_calculation-page #hs45_slide .screen .l .icons div img {width:30%}
#tools.cable_calculation-page #hs45_slide .screen .l .icons div p {margin-top:12px}
#tools.cable_calculation-page #hs45_slide .screen .l .icons div p span {display:block;font-weight:600}
#tools.cable_calculation-page #hs45_slide .screen .l button {margin-top:40px;padding:12px 28px;font-size:20px;font-weight:500;color:#fff;background:linear-gradient(135deg,#c62828,#ff4236);border:none;border-radius:30px;cursor:pointer;transition:all 0.4s ease;box-shadow:0 6px 20px rgba(198,40,40,0.3);opacity:0;transform:translateY(20px);animation:fadeInUp 1s ease 1s forwards}
#tools.cable_calculation-page #hs45_slide .screen .l button:hover {transform:translateY(1px);box-shadow:inset 0 4px 8px rgba(0,0,0,0.2)}
#tools.cable_calculation-page #hs45_slide .screen .r img {width:100%;filter:drop-shadow(0 10px 20px rgba(0,0,0,0.2));opacity:0;transform:scale(0.9);animation:zoomFade 1.5s ease 1.2s forwards}
#tools.cable_calculation-page #hs45_slide .screen .r p {text-align:center; cursor:pointer;text-transform:uppercase;text-decoration:underline}

#tools.cable_calculation-page #text {margin-top:80px}



#tools.light_calculation-page {margin:54px auto 100px}
#tools.light_calculation-page #item {overflow:hidden;padding:15px;margin:20px 0 40px}
#tools.light_calculation-page #item .image{float:left;width:20%}
#tools.light_calculation-page #item .image img{max-width:100%}
#tools.light_calculation-page #item .inf{float:right;width:75%}
#tools.light_calculation-page #item .inf h3{margin-top:0!important;}
#tools.light_calculation-page #item .inf .parameters {margin-top:20px}
#tools.light_calculation-page #item .inf .parameters div{display:flex;flex-wrap:nowrap;gap:3%;}
#tools.light_calculation-page #item .inf .parameters div p{flex:0 0 30%}
#tools.light_calculation-page #item .inf .parameters div p:first-child{text-align:right}
#tools.light_calculation-page #item .inf .btns{margin-top:30px}
#tools.light_calculation-page #item .inf .btns *{height:30px!important;vertical-align:top!important;display:inline-block;font-size:18px;line-height:30px!important;text-transform:uppercase}
#tools.light_calculation-page #item .inf a.download {padding:10px 10px 10px 65px;background-color:#fff;border-radius:5px;-webkit-border-radius:5px;border:1px solid #eee;background-size:30px;background-position:10px 50%;background-repeat:no-repeat}
#tools.light_calculation-page #item .inf a.download:hover {background-color:#eee}
#tools.light_calculation-page #item .inf p.download_disable {padding:10px;background-color:#f1f1f1;font-size:20px;line-height:40px;border-radius:5px;-webkit-border-radius:5px;border:1px solid #aaa}
#tools.light_calculation-page #item .inf .cart{margin:0 0 0 20px;padding:10px 35px!important;box-sizing:content-box!important;}
#tools.light_calculation-page .container {overflow:hidden}
#tools.light_calculation-page .controls {float:left;width:40%;padding:20px; background: #f5f5f5; border-radius: 8px;box-sizing:border-box}
#tools.light_calculation-page .room-view {display:grid; float:right; width:55%; position: relative; height: auto; box-sizing:border-box}
#tools.light_calculation-page .form-group {margin-bottom: 15px;}
#tools.light_calculation-page .form-group label {display: block; margin-bottom: 5px; font-weight: bold;}
#tools.light_calculation-page .form-group input {width: 100%; margin-top:2px;padding: 8px; border: 1px solid #ddd; border-radius: 4px;}
#tools.light_calculation-page .form-group p {font-size:10px;margin-top:5px}
#tools.light_calculation-page .color-scale {height: 20px; background: linear-gradient(to right, black 0%, #5b0000 4%, #800080 8%, #4682b4 10%, #00bfff 14%, #40e0d0 19%, #7fff00 23%, #008000 30%, yellow 40%, #ff8c00 60%, red 80%, #ff69b4 90%, white 100%); margin-top: 20px;}
#tools.light_calculation-page .scale-labels {display: flex; justify-content: space-between; margin-top: 5px; font-size: 12px;}
#tools.light_calculation-page .grid-cell {border:0px solid rgba(50, 50, 50, 0.1); width: 100%; height: 100%; box-sizing: border-box;}
#tools.light_calculation-page .fixture {position: absolute; width: 20px; aspect-ratio: 1 / 1; background: #000; border-radius: 50%; transform: translate(-50%, -50%); z-index: 2;}
#tools.light_calculation-page .calculate-btn {width: 100%; padding: 12px; background: #007bff; color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 16px; margin-top: 15px;}
#tools.light_calculation-page .result-info {margin-top: 15px; padding: 10px; background: #e9ecef; border-radius: 4px;}
#tools.light_calculation-page .switch-field {display: flex; gap:20px; margin: 15px 0;}
#tools.light_calculation-page .switch {flex:1 1 45%; align-items: center; cursor: pointer;}
#tools.light_calculation-page .switch input {display: none;}
#tools.light_calculation-page .switch-label {display:block;text-align:center;padding:5px 0; background: #ddd; border-radius: 4px; transition: background 0.3s, color 0.3s;}
#tools.light_calculation-page .switch input:checked + .switch-label {background: #007bff; color: white;}
#tools.light_calculation-page .textFormat {margin-top:100px}



#tools.profile_calculation-page {}
#tools.profile_calculation-page .h1-wrap{margin-top:40px}
#tools.profile_calculation-page .page{min-height:200px;margin:5px auto 20px}
#tools.profile_calculation-page #items{}
#tools.profile_calculation-page #items .item{cursor:pointer;float:left;width:10.5%;background:#fafafa;padding:15px;margin:0 0 2% 2%;box-sizing:border-box;border:1px solid #f1f1f1}
#tools.profile_calculation-page #items .item.act{background:#ffe96a}
#tools.profile_calculation-page #items .item.section{cursor:default;opacity:0;background:#fff;border:1px solid #ddd!important;}
#tools.profile_calculation-page #items .item.section .absWrap{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff}
#tools.profile_calculation-page #items .item.section .absWrap p{font-weight:700;color:#333;font-size:11px;line-height:16px;text-align:center;display:table-cell;vertical-align:middle;text-transform:uppercase}
#tools.profile_calculation-page #items .item .image{}
#tools.profile_calculation-page #items .item .image img{width:100%}
#tools.profile_calculation-page #items .item .title{display:block;overflow:hidden;height:32px;font-size:11px;font-weight:400;line-height:16px;text-align:center;margin:5px 0 0;color:#333}
#tools.profile_calculation-page #items .item .price{display:block;overflow:hidden;height:12px;font-size:10px;line-height:12px;text-align:center;margin:10px 0 0;color:#666}

#tools.profile_calculation-page #data{margin-bottom:120px}
#tools.profile_calculation-page #data #cl{float:left;width:30%}
#tools.profile_calculation-page #data #cl #able{overflow:hidden}
#tools.profile_calculation-page #data #cl #able span{display:inline-block;margin-right:4px;padding:0 2px;border:1px solid #eee;border-radius:4px;background:#fefefe}
#tools.profile_calculation-page #data #cl #able span.pick{background:#e6f9e8}
#tools.profile_calculation-page #data #cl #lengths{margin-top:15px}
#tools.profile_calculation-page #data #cl #lengths .box{margin-bottom:5px;overflow:hidden}
#tools.profile_calculation-page #data #cl #lengths input{float:left;width:24%;font-size:12px;box-sizing:border-box;margin-left:2%}
#tools.profile_calculation-page #data #cl #lengths input:first-child{width:36%;margin-left:0}
#tools.profile_calculation-page #data #cl #lengths select{float:left;width:36%;font-size:12px;box-sizing:border-box;margin-left:2%}
#tools.profile_calculation-page #data #cl #lengths input.ok{background:#e6f9e8}
#tools.profile_calculation-page #data #cl #lengths textarea{width:100%;box-sizing:border-box;height:100px}
#tools.profile_calculation-page #data #cl #lengths .btn{margin-top:20px}
#tools.profile_calculation-page #data #lengths_answer{float:right;width:65%;border-left:1px solid #eee;padding-left:5%;box-sizing:border-box}
#tools.profile_calculation-page #data #lengths_answer .ext_inf_wrap{overflow:hidden;margin-bottom:20px;border-bottom:1px solid #eee;padding:20px 0}
#tools.profile_calculation-page #data #lengths_answer .ext_inf_wrap .cl{float:left;width:33.3%;border-right:1px solid #eee;padding:0 2%;box-sizing:border-box;min-height:150px}
#tools.profile_calculation-page #data #lengths_answer .ext_inf_wrap .cl:last-child{border:none}
#tools.profile_calculation-page #data #lengths_answer #infographics{overflow:hidden}
#tools.profile_calculation-page #data #lengths_answer #infographics .box{overflow:hidden;height:25px;margin-top:5px}
#tools.profile_calculation-page #data #lengths_answer #infographics .title{float:left;width:15%;height:25px;line-height:25px;text-align:center;font-size:10px;border:1px solid #666;box-sizing:border-box}
#tools.profile_calculation-page #data #lengths_answer #infographics .title.anod{background:#eee}
#tools.profile_calculation-page #data #lengths_answer #infographics .title.black{background:#333;color:#fff}
#tools.profile_calculation-page #data #lengths_answer #infographics .title.white{background:#fff}
#tools.profile_calculation-page #data #lengths_answer #infographics .title.ral{background:#b3d2fa;color:#fff}
#tools.profile_calculation-page #data #lengths_answer #infographics .profile-wrap{width:83%;float:right;box-sizing:border-box}
#tools.profile_calculation-page #data #lengths_answer #infographics .profile{overflow:hidden;border:1px solid #b9b9b9;height:25px;box-sizing: border-box;background:#eea793}
#tools.profile_calculation-page #data #lengths_answer #infographics .length_2000 .profile{width:50%}
#tools.profile_calculation-page #data #lengths_answer #infographics .length_2500 .profile{width:75%}
#tools.profile_calculation-page #data #lengths_answer #infographics .length_3000 .profile{width:85%}
#tools.profile_calculation-page #data #lengths_answer #infographics .length_5000 .profile{width:100%}
#tools.profile_calculation-page #data #lengths_answer #infographics .profile span{background:#fafafa;display:inline-block;height:25px;line-height:25px;text-align:center;font-size:9px}
#tools.profile_calculation-page #data #lengths_answer #infographics .profile span.n{background:#e6e6e6}