@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
    4.1 Dropdown Menu
5. Home
	5.1 Home Slider
6. Intro
7. Stuff
8. History
9. Activities
10. Quote
11. Contact Map
    11.1. Contact Info
    11.2. Contact Form
12. About
13. Comment
14. Testing
15. News
16. Newsletter
17. Calendar
18. Footer


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


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

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

/*********************************
3. Top Button
*********************************/

.topBtn {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Fixed/sticky position */
    bottom: 20px;
    /* Place the button at the bottom of the page */
    right: 30px;
    /* Place the button 30px from the right */
    z-index: 99;
    /* Make sure it does not overlap */
    border: none;
    /* Remove borders */
    outline: none;
    /* Remove outline */
    background-color: #0d2569;
    /* Set a background color */
    color: #ffd600;
    /* Text color */
    cursor: pointer;
    /* Add a mouse pointer on hover */
    padding: 15px;
    /* Some padding */
    border-radius: 10px;
    /* Rounded corners */
    font-size: 18px;
    /* Increase font size */
}

.topBtn:hover {
    background-color: #555;
    /* Add a dark-grey background on hover */
}


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

* {
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    text-shadow: rgba(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, .01) 0 0 1px;
    text-shadow: rgba(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, .01) 0 0 1px;
    text-shadow: rgba(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, .01) 0 0 1px;
    text-shadow: rgba(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;
}

.parallax-window {
    min-height: 300px;
    background: transparent;
}

.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: 35px;
}


/*********************************
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: 70%;
}

.home_container {
    width: 100%;
    height: 323px;
}

.home_content {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 60px;
}

.home_content h1 {
    font-size: 60px;
    font-weight: 700;
    color: #ffd600;
    margin-top: 29px;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #0d2569;
}

.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;
}


/*********************************
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;
}


/*********************************
11. Contact Map
*********************************/

.contact_map {
    width: 100%;
}

.map {
    width: 100%;
}

.google_map {
    width: 100%;
    height: 561px;
}

.map_container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#map {
    width: 100%;
    height: calc(100% + 30px);
}


/*********************************
11.1 Contact Info
*********************************/

.contact_info {
    width: 100%;
    background: #FFFFFF;
    padding-top: 97px;
    padding-bottom: 98px;
}

.contact_title {
    font-size: 24px;
    color: #000000;
    line-height: 0.75;
    font-weight: 500;
}

.contact_info_content {
    width: 100%;
}

.contact_info_image {
    width: 100%;
}

.contact_info_image img {
    max-width: 100%;
}

.contact_info_location {
    width: 100%;
}

.contact_info_title {
    display: inline-block;
    font-size: 18px;
    color: #000000;
    font-weight: 500;
    line-height: 1.4;
    border-bottom: solid 2px #0d2569;
}

.contact_info_list {
    margin-top: 40px;
}

.contact_info_list li {
    font-size: 14px;
    color: #6b6b6b;
    font-weight: 500;
    line-height: 1.71;
}

.contact_info_list li:not(:last-child) {
    margin-bottom: 16px;
}

.contact_info_list li span {
    color: #0d2569;
}

.contact_info_officer {
    display: inline-block;
    font-size: 18px;
    color: #000000;
    font-weight: 500;
    line-height: 1.4;
}

.contact_info_officer a:hover {
    color: #3b5396;
}


/*********************************
11.2 Contact Form
*********************************/

.contact_form_section {
    padding-bottom: 98px;
}

.contact_form {
    margin-top: 57px;
}

.contact_input {
    width: 100%;
    height: 52px;
    background: #ededed;
    border: none;
    outline: none;
    padding-left: 25px;
}

.contact_text {
    width: 100%;
    height: 186px;
    background: #ededed;
    border: none;
    outline: none;
    padding-left: 25px;
    margin-top: 28px;
    padding-top: 20px;
}

.contact_input::-webkit-input-placeholder,
.contact_text::-webkit-input-placeholder {
    font-size: 12px !important;
    font-weight: 500 !important;
    font-style: italic;
    color: #a4a4a4 !important;
}

.contact_input:-moz-placeholder,
.contact_text:-moz-placeholder {
    font-size: 12px !important;
    font-weight: 500 !important;
    font-style: italic;
    color: #a4a4a4 !important;
}

.contact_input::-moz-placeholder,
.contact_text::-moz-placeholder {
    font-size: 12px !important;
    font-weight: 500 !important;
    font-style: italic;
    color: #a4a4a4 !important;
}

.contact_input:-ms-input-placeholder,
.contact_text:-ms-input-placeholder {
    font-size: 12px !important;
    font-weight: 500 !important;
    font-style: italic;
    color: #a4a4a4 !important;
}

.contact_input::input-placeholder,
.contact_text::input-placeholder {
    font-size: 12px !important;
    font-weight: 500 !important;
    font-style: italic;
    color: #a4a4a4 !important;
}

.contact_button {
    position: relative;
    width: 157px;
    height: 54px;
    border: none;
    outline: none;
    background: #0d2569;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    cursor: pointer;
    margin-top: 23px;
}

.contact_button:hover {
    background: #3b5396;
}

.contact_button::after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #ffd600;
    content: '';
}


/*********************************
12. About
*********************************/

.about {
    padding-bottom: 98px;
}

.about_image_big {
    width: 100%;
    border-bottom: solid 3px #3b5396;
}

.about_image_big img {
    max-width: 100%;
}

.about_image_small {
    width: 100%;
    margin-top: 88px;
}

.about_image_small img {
    max-width: 100%;
}

.about_title_container {
    margin-top: 98px;
    width: 100%;
}

.about_content {
    font-weight: 300;
    color: #3b5396;
}

.about_title {
    font-size: 24px;
    font-weight: 500;
    color: #000000;
}

.about_list {
    margin-top: 14px;
}

.about_list li {
    font-size: 14px;
    font-weight: 500;
    color: #000000;
    margin-bottom: 14px;
}

.about_list li:last-child {
    margin-bottom: 0;
}

.about_list li a {
    color: #a4a4a4;
}

.about_text {
    margin-top: 33px;
}

.about_text ul a {
    margin-top: 33px;
}

.about_buttons ul li {
    display: inline-block;
    margin-right: 18px;
    cursor: pointer;
}

.about_buttons ul li img,
.about_buttons ul li svg {
    width: 27px;
    height: 27px;
}

.about_buttons ul li img svg {
    max-width: 100%;
}

.svg path,
.svg rect,
.svg polygon {
    fill: #c4c4c5;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.about_item:hover .svg path,
.about_item:hover .svg rect,
.about_item:hover .svg polygon {
    fill: #3b5396;
}

.about_anchor {
    margin-top: 40px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #000000;
    margin-bottom: 0px;
    vertical-align: text-bottom;
}

.about_link a {
    display: inline;
    position: relative;
    color: inherit;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.about_link a:hover,
a:visited,
a:active,
a:link {
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}

.about_link a:hover {
    color: #FFFFFF;
    background: #3b5396;
}

.about_link a:hover::after {
    opacity: 0.2;
}

.about_text_bold {
    font-size: 14px;
    font-weight: bolder;
    margin-bottom: 5px;
}

.about_text_bold a {
    font-size: 14px;
    font-weight: normal;
    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;
}

.about_text_bold a:hover {
    color: #FFFFFF;
    background: #3b5396;
}

.about_list_bold ul li {
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
    color: #6b6b6b;
}

.about_list_bold ul:last-child {
    margin-bottom: 0;
}

.about_list_bold a {
    font-size: 14px;
    font-weight: normal;
    display: inline;
    position: relative;
    color: #7c7c7c;
    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;
}

.about_list_bold a:hover {
    color: #FFFFFF;
    background: #3b5396;
}


/*********************************
13. Members
*********************************/

.mem
{
    width: 100%;
    background-color: gray;
}

.mem_l {
    height: 200px;
    position: relative;
    /*background-color: */
}

.mem_l p {
    margin: 0;
    position: absolute;
    top: 100%;
    left: 60%;
    transform: translate(-50%, -50%);
}

.mem_r {
    height: 200px;
    position: relative;
}

.mem_r p {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 300px;
}

.mem_image img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 70%;
}

.mem_link a {
    font-size: 18px;
    font-weight: bold;
}

.mem_text {
    width: 100%;
    height: 100%;
    display: table;
    text-align: center;
}

.mem_row{
    position: center;
    margin-top: 30%;
}

/*********************************
14. Testing
*********************************/

.testing_nav a {
    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;
}

.testing_nav a:hover {
    color: #0d2569;
    text-decoration: underline;
}


/*********************************
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;
}


/*********************************
16. Banner
*********************************/

.banner {
    width: 100%;
    background: #0d2569;
}

.banner_content {
    height: 154px;
}

.banner_title {
    font-size: 36px;
    color: #FFFFFF;
    font-weight: 500;
}

.banner_form {
    position: relative;
}

.banner_input {
    width: 463px;
    height: 49px;
    border: none;
    outline: none;
    padding-left: 20px;
    border-bottom: solid 2px #ffd600;
}

.banner_button {
    position: absolute;
    top: 0;
    right: 0;
    width: 157px;
    height: 47px;
    background: #000000;
    color: #FFFFFF;
    border: none;
    outline: none;
    cursor: pointer;
}

.banner_input::-webkit-input-placeholder {
    font-size: 12px !important;
    font-weight: 400 !important;
    font-style: italic;
    color: #b5b5b5 !important;
}

.banner_input:-moz-placeholder {
    font-size: 12px !important;
    font-weight: 400 !important;
    font-style: italic;
    color: #b5b5b5 !important;
}

.banner_input::-moz-placeholder {
    font-size: 12px !important;
    font-weight: 400 !important;
    font-style: italic;
    color: #b5b5b5 !important;
}

.banner_input:-ms-input-placeholder {
    font-size: 12px !important;
    font-weight: 400 !important;
    font-style: italic;
    color: #b5b5b5 !important;
}

.banner_input::input-placeholder {
    font-size: 12px !important;
    font-weight: 400 !important;
    font-style: italic;
    color: #b5b5b5 !important;
}


/*********************************
17. Calendar
*********************************/

.calendar {
    align-content: center;
}

.post-content.tock-fix {
    display: block;
    width: 100%;
}