#TopArt{position:relative;width:100%;color:#fff;background:#111}.mainstory{margin:0 auto;padding:0;position:relative}.mainstory .slick-arrow{position:absolute;z-index:9}.mainstory .slick-arrow.slick-prev{left:0}.mainstory .slick-arrow.slick-next{right:0}.mainstory .slick-arrow{position:absolute;z-index:9;background-color:var(--secondcolor);height:50px;padding:5px;box-sizing:border-box;width:30px}.mainstory .slick-prev:hover,.mainstory .slick-prev:focus,.mainstory .slick-next:hover,.mainstory .slick-next:focus{background-color:var(--secondcolor)}.mainstory .slick-prev:before{font-family:dashicons;content:"\f341";color:#000}.mainstory .slick-next:before{font-family:dashicons;content:"\f345";color:#000}#top-slider .top-art .mask-image{height:95vh;max-height:770px}.slider-nav{max-width:100%;display:flex;position:relative;clear:both;margin:0 -4px;padding:5px 0;overflow-x:hidden}.slider-nav div{width:calc(100%/5);padding:4px;z-index:1;position:relative;cursor:pointer}.carousel-thumb{padding-bottom:45%}.top-art .mask-title{padding-bottom:3%;bottom:0;position:absolute;width:100%;z-index:11;background:rgba(0,0,0,0) linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.7) 100%) repeat scroll 0 0;padding-top:20%}.hero-wrap{width:100%;padding:0 15px 30px;max-width:1200px;margin:0 auto}.hero{max-width:800px}.hero .post-cat{font-size:15px;font-family:'Heading Pro Treble Extra Bold';border-top:5px solid var(--secondcolor);padding-top:10px;margin-bottom:15px;display:inline-block}.hero .post-title{margin-bottom:15px}.home-logo{position:absolute;left:0;right:0;top:0;z-index:1;padding:3rem 10px 0;background:rgba(0,0,0,0) linear-gradient(to top,rgba(0,0,0,0),rgba(0,0,0,0) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.7) 100%) repeat scroll 0 0}.home-logo a img{width:100%}.home-logo a{width:180px;display:block}.top-art .abslink{z-index:99}.coloredwrap{background-color:#828385;padding:0 15px;border-radius:5px}.home-section{margin-bottom:3rem}.coloredwrap.home-section{margin-bottom:4rem}.coloredwrap .o-meta{color:#fff}.coloredwrap .o-meta,.coloredwrap .o-head{color:#fff;font-weight:400}.section-name{font-size:3rem;font-family:'Heading Pro Treble Extra Bold';border-bottom:5px solid #f1d801;margin-bottom:0;padding-bottom:10px}.prom-items{border:2px solid #000;padding:12px;height:100%}.prom-items .section-name{font-size:1.8rem;line-height:1.2;margin-bottom:15px}.prom-items .wrap-st .blocked{margin-bottom:12px;display:block;border-bottom:1px solid #222;padding-bottom:12px}.coloredwrap .section-name{color:#fff}.focus-col{order:4}.focus-item{background:var(--secondcolor);height:100%;padding:10px}.width-340{width:340px}.width-300{width:300px}.focus-sidebar{background-color:#4d4d4d;padding:2rem;height:100%;border-top:5px solid var(--secondcolor)}.rounded-titl{display:inline-block;border:2px solid var(--secondcolor);padding:8px 22px;font-size:14px;font-family:'Heading Pro Treble Bold';margin:0 auto 2rem;border-radius:25px;color:var(--secondcolor)}.focus-sidebar .blocked{border-bottom:1px solid #fff;padding-bottom:12px;margin-bottom:15px}.focus-sidebar .o-head{color:#fff}.focus-sidebar .row-row-item{border-bottom-color:#fff}.focus-sidebar .blocked:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.sand-item .tile-content{position:absolute;left:0;right:0;bottom:0;background:rgba(0,0,0,0) linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.7) 100%) repeat scroll 0 0;padding:20px 20px 10px}.sand-item .tile-content{padding-right:10%}.sand-item .tile-content .post-cat{background-color:var(--secondcolor);padding:5px 10px;margin-bottom:13px;display:inline-block;font-family:'Heading Pro Treble Extra Bold';font-size:11px}.sand-item .tile-content .post-title{margin-bottom:1rem;letter-spacing:-.25px}.desktop-device .sand-item .thumb-holder{overflow:hidden;height:400px;padding-bottom:initial}.slider-nav .slider-item .desc{opacity:0;width:100%;position:absolute;padding:15px 12px 0;top:0}.desktop-device .slider-nav .slider-item .desc{transform:translateY(30px);-webkit-transform:translateY(30px);-ms-transform:translateY(30px);opacity:0;transition:transform .3s ease-out,opacity .3s ease-out}.desktop-device .slider-nav .slider-item:hover .desc{transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);opacity:1}.slider-nav .slider-item .desc .o-head{font-size:1.8rem;font-family:'Heading Pro Treble Bold'}.focus-sidebar.secondcolor-side{background-color:var(--secondcolor);border:none}.focus-sidebar.secondcolor-side .o-head{color:#222}.focus-sidebar.secondcolor-side .rounded-titl{background-color:#fff;color:#222}.focus-sidebar.secondcolor-side .blocked{border-bottom-color:#222}.desktop-device .sidebar-side .width-340{height:calc(100% - 12px)}.slider-item:after{content:"";padding-bottom:2%;top:0;position:absolute;width:100%;z-index:11;background:rgba(0,0,0,0) linear-gradient(to top,rgba(0,0,0,0),rgba(0,0,0,0) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.7) 100%) repeat scroll 0 0;padding-top:20%;z-index:0}.desktop-device .half-image{height:442px}.fixed-h{min-height:280px}.section-name.def-tv{border:none;background-color:#000;text-align:center;color:var(--secondcolor);padding:10px 0;font-size:2.3rem}.tv-s.home-section{border-bottom:5px solid #000}.tv-s figure:after{content:"";position:absolute;bottom:15px;left:15px;width:54px;height:54px;border-radius:100%;background-position:64%;background-repeat:no-repeat;background-color:rgba(255,255,255,.9);background-image:url(//www.defencenet.ae/wp-content/themes/whsk_defencenet/common/css/../imgs/play-button.png);background-size:50%}.post-summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}@media all and (max-width:1023px){.width-340{width:100%}.width-300{width:100%}#top-slider .top-art .mask-image{height:140vw;max-height:500px}.mainstory .slick-arrow{width:25px;padding:2px;height:40px}.top-art .mask-title{padding:20% 25px 3%}.mainstory .slick-dots li button:before{font-size:25px}.hero-wrap{padding:0 12px 0}.hero-wrap p{display:none}.section-name{font-size:2.2rem;margin-bottom:0}.indexwrap.maxgridrow{padding:0 3px}.sand-item .tile-content{padding:0 15px}.sand-item .tile-content p{display:none}.mobile-device .sand-item .thumb-holder{overflow:hidden;height:250px;padding-bottom:initial}.home-logo,.slider-nav{display:none}}