/* Overall */

/* h1,h2,h3,h4,h5,h6 {
  
} */

body {
   font-family: "Jost", sans-serif;
}


/*  */

/* Header */

html #header.header-transparent .header-body.bg-dark .header-nav-main:before, html #header.header-transparent .header-body.bg-color-dark .header-nav-main:before {
	background-color: var(--primary);
}

#header .header-nav-main.header-nav-main-mobile-dark nav > ul > li .dropdown-menu > li a {
	color: #fafafa;
}

#header .header-nav.header-nav-links nav>ul li:hover>a {
    color: gold !important;
    transition: 0.3s;
}

#header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown .dropdown-menu {
    background-color: #265278 !important;
	margin-bottom: 1rem;
	margin-top: 1rem;
}

#header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown .dropdown-menu > li:hover > a,
#header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown .dropdown-menu > li:focus > a,
#header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown .dropdown-menu > li:active > a,
#header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown .dropdown-menu > li.active > a,
#header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown .dropdown-menu > li.open > a,
#header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown .dropdown-menu > li.accessibility-open > a {
    background: #265278 !important;
}

html:not(.sticky-header-active) #header.header-transparent:not(.header-semi-transparent) .header-body {
    transition: ease-out 0.3s;
}

html.sticky-header-active #header .header-body {
    background-color: #1a3852 !important;
    transition: ease-in 0.3s;
}

/* #header .header-nav-main nav > ul > li > a {
    font-size: 12.5px;
} */

/*  */

/* Body */

.main {
    background-image: repeating-radial-gradient(circle at center center, transparent 0px, transparent 13px,rgba(0,0,0,0.03) 13px, rgba(0,0,0,0.03) 24px,transparent 24px, transparent 62px,rgba(0,0,0,0.03) 62px, rgba(0,0,0,0.03) 96px),repeating-radial-gradient(circle at center center, rgb(255,255,255) 0px, rgb(255,255,255) 14px,rgb(255,255,255) 14px, rgb(255,255,255) 18px,rgb(255,255,255) 18px, rgb(255,255,255) 28px,rgb(255,255,255) 28px, rgb(255,255,255) 32px); background-size: 21px 21px;
}

.btn-primary {
     /* --hover: #0D47A1 !important; */
     /* background-color: var(--primary); */
     border-color: #FFE57F;
     transition: 0.3s;
}

.btn-primary:hover,.btn-primary.hover {
    border-color: #FFE57F;
    background-color:  #265278 !important;
     transition: 0.3s;
}

/*  */

/* Footer */
#footer {
    background: #1a3852;
    border-top: #1a3852;
}

/* Icon Tepi */
icon-xhs,
icon-ct,
icon-te,
icon-fb,
icon-in,
icon-ws,
icon-ch,
icon-tt,
icon-tw,
icon-th{
	z-index:69;
	position:fixed;
	right: 30px;
	}

icon-xhs:hover,
icon-ct:hover,
icon-te:hover,
icon-fb:hover,
icon-in:hover,
icon-ws:hover,
icon-ch:hover,
icon-tt:hover,
icon-tw:hover
icon-th:hover{
	opacity:0.8;
	}	

icon-xhs{
	bottom: 528px;
	}

icon-ws{
	bottom: 228px;
	}

icon-ch{
	bottom: 428px;
	}
	
icon-te{
	bottom: 378px;
	}

icon-ct{
	bottom: 328px;
	}

icon-fb{
	bottom: 278px;
	}

icon-in{
	bottom: 228px;
	}

icon-tt{
	bottom: 178px;
	}

icon-tw{
	bottom: 128px;
	}

icon-th{
	bottom: 78px;
	}
/*  */

/*  */

 @media screen and (min-width: 0px) and (max-width: 319px) {
    
 }   
 @media screen and (min-width: 320px) and (max-width: 480px) {
    
 }  
 @media screen and (min-width: 481px) and (max-width: 768px) {
    
 }  
 @media screen and (min-width: 769px) and (max-width: 1024px) {

 }  
 @media screen and (min-width: 1025px) and (max-width: 1200px) {

 }
 @media screen and (min-width: 1201px) and (max-width: 2400px) {
    
 }