*, *:before, *:after { box-sizing: border-box; }
html { font-family: sans-serif; line-height: 1.2; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; overflow-x: hidden; }
body { font-size: 1rem; color: #222; font-weight: 400; margin: 0; }
.container { position: relative; width: 100%; margin-right: auto; margin-left: auto; padding: 0 15px; }
.container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 2rem; font-weight: 300; }
h1, .h1 { font-size: 2rem; line-height: 1.2;  letter-spacing: -.1rem; font-weight: 700; }
h2, .h2 { font-size: 1.75rem; line-height: 1.25; letter-spacing: -.1rem; font-weight: 700; }
h3, .h3 { font-size: 1.5rem; line-height: 1.3;  letter-spacing: -.1rem; font-weight: 700; }
h4, .h4 { font-size: 1.25rem; line-height: 1.35; letter-spacing: -.08rem; font-weight: 700; }
h5, .h5 { font-size: 1.125rem; line-height: 1.5;  letter-spacing: -.05rem; font-weight: 700; }
h6, .h6 { font-size: 1rem; line-height: 1.6;  letter-spacing: 0; }
@media (min-width: 576px) { .container { max-width: 100%; } }
@media (min-width: 768px) { .container { max-width: 100%; } h1, .h1 { font-size: 4rem; } h2, .h2 { font-size: 3rem; } h3, .h3 { font-size: 2.625rem; } h4, .h4 { font-size: 1.75rem; } h5, .h5 { font-size: 1.5rem; } }
@media (min-width: 992px) { .container { max-width: 960px; } body { font-size: 1.25rem; } h6, .h6 { font-size: 1.25rem; } }
@media (min-width: 1200px) { .container { max-width: 1140px; } body { font-size: 1.375rem; } h6, .h6 { font-size: 1.375rem; } }
@media (min-width: 1440px) { .container { max-width: 1400px; } body { font-size: 1.5rem; } h6, .h6 { font-size: 1.5rem; } }
.font-weight-normal { font-weight: 400 !important; }
p, .p { margin-top: 0; line-height: 1.6em; }
a { color: #4e5089; text-decoration: none; }
a:hover { color: #4e5089; }
.btn-link:hover, button.btn-link:hover, .btn-link:focus, button.btn-link:focus, .btn-link.active { outline: 0; transform: scale(1.03); cursor: pointer; }
.btn-lnk,.btn-lnk:hover, button.btn-lnk:hover, .btn-lnk:focus, button.btn-lnk:focus, .btn-lnk.active { outline: 0; cursor: pointer; }
.btn, button { display: inline-block; padding: 1rem 1.2rem; color: #222; text-align: center; letter-spacing: .02rem; text-transform: none; white-space: nowrap; background-color: transparent; border-radius: 4px; border: 1px solid #bbb; cursor: pointer; font-family: sans-serif; border-radius: 1.6rem }
.btn i { font-size: 0.7rem; }
.btn:hover, button:hover, .btn:focus, button:focus { color: #222; border-color: #888; outline: 0; }
.btn.btn-primary, button.btn-primary { background-color: transparent; border-color: #4e5089; }
.btn.btn-white-primary, button.btn-white-primary { background-color: #ffffff; border-color: #4e5089; }
.btn.btn-primary:hover, button.btn-primary:hover, .btn.btn-primary:focus, button.btn-primary:focus, .btn.btn-white-primary:hover, button.btn-white-primary:hover, .btn.btn-white-primary:focus, button.btn-white-primary:focus { color: #FFF; background-color: #4e5089; border-color: #4e5089; }
.nav-tab.btn.btn-primary { background-color: transparent; border-color: #adb5bd; }
.nav-tab.btn.btn-primary:hover, .nav-tab.btn.btn-primary:focus { color: inherit; background-color: #eceff4; border-color: #4e5089; }
.nav-tab.btn.btn-primary.active, .btn.btn-primary.active:hover, .btn.btn-primary.active:focus { background-color: #f4f5f9; border-color: #4e5089; }
.nav-tab.btn.btn-primary.active span { color: #2c74b6 !important; } 
.btn.btn-default, button.btn-default { background-color: #4e5089; border-color: #4e5089; color: #FFF; }
.btn.btn-default:hover, button.btn-default:hover, .btn.btn-default:focus, button.btn-default:focus { color: #4e5089; background-color: #FFF; border-color: #4e5089; }
.btn.btn-nav { background-color: transparent; border: none; color: #2c2d4e; }
.btn.btn-nav:hover, .btn.btn-nav:focus { color: #2c74b6; background-color: #eceff4; border-color: #4e5089; }
input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select { padding: 1rem 1.2rem; background-color: #fff; border: 1px solid #D1D1D1; border-radius: 4px; box-shadow: none; box-sizing: border-box; font-family: sans-serif; font-size: 1rem; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
textarea { font-family: sans-serif; min-height: 105px !important; padding-top: 6px; padding-bottom: 6px; min-width: 100%; }
input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus, select:focus { border: 1px solid #514d7d; outline: 0; }
label, legend { display: block; margin-bottom: .5rem; font-weight: 600; }
fieldset { padding: 0; border-width: 0; }
input[type="checkbox"], input[type="radio"] { display: inline; }
label > .label-body { display: inline-block; margin-left: .5rem; font-weight: normal; }
ul { list-style: circle inside; }
ol { list-style: decimal inside; }
ol, ul { padding-left: 0; margin-top: 0; }
ul ul, ul ol, ol ol, ol ul { margin: 1.5rem 0 1.5rem 3rem; font-size: 90%; }
li { margin-bottom: 1rem; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { padding: 12px 15px; text-align: left; border-bottom: 1px solid #ccc; }
th:first-child, td:first-child { padding-left: 0; }
th:last-child, td:last-child { padding-right: 0; }
button, .btn { margin-bottom: 1rem; }
input, textarea, select, fieldset { margin-bottom: 1.5rem; }
pre, blockquote, dl, figure, table, p, ul, ol, form { margin-bottom: 1rem; }
footer, footer h6 { font-size: 0.9rem; }
.w-100 { width: 100%; box-sizing: border-box; }
.h-50 { max-height: 50px; min-height: 50px; }
.h-100 { max-height: 100%; height: 100%; min-height: 100%; }
.ellipsis { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.inline { display: inline-block; }
.position-relative { position: relative; }
.pull-right { float: right !important; }
.pull-left { float: left; }
hr { margin-top: 3rem; margin-bottom: 3.5rem; border-width: 0; border-top: 1px solid #ccc; }
.row:before { display: block; content: " "; }
.navbar-header:after, .navbar:after, .container:after, .container-fluid:after, .row:after { content: ""; display: block; clear: both; }
.row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12,
.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, 
.col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {  min-height: 1px; width: 100%; padding-right: 15px; padding-left: 15px; }
.col-1 { max-width: 8.33333%; }
.col-2 { max-width: 16.66667%; }
.col-3 { max-width: 25%; }
.col-4 { max-width: 33.33333%; }
.col-5 { max-width: 41.66667%; }
.col-6 { max-width: 50%; }
.col-7 { max-width: 58.33333%; }
.col-8 { max-width: 66.66667%; }
.col-9 { max-width: 75%; }
.col-10 { max-width: 83.33333%; }
.col-11 { max-width: 91.66667%; }
.col-12 { max-width: 100%; }
.offset-1 { margin-left: 8.33333%; }
.offset-2 { margin-left: 16.66667%; }
.offset-3 { margin-left: 25%; }
.offset-4 { margin-left: 33.33333%; }
.offset-5 { margin-left: 41.66667%; }
.offset-6 { margin-left: 50%; }
.offset-7 { margin-left: 58.33333%; }
.offset-8 { margin-left: 66.66667%; }
.offset-9 { margin-left: 75%; }
.offset-10 { margin-left: 83.33333%; }
.offset-11 { margin-left: 91.66667%; }
.border-0 { border: none; }
.border-right { border-right: none; }
.border-left { border-left: none; }
.border-mx-lg-top { border-top: 1px solid #ccc; } 
.border-mx-lg-bottom { border-bottom: 1px solid #ccc; } 
.rounded { -webkit-border-radius: 1.25rem !important; -moz-border-radius: 1.25rem !important; border-radius: 1.25rem !important; }
.rounded-sm { -webkit-border-radius: 0.5rem !important; -moz-border-radius: 0.5rem !important; border-radius: 0.5rem !important; }
.info-shadow:before { border-radius: 0 0 1.25rem 0; border-width: 0 0 100px 100px; }
@media (min-width: 576px) {
.col-sm-1 { max-width: 8.33333%; }
.col-sm-2 { max-width: 16.66667%; }
.col-sm-3 { max-width: 25%; }
.col-sm-4 { max-width: 33.33333%; }
.col-sm-5 { max-width: 41.66667%; }
.col-sm-6 { max-width: 50%; }
.col-sm-7 { max-width: 58.33333%; }
.col-sm-8 { max-width: 66.66667%; }
.col-sm-9 { max-width: 75%; }
.col-sm-10 { max-width: 83.33333%; }
.col-sm-11 { max-width: 91.66667%; }
.col-sm-12 { max-width: 100%; }
.offset-sm-0 { margin-left: 0; }
.offset-sm-1 { margin-left: 8.33333%; }
.offset-sm-2 { margin-left: 16.66667%; }
.offset-sm-3 { margin-left: 25%; }
.offset-sm-4 { margin-left: 33.33333%; }
.offset-sm-5 { margin-left: 41.66667%; }
.offset-sm-6 { margin-left: 50%; }
.offset-sm-7 { margin-left: 58.33333%; }
.offset-sm-8 { margin-left: 66.66667%; }
.offset-sm-9 { margin-left: 75%; }
.offset-sm-10 { margin-left: 83.33333%; }
.offset-sm-11 { margin-left: 91.66667%; } 
.rounded { -webkit-border-radius: 1.5rem !important; -moz-border-radius: 1.5rem !important; border-radius: 1.5rem !important; }
.info-shadow:before { border-radius: 0 0 1.5rem 0; }
}
@media (min-width: 768px) {
.col-md-1 { max-width: 8.33333%; }
.col-md-2 { max-width: 16.66667%; }
.col-md-3 { max-width: 25%; }
.col-md-4 { max-width: 33.33333%; }
.col-md-5 { max-width: 41.66667%; }
.col-md-6 { max-width: 50%; float:left; }
.col-md-7 { max-width: 58.33333%; }
.col-md-8 { max-width: 66.66667%; }
.col-md-9 { max-width: 75%; }
.col-md-10 { max-width: 83.33333%; }
.col-md-11 { max-width: 91.66667%; }
.col-md-12 { max-width: 100%; }
.offset-md-0 { margin-left: 0; }
.offset-md-1 { margin-left: 8.33333%; }
.offset-md-2 { margin-left: 16.66667%; }
.offset-md-3 { margin-left: 25%; }
.offset-md-4 { margin-left: 33.33333%; }
.offset-md-5 { margin-left: 41.66667%; }
.offset-md-6 { margin-left: 50%; }
.offset-md-7 { margin-left: 58.33333%; }
.offset-md-8 { margin-left: 66.66667%; }
.offset-md-9 { margin-left: 75%; }
.offset-md-10 { margin-left: 83.33333%; }
.offset-md-11 { margin-left: 91.66667%; }
.border-right { border-right: 1px solid #ccc; } 
.border-left { border-left: 1px solid #ccc; } 
.rounded { -webkit-border-radius: 1.75rem !important; -moz-border-radius: 1.75rem !important; border-radius: 1.75rem !important; }
.info-shadow:before { border-radius: 0 0 1.75rem 0; }
}
@media (min-width: 992px) {
.col-lg-1 { max-width: 8.33333%; }
.col-lg-2 { max-width: 16.66667%; }
.col-lg-3 { max-width: 25%; }
.col-lg-4 { max-width: 33.33333%; }
.col-lg-5 { max-width: 41.66667%; }
.col-lg-6 { max-width: 50%; }
.col-lg-7 { max-width: 58.33333%; }
.col-lg-8 { max-width: 66.66667%; }
.col-lg-9 { max-width: 75%; }
.col-lg-10 { max-width: 83.33333%; }
.col-lg-11 { max-width: 91.66667%; }
.col-lg-12 { max-width: 100%; }
.offset-lg-0 { margin-left: 0; }
.offset-lg-1 { margin-left: 8.33333%; }
.offset-lg-2 { margin-left: 16.66667%; }
.offset-lg-3 { margin-left: 25%; }
.offset-lg-4 { margin-left: 33.33333%; }
.offset-lg-5 { margin-left: 41.66667%; }
.offset-lg-6 { margin-left: 50%; }
.offset-lg-7 { margin-left: 58.33333%; }
.offset-lg-8 { margin-left: 66.66667%; }
.offset-lg-9 { margin-left: 75%; }
.offset-lg-10 { margin-left: 83.33333%; }
.offset-lg-11 { margin-left: 91.66667%; }
.rounded { -webkit-border-radius: 2rem !important; -moz-border-radius: 2rem !important; border-radius: 2rem !important; }
.info-shadow:before { border-radius: 0 0 2rem 0; }
.border-mx-lg-top { border-top: none; } 
.border-mx-lg-bottom { border-bottom: none; } 
}
@media (min-width: 1200px) {
.col-xl-1 { max-width: 8.33333%; }
.col-xl-2 { max-width: 16.66667%; }
.col-xl-3 { max-width: 25%; }
.col-xl-4 { max-width: 33.33333%; }
.col-xl-5 { max-width: 41.66667%; }
.col-xl-6 { max-width: 50%; }
.col-xl-7 { max-width: 58.33333%; }
.col-xl-8 { max-width: 66.66667%; }
.col-xl-9 { max-width: 75%; }
.col-xl-10 { max-width: 83.33333%; }
.col-xl-11 { max-width: 91.66667%; }
.col-xl-12 { max-width: 100%; }
.offset-xl-0 { margin-left: 0; }
.offset-xl-1 { margin-left: 8.33333%; }
.offset-xl-2 { margin-left: 16.66667%; }
.offset-xl-3 { margin-left: 25%; }
.offset-xl-4 { margin-left: 33.33333%; }
.offset-xl-5 { margin-left: 41.66667%; }
.offset-xl-6 { margin-left: 50%; }
.offset-xl-7 { margin-left: 58.33333%; }
.offset-xl-8 { margin-left: 66.66667%; }
.offset-xl-9 { margin-left: 75%; }
.offset-xl-10 { margin-left: 83.33333%; }
.offset-xl-11 { margin-left: 91.66667%; } 
.rounded { -webkit-border-radius: 2.25rem !important; -moz-border-radius: 2.25rem !important; border-radius: 2.25rem !important; }
.info-shadow:before:not(.info-shadow-sm) { border-radius: 0 0 2.25rem 0; border-width: 0 0 200px 200px; }
}
@media (min-width: 1440px) {
.col-xxl-1 { max-width: 8.33333%; }
.col-xxl-2 { max-width: 16.66667%; }
.col-xxl-3 { max-width: 25%; }
.col-xxl-4 { max-width: 33.33333%; }
.col-xxl-5 { max-width: 41.66667%; }
.col-xxl-6 { max-width: 50%; }
.col-xxl-7 { max-width: 58.33333%; }
.col-xxl-8 { max-width: 66.66667%; }
.col-xxl-9 { max-width: 75%; }
.col-xxl-10 { max-width: 83.33333%; }
.col-xxl-11 { max-width: 91.66667%; }
.col-xxl-12 { max-width: 100%; }
.offset-xxl-0 { margin-left: 0; }
.offset-xxl-1 { margin-left: 8.33333%; }
.offset-xxl-2 { margin-left: 16.66667%; }
.offset-xxl-3 { margin-left: 25%; }
.offset-xxl-4 { margin-left: 33.33333%; }
.offset-xxl-5 { margin-left: 41.66667%; }
.offset-xxl-6 { margin-left: 50%; }
.offset-xxl-7 { margin-left: 58.33333%; }
.offset-xxl-8 { margin-left: 66.66667%; }
.offset-xxl-9 { margin-left: 75%; }
.offset-xxl-10 { margin-left: 83.33333%; }
.offset-xxl-11 { margin-left: 91.66667%; }
.rounded { -webkit-border-radius: 2.5rem !important; -moz-border-radius: 2.5rem !important; border-radius: 2.5rem !important; }
.info-shadow:before { border-radius: 0 0 2.5rem 0; }
}
.p-0 { padding:0 !important; }
.p-1 { padding: 0.25rem !important; }
.p-2 { padding: 0.5rem !important; }
.p-3 { padding: 1rem !important; }
.p-4 { padding: 1.5rem !important; }
.p-5 { padding: 3rem !important; }
.pr-0 { padding-right:0 !important; }
.pr-1 { padding-right: 0.25rem !important; }
.pr-2 { padding-right: 0.5rem !important; }
.pr-3 { padding-right: 1rem !important; }
.pr-4 { padding-right: 1.5rem !important; }
.pl-0 { padding-left:0 !important; }
.pl-1 { padding-left: 0.25rem !important; }
.pl-2 { padding-left: 0.5rem !important; }
.pl-3 { padding-left: 1rem !important; }
.pl-4 { padding-left: 1.5rem !important; }
.pt-0 { padding-top: 0 !important; }
.pt-1 { padding-top: 0.25rem !important; }
.pt-2 { padding-top: 0.5rem !important; }
.pt-3 { padding-top: 1rem !important; }
.pt-4 { padding-top: 1.5rem !important; }
.pt-5 { padding-top: 3rem !important; }
.pb-0 { padding-bottom:0 !important; }
.pb-1 { padding-bottom: 0.25rem !important; }
.pb-2 { padding-bottom: 0.5rem !important; }
.pb-3 { padding-bottom: 1rem !important; } 
.pb-4 { padding-bottom: 1.5rem !important; }
.pb-5 { padding-bottom: 3rem !important; } 
.m-0 { margin: 0 !important; }
.m-1 { margin: 0.25rem !important; }
.m-2 { margin: 0.5rem !important; }
.m-3 { margin: 1rem !important; }
.m-4 { margin: 1.5rem !important; }
.m-5 { margin: 3rem !important; }
.mt-1 { margin-top: 0.25rem !important; }
.mt-2 { margin-top: 0.5rem !important; }
.mt-3 { margin-top: 1rem !important; }
.mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: 0.25rem !important; }
.mb-2 { margin-bottom: 0.5rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.ml-auto { margin-left: auto !important; }
.mr-auto { margin-right: auto !important; }
.bg-white { background-color: #ffffff !important; }
.alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; }
.alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; }
.alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; }
.border { border-width: 1px; border-style: solid; }
.border-bottom { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ccc; }
.border-top { border-top-width: 1px; border-top-style: solid; border-top-color: #ccc; }
.border-default { border-color: #4e5089; }
.border-right { border-right-width: 1px; border-right-style: solid; border-right-color: #ccc; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.top-center { position: absolute; top: -12px; margin-left: auto; margin-right: auto; left: 0; right: 0; }
.centered { display: block; margin-left: auto; margin-right: auto; width: 100%; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.text-ucase { text-transform: uppercase; }
.text-normal { text-transform: none; }
.text-bold { font-weight: 600; }
.text-sm { font-size: 0.75rem; }
.text-xl { font-size: 3rem; }
.text-lg { font-size: 2rem; }
.text-md { font-size: 1.25rem; }
.small { font-size: 80%; }
.text-block { text-align: justify; }
.text-break { word-break: break-all; }
#to-top, #to-top:visited, #to-top:link, #to-top:active, #to-top:hover { position: fixed; bottom: 20px; right: 20px; color: #4e5089; background: transparent; width: 50px; height: 50px; display: block; text-decoration: none; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; border: 1px solid #e7e9ea; display: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
#to-top i { margin: 0; position: relative; left: 15px; top: 15px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.contact-action, .contact-action-content { position: fixed; right: 0; color: #ffffff; border-radius: 1.6rem 0 0 1.6rem; box-shadow: 8px 8px 10px rgba(99, 117, 138, 0.2); text-align: center; z-index:1; }
.contact-action { bottom: calc(50% - 45px); background-color: #aa4f95; background-color: #aa4f95e8; } .contact-action-content { bottom: calc(50% - 73px); background-color: #aa4f95; }
.contact-action-content, .contact-action-body { display: none; width: 250px; font-size: 1.125rem; } .contact-action-content { height: 146px; } .contact-action-body a:hover { color: #e9ecee; cursor: pointer; }
footer { background: #eceff4; }
.feature .fa { background: #fff; border-radius: 50%; display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; margin-right: 20px; padding-top: 3px; }
.bg-action i.fa, .bg-kontakt i.fa { background: transparent; border-radius: 50%; width: 40px; height: 40px; line-height: 40px; text-align: center; margin-top: 6px; margin-right: 10px; padding: 13px 12px 8px 12px; font-size: 20px; }
.bg-action span, .bg-kontakt span { line-height: 0; }
.rounded-icons .fa { display: inline-block; /*color: #5ea4b1;*/ padding-top: 16px; padding-bottom: 17px; width: 70px; height: 70px; text-align: center; border-radius: 50%; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.info-shadow { position: relative; padding: 36px 5px 45px; box-shadow: 5px 9px 20px rgba(99, 117, 138, 0.2); border-radius: 0.25rem; margin: 0 auto; }
.info-shadow.mxw { max-width: 390px; }
.info-shadow.highlight { border-width: 1px; border-style: solid; border-color: transparent; }
.info-shadow.highlight:hover { border-width: 1px; border-style: solid; border-color: #514d7d; }
.info-shadow.active { position: relative; bottom: 20px; }
.info-shadow:before { content: ""; position: absolute; right: 0; bottom: 0; width: 0px; height: 0px; border-style: solid; border-color: transparent transparent rgb(85 108 214 / 5%) transparent; }
.info-shadow.highlight:before { right: -1px; bottom: -1px; } 
.circle { border-radius: 50%; }
.shadow { box-shadow: 5px 9px 20px rgba(99, 117, 138, 0.2); }
.box-shadow { box-shadow: 8px 8px 10px rgba(99, 117, 138, 0.2); }
.button { border-radius: 5px; }
.btn-nav { padding: 0 10px; font-size: 1.25rem; }
img { max-width: 100%; min-width: auto; height: auto; }
.pt-10 { padding-top: 10px; }
.section { padding: 6rem 0 6rem; }
.section-md { padding: 3rem 0 3rem; }
.text-dark { color: #222; }
.text-default { color: #514d7d; }
.text-muted { color: #adb5bd; }
.text-info { color: #6398ca; }
.text-tertiary { color: #68b3c8; }
.text-warning { color: #aa4f95; }
.text-success { color: #5ea4b1; }
.text-primary { color: #0081c2; }
.text-white { color: #ffffff; }
.overlay { background: rgba(255, 255, 255, 0.9); padding: 10rem 0 10rem; }
.bg-secondary { background-color: #eceff4; }
.bg-default { background-color: #514d7d; }
.bg-info { background-color: #6398ca; }
.bg-tertiary { background-color: #68b3c8; }
.bg-warning { background-color: #aa4f95; }
.bg-success { background-color: #5ea4b1; }
.bg-primary { background-color: #0081c2; }
.bg-light {  background-color: #f4f5f9; }
.border-default { border-color: #514d7d !important; }
.border-muted { border-color: #adb5bd !important; }
.border-info { border-color: #6398ca !important; }
.border-tertiary { border-color: #68b3c8 !important; }
.border-light { border-color: #f4f5f9 !important; }
.border-primary { border-color: #0081c2 !important; }
.border-warning { border-color: #aa4f95 !important; }
.border-success { border-color: #5ea4b1 !important; }
.navbar-brand { display: grid; float: left; min-width: 178px; position: relative; }
.navbar-brand img { padding: 0.4rem 0.7rem 0 0.7rem; margin: 0 auto; }
.navbar-brand > span { font-size: 0.7rem; position: absolute; top: 47px; left: 0; right:0; color: #4e5089;margin-inline: auto; width: fit-content; padding-right: 0.9rem; }
.navbar-header { float: left; position: relative; }
.navbar { position: fixed; width: 100%; z-index: 2; /*background-color: #fff;*/ -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px);  min-height: 65px; border: none; box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.15); transition: top 0.2s ease-in-out; will-change: transform; transform: translate3d(0, 0, 0); background-color: hsla(0,0%,100%,0.5); }
.navbar .container,.navbar .container-fluid { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: center; justify-content: space-around !important; /*background-color: #fff;*/ min-height: 65px; }
.nav-toggler { display: none; padding: 1.25rem 1rem; font-size: 1.2rem; }
.navbar-contact { font-size: 0.78rem; color: #514d7d; display: inline-block; padding: 10px 0 0 10px; }
.navbar-contact > span { display: block; padding-top: 5px; }
.navbar-contact > span > i { padding-right: 5px; }
.nav-toggler .icon-bar { display: block; height: 2px; border-radius: 2px; margin-left: auto; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.nav-toggler .icon-bar:not(:last-of-type) { margin-bottom: 0.25rem; }
.nav-toggler .icon-bar:nth-child(2) { width: 20px; }
.nav-toggler .icon-bar:nth-child(3) { width: 26px; }
.nav-toggler .icon-bar:nth-child(4) { width: 22px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.nav-toggler .icon-bar { background-color: #222; }
.nav-toggler:hover .icon-bar, .nav-toggler:active .icon-bar, , .nav-toggler:focus .icon-bar { background-color: #fff; width: 26px; }
.nav-toggler.is-active .icon-bar:nth-child(3) { -webkit-transform: translateX(0px); transform: translateX(0px); width: 0px; height: 2px;  }
.nav-toggler.is-active .icon-bar:nth-child(2) { -webkit-transform: translateY(5px) rotate(45deg); transform: translateY(6px) rotate(45deg); width: 30px; }
.nav-toggler.is-active .icon-bar:nth-child(4) { -webkit-transform: translateY(-5px) rotate(-45deg); transform: translateY(-5px) rotate(-45deg); width: 30px; }
nav { order: 2; }
nav ul { margin: 0; float: left; }
nav ul li { display: inline; float: left; position: relative; margin: 0; list-style-type: none; background-color: #ffffff29; border-radius: 1.6rem; }
nav ul li a { display: inline-block; padding: 1.5rem 1rem; font-size: 1rem; color: #2c2d4e; text-decoration: none; transition: 0s; font-weight: 700; }
nav ul li a.active { color: #2c74b6; }
nav ul li a.nav-btn, a.totop-btn, .contact-action { cursor: pointer; }
nav ul li a { /* text-transform: uppercase;*/ }
/* add caret for drop menu */
nav ul > li a:not(:only-child):after { content: '\00a0\00a0▼'; font-size: 0.6rem; vertical-align: middle; }
/* sub menu */
nav ul ul { position: absolute; min-width: 220px; height: 0px; overflow: hidden; border-radius: 0 1.6rem 1.6rem 1.6rem; background-color: #fff; }
nav ul li:hover ul { height: auto; overflow: visible; border: none; box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.15); }
nav ul ul li { display: list-item; float: none; }
nav ul ul li:not(:first-child) a { border-top: 1px solid #e4e4e4; }
nav ul li a:hover { color: #2c74b6; }
nav ul li:hover:not(.dropown) { background-color: #eceff4; border-radius: 1.6rem; }
nav ul ul li:hover:not(.dropown):first-child { border-radius: 0 1.6rem 0 0; }
nav ul ul li:hover:not(.dropown) { border-radius: 0; }
nav ul ul li:hover:not(.dropown):last-child { border-radius: 0 0 1.6rem 1.6rem; }
nav ul li.dropdown:hover { background-color: #eceff4; border-radius: 1.6rem 1.6rem 0 0; }
nav ul ul li:hover { border-radius: none; }
nav ul ul li a { display: block; padding: 1.2rem 2.4rem; }
.timeline { content: ''; position: absolute; top:50%; width: calc(50% - 42px); height: 1px; background-image: linear-gradient(to right, rgba(202, 202, 202, 1) 40%, rgba(255, 255, 255, 0) 20%); background-position: top; background-size: 5px 1px; background-repeat: repeat-x; }
.timeline.right { left: 50%; margin-left: 42px; }
.timeline.left { left: 0; margin-left: 0; }
.navbar { padding: 0.8rem 0; }
.navbar-account { float: right; order: 3; display: flex; }
.navbar-account .btn { padding: 1.5rem 1rem; font-size: 1.2rem; text-transform: none; font-weight: 700; letter-spacing: 0; align-self: center; }
@media screen and (max-width: 362px) { 
.navbar .container, .navbar .container-fluid { padding:0 !important; } .navbar-brand img { padding: 0.4rem 0.5rem 0 0.5rem !important; } } 
@media screen and (max-width:1225px) { 
/*.container-fluid { padding-right: 5px; padding-left: 5px; }*/
nav ul li a { font-size: 1.2rem; padding: 1.5rem 0.5rem; }
/*nav ul li:first-child { display: none; } */
nav ul li ul li:first-child { display: block; }
.navbar-brand { min-width: 155px; } 
.navbar-brand img { padding: 0.4rem 0.2rem 0.2rem 0.2rem; } 
.navbar-brand > span { left: 0.25rem; padding-left: 0; } }
@media screen and (max-width:992px) { 
.navbar-account .btn { padding: 1rem 1rem; font-size: 1.2rem; text-transform: none; }
.navbar-account .btn .btn-txt { display: none; }
nav ul li a { font-size: 1rem; padding: 1.5rem 0.35rem; }
.navbar-brand img { padding: 0.4rem 0 0.2rem; }
.navbar-brand > span { left: 0; } }
@media screen and (max-width:768px) {
.navbar-account { float: left; margin-left: 1rem;  order: 2; }
/*.container-fluid { padding-right: 5px; padding-left: 5px; }*/
.navbar { box-shadow:none; background-color: #fff; padding: 0.8rem 0 0 0; }
.navbar .container,.navbar .container-fluid { display: block; box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.15); }
.navbar .container-fluid .navbar-brand { padding-left: 0; }
.navbar-brand img { padding: 0.4rem 0.7rem 0 0.7rem; } 
.navbar-brand > span { padding-left: 0; }
div.section:not(.first) { padding: 3rem 0 3rem; }
nav { order: 3; }
nav ul li a { padding: 0.75rem 0.5rem; }
nav ul li:first-child, nav ul { display: none; }
nav.mobile ul { float: none; display: inline-block; background-color: #fff; overflow: auto; max-height: calc(100vh - 77px); }
nav.mobile ul ul li a { padding: 0.6rem 1rem; }
nav.mobile ul li/*:not(:first-child)*/, /*nav.mobile ul li ul li,*/ nav.mobile ul li a { display: block; text-align: left; width: 100%; border-bottom: 1px solid #f0efef; border-top: none; font-size: 0.95rem; background-color: #fff; }
nav.mobile ul li a:last-child { border-bottom: none; }
nav.mobile ul ul li a:first-child { border-top: 1px solid #f0efef; }
nav.mobile ul li ul { position: relative; height: auto; display: none; overflow: hidden; }
nav.mobile ul li:hover ul, nav.mobile ul li ul.show { border: none; box-shadow: none; overflow: visible; display: block; }
nav.mobile ul > li a:not(:only-child) { /*padding-bottom: 5px; padding-top: 5px;*/  border-bottom: none; background-color: #ffffff;}
nav.mobile ul > li a.show:not(:only-child) { background-color: #f5f5f5; }
.navbar-header { padding-left: 15px; margin-right: -15px; margin-left: -15px; order: 1; }
.navbar-brand { height: auto; }
.navbar-brand > span { left: 0; }
.nav-toggler { display: inline-block; float: right; order: 3; padding: 1.25rem 1rem;  } 
.navbar-header { max-height: 85px; } 
.contact-action { padding: 0.5rem !important; bottom: 120px; } .contact-action-content { height: 126px; bottom: 100px; } .contact-action-body { padding: 0.5rem !important; } 
#to-top, #to-top:visited, #to-top:link, #to-top:active, #to-top:hover { right: 10px; } 
.timeline { content: ''; position: absolute; top: 0; width: 2px; height: 22px; background-image: linear-gradient(to bottom, rgba(202, 202, 202, 1) 40%, rgba(255, 255, 255, 0) 0%); background-position: left; background-size: 1px 4px; background-repeat: repeat-y; }
.timeline.right { left: 50%;  margin-left: 0;  margin-top: 85px; }
.timeline.left { left: 50%;  margin-left: 0; margin-top: -22px; } }
.navbar-header { /*margin-right: 2rem;*/ }
@media screen and (min-width:1200px) { 
nav ul li a { font-size: 1.2rem; } 
.navbar { padding: 1.6rem 0; height: auto; }
.section { padding: 7.3rem 0 7.3rem; }
}
@media screen and (min-width:1440px) { 
.navbar { padding: 1.6rem 0; }
.navbar-header { /*margin-right: 3.4rem;*/ }
nav ul li a { font-size: 1.2rem; } 
.section { padding: 9.2rem 0 9.2rem; }
}
@media screen and (max-width:1050px) { .navbar-contact { display: none; } }
@-webkit-keyframes load { 0% { stroke-dashoffset:0 } }
@-moz-keyframes load { 0% { stroke-dashoffset:0 } }
@keyframes load { 0% { stroke-dashoffset:0 } }
.progress-donut { position: relative; display: inline-block; padding: 0; text-align: center; }
.progress-donut>li { display: inline-block; position: relative; text-align: center; color: #514d7d; font-weight: 100; margin: 0.5rem; font-family: sans-serif; }
.progress-donut>li:before { content: attr(data-name); position: absolute; width: 100%; bottom: -1.2rem; font-weight: 400; }
.progress-donut>li:after { content: attr(data-percent); position: absolute; width: 100%; top: 3.2rem; left: 0; font-size: 1.5rem; text-align: center; }
.progress-donut svg { width: 8rem; height: 8rem; }
.progress-donut svg:nth-child(2) { position: absolute; left: 0; top: 0; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); }
.progress-donut svg:nth-child(2) path { fill: none; stroke-width: 25; stroke-dasharray: 629; stroke: rgba(255, 255, 255, 0.9); -webkit-animation: load 10s; -moz-animation: load 10s; -o-animation: load 10s; animation: load 10s; }
.bar-default { background-color: #4e5089; }
.bar-success { background-color: #5ea4b1; }
.d-chart-labels { display: flex; display: -webkit-flex; flex-direction: row; }
.d-chart-labels .label { flex: 1; -webkit-box-flex:1; -webkit-flex:1; padding: 3px; text-align: center;}
@keyframes grow-column { 0% { transform: translateY(100%); } 100% { transform: translateY(0); } }
@-webkit-keyframes grow-column { 0% { transform: translateY(100%); } 100% { transform: translateY(0); } }
@-moz-keyframes grow-column { 0% { transform: translateY(100%); } 100% { transform: translateY(0); } }
.justify-content-center { -ms-flex-pack: center !important; justify-content: center !important; }
.justify-content-between { justify-content: space-between !important; }
.justify-content-around { justify-content: space-around !important; }
.align-self-center { align-self: center !important; }
.d-flex { display: -ms-flexbox !important; display: flex !important; }
.flex-wrap { flex-wrap: wrap !important; }
.d-inline { display: inline !important; }
.d-chart { height: 250px; width: 100%; -ms-flex-align: end !important; align-items: flex-end !important; overflow: hidden; }
.d-bar { min-width: 25%; border-radius: 3px 3px 0 0; margin: 0 3rem; animation: grow-column 1s; max-width: 90px; }
.tooltip { display:inline-block; position:relative; cursor: pointer; }
.tooltip .bottom { min-width:320px; top:30px; left:50%; transform:translate(-50%, 0); padding:10px; background-color:#ffffff; font-weight:normal; font-size:13px; border-radius:8px; position:absolute; z-index:99999999; box-sizing:border-box; box-shadow:0 1px 8px rgba(0,0,0,0.5); display:none; text-align: center; }
/*.tooltip:hover .bottom { display: table-cell; } */
.tooltip .bottom i { position:absolute; bottom:100%; left:50%; margin-left:-12px; width:24px; height:12px; overflow:hidden; }
.tooltip .bottom i::after { content:''; position:absolute; width:12px; height:12px; left:50%; transform:translate(-50%,50%) rotate(45deg); background-color:#ffffff; box-shadow:0 1px 8px rgba(0,0,0,0.5); }
@keyframes shadow-pulse { 0% { box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); } 100% { box-shadow: 0 0 0 20px rgba(0, 0, 0, 0); } }
.btn-shadow-pulse { animation: shadow-pulse 2s infinite; }
.contact-form .error { color: #d53b30; }
.contact-form label.error { font-size: 0.85rem; font-weight: 100; padding-top: 0.5rem; }
.contact-form input.error, .contact-form select.error, .contact-form textarea.error, .contact-form button.error { border-color: #d53b30; }
.d-block { display: block !important; }
.switch { cursor: pointer; position: relative; margin: 6px 0px 4px; font-weight: normal; }
.switch input { position: absolute; opacity: 0; filter: alpha(opacity=0); }
.switch input:checked + i:after { left: 18px; }
.switch input:checked + i { background-color: #4e5089; }
.switch span { vertical-align: top; }
.switch i { position: relative; width: 40px; height: 24px; -moz-border-radius: 24px; -webkit-border-radius: 24px; border-radius: 24px; background-color: #E5E5E5; border: 1px solid #E5E5E5; display: inline-block; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; border-color: rgba(0, 0, 0, 0.1); left: 0px; }
.switch i:after { content: ""; position: absolute; background-color: #fff; width: 20px; top: 1px; bottom: 1px; left: 1px; -moz-border-radius: 24px; -webkit-border-radius: 24px; border-radius: 24px; -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25); -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; }
.modal { display: none; position: fixed; z-index: 99999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.4); }
.modal-dialog { position: relative; background-color: #fefefe; margin-top: 5rem; margin-left: auto; margin-right: auto; border: 1px solid #888; width: 80%; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s; border-radius: 0.25rem !important; margin-bottom: 3rem; }
@media screen and (max-width:768px) { .modal-dialog { margin: 0.5rem; width: calc(100% - 1rem); } }
@-webkit-keyframes animatetop { from {top:-300px; opacity:0} to {top:0; opacity:1} }
@keyframes animatetop { from {top:-300px; opacity:0} to {top:0; opacity:1} }
a.p-modal { cursor: pointer; }
.modal-close { float: right; font-size: 28px; font-weight: bold; }
.modal-close:hover, .modal-close:focus { color: #2c74b6; text-decoration: none; cursor: pointer; }
.modal-header { padding: 1.5rem !important; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ccc; }
.modal-body { padding: 1.5rem !important; }
.modal-footer { padding: 1.5rem !important; border-top-width: 1px; border-top-style: solid; border-top-color: #ccc; }
.img-scene-elm { pointer-events: none;  transition: all 0.4s cubic-bezier(0.365, 0.84, 0.44, 1); position: absolute !important; }
.img-bounce.img-duration-slow { animation-duration: 10s; }
.img-bounce { will-change: transform; animation-name: img_bounce_sm; animation-duration: 5s; animation-timing-function: ease-in-out; animation-fill-mode: both; animation-iteration-count: infinite; }
@keyframes img_bounce_sm{0%{transform:translateY(0)}50%{transform:translateY(30%)}100%{transform:translateY(0)}}
.testimonial-slider { max-width: 100%; width: 90%; padding: 1.6rem 1rem 0 1.6rem; position: relative; overflow: hidden; }
.testimonial-list { display: flex; overflow: hidden; }
.testimonial { position:relative; flex: 1 0 100%; text-align: center; transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1); min-width: 250px; }
.testimonial .quote { font-size: 4rem; color: #f6f7fd; }
.testimonial blockquote { font-size: 1.25rem; margin-left: 0; margin-right: 0; }
.slider-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; font-size: 1.5rem; border-radius: 50%; background-color: #fff; color: #514d7d; transition: 0.3s; opacity: 0; }
.testimonial-slider:hover .slider-nav { opacity: 1; }
.slider-nav:hover { background-color: #514d7d; color: #fff; }
.slider-nav.prev { left: 10px; }
.slider-nav.next { right: 10px; }
.slider-dots-container { text-align: center; }
.slider-dot { width: 10px; height: 10px; display: inline-block; border-radius: 5px; margin-inline: 5px; background-color: #ccc; transition: width 0.5s; border: none; cursor: pointer; padding:0; }
.slider-dot.active { width: 30px; background-color: #514d7d; }