*{padding:0;margin:0}body,html{height:100%;font-family:"Noto Sans Arabic",sans-serif}@font-face{font-family:"Noto Sans Arabic";font-style:normal;font-weight:400;font-stretch:normal;font-display:swap;src:local('Noto Sans Arabic'),local('Noto Sans Arabic'),url('Noto_Sans_Arabic/static/NotoSansArabic/NotoSansArabic-Regular.ttf') format('truetype')}.container{min-height:auto;box-sizing:border-box;position:relative;overflow:auto;padding-bottom:150px;background:0 0}.top{top:0;z-index:100;background:#ffc107}.name{margin-top:0;padding:15px;color:#fff;position:relative;width:auto;display:inline-block;font-size:20px}.name2{color:#000;font-size:16px}.la{float:right;margin-top:20px}.la form select{padding:5px;display:inline;background:#b3f4ff;border-radius:5px}.la form a{text-decoration:none}.la form select option:hover{background:#00f;color:#fff}.menu-bar{text-align:center;display:inline-flex;position:relative;margin:0;box-shadow:none;transition:all 2 s}.menu-bar ul{display:inline-flex;list-style:none;margin-top:0;margin-left:auto;margin-right:auto;box-shadow:none;transition:all 2s;text-align:center}.menu-bar ul li h1{font-size:16px}.menu-bar ul li{padding:15px;align-items:center!important;text-align:center;box-shadow:none;transition:all .2s;border-radius:10px}.menu-bar ul li a{text-decoration:none;color:#fff;box-shadow:none;transition:all .2s}.active,.menu-bar ul li:hover{background:#000;border-radius:3px}.menu-bar ul li i{display:none}.sub-menu{display:none}.sub-menu ul li{text-align:left}.menu-bar ul li:hover .sub-menu{display:flex;position:absolute;background:#006400;margin-top:15px;margin-left:15px;transition:all 2s}.menu-bar ul li:hover .sub-menu ul{display:block;margin:10px}.menu-bar ul li:hover .sub-menu ul li{width:200px;padding:10px;border-bottom:1px dotted #fff;border-radius:0;transition:all 1s}.menu-bar ul li:hover .sub-menu ul li:last-child{border-bottom:none}.menu-bar ul li:hover .sub-menu ul li a:hover{color:#b2ff00}.fa-angle-right{float:right}.sub-menu1{display:none}.hover-me:hover .sub-menu1{position:absolute;display:block;margin-top:-40px;margin-left:200px;background:#006400;box-shadow:none;transition:all .2s}.sub-menu2{display:none}.hover-me1:hover .sub-menu2{position:absolute;display:block;margin-top:-40px;margin-left:140px;background:#006400}.menu3{padding:2%;margin-top:3%;float:left;margin-bottom:auto;height:auto}.menu3 ul{display:inline-block;list-style:none;color:#fff;margin-right:auto}.menu3 ul li{width:250px;margin-top:15px;text-align:left;background:#2bab0d;border-radius:3px;padding:15px}.menu3 ul a{text-decoration:none;color:#fff}.menu3 ul a h1{font-size:14px}.menu3 ul li:hover{text-decoration:none;color:#fff;background:#4ac959}.menu3 ul li i{display:none}.scr{padding:5px}.menu3 ul a li h1{font-size:16px;align-items:center!important}input{background:#b3f4ff;padding:15px;border-radius:5px;font-weight:700;color:#000}.scr input:hover{background:orange;color:#000}.slider{width:70%;margin-top:50px;margin-left:auto;margin-right:auto;height:600px;background-image:url(../img/guard-company-safety.webp);display:grid;animation:slider 60s infinite running}@keyframes slider{0%{background-image:url(../img/guard-company-safety.webp)}15%{background-image:url(../img/guard-for-safety.webp)}30%{background-image:url(../img/guard-safety.webp)}60%{background-image:url(../img/guard_company.webp)}85%{background-image:url(../img/guard_for_safety.webp)}100%{background-image:url(../img/guard_safety.webp)}}.elementcontain{margin-top:50px;display:grid;margin-left:auto;margin-right:auto;color:#fff;width:800px}.sub-element{background:#63767f;padding:5px;margin:5px;color:#fff;display:block;line-height:2;margin-bottom:10px}.sub-element input:hover{color:#fff;background:orange;border:solid grey}.sub-element a{color:#fff}.sub-element h3{display:none}.abouttext{display:inline-block;margin-left:25px;margin-top:5px}.backimg{display:inline-block;margin:10px}.serviceelementcontain{margin-top:50px;display:grid;margin-left:auto;margin-right:auto;color:#fff;width:800px}.serviceelement{margin-top:15px;height:500px}.servicesub-element{background:#3d545f;padding:5px;margin:5px;color:#fff;display:block;line-height:2;margin-bottom:10px}.servicesub-element input:hover{color:#fff;background:orange;border:solid grey}.servicesub-element a{color:#fff}.servicesub-element h3{display:none}.servicetext{display:inline-block;margin-left:25px;line-height:200%}.servicebackimg{display:inline-block;margin:10px}.cam{margin-top:50px;display:grid;margin-left:auto;margin-right:auto;color:#fff;width:800px;background:gray}.ask{padding:10px;width:800px;display:inline-block}.ask a{text-decoration:none;color:#fff}.des{float:left;padding:20px}.text{width:300px;float:left;height:200px;color:#fff;padding:10px}.text p:hover{color:green;font-size:20px}.strcontain{display:block}.scr{padding:5px}.scr input:hover{background:orange;color:#000}.cataloguescam{margin-top:20px;display:inline-block;float:left;color:#fff;width:900px}.cataloguesask{width:200px;margin:20px;display:inline-block}.cataloguesask a{text-decoration:none;color:#fff}.cataloguesask a:hover{color:red}.cataloguesbackground{display:block;height:200px}.cataloguesdes{display:block;background:grey;padding:10px;margin-top:10px;width:200px;border-radius:5px}.cataloguesdes:hover{background:#000}.cataloguesstr input:hover{background:orange}form{font-family:'Noto Sans Arabic',sans-serif;font-weight:700;display:flex;width:50%;margin-left:auto;margin-right:auto;margin:3%;border-radius:15px}.contact-form{display:grid;background:#d7ffd2;border-radius:15px;box-shadow:0 20px 40px rgba(49,69,250,.4);padding:4%;margin-left:auto;margin-right:auto}.inp{width:80%}.inp ::placeholder{color:#605ef8}.inp input{width:100%;margin-top:3%;padding:10px}.inp input:hover{background:#e0e0e0;animation-delay:2s;color:red}.contact-form select{padding:10px;border:solid #063fd8}.contact-form textarea{width:80%;height:100px;box-shadow:.3px .6px 1px 2px #6e7cfd}.firecam{margin-top:20px;display:inline-block;float:left;color:#fff;width:900px}.fireask{width:200px;display:inline-block;margin:20px;box-shadow:1px 2px 5px 10px #fff}.fireask:hover{box-shadow:1px 2px 5px 10px #00f}.fireask a{text-decoration:none;color:#fff}.firedes{width:200px;background:#00121b;border-radius:3px}.firedes:hover{background:red}.firedes p{margin-left:30px;padding:10px}.servicealarm{padding:5px;margin:5px;color:#fff;display:block;line-height:2;margin-bottom:10px}.servicesub-alarm{background:#fff;padding:5px;margin:5px;color:#fff;display:block;line-height:2;margin-bottom:10px}.servicesub-alarm a{color:#000}.alarmslide{width:auto;display:inline-block}.alarmstext{display:inline-block;margin-left:25px;line-height:200%;color:#000}.alarmstext p{color:#000}.alarm{width:200px;float:left;box-shadow:.2px .4px 1px 2px #fff;margin:20px}.alarm1 a{text-decoration:none;color:#fff;background:#00121b;font-size:medium;font-style:oblique;margin-left:15px;padding:10px}.alarm1 a:hover{color:#000;background:orange;border:solid red}.alarmslide input:hover{color:#fff;background:red;border:solid red}.pumpcon{width:70%;margin-right:auto;margin-left:auto;display:inline-block;background:#fff}.pumpslide{width:95%;height:400px;box-shadow:1px 2px 10px 5px #fff;background-image:url(../img/pump-fire.webp);animation:pumpslide 60s infinite running}@keyframes pumpslide{0%{background-image:url(../img/pump16.webp)}25%{background-image:url(../img/pump20.webp)}50%{background-image:url(../img/pump21.webp)}75%{background-image:url(../img/pump22.webp)}100%{background-image:url(../img/pump23.webp)}}.pumptext{display:inline-block;margin-left:25px;color:#00f;padding:15px;font-size:16px;font-weight:700}.pumpbackimg{display:inline-block;margin:10px}.pumps{margin-top:30px;border-bottom:dashed grey;padding:15px}.pumps a{text-decoration:none;color:#00f}.CCTVcam{margin-top:20px;display:inline-block;float:left;color:#fff;height:200px;box-shadow:1px 2px 5px 10px #fff}.CCTVask{width:200px;height:200px;display:inline-block;margin:0 10px;box-shadow:1px 2px 5px 10px #fff}.CCTVask a{text-decoration:none;color:#fff}.CCTVask ul{text-decoration:none;background:#00121b;color:#fff;align-content:center;padding:5px;margin:5px;border-radius:5%}.CCTVask ul li{text-decoration:none;color:#fff;align-content:center;padding:5px;margin:5px}.CCTVask ul li a{text-decoration:none;color:#fff;align-content:center;padding:5px;margin:5px}.pumppic{width:60px;height:60px;right:10px;bottom:200px;position:fixed}.whatsup{position:fixed;bottom:10px;right:10px}.whatsup ul{list-style:none;color:#fff;font-size:20px}.whatsup ul li a{background-color:#00f;text-decoration:none;color:#fff;padding:5px;border-radius:10px}.chat{position:fixed;bottom:10px;left:10px}.chat ul{list-style:none;color:#fff;font-size:20px}.chat ul li a{background-color:#01610c;text-decoration:none;border-right:5px;color:#fff;padding:5px;border-radius:2px 0 0 2px}.thanks{margin-left:auto;margin-right:auto;width:500px;height:auto}.footer{width:100%;background:#000;display:block;position:absolute;margin-top:-50px;clear:both}.inner-footer{width:95%;margin:auto;display:flex;flex-wrap:wrap;box-sizing:border-box;justify-content:center}.footer-items{width:25%;padding:2% 0;box-sizing:border-box;flex-wrap:wrap}.footer h1{padding:10% 0;font-size:20px;color:#fff;text-transform:uppercase}.footer-items p{color:orange;font-size:16px;text-align:justify;line-height:25px}.border ul a{text-decoration:none;outline:0;color:#fff;transition:.3s}.border ul a:hover{color:grey}.border ul li{margin:15px 0;height:25px}.border ul li i{margin-top:10px}.social-media a i .fas{padding:5px}.social-media{width:100%;color:#fff;text-align:center}.social-media a{text-decoration:none}.social-media i{height:15px;width:15px;margin:20px 5px;padding:10px;color:#fff;border-radius:50%;border:1px solid grey;transition:.3s}.social-media i:hover{background:grey}.footer-buttom{padding:10px;background:#3d545f;color:#fff;font-size:12px;width:100%;text-align:center}.about1{color:#000}.about{color:#000;padding:2px;display:inline-block;border-radius:5px}.about2{color:#000;padding:2px;display:inline-block;border-radius:5px}.services{color:#000;padding:10px;display:inline-block;border-radius:5px;animation:services 2s infinite}@keyframes services{0%{background-color:#10c018}25%{background-color:#1056c0}50%{background-color:#ef0a1a}75%{background-color:#254878}100%{background-color:#04a1d5}}@media screen and (max-width:1085px){.container{margin:0;background:#fff}.about1{animation:none;background:#ffc107;color:#000}.top{background:#fff}.name{padding:5px;width:90%;height:auto;font-size:larger;font-weight:bolder;background:#ffc107;border-radius:80px 0 80px 0;box-shadow:5px 5px green;margin:10px;padding-bottom:20px;animation:none}.name2{color:#000;margin-right:5%}.la{top:70px;margin-right:10px;float:right;position:absolute}.menu3{margin-top:0;width:72%;border-radius:90px 0;height:auto;margin-bottom:10px;margin-right:3%}.menu3 ul{background-color:transparent;width:100%}.menu3 ul li{padding:8px;margin:2px;background:green;border-radius:20px;width:100%}.menu3 ul li i{display:none}.menu3 ul li h1{font-size:16px}form{width:auto;display:block}.form form{width:90%;margin-left:5%}.menu-bar ul{display:none}.slider{width:100%;display:block;float:left;height:400px}.elementcontain{width:100%;display:inline-block}.serviceelementcontain{width:100%;margin-top:10px;margin-bottom:0}.cam{width:95%;background:#fff}.ask{display:block;width:100%;overflow:hidden}.strcontain{margin-top:auto;border-bottom:dashed red;margin-bottom:20px}.strcontain input:hover{background:red}.text{font-weight:700;padding:0;width:100%;height:auto;color:#00f}.des{width:200px;background:green;margin:5px;border-radius:90px 5px 60px 0}.CCTVcam{display:block;box-shadow:none;margin-bottom:20px}.CCTVask{width:200px;margin-top:8%}.CCTVask ul{background:red}.CCTVask child{width:200px;margin-top:8%;margin-bottom:10%}.pumpcon{width:100%;float:none}.pumpslide{width:100%}.cataloguescam{width:100%}.cataloguesdes{width:200px;background:green;margin:2px;border-radius:30px 5px 60px 0}.alarmslide{width:100%;display:inline-block}.alarm{width:90%}.firecam{width:100%}.fireask{width:200px;height:200px}.thanks{width:100%}.picbody{display:block}.footer{margin-top:0}.inner-footer{display:block;width:100%}.border{width:400%}.footer-items{padding:2%}.footer-items p{width:350%}.footer-buttom{width:90%}.home2{font-size:12px;color:#000}.article{width:100%}}@media screen and (min-width:1085px){.home2{display:none;font-size:12px}}