/* Effective stylesheet produced by snapshot save */
@font-face {
  font-family: "icomoon";
  font-style: normal;
  font-weight: normal;
  src: url("urn:not-loaded:https://www.thenews.com.pk/assets/front/fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("icomoon.woff.dms") format("woff"), url("urn:not-loaded:https://www.thenews.com.pk/assets/front/fonts/icomoon.ttf") format("truetype"), url("urn:not-loaded:https://www.thenews.com.pk/assets/front/fonts/icomoon.svg#icomoon") format("svg");
}
.dl-menuwrapper { float: left; position: relative; perspective: 1000px; perspective-origin: 50% 200%; text-align: left; }
.dl-menuwrapper:first-child { margin-right: 100px; }
.dl-menuwrapper button { background: rgb(0, 0, 0) none repeat scroll 0% 0%; overflow: hidden; position: relative; cursor: pointer; outline: medium none; border: 1px solid rgba(0, 0, 0, 0.17); padding: 7px 9px 4px; border-radius: 4px; margin-top: 8px; }
.dl-menuwrapper button .icon-bar { width: 24px; height: 3px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; margin-bottom: 4px; padding: 0px; }
.dl-menuwrapper ul { background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.dl-menuwrapper button:hover { background-color: rgb(0, 0, 0); }
.dl-menuwrapper ul { padding: 0px; list-style: outside none none; transform-style: preserve-3d; }
.dl-menuwrapper li { position: relative; }
.dl-menuwrapper li a { display: block; position: relative; padding: 15px 10px; font-size: 16px; line-height: 20px; font-weight: 300; color: rgb(0, 0, 0); outline: medium none; }
.no-touch .dl-menuwrapper li a:hover { background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.dl-menuwrapper li.dl-back > a { padding-left: 30px; background: rgba(0, 0, 0, 0.1) none repeat scroll 0% 0%; }
.dl-menuwrapper li.dl-back::after, .dl-menuwrapper li > a:not(:only-child)::after { position: absolute; top: 0px; line-height: 50px; font-family: "icomoon"; content: ""; }
.dl-menuwrapper li.dl-back::after { left: 10px; color: rgba(212, 204, 198, 0.3); transform: rotate(180deg); }
.dl-menuwrapper li > a::after { right: 10px; color: rgba(0, 0, 0, 0.15); }
.dl-menuwrapper .dl-menu { margin: 5px 0px 0px; position: absolute; width: 180px; opacity: 0; pointer-events: none; transform: translateY(10px); backface-visibility: hidden; }
.dl-menuwrapper li .dl-submenu { display: none; }
@keyframes MenuAnimOut1 {
  0% {  }
  50% { transform: translateZ(-250px) rotateY(30deg); }
  75% { transform: translateZ(-372.5px) rotateY(15deg); opacity: 0.5; }
  100% { transform: translateZ(-500px) rotateY(0deg); opacity: 0; }
}
@keyframes MenuAnimOut2 {
  0% {  }
  100% { transform: translateX(-100%); opacity: 0; }
}
@keyframes MenuAnimOut3 {
  0% {  }
  100% { transform: translateZ(300px); opacity: 0; }
}
@keyframes MenuAnimOut4 {
  0% {  }
  100% { transform: translateZ(-300px); opacity: 0; }
}
@keyframes MenuAnimOut5 {
  0% {  }
  100% { transform: translateY(40%); opacity: 0; }
}
@keyframes MenuAnimIn1 {
  0% { transform: translateZ(-500px) rotateY(0deg); opacity: 0; }
  20% { transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; }
  100% { transform: translateZ(0px) rotateY(0deg); opacity: 1; }
}
@keyframes MenuAnimIn2 {
  0% { transform: translateX(-100%); opacity: 0; }
  100% { transform: translateX(0px); opacity: 1; }
}
@keyframes MenuAnimIn3 {
  0% { transform: translateZ(300px); opacity: 0; }
  100% { transform: translateZ(0px); opacity: 1; }
}
@keyframes MenuAnimIn4 {
  0% { transform: translateZ(-300px); opacity: 0; }
  100% { transform: translateZ(0px); opacity: 1; }
}
@keyframes MenuAnimIn5 {
  0% { transform: translateY(40%); opacity: 0; }
  100% { transform: translateY(0px); opacity: 1; }
}
@keyframes SubMenuAnimIn1 {
  0% { transform: translateX(50%); opacity: 0; }
  100% { transform: translateX(0px); opacity: 1; }
}
@keyframes SubMenuAnimIn2 {
  0% { transform: translateX(100%); opacity: 0; }
  100% { transform: translateX(0px); opacity: 1; }
}
@keyframes SubMenuAnimIn3 {
  0% { transform: translateZ(-300px); opacity: 0; }
  100% { transform: translateZ(0px); opacity: 1; }
}
@keyframes SubMenuAnimIn4 {
  0% { transform: translateZ(300px); opacity: 0; }
  100% { transform: translateZ(0px); opacity: 1; }
}
@keyframes SubMenuAnimIn5 {
  0% { transform: translateZ(-200px); opacity: 0; }
  100% { transform: translateZ(0px); opacity: 1; }
}
@keyframes SubMenuAnimOut1 {
  0% { transform: translateX(0%); opacity: 1; }
  100% { transform: translateX(50%); opacity: 0; }
}
@keyframes SubMenuAnimOut2 {
  0% { transform: translateX(0%); opacity: 1; }
  100% { transform: translateX(100%); opacity: 0; }
}
@keyframes SubMenuAnimOut3 {
  0% { transform: translateZ(0px); opacity: 1; }
  100% { transform: translateZ(-300px); opacity: 0; }
}
@keyframes SubMenuAnimOut4 {
  0% { transform: translateZ(0px); opacity: 1; }
  100% { transform: translateZ(300px); opacity: 0; }
}
@keyframes SubMenuAnimOut5 {
  0% { transform: translateZ(0px); opacity: 1; }
  100% { transform: translateZ(-200px); opacity: 0; }
}
.no-js .dl-menuwrapper li > a:not(:only-child) { background: rgba(0, 0, 0, 0.1) none repeat scroll 0% 0%; }
.no-js .dl-menuwrapper li > a:not(:only-child)::after { content: ""; }