/* 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(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: #2574a9; }

.fs-clr-hov:hover { color: #2574a9; }

.bg-fs-clr { background-color: #2574a9; }
.bg-fs-clr-hov:hover { background-color: #2574a9; }

.bg-fs-alpha { background-color: rgba(37,116,169,0.7); }
.brd-fs-clr { border-color: #2574a9; }
.brd-fs-clr-hov:hover { border-color: #2574a9; }

.nd-clr { color: #22313F; }

.nd-clr-hov:hover { color: #22313F; }

.bg-nd-clr { background-color: #22313F; }
.bg-nd-clr-hov:hover { background-color: #22313F; }
.bg-nd-alpha { background-color: rgba(34,49,63,0.7); }
.brd-nd-clr { border-color: #22313F; }
.brd-nd-clr-hov:hover { border-color: #2574a9; }

/* Preloader */

#jpreBar {
	background: #2574a9;
}

#jprePercentage {
	border-color: #2574a9;
	color: #2574a9;
}

/* Standard Menu/Submenu */

.main-menu li:hover > a  {
	color: #22313F;
}

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

.header-dark .sub-menu li > a:hover {
	background-color: #fff !important;
	color: #22313F;
}

/* Sticky Menu/Submenu */

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

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

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

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

/* Sticky Quick Icons */

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

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

/* Sticky Nav Icons */

.sticky-icons li{
	color: #22313F !important;
}

/* Filters */

.port-filter li.selected {
	background-color: #2574a9;
}

/* Slills */

.team-skills li .bar-val {
	background: #2574a9;
}

/* Mobile Menu */

#mobile-menu {
	background-color: #22313F;
}

#mobile-menu li:hover {
	background: #2574a9;
}

/* Video */

#volume { position: absolute; left: 0; bottom: 0; background: #22313F; 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: #2574a9;
	color: #2574a9;
}

h1, h2, h3 { color: #2574a9; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	background: #2574a9;
	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-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;
}
/* .gm-style-iw + div {
  display: none;
} */
.gm-style-iw {
   top: 12px !important;
   left: 25px !important;
   right: 0 !important;
   background-color: #fff;
 /*  box-shadow: 0 1px 6px rgba(178, 178, 178, 0.6);
   border: 1px solid rgba(72, 181, 233, 0.6);
   border-radius: 2px 2px 0 0; */
}
/* VIDEO */

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

iframe,
embed,
object {
    max-width: 100%;
}

.video-container {
    width: 90%;
    background: transparent !important;
    margin: auto;
    margin-bottom: 50px;
    margin-top: 40px;
}

.video {
    background: transparent !important;
}