@charset "utf-8";
/* CSS Document */


/*@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');

@font-face {
  font-family: 'History-02';
  font-weight: normal;
  src: url("/fonts/History_02.otf") format("opentype") ;
}*/




/*
*************************************

Pijesak: 

#f5f4ea 
rgba(245, 244, 234, 1);

*************************************

Plava: 

#58a3bc
rgba(88, 163, 188, 1);

*************************************

Siva:

#c0bfba
rgba(192, 191, 186, 1);

*************************************

zelena:

#99c796;
rgba(153, 199, 150, 1);

*************************************

OKER:

#f4d7b5;
rgba(244, 215, 181, 1);



*/






@font-face {
    font-family: 'Begum Sans';
    src: url('/fonts/Begum Sans/BegumSans-Medium.eot');
    src: local('Begum Sans Medium'), local('BegumSans-Medium'),
        url('/fonts/Begum Sans/BegumSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Begum Sans//fonts/Begum Sans/BegumSans-Medium.woff2') format('woff2'),
        url('/fonts/Begum Sans/BegumSans-Medium.woff') format('woff'),
        url('/fonts/Begum Sans/BegumSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Begum Sans';
    src: url('/fonts/Begum Sans/BegumSans-Regular.eot');
    src: local('Begum Sans'), local('BegumSans-Regular'),
        url('/fonts/Begum Sans/BegumSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Begum Sans/BegumSans-Regular.woff2') format('woff2'),
        url('/fonts/Begum Sans/BegumSans-Regular.woff') format('woff'),
        url('/fonts/Begum Sans/BegumSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Begum Sans';
    src: url('/fonts/Begum Sans/BegumSans-Light.eot');
    src: local('Begum Sans Light'), local('BegumSans-Light'),
        url('/fonts/Begum Sans/BegumSans-Light.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Begum Sans/BegumSans-Light.woff2') format('woff2'),
        url('/fonts/Begum Sans/BegumSans-Light.woff') format('woff'),
        url('/fonts/Begum Sans/BegumSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Begum Sans';
    src: url('/fonts/Begum Sans/BegumSans-Bold.eot');
    src: local('Begum Sans Bold'), local('BegumSans-Bold'),
        url('/fonts/Begum Sans/BegumSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Begum Sans/BegumSans-Bold.woff2') format('woff2'),
        url('/fonts/Begum Sans/BegumSans-Bold.woff') format('woff'),
        url('/fonts/Begum Sans/BegumSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Begum Sans Semi';
    src: url('/fonts/Begum Sans/BegumSans-SemiBold.eot');
    src: local('Begum Sans Semi Bold'), local('BegumSans-SemiBold'),
        url('/fonts/Begum Sans/BegumSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Begum Sans/BegumSans-SemiBold.woff2') format('woff2'),
        url('/fonts/Begum Sans/BegumSans-SemiBold.woff') format('woff'),
        url('/fonts/Begum Sans/BegumSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}



@font-face {
    font-family: "Begum";
    src: url(/fonts/Begum/fonts/Begum.otf) format("opentype");
}
@font-face {
    font-family: "Begum-Medium";
    src: url(/fonts/Begum/fonts/Begum-Medium.otf) format("opentype");
}
@font-face {
    font-family: "Begum-Light";
    src: url(/fonts/Begum/fonts/Begum-Light.otf) format("opentype");
}
@font-face {
    font-family: "Begum-Semibold";
    src: url(/fonts/Begum/fonts/Begum-Semibold.otf) format("opentype");
}




@font-face {
    font-family: 'airstrip';
    src: local('airstrip'), local('airstrip'),url('/fonts/airstrip.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}







/*


// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 200 to 1000

.nunito-<uniquifier> {
  font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}



.farsan-regular {
  font-family: "Farsan", cursive;
  font-weight: 400;
  font-style: normal;
}




.tillana-regular {
  font-family: "Tillana", serif;
  font-weight: 400;
  font-style: normal;
}

.tillana-medium {
  font-family: "Tillana", serif;
  font-weight: 500;
  font-style: normal;
}

.tillana-semibold {
  font-family: "Tillana", serif;
  font-weight: 600;
  font-style: normal;
}

.tillana-bold {
  font-family: "Tillana", serif;
  font-weight: 700;
  font-style: normal;
}

.tillana-extrabold {
  font-family: "Tillana", serif;
  font-weight: 800;
  font-style: normal;
}


.kite-one-regular {
  font-family: "Kite One", serif;
  font-weight: 400;
  font-style: normal;
}





// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 200 to 900

.source-sans-3-<uniquifier> {
  font-family: "Source Sans 3", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}






// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 300 to 800
// <width>: Use a value from 75 to 100

.open-sans-<uniquifier> {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" <width>;
}


*/






html,body{
  position: relative;
  height: 100%
}

body{

  color: rgba(53, 53, 53, 1);
  margin:0px;

  font-size:0.9rem;
  font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;



  margin: 0;
  padding: 0;
  /*background-image:url(/template/cream-paper.png);*/

  display: flex;
  flex-direction: column;

/*
background: radial-gradient(111% 111% at 74.29% -11%, #A93300 0%, #005570 100%), linear-gradient(127.43deg, #00D5C8 0%, #2200AA 100%);
background-blend-mode: difference, normal;
*/



  
}

/*
body::before {
  content: "";
  position: fixed;
  top: 0; 
  left: 0;
  width: 100%; 
  height: 100%;  
  opacity: .1; 
  z-index: -1;
  


background: linear-gradient(40deg, #155263 9%, #155263 43%, #FF6F3C calc(43% + 1px), #FF6F3C 52%, #FF9A3C calc(52% + 1px), #FF9A3C 80%, #FFC93C calc(80% + 1px), #FFC93C 100%);



}


*/





#frontpage_div{max-width: 50% }

#frontpage_div img{ }


#main_section{
 /* background-image:url(/template/orgulje_37.png);
  background-position:center bottom; 
  background-size:50% auto;*/
  background-attachment:fixed; 
  background-repeat:no-repeat;

  flex: 1 0 auto;

  /*min-height: 100%;*/
  position:relative;
  z-index:1000;
}





.item{


position:relative;


  -webkit-transition: opacity 1s cubic-bezier(0.155, 0.505, 0.175, 1.000) , -webkit-transform 1s cubic-bezier(0.155, 0.505, 0.175, 1.000); 
   -moz-transition: opacity 1s cubic-bezier(0.155, 0.505, 0.175, 1.000) , -moz-transform 1s cubic-bezier(0.155, 0.505, 0.175, 1.000); 
        transition:  opacity 1s cubic-bezier(0.155, 0.505, 0.175, 1.000), transform 1s cubic-bezier(0.155, 0.505, 0.175, 1.000);  /* custom */

}


.item.hidden-section {
  opacity: 0;
    -ms-transform: translate(0px,100px); /* IE 9 */
    -webkit-transform: translate(0px,100px); /* Safari */
    transform: translate(0px,100px);
}

.item.visible-section {
  opacity: 1;
}





.blue_gradient_title{}

/*.gray_gradient_title{background: -webkit-linear-gradient(#cccccc,#525252);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}*/

.gradient_title_separator{font-family: 'Nunito', sans-serif;font-weight:300;font-size: 2rem;color:#525252}


.gray_gradient_title{ font-style: italic; background: -webkit-linear-gradient(#f4831f,#f05222);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}


/*hr.style-six {
  border: 0;
  height: 0;
  border-top: 2px solid rgba(5, 36, 96, 0.9);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}*/

.font_m{font-size:1rem; font-weight: 500}
.font_l{font-size:1.25rem; font-weight: 500}
.font_xl{font-size:1.35rem; font-weight: 500}
.font_xl_upp{font-size:1.35rem; text-transform: uppercase; font-weight: 500}


h1 {
  color: rgba(53, 53, 53, 1);;
  font-size:3rem;
  

  font-family: "Nunito", serif;
  font-optical-sizing: auto;

  font-weight:900;
  font-style: normal;
  text-align: left;
  text-transform: uppercase;


  border-bottom: 1px dashed rgb(12,43,76);
  
}

h2 {
color: rgba(53, 53, 53, 1);
    font-size: 2rem;
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
    font-style: normal;
}

h3 {
    


font-size:1.3rem;

  margin-bottom: 1rem;
  margin-top: 1rem;
  text-align: left;


  color: rgba(53, 53, 53, 1);;

  /*background: -webkit-linear-gradient(#233872, rgba(25, 30, 36, 1));-webkit-background-clip: text;-webkit-text-fill-color: transparent;*/

  font-family: 'Nunito', sans-serif;
  font-weight:700;
  font-style: normal;
}

h4 {
  font-size: 1rem;
  color: rgba(53, 53, 53, 1);;
 /* font-family: 'BenchNine', sans-serif;*/
  text-transform:none;
  font-weight:700;
  font-family: 'Nunito', sans-serif;
   
}

h5 {
  font-size: 1rem;
  margin-bottom: 0;
   color: rgba(53, 53, 53, 1);;
  font-weight:normal;
  font-family: 'Nunito', sans-serif;
   font-style: 300;
}

h6 {
  font-size: 1rem;
  margin-bottom: 0;
   color: rgba(53, 53, 53, 1);;
  font-weight:bold;
  font-family: 'Nunito', sans-serif;
   font-style: normal;
}

p {
  margin-top: 0;
  /*margin-bottom: 0;*/
  color: rgba(53, 53, 53, 1);
}

a, a:link, a:visited, a:hover, a:active{
  color:rgba(53, 53, 53, 1);
}

a:hover{

color: #000;

}

hr{
  border-bottom: 1px solid #58a3bc;
}

.alignClassCenter{text-align: center !important;}

.link_button{
  padding:0.6375rem 1.5rem;
  color: #fff !important;
  font-family: 'Nunito', sans-serif;
  font-size:0.8rem;
  font-weight:normal;
  background-color: rgba(25, 30, 36, 1) ;
  border-bottom: 2px solid #ffffff;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;


}

.link_button:hover{
  color: #fcb813 !important; 
}

 .masonry.frontpage_news.sticky .vise {text-align: center;padding-top: 1.5rem}




/******************************************** SCROLLBAR *****************************/

::-webkit-scrollbar {
  width: 6px;
  background-color: #fff;
}

::-webkit-scrollbar-thumb {
  background-color: #ccc;
}

.scrollable{
  scrollbar-color: #ccc #ffffff;
  scrollbar-width: thin;
}

/******************************************** PRELOADER *****************************/

#preloader {
  z-index: 10001;
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: #fff;


  
}


.loader::before {
  content: "";
  position: fixed;
  top: 0; 
  left: 0;
  width: 100%; 
  height: 100%;  
  opacity: .2; 
  z-index: -1;


  background: rgb(72,192,161);
background: linear-gradient(135deg, rgba(72,192,161,1) 0%, rgba(226,229,24,1) 100%);


/*background: linear-gradient(40deg, #155263 9%, #155263 43%, #FF6F3C calc(43% + 1px), #FF6F3C 52%, #FF9A3C calc(52% + 1px), #FF9A3C 80%, #FFC93C calc(80% + 1px), #FFC93C 100%);*/



}






.loader {
  width: 64px;
  height: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
 /* -webkit-animation: sk-rotateplane 1.8s infinite ease-in-out;
  animation: sk-rotateplane 1.8s infinite ease-in-out;
  -webkit-transition-duration: 2s;
  transition-duration: 2s;*/
  background:url('/template/loader.gif');
  background-repeat: no-repeat;
  background-size: contain ;
  background-position: center center
}

#preloader2 {
  z-index: 100;
  width: 100%;
  height: 100%;
  position: fixed;
  /*background-color: #052460;*/
  display: none;
}
.loader2 {
  width: 150px;
  height: 150px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-animation: sk-rotateplane 1.8s infinite ease-in-out;
  animation: sk-rotateplane 1.8s infinite ease-in-out;
  -webkit-transition-duration: 2s;
  transition-duration: 2s;
/*  background:url('/template/sfinga_logo_pijesak_v2.png');*/
  background-repeat: no-repeat;
  background-size: contain ;
  background-position: center center
}


@-webkit-keyframes sk-rotateplane {
  0% {
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  }
  60% {
  -webkit-transform: rotateY(-360deg);
  transform: rotateY(-360deg);
  }
  100% {
  -webkit-transform: rotateY(-360deg);
  transform: rotateY(-360deg);
  }
}
@keyframes sk-rotateplane {
  0% {
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  }
  60% {
  -webkit-transform: rotateY(-360deg);
  transform: rotateY(-360deg);
  }
  100% {
  -webkit-transform: rotateY(-360deg);
  transform: rotateY(-360deg);
  }
}


/************************************************************************************** HEADER *********************************************************************/
/************************************************************************************** HEADER *********************************************************************/
/************************************************************************************** HEADER *********************************************************************/

#headerSection{
  display:block;
  position:fixed;
  top:0;
  width:100%;
  z-index:9001;

  /*background: rgba(53, 53, 53, 1); */


  /*background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);*/
  background: linear-gradient(-45deg, rgba(166, 206, 58, 1)/*, */, rgba(227, 229, 22, 1), rgba(20, 180, 206, 1), rgba(107, 80, 161, 1)/*, rgba(242, 100, 52, 1)*/);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
    

}



body.default #headerSection{
 
display:block;
  position:relative;
  top:0;
  width:100%;
  z-index:9001;

  /*background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);*/
  /*background: transparent;*/
  height: 50vh;
    

}


#frontpage_banner{
     background: linear-gradient(-45deg, rgba(166, 206, 58, 1)/*, */, rgba(227, 229, 22, 1), rgba(20, 180, 206, 1), rgba(107, 80, 161, 1)/*, rgba(242, 100, 52, 1)*/);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
    height: 100vh;
}



/*
body {
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
    height: 100vh;
}*/

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}


#header_wrapper{


padding-bottom:3px;

  /*padding-top: 0.5rem;*/




/*

background: radial-gradient(111% 111% at 74.29% -11%, #A93300 0%, #005570 100%), linear-gradient(127.43deg, #00D5C8 0%, #2200AA 100%);
background-blend-mode: difference, normal;



background: radial-gradient(100% 225% at 100% 0%, #120037 0%, #000000 100%), linear-gradient(35deg, #C0FFC7 0%, #17001F 75%), linear-gradient(55deg, #2400FF 0%, #000000 100%), linear-gradient(90deg, #FFE037 0%, #FFE037 40%, #1DCD9F 40%, #1DCD9F 50%, #088C6F 50%, #088C6F 70%, #23033C 70%, #23033C 100%), linear-gradient(180deg, #FF8FE5 0%, #FF8FE5 45%, #FBFF64 45%, #FBFF64 60%, #76E3FF 60%, #76E3FF 80%, #6EB6E7 80%, #6EB6E7 100%);
background-blend-mode: screen, overlay, overlay, darken, normal;
*/

}



/*
#header_wrapper::before {
  content: "";
  position: absolute;
  top: 0; 
  left: 0;
  width: 100%; 
  height: 100%;  
  opacity: 1; 
  z-index: -1;
 



background: linear-gradient(40deg, #155263 9%, #155263 43%, #FF6F3C calc(43% + 1px), #FF6F3C 52%, #FF9A3C calc(52% + 1px), #FF9A3C 80%, #FFC93C calc(80% + 1px), #FFC93C 100%);


}
*/






#header_logo_cell{text-align: center;padding-top:3rem; padding-bottom:3rem }
#header_title{color: #f5f4ea;
    font-size: 3.5rem;
    font-family: 'airstrip', sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    font-style: normal;
    

     /*text-shadow: -2px 0 rgba(53, 53, 53, 1), 0 2px rgba(53, 53, 53, 1), 2px 0 rgba(53, 53, 53, 1), 0 -2px rgba(53, 53, 53, 1);*/


    }

    #header_text{text-align:center;color:#fff;padding-top: 1rem;}

body.default #header_title{
    font-size: 4.5rem;
    line-height: 3.7rem;
    

     /*text-shadow: -2px 0 rgba(53, 53, 53, 1), 0 2px rgba(53, 53, 53, 1), 2px 0 rgba(53, 53, 53, 1), 0 -2px rgba(53, 53, 53, 1);*/


    }


  body.default   #header_text{text-align:center;color:#fff;padding-top: 1rem;}







  #header_naslovna{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
    border-radius: 10px;
    
    position: absolute;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    
      text-align: center;
    line-height: 1.4;


background-color: red;

height: 80%;
width:80%;

background: url(/template/logo_czmzd_header.png);
  background-repeat: no-repeat;

  
  background-size: auto 75%;
  background-position: center center;
  background-repeat: no-repeat;
z-index: 4;



}

#header_logo_cell a:hover{color: #f5f4ea !important;}



#header_logo_cell_2{text-align: left}




#page_header{
 /*background: rgba(255, 255, 255, 0.9);
 background: rgba(53, 53, 53, 1);  
 background: rgba(53, 53, 53, 1);*/


  display: block;
  /*opacity: 1;*/
  max-height: 500px;
  /*transition: opacity 1s ease-out, max-height 0.2s ease-in;*/
 
  transition: opacity 1s ease-out, max-height 0.2s ease-in;
  opacity: 1;

 /*border-bottom: 3px solid #000;*/
 /*background: rgba(53, 53, 53, 1);*/


border-bottom: 1px dashed #f5f4ea;

  
}


body.default #page_header{border: none}

#header_area{ 
  opacity: 1;
  max-height: 500px;
  transition: opacity 1s ease-out, max-height 0.5s ease-in;

/*background: rgb(255,255,255);
background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9023984593837535) 49%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9023984593837535) 49%, rgba(255,255,255,0) 100%);
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9023984593837535) 49%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);*/


/*
    background-image: -moz-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%,  rgba(255, 255, 255, 0.8) 100%);
    background-image: -ms-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%,  rgba(255, 255, 255, 0.8) 100%);
    background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0.8)));
    background-image: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%,  rgba(255, 255, 255, 0.8) 100%);
    background-image: -o-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%,  rgba(255, 255, 255, 0.8) 100%);
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.8) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255, 255, 255, 1)', endColorstr='rgba(255, 255, 255, 0.8)', GradientType=1);*/





}


.events #header_area{ 

/*
background: rgb(255,255,255);
background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 49%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 49%, rgba(255,255,255,0) 100%);
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 49%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);*/


/*
    background-image: -moz-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%,  rgba(255, 255, 255, 0.8) 100%);
    background-image: -ms-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%,  rgba(255, 255, 255, 0.8) 100%);
    background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0.8)));
    background-image: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%,  rgba(255, 255, 255, 0.8) 100%);
    background-image: -o-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%,  rgba(255, 255, 255, 0.8) 100%);
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.8) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255, 255, 255, 1)', endColorstr='rgba(255, 255, 255, 0.8)', GradientType=1);*/





}

#header_area.inactive{
  opacity: 0;
  max-height: 0;
  overflow: hidden;
}


#page_header.inactive{
  opacity: 0;
  max-height: 0;
  overflow: hidden;
}



/*#page_header.inactive{
  opacity: 0;
  max-height: 0;
  overflow: hidden;
}*/



#header_logo{
  max-width: 280px;
  opacity: 1;
 /* transition: opacity 0.3s ease-out;*/
}

#header_logo_2{
  max-width: 80px;
  opacity: 1;

 /* transition: opacity 0.3s ease-out;*/
}


#page_header.inactive{
  opacity: 0;
}

#header_control{
  position:absolute;
  right:10%;
  bottom:0.5rem;
  z-index: 1001;
  display:none;
}

#header_control.inactive{
 
  /*bottom:-2rem;*/

}

#header_control.inactive li{


  border-radius: 50%;



/*background: rgb(0,0,0);
background: -moz-linear-gradient(360deg, rgba(0,0,0,1) 0%, rgba(252,184,19,1) 000%, rgba(249,163,25,1) 100%);
background: -webkit-linear-gradient(360deg, rgba(0,0,0,1) 0%, rgba(252,184,19,1) 000%, rgba(249,163,25,1) 100%);
background: linear-gradient(360deg, rgba(0,0,0,1) 0%, rgba(252,184,19,1) 000%, rgba(249,163,25,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#f9a319",GradientType=1);*/


}



#header_control li:hover{





  
/*background: rgb(0,0,0);
background: -moz-linear-gradient(360deg, rgba(0,0,0,1) 0%, rgba(252,184,19,1) 000%, rgba(249,163,25,1) 100%);
background: -webkit-linear-gradient(360deg, rgba(0,0,0,1) 0%, rgba(252,184,19,1) 000%, rgba(249,163,25,1) 100%);
background: linear-gradient(360deg, rgba(0,0,0,1) 0%, rgba(252,184,19,1) 000%, rgba(249,163,25,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#f9a319",GradientType=1);*/


}




#header_control li {

 

/*background: rgb(0,0,0);
background: -moz-linear-gradient(360deg, rgba(0,0,0,1) 0%, rgba(252,184,19,1) 000%, rgba(249,163,25,1) 100%);
background: -webkit-linear-gradient(360deg, rgba(0,0,0,1) 0%, rgba(252,184,19,1) 000%, rgba(249,163,25,1) 100%);
background: linear-gradient(360deg, rgba(0,0,0,1) 0%, rgba(252,184,19,1) 000%, rgba(249,163,25,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#f9a319",GradientType=1);

    border: 0.125rem solid transparent;

    border-color: #f9a319*/


    padding: 0.25rem 0rem 0.25rem 0rem;
    border-radius: 50%;
    width: 2.125rem;
    height: 2.125rem;
}

#header_control li a{
  padding:0.35rem 0.7rem 0.2rem 0.7rem;
  color: #fcb813;
} 



/**************** main menu *******************************/

#main_menu_container{

  background: transparent;
}


#responsive-menu{
  min-width:100%
}

.top-bar, .top-bar ul {
  background: transparent;
  z-index:1000;
}  

.dropdown.menu > li > a { 
  color: #fff;
  
  text-transform:none;
  font-weight:normal;
  font-size: 1rem;



    font-family: 'Nunito', sans-serif;
}

.dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu a {
  color: #fff;
  font-family: 'Nunito', sans-serif;
  text-transform:none;
  font-weight:normal;
  font-size: 1rem;
  border-bottom: 1px solid #fff
}


.dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu li{

  padding-left:0.6375rem;
  padding-right:0.6375rem;
}


.dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu li:last-child a {
 
  border-bottom: none
}




.dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu a {
  color: #fff;
  font-family: 'Nunito', sans-serif;
  text-transform:none;
  font-weight:normal;
  font-size: 1rem;
}

.dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu a:hover {
  color: #fcb813 !important;
}

.dropdown.menu > li > a:hover {
  color: #fcb813 !important;
}

.top-bar  .menu:last-child {
 /* border-left: 1px solid #3B4951;*/
}

.top-bar .menu li:not(:last-child):not(.is-dropdown-submenu-item) {
  border-right: 1px solid #fff;
}

.top-bar {
  padding:0px 0 
}

.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
  position: relative;
  padding-right: 0.7rem;
}

.dropdown.menu > li > a {
  padding: 0.25rem 1rem !important; 
}

.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border: none;
  /*border-bottom: 1px solid #58a3bc !important;*/
  content: '';
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #fff transparent transparent;
  right: 0;
  left: auto;
  margin-top: 0;
}


.is-dropdown-submenu {
  border: none; 
}

.dropdown.menu > li.is-active > a {
  background: transparent;
  color: #fcb813; 
}

.dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu a {
  display:block !important;
  width:100%;

}

.dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu a:hover {
  color: #fcb813
}


.dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
  border-bottom:2px solid #fff;
}



.dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 2.25rem;
    right: auto;
    /*background: rgba(245, 244, 234, 0.9);*/
    background: rgba(21, 82, 99, 0.9);
    

    }

 

  .menu .active > a {
    background: transparent;
    color: #fcb813; }


/********* main menu underline **********/

.hover-underline-menu {
  width: 100%;
}

.hover-underline-menu .menu {
  background: transparent;
}

.hover-underline-menu .menu a {
  color: #fff;
  /*padding: 1.2rem 1.5rem;*/

}

.hover-underline-menu .menu .underline-from-center {
  position: relative;
}

.hover-underline-menu .menu .underline-from-center::after {
  content: "" !important;
  position: absolute;
  top:100%;
  /*border-bottom: 1px solid #58a3bc !important;*/
  left: 50% !important;
  right: 50% !important;
  transition: all 0.5s ease;
}

.hover-underline-menu .menu .underline-from-center:hover::after {
  left: 0 !important;
  right: 0 !important;
  transition: all 0.5s ease;
}

/****************** lang menu ************************/

#header_menu_cell{

  text-align: center;
  position: relative;

  /*
  background: rgb(0,0,0);
background: -moz-linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(58,153,205,1) 000%, rgba(35,56,114,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(58,153,205,1) 000%, rgba(35,56,114,1) 100%);
background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(58,153,205,1) 000%, rgba(35,56,114,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#233872",GradientType=1);
*/




padding-top:0.6375rem;
padding-bottom:0.6375rem;


}

#menu_area{

/*background-color: rgba(53, 53, 53, 1); *//*0c2b4c*/ 
/*border-bottom: 2px solid #fff;*/

}



.rounded-lang-buttons {
  text-align: right;
 

  position:absolute;
  right:0rem;
  top: 0.5rem;
  

  /*padding: 0 0 0.6375rem 0;
  height: 2.125rem;*/

}

.rounded-lang-buttons .lang-button {
  display: inline-block;
  position: relative;
  cursor: pointer;
  width: 2.125rem;
  height: 1.9rem;
  border: 1px solid transparent;
  padding: 0;
  text-decoration: none;
  text-align: center;
  color: rgb(255,255,255,1);
  font-size: 0.7rem;
  font-weight: normal;
  line-height: 2em;

  border-radius: 0 /*50%  50% */;

  transition: all 0.9s ease;

  /*
  margin-right: 0.25rem;
  margin-bottom: 0.25rem;*/

  margin: 0.1rem;

  font-family: 'Nunito', sans-serif;
  text-transform: none;
   



}

.rounded-lang-buttons .lang-button:hover, .rounded-lang-buttons .lang-button:focus {
  /*-webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);*/
}

.rounded-lang-buttons .lang-button {
  /*background: #f37620;*/




 color: rgb(255,255,255,1);
  background: rgb(255,255,255,0);
  border-color: rgb(255,255,255,0);
  border-bottom-color: rgb(255,255,255,0);


}



.rounded-lang-buttons .lang-button:before {
  /*font-family: "Font Awesome 5 Brands";
  content: "\f39e";
  font-weight: 900;*/
}

.rounded-lang-buttons .lang-button:hover, .rounded-lang-buttons .lang-button:focus {
   color: rgb(255,255,255,1);
border-color: rgba(21, 82, 99,0);
background: rgb(255,255,255,0);
/*border-bottom-color: #fcb813;*/

}

.rounded-lang-buttons .lang-button.active {
  
 /* background: #f9a718;
  border-color: #f9a718;*/
 color: rgb(255,255,255,1);
  background: rgb(255,255,255,0);
  border-color: rgb(255,255,255,0);
  border-bottom-color: rgb(255,255,255,1);
/*background: -moz-linear-gradient(360deg, rgba(0,0,0,1) 0%, rgba(252,184,19,1) 000%, rgba(249,163,25,1) 100%);
background: -webkit-linear-gradient(360deg, rgba(0,0,0,1) 0%, rgba(252,184,19,1) 000%, rgba(249,163,25,1) 100%);
background: linear-gradient(360deg, rgba(0,0,0,1) 0%, rgba(252,184,19,1) 000%, rgba(249,163,25,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#f9a319",GradientType=1);*/

}

/*.rounded-lang-buttons .lang-button.active:before {

}*/

.rounded-lang-buttons .lang-button.active:hover, .rounded-lang-buttons .lang-button.active:focus {
  color: rgb(255,255,255,1);
border-color: rgba(21, 82, 99,0);
background: rgb(255,255,255,0);
}


/*.rounded-lang-buttons .lang-button.hr{

  background-image:url(/template/slider_backgrounds/hr.png);background-position:center center;
}
.rounded-lang-buttons .lang-button.en{

  background-image:url(/template/slider_backgrounds/en.png);background-position:center center;
}*/


/*************************************************************************************************** SLIDER *****************************************************************************************/


.swiper-container {
  width: 100%;
  height: 100%;
  /*border-bottom: 2px solid #c0bfba;*/
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;


  background-position:center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /*background-attachment:fixed; */
  background-repeat:no-repeat;

  height: auto;

  }

.swiper-button-next, .swiper-button-prev {

  color:#fff;
  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);

}

.swiper-button-next:after, .swiper-button-prev:after {

  /*text-shadow: 0px 0px 5px rgba(255, 255, 255, 1);*/
  /*border:2px solid rgba(255, 255, 255, 1);*/
  padding:0.75rem 0.5rem 0.5rem 0.5rem;
  /*border-radius: 100%;*/

 /* border-radius: 0 50% 50% 0;*/

  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);

  /* background: rgba(44, 56, 64, 0.95);*/


  /*
  background: rgb(0,0,0);
background: -moz-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(252,184,19,1) 000%, rgba(249,163,25,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(252,184,19,1) 000%, rgba(249,163,25,1) 100%);
background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(252,184,19,1) 000%, rgba(249,163,25,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#f9a319",GradientType=1);*/






  /*box-shadow: 0px 0px 5px rgba(255, 255, 255, 0.75);*/

  font-size: 2rem;
  font-weight: normal;
  text-align: center;

  color:#fff;

 /* border:0.25rem solid transparent;*/
  
}



.swiper-button-prev:after {


 /* background: rgb(0,0,0);
background: -moz-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(252,184,19,1) 000%, rgba(249,163,25,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(252,184,19,1) 000%, rgba(249,163,25,1) 100%);
background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(252,184,19,1) 000%, rgba(249,163,25,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#f9a319",GradientType=1);*/


  
}

.swiper-button-next:after {




/*background: rgb(0,0,0);
background: -moz-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(244,131,31,1) 000%, rgba(240,82,34,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(244,131,31,1) 000%, rgba(240,82,34,1) 100%);
background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(244,131,31,1) 000%, rgba(240,82,34,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#f05222",GradientType=1);*/
  
}






.swiper-button-next:after {



  border-radius: 50%;
  

 
  
}



.swiper-button-prev:after {



  border-radius: 50%;


 
  
}







.swiper-pagination-bullet-active {
   
  /*background: rgba(252, 184, 19, 0.95);*/
  /*border:1px solid rgba(165, 31, 35, 1);*/
  box-shadow: 0px 0px 5px rgba(255, 255, 255, 0.75);


  background: rgba(21, 82, 99, 0);
  border: 2px solid #fff;
  opacity: 1 !important;
}


.swiper-pagination-bullet {
  
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 20px;
  font-size: 15px;
  color:#fff;
  font-family: 'Nunito', sans-serif;
  font-weight: Normal;
  opacity: .4;
  background: rgba(67, 67, 67, 1);



  }


.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 0.5rem;
    right: auto;
    display: none;
}


.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 0.5rem;
    left: auto;
    display: none;
}








#frontpage{height:100vh}



#frontpage .overlej{
  background-image:url(/template/overlej.png);
  position: absolute;
  top:0;left:0;right:0;bottom:0;
}









 
.slide-content-title{

  text-shadow: 1px 1px 5px #000;
  color:#fff;
  font-size:3.5rem;
  font-family: "Nunito";
  text-transform:uppercase;
  font-weight:bold;
  /*margin-top:1.2rem;*/

}

.slide-content-text{
  text-shadow: 1px 1px 5px #000;
  color:#fff;
  font-size:1.2rem;
  font-family: "Nunito";
  text-transform:uppercase;
  font-weight:normal;
  margin-top:1rem;
}


.slide-content-datum{ 

  text-shadow: 1px 1px 5px #000;
  color:#fff;
  font-size:1.5rem;
  font-family: "Nunito";
  text-transform:normal;
  font-weight:bold;
  

}




.slide-content-text p{
  
  color:#fff;

}


.slide-content-location{
  text-shadow: 1px 1px 5px #000;
  color:#fff;
  font-size:1.3rem;
  font-family: "Nunito";
  text-transform:none;
  font-weight:bold;
  margin-top:1rem;
  display:none;
}
.slide-content-location .progrem_locations{
  text-shadow: 1px 1px 5px #000 !important;
  color:#fff !important;
  font-size:1.3rem !important;
  font-family: "Nunito" !important;
  text-transform:none !important;
  font-weight:bold !important;

  /*background: -webkit-linear-gradient(#fff, #fff) !important;-webkit-background-clip: text !important;-webkit-text-fill-color: transparent !important;*/
}








.slide-content-desc{
  margin-top:0.5rem;
  border-top:1px solid #fff;
  padding-top:0.5rem;
  font-size:0.7rem;
  color:#fff;
  text-shadow: 1px 1px 5px #000;
  /*display:none;*/
  display: inline-block;
}

.slide-content-slogan{

  /*font-style: italic;*/

 /* background: #f9a718;
  border-color: #f9a718;*/

  margin-top:1rem;
  display: inline-block;
  display:none;
}


.slide-content-slogan a{

 

 
  font-size:1rem !important;
  
  }

 

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
  bottom:4.5rem;
}



.slide-content-logo{
   display:none;
}


.slide-content-title sup, .slide-content-text sup{
  text-transform: none;
}






  .count{


            color: rgba(255, 255, 255, 1);
            font-size: 5rem;
            font-family: "Nunito", serif;
            font-optical-sizing: auto;
            font-weight: 900;
            font-style: normal;
            text-align: center;
            text-transform: uppercase;
    

        }

        .cega{display: block;


            color: rgba(255, 255, 255, 1);
            font-size: 2rem;
            font-family: "Nunito", serif;
            font-optical-sizing: auto;
            font-weight: 900;
            font-style: normal;
            text-align: center;
            text-transform: uppercase;
    



        }






/******************************************************/

.tabs-title {
  float:none !important;
  display:inline-block;
}

.tabs {
  text-align:center; position: relative;margin-top:0rem;z-index: 2;
}





 
.tabs {
    
    border-top: 0;border-left: 0;border-right: 0;border-bottom: 0; background: /*rgba(53, 53, 53, 1);*/rgba(21, 82, 99, 0)/*margin-bottom: -0.4rem;*/
   
}

.tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
    /*background:  rgba(53, 53, 53, 1); */
    color: #fbfbfb;
    font-size: 1.2rem;

    font-family: "Nunito";
    font-weight: 900;
    font-style: normal;
     /* background: linear-gradient(-45deg, rgba(166, 206, 58, 1), rgba(227, 229, 22, 1), rgba(20, 180, 206, 1), rgba(107, 80, 161, 1);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;*/

    background-color:  rgba(166, 206, 58, 1); 

    padding: 1.25rem 2.5rem

}



.tabs-title > a {




    background: #dee1e9;
    color: rgba(53, 53, 53, 1); 
    font-size: 1.2rem;
       
    font-family: "Nunito";
    font-weight: 900;
    font-style: normal;
    border-top:1px solid #dee1e9;
    border-right:1px solid #dee1e9;
    border-left:1px solid #dee1e9;
    text-transform: uppercase;
    border-radius: 16px 16px 0 0;


    padding: 1.25rem 1.75rem



}

.tabs-title > a:hover {
    background: /*#0b426b; rgba(53, 53, 53, 1);*/   rgba(107,80,161,1);
    color: #fbfbfb  !important;;
}


.tabs-content {
   
    background: #fbfbfb;
   


}






/******************************************************************************************************** WELCOME ***********************************************************************/


/*#welcome_logo_cell{ margin-left:0;padding-left:0;padding-right:0;}*/

#welcome{

  padding-top:4rem; padding-bottom:4rem;
   
   /*margin-bottom:2rem;*/

  /*border-bottom: 1px solid #c0bfba;*/

  /*background-color: #fbfbfb*/
}

#welcome_text{
  /*text-align: center;*/
}

#welcome h1{

  /*text-shadow: 1px 1px 5px #ccc;*/
  margin-bottom: 1.5rem

}

/*#welcome h2{
  text-shadow: 1px 1px 5px #ccc;
  color:#000;
  font-size:2rem;
  font-family: 'BenchNine', sans-serif;
  text-transform:none;
  font-weight:900;
  font-style: normal;
  margin-bottom: 0rem
}*/


#welcome  h2 {

  text-align: left;
  /*text-shadow: 1px 1px 5px #888888;*/
  color:#525252;
  
  font-size:2rem;
   font-family: "Nunito";
  font-weight:bold;
  font-style: normal;
  margin-bottom: 1.5rem
 }





#welcome h3{
  text-shadow: 1px 1px 5px #ccc;
  color:#a51f23;
  font-size:2.7rem;
  font-family: 'Nunito', sans-serif;
  text-transform:uppercase;
  font-weight:bold;
  font-style: normal;
  margin-bottom: 1rem;
  margin-top: 1rem
}


    
#welcome .text{

  text-align: justify;
  column-count: 3;
  column-gap: 1.875rem;
  column-rule: 1px dashed #e6e6e6;

  /*column-fill: auto;*/
  column-fill: balance;      

}


#welcome .menu{




}

#welcome .menu a{

  color: #58a3bc;
  font-family: 'Nunito', sans-serif;
  text-transform:none;
  font-weight:normal;
  font-size: 1rem;


  padding: 0.25rem 1rem;

}

#welcome .menu > li > a:hover {
  color: rgba(53, 53, 53, 1);
}

#welcome .menu:last-child {
 /* border-left: 1px solid #3B4951;*/
}

#welcome .menu li:not(:last-child):not(.is-dropdown-submenu-item) {
  border-right: 1px solid #c0bfba;
}

#welcome .discover{


    color: rgba(166, 206, 58, 1);
    font-family: 'Nunito', sans-serif;
    text-transform: none;
    font-weight: normal;
    font-size: 1rem;




}



/******************** MASONRY ************************/

.masonry {
    display: grid;
    grid-gap: 1em;
    grid-template-columns: repeat(4, minmax(250px,1fr));
    grid-auto-rows: 0;
    /*margin-top:1.9375rem;*/
    
  }


@media screen and (min-width: 25em) {
.masonry  {
    grid-template-columns: repeat(1, minmax(250px,1fr));
  }
  .masonry.spaces{
    grid-template-columns: repeat(1, minmax(250px,1fr));
  }
  .masonry.frontpage_news{
    grid-template-columns: repeat(1, minmax(250px,1fr));
  }
  .masonry.frontpage_news.sticky{
    grid-template-columns: repeat(1, minmax(250px,1fr));
  }

}

@media screen and (min-width: 37.5em) {
.masonry  {
    grid-template-columns: repeat(1, minmax(250px,1fr));
  }
    .masonry.spaces{
    grid-template-columns: repeat(1, minmax(250px,1fr));
  }
  .masonry.frontpage_news{
    grid-template-columns: repeat(1, minmax(250px,1fr));
  }
  .masonry.frontpage_news.sticky{
    grid-template-columns: repeat(1, minmax(250px,1fr));
  }  
}

@media screen and (min-width: 50em) {
.masonry  {
    grid-template-columns: repeat(2, minmax(250px,1fr));
  }
   .masonry.spaces{
    grid-template-columns: repeat(2, minmax(250px,1fr));
  }
  .masonry.frontpage_news{
    grid-template-columns: repeat(2, minmax(250px,1fr));
  }
   .masonry.frontpage_news.sticky{
    grid-template-columns: repeat(1, minmax(250px,1fr));
  } 
}

@media screen and (min-width: 68.75em) {
.masonry  {
    grid-template-columns: repeat(2, minmax(250px,1fr));
  }

.masonry.spaces  {
    grid-template-columns: repeat(3, minmax(250px,1fr));
  }



  .masonry.frontpage_news{
    grid-template-columns: repeat(4, minmax(250px,1fr));
    /* grid-template-columns: repeat(auto-fill, minmax(250px,1fr));*/
  }
   .masonry.frontpage_news.sticky{
    grid-template-columns: repeat(1, minmax(250px,1fr));
  } 
}


.masonry .card-article-hover {

  margin-bottom:0rem;
}


.masonry  .masonry-content {

  }

.masonry  .masonry-brick {

  }

.masonry  .masonry-brick:hover {
 
  }



















/*************** EVENTS ************/




#events{
  padding:15rem 0 3rem 0; 
}




.events  .masonry-css {
  -webkit-column-count: 1;
          column-count: 1;
  -webkit-column-gap: 1rem;
          column-gap: 1rem;
}




@media screen and (min-width: 25em) {
.events  .masonry-css {
    -webkit-column-count: 1;
            column-count: 1;
  }
}

@media screen and (min-width: 37.5em) {
 .events  .masonry-css {
    -webkit-column-count: 1;
            column-count: 1;
  }
}

@media screen and (min-width: 50em) {
.events  .masonry-css {
    -webkit-column-count: 1;
            column-count: 1;
  }
}

@media screen and (min-width: 68.75em) {
.events  .masonry-css {
    -webkit-column-count: 2;
            column-count: 2;
  }





}

.events .masonry-css-item {
  -webkit-column-break-inside: avoid;
          break-inside: avoid;
  margin-bottom: 1rem;
}






.masonry-css.gallery {
  -webkit-column-count: 3;
          column-count: 3;
  -webkit-column-gap: 1rem;
          column-gap: 1rem;
}

@media screen and (min-width: 25em) {
.masonry-css.gallery {
    -webkit-column-count: 1;
            column-count: 1;
  }
}

@media screen and (min-width: 37.5em) {
 .masonry-css.gallery {
    -webkit-column-count: 1;
            column-count: 1;
  }
}

@media screen and (min-width: 50em) {
.masonry-css.gallery {
    -webkit-column-count: 1;
            column-count: 1;
  }
}

@media screen and (min-width: 68.75em) {
.masonry-css.gallery {
    -webkit-column-count: 2;
            column-count: 2;
  }


  .masonry-css.gallery {
  -webkit-column-count: 3;
          column-count: 3;

}


}

.masonry-css.gallery .masonry-css-item {
  -webkit-column-break-inside: avoid;
          break-inside: avoid;
  margin-bottom: 1rem;
}

/********************************************************************************** PAGES ***********************************************************************/






#pages{
  padding:12rem 0 3rem 0; 
}

#pages_text{
  
/*text-align: justify;*/
  }


#default #pages_text{
  text-align: center;
  text-align: inherit;
}

/*

#pages h1{



  color:#525252;
  font-size:2.5rem;
   font-family: "Nunito";
  font-weight:bold;
  font-style: normal;
  margin-bottom: 0.5rem;







}

#pages h2{
  text-shadow: 1px 1px 5px #ccc;
  color:rgba(53, 53, 53, 1);
  font-size:2rem;
  font-family: 'Nunito', sans-serif;
  text-transform:none;
  font-weight:bold;
  font-style: normal;
  
  text-align: left;
}

#pages h3{
  text-shadow: 1px 1px 5px #ccc;
  color:rgba(53, 53, 53, 1);
  font-size:1.7rem;
  font-family: 'Nunito', sans-serif;
  text-transform:uppercase;
  font-weight:bold;
  font-style: normal;
  margin-bottom: 1rem;
  margin-top: 1rem;
  text-align: left;
}
*/

.imgFull{min-width:100%;}
.imgHalf{max-width:50%;}
.imgThird{max-width:40%;}
.imgLeft{float:left;margin:0rem 0.5rem 0.5rem 0rem; margin-right: 0.9375rem !important;}

.imgH100{max-height: 120px;max-width: 120px;width: auto !important;}



.pages  .masonry-css {
  -webkit-column-count: 1;
          column-count: 1;
  -webkit-column-gap: 1rem;
          column-gap: 1rem;
}

@media screen and (min-width: 25em) {
.pages  .masonry-css {
    -webkit-column-count: 1;
            column-count: 1;
  }
}

@media screen and (min-width: 37.5em) {
 .pages  .masonry-css {
    -webkit-column-count: 1;
            column-count: 1;
  }
}

@media screen and (min-width: 50em) {
.pages  .masonry-css {
    -webkit-column-count: 1;
            column-count: 1;
  }
}

@media screen and (min-width: 68.75em) {
.pages  .masonry-css {
    -webkit-column-count: 2;
            column-count: 2;
  }
}

.pages .masonry-css-item {
  -webkit-column-break-inside: avoid;
          break-inside: avoid;
  margin-bottom: 1rem;
}






.pages .card-article-hover {
  box-shadow: 0px 0px 5px #888888;
}

.pages .card-article-hover .card-section {
  width: 90%;
  background: #fff;
  margin: 0 auto;

  margin-top: -3rem;
  z-index: 2;
}

.pages .card-article-hover .card-section .article-subtext {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 0.85rem;
}

.pages .card-article-hover .card-section .article-title {
  
  font-family: 'Nunito', sans-serif;
text-transform:uppercase;
font-weight:bold;
  font-size: 1.5rem;
  color: rgba(53, 53, 53, 1);
}

.pages .card-article-hover .card-section .article-desc {
  font-family: 'Nunito Regular', sans-serif;
    font-weight: 400;

}

.pages .card-article-hover .card-divider {
  background: #fff;
  display: none;
}

.pages .card-article-hover .card-divider .author {

  color: rgba(165, 31, 35, 1);
  font-size:0.6rem;
  font-family: 'Nunito', sans-serif;
    font-weight: normal;
    line-height: 0.5rem;
    margin:0;padding:0;
}

.pages .card-article-hover .hover-border {
  height: 0.25rem;
  width: 450px;
  background: rgba(165, 31, 35, 1);
  width: 0;
  transition: width 1s ease;
}

.pages .card-article-hover:hover .hover-border {
  height: 0.25rem;
  width: 100%;
  transition: width 1s ease;
}

.pages .card-article-hover .author {
  color: navy;
}

.pages .card-article-hover .avatar {
  border-radius: 50%;
  margin: 0 1rem;
  max-width: 10%
}

.pages .card-article-hover .meta-data {
  text-transform: uppercase;
}

.pages .card img{

object-fit: cover;
height: auto; width:100%;}



/****************************************************************************** MEDIA ******************************************************************/





.media  .masonry-css {
  -webkit-column-count: 1;
          column-count: 1;
  -webkit-column-gap: 1rem;
          column-gap: 1rem;
}

@media screen and (min-width: 25em) {
.media  .masonry-css {
    -webkit-column-count: 1;
            column-count: 1;
  }
}

@media screen and (min-width: 37.5em) {
 .media  .masonry-css {
    -webkit-column-count: 1;
            column-count: 1;
  }
}

@media screen and (min-width: 50em) {
.media  .masonry-css {
    -webkit-column-count: 1;
            column-count: 1;
  }
}

@media screen and (min-width: 68.75em) {
.media  .masonry-css {
    -webkit-column-count: 3;
            column-count: 3;
  }
}

.media .masonry-css-item {
  -webkit-column-break-inside: avoid;
          break-inside: avoid;
  margin-bottom: 1rem;
}






.media .card-article-hover {
  box-shadow: 0px 0px 5px #888888;
}

.media .card-article-hover .card-section {
  width: 90%;
  background: #fff;
  margin: 0 auto;

  margin-top: -3rem;
  z-index: 2;
}

.media .card-article-hover .card-section .article-subtext {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 0.75rem;
  text-align: left
}

.media .card-article-hover .card-section .article-title {
  
  font-family: 'Nunito', sans-serif;
text-transform:uppercase;
font-weight:bold;
  font-size: 1.5rem;
  color: rgba(53, 53, 53, 1);
}

.media .card-article-hover .card-section .article-desc {
  font-family: 'Nunito', sans-serif;
    font-weight: Normal;
    text-align: left;

}

.media .card-article-hover .card-divider {
  background: #fff;
  display: none;
}

.media .card-article-hover .card-divider .author {

  color: rgba(165, 31, 35, 1);
  font-size:0.6rem;
  font-family: 'Nunito', sans-serif;
    font-weight: Normal;
    line-height: 0.5rem;
    margin:0;padding:0;
}

.media .card-article-hover .hover-border {
  height: 0.25rem;
  width: 450px;
  background: rgba(165, 31, 35, 1);
  width: 0;
  transition: width 1s ease;
}

.media .card-article-hover:hover .hover-border {
  height: 0.25rem;
  width: 100%;
  transition: width 1s ease;
}

.media .card-article-hover .author {
  color: navy;
}

.media .card-article-hover .avatar {
  border-radius: 50%;
  margin: 0 1rem;
  max-width: 10%
}

.media .card-article-hover .meta-data {
  text-transform: uppercase;
}

.media .card img{

object-fit: cover;
height: auto; width:100%;}


/********************************************************************************** ARTISTS ***********************/



.artists  .masonry-css {
  -webkit-column-count: 1;
          column-count: 1;
  -webkit-column-gap: 1rem;
          column-gap: 1rem;
}

@media screen and (min-width: 25em) {
  .artists  .masonry-css {
    -webkit-column-count: 1;
            column-count: 1;
  }
}

@media screen and (min-width: 37.5em) {
  .artists  .masonry-css {
    -webkit-column-count: 1;
            column-count: 1;
  }
}

@media screen and (min-width: 50em) {
.artists  .masonry-css {
    -webkit-column-count: 1;
            column-count: 1;
  }
}

@media screen and (min-width: 68.75em) {
.artists  .masonry-css {
    -webkit-column-count: 2;
            column-count: 2;
  }
}

.artists  .masonry-css-item {
  -webkit-column-break-inside: avoid;
          break-inside: avoid;
  margin-bottom: 1rem;
}






.artists .card-article-hover {
  box-shadow: 0px 0px 5px #888888;
}

.artists .card-article-hover .card-section {
  width: 90%;
  background: #fff;
  margin: 0 auto;
  /*padding-top: 25px;*/
  margin-top: -3rem;
  z-index: 2;
}

.artists .card-article-hover .card-section .article-subtext {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 0.85rem;
}

.artists .card-article-hover .card-section .article-title {
  
  font-family: 'Nunito', sans-serif;
text-transform:uppercase;
font-weight:bold;
  font-size: 1.5rem;
  color: rgba(53, 53, 53, 1);
}

.artists .card-article-hover .card-section .article-desc {
  font-family: 'Nunito', sans-serif;
    font-weight: Normal;
 /* font-size: 1rem;*/
}

.artists .card-article-hover .card-divider {
  background: #fff;
  display: none;
}

.artists .card-article-hover .card-divider .author {
  /*text-transform: uppercase;*/
  /*letter-spacing: 2px;*/
  color: rgba(165, 31, 35, 1);
  font-size:0.6rem;
  font-family: 'Nunito', sans-serif;
    font-weight: Normal;
    line-height: 0.5rem;
    margin:0;padding:0;
}

.artists .card-article-hover .hover-border {
  height: 0.25rem;
  width: 450px;
  background: rgba(165, 31, 35, 1);
  width: 0;
  transition: width 1s ease;
}

.artists .card-article-hover:hover .hover-border {
  height: 0.25rem;
  width: 100%;
  transition: width 1s ease;
}

.artists .card-article-hover .author {
  color: navy;
}

.artists .card-article-hover .avatar {
  border-radius: 50%;
  margin: 0 1rem;
  max-width: 10%
}

.artists .card-article-hover .meta-data {
  text-transform: uppercase;
}

.artists .card img{

object-fit: cover;
height: auto; width:100%;}




#list_of_artists a{

text-shadow: 1px 1px 5px #ccc;
    color: #a51f23;
    font-size: 1.2rem;
    font-family: 'Nunito', sans-serif;
    text-transform: none;
    font-weight: bold;
    font-style: normal;

    display: inline-block;


  }


#list_of_artists{position: fixed;}





#list_of_artists .underline-from-center-red {
  position: relative;
}

#list_of_artists .underline-from-center-red::after {
  content: "" !important;
  position: absolute;
  top:100%;
  border-bottom: 0.25rem solid #a51f23 !important;
  left: 50% !important;
  right: 50% !important;
  transition: all 0.5s ease;
}

#list_of_artists .underline-from-center-red:hover::after {
  left: 0 !important;
  right: 0 !important;
  transition: all 0.5s ease;
}





/******************************************************************************************** PROGRAM ***********************************************************/


#program{ 
  background-color: #f0f0f0; 
  padding: 3rem 0;
  /*background-image:url(/template/orgulje_37.png);
  background-position:center bottom; 
  background-size:50% auto;
  background-attachment:fixed; 
  background-repeat:no-repeat; */
  /*border-top: 0.25rem solid rgba(165, 31, 35, 1);*/
  /*border-bottom: 0.25rem solid rgba(165, 31, 35, 1);*/
 }

#program_container{

 /* padding:0 0.9375rem*/

  padding:0 3rem
 }

#program  h2 {

  text-align: center;
  /*text-shadow: 1px 1px 5px #888888;*/
  color:#525252;
  font-size:2rem;
   font-family: "Nunito";
  font-weight:bold;
  font-style: normal;
  margin-bottom: 2rem
 }



.slick-program .card-article-hover {
  /*box-shadow: 0px 0px 5px #888888;*/

  /*box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -1px, rgba(0, 0, 0, 0.05) 0px 4px 6px -1px;*/
border:none;
  /*border-left: 1px dashed rgb(12,43,76); 
  border-right: 1px dashed rgb(12,43,76);*/

  position: relative;






  /*border-top: 2px solid #f9a718;*/
}


.slick-program.frontpage .card-article-hover {
  /*box-shadow: 0px 0px 5px #888888;*/

  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -1px, rgba(0, 0, 0, 0.05) 0px 4px 6px -1px;

  border:none;

  position: relative;


 -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  opacity: 0.5;
  transition: all 300ms ease;



  /*border-top: 2px solid #f9a718;*/
}





.slick-program .slick-center .card-article-hover {
  /*box-shadow: 0px 0px 5px #888888;*/

 -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1.1);
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  









  /*border-top: 2px solid #f9a718;*/
}



.events .slick-program .card-article-hover {


  margin-bottom:1.5rem;
}



.slick-program .card-article-hover .card-section {
  width: 100%;
  background: #fff;
  margin: 0 auto;
  padding-top: 25px;
  margin-top: 0rem;
  z-index: 2;
  /*border-bottom:1px dashed #f0f0f0;*/
  text-align: justify;
}

.slick-program .card-article-hover .card-section .article-subtext {


    font-family: 'Nunito', sans-serif;
    font-weight: normal;
    font-size: 0.75rem;
    text-transform: none;
    color:#666;


}

.slick-program .card-article-hover .card-section .article-title {
  

  
  font-size:1.3rem;

  margin-bottom: 1rem;
  margin-top: 1rem;
  text-align: left;

  /*background: -webkit-linear-gradient(#233872, rgba(25, 30, 36, 1));-webkit-background-clip: text;-webkit-text-fill-color: transparent;*/

  font-family: "Nunito";
  font-weight:700;
  font-style: normal;





}


/*


#pages h2{
  text-shadow: 1px 1px 5px #ccc;
  color:#000;
  font-size:2rem;
  font-family: 'BenchNine', sans-serif;
  text-transform:none;
  font-weight:900;
  font-style: normal;

  text-align: left;
}

#pages h3{
  text-shadow: 1px 1px 5px #ccc;
  color:#a51f23;
  font-size:1.7rem;
  font-family: 'BenchNine', sans-serif;
  text-transform:uppercase;
  font-weight:900;
  font-style: normal;
  margin-bottom: 1rem;
  margin-top: 1rem;
  text-align: left;
}

*/




.slick-program .card-article-hover .card-section .article-desc {
  font-family: 'Nunito', sans-serif;
  font-weight: 400;
  /*font-size: 1rem;*/
}

.slick-program .card-article-hover .card-section .article-desc  h2{

 font-size:1.2rem;

  margin-bottom: 1rem;
  margin-top: 1rem;
  text-align: left;

  color:#525252;

  font-family: "Nunito";
  font-weight:bold;
  font-style: normal;

}

.slick-program .card-article-hover .card-divider {
  background: #fff;
}


.slick-program .card-article-hover  hr {
    border: 0;
    border-bottom: 1px dashed rgb(12, 43, 76);;
    background: transparent;
}



.slick-program .card-article-hover .card-divider .author {
  /*text-transform: uppercase;*/
  /*letter-spacing: 2px;*/
  /*color: rgba(165, 31, 35, 1);*/

  
 
  
  font-weight: normal;
  line-height: 0.5rem;
  margin:0;
  padding:0;


  font-family: 'Nunito', sans-serif;
  font-size: 0.7rem;
  text-transform: none;


}

.slick-program .card-article-hover .hover-border {
  height: 0.25rem;
  width: 450px;
  background: rgba(165, 31, 35, 1);
  width: 0;
  transition: width 1s ease;
  }

.slick-program .card-article-hover:hover .hover-border {
  /*height: 0.25rem;
  width: 100%;
  transition: width 1s ease;*/
}

.slick-program .card-article-hover .author {
  color: navy;
  }

.slick-program .card-article-hover .avatar {
  border-radius: 50%;
  margin: 0 1rem;
  max-width: 10%
}

.slick-program .card-article-hover .meta-data {
  text-transform: uppercase;
}


.slick-program .card-divider {
  
  /*padding-left: 2.5rem;*/
   
}

.events_details .slick-program .card-divider {
  
  /*padding-right: 2.5rem;*/
   
}











.slick-program .card img{

object-fit: cover;
height: auto; width:100%;}

.slick-program .item {
  padding:0 0rem;
}

.events .slick-program .item, .events_details .slick-program .item {
  padding:0;
}



.slick-program .callout{
  height: 100%;
  padding:0;
}


.slick-prev {
  left: -2.5rem;
}
.slick-next {
  right: -1.5rem;
}


.slick-prev, .slick-next {
   /* font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;*/
  width: 2rem;
  height: 2rem;
   /* padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;*/
  z-index: 9999
}


.slick-prev:before, .slick-next:before {
   /* font-family: 'slick';*/
  font-size: 3rem;
  line-height: 1;
  color:rgba(53, 53, 53, 1);
  /*opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;*/
}


.slick-dots li {
   /* position: relative;
  display: inline-block;*/
  width: 20px;
  height: 20px;
  /*margin: 0 5px;
  padding: 0;
  cursor: pointer;*/
}


.slick-dots li button {

  /*box-shadow: 0px 0px 5px rgba(255, 255, 255, 0.75);


  background: rgba(44, 93, 149, 0.95);
  border-bottom: 2px solid #f9a718;*/




  font-size: 0px;
  line-height: 20px;
  color:rgba(53, 53, 53, 1);
  font-weight: bold;
  /*display: block;*/
  width: 20px;
  height: 20px;
  /*padding: 5px;*/
   /* cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;*/
  font-family: 'History-02';
}

.slick-dots li button:before {
  font-family: 'slick';
  font-size: 1.1rem;
  line-height: 1.5rem;
  position: absolute;
  top: 5px;
  left: -2px;
  width: 1.5rem;
  height: 1.5rem;
  content: '•';
  text-align: center;
  opacity: .25;
  color: rgba(53, 53, 53, 1);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  opacity: .75;
  color: rgba(53, 53, 53, 1);
}


.square {
  position: relative;
  width: 15%; 
}

.square:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.content {
  position: absolute;
  width: 100%;
  height: 100%;

  background-position:center center; 
  background-size: cover;
  /*border-radius: 50%*/
  /*border-bottom: 2px solid #f9a718*/
}


.author_container{

  display: inline;
  width:75%;
  padding-left:1.5rem

}

.church{
 
   background: -webkit-linear-gradient(#233872, rgba(25, 30, 36, 1));-webkit-background-clip: text;-webkit-text-fill-color: transparent;

  font-family: "Nunito";
  font-size: 0.8rem;
  text-transform: none;
  font-weight: bold;
}
.church_desc{
  color: rgba(53, 53, 53, 1);

}


.progrem_locations{
 
   /*background: -webkit-linear-gradient(#233872, rgba(25, 30, 36, 1));-webkit-background-clip: text;-webkit-text-fill-color: transparent;*/
   color:rgba(53, 53, 53, 1);

  font-family: "Nunito";
  font-weight: bold;
  font-size: 0.8rem;
  text-transform: none;
  text-align: left !important;
}

.progrem_locations:hover{
  color: #fcb813 !important; 
  }


/******************************************************************************************** PROGRAM ***********************************************************/


/*#program{ 
 
  padding: 3rem 0;
 
  background-repeat:no-repeat; 
  border-top: 0.25rem solid rgba(165, 31, 35, 1);
  border-bottom: 0.25rem solid rgba(165, 31, 35, 1);
 }

#program_container{

  padding:0 3rem
 }*/

/*.program #program  h2 {

  text-align: center;text-shadow: 1px 1px 5px #888888;
  color:#fff;
  font-size:3rem;
  font-family: 'BenchNine', sans-serif;
  text-transform:uppercase;
  font-weight:900;
  font-style: normal;;margin-bottom: 2rem
 }
*/

 .program_category{
  display:inline-block; 
  padding:0.6375rem 1.5rem;
  color: #fff !important;
  font-family: 'Nunito', sans-serif;
  font-size:0.8rem;
  font-weight:normal;
  background-color: rgba(53, 53, 53, 1);
  z-index: 3;
  position:absolute;
  top:0px;left:0px;

} 
 
.program_category:hover{
  color: #fcb813 !important; 
  }






.list_of_cats a{ display:inline-block;


  }

.list_of_cats{margin-top:1.5rem;}



.list_of_tags a{




  }

.list_of_tags{margin-top:1.5rem;}




.list_of_locs a{




  }

.list_of_locs{margin-top:1.5rem;}


.list_of_news a{




  }

.list_of_news{margin-top:1.5rem;}


.list_of_locs ul{


list-style: outside none none



  }


  .list_of_locs > ul  {
     margin: 0;
    padding: 0;
}

  .list_of_locs > ul > li ul > li:before  {
     content:"- ";
}

.objekti .author_container a{display:block;



font-size:1rem;


  text-align: left;

  background: -webkit-linear-gradient(#233872, rgba(25, 30, 36, 1));-webkit-background-clip: text;-webkit-text-fill-color: transparent;

  font-family: "Nunito";
  font-weight:bold;
  font-style: normal;


 
 
}

.objekti .square{width:20%}


.objekti .author_container {




  padding:2rem 0 2rem 1rem;


  background-color: #fff;
  margin-left:-1rem;
  position: relative;z-index: 5
}
 
/*************************************************************************************************** NEWS *****************************************************************************************/

#news{
   padding-top:2rem; padding-bottom:2rem

}

.not_link_button{display: block;text-align: right;}



#news h2{

 
  /*text-shadow: 1px 1px 5px #888888;*/
 /* color:#525252;
  
  font-size:2rem;
   font-family: "Nunito";
  font-weight:bold;
  font-style: normal;
  margin-bottom: 1.5rem*/


  font-size:1.2rem;

  margin-bottom: 1rem;
  margin-top: 1rem;
  text-align: left;

  color:#525252;

  font-family: "Nunito";
  font-weight:bold;
  font-style: normal;


}

#news h2.newstitle, #frontpage_tabs h2.newstitle{ 
  text-align: center;
    color:rgba(53, 53, 53, 1);
  
  font-size:2.2rem;
   font-family: "Nunito";
  font-weight:900;
  font-style: normal;
  

  text-transform: uppercase;

  padding-bottom: 2rem;


}

/*#news .masonry-css {
  -webkit-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 1rem;
          column-gap: 1rem;
}

@media screen and (min-width: 25em) {
#news   .masonry-css {
    -webkit-column-count: 1;
            column-count: 1;
            padding:0 0.9375rem;
  }
}

@media screen and (min-width: 37.5em) {
#news   .masonry-css {
    -webkit-column-count: 2;
            column-count: 2;
  }
}

@media screen and (min-width: 50em) {
#news   .masonry-css {
    -webkit-column-count: 2;
            column-count: 2;
  }
}

@media screen and (min-width: 68.75em) {
#news   .masonry-css {
    -webkit-column-count: 3;
            column-count: 3;
  }
}

#news .masonry-css-item {
  -webkit-column-break-inside: avoid;
          break-inside: avoid;
  margin-bottom: 1rem;




}

*/

.card-article-hover .card-section.noPhoto {
  margin-top:0rem !important;
}





#news .masonry .card-article-hover {
  /*box-shadow: 0px 0px 5px #888888;*/
   z-index:2;
   background-color: #fefefe;
   position: relative;

   /* box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;*/

    /*border-top: 2px solid #233872;*/
  
}

#news .masonry .card-article-hover .card-section {
  width: 90%;
  background: #fff;
  margin: 0 auto;
  padding-top: 25px;
  margin-top: -3rem;
  z-index: 2;
  border-bottom:1px dashed #f0f0f0
}

#news .masonry.frontpage_news .card-article-hover .card-section {
 
  border-bottom:0px dashed #f0f0f0
}




#news .masonry.frontpage_news.sticky .card-article-hover .card-section {
 
  margin-top: -15%;
 
}

#news .masonry.frontpage_news.sticky{text-align: center;}




#news .masonry .card-article-hover .card-section .article-subtext {
 


 font-family: 'Nunito', sans-serif;
    font-size: 0.75rem;
    text-transform: none;
    color:#666;
    font-weight: normal;




}

#news .masonry .card-article-hover .card-section .article-title {
  
  




font-size:1.05rem;

  margin-bottom: 1rem;
  margin-top: 1rem;
  text-align: left;

  /*background: -webkit-linear-gradient(#233872, rgba(25, 30, 36, 1));-webkit-background-clip: text;-webkit-text-fill-color: transparent;*/

  font-family: "Nunito";
  font-weight:600;
  font-style: normal;





}

#news .masonry.frontpage_news.sticky .card-article-hover .card-section .article-title {text-align: center;}


#news .masonry .card-article-hover .card-section .article-desc {
    font-size: 0.9rem;
    font-family: 'Nunito', sans-serif;
    font-weight: Normal; 
  /*font-size: 1rem;*/
  text-align: justify;
}

#news .masonry.frontpage_news.sticky .card-article-hover .card-section .article-desc {
    text-align: center;
}
#news .masonry.frontpage_news.sticky .card-article-hover .card-section .article-desc h2 {
    text-align: center;
}

#news .masonry .card-article-hover .card-divider {
  background: #fff;
  /*display: none;*/

   font-family: 'Nunito', sans-serif;
   font-weight: normal;
    font-size: 0.75rem;
    text-transform: none;
    color:#666;

}

#news .masonry .card-article-hover .card-divider .author {
  /*text-transform: uppercase;*/
  /*letter-spacing: 2px;*/
  color: rgba(165, 31, 35, 1);
  font-size:0.6rem;
  font-family: 'Nunito', sans-serif;
    font-weight: 300;
    line-height: 0.5rem;
    margin:0;padding:0;
}

#news .masonry .card-article-hover .hover-border {
  height: 1px;
  width: 450px;
  background: rgba(88, 163, 188, 1);
  width: 0;
  transition: width 1s ease;
  z-index: 4
}

#news .masonry .card-article-hover:hover .hover-border {
  /*height: 1px;
  width: 100%;
  transition: width 1s ease;*/
}

#news .masonry .card-article-hover .author {
  color: navy;
}

#news .masonry .card-article-hover .avatar {
  border-radius: 50%;
  margin: 0 1rem;
  max-width: 10%
}

#news .masonry .card-article-hover .meta-data {
  text-transform: uppercase;
}




#multimedia{

 
  padding: 1.5rem 0 3rem 0;

  /*border-top:1px solid #e6e6e6*/
}



#multimedia h3{

font-size:1.2rem;

  margin-bottom: 1rem;
  text-align: left;
    background: -webkit-linear-gradient(#233872, rgba(25, 30, 36, 1));-webkit-background-clip: text;-webkit-text-fill-color: transparent;
  font-family: "Nunito";
  font-weight:bold;
  font-style: normal;


  }




/********************************************************************* PARTNERS *************************************************************************/

#partners_container{
  padding:1.5rem 0 3rem 0;
  background: rgba(255, 255, 255, 1); 
  display: block; 
  border-top: 1px solid #e6e6e6;
  z-index: 3
}

#partners img {
  filter: grayscale(1);
  max-height: 60px;
  opacity: 0.4;
}

#partners .pasiv:hover{
  -webkit-filter: none;
  filter: none; 
  opacity: 1;
  transform: scale(1.6);
}

#partners .pasiv.large{

  
}

#partners .pasiv{
  -webkit-filter: grayscale(100%);
  filter: gray; 
  filter: grayscale(100%);
  transition: all 0.25s ease;
}

#partners .manji img{

  max-height: 80px;
}







/************************************************************************************** FOOTER *****************************************************************/












 #bottom_section {
    flex-shrink: 0;
    padding-top:3px;
    /*background: rgba(53, 53, 53, 1); */

/*


background: radial-gradient(111% 111% at 74.29% -11%, #A93300 0%, #005570 100%), linear-gradient(127.43deg, #00D5C8 0%, #2200AA 100%);
background-blend-mode: difference, normal;


background: radial-gradient(100% 225% at 100% 0%, #120037 0%, #000000 100%), linear-gradient(35deg, #C0FFC7 0%, #17001F 75%), linear-gradient(55deg, #2400FF 0%, #000000 100%), linear-gradient(90deg, #FFE037 0%, #FFE037 40%, #1DCD9F 40%, #1DCD9F 50%, #088C6F 50%, #088C6F 70%, #23033C 70%, #23033C 100%), linear-gradient(180deg, #FF8FE5 0%, #FF8FE5 45%, #FBFF64 45%, #FBFF64 60%, #76E3FF 60%, #76E3FF 80%, #6EB6E7 80%, #6EB6E7 100%);
background-blend-mode: screen, overlay, overlay, darken, normal;

*/

position: relative;


  }



















#footer{

  
  display: block; 
  /*border-top: 2px solid rgba(249, 167, 24, 1);*/
  padding:3rem;

  /*border-top: 1px dashed #f5f4ea;*/


    background: linear-gradient(-45deg, rgba(166, 206, 58, 1)/*, */, rgba(227, 229, 22, 1), rgba(20, 180, 206, 1), rgba(107, 80, 161, 1)/*, rgba(242, 100, 52, 1)*/);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
  
  
}

/*
#footer::before {
  content: "";
  position: absolute;
  top: 0; 
  left: 0;
  width: 100%; 
  height: 100%;  
  opacity: 1; 
  z-index: -1;
  background: radial-gradient(100% 225% at 100% 0%, #120037 0%, #000000 100%), linear-gradient(35deg, #C0FFC7 0%, #17001F 75%), linear-gradient(55deg, #2400FF 0%, #000000 100%), linear-gradient(90deg, #FFE037 0%, #FFE037 25%, #1DCD9F 25%, #1DCD9F 50%, #088C6F 50%, #088C6F 75%, #23033C 75%, #23033C 100%), linear-gradient(180deg, #FF8FE5 0%, #FF8FE5 45%, #FBFF64 45%, #FBFF64 60%, #76E3FF 60%, #76E3FF 80%, #6EB6E7 80%, #6EB6E7 100%);
background-blend-mode: screen, overlay, overlay, darken, normal;




background: linear-gradient(90deg, red 0% 16.67%, yellow 16.67% 33.33%, lime 33.33% 50%, cyan 50% 66.67%, blue 66.67% 83.33%, magenta 83.33% 100%), conic-gradient(from 180deg, red 0%, yellow 0 16.67%, lime 0 33.33%, cyan 0 50%, blue 0 66.67%, magenta 0 83.33%, red 0 100%);
background-blend-mode: screen, normal;


background: linear-gradient(125deg, #FDFF9C 0%, #0500FF 100%), linear-gradient(180deg, #D3D3D3 0%, #161616 100%), linear-gradient(310deg, #00F0FF 0%, #00F0FF 20%, #0017E3 calc(20% + 1px), #0017E3 40%, #000F8F calc(40% + 1px), #000F8F 70%, #00073F calc(70% + 1px), #00073F 100%), linear-gradient(285deg, #FFB6B9 0%, #FFB6B9 35%, #FAE3D9 calc(35% + 1px), #FAE3D9 45%, #BBDED6 calc(45% + 1px), #BBDED6 65%, #61C0BF calc(65% + 1px), #61C0BF 100%);
background-blend-mode: overlay, overlay, exclusion, normal;



background: linear-gradient(45deg, #C7F5FE 10%, #C7F5FE 40%, #FCC8F8 40%, #FCC8F8 60%, #EAB4F8 60%, #EAB4F8 65%, #F3F798 65%, #F3F798 90%);


background: linear-gradient(40deg, #155263 9%, #155263 43%, #FF6F3C calc(43% + 1px), #FF6F3C 52%, #FF9A3C calc(52% + 1px), #FF9A3C 80%, #FFC93C calc(80% + 1px), #FFC93C 100%);


}
*/


#footer_logo{

  max-width: 90%;margin-bottom: 1.5rem;

}

#footer_logo_3{max-width: 100%;}
#footer_logo_2{max-width: 85%;}

#recolor_logo{

  max-width: 70%;
}

#footer_info_cell{

 /* border-left: 1px solid #f5f4ea;
  border-right: 1px solid #f5f4ea;*/
}

.contact-details{
  text-align: center;

}


.contact-details h6, .footer_zd_logo h6{
  
  color:#f5f4ea;
  font-size:1.6rem;
  font-family: 'airstrip', sans-serif;
  text-transform:none;
  font-weight:normal;
  font-style: normal;
  margin-bottom: 0.5rem
  
}


.contact-details p{

  color: #f5f4ea; 
  font-size:0.8rem;
  font-family: 'Nunito', sans-serif;
  font-weight: 300;

}

.contact-details p strong{


  font-family: 'Nunito', sans-serif;
  font-weight: bold;

}


.contact-details p i{

  margin-right:0.2rem;

}

.contact-details p a{

  color: #f5f4ea;

}

#oznake_cell{

 
  position: relative;
  text-align: right;
  vertical-align: middle;
    font-family: 'Nunito', sans-serif;
    font-weight: bold;
    font-size: 0.75rem;
    text-transform: none;
    color:#fff;

}

#oznake_cell p{

    color:#fff;

}

#oznake_cell a{

 
    font-family: 'Nunito', sans-serif;
    font-weight: Normal;
    color:#fff;

}


.rounded-social-buttons-footer {
  text-align: center;
 

  /*position:absolute;
  right:0;
  top:-1rem;*/
  

  padding: 1rem 0 0.6375rem 0;

}

.rounded-social-buttons-footer .social-button {
  display: inline-block;
  position: relative;
  cursor: pointer;
  width: 2.125rem;
  height: 2.125rem;
  border: 0.125rem solid transparent;
  padding: 0;
  text-decoration: none;
  text-align: center;
  color: #f5f4ea;
  font-size: 1.7rem;
  font-weight: normal;
  line-height: 2em;
  border-radius: 50% ;
  transition: all 0.5s ease;
  margin-right: 0.25rem;
  margin-bottom: 0.25rem;

}

.rounded-social-buttons-footer .social-button:hover, .rounded-social-buttons-footer .social-button:focus {
  /*-webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);*/
}

.rounded-social-buttons-footer .social-button.facebook {


 

  color: rgba(255, 255, 255, 1)!important;
  /*border-color: rgba(53, 53, 53, 1);*/
  /*background: rgb(255,255,255,1);*/
}

.rounded-social-buttons-footer .social-button.facebook:before {
  font-family: "Font Awesome 5 Brands";
  content: "\f39e";
  font-weight: 900;
}

.rounded-social-buttons-footer .social-button.facebook:hover, .rounded-social-buttons-footer .social-button.facebook:focus {
  color: #fff;
  /*background: rgba(53, 53, 53, 1);*/
 /* border-color: rgba(53, 53, 53, 1);*/


}


.rounded-social-buttons-footer .social-button.tiktok:before {
  font-family: "Font Awesome 5 Brands";
  content: "\e07b";
  font-weight: 900;
}

.rounded-social-buttons-footer .social-button.tiktok:hover, .rounded-social-buttons-footer .social-button.tiktok:focus {
  color: #fff;
  /*background: rgba(53, 53, 53, 1);*/
 /* border-color: rgba(53, 53, 53, 1);*/


}



.rounded-social-buttons-footer .social-button.twitter {
  color: rgba(255, 255, 255, 1)!important;
  /*border-color: rgba(53, 53, 53, 1);*/
  /*background: rgb(255,255,255,1);*/
}

.rounded-social-buttons-footer .social-button.twitter:before {
  font-family: "Font Awesome 5 Brands";
  content: "\f099";
  font-weight: 900;
}

.rounded-social-buttons-footer .social-button.twitter:hover, .rounded-social-buttons-footer .social-button.twitter:focus {
  color: #fff;
  /*background: rgba(53, 53, 53, 1);*/
  /*border-color: rgba(53, 53, 53, 1);*/
}

.rounded-social-buttons-footer .social-button.linkedin {
   color: rgba(53, 53, 53, 1);
  /*border-color: rgba(53, 53, 53, 1);*/
  background: rgb(255,255,255,1);
}

.rounded-social-buttons-footer .social-button.linkedin:before {
  font-family: "Font Awesome 5 Brands";
  content: "";
  font-weight: 900;
}

.rounded-social-buttons-footer .social-button.linkedin:hover, .rounded-social-buttons-footer .social-button.linkedin:focus {
   color: #fff;
  background: rgba(53, 53, 53, 1);
  /*border-color: rgba(53, 53, 53, 1);*/
}

.rounded-social-buttons-footer .social-button.youtube {
  color: rgba(53, 53, 53, 1);
  /*border-color: rgba(53, 53, 53, 1);*/
  background: rgb(255,255,255,1);
}

.rounded-social-buttons-footer .social-button.youtube:before {
  font-family: "Font Awesome 5 Brands";
  content: "\f167";
  font-weight: 900;
}

.rounded-social-buttons-footer .social-button.youtube:hover, .rounded-social-buttons-footer .social-button.youtube:focus {
      color: #fff;
  background: rgba(53, 53, 53, 1);
  /*border-color: rgba(53, 53, 53, 1);*/
}

.rounded-social-buttons-footer .social-button.instagram {
   color: rgba(255, 255, 255, 1)!important;
  /*border-color: rgba(53, 53, 53, 1);*/
  /*background: rgb(255,255,255,1);*/
}

.rounded-social-buttons-footer .social-button.instagram:before {
  font-family: "Font Awesome 5 Brands";
  content: "\f16d";
  font-weight: 900;
}

.rounded-social-buttons-footer .social-button.instagram:hover, .rounded-social-buttons-footer .social-button.instagram:focus {
    color: #fff;
  /*background: rgba(53, 53, 53, 1);*/
 /* border-color: rgba(53, 53, 53, 1);*/
}
.rounded-social-buttons-footer .social-button.pinterest {
   color: rgba(53, 53, 53, 1);
  border-color: rgba(53, 53, 53, 1);
  background: rgb(255,255,255,1);
}

.rounded-social-buttons-footer .social-button.pinterest:before {
  font-family: "Font Awesome 5 Brands";
  content: "";
  font-weight: 900;
}

.rounded-social-buttons-footer .social-button.pinterest:hover, .rounded-social-buttons-footer .social-button.pinterest:focus {
    color: #fff;
  background: rgba(53, 53, 53, 1);
  border-color: rgba(53, 53, 53, 1);
}

.rounded-social-buttons-footer .social-button.google-plus {
   color: rgba(53, 53, 53, 1);
  border-color: rgba(53, 53, 53, 1);
  background: rgb(255,255,255,1);
}

.rounded-social-buttons-footer .social-button.google-plus:before {
  font-family: "Font Awesome 5 Brands";
  content: "";
  font-weight: 900;
}

.rounded-social-buttons-footer .social-button.google-plus:hover, .rounded-social-buttons-footer .social-button.google-plus:focus {
    color: #fff;
  background: rgba(53, 53, 53, 1);
  border-color: rgba(53, 53, 53, 1);
}

.rounded-social-buttons-footer .social-button.github {
  color: rgba(53, 53, 53, 1);
  border-color: rgba(53, 53, 53, 1);
  background: rgb(255,255,255,1);
}

.rounded-social-buttons-footer .social-button.github:before {
  font-family: "Font Awesome 5 Brands";
  content: "";
  font-weight: 900;
}

.rounded-social-buttons-footer .social-button.github:hover, .rounded-social-buttons-footer .social-button.github:focus {
  color: #fff;
  background: rgba(53, 53, 53, 1);
  border-color: rgba(53, 53, 53, 1);
}

.rounded-social-buttons-footer .social-button.tumblr {
   color: rgba(53, 53, 53, 1);
  border-color: rgba(53, 53, 53, 1);
  background: rgb(255,255,255,1);
}

.rounded-social-buttons-footer .social-button.tumblr:before {
  font-family: "Font Awesome 5 Brands";
  content: "";
  font-weight: 900;
}

.rounded-social-buttons-footer .social-button.tumblr:hover, .rounded-social-buttons-footer .social-button.tumblr:focus {
  color: #fff;
  background: rgba(53, 53, 53, 1);
  border-color: rgba(53, 53, 53, 1);
}