@charset "utf-8";
/* CSS Document */

/******************************

[Table of Contents]

1. Fonts
2. Body and some general stuff
3. Header
	3.1 Top Bar
	3.2 Header Content
	3.3 Logo
	3.4 Main Navigation
	3.5 Search
	3.6 Hamburger
4. Menu
5. Home
	5.1 Home Slider
6. Intro
7. Stuff
8. History
9. Activities
10. Quote
13. Comment
15. News



******************************/

/***********
1. Fonts
***********/

@import url("https://fonts.googleapis.com/css?family=Bilbo|Montserrat:300,400,500,600,700,800,900");

/*********************************
2. Body and some general stuff
*********************************/

* {
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
  text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
}
body {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 400;
  background: #ffffff;
  color: #7c7c7c;
}
div {
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
ul {
  list-style: none;
  margin-bottom: 0px;
}
p {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  line-height: 2.14;
  font-weight: 500;
  color: #7c7c7c;
  -webkit-font-smoothing: antialiased;
  -webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
  text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
}
p:last-of-type {
  margin-bottom: 0;
}
p a {
  display: inline;
  position: relative;
  color: inherit;
  border-bottom: solid 1px #3b5396;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
a,
a:hover,
a:visited,
a:active,
a:link {
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
  text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
}
p a:active {
  position: relative;
  color: #0d2569;
}
p a:hover {
  color: #ffffff;
  background: #3b5396;
}
p a:hover::after {
  opacity: 0.2;
}
::selection {
  background: rgba(235, 65, 65, 0.15);
  color: #0d2569;
}
h1 {
  font-size: 48px;
}
h2 {
  font-size: 36px;
}
h3 {
  font-size: 24px;
}
h4 {
  font-size: 18px;
}
h5 {
  font-size: 14px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
  text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
}
.form-control {
  color: #0d2569;
}
section {
  display: block;
  position: relative;
  box-sizing: border-box;
}
.clear {
  clear: both;
}
.clearfix::before,
.clearfix::after {
  content: "";
  display: table;
}
.clearfix::after {
  clear: both;
}
.clearfix {
  zoom: 1;
}
.float_left {
  float: left;
}
.float_right {
  float: right;
}
.trans_200 {
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.trans_300 {
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.trans_400 {
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}
.trans_500 {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
.fill_height {
  height: 100%;
}
.super_container {
  width: 100%;
  overflow: hidden;
}
.prlx_parent {
  overflow: hidden;
}
.prlx {
  height: 130% !important;
}
.nopadding {
  padding: 0px !important;
}
.button {
  width: 157px;
  height: 54px;
  background: #0d2569;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  text-align: center;
}
.button a {
  display: block;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  line-height: 54px;
}
.button::after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #ffd600;
  content: "";
}
.button:hover {
  background: #3b5396;
}
.section_title_container {
  text-align: center;
}
.section_title {
  margin-top: 10px;
}
.section_title h2 {
  color: #000000;
}
.section_subtitle {
  font-family: "Bilbo", serif;
  font-size: 24px;
  color: #9d9d9d;
  margin-top: -6px;
}

/*********************************
3. Header
*********************************/

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}
.header.scrolled {
  top: -57px;
}
.header.scrolled .header_content {
  height: 92px;
}

/*********************************
3.1 Top Bar
*********************************/

.top_bar {
  width: 100%;
  background: #000000;
}
.top_bar_content {
  width: 100%;
  height: 57px;
}

/*********************************
3.2 Header Content
*********************************/

.header_container {
  width: 100%;
  background: #ffffff;
}
.header_content {
  height: 115px;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}

/*********************************
3.3 Logo
*********************************/

.logo a span {
  font-size: 24px;
  color: #353535;
}
.logo a img {
  display: inline-block;
  vertical-align: text-bottom;
}

/*********************************
3.4 Main Navigation
*********************************/

.main_nav {
  display: inline-block;
}
.main_nav ul li {
  display: inline-block;
  margin-right: 38px;
}
.main_nav ul li:last-child {
  margin-right: 0;
}
.main_nav ul li a {
  font-weight: 500;
  color: #353535;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.main_nav ul li a:hover {
  color: #0d2569;
}
.main_nav ul li.active a {
  color: #0d2569;
  text-decoration: none;
  border-bottom: 1px solid #ffd600;
}

/*********************************
3.5 Search
*********************************/

.search {
  display: inline-block;
  margin-left: 59px;
  cursor: pointer;
}
.search_path {
  fill: #353535;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.search:hover .search_path {
  fill: #0d2569;
}
.header_search_form {
  display: block;
  position: relative;
  width: 40%;
}
.header_search_container {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  background: #0d2569;
  z-index: -1;
  opacity: 0;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}
.header_search_container.active {
  bottom: -73px;
  opacity: 1;
}
.header_search_content {
  width: 100%;
  height: 73px;
}
.search_input {
  width: 100%;
  height: 40px;
  border: none;
  outline: none;
  padding-left: 20px;
}
.header_search_button {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 100%;
  border: none;
  outline: none;
  cursor: pointer;
}

/*********************************
3.6 Hamburger
*********************************/

.hamburger {
  display: none;
  cursor: pointer;
  margin-right: 10px;
}
.hamburger i {
  font-size: 20px;
  color: #353535;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.hamburger:hover i {
  color: #3b5396;
}

/*********************************
4. Menu
*********************************/

.menu {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: rgba(255, 255, 255, 0.98);
  z-index: 101;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}
.menu.active {
  visibility: visible;
  opacity: 1;
  text-decoration: underline;
}

.menu_nav {
  margin-top: 50px;
  text-align: center;
}
.menu_nav ul li:not(:last-child) {
  margin-bottom: 6px;
}
.menu_nav ul li a {
  font-size: 18px;
  font-weight: 700;
  color: #474747;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.menu_nav ul li a:hover {
  color: #0d2569;
}
.menu_close {
  position: absolute;
  top: 100px;
  right: 100px;
  cursor: pointer;
}
.menu_close i {
  font-size: 20px;
}
.menu_close:hover i {
  color: #0d2569;
}

/*********************************
5. Home
*********************************/

.home {
  width: 100%;
  height: 100vh;
}

.home_background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.home_container {
  width: 100%;
  height: 323px;
}
.home_content {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 60px;
}
.home_title {
  font-size: 30px;
  color: #ffffff;
  line-height: 0.75;
}
.breadcrumbs li {
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #3b5396;
  font-weight: 600;
  line-height: 0.75;
}
.breadcrumbs li:not(:last-child)::after {
  content: "/";
  margin-left: 5px;
  color: #ffffff;
}
.breadcrumbs li a {
  color: #ffffff;
  font-weight: 500;
  line-height: 0.75;
}

/*********************************
5.1 Home Slider
*********************************/

.home_slider_container {
  width: 100%;
  height: 100%;
}
.home_slider_background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.home_slider_content {
  position: absolute;
  width: 100%;
  top: 38.5%;
  left: 50%;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.logo_1 {
  width: 89px;
  height: 89px;
  border-radius: 50%;
  background: #0d2569;
  margin: 0 auto;
}
.logo_1 img {
  width: 44px !important;
}
.home_slider_content h1 {
  font-size: 112px;
  font-weight: 700;
  color: #ffd600;
  margin-top: 29px;
  text-shadow: -2px -2px 0 #0d2569, 2px -2px 0 #0d2569, -2px 2px 0 #0d2569,
    2px 2px 0 #0d2569;
  /*-webkit-text-shadow: #0d2569 0 0 2px;
  text-shadow: #0d2569 0 0 2px;
  -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #0d2569;*/
}
.home_slider_button {
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
}
.home_slider_nav {
  position: absolute;
  top: 57%;
  right: 95px;
  width: 33px;
  height: 33px;
  border-radius: 50%;
  background: rgba(13, 37, 105, 1);
  z-index: 10;
  cursor: pointer;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.home_slider_nav:hover {
  background: rgba(59, 83, 150, 1);
}

/*********************************
6. Intro
*********************************/

.intro {
  padding-top: 97px;
  padding-bottom: 98px;
  background: #ffffff;
}
.intro_content {
  margin-top: 85px;
}
.intro_text {
  width: 100%;
  margin-top: -8px;
}
.intro_button {
  margin-top: 50px;
}
.intro_image {
  width: 100%;
}
.intro_image img {
  max-width: 100%;
}

/*********************************
7. Stuff
*********************************/

.stuff {
  width: 100%;
  background: #0d2569;
}
.stuff_background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.stuff .section_title h2,
.stuff .section_subtitle {
  color: #ffffff;
}
.stuff_text {
  margin-top: 76px;
}
.stuff_text p {
  color: #ffffff;
  font-weight: 400;
}
.stuff_row {
  margin-top: 91px;
}
.stuff_item {
  width: 100%;
  margin-bottom: 60px;
}
.stuff_image {
  width: 48px;
  height: 48px;
  margin: 0 auto;
}
.stuff_image {
  max-width: 100%;
  max-height: 100%;
}
.stuff_title a {
  display: inline-block;
  font-size: 18px;
  color: #ffffff;
  margin-top: 18px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.stuff_title::after {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 1px;
  background: #ffd600;
  content: "";
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.stuff_item:hover .stuff_title {
  color: #ffd600;
}
.stuff_item:hover .stuff_title::after {
  visibility: visible;
  opacity: 1;
}

/*********************************
8. History
*********************************/

.history {
  padding-top: 97px;
  padding-bottom: 98px;
  background: #f0f4f8;
}
.history_background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.history_row {
  margin-top: 84px;
}
.history_image {
  width: 100%;
}
.history_image img {
  max-width: 100%;
}
.history_content {
  width: 100%;
  margin-top: -8px;
}
.history_title {
  font-size: 24px;
  font-weight: 500;
  color: #000000;
}
.history_list {
  margin-top: 14px;
}
.history_list li {
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  margin-bottom: 14px;
}
.history_list li:last-child {
  margin-bottom: 0;
}
.history_list li a {
  color: #0d2569;
}
.history_text {
  margin-top: 33px;
}
.history_button {
  margin-top: 38px;
}

/*********************************
9. Activities
*********************************/

.acts {
  width: 100%;
  padding-top: 97px;
  padding-bottom: 98px;
  background: #ffffff;
}
.acts_slider_container {
  width: 100%;
  margin-top: 85px;
}
.acts_item_image {
  width: 215px;
  height: 215px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
  border: solid 10px #0d2569;
}
.acts_item_image::after {
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: 50%;
  content: "";
  border: solid 10px #ffd600;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.acts_item_image img {
  max-width: 100%;
}
.acts_item:hover .acts_item_image::after {
  visibility: visible;
  opacity: 1;
}
.acts_item_title {
  font-size: 24px;
  color: #000000;
  margin-top: 40px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.acts_item_text {
  margin-top: 12px;
}
.acts_item:hover .acts_item_title {
  color: #0d2569;
}
.acts_slider_nav {
  position: absolute;
  top: 99px;
  width: 33px;
  height: 33px;
  border-radius: 50%;
  background: #cbcbcb;
  cursor: pointer;
}
.acts_slider_nav:hover {
  background: #0d2569;
}
.acts_slider_prev {
  left: -95px;
}
.acts_slider_next {
  right: -95px;
}

/*********************************
10. Quote
*********************************/

.quote {
  width: 100%;
  background: #0d2569;
  padding-top: 97px;
  padding-bottom: 98px;
}
.quote_background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.quote .section_title h2,
.quote .section_subtitle {
  color: #ffffff;
}
.quote_row {
  margin-top: 55px;
}
.quote_text {
  font-size: 18px;
  font-style: italic;
  color: #ffffff;
  margin-top: 30px;
  line-height: 2;
}
.quote_source {
  font-size: 18px;
  color: #e6c100;
  margin-top: 26px;
}

/******************************
13. Comment
*******************************/

.comment_title {
  font-size: 24px;
  font-weight: 500;
  color: #000000;
}
.comment_form {
  margin-top: 57px;
}
.comment_input {
  width: 100%;
  height: 52px;
  background: #ededed;
  border: none;
  outline: none;
  padding-left: 25px;
}
.comment_text {
  width: 100%;
  height: 186px;
  background: #ededed;
  border: none;
  outline: none;
  padding-left: 25px;
  margin-top: 28px;
  padding-top: 20px;
}
.comment_input::-webkit-input-placeholder,
.comment_text::-webkit-input-placeholder {
  font-size: 12px !important;
  font-weight: 500 !important;
  font-style: italic;
  color: #a4a4a4 !important;
}
.comment_input:-moz-placeholder,
.comment_text:-moz-placeholder {
  font-size: 12px !important;
  font-weight: 500 !important;
  font-style: italic;
  color: #a4a4a4 !important;
}
.comment_input::-moz-placeholder,
.comment_text::-moz-placeholder {
  font-size: 12px !important;
  font-weight: 500 !important;
  font-style: italic;
  color: #a4a4a4 !important;
}
.comment_input:-ms-input-placeholder,
.comment_text:-ms-input-placeholder {
  font-size: 12px !important;
  font-weight: 500 !important;
  font-style: italic;
  color: #a4a4a4 !important;
}
.comment_input::input-placeholder,
.comment_text::input-placeholder {
  font-size: 12px !important;
  font-weight: 500 !important;
  font-style: italic;
  color: #a4a4a4 !important;
}
.comment_button {
  position: relative;
  width: 157px;
  height: 54px;
  border: none;
  outline: none;
  background: #3b5396;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  cursor: pointer;
  margin-top: 23px;
}
.comment_button:hover {
  background: #2f2e6a;
}
.comment_button::after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #ffd600;
  content: "";
}

/*********************************
15. News
*********************************/

.news {
  width: 100%;
  padding-top: 98px;
  padding-bottom: 98px;
  background: #ffffff;
}
.news_row {
  margin-top: 95px;
}
.news_item {
  width: 100%;
}
.news_image {
  width: 100%;
}
.news_image img {
  max-width: 100%;
}
.news_date {
  position: absolute;
  top: 0;
  left: 0;
  width: 94px;
  height: 94px;
  background: #0d2569;
}
.news_day {
  font-size: 30px;
  color: #ffffff;
  line-height: 0.75;
}
.news_month {
  font-size: 12px;
  color: #ffffff;
  line-height: 0.75;
  margin-top: 10px;
}
.news_title {
  font-size: 18px;
  color: #000000;
  font-weight: 500;
  margin-top: 38px;
}
.news_text {
  margin-top: 18px;
}
.news_link {
  margin-top: 18px;
}
.news_link a {
  font-size: 14px;
  color: #0d2569;
  font-style: italic;
  font-weight: 500;
}