/* app css stylesheet  */

/*
 * 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.
 */

  /* fonts */

@font-face {
    font-family: 'SourceSansPro';
    src: url('../font/sourcesanspro-light-webfont.eot');
    src: url('../font/sourcesanspro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/sourcesanspro-light-webfont.woff2') format('woff2'),
         url('../font/sourcesanspro-light-webfont.woff') format('woff'),
         url('../font/sourcesanspro-light-webfont.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;

}




@font-face {
    font-family: 'SourceSansPro';
    src: url('../font/sourcesanspro-extralightit-webfont.eot');
    src: url('../font/sourcesanspro-extralightit-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/sourcesanspro-extralightit-webfont.woff2') format('woff2'),
         url('../font/sourcesanspro-extralightit-webfont.woff') format('woff'),
         url('../font/sourcesanspro-extralightit-webfont.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;

}




@font-face {
    font-family: 'SourceSansPro';
    src: url('../font/sourcesanspro-boldit-webfont.eot');
    src: url('../font/sourcesanspro-boldit-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/sourcesanspro-boldit-webfont.woff2') format('woff2'),
         url('../font/sourcesanspro-boldit-webfont.woff') format('woff'),
         url('../font/sourcesanspro-boldit-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;

}




@font-face {
    font-family: 'SourceSansPro';
    src: url('../font/sourcesanspro-bold-webfont.eot');
    src: url('../font/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/sourcesanspro-bold-webfont.woff2') format('woff2'),
         url('../font/sourcesanspro-bold-webfont.woff') format('woff'),
         url('../font/sourcesanspro-bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;

}




@font-face {
    font-family: 'SourceSansPro';
    src: url('../font/sourcesanspro-semibold-webfont.eot');
    src: url('../font/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/sourcesanspro-semibold-webfont.woff2') format('woff2'),
         url('../font/sourcesanspro-semibold-webfont.woff') format('woff'),
         url('../font/sourcesanspro-semibold-webfont.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;

}




@font-face {
    font-family: 'SourceSansPro';
    src: url('../font/sourcesanspro-lightit-webfont.eot');
    src: url('../font/sourcesanspro-lightit-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/sourcesanspro-lightit-webfont.woff2') format('woff2'),
         url('../font/sourcesanspro-lightit-webfont.woff') format('woff'),
         url('../font/sourcesanspro-lightit-webfont.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;

}




@font-face {
    font-family: 'SourceSansPro';
    src: url('../font/sourcesanspro-extralight-webfont.eot');
    src: url('../font/sourcesanspro-extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/sourcesanspro-extralight-webfont.woff2') format('woff2'),
         url('../font/sourcesanspro-extralight-webfont.woff') format('woff'),
         url('../font/sourcesanspro-extralight-webfont.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;

}


@font-face {
    font-family: 'SourceSansPro';
    src: url('../font/sourcesanspro-regular-webfont.eot');
    src: url('../font/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/sourcesanspro-regular-webfont.woff2') format('woff2'),
         url('../font/sourcesanspro-regular-webfont.woff') format('woff'),
         url('../font/sourcesanspro-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansPro';
    src: url('../font/sourcesanspro-it-webfont.eot');
    src: url('../font/sourcesanspro-it-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/sourcesanspro-it-webfont.woff2') format('woff2'),
         url('../font/sourcesanspro-it-webfont.woff') format('woff'),
         url('../font/sourcesanspro-it-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;

}

.container { width:80%; margin:0% 10%; font-family: 'SourceSansPro';}

.banner-image {width:100%;}

#mainView, .pages-container{height:100%!important;}
.history-slide{ width:400px; height:auto; float:left;}
.carousel, .scroll-container{height:100%;}

.swiper-slide .swiper-slide { width:100%; padding-top:20px;}
.history .swiper-slide{ width:100%; }

.clearfix:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

#wrapper {
  width:100%;
  height:100%;
}

#scroller {
  width:100%;
}

.pullDownLabel {
  width:5%;
  display:none;
  margin-right:auto;
  margin-left:auto;
  margin-top:5%;
  padding-bottom: 5%;
  background: url('../img/loader.gif')  no-repeat right; background-size: contain;
}

.iAdserver {
  max-height:180px;
}

.container-like {
  overflow:hidden;
}

.iAdserver table{
  width: 100% !important;
  height:auto;
}
.iAdserver img{
  width: 100% !important;
  height: auto !important;
}


/* index.html */
.nav-meni { z-index:100; position:fixed; top:0; left:0; width:100%;background-color:#f9f9f9; max-height:50px; padding-top:0; padding-bottom: 0;
  -webkit-transition: max-height 0.1s, padding-top 0.1s linear, padding-bottom 0.1s; transition: max-height 0.1s, padding-top 0.1s linear, padding-bottom 0.1s; }
.nav-meni.active_menu {  padding:0.5%; box-shadow: 0px 5px 20px #222; }

.nav-meni .inner-nav{ box-shadow: 0px 0px 9px gray; text-align: center; }
.nav-meni .inner-nav div {float:left;}
.nav-meni .inner-nav {background-color: #f9f9f9; max-height:70px;}
.nav-meni .inner-nav div a { color:#4d4d4d; font-size:18px; }

.space {
  padding-bottom:5%;

}
.like_div {
  float: right;
  width:10%;
  margin-right:1%;
  padding-bottom: 10%;
  background: url('../img/vseckam_new.png')  no-repeat right; background-size: contain;
}

.like_div.active {
  background: url('../img/srcek.png')  no-repeat right; background-size: contain;
}


#kazalo {margin: 1%;}
#domov {margin: 1%;}
#arhiv {margin:1%;}
#like {margin:1%;}
#aplikacije {margin:1%;}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.nastavitve .kontakt {
  width:100%;
  font-family: 'SourceSansPro';
  color:#333;
  padding-top:1%;
  padding-bottom:10%;
  display: inline-block;
}

.nastavitve .info {
  font-size: 1.2em;
}

.nastavitve .kontakt {
  font-weight: 300;
  font-size: 1.8em;
  text-align:center;
}

.nastavitve .kontakt .osebe ul li {
  list-style-type: none;
  padding-left:1%;
}
.nastavitve .kontakt .osebe ul {
  margin:0;
  padding:1% 1% 0 0 ;
}

.nastavitve .kontakt .title {
  font-weight: bold;
  padding-top:1%;
  font-size:1.4em;
  padding-top:5%;
  padding-bottom: 1%;
}

.nastavitve .kontakt .subtitle {
  font-weight: 400;
}

.nastavitve a {
  color:#8c005f;
}

.menu_trigger { position:fixed; top:0; left:0; height:15%; width:100%; z-index:99; }
.menu_trigger_story {position: fixed; top:0; left:0; height:15%; width:100%; z-index:201;}
.nav-meni img{ height:30px; }

   /* resets the page font size */

html{font-size: 100%}
body {font-size: 72.5%; font-family: 'SourceSansPro'; background-color: transparent; }
body { position:absolute; bottom:0; height:100%; width:100%; z-index:-1;  }

#mainView {width:100%;}

body .facebook {
  position:relative;
  padding-top:2%;
  height: 100%;
  margin:auto;
  display:inline-block;
}

img.fb-image{
  margin-top:1%;
  margin-right:auto;
  margin-left: auto;
}
.fb-title {
  font-family: 'SourceSansPro';
  margin-top:1%;
  color:#4d4d4d;

}

/* home.html */
#home .view {
  display: table-cell;
  width:50%;
  float:left;
  margin-bottom:15px;
  margin-top:30px;
}

#home .container > div:nth-child(2n+1){ clear:both; }

#home .view:nth-child(odd) {
  padding-right:50px;
}

#home .container .view.top {
  width: 100%;
  padding:0 0px 0 0px;
  margin-top:0px;
  height:auto;
}
#home .container .view.top .image {
  width: 100%;
  padding-bottom:50%;
  background-size: contain;
  border-radius: 0;
  -webkit-border-radius: 0; 
  -moz-border-radius: 0;
  margin-right:0;
  background-position: center!important;
}

#home .container .view.top.pr {
  position: relative;
}
#home .container .view.top.pr:after {
  content: 'promo';
  position: absolute;
  right: 0px;
  color:#fff;

  top:0px;
  font-family: 'SourceSansPro';
  font-weight: 100;
  background:url('../img/pr-background.png');
  padding:0.1vw 0.4vw;
  font-size:1.8em;
}

#home .container .view.top.advice:after {
  content: 'obvezno branje';
}

.story-title-box .content { /*font-size: 1.6em;*/ }

.story-title-box .content.top,
#home .container .view.top .content {
  float:left;
  height:auto;
  padding-top:2em;
}

.story-title-box .content.top .title {
  color:#528693;
  text-transform: uppercase;
  font-size: 4em;
  font-family: 'SourceSansPro';
  line-height: 100%;
  font-weight: 400;
}

.story-title-box .content.top .subtitle {
  font-size: 3em;
}

#home .container .view.top .title {
  color:#528693;
  text-transform: uppercase;
  font-size: 2.5em;
  font-family: 'SourceSansPro';
  line-height: 100%;
  font-weight: 400;
}
.story-title-box .content.top .subtitle { line-height: 100%; }

#home .container .view.top .subtitle {
  font-size: 2em;
}


#background {position: fixed; height: 100%; width: 100%; background: url("../img/silhueta_new.png") no-repeat; background-size: contain; background-position:center; z-index: -1; top: 109px;}
#home {padding-top:20px; }

#home .view .image {
  width: 35%; float: left; margin-right:10px;
  font-size: 1.8em;
  color:#888687;
}

#home .view .image .holder {
  padding-bottom: 100%;
  width: 100%;
  border-radius: 20%; -webkit-border-radius: 20%; -moz-border-radius: 20%; 
}

#home .view .image .pr_text {
  visibility: hidden;
}

#home .view .image .pr_text.visible {
  visibility: visible;
  line-height: 1.1em;
  color:#8c005f;

}

#home .view .content {
  text-align:left; 
  margin:0px;
  padding-top: 5px;
}

.date {
  font-size: 2em;
}

#home .view .title {
  color: #6e6e6e;
  font-weight: 200;
  font-size: 1.8em;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 400;
  display: -webkit-box;
  line-height: 110%;     /* fallback */
  max-height: 91px;      /* fallback */
  /*-webkit-line-clamp: 1;*/ /* number of lines to show */
  -webkit-box-orient: vertical;

}

.story-title-box .content .subtitle,
#home .view .subtitle {
  font-size: 1.6em;
  margin-top:5px;
  color: #6e6e6e;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 100%;     /* fallback */
  /*-webkit-line-clamp: 4;*/ /* number of lines to show */
  -webkit-box-orient: vertical;
  font-weight: 200;
}

#home .view a:hover {
  text-decoration: none;
}

#home .container:hover .view{
  /*
  zoom: 1;
  filter: alpha(opacity=45);
  opacity: 0.5;
  -webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -ms-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out; 
  */
  }
#home .container .view:hover{
  cursor: pointer;
  /*Opacity*/
  /*
  zoom: 1;
  filter: alpha(opacity=100);
  opacity: 1;
  */
}

#home .newsletter {
  color:white;
  width:16em;
  background-color:#8c005f;
  font-family: 'SourceSansPro';
  font-weight: 400;
  padding:1em 1em 2.2em 1em;
  font-size:2.1em;
  margin:3em auto 5em auto;
}

#home .newsletter a, #home .newsletter a:hover{
  text-decoration: none;
  color:white;

}

#home .newsletter .icon {
  width:2em;
  padding-bottom:1.3em;
  background:url('../img/postaic.png') no-repeat;
  background-position: top;
  background-size: contain;
  float:left;

}

#home .newsletter .text {
  padding-left:1em;
  float:left;
}

/* Konec home.html */

/* Začetek story.html */

/* Header */
.topMenu {
  position: fixed;
  top: 0;
  left: 0;
  height: 10%;
  width: 100%;
  z-index: 200;

  background-color:green; 
  padding:0.5%;
  max-height:0; overflow:hidden; padding-top:0; padding-bottom: 0;
  -webkit-transition: max-height 0.1s, padding-top 0.1s linear, padding-bottom 0.1s; transition: max-height 0.1s, padding-top 0.1s linear, padding-bottom 0.1s;
}

.topMenu.active_menu { max-height:150px; padding:0.5%; box-shadow: 0px 5px 20px #222; }
.topMenu  {width:100%;}


.topMenu .leftMenu {
  float: left;
  padding-left: 10px;
  line-height: 250%;
}
.topMenu .rightMenu {
  float: right;
  line-height: 250%;
  padding-right: 10px;
}
.topMenu .leftMenu .leftMenuImage {
  vertical-align: middle;
}
.topMenu .leftMenu .leftMenuTitle {
  vertical-align: middle;
  color: white;
  font-family: 'SourceSansPro';
}
.story { width: 100%; height:100%; max-height:100%; font-family:'SourceSansPro';  margin:0px; padding:0px; }


.story a:hover, .story a, .story a:visited {
  color:#8c005f;
}

.story .slides .txtImage.pr {
  position: relative;
}

.story .slides .txtImage.pr:after {
  content: 'promo';
  position: absolute;
  right: 0px;
  top:0px;
  font-family: 'SourceSansPro';
  font-weight: 300;
  background:url('../img/pr-background.png');
  padding:0.1vw 0.4vw;
  font-size:1.8em;
  color: #fff;
}

.story .slides .txtImage.advice:after {
  content: 'obvezno branje';
}



.story .header { position:relative; height:100%;}
.story .header .viewHolder {
  width:100%;
  height:100%;
}

.story_comments {
  margin-top:5vw;
    height:auto;
    font-family: 'SourceSansPro';
    /*font-style: italic;*/
    font-size: 1.3em;
    color:#4d4d4d;
    margin-left:1%;
}


.slidecontent form#contest-form label { font-weight: normal; }
.slidecontent form#contest-form input[type="radio"],
.slidecontent form#contest-form input[type="checkbox"] { margin-right: 7px; }
.contest .slidecontent img { max-width: 100%; height: auto;}

form#contest-form input[type='submit'] { border: none; width: 200px; height: 40px; color: #FFFFFF; background: #8c005f; font-family: "SourceSansPro"; font-size:18px; margin-bottom: 10px; cursor: pointer;}
form#contest-form .question { border-top: solid 1px #ebebeb; border-bottom: solid 1px #ebebeb; padding: 20px 0; margin-top: 20px;}
form#contest-form .questions .ques { display: block; padding-bottom: 10px; }
form#contest-form .questions .question { padding-bottom: 30px;}
form#contest-form .questions .question:nth-last-of-type(1) { padding-bottom: 0; }
form#contest-form .questions .question .answer input,
form#contest-form .questions .question .answer label { cursor: pointer; }
form#contest-form .user-form  { padding-top: 20px; }
form#contest-form .user-form .field-group { padding-bottom: 10px; }
form#contest-form .user-form input[type='text'],
form#contest-form .user-form input[type='email'],
form#contest-form .user-form textarea { width: 100%; padding-left: 10px; height: 30px; border: solid 1px #ebebeb;}
form#contest-form .user-form textarea { height: 100px;}
form#contest-form .user-form .err input[type='text'],
form#contest-form .user-form .err input[type='email'],
form#contest-form .user-form .err textarea { border-color: red; }
form#contest-form .user-form .desc { color: #626262; font-size: 15px; }
form#contest-form .user-form .required-star { color: red;}
form#contest-form .error-msg { display: none; color: red;}
form#contest-form .err .error-msg { display: block;}
form#contest-form #server-200,
form#contest-form .contest-finished { color: #8c005f;}

.slidecontent form,
.slidecontent p {
  font-size: 2em;
}

.slidecontent ol,
.slidecontent ul {
  font-family: 'SourceSansPro';
  font-size:2em;
  font-weight: 300;
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
  min-width: 100% !important;
  width: 100% !important;
}

.story .content { position:relative; width:100%; height:100%}
.story .content .inner .subtitle{ margin-left:10%; margin-right:10%; color:#4d4d4d; margin-top:2%;}
/* Arrow, ki se pojavlja, ko je članek dolg, vendar samo na začetku. */
.story .arrow { position:absolute; bottom:0px; width: 100%; background:rgba(0,0,0,0.5); z-index:1; display:none; }
.story .arrow a img{ display:block; margin:auto; padding:0.5%;}

.content_container { margin-left: 10%; margin-right: 10% }
.content_container .page-inner {height:100%; width:100%; position:relative;}


.story .section_title {
  font-size: 2.5em;
font-family: 'SourceSansPro';
font-weight: 100;
color: #333;
}


/* Story Related */
.story .related .view {
  display: table-cell;
  width:50%;
  float:left;
  margin-bottom:1.5em;
  margin-top:1em;
}

.story .related .container > div:nth-child(2n+2){ clear:both; }

.story .related .view:nth-child(odd) {
  padding-right:50px;
}

.story .related .container .view.top {
  width: 100%;
  padding:0 0px 0 0px;
  margin-top:0px;
  height:auto;
}
.story .related .container .view.top .image {
  width: 100%;
  padding-bottom:50%;
  background-size: contain;
  border-radius: 0;
  -webkit-border-radius: 0; 
  -moz-border-radius: 0;
  margin-right:0;
  background-position: center!important;
}

.story .related .container .view.top .content {
  float:left;
}
.story .related .container .view.top .title {
  color:#528693;
  text-transform: uppercase;
  font-size: 3em;
  font-family: 'SourceSansPro';
  line-height: 100%;
  font-weight: 400;
  padding-top:20px;
  display: table;
  padding-bottom: 0px;


}

.native-gallery .title {
  font-family: 'SourceSansPro';
  font-weight: 400;
  padding:0em 0 1em 0;
  font-size:2em;
}

.story .related {padding-top:4vw; }

.story .related .view .image {
    padding-bottom:1em; width: 35%; float: left; margin-right:10px;
  font-size: 1.8em;
  color:#888687;
}

.story .related .view .image .holder {
  padding-bottom: 100%;
  width: 100%;
  border-radius: 20%; -webkit-border-radius: 20%; -moz-border-radius: 20%; 
}

.story .related .view .image .pr_text {
  visibility: hidden;
}

.story .related .view .image .pr_text.visible {
  visibility: visible;
}

.story .related .view .content {
  text-align:left; 
  font-size:1em;  
  margin:0px;
  padding-top: 5px;
}

.story .related .view .title {
  color: #6e6e6e;
  font-weight: 200;
  font-size: 2em;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 400;
  display: -webkit-box;
  line-height: 110%;     /* fallback */
  max-height: 89px;      /* fallback */
  /*-webkit-line-clamp: 1;*/ /* number of lines to show */
  -webkit-box-orient: vertical;

}

.story .related .view .subtitle {
  font-size: 1.8em;
  margin-top:5px;
  color: #6e6e6e;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 100%;     /* fallback */
  /*-webkit-line-clamp: 4;*/ /* number of lines to show */
  -webkit-box-orient: vertical;
  font-weight: 200;
}

.story .related .view a:hover {
  text-decoration: none;
}

.story .related .container:hover .view{
  /*
  zoom: 1;
  filter: alpha(opacity=45);
  opacity: 0.5;
  -webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -ms-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out; 
  */
  }
.story .related .container .view:hover{
  cursor: pointer;
  /*Opacity*/
  /*
  zoom: 1;
  filter: alpha(opacity=100);
  opacity: 1;
  */
}
/* Konec story.html */

/* kazalo.html */
#kazalo-page { padding-top:20px; color:white; width:100%; height:100%; margin: 0 auto; position: relative; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; z-index: 1;}
#kazalo-page .bg{position:fixed; width:100%; height:100%; top:0; background: #820056; background-size: cover; background-position:center; z-index:-1;}
#kazalo-page .view {
}

#kazalo-page .view .lazy{
  padding-bottom:50%;
  height:0!important;
  margin-right: 0.1vw;
}

#kazalo-page .swiper-container {
}

#kazalo-page .swiper-slide {
  width:400px;
  height:auto!important;
  padding-top:150px!important;
}


#kazalo-page .view .title {
  width: 100%;
  color:white;
  text-align: center;
  text-transform: uppercase;
  font-weight: 200;
  font-size: 3em;
}

#kazalo-page .view .swiper-wrapper {
  width:10000px;
  height:auto!important;
}

.kazalo-slide-vertical {
    height:auto!important;
}

.swiper-slide-kazalo{ width:430px; height:auto!important; float:left;}

/* catalog.html */
.catalog h1 {width:100%; text-align:center; color:#164f59;}
.catalog .row {width: 100%; display:table-cell; }
.catalog .row .content {border:1px solid #a1a1a1; float:left; width:25%;}
.catalog .row .content .image {width:100%; height:192px; background:url("/img/storyImage1.jpg"); background-size:cover; background-position:center;}
.catalog .row .content .inner {width:100%; color:#fff;}
.catalog .row .content .inner .title {width:65%; background-color:#989898; float:left; padding:5px;}
.catalog .row .content .inner .price {width:35%; background-color:#d40000; float:right; padding:5px; text-align:right;}
.catalog .arrow { position:absolute; bottom:0px; width: 100%; background:rgba(0,0,0,0.5); z-index:1}
.catalog .arrow a img{ display:block; margin:auto; padding:0.5%;}

/* ads.html */
.ads .title {width:99%; text-align:right; color:#fff; text-shadow:1px 1px #000; padding:2px;}
.ads .content {width:100%; height:33%; color:#fff; }
.ads .content .left {width:50%; height:192px; float:left;}
.ads .content .left .image {width:100%; display:block; height:100%; background:url("/img/storyImage1.jpg"); background-size:cover; background-position:center;}
.ads .content .right {width:50%; height:192px; float: right; background-color:#782121; font-size: 80%}
.ads .content .right .title {padding:5px; text-align:center;}
.ads .content .right .text {padding:5px; text-align:center; height:100%;}



/* history */

.mainTitle {
  width:100%;
  text-align:center;
  color:white;
  font-family: 'SourceSansPro';
  margin-bottom: 3%;
  font-size: 1.8em;
}

.mainTitle.dark {
  color:#4d4d4d;
  font-size:1.8em;
}

.info {
  font-family: 'SourceSansPro';
  font-weight: 100;
  color:#333;
}

#nastavitve_container {
  margin-top:20px;
}

.history{ width:100%; margin: 0 auto; margin-top:20px; position: relative; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; z-index: 1;}

.history .swiper-wrapper{ position:relative; overflow: hidden;} 
.history .swiper-wrapper:after{ content:""; display:block; position:absolute; bottom:-1px; left:0; width:100%; height:1px; box-shadow:0px 0px 37px 21px white;  }
#kazalo-page .swiper-wrapper{ position:relative; overflow: hidden;} 
#kazalo-page .swiper-wrapper:after{ content:""; display:block; position:absolute; bottom:-1px; left:0; width:100%; height:1px; box-shadow:0px 0px 37px 21px white;  }


.swiper-slide-kazalo .history {margin-top:0; margin-bottom:20px;}

.story_history { width: 100%; height:50%;  font-family:'SourceSansPro';  margin:0px; padding:0px;}
.story_history .content { position:relative; width:100%; height:100%;}


@media all and (orientation: landscape) {
  .native-gallery .txtImage {padding-left:1em; font-size:16em; height:4em; width:10em;}
  .native-gallery .txtImage {padding-bottom:50% !important;}
}
/* phones */

/* landscape */
@media only screen and (max-width: 640px) and (orientation: landscape){
/* Styles */
  .nav-meni img {width: 80%; height:auto;}

/*
  body > div.app table { font-size:80%; }
  body > div.app table .icon{ height:32px; width:32px; background:url("../img/app_icons.png") no-repeat; background-size: auto 100%; }
  body > div.app table .image{ height:64px; width:100%; background:url("../img/app_images.png") no-repeat; background-size: auto 100%; }
  body.active > div.app1{ bottom:45%; left:10%; }
  body.active > div.app2{ bottom:45%; left:60%; }
  body.active > div.app3{ bottom:5%; margin-left:-15%; left:50%; }

  body > div.app a {text-decoration:none; color: #4d4d4d;}
  body > div.app a:hover{text-decoration: none;}

  body.active > div.app{ border:1px solid #4d4d4d; width:148px; height:102px; padding-right:10px; padding-bottom:10px; opacity:1; }

  body > div.app.app1 div{ background-position: left center; }
  body > div.app.app2 div{ background-position: right center; }
  body > div.app.app3 div{ background-position: center center; }
 */ 

    /*catalog.html*/
  .catalog .row .content {width:50%;} 
  .catalog h1 {font-size: 100%;}
  .catalog .row .content .inner .title {font-size: 80%;}
  .catalog .row .content .inner .price {font-size: 80%;}


}

/* portrait */

@media only screen and (max-width : 480px) and (orientation: portrait){
  
  /*
    .nav-meni  {width:100%;  -webkit-overflow-scrolling: touch;}
    .nav-meni img {width: 80%; height:auto;}
    .inner-nav{ width:375px; }

    #nastavitve{float:left; position: relative;}

    .menu_trigger { height:15%; }
    .apps_trigger {height: 15%;}

    #kazalo {margin: 2.5%;}
    #arhiv {margin:2%;}
    #aplikacije {margin:2%}
    #nastavitve {float:left; margin: 2%; margin-top:4px; margin-left:1%; margin-right: 0;} 

*/
/*
    body {font-size:100%;}
    body.active > div.app1{ width:100%; left:0; bottom:144px;}
    body.active > div.app2{ width:100%;  left:0; bottom:72px;}
    body.active > div.app3{ width:100%;  left:15%; bottom:0px;}
    body.active > div.app{ height:72px; border-radius: 0px;}
    */
    

    /* home.html */

    
    /* ads.html */
    .ads .content .left {width:100%;}
    .ads .content .right {width:100%;}

    
    /*catalog.html*/
    .catalog .row .content {width:50%;} 
    .catalog h1 {font-size: 100%;}
    .catalog .row .content .inner .title {font-size: 80%;}
    .catalog .row .content .inner .price {font-size: 80%;}



    /* slides */
    /*
     .slide.bgphoto_title_subtitle.left .text, .slide.bgphoto_title_subtitle_content.left .text {
      width: 100%;}

    .slide.txt .content {
      padding: 1em;
    }

    .slide.txt_photo {
      padding:0;
      margin:0;
    }

    .slide.txt_photo .content {
      padding:0;
    }

    .slide.txt_photo .content .media {
      float:none;
      width:100%;
      padding:1%;
      margin: 0%;
    }
    .slide.txt_photo .content .slidecontent{
        float:none;
        width:100%;
        margin: 0;
        padding:3%;
    }

  .history_container h2.history_title { font-size: 120%; }
  .history-slide .date {font-size: 80%;}

  .history .slide h1 {
    font-size: 70% !important;
  }

  .history .slide h2 {
    font-size: 50% !important;
  }

  .history .slide h3 {
    font-size: 45% !important;
  }

  .history .slide p {
    font-size:  45% !important;
  }

  .history .slide.bgphoto_title_subtitle_content .text h2 {
    font-size: 50% !important;
  }
  .content_container { margin:0; }
  */
}

/* tablets */

/* portrait */
@media only screen and (min-device-width : 600px) and (max-device-width: 1280px) and (orientation : portrait){
  

  /*
  body > div.app table { font-size:100%; }
  body > div.app table .icon{ height:52px; width:52px; }
  body > div.app table .image{ height:112px;}
  body.active > div.app1{ bottom:45%; left:5%; }
  body.active > div.app2{ bottom:45%; left:60%; }
  body.active > div.app3{ bottom:20%; margin-left:-15%; left:45%; }
  body.active > div.app{ border:1px solid #4d4d4d; width:220px; height:186px; padding-right:10px; padding-bottom:10px; opacity:1; }

  body > div.app.app1 div{ background-position: left center; }
  body > div.app.app2 div{ background-position: right center; }
  body > div.app.app3 div{ background-position: center center; }
  */

    /*catalog.html*/
  .catalog .row .content {width:50%;} 
  .catalog h1 {font-size: 100%;}
  .catalog .row .content .inner .title {font-size: 80%;}
  .catalog .row .content .inner .price {font-size: 80%;}
  
  /* .content_container { margin:0; } */
}

/* landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape){
/* Styles */

    /*catalog.html*/
  .catalog h1 {font-size: 100%;}
  .catalog .row .content .inner .title {font-size: 80%;}
  .catalog .row .content .inner .price {font-size: 80%;}
}
/*
  .slide h1{
      
    color:#528693;
  text-transform: uppercase;
  font-size: 250% !important;
  font-family: 'SourceSansPro' !important;
  line-height: 100%;
  font-weight: 200!important;
  padding-top:20px;
  display: table;
  padding-bottom: 0px;
    }
    */
}


:focus {
  outline: 0;
}

#newsletter-form { width: 300px; margin: 0 auto; }
#newsletter-form input:nth-of-type(1) { max-width: 225px; float: left; margin-right: 5px; }
#newsletter-form input:nth-of-type(2) { max-width: 70px; float: left; }
#newsletter-form .errorlist { margin: 0; padding: 0; list-style: none; }
#newsletter-form .errorlist,
#newsletter-form .resp { padding-top: 5px; clear: both; }
.newsletter-info { padding-bottom: 15px; }