html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
*, ::after, ::before { box-sizing: border-box; }
body { font-family: arial, sans-serif; }
#header { width: 100%; position: relative; }
.center { max-width: 1280px; margin: 0 auto; }
.logo { position: absolute; left: calc(50% - 55px); top: 20px; z-index: 99999; width: 150px; height: 150px; }
.logo img { max-width: 157px; height: auto; width: 100%; }
.topHeader { float: left; width: 100%; background-color: #2497b1; padding: 25px 0; }
#selectLanguage { position: relative; }
#selectLanguage option { color: #000 !important; }
.selectIcon { position: absolute; top: 7px; left: 8px; color: #fff; }
#selectLanguage select { -webkit-appearance: none; -moz-appearance: none; appearance: none; float: left; background: transparent; border: 1px solid #fff; padding: 7px 12px 7px 28px; border-radius: 20px; color: #fff; outline: none; }
#searchForm { float: right; position: relative; }
#searchForm input[type="text"] { padding: 8px; background: transparent; border: 1px solid #fff; color: #fff; border-radius: 20px; outline: none; }
#searchForm input[type="text"]::placeholder { color: #fff; }
#searchForm input[type="submit"] { position: absolute; cursor: pointer; right: 10px; top: 7px; background: none; border: none; outline: none; background-image: url(../img/search.svg); background-repeat: no-repeat; background-position: center; background-size: 17px; width: 17px; height: 17px; }
.bottomHeader { background-color: #304c60; width: 100%; float: left; position: relative; }
.menu { float: left; max-width: 50%; width: 100%; }
.menuBtn { float: left; padding: 20px 10px; cursor: pointer; }
.menu ul li { display: inline-block; }
.menu ul li a { display: inline-block; padding: 20px 10px; color: #fff; text-decoration: none; font-size: 14px; }
.menuSocialIcons { float: right; }
.menuSocialIcons li { display: inline-block; }
.menuSocialIcons li a { display: inline-block; color: #fff; text-decoration: none; padding: 20px 5px; font-size: 14px; }
.menuSocialIcons li a i { font-size: 16px; }
.menuActive a { color: #2497b1 !important; }
.menu ul li:hover a { color: #dedede !important; }
.bottomHeader .menuSocialIcons li:hover a { color: #dedede !important; }
.menuSocialIcons li:hover a { color: #2f4b61 !important; }
.megaMenu { position: relative; float: left; width: 100%; }
.megaMenu > div { display: none; position: absolute; background-color: #fff; color: #444; top: 100%; left: 0; right: 0; z-index: 9999; padding: 20px; box-shadow: 0 2px 22px 0 rgba(0, 0, 0, .11), 0 4px 5px 0 rgba(0, 0, 0, .22); }
.megaMenu > div > ul { display: flex; flex-flow: row wrap; }
.megaMenu > div > ul > li { max-width: calc(25% - 20px); width: 100%; float: left; margin-right: 20px; margin-bottom: 40px; }
.megaMenu > div > ul > li h2 { font-size: 18px; font-weight: bold; color: #444; padding-bottom: 10px; border-bottom: 2px solid #444; }
.megaMenu > div > ul > li h2 i { display: none; }
.childMenu { padding-top: 20px; }
.childMenu li { float: left; width: calc(100% - 20px); padding: 7px 10px; border-bottom: 1px solid #dedede; }
.childMenu li a { text-decoration: none; color: #444; font-size: 14px; font-weight: bold; }
.childMenu li a:hover { text-decoration: underline; color: #000; }
.childMenu li:last-child { border-bottom: none; }
.menuArticles { display: inline-block; width: 100%; }
.menuArticles > h1 { font-size: 14px; color: #444; font-weight: bold; margin-bottom: 10px; }
.menuArticles a { text-decoration: none; }
.menuArticles ul li { float: left; width: calc(25% - 20px); margin-right: 20px; }
.menuArticles ul li img { max-width: 150px; width: 100%; height: auto; margin-right: 10px; float: left; }
.menuArticles ul li h2 { clear: none; font-size: 14px; color: #444; font-weight: bold; line-height: 1.3; padding-bottom: 10px; }
#content {float: left;width: 100%;min-height: calc(100vh - 428px);}
#homeSlider { padding: 20px 0; }
#homeSlider .swiper-container { width: 100%; height: 100%; }
#homeSlider .swiper-slide { position: relative; text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
#homeSlider .swiper-slide img { max-width: 100%; width: 100%; }
#homeSlider .swiper-button-prev { background-image: url('../img/arrowRight.svg'); }
#homeSlider .swiper-button-next { background-image: url('../img/arrowLeft.svg'); }
#homeSlider .swiper-pagination-bullet { width: 15px; height: 15px; opacity: 1; background: transparent; border: 2px solid #fff; }
#homeSlider .swiper-pagination-bullet-active { background: #fff; }
#homeSlider .sliderLayer { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.3); z-index: 5; }
#homeSlider .sliderCaption { position: absolute; bottom: 80px; left: 100px; max-width: 50%; width: 100%; text-align: left; z-index: 999; }
#homeSlider .sliderCaption h2 { font-size: 36px; color: #fff; padding: 10px 0; }
#homeSlider .sliderCaption p { font-size: 18px; color: #fff; padding: 10px 0; line-height: 1.3; }
.defaultBtn { padding: 15px 40px; text-decoration: none; color: #fff; font-size: 14px; font-weight: bold; border-radius: 5px; text-transform: uppercase; background-color: #2497b1; margin: 10px 0; display: inline-block; }
.topNews { padding: 0 0 20px 0; }
.topNews > ul > li { max-width: 40%; width: 100%; float: right; background-color: #ebfbff; margin-bottom: 20px; }
.topNews > ul > li > a > img { max-width: 44%; height: auto; float: left; margin-right: 20px; }
.topNews > ul > li .newsDetails { display: inline; }
.topNews > ul > li .newsIcons { text-align: center; display: inline-block; padding-top: 10px; padding-bottom: 10px; }
.topNews > ul > li .newsIcons li { display: inline-block; padding-right: 10px; }
.topNews > ul > li .newsIcons li { font-size: 12px; font-weight: bold; color: #2497b1; }
.topNews > ul > li .newsIcons li img { vertical-align: bottom; }
.topNews > ul > li .newsDetails h2 { font-size: 18px; font-weight: bold; padding: 20px 20px 0 0; line-height: 1.3 }
.topNews > ul > li .newsDetails a { text-decoration: none; color: #304c60; }
.topNews > ul > li:first-child { max-width: calc(60% - 20px); width: 100%; position: relative; margin-right: 10px; float: left; }
.topNews > ul > li:first-child  > a > img { max-width: 100%; width: 100%; height: auto; }
.topNews > ul > li:first-child .newsDetails { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); padding: 100px; text-align: center; }
.topNews > ul > li:first-child .newsDetails a { text-decoration: none; color: #fff; }
.topNews > ul > li:first-child .newsDetails h2 { font-size: 36px; padding-bottom: 20px }
.topNews > ul > li:first-child .newsIcons { text-align: center; display: inline-block; width: 100%; padding-top: 20px }
.topNews > ul > li:first-child .newsIcons li { display: inline-block; padding-right: 10px; }
.news { display: inline-block; width: 100%; padding: 0; }
.mainNews { width: calc(100% - 320px); display: flex; flex-flow: row wrap; float: left; }
.singleNews { width: calc(33.3% - 20px); margin-right: 20px; margin-bottom: 20px; background-color: #ebfbff; padding-bottom: 40px; position: relative; }
.newsImgWrap img { max-width: 100%; width: 100%; height: auto; }
.singleNews a { text-decoration: none; color: inherit; }
.singleNews h2 { color: #304c60; font-size: 18px; font-weight: bold; display: block; padding: 15px 20px; }
.singleNews p { font-size: 14px; color: #444444; padding: 0 20px; line-height: 1.3; }
.singleNews .newsIcons { text-align: center; position: absolute; bottom: 0; padding: 10px 20px; }
.singleNews .newsIcons li { display: inline-block; padding-right: 10px; font-size: 15px; font-weight: bold; color: #2497b1; }
.singleNews:nth-of-type(2) { width: calc(66.6% - 20px) !important; position: relative; }
.singleNews:nth-of-type(2) .newsImgWrap { width: 50%; position: absolute; right: 0; top: 0; bottom: 0; background-size: cover; background-repeat: no-repeat; background-position: center; }
.singleNews:nth-of-type(2) .secondNews { max-width: 50%; width: 100%; }
.singleNews:nth-of-type(2) h2 { padding: 20px 20px 10px 20px; line-height: 1.2 }
.singleNews:nth-of-type(2) p { padding: 10px 20px; }
.singleNews:nth-of-type(2) .newsIcons { padding: 10px 30px; }
.sidebarNews { background-color: #ebfbff; width: 100%; }
.singleSidebarNews { width: 100%; background-color: #ebfbff; padding: 20px 20px 40px 20px; position: relative; }
.singleSidebarNews a { text-decoration: none; color: inherit; }
.singleSidebarNews h2 { color: #304c60; font-size: 18px; font-weight: bold; display: block; padding: 10px 0; }
.singleSidebarNews p { font-size: 14px; color: #444444; padding: 0; line-height: 1.3; }
.singleSidebarNews .newsIcons { text-align: center; position: absolute; bottom: 0; padding: 10px 0; }
.singleSidebarNews .newsIcons li { display: inline-block; padding-right: 10px; }
.singleSidebarNews .newsIcons li { font-size: 12px; font-weight: bold; color: #2497b1; }
.singleSidebarNews .newsIcons li img { vertical-align: bottom; }
.testimonials { background-color: #2497b1; text-align: center; margin-bottom: 20px; }
.testimonials .swiper-container { padding: 60px 0 80px 0; }
.testimonial { max-width: 60%; width: 100%; margin: 0 auto; }
.testimonial h2 { font-size: 36px; color: #fff; font-weight: bold; line-height: 1.3; padding-bottom: 20px; }
.testimonial p { font-size: 14px; color: #fff; line-height: 1.3; }
.testimonials .swiper-button-prev { background-image: url('../img/arrowRight.svg'); }
.testimonials .swiper-button-next { background-image: url('../img/arrowLeft.svg'); }
.testimonials .swiper-pagination-bullets { bottom: 40px; }
.testimonials .swiper-pagination-bullet { width: 15px; height: 15px; opacity: 1; background: transparent; border: 2px solid #fff; }
.testimonials .swiper-pagination-bullet-active { background: #fff; }
#footer { background-color: #304c60; padding: 50px 0; float: left; width: 100%; }
.footerSection { float: left; max-width: calc(25% - 20px); margin-right: 20px; width: 100%; }
.footerSection h2 { font-size: 14px; color: #2497b1; text-transform: uppercase; font-weight: bold; }
.footerSection ul { margin: 20px 0; }
.footerSection ul li { display: inline-block; width: 100%; padding: 3px 0; line-height: 1.3; }
.footerSection ul li a { text-decoration: none; color: #fff; font-size: 14px; }
.subscribe { margin-top: 20px; }
.subscribe input[type="text"] { width: calc(100% - 130px); padding: 10px; background: transparent; border: 1px solid #fff; border-radius: 5px; outline: none; color: #fff; }
.subscribe input[type="text"]::placeholder { color: #fff; }
.subscribe input[type="submit"] { background-color: #fff; border: none; padding: 13px 14px; border-radius: 5px; margin-left: 10px; outline: none; font-size: 11px; text-transform: uppercase; font-weight: bold; color: #304c60; cursor: pointer; }
.homeVideo { position: relative; padding-bottom: 40%; height: 350px; overflow: hidden; width: 100%; }
.homeVideo.currentTab { display: inherit; }
.homeVideo iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
.videoThumbnails { width: 100%; margin: 0 0 20px; background-color: #eafbff; padding: 15px; display: flex; align-items: center; justify-content: center; }
.videoThumbnails li { max-width: calc(16.6% - 17px); margin-right: 20px; width: 100%; float: left; cursor: pointer; }
.videoThumbnails li img { max-width: 100%; width: 100%; }
.videoThumbnails li:last-child { margin-right: 0; float: right; }

/* .videoData { position: absolute; z-index: 9999; background: rgba(255, 255, 255, 0.8); border-radius: 10px; top: 200px; left: 100px; max-width: 30%; width: 100%; padding: 30px; } */
.videoData { z-index: 9999; background: rgb(36, 151, 176); bottom: 0; left: 0; width: 100%; padding: 20px; }
.videoData a { text-decoration: none; }
.videoData h2 { font-size: 18px; color: #ffffff; font-weight: bold; }
.videoData p { color: #ffffff; font-size: 14px; line-height: 1.3; padding: 10px 0; }
.readMore { color: #304c60; font-size: 14px; font-weight: bold; text-decoration: none; }
.videoData i { font-size: 28px; color: #304c60; position: absolute; right: 5px; top: 5px; cursor: pointer; }
.single { float: left; width: calc(100% - 340px); margin: 20px 0 0; }
.featuredImageWrapper { float: left; width: 100%; position: relative; margin-bottom: 15px; }
.featuredImageWrapper img { max-width: 100%; width: 100%; height: auto; }
.imgOverlay { position: absolute; top: 0; bottom: 3px; left: 0; right: 0; background: rgba(0, 0, 0, 0.3); }
.singleTitle { margin: 20px 0 0 0; font-size: 32px; display: inline-block; width: 100%; font-weight: bold; color: #304c60; }
.single .newsIcons { text-align: center; display: inline-block; padding-top: 10px; padding-bottom: 10px; }
.single .newsIcons li { display: inline-block; padding-right: 10px; }
.single .newsIcons li a { font-size: 12px; font-weight: bold; color: #2497b1; text-decoration: none; }
.single .newsIcons li img { vertical-align: bottom; }
.singleDescription { line-height: 1.3; width: 100%; float: right; padding: 0 20px; margin-bottom: 20px; }
.singleDescriptionPage { line-height: 1.3; width: 100%; float: right; padding: 0 20px; margin-bottom: 20px; }

/*.singleDescription p { padding: 5px 0; font-size: 16px; }
.singleDescription ul, .singleDescription ol { position: relative; padding: 10px 0; }
.singleDescription ul li, .singleDescription ol li { padding: 5px 0; list-style: initial; list-style-position: inside; }
.singleDescription h1 { font-size: 28px; padding: 5px 0; }
.singleDescription h2 { font-size: 26px; padding: 5px 0; }
.singleDescription h3 { font-size: 24px; padding: 5px 0; }
.singleDescription h4 { font-size: 20px; padding: 5px 0; }
.singleDescription h5 { font-size: 18px; padding: 5px 0; }
.singleDescription h6 { font-size: 16px; padding: 5px 0; }*/
#sidebar { float: right; max-width: 320px; width: 100%; }
.newsInside { background-color: #ebfbff; display: flex; flex-flow: row wrap; }
.singleSidebarNewsInside { width: calc(100% - 40px); margin-bottom: 10px; background-color: #ebfbff; padding: 20px 20px 40px 20px; position: relative; }
.singleSidebarNewsInside a { text-decoration: none; color: inherit; }
.singleSidebarNewsInside h2 { color: #304c60; font-size: 18px; font-weight: bold; display: block; padding: 10px; }
.singleSidebarNewsInside p { font-size: 14px; color: #444444; padding: 0 10px; line-height: 1.3; }
.singleSidebarNewsInside .newsIcons { text-align: center; position: absolute; bottom: 0; padding: 10px; }
.singleSidebarNewsInside .newsIcons li { display: inline-block; padding-right: 10px; }
.singleSidebarNewsInside .newsIcons li { font-size: 12px; font-weight: bold; color: #2497b1; }
.singleSidebarNewsInside .newsIcons li img { vertical-align: bottom; }
.category { float: left; width: calc(100% - 320px); margin: 20px 0; }
.category > h1 { font-size: 36px; font-weight: bold; color: #304c60; padding-bottom: 5px; }
.categoryList { margin-top: 20px; }
.categoryList > li { max-width: 100%; width: 100%; margin-bottom: 20px; display: inline-block; }
.categoryList > li > a > img { max-width: 300px; width: 100%; float: left; margin-right: 20px; height: auto; }
.categoryList > li > a > h2 { font-size: 28px; font-weight: bold; color: #304c60; padding-bottom: 10px; line-height: 1.3; }
.categoryList > li > a { text-decoration: none; }
.categoryList > li p { line-height: 1.3; font-size: 14px; color: #304c60; }
.category .newsIcons { text-align: center; display: inline-block; padding-top: 10px; padding-bottom: 10px; }
.category .newsIcons li { display: inline-block; padding-right: 10px; font-size: 12px; font-weight: bold; color: #2497b1; text-decoration: none; }
.category .newsIcons li img { vertical-align: bottom; }
.pagination { display: inline-block; width: 100%; margin: 20px 0; }
.pagination ul li { display: inline-block; margin-left: 5px; }
.pagination ul li a { display: inline-block; padding: 8px 10px; font-size: 14px; color: #fff; background-color: #2497b1; text-decoration: none; border-radius: 3px; }
.paginationActive a, .pagination ul li:hover a { background-color: #304c60 !important; }
.notFound { max-width: 700px; margin: 80px auto; text-align: center; }
.notFound h1 { font-size: 98px; font-weight: bold; color: #2497b1; text-shadow: 1px 1px #304c60; line-height: 1.3; }
.notFound h3 { font-size: 48px; color: #444; font-weight: bold; line-height: 1.3; }
.notFound p { font-size: 14px; color: #444; padding-top: 20px; line-height: 1.3; }
.notFound form { padding: 20px; }
.notFound form input[type="text"] { padding: 10px; border: none; background-color: #e8e8e8; border-radius: 5px; outline: none; width: 250px; }
.notFound form input[type="submit"] { padding: 10px 30px; border: none; background-color: #2497b1; font-size: 14px; font-weight: bold; color: #fff; outline: none; border-radius: 5px; cursor: pointer; }
.homeBtn { text-decoration: none; color: #fff; background-color: #304c60; padding: 10px 20px; border-radius: 5px; margin: 20px 0; display: inline-block; }
.contact { max-width: 786px; width: 100%; margin: 50px auto; }
.contact > h1 { font-size: 36px; color: #304c60; margin-bottom: 10px; padding-bottom: 10px; font-weight: bold; }
.contact ul li { float: left; padding: 5px 0; width: 50%; color: #444; font-size: 14px; }
.contact ul li i { color: #304c60; }
.contact form { margin: 20px 0; display: inline-block; }
.contact form input[type="text"], .contact form input[type="email"], .contact form textarea { padding: 15px; width: calc(100% - 30px); border: none; background-color: #e8e8e8; border-radius: 5px; outline: none; margin-bottom: 20px; }
.contact form input[type="submit"] { padding: 12px 30px; background-color: #2497b1; border: none; font-size: 14px; font-weight: bold; color: #fff; outline: none; cursor: pointer; border-radius: 5px; }
#successMsg { color: #37bb0d; font-weight: bold; font-size: 12px; margin-bottom: 20px; }
#errorMsg { color: #fd3030; font-weight: bold; font-size: 12px; margin-bottom: 20px; }

/* .iframe-container {overflow: hidden;padding-top: 56.25%;position: relative;} */
.iframe-container { overflow: hidden; padding-top: 46.25%; position: relative; }
.iframe-container iframe { border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.video-tabs { position: relative; overflow: hidden; display: none; }
.currentTab { display: block !important; }

/*html {
  font-size: 1rem;
}

@include media-breakpoint-up(sm) {
  html {
    font-size: 1.2rem;
  }
}

@include media-breakpoint-up(md) {
  html {
    font-size: 1.4rem;
  }
}

@include media-breakpoint-up(lg) {
  html {
    font-size: 1.6rem;
  }
}*/
.text { color: #2f4b61; }
.text p { display: block; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; margin-top: 0; margin-bottom: 1rem; }
.text h1, .text h2, .text h3, .text h4, .text h5, .text h6 { margin-bottom: .5rem; font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit; }
.text h1 { font-size: 2.5rem; color: #1997b2; }
.text h2 { font-size: 2rem; color: #1997b2; }
.text h3 { font-size: 1.75rem; }
.text h4 { font-size: 1.5rem; }
.text h5 { font-size: 1.25rem; }
.text h6 { font-size: 1rem; }
.text mark { padding: .2em; background-color: #fcf8e3; }
.text s, .text strike, .text del { text-decoration: line-through; }
.text u, .text ins { text-decoration: underline; }
.text small { font-size: 80%; font-weight: 400; }
.text b, .text strong { font-weight: bolder; }
.text i, .text cite, .text em, .text var, .text address, .text dfn { font-style: italic; }
.text code { font-size: 87.5%; color: #e83e8c; word-break: break-word; }
.text abbr[data-original-title], .text abbr[title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; text-decoration-skip-ink: none; }
.text blockquote { margin: 0 0 1rem; margin-bottom: 1rem; font-size: 1.25rem; }
.text-center { text-align: center !important; }
.text dl, .text ol, .text ul { margin-top: 0; margin-bottom: 1rem; }
.text ol ol, .text ol ul, .text ul ol, .text ul ul { margin-bottom: 0; }
.text li { padding: 5px 0; list-style: initial; list-style-position: inside; }
.text svg { overflow: hidden; vertical-align: middle; }
.text img { max-width: 100% !important; }
.text table { border-collapse: collapse; width: 100% !important; margin-bottom: 1rem; background-color: transparent; }
.text table td, .text table th { padding: .75rem; vertical-align: top; border-top: 1px solid #dee2e6; }
.text table thead th { text-align: left; font-weight: bold; vertical-align: bottom; border-bottom: 2px solid #dee2e6; }
.text button { border-radius: 0; }
.text button, .text input, .text optgroup, .text select, .text textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; }
.text button, .text input { overflow: visible; }
.text button, .text select { text-transform: none; }
.text [type=button], .text [type=reset], .text [type=submit], .text button { -webkit-appearance: button; }
.text button, .button { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; cursor: pointer; color: #fff; background-color: #2497B2; border-color: #2497B2; }
.dotted { width: 100%; border-bottom: 1px dotted #304c60; padding: 5px 0 0 0; margin-bottom: 20px; display: inline-block; }
.more-text { font-size: 12px; font-style: italic; float: right; display: block; cursor: pointer; background-color: #1997b2; padding: 10px 15px; color: #fff; }
.videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; margin-bottom: 10px; background-color: #000; }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
.video-container { width: 100%; padding: 20px 20px 5px; background-color: #e9fbff; margin-bottom: 20px; }
.video-container h3 { color: #2f4b61; font-size: 1rem; font-weight: bold; }
.single-sidebar { float: left; width: 300px; background-color: #eafbff; padding: 20px; margin-bottom: 20px; }
.single-sidebar-item { margin-bottom: 15px; border-bottom: 1px solid #2497b1; }
.single-sidebar-item:last-child { margin-bottom: 0; border-bottom: none; }
.single-sidebar-item i { font-style: normal; font-size: 35px; color: #2497b1; float: left; margin-right: 15px; }
.single-sidebar-item h2 { font-size: 1rem; font-weight: bold; }
.single-sidebar-item .button { width: 100%; text-decoration: none; margin-bottom: 15px; background-color: #2497b1; border-color: #2497b1; font-size: 0.8rem; }
.single-sidebar-item .button i { color: #fff; font-size: 1.4rem; margin-right: 0; }
.help { font-size: 0.8rem; font-style: italic; line-height: 1.3; }
.help a { color: #2497b1; text-decoration: none; }
.single-sidebar-item.konsulta i { color: #6B1F3E; }
.single-sidebar-item.konsulta .button { background-color: #6B1F3E; border-color: #6B1F3E; }
.videos { background-color: #000; }
.more { display: inline-block; }
.mobile-logo { display: none; position: relative; float: left; z-index: 9999; width: 175px; }
.hide-mobile { display: block; }
.single-wrapper { display: flex; width: 100%; }
.forgetPassword { background-color: #F96819; padding: 15px; margin-top: 10px; width: 100%; display: block; color: white; text-align: center; text-decoration: none; font-style: normal; font-weight: bold; font-size: 15px;}

/* user styles */
#msg { padding: 10px; font-size: 14px; background-color: #e0c507; color: #304c60; border-radius: 5px; margin: 20px auto; width: 80%; text-align: center; }
.userMenu { display: inline-block; width: 100%; background-color: #2497b1; margin: 20px 0; border-radius: 5px; }
.userMenu li { display: inline-block; }
.userMenu li a { display: inline-block; padding: 15px 0 15px 15px; font-size: 14px; color: #fff; text-decoration: none; }
.userMenu li a:hover { color: #dedede; }
.row { display: inline-block; width: 100%; }
.form { margin: 0 0 40px 0; display: inline-block; width: 100%; }
.form label { font-size: 14px; font-weight: 500; color: #555; padding: 15px 0 5px 0; display: block; }
.form input, .form select, .form textarea { padding: 10px; width: 100%; font-size: 14px; border: 1px solid #dedede; border-radius: 5px; }
.form button { margin: 10px 0; padding: 10px 30px; margin-top: 20px; border: none; background-color: #304c60; color: #fff; border-radius: 3px; cursor: pointer; }
.help-block { font-size: 12px; font-style: italic; display: block; color: #555; padding-top: 5px; }
.panel-heading { font-weight: bold; font-size: 22px; margin: 10px 0; display: block; }
.adv-table { padding: 10px; background-color: #eaeaea; font-size: 14px; }
.adv-table a { color: #304c60; text-decoration: none; }
.rezervim { background-color: #eaeaea; padding: 10px; }
.modal { display: none; position: fixed; z-index: 999999; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.4); }
.modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 5px solid #165b6a; width: 80%; }
.modal-content h1 { font-size: 18px; font-weight: bold; color: #333 }
.formBtn { padding: 7px 15px; border: none; background-color: #304c60; color: #fff !important; border-radius: 3px; cursor: pointer; }
.close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; }
.close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; }
.deleteTime { font-size: 14px; text-decoration: none; background-color: #165b6a; color: #fff; padding: 10px 30px; display: inline-block; margin-top: 40px; border-radius: 3px; }
td[class="day"] { background-color: #673AB7; color: #fff; }
td[class="day"]:hover { background-color: #2d0b6b !important; }
.document { padding: 10px; }
.document h3 { font-size: 22px; color: #222; font-weight: bold; margin-bottom: 10px; }
.document p { font-size: 16px; color: #222; line-height: 1.3; }
.buyNow { padding: 7px 15px; border: none; background-color: #304c60; color: #fff !important; border-radius: 3px; cursor: pointer; display: inline-block; text-decoration: none; margin-top: 20px; }
.form-wrapper { position: relative; margin: 100px auto; max-width: 350px; width: 100%; min-height: 400px; }
.loginform { transition: width 1s; position: absolute; border: 1px solid #2497b1; padding: 20px; }
.loginform h1 { font-size: 22px; font-weight: bold; text-align: center; margin-bottom: 20px; color: #2497b1; }
.loginform input[type="text"], .loginform input[type="email"], .loginform input[type="password"] { padding: 10px; background-color: #f7f7f7; border: 1px solid #dedede; outline: none; width: 100%; margin-bottom: 20px; }
.loginform button[type="submit"] { background-color: #2497b1; width: 100%; border: none; padding: 10px; font-size: 14px; color: #fff; font-weight: bold; cursor: pointer; }
.registration { margin: 40px 0 10px; font-size: 14px; color: #222; border-top: 1px solid #304c60; padding: 20px 0 0;}
.registerform { max-width: 350px; width: 100%; margin: 100px auto; border: 1px solid #2497b1; padding: 20px; }
.registerform h1 { font-size: 22px; font-weight: bold; text-align: center; margin-bottom: 20px; color: #2497b1; }
.registerform input[type="text"], .registerform input[type="password"], .registerform input[type="email"] { padding: 10px; background-color: #f7f7f7; border: 1px solid #dedede; outline: none; width: 100%; margin-bottom: 20px; }
.registerform button[type="submit"] { background-color: #2497b1; width: 100%; border: none; padding: 10px; font-size: 14px; color: #fff; font-weight: bold; cursor: pointer; }
.forgotPass { margin: 10px 0; padding: 0; text-decoration: none; font-size: 14px; color: #304c60; width: 100%; font-weight: bold; display: block; }
.activeReservation { background-color: #8BC34A !important; }
.activeReservation .sorting_1 { background: transparent !important; }
.inactiveReservation { background-color: #ff6d62 !important; }
.inactiveReservation .sorting_1 { background: transparent !important; }
.dokumente_grid { display: inline-block; width: 100%; margin: 30px 0; }
.dokumente_grid > h1 { font-weight: bold; font-size: 22px; margin: 10px 0; display: block; }
.dokumente_grid ul li { float: left; width: calc(25% - 15px); margin-right: 20px; margin-bottom: 20px; background-color: #f7f7f7; padding: 5px; }
.dokumente_grid ul li:nth-of-type(4n) { margin-right: 0; clear: right; }
.dokumente_grid ul li:nth-of-type(4n + 1) { clear: left; }
.dokumente_grid ul li img { max-width: 100%; width: 100%; }
.dokumente_grid ul li h2 { padding: 10px 0; font-size: 18px; color: #333; font-weight: bold; line-height: 1.3; }
.cmimi { float: right; font-weight: bold; font-size: 24px; color: #333; padding-top: 5px; }
.buy_now_btn { float: left; padding: 10px 20px; font-size: 14px; font-weight: bold; background-color: #2497b1; color: #fff; text-decoration: none; border-radius: 3px; }
.preview_btn { float: left; padding: 10px 20px; font-size: 14px; font-weight: bold; background-color: #2497b1; color: #fff; text-decoration: none; border-radius: 3px; }
.paypalButton { background-color: #fff !important; border: 1px solid #dedede !important; color: #222 !important; font-weight: bold; }
.paypalButton img { float: left; padding-right: 10px; }
.paypalButton span { float: left; padding-top: 7px; }
.page-content { width: 98%; }
.letters { width: 100%; background-color: #ebfbff; padding: 20px 2%; margin: 0 0 20px; }
.letters-list { display: flex; flex-wrap: wrap; list-style: none; width: 100%; }
.letters-list li { display: inline-flex; }
.letter { background: #2497b0; padding: 10px 15px; color: #fff; text-decoration: none; border: 1px solid #ebfbff; text-transform: uppercase; min-width: 50px; text-align: center; }
.letter:hover, .letter.selected { background-color: #304c60; }
.semundje-title { background-color: #2497b0; padding: 10px 15px; width: 100%; color: #fff; text-transform: uppercase; }
.semundje-list { padding: 20px; column-count: 2; }
.semundje-list li { margin-bottom: 15px; }
.semundje-list a { text-decoration: none; color: #304c60; font-weight: bold; }
.filter-tabs { display: inline-flex; margin-top: 40px; padding-bottom: 20px; }
.filter-tabs a { padding: 20px; text-decoration: none; color: #304c60; }
.filter-tabs a.active { background-color: #ebfbff; border-radius: 8px 8px 0 0; }
.sidebar-title { padding: 20px 25px 0; font-weight: bold; color: #304c60; font-size: 22px; }
.videoGal { width: 100%; background-color: #ebfbff; margin-bottom: 20px; position: relative; padding: 0 20px 20px; }
.videoGal .sidebar-title { margin-bottom: 20px; padding-left: 0; }
.video-pag { position: absolute; top: 20px; right: 20px; }
.video-pag span { margin-left: 5px; }
.videoGal .swiper-container { width: 100%; height: 100%; }
.videoGal .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.videoGal .swiper-slide img { width: 100%; height: auto; }
.videoGal .swiper-slide a { font-size: 18px; font-weight: bold; color: #304c60; text-decoration: none; line-height: 1.3; }
.swiper-pagination-bullet-active { background: #304c60; }
.info{
	padding: 10px;
    font-size: 14px;
    background-color: #e0c507;
    color: #304c60;
    border-radius: 5px;
    margin: 20px auto;
    width: 80%;
    text-align: center;
}
.desktop-menu {display: block !important;}
.mobile-menu {display: none !important;}

@media all and (max-width:1280px) {
	.center { padding: 0 10px; max-width: calc(100% - 20px); width: 100%; }
	.topNews > ul > li:first-child .newsDetails { padding: 50px; }
	.topNews > ul > li:first-child .newsDetails h2 { font-size: 22px; }
	.topNews > ul > li .newsDetails h2 { font-size: 14px; padding: 10px 10px 0 0; }
}
@media all and (max-width:1024px) {
	.topNews > ul { display: flex; flex-flow: row wrap; }
	.topNews > ul > li { max-width: calc(50% - 10px) !important; margin-right: 20px !important; margin-bottom: 20px !important; }
	.topNews > ul > li:nth-of-type(2n) { margin-right: 0 !important; }
	.topNews > ul > li > a > img { max-width: 100%; width: 100%; margin-right: 0; }
	.topNews > ul > li .newsDetails { padding: 10px; display: inline-block; }
	.topNews > ul > li .newsDetails h2 { font-size: 18px; }
	.topNews > ul > li:first-child .newsFeaturedImage { max-width: 100%; width: 100%; height: auto; }
	.topNews > ul > li:first-child .newsDetails { position: relative; padding: 10px; text-align: left; background: none; }
	.topNews > ul > li:first-child .newsDetails a { text-decoration: none; color: #fff; }
	.topNews > ul > li:first-child .newsDetails h2 { font-size: 18px; padding: 0; color: #304c60; }
	.topNews > ul > li:first-child .newsIcons { text-align: left; display: inline-block; width: 100%; padding-top: 10px }
	.topNews > ul > li:first-child .newsIcons li { display: inline-block; padding-right: 10px; }
	.topNews > ul > li:first-child .newsIcons li a { color: #2497b1; }
	.topNews > ul > li .defaultBtn { display: none; }
	.mainNews { width: 100%; margin-right: 0; }
	.sidebarNews { width: 100%; }
	.singleSidebarNews { float: left; width: calc(50% - 30px); padding: 20px 0px 40px 20px; }
	.singleNews { width: calc(33.3% - 14px); }
	.singleNews:nth-of-type(2) { width: calc(66.6% - 8px) !important; }
	.singleNews:nth-of-type(3n + 2) { margin-right: 0; }
	#homeSlider .sliderCaption h2 { font-size: 20px; }
	#homeSlider .sliderCaption p { font-size: 16px; }
	.videoData { top: 50px; }
	.defaultBtn { padding: 10px 30px; }
	.single { max-width: 100%; margin-right: 0; width: 100%; }
	.category { max-width: 100%; margin-right: 0; width: 100%; }
	#sidebar { max-width: 100%; width: 100%; float: left; background-color: #ebfbff; }
	.singleSidebarNewsInside { width: calc(50% - 40px); float: left; }
	.singleNews h2 { padding: 10px; }
	.singleNews p { padding: 0 10px; }
	.singleNews .newsIcons { padding: 0 10px 10px; }
}
@media all and (max-width:768px) {
	.megaMenu > div > ul > li { max-width: calc(33.3% - 20px); }
	.singleNews { order: 2; }
	.singleNews:nth-of-type(1) { margin-right: 20px !important; }
	.singleNews:nth-of-type(2) { order: 1; width: 100% !important; margin-right: 0 !important; }
	.singleNews:nth-of-type(2n + 1) { margin-right: 0; }
	.singleNews:nth-of-type(3n + 2) { margin-right: auto; }
	.singleNews { width: calc(50% - 10px); }
	#homeSlider .sliderCaption h2 { font-size: 18px; }
	#homeSlider .sliderCaption p { display: none; }
	#homeSlider .sliderCaption { bottom: 50px; left: 50px; }
	.homeVideo { padding-bottom: 60%; }
	.videoData { left: 20px; max-width: 50%; }
	.videoThumbnails li { max-width: calc(33.3% - 7px); margin-bottom: 10px; margin-right: 10px; }
	.videoThumbnails li:nth-of-type(3n) { margin-right: 0; float: right; }
	.testimonial h2 { font-size: 18px; }
	.testimonial p { font-size: 12px; }
	.footerSection { max-width: calc(50% - 20px); margin-bottom: 40px; }
	.notFound h1 { font-size: 48px; }
	.notFound h3 { font-size: 28px; }
	.notFound form input[type="text"] { width: calc(100% - 125px); }
	.single-sidebar { width: 100%; float: none; }
	.singleDescription { width: 100%; float: none; padding: 0; }
	.single-sidebar-item .button { margin-top: 10px; }
	.dokumente_grid ul li { width: calc(50% - 10px); }
	.dokumente_grid ul li:nth-of-type(2n) { margin-right: 0; clear: right; }
	.dokumente_grid ul li:nth-of-type(2n + 1) { clear: left; }
	.videoThumb li { width: calc(50% - 25px); margin: 20px 0 20px 20px; }
	.single-wrapper { flex-direction: column; }
}
@media all and (max-width:680px) {
	.logo { top: 42px; display: none; }
	.topHeader { padding: 10px 0; }
	.menu { width: auto; }
	.mobile-logo { display: block; }
	#selectLanguage select { padding: 3px 20px; border-radius: 10px; margin-left: 4px; }
	.selectIcon { top: 3px; left: 8px; }
	#searchForm input[type="text"] { padding: 4px; border-radius: 10px; }
	#searchForm input[type="submit"] { background-size: 15px; right: 5px; top: 4px; }
	.menu ul { display: none; }
	.megaMenu > div > ul > li h2 i { display: block; }
	.megaMenu > div > ul > li { max-width: 100%; margin-right: 0; margin-bottom: 10px; }
	.childMenu { display: none; padding-top: 10px; }
	.megaMenu > div > ul > li h2 i { float: right; cursor: pointer; }
	.menuArticles { display: none; }
	.desktop-menu {display: none !important;}
	.mobile-menu {display: block !important;}
	#homeSlider .defaultBtn { display: none; }
	.topNews > ul > li { max-width: 100% !important; margin-right: 0 !important; }
	.singleNews { max-width: 100% !important; width: 100% !important; margin-right: 0 !important; }
	.singleNews:nth-of-type(1) { margin-right: 0 !important; }
	.singleSidebarNews { margin-right: 20px; width: calc(100% - 40px); }
	.singleNews:nth-of-type(2) .newsImgWrap { width: 100%; padding-bottom: 65%; position: relative; }
	.singleNews:nth-of-type(2) .secondNews { max-width: 100%; }
	.singleNews:nth-of-type(2) h2 { padding: 10px; }
	.singleNews:nth-of-type(2) p { padding: 10px; }
	.singleNews:nth-of-type(2) .newsIcons { padding: 10px; }
	.videoData p { display: none; }
	.videoThumbnails li { max-width: calc(50% - 5px); }
	.videoThumbnails li:nth-of-type(3n) { float: left; }
	.videoThumbnails li:nth-of-type(2n) { float: right; margin-right: 0; }
	.footerSection { max-width: 100%; margin-right: 0; }
	.singleSidebarNewsInside { width: calc(100% - 40px); }
	.categoryList > li { margin-bottom: 40px; }
	.categoryList > li > a > img { max-width: 100%; margin-right: 0; margin-bottom: 20px; }
	.singleSidebarNews { width: 100%; margin-right: 0; padding: 0; margin-bottom: 20px; }
	.singleSidebarNews h2 { padding: 10px; }
	.singleSidebarNews p { padding: 0 10px; }
	.singleSidebarNews .newsIcons { text-align: left; position: relative; bottom: 0; padding: 10px; }
	.hide-mobile { display: none !important; }
	.single { margin-top: 20px; }
	.filter-tabs a { padding: 20px; text-decoration: none; color: #304c60; text-align: center; display: block; margin-bottom: -20px; line-height: 1.2; }
	.sidebar-title { padding: 20px 10px; }
	.videoThumb li { width: calc(100% - 20px); margin: 10px 0 10px 10px; }
}
@media all and (max-width:480px) {
	.dokumente_grid ul li { width: 100%; margin-right: 0 !important; }
}