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}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}

/* CSS Structure
  1. Big Landscape screen
  2. Media queries for landscape Screen
  3. Portrait Screen
  4. Small Portrait Screen (mobile)
  5. TEAM style for portrait and for width less than 991px
  6. TEAM style for portrait mobile
  7. Global style for small devices
  8. Animation
*/

/*RESET FINISHED*/
/*********** 1. Big Landscape screen *************/
body{
  font-family: 'Lato', sans-serif;
  font-size:1vw;
  line-height:1.4vw;
}
body.modalOpen{overflow: hidden;}
.left{text-align: left;}
.center{text-align: center;}
.right{text-align: right;}
.justify{text-align: justify;}
h1{
  font-size:3vw;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.1vw;
  padding: 3vw 0;
  color:#ffffff;
}
h2{
  font-size:1.8vw;
  font-weight: 900;
  padding: 1.5vw 0;
}
figure{
  line-height: 0;
}
figcaption{
  display: inline-block;
  font-size:0.6em;
  line-height:0.9em;
  text-transform: uppercase;
  padding:0.2vw 0.5vw 0.3vw 0.8vw;
  margin-left: 0.8vw;
  background: #202226;
  color:#999;
  font-weight:700;
  position:relative;
  top:-0.5vw;
}
.clear, .clr {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.h100{height:100%;}
.bg-container{
  width:100%;
  height:150vh;
  background: url('../img/bg.jpg') bottom center no-repeat;
  background-size: cover;
  position:fixed;
  top:0;
  left:0;
  z-index: 1;
}
.dede-img{
  width:44vw;
  height:40vw;
  position:absolute;
  bottom:0;
  right:1vw;
  background: url('../img/dede.png') bottom center no-repeat;
  background-size: contain;
}
.bt-title-img{
  width:34vw;
  height:18vw;
  position:fixed;
  z-index: 8;
  left:17vw;
  top:30vh;
  background: url('../img/bt-title.png') top center no-repeat;
  background-size: contain;
}
.container{
  width:90%;
  margin-left:5%;
}
.img-fluid{
  width:100%;
  height:auto;
}
#menu{
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 20vh;
  left: 17vw;
  width: 34vw;
  font-size:1.1vw;
  font-weight: 100;
  background-color: #111;
  border-radius:10px;
  padding:10px;
}
#watch-us{
  position: absolute;
  top: 20vh;
  right: 9vw;
  width: 34vw;
  font-size:1.1vw;
  font-weight: 100;
  text-align:right;
}
.youtube{
	display:inline-block;
	text-decoration:none;
	padding: 7px 10px;
	margin-left: 10px;
	margin-top:-8px;
}
.youtube:hover{transform: scale(1.5);transition: 0.5s ease}
.youtube img{height:1.3vw;width:auto;position:relative;}
#menu a{
  text-transform: uppercase;
  letter-spacing: 0.1vw;
  color:#bbb195;
  text-decoration: none;
  font-weight:100;
}
.space-between{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.space-evenly{
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.to-the-end {
  display: flex;
  flex-direction: column;
  justify-content: end;
  height: 100%;
}
.d-flex{
  display:flex;
}
.order-1{order:1;}
.white-line{
  height:100%;
  margin-left:5vw;
  padding-left:5vw;
  border-left:#fff 1px solid;
  display:flex;
  align-items: center;
}
.white-line-right{
  height:100%;
  margin-right:5vw;
  padding-right:5vw;
  border-right:#fff 1px solid;
  display:flex;
  align-items: center;
}
.v-center{
  height:100%;
  display:flex;
  align-items: center;
}
.m05{margin:0.5vw;}
.w1{width:1%;}
.w5{width:5%;}
.w17{width:17%;}
.w20{width:20%;}
.w25{width:25%;}
.w33{width:33%;}
.w34{width:34%;}
.w40{width:40%;}
.w49{width:49%;}
.w50{width:50%;}
.w60{width:60%;}
.w66{width:66%;}
.w67{width:67%;}
.w80{width:80%;}
.w83{width:83%;}
.w90{width:90%;}
.w100{width:100%;}
.flex-order-1{order:1;}
.flex-order-2{order:2;}
.pb-2{padding-bottom:2vw;}
.mb-4{margin-bottom:4vh;}
.mb-5{margin-bottom:5vh;}
.mb-10{margin-bottom:10vh;}
.mt-2{margin-top:2vw;}
.mt-4{margin-top:4vw;}
.ml-2{margin-left:2vw;}
.ml-4{margin-left:4vw;}
.ml-17p{margin-left:17%;}
.pl-em{padding-left:1em;}
.pr-em{padding-right:1em;}
.slide{
  width:100%;
  height:100vh;
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  position:relative;
  z-index: 10;
  text-align:center;
}
.credits-container{
  z-index: 13;
  color:#EEE7E6;
}
.credits{
  position:absolute;
  top:30vh;
  left:17vw;
  font-size:1.2vw;
  text-align: left;
  font-family: 'Lato', sans-serif;
  display:flex;
}
.credits strong{
  font-size:1.6vw;
}
.credits .txt{
  font-family: 'Lato', sans-serif;
  font-weight:200;
}
.credits-txt{
  margin-top: 2vh;
  margin-bottom: 2vh;
  text-align: center;
}
.festivals{
  margin-left:5vw;
  border-left: 1px solid #fff;
  padding-left:5vw;
  display:flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.fest-list{
  height: 100%;
  width: 30vw;
  display: flex;
  justify-content: space-between;
  align-content: flex-start;
  flex-wrap: wrap;
}
.fest-list li {
  opacity: 0.7;
  width: 9vw;
  transition: opacity 0.5s ease;
}
.fest-list li:hover {
  opacity: 1;
}
.fest-list img{
  width: 100%;
  margin: 0.5vw;
  height: auto;
}

@media (max-width:1199px) {
  .fest-list{
    width: 37vw;
  }
  .fest-list li{
    width: 11vw;
  }
}
@media (max-width:991px) {
  .fest-list{
    width: 42vw;
  }
  .fest-list li{
    width: 13vw;
  }
}
@media (max-aspect-ratio: 3/4) {
  .fest-list{
    width: 66vw;
  }
  .fest-list li{
    width: 15vw;
  }
}
@media (max-aspect-ratio: 3/4) and (max-width: 575px) {
  .fest-list{
    width: 90vw;
  }
  .fest-list li{
    width: 22vw;
  }
}

#poster a {color: #bbb195;}
#poster a:hover {color: #fbb13c;}
.bt-title-img-white{
  width:34vw;
  height:18vw;
  background: url('../img/txtdedemuyus.svg') top center no-repeat;
  background-size: contain;
}
.slide-txt1{
  width:100%;
  height:100vh;
  position:relative;
  z-index: 10;
}
.txt1{
  position:sticky;
  top: 50vh;
  text-align:left;
  padding:1vw 0 1vw 17vw;
  font-size:1.39vw;
  font-weight: 300; 
  color:#fff;
}
.txt1:before{
  content: '';
  display:block;
  width:0;
  height:100%;
  background:#303841;
  position:absolute;
  top:0;
  left:0;
  z-index: 9;
  -webkit-transition: width 0.7s ease-out;
  -moz-transition: width 0.7s ease-out;
  -o-transition: width 0.7s ease-out;
  transition: width 0.7s ease-out;
}
.txt1.add-bg:before{
  width:55vw;
}
.txt1>div{
  position:relative;
  z-index: 10;
}
.txt1 strong {font-weight:400;}
.txt1 .line1{word-spacing: 0.17vw;}
.txt1 .line2{word-spacing: 0.35vw;}
.dark{
  background:#202226;
  color:#EEE7E6;
}
.dark h1, .dark h2{
  color:#BBB195;
}
.light{
  background:#eee;
  color:#111;
}
.light h1, .light h2{
  color:#111;
}
.start{
  width:100%;
  height:100vh;
  position:fixed;
  top:0;
  left:0;
  z-index: 11;
  background: #19272B url('../img/bg01.jpg') top center no-repeat;
  background-size: cover;
}
@media (max-aspect-ratio: 1.78) {.start{background-size: contain;}}

#bsid{
  position:relative;
/*  background:#303035 url('../img/bg-bsid.jpg');*/
  background-attachment: fixed;
  z-index:20;
  padding:5vw 0;
}
#trailer{
  position:relative;
  background:#303035 url('../img/bg_xl.jpg');
  background-attachment: fixed;
  z-index:20;
  padding:5vw 0;
}
.iframe16by9 {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
/* Then style the iframe to fit in the container div with full height and width */
.iframe16by9>iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

#team{
  position:relative;
  background:#ddd;
  background-attachment: fixed;
  z-index:30;
  padding:5vw 0;
}
#team h1{
  color:#111;
}

.z1{position:relative;z-index:1;}
.btn {
  background-color: transparent;
  border: 1px solid #FFFFFF;
  box-sizing: border-box;
  color: #00132C;
  font-size: 1vw;
  font-weight: 700;
  line-height: 1.4vw;
  padding: 1vw 1.4vw;
  position: relative;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  margin-top:2vw;
  display: inline-block;
}
.btn:hover,
.btn:active {
  outline: 0;
}
.btn:hover {
  background-color: transparent;
  cursor: pointer;
}
.btn:before {
  background-color: #BBB195;
  content: "";
  height: calc(100% + 3px);
  position: absolute;
  right: -0.3vw;
  top: -0.4vw;
  transition: background-color 300ms ease-in;
  width: 100%;
  z-index: -1;
}
.btn:hover:before {
  background-color: #FBB13C;
}
.btn.btn-sm{
  padding:2px 8px 9px 12px;
}
.btn.btn-sm:before {
  right: -5px;
  top: -6px;
}
.modal__footer2 .btn{border-color:#000;margin-top:0;}
@media (min-width: 768px) {
  .btn {
    padding: 16px 32px;
  }
}

#team .btn {color:#ffffff;}
#team .btn:before {background-color:#406362;}
#team .btn:hover:before {background-color:#19272a;}


.team-member-name{
  font-family: 'Six Caps', sans-serif;
  font-size:6vw;
  line-height:6vw;
  position:relative;
  height:8vw;
}
.team-member-name .name{
  position:absolute;
  left:-2vw;
  top:1vw;
}
.team-member-name .name-invert{
  position:absolute;
  left:-2vw;
  top:1vw;
  color:#ffffff;
  width:2.1vw;
  height:6vw;
  overflow:hidden;
}

.team-member-name-top{
  font-family: 'Six Caps', sans-serif;
  font-size:6vw;
  line-height:5vw;
  position:relative;
  height:10vw;
}
.team-member-name-top>.name{
  position:absolute;
  left:0vw;
  top:-1.7vw;
  width:100%;
  background:#eee;
  z-index:-1;
}
.team-member-name-top>.name-invert{
  position:absolute;
  left:0vw;
  top:-1.7vw;
  color:#ffffff;
  height:1.4vw;
  overflow:hidden;
  width:100%;
}
.mamed .team-member-name-top>.name-invert{color:#ccc;}
.andrejs-container{}
.team-member.andrejs{
  background:rgba(255,255,255,0.5);
}
.andrejs-photo{
  width:14vw;
  height:auto;
}
.andrejs .team-member-name{
  width: 11vw;
  left:1vw;
  z-index:10;
}
.andrejs .team-member-name .name{
  left:0vw;
  width: 12vw;

}
.andrejs .team-member-name .name-invert{
  left:-10vw; /*-12(width)+2(container width)*/
  width: 12vw;
  height:13vw;
}
.andrejs .name-invert-conainer{
  overflow:hidden;
  width:2vw;
  height:13vw;
  position:absolute;
  top:0vw;
  left:10vw;
}
.mamed .team-member-name-top{
  font-size:2.5vw;
  line-height:2.5vw;
  height:2.5vw;
}
.mamed .team-member-name-top .name{top:-1.0vw;}
.mamed .team-member-name-top .name-invert{top:-1.0vw;height:0.7vw;}

.c{
  font-weight:100;
  font-size: 1.8vw;
  margin-bottom:1vw;
  padding:0.5vw 0;
  border-top:1px solid #fff;
  border-bottom:1px solid #fff;
}
.c-smaller{
  font-weight:100;
  font-size: 1.4vw;
  display: inline-block;
  margin-bottom: 1vw;
}
.c-smallest{
  font-weight:100;
  font-size: 1vw;
  display: inline-block;
  margin-bottom: 0vw;
}
.white-bg{background:rgba(255,255,255,0.3);}
.dark-bg{background:rgba(0,0,0,0.2);}
.dark-bg .team-member-name{color:#ffffff}
.margin-horisontal{margin-left:1vw;margin-right:1vw;}
.margin-vertical{margin-top:1vw;margin-bottom:1vw;}
.border-top{
  width:100%;
  height:1vw;
  border-top:1px solid #000;
}
.border-bottom{
  width:100%;
  height:1vw;
  border-bottom:1px solid #000;
}
.border-left{
  border-left:1px solid #000;
}
.border-right{
  border-right:1px solid #000;
}
#news{
  background:#fff;
  position:relative;
  z-index:50;
  padding: 5vw 0;
}
#news h1{color:#bbb195}
#news .btn{color:#fff;border-color:#19272a;}

.news-cards{
  display: flex;
  flex-wrap: wrap;
  flex-direction:row;
  justify-content:space-between;
}
.news-card{width: 15vw;background:#fff;position:relative;margin-bottom: 15vw;}
.news-card a{color:#bbb195;}
.news-card a:hover{color:#fbb13c;}
.news-card.khaki{background:#bbb195;}
.news-card.khaki .btn{color:#fff;border-color:#fff;}
.news-card.khaki .btn::before{background:#406362;}
.news-card.khaki a{color:#406362;}
.news-card.khaki a:hover{color:#fbb13c;}
.news-card.double{width:33.75vw;}/*15x2+(90-15*5)/4(gutter)*/
.news-card.tripple{width: 52.5vw;}/*15x3+(90-15*5)/4x2*/
.news-card.border{border:1px solid #bbb195;}
.news-card-article{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.news-card-article h2{color:#19272a;}
.news-card-article .news-card__img{width:17vw;height:100%;object-fit: cover;}
.news-card-article .news-card__txt{
  padding:0.5vw 0vw 0.5vw 1vw;
  width:17vw;
  position: relative;
  z-index: 10;
}
.news-card-article.tripple .news-card__txt{width:33.5vw;}/*52.5(.news-card.tripple)-17vw-2vw(padding)*/
.news-card-note{padding:1vw;}
.news-card.news-card-photo{background:transparent;}
.news-card-photo .news-card__img{width:100%;height:100%;object-fit:cover;}
.news-card-photo .news-card__photo-txt{
  position:absolute;
  bottom:0;
  left: 0;
  background: rgb(0,0,0);
  background: -webkit-linear-gradient(bottom, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
  background: -o-linear-gradient(bottom, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
  background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
  font-size: 0.8em;
  font-weight: 700;
  color:#fff;
  width:100%;
  padding: 2em 1em 0.5em 1em;
  line-height:1.2em;
}
.news-card-photo.white-gradient .news-card__photo-txt{
  background: rgb(255,255,255);
  background: -webkit-linear-gradient(bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
  background: -o-linear-gradient(bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
  background: linear-gradient(to top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
  color:#000;
}
.news-card-photo a{color:#bbb195;}
.news-card-photo.white-gradient a{color:#3e241e;}
.news-card-photo a:hover{color:#fbb13c;}
.news-card__date{
  position:absolute;
  right:0.5em;
  bottom:-1.6em;
  font-size: 0.6em;
  line-height:0.6em;
  font-weight: 700;
  padding:0.4em 0.5em 0.6em 1em;
  background: #bbb195;
  color:#fff;
  /*z-index:-1;*/
}
.news-card__date:before{
  content: "";
  height: calc(100% + 0.25em);
  position: absolute;
  border:1px solid #bbb195;
  border-top:0;
  right: -0.5em;
  top: -0px;
  width: 100%;
}

footer{
  background:#303035 url('../img/dark-noise.jpg');
  position:relative;
  z-index:60;
  padding:10vh 5vw 5vh 5vw;
  color:#999;
  text-align: center;
}

/*modal*/
.modal .float-left{float:left;margin-right:1vw;}
.modal .float-right{float:right;margin-left:1vw;}
.modal .img-33{width:33%;}
.modal .img-66{width:66%;}
.modal figure{margin-bottom:0.7em;}
.modal {color:#333;}
.modal a {color:#bbb195; font-weight:900;}
.modal a:hover {color:#fbb13c;}
.modal p{margin-bottom:1em;}
.modal .lead{font-size: 1.4em;font-weight: 100;}
.modal strong{font-weight:900; color:#555;}
.modal .emphasise {background:#bbb195;}
.modal .bukvica{font-size: 1.8em;color:#406362;font-weight: 300}
/*modal*/

/********** 2. Media queries for landscape Screen *******************/
/* DEFAULT SIZE XX X-Large devices (4k) */
@media (min-width: 3841px) {}

/* XX-Large devices (4k, but images made for 2560) */
@media (min-width: 1400px) and (max-width: 3840px) {
  .bt-title-img{background-image:url('../img/bt-title_xxl.png');}
  .bg-container{background-image:url('../img/bg_xxl.jpg');}
  .dudu-img{background-image:url('../img/Dudu_xxl.png');}
  .start{background-image: url('../img/barbedWire_XXL.jpg');}
}

/* X-Large devices (large desktops, 1200px and up) */
@media /*(min-width: 1200px) and*/ (max-width: 1399px) {
  .bt-title-img{background-image:url('../img/bt-title_xl.png');}
  .bg-container{background-image:url('../img/bg_xl.jpg');}
  .dudu-img{background-image:url('../img/Dudu_xl.png');}
  .start{background-image: url('../img/barbedWire_XL.jpg');}
  .bg-container:after, .start:after, #trailer img:after {
    content:'';
    position:absolute;
    left:0; top:0;
    width:100%; height:100%;
    display:inline-block;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
  }

  body{
    font-size:1.5vw;
    line-height:2.1vw;
  }
}

/* Large devices (desktops, 992px and up) */
@media /*(min-width: 992px) and*/ (max-width:1199px) {
  .bt-title-img{background-image:url('../img/bt-title_l.png');}
  .bg-container{background-image:url('../img/bg_l.jpg');}
  .dede-img{background-image:url('../img/Dede_l.png');}
  .start{background-image: url('../img/barbedWire_L.jpg');}

  #menu{left:10vw;}
  #watch-us{right:8vw;}
  .credits{left:10vw;font-size:1.8vw;line-height: 2.5vw;}
  .credits strong{font-size:2.4vw;}
  .bt-title-img{left:10vw;}
  .txt1{padding-left:10vw;}

  .btn {padding: 6px 12px;}
  .btn:before {right: -5px; top: -6px; }

  .modal .btn {padding-top: 16px;padding-bottom: 16px;}
  .modal .btn:before {right: -0.3vw; top: -0.4vw; }
}

/* Medium devices (tablets, 768px and up) */
@media /*(min-width: 768px) and*/ (max-width:991px) {
  .bt-title-img{background-image:url('../img/bt-title_m.png');}
  .bg-container{background-image:url('../img/bg_m.jpg');}
  .dede-img{background-image:url('../img/Dede_m.png');}
  .start{background-image: url('../img/barbedWire_M.jpg');}

  #menu{left:5vw;width:40vw; font-size:1.6vw;}
  #watch-us{right:5vw;width:40vw; font-size:1.6vw;}
  .amazon-a img, .chai-a img{height:1.6vw;width:auto;}
  .amazon-a img{top:0.3vw;}
  .bt-title-img-white{width:40vw;height:21.1vw;}
  .credits{left:5vw;font-size:2vw;line-height: 2.5vw;}
  .credits strong{font-size:2.67vw;}
  .bt-title-img{left:5vw;width:40vw;height:21.1vw;}
  .txt1.add-bg::before {width: 50vw;}
  .txt1{padding-left:5vw;font-size:1.64vw;line-height:1.65vw;}
  .txt1 .line1 {word-spacing: 0.19vw;}
  .txt1 .line2 {word-spacing: 0.43vw;}

  .news-card{width:43.5vw;}
  .news-card.double{width:100%;}
  .news-card.tripple{width: 100%;}
  .news-card.tripple .news-card__img{width: 43.5vw;margin-left:23.25vw;margin-top:1.5vw;height:auto;}
  .news-card-article.tripple .news-card__txt{width:89vw;} /*-1vw for right padding*/

  .modal .order-1{order:0;}
  .modal .modal__content .d-flex{display:block;}
  .modal .w66,.modal .modal__content .d-flex > .w33,.modal .modal__content .d-flex > .w34{width:100%;}
  .modal .pl-em, .modal .pr-em{padding:0;}
  figcaption{ font-size:0.8em; line-height:1.1em; top:-0.5em;}
  .modal figure{padding:0 17%;}
  .modal .w33 figure{padding:0 33%;}
  .modal figure.float-left,.modal figure.float-right{padding:0;}
  .modal .ml-17p{margin-left: 0;}

}

/* Small devices (landscape phones, 576px and up) */
@media /*(min-width: 576px) and*/ (max-width:767px) {
  .bt-title-img{background-image:url('../img/bt-title_s.png');}
  .bg-container{background-image:url('../img/bg_s.jpg');}
  .dede-img{background-image:url('../img/Dede_s.png');}
  .start{background-image: url('../img/barbedWire_S.jpg');}
}

/*Phones*/
@media (max-width: 575px) {

}

/************* 3. Portrait Screen**************/
/* Portraiet XXL width 1440 */
@media (max-aspect-ratio: 3/4) {
  body{
    font-size:3vw;
    line-height:4vw;
  }
  h1{
    font-size:3.5vh;
    margin-bottom: 6vh;
  }
  h2{
    font-size:2vh;
    margin-bottom:4vh;
  }
  #menu{
    width:100%;
    top:5vh;
    left:0;
    justify-content: space-evenly;
    font-size:2vw;
    font-weight: 100;
  }
  #watch-us{
	width:100%;
    top:10vh;
    left:0;
    text-align: center;
    font-size:2vw;
    font-weight: 100;
  }
  .amazon-a img, .chai-a img{height:3vw;width:auto;}
  #menu a{font-weight: 400;}
  #poster .credits{flex-direction:column;font-size:3.3vw; left:17vw;line-height:4vw;}
  .credits strong{font-size:4.5vw;}
  .bt-title-img-white{
    width:66vw;
    height:35vw;
  }
  .festivals{
    margin-left:0;
    padding-left:0;
    border-left:0;
    margin-top:0;
  }
  .credits .txt{
    margin-bottom:2vh;
  }
  .start{background-image: url('../img/barbedWire_port_XXL.jpg');}
  .bt-title-img{
    width:64vw;
    height:35vw;
    background-image:url('../img/bt-title_xxl.png');
    left:17vw;
  }
  .dede-img{
    width:43vh;
    height:50vh;
    background-image:url('../img/dede_xxl_port.png');
    right:-10px;
  }
  .bg-container{background:url('../img/bg_xxl_port.jpg') bottom center no-repeat;background-size:cover;}
  .txt1{
    font-size:2.60vw;
    line-height:3vw;
    top:34vh;
    padding-left:17vw;
  }
  .txt1 .line1 {word-spacing: 0.3vw;}
  .txt1 .line2 {word-spacing: 0.7vw;}
  .txt1.add-bg::before {width: 81vw;}
}
/************* 4. Small Portrait Screen (mobile)**************/
/*poster mobile portrait*/
@media (max-aspect-ratio: 3/4) and (max-width: 575px) {
  .start{background-image: url('../img/barbedWire_port_L.jpg');}
  #poster .credits{flex-direction:column;font-size:4.6vw; left:5vw;line-height:5.5vw;}
  .credits strong{font-size:6.1vw;}
  .bt-title-img-white{
    width:90vw;
    height:47.46vw;
  }
  .credits .txt{margin-bottom:3vh;}
  #menu{flex-direction: column; font-size:14px;top:auto;top:5%;}
  #watch-us{font-size:14px;top:auto;top:22%;}
  .amazon-a, .chai-a{padding:3px 10px;}
  .menu-item-delimiter{display: none;}
  .menu-item{
    border-bottom: 0px solid #bbb195;
    width:90%;
    margin-left:5%;
    margin-bottom:5px;
    padding-bottom:5px;
  }
  .menu-item:last-child{border-bottom:0;}
  .bt-title-img{
    width:90vw;
    height:47.46vw;
    background-image:url('../img/bt-title_xl.png');
    left:5vw;
  }
  .dede-img{right:-15vw;}
  .bg-container{background-position: left;}
  .txt1 {font-size: 3.67vw;line-height: 4vw;padding-left: 5vw;}
  .txt1 .line1 {word-spacing: 0.39vw;}
  .txt1 .line5 {word-spacing: 0.95vw;}
  .txt1.add-bg::before {width: 96vw;}

  .news-card.tripple .news-card__img{width: 90vw;margin-left:0;margin-top:0;height:auto;}

  .modal .w66,.modal .w33,.modal .w34{width:100%;}
  .modal figure{padding:0;}
  .modal .w33 figure{padding:0;}
}

/***********5. TEAM style for portrait and for width less than 991px************/
/*TEAM*/
@media (min-aspect-ratio: 3/4) and (min-width:991px)  {.show-on-portrait{display:none;}}
@media (max-aspect-ratio: 3/4), (max-width:991px) {
  #trailer .d-flex, #bsid .d-flex, .d-flex.portrait-vertical{flex-direction: column;}
  #trailer .w33, #trailer .w67, #bsid .w33, #bsid .w67, .w-p-100{width:100%;}
  #trailer .white-line, #bsid .white-line{margin:0;padding:0;border:0;}
  .hide-on-portrait{display:none;}
  .portrait-order-1{order:1;}
  .mb-p-3{margin-bottom:3vh;}
  .mt-p-0{margin-top:0}
  .team-member-name{font-size: 10vw;line-height:10vw;height:12vw;}
  .team-member-name .name{left:-3.4vw;}
  .team-member-name .name-invert{height:10vw; left:-3.4vw;width:3.6vw;}
  .team-member-name-top{font-size:10vw;line-height:8vw;height:14.5vw;}
  .team-member-name-top > .name{top:-2.7vw;}
  .team-member-name-top > .name-invert{top:-2.7vw;height:1.9vw;}
  .c{font-size:3vw;}
  .c-smaller{font-size:2.2vw;line-height:2.2vw;}
  .c-smallest{font-size:2.2vw;}
  .btn {padding: 6px 12px;}
  .btn:before {right: -5px; top: -6px; }
  .team-member-style-2 .team-member-name{height:22vw;}
  .p-tb-borders{border-top:1px solid #000;border-bottom:1px solid #000;}
  .andrejs-photo{width:45vw;}
  .andrejs .team-member-name{width:13.5vw; text-align: left;}
  .andrejs .team-member-name .name-invert{width:19vw; height:20vw;left:-12.5vw;}
  .andrejs .name-invert-conainer{width:9vw;height:21vw;left:12.5vw;}
  .mamed{margin-left: 0;}
  .mamed .team-member-name-top{font-size: 6vw;line-height: 5.5vw;}
  .mamed .team-member-name-top .name-invert{top:-2.5vw;height:1.7vw;}
  .mamed .team-member-name-top .name{top:-3vw;}

  .p-d-flex{
    display: flex;
    flex-direction: row;
  }
  .p-w-33{width:33%;}
  .p-w-34{width:34%;}
  .p-w-66{width:66%;}
  .p-m-l-17{margin-left:17%;}
  .p-m-r-17{margin-right:17%;}
}

/*********** 6. TEAM style for portrait mobile ************/
@media (max-aspect-ratio: 3/4), (max-width:575px) {
  .team-member-descr{display:none;}
  .team-member-name{font-size: 16vw;line-height:16vw;height:18vw;}
  .team-member-name .name{left:-8vw;}
  .team-member-name .name-invert{height:18vw; left:-8vw;width:8vw;}
  .team-member-style-2 .team-member-name{height:36vw;}
  .team-member-style-2 .btn{margin-bottom:2vw;}
  .team-member-style-2{width:88vw;}
  .team-member-style-2 .img-fluid{position:relative; right:-2vw;top:1vh;}

  .c{font-size:16px;line-height:18px;}
  .c-smaller{font-size:14px;line-height:16px;}
  .c-smallest{font-size:14px;line-height:16px;}

  .team-member-style-3 .team-member-picture {width:33vw; margin-left:0;}
  .team-member-style-3 .team-member-credits {width:64vw; margin-left:3vw;margin-right:0;}
  .team-member-name-top{font-size:12vw;line-height:10vw;height:18vw;}
  .team-member-name-top > .name{top:-3.7vw;}
  .team-member-name-top > .name-invert{top:-3.7vw;height:1.9vw;}

  .andrejs-photo{width:35vw;}
  .andrejs .team-member-name{width:23vw; text-align: left;}
  .andrejs .team-member-name .name-invert{width:33vw; height:33vw;left:-22vw;}
  .andrejs .name-invert-conainer{width:9vw;height:33vw;left:22vw;}

  .mamed .team-member-name-top{font-size: 9vw;line-height: 9vw;height:5vw;}
  .mamed .team-member-name-top .name-invert{top:-4vw;height:2.5vw;}
  .mamed .team-member-name-top .name{top:-4vw;}
  .mamed .p-w-33{width:43%;}
}

/*********** 7. Global style for small devices ************/
/* Medium devices (tablets, 768px and up) */
@media /*(min-width: 768px) and*/ (max-width:991px) {
  body{
    font-size:16px;
    line-height:24px;
  }
  h1{
    font-size:30px;
    margin-bottom: 5vw;
  }
  h2{
    font-size:25px;
    margin-bottom:25px;
  }
  .modal h2{margin-bottom:0;}
  .btn {
    font-size: 14px;
    line-height: 16px;
    padding: 12px 20px;
    margin-top:30px;
  }
  .btn:before {
    right: -5px;
    top: -7px;
  }
}
@media (max-width:575px) {
  .btn {
    font-size: 12px;
    line-height: 12px;
    padding: 4px 10px;
    margin-top:15px;
  }
  .btn:before {
    right: -3px;
    top: -4px;
  }
}


/*********** 8. Animation ************/
.ani-setup, .ani-ready{opacity:0;}
.ani-ready .ani-item{opacity:0;}
.ani-ready.animate{opacity:1;}

/******TEAM*/
/*border*/
.team-member-ani-style-1.animate .border-top{
  border-bottom:0px solid #fff;
  animation: borderRun-top 1s ease-in-out 0s 1 both
}
.team-member-ani-style-1.animate .border-right{
  border-left:0px solid #fff;
  animation: borderRun-right 0.5s ease-in-out 0.45s 1 both
}
.team-member-ani-style-1.animate .border-bottom{ animation: borderRun-bottom 0.3s ease-in-out 0.7s 1 both }
.team-member-ani-style-1.animate .border-left{ animation: borderRun-left 0.3s ease-in-out 0.7s 1 both }
/**items*/
.team-member-ani-style-1.animate .ani-item-photo{animation: fadeInMoveFromRight 0.6s ease-out 0.7s 1 both}
/*items-name*/
.team-member-ani-style-1.animate .ani-item-name{opacity: 1;}
.team-member-ani-style-1.animate .ani-item-name .name-invert{animation: fadeIn 0.2s ease-out 1.2s 1 both}
.team-member-ani-style-1.animate .ani-item-name .name{animation: fadeIn 3s ease-out 1.3s 1 both}
/*items-txts*/
.animate .ani-item-topBorder-txt{animation: showTopBorderTXT 1s ease-in-out 1.1s 1 both}
.animate .ani-item-descr{animation: fadeIn 3s ease-in-out 1s 1 backwards; opacity: 1}
.animate .btn{animation: fadeIn 1s ease-in-out 1.5s 1 backwards; opacity: 1}
.animate .btn:before{animation: showBtn 0.5s ease-in-out 2s 1 both}

.team-member-ani-style-2.animate{animation: scaleXIn 0.5s ease-out 0s 1 both}
.team-member-ani-style-2.animate .ani-item-photo{animation: fadeInMoveFromLeft 0.5s ease-out 0.5s 1 both}
.team-member-ani-style-2.animate .ani-item-name{animation: fadeInMoveFromLeft 0.5s ease-out 1s 1 both}
.team-member-ani-style-2.animate .ani-item-name .name-invert-conainer{animation: fadeIn 0.7s ease-out 1.5s 1 both}
.team-member-ani-style-2.animate .ani-item-name-fade{opacity:1}
.team-member-ani-style-2.animate .ani-item-name-fade .name{animation: fadeIn 0.5s ease-out 1s 1 both}
.team-member-ani-style-2.animate .ani-item-name-fade .name-invert-conainer{animation: fadeIn 0.2s ease-out 0.8s 1 both}
.team-member-ani-style-2.animate .ani-item-credits{animation: fadeIn 1s ease-out 1s 1 both}
@keyframes borderRun-top {
  0% {
    transform:translateY(-50%) scaleX(0);
    border-top-width: 0px;
    border-bottom-width: 1px;
  }
  5% {    transform:translateX(-40%) scaleX(0.2);  }
  45% {    transform:translateX(40%) scaleX(0.2);  }
  49% {
    transform:translateX(50%) scaleX(0);
    border-top-width: 0px;
    border-bottom-width: 1px;
  }
  50% {
    transform:translateX(-50%) scaleX(0);
    border-top-width: 1px;
    border-bottom-width: 0px;
  }
  100% {
    transform:translateX(0%) scaleX(1);
  }
}

@keyframes borderRun-right {
  0% {
    transform:translateY(-50%) scaleY(0);
    border-right-width: 0px;
    border-left-width: 1px;
  }
  5% {    transform:translateY(-40%) scaleY(0.2);  }
  45% {    transform:translateY(40%) scaleY(0.2);  }
  49% {
    transform:translateY(50%) scaleY(0);
    border-right-width: 0px;
    border-left-width: 1px;
  }
  50% {
    transform:translateY(-50%) scaleY(0);
    border-right-width: 1px;
    border-left-width: 0px;
  }
  100% {
    transform:translateY(0%) scaleY(1);
  }
}
@keyframes borderRun-bottom {
  0%{ transform: translateX(50%) scaleX(0); }
  100%{ transform: translateX(0%) scaleX(1); }
}
@keyframes borderRun-left {
  0%{ transform: translateY(50%) scaleY(0); }
  100%{ transform: translateY(0%) scaleY(1); }
}
@keyframes fadeInMoveFromRight{
  0%{ transform: translateX(50%); opacity: 0;}
  100%{ transform: translateX(0%); opacity: 1;}
}
@keyframes fadeInMoveFromLeft{
  0%{ transform: translateX(-50%); opacity: 0;}
  100%{ transform: translateX(0%); opacity: 1;}
}
@keyframes fadeInMoveFromBottom{
  0%{ transform: translateY(50%); opacity: 0;}
  100%{ transform: translateY(0%); opacity: 1;}
}
@keyframes fadeIn{
  0%{ opacity: 0;}
  100%{ opacity: 1;}
}
@keyframes showTopBorderTXT{
  0%{
    opacity:0;
    font-size:0;
    transform: translateX(-50%) scaleX(0);
  }
  5% {    transform:translateX(-40%) scaleX(0.2); opacity: 1; }
  45% {    transform:translateX(40%) scaleX(0.2);  }
  49% {
    transform:translateX(50%) scaleX(0);
    opacity:0;
    font-size:0;
  }
  50% {
    font-size: initial;
    transform:translateX(0%) scaleX(1);
  }
  100% {opacity: 1;}
}
@keyframes showBtn{
  0%{ opacity: 0; transform:translate(-10%, 10%)}
  100%{ opacity: 1;transform:translate(0,0)}
}
@keyframes scaleXIn{
  0%{transform:translateX(50%) scaleX(0)}
  100%{transform:translateX(0%) scaleX(1)}
}
@keyframes scaleXIn2{
  0%{transform:scaleX(0)}
  100%{transform:scaleX(1)}
}
@keyframes scaleXIn3{
  0%{transform:translateX(-50%) scaleX(0)}
  100%{transform:translateX(0%) scaleX(1)}
}
@keyframes fadeInZoomIn{
  0%{ opacity: 0;transform:scale(0.5);}
  100%{ opacity: 1;transform:scale(1);}
}
@keyframes slideDown{
  0%{ transform: translateY(-100%);}
  100%{ transform: translateY(0%);}
}

/******NEWS*/
.animate .news-card__img{opacity:1;animation: scaleXIn2 0.3s ease-out 0.2s 1 both;}
.news-card-photo.animate .news-card__photo-txt{opacity:1;animation: fadeIn 0.5s ease-out 0.3s 1 both;}
.news-card-note.ani-setup, .news-card-note.ani-ready{opacity:0;}
.news-card-note.animate{opacity:1;animation: fadeIn 0.3s ease-out 0s 1 both;}
.news-card-note.animate .news-card-note__container{opacity:1;animation: fadeInZoomIn 1s ease-out 0s 1 both;}
.news-card-article.ani-setup, .news-card-article.ani-ready{opacity:0;}
.news-card-article.animate{opacity:1;animation: scaleXIn3 0.5s ease-out 0s 1 both;}
.animate .news-card__h2{opacity:1;animation: fadeInMoveFromBottom 0.3s ease-out 0.5s 1 both;}
.animate .news-card__lead{opacity:1;animation: fadeIn 0.7s ease-out 0.7s 1 both;}
.animate .news-card__date{opacity:1;animation: fadeIn 0.7s ease-out 1.7s 1 both;}