/* CSS Document */
html {
/* 1 */
	font:normal 14px / 24px Poppins,Helvetica,Arial,sans-serif;
/* 2 */
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
/* 3 */
	background:#fff;
	color:#333;
	background-image:url(../images/bg-body-pc.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#e98dbc;
}
a,.uk-link {
	color:#369;
	text-decoration:none;
	cursor:pointer;
}
a:hover,.uk-link:hover {
	color:#4E7DAB;
	text-decoration:underline;
}
em {
	color:#000;
	font-weight:700;
}
.my-sidebar a {
	font-family:'Roboto Condensed',sans-serif;
	font-size:14px;
	color:#369;
}
/* Headings
 ========================================================================== */
h1,.uk-h1 {
	margin:0 0 25px;
	color:#369;
	font-family:'Fredoka One',cursive;
	text-transform:none;
}
@media (max-width: 959px) {
	.my-top-heading {
		font-size:28px!important;
	}
}
@media (max-width: 767px) {
	.my-top-heading {
		font-size:20px!important;
	}
	.my-logo {
		width:100px;
		margin-bottom:0!important;
	}
}
h2,h3,h4,h5,h6 {
	margin:0 0 15px;
	font-family:'Fredoka One',cursive;
	color:#669acc;
	text-transform:none;
}
.my-img-size {
/*	width: 180px !important;
	height: 150px !important;*/
	width: 300px !important;
	height: 250px !important;
}
.my-shadow {
	-webkit-box-shadow:0 0 30px 0 rgba(0,0,0,0.75);
	-moz-box-shadow:0 0 30px 0 rgba(0,0,0,0.75);
	box-shadow:0 0 30px 0 rgba(0,0,0,0.75);
}
.my-container {
	background:#fff;
	-webkit-box-shadow:0 0 30px 0 rgba(0,0,0,0.75);
	-moz-box-shadow:0 0 30px 0 rgba(0,0,0,0.75);
	box-shadow:0 0 30px 0 rgba(0,0,0,0.75);
}
.my-top-container {
	background:rgba(255,255,255,0.60);
	margin-top: 20px;
}
@media (max-width: 767px) {
.my-top-container {
	margin-top: 0px;
}
}
.my-navbar-container {
}
.my-slider-container {
/* background:#03637A; */
/* background:#F5B8D7; */
/*background:#DBE9F7;*/
	background:rgba(255,255,255,0.60);
	padding-left:12px;
	padding-right:12px;
}
.my-slider-panel {
/*background:#8e9fa6;*/
	background:#FFF;
	color:#333!important;
	border:1px solid #AAC7E4;
}
.my-slider-panel a {
/*color:#FFF !important;*/
	color:#333!important;
	font:normal 13px / 20px Poppins,Helvetica,Arial,sans-serif;
}
.my-navbar {
	background:#CCC;
	height:100px;
}
.my-contest-info {
	padding:10px;
	text-align:center;
	font-size:18px;
	background:#369;
	color:#FFF!important;
}
.my-preview-title {
	background:#669acc;
	color:#FFF !important!;
	padding:4px 4px 4px 8px;
	line-height:30px;
	margin-bottom:5px;
}
.my-preview-title h3 {
	line-height:30px;
	padding:0!important;
	margin:0!important;
}
h4.my-box-subtitle {
	  padding: 15px;
  background: #f5f5f5;
}
.my-footer {
	background:#369;
	padding:40px 20px;
}
.my-footer * a,.my-footer * p,.my-footer * {
	color:#FFF!important;
}
/* GOOGLE SEACRH */
#cse-search-results iframe {
	width:100%!important;
}
/*
@media (min-width: 768px) {
	#cse-search-results iframe {
	    width:400px !important;
	}
}
@media (min-width: 960px) {
	#cse-search-results iframe {
	    width:400px !important;
	}
}
@media (min-width: 1220px) {
	#cse-search-results iframe {
	    width:100% !important;
	}
}
*/

.error, .form-error {
	color: red !important;
}
.error {
	color: #d99276 !important;
  font-size: 0.75rem;
  line-height: 0.75rem;
  text-transform: uppercase;
}

/* ========================================================================
   Component: Navbar
 ========================================================================== */
.uk-navbar {
	background:#369;
	color:#FFF;
	border-radius:0;
}
/*
 * Micro clearfix
 */
.uk-navbar:before,.uk-navbar:after {
	content:"";
	display:table;
}
.uk-navbar:after {
	clear:both;
}
/* Sub-object: `uk-navbar-nav`
 ========================================================================== */
.uk-navbar-nav {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
/*
 * 1. Create position context for dropdowns
 */
.uk-navbar-nav > li {
	float:left;
/* 1 */
	position:relative;
}
/*
 * 1. Dimensions
 * 2. Style
 */
.uk-navbar-nav > li > a {
	display:block;
	box-sizing:border-box;
	text-decoration:none;
/* 1 */
	height:50px;
	padding:0 15px;
	line-height:50px;
/* 2 */
	color:#FFF;
	font-size:16px;
	font-family:'Roboto Condensed',sans-serif;
	font-weight:400;
}
/* Appear not as link */
.uk-navbar-nav > li > a[href='#'] {
	cursor:text;
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Also apply if dropdown is opened
 * 3. Remove default focus style
 */
.uk-navbar-nav > li:hover > a,.uk-navbar-nav > li > a:focus,.uk-navbar-nav > li.uk-open > a {
	background-color:#669acc;
	color:#FFF;
/* 3 */
	outline:none;
}
/* OnClick */
.uk-navbar-nav > li > a:active {
	background-color:#395773;
	color:#FFF;
}
/* Active */
.uk-navbar-nav > li.uk-active > a {
	background-color:#669acc;
	color:#FFF;
}
/* Sub-objects: `uk-navbar-nav-subtitle`
 ========================================================================== */
.uk-navbar-nav .uk-navbar-nav-subtitle {
	line-height:28px;
}
.uk-navbar-nav-subtitle > div {
	margin-top:-6px;
	font-size:10px;
	line-height:12px;
}
/* Sub-objects: `uk-navbar-content`, `uk-navbar-brand`, `uk-navbar-toggle`
 ========================================================================== */
/*
 * Imitate navbar items
 */
.uk-navbar-content,.uk-navbar-brand,.uk-navbar-toggle {
	box-sizing:border-box;
	display:block;
	height:50px;
	padding:0 15px;
	float:left;
}
/*
 * Helper to center all child elements vertically
 */
.uk-navbar-content:before,.uk-navbar-brand:before,.uk-navbar-toggle:before {
	content:'';
	display:inline-block;
	height:100%;
	vertical-align:middle;
}
/* Sub-objects: `uk-navbar-content`
 ========================================================================== */
/*
 * Better sibling spacing
 */
.uk-navbar-content + .uk-navbar-content:not(.uk-navbar-center) {
	padding-left:0;
}
/*
 * Link colors
 */
.uk-navbar-content > a:not([class]) {
	color:#07D;
}
.uk-navbar-content > a:not([class]):hover {
	color:#059;
}
/* Sub-objects: `uk-navbar-brand`
 ========================================================================== */
.uk-navbar-brand {
	font-size:18px;
	color:#333;
	text-decoration:none;
}
/*
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-navbar-brand:hover,.uk-navbar-brand:focus {
	color:#333;
	text-decoration:none;
/* 2 */
	outline:none;
}
/* Sub-object: `uk-navbar-toggle`
 ========================================================================== */
.uk-navbar-toggle {
	font-size:18px;
	color:#333;
	text-decoration:none;
}
/*
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-navbar-toggle:hover,.uk-navbar-toggle:focus {
	color:#333;
	text-decoration:none;
/* 2 */
	outline:none;
}
/*
 * 1. Center icon vertically
 */
.uk-navbar-toggle:after {
	content:"\f0c9";
	font-family:FontAwesome;
/* 1 */
	vertical-align:middle;
}
.uk-navbar-toggle-alt:after {
	content:"\f002";
}
/* Sub-object: `uk-navbar-center`
 ========================================================================== */
/*
 * The element with this class needs to be last child in the navbar
 * 1. This hack is needed because other float elements shift centered text
 */
.uk-navbar-center {
	float:none;
	text-align:center;
/* 1 */
	max-width:50%;
	margin-left:auto;
	margin-right:auto;
}
/* Sub-object: `uk-navbar-flip`
 ========================================================================== */
.uk-navbar-flip {
	float:right;
}
/* ========================================================================
   Component: Tooltip
 ========================================================================== */
/*
 * 1. Hide by default
 * 2. Set fixed position
 * 3. Set dimensions
 * 4. Set style
 */
.uk-tooltip {
	max-width:300px;
	word-break:initial;
	background:#FFF;
	color:#000;
	text-shadow:none;
	border:2px solid #369;
	-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.75);
	-moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.75);
	box-shadow:0 0 20px 0 rgba(0,0,0,0.75);
}
/* ========================================================================
   Component: Badge
 ========================================================================== */
.uk-badge {
	line-height:30px;
}
/* Modifier: `uk-description-list-horizontal`
 ========================================================================== */
/* Tablet and bigger */
	.uk-description-list-horizontal > dt {
	font-size: 13px;
	
}
@media (min-width: 768px) {
	.uk-description-list-horizontal {
		overflow:hidden;
	}
	.uk-description-list-horizontal > dt {
		width:170px;
		float:left;
		clear:both;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
		padding:4px 0;
	}
	.uk-description-list-horizontal > dd {
		margin-left:190px;
		padding:4px 0;
	}
}
/*========================================================================== */
/*
 * This is the offcanvas bar
 * 1. Set fixed position
 * 2. Size and style
 * 3. Allow scrolling
 * 4. Side-out transition
 * 5. Deactivate scroll chaining in IE11
 */
.uk-offcanvas-bar {
	background:#369;
}
/* Modifier `uk-nav-offcanvas`
 ========================================================================== */
/*
 * Items
 */
.uk-nav-offcanvas > li > a {
	color:#fff !important;
	padding:10px 15px;
}
/*
 * Hover
 * No hover on touch devices because it behaves buggy in fixed offcanvas
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.uk-nav-offcanvas > .uk-open > a,html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover,html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus {
	background:#669acc!important;
	color:#fff;
/* 2 */
	outline:none;
}

 /* Sea Credits */
 
.my-credits {
	font-size:11px !important;
	line-height:20px;
	text-transform:uppercase;
	color: rgba(255, 251, 251, 0.79) !important;
}

.sea {
	font-family:"Roboto Condensed",Helvetica,Arial,sans-serif;
	line-height:20px;
	color:#FFF !important;
}

.sea span {
	color:#90B7C8 !important;
}

.my-credits:hover > .sea span {
	color:#FFF !important;
	text-decoration:none !important;
}

.my-credits:hover > .sea {
	color:#90B7C8 !important;
	text-decoration:none !important;
}