/*
SCSS Document
Title: Main Styles
Author: ReVIBE Marketing
*/
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600");
@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400");
@keyframes bobbing { 0% { transform: translate(0px, 0px); }
  50% { transform: translate(0px, 8px); } }
/*------------------------
/*------------------------
GENERAL STYLES : presets
------------------------*/
::selection { background: #2374a7; color: #fff; }

html { margin: 0px; padding: 0px; font-family: "Montserrat", sans-serif; font-weight: 300; background-color: #2374a7; }

body { margin: 0px; padding: 0px; }
@media all and (max-width: 900px) and (min-width: 0px) { body { padding-top: 60px; } }

body.noscroll, body.lb-open { overflow: hidden; }

h1 { font-family: "Nunito", sans-serif; font-weight: 700; font-size: 40px; margin-top: 0px; color: #2374a7; }

h2 { font-family: "Nunito", sans-serif; font-weight: 700; font-size: 40px; margin-top: 0px; color: #2374a7; }

@media all and (max-width: 770px) and (min-width: 0px) { h1, h2 { font-size: 30px; } }
@media all and (max-width: 560px) and (min-width: 0px) { h1, h2 { font-size: 30px; } }

h3 { font-family: "Nunito", sans-serif; font-weight: normal; font-size: 34px; color: #2374a7; }
@media all and (max-width: 770px) and (min-width: 0px) { h3 { font-size: 30px; } }
@media all and (max-width: 560px) and (min-width: 0px) { h3 { font-size: 28px; } }

h4 { font-family: "Nunito", sans-serif; font-weight: normal; font-size: 30px; color: #2374a7; }

h5 { font-family: "Nunito", sans-serif; font-weight: normal; font-size: 28px; color: #2374a7; }

h6 { font-family: "Nunito", sans-serif; font-weight: normal; font-size: 28px; color: #2374a7; }

h1.centered, h2.centered, h3.centered, h4.centered, h5.centered, h6.centered, p.centered, .std-body.centered { text-align: center; }

p { font-size: 19px; line-height: 32px; color: #494949; font-weight: 300; }
@media all and (max-width: 900px) and (min-width: 0px) { p { font-size: 16px; line-height: 30px; } }
@media all and (max-width: 560px) and (min-width: 0px) { p { font-size: 14px; line-height: 28px; }
  p a { display: inline-block; color: #2fb4d1; white-space: pre-wrap; } }

p.small { font-size: 18px; line-height: 28px; }

a { text-decoration: none; }
a img { outline: none; border: none; }

p a { display: inline-block; position: relative; }

.clear { clear: both; }

section { position: relative; width: 100%; margin: 0px; padding: 0px; box-sizing: border-box; background-color: #fff; }
section.x-hidden { overflow-x: hidden; }
section.lighter { background-color: #f9f9f9; }
section .border { position: relative; width: 100%; margin: 0px; padding: 0px; height: 12px; background-color: #2fb4d1; }

.section-inner { position: relative; width: 85%; max-width: 1280px; margin: 0px auto; padding: 90px 0px; }
.section-inner h1[data-anim="yes"], .section-inner h2[data-anim="yes"], .section-inner h3[data-anim="yes"], .section-inner h4[data-anim="yes"], .section-inner h5[data-anim="yes"], .section-inner h6[data-anim="yes"] { transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.6s cubic-bezier(0.77, 0, 0.175, 1), filter 0.6s cubic-bezier(0.77, 0, 0.175, 1); transition-delay: 0.2s; opacity: 0; filter: alpha(opacity=0); transform: translate(0px, 50px); }
.section-inner h1[data-anim="yes"].from-left, .section-inner h2[data-anim="yes"].from-left, .section-inner h3[data-anim="yes"].from-left, .section-inner h4[data-anim="yes"].from-left, .section-inner h5[data-anim="yes"].from-left, .section-inner h6[data-anim="yes"].from-left { transform: translate(-50px, 0px); }
.section-inner h1[data-anim="yes"].from-right, .section-inner h2[data-anim="yes"].from-right, .section-inner h3[data-anim="yes"].from-right, .section-inner h4[data-anim="yes"].from-right, .section-inner h5[data-anim="yes"].from-right, .section-inner h6[data-anim="yes"].from-right { transform: translate(50px, 0px); }
.section-inner h1[data-anim="yes"].show, .section-inner h2[data-anim="yes"].show, .section-inner h3[data-anim="yes"].show, .section-inner h4[data-anim="yes"].show, .section-inner h5[data-anim="yes"].show, .section-inner h6[data-anim="yes"].show { opacity: 1; filter: alpha(opacity=100); transform: translate(0px, 0px); }
.section-inner.np { padding: 0px; }
.section-inner.wide { max-width: 1500px; }
@media all and (max-width: 770px) and (min-width: 0px) { .section-inner { padding: 50px 0px; } }

.left-50 { position: relative; width: 50%; box-sizing: border-box; float: left; padding-right: 30px; }

.right-50 { position: relative; width: 50%; box-sizing: border-box; float: right; padding-left: 30px; }

.wrapper { position: relative; }
.wrapper[data-anim="yes"] { transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.6s cubic-bezier(0.77, 0, 0.175, 1), filter 0.6s cubic-bezier(0.77, 0, 0.175, 1); transition-delay: 0.2s; opacity: 0; filter: alpha(opacity=0); transform: translate(0px, 50px); }
.wrapper[data-anim="yes"].from-left { transform: translate(-50px, 0px); }
.wrapper[data-anim="yes"].from-right { transform: translate(50px, 0px); }
.wrapper[data-anim="yes"].show { opacity: 1; filter: alpha(opacity=100); transform: translate(0px, 0px); }

.site-wrapper { position: relative; margin: 0px; padding: 0px; width: 100%; right: 0px; box-sizing: border-box; z-index: 10; transition: right 0.6s cubic-bezier(0.86, 0, 0.07, 1); }

a.tag { color: #fff; background-color: #2fb4d1; display: inline-block; padding: 6px 12px; font-family: "Nunito", sans-serif; font-weight: normal; margin: 0px 15px 18px 0px; position: relative; font-size: 1em; border-bottom: solid 4px #ee3b93; border-radius: 4px; transform: scale(1); transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out; }
a.tag:after { content: ""; position: absolute; width: 0%; height: 3px; left: 0%; bottom: -3px; background-repeat: repeat-x; background-position: top left; background-size: 200px; background-image: url(../images/underline.png); transition: width 0.7s cubic-bezier(0.19, 1, 0.22, 1); }
a.tag:hover { background-color: #2374a7; transform: scale(0.95); }
a.tag:hover:after { width: 100%; }

a.std { color: #fff; background-color: #2fb4d1; display: inline-block; padding: 12px 20px; margin: 8px 0px; font-family: "Nunito", sans-serif; font-size: 20px; font-weight: 400; position: relative; border-radius: 1.5em; transition: transform 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55), color 0.2s ease-in-out, background-color 0.2s ease-in-out; }
a.std.small { padding: 6px 18px; font-size: 22px; }
a.std.small:after { bottom: 4px; }
a.std:hover { transform: scale(0.95); background-color: #2374a7; }
a.std:hover:after { width: 60%; }
a.std.active:after { width: 60%; opacity: 0.5; filter: alpha(opacity=50); }
a.std.icon { cursor: pointer; }
a.std.icon i.far, a.std.icon i.fa { display: inline-block; padding: 8px; margin-right: 5px; }
@media all and (max-width: 1026px) and (min-width: 0px) { a.std { padding: 10px 24px; } }
@media all and (max-width: 770px) and (min-width: 0px) { a.std { font-size: 3vw; } }
@media all and (max-width: 560px) and (min-width: 0px) { a.std { font-size: 5vw; } }

.big-box { position: relative; width: 100%; background-color: #fff; box-sizing: border-box; padding: 30px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); margin: 20px auto 60px auto; }

/*------------------------
GENERAL STYLES END
------------------------*/
/*------------------------
HEADER / NAV
------------------------*/
header { position: fixed; width: 100%; height: 90px; top: 0px; left: 0px; z-index: 900; box-shadow: 0px -4px 10px 0px rgba(0, 0, 0, 0.5); transition: top 0.8s cubic-bezier(0.19, 1, 0.22, 1); }
header.hide { top: -120px; }
header .bg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background-color: white; opacity: 0.95; filter: alpha(opacity=95); }
header .inner { position: relative; width: 95%; max-width: 1360px; margin: 0px auto; }
header .inner .logo { position: absolute; top: 15px; left: 0px; }
header .inner .logo a { display: inline-block; position: relative; width: 200px; }
header .inner .logo a img { width: 100%; }
header .inner .search-btn { position: absolute; right: 0px; top: 30px; width: 30px; height: 30px; margin: 0px; cursor: pointer; }
header .inner .search-btn:before { content: ''; display: block; position: absolute; left: -15px; top: 0px; width: 2px; height: 100%; background-color: #cccccc; opacity: 0.8; filter: alpha(opacity=80); }
header .inner .search-btn img { visibility: hidden; }
header .inner .search-btn img, header .inner .search-btn svg { width: 100%; display: inline-block; transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
header .inner .search-btn path { fill: #2374a7; transition: fill 0.3s cubic-bezier(0.19, 1, 0.22, 1); }
header .inner .search-btn:hover svg, header .inner .search-btn:hover img { transform: scale(1.1) rotate(-10deg); }
header .inner .nav-btn { position: absolute; right: 60px; top: 22px; padding: 8px; margin: 0px; cursor: pointer; color: #2374a7; width: 30px; height: 30px; }
header .inner .nav-btn b { display: block; font-family: "Montserrat", sans-serif; font-weight: 700; text-transform: uppercase; font-size: 13px; padding: 0px; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 14px; overflow: hidden; text-align: center; }
header .inner .nav-btn b i { display: block; width: 100%; text-align: center; font-style: normal; transition: margin 0.4s cubic-bezier(0.77, 0, 0.175, 1); }
header .inner .nav-btn b:after { content: "OPEN"; position: relative; width: 100%; margin-top: 10px; left: 0px; text-align: center; }
header .inner .nav-btn span { position: absolute; top: 4px; right: 5px; display: block; width: 36px; height: 3px; border-radius: 100px; background-color: #f9b233; transition: background-color 0.2s cubic-bezier(0.77, 0, 0.175, 1), transform 0.3s cubic-bezier(0.86, 0, 0.07, 1); }
header .inner .nav-btn span.md { top: 14px; background-color: #2fb4d1; }
header .inner .nav-btn span.bt { top: 24px; background-color: #ee3b93; }
header .inner .nav-btn:hover b i { margin-top: -16px; }
header .inner .nav-btn:hover span.tp { transform: translate(3px, 0px); }
header .inner .nav-btn:hover span.bt { transform: translate(-3px, 0px); }
@media all and (max-width: 560px) and (min-width: 0px) { header .inner .nav-btn b { display: none; } }
@media all and (max-width: 560px) and (min-width: 0px) { header { height: 60px; }
  header .inner .logo { top: 7px; }
  header .inner .logo a { width: 145px; }
  header .inner .search-btn { top: 16px; }
  header .inner .nav-btn { top: 12px; } }

.nav-search { position: fixed; width: 100%; box-sizing: border-box; top: -120px; left: 0px; background-color: #2374a7; padding: 30px 0px; z-index: 920; transition: top 0.5s cubic-bezier(0.19, 1, 0.22, 1); }
.nav-search form { position: relative; width: 90%; margin: 0px auto; max-width: 1000px; }
.nav-search form input[type="text"] { position: relative; width: 100%; box-sizing: border-box; color: #fff; font-size: 40px; border: none; outline: none; -webkit-appearance: none; background: none; font-weight: 300; padding-left: 80px; }
.nav-search form label { position: absolute; color: #fff; border-right: solid 2px #2374a7; font-size: 14px; text-transform: uppercase; font-weight: 400; padding: 2px 5px; top: 15px; left: 0px; }
.nav-search form button { position: absolute; top: 0px; right: 0px; -webkit-appearance: none; width: 50px; height: 50px; border-radius: 50px; background-color: #2fb4d1; border: none; outline: none; cursor: pointer; background-repeat: no-repeat; background-position: center; background-size: 60%; background-image: url(../images/right-arrow.png); transition: transform 0.3s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1); }
.nav-search form button:hover { transform: scale(0.9); background-color: #ee3b93; }
@media all and (max-width: 560px) and (min-width: 0px) { .nav-search form label { top: -16px; font-size: 9px; }
  .nav-search form input[type="text"] { padding-left: 0px; font-size: 25px; }
  .nav-search form button { width: 30px; height: 30px; } }

nav { position: fixed; top: 0px; right: -480px; width: 450px; height: 100%; background-color: #2fb4d1; overflow: hidden; z-index: 910; box-shadow: -4px 0px 20px 0px rgba(0, 0, 0, 0.3); transition: right 0.8s cubic-bezier(0.19, 1, 0.22, 1); }
nav .close-btn { position: absolute; right: 30px; top: 20px; padding: 8px; margin: 0px; cursor: pointer; color: #fff; }
nav .close-btn b { display: inline-block; font-family: "Montserrat", sans-serif; font-weight: 400; text-transform: uppercase; font-size: 18px; padding: 0px 40px 0px 0px; }
nav .close-btn span { position: absolute; top: 4px; right: 0px; display: block; width: 34px; height: 4px; background-color: #fff; transition: background-color 0.2s cubic-bezier(0.77, 0, 0.175, 1), transform 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
nav .close-btn span.tp { top: 16px; transform: translate(0px, 0px) rotate(-45deg); }
nav .close-btn span.bt { top: 28px; transform: translate(0px, -12px) rotate(45deg); }
nav .close-btn:hover span { background-color: #f9b233; }
nav .inner { position: relative; width: 100%; margin: 0px; box-sizing: border-box; padding: 80px 30px; }
nav ul.nav { position: relative; margin: 0px; padding: 0px; box-sizing: border-box; list-style: none; left: 0px; transition: left 0.6s cubic-bezier(0.19, 1, 0.22, 1); min-height: 10px; }
nav ul.nav.sub { left: -440px; }
nav ul.nav li { margin: 10px 0px; }
nav ul.nav li a { position: relative; display: block; width: 100%; text-align: left; box-sizing: border-box; color: #fff; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 20px; text-transform: uppercase; padding: 18px 10px; padding-right: 25px; cursor: pointer; }
nav ul.nav li a img { visibility: hidden; }
nav ul.nav li a img, nav ul.nav li a svg { width: 14px; position: absolute; top: 18px; right: 10px; }
nav ul.nav li a path, nav ul.nav li a rect, nav ul.nav li a circle, nav ul.nav li a polygon { fill: #fff; }
nav ul.nav li a:before { content: ""; display: block; position: absolute; left: 2.5%; bottom: 0px; width: 0%; height: 3px; border-radius: 8px; background-color: #ee3b93; transform-origin: bottom left; transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1), transform 0.4s cubic-bezier(0.19, 1, 0.22, 1); }
nav ul.nav li a:hover:before { width: 95%; }
nav ul.nav li a.active:before { width: 20%; }
nav ul.nav li ul { display: none; list-style: none; margin: 0px; padding: 0px 0px 0px 30px; box-sizing: border-box; list-style: none; position: absolute; width: 100%; top: -10px; left: 440px; }
nav ul.nav li ul li { margin: 8px 0px; }
nav ul.nav li ul li a { font-size: 18px; padding: 10px 10px; color: #e6e6e6; }
nav ul.nav li ul li a.active:before { width: 20%; }
nav ul.nav li ul li a.back { color: #fff; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 20px; text-transform: uppercase; padding: 18px 10px; }
nav ul.nav li ul li a.back img, nav ul.nav li ul li a.back svg { right: auto; left: -30px; transform: rotate(-180deg); }
@media all and (max-width: 560px) and (min-width: 0px) { nav { right: -110%; width: 100%; }
  nav .close-btn b { display: none; }
  nav ul.nav li a { font-size: 4vw; }
  nav ul.nav li ul { left: 110%; }
  nav ul.nav li ul li a { font-size: 3.5vw; }
  nav ul.nav li ul li a.back { font-size: 4vw; }
  nav ul.nav.sub { left: -110%; } }

.search-overlay, .nav-overlay { position: fixed; top: 0px; right: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 902; cursor: pointer; opacity: 0; filter: alpha(opacity=0); visibility: hidden; transition: right 0.6s cubic-bezier(0.86, 0, 0.07, 1), opacity 0.6s cubic-bezier(0.86, 0, 0.07, 1), filter 0.6s cubic-bezier(0.86, 0, 0.07, 1), visibility 0.6s linear 0.6s; }

body.search { overflow: hidden; }
body.search .nav-search { top: 0px; }
body.search .search-overlay { opacity: 1; filter: alpha(opacity=100); visibility: visible; transition: right 0.6s cubic-bezier(0.86, 0, 0.07, 1), opacity 0.6s cubic-bezier(0.86, 0, 0.07, 1), filter 0.6s cubic-bezier(0.86, 0, 0.07, 1), visibility 0.6s linear 0s; }

body.open { overflow: hidden; }
body.open nav { right: 0px; }
body.open .nav-overlay { opacity: 1; filter: alpha(opacity=100); visibility: visible; transition: right 0.6s cubic-bezier(0.86, 0, 0.07, 1), opacity 0.6s cubic-bezier(0.86, 0, 0.07, 1), filter 0.6s cubic-bezier(0.86, 0, 0.07, 1), visibility 0.6s linear 0s; }

/*------------------------
HEADER / NAV END
------------------------*/
/*------------------------
BANNER
------------------------*/
.banner-slider { position: relative; width: 100%; height: 45vw; box-sizing: border-box; overflow: hidden; background-color: #2fb4d1; }
.banner-slider.single { height: 40vw; }
.banner-slider.blog { height: 33vw; }
.banner-slider .over { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(35, 116, 167, 0.7); }
.banner-slider .owl-stage-outer { position: absolute; width: 100%; height: 100%; }
.banner-slider .owl-stage { position: relative; height: 100%; }
.banner-slider .owl-item { position: relative; display: inline-block; top: 0px; margin: 0px; padding: 0px; height: 100%; box-sizing: border-box; }
.banner-slider .owl-nav.disabled { display: none; }
.banner-slider .pagination { position: absolute; left: 0px; bottom: 30px; width: 100%; height: 30px; display: table; }
.banner-slider .pagination ul { position: relative; text-align: right; margin: 0px; padding: 0px; list-style: none; width: 100%; display: table-cell; vertical-align: middle; text-align: center; }
.banner-slider .pagination ul li { position: relative; display: inline-block; margin: 2px 0px; }
.banner-slider .pagination ul li a { display: inline-block; width: 15px; cursor: pointer; box-sizing: border-box; width: 20px; height: 20px; background-color: #2374a7; border: solid 1px #fff; text-align: center; border-radius: 55%; transform: scale(0.8); transition: background-color 0.3s cubic-bezier(0.86, 0, 0.07, 1), transform 0.3s cubic-bezier(0.86, 0, 0.07, 1); }
.banner-slider .pagination ul li a img { visibility: hidden; }
.banner-slider .pagination ul li a img, .banner-slider .pagination ul li a svg { width: 55%; height: auto; transform: translate(0px, 3px); }
.banner-slider .pagination ul li a path { fill: #e6e6e6; }
.banner-slider .pagination ul li a.active { background-color: #2fb4d1; }
.banner-slider .pagination ul li a:hover { transform: scale(0.7); }
@media all and (max-width: 1248px) and (min-width: 0px) { .banner-slider .pagination { left: 10px; transform: scale(0.6); } }
@media all and (max-width: 560px) and (min-width: 0px) { .banner-slider .pagination { left: 5px; bottom: 5px; } }
.banner-slider .slides { position: absolute; width: 100%; height: 100%; }
.banner-slider .slide { position: relative; width: 100%; height: 100%; overflow: hidden; }
.banner-slider .slide .bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), opacity 0.6s cubic-bezier(0.77, 0, 0.175, 1), filter 0.6s cubic-bezier(0.77, 0, 0.175, 1); opacity: 1; filter: alpha(opacity=1); transform: scale(1); }
.banner-slider .slide .tint { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #2374a7; opacity: 0.2; filter: alpha(opacity=20); }
.banner-slider .slide .content { position: relative; width: 80%; max-width: 1000px; margin: 0px auto; height: 100%; display: table; text-align: left; padding-top: 40px; }
.banner-slider .slide .content.fh { margin-top: 4.5%; }
.banner-slider .slide .content .inner { display: table-cell; vertical-align: middle; opacity: 0; filter: alpha(opacity=0); transform: translate(0px, 100px); transition: opacity 0.4s ease-in-out, filter 0.4s ease-in-out, transform 0.4s cubic-bezier(0.77, 0, 0.175, 1); transition-delay: 0.2s; }
.banner-slider .slide .content .inner img { max-width: 90%; }
@media all and (max-width: 770px) and (min-width: 0px) { .banner-slider .slide .content .inner img { max-width: 70%; } }
.banner-slider .slide .content .inner img.single { transform: translate(0px, -60px); }
.banner-slider .slide .content .inner hr { display: none; position: relative; margin: 16px 0px; width: 10%; height: 2px; background-color: #2fb4d1; border: none; outline: none; text-align: left; }
.banner-slider .slide .content .inner h4, .banner-slider .slide .content .inner h2 { font-family: "Nunito", sans-serif; font-weight: normal; font-size: 46px; padding: 0px; margin: 0px; text-transform: uppercase; color: #fff; font-weight: 400; }
.banner-slider .slide .content .inner h4 br, .banner-slider .slide .content .inner h2 br { height: 0px; line-height: 10px; }
.banner-slider .slide .content .inner h4 span, .banner-slider .slide .content .inner h2 span { display: inline-block; background-color: rgba(35, 116, 167, 0.9); padding: 4px 15px; margin: 5px 0px; margin-top: 0; font-size: 1em; line-height: 1.6em; border-radius: 24px; position: relative; }
.banner-slider .slide .content .inner h4 span:before, .banner-slider .slide .content .inner h2 span:before { position: absolute; display: block; content: ""; width: 100%; height: 4px; left: 0%; bottom: -0.7em; background-color: #ee3b93; }
@media all and (max-width: 480px) and (min-width: 0px) { .banner-slider .slide .content .inner h4 span:before, .banner-slider .slide .content .inner h2 span:before { height: 2px; } }
.banner-slider .slide .content .inner h4 span.small, .banner-slider .slide .content .inner h2 span.small { background-color: rgba(255, 255, 255, 0.8); color: #2fb4d1; font-size: 0.7em; margin: 0px; margin-bottom: 0.3em; line-height: 1.8em; padding-bottom: 4px; }
.banner-slider .slide .content .inner h4 span.small:before, .banner-slider .slide .content .inner h2 span.small:before { display: none; }
@media all and (max-width: 1300px) and (min-width: 0px) { .banner-slider .slide .content .inner h4, .banner-slider .slide .content .inner h2 { font-size: 3.5vw; } }
.banner-slider .slide .content .inner h2 { margin-bottom: 1em; }
.banner-slider .slide .content .inner h4 { font-size: 32px; }
.banner-slider .slide .content .inner h4 span { background-color: #2fb4d1; }
.banner-slider .slide .content .inner h4 i { display: inline-block; font-style: normal; background-color: #fff; color: #2374a7; padding: 7px 8px; text-transform: none; }
@media all and (max-width: 1300px) and (min-width: 0px) { .banner-slider .slide .content .inner h4 { font-size: 2.5vw; } }
.banner-slider .slide .content .inner a.std { background-color: #fff; color: #2fb4d1; text-transform: uppercase; }
@media all and (max-width: 1300px) and (min-width: 0px) { .banner-slider .slide .content .inner a.std { font-size: 1.5vw; } }
@media all and (max-width: 560px) and (min-width: 0px) { .banner-slider .slide .content .inner a.std { font-size: 2.5vw; } }
.banner-slider .slide .content .inner .titles.dark h2 span { background-color: rgba(47, 180, 209, 0.9); }
.banner-slider .slide .content .inner .titles.dark h2 span.small { background-color: rgba(255, 255, 255, 0.8); color: #2fb4d1; }
.banner-slider .slide .content .link { position: absolute; left: 0px; bottom: 40px; width: 100%; text-align: center; opacity: 0; filter: alpha(opacity=0); transform: translate(0px, 70px); transition: opacity 0.4s ease-in-out, filter 0.4s ease-in-out, transform 0.4s ease-in-out; transition-delay: 0.4s; }
@media all and (max-width: 1248px) and (min-width: 0px) { .banner-slider .slide .content .link a.std { padding: 10px 30px; }
  .banner-slider .slide .content .link a.std:after { bottom: 8px; } }
@media all and (max-width: 770px) and (min-width: 0px) { .banner-slider .slide .content .link { bottom: -20px; } }
@media all and (max-width: 560px) and (min-width: 0px) { .banner-slider .slide .content .link { bottom: -10px; }
  .banner-slider .slide .content .link a.std { font-size: 20px; } }
.banner-slider .owl-item.active .slide .bg { opacity: 1; filter: alpha(opacity=100); transform: scale(1.01); }
.banner-slider .owl-item.active .slide .content .link, .banner-slider .owl-item.active .slide .content .inner { opacity: 1; filter: alpha(opacity=1); transform: translate(0px, 0px); }
@media all and (max-width: 1248px) and (min-width: 0px) { .banner-slider { height: 50vw; }
  .banner-slider.blog { height: 40vw; }
  .banner-slider.single { height: 45vw; } }
@media all and (max-width: 770px) and (min-width: 0px) { .banner-slider { height: 55vw; }
  .banner-slider.single { height: 50vw; } }
@media all and (max-width: 560px) and (min-width: 0px) { .banner-slider { height: 65vw; }
  .banner-slider .slide .content { padding-top: 0px; }
  .banner-slider.blog, .banner-slider.single { height: 70vw; } }
@media all and (max-width: 480px) and (min-width: 0px) { .banner-slider .slide .content .inner h2 { font-size: 4vw; } }
@media all and (max-width: 400px) and (min-width: 0px) { .banner-slider { height: 75vw; }
  .banner-slider .slide .content .inner h2 { font-size: 6vw; }
  .banner-slider .slide .content .inner a.std { font-size: 3vw; }
  .banner-slider.blog, .banner-slider.single { height: 70vw; } }

.big-buttons { position: relative; width: 100%; text-align: center; margin: -100px 0px 0px 0px; padding: 0px; box-sizing: border-box; }
@media all and (max-width: 1026px) and (min-width: 0px) { .big-buttons { margin-top: -10vw; } }

a.big-btn { display: inline-block; width: 180px; height: 100px; text-align: center; box-sizing: border-box; margin: 20px 0px; position: relative; background-color: #2374a7; }
a.big-btn span.inner { position: absolute; display: block; width: 95%; height: 95%; top: 2.5%; left: 2.5%; box-sizing: border-box; padding-top: 65px; transition: transform 0.3s cubic-bezier(0.19, 1, 0.22, 1); }
a.big-btn span.inner span { position: relative; color: #fff; text-transform: uppercase; font-size: 20px; font-weight: 400; }
a.big-btn:hover span.inner { transform: scale(0.98); }
@media all and (max-width: 1026px) and (min-width: 0px) { a.big-btn { width: 18vw; height: 18vw; margin: 20px 2vw; }
  a.big-btn span.inner { padding-top: 5vw; }
  a.big-btn span.inner span { font-size: 2vw; line-height: 3vw; } }
@media all and (max-width: 650px) and (min-width: 0px) { a.big-btn { width: 30vw; height: 30vw; margin: 2vw 4vw; }
  a.big-btn span.inner { padding-top: 9.5vw; }
  a.big-btn span.inner span { font-size: 3.2vw; line-height: 5vw; } }
@media all and (max-width: 560px) and (min-width: 0px) { a.big-btn span.inner { padding-top: 8vw; } }

/*------------------------
BANNER END
------------------------*/
/*------------------------
STD BODY CONTENT
------------------------*/
.std-body { position: relative; font-size: 17px; }
.std-body[data-anim="yes"] { transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.6s cubic-bezier(0.77, 0, 0.175, 1), filter 0.6s cubic-bezier(0.77, 0, 0.175, 1); transition-delay: 0.2s; opacity: 0; filter: alpha(opacity=0); transform: translate(0px, 50px); }
.std-body[data-anim="yes"].from-left { transform: translate(-50px, 0px); }
.std-body[data-anim="yes"].from-right { transform: translate(50px, 0px); }
.std-body[data-anim="yes"].show { opacity: 1; filter: alpha(opacity=100); transform: translate(0px, 0px); }
@media all and (max-width: 1500px) and (min-width: 0px) { .std-body { font-size: 1.2vw; } }
.std-body h1, .std-body h2 { font-family: "Nunito", sans-serif; font-size: 2em; font-weight: 700; margin: 0px 0px 40px 0px; padding: 0px; color: #2374a7; }
.std-body h3 { font-family: "Nunito", sans-serif; font-weight: normal; margin: 0px 0px 20px 0px; padding: 0px; font-size: 2em; font-weight: normal; color: #2374a7; }
.std-body h4 { font-family: "Nunito", sans-serif; font-weight: normal; margin: 0px 0px 20px 0px; padding: 0px; font-size: 1.8em; color: #2374a7; }
@media all and (max-width: 770px) and (min-width: 0px) { .std-body h4 { font-size: 2.8em; } }
@media all and (max-width: 560px) and (min-width: 0px) { .std-body h4 { font-size: 2.8em; } }
.std-body h5 { font-family: "Nunito", sans-serif; font-weight: normal; margin: 0px 0px 20px 0px; padding: 0px; font-size: 1.6em; color: #2374a7; }
.std-body h6 { font-family: "Nunito", sans-serif; font-weight: normal; margin: 0px 0px 20px 0px; padding: 0px; font-size: 1.4em; color: #2374a7; }
.std-body p { font-size: 1.13em; line-height: 2.3em; color: #494949; font-weight: 300; }
.std-body p a { font-weight: 400; display: inline-block; transition: color 0.1s ease-in-out; color: #2fb4d1; transition: color 0.2s ease-in-out; }
.std-body ul, .std-body ol { font-size: 1em; line-height: 1.5em; color: #494949; white-space: pre-wrap; }
.std-body ul li, .std-body ol li { margin: 0px; padding: 0px; }
.std-body ul li a, .std-body ol li a { color: #2fb4d1; font-weight: 400; transition: color 0.1s ease-in-out; word-wrap: break-word; transition: color 0.2s ease-in-out; }
.std-body ul li a:hover, .std-body ol li a:hover { color: #2374a7; }
.std-body ul li p, .std-body ol li p { display: inherit; }
@media all and (max-width: 480px) and (min-width: 0px) { .std-body ul, .std-body ol { font-size: 1.2em; line-height: 1.5em; } }
.std-body img { max-width: 100% !important; width: auto; height: auto; display: block; margin: 20px auto; }
.std-body hr { border: none; margin: 50px auto; padding: 0px; width: 100%; height: 2px; background-color: #ee3b93; opacity: 0.1; filter: alpha(opacity=10); }
.std-body hr.small { max-width: 500px; }
.std-body hr.big-top { margin-top: 100px; }
@media all and (max-width: 560px) and (min-width: 0px) { .std-body hr { margin: 10px auto; } }
.std-body blockquote { position: relative; display: block; box-sizing: border-box; width: 90%; margin: 40px auto; max-width: 950px; font-style: italic; padding: 20px 30px; background-color: #fff; font-weight: 300; padding-left: 120px; border-radius: 0.4em; overflow: hidden; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); font-size: 1.1em; line-height: 2.2em; }
.std-body blockquote sub { text-align: right; position: relative; display: block; color: #161616; }
.std-body blockquote:after { content: "\f075"; font-family: 'Font Awesome 5 Free'; display: block; margin: 0px; padding: 0px; line-height: normal; position: absolute; font-weight: 400; font-size: 30px; top: 0px; left: 0px; color: #fff; background-color: #894b8e; pointer-events: none; font-style: normal; box-sizing: border-box; padding: 15px; height: 100%; }
@media all and (max-width: 560px) and (min-width: 0px) { .std-body blockquote { width: 95%; padding: 10px 20px; padding-left: 80px; }
  .std-body blockquote:after { font-size: 20px; } }
.std-body.t_center { text-align: center; }
.std-body.thin { max-width: 1000px; margin: 0px auto 20px auto; }
.std-body h1 a, .std-body h2 a, .std-body h3 a, .std-body h4 a, .std-body h5 a, .std-body h6 a, .std-body p a, .std-body ul li a, .std-body ol li a { display: inline-block; position: relative; color: #2fb4d1; box-sizing: border-box; white-space: pre-wrap; word-break: break-all; transition: color 0.2s ease-in-out; border-bottom: solid 2px #ee3b93; }
.std-body h1 a:hover, .std-body h2 a:hover, .std-body h3 a:hover, .std-body h4 a:hover, .std-body h5 a:hover, .std-body h6 a:hover, .std-body p a:hover, .std-body ul li a:hover, .std-body ol li a:hover { color: #2590a8; }
.std-body a.std { padding: 5px 35px; }
.std-body a.std:after { bottom: 10px; }
@media all and (max-width: 1248px) and (min-width: 0px) { .std-body { font-size: 1.4vw; } }
@media all and (max-width: 1020px) and (min-width: 0px) { .std-body { font-size: 2.1vw; } }
@media all and (max-width: 650px) and (min-width: 0px) { .std-body { font-size: 2.6vw; } }
@media all and (max-width: 560px) and (min-width: 0px) { .std-body { font-size: 2.8vw; } }
@media all and (max-width: 400px) and (min-width: 0px) { .std-body { font-size: 3.2vw; } }

.image-quote { position: relative; width: 95%; max-width: 960px; box-sizing: border-box; margin: 100px auto 40px auto; padding: 0px; }
.image-quote .img { position: absolute; bottom: -30px; right: -30px; width: 150px; height: 150px; pointer-events: none; }
.image-quote .img:before { content: ""; display: block; width: 100%; height: 100%; background-color: rgba(47, 180, 209, 0.5); border-radius: 100%; }
.image-quote .img .face { position: absolute; width: 95%; height: 95%; border: solid 4px #2fb4d1; border-radius: 100%; top: 2.5%; left: 2.5%; box-sizing: border-box; margin: 0px; padding: 0px; background-color: #2fb4d1; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.image-quote .body { position: relative; width: 100%; box-sizing: border-box; padding: 30px 30px; padding-right: 130px; background-color: #fff; border-radius: 8px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); }
.image-quote .body h4 { font-weight: 700; font-size: 1.6em; margin: 10px 0px; }
.image-quote .body p { font-weight: 300; font-size: 1em; white-space: pre-wrap; }
.image-quote .body a.std { background-color: #2374a7; text-transform: uppercase; font-size: 0.8em; padding: 8px 17px; }
@media all and (max-width: 1026px) and (min-width: 0px) { .image-quote { width: 85%; } }
@media all and (max-width: 770px) and (min-width: 0px) { .image-quote { width: 80%; } }
@media all and (max-width: 650px) and (min-width: 0px) { .image-quote { width: 100%; }
  .image-quote .body { padding: 20px 20px; padding-bottom: 100px; }
  .image-quote .img { position: relative; right: auto; top: auto; margin: -100px auto 0px auto; } }
@media all and (max-width: 480px) and (min-width: 0px) { .image-quote .body { padding-bottom: 20vw; }
  .image-quote .img { width: 50vw; height: 50vw; margin-top: -20vw; } }

/*------------------------
STD BODY CONTENT END
------------------------*/
/*------------------------
BOX LINKS
------------------------*/
.box-links { position: relative; box-sizing: border-box; margin: 0px; padding: 20px 0px; font-size: 18px; }
@media all and (max-width: 850px) and (min-width: 0px) { .box-links { padding: 0px; } }
@media all and (max-width: 480px) and (min-width: 0px) { .box-links { font-size: 14px; } }
.box-links .box-link { display: inline-block; width: 44%; min-height: 200px; margin: 30px 2.6%; background-color: #f9f9f9; font-size: 18px; vertical-align: top; text-align: left; box-sizing: border-box; font-size: 1em; border-radius: 0.4em; overflow: hidden; }
.box-links .box-link .header { display: block; position: relative; margin: 0px; box-sizing: border-box; padding: 30px 20px; background-color: #2374a7; border-bottom: solid 4px #ee3b93; }
.box-links .box-link .header h4 { margin: 0px; padding: 0px; color: #fff; font-family: "Montserrat", sans-serif; font-size: 1.2em; padding-right: 60px; position: relative; display: block; }
.box-links .box-link .header .arrow { position: absolute; top: 20px; right: 20px; width: 54px; height: 40px; text-align: center; overflow: hidden; box-sizing: border-box; text-align: center; transform: rotate(90deg); }
.box-links .box-link .header .arrow img { visibility: hidden; }
.box-links .box-link .header .arrow img, .box-links .box-link .header .arrow svg { height: 60%; transform: translate(2px, 9px); }
.box-links .box-link .header .arrow path, .box-links .box-link .header .arrow rect, .box-links .box-link .header .arrow circle, .box-links .box-link .header .arrow polygon { fill: #fff; }
.box-links .box-link .links { position: relative; width: 100%; box-sizing: border-box; padding: 20px; padding-bottom: 40px; }
.box-links .box-link .links ul { list-style: none; margin: 0px; padding: 0px; }
.box-links .box-link .links ul li { display: block; width: 100%; box-sizing: border-box; margin: 0px; margin-bottom: 5px; border-bottom: solid 1px #a3c5dd; }
.box-links .box-link .links ul li a { position: relative; display: block; box-sizing: border-box; padding: 16px 0px; font-size: 1em; color: #2374a7; padding-right: 40px; transition: color 0.2s cubic-bezier(0.86, 0, 0.07, 1); }
.box-links .box-link .links ul li a img { visibility: hidden; }
.box-links .box-link .links ul li a img, .box-links .box-link .links ul li a svg { position: absolute; width: 10px; top: 18px; right: 15px; transition: transform 0.3s cubic-bezier(0.86, 0, 0.07, 1); }
.box-links .box-link .links ul li a path, .box-links .box-link .links ul li a rect, .box-links .box-link .links ul li a circle, .box-links .box-link .links ul li a polygon { fill: #2fb4d1; }
.box-links .box-link .links ul li a:hover { color: #ee3b93; }
.box-links .box-link .links ul li a:hover img, .box-links .box-link .links ul li a:hover svg { transform: translate(5px, 0px); }
@media all and (max-width: 850px) and (min-width: 0px) { .box-links .box-link { margin: 30px 0px; width: 100%; } }
.box-links.lighter .box-link { background-color: #fff; }

/*------------------------
BOX LINKS END
------------------------*/
/*------------------------
CAREERS
------------------------*/
section.careers { position: relative; font-size: 18px; }
@media all and (max-width: 1500px) and (min-width: 0px) { section.careers { font-size: 1.2vw; } }
@media all and (max-width: 1248px) and (min-width: 0px) { section.careers { font-size: 1.4vw; } }
@media all and (max-width: 770px) and (min-width: 0px) { section.careers { font-size: 2.2vw; } }
@media all and (max-width: 560px) and (min-width: 0px) { section.careers { font-size: 3.2vw; } }
section.careers .big-box { box-shadow: none; background-color: #f9f9f9; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); border-radius: 0.4em; }
@media all and (max-width: 1500px) and (min-width: 0px) { section.careers .big-box { padding: 2vw; } }
section.careers .big-box .header { position: relative; width: 100%; box-sizing: border-box; padding: 10px 0px 30px 0px; border-bottom: solid 2px #a3c5dd; }
section.careers .big-box .header h3 { font-family: "Montserrat", sans-serif; margin: 0px; padding: 0px; font-size: 1.2em; font-weight: 400; }
@media all and (max-width: 560px) and (min-width: 0px) { section.careers .big-box .header h3 { display: block; text-align: center; box-sizing: border-box; padding: 0px 10px; } }
section.careers .big-box .header h3 br { display: none; }
@media all and (max-width: 560px) and (min-width: 0px) { section.careers .big-box .header h3 br { display: block; } }
section.careers .big-box .header h3 span { display: inline-block; color: #fff; text-transform: uppercase; font-weight: 700; font-size: 0.9em; background-color: #2374a7; padding: 0.2em 0.8em; margin: 0px; margin-right: 10px; border-radius: 0.5em; }
@media all and (max-width: 560px) and (min-width: 0px) { section.careers .big-box .header h3 span { margin-bottom: 12px; } }
section.careers .big-box .content { position: relative; width: 100%; box-sizing: border-box; margin: 0px; padding: 0px; }
section.careers .big-box .big-selections { position: relative; width: 100%; box-sizing: border-box; margin: 0px; padding: 0px; text-align: left; }
section.careers .big-box .big-selections .interest { position: relative; display: inline-block; vertical-align: top; width: 18.09%; height: 200px; overflow: hidden; margin: 10px 2% 20px 0px; box-sizing: border-box; padding: 1em; background-color: #f9f9f9; cursor: pointer; transition: background 0.2s cubic-bezier(0.86, 0, 0.07, 1); }
section.careers .big-box .big-selections .interest:nth-child(5n) { margin-right: 0; }
section.careers .big-box .big-selections .interest img { visibility: hidden; }
section.careers .big-box .big-selections .interest img, section.careers .big-box .big-selections .interest svg { width: 70%; max-height: 100px; position: absolute; left: 15%; top: 50%; transform: translate(0px, -60%); transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
section.careers .big-box .big-selections .interest svg, section.careers .big-box .big-selections .interest path { fill: #2fb4d1 !important; }
section.careers .big-box .big-selections .interest span { position: absolute; display: block; width: 100%; box-sizing: border-box; padding: 20px; left: 0px; bottom: 0px; text-align: center; font-size: 0.8em; color: #2374a7; font-weight: 400; }
section.careers .big-box .big-selections .interest .tick { color: #fff; background-color: #2374a7; position: absolute; width: 20px; height: 20px; box-sizing: border-box; text-align: center; font-size: 12px; border-radius: 110%; overflow: hidden; padding: 0px; padding-top: 3px; transform: scale(0); transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
section.careers .big-box .big-selections .interest:hover img, section.careers .big-box .big-selections .interest:hover svg { transform: translate(0px, -60%) scale(0.8) rotate(-8deg); }
section.careers .big-box .big-selections .interest.selected { background-color: #fff; }
section.careers .big-box .big-selections .interest.selected img, section.careers .big-box .big-selections .interest.selected svg { transform: translate(0px, -60%) scale(0.8) rotate(-8deg); }
section.careers .big-box .big-selections .interest.selected .tick { transform: scale(1); }
@media all and (max-width: 1500px) and (min-width: 0px) { section.careers .big-box .big-selections .interest { width: 15vw; margin: 10px 0.4vw 10px 0.4vw; }
  section.careers .big-box .big-selections .interest:nth-child(5n) { margin-right: 0.5vw; } }
@media all and (max-width: 1248px) and (min-width: 0px) { section.careers .big-box .big-selections .interest { width: 19vw; } }
@media all and (max-width: 1020px) and (min-width: 0px) { section.careers .big-box .big-selections .interest { width: 25.8vw; }
  section.careers .big-box .big-selections .interest span { font-size: 1em; } }
@media all and (max-width: 770px) and (min-width: 0px) { section.careers .big-box .big-selections .interest { width: 39.2vw; } }
section.careers .big-box .careers-list { position: relative; width: 100%; box-sizing: border-box; margin: 0px; padding: 20px 0px 0px 0px; }
section.careers .big-box .careers-list .career { display: inline-block; width: 31.72%; min-height: 400px; box-sizing: border-box; border-bottom: solid 4px #ee3b93; margin: 15px 2% 15px 0px; vertical-align: top; background-color: #fff; }
section.careers .big-box .careers-list .career:nth-child(3n) { margin-right: 0; }
section.careers .big-box .careers-list .career .img { display: block; position: relative; width: 100%; height: 300px; background-color: #2374a7; }
section.careers .big-box .careers-list .career .img .bg { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background-repeat: no-repeat; background-position: center center; background-size: cover; }
section.careers .big-box .careers-list .career .img .title { position: absolute; width: 100%; bottom: 0px; left: 0px; background-color: rgba(35, 116, 167, 0.8); box-sizing: border-box; padding: 20px; }
section.careers .big-box .careers-list .career .img .title h4 { margin: 0px; padding: 0px; color: #fff; font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 1.1em; position: relative; }
section.careers .big-box .careers-list .career:nth-child(even) { border-color: #2374a7; }
section.careers .big-box .careers-list .career:nth-child(even) .img .title { background-color: rgba(238, 59, 147, 0.8); }
section.careers .big-box .careers-list .career:nth-child(even) .img .title h4:before { background-color: #2374a7; }
section.careers .big-box .careers-list .career .details { position: relative; width: 100%; min-height: 300px; box-sizing: border-box; padding: 20px; }
section.careers .big-box .careers-list .career .details p { font-size: 0.9em; line-height: 1.4em; }
section.careers .big-box .careers-list .career .details hr { position: relative; margin: 15px auto; border: none; width: 100%; height: 1px; background-color: #a3c5dd; }
section.careers .big-box .careers-list .career .details .stat { display: block; margin: 0px 0px; margin-bottom: 15px; }
section.careers .big-box .careers-list .career .details .stat label { display: block; font-weight: 700; color: #2fb4d1; font-size: 0.7em; }
section.careers .big-box .careers-list .career .details .stat span { display: block; font-size: 0.85em; line-height: 1.4em; color: #494949; }
@media all and (max-width: 1248px) and (min-width: 0px) { section.careers .big-box .careers-list .career { width: 39vw; margin: 10px 0.5vw; }
  section.careers .big-box .careers-list .career:nth-child(3n) { margin-right: 0.5vw; }
  section.careers .big-box .careers-list .career .img { height: 30vw; } }
@media all and (max-width: 560px) and (min-width: 0px) { section.careers .big-box .careers-list .career { display: block; width: 98%; margin: 10px auto 20px auto; }
  section.careers .big-box .careers-list .career:nth-child(3n) { margin-right: auto; }
  section.careers .big-box .careers-list .career .img { height: 60vw; }
  section.careers .big-box .careers-list .career .details { min-height: 10px; } }
@media all and (max-width: 480px) and (min-width: 0px) { section.careers .big-box .careers-list .career .img .title h4 { font-size: 1.6em; }
  section.careers .big-box .careers-list .career .details p { font-size: 1.2em; line-height: 1.8em; }
  section.careers .big-box .careers-list .career .details .stat label { font-size: 1em; }
  section.careers .big-box .careers-list .career .details .stat span { font-size: 1.1em; line-height: 1.8em; } }

/*------------------------
CAREERS END
------------------------*/
/*------------------------
TABLE SECTION
------------------------*/
section.table { position: relative; }
@media all and (max-width: 770px) and (min-width: 0px) { section.table .left-50, section.table .right-50 { float: none; margin: 20px auto; padding: 0px; width: 100%; } }

@keyframes h_scroll { 0% { transform: translate(0px, 0px); }
  25% { transform: translate(-5px, 0px); }
  50% { transform: translate(5px, 0px); }
  75% { transform: translate(0px, 0px); } }
.table-outer { position: relative; width: 100%; margin: 0px; padding: 0px; box-sizing: border-box; }
.table-outer[data-anim="yes"] { transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.6s cubic-bezier(0.77, 0, 0.175, 1), filter 0.6s cubic-bezier(0.77, 0, 0.175, 1); transition-delay: 0.2s; opacity: 0; filter: alpha(opacity=0); transform: translate(0px, 50px); }
.table-outer[data-anim="yes"].from-left { transform: translate(-50px, 0px); }
.table-outer[data-anim="yes"].from-right { transform: translate(50px, 0px); }
.table-outer[data-anim="yes"].show { opacity: 1; filter: alpha(opacity=100); transform: translate(0px, 0px); }
.table-outer .scroll-icon { position: absolute; top: 0px; right: 0px; width: 30px; height: 30px; background: url(../images/scroll-gesture.png) 50% 50% no-repeat; background-size: contain; opacity: 0; filter: alpha(opacity=0); transition: opacity 0.6s ease-in-out, filter 0.6s ease-in-out, top 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.table-outer.respond .scroll-icon { opacity: 1; filter: alpha(opacity=100); top: -30px; animation-name: h_scroll; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }
.table-outer.respond:after { position: absolute; content: ""; width: 20px; height: 100%; top: 0px; right: 0px; box-shadow: inset -22px 0px 15px -20px rgba(0, 0, 0, 0.2); pointer-events: none; z-index: 2; }
.table-outer.respond:before { position: absolute; content: ""; width: 20px; height: 100%; top: 0px; left: 0px; box-shadow: inset 22px 0px 15px -20px rgba(0, 0, 0, 0.2); pointer-events: none; z-index: 2; }
@media all and (max-width: 560px) and (min-width: 0px) { .table-outer.respond { margin-top: 50px; }
  .table-outer.respond .scroll-icon { top: -38px; } }
.table-outer .table-container { position: relative; width: 100%; margin: 0px 0px; padding: 0px 0px; box-sizing: border-box; overflow-x: scroll; }
.table-outer .table-container .clear { min-height: 0px !important; }

.std-table { position: relative; }
.std-table.max-1000 { max-width: 1000px; margin: 0px auto; }
.std-table.max-800 { max-width: 800px; margin: 0px auto; }

.std-table table, .std-body table { margin: 0px; width: 100%; margin: 0px; padding: 0px; font-family: "Montserrat", sans-serif; font-weight: 300; font-size: 15px; border: solid 2px #2374a7; background-color: #fff; border-collapse: separate; border-spacing: 0px; border-radius: 6px; overflow: hidden; }
.std-table table tr, .std-body table tr { padding: 0px; }
.std-table table th, .std-body table th { position: relative; background-color: #2374a7; color: #fff; padding: 18px 8px; font-family: Source Sans Pro, sans-serif; font-weight: 400; font-size: 1.2em; border-bottom: solid 4px #ee3b93; }
.std-table table td, .std-body table td { padding: 18px 10px; color: #494949; box-sizing: border-box; font-size: 1em; border-bottom: solid 2px #f2f2f2; }
.std-table table.padded-centered, .std-body table.padded-centered { max-width: 700px; margin: 0px auto; }
.std-table table tr:nth-child(odd) td, .std-body table tr:nth-child(odd) td { background-color: #fdfdfd; border-color: #f6f6f6; }
.std-table table tr:last-child td, .std-body table tr:last-child td { border-bottom: none; }
.std-table table img, .std-body table img { max-width: 200px !important; width: 80%; }

/*------------------------
TABLE SECTION END
------------------------*/
/*------------------------
TEXT IMAGE SECTION
------------------------*/
section.text-image { position: relative; width: 100%; box-sizing: border-box; margin: 0px; padding: 0px; }
section.text-image .text-container { float: right; width: 55%; box-sizing: border-box; padding: 80px; }
section.text-image .text-container .std-body { width: 100%; }
section.text-image .image-container { position: absolute; width: 45%; top: 0%; left: 0px; height: 100%; background-color: #000; background-repeat: no-repeat; background-position: center center; background-size: cover; }
section.text-image.left .text-container { float: left; }
section.text-image.left .image-container { left: auto; right: 0px; }
section.text-image.even .text-container, section.text-image.even .image-container { width: 50%; }
section.text-image.bimage .text-container { width: 45%; }
section.text-image.bimage .image-container { width: 55%; }
section.text-image.top .text-container { padding-top: 170px; }
@media all and (max-width: 1020px) and (min-width: 0px) { section.text-image.even .text-container, section.text-image.bimage .text-container, section.text-image .text-container { padding: 60px 8%; width: 100%; }
  section.text-image.even .image-container, section.text-image.bimage .image-container, section.text-image .image-container { width: 100%; position: relative; height: 80vw; } }

/*------------------------
TEXT IMAGE SECTION END
------------------------*/
/*------------------------
BOX SLIDER
------------------------*/
section.box-slider { overflow: visible; height: 35.85vw; }
section.box-slider .border-shad { position: absolute; left: 0px; top: 0px; width: 100%; height: 12px; pointer-events: none; background-color: #2374a7; }
section.box-slider a.btn { position: absolute; top: 45%; width: 45px; height: 50px; background-color: #2fb4d1; border-bottom: solid 2px #ee3b93; cursor: pointer; background-repeat: no-repeat; background-position: center center; background-size: 12px; background-image: url(../images/arrow-left.png); }
@media all and (max-width: 560px) and (min-width: 0px) { section.box-slider a.btn { transform: scale(0.6); } }
section.box-slider a.btn.next { right: 10px; background-image: url(../images/arrow-right.png); background-position: 53% 50%; }
@media all and (max-width: 560px) and (min-width: 0px) { section.box-slider a.btn.next { right: 20px; } }
section.box-slider a.btn.prev { left: 10px; background-position: 47% 50%; }
@media all and (max-width: 560px) and (min-width: 0px) { section.box-slider a.btn.prev { left: 20px; } }
section.box-slider .slides-container { position: relative; width: 100%; margin: 0px auto; height: 100%; overflow: hidden; }
section.box-slider .slides { position: absolute; top: 0px; left: 0px; width: 90%; margin-left: 5%; height: 100%; box-sizing: border-box; padding: 30px 0px; text-align: center; }
section.box-slider .slides .owl-stage-outer { position: absolute; width: 100%; height: 100%; top: 0px; box-sizing: border-box; padding: 30px 0px; }
section.box-slider .slides .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; backface-visibility: hidden; -moz-backface-visibility: hidden; position: relative; height: 100%; }
section.box-slider .slides .owl-item { position: relative; display: inline-block; top: 60px; padding: 0px; box-sizing: border-box; height: 90%; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
section.box-slider .slides .owl-nav.disabled { display: none; }
section.box-slider .slides .owl-dots { display: none; }
section.box-slider .slides .slide { position: absolute; width: 90%; margin: 0px 0px 0px 5%; height: 91.7%; border-radius: 0.2em; overflow: hidden; background-color: #000; box-sizing: border-box; font-size: 2vw; transform: scale(1); transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); }
section.box-slider .slides .slide a.link { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; }
section.box-slider .slides .slide .bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
section.box-slider .slides .slide .date-box { position: absolute; top: 10px; right: 10px; width: 22%; box-sizing: border-box; }
section.box-slider .slides .slide .date-box span.cat { position: absolute; width: 50px; height: 46px; background-color: #fff; top: 4px; left: -55px; }
section.box-slider .slides .slide .date-box span.cat img { visibility: hidden; }
section.box-slider .slides .slide .date-box span.cat img, section.box-slider .slides .slide .date-box span.cat svg { width: 50%; transform: translate(0px, 50%); }
section.box-slider .slides .slide .date-box span.cat path, section.box-slider .slides .slide .date-box span.cat circle, section.box-slider .slides .slide .date-box span.cat rect, section.box-slider .slides .slide .date-box span.cat polygon { fill: #2fb4d1; }
section.box-slider .slides .slide .date-box span.cat.events img, section.box-slider .slides .slide .date-box span.cat.events svg { transform: translate(0px, 8px); }
section.box-slider .slides .slide .date-box span.date { display: inline-block; text-align: right; background-color: rgba(238, 59, 147, 0.9); color: #fff; font-weight: 400; font-size: 0.44em; border-radius: 0.2em; padding: 3px 10px; margin: 0px; transform: translate(-5px, 3px); position: absolute; top: 0px; right: 0px; }
section.box-slider .slides .slide .date-box span.group { position: absolute; display: inline-block; text-align: right; background-color: rgba(137, 75, 142, 0.9); color: #fff; font-weight: 700; font-size: 0.3em; border-radius: 0.3em; text-transform: uppercase; padding: 3px 10px 5px 10px; margin: 0px; right: 5px; top: 46px; transform: translate(0px, -16px); }
section.box-slider .slides .slide .over { position: absolute; width: 100%; height: 100%; left: 0%; bottom: -85%; text-align: left; box-sizing: border-box; padding: 1.4vw; background-color: rgba(35, 116, 167, 0.9); transition: bottom 0.5s cubic-bezier(0.77, 0, 0.175, 1); }
section.box-slider .slides .slide .over a.std { position: absolute; left: 1vw; bottom: 1vw; font-size: 1vw; padding: 1vw 2vw; }
section.box-slider .slides .slide .over h4 { color: #fff; font-family: "Nunito", sans-serif; font-weight: normal; font-size: 0.6em; margin: 0px; padding: 0px; display: inline-block; position: relative; transition: margin 0.3s cubic-bezier(0.77, 0, 0.175, 1); margin-bottom: 1.8vw; transform: translate(0, -60%); }
section.box-slider .slides .slide .over h4:before { display: block; content: ""; position: absolute; width: 100%; height: 3px; border-radius: 3px; left: 0px; bottom: -0.4em; background-color: #ee3b93; }
section.box-slider .slides .slide .over h5 { position: absolute; font-size: 0.4em; color: #fff; left: 0px; top: -3.2vw; text-transform: uppercase; transition: top 0.3s cubic-bezier(0.86, 0, 0.07, 1); }
section.box-slider .slides .slide .over h5 span { border-top-right-radius: 0.3em; border-bottom-right-radius: 0.3em; display: inline-block; padding: 4px 8px; background-color: rgba(47, 180, 209, 0.9); }
section.box-slider .slides .slide .over p { margin: 0px; padding: 0px; color: #fff; font-family: "Montserrat", sans-serif; font-size: 1.15vw; line-height: 1.9vw; }
section.box-slider .slides .slide:hover { transform: scale(1.05) rotate(0deg); }
section.box-slider .slides .slide:hover .over { bottom: 0%; }
section.box-slider .slides .slide:hover .over h5 { top: 0vw; }
section.box-slider .slides .slide:hover .over h4 { margin-top: 3vw; margin-bottom: -1vw; }
section.box-slider .slides .slide:hover .over a.std { transform: scale(0.9); background-color: #2fb4d1; }
section.box-slider .slides .slide:hover .over a.std:after { transition-delay: 0.4s; left: 30%; width: 40%; }
@media all and (max-width: 1026px) and (min-width: 0px) { section.box-slider .slides .slide .cat, section.box-slider .slides .slide .date { font-size: 2vw; }
  section.box-slider .slides .slide .over { padding: 2.5vw; }
  section.box-slider .slides .slide .over h4 { font-size: 3.2vw; }
  section.box-slider .slides .slide .over p { font-size: 1.7vw; line-height: 2.6vw; }
  section.box-slider .slides .slide .over a.std { font-size: 2.8vw; left: 2vw; bottom: 2vw; }
  section.box-slider .slides .slide .over a.std:after { bottom: 0.7vw; } }
@media all and (max-width: 650px) and (min-width: 0px) { section.box-slider .slides .slide .cat, section.box-slider .slides .slide .date { top: 3vw; font-size: 4.2vw; }
  section.box-slider .slides .slide .cat { left: 3vw; }
  section.box-slider .slides .slide .date { right: 3vw; }
  section.box-slider .slides .slide .over { padding: 4.5vw; }
  section.box-slider .slides .slide .over h4 { font-size: 5.8vw; }
  section.box-slider .slides .slide .over p { font-size: 3.3vw; line-height: 5.5vw; }
  section.box-slider .slides .slide .over a.std { font-size: 4.8vw; left: 3vw; bottom: 3vw; padding: 2vw 4vw; }
  section.box-slider .slides .slide .over a.std:after { bottom: 1.5vw; }
  section.box-slider .slides .slide:hover .over h4 { padding-top: 8vw; } }
@media all and (max-width: 1026px) and (min-width: 0px) { section.box-slider { height: 54.4vw; } }
@media all and (max-width: 650px) and (min-width: 0px) { section.box-slider { height: 107.4vw; } }

/*------------------------
BOX SLIDER END
------------------------*/
/*------------------------
IN THIS SECTION
------------------------*/
.this-section { position: relative; width: 100%; box-sizing: border-box; padding: 0px; font-size: 17px; }
@media all and (max-width: 1300px) and (min-width: 0px) { .this-section { font-size: 1.3vw; } }
@media all and (max-width: 1020px) and (min-width: 0px) { .this-section { font-size: 1.6vw; } }
@media all and (max-width: 650px) and (min-width: 0px) { .this-section { font-size: 2.6vw; } }
@media all and (max-width: 480px) and (min-width: 0px) { .this-section { font-size: 3vw; } }
@media all and (max-width: 400px) and (min-width: 0px) { .this-section { font-size: 3.6vw; } }
.this-section h3 { display: block; font-weight: 400; font-size: 1.8em; color: #2374a7; margin: 0px; padding: 0px; position: relative; }
.this-section hr { position: relative; width: 99.8%; height: 2px; background-color: #a3c5dd; padding: 0px; margin: 30px auto; outline: none; border: none; }
.this-section ul.in-section { display: block; width: 100%; box-sizing: border-box; margin: 0px; padding: 0px; list-style: none; }
.this-section ul.in-section li { position: relative; display: inline-block; width: 32%; margin: 0px 1.6% 20px 0px; }
.this-section ul.in-section li:nth-child(3n+3) { margin-right: 0%; }
.this-section ul.in-section li a { position: relative; color: #2374a7; display: block; width: 100%; box-sizing: border-box; padding: 1em 10px; font-size: 1em; background-color: #fbfbfb; border-radius: 0.4em; overflow: hidden; }
.this-section ul.in-section li a span { position: relative; }
.this-section ul.in-section li a:before { content: ""; display: block; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 1px; background-color: rgba(238, 59, 147, 0.1); transition: height 0.3s cubic-bezier(0.86, 0, 0.07, 1); }
.this-section ul.in-section li a:hover:before { height: 10%; }
.this-section ul.in-section li a.active:before { height: 10%; background-color: #86c6e7; }
@media all and (max-width: 1020px) and (min-width: 0px) { .this-section ul.in-section li { width: 46%; margin: 0px 1.5% 10px 1.5% !important; } }
@media all and (max-width: 650px) and (min-width: 0px) { .this-section ul.in-section li { width: 100%; margin: 0px 0px 10px 0px !important; } }

section.lighter .this-section ul.in-section li a { background-color: #fff; }

/*------------------------
IN THIS SECTION END
------------------------*/
/*------------------------
STAFF MEMBERS
------------------------*/
.staff-profiles { position: relative; width: 90%; margin: 0px auto; max-width: 1360px; box-sizing: border-box; text-align: center; padding: 0px; padding-bottom: 100px; }
.staff-profiles .profile { display: inline-block; width: 28%; min-height: 200px; margin: 20px 2%; background-color: #fff; font-size: 18px; vertical-align: top; border-radius: 0.4em; overflow: hidden; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); }
.staff-profiles .profile[data-anim="yes"] { transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.6s cubic-bezier(0.77, 0, 0.175, 1), filter 0.6s cubic-bezier(0.77, 0, 0.175, 1); transition-delay: 0.2s; opacity: 0; filter: alpha(opacity=0); transform: translate(0px, 50px); }
.staff-profiles .profile[data-anim="yes"].from-left { transform: translate(-50px, 0px); }
.staff-profiles .profile[data-anim="yes"].from-right { transform: translate(50px, 0px); }
.staff-profiles .profile[data-anim="yes"].show { opacity: 1; filter: alpha(opacity=100); transform: translate(0px, 0px); }
@media all and (max-width: 1300px) and (min-width: 0px) { .staff-profiles .profile { font-size: 1.3vw; } }
@media all and (max-width: 1026px) and (min-width: 0px) { .staff-profiles .profile { width: 45%; font-size: 2vw; } }
@media all and (max-width: 650px) and (min-width: 0px) { .staff-profiles .profile { width: 95%; font-size: 3.3vw; } }
@media all and (max-width: 480px) and (min-width: 0px) { .staff-profiles .profile { font-size: 4vw; } }
@media all and (max-width: 400px) and (min-width: 0px) { .staff-profiles .profile { font-size: 4.5vw; } }
.staff-profiles .profile .img { position: relative; width: 100%; height: 20vw; background-color: #2374a7; overflow: hidden; }
@media all and (max-width: 1026px) and (min-width: 0px) { .staff-profiles .profile .img { height: 30vw; } }
@media all and (max-width: 650px) and (min-width: 0px) { .staff-profiles .profile .img { height: 65vw; } }
.staff-profiles .profile .img .bg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.staff-profiles .profile .img .year { position: absolute; top: 15px; right: 15px; width: 80px; height: 80px; box-sizing: border-box; }
.staff-profiles .profile .img .year:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; left: -2.5%; top: -2.5%; border: solid 2px #fff; border-radius: 100%; opacity: 0.4; filter: alpha(opacity=40); }
.staff-profiles .profile .img .year .inner { position: absolute; width: 95%; height: 95%; left: 2.5%; top: 2.5%; background-color: rgba(47, 180, 209, 0.95); border-radius: 100%; overflow: hidden; text-align: center; }
.staff-profiles .profile .img .year .inner span { display: inline-block; vertical-align: middle; color: #fff; text-transform: uppercase; font-weight: 400; font-size: 0.8em; padding: 0px; padding-top: 30px; }
.staff-profiles .profile .img .title { position: absolute; width: 100%; bottom: 0px; background-color: rgba(35, 116, 167, 0.8); box-sizing: border-box; padding: 10px 15px; text-align: left; }
.staff-profiles .profile .img .title h4 { color: #fff; font-weight: 700; font-family: "Montserrat", sans-serif; font-size: 1em; line-height: 1.2em; margin: 0px; padding: 0px; }
.staff-profiles .profile .img .title p { color: #fff; font-weight: 300; font-family: "Montserrat", sans-serif; font-size: 0.8em; line-height: 1.8em; margin: 0px; padding: 0px; }
.staff-profiles .profile .details { position: relative; box-sizing: border-box; width: 100%; padding: 30px; text-align: left; }
.staff-profiles .profile .details p { font-size: 0.9em; line-height: 1.8em; margin: 0px; padding: 0xp; }
.staff-profiles .profile .details hr { border: none; outline: none; width: 100%; height: 2px; background-color: #cccccc; margin: 20px auto; }
.staff-profiles .profile .details .stat { display: inline-block; width: 48%; box-sizing: border-box; margin: 0px; padding: 15px; vertical-align: top; }
.staff-profiles .profile .details .stat:nth-child(odd) { padding-left: 0px; }
.staff-profiles .profile .details .stat:nth-child(even) { padding-right: 0px; }
.staff-profiles .profile .details .stat.big { width: 100%; padding-left: 0px; padding-right: 0px; }
.staff-profiles .profile .details .stat label { display: block; font-size: 0.7em; color: #2fb4d1; font-weight: 700; }
.staff-profiles .profile .details .stat span { display: block; font-size: 0.8em; font-weight: 300; }
@media all and (max-width: 560px) and (min-width: 0px) { .staff-profiles .profile .details .stat { width: 100%; padding: 5px; } }
.staff-profiles .profile:nth-child(even) .img .title { background-color: rgba(238, 59, 147, 0.8); }
.staff-profiles .profile.pink .img .title { background-color: rgba(191, 26, 140, 0.8); }
.staff-profiles .profile.pink .img .year .inner { background-color: rgba(191, 26, 140, 0.95); }
.staff-profiles .profile.pink .details .stat label { color: #bf1a8c; }
.staff-profiles .profile.orange .img .title { background-color: rgba(249, 178, 51, 0.8); }
.staff-profiles .profile.orange .img .year .inner { background-color: rgba(249, 178, 51, 0.95); }
.staff-profiles .profile.orange .details .stat label { color: #f9b233; }
.staff-profiles .profile.purple .img .title { background-color: rgba(137, 75, 142, 0.8); }
.staff-profiles .profile.purple .img .year .inner { background-color: rgba(137, 75, 142, 0.95); }
.staff-profiles .profile.purple .details .stat label { color: #894b8e; }
.staff-profiles .profile.green .img .title { background-color: rgba(74, 216, 124, 0.8); }
.staff-profiles .profile.green .img .year .inner { background-color: rgba(74, 216, 124, 0.95); }
.staff-profiles .profile.green .details .stat label { color: #4ad87c; }
.staff-profiles .profile.red .img .title { background-color: rgba(216, 74, 97, 0.8); }
.staff-profiles .profile.red .img .year .inner { background-color: rgba(216, 74, 97, 0.95); }
.staff-profiles .profile.red .details .stat label { color: #d84a61; }
.staff-profiles.governors .profile .img .title { background-color: rgba(47, 180, 209, 0.8); }
.staff-profiles.governors .profile .img .year .inner { background-color: rgba(47, 180, 209, 0.95); }
.staff-profiles.governors .profile .details .stat label { color: #2fb4d1; }

section.lighter .staff-profiles .profile { background-color: #fff; }
section.lighter .staff-profiles .profile .details hr { background-color: #f9f9f9; }

/*------------------------
STAFF MEMBERS END
------------------------*/
/*------------------------
FULL IMG CTA
------------------------*/
.full-img-cta { position: relative; overflow: hidden; background-color: #2374a7; }
.full-img-cta .bg { position: absolute; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; opacity: 0.2; filter: alpha(opacity=20); transition: transform 1.6s cubic-bezier(0.19, 1, 0.22, 1); }
@media all and (max-width: 1026px) and (min-width: 0px) { .full-img-cta .bg { height: 60vw; } }
@media all and (max-width: 560px) and (min-width: 0px) { .full-img-cta .bg { height: 80vw; } }
.full-img-cta .content { position: relative; width: 100%; }
.full-img-cta .content .inner { position: relative; width: 90%; max-width: 980px; margin: 0px auto; text-align: center; box-sizing: border-box; padding: 100px 0px; }
.full-img-cta .content .inner h3 { font-weight: normal; font-family: "Nunito", sans-serif; font-size: 40px; color: #fff; display: inline-block; margin: 0px; padding: 0px; }
@media all and (max-width: 900px) and (min-width: 0px) { .full-img-cta .content .inner h3 { font-size: 30px; } }
.full-img-cta .content .inner p { color: #fff; }
.full-img-cta .content .inner a.std { padding: 10px 30px; margin-left: 10px; }
.full-img-cta .content .inner a.std:hover { background-color: #fff; color: #2fb4d1; }
.full-img-cta .content .inner hr { position: relative; width: 40%; height: 3px; border: none; outline: none; display: block; margin: 20px auto 0px auto; padding: 0px; background-color: #2fb4d1; display: none; }
.full-img-cta:hover .content { bottom: 0px; }
.full-img-cta:hover .bg { transform: scale(1.05); }
.full-img-cta.lighter { background-color: #2fb4d1; }
.full-img-cta.lighter .bg { opacity: 0.1; filter: alpha(opacity=10); }
.full-img-cta.lighter .content .inner a.std { background-color: #2374a7; }
.full-img-cta.lighter .content .inner a.std:hover { background-color: #fff; }
.full-img-cta.lighter .content .inner hr { background-color: #2374a7; }
@media all and (max-width: 770px) and (min-width: 0px) { .full-img-cta .content .inner { padding: 40px 0px; }
  .full-img-cta .content .inner h3 { padding: 0px; margin: 20px 0px 10px 0px; font-size: 5vw; }
  .full-img-cta .content .inner p { font-size: 3vw; } }

/*------------------------
FULL IMG CTA
------------------------*/
/*------------------------
ITEM GRID
------------------------*/
.item-grid { position: relative; width: 100%; background-color: #2fb4d1; }
.item-grid:after { content: ""; display: block; position: absolute; pointer-events: none; width: 100%; height: 15px; top: 0px; left: 0px; opacity: 0.6; filter: alpha(opacity=60); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ }
.item-grid .border { position: relative; width: 100%; margin: 0px; padding: 0px; height: 12px; background-color: #2fb4d1; }
.item-grid .item { position: relative; width: 33.3%; height: 28vw; background-color: #2374a7; float: left; overflow: hidden; }
.item-grid .item .bg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; opacity: 0.85; filter: alpha(opacity=85); background-repeat: no-repeat; background-position: center center; background-size: cover; transition: transform 1.6s cubic-bezier(0.19, 1, 0.22, 1); }
.item-grid .item a { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.item-grid .item a span { display: block; position: absolute; width: 40px; height: 40px; border-radius: 40px; background-color: #fff; right: 40px; bottom: 40px; box-sizing: border-box; overflow: hidden; padding: 8px 14px; transition: transform 0.3s cubic-bezier(0.19, 1, 0.22, 1); }
.item-grid .item a span img { visibility: hidden; }
.item-grid .item a span img, .item-grid .item a span svg { width: 15px; height: 23px; }
.item-grid .item a span path, .item-grid .item a span polygon, .item-grid .item a span rect, .item-grid .item a span circle { fill: #ee3b93; }
.item-grid .item .over { position: absolute; width: 100%; overflow: hidden; box-sizing: border-box; margin: 0px; padding: 30px; left: 0px; top: -5vw; transition: background 0.6s cubic-bezier(0.77, 0, 0.175, 1), top 0.5s cubic-bezier(0.77, 0, 0.175, 1); }
@media all and (max-width: 1300px) and (min-width: 0px) { .item-grid .item .over { bottom: -4.5vw; } }
@media all and (max-width: 1026px) and (min-width: 0px) { .item-grid .item .over { bottom: -7.5vw; } }
@media all and (max-width: 650px) and (min-width: 0px) { .item-grid .item .over { bottom: -10.5vw; } }
.item-grid .item .over h4 { font-family: "Nunito", sans-serif; font-weight: normal; font-size: 1.8vw; padding: 0px; margin: 0px; text-transform: uppercase; color: #fff; font-weight: 400; background-color: #2374a7; padding: 0.5em; border-radius: 24px; text-align: center; }
.item-grid .item .over h4 span { border-bottom: solid 4px #ee3b93; padding: 0px; }
.item-grid .item .over p { color: #fff; font-family: "Montserrat", sans-serif; font-size: 1.2vw; line-height: 2.4vw; margin-bottom: 0px; }
.item-grid .item:nth-child(even) .over h4 { background-color: #ee3b93; }
.item-grid .item:nth-child(even) .over span { border-color: #2fb4d1; }
.item-grid .item:nth-child(even) a span path, .item-grid .item:nth-child(even) a span polygon, .item-grid .item:nth-child(even) a span rect, .item-grid .item:nth-child(even) a span circle { fill: #2374a7; }
.item-grid .item:hover .bg { transform: scale(1.1); }
.item-grid .item:hover a span { transform: translate(10px, 0px); }
@media all and (max-width: 1248px) and (min-width: 0px) { .item-grid .item a.std { bottom: 12px; left: 12px; padding: 10px 20px; }
  .item-grid .item a.std:after { bottom: 9px; } }
@media all and (max-width: 1026px) and (min-width: 0px) { .item-grid .item { width: 100%; height: 65vw; }
  .item-grid .item .over { padding: 20px; }
  .item-grid .item .over h4 { font-size: 4vw; margin-top: 1em; }
  .item-grid .item .over p { display: none; } }
@media all and (max-width: 560px) and (min-width: 0px) { .item-grid .item .over h4 { font-size: 5vw; }
  .item-grid .item .over h4 span { border-width: 2px; } }
@media all and (max-width: 480px) and (min-width: 0px) { .item-grid .item .over h4 { margin-top: 0; } }

/*------------------------
ITEM GRID END
------------------------*/
/*------------------------
IMAGE TEXT CONTAINER
------------------------*/
.icon-text-list .section-inner { padding: 70px 0px; }

.image-text-container { position: relative; box-sizing: border-box; width: 100%; margin: 0px; padding: 0px; }
.image-text-container.right, .image-text-container.left { float: none; width: 100%; }

.image-text { position: relative; width: 100%; margin: 30px 0px; padding: 60px 0px; box-sizing: border-box; text-align: left; display: flex; align-items: center; flex-flow: row wrap; }
.image-text[data-anim="yes"] { transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.6s cubic-bezier(0.77, 0, 0.175, 1), filter 0.6s cubic-bezier(0.77, 0, 0.175, 1); transition-delay: 0.3s; opacity: 0; filter: alpha(opacity=0); transform: translate(0px, 50px); }
.image-text[data-anim="yes"].from-left { transform: translate(-50px, 0px); }
.image-text[data-anim="yes"].from-right { transform: translate(50px, 0px); }
.image-text[data-anim="yes"].show { opacity: 1; filter: alpha(opacity=100); transform: translate(0px, 0px); }
.image-text h2 { margin-top: 60px; font-weight: normal; font-family: "Nunito", sans-serif; }
.image-text .img { position: relative; width: 30%; height: 100%; order: 1; }
.image-text .img .bg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; overflow: hidden; background-repeat: no-repeat; background-position: 50%; background-size: contain; }
.image-text .img.titled { transform: translate(0px, 80px); }
.image-text .content { position: relative; width: 65%; box-sizing: border-box; margin: auto; padding: 0px 60px; order: 2; }
.image-text .content h4 { font-family: "Nunito", sans-serif; font-size: 24px; font-weight: 400; margin-top: 0px; }
.image-text .content h4 small { font-size: 22px; }
.image-text .content h4:after { content: ""; display: block; position: relative; width: 100%; max-width: 100px; height: 2px; margin: 30px 0px 0px 0px; background-color: #2fb4d1; }
@media all and (max-width: 900px) and (min-width: 0px) { .image-text .content h4:after { margin: 30px auto 0px auto; } }
.image-text .content h4.title { font-size: 28px; margin: 20px 0px 0px 0px; }
.image-text .content a.std { padding: 10px 30px; }
.image-text .content a.std:after { bottom: 9px; }
@media all and (max-width: 1020px) and (min-width: 0px) { .image-text { margin-bottom: 0px; padding: 20px 0px; }
  .image-text .img { position: relative; float: none !important; width: 80%; max-width: 400px; margin: 20px auto !important; margin-bottom: 60px; order: 1 !important; }
  .image-text .content { float: none; width: 85%; padding: 30px 0px; text-align: center; order: 2 !important; } }
@media all and (max-width: 480px) and (min-width: 0px) { .image-text { padding: 10px 0px; } }

.image-text-container.right .image-text .img, .image-text-container.left-right .image-text:nth-child(even) .img, .image-text.right .img { order: 2; }
.image-text-container.right .image-text .content, .image-text-container.left-right .image-text:nth-child(even) .content, .image-text.right .content { order: 1; }

.image-text.small { margin: 10px 0px; }
.image-text.small .content { padding: 80px 100px; }

.it-counter { counter-reset: image-text-counter; }

.image-text.numbered:before { content: counter(image-text-counter); counter-increment: image-text-counter; display: block; position: absolute; width: 80px; height: 80px; background-color: #2374a7; color: #fff; text-align: center; font-family: "Montserrat", sans-serif; font-size: 40px; font-weight: bold; border-radius: 40px; box-sizing: border-box; overflow: hidden; padding: 16px 0px 0px 0px; left: 2%; top: 10%; z-index: 2; }

.image-text-container.right .image-text.numbered:before, .image-text-container.left-right .image-text:nth-child(even):before, .image-text.right.numbered:before { background-color: #2fb4d1; left: auto; right: 2%; }

.image-text.circle .img:before, .image-text.round .img:before, .image-text.square .img:before { content: ""; position: absolute; width: 106%; height: 106%; background-color: #2fb4d1; top: -3%; left: -3%; opacity: 0.4; }
.image-text.circle .bg, .image-text.round .bg, .image-text.square .bg { border: solid 2px #fff; box-sizing: border-box; }
.image-text.circle:nth-child(even) .img:before, .image-text.round:nth-child(even) .img:before, .image-text.square:nth-child(even) .img:before { background-color: #2590a8; }

.image-text.circle .img:before { border-radius: 800px; }
.image-text.circle .img .bg { border-radius: 800px; background-position: 50%; background-size: cover; }

.image-text.round .img:before { border-radius: 16px; }
.image-text.round .img .bg { border-radius: 10px; background-position: 50%; background-size: cover; }

.image-text.square .img:before { background-color: #cccccc; }
.image-text.square .img .bg { border-radius: 0px; background-position: 50%; background-size: cover; }

/*------------------------
IMAGE TEXT CONTAINER END
------------------------*/
/*------------------------
ICON BOXES
------------------------*/
.icon-text-boxes { position: relative; width: 100%; box-sizing: border-box; margin: 0px; padding: 0px; }
.icon-text-boxes .icon-text-box { display: inline-block; width: 24%; margin: 20px 0.5%; box-sizing: border-box; padding: 30px; overflow: hidden; vertical-align: top; position: relative; }
.icon-text-boxes .icon-text-box[data-anim="yes"] { transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.6s cubic-bezier(0.77, 0, 0.175, 1), filter 0.6s cubic-bezier(0.77, 0, 0.175, 1); transition-delay: 0.2s; opacity: 0; filter: alpha(opacity=0); transform: translate(0px, 50px); }
.icon-text-boxes .icon-text-box[data-anim="yes"].from-left { transform: translate(-50px, 0px); }
.icon-text-boxes .icon-text-box[data-anim="yes"].from-right { transform: translate(50px, 0px); }
.icon-text-boxes .icon-text-box[data-anim="yes"].show { opacity: 1; filter: alpha(opacity=100); transform: translate(0px, 0px); }
.icon-text-boxes .icon-text-box .inner { position: relative; transition: transform 0.2s cubic-bezier(0.77, 0, 0.175, 1); }
.icon-text-boxes .icon-text-box.btn:hover .inner { transform: scale(0.95); }
.icon-text-boxes .icon-text-box a.full { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; }
.icon-text-boxes .icon-text-box h3 { font-family: "Nunito", sans-serif; font-size: 36px; font-weight: normal; margin: 40px 0px 0px 0px; }
.icon-text-boxes .icon-text-box p { margin-top: 5px; white-space: pre-wrap; }
.icon-text-boxes .icon-text-box .icon { background-repeat: no-repeat; background-position: 50% 50%; width: 80%; text-align: center; margin: 0px auto; }
.icon-text-boxes .icon-text-box .icon img { width: 100%; }
@media all and (max-width: 900px) and (min-width: 0px) { .icon-text-boxes .icon-text-box .icon { max-width: 400px; margin: 0px auto; width: 70%; } }
.icon-text-boxes .icon-text-box.rounded .icon { border-radius: 20px; }
.icon-text-boxes .icon-text-box.circle .icon { border-radius: 50%; }
.icon-text-boxes .icon-text-box.tcenter { text-align: center; }
.icon-text-boxes .icon-text-box.tright { text-align: right; }
.icon-text-boxes.half .icon-text-box { width: 48%; vertical-align: top; }
@media all and (max-width: 900px) and (min-width: 0px) { .icon-text-boxes.half .icon-text-box { float: none; width: 100%; } }
.icon-text-boxes.third .icon-text-box { width: 31.9%; text-align: center; }
@media all and (max-width: 900px) and (min-width: 0px) { .icon-text-boxes.third .icon-text-box { width: 48%; } }
@media all and (max-width: 560px) and (min-width: 0px) { .icon-text-boxes.third .icon-text-box { width: 100%; margin: 20px 0px 0px 0px; padding: 0px 20px; } }
.icon-text-boxes.third h3 { font-size: 36px; }
.icon-text-boxes.third p { font-size: 19px; }
.icon-text-boxes.fourth .icon-text-box { width: 23.6%; text-align: center; }
@media all and (max-width: 1026px) and (min-width: 0px) { .icon-text-boxes.fourth .icon-text-box { width: 31.9%; } }
@media all and (max-width: 900px) and (min-width: 0px) { .icon-text-boxes.fourth .icon-text-box { width: 48%; } }
@media all and (max-width: 560px) and (min-width: 0px) { .icon-text-boxes.fourth .icon-text-box { width: 100%; margin: 20px 0px 0px 0px; padding: 0px 20px; } }
.icon-text-boxes.fourth h3 { font-size: 22px; }
.icon-text-boxes.fourth p { font-size: 17px; }
.icon-text-boxes.fifth .icon-text-box { width: 18.6%; text-align: center; }
@media all and (max-width: 1248px) and (min-width: 0px) { .icon-text-boxes.fifth .icon-text-box { width: 23.6%; } }
@media all and (max-width: 1026px) and (min-width: 0px) { .icon-text-boxes.fifth .icon-text-box { width: 31.9%; } }
@media all and (max-width: 900px) and (min-width: 0px) { .icon-text-boxes.fifth .icon-text-box { width: 48%; } }
@media all and (max-width: 560px) and (min-width: 0px) { .icon-text-boxes.fifth .icon-text-box { width: 100%; margin: 20px 0px 0px 0px; padding: 0px 20px; } }
.icon-text-boxes.fifth h3 { font-size: 20px; }
.icon-text-boxes.fifth p { font-size: 16px; }

/*------------------------
ICON BOXES END
------------------------*/
/*------------------------
DOWNLOADS
------------------------*/
.download-box { display: inline-block; position: relative; margin: 20px 1% 20px 0px; box-sizing: border-box; width: 48%; }
.download-box[data-anim="yes"] { transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.6s cubic-bezier(0.77, 0, 0.175, 1), filter 0.6s cubic-bezier(0.77, 0, 0.175, 1); transition-delay: 0.2s; opacity: 0; filter: alpha(opacity=0); transform: translate(0px, 50px); }
.download-box[data-anim="yes"].from-left { transform: translate(-50px, 0px); }
.download-box[data-anim="yes"].from-right { transform: translate(50px, 0px); }
.download-box[data-anim="yes"].show { opacity: 1; filter: alpha(opacity=100); transform: translate(0px, 0px); }
.download-box.full { width: 100%; }
.download-box.full .download:last-child { border-bottom: none; }
.download-box .download { text-align: left; position: relative; box-sizing: border-box; padding-bottom: 2vw; }
.download-box .download a { display: inline-block; position: relative; background-color: #ee3b93; text-align: center; width: 80px; height: 120px; margin-right: 20px; vertical-align: middle; border-radius: 6px; transition: transform 0.2s cubic-bezier(0.77, 0, 0.175, 1); }
.download-box .download a span { font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 20px; color: #fff; display: inline-block; margin-top: 50px; position: relative; text-transform: uppercase; }
.download-box .download a.doc, .download-box .download a.docx { background-color: #2374a7; }
.download-box .download a:hover { transform: scale(0.95) rotate(-3deg); }
.download-box .download a:hover span:after { width: 100%; }
.download-box .download p { display: inline-block; position: relative; font-weight: 300; font-size: 1vw; line-height: 1.5vw; width: 26vw; vertical-align: middle; margin-top: 10px; }
.download-box .download p b { font-family: "Nunito", sans-serif; display: inline-block; position: relative; font-weight: 400; font-size: 1.7vw; line-height: 2.4vw; color: #2374a7; margin-bottom: 1vw; box-sizing: border-box; }
.download-box .download p b:after { content: ""; display: block; position: absolute; left: 0%; bottom: -0.4vw; width: 100%; height: 2px; background-color: #2fb4d1; }
@media all and (max-width: 1248px) and (min-width: 0px) { .download-box .download p { font-size: 1.4vw; line-height: 2.8vw; } }
@media all and (max-width: 1020px) and (min-width: 0px) { .download-box .download p { font-size: 2vw; line-height: 3.2vw; }
  .download-box .download p b { font-size: 3.3vw; line-height: 4.4vw; margin-bottom: 4vw; } }
@media all and (max-width: 560px) and (min-width: 0px) { .download-box .download p { font-size: 3vw; line-height: 2vw; }
  .download-box .download p b { font-size: 4vw; line-height: 4.8vw; margin-bottom: 40px; }
  .download-box .download p b:after { bottom: -0.5em; }
  .download-box .download p br { display: none; }
  .download-box .download p span { display: block; margin-top: -10px; font-size: 1.2em; } }
@media all and (max-width: 1020px) and (min-width: 0px) { .download-box { width: 100%; margin: 20px 0px; }
  .download-box .download p { width: 64vw; } }
@media all and (max-width: 560px) and (min-width: 0px) { .download-box { text-align: center; }
  .download-box .download { text-align: center; }
  .download-box .download a { margin-bottom: 20px; margin-right: 0px; }
  .download-box .download p { display: block; width: 100%; margin: 0px; padding: 0px; text-align: center; white-space: normal; } }

@media all and (max-width: 560px) and (min-width: 0px) { .downloads-section h2 { text-align: center; } }

/*------------------------
DOWNLOADS END
------------------------*/
/*------------------------
BLOG / NEWS
------------------------*/
section.blog { position: relative; box-sizing: border-box; padding: 100px 0px; }
section.blog.related { padding: 30px 0px 80px 0px; }
@media all and (max-width: 650px) and (min-width: 0px) { section.blog { padding: 40px 0px; } }
section.blog #load_more { display: none; cursor: pointer; }
section.blog #load_more.show { display: inline-block; }
section.blog .blog-header { position: relative; width: 100%; box-sizing: border-box; margin: 0px auto; padding: 0px 0px; text-align: center; font-size: 1vw; }
@media all and (max-width: 1020px) and (min-width: 0px) { section.blog .blog-header { font-size: 1.8vw; } }
@media all and (max-width: 850px) and (min-width: 0px) { section.blog .blog-header .left-50 { width: 100%; float: none; padding: 0px; }
  section.blog .blog-header .right-50 { width: 100%; float: none; padding: 0px; } }
@media all and (max-width: 650px) and (min-width: 0px) { section.blog .blog-header { font-size: 3vw; } }
section.blog .blog-header .top { position: relative; width: 100%; text-align: left; }
section.blog .blog-header .top h5 { text-transform: uppercase; font-weight: 700; font-size: 14px; float: left; margin: 0px; padding: 0px; margin-left: 20px; }
section.blog .blog-header .top a.std { float: right; margin: 0px; margin-right: 10px; font-size: 12px; text-transform: uppercase; padding: 10px 12px; cursor: pointer; }
section.blog .blog-header .std-body.bheader { padding-top: 60px; }
section.blog .blog-header .small-cats { position: relative; width: 100%; box-sizing: border-box; margin: 0px; padding: 0px; text-align: left; font-size: 18px; margin-top: -30px; }
section.blog .blog-header .small-cats h3 { position: relative; display: inline-block; font-size: 1.2em; font-weight: 400; text-transform: uppercase; margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; }
section.blog .blog-header .small-cats h3:after { content: ""; display: block; position: absolute; bottom: 0px; left: 0px; width: 80%; height: 2px; background-color: #a3c5dd; }
section.blog .blog-header .small-cats a.std.active { background-color: #1c6d7e; }
section.blog .blog-header .blog-cat { position: relative; display: inline-block; width: 30%; height: 20vw; background-color: #2374a7; margin: 20px 1%; overflow: hidden; font-size: 1em; border-bottom: solid 3px #ee3b93; }
section.blog .blog-header .blog-cat .bg { position: absolute; display: block; width: 100%; height: 100%; top: 0px; left: 0px; background-repeat: no-repeat; background-position: center center; background-size: cover; opacity: 0.8; filter: alpha(opacity=80); transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1), filter 0.4s cubic-bezier(0.19, 1, 0.22, 1), transform 0.4s cubic-bezier(0.19, 1, 0.22, 1); }
section.blog .blog-header .blog-cat .title { position: absolute; display: block; width: 100%; color: #fff; left: 0px; bottom: 0px; background-color: rgba(35, 116, 167, 0.95); box-sizing: border-box; text-align: left; padding: 20px; font-size: 1em; }
section.blog .blog-header .blog-cat .title span { font-weight: 400; font-size: 1em; text-transform: uppercase; position: relative; padding-left: 20px; }
section.blog .blog-header .blog-cat .title span:before { position: absolute; content: ""; display: block; left: 0px; top: 0px; width: 12px; height: 100%; background-color: #ee3b93; }
section.blog .blog-header .blog-cat .title span.icon { position: absolute; display: block; position: absolute; width: 40px; height: 40px; right: 20px; bottom: 10px; box-sizing: border-box; border-radius: 100px; overflow: hidden; padding: 8px 14px; transition: transform 0.3s cubic-bezier(0.19, 1, 0.22, 1); }
section.blog .blog-header .blog-cat .title span.icon:before { display: none; }
section.blog .blog-header .blog-cat .title span.icon img { visibility: hidden; }
section.blog .blog-header .blog-cat .title span.icon img, section.blog .blog-header .blog-cat .title span.icon svg { width: 15px; height: 23px; }
section.blog .blog-header .blog-cat .title span.icon path, section.blog .blog-header .blog-cat .title span.icon polygon, section.blog .blog-header .blog-cat .title span.icon rect, section.blog .blog-header .blog-cat .title span.icon circle { fill: #2fb4d1; }
section.blog .blog-header .blog-cat:hover .bg { transform: scale(1.1); opacity: 1; filter: alpha(opacity=100); }
section.blog .blog-header .blog-cat:hover .title span.icon { transform: rotate(-90deg); }
@media all and (max-width: 1020px) and (min-width: 0px) { section.blog .blog-header .blog-cat { width: 40%; height: 30vw; } }
@media all and (max-width: 650px) and (min-width: 0px) { section.blog .blog-header .blog-cat { width: 90%; height: 60vw; } }
section.blog .blog-header .upper { position: relative; width: 100%; max-width: 1280px; margin: 0px auto; }
@media all and (max-width: 650px) and (min-width: 0px) { section.blog .blog-header .upper { margin-top: 30px; } }
section.blog .blog-header ul.breadcrumbs { box-sizing: border-box; margin: 0px; padding: 0px; text-align: left; transform: translate(0px, -40px); }
section.blog .blog-header ul.breadcrumbs li { display: inline-block; margin: 0px; margin-right: 30px; position: relative; line-height: 20px; }
section.blog .blog-header ul.breadcrumbs li:after { content: ""; display: block; position: absolute; top: 0.2vw; right: -25px; width: 18px; height: 18px; border-radius: 30px; background-color: #2374a7; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: 60%; background-image: url(../images/right-arrow.png); }
section.blog .blog-header ul.breadcrumbs li:last-child:after { display: none; }
section.blog .blog-header ul.breadcrumbs li a { color: #494949; display: inline-block; position: relative; }
section.blog .blog-header ul.breadcrumbs li a:after { content: ""; display: block; position: absolute; width: 0%; height: 2px; background-color: #2fb4d1; left: 0px; bottom: -4px; transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1); }
section.blog .blog-header ul.breadcrumbs li a:hover:after { width: 100%; }
section.blog .calendar { position: relative; width: 100%; height: 500px; background-color: #f9f9f9; border-bottom: solid 3px #ee3b93; font-size: 18px; }
section.blog .calendar .ui-datepicker-inline { position: absolute; box-sizing: border-box; width: 100%; height: 100%; border: none; padding: 20px; background: none; }
section.blog .calendar .ui-widget-header { border: none; box-sizing: border-box; background: none; padding: .2em 0 1em 0; color: #2374a7; font-weight: 700; text-transform: uppercase; position: relative; margin-bottom: 15px; }
section.blog .calendar .ui-widget-header:after { content: ""; display: block; position: absolute; width: 60%; height: 2px; background-color: #a3c5dd; bottom: 0px; left: 20%; }
section.blog .calendar .ui-datepicker table { font-size: 0.9em; }
@media all and (max-width: 400px) and (min-width: 0px) { section.blog .calendar .ui-datepicker table { font-size: 3vw; } }
section.blog .calendar .ui-datepicker th { font-weight: 400; color: #494949; font-size: 1em; padding: 1em .3em; }
section.blog .calendar .ui-datepicker td { padding: 0px; border: solid 1px #cccccc; border-top: none; background: none; }
section.blog .calendar .ui-datepicker tr:last-child td { border-bottom: none; }
section.blog .calendar .ui-datepicker tr td:first-child { border-left: none; }
section.blog .calendar .ui-datepicker tr td:last-child { border-right: none; }
section.blog .calendar .ui-datepicker td span, section.blog .calendar .ui-datepicker td a { padding: 0.6em; }
section.blog .calendar .ui-datepicker td.posts { position: relative; }
section.blog .calendar .ui-datepicker td.posts:before { content: ""; display: block; width: 12px; height: 12px; border-radius: 100%; background-color: #2fb4d1; position: absolute; bottom: 18%; left: 47%; }
section.blog .calendar .ui-datepicker td.posts.ui-datepicker-current-day:before { background-color: #fff; }
section.blog .calendar .ui-state-default, section.blog .calendar .ui-widget-content .ui-state-default, section.blog .calendar .ui-widget-header .ui-state-default { background: none; height: 56px; color: #2fb4d1; border: none; box-sizing: border-box; }
section.blog .calendar .ui-state-highlight, section.blog .calendar .ui-widget-content .ui-state-highlight, section.blog .calendar .ui-widget-header .ui-state-highlight { background-color: #a3c5dd; }
section.blog .calendar .ui-state-active, section.blog .calendar .ui-widget-content .ui-state-active, section.blog .calendar .ui-widget-header .ui-state-active { background-color: #2fb4d1; color: #fff; }
section.blog .calendar .ui-datepicker .ui-datepicker-prev, section.blog .calendar .ui-datepicker .ui-datepicker-next { background: none; border: none; box-sizing: border-box; width: 24px; height: 28px; background-color: #2fb4d1; border-bottom: solid 2px #ee3b93; border-radius: 0px; cursor: pointer; transform: translate(0px, 5px); top: 2px !important; background-repeat: no-repeat; background-position: center center; background-size: 58%; background-image: url(../images/left-arrow.png); }
section.blog .calendar .ui-datepicker .ui-datepicker-prev span, section.blog .calendar .ui-datepicker .ui-datepicker-next span { display: none; }
section.blog .calendar .ui-datepicker .ui-datepicker-next { background-image: url(../images/right-arrow.png); }
section.blog p.key { font-style: italic; font-size: 0.8em; }
section.blog p.key span { display: inline-block; width: 15px; height: 15px; background-color: #2fb4d1; border-radius: 100%; margin: 0px 6px 0px 0px; transform: translate(0px, 2px); }

.ui-datepicker .ui-widget-header { border: none; box-sizing: border-box; background: none; padding: .2em 0 1em 0; color: #2374a7; font-weight: 700; text-transform: uppercase; position: relative; margin-bottom: 15px; }
.ui-datepicker .ui-widget-header:after { content: ""; display: block; position: absolute; width: 60%; height: 2px; background-color: #a3c5dd; bottom: 0px; left: 20%; }
.ui-datepicker table { font-size: 0.9em; }
@media all and (max-width: 400px) and (min-width: 0px) { .ui-datepicker table { font-size: 3vw; } }
.ui-datepicker th { font-weight: 400; color: #494949; font-size: 1em; padding: 1em .3em; }
.ui-datepicker td { padding: 0px; border: solid 1px #f2f2f2; border-top: none; background: none; margin: 0px; padding: 0px; }
.ui-datepicker tr:last-child td { border-bottom: none; }
.ui-datepicker tr td:first-child { border-left: none; }
.ui-datepicker tr td:last-child { border-right: none; }
.ui-datepicker td span, .ui-datepicker .ui-datepicker td a { padding: 0.6em; }
.ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-state-default, .ui-datepicker .ui-widget-header .ui-state-default { background: none; color: #2fb4d1; border: none; box-sizing: border-box; padding: 5px; }
.ui-datepicker .ui-state-highlight, .ui-datepicker .ui-widget-content .ui-state-highlight, .ui-datepicker .ui-widget-header .ui-state-highlight { background-color: #a3c5dd; }
.ui-datepicker .ui-state-active, .ui-datepicker .ui-widget-content .ui-state-active, .ui-datepicker .ui-widget-header .ui-state-active { background-color: #2fb4d1; color: #fff; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { background: none; border: none; box-sizing: border-box; width: 24px; height: 24px; background-color: #2fb4d1; border-radius: 40px; cursor: pointer; transform: translate(0px, 5px); top: 2px !important; background-repeat: no-repeat; background-position: center center; background-size: 58%; background-image: url(../images/left-arrow.png); }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: none; }
.ui-datepicker .ui-datepicker-next { background-image: url(../images/right-arrow.png); }

.blog-posts { background: none; padding: 20px 0px; box-sizing: border-box; max-width: 1500px; min-height: 500px; margin: 0px auto; text-align: center; font-size: 17px; width: 95%; }
@media all and (max-width: 1500px) and (min-width: 0px) { .blog-posts { font-size: 1.2vw; } }
@media all and (max-width: 1020px) and (min-width: 0px) { .blog-posts { font-size: 2vw; } }
@media all and (max-width: 650px) and (min-width: 0px) { .blog-posts { font-size: 2.8vw; } }
@media all and (max-width: 400px) and (min-width: 0px) { .blog-posts { font-size: 3.8vw; } }
.blog-posts h3 a.std { background-color: #2374a7; font-size: 0.4em; text-transform: uppercase; font-weight: 700; transform: translate(10px, -6px); }
.blog-posts .blog-box { float: left; width: 32.3%; margin: 0.5em 0.5%; box-sizing: border-box; height: 455px; background-color: #000; position: relative; overflow: hidden; border-radius: 0.25em; }
.blog-posts .blog-box[data-anim="yes"] { transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.6s cubic-bezier(0.77, 0, 0.175, 1), filter 0.6s cubic-bezier(0.77, 0, 0.175, 1); transition-delay: 0.2s; opacity: 0; filter: alpha(opacity=0); transform: translate(0px, 50px); }
.blog-posts .blog-box[data-anim="yes"].from-left { transform: translate(-50px, 0px); }
.blog-posts .blog-box[data-anim="yes"].from-right { transform: translate(50px, 0px); }
.blog-posts .blog-box[data-anim="yes"].show { opacity: 1; filter: alpha(opacity=100); transform: translate(0px, 0px); }
@media all and (max-width: 1500px) and (min-width: 0px) { .blog-posts .blog-box { height: 28vw; } }
@media all and (max-width: 1020px) and (min-width: 0px) { .blog-posts .blog-box { width: 100%; height: 60vw; margin-bottom: 20px; } }
@media all and (max-width: 650px) and (min-width: 0px) { .blog-posts .blog-box { margin-bottom: 40px; } }
@media all and (max-width: 400px) and (min-width: 0px) { .blog-posts .blog-box { height: 75vw; } }
.blog-posts .blog-box .bg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background-repeat: no-repeat; background-position: center center; background-size: cover; opacity: 1; filter: alpha(opacity=100); transition: opacity 0.3s cubic-bezier(0.19, 1, 0.22, 1), filter 0.3s cubic-bezier(0.19, 1, 0.22, 1), transform 0.3s cubic-bezier(0.19, 1, 0.22, 1); }
.blog-posts .blog-box .over { position: absolute; width: 100%; bottom: 0px; left: 0px; text-align: left; font-size: 1em; }
.blog-posts .blog-box .over h4 { display: block; font-size: 1em; margin: 0px; padding: 0px; margin-bottom: 0.5em; }
.blog-posts .blog-box .over h4 span { display: inline-block; color: #fff; font-weight: 700; text-transform: uppercase; box-sizing: border-box; font-size: 0.8em; margin: 0px; padding: 4px 6px; background-color: rgba(47, 180, 209, 0.9); border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.blog-posts .blog-box .over p { display: block; color: #fff; font-size: 1em; line-height: 1.6em; margin: 0px; text-align: left; box-sizing: border-box; padding: 10px; background-color: rgba(35, 116, 167, 0.95); }
.blog-posts .blog-box .date-box { position: absolute; top: 10px; right: 10px; }
.blog-posts .blog-box .date-box span.cat { position: absolute; height: 50px; width: 50px; border-radius: 50px; background-color: #fff; top: 4px; left: -55px; }
.blog-posts .blog-box .date-box span.cat img { visibility: hidden; }
.blog-posts .blog-box .date-box span.cat img, .blog-posts .blog-box .date-box span.cat svg { width: 50%; position: absolute; left: 25%; top: 50%; transform: translate(0px, -50%); }
.blog-posts .blog-box .date-box span.cat path, .blog-posts .blog-box .date-box span.cat circle, .blog-posts .blog-box .date-box span.cat rect, .blog-posts .blog-box .date-box span.cat polygon { fill: #2fb4d1; }
.blog-posts .blog-box .date-box span.date { position: relative; display: inline-block; background-color: rgba(238, 59, 147, 0.9); color: #fff; font-weight: 400; font-size: 0.8em; padding: 3px 10px; margin: 0px; margin-left: 5px; border-radius: 4px; transform: translate(-5px, 3px); }
.blog-posts .blog-box .date-box span.group { position: absolute; display: block; width: 100%; text-align: right; background-color: rgba(137, 75, 142, 0.9); color: #fff; font-weight: 400; font-size: 0.8em; text-transform: uppercase; padding: 3px 10px 5px 10px; margin: 0px; right: 5px; top: 46px; border-radius: 4px; transform: translate(0px, -16px); }
.blog-posts .blog-box a.full-btn { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; }
.blog-posts .blog-box:hover .bg { opacity: 0.9; filter: alpha(opacity=90); transform: scale(1.15); }
.blog-posts.events h3 a.std { background-color: #2fb4d1; }
.blog-posts.events .blog-box { background-color: #2374a7; border-color: #2fb4d1; }
.blog-posts.events .blog-box .over h4 span { background-color: rgba(238, 59, 147, 0.9); }
.blog-posts.events .blog-box .date-box span.group { background-color: rgba(238, 59, 147, 0.9); }

section.blog.single { position: relative; }
@media all and (max-width: 650px) and (min-width: 0px) { section.blog.single { padding: 80px 0px; } }
section.blog.single .event-data { text-align: left; display: inline-block; width: 70%; box-sizing: border-box; margin: 0px; }
section.blog.single .event-data .details { position: relative; box-sizing: border-box; }
section.blog.single .event-data .details h5 { color: #2374a7; font-weight: 400; font-size: 1em; line-height: 1.8em; }
section.blog.single .event-data .details h5 i { color: #fff; font-style: normal; text-transform: uppercase; font-size: 0.7em; line-height: 1.2em; display: inline-block; background-color: #2fb4d1; padding: 4px 8px; transform: translate(0px, -2px); border-radius: 4px; }
@media all and (max-width: 1020px) and (min-width: 0px) { section.blog.single .event-data { width: 100%; float: none; } }
section.blog.single .saving { position: relative; float: right; width: 10%; max-width: 10em; margin: 0px; box-sizing: border-box; transform: translate(0px, -20px); }
section.blog.single .saving .icon { text-align: center; position: relative; width: 100%; height: 100px; background-color: #f9f9f9; box-sizing: border-box; margin: 0px; overflow: hidden; padding: 0px; padding-top: 10px; border-top-left-radius: 8px; border-top-right-radius: 8px; }
section.blog.single .saving .icon img { visibility: hidden; }
section.blog.single .saving .icon img, section.blog.single .saving .icon svg { margin-top: 0.5em; height: 60%; }
section.blog.single .saving .icon rect, section.blog.single .saving .icon circle, section.blog.single .saving .icon polygon, section.blog.single .saving .icon path { fill: #2fb4d1; }
section.blog.single .saving .icon span { display: block; color: #2fb4d1; font-weight: 400; font-size: 0.7em; text-transform: uppercase; }
@media all and (max-width: 1500px) and (min-width: 0px) { section.blog.single .saving .icon { height: 6.4em; } }
section.blog.single .saving .labels { position: relative; display: block; background-color: #ee3b93; color: #fff; font-weight: 400; text-align: center; box-sizing: border-box; padding: 10px; font-size: 0.8em; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
section.blog.single .saving .labels a { color: #fff; font-weight: 400; display: inline-block; }
@media all and (max-width: 1020px) and (min-width: 0px) { section.blog.single .saving { font-size: 0.8em; } }
@media all and (max-width: 650px) and (min-width: 0px) { section.blog.single .saving { float: none; position: relative; margin: 20px 0px; width: 148px; max-width: 148px; }
  section.blog.single .saving .icon { height: 148px; }
  section.blog.single .saving .labels { font-size: 1.2em; } }
section.blog.single .tags { display: block; width: 100%; position: relative; box-sizing: border-box; }
section.blog.single .tags h3 { display: inline-block; font-size: 0.8em; text-transform: uppercase; color: #2fb4d1; padding: 0px 10px 0px 0px; margin: 0px 10px 0px 0px; border-right: solid 2px #a3c5dd; }

/*------------------------
BLOG / END
------------------------*/
/*------------------------
GALLERY SECTION
------------------------*/
section.gallery { position: relative; width: 100%; overflow: hidden; }
section.gallery .border { display: none; top: 0px; position: absolute; left: 0px; background-color: #2374a7; }
section.gallery .thumbs { position: relative; width: 100%; margin: 0px; padding: 0px; box-sizing: border-box; cursor: pointer; margin-bottom: -8px; }
section.gallery .thumbs.ug-gallery-wrapper { width: 100%; height: auto !important; }
section.gallery .thumbs.ug-gallery-wrapper .ug-thumbs-strip, section.gallery .thumbs.ug-gallery-wrapper .ug-thumbs-grid { width: 100% !important; position: relative !important; }
section.gallery .thumbs.ug-gallery-wrapper .ug-thumbs-strip-inner, section.gallery .thumbs.ug-gallery-wrapper .ug-thumbs-grid-inner { width: 100% !important; position: relative !important; height: auto !important; }
section.gallery .thumbs.ug-gallery-wrapper .ug-thumbs-strip, section.gallery .thumbs.ug-gallery-wrapper .ug-thumbs-grid { width: 100% !important; height: auto !important; }
section.gallery .thumbs.ug-gallery-wrapper .ug-thumbs-grid-inner .ug-thumb-wrapper { width: 25% !important; height: 25vw !important; margin: 0px !important; padding: 0px !important; overflow: hidden; float: left !important; position: relative !important; box-sizing: border-box !important; left: auto !important; top: auto !important; }
section.gallery .thumbs.ug-gallery-wrapper .ug-thumbs-grid-inner .ug-thumb-wrapper img { top: 0px !important; text-align: center; transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) !important; object-fit: cover !important; width: 100% !important; height: 100% !important; position: relative !important; left: auto !important; text-align: left !important; }
@media all and (max-width: 900px) and (min-width: 0px) { section.gallery .thumbs.ug-gallery-wrapper .ug-thumbs-grid-inner .ug-thumb-wrapper { width: 50vw !important; height: 50vw !important; } }
section.gallery .thumbs.ug-gallery-wrapper .ug-thumbs-grid-inner .ug-thumb-wrapper:hover { transform: scale(1); }
section.gallery .thumbs.ug-gallery-wrapper .ug-thumbs-grid-inner .ug-thumb-wrapper:hover img { transform: scale(1.1); }

.ug-lightbox .ug-lightbox-overlay { background-color: #fff !important; }

.ug-lightbox .ug-lightbox-arrow-left, .ug-lightbox .ug-lightbox-arrow-right { background-color: rgba(47, 180, 209, 0.8) !important; }

/*------------------------
GALLERY SECTION END
------------------------*/
/*------------------------
CONTACT PAGE
------------------------*/
section.contact-block { margin: 0px; padding: 0px; box-sizing: border-box; }
section.contact-block .left-50, section.contact-block .right-50 { position: relative; box-sizing: border-box; padding: 40px; overflow: hidden; width: 50%; }
@media all and (max-width: 1440px) and (min-width: 0px) { section.contact-block .left-50, section.contact-block .right-50 { padding: 40px; }
  section.contact-block .left-50.contact, section.contact-block .right-50.contact { padding: 100px 20px; } }
@media all and (max-width: 1020px) and (min-width: 0px) { section.contact-block .left-50, section.contact-block .right-50 { float: none; width: 100%; padding: 0px 40px; } }
@media all and (max-width: 480px) and (min-width: 0px) { section.contact-block .left-50, section.contact-block .right-50 { padding: 0px 20px; } }
section.contact-block .right-50 { padding: 100px 40px; }
section.contact-block .gmap { position: absolute; width: 50%; height: 100%; top: 0px; background-color: #000; opacity: 0; filter: alpha(opacity=0); transition: opacity 0.6s ease-in-out, filter 0.6s ease-in-out; transition-delay: 0.4s; }
section.contact-block .gmap.show { opacity: 1; filter: alpha(opacity=100); }
@media all and (max-width: 1248px) and (min-width: 0px) { section.contact-block .gmap { width: 40%; } }
@media all and (max-width: 1020px) and (min-width: 0px) { section.contact-block .gmap { position: relative; height: 60vw; width: 100%; } }
section.contact-block .details { display: block; position: relative; width: 100%; max-width: 400px; margin: 20px auto; box-sizing: border-box; padding: 10px; text-align: left; font-size: 1vw; }
section.contact-block .details h3 { font-size: 36px; margin: 0px; padding: 0px; font-size: 1.5em; text-transform: uppercase; font-weight: 400; }
section.contact-block .details i.far, section.contact-block .details i.fas { position: absolute; top: 8px; left: -38px; color: #fff; background-color: #2fb4d1; display: inline-block; width: 30px; height: 30px; border-radius: 50px; box-sizing: border-box; padding-top: 8px; text-align: center; overflow: hidden; font-size: 14px; }
section.contact-block .details p { font-size: 1em; line-height: 2.6em; }
section.contact-block .details p.address { position: relative; }
section.contact-block .details p b { font-weight: 700; }
section.contact-block .details p a { font-size: 1.15vw; line-height: 1.6vw; position: relative; font-weight: 300; margin-bottom: 10px; color: #494949; white-space: normal; }
section.contact-block .details p a i.far, section.contact-block .details p a i.fas { top: 2px; }
section.contact-block .details p a span { display: inline-block; vertical-align: middle; position: relative; font-size: 1vw; }
section.contact-block .details p a:after { display: none; }
section.contact-block .details p a:hover span:after { width: 100%; }
@media all and (max-width: 1020px) and (min-width: 0px) { section.contact-block .details p { font-size: 2vw; line-height: 2.6vw; }
  section.contact-block .details p a, section.contact-block .details p a span { font-size: 2vw; line-height: 2.6vw; } }
@media all and (max-width: 1020px) and (min-width: 0px) { section.contact-block .details { margin: 20px 0px 0px 100px; } }
@media all and (max-width: 650px) and (min-width: 0px) { section.contact-block .details { display: block; width: 100%; text-align: center; margin: 20px auto; }
  section.contact-block .details h3 { font-size: 5vw; }
  section.contact-block .details p, section.contact-block .details p a, section.contact-block .details p a span { white-space: normal; font-size: 3vw; line-height: 4.2vw; }
  section.contact-block .details p i.fas, section.contact-block .details p i.far, section.contact-block .details p a i.fas, section.contact-block .details p a i.far, section.contact-block .details p a span i.fas, section.contact-block .details p a span i.far { position: relative; display: block; margin: 0px auto; top: auto; left: auto; text-align: center; } }
@media all and (max-width: 480px) and (min-width: 0px) { section.contact-block .details p, section.contact-block .details p a, section.contact-block .details p a span { font-size: 3.6vw; line-height: 4.8vw; }
  section.contact-block .details p a span { display: block; width: 100%; text-align: center; } }

/*------------------------
CONTACT PAGE END
------------------------*/
/*------------------------
FORMS
------------------------*/
form.std { position: relative; display: block; width: 100%; margin: 20px auto; max-width: 1000px; box-sizing: border-box; padding: 30px 0px; border-radius: 2px; font-size: 18px; }
form.std[data-anim="yes"] { transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.6s cubic-bezier(0.77, 0, 0.175, 1), filter 0.6s cubic-bezier(0.77, 0, 0.175, 1); transition-delay: 0.2s; opacity: 0; filter: alpha(opacity=0); transform: translate(0px, 50px); }
form.std[data-anim="yes"].from-left { transform: translate(-50px, 0px); }
form.std[data-anim="yes"].from-right { transform: translate(50px, 0px); }
form.std[data-anim="yes"].show { opacity: 1; filter: alpha(opacity=100); transform: translate(0px, 0px); }
@media all and (max-width: 560px) and (min-width: 0px) { form.std { padding: 15px; } }
form.std.search { padding-top: 0px; margin-top: 0px; }
form.std .left { float: left; box-sizing: border-box; width: 50%; padding: 0px; padding-right: 1vw; }
form.std .right { float: right; box-sizing: border-box; width: 50%; padding: 0px; padding-left: 1vw; }
@media all and (max-width: 650px) and (min-width: 0px) { form.std .left, form.std .right { float: none; padding: 0px; width: 100%; } }
form.std hr { position: relative; width: 100%; height: 3px; border: none; outline: none; display: block; margin: 40px 0px; padding: 0px; opacity: 0.5; filter: alpha(opacity=50); background-repeat: repeat-x; background-position: top left; background-size: 200px; background-image: url(../images/underline.png); }
form.std .feedback-container { position: relative; width: 100%; box-sizing: border-box; margin: 0px; padding: 0px; }
form.std .feedback-container p.form-feedback { display: block; width: 100%; font-size: 16px; min-height: 35px; }
form.std .feedback-container p.form-feedback.bad { color: #d84a61; }
form.std .feedback-container p.form-feedback.good { color: #494949; }
form.std label { display: block; position: relative; color: #2fb4d1; }
form.std label.over { position: absolute; margin: 17px 0px 0px 22px; font-size: 0.6em; text-transform: uppercase; font-weight: 700; }
@media all and (max-width: 560px) and (min-width: 0px) { form.std label { font-size: 14px; }
  form.std label.over { margin: 4px 0px 0px 10px; } }
form.std label.small { text-transform: none; font-size: 12px; display: inline-block; padding-left: 5px; color: #494949; cursor: pointer; }
@media all and (max-width: 900px) and (min-width: 0px) { form.std label.small { display: block; margin-top: 15px; box-sizing: border-box; padding-left: 30px; } }
form.std label.small a { color: #2fb4d1; transition: color 0.2s ease-in-out; font-weight: 400; }
form.std label.small a:hover { color: #1c6d7e; }
form.std input[type="checkbox"] { position: relative; width: 20px; height: 20px; float: left; }
form.std .checkbox { position: relative; box-sizing: border-box; width: 100%; }
form.std .checkbox label.cb { position: absolute; width: 20px; height: 20px; top: 0px; left: 0px; cursor: pointer; background-color: #f9fbfd; border: solid 2px #2fb4d1; }
form.std .checkbox label.cb:after { content: "L"; font-family: "Montserrat", sans-serif; color: #ee3b93; font-weight: 700; font-size: 23px; position: absolute; top: -7px; left: 7px; transform: scale(0, 0) rotate(-100deg); transform-origin: bottom left; transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
form.std .checkbox input[type="checkbox"]:focus + label.cb { border-color: #1c6d7e; background-color: #fff; }
form.std .checkbox input[type="checkbox"]:checked + label.cb:after { transform: scale(-1, 1) rotate(-40deg); }
form.std select, form.std input[type="text"], form.std textarea { display: block; width: 100%; box-sizing: border-box; outline: none; border: none; margin: 0px 0px 20px 0px; font-size: 18px; font-family: "Montserrat", sans-serif; padding: 15px 20px; padding-top: 40px; font-weight: 300; background-color: #fff; -webkit-appearance: none; border-bottom: solid 2px #2fb4d1; color: #000; border-radius: 0.3em; transition: border-color 0.2s cubic-bezier(0.77, 0, 0.175, 1), background-color 0.2s cubic-bezier(0.77, 0, 0.175, 1); }
form.std select:focus, form.std input[type="text"]:focus, form.std textarea:focus { border-color: #1c6d7e; background-color: #fff; }
form.std select.error, form.std input[type="text"].error, form.std textarea.error { border-color: #d84a61; }
@media all and (max-width: 560px) and (min-width: 0px) { form.std select, form.std input[type="text"], form.std textarea { padding: 25px 10px 15px 10px; } }
form.std select.search, form.std input[type="text"].search, form.std textarea.search { padding: 18px 60px; }
form.std textarea { height: 160px; resize: none; }
form.std label.search { position: absolute; width: 30px; height: 30px; top: 14px; left: 16px; }
form.std label.search img { visibility: hidden; }
form.std label.search img, form.std label.search svg { width: 100%; }
form.std label.search path { fill: #2374a7; }
@media all and (max-width: 560px) and (min-width: 0px) { form.std label.search { top: 12px; left: 26px; } }
form.std button, form.std input[type="submit"] { -webkit-appearance: none; color: #fff; background-color: #2fb4d1; display: inline-block; padding: 12px 20px; margin: 8px 0px; font-family: "Nunito", sans-serif; font-size: 20px; font-weight: 400; position: relative; border: none; outline: none; border-radius: 60px; border-bottom: solid 4px #ee3b93; cursor: pointer; transition: transform 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55), background-color 0.2s ease-in-out; }
form.std button:focus, form.std button:hover, form.std input[type="submit"]:focus, form.std input[type="submit"]:hover { background-color: #2374a7; transform: scale(0.95); }
@media all and (max-width: 560px) and (min-width: 0px) { form.std button, form.std input[type="submit"] { display: block; width: 100%; text-align: center; } }
form.std button.search, form.std input[type="submit"].search { position: absolute; top: 8px; right: 10px; display: block; width: 40px; height: 40px; margin: 0px; padding: 0px; text-align: center; }
form.std button.search img, form.std input[type="submit"].search img { width: 70%; transform: translate(2px, 2px); }
form.std button.search:hover, form.std input[type="submit"].search:hover { background-color: #2590a8; }
@media all and (max-width: 560px) and (min-width: 0px) { form.std button.search, form.std input[type="submit"].search { top: 7px; right: 24px; } }
form.std .big-options { position: relative; box-sizing: border-box; width: 100%; padding: 30px 0px; text-align: center; }
form.std .big-options .big-radio { display: inline-block; width: 200px; height: 200px; margin: 20px 2%; vertical-align: top; position: relative; }
form.std .big-options .big-radio label.circ { position: relative; display: block; width: 78%; height: 78%; box-sizing: border-box; background-color: #2fb4d1; color: #fff; margin: 0px auto; margin-top: -30px; padding: 0px; text-align: center; border-radius: 100%; cursor: pointer; transition: transform 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
form.std .big-options .big-radio label.circ:before { content: ""; display: block; position: absolute; box-sizing: border-box; width: 100%; height: 102%; border-radius: 100%; top: -1%; left: 0%; border-bottom: solid 5px #fff; transition: border 0.2s cubic-bezier(0.77, 0, 0.175, 1); }
form.std .big-options .big-radio label.circ:after { content: ""; display: block; width: 60%; height: 60%; position: absolute; top: 20%; left: 20%; background-repeat: no-repeat; background-position: center center; background-size: 80%; background-image: url(../images/icon-happy.png); }
form.std .big-options .big-radio label.circ.happy { background-color: #2fb4d1; }
form.std .big-options .big-radio label.circ.sad { background-color: #ee3b93; }
form.std .big-options .big-radio label.circ.sad:after { background-image: url(../images/icon-sad.png); }
form.std .big-options .big-radio label.circ.ach { background-color: #f9b233; }
form.std .big-options .big-radio label.circ.ach:after { background-image: url(../images/icon-trophy.png); }
form.std .big-options .big-radio label.circ.news { background-color: #2374a7; }
form.std .big-options .big-radio label.circ.news:after { background-image: url(../images/icon-star.png); }
form.std .big-options .big-radio label.txt { display: block; position: relative; width: 100%; text-align: center; color: #494949; margin: 20px 0px 0px 0px; cursor: pointer; }
form.std .big-options .big-radio input[type="radio"]:checked + label.circ { transform: scale(0.95); }
form.std .big-options .big-radio input[type="radio"]:checked + label.circ:before { border-color: #1a577d; }
form.std .big-options .big-radio input[type="radio"]:checked + label.circ.happy:before { border-color: #2590a8; }
form.std .big-options .big-radio input[type="radio"]:checked + label.circ.sad:before { border-color: #e21479; }
form.std .big-options .big-radio input[type="radio"]:checked + label.circ.ach:before { border-color: #f29e07; }
@media all and (max-width: 1300px) and (min-width: 0px) { form.std .big-options .big-radio { width: 14vw; height: 14vw; margin: 20px 1vw; }
  form.std .big-options .big-radio label.circ:before { border-width: 0.4vw; }
  form.std .big-options .big-radio label.txt { font-size: 1.6vw; } }
@media all and (max-width: 850px) and (min-width: 0px) { form.std .big-options .big-radio { width: 30vw; height: 30vw; }
  form.std .big-options .big-radio label.circ:before { border-width: 0.6vw; }
  form.std .big-options .big-radio label.txt { font-size: 2.6vw; } }
@media all and (max-width: 560px) and (min-width: 0px) { form.std .ui-selectmenu-button, form.std input[type="text"], form.std select, form.std textarea { font-size: 15px; } }
form.std.books { padding: 0px; margin: 0px auto; }
form.std.books label { margin-bottom: -12px; }
form.std.books input.search { background-color: #f9f9f9; margin-top: 18px; padding: 16px 20px; padding-left: 48px; }
form.std.books label.search { top: 40px; left: 40px; }
form.std.books button.search { top: 38px; }
@media all and (max-width: 850px) and (min-width: 0px) { form.std.books .right-50, form.std.books .left-50 { float: none; width: 100%; padding: 0px; }
  form.std.books label.search { left: 10px; } }
form.std.review { margin: 0px; padding: 0px; }
form.std.review h3 { margin: 0px; padding: 0px; margin-bottom: 30px; }
form.std.review select, form.std.review input[type="text"], form.std.review textarea { padding: 15px; margin: 10px 0px; background-color: #f9f9f9; }
form.std.review textarea { height: 80px; }
form.std.review label { margin-top: 15px; color: #2374a7; }
form.std.review .rating { position: relative; width: 100%; margin: 10px 0px 20px 0px; color: #2fb4d1; font-size: 22px; }
form.std.review .rating i { cursor: pointer; display: inline-block; margin: 0px; }
form.std.review .rating span { font-size: 17px; font-weight: 400; color: #2374a7; display: inline-block; margin-left: 5px; }
form.std.review button { display: inline-block; }
form.std.review .feedback-container { display: inline-block; width: 60%; margin: 0px 0px 0px 10px; }
form.std.review .colours { margin: 10px 0px; float: left; box-sizing: border-box; width: 30%; padding: 20px 0px; }
form.std.review .colours .big-colour { width: 92%; height: 160px; box-sizing: border-box; background-color: #2fb4d1; margin: 0px 0px 16px 0px; transition: background-color 0.8s cubic-bezier(0.19, 1, 0.22, 1); }
form.std.review .colours .col-list { position: relative; }
form.std.review .colours .colour { float: left; width: 26%; height: 60px; box-sizing: border-box; background-color: #2fb4d1; margin: 0px 7% 16px 0px; border: solid 2px #fff; cursor: pointer; }
form.std.review .colours .colour.active { border-color: #000; }
form.std.review .icons { position: relative; margin: 30px 0px 10px 0px; float: right; box-sizing: border-box; width: 68%; padding: 20px 0px; border-bottom: solid 3px #ee3b93; background-color: #f9f9f9; height: 315px; overflow: hidden; }
form.std.review .icons .big-icon { position: absolute; width: 40%; height: 90%; left: 0px; top: 5%; overflow: hidden; box-sizing: border-box; border-right: solid 1px #a3c5dd; background-repeat: no-repeat; background-position: 50%; background-size: 80%; }
form.std.review .icons .icon-list { position: absolute; width: 60%; height: 100%; top: 0px; right: 0px; overflow-y: scroll; box-sizing: border-box; padding: 10px 0px; }
form.std.review .icons .icon-list .icon { position: relative; display: inline-block; width: 28%; margin: 5px 2%; height: 80px; box-sizing: border-box; cursor: pointer; background-repeat: no-repeat; background-position: 50%; background-size: 80%; transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1); }
form.std.review .icons .icon-list .icon:after { content: ""; display: block; position: absolute; width: 60%; height: 4px; background-color: #000; left: 20%; bottom: -6px; transform: scale(0, 1); transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
form.std.review .icons .icon-list .icon.active:after { transform: scale(1, 1); }
form.std.review .icons .icon-list .icon:hover { transform: scale(0.9); }
@media all and (max-width: 770px) and (min-width: 0px) { form.std.review .left-50, form.std.review .right-50 { float: none; padding: 0px; width: 100%; }
  form.std.review .colours { float: none; width: 100%; }
  form.std.review .colours .big-colour { width: 100%; }
  form.std.review .colours .colour { height: 9vw; width: 13%; margin-right: 4.4%; }
  form.std.review .colours .colour:last-child { margin-right: 0px; }
  form.std.review .icons { margin-top: 0px; float: none; width: 100%; } }
@media all and (max-width: 650px) and (min-width: 0px) { form.std.review .icons { height: auto; padding-bottom: 0px; }
  form.std.review .icons .big-icon { position: relative; width: 100%; height: 50vw; margin-bottom: 20px; border-right: none; border-bottom: solid 1px #a3c5dd; background-size: 60%; margin-bottom: 0px; }
  form.std.review .icons .icon-list { position: relative; width: 100%; height: 40vw; margin: 0px; padding: 10px 0px; }
  form.std.review .icons .icon-list .icon { height: 20vw; } }
@media all and (max-width: 400px) and (min-width: 0px) { form.std.review .icon-list .icon { margin: 5px 1.5px; } }
form.std.blog { max-width: 1400px; }
form.std.blog label.over { z-index: 999; top: 0px; left: 0px; }
form.std.blog .right-50 label.over { left: 5%; }
form.std.blog input[type="text"].search { padding: 28px 60px; background-color: #fff; }
form.std.blog label.search { transform: translate(0px, 10px); }
form.std.blog input.date { background-color: #fff; text-transform: capitalize; }
form.std.blog .ui-selectmenu-button { background-color: #fff; margin-bottom: 20px; padding-top: 28px; }
form.std.blog a.reset { position: absolute; display: none; width: 20px; height: 20px; bottom: 40px; right: 15px; }
form.std.blog a.reset img { width: 100%; }
form.std.blog .filter-field { position: relative; float: left; width: 18%; margin: 10px 1%; font-size: 16px; }
form.std.blog .filter-field label.over { left: -7px; }
form.std.blog .filter-field input[type="text"], form.std.blog .filter-field select { font-size: 1em; }
form.std.blog .filter-field input.date { padding-bottom: 17px; }
form.std.blog .filter-field .ui-selectmenu-button { font-size: 1em; }
form.std.blog .filter-field .ui-selectmenu-button .ui-selectmenu-text { font-size: 1em; padding-top: 11px; padding-bottom: 11px; }
@media all and (max-width: 1500px) and (min-width: 0px) { form.std.blog { width: 95%; margin-bottom: 0px; padding-bottom: 0px; } }
@media all and (max-width: 1020px) and (min-width: 0px) { form.std.blog .filter-field { width: 48%; }
  form.std.blog .filter-field.search { width: 98%; } }
@media all and (max-width: 560px) and (min-width: 0px) { form.std.blog input.date { padding: 40px 20px; padding-bottom: 17px; } }
@media all and (max-width: 480px) and (min-width: 0px) { form.std.blog .filter-field { width: 98%; } }

.ui-front { z-index: 999; }

.ui-selectmenu-button { font-family: "Montserrat", sans-serif; font-size: 20px; outline: none; padding: 5px 0px; box-sizing: border-box; border-radius: 0px; -webkit-appearance: none; background-color: #f9f9f9; border: none; border-bottom: solid 2px #2fb4d1; color: #000; font-weight: 300; transition: border-radius 0.1s cubic-bezier(0.77, 0, 0.175, 1); }
.ui-selectmenu-button span.ui-icon { width: 20px; height: 20px; right: 15px; background-repeat: no-repeat; background-position: 50% 50%; background-image: url(../images/arrow.svg); background-size: contain; transform: rotate(90deg); transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.ui-selectmenu-button[aria-expanded="true"] { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
.ui-selectmenu-button[aria-expanded="true"] span.ui-icon { transform: rotate(270deg); }
@media all and (max-width: 560px) and (min-width: 0px) { .ui-selectmenu-button { font-size: 18px; } }

.ui-selectmenu-menu .ui-menu { border: solid 2px #2fb4d1; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-top: none; }
.ui-selectmenu-menu .ui-menu .ui-menu-item { font-family: "Montserrat", sans-serif; color: #494949; font-size: 18px; padding: 10px 30px; font-weight: 300; border-color: #a3c5dd; }
.ui-selectmenu-menu .ui-menu .ui-menu-item.ui-state-focus { font-weight: 300; border-color: #2fb4d1; background-color: #f9fbfd; color: #494949; }
@media all and (max-width: 560px) and (min-width: 0px) { .ui-selectmenu-menu .ui-menu .ui-menu-item { font-size: 16px; } }

/*------------------------
FORMS END
------------------------*/
/*------------------------
BIG FORM (letter to head / book review)
------------------------*/
.big-form { position: relative; width: 100%; background-color: #fff; box-sizing: border-box; border-bottom: solid 3px #ee3b93; margin: 0px auto; padding: 60px 60px; }
@media all and (max-width: 650px) and (min-width: 0px) { .big-form { padding: 30px; } }
.big-form form.std { max-width: 1360px; }
.big-form form.std select, .big-form form.std input[type="text"], .big-form form.std textarea { background-color: #f9f9f9; }
.big-form form.std .right.big { width: 70%; }
.big-form form.std .right.big label.over { width: 24%; text-align: right; transform: translate(0px, 2px); }
.big-form form.std .right.big select { visibility: hidden; }
.big-form form.std .right.big select, .big-form form.std .right.big input[type="text"] { float: right; width: 60%; padding-top: 15px; }
.big-form form.std .right.big .right { width: 62%; }
@media all and (max-width: 1248px) and (min-width: 0px) { .big-form form.std .right.big { width: 100%; } }
@media all and (max-width: 900px) and (min-width: 0px) { .big-form form.std .right.big select, .big-form form.std .right.big input[type="text"], .big-form form.std .right.big .right { width: 100%; margin-bottom: 30px; }
  .big-form form.std .right.big .right { padding-left: 0px; }
  .big-form form.std .right.big label.over { position: relative; text-align: left; margin: 0px; padding: 0px; transform: translate(0px, -10px); width: 100%; } }
.big-form form.std textarea.bigger { height: 260px; }

/*------------------------
BIG FORM END
------------------------*/
/*------------------------
BOOK LIST
------------------------*/
.book-list { position: relative; width: 100%; margin: 0px auto; box-sizing: border-box; padding: 0px; max-width: 1000px; }
.book-list .books { position: relative; width: 100%; counter-reset: book-counter; }
.book-list .books .book { position: relative; width: 100%; box-sizing: border-box; padding: 20px; border-bottom: solid 3px #894b8e; font-size: 18px; margin: 0px; padding-bottom: 40px; margin-bottom: 30px; }
.book-list .books .book:before { content: counter(book-counter); counter-increment: book-counter; display: block; position: absolute; background-color: #2fb4d1; color: #fff; font-size: 30px; font-weight: 700; text-align: center; box-sizing: border-box; width: 50px; height: 50px; border-radius: 50px; top: 35px; left: 20px; overflow: hidden; padding: 0px; padding-top: 6px; }
.book-list .books .book .header { position: relative; box-sizing: border-box; padding: 10px; padding-left: 70px; }
.book-list .books .book h3 { font-size: 1.6em; margin: 0px; padding: 0px; font-weight: 400; }
.book-list .books .book h4 { margin: 0px; padding: 0px; font-size: 1.1em; color: #2374a7; font-weight: 300; }
.book-list .books .book .details { position: relative; width: 100%; box-sizing: border-box; padding: 10px 10px; padding-top: 30px; }
.book-list .books .book .details .img { float: left; width: 25%; height: 300px; transform: translate(0px, 5px); background-repeat: no-repeat; background-position: top center; background-size: contain; }
.book-list .books .book .details .synopsis { float: right; width: 75%; box-sizing: border-box; padding-left: 20px; }
.book-list .books .book .details .synopsis p { margin: 0px; font-size: 1.1em; line-height: 2.1em; }
@media all and (max-width: 770px) and (min-width: 0px) { .book-list .books .book { font-size: 2.6vw; } }
@media all and (max-width: 560px) and (min-width: 0px) { .book-list .books .book:before { position: relative; top: auto; left: auto; margin: 0px auto; margin-bottom: 20px; }
  .book-list .books .book .header { margin: 0px; padding: 0px; width: 100%; }
  .book-list .books .book .header h3, .book-list .books .book .header h4 { width: 100%; display: block; text-align: center; margin: 0px auto; padding: 0px; }
  .book-list .books .book .details .img { float: none; width: 100%; margin-bottom: 20px; }
  .book-list .books .book .details .synopsis { float: none; width: 100%; } }
@media all and (max-width: 480px) and (min-width: 0px) { .book-list .books .book { font-size: 3.2vw; padding: 20px 0px; }
  .book-list .books .book .details .img { height: 68vw; } }
@media all and (max-width: 770px) and (min-width: 0px) { .book-list .left-50 { float: none; width: 100%; padding-right: 0px; } }

/*------------------------
BOOK LIST END
------------------------*/
/*------------------------
REVIEWS LIST
------------------------*/
.reviews-list { position: relative; width: 100%; font-size: 18px; }
@media all and (max-width: 1500px) and (min-width: 0px) { .reviews-list { font-size: 1.2vw; } }
@media all and (max-width: 1026px) and (min-width: 0px) { .reviews-list { font-size: 1.6vw; } }
@media all and (max-width: 850px) and (min-width: 0px) { .reviews-list { font-size: 2.6vw; } }
@media all and (max-width: 480px) and (min-width: 0px) { .reviews-list { font-size: 3.3vw; } }
@media all and (max-width: 400px) and (min-width: 0px) { .reviews-list { font-size: 4vw; } }
.reviews-list .reviews { position: relative; width: 100%; margin: 0px auto; box-sizing: border-box; padding: 0px; padding-top: 40px; text-align: center; }
@media all and (max-width: 850px) and (min-width: 0px) { .reviews-list .reviews { padding-top: 10px; } }
.reviews-list .reviews .review { position: relative; display: inline-block; width: 46%; box-sizing: border-box; margin: 15px 1.5%; background-color: #fff; text-align: left; overflow: hidden; border-radius: 0.4em; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); }
.reviews-list .reviews .review .header { position: relative; width: 100%; box-sizing: border-box; padding: 10px 20px; padding-right: 100px; }
.reviews-list .reviews .review .header h5 { color: #fff; margin: 0px; padding: 0px; font-size: 1.2em; font-weight: 400; }
.reviews-list .reviews .review .header p { color: #fff; margin: 0px; padding: 0px; font-size: 0.9em; }
.reviews-list .reviews .review .header .icon { position: absolute; display: block; top: 8px; right: 20px; width: 120px; height: 120px; pointer-events: none; background-repeat: no-repeat; background-position: center; background-size: contain; }
.reviews-list .reviews .review .details { position: relative; box-sizing: border-box; width: 100%; margin: 0px; padding: 30px 20px; margin-top: 20px; padding-bottom: 0px; }
.reviews-list .reviews .review .details .stat { display: block; margin: 0px 0px; margin-bottom: 30px; }
.reviews-list .reviews .review .details .stat label { display: block; font-weight: 400; color: #2374a7; font-size: 0.8em; }
.reviews-list .reviews .review .details .stat span { display: block; font-size: 0.85em; line-height: 1.8em; color: #494949; }
.reviews-list .reviews .review .footer { position: relative; box-sizing: border-box; margin: 0px; padding: 20px; width: 100%; }
.reviews-list .reviews .review .footer:before { display: block; content: ""; position: relative; width: 100%; height: 2px; background-color: #cccccc; margin: 0px 0px 20px 0px; }
.reviews-list .reviews .review .footer .rating { float: left; width: 50%; box-sizing: border-box; font-size: 1.4em; margin: 0px; padding: 0px; padding-top: 5px; }
.reviews-list .reviews .review .footer .rating span { color: #2374a7; display: inline-block; margin: 0px; padding: 0px; padding-left: 5px; font-weight: 400; font-size: 0.8em; }
.reviews-list .reviews .review .footer .name { float: right; width: 50%; box-sizing: border-box; text-align: right; }
.reviews-list .reviews .review .footer .name h5 { margin: 0px; padding: 0px; font-size: 1em; color: #2374a7; font-weight: 700; }
.reviews-list .reviews .review .footer .name p { margin: 0px; padding: 0px; font-size: 0.9em; margin-top: -5px; }
@media all and (max-width: 1500px) and (min-width: 0px) { .reviews-list .reviews .review .header .icon { width: 8vw; height: 8vw; } }
@media all and (max-width: 850px) and (min-width: 0px) { .reviews-list .reviews .review { width: 90%; }
  .reviews-list .reviews .review .header .icon { width: 14vw; height: 14vw; } }
@media all and (max-width: 650px) and (min-width: 0px) { .reviews-list .reviews .review { width: 100%; margin: 15px 0px; } }

/*------------------------
REVIEWS LIST END
------------------------*/
/*------------------------
SEARCH
------------------------*/
.search-view { position: relative; width: 100%; box-sizing: border-box; font-size: 20px; }
.search-view hr { border: none; outline: none; width: 100%; height: 2px; margin: 20px auto; background-color: #a3c5dd; }
.search-view h2 span { display: inline-block; color: #fff; background-color: #2fb4d1; padding: 2px 10px; }
.search-view .result-box { text-align: left; position: relative; box-sizing: border-box; margin-bottom: 80px; padding-bottom: 60px; border-bottom: solid 4px #2374a7; }
.search-view .result-box h3 span { display: inline-block; color: #fff; background-color: #2374a7; padding: 5px 10px; }
.search-view .result-box:nth-child(even) { border-bottom: solid 4px #2fb4d1; }
.search-view .result-box:nth-child(even) h3 span { background-color: #2fb4d1; }
.search-view .result-box:last-child { border-bottom: none; }
.search-view .result-box .inner.page:last-child { border-bottom: none; }
.search-view .page-link { position: relative; width: 100%; box-sizing: border-box; margin: 0px; padding: 40px 20px; border-bottom: solid 1px #a3c5dd; }
.search-view .page-link h2 { margin-bottom: 0px; }
.search-view .page-link:last-child { border-bottom: none; }

/*------------------------
SEARCH END
------------------------*/
/*------------------------
DATES
------------------------*/
.term-dates { position: relative; width: 100%; box-sizing: border-box; padding: 0px 0px 80px 0px; font-size: 20px; }
@media all and (max-width: 1300px) and (min-width: 0px) { .term-dates { font-size: 1.4vw; } }
@media all and (max-width: 1020px) and (min-width: 0px) { .term-dates { font-size: 2vw; } }
@media all and (max-width: 560px) and (min-width: 0px) { .term-dates { font-size: 3.4vw; } }
@media all and (max-width: 480px) and (min-width: 0px) { .term-dates { font-size: 4.8vw; } }
.term-dates .term-date { position: relative; float: left; width: 48%; box-sizing: border-box; padding: 20px; margin: 20px 1%; background-color: #2fb4d1; min-height: 190px; border-radius: 0.4em; }
.term-dates .term-date[data-anim="yes"] { transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.6s cubic-bezier(0.77, 0, 0.175, 1), filter 0.6s cubic-bezier(0.77, 0, 0.175, 1); transition-delay: 0.2s; opacity: 0; filter: alpha(opacity=0); transform: translate(0px, 50px); }
.term-dates .term-date[data-anim="yes"].from-left { transform: translate(-50px, 0px); }
.term-dates .term-date[data-anim="yes"].from-right { transform: translate(50px, 0px); }
.term-dates .term-date[data-anim="yes"].show { opacity: 1; filter: alpha(opacity=100); transform: translate(0px, 0px); }
@media all and (max-width: 1500px) and (min-width: 0px) { .term-dates .term-date { min-height: 12vw; } }
@media all and (max-width: 1020px) and (min-width: 0px) { .term-dates .term-date { width: 100%; margin: 20px 0px; } }
@media all and (max-width: 560px) and (min-width: 0px) { .term-dates .term-date { text-align: center; } }
.term-dates .term-date .cal { display: inline-block; box-sizing: border-box; padding: 5px; width: 20%; vertical-align: top; border-radius: 0.3em; }
.term-dates .term-date .cal .dl { position: relative; box-sizing: border-box; text-align: center; width: 100%; }
.term-dates .term-date .cal .dl .icon { display: block; width: 100%; height: 100px; margin: 0px auto; box-sizing: border-box; overflow: hidden; background-color: #fff; padding: 0px; padding-top: 12px; border-top-left-radius: 0.3em; border-top-right-radius: 0.3em; }
.term-dates .term-date .cal .dl .icon img { visibility: hidden; }
.term-dates .term-date .cal .dl .icon img, .term-dates .term-date .cal .dl .icon svg { width: 50%; fill: #2fb4d1 !important; }
.term-dates .term-date .cal .dl .icon sub { text-transform: uppercase; font-size: 0.6em; font-weight: 700; color: #2fb4d1; margin: 22px 0px 0px 0px; padding: 0px; display: inline-block; transform: translate(0px, -18px); }
@media all and (max-width: 1500px) and (min-width: 0px) { .term-dates .term-date .cal .dl .icon { height: 6.9vw; width: 6.9vw; padding-top: 0.8vw; }
  .term-dates .term-date .cal .dl .icon sub { font-size: 0.55vw; transform: translate(0px, -1.2vw); } }
@media all and (max-width: 1020px) and (min-width: 0px) { .term-dates .term-date .cal .dl .icon { height: 15vw; width: 15vw; padding-top: 1.2vw; }
  .term-dates .term-date .cal .dl .icon sub { font-size: 0.8vw; transform: translate(0px, -1.8vw); } }
@media all and (max-width: 560px) and (min-width: 0px) { .term-dates .term-date .cal .dl .icon { width: 80%; height: auto; padding-top: 15px; margin-top: 20px; }
  .term-dates .term-date .cal .dl .icon sub { font-size: 12px; transform: translate(0px, -2px); display: block; width: 100%; text-align: center; } }
.term-dates .term-date .cal .dl .btns { display: block; width: 100%; box-sizing: border-box; padding: 5px; background-color: #ee3b93; font-size: 0.8em; color: #fff; margin: 0px; border-bottom-left-radius: 0.4em; border-bottom-right-radius: 0.4em; }
.term-dates .term-date .cal .dl .btns a { display: inline-block; color: #fff; font-size: 0.8em; font-weight: 400; }
.term-dates .term-date .cal .dl .btns a:hover { color: #2374a7; }
@media all and (max-width: 1500px) and (min-width: 0px) { .term-dates .term-date .cal .dl .btns { width: 6.9vw; } }
@media all and (max-width: 1020px) and (min-width: 0px) { .term-dates .term-date .cal .dl .btns { width: 15vw; } }
@media all and (max-width: 560px) and (min-width: 0px) { .term-dates .term-date .cal .dl .btns { font-size: 15px; width: 80%; margin: 0px auto 10px auto; } }
@media all and (max-width: 560px) and (min-width: 0px) { .term-dates .term-date .cal { width: 100%; max-width: 250px; } }
.term-dates .term-date .overview { display: inline-block; box-sizing: border-box; padding: 5px 15px; width: 78%; vertical-align: top; }
.term-dates .term-date .overview h2 { color: #fff; position: relative; font-size: 1.2em; margin: 0px 0px 15px 0px; padding: 0px 0px 5px 0px; }
.term-dates .term-date .overview h2:after { content: ''; display: block; position: absolute; width: 30%; height: 2px; background-color: #2fb4d1; left: 0px; bottom: -6px; }
@media all and (max-width: 560px) and (min-width: 0px) { .term-dates .term-date .overview h2:after { left: 35%; } }
.term-dates .term-date .overview h3 { font-size: 0.8em; margin: 0px; padding: 0px; color: #fff; }
.term-dates .term-date .overview h3 b { display: inline-block; font-size: 0.6em; font-weight: 700; color: #ace1ed; text-transform: uppercase; }

/*------------------------
DATES END
------------------------*/
/*------------------------
COOKIE BANNER
------------------------*/
.cookie-banner { position: fixed; width: 200px; height: 130px; left: 10px; bottom: -150px; z-index: 9999; background-color: #2374a7; border-radius: 4px; border-bottom: solid 4px #ee3b93; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); transition: bottom 1s cubic-bezier(0.19, 1, 0.22, 1); transition-delay: 0.6s; }
.cookie-banner.show { bottom: 10px; }
.cookie-banner .inner { position: relative; box-sizing: border-box; padding: 12px; }
.cookie-banner hr { border: none; margin: 10px 0px; padding: 0px; width: 70%; height: 3px; background-repeat: repeat-x; background-position: top left; background-size: 200px; background-image: url(../images/underline.png); opacity: 0.5; filter: alpha(opacity=50); }
.cookie-banner hr.white { background-image: url(../images/underline-white.png); }
.cookie-banner p { display: inline-block; margin: 0px; padding: 0px; font-size: 13px; line-height: normal; color: #fff; }
.cookie-banner a.std { display: inline-block; background-color: #fff; text-transform: uppercase; font-size: 14px; padding: 4px 12px; width: auto !important; margin: 0px; margin-top: 5px; border-width: 1px; color: #2374a7; }
.cookie-banner a.std:after { bottom: 3px; }

/*------------------------
COOKIE BANNER END
------------------------*/
/*------------------------
LITE BOX
------------------------*/
.lite-box { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; overflow-y: scroll; box-sizing: border-box; z-index: 920; visibility: hidden; display: none; transition: visibility 0.4s linear; transition-delay: 0.4s; }
.lite-box .bg { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); cursor: pointer; opacity: 0; filter: alpha(opacity=0); transition: opacity 0.4s cubic-bezier(0.86, 0, 0.07, 1), filter 0.4s cubic-bezier(0.86, 0, 0.07, 1); }
.lite-box .content { position: relative; width: 90%; box-sizing: border-box; background-color: #fff; margin: 100px auto; padding: 40px; max-width: 1000px; min-height: 800px; opacity: 0; filter: alpha(opacity=0); transform: translate(0px, 50px); transition: opacity 0.4s cubic-bezier(0.86, 0, 0.07, 1), filter 0.4s cubic-bezier(0.86, 0, 0.07, 1), transform 0.4s cubic-bezier(0.86, 0, 0.07, 1); }
.lite-box .content a.cross { position: absolute; width: 35px; height: 35px; background-color: #2fb4d1; box-sizing: border-box; margin: 0px; padding: 0px; top: 10px; right: 10px; overflow: hidden; border-radius: 110%; cursor: pointer; transition: background-color 0.3s cubic-bezier(0.19, 1, 0.22, 1), transform 0.3s cubic-bezier(0.19, 1, 0.22, 1); }
.lite-box .content a.cross span { position: absolute; width: 70%; height: 3px; background-color: #fff; top: 16px; left: 15%; }
.lite-box .content a.cross span.tp { transform: rotate(45deg); }
.lite-box .content a.cross span.bt { transform: rotate(-45deg); }
.lite-box .content a.cross:hover { background-color: #2374a7; transform: scale(0.9); }
.lite-box.show { transition-delay: 0s; visibility: visible; }
.lite-box.show .bg { opacity: 1; filter: alpha(opacity=100); }
.lite-box.show .content { opacity: 1; filter: alpha(opacity=100); transform: translate(0px, 0px); }

/*------------------------
LITE BOX END
------------------------*/
/*------------------------
FOOTER
------------------------*/
footer { position: relative; display: block; width: 100%; box-sizing: border-box; overflow: hidden; background-color: #2fb4d1; }
footer:after { content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 12px; opacity: 0.2; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ }
footer .inner { position: relative; width: 90%; max-width: 1360px; margin: 0px auto; padding: 80px 0px 10px 0px; }
@media all and (max-width: 1020px) and (min-width: 0px) { footer .inner { padding-top: 40px; } }
footer .inner .left { float: left; width: 30%; box-sizing: border-box; margin: 0px; padding: 0px; }
@media all and (max-width: 650px) and (min-width: 0px) { footer .inner .left { float: none; width: 100%; margin-bottom: 30px; } }
footer .inner .right { float: right; width: 70%; box-sizing: border-box; margin: 0px; padding: 0px; }
@media all and (max-width: 650px) and (min-width: 0px) { footer .inner .right { float: none; width: 100%; } }
footer .inner .details { position: relative; float: right; box-sizing: border-box; }
footer .inner .details i.far, footer .inner .details i.fas { position: absolute; top: 0px; left: -35px; color: #2fb4d1; background-color: #fff; display: inline-block; width: 25px; height: 25px; border-radius: 50px; box-sizing: border-box; padding-top: 6px; text-align: center; overflow: hidden; font-size: 14px; }
footer .inner .details p { color: #fff; font-size: 16px; line-height: 28px; padding: 0px; margin: 0px; }
footer .inner .details p b { font-weight: 400; }
@media all and (max-width: 1020px) and (min-width: 0px) { footer .inner .details p { font-size: 14px; } }
@media all and (max-width: 850px) and (min-width: 0px) { footer .inner .details { float: none; margin-left: 35px; margin-bottom: 10px; } }
@media all and (max-width: 650px) and (min-width: 0px) { footer .inner .details { text-align: center; margin: 0px auto; padding: 0px; }
  footer .inner .details i.far, footer .inner .details i.fas { position: relative; top: auto; left: auto; } }
@media all and (max-width: 400px) and (min-width: 0px) { footer .inner .details p { font-size: 3.8vw; line-height: 8vw; } }
footer .inner .contact { position: relative; float: right; box-sizing: border-box; margin: 0px; padding: 0px; padding-left: 60px; }
footer .inner .contact a { display: block; color: #fff; font-size: 16px; line-height: 28px; }
@media all and (max-width: 1020px) and (min-width: 0px) { footer .inner .contact a { font-size: 14px; } }
@media all and (max-width: 400px) and (min-width: 0px) { footer .inner .contact a { font-size: 3.8vw; } }
footer .inner .contact a i.far, footer .inner .contact a i.fas { position: relative; color: #2fb4d1; background-color: #fff; display: inline-block; width: 25px; height: 25px; border-radius: 50px; box-sizing: border-box; padding-top: 6px; text-align: center; overflow: hidden; font-size: 14px; transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out; }
footer .inner .contact a span { color: #fff; display: inline-block; transform: translate(6px, -6px); transition: color 0.1s ease-in-out; }
footer .inner .contact a:hover span { color: #080409; }
@media all and (max-width: 850px) and (min-width: 0px) { footer .inner .contact { float: none; padding-left: 0px; } }
@media all and (max-width: 650px) and (min-width: 0px) { footer .inner .contact { text-align: center; margin: 0px auto; padding: 0px; margin-top: 30px; } }
footer .inner .logos { position: relative; width: 100%; margin: 0px; padding: 0px; margin-top: 30px; }
footer .inner .logos img { width: 100%; max-width: 500px; }
@media all and (max-width: 650px) and (min-width: 0px) { footer .inner .logos { margin: 20px auto; width: 80%; } }
footer .inner .useful-links { position: relative; box-sizing: border-box; float: left; width: 100%; max-width: 300px; }
footer .inner .useful-links .header { position: relative; }
footer .inner .useful-links .header i.far, footer .inner .useful-links .header i.fas { position: absolute; top: 0px; left: -35px; color: #2fb4d1; background-color: #fff; display: inline-block; width: 25px; height: 25px; border-radius: 50px; box-sizing: border-box; padding-top: 6px; text-align: center; overflow: hidden; font-size: 14px; }
footer .inner .useful-links .header h4 { margin: 0px; padding: 4px 0px; color: #fff; font-size: 16px; font-weight: 400; text-transform: uppercase; border-bottom: solid 2px #1f6592; }
footer .inner .useful-links ul { list-style: none; width: 100%; box-sizing: border-box; margin: 10px 0px; padding: 0px; }
footer .inner .useful-links ul li { display: block; margin: 0px 0px 8px 0px; padding: 0px; }
footer .inner .useful-links ul li a { color: #fff; display: block; padding: 5px 0px; transition: color 0.1s ease-in-out; }
footer .inner .useful-links ul li a:hover { color: #080409; }
@media all and (max-width: 1020px) and (min-width: 0px) { footer .inner .useful-links ul li a { font-size: 14px; } }
@media all and (max-width: 400px) and (min-width: 0px) { footer .inner .useful-links ul li a { font-size: 3.8vw; } }
@media all and (max-width: 650px) and (min-width: 0px) { footer .inner .useful-links { float: none; margin: 20px auto; text-align: center; }
  footer .inner .useful-links .header i.far, footer .inner .useful-links .header i.fas { position: relative; left: auto; top: auto; } }
footer .inner .bottom { position: relative; width: 100%; box-sizing: border-box; padding: 0px; margin: 40px 0px 0px 0px; border-top: solid 2px #1f6592; }
footer .inner .bottom p { color: #e6e6e6; font-size: 14px; font-weight: 300; }
@media all and (max-width: 1020px) and (min-width: 0px) { footer .inner .bottom p { font-size: 12px; } }
@media all and (max-width: 400px) and (min-width: 0px) { footer .inner .bottom p { font-size: 3.2vw; } }
footer .inner .bottom p a.revibe { display: inline-block; margin-left: 5px; color: #fff; font-weight: 400; }
footer .inner .bottom p a.revibe span { display: inline-block; transition: color 0.2s cubic-bezier(0.86, 0, 0.07, 1); }
footer .inner .bottom p a.revibe img { visibility: hidden; }
footer .inner .bottom p a.revibe img, footer .inner .bottom p a.revibe svg { display: inline-block; width: 20px; height: 24px; transform: translate(-3px, 4px); }
footer .inner .bottom p a.revibe svg { fill: #fff; transition: fill 0.2s cubic-bezier(0.86, 0, 0.07, 1); }
footer .inner .bottom p a.revibe:hover span { color: #83d2e3; }
footer .inner .bottom p a.revibe:hover svg { fill: #83d2e3; }
footer .inner .bottom .right { text-align: right; }
@media all and (max-width: 650px) and (min-width: 0px) { footer .inner .bottom { margin: 20px 0px; }
  footer .inner .bottom .left { float: none; width: 100%; text-align: center; margin: 0px; padding: 0px; }
  footer .inner .bottom .right { float: none; width: 100%; text-align: center; margin: 0px; padding: 0px; } }

/*------------------------
FOOTER END
------------------------*/
/*------------------------
VACANCY
------------------------*/
.vacancy .vacancy-header { position: relative; box-sizing: border-box; width: 100%; padding: 20px 0px; margin: 0px 0px 20px 0px; border-bottom: solid 2px #a3c5dd; }
.vacancy .vacancy-header h1 { float: left; font-size: 1.8em; }
.vacancy .vacancy-header h4 { float: right; font-size: 1.2em; color: #2374a7; }
.vacancy .vacancy-header h4 span { position: relative; display: inline-block; color: #fff; background-color: #2fb4d1; font-weight: 700; margin: 0px 5px 0px 0px; padding: 6px 1em; font-size: 0.6em; text-transform: uppercase; transform: translate(0px, -2px); border-radius: 1em; border-bottom: solid 2px #ee3b93; }

.vacancy-list { position: relative; width: 100%; max-width: 1000px; margin: 0px auto; font-size: 20px; }
.vacancy-list a.vacancy { position: relative; display: block; box-sizing: border-box; text-align: left; background-color: #fff; color: #494949; padding: 40px; padding-right: 90px; margin: 20px 0px; border-radius: 0.4em; overflow: hidden; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1); }
.vacancy-list a.vacancy span { display: block; }
.vacancy-list a.vacancy span.title { position: relative; font-size: 1.8em; color: #2fb4d1; padding: 5px 0px; font-weight: 400; margin-bottom: 0.4em; display: inline-block; }
.vacancy-list a.vacancy span.title:before { content: ""; position: absolute; width: 100%; height: 2px; background-color: #ee3b93; bottom: -0.08em; left: 0px; transform: translate(0px, 45%); }
.vacancy-list a.vacancy span.date { font-size: 1.1em; }
.vacancy-list a.vacancy span.more { text-transform: uppercase; font-size: 0.7em; color: #2374a7; font-weight: 700; text-transform: uppercase; margin-top: 10px; }
.vacancy-list a.vacancy span.arrow { position: absolute; width: 50px; height: 50px; background-color: #2fb4d1; top: 50%; right: 30px; border-radius: 80px; transform: translate(0px, -50%); background-repeat: no-repeat; background-position: center; background-size: 50%; background-image: url(../images/right-arrow.png); transition: background-color 0.4s cubic-bezier(0.19, 1, 0.22, 1); }
.vacancy-list a.vacancy:hover { transform: scale(0.97); }
.vacancy-list a.vacancy:hover span.arrow { background-color: #2374a7; }
@media all and (max-width: 850px) and (min-width: 0px) { .vacancy-list { font-size: 2.3vw; } }
@media all and (max-width: 560px) and (min-width: 0px) { .vacancy-list { font-size: 2.8vw; }
  .vacancy-list a.vacancy span.arrow { width: 40px; height: 40px; } }
@media all and (max-width: 480px) and (min-width: 0px) { .vacancy-list { font-size: 3.2vw; } }

/*------------------------
VACANCY END
------------------------*/
/*------------------------
ALERT
------------------------*/
.alert { position: relative; width: 100%; box-sizing: border-box; padding: 0px; padding-bottom: 80px; }
.alert .std-body h3.alert-title { position: relative; font-size: 1.5em; font-weight: 400; color: #2fb4d1; display: block; box-sizing: border-box; width: 100%; border-bottom: solid 2px #a3c5dd; padding-bottom: 18px; margin-bottom: 18px; text-align: left; }
.alert .std-body h3.alert-title i { display: inline-block; padding-right: 10px; }
.alert .std-body h2.alert-title { margin: 0px; padding: 0px; margin-top: 40px; }

.alert-footer { position: absolute; width: 90%; margin-left: 5%; text-align: center; left: 0px; bottom: 30px; box-sizing: border-box; }
@media all and (max-width: 560px) and (min-width: 0px) { .alert-footer a.std { font-size: 3vw; } }

/*------------------------
ALERT END
------------------------*/
.grecaptcha-badge { visibility: hidden; }

/*------------------------
IE Fixes
------------------------*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */ }

/*# sourceMappingURL=main.css.map */