html { height: 100%; width: 100%; }
body { width: 100%; height: 100%; padding: 0; margin: 0; background: #fff; font: 85% 'Open Sans', Arial, sans-serif; color: #fff; }

body * { transition:all .3s ease 0s; }	
body *[class^="bx-"] *,
body *[class^="bx_"] *,
body *[id^="bx_"] *,
body *[id^="bx-"] *,	
body *[class^="bx-"],
body *[class^="bx_"],
body *[id^="bx_"],
body *[id^="bx-"] { transition: none; }	

span, div { box-sizing: border-box }	
	
a { color: #3284b6; outline: none }	
a:hover { color: #db241c; }
	
img, form, p, ul, ol, li, table, tr, td, div { padding: 0; margin: 0; border: 0; }
	
p { padding-bottom: 1.7em; }
	
ul { padding: 0 0 1.5em 0; clear: left }	
ul li { background: url(img/li.png) no-repeat 0 .7em; list-style: none; list-style-type: none; padding: 0 0 .5em 16px }
ul ol li { list-style: auto; background: none }	

ol { padding: 0 0 1.5em 20px; clear: left  }	
ol li { padding: 0 0 .5em 0; }	
ol li ul li { background: url(img/li.png) no-repeat 0 .7em; list-style: none; list-style-type: none; padding: 0 0 .5em 16px }

ol ul, ul ul, ul ol, ol ol { padding: 1em 0 0 0; } 
	
table { font-size: 100%; }
	
h1 { font-size: 180%; font-weight: normal; margin: 0; padding: 0 0 .8em 0; color: #000; line-height: normal }	
h2 { font-size: 160%; font-weight: normal; margin: 0; padding: 0 0 .6em 0; color: #000; line-height: normal }	
h3 { font-size: 140%; font-weight: normal; margin: 0; padding: 0 0 1em 0; color: #000; line-height: normal }	
h4 { font-size: 120%; font-weight: normal; margin: 0; padding: 0 0 1em 0; color: #000; line-height: normal }	
h6 { font-size: 100%; font-weight: bold; margin: 0; padding: 0 0 .5em 0; color: #000; line-height: normal }
	
input, select, textarea { font-family: inherit; padding: 0 0 .1em 4px; font-size: 100%; outline: none; box-sizing: border-box; }

button { -webkit-appearance: none;}
	
a img { border: none; }
	
.img-lft { float: left; margin: 0 20px 20px 0; }	
.img-rgh { float: right; margin: 0 0 20px 20px; }
	
cite { font-style: italic; }
	
.table { border-collapse: collapse; margin: .5em 0 2em 0 }	
.table th { color: #fff; padding: .5em 20px .6em 20px; text-align: left; background: #3286cb; font-size: 120%; font-weight: normal }	
.table td { padding: .8em 20px; vertical-align: top; }	
.table .odd td { background: #f4fafc }
	
blockquote { margin: 0 0 2em 0; background: #f4fafc; padding: 10px }
	
.clear { clear: both }	
.shadow { box-shadow: 0 0 6px #3577db; transition: border linear 0.2s, box-shadow linear 0.2s; }

input.infocus { color: #000 !important; font-style: normal !important }

article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block; }

/*=========================*/
.container { min-height: 100%; position: relative }

#mainframe { height: 100vh; overflow: hidden; position: relative; min-height: 800px; }

.popup-wrapper { position: absolute; width: 100%; height: 100vh; top: 0; left: 0; background: rgba(3,63,113,.9); z-index: 301 }
.popup-wrapper.disabled { opacity: 0; visibility: hidden }
.popup-close { position: absolute; width: 42px; height: 42px; background: url(img/close.png) no-repeat 0 0; background-size: cover; top: 3vh; right: -20px; cursor: pointer }

.landing-slide { background-size: cover; background-position: 50% 50%; background-color: #004a7e; height: 100vh; color: #ffffff; min-height: 800px; position: absolute; width: 100%; left: 0; top: 100vh; transition: none; z-index: 199 }
.slide-item_active { z-index: 200; top: 0 }
.slide-item_animated { z-index: 201; }

.landing-content { max-width: 1120px; margin: 0 auto; height: 100vh; position: relative; min-height: 800px; }

.landing-header { position: absolute; width: 100%; left: 0; top: 0; }
.landing-header .landing-content, .landing-footer .landing-content { min-height: 0; height: auto; }

.landing-footer { position: absolute; width: 100%; left: 0; bottom: 0; }

.pdf-link { position: absolute; bottom: 5.5vh; left: 0; font-size: 18px; z-index: 300 }
.pdf-link a { text-decoration: none; color: #fff; display: block; padding-left: 39px; background: url(img/blank.png) no-repeat 0 0; }
.pdf-link small { display: block; font-weight: 300 }

.gymn-link { position: absolute; bottom: 6vh; right: 0; font-size: 18px; z-index: 300; cursor: pointer; }
.gymn-link a { color: #ffffff; text-decoration: none; padding-right: 47px; display: block; position: relative }
.gymn-link .audio { position: absolute; right: 0; bottom: .3em }
.gymn-link .audio i { width: 2px; height: 10px; background: #ffffff; position: absolute; left: 0; bottom: 0 }
.gymn-link .audio i:nth-child(2n) { left: -8px; height: 20px; }
.gymn-link .audio i:last-child { left: -16px; }

@keyframes audio1 { 0% {height: 10px} 50% {height: 15px} }
@keyframes audio2 { 0% {height: 10px} 30% {height: 20px} 50% {height: 25px} 70% {height: 30px} }
@keyframes audio3 { 0% {height: 10px} 50% {height: 5px} 70% {height: 20px} }

.gymn-link.active .audio i:first-child { animation: audio1 .4s infinite linear; }
.gymn-link.active .audio i:nth-child(2n) { animation: audio2 .4s infinite linear; }
.gymn-link.active .audio i:last-child { animation: audio3 .4s infinite linear; }

.logo { width: 221px; height: 51px; background: url(img/logo.png) no-repeat 0 0; background-size: contain; position: absolute; top: 42px; left: 0; z-index: 300 }
.logo50 { width: 115px; height: 67px; background: url(img/logo50.png) no-repeat 0 0; background-size: contain; position: absolute; top: 34px; right: 0; z-index: 300 }

.navigation { position: absolute; font-size: 16px; font-weight: bold; top: 50vh; left: 0; margin-top: -15vh; z-index: 300 }
.navigation_item { margin-bottom: 45px; color: #ffffff; text-decoration: none; opacity: .65; cursor: pointer }
.navigation_item.active { opacity: 1; cursor: default }

.landing-info { width: 890px; margin: 0 auto; overflow: hidden; position: relative; top: 19vh }
.landing-info_image { float: left; width: 320px; }
.landing-info_image img { max-height: 48vh; max-width: 100% }
.landing-info_text { overflow: hidden; padding: 0 0 0 40px; font-size: 18px; font-style: italic; line-height: 1.6em; position: relative; top: -.5em }
.landing-info_text h1 { color: #ffffff; font-size: 42px; font-weight: bold; font-style: normal; line-height: 1.1em }

.landing-slide .mouse { position: absolute; width: 22px; height: 35px; background: url(img/mouse.png) no-repeat 0 0; bottom: 6vh; left: 50%; margin-left: -11px }

.leader-name { font-size: 24px; font-weight: bold; margin-top: 20px }
.leader-title { font-size: 16px; font-weight: 300; margin-top: 4px }

.landing-info_flex { transition: none; }
.landing-info_flex_padd { padding-right: 20px }
.landing-info_flex * { transition: none }
.landing-info_flex .contentwrapper { transition:all .3s ease 0s; }
.mcontentwrapper { width: auto !important; left: 0 !important }

.landing-info_flex .scrollgeneric { line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0; }
.landing-info_flex .vscrollerbase { width: 4px; background-color: rgba(255,255,255,.3); }
.landing-info_flex .vscrollerbar { width: 4px; background-color: #0189c5; }

.inner-content { width: 76%; margin: 0 auto; position: relative; top: 10vh; }
.inner-content h1 { color: #ffffff; font-size: 42px; font-weight: bold; text-align: center; line-height: 1.2em }

.landing-gallery { background: rgba(0,0,0,.5) }
.landing-gallery_item { }
.landing-gallery_item div { height: 50vh; display: flex; justify-content: center; align-items: center; }
.landing-gallery_item img { max-width: 99.9%; max-height: 100%; width: auto !important; border: none !important }
.landing-gallery_image { position: relative; z-index: 1 }

.landing-minigallery { margin-top: 4px; overflow: hidden; height: 7vh; position: relative }
.landing-minigallery_item { width: 70px; height: 7vh; cursor: pointer; position: relative; background-position: 50% 50%; background-size: cover }
.landing-minigallery_item img { vertical-align: top; max-width: 100%; max-height: 100% }
.landing-minigallery_item.active:before { content: ''; position: absolute; border: 2px solid #2bb0eb; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; z-index: 20 }

.landing-gallery .owl-nav { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 20; }
.landing-gallery .owl-nav .owl-prev { position: absolute; bottom: 0; left: 0; width: 40px; height: 50vh; background: url(img/slprev.png) no-repeat 50% 50%; font-size: 0; }
.landing-gallery .owl-nav .owl-prev.disabled { display: none }
.landing-gallery .owl-nav .owl-next { position: absolute; bottom: 0; right: 0; width: 40px; height: 50vh; background: url(img/slnext.png) no-repeat 50% 50%; font-size: 0; }
.landing-gallery .owl-nav .owl-next.disabled { display: none }

.title-wrapper { height: 13vh; display: flex; justify-content: center; align-items: center; }
.title-wrapper h1 { padding: 0 }

.title-separate-wrapper { height: 15vh; display: flex; justify-content: center; align-items: center; }
.title-separate-wrapper h1 { padding: 0 }

.foto-slider_item, .video-slider_item { cursor: pointer }
.foto-slider_image { height: 190px; background-size: cover; background-position: 50% 50%; margin-bottom: 12px; position: relative }
.foto-slider_image a { position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.2); top: 0; left: 0 }
.foto-slider_item:hover .foto-slider_image a { background: rgba(0,0,0,0) }
.foto-slider_image .video i { width: 56px; height: 56px; background: url(img/play.png) no-repeat 0 0; position: absolute; top: 50%; left: 50%; margin: -23px 0 0 -23px;  }
.foto-slider_title { font-weight: bold; font-size: 16px; line-height: 1.2em }
.foto-slider_date { font-weight: 300; padding-top: 6px }

.foto-slider-panel { height: 62px; font-size: 0 }
.foto-slider-panel_name { font-size: 24px; font-weight: 300; display: inline-block; vertical-align: top; text-transform: uppercase; border-bottom: 2px solid transparent; margin-right: 40px; cursor: pointer }
.foto-slider-panel_name.active { border-color: #ffffff; cursor: text }

.foto-slider-wrapper { position: relative; transition-duration: 1s }
.foto-slider-wrapper.disabled { opacity: 0; visibility: hidden; position: absolute; width: 100%; left: -100vw }
.foto-slider-wrapper .owl-nav { position: absolute; top: 0; left: 0; width: 100%; z-index: 20; }
.foto-slider-wrapper .owl-nav .owl-prev { position: absolute; top: -60px; right: 58px; width: 40px; height: 40px; background: url(img/slprev.png) no-repeat 50% 50%; font-size: 0; background-size: contain }
.foto-slider-wrapper .owl-nav .owl-prev.disabled { opacity: 0; visibility: hidden }
.foto-slider-wrapper .owl-nav .owl-next { position: absolute; top: -60px; right: 0; width: 40px; height: 40px; background: url(img/slnext.png) no-repeat 50% 50%; font-size: 0; background-size: contain }
.foto-slider-wrapper .owl-nav .owl-next.disabled { opacity: 0; visibility: hidden }

.video-gallery-wrapper { width: 720px; margin: 0 auto; }
.video-gallery_image { height: 46vh; background-size: cover; background-position: 50% 50%; position: relative; cursor: pointer }
.video-gallery_image a { position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.2); top: 0; left: 0 }
.video-gallery_image a i { width: 56px; height: 56px; background: url(img/play.png) no-repeat 0 0; position: absolute; top: 50%; left: 50%; margin: -23px 0 0 -23px;  }
.video-gallery_item { padding-bottom: .2em }
.video-gallery_item:hover .video-gallery_image a { background: rgba(0,0,0,0) }
.video-gallery_image iframe { background: #000; position: relative; z-index: 1; width: 100%; height: 100%; }

.video-gallery_title { font-weight: bold; font-size: 16px; line-height: 1.2em; padding-top: 20px }
.video-gallery_link { font-weight: 300; padding-top: 3px; }
.video-gallery_link a { color: #fff; text-decoration: none }

#videoAjaxReload iframe { width: 720px; height: 46vh; display: block; margin: 3vh auto 0 auto; position: relative; z-index: 1 }

.video-gallery-wrapper .owl-nav { position: absolute; top: 0; left: 0; width: 100%; z-index: 20;  }
.video-gallery-wrapper .owl-nav .owl-prev { position: absolute; top: 0; left: -4vw; width: 40px; height: 46vh; background: url(img/slprev.png) no-repeat 50% 50%; font-size: 0 }
.video-gallery-wrapper .owl-nav .owl-prev.disabled { display: none }
.video-gallery-wrapper .owl-nav .owl-next { position: absolute; top: 0; right: -4vw; width: 40px; height: 46vh; background: url(img/slnext.png) no-repeat 50% 50%; font-size: 0 }
.video-gallery-wrapper .owl-nav .owl-next.disabled { display: none }

.preload { position: absolute; top: 50%; left: 50%; margin: 5vh 0 0 -32px; }
.disabled .preload { display: none }

.smi-slider-wrapper { position: relative; width: 750px; margin: 0 auto; }

.smi-slider_item { cursor: pointer }
.smi-slider_image { position: relative; margin-bottom: 12px }
.smi-slider_image img { max-width: 100%; width: auto !important; opacity: .9; display: inline-block !important }
.smi-slider_item:hover .smi-slider_image img { opacity: 1 }
.smi-slider_image .video i { width: 56px; height: 56px; background: url(img/play.png) no-repeat 0 0; position: absolute; top: 50%; left: 50%; margin: -23px 0 0 -23px;  }
.smi-slider_title { font-weight: bold; font-size: 16px; line-height: 1.2em }
.smi-slider_title a { color: #fff; text-decoration: none }
.smi-slider_date { font-weight: 300; padding-top: 3px }

.smi-slider-wrapper .owl-nav { position: absolute; top: 0; left: 0; width: 100%; z-index: 20; }
.smi-slider-wrapper .owl-nav .owl-prev { position: absolute; top: 0; left: -4vw; width: 40px; height: 40vh; background: url(img/slprev.png) no-repeat 50% 50%; font-size: 0 }
.smi-slider-wrapper .owl-nav .owl-prev.disabled { opacity: 0; visibility: hidden }
.smi-slider-wrapper .owl-nav .owl-next { position: absolute; top: 0; right: -4vw; width: 40px; height: 40vh; background: url(img/slnext.png) no-repeat 50% 50%; font-size: 0 }
.smi-slider-wrapper .owl-nav .owl-next.disabled { opacity: 0; visibility: hidden }

.owl-lazy-preview { height: 100%; position: relative; z-index: 1; }
img.owl-lazy { position: relative; z-index: 1 }
.preload { position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; }
.mini-preload { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; width: 16px !important; height: 16px !important }