/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *




 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

body, html {
  height:100%;
  width:100%;
  background-color:#000;
}

a, p, h1, h2 {
  font-family: 'Ubuntu', sans-serif;
}

.wrapper {
  width:100%;
  height:100%;
  position:relative;
  overflow:hidden;
}

.slide_container {
  width:100%;
  display:block;
  overflow:hidden;
}


b {
  font-weight:700;
}

.slide_content_container {
width:100%;
  display:block;
  overflow:hidden;

}

.timeline_container {
  position:absolute;
  bottom:0;
  width:100%;
  height:192px;
  background-color:rgba(0,0,0,0.4);
  display:block;
}

.toggle_container {
  position:relative;
  width:40px;
  height:40px;
  margin:0 auto;
  display:block;
  margin-bottom:-16px;
}

.timeline_toggle {
  width:40px;
  height:40px;
  display:block;
  position:absolute;
  margin:0 auto;
}

#timeline_close {
  background-image: url(images/UI_sprites.png);
  top: -20px;
  background-position: 237px 0;
}

#timeline_open {
  background-image: url(images/UI_sprites.png);
  top: -20px;
}



.slide_content_container {
  width:100%;
  height:100%;
  position:relative;
  display:block;
}

.slide_content_container {
  width:100%;
  height:100%;
  position:relative;
  display:block;
}

/*.slide_content_container .slide_image {
  position:relative;
}

.slide_content_container .slide_video {
  position:relative;
} */

.topbar {
  background-color:rgba(0,0,0,0.4);
  position:absolute;
  top:0;
  left:0;
  display:block;
  height:70px;
  width:100%;
  z-index: 999;
}

.topbar_hidden {
  opacity: 0.2;
}

.topbar_hidden:hover {
  opacity: 1.0;
}

.topbar a {
  color:#fff;
}

.topbar .find_out_more {
  float:left;
  width:75px;
  height:100%;
  border-right:1px solid #fff;
  text-align:center;
}

.topbar .find_out_more_toggle {
  text-align:center;
  text-decoration:none;
  padding-top:11px;
  display:block;
  background-image:url(images/UI_sprites.png);
  background-position: 45px 0px;
  width: 45px;
  height: 35px;
  margin-left: 14px;
  margin-top: 11px;
}

@-webkit-keyframes whitePulse {
  from { background-color: #000;}
  50% { background-color: #808080;}
  to { background-color: #000;}
}

.pulse {
  -webkit-animation-name: whitePulse;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
}

.topbar .more_information {
  float:left;
  width:30%;
  height:100%;
  border-right:1px solid #fff;
  text-align:left;
  overflow:hidden;
  position:relative;
}

.topbar .more_information p {
  padding:10px;
  color:#fff;
  font-size:12px;
  line-height:16px;
}


.topbar .story_switcher {
  float:right;
  margin-top:3px;
}

.story_thumbnail {
  width:45px;
  height:45px;
  background-image:url(images/lapas_sprite.png);
}

.story_switcher .alnis {
  background-position: 277px 131px;
  background-image: url(images/UI_sprites.png);
}

.story_switcher .andris {
  background-position: 232px 131px;
  background-image: url(images/UI_sprites.png);
}

.story_switcher .ilga {
  background-position: 188px 131px;
  background-image: url(images/UI_sprites.png);
}

.story_switcher .inta {
  background-image: url(images/UI_sprites.png);
  background-position: 143px 131px;
  height: 44px;
}

.story_switcher .ivars {
  background-position: 98px 133px;
  height: 44px;
  background-image: url(images/UI_sprites.png);
}

.topbar .story_switcher a:hover, .topbar .story_switcher a.active_hero_icon {
  opacity:1;
}

.topbar .story_switcher .story_thumbnail {
  border-radius:25px;
}

.topbar .story_switcher a.active_hero_icon {
  border: 1px red solid;
}

.topbar .story_switcher .alnis.active_hero_icon {
  background-position: 277px 89px;
  background-image: url(images/UI_sprites.png);
}

.topbar .story_switcher .andris.active_hero_icon {
  background-position: 232px 89px;
  background-image: url(images/UI_sprites.png);
}

.topbar .story_switcher .ilga.active_hero_icon {
  background-position: 187px 89px;
  background-image: url(images/UI_sprites.png);
}

.topbar .story_switcher .inta.active_hero_icon {
  background-position: 142px 89px;
  background-image: url(images/UI_sprites.png);
}

.topbar .story_switcher .ivars.active_hero_icon {
  background-position: 98px 89px;
  background-image: url(images/UI_sprites.png);
}

.topbar .story_switcher.switcher_ru .alnis.active_hero_icon {
  background-position: 277px 46px;
  background-image: url(images/UI_sprites.png);
}

.topbar .story_switcher.switcher_ru .andris.active_hero_icon {
  background-position: 232px 45px;
  background-image: url(images/UI_sprites.png);
}

.topbar .story_switcher.switcher_ru .ilga.active_hero_icon {
  background-position: 187px 44px;
  background-image: url(images/UI_sprites.png);
}

.topbar .story_switcher.switcher_ru .inta.active_hero_icon {
  background-position: 142px 45px;
  background-image: url(images/UI_sprites.png);
}

.topbar .story_switcher.switcher_ru .ivars.active_hero_icon {
  background-position: 98px 45px;
  background-image: url(images/UI_sprites.png);
}

.topbar .story_switcher a {
  display:inline-block;
  margin: 11px 5px 0 0;
  opacity:0.6;
}

.story_switcher a.only {
  margin-right: 14px!important;
}

.topbar .story_switcher #previous_switch {
width: 22px;
height: 21px;
margin-top: 0px;
margin-left: 10px;
margin-right: 10px;
position: relative;
top:-10px;
background-repeat: no-repeat;
background-position: -115px 0px;
background-image: url(images/UI_sprites.png);
}

.topbar .story_switcher #next_switch {
width: 22px;
height: 21px;
margin-top: 0px;
margin-left: 10px;
margin-right: 10px;
position: relative;
top:-10px;
background-repeat: no-repeat;
background-position: -136px 0px;
background-image: url(images/UI_sprites.png);
}

.topbar .menu_bar_open {
  width: 26px;
height: 26px;
display: block;
float: right;
background-image: url(images/UI_sprites.png);
opacity: 0.8;
background-repeat: no-repeat;
background-position: -125px -21px;
}

.topbar .menu_bar_open_wrap {
padding: 22px;
border-left: 1px solid #fff;
display: block;
float: right;
}

.topbar .menu_bar_open:hover {
  opacity:1;
}

.topbar .menu_bar, .menu_bar_left {
  position: absolute;
  top: 70px;
  background-color: rgba(0,0,0,0.4);
  display: none;
}

.topbar .menu_bar{
  right:0;
}

.topbar .menu_bar_left{
  left:0;
}

.topbar .menu_bar a, .menu_bar_left a {
  padding: 10px;
  border-bottom: 1px solid #fff;
  color: #fff;
  font-size: 14px;
  display: block;
  font-weight: normal;
  text-decoration: none;
  text-transform: uppercase;
}

/*------------       SLIDE CONTENT CLASSES      -------------------*/

.loading_overlay {
  background-color:rgba(0, 0, 0, 0.75);
  width:100%;
  height:100%;
  position:absolute;
  opacity:0.9;
  top:0px;
  left:0px;
  z-index: 500;
}

.center_horizontal_clipping {
  margin:0 auto;
  width:auto;
  display:block;
  height:100%;
}

.center_vertical_clipping {
  margin:0 auto;
  width:100%;
  display:block;
  height:auto;
}

.center {
  height:100%;
  display:block;
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  margin:auto;
}

/* Fugly thing for slide #1 */

.centr {
  height:100%;
  display:block;
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  margin:auto;
}

.centr-bg {
  width:100%;
  height:100%;
  display:block;
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  margin:auto;
}

.center-blur {
  width: 100%;
}

.video_center_vertical_clipping {
  width:100%;
  height:auto;
}

.video_center_horizontal_clipping {
  width:auto;
  height:100%;
  margin:0 auto;
  display:block;
}

.button {
  display:block;
  padding:20px;
  background-color:rgba(0,0,0,0.6);
  color:#fff;
  font-size:18px;
  text-align:center;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  position:absolute;
  text-decoration:none;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  font-style:italic;
  min-width:200px;
  min-height:200px;
}

.button span.title {
  font-size:22px;
  display:block;
  border-bottom:1px solid #fff;
  padding:10px 0 10px 0;
  margin-bottom:20px;
}

.button span.caption_text {
  font-size:14px;
}
.alnis span.title:before {
  content:url(images/lapina1.png);
  display:block;
  margin:0 auto;
}


/*---------------- TIMELINE ----------*/

.timeline_container {
  z-index: 999;
}

.timeline_container .timeline {
  width:90%;
  margin:0 auto;
  display:block;
  min-height:50px;
}

.timeline_container .timeline ul {
  float:left;
  position:relative;
}

.timeline_container .timeline .milestone {
  display: block;
  width: 12px;
  height: 12px;
  background-image: url(images/UI_sprites.png);
  position: absolute;
  left: -6px;
  bottom: -6px;
  z-index: 10;
  background-position: 0 -54px;
}

.timeline_container .timeline .milestone-last {
  display: block;
  width: 12px;
  height: 12px;
  background-image: url(images/UI_sprites.png);
  position: absolute;
  right: -6px;
  bottom: -6px;
  z-index: 10;
  background-position: 0 -54px;
}

.timeline_container .timeline .active .milestone {
  background-image: url(images/UI_sprites.png);
  background-position: 0 -41px;
}


.timeline_container .timeline .description {
  position:absolute;
  left:50%;
  top:74px;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  display:block;
  color:#fff;
  text-align:center;
}

.timeline_container .timeline .description p {
  border-bottom:1px solid #433f3e;
  padding-bottom:5px;
  margin-bottom:5px;
  font-size:12px;
}

.timeline_container .timeline .description .year {
  font-size:16px;
  opacity:0;
  position:relative;
  top:-20px;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.timeline_container .timeline .description:hover .year {
  opacity:1;
  top:0px;
}

.timeline_container .timeline li {
  display:block;
  float:left;
  height:auto;
}

.timeline_container .timeline .img_wrap {
  width:100%;
  display:block;
  overflow:hidden;
  border-bottom:1px solid #fff;
}

.timeline_container .timeline .active .img_wrap {
  border-bottom:1px solid #c12226;
}

.timeline_container .timeline .img_wrap a {
  width:100%;
  height:auto;
  display:block;
  
}

.timeline_container .timeline .img_wrap a:hover img, .timeline_container .timeline .img_wrap a img.thumbnail_hovered {
  top:0;
  opacity:1;
}

.img_wrap img {
  position:relative;
  top:100px;
  display:block;
  opacity:0;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}



/* ---------   CONTROL CSS ------*/

.timeline_controls {
  margin:0 auto;
  text-align:center;
  display:block;
  clear:both;
  position:relative;
  top:50px;
}

.timeline_controls a {
  height:60px;
  display:inline-block;
  margin-right:5px;
  opacity:0.8;
}

.timeline_controls a:hover {
  opacity:1;
}

.timeline_controls #previous {
  background-image: url(images/UI_sprites.png);
  width: 22px;
  height: 21px;
  margin-left: 38px;
  background-position: -115px 0;
  position: relative;
  bottom: 20px;
  margin-right: 20px;
}

.timeline_controls #start {
  background-image: url(images/UI_sprites.png);
  width: 35px;
  background-position: 197px 0;
  position: relative;
  top: 12px;
  margin-right: 20px;
}

.timeline_controls #play {
  background-image: url(images/UI_sprites.png);
  width: 60px;
  background-position: -171px 0px;
}

.timeline_controls #pause {
  background-image: url(images/UI_sprites.png);
  width: 14px;
  background-position: -157px 0;
  position: relative;
  top: 14px;
  margin: 0 16px;
}

.timeline_controls #next {
  background-image: url(images/UI_sprites.png);
  width: 20px;
  height: 21px;
  background-position: 140px 0;
  position: relative;
  bottom: 18px;
}

.timeline_controls a.fullscreen {
  background-image:url(images/UI_sprites.png);
  height: 30px;
  width: 32px;
  background-position: -13px -40px;
  margin-bottom: 15px;
  margin-right: 15px;
}

.alnis_lapa {
  background-image:url(images/alnis_lapa.png);
  width:106px;
  height:152px;
  display:block;
  position:absolute;
}

.inta_lapa {
  background-image:url(images/inta_lapa.png);
  width:145px;
  height:184px;
  display:block;
  position:absolute;
}

.andris_lapa {
  background-image:url(images/andris_lapa.png);
  width:159px;
  height:200px;
  display:block;
  position:absolute;
}

.ilga_lapa {
  background-image:url(images/ilga_lapa.png);
  width:244px;
  height:227px;
  display:block;
  position:absolute;
}

.ivars_lapa {
  background-image:url(images/ivars_lapa.png);
  width:176px;
  height:236px;
  display:block;
  position:absolute;
}

.vanags:before {
  content:url(images/vanags.png);
  display:block;
  margin:0 auto;
}

.vanags {
  width:300px;
}

@media screen and (max-width: 1030px) and (min-width: 1000px) and (max-height: 770px) {
   .center {
      height:auto;
      width: 100%;
      top: 0px !important;
   }
   .video_center_horizontal_clipping, .centr {
     width:100%;
     height:auto;
     position:absolute;
     top:40px;
   }
}
.ps-container .ps-scrollbar-x-rail {
    position: absolute; /* please don't change 'position' */
    bottom: 3px; /* there must be 'bottom' for ps-scrollbar-x-rail */
    height: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    filter: alpha(opacity = 0);
    -o-transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color.2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
}

.ps-container:hover .ps-scrollbar-x-rail,
.ps-container.hover .ps-scrollbar-x-rail {
    opacity: 0.6;
    filter: alpha(opacity = 60);
}

.ps-container .ps-scrollbar-x-rail:hover,
.ps-container .ps-scrollbar-x-rail.hover {
    background-color: #eee;
    opacity: 0.9;
    filter: alpha(opacity = 90);
}

.ps-container .ps-scrollbar-x-rail.in-scrolling {
    opacity: 0.9;
    filter: alpha(opacity = 90);
}

.ps-container .ps-scrollbar-y-rail {
    position: absolute; /* please don't change 'position' */
    right: 3px; /* there must be 'right' for ps-scrollbar-y-rail */
    width: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    filter: alpha(opacity = 0);
    -o-transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color.2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
}

.ps-container:hover .ps-scrollbar-y-rail,
.ps-container.hover .ps-scrollbar-y-rail {
    opacity: 0.6;
    filter: alpha(opacity = 60);
}

.ps-container .ps-scrollbar-y-rail:hover,
.ps-container .ps-scrollbar-y-rail.hover {
    background-color: #eee;
    opacity: 0.9;
    filter: alpha(opacity = 90);
}

.ps-container .ps-scrollbar-y-rail.in-scrolling {
    opacity: 0.9;
    filter: alpha(opacity = 90);
}

.ps-container .ps-scrollbar-x {
    position: absolute; /* please don't change 'position' */
    bottom: 0; /* there must be 'bottom' for ps-scrollbar-x */
    height: 8px;
    background-color: #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -o-transition: background-color .2s linear;
    -webkit-transition: background-color.2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear;
}

.ps-container.ie6 .ps-scrollbar-x {
    font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */
}

.ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x,
.ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x {
    background-color: #999;
}

.ps-container .ps-scrollbar-y {
    position: absolute; /* please don't change 'position' */
    right: 0; /* there must be 'right' for ps-scrollbar-y */
    width: 8px;
    background-color: #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -o-transition: background-color .2s linear;
    -webkit-transition: background-color.2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear;
}

.ps-container.ie6 .ps-scrollbar-y {
    font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */
}

.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y,
.ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y {
    background-color: #999;
}

.ps-container.ie .ps-scrollbar-x,
.ps-container.ie .ps-scrollbar-y {
    visibility: hidden;
}

.ps-container.ie:hover .ps-scrollbar-x,
.ps-container.ie:hover .ps-scrollbar-y,
.ps-container.ie.hover .ps-scrollbar-x,
.ps-container.ie.hover .ps-scrollbar-y {
    visibility: visible;
}
.page_bg {
  width: 100%;
  height: 100%;
  background-image:url(images/lapu_fons.jpg);
  background-repeat:repeat-x;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.center_content {
  background-color: #191C1F;
  opacity: 0.95;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  width: 70%;
}

@media screen and (max-width: 1030px) and (min-width: 1000px) and (max-height: 770px) {
   .center {
      height:auto;
      width: 100%;
      top: 0px !important;
   }
}