body {
    font-family: 'Niramit', sans-serif;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
   font-family: 'Niramit', sans-serif;
}

p {line-height: 29px;}

.h2, h2 {font-size: 1.875rem;}
.h5, h5 {font-size: 1.375rem;}

a {color: #007CC3;}
a:hover {color: #007CC3;}

::selection {background: #007CC3; color: #fff;}
::-moz-selection {background: #007CC3; color: #fff;}

.btn {border-radius: 0; border: none;}
.btn:active, .btn.active, button:focus, .btn:focus {-webkit-box-shadow: none; box-shadow: none; outline: none;}
.btn-primary {background: #007CC3; color: #fff; border: 0; border-radius: 0; transition: all 250ms; white-space: normal; position: relative;}
.btn-primary:hover {background: #007CC3;}

.btn-social {color: #B5B5B5; background-color: #fff;}

.bg-main {background: #F6FCFF;}
.bg-blue {background: #007CC3;}
.bg-green {background: #97BF0D;}
.bg-yellow {background: #FFD300;}

.text-main {color: #F6FCFF;}
.text-blue {color: #007CC3;}
.text-red {color: #C1002B;}

.z-index-1 {z-index: 1;}
.z-index-2 {z-index: 2;}

.half-main::before {content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: 50%; background: #F6FCFF;}

.smartyButtonLink .smartyButton {height: 38px;}
header .logo-container {width: 100%;}
header .logo-wrapper {width: 100%; max-width: 300px; background-color: white; z-index: 2;}
.content-page h1 {margin-bottom: 1.5rem !important;}

/* NAV */
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {color: #C1002B;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: #C1002B;}
.navbar-light .navbar-nav .nav-link {color: #007CC3; font-weight: 700;}
.nav-link::before {font-family: 'Font Awesome 5 Free'; margin-right: .25rem; font-weight: 900;}
.nav-link.btn-search::before {content: '\f002'; font-size: 1rem;}
.nav-link.btn-search:not(.collapsed)::before {content: '\f057'; font-weight: 400;}

/* SUBMENU */
.dropdown-item::before {display: none;}
.dropdown-item.active, .dropdown-item:active {background: #C1002B;}
.dropdown-menu li a {white-space: normal; padding: 10px 20px;}
.dropdown-menu {border: none; border-radius: 0; padding: 0;}
.dropdown-submenu {position:relative;}
.dropdown-submenu > .dropdown-menu {top: 0; left: 100%; margin: 0 1rem;}

/* HEADER */
.form-control:focus {border-color: #007CC3; box-shadow:0 0 0 0.2rem rgba(0, 124, 195, .25); outline: 0;}
.searchContentWrapperOnsite {display: flex;}

.btn-search {cursor: pointer;}
.btn-search-sm {
    background: #007CC3;
    border: none;
    display: inline-flex;
    align-items: center;
    border-radius: 0;
    cursor: pointer;
    vertical-align: middle;
}
.btn-search-sm:hover {background: #C1002B;}
.btn-search-sm a {padding: 6px 12px;}
.btn-search-sm a::after {
    content: '\f101';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #fff;
    display: inline-block;
}

/* CONTENT */
.breadcrumbsBlock > span {font-size: 0;}
.breadcrumbsBlock > span::after {content: '\f015'; font-weight: 900; font-size: 1rem; font-family: 'Font Awesome 5 Free'; color: #007CC3;}
#contentCmsBody input[type=text]:focus,
#contentCmsBody input[type=password]:focus,
#contentCmsBody textarea:focus {border-color: #007CC3; box-shadow:0 0 0 0.2rem rgba(0, 124, 195, .25); outline: 0;}
#contentCmsBody input[type=text], #contentCmsBody input[type=password], #contentCmsBody textarea {
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057 !important;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

/*SLIDER*/
.slide {display: flex;}
.slide > .container {position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; justify-content: flex-end;}
.slideshow-item-image {width: 100%;}
.slideshow {position: relative; touch-action: manipulation;}

.slideshow .owl-controls {position: absolute; top: 0; bottom: 0; display: flex; justify-content: center; align-items: center;}
.slideshow .owl-dots .owl-dot {margin: 0 1rem;}
.slideshow .owl-dots .owl-dot::after {content: "\2B24"; color: #C1002B; font-size: .75rem; display: block;}
.slideshow .owl-dots .owl-dot.active::after {color: #FFD300;}

.slide-home .slideshow-image, .slideshow-image {
    height: 328px;/* Must be in pixels!*/
    width: 100%;
    background-size: cover;
    background-position: center;
    position: relative;
}

.slideshow-item-overlay {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    width: 100%;;
    color: #fff;
    line-height: 24px;
    font-size: 17px;
    padding: 40px;
    position: absolute;
    bottom: 0;
}

.slideshow-item-overlay h2 {
    font-size: 3.125rem;
}

/* QUICK-MENU */
.quick-menu {position: relative; z-index: 1;}
.quick-menu-button {transition: all 250ms ease-out; margin: 0; position: relative;}
.quick-menu-button::before {content: ''; opacity: .85; background: url(/images/icon-1.svg) no-repeat center / contain; width: 60px; height: calc(100% - 20px); top: 10px; left: 10px; position: absolute;}
.quick-menu-button:nth-child(3n+2)::before {background: url(/images/icon-2.svg) no-repeat center / contain;}
.quick-menu-button:nth-child(3n+3)::before {background: url(/images/icon-3.svg) no-repeat center / contain;}

.quick-menu-button + .quick-menu-button {margin: 15px 0 0;}
.quick-menu-button:nth-child(3n+1) {background: #FFD300;}
.quick-menu-button:nth-child(3n+2) {background: #D40829;}
.quick-menu-button:nth-child(3n+3) {background: #97BF0D;}

.quick-menu-button:hover {-ms-transform: translateY(-3px); -webkit-transform: translateY(-3px); transform: translateY(-3px);}
.quick-menu-button:hover, .quick-menu-button:focus {text-decoration: none; color: #fff;}

/*MAIN*/
.contentWrapper {margin: 0;}
.news-wrapper::before {content: ''; background: url(/images/bar.svg) repeat-x 0 60%; width: 100%; height: 100%; position: absolute; top: 0;}

/* NEWS */
.newsOS .newsBlokTitle {font-size: 1.25rem; font-weight: 700; margin-bottom: 1.5rem;}
.newsOS .newsBlokTitle a {color: #fff;}
.newsOS .newsContentItem + .newsContentItem {margin: 1.875rem 0 0 0;}
.newsOS .newsOSContent {display: flex; flex-direction: column;}
.newsOS .newsContentItem {background: #fff; position: relative; overflow: hidden; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);}
.newsOS .newsTitle a {color:#007CC3; font-weight: 700;}
.newsOS .newsItemImage {background: url('/images/default.png') no-repeat center / cover; width: 100%; height: 182px; max-width: 100% !important; max-height: 100% !important;}
.newsOS .date {width: 100%; padding: .5rem 1rem;}
.newsOS .date span + span {margin-left: .25rem;}
.newsOS .newsTitle {padding: .625rem; text-align: center;}
.newsOS .newsTeaser {padding: 0 1.25rem 1rem;}
.newsOs div.readMore {padding: 0 1.25rem 1.25rem;}
.newsOS a.readMore::after {content: '\f35a'; font-family: 'Font Awesome 5 Free'; display: inline-block; margin-left: 4px;}
.newsOS .allNews a {color: #fff; text-transform: lowercase; font-weight: 700; display: inline-block; margin-top: 1rem;}
.newsOS .allNews a:hover::after {margin-left: .5rem;}
.newsOS .allNews a::after {content: '\f30b'; font-family: 'Font Awesome 5 Free'; font-weight: 900; display: inline-block; margin-left: .25rem; color: rgba(255, 255, 255, .8); transition: all ease .25s;}

/* CALENDAR */
.calendarOS .calendarOSHeader {color:#152786; font-family: 'Pangolin', cursive; font-size: 1.25rem; margin-bottom: 1.25rem;}
.calendarOS .calendarItem {display: flex;}
.calendarOS .calendarItem + .calendarItem {margin-top: .5rem;}
.calendarOS .calendarOverview {font-weight: 700; margin-top: 1rem;}
.calendarOS .calendarItemDate {color:#152786;}
.calendarOS .calendarItemDate span + span {margin-left: .25rem;}
.calendarOS .calendarItemDate::after {content: ' - '; display: inline-block; margin: 0 .5rem;}

/* PARTNERS */
.sponsor-wrapper .owl-stage {display: flex;}

/* PHOTO WRAPPER */
.photo-wrapper {height: 336px;}
.photo-wrapper .albumThumbImage {height: 336px; width: 570px; background-size: cover; background-position: center;}

.extra-wrapper .bg-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(/images/default.png) no-repeat center / cover;
    opacity: .1;
}

/*FOOTER*/
footer .footer-top {position: relative;}
footer .footer-top > .container {position: relative; z-index: 1;}
footer .footer-top .quick-contact-item {max-width: 200px;}

footer .footer-top .social .btn {min-width: 40px;}
footer .footer-top .social .btn + .btn {margin-left: .5rem;}

footer .footer-top::before {
    content: '';
    background: url(/images/book.svg) no-repeat;
    position: absolute;
    top: -87px;
    right: 25px;
    width: 615px;
    height: 481px;
    opacity: .06;
}

footer ul {list-style: none; padding-left: 1rem; margin: 0; flex-flow: wrap column;}
footer ul li::before {content: "\f45c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #FFD300; display: inline-block; margin: 0 .625rem 0 -1rem;}

@media (min-width: 768px) { 
    .newsOS .newsContentItem + .newsContentItem {margin: 0 0 0 1.875rem;}
    .newsOS .newsOSContent {flex-direction: row;}
    .newsOS .newsContentItem {flex: 1 1 0%; max-width: 255px;}
    .navbar {display: flex; align-items: flex-end; background-color: transparent; border-color: transparent; border-radius: 0; margin: 0; border: none;}
    .navbar-light .navbar-nav .nav-link {display: block; cursor: pointer; white-space: nowrap;}
    .navbar-light .navbar-nav .selected .nav-link {color: #C1002B;}
    .nav-link::before {display: block; text-align: center; margin: 0;}
    .nav-link.btn-search {font-size: 0;}
    .navbar-collapse.collapse {padding: 0; width: 100%;}
    .dropdown-submenu > .dropdown-menu {margin: 0;}
    .quick-menu-button + .quick-menu-button { margin: 0 0 0 15px;}

    footer ul {display: flex; max-height: 132px;}
}

@media (min-width: 992px) {
    header .logo-wrapper {height: 145px; padding: 1rem; position: absolute;}
}