/* THEME COLORS */
.wh-clr { color: #fff; }
.wh-clr-hov:hover { color: #fff; }
.brd-wh-clr { border-color: #fff; }
.brd-wh-clr-hov:hover { border-color: #fff; }
.bg-wh-clr { background-color: #fff; }
.bg-wh-clr-hov:hover { background-color: #fff; }
.bg-wh-alpha { background-color: rgba(229,140,56,0.8); }
.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: #666; }
.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: #032e51; }
.title-page.fs-clr { color: #fff; }
.page img { border:1px solid #e58c38; margin: auto;}
.page img.noborder { border:0px; }
 
.fs-clr-hov:hover {
color: #e58c38;
border-color: #e58c38;
}
.overw-icon:hover { background-color: #e58c38; }
 
.bg-fs-clr { background-color: #032e51; }
.bg-fs-clr-hov:hover { background-color: #fff; color:#e58c38; }
 
.bg-fs-alpha { background-color: rgba(229,140,56,0.2); }
input[type='checkbox'] + label:before, .brd-fs-clr { border-color: #e58c38; }
.brd-fs-clr-hov:hover { border-color: #e58c38; }
input[type="submit"] { background-color:#e58c38; border-color:#e58c38; }
.form-content a { color: #e58c38; }
	
.nd-clr { color: #032e51; }
 
.nd-clr-hov:hover { color: #032e51; }
 
.bg-nd-clr { background-color: #022646; }
.bg-nd-clr-hov:hover { color: #e58c38; background-color:#fff; }
.bg-nd-alpha { background-color: rgba(34,49,63,0.7); }
.brd-nd-clr { border-color: #fff; }
.brd-nd-clr-hov:hover { border-color: #fff; }

.overw-icon {
	border: 5px solid #e58c38;
	color: #e58c38;
}
.overw-title { color: #e58c38; }


/* Preloader */

#jpreBar {
	background: #032e51;
}

#jprePercentage {
	border-color: #032e51;
	color: #032e51;
	margin-top: -40px;
	line-height: 60px;
}

/* Standard Menu/Submenu */
	
.main-menu li:hover a  {
	color: #032e51;
}

.header-dark .sub-menu li a {
	background-color: #032e51 !important;
}

.header-dark .sub-menu li a:hover {
	background-color: #fff !important;
	color: #032e51	}

.sub-menu li:hover a {
	color: #032e51 !important;
}

/* Sticky Menu/Submenu */

.sticky .main-menu li, .sticky .main-menu li a {
	/*color: #032e51;*/
	color:#fff;
}

.sticky .main-menu li:hover a {
	background-color: #fff;
	color:#e58c38;
}

.sticky .sub-menu li a {
	background-color: #032e51 !important;
}

.sticky .sub-menu li:hover a {
	background-color: #fff !important;
	color: #e58c38 !important;
}

.main-menu li.menu-item-access a {
	background-color: #e58c38 !important;
}

.main-menu li.menu-item-access:hover a {
	background-color: #e58c38 !important;
	color:#fff;
}

.item-access a {
color: #e58c38;
}

/* Sticky Quick Icons */

.sticky #quick-icons li {
	color: #fff;
}

.sticky #quick-icons li:hover {
	background-color: #fff;
	color:#e58c38;
}

/* Sticky Nav Icons */

.sticky-icons li{
	color: #032e51 !important;
}
	
/* Filters */

.port-filter li.selected {
	background-color: #032e51;
}

/* Slills */

.team-skills li .bar-val {
	background: #032e51;
}

/* Mobile Menu */

#mobile-menu {
    top:140px;
    position:absolute;
    z-index:1000;
	background-color: #032e51;
}

#mobile-menu li:hover {
	background: #fff;
}
#mobile-menu li:hover a {
	color:#e58c38;
}

/* Video */

#volume { position: absolute; left: 0; bottom: 0; background: #032e51; z-index:9999; color: #fff; 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(37,116,169,0.7); }

/* Typography */

blockquote {
border-color: #e58c38;
color: #e58c38;
}

h1, h2, h3 { color: #032e51; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	background: #032e51;
	color: #fff;
}

/* 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-top-header {
	margin-top: 240px;
}

.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;
}

.sticky, header.sticky:hover { background-color: #032e51; }

#gmap { width:100%; }

.selected { color: #e58c38 !important; }

.breadcrumb-page {
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 2px;
	text-align: center;
	text-transform: lowercase;
}
.breadcrumb-page span, .breadcrumb-page a { color:#fff; }
.product-content p { margin-top: 25px; }

