/* cyrillic */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu'), url(../fonts/Ubuntu-M.ttf);
}
@font-face {
  font-family: 'Arial Regular';
  font-style: normal;
  
  src: local('Arial Regular'), url(../fonts/arial.ttf);
}
@font-face {
  font-family: 'Arial Med';
  font-style: normal;
  
  src: local('Arial Medium'), url(../fonts/arialmedium.otf);
}
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: local('Ubuntu Bold'), local('Ubuntu-Bold'), url(../fonts/Ubuntu-B.ttf);
}
@font-face {
  font-family: 'RoomThin';
  font-style: normal;
  font-weight: 700;
  src: local('RoomThin'), local('RoomThin'), url(../fonts/RoomThin.ttf);
}
@font-face {
  font-family: 'Arial Bold';
  font-style: normal;
  font-weight: 700;
  src: local('Arial Bold'), local('Arial Bold'), url(../fonts/arial_bold.ttf);
}
html {overflow-x: hidden;}

body {
    width: 1080px;
    height: 1920px;
    margin: 0 auto; 
    position: relative;    
    overflow: hidden;
    /* background 
    background-image: url('/images/ad-slider-bg.png') !important;
    background-size: contain !important;*/
}

.main-wrapper{
    background-image: url('../images/v-2.png') !important;
    background-size: contain !important;
        width: 1080px;
    height: 1920px;
}
.header-top{
    width: 100%;
    height: 120px;
}
.logo {
    margin: 10px;
    float: left;
    margin-left: 24px;
    width: 270px;
    height: 80px;
    display: inline-block;
    background-image: url('../images/logo.png');
    background-size: contain;
    background-repeat: no-repeat;
}
.info{
    background-image: url('../images/Hand.gif') !important;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 21px;
    width: 337px;
    height: 97px;
    display: inline-block;
    margin-left: 70px; 
    cursor: pointer;
}

.timeweathere{
    width: 270px;
    height: 80px;    
    margin: 10px;
    margin-right: 24px;
    display: inline-block;
    float: right;
    font-family: sans-serif;
}
#weather {width: 145px !important;}

.current-item-container{
    position: absolute;
    left: 455px;
    bottom: 0;
}
.string{
    white-space: nowrap;
    color: white;
    font-size: 32pt;
    font-family: Arial;
     font-style: italic;
    width:100%;
    height:65px;
    margin:0px auto;
    line-height:75px;
    padding: 0 0px;
    background-color:rgba(87, 87, 87, 0.5);
}

header {
    float: left;
    width: 100%;
    max-width: 1070px;
    /*height: 194px;*/
    margin: 0 auto;
    position: relative;
}


header .current-item-container {
    float: left;
    background-color: rgba(255,255,255,0.8);
    width: 170px;
    height: 170px;
    overflow: hidden;
    margin-bottom: 5px;
}

header .current-item-container img{
    width: 170px;
    height: 170px;
    display: block;
}



header .nav-items {
    float: left;
    width: 100%;
}

header .nav-container {
    display: none;
	width: 1040px;
    float:left;   
    padding: 0px 20px 0 20px;
    margin-top: 5px;
	min-height: 186px;
}

header .main-nav li {
    float: left;
    display: inline-block;
    
}

.li-left-marg{
    margin-left: 0 !important;
}
/*header .main-nav .large img{
    width: 124px;
    height: auto;
    margin: 50px 0 0;
    background-color: rgba(243, 243, 243, 1);
}*/

/*header .main-nav .large:after{
    content: "";
    border-right: 1px solid #dadada;
    margin-left: -1px;
    z-index: 9999;
    height: 60px;
    width: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-top: -100px;
}*/

/*header .main-nav .large:last-child:after,
header .main-nav .large:first-child:after{
    display: none;
}
*/
header .main-nav .medium:after{
    content: "";
    border-right: 1px solid #dadada;
    margin-left: -1px;
    z-index: 9999;
    height: 30px;
    width: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-top: -60px;
}

/*header .main-nav .medium:last-child:after,
header .main-nav .medium:first-child:after{
    display: none;
}*/

header .main-nav .medium img{
    width: 87px;
    height: auto;
    margin: 87px 0px 1px 0px;
        background-color: rgba(243, 243, 243, 1);
}

/*header .main-nav li.row-1 {
    margin-top: 87px;    
}
header .main-nav li.row-2 {
    margin-top: -174px;    
}*/

header .row-1{
    width: 435px;
    display: block;
    float: right;
    margin-bottom: 5px;
    padding-left: 7px;
    box-sizing: border-box;
}

header .row-2{
    width: 435px;
    display: block;
    float: left;
    margin-bottom: 5px;
    padding-right: 7px;
    box-sizing: border-box;
}

header .main-nav li.small {
    width: 80px;
    height: 80px;
    margin: 5px 0 0;
    margin-left: 7px;
}

header .main-nav .small img{
    width: 80px;
    height: 80px;
    display: block;
    float: left;

    background-color: rgba(243, 243, 243, 1);
    border-left: 0px solid #dadada;
    border-bottom: 0px solid #dadada;
}

header .main-nav li.large {
    width: 138px;
    height: 138px;
    margin: 7px 0 0;
    margin-left: 7px;
}

header .main-nav .large img{
    width: 138px;
    height: 138px;
    display: block;
    float: left;
    
    background-color: rgba(243, 243, 243, 1);
    border-left: 0px solid #dadada;
    border-bottom: 0px solid #dadada;
}
header .large-nav #primary-navigation{
  margin-top: 36px;
}
header .mid-nav #primary-navigation{
  margin-top: 91px;
}
.row-2 li {
    float: right !important;
}
.small-nav .row-2 li {
    float: left !important;
}
.small-nav .row-1 li {
    float: right !important;
}
.tab-placeholder{
    height: 80px;
    width: 80px;
    margin: 5px 0 0;
    margin-left: 7px;
}
.row-2 .tab-placeholder:first-child{
    margin-left: 0;
}
/*.row-1 .tab-placeholder:last-child{
    margin-left: 0;
}*/

.section {
    float: left;
    width: 1080px;
    margin: 0 auto; 
    padding: 0px;
    position: relative;    
}

.section .container{
    margin: 0px auto;
    width: 1060px;
    overflow: hidden;
}
.section .container video {width: 100%;}
.section .container.inner{
    margin: 10px auto;
}

/** 
* Info button in tme middle of the each page
**/

.info-button {
    position: absolute;
    left: 70px;
    top: 500px;
    z-index: 9999;
}

.info-button button{
    width: 90px;
    height: 90px;
    border-radius: 5px;
    background-color: #f9690e;
}


/** 
* Close button in the right top corner of inner-pages
**/

.close-button {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 80px;
    height: 80px;
    z-index: 1;
}

.close-button a{
    text-align: center;
    padding: 20px 0px;
    background-color: rgba(0, 0, 0, 0.4);
    display: block;
    border-bottom-left-radius: 5px;
}

.close-button a img{
    width: 35px;
}

.nav-close-button a{
    text-align: center;
    display: block;
}

#navigation-close-button {
    position: absolute;
    right: 40px;
    top: 40px;
    z-index: 2;
}

#navigation-close-button img{
    width: 35px;
}


/**
Main banner
**/

.banner{
    height: 1790px;
    overflow: hidden;
}

/**
* Inner pages styles
**/
.fullHeight{
    /*margin-top: 20px;*/
    height: 1890px;
}

.midHeight{
    height: 1270px;
    /*margin-top: 20px;
    margin-bottom: 20px;*/
}

.advertArea{
    width: 100%;
    height: 610px;
    overflow: hidden;
}

.htmlArea{
    height: 100%;
}

.sec-nav-thmb{
    width: 150px;
    height: 150px;
}


#info-button {
  animation-duration: 3s;
  animation-delay: 2s;
  animation-iteration-count: infinite;
}

.timeLine {
    position: fixed;
    top: 0;
    left: 0;
    width: 0%;
    height: 10px;
    background: red;
    z-index: 9999;
}

/* modal for continue*/

.darkOverlayBg{
    width: 100%;
    height:100%;
    display: block;
    
    position: fixed;
        z-index: 2;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6);
}
.continueModal {
        width: 416px;
    vertical-align: middle;
    height: 408px;
    position: fixed;
    top: 411px;
    left: 32%;
    z-index: 999;
    background-color: #fff;
    text-align: center;
}

a.continueButton {
	
    color: #fff;
   
   
    position: relative;
}

a.continueButton:hover {
    background-color: #C57542;
}

.continueModal p{
    margin-bottom: 40px;
    margin-top: 20px;
}

.popupTimeLine {
    position: relative;
    top: 0;
    left: 0;
    width: 0%;
    height: 10px;
    background: red;
    z-index: 9999;
}
/* -------------------------------- 

Main components 

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


.cd-header {
    height: 80px;
    background: transparent;
    box-shadow: none;
  }

.cd-primary-nav-trigger img{
    /*margin:16px auto;*/
    width: 100px;
    height: auto;
    margin-top: -20px;
    margin-left: -20px;
}


.cd-primary-nav-trigger {
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    border-radius: 5px;
    width: 60px;
    /*background-color: #f9690e;*/
    height: 60px;
    top: 50%;
    left: 935px;
    bottom: auto;
  }


.cd-primary-nav {
  /* by default it's hidden - on top of the viewport */
  position: relative;
  display: flex;
    justify-content: center;
    align-items: center;
  height: 1920px;
  width: 100vw;
      background-image: url('../images/nav-bg.jpg') !important;
    background-size: contain !important;
  z-index: 200;
  text-align: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
    visibility: hidden;
}
.cd-primary-nav ul.cd-scndr-nav{
    position: relative;
    max-width: 540px;
}


.cd-primary-nav a {
  display: flex;
    align-items: center;
    justify-content: center;
    text-transform: none;
    text-decoration: none;
    
  padding: 0 0 80px 0;
    font-family: 'Ubuntu';
    font-size: 46px;
    font-weight: 700;
  color:#fff;
}


.cd-primary-nav.is-visible {
    visibility: visible;
}


.secThumbContainer {
    width: 150px;
    margin-right: 30px
}

.secTitleContainer {
    width: 440px;
}


.hidden{
    display: none !important;
}

.pt-perspective-nav {
	-webkit-perspective: 1800px;
	-moz-perspective: 1080px;
	perspective: 9800px;
    transform-style: preserve-3d;
}

.pt-perspective {
	-webkit-perspective: 1800px;
	-moz-perspective: 1080px;
	perspective: 9800px;
    transform-style: preserve-3d;
}

.pt-page {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	/*overflow: hidden;*/
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.main-page,
.navigation-side{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	/*visibility: hidden;
	overflow: hidden;*/
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.navigation-side{
    background-color: rgba(0, 0, 0, 0.9);
  height: 1920px;
  width: 1080px;
  visibility: hidden;

}

.pt-page-current,
.no-js .pt-page {
	visibility: visible;
	z-index: 1;
}

.no-js body {
	/*overflow: auto;*/
}

body.inner .string {display: none;}

.pt-page-ontop {
	z-index: 999;
}
#date {
    font-size: 15px;
    float:left;
    padding-top: 20px; 
}
#time{
font-size: 45px;
padding-top: 5px; 
float:left;
}
.time {
    width: 135px;
}
/*weathere*/
/*
  Docs at http://http://simpleweatherjs.com

  Look inspired by http://www.degreees.com/
  Used for demo purposes.

  Weather icon font from http://fonts.artill.de/collection/artill-weather-icons

  DO NOT hotlink the assets/font included in this demo. If you wish to use the same font icon then download it to your local assets at the link above. If you use the links below odds are at some point they will be removed and your version will break.
*/

@font-face {
    font-family: 'weather';
    src: url('../fonts/artill_clean_icons-webfont.eot');
    src: url('../fonts/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/artill_clean_icons-webfont.woff') format('woff'),
         url('../fonts/artill_clean_icons-webfont.ttf') format('truetype'),
         url('../fonts/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg');
    font-weight: normal;
    font-style: normal;
}



#weather {
  width: 125px;
  margin: 0px auto;
  margin-top: -40px;
  text-align: center;
  text-transform: uppercase;
  float:right;
}

i {
  color: #fff;
  font-family: weather;
  font-size: 70px;
  font-weight: normal;
  font-style: normal;
  line-height: 1.0;
  text-transform: none;
  float: left;
margin-top: 10px;
}


 .icon-0:before { content: "1"; }
 .icon-1:before { content: "A"; }
 .icon-2:before { content: "3"; }
 .icon-3:before { content: "K"; }
 .icon-4:before { content: "F"; }
 .icon-5:before { content: "Q"; }
 .icon-6:before { content: "I"; }
 .icon-7:before { content: "C"; }
 .icon-8:before { content: "6"; }
 .icon-9:before { content: "a"; }
 .icon-10:before { content: "g"; }
 
 


/* .icon-0:before { content: ":"; }
.icon-1:before { content: "p"; }
.icon-2:before { content: "S"; }
.icon-3:before { content: "Q"; }
.icon-4:before { content: "S"; }
.icon-5:before { content: "W"; }
.icon-6:before { content: "W"; }
.icon-7:before { content: "W"; }
.icon-8:before { content: "W"; }
.icon-9:before { content: "I"; }
.icon-10:before { content: "W"; }
.icon-11:before { content: "I"; }
.icon-12:before { content: "I"; }
.icon-13:before { content: "I"; }
.icon-14:before { content: "I"; }
.icon-15:before { content: "W"; }
.icon-16:before { content: "I"; }
.icon-17:before { content: "W"; }
.icon-18:before { content: "U"; }
.icon-19:before { content: "Z"; }
.icon-20:before { content: "Z"; }
.icon-21:before { content: "Z"; }
.icon-22:before { content: "Z"; }
.icon-23:before { content: "Z"; }
.icon-24:before { content: "E"; }
.icon-25:before { content: "E"; }
.icon-26:before { content: "3"; }
.icon-27:before { content: "a"; }
.icon-28:before { content: "A"; }
.icon-29:before { content: "a"; }
.icon-30:before { content: "A"; }
.icon-31:before { content: "6"; }
.icon-32:before { content: "1"; }
.icon-33:before { content: "6"; }
.icon-34:before { content: "1"; }
.icon-35:before { content: "W"; }
.icon-36:before { content: "1"; }
.icon-37:before { content: "S"; }
.icon-38:before { content: "S"; }
.icon-39:before { content: "S"; }
.icon-40:before { content: "M"; }
.icon-41:before { content: "W"; }
.icon-42:before { content: "I"; }
.icon-43:before { content: "W"; }
.icon-44:before { content: "a"; }
.icon-45:before { content: "S"; }
.icon-46:before { content: "U"; }
.icon-47:before { content: "S"; } */

#weather h2 {
  margin: 0 0 8px;
  color: #fff;
  font-size: 55px;
  font-weight: 300;
  text-align: center;
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
}

#weather ul {
  margin: 0;
  padding: 0;
}

#weather li {
  background: #fff;
  background: rgba(255,255,255,0.90);
  padding: 10px;
  display: inline-block;
  border-radius: 5px;
}

#weather .currently {
  margin: 0 10px;
}

.container.inner + .string{
    display: none;
}
#marquee
{
	background:#dcdfdf;
	color:#232425;
	 font-family: 'RoomThin';
	 font-style:normal;
	 font-weight:500;
	     line-height: 65px;
		     letter-spacing: 2px;

		
}
.marquee-logo
{
	-webkit-box-shadow: -3px -2px 30px 3px rgba(194,194,194,1);
-moz-box-shadow: -3px -2px 30px 3px rgba(194,194,194,1);
box-shadow: -3px -2px 30px 3px rgba(194,194,194,1);
    text-align: center;
    font-family: 'Arial Bold';
    background: #B00000;
    color: white;
    padding-left: 13px;
    padding-right: 13px;
    margin-left: 7px;
    margin-right: 20px;
    padding-top: 8px;
    padding-bottom: 17px;
    padding-left: 26px;
    font-size: 40px;
    font-weight: bold;
    position: relative;
    top: -6px;
}
.marquee-logo-next
{
	 font-family: 'Arial Bold';
	 background:#B00000;


	 color:white;
	 font-size:27px;
	 
}
.htmlArea iframe
{
	background:white;
}
.info .karta
{
	position:relative;
	 font-family: Arial Regular;
	 color:white;
	 font-size:23px;
	 left:0px;
	top:27px;
}
.info .mapa
{
	position:relative;
	right:-215px;
	top:4px;
	 font-family: Arial Regular;
	 /* font-family: Arial Med; */
	 color:white;
	 font-size:23px;
}
.popupbg
{
	
	width:416px;
	height:408px;
	background:url(../images/time.png);
}
@keyframes pulsing {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  50% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.popupbutton
{
	    width: 242px;
    height: 52px;
    background: url(../images/button.png);
    position: relative;
    top: -113px;
    left: 86px;
	animation: pulsing 2s infinite;
}
#marquee{
	 text-align: center;
width:100%;
/* white-space:nowrap; */
overflow:hidden;
}
 
#marquee .mainspan {

display:inline-block;
padding-left:100%;
-webkit-animation: marquee 50s infinite linear;
animation: marquee 50s infinite linear;
}
 
@-webkit-keyframes marquee {
0%{-webkit-transform: translate(0, 0);}
100%{-webkit-transform: translate(-100%, 0);}
}
@keyframes marquee{
0%{transform: translate(0, 0);}
100%{transform: translate(-100%, 0)}
}