/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */

html {
	color: #222;
	font-size: 1em;
	line-height: 1.4
}

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none
}

::selection {
	background: #b3d4fc;
	text-shadow: none
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0
}

audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align: middle
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0
}

textarea {
	resize: vertical
}

.browserupgrade {
	margin: .2em 0;
	background: #ccc;
	color: #000;
	padding: .2em 0
}

.hidden {
	display: none !important
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto
}

.invisible {
	visibility: hidden
}

.clearfix:after,
.clearfix:before {
	content: " ";
	display: table
}

.clearfix:after {
	clear: both
}


a.active.nav-link {
	color: #e5620a !important
}

.img {
	object-fit: cover;
	width: 100%;
}

@font-face {
	font-family: 'Shekasteh';
	src: url('/static/web/dana2/fonts/Shekasteh/DimaShekastehFree2.ttf') format('truetype'),
		url('/static/web/dana2/fonts/Shekasteh/DimaShekastehFree2.woff') format('woff');
}

.color-gradient {
	background: #233142;
}

.color-gradient-header {
	background: radial-gradient(circle, rgb(255 0 0 / 71%) 0%, rgb(255 0 0 / 62%) 66%);
	/* background: radial-gradient(circle, rgb(128 128 128 / 71%) 0%, rgb(88 88 88 / 62%) 66%); */

}

@media screen and (max-width: 750px) {
	div#site_title_name {
		display: none;
	}
}

.bg-blur-text {
	background-color: rgba(90, 90, 90, 0.584);
}

.color-red-bg {
	background: radial-gradient(circle, rgb(255 0 0 / 71%) 0%, rgb(255 0 0 / 62%) 66%);
}

.color-red {
	color: radial-gradient(circle, rgb(255 0 0 / 71%) 0%, rgb(255 0 0 / 62%) 66%);
}

.color-orange-bg {
	background: darkorange;
}

.text2 {
	color: #f2f2f2;
	font-size: 15px;
	padding: 8px 12px;
	position: absolute;
	bottom: 0px;
	width: 100%;
	text-align: right;
	background-color: #5353538a;
}

@font-face {
	font-family: 'BTitrBold';
	src: url('/static/web/dana2/fonts/BTitrBold.eot') format('eot'),
	url('/static/web/dana2/fonts/BTitrBold.ttf') format('truetype'),
	url('/static/web/dana2/fonts/BTitrBold.woff') format('woff');
}

.breadcrumb {
	float: right;
	list-style: none;
	display: inline-block;
}
.breadcrumb li {
	float: right;
}
.breadcrumb li a {
	color: #fff;
	display: block;
	background: #3498db;
	text-decoration: none;
	position: relative;
	height: 40px;
	line-height: 40px;
	padding: 0 5px 0 5px;
	text-align: center;
	margin-right: 20px;
}
.breadcrumb li:nth-child(even) a {
	background-color: #2980b9;
}
.breadcrumb li:nth-child(even) a:before {
	border-color: #2980b9;
	border-right-color: transparent;
}
.breadcrumb li:nth-child(even) a:after {
	border-right-color: #2980b9;
}
.breadcrumb li:first-child a {
	padding-right: 15px;
}
.breadcrumb li:first-child a:before {
	border: none;
}
.breadcrumb li:last-child a {
	padding-left: 15px;
}
.breadcrumb li:last-child a:after {
	border: none;
}
.breadcrumb li a:before, .breadcrumb li a:after {
	content: "";
	position: absolute;
	top: 0;
	border: 0 solid #3498db;
	border-width: 20px 10px;
	width: 0;
	height: 0;
}
.breadcrumb li a:before {
	right: -20px;
	border-right-color: transparent;
}
.breadcrumb li a:after {
	right: 100%;
	border-color: transparent;
	border-right-color: #3498db;
}
.breadcrumb li a:hover {
	background-color: #1abc9c;
}
.breadcrumb li a:hover:before {
	border-color: #1abc9c;
	border-right-color: transparent;
}
.breadcrumb li a:hover:after {
	border-right-color: #1abc9c;
}
.breadcrumb li a:active {
	background-color: #16a085;
}
.breadcrumb li a:active:before {
	border-color: #16a085;
	border-right-color: transparent;
}
.breadcrumb li a:active:after {
	border-right-color: #16a085;
}