img, object, embed, video {
  max-width: 100%; }

.ie6 img {
  width: 100%; }

/* mixins */
.bgCover {
  float: left;
  max-width: 1000%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .5s ease;
  -moz-transition: opacity .5s ease;
  transition: opacity .5s ease; }

.fullWidth {
  width: 100% !important;
  visibility: visible;
  opacity: 1; }

.fullHeight {
  height: 100% !important;
  visibility: visible;
  opacity: 1; }

.exact {
  width: 100% !important;
  height: 100% !important;
  visibility: visible;
  opacity: 1; }

.stockArrow.up {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 7px 5px;
  border-color: transparent transparent #4CAF50 transparent;
  float: left; }

.stockArrow.down {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 5px 0 5px;
  border-color: #ff0000 transparent transparent transparent;
  float: left; }

body, button, input, select, textarea {
  color: #666; }

a {
  color: #666; }

.gridContainer {
  margin-left: auto;
  margin-right: auto;
  width: 87.36%;
  padding-left: 1.82%;
  padding-right: 1.82%; }

.mainSocial {
  font-size: 14px;
  line-height: 14px;
  position: relative; }
  .mainSocial a {
    color: #666;
    margin: 0 5px 0 0; }
    .mainSocial a:hover i.icon-linkedin {
      color: #1A85BD; }
    .mainSocial a:hover i.icon-gplus {
      color: #DB4437; }
    .mainSocial a:hover i.icon-youtube {
      color: #DB4437; }
    .mainSocial a:hover i.icon-instagram {
      color: #55ACEE; }
    .mainSocial a:hover i.icon-twitter {
      color: #0084b4; }
    .mainSocial a:hover i.icon-facebook-official {
      color: #3B5998; }
    .mainSocial a:hover i.icon-android {
      color: #A4C639; }
    .mainSocial a:hover i.icon-rss {
      color: #FFA500; }
  .mainSocial .shareIcon {
    display: inline-block;
    text-align: center;
    -ms-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px; }
  .mainSocial .socialOnHover {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 150px;
    padding: 0 25px 0 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease; }
  .mainSocial:hover .shareIcon {
    color: #334e9d; }
  .mainSocial:hover .socialOnHover {
    visibility: visible;
    opacity: 1; }

.mainTitle {
  font-size: 30px;
  text-align: center;
  color: #334e9d;
  padding: 30px 0; }
  .mainTitle a {
    color: #334e9d; }

.mainPost .avatar {
  height: 231px;
  display: block;
  overflow: hidden;
  margin: 0 0 20px; }
.mainPost .date {
  font-size: 12px;
  color: #334e9d;
  margin: 0 0 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }
  .mainPost .date .videoTime {
    float: left;
    color: #666; }
.mainPost .title {
  font-size: 18px;
  font-family: "semiBold";
  height: 81px;
  overflow: hidden;
  margin: 0 0 10px; }
  .mainPost .title a {
    color: #334e9d; }
.mainPost .description {
  height: 25px;
  overflow: hidden;
  margin: 0 0 25px;
  color: #666; }
  .mainPost .description a {
    color: #666;
    /*&:hover{
    	color:$mainColor;
    }*/ }
.mainPost .socialAndMore .mainSocial {
  float: right; }
.mainPost .socialAndMore .more {
  float: left;
  font-size: 12px;
  font-family: "semiBold";
  line-height: 14px;
  color: #666; }
  .mainPost .socialAndMore .more:hover {
    color: #334e9d; }
  .mainPost .socialAndMore .more i {
    color: #334e9d;
    font-size: 10px;
    margin: 0 5px 0 0; }
.mainPost.gridView .avatar {
  width: 75px;
  height: 66px;
  float: right;
  margin: 0 0 0 15px; }
.mainPost.gridView .date {
  display: none; }
.mainPost.gridView .description {
  height: 66px;
  margin: 0 0 20px; }

.videoPost .avatar {
  position: relative; }
  .videoPost .avatar:before {
    content: '';
    width: 72px;
    height: 72px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -36px 0 0 -36px;
    background: url("../images//video.png");
    background-size: 100% 100%;
    z-index: 9; }

.getMore {
  text-align: center;
  line-height: 60px;
  font-size: 18px;
  font-family: "semiBold"; }

.userAuthForm form .item {
  padding: 0 10px;
  background: #edeff1;
  line-height: 36px;
  margin: 0 0 20px; }
  .userAuthForm form .item .icon {
    font-size: 15px;
    float: right; }
  .userAuthForm form .item .theInput {
    margin: 0 31px 0 0;
    position: relative; }
    .userAuthForm form .item .theInput input {
      width: 100%;
      height: 36px;
      border: none;
      margin: 0;
      padding: 0;
      background: none; }
    .userAuthForm form .item .theInput .thisText {
      position: absolute;
      top: 0;
      right: 0;
      -webkit-transition: all 0.4s ease;
      -moz-transition: all 0.4s ease;
      transition: all 0.4s ease; }
  .userAuthForm form .item.active .theInput .thisText {
    top: -10px;
    line-height: 15px;
    font-size: 11px; }
.userAuthForm form input[type='submit'] {
  width: 213px;
  height: 36px;
  max-width: 100%;
  display: block;
  margin: 0 auto;
  font-family: "semiBold";
  background: #334e9d;
  color: #fff;
  border: none; }
.userAuthForm form .loginSubmit .remember {
  float: right;
  line-height: 37px; }
.userAuthForm form .loginSubmit input[type='submit'] {
  float: left;
  width: 115px; }
.userAuthForm .orSeperator {
  line-height: 50px;
  font-size: 18px;
  font-family: "semiBold";
  text-align: center; }
.userAuthForm .socialLoging {
  font-size: 0; }
  .userAuthForm .socialLoging a {
    font-size: 14px;
    font-family: "semiBold";
    display: inline-block;
    width: 96%;
    padding: 0 2%;
    margin: 0 0 20px;
    background: #3b5999;
    color: #fff;
    line-height: 36px; }
    .userAuthForm .socialLoging a i {
      float: left;
      font-size: 22px; }
    .userAuthForm .socialLoging a.twitter {
      background: #55acef; }
    .userAuthForm .socialLoging a.gplus {
      background: #d0422a; }
      .userAuthForm .socialLoging a.gplus i {
        margin: 0 0 0 8px; }
.userAuthForm .createNewAccount {
  display: block;
  padding: 10px;
  text-align: center;
  background: #edeff1;
  color: #666;
  margin: 20px 0 0; }

.hasPostSection {
  position: relative; }
  .hasPostSection .postSection {
    position: absolute;
    top: 15px;
    right: 15px;
    background: #334e9d;
    font-size: 18px;
    color: #fff;
    padding: 5px 30px;
    z-index: 9;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease; }
  .hasPostSection:hover .postSection {
    visibility: visible;
    opacity: 1; }

.popupContainer {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9999;
  background: #a7adb7;
  background: rgba(167, 173, 183, 0.9); }
  .popupContainer iframe {
    width: 100% !important;
    height: 100% !important; }

.adminPopup {
  position: relative; }
  .adminPopup .showAdminPopup {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 99;
    font-size: 16px;
    font-family: "semiBold";
    color: #334e9d;
    background: #fff;
    padding: 5px 15px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease; }
    .adminPopup .showAdminPopup:hover {
      background: #334e9d;
      color: #fff; }
  .adminPopup:hover .showAdminPopup {
    visibility: visible;
    opacity: 1; }

.elementLoading {
  position: relative; }
  .elementLoading .loadingNow {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.6) url("../images/loading.gif") no-repeat center center;
    background-size: 70px;
    z-index: 9; }

.pageLoading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6) url("../images/loading.gif") no-repeat center center;
  background-size: 100px;
  z-index: 99999; }

.autoCompleteArea {
  position: relative; }
  .autoCompleteArea .autoComplete {
    width: 100%;
    max-height: 200px;
    position: absolute;
    top: 35px;
    left: -2px;
    background: #fff;
    border: 1px solid #e4e6e8;
    overflow: auto; }
    .autoCompleteArea .autoComplete span {
      display: block;
      padding: 5px 25px;
      cursor: pointer; }
      .autoCompleteArea .autoComplete span:hover {
        background: #f0f0f0; }

.form-errors {
  font-size: 11px;
  color: #f00;
  margin: 0 0 15px; }

.validationError {
  font-size: 11px;
  color: #f00;
  display: block;
  margin: 0 0 5px; }

.userNotification {
  position: fixed;
  top: 70px;
  left: 30px;
  background: #49a749;
  color: #fff;
  padding: 10px 30px;
  z-index: 9999; }
  .userNotification.error {
    background: #f00; }

.noContent {
  display: block;
  font-size: 18px;
  text-align: center;
  padding: 10px; }

.myTabs .theTabs .one {
  display: none; }
  .myTabs .theTabs .one.active {
    display: block; }

.mainContent {
  margin: 40px 0 0; }

.homeSection {
  background: #fff;
  margin: 0 0 20px;
  position: relative; }

.ad940 {
  width: 940px;
  height: 90px;
  background: #cbccce;
  margin: 0 0 20px;
  display: none; }

.ad300 {
  width: 300px;
  max-width: 100%;
  height: 250px;
  background: #cbccce;
  margin: 0 0 20px; }

.scroll-pane {
  width: 100%;
  height: 100%;
  overflow: auto;
  outline: none; }

.jspPane {
  width: 100% !important; }

.befLoad {
  -webkit-animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderShimmer;
  -webkit-animation-timing-function: linear;
  background: #d6d6d6;
  background-image: -webkit-linear-gradient(left, #d6d6d6 0%, #d4d4d4 20%, #d6d6d6 40%, #d6d6d6 100%);
  background-image: linear-gradient(left, #d6d6d6 0%, #d4d4d4 20%, #d6d6d6 40%, #d6d6d6 100%);
  background-repeat: no-repeat;
  background-size: 800px 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0; }
  .befLoad .contentArea {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 161px; }
    .befLoad .contentArea .item {
      border: 20px solid #fff;
      height: 120px;
      position: relative; }
      .befLoad .contentArea .item .one {
        height: 10px;
        background: #fff; }
        .befLoad .contentArea .item .one.afterDate {
          width: 50%;
          float: left; }
        .befLoad .contentArea .item .one.afterTitle {
          width: 30%;
          float: left; }
        .befLoad .contentArea .item .one.afterDesdcription {
          width: 70%;
          float: left; }
        .befLoad .contentArea .item .one.lastEmpty {
          height: 70px; }
      .befLoad .contentArea .item.active {
        height: 200px; }
        .befLoad .contentArea .item.active .one.lastEmpty {
          height: 150px; }
      .befLoad .contentArea .item:before {
        content: '';
        position: absolute;
        bottom: -20px;
        left: -20px;
        right: -20px;
        height: 1px;
        background: #d5d5d5; }
  .befLoad .morePostsArea .loadItem {
    border: 20px solid #fff; }
    .befLoad .morePostsArea .loadItem .loadContent {
      height: 147px;
      width: 130px;
      float: left;
      border-right: 10px solid #fff; }
      .befLoad .morePostsArea .loadItem .loadContent .one {
        height: 10px;
        background: #fff; }
        .befLoad .morePostsArea .loadItem .loadContent .one.afterDate {
          width: 30%;
          float: left; }
        .befLoad .morePostsArea .loadItem .loadContent .one.afterTitle {
          width: 0%;
          float: left; }
        .befLoad .morePostsArea .loadItem .loadContent .one.afterDesdcription {
          width: 50%;
          float: left; }
        .befLoad .morePostsArea .loadItem .loadContent .one.lastEmpty {
          height: 87px; }
  .befLoad .defPost {
    border: 20px solid #fff; }
    .befLoad .defPost .theAvatar {
      height: 151px;
      border-bottom: 20px solid #fff; }
    .befLoad .defPost .one {
      height: 10px;
      background: #fff; }
      .befLoad .defPost .one.afterDate {
        width: 50%;
        float: left; }
      .befLoad .defPost .one.afterTitle {
        width: 30%;
        float: left; }
      .befLoad .defPost .one.afterDescription {
        width: 70%;
        float: left; }
      .befLoad .defPost .one.lastEmpty {
        height: 125px; }
    .befLoad .defPost.large .theAvatar {
      height: 518px; }
    .befLoad .defPost.large .one.lastEmpty {
      height: 202px; }
  .befLoad.hasTitle {
    top: 105px;
    bottom: 0;
    height: auto;
    display: none; }
  .befLoad .halfWidth {
    width: 50%;
    float: right; }
  .befLoad.reprtsBefLoad .item {
    width: 33.3333%;
    float: right; }
  .befLoad.reprtsBefLoad .defPost .theAvatar {
    height: 236px; }
  .befLoad.reprtsBefLoad .defPost .one.lastEmpty {
    height: 150px; }

@-webkit-keyframes placeHolderShimmer {
  0% {
    background-position: 900px 0; }
  100% {
    background-position: -900px 0; } }
.headerFix {
  height: 70px; }

.fixedHeader .header {
  background: rgba(255, 255, 255, 0.95); }

.header {
  padding: 15px 0;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  box-shadow: 0 0 5px;
  z-index: 999; }
  .header .headerBg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 51px;
    display: none;
    overflow: hidden; }
    .header .headerBg img {
      width: 100%; }
  .header .gridContainer {
    position: relative; }
  .header .top {
    float: right; }
    .header .top .onRight {
      float: right; }
      .header .top .onRight .logo {
        width: 45px;
        overflow: hidden; }
        .header .top .onRight .logo img {
          height: 40px;
          max-width: 1000%; }
    .header .top .onLeft {
      float: left;
      text-align: left;
      margin: 10px 0 0;
      display: none; }
      .header .top .onLeft .searchSocial {
        margin: 0 0 5px; }
      .header .top .onLeft .date {
        font-size: 14px;
        color: #334e9d;
        margin: 0 0 5px; }
      .header .top .onLeft .mainSocial {
        font-size: 20px;
        line-height: 30px;
        float: left; }
      .header .top .onLeft .search {
        float: left;
        position: relative;
        margin: 0 0 0 10px; }
        .header .top .onLeft .search .icon {
          line-height: 30px; }
        .header .top .onLeft .search form {
          position: absolute;
          top: 0;
          left: -5px;
          display: none; }
          .header .top .onLeft .search form input[type="text"] {
            width: 200px;
            height: 30px;
            padding: 0 10px;
            background: none;
            border: 1px solid #e4e6e8; }
          .header .top .onLeft .search form input[type="submit"] {
            position: absolute;
            top: 0;
            left: 0;
            width: 30px;
            background: none;
            border: none; }
        .header .top .onLeft .search.opened form {
          display: block; }
      .header .top .onLeft .login {
        padding: 0 10px 0 0;
        border-right: 1px solid;
        float: left;
        margin: 0 10px 15px 0;
        line-height: 30px; }
        .header .top .onLeft .login a {
          color: #666; }
          .header .top .onLeft .login a span {
            margin: 0 10px 0 0; }
          .header .top .onLeft .login a:hover {
            color: #334e9d; }
      .header .top .onLeft .language {
        float: left;
        position: relative;
        line-height: 30px; }
        .header .top .onLeft .language .select {
          cursor: pointer;
          -webkit-transition: all 0.4s ease;
          -moz-transition: all 0.4s ease;
          transition: all 0.4s ease; }
          .header .top .onLeft .language .select span {
            margin: 0 0 0 10px; }
          .header .top .onLeft .language .select:hover {
            color: #334e9d; }
        .header .top .onLeft .language .options {
          position: absolute;
          top: 44px;
          left: -33px;
          background: #fff;
          border: 1px solid #e4e6e8;
          display: none;
          z-index: 9; }
          .header .top .onLeft .language .options a {
            min-width: 80px;
            display: block;
            padding: 10px;
            border-bottom: 1px solid #e4e6e8;
            text-align: center;
            color: #666; }
            .header .top .onLeft .language .options a:hover {
              background: #e4e6e8;
              color: #334e9d; }
  .header .navigation {
    float: left; }
    .header .navigation .icon {
      display: block;
      line-height: 40px;
      font-size: 21px;
      float: left;
      cursor: pointer; }
      .header .navigation .icon .icon-close {
        display: none; }
      .header .navigation .icon.opened .icon-close {
        display: block; }
      .header .navigation .icon.opened .icon-menu {
        display: none; }
    .header .navigation .submenuIcons {
      float: left;
      line-height: 40px;
      display: none; }
      .header .navigation .submenuIcons .one {
        float: left;
        margin: 0 0 0 20px;
        position: relative; }
        .header .navigation .submenuIcons .one.language .select {
          cursor: pointer; }
          .header .navigation .submenuIcons .one.language .select span {
            margin: 0 5px; }
        .header .navigation .submenuIcons .one.language .options {
          position: absolute;
          top: 40px;
          left: 0;
          background: #fff;
          border: 1px solid #e4e6e8;
          display: none; }
          .header .navigation .submenuIcons .one.language .options a {
            min-width: 80px;
            display: block;
            padding: 10px;
            border-bottom: 1px solid #e4e6e8;
            text-align: center;
            color: #666;
            line-height: 1; }
            .header .navigation .submenuIcons .one.language .options a:hover {
              background: #e4e6e8;
              color: #334e9d; }
    .header .navigation ul {
      display: none; }
      .header .navigation ul li {
        float: right;
        margin: 0 0 0 3px;
        font-family: "semiBold";
        font-size: 15px; }
        .header .navigation ul li a {
          display: block;
          line-height: 50px;
          padding: 0 12px;
          color: #666; }
          .header .navigation ul li a i {
            font-size: 14px;
            margin: 0 10px 0 0; }
          .header .navigation ul li a:hover, .header .navigation ul li a.active {
            color: #334e9d;
            background: #e4e6e8; }
          .header .navigation ul li a img.nav-image {
            width: 100px;
            height: 33px; }
        .header .navigation ul li .submenu {
          position: absolute;
          top: 100%;
          right: 0;
          width: 100%;
          display: none;
          -webkit-transition: all 0.2s ease;
          -moz-transition: all 0.2s ease;
          transition: all 0.2s ease; }
          .header .navigation ul li .submenu .in {
            background: #fff;
            border-bottom: 1px solid #f2f3f8;
            border-top: 1px solid #f2f3f8;
            box-shadow: 0 0px 3px rgba(0, 0, 0, 0.2); }
          .header .navigation ul li .submenu .subSections {
            width: 20%;
            float: right; }
            .header .navigation ul li .submenu .subSections a {
              line-height: 1.5 !important;
              padding: 10px;
              font-size: 14px;
              border-bottom: 1px solid #f2f3f8; }
              .header .navigation ul li .submenu .subSections a:hover {
                background: #f2f3f8; }
          .header .navigation ul li .submenu .items {
            width: 76%;
            padding: 20px 3% 20px 0;
            float: right;
            border-right: 1px solid #f2f3f8; }
            .header .navigation ul li .submenu .items .mainPost {
              width: 31%;
              float: right;
              margin: 0 0 0 2%; }
              .header .navigation ul li .submenu .items .mainPost .title a {
                line-height: 1.5;
                color: #334e9d; }
        .header .navigation ul li:hover .submenu {
          display: block; }
        .header .navigation ul li:last-of-type {
          margin: 0; }

.mobileMenu {
  position: fixed;
  top: 70px;
  left: 0;
  bottom: 0;
  right: 0;
  background: #fff;
  background: rgba(255, 255, 255, 0.99);
  z-index: 998;
  overflow: auto;
  display: none; }
  .mobileMenu .search {
    margin: 20px 0 10px;
    position: relative; }
    .mobileMenu .search .icon {
      position: absolute;
      top: 7px;
      left: 7px; }
    .mobileMenu .search form input[type='text'] {
      width: 94%;
      height: 30px;
      padding: 0 3%;
      border: 1px solid #e4e6e8; }
    .mobileMenu .search form input[type='submit'] {
      position: absolute;
      top: 0;
      left: 0;
      width: 35px;
      background: none;
      border: none; }
  .mobileMenu .theMenu {
    margin: 0 0 40px; }
    .mobileMenu .theMenu li .item {
      position: relative; }
      .mobileMenu .theMenu li .item a {
        display: block;
        font-size: 16px;
        font-family: "semiBold";
        color: #666;
        border-bottom: 1px solid #e3e5e9;
        padding: 10px; }
        .mobileMenu .theMenu li .item a:hover {
          color: #334e9d; }
      .mobileMenu .theMenu li .item .icon {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        line-height: 40px;
        padding: 0 10px;
        color: #666;
        font-size: 15px;
        cursor: pointer;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        transition: all 0.4s ease; }
        .mobileMenu .theMenu li .item .icon:hover {
          color: #334e9d; }
    .mobileMenu .theMenu li .submenu {
      display: none; }
      .mobileMenu .theMenu li .submenu a {
        display: block;
        color: #666;
        font-size: 14px;
        border-bottom: 1px solid #e3e5e9;
        padding: 10px 20px; }
    .mobileMenu .theMenu li.active .item a {
      background: #f2f4f6;
      color: #334e9d; }
    .mobileMenu .theMenu li.active .item .icon {
      color: #334e9d;
      -ms-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); }
  .mobileMenu .mainSocial {
    text-align: center;
    font-size: 20px; }
    .mobileMenu .mainSocial a {
      margin: 0 15px 0 0; }

.registerdUser .registerdUserHeader {
  height: 50px;
  background: #334e9d;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  line-height: 50px;
  font-family: "semiBold";
  color: #fff; }
  .registerdUser .registerdUserHeader a {
    color: #fff; }
  .registerdUser .registerdUserHeader .title {
    float: right;
    font-size: 16px; }
  .registerdUser .registerdUserHeader .saveEdits {
    width: 110px;
    float: left;
    line-height: 35px;
    margin: 7px 50px 0 0;
    text-align: center;
    background: #fff;
    color: #334e9d;
    border: 1px solid #fff; }
    .registerdUser .registerdUserHeader .saveEdits:hover {
      background: #334e9d;
      color: #fff; }
  .registerdUser .registerdUserHeader .userOptions {
    float: left;
    position: relative; }
    .registerdUser .registerdUserHeader .userOptions .select {
      cursor: pointer; }
      .registerdUser .registerdUserHeader .userOptions .select i {
        margin: 0 10px 0 0; }
    .registerdUser .registerdUserHeader .userOptions .options {
      position: absolute;
      top: 50px;
      left: 0;
      width: 190px;
      background: #334e9d;
      box-shadow: 0 3px 10px rgba(0, 0, 0, 0.42);
      display: none;
      z-index: 9; }
      .registerdUser .registerdUserHeader .userOptions .options a {
        display: block;
        padding: 0 20px;
        border-top: 1px solid #fff; }
        .registerdUser .registerdUserHeader .userOptions .options a:hover {
          background: #fff;
          color: #334e9d; }
.registerdUser .headerFix, .registerdUser .header, .registerdUser .mobileMenu, .registerdUser .sidebar, .registerdUser .fixedLayout, .registerdUser .fixedLayout .gridContainer .leftArea, .registerdUser .fixedLayout .gridContainer .rightArea {
  margin-top: 50px; }

.urgent {
  margin: 0 0 20px; }
  .urgent .title {
    float: right;
    background: #f00;
    color: #fff;
    width: 40px;
    line-height: 40px;
    text-align: center; }
  .urgent .content {
    height: 40px;
    padding: 0 10px;
    margin: 0 40px 0 0;
    background: #fff;
    overflow: hidden; }
    .urgent .content .item {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      width: 100%;
      line-height: 40px; }
      .urgent .content .item h3 {
        display: inline-block;
        padding: 0 23px 0 0;
        background: url("../images/logoImg.png") no-repeat right;
        background-size: 18px;
        margin: 0 0 0 10px;
        font-size: 12px; }
        .urgent .content .item h3 a {
          color: #666; }
          .urgent .content .item h3 a:hover {
            color: #334e9d; }
      .urgent .content .item .time {
        display: inline-block;
        font-size: 12px;
        font-family: "semiBold";
        color: #334e9d; }
    .urgent .content .flexslider .flex-direction-nav {
      display: none; }
      .urgent .content .flexslider .flex-direction-nav a {
        width: 10px;
        height: 24px;
        margin: -12px 0 0;
        left: 15px; }
        .urgent .content .flexslider .flex-direction-nav a:before {
          font-size: 16px;
          color: #666; }
        .urgent .content .flexslider .flex-direction-nav a.flex-prev {
          left: 35px;
          right: auto; }
        .urgent .content .flexslider .flex-direction-nav a:hover:before {
          color: #334e9d; }

.mainSlider .theSlider {
  position: relative; }
  .mainSlider .theSlider .sliderArea {
    padding: 0 0 161px; }
    .mainSlider .theSlider .sliderArea .avatar {
      height: 270px;
      overflow: hidden;
      display: block; }
    .mainSlider .theSlider .sliderArea .flexslider .flex-direction-nav {
      display: none; }
      .mainSlider .theSlider .sliderArea .flexslider .flex-direction-nav a {
        background: #334e9d;
        top: 0;
        right: 20px;
        margin: 0;
        width: 35px;
        text-align: center;
        height: 40px;
        line-height: 40px;
        opacity: 1 !important; }
        .mainSlider .theSlider .sliderArea .flexslider .flex-direction-nav a.flex-next {
          margin: 40px 0 0; }
        .mainSlider .theSlider .sliderArea .flexslider .flex-direction-nav a.flex-prev:before {
          -ms-transform: rotate(180deg);
          -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }
        .mainSlider .theSlider .sliderArea .flexslider .flex-direction-nav a:before {
          font-size: 14px;
          content: '\e803'; }
    .mainSlider .theSlider .sliderArea .flexslider .flex-control-nav {
      width: auto;
      background: #334e9d;
      padding: 5px 5px 0;
      bottom: 0;
      z-index: 10; }
      .mainSlider .theSlider .sliderArea .flexslider .flex-control-nav li {
        margin: 0 3px; }
    .mainSlider .theSlider .sliderArea .flexslider .flex-control-paging li a {
      width: 15px;
      height: 15px;
      border-radius: 0;
      background: #edeff1; }
      .mainSlider .theSlider .sliderArea .flexslider .flex-control-paging li a.flex-active {
        background: #323c51; }
  .mainSlider .theSlider .thumbsArea {
    width: 100%;
    height: 161px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #fff;
    overflow: hidden; }
    .mainSlider .theSlider .thumbsArea .in {
      position: relative;
      z-index: 10; }
      .mainSlider .theSlider .thumbsArea .in .item {
        padding: 20px;
        border-bottom: 1px solid #e4e6e8; }
        .mainSlider .theSlider .thumbsArea .in .item .mainPost .description {
          height: 61px;
          margin-bottom: 22px;
          color: #334e9d; }
        .mainSlider .theSlider .thumbsArea .in .item.active {
          border-bottom: none; }
          .mainSlider .theSlider .thumbsArea .in .item.active .mainPost .date {
            color: #fff; }
          .mainSlider .theSlider .thumbsArea .in .item.active .mainPost .description {
            color: #fff; }
          .mainSlider .theSlider .thumbsArea .in .item.active .mainPost .socialAndMore .more {
            color: #fff; }
            .mainSlider .theSlider .thumbsArea .in .item.active .mainPost .socialAndMore .more i {
              color: #fff; }
          .mainSlider .theSlider .thumbsArea .in .item.active .mainPost .mainSocial .shareIcon {
            color: #fff; }
          .mainSlider .theSlider .thumbsArea .in .item.active .mainPost .mainSocial a {
            color: #fff; }
    .mainSlider .theSlider .thumbsArea:before {
      content: '';
      height: 240px;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      background: #334e9d;
      z-index: 9; }
.mainSlider .morePosts {
  width: 320px;
  float: left;
  display: none;
  position: relative; }
  .mainSlider .morePosts .befLoad {
    z-index: 99; }
  .mainSlider .morePosts .item {
    padding: 20px;
    border-bottom: 1px solid #e4e6e8; }
    .mainSlider .morePosts .item .mainPost .avatar {
      width: 129px;
      height: 115px;
      float: right;
      margin: 0 0 0 15px; }
    .mainSlider .morePosts .item .mainPost .description {
      height: 107px;
      font-family: "semiBold";
      color: #334e9d; }
    .mainSlider .morePosts .item .videoPost .avatar:before {
      width: 40px;
      height: 40px;
      margin: -20px 0 0 -20px; }

.mainSection .item .mainPost {
  padding: 20px; }
  .mainSection .item .mainPost .avatar {
    height: 251px; }
.mainSection .item:first-of-type, .mainSection .item .first {
  width: 100%;
  float: none;
  border-bottom: 1px solid #e4e6e8; }
  .mainSection .item:first-of-type .mainPost, .mainSection .item .first .mainPost {
    padding: 0 20px 20px;
    margin: 0; }
    .mainSection .item:first-of-type .mainPost .description, .mainSection .item .first .mainPost .description {
      height: 40px; }

.listSection .item {
  padding: 16px 20px;
  border-bottom: 1px solid #e4e6e8; }
  .listSection .item .mainPost .avatar {
    display: none; }
  .listSection .item .mainPost .date {
    margin: 0 0 6px; }
  .listSection .item .mainPost .description {
    height: auto;
    max-height: 84px; }
  .listSection .item:first-of-type {
    padding-top: 0; }

.homeSide {
  display: none; }
  .homeSide .homeSection .mainTitle {
    border-bottom: 1px solid #e4e6e8; }

.sidebar {
  position: fixed;
  top: 70px;
  bottom: 0;
  left: -100%;
  width: 100%;
  box-shadow: 0 0 5px;
  background: #fff;
  z-index: 99;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease; }
  .sidebar .theArrow {
    width: 30px;
    line-height: 50px;
    position: absolute;
    top: 50%;
    left: 100%;
    margin: -25px 0 0;
    background: #334e9d;
    color: #fff;
    font-size: 20px;
    text-align: center;
    cursor: pointer;
    z-index: 99; }
  .sidebar .inSidebar {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    padding: 0 10px; }
  .sidebar .homeSection .mainTitle {
    border-bottom: 1px solid #e4e6e8; }
  .sidebar.active {
    left: 0; }
    .sidebar.active .theArrow {
      margin-left: -30px;
      -ms-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); }

.stockMarket .content .graph .tabs a {
  width: 50%;
  float: right;
  font-size: 18px;
  font-family: "semiBold";
  line-height: 70px;
  text-align: center;
  padding: 0 0 1px;
  border-bottom: 1px solid #e4e6e8;
  color: #666; }
  .stockMarket .content .graph .tabs a:hover, .stockMarket .content .graph .tabs a.active {
    padding: 0;
    border-bottom: 2px solid #334e9d;
    color: #334e9d; }
.stockMarket .content .graph .theGraph {
  height: 200px;
  padding: 13px 0 0;
  border-bottom: 1px solid #e4e6e8; }
.stockMarket .content .graph .data {
  font-size: 0;
  padding: 15px 0;
  border-bottom: 1px solid #e4e6e8; }
  .stockMarket .content .graph .data .one {
    display: inline-block;
    width: 33%;
    font-size: 12px;
    font-family: "semiBold";
    color: #666;
    text-align: center; }
    .stockMarket .content .graph .data .one span {
      display: block; }
.stockMarket .content .mostCompanies .thisTitle {
  font-size: 18px;
  font-family: "semiBold";
  color: #334e9d;
  text-align: center;
  padding: 15px 0;
  border-bottom: 1px solid #e4e6e8; }
.stockMarket .content .mostCompanies .data .one {
  padding: 13px 15px;
  border-bottom: 1px solid #e4e6e8;
  font-size: 0; }
  .stockMarket .content .mostCompanies .data .one .col {
    width: 85%;
    display: inline-block;
    font-size: 14px;
    font-family: "semiBold"; }
    .stockMarket .content .mostCompanies .data .one .col:nth-child(2) {
      text-align: center;
      display: none; }
    .stockMarket .content .mostCompanies .data .one .col:last-of-type {
      text-align: left;
      width: 15%; }

.favorite .content .item {
  padding: 20px;
  border-bottom: 1px solid #e4e6e8; }
  .favorite .content .item:not(:first-of-type) .mainPost .avatar {
    width: 77px;
    height: 69px;
    float: right;
    margin: 0 0 0 15px; }
  .favorite .content .item:not(:first-of-type) .mainPost .description {
    height: 63px; }

.homeAlbums .content {
  padding: 0 20px; }
.homeAlbums .flexslider {
  padding: 0 0 100px; }
  .homeAlbums .flexslider .slides > li {
    margin: 0 0 0 20px; }
  .homeAlbums .flexslider .flex-direction-nav a {
    width: 15px;
    height: 25px;
    top: auto;
    bottom: 35px;
    right: 50%;
    margin: 0 -15px 0 0; }
    .homeAlbums .flexslider .flex-direction-nav a:before {
      font-size: 20px;
      color: #666; }
      .homeAlbums .flexslider .flex-direction-nav a:before:hover {
        color: #334e9d; }
    .homeAlbums .flexslider .flex-direction-nav a.flex-next {
      margin: 0 15px 0 0; }
.homeAlbums .item .content {
  padding: 0; }

.homeVideos .content .item {
  padding: 20px;
  border-bottom: 1px solid #e4e6e8;
  overflow: hidden; }
  .homeVideos .content .item .avatar {
    width: 90px;
    height: 54px;
    display: block;
    float: right;
    overflow: hidden;
    margin: 0 0 0 10px; }
    .homeVideos .content .item .avatar:before {
      width: 34px;
      height: 34px;
      margin: -17px 0 0 -17px; }
  .homeVideos .content .item .date {
    font-size: 12px;
    color: #334e9d;
    margin: 0 0 2px; }
  .homeVideos .content .item .title {
    font-size: 12px;
    height: 35px;
    overflow: hidden;
    margin: 0 0 15px; }
    .homeVideos .content .item .title a {
      color: #334e9d; }
  .homeVideos .content .item .description {
    margin: 0 0 15px;
    color: #666; }
  .homeVideos .content .item .socialAndMore {
    display: inline-block; }
  .homeVideos .content .item:first-of-type .avatar, .homeVideos .content .item.first .avatar {
    width: 100%;
    height: 200px;
    float: none;
    margin: 0 0 15px; }
    .homeVideos .content .item:first-of-type .avatar:before, .homeVideos .content .item.first .avatar:before {
      width: 72px;
      height: 72px;
      margin: -36px 0 0 -36px; }
  .homeVideos .content .item:first-of-type .title, .homeVideos .content .item.first .title {
    font-size: 14px;
    font-family: "semiBold";
    height: 45px; }
    .homeVideos .content .item:first-of-type .title a, .homeVideos .content .item.first .title a {
      color: #334e9d; }
  .homeVideos .content .item:last-of-type {
    border-bottom: none; }

.infoGraphics .content .slider {
  padding: 0 20px 20px;
  margin: 0 0 20px;
  border-bottom: 1px solid #e4e6e8; }
  .infoGraphics .content .slider .mainPost img {
    margin: 0 0 20px; }
  .infoGraphics .content .slider .mainPost .title {
    margin: 0 0 30px; }
.infoGraphics .content .otherPosts .item {
  padding: 0 20px 20px;
  margin: 0 0 20px;
  border-bottom: 1px solid #e4e6e8; }
  .infoGraphics .content .otherPosts .item .mainPost .description {
    height: 103px; }
  .infoGraphics .content .otherPosts .item:last-of-type {
    border: none;
    margin: 0; }

.reports .content .oneCol .item {
  padding: 20px;
  border-top: 1px solid #e4e6e8; }
.reports .content .oneCol:last-of-type {
  display: none; }

.mailingList .content {
  padding: 30px 20px; }
  .mailingList .content .thisTitle {
    font-size: 18px;
    font-family: "semiBold";
    color: #666;
    margin: 0 0 20px; }
  .mailingList .content form {
    overflow: hidden; }
    .mailingList .content form input[type='text'], .mailingList .content form input[type='email'] {
      width: 190px;
      height: 36px;
      float: right;
      padding: 0 10px;
      margin: 0;
      background: #edeff1;
      border: none; }
    .mailingList .content form .submit {
      float: right;
      position: relative; }
      .mailingList .content form .submit .icon {
        width: 50px;
        height: 36px;
        background: #334e9d;
        color: #fff;
        text-align: center;
        line-height: 36px;
        display: block; }
      .mailingList .content form .submit input[type='submit'] {
        width: 50px;
        height: 36px;
        position: absolute;
        top: 0;
        left: 0;
        background: none;
        border: none; }

.homeEvents .content {
  position: relative; }
  .homeEvents .content .dayPosts {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    background: #fff;
    height: 100%;
    z-index: 9;
    overflow: hidden; }
    .homeEvents .content .dayPosts .theDate {
      text-align: center;
      font-family: "semiBold";
      font-size: 16px;
      padding: 12px 0; }
      .homeEvents .content .dayPosts .theDate span {
        font-size: 18px;
        margin: 0 10px; }
    .homeEvents .content .dayPosts .item {
      padding: 14px 10px;
      border-bottom: 1px solid #e4e6e8;
      background: #e4e6e8; }
      .homeEvents .content .dayPosts .item .description {
        height: 44px;
        margin: 0;
        font-family: "semiBold"; }
        .homeEvents .content .dayPosts .item .description a {
          color: #334e9d; }
      .homeEvents .content .dayPosts .item:nth-child(odd) {
        background: none; }
    .homeEvents .content .dayPosts .noData {
      font-size: 20px;
      text-align: center;
      padding: 10px 0; }
    .homeEvents .content .dayPosts .getMore {
      line-height: 40px;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      background: #fff;
      border-top: 1px solid #e4e6e8; }
    .homeEvents .content .dayPosts .remove-day-posts {
      position: absolute;
      top: 0;
      left: 10px;
      font-size: 20px;
      color: #334e9d;
      cursor: pointer; }
  .homeEvents .content .theCalender {
    padding: 20px 0;
    border-bottom: 1px solid #e4e6e8; }
    .homeEvents .content .theCalender .ui-datepicker-month {
      font-size: 30px;
      color: #334e9d;
      margin: 0 0 37px; }
    .homeEvents .content .theCalender .ui-datepicker .ui-datepicker-title {
      margin-bottom: 41px; }
    .homeEvents .content .theCalender .ui-datepicker .ui-datepicker-prev, .homeEvents .content .theCalender .ui-datepicker .ui-datepicker-next {
      display: none; }
    .homeEvents .content .theCalender .ui-datepicker-year {
      display: none; }
.homeEvents .ui-datepicker {
  width: auto; }
  .homeEvents .ui-datepicker td span, .homeEvents .ui-datepicker td a {
    width: 1.7em; }

.archives .content {
  padding: 30px 20px; }
  .archives .content form .field {
    margin: 0 0 20px; }
    .archives .content form .field .thisTitle {
      font-family: "semiBold";
      color: #666;
      margin: 0 0 10px; }
    .archives .content form .field input, .archives .content form .field select {
      width: 94%;
      height: 36px;
      background: #edeff1;
      padding: 0 3%;
      margin: 0;
      border: none; }
    .archives .content form .field select {
      width: 100%; }
  .archives .content form input[type='submit'], .archives .content form input[type="reset"] {
    width: 100%;
    height: 36px;
    font-family: "semiBold";
    color: #fff;
    border: none;
    margin: 10px 0 0;
    background: #334e9d; }

.weather .mainTitle {
  border: none; }
.weather .theSelect {
  position: relative; }
  .weather .theSelect i {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -10px;
    color: #334e9d;
    padding: 0 0 0 20px; }
  .weather .theSelect select {
    width: 100%;
    font-size: 30px;
    color: #334e9d;
    padding: 30px;
    border: none;
    cursor: pointer;
    position: relative;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: ''; }
    .weather .theSelect select option {
      font-size: 18px;
      color: #666; }
.weather .selectArea {
  position: relative; }
  .weather .selectArea .select {
    font-size: 30px;
    color: #334e9d;
    padding: 30px;
    border-bottom: 1px solid #e4e6e8;
    cursor: pointer; }
    .weather .selectArea .select i {
      font-size: 16px;
      float: left;
      line-height: 50px; }
  .weather .selectArea .options {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    border: 1px solid #ddd;
    border-top: none;
    background: #fff;
    display: none; }
    .weather .selectArea .options span {
      display: block;
      padding: 10px 30px;
      border-bottom: 1px solid #ddd;
      color: #334e9d;
      cursor: pointer; }
.weather .content .today {
  text-align: center;
  padding: 0 0 20px; }
  .weather .content .today .avatar {
    margin: 0 0 30px; }
    .weather .content .today .avatar img {
      height: 95px; }
  .weather .content .today .description .state {
    display: inline-block;
    font-size: 24px;
    text-align: right;
    margin: 0 0 0 15px; }
    .weather .content .today .description .state .city {
      display: block;
      font-size: 14px; }
  .weather .content .today .description .temp {
    display: inline-block;
    vertical-align: top;
    font-size: 57px;
    font-family: "extraLight";
    line-height: 1; }
    .weather .content .today .description .temp span {
      font-size: 21px;
      vertical-align: top; }
.weather .content .otherDays .item {
  padding: 21px 20px;
  border-top: 1px solid #e4e6e8;
  text-align: center; }
  .weather .content .otherDays .item .one {
    display: inline-block;
    vertical-align: top; }
    .weather .content .otherDays .item .one.avatar {
      margin: 0 0 0 25px; }
      .weather .content .otherDays .item .one.avatar img {
        height: 66px; }
    .weather .content .otherDays .item .one .temp {
      display: inline-block;
      vertical-align: top;
      font-size: 39px;
      font-family: "extraLight";
      line-height: 1; }
      .weather .content .otherDays .item .one .temp span {
        font-size: 21px;
        vertical-align: top; }
    .weather .content .otherDays .item .one .day {
      font-size: 18px; }

.poll .content {
  padding: 20px; }
  .poll .content .question {
    font-size: 16px;
    margin: 0 0 40px;
    height: 48px;
    overflow: hidden; }
  .poll .content .options {
    height: 192px; }
    .poll .content .options form .item {
      margin: 0 0 20px; }
      .poll .content .options form .item label {
        font-family: "semiBold"; }
        .poll .content .options form .item label .icon {
          display: inline-block;
          vertical-align: middle;
          background: #666;
          width: 38px;
          height: 38px;
          border-radius: 38px;
          margin: 0 0 0 15px;
          text-align: center;
          line-height: 38px; }
          .poll .content .options form .item label .icon img {
            width: 38px;
            height: 38px;
            border-radius: 38px; }
      .poll .content .options form .item input {
        display: none; }
        .poll .content .options form .item input:checked + label .icon {
          background: #334e9d; }
    .poll .content .options form .submit {
      padding: 20px 0 0;
      font-family: "semiBold"; }
      .poll .content .options form .submit input[type='submit'] {
        width: 80px;
        height: 30px;
        background: #334e9d;
        color: #fff;
        border: none;
        margin: 0 0 0 10px; }
      .poll .content .options form .submit .getResults {
        display: inline-block;
        padding: 0 20px;
        line-height: 30px;
        background: #666;
        color: #fff; }
        .poll .content .options form .submit .getResults:hover {
          background: #334e9d; }
  .poll .content .results {
    height: 192px;
    display: none; }
    .poll .content .results .item {
      margin: 0 0 20px; }
      .poll .content .results .item .avatar {
        width: 38px;
        height: 38px;
        border-radius: 38px;
        float: right;
        background: #a7adb7;
        text-align: center;
        line-height: 38px; }
        .poll .content .results .item .avatar img {
          width: 38px;
          height: 38px;
          border-radius: 38px; }
      .poll .content .results .item .data {
        margin: 0 50px 0 0; }
        .poll .content .results .item .data .text {
          color: #334e9d;
          font-family: "semiBold";
          line-height: 1;
          margin: 0 0 4px; }
        .poll .content .results .item .data .bar {
          width: 100%;
          height: 4px;
          background: #666;
          margin: 0 0 4px;
          -ms-border-radius: 10px;
          -webkit-border-radius: 10px;
          border-radius: 10px;
          overflow: hidden; }
          .poll .content .results .item .data .bar span {
            height: 100%;
            display: block;
            background: #334e9d; }
        .poll .content .results .item .data .numbers {
          font-size: 12px; }
          .poll .content .results .item .data .numbers span {
            float: right; }
            .poll .content .results .item .data .numbers span.precentage {
              float: left; }
    .poll .content .results .submit {
      padding: 2px 0 0; }
      .poll .content .results .submit .back {
        display: inline-block;
        padding: 0 20px;
        line-height: 30px;
        background: #334e9d;
        color: #fff; }
        .poll .content .results .submit .back:hover {
          background: #334e9d; }

.gasPrices .content {
  padding: 20px 20px 0; }
  .gasPrices .content .date {
    float: right;
    width: 110px;
    font-size: 25px;
    color: #334e9d; }
    .gasPrices .content .date span {
      display: block;
      font-size: 17px;
      color: #666;
      margin: 5px 0 0; }
  .gasPrices .content .priceArea {
    margin: 0 110px 0 0;
    background: #efefef;
    padding: 10px 10px 0;
    border-radius: 5px 5px 0 0;
    position: relative; }
    .gasPrices .content .priceArea .item {
      font-size: 15px;
      margin: 0 0 5px; }
      .gasPrices .content .priceArea .item .name {
        margin: 0 0 8px; }
        .gasPrices .content .priceArea .item .name span {
          float: left;
          margin: 0 0 0 10px; }
      .gasPrices .content .priceArea .item .itemTypes {
        background: #fff;
        padding: 0 5px; }
        .gasPrices .content .priceArea .item .itemTypes .one {
          padding: 5px 0;
          border-bottom: 1px solid #d7d7d7; }
          .gasPrices .content .priceArea .item .itemTypes .one .typePrice {
            font-size: 24px;
            text-align: left;
            color: #334e9d; }
          .gasPrices .content .priceArea .item .itemTypes .one:last-of-type {
            border: none; }
      .gasPrices .content .priceArea .item:last-of-type {
        margin: 0; }
    .gasPrices .content .priceArea:before {
      content: '';
      width: 60px;
      height: 120px;
      background: url(../images/petrolBg.jpg);
      background-size: 100% 100%;
      position: absolute;
      top: 36%;
      left: 100%; }

.business .content .item {
  padding: 20px;
  border-bottom: 1px solid #e4e6e8; }

.mostRead .content {
  border-top: 1px solid #e4e6e8; }
  .mostRead .content .item {
    padding: 20px;
    border-bottom: 1px solid #e4e6e8; }

.popularTags .content {
  padding: 20px 20px 0;
  font-size: 0; }
  .popularTags .content a {
    display: inline-block;
    font-size: 18px;
    font-family: "semiBold";
    background: #edeff1;
    color: #666;
    padding: 5px 25px;
    margin: 0 0 20px 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 187px; }
    .popularTags .content a:hover {
      background: #334e9d;
      color: #fff; }

.urgentAlbums .mainTitle {
  border: none !important; }
.urgentAlbums.homeAlbums .flexslider {
  padding: 0 0 65px; }
  .urgentAlbums.homeAlbums .flexslider .flex-direction-nav a {
    bottom: 15px; }

.prayerTimes .content {
  text-align: center; }
  .prayerTimes .content .current {
    padding: 40px; }
    .prayerTimes .content .current .avatar {
      margin: 0 0 15px; }
      .prayerTimes .content .current .avatar img {
        height: 80px; }
    .prayerTimes .content .current .description {
      font-size: 30px;
      line-height: 1.2; }
  .prayerTimes .content .others .item {
    padding: 20px;
    border-top: 1px solid #e4e6e8; }
    .prayerTimes .content .others .item .one {
      display: inline-block;
      vertical-align: middle; }
      .prayerTimes .content .others .item .one.avatar {
        margin: 0 30px 0 0; }
        .prayerTimes .content .others .item .one.avatar img {
          max-height: 70px; }
      .prayerTimes .content .others .item .one.description {
        font-size: 25px;
        line-height: 1.2; }
        .prayerTimes .content .others .item .one.description div {
          margin: 0 0 5px; }
          .prayerTimes .content .others .item .one.description div:last-of-type {
            margin: 0; }

.electronicLinks .tabs {
  font-size: 0;
  border-bottom: 1px solid #e4e6e8; }
  .electronicLinks .tabs a {
    width: 50%;
    display: inline-block;
    font-size: 18px;
    font-family: "semiBold";
    text-align: center;
    padding: 30px 0;
    border-bottom: 2px solid #fff; }
    .electronicLinks .tabs a:hover, .electronicLinks .tabs a.active {
      color: #334e9d;
      border-bottom-color: #334e9d; }
.electronicLinks .content .item .one .title {
  padding: 25px 20px;
  font-size: 18px;
  font-family: "semiBold";
  color: #334e9d;
  border-bottom: 1px solid #e4e6e8;
  cursor: pointer; }
  .electronicLinks .content .item .one .title .icon {
    float: left; }
.electronicLinks .content .item .one .data {
  padding: 20px;
  border-bottom: 1px solid #e4e6e8;
  height: 324px;
  overflow: auto;
  display: none; }
  .electronicLinks .content .item .one .data .theTitle {
    font-size: 18px;
    font-family: "semiBold";
    color: #334e9d;
    margin: 0 0 20px; }
  .electronicLinks .content .item .one .data ul {
    list-style: intial; }
    .electronicLinks .content .item .one .data ul li {
      font-size: 16px;
      margin: 0 0 10px;
      position: relative; }
      .electronicLinks .content .item .one .data ul li a {
        display: block;
        color: #666;
        padding: 0 15px 0 0; }
        .electronicLinks .content .item .one .data ul li a:before {
          content: '';
          position: absolute;
          top: 9px;
          right: 0;
          width: 7px;
          height: 7px;
          border-radius: 7px;
          background: #666; }
      .electronicLinks .content .item .one .data ul li:hover a {
        color: #334e9d; }
        .electronicLinks .content .item .one .data ul li:hover a:before {
          background: #334e9d; }
.electronicLinks .content .item .one.active .data {
  display: block; }

.footer {
  padding: 50px 0;
  background: #fff; }
  .footer .oneCol {
    width: 33%;
    float: right; }
    .footer .oneCol .title {
      font-size: 20px;
      font-family: "semiBold";
      color: #334e9d;
      margin: 0 0 20px; }
    .footer .oneCol.logo {
      width: 100%;
      text-align: center;
      margin: 0 0 30px; }
      .footer .oneCol.logo img {
        max-width: 125px; }
    .footer .oneCol.menu {
      display: none; }
      .footer .oneCol.menu a {
        display: block;
        font-size: 14px;
        color: #666;
        margin: 0 0 5px; }
        .footer .oneCol.menu a:hover {
          color: #334e9d; }
    .footer .oneCol.contact {
      width: 100%;
      text-align: center; }
      .footer .oneCol.contact .mainSocial {
        font-size: 20px;
        margin: 0 0 20px; }
      .footer .oneCol.contact .theForm {
        display: inline-block;
        margin: 0 0 20px; }
        .footer .oneCol.contact .theForm input[type='text'], .footer .oneCol.contact .theForm input[type='email'] {
          width: 120px;
          height: 35px;
          padding: 0 10px;
          margin: 0;
          float: right;
          background: #edeff1;
          border: none; }
        .footer .oneCol.contact .theForm .submit {
          position: relative;
          float: right; }
          .footer .oneCol.contact .theForm .submit input[type='submit'] {
            width: 47px;
            height: 35px;
            position: absolute;
            top: 0;
            left: 0;
            background: none;
            border: none;
            z-index: 2; }
          .footer .oneCol.contact .theForm .submit .icon {
            width: 47px;
            height: 35px;
            background: #334e9d;
            text-align: center;
            line-height: 36px;
            color: #fff;
            display: block; }

/*----------------------------------------------------
	about
----------------------------------------------------*/
.aboutPage {
  padding: 20px; }
  .aboutPage .avatar {
    text-align: center;
    margin: 0 0 25px; }
    .aboutPage .avatar img {
      max-height: 140px;
      max-width: 60%; }
  .aboutPage .title {
    font-size: 166%;
    font-family: "semiBold";
    color: #334e9d;
    text-align: center;
    margin: 0 0 50px; }
  .aboutPage .content {
    text-align: center; }
    .aboutPage .content .thisTitle {
      font-size: 111%;
      font-family: "semiBold";
      color: #334e9d;
      margin: 0 0 30px; }
    .aboutPage .content .description {
      margin: 0 0 50px;
      font-size: 100%; }
      .aboutPage .content .description * {
        font-size: 100%; }

/*----------------------------------------------------
	archive
----------------------------------------------------*/
.archivePage .archives .content {
  padding: 20px 20px 10px;
  border-top: 1px solid #e4e6e8; }

.searchResults {
  position: relative; }
  .searchResults.displayGrid .content {
    padding: 0 0 0 20px; }
    .searchResults.displayGrid .content .item {
      padding: 0 20px 20px 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
  .searchResults.displayList .content .item {
    padding: 20px;
    border-top: 1px solid #e4e6e8; }
  .searchResults .displayType {
    position: absolute;
    top: 40px;
    left: 32px;
    display: none; }
    .searchResults .displayType .one {
      cursor: pointer;
      font-size: 15px;
      margin: 0 5px 0 0; }
      .searchResults .displayType .one:hover, .searchResults .displayType .one.active {
        color: #334e9d; }

/*----------------------------------------------------
	breaking
----------------------------------------------------*/
.breakingPage .urgentNews .content .item {
  padding: 20px;
  border-bottom: 1px solid #e4e6e8; }
  .breakingPage .urgentNews .content .item .mainPost .avatarContainer {
    position: relative;
    min-height: 60px;
    margin: 0 0 20px; }
    .breakingPage .urgentNews .content .item .mainPost .avatarContainer .info {
      position: absolute;
      bottom: 0;
      right: 0;
      background: #334e9d;
      color: #fff;
      font-size: 12px; }
      .breakingPage .urgentNews .content .item .mainPost .avatarContainer .info span {
        display: inline-block;
        vertical-align: middle;
        padding: 10px;
        font-size: 100%;
        text-align: center; }
        .breakingPage .urgentNews .content .item .mainPost .avatarContainer .info span.category {
          font-size: 133%;
          border-right: 1px solid #666; }
  .breakingPage .urgentNews .content .item .mainPost .avatar {
    margin: 0; }
  .breakingPage .urgentNews .content .item .mainPost .description {
    height: 105px; }
  .breakingPage .urgentNews .content .item:first-of-type {
    padding-top: 0; }
  .breakingPage .urgentNews .content .item:last-of-type {
    border: none; }

/*----------------------------------------------------
	contact
----------------------------------------------------*/
.contactPage .contactInfo .content {
  padding: 20px 20px 0;
  border-top: 1px solid #e4e6e8; }
  .contactPage .contactInfo .content .one {
    display: inline-block;
    margin: 0 0 20px 40px; }
    .contactPage .contactInfo .content .one .title {
      color: #334e9d;
      font-family: "semiBold";
      margin: 0 0 0 5px; }
.contactPage .mapLocation .content {
  padding: 20px;
  border-top: 1px solid #e4e6e8; }
  .contactPage .mapLocation .content .top {
    margin: 0 0 35px; }
    .contactPage .mapLocation .content .top .one {
      margin: 0 0 15px; }
      .contactPage .mapLocation .content .top .one.selectCity select {
        width: 100%;
        max-width: 250px;
        height: 36px;
        background: #edeff1;
        border: none; }
      .contactPage .mapLocation .content .top .one.info span {
        font-size: 111%; }
        .contactPage .mapLocation .content .top .one.info span.title {
          font-family: "semiBold";
          color: #334e9d; }
  .contactPage .mapLocation .content .theMap {
    height: 333px; }
    .contactPage .mapLocation .content .theMap iframe {
      width: 100% !important;
      height: 100% !important; }

/*----------------------------------------------------
	hotnews
----------------------------------------------------*/
.hotNewsPage .topHotNews .content .main {
  padding: 0 20px 20px; }
.hotNewsPage .topHotNews .content .otherPosts .item {
  padding: 20px;
  border-top: 1px solid #e4e6e8; }

/*----------------------------------------------------
	newsButtletin
----------------------------------------------------*/
.newsBulletinPage .mainSection .item:first-of-type .mainPost .description, .newsBulletinPage .mainSection .item.first .mainPost .description {
  height: 85px; }

/*----------------------------------------------------
	newsButtletin
----------------------------------------------------*/
.registerPage {
  padding: 40px 20px; }
  .registerPage .blockTitle {
    text-align: center;
    font-size: 18px;
    font-family: "semiBold";
    color: #334e9d;
    margin: 0 0 65px; }
    .registerPage .blockTitle img {
      margin: 0 0 20px; }
  .registerPage .aboutArea .one {
    margin: 0 0 20px; }
    .registerPage .aboutArea .one .title {
      font-size: 18px;
      font-family: "semiBold";
      color: #334e9d;
      margin: 0 0 20px; }
    .registerPage .aboutArea .one:last-of-type {
      margin: 0; }
  .registerPage .userAuthForm {
    margin: 0 0 20px; }

/*----------------------------------------------------
	upload
----------------------------------------------------*/
.UploadPage {
  padding: 20px; }
  .UploadPage .blockTitle {
    font-size: 30px;
    font-family: "semiBold";
    color: #334e9d;
    text-align: center;
    margin: 0 0 80px; }
  .UploadPage .content form .one {
    margin: 0 0 20px; }
    .UploadPage .content form .one input {
      width: 94%;
      height: 36px;
      padding: 0 3%;
      margin: 0;
      background: #edeff1;
      border: none; }
    .UploadPage .content form .one textarea {
      width: 94%;
      height: 126px;
      padding: 10px 3%;
      margin: 0;
      background: #edeff1;
      border: none;
      resize: none; }
    .UploadPage .content form .one.theDecription textarea {
      height: 60px; }
    .UploadPage .content form .one.theFile {
      text-align: center; }
      .UploadPage .content form .one.theFile input {
        display: none; }
      .UploadPage .content form .one.theFile label img {
        margin: 0 0 5px; }
      .UploadPage .content form .one.theFile label span {
        display: block;
        font-size: 24px; }
    .UploadPage .content form .one.tags .item {
      display: inline-block;
      padding: 5px 10px;
      background: #edeff1;
      color: #666;
      font-family: "semiBold";
      margin: 0 0 20px 20px; }
      .UploadPage .content form .one.tags .item span {
        display: inline-block;
        vertical-align: middle; }
        .UploadPage .content form .one.tags .item span.close {
          margin: 0 10px 0 0;
          cursor: pointer;
          font-size: 12px; }
      .UploadPage .content form .one.tags .item:hover {
        background: #334e9d;
        color: #fff; }
  .UploadPage .content form .submit input, .UploadPage .content form .submit a {
    width: 100%;
    height: 36px;
    display: inline-block;
    background: #334e9d;
    color: #fff;
    padding: 0;
    margin: 0 0 20px;
    border: none;
    vertical-align: top;
    text-align: center;
    line-height: 36px;
    font-size: 18px;
    font-family: "semiBold"; }
  .UploadPage .content form .submit a {
    background: #edeff1;
    color: #666; }

/*----------------------------------------------------
	userPage
----------------------------------------------------*/
.userPage .blockTitle {
  border-bottom: 1px solid #e4e6e8; }
  .userPage .blockTitle .item {
    display: none; }
    .userPage .blockTitle .item:first-of-type {
      width: 100%;
      display: inline-block; }
.userPage .content .item {
  border-bottom: 1px solid #e4e6e8; }
  .userPage .content .item .one {
    vertical-align: middle;
    padding: 20px; }
    .userPage .content .item .one.state {
      font-family: "semiBold";
      padding: 10px;
      text-align: center;
      float: right; }
      .userPage .content .item .one.state .icon {
        width: 15px;
        height: 15px;
        background: #666;
        display: inline-block;
        vertical-align: middle;
        margin: 0 10px 0 0;
        position: relative; }
        .userPage .content .item .one.state .icon i {
          font-size: 14px;
          color: #fff;
          position: absolute;
          bottom: -3px;
          left: -2px;
          display: none; }
      .userPage .content .item .one.state.active .icon i {
        display: block; }
    .userPage .content .item .one.actions {
      font-family: "semiBold";
      text-align: center;
      padding: 10px;
      float: left; }
      .userPage .content .item .one.actions a {
        color: #666; }
        .userPage .content .item .one.actions a i {
          font-size: 18px;
          margin: 0 0 0 5px;
          vertical-align: middle; }
        .userPage .content .item .one.actions a.edit {
          margin: 0 0 0 40px; }
        .userPage .content .item .one.actions a:hover {
          color: #334e9d; }

/*----------------------------------------------------
	photographerInfo
----------------------------------------------------*/
.photographerInfoPage .about {
  padding: 20px;
  text-align: center; }
  .photographerInfoPage .about .avatar {
    width: 131px;
    height: 131px;
    border-radius: 131px;
    overflow: hidden;
    margin: 0 auto 25px; }
    .photographerInfoPage .about .avatar img {
      width: 100%;
      min-height: 100%; }
  .photographerInfoPage .about .name {
    font-size: 24px;
    font-family: "semiBold";
    color: #334e9d;
    margin: 0 0 20px; }
  .photographerInfoPage .about .description {
    margin: 0 0 20px; }
  .photographerInfoPage .about .mainSocial {
    font-size: 16px; }
.photographerInfoPage .mainWork .item .avatar img {
  width: 100%; }
.photographerInfoPage .mainWork .item .content {
  padding: 20px; }
  .photographerInfoPage .mainWork .item .content .date {
    color: #334e9d;
    margin: 0 0 20px; }
  .photographerInfoPage .mainWork .item .content .description {
    margin: 0 0 20px; }
  .photographerInfoPage .mainWork .item .content .mainSocial {
    font-size: 16px; }
.photographerInfoPage .moreWork .item .avatar {
  height: 255px;
  display: block;
  overflow: hidden; }
.photographerInfoPage .moreWork .item .content {
  padding: 20px; }
  .photographerInfoPage .moreWork .item .content .top {
    margin: 0 0 10px;
    color: #334e9d; }
    .photographerInfoPage .moreWork .item .content .top .date {
      display: table-cell;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      width: 100%; }
    .photographerInfoPage .moreWork .item .content .top .number {
      display: table-cell;
      vertical-align: top;
      font-size: 30px;
      line-height: 0.7; }
  .photographerInfoPage .moreWork .item .content .title {
    height: 42px;
    overflow: hidden;
    margin: 0 0 15px; }
    .photographerInfoPage .moreWork .item .content .title a {
      color: #666; }
      .photographerInfoPage .moreWork .item .content .title a:hover {
        color: #334e9d; }

/*----------------------------------------------------
	photos
----------------------------------------------------*/
.photosPage .mainArea .main {
  position: relative; }
  .photosPage .mainArea .main .avatar {
    display: block;
    height: 284px;
    overflow: hidden; }
  .photosPage .mainArea .main .content {
    padding: 20px; }
    .photosPage .mainArea .main .content .top {
      margin: 0 0 10px;
      color: #334e9d; }
      .photosPage .mainArea .main .content .top .date {
        display: table-cell;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 100%; }
      .photosPage .mainArea .main .content .top .number {
        display: table-cell;
        vertical-align: top;
        font-size: 30px;
        line-height: 0.7; }
    .photosPage .mainArea .main .content .title {
      margin: 0 0 15px;
      max-height: 109px;
      overflow: hidden; }
      .photosPage .mainArea .main .content .title a {
        color: #666; }
        .photosPage .mainArea .main .content .title a:hover {
          color: #334e9d; }
.photosPage .mainArea .morePosts .item {
  margin: 0 0 20px;
  position: relative;
  background: #000; }
  .photosPage .mainArea .morePosts .item .avatar {
    height: 284px;
    display: block;
    opacity: 0.6;
    overflow: hidden; }
  .photosPage .mainArea .morePosts .item .content {
    position: absolute;
    bottom: 15px;
    right: 15px;
    left: 15px;
    z-index: 2; }
    .photosPage .mainArea .morePosts .item .content .date {
      color: #fff;
      margin: 0 0 10px;
      line-height: 1; }
    .photosPage .mainArea .morePosts .item .content .title {
      max-height: 85px;
      overflow: hidden;
      margin: 0 0 10px; }
      .photosPage .mainArea .morePosts .item .content .title a {
        color: #fff; }
    .photosPage .mainArea .morePosts .item .content .social .mainSocial {
      display: table-cell;
      width: 100%;
      vertical-align: middle; }
    .photosPage .mainArea .morePosts .item .content .social .number {
      font-size: 30px;
      line-height: 1;
      color: #fff;
      display: none; }

/*----------------------------------------------------
	videos
----------------------------------------------------*/
.videosPage .mainArea {
  padding: 20px 20px 0; }
  .videosPage .mainArea .main {
    padding: 0 0 20px; }
    .videosPage .mainArea .main .mainPost .description {
      height: auto;
      max-height: 190px; }
  .videosPage .mainArea .morePosts .item {
    padding: 0 0 20px; }
    .videosPage .mainArea .morePosts .item .mainPost .avatar {
      height: 168px;
      margin: 0 0 10px; }
      .videosPage .mainArea .morePosts .item .mainPost .avatar:before {
        width: 50px;
        height: 50px;
        margin: -25px 0 0 -25px; }
    .videosPage .mainArea .morePosts .item .mainPost .description {
      height: 44px;
      margin: 0 0 10px; }
      .videosPage .mainArea .morePosts .item .mainPost .description a {
        color: #334e9d; }

.videosMorePosts {
  padding: 0 20px; }
  .videosMorePosts .item {
    background: #000;
    position: relative;
    margin: 0 0 20px; }
    .videosMorePosts .item .postSection {
      position: absolute;
      top: 15px;
      right: 15px;
      background: #334e9d;
      font-size: 18px;
      color: #fff;
      padding: 5px 30px;
      z-index: 9; }
    .videosMorePosts .item .avatar {
      height: 284px;
      display: block;
      overflow: hidden;
      opacity: 0.5; }
    .videosMorePosts .item .content {
      position: absolute;
      bottom: 15px;
      right: 15px;
      left: 15px;
      z-index: 2; }
      .videosMorePosts .item .content .date {
        color: #fff;
        margin: 0 0 10px;
        line-height: 1; }
      .videosMorePosts .item .content .title {
        margin: 0 0 15px; }
        .videosMorePosts .item .content .title a {
          color: #fff; }
      .videosMorePosts .item .content .mainSocial a {
        color: #fff; }

/*----------------------------------------------------
	details
----------------------------------------------------*/
.detailsPage .mainArea {
  padding: 20px; }
  .detailsPage .mainArea .rightArea .thePost .avatar img {
    width: 100%; }
  .detailsPage .mainArea .rightArea .thePost .video {
    height: 200px; }
    .detailsPage .mainArea .rightArea .thePost .video iframe {
      width: 100% !important;
      height: 100% !important; }
  .detailsPage .mainArea .rightArea .thePost .slider .flexslider .slides img {
    min-width: 100%; }
  .detailsPage .mainArea .rightArea .thePost .myTabs {
    margin: 0 0 30px; }
    .detailsPage .mainArea .rightArea .thePost .myTabs .tabsClick {
      font-size: 0; }
      .detailsPage .mainArea .rightArea .thePost .myTabs .tabsClick .one {
        width: 50%;
        display: inline-block;
        font-size: 20px;
        color: #334e9d;
        background: #e4e6e8;
        text-align: center;
        line-height: 70px;
        cursor: pointer; }
        .detailsPage .mainArea .rightArea .thePost .myTabs .tabsClick .one.active {
          background: #c8cdd1;
          cursor: default; }
  .detailsPage .mainArea .rightArea .thePost .title {
    font-size: 18px;
    font-family: "semiBold";
    color: #203163;
    margin: 0 0 20px; }
  .detailsPage .mainArea .rightArea .thePost .description {
    margin: 0 0 30px; }
  .detailsPage .mainArea .rightArea .thePost .description a {
    color: #0782C1;
  }
    .detailsPage .mainArea .rightArea .thePost .description .suggestedPosts {
      margin: 0 0 40px; }
      .detailsPage .mainArea .rightArea .thePost .description .suggestedPosts .thisTitle {
        font-size: 30px;
        font-family: "semiBold";
        padding: 15px 0;
        text-align: center;
        color: #334e9d; }
      .detailsPage .mainArea .rightArea .thePost .description .suggestedPosts .item {
        padding: 20px 0;
        border-top: 1px solid #e4e6e8; }
        .detailsPage .mainArea .rightArea .thePost .description .suggestedPosts .item .mainPost .description {
          height: 65px; }
    .detailsPage .mainArea .rightArea .thePost .description p {
      margin: 0 0 10px;
      /*font-family: 'font' !important;*/
      font-family: 'font';
    }
  .detailsPage .mainArea .rightArea .thePost .dateAndSocial {
    margin: 0 0 20px;
    border-top: 1px solid #e4e6e8;
    border-bottom: 1px solid #e4e6e8;
    padding: 5px 0; }
    .detailsPage .mainArea .rightArea .thePost .dateAndSocial .mainSocial {
      font-size: 16px;
      text-align: center; }
  .detailsPage .mainArea .rightArea .mostRated .content .item {
    border-top: 1px solid #e4e6e8; }
    .detailsPage .mainArea .rightArea .mostRated .content .item .mainPost {
      padding: 20px 0; }
      .detailsPage .mainArea .rightArea .mostRated .content .item .mainPost .description {
        height: 65px; }
  .detailsPage .mainArea .leftArea .top {
    display: none; }
  .detailsPage .mainArea .leftArea .theMostRead {
    border-top: 1px solid #e4e6e8; }
    .detailsPage .mainArea .leftArea .theMostRead .content .item {
      padding: 20px 0;
      border-bottom: 1px solid #f7f8f8; }
      .detailsPage .mainArea .leftArea .theMostRead .content .item:first-of-type {
        padding-top: 0; }
  .detailsPage .mainArea .leftArea .dateAndSocial {
    margin: 0 0 20px; }
    .detailsPage .mainArea .leftArea .dateAndSocial .mainSocial {
      font-size: 22px;
      text-align: left; }
  .detailsPage .mainArea .tags {
    font-size: 18px;
    font-family: "semiBold"; }
    .detailsPage .mainArea .tags .thisTitle {
      margin: 0 0 20px;
      color: #334e9d; }
    .detailsPage .mainArea .tags .content a {
      display: inline-block;
      padding: 5px 20px;
      margin: 0 0 20px 20px;
      color: #fff;
      background: #666; }
      .detailsPage .mainArea .tags .content a:hover {
        background: #334e9d; }
  .detailsPage .mainArea .info .one {
    font-size: 15px;
    margin: 0 0 20px;
    line-height: 1;
    overflow: hidden; }
    .detailsPage .mainArea .info .one .thisTitle {
      font-size: 18px;
      font-family: "semiBold";
      color: #334e9d;
      float: right;
      line-height: 32px; }
    .detailsPage .mainArea .info .one .short-link-input {
      width: 70%;
      padding: 0 2%;
      height: 30px;
      direction: ltr;
      text-align: left;
      float: left;
      border: 1px solid #e4e6e8; }

/*----------------------------------------------------
	Events
----------------------------------------------------*/
.fixedLayout {
  position: fixed;
  top: 70px;
  left: 0;
  right: 0;
  bottom: 0; }
  .fixedLayout .gridContainer {
    position: relative;
    height: 100%; }
    .fixedLayout .gridContainer .rightArea {
      width: 100%;
      height: 100%;
      position: fixed;
      top: 70px;
      right: -100%;
      background: #fff;
      z-index: 9;
      box-shadow: 0 0 20px;
      -webkit-transition: all 0.4s ease;
      -moz-transition: all 0.4s ease;
      transition: all 0.4s ease; }
      .fixedLayout .gridContainer .rightArea .theArrow {
        width: 30px;
        line-height: 50px;
        position: absolute;
        top: 50%;
        right: 100%;
        margin: -25px 0 0;
        background: #334e9d;
        color: #fff;
        font-size: 20px;
        text-align: center;
        cursor: pointer;
        z-index: 99; }
      .fixedLayout .gridContainer .rightArea.active {
        right: 0;
        z-index: 10; }
        .fixedLayout .gridContainer .rightArea.active .theArrow {
          margin-right: -30px;
          -ms-transform: rotate(180deg);
          -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }
    .fixedLayout .gridContainer .middleArea {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      background: #fff; }
    .fixedLayout .gridContainer .leftArea {
      width: 100%;
      height: 100%;
      position: fixed;
      top: 70px;
      left: -100%;
      background: #fff;
      z-index: 9;
      box-shadow: 0 0 20px;
      -webkit-transition: all 0.4s ease;
      -moz-transition: all 0.4s ease;
      transition: all 0.4s ease; }
      .fixedLayout .gridContainer .leftArea .theArrow {
        width: 30px;
        line-height: 50px;
        position: absolute;
        top: 50%;
        left: 100%;
        margin: -25px 0 0;
        background: #334e9d;
        color: #fff;
        font-size: 20px;
        text-align: center;
        cursor: pointer;
        z-index: 99; }
      .fixedLayout .gridContainer .leftArea.active {
        left: 0;
        z-index: 10; }
        .fixedLayout .gridContainer .leftArea.active .theArrow {
          margin-left: -30px;
          -ms-transform: rotate(180deg);
          -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.eventsPosts .selectDay {
  padding: 35px 20px; }
  .eventsPosts .selectDay input {
    width: 94%;
    height: 37px;
    background: #f0f0f0;
    padding: 0 3%;
    border: none; }
.eventsPosts .content {
  position: absolute;
  top: 110px;
  left: 0;
  right: 0;
  bottom: 0; }
  .eventsPosts .content .item {
    padding: 20px;
    border-bottom: 1px solid #e4e6e8; }
    .eventsPosts .content .item .top {
      margin: 0 0 15px; }
      .eventsPosts .content .item .top .date {
        width: 75px;
        height: 66px;
        display: table;
        text-align: center;
        font-family: "semiBold";
        color: #334e9d;
        background: #edeff1;
        float: right;
        margin: 0 0 0 10px; }
        .eventsPosts .content .item .top .date div {
          display: table-cell;
          vertical-align: middle; }
          .eventsPosts .content .item .top .date div span {
            display: block; }
      .eventsPosts .content .item .top .avatar {
        width: 75px;
        height: 66px;
        display: inline-block; }
        .eventsPosts .content .item .top .avatar img {
          width: 100%;
          height: 100%; }
    .eventsPosts .content .item .title {
      font-size: 12px;
      margin: 0 0 15px; }
      .eventsPosts .content .item .title a {
        color: #666; }
    .eventsPosts .content .item.active {
      background: #334e9d; }
      .eventsPosts .content .item.active .top .date {
        background: #fff; }
      .eventsPosts .content .item.active .title {
        font-size: 14px;
        font-family: "semiBold"; }
        .eventsPosts .content .item.active .title a {
          color: #fff; }
      .eventsPosts .content .item.active .mainSocial a {
        color: #fff; }
        .eventsPosts .content .item.active .mainSocial a:hover {
          color: #486bd8; }

.eventsContent .item {
  padding: 20px;
  border-bottom: 1px solid #e4e6e8; }
  .eventsContent .item .top {
    margin: 0 0 15px; }
    .eventsContent .item .top .albumPost {
      font-size: 0; }
      .eventsContent .item .top .albumPost .first {
        margin: 0 0 2px; }
      .eventsContent .item .top .albumPost .others {
        width: 33.3333%;
        display: inline-block;
        position: relative; }
        .eventsContent .item .top .albumPost .others .avatar {
          display: block;
          height: 55px;
          margin: 0 0 0 2px;
          overflow: hidden; }
        .eventsContent .item .top .albumPost .others .moreImages {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background: rgba(0, 0, 0, 0.5);
          z-index: 2;
          font-size: 16px;
          line-height: 55px;
          text-align: center;
          color: #fff; }
        .eventsContent .item .top .albumPost .others:last-of-type .avatar {
          margin: 0; }
  .eventsContent .item .date {
    width: 75px;
    height: 66px;
    display: table;
    text-align: center;
    font-family: "semiBold";
    color: #334e9d;
    background: #e4e6e8;
    float: right;
    margin: 0 0 0 10px; }
    .eventsContent .item .date div {
      display: table-cell;
      vertical-align: middle; }
      .eventsContent .item .date div span {
        display: block; }
  .eventsContent .item .description {
    margin: 0 0 15px;
    font-family: 'font';
    font-size: 14px; }
    .eventsContent .item .description p {
      /*font-family: 'font' !important;*/
      font-family: 'font';
      /*font-size: 14px !important;*/
      font-size: 14px;
    }
  .eventsContent .item:first-of-type {
    padding-top: 0; }

/*----------------------------------------------------
	Infographic
----------------------------------------------------*/
.infographicPosts .content .item {
  padding: 20px 20px 0;
  border-bottom: 1px solid #e4e6e8; }
  .infographicPosts .content .item .avatar {
    display: block; }
  .infographicPosts .content .item .in {
    padding: 20px 0; }
    .infographicPosts .content .item .in .info {
      color: #334e9d;
      margin: 0 0 5px; }
      .infographicPosts .content .item .in .info .date {
        float: right;
        font-size: 12px; }
      .infographicPosts .content .item .in .info .author {
        float: left;
        font-family: "semiBold"; }
    .infographicPosts .content .item .in .thisTitle {
      margin: 0 0 15px; }
      .infographicPosts .content .item .in .thisTitle a {
        color: #666; }
        .infographicPosts .content .item .in .thisTitle a:hover {
          color: #334e9d; }
  .infographicPosts .content .item.active .in {
    background: #334e9d;
    padding: 20px 10px; }
    .infographicPosts .content .item.active .in .info {
      color: #fff; }
    .infographicPosts .content .item.active .in .thisTitle a {
      color: #fff; }
    .infographicPosts .content .item.active .in .mainSocial a {
      color: #fff; }
      .infographicPosts .content .item.active .in .mainSocial a:hover {
        color: #666; }

.infographicContent .item {
  padding: 20px;
  border-bottom: 1px solid #e4e6e8; }
  .infographicContent .item .avatar {
    margin: 0 0 15px; }
  .infographicContent .item .info {
    margin: 0 0 15px;
    color: #334e9d; }
    .infographicContent .item .info .date {
      font-size: 12px;
      float: right; }
    .infographicContent .item .info .author {
      font-family: "semiBold";
      float: left; }
  .infographicContent .item .description {
    margin: 0 0 15px; }
  .infographicContent .item:first-of-type {
    padding-top: 0; }

/*----------------------------------------------------
	prayerTimes
----------------------------------------------------*/
.landingFilter .one {
  width: 100%;
  height: 50px;
  margin: 0 0 20px;
  background: #fff;
  position: relative; }
  .landingFilter .one .selectIcon {
    position: absolute;
    bottom: 15px;
    left: 3%; }
  .landingFilter .one select {
    width: 100%;
    height: 100%;
    padding: 0 3%;
    border: none;
    background: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    position: relative; }
  .landingFilter .one.thisSearch input[type='text'] {
    width: 94%;
    height: 50px;
    padding: 0 3%;
    margin: 0;
    border: none; }
  .landingFilter .one.thisSearch input[type='submit'] {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 10px;
    left: 3%;
    background: none;
    border: none; }

.prayerTimesPage .content .cities {
  font-size: 22px;
  padding: 20px;
  border-bottom: 1px solid #e4e6e8; }
  .prayerTimesPage .content .cities .name {
    float: right;
    color: #334e9d; }
  .prayerTimesPage .content .cities .date {
    float: left;
    text-align: left; }
    .prayerTimesPage .content .cities .date .month {
      font-size: 46%; }
.prayerTimesPage .content .today {
  padding: 20px;
  font-size: 0; }
  .prayerTimesPage .content .today .one .in {
    padding: 10px 0;
    border-bottom: 1px solid #e4e6e8;
    font-size: 11px;
    font-family: "semiBold"; }
    .prayerTimesPage .content .today .one .in .name {
      float: right;
      color: #334e9d;
      font-size: 165%; }
    .prayerTimesPage .content .today .one .in .info {
      float: left;
      text-align: left; }
      .prayerTimesPage .content .today .one .in .info div {
        font-size: 180%; }
  .prayerTimesPage .content .today .one:last-of-type .in {
    border: none; }
.prayerTimesPage .content .perWeek {
  display: none; }
  .prayerTimesPage .content .perWeek ul li {
    padding: 5px 0;
    font-size: 0; }
    .prayerTimesPage .content .perWeek ul li span {
      display: inline-block;
      font-size: 11px;
      font-family: "semiBold";
      width: 83px;
      border-left: 1px solid #dedede;
      text-align: center;
      height: 25px;
      line-height: 20px;
      color: #6c6d6e; }
      .prayerTimesPage .content .perWeek ul li span.day {
        width: 105px; }
      .prayerTimesPage .content .perWeek ul li span.date {
        width: 150px;
        display: none; }
      .prayerTimesPage .content .perWeek ul li span:last-of-type {
        border: none; }
    .prayerTimesPage .content .perWeek ul li.title {
      background: #f4f4f4; }
.prayerTimesPage .content .mainSocial {
  border-top: 1px solid #e4e6e8;
  text-align: center;
  padding: 15px 0;
  font-size: 20px; }

/*----------------------------------------------------
	weather
----------------------------------------------------*/
.weatherPage .content .top {
  font-size: 0;
  padding: 20px;
  border-bottom: 1px solid #e4e6e8; }
  .weatherPage .content .top .one {
    width: 33.333%;
    display: inline-block;
    font-size: 10px;
    text-align: center;
    vertical-align: middle; }
    .weatherPage .content .top .one.data {
      text-align: right; }
      .weatherPage .content .top .one.data .city {
        font-size: 215%;
        color: #334e9d; }
      .weatherPage .content .top .one.data .temprature {
        font-size: 340%; }
    .weatherPage .content .top .one.wind, .weatherPage .content .top .one.humidity {
      font-size: 24px;
      display: none; }
      .weatherPage .content .top .one.wind .avatar, .weatherPage .content .top .one.humidity .avatar {
        margin: 0 0 10px; }
    .weatherPage .content .top .one.date {
      text-align: left; }
      .weatherPage .content .top .one.date .day {
        font-size: 215%;
        color: #334e9d; }
      .weatherPage .content .top .one.date .full span {
        display: block;
        font-size: 300%; }
.weatherPage .content .perHour {
  padding: 10px 0;
  border-bottom: 1px solid #e4e6e8; }
  .weatherPage .content .perHour .flexslider {
    padding: 0 30px; }
    .weatherPage .content .perHour .flexslider .slides > li {
      margin: 0 0 0 5px; }
    .weatherPage .content .perHour .flexslider .flex-direction-nav a:before {
      color: #666; }
  .weatherPage .content .perHour .one {
    text-align: center;
    font-size: 18px;
    margin: 0 auto; }
    .weatherPage .content .perHour .one .hour {
      margin: 0 0 10px;
      direction: ltr; }
    .weatherPage .content .perHour .one .avatar {
      max-width: 50px;
      margin: 0 auto 10px; }
    .weatherPage .content .perHour .one .temp {
      font-size: 150%; }
.weatherPage .content .perWeek ul li {
  border-bottom: 1px solid #e4e6e8;
  padding: 10px 0;
  font-size: 0; }
  .weatherPage .content .perWeek ul li .one {
    font-size: 14px;
    width: 33.33%;
    display: inline-block;
    text-align: center; }
    .weatherPage .content .perWeek ul li .one.wind {
      direction: ltr;
      display: none; }
    .weatherPage .content .perWeek ul li .one.humidity {
      display: none; }
    .weatherPage .content .perWeek ul li .one.state {
      display: none; }
      .weatherPage .content .perWeek ul li .one.state img {
        max-width: 45px; }
.weatherPage .content .mainSocial {
  padding: 15px 0;
  font-size: 20px;
  text-align: center; }

/*----------------------------------------------------
	stockMarket
----------------------------------------------------*/
.stockMarket .allMarkets .thisTitle {
  font-family: "semiBold";
  color: #334e9d;
  padding: 20px;
  font-size: 20px;
  text-align: center; }
.stockMarket .allMarkets .item {
  display: block;
  font-family: "semiBold";
  color: #666;
  padding: 20px;
  border-top: 1px solid #e4e6e8; }
  .stockMarket .allMarkets .item.active {
    background: #334e9d !important;
    color: #fff; }
  .stockMarket .allMarkets .item:hover {
    background: #666;
    color: #fff; }
.stockMarket .marketData .oneMarket {
  background: #fff;
  padding: 20px;
  margin: 0 0 20px; }
  .stockMarket .marketData .oneMarket .name {
    font-family: "semiBold";
    color: #334e9d;
    text-align: center;
    margin: 0 0 20px;
    font-size: 20px; }
  .stockMarket .marketData .oneMarket .top {
    font-size: 18px;
    font-family: "semiBold";
    margin: 0 0 20px; }
    .stockMarket .marketData .oneMarket .top .type {
      float: left;
      color: #334e9d;
      margin: 0 20px 0 0; }
    .stockMarket .marketData .oneMarket .top .maxNumber {
      float: left;
      margin: 0 20px 0 0; }
    .stockMarket .marketData .oneMarket .top .otherNumbers {
      float: right;
      color: #334e9d; }
      .stockMarket .marketData .oneMarket .top .otherNumbers span {
        display: inline-block;
        direction: ltr;
        margin: 0 0 0 20px; }
      .stockMarket .marketData .oneMarket .top .otherNumbers.lose {
        color: #f00; }
  .stockMarket .marketData .oneMarket .theGraph {
    height: 270px;
    margin: 0 0 20px; }
  .stockMarket .marketData .oneMarket .trading {
    font-size: 0;
    margin: 0 0 20px; }
    .stockMarket .marketData .oneMarket .trading .one {
      width: 33%;
      display: inline-block;
      text-align: center;
      background: #f6f7f8;
      font-size: 14px;
      padding: 10px 0; }
  .stockMarket .marketData .oneMarket .state {
    font-size: 0;
    margin: 0 0 20px; }
    .stockMarket .marketData .oneMarket .state .one {
      font-size: 11px;
      display: inline-block;
      text-align: center; }
      .stockMarket .marketData .oneMarket .state .one .bar {
        height: 10px;
        background: #666;
        margin: 5px 0; }
      .stockMarket .marketData .oneMarket .state .one.win {
        color: #334e9d;
        text-align: right; }
        .stockMarket .marketData .oneMarket .state .one.win .bar {
          background: #334e9d; }
      .stockMarket .marketData .oneMarket .state .one.lose {
        color: #f00;
        text-align: left; }
        .stockMarket .marketData .oneMarket .state .one.lose .bar {
          background: #f00; }
  .stockMarket .marketData .oneMarket .allTrading {
    font-size: 14px;
    background: #f6f7f8;
    padding: 10px;
    text-align: center;
    margin: 0 0 20px; }
  .stockMarket .marketData .oneMarket .companyFilter {
    text-align: center;
    margin: 0 0 20px; }
    .stockMarket .marketData .oneMarket .companyFilter .text {
      font-size: 24px;
      margin: 0 0 20px; }
    .stockMarket .marketData .oneMarket .companyFilter .content .one {
      width: 25%;
      float: right;
      background: #f6f7f8;
      padding: 20px 0;
      color: #666; }
      .stockMarket .marketData .oneMarket .companyFilter .content .one.active {
        background: #334e9d !important;
        color: #fff; }
      .stockMarket .marketData .oneMarket .companyFilter .content .one:hover {
        background: #666;
        color: #fff; }
  .stockMarket .marketData .oneMarket .allCompanies .one ul li {
    font-size: 0;
    padding: 10px 0;
    border-bottom: 1px solid #e4e6e8; }
    .stockMarket .marketData .oneMarket .allCompanies .one ul li span {
      display: inline-block;
      font-size: 14px;
      text-align: right; }
      .stockMarket .marketData .oneMarket .allCompanies .one ul li span.theName {
        width: 52%; }
      .stockMarket .marketData .oneMarket .allCompanies .one ul li span.value {
        width: 33%; }
      .stockMarket .marketData .oneMarket .allCompanies .one ul li span.res {
        width: 10%; }
        .stockMarket .marketData .oneMarket .allCompanies .one ul li span.res i {
          color: #334e9d;
          -ms-transform: rotate(180deg);
          -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
          display: inline-block; }
    .stockMarket .marketData .oneMarket .allCompanies .one ul li.lose span.res i {
      color: #f00;
      -ms-transform: rotate(0);
      -webkit-transform: rotate(0);
      transform: rotate(0); }
.stockMarket.fixedLayout .gridContainer .middleArea {
  background: none;
  left: 0; }

/*----------------------------------------------------
	404
----------------------------------------------------*/
.errorHeader {
  padding: 20px 0; }
  .errorHeader .gridContainer {
    position: relative; }
  .errorHeader .search {
    min-width: 20px;
    float: right;
    margin: 10px 0 0;
    position: relative;
    background: #edeff1;
    z-index: 2; }
    .errorHeader .search .icon {
      position: absolute;
      top: 3px;
      left: 0;
      color: #666; }
    .errorHeader .search form {
      display: none; }
      .errorHeader .search form input[type='text'] {
        width: 165px;
        height: 29px;
        padding: 0 0 0 20px;
        background: none;
        border: none;
        border-bottom: 1px solid #e4e6e8; }
      .errorHeader .search form input[type='submit'] {
        position: absolute;
        top: 0;
        left: 0;
        width: 25px;
        height: 100%;
        background: none;
        border: none; }
  .errorHeader .logo {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    text-align: center;
    z-index: 1; }
    .errorHeader .logo img {
      height: 50px; }
  .errorHeader .back {
    float: left;
    position: relative;
    z-index: 2; }
    .errorHeader .back a {
      font-weight: bold;
      line-height: 50px;
      color: #666; }

.page404 .content {
  padding: 40px 20px;
  background: #f7f7f7;
  text-align: center;
  position: relative; }
  .page404 .content .avatar {
    margin: 0 0 15px; }
  .page404 .content .title {
    font-size: 24px;
    margin: 0 0 25px; }
  .page404 .content .description {
    font-family: "extraLight";
    margin: 0 0 35px; }
  .page404 .content .redirect img {
    margin: 0 0 10px; }
  .page404 .content .redirect .text span {
    margin: 0 0 0 4px; }
.page404 .homeAlbums {
  padding: 50px 19px 0; }

/*----------------------------------------------------
	sitemap
----------------------------------------------------*/
.sitemapPage .sitemapContent .mainTitle {
  border-bottom: 1px solid #e4e6e8;
  margin: 0 0 40px; }
.sitemapPage .sitemapContent .content {
  padding: 0 20px;
  font-size: 0; }
  .sitemapPage .sitemapContent .content .item {
    font-size: 14px;
    margin: 0 0 40px; }
    .sitemapPage .sitemapContent .content .item .thisTitle {
      font-size: 18px;
      font-family: "semiBold";
      color: #334e9d;
      margin: 0 0 20px; }
    .sitemapPage .sitemapContent .content .item .data .one {
      margin: 0 0 5px 20px; }
      .sitemapPage .sitemapContent .content .item .data .one a:hover {
        text-decoration: underline; }
      .sitemapPage .sitemapContent .content .item .data .one a.icon {
        float: left; }
        .sitemapPage .sitemapContent .content .item .data .one a.icon:hover {
          color: #E08D2D; }

/*----------------------------------------------------
	paymentReport
----------------------------------------------------*/
.paymentReport .searchArea form .one {
  font-family: "semiBold";
  color: #666;
  margin: 0 0 20px; }
  .paymentReport .searchArea form .one div {
    margin: 0 0 5px; }
  .paymentReport .searchArea form .one input[type='text'] {
    width: 94%;
    height: 35px;
    background: #dfe2e5;
    border: none;
    margin: 0;
    padding: 0 3%; }
  .paymentReport .searchArea form .one.submit {
    float: left; }
    .paymentReport .searchArea form .one.submit div {
      height: 0; }
    .paymentReport .searchArea form .one.submit input[type='submit'] {
      width: 115px;
      height: 34px;
      background: #334e9d;
      color: #fff;
      border: none; }
.paymentReport .infoTable table {
  width: 100%;
  min-width: 700px; }
  .paymentReport .infoTable table th {
    font-size: 16px;
    color: #fff;
    background: #334e9d;
    padding: 30px 5px;
    border-left: 1px solid #7183bb; }
  .paymentReport .infoTable table td {
    color: #666;
    border-left: 1px solid #e4e6e8;
    border-bottom: 1px solid #e4e6e8;
    padding: 20px; }
  .paymentReport .infoTable table tr:last-of-type td {
    font-size: 16px;
    font-family: "semiBold";
    color: #334e9d; }
.paymentReport .quickLinks {
  padding: 40px 30px; }
  .paymentReport .quickLinks .thisTitle {
    font-size: 16px;
    font-family: "semiBold";
    margin: 0 0 20px;
    color: #334e9d; }
  .paymentReport .quickLinks .content .item a {
    display: block;
    overflow: hidden; }
    .paymentReport .quickLinks .content .item a .description {
      float: left;
      font-size: 12px; }

/*----------------------------------------------------
	Hay2a
----------------------------------------------------*/
#sectionPage .topHotNews .otherPosts .mainPost .description a {
  color: #334e9d; }
#sectionPage .searchResults .mainTitle {
  display: none; }
#sectionPage .searchResults .content {
  padding-top: 20px; }
  #sectionPage .searchResults .content .mainPost .avatar {
    height: 236px; }
  #sectionPage .searchResults .content .mainPost .description {
    height: 45px;
    font-size: 14px; }
#sectionPage .searchResults .getMore a {
  color: #334e9d; }

#news-bulletin-page-container .searchResults .mainPost .description {
  height: 36px;
  font-size: 12px; }
#news-bulletin-page-container .searchResults .getMore a {
  color: #334e9d; }

#archive-page-container .searchResults.displayGrid .mainPost .description {
  height: 52px;
  line-height: 1.7; }
#archive-page-container .searchResults.displayGrid .getMore a {
  color: #334e9d; }

#weather_days_1.otherDays .item:last-of-type {
  display: none; }

#albums-posts-listing.homeSection {
  padding-top: 20px; }

#media-posts-listing.homeSection {
  padding-top: 20px; }

/*-------------------------------------------------------------------------*/
.mainSlider .theSlider, .mainSlider .morePosts {
  min-height: 430px; }

/*-------------------------------------------------------------------------*/
@media only screen and (min-width: 321px) {
  .infoGraphics .content .otherPosts .item .mainPost .avatar {
    width: 145px;
    height: 129px;
    float: right;
    margin: 0 0 0 10px; }

  .searchResults.displayList .content .item .mainPost .avatar {
    width: 110px;
    height: 115px;
    float: right;
    margin: 0 0 0 10px; }

  .eventsContent .item .top .albumPost .others .avatar {
    height: 90px; }

  .eventsContent .item .top .albumPost .others .moreImages {
    line-height: 90px; }

  .mobileMenu .theMenu li .item a {
    font-size: 25px; }

  .mobileMenu .theMenu li .item .icon {
    font-size: 20px;
    line-height: 58px; }

  .mobileMenu .theMenu li .submenu a {
    font-size: 16px; } }
@media only screen and (min-width: 481px) {
  .gridContainer {
    width: 90.675%;
    padding-left: 1.1625%;
    padding-right: 1.1625%; }

  .userAuthForm .socialLoging a {
    width: 28%;
    margin: 0; }

  .userAuthForm .socialLoging a.twitter {
    margin: 0 2%; }

  /*.header .top .onRight .logo {
    width: 172px; }*/

  .urgent .title {
    width: 100px; }

  .urgent .content {
    margin: 0 100px 0 0;
    padding: 0 10px 0 0; }

  .urgent .content .item h3 {
    font-size: 14px; }

  .urgent .content .flexslider {
    padding: 0 0 0 60px; }

  .urgent .content .flexslider .flex-direction-nav {
    display: block; }

  .befLoad .contentArea {
    height: 240px; }

  .mainSlider .theSlider .sliderArea {
    padding: 0 0 240px; }

  .mainSlider .theSlider .sliderArea .avatar {
    height: 564px; }

  .mainSlider .theSlider .thumbsArea {
    height: 240px; }

  .mainSlider .theSlider .thumbsArea .in .item.active {
    padding: 40px 20px; }

  .mainSlider .theSlider .thumbsArea .in .item.active .mainPost .description {
    height: 85px;
    font-size: 18px;
    font-family: "semiBold";
    margin-bottom: 37px; }

  .mainSection .item {
    width: 50%;
    float: right; }

  .mainSection .item:first-of-type .mainPost .avatar, .mainSection .item .first .mainPost .avatar {
    height: 518px; }

  .sidebar {
    left: -320px;
    width: 320px; }

  .sidebar.active .theArrow {
    margin-left: 0; }

  .homeVideos .content .item .avatar {
    width: 150px;
    height: 130px;
    margin: 0 0 0 15px; }

  .homeVideos .content .item .date {
    margin: 0 0 5px; }

  .homeVideos .content .item .title {
    font-size: 14px;
    height: 105px;
    margin: 0 0 20px; }

  .homeVideos .content .item:first-of-type .avatar, .homeVideos .content .item.first .avatar {
    height: 535px; }

  .homeVideos .content .item:first-of-type .title, .homeVideos .content .item.first .title {
    font-size: 18px;
    height: 54px; }

  .reports .content .oneCol {
    width: 50%;
    float: right; }

  .footer .oneCol.menu {
    display: block; }

  .aboutPage {
    font-size: 18px; }

  .searchResults.displayGrid .content .item {
    width: 50%;
    float: right; }

  .searchResults.displayList .content .item .mainPost .avatar {
    width: 150px;
    margin: 0 0 0 20px; }

  .searchResults .displayType {
    display: block; }

  .breakingPage .urgentNews .content .item .mainPost .avatar {
    height: 518px; }

  .breakingPage .urgentNews .content .item .mainPost .avatarContainer {
    min-height: 90px; }

  .breakingPage .urgentNews .content .item .mainPost .avatarContainer .info {
    font-size: 18px; }

  .breakingPage .urgentNews .content .item .mainPost .avatarContainer .info span {
    padding: 15px; }

  .contactPage .mapLocation .content .top .one {
    font-size: 18px; }

  .hotNewsPage .topHotNews .content .main .mainPost .avatar {
    height: 518px; }

  .UploadPage .content form .one.tags .item {
    font-size: 18px;
    padding: 5px 10px; }

  .UploadPage .content form .submit a, .UploadPage .content form .submit input {
    width: 120px;
    margin: 0 0 0 20px; }

  .photosPage .mainArea .main .avatar {
    height: 446px; }

  .photosPage .mainArea .morePosts .item .content .social .number {
    display: table-cell; }

  .videosPage .mainArea .main .mainPost .avatar {
    height: 509px; }

  .detailsPage .mainArea .rightArea .thePost .video {
    height: 384px; }

  .detailsPage .mainArea .rightArea .thePost .description .suggestedPosts {
    width: 280px;
    float: right;
    margin: 0 0 0 20px; }

  .detailsPage .mainArea .rightArea .thePost .dateAndSocial .mainSocial {
    font-size: 40px; }

  .fixedLayout .gridContainer .rightArea {
    width: 300px;
    right: -300px; }

  .fixedLayout .gridContainer .rightArea.active .theArrow {
    margin-right: 0; }

  .fixedLayout .gridContainer .leftArea {
    width: 300px;
    left: -300px; }

  .fixedLayout .gridContainer .leftArea.active .theArrow {
    margin-left: 0; }

  .eventsContent .item .top .albumPost .others .avatar {
    height: 173px; }

  .eventsContent .item .top .albumPost .others .moreImages {
    line-height: 173px;
    font-size: 36px; }

  .prayerTimesPage .content .cities {
    font-size: 30px; }

  .weatherPage .content .top .one {
    font-size: 14px; }

  .weatherPage .content .perWeek ul li .one {
    width: 25%;
    font-size: 18px; }

  .weatherPage .content .perWeek ul li .one.state {
    display: inline-block; }

  .errorHeader .search form {
    display: block !important; }

  .page404 .content {
    padding: 75px 50px; }

  .sitemapPage .sitemapContent .content .item {
    width: 50%;
    display: inline-block;
    vertical-align: top; }

  /*-------------------------------------------------------------------------*/
  .mainSlider .theSlider, .mainSlider .morePosts {
    min-height: 800px; }

  /*-------------------------------------------------------------------------*/ }
@media only screen and (min-width: 769px) {
  .gridContainer {
    width: 620px;
    padding: 0; }

  .userAuthForm .socialLoging a i {
    width: 22px; }

  .mainSection .item {
    width: 301px; }

  .mainSection .item .mainPost {
    padding: 20px 20px 20px 0; }

  .footer .oneCol .title {
    font-size: 24px; }

  .footer .oneCol.menu a {
    font-size: 18px; }

  .contactPage .contactInfo .content .one {
    font-size: 20px; }

  .prayerTimesPage .content .today .one {
    width: 16.5%;
    display: inline-block; }

  .prayerTimesPage .content .today .one .in {
    padding: 0 10px;
    border: none;
    border-left: 2px solid #e4e6e8; }

  .prayerTimesPage .content .perWeek {
    display: block; }

  .weatherPage .content .top .one {
    width: 20%; }

  .weatherPage .content .top .one.wind, .weatherPage .content .top .one.humidity {
    display: inline-block; }

  .weatherPage .content .perWeek ul li .one {
    width: 16.5%; }

  .weatherPage .content .perWeek ul li .one.wind, .weatherPage .content .perWeek ul li .one.humidity {
    display: inline-block; }

  .mainPost .avatar img, .homeVideos .content .item .avatar img, .eventsPosts .content .item .avatar img, .photosPage .mainArea .main .avatar img, .photosPage .mainArea .morePosts .item .avatar img, .videosMorePosts .item .avatar img {
    -webkit-transition: transform .25s ease-in-out;
    -moz-transition: transform .25s ease-in-out;
    -ms-transition: transform .25s ease-in-out;
    -o-transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out; }

  .avatar img[src*="WAM_"] {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none; }

  .mainPost .avatar:hover img, .homeVideos .content .item .avatar:hover img, .eventsPosts .content .item .avatar:hover img, .photosPage .mainArea .main .avatar:hover img, .photosPage .mainArea .morePosts .item:hover .avatar img, .videosMorePosts .item:hover .avatar img {
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    filter: scale(1.1); }

  .mainSlider .morePosts .mainPost .avatar:hover img {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    filter: scale(1); }

  .videoPost .avatar:before {
    /*opacity: 0;*/
    -webkit-transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -ms-transition: opacity .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out; }

  .videoPost:hover .avatar:before {
    opacity: 1; }

  .avatar:hover img[src*="1.1944933452855E+18.png"],
  .avatar:hover img[src*="1.2282747444763E+18.png"],
  .avatar:hover img[src*="WAM_"] {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    filter: scale(1); } }
@media only screen and (min-width: 980px) {
  .gridContainer {
    width: 940px; }

  .headerFix {
    height: 0; }

  .header {
    padding: 15px 0 0;
    position: relative; }

  .header .top {
    float: none; }

  .header:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #e4e6e8;
    bottom: 50px;
    left: 0; }

  .header .headerBg {
    display: block; }

  .header .top .onRight .logo {
    width: 330px; }

  .header .top .onRight .logo img {
    height: auto;
    max-width: 100%; }

  .header .top .onLeft {
    display: block; }

  .header .navigation {
    float: none; }

  .header .navigation .icon {
    display: none; }

  .header .navigation ul {
    display: block;
    height: 50px;
    overflow: hidden; }

  .fixedHeader .headerFix {
    height: 190px; }

  .fixedHeader .header {
    position: fixed;
    padding: 10px 0; }

  .fixedHeader .header:before {
    display: none; }

  .fixedHeader .header .headerBg {
    display: none; }

  .fixedHeader .header .top {
    float: right; }

  .fixedHeader .header .top .onLeft {
    display: none; }

  .fixedHeader .header .top .onRight .logo {
    width: 50px;
    margin: 0 0 0 10px; }

  .fixedHeader .header .top .onRight .logo img {
    height: 50px;
    max-width: 1000%; }

  .fixedHeader .header .navigation .icon {
    line-height: 40px; }

  .fixedHeader .header .navigation ul li:hover .submenu {
    padding-top: 15px;
    top: 41px; }

  .fixedHeader .sidebar {
    top: 70px; }

  .mobileMenu {
    display: none !important; }

  .sidebar {
    top: 183px; }

  .befLoad .contentArea {
    width: 300px;
    height: 100%; }

  .befLoad.hasTitle {
    display: block; }

  .mainSlider .theSlider .sliderArea {
    padding: 0 300px 0 0; }

  .mainSlider .theSlider .sliderArea .flexslider .flex-direction-nav {
    display: block; }

  .mainSlider .theSlider .sliderArea .flexslider .flex-control-nav {
    display: none; }

  .mainSlider .theSlider .thumbsArea {
    width: 300px;
    height: 100%;
    padding: 0 0 0 20px; }

  .ad940 {
    display: block; }

  .listSection .item .mainPost .avatar {
    display: block; }

  .listSection .item .mainPost .title {
    height: 71px;
    font-size: 16px; }

  .listSection .item .mainPost .description {
    height: 25px; }

  .homeVideos .content .item {
    width: 280px;
    padding: 0 20px 20px;
    float: right;
    margin: 0 0 20px; }

  .homeVideos .content .item:first-of-type, .homeVideos .content .item.first {
    width: 600px;
    padding: 0 20px 0 0;
    border: none; }

  .homeVideos .content .item:first-of-type .description {
    height: 89px;
    overflow: hidden;
    margin: 0 0 17px; }

  .infoGraphics .content .slider {
    width: 600px;
    float: right;
    padding: 0 20px 20px 0;
    margin: 0;
    border: none; }

  .infoGraphics .content .otherPosts {
    width: 320px;
    float: right; }

  .reports .content .oneCol {
    width: 300px; }

  .reports .content .oneCol:nth-child(2) {
    width: 340px; }

  .reports .content .oneCol:last-of-type {
    display: block; }

  .footer .oneCol {
    width: 20% !important; }

  .footer .oneCol.logo, .footer .oneCol.contact {
    text-align: right; }

  .searchResults.displayGrid .content .item {
    width: 33.33%; }

  .contactPage .mapLocation .content .top .one {
    width: 33%;
    float: right;
    margin: 0; }

  .contactPage .mapLocation .content .top .one.info {
    text-align: center; }

  .hotNewsPage .topHotNews .content .main {
    width: 580px;
    float: right;
    padding: 0 20px 20px 0; }

  .hotNewsPage .topHotNews .content .otherPosts {
    width: 340px;
    float: right; }

  .hotNewsPage .topHotNews .content .otherPosts .item:first-of-type {
    padding-top: 0;
    border: none; }

  .registerPage .userAuthForm {
    margin: 0; }

  .userPage .blockTitle .item, .userPage .blockTitle .item:first-of-type {
    width: 33%;
    display: inline-block; }

  .userPage .content .item {
    display: table; }

  .userPage .content .item .one {
    width: 33%;
    display: table-cell;
    min-width: 270px; }

  .userPage .content .item .one.state, .userPage .content .item .one.actions {
    float: none;
    padding: 20px;
    font-size: 24px; }

  .userPage .content .item .one.state .icon {
    width: 21px;
    height: 21px;
    margin: 0 40px 0 0; }

  .userPage .content .item .one.state .icon i {
    font-size: 19px;
    left: -3px; }

  .userPage .content .item .one.actions a i {
    font-size: 30px; }

  /*.photosPage .mainArea .morePosts .item .content{display:none;}
  .photosPage .mainArea .morePosts .item .avatar{opacity:1;}
  .photosPage .mainArea .morePosts .item:hover .avatar{opacity:0.6;}
  .photosPage .mainArea .morePosts .item:hover .content{display:block;}*/
  .detailsPage .mainArea .leftArea .top {
    display: block; }

  .fixedLayout .gridContainer .rightArea {
    right: 0;
    top: 0;
    position: absolute;
    box-shadow: none; }

  .fixedLayout .gridContainer .rightArea .theArrow {
    display: none; }

  .fixedLayout .gridContainer .middleArea {
    right: 320px; }

  .registerdUser .fixedLayout .gridContainer .rightArea {
    margin-top: 0; }

  .prayerTimesPage .content .perWeek ul li span {
    width: 85px; }

  .prayerTimesPage .content .perWeek ul li span.date {
    display: inline-block; }

  .sitemapPage .sitemapContent .content .item {
    width: 33.3333%; }

  .paymentReport .searchArea form .one {
    float: right;
    margin: 0 0 20px 20px; }

  .paymentReport .searchArea form .one input[type='text'] {
    width: 240px;
    padding: 0 10px; }

  .paymentReport .searchArea form .one.submit {
    margin: 0 0 20px; }

  .paymentReport .searchArea form .one.submit div {
    height: auto; }

  /*-------------------------------------------------------------------------*/
  .mainSlider .theSlider, .mainSlider .morePosts {
    min-height: 560px; }

  #wam-home-container .stockMarket {
    min-height: 603px; }
  #wam-home-container .electronicLinks {
    min-height: 794px; }
  #wam-home-container .homeEvents {
    min-height: 304px; }
  #wam-home-container .mailingList {
    min-height: 249px; }
  #wam-home-container .archives {
    min-height: 492px; }
  #wam-home-container .weather {
    min-height: 770px; }
  #wam-home-container .poll {
    min-height: 426px; }
  #wam-home-container .gasPrices {
    min-height: 453px; }
  #wam-home-container .business {
    min-height: 1154px; }
  #wam-home-container .business .content .item {
    padding: 16px 20px; }

  #block-home-emirates, #block-last-news, #block-home-world-news, #block-home-economics, #block-home-sports, #block-home-reports {
    min-height: 1307px; }

  #block-home-image-gallery {
    min-height: 509px; }

  #block-home-videos {
    min-height: 829px; }

  #block-home-videos.homeVideos .content .item:first-of-type .description {
    height: 43px; }

  #block-home-happiness-news {
    min-height: 585px; }

  /*-------------------------------------------------------------------------*/ }
@media only screen and (min-width: 1280px) {
  .gridContainer {
    width: 1260px; }

  .mainSlider .theSlider {
    width: 940px;
    float: right; }

  .mainSlider .morePosts {
    width: 320px;
    float: left;
    display: block; }

  .homeSide {
    display: block; }

  .sidebar {
    position: static;
    width: auto;
    background: none;
    box-shadow: none; }

  .sidebar .theArrow {
    display: none; }

  .sidebar .inSidebar {
    position: static;
    padding: 0; }

  .registerdUser .sidebar {
    margin-top: 0; }

  .footer .oneCol.contact .theForm input[type='text'], .footer .oneCol.contact .theForm input[type='email'] {
    width: 135px; }

  .userPage .content .item .one {
    min-width: 375px; }

  .photosPage .mainArea .main .content .title {
    height: 42px; }

  .photosPage .searchResults.displayGrid .content .item {
    width: 25%; }

  .videosPage .searchResults.displayGrid .content .item {
    width: 25%; }

  .fixedLayout .gridContainer .leftArea {
    left: 0;
    top: 0;
    position: absolute;
    box-shadow: none; }

  .fixedLayout .gridContainer .leftArea .theArrow {
    display: none; }

  .fixedLayout .gridContainer .middleArea {
    left: 320px; }

  .registerdUser .fixedLayout .gridContainer .leftArea {
    margin-top: 0; }

  .mobileMenu {
    display: none !important; }

  .page404 .homeAlbums {
    padding: 50px 125px 0; } }

/*# sourceMappingURL=main.css.map */