@import "css.css";
@media(max-width:901px){
    body {font-size: 15px;}
    [bodybg] {background-image: url('../img/1.jpg');width: 100%;height: 100%;background-position: center;background-size: cover;position: relative;overflow: hidden;filter: blur(4px);}
    [body] {width: 100%;height: 100%;position: absolute;top:0;left:0;overflow: auto;display: flex;flex-direction: column;}
    [body] [bodybox] {flex:1;}
    [container] {width:100%;margin:0px auto;}
    [bgblue] {background: rgba(35,58,116,0.85);}
    [heads] {background: rgba(35,58,116,0.85);position: relative;display: flex;flex-direction: row;}
    [heads] [logo] {width: 60px;position: absolute;left: 10px;top:0;}
    [heads] [name] {padding: 14px 14px 14px 80px;color: #FFF;}
    [heads] [name]>p {font-weight: 600;margin:0px;font-size: 20px;}
    [heads] [name]>span {font-weight: 400;font-size: 11.2px;color: #CCC;}
    [heads] [menu] {flex: 1;}
    [heads] [menu] [mbutton] {display: block;float: right;color: #FFF;font-size: 20px;padding: 20px;}
    [heads] [menu] [mbutton] input {display: none;}

    [heads] [menu] ul {position: absolute;list-style: none;margin:0px;padding: 0px;background:rgba(35,58,116,0.85);z-index: 2;right: 0;top:60px;display: none;}
    [heads] [menu] ul li {padding: 20px 30px;color: #FFF;}
    [heads] [menu] ul li i {margin-right: 5px;}
    [heads] [menu] ul li:hover {background: rgba(255,255,255,0.2);cursor: pointer;text-decoration: underline;}

    [bodybox] {background: rgba(255,255,255,0.8);overflow: auto;}

    [title] {font-size: 18px;margin: 20px;border-bottom: 2px solid #aaa;padding-bottom: 10px;text-align: center;}

    [content] {padding: 20px;}
    [content] h2 {margin: 30px 0px 10px 0px;}
    [content] h3 {margin: 10px 0px;}
    [content] p {margin: 20px 0px;line-height: 20px;}
    [slider] {width:100%;height: 30%;position: relative;overflow: hidden;}
    [slider] [item] {width:100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;position: absolute;float:left;left: 0;top:0;}
    [slider] [item] [descr] {background: rgba(255,255,255,0.3);position: absolute;top:20%;padding: 10px 20px;color:#FFF;text-shadow: 1px 1px 2px rgba(0,0,0,1);max-width: 50%;}
    [slider] [item] [left] {left:0%;}
    [slider] [item] [right] {right:0%;}
    [slider] [item] [descr] [title] {font-weight: 600;margin:10px 0px;font-size: 16px;}
    [slider] [item] [descr] [cont] {text-align: left;margin:0px 0px 10px 0px;font-size: 12px;}

    [hproducts] {overflow: auto;overflow: auto;margin: 10px auto;width: fit-content;}
    [hproducts] [item] {float: left;text-align: center;width: 250px;padding: 30px 10px;background: rgba(255,255,255,0.8);margin: 10px;opacity: 0.6;}
    [hproducts] [item]:hover {opacity: 1;cursor: pointer;}
    [hproducts] [item] img:nth-child(1) {height: 120px;margin: 0px auto;display: block;}
    [hproducts] [item] img:nth-child(2) {height: 20px;}

    [partners] {overflow: auto;margin: 0px auto;width: fit-content;}
    [partners]>div {float: left;margin: 20px;text-align: center;border: 1px solid #CCC;padding: 0px 20px;cursor: pointer;min-width: 220px;background: rgba(255,255,255,0.4);}
    [partners]>div:hover {background: #FFF;border:1px solid #AAA;}
    [partners]>div img {height: 60px;max-width: 180px;}
    [partners]>div p {font-weight: 500;}

    [foots] {background: rgba(35,58,116,0.85);padding: 10px;text-align: center;color: #FFF;box-sizing: border-box;}

    [href] {position: relative;}
    [href]>a {position: absolute;width: 100%;height: 100%;top:0;left:0;}
    [hidden] {display: none;}

    [productlist] {margin: 20px;display: flex;flex-direction: column;}
    [productlist] .active {opacity: 1 !important;}
    [productlist] .active [phead] div {opacity: 0.8 !important;color: #333;}
    [productlist] [product] {flex:1;opacity: 0.5;}
    [productlist] [product]:hover {opacity: 1;cursor: pointer;}
    [productlist] [product] [phead] {}
    [productlist] [product] [phead] img:nth-child(1) {width: 160px;display: block;margin: 0px auto;}
    [productlist] [product] [phead] img:nth-child(2) {height: 20px;display: block;margin: 0px auto;}
    [productlist] [product] [phead] div {text-align: center;padding: 20px 0px;font-size: 30px;opacity: 0.2;}
    [productlist] [product] [phead] div i {display: none;}

    [applications] {margin: 20px;}
    [applications] [list] {text-align: center;}
    [applications] [list] [item] {display: inline-block;padding: 5px;background: rgba(255,255,255,0.5);margin: 3px;height: 80px;width: 80px;position: relative;border:1px solid #CCC;box-sizing: border-box;}
    [applications] [list] [item] img {width: 70px;height:70px;object-fit: contain;position: absolute;left:5px;bottom:5px;}

    [descrlist] {margin: 20px;}
    [descrlist] [ditem] {padding: 20px;border:1px solid #CCC;}

    [content] [contact] table {width:100%;}
    [content] [contact] table td {padding:6px 4px;}
    [content] [contact] table td:nth-child(1) {font-weight: 600;}
}
@media(min-width:900px){
    [bodybg] {background-image: url('../img/1.jpg');width: 100%;height: 100%;background-position: center;background-size: cover;position: relative;overflow: hidden;filter: blur(4px);}
    [body] {width: 100%;height: 100%;position: absolute;top:0;left:0;overflow: auto;}
    [container] {width:1200px;margin:0px auto;}
    [bgblue] {background: rgba(35,58,116,0.85);}
    [heads] {background: rgba(35,58,116,0.85);position: relative;display: flex;flex-direction: row;}
    [heads] [logo] {width: 100px;position: absolute;left: 30px;top:0;}
    [heads] [name] {padding: 14px 14px 14px 140px;color: #FFF;}
    [heads] [name]>p {font-weight: 600;margin: 0px;font-size: 28px;}
    [heads] [name]>span {font-weight: 400;font-size: 15.5px;color: #CCC;}
    [heads] [menu] {flex: 1;}
    [heads] [menu] [mbutton] {display: none;}
    [heads] [menu] ul {float: right;list-style: none;margin:0px;padding: 0px;}
    [heads] [menu] ul li {float: left;padding: 27px 30px;color: #FFF;}
    [heads] [menu] ul li i {margin-right: 5px;}
    [heads] [menu] ul li:hover {background: rgba(255,255,255,0.2);cursor: pointer;text-decoration: underline;}

    [bodybox] {background: rgba(255,255,255,0.8);margin-top: 40px;overflow: auto;}

    [title] {font-size: 24px;margin: 20px;border-bottom: 2px solid #aaa;padding-bottom: 10px;}
    [title]:after {content: "";border-bottom: 10px;display: block;}
    [content] {padding: 20px;}
    [content] h2 {margin: 30px 0px 10px 0px;}
    [content] h3 {margin: 10px 0px;}
    [content] p {margin: 14px 0px;}
    [slider] {width:1200px;height: 600px;position: relative;overflow: hidden;}
    [slider] [item] {width:1200px;height: 600px;background-repeat: no-repeat;background-position: center;background-size: cover;position: absolute;float:left;left: 0;top:0;}
    [slider] [item] [descr] {background: rgba(255,255,255,0.3);position: absolute;top:50%;padding: 20px 40px;color:#FFF;text-shadow: 1px 1px 2px rgba(0,0,0,1);max-width: 300px;transform: translate(-50%, -50%); width: 280px;}
    [slider] [item] [left] {left:15%;}
    [slider] [item] [right] {right:-15%;}
    [slider] [item] [descr] [title] {font-weight: 600;margin:10px 0px;font-size: 30px;}
    [slider] [item] [descr] [cont] {text-align: left;margin:0px 0px 10px 0px;font-size: 16px;}

    [hproducts] {overflow: auto;overflow: auto;margin: 10px auto;width: fit-content;}
    [hproducts] [item] {float: left;text-align: center;width: 250px;padding: 30px 10px;background: rgba(255,255,255,0.8);margin: 10px;opacity: 0.6;}
    [hproducts] [item]:hover {opacity: 1;cursor: pointer;}
    [hproducts] [item] img:nth-child(1) {height: 120px;margin: 0px auto;display: block;}
    [hproducts] [item] img:nth-child(2) {height: 20px;}

    [partners] {overflow: auto;margin: 0px auto;width: fit-content;}
    [partners]>div {float: left;margin: 20px;text-align: center;border: 1px solid #CCC;padding: 0px 20px;cursor: pointer;min-width: 220px;background: rgba(255,255,255,0.4);}
    [partners]>div:hover {background: #FFF;border:1px solid #AAA;}
    [partners]>div img {height: 60px;max-width: 180px;}
    [partners]>div p {font-weight: 500;}

    [foots] {background: rgba(35,58,116,0.85);padding: 10px;text-align: center;color: #FFF;box-sizing: border-box;}

    [href] {position: relative;}
    [href]>a {position: absolute;width: 100%;height: 100%;top:0;left:0;}
    [hidden] {display: none;}

    [productlist] {margin: 20px;display: flex;flex-direction: row;}
    [productlist] .active {opacity: 1 !important;}
    [productlist] .active [phead] div {opacity: 0.8 !important;color: #333;}
    [productlist] [product] {flex:1;opacity: 0.5;}
    [productlist] [product]:hover {opacity: 1;cursor: pointer;}
    [productlist] [product] [phead] {}
    [productlist] [product] [phead] img:nth-child(1) {width: 160px;display: block;margin: 0px auto;}
    [productlist] [product] [phead] img:nth-child(2) {height: 20px;display: block;margin: 0px auto;}
    [productlist] [product] [phead] div {text-align: center;padding: 20px 0px;font-size: 30px;opacity: 0.2;}

    [applications] {margin: 20px;}
    [applications] [list] {text-align: center;}
    [applications] [list] [item] {display: inline-block;padding: 5px;background: rgba(255,255,255,0.5);margin: 3px;height: 80px;width: 80px;position: relative;border:1px solid #CCC;box-sizing: border-box;}
    [applications] [list] [item] img {width: 70px;height:70px;object-fit: contain;position: absolute;left:5px;bottom:5px;}

    [descrlist] {margin: 20px;}
    [descrlist] [ditem] {padding: 20px;border:1px solid #CCC;}
    [content] [contact] table td {padding:10px 20px;}
    [content] [contact] table td:nth-child(1) {font-weight: 600;}
}