@font-face {
    font-family: 'Futura';
    src: url('fonts/Futura.eot?#iefix') format('embedded-opentype'),
    url('fonts/Futura.woff') format('woff'),
    url('fonts/Futura.ttf')  format('truetype'),
    url('fonts/Futura.svg#FuturaBT-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Futura-Bold';
    src: url('fonts/FuturaBT-Bold.eot?#iefix') format('embedded-opentype'),
    url('fonts/FuturaBT-Bold.woff') format('woff'),
    url('fonts/FuturaBT-Bold.ttf')  format('truetype'),
    url('fonts/FuturaBT-Bold.svg#FuturaBT-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DroidArabicKufi';
    src: url('fonts/DroidArabicKufi-Bold.eot?#iefix') format('embedded-opentype'),
    url('fonts/DroidArabicKufi-Bold.woff') format('woff'),
    url('fonts/DroidArabicKufi-Bold.ttf')  format('truetype'),
    url('fonts/DroidArabicKufi-Bold.svg#DroidArabicKufi-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

html, body { margin:0; padding:0 }
body { height: 100% }
ul { list-style: none }
ul, li { margin: 0; padding: 0 }
a { text-decoration: none; color: inherit }
* { margin: 0; padding: 0; box-sizing: border-box }
*::selection {color: white; background: #02c0f3}
img { border: none }
h1, h2, h3{font-family: Futura-Bold}
.hidden { display: none }
.block {display: block}
.defaultInput { color: #666666 }
.clear { clear: both }
.numeral { font-family: Arial }
.rtl {direction: rtl}
.ltr {direction: ltr}

#site { margin: auto; background: white }
body.skinned { padding: 1px 0 0 0 }
body.skinned #site { width: 980px; margin: 100px auto 0 auto; overflow: hidden; background: white }
body.skinned div.leaderboardParent { min-width: 980px }
body.skinned section.menu { min-width: 980px }
body.skinned footer { min-width: 980px }
.mobile { display: none!important; }

a.toTop {display: none; font-size: 30px; color: rgb(2, 192, 243); border: 3px solid rgb(2, 192, 243); position: fixed; bottom: 50px;
    z-index: 1001; right: 30px; border-radius: 50%; width: 45px; height: 45px; text-align: center; background: rgba(255, 255, 255, 0.901961); box-shadow: 0 1px 2px rgba(0,0,0,0.3)}

.page{background-color: #f8f8f9; padding: 150px 0 40px 0; z-index: 1; position: relative}
.snow{position: fixed; width: 100%; height: 100%; background-color: rgba(225, 225, 225, 0.4); z-index: 0; display: none}

.advertisement.mpu.in-grid {min-height: 310px; margin: 0 10px 20px 0; float: right}
.advertisement.leaderboard {margin: 20px auto}

.video{position: relative}
.video::after {display: block; content: ""; background: url(../images/video-icon.png) no-repeat center center; background-size: contain; width: 52px; height: 52px; position: absolute; top: calc(50% - 26px); left: 0; right: 0; margin: auto}
.video.left::after {width: 22px; height: 22px; left: -10px; margin: 0; right: initial; top: 10px}
.video.right::after {width: 22px; height: 22px; left: initial; margin: 0; right: -30px; top: 2px}
.video.article-2::after {width: 100px; height: 100px}

h2.box-title {width: 100%; float: left; text-align: left; padding: 10px 10px 20px 10px}
h2.box-title a {display: block}
h2.box-title.half {width: 50%}
h1.box-title {width: 100%; float: left; padding: 10px 10px 20px 10px; font-size: 52px}

h2.box-title.nahartv-title {font-family: Helvetica, Arial, Helvetica, sans-serif}
h2.box-title.nahartv-title span {display: inline-block; vertical-align: middle; margin-right: 15px}

.nahartv-icon {display: inline-block; vertical-align: middle}

.container.wrapper.latest-news-box {margin-top: 58px}

.search-title {color: #02c0f3; margin: 20px}

header section.main{box-shadow: 0 4px 2px -2px rgba(128, 128, 128, 0.1); position: fixed; height: 150px; z-index: 10000000; width: 100%; background: white; padding: 0 60px; font-size: 0; transition: 0.2s; overflow: hidden}
header.fixed section.main{height: 80px}
header.fixed section.main .main-menu .logo{width: 125px; height: 45px; margin: 15px auto}
header.subscribe section.main .main-menu .logo{margin: 18px auto}
header.fixed section.main .main-menu nav.menu{opacity: 0}
header.fixed section.main .user-actions{top: 18px}
header.fixed section.main .social-share{top: 18px}
header.fixed.scroll-up section.main{height: 105px}
header.fixed.scroll-up section.main .main-menu nav.menu{opacity: 1}
header.fixed.scroll-up section.main .main-menu .logo{margin: 15px auto 0 auto}
header.fixed.scroll-up section.main .main-menu nav.menu > ul > li a{padding: 4px 0}
header.fixed + .popupMenu section.links .close{top: 0}
header.fixed section.main .user-actions .search.desktop form{top: 26px; right: -105px}
header.fixed.scroll-up section.main .user-actions .search.desktop form{top: 51px}
header.fixed section.main .user-actions a.bars{width: 28px; height: 20px; top: 10px}
header.fixed section.main a.pull-login{width: 30px; height: 30px; margin: 5px 28px 0 0}
header.fixed section.main .user-actions a.pull-search{width: 20px; height: 20px; margin: 10px 0 0 0}
header.fixed section.main .social-share ul li{width: 30px; height: 30px; font-size: 16px; line-height: 32px}
header.fixed section.main .social-share ul{margin: 5px 0 0 0}
header.fixed section.main .social-share ul:before{font-size: 22px}
header.fixed section.main .social-share .arabic-go{font-size: 11px; top: -10px}
header section.main.disable-overflow{overflow: initial !important}


header section.main .user-actions{position: absolute; left: 60px; top: 30px; transition: 0.2s}
header section.main .user-actions a{display: inline-block; vertical-align: top; margin: 0 30px 0 0}
header section.main .user-actions a.bars{width: 35px; height: 25px; position: relative; top: 6px; background: url('/assets/images/menu-bars-black.png') no-repeat center; background-size: contain; transition: 0.2s}
header section.main a.pull-login{background: url("../images/login-icon-blue.png") no-repeat center center; background-size: contain; width: 35px; height: 35px; margin: 0 28px 0 0; transition: 0.2s}
header section.main .user-actions a.pull-search{background: url("../images/search-icon-blue.png") no-repeat center center; width: 24px; height: 24px; background-size: contain; margin: 6px 0 0 0; transition: 0.2s}
header section.main .user-actions .search.desktop form{width: 560px; background: #02c0f3; clear: both; padding: 10px; position: relative; z-index: 1; float: left; right: -115px; top: 85px; transition: 0.2s}
header section.main .user-actions .search.desktop form::before{display: block; content: ' '; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #02c0f3; position: absolute; top: -6px; left: 20px}
header section.main .user-actions .search.desktop form input{width: 100%; outline: 0; padding: 6px; border: 1px solid #DDD; font-size: 14px; font-family: Futura}
header section.main .user-actions .search.desktop form a.submit{position: absolute; right: 15px; top: 16px; color: #999999; border-left: 1px solid rgba(153, 153, 153, 0.7); padding: 0 0 0 5px; font-size: 18px; margin: 0}
header section.main .main-menu{width: 100%; text-align: center}
header .logo{width: 180px; height: 70px; background: url('/assets/images/english-logo.png') no-repeat center; background-size: contain; margin: 18px auto 0 auto; display: block; transition: 0.2s}
header section.main .main-menu nav.menu{font-size: 0; height: 58px; overflow: hidden; transition: 0.2s; margin: 5px 0 0 0}
header.scroll-up section.main .main-menu nav.menu{height: 40px}
header.subscribe section.main .main-menu nav.menu{display: none}
header section.main .main-menu nav.menu > ul{height: 100%}
header section.main .main-menu nav.menu > ul > li{display: inline-block; text-align: center; font-family: Futura; height: 100%; vertical-align: top; min-width: 80px; margin: 0 5px}
header section.main .main-menu nav.menu > ul > li.premium-link:after{content: ''; height: 2px; width: 100%; background-color: #CBAC59}
header section.main .main-menu nav.menu > ul > li.premium-link img{width: 100px; margin: 3px 0 0 0}
header section.main .main-menu nav.menu > ul > li a{display: block; color: #2b2a2b; font-size: 16px; padding: 10px 0; transition: 0.2s; width: 100%; height: 100%}
header section.main .main-menu nav.menu > ul > li:hover > a, header nav.menu > ul > li.active > a{color: #02c0f3}
header section.main .main-menu nav.menu > ul > li:hover{border-bottom: 4px solid #67cbf4}
header section.main .main-menu nav.menu > ul > li.premium-link:hover{border-bottom: 4px solid #CBAC59}
header section.main .main-menu nav.menu > ul > li:hover > ul{display: block}
header section.main .main-menu nav.menu ul.subcats{display: none; position: absolute; top: 100%; width: 175px; list-style: none; z-index: 200; background: #FFFFFF; box-shadow: 0 0 5px 0 rgba(0,0,0,0.1)}
header section.main .main-menu nav.menu ul.subcats li{width: 100%; height: 45px; border-bottom: 1px solid #f1f1f2; text-align: center}
header section.main .main-menu nav.menu ul.subcats li:last-child{border-bottom: none}
header section.main .main-menu nav.menu ul.subcats li:hover a{color: #02c0f3}
header section.main .main-menu nav.menu ul.subcats li a{display: block; font-size: 14px; color: #000000; font-family: DroidArabicKufi, Helvetica, Arial, sans-serif; padding: 0; line-height: 45px}
header section.main .main-menu nav.menu ul.subcats li a{color: #000000}
header section.main .main-menu nav.menu ul.subcats li:last-child a{border-bottom: none}
header section.main .social-share{text-align: left; position: absolute; right: 60px; top: 30px; transition: 0.2s}
header section.main .social-share .arabic-go{color: #000000; font-size: 13px; font-family: DroidArabicKufi; margin: 0 10px 0 0; position: relative; top: -12px; transition: 0.5s}
header section.main .social-share ul{overflow: hidden; display: inline-block; transition: 0.2s}
header section.main .social-share ul:before{content: ''; display: inline-block; font-size: 26px; color: #000000; margin: 2px 0 0 15px; transition: 0.2s}
header section.main .social-share ul li{display: inline-block; font-size: 18px; color: white; width: 35px; height: 35px; border-radius: 50%; text-align: center; vertical-align: top; margin: 0 0 0 5px; line-height: 36px; transition: 0.2s}
header section.main .social-share ul li a{display: block}
header section.main .social-share ul li.facebook {background: #3b62a5}
header section.main .social-share ul li.linkedin {background: #427abc}
header section.main .social-share ul li.twitter {background: #82c9ea}
header section.main .social-share ul li.envelope {background: #dd482f}
header section.main .social-share ul li.instagram {background: #f09433; background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)}
header section.main .social-share ul li.youtube a{background: url('/assets/images/youtube-icon.png') no-repeat center; height: 100%; background-size: contain; border-radius: 50%}
header section.main .social-share ul li.dailymotion a{background: url('/assets/images/dailymotion-icon.png') no-repeat center; height: 100%; background-size: contain; border-radius: 50%}
.popupMenu section.links > div{width: 80%; margin: 0 auto}
.popupMenu .social{float: right; margin: 40px 0 0 0; text-align: right}
.popupMenu .social ul li {display: inline-block; font-size: 18px; color: white; width: 35px; height: 35px; border-radius: 50%; text-align: center; vertical-align: top; margin: 0 0 0 2px; line-height: 36px}
.popupMenu .social ul li.youtube a{background: url('/assets/images/youtube-icon.png') no-repeat center; height: 100%; background-size: contain; border-radius: 50%}
.popupMenu .social ul li.dailymotion a{background: url('/assets/images/dailymotion-icon.png') no-repeat center; height: 100%; background-size: contain; border-radius: 50%}
.popupMenu .social ul li.dailymotion{margin: 0}


.popupMenu {clear: both; width: 100%; margin: auto; position: fixed; background: white; z-index: 10000001; top: 0; bottom: 0; display: none}
.popupMenu ul li {width: 90%}
.popupMenu ul li a {display: block}
.popupMenu section.links {position: relative}
.popupMenu section.links > div{width: 80%; margin: 0 auto}
.popupMenu section.links .logo {position: absolute; padding: 17px 30px}
.popupMenu section.links .close {position: absolute; left: 60px; width: 45px; height: 80px; display: block; font-size: 35px; padding: 20px 0 0 0; top: 8px; transition: 0.5s}
.popupMenu ul.subcats li {display: inline-block; width: 100px}
.popupMenu ul.subcats.navigate-links li.premium-go, .popupMenu ul.subcats.navigate-links li.newspaper-go.black{display: inline-block}
.popupMenu ul.subcats.navigate-links li{width: 150px; float: left; text-align: center}
.popupMenu ul.subcats li.large {width: 150px}
.popupMenu ul.subcats.navigate-links .say7at-go{padding: 35px 0 0 0; width: 170px}
.popupMenu ul.subcats li a {color: #67cbf4; display: block; font-size: 16px; line-height: 60px; padding: 10px 0}
.popupMenu ul.subcats.navigate-links{height: 110px}
.popupMenu ul.subcats.navigate-links li.english-go, .popupMenu ul.subcats.navigate-links li.newspaper-go.white{display: none}
.popupMenu ul.subcats.navigate-links li.arabic-white-go{display: none}
.popupMenu ul.subcats.navigate-links .arabic-go{display: block}
.popupMenu ul.subcats.navigate-links li a {padding: 0}
.popupMenu ul.subcats.navigate-links li.premium-go a{padding: 40px 0 0 0}
.popupMenu ul.subcats.navigate-links .arabic-go, .popupMenu ul.subcats.navigate-links .arabic-white-go{width: 140px; padding: 40px 0 0 0}
.popupMenu ul.subcats.navigate-links .tv-go{padding: 30px 0 0 0; width: 130px}
.popupMenu ul.tvLink {position: absolute; left: 80px; bottom: 18px}
.popupMenu ul.tvLink li {display: inline-block; width: 130px; vertical-align: middle; font-family: Arial}
.popupMenu ul.tvLink li a {color: #e7ce6d}
.popupMenu ul.subcats{margin: 0 auto; height: 80px; font-size: 0; text-align: left; width: 80%; overflow: hidden; display: inline-block}
.popupMenu section.sitemap {width: 80%; margin: auto; border-bottom: 1px solid #67cbf4; border-top: 1px solid #67cbf4; padding: 20px 0}
.popupMenu section.sitemap nav {font-size: 0}
.popupMenu section.sitemap nav ul {display: inline-block; vertical-align: top; width: 14%; min-width: 150px}
.popupMenu section.sitemap nav ul li a {font-family: Helvetica, Arial, sans-serif; margin: 0 0 8px 0; font-size: 15px}
.popupMenu section.sitemap nav ul li a.main {font-size: 16px; font-family: Futura-Bold; line-height: 25px}
.social ul li.facebook {background: #3b62a5}
.social ul li.linkedin {background: #427abc}
.social ul li.twitter {background: #82c9ea}
.social ul li.envelope {background: #dd482f}

section.newsletter {margin: 20px auto; width: 80%}
section.newsletter form {position: relative; display: inline-block}
section.newsletter h2 {font-size: 18px}
section.newsletter .email {background: #67cbf4; border: none; padding: 10px 20px; outline: 0; width: 600px; margin: 15px 0; border-radius: 20px; color: white; font-family: Helvetica, Arial, sans-serif; height: 42px}
section.newsletter ::-webkit-input-placeholder {color: white; font-size: 14px; font-family: Helvetica, Arial, sans-serif}
section.newsletter :-moz-placeholder {color: white; font-size: 14px; font-family: Helvetica, Arial, sans-serif}
section.newsletter ::-moz-placeholder {color: white; font-size: 14px; font-family: Helvetica, Arial, sans-serif}
section.newsletter :-ms-input-placeholder {color: white; font-size: 14px; font-family: Helvetica, Arial, sans-serif}
section.newsletter .submit {font-size: 35px; position: absolute; right: 5px; bottom: 22px; color: white; width: 32px; height: 32px; text-align: center; line-height: 0; outline: 0}
section.newsletter .noticeMessage {color: #ed4f2b; font-family: Helvetica,Arial,sans-serif; font-size: 13px; margin: 0 10px 0 0}

@media only screen and (min-width : 961px) {
    .title {transition: 0.1s}
    .main-row article :not(.article-4) .container-half:hover .title,
    .main-row article :not(.article-4) .container:hover .title,
    .story:hover .title,
    .article-2:hover .title,
    .article-3:hover .title,
    .article-5:hover .title,
    .article-6:hover .title,
    .article-7:hover .title,
    .article-13:hover .title,
    .article-19:hover .title,
    .article-4 .main-document:hover .title,
    .half-division article:hover .title {color: #02c0f3!important;}
}

.main-row {clear: both; width: auto; float: none; display: block; margin: auto; max-width: 1400px; padding: 0 10px}
.main-row article {position: relative; float: left}
.main-row article.article-2 { width: 50%; height: 600px}
.main-row article .wrapper {width: calc(100% - 20px); height: 100%; position: relative; margin: 0 10px} /* margin: 0 10px 20px */
.main-row article.article-2 .title {color: white; font-size: 30px; padding: 40px 30px; width: 100%; line-height: 38px; position: absolute; bottom: 0; background: linear-gradient(to bottom,transparent 0,#000 100%); background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(black));}
.main-row article.article-1 { width: 25%}
.main-row article.article-1 figure {height: 212px}
.main-row article.article-1 .title {height: 78px; font-size: 16px; padding: 10px 10px; background: white}
.main-row article.article-1 .content {position: relative}
.main-row article.article-1 .content .subject {font-family: Helvetica,Arial,sans-serif; color: white; background: #02c0f3; font-size: 13px; padding: 0 5px; position: absolute; top: -12px; right: 12px}
.main-row article.article-1 .content .title {padding: 10px}
.main-row .grid {min-height: 290px; width: 100%}
.main-row article.article-1.large .container figure {height: 454px}
.main-row article.article-1.large .container .title {padding: 20px 25px; font-size: 18px; line-height: 1.4}

.main-row article.article-1 .container-half a.subject {font-family: Helvetica,Arial,sans-serif; color: white; background: #02c0f3; font-size: 13px; padding: 0 5px; position: absolute; top: 200px; right: 12px}

.main-row .grid ul li.story figure {float: left; width: 120px; height: 100%}
.main-row .grid ul li.story .title {font-size: 13px; line-height: 25px; margin-left: 120px; max-width: 260px; padding: 5px 10px}
.main-row .grid ul.weight-1 li.story {background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.2); height: 290px; margin-bottom: 20px; position: relative; overflow: hidden}
.main-row .grid ul.weight-2 li.story {background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.2); height: 135px; margin-bottom: 20px; position: relative; overflow: hidden}
.main-row .grid ul.weight-3 li.story {background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.2); height: 83px; margin-bottom: 20px; position: relative; overflow: hidden}
.main-row .grid ul li.story span.num {position: absolute; line-height: 40px; color: white; background: #02c0f3; font-size: 25px; width: 30px; height: 40px; text-align: center; font-family: "Helvetica Neue"}

.box-title-container {width: 50%; float: left}
.box-title-container article.article-1 {width: 50%!important;}
.box-title-container article.article-3 {width: 50%!important;}

.box-title-container.mostread > h2 {position: relative}
.box-title-container.mostread > h2 > a:first-child {display: inline-block}
.box-title-container.mostread > h2 > a.more {position: absolute; right: 11px; top: 15px; font-size: 15px; background: #02c0f3; color: white; padding: 5px 15px}
.box-title-container.mostread .grid ul li.story .title {font-size: 16px; line-height: 29px; bottom: 0; padding: 8px 10px!important;}

.main-row article.mostread-article {width: 50%}
.main-row article.mostread-article .title {color: white; font-size: 30px; padding: 40px 30px; width: 100%; line-height: 38px; position: absolute; bottom: 0; right: 0; background: linear-gradient(to bottom,transparent 0,#000 100%); background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(black));}

.main-row article.article-3 {width: 25%}
.main-row article.article-3 .title {color: white; font-size: 30px; padding: 40px 30px; width: 100%; line-height: 38px; position: absolute; bottom: 0; right: 0; background: linear-gradient(to bottom,transparent 0,#000 100%); background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(black));}
.main-row article .container-half {height: 290px; box-shadow: 0 4px 2px -2px rgba(128, 128, 128, 0.43); margin-bottom: 20px; overflow: hidden; position: relative}
.main-row article .container {height: 600px; box-shadow: 0 4px 2px -2px rgba(128, 128, 128, 0.43); margin-bottom: 20px; position: relative; overflow: hidden}

.main-row article.article-4 {width: 25%}
.main-row article .container.documents {height: 454px; background: white; padding: 0}
.main-row article .container.documents > a > figure {height: 182px}
.main-row article .container.documents .content {position: relative; height: 90px}
.main-row article .container.documents .content a.subject {font-family: Helvetica,Arial,sans-serif; color: white; background: #02c0f3; font-size: 13px; padding: 0 5px; position: absolute; top: -12px; left: 20px}
.main-row article .container.documents .content h2.title {padding: 20px; font-size: 16px; line-height: 24px}
.main-row article .container.documents > ul.more-documents {padding: 0 20px 20px}
.main-row article .container.documents > ul.more-documents li.story {position: relative; height: 60px; margin-bottom: 20px; overflow: hidden}
.main-row article .container.documents > ul.more-documents li.story:last-child {margin-bottom: 0}
.main-row article .container.documents > ul.more-documents li.story a {}
.main-row article .container.documents > ul.more-documents li.story a figure {float: left; width: 90px; height: 60px}
.main-row article .container.documents > ul.more-documents li.story a .title {display: block; padding-left: 100px; font-size: 13px}

.main-row article.article-5 {width: 25%}
.main-row article.article-5 figure {height: 200px; width: 100%}
.main-row article.article-5 .content {position: relative; height: 90px; background: white}
.main-row article.article-5 .content .title {font-size: 16px; padding: 10px 20px; font-weight: bold}
.main-row article.article-5 .content .time {position: absolute; bottom: 10px; left: 10px; font-family: Arial}

.main-row article.article-6 {width: 20%; margin-bottom: 20px}
.main-row article.article-6 .wrapper {height: 100%; background: white}
.main-row article.article-6 .wrapper > * {background: white}
.main-row article.article-6 .wrapper figure {height: 236px; margin-bottom: 10px}
.main-row article.article-6 .wrapper .title {height: 94px; overflow: hidden; font-size: 16px; font-weight: bold; padding: 0 10px; box-shadow: 0 4px 2px -2px rgba(128, 128, 128, 0.43)}

.main-row article .wrapper .highlight {color: #02c0f3; font-family: Helvetica,Arial,sans-serif; font-size: 16px; padding: 0 10px; display: block}

.main-row article.article-7 {width: 25%; margin-bottom: 20px}
.main-row article.article-7 .wrapper {background: #eff0f2; height: 330px; overflow: hidden} /* box-shadow: 0 4px 2px -2px rgba(128, 128, 128, 0.43) */
.main-row article.article-7 .wrapper .figures-content {position: relative}
.main-row article.article-7 .wrapper .figures-content .gradient-bg {background: linear-gradient(to bottom,transparent 0,#000 100%); background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgb(31, 30, 30))); width: 100%; height: 60px; display: block; position: absolute; bottom: 0}
.main-row article.article-7 .wrapper .figures-content figure {height: 190px}
.main-row article.article-7 .wrapper .figures-content .image-round {width: 88px; height: 88px; display: block; position: absolute; border-radius: 50%; bottom: -30px; left: 15px; z-index: 1}
.main-row article.article-7 .wrapper .highlight {padding: 0 0 0 20px}
.main-row article.article-7 .wrapper .highlight.author {margin-top: 10px}
.main-row article.article-7 .wrapper .highlight.subtitle {line-height: 20px}
.main-row article.article-7 .wrapper .title {font-size: 16px; font-weight: bold; line-height: 24px; margin: 0 0 0 20px}
.main-row article.article-7 .wrapper .biography {font-size: 14px; line-height: 21px; margin: 0 20px; font-family: Helvetica, Arial, sans-serif}

.main-row article.article-8 {width: 100%; height: 612px; margin-bottom: 20px}
.main-row article.article-8 .wrapper {box-shadow: 0 4px 2px -2px rgba(128, 128, 128, 0.43); background: white}
.main-row article.article-8 .wrapper .cover-image {padding-top: 10px; display: block; position: relative}
.main-row article.article-8 .wrapper .cover-image figure {height: 458px; margin: 0 10px 0 10px}
.main-row article.article-8 .wrapper .cover-image .date {position: absolute; bottom: 30px; right: 10px; color: white; background: rgba(35, 31, 32, 0.7); padding: 0 10px; font-size: 13px}
.main-row article.article-8 .wrapper ul.thumb-images {margin: 10px 0}
.main-row article.article-8 .wrapper ul.thumb-images::after {clear: both; display: block; content: ''}
.main-row article.article-8 .wrapper ul.thumb-images li {width: 33.33%; float: right; position: relative}
.main-row article.article-8 .wrapper ul.thumb-images a {width: calc(100% - 20px); display: block; margin: auto}
.main-row article.article-8 .wrapper ul.thumb-images figure {height: 124px; float: right; width: 100%}
.main-row article.article-8 .wrapper ul.thumb-images .date {position: absolute; bottom: 15px; right: 10px; color: white; background: rgba(35, 31, 32, 0.7); padding: 0 10px; font-size: 13px}

.wrapper ul.thumb-images li.more-photos {height: 100%; display: block}
.wrapper ul.thumb-images li.more-photos a {position: relative; display: inline-block; text-align: center; height: 124px; background: #d7dade; padding: 20px 0}
.wrapper ul.thumb-images li.more-photos a i {font-size: 50px; opacity: 0.2}
.wrapper ul.thumb-images li.more-photos a span {display: block}

.main-row article.article-9 {width: 100%; height: 460px; margin-bottom: 20px}
.main-row article.article-9 .content {color: white; font-size: 25px; padding: 40px 30px; font-family: Helvetica,Arial,sans-serif; width: 100%; line-height: 40px; position: absolute; bottom: 0;
    background: linear-gradient(to bottom,transparent 0,#000 100%); background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(black))}
.main-row article.article-9 .title {font-size: 60px; line-height: 90px}
.main-row article.article-9 .subtitle {font-size: 24px; font-weight: normal}

.main-row article.article-14 { width: 25%}
.main-row article.article-14 .container {background: white}
.main-row article.article-14 figure {height: 455px}
.main-row article.article-14 .title {height: 78px; font-size: 16px; font-family: Helvetica,Arial,sans-serif; padding: 10px 10px; background: white}
.main-row article.article-14 .content {position: relative}
.main-row article.article-14 .content .subject {font-family: Helvetica,Arial,sans-serif; color: white; background: #02c0f3; font-size: 13px; padding: 0 5px; position: absolute; top: -12px; right: 12px}
.main-row article.article-14 .content .title {padding: 10px}

.main-row.live-blog > h2.box-title {color: #ed4f2b}
.main-row.live-blog .article-4 .wrapper {background: #eaf6f8; box-shadow: none; padding: 0}

.story.image-wrap figure {float: none !important; width: 100% !important; height: 100% !important}
.story.image-wrap .title {margin: 0 !important; width: 100% !important; max-width: 100% !important; padding: 20px 10px !important;}

section.half-row {float: right; width: 50%; height: 600px; margin-bottom: 20px}
section.half-row .wrapper {height: 100%; background: white; box-shadow: 0 4px 2px -2px rgba(128, 128, 128, 0.43); width: calc(100% - 20px); margin: 0 10px}
section.half-row .wrapper::after {display: block; content: ''; clear: both}
section.half-row .wrapper .half-division {width: 50%; float: right}
section.half-row .wrapper .half-division .weight-meduim {height: 243px}
section.half-row .wrapper .half-division .content {position: relative; height: 90px}
section.half-row .wrapper .half-division .content a.subject {font-family: Helvetica,Arial,sans-serif; color: white; background: #02c0f3; font-size: 13px; padding: 0 5px; position: absolute; top: -12px; right: 32px}
section.half-row .wrapper .half-division .content h2.title {padding: 24px 32px 20px 10px; font-size: 16px; line-height: 34px; font-weight: bold}
section.half-row ul.related-news-list {padding: 32px 32px 32px 10px; float: right; width: 100%}
section.half-row ul.related-news-list.half {width: 50%}
section.half-row ul.related-news-list li.story {position: relative; height: 79px; margin-bottom: 32px; overflow: hidden}
section.half-row ul.related-news-list li.story:last-child {margin-bottom: 0}
section.half-row ul.related-news-list li.story a figure {float: right; width: 120px; height: 79px}
section.half-row ul.related-news-list li.story a .title {display: block; padding-right: 140px; font-size: 13px; font-weight: bold}

section.quarter-row {float: right; width: 25%; height: 600px; margin-bottom: 20px}

.main-row article .container.documents > a > figure, .main-row article .container.documents > .main-document > a > figure {height: 182px}

.live-broadcast {background: white; padding: 0!important;}
.live-broadcast > h2 {color: white; background: #ed1c24; padding: 10px 15px}
.live-broadcast ul {padding: 40px 20px 0 20px}
.live-broadcast ul li {height: 90px}
.live-broadcast ul li a {display: block; font-family: Helvetica,Arial,sans-serif; font-size: 14px}
.live-broadcast ul li a span {position: relative; font-family: Arial; font-weight: bold; display: table-cell; height: 100px}
.live-broadcast ul li a span::before {display: block; content: ''; background: url(../images/time-icon.png) no-repeat center center; background-size: contain; width: 35px; height: 15px; position: absolute; top: 23px}
.live-broadcast ul li a span::after {display: block; content: ''; position: absolute; top: 47px; border-right: 1px solid black; height: 40px; right: 17px}
.live-broadcast ul li:last-child a span::after {height: 70px}
.live-broadcast ul li a h3 {display: table-cell; padding: 0 20px 0 0; font-weight: normal; font-size: 14px}
.live-broadcast > p.more {position: relative}
.live-broadcast > p.more a {color: #ed1c24; float: left; font-family: Helvetica,Arial,sans-serif; padding: 10px 20px 0 20px; display: block; position: relative; background: white}
.live-broadcast > p.more::before {display: block; border-bottom: 1px solid black; width: calc(100% - 37px); content: ''; position: absolute; top: 26px; left: 0}

.latest-news-box {background: white; padding: 0!important;}
.latest-news-box > h2 {color: white; background: #02c0f3; padding: 10px 15px}
.latest-news-box ul {padding: 15px 20px 0 20px}
.latest-news-box ul li {height: 90px; overflow: hidden; line-height: 40px}
.latest-news-box ul li a {display: block; font-family: Helvetica,Arial,sans-serif; font-size: 14px}
.latest-news-box ul li a.urgent {color: #ed1c24!important;}
.latest-news-box ul li a span {position: relative; font-family: Arial; font-weight: bold; display: table-cell; height: 100px}
.latest-news-box ul li:last-child a span::after {height: 70px}
.latest-news-box ul li a h3 {display: table-cell; line-height: 25px; padding: 0 0 0 20px; font-weight: normal; font-size: 14px}
.latest-news-box > p.more {position: relative}
.latest-news-box > p.more a {color: #02c0f3; float: right; font-family: Helvetica,Arial,sans-serif; padding: 3px 20px 0 20px; display: block; position: relative; background: white}
.latest-news-box > p.more::before {display: block; border-bottom: 1px solid black; width: calc(100% - 37px); content: ''; position: absolute; top: 20px; left: 20px}

/*Article Page*/
.articlePage{width: 100%; display: block; margin: 10px auto}
h2.cat-title {float: left; padding: 10px 10px 20px 10px}
h3.subcat-title {float: left; padding: 20px 10px 20px 10px; color: #02c0f3}
h3.subcat-title::before {display: inline-block; font-family: 'fontawesome'; content: '\f104'; margin: 0 20px 0 0; color: black}
.banner{width: 60%; height: 90px; background-size: contain; background-repeat: no-repeat; background-position: center; display: block; margin: auto}
.articlePage .blogger_intro{width: 100%; max-width: 1025px; margin: 40px auto; overflow: hidden; box-shadow: 3px 3px 2px -2px rgba(128, 128, 128, 0.43); position: relative}
.articlePage .blogger_intro .cover{width: 100%; height: 380px; background-size: cover; background-repeat: no-repeat; background-position: left top; position: relative; display: block}
.articlePage .blogger_intro .cover figure{width: 165px; height: 165px; background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 50%; position: absolute; bottom: -65px; right: 4%; border: 4px solid #FFFFFF}
.articlePage .blogger_intro .social_share.side {left: 30px}
.articlePage .blogger_intro .blogger_info{width: 80%; float: left; padding: 20px 0 30px 0}
.articlePage .blogger_intro .blogger_info h3{font-size: 24px; color: #65C5E5; line-height: 1.5; padding: 0 25px 0 0}
.articlePage .blogger_intro .blogger_info h2{font-family: Helvetica, Arial, sans-serif; font-size: 30px; line-height: 1.5; padding: 0 25px 0 0}
ul.breadcrumb{display: block; margin: 20px 0 0 0; width: 100%; max-width: 900px; font-family: Helvetica, Arial, sans-serif; font-size: 15px}
ul.breadcrumb li{display: inline-block}
ul.breadcrumb li a{color: #65C5E5; font-size: 15px}
ul.breadcrumb > li+li:before{font-family: 'fontawesome'; padding: 0 10px; content: "\f104"; font-weight: bold}
.articlePage article .article_intro h1{font-size: 38px; line-height: 1.15}
.articlePage article .article_intro h1.blog:before{content: ''; display: inline-block; background: url('/assets/images/blog_en.png') no-repeat center; background-size: contain; width: 30px; height: 30px; margin: 0 5px 0 0; position: relative; top: 5px}
.articlePage article .article_intro .description {font-size: 16px; line-height: 30px; font-family: Helvetica, Arial, sans-serif}
.articlePage a.show-comments{width: 200px; height: 35px; text-align: center; color: #FFFFFF !important; background-color: #3b62a5; display: block; margin: auto; line-height: 35px; font-size: 14px; font-family: Futura}
.articlePage .fb-comments-container {width: 540px; display: none; margin: 0}
ul.author{display: inline-block; margin: 10px 0 0 0; width: 100%; font-family: 'Futura'}
ul.author li{display: inline-block; color: #96999A; font-size: 13px}
ul.author > li+li:before{padding: 0 10px; content: "|"; color: #96999A}
ul.author li:nth-child(2){color: #65C5E5}
ul.social_share.top{display: inline-block; margin: 10px 0 20px 0; width: 100%}
ul.social_share.top li{display: inline-block; margin: 0 0 0 15px; font-size: 16px}
ul.social_share li a{display: block; width: 40px; height: 40px; text-align: center; color: #FFFFFF; border-radius: 50%; line-height: 40px}
ul.social_share.side .fbShares.desktop {bottom: auto; top: -30px}
ul.social_share li a.facebook_icon .fbShares.desktop {position: absolute; top: -3px; color: white; right: -9px; text-align: center; margin: auto; background: #cd4331; line-height: 17px; font-size: 14px; min-width: 20px; display: inline; border-radius: 4px}
ul.social_share li a.facebook_icon{background-color: #365993; position: relative}
ul.social_share li a.twitter_icon{background-color: #7EC4DE}
ul.social_share li a.linkedin_icon{background-color: #3F6EA8}
ul.social_share li a.mail_icon{background-color: #CD4331}
ul.social_share.side {display: inline-block; margin: 20px 0 0 0; width: 32px; position: absolute; z-index: 1}
ul.social_share.side.fixed {position: fixed; top: 90px}
ul.social_share.side li{display: inline-block; margin: 0 0 10px 0; font-size: 16px}
ul.social_share.side a.plus{color: gray; font-size: 45px}
article > div.add_author{width: 100%; max-width: 1100px; margin: auto; font-size: 0}
article .article_intro{width: 100%; max-width: 900px; display: block; margin: auto; position: relative}
article .article_intro.add_author{max-width: 86%; display: inline-block}
article figure.author_figure{width: 114px; height: 114px; background-size: contain; background-repeat: no-repeat; background-position: center; margin: 70px 20px 0 0; border: 2px solid #65C5E5; border-radius: 50%; display: inline-block; vertical-align: top}
article .author_intro{width: 10%; text-align: center; display: inline-block; vertical-align: top; margin: 70px 0 0 4%}
article .article_intro h4 {margin: 3px 15px; font-family: Helvetica, Arial, sans-serif; font-size: 15px}
article .author_intro figure {width: 114px; height: 114px; background-size: cover; background-position: center; margin: 0 0 25px 0; border-radius: 50%; border: 2px solid #000000}
article .author_intro span{color: #96999A; font-family: Helvetica; font-size: 14px; line-height: 1.8}
article .author_intro > div span:nth-child(n+2){color: #8CD1E9}
article .author_intro span:last-child{font-family: 'Myriad Pro'}
article .article_wrapper{max-width: 980px !important; margin: 20px auto; font-size: 0; position: relative}
.articlePage article figure.main_image{width: 100%; height: 540px; background-size: cover; background-repeat: no-repeat; background-position: center; display: block; margin: 0 0 20px 0}
.articlePage article figure.main_image + figcaption { width: 980px; margin: -79px auto 0 auto; position: absolute; left: 0; right: 0 }
.articlePage article figure.main_image + figcaption p { display: inline-block; font-family: Helvetica, Arial, sans-serif; font-size: 13px; padding: 5px 10px; background: rgba(0,0,0,0.7); color: white }
.articlePage article figure.main_image.fit-to-container{width: 980px; margin: auto}
article div .main_column{width: 55%; display: inline-block; font-size: 16px; font-family: Helvetica, Arial, sans-serif; margin: 0 0 0 7%}
article div .main_column *{max-width: 100%; line-height: 1.7; font-size: 14px; margin: 15px 0}
article div .main_column p{margin: 15px 0; line-height: 25px; font-size: 17px}
article div .main_column img{width: 100%; margin: 20px 0; height: auto}
article div .main_column ul.tags{width: 100%}
article div .main_column ul.tags li{display: inline-block; font-size: 14px}
article div .main_column ul.tags li a{color: #96999A}
article div .main_column ul.tags > li+li:before{padding: 0 15px; content: "|"}
ul.tags li a:hover {color: #02c0f3!important;}
article div .main_column a {color: #02c0f3!important;}
article div .main_column .facebook_comments{border: 1px solid #ABABAB; width: 100%; height: 200px; margin: 20px 0 0 0}
.left_column{width: 32%; display: inline-block; vertical-align: top; margin: 0 0 0 6%}
.left_column .mpu{width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; display: block}
.left_column .most_read{margin: 20px 0 0 0}
.left_column .most_read h2{font-size: 34px; font-weight: bold}
.left_column .most_read h2::after{content: ''; display: block; width: 50px; background-color: #65C5E5; height: 10px; margin: 10px 0 0 0}
.left_column .most_read ul{margin: 10px 0 0 0}
.left_column .most_read ul li{margin: 10px 0 0 0}
.left_column .most_read ul li a{display: block}
.left_column .most_read ul li a figure{width: 34%; height: 65px; background-size: cover; background-repeat: no-repeat; background-position: center; display: inline-block; position: relative}
.left_column .most_read ul li a figure .counter{display: block; position: absolute; width: 25px; height: 30px; background-color: #65C5E5; color: #FFFFFF; font-size: 18px; text-align: center; left: 0; bottom: 0; line-height: 30px; font-family: Helvetica, Arial, sans-serif}
.left_column .most_read ul li a h3{font-family: Helvetica, Arial, sans-serif; font-size: 13px; display: inline-block; width: 64%; margin: 0 0 0 2%; vertical-align: top; line-height: 1.6; font-weight: normal}
.left_column .blog-summary{margin: 20px 0 0 0}
.left_column .blog-summary h2{font-size: 26px; font-weight: bold}
.left_column .blog-summary h2::after{content: ''; display: block; width: 50px; background-color: #65C5E5; height: 10px; margin: 10px 0 0 0}
.left_column .blog-summary p{font-size: 18px; font-family: Helvetica, Arial, sans-serif}
.left_column .blog-timeline{margin: 20px 0 0 0; border-left: 3px solid #65C5E5; padding: 5px 15px; position: relative}
.left_column .blog-timeline:before{font-family: FontAwesome; content: '\f09e'; position: absolute; font-size: 20px; color: #65C5E5; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: -20px; left: -9px}
.left_column .blog-timeline h3{font-size: 16px}
.left_column .blog-timeline span{font-size: 14px; font-family: Helvetica, Arial, sans-serif}
.left_column .blog-timeline i{color: #65C5E5; margin: 0 2px 0 10px; font-size: 22px; position: relative; top: 2px}
.main_column .related_topics{margin: 20px 0 0 0; background-color: #ededed; border-top: 7px solid #65c5e5}
.main_column .related_topics h2{font-size: 24px; font-weight: bold; padding: 15px 20px; margin: 0}
.main_column .related_topics ul{font-size: 0; margin: 0}
.main_column .related_topics ul li{display: inline-block; vertical-align: top; margin: 0 0 20px 0}
.main_column .related_topics ul li a{display: block; margin: auto; color: #000000 !important}
.main_column .related_topics ul li.single{width: 100%}
.main_column .related_topics ul li.single a{margin: 0 20px; font-size: 0}
.main_column .related_topics ul li.single a figure{width: 40%; height: 100px; display: inline-block}
.main_column .related_topics ul li.single h3{width: 55%; margin: 0 0 0 5%; display: inline-block; vertical-align: top}
.main_column .related_topics ul li.half{width: 50%}
.main_column .related_topics ul li.half a{width: calc(100% - 75px)}
.main_column .related_topics ul li.half a figure{height: 100px}
.main_column .related_topics ul li.half:first-child a{margin: auto 25px auto 50px}
.main_column .related_topics ul li.half:last-child a{margin: auto 50px auto 25px}
.main_column .related_topics ul li.third{width: 33.33%}
.main_column .related_topics ul li.third a{width: calc(100% - 20px)}
.main_column .related_topics ul li.third:nth-child(3n + 1) a{margin: auto 15px auto 5px !important}
.main_column .related_topics ul li.third:nth-child(3n) a{margin: auto 5px auto 15px}
.main_column .related_topics ul li{display: inline-block; width: 33.33%; vertical-align: top; margin: 0 0 20px 0}
.main_column .related_topics ul li a figure{width: 100%; height: 140px; background-size: cover; background-repeat: no-repeat; background-position: center; margin: 0}
.main_column .related_topics ul li a h3{font-size: 14px; width: 100%; margin: 5px 0 0 0; font-weight: normal; line-height: 1.4; font-family: Futura; max-height: 75px; overflow: hidden}
.articlePage article .videos{margin: 40px auto 0 auto; max-width: 1020px; width: 100%}
.articlePage article .videos h2{font-size: 30px; font-weight: bold; margin: 0 0 30px 0; font-family: Futura-Bold}
article .next_article{text-align: center; margin: 20px auto 0 auto; display: block; width: 40%}
article .next_article span{font-weight: bold; font-size: 16px; position: relative}
article .next_article h2 i{color: #65C5E5; margin: 0 0 0 10px; font-size: 30px; position: relative; top: 5px}
article .next_article a{display: inline-block}
article .next_article h2{font-size: 16px; display: inline-block; margin: 0 10px 0 0; font-family: Helvetica, Arial, sans-serif; font-weight: normal}
article .loading_article{display: block; width: 60px; height: 50px; margin: auto}
.main-row article.article-10 {float: right; width: 67%; height: 600px; margin-bottom: 20px}
.main-row article.article-10 .content {color: white; font-size: 25px; padding: 40px 30px; font-family: Helvetica,Arial,sans-serif; width: 100%; line-height: 40px; position: absolute; bottom: 0;
    background: linear-gradient(to bottom,transparent 0,#000 100%); background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(black))}
.main-row article.article-10 .title {color: white; font-size: 30px; padding: 40px 30px; font-family: Helvetica,Arial,sans-serif; width: 100%; line-height: 38px; position: absolute; bottom: 0; background: linear-gradient(to bottom,transparent 0,#000 100%); background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(black));}
.main-row article.article-11 {float: right; width: 33%}
.main-row article.article-11 figure {height: 200px; width: 100%}
.main-row article.article-11 .content {position: relative; height: 90px; background: white}
.main-row article.article-11 .content .title {font-size: 16px; padding: 10px; font-weight: bold}
.main-row article.article-11 .content .time {position: absolute; bottom: 10px; left: 10px; font-family: Arial; font-size: 15px}
/*End Article Page*/

/*Category Page*/
.categoryPage{max-width: 1370px; margin: auto}
.categoryPage .author_intro{margin: 0 0 50px 0}
.categoryPage .author_intro figure{width: 140px; height: 140px; background-size: cover; background-position: center; background-repeat: no-repeat; display: inline-block; margin: 0 0 0 40px; border-radius: 50%; border: 2px solid #65C5E5}
.categoryPage .author_intro figure.opinion_figure{border-radius: 50%; border: 2px solid #000000}
.categoryPage .author_intro > div{display: inline-block; margin: 0 10px 0 0; vertical-align: top; width: 600px}
.categoryPage .author_intro > div span{display: block; color: #8CD1E9; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.8}
.categoryPage .author_intro p{font-family: Helvetica, Arial, sans-serif; margin: 15px 0 0 0; display: inline-block; font-size: 14px}
.categoryPage .author_intro .more{background-color: #65C5E5; display: inline-block; width: 130px; height: 35px; font-family: Helvetica, Arial, sans-serif; color: #FFFFFF; font-size: 14px; text-align: center; line-height: 35px; margin: 20px 0 0 0}
.categoryPage .author_intro ul.social_share.side{margin: 35px 0 0 0}
.categoryPage .author_intro ul.social_share.side li{margin: 0 0 5px 0}
.categoryPage .author_intro ul.social_share.side li a{width: 32px; height: 32px; line-height: 34px}
.categoryPage.author .box-title a{display: inline-block}
.categoryPage.author h2.box-title{padding: 0 10px 0 10px}
.categoryPage.author h1{padding: 0 10px 20px 10px; font-size: 36px}
/*End Category Page*/

/*Video Page*/
.videoPage.container::before{content: ''; display: block; background-color: #000000; height: 50px; margin: -20px 0 0 0}
.videoPage article .video_wrapper ul.breadcrumb{margin: 0 auto}
.videoPage article .video_wrapper ul.breadcrumb > li+li:before{color: #FFFFFF}
.videoPage article .video_wrapper{width: 100%; background-color: #000000; margin: 0 0 20px 0}
.videoPage article .video_wrapper > div{width: 100%; max-width: 900px; display: block; margin: auto; font-size: 0}
.videoPage article .video_wrapper > div h1{font-weight: bold; font-size: 38px; color: #FFFFFF}
.videoPage article .video_wrapper > div p.intro{font-size: 16px; font-family: Helvetica, Arial, sans-serif; margin: 10px 0 0 0; color: #FFFFFF}
.videoPage article .video_wrapper > div figure.main_video{width: 100%; height: 506px; background-size: cover; background-repeat: no-repeat; background-position: center; display: block; margin: 30px 0 20px 0}
.videoPage article .video_wrapper .most_watched{max-width: initial; overflow: hidden}
.videoPage article .video_wrapper .most_watched h2{font-size: 30px; color: #FFFFFF; width: 96%; margin: auto}
.videoPage article .video_wrapper .most_watched article{height: 80px; float: right; width: 21%; margin: 20px 2% 50px 2%}
.videoPage article .video_wrapper .most_watched article figure{height: 100%; width: 32%; background-position: top center; background-repeat: no-repeat; background-size: contain; display: inline-block}
.videoPage article .video_wrapper .most_watched article h3{display: inline-block; width: 65%; margin: 0 3% 0 0; font-size: 13px; color: #FFFFFF; font-weight: normal; vertical-align: top}
.videoPage article .videos{margin: 40px auto 0 auto; max-width: 1020px; width: 100%}
.videoPage article .videos h2{font-size: 30px; font-weight: bold; margin: 0 0 30px 0}
/*End Video Page*/

/*File Page*/
.filePage h2.file-title{background-color: #65C5E5; font-family: Helvetica, Arial, sans-serif; color: #FFFFFF; display: inline-block; padding: 0 20px; font-size: 18px}
.filePage h1.box-title{font-family: Helvetica, Arial, sans-serif; padding: 0 0 20px 0}
.main-row article.article-12 {float: right; width: 50%}
.main-row article.article-12 figure {height: 454px}
.main-row article.article-12 .title {padding: 20px 25px; font-family: Helvetica, Arial, sans-serif; font-size: 22px; line-height: 1.4}
/*End File Page*/

/*Blogs Page*/
.blogsPage{width: 100%; max-width: 1340px; margin: auto; font-size: 0}
.blogsPage h2.box-title{font-size: 24px}
.blogsPage .blogs{width: 75%; font-size: 0; display: inline-block; padding: 0 10px}
.blogsPage .blogs .blog{width: 32%; display: inline-block; box-shadow: 3px 3px 2px -2px rgba(128, 128, 128, 0.43); margin: 0 0 20px 2%; padding: 0 0 30px 0; vertical-align: top}
.blogsPage .blogs .blog:nth-child(3n){margin: 0 0 20px 0}
.blogsPage .blogs .blog a.cover{width: 100%; height: 132px; background-size: cover; background-repeat: no-repeat; background-position: top left; display: block; padding: 6px}
.blogsPage .blogs .blog a figure{width: 120px; height: 120px; background-size: cover; background-repeat: no-repeat; background-position: center; display: block; border-radius: 50%; border: 4px solid #FFFFFF}
.blogsPage .blogs .blog h3{color: #65C5E5; font-size: 13px; padding: 10px 20px 0 0}
.blogsPage .blogs .blog h2{font-family: 'Helvetica'; font-size: 16px; padding: 5px 20px 10px 0}
.blogsPage .blogs .blog h3.blogs_news{color: #000000; padding: 0; font-family: 'Myriad Pro'; font-weight: normal}
.blogsPage .blogs .blog h3.blogs_news a{display: block; position: relative; padding: 0 35px 0 0}
.blogsPage .blogs .blog h3.blogs_news a::before{content: ''; display: inline-block; width: 25px; height: 4px; background-color: #65C5E5; margin: 0 0 0 10px; border-radius: 10px; position: absolute; right: 0; top: 12px}
.blogsPage .left_column{width: 24%; margin: 0 1% 0 0}
/*End Blogs Page*/

/*Blog Page*/
.blogPage{width: 100%; max-width: 1340px; margin: auto; font-size: 0}
.blogPage h2.box-title{font-size: 24px}
.blogPage .main_column{width: 75%; display: inline-block; padding: 0 10px}
.blogPage .main_column .blogger_intro{overflow: hidden; margin: 0 0 20px 0; box-shadow: 3px 3px 2px -2px rgba(128, 128, 128, 0.43)}
.blogPage .main_column .blogger_intro ul.social_share{float: left; margin: 20px 0 0 30px; position: relative}
.blogPage .main_column .blogger_intro .cover{width: 100%; height: 380px; background-size: cover; background-repeat: no-repeat; background-position: left top; position: relative}
.blogPage .main_column .blogger_intro .cover figure{width: 165px; height: 165px; background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 50%; position: absolute; bottom: -65px; right: 4%; border: 4px solid #FFFFFF}
.blogPage .main_column .blogger_info{width: 70%; float: left; padding: 20px 0 30px 0}
.blogPage .main_column .blogger_intro .blogger_info h2{font-family: Helvetica, Arial, sans-serif; font-size: 30px; line-height: 1.5; padding: 0 25px 0 0}
.blogPage .main_column .blogger_intro .blogger_info h3{font-size: 24px; color: #65C5E5; line-height: 1.5; padding: 0 25px 0 0}
.blogPage .main_column .blogger_intro .blogger_info p{font-size: 13px; font-family:Helvetica, Arial, sans-serif; margin: 15px 0 0 0; padding: 0 25px 0 0}
.blogPage .main-row{padding: 0}
.blogPage .left_column{width: 24%; margin: 0 1% 0 0}
/*End Blog Page*/

/* Mostread */
.archivePage .article-13 .counter{position: absolute; line-height: 40px; color: white; background: #02c0f3; font-size: 25px; width: 40px; height: 40px; text-align: center; font-family: "Helvetica Neue"; top: 0}

/*Archive Page*/
.archivePage{width: 100%; max-width: 1370px; margin: auto}
.archivePage h3.page-title{font-family: Helvetica, Arial, sans-serif; font-size: 30px; padding: 0 20px}
.archivePage h1.box-title{font-family: Helvetica, Arial, sans-serif; font-size: 18px; color: #65C5E5; padding: 0 10px 20px 10px}
.archivePage h1.page-title{font-size: 30px; padding: 0 20px 20px 20px; color: #000000}
.archivePage .search{margin: 0 20px 20px 20px}
.archivePage .search form{position: relative}
.archivePage .search form input[type=text]{width: 100%; height: 44px; background-color: #F4F5F5; border: none; font-family: 'Arial'; padding: 0 10px 0 70px; font-size: 14px}
.archivePage .search form a.submit{position: absolute; left: 0; top: 0; color: #1F2120; font-size: 18px; padding: 12px}
.archivePage .search form .separator{height: 25px; width: 2px; background-color: #D8D6D4; position: absolute; top: 10px; left: 40px}
.archivePage .search form input[type=text]::-webkit-input-placeholder {color: #000000; font-size: 14px}
.archivePage .search form input[type=text]:-moz-placeholder {color: #000000; font-size: 14px}
.archivePage .search form input[type=text]::-moz-placeholder {color: #000000; font-size: 14px}
.archivePage .search form input[type=text]:-ms-input-placeholder {color: #000000; font-size: 14px}
.archivePage .search form.forceSearch input[type=text]::-webkit-input-placeholder {color: #ED4F2B}
.archivePage .search form.forceSearch input[type=text]:-moz-placeholder {color: #ED4F2B}
.archivePage .search form.forceSearch input[type=text]::-moz-placeholder {color: #ED4F2B}
.archivePage .search form.forceSearch input[type=text]:-ms-input-placeholder {color: #ED4F2B}
.main-row article.article-13{float: left; width: 25%}
.main-row article.article-13 .container{height: 290px}
.main-row article.article-13 .title{color: white; font-size: 24px; padding: 20px 30px; font-family: Helvetica,Arial,sans-serif; width: 100%; line-height: 1.6; position: absolute; bottom: 0; right: 0; background: linear-gradient(to bottom,transparent 0,#000 100%); background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(black));}
.archivePage .main-row article .wrapper a{display: block; height: 100%}
.archivePage .main-row article .wrapper a.title{display: block; height: auto}
.archivePage .main-row article .date{background-color: #FEFFFE; display: inline-block; padding: 5px 20px; color: #000000; text-align: center; font-size: 16px; line-height: 1.4; margin: 0 0 10px 0}
.archivePage .main-row article .wrapper .title.hover_off:hover{color: #FFFFFF !important}
.archivePage .main-row article .wrapper .hover_on:hover{color: #02c0f3 !important}
.archivePage .main-row article .wrapper h2{font-size: 18px}
.archivePage .main-row .about{width: 24%; float: right; min-height: 600px; margin: 0 10px 20px 0; box-shadow: 3px 1px 8px 2px rgba(128, 128, 128, 0.43); padding: 10px 30px}
.archivePage .main-row .about h2{font-size: 30px}
.archivePage .main-row .about h2::after{content: ''; ; display: block; width: 50px; background-color: #65C5E5; height: 10px; margin: 10px 0 0 0}
.archivePage .main-row .about ul{font-family: Helvetica, Arial, sans-serif; margin: 10px 0 20px 0}
.archivePage .main-row .about ul li{border-bottom: 2px solid #D5D4D2; padding: 20px 0; line-height: 1.6; font-size: 14px}
.archivePage .main-row .about ul li:last-child{border-bottom: none}
.archivePage .main-row .about a{background-color: #65C5E5; color: #FFFFFF; font-family: Helvetica, Arial, sans-serif; display: block; margin: 0 auto 20px auto; height: 40px; width: 75%; text-align: center; line-height: 40px}
/*End Archive Page*/

/*Classifieds Page*/
.classifiedsPage{width: 100%; max-width: 1370px; margin: auto; font-size: 0}
.classifiedsPage h1.page-title{font-family: Helvetica, Arial, sans-serif; font-size: 30px; padding: 0 10px; margin: 0 0 40px 0}
.classifiedsPage .main_column{width: 75%; display: inline-block; padding: 0 10px 0 0}
.classifiedsPage .main_column .date{width: 36%; display: inline-block; height: 50px; font-size: 16px; box-shadow: 2px 1px 6px 0 rgba(128, 128, 128, 0.43); text-align: center; line-height: 38px; position: relative; cursor: pointer; margin: 0 10px 0 0}
.classifiedsPage .main_column .date::before{content: ''; display: block; width: 10px; height: 100%; top: 0; right: 0; background-color: #65C5E5; position: absolute}
.classifiedsPage .main_column .date::after{font-family: 'fontawesome'; content: '\f0d8'; display: block; top: 0; left: 10px; position: absolute; font-size: 24px}
.classifiedsPage .main_column h2{ font-size: 24px; padding: 0 10px; margin: 20px 0 0 0}
.classifiedsPage .main_column ul.ads{font-family: Helvetica, Arial, sans-serif; font-size: 14px; margin: 20px 0 0 0; padding: 0 10px 0 0}
.classifiedsPage .main_column ul.ads li{margin: 0 0 20px 0; display: table; width: 100%}
.classifiedsPage .main_column ul.ads li > div{box-shadow: 3px 3px 6px 0 rgba(128, 128, 128, 0.43); width: 94%; display: table-cell; padding: 10px}
.classifiedsPage .main_column ul.ads li a{box-shadow: 3px 3px 6px 0 rgba(128, 128, 128, 0.43); display: table-cell; text-align: center; margin: 0 1% 0 0; height: 100%; vertical-align: middle}
.classifiedsPage .main_column ul.ads li a i{font-size: 24px; color: #B0B0B0}
.classifiedsPage .left_column{width: 23%; margin: 0 2% 0 0}
/*End Classifieds Page*/

/*Sub-Category Page*/
.subcategoryPage{max-width: 1370px; margin: auto}
.subcategoryPage h2.box-title{display: inline-block; width: auto}
ul.subcategory_breadcrumb{display: inline-block; margin: 20px 0 0 0; font-family: Helvetica, Arial, sans-serif; font-size: 15px}
ul.subcategory_breadcrumb li{display: inline-block}
ul.subcategory_breadcrumb li a{color: #65C5E5}
ul.subcategory_breadcrumb > li:before{font-family: 'fontawesome'; padding: 0 10px 0 15px; content: "\f104"; font-weight: bold}
ul.subcategory_tabs{margin: 0 0 30px 0; padding: 0 10px}
ul.subcategory_tabs li{display: inline-block; background-color: #FFFFFF; color: #000000; width: 18%; height: 30px; margin: 0 0 15px 1%; text-align: center; font-family: Helvetica, Arial, sans-serif; line-height: 30px; box-shadow: 2px 2px 2px -2px rgba(128, 128, 128, 0.43); font-size: 14px}
ul.subcategory_tabs li a{display: block}
ul.subcategory_tabs li.active{background-color: #65C5E5; color: #FFFFFF}
/*End Sub-Category Page*/

/*Elections*/
.elections-english h1 { font-size: 28px; margin: 0 0 30px 0; text-align: center }
.elections-english .container{width: 100%; max-width: 1100px; margin: auto; padding: 50px 0; font-size: 0}
.elections-english .articles{max-width: 1000px}
.elections-english h2.title{text-align: center; font-size: 24px; margin: 0 0 25px 0}
.elections-english h2.title:after{content: ''; width: 36px; height: 6px; background-color: #5059AB; display: block; margin: 5px auto 0 auto}
.elections-english .articles article{width: 25%; float: left; height: 246px; margin: 0 0 20px 0; position: relative}
.elections-english .articles article a{display: block; width: calc(100% - 20px); margin: auto}
.elections-english .articles article a figure{width: 100%; height: 124px}
.elections-english .articles article a h3{font-size: 14px; font-family: Futura; line-height: 22px; background-color: #FFFFFF; padding: 10px 20px; height: 120px; overflow: hidden; transition: 0.2s}
.elections-english .articles article a:hover h3{color: #02c0f3}
.elections-english.homepage .elections-map{margin: 40px 0 0 10%; width: 55%; display: inline-block; position: relative}
.elections-english.homepage .elections-map #mapster_wrap_0{transform: scale(1.3)}
.elections-english.homepage .container .elections-map .tooltip{position: absolute; min-width: 200px; display: none}
.elections-english.homepage .container .elections-map .tooltip:before{content: ''; width: 180px; height: 1px; background-color: #14A0C0; position: absolute; left: -200px; top: 10px}
.elections-english.homepage .container .elections-map .tooltip h3{color: #14A0C0; font-size: 20px; font-family: Futura}
.elections-english.homepage .dates{display: inline-block; width: 35%; vertical-align: top}
.elections-english.homepage .dates h2{font-size: 24px; margin: 0 0 25px 0}
.elections-english.homepage .dates h2:after{content: ''; width: 36px; height: 6px; background-color: #5059AB; display: block; margin: 5px 0 0 0}
.elections-english.homepage .dates ul li{width: 48%; display: inline-block; margin: 0 2% 20px 0; vertical-align: top}
.elections-english.homepage .dates ul li h3{font-size: 20px; font-family: Futura-Bold; color: #14A0C0}
.elections-english.homepage .dates ul li h4{font-size: 12px; font-family: Futura; color: #000000; line-height: 18px; font-weight: normal}
.elections-english.homepage .articles{margin: 100px 0 0 0}
.elections-english.district .container .details{width: 100%}
.elections-english.district .container .details h1{font-size: 24px; color: #5059AB; font-family: Futura; margin: 0 0 10px 0}
.elections-english.district .container .details h2{font-size: 16px; color: #5059AB; font-family: Futura; font-weight: normal; line-height: 30px}
.elections-english.district .container .stats .pie-chart{width: 18%; height: 180px; display: inline-block; vertical-align: top; margin: 0 4% 0 0; direction: ltr}
.elections-english.district .container .stats .pie-chart .svg-container{top: -110px; left: -110px}
.elections-english.district .container .stats .pie-chart .svg-container .main-svg{background-color: transparent !important}
.elections-english.district .container .stats .pie-chart .slicetext{font-weight: bold}
.elections-english.district .container .stats{font-size: 0; margin: 50px 0 0 0}
.elections-english.district .container .stats .electors{margin: 0 4% 0 0}
.elections-english.district .container .stats .electors, .elections-english.district .container .stats .seats{display: inline-block; vertical-align: top; width: 37%; position: relative}
.elections-english.district .container .stats .electors h2, .elections-english.district .container .stats .seats h2{font-size: 18px; font-family: Futura; color: #5059AB}
.elections-english.district .container .stats .electors h4, .elections-english.district .container .stats .seats h4{font-size: 14px; font-family: Futura; font-weight: normal; position: absolute; top: 5px; right: 0}
.elections-english.district .container .stats .electors .grid, .elections-english.district .container .stats .seats .grid{border-top: 6px solid #5059AB; margin: 5px 0 0 0; padding: 12px 20px}
.elections-english.district .container .stats .electors .grid ul li, .elections-english.district .container .stats .seats .grid ul li{font-size: 12px; font-family: Futura; margin: 0 0 5px 0; vertical-align: top}
.elections-english.district .container .stats .electors .grid ul li{display: inline-block; width: 33.33%}
.elections-english.district .container .stats .electors .grid ul li:before{content: ''; width: 15px; height: 15px; border-radius: 50%; display: inline-block; position: relative; top: 4px; margin: 0 8px 0 0}
.elections-english.district .container .stats .electors .grid ul li:first-child{color: #1f77b4}
.elections-english.district .container .stats .electors .grid ul li:first-child:before{background-color: #1f77b4}
.elections-english.district .container .stats .electors .grid ul li:nth-child(2){color: #ff7f0e}
.elections-english.district .container .stats .electors .grid ul li:nth-child(2):before{background-color: #ff7f0e}
.elections-english.district .container .stats .electors .grid ul li:nth-child(3){color: #2ca02c}
.elections-english.district .container .stats .electors .grid ul li:nth-child(3):before{background-color: #2ca02c}
.elections-english.district .container .stats .electors .grid ul li:nth-child(4){color: #d62728}
.elections-english.district .container .stats .electors .grid ul li:nth-child(4):before{background-color: #d62728}
.elections-english.district .container .stats .electors .grid ul li:nth-child(5){color: #9467bd}
.elections-english.district .container .stats .electors .grid ul li:nth-child(5):before{background-color: #9467bd}
.elections-english.district .container .stats .electors .grid ul li:nth-child(6){color: #8c564b}
.elections-english.district .container .stats .electors .grid ul li:nth-child(6):before{background-color: #8c564b}
.elections-english.district .container .stats .electors .grid ul li:nth-child(7){color: #e377c2}
.elections-english.district .container .stats .electors .grid ul li:nth-child(7):before{background-color: #e377c2}
.elections-english.district .container .stats .electors .grid ul li:nth-child(8){color: #7f7f7f}
.elections-english.district .container .stats .electors .grid ul li:nth-child(8):before{background-color: #7f7f7f}
.elections-english.district .container .stats .electors .grid ul li:nth-child(9){color: #bcbd22}
.elections-english.district .container .stats .electors .grid ul li:nth-child(9):before{background-color: #bcbd22}
.elections-english.district .container .stats .electors .grid ul li:nth-child(10){color: #17becf}
.elections-english.district .container .stats .electors .grid ul li:nth-child(10):before{background-color: #17becf}
.elections-english.district .container .stats .electors .grid ul li:nth-child(11){color: #000000}
.elections-english.district .container .stats .electors .grid ul li:nth-child(11):before{background-color: #000000}
.elections-english.district .container .stats .seats .grid{background-color: #EDEDED}
.elections-english.district .container .stats .seats .grid ul li{display: inline-block; width: 100%; font-size: 0}
.elections-english.district .container .stats .seats .grid ul li .key{display: inline-block; width: 35%; font-size: 12px; padding: 0 5px 0 0; vertical-align: top}
.elections-english.district .container .stats .seats .grid ul li .values{display: inline-block; width: 65%; font-size: 12px; padding: 0 0 0 20px; vertical-align: top; border-left: 2px solid #5059AB}
.elections-english.district .container .stats .seats .grid ul li .values span{display: inline-block}
.elections-english.district .container .stats .seats .grid ul li .values span:after{content: '|'; display: inline-block; margin: 0 5px}
.elections-english.district .container .stats .seats .grid ul li .values span:last-child:after{display: none}
.elections-english.district a.goto-elections{display: block; margin: 80px 0 0 0}
.elections-english.district .lists .list{width: 48%; display: inline-block; vertical-align: top; box-shadow: 0 0 2px 2px rgba(0,0,0,0.05); margin: 0 0 4% 0; min-height: 290px}
.elections-english.district .lists .list:nth-of-type(odd){margin: 0 4% 4% 0}
.elections-english.district .lists .list h3{color: #FFFFFF; font-size: 18px; font-family: DroidArabicKufi-Bold, Helvetica, Arial, sans-serif; background-color: #5059AB; text-align: center; line-height: 44px; border: 2px solid #5059AB}
.elections-english.district .lists .list ul{padding: 30px 20px 10px 20px}
.elections-english.district .lists .list ul li{width: 100%; display: inline-block; margin: 0 0 10px 0}
.elections-english.district .lists .list ul li.eliminated{opacity: 0.5}
.elections-english.district .lists .list ul li h4{font-size: 14px; line-height: 18px; font-family: Futura; display: inline-block; width: 50%; vertical-align: top}
.elections-english.district .lists .list ul li span{font-size: 12px; line-height: 18px; font-family: Futura; font-weight: normal; display: inline-block; width: 50%; vertical-align: top; text-align: right}
.elections-english.district .lists .list ul li p{font-size: 14px; line-height: 18px; font-family: Futura; color: #5059AB}
.elections-english.district .lists .list ul li p i{font-size: 18px; color: #5059AB; margin: 0 0 0 5px; position: relative; top: 2px}
.elections-english.district .lists.eliminated{margin: -25px 0 0 0}
.elections-english.district .lists.eliminated .list{opacity: 0.5}
/*End Elections*/

.main-row article .container.mpu{height: 290px}

.footer-english {display: block; background: #02c0f3}
.footer-english p {font-family: Helvetica,Arial,sans-serif; display: inline-block; margin: 0 0 0 50px; padding: 15px 0; font-size: 12px; color: white}
.footer-english a {float: right; margin: 0 50px; padding: 15px 0; font-family: Arial; font-size: 12px; color: white}

.placeholder-english {background: url(../images/placeholder-english.png) no-repeat center center!important; background-size: contain!important;}
.share-bar{display: none}

footer section.newsletter .submit {font-size: 32px; position: absolute; left: 5px; bottom: 20px; color: white; width: 32px; height: 32px; text-align: center; line-height: 0; outline: 0}
footer .social {width: 185px; float: left; margin: 50px 0 0 0}
footer .social ul li {display: inline-block; font-size: 22px; color: white; width: 42px; height: 42px; border-radius: 50%; text-align: center}

@media only screen and (max-width : 1514px) {
    .popupMenu section.sitemap nav ul{width: 13%; min-width: 135px}
}

@media only screen and (max-width : 1260px) {
    .subscribe-overlay .panel {height: 300px!important; bottom: 0 }
    .subscribe-overlay .panel > div .text {margin: 0 200px 0 0!important;}
    .subscribe-overlay .panel > div .text p {width: 100%!important;}
    .subscribe-overlay .panel > div .text h2 {font-size: 21px!important;}
    .subscribe-premium .panel {height: 300px!important; bottom: 30px }
    .subscribe-premium .panel > div .text {margin: 0 200px 0 0!important;}
    .subscribe-premium .panel > div .text p {width: 100%!important;}
    .subscribe-premium .panel > div .text h2 {font-size: 21px!important;}
    .popupMenu section.sitemap nav ul {min-width: 105px}
    .popupMenu section.sitemap nav ul li a.main{font-size: 14px}
    .popupMenu section.links .close{right: 245px}
    .popupMenu ul.subcats{width: 89%}
    .popupMenu ul.subcats.navigate-links li{width: 120px}
    .popupMenu ul.subcats.navigate-links .tv-go{width: 100px}
    .popupMenu ul.subcats.navigate-links .say7at-go{width: 130px}
    footer section.sitemap nav ul {min-width: 120px}
}

@media only screen and (max-width : 1110px) {
    header section.main .user-actions{left: 25px}
    header section.main .social-share{right: 25px}
    header section.main{padding: 0 10px}
    header section.main .main-menu nav.menu > ul > li{margin: 0 2px}
}

@media only screen and (max-width : 960px) {
    .mobile {display: block!important;}
    .desktop {display: none !important}

    .video.large::after {width: 52px; height: 52px}

    body.overflowHide {overflow: hidden}

    header section.main{height: 80px; padding: 0; box-shadow: none; background: none; transition: initial}

    .fullNavMenu {position: fixed; z-index: 10000001; background: #f8f8f9; top: 0; bottom: 0; left: -100%; transition: 0.5s; overflow: auto; width: 100%; height: 100%; display: block; font-family: DolceVita;
        -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(-100%)}
    .fullNavMenu.show {left: 0; overflow: hidden; -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0)}
    .fullNavMenu.show .menuMove {overflow: auto; -webkit-overflow-scrolling: touch; bottom: 0; left: 0; padding: 0; position: absolute; z-index: 1001; right: 0; top: 120px}
    .fullNavMenu .menuHeader {width: 100%; height: 120px; position: absolute; z-index: 10000; text-align: center; background-color: #FFFFFF; top: 0}
    .fullNavMenu .menuHeader .mobileMenuClose{left: 25px; font-size: 36px; position: absolute; top: 18px}
    .fullNavMenu .menuHeader .logo{background: url('/assets/images/english-logo.png') no-repeat center; background-size: contain; margin: 15px auto; width: 125px; height: 45px}
    .fullNavMenu .menuHeader .logo img {height: 60px}
    .fullNavMenu .menuHeader .search form {position: relative; width: 300px; margin: auto}
    .fullNavMenu .menuHeader .search form i{font-size: 16px; color: #000000; position: absolute; top: 8px; left: 10px}
    .fullNavMenu .menuHeader .search form input{background: #eeeff4; outline: 0; border: none; padding: 8px 10px 8px 35px; font-size: 16px; border-radius: 15px; width: 300px; color: #000000}
    .fullNavMenu .menuHeader .search form a.submit {position: absolute; left: 7px; top: 5px; color: white}
    .fullNavMenu .menuHeader .search form ::-webkit-input-placeholder {color: #000000; font-size: 16px; font-family: Futura}
    .fullNavMenu .menuHeader .search form :-moz-placeholder {color: #000000; font-size: 16px; font-family: Futura}
    .fullNavMenu .menuHeader .search form ::-moz-placeholder {color: #000000; font-size: 16px; font-family: Futura}
    .fullNavMenu .menuHeader .search form :-ms-input-placeholder {color: #000000; font-size: 16px; font-family: Futura}
    .fullNavMenu .menuHeader .search form.forceSearch ::-webkit-input-placeholder {color: #ed4f2b}
    .fullNavMenu .menuHeader .search form.forceSearch :-moz-placeholder {color: #ed4f2b}
    .fullNavMenu .menuHeader .search form.forceSearch ::-moz-placeholder {color: #ed4f2b}
    .fullNavMenu .menuHeader .search form.forceSearch :-ms-input-placeholder {color: #ed4f2b}
    .fullNavMenu .mobileSitemap {width: 100%; clear: both}
    .fullNavMenu .mobileSitemap li {list-style: none}
    .fullNavMenu .mobileSitemap .sections {margin: 10px 0 0 0; position: relative; padding: 0 10px}
    .fullNavMenu .mobileSitemap .sections::after {clear: both; display: block; content: ''}
    .fullNavMenu .mobileSitemap .sections li {width: 50%; float: right; padding: 7px; margin: 0 0 10px 0; font-family: Futura}
    .fullNavMenu .mobileSitemap section.newsletter {clear: both}
    .fullNavMenu .mobileSitemap ul.outside-links{clear: both; margin: 15px 0 40px 0; text-align: center}
    .fullNavMenu .mobileSitemap ul.outside-links::after{clear: both; display: block; content: ''}
    .fullNavMenu .mobileSitemap ul.outside-links li{width: 55px; height: 55px; display: inline-block; margin: 0 10px; border: none !important; vertical-align: top}
    .fullNavMenu .mobileSitemap ul.outside-links li a figure{width: 100%; height: 100%; display: block; border-radius: 50%}
    .fullNavMenu .mobileSitemap ul.outside-links li.website-icon a figure{background: url('/assets/images/annahar-icon-round.png') no-repeat center; background-size: contain}
    .fullNavMenu .mobileSitemap ul.outside-links li.premium-icon a figure{background: url('/assets/images/premium-icon-round.png') no-repeat center; background-size: contain}
    .fullNavMenu .mobileSitemap ul.outside-links li.say7at-icon a figure{background: url('/assets/images/say7at-icon-round.png') no-repeat center; background-size: contain}
    .fullNavMenu .mobileSitemap ul.outside-links li.english-icon a figure{background: url('/assets/images/english-icon-round.png') no-repeat center; background-size: contain}
    .fullNavMenu .mobileSitemap ul.outside-links li a span{font-size: 14px; color: #000000; margin: 3px 0 0 0; display: block; line-height: 30px}
    .fullNavMenu .mobileSitemap ul.outside-links li:nth-child(odd) a span{font-family: DroidArabicKufi}
    .fullNavMenu .mobileSitemap ul.outside-links li:nth-child(even) a span{font-family: Futura}
    .fullNavMenu .mobileSitemap ul.outside-links li.arabic-link, .fullNavMenu .mobileSitemap ul.outside-links li.newspaper-link-white {display: none}
    .fullNavMenu .mobileSitemap ul.outside-links li.premium-link, .fullNavMenu .mobileSitemap ul.outside-links li.newspaper-link-black {display: block}
    .fullNavMenu .mobileSitemap ul.outside-links li a{display: block; width: 100%; height: 100%}
    .fullNavMenu .mobileSitemap ul.outside-links-more {clear: both}
    .fullNavMenu .mobileSitemap ul.outside-links-more::after {clear: both; display: block; content: ''}
    .fullNavMenu .mobileSitemap ul.outside-links-more li {width: 50%; float: right; border: 1px solid rgba(0, 0, 0, 0.05); border-top: none; height: 70px; text-align: center; line-height: 92px}
    .fullNavMenu .mobileSitemap .sections li a {width: 100%; display: block; color: #67cbf4; font-family: Futura; font-weight: bold; font-size: 16px}
    .fullNavMenu .mobileSitemap .cats {width: 100%; margin: 10px 0 0 0; padding: 0; clear: both; border-top: 40px solid #efeff4; border-bottom: 40px solid #efeff4}
    .fullNavMenu .mobileSitemap .cats > li {width: 100%; position: relative}
    .fullNavMenu .mobileSitemap .cats > li.newspaper a:before{content: ''; display: inline-block; background: url('/assets/images/newspaper-icon-black.png') no-repeat center; background-size: contain; width: 25px; height: 25px; margin: 0 10px 0 0; position: relative; top: 8px}
    .fullNavMenu .mobileSitemap .cats > li.tv a:before{content: ''; display: inline-block; background: url('/assets/images/annahar-tv-icon.png') no-repeat center; background-size: contain; width: 30px; height: 30px; margin: 0 10px 0 -3px; position: relative; top: 8px}
    .fullNavMenu .mobileSitemap .cats > li > a {width: 100%; font-family: Futura; line-height: 50px; font-size: 18px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); display: block; padding: 0 25px}
    .fullNavMenu .mobileSitemap .cats > li > span {position: absolute; right: 25px; font-size: 30px; top: 8px; transition: 0.3s}
    .fullNavMenu .mobileSitemap .cats > li.active > span {transform: rotate(90deg)}
    .fullNavMenu .mobileSitemap .cats .subcats {display: none}
    .fullNavMenu .mobileSitemap .cats .subcats {border-bottom: 1px solid rgba(0, 0, 0, 0.05); padding: 25px}
    .fullNavMenu .mobileSitemap .cats .subcats li {line-height: 35px}
    .fullNavMenu .mobileSitemap .cats .subcats li a {font-size: 16px; font-weight: normal; font-family: Futura}
    .fullNavMenu .social {width: 100%; text-align: center; margin: 20px auto}
    .fullNavMenu .social ul li {display: inline-block; font-size: 18px; color: white; width: 35px; height: 35px; border-radius: 50%; text-align: center; padding: 8px 0; margin: 0 2px; vertical-align: top; line-height: 20px}
    .fullNavMenu .social ul li.youtube, .fullNavMenu .social ul li.dailymotion{padding: 0; margin: 0 2px}
    .fullNavMenu .social ul li.envelope{margin: 5px 2px 0 2px}
    .fullNavMenu .social ul li.youtube a{background: url('/assets/images/youtube-icon.png') no-repeat center; height: 100%; background-size: contain; display: block; border-radius: 50%}
    .fullNavMenu .social ul li.dailymotion a{background: url('/assets/images/dailymotion-icon.png') no-repeat center; height: 100%; background-size: contain; display: block; border-radius: 50%}
    .fullNavMenu .whitebeardMobile {background: #67cbf4; text-align: center; font-family: Helvetica, Arial, sans-serif; direction: ltr; padding: 5px 0 15px 0}
    .fullNavMenu .whitebeardMobile a {color: white; font-size: 13px; display: inline-block; vertical-align: super}
    .fullNavMenu .whitebeardMobile a img{position: relative; top: 4px}

    .container {padding: 0}
    header section.main .main-menu{box-shadow: 0 4px 2px -2px rgba(128,128,128,.1); background: #fff}
    header section.main .user-actions{left: 20px; top: 16px}
    header section.main .user-actions a.bars{right: 2%; width: 40px; text-align: center; top: 10px}
    header section.main a.logo{padding: 0; display: inline-block; width: 125px; height: 45px; margin: 15px}
    header section.main a.pull-login{position: absolute; right: 20px; top: 22px; margin: 0}
    header section.main ul.switch-language {display: none}
    h2.box-title {padding: 10px 10px 20px 10px}
    .box-title-container {width: 100%}
    /*.box-title-container .box-title {margin: 0!important;}*/
    .box-title-container article.article-1 {width: 100%!important;}
    .box-title-container article.article-3 {width: 100%!important; clear: both}
    .main-row article.article-1 {width: 100%}
    .main-row article.article-2 {float: none; width: 100%; margin-bottom: 20px; clear: both}
    .main-row article.article-3 {float: none; width: 100%; clear: both}
    .main-row article.article-3.advertisement {display: none}
    .main-row article.article-4 {float: none; width: 100%}
    .main-row article.article-5 {float: none; width: 100%}
    .main-row article.article-6 {width: 50%}
    .main-row article.article-7 {width: 50%}
    .main-row article.article-8 {width: 100%; height: auto}
    .main-row article.article-10 {width: 100%; float: none; height: 406px}
    .main-row article.article-11 {width: 100%; float: none}
    .main-row article.article-12 {width: 100%; float: none}
    .main-row article.article-12 figure{height: 310px}
    .main-row article.article-12 .container{height: 390px}
    .main-row article.article-12 .title{padding: 10px; font-size: 16px}
    .main-row article.article-10 .title{font-size: 18px; line-height: 1.6; padding: 20px 15px}
    .main-row article.article-9 .title {font-size: 36px; line-height: 50px}
    .main-row article.article-1 .container-half {width: 100%}
    .main-row article.article-1.large .container {height: 238px}
    .main-row article.article-1.large .container figure {height: 160px}
    .main-row article.article-1.large .container .title {padding: 5px 10px; font-size: 16px}
    /*.main-row article.article-5 .container-half {width: 100%}*/
    .main-row .grid {min-height: 135px}
    .main-row .grid ul.weight-1 li.story {height: 135px}
    section.half-row {float: none; width: 100%; clear: both; height: auto} /* margin: 0 10px */
    section.half-row .wrapper .half-division {width: 100%}
    section.half-row ul.related-news-list li.story {height: auto}
    section.half-row ul.related-news-list li.story a .title {padding-right: 0}
    section.half-row ul.related-news-list li.story a figure {margin-left: 10px}
    section.half-row ul.related-news-list.half {width: 100%; padding: 0 32px 0 10px}
    section.half-row ul.related-news-list {padding: 10px 32px 0 10px}
    section.half-row ul.related-news-list li.story:last-child {margin-bottom: 32px}
    .main-row article.article-7 .wrapper .highlight {padding: 0 10px; font-size: 14px; line-height: 22px}
    .main-row article.article-7 .wrapper .biography{margin: 0 10px; line-height: 22px}
    .main-row article.article-7 .wrapper .title {font-size: 15px; line-height: 24px; margin: 0 10px}
    .main-row article.article-8 .wrapper ul.thumb-images li {width: 50%}
    .main-row article.article-8 .wrapper ul.thumb-images li:nth-child(1), .main-row article.article-8 .wrapper ul.thumb-images li:nth-child(2) {margin-bottom: 10px}

    .banner{width: 90%; height: 50px; padding: 0 5%}
    ul.breadcrumb{margin: 0; width: 100%; padding: 0 5%}
    .articlePage .blogger_intro .cover{height: 152px}
    .articlePage .blogger_intro .cover figure{height: 140px; width: 140px; bottom: 5px}
    .articlePage .blogger_intro ul.social_share.side{display: block; position: absolute; left: 0; width: 100px; margin: 20px 0 0 0; float: none}
    .articlePage .blogger_intro ul.social_share.side li{margin: 0 0 0 5px}
    .articlePage .blogger_intro .blogger_info{width: 100%; float: none}
    .articlePage article .article_intro.add_author{max-width: 100%}
    .articlePage article .article_intro h1{padding: 0 15px; font-size: 36px}
    .articlePage article .article_intro p{font-size: 18px; padding: 0 15px; font-family: DroidArabicKufi-Bold, Helvetica, Arial, sans-serif}
    .articlePage article .article_intro.add_author .author_intro.mobile{width: 100%; margin: 10px 0; padding: 0 10px}
    .articlePage article .article_intro.add_author .author_intro.mobile figure{display: inline-block; margin: 0}
    .articlePage article .article_intro.add_author .author_intro.mobile > div{display: inline-block; vertical-align: top; width: 60%}
    .articlePage article .article_intro.add_author .author_intro.mobile > div h4{margin: 3px 0 0 10px}
    .articlePage article .article_intro.add_author .author_intro.mobile > div.full-width{width: 100%}
    ul.author{padding: 0 10px 10px 10px}
    ul.author li{font-size: 15px; display: block}
    ul.author li:nth-child(2) {margin: 7px 0 2px 0}
    ul.author > li+li:before {display: none}
    ul.author li:last-child{display: block}
    ul.author li:last-child::before{display: none}
    ul.social_share.top{display: none}
    ul.social_share.side{display: none}
    .author_intro ul.social_share.side{display: block}
    .articlePage article .article_intro .description {padding: 0 5%}
    .articlePage article .author_intro{padding: 10px 5%; width: 100%; text-align: left; margin: 0}
    .articlePage article .author_intro > div span{margin: 0 0 0 10px}
    .articlePage article figure.main_image{margin: 20px 0 0 0; height: 250px; width: 100% !important}
    .articlePage article figure.main_image + figcaption { width: auto; margin: 0; position: relative }
    .articlePage article figure.main_image + figcaption p { display: block }
    .articlePage article div .main_column{width: 100%; padding: 0 5%; margin: 0}
    .articlePage article div .main_column img{height: auto}
    .articlePage article div .main_column ul.tags > li+li:before{padding: 0 8px}
    .left_column {width: 90%}
    .left_column .most_read{display: none}
    .main_column .related_topics{height: auto}
    .main_column .related_topics h2{font-size: 18px; padding: 10px 20px !important}
    .main_column .related_topics ul{padding: 0 20px}
    .main_column .related_topics ul li{width: 100% !important; margin: 0 0 20px 0}
    .main_column .related_topics ul li a{margin: 0 !important; width: 100% !important}
    .main_column .related_topics ul li:first-child a{margin: auto !important}
    .main_column .related_topics ul li.third:nth-child(3n + 1) a{margin: 0 !important}
    .main_column .related_topics ul li.third:first-child a{margin: 0 !important}
    .main_column .related_topics ul li a figure{height: 83px !important; width: 120px !important; float: left}
    .main_column .related_topics ul li a h3{width: auto !important; margin: 0 0 0 130px !important; line-height: 18px; max-height: 70px; display: block !important}
    .articlePage article .videos h2{margin: 0 10px 20px 0}
    .articlePage article .next_article{text-align: right; width: 100%; padding: 0 6%}
    .articlePage article .next_article h2{margin: 0}
    .articlePage .fb-comments-container {width: 100%}
    .fb_iframe_widget > span {width: 100%}
    .fb_iframe_widget iframe {width: 100%}

    .categoryPage .author_intro{padding: 0 10px}
    .categoryPage .author_intro ul.social_share.side{margin: 25px 0 0 0}
    .categoryPage .author_intro > div{width: 110px; margin: 20px 5px 0 0}
    .categoryPage .author_intro figure{width: 114px; height: 114px}
    .categoryPage .author_intro .more{margin: 20px auto}

    .videoPage article h1{padding: 0 5%; font-size: 36px}
    .videoPage article div p.intro{font-size: 18px; padding: 0 5%}
    .videoPage article .video_wrapper > div figure.main_video{margin: 20px 0; height: 250px}
    .videoPage article .video_wrapper .most_watched h2{width: 100%; padding: 0 4%}
    .videoPage article .video_wrapper .most_watched article{height: auto; float: none; width: 100%; padding: 10px 4%; margin: 0; display: block}
    .videoPage article .video_wrapper .most_watched article figure{width: 38%; height: 80px; background-size: cover; background-position: center}
    .videoPage article .video_wrapper .most_watched article h3{width: 59%}
    .videoPage article div .main_column{width: 100%; padding: 0 5%; margin: 0}
    .videoPage article div .main_column img{height: auto}
    .videoPage article div .left_column .most_read{display: none}
    .videoPage article div .left_column .related_topics{display: none}
    .videoPage article .videos h2{margin: 0 10px 20px 0}
    .videoPage article .next_article{text-align: right; width: 100%; padding: 0 6%}
    .videoPage article .next_article h2{margin: 0}

    .blogsPage h2.box-title{padding: 10px 20px 20px 10px}
    .blogsPage .blogs{width: 100%; padding: 0 20px}
    .blogsPage .blogs .blog{width: 100%; margin: 10px 0}
    .blogsPage .blogs .blog:nth-child(3n){margin: 10px 0}

    .blogPage h2.box-title{padding: 10px 20px 20px 10px}
    .blogPage .main_column{width: 100%; padding: 0}
    .blogPage .main_column .blogger_intro .cover{height: 152px}
    .blogPage .main_column .blogger_intro .cover figure{height: 140px; width: 140px; bottom: 5px}
    .blogPage .main_column .blogger_info{width: 100%; float: none; padding: 20px 0}
    .blogPage .main_column .blogger_intro ul.social_share{display: block; position: absolute; left: 0; width: 100px; margin: 20px 0 0 0; float: none}
    .blogPage .main_column .blogger_intro ul.social_share li{margin: 0 0 0 10px}
    .blogPage .main-row{padding: 0 10px}

    .archivePage h3.page-title{padding: 0 20px}
    .archivePage h1.box-title{padding: 0 20px}
    .archivePage .search{margin: 20px 0}
    .archivePage .main-row .about{width: calc(100% - 20px); margin: 0 10px 20px 10px}
    .main-row article.article-13{width: 100%; float: none}

    .classifiedsPage .main_column, .obituariesPage .main_column{width: 100%; padding: 0 10px}
    .classifiedsPage h1.page-title, .obituariesPage h1.page-title{padding: 0 20px}
    .classifiedsPage .main_column .date, .obituariesPage .main_column .date{width: calc(100% - 20px); margin: 0 10px 10px 10px}
    .classifiedsPage .main_column ul.ads{padding: 0 10px}
    .classifiedsPage .main_column ul.ads li{display: block; position: relative; height: 250px}
    .classifiedsPage .main_column ul.ads li > div{display: block; width: 100%; height: 100%}
    .classifiedsPage .main_column ul.ads li a{box-shadow: none; position: absolute; left: 10px; bottom: 0; height: auto}
    ul.categories_tabs.mobile{padding: 0 10px}
    ul.categories_tabs.mobile li{width: 100%; position: relative; height: 40px; line-height: 40px; margin: 0}
    ul.categories_tabs.mobile li a{margin: 0; width: 100%}
    ul.categories_tabs.mobile li ul{display: none}
    ul.categories_tabs.mobile > li::after{font-family: 'fontawesome'; content: '\f0d8'; top: -2px; left:10px; position: absolute; font-size: 24px; transition: 0.2s}
    ul.categories_tabs.mobile > li.rotate::after {-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg);transform: rotate(180deg); top: 2px}
    ul.categories_tabs.mobile li ul li:first-child::before{content: ''; width: 100%; border-bottom: 1px solid #DDDDDD; display: block; position: absolute; top: 0; right: 0; left: 0; margin: auto}
    ul.categories_tabs.mobile li ul li::after{content: ''; width: 100%; border-bottom: 1px solid #DDDDDD; display: block; position: absolute; bottom: 0; right: 0; left: 0; margin: auto}
    ul.categories_tabs.mobile li ul li:last-child::after{display: none}
    ul.categories_tabs.mobile li ul{box-shadow: 2px 2px 2px -2px rgba(128, 128, 128, 0.43); overflow: hidden}
    ul.categories_tabs.mobile li ul li{box-shadow: none}
    ul.categories_tabs li.active{background-color: #FFFFFF; color: #000000}

    ul.subcategory_tabs li {width: 48%; margin: 0 0 10px 1%}

    .main-row article.mostread-article{width: 100%}
    article div .main_column p{line-height: 1.5}

    .obituariesPage .main_column ul.news{padding: 0 10px}
    .obituariesPage .main_column ul.news li{position: relative}
    .obituariesPage .main_column ul.news li > div{width: 100%; padding: 20px}
    .obituariesPage .main_column ul.news li a{box-shadow: none; position: absolute; left: 15px; bottom: 0; height: auto; margin: 0; line-height: initial}
    .classifiedsPage ul.social_fade, .obituariesPage ul.social_fade{bottom: 5px; top: initial; left: 55px; transform: initial; height: 40px}
    ul.social_fade li{display: inline-block !important; height: 40px !important}
    ul.social_fade li a{top: initial; left: initial !important; bottom: initial !important}

    .weatherPage .main_column{width: 100%; padding: 0 10px}
    .weatherPage h1.page-title{padding: 0 20px}
    .weatherPage .main_column h2{font-size: 24px}
    .weatherPage .main_column ul.weather_days{width: 100%; padding: 0 10px}
    .weatherPage .main_column ul.weather_days li{width: 50%; border: none; margin: 0 0 20px 0}
    .weatherPage .main_column ul.weather_days li:nth-child(odd){border-left: 1px solid #DDDDDD}

    .radioPage .main_column{width: 100%; padding: 0 10px}
    .radioPage .channel{width: 100%}
    .radioPage .channel .backphoto{width: 100%}
    .radioPage .channel:first-child .backphoto{width: 100%; margin: 0}
    .radioPage .channel:last-child .backphoto{width: 100%; margin: 0}
    .radioPage h2.box-title{margin: 20px 0 10px 0}
    .article-14{height: 406px}

    .horoscopesPage h1.page-title{margin: 10px 0 0 0}
    .horoscopesPage .main_column{width: 100%; padding: 0 10px}
    .horoscopesPage .main_column figure{width: 100%; margin: 20px 0 0 0; padding: 0 10px}
    .horoscopesPage .main_column .intro{width: 100%; padding: 0 10px}
    .horoscopesPage .main_column .intro h2{font-size: 28px; margin: 10px 0 0 0}
    .horoscopesPage .main_column .intro p{width: 100%; margin: 10px 0 0 0}
    .horoscopesPage .main_column .intro a{margin: 20px auto}
    .horoscopesPage .main_column .horoscope_today{margin: 0 10px}
    .horoscopesPage .main_column .horoscope_today figure{width: 100%}
    .horoscopesPage .main_column .horoscope_today .details{width: 100%}
    .horoscopesPage .main_column .horoscope_today .details h2{font-size: 28px}
    .horoscopesPage .main_column .horoscopes{padding: 20px 10px}
    .horoscope{width: 100%; padding: 0}
    .horoscope:nth-child(3n) .wrapper{width: 100%; margin: 0}
    .horoscope:nth-child(3n + 1) .wrapper{width: 100%; margin: 0}
    .horoscope .wrapper a.scroll_to, .horoscope .wrapper a.mobile, .horoscope .wrapper a.horoscope_type{position: relative; bottom: initial; left: initial; margin: 20px 2%; width: 46%; display: inline-block !important}

    .horoscopePage h1.page-title{margin: 10px 0 0 0; padding: 0 20px; font-size: 30px}
    .horoscopePage h3{margin: 40px 0 0 0; padding: 0 20px; font-size: 22px}
    .horoscopePage .horoscope{padding: 0 20px}
    .horoscopePage .horoscope h3{padding: 0}
    .horoscopePage .horoscope .wrapper a.horoscope_type{margin: 20px 0; right: 0}

    .elections-english .container{padding: 0 20px}
    .elections-english.homepage .dates{width: 100%}
    .elections-english .articles article{width: 100%; height: auto}
    .elections-english .articles article a h3{height: auto}
    .elections-english.homepage .dates h2{text-align: center}
    .elections-english.homepage .dates h2:after{margin: 5px auto 0 auto}
    .elections-english .districts ul{margin: 0 0 40px 0}
    .elections-english .districts ul li{width: 100%; margin: 0 0 10px 0; text-align: center; height: 38px; border: 1px solid #E3E3E3; border-radius: 8px}
    .elections-english .districts ul li a{font-size: 17px; color: #5059AB; font-family: Futura; line-height: 36px; padding: 0 10px; display: block; border-radius: 8px}
    .elections-english.district .container .details{width: 100%; padding: 0 0 20px 0; border-bottom: 4px solid #F8F8F8}
    .elections-english.district .container .stats{margin: 30px 0}
    .elections-english.district .container .stats .pie-chart{width: 100%; height: 240px; margin: 0}
    .elections-english.district .container .stats .pie-chart .svg-container{top: -100px; width: 100% !important; height: 250px !important; left: initial}
    .js-plotly-plot .plotly .main-svg{right: 0; margin: auto}
    .elections-english.district .container .stats .electors, .elections-english.district .container .stats .seats{width: 100%; margin: 0 !important}
    .elections-english.district .container .stats .electors h4, .elections-english.district .container .stats .seats h4{font-size: 16px; top: 3px}
    .elections-english.district .container .stats .electors .grid ul li{width: 50%; font-size: 17px}
    .elections-english.district .container .stats .seats .grid ul li{font-size: 14px; margin: 0 0 10px 0}
    .elections-english.district .container .stats .seats .grid ul li:after{content: ''; width: 30px; height: 4px; display: block; background-color: #5059AB; margin: 5px 0}
    .elections-english.district .container .stats .seats .grid ul li .key{width: 100%;font-weight: bold}
    .elections-english.district .container .stats .seats .grid ul li .values{width: 100%; border-left: none; padding: 0}
    .elections-english.district a.goto-elections{margin: 20px 0}
    .elections-english.district .lists .container{padding: 0}
    .elections-english.district .lists .list{width: calc(100% + 40px); margin: 0 -20px 10px -20px !important; min-height: auto}
    .elections-english.district .lists .list h3:after{content: '\f0d7'; font-family: 'FontAwesome'; font-size: 24px; color: #FFFFFF; right: 20px; position: absolute; transition: 0.5s}
    .elections-english.district .lists .list h3.active:after{transform: rotate(-180deg)}
    .elections-english.district .lists .list ul{display: none}
    .elections-english.district .lists.eliminated{margin: 0}

    section.half-row ul.related-news-list li.story.video{overflow: visible}

    .footer-english p {margin: 0 10px; padding: 10px 0; display: block}
    .footer-english a {display: none}

    .share-bar{display: block; width: 100%; position: fixed; bottom: 0; z-index: 999; height: 32px; left: 0; right:0}
    .share-bar ul li{width: 20%; float: right; display: table-cell; vertical-align: middle; text-align: center; height: 32px}
    .share-bar ul li a{display: block; width: 100%; height: 100%; position: relative}
    .share-bar ul li a .fbShares.mobile {position: absolute; color: white; top: 12px; right: 5px; font-size: 13px; min-width: 20px}
    .share-bar ul li.whatsapp {background-color: #25d366}
    .share-bar ul li.whatsapp a i {color: #FFFFFF; font-size: 18px; margin: 8px 0}
    .share-bar ul li.fb {background-color: #3B5998}
    .share-bar ul li.fb a i {color: #FFFFFF; font-size: 18px; margin: 8px 0}
    .share-bar ul li.tw {background-color: #7EC4DE}
    .share-bar ul li.tw a i {color:#FFFFFF; font-size: 18px; margin:8px 0}
    .share-bar ul li.mail {background-color:#CD4331}
    .share-bar ul li.mail a i {color:#FFFFFF; font-size: 18px; margin:8px 0}
    .share-bar ul li.linkedin {background-color: #3F6EA8}
    .share-bar ul li.linkedin a i {color:#FFFFFF; font-size: 18px; margin:8px 0}
}