/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ */

/* main.css 2.1.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
  resize: vertical;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden,
[hidden] {
  display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1 */
}

/*
 * Extends the .sr-only class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.sr-only.focusable:active,
.sr-only.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

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

.clearfix::after {
  clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}

@media print,
  (-webkit-min-device-pixel-ratio: 1.25),
  (min-resolution: 1.25dppx),
  (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
  *,
  *::before,
  *::after {
    background: #fff !important;
    color: #000 !important;
    /* Black prints faster */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]::after {
    content: " (" attr(href) ")";
  }

  abbr[title]::after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]::after,
  a[href^="javascript:"]::after {
    content: "";
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /*
   * Printing Tables:
   * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}


/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

/* Stories Default Skin*/
@keyframes zuckSlideTime{0%{max-width:0}to{max-width:100%}}@keyframes zuckLoading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#zuck-modal{outline:0!important;overflow:hidden;position:fixed;top:0;left:0;width:100vw;height:100%;background:rgba(0,0,0,.75);z-index:100000;font-size:14px;font-family:inherit}#zuck-modal-content,#zuck-modal-content .story-viewer,#zuck-modal-content .story-viewer>.slides,#zuck-modal-content .story-viewer>.slides>*{width:100vw;height:100%;top:0;bottom:0;position:absolute;overflow:hidden}#zuck-modal *{user-select:none;outline:0}#zuck-modal.with-effects{transform:scale(.01);transform-origin:top left;transition:.25s}#zuck-modal.with-effects.animated{transform:scale(1);border-radius:0;margin-top:0!important;margin-left:0!important}#zuck-modal.with-effects.closed{transform:translateY(100%)}#zuck-modal .slider{width:300vw;left:-100vw}#zuck-modal .slider,#zuck-modal .slider>*{height:100%;top:0;bottom:0;position:absolute}#zuck-modal .slider>*{width:100vw}#zuck-modal .slider>.previous{left:0}#zuck-modal .slider>.viewing{left:100vw}#zuck-modal .slider>.next{left:200vw}#zuck-modal .slider.animated{-webkit-transition:-webkit-transform .25s linear;transition:-webkit-transform .25s linear;transition:transform .25s linear;transition:transform .25s linear,-webkit-transform .25s linear}#zuck-modal.with-cube #zuck-modal-content{perspective:1000vw;transform:scale(.95);perspective-origin:50% 50%;overflow:visible;transition:.3s}#zuck-modal.with-cube .slider{transform-style:preserve-3d;transform:rotateY(0deg)}#zuck-modal.with-cube .slider>.previous{backface-visibility:hidden;left:100vw;transform:rotateY(270deg) translateX(-50%);transform-origin:center left}#zuck-modal.with-cube .slider>.viewing{backface-visibility:hidden;left:100vw;transform:translateZ(50vw)}#zuck-modal.with-cube .slider>.next{backface-visibility:hidden;left:100vw;transform:rotateY(-270deg) translateX(50%);transform-origin:top right}#zuck-modal-content .story-viewer.paused.longPress .head,#zuck-modal-content .story-viewer.paused.longPress .slides-pointers,#zuck-modal-content .story-viewer.paused.longPress .tip{opacity:0}#zuck-modal-content .story-viewer.viewing:not(.paused):not(.stopped) .slides-pointers>*>.active>b{-webkit-animation-play-state:running;animation-play-state:running}#zuck-modal-content .story-viewer.next{z-index:10}#zuck-modal-content .story-viewer.viewing{z-index:5}#zuck-modal-content .story-viewer.previous{z-index:0}#zuck-modal-content .story-viewer.loading .head .loading,#zuck-modal-content .story-viewer.muted .tip.muted{display:block}#zuck-modal-content .story-viewer.loading .head .right .close,#zuck-modal-content .story-viewer.loading .head .right .time{display:none}#zuck-modal-content .story-viewer .slides-pagination span{position:absolute;top:50vh;font-size:48px;color:#fff;line-height:48px;width:48px;margin:6px;transform:translateY(-50%);z-index:1;text-align:center}#zuck-modal-content .story-viewer .slides-pagination .previous{left:0}#zuck-modal-content .story-viewer .slides-pagination .next{right:0}#zuck-modal-content .story-viewer .slides-pointers{display:table;table-layout:fixed;border-spacing:6px;border-collapse:separate;position:absolute;width:100vh;top:0;left:calc(50vw - 50vh);right:calc(50vw - 50vh);z-index:100020}#zuck-modal-content .story-viewer .slides-pointers>*{display:table-row}#zuck-modal-content .story-viewer .slides-pointers>*>*{display:table-cell;background:hsla(0,0%,100%,.5);border-radius:2px}#zuck-modal-content .story-viewer .slides-pointers>*>.seen{background:#fff}#zuck-modal-content .story-viewer .slides-pointers>*>*>b{background:#fff;width:auto;max-width:0;height:2px;display:block;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-play-state:paused;animation-play-state:paused;border-radius:2px}#zuck-modal-content .story-viewer .slides-pointers>*>.active>b{-webkit-animation-name:zuckSlideTime;animation-name:zuckSlideTime;-webkit-animation-timing-function:linear;animation-timing-function:linear}#zuck-modal-content .story-viewer .head{position:absolute;height:56px;left:0;right:0;line-height:56px;z-index:100010;color:#fff;font-size:14px;text-shadow:1px 1px 1px rgba(0,0,0,.35),1px 0 1px rgba(0,0,0,.35);padding:6px 12px}#zuck-modal-content .story-viewer .head .item-preview{overflow:hidden;vertical-align:top;background-size:cover;width:42px;height:42px;display:inline-block;margin-right:9px;border-radius:50%;vertical-align:middle;background-repeat:no-repeat;background-position:50%}#zuck-modal-content .story-viewer .head .item-preview img{display:block;box-sizing:border-box;height:100%;width:100%;background-size:cover;background-position:50%;object-fit:cover}#zuck-modal-content .story-viewer .head .time{opacity:.75;font-weight:500;font-size:13px}#zuck-modal-content .story-viewer .head .left{line-height:1!important;display:inline-block;margin:6px 0}#zuck-modal-content .story-viewer .head .left .info{display:inline-block;max-width:30vw;vertical-align:middle}#zuck-modal-content .story-viewer .head .left .info>*{width:100%;display:inline-block;line-height:21px}#zuck-modal-content .story-viewer .head .left .info .name{font-weight:500}#zuck-modal-content .story-viewer .head .right{float:right}#zuck-modal-content .story-viewer .head .back,#zuck-modal-content .story-viewer .head .right .close{font-size:42px;width:48px;height:48px;line-height:48px;cursor:pointer;text-align:center}#zuck-modal-content .story-viewer .head .left .back{display:none;width:24px;margin:-9px -6px 0}#zuck-modal-content .story-viewer .head .right .time{display:none}#zuck-modal-content .story-viewer .head .loading{display:none;border-radius:50%;width:30px;height:30px;margin:9px 0;box-sizing:border-box;border:4px solid hsla(0,0%,100%,.2);border-top-color:#fff;-webkit-animation:zuckLoading 1s linear infinite;animation:zuckLoading 1s linear infinite}#zuck-modal-content .story-viewer .head,#zuck-modal-content .story-viewer .slides-pointers,#zuck-modal-content .story-viewer .tip{-webkit-transition:opacity .5s;transition:opacity .5s}#zuck-modal-content .story-viewer .slides .item{display:none;overflow:hidden;background:#000}#zuck-modal-content .story-viewer .slides .item:before{z-index:4;background:transparent;content:"";position:absolute;left:0;right:0;bottom:0;top:0}#zuck-modal-content .story-viewer .slides .item>.media{height:100%;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin:auto}#zuck-modal-content .story-viewer .slides .item.active,#zuck-modal-content .story-viewer .slides .item.active .tip.link{display:block}#zuck-modal-content .story-viewer .tip{z-index:5;text-decoration:none;display:none;border-radius:24px;background:rgba(0,0,0,.5);font-size:16px;position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:1000;color:#fff;text-align:center;text-transform:uppercase;font-weight:500;padding:12px 24px}#zuck-modal.rtl{direction:rtl;left:auto;right:0}#zuck-modal.rtl.with-effects{transform-origin:top right}#zuck-modal.rtl.with-effects.animated{margin-left:auto!important;margin-right:0!important}#zuck-modal.rtl .slider{left:auto;right:-100vw}#zuck-modal.rtl .slider>.previous{left:auto;right:0;transform:rotateY(-270deg) translateX(50%)}#zuck-modal.rtl .slider>.viewing{left:auto;right:100vw}#zuck-modal.rtl .slider>.next{left:auto;right:200vw}#zuck-modal.rtl.with-cube .slider>.previous{left:auto;right:100vw;transform-origin:center right}#zuck-modal.rtl.with-cube .slider>.viewing{left:auto;right:100vw;transform:translateZ(50vw)}#zuck-modal.rtl.with-cube .slider>.next{left:auto;right:100vw;transform-origin:top left;transform:rotateY(270deg) translateX(-50%)}#zuck-modal.rtl #zuck-modal-content .story-viewer .slides-pagination .previous{left:auto;right:0}#zuck-modal.rtl #zuck-modal-content .story-viewer .slides-pagination .next{right:auto;left:0}#zuck-modal.rtl #zuck-modal-content .story-viewer .head .item-preview{margin-right:auto;margin-left:9px}#zuck-modal.rtl #zuck-modal-content .story-viewer .head .right{float:left}#zuck-modal.rtl #zuck-modal-content .story-viewer .tip{left:auto;right:50%;transform:translateX(50%)}@media (max-width:1024px){#zuck-modal-content .story-viewer .head{top:3px}#zuck-modal-content .story-viewer .head .loading{width:24px;height:24px;margin:6px 0}#zuck-modal-content .story-viewer .head .item-preview{width:30px;height:30px;margin-right:9px}#zuck-modal-content .story-viewer .head .left{font-size:15px;margin:15px 0}#zuck-modal-content .story-viewer .head .left>div{line-height:30px}#zuck-modal-content .story-viewer .head .right .time{display:block;white-space:nowrap;font-size:15px;margin:15px 0;line-height:30px}#zuck-modal-content .story-viewer .head .left>.back{display:none;background:transparent;z-index:20;visibility:visible;position:absolute;height:42px;width:24px;line-height:36px;text-align:left;vertical-align:top;text-shadow:none}#zuck-modal-content .story-viewer.with-back-button .head .left>.back{display:block}#zuck-modal-content .story-viewer.with-back-button .head .left .item-preview{margin-left:18px}#zuck-modal-content .story-viewer .slides-pointers{width:100vw;left:0;right:0}#zuck-modal-content .story-viewer .tip{font-size:14px;padding:6px 12px}#zuck-modal-content .story-viewer .head .left .time,#zuck-modal-content .story-viewer .head .right .close{display:none}#zuck-modal.rtl #zuck-modal-content .story-viewer .head .item-preview{margin-right:auto;margin-left:9px}#zuck-modal.rtl #zuck-modal-content .story-viewer .head .left>.back{text-align:right}#zuck-modal.rtl #zuck-modal-content .story-viewer.with-back-button .head .left .item-preview{margin-left:auto;margin-right:18px}}.stories.carousel{white-space:nowrap;overflow:auto;-webkit-overflow-scrolling:touch;overflow-scrolling:touch}.stories.carousel::-webkit-scrollbar{width:0;background:transparent}.stories.carousel .story{display:inline-block;width:18vw;max-width:90px;margin:0 6px;vertical-align:top}.stories.carousel .story:first-child{margin-left:0}.stories.carousel .story:last-child{margin-right:0}.stories.carousel .story>.item-link{text-align:center;display:block}.stories.carousel .story>.item-link:active>.item-preview{transform:scale(.9)}.stories.carousel .story>.item-link>.item-preview{display:block;box-sizing:border-box;font-size:0;max-height:90px;height:18vw;overflow:hidden;transition:transform .2s}.stories.carousel .story>.item-link>.item-preview img{display:block;box-sizing:border-box;height:100%;width:100%;background-size:cover;background-position:50%;object-fit:cover}.stories.carousel .story>.item-link>.info{display:inline-block;margin-top:.5em;line-height:1.2em;width:100%;overflow:hidden;text-overflow:ellipsis}.stories.carousel .story>.item-link>.info .name{font-weight:300}.stories.carousel .story>.item-link>.info .time,.stories.carousel .story>.items{display:none}.stories.list{white-space:nowrap;overflow:auto}.stories.list .story{display:block;width:auto;margin:6px;padding-bottom:6px}.stories.list .story>.item-link{text-align:left;display:block}.stories.list .story>.item-link>.item-preview{height:42px;width:42px;max-width:42px;margin-right:12px;vertical-align:top;display:inline-block;box-sizing:border-box;font-size:0;overflow:hidden}.stories.list .story>.item-link>.item-preview img{display:block;box-sizing:border-box;height:100%;width:100%;background-size:cover;background-position:50%}.stories.list .story>.item-link>.info{display:inline-block;line-height:1.6em;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.stories.list .story>.item-link>.info .name{font-weight:500;display:block}.stories.list .story>.item-link>.info .time{display:inline-block}.stories.list .story>.items{display:none}.stories.rtl{direction:rtl}.stories.rtl.carousel .story:first-child{margin-left:auto;margin-right:0}.stories.rtl.carousel .story:last-child{margin-right:auto;margin-left:0}.stories.rtl.list .story>.item-link{text-align:right}.stories.rtl.list .story>.item-link>.item-preview{margin-right:auto;margin-left:12px}

#stories{
    border-bottom: 1px solid #E6E6E6;
    margin-top: -32px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    width: 100%;
    margin-left: -25px;
    padding-left: 25px;
    padding-right: 25px;
}

.stories.carousel::-webkit-scrollbar {
    width: 0;
	height:0;
}
.stories.snapgram .story > .item-link {
  text-decoration: none;
  color: #333;
}
.stories.snapgram .story > .item-link > .item-preview {
  border-radius: 50%;
  padding: 2px;
  background: radial-gradient(ellipse at 70% 70%, #ee583f 8%, #d92d77 42%, #bd3381 58%);
}
.stories.snapgram .story > .item-link > .item-preview img {
  border-radius: 50%;
  border: 3px solid #fff;
}

.stories.snapgram .story.seen {
  opacity: 0.75;
}
.stories.snapgram .story.seen > a > .item-preview {
  background: #999;
}
.stories.snapgram .story.seen > a {
  color: #999 !important;
}


*{
	font-family:tahoma, arial unicode, arian amu;
}

::-webkit-scrollbar {
    width: 10px;
	height:10px;
	background-color:#ffffff;
}
 
/* Track */
::-webkit-scrollbar-track {
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background-color: #333; 
	background-image:url(../img/scroll.png);
	background-position:center;
	background-repeat:no-repeat;
}
::-webkit-scrollbar-thumb:window-inactive {
    background-color: #333; 
	background-image:url(../img/scroll.png);
	background-position:center;
	background-repeat:no-repeat;
}


.blank{
	width:100%;
	height:1500px;
}	
	


header{
    width: 270px;
    float: left;
    border-right: 1px solid #E6E6E6;
    min-height: 100vh;
    position: sticky;
    top: 0;
    overflow: auto;
}
.logo{
	width:222px;
	height:50px;
	margin-top:40px;
	margin-left:25px;
	margin-bottom:40px;
}
.logo a, .logo img{
	display:block;
	width:222px;
	height:50px;
}
.menu{
	margin: 25px;
}
.menu a{
    display: block;
    text-decoration: none;
    font-size: 14px;
    color: #333333;
    line-height: 24px;
    height: 20px;
    margin-bottom: 15px;
	transition: all 0.3s;
}
.menu .current, .menu a:hover{
    border-left: 6px solid red;
    padding-left: 6px;
}
.menu a img{
	display: block;
    margin-right: 10px;
    float: left;
}
.goToTimeline{
    margin: 25px;
}
.goToTimeline a{
	display: block;
    height: 36px;
    line-height: 38px;
    border: 2px solid #333333;
    border-radius: 40px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    color: #333333;
    text-transform: uppercase;
	transition: all 0.3s;
}
.goToTimeline a:hover{
	background: #00004A;
    border-color: #00004A;
    color: white;
}
.importantNews{
	margin:25px;
}
.inFlag{
	display: block;
    font-size: 12px;
    background: url(../img/red_ribbon.png);
    width: 75px;
    height: 16px;
    line-height: 16px;
    color: white;
    font-weight: bold;
    padding-left: 25px;
    margin-left: -25px;
}
.importantNewsSlider a{
    display: block;
    text-decoration: none;
    margin-top: 15px;
}
.importantNewsSlider a span{
	display: block;
    font-size: 12px;
    line-height: 18px;
    height: 54px;
    overflow: hidden;
    font-weight: bold;
    color: #333333;
    margin-top: 3px;
}
.importantNewsSlider a img{
	display: block;
    width: 60px !important;
    height: 60px !important;
    border-radius: 60px;
    float: left;
    margin-right: 10px;
}
.mainLeft{
	width:620px;
	padding:40px 25px;
	float:left;
}
.titler{
	position:relative;
}
.titler a, .titler span{
	display:block;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
	color:#00004A;
	margin-bottom:20px;
	border-bottom:1px solid #00004A;
	height:30px;
	line-height:30px;
}
.noBorderTitler a, .noBorderTitler span{
	border-bottom:none !important;
	margin-bottom:0;
}
.grayBorderTitler a, .grayBorderTitler span{	
	border-bottom:1px solid #E6E6E6 !important;
	padding-left:10px;
	margin-bottom:10px;
}
.mainNews{
	margin-bottom:20px;
}
.mainNews a{
	display:block;
	text-decoration:none;
	position:relative;
}
.mainNews a img{
	border-radius:8px;
}
.mainNews a time{
	position:absolute;
	top:10px;
	right:20px;
	font-size:14px;
	color:white;
}
.mainNews a span{
	display:block;
	font-size:24px;
	line-height:30px;
	color:#00004A;
	font-weight:bold;
	margin-top:10px;
}
.mainNews .owl-dots{
    position: absolute;
    top: -25px;
    right: 0;
    height: 20px;
}
.mainNews .owl-dots .owl-dot{
    width: 14px;
    height: 14px;
    border-radius: 10px;
    border: 2px solid #00004A !important;
    display: block;
    float: left;
    margin-left: 5px;
    margin-top: 5px;
}
.mainNews .owl-dots .active{
	background:#00004A;
}
.catOnMain{
	border:1px solid #E6E6E6;
	border-radius:8px;
	margin-bottom:20px;
	overflow:hidden;
}
.catOnMainSlider{
    position: relative;
    margin: 10px;
}
.catOnMainSlider a{
    display: block;
    text-decoration: none;
    width: 294px;
	height:120px;
    float: left;
	transition: all 0.3s;
}
.catOnMainBlock a:hover time, .catOnMainSlider a:hover time{
	color:red;
}
.catOnMainBlock a{
    display: block;
    text-decoration: none;
    width: calc(50% - 20px);
    height: 120px;
    float: left;
    margin-left: 10px;
    margin-bottom: 10px;
}
.catOnMainSlider a img, .catOnMainBlock a img{
    width: 120px !important;
    height: 120px;
	display: block;
    float: left;
    margin-right: 10px;
    border-radius: 4px;
}
.catOnMainSlider a span, .catOnMainBlock a span{
	display: block;
    float: left;
    width: calc(100% - 130px);
    font-size: 14px;
    color: #333333;
    font-weight: bold;
    line-height: 20px;
    max-height: 115px;
    overflow: hidden;
}
.catOnMainSlider a span time, .catOnMainBlock a span time{
    display: block;
    font-size: 11px;
    margin-bottom: -5px;
	font-weight:normal !important;
	transition: all 0.3s;
}
.catOnMainSlider .owl-dots{
    position: absolute;
    top: -37px;
    right: 20px;
    height: 20px;
}
.catOnMainSlider .owl-dots .owl-dot{
    width: 14px;
    height: 14px;
    border-radius: 10px;
    border: 2px solid #00004A !important;
    display: block;
    float: left;
    margin-left: 5px;
    margin-top: 5px;
}
.catOnMainSlider .owl-dots .active{
	background:#00004A;
}
.comBlack{
	background:#000000;
	border-color:#000000;
}
.comBlack .titler a{
	border-bottom:1px solid white;
	color:white;
}
.videoMainSlider{
    margin: 10px;
    margin-top: 0;
}
.videoMainSlider a{
    display: block;
    text-decoration: none;
    position: relative;
	width: calc(100% - 20px);
}
.videoMainSlider a img{
    display: block;
	width:360px !important;
	height:260px !important;
    border-radius: 4px;
    float: left;
    margin-right: 10px;
    opacity: 0.8;
	transition: all 0.3s;
}
.videoMainSlider a span{
    display: block;
    font-weight: bold;
    font-size: 20px;
    color: white;
}
.videoMainSlider a time{
    display: block;
    position: absolute;
    top: 10px;
    left: 220px;
    width: 110px;
    text-align: center;
    font-size: 10px;
    background: red;
    color: white;
    font-weight: bold;
    padding: 0 10px;
    border-radius: 20px;
    height: 18px;
    line-height: 18px;
}
.playMV{
    position: absolute;
    width: 80px;
    height: 80px;
    background: url(../img/play.png);
    top: 0;
    bottom: 0;
    margin: auto;
    left: 140px;
	opacity:0.8;
	transition: all 0.3s;
}
.videoMainSlider a:hover .playMV, .videoMainSlider a:hover img{
	opacity:1;
}
.videoMainSlider .owl-dots{
    position: absolute;
    top: -37px;
    right: 20px;
    height: 20px;
}
.videoMainSlider .owl-dots .owl-dot{
    width: 14px;
    height: 14px;
    border-radius: 10px;
    border: 2px solid white !important;
    display: block;
    float: left;
    margin-left: 5px;
    margin-top: 5px;
}
.videoMainSlider .owl-dots .active{
	background:white;
}

.mainRight{
    float: left;
    border-left: 1px solid #E6E6E6;
    width: 320px;
    padding-left: 25px;
	padding-top:40px;
}
.searchBox{
    height: 30px;
    background: white;
    border-radius: 30px;
    border: 1px solid #E6E6E6;
    overflow: hidden;
	margin-bottom:20px;
}
.submitLine{
    display: block;
    float: left;
    height: 30px;
    padding: 0 10px;
    border: none;
    outline: none;
    background: white;
    font-size: 12px;
    width: calc(100% - 35px);	
}
.submitSearch{
    display: block;
    width: 30px;
    height: 30px;
    background: url(../img/search.png);
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    outline: none;
    cursor: pointer;
}
.timeline{
	height: 500px;
    overflow: auto;
}
.timeline a{
    display: block;
    text-decoration: none;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #E6E6E6;
	transition: all 0.3s;
}
.timeline a:last-child{
    margin-bottom: 0;
    border-bottom: none;
}
.timeline a span{
	display: block;
    font-size: 15px;
    color: #333333;
}
.timeline a time{
	display: block;
	font-size: 12px;
	color: #00004A;
	transition: all 0.3s;
}
.timeline a:hover{
    border-bottom: 1px solid red;
}
.timeline a:hover time{
	color:red;
}
.allTimeline a{
    display: block;
    text-align: right;
    height: 30px;
    line-height: 30px;
    border-top: 1px solid #00004A;
    margin: 20px 0;
    color: #00004A;
    font-size: 14px;	
}

.poll{
	margin-bottom: 20px;
    padding: 0 20px;
}
.pollQuestion{
	font-weight: bold;
    color: #000;
    font-size: 16px;
}
.pollAnsverVariant{
	padding: 5px 0;
    margin-top: 20px;
}
.pollAnsverVariant span{
	display: block;
    float: left;
    font-size: 14px;
}
.pollAnsverVariant .label{
	font-size:14px;
	font-weight:bold;
}
.pollRadio{
	display:block;
    float: left;
    width: 14px;
    height: 14px;
    padding: 0;
    margin-top: 2px;
    margin-right: 10px;
}
.vote input{
    margin: 0;
    outline: none;
    border: none;
    background-color: #ff0000;
    color: white;
    height: 40px;
    margin-top: 25px;
    float: right;
    padding: 0 50px;
    font-size: 14px;
    border-radius: 40px;
    margin-right: -20px;
}
.ddd{
	width:100%;
	text-align:center;
}
#key{
	display: block;
    height: 30px;
    width: 100px;
    margin: 0 auto;
}
#reload{
    display: block;
    float: left;
    width: calc(50% - 10px);
    height: 40px;
    background: #c90000;
    border: none;
    outline: none;
    color: white;
}
#bu{
	display: block;
    float: left;
    width: calc(50% - 10px);
    height: 40px;
    background: #0c00c9;
    border: none;
    outline: none;
    color: white;
	margin-left:20px;
}
.mostPop{
	
}
.mostPop a{
	display: block;
    text-decoration: none;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid #E6E6E6;
	position:relative;
}
.mostPop a img{
    display: block;
    float: left;
    margin-right: 10px;
    border-radius: 80px;
}
.mostPop a time{
    display: block;
    font-size: 12px;
    color: #00004A;
}
.mostPop a span{
    display: block;
    font-size: 14px;
    color: #333333;
    font-weight: bold;
    line-height: 21px;
}
.mvProgress{
	height:2px;
	background:#00004A;
	position:absolute;
	bottom:-2px;
	left:0;
}
.mvpl1{
	width:100%;
}
.mvpl2{
	width:90%;
}
.mvpl3{
	width:80%;
}
.mvpl4{
	width:70%;
}
.mvpl5{
	width:60%;
}

footer{
    width: calc(100% - 381px);
    margin-left: 321px;
    padding: 30px;
    border-top: 1px solid #E6E6E6;	
}
footer small{
    display: block;
    color: #979797;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #E6E6E6;
}
.footerMenu{
	text-align: right;
    font-size: 12px;
}
.footerMenu a{
	display:inline-block;
	margin-left:10px;
	color:#333333;
}
.signature{
    display: block;
    font-size: 12px;
    text-align: right;
    margin-top: 20px;	
}






/****************** Show Page ******************/

.newsShow{
	background:white;
	min-height:500px;
}
.newsShow h1{
    margin: 0;
    font-size: 24px;
    line-height: 30px;
    color: #00004A;
    margin-bottom: 15px;
}
.articleCat{
	display: inline-block;
    height: 30px;
    padding: 0 10px;
    background: #ff0000;
    line-height: 30px;
    text-decoration: none;
    color: white;
    margin-bottom: 10px;
    font-size: 14px;
}
.newsShow time{
	display: inline-block;
    height: 30px;
    background: whitesmoke;
    line-height: 30px;
    padding: 0 10px;
    font-size: 14px;
    color: #333;
}
.articleSharer{
    padding: 10px 0;
    border-top: 1px solid whitesmoke;
    margin: 10px 0;
}
.fb-share-button{
	float: left;
    margin-top: -2px;
    margin-right: 4px;
}
.articleMedia{
	margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid whitesmoke;
}
.articleMedia img{
	width:100%;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
.video-container .newParentOfEmbed{
	overflow:inherit !important;
	margin-top:-25px;
}
.video-container > .msPreroll {
    margin-top: -30px;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.newsShow p{
	color:#000;
}
.newsShow p iframe, .newsShow p img{
	max-width:100%;
}
.newsShow p img{
	max-width:calc(100% - 20px);
	max-height:calc(100% - 20px);
	float:left;
	margin:10px;
}
.newsShow .image{
    margin: 15px 0;
    padding: 0;
    width: 100%;
}
.newsShow .image-style-side{
    width: 50% !important;
    float: right;
    margin-left: 15px;
}
.newsShow .image img{
    width: 100%;
}
.newsShow .image figcaption{
	font-size: 14px;
    font-weight: bold;
    height: 14px;
    line-height: 14px;
    padding: 5px 0;
    text-align: right;
    border-bottom: 1px solid whitesmoke;
    color: #999;
}
.fotorama{
	margin-bottom:10px;
}
.fb-comments{
}
.fb-vertical{
    position: relative;
    background: black;
    width: 100%;
    height: 536px;
}
.fb-vertical .fb-video{
	position: absolute !important;
    left: 50% !important;
    margin-left: -150px !important;
    width: 300px !important;
}
.fb-vertical .fb_iframe_widget_fluid_desktop iframe{
    width: 300px !important;
    height: 536px !important;
    position: absolute !important;
    margin-left: calc(100% - 300px);
}
.fb-vertical .fb_iframe_widget span{
	height:536px !important;
}
.relatedArticles{
	padding: 20px;
    border: 1px solid whitesmoke;
    margin: 5px;
}
.relatedArticles b{
	display: block;
    color: #ff0000;
    height: 15px;
    line-height: 15px;
    margin-bottom: 10px;
    font-size: 15px;
}
.relatedArticles a{
	display: block;
    line-height: 22px;
    font-size: 14px;
    text-decoration: none;
    margin-top: 7px;
    padding-top: 7px;
    border-top: 1px solid whitesmoke;
	color:#333;
}
.relatedArticles a img{
	display: block;
	float:left;
	margin-right:10px;
}




/********************* Static Show *********************/

.staticPage{
    background: white;
    min-height: 500px;
}
.staticPage h1{
	display: block;
    font-size: 24px;
    line-height: 24px;
    color: #ff0000;
}




/********************* Cat Show *********************/

.categoryShow{
	background:white;
}
.categoryShow h1{
	margin:0;
	font-size:24px;
	line-height:24px;
	color:#00004A;
	margin-bottom:15px;
}
.catBox a{
	display: block;
    float: left;
    width: calc(33.333333333333% - 10px);
    text-decoration: none;
    margin-right: 15px;
    margin-bottom: 15px;
}
.catBox a:nth-child(3n){
	margin-right:0;
}
.catBox a img{
	display:block;
	margin-bottom:10px;
	width:100%;
	border-radius:6px;
}
.catBox a time{
    display: block;
    color: #00004A;
    font-size: 12px;
    font-weight: normal;
}
.catBox a b{
	display: block;
    font-size: 15px;
    color: #333;
    line-height: 21px;
    height: 105px;
    overflow: hidden;
}


/* pageination */

.pagination {
	height: 40px;
	text-align:center;
    margin-bottom: 0;
}
.pagination a {
    display: inline-block;
    height: 40px;
    width: calc(100% / 7 - 3.5px);
    font-size: 10px;
    line-height: 40px;
    background-color: whitesmoke;
    text-decoration: none;
    margin-left: 4px;
    color: #00004A;
    font-weight: bold;
	border-radius:3px;
}
.pagination a:first-child {
    margin-left: 0;
}
.pagination a:hover {
	background-color:#00004A;
	color:white;
}
.activePage {
	background-color: #00004A !important;
	color:white !important;
}




/* News Line */


.allNewsPage h1{
    margin: 0;
    color: #00004A;
    font-size: 24px;
    line-height: 24px;
    height: 24px;
    background: white;
    padding: 10px;
}
.allNewsBox{
	margin-top: 10px;
}
.allNewsBox a{
    display: block;
    text-decoration: none;
    margin-bottom: 10px;
    background: white;
    padding: 5px;
}
.allNewsBox a img{
    display: block;
    float: left;
    margin-right: 10px;
    width: 120px;
    height: 120px;
	border-radius:6px;	
}
.allNewsBox a b{
	display: block;
    color: #333;
    font-size: 15px;
    line-height: 21px;
}
.allNewsBox a b time{
	display: block;
    font-size: 12px;
    font-weight: normal;
    color: #ff0000;
}
.allNewsRight{
    width: 350px;
    float: right;
    background: white;
    padding: 15px;
    position: sticky;
    top: 10px;
}
.allNewsRight .mostPopular{
    width: 100%;
}

.dateSearchBox{
	margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid silver;
}
.dateSearchBox b{
	display: block;
    font-size: 15px;
    height: 15px;
    line-height: 15px;
    color: #00004A;
    margin-bottom: 10px;
}
.dateSearchLine{
	display: block;
    float: left;
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    border: 1px solid #00004A;
    border-radius: 0;
    outline: none;
    width: calc(100% - 120px);
    color: #00004A;	
}
.dateSubmit{
	display: block;
    float: left;
    height: 30px;
    border: none;
    outline: none;
    background: #00004A;
    color: white;
    font-size: 12px;
    width: 98px;
    font-weight: bold;
}





/********************* Medias Starts Here*********************/

@media (max-width:1280px){
	header{
		width:250px;
	}
	.logo, .logo a, .logo img {
		width: 178px;
		height: 40px;
	}
}
@media (max-width:1024px){
	header {
		width: 1000px;
		float: none;
		border-right: none;
		min-height: 100px;
		position: relative;
		top: 0;
		overflow: auto;
		max-height: 100px;
		margin: 0 auto;
	}
	.logo {
		width: 178px;
		height: 40px;
		margin-top: 20px;
		margin-left: 0;
		margin-bottom: 20px;
		float: left;
	}
	.logo a, .logo img {
		width: 178px;
		height: 40px;
	}
	.menu {
		float: right;
		height: 40px;
		margin:0;
		margin-top: 30px;
	}
	.menu a{
		display: block;
		text-decoration: none;
		font-size: 14px;
		color: #333333;
		line-height: 24px;
		height: 20px;
		margin-bottom: 15px;
		transition: all 0.3s;
		float: left;
		margin-right: 15px;
	}
	.menu a:hover{
		border-left: none;
		padding-left: 0;
	}
	.goToTimeline, .importantNews{
		display:none;
	}
	.main{
		width: 1000px;
		margin: 0 auto;
	}
	.mainLeft {
		width: 680px;
		padding: 15px;
		float: left;
		padding-top: 0;
		padding-left: 0;
	}
	.mainRight{
		padding-top:10px;
	}
	footer {
		width: 1000px;
		padding: 30px 0;
		border-top: 1px solid #E6E6E6;
		margin: 0 auto;
		text-align: center;
	}
	#stories {
		border-bottom: 1px solid #E6E6E6;
		margin-top: 0;
		padding-bottom: 20px;
		margin-bottom: 20px;
		width: 100%;
		margin-left: -25px;
		padding-left: 0;
		padding-right: 40px;
	}
}

@media (max-width:700px){
header {
    width: calc(100% - 30px);
    float: none;
    border-right: none;
    position: relative;
    top: 0;
    overflow: unset;
    max-height: unset;
    margin: 0 auto;
    min-height: unset;
}
.logo {
    width: 178px;
    height: 40px;
    float: none;
    margin: 20px auto;
}
.menu {
	display:none;
    float: unset;
    height: 100vh;
    margin: 0;
    margin-top: 0;
    width: 100%;
    position: absolute;
    z-index: 99999;
    background: white;
    top: 60px;
    left: -15px;
    padding: 15px;
}
.menu a {
    display: block;
    text-decoration: none;
    font-size: 14px;
    color: #333333;
    line-height: 24px;
    height: 20px;
    margin-bottom: 15px;
    transition: all 0.3s;
    float: unset;
    margin-right: 15px;
}
.goToTimeline{
    position: absolute;
    z-index: 99999;
    top: 270px;
    left: -15px;
    width: calc(100% - 20px);
    display: block;
}
.goToTimeline {
    display: none;
}
.importantNews{
	display:none;
	position: absolute;
    top: 330px;
    width: 100%;
    left: -25px;
    z-index: 99999999;
}
.mobimenu{
    position: absolute;
    width: 30px;
    height: 30px;
    top: 0px;
    left: 0;
    background: url(../img/menu.png?v2) center no-repeat;
    cursor: pointer;
}
.closemobimenu{
	position: absolute;
    width: 30px;
    height: 30px;
    background: url(../img/close.png) center no-repeat white;
    top: -60px;
    left: 15px;
}
.mobisearch{
    position: absolute;
    width: 30px;
    height: 30px;
    background: url(../img/search.png) center no-repeat white;
    top: 0px;
    right: 0px;
}
.searchBox {
	display:none;
    height: 40px;
    margin-bottom: unset;
    position: fixed;
    top: 20px;
    left: 15px;
    z-index: 999;
    width: calc(100% - 30px);
}
.submitLine {
    height: 40px;
    width: calc(100% - 70px);
}
.submitSearch {
    float: left;
    height: 40px;
}
.closemobisearch{
	width: 30px;
    height: 40px;
    background: url(../img/close.png) center no-repeat white;
    float: right;
    margin-right: 10px;
}
.main {
    width: calc(100% - 30px);
    padding: 0 15px;
}
.mainLeft {
    width: 100%;
    padding: 0;
    float: left;
    padding-top: 0;
    padding-left: 0;
}
.mainNews .owl-dots {
    top: -35px;
}
.noBorderTitler a, .noBorderTitler span {
    border-bottom: none !important;
    margin-bottom: 10px;
}
.catOnMainBlock a {
    width: calc(100% - 20px);
}
.mainRight {
    padding-top: 10px;
    border: none;
    width: 100%;
    margin: 0;
    padding: 0;
}
footer {
    width: calc(100% - 30px);
    padding: 20px 15px;
    margin: 0;
    margin-top: 20px;
    text-align: center;
}
.newsShow h1{
    font-size: 18px;
    line-height: 22px;
}
.paginationCont{
	margin-bottom:20px;
}

.catBox a{
	display: block;
    float: left;
    width: calc(50% - 10px);
    text-decoration: none;
    margin-right: 15px;
    margin-bottom: 15px;
}
.catBox a:nth-child(3n){
	margin-right:15px;
}
.catBox a:nth-child(2n){
	margin-right:0;
}
.videoMainSlider a img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    border-radius: 4px;
    float: unset;
    margin-right: unset;
    opacity: 0.8;
    transition: all 0.3s;
}
.playMV {
    position: absolute;
    width: 80px;
    height: 80px;
    background: url(../img/play.png);
    top: 80px;
    margin: auto;
    left: 0;
    right: 0;
    opacity: 0.8;
    transition: all 0.3s;
}
.videoMainSlider a time {
    display: block;
    position: unset;
    margin-top: 7px;
    left: 180px;
    width: 110px;
    text-align: center;
    font-size: 10px;
    background: red;
    color: white;
    font-weight: bold;
    padding: 0 10px;
    border-radius: 20px;
    height: 18px;
    line-height: 18px;
}
}