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


@font-face {
    font-family: "ArenoSerifRounded"; 
    src: url(/fonts/Areno-Serif-Rounded.otf) format("opentype");
}

/*@font-face {
 font-family: 'ArenoSerifRounded';   
 src: url(/fonts/Areno-Serif-Rounded.otf) format("opentype");
 unicode-range: U+00-FF;
}*/



@font-face {
    font-family: "Montserrat-Black";
    src: url(/fonts/Montserrat-Black.otf) format("opentype");
}

@font-face {
    font-family: "Montserrat-BlackItalic";
    src: url(/fonts/Montserrat-BlackItalic.otf) format("opentype");
}

@font-face {
    font-family: "Montserrat-BoldItalic";
    src: url(/fonts/Montserrat-BoldItalic.otf) format("opentype");
}

@font-face {
    font-family: "Montserrat-Bold";
    src: url(/fonts/Montserrat-Bold.otf) format("opentype");
}

@font-face {
    font-family: "Montserrat-ExtraBoldItalic";
    src: url(/fonts/Montserrat-ExtraBoldItalic.otf) format("opentype");
}

@font-face {
    font-family: "Montserrat-ExtraLight";
    src: url(/fonts/Montserrat-ExtraLight.otf) format("opentype");
}

@font-face {
    font-family: "Montserrat-ExtraLightItalic";
    src: url(/fonts/Montserrat-ExtraLightItalic.otf) format("opentype");
}

@font-face {
    font-family: "Montserrat-Italic";
    src: url(/fonts/Montserrat-Italic.otf) format("opentype");
}

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

@font-face {
    font-family: "Montserrat-LightItalic";
    src: url(/fonts/Montserrat-LightItalic.otf) format("opentype");
}


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

@font-face {
    font-family: "Montserrat-MediumItalic";
    src: url(/fonts/Montserrat-MediumItalic.otf) format("opentype");
}

@font-face {
    font-family: "Montserrat-Regular";
    src: url(/fonts/Montserrat-Regular.otf) format("opentype");
}

@font-face {
    font-family: "Montserrat-SemiBold";
    src: url(/fonts/Montserrat-SemiBold.otf) format("opentype");
}

@font-face {
    font-family: "Montserrat-SemiBoldItalic";
    src: url(/fonts/Montserrat-SemiBoldItalic.otf) format("opentype");
}

@font-face {
    font-family: "Montserrat-Thin";
    src: url(/fonts/Montserrat-Thin.otf) format("opentype");
}

@font-face {
    font-family: "Montserrat-ThinItalic";
    src: url(/fonts/Montserrat-ThinItalic.otf) format("opentype");
}



@font-face {
    font-family: "Brown-Light";
    src: url(/fonts/Brown/Brown-Light.otf) format("opentype");
}
@font-face {
    font-family: "Brown-Bold";
    src: url(/fonts/Brown/Brown-Bold.otf) format("opentype");
}
@font-face {
    font-family: "Brown-Regular";
    src: url(/fonts/Brown/Brown-Regular.otf) format("opentype");
}
@font-face {
    font-family: "Brown-Thin";
    src: url(/fonts/Brown/Brown-Thin.otf) format("opentype");
}
@font-face {
    font-family: "Brown-Regular-Alt";
    src: url(/fonts/Brown/Brown-Regular-Alt.otf) format("opentype");
}
@font-face {
    font-family: "Brown-Bold-Alt";
    src: url(/fonts/Brown/Brown-Bold-Alt.otf) format("opentype");
}
@font-face {
    font-family: "Brown-Bold-Italic";
    src: url(/fonts/Brown/Brown-Bold-Italic.otf) format("opentype");
}
@font-face {
    font-family: "Brown-Light-Italic";
    src: url(/fonts/Brown/Brown-Light-Italic.otf) format("opentype");
}
@font-face {
    font-family: "Brown-Regular-Italic";
    src: url(/fonts/Brown/Brown-Regular-Italic.otf) format("opentype");
}
@font-face {
    font-family: "Brown-Thin-Italic";
    src: url(/fonts/Brown/Brown-Thin-Italic.otf) format("opentype");
}


@font-face {
    font-family: "NasalizationRg-Regular";
    src: url('/fonts/nasalization-rg.ttf')  format('truetype'); /* Safari, Android, iOS */
}


html,body{
    height: 100%
}

body{

	/*font-family: "Brown-Light", sans-serif;*/
	color:#555555;
	margin:0px;
	font-weight:normal;

    background-color: #ededed;


	/*background: url(/template/header_object_005_45.png) no-repeat fixed center  right #fff;  
	background-size: auto 90% ;*/


	}


a, li, p, td, i, div, input, textarea, h1, h2, h3, h4, h5, h6,label, input, texarea, select{

  font-family: "Montserrat-Regular", sans-serif; font-size:1rem; color:#555555;font-weight:normal; }	
h1{

  font-family: "ArenoSerifRounded";
  color:#555555;font-size:2.5rem;
  letter-spacing: 0.3rem;
  line-height: 1;
  text-align: center;
  margin-bottom:2rem;

}


h2{

  font-weight:normal;
  font-family: "Montserrat-Bold";
  color:#555555;
  font-size:2rem; 
  text-transform: uppercase;
  line-height: 1;

}

h3{
  font-weight:normal;
  font-family: "Montserrat-SemiBold";color:#555555;font-size:1.6rem; 
}

	
h4{

  font-weight:normal;
  font-family: "Montserrat-Regular";color:#555555;font-size:1rem;line-height: 1;text-transform: uppercase;
}

h5{font-family: "Montserrat-SemiBold";color:#555555;font-size:1.2rem; line-height: 1.5;text-transform: uppercase;}






strong {	

font-family: "Montserrat-Bold", sans-serif;
font-weight: normal;


}

em{font-family: "Montserrat-Italic", sans-serif;}

strong em, em strong{font-family: "Montserrat-BoldItalic", sans-serif;}



blockquote{border-left: 1px dotted #b69756;font-size: 0.9rem;}


a{color:rgb(193,171,131); /*color: #263997;*/
    font-family: "Montserrat-Regular";
    font-size:0.9rem;
    font-weight: normal;
    text-decoration: none !important;
  }



a:hover{color:#312f32;text-decoration:underline !important}
a:active{color:#312f32 !important;text-decoration:underline !important}
a:focus{color:#312f32 !important;text-decoration:underline !important}




	

#holder{/*background: url("/template/main_frame_bg.png") repeat-x scroll left 90px rgba(0, 0, 0, 0);*/}

	
#holder {
    min-height: 100%;
    position:relative;
	z-index:1000;
}

/*
#headerSection{position:relative;background-color: #555555; padding:1rem 2rem;text-align: center;}
#headerTitle{font-family: "Montserrat-SemiBold";color:#C1AB83;font-size:1.6rem;}*/


/******************** header *****************/

#headerSection {
  
  display:block;
  position:fixed;
  top:0;
  width:100%;
  z-index:9001;
  /*background: rgb(255,255,255,0.6);*/
/* background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);*/

/* background:-webkit-linear-gradient(90deg, rgb(255,255,255, 0) 0%, rgb(255,255,255) 25%, rgb(255,255,255) 50%, rgb(255,255,255) 75%, rgb(255,255,255,0) 100%);
background:-o-linear-gradient(90deg, rgb(255,255,255, 0) 0%, rgb(255,255,255) 25%, rgb(255,255,255) 50%,  rgb(255,255,255) 75%, rgb(255,255,255,0) 100%);
background:-moz-linear-gradient(90deg, rgb(255,255,255, 0) 0%, rgb(255,255,255, 0.5) 25%, rgb(255,255,255) 50%,  rgb(255,255,255, 0.5) 75%, rgb(255,255,255,0) 100%);
background:linear-gradient(90deg, rgb(255,255,255, 0) 0%, rgb(255,255,255) 25%, rgb(255,255,255) 50%,  rgb(255,255,255) 75%, rgb(255,255,255,0) 100%);*/

  padding-top:25px;
  
  
}

body.fixirani #headerSection{padding-top:10px;}

#headerSectionRow{
padding:0.6rem;

  background:-webkit-linear-gradient(90deg, rgb(255,255,255, 0) 0%, rgb(255,255,255) 25%, rgb(255,255,255) 50%, rgb(255,255,255) 75%, rgb(255,255,255,0) 100%);
background:-o-linear-gradient(90deg, rgb(255,255,255, 0) 0%, rgb(255,255,255) 25%, rgb(255,255,255) 50%,  rgb(255,255,255) 75%, rgb(255,255,255,0) 100%);
background:-moz-linear-gradient(90deg, rgb(255,255,255, 0) 0%, rgb(255,255,255, 0.5) 25%, rgb(255,255,255) 50%,  rgb(255,255,255, 0.5) 75%, rgb(255,255,255,0) 100%);
background:linear-gradient(90deg, rgb(255,255,255, 0) 0%, rgb(255,255,255,0.65) 25%, rgb(255,255,255,0.9) 50%,  rgb(255,255,255,0.65) 75%, rgb(255,255,255,0) 100%);}


body.fixirani #headerSectionRow{background:rgb(255,255,255,0.9);}

body.fixirani #headerSection .sarena{background: rgb(193,171,131);}

.sarena{height:1px;   

  /*background:-webkit-linear-gradient(90deg, rgb(255,255,255, 0) 0%, rgb(255,255,255) 25%, rgb(255,255,255) 50%, rgb(255,255,255) 75%, rgb(255,255,255,0) 100%);
background:-o-linear-gradient(90deg, rgb(255,255,255, 0) 0%, rgb(255,255,255) 25%, rgb(255,255,255) 50%,  rgb(255,255,255) 75%, rgb(255,255,255,0) 100%);
background:-moz-linear-gradient(90deg, rgb(255,255,255, 0) 0%, rgb(255,255,255) 25%, rgb(255,255,255) 50%,  rgb(255,255,255) 75%, rgb(255,255,255,0) 100%);
background:linear-gradient(90deg, rgb(255,255,255, 0) 0%, rgb(255,255,255) 25%, rgb(255,255,255) 50%,  rgb(255,255,255) 75%, rgb(255,255,255,0) 100%)*/

  background: rgb(255,255,255);
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
}


/*
#main_menu_sectionxxx{
  position:absolute; width:100%;
  display:block;
  background-color:#0059a9; 
  z-index:9002; 

  border-bottom: 3px solid rgb(198, 230, 255);

  bottom:-30px;
  box-shadow: 0 8px 8px -8px rgba(0, 0, 0, 0.5);
}

#main_menu_sectionxxx nav {}
*/




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

.bcg {

    height: 100%;
    position: relative;
    width: 100%;
}


.slideContent {
    max-width: 800px;
    position: absolute;
    text-align:center;
    left: 50%;
    top: 40%;
    top: -moz-calc(40% - 120px);
    top: -webkit-calc(40% - 120px);
    top: -o-calc(40% - 120px);
    top: calc(40% - 120px);
    transform: translate(-50%, 0);
}


#sliderBG{}
body.en  #sliderBG .bcg{background-image:url(/template/overlej_50.png);padding: 2rem 0}
#slide_1{padding:0;





}


#slide_1 .bcg .slideContent {

    /*transform: translate(-50%, 0);*/


    /*background-image:url(/template/2018/broj5.png);*/
    background-position:center bottom;
    background-repeat:no-repeat;
    background-size:100% auto;
    min-width:300px;
    /*min-height:100px*/

}




.slideContentTitle{
    text-shadow: 1px 1px 5px #555555;
    color:#FF9900;
    font-size:5.5rem;
    font-family: "NasalizationRg-Regular";
    text-transform:uppercase;
    font-weight:800;
    line-height:4rem}


    .slideContentMessage, .slideContentMessage p{color:#fff !important;font-size:1.25rem;text-shadow: 1px 1px 5px #555555;}

    .slideContentMessage a{color:#FF9900;font-size:1.25rem;text-shadow: 1px 1px 5px #555555;}

    .slideContentMessage p.hr, .slideContentMessage p.hr a{font-size:2rem}

    .slideContentInfo {margin-top:1.5rem;color:#FF9900;font-size:0.7rem;text-shadow: 1px 1px 5px #555555;}


.slideContentIcons{padding:0 20%;}

.slideContentIcons #social_big li{padding-bottom:0px;}
.slideContentIcons #social_big li i{color:#fff;font-size:2.5rem;text-shadow: 1px 1px 5px #555555;}
.slideContentIcons #social_big li i:hover{
  color:#555555;
  text-shadow: 1px 1px 5px #555555;
  }

 .slideContentLangs {padding-top:1rem;}
  .slideContentLangs a{color:#fff;font-size:1.25rem;text-shadow: 1px 1px 5px #555555;}



.mySlide{/*padding:2.5rem 0;*/ text-align:left}


.ItemContainer{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 */
}


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

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






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



#bars{margin-top:3rem;text-align: center;cursor: pointer;}

#bars i{color:#C1AB83;font-size:2rem;}

#social li{padding-bottom:0px;}
#social li i{color:#555555;font-size:1.25rem;line-height: 1.8125rem;}

#social li i:hover{

  color:rgb(193,171,131) !important; text-shadow: 1px 1px 0px #fff;

  }



#mainContent{padding:2rem 0;}
#mainContent p{text-align: justify;}
#sidebarContent{padding:2rem 0;}

.skriveni{display:none;} 

.citat{ background-color: #3d3739;
  padding:1.5rem 2rem; }

  .citat p{color:#fff !important;font-size: 1rem;}
.citat p:last-child {
 margin-bottom:0;
}

.citirani{position: relative;display: inline-block;text-transform: uppercase;}

.citirani.vidljivi{color:#555555;}


.citat.vidljivi::before {



          content: "";
          display: block;
          position: absolute;
          width: 0; 
          height: 0; 
          border-left: 1.4rem solid transparent;
          border-right: 1.4rem solid transparent;
          border-bottom: 1.4rem solid #3d3739;

          top:-1rem;
          right:4rem;



          }

  /*.citirani.vidljivi::after {



          content: "";
          display: block;
          position: absolute;
          width: 0; 
          height: 0; 
          border-left: 1.4rem solid transparent;
          border-right: 1.4rem solid transparent;
          border-bottom: 1.4rem solid #555555;



          }*/





li.active .menuLink::after {

/*

          content: "";
          display: block;
          position: absolute;
          width: 0; 
          height: 0; 
          border-left: 1.1rem solid transparent;
          border-right: 1.1rem solid transparent;
          border-bottom: 1.1rem solid #c1ae83;
       
*/


          }


hr{

    width:50%;
    border: 0;
    height: 1px;
    margin:2rem auto;
    background-color: rgb(60,56,57) 
   

    /*background:-webkit-linear-gradient(90deg, rgb(0,0,0, 0) 0%, rgb(60,56,57) 25%, rgb(60,56,57) 50%, rgb(60,56,57) 75%, rgb(60,56,57,0) 100%);
    background:-o-linear-gradient(90deg, rgb(0,0,0, 0) 0%, rgb(60,56,57) 25%, rgb(60,56,57) 50%, rgb(60,56,57) 75%, rgb(60,56,57,0) 100%);
    background:-moz-linear-gradient(90deg, rgb(0,0,0, 0) 0%, rgb(60,56,57) 25%, rgb(60,56,57) 50%, rgb(60,56,57) 75%, rgb(60,56,57,0) 100%);
    background:linear-gradient(90deg, rgb(0,0,0, 0) 0%, rgb(60,56,57) 25%, rgb(60,56,57) 50%, rgb(60,56,57) 75%, rgb(60,56,57,0) 100%);*/
}




#footerSection{position:relative;background-color: #3d3739; padding:1rem 2rem;text-align: center;color:#fff;}
#footerSection p, #footerSection span{color:#fff;}


.justified-gallery>a>.caption, .justified-gallery>div>.caption {
    display: none;
    position: absolute;
    bottom: 0;
    padding: 5px;
    background-color: #000;
    left: 0;
    right: 0;
    margin: 0;
    color: #fff;
  
 

        font-family: "Montserrat-Regular", sans-serif;
    font-size: 0.7rem !important;

    font-weight: normal;