/* main.css overwrite */

body, input, select, textarea {
		font-size: 16px;
}

h2, h3, h4, h5, h6 {
	padding-bottom: 0em;
}

h2:after, h3:after, h4:after, h5:after, h6:after {
	padding-bottom: 0em;
	border-bottom: solid 0px;
	bottom: 0;
	content: '';
	display: inline-block;
	left: 0;
	position: absolute;
	width: 0rem;
}

		img {
			max-width: 100%;
			height: auto;
		}

input[type="submit"].success, input[type="reset"].success, input[type="button"].success, button.success, .button.success {
			box-shadow: none;
			background-color: green;
			color: #fff !important;
			font-weight: normal;
		}

		input[type="submit"].info, input[type="reset"].info, input[type="button"].info, button.info, .button.info {
			box-shadow: none;
			background-color: royalblue;
			color: #fff !important;
			font-weight: normal;
		}

		input[type="submit"].warning, input[type="reset"].warning, input[type="button"].warning, button.warning, .button.warning {
			box-shadow: none;
			background-color: yellow;
			color: #fff !important;
			font-weight: normal;
		}

		input[type="submit"].danger, input[type="reset"].danger, input[type="button"].danger, button.danger, .button.danger {
			box-shadow: none;
			background-color: #bf2f2f;
			color: #fff !important;
			font-weight: normal;
		}

		input[type="submit"].secondary, input[type="reset"].secondary, input[type="button"].secondary, button.secondary, .button.secondary {
			text-shadow: 2px 2px 4px #000000;
			box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
			background-color: orange;
			background-image: linear-gradient( to right, #db2812,#ff7125,#ffda47,#8aaa7b);
			color: #fff !important;
		}

.button {
    margin: 2px 0px;
}
 ul.pages {
			font-size: larger;
			list-style-type: none;
			margin: 0;
			padding-left: 0em;
		  }
		  
		  ul.pages li {
			margin: 1rem 0;
			background-image: url(star.svg);
			background-position: 0 0;
			background-size: 1.6rem 1.6rem;
			background-repeat: no-repeat;
		  }
		  
.table-responsive {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
}

		#main {
			padding: 3em 0 4em 0;
		}
		#main > .inner > header.major:first-child {
            margin-bottom: 3em;
        }

		#header, #header.alt {
			background-color: #ffca08;
		}
#header nav > ul > li a:before {
    margin-right: 0.05em; 
}

.pgwSlider ul li {
    padding-left: 0em;
}

		#banner>article {
			background-attachment: initial;
		}

#banner > article:after {
    background-color: transparent;
}
		#header+#banner {
			margin-top: 0em;
		}

		#header nav>ul>li {
			margin-left: 1em;
		}

		#header nav>ul>li>a,
		#header nav>ul>li>ul>li>a {
			color: #000;
			/* #9f2626;*/
		}
		
		.ps-caption > a {
			border-bottom: none;
		}

		.ps-caption b, ps-caption strong {
			color: white;
		}

		ul.bulleted-icons-one-line {
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
			-moz-flex-wrap: wrap;
			-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			padding: 0;
		}

		ul.bulleted-icons-one-line li {
			margin: 0.2em 0 0 0;
			overflow: hidden;

			position: relative;
			width: 90%;
		}

		ul.bulleted-icons li {
		padding-left: 0em;
		padding-right: 0.2em;
		}

		ul.bulleted-icons li .icon-wrapper {
			position: initial;
		}

		.dropotron {
			color: #000;
			/* #9f2626;*/
		}

		/* custom css */
		img.logo {
			padding: 0;
			position: absolute;
			top: 5px;
			left: 4px;
			border: 1px solid #a0a0a0;
			z-index: 10001;
			display: block;
			width: initial;
		}

		#videoPlayer {
			width: 100%;
			height: auto;
		}

		.video-container {
			position: relative;
		}

		.video-container video {
			position: relative;
			z-index: 0;
		}

		.img-container {
			padding: 1em 0;
			/*float: left;*/
		}

		.img-content {
			position: relative;
			max-width: 400px;
			margin: auto;
			overflow: hidden;
		}

		.img-content .img-content-overlay {
			background: rgba(0, 0, 0, 0.7);
			position: absolute;
			height: 99%;
			width: 100%;
			left: 0;
			top: 0;
			bottom: 0;
			right: 0;
			opacity: 0;
			-webkit-transition: all 0.4s ease-in-out 0s;
			-moz-transition: all 0.4s ease-in-out 0s;
			transition: all 0.4s ease-in-out 0s;
		}

		.img-content:hover .img-content-overlay {
			opacity: 1;
		}

		.content-image {
			width: 100%;
			height: 210px;
			box-shadow: 5px 5px 8px 1px #888888;
		}

		.content-details {
			position: absolute;
			text-align: center;
			padding-left: 1em;
			padding-right: 1em;
			width: 100%;
			top: 50%;
			left: 50%;
			opacity: 0;
			-webkit-transform: translate(-50%, -50%);
			-moz-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			-webkit-transition: all 0.3s ease-in-out 0s;
			-moz-transition: all 0.3s ease-in-out 0s;
			transition: all 0.3s ease-in-out 0s;
		}


		.img-content:hover .content-details {
			top: 50%;
			left: 50%;
			opacity: 1;
		}

		.content-details h3 {
			color: #fff !important;
			font-weight: normal;
			letter-spacing: 0.15em;
			margin-bottom: 0.5em;
			text-transform: none;
		}
		
		.content-details h3:after {
		    border-bottom: none  !important;
		}

		.content-details p {
			color: #fff;
			font-size: 0.8em;
		}

		.fadeIn-bottom {
			top: 80%;
		}

		.fadeIn-top {
			top: 20%;
		}

		.fadeIn-left {
			left: 20%;
		}

		.fadeIn-right {
			left: 80%;
		}

        #videoPlayer {
            width: 100%;
            height: auto;
        }

        .video-container {
            position: relative;
        }

        .video-container video {
            position: relative;
            z-index: 0;
        }
		
		h4.card-title {
		        margin: 0 0 0.5em 0;
		}
		
    	.bg-diamond {
			background-color: #4EE2EC;
		}

		.bg-platinum {
			background-color: #E5e4e2;
		}
	    .bg-gold {
			background-color: gold;
		}

		.bg-silver {
			background-color: silver;
		}
	
		.bg-bronze {
			background-color: #CD7F32;
		}

Inputfield_name2 { display:none; }

		.Inputfields,
.Inputfields li {
list-style: none;
margin: 1em 0;
padding: 0;
}

.Inputfields li label {
font-weight: bold;
}

.Inputfields li p {
margin: 0;
}

.Inputfields li p.description {
font-style: italic;
}

.Inputfields textarea,
.Inputfields .InputfieldMaxWidth {
width: 100%;
}

.Inputfields .InputfieldSubmit label {
display: none;
}

.ui-state-error {
	color: red;
	}

.ui-state-error-text {
color: red;
}

label {
margin: 0.5em 0 0 0;
}

fieldset {
	border:1px solid #e6e6e6;
	padding: 10px;
	margin-top: 10px;
  }
  
  legend {
	background-color: gray;
	color: white;
	padding: 5px 10px;
  }

.small-button {
	border: none;
	color: white;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 12px;
	cursor: pointer;
	height: 2em;
	line-height: 2em;
  }

p.bad {
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-size: .75rem;
	color: #ce5454;
    margin-top: .25rem;
}

.bad input,
.bad select,
.bad textarea {
	border: 1px solid #ce5454;
	box-shadow: 0 0 4px -2px #ce5454;
	position: relative;
	left: 0;
	-moz-animation: 0.4s 1 shake ease;
	-webkit-animation: 0.4s 1 shake ease;
}

.error input,
.error select,
.error textarea {
	border: 1px solid #ce5454;
	box-shadow: 0 0 4px -2px #ce5454;
	position: relative;
	left: 0;
	-moz-animation: 0.4s 1 shake ease;
	-webkit-animation: 0.4s 1 shake ease;
}

.content blockquote:not(:last-child),
.content dl:not(:last-child),
.content ol:not(:last-child),
.content p:not(:last-child),
.content pre:not(:last-child),
.content table:not(:last-child),
.content ul:not(:last-child) {
	margin-bottom: 1em;
}

/* Tooltips helpers */
.field .tooltip {
	float: left;
	top: 2px;
	left: 7px;
	position: relative;
	z-index: 2;
}

.field .tooltip:hover {
	z-index: 3;
}

.field .tooltip>span {
	display: inline-block;
	width: 15px;
	height: 15px;
	line-height: 15px;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
	color: #fff;
	cursor: help;
	background-color: #00aeef;
	position: relative;
	border-radius: 10px;
}

.field .tooltip .content {
	opacity: 0;
	width: 200px;
	background-color: #333;
	color: #fff;
	font-size: 0.9em;
	position: absolute;
	top: 0;
	left: 20px;
	padding: 8px;
	border-radius: 6px;
	pointer-events: none;
	transition: 0.2s cubic-bezier(0.1, 0.1, 0.25, 2);
	-webkit-transition: 0.3s cubic-bezier(0.1, 0.2, 0.5, 2.2);
	-moz-transition: 0.3s cubic-bezier(0.1, 0.2, 0.5, 2.2);
}

.field .tooltip p {
	padding: 0;
}

.field .tooltip.down .content {
	left: auto;
	right: 0;
	top: 30px;
}

.field .tooltip:hover .content {
	opacity: 1;
	left: 36px;
}

.field .tooltip .content b {
	height: 0;
	width: 0;
	border-color: #333 #333 transparent transparent;
	border-style: solid;
	border-width: 9px 7px;
	position: absolute;
	left: -14px;
	top: 8px;
}

.field .tooltip.down .content b {
	left: auto;
	right: 6px;
	top: -10px;
	border-width: 5px;
	border-color: transparent #333 #333 transparent;
}

#loader {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9999;
	background: url(images/Preloader_10.gif) no-repeat center center rgba(4, 4, 0, 0.25)
}

/* Add a green text color and a checkmark when the requirements are right */
.valid {
	color: green;
}

.valid:before {
	position: relative;
	left: -15px;
	content: "✔";
}

/* Add a red text color and an "x" when the requirements are wrong */
.invalid {
	color: #ff0a3b;
}

.invalid:before {
	position: relative;
	left: -15px;
	content: "✖";
}

        
		/* Desktop */
		@media all and (min-width: 1024px) and (max-width: 1920px) {
			#main {
				padding: 3em 0 4em 0;
			}
			/* main.css overwrite */
			.logo {
				max-height: 180px;
			}
		}

		/* ============ desktop view ============ */
		/* Menu NAvbar Dropdown Hover*/
		@media all and (min-width: 1024px) {
			#main {
				padding: 3em 0 4em 0;
			}
			/* main.css overwrite */
			#header.alt {
				top: 0.75em;
			}

			.logo {
				z-index: 10001;
				max-height: 160px;
			}
		}

		/* ============ desktop view .end// ============ */


		/* Large Tablets and Small Laptops */
		@media all and (min-width: 981px) and (max-width: 1149px) {

			/* main.css overwrite */
			#header.alt {
				top: 0.75em;
			}

			.logo {
				z-index: 10001;
				max-height: 160px;
			}
		}

		/* Tablets */
		@media all and (min-width: 768px) and (max-width: 980px) {

			/* main.css overwrite */
			#header.alt {
				top: 0.75em;
			}

			.logo {
				z-index: 10001;
				height: 160px;
			}

			.spotlight .content {
				width: 100%;
			}

			.spotlight .image {
				width: 100%;
			}
			
			.site_title {
			    font-size: 20px;
			}
		}

		/* Bigger Phones & Small Tablets */
		@media all and (max-width: 767px) {

			/* main.css overwrite */
			#header.alt {
				top: 0.75em;
			}

			.logo {
				top: 20px;
				z-index: 10001;
				height: 160px;
			}
			.site_title {
			    font-size: 18px;
			}
		}

		/* Mobile */
		@media all and (max-width: 450px) {

			#main {
				padding: 3em 0 4em 0;
			}
			/* main.css overwrite */
			#header.alt {
				top: 0.75em;
			}

			.logo {
				top: 20px;
				z-index: 10001;
				height: 130px;
			}
			.site_title {
			    font-size: 16px;
			}
		}