ikan Uploader :
Directory : /var/www/html/wireout.org/assets/css/
Upload File : |
| Current File : /var/www/html/wireout.org/assets/css/wireout.css |
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap');
:root { --main-color:#F78200;}
body { font-family: 'Open Sans', sans-serif; font-size:16px; color:#222; padding:0; margin:0; }
a { text-decoration:none; }
.button { background:#fff; border-radius:5px; padding:20px 100px; color:#000; box-shadow:0px 0px 20px rgb(0 0 0 / 5%); font-size:16px; font-weight:bold; display:inline-block; }
.button1 { background: linear-gradient(180deg, #3498db 0%, #3498db 100%); border-radius:5px; border:0; line-height:50px; height:50px; padding:0px 40px; color:#fff; box-shadow:0px 0px 20px rgb(0 0 0 / 5%); font-size:16px; font-weight:normal; display:inline-block; }
.button1:hover { background:#555; color:#ffff; }
.button2 { background: linear-gradient(180deg, #fff 0%, #fafafa 100%); border-radius:5px; border:0; line-height:50px; height:50px; padding:0px 40px; color:#000; box-shadow:0px 0px 20px rgb(0 0 0 / 5%); font-size:16px; font-weight:normal; display:inline-block; }
.button2:hover { background:#555; color:#ffff; }
.header { background:#fff; padding:17px 10px; position:fixed; width: 100%; top: 0; left: 0; z-index:9; transition:ease all 0.3s; top:0; }
.header .logo { float:left; width:100%; padding:0px 0 0 0px; }
.header .logo img { height:50px; margin:3px 0px 0 0; float:left; }
.header .nav { display: flex; justify-content: flex-end;margin-top: 0px; margin-bottom: 0px; padding:0 !important; }
.navbar { margin-top: 0px; margin-bottom: 0px; padding:0 !important; }
.nav ul { list-style:none; margin:0px 0 0 0; padding:0; }
.nav ul li { float:left;position:relative;margin:0px 0; padding:0px 25px 0 0;color:#000;cursor: pointer;}
.nav ul li a { font-size: 15px;font-weight: 500; padding:0 0 0px 0; color:#000; line-height:50px; }
.nav ul li a:hover { color:#58659b; }
.nav ul li.active a { color:#58659b; }
.nav ul .dropdowns { display:none; position:absolute; top:49px; left:0px; padding:0px; width:250px; z-index:99; background:#fff; border:0px solid #ddd;box-shadow:0px 0px 20px rgb(0 0 0 / 5%); }
.nav ul .dropdowns li {display:block;margin:0;float:none;padding: 0; border:0 !important; position:relative; }
.nav ul .dropdowns li a { display:flow-root; padding:12px 15px !important; line-height:24px; font-size:13px; color:#000; transition:ease all 0.3s; border-left:2px solid #fff; }
.nav ul .dropdowns li a i { float:right; padding:0px 0 0 0; display:block; }
.nav ul li:hover .dropdowns { display:block; }
.nav ul .dropdowns li a:hover { padding:12px 15px 12px 18px !important; color:#1488CC; border-left:2px solid #1488CC; font-weight:bold; }
.nav ul .dropdowns-2 { display:none; position:absolute; top:0px; left:250px; padding:0px; width:250px; z-index:99; background:#fff; border:0px solid #ddd; box-shadow:0px 0px 20px rgb(0 0 0 / 5%); }
.nav ul .dropdowns li:hover .dropdowns-2 { display:block; }
.header.fixed { padding:10px 10px; box-shadow:0px 0px 20px rgb(0 0 0 / 5%); background:#fff; }
.slider { padding:0px 0 0 0; background: #fff; position:relative; }
.slide-inner { padding:0px 0 0 0; background: #fff; position:relative; height:600px; }
.slide-inner:before { content:""; position:absolute; top:0; left:0; width:50%; height:100%; background:#fff; opacity:1; z-index:3; }
.slide-inner img { width:100%; height:100%; object-fit:cover; display: block; margin: 0px auto; position:relative; z-index:2; }
.slider .imagesslide { position:relative; }
.sliderbg { position:absolute; bottom:0; width:100%; }
.slide-in { z-index:4; padding:120px 0 100px 0; position:absolute; top:0; left:0; width:100%; }
.slide-in h1 { font-size:60px; line-height:74px; color:#58659b; padding:50px 0 0px 0px; font-weight:bold; }
.slide-in p { font-size:18px; color:#000; padding:15px 0 0px 0px; font-weight:400; display:block; }
.slide-in img { width:100%; height:400px; object-fit:cover; display: block; margin: 0px auto; }
.about-sec1 { padding:60px 0 60px 0; }
.about-sec1 .row { }
.about-sec1 img { display:block; margin:0px auto 0; width:70%; display:block; object-fit:cover; }
.about-sec1 small { color:#D73F2B; display:block; font-size:12px;font-weight:400; }
.about-sec1 h2 { color:#000000; display:block; font-size:40px; font-weight:600; margin:0 0 20px 0; padding:0; }
.about-sec1 p { color:#505050; display:block; font-size:14px; font-weight:400; margin:0 0 20px 0; padding:0; }
.about-sec1 .orderclass { order:2;}
.about-sec1 .content{ padding:0px 0px 40px 0px; }
.leadershipsec { position:relative; padding:0 0 60px 0; }
/*.leadershipsec:before { content:""; position:absolute; bottom:0; left:0; background:#f6f6f6; width:100%; height:50%; display:block; z-index:0; }*/
.leadershipsec h3 { color:#0D0D0D; font-size: 40px; font-weight:600; text-align:center; padding:0 0 10px 0; }
.leadershipsec small { color:#505050; font-size: 14px; font-weight:400; text-align:center; display:block; padding:0 0 10px 0; }
.ani1 { position:absolute; left:0px; bottom:0px; width:300px; z-index: -1; opacity:.5; }
.ani1 img { width:100%; }
/*.leadershipsec .ani2 { position:absolute; left:0px; bottom:0px; width:300px; }
.leadershipsec .ani2 img { width:100%; }
.leadershipsec:before { content:""; position:absolute; bottom:0; left:; background:#31A649; width:100%; height:40%; display:block; z-index:0; }
.leadershipsec:after { content:""; position:absolute; background: rgba(255, 255, 255, 0.20); height:1px; width:30%; left:35%; bottom:-50px; }
*/
.leader-item { position:relative; }
.leader-item { position:relative; width: 100%; padding: .7%; float: left; }
.leader-item .contentsec { display:none; font-size:14px; text-align:center; position: absolute; background: #fff; padding: 15px; top: -160px; border-radius: 5px; box-shadow:0 10px 30px 0 rgb(24 28 33 / 5%); min-height: 160px; }
.leader-item .contentsec:after { content:""; position:absolute; bottom:-8px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #fff; left:47%; }
.testimonial-item:hover .contentsec { display:block; }
.leadershipsec .case-item { padding:0 0px; text-align:center; cursor:pointer; }
.leadershipsec .case-item .image { position:relative; margin:20px auto; border-radius:18px; overflow:hidden; }
.leadershipsec .case-item .image img { width:100%; object-fit:cover; height:330px; overflow:hidden; }
.leadershipsec .case-item .image .icon { position:absolute; top:0; left:0; height:100%; width:100%; background:rgba(0,0,0,0.5); display:flex; opacity:0; transition:ease all 0.3s; }
.leadershipsec .case-item .image .icon i { align-items: center; display: flex; vertical-align: middle; width: 100%; justify-content: center; font-size:30px; color:#fff; }
.leadershipsec .case-item:hover .image .icon { opacity:1; }
.leadershipsec .case-item:hover img {transform: scale(1) !important;}
.leadershipsec .case-item h5 { font-size: 20px;font-style: normal;font-weight: 600; color:#000; margin:0 0 5px 0; }
.leadershipsec .case-item small {font-size: 14px;font-style: normal;font-weight: 500; color:#505050; }
.popupteam{position:relative;padding:60px 20px 20px 20px}
.popupteam .imgsec{margin:0 0;position:relative;margin:0 0 0 0;text-align:center}
.popupteam .imgsec .img{width:340px;height:340px;border-radius:200px;overflow:hidden;margin:0 auto}
.popupteam .imgsec .img img{width:100%; height:100%; object-fit:cover; }
.popupteam .imgsec h3{display:block;font-size:28px;margin:15px 0 10px 0;color:#002270;font-family:'Roboto Slab'}
.popupteam .imgsec small{display:block;font-size:20px;margin:0 0 15px 0;color:#222;font-style:italic}
.button2:hover .popupteam .imgsec strong{display:block;font-size:14px;margin:15px 0 0 0}
.popupteam .contant{padding:20px}
.popupteam .contant h4{display:block;font-size:20px;margin:5px 0 10px 0}
.popupteam .contant p{font-size:14px;display:block;padding:0 0 0 0;margin:0;color:#444}
.popupteam .btn-close{position:absolute;top:20px;right:0px;z-index:1}
.popupteam .modal-content{border:0}
.popupteam .modal-backdrop{background:#222!important}
.home-services { padding: 70px 0 90px 0; background: #f6f6f6; }
.home-services h2 { font-size: 40px; font-weight:600; display: block; margin: 0 0 10px 0; color: #444; position: relative; text-align: left;}
.home-services h2 strong { color: #58659b; }
.home-services p { font-size: 16px; line-height: 26px; color: #444; display: block; margin: 0 0 20px 0; text-align: left; padding: 0 0%; }
.services-in { display: block; margin: 25px 0 0 0; background: #fff; padding:0px; border-radius: 10px; overflow:hidden; box-shadow:0px 10px 15px rgb(0 0 0 / 5%); height:95%; }
.services-in .img-wrap { display: block; height: 200px; width: 100%; overflow: hidden; margin: 0px auto 0px; }
.services-in img { display: block; margin: 0px auto 0; width:100%; }
.services-in .contant { display: block; text-align: left; padding:20px; }
.services-in .contant h4 { font-size: 18px; display: block; position: relative; margin: 0 0 10px 0;}
.services-in .contant p { font-size: 14px; display: block; padding: 0 0px; margin:0; }
.footer{ background: #58659b; padding:60px 0 20px 0; }
.footer-intro { padding:0 50px 0 0; }
.footer-intro img { margin:0 0 10px 0; }
.footer p { color: #f1f1f1; font-size:14px; display:block; padding:5px 0; text-align:left; }
.footer-link { width:50%; float:left;}
.footer h5 { display:block; text-transform:uppercase; font-size:16px; font-weight:bold; margin:0 0 20px 0; color:#fff; }
.footer-link ul li{ list-style: none;}
.footer-link ul{ padding: 0px; }
.footer-link ul li a { text-decoration: none; color: #f1f1f1; font-size:14px; display:inline-block; padding:5px 0; }
.adress { }
.adress p { color: #f1f1f1; font-size:14px; display:inline-block; padding:5px 0; margin:0; }
.social ul{ float:right; display: flex; justify-content: center; list-style:none; }
.social ul li{ padding: 0px 13px; }
.social ul li a { color: var(--main-color) ; }
.copyright { padding:30px 0 0 0; margin:40px 0 0 0; border-top:1px dashed #3c4171; }
.copyright p { text-align: center !important }
.footer-social { float:left; display:block; width:100%; padding:0 0 30px 0; }
.footer-social ul { list-style:none; text-align:center; }
.footer-social li { display:block; float:left; width:inherit; }
.footer-social li a { color:#888; font-size:18px; text-align:center; line-height:36px; border-radius:40px; display:block; margin:0 25px 0 0px; }
.footer-social li a:hover { color:#ddd; }
@media (max-width:767px) {
.header .logo { padding:0 0 0 0px; position: relative; z-index: 1; left:60px;}
.header { position:fixed; top:0; width:100%; z-index:9; padding:10px 0; box-shadow:0px 0px 20px rgb(0 0 0 / 5%); }
.header.fixed { padding:10px 0; }
.header .container-fluid { padding:0px 0; }
.mainheader { position:fixed !important; top:29px; width:100%;z-index:99; padding:10px 0; height:75px;z-index:9; }
.mainheader .logo { padding:0 0 0 0px; position:absolute; z-index:1; top:10px; left:50px; width:50%; }
.mainheader .logo img { width:78%; }
.mainheader .container-fluid { padding:0; }
.header.sticky { padding:10px 0; }
.headerlink { position:absolute; top:0px; padding:15px 0 0 0; right:10px; transition:ease all 0.3s; }
.header.sticky .headerlink { padding:10px 0 0 0;}
.sliderhome { margin-top:105px; }
.innerslider { margin-top:105px; }
.navbar { position: fixed; top: 17px; background:none; width: 100%; }
.navbar-toggler { padding:10px 10px; border:0; }
.navbar-toggler:focus { outline:none; box-shadow:none; }
.navbar-collapse { top:55px; border-top:1px solid #dadada; background:#fff; width:100%; padding:10px; position:absolute; left:-100%; height: calc(100vh - 60px ); overflow-y:scroll;transition: .3s; }
.navbar-toggler.collapsed span{background:#3051a0;height:2px;position:relative;width:20px}
.navbar-toggler.collapsed span:after{content:"";height:2px;background:#3051a0;width:100%;top:-7px;position:absolute;left:0;transform:rotate(0deg);top:-5px}
.navbar-toggler.collapsed span:before{content:"";height:2px;background:#3051a0;width:100%;bottom:-7px;position:absolute;left:0;transform:rotate(0deg);top:5px}
.navbar-toggler span{background:#3051a0;height:0;position:relative;width:20px}
.navbar-toggler span:after{content:"";height:2px;background:#3051a0;width:100%;top:-7px;position:absolute;left:0;transform:rotate(45deg);top:0}
.navbar-toggler span:before{content:"";height:2px;background:#3051a0;width:100%;bottom:-7px;position:absolute;left:0;transform:rotate(-45deg);top:0}
.navbar-collapse.show{left:0}
.slide-inner img { width: 100%; height: 360px; object-fit: contain; display: block; margin: 0px auto; position: relative; z-index: 2; }
.slide-in { z-index: 4; padding: 61px 0 31px 0; }
.slide-inner { height:auto; }
.slide-in h1 { font-size:20px; line-height:30px; }
.slide-in p { width:50%; font-size:13px; }
.about-sec1 {
padding: 0px 0 60px 0;
}
.about-sec1 img { width:50% !important; margin:0px auto 20px; }
}
Kontol Shell Bypass