/*!
Theme Name: spacewx
Theme URI: https://spacewx.com/
Author: FirstLink
Author URI: https://www.firstlink.com
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: spacewx
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

spacewx is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
	--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
 html {
 	line-height: 1.15;
 	-webkit-text-size-adjust: 100%;
 }

/* Sections
========================================================================== */

/**
 * Remove the margin in all browsers.
 */
 body {
 	margin: 0;
 }

/**
 * Render the `main` element consistently in IE.
 */
 main {
 	display: block;
 }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
 h1 {
 	font-size: 2em;
 	margin: 0.67em 0;
 }

/* Grouping content
========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
 hr {
 	box-sizing: content-box;
 	height: 0;
 	overflow: visible;
 }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
 pre {
 	font-family: monospace, monospace;
 	font-size: 1em;
 }

/* Text-level semantics
========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
 a {
 	background-color: transparent;
 }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
 abbr[title] {
 	border-bottom: none;
 	text-decoration: underline;
 	text-decoration: underline dotted;
 }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
 b,
 strong {
 	font-weight: bolder;
 }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
 code,
 kbd,
 samp {
 	font-family: monospace, monospace;
 	font-size: 1em;
 }

/**
 * Add the correct font size in all browsers.
 */
 small {
 	font-size: 80%;
 }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
 sub,
 sup {
 	font-size: 75%;
 	line-height: 0;
 	position: relative;
 	vertical-align: baseline;
 }

 sub {
 	bottom: -0.25em;
 }

 sup {
 	top: -0.5em;
 }

/* Embedded content
========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
 img {
 	border-style: none;
 }

/* Forms
========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
 button,
 input,
 optgroup,
 select,
 textarea {
 	font-family: inherit;
 	font-size: 100%;
 	line-height: 1.15;
 	margin: 0;
 }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
 button,
 input {
 	overflow: visible;
 }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
 button,
 select {
 	text-transform: none;
 }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
 button,
 [type="button"],
 [type="reset"],
 [type="submit"] {
 	-webkit-appearance: button;
 }

/**
 * Remove the inner border and padding in Firefox.
 */
 button::-moz-focus-inner,
 [type="button"]::-moz-focus-inner,
 [type="reset"]::-moz-focus-inner,
 [type="submit"]::-moz-focus-inner {
 	border-style: none;
 	padding: 0;
 }

/**
 * Restore the focus styles unset by the previous rule.
 */
 button:-moz-focusring,
 [type="button"]:-moz-focusring,
 [type="reset"]:-moz-focusring,
 [type="submit"]:-moz-focusring {
 	outline: 1px dotted ButtonText;
 }

/**
 * Correct the padding in Firefox.
 */
 fieldset {
 	padding: 0.35em 0.75em 0.625em;
 }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
 legend {
 	box-sizing: border-box;
 	color: inherit;
 	display: table;
 	max-width: 100%;
 	padding: 0;
 	white-space: normal;
 }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
 progress {
 	vertical-align: baseline;
 }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
 textarea {
 	overflow: auto;
 }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
 [type="checkbox"],
 [type="radio"] {
 	box-sizing: border-box;
 	padding: 0;
 }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
 [type="number"]::-webkit-inner-spin-button,
 [type="number"]::-webkit-outer-spin-button {
 	height: auto;
 }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
 [type="search"] {
 	-webkit-appearance: textfield;
 	outline-offset: -2px;
 }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
 [type="search"]::-webkit-search-decoration {
 	-webkit-appearance: none;
 }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
 ::-webkit-file-upload-button {
 	-webkit-appearance: button;
 	font: inherit;
 }

/* Interactive
========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
 details {
 	display: block;
 }

/*
 * Add the correct display in all browsers.
 */
 summary {
 	display: list-item;
 }

/* Misc
========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
 template {
 	display: none;
 }

/**
 * Add the correct display in IE 10.
 */
 [hidden] {
 	display: none;
 }

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
	margin: 0 0 1em;
	font-weight: 600;
	line-height: 1.2;
}

h1, .h1 {
	font-size: 40px;
}

h2, .h2 {
	font-size: 30px;
}
h3, .h3 {
	font-size: 28px;
}

h4, .h4 {
	font-size: 24px;
}

p {
	margin: 0 0 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

body {
	font: 16px/1.5 'Montserrat', 'Arial', 'Helvetica', 'Sans-serif';
	background: #fff;
	color: #000;
	min-width: 320px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	max-width: 100%;
	vertical-align: top;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

.bg-black {
	background: #000;
	color: #fff;
}

.text-left {
	text-align: left;
}

.text-center {
	text-align: center;
}

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

.section {
	padding: 60px 0;
}

#wrapper {
	overflow: hidden;
	position: relative;
	width: 100%;
}

.container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}

.row {
	margin: 0 -15px;
}

.col{
	padding: 0 15px;
}

.hide-desktop {
	display: block;
}

.show-desktop {
	display: none;
}

.btn {
	display:inline-block;
	vertical-align:middle;
	color: #fff;
	background: #1c4384;
	border-radius: 50px;
	padding: 8px 20px;
	outline: none;
	border:none;
	box-shadow: none;
}

.btn:hover{
	opacity: 0.7;
}

.btn-arrow {
	padding: 0;
	padding-right: 15px;
	border-radius: 0;
	background: transparent;
	position: relative;
}

.btn-arrow:before {
	content:"";
	position: absolute;
	top: 50%;
	right: 0;
	border-style: solid;
	border-width: 6px 0 6px 8px;
	border-color: transparent transparent transparent #fff;
	transform: translateY(-50%);
}

.btn-arrow:hover{}
.btn-arrow:hover:before{}

.link-arrow {
	background: #1c4384;
	width: 46px;
	height: 41px;
	position: relative;
	display:inline-block;
	vertical-align:middle;
	font-size: 0;
	transition: opacity 0.3s ease;
}

.link-arrow:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-width: 10px 0 10px 15px;
	border-color: transparent transparent transparent #fff;
	border-style: solid;
}

.link-arrow:hover {
	opacity: 0.7;
}

.no-paddingtop{
	padding-top: 0 !important;
}

.no-paddingbottom{
	padding-bottom: 0 !important;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 0.75rem;
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #000;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 5px 15px;
	height: 40px;
	width: 100%;
	outline: none;
}

select {
	border: 1px solid #ccc;
}

.ginput_container_select,
.select-wrap {
	position: relative;
	border-radius: 10px;
}

.ginput_container_select:before,
.select-wrap:before{
	content:"";
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -4px;
	width: 0;
	height: 0;
	border-width: 10px 10px 0 10px;
	border-style: solid;
	border-color: #000 transparent transparent transparent;
}

.ginput_container_select select,
.select-wrap select {
	-moz-appearance: none;
	-webkit-appearance: none;
	height: 40px;
	border-radius: 5px;
	color: #000;
	padding: 5px 40px 5px 15px !important;
	cursor: pointer;
	position: relative;
	z-index: 1;
	width: 100%;
	background: transparent;
	outline:none;
	border-bottom: 1px solid #ccc;
}

.ginput_container_select select::-ms-expand,
.select-wrap select::-ms-expand {
	display: none;
}

textarea {
	width: 100%;
	height: 120px;
	resize: none;
	padding-top: 10px;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #1c4384;
	outline: 0;
	text-decoration: none;
	transition: background 0.3s ease, border 0.3s ease, color 0.3s ease, opacity 0.3s ease;
}

a:focus {
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.nav-opener {
	/*position: absolute;
	top: 14px;
	right: 68px;*/
	position: relative;
	margin: 0 auto;
	width: 57px;
	height: 23px;
	/*border-radius: 50%;*/
	/*background: #286cce;*/
	display: block;
	text-indent: -999px;
	overflow: hidden;
	z-index: 1;
}

.nav-opener:before,
.nav-opener span,
.nav-opener:after {
	width: 100%;
	height: 2px;
	position: absolute;
	top: 11px;
	left: 0;
	background: #fff;
	border-radius: 1px;
	transition: all 0.3s ease;
}

.nav-opener:before,
.nav-opener:after {
	content:"";
	top: 0;
}

.nav-opener:after {
	top: 21px;
}

.nav-active .nav-opener span{
	opacity: 0;
}

.nav-active .nav-opener:before,
.nav-active .nav-opener:after {
	top: 11px;
	left: 12px;
	width: 50%;
}

.nav-active .nav-opener:before {
	transform: rotate(45deg);
}

.nav-active .nav-opener:after {
	transform: rotate(-45deg);
}

#nav .drop {
	display: none;
}

#nav .drop-wrap {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	padding-top: 20px;
}

#nav .drop-wrap ul{
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav .drop-wrap .menu{
	order: -1;
}

#nav .drop-wrap ul li{
	margin: 0 0 8px;
	position: relative;
}
#nav .drop-wrap ul li li{
	border-bottom:1px solid #ffffff5c;
}
#nav .drop-wrap ul li a{
	color: #fff;
	font-weight: normal;
	display: block;
	padding-right: 40px;
}

#nav .drop-wrap ul li.current-menu-parent > a,
#nav .drop-wrap ul li.current-menu-item > a,
#nav .drop-wrap ul li a:hover{
	color: #5181D0;
	/*color: #aeaeae;*/
}


#nav .drop ul li .arrow{
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 24px;
	/*overflow: hidden;*/
	display: block;
	text-indent: -9999px;
}

#nav .drop ul li .arrow:before{
	content: "";
	position: absolute;
	top: 3px;
	right: 18px;
	width: 10px;
	height: 10px;
	/*background: #fff;*/

	border-width: 1px 1px 0 0;
	border-style: solid;
	border-color: #fff #fff transparent transparent;
	transform: rotate(136deg);
	transition: all 0.3s ease;
}

/*#nav .drop ul li .arrow:after{
	content: "";
	position: absolute;
	top: 4px;
	right: 25px;
	width: 1px;
	height: 16px;
	background: #fff;
	transition: opacity 0.3s ease;
}*/

#nav .drop ul li.submenu-active .arrow:before{
	top: 9px;
	transform: rotate(-45deg);
}

#nav .drop-wrap ul ul {
	display: none;
	padding: 10px 0 1px 10px;
	font-size: 14px;
}

#nav .drop-wrap ul ul li a {
	padding: 0;
}


/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	float: left;
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {
	float: right;
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Loading Style
--------------------------------------------------------------*/
.loading {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	z-index: 999;
}

.loading .spinner {
	position: absolute;
	width: 45px;
	height: 45px;
	margin: 0 auto;
	top: 50%;
	left: 50%;
	margin-top: -17px;
	margin-left: -17px;
	animation: loading 2s linear infinite;
}

.loading .bubble-1,
.loading .bubble-2 {
	position: absolute;
	top: 0;
	width: 67px;
	height: 67px;
	border-radius: 50%;
	/*background-color: #f5a039;*/
	background-image: url('images/space-icon1.png');
	background-size: 67px 67px;
	background-repeat: no-repeat;
	animation: bounce 2s ease-in-out infinite;
}

.loading .bubble-2 {
	top: auto;
	bottom: 0;
	/*background-color: #f2b600;*/
	width: 120px;
	height: 120px;
	background-image: url('images/space-icon2.png');
	background-size: 120px 120px;
	background-repeat: no-repeat;
	animation-delay: -1.0s;
}


@keyframes loading {
	100% {transform: rotate(360deg);}
}

@keyframes bounce  {
	0%, 100% {transform: scale(0);}
	50% {transform: scale(1);}
}

.loaded .loading {
	display: none;
}

/*--------------------------------------------------------------
# Header Style
--------------------------------------------------------------*/
#header {
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99;
	background: #000;
	padding: 30px 0;
}

.admin-bar #header {
	/*top: 46px;*/
}


.logo {
	max-width: 200px;
	margin: 0 auto 30px;
}

/*--------------------------------------------------------------
# Banner Slider Style
--------------------------------------------------------------*/
.banner {
	position: relative;
	background-color: #000;
}

.slide-image{
	position: relative;
	overflow: hidden;
}

.banner .img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	animation: zoomout 8s ease-in;
/*	transform: scale(1.3);*/
}

.loaded .banner .img {
}

.slide-image .container{
	/*min-height: 930px;*/
	min-height: 300px;
	padding: 30px 0;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	/*align-items: center;*/
}

.slide-image .banner-text {
	color: #fff;
	position: relative;
	text-align: right;
	padding: 0 15px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s linear;
	/*margin-top: 40px;*/
	/*margin-top: 80px;*/
	margin-bottom: 50px;
}

.slide-image .banner-text img {
	display: block;
	max-width: 250px;
	margin: 0 auto;
}

.loaded .slick-current .slide-image .img {
	animation: zoomout 8s ease-in;
}

.banner-text h2{
	font-weight: 900;
	margin-bottom: 10px;
	text-shadow:1px 1px black;
}

.banner-text .link {
	color: #fff;
	padding-left: 20px;
	position: relative;
	display:inline-block;
	vertical-align:middle;
}

.banner-text .link:before{
	content:"";
	position: absolute;
	top: 50%;
	left: 0;
	font-weight: 600;
	transform: translateY(-50%);
	border-style: solid;
	border-width: 8px 0 8px 10px;
	border-color: transparent transparent transparent #fff;
}

.banner-text .link:hover {
	opacity: 0.7;
}

.loaded .slick-current .banner-text{
	opacity: 1;
	/*animation: infinite textZoominout 5s ease-in;*/
	animation: textZoomout 5s ease-in-out;
	visibility: visible;
}

.banner .slider-nav {display: none;}

/* Zoom in Keyframes */
@-webkit-keyframes zoomin {
	0% {transform: scale(1.3);}
	100% {transform: scale(1);}
}
@keyframes zoomin {
	0% {transform: scale(1.3);}
	100% {transform: scale(1);}
}

/* Zoom out Keyframes */
@-webkit-keyframes zoomout {
	0% {transform: scale(1);}
	100% {transform: scale(1.3);}
}
@keyframes zoomout {
	0% {transform: scale(1);}
	100% {transform: scale(1.3);}
}

@-webkit-keyframes textZoomout {
	0% {transform: scale(0);}
	100% {transform: scale(1);}
}
@keyframes textZoomout {
	0% {transform: scale(0);}
	100% {transform: scale(1);}
}

@-webkit-keyframes textZoominout {
	0% {transform: scale(0);}
	50% {transform: scale(1);}
	100% {transform: scale(0);}
}
@keyframes textZoominout {
	0% {transform: scale(0);}
	50% {transform: scale(1);}
	100% {transform: scale(0);}
}

.loaded .slide-image .banner-text{
	visibility: visible;
	opacity: 1;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}

/*--------------------------------------------------------------
# Inner Banner Style
--------------------------------------------------------------*/
.inner-banner {
	min-height: 200px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-color: #aeaeae;
}

/*--------------------------------------------------------------
# Footer Styles
--------------------------------------------------------------*/
#footer {
	background: #000;
	color: #fff;
	padding: 30px 0;
}

#footer a{
	color: #fff;
}

#footer a:hover{
	color: #1c4384;
}

.footer-logo {
	max-width: 156px;
	margin: 0 auto 15px;
}

.footer-top {
	text-align: center;
}

.footer-top ul {
	margin: 0 0 30px;
	padding: 0;
	list-style: none;
}

.footer-top .row {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}

.footer-top .col {
	width: 100%;
}

.footer-top .col-text {
	max-width: 500px;
	margin: 0 auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.footer-top .col-text .text{
	order: -1;
	width: 100%;
}

.footer-top .col-footer-menu {
	order: 1;
}

.footer-top .col-resources-menu{
	order: 2;
}

/*.footer-top .col-images{
	order: 3;
}*/

.footer-top .title {
	display: block;
	text-transform: uppercase;
	font-weight: 500;
	/*margin-bottom: 5px;*/
}

.footer-top .footer-images li{
	margin-bottom: 15px;
}

.footer-bottom {
	text-align: center;
	font-weight: 200;
}

.footer-bottom p{margin-bottom: 5px;}


/*--------------------------------------------------------------
# News Block Style
--------------------------------------------------------------*/
.slick-dots {
	list-style: none;
	margin: 0;
	padding: 0;
}

.slick-dots li{
	display:inline-block;
	vertical-align:middle;
	margin: 0 3px;
	line-height: 0;
}

.slick-dots li button{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	outline: none;
	font-size: 0;
	background: #fff;
	border:none;
	cursor: pointer;
	transition: background 0.3s ease;
}

.slick-dots li button:hover,
.slick-dots li.slick-active button{
	background: #1c4384;
}

.slick-slide {
	outline: none;
}

.news-block {
	background: #0b0c0c;
	color: #fff;
}

.news-block .heaading-block h2{}

.news-slider .slick-dots {
	text-align: center;
	margin: 20px 0 10px;
}

.news-slider .img-wrap {
	margin-bottom: 15px;
}

/*.news-slider .news-link {
	background: #1c4384;
	width: 46px;
	height: 41px;
	position: relative;
	display:inline-block;
	vertical-align:middle;
	font-size: 0;
	transition: opacity 0.3s ease;
}*/

.news-slider .news-link {
	background: #fff;
	width: 46px;
	height: 41px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	transition: opacity 0.3s ease;
}

.news-slider .news-link:before{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-width: 10px 0 10px 15px;
	border-color: transparent transparent transparent #1c4384;
	border-style:solid;
}

/*.news-slider .news-link:before {
	content:"";
	position: absolute;
	top: 50%;
	left: 50%;
	background: url('images/arrow.png') no-repeat;
	width: 36px;
	height: 13px;
	transform: translate(-50%, -50%);
}*/

.news-slider .news-link:hover {
	opacity: 0.7;
}

.news-heading h3 {
	background: #1c4384;
	padding: 15px;
	font-size: 20px;
	display:inline-block;
	vertical-align:middle;
	margin-bottom: 15px;
}

.news-heading time {
	display: block;
	margin-bottom: 10px;
}

.news-block .btn-wrap {
	padding-top: 20px;
}


/*--------------------------------------------------------------
# Mission Block Style
--------------------------------------------------------------*/
.mission-block {
	background: #000;
}

.mission-lists {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.sub-mission-lists .mission-list {
	border-top: 1px solid #fff;
}

.mission-list {
	padding: 20px;
	/*text-align: center;*/
}

.mission-lists .text-wrap h3{
	margin-bottom: 10px;
}

.mission-list.cover{
	padding: 0;
	width: 100%;
}

.mission-lists .mission-list {
	position: relative;
	/*min-height: 500px;*/
}

.mission-lists .text-wrap{
	position: absolute;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	background: rgba(36, 60, 145, 0.95);
	padding: 20px;
	padding-bottom: 55px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s ease;
}

.mission-lists.normal .mission-list:hover .text-wrap,
.mission-lists.overlay .text-wrap{
	visibility: visible;
	opacity: 1;
}

.mission-lists .btn-wrap {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.mission-link{
	background: #fff;
	width: 46px;
	height: 41px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	transition: opacity 0.3s ease;
}

.mission-link:hover{
	opacity: 0.7;
}

.mission-link:before{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	/*background: url(images/arrow-blue.png) no-repeat;*/
	/*width: 36px;
	height: 13px;*/
	transform: translate(-50%, -50%);
	border-width: 10px 0 10px 15px;
	border-color: transparent transparent transparent #1c4384;
	border-style:solid;
}

/*--------------------------------------------------------------
# Accordion Style
--------------------------------------------------------------*/
.heading-block {
	/*text-align: center;*/
	/*max-width: 800px;
	margin: 0 auto;*/
}

.heading-block.text-center{
	max-width: 800px;
	margin: 0 auto;
}

.heading-block p{
	color: #6b6565;
}

.accordion-lists.single {
	max-width: 800px;
	margin: 0 auto;
}

.accordion-list:first-child .slide{
	display: block;
}

.accordion-list h3 {
	margin: 0;
	font-size: 20px;
	padding: 15px 30px 15px 15px;
	border-bottom: 1px solid #000;
	position: relative;
	cursor: pointer;
}

.accordion-list h3:before{
	content:"";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
	border-width: 8px 8px 8px 0;
	border-color: transparent #000 transparent transparent;
	border-style: solid;
}

.accordion-list.active h3:before{
	border-width: 8px 8px 0 8px;
	border-color: #000 transparent transparent transparent;
}

.accordion-lists.single .slide {
	/*border-bottom: 1px solid #000;*/
	background: #e8e7e6;
}

.accordion-lists.single .slide ul li {
	margin-bottom: 10px;
}

.accordion-lists h3{
	color: #fff;
	background: #1C4384;
	border-color: #1C4384;
}

.accordion-lists h3:before{
	border-width: 8px 8px 8px 0;
	border-color: transparent #fff transparent transparent;
}

.accordion-lists .accordion-list.active h3:before{
	border-width: 8px 8px 0 8px;
	border-color: #fff transparent transparent transparent;
}

.accordion-list .slide {
	display: none;
}

.accordion-list .text {
	padding: 30px 50px;
	padding: 30px;
}

.accordion-lists.multiple .row {
	margin: 0;
}

.accordion-lists .accordion-list + .accordion-list {
	margin-top: 30px;
}

.accordion-lists.multiple .col-img {
	min-height: 300px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.accordion-lists.multiple .col-desc {
	background: #e8e7e6;
	padding: 30px 20px;
}

.accordion-lists.multiple .col-text {
	background: #faf3ec;
	padding: 30px 20px;
}

.accordion-list ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.accordion-list ul li a{
	text-decoration: underline;
	color: #000;
}

.accordion-list ul li a:hover{
	text-decoration: none;
}

/*--------------------------------------------------------------
# News Listing Style
--------------------------------------------------------------*/
.news-listing {
	padding: 60px 0;
}

.news-listing .container{
	max-width: 1170px;
}

.news-listing-heading {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	position: relative;
}

.news-listing-heading .h2 {
	font-weight: 500;
	order: 1;
	width: 100%;
	text-align: center;
}

.search-form {
	position: relative;
	margin: 0 0 20px;
	width: 100%;
}

/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear,
input[type=search]::-ms-reveal {
	display: none;
	width: 0;
	height: 0;
}

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	display: none;
}

.search-form input[type="search"] {
	border-radius: 5px;
	border: 1px solid #ccc;
	height: 40px;
	width: 100%;
	padding: 5px 40px 2px 15px;
	outline: none;
	border-radius: none;
}

.search-form .submit-wrap {
	position: absolute;
	top: 0;
	right: 0;
	height: 40px;
	width: 30px;
}

.search-form .submit-wrap:before {
	content: "\f002";
	font-family: 'FontAwesome';
	position: absolute;
	right: 8px;
	top: 2px;
	font-size: 22px;
}

.search-form input[type="submit"] {
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
	height: 40px;
	background: transparent;
	outline: none;
	border: none;
	border-radius: 0;
	padding: 0;
	font-size: 0;
}

.news-listing .col {
	padding: 0 15px;
	margin-bottom: 30px;
}

.news-listing .col-wrap {
	position: relative;
	border-radius: 5px;
	height: 100%;
	overflow: hidden;
	box-shadow: 0 0 3px rgba(0,0,0,0.2);
}

.news-listing .img-wrap {
	min-height: 200px;
	display: block;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	transition: opacity 0.3s ease;
}

.news-listing .img-wrap:hover{
	opacity: 0.7;
}

.news-listing .text-wrap {
	padding: 20px 20px 40px;
}

.news-listing .link-arrow {
	position: absolute;
	bottom: 15px;
	right: 20px;
}

.news-listing .date {
	display: block;
	margin-bottom: 10px;
}

.news-listing h2 {
	font-size: 24px;
	margin-bottom: 5px;
}

.news-listing h2 a {
	color: #000;
}

.news-listing h2 a:hover{
	color: #1c4384;
}

/*.news-listing p {
	display: inline;
	margin: 0;
}
*/
.news-listing .link {
	color: #000;
}

.news-listing .link:hover {
	color: #1c4384;
}

/*--------------------------------------------------------------
# Pagination Style
--------------------------------------------------------------*/
.pagination{
	position: relative;
}

.pagination ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
}

.pagination ul li{
	display:inline-block;
	vertical-align:middle;
}

.pagination ul li + li {
	margin-left: 8px;
}

.pagination ul li .page-numbers{
	background: #ccc;
	display: block;
	width: 36px;
	height: 36px;
	font-size: 20px;
	text-align: center;
	padding: 5px;
	color: #fff;
}

.pagination ul li .page-numbers:hover,
.pagination ul li .page-numbers.current{
	background: #1c4384;
}

.pagination ul li .page-numbers.prev,
.pagination ul li .page-numbers.next{
	display: none !important;
}

/*--------------------------------------------------------------
# Single Style
--------------------------------------------------------------*/
.single-page {
	padding: 60px 0;
}

.single-page .container{
	display: flex;
	flex-wrap: wrap;
	max-width: 1170px;
}

.single-page .img-wrap{
	margin-bottom: 15px;
}

.single-page .entry-title {
	/*font-size: 28px;*/
	margin-bottom: 10px;
	text-transform: uppercase;
}

.single-page .date {
	display: block;
	margin-bottom: 10px;
}

.single-page .widget-title {
	margin-bottom: 10px;
	font-size: 20px;
}

.single-page .widget ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.single-page .widget .img-wrap {
	display: block;
	margin-bottom: 10px;
}

.single-page .widget .img-wrap:hover{
	opacity: 0.7;
}

.single-page .widget h3 {
	font-size: 20px;
	margin-bottom: 0;
}

.single-page .widget h3 a{
	color: #000;
}

.single-page .widget h3 a:hover{
	color: #1c4384;
}

.single-page .widget .date {
	margin-bottom: 5px;
	font-size: 14px;
}

.single-page .widget .btn-arrow {
	color: #000;
	text-transform: uppercase;
	padding: 0 0 0 15px;
}

.single-page .widget .btn-arrow:before {
	border-width: 6px 8px 6px 0;
	border-color: transparent #000 transparent transparent;
	right: auto;
	left: 0;
	transition: border 0.3s ease;
}

.single-page .widget .btn-arrow:hover {
	color: #1c4384;
	opacity: 1;
}

.single-page .widget .btn-arrow:hover:before {
	border-color: transparent #1c4384 transparent transparent;
}

#spacewx_widget-2 {
	padding-bottom: 30px;
	border-bottom: 2px solid #000;
}

.custom-html-widget a{
	color: #000;
}

.custom-html-widget a:hover{
	color: #1c4384;
}

.widget .social-networks li {
	display:inline-block;
	vertical-align:middle;
}

.widget .social-networks li a {
	width: 30px;
	height: 30px;
	display: block;
	text-align: center;
	color: #fff;
	background: #ccc;
	line-height: 30px;
	font-size: 20px;
}

.widget .social-networks li a:hover {
	background: #1c4384;
}

/*--------------------------------------------------------------
# Contact Style
--------------------------------------------------------------*/
.contact-block .form-wrap{
	max-width: 600px;
	margin: 0 auto;
}

.contact-block ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.contact-block .gfield{
	margin: 0 0 20px;
}
.contact-block .gfield_label {
	display: none;
}

.contact-block .ginput_complex label{
	display: none;
}

.contact-block .ginput_complex > span {
	display: block;
}

.contact-block .ginput_complex > span + span {
	margin-top: 20px;
}

.contact-block .gform_button {
	width: 90%;
	margin: 0 auto;
	display: block;
	color: #fff;
	background: #1c4384;
	border-radius: 50px;
	padding: 15px 20px;
	outline: none;
	border:none;
	box-shadow: none;
	font-size: 16px;
	font-weight: 500;
	transition: opacity 0.3s ease;
	cursor: pointer;
}

.contact-block .gform_button:hover{
	opacity: 0.7;
}

.validation_error {display: none;}
.validation_message {
  font-size: 14px;
  color: red;
  margin-top: 5px;
}

/*--------------------------------------------------------------
# Search Listing Style
--------------------------------------------------------------*/
.search-listing {
	padding: 60px 0;
}

.search-listing .entry-title {
	font-size: 24px;
	margin-bottom: 15px;
}

.search-listing .entry-title a {
	color: #000;
}

.search-listing .entry-title a:hover{
	color: #1c4384;
}

/*--------------------------------------------------------------
# 404 Not fount Style
--------------------------------------------------------------*/
.not-found {
	padding: 40px 0;
	text-align: center;
}

.not-found h1{
	margin-bottom: 15px;
}

/*--------------------------------------------------------------
# Mediaqueries
--------------------------------------------------------------*/
@media only screen and (min-width: 768px){
	.loading .bubble-1{
		width: 90px;
		height: 90px;
		background-size: 90px 90px;
	}

	.loading .bubble-2 {
		width: 150px;
		height: 150px;
		background-size: 150px 150px;
	}
	.banner { position: relative; }

	/*.banner > .container {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}*/

	.slide-image .container{
		min-height: 900px;
	}

	.banner .slider-nav {
		display: block;
		position: absolute;
		bottom: 130px;
		/*top: 50%;
		transform: translateY(-50%);*/
		left: 20px;
		right: 20px;
		max-width: 1170px;
		margin: 0 auto;
	}

	.slider-nav .slick-arrow{
		position: absolute;
		outline: none;
		border: none;
		box-shadow: none;
		border-radius: 0;
		background: transparent;
		font-size: 0;
	}

	.slider-nav .slick-arrow:before{
		content:"";
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		cursor: pointer;
		width: 24px;
		height: 24px;
		border-width: 3px 3px 0 0;
		border-style: solid;
		border-color: #fff #fff transparent transparent;
		transition: border 0.3s ease;
	}

		.slider-nav .slick-arrow:hover:before{
			border-color: #1c4384 #1c4384 transparent transparent;
		}

	.slider-nav .slick-prev{
		left: 20px;
		transform: rotate(-135deg);
	}

	.slider-nav .slick-next{
		right: 20px;
		bottom: 32px;
		transform: rotate(45deg);
	}

/*	.slider-nav .slick-next:before {
		top: -2px;
	}*/

	.inner-banner {
		min-height: 300px;
	}

	.news-slider .slide-wrap {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap: wrap;
	}

	.news-slider .img-wrap {
		width: 45%;
		margin-bottom: 0;
	}

	.news-slider .text {
		width: 55%;
		padding-left: 40px;
	}

	.news-slider .text p{
		font-size: 18px;
		font-weight: 300;
		line-height: 1.8em;
	}

	.news-heading {
		margin-bottom: 10px;
	}

	.news-heading h3 {
		margin: 0 15px 0 0;
	}

	.news-heading time {
		font-size: 20px;
		display:inline-block;
		vertical-align:middle;
	}

	.accordion-list h3{
		padding: 15px 50px 15px 30px;
	}

	.accordion-list h3:before{
		right: 20px
	}

	.accordion-list .text {
		padding: 30px 50px;
	}

	.accordion-lists.multiple .row {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap:wrap;
	}

	.accordion-lists.multiple .col-img {
		width: 25%;
		min-height: 100%;
	}

	.accordion-lists.multiple .col-desc {
		width: 50%;
	}

	.accordion-lists.multiple .col-text {
		width: 25%;
	}

	.mission-list {
		padding: 30px;
	}

	.mission-large {
		width: 45%;
	}

	.mission-list.cover {
		padding: 0;
	}

	.news-listing .row{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap: wrap;
	}

	.news-listing .col {
		width: 50%;
	}

	.pagination ul li .page-numbers{
		width: 45px;
		height: 45px;
		font-size: 26px;
	}

	.news-listing-heading .h2 {
		order: 0;
	}

	.search-form {
		width: auto;
		position: absolute;
		right: 0;
	}

	.search-form input[type="search"] {
		width: 260px;
	}

	.search-listing .entry-title {
		font-size: 28px;
	}

	.single-page .content {
		border-right: 1px solid #c7c7c7;
		width: 70%;
		padding-right: 40px;
	}

	.single-page .sidebar{
		width: 30%;
		padding-left: 30px;
	}

	.contact-block .ginput_complex,
	.contact-block ul {
		margin: 0 -10px;
		letter-spacing: -5px;
	}

	.contact-block .ginput_complex {
		overflow: hidden;
	}

	.contact-block .gform_fields > li {
		padding: 0 10px;
		overflow: hidden;
		letter-spacing: 0;
	}

	.contact-block ul li {
		letter-spacing: 0;
	}

	.contact-block .ginput_complex > span,
	.contact-block .gform_fields > li.width-half {
		width: 50%;
		display:inline-block;
		vertical-align:top;
	}

	.contact-block .ginput_complex > span {
		padding: 0 10px
	}

	.contact-block .ginput_complex > span + span {
		margin-top: 0;
	}

	.contact-block .ginput_container_checkbox {
		padding: 0 10px;
	}
}

@media only screen and (min-width: 782px){
	/*.admin-bar #header {
		top: 32px;
	}*/
}

@media only screen and (min-width: 1024px){
	h1, .h1 {
		font-size: 54px;
	}

	h2, .h2 {
		font-size: 40px;
	}

	h3, .h3 {
		font-size: 32px;
	}

	/*h4, .h4 {
		font-size: 28px;
	}*/

	.no-banner #main {
		/*padding-top: 130px;*/
		padding-top: 110px;
	}

	.hide-desktop {
		display: none;
	}

	.show-desktop {
		display: block;
	}

	.admin-bar #header {
		top: 32px;
	}

	#header {
		position: fixed;
		background: rgba(0, 0, 0, 0.9);
		padding: 20px 0 10px;
		transition: transform 0.3s linear;
	}

	.sticky #header {
		/*transform: translateY(-52px);*/
		transform: translateY(-15px);
	}

	#header .container {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap: wrap;
	}

	.sticky #header .container{
		align-items: flex-end;
	}

	.logo {
		position: relative;
		top: 0;
		width: 44%;
		max-width: 100%;
		margin: 0;
		transition: all 0.3s linear;
	}

	.sticky .logo {
		top: 2px;
	}

	#nav {
		width: 56%;
		padding-left: 20px;
		text-align: right;
	}

	.nav-opener {
		display: none;
	}

	#nav .drop{
		display: block;
	}

	#nav .drop-wrap {
		display: block;
		padding-top: 0;
	}

	#nav .drop-wrap ul.top-header-menu {
		margin-bottom: 20px;
		transition: margin-bottom 0.3s linear;
	}

	.sticky #nav .drop-wrap ul.top-header-menu {
		margin-bottom: 0;
	}

	#nav .drop-wrap ul.top-header-menu li a{
		font-size: 14px;
	}

	#nav .drop-wrap > ul > li{
		display:inline-block;
		vertical-align:middle;
		margin-bottom: 0;
	}

	#nav .drop-wrap > ul > li + li {
		margin-left: 40px;
	}

	#nav .drop-wrap > ul > li > a{
		font-size: 20px;
		padding: 0;
	}

	#nav .drop-wrap > ul > li.menu-item-has-children > a {
		padding-right: 20px;
	}

	#nav .drop-wrap > ul > li.menu-item-has-children > a:before {
		content:"";
		position: absolute;
		top: 50%;
		right: 3px;
		width: 10px;
		height: 10px;
		border-width: 1px 1px 0 0;
		border-style: solid;
		border-color: #fff #fff transparent transparent;
		transform: rotate(136deg);
		margin-top: -8px;
	}

	#nav .drop-wrap > ul > li:hover ul {
		visibility: visible;
		opacity: 1;
		top: 100%;
	}

	#nav .drop-wrap ul ul {
		display: block;
		position: absolute;
		top: 150%;
		left: 0;
		width: 200px;
		background: #0c090e;
		font-size: 16px;
		text-align: left;
		visibility: hidden;
		opacity: 0;
		border-radius: 5px;
		box-shadow: 0 0 5px rgba(255,255,255,0.3);
		transition: top 0.3s linear;
		padding: 15px 20px 5px;
	}

	#nav .drop-wrap ul ul li a{
		display: block;
		color: #fff;
	}

	#nav .drop ul li .arrow {
		display: none;
	}

	.footer-top {
		text-align: left;
		font-size: 13px;
		padding-bottom: 20px;
	}

	.footer-logo {
		margin: 0 0 10px;
	}

	.footer-top .col {
		width: 16%;
	}

	.footer-top .col-footer-menu,
	.footer-top .col-resources-menu,
	.footer-top .col-images{
		order: 0;
	}

	.footer-top .col-text {
		/*width: 26%;*/
		width: 52%;
		max-width: 100%;
		display: block;
		overflow: hidden;
	}

	.footer-top .footer-images {
		float: right;
		margin: 0 0 0 15px;
	}

	.footer-top .footer-images li {
		display:inline-block;
		vertical-align:middle;
		margin: 0;
		padding: 0 5px;
	}

	.footer-top .footer-images img {
		max-height: 45px;
	}

	.footer-top .col-images {
		width: 26%;
	}

	.footer-top .col-images ul {
		margin: 0 -8px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}

	.footer-top .col-images li{
		padding: 0 8px;
	}

	/*.footer-top .col-images img {
		max-height: 30px;
		width: auto;
	}*/

	.footer-bottom {

	}

	.footer-bottom .container{
		position: relative;
	}

	.footer-bottom p{
		margin: 0;
	}

	.footer-bottom .design-by{
		position: absolute;
		top: 50%;
		right: 20px;
		transform: translateY(-50%);
	}

	.banner-text .link {
		font-size: 30px;
		padding-left: 40px;
		text-shadow: 1px 1px black;
	}

	.banner-text .link:before {
		border-width: 16px 0 16px 20px;
	}

	.inner-banner {
		min-height: 400px;
	}

	.accordion-lists.multiple .col-desc {
		padding: 30px;
	}

	.news-listing .col {
		width: 33.33%;
	}

	.not-found {
		padding: 80px 0;
	}

	.mission-lists {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap: wrap;
	}

	.mission-list.cover.mission-large {
		width: 45%;
	}

	.sub-mission-lists {
		width: 55%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap:wrap;
		/*border-bottom: 1px solid #fff;*/
	}

	.mission-list.cover .mission-img {
		height: 100%;
	}

	.mission-list.cover img{
		height: 100%;
		object-fit: cover;
	}

	.sub-mission-lists .mission-list{
		background: #000;
		width: 50%;
		border-left: 1px solid #fff;
		border-top: none;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 500px;
	}

	.sub-mission-lists .mission-list:nth-child(n+3){
		border-top: 1px solid #fff;
	}
}

@media only screen and (min-width: 1200px){

}

@media only screen and (min-width: 1400px){
	.slide-image .container{
		min-height: 1200px;
	}

	.footer-logo {
		max-width: 216px;
	}
}