* {
font-family: "Open Sans", arial, sans-serif;
}

:root{
--mineralBlue: #0083a3;
}
a {
-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
}
.float-left {
float: left !important;
}
.float-right {
float: right !important;
}
.fa-external-link::before{
content: none;
}
/* Bootstrap Override * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

figure {
margin: 0;
}

@media (min-width: 992px) {
.table-responsive {
		display: table;
	}
}

.table {
border: 1px solid #ddd;
}

legend {
font-size: 1rem;
}

.btn-primary {
background: var(--mineralBlue);
	border: 1px solid var(--mineralBlue);
}

.btn-primary:hover {
background: #e0810e;
	border: 1px solid #e0810e;
}
button:focus {
outline: none !important;
}
/* Template * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

body {
margin: 0;
	padding: 0;

background: #f1f1f1;
}

/* Header */


.header {
color: #f1f1f1;
	position: absolute;
	top: 0px;
	right: 0;
	width: 100%;
	min-height: 75px;
	z-index: 9999;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
	background-color: rgba(255, 255, 255, 0.87);
		box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

/* .header.offset {
background: rgba(255, 255, 255, 1);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
} */

.header a {
color: inherit;
}
.form-category-group.sub-pages-nav span a{
margin: 1rem 0;
}
.toggle-nav {

border-radius: 25px;
}
.header .header-side{
display: flex;
	justify-content: space-evenly;
	padding-inline-end: 2rem;
}
.header .soc-btn{
width: 45px;
	height: 45px;
	background-color: transparent;
		background-size: 96%;
		background-position: center;
		background-repeat: no-repeat;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items: center;
}
.soc-btn:hover{
transform: scale(1.1)
}
/* Logo */

.header .logo {
position: absolute;
	top: 1rem;
	right: 2rem;
	display: block;
	z-index: 3;
	background: #fff;
	border-radius: 50%;
	padding: 10px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

.header .logo img {
display: block;
	max-height: 150px;
}

/* Navigation */

.header nav ul {
list-style: none;
	padding: 0;
	margin: 0;
}

.header nav a {
color: inherit;
}

.header nav a.on,
.header nav li.on>span>a {
font-weight: bold;
}

.header nav button {
display: none;
}

@media (min-width: 992px) {
.header .navigation {
		width: 100%;
		max-width: 70%;
		margin: 0px auto;
		margin-right: 12.5rem;
		position: relative;
	}

.header nav > ul {
	margin: 0 auto;
	position: relative;
}

.header nav li:hover > ul {
	display: block;
}

.header nav > ul > li {
	display: inline-block;
	position: relative;
}

.header nav > ul > li > span > a {
	color: #444;
	display: block;
	padding: 1rem;
	font-size: 1.2em;
	font-weight: 400;
	position: relative;
}

.header nav > ul > li > span > a:after {
	content: '';
	position: absolute;
	color: #444;
	height: 5px;
	width: 5px;
	background-color: #444;
	border-radius: 50px;
	inset: 0;
	margin: auto auto auto -9px
}

.header nav > ul > li:last-child > span > a:after {
	content: none;
}

.header nav > ul > li > span > a:hover,
.header nav > ul > li:hover > span > a {
	text-decoration: none;
	color: var(--mineralBlue);
}

.header nav > ul > li.on > span > a,
.header nav > ul > li > span > a.on {
	color: var(--mineralBlue);
}

.header nav > ul > li > ul {
	display: none;
	/* text-align: right;
position: absolute;
top: 95%;
right:-90px;
left: 0%;
z-index: 9999;
width: 680px;
background: rgb(255 255 255 / 97%);
color: #fff;
padding: 1rem;
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3019607843);
backface-visibility: hidden;
transform: translateZ(0);
-webkit-font-smoothing: subpixel-antialiased;
/* columns: 3; */
	border-radius: 10px;
	text-align: right;
	position: absolute;
	top: 100%;
	right: 50%;
	z-index: 9999;
	width: 300px;
	margin-right: -150px;
	background: #fff;
	color: #000;
	padding: 1rem 1.5rem;
	border-radius: 2rem;
	backface-visibility: hidden;
	transform: translateZ(0);
	-webkit-font-smoothing: subpixel-antialiased;
}

.header nav > ul > li > ul:before {
	position: absolute;
	bottom: 100%;
	right: 50%;
	margin-right: -18px;
	z-index: 9999;
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #ffffff transparent;
	border-style: solid;
}


.header nav > ul > li > ul > li > span > a {
	font-size: 1.1rem;
	text-decoration: none;
	display: inline-block;
	width: 100%;
	padding: 0.25rem 1rem;
	color: #444;
	}

.header nav > ul > li > ul > li > span > a:hover {
	/* transform: scale(1.2); */
	display: inline-block;
	/* margin-right: 5px; */
	/* color: #ddbc25; */
	background: rgb(210, 210, 210, 0.5);
	border-radius: 10px;

}

.header nav > ul > li > ul > li > span > a > em.arrow {
	content: '';
	font-family: 'FontAwesome';
	font-style: normal;
}

.header nav > ul > li > ul > li > span > a > em.arrow:before {
	content: '\f104';
}
}

@media (max-width:1040px){
.header .navigation {
		margin-right: 10.5rem;
	}
.header nav > ul > li > span > a {
		font-size: 1.05em;
		font-weight: 500;
	}
}

@media (max-width: 991px) {
.header .navigation,
	.header .header-side {
		display: none;
	}
}

/**/

.lang-link {
position: absolute;
	top: 40px;
	left: 160px;
}

/* header-box */
.header .box {
height: inherit;
	width: 100%;
	position: relative;
}

.header .box .top {
position: absolute;
	height: 51px;
	left: 0px;
	right: 0px;
	top: 0px;
	background: #fff;
}

.header .box .top .social-icons {
position: absolute;
	left: 10px;
	top: 5px;
	display: flex;
	flex-direction: row-reverse;
}

.header .box .top .social-icons a {
width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-size: cover;
	margin-left: 10px;
}

.header .box .top .social-icons a:hover {
transform: scale(1.1);
}



.header .box .top .social-icons .bNagish-toggle-trigger {
background-image: url(images/wheelchair.png);
}

.header .box .top .social-icons .herum {
background-image: url(images/megaphone.png);
}

.header .box .top .social-icons .whatsapp {
background-image: url(images/whatsapp.png);
}

.header .box .top .social-icons .instagram {
background-image: url(images/instagram.png);
}

.header .box .top .social-icons .facebook {
background-image: url(images/facebook.png);
}

.header .box .bottom {
position: relative;
	height: inherit;
	display: flex;
	align-items: center;
}


/* Search */







@media (max-width: 991px) {
.search {
		font-size: 30px;
	}
}



/* Header Search */

.header-search {
position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 999999;
	width: 100%;
	background: rgb(22 79 119 / 80%);
	/* background: linear-gradient(334deg, #010c2c9a, #1d9ad996, #010c2c9a, #1d9ad996); */
	background-size: 400% 400%;
	border-bottom: 2px solid var(--mineralBlue);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
	display: none;


-webkit-animation: AnimationName 15s ease infinite;
	-moz-animation: AnimationName 15s ease infinite;
	animation: AnimationName 15s ease infinite;


}

@-webkit-keyframes AnimationName {
0% {
		background-position: 15% 0%
	}

50% {
	background-position: 86% 100%
}

100% {
	background-position: 15% 0%
}
}

@-moz-keyframes AnimationName {
0% {
		background-position: 15% 0%
	}

50% {
	background-position: 86% 100%
}

100% {
	background-position: 15% 0%
}
}

@keyframes AnimationName {
0% {
		background-position: 15% 0%
	}

50% {
	background-position: 86% 100%
}

100% {
	background-position: 15% 0%
}
}

@-webkit-keyframes header-search-animation {
0% {
		background: #004c90b0;
	}

50% {
	background: #567794b0;
}

100% {
	background: #004c90b0;
}
}

@-moz-keyframes header-search-animation {
0% {
		background: #004c90b0;
	}

50% {
	background: #567794b0;
}

100% {
	background: #004c90b0;
}
}

@-o-keyframes header-search-animation {
0% {
		background: #004c90b0;
	}

50% {
	background: #567794b0;
}

100% {
	background: #004c90b0;
}
}

@keyframes header-search-animation {
0% {
		background: #004c90b0;
	}

50% {
	background: #567794b0;
}

100% {
	background: #004c90b0;
}
}

.header-search .content {
position: absolute;
	width: 50vw;
	left: 25%;
	top: 40%;
	border: 1px solid #b30000;
}

.header-search input {
border: 0;
	background: #fff;
	width: 100%;
	font-size: 1.5em;
	padding: 30px;
	height: 100%;
	outline: none;
}

.header-search button {
position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100px;
	background: none;
	border: 0;
	cursor: pointer;
}

.header-search button.submit {
left: 101px;
	font-size: 30px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.header-search button.submit:hover {
color: #754c29;
}
.mobile{
display: none;
}
/* Toggle Navigation Button */

.toggle-nav {
display: none;
}
.social_mobile {
margin-inline: auto;
	width: 96%;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
.social_mobile a {
margin-inline: 0.9rem;
	margin-block: 0.25rem;
	height: 40px;
	aspect-ratio: 1/1;
	background-position: center;
	background-size: 80%;
	background-repeat: no-repeat;
	background-color: #fff;
	border-radius: 50%;
}
@media (max-width: 991px) {
.toggle-nav {
		position: absolute;
		top: 16px;
		left: 16px;
		width: 48px;
		height: 48px;
		display: block;
		padding: .75rem;
		text-align: center;
		background-color: #1089a0;
	}

.toggle-nav em {
	font-size: 24px;
	color: #fff;
}

.search {
	display: none;
}

.lang-link {
	display: none;
}
}

/* Footer */

.footer {
padding: 1.5rem 0;
	background: #fff;
	color: #000;
}

.footer .lines {
position: absolute;
	display: flex;
	width: 100%;
	left: 0px;
	right: 0px;
	top: -7px;
	height: 7px;
}

.footer .lines>div {
width: 33.33%;
	height: inherit;
}

/* .footer .lines .line-left {
background: #7aba73;
}

.footer .lines .line-center {
background: #913d8b;
}

.footer .lines .line-right {
background: #01a2cc;
} */

.footer a {
color: #4d6389;
}

.footer p {
margin: 0;
	margin-top: -10px;
	color: #444;
	font-weight: bold;
}

@media (max-width: 991px) {
.footer {
		text-align: center;

}
}

/* Breadcrumbs */

.breadcrumbs {}

.breadcrumbs a {}

.breadcrumbs ul {
list-style: none;
	margin: 0;
	padding: 0;
}

.breadcrumbs ul>li {
display: inline-block;
}

.breadcrumbs ul>li:after {
font-family: 'FontAwesome';
	content: '\f104';
	padding: 0 5px;
	display: inline-block;
}

.breadcrumbs ul>li:last-child:after {
content: '';
	padding: 0;
}

/* bNagish */

.bNagish-toggle {
bottom: auto;
	top: -100px;
	left: 20px;
	width: 48px;
	height: 48px;
	background: #fff;
	border-radius: 25px;
}

.bNagish-toggle em {
color: #000;
}

/* Skip Ads * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.skip-ad {
position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	z-index: 99999;

position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
		z-index: 99999;
		display: flex;
		align-items: center;
		justify-content: center;
		backdrop-filter: blur(4px);

}

.skip-ad .fa-times{
color: #444;
}

.skip-ad .skip-ad-container {
max-width: 600px;
	margin: 0 auto;
	padding: 15px;
	max-width: 600px;
	margin: 0 auto;
		padding: 15px;
		position: relative;
}

.skip-ad .skip-ad-content {
/* margin-top: 80px; */
}

.skip-ad .skip-ad-content .msg {
background: #fff;
	padding: 30px;
}

.skip-ad img {
max-width: 100%;
	display: block;
	margin: 0 auto;
	border-radius: 3rem;
    max-height: 90vh;
}

.skip-ad .skip-ad-close {
position: fixed;
	top: 30px;
	width: 100%;
	text-align: left;

position: absolute;
	top: -15px;
	left: -25px;
	width: 100%;
	text-align: left;
	color: #000;
}

.skip-ad #close-skip-ad {
display: inline-block;
	padding: 10px 20px;
	background: #fff;
	border-radius: 5px;
	border-radius: 50%;
	border: 2px solid #444;
}

.skip-ad #close-skip-ad:focus,
.skip-ad #close-skip-ad:hover {
background: #000;
	border-color: #fff;
}
.skip-ad #close-skip-ad:focus .fa,
.skip-ad #close-skip-ad:hover .fa{
color: #fff;
}
/* Mobile Navigation  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.mobile-navigation {
position: fixed;
	top: 0;
	left: -300px;
	width: 300px;
	height: 100%;
	background: #f1f1f1;
	z-index: 9999999;

transition: .5s;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;

visibility: hidden;

box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.mobile-navigation.open {
left: 0;
	visibility: visible;
	box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
}

.mobile-navigation .content {
width: 100%;
	height: 100%;
	overflow: auto;
	position: relative;
}

.mobile-navigation .content .head {
width: 100%;
	text-align: left;
	margin-bottom: -1rem;
}

.mobile-navigation .content .head .button {
padding: 10px 15px;
	background: #333;
	color: #fff;
	border: 0;
	font-size: 20px;
	margin: 1rem;
}

.mobile-navigation nav {
margin: 1rem;
	background: #fff;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}

.mobile-navigation nav ul {
list-style: none;
	padding: 0;
	margin: 0;
}

.mobile-navigation nav a {
color: inherit;
}

.mobile-navigation nav a.on,
.mobile-navigation nav li.on>span>a {
font-weight: bold;
}

.mobile-navigation nav button {
display: none;
}

.mobile-navigation nav ul ul {
display: none;
}

.mobile-navigation nav li {
border-bottom: 1px solid #ddd;
}

.mobile-navigation nav li>span {
display: block;
	position: relative;
}

.mobile-navigation nav ul ul {
background: rgba(0, 0, 0, 0.02);
}

.mobile-navigation nav button {
display: block;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
}

.mobile-navigation nav a {
display: block;
	padding: 15px;
	margin-right: 48px;
}

.mobile-navigation nav .toggle-sub-menu {
display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 48px;
	overflow: hidden;

padding: 0 15px;
	background: none;
	border: 0;
	background: rgba(0, 0, 0, 0.02);
	color: inherit;

font-family: 'FontAwesome';
	font-style: normal;
}

.mobile-navigation nav .toggle-sub-menu:after {
content: '\f053';
}

.mobile-navigation nav .toggle-sub-menu:after {
content: '\f053';
}

.mobile-navigation nav .toggle-sub-menu.opened:after {
content: '\f078';
}

.mobile-navigation nav .toggle-sub-menu.no-sub-menu:after {
content: '\f111';
	font-size: 80%;
}

.mobile-navigation nav .toggle-sub-menu.external-link:after {
content: '\f08e';
}

.mobile-navigation-search {
position: relative;
	margin: 1rem;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}

.mobile-navigation-search input {
display: block;
	width: 100%;
	padding: 1rem;
	background: #fff;
	border: 0;
}

.mobile-navigation-search button {
display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background: none;
	border: 0;
	padding: 0 1rem;
}

.mobile-navigation {
background: #0a67a5ec;
	border-right: 2px solid #ffffff;
}

.mobile-navigation .content .head .button {
background: #47a5e4ec;
	color: #ffffff;
	border: 1px solid #fff;
}

/* Page * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/* Page Header */

.page-header {
height: 500px;

background-repeat: no-repeat;
	background-position: center center;

-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

position: relative;

z-index: -1;
}

/* Page Content */

.page-content {
background: #fff;
	margin-bottom: 3rem;
}

@media (min-width: 992px) {
.page-content {
		border-top-left-radius: 25px;
		border-top-right-radius: 25px;
		margin-top: -7.6rem;
		box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
	}
}

@media (max-width: 991px) {
.page-content {
		margin: 0 -15px;
		padding-top: 75px;
	}
}

.page-content-head {
/* background: #098bd1; */
	background: var(--mineralBlue);
	background-size: 1200% 1200%;

-webkit-animation: AnimationName 20s ease-in-out infinite;
	-moz-animation: AnimationName 20s ease-in-out infinite;
	animation: AnimationName 20s ease-in-out infinite;
	color: #fff;
	padding: 1.5rem;
	position: relative;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	overflow: hidden;
}

@media (max-width: 991px) {
.page-content-head {
		padding: 1rem;
		border-radius: 0;
	}
}

.page-content-head h1 {
margin: 0;
font-weight: bold;
}

.page-content-head a {
color: rgba(255, 255, 255, 0.8);
}

.page-content-head button {
display: none;
}

@media (max-width: 991px) {
.page-content-head button {
		display: block;
		background: none;
		border: 0;
		padding: 0;
		position: absolute;
		left: 15px;
		bottom: 1rem;
		color: #fff;
		font-size: 2rem;
	}

.page-content-head button em:before {
	content: "\f13a";
}

.page-content-head button.opened em:before {
	content: "\f139";
}
}

.page-content-body {
padding: 1.5rem;
	min-height: 20rem;
}

@media (max-width: 991px) {
.header .logo {
		background-color: transparent;
		top: 0.2rem;
		box-shadow: none;
		padding: 0;
	}

	.header .logo img {
		max-height: 105px;
max-height: 68px;
}
.page-header {
	height: 240px;
display: none;
}
.desktop {
	display: none;
}
.mobile {
	display: block;
}

.page-content-body {
	padding: 1rem;
}
}

.page-content-nav {
display: none;
}

.page-content-nav ul {
list-style: none;
	padding: 0;
	margin: 0;
}

.page-content-nav ul>li {
border-bottom: 1px solid #ddd;
}

.page-content-nav ul>li a {
padding: 1rem;
	display: block;
}

/* Social Sharing Buttons */

.social-share {
font-size: 16px;
	text-align: center;
	margin: 1.5rem;
}

.social-share a {
min-width: 40px;
	text-align: center;
	display: inline-block;
}

/* InPage Navigation */

.sub-pages-nav.outside {
margin-top: 1rem;
	margin-bottom: 2rem;
}

.sub-pages-nav ul {
list-style: none;
	padding: 0;
	margin: 0 -1rem;
}

.sub-pages-nav ul ul {
display: none;
}


.sub-pages-nav ul>li {
width: 50%;
	float: right;
	position: relative;
	padding: 1rem;
}

/* .sub-pages-nav ul>li:before {
content: "";
	position: absolute;
	right: 0px;
	top: 0px;
	bottom: 0px;
	width: 0;
	height: 0;
	background: #fff;
	width: 57px;
	height: 100%;
	clip-path: circle(50% at 100% 50%);
} */



@media (max-width: 768px) {
.sub-pages-nav ul > li {
		width: 100%;
	}
}

.sub-pages-nav a {
display: block;
	color: inherit;
	border-right: 3px solid #48a8e8;
	background: #f1f1f1;
	padding: 1rem;
	font-size: 1.3rem;
	padding-right: 2.75rem;

display: block;
	color: inherit;
	border-radius: 0.75rem;
	background: #ffffff;
	padding: 0.75rem 1.25rem;
	font-size: 1.3em;
	border-right: 4px solid #124e8f;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.sub-pages-nav ul>li:nth-child(5n+1) a{
border-right: 4px solid #21a0f5;
}
.sub-pages-nav ul>li:nth-child(5n+2) a{
border-right: 4px solid #a7cf4c;
}
.sub-pages-nav ul>li:nth-child(5n+3) a{
border-right: 4px solid #ffa824;
}
.sub-pages-nav ul>li:nth-child(5n+4) a{
border-right: 4px solid #d77e1e;
}

.sub-pages-nav ul > li:nth-child(5n+5) .arrow {
	color: #80b936;
}
.sub-pages-nav.outside a {
background: #fff;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}

.sub-pages-nav .arrow {
font-family: 'FontAwesome';
	font-style: normal;
	color: #657177;
	display: none;
}

.sub-pages-nav .arrow:before {
content: '\f104';
}

/* Mode Table Of Contents */

.toc-container {
border: 1px solid #ddd;
	background: #f1f1f1;
	display: inline-block;
	padding: .5rem;
}

.toc-toggle a span {
display: none;
}

.toc-toggle a:before {
content: 'הצג';
}

.toc-container.active .toc-toggle a:before {
content: 'הסתר';
}

.toc-expendable {
display: none;
}

.toc-expendable ol {
margin: 0;
	margin-top: 1rem;
}

/* InPage Style - Rich Content */

.rich-content h2,
.rich-content h3,
.rich-content h4,
.rich-content h5,
.rich-content h6 {
margin-bottom: 1rem;
}

.rich-content h2 {
color: var(--mineralBlue);
}

.rich-content h3 {
color: var(--mineralBlue);
}


.rich-content .contact-man {
display: block;
	color: inherit;
	border-right: 3px solid var(--mineralBlue);
	background: #fafafa;
	padding: 1rem;
	margin-bottom: 1.5rem;
	border-radius: 20px;
}

.rich-content .contact-man em {
display: inline-block;
	min-width: 20px;
	text-align: center;
}

.rich-content .contact-man img {
/* border-radius: 2rem; */
	margin-bottom: 6px;
}

.rich-content .contact-man .contact-name {
font-weight: bold;
}

.rich-content .contact-man .category-name {
font-size: 1.5rem;
	margin-bottom: 1rem;
	padding-right: 0.5rem;
	color: #224b6f;
}

.rich-content .contact-man .icon {
width: 30px;
	height: 30px;
}

.rich-content .contact-man .job {
margin-right: 0.5rem;
	font-size: 1.2rem;
	font-weight: bold;
	color: #224b6f;
}

.rich-content .contact-man {

color: #224b6f;
}


.contact-link .fa-external-link:before {
content: "\f08e";
	display: none !important;
}

.contact-link em {
display: none !important;
	min-width: unset !important;
	text-align: center !important;
}


/* Media Prints * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* Media Print */

@media print {
.page-content {
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
	}

.header,
.blocks-skip,
#bNagish,
.mobile-navigation-container,
.page-header,
.social-share,
.footer,
.skip {
	display: none;
}
}

/* Card * */

.card {
margin-top: 2rem;
}

.card-header {
background: var(--mineralBlue);
	color: #fff;
}

.card-body {
background: #f1f1f1;
}

/* opacity animation*/
div[class^="root-page"] {
-webkit-animation: NAME-YOUR-ANIMATION 2s infinite;
	/* Safari 4+ */
	-moz-animation: NAME-YOUR-ANIMATION 2s infinite;
	/* Fx 5+ */
	-o-animation: NAME-YOUR-ANIMATION 2s infinite;
	/* Opera 12+ */
	animation: NAME-YOUR-ANIMATION 2s infinite;
	/* IE 10+, Fx 29+ */
	animation-iteration-count: 1
}


@-webkit-keyframes NAME-YOUR-ANIMATION {
0% {
		opacity: 0;
	}

100% {
	opacity: 1;
}
}

@-moz-keyframes NAME-YOUR-ANIMATION {
0% {
		opacity: 0;
	}

100% {
	opacity: 1;
}
}

@-o-keyframes NAME-YOUR-ANIMATION {
0% {
		opacity: 0;
	}

100% {
	opacity: 1;
}
}

@keyframes NAME-YOUR-ANIMATION {
0% {
		opacity: 0;
	}

100% {
	opacity: 1;
}
}

.container {
max-width: 1345px;
}



@-webkit-keyframes AnimationName {
0% {
		background-position: 0% 52%
	}

50% {
	background-position: 100% 49%
}

100% {
	background-position: 0% 52%
}
}

@-moz-keyframes AnimationName {
0% {
		background-position: 0% 52%
	}

50% {
	background-position: 100% 49%
}

100% {
	background-position: 0% 52%
}
}

@keyframes AnimationName {
0% {
		background-position: 0% 52%
	}

50% {
	background-position: 100% 49%
}

100% {
	background-position: 0% 52%
}
}



/**/

.form-category-group {
	background: #f1f1f1;
	border-right: 3px solid #2d55aa;
	padding: .75rem;
	margin-bottom: 1.5rem;
}

.form-category-group .form-category-group {
	background: #fff;
}

.form-category-group a {
	color: inherit;
}

.form-category-group .tofes-link {
	display: inline-block;
	padding: .1rem .6rem;
	border-radius: 2rem;
	border: 1px solid #ddd;
	background: #fff;
	margin-left: .5rem;
	margin-bottom: .8rem;
}