:root {
	--color1: #182736;
	--color2: #bc3653;
	--color3: #f1beea;
	--linkColor: #126a74;
	--linkColorHover: rgb(37 101 107);
	--background-body: #d3dedf url('img/tracks.png') no-repeat right bottom    fixed !Important;
	--background-size-body:cover !important;
	--background-modal-overlay: rgb(16 38 31 / 86%);
	--background-modal-content: #000000;
	--headerNavigationContainer:  linear-gradient(90deg,  #6F7D8A 0%, rgb(165 174 182) 35%, rgb(45 99 104 / 51%) 100%);
	--background-color: background-color: #6F7D8A;
	--background-image: url('img/back.jpg');
	--background-repeat: no-repeat;
	--background-attachment: fixed;
	--font1: 'Muli'; /*  Dosis  Quicksand  */
	--font2: 'Quicksand';
	--font3: ;
}
 
#preloader path:nth-child(1){
	fill:var(--color1);
} 
#preloader path:nth-child(2){
	fill:var(--linkColor);
} 


.st0 {
    fill: #126a74 !important;
}
  
body {
		font-family: var(--font1);
/*	*/
 



 background: var(--background-body);
} 
 


#navigationUser {

    background: #00000082;
 

}


#imgBack{
    width: 100%;
    position: absolute;
    height: 100%;
  background:  url('img/tracks.png');
  background-repeat:no-repeat;
  background-position: bottom right;
  background-attachment:fixed;
  opacity:.3;
}





#headerNavigationContainer {
/*
	

*/background: var(--headerNavigationContainer);background-image: var(--background-image);border-bottom: solid 3px  var(--color2);background-attachment:fixed !important;/* background-size:cover; */}




h2, h3, h4{
	font-family: var(--font2);	
	font-weight:bold;
letter-spacing:.1em
} 

a{ 
	color:var(--linkColor)
}

a:hover,
a:focus
{
	color:var(--linkColorHover)
}

 a:focus {
      border-color: var(--color2); 
}

.btn-primary {
    color: #fff;
    background-color:var(--linkColor);pho
    border-color: var(--color1); 
    
}

.btn-primary:hover {
    color: #fff;
    background-color: var(--color2);  
    border-color:var(--linkColor);
}

.btn-primary:hover,
.btn-primary:focus {
    color: #fff;
    background-color: var(--color1) !important;
    border-color: var(--linkColor) !important;
}

#main-navigation li a { 
	color: white;
	background-color: var(--color1); 
}

#main-navigation li a:hover,
#main-navigation li a:focus
 {

   color: var(--color3); 
}


.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color:var(--color2); 
   border-color: var(--color2); 
}

#searchToggle{
	   background-color: var(--color1); 
	      color: var(--color3) !important;
}


.dropdown-menu{
	    background-color: var(--color2);
	    border-color: var(--color3); 
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background-color: var(--color1);
    color: var(--color3) !important;
}



#backToTop {
	background-color: var(--color1);
}
#nav-menu-background {
	background-color: var(--color1);
	
}

#nav-menu-background.sticky:before{

background-color: var(--color2);
}


#backToTop:hover {

	background-color: var(--color2); 
}



.pkp_structure_page h1{

	
}

section header.page-header h2,
.page-header h1{


	background-color:var(--color2);<
}

#siteName.centeredSiteName, #siteName {

height:210px !important;
	margin-top:-60px;

}


@media (max-width: 992px){


#siteName.centeredSiteName, #siteName {

height:200px !important;
margin:0;
position:unset;
padding:0;
transform:translate(50%, -10px) !important;


}

}


@media (max-width: 768px){


#siteName.centeredSiteName, #siteName {

height:100px !important;
margin:0;
position:unset;
padding:0;
transform:translate(0%, 90px) !important;


}

}