section {
background-color:#fff
}

body {
font-style:normal;
line-height:1.2;
font-weight:400;
color:   #6c7577; /* #17171a;*/
position:relative
}

button {
background-color:transparent;
border-color:transparent
}

section,.container,.container-fluid {
position:relative;
word-wrap:break-word
}

a.ino-iconfont:hover {
text-decoration:none
}

.article .lead p,.article .lead ul,.article .lead ol,.article .lead pre,.article .lead blockquote {
margin-bottom:0
}

a {
font-style:normal;
font-weight:400;
cursor:pointer
}

a,a:hover {
text-decoration:none
}

.ino-section-title {
font-style:normal;
line-height:1.3
}

.ino-section-subtitle {
line-height:1.3
}

.ino-text {
font-style:normal;
line-height:1.7
}

h1,h2,h3,h4,h5,h6,.display-1,.display-2,.display-4,.display-5,.display-7,span,p,a {
word-break:break-word;
word-wrap:break-word;
font-weight:400
}

.display-1 {
line-height:.9;
letter-spacing:-2px
}

.display-2 {
line-height:.9;
letter-spacing:-1.5px
}

.display-4 {
line-height:1
}

.display-5 {
line-height:1.55
}

.display-7 {
line-height:1.2
}

b,strong {
font-weight:bold
}

input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active {
transition-delay:9999s
}

textarea [type=hidden ] {
display:none
}

section {
background-position:50% 50%;
background-repeat:no-repeat;
background-size:cover
}

section .ino-background-video,section .ino-background-video-preview {
position:absolute;
bottom:0;
left:0;
right:0;
top:0
}

.hidden {
visibility:hidden
}

.ino-z-index20 {
z-index:20
} /*! Base colors */

.ino-white {
color:#fff
}

.ino-black {
color:#111
}

.ino-bg-white {
background-color:#fff
}

.ino-bg-black {
background-color:#000
} /*! Text-aligns */

.align-left {
text-align:left
}

.align-center {
text-align:center
}

.align-right {
text-align:right
} /*! Font-weight  */

.ino-light {
font-weight:300
}

.ino-regular {
font-weight:400
}

.ino-semibold {
font-weight:500
}

.ino-bold {
font-weight:700
} /*! Media  */

.media-content {
flex-basis:100%
}

.media-container-row {
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-content:center;
align-items:start
}

.media-container-row .media-size-item {
width:400px
}

.media-container-column {
display:flex;
flex-direction:column;
flex-wrap:wrap;
justify-content:center;
align-content:center;
align-items:stretch
}

.media-container-column >* {
width:100%
}

@media(min-width:992px) {
.media-container-row {
flex-wrap:nowrap
}
}

figure {
margin-bottom:0;
overflow:hidden
}

figure [ino-media-size ] {
transition:width .1s
}

img,iframe {
display:block;
width:100%
}

.card {
background-color:transparent;
border:none
}

.card-box {
width:100%
}

.card-img {
text-align:center;
flex-shrink:0;
-webkit-flex-shrink:0
}

.media {
max-width:100%;
margin:0 auto
}

.ino-figure {
align-self:center
}

.media-container >div {
max-width:100%
}

.ino-figure img,.card-img img {
width:100%
}

@media(max-width:991px) {
.media-size-item {
width:auto !important
}

.media {
width:auto
}

.ino-figure {
width:100% !important
}
} /*! Buttons */

.ino-section-btn {
margin-left:-0.6rem;
margin-right:-0.6rem;
font-size:0
}

.btn {
border-width:2px;
font-style:normal;
margin:.6rem .6rem;
white-space:normal;
transition:all .2s ease-in-out;
display:inline-flex;
align-items:center;
justify-content:center;
word-break:break-word
}

.btn-sm {
letter-spacing:0px;
transition:all .3s ease-in-out
}

.btn-md {
letter-spacing:0px;
transition:all .3s ease-in-out
}

.btn-lg {
letter-spacing:0px;
transition:all .3s ease-in-out
}

.btn-form {
margin:0
}

.btn-form:hover {
cursor:pointer
}

nav .ino-section-btn {
margin-left:0rem;
margin-right:0rem
} /*! Btn icon margin */

.btn .ino-iconfont,.btn.btn-sm .ino-iconfont {
order:1;
cursor:pointer;
margin-left:.5rem;
vertical-align:sub
}

.btn.btn-md .ino-iconfont,.btn.btn-md .ino-iconfont {
margin-left:.8rem
}

.ino-regular {
font-weight:400
}

.ino-bold {
font-weight:700
} [type=submit ] {
-webkit-appearance:none
} /*! Full-screen */

.ino-fullscreen .ino-overlay {
min-height:100vh
}

.ino-fullscreen {
display:flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
align-items:center;
min-height:100vh;
padding-top:3rem;
padding-bottom:3rem
} /*! Map */

.map {
height:25rem;
position:relative
}

.map iframe {
width:100%;
height:100%
} /*! Scroll to top arrow */

.ino-arrow-up {
bottom:25px;
right:90px;
position:fixed;
text-align:right;
z-index:5000;
color:#fff;
font-size:22px
}

.ino-arrow-up a {
background:rgba(0,0,0,.2);
border-radius:50%;
color:#fff;
display:inline-block;
height:60px;
width:60px;
border:2px solid #fff;
outline-style:none !important;
position:relative;
text-decoration:none;
transition:all .3s ease-in-out;
cursor:pointer;
text-align:center
}

.ino-arrow-up a:hover {
background-color:rgba(0,0,0,.4)
}

.ino-arrow-up a i {
line-height:60px
}

.ino-arrow-up-icon {
display:block;
color:#fff
}

.ino-arrow-up-icon::before {
content: " › ";
display:inline-block;
font-family:serif;
font-size:22px;
line-height:1;
font-style:normal;
position:relative;
top:6px;
left:-4px;
transform:rotate(-90deg)
} /*! Arrow Down */

.ino-arrow {
position:absolute;
bottom:45px;
left:50%;
width:60px;
height:60px;
cursor:pointer;
background-color:rgba(80,80,80,.5);
border-radius:50%;
transform:translateX(-50%)
}

@media(max-width:767px) {
.ino-arrow {
display:none
}
}

.ino-arrow >a {
display:inline-block;
text-decoration:none;
outline-style:none;
-webkit-animation:arrowdown 1.7s ease-in-out infinite;
animation:arrowdown 1.7s ease-in-out infinite;
color:#fff
}

.ino-arrow >a >i {
position:absolute;
top:-2px;
left:15px;
font-size:2rem
}

#scrollToTop a i::before {
content: " ";
position:absolute;
display:block;
border-bottom:2.5px solid #fff;
border-left:2.5px solid #fff;
width:27.8%;
height:27.8%;
left:50%;
top:51%;
transform:translateY(-30%) translateX(-50%) rotate(135deg)
}

@keyframes arrowdown {
0% {
transform:translateY(0px)
}

50% {
transform:translateY(-5px)
}

100% {
transform:translateY(0px)
}
}

@-webkit-keyframes arrowdown {
0% {
transform:translateY(0px)
}

50% {
transform:translateY(-5px)
}

100% {
transform:translateY(0px)
}
}

@media(max-width:500px) {
.ino-arrow-up {
left:0;
right:0;
text-align:center
}
}

@keyframes gradient-animation {
from {
background-position:0% 100%;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}

to {
background-position:100% 0%;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
}

@-webkit-keyframes gradient-animation {
from {
background-position:0% 100%;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}

to {
background-position:100% 0%;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
}

.bg-gradient {
background-size:200% 200%;
animation:gradient-animation 5s infinite alternate;
-webkit-animation:gradient-animation 5s infinite alternate
}

.menu .navbar-brand {
display:-webkit-flex
}

.menu .navbar-brand span {
display:flex;
display:-webkit-flex
}

.menu .navbar-brand .navbar-caption-wrap {
display:-webkit-flex
}

.menu .navbar-brand .navbar-logo img {
display:-webkit-flex;
width:auto
}

@media(min-width:768px)and (max-width:991px) {
.menu .navbar-toggleable-sm .navbar-nav {
display:-ms-flexbox
}
}

@media(max-width:991px) {
.menu .navbar-collapse {
max-height:93.5vh
}

.menu .navbar-collapse.show {
overflow:auto
}
}

@media(min-width:992px) {
.menu .navbar-nav.nav-dropdown {
display:-webkit-flex
}

.menu .navbar-toggleable-sm .navbar-collapse {
display:-webkit-flex !important
}

.menu .collapsed .navbar-collapse {
max-height:93.5vh
}

.menu .collapsed .navbar-collapse.show {
overflow:auto
}
}

@media(max-width:767px) {
.menu .navbar-collapse {
max-height:80vh
}
}

.nav-link .ino-iconfont {
margin-right:.5rem
}

.navbar {
display:-webkit-flex;
-webkit-flex-wrap:wrap;
-webkit-align-items:center;
-webkit-justify-content:space-between
}

.navbar-collapse {
-webkit-flex-basis:100%;
-webkit-flex-grow:1;
-webkit-align-items:center
}

.nav-dropdown .link {
padding:.667em 1.667em !important;
margin:0 !important
}

.nav {
display:-webkit-flex;
-webkit-flex-wrap:wrap
}

.row {
display:-webkit-flex;
-webkit-flex-wrap:wrap
}

.justify-content-center {
-webkit-justify-content:center
}

.form-inline {
display:-webkit-flex
}

.card-wrapper {
-webkit-flex:1
}

.carousel-control {
z-index:10;
display:-webkit-flex
}

.carousel-controls {
display:-webkit-flex
}

.media {
display:-webkit-flex
}

.form-group {
padding:0 1rem
}

.form-group:focus {
outline:none
}

.jq-selectbox__select {
padding:7px 0;
position:relative
}

.jq-selectbox__dropdown {
overflow:hidden;
border-radius:10px;
position:absolute;
top:100%;
left:0 !important;
width:100% !important
}

.jq-selectbox__trigger-arrow {
right:0;
transform:translateY(-50%)
}

.jq-selectbox li {
padding:1.07em .5em
}

input [type=range ] {
padding-left:0 !important;
padding-right:0 !important
}

.modal-dialog,.modal-content {
height:100%
}

.modal-dialog .carousel-inner {
height:calc(100vh - 1.75rem)
}

@media(max-width:575px) {
.modal-dialog .carousel-inner {
height:calc(100vh - 1rem)
}
}

.carousel-item {
text-align:center
}

.carousel-item img {
margin:auto
}

.navbar-toggler {
align-self:flex-start;
padding:.25rem .75rem;
font-size:1.25rem;
line-height:1;
background:transparent;
border:1px solid transparent;
border-radius:.25rem
}

.navbar-toggler:focus,.navbar-toggler:hover {
text-decoration:none;
box-shadow:none
}

.navbar-toggler-icon {
display:inline-block;
width:1.5em;
height:1.5em;
vertical-align:middle;
content: " ";
background:no-repeat center center;
background-size:100% 100%
}

.navbar-toggler-left {
position:absolute;
left:1rem
}

.navbar-toggler-right {
position:absolute;
right:1rem
}

.card-img {
width:auto
}

.menu .navbar.collapsed:not(.beta-menu) {
flex-direction:column
}

.carousel-item.active,.carousel-item-next,.carousel-item-prev {
display:flex
}

.note-air-layout .dropup .dropdown-menu,.note-air-layout .navbar-fixed-bottom .dropdown .dropdown-menu {
bottom:initial !important
}

html,body {
height:auto;
min-height:100vh
}

.dropup .dropdown-toggle::after {
display:none
}

.form-asterisk {
font-family:initial;
position:absolute;
top:-2px;
font-weight:normal
}

.form-control-label {
position:relative;
cursor:pointer;
margin-left:1rem;
margin-bottom:1.2rem;
padding:0
}

.alert {
color:#fff;
border-radius:0;
border:0;
font-size:1.1rem;
line-height:1.5;
margin-bottom:1.875rem;
padding:1.25rem;
position:relative;
text-align:center
}

.alert.alert-form::after {
background-color:inherit;
bottom:-7px;
content: " ";
display:block;
height:14px;
left:50%;
margin-left:-7px;
position:absolute;
transform:rotate(45deg);
width:14px
}

.form-control {
background-color:transparent;
background-clip:border-box;
color:#fff;
line-height:1rem !important;
height:auto;
padding:.6rem 1.2rem;
transition:border-color .25s ease 0s
}

.form-active .form-control:invalid {
border-color:red
}

form .row {
margin-left:-0.6rem;
margin-right:-0.6rem
}

form .row [class*=col ] {
padding-left:.6rem;
padding-right:.6rem
}

form .ino-section-btn {
margin:0;
padding-left:.6rem;
padding-right:.6rem
}

form .btn {
display:flex;
padding:.6rem .8rem;
margin:0
}

form .form-check-input {
margin-top:.5
}

textarea.form-control {
line-height:.9rem !important
}

.form-control,.form-check {
margin-bottom:1.2rem
}

.form-check {
margin-left:1rem
}

.form-control,form .btn {
min-height:48px;
width:100%
}

.gdpr-block label span.textGDPR input [name=gdpr ] {
top:7px
}

.form-control:focus {
box-shadow:none
}:focus {
outline:none
}

.ino-overlay {
background-color:#000;
bottom:0;
left:0;
opacity:.5;
position:absolute;
right:0;
top:0;
z-index:0;
pointer-events:none
}

blockquote {
font-style:italic;
padding:3rem;
font-size:1.09rem;
position:relative;
border-left:3px solid
}

ul,ol,pre,blockquote {
margin-bottom:2.3125rem
}

.mt-4 {
margin-top:2rem !important
}

.mb-4 {
margin-bottom:2rem !important
}

@media(min-width:992px) {
.container {
padding-left:16px;
padding-right:16px
}

.row {
margin-left:-16px;
margin-right:-16px
}

.row > [class*=col ] {
padding-left:16px;
padding-right:16px
}
}

@media(min-width:768px) {
.container-fluid {
padding-left:32px;
padding-right:32px
}
}

@media(min-width:768px)and (max-width:991px) {
.ino-container {
padding-left:32px;
padding-right:32px
}
}

@media(max-width:767px) {
.ino-container {
padding-left:16px;
padding-right:16px
}
}

.card-wrapper,.item-wrapper {
overflow:hidden
}

.app-video-wrapper >img {
opacity:1
}

.item {
position:relative
}

.dropdown-menu .dropdown-menu {
left:100%
}

.dropdown-item+.dropdown-menu {
display:none
}

.dropdown-item:hover+.dropdown-menu,.dropdown-menu:hover {
display:block
}