/*
* Main styles of site
* Including mobile version (till 1199px)
*/

/* 
* Basic styles 
*/

* 	 { box-sizing: border-box; }
a    { text-decoration: none; color: inherit; transition: all .3s; }
img  { max-width: 100%; height: auto; vertical-align: middle; }
body { padding: 0; margin: 0; }
input,
button,
select,
textarea { outline: none; font-size: inherit; font-family: inherit; }

input {  appearance: none; -webkit-appearance: none; }

main { width: 100%; line-height: 1.5em; } /* for firefox centering by margin:auto */

a,
button { transition: all .3s; }
a:hover { text-decoration: none; color: #e2a42a; }

::-webkit-input-placeholder { color: inherit; }
::-moz-placeholder { color: inherit; }
:-ms-input-placeholder { color: inherit; }
:-moz-placeholder { color: inherit; }

.overflow { overflow: hidden; }
.owl-carousel { touch-action: manipulation; }

/* WordPress Core */
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter,
div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float:right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.alignright {float: right; margin: 5px 0 20px 20px; }
a img.alignnone {margin: 5px 20px 20px 0; }
a img.alignleft {float: left; margin: 5px 20px 20px 0; }
a img.aligncenter {display: block; margin-left: auto; margin-right: auto; }
.wp-caption {background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone {margin: 5px 20px 20px 0; }
.wp-caption.alignleft {margin: 5px 20px 20px 0; }
.wp-caption.alignright {margin: 5px 0 20px 20px; }
.wp-caption img {border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }
/* End of WordPress Core */
/* --------------------- End of Basic styles --------------------- */

/* 
* Site specific styles
*/
::selection { background: #e2a42a; color: white; }
body { font: 16px 'Open Sans', sans-serif; }

h1,
h2,
h3,
h4 { line-height: 1.3; }

p { font-size: 14px; line-height: 1.4; color: #000; margin: 0 0 16px; }

.text-wrap-st ul,
.text-wrap-st ol { margin: 24px 0; }
.text-wrap-st ul { list-style: none; }
.text-wrap-st ul li { position: relative; margin-bottom: 12px; }
.text-wrap-st ul li:before { position: absolute; left: -18px; top: 10px; content: ''; width: 6px; height: 6px; border-radius: 100%; background: #e2a42a; }




.h1-sp-title { margin: 24px 0 16px; padding-bottom: 8px; border-bottom: 1px solid #585858; font-size: 24px; line-height: 1.3; font-weight: 600; text-transform: uppercase; color: #575756; }

.h1-sp-wb-title { margin: 0 0 16px; font-size: 24px; line-height: 1.3; font-weight: 600; color: #575756; }


.h3-title { margin: 24px 0 16px; padding-bottom: 8px; border-bottom: 1px solid #585858; font-size: 21px; font-weight: 600; text-transform: uppercase; color: #575756; }

.h3-sb-title { margin: 24px 0 16px; padding-bottom: 8px; border-bottom: 1px solid #585858; font-size: 16px; font-weight: 600; text-transform: uppercase; color: #575756; }


.header-wrap-1 { font-size: 14px; background: #3c3c3b; color: #fff; }
.header-wrap-1 svg { height: 16px; margin-right: 10px; }
.header-wrap-1 svg,
.header-wrap-1 svg path { fill: #fff; stroke: #fff; }
.header-wrap-1 .top-nav { display: flex; align-items: center; justify-content: flex-end; }
.header-wrap-1 .top-nav>a { display: flex; align-items: center; margin-right: 30px; }
.header-wrap-1 .top-nav>a:hover { color: #e2a42a; }
.header-wrap-1 .top-nav>a:hover svg,
.header-wrap-1 .top-nav>a:hover svg path { fill: #e2a42a; stroke: #e2a42a; }
.header-wrap-1 .top-nav ul { list-style: none; padding: 0; display: flex; }
.header-wrap-1 .top-nav ul li { text-transform: uppercase; }
.header-wrap-1 .top-nav ul li:first-of-type a { color: #e2a42a; text-decoration: underline; margin-right: 10px; }
.header-wrap-1 .top-nav ul li a:hover { color: #fff; text-decoration: underline; }
.header-wrap-2 { background: #e2a42a; padding: 10px 0; }

.header-wrap-2 img { height: 60px; width: auto; }


.c-breadcrumbs { padding: 20px 0; background: url('../images/hero.jpg'); background-position: center !important; background-size: cover !important; background-repeat: no-repeat !important; }
.c-breadcrumbs .breadcrumbs,
.c-breadcrumbs .breadcrumbs a { color: #e2a42a; font-weight: 600; }
.c-breadcrumbs .breadcrumbs a:hover { color: #fff; }


.с-news,
.с-useful-links { margin-bottom: 40px; }

.footer-nav { background: #ededed; padding: 24px 0; }
.footer-nav nav ul { list-style: none; padding-left: 0; }
.footer-nav nav>ul>li>a { display: block; text-transform: uppercase; color: #e2a42a; font-weight: 600; position: relative; margin-bottom: 12px; padding-bottom: 8px; }
.footer-nav nav>ul>li>a:after { content: ''; width: 30px; height: 2px; background: #e2a42a; position: absolute; left: 0; bottom: 0; }
.footer-nav nav>ul>li ul>li>a { font-size: 14px; color: #000; }
.footer-nav nav>ul>li ul>li>a:hover { text-decoration: underline; color: #000; }


.site-footer { background: #3c3c3b; padding: 40px 0; }
.site-footer p { color: #fff; font-size: 14px; }


.baner { padding: 160px 0 240px; background-position: center !important; background-size: cover !important; background-repeat: no-repeat !important; }
.baner h1 { line-height: 1.3; font-size: 64px; font-weight: 600; text-align: center; margin: 0; color: #fff; }

.home-nav-wrap { display: flex; flex-wrap: wrap; justify-content: space-between; }
.home-nav-wrap>a { width: 100%; margin-bottom: 4px; text-align: center; display: block; padding: 30px; background: green; color: #fff; }

.home-nav-wrap>a span { display: block; margin-top: 24px; font-size: 18px; font-weight: 600; }

.home-nav-wrap>a svg path { fill: #fff; }

.home-nav-wrap>a:nth-child(1) { background: #13699c; }
.home-nav-wrap>a:nth-child(2) { background: #1781c0; }
.home-nav-wrap>a:nth-child(3) { background: #1c92d8; }
.home-nav-wrap>a:nth-child(4) { background: #02a1ff; }


.news-wrap { display: flex; flex-wrap: wrap; }
.news-wrap>div { width: 100%; }

.single-news { background: #f0f0f0; padding: 20px; position: relative; }
.single-news .thumbnail { width: 100%; height: 180px; background-position: center !important; background-size: cover !important; background-repeat: no-repeat !important; }
.single-news time { position: absolute; left: 25px; top: 15px; font-size: 14px; line-height: 1; background: #e2a42a; padding: 5px; color: #fff; }

.single-news h4 { font-weight: 600; font-size: 16px; line-height: 1.4; margin: 15px 0 0; }
.single-news a:hover h4 { color: #e2a42a; }


.useful-link-wrap { padding: 15px 0; }
.useful-link-wrap a { font-size: 18px; font-weight: 600; line-height: 1.3; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.useful-link-wrap a>svg { width: 20%; }
.useful-link-wrap a>span { width: calc(80% - 20px); }
.useful-link-wrap a:hover { color: #e2a42a; text-decoration: none; }
.useful-link-wrap a:hover svg path { fill: #e2a42a; transition: all .3s; }

.archive-news-wrap { margin: 24px 0 64px; }



.archive-single-news { display: flex; flex-wrap: wrap; margin-bottom: 24px; }
.archive-single-news .thumbnail { width: 280px; height: 140px; background-position: center !important; background-size: cover !important; background-repeat: no-repeat !important; }
.archive-single-news .news-info { width: calc(100% - 280px); padding: 20px; }


.archive-single-news .news-info h4 { margin: 0 0 16px; }
.archive-single-news .news-info h4>a { font-size: 18px; font-weight: 600; line-height: 1.3; }
.archive-single-news .news-info h4>a:hover { color: #e2a42a; }
.archive-single-news .news-info>div { display: flex; flex-wrap: wrap; color: #a6a6a6; } 
.archive-single-news .news-info>div>div { display: flex; flex-wrap: wrap; margin-right: 64px; } 
.archive-single-news .news-info>div>div time { margin-right: 24px; }

@media (max-width: 991px) {
	.archive-single-news>a { width: 100%; }
	.archive-single-news .thumbnail { width: 100%; height: 160px; }
	.archive-single-news .news-info { width: 100%; padding: 16px 0 24px; }

}



.single-post-content { margin-top: 24px; margin-bottom: 80px; }

.c-full-content { margin: 0 0 80px; }

.c-full-content h3 { margin-top: 40px; }

.c-full-content table { width: 100% !important; margin-bottom: 40px; }
.c-full-content table td { padding: 5px !important; }
.c-full-content table caption { padding: 10px; font-weight: 600; background: #e2a42a; color: #fff; }

@media (max-width: 1199px) {
	.c-full-content { overflow-y: scroll; }
	.c-full-content table { width: 992px !important; }
}

.header-call { display: flex; align-items: center; margin: 1em 0; font-size: 14px; }
.header-call a { font-weight: 800; margin-left: 10px; }
@media (max-width: 1199px) {
	.header-call { margin: 1em 0 0; justify-content: center; }
	.call-text span { display: none; }
}

.content-area p { margin: 0 0 18px; }
.content-area ul
.content-area ol { margin: 24px 0; }
.content-area ul { list-style: none; }
.content-area ul li { position: relative; margin-bottom: 12px; }
.content-area ul li:before { position: absolute; left: -18px; top: 10px; content: ''; width: 6px; height: 6px; border-radius: 100%; background: #e2a42a; }

.career-list { padding-left: 30px; list-style: none; margin: 24px 0; }
.career-list li { font-weight: 600; position: relative; margin-bottom: 18px; }
.career-list li:before { position: absolute; left: -30px; top: 2px; content: ''; width: 24px; height: 24px; background: url('../images/career-arr.svg'); background-size: cover; background-position: center; background-repeat: no-repeat; }
.career-list li a:hover { color: #e2a42a; }

.person-content { margin: 0 0 80px; }
.person-name { font-size: 24px; line-height: 1.3; font-weight: 600; color: #e2a42a; margin: 24px 0 40px; }
.faction-dp { font-size: 18px; }

.person-hot-link a { display: block; margin-bottom: 12px; text-transform: uppercase; font-size: 14px; font-weight: 600; padding: 10px 15px; border-radius: 5px; border: 1px solid #8c8c8c; }
.person-hot-link a:hover { color: #e2a42a; background: #fff3dd; border-color: #e2a42a; }


.people-list { display: flex; flex-wrap: wrap; }
.people-list>a { width: calc(50% - 2px); position: relative; }
.people-list>a:hover { color: #000; }

.people-list-div>div { width: calc(50% - 2px); position: relative; }
.people-list-div>div:hover { color: #000; }

.person-d-tmp h3 { margin: 0 0 24px; }

.people-thumbnail { width: 100%; height: 240px; background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important; }
.people-content { padding: 10px; }
.people-content h2 { margin: 0 0 16px; font-size: 16px; font-weight: 600; text-transform: uppercase; }
.people-content p { margin: 0; font-weight: 600; }


.webcams-wrap { display: flex; flex-wrap: wrap; justify-content: space-between; }
.webcams-wrap>div { width: 100%; margin-bottom: 40px; }
.webcams-wrap>div iframe { max-width: 100%; height: 280px !important; }

@media (max-width: 767px) { /* Mobile only styles */
	.custom-logo-link { margin-left: 80px; }
	#mega-menu-wrap-max_mega_menu_1 { position: absolute; }
	.mega-toggle-blocks-left { position: absolute; top: -54px; }


	.baner { padding: 40px 0 90px; }
	.baner h1 { font-size: 42px; }

	.home-nav-wrap { margin-top: -40px; }
	.home-nav-wrap svg { width: 40px; height: auto; margin-right: 20px; }
	.home-nav-wrap>a span { margin-top: 12px; font-size: 16px; }


	.home-nav-wrap>a { padding: 15px; display: flex; align-items: center; }

	.people-list>a { margin-bottom: 24px; }
	.people-list-div>div { margin-bottom: 24px; }
}

@media (min-width: 768px) { /* Tablet styles */
	
}

@media (min-width: 768px) and (max-width: 1199px) { /* Tablet only styles */
	.people-list>a { width: calc(33.332% - 2px); }
	.people-list-div>div { width: calc(33.332% - 2px); }
	.people-thumbnail { height: 380px; }
}

@media (max-width: 1199px) { /* Mobile and tablet only styles */
	
}

@media (min-width: 1200px) {
	p { font-size: 16px; }


	.site-footer { padding: 64px 0; }
	.site-footer p { padding: 0 15px; }


	.news-wrap>div { width: calc(25% - 20px); margin: 10px; }


	.home-nav-wrap { margin-top: -80px; }
	.home-nav-wrap>a { width: calc(25% - 2px); }
	.home-nav-wrap>a:hover { background: #e2a42a; }


	.people-list>a { width: calc(25% - 4px); margin: 0 2px 4px; display: block; }
	.people-list-div>div { width: calc(25% - 4px); margin: 0 2px 4px; display: block; }
	.people-thumbnail { position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: 260px; }
	.people-list>a:hover .people-thumbnail { opacity: 0.3; }
	.people-list-div>div:hover .people-thumbnail { opacity: 0.3; }
	.people-content { padding: 20px; height: 260px; background: #e2a42a; }

	.webcams-wrap>div { width: calc(50% - 20px); }
	.webcams-wrap>div iframe { max-width: 100%; height: 320px !important; }
}


#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu { width: 280px; }


.docs-list { display: flex; flex-wrap: wrap; justify-content: space-between; }

.docs-list a { font-weight: 600; width: 100%; margin-bottom: 12px; padding: 10px 10px 10px 44px; display: block; position: relative; }
.docs-list a:before { content: ''; position: absolute; left: 10px; top: 50%; margin-top: -12px; width: 24px; height: 24px; background: url('../images/icon-docs.svg'); background-size: cover; background-position: center; background-repeat: no-repeat; }

.docs-list a:hover { border: 1px solid #e2a42a; }

@media (min-width: 992px) {
	.footer-nav-wrap { display: flex; flex-wrap: wrap; }
	.footer-nav-wrap>div { width: calc(33.322% - 16px); }
}

@media (min-width: 1200px) {
	.footer-nav-wrap { display: flex; flex-wrap: wrap; justify-content: space-between; }
	.footer-nav-wrap>div { width: calc(20% - 16px); }

	.single-news .thumbnail { height: 120px; }
}

.docs-list-home a { width: 100%; }
.docs-list-home a:hover { border: 0; }

.docs-archive-wrap-home { display: flex; flex-wrap: wrap; }
.docs-archive-home { display: flex; align-items: center; width: 100%; }
.docs-archive-home img { width: 24px; margin-right: 10px; }
.docs-archive-home h3 { font-size: 16px; font-weight: 600; }

.single-post-content>div>div { margin-bottom: 16px; }

.social-wrap { text-align: center; }
.social-wrap a { margin: 0 5px; }
.social-wrap a svg { fill: #fff; }
.social-wrap a:hover svg{ fill: #e2a42a; }

.c-full-content table tr td { border: 1px solid #000; }

.addtoany_share_save_container { margin-top: 24px !important; display: flex; }
.addtoany_share_save_container .addtoany_header { font-weight: 600 !important; margin-right: 10px; margin-bottom: 0; }

.news-side-wrap .h3-sb-title { margin: 34px 0 16px; }
.news-side-wrap .news-sidebar { margin-bottom: 64px; }
.news-side-wrap .news-sidebar .news { margin: 24px 0; }
.news-side-wrap .news-sidebar .news h4 { margin: 8px 0; }
.news-side-wrap .news-sidebar .news time { color: #a6a6a6; font-size: 14px; }

.splw-lite-wrapper .splw-lite-header,
#splw-location-weather-3102 .splw-weather-title{ display: none !important; }
#splw-location-weather-3102.splw-main-wrapper { margin-bottom: 0; }
.splw-lite-wrapper .splw-lite-body { padding-bottom: 0; }
.splw-lite-wrapper { padding-top: 0; }
.splw-lite-current-temp img { height: 24px !important; }
.splw-lite-wrapper .splw-lite-current-temp span.cur-temp { font-size: 16px; line-height: 24px; }
.splw-lite-wrapper .splw-lite-current-text { margin-top: 0; }
.splw-lite-wrapper .splw-lite-current-text .splw-lite-desc { font-size: 12px; line-height: 1; }
.splw-lite-wrapper .splw-lite-current-temp { margin-bottom: 0; }
#splw-location-weather-3102.splw-main-wrapper { float: right; }

@media (max-width: 991px) {
	.header-wrap-2 { position: relative; }
	.splw-main-wrapper { position: absolute; right: 10px; top: -58px; float: unset; }

	#ajaxsearchlite1 { display: none !important; }
}

div[id*='ajaxsearchlite'].wpdreams_asl_container {
    margin: 6px 0px 0px 0px !important;
}


.news .thumbnail {
    width: 100%;
    height: 180px;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
@media (min-width: 1200px) {
	.news .thumbnail { height: 130px; }
}

.more-wrap { text-align: center; margin-top: 24px; }
.more-wrap a { font-weight: 600; border: 1px solid #000; padding: 7px 25px; }
.more-wrap a:hover { border: 1px solid #e2a42a; }

.single-post-content a { color: #e2a42a; }
.single-post-content a:hover { text-decoration: underline; }

.site-footer .contacts-footer a { font-weight: 600; }


.docs-list-wrap a span { display: block; color: #a6a6a6; }
.docs-list-wrap li:before { display: none !important; }
.docs-list-wrap li a { position: relative; }
.docs-list-wrap li a:before {
    content: '';
    position: absolute;
    left: -40px;
    top: 50%;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    background: url(../images/doc-icon.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.c-breadcrumbs .breadcrumbs, .c-breadcrumbs .breadcrumbs a {
    line-height: 1;
}
.c-breadcrumbs .breadcrumbs .dashicons {
	color: #fff;
}

.site-footer {
	margin-bottom: 44px;
}