html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
}
html {
    scroll-behavior: smooth;
}
article, aside, details, figcaption, figure, footer, header, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.paragraph ul {
    list-style: disc;
    margin-left: 20px;
}
.wrapper {
    width: 1380px;
    margin: 0 auto;
    position: relative;
}
.wrapper.medium {
    width: 1100px;
}
.wrapper.small {
    width: 600px;
}
.wrapper.smaller {
    width: 600px;
}
.clear {
    clear: both;
}
.dpn {
    display: none !important;
}
.floatLeft {
    float: left;
}
.floatRight {
    float: right;
}
.floatRightI {
    float: right !important;
}
.mt5 {
    margin-top: 5px;
}
.mt10 {
    margin-top: 10px;
}
.mt15 {
    margin-top: 15px;
}
.mt20 {
    margin-top: 20px;
}
.mt30 {
    margin-top: 30px;
}
.mt40 {
    margin-top: 40px;
}
.mt50 {
    margin-top: 50px;
}
.mt60 {
    margin-top: 60px;
}
.mt80 {
    margin-top: 80px;
}
.mb5 {
    margin-bottom: 5px;
}
.mb10 {
    margin-bottom: 10px;
}
.mb15 {
    margin-bottom: 15px;
}
.mb20 {
    margin-bottom: 20px;
}
.mb30 {
    margin-bottom: 30px;
}
.mb40 {
    margin-bottom: 40px;
}
.mb50 {
    margin-bottom: 50px;
}
.mb60 {
    margin-bottom: 60px;
}
.ml5 {
    margin-left: 5px;
}
.ml10 {
    margin-left: 10px;
}
.ml20 {
    margin-left: 20px;
}
.ml30 {
    margin-left: 30px;
}
.ml40 {
    margin-left: 40px;
}
.mr5 {
    margin-right: 5px;
}
.mr10 {
    margin-right: 10px;
}
.mr20 {
    margin-right: 20px;
}
.mr30 {
    margin-right: 30px;
}
.mr40 {
    margin-right: 40px;
}
.p10-0 {
    padding: 10px 0;
}
.p15-0 {
    padding: 15px 0;
}
.p20-0 {
    padding: 20px 0;
}
.p30-0 {
    padding: 30px 0;
}
.p40-0 {
    padding: 40px 0;
}
.p50-0 {
    padding: 50px 0;
}
.p60-0 {
    padding: 60px 0;
}
.p100-0 {
    padding: 100px 0;
}
.p150-0 {
    padding: 150px 0;
}
.p200-0 {
    padding: 200px 0;
}
.p10 {
    padding: 10px;
}
.p20 {
    padding: 20px;
}
.p30 {
    padding: 30px;
}
.p40 {
    padding: 40px;
}
.p50 {
    padding: 50px;
}
.p60 {
    padding: 60px;
}
.pt0 {
    padding-top: 0;
}
.pb0 {
    padding-bottom: 0;
}
.pl0 {
    padding-left: 0;
}
.pt60 {
    padding-top: 60px;
}
.pb60 {
    padding-bottom: 60px;
}
.pb100 {
    padding-bottom: 100px;
}
.pl10 {
    padding-left: 10px;
}
.pl15 {
    padding-left: 15px;
}
.pl20 {
    padding-left: 20px;
}
.mt-20 {
    margin-top: -20px;
}
.mt-40 {
    margin-top: -40px;
}
.mt-60 {
    margin-top: -60px;
}
.orangeBorder {
    border-left: 2px solid #e86c27;
}
.light {
    font-family: "Roboto";
    font-weight: 300;
    font-style: normal;
}
.regular {
    font-family: "Roboto";
    font-weight: 400;
    font-style: normal;
}
.semiBold {
    font-family: "Roboto";
    font-weight: 600;
    font-style: normal;
}
.bold {
    font-family: "Roboto";
    font-weight: 700;
    font-style: normal;
}
.uppercase {
    text-transform: uppercase;
}
.underline {
    text-decoration: underline;
}
strong {
    font-weight: bold;
}
.italic {
    font-style: italic;
}
em {
    font-style: italic;
}
.centerText {
    text-align: center;
}
.title-big {
    font-size: 60px;
    line-height: 1.5;
}
.title-1 {
    font-size: 42px;
    line-height: 1.2;
}
.title-2 {
    font-size: 36px;
    line-height: 1.5;
}
.title-3 {
    font-size: 32px;
    line-height: 1.5;
}
.title-4 {
    font-size: 24px;
    line-height: 1.5;
}
.title-5 {
    font-size: 22px;
    line-height: 1.5;
}
.title-6 {
    font-size: 20px;
    line-height: 1.5;
}
.title-7 {
    font-size: 18px;
    line-height: 1.5;
}
.title-8 {
    font-size: 16px;
    line-height: 1.5;
}
.backgroundCover {
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}
.clearFix:after {
    clear: both;
    content: "";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
.relative {
    position: relative;
}
.btn {
    cursor: pointer;
}
.formshowerror {
    border: 1px solid red;
    background-color: #ffd0d0;
    color: red;
}
.parallax {
    overflow: hidden;
    position: absolute;
    float: left;
    height: 100%;
    top: 0;
    width: 100%;
    background-attachment: fixed;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.image {
    float: left;
    width: 100%;
}
.image img {
    float: left;
    max-width: 100%;
}
.rounded-20 {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}
.round {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    border: 10px solid #e8e8e8;
}
.fourColumn {
    float: left;
    width: 21.5%;
}
.fourColumn:nth-child(2) {
    margin: 0 2% 0 3%;
}
.fourColumn:nth-child(3) {
    margin: 0 3% 0 2%;
}
.center {
    display: flex;
    align-items: center;
    height: 100%;
}
.flex {
    display: flex;
}
.flexCenter {
    align-items: center;
    justify-content: center;
}
.flex1 {
    flex: 1;
}
.centerBack {
    background-position: center;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    background: white;
    font-family: "Roboto";
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
}
a {
    color: inherit;
}
b {
    font-family: "Roboto";
    font-weight: 700;
    font-style: normal;
}
.paragraph {
    float: left;
    font-family: "Roboto";
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 34px;
    color: #404040;
}
.paragraph img {
    max-width: 100%;
    height: auto;
}
.paragraph.white {
    color: white !important;
}
.paragraph.italic {
    font-style: italic;
}
.paragraph.small {
    font-size: 14px;
    line-height: 26px;
}
.paragraph.medium {
    font-size: 16px;
    line-height: 32px;
}
.paragraph.big {
    font-size: 18px;
    line-height: 35px;
}
.paragraph a {
    color: inherit;
    font-family: "Roboto";
    font-weight: 500;
    font-style: normal;
    text-decoration: none;
}
.paragraph a:hover {
    text-decoration: underline;
}
.paragraph h2 {
    color: #6e6891;
    font-size: 18px;
    font-family: "Roboto";
    font-weight: 700;
    font-style: normal;
}
.paragraph h3 {
    color: #6e6891;
    font-size: 18px;
    font-family: "Roboto";
    font-weight: 700;
    font-style: normal;
}
.paragraph h4 {
    color: #6e6891;
    font-size: 18px;
    font-family: "Roboto";
    font-weight: 700;
    font-style: normal;
}
.paragraph ul {
    list-style: none;
    margin-left: 0;
}
.paragraph ul li:before {
    position: relative;
    content: '\f0da';
    font-family: 'FontAwesome';
    color: #e73029;
    margin-right: 10px;
}
.button {
    float: left;
    cursor: pointer;
    padding: 12px 25px;
    background-color: transparent;
    color: #332e31;
    font-family: "Roboto";
    font-weight: 500;
    font-style: normal;
    text-decoration: none !important;
    font-size: 17px;
    line-height: 1;
    border: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.button.blackGhost {
    border: 1px solid black;
    background-color: transparent;
    color: black;
}
.button.blackGhost:hover {
    background-color: black;
    color: white;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}
.button.whiteGhost {
    border: 1px solid white;
    background-color: transparent;
    color: white;
}
.button.whiteGhost:hover {
    background-color: white;
    color: black;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}
.button.green {
    border: 1px solid #7da85e;
    background-color: #7da85e;
    color: white;
}
.button.green:hover {
    border: 1px solid #709754;
    background-color: #709754;
    color: white;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}
.button.blue {
    border: 1px solid #025269;
    background-color: #025269;
    color: white;
}
.button.blue:hover {
    border: 1px solid #014256;
    background-color: #014256;
    color: white;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}
.button.white {
    border: 1px solid white;
    background-color: white;
    color: #5d5685;
}
.button.white:hover {
    border: 1px solid #5d5685;
    background-color: #5d5685;
    color: white;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}
.button.purpleLight {
    border: 1px solid #f2f4f8;
    background-color: #f2f4f8;
    color: #1d3353;
}
.button.purpleLight:hover {
    border: 1px solid #1d3353;
    background-color: #1d3353;
    color: white;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}
.button.whiteTrans {
    border: 1px solid rgba(255,255,255,0.3);
    background-color: rgba(255,255,255,0.3);
    color: white;
}
.button.whiteTrans:hover {
    border: 1px solid #ffffff;
    background-color: #ffffff;
    color: #7da85e;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}
.button:hover {
    background-color: #f9f9f9;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}
.button.small {
    padding: 9px 20px 11px;
    font-size: 15px;
}
.button.big {
    padding: 18px 35px;
    font-size: 17px;
}
.button.inactive {
    opacity: 0.6;
    cursor: default;
}
.header {
    float: left;
    width: 100%;
    position: fixed;
    z-index: 199;
}
.mainHeader {
    float: left;
    width: 100%;
    padding: 10px 0;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    background-color: white;
}
.logo {
    float: left;
    width: 280px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.logo img {
    float: left;
    width: 100%;
}
.logoFooter {
    float: left;
    width: 250px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.logoFooter img {
    float: left;
    width: 100%;
}
.rightHeader {
    float: right;
    margin-top: 20px;
}
.headerButtons{
    float: left;
    margin-left: 20px;
}
.headerButtons a {

    padding: 12px 40px;
}
#menu {
    float: left;
    z-index: 100;
    position: relative;
    width: auto;
}
#menu ul {
    float: left;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#menu li {
    float: left;
    width: auto;
    position: relative;
    margin-right: 5px;
}
#menu li:last-child {
    margin-right: 0;
}
#menu li:hover a {
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}
#menu li:hover .sub {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}
#menu li a {
    float: left;
    padding: 12px 15px;
    position: relative;
    text-decoration: none;
    font-size: 18px;
    cursor: pointer;
    font-family: "Roboto";
    font-weight: 400;
    font-style: normal;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-bottom: 1px solid transparent;
    color: #1d3353;
}
#menu li a:hover {
    color: #14253d;
    background-color: #f2f4f8;
}
#menu li a.active {
    color: #14253d;
    font-family: "Roboto";
    font-weight: 700;
    font-style: normal;
}
#menu .sub {
    z-index: 99;
    position: absolute;
    width: 300px;
    top: 42px;
    border-top: 28px solid white;
    border-bottom: 4px solid #1d3353;
    background-color: #e8e6f5;
    -webkit-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.09);
    -moz-box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.09);
    box-shadow: 0px 5px 5px -4px rgba(0,0,0,0.09);
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
}
#menu .sub li {
    float: left;
    width: 100%;
    margin: 0 !important;
}
#menu .sub li:after {
    display: none;
}
#menu .sub li:last-child {
    border-bottom: none;
}
#menu .sub li a {
    float: left;
    width: 100%;
    text-shadow: none;
    font-family: "Roboto";
    font-weight: 400;
    font-style: normal;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    font-size: 15px;
    padding: 15px 15px;
    cursor: pointer;
    color: #1d3353;
    text-transform: none;
    height: auto;
    border-bottom: none;
    letter-spacing: 0;
}
#menu .sub li a:hover {
    font-family: "Roboto";
    font-weight: 600;
    font-style: normal;
    background-color: transparent;
}
#menu .sub li:last-child {
    border-bottom: none;
}
.iconArrow {
    display: none;
}
.socialMenu {
    float: left;
    width: auto;
    margin-left: 20px;
}
.socialMenu li {
    float: left;
    color: white;
    margin-right: 10px;
    position: relative;
}
.socialMenu li.followText {
    float: left;
    line-height: 30px;
    margin-right: 15px;
}
.socialMenu li:last-child {
    margin-right: 0;
}
.socialMenu a {
    float: left;
    color: #025269;
    text-decoration: none;
    width: 43px;
    height: 43px;
    line-height: 43px;
    background-color: #f2f4f8;
    text-align: center;
    font-size: 18px;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}
.socialMenu a:hover {
    background-color: #ffffff;
    color: #332e31;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}
.slideContainer {
    float: left;
    position: relative;
    width: 100%;
    height: 700px;
    overflow: hidden;
}
.slideContainer.sub {
    height: 500px;
}
.slideContainer.sub .slideImage {
    height: 500px;
}
.slideContainer.sub .wrapperSlide {
    height: 500px;
}
.content {
    float: left;
    width: 100%;
    margin-top: 100px;
}
.slideImage {
    float: left;
    width: 100%;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    background-position: center;
    padding-top: 100px;
    border-bottom: 100px solid white;
}
.slideHeight {
    height: 700px;
}
.wrapperSlide {
    position: relative;
    width: 1380px;
    margin: auto;
}
#items {
    float: left;
}
#items .owl-item {
    float: left;
}
.item {
    float: left;
    width: 100%;
}
.slideImageInner {
    position: absolute;
    width: 400px;
    z-index: 80;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.slideImageInner img {
    float: left;
    width: 100%;
}
.slideText {
    position: relative;
    float: left;
    width: 40%;
}
.slidePhoto {
    position: relative;
    float: right;
    width: 50%;
    margin-bottom: -40px;
}
.decoAfter {
    position: relative;
}
.decoAfter:after {
    position: absolute;
    content: '';
    display: block;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid #f2f4f8;
}
.textSlide {
    position: absolute;
    top: 50%;
    left: 0px;
    width: 500px;
    transform: translateY(-50%);
}
.textSlide.sub {
    top: auto;
    bottom: 100px;
    transform: none;
}
.leftMenu {
    float: left;
    width: 100%;
    margin-top: 10px;
}
.leftMenu li {
    float: left;
    width: 100%;
}
.leftMenu li.selected a {
    color: #1d3353;
    font-weight: 600;
}
.leftMenu a {
    float: left;
    width: 100%;
    text-decoration: none;
    font-family: "Roboto";
    font-weight: 400;
    font-style: normal;
    line-height: 2;
    font-size: 15px;
    color: #1d3353;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}
.leftMenu a:hover {
    color: #14253d;
    font-family: "Roboto";
    font-weight: 600;
    font-style: normal;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}
.checkList {
    float: left;
    width: 100%;
}
.checkList li {
    list-style: none;
    padding-left: 30px;
    position: relative;
    font-size: 16px;
    font-weight: 500;
    line-height: 2;
    color: #0d006a;
}
.checkList li:before {
    content: '\f00c';
    color: #7da85e;
    font-size: 18px;
    font-family: "FontAwesome";
    left: 0;
    position: absolute;
}
.checkContainer {
    float: left;
    width: 100%;
    margin-top: -70px;
    z-index: 80;
    position: relative;
}
.breadCrumbs {
    float: left;
}
.breadCrumbs.full {
    margin-top: 0;
    border-radius: 0;
    padding: 25px 0;
}
.breadCrumbs li {
    float: left;
    font-size: 16px;
}
.breadCrumbs li:after {
    position: relative;
    content: '\f0da';
    font-family: "FontAwesome";
    margin: 3px 10px 0 10px;
    font-size: 11px;
    float: left;
    vertical-align: middle;
    color: white;
}
.breadCrumbs li:last-child:after {
    display: none;
}
.breadCrumbs li:last-child a {
    color: rgba(255,255,255,0.8);
    font-family: "Roboto";
    font-weight: 400;
    font-style: normal;
}
.breadCrumbs a {
    float: left;
    text-decoration: none;
    font-family: "Roboto";
    font-weight: 600;
    font-style: normal;
    color: rgba(255,255,255,0.8);
}
.breadCrumbs a:hover {
    color: white;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}
.overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(31,23,74,0.5);
}
.footerList {
    float: left;
    width: 100%;
    margin-top: 20px;
}
.footerList li {
    float: left;
    width: 100%;
}
.footerList li:hover i {
    margin-left: 15px;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}
.footerList a {
    float: left;
    width: 100%;
    text-decoration: none;
    font-family: "Roboto";
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 2;
    color: #5d5684;
}
.footerList a:hover {
    color: #1d3353;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}
.footerList span {
    float: left;
}
.footerList i {
    float: left;
    margin-left: 10px;
    line-height: 2;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}
.stars {
    float: left;
    width: 100%;
}
.stars li {
    float: left;
    letter-spacing: 5px;
}
.stars li i {
    float: left;
    color: #ed9a08;
    font-size: 20px;
}
.topImage {
    float: left;
    width: 100%;
    padding: 70px 0;
}
.inputLabel {
    float: left;
    width: 100%;
    font-family: "Roboto";
    font-weight: 400;
    font-style: normal;
    color: #004249;
    font-size: 16px;
}
.input {
    margin-bottom: 15px;
    float: left;
    width: 100%;
    cursor: auto;
    display: inline-block;
    position: relative;
    font-family: "Roboto";
    font-weight: 400;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    outline: none;
    padding: 12px;
    border: 1px solid rgba(0,0,0,0.1);
    overflow: hidden;
    background-color: white;
    color: black;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.input:focus {
    border: 1px solid rgba(0,0,0,0.2);
}
.input.error {
    border-color: #c00000;
}
.input.ok {
    border-color: #0b6822;
}
.input::-webkit-input-placeholder {
    color: rgba(0,0,0,0.7);
}
.input::-moz-placeholder {
    color: rgba(0,0,0,0.7);
}
.input:-ms-input-placeholder {
    color: rgba(0,0,0,0.7);
}
.input:-moz-placeholder {
    color: rgba(0,0,0,0.7);
}
textarea {
    float: left;
    max-width: 100%;
    min-height: 150px;
    padding: 20px;
}
footer {
    float: left;
    width: 100%;
    position: relative;
}
.socialIcons {
    float: left;
    width: auto;
}
.socialIcons li {
    float: left;
    color: white;
    margin-right: 10px;
}
.socialIcons li:last-child {
    margin-right: 0;
}
.socialIcons a {
    float: left;
    text-decoration: none;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    background-color: #1d3353;
    color: white;
}
.socialIcons a:hover {
    background-color: #14253d;
    color: white;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}
.socialIcons i {
    padding-left: 1px;
}
.bottomFooter {
    float: left;
    width: 100%;
    background-color: #f2f4f8;
    padding: 70px 0;
    margin-top: 50px;
}
.bottomMenu {
    float: left;
    margin-top: 20px;
}
.bottomMenu li {
    float: left;
    margin-right: 20px;
}
.bottomMenu svg {
    float: left;
    margin-top: -1px;
    margin-right: 20px;
}
.bottomMenu a {
    float: left;
    text-decoration: none;
    color: #1d3353;
    font-size: 15px;
}
.bottomMenu a:hover {
    color: #14253d;
    font-family: "Roboto";
    font-weight: 600;
    font-style: normal;
}
.flex {
    display: flex;
}
.alignBottom {
    align-items: baseline;
}
#maps {
    float: left;
    width: 100%;
    height: 400px;
    background-color: #f9f9f9;
}
#maps iframe {
    float: left;
    width: 100%;
    height: 400px;
}
.middle {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.col-1, .col-2, .col-2-5, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
    float: left;
}
.col-1 {
    width: 8.333%;
}
.col-2 {
    width: 16.666%;
}
.col-2-5 {
    width: 20%;
}
.col-3 {
    width: 25%;
}
.col-4 {
    width: 33.333%;
}
.col-5 {
    width: 41.666%;
}
.col-6 {
    width: 50%;
}
.col-7 {
    width: 58.333%;
}
.col-8 {
    width: 66.666%;
}
.col-9 {
    width: 75%;
}
.col-10 {
    width: 83.333%;
}
.col-11 {
    width: 91.666%;
}
.col-12 {
    width: 100%;
}
.col-padding {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 15px;
}
.col-padding-right-small {
    padding-right: 5px;
}
.col-padding-left-small {
    padding-left: 5px;
}
.col-padding-right {
    padding-right: 15px;
}
.col-padding-left {
    padding-left: 15px;
}
.col-padding-right-big {
    padding-right: 40px;
}
.col-padding-left-big {
    padding-left: 40px;
}
.s-show, .s-show-block {
    display: none;
}
.blackColor {
    color: black;
}
.whiteColor {
    color: white;
}
.orangeColor {
    color: #e86c27;
}
.blueColor {
    color: #1d3353;
}
.purpleLightColor {
    color: #5d5685;
}
.redColor {
    color: #e73029;
}
.textColor{
    color: #004249;
}
.blackBack {
    background-color: black;
}
.whiteBack {
    background-color: white;
}
.whiteTransBack{
    background-color: rgba(255, 255, 255, 0.6);
}
.blueBack{
    background-color: #00B1B3;
}
.greyBack {
    background-color: #f2f4f8;
}
.purpleLightBack {
    background-color: #f5f3fb;
}
.backgroundBack {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    transform: scale(1);
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}
.blueLightBack {
    background-color: #f2f4f8;
}
.purpleGradient {
    background: #4b4376;
    background: linear-gradient(180deg,#4b4376 0%,#363155 100%);
}
.whiteTransBack {
    background-color: rgba(255,255,255,0.8);
}
.decoAfterLeft {
    position: relative;
}
.decoAfterLeft:after {
    position: absolute;
    content: '';
    display: block;
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
    border-bottom: 30px solid transparent;
    border-top: 30px solid transparent;
    border-right: 30px solid rgba(255,255,255,0.8);
}
.absoluteImage {
    position: absolute;
    height: 100%;
    width: 45%;
    background-position: center;
    background-size: cover;
}
.absoluteImage.left {
    left: 0;
}
.absoluteImage.right {
    right: 0;
}
.quickLink:hover .textLink {
    opacity: 1;
    right: 0;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}
.quickLink:hover .backgroundBack {
    transform: scale(1.2);
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
}
.textLink {
    position: absolute;
    opacity: 0;
    right: -40px;
    bottom: 0;
    height: 50px;
    padding: 15px;
    background-color: rgba(255,255,255,0.5);
    z-index: 30;
    font-family: "Roboto";
    font-weight: 700;
    font-style: normal;
    color: #1f2c51;
    font-size: 18px;
}
.textLink:after {
    position: absolute;
    top: 0px;
    left: -25px;
    content: "";
    display: block;
    border-left: 25px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 50px solid rgba(255,255,255,0.5);
}
.borderTop {
    border-top: 1px solid #eee;
}
.borderBottom {
    border-bottom: 1px solid #eee;
}
.fs11 {
    font-size: 11px;
}
.fs13 {
    font-size: 13px;
}
.fs15 {
    font-size: 15px;
}
.fs16 {
    font-size: 16px;
}
.fs17 {
    font-size: 17px;
}
.fs18 {
    font-size: 18px;
}
.ls-1 {
    letter-spacing: 1px;
}
.ls-2 {
    letter-spacing: 2px;
}
.ls-3 {
    letter-spacing: 3px;
}
.ls-4 {
    letter-spacing: 4px;
}
.ls-5 {
    letter-spacing: 5px;
}
.ls-6 {
    letter-spacing: 6px;
}
.line1 {
    line-height: 1;
}
.line12 {
    line-height: 1.2;
}
.line14 {
    line-height: 1.4;
}
.line16 {
    line-height: 1.6;
}
.line2 {
    line-height: 2;
}
.shadowText {
    text-shadow: 0px 1px 1px rgba(0,0,0,0.8);
}
.zi70 {
    z-index: 70;
}
.zi80 {
    z-index: 80;
}
.autoColumn-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
    column-gap: 30px;
}
.gap-30 {
    gap: 30px;
}
.fontSmooth {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.rightText {
    text-align: right;
}
.lightFont {
    font-family: "Roboto";
    font-weight: 300;
    font-style: normal;
}
.regularFont {
    font-family: "Roboto";
    font-weight: 400;
    font-style: normal;
}
.mediumFont{
    font-family: "Roboto";
    font-weight: 500;
    font-style: normal;
}
.semiBoldFont {
    font-family: "Roboto";
    font-weight: 600;
    font-style: normal;
}
.boldFont {
    font-family: "Roboto";
    font-weight: 700;
    font-style: normal;
}
.place:hover {
    color: white;
    background: #4b4376;
    background: linear-gradient(180deg,#4b4376 0%,#363155 100%);
}
.place:hover .purpleLightColor {
    color: white;
}
.leftTitle {
    bottom: 60px;
    left: 0;
    position: absolute;
    width: auto;
    padding: 30px 60px;
    background-color: rgba(255,255,255,0.5);
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomright: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.shadow {
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);
}
.textRight {
    text-align: right;
}
.centerDiv {
    float: none;
    display: table;
    margin: auto;
}
.hidden {
    overflow: hidden;
}
.message, .message-ok, .message-error {
    display: block;
    padding: 10px 20px;
    margin-bottom: 20px;
    line-height: 1.4;
}
.message-ok {
    border: 1px solid #00960e;
    color: #00960e;
    background-color: #a6d8ab;
}
.message-error {
    border: 1px solid red;
    color: red;
    background-color: #ffd0d0;
}
.owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item {
    -ms-touch-action: auto;
    touch-action: auto;
}
#edge-touch-fix-material-select input.select-dropdown {
    -ms-touch-action: none;
}
.grid-2 {
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(2,minmax(0,1fr));
}
.grid-3 {
    display: grid;
    gap: 40px;
    grid-template-columns: repeat(3,minmax(0,1fr));
}
.grid-4 {
    display: grid;
    gap: 40px;
    grid-template-columns: repeat(4,minmax(0,1fr));
}
.grid-5 {
    display: grid;
    gap: 40px;
    grid-template-columns: repeat(5,minmax(0,1fr));
}
.max80 {
    max-width: 80px !important;
    margin: auto;
    float: none !important;
    display: table;
}
.h100 {
    height: 100%;
}
.halfSize {
    height: 300px;
}
.fullSize {
    height: 640px;
}

.backTop{
    min-height: 700px;
    background-color: #00B1B3;
    background-image: url('/images/pasfoto.png');
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 33% auto;
}
.innerText{
    max-width: 48%;
}
.centerImage{
    float:left;
    padding: 20px;
    border: 20px solid rgba(255, 255, 255, 0.6);
    max-width: 150px;
}
.centerImage img{
    float: left;
    width: 100%;
}


.bottom {
    bottom: -1px;
}
.shape {
    overflow: hidden;
    position: absolute;
    left: 0;
    width: 100%;
    line-height: 0;
    direction: ltr;
    bottom: 0;
    transform: rotate(180deg);
}
.shape.rev{
    transform: rotate(0deg);
    bottom: auto;
    top: 0;
}
.shape svg {
    display: block;
    width: calc(100% + 1.3px);
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.shape-bottom svg {
    height: 160px;
}
.shape-bottom .shape-fill {
    fill: #FFFFFF;
}
.shape .shape-fill {
    fill: #fff;
    transform-origin: center;
    transform: rotateY(0deg);
}
.roundImage{
    float: left;
    width: 100%;
}
.roundImage img{
    float:left;
    margin: 0 20%;
    max-width: 60%;
    border-radius: 50%;
    border: 20px solid #eee;
}
.roundImage.normal img{
    max-width: 100%;
    margin: 0;
    border: 5px solid #eee;
}
.roundImage.small{
    margin-top: -65px;
    margin-bottom: 20px;
}
.roundImage.small img{
    border: 5px solid #eee;
    margin: 0 40%;
    max-width: 20%;
}
.noDeco{
    text-decoration: none;
}

