@import url('css/reset.min.css');
@import url('css/fonts.css');
@import url('css/sass.css');

body {
/*overflow-x: hidden;*/
}

/* Caused the page to hang
* {
	-webkit-font-feature-settings: "liga" 0, "kern" 0 !important;
	-moz-font-feature-settings: "liga=0", "kern=0" !important;
	-moz-font-feature-settings: "liga" off, "kern" off !important;
	-ms-font-feature-settings: "liga" 0, "kern" 0 !important;
	-o-font-feature-settings: "liga", "kern" !important;
	font-feature-settings: "liga", "kern" !important;
}
*/

* :first-letter{
	text-transform: capitalize;
}

.ml80 {
	margin-left: 80px
}

.font-red {
	color: #b00c0d
}

.black {
	color: black !important
}

.white {
	color: white !important
}

.right {
	float: right
}

.left {
	float: left
}

.clear {
	clear: both;
	padding: 0;
	margin: 0;
}

.block {
	display: block !important;
}

.bold {
	font-weight: bold
}

.fullWidth {
	width: 100%
}

.quarterWidth {
	width: 25% !important
}

.halfWidth {
	width: 50% !important
}

.otherSize {
	height: 45% !important;
	width: 95% !important;
}

.width20 {
	width: 20% !important;
}

.textLeft {
	text-align: left !important
}

.textJustify {
	text-align: justify !important;
}

.width48 {
	width: 48% !important
}

/******************************** HEADER ************************************/
.top-head {
	text-align: center;
	padding-bottom: 10px;
	background-color: #b00c0d;
}

.top-head-section-left {
	float: left;
	width: 24.5%;
	padding: 44px 0 0 20px;
}

.top-head-date {
	background-color: #fff;
	float: left;
	width: 77px;
	color: #4a4a4a;
	border: 1px solid #dfdede;
}

.top-head-date .first {
	border-bottom: 1px solid #dfdede;
	padding: 8px 0
}

.top-head-date .first span {
	display: inline-block;
	*display:inline;
	vertical-align:top;
}

.top-head-date .second {
	font-size: 11px;
	padding: 5px 0;
}

.top-head-section-center {
	display: inline-block;
	*display:inline;
	vertical-align:top;
	margin-top: 10px;
}

.top-head-section-right {
	float: right;
	width: 43%;
	padding: 44px 20px 0 0;
}

.search-container {
	position: relative;
	height: 35px;
	width: 230px;
	float: right;
	background-color: #fff;
}

.search-box {
	border: 0 none;
    border-radius: 0;
    display: block;
    float: none;
    height: 33px;
    outline-color:#cf171f;
    padding-left: 10px;
    position: relative;
    width: 215px;
    position: absolute;
    top: 0;
}

.search-icon {
	background-image: url("images/search-icon.png");
	background-repeat:  no-repeat;
	background-position:  center;
	background-color:  #cbcbcb;
	width: 33px;
	height: 35px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 3;
}

.btn-white-lg {
	background-color: #FFF;
	margin-left: 5px;
	width: 140px;
	line-height: 35px;
	text-align: center;
	cursor: pointer;
	float: right;
}

.btn-white-lg:hover {
	color: #fff;
	background-color: #cbcbcb;
}

.btn-white-lg span {
	font-weight: bold;
}

.top-right-menu {
	clear: both;
}

.top-right-menu ul {
	width: 65%;
	display: table;
	float: right;
	margin-top: 47px;
}

.top-right-menu li {
	display: table-cell;
	text-align: right;
	position: relative;
	height: 15px;
}

.top-right-menu a:hover {
	text-decoration: underline
}

.main-menu {
	background-color: #cf171f;
	width: 100%;
	height: 36px;
	margin-bottom: 10px;
}

.main-menu ul {
	display: table;
	width: 100%;
	float: left;
}

.main-menu li {
	display: table-cell;
	text-align: center;
	max-height: 35px;
	/*width: 7.916666666666667%;*/
}

.main-menu a {
	line-height: 36px;
	height: 100%;
	width: 100%;
	/*text-transform: uppercase;*/
}
.main-menu a.MainLink {
	/*padding: 0 13px;*/
}
/***main menu*****/

#OMAN_MENU{
	padding: 0;
}
.mainMenuWrap {
	padding: 16px 0px 10px;
	position: relative;
	width: 352px;
	padding-bottom: 15px;
}
.mainMenuWrap .rowMenu{
  background-color: transparent;
    height: 34px;
    padding-bottom: 8px;
    padding-top: 8px;
    position: relative;
    width: 100%;
}
.mainMenuWrap .rowMenu.odd{
	background-color:#e1e1e1;
}
.mainMenuWrap .imagePlace{
  height: 30px;
    margin-left: 3px;
    overflow: hidden;
    position: relative;
    width: 32px;
}
.main-menu .mainMenuWrap .imagePlace a{
   background-color: transparent !important;
    display: block;
    height: 100%;
    position: relative;
    width: 100%;
}
.mainMenuWrap .textMenu{
  height: 38px;
    width: 290px;
}
.mainMenuWrap .textMenu a{
  background-color: transparent !important;
   color: #000 !important;
    display: block;
    height: 41px;
    line-height: 16px;
    margin-left: 11px;
    overflow: hidden;
    position: relative;
    text-align: left;
    vertical-align: top;
    width: 100%;
    margin-top: 2px;
     width: 97%;
}
.mainMenuWrap .extraTextMenu{

}

.sub-sections-menu {
	clear: both;
	height: 36px;
	overflow: hidden;
}

.sub-sections-menu ul {
	width: auto;
	display: table;
}

.sub-sections-menu li {
	display: table-cell;
	position: relative;
	padding: 0 3px;
	color: #878787;
}

.sub-sections-menu li a {
	white-space: nowrap;
}

.sub-sections-menu a:hover {
	text-decoration: underline
}

.adjustSpacing{
  letter-spacing: -0.3em;
    word-spacing: -0.3em;
}
.inlineBlock{
	display: inline-block !important;
	*display: inline;
	vertical-align: top;
	letter-spacing: normal;
	word-spacing: normal;
	position: relative;
}

/*******main menu*********/

.main-menu li:hover .sub-menu, .main-menu li.hovered .sub-menu {
	opacity: 1;
	z-index: 99;
	filter: alpha(opacity = 100);
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.main-menu li:hover a, .main-menu li.hovered a {
	background-color: #eaeaea;
	color: #cf171f;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.sub-menu {
	position: absolute;
	background-color: #eaeaea;
	padding: 16px 8px 0 8px;
	z-index: -1;
	max-width: 700px;
	-webkit-box-shadow: 7px 6px 12px -6px black;
	-moz-box-shadow: 7px 6px 12px -6px black;
	box-shadow: 7px 6px 12px -6px black;
	opacity: 0;
	filter: alpha(opacity = 0);
}


#OMAN_MENU table{
	list-style-type: none;
	width:476px;
}



.sub-menu .main-article {
	width: 286px;
	float: left;
	padding-right: 10px;
	border-right: 1px solid #bdbdbd;
	min-height: 232px;
}

.sub-menu .main-article .image {
	width: 286px;
	height: 183px;
	overflow: hidden;
	position: relative;
}

.sub-menu .main-article .image .play {
	background: url("images/play.png") 50% 50% no-repeat;
	position: absolute;
	height: 100%;
	width: 100%;
}

.sub-menu .main-article .image img,.sub-menu .other-article img {

}

.sub-menu .main-article label {
	line-height: 17px;
	color: #000;
	text-align: left;
	display: block;
	padding-top: 3px;
	cursor: pointer;
}

.sub-menu .other-article {
	float: left;
	position: relative;
	overflow: hidden;
	width: 178px;
	height: 111px;
	margin: 0 0 10px 10px;
}

.sub-menu .other-article label {
    cursor: pointer;
    height: 28px;
    line-height: 16px;
    margin-bottom: 2px;
    overflow: hidden;
    padding-bottom: 6px;
}
.sub-menu .other-article div {
	padding: 5px;
	text-align: left;
	position: absolute;
	bottom: 0;
	background-color: rgba(0, 0, 0, .59);
	height: 32px;
	width: calc(100% -   6px);
	-moz-width: calc(100% -   6px);
	-webkit-width: calc(100% -   6px);
	-o-width: calc(100% -   6px);
}

.drawer {
	padding-right: 9px;
	width: 42px;
	float: right;
	position: relative;
}

.drawer>span {
	width: 42px;
	height: 36px;
	display: block;
	background: #ce2021 url("images/drawer.png") no-repeat 11px;
	cursor: pointer;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.drawer .sub-div {
	position: absolute;
	background-color: #ce2021;
	padding: 5px;
	width: 200px;
	transform: translate(-80%);
	opacity: 0;
	filter: alpha(opacity = 0);
	z-index: -1;
}

.drawer .sub-div span {
	display: block;
	border-bottom: 1px dashed #fff;
}

.drawer .sub-div span.last {
	border: 0
}

.sub-div span a:hover {
	text-decoration: underline;
}

.drawer:hover .sub-div {
	opacity: 1;
	z-index: 99;
	filter: alpha(opacity = 100);
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.drawer:hover>span {
	background-position: 11px 35px;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

/********************************* END HEADER ***********************************/
.btn-grey {
	background-color: #818181
}

.btn-green {
	background-color: #147c3b
}

.breaking-news {
	/*background-color: #f5f4f4;
	width: 97%;
	margin: 5px 1.5%;
	height: 52px;
	*/
 	background-color: #f5f4f4;
    display: block;
    height: 52px;
    position: relative;
    width: 1024px;
    /*margin-top: 19px;*/
}

.breakingNewsCustomCss {
	height: 52px !important;
	margin-top: 6px;
}

.socialBannerCustomCss {
	top: 73px !important;
}

.bigAdCustomCss {
	top: 189px !important;
}

.bigAdCustomCss2 {
	top: 5680px !important;
}

.marginTop5 {
	margin-top: 5px !important;
}

.social-banner {
	background-color: #f5f4f4;
	width: 97%;
	/*margin:19px 1.5%;*/
	height: 75px;
}

.label-breaking-news {
	color: #000;
	position: relative;
	width: 232px;
	height: 100%;
	float: left;
	background: url("images/label-breaking-news.png") left 50% no-repeat;
	background-size: cover;
}

.label-breaking-news h3 {
	position: absolute;
	color: #FFF;
	margin-left: 23px;
	line-height: 50px;
	/*text-transform: uppercase;*/
}

.text-breaking-news {
	color: #080808;
    float: left;
	font-weight: bold;
    height: 100%;
    line-height: 100%;
    margin-left: 15px;
    margin-top: 10px;
    max-width: 890px;
	text-align: left;
}

.social-banner img {
	margin-top: 33px;
	margin-left: 21px;
}

.social-banner-text {
	width: 37%;
	color: #636363 !important;
	margin: 15px;
	float: left;
	height: 80%;
	overflow: hidden;
	text-align: left;
	/*text-transform: uppercase;*/
}
.social-media { float: left }
.social-media a {
	float: left;
	margin: 5px 0 5px 10px;
	width: 63px;
	height: 65px;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: gray;
	-webkit-filter: grayscale(100%);
}
.social-media a:hover {
	filter: none;
	-webkit-filter: grayscale(0%);
}
.facebook{ background: url("images/fb-icon.png") no-repeat 50% }
.twitter{ background: url("images/twitter-icon.png") no-repeat 50% }
.youtube{ background: url("images/youtube-icon.png") no-repeat 50% }
.contact{ background: url("images/contact-icon.png") no-repeat 50% }
.rss { background: url("images/rss-icon.png") no-repeat 50% }
.google-plus { background: url("images/google-plus-icon.png") no-repeat 50% }
.linked_in { background: url("images/linked-in-icon.jpg") no-repeat 50% }
.instagram { background: url("images/instagram-icon.png") no-repeat 50% }
.add-full {
	width: 100%;
	text-align: center;
}
.ad-full {
	width: 100%;
	height: 100%;
	transform: translate(40%);
}
.date {
	color: #848484 !important;
	padding: 12px 0 10px;
	display: inline-block;
	*display:inline;
	vertical-align:top;
	text-transform: capitalize;
}
/********************************* FOOTER ***********************************/
.footer-wrapper {
	background-color: #292929;
	height: 245px;
}
.footer-wrapper .logo-wrapper {
	float: right;
	background-color: #ce2021;
	position: relative;
	height: 100%;
	width: 13.46655082536924%;
}
.footer-wrapper .logo-wrapper>a {
	bottom: 15px;
	display: block;
	left: 0;
	position: absolute;
	text-align: center;
	width: 100%;
}
.newsletter-wrapper {
	float: right;
	margin: 13px 16px 0 0;
	width: 265px;
}
.newsletter {
	background-color: #3a3a3a;
	padding: 10px 5%;
	margin-bottom: 9px;
}
.newsletter-title {
	padding-bottom: 13px;
	display: inline-block;
	*display:inline;
	vertical-align:top;
}
.newsletter .input-text {
	background-color: #fff;
	border: 1px solid #e0e0df;
	-webkit-width: calc(96.5% -   2px);
	-moz-width: calc(96.5% -   2px);
	-o-width: calc(96.5% -   2px);
	width: calc(96.5% -   2px);
	height: 28px;
	padding-left: 3%;
	margin-bottom: 6px;
}
.newsletter .submit {
	width: 100%;
	height: 34px;
	background-color: #ce2021;
	text-align: center;
	margin: 2px 0;
	border: 0;
	cursor: pointer;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.newsletter .submit:HOVER {
	background-color: #fff;
	color: #ce2021;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.social-footer {
	background-color: #3a3a3a;
	padding: 7px 10px;
}
.social-footer a {
	width: 37px;
	height: 39px;
	background-image: url("images/social-footer.png");
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	display: inline-block;
	*display:inline;
	vertical-align:top;
}
.social-footer a.fb { background-position: 0 0 }
.social-footer a.twt { background-position: -42px 0 }
.social-footer a.yt { background-position: -83px 0 }
.social-footer a.pin { background-position: -125px 0 }
.social-footer a.contact { background-position: -167px 0 }
.social-footer a.rss { background-position: -207px 0 }
.social-footer a.gplus { background-position: -249px 0 }
.social-footer a.insta { background-position: -289px 0 }
.social-footer a.linked_in { background-image: url("images/sidebar-linkedin.jpg"); }

.mobileView {
	position: fixed;
	top: 0px;
	left: 0;
	z-index: 99999999;
	padding: 1px;
	background-color: white;
	box-shadow: 1px 1px 3px rgba(0,0,0,.5);
	width: 100px;
	height: 25px;
	text-align: center;
}

.mobileView.innerDiv {
	background-color: #b00c0d;
	width: 98px;
	height: 23px;
}

.mobileView.innerDiv a {
	color: white;
	vertical-align: middle;
	vertical-align: -webkit-baseline-middle;
}

.social-floating{
	position: fixed;
	z-index: 9999;
	left: 0px;
	top:200px;
}

.social-floating a{
	display: block;
	margin:1px;
}
.social-floating .social-footer{
	padding: 1px;
	background-color: white;
	box-shadow: 1px 1px 3px rgba(0,0,0,.5);
}
.footer-links {
	width: 50%;
	height: 100%;
}
.footer-links li a:hover {
	text-decoration: underline;
	 }
.footer-ul{
	color: #FFF;
	float: left;
	line-height: 115%;
	margin-left: 10%;
	margin-top: 3%;

}
.footer-ul-1 {
	float: left;
	line-height: 115%;
	margin-left: 15%;
	margin-top: 25px;
	-webkit-column-count: 3;
    -moz-column-count: 3;
	column-count: 3;
	width: 100%;
	display: block;
	position: relative;
	height: 180px;

}
.footer-ul-2 {
	float: left;
	line-height: 115%;
	margin-left: 20%;
	margin-top: 3%;
	-webkit-column-count: 3;
    -moz-column-count: 3;
	column-count: 3;
}
.footer-ul-1 a,.footer-ul-2 a { color: white; }
.footer-ul-3 {
	float: left;
	line-height: 115%;
	margin-left: 20%;
	margin-top: 3%;
	-webkit-column-count: 3;
    -moz-column-count: 3;
	column-count: 3;
}
.footer-ul-3 a { color: #b2b2b2; }
/********************************* END FOOTER ***********************************/
.play {
	background-image: url('images/play.png');
	background-repeat: no-repeat;
	width: 52px;
	height: 52px;
	position: absolute;
	top: 42%;
	left: 31%;
}
.small-video {
	position: absolute;
}
.element-container {
	margin-top: 10px;
	width: 40%;
	height: 160px;
	overflow: hidden;
	position: relative;
}
.small-news {
	width: 60%;
	overflow: hidden;
}

.clear {
	clear: both;
}

.news-title {
	color: #000;
	font-weight: bold;
}

.most-watched-title,.most-read-title,.adayahead-title {
	color: #FFF;
	margin-top: 20px;
	border-top: 2px solid #FFF;
	padding-top: 6px;
	float: left;
	white-space: nowrap;
}
.most-read-title{
	margin-top: 13px;
	width: auto;
}
.most-watched-title {
	width: auto;
}

.adayahead-title.left > a, .most-read-title > a {
    color: #fff;
}

.textTitleCss > a, .moreMultimediaTitle > a, .opinion-title > a, .missOutTitle.left > a {
	color: #1b1b1b;
}
.social-banner-text > a {
	color: #636363
}

.news-description,.news-headlines {
	margin-top: 5px;
	width: 100%;
	padding-bottom: 5px;
}

.news-headlines-big {
	line-height: 20px;
}

.news-datetime {
	color: #848484 !important;
	font-weight: normal;
	margin-left: 5px;
	text-align: left;
	white-space: nowrap;
	/**margin: 0 1% 0 3%;*/
}

.news-readmore {
	color: #9c9c9c !important;
	margin-bottom: 20px;
	float: left;
}

.news-readmore.news-morein {
	float: right !important;
	margin-right: 10px;
	margin-top: 5px;
}

.moreinsection {
	float: right;
    width: 100%;
}

.news-readmore:hover {
	text-decoration: underline;
}

.video-label-red,.video-label-blue {
	color: #FFF;
	position: absolute;
	padding: 2px 7px;
	left: 0;
}

.video-label-red {
	background-color: #cf1820;
}

.video-label-blue {
	background-color: #1078d8;
	overflow: hidden;
	 height: 15px;
    line-height: 15px;
}

.comments,.shares {
	background-position: left;
	background-repeat: no-repeat;
	width: 105px;
	color: #848484 !important;
	line-height: 16px;
}
.commentsLight,.sharesLight {
	color: #9c9c9c !important;
}

.comments {
 background-image: url("images/comments.png");
    background-size: 18px auto;
    height: 20px;
    padding-left: 30px;
}
.commentsLight {
	background-image: url("images/comments-light.png");
}

.shares {
	background-image: url("images/shares.png");
    background-position: 0 1px;
    background-size: 17px auto;
    height: 14px;
    padding-left: 29px;
}
.sharesLight {
	background-image: url("images/shares-light.png");
}

.square,.square-white {
	margin-right: 10px;
	margin-top: 6px;
	width: 10px;
	height: 10px;
}

.square {
	background-image: url("images/square.png");
}

.square-white {
	background-image: url("images/square-white.png");
}

.separator {
	width: 94%;
	margin: 0 3%;
	height: 1px;
	background-color: #e8e8e8;
}

.most-watched-read {
	width: 100%;
	height: 100%;
	background-color: #292929;
	position: relative;

}

.play-white {
	background-image: url('images/play-white.png');
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 999;
	background-position: center center;
}

.clock {
	background-image: url('images/clock.png');
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
}

.mw-video {
	width: 186px;
	height: 100px;
	position: relative;
}

.most-watched {
	margin-left: 1.4%;
	width: 54%;
}

.most-watched-full {
	width: 97%;
}

.most-read {
	width: 44%;
}

.most-watched-videos{
	margin-top: 50px;
}

.most-read-articles {
	padding-top: 12px;
	padding-bottom: 12px;
	color: #FFF;
	line-height: 30px;
	margin-top: 38px;
	padding-left: 15px;
	border-left: 3px solid #707070;
}

.category-header,.opinion-title {
	font-size: 25px;
	color: #1b1b1b;
	overflow: hidden;
	white-space: nowrap;
}

.category-header a {
	color: #000;
}

.category-title-red,.category-title-blue,.category-title-green,.category-title-lightgreen,.category-title-purple,.category-title-cyan
{
	line-height: 16px;
	padding-top: 6px;
	overflow: hidden;
	padding-bottom: 10px;
	position: absolute;
	/*text-transform: uppercase;*/
	z-index: 2;
}

.category-title-red {
	border-bottom: 6px solid #ce2021;
}

.category-title-blue {
	border-bottom: 6px solid #1078d8;
}

.category-title-green {
	border-bottom: 6px solid #016c2c;
}

.category-title-lightgreen {
	border-bottom: 6px solid #0aaf4c;
}

.category-title-purple {
	border-bottom: 6px solid #b600dd;
}

.category-title-cyan {
	border-bottom: 6px solid #00cbe3;
}

.category-title-black {
	border-bottom: 6px solid #1b1b1b;
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 32px;
	z-index: 1;
}

.opinion-title {
	margin-left: 1%;
	margin-right: 1%;
	padding-bottom: 7px;
	border-bottom: 1px solid #b8b8b8;
	padding-top: 1%;
	padding-bottom: 5px;
	text-align: left;
	/*text-transform: uppercase;*/
}

.category {
	height: 410px;
}

.sub-category {
	height: 180px;
}

.small-category {
	height: 390px;
	width: 100%
}

.small-category-media {
	width: 100%;
	height: 300px;
	margin-top: 25px;
	position: relative;
	display: inline-block;
	*display:inline;
	vertical-align:top;
	overflow: hidden;
}

.small-category-media>img {
	position: absolute;
	min-height: 100%;
	display: block;
	-webkit-transform: translate(-50%, -50%);
	min-width: 100%;
}

.category-media {
	width: 50%;
	height: 384px;
	min-height: 80%;
	position: relative;
	overflow: hidden;
	margin-top: 20px;
}

.multimedia-category-media {
	height: 340px;
    margin-top: 20px;
    min-height: 80%;
    overflow: hidden;
    position: relative;
    width: 544px;
}

.subcategory-media {
	width: 30%;
	height: 140px;
	margin-top: 25px;
	position: relative;
	display: inline-block;
	*display:inline;
	vertical-align:top;
	overflow: hidden;
}

.category-video-image {
	height: 100%;
	position: relative;
	background-size: cover;
	background-position: center;
}

.category-details {
	width: 48%;
    height: 400px;
	margin-left: 2%;
    margin-top: 20px;
}

.multimedia-category-details {
    float: left;
    min-height: 315px;
	height: auto;
    margin-left: 20px;
    margin-top: 30px;
    width: 439px;
}

.subcategory-details {
	width: 65%;
	height: 100%;
	margin-left: 2%;
	margin-top: 25px;
}

.big-video {
	top: 37%;
	left: 42%;
	position: absolute;
}

.double-separator {
	/*border-bottom: 1px solid #acacac;
	border-top: 1px solid #acacac;
	height: 4px;
	margin-top: 10px;*/
}

.single-separator, .double-separator, .dashed-separator {
	border-bottom: 1px solid #e8e8e8;
	margin-top: 2%;
}

.small-article-links {
	clear: both;
	height: 35%;
}

.dashed-separator {
	/*border-bottom: 1px dashed #acacac;
	margin-top: 10px;
	margin-bottom: 10px;*/
}

.offer-section {
	color:#cf171f;
}

.news-description-big {
	width: 90%;
	line-height: 18px;
	/*text-align: justify;*/
	text-align: left;
}

.news-title-big {
	font-size: 17px;
	margin-bottom: 5px;
}

.full-article-title {
	margin-top: 10px;
}

.by-author {
	color: #5d5d5d;
	/*margin-left: 30px;*/
	margin-left: 8px;
	letter-spacing: inherit !important;
}

.social {

}

.articles-slider {
	width: 100%;
	height: 100%;
	background-color: #e2e2e2;
}

/***************************************************************************************/
.articles-slider .item {
	padding: 30px 0px;
	margin: 10px;
	color: #000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	height: 100%;
}

.customNavigation {
	text-align: center
}

.customNavigation a {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.article-title {
	text-align: left;
}

.article-text {
	margin-top: 10px;
	text-align: left;
	/*text-align: justify;*/
	overflow: hidden;
}

.adayahead {
	width: 100%;
	height: 100%;
	background-color: #292929;
	position: absolute;
}

.adayahead-title {
	margin-left: 2%;
}

.adayahead-articles {
	margin-top: 15px;
	margin-left: 2%;
}

.adayahead-articles>div {
	color: #fff;
    float: left;
    margin-right: 24px;
    width: 310px;
}

.adayahead-article-title {
	color: #fff;
	font-weight: bold;
    line-height: 16px;
    width: 95%;
}
.adayahead-article-details {
	color: #FFF;
	margin-left: 5%;
	margin-top: 3px;
	line-height: 15px;
}

.adayahead-article-details > a {
	color: #FFF;
	letter-spacing: 1px;
}

.opinions {
	width: 100%;
	margin-top: 1%;
}

.opinion {
	width: 25%;
	position: relative;
	bottom:20px;
}

.opinion-text {
	position: absolute;
	/*float: left;*/
	width: 43%;
	top: 30px;
	left: 9%;
	text-align: left;
}

.opinion-image {
	position: relative;
	overflow: hidden;
	float: right;
	left: -25px;
	top: -16px;
}

.small-article {
	margin-top: 10px;
	width: 100%;
	height: 120px;
}

.small-article-details {
	width: 70%;
}

.small-article-media {
	margin-right: 2%;
	width: 123px;
	height: 115px;
	overflow: hidden;
}

.mt0 {
	margin-top: 0px !important;
}

.mt1 {
	margin-top: 1% !important;
}

.mb1 {
	margin-bottom: 1% !important;
}

.mb20 {
	margin-bottom: 20px;
}

.mb10 {
	margin-bottom: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mt7 {
	margin-top: 7px;
}
.mt10 {
	margin-top: 10px;
}

.mt11 {
	margin-top: 11px;
}

.mt25 {
	margin-top: 25px;
}

.mt30 {
	margin-top: 30px;
}

.category-bottom {
	margin-top: 15px;
	width: 100%;
	height: 220px;
}

.category-bottom-left {
	width: 45%;
}

.category-bottom-right {
	width: 55%;
	background-color: #fffad2;
	height: 95%;
}

.sponsor-title {
	float: left;
	margin-left: 3%;
	text-align: left;
	width: 69%;
}

.opinions-container {
	width: 100%;
	height: 95%;
	background-color: #f2f2f2;
}

.play-black {
	background-image: url("images/play.png");
	width: 20px;
	height: 20px;
	position: absolute;
	top: 83%;
	left: 3%;
	display: inline-block;
	*display:inline;
	vertical-align:top;
	cursor: pointer;
	z-index: 999;
}
.photogray-icn {
background-image: url("images/photography-icn.png");
    background-position: 4px calc(100% - 4px);
    background-repeat: no-repeat;
    cursor: pointer;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
}

.gridster li:hover>.move-div {
	display: block;
}

.move-div {
	position: absolute;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background: url("images/move.png") 50% 50% no-repeat;
	background-color: rgba(207, 23, 31, 0.8);
	cursor: grabbing;
	display: none;
}
.imageControl {
	background-position: center center;
    background-repeat: no-repeat;
    background-size: 60% auto;
    bottom: 0;
    height: 100%;
    position: absolute;
	width: 65px;
	cursor: pointer;
	opacity: 0.5;
}
.imageControl:hover{
	opacity: 1;
}

.imagePrev {
    background-image: url("images/imageArrowLeft.png");
    left: -75px;
}
.imageNext {
    background-image: url("images/imageArrowRight.png");
    right: -75px;
}

/* Photo Gallery Styles*/
ul.photo-gallery{
	display: inline-block;
}
ul.photo-gallery li{
	width: 31%;
	display: inline-block;
	float: right;
	margin-right: 18px;
	margin-bottom: 30px;
	height: 150px;
	overflow: hidden;
}
ul.photo-gallery li:nth-child(3n+1){
	margin-right: 0;
}
ul.photo-gallery li img, ul.photo-gallery li a{
	width: 100%;
	cursor: pointer;
}
ul.photo-gallery li img:hover, ul.photo-gallery li a:hover{
	opacity: 0.8;
}
.album-cover{
	position: relative;
	width: 100%;
}
.album-cover a.photo-num{
	position: absolute;
	top: 0;
	left: 0;
	background: url('images/album-photos.png') no-repeat 86% 50% rgba(0,0,0,0.6);
	padding: 0px 28px 0px 8px;
	height: 24px;
  	line-height: 21px;
  	color:#fff;
	width: auto;
}
.album-cover a.photo-num:hover{
	background: url('images/album-photos1.png') no-repeat 86% 50% rgba(225,225,225,0.6);
	color:#000;
}
ul.photo-gallery li h3 a{
	color: #000;
	font-size: 16px;
	line-height: 21px;
	margin-top: 8px;
}
ul.photo-gallery li h3 a:hover{
	font-family: 'HelveticaNeuel T Arabic 75 Bold';
}
/************************************* MULTIMEDIA SECTION *************************************************/
.multimediaTitle {
	font-weight: bold;
	height: 3%;
	border-bottom: 5px solid #046db0;
	float: left;
	/*text-transform: uppercase;*/
}

.multimediaBlackBar {
	float: left;
	width: 85%;
	height: 3%;
	border-bottom: 5px solid black;
}

.big-img-slider {
	clear: both;
	width: 99.5%;
	text-align: center;
	margin-top: 5%;
	position: relative;
	height: 55%;
	overflow: hidden;
}

.leftArrow,.rightArrow {
	border: 2px solid #534c4d;
	height: 4%;
	padding-top: 1%;
	position: absolute;
	text-align: center;
	top: 30%;
	width: 5%;
	cursor: pointer;
}

.leftArrow {
	left: 1%;
}

.rightArrow {
	right: 1.5%;
}

.multimedias {
	height: 39.5%;
	width: 99.5%;
}

.imgTitle {
	background: url("images/title-background.png") repeat scroll 0 0
		rgba(0, 0, 0, 0);
	bottom: 0;
	font-weight: bold;
	height: 8%;
	padding-top: 2%;
	position: absolute;
	text-align: center;
	width: 100%;
	left: 0;
}

.imgTitle.articleDetailsInfo {
	color: #FFF !important;
	font-weight: normal !important;
}

.singleMultimedia {
	width: 48%;
	height: 42%;
	padding-top: 2%;
	padding-right: 2%;
}

.multimediaDate {
	background: url("images/time-icon.png") no-repeat scroll left 50%
		rgba(0, 0, 0, 0);
	color: #848484;
	float: left;
	height: 10%;
	padding-left: 3%;
	padding-top: 1%;
	width: 37%;
}

.multimediaSrc {
	color: #606060;
	float: left;
	height: 10%;
	margin-left: 2%;
	padding-top: 1%;
	text-align: left;
	width: 58%;
}

.multimediaHeadTitle {
	font-weight: bold;
	height: 15%;
	margin-left: 3%;
	width: 70%;
	text-align: left;
}

.multimediaImg {
	width: 100px;
	height: 100px;
	overflow: hidden;
	position: relative;
}

.multimediaDetails {
	line-height: 120%;
	margin-bottom: 1%;
	margin-left: 3%;
	text-align: left;
	width: 70%;
}
.multimediaDetails > a {
	color: #000;
}

.mediaComments {
	background: url("images/comments.png") no-repeat scroll left center
		rgba(0, 0, 0, 0);
	color: #5b5b5b;
	float: left;
	height: 9%;
	margin-left: 5%;
	padding-left: 5%;
	padding-top: 1%;
	width: 20%;
}

.mediaShares {
	background: url("images/shares.png") no-repeat scroll left center
		rgba(0, 0, 0, 0);
	color: #5b5b5b;
	float: left;
	height: 9%;
	margin-left: 5%;
	padding-left: 5%;
	padding-top: 1%;
	width: 30%;
}

.mediaReadMore {
	height: 9%;
	margin-left: 3%;
	text-align: left;
	width: 75%;
}

.mediaReadMore a {
	color: #9c9c9c;
}

.mediaReadMore a:hover {
	text-decoration: underline;
}

.moreMultimediaTitle {
	height: 3%;
	border-bottom: 5px solid #046db0;
	float: left;
}

.singleMedia {
	width: 27%;
	height: 207px;
	margin-top: 2%;
	margin-right: 6%;
	overflow: hidden;
	position: relative;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

.moreMultimediaSingle {
	height: 80%;
	overflow: hidden;
	width: 100%;
}

.moreMultimediaSingleTitle {
	margin-top: 10px;
	text-align: center;
}
/************************************* MULTIMEDIA SECTION *************************************************/

/************************************* ARTICLE DETAILS *************************************************/
.sportsTitle {
	font-weight: bold;
	color: #8a8a8a;
	height: 3%;
	border-top: 5px solid #0aaf4c;
	float: left;
	width: 16%;
}

.blackTopBorder {
	height: 3%;
	border-top: 5px solid black;
	float: left;
	width: 1085px;
}

.left-section {
	width: 70%;
	height: 90%;
	float: left;
}

.right-section {
	width: 30%;
	height: 90%;
	float: right;
}

.articleDetailsTitle {
	font-weight: bold;
	/*text-transform: uppercase;*/
	width: 100%;
	height: 4%;
}

.articleDetailsDate {
	color: #565656 !important;
	width: 24%;
	height: 1%;
	float: left;
	display: block;
}

.articleDetailsAuthor {
	color: #565656 !important;
	width: 25%;
	height: 1%;
	float: left;
	margin-left: 4%;
	display: block;
	white-space: nowrap;
}

.articleFirstSocial {
	width: 100%;
	float: left;
	display: block;
}

.socialMediaArticleRight {
	width: 60%;
	height: 1%;
	text-align: right;
	padding-right: 5%;
	margin-top: -1%;
	float: right;
}

.socialMediaArticleLeft {
	width: 60%;
	height: 1%;
	text-align: left;
	padding-right: 5%;
	margin-top: 1%;
	float: left;
}

.socialMediaArticleRight img,.socialMediaArticleLeft img {
	margin-right: 4%;
}

.articleDetailsBigImg {
	/*height: 418px;*/
	overflow: hidden;
	position: relative;
	width: 741px;
	cursor: pointer;
	float: left ;
}

.articleDetailsInfo {
	background: url("images/bg-article-details-img-hover.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
	bottom: 3px;
	color: white;
	max-height: 0;
	padding: 0 3%;
	position: absolute;
	text-align: left;
	width: 94%;
	/*text-align: justify;*/
	line-height: 130%;
	transition: height 1s linear;
	-moz-transition: height 0.3s linear;
	-o-transition: height 0.3s linear;
	-webkit-transition: height 0.3s linear;
}

.imgPopupInfo{
	background-color: rgba(0, 0, 0, 0.5);
    line-height: 130%;
    padding: 5px;
    position: absolute;
    text-align: left;
}

.articleDetailsInfoVideo {
	background: url("images/bg-article-details-img-hover.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
	bottom: 0;
	color: white;
	padding: 1% 3%;
	text-align: left;
	width: 94%;
}

.articleDetailsBigImg:hover .articleDetailsInfo, .galleryImageInner:hover .articleDetailsInfo, .owl-item:hover .articleDetailsInfo {
	height: auto;
	max-height:200px;
	padding: 5px 3%;
	transition: max-height 0.3s linear;
	-moz-transition: max-height 0.3s linear;
	-o-transition: max-height 0.3s linear;
	-webkit-transition: max-height 0.3s linear;
}

.advertisement {
	background-color: #d0d0d0;
	width: 100%;
	height: 25%;
}

.poll {
	text-align: center;
	width: 100%;
	height: auto;
}

.sharelines {
	width: 93%;
	height: 2%;
	margin-top: 2%;
	position: relative;

}
.shareLine {
	border-left: 1px solid #dfdfde;
	border-top: 1px solid #dfdfde;
	border-bottom: 1px solid #dfdfde;
	width: 90%;
	height: auto;
	position: relative;
}

.socialMediaIcon {
	width: 5%;
	height: 100%;
	text-align: center;
	border-right: 1px solid #dfdfde;
	vertical-align: middle;
	float: left;
	position: absolute;
}

.socialMediaIcon img {
	transform: translate(0%, 50%)
}

.shareText {
	color: #7c7c7c;
	float: left;
	padding: 12px 0 12px 29px;
}

.shareText a {
	color: #7c7c7c;
}

.articleDetailsBody {
    height: 67%;
    line-height: 200%;
    margin-top: 2%;
    overflow: hidden;
    width: 95%;
}

.insideViewText {
	background-color: #f5f5f5;
	font-weight: bold;
	height: 15%;
	margin-top: 7%;
	text-align: center;
	width: 36%;
}

.secondAd {
	margin-top: 20%;
	width: 100%;
	height: 14%;
	text-align: center;
}

.relatedTopics {
	margin-top: 20%;
	width: 100%;
	height: 10%;
	border-top: 1px solid #dfdfde;
	border-left: 1px solid #dfdfde;
	border-bottom: 1px solid #dfdfde;
}

.relatedTitle {
	font-weight: bold;
	margin-top: 5%;
	margin-left: 5%;
	width: 90%;
	height: 10%;
}

.relatedImg {
	width: 30%;
	height: 76%;
	overflow: hidden;
	margin-top: 2%;
	margin-left: 5%;
	float: left;
}

.relatedSubtitle {
	color: #0aaf4c;
	float: left;
	font-weight: bold;
	height: 7%;
	margin-left: 2%;
	margin-top: 1%;
	overflow: hidden;
	width: 44%;
}

.relatedBody {
	color: #383838;
	float: left;
	line-height: 130%;
	margin-left: 2%;
	margin-top: 2%;
	width: 57%;
}

.relatedReadMore {
	float: left;
	margin-left: 2%;
	margin-top: 4%;
}

.relatedReadMore a {
	color: #5d5d5d;
}

.relatedReadMore a:hover {
	text-decoration: underline;
}

.rightArrowDiv {
	background-color: #f1f1f1;
	float: right;
	height: 100%;
	margin-top: -34%;
	width: 5%;
	text-align: center;
	cursor: pointer;
}

.rightArrowDiv img {
	transform: translateY(375%)
}

.recommended {
	width: 100%;
	height: 7%;
	margin-top: 90%;
	border: 1px solid #dfdfde;
	background-color: #fafafa;
	position: relative;
}

.recommendedForYou {
	font-weight: bold;
	width: 80%;
	height: 10%;
	margin-left: 5%;
	margin-top: 3%;
	float: left;
}

.xIcon {
	float: right;
	margin-top: 4%;
	margin-right: 3%;
	cursor: pointer;
}

.left-arrow {
	position: absolute;
	top: 50%;
	left: 1%;
	cursor: pointer;
}

.right-arrow {
	position: absolute;
	top: 50%;
	right: 1%;
	cursor: pointer;
}

.singleRecommendation {
	height: 63%;
	margin-left: 11%;
	margin-top: 3%;
	padding-top: 2%;
	width: 80%;
}

.recommendedText {
	float: left;
	height: 100%;
	overflow: hidden;
	width: 60%;
	padding-left: 5px;
}

.recommendedText a {
	color: #000;
}

.stayUpdated {
	background-color: #292929;
	height: 70%;
	padding-top: 1%;
	width: 95%;
}

.stayUpdatedTitle {
	color: #605f5f !important;
	height: 20%;
	margin-left: 3%;
	/*width: 22%;*/
	 margin-top: 6px;
}

.subscribeMsg {
	color: white;
	margin-left: 3%;
	margin-top: 12px
}

.subscibeForm {
	height: 65%;
	margin-left: 3%;
	width: 100%;
}

.subscibeForm input {
	border: 0 none;
	padding-left: 5%;
	width: 33%;
	color: #5e5e5e;
	height: 40%;
	margin-top: 2%;
	margin-right: 1%;
}

.username {
	background: white url(images/user-icon.png) 3% no-repeat;
	float: left;
}

.email {
	background: white url(images/email-icon.png) 3% no-repeat;
	float: left;
}

.signUp {
	background-color: #cf171f;
	color: white;
	height: 47%;
	width: 13%;
	border: 0;
	cursor: pointer;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	float: left;
}

.signUp:hover {
	background-color: white;
	color: #ce2021;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
}

.topicsTitle {
	border-top: 1px solid #cbcbcb;
	height: 15%;
	padding-top: 1%;
	width: 100%;
}

.oneTopic {
	background-color: #e4e4e4;
	color: #5e5e5e;
	float: left;
	height: 30px;
	margin-right: 1%;
	margin-top: 1%;
	padding-top: 1%;
	text-align: center;
	width: 10%;
}

.moreInSportsTitle {
	font-weight: bold;
	/*text-transform: uppercase;*/
	width: 96%;
	border-top: 1px solid #cbcbcb;
	padding-top: 1%;
	height: 15%;
}

.singleSport {
	height: 80%;
	margin-right: 3%;
	overflow: hidden;
	width: 30%;
	float: left;
}

.imgDesc {
	margin-top: 2%;
	text-align: left;
}
/************************************* ARTICLE DETAILS *************************************************/

/*************************************************** BUSINESS ***************************************************************/
.businessTitle {
	font-weight: bold;
	color: #8a8a8a;
	width: 20%;
	height: 10%;
	/*text-transform: uppercase;*/
	border-top: 5px solid #016c2c;
	float: left;
}

.blackBorder {
	float: left;
	width: 80%;
	height: 10%;
	border-top: 5px solid black;
}

.bigArticleBusiness {
	width: 55%;
	height: 87%;
	float: left;
}

.bigArticleImg {
	width: 97%;
	height: 65%;
	overflow: hidden;
}

.bigArticleDesc {
	height: 34%;
	padding-top: 2%;
	width: 97%;
	background-color: #f6f6f6;
}

.leftDesc {
	width: 48%;
	height: 100%;
	margin-right: 14px;
}

.rightDesc {
	width: 48%;
	height: 90%;
}

.artTitle {
	/*text-transform: uppercase;*/
	margin-left: 5%;
	height: auto;
	overflow: hidden;
}

.timeDiff {
	background: url("images/clock.png") no-repeat scroll left center
		rgba(0, 0, 0, 0);
	color: #716f6f;
	float: left;
	height: 7%;
	margin-left: 5%;
	padding-left: 5%;
	text-align: left;
	transform: translateY(50%);
}

.artAuthor {
	color: #606060;
	float: left;
	height: 7%;
	margin-left: 8%;
	transform: translateY(50%);
}

.artDescription {
	color: #0f0f0f;
	height: 60%;
	line-height: 130%;
	margin-top: 5%;
	width: 95%;
}

.topMajorArticleDesc {
	margin-bottom: 8px;
    margin-top: 0;
    max-height: 35px;
    overflow: hidden;
}
.topMajorArticleDate {
	display: block !important;
}
.topMajorArticleSrc {
	display: block !important;
	margin-top: 10px !important;
}

.generalDateCss.topMajorArticleDateCss {
	margin-top: 15px !important;
}
/*.artComments{
	background: url("images/comments.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    color: #5b5b5b;
    height: 15%;
    padding-left: 10%;
    padding-top: 4%;
    width: 30%;
	float: left;
}
.artShares{
	background: url("images/shares.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    color: #5b5b5b;
    float: left;
    height: 10%;
    margin-top: 1%;
    padding-left: 10%;
    padding-top: 3%;
    width: 40%;
}*/
.otherBusinessArticles {
	float: left;
	width: 40%;
	height: 87%;
	margin-left: 2%;
	overflow: hidden;
}

.bussinessArtDate {
	color: #848484;
	float: left;
}

.businessArticle {
	width: 100%;
	padding-bottom: 1%;
	border-bottom: 1px solid #e8e8e8;
	height: 40%;
	overflow: hidden;
}

.noImg {
	height: 30%;
	margin-top: 2%;
}

.artBusinessTitle {
	float: left;
	font-weight: bold;
	margin-bottom: 2%;
	text-align: left;
	width: 73%;
}

.smallBussinessImg {
	float: right;
	height: 85%;
	margin-left: 2%;
	overflow: hidden;
	width: 25%;
}

.businessDescription {
	float: left;
	line-height: 130%;
	text-align: left;
	width: 70%;
	/*text-align: justify;*/
}

.highlights {
	border-bottom: 5px solid #016c2c;
	font-weight: bold;
	height: 5%;
	/*text-transform: uppercase;*/
	width: 17%;
}

.singleHighlight {
	width: 100%;
	height: 28%;
	border-bottom: #acacac dashed 1px;
	padding-bottom: 1%;
	margin-top: 3%;
}

.highlightList {
	height: 95%;
	overflow: hidden;
}

.highlightImg {
	height: 90%;
	margin-right: 2%;
	width: 23%;
}

.highlightDesc {
	width: 75%;
	height: 90%;
	position: relative;
}

.highlightBody {
	margin: 2% 0;
}

.highlightReadMore {
	bottom: 15%;
	color: #9c9c9c;
	position: absolute;
}

.highlightReadMore:hover {
	text-decoration: underline;
}

.missOutTitle {
	height: 7%;
	border-bottom: 5px solid #016c2c;
	/*text-transform: uppercase;*/
	margin-bottom: 2%;
}

.missOutArticle {
	float: left;
	height: 85%;
	margin-right: 12%;
	width: 38%;
}

.missOutImg {
	width: 490px;
	height: 330px;
	overflow: hidden;
	position: relative;
}

.missOutDate {
	background: url("images/clock.png") no-repeat scroll left center
		rgba(0, 0, 0, 0);
	color: #848484;
	height: 7%;
	padding-left: 4%;
	padding-top: 2.5%;
	text-align: left;
}

.missOutDesc {
	text-align: left;
}

.moreNews {
	border-bottom: 5px solid #016c2c;
	font-size: 1.222rem;
	height: 3%;
	/*text-transform: uppercase;*/
	float: left;
}

.singleNews {
	height: 17%;
	margin-bottom: 2%;
	margin-right: 10%;
	margin-top: 3%;
	width: 40%;
	float: left;
}

.newsDate {
	background: url("images/clock.png") no-repeat scroll left center
		rgba(0, 0, 0, 0);
	color: #848484;
	float: left;
	margin-right: 5%;
	padding-left: 5%;
	height: 8%;
}

.newsSource {
	color: #606060;
	width: 50%;
}

.newsTitle {
	clear: left;
	font-weight: bold;
	margin-top: 2%;
	float: left;
}

.artTitle a,.artBusinessTitle a,.news-title a,.multimediaHeadTitle a,.newsTitle a
	{
	color: #000;
}

.newsBody {
	line-height: 140%;
	margin-top: 1%;
	text-align: left;
	/*text-align: justify;*/
}

.newsImg {
	float: left;
	height: 53%;
	margin-right: 2%;
	margin-top: 2%;
	width: 22%;
	overflow: hidden;
}
/*************************************************** BUSINESS ***************************************************************/

/*************************************************** SPORTS ***************************************************************/
.theLatest {
	border-bottom: 5px solid #0aaf4c;
	font-weight: bold;
	height: 11%;
	/*text-transform: uppercase;*/
	width: 8%;
}

.firstArticle {
	float: left;
	height: 75%;
	margin-bottom: 1%;
	margin-right: 5%;
	margin-top: 1%;
	position: relative;
	width: 45%;
}

.articleDate {
	color: #848484;
	background: url(images/clock.png) left no-repeat;
	padding-left: 5%;
	height: 8%;
	text-align: left;
	width: 100%;
}

.articleTitle {
	font-weight: bold;
	margin-top: 1%;
	text-align: left;
}

.articleBody {
	line-height: 140%;
	margin-top: 2%;
	/*text-align: justify;*/
}

.articleReadMore {
	color: #9c9c9c;
	float: left;
	margin-top: 2%;
	text-align: left;
	/*text-transform: uppercase;*/
}

.articleReadMore:hover {
	text-decoration: underline;
}

.articleImg {
	float: left;
	height: 60%;
	margin-right: 3%;
	margin-top: 1%;
	width: 16%;
	overflow: hidden;
}
/*************************************************** SPORTS ***************************************************************/

/*vk*/
.gridster {
	width: 1024px !important;
}
.staticsec {
	margin: 10px;
	width: 98.5%;
}

.staticsec .articleDetailsTitle {
	margin: 10px 0 30px 0;
}

.blackTopBorder {
	width: 84%;
}

.margver10 {
	margin-top: 10px;
}

#disqussions_wrapper {
	z-index: 999999999999999999 !important;
}

#disqus_thread.positioned {
	height: 500px !important;
    left: 721px !important;
    position: relative;
    top: 735px !important;
    width: 400px !important;
    z-index: 999999 !important;
}

/**** LOADER *****/
.loader-overlay,.loader-inner,.loader-small {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 9999;
}

.loader-overlay {
	background: #666666
		url("images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50%
		repeat;
	opacity: 0.4;
}

.loader-inner {
	background: url("images/loader.png") 50% 50% no-repeat;
}

.table1 {
	width: 100%;
}

.table1 th,.table1 td {
	text-align: left;
}

.table1 td:nth-child(odd) {
	border-right: 1px dashed #bdbdbd;
}

.table1 tr:nth-child(even) {
	background-color: #e1e1e1;
}

.table1 tr:nth-child(odd) {
	background-color: #eaeaea;
}

.table1 th {
	background-color: #3d3d3d;
	color: white;
}

.table1 .article {
	width: 334px;
	height: 45px;
	float: left;
	padding-right: 10px;
	padding-top: 10px;
}

.table1 .article .image {
	width: 53px;
	height: 48px;
	overflow: hidden;
	position: relative;
	float: left;
	padding: 0px 10px 20px 10px;
}

.table1 .article .image  img {
	width: 100%;
	height: 100%; /*transform: translateY(25%);*/
}

.table1 .article  label {
	color: #000;
	text-align: left;
	display: block;
	padding-top: 10px;
}

.table1 a {
	color: black !important;
	line-height: 100% !important;
	background-color: transparent !important;
}

.table1 .subMenuName  label {
	color: #000;
	text-align: center;
	display: block;
	padding: 10px;
	transform: translateY(-50%);
}

.other-sub-menu {
	position: absolute;
	background-color: #eaeaea;
	padding: 0px;
	z-index: -1;
	max-width: 700px;
	-webkit-box-shadow: 7px 6px 12px -6px black;
	-moz-box-shadow: 7px 6px 12px -6px black;
	box-shadow: 7px 6px 12px -6px black;
	opacity: 0;
	filter: alpha(opacity = 0);
}

.main-menu li:hover .other-sub-menu {
	opacity: 1;
	z-index: 99;
	filter: alpha(opacity = 100);
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

li {
	overflow: hidden !important;
}

.article-image {
	height: 49%;
	margin-bottom: 2%;
	overflow: hidden;
}

.artdetails .owl-next,.artdetails .owl-prev {
	position: relative;
	top: -65px;
}

.artdetails .owl-next {
	float: right;
}

.artdetails .owl-prev {
	float: left;
}

.artdetails .relatedTopics .owl-theme .owl-controls .owl-buttons div,.artdetails .recommended .owl-theme .owl-controls .owl-buttons div
	{
	background: none;
}

.artdetails .xIcon {
	cursor: pointer;
	z-index: 999999999999;
	position: relative;
}

.singleSport .secarimg {
	overflow: hidden;
	height: 131px;
}

.artdetails .owl-item {
	height: 90px;
}

.artdetails .recoimg {
	width: 106px;
	height: 73px;
	overflow: hidden;
}

.artdetails .recoimg img {
	width: 106px;
	height: auto;
}

.artdetails .owl-article img {
	width: 100%;
	height: auto;
}

.artdetails .owl-article .owl-item {
	height: 400px;
}

.artdetails .owl-article .owl-next,.artdetails .owl-article .owl-prev {
	position: relative;
	top: -215px;
}

.quotemarg {
	float: right;
	width: 200px;
	height: 50px;
}

.floatquote {
	float: right;
	clear: right;
	margin-right: 10px;
	padding: 15px;
	width: 200px;
	background: #f5f5f5;
	font-weight: bold;
	color: #4e4e4e;
}
/**/
a.button::before {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-box-shadow: #959595 0 2px 5px;
	-moz-box-shadow: #959595 0 2px 5px;
	border-radius: 3px;
	box-shadow: #959595 0 2px 5px;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	padding: 2px 0 0;
	position: absolute;
	top: 0;
	width: 100%;
}

a.button:active::before {
	padding: 1px 0 0;
}

/**
 * Grey
 */
a.button {
	-moz-box-shadow: inset 0 0 0 1px #63ad0d;
	-webkit-box-shadow: inset 0 0 0 1px #63ad0d;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #eee;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eee),
		to(#e2e2e2));
	background: -moz-linear-gradient(#eee, #e2e2e2);
	background: linear-gradient(#eee, #e2e2e2);
	border: solid 1px #d0d0d0;
	border-bottom: solid 3px #b2b1b1;
	border-radius: 3px;
	box-shadow: inset 0 0 0 1px #f5f5f5;
	color: #555;
	display: inline-block;
	*display:inline;
	vertical-align:top;
	font: bold 12px Arial, Helvetica, Clean, sans-serif;
	margin: 0 25px 25px 0;
	padding: 10px 20px;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 0 #fafafa;
}

a.button:hover {
	background: #e4e4e4;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e4e4e4),
		to(#ededed));
	background: -moz-linear-gradient(#e4e4e4, #ededed);
	background: linear-gradient(#e4e4e4, #ededed);
	border: solid 1px #c2c2c2;
	border-bottom: solid 3px #b2b1b1;
	box-shadow: inset 0 0 0 1px #d0d0d0;
}

a.button:active {
	background: #dfdfdf;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dfdfdf),
		to(#e3e3e3));
	background: -moz-linear-gradient(#dfdfdf, #e3e3e3);
	background: linear-gradient(#dfdfdf, #e3e3e3);
	border: solid 1px #959595;
	box-shadow: inset 0 10px 15px 0 #c4c4c4;
	top: 2px;
}

.button.right {
	float: right;
}

.small-article-section {
	width: 100%;
	height: 45%;
}

.topicImg {
	width: 100%;
	height: 75%;
	overflow: hidden;
}

.aboutUsTitle {
 	padding-top: 5px;
	margin-bottom: 40px;
	/*font-weight: bold;*/
	float: left;
	/*border-top: 6px solid red;*/
	color: #8a8a8a !important;
}

.aboutUsTitleRow {
	margin-top: 30px;
	width: 100%;
}

.blackLine {
	float: left;
	width: 70%;
	border-top: 6px solid black;
	font-size: 55px;
}

.searchlist {
	margin: 0;
	padding: 0;
	list-style: none;
}

.searchItem {
    border-bottom: 1px dashed #acacac;
	min-height: 140px;
    height: auto;
    padding-top: 20px;
    padding-bottom: 10px;
    position: relative;
    text-align: left;
    width: 100%;
}

.searchItemTitle {
    font-weight: bold;
    margin: 5px 0 11px 0;
}

.searchItemDesc {
    height: auto;
    margin-bottom: 13px;
    overflow: hidden;
}


.generalDateCss.searchItemDate {
    height: 20px;
}

.mainSrc.inlineAuthor {
    margin-left: 5px;
	color: #848484;
    display: inline-block;
    float: none;
    height: auto;
    vertical-align: top;
    width: auto;
}

.searchItemBody {
  line-height: 14px;
    position: relative;
    width: 70%;
     line-height: 16px;
}

.numberOfResults {
	margin: 20px 0;
    text-align: left;
	font-weight: bold;
	color: #474747 !important;
}

.searchItemImg {
	float: left;
    height: 115px;
    margin-right: 20px;
    width: 115px;
	overflow: hidden;
	position: relative;
}

.readMore {
	border-bottom: 1px dashed #acacac;
    height: 20px;
    padding-bottom: 20px;
    width: auto;
}

.readMore a {
	margin-top: 0;
	margin-bottom: 0;
}

.searchlist li {
	line-height: 16px;
	font-weight: normal;
	margin-top: 25px;
	margin-bottom: 5px;
	text-align: left;
	font-size: 13px;
}

.searchlist li h1 {
	margin-bottom: 10px;
}

.searchlist li h1 a {
	color: #000000;
	font-size:16px;
	font-weight: bold;
}

.searchlist li h1 a:hover {
	text-decoration: underline;
}

.searchlist li span {
	color: #848484;
	font-size: 12px;
	font-weight: lighter;
	background: url("images/time-icon.png") no-repeat;
	text-indent: 15px;
	display: block;
}
.searchlist li div{
	display: table-cell;
    padding-right: 5px;
    vertical-align: top;
}
.searchlist li {
	border-bottom: 1px dashed #acacac;
	padding-bottom: 20px;
}
.newsSection {
	line-height: 25px;
	font-weight: normal;
	color: #111111;
	width: 80%;
	margin-top: 20px;
	margin-bottom: 10px;
	float: left;
	text-align: left;
}

.newsSection>span {
	color: #cf171f;
	font-weight: bold;
}

.newsSectionTitle {
	color: #111111;
	margin-bottom: 10px;
	padding-left: 10px;
	 letter-spacing: -0.07em;
}

.newsSectionTitle>span {
	font-weight: bold;
	color: #cf171f;
}

.newsSection a {
	text-decoration: none;
	color: #000000;
}

.text-image {
	font-weight: bold;
	color: black;
	float: right;
	padding-top: 20px;
	width: 350px;
	height: 200px;
	background: url("images/text-image.png") no-repeat top;
	float: right;
}

.text-image>span {
	font-weight: normal;
	font-size: 16px;
}

.map-and-address {
	width: 100%;
}

.map {
	width: 50%;
	float: left;
}

.address {
	margin-top: 10px;
	margin-left: 33px;
	width: 44%;
	float: left;
	font-weight: bold;
	color: black;
	text-align: left;
}

.upper {
	width: 100%;
	border-bottom: 6px solid black;
}

.upper1 {
	width: 100%;
	font-weight: bold;
	color: black;
	text-align: left;
	margin-bottom: 10px;
}

.upper2 {
	width: 100%;
	font-weight: bold;
	color: black;
}

.lower {
	width: 100%;
	font-weight: normal;
	margin-top: 20px;
}

.lower1 {
	width: 100%;
	font-weight: normal;
	margin-top: 20px;
}

.lower2 {
	width: 100%;
	font-weight: normal;
	margin-top: 20px;
}

.title-font {
	font-weight: bold;
	color: black;
}

.middle-row {
	height: 79px;
	background-color: #f8f8f8;
	text-align: left;
	margin-top: 30px;
	width: 100%;
	padding-top: 22px;
	padding-left: 19px;
}

.middle-row-item {
	width: 25%;
	float: left;
}

.bottom-row {
	margin-bottom: 45px;
	height: 157px;
	background-color: #f8f8f8;
	text-align: left;
	margin-top: 30px;
	width: 100%;
	padding-top: 22px;
	padding-left: 19px;
}

.bottom-row-item {
	width: 50%;
	float: left;
}

.form-and-image {
	width: 100%;
	margin-bottom: 20px;
}

.form1 {
	width: 44%;
	float: left;
	position: relative;
}

.contactform {
	width: 100%;
	float: left;
}

.quoteform {
	width: 96%;
}

.quoteFormDiv {
	width:100%;
	height:auto;
	margin-bottom: 10px;
	padding-left:15px;
	text-align: left;
	overflow: auto;
}

.contactform input[type=text],.contactform textarea {
	line-height: 22px;
}

.contactform input[type=submit] {
	padding: 5px 15px;
	background: red;
	border: 0 none;
	cursor: pointer;
	color: #fff;
	float: right;
	padding: 10px 20px;
}

.form-text {
	text-align: left;
	font-weight: normal;
	line-height: 25px;
	border-bottom: 4px solid black;
	margin-bottom: 5px;;
}

.send-button {
    width:67px;
    height: 34px;
    background-color:#ce2021;
    color:white;
    padding-top:5px;
    float:right;
    margin: 2px 0;
	cursor: pointer;
	height: 25px;
	margin-bottom: 3%;
	margin-left: 83%;
	padding-top: 1%;
	transition: all 0.2s linear 0s;
	width: 95px;
	border: 0 none;
	-webkit-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	text-align: center;
	line-height: 18px;
}

.send-button:hover {
	background-color: white;
	color:#ce2021;
	-webkit-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
}

.note {
	text-align: left;
	color: #5e5e5e !important;
	margin-bottom: 20px;
}

.left- {
	width: 70%;
	height: 90%;
	float: left;
}

.right- {
	width: 30%;
	height: 90%;
	float: right;
}

.alertify-logs {
	z-index: 9999 !important;
	top: 200px !important;
}

/********** Subscribe **********/
.emailNameDiv {
	width: 100%;
	height: 30px;
	margin-top: 30px;
	margin-bottom: 10px;
}

.subscribeInput {
	float: left;
	height: 25px;
	margin-right: 2%;
	margin-top: 1%;
	padding-left: 3px;
	width: 45%;
}

.quoteInput {
	float: left;
	height: 25px;
	margin-right: 15px;
	margin-bottom: 10px;
	padding-left: 3px;
	width: 315px;
}

.subscribeSelect {
	float: left;
	height: 30px;
	margin-top: 1%;
	width: 46.5%;
}

.numbers {
	width: 80%;
	float: left;
	height: 25px;
	margin-bottom: 8px;
}

.width98 {
	width: 98%
}

.row {
	margin-top: 30px
}

.width99 {
	width: 99%
}

.subscribeLabel {
	width: 48.5%;
	height: 30px;
	float: left;
	transform: translateY(40%);
	text-align: left;
}

.captchaImg {
	float: left;
	transform: translateY(30%);
	margin-right: 3%;
}

.subscribeMessage {
	color: #016c2c;
	margin-top: 20%;
}
/********** Subscribe **********/
.rssList{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.rssList li{
	float: left;
	width:40%;
	background-color: #f8f8f8;
	padding: 18px 23px 18px 23px;
	margin: 10px;
}
.rssList li span{
	display: block;
	text-align: left;
	font-size: 20px;
	font-weight: normal;
	/*text-transform: uppercase;*/
}
.rssList li a{
	display: block;
	text-align: left;
	color: #000000;
	margin-top: 10px;
	background: url("images/attach.png") no-repeat;
	text-indent: 20px;
	font-size: 16px;
}
.rssList li a:hover{
	text-decoration: underline;
}
.ArticleGallery{
	margin: 20px 0;
	text-align: left;
	height: auto;
}

.galleryItem {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
}

.imageCss {
	/*height: 404px;*/
	width: 716px;
	overflow: hidden;
	position: relative;
}

.galleryItem .galleryImage a{
    display: block;
    height: 100%;
    position: relative;
    width: 100%;
}

.galleryItem .galleryLabel label {
    display: block;
    overflow: hidden;
    padding-left: 6px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto;
	margin-top: 3px;
	height: 100%;
}

.galleryImage {
	background-color: #f8f8f8;
    border: 1px solid #e3e2e2;
    height: 160px;
    overflow: hidden;
    padding: 5px;
    position: relative !important;
    width: 160px;
	border-bottom: none;
}

.galleryImageContainer {
	height: 160px;
	width: 160px;
	overflow: hidden;
}

.galleryLabel {
	text-align: center;
	font-size: 12px;
	padding: 2px;
	background-color: #eeeeee;
	position: relative;
	width:168px;
	border: 1px solid #e3e2e2;
	border-top: none;
	height: 23px;
	padding-left: 0px;
}

.mediumgray{
	font-size: 12px;
	color:#555;
}
.bigGray{
	font-size: 14px;
}

.widgetGallery{
	width:100%;
}
.galleryWidgetThumb {
    height: 100px;
    margin-left: 1px;
    margin-top: 3px;
    overflow: hidden;
    position: relative;
    width: 100px;
}

/*mhajjar@koein.com start*/
.main-menu .insideWrap{
	margin-left: auto;
	margin-right: auto;
	width: 1024px;
	position: relative;
}

.main-menu .insideWrap .MainMenuItem{
	width: 93px;
}
.top-head-section-center > a {
    display: block;
    height: 120px;
    margin-left: auto;
    margin-right: auto;
    width: 213px;
}
.main-menu .insideWrap .drawer{
	padding-right:0px;
}
.top-head .wrapHeader {
    margin-left: auto;
    margin-right: auto;
	width: 1024px;
    position: relative;
}
.top-head .time-update {
	font-size:11px;
}

.top-head  .btn-white-lg.font-red a {
	display: block;
	position: relative;
    color: #b00c0d;
}
/**breaking-news**/
.breaking-news .cd-words-wrapper a {
	display: block;
	overflow: hidden;
	position: relative;
	text-overflow: ellipsis;
	white-space:nowrap;
	width: 745px;
	font-weight: bold;
}
.text-breaking-news.cd-headline.slide{
	max-width: 753px;
}

/**breaking-news***************/
.social-media {
    margin-top: 7px;
}
.social-banner {
	 height: 90px;
    width: 1024px;
}

/**smallArticleWID**/
.smallArticleWID .small-news {
	min-height: 115px;
	height: auto;
    margin-left: 0;
    margin-top: 5px;
    overflow: hidden;
    position: relative;

}
.noTitle {
	height: 127px !important;
}
 .smallArticleWID .small-news span.textLeft  {
	margin-top: 3px;
	line-height: 19px;
	width: 100%;
	overflow: hidden;
	max-height: 59px;
	padding-bottom: 1px;
}

.smallArticleWID{
	padding-right: 1%;
	position: relative;
	width: 94%;
}
.smallArticleWID .element-container {
	height: 122px;
	width: 139px;
}
/**smallArticleWID
	margin-top: 0;
}***************/

.smallArticleWID .topSmall-news
{
	min-height: 132px;
	height: auto;
    position: relative;
	margin-bottom: 5px;
	margin-top: 5px;
}

.smallArticleWID .generalSocialID.social{
	/*border-bottom: 1px solid #e8e8e8;*/
}
.smallArticleWID .news-headlines .link{
	overflow: hidden;
	position: relative;
	white-space:nowrap;
}

.news-headlines.news-headlines-big {
    /*margin-top: 10px;*/
}

.news-description.news-description-big {
	/*max-height: 55px;*/
}
/**smallArticleWID***************/



/*****Social**/
.generalSocialID.social{
	/*display: none;*/
	height: auto;
	position: relative;
	text-align: left;
	float: left;
	clear: both;
	margin-bottom: 10px;
	margin-top: 10px;
	width:100%;
}

.generalSocialID.social .nbComments {
    color: #ece9ef;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 24px;

}
.generalSocialID.social .comments {
    position: relative;
    /*min-width: 70px;*/
    text-align: left;
    padding-right: 13px;
}

.generalSocialID.social .shares
{
	padding-right: 0px;
	min-width: 70px;
}

.generalSocialID.social .comments-area ,
.generalSocialID.social .comments ,
.generalSocialID.social .shares{
	display: inline-block;
	*display: inline;
	vertical-align: top;
	width:auto;
	/*text-transform: uppercase;*/
}

.generalSocialID.social .borderRight {
 background-color: #b6b6b6;
    height: 12px;
    position: absolute;
    right: 0;
    top: 2px;
    width: 1px;
}

.generalSocialID.social .share.shares {
    margin-left: 9px;
    margin-top: 0px;
    position: relative;
	cursor: pointer;
}

.shareLink {
	background-image: linear-gradient(to bottom, rgba(49, 49, 47, 0.97), #262625);
	border-color: #262625 #1c1c1b #121211;
	border-radius: 5px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.7), 0 0 1px rgba(255, 255, 255, 0.07) inset, 0 0 2px rgba(255, 255, 255, 0.15) inset;
	float: right;
    height: 30px;
    left: 130px;
    position: absolute;
    top: -40px;
    width: 68px;
	display: none;
}

.share-arrow-div {
    bottom: -12px;
    clip: rect(12px, 24px, 24px, 0px);
    display: block;
    height: 24px;
    line-height: 24px;
    margin-left: 23px;
    position: absolute;
    width: 24px;
}

.share-arrow {
	background-color: #454543;
    border: 2px solid #121211;
    box-sizing: content-box;
    display: block;
    height: 20px;
    transform: rotate(45deg) scale(0.5);
    width: 20px;
}

.twitterShare {
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="171" height="139"><g transform="translate(-282.32053,-396.30734)"><path style="fill:white" d="m 453.82593,412.80619 c -6.3097,2.79897 -13.09189,4.68982 -20.20852,5.54049 7.26413,-4.35454 12.84406,-11.24992 15.47067,-19.46675 -6.79934,4.03295 -14.3293,6.96055 -22.34461,8.53841 -6.41775,-6.83879 -15.56243,-11.111 -25.68298,-11.111 -19.43159,0 -35.18696,15.75365 -35.18696,35.18525 0,2.75781 0.31128,5.44359 0.91155,8.01875 -29.24344,-1.46723 -55.16995,-15.47582 -72.52461,-36.76396 -3.02879,5.19662 -4.76443,11.24048 -4.76443,17.6891 0,12.20777 6.21194,22.97747 15.65332,29.28716 -5.76773,-0.18265 -11.19331,-1.76565 -15.93716,-4.40083 -0.004,0.14663 -0.004,0.29412 -0.004,0.44248 0,17.04767 12.12889,31.26806 28.22555,34.50266 -2.95247,0.80436 -6.06101,1.23398 -9.26989,1.23398 -2.2673,0 -4.47114,-0.22124 -6.62011,-0.63114 4.47801,13.97857 17.47214,24.15143 32.86992,24.43441 -12.04227,9.43796 -27.21366,15.06335 -43.69965,15.06335 -2.84014,0 -5.64082,-0.16722 -8.39349,-0.49223 15.57186,9.98421 34.06703,15.8094 53.93768,15.8094 64.72024,0 100.11301,-53.61524 100.11301,-100.11387 0,-1.52554 -0.0343,-3.04251 -0.10204,-4.55261 6.87394,-4.95995 12.83891,-11.15646 17.55618,-18.21305 z" /></g></svg>')
		no-repeat;
	background-size: 18px;
	background-position: 2px 4px;
}

.facebookShare {
	background:
		url('data:image/svg+xml;utf8,<svg viewBox="0 0 33 33" width="25" height="25" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><path style="fill:white" d="M 17.996,32L 12,32 L 12,16 l-4,0 l0-5.514 l 4-0.002l-0.006-3.248C 11.993,2.737, 13.213,0, 18.512,0l 4.412,0 l0,5.515 l-2.757,0 c-2.063,0-2.163,0.77-2.163,2.209l-0.008,2.76l 4.959,0 l-0.585,5.514L 18,16L 17.996,32z"></path></g></svg>')
		no-repeat;
	background-size: 18px;
	background-position: 0px 2px;
	display: none;
}

.shareCss {
	border: medium none;
    display: block;
    height: 20px;
    margin: 5px 7px;
    text-indent: -200px;
    width: 20px;
	overflow: hidden;
}

.shareLinkContainer {
	display: inline;
	padding: 0;
}

.shareLinkContainer div {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    list-style: none outside none;
    margin: 0;
}

/**social*************/

/**smallArticleWID***************/

/**mostReadWatchedWID**/

.mostReadWatchedWID{
	height: 100%;
    position: relative;
}

.mostWatchedParent {
    height: 40px;
    position: relative;
    text-align: left;
    width: 100%;
}
.mostWatchedParent .most-watched-title {
    float: none;
    display: inline-block;
    *display: inline;
    vertical-align: top;
    margin-top: 13px;
}
.mostReadWatchedWID .textLeft .link{
	display: block;
	height: 24px;
	margin-top: 0;
	overflow: hidden;
	position: relative;
	white-space: nowrap;
	padding-bottom: 1px;
}
.mostReadWatchedWID .square-white{
	margin-top: 12px;
}
.mostReadWatchedWID .most-read-articles {
    height: 108px;
    margin-top: 11px;
    padding-bottom: 4px;
    padding-left: 15px;
    padding-top: 8px;
}
.mostReadWatchedWID .most-watched-videos {
    margin-top: 11px;
    text-align: left;
}
.mostReadWatchedWID .most-watched-videos > a {
	display: inline-block;
	*display: inline;
	vertical-align: top;
	margin-right: 5px;
	margin-left: 5px;
    overflow: hidden;
    text-align: left;
	width: 170px;
	position: relative;
}
.mostReadWatchedWID .most-watched-videos-only {
    margin-top: 11px;
}
.mostReadWatchedWID .most-watched-videos-only > a {
	display: inline-block;
	*display: inline;
	vertical-align: top;
	margin-right: 12px;
	margin-left: 12px;
    overflow: hidden;
    text-align: left;
    width: 170px;
	position: relative;
}
.mostReadWatchedWID .mw-video {
    height: 120px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.mostReadWatchedWID .play-white,.videoButton {
	background-image: url("images/play-white.png");
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
/**smallArticleWID***************/


/**categoryImgTextWID**/
.categoryImgTextWID {
position: relative;
width: 100%;
}
.categoryImgTextWI .datetime-author {
position: relative;

}
 .categoryImgTextWID .category-media.left a{
	display: block;
	height: 100%;
	position: relative;
}
.categoryImgTextWID .news-datetime {
	padding-left: 5px;
}
.categoryImgTextWID .by-author {
	margin-left: 10px;
}
.categoryImgTextWID .news-headlines a{
	display: block;
	overflow: hidden;
	position: relative;
	text-overflow: ellipsis;
	white-space:nowrap;
	margin-bottom: 4px;
}
.categoryImgTextWID .category-media {
    height: 311px;
}
.categoryImgTextWID .news-title.news-title-big{
	display: block;
	/*overflow: hidden;*/
	position: relative;
	/*text-overflow: ellipsis;*/
	/*white-space:nowrap;*/
}
.categoryImgTextWID .generalSocialID {
    height: 21px;
}
.categoryImgTextWID .news-readmore {
    display: block;
    float: none;
    margin-bottom: 5px;
    margin-top: 9px;
    position: relative;
}
.categoryImgTextWID .double-separator {
    margin-top: 12px;
}
/**categoryImgTextWID***************/




/**aDayAheadWID*/
.aDayAheadWID .adayahead-title {
	width: auto;
	text-align: left;
	/*text-transform: uppercase;*/
	position: relative;
	font-size: 18px;
}
.aDayAheadWID .square,.aDayAheadWID .square-white {
    background-color: #fff;
    background-image: none;
    height: 7px;
    margin-right: 5px;
    margin-top: 6px;
    width: 7px;
}
.aDayAheadWID .item{
	width: 293px;
	margin-right: 47px;
}
.aDayAheadWID .item.last{
	margin-right: 0;
}
.aDayAheadWID .adayahead-articles .aDayBlockTitle{
	margin-bottom:10px;
}

.aDayBlockTitleCss {
	height:33px;
	line-height: 20px;
	overflow: hidden;
	padding-bottom: 1px;
}
/**aDayAheadWID***************/


/**opinionsWID*/
.opinions-container .opinion-text {
    font-size: 13px;
    left: 10px;
    text-align: left;
    width: 160px;
}

.opinions-container .opinion-text a
{
	font-weight: bold;
	max-height: 65px;
	overflow: hidden;
	padding-bottom: 2px;
}
.opinions-container .opinion-by
{
	margin-top: 5px;
}

.opinions-container .opinion {
    width: 335px;
    bottom: 20px;
}
.opinionsWID .opinion-title{
	font-size: 22px;
}
/**opinionsWID***************/


/**manyCategoryWID**/
.manyCategoryWID {
	height: 470px;
    padding-top: 20px;
}
.manyCategoryWID .category {
	height: 360px;
}
.category.multimedia {
	width: 98%;
	float: left;
}
.manyCategoryWID .category-details .by-author {
    margin-left: 3px;
}
.manyCategoryWID .small-article-media.left > a {
    display: block;
    position: relative;
	width: 100%;
	height: 100%;
}
.manyCategoryWID .news-readmore {
    margin-bottom: 0;
}
.manyCategoryWID .small-article .small-article-details {
    margin-bottom: 10px;
    width: 343px;
}
.manyCategoryWID .small-article .small-article-media.right > a {
    display: block;
    position: relative;
	width: 100%;
	height: 100%;
}
.manyCategoryWID .category-bottom-right.right .news-datetime {
	padding-left: 10px;
	padding-top: 5px;
}
.manyCategoryWID .category-bottom .category-bottom-right .news-readmore {
    color: #1b1b1b;
}
.manyCategoryWID .news-description-big {
    display: block;
    float: none;
    margin-left: 0;
    margin-right: auto;
    width: 93%;
}
.manyCategoryWID .generalSocialID {
    height: 19px;
}
.manyCategoryWID .smallArticleSectionTop .small-article {
    width: 100%;
}
.manyCategoryWID .smallArticleSectionTop .datetime-author {
    margin-top: 11px;
}
.manyCategoryWID .small-article-section.smallArticleSectionTop {
    /*margin-top: 22px;*/
}
.manyCategoryWID .smallDetailBtm{
	width: 49%;
}
/**manyCategoryWID***************/

/**mediumThreeArticlesWID***/
.mediumThreeArticlesWID {
	margin-left: 20px;
}
.mediumThreeArticlesWID .news-datetime{
padding-left: 3px;
}

.mediumThreeArticlesWID .dashed-separator {
    margin-left: 10px;
    margin-right: 10px;
}

.mediumThreeArticlesWID .news-description-big {
    float: none;
    margin-left: 0;
    margin-right: auto;
    text-align: left;
}
.mediumThreeArticlesWID .sub-category {
    /*margin-left: 10px;
    margin-right: 10px;*/
}
.mediumThreeArticlesWID .generalSocialID.social {
    height: 20px;
}
/**mediumThreeArticlesWID***************/


/**smallTwoArticlesWID***/
.smallTwoArticlesNoDetailsWID .small-category {
	width: 465px;
}
.smallTwoArticlesNoDetailsWID .small-category-media > a {
    display: block;
    position: relative;
    height: 100%;
}
/**smallTwoArticlesNoDetailsWID***************/

/**owlCarouselWID***/
.owlCarouselWID.articles-slider .item {
	padding: 9px 0;
}
.owlCarouselWID .article-image a{
 display: block;
    height: 108px;
    overflow: hidden;
}
.owlCarouselWID .article-image .cadre{
	border: 2px solid #fff;
    height: 108px;
    left: 0;
    position: absolute;
    top: 0;
    width: 171px;
}
.owlCarouselWID .article-image {
	height: auto;
	position: relative;
	overflow: hidden;
	height: 112px;
}
.owlCarouselWID .article-title {
	margin-top: 10px;
	line-height: 17px;
	max-height: 85px;
	overflow: hidden;
}
.owlCarouselWID .article-text {
	text-align: left;
	line-height: 17px;
	max-height: 35px;
	overflow: hidden;
}

.articles-slider.owl-carousel.owl-theme.owlCarouselWID {
	cursor: pointer;
}

/**owlCarouselWID***************/

/**footerLinksWrap**/
.footerLinksWrap {
    height: 245px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 1024px;
}
.footerLinksWrap .footer-ul-1{
 margin-left: 0;
}
.footerLinksWrap .footer-links {
    height: 100%;
    margin-left: 0;
    width: 685px;
}
.footer-wrapper{
	height: 245px;
    min-width: 1024px;
    position: relative;

}
.footer-wrapper .newsletter-wrapper {
    float: none;
    position: absolute;
    right: 13.467%;
    top: 0;
}

.footer-wrapper .logo-wrapper {
    float: none;
    height: 245px;
    position: absolute;
    right: 0;
    top: 0;
}

/**footerLinksWrap***************/


/**ads250by250WrapID**/

.ads250by250WrapID {
    height: 250px;
    right: 0;
    position: absolute;
    top: 0;
    width: 250px;
}
/**ads250by250WrapID***************/


.categoryImgTextWID .datetime-author{
	position: relative;
}

.categoryImgTextWID .datetime-author .clock {
	position: absolute;
	top: 0;
	left: 0;
}

.categoryImgTextWID .news-datetime {
    padding-left: 13px;
}

/***general css*/

.adjustSpacing {
    letter-spacing: -0.3em;
    word-spacing: -0.3em;
}

.coloredLine{
    background-color:#cf171f;
    height: 6px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
 .aboutUsTitle{
 	display:inline-block;
 	*display: inline;
 	vertical-align: top;
 	position: relative;
    letter-spacing: -2px;

 }
.aboutUsTitleRow {
    margin-top: 30px;
    position: relative;
    width: 100%;
}
.blackLine {
	border:none;
    background-color: #000;
    float: none;
    font-size: 55px;
    height: 6px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.newsSection{
	margin-bottom: 5px;
    margin-top: 15px;
}
.newsSectionTitle{
  padding-left: 0;
}
.leftSectionPart {
    width: 66%;
    padding-bottom: 12px;
}
.rightSectionPart{
	width: 33%;
}
.at-svc-facebook{
	margin-left: 0;
}
.newsSection{
	width: 100%;
}


/*------wrapTextTLineCss---------*/

.wrapTextTLineCss{
	height: 33px;
    position: relative;
    text-align: left;
    width: 100%;
}

.wrapTextTLineCss .blackLineCss{
	height: 5px;
	background-color: #000;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;

}
.wrapTextTLineCss .textTitleCss{
	/*text-transform: uppercase;*/
	display: inline-block;
	*display: inline;
	vertical-align: top;
	width: auto;
	position: relative;
	height: 33px;

}
.coloredLineCss{
	height: 5px;
	background-color: #046db0;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.widgetColoredLineCss{
	height: 5px;
	background-color: #0aaf4c;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
/*----*/
.imageOwlWrap{
	  margin-top: 25px;
}

.imageOwlWrap .owl-item a {
    display: block;
    height: 100%;
    position: relative;
    width: 100%;
}
/*
.sliderArrowCss{
	border: 2px solid #8d8384;
    cursor: pointer;
    height: 28px;
    padding-top: 8px;
    position: absolute;
    text-align: center;
    top: 30%;
    width: 38px;
}
.sliderArrowCss img{
	width: 11px;
}*/
.sliderArrowCss:hover{
	border: 2px solid #b2a8a9;

}
.widgetStylingCss{
position: relative;
margin-bottom: 20px;
}
/*-------wrapTextTLineCss end--------*/


/***general css*************************/

/*about us page*/

.awardItems{
	margin-top: 10px;
}
/*about us page*********/

.awardItem{
	float: left;
	line-height: 17px;
    margin-right: 6px;
    position: relative;
    text-align: center;
}
.awardItem.last{
	margin-right: 0;
}
.awardItem img{
	margin-bottom: 3px!important;
}
.contactRow{
	position: relative;
	float: none;
	clear: both;
}

/*contact us page*/

.contactform input[type=text],.contactform textarea ,.subscribeInput {
	border: 1px solid #d0d0d0;
	resize:none;
}
.contactform textarea {
	width: 653px;
	margin-top: 10px;
}
.map-and-address .upper {
    border-bottom: 3px solid black;
    padding-bottom: 5px;
    width: 100%;
}
.address{
	 width: 45%;
}

.aboutUsPID,.subscribePID ,.contactUsPID,.advertisingPID,.searchPID,.galleryPID{
	width: 100%!important;
}

.aboutUsPID .aboutUsTitle,
.advertisingPID .aboutUsTitle,
.searchPID .aboutUsTitle,.galleryPID .aboutUsTitle{
	margin-bottom: 0;
}

.twoInput{
	width:100%;
	height:30px;
	margin-bottom: 10px;
}

.inputWrap {
    border: 1px solid #d0d0d0;
    height: 30px;
    margin-right: 17px;
    position: relative;
    width: 141px;
}
.inputWrap input{
   background-color: transparent;
    border: medium none !important;
    height: 17px;
    left: 3px;
    position: absolute;
    top: 4px;
    width: 129px;
	color: #000000;
}
.inputWrap.textareaType{
   height: 119px;
    margin-right: 0;
    overflow: hidden;
    position: relative;
    width: 301px;
	color: #000000;

}
.inputWrap.textareaType textarea{
	background-color: transparent;
	border: medium none !important;
	height: 112px;
	left: 4px;
	position: absolute;
	top: 0;
	width: 121px;
	line-height:22px;
	color: #000000;
}
.subscribePID .emailNameDiv .parentInput select{
	border: none!important;
	width: 208px;
	   height: 27px;
}
.parentInput{
	position: relative;
	width: 100%;
	 height: 40px;
}
.subscribePID .labelWrap{
	width: 236px;
}
.subscribePID .inputWrap{
	  width: 210px;
	  margin-right: 0;
}
/**contact us page****************/


/**subscribe page**/
.subscribePID .emailNameDiv{
	 height: 310px;
    position: relative;
}
.subscribePID .emailNameDiv .select{

}

 .subscribePID .subscribeInput{
	margin-right: 0;
	width: 46%;
	 width: 206px;
}

.subscribePID .emailNameDiv select{
	color: #212121;
	border: 1px solid #d0d0d0;
	resize:none;
	width: 48%;
	width: 214px;
}
.subscribePID .emailNameDiv option{
	color: #212121;
}
.subscribePID .send-button {
    margin: 0 !important;
    position: absolute;
    right: 0;
    top: 0;
    padding-bottom: 2px;
    padding-top: 6px;
}
.subscribePID .wrapButtons  {
	position: relative;
	height: 50px;
	width: 100%;
}
.subscribeInput.captchaInput {
    margin-left: 20px;
}
.subscribePID .form-text {
    border-bottom: 4px solid black;
    color: #797979;
    line-height: 20px;
    margin-bottom: 5px;
    padding-bottom: 7px;
    text-align: left;
}
.subscribePID .aboutUsTitle{
	margin-bottom: 13px;
}
.subscribePID .note {
     position: relative;

}
/**subscribe page****************/


/**votingWID*/
.votingWID{
	height: auto!important;
	padding-bottom: 12px;
    padding-top: 12px;
}
.votingWID label.poll_active {
    color: #2d2d2d;
    width: 90%;
}
.votingWID form.webPoll{
	background-color:transparent;
  border: medium none;
    -moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
    box-shadow: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.votingWID form.webPoll fieldset{
 background: none repeat scroll 0 0 transparent;
    border: medium none;
    -moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
    margin: 0;
    padding: 0;
    position: relative;
}
.votingWID label.poll_results {
    color: #2d2d2d;
}
.votingWID .webPoll ul{
    -moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
   border: 1px solid #b2b2b2!important;
}

.votingWID .vote {
    cursor: pointer;
    height: 24px;
    text-align: center;
    width: 63px;
}
.votingWID .buttons {
    margin: 8px auto;
    padding: 0;
    text-align: right;
    width: 100%;
}
/**votingWID****************/


/**articlePID***/

.relatedArticleClass{
	border: 1px solid #ddd;
	 height: 150px;
	 padding: 10px;
}
.relatedArticleClass.relatedArticleClass{
	 height: 120px;
	  position: relative;
	  width: 269px;
	  margin-bottom: 11px;
}
.topTitle{
   color: #000;
    display: block;
    font-weight: bold;
    margin-bottom: 8px;
}
.relatedArticleClass .imgDesc{
  display: block;
    height: 88px;
    overflow: hidden;
    position: relative;
    width: 101px;
}
.relatedArticleClass .wrapInfo{
 margin-left: 5px;
    width: 139px
}
.wrapInfo .smallTitle {
	font-weight: bold;
	color: #0aaf4c;
}
.wrapInfo .readMore{
	color: #ccc;
    display: block;
    margin-top: 6px;
    position: relative;
}
.wrapInfo .smallDesc{
 	color: #000;
    display: block;
    margin-top: 4px;
    position: relative;
}
.articlePID .shareLine{
	border-bottom:none;
}
.articlePID .shareLine.addBorderBtm{
  border-bottom: 1px solid #dfdfde;
}
.galleryPID .shareLine{
	border-bottom:none;
}
.galleryPID .shareLine.addBorderBtm{
  border-bottom: 1px solid #dfdfde;
}
.articlePID  .articleFirstSocial {
    top: 0;
}
.articlePID .aboutUsTitle{
   margin-bottom: 21px;
}
.articlePID .articleDetailsDate ,.articlePID .articleDetailsAuthor{
	padding-top: 13px;
	float:none;
	display: inline-block;
	*display:inline;
	vertical-align: top;
	width: auto;
}
.articlePID .articleDetailsAuthor{
	margin-left: 10px;
}
.wrapArticleDateCss {
    height: 39px;
    margin-top: 6px;
    position: relative;
    width: 100%;
}
.sharelines{
	  margin-bottom: 14px;
}
.articleFirstSocial {
    display: block;
    float: right;
    position: relative;
    right: 0;
    top: 0;

    width: 181px;
}
.articleDetailsBigImg {
    width: 700px;
}
.relatedArticleClass .rightArrow {
  background-color: #f1f1f1;
    border: medium none;
    height: 137px;
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
}

.relatedArticleClass .rightArrow  a {
    background-image: url("images/right-arrow.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
/**articlePID****************/

/**moreArticleWID**/

.moreArticleWID {
	min-height: 247px;
    margin-top: 15px;
    position: relative;
    width: 100%;
}
.moreArticleWID .topicsTitle{
 height: 21px;
 padding: 12px;
 padding-left: 0px;
 /*text-transform: uppercase;*/
}
.moreArticleWID .secarimg{
	margin-bottom: 8px;
}
.moreArticleWID .singleSport.last{
	margin-right: 0;
}
/**moreArticleWID****************/




/**fullTwoArticlesNoDetailsWID****/
.fullTwoArticlesNoDetailsWID .generalDateCss{
  margin-top: 6px;
}
.fullTwoArticlesNoDetailsWID .missOutArticle {
    float: left;
    height: 85%;
    margin-right: 4%;
    margin-top: 20px;
    width: 48%;
}
/**fullTwoArticlesNoDetailsWID****************/


.mainBtnLink::before,a.button::before{
	box-shadow:none;
	border-radius:0px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0px;
	-webkit-box-shadow:none;
	-moz-box-shadow: none;
	left: auto;
	right: 0;
	padding: 0;
	margin: 0;
	display: block;
	color: #ce2021;
}
a.button,.mainBtnLink{
	-webkit-border-radius: 0;
	-moz-border-radius: 0px;
	-webkit-box-shadow:none;
	-moz-box-shadow: none;
	border-radius:0px;
	background: none;
	border:none;
	color: #ce2021;
	box-shadow: none;
}
a.button:hover,.mainBtnLink:hover{
	-webkit-border-radius: 0;
	-moz-border-radius: 0px;
	-webkit-box-shadow:none;
	-moz-box-shadow: none;
	background: none;
	border:none;
	box-shadow: none;
	  color: #ac0000;
}
.articleDetailsBody .pagingWrap {
    text-align: right;
    position: relative;
    width: 100%;
}
.articleDetailsBody td{
	vertical-align: top;
}
.mainBtnLink.nextCss {
    position: absolute;
    right: 0;
    top: 0;
}
.mainBtnLink.prevCss {
    position: absolute;
    top: 0;
    left: 0;
}
.articleDetailsBody .center{
    height: 20px;
    position: relative;
    width: 640px;
}

/**stayUpdated***/
.stayUpdatedWID{
	position: relative;
	margin-top: 17px;
	height:126px !important;
}
/**stayUpdated****************/

.multimedias .multimediaHeadTitle{
	float: none;
    height: 45px;
    margin-left: 0;
    text-align: left;
    width: 100%;
}
.generalDateCss{
	height: 22px;
	position: relative;
	text-align: left;
	width: 100%;
}
.multimedias .generalDateCss {
    height: 19px;
  }
.multimedias .wrapImgDetailsCss .mediaReadMore {
	 margin-left: 0;
	 width: 100%;
	 text-align: left;
}
.multimedias .generalSocialID.social {
    height: 23px;
}
.generalDateCss .mainDate {
    background: url("images/time-icon.png") no-repeat scroll left 50% rgba(0, 0, 0, 0);
    color: #848484;
    float: none;
    display: inline-block;
    *display: inline;
    vertical-align: top;
    width: auto;
    height: auto;
    padding-left: 18px;
    padding-top: 0;
    background-position: 0px 0px
}
.generalDateCss .mainSrc {
    color: #606060;
    float: none;
    display: inline-block;
    *display: inline;
    vertical-align: top;
    width: auto;
    height: auto;
    margin-left: 4px;
    padding-top: 0px;
    text-align: left;
}
.wrapImgDetailsCss{
	position: relative;
}

.moreMultimediaSingle {
    height: 163px;
    position: relative;
}

.moreMultimediaSingle a {
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
}
.moreMultimediaSingleTitle a
{
	display: block;
	text-align: left;
	width: 100%;
	position: relative;
}
.multimediaElementsWID{
	width: 100%;
	position: relative;
	text-align: left;
	height: auto;
}
.multimediaElementsWID .moreMultimediaTitle{
	/*text-transform: uppercase;*/
	position: relative;
	height: 28px;
	display: inline-block;
	*display: inline-block;
	vertical-align: top;
}
.multimediaElementsWID .singleMedia{
	 margin-right: 3%;
	 width: 31.33%;
}
.noMarginCss{
	margin-right: 0!important;
}

.noBorderCss{
	border-width: 0px !important;
}

.noPaddingCss{
	padding: 0px !important;
}

.noBackgroundCss{
	background-color: transparent !important;
}

/**topMajorArticleWID**/

.topMajorArticleWID {
    height: 614px;
    position: relative;
    width: 100%;
}

.wrapTextTLineCss.upsideDown .textTitleCss{
    color: #8a8a8a;
    padding-top: 6px;
}

.wrapTextTLineCss.upsideDown .blackLineCss{
	top: 0;
	bottom: auto;
}
.wrapTextTLineCss.upsideDown .coloredLineCss{
 top: 0;
 bottom: auto;
   background-color: #0aaf4c;
}
.wrapTextTLineCss.upsideDown {
	top: 0;height: 85px;
}

/**topMajorArticleWID*****end**********/

/**bigArticleBusinessWID***/
.bigArticleBusinessWID .bigArticleDesc{
    position: relative;
    width: 100%;
}
.bigArticleBusinessWID .artTitle{
    margin-bottom: 10px;
    margin-left: 0;
    max-height: 45px;
    overflow: hidden;
    text-align: left;
	padding-bottom: 1px;
}
.bigArticleBusinessWID{
	width: 100%;
	position: relative;
}

.bigArticleBusinessWID .bigArticleBusiness{
    float: none;
    height: 87%;
    position: relative;
    width: 100%;
    text-align: left;
}
.bigArticleBusinessWID .generalDateCss{
	margin-top: 7px;
}
.bigArticleBusinessWID .bigArticleImg {
	height: 395px;
    width: 100%;
	position: relative;
}

/**bigArticleBusinessWID*****end**********/


/**smallArticlesWID***/
.smallArticlesWID{
	width: 100%;
	position: relative;
	text-align: left;
	margin-top: 10px;
}
.smallArticleWID.rightSection{
	padding-right: 0!important;
	margin-right: 0!important;
}
.smallArticlesWID .smallArticleWID{
	display: inline-block;
    margin-right: 14px;
    padding-right: 0;
    vertical-align: top;
    width: 48%;
}
.smallArticlesWID .smallArticleWID .topSmall-news {
    height: 145px;
}

/**smallArticlesWID*****end**********/


.shareLine > a {
    display: block;
    height: 18px;
    left: 0;
    position: absolute;
    top: 3px;
    width: 100%;
}

.shareLine .shareText {
    float: none;
    padding-left: 42px;
    position: relative;
}

.subscibeForm .signUp{
	margin-top: 12px;
	width: 87px;
	height: 36px;
	position: relative;
}
.socialMediaIcon a{
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
}

.socialMediaIcon a.facebook{
	background-image:url(images/fb-grey.png);
}

.socialMediaIcon a.twitter{
	background-image:url(images/twitter-grey.png);
}
 /************************************************/


html {
    height: auto;
    min-height: 100%;
    position: relative;
}
body {
    height: 100%;
    min-height: 100%;
    overflow-x: hidden;
}
.mainWrapper{
	position: relative;
	padding-bottom: 245px;
}
.footer-wrapper {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
}
/****************/

/*mhajjar@koein.com end*/


/*li[data-sizey="1"] {
    height: 90px!important;
}
li[data-sizey="2"] {
    height: 180px!important;
}
li[data-sizey="3"] {
    height: 270px!important;
}
li[data-sizey="4"] {
    height: 360px!important;
}
li[data-sizey="5"] {
    height: 450px!important;
}
li[data-sizey="6"] {
    height:540px!important;
}
li[data-sizey="7"] {
    height: 630px!important;
}
li[data-sizey="8"] {
    height: 720px!important;
}
li[data-sizey="9"] {
    height: 810px!important;
}*/
/***************/

li[data-sizex="11"]{ width: 1024px !important; }
li[data-sizex="10"]{ width: 931px !important; }
li[data-sizex="9"]{ width: 838px !important; }
li[data-sizex="8"]{ width: 745px !important; }
li[data-sizex="7"]{ width: 652px !important; }
li[data-sizex="6"]{ width: 559px !important; }
li[data-sizex="5"]{ width: 465px !important; }
li[data-sizex="4"]{ width: 372px !important; }
li[data-sizex="3"]{ width: 279px !important; }
li[data-sizex="2"]{ width: 186px !important; }
li[data-sizex="1"]{ width: 93px !important; }

li[data-col="1"]{ left: 0px !important; }
li[data-col="2"]{ left: 93px !important; }
li[data-col="3"]{ left: 186px !important; }
li[data-col="4"]{ left: 279px !important; }
li[data-col="5"]{ left: 372px !important; }
li[data-col="6"]{ left: 465px !important; }
li[data-col="7"]{ left: 559px !important; }
li[data-col="8"]{ left: 652px !important; }
li[data-col="9"]{ left: 745px !important; }
li[data-col="10"]{ left: 838px !important; }
li[data-col="11"]{ left: 931px !important; }

/***********Floating Box*************/

.articleDetailsFloatingBox{
	/*
	width: 450px;
	height: 450px;
	*/
	float: right;
	z-index:99999;
}
.sideAdFooter {
	top: auto !important;
	bottom: 260px;
}
.sideAdFloatingBoxLeft {
	width: 160px;
	height: 600px;
	z-index:99999;
	position: absolute;
	left: 55px;
	top: 200px;
}
.sideAdFloatingBoxRight {
	width: 160px;
	height: 600px;
	z-index:99999;
	position: absolute;
	right: 11px;
	top: 200px;
}

.nextprev{
	font-size: 14px;
	color:black;
	padding: 3px;
	margin:1px;
	background-color: #d0d0d0;
	display: block;
}

/*****galleryImageInner****/
.galleryImageWrap{
	position: relative;
}

.galleryImageInner{
	position: relative;
	width: 100%;
}
.navigationWrap {
	height: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.navigationWrap .nextBtn{
	position: absolute;
    left: auto;
    right: 0;
    width: 47px;
    background-color: transparent;
}
.navigationWrap .prevBtn{
	position: absolute;
	left: 0;
	right: auto;
    background-color: transparent;
}
.paginationWrap .nextPage{
	position: absolute;
    left: auto;
    right: 0;
    background-color: transparent !important;
}
.paginationWrap .prevPage{
	position: absolute;
	left: 0;
	right: auto;
    background-color: transparent !important;
}
.paginationWrap {
	height: 40px;
    position: relative;
    width: 200px;
	font-weight: bold;
}
.nextArrow {
	width: 28px;
	height: 100%;
	background-image: url("images/right-arroww.png");
	background-repeat:  no-repeat;
	background-position: center center;
	background-size: 20px 40px;
	/*background-color: rgba(0,0,0,0.5);*/
	cursor: pointer;
	position: absolute;
	left: 688px;
	right: auto;
	top: 0;
}
.prevArrow {
	background-image: url("images/left-arrow.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px 40px;
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    right: auto;
    width: 28px;
	top: 0;
}
.nextArrow:hover {
	background-image: url("images/right-arroww-red.png");
}
.prevArrow:hover {
	background-image: url("images/left-arrow-red.png");
}
.articleFirstSocial {
    top: 13px;
}

.socialAddPanel .articleFirstSocial {
    top: 0;
}
.socialAddPanel {
    height: 39px;
    position: relative;
    width: 100%;
}

.captionImage{
	position: relative;
	width: 100%;
	height: 22px;
	margin-top: 7px;
}
/****galleryImageInner****/


/****articleBlock****/


.articleBlock{

	width: 175px;
	height: 100%;
	background-color: #333;
	color: #FFF;
	text-align: left;
}

.articleBlock .titleBlk
{
	color: #ddd;
    height: 23px;
    margin-top: 9px;
    padding-left: 10px;
    position: relative;
    width: 100%;
}

.articleBlock .descBlk{
color: #fff;
    height: auto;
    line-height: 16px;
    margin-top: 0;
    max-height: 66px;
    overflow: hidden;
    padding-left: 10px;
    width: 159px;
	letter-spacing: 0.5px;
}
/****articleBlock****/

/***copy right****/
.wrapCopyrights{
	position: relative;
	width: 100%;
	height: 22px;
}
.wrapCopyrights .copyText{
	color: #fff;
	position: relative;
	width: 100%;
	text-align: center;
}
.wrapCopyrights .copyText.powered{
	margin-top: 6px;
}
.wrapCopyrights .copyText.powered a{
	color: #fff;
	text-decoration: underline;
	font-weight: bold;
	display: inline;
}
/*******/

.jwplayer {
    margin-top: 44px!important;
 }
 .articleFirstSocial{
 	z-index: 2;
 }

.main-disqussion-link {
    color: #cf171f;
}

.backToArticle {
	color: #565656;
    float: left;
    height: auto;
    position: relative;
    text-align: left;
    top: 30px;
    width: 24%;
}

.backToArticleLink {
	color: #cf171f;
	font-family: inherit;
	font-size: inherit;
}

.wrapBackToArticleCss {
	height: 52px;
}

.marginTop30 {
	margin-top: 30px;
}

.adjustLetter{
	 letter-spacing:-0.07em;
}
/*Chrome CSS here*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.adjustSpacing{
	  letter-spacing: -0.3em;
	    word-spacing: -0.3em;
	}
	.category-title-red, .category-title-blue, .category-title-green, .category-title-lightgreen, .category-title-purple, .category-title-cyan{
		 line-height: 17px;
		   padding-bottom: 9px;
	}
	.newsSectionTitle {
  letter-spacing: -0.03em;
}
}

a.bx-prev, a.bx-next{
	position: absolute;
	top: 0;
	width: 30px;
	height: 100%;
	color: transparent;
	background-position: 0 center !important;
}
a.bx-prev{
	left: 5px;
	background: url('images/prev-recomended.png') no-repeat 0 0;
}
a.bx-next{
	right: -14px;
	background: url('images/next-recommended.png') no-repeat 0 0;
}
.bx-viewport {
margin-left: 15px !important;
width: 94% !important;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

u {
	text-decoration: underline;
}

#myElement {
	margin-top: 0 !important;
	width: 100% !important;
}

.imageLink {
	height: 100%;
	width: 100%;
	overflow:hidden;
	position: absolute;
}
.subSectionStyle {
	color: #8a8a8a !important;
	margin-top: 10px;
	margin-left: 2px;
}
.breakingNews {
    height: 35px;
    position: relative;
}

.centerImageY {
	/*
	margin: 0;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	*/
}

.fixSideAd {
	position: fixed;
	z-index: 9999999;
	top: 15px;
	margin-bottom: 245px;
}
.sponsoredContent{
	background-color: #fffad2;
    margin-top: 6px;
    padding: 10px;
    position: absolute;
    right: 11px;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 30%;
  position: relative;
  transition: all 5s ease-in-out;
}

.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: #06D85F;
}

@media screen and (max-width: 700px){
  .box{
    width: 70%;
  }
  .popup{
    width: 70%;
  }
}

.L1white{
	color:#fff;
	display:block;
	font-family:SourceSansProRegular;
	font-size:12px;
	letter-spacing:1px
}

.L1black{
	color:#000;
	display:block;
	font-family:SourceSansProRegular;
	font-size:12px;
	letter-spacing:1px
}

.L1white-bold{
	color:#fff;
	display:block;
	font-family:SourceSansProRegular;
	font-size:12px;
	letter-spacing:1px;
	font-weight:bold
}

.L1black-bold-ls1{
	color:#000;
	display:block;
	font-family:SourceSansProRegular;
	font-size:12px;
	letter-spacing:1px;
	font-weight:bold
}

.L1black-bold-ls0{
	color:#000;
	display:block;
	font-family:SourceSansProRegular;
	font-size:12px;
	letter-spacing:0px;
	font-weight:bold
}

.L2white{
	color:#fff;
	display:block;
	font-family:SourceSansProRegular;
	font-size:14px
	letter-spacing: 0.5px;
}

.L2white-ls1{
	color:#fff;
	display:block;
	font-family:SourceSansProRegular;
	font-size:14px;
	letter-spacing:1px
}

.L2black{
	color:#000;
	display:block;
	font-family:SourceSansProRegular;
	font-size:14px;
	letter-spacing:0px
}

.L3black{
	color:#000;
	display:block;
	font-family:SourceSansProRegular;
	font-size:16px;
	letter-spacing:0px
}

.L3white{
	color: #fff;
	display: block;
	font-family: SourceSansProRegular;
	font-size: 16px;
	letter-spacing: 1px;
}

.L3white-bold{
	color: #fff;
	display: block;
	font-family: SourceSansProRegular;
	font-size: 16px;
	font-weight:bold;
	letter-spacing: 1px;
}

.L3gray{
	color:gray;
	display:block;
	font-family:SourceSansProRegular;
	font-size:16px;
	letter-spacing:0px
}

.L4black-bold{
	color:#000;
	display:block;
	font-family:SourceSansProRegular;
	font-size:18px;
	font-weight:bold;
	letter-spacing:0px
}

.L4white-bold{
	color:#fff;
	display:block;
	font-family:SourceSansProRegular;
	font-size:18px;
	font-weight:bold;
	letter-spacing:1px
}

.L5Black-bold{
	color:#000;
	display:block;
	font-family:SourceSansProRegular;
	font-size:20px;
	font-weight:bold;
	letter-spacing:1px
}

#L5B .L5white-bold{
	color:#fff;
	display:block;
	font-family:SourceSansProRegular;
	font-size:20px;
	font-weight:bold;
	letter-spacing:1px
}

.L6white-bold{
	color:#fff;
	display:block;
	font-family:SourceSansProRegular;
	font-size:22px;
	font-weight:bold;
	letter-spacing:0px
}

.L7black{
	color:#000;
	display:block;
	font-family:SourceSansProRegular;
	font-size:22px;
	letter-spacing:0px;
	text-wrap:unrestricted
}

.L7black-bold{
	color:#000;
	display:block;
	font-family:SourceSansProRegular;
	font-size:22px;
	font-weight:bold;
	letter-spacing:0px;
	text-wrap:unrestricted
}

.L9black-bold{
	color:#000;
	display:block;
	font-family:SourceSansProRegular;
	font-size:30px;
	font-weight:bold;
	letter-spacing:0px
}

.s5black{
	color:#000;
	display:block;
	font-family:Sentinel-Bold;
	font-size:20px;
	letter-spacing:1px
}

.s5white{
	color:#fff;
	display:block;
	font-family:Sentinel-Bold;
	font-size:20px;
	letter-spacing:1px
}

.s2gray{
	color:#878787;
	display:block;
	font-family:Sentinel-Bold;
	font-size:14px
}

.s2black{
	color: #0000;
	display:block;
	font-family:Sentinel-Bold;
	font-size:14px
}

.s2black{
	color: #fff;
	display: block;
	font-family: Sentinel-Bold;
	font-size: 14px;
	letter-spacing: 1px;
}

.s6black{
	color: #000;
	display: block;
	font-family: Sentinel-Bold;
	font-size: 25px;
	letter-spacing: 1px;
}

.s6gray{
	color:#878787;
	display:block;
	font-family:Sentinel-Bold;
	font-size:25px
}

.S15black{
	color:#000;
	display:block;
	font-family:Sentinel-Bold;
	font-size:55px;
}

.cycle-overlay {
    font-family: tahoma, arial;
    position: absolute; bottom: 0; width: 100%; z-index: 600;
    background: black; color: white; padding: 15px; opacity: .5;
}
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
    .cycle-slideshow { width: 200px;}
    .cycle-overlay { padding: 4px }
    .cycle-caption { bottom: 4px; right: 4px }
}

.mainVideoDiv{
		width: 100%;
		color: white;
		text-align: left;
	}
	.videoGalleryUl{
		list-style: outside none none;
	}
	.videoTopDiv{
		margin-bottom: 15px;
	}
	.majorVideoLi{
		display: flex;
		flex: 3 1 auto;
		float: left;
		width: 74.9%;
		border-right: 0.0625rem solid #dfdfdf;
		height: 300px;
		margin-bottom: 10px;
	}
	.innerDiv{
		border-top: 1px solid #cf171f
	}
	.majorVideoLi .innerDiv{
		margin: 0 10px 0 0;
		display: flex;
		flex: 1 1 auto;
		background-color: #292929;
		width: 98%;
	}
	.minorVideoLi .innerDiv{
		margin: 0 0 0 10px;
		background-color: #f2f2f2;
		width: 100%;
		color: #000;
	}
	.otherVideoLi .innerDiv{
		margin: 0 10px;
		background-color: #f2f2f2;
		color: #000;
		width: 100%;
	}
	li.otherVideoLi:first-child .innerDiv{
		margin-left: 0;
	}
	li.otherVideoLi:last-child .innerDiv{
		margin-right: 0;
	}
	.minorVideoLi{
		float: left;
		width: 25%;
		display: flex;
		flex: 1 1 auto;
		height: 300px;
		margin-bottom: 10px;
	}
	.otherVideoLi{
		float: left;
		width: 24.9%;
		display: flex;
		flex: 1 1 auto;
		height: 250px;
		border-right: 0.0625rem solid #dfdfdf;
	}
	.otherVideoLi .videoDescription{
		height: 105px;
		overflow: hidden;
	}
	.minorVideoLi .videoDescription{
		height: 145px;
		overflow: hidden;
	}
	.otherVideoLi .videoDescription h2{
		font-size: 18px;
	}
	.otherVideoLi .videoImage{
		height: 140px;
		overflow: hidden;
	}
	.videoImage{
		overflow: hidden;
	}
	.majorVideoLi .videoImage {
		width: 509px;
		position: relative;
		height: 288px;
	}
	.minorVideoLi .videoImage, .otherVideoLi .videoImage{
		width: 100%;
		position: relative;
	}
	.majorVideoLi .videoDescription {
		width: 30%;
	}
	.videoDescription {
		margin: 5px 8px;
	}
	.widgetStylingCss.prayerTimeDiv div{
		margin: 0 auto;
	}/*
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel {
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
	height: 100%;
}

.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 95%;
	height: 100%;
}

.opinion-slider .owl-wrapper-outer {
	overflow: visible !important;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
	float: left;
	height: 100%;
}

.owl-controls .owl-page,.owl-controls .owl-buttons div {
	cursor: pointer;
}

.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing {
	cursor: url(js/owl-carousel/grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}/*
* 	Owl Carousel Owl Demo Theme
*	v1.3.3
*/
.owl-theme .owl-controls {
	top: 0px;
	width: 100%;
	height: 10px;
	position: absolute;
}

/* Styling Next and Prev buttons */

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
	filter: Alpha(Opacity = 100); /*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

.owl-theme .owl-controls .owl-buttons .owl-next {
	background-image: url("images/right-arrow-large.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px 40px;
    height: 290px;
    width: 28px;
}

.owl-theme .owl-controls .owl-buttons .owl-prev {
  background-image: url("images/left-arrow-large.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px 40px;
    height: 290px;
    width: 28px;
}
.opinion-slider .owl-prev,.opinion-slider .owl-next{
	height: 113px!important;
}
.owl-theme .owl-controls.clickable .owl-buttons .owl-prev{
	float: left;
}

.owl-theme .owl-controls.clickable .owl-buttons .owl-next{
	float: right;
}

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page {
	display: inline-block;
	zoom: 1;
	*display: inline; /*IE7 life-saver */
}

.owl-theme .owl-controls .owl-page span {
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity = 50); /*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span
	{
	filter: Alpha(Opacity = 100); /*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers {
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading {
	min-height: 150px;
	background: url(js/owl-carousel/AjaxLoader.gif) no-repeat center center
}.cd-title {
	position: relative;
	height: 160px;
	line-height: 230px;
	text-align: center;
}

.cd-title div {
	font-size: 2.4rem;
	font-weight: 700;
}

@media only screen and (min-width: 768px) {
	.cd-title {
		line-height: 250px;
	}
}

@media only screen and (min-width: 1170px) {
	.cd-title {
		height: 200px;
		line-height: 300px;
	}
	.cd-title div {
		font-size: 3rem;
	}
}

.cd-intro {
	width: 90%;
	max-width: 768px;
	text-align: center;
}

.cd-intro {
	margin: 4em auto;
}

@media only screen and (min-width: 768px) {
	.cd-intro {
		margin: 5em auto;
	}
}

@media only screen and (min-width: 1170px) {
	.cd-intro {
		margin: 6em auto;
	}
}

.cd-headline {
	line-height: 1.2;
}

@media only screen and (min-width: 768px) {
	.cd-headline {
	}
}

@media only screen and (min-width: 1170px) {
	.cd-headline {
	}
}

.cd-words-wrapper {
	display: inline-block;
	position: relative;
	text-align: left;
}

.cd-words-wrapper b {
	display: inline-block;
	position: absolute;
	white-space: nowrap;
	left: 0;
	top: 0;
}

.cd-words-wrapper b.is-visible {
	position: relative;
}

.no-js .cd-words-wrapper b {
	opacity: 0;
}

.no-js .cd-words-wrapper b.is-visible {
	opacity: 1;
}

/* --------------------------------

xrotate-1

-------------------------------- */
.cd-headline.rotate-1 .cd-words-wrapper {
	-webkit-perspective: 300px;
	-moz-perspective: 300px;
	perspective: 300px;
}

.cd-headline.rotate-1 b {
	opacity: 0;
	-webkit-transform-origin: 50% 100%;
	-moz-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-o-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	-ms-transform: rotateX(180deg);
	-o-transform: rotateX(180deg);
	transform: rotateX(180deg);
}

.cd-headline.rotate-1 b.is-visible {
	opacity: 1;
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
	-webkit-animation: cd-rotate-1-in 1.2s;
	-moz-animation: cd-rotate-1-in 1.2s;
	animation: cd-rotate-1-in 1.2s;
}

.cd-headline.rotate-1 b.is-hidden {
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	-ms-transform: rotateX(180deg);
	-o-transform: rotateX(180deg);
	transform: rotateX(180deg);
	-webkit-animation: cd-rotate-1-out 1.2s;
	-moz-animation: cd-rotate-1-out 1.2s;
	animation: cd-rotate-1-out 1.2s;
}

@
-webkit-keyframes cd-rotate-1-in { 0% {
	-webkit-transform: rotateX(180deg);
	opacity: 0;
}

35%
{
-webkit-transform
:

rotateX
(120deg);


opacity
:

0;
}
65%
{
opacity
:

0;
}
100%
{
-webkit-transform
:

rotateX
(360deg);


opacity
:

1;
}
}
@
-moz-keyframes cd-rotate-1-in { 0% {
	-moz-transform: rotateX(180deg);
	opacity: 0;
}

35%
{
-moz-transform
:

rotateX
(120deg);


opacity
:

0;
}
65%
{
opacity
:

0;
}
100%
{
-moz-transform
:

rotateX
(360deg);


opacity
:

1;
}
}
@
keyframes cd-rotate-1-in { 0% {
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	-ms-transform: rotateX(180deg);
	-o-transform: rotateX(180deg);
	transform: rotateX(180deg);
	opacity: 0;
}

35%
{
-webkit-transform
:

rotateX
(120deg);


-moz-transform
:

rotateX
(120deg);


-ms-transform
:

rotateX
(120deg);


-o-transform
:

rotateX
(120deg);


transform
:

rotateX
(120deg);


opacity
:

0;
}
65%
{
opacity
:

0;
}
100%
{
-webkit-transform
:

rotateX
(360deg);


-moz-transform
:

rotateX
(360deg);


-ms-transform
:

rotateX
(360deg);


-o-transform
:

rotateX
(360deg);


transform
:

rotateX
(360deg);


opacity
:

1;
}
}
@
-webkit-keyframes cd-rotate-1-out { 0% {
	-webkit-transform: rotateX(0deg);
	opacity: 1;
}

35%
{
-webkit-transform
:

rotateX
(-40deg);


opacity
:

1;
}
65%
{
opacity
:

0;
}
100%
{
-webkit-transform
:

rotateX
(180deg);


opacity
:

0;
}
}
@
-moz-keyframes cd-rotate-1-out { 0% {
	-moz-transform: rotateX(0deg);
	opacity: 1;
}

35%
{
-moz-transform
:

rotateX
(-40deg);


opacity
:

1;
}
65%
{
opacity
:

0;
}
100%
{
-moz-transform
:

rotateX
(180deg);


opacity
:

0;
}
}
@
keyframes cd-rotate-1-out { 0% {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
	opacity: 1;
}

35%
{
-webkit-transform
:

rotateX
(-40deg);


-moz-transform
:

rotateX
(-40deg);


-ms-transform
:

rotateX
(-40deg);


-o-transform
:

rotateX
(-40deg);


transform
:

rotateX
(-40deg);


opacity
:

1;
}
65%
{
opacity
:

0;
}
100%
{
-webkit-transform
:

rotateX
(180deg);


-moz-transform
:

rotateX
(180deg);


-ms-transform
:

rotateX
(180deg);


-o-transform
:

rotateX
(180deg);


transform
:

rotateX
(180deg);


opacity
:

0;
}
}
/* --------------------------------

xtype

-------------------------------- */
.cd-headline.type .cd-words-wrapper {
	vertical-align: top;
	overflow: hidden;
}

.cd-headline.type .cd-words-wrapper::after {
	/* vertical bar */
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	bottom: auto;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	height: 90%;
	width: 1px;
	background-color: #aebcb9;
}

.cd-headline.type .cd-words-wrapper.waiting::after {
	-webkit-animation: cd-pulse 1s infinite;
	-moz-animation: cd-pulse 1s infinite;
	animation: cd-pulse 1s infinite;
}

.cd-headline.type .cd-words-wrapper.selected {
	background-color: #aebcb9;
}

.cd-headline.type .cd-words-wrapper.selected::after {
	visibility: hidden;
}

.cd-headline.type .cd-words-wrapper.selected b {
	color: #0d0d0d;
}

.cd-headline.type b {
	visibility: hidden;
}

.cd-headline.type b.is-visible {
	visibility: visible;
}

.cd-headline.type i {
	position: absolute;
	visibility: hidden;
}

.cd-headline.type i.in {
	position: relative;
	visibility: visible;
}

@
-webkit-keyframes cd-pulse { 0% {
	-webkit-transform: translateY(-50%) scale(1);
	opacity: 1;
}

40%
{
-webkit-transform
:

translateY
(-50%)

scale
(0
.9
);


opacity
:

0;
}
100%
{
-webkit-transform
:

translateY
(-50%)

scale
(0);


opacity
:

0;
}
}
@
-moz-keyframes cd-pulse { 0% {
	-moz-transform: translateY(-50%) scale(1);
	opacity: 1;
}

40%
{
-moz-transform
:

translateY
(-50%)

scale
(0
.9
);


opacity
:

0;
}
100%
{
-moz-transform
:

translateY
(-50%)

scale
(0);


opacity
:

0;
}
}
@
keyframes cd-pulse { 0% {
	-webkit-transform: translateY(-50%) scale(1);
	-moz-transform: translateY(-50%) scale(1);
	-ms-transform: translateY(-50%) scale(1);
	-o-transform: translateY(-50%) scale(1);
	transform: translateY(-50%) scale(1);
	opacity: 1;
}

40%
{
-webkit-transform
:

translateY
(-50%)

scale
(0
.9
);


-moz-transform
:

translateY
(-50%)

scale
(0
.9
);


-ms-transform
:

translateY
(-50%)

scale
(0
.9
);


-o-transform
:

translateY
(-50%)

scale
(0
.9
);


transform
:

translateY
(-50%)

scale
(0
.9
);


opacity
:

0;
}
100%
{
-webkit-transform
:

translateY
(-50%)

scale
(0);


-moz-transform
:

translateY
(-50%)

scale
(0);


-ms-transform
:

translateY
(-50%)

scale
(0);


-o-transform
:

translateY
(-50%)

scale
(0);


transform
:

translateY
(-50%)

scale
(0);


opacity
:

0;
}
}
/* --------------------------------

xrotate-2

-------------------------------- */
.cd-headline.rotate-2 .cd-words-wrapper {
	-webkit-perspective: 300px;
	-moz-perspective: 300px;
	perspective: 300px;
}

.cd-headline.rotate-2 i,.cd-headline.rotate-2 em {
	display: inline-block;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.cd-headline.rotate-2 b {
	opacity: 0;
}

.cd-headline.rotate-2 i {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(-20px) rotateX(90deg);
	-moz-transform: translateZ(-20px) rotateX(90deg);
	-ms-transform: translateZ(-20px) rotateX(90deg);
	-o-transform: translateZ(-20px) rotateX(90deg);
	transform: translateZ(-20px) rotateX(90deg);
	opacity: 0;
}

.is-visible .cd-headline.rotate-2 i {
	opacity: 1;
}

.cd-headline.rotate-2 i.in {
	-webkit-animation: cd-rotate-2-in 0.4s forwards;
	-moz-animation: cd-rotate-2-in 0.4s forwards;
	animation: cd-rotate-2-in 0.4s forwards;
}

.cd-headline.rotate-2 i.out {
	-webkit-animation: cd-rotate-2-out 0.4s forwards;
	-moz-animation: cd-rotate-2-out 0.4s forwards;
	animation: cd-rotate-2-out 0.4s forwards;
}

.cd-headline.rotate-2 em {
	-webkit-transform: translateZ(20px);
	-moz-transform: translateZ(20px);
	-ms-transform: translateZ(20px);
	-o-transform: translateZ(20px);
	transform: translateZ(20px);
}

.no-csstransitions .cd-headline.rotate-2 i {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
	opacity: 0;
}

.no-csstransitions .cd-headline.rotate-2 i em {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.no-csstransitions .cd-headline.rotate-2 .is-visible i {
	opacity: 1;
}

@
-webkit-keyframes cd-rotate-2-in { 0% {
	opacity: 0;
	-webkit-transform: translateZ(-20px) rotateX(90deg);
}

60%
{
opacity
:

1;
-webkit-transform
:

translateZ
(-20px)

rotateX
(-10deg);


}
100%
{
opacity
:

1;
-webkit-transform
:

translateZ
(-20px)

rotateX
(0deg);


}
}
@
-moz-keyframes cd-rotate-2-in { 0% {
	opacity: 0;
	-moz-transform: translateZ(-20px) rotateX(90deg);
}

60%
{
opacity
:

1;
-moz-transform
:

translateZ
(-20px)

rotateX
(-10deg);


}
100%
{
opacity
:

1;
-moz-transform
:

translateZ
(-20px)

rotateX
(0deg);


}
}
@
keyframes cd-rotate-2-in { 0% {
	opacity: 0;
	-webkit-transform: translateZ(-20px) rotateX(90deg);
	-moz-transform: translateZ(-20px) rotateX(90deg);
	-ms-transform: translateZ(-20px) rotateX(90deg);
	-o-transform: translateZ(-20px) rotateX(90deg);
	transform: translateZ(-20px) rotateX(90deg);
}

60%
{
opacity
:

1;
-webkit-transform
:

translateZ
(-20px)

rotateX
(-10deg);


-moz-transform
:

translateZ
(-20px)

rotateX
(-10deg);


-ms-transform
:

translateZ
(-20px)

rotateX
(-10deg);


-o-transform
:

translateZ
(-20px)

rotateX
(-10deg);


transform
:

translateZ
(-20px)

rotateX
(-10deg);


}
100%
{
opacity
:

1;
-webkit-transform
:

translateZ
(-20px)

rotateX
(0deg);


-moz-transform
:

translateZ
(-20px)

rotateX
(0deg);


-ms-transform
:

translateZ
(-20px)

rotateX
(0deg);


-o-transform
:

translateZ
(-20px)

rotateX
(0deg);


transform
:

translateZ
(-20px)

rotateX
(0deg);


}
}
@
-webkit-keyframes cd-rotate-2-out { 0% {
	opacity: 1;
	-webkit-transform: translateZ(-20px) rotateX(0);
}

60%
{
opacity
:

0;
-webkit-transform
:

translateZ
(-20px)

rotateX
(-100deg);


}
100%
{
opacity
:

0;
-webkit-transform
:

translateZ
(-20px)

rotateX
(-90deg);


}
}
@
-moz-keyframes cd-rotate-2-out { 0% {
	opacity: 1;
	-moz-transform: translateZ(-20px) rotateX(0);
}

60%
{
opacity
:

0;
-moz-transform
:

translateZ
(-20px)

rotateX
(-100deg);


}
100%
{
opacity
:

0;
-moz-transform
:

translateZ
(-20px)

rotateX
(-90deg);


}
}
@
keyframes cd-rotate-2-out { 0% {
	opacity: 1;
	-webkit-transform: translateZ(-20px) rotateX(0);
	-moz-transform: translateZ(-20px) rotateX(0);
	-ms-transform: translateZ(-20px) rotateX(0);
	-o-transform: translateZ(-20px) rotateX(0);
	transform: translateZ(-20px) rotateX(0);
}

60%
{
opacity
:

0;
-webkit-transform
:

translateZ
(-20px)

rotateX
(-100deg);


-moz-transform
:

translateZ
(-20px)

rotateX
(-100deg);


-ms-transform
:

translateZ
(-20px)

rotateX
(-100deg);


-o-transform
:

translateZ
(-20px)

rotateX
(-100deg);


transform
:

translateZ
(-20px)

rotateX
(-100deg);


}
100%
{
opacity
:

0;
-webkit-transform
:

translateZ
(-20px)

rotateX
(-90deg);


-moz-transform
:

translateZ
(-20px)

rotateX
(-90deg);


-ms-transform
:

translateZ
(-20px)

rotateX
(-90deg);


-o-transform
:

translateZ
(-20px)

rotateX
(-90deg);


transform
:

translateZ
(-20px)

rotateX
(-90deg);


}
}
/* --------------------------------

xloading-bar

-------------------------------- */
.cd-headline.loading-bar span {
	display: inline-block;
	padding: .2em 0;
}

.cd-headline.loading-bar .cd-words-wrapper {
	overflow: hidden;
	vertical-align: top;
}

.cd-headline.loading-bar .cd-words-wrapper::after {
	/* loading bar */
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	height: 3px;
	width: 0;
	background: #0096a7;
	z-index: 2;
	-webkit-transition: width 0.3s -0.1s;
	-moz-transition: width 0.3s -0.1s;
	transition: width 0.3s -0.1s;
}

.cd-headline.loading-bar .cd-words-wrapper.is-loading::after {
	width: 100%;
	-webkit-transition: width 3s;
	-moz-transition: width 3s;
	transition: width 3s;
}

.cd-headline.loading-bar b {
	top: .2em;
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.cd-headline.loading-bar b.is-visible {
	opacity: 1;
	top: 0;
}

/* --------------------------------

xslide

-------------------------------- */
.cd-headline.slide span {
	display: inline-block;
	padding: .2em 0;
}

.cd-headline.slide .cd-words-wrapper {
	overflow: hidden;
	vertical-align: top;
}

.cd-headline.slide b {
	opacity: 0;
	top: .2em;
}

.cd-headline.slide b.is-visible {
	top: 0;
	opacity: 1;
	-webkit-animation: slide-in 0.6s;
	-moz-animation: slide-in 0.6s;
	animation: slide-in 0.6s;
}

.cd-headline.slide b.is-hidden {
	-webkit-animation: slide-out 0.6s;
	-moz-animation: slide-out 0.6s;
	animation: slide-out 0.6s;
}

@
-webkit-keyframes slide-in { 0% {
	opacity: 0;
	-webkit-transform: translateY(-100%);
}

60%
{
opacity
:

1;
-webkit-transform
:

translateY
(20%);


}
100%
{
opacity
:

1;
-webkit-transform
:

translateY
(0);


}
}
@
-moz-keyframes slide-in { 0% {
	opacity: 0;
	-moz-transform: translateY(-100%);
}

60%
{
opacity
:

1;
-moz-transform
:

translateY
(20%);


}
100%
{
opacity
:

1;
-moz-transform
:

translateY
(0);


}
}
@
keyframes slide-in { 0% {
	opacity: 0;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
}

60%
{
opacity
:

1;
-webkit-transform
:

translateY
(20%);


-moz-transform
:

translateY
(20%);


-ms-transform
:

translateY
(20%);


-o-transform
:

translateY
(20%);


transform
:

translateY
(20%);


}
100%
{
opacity
:

1;
-webkit-transform
:

translateY
(0);


-moz-transform
:

translateY
(0);


-ms-transform
:

translateY
(0);


-o-transform
:

translateY
(0);


transform
:

translateY
(0);


}
}
@
-webkit-keyframes slide-out { 0% {
	opacity: 1;
	-webkit-transform: translateY(0);
}

60%
{
opacity
:

0;
-webkit-transform
:

translateY
(120%);


}
100%
{
opacity
:

0;
-webkit-transform
:

translateY
(100%);


}
}
@
-moz-keyframes slide-out { 0% {
	opacity: 1;
	-moz-transform: translateY(0);
}

60%
{
opacity
:

0;
-moz-transform
:

translateY
(120%);


}
100%
{
opacity
:

0;
-moz-transform
:

translateY
(100%);


}
}
@
keyframes slide-out { 0% {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

60%
{
opacity
:

0;
-webkit-transform
:

translateY
(120%);


-moz-transform
:

translateY
(120%);


-ms-transform
:

translateY
(120%);


-o-transform
:

translateY
(120%);


transform
:

translateY
(120%);


}
100%
{
opacity
:

0;
-webkit-transform
:

translateY
(100%);


-moz-transform
:

translateY
(100%);


-ms-transform
:

translateY
(100%);


-o-transform
:

translateY
(100%);


transform
:

translateY
(100%);


}
}
/* --------------------------------

xclip

-------------------------------- */
.cd-headline.clip span {
	display: inline-block;
	padding: .2em 0;
}

.cd-headline.clip .cd-words-wrapper {
	overflow: hidden;
	vertical-align: top;
}

.cd-headline.clip .cd-words-wrapper::after {
	/* line */
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 2px;
	height: 100%;
	background-color: #aebcb9;
}

.cd-headline.clip b {
	opacity: 0;
}

.cd-headline.clip b.is-visible {
	opacity: 1;
}

/* --------------------------------

xzoom

-------------------------------- */
.cd-headline.zoom .cd-words-wrapper {
	-webkit-perspective: 300px;
	-moz-perspective: 300px;
	perspective: 300px;
}

.cd-headline.zoom b {
	opacity: 0;
}

.cd-headline.zoom b.is-visible {
	opacity: 1;
	-webkit-animation: zoom-in 0.8s;
	-moz-animation: zoom-in 0.8s;
	animation: zoom-in 0.8s;
}

.cd-headline.zoom b.is-hidden {
	-webkit-animation: zoom-out 0.8s;
	-moz-animation: zoom-out 0.8s;
	animation: zoom-out 0.8s;
}

@
-webkit-keyframes zoom-in { 0% {
	opacity: 0;
	-webkit-transform: translateZ(100px);
}

100%
{
opacity
:

1;
-webkit-transform
:

translateZ
(0);


}
}
@
-moz-keyframes zoom-in { 0% {
	opacity: 0;
	-moz-transform: translateZ(100px);
}

100%
{
opacity
:

1;
-moz-transform
:

translateZ
(0);


}
}
@
keyframes zoom-in { 0% {
	opacity: 0;
	-webkit-transform: translateZ(100px);
	-moz-transform: translateZ(100px);
	-ms-transform: translateZ(100px);
	-o-transform: translateZ(100px);
	transform: translateZ(100px);
}

100%
{
opacity
:

1;
-webkit-transform
:

translateZ
(0);


-moz-transform
:

translateZ
(0);


-ms-transform
:

translateZ
(0);


-o-transform
:

translateZ
(0);


transform
:

translateZ
(0);


}
}
@
-webkit-keyframes zoom-out { 0% {
	opacity: 1;
	-webkit-transform: translateZ(0);
}

100%
{
opacity
:

0;
-webkit-transform
:

translateZ
(-100px);


}
}
@
-moz-keyframes zoom-out { 0% {
	opacity: 1;
	-moz-transform: translateZ(0);
}

100%
{
opacity
:

0;
-moz-transform
:

translateZ
(-100px);


}
}
@
keyframes zoom-out { 0% {
	opacity: 1;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
}

100%
{
opacity
:

0;
-webkit-transform
:

translateZ
(-100px);


-moz-transform
:

translateZ
(-100px);


-ms-transform
:

translateZ
(-100px);


-o-transform
:

translateZ
(-100px);


transform
:

translateZ
(-100px);


}
}
/* --------------------------------

xrotate-3

-------------------------------- */
.cd-headline.rotate-3 .cd-words-wrapper {
	-webkit-perspective: 300px;
	-moz-perspective: 300px;
	perspective: 300px;
}

.cd-headline.rotate-3 b {
	opacity: 0;
}

.cd-headline.rotate-3 i {
	display: inline-block;
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.is-visible .cd-headline.rotate-3 i {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

.cd-headline.rotate-3 i.in {
	-webkit-animation: cd-rotate-3-in 0.6s forwards;
	-moz-animation: cd-rotate-3-in 0.6s forwards;
	animation: cd-rotate-3-in 0.6s forwards;
}

.cd-headline.rotate-3 i.out {
	-webkit-animation: cd-rotate-3-out 0.6s forwards;
	-moz-animation: cd-rotate-3-out 0.6s forwards;
	animation: cd-rotate-3-out 0.6s forwards;
}

.no-csstransitions .cd-headline.rotate-3 i {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	transform: rotateY(0deg);
	opacity: 0;
}

.no-csstransitions .cd-headline.rotate-3 .is-visible i {
	opacity: 1;
}

@
-webkit-keyframes cd-rotate-3-in { 0% {
	-webkit-transform: rotateY(180deg);
}

100%
{
-webkit-transform
:

rotateY
(0deg);


}
}
@
-moz-keyframes cd-rotate-3-in { 0% {
	-moz-transform: rotateY(180deg);
}

100%
{
-moz-transform
:

rotateY
(0deg);


}
}
@
keyframes cd-rotate-3-in { 0% {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

100%
{
-webkit-transform
:

rotateY
(0deg);


-moz-transform
:

rotateY
(0deg);


-ms-transform
:

rotateY
(0deg);


-o-transform
:

rotateY
(0deg);


transform
:

rotateY
(0deg);


}
}
@
-webkit-keyframes cd-rotate-3-out { 0% {
	-webkit-transform: rotateY(0);
}

100%
{
-webkit-transform
:

rotateY
(-180deg);


}
}
@
-moz-keyframes cd-rotate-3-out { 0% {
	-moz-transform: rotateY(0);
}

100%
{
-moz-transform
:

rotateY
(-180deg);


}
}
@
keyframes cd-rotate-3-out { 0% {
	-webkit-transform: rotateY(0);
	-moz-transform: rotateY(0);
	-ms-transform: rotateY(0);
	-o-transform: rotateY(0);
	transform: rotateY(0);
}

100%
{
-webkit-transform
:

rotateY
(-180deg);


-moz-transform
:

rotateY
(-180deg);


-ms-transform
:

rotateY
(-180deg);


-o-transform
:

rotateY
(-180deg);


transform
:

rotateY
(-180deg);


}
}
/* --------------------------------

xscale

-------------------------------- */
.cd-headline.scale b {
	opacity: 0;
}

.cd-headline.scale i {
	display: inline-block;
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}

.is-visible .cd-headline.scale i {
	opacity: 1;
}

.cd-headline.scale i.in {
	-webkit-animation: scale-up 0.6s forwards;
	-moz-animation: scale-up 0.6s forwards;
	animation: scale-up 0.6s forwards;
}

.cd-headline.scale i.out {
	-webkit-animation: scale-down 0.6s forwards;
	-moz-animation: scale-down 0.6s forwards;
	animation: scale-down 0.6s forwards;
}

.no-csstransitions .cd-headline.scale i {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	opacity: 0;
}

.no-csstransitions .cd-headline.scale .is-visible i {
	opacity: 1;
}

@
-webkit-keyframes scale-up { 0% {
	-webkit-transform: scale(0);
	opacity: 0;
}

60%
{
-webkit-transform
:

scale
(1
.2
);


opacity
:

1;
}
100%
{
-webkit-transform
:

scale
(1);


opacity
:

1;
}
}
@
-moz-keyframes scale-up { 0% {
	-moz-transform: scale(0);
	opacity: 0;
}

60%
{
-moz-transform
:

scale
(1
.2
);


opacity
:

1;
}
100%
{
-moz-transform
:

scale
(1);


opacity
:

1;
}
}
@
keyframes scale-up { 0% {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	opacity: 0;
}

60%
{
-webkit-transform
:

scale
(1
.2
);


-moz-transform
:

scale
(1
.2
);


-ms-transform
:

scale
(1
.2
);


-o-transform
:

scale
(1
.2
);


transform
:

scale
(1
.2
);


opacity
:

1;
}
100%
{
-webkit-transform
:

scale
(1);


-moz-transform
:

scale
(1);


-ms-transform
:

scale
(1);


-o-transform
:

scale
(1);


transform
:

scale
(1);


opacity
:

1;
}
}
@
-webkit-keyframes scale-down { 0% {
	-webkit-transform: scale(1);
	opacity: 1;
}

60%
{
-webkit-transform
:

scale
(0);


opacity
:

0;
}
}
@
-moz-keyframes scale-down { 0% {
	-moz-transform: scale(1);
	opacity: 1;
}

60%
{
-moz-transform
:

scale
(0);


opacity
:

0;
}
}
@
keyframes scale-down { 0% {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

60%
{
-webkit-transform
:

scale
(0);


-moz-transform
:

scale
(0);


-ms-transform
:

scale
(0);


-o-transform
:

scale
(0);


transform
:

scale
(0);


opacity
:

0;
}
}
/* --------------------------------

xpush

-------------------------------- */
.cd-headline.push b {
	opacity: 0;
}

.cd-headline.push b.is-visible {
	opacity: 1;
	-webkit-animation: push-in 0.6s;
	-moz-animation: push-in 0.6s;
	animation: push-in 0.6s;
}

.cd-headline.push b.is-hidden {
	-webkit-animation: push-out 0.6s;
	-moz-animation: push-out 0.6s;
	animation: push-out 0.6s;
}

@
-webkit-keyframes push-in { 0% {
	opacity: 0;
	-webkit-transform: translateX(-100%);
}

60%
{
opacity
:

1;
-webkit-transform
:

translateX
(10%);


}
100%
{
opacity
:

1;
-webkit-transform
:

translateX
(0);


}
}
@
-moz-keyframes push-in { 0% {
	opacity: 0;
	-moz-transform: translateX(-100%);
}

60%
{
opacity
:

1;
-moz-transform
:

translateX
(10%);


}
100%
{
opacity
:

1;
-moz-transform
:

translateX
(0);


}
}
@
keyframes push-in { 0% {
	opacity: 0;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
}

60%
{
opacity
:

1;
-webkit-transform
:

translateX
(10%);


-moz-transform
:

translateX
(10%);


-ms-transform
:

translateX
(10%);


-o-transform
:

translateX
(10%);


transform
:

translateX
(10%);


}
100%
{
opacity
:

1;
-webkit-transform
:

translateX
(0);


-moz-transform
:

translateX
(0);


-ms-transform
:

translateX
(0);


-o-transform
:

translateX
(0);


transform
:

translateX
(0);


}
}
@
-webkit-keyframes push-out { 0% {
	opacity: 1;
	-webkit-transform: translateX(0);
}

60%
{
opacity
:

0;
-webkit-transform
:

translateX
(110%);


}
100%
{
opacity
:

0;
-webkit-transform
:

translateX
(100%);


}
}
@
-moz-keyframes push-out { 0% {
	opacity: 1;
	-moz-transform: translateX(0);
}

60%
{
opacity
:

0;
-moz-transform
:

translateX
(110%);


}
100%
{
opacity
:

0;
-moz-transform
:

translateX
(100%);


}
}
@
keyframes push-out { 0% {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}
60%
{
opacity
:

0;
-webkit-transform
:

translateX
(110%);


-moz-transform
:

translateX
(110%);


-ms-transform
:

translateX
(110%);


-o-transform
:

translateX
(110%);


transform
:

translateX
(110%);


}
100%
{
opacity
:

0;
-webkit-transform
:

translateX
(100%);


-moz-transform
:

translateX
(100%);


-ms-transform
:

translateX
(100%);


-o-transform
:

translateX
(100%);


transform
:

translateX
(100%);


}
}/*
 * share-selection: Medium like popover menu to share on Twitter or by email any text selected on the page
 *
 * -- Requires jQuery --
 * -- AMD compatible  --
 *
 * Author: Xavier Damman (@xdamman)
 * GIT: https://github.com/xdamman/share-selection
 * MIT License
 */
@
keyframes selectionSharerPopover-animation { 0%{
	transform: matrix(0.97, 0, 0, 1, 0, 12);
	filter: alpha(opacity = 0);
	opacity: 0
}

20%{
transform
:matrix
(0
.99
,
0,0,1,0,2);
filter
:alpha
(opacity=70);

  
opacity
:
.7

  
}
40%{
transform
:matrix
(1
,
0,0,1,0,-1);
filter
:alpha
(opacity=100);

  
opacity
:
1

  
}
70%{
transform
:matrix
(1
,
0,0,1,0,0);
filter
:alpha
(opacity=100);

  
opacity
:
1

  
}
100%{
transform
:matrix
(1
,
0,0,1,0,0);
filter
:alpha
(opacity=100);

  
opacity
:
1

  
}
}
#selectionSharerPopover {
	display: none;
	position: absolute;
	top: -100px;
	left: -100px;
	z-index: 1010;
}

#selectionSharerPopover:after {
	content: '';
	display: block;
	position: absolute;
	bottom: -3px;
	left: 50%;
	margin-left: -4px;
	width: 8px;
	height: 8px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	background: #262625;
	box-shadow: 0 0 2px #262625;
}

#selectionSharerPopover.anim {
	transition: top .075s ease-out;
	animation: selectionSharerPopover-animation 180ms forwards linear;
	-webkit-animation: selectionSharerPopover-animation 180ms forwards
		linear;
}

#selectionSharerPopover-inner {
	position: relative;
	overflow: hidden;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid;
	border-color: #262625 #1c1c1b #121211;
	box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.7), inset 0 0 1px
		rgba(255, 255, 255, 0.07), inset 0 0 2px rgba(255, 255, 255, 0.15);
	background-image: linear-gradient(to bottom, rgba(49, 49, 47, 0.97),
		#262625);
	background-repeat: repeat-x;
}

#selectionSharerPopover .selectionSharerPopover-clip {
	position: absolute;
	bottom: -11px;
	display: block;
	left: 50%;
	clip: rect(12px, 24px, 24px, 0);
	margin-left: -12px;
	width: 24px;
	height: 24px;
	line-height: 24px;
}

#selectionSharerPopover .selectionSharerPopover-arrow {
	display: block;
	width: 20px;
	height: 20px;
	-webkit-transform: rotate(45deg) scale(0.5);
	transform: rotate(45deg) scale(0.5);
	background-color: #454543;
	border: 2px solid #121211;
	box-sizing: content-box;
}

.selectionSharer ul {
	padding: 0;
	display: inline;
}

.selectionSharer ul li {
	float: left;
	list-style: none;
	background: none;
	margin: 0;
}

.selectionSharer a.action {
	display: block;
	text-indent: -200px;
	margin: 5px 7px;
	width: 20px;
	height: 20px;
	border: none;
}

.selectionSharer a:hover {
	color: #ccc;
}

.selectionSharer a.tweet {
	background:
		url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="171" height="139"><g transform="translate(-282.32053,-396.30734)"><path style="fill:white" d="m 453.82593,412.80619 c -6.3097,2.79897 -13.09189,4.68982 -20.20852,5.54049 7.26413,-4.35454 12.84406,-11.24992 15.47067,-19.46675 -6.79934,4.03295 -14.3293,6.96055 -22.34461,8.53841 -6.41775,-6.83879 -15.56243,-11.111 -25.68298,-11.111 -19.43159,0 -35.18696,15.75365 -35.18696,35.18525 0,2.75781 0.31128,5.44359 0.91155,8.01875 -29.24344,-1.46723 -55.16995,-15.47582 -72.52461,-36.76396 -3.02879,5.19662 -4.76443,11.24048 -4.76443,17.6891 0,12.20777 6.21194,22.97747 15.65332,29.28716 -5.76773,-0.18265 -11.19331,-1.76565 -15.93716,-4.40083 -0.004,0.14663 -0.004,0.29412 -0.004,0.44248 0,17.04767 12.12889,31.26806 28.22555,34.50266 -2.95247,0.80436 -6.06101,1.23398 -9.26989,1.23398 -2.2673,0 -4.47114,-0.22124 -6.62011,-0.63114 4.47801,13.97857 17.47214,24.15143 32.86992,24.43441 -12.04227,9.43796 -27.21366,15.06335 -43.69965,15.06335 -2.84014,0 -5.64082,-0.16722 -8.39349,-0.49223 15.57186,9.98421 34.06703,15.8094 53.93768,15.8094 64.72024,0 100.11301,-53.61524 100.11301,-100.11387 0,-1.52554 -0.0343,-3.04251 -0.10204,-4.55261 6.87394,-4.95995 12.83891,-11.15646 17.55618,-18.21305 z" /></g></svg>')
		no-repeat;
	background-size: 18px;
	background-position: 2px 4px;
}

.selectionSharer a.facebook {
	background:
		url('data:image/svg+xml;utf8,<svg viewBox="0 0 33 33" width="25" height="25" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><path style="fill:white" d="M 17.996,32L 12,32 L 12,16 l-4,0 l0-5.514 l 4-0.002l-0.006-3.248C 11.993,2.737, 13.213,0, 18.512,0l 4.412,0 l0,5.515 l-2.757,0 c-2.063,0-2.163,0.77-2.163,2.209l-0.008,2.76l 4.959,0 l-0.585,5.514L 18,16L 17.996,32z"></path></g></svg>')
		no-repeat;
	background-size: 18px;
	background-position: 0px 2px;
	display: none;
}

.selectionSharer a.email {
	background:
		url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="94" height="64"><g transform="translate(-10, -10)" fill="transparent"><rect x="0" y="0" width="114" height="114"></rect><path d="M12,12 L102,12 L102,72 L12,72 L12,12 Z M16,12 L53,49 C55.6666667,51 58.3333333,51 61,49 L98,12 L16,12 Z M15,72 L45,42 L15,72 Z M69,42 L99,72 L69,42 Z" stroke="white" stroke-width="5"></path></g></svg>')
		no-repeat;
	background-size: 20px;
	background-position: 0px 4px;
}

#selectionSharerPopunder.fixed {
	transition: bottom 0.5s ease-in-out;
	width: 100%;
	position: fixed;
	left: 0;
	bottom: -50px;
}

.selectionSharer {
	transition: -webkit-transform 0.6s ease-in-out;
}

.selectionSharer.moveDown {
	-webkit-transform: translate3d(0, 60px, 0);
}

#selectionSharerPopunder {
	position: absolute;
	left: 0;
	width: 100%;
	height: 0px;
	transition: height 0.5s ease-in-out;
	background: #ccc;
	border: none;
	box-shadow: inset 0px 10px 5px -10px rgba(0, 0, 0, 0.5), inset 0px -10px
		5px -10px rgba(0, 0, 0, 0.5);
	border-radius: 0;
	overflow: hidden;
}

#selectionSharerPopunder.show {
	height: 50px;
}

.selectionSharerPlaceholder {
	height: 1em;
	margin-bottom: -2em;
	transition: height 0.5s ease-in-out;
}

.selectionSharerPlaceholder.show {
	height: 50px !important;
}

#selectionSharerPopunder-inner ul {
	overflow: hidden;
	float: right;
	margin: 0px;
}

#selectionSharerPopunder-inner ul li {
	padding: 5px;
	overflow: hidden;
}

#selectionSharerPopunder-inner label {
	color: white;
	font-weight: 300;
	line-height: 50px;
	margin: 0px 20px 0px 10px;
}

#selectionSharerPopunder-inner a {
	width: 30px;
	height: 30px;
	background-size: 30px;
}

#selectionSharerPopunder-inner a.tweet {
	background-position: 0px 2px;
}.disqussion {
  padding: 5px 10px 10px;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 16px;
  font-size: 13px;
  font-weight: bold;
  font-family: sans-serif;
  text-align: center;
  z-index: 7;
}
.disqussion a {
  opacity: 0;
  display: block;
  overflow: hidden;
  width: 20px;
  height: 17px;
  color: white;
  text-decoration: none;
  cursor: pointer;
  background: #bbbbbb;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.disqussion a.has-comments {
  opacity: .8;
}
.disqussion-contain:hover .disqussion a {
  opacity: 1;
}
.disqussion a:after {
  border-left: 7px solid transparent;
  border-top: 7px solid #bbbbbb;
  left: 19px;
  top: 22px;
  height: 0;
  width: 0;
  display: block;
  content: " ";
  position: absolute;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.disqussion:hover a, .disqussion.hovered a {
  opacity: 1;
  background: #999999;
}
.disqussion:hover a:after, .disqussion.hovered a:after {
  border-top-color: #999999;
}

#disqussions_wrapper {
  position: absolute;
  top: 0;
  left: 0;
}

#disqus_thread.positioned {
  position: absolute;
  top: 0;
  left: 0;
  padding: 5px 15px 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.disqussion-highlight #disqus_thread.positioned {
  background: #fff;
  z-index: 9;
}

#disqussions_overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 8;
  display: none;
}

.disqussion-highlighted {
  position: relative;
  background: #fff;
  z-index: 9;
}
/*! gridster.js - v0.2.1 - 2013-10-28
* http://gridster.net/
* Copyright (c) 2013 ducksboard; Licensed MIT */
.gridster {
	position: relative;
	/*margin: 0 auto;*/
}

.gridster>* {
	margin: 0 auto;
	-webkit-transition: height .4s;
	-moz-transition: height .4s;
	-o-transition: height .4s;
	-ms-transition: height .4s;
	transition: height .4s;
}

.gridster .gs-w {
	z-index: 2;
	position: absolute;
}

.ready .gs-w:not (.preview-holder ) {
	-webkit-transition: opacity .3s, left .3s, top .3s;
	-moz-transition: opacity .3s, left .3s, top .3s;
	-o-transition: opacity .3s, left .3s, top .3s;
	transition: opacity .3s, left .3s, top .3s;
}

.ready .gs-w:not (.preview-holder ),.ready .resize-preview-holder {
	-webkit-transition: opacity .3s, left .3s, top .3s, width .3s, height
		.3s;
	-moz-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
	-o-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
	transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
}

.gridster .preview-holder {
	z-index: 1;
	position: absolute;
	background-color: rgba(207, 23, 31, 0.8);
	border-color: rgba(207, 23, 31, 0.8);
	opacity: 0.3;
}

.gridster .player-revert {
	z-index: 10 !important;
	-webkit-transition: left .3s, top .3s !important;
	-moz-transition: left .3s, top .3s !important;
	-o-transition: left .3s, top .3s !important;
	transition: left .3s, top .3s !important;
}

.gridster .dragging,.gridster .resizing {
	z-index: 10 !important;
	background-color: #000;
	-webkit-transition: all 0s !important;
	-moz-transition: all 0s !important;
	-o-transition: all 0s !important;
	transition: all 0s !important;
}

.gs-resize-handle {
	position: absolute;
	z-index: 1;
}

.gs-resize-handle-both {
	width: 20px;
	height: 20px;
	bottom: -8px;
	right: -8px;
	background-image:
		url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg08IS0tIEdlbmVyYXRvcjogQWRvYmUgRmlyZXdvcmtzIENTNiwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DTwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DTxzdmcgaWQ9IlVudGl0bGVkLVBhZ2UlMjAxIiB2aWV3Qm94PSIwIDAgNiA2IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHZlcnNpb249IjEuMSINCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQl4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjZweCIgaGVpZ2h0PSI2cHgiDT4NCTxnIG9wYWNpdHk9IjAuMzAyIj4NCQk8cGF0aCBkPSJNIDYgNiBMIDAgNiBMIDAgNC4yIEwgNCA0LjIgTCA0LjIgNC4yIEwgNC4yIDAgTCA2IDAgTCA2IDYgTCA2IDYgWiIgZmlsbD0iIzAwMDAwMCIvPg0JPC9nPg08L3N2Zz4=');
	background-position: top left;
	background-repeat: no-repeat;
	cursor: se-resize;
	z-index: 20;
}

.gs-resize-handle-x {
	top: 0;
	bottom: 13px;
	right: -5px;
	width: 10px;
	cursor: e-resize;
}

.gs-resize-handle-y {
	left: 0;
	right: 13px;
	bottom: -5px;
	height: 10px;
	cursor: s-resize;
}

.gs-w:hover .gs-resize-handle,.resizing .gs-resize-handle {
	opacity: 1;
}

.gs-resize-handle,.gs-w.dragging .gs-resize-handle {
	opacity: 0;
}

.gs-resize-disabled .gs-resize-handle {
	display: none !important;
}

[data-max-sizex="1"] .gs-resize-handle-x,[data-max-sizey="1"] .gs-resize-handle-y,[data-max-sizey="1"][data-max-sizex="1"] .gs-resize-handle
	{
	display: none !important;
}

/* Uncomment this if you set helper : "clone" in draggable options */
/*.gridster .player {
  opacity:0;
}
*/