html, body{
margin:0px;
padding:0px;
/* font-family: 'GE_SS_Two'; */
}
body{
font-family:'GE_SS_Two' !important;
/* background: #eef9fe; */
background: #fefefe;
font-size: 14px;
}
ul{margin: 0;padding: 0}
.three-box{width: 100%}
p{
font-family: Greta
}
/*
a:hover{
color:#bc212a !important;
}
*/
a.doc{font-size:18px}
a.doc:hover{color:red}
.img-responsive{
max-width: 100% !important;
height: auto !important;
}
a img{border: none}
a.allsectionlink{
color:black;
}
a.allsectionlink:hover{
color:red;
}
@media only screen and (min-width: 468px) {
#pop-app{
display: none;
}
}
@media only screen and (max-width: 468px) {
#pop-app {
display: block;
background: #fff;
height: 55px;
width: auto;
margin-bottom: 15px;
}
#pop-app .pop-close{
width: 10%;
float: left;
text-align: left;
}
#pop-app .pop-close p{
display: inline-block;
line-height: 55px;
padding: 0 10px;
margin: 0;
float: left;
}
#pop-app .app-pop-logo {
display: inline-block;
float: left;
width: 25%;
/* line-height: 100px; */
}
#pop-app .app-pop-logo img{
height: 55px;
float: left;
}
#pop-app .app-pop-text {
padding-top: 17px;
float: left;
height: 50px;
align-items: center;
width: 65%;
}
#pop-app .app-pop-text .pop-text {
width: 60%;
text-align: center;
float: left;
margin-top: -5px;
}
#pop-app .app-pop-text .pop-btn {
text-decoration: none;
width: 40%;
text-align: left;
margin-right: 15px;
}
#pop-app .app-pop-text .pop-btn:hover {
text-decoration: none;
}
}
#nav-trigger span {
margin: 0px;
font-weight: bold;
padding: 18px 0;
display: block;
background: #0366a3;
color: #fff;
font-size: 1.5em;
}
h3.issuedate{
width: 370px;
font-size: 13px;
font-family: 'GE_SS_Two';
font-weight: normal;
margin: 0;
padding: 1em;
height: 27px;
margin-top: 5px;
}
#imageGallery img, .coveralbum{
width: 100%;
height: auto;
}
.lb-main{
float: left;
max-width: 728px;
}
.blackhead{
background: #000;
color: #fefefe;
}
.blackhead .navigation {
list-style: none;
padding: 0px;
margin: 0px;
display: table;
}
.blackhead .navigation li {
float: right;
list-style: none;
text-align: right;
cursor: pointer;
height: 100%;
}
.blackhead .navigation > li a {
color: #ffffff;
display: block;
font-size: 14px;
margin: 18px 15px 10px 0;
padding-left: 15px;
text-decoration: none;
}
.blackhead .navigation > li:first-child a {
border-left: solid 1px #fefefe;
}
.righttophead{
width: 33%;
float: right;
}
.document{
padding: 10px;
}
.document a{
color:black;
}
.lefttophead{
width: 33%;
float: left;
text-align: left;
}
.middletophead{
width: 33%;
float: right;
text-align: center;
}
.pdf{
position: relative;
padding-top: 10px;
}
.pdf .overlay{
display: none;
text-align: center;
}
.pdf .overlay img{
margin: auto;
margin-top: 100px;
}
.pdf:hover .overlay{
cursor: pointer;
display: block;
position: absolute;
top:0;
right: 0;
width: 300px;
height: 421px;
background-color: rgba(0, 0, 0, 0.5);
}
.cse .gsc-control-cse, .gsc-control-cse {
padding: 1em 1em 0.5em 1em !important;
width: auto;
}
h3{font-size:16px}
h5{font-size: 15px}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after {
display: table;
content: " ";
}
.clearfix:after,
.container:after {
clear: both;
}
.text-center{
text-align:center;
}
.container{
width:1165px;
margin:0 auto;
position:relative;
}
a { text-decoration:none; }
.bluepanel{
background-color: #015e9b;
text-align: center;
padding: 10px 0px;
width:100%;
margin: 10px 0;
color: #ffffff;
font-weight: bold;
font-size: 18px;
float: right;
}
.bluepanel ul{ margin: 0}
.bluepanel li {
float: right;
margin-left: 10px;
list-style-type: none;
border-left: 1px solid #fff;
width:30%
}
.bluepanel a{
color: white;
cursor: pointer;
}
.panelblue{
text-align: center;
padding: 10px 0px;
width:100%;
margin: 10px 0;
color: #ffffff;
font-weight: bold;
font-size: 18px;
float: right;
display: none;
}
.heading{
/* background: url('images/header-h5.png') center no-repeat; */
}
.col-left ins a img{
max-width: 100% !important;
height: auto !important;
display: block !important;
}
.panelblue ul{ margin: 0;
float: right;
display: block;
width: 100%;
padding: 0;
}
.panelblue li {
float: right;
list-style-type: none;
width: 100%;
background-color: #015e9b;
margin-bottom: 20px;
}
.panelblue a {
color: white;
cursor: pointer;
height: 20px;
width: 100%;
float: right;
padding: 20px 0;
}
/**
==========================================
Header Classes
==========================================
**/
header{ padding:0; }
header .col-right{
float:right;
width:430px;
}
header .col-left{
float:left;
width:728px;
padding: 40px 0;
}
header .social-media-box{
left:0px;
bottom: -10px;
}
header .social-media-box .social-media {
float: left;
margin: 0;
padding: 1em 0;
width:135px;
}
header .social-media-box .social-media li{
padding:0 5px 0 0;
margin:0px;
list-style:none;
float:left;
}
header .social-media-box h3{
float:left;
}
.logo{
width:180px;
height:134px;
padding-top: 20px;
padding-left: 25px;
}
#nav-main{
margin:0px 0 0 0;
/* background:#231f20; */
background:#0366a3;
min-height:50px;
}
nav .navigation{
list-style:none;
padding:0px;
margin:0px;
display:table;
width: 100%
}
nav .navigation > li{
float:right;
list-style:none;
padding:0px;
margin:0px;
}
nav .navigation > li a {
color: #ffffff;
display: block;
font-size: 14px;
margin: 0px;
padding: 18px 12px;
text-decoration: none;
}
nav .navigation > li a.menu-img-padding {
padding: 10.5px 13px;
}
nav .navigation > li a:hover, nav .navigation li.select a{
/* background:#ed1c24; */
color:#ffffff;
background: #000;
}
nav .navigation > li.var a{
background:#3a9946;
color:#ffffff;
}
nav .navigation li ul {
margin: 0;
padding: 0;
position: absolute;
text-align: right;
display: none;
z-index: 9;
background: #000;
}
nav .navigation li {
float: right;
list-style: none;
text-align: right;
cursor: pointer;
height: 100%;
}
nav .navigation li ul li { float: none; display: inline; margin: 0}
nav .navigation li ul li a { width: 120px; color:White; background-color:black; background-repeat:repeat-x; height:20px; padding:18px 13px; width: 150px; margin: 0}
nav .navigation li ul li a:hover { background-color:#0366a3; color:white;}
.search-box{
float: left;
margin:0;
width: 180px;
}
.gsc-control-cse {
padding-left: 0 !important;
}
nav .search-box input[type="text"]{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4a4847+0,292828+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #dddbda 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#dddbda 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#dddbda 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddbda',GradientType=0 ); /* IE6-9 */
border:2px #8b8a8a solid;
padding:0px 10px;
font-size:18px;
}
nav .search-box input[type="submit"]{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4a4847+0,292828+100 */
background: #4a4847; /* Old browsers */
background: -moz-linear-gradient(top, #4a4847 0%, #292828 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #4a4847 0%,#292828 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #4a4847 0%,#292828 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a4847', endColorstr='#292828',GradientType=0 ); /* IE6-9 */
color:#ffffff;
border:2px #8b8a8a solid;
border-radius:4px;
padding:0px 25px;
font-size:18px;
}
/* =Nav
-------------------------------------------------------------- */
#nav-trigger {
display: none;
text-align: center;
margin-top: 10px; }
#nav-trigger span {
display: block;
padding: 16px 30px;
background-color: #0366a3;
color: white;
cursor: pointer;
text-transform: uppercase; }
#nav-trigger span::after {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #fff;
content: "";
display: inline-block;
height: 0;
margin-right: 10px;
width: 0;
}
#nav-trigger span:hover {
background-color: #af002c; }
#nav-trigger span.open:after {
border-left: solid 10px transparent;
border-top: none;
border-bottom: solid 10px #fff;
border-right: solid 10px transparent; }
nav#nav-mobile {
position: relative;
display: none;
z-index:9999;
}
nav#nav-mobile ul {
display: none;
list-style-type: none;
position: absolute;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
text-align: center;
background-color: #231f20; }
nav#nav-mobile li {
display: block;
padding: 5px 0;
margin: 0 5px;
border-bottom: solid 1px #ffffff;
float:none;
}
nav#nav-mobile li:last-child {
border-bottom: none; }
nav#nav-mobile a {
display: block;
color: white;
padding: 10px 30px; }
nav#nav-mobile a:hover {
background-color: #af002c;
color: #fff; }
.mobile-box{
display: none;
border-bottom: solid 1px #eee;
padding-bottom: 10px;
}
.mobile-left{
display: block;
float: left;
width: 50%;
padding: 25px 10px;
font-size: 16px;
}
.mobile-right{
display: block;
float: right;
width: 39%;
}
/* =Media Queries
-------------------------------------------------------------- */
@media all and (max-width: 900px) {
#nav-trigger {
display: block; }
nav#nav-main {
display: none; }
nav#nav-mobile {
display: block; } }
/***********************************************************************************/
/**
==========================================
Main Page Classes
==========================================
**/
.marquee{
background-color: #ed1c24;
}
marquee a{
margin-left:40px;
color: white;
}
.bah-news-box a{
cursor: pointer;
}
.bah-news-box-dark a, .bah-news-box-video a{
cursor: pointer;
}
.bah-news-box-top img {
width:100%;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.bah-news-box-top:hover img {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.bah-news-box-top-dark img {
width:100%;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.bah-news-box-top-dark:hover img {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.main-container{
background: #e6e7e8;
}
.main-container .slider-area{ position:relative; }
.main-container .slider-area .image-container{
width:535px;
float:left;
position:relative;
height:460px;
}
.main-container .slider-area .image-container ul{
padding:0px;
margin:0px;
}
.section2{
margin-top:10px;
}
.arrow-left{
position:absolute;
left:10px;
top:50%;
}
.arrow-right{
position:absolute;
right:10px;
top:50%;
}
.item_title-container {
height: 100px;
}
.item-container-list li h3 {
cursor: pointer;
padding-right: 35px;
padding-left: 15px;
position: relative;
line-height: 26px;
font-size: 16px;
}
.item-container-list li h3::after {
background: red none repeat scroll 0 0;
content: "";
height: 10px;
position: absolute;
right: 15px;
top: 11px;
width: 10px;
}
.main-container .slider-area .item-container {
background: #488ec1 none repeat scroll 0 0;
color: #ffffff;
float: left;
height: 99.6%;
padding: 0 0px;
position: absolute;
width: 315px;
}
a.white{
text-decoration: none; color: white;
}
/*
.main-container .slider-area .item-container {
background: #488ec1 none repeat scroll 0 0;
color: #ffffff;
float: left;
height: 99.6%;
padding: 0 15px;
position: absolute;
width: 285px;
}
*/
.main-container .slider-area .item-container .slide-content{
display:none;
padding-right:21px;
}
.slide-content a{
color: #fff;
}
.slide-content{
font-size: 13px;
line-height: 22px;
}
.main-container .slider-area .item-container .slide-content.active{display:block;}
.main-container .slider-area .item-container .slide-content{font-size: 14px; line-height: 20px }
.main-container .slider-area .item-container .item-container-list{
padding:0px;
margin:0px;
}
.main-container .slider-area .item-container .item-container-list li{
padding:0px 0;
margin:0px;
list-style:none;
}
.main-container .main-col-left{
float:right;
width:850px;
}
.main-container .main-col-left, .main-container .main-col-right {
padding:10px 0 0 0;
}
.main-container .main-col-right{
float:left;
width:300px;
}
.main-container .ch-man-box h2{
background-color:#4f4f51;
text-align:center;
padding:10px 0px;
margin:0px;
color:#ffffff;
font-weight:bold;
font-size:18px;
}
.main-container .ch-man-box h3, .ch-man-box h3 a{
background: none;
color:#000000;
font-size:16px;
line-height: 22px;
margin:10px 0 10px;
text-align:right;
}
.main-container .ch-man-box {
background: #bae4fa none repeat scroll 0 0;
min-height: 428px;
position: relative;
margin-bottom: 10px;
}
.main-container .ch-man-box{
background:#bae4fa;
min-height:400px;
position:relative;
overflow: hidden;
}
.main-container .ch-man-box p, .ch-man-box p a {
font-size: 13px;
line-height: 20px;
margin: 0;
color:#333;
}
.main-container .ch-man-box .ch-content-area{
padding:0px 10px 15px 10px;
color:#6d6e71;
font-size:18px;
}
/*.main-container .main-col-right .ch-man-box .ch-content-area a {
color: #ed1c24;
font-size: 14px;
font-weight: bold;
}
*/
.main-container .ch-man-box .ch-content-area .chairman-img {
position: absolute;
bottom: -40px;
left: 0px;
}
.redmore {
color: #ed1c24;
font-size: 14px;
font-weight: bold;
}
.blackmore {
color: #000;
font-size: 14px;
font-weight: bold;
}
.main-container .main-col-right .ch-man-box .ch-content-area .chairman-img{
position:absolute;
bottom:0px;
left:0px;
}
.main-container h2.heading{
padding: 5px 0;
color:white;
background: #4f4f51;
/* border-right: 5px solid #488ec0; */
border-right: 30px solid #0366a3;
font-weight:normal;
/*font-size:28px;*/
font-size:24px;
float: none;
text-align:right;
/* background: url(images/strip.png) repeat-x; */
margin: 5px 0;
}
.main-container h2.heading span {
padding:10px;
}
.varietylist{
width: 100%;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.varietylist ul{
margin: 0;
}
.main-container h2.heading a{
color:#fff;
}
.main-container h2.heading span span{
font-weight:bold;
background:transparent;
padding:0px;
}
.main-container h2.heading b {
background: white none repeat scroll 0 0;
display: inline-table;
font-weight: normal;
margin: 0 410px 0 0;
padding: 0 20px;
}
.main-container h2.heading b.brown-bg {
background: #dcddde none repeat scroll 0 0;
border-radius: 5px;
font-size: 18px;
font-weight: normal;
padding: 0 40px 6px;
position: relative;
top: -2px;
}
.main-container h2.heading::after {
/*background: #5292c3 none repeat scroll 0 0;*/
content: "";
height: 4px;
left: 0;
position: absolute;
top: 50%;
width: 100%;
z-index:-1;
}
.main-container .four-box { position:relative; }
.main-container .four-box::before {
/*background: #5292c3 none repeat scroll 0 0;*/
content: "";
height: 4px;
left: 0;
position: absolute;
top: 35px;
width: 95%;
z-index: -1;
}
.main-container .four-box.before-none::before {
display:none;
}
.main-container .ch-man-box .ch-content-area .likes {
color: #000000;
font-size: 13px;
font-weight: bold;
padding-right: 75px;
position: relative;
top: 8px;
}
.main-container .ch-man-box .ch-content-area .likes .likes-number {
background: rgba(0, 0, 0, 0) url("images/likes-bg.png") repeat scroll 0 0;
color: #fff;
font-size: 20px;
font-weight: normal;
height: 49px;
padding: 5px 0 0;
position: absolute;
right: 10px;
text-align: center;
top: 0;
width: 53px;
}
.main-container .news-section {
display: inline-table;
margin: 0 0 20px 0;
padding: 10px 0;
text-align: center;
background:#dcddde;
}
.main-container .news-section li {
display: inline-table;
list-style: outside none none;
margin: 0;
padding: 0;
width: 163px;
}
.main-container .news-section li h3{
padding:0px;
margin:4px 0;
color:#d31729;
font-size: 15px
}
/*********Section2*********/
.article-details{
font-size: 17px;
line-height: 24px;
text-align: justify;
color:#555;
font-family: Greta;
}
.article-details br {
display: block;
line-height: 30px;
}
.main-container .section2 .section2-left {
float: left;
margin-right:10px;
width: 300px;
}
.main-container .section2 .section2-right {
display: block;
float: right;
width: 850px;
}
.main-container .section2 .section2-left-article {
float: left;
margin-right:10px;
width: 350px;
}
.main-container .section2 .section2-right-article {
display: block;
float: right;
width: 730px;
padding: 35px;
background: #fefefe;
}
.main-container .section2 .section2-right-gallery {
display: block;
float: right;
width: 96%;
padding: 2%;
background: #2f353e;
}
.lSSlideOuter.lSrtl .lSGallery li {
border:solid 2px #b3b9c6;
}
.gallerybg{
background: #4d596c;
float: right;
width: 96%;
padding: 2%;
margin-bottom: 10px;
position: relative;
}
.gallerybg lSSlideOuter{
}
.gallerybg h1{ color: white}
.gallerybg .lSPager{
margin: auto !important;
}
.main-container .section2 .section2-right-article h1{
}
.article-image{
}
.content-box a {
text-decoration: none;
color:#000;
}
.section2-left .chairman .columnists{
height: 120px !important;
}
.section2-left .chairman .columnists .col-subject{
height: 60px !important;
}
.main-container .section2 .section2-right .section2-right-content{
padding:0 55px;
}
.slideshow-h #pager .lSAction, #cartoonpanel #pager .lSAction{
display: none;
}
input.gsc-search-button-v2 {
width: 13px;
height: 13px;
padding: 6px 10px !important;
min-width: 13px;
margin-top: 2px;
}
.main-container .section2 .section2-left .likes {
color: #000000;
font-size: 13px;
font-weight: bold;
padding-right: 20px;
position: relative;
top: 8px;
}
.main-container .section2 .section2-left .likes-number {
background: rgba(0, 0, 0, 0) url("images/likes-bg.png") repeat scroll 0 0;
color: #fff;
display: block;
font-size: 20px;
font-weight: normal;
height: 49px;
padding: 5px 0 0;
right: 10px;
text-align: center;
top: 0;
width: 53px;
}
.section2-left h3, .section2-left-article h3 {
background: #4f4f51 none repeat scroll 0 0;
color: #ffffff;
font-size: 18px;
padding: 10px;
text-align: center;
margin: 0;
}
.adbox{
background: #e0e0e3;
padding: 10px 25px;
width:300px;
}
.section2-left .columnistsbar{
background: #fefefe none repeat scroll 0 0;
}
.section2-left .columnists {
/* background: #b9e3f9 none repeat scroll 0 0; */
background: #fefefe none repeat scroll 0 0;
position:relative;
margin:15px;
height: 115px;
border-bottom: dotted #333;
}
.section2-left .columnists:last-child {
border-bottom: none;
}
.section2-left .columnists .columnists-img {
float: left;
width: 30%;
}
.section2-left .columnists .columnists-img img {
border: solid 5px #0366a3;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.section2-left .columnists .col-subject{
height: 49px;
}
.section2-left .columnists .columnists-content {
float: right;
padding: 0 5%;
width: 60%;
}
.section2-left .columnists .columnists-content a{
color: black;
font-size: 14px;
text-align: justify;
width:270px;
height: 49px;
}
.section2-left .columnists .columnists-content h4 {
font-size: 12px;
margin: 0 0 10px;
color:#4d4d4f;
border-right: solid 5px #0366a3;
padding-right: 5px;
}
.section2-left .columnists .columnists-content h5 {
font-size: 12px;
margin: 0 0 10px;
background: #007cc4;
border-right: solid 20px #4f4f51;
padding: 5px;
color: white;
}
.section2-left .columnists .columnists-content h5 a{
color: white;
}
.bah-news-box {
color: #ffffff;
float: right;
margin:10px;
width: 270px;
}
.bah-news-box-dark, .bah-news-box-video {
color: #ffffff;
float: right;
margin:5px;
width: 270px;
}
.bah-news-box-dark:nth-child(3n) {
margin-left: 0;
}
.bah-news-box-dark:nth-child(3n+1) {
margin-right: 0;
}
.bah-news-box:nth-child(3n) {
margin-left: 0;
}
.bah-news-box:nth-child(3n+1) {
margin-right: 0;
}
.bah-news-box-top {
background: #fff none repeat scroll 0 0;
/*border: 1px solid #ccc;*/
height: 290px;
overflow: hidden;
}
.section2-right .bah-news-box-bg {
background: #fff none repeat scroll 0 0;
/*border: 1px solid #ccc; */
height: 200px;
overflow: hidden;
}
.mainsportsimage{
width: 100%;
}
.bah-news-box-top-dark {
background: #333 none repeat scroll 0 0;
/*border: 1px solid #ccc;*/
height: 290px;
overflow: hidden;
}
.bah-news-box-bg-dark {
background: #333 none repeat scroll 0 0;
/*border: 1px solid #ccc; */
height: 200px;
overflow: hidden;
}
.bah-news-box-bg-dark .bah-news-content-dark h3 {
line-height: 18px;
padding: 0.625rem 0;
margin: 0px;
font-size: 14px;
}
.bah-news-box-bg-dark .bah-news-content-dark h3 a {
font-size: 20px;
font-weight: normal;
color: #efefef;
line-height: 27px !important;
}
/*
.section2-right .bah-news-box:last-child {
margin-right:0px;
}
*/
.bah-news-box h3 a, .bah-news-box p a{
text-decoration: none;
color: #FFF;
}
.bah-news-box .bah-news-img {
background-size: cover;
height: 206px;
}
.bah-news-box .bah-news-content, .section2-right .bah-news-box-dark .bah-news-content-dark, .bah-news-box-video .bah-news-content-dark {
padding:0 5px;
font-size:13px;
}
.bah-news-box .bah-news-content h3{
line-height: 18px;
padding:0.625rem 0;
margin:0px;
font-size:14px;
}
.bah-news-box .bah-news-content p{
padding:0px;
margin:0px;
font-size: 13px;
line-height: 18px;
}
.bah-news-box .bah-news-content h3 a{
font-size: 16px;
font-weight: normal;
color: #333;
line-height: 23px !important;
}
.bah-news-box-dark .bah-news-content-dark h3 a, .bah-news-box-video .bah-news-content-dark h3 a{
font-size: 20px;
font-weight: normal;
color: #fff;
line-height: 27px !important;
}
.bah-news-box .readmore{
color:#ffffff;
float:left;
margin-top:20px;
}
.four-box .bah-news-box{
width: 200px;
}
.four-box .bah-news-box .bah-news-img {
height: 143px;
}
.four-box .bah-news-box:nth-child(4n+4) {
margin-right: 0;
}
.imagecontainer{
height: 185px;
overflow: hidden;
}
.imagecontainervideo{
height: 167px;
overflow: hidden;
position: relative;
}
.playbutton{
position: absolute;
z-index: 999999;
margin: auto;
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
width: 68px;
height: 68px;
}
.section2-right .col-box{
width: 204px;
height: 295px;
background: #fff none repeat scroll 0 0;
float: right;
margin-left: 6px;
margin-bottom: 6px;
border-bottom: 5px solid #007cc4;
}
.col-box h3 {
color: white;
padding: 25px 5px 5px 5px;
text-align: center;
font-size: 15px;
height: 41px;
background: #4f4f51;
margin-top: 0;
margin-bottom: 10px
}
.col-box h3 a {
color: white;
}
.rating-box{
/* background:#dcddde; */
background:#fefefe;
margin:20px 0px;
}
.rating-box h2{
background:#231f20;
color:#ffffff;
padding:8px 5px;
text-align:center;
font-size:19px;
}
#instafeed{
border:solid 1px #eee;
position: relative;
margin-top: 30px;
margin-bottom: 10px;
}
#instafeed img.cam{
position: absolute;
left: 10px;
top: -20px;
}
.abouthead{
width: 100%;
}
.contacthead{
height: 200px;
width:100%;
}
.numberscontact{
width: 100%;
float: right;
padding: 20px 0 ;
}
.numberscontact ul{
float: right;
width: 100%;
margin: 0;
padding: 0;
}
.numberscontact li{
list-style-type: none;
width:33%;
float: right;
margin: 0;
padding: 72px 0 0 0;
background-position: top center;
background-repeat: no-repeat;
}
.numberscontact li p{
margin-bottom: 5px;
margin-top: 0 !important;
}
.numberscontact li img{
margin: auto;
}
.numberscontact li p, .numberscontact h3{
text-align: center;
}
.numberscontact h3, .numberscontact p span {
color: #4b8fbe;
}
.numberscontact h3{
height: 60px;
}
.numbersadvertise{
width: 100%;
float: right;
padding: 20px 0 ;
}
.numbersadvertise ul{
float: right;
width: 100%;
margin: 0;
padding: 0;
}
.numbersadvertise li{
list-style-type: none;
width:24%;
float: right;
margin: 0;
padding: 0 0 0 0;
background-position: top center;
background-repeat: no-repeat;
}
.numbersadvertise li p{
margin-bottom: 5px;
margin-top: 0 !important;
}
.numbersadvertise li img{
margin: auto;
}
.numbersadvertise li p, .numbersadvertise h3{
text-align: center;
}
.numbersadvertise h3, .numbersadvertise p span {
color: #4b8fbe;
}
.numbers{
width: 100%;
background: #eee;
float: right;
padding: 20px 0 ;
}
.numbers ul{
float: right;
width: 100%;
margin: 0;
padding: 0;
}
.numbers li{
list-style-type: none;
width:33%;
float: right;
margin: 0;
padding: 0;
}
.numbers li.q{
list-style-type: none;
width:24%;
float: right;
margin: 0;
padding: 0;
}
.numbers li img{
padding: 0 15px;
width: 80%;
float: right;
}
.numbers li.border{
border-left:solid 1px #4b8fbe;
}
.spaced{
margin-bottom: 10px;
}
.google-maps {
position: relative;
padding-bottom: 25%; // This is the aspect ratio
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
/* Style the list */
ul.tab {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
border: 1px solid #ccc;
background-color: #f1f1f1;
}
/* Float the list items side by side */
ul.tab li {float: left;}
/* Style the links inside the list items */
ul.tab li a {
display: inline-block;
color: black;
text-align: center;
padding: 14px 16px;
text-decoration: none;
transition: 0.3s;
font-size: 17px;
}
/* Change background color of links on hover */
ul.tab li a:hover {background-color: #ddd;}
/* Create an active/current tablink class */
ul.tab li a:focus, .active {background-color: #ccc;}
/* Style the tab content */
.tabcontent {
display: none;
padding: 6px 12px;
border: 1px solid #ccc;
border-top: none;
margin-bottom:20px;
}
.staff-image{
max-width: 120px;
}
.about h2{
text-align: center;
color: #4b8fbe;
}
.about p{
font-size: 14px;
line-height: 20px;
margin-bottom: 20px
}
.left-news-section h3 a{
color: #ffffff;
font-size: 22px;
padding: 5px;
}
.lnews-box a{
color: #222;
}
#instafeed h2{
background:url('images/insta.png') repeat-y;
background-size: 100%;
color:#ffffff;
padding:8px 5px;
text-align:center;
font-size:19px;
margin: 0 0 20px 0px;
}
#instafeed h2 span{
margin-left: 20px;
direction: ltr;
}
.rating-box .rating-box-content {
color: #6d6e71;
font-size: 16px;
font-weight: bold;
padding: 0 15px 15px;
}
.rating-box .rating-box-content h4.redhead{
color: #ed1c24;
font-size: 16px;
font-weight: bold;
padding: 0 15px 15px;
}
.rating-box .rating-box-content h4.greenhead{
color: #3a9946;
font-size: 16px;
font-weight: bold;
padding: 0 15px 15px;
}
.rating-box .rating-box-content p{
padding:0px;
margin:0px;
color:#333;
}
.adwert { text-align: center; height: 250px}
.adwert > .child { margin: 0 auto; width: 300px; height: 250px}
/**************************/
.checkbox-section {
margin: 20px 0px 50px 0;
padding: 0;
}
.checkbox-section li{
padding:0px;
margin:0px;
list-style:none;
}
.checkbox-section li input[type="checkbox"] {
margin: 15px 25px;
/* transform: scale(2.5, 2.5); */
}
.checkbox-section .happy {
background: transparent url("images/happy-icon.png") no-repeat scroll right 2px;
padding: 0 40px 0 0;
}
.checkbox-section .speechless{
background: transparent url("images/speechless-icon.png") no-repeat scroll right 2px;
padding: 0 40px 0 0;
}
.checkbox-section .sad{
background: transparent url("images/sad-icon.png") no-repeat scroll right 2px;
padding: 0 40px 0 0;
}
.rating-box .progress-bar {
background: #fff none repeat scroll 0 0;
display: block;
height: 18px;
width: 100%;
position:relative;
margin: 3px 0;
}
/*
.rating-box .progress-bar::after {
background: #3a9946 none repeat scroll 0 0;
content: "";
height: 18px;
position: absolute;
width: 100%;
}
*/
.rating-box .progress-bar .percentage {
background: #3a9946 none repeat scroll 0 0;
content: "";
height: 18px;
position: absolute;
}
.rating-box .progress-bar.ten::after {
width: 10%;
}
.rating-box .progress-bar.seven::after {
width: 7%;
}
.rating-box .progress-bar.fiftynine::after {
width: 59%;
}
/***********************************************************************************/
/**
==========================================
Footer section Classes
==========================================
**/
footer{ background:#231f20; min-height:48px; color:#ffffff; font-size:14px; }
footer ul{
margin:0px;
padding:0px;
}
footer ul li{
margin:0px;
padding:7px 0;
list-style:none;
}
footer ul li a{
margin:0px;
padding:0px;
color:#FFFFFF;
}
footer .footer-box1{
float:right;
padding:15px 25px;
width:240px;
}
footer .footer-box2{
float:right;
padding:15px 25px;
width:240px;
}
footer .footer-box3{
float:right;
padding:15px 25px;
width:240px;
}
footer .footer-box4{
float:right;
padding:15px 25px;
width:240px;
}
footer .footer-box4 ul li{
display:inline-table;
}
/*****************************************/
/**********************AAK2**************************/
.left-news-section{
background:#fefefe;
margin:10px 0;
}
.left-news-section h3{
color:#ffffff;
font-size:22px;
padding:5px;
}
.left-news-section .lnews-box{
margin:15px 5px;
position:relative;
border-bottom: dotted #222;
}
/*
.left-news-section .lnews-box::before {
background: #ffffff none repeat scroll 0 0;
content: "";
height: 2px;
left: 50%;
position: absolute;
bottom: 0;
transform: translate(-50%, -50%);
width: 95%;
}
*/
.left-news-section .lnews-box .img-box {
float: left;
padding: 0 2% 0 0;
width: 48%;
}
.left-news-section .lnews-box .content-box {
float: left;
width: 50%;
}
.left-news-section .lnews-box .img-box {
float: left;
padding: 0 2% 0 0;
width: 48%;
}
/****************************************************/
/*******************AAk4**********************/
.members{
padding:0px;
margin:0px;
}
.members li {
background: #b9e3f9 none repeat scroll 0 0;
float: left;
list-style: outside none none;
margin: 0 10px 20px;
padding: 0;
width: 190px;
}
.members li .members-content-area {
font-size: 16px;
font-weight: bold;
padding: 15px;
}
.members li h2{
background:#488ec0;
color:#ffffff;
padding:10px;
text-align:center;
margin:0px;
}
.staff-box {
background: #b9e3f9 none repeat scroll 0 0;
padding: 0 15px;
margin-bottom:20px;
}
.staff-box .staff-content {
float: left;
width: 55%;
font-size: 17px;
}
.staff-content h2{
font-size: 18px;
}
.staff-content a{
text-decoration: none;
color: #000;
}
.staff-box .staff-image {
float: left;
padding: 0 5%;
width: 20%;
}
.staff-likes {
color: #000000;
font-size: 13px;
font-weight: bold;
padding-right: 20px;
position: relative;
top: 8px;
}
.staff-likes {
background: rgba(0, 0, 0, 0) url("images/likes-bg.png") repeat scroll 0 0;
color: #fff;
display: block;
font-size: 20px;
font-weight: normal;
height: 49px;
padding: 5px 0 0;
right: 10px;
text-align: center;
top: 0;
width: 53px;
}
/*********************************************/
footer .text-left {
padding-left: 145px;
position: relative;
text-align: left;
top: -60px;
}
footer .footer-search{
margin:40px 0px;
position:relative;
}
footer .footer-search input[type="text"] {
padding: 4px 0;
width: 96%;
}
footer .footer-search input[type="submit"] {
background: #abadb0 none repeat scroll 0 0;
border: medium none;
border-radius: 15px;
color: #ffffff;
left: 15px;
position: absolute;
top: 4px;
cursor:pointer;
}
.adv-banner{ margin:50px 0; }
@media all and (max-width: 1199px) and (min-width: 992px){
.container{ width:950px; }
.brakingnews .brakingnewswrap {
max-width: 85% !important;
}
.section2-right .bah-news-box .bah-news-content h3 a, .section2-right .bah-news-box-dark .bah-news-content-dark h3 a, .section2-right .bah-news-box-video .bah-news-content-dark h3 a {
font-size: 13px;
font-weight: normal;
line-height: 27px !important;
}
.imagecontainer{
height: 150px;
overflow: hidden;
}
.imagecontainervideo{
height: 140px;
overflow: hidden;
position: relative;
}
.ago-container {
bottom: 0px !important;
left: 0px;
}
nav .search-box input[type="text"] {
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 0%, #dddbda 100%) repeat scroll 0 0;
border: 2px solid #8b8a8a;
font-size: 18px;
padding: 0 10px;
width: 50px;
}
.slideshow-h img {
height: auto !important;
width: 100% !important;
}
.lSSlideOuter .item .content {
height: auto !important;
width: 100% !important;
padding:0px !important;
}
.lb-main2 {
width: 728px;
margin: auto;
}
.midad .lb-main2 ins a img {
max-width: 100% !important;
height: auto !important;
display: block !important;
}
.sport{
width: 95% !important;
}
nav .navigation li a{font-size: 11px}
nav .search-box{width: 200px}
.main-container .main-col-left { width: 710px; }
.main-container .main-col-right { width: 220px; }
.main-container .main-col-right .ch-man-box h3 { font-size: 13px; }
.main-container .main-col-right .ch-man-box .ch-content-area .chairman-img { width: 68%; }
header .col-right { width: 220px;}
.main-container .main-col-right .ch-man-box { min-height: 427px; }
header .col-left {
padding: 12px 0;
width: auto;
}
.main-container .section2 .section2-right-article {
width:500px;
}
.main-container .bah-news-box h2.heading span{font-size: 14px;}
.main-container .section2 .section2-right { width: 630px; }
.section2-right .bah-news-box { width: 196px; }
.section2-right .bah-news-box-dark, .section2-right .bah-news-box-video { width: 192px; }
.section2-right .four-box .bah-news-box { width: 149px; }
footer .footer-box2 { width: 190px; }
footer .footer-box3 { width: 170px; }
footer .footer-box4 { width: 150px; }
}
@media all and (max-width: 991px) and (min-width: 768px){
.container{ width:100%; }
.search-box{ display:none; }
.main-container .ch-man-box{
min-height: 310px;
}
.section2-right .col-box {
width: 32.6%;
}
.lb-main {
width: 728px;
margin: auto;
}
header .social-media-box h3 {
float: right;
}
.logo {
width: 120px;
height: auto;
padding-top: 0px;
}
.heading {
background: #e6e7e8;
}
.section2-right .bah-news-box .bah-news-content h3 a, .section2-right .bah-news-box-dark .bah-news-content-dark h3 a , .section2-right .bah-news-box-video .bah-news-content-dark h3 a{
font-size: 13px;
font-weight: normal;
line-height: 18px !important;
}
.brakingnews .brakingnewswrap {
max-width: 94% !important;
float: left;
display: block;
padding: 5px 15px;
}
.sport{width: 95% !important}
.ago-container {
bottom: 0px !important;
left: 0px;
}
header, .main-container { padding: 10px; }
header .col-left {
float: none;
padding: 15px 0;
width: auto;
text-align: center;
}
.adbox {
width: 100%;
padding: 0px;
}
header .social-media-box {
padding: 10px;
position: static;
text-align: center;
}
header .col-right {
float: none;
width: auto;
text-align: center;
}
.main-container .main-col-left, .main-container .main-col-right {
padding: 0;
}
.main-container .main-col-left {
float: none;
width: auto;
}
.main-container .main-col-right {
float: none;
width: auto;
}
.slider-area{
margin-bottom: 10px
}
.section2-right .bah-news-box, .section2-right .bah-news-box-dark, .section2-right .bah-news-box-video {
float: right;
margin-bottom: 6px;
margin-right: 8px;
width: 31%;
}
.section2-right-article {
display: block;
float: right;
width: 75%;
margin-left: 0;
}
.section2-left-article {
float: left;
margin-right: 0;
width: 25%;
}
.main-container .section2 .section2-right {
display: block;
float: none;
width: auto;
}
.section2-right .four-box .bah-news-box { width: 23.6%; }
.section2-right .four-box .bah-news-box .bah-news-img { height: 125px; }
.main-container .section2 .section2-left {
float: none;
margin-right: 0;
width: 100%;
}
footer .footer-box1 { width: 20%; }
footer .footer-box2 { width: 15%; }
footer .footer-box3 { width: 20%; }
footer .footer-box4 { width: 18%; }
/*************************Slider*******************************/
.main-container .slider-area .image-container { width: 60%; }
.main-container .slider-area .image-container img.middle-image{ width: 100%; }
.main-container .slider-area .item-container { width: 37%; }
.main-container .slider-area .item-container{ font-size:11px; }
/********************************************************/
/*******************************************page2 classes*****************************************/
.aak2 .main-container .section2 .section2-right img{ width: 100%; }
/*************************************************************************************************/
/*******************************************page4 classes*****************************************/
.aak4 .main-container .section2 .section2-right {
display: block;
float: right;
width: 75%;
}
.aak4 .main-container .section2 .section2-left {
float: left;
margin-right: 0;
width: 25%;
}
.main-container .section2 .section2-right-article {
display: block;
float: right;
width: 70%;
}
.main-container .section2 .section2-left-article {
float: left;
margin-right: 0;
width: 25%;
}
.aak4 .members li {
margin: 0 1% 2%;
padding: 0;
width: 31.33%;
}
.main-container h2.heading b.brown-bg {
padding: 0 40px 6px;
top: -16px;
}
/*************************************************************************************************/
}
@media all and (max-width: 767px){
.container{ width:100%; }
.section2-right .col-box {
width: 48%;
}
.search-box{ display:none; }
header, .main-container { padding: 10px; }
header .col-left {
float: none;
padding: 15px 0;
width: auto;
}
.blackhead{display: none}
.main-container .ch-man-box{
min-height: 310px;
}
.sport{width: 95% !important}
header .social-media-box {
padding: 10px;
position: static;
text-align: center;
}
header .social-media-box .social-media {
float: none;
margin: 0;
padding: 0;
display: inline-table;
}
header .col-right {
float: none;
/*padding: 10px 50px;*/
padding: 0;
width: auto;
text-align: center;
}
.main-container .main-col-left, .main-container .main-col-right {
padding: 0;
}
.main-container .main-col-left {
float: none;
width: auto;
}
.main-container .main-col-right {
float: none;
width: auto;
}
.section2-right .bah-news-box {
float: none;
margin-bottom: 6px;
margin-right: 0;
width: auto;
}
.main-container .section2 .section2-left {
float: none;
margin-right: 0;
width: auto;
}
.main-container .section2 .section2-right {
display: block;
float: none;
width: auto;
}
.main-container .section2 .section2-right-article {
display: block;
float: none;
width: auto;
}
.main-container .section2 .section2-left-article {
float: none;
margin-right: 0;
width: auto;
}
.section2-right .four-box .bah-news-box .bah-news-img { height: 360px; }
/*************************Slider*******************************/
.main-container .slider-area{
margin-bottom: 10px
}
.main-container .slider-area .item-container {
position: static;
width: auto;
padding: 0;
width: 100%
}
.main-container .slider-area .image-container {
width: 100%;
}
.main-container .slider-area .image-container img.middle-image{
width: 100%;
}
/********************************************************/
/*******************************************page1 classes*****************************************/
/*.staff-box .staff-image {
bottom: 0;
float: none;
padding: 0;
position: absolute;
right: 0;
width: 26%;
}
.staff-box {
background: #b9e3f9 none repeat scroll 0 0;
margin-bottom: 20px;
padding: 0 15px;
position: relative;
}
.staff-image img {
width: 75px;
}*/
/************************************************************************************/
/*******************************************page2 classes*****************************************/
/************************************************************************************/
/*******************************************page3 classes*****************************************/
/************************************************************************************/
/*******************************************page4 classes*****************************************/
.aak4 .members li {
margin: 0 1% 2%;
padding: 0;
width: 31.33%;
}
.main-container .four-box::before { display: none; }
.main-container h2.heading b.brown-bg {
margin: 0;
padding: 10px;
position: relative;
top: 15px;
display:block;
}
footer .text-left {
padding-left: 0;
text-align: center;
top: 0;
}
/*************************************************************************************************/
}
@media all and (max-width: 767px) and (min-width: 650px){
.section2-right .bah-news-box, .section2-right .bah-news-box-dark, .section2-right .bah-news-box-video {
float: left;
margin-bottom: 6px;
margin-right: 1%;
width: 30%;
}
footer .footer-box1, footer .footer-box2, footer .footer-box3, footer .footer-box4 {
float: right;
width: 24%;
}
.section2-right .four-box .bah-news-box {
float: left;
margin-bottom: 6px;
margin-right: 1%;
width: 23%;
}
.main-container h2.heading{
font-size: 14px;
}
.main-container .ch-man-box2, .columnistsbar2{
width: 48% !important;
float: right;
margin-left: 5px;
}
.main-container .ch-man-box{
min-height: 310px;
}
}
@media all and (max-width: 767px) {
.mobile-box{
display: block;
}
.bluepanel{
display: none;
}
.panelblue{
display: block;
}
.social-media-box{
display: none;
}
.logo{
display: none;
}
.imagecontainervideo{
height:109px;
}
}
@media all and (max-width: 649px){
.staff-box .staff-image {
float: left;
padding: 0 5%;
text-align: center;
width: 90%;
}
footer .footer-box1, footer .footer-box2, footer .footer-box3, footer .footer-box4 {
float: right;
width: 33%;
}
.imagecontainer, .imagecontainervideo{
height: auto;
margin-left:15px;
float: right;
width: 38%;
}
.ago-container {
color: #fff;
position: absolute;
bottom: 0px !important;
left: 0px !important;
padding: 5px;
width: 30%;
background-color: #aa120d;
height: 10px;
}
.section2-right .bah-news-box .bah-news-content, .section2-right .bah-news-box-dark .bah-news-content-dark, , .section2-right .bah-news-box-video .bah-news-content-dark {
float: right;
width:50%;
margin-right: 2%;
}
.section2-right .bah-news-box, .section2-right .bah-news-box-dark {
float: left;
margin: 0 0 6px 0;
width: 100%;
}
.section2-right .bah-news-box:nth-child(3n), .section2-right .bah-news-box-dark:nth-child(3n) {
margin: 0 0 6px 0;
}
.section2-right .bah-news-box:nth-child(3n+1), .section2-right .bah-news-box-dark:nth-child(3n+1) {
margin: 0 0 6px 0;
}
.section2-right .bah-news-box .bah-news-content h3 a, .section2-right .bah-news-box-dark .bah-news-conten-darkt h3 a, .section2-right .bah-news-box-video .bah-news-conten-darkt h3 a {
font-size: 18px;
line-height: 22px !important;
}
.bah-news-box img {
float:right;
padding-left: 1%
}
.section2-right .four-box .bah-news-box {
float: left;
margin-bottom: 6px;
margin-right: 1%;
width: 100%;
}
.section2-right .bah-news-box-top, .section2-right .bah-news-box-bg, .section2-right .bah-news-box-top-dark {
height: 100px;
}
.text-center p{
text-align: right;
padding-right: 2px;
}
.bah-news-box h2.hidesmall{
display: none;
}
.main-container .slider-area .image-container{
float:left;
position:relative;
height:400px;
}
.selected img{
width:100%;
max-height:300px;
}
}
@media all and (max-width: 500px){
/*******************************************page4 classes*****************************************/
.aak4 .members li {
margin: 0;
padding: 0;
width: 100%;
}
.nomobile{display: none}
#return-to-top {
bottom: 50px;
}
.box-left {
max-width: 100%;
}
.section2-right .bah-news-box .bah-news-content p {
display: none;
}
.main-container .ch-man-box .ch-content-area .chairman-img{
width: 170px;
}
.section2-left .columnists{
height: 111px;
}
.section2-left .columnists .columnists-img img{
max-width: 100px;
}
.section2-left .columnists .columnists-content{
width:60%%;
padding: 0 1%;
margin-left:0%;
}
/*************************************************************************************************/
}
.ago-container{
position: absolute;
background: url('images/clock.png') no-repeat right;
padding-right: 20px;
font-size: 13px;
position: relative;
color: #fff;
position: absolute;
bottom: 105px;
right:0px;
padding:5px 25px 5px 5px;
background-color: #ed1c24;
height: 16px;
font-weight: bold;
font-family: Greta;
}
.ago-container-sport{
position: absolute;
background: url('images/clock.png') no-repeat right;
padding-right: 20px;
font-size: 13px;
position: relative;
color: #fff;
position: absolute;
bottom: 52px;
right:0px;
padding:5px 25px 5px 5px;
background-color: #ed1c24;
height: 16px;
font-weight: bold;
font-family: Greta;
}
span.ago{
background: url('images/clock.png') no-repeat right;
padding-right: 20px;
font-size: 1.1em;
position: relative;
}
span.ago2{
margin-top: 20px;
font-size: 0.9em;
font-weight: bold;
color: #fff;
position: relative;
bottom: 8px;
right:0px;
padding-right: 22px;
background: url('images/clock.png') no-repeat right;
padding-bottom: 2px;
}
#dock {
display: inline-table;
width: 100%;
margin: 0 0 20px 0;
padding: 10px 0;
text-align: center;
background:#dcddde;
}
#dock li {
display: inline-table;
list-style: outside none none;
margin: 0;
padding: 0;
width: 130px;
position: relative;
}
#dock li a .overlay{
display: none;
text-align: center;
}
#dock li a .overlay img{
margin: auto;
margin-top: 100px;
}
#psfpanel{
position: relative;
}
#psfpanel img.cam{
position: absolute;
left: 10px;
top: 0px;
z-index: 9999;
}
#dock li a:hover .overlay{
cursor: pointer;
display: block;
position: absolute;
bottom:0;
right: 0;
width: 100%;
height: 30px;
padding-top: 10px;
overflow: hidden;
background-color: rgba(0, 0, 0, 0.8);
}
#dock li a{
color:white;
font-family:'GE_SS_Two';
}
#dock li img {
width: 130px;
height: 190px;
-webkit-box-reflect: below 2px
-webkit-gradient(linear, left top, left bottom, from(transparent),
color-stop(0.7, transparent), to(rgba(255,255,255,.5))); /* reflection is supported by webkit only */
-webkit-transition: all 0.3s;
-webkit-transform-origin: 50% 100%;
margin: 5px;
padding: 0px;
}
#dock li:hover img {
-webkit-transform: scale(1.5);
margin: 0 2em;
}
#dock li:hover + li img,
#dock li.prev img {
-webkit-transform: scale(1.25);
margin: 0 1.5em;
}
.box-left {
float: right;
max-width: 50%;
}
.box-right {
float: right;
padding: 5px;
}
.top-news{
background: #eee;
margin-bottom: 10px;
}
.top-news a {
color:black;
}
.halfright{
width: 49%;
float: right;
margin-left: 5px;
height: 200px;
}
.halfright h2 span.ago{
font-size: 0.9em;
color: #fff;
position: absolute;
bottom: 4px;
left:10px;
padding-right: 22px;
background: url('images/clock-circular-outline.png') no-repeat right;
padding-bottom: 2px;
}
.halfright h2{
height: 10px;
}
.top-news h2 {
background-color: #0366a3;
padding: 10px 5px;
margin: 0px 0 10px 0;
color: #ffffff;
font-weight: bold;
font-size: 18px;
}
.staff-box h3 a{
color: #000;
}
.staff-box h4 a{
color: #ed1c24;
}
ul.pagination {
display: inline-block;
padding: 0;
margin: 0;
}
ul.pagination li {display: inline;}
ul.pagination li a {
color: black;
float: right;
padding: 8px 16px;
text-decoration: none;
}
ul.pagination li a.active {
background-color: #4CAF50;
color: white;
}
ul.pagination li a:hover:not(.active) {background-color: #ddd;}
.gsc-control-cse{background: none !important; border:none !important}
#return-to-top {
position: fixed;
bottom: 75px;
right: 20px;
background: rgb(0, 0, 0);
background: rgba(0, 0, 0, 0.7);
width: 50px;
height: 50px;
display: block;
text-decoration: none;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;
display: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#return-to-top i {
color: #fff;
margin: 0;
position: relative;
right: 16px;
top: 13px;
font-size: 19px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#return-to-top:hover {
background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
color: #fff;
top: 5px;
}
.slideshow-h
{
width: 100%;
direction: ltr;
display: none;
}
.lightSlider
{
width: 100%;
}
#lightSlider{
direction: ltr;
}
#lightSlider h2{
font-size: 18px;
margin: 10px;
direction: rtl;
}
.slideshow-h ul {
margin:0;
padding: 0;
}
.slideshow-h li .item{
height: 100% !important;
margin: 0 !important;
}
.slideshow-h li {
margin-right:0 !important;
display: block;
float: right;
cursor:pointer;
direction: rtl;
}
.slideshow-h img {
display: block;
height: 535px;
width: 100%;
float: right;
}
.lSSlideOuter .item .content {
display: block;
height: 379px;
width: 250px;
padding:10px 45px 0 0;
float: right;
direction: rtl;
text-align: right;
}
.lSSlideOuter .item {
position: relative;
}
.lSSlideOuter h2 a, .lSSlideOuter p a{
color: #FFF;
}
.lSSlideWrapper{
background: #fefefe;
}
.lSSlideWrapper .active{
/* background: #015e9b; */
background: #4d596c;
}
.carousel-caption {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 10;
padding-top: 5px;
padding-bottom: 5px;
color: #fff;
text-align: center;
background: rgba(0,0,0,0.6);
height: 65px;
}
.sport-caption {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 10;
padding-top: 5px;
padding-bottom: 5px;
color: #fff;
text-align: center;
background: rgba(0,0,0,0.6);
}
.caption-small {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 10;
padding-top: 5px;
padding-bottom: 5px;
color: #fff;
text-align: center;
background: rgba(0,0,0,0.6);
height: 30px;
overflow: hidden;
}
/*
.ago-container {
position: absolute;
right: 0;
bottom: 66px;
left: 0;
z-index: 10;
padding-top: 5px;
padding-bottom: 5px;
color: #fff;
text-align: center;
background: rgba(0,0,0,0.6);
height: 17px;
overflow: hidden;
}
*/
.caption-small h3{
font-size: 10px;
font-weight: normal;
margin: 5px;
}
@media all and (max-width: 862px) {
.slideshow-h img {
height: auto !important;
width: 100% !important;
}
.brakingnewslabel{width:100% !important; text-align: center; }
.brakingnewslabel h2 {
height: 26px !important;
}
.lSSlideOuter .item .content {
height: auto !important;
width: 100% !important;
padding:5px !important;
}
.lSSlideOuter .item .content p, .lSSlideOuter .item .content h2{
padding: 10px;
}
.sport{width: 95% !important}
}
#cartoonpanel{
border: solid 1px #eee;
}
#albumpanel{
border: solid 1px #eee;
padding: 0px 2% 5px 2%;
background: url('images/albums-header.png') no-repeat top center #4d596c;
}
#albumpanel h4{
color: white;
text-align: center
}
#cartoonpanel .lSSlideWrapper, #albumpanel .lSSlideWrapper{
background: #fff;
}
#cartoonpanel .lSSlideWrapper .active, #albumpanel .lSSlideWrapper .active{
background: #fff;
}
#cartoonpanel h2, #albumpanel h2 {
background-color: #000;
text-align: center;
padding: 10px 0px;
margin: 0px;
color: #ffffff;
font-weight: bold;
font-size: 18px;
}
#albumpanel a h4{
color:firebrick;
text-align: center;
font-family:'GE_SS_Two';
}
#calendarpanel {
border: solid 1px #eee;
background: #fefefe;
}
#calendarpanel h2 {
background-color: #000;
text-align: center;
padding: 10px 0px;
margin: 0px;
color: #ffffff;
font-weight: bold;
font-size: 18px;
}
#calendarpanel .ui-datepicker{
margin: 10px auto !important;
}
ul#cartoon, ul#cartoon li{
margin: 0 !important;
padding: 0;
width: 100%
}
ul#cartoon .lslide {
width:100%;
margin-right: 0 !important;
}
ul#cartoon img {
width:100%;
}
.finalfoot{
text-align: center;
padding:10px 0;
background: white;
color: #222;
}
img.footlogo{
max-width: 88px;
}
.content-wrapper {
overflow: hidden;
height: 100%;
display: table;
background: #fff;
margin: 0;
padding: 0;
}
.columns {
position: relative;
padding-left: 0.625rem;
padding-right: 0.625rem;
float: right;
}
.small-12 {
width: 100%;
}
.semi{
width: 25%;
}
.article-holder {
backface-visibility: visible;
position: relative;
-webkit-transition: all 300ms ease 100ms;
-moz-transition: all 300ms ease 100ms;
-ms-transition: all 300ms ease 100ms;
-o-transition: all 300ms ease 100ms;
transition: all 300ms ease 100ms;
width: 100%;
overflow: hidden;
display: block;
}
.bah-news-box img {
-webkit-transition: all 300ms ease 100ms;
-moz-transition: all 300ms ease 100ms;
-ms-transition: all 300ms ease 100ms;
-o-transition: all 300ms ease 100ms;
transition: all 300ms ease 100ms;
max-width: 100%;
}
.bah-news-box img {
-webkit-transition: all 300ms ease 100ms;
-moz-transition: all 300ms ease 100ms;
-ms-transition: all 300ms ease 100ms;
-o-transition: all 300ms ease 100ms;
transition: all 300ms ease 100ms;
max-width: 100%;
}
.content-wrapper .social-copy, .longer-wrapper .social-copy {
padding: 0.125rem 0.625rem 0.125rem 0;
}
.content-wrapper .date-time, .longer-wrapper .date-time, .article-container .date-time {
float: right;
display: table;
padding-right: 0;
}
.date-time {
position: relative;
padding-right: 1.5625rem;
padding-bottom: 0.125rem;
padding-top: 0.125rem;
}
.article-title-holder h5{
font-size: 1.25vw;
}
/*
ul.tabs{
margin: 0px;
padding: 0px;
list-style: none;
color: white;
font-weight: normal;
font-size: 24px;
float: none;
text-align: right;
background: url('images/s-hd.png') no-repeat left #4f4f51;
}
*/
.sportshead{
margin: 5px 0 0 0;
padding: 15px 0px;
list-style: none;
color: white;
font-weight: normal;
font-size: 28px;
float: none;
text-align: right;
background: #4f4f51;
border-right: 30px solid #0366a3;
}
.sportshead span{
margin-right: 25px;
}
.sportsarea{
background: #000;
margin-bottom: 15px;
}
ul.tabs li{
background: none;
color: white;
display: inline-block;
padding: 15px;
cursor: pointer;
height: 100%;
margin-left: -5px;
}
ul.tabs li.current{
color: #fff;
background: #bc212a;
}
.tabcontainer{
}
.tab-content{
display: none;
/* background: #ededed; */
margin-bottom: 10px;
}
.tab-content .lSSlideWrapper{
height: 147px;
}
.tab-content.current{
display: inherit;
}
.smallbox{
position: relative;
width: 197.5px;
height:135px;
}
.caption{
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 10;
padding:0;
color: #fff;
text-align: center;
background: rgba(0,0,0,0.6);
height: 36px;
overflow: hidden;
}
.caption h3{
font-size: 13px;
margin: 2px;
}
.section2-right .four-box .bah-news-box {
color: #ffffff;
float: right;
margin-left: 1px;
margin-right: 1px;
margin-bottom: 3px;
}
ul.tabs li.tabcolor-0{
background: #bc212a;
/* background: #ed1165 */
}
ul.tabs li.tabcolor-1{
background: #767d89;
/* background: #f36f21 */
}
ul.tabs li.tabcolor-2{
background: #faa61a
}
ul.tabs li.tabcolor-3{
background: #6cbd45
}
ul.tabs li.tabcolor-4{
background: #00b9cb
}
ul.tabs li.tabcolor-5{
background: #3353a5;
}
ul.tabs li.tabcolor-6{
background: #444a55;
}
.midad{
margin: 20px 0;
}
.contentcolor-0 .caption{
/* background: rgba(237,17,101,0.6); */
background: rgba(188,33,42,0.95);
}
.contentcolor-1 .caption{
/* background: rgba(243,111,33,0.6); */
/* background: rgba(68,74,85,0.8); */
background: rgba(188,33,42,0.95);
}
.contentcolor-2 .caption{
background: rgba(250,166,26,0.6);
}
.contentcolor-3 .caption{
background: rgba(108,189,69,0.6);
}
.contentcolor-4 .caption{
background: rgba(0,185,203,0.6);
}
.contentcolor-5 .caption{
background: rgba(0,51,83,165.6);
}
.contentcolor-6 .caption{
background: rgba(0,68,74,85.6);
}
img.round{
border-radius: 50%;
border: solid 5px #007cc3;
}
.blackless{
background: #007cc4;
border-right: solid 20px #4f4f51;
padding: 5px;
color: white;
}
.sport{
margin: 1%;
width:98%;
float: right;
}
/*
.sport:nth-child(2n+1){
margin-right: 0;
}
.sport:nth-child(2n){
margin-left: 0
}
*/
.section2-right .four-box .mainsport .bah-news-box {
width: 400px;
min-height: 420px;
}
.section2-right .four-box .smallsport .bah-news-box {
width: 197px;
height: 175px;
}
.newcaption{float: right}
.newcaption h3, .newcaption h3 a{color: #efefef; font-size: 24px}
.newcaption p{color: #efefef; font-size: 18px}
.newcaption a{color: #fff; font-size: 18px; font-weight:bold}
.varietypanel{background: white;
margin:20px 0;
}
.slide-content{display: none}
.clicky{cursor:pointer};
.clicky img{cursor:pointer};
.marquee {
width: 100%;
overflow: hidden;
border: 1px solid #ccc;
background: #ccc;
height: 100px;
float: right;
font-size: 18px;
}
/**
* Carousel with image and text (horizontal)
**/
#carousel-image-text-horizontal {
width: 100%;
height: 70px;
margin: 0 auto;
}
#carousel-image-text-horizontal .touchcarousel-item {
width: 216px;
height: 60px;
margin-right: 12px;
background-color: #F0F3F3;
padding: 5px;
position: relative;
}
#carousel-image-text-horizontal img,
#carousel-image-text-horizontal h4,
#carousel-image-text-horizontal p {
float:right;
position: relative;
margin: 0;
padding: 0;
border: 0;
}
#carousel-image-text-horizontal img {
width: 60px;
height: 60px;
}
#carousel-image-text-horizontal .rblock {
width: 138px;
float: right;
margin-left: 7px;
}
#carousel-image-text-horizontal h4 {
font: bold 13px/20px Helvetica, Arial, sans-serif;
color: #000;
width: 140px;
}
#carousel-image-text-horizontal p {
font: normal 13px/20px Helvetica, Arial, sans-serif;
color: #555;
}
.brakingnews{margin:15px 0; width:100%; float:right; background:#fefefe; border:1px solid #7b7b7b; }
.brakingnewslabel{display:block; float:right; width:88px; text-align: center; }
.brakingnewslabel h2{margin:0px; font-weight: bold;padding:20px 0; display:block;background:firebrick; color:#fff; height: 56px}
.brakingnewslabel h2 a{}
/* .brakingnewslabel h2 a:before{ content:""; width:34px; height:27px; display:block; clear:both; margin: 5px auto; background: url(../img/brakingnews_arrow.png) no-repeat center center;} */
.brakingnews .brakingnewswrap{max-width:89%; float:left; display:block; padding:5px 15px; }
ul#brakingnews {list-style-type: none; padding:5px 30px 0 30px;}
#brakingnews li img {float: right;margin: 0 0 0 10px; max-height: 65px; display:block; max-width:90px;min-width:90px;}
#brakingnews li {padding: 0px;overflow: auto; margin-left: 20px; height: 80px; overflow: hidden}
#brakingnews li a{border:0px solid #ebebeb; display:block; color:#333; width: 272px}
#brakingnews li h3{margin:3px 10px 0px 10px; font-size: 14px; font-weight: normal}
#brakingnews li .time{margin-top:0px; font-size:12px; color:#757575; padding:0 10px; display: none;}
#brakingnews li .fa_time:before{margin-left: 5px;float: right;}
.brakingnews{position:relative; clear:both;}
.prev_out, .next_out{position:absolute; top:50%; margin-top: -15px; height: 30px;width: 15px; font-size: 30px; text-align: center; line-height: 0;}
.prev_out{right:-25px;}
.next_out{left:-25px;}
.cust_prev_out.activearrow, .cust_next_out.activearrow{opacity:0.2; cursor: default;}
/* All Slider and Slide Show Gallery Custom Code*/
.slick-slider{position:relative; clear:both; margin:0px; padding:0px; display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:before,.slick-track:after{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
.slick-prev,.slick-next{position:absolute;top:50%;display:block; border: none;padding:0;line-height: 0; font-size: 30px; cursor:pointer; border:none;outline:none; z-index:7 !important; }
.slick-prev{left:-25px}
[dir='rtl'] .slick-prev{right:-10px;left:auto}
.slick-next{right:-25px}
[dir='rtl'] .slick-next{right:auto;left:-10px}
[dir='rtl'] #brakingnews .slick-next{left:0px;}
.slick-dotted.slick-slider{margin-bottom:30px}
#banner .slick-dotted.slick-slider{margin-bottom: 0px}
.slick-dots{position:absolute;top:5px;display:block;right:15px;padding:0;margin:0;list-style:none;text-align:right}
.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 2px;padding:0;cursor:pointer}
.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:0px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent}
.slick-dots li button:hover,.slick-dots li button:focus{outline:none}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}
.slick-dots li button:before{font-size:35px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.8;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-dots li.slick-active button:before{opacity:1;color:#9d0a0e}
ul.tabs{
margin: 0px;
padding: 0px;
list-style: none;
background: #fefefe ;
border-bottom: 4px solid #007cc4;
float: right;
width: 100%
}
ul.tabs li{
background: none;
color: #222;
display: inline-block;
padding: 10px 15px;
cursor: pointer;
}
ul.tabs li.current{
color: white;
border-bottom: 4px solid #007cc4;
margin-bottom: -4px;
background: #007cc4;
}
.tab-content{
display: none;
background: #fefefe;
padding: 50px 15px 0;
}
.tab-content.current{
display: inherit;
}
.agomain {
position: absolute;
background: url(images/clock.png) no-repeat right;
padding-right: 24px;
font-size: 16px;
position: relative;
color: #fff;
position: absolute;
bottom: 75px;
right: 0px;
padding: 1px 25px 5px 5px;
background-color: #ed1c24;
height: 16px;
font-weight: bold;
font-family: Greta;
}
.sport-caption h2 {
font-size: 18px;
margin: 10px;
direction: rtl;
font-weight: normal;
}
.sport-caption h2 a{
color:#FFF;
}
.tabs h5{
width: 200px;
margin: 10px
}
.mostread{
background: #fffcf2
}
.tabs b{
margin-right: 5px;
}
.tabs p{
margin-right: 5px;
margin-left: 5px;
display: inline;
font-family: 'GE_SS_Two';
}
.tab-content li{
border-bottom:1px dotted #333;
list-style-type: none;
height: 55px;
padding: 5px 0;
}
.tab-content li img{
width: 60px;
margin-left: 10px
}
.tab-content li b{
margin-right: 0;
width: 360px;
}
.tab-content li a {
color :#222;
}
.tab-content li h4 {
margin: 0;
}
.tab-content li:last-child{
border-bottom:none;
}
#firstfooter{
background: #4f4f51;
height: 45px;
overflow: hidden
}
#firstfooter ul, .rightfoot ul, , .leftfoot ul{
display: table;
width: 100%;
list-style: none;
}
#firstfooter li, .rightfoot li, .leftfoot li {
float: right;
list-style: none;
padding: 0px;
margin: 0px;
display: table-cell;
text-align: center;
}
#firstfooter li a, .rightfoot li a, .leftfoot li a {
color: #ffffff;
display: block;
font-size: 16px;
margin: 0 2px;
padding: 18px 24px;
text-decoration: none;
font-weight: bold;
}
#firstfooter li a.topcat
{
margin: 18px 26px 18px 0;
padding:0 0 0 26px;
border-left: solid 1px #fefefe;
}
.leftfoot li b{
color: #ffffff;
display: block;
font-size: 16px;
margin: 0 2px;
padding: 18px 24px;
text-decoration: none;
font-weight: bold;
}
.leftfoot li .group{
display: block;
font-size: 16px;
margin: 18px 26px;
text-decoration: none;
font-weight: bold;
}
footer .rightfoot{
float: right;
}
footer .leftfoot{
float: left;
}
.section2-left > div{
margin-bottom: 10px !important;
}
.sportshead a{
color: #fff;
}
.footer-social-media {
float: left;
margin: 0;
padding: 0;
width: 200px;
}
.footer-social-media li {
padding: 0 5px 0 0;
margin: 0px;
list-style: none;
float: left;
}
@media all and (max-width: 1199px) {
#brakingnews li a {width: 232px;}
/*
#dock-container{display: none}
h2.fordock{display: none}
*/
}
.bottom-news-section{
width: 100%
}
.bottom-news-section a{
color: #222;
}
.bottom-news-section h3{
color:#fefefe;
background: #222;
padding: 10px;
}
.bottom-news-section h4 a{
color: #fefefe;
text-align: center;
width: 100%
}
.bottom-news-section h4 {
background: firebrick;
padding: 20px;
margin: 0;
}
.bottom-box{
width: 30%;
margin: 1%;
float: right;
height: 95px;
}
.tags{
margin-bottom: 10px;
padding: 10px 5px 20px 5px;
background: #efefef;
}
.tags h3{
margin: 0 0 10px 0;
}
.cloud {
display: inline;
list-style-type: none;
width: 400px;
}
.cloud li {
list-style: none;
display: inline;
margin: 2px;
}
a.cloudtag{
background: #0366a3;
color: white;
padding: 5px;
height: 32px;
}
a.cloudtag:hover{
background: gray;
}
/*
.cloud li:nth-of-type(3n + 1) {
font-size: 1.25em;
}
.cloud li:nth-of-type(4n+3) {
font-size: 1.5em;
}
.cloud li:nth-of-type(5n - 3) {
font-size: 1em;
}
*/
.similar-tags{
display: none;
min-height:150px;
}
.similar-tags h2 {
background: #4f4f51 none repeat scroll 0 0;
color: #ffffff;
font-size: 18px;
padding: 10px;
text-align: center;
margin: 0;
}
#mainslider .text h2{font-size:20px;}
/* Main Slider*/
#mainslider{margin-bottom:20px;}
#mainslider li{ position: relative;}
.topmanagement .text, #articlegallery .text, #mainslider .text{padding: 0px;position:absolute; display:block; bottom:0px; right:0px; width:100%; background:url(../img/gradbg.png) repeat-x right bottom;color:#fff;}
#articlegallery .text a, #mainslider .text a{color:#fff;}
.topmanagement .text h2, #articlegallery .text h1, #articlegallery .text p, #mainslider .text h1, #mainslider .text p{padding:10px 10px 0px 10px; margin:0px;}
#articlegallery .text p, #mainslider .text p{ display: none;}
#mainslider .media img{width: 100%;}
#mainslider .media {max-height: 465px; max-width:750px;}
[dir='rtl'] #mainslider .slick-prev {right:10px; z-index: 12; color:#fff; font-size:45px;}
[dir='rtl'] #mainslider .slick-next {left:10px;z-index: 12; color:#fff; font-size:45px;}
#mainslider .slick-slide img{width:100%;}
#mainslider .slick-dots{right: 5px; background: rgba(0,0,0, 0.7);line-height: 0;border-radius: 200px; padding: 0 10px 5px 10px;}
#articlegallery .arrowright:before, #mainslider .arrowright:before{background: rgba(0,0,0, 0.7);padding: 0 2px 4px 7px; border-radius: 10px 0px 0 10px;}
#articlegallery .arrowleft:before, #mainslider .arrowleft:before{background: rgba(0,0,0, 0.7);padding: 0 7px 4px 2px; border-radius: 0px 10px 10px 0px;}
[dir='rtl'] #articlegallery .slick-prev, [dir='rtl'] #mainslider .slick-prev{ right:0px;}
[dir='rtl'] #articlegallery .slick-next, [dir='rtl'] #mainslider .slick-next{ left:0px;}
@media (max-width: 992px) {
#mainslider .slick-dots{right: inherit; top:inherit; bottom: 0px;border-radius: 0px; padding:3px 0 0 0; position:relative; width:100%; text-align:center; background: none;}
#mainslider .slick-dots li button:before{color:#8c8c8c;}
#mainslider .slick-dots li.slick-active button:before{color:#9d0a0e;}
#mainslider {max-width:722px;}
}
@media (max-width: 767px) {
/*#mainslider .text{position:relative;}
#mainslider .text h1{ padding:10px;}*/
[dir='rtl'] #mainslider .slick-prev, [dir='rtl'] #mainslider .slick-next{ top:45%;}
#articlegallery .text h1, #mainslider .text h1 {font-size: 18px;}
#mainslider{margin-bottom:10px;}
}
@media (max-width: 510px) {
[dir='rtl'] #mainslider .slick-prev,
[dir='rtl'] #mainslider .slick-next,
[dir='rtl'] #articlegallery .slick-prev,
[dir='rtl'] #articlegallery .slick-next{font-size: 34px;}
[dir='rtl'] #mainslider .slick-dots{bottom: -4px;}
ul#brakingnews {list-style-type: none; padding:15px 30px 15px 30px;}
#brakingnews li{height: 97px;}
#brakingnews li img {float: right;margin: 0 0 0 10px; height: 87px !important; display:block; width:100px !important; max-width: 100px; min-width: 120px;max-height: 87px;}
#brakingnews li a {width: 232px;}
#similar .bah-news-box{height: 100px; margin: 0 auto; width: 100% !important; overflow: hidden}
#similar .bah-news-box-top{height: 100px; margin: 0 auto; overflow: hidden}
#similar .bah-news-box-top .ago-container{width:82px}
}
@media (max-width: 560px) {
.ago-container-sport {
bottom:73px;
}
#psfpanel{
display: none;
}
#calendarpanel .ui-datepicker {
margin: 1% auto !important;
width: 97%;
}
.archivepdf{
width: 100% !important;
}
#btn{
width: 36px !important;
height: 36px !important;
}
.cloud li {
display: list-item;
margin: 15px;
}
.lSAction > .lSPrev, .lSAction > .lSNext{display: none !important}
}
.archivepdf{
width: 195px;
padding-left: 60px;
height: 88px;
color: white;
background: url(images/pdf-flat.png) no-repeat 10px center #4f4f51;
background-size: 25%;
border: solid 1px #eee;
margin-bottom: 20px;
font-family: 'GE_SS_Two';
font-size: 16px;
cursor:pointer;
}
h4.creadmore{
background: #4f4f51;
padding: 5px;
color: white;
font-family: 'GE_SS_Two';
}
h4.creadmore a{
color: white;
}
ul.creadmorel{
padding-right: 20px;
margin-bottom: 20px;
}
ul.creadmorel li{
margin-bottom: 10px;
font-family: 'GE_SS_Two';
}
ul.creadmorel a{
color:#0366a3;
}
ul.creadmorel a:hover{
color:red;
}
#btn{
width:48px;
height: 48px;
background: url(images/fullscreen.png) no-repeat #fff;
background-size: contain;
cursor:pointer;
position: absolute;
top:3%;
left:2%;
z-index: 1499;
}
/* NEW Comments */
/* Basic Grey */
.basic-grey {
margin:4%;
padding: 2%;
max-width: 100%;
background: #F7F7F7;
font: 12px Georgia, "Times New Roman", Times, serif;
color: #888;
text-shadow: 1px 1px 1px #FFF;
border:1px solid #E4E4E4;
}
.basic-grey h1 {
font-size: 25px;
padding: 0px 0px 10px 40px;
display: block;
border-bottom:1px solid #E4E4E4;
margin: -10px -15px 30px -10px;;
color: #888;
}
.basic-grey h1>span {
display: block;
font-size: 11px;
}
.basic-grey label {
display: block;
margin: 0px;
}
.basic-grey label div{
display: block;
margin: 0px;
margin-bottom: 16px;
margin-right: 2px;
margin-top: 2px;
width: 80%;
float: right;
}
.basic-grey label>span {
float: right;
width: 10%;
text-align: right;
padding-right: 10px;
margin-top: 10px;
color: #888;
}
.basic-grey input[type="text"], .basic-grey input[type="email"], .basic-grey textarea, .basic-grey select {
border: 1px solid #DADADA;
color: #888;
height: 30px;
margin-bottom: 16px;
margin-right: 6px;
margin-top: 2px;
outline: 0 none;
padding: 3px 3px 3px 5px;
width: 80%;
font-size: 12px;
line-height:15px;
box-shadow: inset 0px 1px 4px #ECECEC;
-moz-box-shadow: inset 0px 1px 4px #ECECEC;
-webkit-box-shadow: inset 0px 1px 4px #ECECEC;
}
.basic-grey textarea{
padding: 5px 3px 3px 5px;
}
.basic-grey select {
background: #FFF url('down-arrow.png') no-repeat right;
background: #FFF url('down-arrow.png') no-repeat right);
appearance:none;
-webkit-appearance:none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
width: 70%;
height: 35px;
line-height: 25px;
}
.basic-grey textarea{
height:70px;
}
.basic-grey .button {
background: #E27575;
border: none;
padding: 10px 25px 10px 25px;
color: #FFF;
box-shadow: 1px 1px 5px #B6B6B6;
border-radius: 3px;
text-shadow: 1px 1px 1px #9E3F3F;
cursor: pointer;
}
.basic-grey .button:hover {
background: #CF7A7A;
}
@media screen and (max-width: 480px) {
.basic-grey input[type="text"], .basic-grey input[type="email"], .basic-grey textarea, .basic-grey select {
width: 90% !important;
}
.basic-grey label>span {
display: none;
}
#sliderNav{display: none}
.section2-right-gallery h1 {width:90%}
}
ul.comments {
/* border-top: 1px solid #dcdcdc; */
list-style: none;
margin-top: 1rem;
padding: 0;
background: #F7F7F7;
}
.comments > li.comment:first-child {
border-top: none;
}
.fullcomments{
background:#F7F7F7;
}
#comments_already li.comment {
border-top: 1px solid #dcdcdc;
padding: 4% 0;
margin: 0 4% ;
text-align: right;
}
#comments_already .comment li.comment {
border-top: none;
border-bottom: 1px solid #dcdcdc;
border-right: 1px solid #dcdcdc;
padding:4% 4% 4% 0 ;
margin-left: 0;
display: block;
clear: both;
position: relative;
}
#comments_already .comment li.comment:last-child {
border-bottom: none;
}
span.comment-user {
color: #005689;
font-weight: bolder;
}
span.comment-time {
color: #767676;
}
span.comment-time:after {
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #767676;
content: "\f017\0020";
padding: 5px;
}
.like, .reply{
cursor:pointer;
}
a.like:after {
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: firebrick;
content: "\f08a\0020";
padding: 5px;
}
a.reply:after {
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: darkblue;
content: "\f064\0020";
padding: 5px;
}
a.like:after:hover {
content: "\f004\0020";
}
a.liked:after {
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: firebrick;
content: "\f004\0020";
padding: 5px;
}
#imageGalleryNew button.slick-prev {
right: 5px !important;
left: auto !important;
}
#imageGalleryNew button.slick-next {
right: auto !important;
left: 5px !important;
}
#sliderNav{
width:95%;
margin: auto;
margin-top: 20px;
}
#sliderNav div.slick-slide{
margin-left: 10px;
border: solid 2px #ccc;
}
#sliderNav button{
width: 4%;
background-color: #363e4b;
border: solid 1px #363e4b;
height: 102%;
background-position: center center;
}
#sliderNav button.slick-next {
background: url(images/previous2.png) no-repeat #363e4b center center;
}
#sliderNav button.slick-prev {
background: url(images/next2.png) no-repeat #363e4b center center;
}
#btn{
}
.section2-right-gallery h1{
color: #fff;
}
#albumpanel2{
border: solid 1px #eee;
width:300px;
background: url(images/galleryss.png) no-repeat top center;
position: relative;
height: 317px;
}
#albumpanel2 h4{
text-align: center;
}
.coveralbum2{
width: 230px;
position: absolute;
right:33px;
top:77px;
height: 160px;
}
/*comments */
.readers_comments .content, .area66 .discussions p {
background-color: #eeeeee;
}
.readers_comments .arena {
position: relative;
padding: 10px 10px 0 10px;
}
.readers_comments .head{
float: right;
}
.readers_comments .content{
float: right;
}
.fld input[type="text"], .fld input[type="email"]{
border-color: #d2d2d2;
width: 213px;
color: #8a8a8a;
text-align: right;
outline: none;
resize: none;
height: 25px;
padding: 0 5px;
vertical-align: top;
}
.fld textarea{
border-color: #d2d2d2;
width: 600px;
max-width: 100%;
color: #8a8a8a;
text-align: right;
outline: none;
resize: none;
padding: 0 5px;
vertical-align: top;
}
.box {
margin: 10px 0;
overflow: hidden;
}
.box .head h2 {
float: right;
font-size: 24px;
line-height: 100%;
padding-top: 10px;
}
.readers_comments {
clear: both;
overflow: hidden;
}
.readers_comments .head span {
display: none;
}
.readers_comments .tabslbl {
margin: 0px 0 3px 5px;
padding: 3px 5px;
border-radius: 3px;
font-size: 17px;
float: right;
}
.readers_comments .cmnt_counter {
margin: 3px 5px 3px 0px;
padding: 5px;
border-radius: 3px;
float: left;
width: 70px;
text-align: center;
}
.area_66 .readers_comments .arena .tabs {
padding: 3px 0px 0px;
margin: 0px;
}
.readers_comments .arena .tabs li a {
padding: 7px 20px 6px 10px;
margin-right: 5px;
font-size: 15x;
}
.readers_comments .wrapper {
padding: 0px 0px 10px;
clear: both;
overflow: hidden;
}
.readers_comments .comment {
padding: 20px 10px 10px;
clear: both;
}
.comment .user_thumb,
.comment .user_thumb img {
width: 48px;
height: 51px;
float: right;
clear: none;
}
.comment .cmnt_hdr .cmnt_ttl {
padding-right: 10px;
line-height: 150%;
font-size: 16px;
}
.comment .cmnt_hdr,
.comment .cmnt_sender,
.comment .date,
.comment .cmnt_txt {
width: 540px;
float: left;
clear: none;
line-height: 140%;
}
.comment .date {
padding-bottom: 5px;
}
.comment .cmnt_sender .sender_name {
padding-left: 5px;
line-height: 170%;
font-size: 15px;
}
.comment .cmnt_tools {
clear: both;
overflow: hidden;
padding-top: 10px;
}
.comment .cmnt_tools li {
width: 56px;
float: left;
height: 22px;
line-height: 200%;
}
.comment .cmnt_tools li a {
text-align: left;
padding-left: 5px;
}
.comment .cmnt_tools .reply {
width: 27px;
}
.readers_comments .tabs {
overflow: hidden;
}
.reply01 .user_thumb {
margin-right: 65px;
}
.reply01 .user_thumb,
.reply01 .user_thumb img,
.reply02 .user_thumb,
.reply02 .user_thumb img {
width: 38px;
height: 41px;
float: right;
clear: none;
}
.reply01 .cmnt_hdr,
.reply01 .cmnt_sender,
.reply01 .date,
.reply01 .cmnt_txt {
width: 490px;
}
.reply02 .user_thumb {
margin-right: 115px;
}
.reply02 .cmnt_hdr,
.reply02 .cmnt_sender,
.reply02 .date,
.reply02 .cmnt_txt {
width: 440px;
}
.cmnt_sender .caption {
line-height: 195%;
}
.comment .head h2 {
font-size: 27px;
}
.main_content .area66 .readers_comments .arena {
position: relative;
padding: 10px 10px 0 10px;
}
.readers_comments .reg_box {
position: absolute;
top: 25px;
left: 0px;
width: 219px;
padding: 0px 10px 3px 5px;
text-align: right;
}
.readers_comments .reg_box p {
font-size: 13px;
text-align: right;
}
.readers_comments .reg_box .btn {
float: right;
margin-left: 10px;
padding-bottom: 2px;
}
.readers_comments .reg_box .reg {
margin-left: 0;
}
.readers_comments .cmnt_form textarea {
width: 623px;
height: 105px;
}
.comment .readers_comments .cmnt_form textarea {
width: 583px;
}
.readers_comments .cmnt_form .row .lbl,
.readers_comments .cmnt_form .row .fld {
clear: both;
overflow: hidden;
float: right;
text-align: right;
width: 100%;
padding-bottom: 3px;
}
.readers_comments .cmnt_form .row .fld .btn {
float: left;
padding-bottom: 3px;
}
.aa_form .fld .caption2 {
clear: both;
display: block;
padding-top: 2px;
}
.add_comment .row .caption2 span {
display: inline;
float: none;
}
.btn {
font-size: 17px;
padding: 5px 15px;
border: medium none;
cursor: pointer;
text-align: center;
font-family: 'GE_SS_Two' !important;
background: firebrick;
color: white;
}
.videoslide{
width: 96%;
margin: 2%;
}
.videoslide .slick-next{
left:-15px !important;
right:auto;
}
.videoslide .slick-prev{
right:-17px !important;
left:auto;
}
.videoslide .ago-container{
bottom: 0px;
left: 0px;
width: 32%;
}
.videoslide .slick-list{
padding: 0 !important;
}