/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */

[hidden],
template {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
	padding:0px;
	direction:rtl;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
    font-size: 1.3em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

ul{
list-style:none;

}

/*! lightslider - v1.1.6 - 2016-10-25
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2016 Sachin N; Licensed MIT */


/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */


/** /!!! core css Should not edit !!!/**/

.lSSlideOuter {
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    direction: ltr;
}

.lightSlider:before,
.lightSlider:after {
    content: " ";
    display: table;
}

.lightSlider {
    overflow: hidden;
    margin: 0;
}

.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden;
    position: relative;
}

.lSSlideWrapper > .lightSlider:after {
    clear: both;
}

.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform, height;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}

.lSSlideWrapper .lSFade {
    position: relative;
}

.lSSlideWrapper .lSFade > * {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%;
}

.lSSlideWrapper.usingCss .lSFade > * {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}

.lSSlideWrapper .lSFade > *.active {
    z-index: 10;
}

.lSSlideWrapper.usingCss .lSFade > *.active {
    opacity: 1;
}


/** /!!! End of core css Should not edit !!!/**/


/* Pager */

.lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0;
    padding: 0;
    text-align: center;
}

.lSSlideOuter .lSPager.lSpg > li {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px;
}

.lSSlideOuter .lSPager.lSpg > li a {
    background-color: #222222;
    border-radius: 30px;
    display: inline-block;
    height: 8px;
    overflow: hidden;
    text-indent: -999em;
    width: 8px;
    position: relative;
    z-index: 99;
    -webkit-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}

.lSSlideOuter .lSPager.lSpg > li:hover a,
.lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #428bca;
}

.lSSlideOuter .media {
    opacity: 0.8;
}

.lSSlideOuter .media.active {
    opacity: 1;
}


/* End of pager */


/** Gallery */

.lSSlideOuter .lSPager.lSGallery {
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.lSSlideOuter .lSPager.lSGallery li {
    overflow: hidden;
    -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
    transition: border-radius 0.12s linear 0s 0.35s linear 0s;
}

.lSSlideOuter .lSPager.lSGallery li.active,
.lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 5px;
}

.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: auto;
    max-width: 100%;
}

.lSSlideOuter .lSPager.lSGallery:before,
.lSSlideOuter .lSPager.lSGallery:after {
    content: " ";
    display: table;
}

.lSSlideOuter .lSPager.lSGallery:after {
    clear: both;
}


/* End of Gallery*/


/* slider actions */

.lSAction > a {
    width: 32px;
    display: block;
    top: 50%;
    height: 32px;
    background-image: url('../images/controls.png');
    cursor: pointer;
    position: absolute;
    z-index: 99;
    margin-top: -16px;
    opacity: 0.5;
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s;
}

.lSAction > a:hover {
    opacity: 1;
}

.lSAction > .lSPrev {
    background-position: 0 0;
    left: 10px;
}

.lSAction > .lSNext {
    background-position: -32px 0;
    right: 10px;
}

.lSAction > a.disabled {
    pointer-events: none;
}

.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}


/* vertical */

.lSSlideOuter.vertical {
    position: relative;
}

.lSSlideOuter.vertical.noPager {
    padding-right: 0px !important;
}

.lSSlideOuter.vertical .lSGallery {
    position: absolute !important;
    right: 0;
    top: 0;
}

.lSSlideOuter.vertical .lightSlider > * {
    width: 100% !important;
    max-width: none !important;
}


/* vertical controlls */

.lSSlideOuter.vertical .lSAction > a {
    left: 50%;
    margin-left: -14px;
    margin-top: 0;
}

.lSSlideOuter.vertical .lSAction > .lSNext {
    background-position: 31px -31px;
    bottom: 10px;
    top: auto;
}

.lSSlideOuter.vertical .lSAction > .lSPrev {
    background-position: 0 -31px;
    bottom: auto;
    top: 10px;
}


/* vertical */


/* Rtl */

.lSSlideOuter.lSrtl {
    direction: rtl;
}

.lSSlideOuter .lightSlider,
.lSSlideOuter .lSPager {
    padding-left: 0;
    list-style: none outside none;
}

.lSSlideOuter.lSrtl .lightSlider,
.lSSlideOuter.lSrtl .lSPager {
    padding-right: 0;
}

.lSSlideOuter .lightSlider > *,
.lSSlideOuter .lSGallery li {
    float: left;
}

.lSSlideOuter.lSrtl .lightSlider > *,
.lSSlideOuter.lSrtl .lSGallery li {
    float: right !important;
}


/* Rtl */

@-webkit-keyframes rightEnd {
    0% {
        left: 0;
    }
    50% {
        left: -15px;
    }
    100% {
        left: 0;
    }
}

@keyframes rightEnd {
    0% {
        left: 0;
    }
    50% {
        left: -15px;
    }
    100% {
        left: 0;
    }
}

@-webkit-keyframes topEnd {
    0% {
        top: 0;
    }
    50% {
        top: -15px;
    }
    100% {
        top: 0;
    }
}

@keyframes topEnd {
    0% {
        top: 0;
    }
    50% {
        top: -15px;
    }
    100% {
        top: 0;
    }
}

@-webkit-keyframes leftEnd {
    0% {
        left: 0;
    }
    50% {
        left: 15px;
    }
    100% {
        left: 0;
    }
}

@keyframes leftEnd {
    0% {
        left: 0;
    }
    50% {
        left: 15px;
    }
    100% {
        left: 0;
    }
}

@-webkit-keyframes bottomEnd {
    0% {
        bottom: 0;
    }
    50% {
        bottom: -15px;
    }
    100% {
        bottom: 0;
    }
}

@keyframes bottomEnd {
    0% {
        bottom: 0;
    }
    50% {
        bottom: -15px;
    }
    100% {
        bottom: 0;
    }
}

.lSSlideOuter .rightEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}

.lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}

.lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd 0.3s;
    animation: topEnd 0.3s;
    position: relative;
}

.lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd 0.3s;
    animation: bottomEnd 0.3s;
    position: relative;
}

.lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}

.lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}


/*/  GRab cursor */

.lightSlider.lsGrab > * {
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}

.lightSlider.lsGrabbing > * {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing;
}

.lSSlideOuter.Srtl .lightSlider > *,
.lSSlideOuter.Srtl .lSGallery li {
    float: right;
}
.ath-viewport * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ath-viewport {
    position: relative;
    z-index: 2147483641;
    pointer-events: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}

.ath-modal {
    pointer-events: auto !important;
    background: rgba(0,0,0,0.6);
}

.ath-mandatory {
    background: #000;
}

.ath-container {
    pointer-events: auto !important;
    position: absolute;
    z-index: 2147483641;
    padding: 0.7em 0.6em;
    width: 18em;
    background: #eee;
    background-size: 100% auto;
    box-shadow: 0 0.2em 0 #d1d1d1;
    font-family: sans-serif;
    font-size: 15px;
    line-height: 1.5em;
    text-align: center;
}

.ath-ios.ath-phone {
    bottom: 1.8em;
    left: 50%;
    margin-left: -9em;
}

.ath-ios6.ath-tablet {
    left: 5em;
    top: 1.8em;
}

.ath-ios7.ath-tablet {
    left: 0.7em;
    top: 1.8em;
}

.ath-ios8.ath-tablet {
    right: 0.4em;
    top: 1.8em;
}

.ath-android {
    right: 1.5em;
    top: 1.8em;
}

/* close icon */
.ath-container:before {
    content: '';
    position: relative;
    display: block;
    float: right;
    margin: -0.7em -0.6em 0 0.5em;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAACECAMAAABmmnOVAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAAeHAAAHhwFd+hRDAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAHVQTFRFAAAAOTk5MzMzOzs7Nzc3QUFBQEBAPz8/Pj4+QUFBQEBAPz8/Pj4+QUFBQEBAPz8/QUFBPj4+Pz8/Pz8/Pj4+Pz8/Pz8/Pz8/Pj4+Pz8/Pj4+Pz8/Pz8/Pz8/Pz8/Pz8/Pj4+Pz8/Pz8/Pz8/Pz8/QEBAPz8/n3QmjwAAACZ0Uk5TAAkKDQ4zODk6OzxBQkNERUusrbG0tba7vL3Excbu8fL19fb3+PgucqJgAAACqklEQVR42sXc23LCIBAGYKy2pgft0WpP2vTA+z9i0+goCZAs7O7P3oWZTL5ZYAh7sca0MXmYG3jM7yfu4/TV1jdow01tX6cdg4UrGoN1FNM3a+GK1nBSzPYGrOJgsPZt1hrerYUrjoa9wjHgFI7B2veZWVk3tpCdWm07H30y8+4AIhedPFj7cW7wioABrggawIqIAaroGbYXzlGCUvQNnc0IUgwaQIoRA0QxagAoCAZ1BcmgrCAaVBVkg6IiwaCmSDIoKRINKopkg4IiwyCuyDIIKzINoopsg6CCYRBTsAxCCqZBRLGo2RcrtkLAwFaIGJgKIQNLIWZgKAQN2QpRg1dKoCmEDVkKcUOGQsGQrFAxJCqUDEkKNUOCQtFAVqgaiAplg69YFDAQFADDqAJiGFGADI1iF1XADAOKvqHSLApHFFBDRAE2BBVwQ0BRwOApfn8LGDxFEcOQAmeIK5CGmAJrCCvQBq8A8r9Zrw08qp6irvAGs/zpIr4XBQxf3nQsyhvwipABrQgbsIqYAamIG3CKnqH+LKDoGXbVwD84zDB4E4AZ4IqgAayIGKCKqMGYS5RiwOArlgUMnuJrWcAAUYwaAAqCQV1BMigriAZVBdmgqEgwqCmSDEqKRIOKItmgoMgwiCv6hkvaa6KKTIOoItsgqGAYxBQsg5CCaRBRsA0CCgEDWyFiYCqEDCyFmIGhEDRkK0QNmQphQ5ZC3JChUDAkK1QMiQolQ5JCzZCguNUzkBV3P4oGokLZQFKoGwgKgGFUATGMKECGQQXMYMxVTAE0RBVQQ0QBNgQVcENI8QwoBo8cUiszWYPz4OVi3bQ9cBQoQ0exblsvTDZwg6PYHNo/tE0XmvVwa4BxWBentgtnL+A8HHPxcnYaaBRoQ6twDY3iEW5oFI8Hwx/QxSE448b+MwAAAABJRU5ErkJggg==);
    background-color: rgba(255,255,255,0.8);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 2.7em;
    height: 2.7em;
    text-align: center;
    overflow: hidden;
    color: #a33;
    z-index: 2147483642;
}

.ath-container.ath-icon:before {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    float: none;
}

.ath-mandatory .ath-container:before {
    display: none;
}

.ath-container.ath-android:before {
    float: left;
    margin: -0.7em 0.5em 0 -0.6em;
}

.ath-container.ath-android.ath-icon:before {
    position: absolute;
    right: auto;
    left: 0;
    margin: 0;
    float: none;
}


/* applied only if the application icon is shown */
.ath-container.ath-icon {
}

.ath-action-icon {
    display: inline-block;
    vertical-align: middle;
    background-position: 50%;
    background-repeat: no-repeat;
    text-indent: -9999em;
    overflow: hidden;
}

.ath-android .ath-action-icon {
    width: 1.2em;
    height: 1.8em;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAADcBAMAAAAig/QJAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAFtDAABbQwH5xg68AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAB5QTFRFAAAA////cXFxaWlp////ZmZmnJycoaGhpqam////1D9b6wAAAAV0Uk5TAAgJERExZxYzAAAAYklEQVRYw+3WoQ2AUBAE0SsBOiBUQEIDCArA4FFoHBaJxNItFYz/x5+xz282VmwJTdM0rRzbsS1e7Pm9zdgUVn491rkFmqZpSezEjqo/Sos1HoAEjdjgFmiapiWxG7tq/igfnYteFlnOWZEAAAAASUVORK5CYII=);
    background-size: auto 100%;
}

.ath-ios7 .ath-action-icon,
.ath-ios8 .ath-action-icon {
    width: 1.6em;
    height: 1.6em;
    background-image: url(data:image/png;base64,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);
    margin-top: -0.3em;
    background-size: auto 100%;
}

.ath-ios6 .ath-action-icon {
    width: 1.8em;
    height: 1.8em;
    background-image: url(data:image/png;base64,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);
    margin-bottom: 0.4em;
    background-size: 100% auto;
}

.ath-container p {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 2147483642;
    text-shadow: 0 0.1em 0 #fff;
    font-size: 1.1em;
}

.ath-ios.ath-phone:after {
    content: '';
    background: #eee;
    position: absolute;
    width: 2em;
    height: 2em;
    bottom: -0.9em;
    left: 50%;
    margin-left: -1em;
    -webkit-transform: scaleX(0.9) rotate(45deg);
    transform: scaleX(0.9) rotate(45deg);
    box-shadow: 0.2em 0.2em 0 #d1d1d1;
}

.ath-ios.ath-tablet:after {
    content: '';
    background: #eee;
    position: absolute;
    width: 2em;
    height: 2em;
    top: -0.9em;
    left: 50%;
    margin-left: -1em;
    -webkit-transform: scaleX(0.9) rotate(45deg);
    transform: scaleX(0.9) rotate(45deg);
    z-index: 2147483641;
}

.ath-android:after {
    content: '';
    background: #eee;
    background: -webkit-linear-gradient(-45deg, rgba(238,238,238,0) 0%,rgba(238,238,238,0) 50%,rgba(238,238,238,1) 50%,rgba(238,238,238,1) 100%);
    position: absolute;
    width: 2em;
    height: 2em;
    top: -1.5em;
    right: 0;
}
.ath-application-icon {
    position: relative;
    padding: 0;
    border: 0;
    margin: 0 auto 0.2em auto;
    height: 6em;
    width: 6em;
    z-index: 2147483642;
}
.ath-container.ath-ios .ath-application-icon {
    border-radius: 1em;
    box-shadow: 0 0.2em 0.4em rgba(0,0,0,0.3), inset 0 0.07em 0 rgba(255,255,255,0.5);
    margin: 0 auto 0.4em auto;
}
@media only screen and (orientation: landscape) {
    .ath-container.ath-phone {
        width: 24em;
    }
    .ath-ios.ath-phone {
        margin-left: -12em;
    }
    .ath-ios6:after {
        left: 39%;
    }
    .ath-ios8.ath-phone {
        left: auto;
        bottom: auto;
        right: 0.4em;
        top: 1.8em;
    }
    .ath-ios8.ath-phone:after {
        bottom: auto;
        top: -0.9em;
        left: 68%;
        z-index: 2147483641;
        box-shadow: none;
    }
}

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */
@font-face {
    font-family: 'Almarai';
    src: url(../fonts/Almarai-Regular.ttf);
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

    /**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

    audio:not([controls]) {
        display: none;
        height: 0;
    }

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */

[hidden],
template {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
    padding: 0px;
    direction: rtl;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    background: transparent;
}

    /**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

    a:focus {
        outline: thin dotted;
    }

    /**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

    a:active,
    a:hover {
        outline: 0;
    }

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
    font-size: 1.3em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

    /**
 * Re-set default cursor for disabled elements.
 */

    button[disabled],
    html input[disabled] {
        cursor: default;
    }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

    /**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

    input[type="search"]::-webkit-search-cancel-button,
    input[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

ul {
    list-style: none;
}

.ath-viewport * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ath-viewport {
    position: relative;
    z-index: 2147483641;
    pointer-events: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}

.ath-modal {
    pointer-events: auto !important;
    background: rgba(0,0,0,0.6);
}

.ath-mandatory {
    background: #000;
}

.ath-container {
    pointer-events: auto !important;
    position: absolute;
    z-index: 2147483641;
    padding: 0.7em 0.6em;
    width: 18em;
    background: #eee;
    background-size: 100% auto;
    box-shadow: 0 0.2em 0 #d1d1d1;
    font-family: sans-serif;
    font-size: 15px;
    line-height: 1.5em;
    text-align: center;
}

.ath-ios.ath-phone {
    bottom: 1.8em;
    left: 50%;
    margin-left: -9em;
}

.ath-ios6.ath-tablet {
    left: 5em;
    top: 1.8em;
}

.ath-ios7.ath-tablet {
    left: 0.7em;
    top: 1.8em;
}

.ath-ios8.ath-tablet {
    right: 0.4em;
    top: 1.8em;
}

.ath-android {
    right: 1.5em;
    top: 1.8em;
}

/* close icon */
.ath-container:before {
    content: '';
    position: relative;
    display: block;
    float: right;
    margin: -0.7em -0.6em 0 0.5em;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAACECAMAAABmmnOVAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAAeHAAAHhwFd+hRDAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAHVQTFRFAAAAOTk5MzMzOzs7Nzc3QUFBQEBAPz8/Pj4+QUFBQEBAPz8/Pj4+QUFBQEBAPz8/QUFBPj4+Pz8/Pz8/Pj4+Pz8/Pz8/Pz8/Pj4+Pz8/Pj4+Pz8/Pz8/Pz8/Pz8/Pz8/Pj4+Pz8/Pz8/Pz8/Pz8/QEBAPz8/n3QmjwAAACZ0Uk5TAAkKDQ4zODk6OzxBQkNERUusrbG0tba7vL3Excbu8fL19fb3+PgucqJgAAACqklEQVR42sXc23LCIBAGYKy2pgft0WpP2vTA+z9i0+goCZAs7O7P3oWZTL5ZYAh7sca0MXmYG3jM7yfu4/TV1jdow01tX6cdg4UrGoN1FNM3a+GK1nBSzPYGrOJgsPZt1hrerYUrjoa9wjHgFI7B2veZWVk3tpCdWm07H30y8+4AIhedPFj7cW7wioABrggawIqIAaroGbYXzlGCUvQNnc0IUgwaQIoRA0QxagAoCAZ1BcmgrCAaVBVkg6IiwaCmSDIoKRINKopkg4IiwyCuyDIIKzINoopsg6CCYRBTsAxCCqZBRLGo2RcrtkLAwFaIGJgKIQNLIWZgKAQN2QpRg1dKoCmEDVkKcUOGQsGQrFAxJCqUDEkKNUOCQtFAVqgaiAplg69YFDAQFADDqAJiGFGADI1iF1XADAOKvqHSLApHFFBDRAE2BBVwQ0BRwOApfn8LGDxFEcOQAmeIK5CGmAJrCCvQBq8A8r9Zrw08qp6irvAGs/zpIr4XBQxf3nQsyhvwipABrQgbsIqYAamIG3CKnqH+LKDoGXbVwD84zDB4E4AZ4IqgAayIGKCKqMGYS5RiwOArlgUMnuJrWcAAUYwaAAqCQV1BMigriAZVBdmgqEgwqCmSDEqKRIOKItmgoMgwiCv6hkvaa6KKTIOoItsgqGAYxBQsg5CCaRBRsA0CCgEDWyFiYCqEDCyFmIGhEDRkK0QNmQphQ5ZC3JChUDAkK1QMiQolQ5JCzZCguNUzkBV3P4oGokLZQFKoGwgKgGFUATGMKECGQQXMYMxVTAE0RBVQQ0QBNgQVcENI8QwoBo8cUiszWYPz4OVi3bQ9cBQoQ0exblsvTDZwg6PYHNo/tE0XmvVwa4BxWBentgtnL+A8HHPxcnYaaBRoQ6twDY3iEW5oFI8Hwx/QxSE448b+MwAAAABJRU5ErkJggg==);
    background-color: rgba(255,255,255,0.8);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 2.7em;
    height: 2.7em;
    text-align: center;
    overflow: hidden;
    color: #a33;
    z-index: 2147483642;
}

.ath-container.ath-icon:before {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    float: none;
}

.ath-mandatory .ath-container:before {
    display: none;
}

.ath-container.ath-android:before {
    float: left;
    margin: -0.7em 0.5em 0 -0.6em;
}

.ath-container.ath-android.ath-icon:before {
    position: absolute;
    right: auto;
    left: 0;
    margin: 0;
    float: none;
}


/* applied only if the application icon is shown */
.ath-container.ath-icon {
}

.ath-action-icon {
    display: inline-block;
    vertical-align: middle;
    background-position: 50%;
    background-repeat: no-repeat;
    text-indent: -9999em;
    overflow: hidden;
}

.ath-android .ath-action-icon {
    width: 1.2em;
    height: 1.8em;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAADcBAMAAAAig/QJAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAFtDAABbQwH5xg68AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAB5QTFRFAAAA////cXFxaWlp////ZmZmnJycoaGhpqam////1D9b6wAAAAV0Uk5TAAgJERExZxYzAAAAYklEQVRYw+3WoQ2AUBAE0SsBOiBUQEIDCArA4FFoHBaJxNItFYz/x5+xz282VmwJTdM0rRzbsS1e7Pm9zdgUVn491rkFmqZpSezEjqo/Sos1HoAEjdjgFmiapiWxG7tq/igfnYteFlnOWZEAAAAASUVORK5CYII=);
    background-size: auto 100%;
}

.ath-ios7 .ath-action-icon,
.ath-ios8 .ath-action-icon {
    width: 1.6em;
    height: 1.6em;
    background-image: url(data:image/png;base64,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);
    margin-top: -0.3em;
    background-size: auto 100%;
}

.ath-ios6 .ath-action-icon {
    width: 1.8em;
    height: 1.8em;
    background-image: url(data:image/png;base64,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);
    margin-bottom: 0.4em;
    background-size: 100% auto;
}

.ath-container p {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 2147483642;
    text-shadow: 0 0.1em 0 #fff;
    font-size: 1.1em;
}

.ath-ios.ath-phone:after {
    content: '';
    background: #eee;
    position: absolute;
    width: 2em;
    height: 2em;
    bottom: -0.9em;
    left: 50%;
    margin-left: -1em;
    -webkit-transform: scaleX(0.9) rotate(45deg);
    transform: scaleX(0.9) rotate(45deg);
    box-shadow: 0.2em 0.2em 0 #d1d1d1;
}

.ath-ios.ath-tablet:after {
    content: '';
    background: #eee;
    position: absolute;
    width: 2em;
    height: 2em;
    top: -0.9em;
    left: 50%;
    margin-left: -1em;
    -webkit-transform: scaleX(0.9) rotate(45deg);
    transform: scaleX(0.9) rotate(45deg);
    z-index: 2147483641;
}

.ath-android:after {
    content: '';
    background: #eee;
    background: -webkit-linear-gradient(-45deg, rgba(238,238,238,0) 0%,rgba(238,238,238,0) 50%,rgba(238,238,238,1) 50%,rgba(238,238,238,1) 100%);
    position: absolute;
    width: 2em;
    height: 2em;
    top: -1.5em;
    right: 0;
}

.ath-application-icon {
    position: relative;
    padding: 0;
    border: 0;
    margin: 0 auto 0.2em auto;
    height: 6em;
    width: 6em;
    z-index: 2147483642;
}

.ath-container.ath-ios .ath-application-icon {
    border-radius: 1em;
    box-shadow: 0 0.2em 0.4em rgba(0,0,0,0.3), inset 0 0.07em 0 rgba(255,255,255,0.5);
    margin: 0 auto 0.4em auto;
}

@media only screen and (orientation: landscape) {
    .ath-container.ath-phone {
        width: 24em;
    }

    .ath-ios.ath-phone {
        margin-left: -12em;
    }

    .ath-ios6:after {
        left: 39%;
    }

    .ath-ios8.ath-phone {
        left: auto;
        bottom: auto;
        right: 0.4em;
        top: 1.8em;
    }

        .ath-ios8.ath-phone:after {
            bottom: auto;
            top: -0.9em;
            left: 68%;
            z-index: 2147483641;
            box-shadow: none;
        }
}

/* || AMAY - Mobile site - Sarmady || */
/*@font-face {
    font-family: 'Almarai';
    src: url('../fonts/dinnextregular.eot');*/ /* IE9 Compat Modes */
/*src: url('../fonts/dinnextregular.eot?#iefix') format('embedded-opentype'),*/ /* IE6-IE8 */ /*url('../fonts/dinnextregular.woff') format('woff'),*/ /* Modern Browsers */ /*url('../fonts/dinnextregular.ttf') format('truetype'),*/ /* Safari, Android, iOS */ /*url('../fonts/dinnextregular.svg#dinnextltw23regular') format('svg');*/ /* Legacy iOS */
/*}*/
/***|| Rest, General elements ||****/
body {
    background: #f8f8f8 url(../images/body_bg.jpg);
    /*padding-top: 60px;*/
}

ul, li {
    margin: 0px;
    padding: 0px;
}

* {
    outline: medium none !important
}
/***|| Header Area ||***/
#header {
    display: block;
    width: 100%;
    height: 55px;
    border-bottom: 5px solid #5fb047;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 2000;
    background: #f8f8f8 url(../images/body_bg.jpg);
}

.tit_4 {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14pt;
    font-weight: bold;
    line-height: 1.75em;
    border-right: 0px;
}

img.xyz {
    width: 28px;
    height: 28px;
    margin-left: 3px;
    margin-top: 1px;
    float: right;
}

#header a.logo {
    /*background: url("../images/spirt.png") no-repeat scroll right top;*/
    display: block;
    height: 40px;
    width: 112px;
    margin: 5px auto 0;
}

.logo img {
    margin-top: 0px;
    width: 132px;
}

/* NAV layout */
#header span.opMenu {
    background: url("../images/menu.png") no-repeat scroll center center #5fb047;
    display: block;
    height: 55px;
    width: 50px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -ms-transition: -ms-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease;
}

#header .ios-btn {
    display: block;
    height: 50px;
    width: 40px;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
}

#header .ios-refresh {
    background: url("../images/ios-refresh.png") no-repeat scroll center center;
}

#header .ios-back {
    background: url("../images/ios-back.png") no-repeat scroll center center;
}

#header nav {
    height: 100%;
    position: fixed;
    top: 0;
    right: -60%;
    overflow: auto;
    background-color: #404040;
    width: 60%;
    -webkit-box-shadow: inset 2px 0 5px 0 rgba(0,0,0,0.5);
    box-shadow: inset 2px 0 5px 0 rgba(0,0,0,0.5);
    /*-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;*/
}
/* NAV active actions */
.slide-to-right, .slide-to-right body, .slide-to-right #page {
    height: 100%;
    width: 100%;
    overflow: hidden;
    padding: 0;
}

    .slide-to-right #content {
        -ms-transform: translate(-60%, 0);
        -webkit-transform: translate3d(-60%, 0, 0);
        -moz-transform: translate3d(-60%, 0, 0);
        -ms-transform: translate3d(-60%, 0, 0);
        -o-transform: translate3d(-60%, 0, 0);
        transform: translate3d(-60%, 0, 0);
        height: 100%;
        width: 100%;
        overflow: hidden;
    }

    .slide-to-right #header {
        right: 60%;
    }


        /*@media only screen and (min-device-width: 600px) {
#header nav {right:-50%;width:50%;}
.slide-to-right #content {-ms-transform: translate(-50%, 0);-webkit-transform: translate3d(-50%, 0, 0);-moz-transform: translate3d(-50%, 0, 0); -ms-transform: translate3d(-50%, 0, 0);
-o-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0)}
.slide-to-right #header{right:50%;}
}

@media only screen and (min-device-width: 900px) {
#header nav {right:-30%;width:30%;}
.slide-to-right #content {-ms-transform: translate(-30%, 0);-webkit-transform: translate3d(-30%, 0, 0);-moz-transform: translate3d(-30%, 0, 0); -ms-transform: translate3d(-30%, 0, 0);
-o-transform: translate3d(-30%, 0, 0);transform: translate3d(-30%, 0, 0)}
.slide-to-right #header{right:30%;}
}*/


        .slide-to-right #header nav {
            right: 0px;
        }

    .slide-to-right .opMenu {
        background-color: #343434;
    }
/* search form */
#header nav .header-search-form {
    padding: 10px;
    background-color: #2e2e2e;
    position: relative;
    width: auto;
    line-height: 0;
    display: block;
}

    #header nav .header-search-form .input-search {
        border: 1px solid #1f1f1f;
        -webkit-border-radius: 25px;
        border-radius: 25px;
        width: 175px;
        height: 30px;
        line-height: 15px;
        outline: 0;
        padding: 0 10px;
        font-family: 'Almarai';
        display: block;
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        #header nav .header-search-form .input-search:focus {
            border: 1px solid #fff;
        }

    #header nav .header-search-form .input-submit {
        background-image: url("../images/search-icon.png");
        background-repeat: no-repeat;
        border: 0;
        background-color: transparent;
        width: 17px;
        height: 17px;
        position: absolute;
        left: 25px;
        top: 17px;
        margin: 0;
    }
/* NAV list */
#header nav ul {
    list-style: none;
    padding: 0px;
    margin: 0 0 50px;
}

#header nav li a {
    display: block;
    padding: 10px;
    color: #fff;
    text-decoration: none;
    font-family: 'Almarai';
    font-size: 12pt;
}

    #header nav li a.active, #header nav li a:hover {
        background: #5fb047;
    }


.active ul li a {
    display: block;
    font-size: 10pt;
    padding: 10px;
    border-bottom: 1px solid #3c3c3c;
}

#header .social {
    display: block;
    margin-bottom: 30px;
    text-align: center;
}

#header .menu-logo {
    background-image: url("../images/menu-logo1.png");
    background-position: center;
    background-repeat: no-repeat;
    height: 18px;
    margin-bottom: 30px;
}

.social a {
    background-image: url("../images/social_icons.png");
    display: inline-block;
    height: 40px;
    width: 40px;
    vertical-align: top;
}

.social .fb {
    background-position: right 0;
}

.social .tw {
    background-position: center 0;
}

.social .gp {
    background-position: left 0;
}
/***|| Home Page ||***/
/* layout */
#content {
    overflow: hidden;
    padding-top: 60px;
}
/* Slider Area */
.swipe {
    overflow: hidden;
    visibility: hidden;
    position: relative;
    direction: ltr;
    background: #404040;
    padding: 15px 0px;
}

.swipe-wrap {
    overflow: hidden;
    position: relative;
}

.infographics .swipe-wrap {
    height: 400px;
}

.swipe-wrap > div {
    float: left;
    position: relative;
    text-align: center;
}

    .swipe-wrap > div img {
        border: 1px solid #202020;
        max-width: 93%;
    }

    .swipe-wrap > div a {
        color: #fff;
        text-decoration: none;
        font-size: 0.7em;
    }

    .swipe-wrap > div h2 {
        margin: 0px auto;
        max-width: 600px;
        padding: 0px 20px;
    }

        .swipe-wrap > div h2 a {
            display: inline-flex;
            direction: rtl;
            line-height: 26px;
        }

#right-arrow {
    margin: 10px;
    width: 35px;
    height: 55px;
    text-align: center;
    opacity: 0.7;
    filter: alpha(opacity=40); /* For IE8 and earlier */
    background: #060302;
}

#left-arrow {
    margin: 10px;
    width: 35px;
    height: 55px;
    text-align: center;
    opacity: 0.7;
    filter: alpha(opacity=40); /* For IE8 and earlier */
    background: #060302;
}

    #right-arrow svg, #left-arrow svg {
        fill: #5fb047;
        position: relative;
        top: 10px;
        right: -2px;
    }
/* slider position DOTS  */
ul#position {
    width: 100%;
    text-align: center;
    margin: 10px 0px;
}

    ul#position li {
        background: #767676;
        border-radius: 50%;
        display: inline-block;
        height: 10px;
        width: 10px;
    }

        ul#position li.on {
            background: #5fb047;
        }

.blue_arrow {
    float: left;
    height: 35px;
    margin-top: 1px;
    width: 90px;
    background: transparent;
    color: #c80000;
}

    .blue_arrow svg {
        margin-top: 3px;
        width: 32px;
        height: 25px;
        fill: #c80000;
        position: relative;
        top: 12px;
    }

        .blue_arrow svg circle {
            width: 5px;
            height: 5px;
        }

    .blue_arrow:before {
        content: "المزيد";
    }

/* Section */
.Article {
    margin-top: 25px;
    text-align: right;
}

    .Article .pinfo a {
        color: #808080;
        text-decoration: none;
    }

.Sec_container {
    margin: 10px;
    clear: both;
    overflow: hidden;
}

h1.grey, .tit_1 {
    /*height: 40px;*/
    background-color: #343434;
    color: #ffffff;
    border-left: 5px solid #9cbb18;
    border-right: 10px solid #9cbb18;
    margin: 0px;
    line-height: 2em;
    padding-right: 13px;
    text-align: right;
}

    h1.grey a {
        text-decoration: none;
        color: #fff;
        text-align: right;
    }

.Sec_container ul {
    clear: both;
    margin-top: 10px;
}

    .Sec_container ul li {
        background-color: #ffffff;
        padding: 10px 5px;
        margin-bottom: 5px;
        position: relative;
        /*border-right: 5px solid #c80000;*/
    }

        .Sec_container ul li.News_li_item img {
            float: right;
            /*border-left: solid 5px #c80000;*/
            margin: 0 0 0 10px;
        }

        .Sec_container ul li.first_li_item img {
            width: 100%;
            display: block;
        }

        .Sec_container ul li.first_li_item {
            border: none;
            margin: 0 0 5px 0;
            padding: 0px;
        }

            .Sec_container ul li.first_li_item span {
                font-family: arial;
                font-size: 18px;
                color: #c80000;
                float: right;
                margin-top: 6px;
                width: 50%;
                line-height: 23px;
                overflow: hidden;
            }

                .Sec_container ul li.first_li_item span.descr {
                    font-family: arial;
                    font-size: 11pt;
                    color: #555555;
                }

        .Sec_container ul li span {
            font-family: arial;
            font-size: 11pt;
            font-weight: bold;
            color: #555555;
            margin: 5px;
            display: block;
            line-height: 20px;
        }

            .Sec_container ul li span.date {
                color: #b4b4b4;
            }

    .Sec_container ul.template_c li p {
        color: #6E6E6E;
        font-weight: normal;
        margin: 0;
        padding-top: 0;
        font-size: 11px;
    }

    .Sec_container ul li p {
        color: #6E6E6E;
        font-weight: bold;
        margin: 0;
        padding-top: 2px;
        /*font-size: 11px;*/
    }

.interview .Sec_container ul li p {
    height: 40px;
    overflow: hidden;
}

.Sec_container ul li a {
    text-decoration: none;
    color: #282828;
}

    .Sec_container ul li a:hover span {
        text-decoration: none;
        color: #c80000;
    }

.Sec_container ul li:before, .Sec_container ul li:after {
    content: "";
    display: table;
}

.Sec_container ul li:after {
    clear: both;
}

.Sec_container ul li {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

.Sec_container ul.template_B li.News_li_item img {
    max-width: 40%;
    width: auto;
}
/**New Section***/
/*.Sec_container ul.template_c li.News_li_item img{ max-width:70px; width: auto; }*/
.Sec_container ul.template_c li.News_li_item img {
    height: 90px;
    max-width: 70px;
}

.Sec_container .template_D li.News_li_item img {
    max-width: 70px;
    width: auto;
}

.Sec_container .template_D .News_li_item {
    background: none;
}

.Sec_container ul.template_D li.first_li_item span {
    font-size: 17pt;
}

    .Sec_container ul.template_D li.first_li_item span.descr {
        font-size: 13pt;
        color: #000;
    }

.Sec_container ul.template_D li p {
    color: #6E6E6E;
    font-weight: bold;
    margin: 0;
    padding-top: 0;
    font-size: 9pt;
}
/*** Pagenation ***/
.pagger {
    background: #FFF;
    clear: both;
    height: 40px;
    margin: 10px;
    overflow: hidden;
}

    .pagger > a {
        color: #DB0000;
        display: inline-block;
        float: right;
        font-size: 14px;
        font-weight: bold;
        height: 40px;
        line-height: 40px;
        min-width: 11%;
        text-align: center;
        text-decoration: none;
    }

        .pagger > a:hover, .pagger > a.current {
            background: #DB0000;
            color: #fff;
        }

    .pagger .right, .pagger .left {
        display: none;
    }
/***|| Inner Page ||***/

/* news page */
.Article h2 {
    color: #c80000;
    font-size: 20pt;
}

.Article .pinfo {
    float: right;
    font-size: 0.8em;
    font-weight: bold;
    margin: 5px;
}

.ARTimg img, #newsStory img, .newsStory img {
    width: 100%;
    height: auto;
}

.innerimg span {
    color: #707070;
    display: block;
    font-size: 9pt;
    font-weight: bold;
    margin: -5px 0px 20px 0px;
    text-align: center;
    width: 100%;
    line-height: 1.5em;
    display: none;
}

.innerimg span {
    background: none repeat scroll 0 0 #f5f5f5;
    line-height: 33px;
    height: auto;
    margin: auto;
    display: flex;
    justify-content: center;
    width: 100%;
    font-size: 16px;
    color: #302B2C;
    font-weight: bold;
}

.newsStory, .imgStories-details-content pre {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14pt;
    font-weight: bold;
    line-height: 1.75em;
}

    .newsStory blockquote {
        background: none repeat scroll 0 0 #FFFFFF;
        border-right: 10px solid #CB0000;
        color: #CB0000;
        font-size: 18px;
        margin: 15px 5px;
        padding: 15px;
    }

.innerimg_mid img:nth-last-of-type(1) {
    display: none;
}

.innerimg_mid img {
    width: 100%;
    height: auto;
}
/*edites on article content*/
.newsStory a {
    text-decoration: none;
    color: #C80000;
}

h1.tit_2 a {
    display: block;
    font-size: 14pt;
    margin-bottom: 10px;
}
/* inner images */
.innerimg img {
    width: 100%;
    display: block;
}

    .innerimg img.bigimg {
        display: none;
    }
/**Elastic Videos***/
#newsStory iframe, .newsStory iframe {
    width: 100%;
}
/***|| Footer off Page ||***/
.privacy_wrap li {
    display: inline-block;
}

.CR, .CR a {
    text-decoration: none;
    clear: both;
    text-align: center;
    font-size: 10pt;
    height: auto;
    padding: 5px;
    color: #adadad;
    font-weight: bold;
    font-family: arial;
    background: #313131;
}

    .CR a {
        background: none repeat scroll 0 0 #212121;
        border-radius: 5px;
        color: #FFF;
        display: block;
        font-size: 14px;
        height: 20px;
        line-height: 20px;
        margin: 5px auto;
        width: 120px;
    }

    .CR .logo {
        background: url("../images/footer_logo.png") no-repeat scroll right top;
        display: block;
        height: 183px;
        width: 112px;
        margin: 5px auto;
    }

    .CR .sarmady {
        background: url("../images/SarmadyLogo.png") no-repeat scroll right top rgba(0, 0, 0, 0);
        display: block !important;
        height: 14px;
        margin: 25px auto;
        width: 75px;
    }
/**center Ads**/
.m_center {
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23a9a9a9' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
}

    .m_center > div {
        margin: 10px auto;
        clear: both;
        text-align: center;
        direction: initial !important;
        display:block !important;
    }

.socialtop {
    direction: ltr;
    float: left;
    margin: 5px;
}
/**Search box**/
.sec_box {
    background-color: #FFF;
    color: #5A5A5A;
    margin-top: 10px;
    padding: 10px;
}

    .sec_box h2 {
        font-size: 17px;
        margin-bottom: 8px;
    }

.sec_word {
    background-color: #F4F4F4;
    border: 2px solid #D2D2D2;
    display: block;
    margin: 0 auto;
    padding: 5px;
    width: 95%;
}

.sec_box .btn {
    background-color: #c80000;
    border: 0 none;
    color: #fff;
    display: block;
    font-size: 1.7em;
    margin: 25px auto 10px;
    padding: 7px 35px 3px;
}
/*Videos Mobile*/
.Sec_container ul.albumshow li {
    border: none;
    padding: 0 0 10px;
    margin-bottom: 10px;
}

.albumshow img {
    width: 100%;
    height: auto;
}

.albumshow li {
    margin: 0 0 20px;
    overflow: hidden;
    position: relative;
}

.Sec_container ul.albumshow li p {
    font-size: 1em;
    font-weight: bold;
    padding: 0 10px;
    height: 53px;
}

.Sec_container .albumshow li:hover, .Sec_container .albumshow li:hover p {
    background: #5fb047;
    color: #fff;
}

ul.albumshow li .fa {
    background: #5fb047;
    bottom: 67px;
    left: 0;
    position: absolute;
    padding: 10px 15px;
    color: #fff;
}

.arrow-right {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 9px solid #fff;
}

form.custom.filter {
    margin: 10px 0 0;
}

    form.custom.filter label.right {
        float: right;
        font-size: 1.1em;
        margin: 5px 0 0 7px;
    }

form textarea, select {
    background: #FFFFFF;
    border: none;
    border-radius: 0;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    font-weight: bold;
    float: right;
    padding: 6px 4px 7px;
    width: 58%;
}

form.custom.filter input.small.button {
    font-size: 1.1em;
    margin-right: 5px;
    padding: 6px 16px;
}

.button {
    background: #CB0000;
    border: 0 none;
    border-radius: 0;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 20px;
    text-decoration: none;
}

.Sec_container .vidMainMobile ul.albumshow li:first-child {
    width: 100%;
}

.Sec_container .vidMainMobile ul.albumshow li {
    float: right;
    margin-left: 10px;
    width: 46.2%;
}

.survey_data .btn {
    background-color: #f7f7f7;
    border-right: 2px solid #fff;
    color: #434542;
    display: inline-block;
    font-size: 0.95em;
    font-weight: bold;
    margin: 5px 0 0 1px;
    padding: 7px 8px 7px 15px;
}
/*.video_container #player-container_wrapper{width:100%!important;}*/
.tags {
    clear: both;
    display: inline-block;
    font-size: 13px;
    margin: 20px 0;
}

    .tags a {
        background: none repeat scroll 0 0 #f4f4f4;
        border-left: 2px solid #ededed;
        color: #9a9a9a;
        display: block;
        float: right;
        font-size: 14px;
        font-weight: bold;
        height: 100%;
        line-height: 24px;
        margin-top: 2px;
        min-width: 40px;
        padding: 0 10px;
        text-align: center;
        text-decoration: none;
    }

        .tags a:hover {
            background: #CB0000;
            color: #fff;
        }

    .tags .fa {
        background: none repeat scroll 0 0 #d10012;
        color: #fff;
        float: right;
        font-size: 15px;
        height: 24px;
        line-height: 26px;
        margin-top: 2px;
        text-align: center;
        width: 27px;
    }
/***electricity***/
.electricity {
    background: #ffffff;
    margin: 10px 0 5px;
    overflow: hidden;
    position: relative;
    padding-bottom: 10px;
    min-height: 100px;
}

    .electricity > h3 {
        background-color: #f8f8f8;
        color: #8d8d8d;
        font-size: 1.1em;
        line-height: 1.2;
        margin: 13px 0;
        padding: 5px 10px;
    }

    .electricity > p {
        color: #555;
        font-size: 11pt;
        font-weight: bold;
        margin: 27px 0 3px;
        padding: 0 7px 0 0;
    }

    .electricity .elec_icon1, .electricity .elec_icon2, .electricity .elec_icon3 {
        background: url("../images/meter.png") no-repeat scroll 0 0 transparent;
        display: block;
        height: 55px;
        left: 10px;
        position: absolute;
        top: 50px;
        width: 75px;
    }

    .electricity .elec_icon2 {
        background-position: -80px;
    }

    .electricity .elec_icon3 {
        background-position: -160px;
    }

    .electricity span.status1 {
        color: #6bbd7d;
    }

    .electricity span.status2 {
        color: #ffab09;
    }

    .electricity span.status3 {
        color: #ff3709;
    }

    .electricity p.date {
        font-size: 10pt;
    }

/***About Page for mobile App***/
body.app_header .opMenu, body.app_header .m_center, body.app_header nav {
    display: none !important
}

body.app_header h3.subtitoff, .newsStory h3.subtitoff {
    background: #fff;
    border-right: 6px solid;
    color: #c50000;
    font-family: Almarai;
    font-size: 17px;
    padding: 0 8px 9px 0;
}

body.app_header .newsStory {
    line-height: 1.4em;
}

body.app_header .Sec_container ul li:before, body.app_header .Sec_container ul li:after, .Sec_container .newsStory ul li:before {
    content: "";
    display: initial;
}

body.app_header .Sec_container ul li, .Sec_container .newsStory ul li {
    background-color: transparent;
    border-right: none;
    padding: 0 10px 0 5px;
    clear: both;
    color: #000000;
    list-style: square outside none;
    margin-bottom: 15px;
    margin-right: 30px;
}

    body.app_header .Sec_container ul li span, .Sec_container .newsStory ul li span {
        display: inline-block;
    }

p.face_login {
    margin: 10px auto 0;
    text-align: center;
}

/***Upload image**/
body.app_header .upload_img label {
    display: block;
    margin: 0 0 5px;
}

body.app_header .upload_img textarea {
    border: 3px solid #ebebeb;
    float: none;
    padding-right: 10px;
    width: 97%;
}

body.app_header .upload_img input[type="file"] {
    font-size: 16px;
}

body.app_header .upload_img input[type="text"], body.app_header .upload_img input[type="password"], body.app_header .upload_img input[type="email"], body.app_header .upload_img select, body.app_header .upload_img .register input[type="file"], body.app_header .upload_img input[type="file"] {
    width: 97.8%
}

body.app_header .upload_img input[type="button"] {
    background: #c80000;
    border: 0 none;
    color: #fff;
    display: block;
    margin: 55px auto 15px;
    padding: 10px 25px;
}

body.app_header .CR > a {
    display: none;
}

body.app_header .newsStory.upload_img {
    overflow: hidden;
    width: 100%;
}

body.app_header div.newsStory.upload_img a {
    background: #c80000;
    border: 0 none;
    border-radius: 0;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    color: #fff;
    display: block;
    margin: 55px auto 15px;
    padding: 10px 25px;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
    width: 100px;
}

body.app_header nav {
    top: -1500px !important;
}

/***  Editor details   ***/
.author_wrap {
    position: relative;
}

.author_card {
    background-color: #fff;
    border-bottom: 1px solid #e6e6e6;
    height: 181px;
    margin: 10px 0 0;
}

    .author_card img {
        border-left: 5px solid #c50000;
        float: right;
        height: 180px;
        margin-left: 15px;
        width: 150px;
    }

    .author_card .name {
        margin-bottom: 5px;
    }

.article_name > h3 {
    margin: 5px 0
}

.author_card .name > h3 {
    color: #c50000;
    font-size: 1.3em;
    padding: 10px 0 0;
    margin: 0;
}

.author_card p {
    color: #8f8f8f;
    line-height: 1.3em;
    margin: 0;
}

.author_des {
    background-color: #fafafa;
    margin-bottom: 20px;
    padding: 10px 16px 15px;
}

    .author_des > h3 {
        margin: 5px 0;
    }

    .author_des > p {
        font-size: 1.4em;
        margin: 5px 0;
        text-align: justify;
    }

.magic-accordion h3.head.active {
    background: #d10012;
    color: #fff
}

.magic-accordion h3.head {
    background: #444;
    color: #b3b3b3;
    padding: 15px;
    margin: 1px 0;
}

.magic-accordion ul li p {
    font-size: 1.2em
}

.magic-accordion img {
    float: right;
    margin-left: 5px;
}

h3 i {
    float: left;
    margin-top: 4px;
}

h3.active .fa-plus:before {
    content: "\f068";
}

/**filter**/
h1.grey > a.filter {
    float: left;
    margin: 2px 10px 3px;
}

h1.grey > a > span {
    margin-right: 10px;
}

.filter_wrap {
    display: none;
    background-color: #fff;
    overflow: hidden;
    padding: 5px;
    width: 100%;
}

.pane-content ul {
    margin: 0
}

.Sec_container .pane-content li.title {
    clear: both;
    display: block;
    float: none;
    font-size: 21px;
    font-weight: bold;
    padding: 5px 9px;
}

.Sec_container .pane-content li {
    border-right: medium none;
    float: right;
    margin: 0 -1px -1px 0;
    padding: 5px 3px;
    text-align: center;
}

.pane-content a {
    border: 1px solid #eee;
    display: block;
    font-size: 1.4em;
    padding: 4px 0;
    width: 30.9pt;
}

    .pane-content a:hover, .pane-content a.active {
        background-color: #5fb047;
        color: #fff;
        text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.6)
    }

/**.caricatures***/
.caricatures form.custom.filter label.right {
    display: block;
    float: right;
    font-size: 1.8em;
    margin: 5px auto;
    text-align: center;
}

.caricatures form textarea, .caricatures select {
    width: 100%;
    float: none;
}

.caricatures form.custom.filter input.small.button {
    display: block;
    font-size: 1.4em;
    margin: 10px auto;
    padding: 10px 25px;
}

.caricatures ul.albumshow li.futured {
    background: #c80000;
    border: 5px solid #c80000;
}

    .caricatures ul.albumshow li.futured p {
        color: #fff;
    }

p.pinfo .name {
    color: #5f5f5f;
    text-decoration: none;
}

/***search result***/
.search_result .blue_arrow {
    background: url("../images/more.png") no-repeat scroll -72px 11px;
    width: 40px
}

.search_result h1.grey a {
    font-size: 0.9em
}

/***survey***/
.survey_data {
    background: #fff;
    padding: 15px;
    font-size: 1.2em
}

    .survey_data > p {
        margin: 0;
    }

    .survey_data > a {
        color: #000;
        text-decoration: none;
    }

    .survey_data label {
        background: #f4f4f4;
        border: 1px solid #eee;
        clear: both;
        color: #000;
        display: block;
        margin-bottom: 0.8em;
        padding: 7px;
    }

    .survey_data input {
        float: right;
        margin: 5px 0 5px 10px;
    }

    .survey_data .result {
        bottom: 12px;
        padding: 15px;
        text-align: center;
    }

    .survey_data .btn {
        background-color: #eee;
        border-right: 5px solid #e3e3e3;
        color: #8a8a8a;
        padding: 8px 40px 13px;
        width: 130px;
        cursor: pointer;
    }

/**governorates listing**/
.sec_box select {
    background: #efefef;
    box-shadow: none;
    float: none;
    width: 99%;
}

/***Services***/
.widget_bg {
    background-color: #fff;
    color: #6d6d6d;
    font-size: 1.3em;
    line-height: 1.4em;
    margin-bottom: 30px;
    min-height: 310px;
    overflow: hidden;
    padding: 20px 15px;
}

    .widget_bg .tableRow.head {
        padding: 10px 10px 20px;
    }

    .widget_bg .tableRow {
        border-bottom: 1px solid #d6d6d6;
        overflow: hidden;
        padding: 10px;
    }

    .widget_bg .weather_icon {
        background: url("../images/weather.png") no-repeat scroll 0 0 transparent;
        height: 50px;
        width: 51px;
    }

    .widget_bg .fl {
        float: left;
    }

    .widget_bg .l {
        border-left: 1px solid #d6d6d6;
        float: right;
        width: 70px;
    }

    .widget_bg .c {
        float: right;
        min-width: 70px;
        padding-right: 10px;
    }

    .widget_bg .prayer_icon {
        background: url("../images/prayer.png") no-repeat scroll 0 0 transparent;
        height: 32px;
        width: 43px;
    }

    .widget_bg .gold_icon {
        background: url("../images/gold.jpg") no-repeat scroll 0 0 transparent;
        height: 42px;
        width: 63px;
    }

    .widget_bg .currency_icon {
        background: url("/content/images/currency.png") no-repeat scroll 0 0 transparent;
        display: block;
        height: 46px;
        width: 24px;
    }

/***currency  ***/
.currency_price {
    background: #fff;
    padding: 15px;
    font-size: 1.2em;
    line-height: 1.5
}

    .currency_price .price_wrap {
        overflow: hidden
    }

        .currency_price .price_wrap p {
            color: #c50000;
            font-size: 1em;
            line-height: 41px;
            margin: 0;
        }

    .currency_price .gold {
        background: url("../images/gold.jpg") no-repeat scroll 0 0 transparent;
        height: 42px;
        margin-left: 5px;
        width: 63px;
        float: right;
    }

    .currency_price .currency_icon {
        background: url("../images/currency.png") no-repeat scroll 0 0 transparent;
        display: block;
        float: right;
        height: 46px;
        margin-left: 10px;
        width: 24px;
    }

    .currency_price .prayer {
        background: url("../images/prayer.png") no-repeat scroll 0 0 transparent;
        height: 32px;
        margin-left: 10px;
        width: 43px;
    }

.price_wrap > form {
    margin: 0;
    overflow: hidden;
    padding: 5px 0;
    width: 100%;
}

.currency_price table tr:first-child, .update_price table th {
    background-color: #c50000;
    color: #fff;
    padding: 15px 18px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}

.update_price.five table td.grey {
    background-color: #fafafa;
    width: 50%;
}

.currency_price table td, .update_price table td {
    border: 1px solid #ededed;
    padding: 12px 16px;
    text-align: center;
}

.update_price .fa.red {
    color: #933131;
    font-size: 0.7em;
    display: block;
    text-align: center
}

.update_price .fa.green {
    color: #31934a;
    font-size: 0.7em;
    display: block;
    text-align: center
}

.currency_price form.custom.filter input.small.button {
    display: block;
    margin: 10px auto;
    padding: 10px 30px;
    text-align: center;
}

.currency_price .count {
    color: #c50000;
    font-size: 1.8em;
}

.currency_price form textarea, .currency_price select {
    background: #f7f7f7;
    border: 1px solid #dedede;
    border-radius: 0;
    box-shadow: none;
    float: none;
    width: 100%;
    font-size: 0.8em;
}

.price_wrap .button.small {
    display: block;
    margin: 5px auto;
    padding: 10px 25px;
}

/***weather***/
.template_B.weather span {
    display: inline
}

    .template_B.weather span.small_degree {
        display: block
    }

.template_B.weather .big_degree {
    background: url("../images/big_degree.png") no-repeat scroll 5px 2px transparent;
    padding: 10px 5px 25px 65px;
    float: left;
}

/***subscribe wrap***/
.subscribe_wrap {
    background-color: #FFF;
    padding: 10px;
    text-align: center;
    font-size: 0.8em;
}

    .subscribe_wrap h3 {
        margin: 10px 0;
    }

    .subscribe_wrap .red {
        color: #DB0000;
        display: inline-block;
        margin: 0 5px;
    }

    .subscribe_wrap > p {
        margin: 5px 0;
    }

    .subscribe_wrap form {
        width: 90%;
        display: flex;
        gap: 5px;
        margin: 0 auto;
        align-items: center;
        justify-content: space-between;
    }

    .subscribe_wrap .present {
        text-align: center
    }

    .subscribe_wrap .logo {
        background: url("../images/subscribe.png") no-repeat scroll 0 0 transparent;
        display: block;
        height: 22px;
        margin: 15px auto;
        width: 124px;
    }

    .subscribe_wrap input[type="text"] {
        border: 1px solid #d9d9d9;
        color: #7a7a7a;
        padding: 8px;
        height: 14px;
    }

    .subscribe_wrap input[type="submit"], input[type="reset"], input[type="button"] {
        background: #cb0000;
        border: 0 none;
        color: #fff;
        font: 14px/21px;
        padding: 9px 15px;
        text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
        margin: 5px -6px 5px 5px;
    }


/***hot_file***/
.hot_file .swipe {
    margin: 10px 0;
}

.hot_file h2 {
    color: #707070;
    font-size: 1.4em;
}

.hot_file select {
    margin: 5px 0
}

.hot_file .sec_box {
    border-bottom: 10px solid #dcdcdc;
    border-top: 10px solid #dcdcdc;
}

.hot_file .Sec_container ul li {
    padding: 0;
    border-right: none
}

.hot_file ul li span.date {
    color: #b0b0b0;
}

/***live views***/
.views_min {
    background-color: #fff;
}

.live_views {
    margin-top: 10px;
    padding: 5px 0;
    position: relative;
}

.views_min .live_views li {
    border-top: 1px solid #ebebeb;
    border-right: 0 none;
    margin: 10px 0;
    overflow: hidden;
    padding: 15px 15px 0;
}

    .views_min .live_views li p.date {
        color: #a7a7a7;
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 8px;
    }

.views_min .live_views .link {
    background: url("../images/link.png") no-repeat scroll right 0 transparent;
    padding: 0 30px 0 0;
    height: 20px;
}

.views_min .live_views .photo {
    background: url("../images/photo_icons.png") no-repeat scroll right 0 transparent;
    margin: 5px 0;
    padding: 0 30px 0 0;
}

.views_min .live_views .note {
    background: url("../images/note.png") no-repeat scroll right 0 transparent;
    padding: 0 30px 0 0;
}

.views_min .live_views .video {
    background: url("../images/video.png") no-repeat scroll right 0 transparent;
    padding: 0 30px 0 0;
    margin: 5px 0;
}

.views_min .live_views li a {
    color: #c50000;
    font-size: 15px;
    font-weight: bold;
}

.live_icon {
    background: none repeat scroll 0 0 transparent;
    left: 0;
    margin: 0 !important;
    position: absolute;
    top: 0;
    width: auto !important;
}

.views_min h2, .views_min p {
    margin: 15px 10px;
}

.Sec_container .views_min ul li p {
    font-size: 15px;
    font-weight: bold;
}

/**live_interviews****/
.live_views {
    background-color: #ffffff;
    padding: 0;
}

    .live_views .banner img, .live_header {
        margin: 0;
        position: relative;
        width: 100%;
    }

        .live_header > h3 {
            color: #cb0100;
            margin: 5px 10px;
        }

.live_icon {
    background: none;
    left: 0;
    margin: 0 !important;
    position: absolute;
    top: 0;
    width: auto !important
}

.live_video {
    margin: 10px
}

.register > h3 {
    font-family: "Almarai",tahoma;
    font-size: 15px;
    margin-bottom: 20px;
}

.register textarea {
    height: 150px;
}

.live_views .register {
    border-top: 1px solid #ebebeb;
    padding: 5px 20px;
    margin-top: 25px;
    clear: both;
}

.live_header p.create {
    color: #787878;
    font-size: 14px;
    font-weight: bold;
    margin: 0 10px 6px;
}

.live_header p {
    margin: 10px
}

    .live_header p.create > a {
        text-decoration: none;
    }

.live_header span {
    color: #000
}

.live_header .host {
    margin-bottom: 10px;
    font-size: 14px;
    color: rgb(120, 120, 120)
}

    .live_header .host span {
        color: rgb(203, 1, 0)
    }

.register input[type="text"], .register input[type="password"], .register input[type="email"], .register textarea, .register select, .Inn_Upload_img .register input[type="file"] {
    background: none repeat scroll 0 0 #f8f8f8;
    border: 1px solid #ececec;
    box-shadow: none;
    margin: 0 0 15px;
    padding: 4px 4px 7px;
    width: 100%;
    color: #545454;
    font-weight: bold;
}

.register select {
    color: #a0a0a0;
    width: 100.6%
}

.register .button, .register button, .register input[type="submit"], .register input[type="reset"], .register input[type="button"] {
    background: none repeat scroll 0 0 #cb0000;
    border: 0 none;
    border-radius: 0;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    color: #fff;
    cursor: pointer;
    display: block;
    font-weight: bold;
    margin: 20px auto;
    padding: 7px 30px 10px;
    text-decoration: none;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}

.Inn_Upload_img {
    display: -webkit-flex;
    display: flex;
}

    .Inn_Upload_img p {
        margin: .2em 0;
    }

body.app_header .Inn_Upload_img .upload_img input[type="button"] {
    margin-top: 10px;
}

.Inn_Upload_img .register input[type="file"] {
    direction: ltr;
}


/*****live views questions*****/
.live_views .questions, .live_views .questions ul, .live_views .questions li {
    list-style: none;
}

    .live_views .questions ul {
        margin: 0;
        padding: 15px;
    }

        .live_views .questions ul p {
            color: #000;
            margin: 0;
        }

            .live_views .questions ul p.q_date {
                color: #959595;
                margin-bottom: 10px;
            }

.live_views .questions {
    margin: 0 0 45px
}

    .live_views .questions > li {
        border: 0 none;
        margin: 3px 0;
        padding: 0;
    }

        .live_views .questions > li li {
            border: 0 none;
            margin: 2px 0;
            padding: 0;
        }

    .live_views .questions a {
        color: #333;
        display: block;
        outline: none;
        text-decoration: none;
    }

    .live_views .questions li > a > span {
        background-color: #ededed;
        color: #7d7d7d;
        float: left;
        font-size: 19px;
        height: 41px;
        margin: 0;
        text-align: center;
        width: 45px;
    }

    .live_views .questions li > a:hover > span {
        color: #343434;
        background-color: #dbdbdb;
    }

    .live_views .questions li > a > span:after {
        content: '\002B';
        line-height: 40px;
        display: block
    }

    .live_views .questions li.open > a > span:after {
        content: '\005F';
        line-height: 24px;
    }

    .live_views .questions li a {
        padding: 0 10px 2px 0
    }

    .live_views .questions > li > a {
        background-color: #f8f8f8;
        color: #c50000;
        font-weight: bold;
        min-height: 40px;
        line-height: 40px;
    }

.collapse, .expand {
    color: #fff;
    left: 0;
    position: absolute;
    top: 0;
}

    .expand span:after {
        content: '\002B'
    }

h1 .collapse {
    display: none
}

.collapse span:after {
    content: '\005F';
    display: block;
    line-height: 14px;
}

.collapse span, .expand span {
    background-color: #5c5c5c;
    color: #d7d7d7;
    display: inline-block;
    font-size: 23px;
    text-align: center;
    width: 42px;
    margin-right: 10px;
    height: 40px
}

.iq-validation-msg {
    color: #c50000;
    display: none;
    font-family: Almarai;
    font-size: 11px;
    margin: -12px 0 15px;
}

/***Comment wrap***/
.comment_wrap {
    clear: both;
    direction: ltr;
    display: block;
    overflow: hidden;
    padding: 5px 0;
}

/**ADS**/
.ads ul li span {
    display: inline;
}

.ads > p {
    font-size: 16px;
    font-weight: bold;
}

/*** copyrights ***/
.copyrights {
    background: #fff;
    padding: 15px
}

DIV.fullpage {
    background: #FFF;
    padding: 30px 20px;
}

h3.subtitoff {
    background: #f3f3f3;
    border-right: 6px solid;
    color: #c50000;
    font-size: 17px;
    padding: 10px;
}

.fullpage ul li {
    border-right: 0 none;
    clear: both;
    font-weight: bold;
    list-style: square outside none;
    margin-bottom: 10px;
    margin-right: 30px;
    padding: 5px;
}

.article.fullpage > p {
    font-size: 17px;
    font-weight: bold;
}

.fullpage ul li:before {
    display: block
}

div.fullpage ul li .subofsub {
    float: right;
    font-family: Almarai;
    font-size: 16px;
}

.fullpage ul li:hover {
    list-style: disc;
}

.fullpage ul li.sub-off {
    color: #5fb047;
    list-style: disc outside none;
}

    .fullpage ul li.sub-off ul li {
        color: #000;
        margin-right: 0px;
    }

.fullpage .right ul li .subofsub {
    clear: both;
    color: #CA0000;
    display: block;
    margin-bottom: 1px;
    margin-right: -24px;
    margin-top: 12px;
    width: 102%;
}

.fullpage ul.numbers li {
    list-style: none outside none;
    margin-right: 0;
}

/**Register Form****/
.register {
    background-color: #fff;
    overflow: hidden;
    padding: 10px 20px 0;
}

img.user {
    display: block;
    height: 200px;
    margin: 10px auto;
    width: 200px;
}

/**poll_wrap***/
.poll_wrap {
    width: 300px
}

a.poll_head {
    color: #444;
    text-decoration: none;
}

.poll_head p {
    padding: 10px;
}

.PollResulLabel {
    margin-bottom: 5px;
}

.PollResultdiv {
    float: right;
    padding: 0 0 10px;
    width: 100%;
}

.PollResultbar {
    background: url("/content/images/pollBar.gif") no-repeat scroll right center transparent;
    border: 1px solid #C93B3B;
    height: 10px;
    margin-bottom: 6px;
}

.PollResulNum {
    color: #595959;
    float: right;
    font-size: 8pt;
    width: 100%;
}

/***responsive video***/
.min_video {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
    clear: both;
}

    .min_video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

/* MobileNews SMS the Table*/
.update_price.smspage table th {
    line-height: 10px;
    text-align: center;
    width: 100px;
}

    .update_price.smspage table th p {
        font-size: 11px;
        line-height: 22px;
        margin-bottom: 4px;
    }

.update_price.five.smspage table td.grey {
    color: #666;
    line-height: 21px;
    width: 100%;
}

.update_price.five.smspage table tr:hover td.grey {
    background: #606060;
    color: #FFF;
}

.update_price.smspage table td {
    height: 60px;
    line-height: 1.2;
    text-align: center;
    font-weight: bold;
}

    .update_price.smspage table td p {
        margin: 5px 0
    }
/*vodafone*/
.update_price.smspage table th.vodafone {
    background: #F50000;
}

.update_price.smspage table td.vodafone {
    color: #F50000;
}

    .update_price.smspage table td.vodafone:hover {
        background: #F50000;
        color: #fff;
    }
/*mobinile*/
.update_price.smspage table th.mobinile {
    background: #FF7900;
}

.update_price.smspage table td.mobinile {
    color: #FF7900;
}

    .update_price.smspage table td.mobinile:hover {
        background: #FF7900;
        color: #fff;
    }
/*etisalat*/
.update_price.smspage table th.etisalat {
    background: #709E18;
}

.update_price.smspage table td.etisalat {
    color: #709E18;
}

    .update_price.smspage table td.etisalat:hover {
        background: #709E18;
        color: #fff;
    }

/* Zebra_DatePicker: a lightweight jQuery date picker plugin Default theme
copyright (c) 2011 - 2013 Stefan Gabos    http://stefangabos.ro/jquery/zebra-datepicker/   */
.Zebra_DatePicker_Icon_Wrapper > input {
    background-color: #F7F7F7;
    border: 1px solid #DFDFDF;
    box-shadow: none;
    height: 32px;
    margin: 3px 0 0;
    padding: 0 4px;
    width: 95%
}
/**datepicker***/
.datepicker-wrapper h2 {
    font-size: 16px;
}

.datepicker-wrapper label {
    color: #027CBA;
    float: right;
    font-size: 12px;
    margin: 9px 0 0 1px;
    width: 28px;
}

button.Zebra_DatePicker_Icon_Inside {
    left: 10px !important;
    margin: 0 3px 0 0;
}

.Zebra_DatePicker_Icon_Wrapper {
    width: 90%;
}

.datepicker-wrapper {
    padding: 0 5px;
}

.btn.timesubm {
    float: left;
    margin-top: 0;
}

.datepicker-wrapper div.alpha span {
    margin: 0
}

.Zebra_DatePicker *, .Zebra_DatePicker *:after, .Zebra_DatePicker *:before {
    -moz-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important
}

.Zebra_DatePicker {
    position: absolute;
    background: #fff;
    border: 3px solid #E1E1E1;
    display: none;
    z-index: 100;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 13px;
    top: 15% !important;
}

    .Zebra_DatePicker * {
        margin: 0;
        padding: 0;
        color: #000;
        background: transparent;
        border: none
    }
    /* = GLOBALS
----------------------------------------------------------------------------------------------------------------------*/
    .Zebra_DatePicker table {
        border-collapse: collapse;
        border-spacing: 0
    }

    .Zebra_DatePicker td, .Zebra_DatePicker th {
        text-align: center;
        padding: 5px 0
    }

    .Zebra_DatePicker th {
        color: #fff
    }

    .Zebra_DatePicker td {
        cursor: pointer
    }

    .Zebra_DatePicker .dp_daypicker, .Zebra_DatePicker .dp_monthpicker, .Zebra_DatePicker .dp_yearpicker {
        margin-top: 3px
    }

        .Zebra_DatePicker .dp_daypicker td, .Zebra_DatePicker .dp_daypicker th, .Zebra_DatePicker .dp_monthpicker td, .Zebra_DatePicker .dp_yearpicker td {
            background: #E8E8E8;
            width: 30px;
            border: 1px solid #fff
        }

    .Zebra_DatePicker, .Zebra_DatePicker .dp_header .dp_hover, .Zebra_DatePicker .dp_footer .dp_hover {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px
    }
        /* = HEADER
----------------------------------------------------------------------------------------------------------------------*/
        .Zebra_DatePicker .dp_header td {
            color: #5C5C5C
        }

        .Zebra_DatePicker .dp_header .dp_previous, .Zebra_DatePicker .dp_header .dp_next {
            width: 30px
        }

        .Zebra_DatePicker .dp_header .dp_hover {
            background: #E8E8E8;
            color: #5c5c5c
        }

        .Zebra_DatePicker .dp_header .dp_blocked {
            color: #888;
            cursor: default
        }
        /* = DATEPICKER
----------------------------------------------------------------------------------------------------------------------*/
        .Zebra_DatePicker .dp_daypicker th {
            background: #5fb047
        }

        .Zebra_DatePicker td.dp_not_in_month {
            background: #F3F3F3;
            color: #CDCDCD;
            cursor: default
        }

        .Zebra_DatePicker td.dp_not_in_month_selectable {
            background: #F3F3F3;
            color: #CDCDCD;
            cursor: pointer
        }

        .Zebra_DatePicker td.dp_weekend {
            background: #D8D8D8
        }

        .Zebra_DatePicker td.dp_weekend_disabled {
            color: #CCC;
            cursor: default
        }

        .Zebra_DatePicker td.dp_selected {
            background: #5A4B4B;
            color: #FFF !important
        }

        .Zebra_DatePicker td.dp_week_number {
            background: #FFCC33;
            color: #555;
            cursor: text;
            font-style: italic
        }
        /* = MONTHPICKER
----------------------------------------------------------------------------------------------------------------------*/
        .Zebra_DatePicker .dp_monthpicker td {
            width: 33%
        }
        /* = YEARPICKER
----------------------------------------------------------------------------------------------------------------------*/
        .Zebra_DatePicker .dp_yearpicker td {
            width: 33%
        }
        /* = FOOTER
----------------------------------------------------------------------------------------------------------------------*/
        .Zebra_DatePicker .dp_footer {
            margin-top: 3px
        }

            .Zebra_DatePicker .dp_footer .dp_hover {
                background: #E8E8E8;
                color: #5c5c5c
            }
        /* = SELECT CURRENT DAY
----------------------------------------------------------------------------------------------------------------------*/
        .Zebra_DatePicker .dp_today {
            color: #5C5C5C;
            padding: 3px
        }
        /* = CLEAR DATE
----------------------------------------------------------------------------------------------------------------------*/
        .Zebra_DatePicker .dp_clear {
            color: #5C5C5C;
            padding: 3px
        }
        /* = SOME MORE GLOBALS (MUST BE LAST IN ORDER TO OVERWRITE PREVIOUS PROPERTIES)
----------------------------------------------------------------------------------------------------------------------*/
        .Zebra_DatePicker td.dp_current {
            color: #C40000
        }

        .Zebra_DatePicker td.dp_disabled_current {
            color: #E38585
        }

        .Zebra_DatePicker td.dp_disabled {
            background: #F3F3F3;
            color: #CDCDCD;
            cursor: default
        }

        .Zebra_DatePicker td.dp_hover {
            background: #5C5C5C;
            color: #FFF
        }
/* = ICON
----------------------------------------------------------------------------------------------------------------------*/
button.Zebra_DatePicker_Icon {
    display: block;
    position: absolute;
    box-shadow: none;
    width: 32px;
    height: 32px;
    background: url('../images/calendar.png') no-repeat left top;
    text-indent: -9000px;
    border: none;
    cursor: pointer;
    padding: 0;
    line-height: 0;
    vertical-align: top
}

button.Zebra_DatePicker_Icon_Disabled {
    background-image: url('../images/calendar-disabled.png')
}
/* don't set vertical margins! */
button.Zebra_DatePicker_Icon {
    margin: 0 0 0 3px
}

button.Zebra_DatePicker_Icon_Inside {
    margin: 0 0 0 -38px
}

/***********************************/
/*** Lens Page ***/
/***********************************/
.lens-page-wrap {
    background-color: #5c5c5c;
}

    .lens-page-wrap * {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .lens-page-wrap a {
        text-decoration: none;
    }

    .lens-page-wrap .left {
        float: left;
    }

    .lens-page-wrap .tit_1 {
        background: url("../images/menu_bg.jpg") repeat scroll 0 0 #1B1B1D;
        border-left: 3px solid #5fb047;
        color: #FFF;
        border-right: 10px solid #5fb047;
        font-size: 1.29em;
        padding: 2px 10px 8px 0;
        font-weight: normal;
        font-family: "Almarai", tahoma;
        position: relative;
        white-space: nowrap;
        word-wrap: normal;
    }

        .lens-page-wrap .tit_1 > a {
            color: #fff;
            display: inline;
            text-decoration: none;
            text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.6);
        }

        .lens-page-wrap .tit_1.nmagb {
            margin-bottom: 0;
        }

.lens-loading {
    background-image: url("../images/lens-loading-logo.gif");
    background-repeat: no-repeat;
    background-position: center;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -53px;
    margin-top: -53px;
    width: 105px;
    height: 105px;
    z-index: 5000;
}
/* remove padding classes */
.lens-page-wrap .rmv_padding-r {
    padding-right: 0
}

.lens-page-wrap .rmv_padding-l {
    padding-left: 0
}
/* more button */
.lens-page-wrap .more_btn {
    background-color: #fff;
    color: #c50202;
    font-size: 19px;
    display: inline-block;
    line-height: 40px;
    padding-right: 10px;
    margin: 0 0 15px;
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    -ms-transition: all 100ms ease-in;
    -o-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
    font-family: 'Almarai';
}

    .lens-page-wrap .more_btn span {
        background-color: #c50202;
        color: #fff;
        padding: 0 10px 5px;
        display: inline-block;
    }
/* content */
.lens-page-wrap .content_wrap {
    padding: 0 10px;
    overflow: hidden;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    background-position: 200% 235px;
    background-repeat: no-repeat;
}

    .lens-page-wrap .content_wrap.loading {
        background-image: url("../images/lens-loading-logo.gif");
        background-position: center 235px;
        background-attachment: fixed;
    }

    .lens-page-wrap .content_wrap .pagger {
        margin: 30px auto 60px;
        max-width: 643px;
    }

    .lens-page-wrap .content_wrap .comment_wrap {
        margin: -15px;
        background: #fff;
        padding: 15px
    }
    /* ads */
    .lens-page-wrap .content_wrap .ads_wrap {
        padding: 15px 6px;
        margin: 0 -15px;
    }

.lens-page-wrap .ads_wrap {
    padding: 6px;
    margin: 0;
    background-color: #505050;
    clear: both;
}

    .lens-page-wrap .ads_wrap.nobg {
        background-color: transparent;
    }
/* head */
.lens-page-wrap .head h1 {
    color: #fff;
    font-size: 23px;
    text-align: center;
    margin: 0;
    border-bottom: 7px solid #454545;
    line-height: 50px;
    height: 35px;
    margin-bottom: 30px;
    font-family: "Almarai", tahoma;
}

    .lens-page-wrap .head h1 span {
        display: inline-block;
        background-color: #5c5c5c;
        padding: 0 15px;
    }
/* tabs */
.lens-page-wrap .lens-tabs {
    margin: 0 0 15px;
    list-style-type: none;
    font-family: "Almarai", tahoma;
    font-size: 0;
}

    .lens-page-wrap .lens-tabs li {
        background-color: #454545;
        border-bottom: 6px solid #404040;
        display: inline-block;
        width: 33.33333333333333%;
        text-align: center;
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
    }

        .lens-page-wrap .lens-tabs li a {
            color: #fff;
            font-size: 19px;
            display: block;
            padding: 10px 0 15px;
            text-decoration: none;
            overflow: hidden;
            white-space: nowrap;
            word-wrap: normal;
            *zoom: 1;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
        }

        .lens-page-wrap .lens-tabs li.active {
            background-color: #d52a29;
            border-bottom: 6px solid #c41f1f;
        }

            .lens-page-wrap .lens-tabs li.active a {
                color: #fff;
            }
/* global */
.lens-list-footer-time {
    padding-right: 20px;
    background-image: url("../images/time-w-icon.png");
    background-repeat: no-repeat;
    background-position: right center;
}

    .lens-list-footer-time.gray {
        background-image: url("../images/time-g-icon.png");
    }

.lens-page-wrap h2, .lens-page-wrap h4 {
    color: #fff;
    text-align: right;
    margin: 0;
    font-size: 15px;
    font-family: 'Almarai';
    font-weight: normal;
}

.lens-page-wrap p {
    font-family: 'Almarai';
    color: #fff;
    font-weight: normal;
    font-size: 15px;
    line-height: 1.4em;
}
/* breadcrumb */
.lens-breadcrumb {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-family: 'Almarai';
    font-weight: normal;
}

    .lens-breadcrumb li {
        display: inline-block;
        padding: 0 10px 0 30px;
        background-image: url("../images/breadcrumb-separator.png");
        background-repeat: no-repeat;
        background-position: left center;
        line-height: 50px;
    }

        .lens-breadcrumb li:first-child {
            padding-right: 0;
            margin-right: 0;
        }

        .lens-breadcrumb li:last-child {
            background-image: none;
        }

        .lens-breadcrumb li a {
            color: #aeaeae;
            font-size: 14px;
            margin-top: -6px;
            display: block;
        }
/* list style 1 */
.lens-list-s1 {
    margin: 0;
    padding: 0 0 15px;
    text-align: center;
    font-family: 'Almarai';
}

    .lens-list-s1 li {
        position: relative;
        display: inline-block;
        max-width: 297px;
        margin: 8px;
        z-index: 2;
    }

        .lens-list-s1 li:before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: #363636;
            -moz-transform: rotate(-3deg);
            -webkit-transform: rotate(-3deg);
            -o-transform: rotate(-3deg);
            -ms-transform: rotate(-3deg);
            transform: rotate(-3deg);
            z-index: 0;
        }

    .lens-list-s1 .lens-list {
        background-color: #4a4a4a;
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
        position: relative;
        z-index: 1;
    }

        .lens-list-s1 .lens-list .lens-image {
            display: block;
            padding: 5px;
            font-size: 0;
            line-height: 0;
        }

            .lens-list-s1 .lens-list .lens-image img {
                width: 100%;
                height: auto;
            }

        .lens-list-s1 .lens-list h4 {
            padding: 5px 10px;
        }

    .lens-list-s1 .lens-list-footer-details {
        background-color: #454545;
        color: #b5b5b5;
        font-size: 12px;
        overflow: hidden;
        padding: 5px;
    }

        .lens-list-s1 .lens-list-footer-details .lens-list-footer-watched {
            position: absolute;
            left: 7px;
            top: 7px;
            background-color: #fff;
            padding: 2px 5px;
            color: #c50000;
            -webkit-transition: all 300ms ease-in-out;
            -moz-transition: all 300ms ease-in-out;
            -ms-transition: all 300ms ease-in-out;
            -o-transition: all 300ms ease-in-out;
            transition: all 300ms ease-in-out;
        }

        .lens-list-s1 .lens-list-footer-details .lens-list-footer-time {
            float: right;
        }

        .lens-list-s1 .lens-list-footer-details .lens-list-footer-by {
            float: left;
        }

            .lens-list-s1 .lens-list-footer-details .lens-list-footer-by a {
                color: #fff;
            }
/* list style 2 */
.lens-list-s2 {
    margin: 0;
    padding: 15px 0;
    text-align: center;
    font-family: 'Almarai';
    font-size: 0;
    line-height: 0;
}

    .lens-list-s2 li {
        position: relative;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        width: 48%;
        border: 1px solid #fff;
        border-bottom: 0;
        overflow: hidden;
    }

        .lens-list-s2 li:nth-last-child(-n+2) {
            border-bottom: 1px solid #fff;
        }

        .lens-list-s2 li .lens-image img {
            width: 100%;
            height: auto;
        }

    .lens-list-s2 .lens-list-footer {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

        .lens-list-s2 .lens-list-footer h4 {
            position: absolute;
            left: 0;
            bottom: 0;
            background-color: rgba(0,0,0,0.7);
            padding: 5px;
            width: 100%;
            font-size: 13px;
            line-height: 1.5em;
        }

    .lens-list-s2.videos .lens-list-footer h4:before {
        content: "";
        position: absolute;
        left: 0;
        top: -42px;
        width: 42px;
        height: 42px;
        background-image: url("../images/vid-small-play-icon.png");
    }

    .lens-list-s2 .lens-list-footer .lens-list-footer-details {
        display: none;
    }

    .lens-list-s2 .lens-list-footer .lens-list-footer-watched {
        float: right;
        background-color: #fff;
        padding: 2px 5px;
        color: #c50000;
        line-height: 20px;
    }

    .lens-list-s2 .lens-list-footer .lens-list-footer-time {
        position: absolute;
        right: 5px;
        bottom: 10px;
        line-height: 13px;
    }

    .lens-list-s2 .lens-list-footer .lens-list-footer-by {
        position: absolute;
        left: 5px;
        bottom: 10px;
        line-height: 13px;
    }
/* list style 3 */
.lens-list-s3 {
    margin: 0;
    padding: 0 0 15px;
    text-align: center;
    font-family: 'Almarai';
}

    .lens-list-s3 li {
        padding: 8px;
        background-color: #4d4d4d;
        border: 1px solid #4a4a4a;
        position: relative;
        margin: 10px 0;
    }

        .lens-list-s3 li:first-child {
            margin-top: 0;
        }

        .lens-list-s3 li .lens-list .lens-image img {
            width: 100%;
        }

        .lens-list-s3 li .lens-list-footer {
            position: absolute;
            right: 25px;
            bottom: 25px;
            margin-left: 25px;
            border-right: 6px solid #cb0000;
            background-color: rgba(0,0,0,0.7);
            padding: 5px 15px;
            text-align: right;
        }

            .lens-list-s3 li .lens-list-footer h4 {
                font-size: 25px;
                margin-bottom: 10px;
            }

    .lens-list-s3 .lens-list-footer .lens-list-footer-details {
        font-size: 13px;
    }

    .lens-list-s3 .lens-list-footer .lens-list-footer-by {
        display: inline-block;
        margin-right: 20px;
    }

        .lens-list-s3 .lens-list-footer .lens-list-footer-by a {
            color: #fff;
        }
/* list style 4 */
.lens-list-s4 {
    margin: 0;
    padding: 0 0 15px;
    text-align: center;
    font-family: 'Almarai';
}

    .lens-list-s4 li {
        padding: 8px;
        background-color: #4d4d4d;
        border: 1px solid #4a4a4a;
        position: relative;
        margin: 8px;
    }

        .lens-list-s4 li:first-child {
            margin-top: 0;
        }

        .lens-list-s4 li .lens-list-footer {
            border-right: 6px solid #cb0000;
            padding: 0 15px;
            text-align: right;
            margin-top: 5px;
        }

    .lens-list-s4 .lens-list-footer .lens-list-footer-details {
        font-size: 13px;
    }

    .lens-list-s4 .lens-list-footer .lens-list-footer-watched {
        position: absolute;
        left: 0;
        top: 0;
        background-color: #fff;
        padding: 2px 5px;
        color: #c50000;
        font-size: 11px;
    }

    .lens-list-s4 .lens-list-footer .lens-list-footer-by a {
        color: #fff;
    }
/* list style 5 */
.lens-list-s5 {
    margin: 0;
    padding: 0 0 15px;
    text-align: center;
    font-family: 'Almarai';
    text-align: center;
}

    .lens-list-s5 li {
        margin: 8px;
        max-width: 295px;
        display: inline-block;
        position: relative;
    }

        .lens-list-s5 li:first-child {
            margin-top: 0;
        }

        .lens-list-s5 li .lens-image {
            position: relative;
            width: 100%;
            display: block;
        }

        .lens-list-s5 li .lens-list-head {
            -webkit-box-shadow: 4px 4px 0 0 rgba(55,55,55,1);
            box-shadow: 4px 4px 0 0 rgba(55,55,55,1);
        }

        .lens-list-s5 li .lens-image:before {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 52px;
            height: 52px;
            background-image: url("../images/vid-play-icon.png");
        }

        .lens-list-s5 li .lens-list-head .lens-image img {
            width: 100%;
        }

        .lens-list-s5 li .lens-list-head figcaption {
            border-right: 6px solid #C50202;
            padding: 10px 15px;
            text-align: right;
            background-color: #454545;
        }

            .lens-list-s5 li .lens-list-head figcaption h4 {
                height: 38px;
                overflow: hidden;
                line-height: 1.2em;
            }

    .lens-list-s5 .lens-list-footer {
        font-size: 13px;
        text-align: right;
        padding-top: 10px;
        color: #a6a6a6;
    }

        .lens-list-s5 .lens-list-footer .lens-list-footer-watched {
            position: absolute;
            left: 0;
            top: 0;
            background-color: #fff;
            padding: 2px 5px;
            color: #c50000;
            font-size: 11px;
            -webkit-transition: all 300ms ease-in-out;
            -moz-transition: all 300ms ease-in-out;
            -ms-transition: all 300ms ease-in-out;
            -o-transition: all 300ms ease-in-out;
            transition: all 300ms ease-in-out;
        }
/* list style 6 */
.lens-list-s6 {
    margin: 0 -15px;
    padding: 15px 0;
    text-align: center;
    font-family: 'Almarai';
    text-align: center;
    background-color: #f5f5f5;
}

    .lens-list-s6 li {
        border: 1px solid #ececec;
        background-color: #fff;
        position: relative;
        margin-bottom: 15px;
        padding: 35px;
    }

        .lens-list-s6 li figcaption {
            padding: 10px 0 0;
        }

            .lens-list-s6 li figcaption p {
                color: #000;
                font-size: 20px;
                text-align: right;
                margin: 0;
            }

        .lens-list-s6 li .lens-image img {
            width: 100%;
            height: auto;
        }
/* images stories details */
.lens-page-wrap .imgStories-details {
    border-top: 1px solid #7b7b7b;
    padding-top: 25px;
    padding-bottom: 40px;
    overflow: hidden;
}

    .lens-page-wrap .imgStories-details .ad {
        margin-right: 25px;
    }

.lens-user {
    position: relative;
    overflow: hidden;
    margin-bottom: 45px;
}

    .lens-user .lens-user-image {
        position: absolute;
        right: 10px;
        top: 10px;
    }

    .lens-user .lens-user-head {
        background-color: #cf1818;
        padding: 10px 130px 10px 10px;
    }

        .lens-user .lens-user-head .lens-user-social {
            display: none;
        }

        .lens-user .lens-user-head h2 {
            font-size: 20px;
        }

            .lens-user .lens-user-head h2 a {
                color: #fff;
            }

.lens-user-social-icons {
    display: inline-block;
    width: 28px;
    height: 28px;
    overflow: hidden;
    line-height: 150px;
    background-image: url("../images/social-icons.png");
    background-repeat: no-repeat;
    vertical-align: top;
    position: relative;
    top: 0;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

    .lens-user-social-icons span {
        display: none;
    }

    .lens-user-social-icons.tw {
        background-position: -34px 0;
    }

    .lens-user-social-icons.fb {
        background-position: -69px 0;
    }

.lens-user .lens-user-head h2 span {
    font-size: 14px;
    padding-right: 10px;
}

.lens-user .lens-user-content {
    background-color: #fff;
    padding: 10px 130px 10px 10px;
    min-height: 200px;
}

    .lens-user .lens-user-content p {
        color: #6c6c6c;
    }

        .lens-user .lens-user-content p:last-child {
            margin: 0;
        }

.imgStories-details .imgStories-details-content h3 {
    color: #fff;
    margin-bottom: 20px;
    font-family: 'Almarai';
}

.imgStories-details-content-details {
    margin-bottom: 20px;
    color: #bebebe;
    font-size: 13px;
    font-family: 'Almarai';
}

    .imgStories-details-content-details .lens-list-footer-time {
        display: block;
        margin-bottom: 10px;
    }

    .imgStories-details-content-details .imgStories-details-content-social a {
        float: right;
    }
/* page arrows */
.page-arrows {
    background-color: #f4f4f4;
    overflow: hidden;
    margin: 0 -15px;
    padding: 20px 0 30px;
}

    .page-arrows li {
        background-color: #505050;
    }

    .page-arrows .nav {
        display: block;
        background-image: url("../images/page-arrows.png");
        background-repeat: no-repeat;
    }

    .page-arrows .next {
        background-position: calc(100% - 12px) 54px;
        padding-right: 40px;
    }

    .page-arrows .prev {
        background-position: 12px -65px;
        padding-left: 40px;
    }

    .page-arrows .nav span {
        display: block;
        background-color: #6e6e6e;
        height: 139px;
        overflow: hidden;
        width: 125px;
        padding: 10px;
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
    }

        .page-arrows .nav span img {
            width: 100%;
            max-height: 90px;
            height: auto;
        }

    .page-arrows .nav p {
        font-size: 15px;
        overflow: hidden;
        margin: 0;
    }

    .page-arrows .nav.next span {
        border-right: 1px solid #fff;
    }

    .page-arrows .nav.prev span {
        border-left: 1px solid #fff;
    }
/* lens overlay */
body.overflow {
    height: 100%;
    overflow: hidden;
    width: 100%;
}

.lens-overlay {
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    background-color: rgba(0,0,0,0.85);
    z-index: 99999;
}

    .lens-overlay * {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .lens-overlay .lens-overlay-frame {
        display: table;
        width: 100%;
        margin: auto;
        height: 100%;
    }

    .lens-overlay .lens-overlay-frame-body {
        display: table-cell;
        vertical-align: middle;
    }

    .lens-overlay .lens-overlay-frame-body-wrap {
        position: relative;
        margin: 44px 0;
    }

    .lens-overlay .lens-overlay-frame-body .lens-overlay-frame-close {
        position: absolute;
        top: -44px;
        left: 0;
        width: 44px;
        height: 44px;
        background-color: #d52a29;
        background-image: url("../images/close-icon.png");
        background-repeat: no-repeat;
        background-position: center;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

.lens-overlay-frame-body .lens-breadcrumb {
    background-color: #5c5c5c;
    padding: 0 20px;
    border-bottom: 1px solid #000;
}

.lens-overlay-frame-body .lens-overlay-head {
    background-color: #fff;
    padding: 20px;
}

    .lens-overlay-frame-body .lens-overlay-head .lens-social {
        padding-top: 20px;
        text-align: right;
    }

        .lens-overlay-frame-body .lens-overlay-head .lens-social a {
            float: right;
        }

    .lens-overlay-frame-body .lens-overlay-head h2 {
        font-family: 'Almarai';
        margin-top: 0;
        font-weight: normal;
        line-height: 1.2em;
    }

.lens-overlay-frame-body .lens-list-footer-details {
    font-family: 'Almarai';
    font-size: 13px;
    font-weight: normal;
}

    .lens-overlay-frame-body .lens-list-footer-details .lens-list-footer-by {
        float: left;
    }

    .lens-overlay-frame-body .lens-list-footer-details .lens-list-footer-time {
        padding-left: 20px;
    }

.lens-body-nav {
    background-image: url("../images/lens-body-nav.png");
    width: 17px;
    height: 30px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    z-index: 1001;
}

    .lens-body-nav.nav-next {
        background-position: 0 0;
        right: 20px;
    }

    .lens-body-nav.nav-prev {
        background-position: 0 -80px;
        left: 20px;
    }

.lens-overlay-frame-body .lens-body-image {
    position: relative;
    background-image: url("../images/lens-loading-logo.gif");
    background-repeat: no-repeat;
    background-position: center;
    min-height: 300px;
    overflow: hidden;
    background-color: #000;
    z-index: 555;
    width: 100%;
}

    .lens-overlay-frame-body .lens-body-image .lens-image {
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        height: auto;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

.lens-overlay-frame-body .lens-body figcaption {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.7);
    color: #fff;
    padding: 10px;
    border-right: 5px solid #c92727;
    font-family: 'Almarai';
    font-size: 13px;
    font-weight: normal;
}

    .lens-overlay-frame-body .lens-body figcaption h4 {
        color: #fff;
        padding: 0 0 5px;
        margin: 0;
        font-family: 'Almarai';
        font-size: 17px;
        font-weight: normal;
    }

    .lens-overlay-frame-body .lens-body figcaption .lens-list-footer-by {
        background-image: url("../images/lens-overlay-cameraby.png");
        background-repeat: no-repeat;
        background-position: right center;
        padding-right: 25px;
        float: right;
    }

        .lens-overlay-frame-body .lens-body figcaption .lens-list-footer-by a {
            color: #fff;
            text-decoration: none;
        }

.lens-overlay-frame-body .lens-body-image .ad-content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: rgba(0,0,0,0.7);
    display: none;
}

    .lens-overlay-frame-body .lens-body-image .ad-content.active {
        display: block;
    }

    .lens-overlay-frame-body .lens-body-image .ad-content .ad-table {
        display: table;
        width: 100%;
        height: 100%;
    }

        .lens-overlay-frame-body .lens-body-image .ad-content .ad-table .ad {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            color: #fff;
        }

        .lens-overlay-frame-body .lens-body-image .ad-content .ad-table div {
            margin: 0 auto;
        }

.lens-overlay-frame-body .lens-tools {
    float: left;
}

    .lens-overlay-frame-body .lens-tools .lens-btns {
        display: inline-block;
        color: #fff;
        font-family: 'Almarai';
        font-size: 15px;
        font-weight: normal;
    }

        .lens-overlay-frame-body .lens-tools .lens-btns i {
            background-image: url("../images/lens-ol-tools-icons.png");
            background-repeat: no-repeat;
            display: inline-block;
            margin: 0 0 0 10px;
            vertical-align: middle;
        }

        .lens-overlay-frame-body .lens-tools .lens-btns.lens-btns-count i {
            background-position: 0 -112px;
            width: 16px;
            height: 12px;
        }

.lens-overlay-frame-body .new-tools {
    clear: both;
    padding: 10px;
    line-height: 25px;
    background-color: #474747;
}

    .lens-overlay-frame-body .new-tools .lens-btns {
        display: inline-block;
        color: #fff;
        font-family: 'Almarai';
        font-size: 15px;
        font-weight: normal;
        margin-left: 10px;
        text-decoration: none;
    }

        .lens-overlay-frame-body .new-tools .lens-btns i {
            background-image: url("../images/lens-ol-tools-icons.png");
            background-repeat: no-repeat;
            display: inline-block;
            margin: 0 0 0 10px;
            vertical-align: middle;
        }

        .lens-overlay-frame-body .new-tools .lens-btns.active, .lens-overlay-frame-body .new-tools .lens-btns:hover {
            opacity: 1;
        }

            .lens-overlay-frame-body .new-tools .lens-btns .stxt, .lens-overlay-frame-body .new-tools .lens-btns.active .htxt {
                display: none;
            }

            .lens-overlay-frame-body .new-tools .lens-btns .htxt, .lens-overlay-frame-body .new-tools .lens-btns.active .stxt {
                display: inline;
            }

        .lens-overlay-frame-body .new-tools .lens-btns.lens-btns-caption i {
            background-position: 0 0;
            width: 16px;
            height: 12px;
        }

        .lens-overlay-frame-body .new-tools .lens-btns.lens-btns-play i {
            background-position: 0 -224px;
            width: 10px;
            height: 12px;
        }

        .lens-overlay-frame-body .new-tools .lens-btns.lens-btns-play.paused {
            opacity: 1;
        }

            .lens-overlay-frame-body .new-tools .lens-btns.lens-btns-play.paused i {
                background-position: left bottom;
            }

        .lens-overlay-frame-body .new-tools .lens-btns.lens-btns-thumb i {
            background-position: 0 -336px;
            width: 14px;
            height: 14px;
        }

.lens-overlay-frame-body .lens-thumbs {
    position: relative;
    padding: 5px 50px;
    background-color: #2c2c2c;
    display: none;
}

    .lens-overlay-frame-body .lens-thumbs .lens-thumbs-list-wrap {
        overflow: hidden;
        height: 120px;
        position: relative;
    }

    .lens-overlay-frame-body .lens-thumbs .lens-thumbs-list {
        position: absolute;
        right: 0px;
        top: 0px;
        padding: 0;
        margin: 0;
        direction: rtl;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
        font-size: 0;
    }

        .lens-overlay-frame-body .lens-thumbs .lens-thumbs-list li {
            display: inline-block;
            cursor: pointer;
            width: 176px;
            margin: 0;
            padding: 0;
            text-align: center;
        }

            .lens-overlay-frame-body .lens-thumbs .lens-thumbs-list li.active {
                border: 4px solid #d52a29;
            }

            .lens-overlay-frame-body .lens-thumbs .lens-thumbs-list li a {
                display: block;
                height: 112px;
                overflow: hidden;
            }

.lens-overlay-frame-body .lens-comments {
    background-color: #fff;
    padding: 10px;
}

    .lens-overlay-frame-body .lens-comments h2 {
        margin: 0 0 20px;
        padding: 0;
        font-family: 'Almarai';
        font-size: 20px;
        color: #565656;
    }

    .lens-overlay-frame-body .lens-comments #comments {
        margin: 0;
        width: 100%;
    }

    .lens-overlay-frame-body .lens-comments .ads {
        margin: 10px auto;
        text-align: center;
    }

        .lens-overlay-frame-body .lens-comments .ads div {
            margin: 0 auto;
        }
    /* comments */
    .lens-overlay-frame-body .lens-comments #comments span,
    .lens-overlay-frame-body .lens-comments .fb-comments,
    .lens-overlay-frame-body .lens-comments iframe {
        margin: 0 auto;
        visibility: visible !important;
        position: static !important;
        width: 100% !important;
    }
/* css animation */
@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        -ms-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        -ms-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        -ms-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
    -webkit-animation-duration: .60s;
    animation-duration: .60s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        -ms-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        -ms-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
/**notification***/
.imp_notify {
    background-color: #fff;
    bottom: 0;
    position: fixed;
    left: 9px;
    z-index: 999;
    width: 295px;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, .3);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .3);
}

    .imp_notify > h1 {
        background-color: #cc0001;
        color: #fff;
        font-family: "Almarai";
        font-size: 20px;
        font-weight: lighter;
        margin: 0 0 10px;
        padding: 0 10px 10px 0
    }

span.x_notify {
    background-color: #8c0000;
    cursor: pointer;
    float: left;
    height: 32px;
    line-height: 22px;
    padding: 4px 12px;
}

    span.x_notify:hover {
        background-color: #6c0101
    }

.urgent a {
    color: #fff;
}

    .urgent a:hover {
        text-decoration: underline
    }

.imp_notify > img {
    float: right;
    height: 72px;
    margin: 0 10px 10px;
    width: 95px;
}

.imp_notify > a {
    color: #1c1c1c;
    font-size: 12px;
    line-height: 21px;
    padding-left: 5px;
    text-decoration: none;
}

.imp_notify > p {
    clear: both;
    padding: 0 10px;
    font-size: 11px;
}

.q_notify {
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, .3);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .3);
    background-color: #cc0001;
    bottom: 0;
    color: #fff;
    position: fixed;
    right: 0;
    width: 100%;
    z-index: 999
}

    .q_notify .q_header {
        background-color: #2f2f2f;
        font-family: "Almarai";
        font-size: 19px;
        font-weight: lighter;
        line-height: 29px;
        padding: 0 30px 7px;
    }

    .q_notify > p {
        float: right;
        margin: 0;
        padding: 8px 7px 7px;
    }

    .q_notify span.x_notify {
        font-size: 19px;
        height: 28px;
        left: 0;
        line-height: 28px;
        padding: 4px 15px;
        position: absolute;
    }

    .q_notify.now {
        background-color: #e9e9e9;
        color: #000
    }

        .q_notify.now .q_header, .q_notify.now span.x_notify {
            color: #fff
        }

        .q_notify.now a {
            color: #2f2f2f;
            font-size: 1.2em;
            text-decoration: none;
        }

    .q_notify.urgent a {
        color: #fff;
        font-size: 1.2em;
        line-height: 1;
        text-decoration: none;
    }

.min_notify {
    position: fixed;
    right: 0;
    top: 63px;
    width: 100%;
    z-index: 99999;
}

    .min_notify.not-with-header {
        top: -50000px;
    }

.notify {
    background-color: #cc0001;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
    color: #fff;
    margin: 0 auto;
    padding: 10px 15px;
    text-align: center;
    width: 85%;
}

    .notify p {
        display: inline;
        margin: 0;
    }

    .notify i {
        margin: 5px;
    }

/**Lite component***/
.lite_component h1.grey {
    border-left: 5px solid #04cccc;
    border-right: 10px solid #04cccc
}

.lite_component .lite_arrow {
    background: url("../images/More_lite.png") no-repeat scroll -32px 11px rgba(0, 0, 0, 0);
    float: left;
    height: 35px;
    margin-top: 1px;
    width: 90px;
}

.Sec_container.lite_component ul li {
    border-right: 5px solid #04cccc;
    clear: both;
}

    .Sec_container.lite_component ul li.first_li_item {
        border: medium none;
        clear: none;
        overflow: hidden;
    }

    .Sec_container.lite_component ul li.News_li_item img {
        border-left: 5px solid #04cccc;
    }

    .Sec_container.lite_component ul li.first_li_item span {
        color: #555;
        height: 40px;
        overflow: hidden;
    }

    .Sec_container.lite_component ul li a:hover span {
        color: #555
    }

    .Sec_container.lite_component ul li a:focus span {
        color: #04cccc;
        outline: medium none;
    }

    .Sec_container.lite_component ul li.first_li_item img {
        border: medium none;
        float: none;
        margin: 0;
        max-width: 100%;
        height: 140px;
        width: 100%;
    }

    .Sec_container.lite_component ul li.one {
        float: right;
        width: 49.8%
    }

    .Sec_container.lite_component ul li.two {
        float: left;
        width: 49.8%;
        margin-right: 0;
        margin-top: 0;
    }

/**sharek-section***/
.sharek_component h1.grey {
    border-left: 5px solid #E7CA50;
    border-right: 10px solid #E7CA50
}

.sharek_component .sharek_arrow {
    background: url("../images/More_sharek.png") no-repeat scroll -32px 11px rgba(0, 0, 0, 0);
    float: left;
    height: 35px;
    margin-top: 1px;
    width: 90px;
}

.Sec_container.sharek_component ul li {
    border-right: 5px solid #E7CA50;
    clear: both;
}

    .Sec_container.sharek_component ul li.first_li_item {
        border: medium none;
        clear: none;
        overflow: hidden;
    }

    .Sec_container.sharek_component ul li.News_li_item img {
        border-left: 5px solid #E7CA50;
    }

    .Sec_container.sharek_component ul li.first_li_item span {
        color: #555;
        height: 40px;
        overflow: hidden;
    }

    .Sec_container.sharek_component ul li a:hover span {
        color: #555
    }

    .Sec_container.sharek_component ul li a:focus span {
        color: #E7CA50;
        outline: medium none;
    }

    .Sec_container.sharek_component ul li.first_li_item img {
        border: medium none;
        float: none;
        margin: 0;
        max-width: 100%;
        height: 140px;
        width: 100%;
    }

    .Sec_container.sharek_component ul li.one {
        float: right;
        width: 49.8%
    }

    .Sec_container.sharek_component ul li.two {
        float: left;
        width: 49.8%;
        margin-right: 0;
        margin-top: 0;
    }


/**Menu More**/
.menu_more {
    background: #343434;
}

    .menu_more i {
        float: left;
        height: 25px;
        line-height: 25px;
    }

#header nav ul li ul {
    display: none;
}

#header nav ul li {
    position: relative
}

    #header nav ul li ul li a {
        background: #2f2f2f;
        padding-right: 15px;
    }

.menu_more:before {
    content: "\f107";
    font-family: FontAwesome;
    color: #fff;
    font-size: 18px;
    position: absolute;
    top: 13px;
    left: 15px;
}

.more_up:before {
    content: "\f106";
    font-family: FontAwesome;
    color: #fff;
    font-size: 18px;
    position: absolute;
    top: 13px;
    left: 15px;
}

/**Smart App Banner**/
.smartbanner_show {
    margin-top: 82px
}

    .smartbanner_show .smartbanner {
        display: block
    }

.smartbanner, .smartbanner_android {
    position: fixed;
    left: 0;
    bottom: 0;
    display: none;
    width: 100%;
    height: 78px;
    background: rgba(244, 244, 244, 0.8);
    z-index: 9998;
    -webkit-font-smoothing: antialiased;
    overflow: hidden;
    -webkit-text-size-adjust: none
}

.smartbanner__container {
    margin: 0 auto
}

.smartbanner__close, .smartbanner_android .smartbanner__close {
    position: absolute;
    left: 5px;
    top: 10px;
    display: block;
    width: 14px;
    height: 14px;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    color: #fff;
    background: #070707;
    text-decoration: none;
    text-shadow: none;
    border-radius: 14px;
    -webkit-font-smoothing: subpixel-antialiased
}

    .smartbanner__close:active, .smartbanner__close:hover, .smartbanner_android .smartbanner__close:active, .smartbanner_android .smartbanner__close:hover {
        font-size: 13px;
        color: #aaa
    }

.smartbanner__icon, .smartbanner_android .smartbanner__icon {
    position: absolute;
    left: 30px;
    top: 10px;
    display: block;
    width: 57px;
    height: 57px;
    background: rgba(0,0,0,0.6);
    background-size: cover;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3)
}

.smartbanner__info, .smartbanner_android .smartbanner__info {
    position: absolute;
    left: 98px;
    top: 18px;
    width: 44%;
    font-size: 11px;
    line-height: 1.2em;
    font-weight: bold;
    color: #6a6a6a;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8)
}

.smartbanner__title, .smartbanner_android .smartbanner__title {
    font-size: 13px;
    color: #4d4d4d;
    line-height: 18px;
    font-weight: bold
}

.smartbanner-button, .smartbanner_android .smartbanner-button {
    position: absolute;
    right: 20px;
    top: 24px;
    border: 1px solid #bfbfbf;
    padding: 0 10px;
    min-width: 10%;
    height: 24px;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    font-weight: bold;
    color: #6a6a6a;
    background: #efefef;
    background: -moz-linear-gradient(top,#efefef 0,#dcdcdc 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#efefef),color-stop(100%,#dcdcdc));
    background: -webkit-linear-gradient(top,#efefef 0,#dcdcdc 100%);
    background: -o-linear-gradient(top,#efefef 0,#dcdcdc 100%);
    background: -ms-linear-gradient(top,#efefef 0,#dcdcdc 100%);
    background: linear-gradient(to bottom,#efefef 0,#dcdcdc 100%);
    text-transform: uppercase;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255,255,255,0.6),0 1px 0 rgba(255,255,255,0.7) inset
}

    .smartbanner-button:active, .smartbanner-button:hover, .smartbanner_android .smartbanner-button:active, .smartbanner_android .smartbanner-button:hover {
        background: #dcdcdc;
        background: -moz-linear-gradient(top,#dcdcdc 0,#efefef 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#dcdcdc),color-stop(100%,#efefef));
        background: -webkit-linear-gradient(top,#dcdcdc 0,#efefef 100%);
        background: -o-linear-gradient(top,#dcdcdc 0,#efefef 100%);
        background: -ms-linear-gradient(top,#dcdcdc 0,#efefef 100%);
        background: linear-gradient(to bottom,#dcdcdc 0,#efefef 100%);
        color: #6a6a6a
    }

.smartbanner_android .smartbanner-button__text:active, .smartbanner_android .smartbanner-button__text:hover {
    background: #2ac7e1
}

/***Tags Page***/
.tag_name {
    background-color: #fff;
    margin: 10px 0;
    position: relative;
}

.tag_img {
    position: absolute;
    right: 10px;
    top: 10px;
}

.tag_name h2 {
    background-color: #c50000;
    color: #fff;
    font-size: 14pt;
    font-weight: bold;
    height: 20px;
    line-height: 22px;
    margin: 0;
    padding: 10px 120px 10px 10px;
}

.tag_name p {
    color: #555;
    font-family: arial;
    font-size: 11pt;
    font-weight: bold;
    margin: 0;
    min-height: 55px;
    padding: 10px 120px 10px 10px;
}

.tags_video .grey {
    margin: 0 10px;
}

.tags_video .lens-list-s2.videos .lens-list-footer h4:before {
    left: 10px;
}

.tags_video .lens-list-s2 .lens-list-footer h4 {
    color: #fff;
    left: auto;
    margin: 0;
    padding: 0 10px 10px 0;
    text-align: right;
}

.Sec_container.tags_news ul li {
    border-right: 0 none;
    padding: 0;
}

    .Sec_container.tags_news ul li span.date {
        height: auto;
    }

.tags_news .News_li_item span {
    max-height: 57px;
    overflow: hidden;
}

.Sec_container.tags_news ul li.News_li_item img {
    height: 91px;
    width: 130px
}

/***Article Slider****/
.article_slider .swipe {
    margin: 18px 0 10px;
    background: none;
    padding: 0
}

.article_slider .swipe-wrap > div {
    background: #fff;
    text-align: right;
}

    .article_slider .swipe-wrap > div img {
        border: none;
        border-left: 5px solid #c80000;
        float: right;
        height: 97px;
        margin-left: 10px;
        width: 130px;
    }

.article_slider .swipe-wrap span {
    display: block;
    height: 86px;
    overflow: hidden;
    padding: 5px
}

.article_slider .swipe-wrap > div a {
    color: #c80000;
    font-size: .95em;
    font-weight: bold;
    line-height: 1.2
}

.article_slider #right-arrow, .article_slider #left-arrow {
    position: absolute;
    right: 0%;
    top: 29%;
    z-index: 1000;
    margin: 10px;
    width: 26px;
    height: 26px;
    text-align: center;
    background: url("../images/lite_arow.png") no-repeat left center;
}

.article_slider #left-arrow {
    left: 0%;
    background: url("../images/lite_arow.png") no-repeat scroll right center;
}

.article_slider ul#position li {
    border: 0 none;
    height: 5px;
    padding: 1px;
    width: 5px;
    margin-right: 3px;
    float: right
}

.article_slider ul#position {
    margin: 15px auto 0;
    overflow: hidden;
    position: relative;
    width: 40%;
    z-index: 99
}

/**popup**/
.popup {
    background-color: rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    padding-top: 17%;
    left: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    z-index: 500;
    display: none
}

    .popup .close {
        background: #333;
        border-radius: 50%;
        color: #fff;
        cursor: pointer;
        display: none;
        float: right;
        font-size: 1em;
        height: 25px;
        line-height: 25px;
        position: relative;
        right: 15px;
        top: 35px;
        width: 25px;
    }

.poll_wrap_news .loader {
    background: #fff;
    width: 32px !important;
    height: 32px !important;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.survey_data .btn {
    padding: 9px;
}

/*competition page style*/
.competition_container {
    background: #fff;
    padding: 0 0 50px 0
}

    .competition_container label {
        font-size: 0.875em;
        color: #4d4d4d;
        cursor: pointer;
        display: block;
        font-weight: 500;
        margin-bottom: 0.1875em;
    }

    .competition_container img {
        width: 100%;
        padding: 10px;
    }

    .competition_container .tit_2 {
        font-size: 20px;
        font-family: "Almarai", tahoma;
        color: #CB0000;
        line-height: 1.55em;
        padding: 15px;
    }

.comp_tit {
    margin: -65px 40px 40px 40px;
    position: relative;
    background-color: #fff;
    /*Gradient */
    background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,1) 70%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.7)), color-stop(70%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 70%);
    background: -o-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 70%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 70%);
    background: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#ffffff',GradientType=0 );
}

.ansewrs_container {
    margin: 40px;
}

.answe_option {
    margin: 20px 0;
}

.ansewrs_container label {
    background-color: #f2f2f2;
}

input.radio:empty {
    margin-right: -999px;
    float: right;
}

    input.radio:empty ~ label {
        position: relative;
        line-height: 4em;
        text-indent: 6em;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        input.radio:empty ~ label:before {
            position: absolute;
            display: block;
            top: 0;
            bottom: 0;
            right: 0;
            content: '';
            width: 4em;
            background: url("../images/toggle_radio.png") no-repeat scroll center -59px #ebebeb;
        }
/* toggle hover */
input.radio:hover:not(:checked) ~ label:before {
    background: url("/content/images/toggle_radio.png") no-repeat scroll center 18px #ccc;
}
/* toggle on */
input.radio:checked ~ label:before {
    color: #9CE2AE;
    background: url("../images/toggle_radio.png") no-repeat scroll center 18px #00a651;
}

input.radio:checked ~ label {
    color: #777;
}

.comp_submit[type="submit"] {
    font-family: "Almarai", tahoma;
    font-size: 25px;
    width: 150px;
    padding: 10px 20px;
    margin: 0 auto 0;
    display: block;
    background: #CB0000;
    border: none;
    color: #fff;
    box-shadow: 0 4px 0 #ba0000
}

.competition_message {
    text-align: center;
}

    .competition_message h1 {
        color: #CB0000;
    }

/* custom sharing buttons*/
.share_buttons_container {
    clear: both;
    direction: rtl;
    padding-top: 7px;
    font-family: tahoma, arial;
    font-size: 13px;
    font-weight: normal;
    min-width: 250px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-between;
}

.shr_btn {
    -webkit-flex: 1 0 0;
    flex: 1 0 0;
    line-height: 30px;
    height: 40px;
    overflow: hidden;
    margin-bottom: 10px;
}

    .shr_btn .box {
        display: flex;
        text-align: center;
        background-color: #2196f3;
        padding: 4px 0 5px;
        margin: 2px;
        justify-content: center;
    }

        .shr_btn .box svg {
            width: 25px;
            height: 30px;
            fill: #fff;
        }

        .shr_btn .box:after {
            content: "";
            display: table;
            clear: both;
        }

        .shr_btn .box:hover {
            opacity: .85;
        }

    .shr_btn .count {
        display: none;
    }

    .shr_btn .share {
        display: inline-block;
        float: left;
        font-size: 0;
        line-height: 0;
    }

        .shr_btn .share span {
            display: none;
        }

        .shr_btn .share i {
            display: inline-block;
            width: 30px;
            height: 30px;
            background: url("../images/shr_btn.png") no-repeat scroll 0 0 transparent;
        }

.share_buttons_container .twitter .box {
    background-color: #2ca8d2;
}

.share_buttons_container .twitter i {
    background-position: -7px -43px;
}

.share_buttons_container .facebook .box {
    background-color: #305891;
}

.share_buttons_container .facebook i {
    background-position: 0px -3px;
}

.share_buttons_container .google .box {
    background-color: #dc5644;
}

.share_buttons_container .google i {
    background-position: -7px -204px;
}

.share_buttons_container .pinterest .box {
    background-color: #c51e26;
}

.share_buttons_container .pinterest i {
    background-position: -7px -84px;
}

.share_buttons_container .whatsapp .box {
    background-color: #58ad15;
}

.share_buttons_container .whatsapp i {
    background-position: -7px -165px;
}

.share_buttons_container .total {
    font-weight: bold;
    color: #555;
    padding: 2px 7px;
    font-size: 18px;
    text-align: center;
}

    .share_buttons_container .total span {
        line-height: 18px;
        font-weight: normal;
        font-size: 11px;
        display: block
    }

/*-- Sports Section --*/
.section-8 #left-arrow svg, .section-8 #right-arrow svg {
    fill: #009635;
}

.section-8 ul#position li.on {
    background: #83B552;
}

.section-8 h1.grey, .section-8 .tit_1 {
    border-left: 5px solid #009635;
    border-right: 10px solid #009635;
}

.section-8 .Sec_container ul li {
    border-right: 5px solid #009635;
}

.section-8 .blue_arrow {
    color: #009635;
}

    .section-8 .blue_arrow svg {
        fill: #009635;
    }

.section-8 .Sec_container ul li.News_li_item img {
    border-left: solid 5px #009635;
}


.related-news-inside-details-8 li {
    border-right: solid 5px #009635 !important;
}

/*-- Women Section --*/
.section-69 #left-arrow svg, .section-69 #right-arrow svg {
    fill: #ff82aa;
}

.section-69 ul#position li.on {
    background: #ff82a9;
}

.section-69 h1.grey, .section-69 .tit_1 {
    border-left: 5px solid #ff82aa;
    border-right: 10px solid #ff82aa;
}

.section-69 .Sec_container ul li {
    border-right: 5px solid #ff82aa;
}

.section-69 .blue_arrow {
    color: #ff82aa;
}

    .section-69 .blue_arrow svg {
        fill: #ff82aa;
    }

.section-69 .Sec_container ul li.News_li_item img {
    border-left: solid 5px #ff82aa;
}


.related-news-inside-details-69 li {
    border-right: solid 5px #ff82aa !important;
}


/*-- Arts Section --*/
.section-10 #right-arrow svg, .section-10 #left-arrow svg {
    fill: #eb008c;
}

.section-10 ul#position li.on {
    background: #c10074;
}

.section-10 h1.grey, .section-10 .tit_1 {
    border-left: 5px solid #eb008c;
    border-right: 10px solid #eb008c;
}

.section-10 .Sec_container ul li {
    border-right: 5px solid #eb008c;
}

.section-10 .blue_arrow {
    color: #eb008c;
}

    .section-10 .blue_arrow svg {
        fill: #eb008c;
    }

.section-10 .Sec_container ul li.News_li_item img {
    border-left: solid 5px #eb008c;
}

.related-news-inside-details-10 li {
    border-right: solid 5px #eb008c !important;
}


/*-- Economics Section --*/
.section-4 #right-arrow svg, .section-4 #left-arrow svg {
    fill: #007dc5;
}

.section-4 ul#position li.on {
    background: #007cc4;
}

.section-4 h1.grey, .section-4 .tit_1 {
    border-left: 5px solid #007dc5;
    border-right: 10px solid #007dc5;
}

.section-4 .Sec_container ul li {
    border-right: 5px solid #007dc5;
}

.section-4 .blue_arrow {
    color: #007dc5;
}

    .section-4 .blue_arrow svg {
        fill: #007dc5;
    }

.section-4 .Sec_container ul li.News_li_item img {
    border-left: solid 5px #007dc5;
}

.related-news-inside-details-4 li {
    border-right: solid 5px #007dc5 !important;
}


/*-- Acc Section --*/
.section-7 #right-arrow svg, .section-7 #left-arrow svg {
    fill: #003296;
}

.section-7 ul#position li.on {
    background: #5c5c5c;
}

.section-7 h1.grey, .section-7 .tit_1 {
    border-left: 5px solid #003296;
    border-right: 10px solid #003296;
}

.section-7 .Sec_container ul li {
    border-right: 5px solid #003296;
}

.section-7 .blue_arrow {
    color: #003296;
}

    .section-7 .blue_arrow svg {
        fill: #003296;
    }

.section-7 .Sec_container ul li.News_li_item img {
    border-left: solid 5px #232020;
}


.related-news-inside-details-7 li {
    border-right: solid 5px #232020 !important;
}


/*-- Culture Section --*/
.section-6 #right-arrow svg, .section-6 #left-arrow svg {
    fill: #faa519;
}

.section-6 ul#position li.on {
    background: #f9a318;
}

.section-6 h1.grey, .section-6 .tit_1 {
    border-left: 5px solid #faa519;
    border-right: 10px solid #faa519;
}

.section-6 .Sec_container ul li {
    border-right: 5px solid #faa519;
}

.section-6 .blue_arrow {
    color: #faa519;
}

    .section-6 .blue_arrow svg {
        fill: #faa519;
    }

.section-6 .Sec_container ul li.News_li_item img {
    border-left: solid 5px #faa519;
}


.related-news-inside-details-6 li {
    border-right: solid 5px #faa519 !important;
}


/*-- Variety Section --*/
.section-12 #right-arrow svg, .section-12 #left-arrow svg {
    fill: #b41e8c;
}

.section-12 ul#position li.on {
    background: #b51e41;
}

.section-12 h1.grey, .section-12 .tit_1 {
    border-left: 5px solid #b41e8c;
    border-right: 10px solid #b41e8c;
}

.section-12 .Sec_container ul li {
    border-right: 5px solid #b41e8c;
}

.section-12 .blue_arrow {
    color: #b41e8c;
}

    .section-12 .blue_arrow svg {
        fill: #b41e8c;
    }

.section-12 .Sec_container ul li.News_li_item img {
    border-left: solid 5px #b41e8c;
}

.related-news-inside-details-12 li {
    border-right: solid 5px #b41e8c !important;
}


/*-- Tech Section --*/
.section-9 #right-arrow svg, .section-9 #left-arrow svg {
    fill: #00aeef;
}

.section-9 ul#position li.on {
    background: #0037ef;
}

.section-9 h1.grey, .section-9 .tit_1 {
    border-left: 5px solid #00aeef;
    border-right: 10px solid #00aeef;
}

.section-9 .Sec_container ul li {
    border-right: 5px solid #00aeef;
}

.section-9 .blue_arrow {
    color: #00aeef;
}

    .section-9 .blue_arrow svg {
        fill: #00aeef;
    }

.section-9 .Sec_container ul li.News_li_item img {
    border-left: solid 5px #00aeef;
}


/*-- Expo Section --*/
.section-5 #right-arrow svg, .section-5 #left-arrow svg {
    fill: #ff5a3c;
}

.section-5 ul#position li.on {
    background: #ff5a3c;
}

.section-5 h1.grey, .section-5 .tit_1 {
    border-left: 5px solid #ff5a3c;
    border-right: 10px solid #ff5a3c;
}

.section-5 .Sec_container ul li {
    border-right: 5px solid #ff5a3c;
}

.section-5 .blue_arrow {
    color: #ff5a3c;
}

    .section-5 .blue_arrow svg {
        fill: #ff5a3c;
    }

.section-5 .Sec_container ul li.News_li_item img {
    border-left: solid 5px #ff5a3c;
}
/* end color codes */

.related-news-inside-details-9 li {
    border-right: solid 5px #00aeef !important;
}

.Sec_container ul.template_B .one a img, .Sec_container ul.template_B .two a img {
    max-width: none;
    width: 100%;
}

li.News_li_item.first_li_item.two {
    width: 49%;
    display: inline-block;
    border: 0;
}

li.News_li_item.first_li_item.one {
    width: 49%;
    border: 0;
    display: inline-block;
}

.infographicsWap img {
    height: 130px !important;
}

.infographicsWap li {
    border-right: none !important;
    width: 44% !important;
}

/*   Under maintenance   */
.um {
    padding: 10px;
    width: 100%;
    background: #cb0000;
    color: #fff;
    margin-top: 50px;
    margin-bottom: -55px
}

    .um .um-ico {
        display: inline-block;
        width: 30px;
        height: 30px;
        background: url('../images/um.png') 0 0 no-repeat;
        vertical-align: middle;
    }

    .um p {
        display: inline-block;
        vertical-align: middle;
        font-family: "Almarai", tahoma;
        font-size: 14px;
        padding: 0;
        margin: 0 10px 0 0
    }

/*Elections */
.elections .subofsub {
    margin: 0 0 10px 0;
    display: inline-block
}

.elections input[type="text"] {
    width: 100%
}

.elections input[type="button"] {
    margin: 20px auto;
    padding: 10px 30px;
    display: block
}


/**sponsor_news**/
.sponsor_news {
    border: 4px solid #ffcc00 !important; /*background-color:rgba(255,204,0,.2);*/
    position: relative
}

.sponsor_title {
    background-color: rgba(255,204,0,9);
    position: absolute;
    left: 0;
    padding: 1px 13px 5px;
}

.sponsor_news .min_related li, .sponsor_news .tags {
    opacity: .7;
}

.sponsor_news .fb_buttonnews, .sponsor_news #NewsStory .news_SMSBox {
    opacity: .6
}

.sponsor_news .lof-slidecontent {
    opacity: .5
}

.ArticlePager a {
    display: block;
    width: 50px;
    height: 50px;
    float: right;
    margin: 5px;
    text-align: center;
    line-height: 50px;
    border-radius: 50px;
    border: 2px solid #eee;
}

    .ArticlePager a.all {
        font-size: .8em;
        background: #F7F7F7;
        padding: 10px 15px;
        border: 1px solid #EFEFEF;
        float: right;
        margin-right: 14px;
        width: auto;
        border-radius: 0;
        line-height: 30px;
    }

    .ArticlePager a.current {
        background: #CC0001;
        color: #fff;
    }

    .ArticlePager a.nav {
        background-color: #2d2d2d;
        color: white;
    }


.issue {
    width: 48.3%;
    height: 203px;
    float: right;
    overflow: hidden;
    overflow: hidden;
    font-family: "Almarai",tahoma;
    margin: 24px 0 0;
}

    .issue:nth-child(even) {
        margin-right: 3.3%;
    }

    .issue a {
        display: block;
        width: 100%;
        height: 203px;
        position: relative;
        overflow: hidden;
    }

        .issue a img {
            width: 100%;
            height: auto;
            -webkit-transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            -o-transition: all 0.4s ease-in-out;
            -ms-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
        }

    .issue .town {
        position: absolute;
        width: 90%;
        height: 42px;
        border-right: 5px solid #db0000;
        background-color: rgba(0,0,0,0.8);
        bottom: 10px;
        margin-bottom: 0em;
    }


        .issue .town span {
            display: block;
            width: 90%;
            overflow: hidden;
        }

        .issue .town .date {
            color: #fff;
            direction: rtl;
            font-size: .85em;
            margin: 3px 10px 0;
        }

    .issue .titlenmber {
        color: #a3a3a3;
        font-size: 0.8em;
        margin: -5px 10px;
    }

.np {
    width: 100%;
    border-bottom: 2px solid #f2f2f2;
    padding: 10px 5px 0px 0;
    margin-bottom: -14px;
}

    .np li:nth-child(1) {
        color: #000;
    }

    .np li {
        display: inline-block;
        font-size: 1em;
        background-color: transparent !important;
        border-right: none !important;
        padding: 0 !important;
        font-weight: bold;
    }

        .np li a {
            color: #cb0000 !important;
        }

            .np li a::before {
                content: '|';
                margin: 0 0px 0 4px;
            }

#grid, #list {
    float: left;
    margin-left: 10px;
}

.npd1 {
    display: none;
}

    .npd1 .infographicsWap li {
        width: 48% !important;
    }

    .npd1 .vidMainMobile ul.albumshow li {
        float: right;
        margin-left: 0 !important;
    }

        .npd1 .vidMainMobile ul.albumshow li:nth-child(even) {
            margin-right: 3%;
        }

.feedback-box-mobile {
    width: 100%;
    min-height: 46px;
    display: block;
    clear: none;
}

    .feedback-box-mobile .textnews {
        line-height: 38px
    }

.potato {
    min-width: 300px;
    height: auto;
    overflow: hidden;
    margin: 20px auto;
    text-align: center;
    display: block;
}

.Sec_container ul .one span, .Sec_container ul .two span {
    width: auto !important;
    line-height: 23px;
    padding: 10px;
    height: 60px !important;
}

.relatedContainer {
    white-space: nowrap;
    direction: ltr;
    width: 100%;
}


    .relatedContainer li {
        width: 200px;
        overflow: hidden;
        display: inline-block;
        position: relative;
        padding: 0 !important;
        opacity: 0.6;
    }


    .relatedContainer .owl-item.active:first-child li {
        opacity: 1;
    }

li.active2 {
    opacity: 1;
}

.relatedContainer li::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top,transparent 0%,transparent 39%,rgba(0,0,0,.95) 100%);
    background: -webkit-linear-gradient(top,transparent 0%,transparent 39%,rgba(0,0,0,.95) 100%);
    background: linear-gradient(to bottom,transparent 0%,transparent 39%,rgba(0,0,0,.95) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#db000000',GradientType=0);
    z-index: 1;
    display: block;
    height: 200px;
}

.relatedContainer li a span {
    font-size: 16px;
    overflow: hidden;
    white-space: normal;
    max-height: 38px;
    position: absolute;
    bottom: 0;
    padding: 3px 5px;
    color: #fff;
    left: 0;
    z-index: 2;
}

.relatedContainer li a:hover span {
    color: #fff !important;
}

img.restricted {
    filter: blur(20px);
    -moz-filter: blur(20px);
    -webkit-filter: blur(20px);
}

p.restricted {
    color: white !important;
    position: absolute;
    top: auto;
    z-index: 99999;
    margin-bottom: -10px;
    background-color: rgba(100,100,100,0.5);
}

.related-news li.News_li_item span:before {
    content: "• ";
}

.related-news li.News_li_item {
    padding: 0 !important;
    margin: 0 !important;
}

a.backhome {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-left: 3px solid #424242;
    border-bottom: 3px solid #424242;
    position: absolute;
    left: 10px;
    top: 18px;
    transform: rotate(45deg);
}

    a.backhome:before {
        content: '';
        position: absolute;
        width: 17px;
        height: 3px;
        background: #424242;
        transform: rotate(135deg);
        top: 3px;
        left: -3px;
    }

a.Amaypdf {
    background-color: #cc191b;
    color: #fff;
    background-image: url(../images/pdf.png);
    border: 1px solid #b02021;
    border-radius: 7px;
    text-decoration: none;
    background-repeat: no-repeat;
    display: block;
    width: 75%;
    margin: 10px auto;
    background-position: 11px center;
    padding: 10px 15px 12px;
    font-family: 'Almarai';
}

a.Amayicona {
    background-color: #fff;
    color: #000;
    background-image: url(../images/icona.png);
    border: 1px solid #fff;
    border-radius: 7px;
    text-decoration: none;
    background-repeat: no-repeat;
    display: block;
    width: 75%;
    margin: 10px auto;
    background-position: 11px center;
    padding: 10px 15px 12px;
    font-family: 'Almarai';
}




/*Corona */

.CoronaContainer {
    font-family: 'Almarai', Tahoma;
    width: 95%;
    margin: 20px auto;
    direction: rtl;
}

    .CoronaContainer .large-12 {
        width: 100%;
        overflow: hidden;
    }

    .CoronaContainer h1.tit_1 {
        padding-bottom: 5px;
        font-weight: normal;
    }

        .CoronaContainer h1.tit_1 a {
            color: #fff;
            text-decoration: none;
        }

    .CoronaContainer .small-6 {
        width: 49%;
        float: right;
    }

        .CoronaContainer .small-6:nth-child(even) {
            float: left;
        }

    .CoronaContainer .FeatureLinks a {
        width: 100%;
        text-align: center;
        background: #fff;
        display: block;
        margin: 10px 0 0;
        text-decoration: none;
        height: 90px;
        padding: 20px 0 20px;
        box-shadow: 0 0 33px rgba(0,0,0,0.10);
    }



        .CoronaContainer .FeatureLinks a figure figcaption {
            margin-top: 10px;
            line-height: 1.3em;
            color: #000;
            font-weight: bold;
            font-size: 1em;
            width: 70%;
            margin: 6px auto;
        }

    .CoronaContainer .noPaddding {
        padding-left: 0;
        padding-right: 0;
    }

    .CoronaContainer .paddingRight {
        padding-left: 0;
        padding-right: 5px;
    }

    .CoronaContainer .paddingLeft {
        padding-left: 5px;
        padding-right: 0;
    }

.statsList {
    background: #353535;
    width: 100%;
    clear: both;
    float: right;
    padding: 0;
    color: #fff;
    margin: 20px 0;
}

    .statsList li:nth-child(1) {
        color: #fff;
        font-size: 1em;
    }

    .statsList li {
        float: right;
        width: 90%;
        clear: both;
        font-size: 1em;
        font-weight: 100;
        padding: 15px 5%;
        color: #7b7b7b;
        border-bottom: 1px solid #7b7b7b;
        box-shadow: 0 0 33px rgba(0,0,0,0.10);
        font-size: 0.9em;
    }

        .statsList li .right {
            float: right;
            font-size: 0.9em;
        }

        .statsList li .left {
            font-weight: bold;
            font-size: 0.9em;
            float: left;
        }

        .statsList li .yellow {
            color: #ff9c1b;
        }

        .statsList li .green {
            color: #18aa78;
        }

        .statsList li .red {
            color: #fc0707;
        }

.featureVideo {
    position: relative;
    clear: both;
    margin-top: 10px;
}


    .featureVideo:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background: linear-gradient(to top, black, transparent);
        top: 0;
        left: 0;
        pointer-events: none;
    }

.CoronaContainer .large-8.columns.noPaddding {
    clear: both;
}

.featureVideo figcaption {
    position: absolute;
    bottom: 10px;
    color: #fff;
    width: 90%;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 55;
}

.featureVideo img {
    width: 100%;
}

.featureVideo figcaption svg {
    width: 40px;
    display: inline-block;
    position: relative;
    top: -20px;
}

.featureVideo figcaption p {
    display: inline-block;
    font-size: 1.1em;
    width: calc(100% - 64px);
    height: 64px;
    overflow: hidden;
    line-height: 1.2em;
    padding: 0;
    margin: 0px 10px;
    text-align: right;
}

.CoronaContainer .one_list ul li img {
    height: 113px;
    width: 151px;
    float: right;
}



.CoronaContainer .one_list ul li p {
    float: right;
    font-size: .9em;
    height: 68px;
    line-height: 1.5;
    margin: 0;
    overflow: hidden;
    padding: 20px 10px 0;
    width: calc(100% - 180px);
    color: #000;
    font-weight: bold;
}

.CoronaContainer .one_list ul li {
    width: 100%;
    background: #fff;
    float: right;
    margin: 10px auto 0;
}

    .CoronaContainer .one_list ul li:hover {
        background: #c60001;
    }

        .CoronaContainer .one_list ul li:hover a p, .CoronaContainer .one_list ul li:hover a:hover {
            color: #fff;
            background: transparent !important;
        }

.CoronaContainer .one_list ul {
    float: right;
    clear: both;
    margin-bottom: 20px;
}

.CoronaContainer .one_list .more_btn a {
    background: #a8a8a8;
    padding: 7px 0 10px;
    border: 1px solid;
    text-align: center;
    color: #000;
    display: block;
    clear: both;
    text-decoration: none;
}


    .CoronaContainer .one_list .more_btn a:hover {
        background: #c60001;
        color: #fff;
    }

.CoronaContainer.inner {
    width: 100%;
}

    .CoronaContainer.inner .FeatureLinks a figure {
        display: flex;
        flex-direction: row;
        width: 100%;
    }

    .CoronaContainer.inner .FeatureLinks a {
        padding: 10px 0;
        width: 100%;
        height: auto;
        margin: 0 auto 10px;
        text-align: right;
        box-shadow: 0 0 10px -2px rgba(0,0,0,.1);
    }

        .CoronaContainer.inner .FeatureLinks a figure img {
            align-self: center;
            width: 40px !important;
            margin-right: 20px;
        }

        .CoronaContainer.inner .FeatureLinks a figure figcaption {
            margin-top: 0;
            margin-right: 15px;
            font-size: 1em;
            line-height: 2.5em;
        }

    .CoronaContainer.inner .statsList li:nth-child(1) {
        text-align: center;
        width: 100%;
        display: block;
        border: none;
        padding: 10px 0 0;
    }

    .CoronaContainer.inner .right {
        float: none !important;
        font-size: 1em;
    }

    .CoronaContainer.inner .statsList li {
        width: 32.45%;
        float: none;
        display: inline-block;
        text-align: center;
        border-bottom: none;
        display: inline-flex;
        flex-direction: column-reverse;
        padding: 10px 0;
        background: none;
        box-shadow: none;
        margin: 0;
        font-size: 1em;
    }

    .CoronaContainer.inner .statsList {
        padding: 0 0 10px;
        margin: 0 0 10px;
    }

        .CoronaContainer.inner .statsList li .left {
            float: none !important;
            font-size: 1.1em;
        }

        .CoronaContainer.inner .statsList li.center {
            position: relative;
        }

            .CoronaContainer.inner .statsList li.center:before, .CoronaContainer.inner .statsList li.center:after {
                content: '';
                position: absolute;
                width: 1px;
                height: 80%;
                background: linear-gradient(to top,transparent, #4a4a4a, transparent);
                right: 0;
                top: 14%;
                display: block;
            }

            .CoronaContainer.inner .statsList li.center:after {
                left: 0;
                right: unset;
            }

.CoronaContainer.inner {
    margin-bottom: 10px;
    clear: both;
}


@media only screen and (max-width:375px) {

    .CoronaContainer .statsList li:nth-child(1) {
        padding: 10px 5%;
        width: 90%;
    }
}

.sound_wrap {
    position: relative;
}

    .sound_wrap + .share_buttons_container {
        float: left;
        width: 100%;
        margin-top: 20px;
    }

    .sound_wrap .headphones {
        background: url("../images/headphones_icon.png") no-repeat scroll 0 0 transparent;
        display: block;
        height: 22px;
        left: -4px;
        position: absolute;
        top: -11px;
        width: 28px;
    }

.sc-player {
    height: 18px;
    position: relative;
    overflow: hidden;
    direction: ltr;
    font: 12px Arial, sans-serif;
    font-size: 12px;
    line-height: normal;
    background-color: #eee;
    background: 0;
    color: #333;
    font-size: .6em;
    line-height: 1.6em;
    -moz-box-shadow: 1px 1px 4px #ccc;
    -webkit-box-shadow: 1px 1px 4px #ccc;
    margin: 0px auto;
    display: block;
    width: 100%;
    left: 0;
    float: left;
    top: 15px;
}

    .sc-player ol, .sc-player li {
        list-style-position: inside;
        margin: 0;
        padding: 0;
    }

    .sc-player .sc-artwork-list {
        width: 100%;
        height: 50%;
        background-color: transparent;
        list-style-type: none;
        position: relative;
        display: none;
        background: 0;
    }

        .sc-player .sc-artwork-list li {
            list-style-type: none;
            display: none;
        }

            .sc-player .sc-artwork-list li.active {
                list-style-type: none;
                display: block;
            }

            .sc-player .sc-artwork-list li img, .sc-player .sc-artwork-list li div {
                list-style-type: none;
                width: 100%;
                height: 100%;
            }

    .sc-player .sc-controls {
        position: absolute;
        width: 13px;
        height: 15px;
        top: 2px;
        left: 0;
    }

        .sc-player .sc-controls a {
            padding: 0;
            display: block;
            width: 13px;
            height: 15px;
            color: transparent;
            background: url("../images/Play.png") no-repeat 0 0 transparent;
        }

            .sc-player .sc-controls a.sc-pause {
                display: none; /*background: url(../images/play-blue.png);*/
            }

    .sc-player.playing .sc-controls a.sc-pause {
        display: block;
        background: url("../images/pause.png")no-repeat 0 0 transparent;
    }

.sc-scrubber {
    position: absolute;
    left: 20px;
    top: 0;
    height: 15px;
    width: 100%;
}

    .sc-scrubber .sc-time-span {
        height: 15px;
        position: relative;
        float: right;
        width: 81%;
        line-height: 12px;
        top: 0px;
        left: -24px;
    }

.sc-waveform-container {
    width: 100%;
    left: 0;
    position: relative;
}

.sc-scrubber .sc-buffer, .sc-scrubber .sc-played {
    height: 10px;
    position: absolute;
    top: 4px;
    background-color: #fff;
    opacity: 0.4;
    left: 0;
}

.sc-scrubber .sc-time-indicators {
    float: left;
    display: none;
    background: #fff;
    color: #039;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 1px 1px 4px #ccc;
    -webkit-box-shadow: 1px 1px 4px #ccc;
    padding: 4px;
}

.sc-volume-slider {
    float: left;
    width: 40px;
    height: 11px;
    margin: 3px 5px 0 0;
    position: relative;
    border: 1px solid #ccc;
    background-color: #fff;
    background-image: url(../images/audioicon.png);
    background-position: center 0;
    background-repeat: no-repeat;
    left:;
    left: -4px;
}

    .sc-volume-slider .sc-volume-status {
        position: absolute;
        width: 0;
        height: 7px;
        top: 2px;
        left: -3px;
        background-color: rgba(0,0,0,0.5);
        margin-top: 0 !important;
    }


.sc-player ol.sc-trackslist {
    position: absolute;
    float: left;
    width: 100%;
    height: 50%;
    top: 50%;
    left: 0;
    overflow: auto;
    display: none;
}

    .sc-player ol.sc-trackslist li {
        float: left;
        width: 92%;
        cursor: pointer;
        margin: 5px;
        padding: 5px;
    }

.sc-player .sc-info {
    position: absolute;
    top: 10px;
    left: -5000px;
    width: 400px;
    height: 200px;
    z-index: 500;
    margin-left: -200px;
    display: none;
    background: #fff;
    opacity: 0.9;
    padding: 5px;
}

    .sc-player .sc-info.active {
        left: 50%;
        top: 12%;
    }

.sc-player .sc-info-toggle {
    position: absolute;
    top: 10px;
    left: 10px;
    display: none;
    color: #039;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 1px 1px 4px #ccc;
    -webkit-box-shadow: 1px 1px 4px #ccc;
    padding: 4px;
}

    .sc-player .sc-info-toggle.active {
        left: -5000px;
    }

.sc-player .sc-info-close {
    position: absolute;
    top: 10px;
    right: 20px;
    background: #039;
    color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-weight: 700;
    padding: 2px 4px;
}

.sc-player-engine-container {
    width: 1px;
    height: 1px;
    position: fixed;
    top: 2px;
    left: 2px;
}

.sc-player a {
    text-decoration: none;
    color: #333;
}

.sc-scrubber .sc-time-span img {
    width: 100% !important;
    max-width: initial !important;
    background-color: #999;
}

.sc-scrubber .sc-played {
    background-color: #c00;
    opacity: 0.7;
}

.sc-player ol.sc-trackslist li.active, .sc-player ol.sc-trackslist li:hover {
    background-color: #fff;
    color: #039;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 1px 1px 4px #ccc;
    -webkit-box-shadow: 1px 1px 4px #ccc;
    padding: 4px;
}

    .sc-player ol.sc-trackslist li.active a {
        color: #039;
    }

.sc-track-duration {
    text-align: right;
    float: right;
    margin-left: 5px;
    padding: 0 5px;
}

.sc-player.playing .sc-controls a.sc-play, .sc-player .hidden {
    display: none;
}

.template_c .mic {
    background: url("../images/mic.png") no-repeat scroll 0 0 transparent;
    height: 15px;
    left: 10px;
    position: absolute;
    top: 5px;
    width: 16px;
}


.gui_wrap {
    margin: 7px 0 21px;
}

    .gui_wrap .large-12 {
        position: relative;
        width: 100%;
    }

.report_wrap {
    background-color: #c60001;
    height: 70px;
    overflow: hidden;
    padding: 0 5px;
    font-family: "Almarai",tahoma;
}

.gui_wrap img {
    float: right;
    height: 70px;
    margin-left: 10px;
    width: 96px;
}

.gui_data {
    height: 40px;
    overflow: hidden;
    padding: 10px 0;
}

.gui_wrap a {
    text-decoration: none;
}


.gui_data > p {
    color: #fff;
    font-size: 17px;
    line-height: 23px;
    margin: 0;
    width: 90%;
}



.article_name > a {
    line-height: 25px;
    display: block;
    font-size: 1.17em;
    font-weight: bold;
    margin: 0 5px;
    color: #000;
    text-decoration: none;
}

div#newsStory h1 {
    font-size: 18px;
}

div#newsStory h2 {
    font-size: 16px;
}

div#newsStory h3 {
    font-size: 14px;
}

div#newsStory h3, divn#ewsStory h2, div#newsStory h1 {
    font-family: 'Droid Arabic Naskh',Arial,sans-serif;
    line-height: 28px;
}

.topVideosComponent {
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
}

    .topVideosComponent h3.tit_1 {
        height: 40px;
    }

        .topVideosComponent h3.tit_1 > a {
            color: #fff;
            text-decoration: none;
        }

    .topVideosComponent .video_wrap {
        margin-top: 10px;
    }

        .topVideosComponent .video_wrap > p {
            margin: 5px 0 30px;
        }

            .topVideosComponent .video_wrap > p a {
                text-decoration: none;
                font-size: 11pt;
                font-weight: bold;
                color: #555555;
            }

    .topVideosComponent ul {
        width: 100%;
    }

        .topVideosComponent ul li a {
            width: 100%;
            display: flex;
            /* justify-content: space-between; */
            align-items: flex-start;
            text-decoration: none;
            background: #fff;
            color: #555555;
            margin-bottom: 15px;
            font-weight: bold;
        }

        .topVideosComponent ul li img {
            width: 42%;
            height: auto;
        }

        .topVideosComponent ul li a p {
            width: 50%;
            font-size: 11pt;
            margin-right: 5%;
            max-height: 78px;
            overflow: hidden;
            line-height: 20px;
        }

.addthis_16x16_style a {
    width: 30px;
    height: 30px;
    overflow: hidden;
    display: inline-flex;
    margin-bottom: 0px;
    float: none;
}

.addthis_16x16_style {
    display: block;
    margin-bottom: 10px;
    float: none;
}

    .addthis_16x16_style a span {
        line-height: 20px;
        height: 20px;
        width: 20px;
    }

        .addthis_16x16_style a span svg {
            fill: #fff;
            width: 20px;
            height: 20px;
        }


.liveVideoNotification {
    z-index: 1000;
    width: 300px;
    max-width: 90%;
    height: auto;
    max-height: 60vh;
    position: fixed;
    right: 10px;
    bottom: 25px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
    display: none;
    opacity: 0;
    animation: LiveFadeIn 1s 1s ease-in-out;
    animation-fill-mode: forwards;
}

    .liveVideoNotification.show {
        display: block;
    }

    .liveVideoNotification .closeLiveVideoNotification {
        position: absolute;
        top: -35px;
        right: 0;
        cursor: pointer;
        background: #fff;
        border-radius: 25px;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

#liveVideoNotification.youtubeLiveVideo {
    max-height: 30vh;
    bottom: 10px;
    width: 230px;
}

    #liveVideoNotification.youtubeLiveVideo iframe {
        height: 100%;
        width: 230px;
    }

.liveVideoNotification .embed {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
}

    /* .liveVideoNotification .embed , .liveVideoNotification .embed iframe
{
    width:100%;
    height:100%;
    display: block;
} */

    .liveVideoNotification .embed iframe {
        overflow: hidden;
        margin: 0;
        padding: 0;
    }

.liveVideoNotification .closeLiveVideoNotification svg {
    width: 25px;
    height: 25px;
}

.sportsBannerArea {
    display: block;
    width: 100%;
    margin: 20px 0;
}

    .sportsBannerArea img {
        width: 100%;
    }

@keyframes LiveFadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/*!
 *  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */ @font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'),url(../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'),url(../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
}

.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.3333333333333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.2857142857142858em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.142857142857143em;
    list-style-type: none
}

    .fa-ul > li {
        position: relative
    }

.fa-li {
    position: absolute;
    left: -2.142857142857143em;
    width: 2.142857142857143em;
    top: .14285714285714285em;
    text-align: center
}

    .fa-li.fa-lg {
        left: -1.8571428571428572em
    }

.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg)
    }

    100% {
        -moz-transform: rotate(359deg)
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg)
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg)
    }

    100% {
        -o-transform: rotate(359deg)
    }
}

@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0deg)
    }

    100% {
        -ms-transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);
    -webkit-transform: scale(-1,1);
    -moz-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    -o-transform: scale(-1,1);
    transform: scale(-1,1)
}

.fa-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);
    -webkit-transform: scale(1,-1);
    -moz-transform: scale(1,-1);
    -ms-transform: scale(1,-1);
    -o-transform: scale(1,-1);
    transform: scale(1,-1)
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: "\f000"
}

.fa-music:before {
    content: "\f001"
}

.fa-search:before {
    content: "\f002"
}

.fa-envelope-o:before {
    content: "\f003"
}

.fa-heart:before {
    content: "\f004"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-o:before {
    content: "\f006"
}

.fa-user:before {
    content: "\f007"
}

.fa-film:before {
    content: "\f008"
}

.fa-th-large:before {
    content: "\f009"
}

.fa-th:before {
    content: "\f00a"
}

.fa-th-list:before {
    content: "\f00b"
}

.fa-check:before {
    content: "\f00c"
}

.fa-times:before {
    content: "\f00d"
}

.fa-search-plus:before {
    content: "\f00e"
}

.fa-search-minus:before {
    content: "\f010"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-signal:before {
    content: "\f012"
}

.fa-gear:before, .fa-cog:before {
    content: "\f013"
}

.fa-trash-o:before {
    content: "\f014"
}

.fa-home:before {
    content: "\f015"
}

.fa-file-o:before {
    content: "\f016"
}

.fa-clock-o:before {
    content: "\f017"
}

.fa-road:before {
    content: "\f018"
}

.fa-download:before {
    content: "\f019"
}

.fa-arrow-circle-o-down:before {
    content: "\f01a"
}

.fa-arrow-circle-o-up:before {
    content: "\f01b"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-play-circle-o:before {
    content: "\f01d"
}

.fa-rotate-right:before, .fa-repeat:before {
    content: "\f01e"
}

.fa-refresh:before {
    content: "\f021"
}

.fa-list-alt:before {
    content: "\f022"
}

.fa-lock:before {
    content: "\f023"
}

.fa-flag:before {
    content: "\f024"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-volume-down:before {
    content: "\f027"
}

.fa-volume-up:before {
    content: "\f028"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-book:before {
    content: "\f02d"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-print:before {
    content: "\f02f"
}

.fa-camera:before {
    content: "\f030"
}

.fa-font:before {
    content: "\f031"
}

.fa-bold:before {
    content: "\f032"
}

.fa-italic:before {
    content: "\f033"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-list:before {
    content: "\f03a"
}

.fa-dedent:before, .fa-outdent:before {
    content: "\f03b"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-video-camera:before {
    content: "\f03d"
}

.fa-picture-o:before {
    content: "\f03e"
}

.fa-pencil:before {
    content: "\f040"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-adjust:before {
    content: "\f042"
}

.fa-tint:before {
    content: "\f043"
}

.fa-edit:before, .fa-pencil-square-o:before {
    content: "\f044"
}

.fa-share-square-o:before {
    content: "\f045"
}

.fa-check-square-o:before {
    content: "\f046"
}

.fa-arrows:before {
    content: "\f047"
}

.fa-step-backward:before {
    content: "\f048"
}

.fa-fast-backward:before {
    content: "\f049"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-play:before {
    content: "\f04b"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-fast-forward:before {
    content: "\f050"
}

.fa-step-forward:before {
    content: "\f051"
}

.fa-eject:before {
    content: "\f052"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-plus-circle:before {
    content: "\f055"
}

.fa-minus-circle:before {
    content: "\f056"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-question-circle:before {
    content: "\f059"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-times-circle-o:before {
    content: "\f05c"
}

.fa-check-circle-o:before {
    content: "\f05d"
}

.fa-ban:before {
    content: "\f05e"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-mail-forward:before, .fa-share:before {
    content: "\f064"
}

.fa-expand:before {
    content: "\f065"
}

.fa-compress:before {
    content: "\f066"
}

.fa-plus:before {
    content: "\f067"
}

.fa-minus:before {
    content: "\f068"
}

.fa-asterisk:before {
    content: "\f069"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-warning:before, .fa-exclamation-triangle:before {
    content: "\f071"
}

.fa-plane:before {
    content: "\f072"
}

.fa-calendar:before {
    content: "\f073"
}

.fa-random:before {
    content: "\f074"
}

.fa-comment:before {
    content: "\f075"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-folder:before {
    content: "\f07b"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-arrows-v:before {
    content: "\f07d"
}

.fa-arrows-h:before {
    content: "\f07e"
}

.fa-bar-chart-o:before {
    content: "\f080"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-key:before {
    content: "\f084"
}

.fa-gears:before, .fa-cogs:before {
    content: "\f085"
}

.fa-comments:before {
    content: "\f086"
}

.fa-thumbs-o-up:before {
    content: "\f087"
}

.fa-thumbs-o-down:before {
    content: "\f088"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-heart-o:before {
    content: "\f08a"
}

.fa-sign-out:before {
    content: "\f08b"
}

.fa-linkedin-square:before {
    content: "\f08c"
}

.fa-thumb-tack:before {
    content: "\f08d"
}

.fa-external-link:before {
    content: "\f08e"
}

.fa-sign-in:before {
    content: "\f090"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-github-square:before {
    content: "\f092"
}

.fa-upload:before {
    content: "\f093"
}

.fa-lemon-o:before {
    content: "\f094"
}

.fa-phone:before {
    content: "\f095"
}

.fa-square-o:before {
    content: "\f096"
}

.fa-bookmark-o:before {
    content: "\f097"
}

.fa-phone-square:before {
    content: "\f098"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-facebook:before {
    content: "\f09a"
}

.fa-github:before {
    content: "\f09b"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-credit-card:before {
    content: "\f09d"
}

.fa-rss:before {
    content: "\f09e"
}

.fa-hdd-o:before {
    content: "\f0a0"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-hand-o-right:before {
    content: "\f0a4"
}

.fa-hand-o-left:before {
    content: "\f0a5"
}

.fa-hand-o-up:before {
    content: "\f0a6"
}

.fa-hand-o-down:before {
    content: "\f0a7"
}

.fa-arrow-circle-left:before {
    content: "\f0a8"
}

.fa-arrow-circle-right:before {
    content: "\f0a9"
}

.fa-arrow-circle-up:before {
    content: "\f0aa"
}

.fa-arrow-circle-down:before {
    content: "\f0ab"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-tasks:before {
    content: "\f0ae"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-arrows-alt:before {
    content: "\f0b2"
}

.fa-group:before, .fa-users:before {
    content: "\f0c0"
}

.fa-chain:before, .fa-link:before {
    content: "\f0c1"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-cut:before, .fa-scissors:before {
    content: "\f0c4"
}

.fa-copy:before, .fa-files-o:before {
    content: "\f0c5"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-save:before, .fa-floppy-o:before {
    content: "\f0c7"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-bars:before {
    content: "\f0c9"
}

.fa-list-ul:before {
    content: "\f0ca"
}

.fa-list-ol:before {
    content: "\f0cb"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-magic:before {
    content: "\f0d0"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-google-plus-square:before {
    content: "\f0d4"
}

.fa-google-plus:before {
    content: "\f0d5"
}

.fa-money:before {
    content: "\f0d6"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-columns:before {
    content: "\f0db"
}

.fa-unsorted:before, .fa-sort:before {
    content: "\f0dc"
}

.fa-sort-down:before, .fa-sort-asc:before {
    content: "\f0dd"
}

.fa-sort-up:before, .fa-sort-desc:before {
    content: "\f0de"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-linkedin:before {
    content: "\f0e1"
}

.fa-rotate-left:before, .fa-undo:before {
    content: "\f0e2"
}

.fa-legal:before, .fa-gavel:before {
    content: "\f0e3"
}

.fa-dashboard:before, .fa-tachometer:before {
    content: "\f0e4"
}

.fa-comment-o:before {
    content: "\f0e5"
}

.fa-comments-o:before {
    content: "\f0e6"
}

.fa-flash:before, .fa-bolt:before {
    content: "\f0e7"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-paste:before, .fa-clipboard:before {
    content: "\f0ea"
}

.fa-lightbulb-o:before {
    content: "\f0eb"
}

.fa-exchange:before {
    content: "\f0ec"
}

.fa-cloud-download:before {
    content: "\f0ed"
}

.fa-cloud-upload:before {
    content: "\f0ee"
}

.fa-user-md:before {
    content: "\f0f0"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-bell-o:before {
    content: "\f0a2"
}

.fa-coffee:before {
    content: "\f0f4"
}

.fa-cutlery:before {
    content: "\f0f5"
}

.fa-file-text-o:before {
    content: "\f0f6"
}

.fa-building-o:before {
    content: "\f0f7"
}

.fa-hospital-o:before {
    content: "\f0f8"
}

.fa-ambulance:before {
    content: "\f0f9"
}

.fa-medkit:before {
    content: "\f0fa"
}

.fa-fighter-jet:before {
    content: "\f0fb"
}

.fa-beer:before {
    content: "\f0fc"
}

.fa-h-square:before {
    content: "\f0fd"
}

.fa-plus-square:before {
    content: "\f0fe"
}

.fa-angle-double-left:before {
    content: "\f100"
}

.fa-angle-double-right:before {
    content: "\f101"
}

.fa-angle-double-up:before {
    content: "\f102"
}

.fa-angle-double-down:before {
    content: "\f103"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-desktop:before {
    content: "\f108"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-tablet:before {
    content: "\f10a"
}

.fa-mobile-phone:before, .fa-mobile:before {
    content: "\f10b"
}

.fa-circle-o:before {
    content: "\f10c"
}

.fa-quote-left:before {
    content: "\f10d"
}

.fa-quote-right:before {
    content: "\f10e"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-circle:before {
    content: "\f111"
}

.fa-mail-reply:before, .fa-reply:before {
    content: "\f112"
}

.fa-github-alt:before {
    content: "\f113"
}

.fa-folder-o:before {
    content: "\f114"
}

.fa-folder-open-o:before {
    content: "\f115"
}

.fa-smile-o:before {
    content: "\f118"
}

.fa-frown-o:before {
    content: "\f119"
}

.fa-meh-o:before {
    content: "\f11a"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-keyboard-o:before {
    content: "\f11c"
}

.fa-flag-o:before {
    content: "\f11d"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-code:before {
    content: "\f121"
}

.fa-reply-all:before {
    content: "\f122"
}

.fa-mail-reply-all:before {
    content: "\f122"
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
    content: "\f123"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-crop:before {
    content: "\f125"
}

.fa-code-fork:before {
    content: "\f126"
}

.fa-unlink:before, .fa-chain-broken:before {
    content: "\f127"
}

.fa-question:before {
    content: "\f128"
}

.fa-info:before {
    content: "\f129"
}

.fa-exclamation:before {
    content: "\f12a"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-shield:before {
    content: "\f132"
}

.fa-calendar-o:before {
    content: "\f133"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-chevron-circle-left:before {
    content: "\f137"
}

.fa-chevron-circle-right:before {
    content: "\f138"
}

.fa-chevron-circle-up:before {
    content: "\f139"
}

.fa-chevron-circle-down:before {
    content: "\f13a"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-unlock-alt:before {
    content: "\f13e"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-ellipsis-h:before {
    content: "\f141"
}

.fa-ellipsis-v:before {
    content: "\f142"
}

.fa-rss-square:before {
    content: "\f143"
}

.fa-play-circle:before {
    content: "\f144"
}

.fa-ticket:before {
    content: "\f145"
}

.fa-minus-square:before {
    content: "\f146"
}

.fa-minus-square-o:before {
    content: "\f147"
}

.fa-level-up:before {
    content: "\f148"
}

.fa-level-down:before {
    content: "\f149"
}

.fa-check-square:before {
    content: "\f14a"
}

.fa-pencil-square:before {
    content: "\f14b"
}

.fa-external-link-square:before {
    content: "\f14c"
}

.fa-share-square:before {
    content: "\f14d"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-toggle-down:before, .fa-caret-square-o-down:before {
    content: "\f150"
}

.fa-toggle-up:before, .fa-caret-square-o-up:before {
    content: "\f151"
}

.fa-toggle-right:before, .fa-caret-square-o-right:before {
    content: "\f152"
}

.fa-euro:before, .fa-eur:before {
    content: "\f153"
}

.fa-gbp:before {
    content: "\f154"
}

.fa-dollar:before, .fa-usd:before {
    content: "\f155"
}

.fa-rupee:before, .fa-inr:before {
    content: "\f156"
}

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
    content: "\f157"
}

.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
    content: "\f158"
}

.fa-won:before, .fa-krw:before {
    content: "\f159"
}

.fa-bitcoin:before, .fa-btc:before {
    content: "\f15a"
}

.fa-file:before {
    content: "\f15b"
}

.fa-file-text:before {
    content: "\f15c"
}

.fa-sort-alpha-asc:before {
    content: "\f15d"
}

.fa-sort-alpha-desc:before {
    content: "\f15e"
}

.fa-sort-amount-asc:before {
    content: "\f160"
}

.fa-sort-amount-desc:before {
    content: "\f161"
}

.fa-sort-numeric-asc:before {
    content: "\f162"
}

.fa-sort-numeric-desc:before {
    content: "\f163"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-youtube-square:before {
    content: "\f166"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-xing:before {
    content: "\f168"
}

.fa-xing-square:before {
    content: "\f169"
}

.fa-youtube-play:before {
    content: "\f16a"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-adn:before {
    content: "\f170"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-bitbucket-square:before {
    content: "\f172"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-tumblr-square:before {
    content: "\f174"
}

.fa-long-arrow-down:before {
    content: "\f175"
}

.fa-long-arrow-up:before {
    content: "\f176"
}

.fa-long-arrow-left:before {
    content: "\f177"
}

.fa-long-arrow-right:before {
    content: "\f178"
}

.fa-apple:before {
    content: "\f179"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-android:before {
    content: "\f17b"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-trello:before {
    content: "\f181"
}

.fa-female:before {
    content: "\f182"
}

.fa-male:before {
    content: "\f183"
}

.fa-gittip:before {
    content: "\f184"
}

.fa-sun-o:before {
    content: "\f185"
}

.fa-moon-o:before {
    content: "\f186"
}

.fa-archive:before {
    content: "\f187"
}

.fa-bug:before {
    content: "\f188"
}

.fa-vk:before {
    content: "\f189"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-arrow-circle-o-right:before {
    content: "\f18e"
}

.fa-arrow-circle-o-left:before {
    content: "\f190"
}

.fa-toggle-left:before, .fa-caret-square-o-left:before {
    content: "\f191"
}

.fa-dot-circle-o:before {
    content: "\f192"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-vimeo-square:before {
    content: "\f194"
}

.fa-turkish-lira:before, .fa-try:before {
    content: "\f195"
}

.fa-plus-square-o:before {
    content: "\f196"
}

/*!
 *  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url(../fonts/fontawesome-webfont.eot?v=4.0.3');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'),url(../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'),url(../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'),url(../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.3333333333333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.2857142857142858em;text-align:center}.fa-ul{padding-left:0;margin-left:2.142857142857143em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;top:.14285714285714285em;text-align:center}.fa-li.fa-lg{left:-1.8571428571428572em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-asc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-desc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-reply-all:before{content:"\f122"}.fa-mail-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}