@font-face {
	font-display: auto;
}
video {
	width:100%;
	height:auto;
}
.base-type h2{font-size:1.3em;}
.base-type small{line-height:1;color:#666;margin:0 0 30px 0;}
.base-type ul > li {
	position: relative;
	padding-left: 1.3em;
	margin: 1em 0;
}
.base-type ul > li:before {
	content: "\2022";
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	font-size: 1.65em;
	line-height: 0.95;
	color: #c3002f;
}
base-type table {
	border: 0px solid;
	border-collapse: collapse;
	margin: 30px 0;
}
.base-type table td,
.base-type table th {
	padding: 10px;
}
.base-type td {
	border: 1px solid;
}
.base-type p {
	margin: 0;
}
.base-type img {
	max-width: 540px;
}
.border-graylight {
	border-style: ridge;
}
.box {
	z-index: 8;
}
.box:hover {
	z-index: 9;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.2);
	box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.2);
	-webkit-transition: -webkit-box-shadow 0.25s ease-out;
	transition: -webkit-box-shadow 0.25s ease-out;
	transition: box-shadow 0.25s ease-out;
	transition: box-shadow 0.25s ease-out, -webkit-box-shadow 0.25s ease-out;
}
.box-shadow {
	padding: 8px;
}
.box-shadow:hover {
	z-index: 8;
	padding: 8px;
	color: #d10000;
}
.box-shadow img:hover {
	-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.2);
	box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.2);
	-webkit-transition: -webkit-box-shadow 0.25s ease-out;
	transition: -webkit-box-shadow 0.25s ease-out;
	transition: box-shadow 0.25s ease-out;
	transition: box-shadow 0.25s ease-out, -webkit-box-shadow 0.25s ease-out;
}
.actionBtn:hover {
	background-color: #b70000;
}
.actionBtn.white:hover {
	background-color: #f9f9f9;
	color: #d10000;
}
.text-gray {
	color: #ccc;
}
.p-2 {
	padding: 0.5rem;
}
#dec-action-desctop {
	position: fixed;
	display: flex;
	overflow: visible;
	justify-content: space-between;
	align-items: center;
	left: 300px;
	padding: 10px 20px;
	z-index: 60;
	background: #fff;
	border-radius: 4px;
	max-height: 66px;
	/* webkit-box-shadow: 3px 3px 16px 0px rgba(50, 50, 50, 0.86); */
	-moz-box-shadow: 3px 3px 16px 0px rgba(50, 50, 50, 0.86);
	box-shadow: 3px 3px 16px 0px rgba(50, 50, 50, 0.86);
	max-width: 520px;
	background: #fff;
}
#dec-action-desctop form {
	display: flex;
	align-items: center;
}
#dec-action-desctop img {
	margin-left: -30px;
	margin-bottom: 15px;
}
#dec-action-desctop .form-element,
#dec-action .form-element {
	display: block;
	/* vertical-align: middle; */
	float: left;
	width: 100%;
}
#dec-action-desctop .form-element {
	padding: 10px;
	margin-right: 2%;
	margin-left: 10px;
	margin-top: 8px;
	width: 45%;
	max-height: 65px;
}
#dec-action-desctop input {
	height: 100%;
	padding: 10px;
	-webkit-box-shadow: none;
	box-shadow: inset 2px 2px 5px #cccccca1, inset -2px -2px 5px #cccccca1;
	color: #262626;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	border: none;
	background-color: #f6f6f6;
	color: #222222ed;
	border-radius: 5px;
	font-size: 14px;
	text-align: left;
	max-width: 350px;
	max-height: 40px;
}
#dec-action-desctop input::placeholder {
	color: #999;
}
#dec-action-desctop input.border-red-500,
#dec-action input.border-red-500 {
	border: 1px solid red;
}
#dec-action-desctop .btnlightblue,
#dec-action .btnlightblue {
	float: right;
	width: 55%;
	background: #d10000;
	border-radius: 5px;
	font-size: 14px;
	line-height: 14px;
	padding-top: 6px;
	padding-bottom: 6px;
	box-shadow: 0 0px 13px 1px rgb(0 0 0 / 27%);
	color: #fff;
	margin-top: 6px;
	min-height: 40px;
	white-space: normal;
	text-align: center;
}
#dec-action-desctop form.hidden {
	display: none;
}
#action-modal.open {
	display: block;
}
#action-modal {
	padding: 0 !important;
	width: 100%;
	display: none;
	position: absolute;
	left: 20%;
	padding: 20px;
	max-width: 400px;
	height: auto;
	background: #f6f5f6;
	-ms-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.6);
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.6);
	border-radius: 4px;
	z-index: 100000;
}
#action-modal .modal-img {
	background-image: url(/site/templates/assets/img/action.png);
	display: block;
	background-size: 100%;
	width: 100%;
	height: 202px;
	background-position: center;
}
.modal-target p {
	margin: 0;
}
.action-modal-header {
	margin-top: 0;
}
.action-modal-content {
	padding: 10px 15px 20px 15px;
}
.action-modal-header,
.action-modal-p {
	color: #d10000;
}
.action-modal-content-form-inner {
	width: 100%;
	/*float: left; */
	padding: 6px;
}
#action-modal .fieldblock {
	background: transparent;
	border-radius: 0;
}
.close-button {
	display: flex;
	position: absolute;
	font-size: 26px;
	color: #fffffc;
	top: -11px;
	right: -10px;
	cursor: pointer;
	background: #ccc;
	border-radius: 50%;
	padding-bottom: 5px;
	width: 30px;
	height: 30px;
	justify-content: center;
	align-items: center;
	line-height: 149%;
}
.overlay {
	z-index: 61;
	display: none;
	position: absolute;
	background: #000;
	opacity: 0.4;
	top: 0;
}
.scroll-hidden {
	overflow: hidden;
}
.plight {
	font-weight: 300;
}
.plight p {
	margin: 0.7em 0;
}
.h-72 {
	height: 18rem;
}
.h-76 {
	height: 19rem;
}
.h-80 {
	height: 20rem;
}
.md\:h-70vh {
	height: 70vh;
}
.md\:h-80vh {
	height: 80vh;
}
.md\:h-90vh {
	height: 90vh;
}
.md\:h-90vh {
	height: 90vh;
}
.md\:h-100vh {
	height: 100vh;
}
.pt-8 {
	padding-top: 2rem;
}
.pt-20 {
	padding-top: 5rem;
}

@media (min-width: 900px) {
	.model p {
		margin: 0em 10%;
		font-size: 1em;
	}
	.model img {
		margin: 1em 0;
		width: 100%;
	}
	.model h2 {
		margin: 1em 1%;
		font-size: 1.3em;
		margin-bottom: 10px;
		text-align: center;
	}
	.model h3 {
		margin: 0.5em 10%;
		font-size: 1em;
		text-align: center;
	}
}
@media (max-width: 899px) {
	.model p {
		margin: 1em 1em;
	}

	#action-modal,
	#action-modal .modal-img {
		width: 300px;
	}
	#action-modal .modal-img {
		background-size: cover;
	}
	.action-modal-content-form-inner {
		width: 100%;
		float: none;
	}
	#dec-action-desctop {
		display: none;
	}
	#action-modal input.p-4 {
		padding: 0.5rem;
	}
	.px-8 {
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}
	
	/* collapsable START */
details summary::-webkit-details-marker {
  display: none;
}
details > summary {
  list-style: none;
  background: #ebebeb;
  text-transform: none;
  outline: none;
  padding: 1rem 1rem;
  font-size: 1.1rem;
}
details > summary:hover {
  cursor: pointer;
}

details {
  transition: 0.3s linear all;
  position: relative;
  width: 100%;
  outline: none;
  margin-bottom: 1rem;
}

details summary:before {
 /* transition: 0.3s linear all; */
  content: "";
  position: absolute;
  right: 2rem;
  top: 1.2rem;
  width: 12px;
  height: 12px;
  border-top: 2px solid #d10000;
  border-right: 2px solid #d10000;
  transform: rotate(135deg);
}

details[open] summary:before {
  /* transition: 0.3s linear all; */
  content: "";
  position: absolute;
  right: 2rem;
  top: 1.5rem;
  width: 12px;
  height: 12px;
  border-top: 2px solid #d10000;
  border-right: 2px solid #d10000;
  transform: rotate(-45deg);
}
details div {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 0rem;
  padding-right: 1rem;
  background:#ebebeb;
}
/* collapsable END */

}




/*
.modelPage .swButton.active {
	background-color:greylight;
}
*/
.swButton .activeArrow {
	display: none;
}
.swButton .activeArrowContainer {
	right: -30px;
}
.swButton.active .activeArrow {
	display: block;
}
.swButton.active span {
	color: red !important;
}
.swItem ul > li {
	padding-left: 0.8em;
}
.swItem ul > li:before {
	line-height: 0.7;
}
aside .sticky {
	top: 100px;
}
.border-red{border:1px solid red;}

/* collapsable START */
details summary::-webkit-details-marker {
  display: none;
}
details > summary {
  list-style: none;
  background: #ebebeb;
  text-transform: none;
  outline: none;
  padding: 1rem 1rem;
  font-size: 1rem;
}
details > summary:hover {
  cursor: pointer;
}

details {
  transition: 0.3s linear all;
  position: relative;
  width: 100%;
  outline: none;
  margin-bottom: 1rem;
}

details summary:before {
transition: 0.1s linear all; 
  content: "";
  position: absolute;
  right: 1rem;
  top: .4rem;
  width: 12px;
  height: 12px;
  border-top: 2px solid #d10000;
  border-right: 2px solid #d10000;
  transform: rotate(135deg);
}

details[open] summary:before {
   transition: 0.1s linear all; 
  content: "";
  position: absolute;
  right: 1rem;
  top: .9rem;
  width: 12px;
  height: 12px;
  border-top: 2px solid #d10000;
  border-right: 2px solid #d10000;
  transform: rotate(-45deg);
}
details div {
  padding-top: 0rem;
  padding-bottom: 1.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  background:#ebebeb;
      overflow-x: hidden;
}
/* collapsable END */