@import url('https://fonts.googleapis.com/css?family=Rajdhani&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Coda+Caption:800');
@import url('https://fonts.googleapis.com/css?family=Rubik+Mono+One');
@import url('https://fonts.googleapis.com/css?family=Sedgwick+Ave+Display');

:focus {outline: none;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html {-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */height: 100%;}
body {margin: 0;padding: 0;font-size: 25px;line-height: 1.2em;font-family: 'Rajdhani', serif;color: #000;height: 100%;}
a {color:#2b5ca8;text-decoration: none;}
a:hover {color: #3480f5;text-decoration: none;}
a:hover span {color: #333;}p {line-height: 1.5em;margin: 15px 0;}
ul {line-height: 1.5em;}
p:first-of-type {margin-top: 0;}
p:last-of-type {margin-bottom: 0;}
h1, h2, h3, h4 {font-family: 'Sedgwick Ave Display', cursive; padding: 0;margin: 0;line-height: 1.2em;}
h1 {font-size: 30px;margin-bottom: 20px;}
h2 {font-size: 1.2em;padding-bottom:10px;}
p {font-family:Rajdhani, serif; font-size:20px;line-height:25px;}
strong {font-weight: 600;}
section {padding:40px 0px;}

a:focus {outline:none;text-decoration:none;}
a::-moz-focus-inner {border:0;text-decoration:none;}
a.btn-normal:hover {color:white;}

img.desaturate { -webkit-filter: grayscale(80%);
  -webkit-transition: .5s ease-in-out;
  -moz-filter: grayscale(80%); 
  -moz-transition: .5s ease-in-out;
  -o-filter: grayscale(80%); 
-o-transition: .5s ease-in-out;}	
img.desaturate:hover {-webkit-filter: grayscale(0%);
  -webkit-transition: .5s ease-in-out;
  -moz-filter: grayscale(0%);
  -moz-transition: .5s ease-in-out;
  -o-filter: grayscale(0%);
-o-transition: .5s ease-in-out;}	

.clearfix {clear:both;}	
.no-padding {padding:0px;}
.text-padding {padding:30px;}

.error-message {color:red;font-size:16px;font-weight:600}
.success-message {color:green;font-size:16px;font-weight:600}

/* BUTTONS - start */
.btn-normal {color: #ffffff;font-size: 20px;background: #000000;padding: 10px 20px 10px 20px;text-decoration: none;display: inline-block;cursor:pointer;}
.btn-normal:hover {background: #143c55;text-decoration: none;}
/* BUTTONS - end */

/* ANIMATED HEADER - start */
.cbp-af-header { position: fixed;top: 0;left: 0;width: 100%;background: #fff;z-index: 1;-webkit-transition: height 0.3s;-moz-transition: height 0.3s;transition: height 0.3s;z-index:999;}
.cbp-af-header .cbp-af-inner {width: 100%;margin: 0 auto;padding: 0px;}
.cbp-af-header h1,
.cbp-af-header nav {display:inline-block ;position: relative;height:80px}


 /* We just have one-lined elements, so we'll center the elements with the line-height set to the height of the header */
.cbp-af-header h1,
.cbp-af-header nav a {line-height: 20px;height: 20px;padding: 30px 0px 25px 0px;}
.cbp-af-header h1 {text-transform: uppercase;color: #333;letter-spacing: 4px;font-size: 4em;margin: 0;float: left;}
.cbp-af-header nav {font-size:18px;}
.cbp-af-header nav a {color: black;font-weight: 500;margin: 0 0 0 20px;border-bottom: 2px solid white}
.cbp-af-header nav a:hover {border-bottom: 2px solid #281d10;-webkit-transition: all 0s;-moz-transition: all 0s;transition: all 0s;}
.cbp-af-header img {padding-top:0px}
@media (min-width:768px){
.cbp-af-header img {padding-top:25px}
}
.cbp-af-header nav a.active {color: #281d10;font-weight: 500;margin: 0 0 0 20px;}

/* Transitions and class for reduced height */
.cbp-af-header h1,
.cbp-af-header img,
.cbp-af-header nav a {-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
/*.cbp-af-header.cbp-af-header-shrink {height: 80px;}*/
.cbp-af-header.cbp-af-header-shrink nav  {height:80px}
.cbp-af-header.cbp-af-header-shrink h1,
.cbp-af-header.cbp-af-header-shrink nav a {line-height: 20px;height:20px;padding:30px 0px 25px 0px}
.cbp-af-header.cbp-af-header-shrink h1 {font-size: 2em;}

/* Example Media Queries */
@media screen and (max-width: 55em) {
	.cbp-af-header .cbp-af-inner {width: 100%;	}
	.cbp-af-header h1,
	.cbp-af-header nav {display: block;margin: 0 auto;text-align: center;float: none;height:auto;}
	.cbp-af-header h1,
	.cbp-af-header nav a {margin: 0 10px;height:50px;}
	.cbp-af-header nav a:hover {border-bottom: none;}
	.cbp-af-header.cbp-af-header-shrink h1,
	.cbp-af-header.cbp-af-header-shrink nav a {height:50px;}
	.cbp-af-header.cbp-af-header-shrink h1 {font-size: 2em;	}
	.cbp-af-header.cbp-af-header-shrink nav  {height:auto;}
	.cbp-af-header.cbp-af-header-shrink nav a {font-size: 1em;	}
}

@media screen and (max-width: 32.25em) {
	.cbp-af-header nav a {font-size: 1em;	}
}

@media screen and (max-width: 24em) {
	.cbp-af-header nav a,
	.cbp-af-header.cbp-af-header-shrink nav a {height: 50px;}
}
/* ANIMATED HEADER - end */

/* MENU - start */
#mainMenuContainer, #mainMenu {display: block;}
#mainMenu {text-align: center;position: relative;}
#mainMenu a {display: inline-block;text-decoration: none;}
/* MOBILE MENU */
#mobileMenuBtn {display: none;width: 48px;height: 48px;cursor: pointer;position: absolute;top: 10px;right: 10px;border: 1px solid #eee;}
#mobileMenuBtn:hover {background-color: #f2f2f2;}
#nav-icon {width: 32px;height: 26px;position: relative;margin: 11px auto;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
#nav-icon span {display: block;position: absolute;height: 2px;width: 100%;background: #143c55;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
#nav-icon span:nth-child(1) {top: 0px;}
#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {top: 12px;}
#nav-icon span:nth-child(4) {top: 24px;}
#nav-icon.open span:nth-child(1) {top: 10px;width: 0%;left: 50%;}
#nav-icon.open span:nth-child(2) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#nav-icon.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
#nav-icon.open span:nth-child(4) {top: 10px;width: 0%;left: 50%;}

.btn-info {color: #fff;background-color: #281d10;border-color: #281d10;font-size:16px;}
.btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover, .open > .dropdown-toggle.btn-info {color: #fff;background-color: #2b5ca8;border-color: #2b5ca8;}
@media only screen and (max-width : 950px) {
#mainMenu {margin-bottom: 0px;}
#mainMenu a#facebook {top: -56px;}
}
@media only screen and (min-width : 768px) {
#mainMenuContainer {display: inline-block!important;float:right;}
}
@media only screen and (max-width : 767px) {
#mainMenuContainer {display: none;margin: 0;}
#mobileMenuBtn {display: block !important;}
#mainMenu {background-color: white;padding: 10px 0;margin-bottom: 0px;}
#mainMenu a {color: #143c55;display: block;width: 100%;margin: 0 auto;padding: 5px 0;text-align: center;}
#mainMenu a.active {color: #00c3b6;}
}
/* MENU - end */

/* SLIDER - start */
#heroSlider {margin-top:250px;display: block;width: 100%;height: auto;background-color: #f2f2f2;}
.slick-slide {position: relative;text-decoration: none;}
.slick-slide img {width: 100%;height: auto;}
.slick-prev, .slick-next {background-size: 60px 60px;}
.sliderTitle {display: block;position: absolute;z-index: 10;padding: 20px 40px;bottom: 40px;right: 120px;font-size: 3.5em;color: #be9948;background: url(../img/slider-corner-1.svg), url(../img/slider-corner-2.svg), rgba(0,0,0,0.6);background-repeat: no-repeat, no-repeat, no-repeat;background-position: top left, bottom right, top;background-size: 48px 48px, 48px 48px, 100%;}
.containerBanner{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media (min-width:768px){
.containerBanner{width:750px}
}
@media (min-width:992px){
.containerBanner{width:970px}
}
@media (min-width:1400px){
.containerBanner{width:1400px}
}
@media (min-width:1600px){
.containerBanner{width:1600px}
}
/* SLIDER - end */

.flexRow {float: left;width: 100%;overflow: hidden;margin-bottom: 10px;}
.contentHeader {display: block;width: 100%;}
.articleList {display: block;padding: 0px;}
.article {margin-bottom:10px;background:#ECEDEF;}
.article:hover {background:#ddd}
.article:hover img.desaturate{-webkit-filter: grayscale(0%);
  -webkit-transition: .5s ease-in-out;
  -moz-filter: grayscale(0%);
  -moz-transition: .5s ease-in-out;
  -o-filter: grayscale(0%);
-o-transition: .5s ease-in-out;}
.article-content {padding:50px;font-size:16px;}
@media (min-width:1400px){
.article-content {padding:80px;}
}
.article-content-left {float:none;}
.article-content-right {float:none;}
@media (min-width:992px){
.article-content-left {float:left;}
.article-content-right {float:right;}
}
.article-image {}
.articleImg img {display: block;width: 100%;height: auto;}
.flexRow:nth-child(odd) .article, .flexRow:nth-child(even) .articleImg {float: right;padding-left: 5px;}
.flexRow:nth-child(even) .article, .flexRow:nth-child(odd) .articleImg {float: left;padding-right: 5px;}
.articleContent {display: block;text-align: center;padding:  10% 15% 0;background-color: #ECEDEF;margin-bottom: -99999px;padding-bottom: 99999px;}
.articleContent h2 {text-transform: uppercase;color: #000;}
.articleContent a {color: #57585b;text-decoration: none;}
.articleContent:hover {background:#ddd}
.articleContent a:hover {text-decoration: none;}
.articleDate {font-weight: 300;}
.articleSeeMore {text-transform: uppercase;font-size: 0.9em;}
.article-text {font-size:16px;}
@media (min-width:1400px){
.article-text {font-size:16px;}
}
.fullWidth {display: block;width: 100%;position: relative;padding: 0 40px;margin-bottom: 10px;}
.fullWidth.map{margin-bottom: 5px;}
.fullWidthImg, .fullWidthImg img {display: block;width: 100%;height: auto;}
.fullWidthTitle {display: block;position: absolute;width: 100%;margin-left: -40px;top: 65%;text-align: center;color: #FFFFFF;font-size: 4em;}
.fullWidthContent {display: block;width: 100%;font-size: 1.2em;margin-bottom: 90px;}	
	
/* PAGE - start */
.page {padding-top:100px;margin-bottom:10px;}
/* PAGE - end */

/* PROJECTS & FILTERING PROJECTS - start */
.project-list {padding-bottom:20px;}
.project-list-item {font-family: 'News Cycle', serif; font-weight:500;padding:7px 0px;font-size: 14px;margin:0px 10px;line-height:30px;}
.project-list-item:hover {border-bottom: 2px solid #91a4af;}
a .project-list-item {text-decoration:none;color:black;outline-style: none;}
.project-description-container {padding:60px 40px;background:#ECEDEF;font-size:16px;}
.project-img-wrapper {padding:0px;}
@media (min-width:768px){
.project-img-wrapper {padding:0px;padding-right:10px}
}
.project-text-wrapper {background:#ECEDEF;}

.filter a {position: relative;}
.filter a.active:before {content: '';position: absolute;left: 0;top: 0;display: inline-block;width: 0;height: 0;}
.boxes {}
.boxes a {}
.box-item {padding:0px;background:#ddd;}
@keyframes zoom-in {
0% {transform: scale(.1);}
100% {transform: none;}
}

@keyframes rotate-right {
0% {transform: translate(-100%) rotate(-100deg);}
100% {transform: none;}
}

.box-item > .project-thumb-desc {visibility:hidden;opacity: 0;-webkit-transition: .2s ease-in-out;-moz-transition: .2s ease-in-out;-o-transition: .2s ease-in-out;}
.project-thumb-desc {position:absolute;bottom:0px;background:rgba(0,0,0,0.5);width:100%;padding:10px;color:white;font-size:12px;text-align:center;}
.box-item:hover > .project-thumb-desc {visibility:visible;opacity: 1;  }

.is-animated {animation: .6s zoom-in;}
/* PROJECTS & FILTERING PROJECTS - end */
	
.ekipa-text-container {padding:40px;font-size:14px;height:200px}	
	
/* FOOTER - start */	
.footer-container {background-color:#ECEDEF; }
.footer-element {padding:40px;}
.footer-element h2 {font-size:20px;padding-bottom:10px;}
.footer-element p {font-size:14px}	
/* FOOTER - end */	

/* BOOTSTRAP OVERRIDE - start */
.container {
    padding-right: 5px;
    padding-left: 5px;
    margin-right: auto;
    margin-left: auto;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: white;
    border-color: black;
}
.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: white;
}
.dropdown-menu {
    position: absolute;
    /*top: 100%;*/
	top:54px;
    left: 18px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 100%;
    padding: 5px 0;
    margin: 2px 0 0;
        margin-top: 2px;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: none;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    color: #262626;
    text-decoration: none;
    background-color: white;
}
/* BOOTSTRAP OVERRIDE - end */

.slider-image-wrapper-mobile {display:block;}
.slider-image-wrapper-desktop {display:none;}
@media (min-width:768px){
.slider-image-wrapper-mobile{display:none;}
.slider-image-wrapper-desktop{display:block;}
}

.desktop {display:none}
.mobile {display:block;height:70px;}
.banner {padding-top:70px;}
.banner-mobile {display:block;}
.banner-desktop {display:none}
@media (min-width:768px){
	.desktop {display:block;}
	.mobile {display:none}
	.banner {padding-top:240px;}
	.banner-mobile {display:none;}
	.banner-desktop {display:block;}
}
.articles-wrapper {padding:20px;}
.articles-text {font-size:18px;line-height:25px;padding-top:10px;}

/*= input focus effects css
=========================== */
:focus{outline: none;}

.col-with-effect {/*float: left; margin: 0px 0px 0px 30px;*/ position: relative;margin-bottom:5px;} /* necessary to give position: relative to parent. */
input[type="text"]{color: #333; width: 100%; box-sizing: border-box;/*padding-top: 15px;*/}


.effect-16 { padding:20px 5px 5px 10px; background-color: transparent;height: 55px;}

.effect-16 ~ .focus-border{position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background-color: #3399FF; transition: 0.4s;}
.effect-16:focus ~ .focus-border,
.has-content.effect-16 ~ .focus-border{width: 100%; transition: 0.4s;}
.effect-16 ~ label{position: absolute; left: 10px; width: 100%; top: 5px; color: #aaa; transition: 0.3s; z-index: -1; font-weight:400; font-size:14px;}
.effect-16:focus ~ label, .has-content.effect-16 ~ label{top: 5px; font-size: 12px; color: #3399FF; transition: 0.3s;}

/*= input focus effects css End
=============================== */


ul#countdown li {
  display: inline-block;
  background: transparent url('../images/timer-piece.png') no-repeat left top;
  width: 104px;
  margin-bottom: 4em;
  text-align: center;
}
ul#countdown li span {
  font-size: 3em;
  font-weight: bold;
  color: #1f2225;
  height: 108px;
  line-height: 108px;
  position: relative;
}
ul#countdown li span::before {
  content: '';
  width: 100%;
  height: 1px;
  border-top: 1px solid white;
  position: absolute;
  top: 31px;
}
ul#countdown li p.timeRefDays,
ul#countdown li p.timeRefHours,
ul#countdown li p.timeRefMinutes,
ul#countdown li p.timeRefSeconds {
  margin-top: 1em;
  color: #909091;
  text-transform: uppercase;
  font-size: .875em;
}
.moving-text {position:absolute;top:150px;width:100%;text-align:center}
.tlt {color:white;font-weight: 900;font-family:'Sedgwick Ave Display', cursive;text-shadow: 1px 1px 2px black, 0 0 1em black, 0 0 0.2em black;}
.texts {font-size:30px;}
.texts1 {font-size:20px;}
.texts:first-child span {color: white;}
.texts:last-child span {color: #000000;}
@media (min-width:768px){
.moving-text {top:270px;}
.texts {font-size:40px;}
.texts1 {font-size:30px;}	
}
@media (min-width:1000px){
.moving-text {top:270px;}
.texts {font-size:40px;}
.texts1 {font-size:30px;}	
}
@media (min-width:1200px){
.moving-text {top:270px;}
.texts {font-size:60px;}
.texts1 {font-size:50px;}	
}
@media (min-width:1400px){
.moving-text {top:300px;}
.texts {font-size:80px;}
.texts1 {font-size:60px;}	
}
a.prijava p {color:black;font-size:16px;}
a.prijava h3 {color:black;}

a.anchor {display: block;position: relative;top: -70px;visibility: hidden;}
@media (min-width:768px){
	a.anchor {top: -200px;}
}

.subpage {padding-top:100px;min-height:750px}
@media (min-width:768px){
	.subpage {padding-top:230px;min-height:750px}
}
/* timer override */
#countdown {padding:0px;}
ul#countdown li {width: 60px;margin-bottom: 4em;}
ul#countdown li span {height: 40px;line-height: 40px;}
ul#countdown li span {font-size: 40px;}
@media (min-width:768px){
	ul#countdown li {width: 104px;margin-bottom: 4em;}
	ul#countdown li span {height: 108px;line-height: 108px;}
	ul#countdown li span {font-size: 3em;}
}

/* table */
td p {font-size:12px;}
@media (min-width:768px){
	td p {font-size:14px;}
}