/* === Custom CSS === */

/* Test Tools START */
.check-grid {
border: 1px solid red;
}

/* Accordion START */
.accordionTitle {
transition: 0.4s;
}

.accordionTitle h2 {
cursor: pointer;
}

.accordionPanel {
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}

/* Main Content START */
#main-content {
background: #EBEBEB;
padding: 20px;
/* margin: 0px 30px 0px 30px; */
}

/* Footer START */
footer {
max-height: 230px;
overflow: hidden;
}

#footer {
background: #FFFFFF;
padding: 20px;
margin: 0px 30px 0px 30px;
}

.footer-hr {
background-color: rgba(0, 59, 73, 1);
width: 100%;
height: 8px;
}

.footer-text-right {
text-align: right;
}

@media (max-width: 767px) {
footer {
max-height: none;
}

.footer-text-right {
text-align: initial;
}
}

/* Fonts START */
h1 {
font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica", "Ariel", "sans-serif";
-webkit-font-smoothing: antialiased;
font-size: 30px;
line-height: normal;
color: rgba(0, 59, 73, 1);
cursor: default;
font-weight: 300;
margin: 0px 0px 15px 0px;
}

h2 {
font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica", "Ariel", "sans-serif";
-webkit-font-smoothing: antialiased;
font-size: 20px;
line-height: normal;
color: rgba(0, 59, 73, 1);
cursor: default;
font-weight: 300;
margin: 0px 0px 15px 0px;
}

h3 {
font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica", "Ariel", "sans-serif";
-webkit-font-smoothing: antialiased;
font-size: 16px;
line-height: normal;
color: rgba(0, 59, 73, 1);
cursor: default;
font-weight: 300;
margin: 0px 0px 15px 0px;
}

.bar h3 {
font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica", "Ariel", "sans-serif";
-webkit-font-smoothing: antialiased;
font-size: 18px;
line-height: normal;
color: #FFFFFF;
background-color: rgba(0, 59, 73, 1);
cursor: default;
font-weight: 300;
padding: 5px 10px 5px 10px;
margin: 0px;
}

p {
font-size: 16px;
}

em {
color: #444;
}

a {
font-size: 16px;
color: rgba(0, 59, 73, 1);
text-decoration: underline;
}

a:focus, a:hover {
color: rgba(0, 102, 128, 1);
}

a:visited {
color: rgba(0, 102, 128, 1);
}

li {
font-size: 16px;
}

.list-style-none li {
list-style-type: none;
margin-bottom: 10px;
}

.navigation li {
font-family: "Helvetica", "Ariel", "sans-serif";
font-size: 16px;
line-height: normal;
color: rgba(0, 59, 73, 1);
font-weight: 300;
text-transform: uppercase;
list-style-type: none;
margin-bottom: 10px;
}

.navigation a {
text-decoration: none;
}

.navigation a:active, .navigation a:focus, .navigation a:hover {
color: rgba(0, 102, 128, 1) !important;
text-decoration: underline;
}

.navigation a:visited {
color: rgba(0, 59, 73, 1);
}

.social-icons a {
color: #444;
}

.social-icons a:active, .social-icons a:focus, .social-icons a:hover {
color: #808080 !important;
}

.social-icons a:visited {
color: #444 !important;
}

/* Font Colors START */
.font-color2 {
color: rgba(253, 194, 20, 1) !important;
}

/* Backgrounds START */
.bg1 {
background-color: #FFFFFF;
margin-bottom: 15px;
}

.bg2 {
background-color: #EBEBEB;
margin-bottom: 15px;
}

/* Buttons START */
.uk-button-Professional {
background-color: #4C8AA6;
color: #FFFFFF;
line-height: normal;
padding: 10px;
}

.uk-button-Professional:focus, .uk-button-Professional:hover {
background-color: #629cb7;
color: #FFFFFF;
}

.uk-button-Professional:visited {
background-color: #629cb7;
color: #FFFFFF;
}

.uk-button-Student {
background-color: #ca9802;
color: #FFFFFF;
line-height: normal;
padding: 10px;
}

.uk-button-Student:focus, .uk-button-Student:hover {
background-color: #e3ab02;
color: #FFFFFF;
}

.uk-button-Student:visited {
background-color: #e3ab02;
color: #FFFFFF;
}

/* Header START */
.header-logo-image {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-height: 50px;
}

/* Header Overlay START */
.header-overflow {
width: 100%;
height: auto;
overflow: hidden;
}

/* .header-image {
background-size: cover;
min-height: 194px;
max-width: none;
} */

.header-overlay {
position: relative;
}

.header-bar {
background-color: rgba(0, 59, 73, 1);
/* position: absolute; */
z-index: 5;
/* bottom: 0px; */
left: 0px;
width: 100%;
}

.header-caption {
text-shadow: 0 1px 2px rgba(0,0,0,0.6);
}

.header-caption h1 {
color: #FFFFFF;
text-transform: uppercase;
margin: 0px;
padding: 15px 40px;
}

.header-caption a {
font: inherit;
font-weight: inherit;
color: inherit;
text-decoration: none;
}

.header-logo {
margin: 0px;
padding: 15px 50px;
}

.content-wrapper--content-detail p {
color: inherit;
}

/* Overlay Caption START */
.image-overlay {
position: relative;
width: 100%;
height: auto;
}

.image-overlay img {
width: 100%;
height: auto;
}

.image-caption {
position: absolute;
z-index: 5;
bottom: 0px;
left: 0px;
text-align: left;
background-color: rgba(0, 0, 0, 0.7);
color: #FFFFFF;
text-shadow: 0 1px 2px rgba(0,0,0,0.6);
width: 100%;
margin: 0px;
padding: 0px;
}

.image-caption p {
color: #FFFFFF;
margin: 0px;
padding: 10px;
}

.content-wrapper--content-detail p {
color: inherit;
}

/* Overlay for Disabled Link */
.overlay-disable-link {
position: relative;
width: 100%;
height: auto;
cursor: default;
pointer-events: none;
}

.overlay-disable-link img {
width: 100%;
height: auto;
margin: 0px !important;
padding: 0px !important;
}

.overlay-disable-link-caption {
position: absolute;
z-index: 5;
bottom: 0px;
left: 0px;
text-align: left;
background-color: rgba(51,51,51,0.85);
color: #fff;
width: 100%;
height: 100%;
margin: 0px !important;
padding: 0px !important;
}

.overlay-disable-link-caption p {
color: #fff !important;
font-size: 24px;
font-weight: 300;
letter-spacing: 1px;
margin: 0px;
padding: 30px;
}

/* Jury Text START */
.jury-text {
padding: 0px;
}

/* Border START */
.border-b {
border-bottom: 1px solid #cccccc;
}

/* Padding Margin Width Height START */
.max-width-none {
max-width: none;
}

.padding0 {
padding: 0px !important;
}

.padding10 {
padding: 10px;
}

.padding20 {
padding: 20px;
}

.paddinglr10 {
padding: 0px 10px;
}

.paddinglr20 {
padding: 0px 20px;
}

.paddingr10 {
padding-right: 10px;
}

.paddingr20 {
padding-right: 20px;
}

.paddingl10 {
padding-left: 10px;
}

.paddingl20 {
padding-left: 20px;
}

.margin0 {
margin: 0px !important;
}

.margint10 {
margin-top: 10px;
}

.margint15 {
margin-top: 15px;
}

.margint20 {
margin-top: 20px;
}

.margint30 {
margin-top: 30px;
}

.marginb0 {
margin-bottom: 0px !important;
}

.marginb10 {
margin-bottom: 10px;
}

.marginb15 {
margin-bottom: 15px;
}

.marginb20 {
margin-bottom: 20px;
}
/* Padding Margin START */

/* Image Fixed Width START */
.img_wclear {
display: none;
}
@media (max-width: 767px) {
.img_wclear {
display: block;
}
}

.img_cw1 {
float: none;
width: 600px;
margin: 0px 0px 10px 0px;
}

.img_lw1 {
float: left;
width: 250px;
margin: 0px 20px 10px 0px;
}
@media (max-width: 767px) {
.img_lw1 {
float: none;
width: 250px;
margin: 0px 0px 10px 0px;
}
}

.img_rw1 {
float: right;
width: 250px;
margin: 0px 0px 10px 20px;
}
@media (max-width: 767px) {
.img_rw1 {
float: none;
width: 250px;
margin: 0px 0px 10px 0px;
}
}

.img_lw2 {
float: left;
width: 350px;
margin: 0px 20px 10px 0px;
}
@media (max-width: 767px) {
.img_lw2 {
float: none;
width: 350px;
margin: 0px 0px 10px 0px;
}
}

.img_rw2 {
float: right;
width: 350px;
margin: 0px 0px 10px 20px;
}
@media (max-width: 767px) {
.img_rw2 {
float: none;
width: 350px;
margin: 0px 0px 10px 0px;
}
}

.img_lw3 {
float: left;
width: 500px;
margin: 0px 20px 10px 0px;
}
@media (max-width: 767px) {
.img_lw3 {
float: none;
width: 500px;
margin: 0px 0px 10px 0px;
}
}

.img_rw3 {
float: right;
width: 500px;
margin: 0px 0px 10px 20px;
}
@media (max-width: 767px) {
.img_rw3 {
float: none;
width: 500px;
margin: 0px 0px 10px 0px;
}
}

/* Mobile Padding and Margin Mod START */
@media (max-width: 767px) {
.paddingl-small-0 {
padding-left: 0px !important;
}

.paddingr-small-0 {
padding-right: 0px !important;
}

.marginl-small-0 {
margin-left: 0px !important;
}

.marginr-small-0 {
margin-right: 0px !important;
}
}

@media (min-width: 768px) and (max-width: 959px) {
.paddingl-medium-0 {
padding-left: 0px !important;
}

.paddingr-medium-0 {
padding-right: 0px !important;
}

.marginl-medium-0 {
margin-left: 0px !important;
}

.marginr-medium-0 {
margin-right: 0px !important;
}
}

/* Header START */
@media (max-width: 767px) {
	.header-logo-image {
		margin: 0 0 15px 0;
	}
}

/* Break Points START */
@media (max-width: 767px) {
}

@media (min-width: 768px) and (max-width: 1023px) {
}

@media (min-width: 1024px) and (max-width: 1223px) {
}

@media (min-width: 1224px) {
}