:root {
    --color-primary: #b84010;
    --color-secondary: #252525;
}
html, body {font-family: 'Open Sans', Roboto, 'Helvetica Neue', sans-serif; font-size: 16px;}
body { margin:0; padding:0; position:relative; line-height:1.8; color:#535252; background:#fff; }
img { border: 0; }
h1, h2, h4, h5, h6 { color: var(--color-secondary); line-height: 1.333; }
hr{height:1px; border:0px dotted gray; border-top:1px dotted gray;}
b, strong{color:#53536f; font-weight:bold;}

ul, ol { padding-left: 1rem; margin: 1rem; }
li::marker { color: var(--color-primary); font-weight: bold; }

a {color: var(--color-primary);text-decoration:none;}
a:hover {color: var(--color-secondary);}

h1, #pageTitle { font-size: 1.875em; margin: 2em 0 1em; }
h2 { font-size: 1.625em; }
h3 { font-size: 1.215em; }
h2:not(:first-child), h3:not(:first-child) { margin: 2em 0 1em; }

ul{padding-left:15px;}
.subpages-wrap ul{list-style: none;font-size:18px;padding:0;margin:0}

#container { min-height:100%;  width: 100%; margin: 0 auto; font-size: 1.0em; }
#header {position:relative;background:no-repeat left #000034;background-size: auto 100%;}
#header-img{top:0px;left:0px;max-width:100%; width:360px;}
#wrapper{ float: left; width: 100%; }

#right { float: right; width: 24%; min-width:255px; text-align: center; padding-bottom:10px}
.inner { margin: 15px;}
.right-img.no-border{border:0;}

#header { order: -1; min-height: 150px; padding: 1rem 0; background-color: #fff; border-bottom: none; display: flex; align-items: center; justify-content: center;}

.menu-container{display: flex;align-items: center;}
#jq-menu{display: flex;justify-content: center;}
.menu-container{background: var(--color-secondary);border-bottom: 4px solid var(--color-primary);height:54px;}
.menu-container{justify-content: center; width: 100%; float: none;height:54px;}
#jq-menu{height:50px;}

#jq-menu .jq-menu-item{display: flex; align-items: center; justify-content: center; width: auto;font-size: 14px; color: #fff;}
#jq-menu .jq-menu-item a{background-color:transparent; padding: 12px 1em; font-weight:normal;text-align:center;width:100%}
#jq-menu .jq-menu-item a:hover,#jq-menu .jq-menu-item a.selected,#jq-menu .jq-menu-item:hover a, #jq-menu .jq-menu-item:hover a.selected{ text-decoration: none; background-color: #233333;}

#jq-menu .jq-menu-item a.more::after{content:"";display:inline-block;width:8px;height:8px;margin-left:5px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);position:relative;top:-2px;transition:0.2s;}
#jq-menu .jq-menu-item:hover a.more::after{transform:scaleY(-1) rotate(45deg) translate(-3px,-2px);border-right:2px solid var(--color-primary);border-bottom:2px solid var(--color-primary);}

#jq-menu .jq-submenu .jq-menu-item{padding:0;min-width:130px}
#jq-menu .jq-submenu .jq-menu-item a, #jq-menu .jq-submenu .jq-menu-item a.selected{background:var(--color-secondary);color:#fff;text-shadow:none;white-space:nowrap;}
#jq-menu .jq-menu-item:hover .jq-menu-item a{text-decoration:none;}
#jq-menu .jq-submenu .jq-menu-item:hover a, #jq-menu .jq-submenu .jq-menu-item a.selected{text-decoration:none;color:#fff;background:#233333;}

.standfirst { font-size: 125%; margin: 2em 0; }
#mobile-menu-wrap { text-align: left; width: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; }
#mobile-menu-items { background-color: var(--color-secondary); width: 100%; position: absolute; left: 0; top: 50px; font-weight: normal; z-index:1100}

.uc{text-align:center;font-size:22px;font-weight:bold;opacity:0.5;padding:20px;}

.content-wrap{padding:60px 0 60px 0;}
.overlay{position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.5);}

.comment{padding: 10px; margin: 13px 0; border:1px dotted gray; background:#f5f5ff;}
#useful-links { font-size:13px; line-height: 1.2;}
.italic{font-style:italic;}
.right-img {float:right; margin:0 0 10px 20px; border:1px solid gray; }

.t-center{ text-align: center; }
.t-left{ text-align: left;}
.t-right{ text-align: right;}
.clearer {clear: both;}

#lang-link{position:absolute;bottom:-32px;right:15px;color:#9c3232;}
#lang-link img{border-radius:0 0 10px 10px;opacity:0.8;width:30px;height:30px;}
#lang-link:hover img{opacity:1;}

/* LOCAL JQUERY TOOLTIP */
#tooltip.descriptions-class { background-color:#000034; color:#fff; border: 1px dotted #fff; text-align: left;}
#tooltip.descriptions-class h3 { font-size: 11px; font-weight: 100; text-align: left; color: #fff; }

.page-img{float:right;background-color:#fff;margin:0px 0px 10px 20px;border:1px solid #d0d0d0; padding: 5px; border-radius: 10px;}

.mobile-menu-icon{display:inline-block;width:40px;height:40px;cursor:pointer;margin:5px;}
.mobile-menu-icon span{display:block;width:100%;height:5px;background:var(--color-primary);margin:5px 0;}
.mobile-menu-icon:hover span{background:#000034;}
#mobile-menu-items{display:none;background:transparent;padding:10px 20px 20px 20px;font-size:16px;font-weight:bold;}
.mobile-menu-submenu .mobile-menu-item{font-size:14px;font-weight:normal;}
#mobile-menu-items a:hover,#mobile-menu-items a.selected{color:#fff;}
#mobile-menu-wrap{position:relative;z-index:5000;background:transparent;text-align:center;}
#mobile-menu-overlay{position:fixed;top:0px;left:0px;width:100%;height:100%;display:none;background:rgba(0,0,0,0.4);z-index:1000;}
#mobile-menu-items{background-color:var(--color-secondary);}

.show-hide-content{display:none;}

#accessibility-wrap{top:100px;}

#scroll-top{position:fixed;bottom:60px;right:20px;display:none;width:50px;height:50px;border-radius:100%;background:url(../images/layout/to_top.png) no-repeat center var(--color-primary);background-size:50%;}
#scroll-top:hover{background:url(../images/layout/to_top.png) no-repeat center var(--color-secondary);background-size:50%;}

#footer-wrap { background-color: var(--color-secondary); color: #858585; padding: 2rem 1rem; margin: 0; height: auto; }
#footer-wrap a{ color: #fff; }
#footer-wrap a:hover { color: #fff;text-decoration:underline; }

.container-fluid > .row > .col-md-12:first-of-type { display: flex; flex-direction: column; padding: 0; }

.page-text{margin-bottom:60px;}
.page-text p + p, .page-text li + li { margin-top: 1em; }

/* Show-hide */
.show-hide{border: 1px solid rgba(0,0,0,0.15);border-radius: 0.8rem;margin: 2em 0;}
.show-hide + .show-hide {margin-top: 2em;}
.show-hide-head{transition:0.5s;cursor:pointer;background:#fff;color:#000;border-radius:0.8rem;line-height:1.2;font-size:100%;transition:300ms;padding: 0;}
.show-hide-head h3{margin: 0;padding: 1em 1em 1em 2.375em;line-height: 1.333;display: block; font-size: 1.215rem;}
.show-hide-head:hover{background: hsl(177deg 63% 90%);color: var(--color-primary);transition: 300ms;}
.show-hide-head.current{background:#fff;color:#424242;transition:0.5s;border-radius: 0.8rem 0.8rem 0 0;background: #eef3f8;}
.show-hide-head.current:hover{background: #eef3f8;color: var(--color-primary);transition: 300ms;}
.show-hide-content {padding: 1.5em 3em;}
.show-hide-head h3:before { content: ''; position: relative; display: inline-block; margin-left: -1rem; margin-right: .45rem; margin-bottom: -.1rem; width: 10px; height: 10px; border-right: 1px solid; border-bottom: 1px solid; border-color: var(--color-primary); transform: translate(-50%,-60%) scaleY(-1) rotate(-135deg); transition: transform 300ms; }
.show-hide-head.current h3:before { transform: translate(-50%,-20%) rotate(-135deg); transition: transform 300ms; }
.box-title { display: inline-block; padding: 15px; line-height: 1; background: var(--color-primary); color: #fff; font-weight: bold; border-radius: 10px 10px 0 0; margin-top: 15px; }
.box-text { padding: 20px; border: 2px solid var(--color-primary); border-radius: 0 10px 10px 10px; margin-bottom: 15px; }

.news-list-more {text-align:right;margin:15px 0;}
.news-list-more-link a{display:inline-block;cursor:pointer;position:relative;line-height:1;padding:15px 20px;background:none;color:var(--color-primary);border:2px solid var(--color-primary); border-radius: 10px; transition:0.3s;}
.news-list-more-link a:hover{border-right:40px solid var(--color-primary);}
.news-list-more-link a:after{display:block;position:absolute;top:20px;right:110%;content:" ";width:10px;height:10px;border:2px solid var(--color-primary);border-left:0;border-bottom:0;transition:0.3s;transform:rotate(45deg);opacity:0;}
.news-list-more-link a:hover:after{right:-22px;border-color:#fff;z-index:200;opacity:1;}

.button{display:inline-block;cursor:pointer;position:relative;line-height:1;padding:15px 0;margin-top:6px;background:none;color:var(--color-primary);border:0;border-bottom:4px solid var(--color-primary);transition:0.3s;}
.button:hover{color:var(--color-primary);border-bottom:10px solid var(--color-primary);margin-top:0px;}

.gal-link{background-size: cover;}

.sidebar{margin-top:130px;}
.sidebar img{max-width:150px;}
.sidebar-logo-link{display:block;margin-bottom:30px;}
.sidebar-logo-link span{display:block;margin-top:10px;line-height:1.2;font-weight:bold;font-size:11px;}

#paralax-wrap{position:relative;padding:150px 0;text-align:center;color:#fff;overflow:hidden;}
#paralax-wrap span{display:block;font-weight:bold;font-size:52px;margin-bottom:35px;}
#paralax-wrap span span{display:block;font-weight:normal;font-size:22px;}
#paralax-img{position:absolute;top:0;left:0;width:100%;height:205%;background:url(../images/layout/paralax.jpg) top center;background-size:cover;}

#home-boxes-wrap-wrap{padding:60px 0;background:#f7f8fb;}
.home-box{display:block;height:350px;padding:50px 40px;background:#fff;border-radius:30px;box-shadow:0 15px 40px rgba(69, 63, 181, 0.1);margin:10px 0 20px 0;transition:0.3s;}
.home-box:hover{margin:0 0 30px 0;}
.home-box h3{color:#343a40;}
.home-box p{color:#858aa7;font-size:12px;}
.home-box img{display:inline-block;transition:0.3s;}
.home-box:hover img{transform:rotate(45deg);}

.home-slider{background-size: cover; background-position: center; background-repeat: no-repeat; padding: 150px 0;}
.home-slider-title{font-size: 30px; font-weight: bold; color: #fff; line-height: 1.3; background-color: var(--color-primary); padding: 30px 40px; margin-bottom: 20px;}
.home-slider-subtitle{font-size: 14px; background-color: var(--color-secondary); padding: 30px 35px; color: #969696; line-height: 1.8; position: relative; top:-40px; left: 30px;}

#gmap{width:100%;height:450px;}

.gdpr-block-text{font-size:14px}

@media (min-width: 768px) {
	.page-text{text-align:justify}	
    .home-slider-title{font-size: 40px;}
}
@media (min-width: 992px) {
	.gal-container{display: flex; justify-content:space-between;}
}
@media (min-width: 1200px) {
	#header{background-image:url(../images/layout/header_bg.png);}
}