:root {
    --text1: #222222;
    --text2: #444444;
    --text3: #666666;
    --text4: #888888;
    --text5: #aaaaaa;

    --link1: #222222;
    --link2: #AD001A;
    --link3: #ffffff;
    --link4: #6c7c8c;
    --link5: #444444;

    --hover1: #AD001A;
    --hover2: #848c91;
    --hover3: #848c91;
    --hover4: #848c91;
    --hover5: #848c91;

    --color1: #010c45;
    --color2: #ff6600;
    --color3: #DA251D;
    --color4: #89211B;
    --color5: #233752;
    --color6: #BEC6D0;
    --color7: #f4f6f6;
    --color8: #1A3671;
    
    --blue: #063256;
	--grey: #c3c8cd;
	--lightgrey: #d3d6db;
	--orange: #ff9600;
	--yellow: #ffba00;
	--black: black;
	--white: white;
	--error: red;

    --bkgCrumbs: white;
    --colCrumbs: rgb(134, 144, 148);
    --colCrumbsText: rgba(105, 105, 105, 0.71);
    --colCrumbsLink: #233657;
    --colCrumbsHover: #ff6600;


    --colorPagin: #222222;
    --colorPaginActive: #ffffff;
    --bkgPagin: #fff;
    --bkgPaginActive: #ff6600;
    --bkgPaginHover: #e0925e;


    --border1: #dfe3e6;
    --border2: #848c91;
    --border3: #AD001A;
    --border4: #767676;
    --border5: #848c91;
    --border6: #caced1;

    --border9: #181819;
    --borderGallery: #eee;
    --borderFiles: #eee;


    --opacity1: rgba(170, 170, 170, 0.08);
    --opacity2: rgba(0, 150, 226, .85);
    --opacity3: rgba(115, 180, 54, .85);
    --opacity4: rgba(202, 209, 212, .5);
    --opacity5: rgba(255, 255, 255, .2);
    --opacity6: rgba(0, 0, 0, .7);
    --opacity7: rgba(1, 50, 126, .04);
    
    --opacity10: rgba(1, 12, 69, .8);


    --bkg1: #F4F4F4;
    --bkg2: #f5f8fa;
    --bkg3: #f3f5f7;
    --bkg4: #f7f7f7;
    --bkg5: #AD001A;
    --bkg6: #767676;
    --bkg7: #EDEDED;
    --bkg8: #A3D304;
    --bkg9: #E8E830;
    --bkg10: #FD5050;
    --body: #ffffff;
    --wcag: #010c45;;
    --header: #fff;
    --footer: #010c45;

    --header1: #3e407a;
    --header2: red;
    --header3: red;
    --header4: red;
    --header5: red;
    --header6: red;

    /* MENU */
    --ddownTriangle: #D9EAFA;
	--ddownTriangleHov: #FFFFFF;
	--menuBkg1: #FFFFFF;
	--menuBkg2: var(--bkg2);
	--menuBkg3: #b4b0a9;
	--menuBkgRespo: rgba(0, 0, 0, 0.5);
	--menuBtn: white;
	--menu1: var(--text1);
	--menu2: var(--text1);
	--menu3: var(--text1);
	--menu4: var(--text1);
	--menu5: var(--text1);
	--menu1hov: var(--color1);
	--menu2hov: var(--white);
	--menu3hov: var(--text1);
	--menuBkgHov1: var(--bkg2);
	--menuBkgHov2: var(--color8);
	--menuBkgHov3: var(--bkg2);
	--menuBorHov1: #32B14A;
	--menuBorHov2: #32B14A;
	--menuBorHov3: #32B14A;

    --formsBkg: #eaeeee;
    --formsButton: #AD001A;

    font-size: 16px;
    --font-family-sans-serif: "Source Sans Pro";
    --font-family-monospace: "Source Sans Pro";
    --font-header: "Source Sans Pro";  /*'Roboto Condensed', sans-serif;*/


    --content: 1460px;
    --container: 1320px;


    --border-radius1: 1.225rem;
    --box-shadow1: 0 0 .5rem rgba(55, 55, 55, .2);
    --box-shadow2: 0 .725rem 1rem rgba(111, 111, 111, .1);
}


/* ------------------ common ------------------ */

body {
    line-height: 1.5;
    font-weight: 400;
    font-synthesis: none;
    font-family: 'Source Sans Pro', sans-serif;
    color: var(--text1);
}

a:focus,
a:focus-visible {
    outline: 3px dotted var(--color2);
    color: var(--hover);
}

a:focus:active {
    outline: none;
}

button:focus {
    outline: 3px dotted var(--color2) !important;
    color: var(--hover);
}

button:focus:active {
    outline: none;
}





.quick-access-nav,
.quick-access-nav ul, 
.quick-access-nav ul li {
	margin: 0; 
	padding: 0;
	list-style: none;
}

.quick-access-nav a {
    display: block;
    padding: .5rem 3rem;
	margin: 0;
    text-align: center;
    color: #fff;
    background-color: var(--color1);
	position: fixed;
	top: -100rem;
    text-decoration: none;
	/* left: -100rem; */
}
.quick-access-nav a:focus {
    position: fixed;
    top: .725rem;
	z-index: 1000;
}



/* *:active { outline: none !important; } */
/* *:focus-visible { outline: none !important; } */

.a3m_debug {
    background: #eee;
    bottom: 10px;
    left: 0;
    margin: 0 auto;
    position: fixed;
    width: 200px;
    z-index: 2;
}

.space {
    margin-bottom: 10px;
    display: block;
}

.table-responsive {
    border: none;
}

.hide,
.hidden,
.sr-only {
	display: none;
}


.input-group .btn {
	z-index: 1;
}

.clear {
	clear: both;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.left {
	text-align: left;
}

.wrap-center {
	flex-wrap: wrap;
	align-items: center;
}

/* icons */
.navbar-nav-svg {
    color: var(--text1);
    display: inline-block;
    height: .925rem;
    vertical-align: text-top;
    width: .925rem;
}

/* icons */
.text-svg {
    color: var(--text1);
    display: inline-block;
    height: 1.225rem;
    vertical-align: text-top;
    width: 1.225rem;
}

.hline:before {
    content: "";
    background-color: var(--border3);
    height: 2px;
    display: inline-block;
    margin-bottom: .6rem;
    margin-right: 1rem;
    width: 4rem;
}


select {
    -webkit-appearance: none;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

strong,
b {
    font-weight: 600;
}

big strong,
strong big,
big b,
b big {
    font-weight: 700;
}




@media (max-width: 992px) {

    /* @media (max-width: 768px) { */
    .container {
        max-width: intrinsic;
    }
}










/* ------------------ main ------------------ */



main:focus {
    outline: none;
}
















/* ------------------ Menu Bottom ------------------ */



.banertop {
	padding: 0;
	position: relative;
    min-height: 100px;
}

.banertop.d-flex {
	justify-content: center;
    align-items: center;
	background-color: var(--bkg2);
}


.banners {
	position: relative;
}

.banners > img:not(:first-child) {
	display: none;
}

.banners img {
	width: 100%;
	min-height: 200px;
	object-fit: cover;
}

.banners button.slick-arrow {
  z-index: 1;
}
.banners button.slick-prev {
  left: 25px;
}

.banners button.slick-next {
  right: 25px;
}

.banners .slick-dots {
  bottom: 0
}

.banners .slick-dots .slick-dot-icon:before {
  font-size: 3rem;
}

.banners .slick-dotted.slick-slider {
  margin: 0;
  padding: 0;
}

.banners .slick-dotted.slick-slider {
	margin-bottom: 0 !important;
}

.banners .slick-track > .slick-slide > div,
.banners .slick-track > .slick-slide > div > .slide {
	margin: 0 !important;
	padding: 0 !important;
    line-height: 0;
}

/* .slick-initialized {
	position: relative;
} */

.slick-autoplay-toggle-button {
    width: 4rem;
    height: 4rem;
    position: absolute;
    left: 1rem;
    bottom: 1rem;
    z-index: 1;
    opacity: 1;
    background: 0 0;
    border: 0;
    cursor: pointer;
    color: white;
    background-color: var(--text4);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--border-radius1);
}

.slick-autoplay-toggle-button:focus {
    color: white;
}

@media (max-width: 992px) {
	.banertop.d-flex {
		display: none !important;
		height: 0;
	}

	.banertop > .banners + a.logo {
		display: none;
	}
}






/* ------------------ respo 992px ------------------ */

@media (max-width: 992px) {}

/* ------------------ respo 768px ------------------ */

@media (max-width: 768px) {}

/* --------------- respo 576px --------------- */

@media (max-width: 576px) {}