/* THEME COLORS */
	
.wh-clr { color: #fedf14; }
.wh-clr-hov:hover { color: #fedf14; }
.brd-wh-clr { border-color: #fedf14; }
.brd-wh-clr-hov:hover { border-color: #fedf14; }
.bg-wh-clr { background-color: #fedf14; }
.bg-wh-clr-hov:hover { background-color: #fedf14; }
.bg-wh-alpha { background-color: rgba(255,255,255,0.9); }
.bg-bk-alpha { background-color: rgba(0,0,0,0.7); }
.gr1-clr { color: #fafafa; }
.gr1-clr-hov:hover { color: #fafafa; }
.brd-gr1-clr { border-color: #fafafa; }
.brd-gr1-clr-hov:hover { border-color: #fafafa; }
.bg-gr1-clr { background-color: #fafafa; }
.bg-gr1-clr-hov:hover { background-color: #fafafa; }
.gr2-clr { color: #dfdfdf; }
.gr2-clr-hov:hover { color: #dfdfdf; }
.brd-gr2-clr { border-color: #dfdfdf; }
.brd-gr2-clr-hov:hover { border-color: #dfdfdf; }
.bg-gr2-clr { background-color: #dfdfdf; }
.bg-gr2-clr-hov:hover { background-color: #dfdfdf; }
.gr3-clr { color: #333; }
.gr3-clr-hov:hover { color: #333; }
.brd-gr3-clr { border-color: #333; }
.brd-gr3-clr-hov:hover { border-color: #333; }
.bg-gr3-clr { background-color: #333; }
.bg-gr3-clr-hov:hover { background-color: #333; }

/* CUSTOM COLORS */

.fs-clr { color: #0054a4; }
 
.fs-clr-hov:hover { color: #0054a4; }
 
.bg-fs-clr { background-color: #0054a4; }
.bg-fs-clr-hov:hover { background-color: #0054a4; }
 
.bg-fs-alpha { background-color: rgba(234,97,83,0.7); }
.brd-fs-clr { border-color: #0054a4; }
.brd-fs-clr-hov:hover { border-color: #0054a4; }
	
.nd-clr { color: #012446; }
 
.nd-clr-hov:hover { color: #012446; }
 
.bg-nd-clr { background-color: #012446; }
.bg-nd-clr-hov:hover { background-color: #012446; }
.bg-nd-alpha { background-color: rgba(192,57,43,0.7); }
.brd-nd-clr { border-color: #012446; }
.brd-nd-clr-hov:hover { border-color: #0054a4; }
	
/* Preloader */

#jpreBar {
	background: #0054a4;
}

#jprePercentage {
	border-color: #0054a4;
	color: #0054a4;
}

/* Standard Menu/Submenu */
	
.main-menu li:hover > a  {
	color: #012446;
}

.header-dark .sub-menu li > a {
	background-color: #012446 !important;
}

.header-dark .sub-menu li > a:hover {
	background-color: #fedf14 !important;
	color: #012446;
}

/* Sticky Menu/Submenu */

.sticky .main-menu li, .sticky .main-menu li > a {
	color: #012446;
}

.sticky .main-menu li:hover > a {
	background-color: #012446;
}

.sticky .sub-menu li > a {
	background-color: #0054a4 !important;
}

.sticky .sub-menu li:hover > a {
	background-color: #012446 !important;
}

/* Sticky Quick Icons */

.sticky #quick-icons li {
	color: #012446;
}

.sticky #quick-icons li:hover {
	border-color: #012446;
}

/* Sticky Nav Icons */

.sticky-icons li{
	color: #012446 !important;
}
	
/* Filters */

.port-filter li.selected {
	background-color: #0054a4;
}

/* Slills */

.team-skills li .bar-val {
	background: #0054a4;
}

/* Mobile Menu */

#mobile-menu {
	background-color: #012446;
}

#mobile-menu li:hover {
	background: #0054a4;
}

/* Video */

#volume { position: absolute; left: 0; bottom: 0; background: #012446; z-index:9999; color: #fedf14; padding: 10px; display: block; opacity: 0.2; font-size: 16px; cursor: pointer; }

#volume:hover { opacity: 1; }

#internal-video:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(234,97,83,0.7); }

/* Typography */

blockquote { 
	border-color: #0054a4;
	color: #0054a4; 
}

h1, h2, h3 { color: #0054a4; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	background: #0054a4;
	color: #fedf14;
}

/* TRANSITIONS */

.transit {
	transition: 0.3s all ease-in-out;
	-moz-transition: 0.3s all ease-in-out;
	-ms-transition: 0.3s all ease-in-out;
	-o-transition: 0.3s all ease-in-out;
	-webkit-transition: 0.3s all ease-in-out;
}

.transit-fade,
.transit-left,
.transit-right,
.transit-top,
.transit-bottom,
.transit-bouncein,
.transit-flip,
.transit-rotate {
	opacity: 0;
}

.transit-words {
	visibility: hidden;
}

/* DIVIDERS */

.clear {
    clear: both;
}

.line-center {
    clear: both;
    margin: 25px auto;
    width: 50px;
	border-top-style: solid;
	border-top-width: 3px;
}

.line-left {
    clear: both;
    margin: 25px 0;
    width: 50px;
	border-top-style: solid;
	border-top-width: 3px;
}

/* SPACING */

.marg-25 {
	margin: 25px;
}

.marg-x-25 {
	margin: 0 25px;
}

.marg-y-25 {
	margin: 25px 0;
}

.marg-top-25 {
	margin-top: 25px;
}

.marg-bott-25 {
	margin-bottom: 25px;
}

.marg-left-25 {
	margin-left: 25px;
}

.marg-right-25 {
	margin-right: 25px;
}

.padd-25 {
	padding: 25px;
}

.padd-x-25 {
	padding: 0 25px;
}

.padd-y-25 {
	padding: 25px 0;
}

.padd-top-25 {
	padding-top: 25px;
}

.padd-bott-25 {
	padding-bottom: 25px;
}

.padd-left-25 {
	padding-left: 25px;
}

.padd-right-25 {
	padding-right: 25px;
}

.marg-50 {
	margin: 50px;
}

.marg-x-50 {
	margin: 0 50px;
}

.marg-y-50 {
	margin: 50px 0;
}

.marg-top-50 {
	margin-top: 50px;
}

.marg-bott-50 {
	margin-bottom: 50px;
}

.marg-left-50 {
	margin-left: 50px;
}

.marg-right-50 {
	margin-right: 50px;
}

.padd-50 {
	padding: 50px;
}

.padd-x-50 {
	padding: 0 50px;
}

.padd-y-50 {
	padding: 50px 0;
}

.padd-top-50 {
	padding-top: 50px;
}

.padd-bott-50 {
	padding-bottom: 50px;
}

.padd-left-50 {
	padding-left: 50px;
}

.padd-right-50 {
	padding-right: 50px;
}

.marg-75 {
	margin: 75px;
}

.marg-x-75 {
	margin: 0 75px;
}

.marg-y-75 {
	margin: 75px 0;
}

.marg-top-75 {
	margin-top: 75px;
}

.marg-bott-75 {
	margin-bottom: 75px;
}

.marg-left-75 {
	margin-left: 75px;
}

.marg-right-75 {
	margin-right: 75px;
}

.padd-75 {
	padding: 75px;
}

.padd-x-75 {
	padding: 0 75px;
}

.padd-y-75 {
	padding: 75px 0;
}

.padd-top-75 {
	padding-top: 75px;
}

.padd-bott-75 {
	padding-bottom: 75px;
}

.padd-left-75 {
	padding-left: 75px;
}

.padd-right-75 {
	padding-right: 75px;
}

.marg-100 {
	margin: 100px;
}

.marg-x-100 {
	margin: 0 100px;
}

.marg-y-100 {
	margin: 100px 0;
}

.marg-top-100 {
	margin-top: 100px;
}

.marg-bott-100 {
	margin-bottom: 100px;
}

.marg-left-100 {
	margin-left: 100px;
}

.marg-right-100 {
	margin-right: 100px;
}

.padd-100 {
	padding: 100px;
}

.padd-x-100 {
	padding: 0 100px;
}

.padd-y-100 {
	padding: 100px 0;
}

.padd-top-100 {
	padding-top: 100px;
}

.padd-bott-100 {
	padding-bottom: 100px;
}

.padd-left-100 {
	padding-left: 100px;
}

.padd-right-100 {
	padding-right: 100px;
}

.marg-25 {
	margin: 25px;
}

.marg-x-25 {
	margin: 0 25px;
}

.marg-y-25 {
	margin: 25px 0;
}

.marg-top-25 {
	margin-top: 25px;
}

.marg-bott-25 {
	margin-bottom: 25px;
}

.marg-left-25 {
	margin-left: 25px;
}

.marg-right-25 {
	margin-right: 25px;
}

.padd-25 {
	padding: 25px;
}

.padd-x-25 {
	padding: 0 25px;
}

.padd-y-25 {
	padding: 25px 0;
}

.padd-top-25 {
	padding-top: 25px;
}

.padd-bott-25 {
	padding-bottom: 25px;
}

.padd-left-25 {
	padding-left: 25px;
}

.padd-right-25 {
	padding-right: 25px;
}

.marg-50 {
	margin: 50px;
}

.marg-x-50 {
	margin: 0 50px;
}

.marg-y-50 {
	margin: 50px 0;
}

.marg-top-50 {
	margin-top: 50px;
}

.marg-bott-50 {
	margin-bottom: 50px;
}

.marg-left-50 {
	margin-left: 50px;
}

.marg-right-50 {
	margin-right: 50px;
}

.padd-50 {
	padding: 50px;
}

.padd-x-50 {
	padding: 0 50px;
}

.padd-y-50 {
	padding: 50px 0;
}

.padd-top-50 {
	padding-top: 50px;
}

.padd-bott-50 {
	padding-bottom: 50px;
}

.padd-left-50 {
	padding-left: 50px;
}

.padd-right-50 {
	padding-right: 50px;
}

.marg-75 {
	margin: 75px;
}

.marg-x-75 {
	margin: 0 75px;
}

.marg-y-75 {
	margin: 75px 0;
}

.marg-top-75 {
	margin-top: 75px;
}

.marg-bott-75 {
	margin-bottom: 75px;
}

.marg-left-75 {
	margin-left: 75px;
}

.marg-right-75 {
	margin-right: 75px;
}

.padd-75 {
	padding: 75px;
}

.padd-x-75 {
	padding: 0 75px;
}

.padd-y-75 {
	padding: 75px 0;
}

.padd-top-75 {
	padding-top: 75px;
}

.padd-bott-75 {
	padding-bottom: 75px;
}

.padd-left-75 {
	padding-left: 75px;
}

.padd-right-75 {
	padding-right: 75px;
}

.marg-100 {
	margin: 100px;
}

.marg-x-100 {
	margin: 0 100px;
}

.marg-y-100 {
	margin: 100px 0;
}

.marg-top-100 {
	margin-top: 100px;
}

.marg-bott-100 {
	margin-bottom: 100px;
}

.marg-left-100 {
	margin-left: 100px;
}

.marg-right-100 {
	margin-right: 100px;
}

.padd-100 {
	padding: 100px;
}

.padd-x-100 {
	padding: 0 100px;
}

.padd-y-100 {
	padding: 100px 0;
}

.padd-top-100 {
	padding-top: 100px;
}

.padd-bott-100 {
	padding-bottom: 100px;
}

.padd-left-100 {
	padding-left: 100px;
}

.padd-right-100 {
	padding-right: 100px;
}