/*--Font Awesome--*/
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
/*--Main Container--*/
:root{
	--primary:#D2232A;
	--secondary:#6c757d;
	--success:#28a745;
	--info:#17a2b8;
	--warning:#ffc107;
	--danger:#dc3545;
	--light:#f8f9fa;
	--dark:#000;
	--navlink:#000;
	--navlinkhover:var(--primary);
	--navcollapse:#0A0A0A;
	--navtitle:#fff;
	--navbutton:var(--primary);
}
a:hover{
	color: var(--primary) ;
	text-decoration: none;
}
/* :root{font-size:62.5%;}
*{font-size: 100%;}
body{
	font:1.6rem/2.2rem Arial;
	min-width: 320px;
}
@media screen and (max-width:991px){
	:root{font-size:52.5%;}
} */
body{
	font:16px/1.75 'Open Sans', sans-serif;
	min-width: 320px; 
	min-width: 320px;
	color:#212529;
}
.accordion-body a{text-decoration: none !important;}
.btn{
	padding: 10px 20px;
	line-height:30px;
	color: #fff;
	font-weight: 700;
	font-size: 18px;
	border-radius: 3px;
	min-width: 180px;
}
.btn i{
	margin-left: 10px;
	font-size: 30px;
	display: inline-block;
	vertical-align: middle;
}
#wrapper{
	position: relative;
	height: 100%;
	min-height: 600px; 
}
#main{overflow: hidden;position: relative;}
.resize-active .hold{transition:none!important;}
input:focus, textarea:focus{
	outline: none !important;
	box-shadow: none !important;
}
.bg-info{background: var(--info) !important;}
.bg-primary{background: var(--primary) !important;} 
.bg-secondary{background: var(--secondary) !important;}
.bg-success{background: var(--success) !important;}
.bg-light{background: var(--light) !important;}
.bg-dark{background: var(--dark) !important;}

.btn-info{background: var(--info);border-color:  var(--info);}
.btn-primary, .carousel-item .btn-primary:hover{background: var(--primary);border-color:  var(--primary);color: #fff;}
.btn-primary:hover{background: #fff;border-color:  var(--primary);color:  var(--primary);}
.btn-outline-primary{border-color:  var(--primary);color:  var(--primary);}
.btn-outline-primary:hover{background:  var(--primary);color:  #fff;border-color:  var(--primary);}
.btn-secondary{background: var(--secondary);border-color:  var(--secondary);}
.btn-success{background: var(--success);border-color:  var(--success);}
.btn-light, .btn-light:hover{background: var(--light);border-color:  var(--light);color:  var(--primary);}
.btn-outline-light:hover{background: var(--light);border-color:  var(--light);}
.btn-dark{background: var(--dark);border-color:  var(--dark);}
.text-info{color: var(--info) !important;}
.text-primary{color:  var(--primary) !important;}
.text-secondary{color: var(--secondary) !important;}
.text-success{color: var(--success) !important;}
.text-light{color: var(--light) !important;}
.text-dark{color: var(--dark) !important;}
/*--Header--*/
#header{
	position: sticky;
	top: 0;
	z-index: 1022;
	min-width: 320px;
	background: #fff;
	box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1);
}
#header .topbar{
	background: #0A0A0A;
	border-bottom: 2px solid var(--primary);
	overflow: hidden;
	transition:all linear 0.2s;
	color: #fff;
}
#header .topbar a{color: rgba(255,255,255,0.75);text-decoration: none;}
#header .topbar a svg{fill: rgba(255,255,255,0.75);vertical-align: inherit;}
#header .topbar i{
	font-size: 20px;
}
#header.sticky .topbar{
	max-height: 0;
	padding: 0 !important;
	margin: 0 !important;
}
.container{max-width: 1230px;}
/*--Logo--*/
.navbar-brand{padding:0;height: 77px;}
.navbar-brand img{width:100%;height:auto;display:block;} 
/* .navbar-brand img{filter: drop-shadow(0px 20px 40px rgba(0, 0, 0, 0.1));} */
/*--Logo--*/
/*--Navigation--*/
#header .navbar-nav>li{position:relative;padding: 0 24px 28px;margin-bottom: -28px;}
.navbar-light .navbar-nav .nav-link{color:var(--navlink);padding: 0;font-weight: 600;font-size: 17px;}
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .current_page_item .nav-link{
	color: var(--navlinkhover); 
}
.navbar-nav > li ul{
	position: absolute;
	width: 200px;
	left: 0;
	top: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
	background: #fff;
	opacity: 0;
	transition:all linear 0.2s; 
	pointer-events: none;
	transform: scaleY(0); 
	transform-origin: 50% 0;
	box-shadow: 0 0.38em 1em rgba(0, 0, 0, 0.25);
	font-weight: 600;
	font-size: 17px;
}
.navbar-nav > li ul li{
	border-bottom:1px solid #ccc;
	position: relative;
}
.navbar-nav > li ul li.has-drop-down{background: #ccc;}
.navbar-nav > li ul ul{
	left: auto;
	right: 100%;
	top: 0;
}
.navbar-nav li li a{
	padding: 5px 10px;
	display: block;
	color: #000;
	text-decoration: none;
}
.navbar-nav li li a:hover{
	text-decoration: none;
	background: var(--primary);
	color: #fff;
}
.navbar-nav li .opener{display: none;}
.navbar-nav > li ul li.has-drop-down>a{background: #fff;}
.has-drop-down-a{position:relative;}
.navbar-nav li .opener:after{
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	border:5px solid transparent;
	border-bottom-width: 0;
	border-top-color: #000;
	transform: translate(-50%,-50%);
}
.navbar-nav li li.hover>.has-drop-down-a:after{
	border-top-color: transparent;
	border-bottom-color: #000;
}
/*--Navigation--*/
/*--nav--*/
@media screen and (min-width:767px){
	.navbar-nav > li .opener{display: none;}
}
@media screen and (min-width:1025px){
	.navbar-nav > li:hover > ul, .navbar-nav > li ul li:hover > ul, 
	.navbar-nav > li:focus > ul, .navbar-nav > li ul li:focus > ul{
		pointer-events: auto;
		transform: scaleY(1);
		opacity: 1;
	}
}
@media screen and (max-width:1024px){
	.navbar-nav > li.hover> ul, .navbar-nav > li ul li.hover > ul,
	.navbar-nav > li:hover> ul, .navbar-nav > li ul li:hover > ul,
	.navbar-nav > li:focus > ul, .navbar-nav > li ul li:focus > ul{
		pointer-events: auto;
		transform: scaleY(1);
		opacity: 1;
	}
}
@media screen and (max-width:991px){
	.btn{min-width: inherit;}
	.navbar-nav > li ul ul{
		position: static;
		max-height: 0;
	}
	.navbar-nav > li ul li.hover>ul{max-height:400px;}
	#header .navbar-nav > li{
		padding: 0 17px 30px;
		margin-bottom: -30px
	}
	.navbar-light .navbar-brand{width: 200px;}
}
@media screen and (max-width:767px){
	#header .navbar-brand{width: 165px;order: 2;}
	#header .btn-portal{order: 1;}
	.navbar-light .navbar-toggler{order: 3;}
	/*--Header--*/
	#header.clone{display: none !important;}
	#header .navbar-nav>li{padding: 0;margin: 0;}
	.navbar-nav > li ul li{border-bottom:none;background: #fff;}
	.navbar-light .navbar-nav .nav-link{
		border-bottom:1px solid #ddd;
		padding:7px 15px;
		line-height: 26px;
		display: block;
		color: #fff;
	}
	.navbar-nav li li a{
		line-height: 20px;
		padding-bottom: 10px;
		padding-top: 10px;
		color: #000;
	}
	.navbar-nav li .opener{
		width: 50px;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 1010;
		text-indent: -999px;
		overflow: hidden;
		background: #eee !important;
		height: 40px;
		border-left:1px solid #ddd;
		border-bottom:none!important;
		display: block;
	}
	.navbar-nav li{overflow:hidden;display:block;}
	.navbar-nav > li ul{
		position: relative;
		opacity: 1;
		visibility: visible;
		max-height: 0;
		width: 100%;
		z-index: 99;
		top: 0;
		left: 0 !important;
		right: auto !important;
		background: #fff;
	}
	.navbar-light .navbar-toggler{
		border-color: var(--navbutton);
		margin-top: 0;
		height: 40px;
		z-index: 99;
	}
	.navbar-light .navbar-toggler-icon{background-image: url("data:image/svg+xml;charset=utf8,%3Csvg  xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(240,0,0,1)' stroke-width='2'  d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");width: 30px;height: 30px;}
	.navbar-nav > li.hover > ul, .navbar-nav > li ul li.hover > ul{max-height: 400px;}
	.nav-open .nav li>li{display: none;}
	.nav-open .nav li.hover{
		position:relative;
		width: 100%;
		z-index: 1012;
		background: #eee;
		top: 0;
		overflow: hidden;
		display: block !important;
	}
	.nav-open .nav li.hover a{color: #000;}	
	.nav-open .nav	 li > a.opener:after{
		position: absolute;
		width: 10px;
		height: 10px;
		border:2px solid transparent;
		border-color: #000 #000 transparent transparent;
		transform: rotate(45deg) translateY(-50%);
		left: 10px;
		top: 50%;
		content: '';
	}
	.nav-open .nav	 li.hover > a.opener:after{
		position: absolute;
		width: 10px;
		height: 10px;
		border:2px solid transparent;
		border-color:transparent transparent #000 #000 ;
		transform: rotate(45deg) translateY(-50%);
		left: 10px;
		top: 50%;
		content: '';
	}
	.navbar-collapse, .navbar-collapse.collapse {
		position: fixed;
		left: -245%;
		top: 0;
		width: 245px;
		background: var(--navcollapse);
		height: 100vh !important;
		max-height: 100%;
		z-index: 1020;
		transition: all linear 0.2s;
		-webkit-transition: all linear 0.2s;
		-ms-transition: all linear 0.2s;
		border: none;
		overflow: auto;
		padding: 0;
		margin: 0;
		display: block !important;
	}
	.navbar-right{text-align: left;}
	.navbar-collapse.collapse:before{
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		content: 'Menu';
		text-align: center;
		width: 100%;
		padding:14px 10px;
		color: var(--navtitle);
		font-weight: 700;
		border-bottom:2px solid var(--navtitle);
		display: block;
	}
	#header .navbar-nav {
		padding: 52px 0 0; 
		margin: 0;
	}
	.navbar-collapse.show {left: 0;}
}
/*----- Searchform ----*/
.search-form{float:right;position:relative;width:48px;height:48px;margin-left:15px;}
.search-form .input{max-width:250px;background:#fff;height:100%;border:2px solid #054fad;z-index:99;padding:10px 15px;color:#054fad;}
.search-form button[type=submit]{width:48px;height:48px;border:2px solid #054fad;display:block;text-align:center;line-height:44px;position:absolute;top:0;right:0;color:#000;background:#fff;}
.search-form .field{position:absolute;right:0;top:0;height:100%;opacity:0;visibility:hidden;z-index:1020;transition:all linear 0.2s;-webkit-transition:all linear 0.2s;-ms-transition:all linear 0.2s;}
.search-form.open .field{opacity:1;visibility:visible;}
.search-form a{width:48px;height:48px;border:2px solid #ddd;display:block;text-align:center;line-height:44px;color:#000;}
.search-form a:after{position:absolute;left:0;top:0;border:20px solid transparent;border-left-color:#ddd;border-top-width:0;content:'';}
.search-form a i{pointer-events:none;}
@media screen and (max-width:767px){
	.search-form{width:100%;float:none;display:block;margin:10px 0 0;}
	.search-form a{display:none;}
	.search-form .field{width:100%;opacity:1;visibility:visible;}
	.search-form .input{max-width:inherit;width:calc(100% - 46px);}
}
/*----- Searchform ----*/