/*Container*/
.global--group:after{clear:both}.global--group{zoom:1}.global--list-reset{list-style:none;margin:0;padding:0}html,body{height:100%;margin:0;-webkit-text-size-adjust:100%;width:100%}a{color:#F0F0F0}a:hover{color:#808080}body{font-size:100%}.column--clear:before,.column--clear:after{content:"";display:table}.column--clear:after{clear:both}.column--clear{zoom:1}.column--base{float:left}.column--third{width:33.3%}


/*Nav bar */
.nav--ht{background-color:#000;background-position:10px 50%;background-repeat:no-repeat;color:#fff;font-family:Arial;font-size:11px;font-size:0.6875rem;font-weight:bold;height:31px;position:relative;text-align:center;text-transform:uppercase;width:100%}.nav--ht a{color:#fff;text-decoration:none}.nav--ht ul{padding:5px 0;text-align:center}.nav--ht li{display:inline;margin:0 10px;vertical-align:middle}.nav--ht li:first-child{margin-left:0}.nav--ht .nav--small_t{background-image:url("../img/icons/icon__ht_small.png");background-image:url("../img/icons/icon__ht_small.png"),none;background-size:100% auto;background-repeat:no-repeat;height:15px;float:left;left:10px;position:relative;width:15px}.nav--ht .nav--title{left:3px;position:absolute;top:10px}.nav--ht .nav--whole_t{background-image:url("../img/nav--logo__ht.png");background-image:url("../img/nav--logo__ht.png"),none;background-size:100% auto;background-repeat:no-repeat;height:21px;width:134px}.nav--ht .share--nav{position:absolute;right:10px;top:7px}


/*Header*/
.article--header{background-image:url("../img/pictures/header@2x.jpg");background-color:#E6E6E6;background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;height:750px;margin:0 0 40px 0;position:relative;-webkit-transition:height 0.3s ease-in-out;-moz-transition:height 0.3s ease-in-out;-o-transition:height 0.3s ease-in-out;-ms-transition:height 0.3s ease-in-out;transition:height 0.3s ease-in-out}}

@media only screen and (max-width: 400px).article--header a{color:#fff}.article--header .header--author{color:#fff;font-family:"Pimlico","Georgia","serif";font-size:16px;font-size:1rem;font-style:bold;line-height:20px;line-height:1.3rem;margin:10px auto 0 auto;width:240px;background-color: #b70b0b;opacity:0.8;border-radius:2px}.article--header .header--logo{background-image:url("../img/nav--logo__ht.png");background-image:url("../img/nav--logo__ht.png"),none;background-size:100% auto;background-position:0 100%;background-repeat:no-repeat;background-size:100%;height:24px;margin:0 auto 20px auto;padding:400px 0 0 0;width:150px}.article--header .header--position{left:50%;margin-left:-370px;bottom:2%;position:absolute}.article--header .header--standfirst{color:#fff;font-family:"Pimlico","Georgia","serif";font-size:16px;font-size:1.6rem;line-height:20px;line-height:1.5rem;margin:0px 0px 0 auto;padding:0px 0px 0px 0px;width:700px}.article--header .header--title {font-family: 'Lato', sans-serif;
	color:white;
	margin-bottom: 0;
font-size:60px;font-size:3.25rem;font-weight:100;letter-spacing:1px;line-height:45px;line-height:2.75rem;margin:0 auto;max-width:700px;padding:0px 0px;}.article--header .header--title span{margin-right:0px}

/* [HEADER/RESP]
@media only screen and (max-width: 44.6875em){.article--header{background-position:100% 100%}}

*/


@media only screen and (max-width: 43.125em){.article--header .header--position{left:auto;margin:0}}

@media only screen and (max-width: 41.25em){.article--header .header--standfirst{padding:0 20px;width:auto}.article--header .header--title{font-size:45px;font-size:2.8125rem}.article--header .header--title span{margin-right:-4px}}.is_touch .article--header{background-attachment:scroll}


/*Artcile copy + Drop caps*/
.article--section-copy{color:#3A403D;font-family: 'Merriweather', serif, serif;font-size:16px;font-size:1.3rem;line-height:25px;line-height:1.9rem;margin:0 auto;max-width:700px;padding:0 20px}.article--section-copy p.article--dropcap-parent{text-indent:0}.article--section-copy+.article--section-copy{margin-top:40px}.article--dropcap{background-color:#666;display:block;font-size:0;height:70px;float:left;margin:3px 12px 0 0}.article--dropcap.dropcap__n{background-image:url("../img/dropcap__n.png");background-image:url("../img/dropcap__n.png"),none;background-size:100% auto;width:98px;height:98px}



/*Photo*/
.article--figure{background-color:#fff;color:#5A5A5A;font-family:"Arial","sans-serif";font-size:12px;font-size:0.75rem;margin:20px 0;padding:20px 0;position:relative}.article--figure img{display:block;margin:0 auto;max-width:1024px;width:100%;width:auto\9}.article--figure figcaption{font-family: 'merriweather', sans-serif;font-size:0.85rem;margin:0 auto;max-width:1024px;padding:10px 5px 0 5px; line-height:1rem; color:#919191}



/*Video*/
.article--section-video{background-color:#fff;margin:20px 0;padding:20px 0;position:relative}.article--section-video .video--caption{color:#5A5A5A;font-family:"Arial","sans-serif";font-size:12px;font-size:0.75rem;margin:0 auto;max-width:820px;padding:10px 5px 0 5px;text-align:center}.article--section-video .video--size-restrict{margin:0 auto;max-width:1024px;width:100%}.article--section-video .mejs-container{width:100% !important;height:auto !important;padding-top:56.25%}.article--section-video .mejs-overlay,.article--section-video .mejs-poster{width:100% !important;height:100% !important}.article--section-video .mejs-mediaelement video{position:absolute;top:0;left:0;right:0;bottom:0;width:100% !important;height:100% !important}.article--section-video .mejs-currenttime,.article--section-video .mejs-duration{color:#999 !important}.graphic--svg{overflow:hidden;width:100%}.graphic--svg .graphic__fallback{height:auto;max-width:100%;width:100%}



/* Copy breaks */
.article--copy-break{letter-spacing:10px;margin:2em 0;text-align:center}



/*Sub heads*/
.subheads{font-family: 'Lato', sans-serif;
	color:#b70b0b; font-weight: 100; margin-bottom: 0;
font-size:60px;font-size:1.25rem;font-weight:100;letter-spacing:1px;line-height:45px;line-height:1.6rem;margin:0 auto;max-width:820px;padding:0 0px;}






/*Footer */
.footer_hindustantimes{background-color:#262626;color:#C6C6C6;font-family:"merriweather","sans-serif";font-size:12px;font-size:0.75rem;margin:0px 0 0 0;padding:10px 0;text-align:center}.footer_hindustantimes a{color:#C6C6C6}.footer_hindustantimes a:hover{text-decoration:underline}.footer_hindustantimes .logo__hindustantimes{background-image:url("../img/icons/icon__ht.jpg");background-image:url("../img/icons/icon__ht.jpg"),none;background-size:100% auto;background-repeat:no-repeat;height:25px;margin:10px auto 0 auto;width:24px}.footer_hindustantimes p{margin:0;margin:10px auto;max-width:285px}.footer_hindustantimes hr{border:none;border-top:1px solid #C6C6C6;margin:0 auto;max-width:285px}



/* Credits */
.credits{background-color:#fff;color:#333;font-family:"merriweather","sans-serif";font-size:13px;font-size:0.8125rem;line-height:20px;line-height:1.25rem;margin:20px 0 0 0;padding:20px 0;text-align:center}.credits table{border-collapse:collapse;margin:0 auto;max-width:400px;width:100%}.credits td{width:50%}.credits .credit--name{font-weight:bold}.credits .credit--role{padding:2px 3px 2px 0;text-align:right}







/* OTHER ELEMENTS */

/* Pullquote */
body {
  font-family: "Merriweather", serif;
  font-size: 1em;
}

blockquote{
  border-top: solid 1px #dddddd;
  border-bottom: solid 1px #dddddd;
  margin: 1em 0px;
  padding: 1.5em 1em;
  font-family: Georgia, Times, "Times New Roman", serif;
  font-style: italic;
  font-size: 1em;
  min-height: 70px;
}
blockquote:before {
  display: block;
  float: left;
  content: "\201C";
  font-size: 100px;
  color: #fff;
  background-color: #b70b0b;
  padding: 15px 12px 5px 8px;
  width: 50px;
  height: 50px;
  line-height: 90px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
blockquote p {
  padding: 0;
  margin: 0 0 10px 90px;
  font-size: 1em;
}



/* Float box */
body {
   background: white ;
   color: #3A403Df;
}
.main-wrapper {
   position: relative;
   margin: 0 auto;
}
.main, .main-wrapper {
   width: 450px;
}
.main {
   border: 1px solid #f00;
   min-height: 500px;
}
.side {
   width: 400px;
   border: 1px solid white;
   min-height: 200px;
   position: absolute;
   top: 60px;
   left: -450px;
}

.side2 {
   width: 400px;
   border: 1px solid white;
   min-height: 200px;
   position: absolute;
   top: 60px;
   left: -480px;
}

.side3 {
   width: 400px;
   border: 1px solid white;
   min-height: 200px;
   position: absolute;
   top: 60px;
   right: -550px;
}


.imagechange {
   width: 400px;
   border: 0px solid white;
   min-height: 220px;
   position: absolute;
   top: 60px;
   left: -520px;
}
 
.mapp {
   width: 400px;
   border: 0px solid white;
   min-height: 200px;
   position: absolute;
   top: 60px;
   left:-450px;
}
 
.burhanposter {
   width: 400px;
   border: 0px solid white;
   min-height: auto;
   position: absolute;
   top: 60px;
   left: -380px;
} 
 
.main, .side {
   text-align: center;
   padding: 10px;
}






/* Zoom for photo */
/* Gray Scale */
.hover08 figure img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover08 figure:hover img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}





/* Hover image on float */
#who li {
position: relative;
height: 200px;
overflow: hidden;
width: 310px;
}
#who li:hover img:last-child {
  margin-top: -240px;
}
#who img:last-child {
position: relative;
padding: 38px 0px;
-o-transition: margin 0.25s;
-webkit-transition: margin 0.25s;
-moz-transition: margin 0.25s;
-webkit-transition: .7s ease-in-out;
	transition: .7s ease-in-out;
}
#who img {
display: block;
border: none;
}

.grid {
list-style: none;
}
.grid li {
float: left;
width: 0px;
margin: 0px 0;
}


/* Hyperlink */

a, a:hover, a:visited, a:active { font-weight:normal; /* make all links appears normal instead of bold */ }

a { color: #b70b0b !important; /* color of links */ }
a:hover { color: #b70b0b !important; /* color of links when hover mouse over */ }
a:active { color: #b70b0b !important; /* color of links when active */ }
a:visited { color: #b70b0b !important; /* color of links after user has visited it */ }

/* Data points */
.promotion{width:47.5%;float:right;margin:0.25rem 1rem 0.5rem 1rem;padding:0 0.5rem;-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}@media screen and (min-width: 37.5em){.promotion{width:38.75%;margin-right:4.375%}}@media screen and (min-width: 56.25em){.promotion{width:50%;margin-right:0%}}@media screen and (min-width: 37.5em){.promotion .group{margin-bottom:1.125em}.promotion .group:last-child{margin-bottom:0}}.promotion .group img{display:none}@media screen and (min-width: 37.5em){.promotion .group img{display:block;margin-right:0.5em;margin-bottom:1em}}.promotion .group p,.promotion .group h3,.promotion .group h4,.promotion .group img{width:90%;margin-left:5%}.promotion .group p{font-size:0.875rem;line-height:1.5}.promotion .group p a{text-decoration:none}.promotion .group p a:hover,.promotion .group p a:focus{text-decoration:underline}.promotion.promotion.left{float:left;margin:0.6em 1em 0.6em 0}@media screen and (min-width: 37.5em){.promotion.promotion.left{margin-left:4.375%;margin-right:1.75em}}@media screen and (min-width: 56.25em){.promotion.promotion.left{margin-left:13.125%}}.promotion.takeaways{border-top:none;display:none}@media screen and (min-width: 37.5em){.promotion.takeaways{display:block}}.promotion.takeaways h3{margin-top:0;color:#b70b0b}.promotion.takeaways h4{font-size:9em;line-height:1;color:#013A34}.promotion.takeaways h3+h4{margin-top:-0.125em;margin-bottom: -0.001em}.promotion.takeaways h4+h3{margin-top:-0.1875em}.promotion.takeaways p{color:#919191}@media screen and (min-width: 37.5em){aside.kindle .group img{width:100%;height:inherit;margin-bottom:0.5em}}






/* Read more pop up */

.readmoretitle {
  color: #b70b0b;
  text-align: left;
  padding-left: 15px;
  padding-top: 4px;
  padding-bottom: -8px;
  font-size: 1.2em;
  font-family: 'merriweather', sans-serif;
}


.readmoretext {
  color: black;
  text-align: left;
  padding-left: 135px;
  padding-right: 20px;
  padding-top: 12px;
  text-align: justify;
  text-justify: inter-word;
  padding-bottom: -8px;
  font-size: .84rem;
  font-family: 'merriweather', sans-serif;
}

.popup{
  width:380px;
  height:152px;
  background: #F5F5F5;
  border: 1px solid #ccc;
  bottom: 95px;
  left: -380px;
  position:fixed;
  border-radius:2px;
  box-shadow: 0px 25px 10px -15px rgba(0, 0, 0, 0.05);
  transition: 0.5s;
}

.close{
  position:absolute;
  top: 5px;
  right: 5px;
  width: 20px;
  height: 20px;
  cursor:pointer;
  z-index:500;
}

.ns-close {
	width: 20px;
	height: 20px;
	position: absolute;
	right: 4px;
	top: 4px;
	overflow: hidden;
	text-indent: 100%;
	cursor: pointer;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.ns-close:hover, 
.ns-close:focus {
	outline: none;
}

.ns-close::before,
.ns-close::after {
	content: '';
	position: absolute;
	width: 3px;
	height: 60%;
	top: 50%;
	left: 50%;
	background: #b70b0b;
}

.ns-close:hover::before,
.ns-close:hover::after {
	background: #b70b0b;
}

.ns-close::before {
	-webkit-transform: translate(-50%,-50%) rotate(45deg);
	transform: translate(-50%,-50%) rotate(45deg);
}

.ns-close::after {
	-webkit-transform: translate(-50%,-50%) rotate(-45deg);
	transform: translate(-50%,-50%) rotate(-45deg);
}

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@media (max-width:480px) {
  .popup, .close, .ns-close, .readmoretext {
    width: 0%;
	font-size: 0px;
	
}