@charset "utf-8";
/* CSS Document */

body {
    margin: 0px;
	background-color:#fff;
  height:100%;
    padding: 0px;
    overflow-x: hidden;
}.sitecontent{ width: 1200px; margin: auto;}
	.sortable-list .sortitem{
		list-style: none;
		cursor: move;
	}
	.sortitem .dragging{
		opacity: 0;
	}
#editorsection > p, #editorsection > a, #editorsection > #editorsection > h1, #editorsection > h2, #editorsection > h3, #editorsection > h4, #editorsection > h5, #editorsection > div, #editorsection > li, #editorsection > ul, #editorsection > ol, #editorsection > tr, #editorsection > button, #editorsection > input {
	font-family: "Poppins", sans-serif;
}
#editorsection > h1 {
	font-size: 22px;
	font-weight: 500;
	font-style: normal;
	color: #000637;
}
#editorsection > h2 {
	font-size: 16px;
	font-weight: 300;
	font-style: normal;
	color: #000637;
}
#editorsection > th {
	font-size: 16px;
	font-weight: 300;
	text-align: left; 
	border-bottom: 1px solid #030489;
	width: calc(100vw - 380px);}
#editorsection > tr {
	width: calc(100vw - 380px);
	display: inline-table; border-bottom: 1px solid #e2e8e8;
}
#editorsection > span.gradienttext {
  /* Fallback: Set a background color. */
  background-color: #000637;
  
  /* Create the gradient. */
  background-image: linear-gradient(45deg, #026dff, #000637);
  
  /* Set the background size and repeat properties. */
  background-size: 100%;
  background-repeat: repeat;

  /* Use the text as a mask for the background. */
  /* This will show the gradient as a text color rather than element bg. */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; 
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
	
}
#editorsection {
p {
	font-weight: 300;
	font-style: normal; 
	color: #222;
}
label {
	color: #0026ab;
	/*cursor: pointer;*/
	padding-right: 1em;
	font-size: .9em;
}
label:hover{
	/*color: #026dff;*/
}
.gradbackground {
  background-image: linear-gradient(to right, #7aa8ea , #7aa8ea , #fff);
}
.sidebyside{ display: inline-block;
	width: 40%;
}
a:hover {
	color: #026dff;
}
a {
	color: #0026ab;
	text-decoration: none;
}
p.textbutton:hover {
	color: #026dff;
}
p.textbutton {
	color: #0026ab;
	text-decoration: none;
}
a.activemenuitem:hover {
	color:#ffffff;
}
/*Onpage dropdown*/
.dropdown {
  position: relative;
  display: block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  z-index: 3;
left: -160px;
	top: -5px;
}
.dropdown p {font-size: .8em;}
.dropdown p a {font-size: 1em;} /*glitchfix*/
.maintable {
	/*width: 1545px;
}
.childtable {
	width: 1525px;*/
}
.dropdown:hover .dropdown-content {
  display: block;
}
/*modal Style*/
.clickoffmodal {
	width: 100vw;
	height: 100vh;
	float: left;
	z-index: 3;
	margin: 0px;
	background-color: rgba(0,0,0,.2);
	position: fixed;
	left: -15px;
}
	[id^=versions] {
  display: none;
  position: fixed;
	z-index: 3;
	background-color: rgba(0,0,0,.6);
  }
.modalcontent{
	background: #fff;
  position: fixed;
	top: 74px;
  min-height: 300px;
  width: 1535px;
	padding: 1em;
    transform: translate(10px, 0);
	z-index: 4;
}
/* managermenu below */
.centericon{
	margin: 1em 7px 30px;
	}
	.manager-menu-item{
		color: white;padding: .1em 0 0 1em;text-decoration: none;display: block;
	}
	a.manager-menu-item:hover {
		background-color: #026dff;
		color: #fff;
	}
	a.manager-menu-item {
		padding: .1em 0 0 2em;
	}
	.editer-menu-item{
		color: #222;padding: .1em 0 0 1em;text-decoration: none;display: block;
	}
	a.editer-menu-item:hover {
		background-color: #0026ab;opacity: .8;
	}
	a.editer-menu-item {
		padding: .1em 0 0 2em;
	}
	.activemenuitem{
		background-color: #026dff;padding: 1em 0 1em 1em;
	}
	.menubottomaligned{
		width: 100%;
	}
	.highlightedmenu {
		width: calc(100% - 1em);
	}
	.managercontentblock{
		box-shadow: 3px 3px 7px #aaaaaa;
		border-bottom: 2px solid #0026ab;
		padding: 1em;
		margin: .5em 0;
		width: calc(100vw - 365px);
	}
	@media only screen and (min-height: 790px) {
		
	.menubottomaligned{
		position: absolute;
		bottom: 2px;
		}
	}
	@media only screen and (min-height: 600px) {
		
	.settingiconmanager {
		position: absolute; bottom: calc(35px + 1em);display: block;
	}
	.helpiconmanager {
		position: absolute;bottom: 0px;
	}
	}
	.urgent-notification{
		background-color: #facad3;
		border: 1px solid #ce3249;
	}
	.success-notification{
		background-color: #bbf2d4;
		border: 1px solid #05a856;
	}
	.site-notification{
		background-color: #d6e9fc;
		border: 1px solid #026dff;
	}
	.passive-notification{
		background-color: #E2E8E8;
		border: 1px solid #72818e;
	}
	.notification-area {
		padding: .4em 1em;
		width: calc(100vw - 365px);
		margin: .3em 0;
	}
	.animated {
                -webkit-animation-duration: 10s;animation-duration: 10s;
                -webkit-animation-fill-mode: both;animation-fill-mode: both;
             }
             
             @-webkit-keyframes fadeOut {
                0% {opacity: 1;}
                100% {opacity: 0;}
             }
             
             @keyframes fadeOut {
                0% {opacity: 1;}
                100% {opacity: 0;}
             }
             
             .fadeout {
                -webkit-animation-name: fadeOut;
                animation-name: fadeOut;
             }
	.bluebtn{
		text-align: center;
		color: #fff;
		background-color: #026dff;
		margin: 1em 0;
		padding: .3em 1em;
		text-decoration: none;
		display: inline-block;
		border: none;
	}
	.bluebtn:hover {
		background-color: #0026ab;
	}
/* form css below */
.searchform {
  overflow: hidden;
}

.searchform .search-container {
  width:100%;
  border: 1px solid #000637;
	height: 33px;
}

.searchform input[type=text] {
  float: left;
  padding: 6px;
  font-size: 14px;
	margin: 0px;
  border: none;
  width: calc(100% - 150px);
}

.searchform .search-container button {
  float: right;
  padding: 6px 40px;
  background: #000637;
	color: #fff;
  font-size: 14px;
  cursor: pointer;
  border: none;
}
.hascontent {
	background-color: rgba(0,0,0,0) !important;
	border: 0px !important;
}
/*/////////////////////////////Below Text Editor CSS////////////////////////////////////*/

.textoptions {
  display: none;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
}
.option-button {
  height: 28px;
  width: 28px;
  display: grid;
  place-items: center;
  border-radius: 3px;
  border: none;
  background-color: #ffffff;
  outline: none;
  color: #222;
}
select {
  padding: 7px;
  border: 1px solid #222222;
  border-radius: 3px;
}
.textoptions label,
.textoptions select {
  font-family: "Poppins", sans-serif;
}
.text-input-wrapper {
  display: inline;
  align-items: center;
  gap: 8px;
}
#fontName, #formatBlock{
	width: 200px !important;
	display: inline;
}
#text-input {
  margin-top: 10px;
  border: 1px solid #dddddd;
  padding: 20px;
  height: 50vh;
}
.textactive {
  background-color: #e0e9ff;
}
/*/////////////////////////////Above Text Editor CSS////////////////////////////////////*/
.searchform .search-container button:hover {
  background: #ccc;
}
input#search {
    background-image: url('http://www.naganoajet.com/images/search.png');
	background-size:auto;
    background-repeat: no-repeat;
    text-indent: 20px;
}
input#search:focus {
    background-image:none;
    text-indent:0px
    }
::placeholder{ color: #0026ab; opacity:.7;}/*work around to change placeholder color*/
:-ms-input-placeholder {color: #0026ab; opacity:.7;}
.form {
	background-color: #fff; 
	text-align: left;
	border: none;
	color: #0026ab;
	padding: 5px 5px;
	margin-bottom:5px;
	text-decoration: none;
	display: block;
	font-size: 14px;
}
.container{
	font-size: 16px;
	/*color: #fff;
	float:left;*/
	text-align: left;
	border: none;
	/*width: 120px;*/
	padding-left: 35px;
	padding-bottom: 10px;
	margin:0px;
	text-decoration: none;
	display: block;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.container input {
	position: absolute;
	opacity: 0;
	cursor:pointer;
	height:0;
	width:0;
}
.checkmark:after{
	content: "";
	position:absolute;
	display:none;
}
.container input:checked ~
.checkmark:after {
	display: block;
}
.container .checkmark:after {
	left:9px;
	top:5px;
	width:5px;
	height:10px;
	border: solid #000637;
	border-width: 0 3px 3px 0;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}
.container .checkboxlist {
	left:200px;
	top:-17px;
}
.agreements{
	font-size: 18px;
	color: #222;
  border: 1px solid #000637;
	float:left;
	text-align: left;
	width: 800px;
	padding-left: 35px;
	margin:12px;
	text-decoration: none;
	display: block;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.agreements input {
	position: absolute;
	opacity: 0;
	cursor:pointer;
  border: 1px solid #000637;
	height:0;
	width:0;
}
.agreements input:checked ~
.checkmark:after {
	display: block;
}
.agreements .checkmark:after {
	left:9px;
	top:5px;
	width:5px;
	height:10px;
	border: solid #000637;
	border-width: 0 3px 3px 0;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}
.checkmark {
	position: absolute;
	top:0;
	left:0;
	cursor:pointer;
  border: 1px solid #000637;
	height:25px;
	width:25px;
	background-color: #fff;
}
.fileupload {
    border: 1px solid #ccc;
    display: block;
  background-color:#EDF0F4;
    padding: 6px 12px;
    cursor: pointer;
	width:150px;
}

.button, .cardbtn {
  float: right;
  padding: 6px 40px;
  background: #000637;
	color: #fff;
  font-size: 14px;
  cursor: pointer;
  border: none;
}

.button:hover, .cardbtn:hover {
  background-color: #0026ab;
}
.form {
	background-color: #fff; 
	text-align: left;
	border: none;
	color: #000637;
	padding: 5px 5px;
	margin-bottom:5px;
	text-decoration: none;
	display: block;
	font-size: 14px;
}
.container{
	/*float:left;*/
	border: none;
	padding-left: 35px;
	padding-bottom: 10px;
	margin:0px;
	text-decoration: none;
	display: block;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.container input {
	position: absolute;
	opacity: 0;
	cursor:pointer;
	height:0;
	width:0;
}
.checkmark:after{
	content: "";
	position:absolute;
	display:none;
}
.container input:checked ~
.checkmark:after {
	display: block;
}
.container .checkmark:after {
	left:9px;
	top:5px;
	width:5px;
	height:10px;
	border: solid #000637;
	border-width: 0 3px 3px 0;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}
.container .checkboxlist {
	left:200px;
	top:-17px;
}
.agreements{
	font-size: 14px;
	color: #222;
  border: 1px solid #95979C;
	float:left;
	text-align: left;
	width: 800px;
	padding-left: 35px;
	margin:12px;
	text-decoration: none;
	display: block;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.agreements input {
	position: absolute;
	opacity: 0;
	cursor:pointer;
  border: 1px solid #95979C;
	height:0;
	width:0;
}
.agreements input:checked ~
.checkmark:after {
	display: block;
}
.agreements .checkmark:after {
	left:9px;
	top:5px;
	width:5px;
	height:10px;
	border: solid #000637;
	border-width: 0 3px 3px 0;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}
.checkmark {
	position: absolute;
	top:0;
	left:0;
	cursor:pointer;
  border: 1px solid #95979C;
	height:25px;
	width:25px;
	background-color: #fff;
}
label {
	display: inline-block;
	text-align:left;
}
/* Above is Form CSS*/
#layoutsettingsmenu{
	display:none;
	padding: 0px 1em;
}
#elementsettingsmenu{
	display:none;
	padding: 0px 1em;
}
#elementselectormenu{
	display:none;
	padding: 0px 1em;
}
#addlayoutssmenu{
	display:none;
	padding: 5px 1em 5px;
	cursor: pointer;
	text-align: center;
  color: #fff;
  background-color: #026dff;
  margin: 1em;
}
#addlayoutssmenu:hover{
	background-color: #0026ab;
}
.editorinput{
	width: calc(100% - 1em) !important;
}
.w_box {
	background-color: #e3f2fa;
  padding: 0.5em 10px;
	vertical-align:top;  
	margin-bottom: 3em;
}
#siteswitchlist{
	

	background-color: #ddd;
  width: 237px;
  position: fixed;
  padding-left: 4em;
  display: none;
}
/*End Editor CSS*/
.splitcontent {
	width: 50%;
	float: right;
  position: relative;
  display: inline-block;
}
.loginimg{
	min-height: 810px;
}
/*Footer Section Below*/
.footer {
	background-color:#000637;
	width: 100%;
	min-height: 120px;
  	color: white;
}
.footer .content .column{
	display: inline-block;
	width: 20%;
	vertical-align: top;
}
.footer .content .column a{
	font-size:14px;
  color: #CCD3DD;
  text-decoration: none;
  display: block;
}
.columnimg {
	margin-left: auto;
	margin-right: auto;
	padding-left: 1em;
}
.footer .content .footersearch{
	float: right;
}
.footer .content .copyright{
	text-align: center;
}
.cardbtn{
	position: relative;
	bottom: -1rem;
	text-align: center;
	padding: 1em 3em;
	background-color: #000637;
	color:#ffffff;
	display: block;
	border: 0px solid #fff;
}
.cardbtn:hover, .basicbtn:hover, .overimgbtn:hover {
	background-color: #030489;
	transition: 0.3s;
	border: 0px solid #fff;
}
.centermargin{
	margin: auto;
}
.floatwrap {
  padding: 1em;
  overflow: auto;
 }

.splitcontent .splithorzcenter h1{
	margin: 4em 0 .5em 0;
	text-align:center; 
}
.splitcontent .splithorzcenter p, .splitcontent .splithorzcenter h2{
	text-align:center; 
	margin: 0 0 .5em 0;
}
.sidebyside.mobileshow{
	display: block;
}
.sidebyside.mobilehide{
	display: none;
}
.footer a {
	
    padding: 0 0 1em 0;
    display: block;
}
@media only screen and (max-width: 600px) {

.splitcontent {
	width: 100%;
}
.splithorzcenter {
	 margin: auto;
  width: 90%;
}
.loginimg{
	min-height: 400px;
}
.copyright{
	font-size: 14px;
}

}
@media only screen and (max-width: 413px) {

}
@media only screen and (max-width: 360px) {
.copyright{font-size:12px;}
}
}
/*Shared CSS for all Sites*/
/*/--/Starts Grid Layouts/--/*/
/*///////////////////////////////1c_std//////////////////////////////////*/
.grid_1c_stditem1 { grid-area: grid_1c_stditem1; min-height: 1em;}

.grid_1c_std{
	display: grid;
	grid-template-columns: repeat(1, 1fr);
  grid-template-areas:
    'grid_1c_stditem1';
  gap: 10px;
  padding: 10px 0px 10px 0px;
}
.grid_1c_std:hover{
 background-color: #c2d8f7;
  padding: 20px 0px 10px 0px;
	border-bottom: 1px solid #565656;
}
.grid_1c_std > div { /*css for the div element itself*/
  background-color: rgba(255, 255, 255, 0.8);
	border: 1px dashed #565656;
	padding: 0px 1em;
}

@media only screen and (max-width: 885px) {/*285px + 600px*/
	
.grid_1c_std{
	display: grid;
	grid-template-columns: repeat(1, 1fr);
  grid-template-areas:
    'grid_1c_stditem1 ';
}
}
/*///////////////////////////////2c_std//////////////////////////////////*/
.grid_2c_stditem1 { grid-area: grid_2c_stditem1; }
.grid_2c_stditem2 { grid-area: grid_2c_stditem2; }
.grid_2c_stditem3 { grid-area: grid_2c_stditem3; }
.grid_2c_stditem4 { grid-area: grid_2c_stditem4; }

.grid_2c_std{
	display: grid;
	grid-template-columns: repeat(2, 45%);
  grid-template-areas:
    'grid_2c_stditem1 grid_2c_stditem2 '
    'grid_2c_stditem3 grid_2c_stditem4';
  gap: 10px;
  padding: 10px 0px 0px 0px;
}
.grid_2c_std:hover{
 background-color: #c2d8f7;
  padding: 20px 0px 10px 0px;
	border-bottom: 1px solid #565656;
}
.grid_2c_std > div { /*css for the div element itself*/
  background-color: rgba(255, 255, 255, 0.8);
	border: 1px dashed #565656;
	padding: 0px 1em;
}

@media only screen and (max-width: 885px) {/*285px + 600px*/
	
.grid_2c_std{
	display: grid;
  grid-template-areas:
    'grid_2c_stditem1 '
	'grid_2c_stditem2 '
    'grid_2c_stditem3 '
	'grid_2c_stditem4 ';
}
}
/*////////////////////////////////2c_t2//////////////////////////////////*/
.grid_2c_t2item1 { grid-area: grid_2c_t2item1; }
.grid_2c_t2item2 { grid-area: grid_2c_t2item2; grid-row-end: 3;}
.grid_2c_t2item3 { grid-area: grid_2c_t2item3; }

.grid_2c_t2{
	display: grid;
	grid-template-columns: repeat(2, 45%);
  grid-template-areas:
    'grid_2c_t2item1 grid_2c_t2item2 '
    'grid_2c_t2item3 grid_2c_t2item4 ';
  gap: 10px;
  padding: 10px 0px 0px 0px;
}
.grid_2c_t2:hover{
 background-color: #c2d8f7;
  padding: 20px 0px 10px 0px;
	border-bottom: 1px solid #565656;
}
.grid_2c_t2 > div { /*css for the div element itself*/
  background-color: rgba(255, 255, 255, 0.8);
	border: 1px dashed #565656;
	padding: 0px 1em;
}

@media only screen and (max-width: 885px) {/*285px + 600px*/
	
.grid_2c_t2item2 { grid-row-end: 2;}
.grid_2c_t2{
	display: grid;
  grid-template-areas:
    'grid_2c_t2item1 '
	'grid_2c_t2item2 '
    'grid_2c_t2item3 ';
}
}
/*///////////////////////////////2c_01324////////////////////////////////*/
.grid_2c_o1324item1 { grid-area: grid_2c_o1324item1; }
.grid_2c_o1324item2 { grid-area: grid_2c_o1324item2; }
.grid_2c_o1324item3 { grid-area: grid_2c_o1324item3; }
.grid_2c_o1324item4 { grid-area: grid_2c_o1324item4; }

.grid_2c_o1324{
	display: grid;
	grid-template-columns: repeat(2, 45%);
  grid-template-areas:
    'grid_2c_o1324item1 grid_2c_o1324item2 '
    'grid_2c_o1324item3 grid_2c_o1324item4 ';
  gap: 10px;
  padding: 10px 0px 0px 0px;
}
.grid_2c_o1324:hover{
 background-color: #c2d8f7;
  padding: 20px 0px 10px 0px;
	border-bottom: 1px solid #565656;
}
.grid_2c_o1324 > div { /*css for the div element itself*/
  background-color: rgba(255, 255, 255, 0.8);
	border: 1px dashed #565656;
	padding: 0px 1em;
}

@media only screen and (max-width: 885px) {/*285px + 600px*/
	
.grid_2c_o1324{
	display: grid;
  grid-template-areas:
    'grid_2c_o1324item1 '
	'grid_2c_o1324item2 '
    'grid_2c_o1324item3 '
    'grid_2c_o1324item4 ';
}
}
/*///////////////////////////////3c_std//////////////////////////////////*/
.grid_3c_stditem1 { grid-area: grid_3c_stditem1; }
.grid_3c_stditem2 { grid-area: grid_3c_stditem2; }
.grid_3c_stditem3 { grid-area: grid_3c_stditem3; }
.grid_3c_stditem4 { grid-area: grid_3c_stditem4; }
.grid_3c_stditem5 { grid-area: grid_3c_stditem5; }
.grid_3c_stditem6 { grid-area: grid_3c_stditem6; }

.grid_3c_std{
	display: grid;
	grid-template-columns: repeat(3, 32%);
  grid-template-areas:
    'grid_3c_stditem1 grid_3c_stditem2 grid_3c_stditem3 '
    'grid_3c_stditem4 grid_3c_stditem5 grid_3c_stditem6 ';
  gap: 10px;
  padding: 10px 0px 0px 0px;
}
.grid_3c_std:hover{
 background-color: #c2d8f7;
  padding: 20px 0px 10px 0px;
	border-bottom: 1px solid #565656;
}
.grid_3c_std > div { /*css for the div element itself*/
  background-color: rgba(255, 255, 255, 0.8);
	border: 1px dashed #565656;
	padding: 0px 1em;
}

@media only screen and (max-width: 885px) {/*285px + 600px*/
	
.grid_3c_std{
	display: grid;
  grid-template-areas:
    'grid_3c_stditem1 '
	'grid_3c_stditem2 '
    'grid_3c_stditem3 '
    'grid_3c_stditem4 '
    'grid_3c_stditem5 '
    'grid_3c_stditem6 ';
}
}
/*/////////////////////////////3c_o142536////////////////////////////////*/
.grid_3c_o142536item1 { grid-area: grid_3c_o142536item1; }
.grid_3c_o142536item2 { grid-area: grid_3c_o142536item2; }
.grid_3c_o142536item3 { grid-area: grid_3c_o142536item3; }
.grid_3c_o142536item4 { grid-area: grid_3c_o142536item4; }
.grid_3c_o142536item5 { grid-area: grid_3c_o142536item5; }
.grid_3c_o142536item6 { grid-area: grid_3c_o142536item6; }

.grid_3c_o142536{
	display: grid;
	grid-template-columns: repeat(3, 32%);
  grid-template-areas:
    'grid_3c_o142536item1 grid_3c_o142536item3 grid_3c_o142536item5 '
    'grid_3c_o142536item2 grid_3c_o142536item4 grid_3c_o142536item6 ';
  gap: 10px;
  padding: 10px 0px 0px 0px;
}
.grid_3c_o142536:hover{
 background-color: #c2d8f7;
  padding: 20px 0px 10px 0px;
	border-bottom: 1px solid #565656;
}
.grid_3c_o142536 > div { /*css for the div element itself*/
  background-color: rgba(255, 255, 255, 0.8);
	border: 1px dashed #565656;
	padding: 0px 1em;
}

@media only screen and (max-width: 885px) {/*285px + 600px*/
	
.grid_3c_o142536{
	display: grid;
  grid-template-areas:
    'grid_3c_o142536item1 '
	'grid_3c_o142536item2 '
    'grid_3c_o142536item3 '
    'grid_3c_o142536item4 '
    'grid_3c_o142536item5 '
    'grid_3c_o142536item6 ';
}
}
/*//////////////////////////////3c_t1_w4/////////////////////////////////*/
.grid_3c_t1_w4{}
.grid_3c_t1_w4item1 { grid-area: grid_3c_t1_w4item1; grid-row-end: 3}
.grid_3c_t1_w4item2 { grid-area: grid_3c_t1_w4item2; }
.grid_3c_t1_w4item3 { grid-area: grid_3c_t1_w4item3; }
.grid_3c_t1_w4item4 { grid-area: grid_3c_t1_w4item4; grid-column-end: 4}

.grid_3c_t1_w4{
	display: grid;
	grid-template-columns: repeat(3, 32%);
  grid-template-areas:
    'grid_3c_t1_w4item1 grid_3c_t1_w4item2 grid_3c_t1_w4item3 '
    'grid_3c_t1_w4item1 grid_3c_t1_w4item4 grid_3c_t1_w4item4 ';
  gap: 10px;
  padding: 10px 0px 0px 0px;
}
.grid_3c_t1_w4:hover{
 background-color: #c2d8f7;
  padding: 20px 0px 10px 0px;
	border-bottom: 1px solid #565656;
}
.grid_3c_t1_w4 > div { /*css for the div element itself*/
  background-color: rgba(255, 255, 255, 0.8);
	border: 1px dashed #565656;
	padding: 0px 1em;
}

@media only screen and (max-width: 885px) {/*285px + 600px*/
	.grid_3c_t1_w4item1 { grid-row-end: 2}
.grid_3c_t1_w4item4 { grid-column-end: 2}
	
.grid_3c_t1_w4{
	display: grid;
  grid-template-areas:
    'grid_3c_t1_w4item1 '
	'grid_3c_t1_w4item2 '
    'grid_3c_t1_w4item3 '
    'grid_3c_t1_w4item4 ';
}
}
/*/////////////////////////////4c_std////////////////////////////////*/
.grid_4c_stditem1 { grid-area: grid_4c_stditem1; }
.grid_4c_stditem2 { grid-area: grid_4c_stditem2; }
.grid_4c_stditem3 { grid-area: grid_4c_stditem3; }
.grid_4c_stditem4 { grid-area: grid_4c_stditem4; }
.grid_4c_stditem5 { grid-area: grid_4c_stditem5; }
.grid_4c_stditem6 { grid-area: grid_4c_stditem6; }
.grid_4c_stditem7 { grid-area: grid_4c_stditem7; }
.grid_4c_stditem8 { grid-area: grid_4c_stditem8; }

.grid_4c_std{
	display: grid;
	grid-template-columns: repeat(4, 22%);
  grid-template-areas:
    'grid_4c_stditem1 grid_4c_stditem2 grid_4c_stditem3 grid_4c_stditem4 '
    'grid_4c_stditem5 grid_4c_stditem6 grid_4c_stditem7 grid_4c_stditem8 ';
  gap: 10px;
  padding: 10px 0px 0px 0px;
}
.grid_4c_std:hover{
 background-color: #c2d8f7;
  padding: 20px 0px 10px 0px;
	border-bottom: 1px solid #565656;
}
.grid_4c_std > div { /*css for the div element itself*/
  background-color: rgba(255, 255, 255, 0.8);
	border: 1px dashed #565656;
	padding: 0px 1em;
}

@media only screen and (max-width: 885px) {/*285px + 600px*/
	
.grid_4c_std{
	display: grid;
  grid-template-areas:
    'grid_4c_stditem1 '
	'grid_4c_stditem2 '
    'grid_4c_stditem3 '
    'grid_4c_stditem4 '
    'grid_4c_stditem5 '
    'grid_4c_stditem6 '
    'grid_4c_stditem7 '
    'grid_4c_stditem8 ';
}
}
/*/////////////////////////////4c_o137856////////////////////////////////*/
.grid_4c_w12_o137856item1 { grid-area: grid_4c_w12_o137856item1; }
.grid_4c_w12_o137856item2 { grid-area: grid_4c_w12_o137856item2; }
.grid_4c_w12_o137856item3 { grid-area: grid_4c_w12_o137856item3; }
.grid_4c_w12_o137856item4 { grid-area: grid_4c_w12_o137856item4; }
.grid_4c_w12_o137856item5 { grid-area: grid_4c_w12_o137856item5; }
.grid_4c_w12_o137856item6 { grid-area: grid_4c_w12_o137856item6; }
.grid_4c_w12_o137856item7 { grid-area: grid_4c_w12_o137856item7; }
.grid_4c_w12_o137856item8 { grid-area: grid_4c_w12_o137856item8; }

.grid_4c_w12_o137856{
	display: grid;
	grid-template-columns: repeat(4, 22%);
  grid-template-areas:
    'grid_4c_w12_o137856item1 grid_4c_w12_o137856item1 grid_4c_w12_o137856item2 grid_4c_w12_o137856item2 '
    'grid_4c_w12_o137856item3 grid_4c_w12_o137856item4 grid_4c_w12_o137856item5 grid_4c_w12_o137856item6 ';
  gap: 10px;
  padding: 10px 0px 0px 0px;
}
.grid_4c_w12_o137856:hover{
 background-color: #c2d8f7;
  padding: 20px 0px 10px 0px;
	border-bottom: 1px solid #565656;
}
.grid_4c_w12_o137856 > div { /*css for the div element itself*/
  background-color: rgba(255, 255, 255, 0.8);
	border: 1px dashed #565656;
	padding: 0px 1em;
}

@media only screen and (max-width: 885px) {/*285px + 600px*/
	
.grid_1c_stditem1 > div { width: 97%; }
.grid_2c_stditem1 > div { width: 97%; }
.grid_2c_stditem2 > div { width: 97%; }
.grid_2c_stditem3 > div { width: 97%; }
.grid_2c_stditem4 > div { width: 97%; }
.grid_4c_w12_o137856item1 > div { width: fit-content; }
.grid_4c_w12_o137856item2 > div { width: fit-content; }
.grid_4c_w12_o137856item3 > div { width: 97%; }
.grid_4c_w12_o137856item4 > div { width: 97%; }
.grid_4c_w12_o137856item5 > div { width: 97%; }
.grid_4c_w12_o137856item6 > div { width: 97%; }
.grid_4c_w12_o137856item7 > div { width: 97%; }
.grid_4c_w12_o137856item8 > div { width: 97%; }
.grid_4c_stditem1 > div { width: 97%; }
.grid_4c_stditem2 > div { width: 97%; }
.grid_4c_stditem3 > div { width: 97%; }
.grid_4c_stditem4 > div { width: 97%; }
.grid_4c_stditem5 > div { width: 97%; }
.grid_4c_stditem6 > div { width: 97%; }
.grid_4c_stditem7 > div { width: 97%; }
.grid_4c_stditem8 > div { width: 97%; }
.grid_3c_t1_w4item1 > div { width: 97%; }
.grid_3c_t1_w4item2 > div { width: 97%; }
.grid_3c_t1_w4item3 > div { width: 97%; }
.grid_3c_t1_w4item4 > div { width: 97%; }
.grid_3c_o142536item1 > div { width: 97%; }
.grid_3c_o142536item2 > div { width: 97%; }
.grid_3c_o142536item3 > div { width: 97%; }
.grid_3c_o142536item4 > div { width: 97%; }
.grid_3c_o142536item5 > div { width: 97%; }
.grid_3c_o142536item6 > div { width: 97%; }
.grid_3c_stditem1 > div { width: 97%; }
.grid_3c_stditem2 > div { width: 97%; }
.grid_3c_stditem3 > div { width: 97%; }
.grid_3c_stditem4 > div { width: 97%; }
.grid_3c_stditem5 > div { width: 97%; }
.grid_3c_stditem6 > div { width: 97%; }
.grid_2c_o1324item1 > div { width: 97%; }
.grid_2c_o1324item2 > div { width: 97%; }
.grid_2c_o1324item3 > div { width: 97%; }
.grid_2c_o1324item4 > div { width: 97%; }
.grid_2c_t2item1 > div { width: 97%; }
.grid_2c_t2item2 > div { width: 97%; }
.grid_2c_t2item3 > div { width: 97%; }
	
	.salai_special_header_img {
		display: none !important;
	}
.grid_4c_w12_o137856{
	display: grid;
  grid-template-areas:
    'grid_4c_w12_o137856item1 '
	'grid_4c_w12_o137856item2 '
    'grid_4c_w12_o137856item5 '
    'grid_4c_w12_o137856item6 '
    'grid_4c_w12_o137856item3 '
    'grid_4c_w12_o137856item4 ';
}
}
/*/--/End Grid Layouts/--/*/
/*Shared Forms CSS*/

label {
	display: block;
	text-align:left;
}
input  {
  width: 100%;
  margin: 8px 0;
	
  text-align:left;
  border: 1px solid #000637;
  box-sizing: border-box;
    display: block;

}
input[type=text], input[type=email], input[type=password], input[type=tel], input[type=url], textarea, select  {
  padding: 6px;
  font-size: 14px;
  border: 1px solid #000637;
  width: 100%;
}
textarea {
  padding: 6px;
  font-size: 14px;
  border: 1px solid #000637;
  width: calc(100% - 14px);
}
input[type="file"] {
    display: none;
}
input[type="number"] {
    width: 120px;
	 padding: 6px;
  font-size: 14px;
  border: 1px solid #000637;
}

input[type="color"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  width: 40px;
  height: 28px;
  border: none;
  cursor: pointer;
}
input[type="color"]::-webkit-color-swatch {
  border-radius: 15px;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px #020929;
}
input[type="color"]::-moz-color-swatch {
  border-radius: 15px;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px #020929;
}
/*Below dictates number input fields*/

input {
  all: unset;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus {
  -webkit-text-fill-color: #000637;
}
input[type=checkbox]{
	background-color:#E8F0FE;
}
input[type=text], input[type=email], input[type=password], input[type=tel], input[type=url], textarea, select  {
  width: calc(45% - 24px);
	padding: 6px;
	margin-bottom: .5em;
	background-color: #E8F0FE;
}
/* Create a custom radio button */
.radiomark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .radiomark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .radiomark {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radiomark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .radiomark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container .radiomark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}
/**/
/* ends shared Forms CSS*/